@devalok/shilp-sutra 0.7.0 → 0.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/composed/command-palette.d.ts.map +1 -1
  2. package/dist/composed/command-palette.js +84 -73
  3. package/dist/composed/extensions/emoji-suggestion.d.ts +2 -1
  4. package/dist/composed/extensions/emoji-suggestion.d.ts.map +1 -1
  5. package/dist/composed/extensions/emoji-suggestion.js +1 -1
  6. package/dist/composed/extensions/file-attachment.d.ts +2 -1
  7. package/dist/composed/extensions/file-attachment.d.ts.map +1 -1
  8. package/dist/composed/rich-text-editor.d.ts.map +1 -1
  9. package/dist/composed/rich-text-editor.js +173 -161
  10. package/dist/composed/status-badge.d.ts +11 -1
  11. package/dist/composed/status-badge.d.ts.map +1 -1
  12. package/dist/composed/status-badge.js +48 -20
  13. package/dist/hooks/use-color-mode.d.ts.map +1 -1
  14. package/dist/hooks/use-color-mode.js +8 -4
  15. package/dist/hooks/use-mobile.d.ts +5 -0
  16. package/dist/hooks/use-mobile.d.ts.map +1 -1
  17. package/dist/node_modules/.pnpm/@emoji-mart_data@1.2.1/node_modules/@emoji-mart/data/sets/15/native.json.js +40141 -0
  18. package/dist/node_modules/.pnpm/@emoji-mart_react@1.1.1_emoji-mart@5.6.0_react@19.2.4/node_modules/@emoji-mart/react/dist/module.js +17 -0
  19. package/dist/node_modules/.pnpm/emoji-mart@5.6.0/node_modules/emoji-mart/dist/module.js +2958 -0
  20. package/dist/tailwind/index.cjs +2 -0
  21. package/dist/tailwind/preset.d.ts.map +1 -1
  22. package/dist/tailwind/preset.js +2 -0
  23. package/dist/tokens/semantic.css +3 -1
  24. package/dist/ui/alert.js +1 -1
  25. package/dist/ui/badge.js +2 -1
  26. package/dist/ui/banner.js +12 -12
  27. package/dist/ui/chip.d.ts.map +1 -1
  28. package/dist/ui/chip.js +1 -1
  29. package/dist/ui/color-input.d.ts.map +1 -1
  30. package/dist/ui/color-input.js +17 -16
  31. package/dist/ui/combobox.d.ts +20 -11
  32. package/dist/ui/combobox.d.ts.map +1 -1
  33. package/dist/ui/dialog.js +9 -9
  34. package/dist/ui/form.js +14 -35
  35. package/dist/ui/input.d.ts.map +1 -1
  36. package/dist/ui/input.js +12 -11
  37. package/dist/ui/number-input.d.ts.map +1 -1
  38. package/dist/ui/number-input.js +39 -35
  39. package/dist/ui/sheet.js +21 -21
  40. package/dist/ui/textarea.d.ts.map +1 -1
  41. package/dist/ui/textarea.js +30 -24
  42. package/dist/ui/toast.js +18 -18
  43. package/llms-full.txt +6 -4
  44. package/llms.txt +7 -1
  45. package/package.json +597 -592
  46. package/dist/_virtual/shilp-sutra.js +0 -5
  47. package/dist/_virtual/shilp-sutra2.js +0 -5
@@ -0,0 +1,2958 @@
1
+ "use client";
2
+ function ze(t) {
3
+ return t && t.__esModule ? t.default : t;
4
+ }
5
+ function C(t, e, n) {
6
+ return e in t ? Object.defineProperty(t, e, {
7
+ value: n,
8
+ enumerable: !0,
9
+ configurable: !0,
10
+ writable: !0
11
+ }) : t[e] = n, t;
12
+ }
13
+ var K, v, Me, P, Ee, se, V = {}, Le = [], et = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
14
+ function M(t, e) {
15
+ for (var n in e) t[n] = e[n];
16
+ return t;
17
+ }
18
+ function De(t) {
19
+ var e = t.parentNode;
20
+ e && e.removeChild(t);
21
+ }
22
+ function Q(t, e, n) {
23
+ var r, o, i, s = {};
24
+ for (i in e) i == "key" ? r = e[i] : i == "ref" ? o = e[i] : s[i] = e[i];
25
+ if (arguments.length > 2 && (s.children = arguments.length > 3 ? K.call(arguments, 2) : n), typeof t == "function" && t.defaultProps != null) for (i in t.defaultProps) s[i] === void 0 && (s[i] = t.defaultProps[i]);
26
+ return I(t, s, r, o, null);
27
+ }
28
+ function I(t, e, n, r, o) {
29
+ var i = {
30
+ type: t,
31
+ props: e,
32
+ key: n,
33
+ ref: r,
34
+ __k: null,
35
+ __: null,
36
+ __b: 0,
37
+ __e: null,
38
+ __d: void 0,
39
+ __c: null,
40
+ __h: null,
41
+ constructor: void 0,
42
+ __v: o ?? ++Me
43
+ };
44
+ return o == null && v.vnode != null && v.vnode(i), i;
45
+ }
46
+ function j() {
47
+ return {
48
+ current: null
49
+ };
50
+ }
51
+ function D(t) {
52
+ return t.children;
53
+ }
54
+ function S(t, e) {
55
+ this.props = t, this.context = e;
56
+ }
57
+ function R(t, e) {
58
+ if (e == null) return t.__ ? R(t.__, t.__.__k.indexOf(t) + 1) : null;
59
+ for (var n; e < t.__k.length; e++) if ((n = t.__k[e]) != null && n.__e != null) return n.__e;
60
+ return typeof t.type == "function" ? R(t) : null;
61
+ }
62
+ function Re(t) {
63
+ var e, n;
64
+ if ((t = t.__) != null && t.__c != null) {
65
+ for (t.__e = t.__c.base = null, e = 0; e < t.__k.length; e++) if ((n = t.__k[e]) != null && n.__e != null) {
66
+ t.__e = t.__c.base = n.__e;
67
+ break;
68
+ }
69
+ return Re(t);
70
+ }
71
+ }
72
+ function ae(t) {
73
+ (!t.__d && (t.__d = !0) && P.push(t) && !F.__r++ || se !== v.debounceRendering) && ((se = v.debounceRendering) || Ee)(F);
74
+ }
75
+ function F() {
76
+ for (var t; F.__r = P.length; ) t = P.sort(function(e, n) {
77
+ return e.__v.__b - n.__v.__b;
78
+ }), P = [], t.some(function(e) {
79
+ var n, r, o, i, s, l;
80
+ e.__d && (s = (i = (n = e).__v).__e, (l = n.__P) && (r = [], (o = M({}, i)).__v = i.__v + 1, oe(l, i, o, n.__n, l.ownerSVGElement !== void 0, i.__h != null ? [
81
+ s
82
+ ] : null, r, s ?? R(i), i.__h), Te(r, i), i.__e != s && Re(i)));
83
+ });
84
+ }
85
+ function Pe(t, e, n, r, o, i, s, l, c, u) {
86
+ var a, p, h, f, _, m, b, $ = r && r.__k || Le, y = $.length;
87
+ for (n.__k = [], a = 0; a < e.length; a++) if ((f = n.__k[a] = (f = e[a]) == null || typeof f == "boolean" ? null : typeof f == "string" || typeof f == "number" || typeof f == "bigint" ? I(null, f, null, null, f) : Array.isArray(f) ? I(D, {
88
+ children: f
89
+ }, null, null, null) : f.__b > 0 ? I(f.type, f.props, f.key, null, f.__v) : f) != null) {
90
+ if (f.__ = n, f.__b = n.__b + 1, (h = $[a]) === null || h && f.key == h.key && f.type === h.type) $[a] = void 0;
91
+ else for (p = 0; p < y; p++) {
92
+ if ((h = $[p]) && f.key == h.key && f.type === h.type) {
93
+ $[p] = void 0;
94
+ break;
95
+ }
96
+ h = null;
97
+ }
98
+ oe(t, f, h = h || V, o, i, s, l, c, u), _ = f.__e, (p = f.ref) && h.ref != p && (b || (b = []), h.ref && b.push(h.ref, null, f), b.push(p, f.__c || _, f)), _ != null ? (m == null && (m = _), typeof f.type == "function" && f.__k === h.__k ? f.__d = c = Be(f, c, t) : c = He(t, f, h, $, _, c), typeof n.type == "function" && (n.__d = c)) : c && h.__e == c && c.parentNode != t && (c = R(h));
99
+ }
100
+ for (n.__e = m, a = y; a--; ) $[a] != null && (typeof n.type == "function" && $[a].__e != null && $[a].__e == n.__d && (n.__d = R(r, a + 1)), Ie($[a], $[a]));
101
+ if (b) for (a = 0; a < b.length; a++) Ae(b[a], b[++a], b[++a]);
102
+ }
103
+ function Be(t, e, n) {
104
+ for (var r, o = t.__k, i = 0; o && i < o.length; i++) (r = o[i]) && (r.__ = t, e = typeof r.type == "function" ? Be(r, e, n) : He(n, r, r, o, r.__e, e));
105
+ return e;
106
+ }
107
+ function U(t, e) {
108
+ return e = e || [], t == null || typeof t == "boolean" || (Array.isArray(t) ? t.some(function(n) {
109
+ U(n, e);
110
+ }) : e.push(t)), e;
111
+ }
112
+ function He(t, e, n, r, o, i) {
113
+ var s, l, c;
114
+ if (e.__d !== void 0) s = e.__d, e.__d = void 0;
115
+ else if (n == null || o != i || o.parentNode == null) e: if (i == null || i.parentNode !== t) t.appendChild(o), s = null;
116
+ else {
117
+ for (l = i, c = 0; (l = l.nextSibling) && c < r.length; c += 2) if (l == o) break e;
118
+ t.insertBefore(o, i), s = i;
119
+ }
120
+ return s !== void 0 ? s : o.nextSibling;
121
+ }
122
+ function tt(t, e, n, r, o) {
123
+ var i;
124
+ for (i in n) i === "children" || i === "key" || i in e || N(t, i, null, n[i], r);
125
+ for (i in e) o && typeof e[i] != "function" || i === "children" || i === "key" || i === "value" || i === "checked" || n[i] === e[i] || N(t, i, e[i], n[i], r);
126
+ }
127
+ function ce(t, e, n) {
128
+ e[0] === "-" ? t.setProperty(e, n) : t[e] = n == null ? "" : typeof n != "number" || et.test(e) ? n : n + "px";
129
+ }
130
+ function N(t, e, n, r, o) {
131
+ var i;
132
+ e: if (e === "style")
133
+ if (typeof n == "string") t.style.cssText = n;
134
+ else {
135
+ if (typeof r == "string" && (t.style.cssText = r = ""), r) for (e in r) n && e in n || ce(t.style, e, "");
136
+ if (n) for (e in n) r && n[e] === r[e] || ce(t.style, e, n[e]);
137
+ }
138
+ else if (e[0] === "o" && e[1] === "n") i = e !== (e = e.replace(/Capture$/, "")), e = e.toLowerCase() in t ? e.toLowerCase().slice(2) : e.slice(2), t.l || (t.l = {}), t.l[e + i] = n, n ? r || t.addEventListener(e, i ? de : le, i) : t.removeEventListener(e, i ? de : le, i);
139
+ else if (e !== "dangerouslySetInnerHTML") {
140
+ if (o) e = e.replace(/xlink[H:h]/, "h").replace(/sName$/, "s");
141
+ else if (e !== "href" && e !== "list" && e !== "form" && e !== "tabIndex" && e !== "download" && e in t) try {
142
+ t[e] = n ?? "";
143
+ break e;
144
+ } catch {
145
+ }
146
+ typeof n == "function" || (n != null && (n !== !1 || e[0] === "a" && e[1] === "r") ? t.setAttribute(e, n) : t.removeAttribute(e));
147
+ }
148
+ }
149
+ function le(t) {
150
+ this.l[t.type + !1](v.event ? v.event(t) : t);
151
+ }
152
+ function de(t) {
153
+ this.l[t.type + !0](v.event ? v.event(t) : t);
154
+ }
155
+ function oe(t, e, n, r, o, i, s, l, c) {
156
+ var u, a, p, h, f, _, m, b, $, y, B, x = e.type;
157
+ if (e.constructor !== void 0) return null;
158
+ n.__h != null && (c = n.__h, l = e.__e = n.__e, e.__h = null, i = [
159
+ l
160
+ ]), (u = v.__b) && u(e);
161
+ try {
162
+ e: if (typeof x == "function") {
163
+ if (b = e.props, $ = (u = x.contextType) && r[u.__c], y = u ? $ ? $.props.value : u.__ : r, n.__c ? m = (a = e.__c = n.__c).__ = a.__E : ("prototype" in x && x.prototype.render ? e.__c = a = new x(b, y) : (e.__c = a = new S(b, y), a.constructor = x, a.render = rt), $ && $.sub(a), a.props = b, a.state || (a.state = {}), a.context = y, a.__n = r, p = a.__d = !0, a.__h = []), a.__s == null && (a.__s = a.state), x.getDerivedStateFromProps != null && (a.__s == a.state && (a.__s = M({}, a.__s)), M(a.__s, x.getDerivedStateFromProps(b, a.__s))), h = a.props, f = a.state, p) x.getDerivedStateFromProps == null && a.componentWillMount != null && a.componentWillMount(), a.componentDidMount != null && a.__h.push(a.componentDidMount);
164
+ else {
165
+ if (x.getDerivedStateFromProps == null && b !== h && a.componentWillReceiveProps != null && a.componentWillReceiveProps(b, y), !a.__e && a.shouldComponentUpdate != null && a.shouldComponentUpdate(b, a.__s, y) === !1 || e.__v === n.__v) {
166
+ a.props = b, a.state = a.__s, e.__v !== n.__v && (a.__d = !1), a.__v = e, e.__e = n.__e, e.__k = n.__k, e.__k.forEach(function(H) {
167
+ H && (H.__ = e);
168
+ }), a.__h.length && s.push(a);
169
+ break e;
170
+ }
171
+ a.componentWillUpdate != null && a.componentWillUpdate(b, a.__s, y), a.componentDidUpdate != null && a.__h.push(function() {
172
+ a.componentDidUpdate(h, f, _);
173
+ });
174
+ }
175
+ a.context = y, a.props = b, a.state = a.__s, (u = v.__r) && u(e), a.__d = !1, a.__v = e, a.__P = t, u = a.render(a.props, a.state, a.context), a.state = a.__s, a.getChildContext != null && (r = M(M({}, r), a.getChildContext())), p || a.getSnapshotBeforeUpdate == null || (_ = a.getSnapshotBeforeUpdate(h, f)), B = u != null && u.type === D && u.key == null ? u.props.children : u, Pe(t, Array.isArray(B) ? B : [
176
+ B
177
+ ], e, n, r, o, i, s, l, c), a.base = e.__e, e.__h = null, a.__h.length && s.push(a), m && (a.__E = a.__ = null), a.__e = !1;
178
+ } else i == null && e.__v === n.__v ? (e.__k = n.__k, e.__e = n.__e) : e.__e = nt(n.__e, e, n, r, o, i, s, c);
179
+ (u = v.diffed) && u(e);
180
+ } catch (H) {
181
+ e.__v = null, (c || i != null) && (e.__e = l, e.__h = !!c, i[i.indexOf(l)] = null), v.__e(H, e, n);
182
+ }
183
+ }
184
+ function Te(t, e) {
185
+ v.__c && v.__c(e, t), t.some(function(n) {
186
+ try {
187
+ t = n.__h, n.__h = [], t.some(function(r) {
188
+ r.call(n);
189
+ });
190
+ } catch (r) {
191
+ v.__e(r, n.__v);
192
+ }
193
+ });
194
+ }
195
+ function nt(t, e, n, r, o, i, s, l) {
196
+ var c, u, a, p = n.props, h = e.props, f = e.type, _ = 0;
197
+ if (f === "svg" && (o = !0), i != null) {
198
+ for (; _ < i.length; _++) if ((c = i[_]) && "setAttribute" in c == !!f && (f ? c.localName === f : c.nodeType === 3)) {
199
+ t = c, i[_] = null;
200
+ break;
201
+ }
202
+ }
203
+ if (t == null) {
204
+ if (f === null) return document.createTextNode(h);
205
+ t = o ? document.createElementNS("http://www.w3.org/2000/svg", f) : document.createElement(f, h.is && h), i = null, l = !1;
206
+ }
207
+ if (f === null) p === h || l && t.data === h || (t.data = h);
208
+ else {
209
+ if (i = i && K.call(t.childNodes), u = (p = n.props || V).dangerouslySetInnerHTML, a = h.dangerouslySetInnerHTML, !l) {
210
+ if (i != null) for (p = {}, _ = 0; _ < t.attributes.length; _++) p[t.attributes[_].name] = t.attributes[_].value;
211
+ (a || u) && (a && (u && a.__html == u.__html || a.__html === t.innerHTML) || (t.innerHTML = a && a.__html || ""));
212
+ }
213
+ if (tt(t, h, p, o, l), a) e.__k = [];
214
+ else if (_ = e.props.children, Pe(t, Array.isArray(_) ? _ : [
215
+ _
216
+ ], e, n, r, o && f !== "foreignObject", i, s, i ? i[0] : n.__k && R(n, 0), l), i != null) for (_ = i.length; _--; ) i[_] != null && De(i[_]);
217
+ l || ("value" in h && (_ = h.value) !== void 0 && (_ !== p.value || _ !== t.value || f === "progress" && !_) && N(t, "value", _, p.value, !1), "checked" in h && (_ = h.checked) !== void 0 && _ !== t.checked && N(t, "checked", _, p.checked, !1));
218
+ }
219
+ return t;
220
+ }
221
+ function Ae(t, e, n) {
222
+ try {
223
+ typeof t == "function" ? t(e) : t.current = e;
224
+ } catch (r) {
225
+ v.__e(r, n);
226
+ }
227
+ }
228
+ function Ie(t, e, n) {
229
+ var r, o;
230
+ if (v.unmount && v.unmount(t), (r = t.ref) && (r.current && r.current !== t.__e || Ae(r, null, e)), (r = t.__c) != null) {
231
+ if (r.componentWillUnmount) try {
232
+ r.componentWillUnmount();
233
+ } catch (i) {
234
+ v.__e(i, e);
235
+ }
236
+ r.base = r.__P = null;
237
+ }
238
+ if (r = t.__k) for (o = 0; o < r.length; o++) r[o] && Ie(r[o], e, typeof t.type != "function");
239
+ n || t.__e == null || De(t.__e), t.__e = t.__d = void 0;
240
+ }
241
+ function rt(t, e, n) {
242
+ return this.constructor(t, n);
243
+ }
244
+ function Oe(t, e, n) {
245
+ var r, o, i;
246
+ v.__ && v.__(t, e), o = (r = typeof n == "function") ? null : n && n.__k || e.__k, i = [], oe(e, t = (!r && n || e).__k = Q(D, null, [
247
+ t
248
+ ]), o || V, V, e.ownerSVGElement !== void 0, !r && n ? [
249
+ n
250
+ ] : o ? null : e.firstChild ? K.call(e.childNodes) : null, i, !r && n ? n : o ? o.__e : e.firstChild, r), Te(i, t);
251
+ }
252
+ K = Le.slice, v = {
253
+ __e: function(t, e) {
254
+ for (var n, r, o; e = e.__; ) if ((n = e.__c) && !n.__) try {
255
+ if ((r = n.constructor) && r.getDerivedStateFromError != null && (n.setState(r.getDerivedStateFromError(t)), o = n.__d), n.componentDidCatch != null && (n.componentDidCatch(t), o = n.__d), o) return n.__E = n;
256
+ } catch (i) {
257
+ t = i;
258
+ }
259
+ throw t;
260
+ }
261
+ }, Me = 0, S.prototype.setState = function(t, e) {
262
+ var n;
263
+ n = this.__s != null && this.__s !== this.state ? this.__s : this.__s = M({}, this.state), typeof t == "function" && (t = t(M({}, n), this.props)), t && M(n, t), t != null && this.__v && (e && this.__h.push(e), ae(this));
264
+ }, S.prototype.forceUpdate = function(t) {
265
+ this.__v && (this.__e = !0, t && this.__h.push(t), ae(this));
266
+ }, S.prototype.render = D, P = [], Ee = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, F.__r = 0;
267
+ var it = 0;
268
+ function d(t, e, n, r, o) {
269
+ var i, s, l = {};
270
+ for (s in e) s == "ref" ? i = e[s] : l[s] = e[s];
271
+ var c = {
272
+ type: t,
273
+ props: l,
274
+ key: n,
275
+ ref: i,
276
+ __k: null,
277
+ __: null,
278
+ __b: 0,
279
+ __e: null,
280
+ __d: void 0,
281
+ __c: null,
282
+ __h: null,
283
+ constructor: void 0,
284
+ __v: --it,
285
+ __source: r,
286
+ __self: o
287
+ };
288
+ if (typeof t == "function" && (i = t.defaultProps)) for (s in i) l[s] === void 0 && (l[s] = i[s]);
289
+ return v.vnode && v.vnode(c), c;
290
+ }
291
+ function ot(t, e) {
292
+ try {
293
+ window.localStorage[`emoji-mart.${t}`] = JSON.stringify(e);
294
+ } catch {
295
+ }
296
+ }
297
+ function st(t) {
298
+ try {
299
+ const e = window.localStorage[`emoji-mart.${t}`];
300
+ if (e) return JSON.parse(e);
301
+ } catch {
302
+ }
303
+ }
304
+ var E = {
305
+ set: ot,
306
+ get: st
307
+ };
308
+ const X = /* @__PURE__ */ new Map(), at = [
309
+ {
310
+ v: 15,
311
+ emoji: "🫨"
312
+ },
313
+ {
314
+ v: 14,
315
+ emoji: "🫠"
316
+ },
317
+ {
318
+ v: 13.1,
319
+ emoji: "😶‍🌫️"
320
+ },
321
+ {
322
+ v: 13,
323
+ emoji: "🥸"
324
+ },
325
+ {
326
+ v: 12.1,
327
+ emoji: "🧑‍🦰"
328
+ },
329
+ {
330
+ v: 12,
331
+ emoji: "🥱"
332
+ },
333
+ {
334
+ v: 11,
335
+ emoji: "🥰"
336
+ },
337
+ {
338
+ v: 5,
339
+ emoji: "🤩"
340
+ },
341
+ {
342
+ v: 4,
343
+ emoji: "👱‍♀️"
344
+ },
345
+ {
346
+ v: 3,
347
+ emoji: "🤣"
348
+ },
349
+ {
350
+ v: 2,
351
+ emoji: "👋🏻"
352
+ },
353
+ {
354
+ v: 1,
355
+ emoji: "🙃"
356
+ }
357
+ ];
358
+ function ct() {
359
+ for (const { v: t, emoji: e } of at)
360
+ if (Ve(e)) return t;
361
+ }
362
+ function lt() {
363
+ return !Ve("🇨🇦");
364
+ }
365
+ function Ve(t) {
366
+ if (X.has(t)) return X.get(t);
367
+ const e = dt(t);
368
+ return X.set(t, e), e;
369
+ }
370
+ const dt = (() => {
371
+ let t = null;
372
+ try {
373
+ navigator.userAgent.includes("jsdom") || (t = document.createElement("canvas").getContext("2d", {
374
+ willReadFrequently: !0
375
+ }));
376
+ } catch {
377
+ }
378
+ if (!t) return () => !1;
379
+ const e = 25, n = 20, r = Math.floor(e / 2);
380
+ return t.font = r + "px Arial, Sans-Serif", t.textBaseline = "top", t.canvas.width = n * 2, t.canvas.height = e, (o) => {
381
+ t.clearRect(0, 0, n * 2, e), t.fillStyle = "#FF0000", t.fillText(o, 0, 22), t.fillStyle = "#0000FF", t.fillText(o, n, 22);
382
+ const i = t.getImageData(0, 0, n, e).data, s = i.length;
383
+ let l = 0;
384
+ for (; l < s && !i[l + 3]; l += 4) ;
385
+ if (l >= s) return !1;
386
+ const c = n + l / 4 % n, u = Math.floor(l / 4 / n), a = t.getImageData(c, u, 1, 1).data;
387
+ return !(i[l] !== a[0] || i[l + 2] !== a[2] || t.measureText(o).width >= n);
388
+ };
389
+ })();
390
+ var ue = {
391
+ latestVersion: ct,
392
+ noCountryFlags: lt
393
+ };
394
+ const ee = [
395
+ "+1",
396
+ "grinning",
397
+ "kissing_heart",
398
+ "heart_eyes",
399
+ "laughing",
400
+ "stuck_out_tongue_winking_eye",
401
+ "sweat_smile",
402
+ "joy",
403
+ "scream",
404
+ "disappointed",
405
+ "unamused",
406
+ "weary",
407
+ "sob",
408
+ "sunglasses",
409
+ "heart"
410
+ ];
411
+ let k = null;
412
+ function ut(t) {
413
+ k || (k = E.get("frequently") || {});
414
+ const e = t.id || t;
415
+ e && (k[e] || (k[e] = 0), k[e] += 1, E.set("last", e), E.set("frequently", k));
416
+ }
417
+ function ht({ maxFrequentRows: t, perLine: e }) {
418
+ if (!t) return [];
419
+ k || (k = E.get("frequently"));
420
+ let n = [];
421
+ if (!k) {
422
+ k = {};
423
+ for (let i in ee.slice(0, e)) {
424
+ const s = ee[i];
425
+ k[s] = e - i, n.push(s);
426
+ }
427
+ return n;
428
+ }
429
+ const r = t * e, o = E.get("last");
430
+ for (let i in k) n.push(i);
431
+ if (n.sort((i, s) => {
432
+ const l = k[s], c = k[i];
433
+ return l == c ? i.localeCompare(s) : l - c;
434
+ }), n.length > r) {
435
+ const i = n.slice(r);
436
+ n = n.slice(0, r);
437
+ for (let s of i)
438
+ s != o && delete k[s];
439
+ o && n.indexOf(o) == -1 && (delete k[n[n.length - 1]], n.splice(-1, 1, o)), E.set("frequently", k);
440
+ }
441
+ return n;
442
+ }
443
+ var Fe = {
444
+ add: ut,
445
+ get: ht,
446
+ DEFAULTS: ee
447
+ }, Ue = {};
448
+ Ue = JSON.parse('{"search":"Search","search_no_results_1":"Oh no!","search_no_results_2":"That emoji couldn’t be found","pick":"Pick an emoji…","add_custom":"Add custom emoji","categories":{"activity":"Activity","custom":"Custom","flags":"Flags","foods":"Food & Drink","frequent":"Frequently used","nature":"Animals & Nature","objects":"Objects","people":"Smileys & People","places":"Travel & Places","search":"Search Results","symbols":"Symbols"},"skins":{"1":"Default","2":"Light","3":"Medium-Light","4":"Medium","5":"Medium-Dark","6":"Dark","choose":"Choose default skin tone"}}');
449
+ var z = {
450
+ autoFocus: {
451
+ value: !1
452
+ },
453
+ dynamicWidth: {
454
+ value: !1
455
+ },
456
+ emojiButtonColors: {
457
+ value: null
458
+ },
459
+ emojiButtonRadius: {
460
+ value: "100%"
461
+ },
462
+ emojiButtonSize: {
463
+ value: 36
464
+ },
465
+ emojiSize: {
466
+ value: 24
467
+ },
468
+ emojiVersion: {
469
+ value: 15,
470
+ choices: [
471
+ 1,
472
+ 2,
473
+ 3,
474
+ 4,
475
+ 5,
476
+ 11,
477
+ 12,
478
+ 12.1,
479
+ 13,
480
+ 13.1,
481
+ 14,
482
+ 15
483
+ ]
484
+ },
485
+ exceptEmojis: {
486
+ value: []
487
+ },
488
+ icons: {
489
+ value: "auto",
490
+ choices: [
491
+ "auto",
492
+ "outline",
493
+ "solid"
494
+ ]
495
+ },
496
+ locale: {
497
+ value: "en",
498
+ choices: [
499
+ "en",
500
+ "ar",
501
+ "be",
502
+ "cs",
503
+ "de",
504
+ "es",
505
+ "fa",
506
+ "fi",
507
+ "fr",
508
+ "hi",
509
+ "it",
510
+ "ja",
511
+ "ko",
512
+ "nl",
513
+ "pl",
514
+ "pt",
515
+ "ru",
516
+ "sa",
517
+ "tr",
518
+ "uk",
519
+ "vi",
520
+ "zh"
521
+ ]
522
+ },
523
+ maxFrequentRows: {
524
+ value: 4
525
+ },
526
+ navPosition: {
527
+ value: "top",
528
+ choices: [
529
+ "top",
530
+ "bottom",
531
+ "none"
532
+ ]
533
+ },
534
+ noCountryFlags: {
535
+ value: !1
536
+ },
537
+ noResultsEmoji: {
538
+ value: null
539
+ },
540
+ perLine: {
541
+ value: 9
542
+ },
543
+ previewEmoji: {
544
+ value: null
545
+ },
546
+ previewPosition: {
547
+ value: "bottom",
548
+ choices: [
549
+ "top",
550
+ "bottom",
551
+ "none"
552
+ ]
553
+ },
554
+ searchPosition: {
555
+ value: "sticky",
556
+ choices: [
557
+ "sticky",
558
+ "static",
559
+ "none"
560
+ ]
561
+ },
562
+ set: {
563
+ value: "native",
564
+ choices: [
565
+ "native",
566
+ "apple",
567
+ "facebook",
568
+ "google",
569
+ "twitter"
570
+ ]
571
+ },
572
+ skin: {
573
+ value: 1,
574
+ choices: [
575
+ 1,
576
+ 2,
577
+ 3,
578
+ 4,
579
+ 5,
580
+ 6
581
+ ]
582
+ },
583
+ skinTonePosition: {
584
+ value: "preview",
585
+ choices: [
586
+ "preview",
587
+ "search",
588
+ "none"
589
+ ]
590
+ },
591
+ theme: {
592
+ value: "auto",
593
+ choices: [
594
+ "auto",
595
+ "light",
596
+ "dark"
597
+ ]
598
+ },
599
+ // Data
600
+ categories: null,
601
+ categoryIcons: null,
602
+ custom: null,
603
+ data: null,
604
+ i18n: null,
605
+ // Callbacks
606
+ getImageURL: null,
607
+ getSpritesheetURL: null,
608
+ onAddCustomEmoji: null,
609
+ onClickOutside: null,
610
+ onEmojiSelect: null,
611
+ // Deprecated
612
+ stickySearch: {
613
+ deprecated: !0,
614
+ value: !0
615
+ }
616
+ };
617
+ let w = null, g = null;
618
+ const J = {};
619
+ async function he(t) {
620
+ if (J[t]) return J[t];
621
+ const n = await (await fetch(t)).json();
622
+ return J[t] = n, n;
623
+ }
624
+ let Y = null, Ne = null, We = !1;
625
+ function G(t, { caller: e } = {}) {
626
+ return Y || (Y = new Promise((n) => {
627
+ Ne = n;
628
+ })), t ? ft(t) : e && !We && console.warn(`\`${e}\` requires data to be initialized first. Promise will be pending until \`init\` is called.`), Y;
629
+ }
630
+ async function ft(t) {
631
+ We = !0;
632
+ let { emojiVersion: e, set: n, locale: r } = t;
633
+ if (e || (e = z.emojiVersion.value), n || (n = z.set.value), r || (r = z.locale.value), g)
634
+ g.categories = g.categories.filter((c) => !c.name);
635
+ else {
636
+ g = (typeof t.data == "function" ? await t.data() : t.data) || await he(`https://cdn.jsdelivr.net/npm/@emoji-mart/data@latest/sets/${e}/${n}.json`), g.emoticons = {}, g.natives = {}, g.categories.unshift({
637
+ id: "frequent",
638
+ emojis: []
639
+ });
640
+ for (const c in g.aliases) {
641
+ const u = g.aliases[c], a = g.emojis[u];
642
+ a && (a.aliases || (a.aliases = []), a.aliases.push(c));
643
+ }
644
+ g.originalCategories = g.categories;
645
+ }
646
+ if (w = (typeof t.i18n == "function" ? await t.i18n() : t.i18n) || (r == "en" ? /* @__PURE__ */ ze(Ue) : await he(`https://cdn.jsdelivr.net/npm/@emoji-mart/data@latest/i18n/${r}.json`)), t.custom) for (let c in t.custom) {
647
+ c = parseInt(c);
648
+ const u = t.custom[c], a = t.custom[c - 1];
649
+ if (!(!u.emojis || !u.emojis.length)) {
650
+ u.id || (u.id = `custom_${c + 1}`), u.name || (u.name = w.categories.custom), a && !u.icon && (u.target = a.target || a), g.categories.push(u);
651
+ for (const p of u.emojis) g.emojis[p.id] = p;
652
+ }
653
+ }
654
+ t.categories && (g.categories = g.originalCategories.filter((c) => t.categories.indexOf(c.id) != -1).sort((c, u) => {
655
+ const a = t.categories.indexOf(c.id), p = t.categories.indexOf(u.id);
656
+ return a - p;
657
+ }));
658
+ let o = null, i = null;
659
+ n == "native" && (o = ue.latestVersion(), i = t.noCountryFlags || ue.noCountryFlags());
660
+ let s = g.categories.length, l = !1;
661
+ for (; s--; ) {
662
+ const c = g.categories[s];
663
+ if (c.id == "frequent") {
664
+ let { maxFrequentRows: p, perLine: h } = t;
665
+ p = p >= 0 ? p : z.maxFrequentRows.value, h || (h = z.perLine.value), c.emojis = Fe.get({
666
+ maxFrequentRows: p,
667
+ perLine: h
668
+ });
669
+ }
670
+ if (!c.emojis || !c.emojis.length) {
671
+ g.categories.splice(s, 1);
672
+ continue;
673
+ }
674
+ const { categoryIcons: u } = t;
675
+ if (u) {
676
+ const p = u[c.id];
677
+ p && !c.icon && (c.icon = p);
678
+ }
679
+ let a = c.emojis.length;
680
+ for (; a--; ) {
681
+ const p = c.emojis[a], h = p.id ? p : g.emojis[p], f = () => {
682
+ c.emojis.splice(a, 1);
683
+ };
684
+ if (!h || t.exceptEmojis && t.exceptEmojis.includes(h.id)) {
685
+ f();
686
+ continue;
687
+ }
688
+ if (o && h.version > o) {
689
+ f();
690
+ continue;
691
+ }
692
+ if (i && c.id == "flags" && !bt.includes(h.id)) {
693
+ f();
694
+ continue;
695
+ }
696
+ if (!h.search) {
697
+ if (l = !0, h.search = "," + [
698
+ [
699
+ h.id,
700
+ !1
701
+ ],
702
+ [
703
+ h.name,
704
+ !0
705
+ ],
706
+ [
707
+ h.keywords,
708
+ !1
709
+ ],
710
+ [
711
+ h.emoticons,
712
+ !1
713
+ ]
714
+ ].map(([m, b]) => {
715
+ if (m)
716
+ return (Array.isArray(m) ? m : [
717
+ m
718
+ ]).map(($) => (b ? $.split(/[-|_|\s]+/) : [
719
+ $
720
+ ]).map((y) => y.toLowerCase())).flat();
721
+ }).flat().filter((m) => m && m.trim()).join(","), h.emoticons) for (const m of h.emoticons)
722
+ g.emoticons[m] || (g.emoticons[m] = h.id);
723
+ let _ = 0;
724
+ for (const m of h.skins) {
725
+ if (!m) continue;
726
+ _++;
727
+ const { native: b } = m;
728
+ b && (g.natives[b] = h.id, h.search += `,${b}`);
729
+ const $ = _ == 1 ? "" : `:skin-tone-${_}:`;
730
+ m.shortcodes = `:${h.id}:${$}`;
731
+ }
732
+ }
733
+ }
734
+ }
735
+ l && L.reset(), Ne();
736
+ }
737
+ function qe(t, e, n) {
738
+ t || (t = {});
739
+ const r = {};
740
+ for (let o in e) r[o] = Ke(o, t, e, n);
741
+ return r;
742
+ }
743
+ function Ke(t, e, n, r) {
744
+ const o = n[t];
745
+ let i = r && r.getAttribute(t) || (e[t] != null && e[t] != null ? e[t] : null);
746
+ return o && (i != null && o.value && typeof o.value != typeof i && (typeof o.value == "boolean" ? i = i != "false" : i = o.value.constructor(i)), o.transform && i && (i = o.transform(i)), (i == null || o.choices && o.choices.indexOf(i) == -1) && (i = o.value)), i;
747
+ }
748
+ const pt = /^(?:\:([^\:]+)\:)(?:\:skin-tone-(\d)\:)?$/;
749
+ let te = null;
750
+ function vt(t) {
751
+ return t.id ? t : g.emojis[t] || g.emojis[g.aliases[t]] || g.emojis[g.natives[t]];
752
+ }
753
+ function _t() {
754
+ te = null;
755
+ }
756
+ async function gt(t, { maxResults: e, caller: n } = {}) {
757
+ if (!t || !t.trim().length) return null;
758
+ e || (e = 90), await G(null, {
759
+ caller: n || "SearchIndex.search"
760
+ });
761
+ const r = t.toLowerCase().replace(/(\w)-/, "$1 ").split(/[\s|,]+/).filter((l, c, u) => l.trim() && u.indexOf(l) == c);
762
+ if (!r.length) return;
763
+ let o = te || (te = Object.values(g.emojis)), i, s;
764
+ for (const l of r) {
765
+ if (!o.length) break;
766
+ i = [], s = {};
767
+ for (const c of o) {
768
+ if (!c.search) continue;
769
+ const u = c.search.indexOf(`,${l}`);
770
+ u != -1 && (i.push(c), s[c.id] || (s[c.id] = 0), s[c.id] += c.id == l ? 0 : u + 1);
771
+ }
772
+ o = i;
773
+ }
774
+ return i.length < 2 || (i.sort((l, c) => {
775
+ const u = s[l.id], a = s[c.id];
776
+ return u == a ? l.id.localeCompare(c.id) : u - a;
777
+ }), i.length > e && (i = i.slice(0, e))), i;
778
+ }
779
+ var L = {
780
+ search: gt,
781
+ get: vt,
782
+ reset: _t,
783
+ SHORTCODES_REGEX: pt
784
+ };
785
+ const bt = [
786
+ "checkered_flag",
787
+ "crossed_flags",
788
+ "pirate_flag",
789
+ "rainbow-flag",
790
+ "transgender_flag",
791
+ "triangular_flag_on_post",
792
+ "waving_black_flag",
793
+ "waving_white_flag"
794
+ ];
795
+ function mt(t, e) {
796
+ return Array.isArray(t) && Array.isArray(e) && t.length === e.length && t.every((n, r) => n == e[r]);
797
+ }
798
+ async function $t(t = 1) {
799
+ for (let e in [
800
+ ...Array(t).keys()
801
+ ]) await new Promise(requestAnimationFrame);
802
+ }
803
+ function kt(t, { skinIndex: e = 0 } = {}) {
804
+ const n = t.skins[e] || (e = 0, t.skins[e]), r = {
805
+ id: t.id,
806
+ name: t.name,
807
+ native: n.native,
808
+ unified: n.unified,
809
+ keywords: t.keywords,
810
+ shortcodes: n.shortcodes || t.shortcodes
811
+ };
812
+ return t.skins.length > 1 && (r.skin = e + 1), n.src && (r.src = n.src), t.aliases && t.aliases.length && (r.aliases = t.aliases), t.emoticons && t.emoticons.length && (r.emoticons = t.emoticons), r;
813
+ }
814
+ const wt = {
815
+ activity: {
816
+ outline: /* @__PURE__ */ d("svg", {
817
+ xmlns: "http://www.w3.org/2000/svg",
818
+ viewBox: "0 0 24 24",
819
+ children: /* @__PURE__ */ d("path", {
820
+ d: "M12 0C5.373 0 0 5.372 0 12c0 6.627 5.373 12 12 12 6.628 0 12-5.373 12-12 0-6.628-5.372-12-12-12m9.949 11H17.05c.224-2.527 1.232-4.773 1.968-6.113A9.966 9.966 0 0 1 21.949 11M13 11V2.051a9.945 9.945 0 0 1 4.432 1.564c-.858 1.491-2.156 4.22-2.392 7.385H13zm-2 0H8.961c-.238-3.165-1.536-5.894-2.393-7.385A9.95 9.95 0 0 1 11 2.051V11zm0 2v8.949a9.937 9.937 0 0 1-4.432-1.564c.857-1.492 2.155-4.221 2.393-7.385H11zm4.04 0c.236 3.164 1.534 5.893 2.392 7.385A9.92 9.92 0 0 1 13 21.949V13h2.04zM4.982 4.887C5.718 6.227 6.726 8.473 6.951 11h-4.9a9.977 9.977 0 0 1 2.931-6.113M2.051 13h4.9c-.226 2.527-1.233 4.771-1.969 6.113A9.972 9.972 0 0 1 2.051 13m16.967 6.113c-.735-1.342-1.744-3.586-1.968-6.113h4.899a9.961 9.961 0 0 1-2.931 6.113"
821
+ })
822
+ }),
823
+ solid: /* @__PURE__ */ d("svg", {
824
+ xmlns: "http://www.w3.org/2000/svg",
825
+ viewBox: "0 0 512 512",
826
+ children: /* @__PURE__ */ d("path", {
827
+ d: "M16.17 337.5c0 44.98 7.565 83.54 13.98 107.9C35.22 464.3 50.46 496 174.9 496c9.566 0 19.59-.4707 29.84-1.271L17.33 307.3C16.53 317.6 16.17 327.7 16.17 337.5zM495.8 174.5c0-44.98-7.565-83.53-13.98-107.9c-4.688-17.54-18.34-31.23-36.04-35.95C435.5 27.91 392.9 16 337 16c-9.564 0-19.59 .4707-29.84 1.271l187.5 187.5C495.5 194.4 495.8 184.3 495.8 174.5zM26.77 248.8l236.3 236.3c142-36.1 203.9-150.4 222.2-221.1L248.9 26.87C106.9 62.96 45.07 177.2 26.77 248.8zM256 335.1c0 9.141-7.474 16-16 16c-4.094 0-8.188-1.564-11.31-4.689L164.7 283.3C161.6 280.2 160 276.1 160 271.1c0-8.529 6.865-16 16-16c4.095 0 8.189 1.562 11.31 4.688l64.01 64C254.4 327.8 256 331.9 256 335.1zM304 287.1c0 9.141-7.474 16-16 16c-4.094 0-8.188-1.564-11.31-4.689L212.7 235.3C209.6 232.2 208 228.1 208 223.1c0-9.141 7.473-16 16-16c4.094 0 8.188 1.562 11.31 4.688l64.01 64.01C302.5 279.8 304 283.9 304 287.1zM256 175.1c0-9.141 7.473-16 16-16c4.094 0 8.188 1.562 11.31 4.688l64.01 64.01c3.125 3.125 4.688 7.219 4.688 11.31c0 9.133-7.468 16-16 16c-4.094 0-8.189-1.562-11.31-4.688l-64.01-64.01C257.6 184.2 256 180.1 256 175.1z"
828
+ })
829
+ })
830
+ },
831
+ custom: /* @__PURE__ */ d("svg", {
832
+ xmlns: "http://www.w3.org/2000/svg",
833
+ viewBox: "0 0 448 512",
834
+ children: /* @__PURE__ */ d("path", {
835
+ d: "M417.1 368c-5.937 10.27-16.69 16-27.75 16c-5.422 0-10.92-1.375-15.97-4.281L256 311.4V448c0 17.67-14.33 32-31.1 32S192 465.7 192 448V311.4l-118.3 68.29C68.67 382.6 63.17 384 57.75 384c-11.06 0-21.81-5.734-27.75-16c-8.828-15.31-3.594-34.88 11.72-43.72L159.1 256L41.72 187.7C26.41 178.9 21.17 159.3 29.1 144C36.63 132.5 49.26 126.7 61.65 128.2C65.78 128.7 69.88 130.1 73.72 132.3L192 200.6V64c0-17.67 14.33-32 32-32S256 46.33 256 64v136.6l118.3-68.29c3.838-2.213 7.939-3.539 12.07-4.051C398.7 126.7 411.4 132.5 417.1 144c8.828 15.31 3.594 34.88-11.72 43.72L288 256l118.3 68.28C421.6 333.1 426.8 352.7 417.1 368z"
836
+ })
837
+ }),
838
+ flags: {
839
+ outline: /* @__PURE__ */ d("svg", {
840
+ xmlns: "http://www.w3.org/2000/svg",
841
+ viewBox: "0 0 24 24",
842
+ children: /* @__PURE__ */ d("path", {
843
+ d: "M0 0l6.084 24H8L1.916 0zM21 5h-4l-1-4H4l3 12h3l1 4h13L21 5zM6.563 3h7.875l2 8H8.563l-2-8zm8.832 10l-2.856 1.904L12.063 13h3.332zM19 13l-1.5-6h1.938l2 8H16l3-2z"
844
+ })
845
+ }),
846
+ solid: /* @__PURE__ */ d("svg", {
847
+ xmlns: "http://www.w3.org/2000/svg",
848
+ viewBox: "0 0 512 512",
849
+ children: /* @__PURE__ */ d("path", {
850
+ d: "M64 496C64 504.8 56.75 512 48 512h-32C7.25 512 0 504.8 0 496V32c0-17.75 14.25-32 32-32s32 14.25 32 32V496zM476.3 0c-6.365 0-13.01 1.35-19.34 4.233c-45.69 20.86-79.56 27.94-107.8 27.94c-59.96 0-94.81-31.86-163.9-31.87C160.9 .3055 131.6 4.867 96 15.75v350.5c32-9.984 59.87-14.1 84.85-14.1c73.63 0 124.9 31.78 198.6 31.78c31.91 0 68.02-5.971 111.1-23.09C504.1 355.9 512 344.4 512 332.1V30.73C512 11.1 495.3 0 476.3 0z"
851
+ })
852
+ })
853
+ },
854
+ foods: {
855
+ outline: /* @__PURE__ */ d("svg", {
856
+ xmlns: "http://www.w3.org/2000/svg",
857
+ viewBox: "0 0 24 24",
858
+ children: /* @__PURE__ */ d("path", {
859
+ d: "M17 4.978c-1.838 0-2.876.396-3.68.934.513-1.172 1.768-2.934 4.68-2.934a1 1 0 0 0 0-2c-2.921 0-4.629 1.365-5.547 2.512-.064.078-.119.162-.18.244C11.73 1.838 10.798.023 9.207.023 8.579.022 7.85.306 7 .978 5.027 2.54 5.329 3.902 6.492 4.999 3.609 5.222 0 7.352 0 12.969c0 4.582 4.961 11.009 9 11.009 1.975 0 2.371-.486 3-1 .629.514 1.025 1 3 1 4.039 0 9-6.418 9-11 0-5.953-4.055-8-7-8M8.242 2.546c.641-.508.943-.523.965-.523.426.169.975 1.405 1.357 3.055-1.527-.629-2.741-1.352-2.98-1.846.059-.112.241-.356.658-.686M15 21.978c-1.08 0-1.21-.109-1.559-.402l-.176-.146c-.367-.302-.816-.452-1.266-.452s-.898.15-1.266.452l-.176.146c-.347.292-.477.402-1.557.402-2.813 0-7-5.389-7-9.009 0-5.823 4.488-5.991 5-5.991 1.939 0 2.484.471 3.387 1.251l.323.276a1.995 1.995 0 0 0 2.58 0l.323-.276c.902-.78 1.447-1.251 3.387-1.251.512 0 5 .168 5 6 0 3.617-4.187 9-7 9"
860
+ })
861
+ }),
862
+ solid: /* @__PURE__ */ d("svg", {
863
+ xmlns: "http://www.w3.org/2000/svg",
864
+ viewBox: "0 0 512 512",
865
+ children: /* @__PURE__ */ d("path", {
866
+ d: "M481.9 270.1C490.9 279.1 496 291.3 496 304C496 316.7 490.9 328.9 481.9 337.9C472.9 346.9 460.7 352 448 352H64C51.27 352 39.06 346.9 30.06 337.9C21.06 328.9 16 316.7 16 304C16 291.3 21.06 279.1 30.06 270.1C39.06 261.1 51.27 256 64 256H448C460.7 256 472.9 261.1 481.9 270.1zM475.3 388.7C478.3 391.7 480 395.8 480 400V416C480 432.1 473.3 449.3 461.3 461.3C449.3 473.3 432.1 480 416 480H96C79.03 480 62.75 473.3 50.75 461.3C38.74 449.3 32 432.1 32 416V400C32 395.8 33.69 391.7 36.69 388.7C39.69 385.7 43.76 384 48 384H464C468.2 384 472.3 385.7 475.3 388.7zM50.39 220.8C45.93 218.6 42.03 215.5 38.97 211.6C35.91 207.7 33.79 203.2 32.75 198.4C31.71 193.5 31.8 188.5 32.99 183.7C54.98 97.02 146.5 32 256 32C365.5 32 457 97.02 479 183.7C480.2 188.5 480.3 193.5 479.2 198.4C478.2 203.2 476.1 207.7 473 211.6C469.1 215.5 466.1 218.6 461.6 220.8C457.2 222.9 452.3 224 447.3 224H64.67C59.73 224 54.84 222.9 50.39 220.8zM372.7 116.7C369.7 119.7 368 123.8 368 128C368 131.2 368.9 134.3 370.7 136.9C372.5 139.5 374.1 141.6 377.9 142.8C380.8 143.1 384 144.3 387.1 143.7C390.2 143.1 393.1 141.6 395.3 139.3C397.6 137.1 399.1 134.2 399.7 131.1C400.3 128 399.1 124.8 398.8 121.9C397.6 118.1 395.5 116.5 392.9 114.7C390.3 112.9 387.2 111.1 384 111.1C379.8 111.1 375.7 113.7 372.7 116.7V116.7zM244.7 84.69C241.7 87.69 240 91.76 240 96C240 99.16 240.9 102.3 242.7 104.9C244.5 107.5 246.1 109.6 249.9 110.8C252.8 111.1 256 112.3 259.1 111.7C262.2 111.1 265.1 109.6 267.3 107.3C269.6 105.1 271.1 102.2 271.7 99.12C272.3 96.02 271.1 92.8 270.8 89.88C269.6 86.95 267.5 84.45 264.9 82.7C262.3 80.94 259.2 79.1 256 79.1C251.8 79.1 247.7 81.69 244.7 84.69V84.69zM116.7 116.7C113.7 119.7 112 123.8 112 128C112 131.2 112.9 134.3 114.7 136.9C116.5 139.5 118.1 141.6 121.9 142.8C124.8 143.1 128 144.3 131.1 143.7C134.2 143.1 137.1 141.6 139.3 139.3C141.6 137.1 143.1 134.2 143.7 131.1C144.3 128 143.1 124.8 142.8 121.9C141.6 118.1 139.5 116.5 136.9 114.7C134.3 112.9 131.2 111.1 128 111.1C123.8 111.1 119.7 113.7 116.7 116.7L116.7 116.7z"
867
+ })
868
+ })
869
+ },
870
+ frequent: {
871
+ outline: /* @__PURE__ */ d("svg", {
872
+ xmlns: "http://www.w3.org/2000/svg",
873
+ viewBox: "0 0 24 24",
874
+ children: [
875
+ /* @__PURE__ */ d("path", {
876
+ d: "M13 4h-2l-.001 7H9v2h2v2h2v-2h4v-2h-4z"
877
+ }),
878
+ /* @__PURE__ */ d("path", {
879
+ d: "M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0m0 22C6.486 22 2 17.514 2 12S6.486 2 12 2s10 4.486 10 10-4.486 10-10 10"
880
+ })
881
+ ]
882
+ }),
883
+ solid: /* @__PURE__ */ d("svg", {
884
+ xmlns: "http://www.w3.org/2000/svg",
885
+ viewBox: "0 0 512 512",
886
+ children: /* @__PURE__ */ d("path", {
887
+ d: "M256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512zM232 256C232 264 236 271.5 242.7 275.1L338.7 339.1C349.7 347.3 364.6 344.3 371.1 333.3C379.3 322.3 376.3 307.4 365.3 300L280 243.2V120C280 106.7 269.3 96 255.1 96C242.7 96 231.1 106.7 231.1 120L232 256z"
888
+ })
889
+ })
890
+ },
891
+ nature: {
892
+ outline: /* @__PURE__ */ d("svg", {
893
+ xmlns: "http://www.w3.org/2000/svg",
894
+ viewBox: "0 0 24 24",
895
+ children: [
896
+ /* @__PURE__ */ d("path", {
897
+ d: "M15.5 8a1.5 1.5 0 1 0 .001 3.001A1.5 1.5 0 0 0 15.5 8M8.5 8a1.5 1.5 0 1 0 .001 3.001A1.5 1.5 0 0 0 8.5 8"
898
+ }),
899
+ /* @__PURE__ */ d("path", {
900
+ d: "M18.933 0h-.027c-.97 0-2.138.787-3.018 1.497-1.274-.374-2.612-.51-3.887-.51-1.285 0-2.616.133-3.874.517C7.245.79 6.069 0 5.093 0h-.027C3.352 0 .07 2.67.002 7.026c-.039 2.479.276 4.238 1.04 5.013.254.258.882.677 1.295.882.191 3.177.922 5.238 2.536 6.38.897.637 2.187.949 3.2 1.102C8.04 20.6 8 20.795 8 21c0 1.773 2.35 3 4 3 1.648 0 4-1.227 4-3 0-.201-.038-.393-.072-.586 2.573-.385 5.435-1.877 5.925-7.587.396-.22.887-.568 1.104-.788.763-.774 1.079-2.534 1.04-5.013C23.929 2.67 20.646 0 18.933 0M3.223 9.135c-.237.281-.837 1.155-.884 1.238-.15-.41-.368-1.349-.337-3.291.051-3.281 2.478-4.972 3.091-5.031.256.015.731.27 1.265.646-1.11 1.171-2.275 2.915-2.352 5.125-.133.546-.398.858-.783 1.313M12 22c-.901 0-1.954-.693-2-1 0-.654.475-1.236 1-1.602V20a1 1 0 1 0 2 0v-.602c.524.365 1 .947 1 1.602-.046.307-1.099 1-2 1m3-3.48v.02a4.752 4.752 0 0 0-1.262-1.02c1.092-.516 2.239-1.334 2.239-2.217 0-1.842-1.781-2.195-3.977-2.195-2.196 0-3.978.354-3.978 2.195 0 .883 1.148 1.701 2.238 2.217A4.8 4.8 0 0 0 9 18.539v-.025c-1-.076-2.182-.281-2.973-.842-1.301-.92-1.838-3.045-1.853-6.478l.023-.041c.496-.826 1.49-1.45 1.804-3.102 0-2.047 1.357-3.631 2.362-4.522C9.37 3.178 10.555 3 11.948 3c1.447 0 2.685.192 3.733.57 1 .9 2.316 2.465 2.316 4.48.313 1.651 1.307 2.275 1.803 3.102.035.058.068.117.102.178-.059 5.967-1.949 7.01-4.902 7.19m6.628-8.202c-.037-.065-.074-.13-.113-.195a7.587 7.587 0 0 0-.739-.987c-.385-.455-.648-.768-.782-1.313-.076-2.209-1.241-3.954-2.353-5.124.531-.376 1.004-.63 1.261-.647.636.071 3.044 1.764 3.096 5.031.027 1.81-.347 3.218-.37 3.235"
901
+ })
902
+ ]
903
+ }),
904
+ solid: /* @__PURE__ */ d("svg", {
905
+ xmlns: "http://www.w3.org/2000/svg",
906
+ viewBox: "0 0 576 512",
907
+ children: /* @__PURE__ */ d("path", {
908
+ d: "M332.7 19.85C334.6 8.395 344.5 0 356.1 0C363.6 0 370.6 3.52 375.1 9.502L392 32H444.1C456.8 32 469.1 37.06 478.1 46.06L496 64H552C565.3 64 576 74.75 576 88V112C576 156.2 540.2 192 496 192H426.7L421.6 222.5L309.6 158.5L332.7 19.85zM448 64C439.2 64 432 71.16 432 80C432 88.84 439.2 96 448 96C456.8 96 464 88.84 464 80C464 71.16 456.8 64 448 64zM416 256.1V480C416 497.7 401.7 512 384 512H352C334.3 512 320 497.7 320 480V364.8C295.1 377.1 268.8 384 240 384C211.2 384 184 377.1 160 364.8V480C160 497.7 145.7 512 128 512H96C78.33 512 64 497.7 64 480V249.8C35.23 238.9 12.64 214.5 4.836 183.3L.9558 167.8C-3.331 150.6 7.094 133.2 24.24 128.1C41.38 124.7 58.76 135.1 63.05 152.2L66.93 167.8C70.49 182 83.29 191.1 97.97 191.1H303.8L416 256.1z"
909
+ })
910
+ })
911
+ },
912
+ objects: {
913
+ outline: /* @__PURE__ */ d("svg", {
914
+ xmlns: "http://www.w3.org/2000/svg",
915
+ viewBox: "0 0 24 24",
916
+ children: [
917
+ /* @__PURE__ */ d("path", {
918
+ d: "M12 0a9 9 0 0 0-5 16.482V21s2.035 3 5 3 5-3 5-3v-4.518A9 9 0 0 0 12 0zm0 2c3.86 0 7 3.141 7 7s-3.14 7-7 7-7-3.141-7-7 3.14-7 7-7zM9 17.477c.94.332 1.946.523 3 .523s2.06-.19 3-.523v.834c-.91.436-1.925.689-3 .689a6.924 6.924 0 0 1-3-.69v-.833zm.236 3.07A8.854 8.854 0 0 0 12 21c.965 0 1.888-.167 2.758-.451C14.155 21.173 13.153 22 12 22c-1.102 0-2.117-.789-2.764-1.453z"
919
+ }),
920
+ /* @__PURE__ */ d("path", {
921
+ d: "M14.745 12.449h-.004c-.852-.024-1.188-.858-1.577-1.824-.421-1.061-.703-1.561-1.182-1.566h-.009c-.481 0-.783.497-1.235 1.537-.436.982-.801 1.811-1.636 1.791l-.276-.043c-.565-.171-.853-.691-1.284-1.794-.125-.313-.202-.632-.27-.913-.051-.213-.127-.53-.195-.634C7.067 9.004 7.039 9 6.99 9A1 1 0 0 1 7 7h.01c1.662.017 2.015 1.373 2.198 2.134.486-.981 1.304-2.058 2.797-2.075 1.531.018 2.28 1.153 2.731 2.141l.002-.008C14.944 8.424 15.327 7 16.979 7h.032A1 1 0 1 1 17 9h-.011c-.149.076-.256.474-.319.709a6.484 6.484 0 0 1-.311.951c-.429.973-.79 1.789-1.614 1.789"
922
+ })
923
+ ]
924
+ }),
925
+ solid: /* @__PURE__ */ d("svg", {
926
+ xmlns: "http://www.w3.org/2000/svg",
927
+ viewBox: "0 0 384 512",
928
+ children: /* @__PURE__ */ d("path", {
929
+ d: "M112.1 454.3c0 6.297 1.816 12.44 5.284 17.69l17.14 25.69c5.25 7.875 17.17 14.28 26.64 14.28h61.67c9.438 0 21.36-6.401 26.61-14.28l17.08-25.68c2.938-4.438 5.348-12.37 5.348-17.7L272 415.1h-160L112.1 454.3zM191.4 .0132C89.44 .3257 16 82.97 16 175.1c0 44.38 16.44 84.84 43.56 115.8c16.53 18.84 42.34 58.23 52.22 91.45c.0313 .25 .0938 .5166 .125 .7823h160.2c.0313-.2656 .0938-.5166 .125-.7823c9.875-33.22 35.69-72.61 52.22-91.45C351.6 260.8 368 220.4 368 175.1C368 78.61 288.9-.2837 191.4 .0132zM192 96.01c-44.13 0-80 35.89-80 79.1C112 184.8 104.8 192 96 192S80 184.8 80 176c0-61.76 50.25-111.1 112-111.1c8.844 0 16 7.159 16 16S200.8 96.01 192 96.01z"
930
+ })
931
+ })
932
+ },
933
+ people: {
934
+ outline: /* @__PURE__ */ d("svg", {
935
+ xmlns: "http://www.w3.org/2000/svg",
936
+ viewBox: "0 0 24 24",
937
+ children: [
938
+ /* @__PURE__ */ d("path", {
939
+ d: "M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0m0 22C6.486 22 2 17.514 2 12S6.486 2 12 2s10 4.486 10 10-4.486 10-10 10"
940
+ }),
941
+ /* @__PURE__ */ d("path", {
942
+ d: "M8 7a2 2 0 1 0-.001 3.999A2 2 0 0 0 8 7M16 7a2 2 0 1 0-.001 3.999A2 2 0 0 0 16 7M15.232 15c-.693 1.195-1.87 2-3.349 2-1.477 0-2.655-.805-3.347-2H15m3-2H6a6 6 0 1 0 12 0"
943
+ })
944
+ ]
945
+ }),
946
+ solid: /* @__PURE__ */ d("svg", {
947
+ xmlns: "http://www.w3.org/2000/svg",
948
+ viewBox: "0 0 512 512",
949
+ children: /* @__PURE__ */ d("path", {
950
+ d: "M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM256 432C332.1 432 396.2 382 415.2 314.1C419.1 300.4 407.8 288 393.6 288H118.4C104.2 288 92.92 300.4 96.76 314.1C115.8 382 179.9 432 256 432V432zM176.4 160C158.7 160 144.4 174.3 144.4 192C144.4 209.7 158.7 224 176.4 224C194 224 208.4 209.7 208.4 192C208.4 174.3 194 160 176.4 160zM336.4 224C354 224 368.4 209.7 368.4 192C368.4 174.3 354 160 336.4 160C318.7 160 304.4 174.3 304.4 192C304.4 209.7 318.7 224 336.4 224z"
951
+ })
952
+ })
953
+ },
954
+ places: {
955
+ outline: /* @__PURE__ */ d("svg", {
956
+ xmlns: "http://www.w3.org/2000/svg",
957
+ viewBox: "0 0 24 24",
958
+ children: [
959
+ /* @__PURE__ */ d("path", {
960
+ d: "M6.5 12C5.122 12 4 13.121 4 14.5S5.122 17 6.5 17 9 15.879 9 14.5 7.878 12 6.5 12m0 3c-.275 0-.5-.225-.5-.5s.225-.5.5-.5.5.225.5.5-.225.5-.5.5M17.5 12c-1.378 0-2.5 1.121-2.5 2.5s1.122 2.5 2.5 2.5 2.5-1.121 2.5-2.5-1.122-2.5-2.5-2.5m0 3c-.275 0-.5-.225-.5-.5s.225-.5.5-.5.5.225.5.5-.225.5-.5.5"
961
+ }),
962
+ /* @__PURE__ */ d("path", {
963
+ d: "M22.482 9.494l-1.039-.346L21.4 9h.6c.552 0 1-.439 1-.992 0-.006-.003-.008-.003-.008H23c0-1-.889-2-1.984-2h-.642l-.731-1.717C19.262 3.012 18.091 2 16.764 2H7.236C5.909 2 4.738 3.012 4.357 4.283L3.626 6h-.642C1.889 6 1 7 1 8h.003S1 8.002 1 8.008C1 8.561 1.448 9 2 9h.6l-.043.148-1.039.346a2.001 2.001 0 0 0-1.359 2.097l.751 7.508a1 1 0 0 0 .994.901H3v1c0 1.103.896 2 2 2h2c1.104 0 2-.897 2-2v-1h6v1c0 1.103.896 2 2 2h2c1.104 0 2-.897 2-2v-1h1.096a.999.999 0 0 0 .994-.901l.751-7.508a2.001 2.001 0 0 0-1.359-2.097M6.273 4.857C6.402 4.43 6.788 4 7.236 4h9.527c.448 0 .834.43.963.857L19.313 9H4.688l1.585-4.143zM7 21H5v-1h2v1zm12 0h-2v-1h2v1zm2.189-3H2.811l-.662-6.607L3 11h18l.852.393L21.189 18z"
964
+ })
965
+ ]
966
+ }),
967
+ solid: /* @__PURE__ */ d("svg", {
968
+ xmlns: "http://www.w3.org/2000/svg",
969
+ viewBox: "0 0 512 512",
970
+ children: /* @__PURE__ */ d("path", {
971
+ d: "M39.61 196.8L74.8 96.29C88.27 57.78 124.6 32 165.4 32H346.6C387.4 32 423.7 57.78 437.2 96.29L472.4 196.8C495.6 206.4 512 229.3 512 256V448C512 465.7 497.7 480 480 480H448C430.3 480 416 465.7 416 448V400H96V448C96 465.7 81.67 480 64 480H32C14.33 480 0 465.7 0 448V256C0 229.3 16.36 206.4 39.61 196.8V196.8zM109.1 192H402.9L376.8 117.4C372.3 104.6 360.2 96 346.6 96H165.4C151.8 96 139.7 104.6 135.2 117.4L109.1 192zM96 256C78.33 256 64 270.3 64 288C64 305.7 78.33 320 96 320C113.7 320 128 305.7 128 288C128 270.3 113.7 256 96 256zM416 320C433.7 320 448 305.7 448 288C448 270.3 433.7 256 416 256C398.3 256 384 270.3 384 288C384 305.7 398.3 320 416 320z"
972
+ })
973
+ })
974
+ },
975
+ symbols: {
976
+ outline: /* @__PURE__ */ d("svg", {
977
+ xmlns: "http://www.w3.org/2000/svg",
978
+ viewBox: "0 0 24 24",
979
+ children: /* @__PURE__ */ d("path", {
980
+ d: "M0 0h11v2H0zM4 11h3V6h4V4H0v2h4zM15.5 17c1.381 0 2.5-1.116 2.5-2.493s-1.119-2.493-2.5-2.493S13 13.13 13 14.507 14.119 17 15.5 17m0-2.986c.276 0 .5.222.5.493 0 .272-.224.493-.5.493s-.5-.221-.5-.493.224-.493.5-.493M21.5 19.014c-1.381 0-2.5 1.116-2.5 2.493S20.119 24 21.5 24s2.5-1.116 2.5-2.493-1.119-2.493-2.5-2.493m0 2.986a.497.497 0 0 1-.5-.493c0-.271.224-.493.5-.493s.5.222.5.493a.497.497 0 0 1-.5.493M22 13l-9 9 1.513 1.5 8.99-9.009zM17 11c2.209 0 4-1.119 4-2.5V2s.985-.161 1.498.949C23.01 4.055 23 6 23 6s1-1.119 1-3.135C24-.02 21 0 21 0h-2v6.347A5.853 5.853 0 0 0 17 6c-2.209 0-4 1.119-4 2.5s1.791 2.5 4 2.5M10.297 20.482l-1.475-1.585a47.54 47.54 0 0 1-1.442 1.129c-.307-.288-.989-1.016-2.045-2.183.902-.836 1.479-1.466 1.729-1.892s.376-.871.376-1.336c0-.592-.273-1.178-.818-1.759-.546-.581-1.329-.871-2.349-.871-1.008 0-1.79.293-2.344.879-.556.587-.832 1.181-.832 1.784 0 .813.419 1.748 1.256 2.805-.847.614-1.444 1.208-1.794 1.784a3.465 3.465 0 0 0-.523 1.833c0 .857.308 1.56.924 2.107.616.549 1.423.823 2.42.823 1.173 0 2.444-.379 3.813-1.137L8.235 24h2.819l-2.09-2.383 1.333-1.135zm-6.736-6.389a1.02 1.02 0 0 1 .73-.286c.31 0 .559.085.747.254a.849.849 0 0 1 .283.659c0 .518-.419 1.112-1.257 1.784-.536-.651-.805-1.231-.805-1.742a.901.901 0 0 1 .302-.669M3.74 22c-.427 0-.778-.116-1.057-.349-.279-.232-.418-.487-.418-.766 0-.594.509-1.288 1.527-2.083.968 1.134 1.717 1.946 2.248 2.438-.921.507-1.686.76-2.3.76"
981
+ })
982
+ }),
983
+ solid: /* @__PURE__ */ d("svg", {
984
+ xmlns: "http://www.w3.org/2000/svg",
985
+ viewBox: "0 0 512 512",
986
+ children: /* @__PURE__ */ d("path", {
987
+ d: "M500.3 7.251C507.7 13.33 512 22.41 512 31.1V175.1C512 202.5 483.3 223.1 447.1 223.1C412.7 223.1 383.1 202.5 383.1 175.1C383.1 149.5 412.7 127.1 447.1 127.1V71.03L351.1 90.23V207.1C351.1 234.5 323.3 255.1 287.1 255.1C252.7 255.1 223.1 234.5 223.1 207.1C223.1 181.5 252.7 159.1 287.1 159.1V63.1C287.1 48.74 298.8 35.61 313.7 32.62L473.7 .6198C483.1-1.261 492.9 1.173 500.3 7.251H500.3zM74.66 303.1L86.5 286.2C92.43 277.3 102.4 271.1 113.1 271.1H174.9C185.6 271.1 195.6 277.3 201.5 286.2L213.3 303.1H239.1C266.5 303.1 287.1 325.5 287.1 351.1V463.1C287.1 490.5 266.5 511.1 239.1 511.1H47.1C21.49 511.1-.0019 490.5-.0019 463.1V351.1C-.0019 325.5 21.49 303.1 47.1 303.1H74.66zM143.1 359.1C117.5 359.1 95.1 381.5 95.1 407.1C95.1 434.5 117.5 455.1 143.1 455.1C170.5 455.1 191.1 434.5 191.1 407.1C191.1 381.5 170.5 359.1 143.1 359.1zM440.3 367.1H496C502.7 367.1 508.6 372.1 510.1 378.4C513.3 384.6 511.6 391.7 506.5 396L378.5 508C372.9 512.1 364.6 513.3 358.6 508.9C352.6 504.6 350.3 496.6 353.3 489.7L391.7 399.1H336C329.3 399.1 323.4 395.9 321 389.6C318.7 383.4 320.4 376.3 325.5 371.1L453.5 259.1C459.1 255 467.4 254.7 473.4 259.1C479.4 263.4 481.6 271.4 478.7 278.3L440.3 367.1zM116.7 219.1L19.85 119.2C-8.112 90.26-6.614 42.31 24.85 15.34C51.82-8.137 93.26-3.642 118.2 21.83L128.2 32.32L137.7 21.83C162.7-3.642 203.6-8.137 231.6 15.34C262.6 42.31 264.1 90.26 236.1 119.2L139.7 219.1C133.2 225.6 122.7 225.6 116.7 219.1H116.7z"
988
+ })
989
+ })
990
+ }
991
+ }, yt = {
992
+ loupe: /* @__PURE__ */ d("svg", {
993
+ xmlns: "http://www.w3.org/2000/svg",
994
+ viewBox: "0 0 20 20",
995
+ children: /* @__PURE__ */ d("path", {
996
+ d: "M12.9 14.32a8 8 0 1 1 1.41-1.41l5.35 5.33-1.42 1.42-5.33-5.34zM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z"
997
+ })
998
+ }),
999
+ delete: /* @__PURE__ */ d("svg", {
1000
+ xmlns: "http://www.w3.org/2000/svg",
1001
+ viewBox: "0 0 20 20",
1002
+ children: /* @__PURE__ */ d("path", {
1003
+ d: "M10 8.586L2.929 1.515 1.515 2.929 8.586 10l-7.071 7.071 1.414 1.414L10 11.414l7.071 7.071 1.414-1.414L11.414 10l7.071-7.071-1.414-1.414L10 8.586z"
1004
+ })
1005
+ })
1006
+ };
1007
+ var W = {
1008
+ categories: wt,
1009
+ search: yt
1010
+ };
1011
+ function ne(t) {
1012
+ let { id: e, skin: n, emoji: r } = t;
1013
+ if (t.shortcodes) {
1014
+ const l = t.shortcodes.match(L.SHORTCODES_REGEX);
1015
+ l && (e = l[1], l[2] && (n = l[2]));
1016
+ }
1017
+ if (r || (r = L.get(e || t.native)), !r) return t.fallback;
1018
+ const o = r.skins[n - 1] || r.skins[0], i = o.src || (t.set != "native" && !t.spritesheet ? typeof t.getImageURL == "function" ? t.getImageURL(t.set, o.unified) : `https://cdn.jsdelivr.net/npm/emoji-datasource-${t.set}@15.0.1/img/${t.set}/64/${o.unified}.png` : void 0), s = typeof t.getSpritesheetURL == "function" ? t.getSpritesheetURL(t.set) : `https://cdn.jsdelivr.net/npm/emoji-datasource-${t.set}@15.0.1/img/${t.set}/sheets-256/64.png`;
1019
+ return /* @__PURE__ */ d("span", {
1020
+ class: "emoji-mart-emoji",
1021
+ "data-emoji-set": t.set,
1022
+ children: i ? /* @__PURE__ */ d("img", {
1023
+ style: {
1024
+ maxWidth: t.size || "1em",
1025
+ maxHeight: t.size || "1em",
1026
+ display: "inline-block"
1027
+ },
1028
+ alt: o.native || o.shortcodes,
1029
+ src: i
1030
+ }) : t.set == "native" ? /* @__PURE__ */ d("span", {
1031
+ style: {
1032
+ fontSize: t.size,
1033
+ fontFamily: '"EmojiMart", "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji"'
1034
+ },
1035
+ children: o.native
1036
+ }) : /* @__PURE__ */ d("span", {
1037
+ style: {
1038
+ display: "block",
1039
+ width: t.size,
1040
+ height: t.size,
1041
+ backgroundImage: `url(${s})`,
1042
+ backgroundSize: `${100 * g.sheet.cols}% ${100 * g.sheet.rows}%`,
1043
+ backgroundPosition: `${100 / (g.sheet.cols - 1) * o.x}% ${100 / (g.sheet.rows - 1) * o.y}%`
1044
+ }
1045
+ })
1046
+ });
1047
+ }
1048
+ const Ct = typeof window < "u" && window.HTMLElement ? window.HTMLElement : Object;
1049
+ class Ge extends Ct {
1050
+ static get observedAttributes() {
1051
+ return Object.keys(this.Props);
1052
+ }
1053
+ update(e = {}) {
1054
+ for (let n in e) this.attributeChangedCallback(n, null, e[n]);
1055
+ }
1056
+ attributeChangedCallback(e, n, r) {
1057
+ if (!this.component) return;
1058
+ const o = Ke(e, {
1059
+ [e]: r
1060
+ }, this.constructor.Props, this);
1061
+ this.component.componentWillReceiveProps ? this.component.componentWillReceiveProps({
1062
+ [e]: o
1063
+ }) : (this.component.props[e] = o, this.component.forceUpdate());
1064
+ }
1065
+ disconnectedCallback() {
1066
+ this.disconnected = !0, this.component && this.component.unregister && this.component.unregister();
1067
+ }
1068
+ constructor(e = {}) {
1069
+ if (super(), this.props = e, e.parent || e.ref) {
1070
+ let n = null;
1071
+ const r = e.parent || (n = e.ref && e.ref.current);
1072
+ n && (n.innerHTML = ""), r && r.appendChild(this);
1073
+ }
1074
+ }
1075
+ }
1076
+ class xt extends Ge {
1077
+ setShadow() {
1078
+ this.attachShadow({
1079
+ mode: "open"
1080
+ });
1081
+ }
1082
+ injectStyles(e) {
1083
+ if (!e) return;
1084
+ const n = document.createElement("style");
1085
+ n.textContent = e, this.shadowRoot.insertBefore(n, this.shadowRoot.firstChild);
1086
+ }
1087
+ constructor(e, { styles: n } = {}) {
1088
+ super(e), this.setShadow(), this.injectStyles(n);
1089
+ }
1090
+ }
1091
+ var Xe = {
1092
+ fallback: "",
1093
+ id: "",
1094
+ native: "",
1095
+ shortcodes: "",
1096
+ size: {
1097
+ value: "",
1098
+ transform: (t) => /\D/.test(t) ? t : `${t}px`
1099
+ },
1100
+ // Shared
1101
+ set: z.set,
1102
+ skin: z.skin
1103
+ };
1104
+ class Je extends Ge {
1105
+ async connectedCallback() {
1106
+ const e = qe(this.props, Xe, this);
1107
+ e.element = this, e.ref = (n) => {
1108
+ this.component = n;
1109
+ }, await G(), !this.disconnected && Oe(/* @__PURE__ */ d(ne, {
1110
+ ...e
1111
+ }), this);
1112
+ }
1113
+ constructor(e) {
1114
+ super(e);
1115
+ }
1116
+ }
1117
+ C(Je, "Props", Xe);
1118
+ typeof customElements < "u" && !customElements.get("em-emoji") && customElements.define("em-emoji", Je);
1119
+ var fe, re = [], pe = v.__b, ve = v.__r, _e = v.diffed, ge = v.__c, be = v.unmount;
1120
+ function St() {
1121
+ var t;
1122
+ for (re.sort(function(e, n) {
1123
+ return e.__v.__b - n.__v.__b;
1124
+ }); t = re.pop(); ) if (t.__P) try {
1125
+ t.__H.__h.forEach(O), t.__H.__h.forEach(ie), t.__H.__h = [];
1126
+ } catch (e) {
1127
+ t.__H.__h = [], v.__e(e, t.__v);
1128
+ }
1129
+ }
1130
+ v.__b = function(t) {
1131
+ pe && pe(t);
1132
+ }, v.__r = function(t) {
1133
+ ve && ve(t);
1134
+ var e = t.__c.__H;
1135
+ e && (e.__h.forEach(O), e.__h.forEach(ie), e.__h = []);
1136
+ }, v.diffed = function(t) {
1137
+ _e && _e(t);
1138
+ var e = t.__c;
1139
+ e && e.__H && e.__H.__h.length && (re.push(e) !== 1 && fe === v.requestAnimationFrame || ((fe = v.requestAnimationFrame) || function(n) {
1140
+ var r, o = function() {
1141
+ clearTimeout(i), me && cancelAnimationFrame(r), setTimeout(n);
1142
+ }, i = setTimeout(o, 100);
1143
+ me && (r = requestAnimationFrame(o));
1144
+ })(St));
1145
+ }, v.__c = function(t, e) {
1146
+ e.some(function(n) {
1147
+ try {
1148
+ n.__h.forEach(O), n.__h = n.__h.filter(function(r) {
1149
+ return !r.__ || ie(r);
1150
+ });
1151
+ } catch (r) {
1152
+ e.some(function(o) {
1153
+ o.__h && (o.__h = []);
1154
+ }), e = [], v.__e(r, n.__v);
1155
+ }
1156
+ }), ge && ge(t, e);
1157
+ }, v.unmount = function(t) {
1158
+ be && be(t);
1159
+ var e, n = t.__c;
1160
+ n && n.__H && (n.__H.__.forEach(function(r) {
1161
+ try {
1162
+ O(r);
1163
+ } catch (o) {
1164
+ e = o;
1165
+ }
1166
+ }), e && v.__e(e, n.__v));
1167
+ };
1168
+ var me = typeof requestAnimationFrame == "function";
1169
+ function O(t) {
1170
+ var e = t.__c;
1171
+ typeof e == "function" && (t.__c = void 0, e());
1172
+ }
1173
+ function ie(t) {
1174
+ t.__c = t.__();
1175
+ }
1176
+ function jt(t, e) {
1177
+ for (var n in e) t[n] = e[n];
1178
+ return t;
1179
+ }
1180
+ function $e(t, e) {
1181
+ for (var n in t) if (n !== "__source" && !(n in e)) return !0;
1182
+ for (var r in e) if (r !== "__source" && t[r] !== e[r]) return !0;
1183
+ return !1;
1184
+ }
1185
+ function q(t) {
1186
+ this.props = t;
1187
+ }
1188
+ (q.prototype = new S()).isPureReactComponent = !0, q.prototype.shouldComponentUpdate = function(t, e) {
1189
+ return $e(this.props, t) || $e(this.state, e);
1190
+ };
1191
+ var ke = v.__b;
1192
+ v.__b = function(t) {
1193
+ t.type && t.type.__f && t.ref && (t.props.ref = t.ref, t.ref = null), ke && ke(t);
1194
+ };
1195
+ var zt = v.__e;
1196
+ v.__e = function(t, e, n) {
1197
+ if (t.then) {
1198
+ for (var r, o = e; o = o.__; ) if ((r = o.__c) && r.__c) return e.__e == null && (e.__e = n.__e, e.__k = n.__k), r.__c(t, e);
1199
+ }
1200
+ zt(t, e, n);
1201
+ };
1202
+ var we = v.unmount;
1203
+ function Z() {
1204
+ this.__u = 0, this.t = null, this.__b = null;
1205
+ }
1206
+ function Ye(t) {
1207
+ var e = t.__.__c;
1208
+ return e && e.__e && e.__e(t);
1209
+ }
1210
+ function T() {
1211
+ this.u = null, this.o = null;
1212
+ }
1213
+ v.unmount = function(t) {
1214
+ var e = t.__c;
1215
+ e && e.__R && e.__R(), e && t.__h === !0 && (t.type = null), we && we(t);
1216
+ }, (Z.prototype = new S()).__c = function(t, e) {
1217
+ var n = e.__c, r = this;
1218
+ r.t == null && (r.t = []), r.t.push(n);
1219
+ var o = Ye(r.__v), i = !1, s = function() {
1220
+ i || (i = !0, n.__R = null, o ? o(l) : l());
1221
+ };
1222
+ n.__R = s;
1223
+ var l = function() {
1224
+ if (!--r.__u) {
1225
+ if (r.state.__e) {
1226
+ var u = r.state.__e;
1227
+ r.__v.__k[0] = function p(h, f, _) {
1228
+ return h && (h.__v = null, h.__k = h.__k && h.__k.map(function(m) {
1229
+ return p(m, f, _);
1230
+ }), h.__c && h.__c.__P === f && (h.__e && _.insertBefore(h.__e, h.__d), h.__c.__e = !0, h.__c.__P = _)), h;
1231
+ }(u, u.__c.__P, u.__c.__O);
1232
+ }
1233
+ var a;
1234
+ for (r.setState({
1235
+ __e: r.__b = null
1236
+ }); a = r.t.pop(); ) a.forceUpdate();
1237
+ }
1238
+ }, c = e.__h === !0;
1239
+ r.__u++ || c || r.setState({
1240
+ __e: r.__b = r.__v.__k[0]
1241
+ }), t.then(s, s);
1242
+ }, Z.prototype.componentWillUnmount = function() {
1243
+ this.t = [];
1244
+ }, Z.prototype.render = function(t, e) {
1245
+ if (this.__b) {
1246
+ if (this.__v.__k) {
1247
+ var n = document.createElement("div"), r = this.__v.__k[0].__c;
1248
+ this.__v.__k[0] = function i(s, l, c) {
1249
+ return s && (s.__c && s.__c.__H && (s.__c.__H.__.forEach(function(u) {
1250
+ typeof u.__c == "function" && u.__c();
1251
+ }), s.__c.__H = null), (s = jt({}, s)).__c != null && (s.__c.__P === c && (s.__c.__P = l), s.__c = null), s.__k = s.__k && s.__k.map(function(u) {
1252
+ return i(u, l, c);
1253
+ })), s;
1254
+ }(this.__b, n, r.__O = r.__P);
1255
+ }
1256
+ this.__b = null;
1257
+ }
1258
+ var o = e.__e && Q(D, null, t.fallback);
1259
+ return o && (o.__h = null), [
1260
+ Q(D, null, e.__e ? null : t.children),
1261
+ o
1262
+ ];
1263
+ };
1264
+ var ye = function(t, e, n) {
1265
+ if (++n[1] === n[0] && t.o.delete(e), t.props.revealOrder && (t.props.revealOrder[0] !== "t" || !t.o.size)) for (n = t.u; n; ) {
1266
+ for (; n.length > 3; ) n.pop()();
1267
+ if (n[1] < n[0]) break;
1268
+ t.u = n = n[2];
1269
+ }
1270
+ };
1271
+ (T.prototype = new S()).__e = function(t) {
1272
+ var e = this, n = Ye(e.__v), r = e.o.get(t);
1273
+ return r[0]++, function(o) {
1274
+ var i = function() {
1275
+ e.props.revealOrder ? (r.push(o), ye(e, t, r)) : o();
1276
+ };
1277
+ n ? n(i) : i();
1278
+ };
1279
+ }, T.prototype.render = function(t) {
1280
+ this.u = null, this.o = /* @__PURE__ */ new Map();
1281
+ var e = U(t.children);
1282
+ t.revealOrder && t.revealOrder[0] === "b" && e.reverse();
1283
+ for (var n = e.length; n--; ) this.o.set(e[n], this.u = [
1284
+ 1,
1285
+ 0,
1286
+ this.u
1287
+ ]);
1288
+ return t.children;
1289
+ }, T.prototype.componentDidUpdate = T.prototype.componentDidMount = function() {
1290
+ var t = this;
1291
+ this.o.forEach(function(e, n) {
1292
+ ye(t, n, e);
1293
+ });
1294
+ };
1295
+ var Mt = typeof Symbol < "u" && Symbol.for && Symbol.for("react.element") || 60103, Et = /^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|marker(?!H|W|U)|overline|paint|stop|strikethrough|stroke|text(?!L)|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/, Lt = typeof document < "u", Dt = function(t) {
1296
+ return (typeof Symbol < "u" && typeof Symbol() == "symbol" ? /fil|che|rad/i : /fil|che|ra/i).test(t);
1297
+ };
1298
+ S.prototype.isReactComponent = {}, [
1299
+ "componentWillMount",
1300
+ "componentWillReceiveProps",
1301
+ "componentWillUpdate"
1302
+ ].forEach(function(t) {
1303
+ Object.defineProperty(S.prototype, t, {
1304
+ configurable: !0,
1305
+ get: function() {
1306
+ return this["UNSAFE_" + t];
1307
+ },
1308
+ set: function(e) {
1309
+ Object.defineProperty(this, t, {
1310
+ configurable: !0,
1311
+ writable: !0,
1312
+ value: e
1313
+ });
1314
+ }
1315
+ });
1316
+ });
1317
+ var Ce = v.event;
1318
+ function Rt() {
1319
+ }
1320
+ function Pt() {
1321
+ return this.cancelBubble;
1322
+ }
1323
+ function Bt() {
1324
+ return this.defaultPrevented;
1325
+ }
1326
+ v.event = function(t) {
1327
+ return Ce && (t = Ce(t)), t.persist = Rt, t.isPropagationStopped = Pt, t.isDefaultPrevented = Bt, t.nativeEvent = t;
1328
+ };
1329
+ var xe = {
1330
+ configurable: !0,
1331
+ get: function() {
1332
+ return this.class;
1333
+ }
1334
+ }, Se = v.vnode;
1335
+ v.vnode = function(t) {
1336
+ var e = t.type, n = t.props, r = n;
1337
+ if (typeof e == "string") {
1338
+ var o = e.indexOf("-") === -1;
1339
+ for (var i in r = {}, n) {
1340
+ var s = n[i];
1341
+ Lt && i === "children" && e === "noscript" || i === "value" && "defaultValue" in n && s == null || (i === "defaultValue" && "value" in n && n.value == null ? i = "value" : i === "download" && s === !0 ? s = "" : /ondoubleclick/i.test(i) ? i = "ondblclick" : /^onchange(textarea|input)/i.test(i + e) && !Dt(n.type) ? i = "oninput" : /^onfocus$/i.test(i) ? i = "onfocusin" : /^onblur$/i.test(i) ? i = "onfocusout" : /^on(Ani|Tra|Tou|BeforeInp)/.test(i) ? i = i.toLowerCase() : o && Et.test(i) ? i = i.replace(/[A-Z0-9]/, "-$&").toLowerCase() : s === null && (s = void 0), r[i] = s);
1342
+ }
1343
+ e == "select" && r.multiple && Array.isArray(r.value) && (r.value = U(n.children).forEach(function(l) {
1344
+ l.props.selected = r.value.indexOf(l.props.value) != -1;
1345
+ })), e == "select" && r.defaultValue != null && (r.value = U(n.children).forEach(function(l) {
1346
+ l.props.selected = r.multiple ? r.defaultValue.indexOf(l.props.value) != -1 : r.defaultValue == l.props.value;
1347
+ })), t.props = r, n.class != n.className && (xe.enumerable = "className" in n, n.className != null && (r.class = n.className), Object.defineProperty(r, "className", xe));
1348
+ }
1349
+ t.$$typeof = Mt, Se && Se(t);
1350
+ };
1351
+ var je = v.__r;
1352
+ v.__r = function(t) {
1353
+ je && je(t), t.__c;
1354
+ };
1355
+ const Ht = {
1356
+ light: "outline",
1357
+ dark: "solid"
1358
+ };
1359
+ class Tt extends q {
1360
+ renderIcon(e) {
1361
+ const { icon: n } = e;
1362
+ if (n) {
1363
+ if (n.svg) return /* @__PURE__ */ d("span", {
1364
+ class: "flex",
1365
+ dangerouslySetInnerHTML: {
1366
+ __html: n.svg
1367
+ }
1368
+ });
1369
+ if (n.src) return /* @__PURE__ */ d("img", {
1370
+ src: n.src
1371
+ });
1372
+ }
1373
+ const r = W.categories[e.id] || W.categories.custom, o = this.props.icons == "auto" ? Ht[this.props.theme] : this.props.icons;
1374
+ return r[o] || r;
1375
+ }
1376
+ render() {
1377
+ let e = null;
1378
+ return /* @__PURE__ */ d("nav", {
1379
+ id: "nav",
1380
+ class: "padding",
1381
+ "data-position": this.props.position,
1382
+ dir: this.props.dir,
1383
+ children: /* @__PURE__ */ d("div", {
1384
+ class: "flex relative",
1385
+ children: [
1386
+ this.categories.map((n, r) => {
1387
+ const o = n.name || w.categories[n.id], i = !this.props.unfocused && n.id == this.state.categoryId;
1388
+ return i && (e = r), /* @__PURE__ */ d("button", {
1389
+ "aria-label": o,
1390
+ "aria-selected": i || void 0,
1391
+ title: o,
1392
+ type: "button",
1393
+ class: "flex flex-grow flex-center",
1394
+ onMouseDown: (s) => s.preventDefault(),
1395
+ onClick: () => {
1396
+ this.props.onClick({
1397
+ category: n,
1398
+ i: r
1399
+ });
1400
+ },
1401
+ children: this.renderIcon(n)
1402
+ });
1403
+ }),
1404
+ /* @__PURE__ */ d("div", {
1405
+ class: "bar",
1406
+ style: {
1407
+ width: `${100 / this.categories.length}%`,
1408
+ opacity: e == null ? 0 : 1,
1409
+ transform: this.props.dir === "rtl" ? `scaleX(-1) translateX(${e * 100}%)` : `translateX(${e * 100}%)`
1410
+ }
1411
+ })
1412
+ ]
1413
+ })
1414
+ });
1415
+ }
1416
+ constructor() {
1417
+ super(), this.categories = g.categories.filter((e) => !e.target), this.state = {
1418
+ categoryId: this.categories[0].id
1419
+ };
1420
+ }
1421
+ }
1422
+ class At extends q {
1423
+ shouldComponentUpdate(e) {
1424
+ for (let n in e)
1425
+ if (n != "children" && e[n] != this.props[n])
1426
+ return !0;
1427
+ return !1;
1428
+ }
1429
+ render() {
1430
+ return this.props.children;
1431
+ }
1432
+ }
1433
+ const A = {
1434
+ rowsPerRender: 10
1435
+ };
1436
+ class It extends S {
1437
+ getInitialState(e = this.props) {
1438
+ return {
1439
+ skin: E.get("skin") || e.skin,
1440
+ theme: this.initTheme(e.theme)
1441
+ };
1442
+ }
1443
+ componentWillMount() {
1444
+ this.dir = w.rtl ? "rtl" : "ltr", this.refs = {
1445
+ menu: j(),
1446
+ navigation: j(),
1447
+ scroll: j(),
1448
+ search: j(),
1449
+ searchInput: j(),
1450
+ skinToneButton: j(),
1451
+ skinToneRadio: j()
1452
+ }, this.initGrid(), this.props.stickySearch == !1 && this.props.searchPosition == "sticky" && (console.warn("[EmojiMart] Deprecation warning: `stickySearch` has been renamed `searchPosition`."), this.props.searchPosition = "static");
1453
+ }
1454
+ componentDidMount() {
1455
+ if (this.register(), this.shadowRoot = this.base.parentNode, this.props.autoFocus) {
1456
+ const { searchInput: e } = this.refs;
1457
+ e.current && e.current.focus();
1458
+ }
1459
+ }
1460
+ componentWillReceiveProps(e) {
1461
+ this.nextState || (this.nextState = {});
1462
+ for (const n in e) this.nextState[n] = e[n];
1463
+ clearTimeout(this.nextStateTimer), this.nextStateTimer = setTimeout(() => {
1464
+ let n = !1;
1465
+ for (const o in this.nextState)
1466
+ this.props[o] = this.nextState[o], (o === "custom" || o === "categories") && (n = !0);
1467
+ delete this.nextState;
1468
+ const r = this.getInitialState();
1469
+ if (n) return this.reset(r);
1470
+ this.setState(r);
1471
+ });
1472
+ }
1473
+ componentWillUnmount() {
1474
+ this.unregister();
1475
+ }
1476
+ async reset(e = {}) {
1477
+ await G(this.props), this.initGrid(), this.unobserve(), this.setState(e, () => {
1478
+ this.observeCategories(), this.observeRows();
1479
+ });
1480
+ }
1481
+ register() {
1482
+ document.addEventListener("click", this.handleClickOutside), this.observe();
1483
+ }
1484
+ unregister() {
1485
+ var e;
1486
+ document.removeEventListener("click", this.handleClickOutside), (e = this.darkMedia) == null || e.removeEventListener("change", this.darkMediaCallback), this.unobserve();
1487
+ }
1488
+ observe() {
1489
+ this.observeCategories(), this.observeRows();
1490
+ }
1491
+ unobserve({ except: e = [] } = {}) {
1492
+ Array.isArray(e) || (e = [
1493
+ e
1494
+ ]);
1495
+ for (const n of this.observers)
1496
+ e.includes(n) || n.disconnect();
1497
+ this.observers = [].concat(e);
1498
+ }
1499
+ initGrid() {
1500
+ const { categories: e } = g;
1501
+ this.refs.categories = /* @__PURE__ */ new Map();
1502
+ const n = g.categories.map((o) => o.id).join(",");
1503
+ this.navKey && this.navKey != n && this.refs.scroll.current && (this.refs.scroll.current.scrollTop = 0), this.navKey = n, this.grid = [], this.grid.setsize = 0;
1504
+ const r = (o, i) => {
1505
+ const s = [];
1506
+ s.__categoryId = i.id, s.__index = o.length, this.grid.push(s);
1507
+ const l = this.grid.length - 1, c = l % A.rowsPerRender ? {} : j();
1508
+ return c.index = l, c.posinset = this.grid.setsize + 1, o.push(c), s;
1509
+ };
1510
+ for (let o of e) {
1511
+ const i = [];
1512
+ let s = r(i, o);
1513
+ for (let l of o.emojis)
1514
+ s.length == this.getPerLine() && (s = r(i, o)), this.grid.setsize += 1, s.push(l);
1515
+ this.refs.categories.set(o.id, {
1516
+ root: j(),
1517
+ rows: i
1518
+ });
1519
+ }
1520
+ }
1521
+ initTheme(e) {
1522
+ if (e != "auto") return e;
1523
+ if (!this.darkMedia) {
1524
+ if (this.darkMedia = matchMedia("(prefers-color-scheme: dark)"), this.darkMedia.media.match(/^not/)) return "light";
1525
+ this.darkMedia.addEventListener("change", this.darkMediaCallback);
1526
+ }
1527
+ return this.darkMedia.matches ? "dark" : "light";
1528
+ }
1529
+ initDynamicPerLine(e = this.props) {
1530
+ if (!e.dynamicWidth) return;
1531
+ const { element: n, emojiButtonSize: r } = e, o = () => {
1532
+ const { width: s } = n.getBoundingClientRect();
1533
+ return Math.floor(s / r);
1534
+ }, i = new ResizeObserver(() => {
1535
+ this.unobserve({
1536
+ except: i
1537
+ }), this.setState({
1538
+ perLine: o()
1539
+ }, () => {
1540
+ this.initGrid(), this.forceUpdate(() => {
1541
+ this.observeCategories(), this.observeRows();
1542
+ });
1543
+ });
1544
+ });
1545
+ return i.observe(n), this.observers.push(i), o();
1546
+ }
1547
+ getPerLine() {
1548
+ return this.state.perLine || this.props.perLine;
1549
+ }
1550
+ getEmojiByPos([e, n]) {
1551
+ const r = this.state.searchResults || this.grid, o = r[e] && r[e][n];
1552
+ if (o)
1553
+ return L.get(o);
1554
+ }
1555
+ observeCategories() {
1556
+ const e = this.refs.navigation.current;
1557
+ if (!e) return;
1558
+ const n = /* @__PURE__ */ new Map(), r = (s) => {
1559
+ s != e.state.categoryId && e.setState({
1560
+ categoryId: s
1561
+ });
1562
+ }, o = {
1563
+ root: this.refs.scroll.current,
1564
+ threshold: [
1565
+ 0,
1566
+ 1
1567
+ ]
1568
+ }, i = new IntersectionObserver((s) => {
1569
+ for (const c of s) {
1570
+ const u = c.target.dataset.id;
1571
+ n.set(u, c.intersectionRatio);
1572
+ }
1573
+ const l = [
1574
+ ...n
1575
+ ];
1576
+ for (const [c, u] of l) if (u) {
1577
+ r(c);
1578
+ break;
1579
+ }
1580
+ }, o);
1581
+ for (const { root: s } of this.refs.categories.values()) i.observe(s.current);
1582
+ this.observers.push(i);
1583
+ }
1584
+ observeRows() {
1585
+ const e = {
1586
+ ...this.state.visibleRows
1587
+ }, n = new IntersectionObserver((r) => {
1588
+ for (const o of r) {
1589
+ const i = parseInt(o.target.dataset.index);
1590
+ o.isIntersecting ? e[i] = !0 : delete e[i];
1591
+ }
1592
+ this.setState({
1593
+ visibleRows: e
1594
+ });
1595
+ }, {
1596
+ root: this.refs.scroll.current,
1597
+ rootMargin: `${this.props.emojiButtonSize * (A.rowsPerRender + 5)}px 0px ${this.props.emojiButtonSize * A.rowsPerRender}px`
1598
+ });
1599
+ for (const { rows: r } of this.refs.categories.values())
1600
+ for (const o of r) o.current && n.observe(o.current);
1601
+ this.observers.push(n);
1602
+ }
1603
+ preventDefault(e) {
1604
+ e.preventDefault();
1605
+ }
1606
+ unfocusSearch() {
1607
+ const e = this.refs.searchInput.current;
1608
+ e && e.blur();
1609
+ }
1610
+ navigate({ e, input: n, left: r, right: o, up: i, down: s }) {
1611
+ const l = this.state.searchResults || this.grid;
1612
+ if (!l.length) return;
1613
+ let [c, u] = this.state.pos;
1614
+ const a = (() => {
1615
+ if (c == 0 && u == 0 && !e.repeat && (r || i))
1616
+ return null;
1617
+ if (c == -1)
1618
+ return !e.repeat && (o || s) && n.selectionStart == n.value.length ? [
1619
+ 0,
1620
+ 0
1621
+ ] : null;
1622
+ if (r || o) {
1623
+ let p = l[c];
1624
+ const h = r ? -1 : 1;
1625
+ if (u += h, !p[u]) {
1626
+ if (c += h, p = l[c], !p)
1627
+ return c = r ? 0 : l.length - 1, u = r ? 0 : l[c].length - 1, [
1628
+ c,
1629
+ u
1630
+ ];
1631
+ u = r ? p.length - 1 : 0;
1632
+ }
1633
+ return [
1634
+ c,
1635
+ u
1636
+ ];
1637
+ }
1638
+ if (i || s) {
1639
+ c += i ? -1 : 1;
1640
+ const p = l[c];
1641
+ return p ? (p[u] || (u = p.length - 1), [
1642
+ c,
1643
+ u
1644
+ ]) : (c = i ? 0 : l.length - 1, u = i ? 0 : l[c].length - 1, [
1645
+ c,
1646
+ u
1647
+ ]);
1648
+ }
1649
+ })();
1650
+ if (a) e.preventDefault();
1651
+ else {
1652
+ this.state.pos[0] > -1 && this.setState({
1653
+ pos: [
1654
+ -1,
1655
+ -1
1656
+ ]
1657
+ });
1658
+ return;
1659
+ }
1660
+ this.setState({
1661
+ pos: a,
1662
+ keyboard: !0
1663
+ }, () => {
1664
+ this.scrollTo({
1665
+ row: a[0]
1666
+ });
1667
+ });
1668
+ }
1669
+ scrollTo({ categoryId: e, row: n }) {
1670
+ const r = this.state.searchResults || this.grid;
1671
+ if (!r.length) return;
1672
+ const o = this.refs.scroll.current, i = o.getBoundingClientRect();
1673
+ let s = 0;
1674
+ if (n >= 0 && (e = r[n].__categoryId), e && (s = (this.refs[e] || this.refs.categories.get(e).root).current.getBoundingClientRect().top - (i.top - o.scrollTop) + 1), n >= 0)
1675
+ if (!n) s = 0;
1676
+ else {
1677
+ const l = r[n].__index, c = s + l * this.props.emojiButtonSize, u = c + this.props.emojiButtonSize + this.props.emojiButtonSize * 0.88;
1678
+ if (c < o.scrollTop) s = c;
1679
+ else if (u > o.scrollTop + i.height) s = u - i.height;
1680
+ else return;
1681
+ }
1682
+ this.ignoreMouse(), o.scrollTop = s;
1683
+ }
1684
+ ignoreMouse() {
1685
+ this.mouseIsIgnored = !0, clearTimeout(this.ignoreMouseTimer), this.ignoreMouseTimer = setTimeout(() => {
1686
+ delete this.mouseIsIgnored;
1687
+ }, 100);
1688
+ }
1689
+ handleEmojiOver(e) {
1690
+ this.mouseIsIgnored || this.state.showSkins || this.setState({
1691
+ pos: e || [
1692
+ -1,
1693
+ -1
1694
+ ],
1695
+ keyboard: !1
1696
+ });
1697
+ }
1698
+ handleEmojiClick({ e, emoji: n, pos: r }) {
1699
+ if (this.props.onEmojiSelect && (!n && r && (n = this.getEmojiByPos(r)), n)) {
1700
+ const o = kt(n, {
1701
+ skinIndex: this.state.skin - 1
1702
+ });
1703
+ this.props.maxFrequentRows && Fe.add(o, this.props), this.props.onEmojiSelect(o, e);
1704
+ }
1705
+ }
1706
+ closeSkins() {
1707
+ this.state.showSkins && (this.setState({
1708
+ showSkins: null,
1709
+ tempSkin: null
1710
+ }), this.base.removeEventListener("click", this.handleBaseClick), this.base.removeEventListener("keydown", this.handleBaseKeydown));
1711
+ }
1712
+ handleSkinMouseOver(e) {
1713
+ this.setState({
1714
+ tempSkin: e
1715
+ });
1716
+ }
1717
+ handleSkinClick(e) {
1718
+ this.ignoreMouse(), this.closeSkins(), this.setState({
1719
+ skin: e,
1720
+ tempSkin: null
1721
+ }), E.set("skin", e);
1722
+ }
1723
+ renderNav() {
1724
+ return /* @__PURE__ */ d(Tt, {
1725
+ ref: this.refs.navigation,
1726
+ icons: this.props.icons,
1727
+ theme: this.state.theme,
1728
+ dir: this.dir,
1729
+ unfocused: !!this.state.searchResults,
1730
+ position: this.props.navPosition,
1731
+ onClick: this.handleCategoryClick
1732
+ }, this.navKey);
1733
+ }
1734
+ renderPreview() {
1735
+ const e = this.getEmojiByPos(this.state.pos), n = this.state.searchResults && !this.state.searchResults.length;
1736
+ return /* @__PURE__ */ d("div", {
1737
+ id: "preview",
1738
+ class: "flex flex-middle",
1739
+ dir: this.dir,
1740
+ "data-position": this.props.previewPosition,
1741
+ children: [
1742
+ /* @__PURE__ */ d("div", {
1743
+ class: "flex flex-middle flex-grow",
1744
+ children: [
1745
+ /* @__PURE__ */ d("div", {
1746
+ class: "flex flex-auto flex-middle flex-center",
1747
+ style: {
1748
+ height: this.props.emojiButtonSize,
1749
+ fontSize: this.props.emojiButtonSize
1750
+ },
1751
+ children: /* @__PURE__ */ d(ne, {
1752
+ emoji: e,
1753
+ id: n ? this.props.noResultsEmoji || "cry" : this.props.previewEmoji || (this.props.previewPosition == "top" ? "point_down" : "point_up"),
1754
+ set: this.props.set,
1755
+ size: this.props.emojiButtonSize,
1756
+ skin: this.state.tempSkin || this.state.skin,
1757
+ spritesheet: !0,
1758
+ getSpritesheetURL: this.props.getSpritesheetURL
1759
+ })
1760
+ }),
1761
+ /* @__PURE__ */ d("div", {
1762
+ class: `margin-${this.dir[0]}`,
1763
+ children: e || n ? /* @__PURE__ */ d("div", {
1764
+ class: `padding-${this.dir[2]} align-${this.dir[0]}`,
1765
+ children: [
1766
+ /* @__PURE__ */ d("div", {
1767
+ class: "preview-title ellipsis",
1768
+ children: e ? e.name : w.search_no_results_1
1769
+ }),
1770
+ /* @__PURE__ */ d("div", {
1771
+ class: "preview-subtitle ellipsis color-c",
1772
+ children: e ? e.skins[0].shortcodes : w.search_no_results_2
1773
+ })
1774
+ ]
1775
+ }) : /* @__PURE__ */ d("div", {
1776
+ class: "preview-placeholder color-c",
1777
+ children: w.pick
1778
+ })
1779
+ })
1780
+ ]
1781
+ }),
1782
+ !e && this.props.skinTonePosition == "preview" && this.renderSkinToneButton()
1783
+ ]
1784
+ });
1785
+ }
1786
+ renderEmojiButton(e, { pos: n, posinset: r, grid: o }) {
1787
+ const i = this.props.emojiButtonSize, s = this.state.tempSkin || this.state.skin, c = (e.skins[s - 1] || e.skins[0]).native, u = mt(this.state.pos, n), a = n.concat(e.id).join("");
1788
+ return /* @__PURE__ */ d(At, {
1789
+ selected: u,
1790
+ skin: s,
1791
+ size: i,
1792
+ children: /* @__PURE__ */ d("button", {
1793
+ "aria-label": c,
1794
+ "aria-selected": u || void 0,
1795
+ "aria-posinset": r,
1796
+ "aria-setsize": o.setsize,
1797
+ "data-keyboard": this.state.keyboard,
1798
+ title: this.props.previewPosition == "none" ? e.name : void 0,
1799
+ type: "button",
1800
+ class: "flex flex-center flex-middle",
1801
+ tabindex: "-1",
1802
+ onClick: (p) => this.handleEmojiClick({
1803
+ e: p,
1804
+ emoji: e
1805
+ }),
1806
+ onMouseEnter: () => this.handleEmojiOver(n),
1807
+ onMouseLeave: () => this.handleEmojiOver(),
1808
+ style: {
1809
+ width: this.props.emojiButtonSize,
1810
+ height: this.props.emojiButtonSize,
1811
+ fontSize: this.props.emojiSize,
1812
+ lineHeight: 0
1813
+ },
1814
+ children: [
1815
+ /* @__PURE__ */ d("div", {
1816
+ "aria-hidden": "true",
1817
+ class: "background",
1818
+ style: {
1819
+ borderRadius: this.props.emojiButtonRadius,
1820
+ backgroundColor: this.props.emojiButtonColors ? this.props.emojiButtonColors[(r - 1) % this.props.emojiButtonColors.length] : void 0
1821
+ }
1822
+ }),
1823
+ /* @__PURE__ */ d(ne, {
1824
+ emoji: e,
1825
+ set: this.props.set,
1826
+ size: this.props.emojiSize,
1827
+ skin: s,
1828
+ spritesheet: !0,
1829
+ getSpritesheetURL: this.props.getSpritesheetURL
1830
+ })
1831
+ ]
1832
+ })
1833
+ }, a);
1834
+ }
1835
+ renderSearch() {
1836
+ const e = this.props.previewPosition == "none" || this.props.skinTonePosition == "search";
1837
+ return /* @__PURE__ */ d("div", {
1838
+ children: [
1839
+ /* @__PURE__ */ d("div", {
1840
+ class: "spacer"
1841
+ }),
1842
+ /* @__PURE__ */ d("div", {
1843
+ class: "flex flex-middle",
1844
+ children: [
1845
+ /* @__PURE__ */ d("div", {
1846
+ class: "search relative flex-grow",
1847
+ children: [
1848
+ /* @__PURE__ */ d("input", {
1849
+ type: "search",
1850
+ ref: this.refs.searchInput,
1851
+ placeholder: w.search,
1852
+ onClick: this.handleSearchClick,
1853
+ onInput: this.handleSearchInput,
1854
+ onKeyDown: this.handleSearchKeyDown,
1855
+ autoComplete: "off"
1856
+ }),
1857
+ /* @__PURE__ */ d("span", {
1858
+ class: "icon loupe flex",
1859
+ children: W.search.loupe
1860
+ }),
1861
+ this.state.searchResults && /* @__PURE__ */ d("button", {
1862
+ title: "Clear",
1863
+ "aria-label": "Clear",
1864
+ type: "button",
1865
+ class: "icon delete flex",
1866
+ onClick: this.clearSearch,
1867
+ onMouseDown: this.preventDefault,
1868
+ children: W.search.delete
1869
+ })
1870
+ ]
1871
+ }),
1872
+ e && this.renderSkinToneButton()
1873
+ ]
1874
+ })
1875
+ ]
1876
+ });
1877
+ }
1878
+ renderSearchResults() {
1879
+ const { searchResults: e } = this.state;
1880
+ return e ? /* @__PURE__ */ d("div", {
1881
+ class: "category",
1882
+ ref: this.refs.search,
1883
+ children: [
1884
+ /* @__PURE__ */ d("div", {
1885
+ class: `sticky padding-small align-${this.dir[0]}`,
1886
+ children: w.categories.search
1887
+ }),
1888
+ /* @__PURE__ */ d("div", {
1889
+ children: e.length ? e.map((n, r) => /* @__PURE__ */ d("div", {
1890
+ class: "flex",
1891
+ children: n.map((o, i) => this.renderEmojiButton(o, {
1892
+ pos: [
1893
+ r,
1894
+ i
1895
+ ],
1896
+ posinset: r * this.props.perLine + i + 1,
1897
+ grid: e
1898
+ }))
1899
+ })) : /* @__PURE__ */ d("div", {
1900
+ class: `padding-small align-${this.dir[0]}`,
1901
+ children: this.props.onAddCustomEmoji && /* @__PURE__ */ d("a", {
1902
+ onClick: this.props.onAddCustomEmoji,
1903
+ children: w.add_custom
1904
+ })
1905
+ })
1906
+ })
1907
+ ]
1908
+ }) : null;
1909
+ }
1910
+ renderCategories() {
1911
+ const { categories: e } = g, n = !!this.state.searchResults, r = this.getPerLine();
1912
+ return /* @__PURE__ */ d("div", {
1913
+ style: {
1914
+ visibility: n ? "hidden" : void 0,
1915
+ display: n ? "none" : void 0,
1916
+ height: "100%"
1917
+ },
1918
+ children: e.map((o) => {
1919
+ const { root: i, rows: s } = this.refs.categories.get(o.id);
1920
+ return /* @__PURE__ */ d("div", {
1921
+ "data-id": o.target ? o.target.id : o.id,
1922
+ class: "category",
1923
+ ref: i,
1924
+ children: [
1925
+ /* @__PURE__ */ d("div", {
1926
+ class: `sticky padding-small align-${this.dir[0]}`,
1927
+ children: o.name || w.categories[o.id]
1928
+ }),
1929
+ /* @__PURE__ */ d("div", {
1930
+ class: "relative",
1931
+ style: {
1932
+ height: s.length * this.props.emojiButtonSize
1933
+ },
1934
+ children: s.map((l, c) => {
1935
+ const u = l.index - l.index % A.rowsPerRender, a = this.state.visibleRows[u], p = "current" in l ? l : void 0;
1936
+ if (!a && !p) return null;
1937
+ const h = c * r, f = h + r, _ = o.emojis.slice(h, f);
1938
+ return _.length < r && _.push(...new Array(r - _.length)), /* @__PURE__ */ d("div", {
1939
+ "data-index": l.index,
1940
+ ref: p,
1941
+ class: "flex row",
1942
+ style: {
1943
+ top: c * this.props.emojiButtonSize
1944
+ },
1945
+ children: a && _.map((m, b) => {
1946
+ if (!m) return /* @__PURE__ */ d("div", {
1947
+ style: {
1948
+ width: this.props.emojiButtonSize,
1949
+ height: this.props.emojiButtonSize
1950
+ }
1951
+ });
1952
+ const $ = L.get(m);
1953
+ return this.renderEmojiButton($, {
1954
+ pos: [
1955
+ l.index,
1956
+ b
1957
+ ],
1958
+ posinset: l.posinset + b,
1959
+ grid: this.grid
1960
+ });
1961
+ })
1962
+ }, l.index);
1963
+ })
1964
+ })
1965
+ ]
1966
+ });
1967
+ })
1968
+ });
1969
+ }
1970
+ renderSkinToneButton() {
1971
+ return this.props.skinTonePosition == "none" ? null : /* @__PURE__ */ d("div", {
1972
+ class: "flex flex-auto flex-center flex-middle",
1973
+ style: {
1974
+ position: "relative",
1975
+ width: this.props.emojiButtonSize,
1976
+ height: this.props.emojiButtonSize
1977
+ },
1978
+ children: /* @__PURE__ */ d("button", {
1979
+ type: "button",
1980
+ ref: this.refs.skinToneButton,
1981
+ class: "skin-tone-button flex flex-auto flex-center flex-middle",
1982
+ "aria-selected": this.state.showSkins ? "" : void 0,
1983
+ "aria-label": w.skins.choose,
1984
+ title: w.skins.choose,
1985
+ onClick: this.openSkins,
1986
+ style: {
1987
+ width: this.props.emojiSize,
1988
+ height: this.props.emojiSize
1989
+ },
1990
+ children: /* @__PURE__ */ d("span", {
1991
+ class: `skin-tone skin-tone-${this.state.skin}`
1992
+ })
1993
+ })
1994
+ });
1995
+ }
1996
+ renderLiveRegion() {
1997
+ const e = this.getEmojiByPos(this.state.pos), n = e ? e.name : "";
1998
+ return /* @__PURE__ */ d("div", {
1999
+ "aria-live": "polite",
2000
+ class: "sr-only",
2001
+ children: n
2002
+ });
2003
+ }
2004
+ renderSkins() {
2005
+ const n = this.refs.skinToneButton.current.getBoundingClientRect(), r = this.base.getBoundingClientRect(), o = {};
2006
+ return this.dir == "ltr" ? o.right = r.right - n.right - 3 : o.left = n.left - r.left - 3, this.props.previewPosition == "bottom" && this.props.skinTonePosition == "preview" ? o.bottom = r.bottom - n.top + 6 : (o.top = n.bottom - r.top + 3, o.bottom = "auto"), /* @__PURE__ */ d("div", {
2007
+ ref: this.refs.menu,
2008
+ role: "radiogroup",
2009
+ dir: this.dir,
2010
+ "aria-label": w.skins.choose,
2011
+ class: "menu hidden",
2012
+ "data-position": o.top ? "top" : "bottom",
2013
+ style: o,
2014
+ children: [
2015
+ ...Array(6).keys()
2016
+ ].map((i) => {
2017
+ const s = i + 1, l = this.state.skin == s;
2018
+ return /* @__PURE__ */ d("div", {
2019
+ children: [
2020
+ /* @__PURE__ */ d("input", {
2021
+ type: "radio",
2022
+ name: "skin-tone",
2023
+ value: s,
2024
+ "aria-label": w.skins[s],
2025
+ ref: l ? this.refs.skinToneRadio : null,
2026
+ defaultChecked: l,
2027
+ onChange: () => this.handleSkinMouseOver(s),
2028
+ onKeyDown: (c) => {
2029
+ (c.code == "Enter" || c.code == "Space" || c.code == "Tab") && (c.preventDefault(), this.handleSkinClick(s));
2030
+ }
2031
+ }),
2032
+ /* @__PURE__ */ d("button", {
2033
+ "aria-hidden": "true",
2034
+ tabindex: "-1",
2035
+ onClick: () => this.handleSkinClick(s),
2036
+ onMouseEnter: () => this.handleSkinMouseOver(s),
2037
+ onMouseLeave: () => this.handleSkinMouseOver(),
2038
+ class: "option flex flex-grow flex-middle",
2039
+ children: [
2040
+ /* @__PURE__ */ d("span", {
2041
+ class: `skin-tone skin-tone-${s}`
2042
+ }),
2043
+ /* @__PURE__ */ d("span", {
2044
+ class: "margin-small-lr",
2045
+ children: w.skins[s]
2046
+ })
2047
+ ]
2048
+ })
2049
+ ]
2050
+ });
2051
+ })
2052
+ });
2053
+ }
2054
+ render() {
2055
+ const e = this.props.perLine * this.props.emojiButtonSize;
2056
+ return /* @__PURE__ */ d("section", {
2057
+ id: "root",
2058
+ class: "flex flex-column",
2059
+ dir: this.dir,
2060
+ style: {
2061
+ width: this.props.dynamicWidth ? "100%" : `calc(${e}px + (var(--padding) + var(--sidebar-width)))`
2062
+ },
2063
+ "data-emoji-set": this.props.set,
2064
+ "data-theme": this.state.theme,
2065
+ "data-menu": this.state.showSkins ? "" : void 0,
2066
+ children: [
2067
+ this.props.previewPosition == "top" && this.renderPreview(),
2068
+ this.props.navPosition == "top" && this.renderNav(),
2069
+ this.props.searchPosition == "sticky" && /* @__PURE__ */ d("div", {
2070
+ class: "padding-lr",
2071
+ children: this.renderSearch()
2072
+ }),
2073
+ /* @__PURE__ */ d("div", {
2074
+ ref: this.refs.scroll,
2075
+ class: "scroll flex-grow padding-lr",
2076
+ children: /* @__PURE__ */ d("div", {
2077
+ style: {
2078
+ width: this.props.dynamicWidth ? "100%" : e,
2079
+ height: "100%"
2080
+ },
2081
+ children: [
2082
+ this.props.searchPosition == "static" && this.renderSearch(),
2083
+ this.renderSearchResults(),
2084
+ this.renderCategories()
2085
+ ]
2086
+ })
2087
+ }),
2088
+ this.props.navPosition == "bottom" && this.renderNav(),
2089
+ this.props.previewPosition == "bottom" && this.renderPreview(),
2090
+ this.state.showSkins && this.renderSkins(),
2091
+ this.renderLiveRegion()
2092
+ ]
2093
+ });
2094
+ }
2095
+ constructor(e) {
2096
+ super(), C(this, "darkMediaCallback", () => {
2097
+ this.props.theme == "auto" && this.setState({
2098
+ theme: this.darkMedia.matches ? "dark" : "light"
2099
+ });
2100
+ }), C(this, "handleClickOutside", (n) => {
2101
+ const { element: r } = this.props;
2102
+ n.target != r && (this.state.showSkins && this.closeSkins(), this.props.onClickOutside && this.props.onClickOutside(n));
2103
+ }), C(this, "handleBaseClick", (n) => {
2104
+ this.state.showSkins && (n.target.closest(".menu") || (n.preventDefault(), n.stopImmediatePropagation(), this.closeSkins()));
2105
+ }), C(this, "handleBaseKeydown", (n) => {
2106
+ this.state.showSkins && n.key == "Escape" && (n.preventDefault(), n.stopImmediatePropagation(), this.closeSkins());
2107
+ }), C(this, "handleSearchClick", () => {
2108
+ this.getEmojiByPos(this.state.pos) && this.setState({
2109
+ pos: [
2110
+ -1,
2111
+ -1
2112
+ ]
2113
+ });
2114
+ }), C(this, "handleSearchInput", async () => {
2115
+ const n = this.refs.searchInput.current;
2116
+ if (!n) return;
2117
+ const { value: r } = n, o = await L.search(r), i = () => {
2118
+ this.refs.scroll.current && (this.refs.scroll.current.scrollTop = 0);
2119
+ };
2120
+ if (!o) return this.setState({
2121
+ searchResults: o,
2122
+ pos: [
2123
+ -1,
2124
+ -1
2125
+ ]
2126
+ }, i);
2127
+ const s = n.selectionStart == n.value.length ? [
2128
+ 0,
2129
+ 0
2130
+ ] : [
2131
+ -1,
2132
+ -1
2133
+ ], l = [];
2134
+ l.setsize = o.length;
2135
+ let c = null;
2136
+ for (let u of o)
2137
+ (!l.length || c.length == this.getPerLine()) && (c = [], c.__categoryId = "search", c.__index = l.length, l.push(c)), c.push(u);
2138
+ this.ignoreMouse(), this.setState({
2139
+ searchResults: l,
2140
+ pos: s
2141
+ }, i);
2142
+ }), C(this, "handleSearchKeyDown", (n) => {
2143
+ const r = n.currentTarget;
2144
+ switch (n.stopImmediatePropagation(), n.key) {
2145
+ case "ArrowLeft":
2146
+ this.navigate({
2147
+ e: n,
2148
+ input: r,
2149
+ left: !0
2150
+ });
2151
+ break;
2152
+ case "ArrowRight":
2153
+ this.navigate({
2154
+ e: n,
2155
+ input: r,
2156
+ right: !0
2157
+ });
2158
+ break;
2159
+ case "ArrowUp":
2160
+ this.navigate({
2161
+ e: n,
2162
+ input: r,
2163
+ up: !0
2164
+ });
2165
+ break;
2166
+ case "ArrowDown":
2167
+ this.navigate({
2168
+ e: n,
2169
+ input: r,
2170
+ down: !0
2171
+ });
2172
+ break;
2173
+ case "Enter":
2174
+ n.preventDefault(), this.handleEmojiClick({
2175
+ e: n,
2176
+ pos: this.state.pos
2177
+ });
2178
+ break;
2179
+ case "Escape":
2180
+ n.preventDefault(), this.state.searchResults ? this.clearSearch() : this.unfocusSearch();
2181
+ break;
2182
+ }
2183
+ }), C(this, "clearSearch", () => {
2184
+ const n = this.refs.searchInput.current;
2185
+ n && (n.value = "", n.focus(), this.handleSearchInput());
2186
+ }), C(this, "handleCategoryClick", ({ category: n, i: r }) => {
2187
+ this.scrollTo(r == 0 ? {
2188
+ row: -1
2189
+ } : {
2190
+ categoryId: n.id
2191
+ });
2192
+ }), C(this, "openSkins", (n) => {
2193
+ const { currentTarget: r } = n, o = r.getBoundingClientRect();
2194
+ this.setState({
2195
+ showSkins: o
2196
+ }, async () => {
2197
+ await $t(2);
2198
+ const i = this.refs.menu.current;
2199
+ i && (i.classList.remove("hidden"), this.refs.skinToneRadio.current.focus(), this.base.addEventListener("click", this.handleBaseClick, !0), this.base.addEventListener("keydown", this.handleBaseKeydown, !0));
2200
+ });
2201
+ }), this.observers = [], this.state = {
2202
+ pos: [
2203
+ -1,
2204
+ -1
2205
+ ],
2206
+ perLine: this.initDynamicPerLine(e),
2207
+ visibleRows: {
2208
+ 0: !0
2209
+ },
2210
+ ...this.getInitialState(e)
2211
+ };
2212
+ }
2213
+ }
2214
+ class Ze extends xt {
2215
+ async connectedCallback() {
2216
+ const e = qe(this.props, z, this);
2217
+ e.element = this, e.ref = (n) => {
2218
+ this.component = n;
2219
+ }, await G(e), !this.disconnected && Oe(/* @__PURE__ */ d(It, {
2220
+ ...e
2221
+ }), this.shadowRoot);
2222
+ }
2223
+ constructor(e) {
2224
+ super(e, {
2225
+ styles: /* @__PURE__ */ ze(Qe)
2226
+ });
2227
+ }
2228
+ }
2229
+ C(Ze, "Props", z);
2230
+ typeof customElements < "u" && !customElements.get("em-emoji-picker") && customElements.define("em-emoji-picker", Ze);
2231
+ var Qe = {};
2232
+ Qe = `:host {
2233
+ width: min-content;
2234
+ height: 435px;
2235
+ min-height: 230px;
2236
+ border-radius: var(--border-radius);
2237
+ box-shadow: var(--shadow);
2238
+ --border-radius: 10px;
2239
+ --category-icon-size: 18px;
2240
+ --font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
2241
+ --font-size: 15px;
2242
+ --preview-placeholder-size: 21px;
2243
+ --preview-title-size: 1.1em;
2244
+ --preview-subtitle-size: .9em;
2245
+ --shadow-color: 0deg 0% 0%;
2246
+ --shadow: .3px .5px 2.7px hsl(var(--shadow-color) / .14), .4px .8px 1px -3.2px hsl(var(--shadow-color) / .14), 1px 2px 2.5px -4.5px hsl(var(--shadow-color) / .14);
2247
+ display: flex;
2248
+ }
2249
+
2250
+ [data-theme="light"] {
2251
+ --em-rgb-color: var(--rgb-color, 34, 36, 39);
2252
+ --em-rgb-accent: var(--rgb-accent, 34, 102, 237);
2253
+ --em-rgb-background: var(--rgb-background, 255, 255, 255);
2254
+ --em-rgb-input: var(--rgb-input, 255, 255, 255);
2255
+ --em-color-border: var(--color-border, rgba(0, 0, 0, .05));
2256
+ --em-color-border-over: var(--color-border-over, rgba(0, 0, 0, .1));
2257
+ }
2258
+
2259
+ [data-theme="dark"] {
2260
+ --em-rgb-color: var(--rgb-color, 222, 222, 221);
2261
+ --em-rgb-accent: var(--rgb-accent, 58, 130, 247);
2262
+ --em-rgb-background: var(--rgb-background, 21, 22, 23);
2263
+ --em-rgb-input: var(--rgb-input, 0, 0, 0);
2264
+ --em-color-border: var(--color-border, rgba(255, 255, 255, .1));
2265
+ --em-color-border-over: var(--color-border-over, rgba(255, 255, 255, .2));
2266
+ }
2267
+
2268
+ #root {
2269
+ --color-a: rgb(var(--em-rgb-color));
2270
+ --color-b: rgba(var(--em-rgb-color), .65);
2271
+ --color-c: rgba(var(--em-rgb-color), .45);
2272
+ --padding: 12px;
2273
+ --padding-small: calc(var(--padding) / 2);
2274
+ --sidebar-width: 16px;
2275
+ --duration: 225ms;
2276
+ --duration-fast: 125ms;
2277
+ --duration-instant: 50ms;
2278
+ --easing: cubic-bezier(.4, 0, .2, 1);
2279
+ width: 100%;
2280
+ text-align: left;
2281
+ border-radius: var(--border-radius);
2282
+ background-color: rgb(var(--em-rgb-background));
2283
+ position: relative;
2284
+ }
2285
+
2286
+ @media (prefers-reduced-motion) {
2287
+ #root {
2288
+ --duration: 0;
2289
+ --duration-fast: 0;
2290
+ --duration-instant: 0;
2291
+ }
2292
+ }
2293
+
2294
+ #root[data-menu] button {
2295
+ cursor: auto;
2296
+ }
2297
+
2298
+ #root[data-menu] .menu button {
2299
+ cursor: pointer;
2300
+ }
2301
+
2302
+ :host, #root, input, button {
2303
+ color: rgb(var(--em-rgb-color));
2304
+ font-family: var(--font-family);
2305
+ font-size: var(--font-size);
2306
+ -webkit-font-smoothing: antialiased;
2307
+ -moz-osx-font-smoothing: grayscale;
2308
+ line-height: normal;
2309
+ }
2310
+
2311
+ *, :before, :after {
2312
+ box-sizing: border-box;
2313
+ min-width: 0;
2314
+ margin: 0;
2315
+ padding: 0;
2316
+ }
2317
+
2318
+ .relative {
2319
+ position: relative;
2320
+ }
2321
+
2322
+ .flex {
2323
+ display: flex;
2324
+ }
2325
+
2326
+ .flex-auto {
2327
+ flex: none;
2328
+ }
2329
+
2330
+ .flex-center {
2331
+ justify-content: center;
2332
+ }
2333
+
2334
+ .flex-column {
2335
+ flex-direction: column;
2336
+ }
2337
+
2338
+ .flex-grow {
2339
+ flex: auto;
2340
+ }
2341
+
2342
+ .flex-middle {
2343
+ align-items: center;
2344
+ }
2345
+
2346
+ .flex-wrap {
2347
+ flex-wrap: wrap;
2348
+ }
2349
+
2350
+ .padding {
2351
+ padding: var(--padding);
2352
+ }
2353
+
2354
+ .padding-t {
2355
+ padding-top: var(--padding);
2356
+ }
2357
+
2358
+ .padding-lr {
2359
+ padding-left: var(--padding);
2360
+ padding-right: var(--padding);
2361
+ }
2362
+
2363
+ .padding-r {
2364
+ padding-right: var(--padding);
2365
+ }
2366
+
2367
+ .padding-small {
2368
+ padding: var(--padding-small);
2369
+ }
2370
+
2371
+ .padding-small-b {
2372
+ padding-bottom: var(--padding-small);
2373
+ }
2374
+
2375
+ .padding-small-lr {
2376
+ padding-left: var(--padding-small);
2377
+ padding-right: var(--padding-small);
2378
+ }
2379
+
2380
+ .margin {
2381
+ margin: var(--padding);
2382
+ }
2383
+
2384
+ .margin-r {
2385
+ margin-right: var(--padding);
2386
+ }
2387
+
2388
+ .margin-l {
2389
+ margin-left: var(--padding);
2390
+ }
2391
+
2392
+ .margin-small-l {
2393
+ margin-left: var(--padding-small);
2394
+ }
2395
+
2396
+ .margin-small-lr {
2397
+ margin-left: var(--padding-small);
2398
+ margin-right: var(--padding-small);
2399
+ }
2400
+
2401
+ .align-l {
2402
+ text-align: left;
2403
+ }
2404
+
2405
+ .align-r {
2406
+ text-align: right;
2407
+ }
2408
+
2409
+ .color-a {
2410
+ color: var(--color-a);
2411
+ }
2412
+
2413
+ .color-b {
2414
+ color: var(--color-b);
2415
+ }
2416
+
2417
+ .color-c {
2418
+ color: var(--color-c);
2419
+ }
2420
+
2421
+ .ellipsis {
2422
+ white-space: nowrap;
2423
+ max-width: 100%;
2424
+ width: auto;
2425
+ text-overflow: ellipsis;
2426
+ overflow: hidden;
2427
+ }
2428
+
2429
+ .sr-only {
2430
+ width: 1px;
2431
+ height: 1px;
2432
+ position: absolute;
2433
+ top: auto;
2434
+ left: -10000px;
2435
+ overflow: hidden;
2436
+ }
2437
+
2438
+ a {
2439
+ cursor: pointer;
2440
+ color: rgb(var(--em-rgb-accent));
2441
+ }
2442
+
2443
+ a:hover {
2444
+ text-decoration: underline;
2445
+ }
2446
+
2447
+ .spacer {
2448
+ height: 10px;
2449
+ }
2450
+
2451
+ [dir="rtl"] .scroll {
2452
+ padding-left: 0;
2453
+ padding-right: var(--padding);
2454
+ }
2455
+
2456
+ .scroll {
2457
+ padding-right: 0;
2458
+ overflow-x: hidden;
2459
+ overflow-y: auto;
2460
+ }
2461
+
2462
+ .scroll::-webkit-scrollbar {
2463
+ width: var(--sidebar-width);
2464
+ height: var(--sidebar-width);
2465
+ }
2466
+
2467
+ .scroll::-webkit-scrollbar-track {
2468
+ border: 0;
2469
+ }
2470
+
2471
+ .scroll::-webkit-scrollbar-button {
2472
+ width: 0;
2473
+ height: 0;
2474
+ display: none;
2475
+ }
2476
+
2477
+ .scroll::-webkit-scrollbar-corner {
2478
+ background-color: rgba(0, 0, 0, 0);
2479
+ }
2480
+
2481
+ .scroll::-webkit-scrollbar-thumb {
2482
+ min-height: 20%;
2483
+ min-height: 65px;
2484
+ border: 4px solid rgb(var(--em-rgb-background));
2485
+ border-radius: 8px;
2486
+ }
2487
+
2488
+ .scroll::-webkit-scrollbar-thumb:hover {
2489
+ background-color: var(--em-color-border-over) !important;
2490
+ }
2491
+
2492
+ .scroll:hover::-webkit-scrollbar-thumb {
2493
+ background-color: var(--em-color-border);
2494
+ }
2495
+
2496
+ .sticky {
2497
+ z-index: 1;
2498
+ background-color: rgba(var(--em-rgb-background), .9);
2499
+ -webkit-backdrop-filter: blur(4px);
2500
+ backdrop-filter: blur(4px);
2501
+ font-weight: 500;
2502
+ position: sticky;
2503
+ top: -1px;
2504
+ }
2505
+
2506
+ [dir="rtl"] .search input[type="search"] {
2507
+ padding: 10px 2.2em 10px 2em;
2508
+ }
2509
+
2510
+ [dir="rtl"] .search .loupe {
2511
+ left: auto;
2512
+ right: .7em;
2513
+ }
2514
+
2515
+ [dir="rtl"] .search .delete {
2516
+ left: .7em;
2517
+ right: auto;
2518
+ }
2519
+
2520
+ .search {
2521
+ z-index: 2;
2522
+ position: relative;
2523
+ }
2524
+
2525
+ .search input, .search button {
2526
+ font-size: calc(var(--font-size) - 1px);
2527
+ }
2528
+
2529
+ .search input[type="search"] {
2530
+ width: 100%;
2531
+ background-color: var(--em-color-border);
2532
+ transition-duration: var(--duration);
2533
+ transition-property: background-color, box-shadow;
2534
+ transition-timing-function: var(--easing);
2535
+ border: 0;
2536
+ border-radius: 10px;
2537
+ outline: 0;
2538
+ padding: 10px 2em 10px 2.2em;
2539
+ display: block;
2540
+ }
2541
+
2542
+ .search input[type="search"]::-ms-input-placeholder {
2543
+ color: inherit;
2544
+ opacity: .6;
2545
+ }
2546
+
2547
+ .search input[type="search"]::placeholder {
2548
+ color: inherit;
2549
+ opacity: .6;
2550
+ }
2551
+
2552
+ .search input[type="search"], .search input[type="search"]::-webkit-search-decoration, .search input[type="search"]::-webkit-search-cancel-button, .search input[type="search"]::-webkit-search-results-button, .search input[type="search"]::-webkit-search-results-decoration {
2553
+ -webkit-appearance: none;
2554
+ -ms-appearance: none;
2555
+ appearance: none;
2556
+ }
2557
+
2558
+ .search input[type="search"]:focus {
2559
+ background-color: rgb(var(--em-rgb-input));
2560
+ box-shadow: inset 0 0 0 1px rgb(var(--em-rgb-accent)), 0 1px 3px rgba(65, 69, 73, .2);
2561
+ }
2562
+
2563
+ .search .icon {
2564
+ z-index: 1;
2565
+ color: rgba(var(--em-rgb-color), .7);
2566
+ position: absolute;
2567
+ top: 50%;
2568
+ transform: translateY(-50%);
2569
+ }
2570
+
2571
+ .search .loupe {
2572
+ pointer-events: none;
2573
+ left: .7em;
2574
+ }
2575
+
2576
+ .search .delete {
2577
+ right: .7em;
2578
+ }
2579
+
2580
+ svg {
2581
+ fill: currentColor;
2582
+ width: 1em;
2583
+ height: 1em;
2584
+ }
2585
+
2586
+ button {
2587
+ -webkit-appearance: none;
2588
+ -ms-appearance: none;
2589
+ appearance: none;
2590
+ cursor: pointer;
2591
+ color: currentColor;
2592
+ background-color: rgba(0, 0, 0, 0);
2593
+ border: 0;
2594
+ }
2595
+
2596
+ #nav {
2597
+ z-index: 2;
2598
+ padding-top: 12px;
2599
+ padding-bottom: 12px;
2600
+ padding-right: var(--sidebar-width);
2601
+ position: relative;
2602
+ }
2603
+
2604
+ #nav button {
2605
+ color: var(--color-b);
2606
+ transition: color var(--duration) var(--easing);
2607
+ }
2608
+
2609
+ #nav button:hover {
2610
+ color: var(--color-a);
2611
+ }
2612
+
2613
+ #nav svg, #nav img {
2614
+ width: var(--category-icon-size);
2615
+ height: var(--category-icon-size);
2616
+ }
2617
+
2618
+ #nav[dir="rtl"] .bar {
2619
+ left: auto;
2620
+ right: 0;
2621
+ }
2622
+
2623
+ #nav .bar {
2624
+ width: 100%;
2625
+ height: 3px;
2626
+ background-color: rgb(var(--em-rgb-accent));
2627
+ transition: transform var(--duration) var(--easing);
2628
+ border-radius: 3px 3px 0 0;
2629
+ position: absolute;
2630
+ bottom: -12px;
2631
+ left: 0;
2632
+ }
2633
+
2634
+ #nav button[aria-selected] {
2635
+ color: rgb(var(--em-rgb-accent));
2636
+ }
2637
+
2638
+ #preview {
2639
+ z-index: 2;
2640
+ padding: calc(var(--padding) + 4px) var(--padding);
2641
+ padding-right: var(--sidebar-width);
2642
+ position: relative;
2643
+ }
2644
+
2645
+ #preview .preview-placeholder {
2646
+ font-size: var(--preview-placeholder-size);
2647
+ }
2648
+
2649
+ #preview .preview-title {
2650
+ font-size: var(--preview-title-size);
2651
+ }
2652
+
2653
+ #preview .preview-subtitle {
2654
+ font-size: var(--preview-subtitle-size);
2655
+ }
2656
+
2657
+ #nav:before, #preview:before {
2658
+ content: "";
2659
+ height: 2px;
2660
+ position: absolute;
2661
+ left: 0;
2662
+ right: 0;
2663
+ }
2664
+
2665
+ #nav[data-position="top"]:before, #preview[data-position="top"]:before {
2666
+ background: linear-gradient(to bottom, var(--em-color-border), transparent);
2667
+ top: 100%;
2668
+ }
2669
+
2670
+ #nav[data-position="bottom"]:before, #preview[data-position="bottom"]:before {
2671
+ background: linear-gradient(to top, var(--em-color-border), transparent);
2672
+ bottom: 100%;
2673
+ }
2674
+
2675
+ .category:last-child {
2676
+ min-height: calc(100% + 1px);
2677
+ }
2678
+
2679
+ .category button {
2680
+ font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, sans-serif;
2681
+ position: relative;
2682
+ }
2683
+
2684
+ .category button > * {
2685
+ position: relative;
2686
+ }
2687
+
2688
+ .category button .background {
2689
+ opacity: 0;
2690
+ background-color: var(--em-color-border);
2691
+ transition: opacity var(--duration-fast) var(--easing) var(--duration-instant);
2692
+ position: absolute;
2693
+ top: 0;
2694
+ bottom: 0;
2695
+ left: 0;
2696
+ right: 0;
2697
+ }
2698
+
2699
+ .category button:hover .background {
2700
+ transition-duration: var(--duration-instant);
2701
+ transition-delay: 0s;
2702
+ }
2703
+
2704
+ .category button[aria-selected] .background {
2705
+ opacity: 1;
2706
+ }
2707
+
2708
+ .category button[data-keyboard] .background {
2709
+ transition: none;
2710
+ }
2711
+
2712
+ .row {
2713
+ width: 100%;
2714
+ position: absolute;
2715
+ top: 0;
2716
+ left: 0;
2717
+ }
2718
+
2719
+ .skin-tone-button {
2720
+ border: 1px solid rgba(0, 0, 0, 0);
2721
+ border-radius: 100%;
2722
+ }
2723
+
2724
+ .skin-tone-button:hover {
2725
+ border-color: var(--em-color-border);
2726
+ }
2727
+
2728
+ .skin-tone-button:active .skin-tone {
2729
+ transform: scale(.85) !important;
2730
+ }
2731
+
2732
+ .skin-tone-button .skin-tone {
2733
+ transition: transform var(--duration) var(--easing);
2734
+ }
2735
+
2736
+ .skin-tone-button[aria-selected] {
2737
+ background-color: var(--em-color-border);
2738
+ border-top-color: rgba(0, 0, 0, .05);
2739
+ border-bottom-color: rgba(0, 0, 0, 0);
2740
+ border-left-width: 0;
2741
+ border-right-width: 0;
2742
+ }
2743
+
2744
+ .skin-tone-button[aria-selected] .skin-tone {
2745
+ transform: scale(.9);
2746
+ }
2747
+
2748
+ .menu {
2749
+ z-index: 2;
2750
+ white-space: nowrap;
2751
+ border: 1px solid var(--em-color-border);
2752
+ background-color: rgba(var(--em-rgb-background), .9);
2753
+ -webkit-backdrop-filter: blur(4px);
2754
+ backdrop-filter: blur(4px);
2755
+ transition-property: opacity, transform;
2756
+ transition-duration: var(--duration);
2757
+ transition-timing-function: var(--easing);
2758
+ border-radius: 10px;
2759
+ padding: 4px;
2760
+ position: absolute;
2761
+ box-shadow: 1px 1px 5px rgba(0, 0, 0, .05);
2762
+ }
2763
+
2764
+ .menu.hidden {
2765
+ opacity: 0;
2766
+ }
2767
+
2768
+ .menu[data-position="bottom"] {
2769
+ transform-origin: 100% 100%;
2770
+ }
2771
+
2772
+ .menu[data-position="bottom"].hidden {
2773
+ transform: scale(.9)rotate(-3deg)translateY(5%);
2774
+ }
2775
+
2776
+ .menu[data-position="top"] {
2777
+ transform-origin: 100% 0;
2778
+ }
2779
+
2780
+ .menu[data-position="top"].hidden {
2781
+ transform: scale(.9)rotate(3deg)translateY(-5%);
2782
+ }
2783
+
2784
+ .menu input[type="radio"] {
2785
+ clip: rect(0 0 0 0);
2786
+ width: 1px;
2787
+ height: 1px;
2788
+ border: 0;
2789
+ margin: 0;
2790
+ padding: 0;
2791
+ position: absolute;
2792
+ overflow: hidden;
2793
+ }
2794
+
2795
+ .menu input[type="radio"]:checked + .option {
2796
+ box-shadow: 0 0 0 2px rgb(var(--em-rgb-accent));
2797
+ }
2798
+
2799
+ .option {
2800
+ width: 100%;
2801
+ border-radius: 6px;
2802
+ padding: 4px 6px;
2803
+ }
2804
+
2805
+ .option:hover {
2806
+ color: #fff;
2807
+ background-color: rgb(var(--em-rgb-accent));
2808
+ }
2809
+
2810
+ .skin-tone {
2811
+ width: 16px;
2812
+ height: 16px;
2813
+ border-radius: 100%;
2814
+ display: inline-block;
2815
+ position: relative;
2816
+ overflow: hidden;
2817
+ }
2818
+
2819
+ .skin-tone:after {
2820
+ content: "";
2821
+ mix-blend-mode: overlay;
2822
+ background: linear-gradient(rgba(255, 255, 255, .2), rgba(0, 0, 0, 0));
2823
+ border: 1px solid rgba(0, 0, 0, .8);
2824
+ border-radius: 100%;
2825
+ position: absolute;
2826
+ top: 0;
2827
+ bottom: 0;
2828
+ left: 0;
2829
+ right: 0;
2830
+ box-shadow: inset 0 -2px 3px #000, inset 0 1px 2px #fff;
2831
+ }
2832
+
2833
+ .skin-tone-1 {
2834
+ background-color: #ffc93a;
2835
+ }
2836
+
2837
+ .skin-tone-2 {
2838
+ background-color: #ffdab7;
2839
+ }
2840
+
2841
+ .skin-tone-3 {
2842
+ background-color: #e7b98f;
2843
+ }
2844
+
2845
+ .skin-tone-4 {
2846
+ background-color: #c88c61;
2847
+ }
2848
+
2849
+ .skin-tone-5 {
2850
+ background-color: #a46134;
2851
+ }
2852
+
2853
+ .skin-tone-6 {
2854
+ background-color: #5d4437;
2855
+ }
2856
+
2857
+ [data-index] {
2858
+ justify-content: space-between;
2859
+ }
2860
+
2861
+ [data-emoji-set="twitter"] .skin-tone:after {
2862
+ box-shadow: none;
2863
+ border-color: rgba(0, 0, 0, .5);
2864
+ }
2865
+
2866
+ [data-emoji-set="twitter"] .skin-tone-1 {
2867
+ background-color: #fade72;
2868
+ }
2869
+
2870
+ [data-emoji-set="twitter"] .skin-tone-2 {
2871
+ background-color: #f3dfd0;
2872
+ }
2873
+
2874
+ [data-emoji-set="twitter"] .skin-tone-3 {
2875
+ background-color: #eed3a8;
2876
+ }
2877
+
2878
+ [data-emoji-set="twitter"] .skin-tone-4 {
2879
+ background-color: #cfad8d;
2880
+ }
2881
+
2882
+ [data-emoji-set="twitter"] .skin-tone-5 {
2883
+ background-color: #a8805d;
2884
+ }
2885
+
2886
+ [data-emoji-set="twitter"] .skin-tone-6 {
2887
+ background-color: #765542;
2888
+ }
2889
+
2890
+ [data-emoji-set="google"] .skin-tone:after {
2891
+ box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, .4);
2892
+ }
2893
+
2894
+ [data-emoji-set="google"] .skin-tone-1 {
2895
+ background-color: #f5c748;
2896
+ }
2897
+
2898
+ [data-emoji-set="google"] .skin-tone-2 {
2899
+ background-color: #f1d5aa;
2900
+ }
2901
+
2902
+ [data-emoji-set="google"] .skin-tone-3 {
2903
+ background-color: #d4b48d;
2904
+ }
2905
+
2906
+ [data-emoji-set="google"] .skin-tone-4 {
2907
+ background-color: #aa876b;
2908
+ }
2909
+
2910
+ [data-emoji-set="google"] .skin-tone-5 {
2911
+ background-color: #916544;
2912
+ }
2913
+
2914
+ [data-emoji-set="google"] .skin-tone-6 {
2915
+ background-color: #61493f;
2916
+ }
2917
+
2918
+ [data-emoji-set="facebook"] .skin-tone:after {
2919
+ border-color: rgba(0, 0, 0, .4);
2920
+ box-shadow: inset 0 -2px 3px #000, inset 0 1px 4px #fff;
2921
+ }
2922
+
2923
+ [data-emoji-set="facebook"] .skin-tone-1 {
2924
+ background-color: #f5c748;
2925
+ }
2926
+
2927
+ [data-emoji-set="facebook"] .skin-tone-2 {
2928
+ background-color: #f1d5aa;
2929
+ }
2930
+
2931
+ [data-emoji-set="facebook"] .skin-tone-3 {
2932
+ background-color: #d4b48d;
2933
+ }
2934
+
2935
+ [data-emoji-set="facebook"] .skin-tone-4 {
2936
+ background-color: #aa876b;
2937
+ }
2938
+
2939
+ [data-emoji-set="facebook"] .skin-tone-5 {
2940
+ background-color: #916544;
2941
+ }
2942
+
2943
+ [data-emoji-set="facebook"] .skin-tone-6 {
2944
+ background-color: #61493f;
2945
+ }
2946
+
2947
+ `;
2948
+ export {
2949
+ g as Data,
2950
+ Je as Emoji,
2951
+ Fe as FrequentlyUsed,
2952
+ w as I18n,
2953
+ Ze as Picker,
2954
+ bt as SafeFlags,
2955
+ L as SearchIndex,
2956
+ E as Store,
2957
+ G as init
2958
+ };