@devalok/shilp-sutra 0.6.2 → 0.8.0
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.
- package/dist/_virtual/client.js +5 -0
- package/dist/_virtual/index.js +5 -0
- package/dist/_virtual/react-dom-client.development.js +5 -0
- package/dist/_virtual/react-dom-client.production.js +5 -0
- package/dist/_virtual/scheduler.development.js +5 -0
- package/dist/_virtual/scheduler.production.js +5 -0
- package/dist/composed/command-palette.d.ts.map +1 -1
- package/dist/composed/command-palette.js +84 -73
- package/dist/composed/confirm-dialog.d.ts +27 -0
- package/dist/composed/confirm-dialog.d.ts.map +1 -0
- package/dist/composed/confirm-dialog.js +45 -0
- package/dist/composed/extensions/emoji-suggestion.d.ts +9 -0
- package/dist/composed/extensions/emoji-suggestion.d.ts.map +1 -0
- package/dist/composed/extensions/emoji-suggestion.js +119 -0
- package/dist/composed/extensions/file-attachment.d.ts +4 -0
- package/dist/composed/extensions/file-attachment.d.ts.map +1 -0
- package/dist/composed/extensions/file-attachment.js +55 -0
- package/dist/composed/extensions/mention-suggestion.d.ts +10 -0
- package/dist/composed/extensions/mention-suggestion.d.ts.map +1 -0
- package/dist/composed/extensions/mention-suggestion.js +79 -0
- package/dist/composed/index.d.ts +3 -1
- package/dist/composed/index.d.ts.map +1 -1
- package/dist/composed/index.js +28 -26
- package/dist/composed/rich-text-editor.d.ts +19 -0
- package/dist/composed/rich-text-editor.d.ts.map +1 -1
- package/dist/composed/rich-text-editor.js +347 -176
- package/dist/composed/status-badge.d.ts +11 -1
- package/dist/composed/status-badge.d.ts.map +1 -1
- package/dist/composed/status-badge.js +48 -20
- package/dist/hooks/use-color-mode.d.ts.map +1 -1
- package/dist/hooks/use-color-mode.js +8 -4
- package/dist/hooks/use-mobile.d.ts +5 -0
- package/dist/hooks/use-mobile.d.ts.map +1 -1
- package/dist/node_modules/.pnpm/@emoji-mart_data@1.2.1/node_modules/@emoji-mart/data/sets/15/native.json.js +40141 -0
- 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
- package/dist/node_modules/.pnpm/emoji-mart@5.6.0/node_modules/emoji-mart/dist/module.js +2958 -0
- package/dist/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-client.development.js +17062 -0
- package/dist/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-client.production.js +9790 -0
- package/dist/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/client.js +20 -0
- package/dist/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/cjs/scheduler.development.js +237 -0
- package/dist/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/cjs/scheduler.production.js +234 -0
- package/dist/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/index.js +11 -0
- package/dist/primitives/_internal/react-arrow.js +8 -19
- package/dist/primitives/_internal/react-compose-refs.js +14 -14
- package/dist/primitives/_internal/react-context.js +41 -39
- package/dist/primitives/_internal/react-dismissable-layer.js +62 -90
- package/dist/primitives/_internal/react-popper.js +107 -169
- package/dist/primitives/_internal/react-portal.js +1 -1
- package/dist/primitives/_internal/react-primitive.js +1 -1
- package/dist/primitives/_internal/react-use-size.js +8 -8
- package/dist/primitives/react-slot.js +12 -12
- package/dist/shell/app-command-palette.d.ts +3 -1
- package/dist/shell/app-command-palette.d.ts.map +1 -1
- package/dist/shell/app-command-palette.js +35 -34
- package/dist/shell/bottom-navbar.d.ts.map +1 -1
- package/dist/shell/bottom-navbar.js +31 -31
- package/dist/shell/index.d.ts +1 -1
- package/dist/shell/index.d.ts.map +1 -1
- package/dist/shell/notification-center.d.ts +10 -0
- package/dist/shell/notification-center.d.ts.map +1 -1
- package/dist/shell/notification-center.js +129 -117
- package/dist/shell/top-bar.d.ts +20 -0
- package/dist/shell/top-bar.d.ts.map +1 -1
- package/dist/shell/top-bar.js +100 -70
- package/dist/tailwind/index.cjs +3 -0
- package/dist/tailwind/preset.d.ts.map +1 -1
- package/dist/tailwind/preset.js +3 -0
- package/dist/tokens/semantic.css +10 -1
- package/dist/ui/alert.js +42 -63
- package/dist/ui/avatar.js +20 -62
- package/dist/ui/badge.d.ts +1 -1
- package/dist/ui/badge.d.ts.map +1 -1
- package/dist/ui/badge.js +89 -112
- package/dist/ui/banner.js +12 -12
- package/dist/ui/button-group.js +14 -29
- package/dist/ui/button.js +64 -108
- package/dist/ui/card.js +18 -62
- package/dist/ui/checkbox.js +1 -21
- package/dist/ui/chip.d.ts.map +1 -1
- package/dist/ui/chip.js +1 -1
- package/dist/ui/color-input.d.ts +17 -0
- package/dist/ui/color-input.d.ts.map +1 -0
- package/dist/ui/color-input.js +88 -0
- package/dist/ui/combobox.d.ts +20 -11
- package/dist/ui/combobox.d.ts.map +1 -1
- package/dist/ui/dialog.js +9 -9
- package/dist/ui/form.js +14 -35
- package/dist/ui/index.d.ts +1 -0
- package/dist/ui/index.d.ts.map +1 -1
- package/dist/ui/index.js +314 -312
- package/dist/ui/input.d.ts.map +1 -1
- package/dist/ui/input.js +31 -56
- package/dist/ui/label.js +1 -15
- package/dist/ui/number-input.d.ts.map +1 -1
- package/dist/ui/number-input.js +39 -35
- package/dist/ui/popover.js +6 -6
- package/dist/ui/separator.js +4 -19
- package/dist/ui/sheet.js +21 -21
- package/dist/ui/spinner.js +1 -36
- package/dist/ui/switch.js +1 -20
- package/dist/ui/tabs.js +20 -47
- package/dist/ui/textarea.d.ts.map +1 -1
- package/dist/ui/textarea.js +30 -24
- package/dist/ui/toast.js +18 -18
- package/dist/ui/tooltip.js +6 -17
- package/llms-full.txt +123 -13
- package/llms.txt +9 -6
- package/package.json +80 -11
|
@@ -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
|
+
};
|