1"use strict"; 2(self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([[8256],{ 3 4/***/ 28455: 5/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { 6 7/* harmony export */ __webpack_require__.d(__webpack_exports__, { 8/* harmony export */ LC: () => (/* binding */ $efa000751917694d$export$2e2bcd8739ae039) 9/* harmony export */ }); 10/* unused harmony exports Emoji, FrequentlyUsed, SafeFlags, SearchIndex, Store, init, Data, I18n, getEmojiDataFromNative */
vendor: 97,602 bytes, lines 11-1817
11function $parcel$interopDefault(a) { 12 return a && a.__esModule ? a.default : a; 13} 14function $c770c458706daa72$export$2e2bcd8739ae039(obj, key, value) { 15 if (key in obj) Object.defineProperty(obj, key, { 16 value: value, 17 enumerable: true, 18 configurable: true, 19 writable: true 20 }); 21 else obj[key] = value; 22 return obj; 23} 24 25 26var $fb96b826c0c5f37a$var$n, $fb96b826c0c5f37a$export$41c562ebe57d11e2, $fb96b826c0c5f37a$var$u, $fb96b826c0c5f37a$export$a8257692ac88316c, $fb96b826c0c5f37a$var$t, $fb96b826c0c5f37a$var$r, $fb96b826c0c5f37a$var$o, $fb96b826c0c5f37a$var$f, $fb96b826c0c5f37a$var$e = {}, $fb96b826c0c5f37a$var$c = [], $fb96b826c0c5f37a$var$s = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i; 27function $fb96b826c0c5f37a$var$a(n1, l1) { 28 for(var u1 in l1)n1[u1] = l1[u1]; 29 return n1; 30} 31function $fb96b826c0c5f37a$var$h(n2) { 32 var l2 = n2.parentNode; 33 l2 && l2.removeChild(n2); 34} 35function $fb96b826c0c5f37a$export$c8a8987d4410bf2d(l3, u2, i1) { 36 var t1, r1, o1, f1 = {}; 37 for(o1 in u2)"key" == o1 ? t1 = u2[o1] : "ref" == o1 ? r1 = u2[o1] : f1[o1] = u2[o1]; 38 if (arguments.length > 2 && (f1.children = arguments.length > 3 ? $fb96b826c0c5f37a$var$n.call(arguments, 2) : i1), "function" == typeof l3 && null != l3.defaultProps) for(o1 in l3.defaultProps)void 0 === f1[o1] && (f1[o1] = l3.defaultProps[o1]); 39 return $fb96b826c0c5f37a$var$y(l3, f1, t1, r1, null); 40} 41function $fb96b826c0c5f37a$var$y(n3, i2, t2, r2, o2) { 42 var f2 = { 43 type: n3, 44 props: i2, 45 key: t2, 46 ref: r2, 47 __k: null, 48 __: null, 49 __b: 0, 50 __e: null, 51 __d: void 0, 52 __c: null, 53 __h: null, 54 constructor: void 0, 55 __v: null == o2 ? ++$fb96b826c0c5f37a$var$u : o2 56 }; 57 return null == o2 && null != $fb96b826c0c5f37a$export$41c562ebe57d11e2.vnode && $fb96b826c0c5f37a$export$41c562ebe57d11e2.vnode(f2), f2; 58} 59function $fb96b826c0c5f37a$export$7d1e3a5e95ceca43() { 60 return { 61 current: null 62 }; 63} 64function $fb96b826c0c5f37a$export$ffb0004e005737fa(n4) { 65 return n4.children; 66} 67function $fb96b826c0c5f37a$export$16fa2f45be04daa8(n5, l4) { 68 this.props = n5, this.context = l4; 69} 70function $fb96b826c0c5f37a$var$k(n6, l5) { 71 if (null == l5) return n6.__ ? $fb96b826c0c5f37a$var$k(n6.__, n6.__.__k.indexOf(n6) + 1) : null; 72 for(var u3; l5 < n6.__k.length; l5++)if (null != (u3 = n6.__k[l5]) && null != u3.__e) return u3.__e; 73 return "function" == typeof n6.type ? $fb96b826c0c5f37a$var$k(n6) : null; 74} 75function $fb96b826c0c5f37a$var$b(n7) { 76 var l6, u4; 77 if (null != (n7 = n7.__) && null != n7.__c) { 78 for(n7.__e = n7.__c.base = null, l6 = 0; l6 < n7.__k.length; l6++)if (null != (u4 = n7.__k[l6]) && null != u4.__e) { 79 n7.__e = n7.__c.base = u4.__e; 80 break; 81 } 82 return $fb96b826c0c5f37a$var$b(n7); 83 } 84} 85function $fb96b826c0c5f37a$var$m(n8) { 86 (!n8.__d && (n8.__d = !0) && $fb96b826c0c5f37a$var$t.push(n8) && !$fb96b826c0c5f37a$var$g.__r++ || $fb96b826c0c5f37a$var$o !== $fb96b826c0c5f37a$export$41c562ebe57d11e2.debounceRendering) && (($fb96b826c0c5f37a$var$o = $fb96b826c0c5f37a$export$41c562ebe57d11e2.debounceRendering) || $fb96b826c0c5f37a$var$r)($fb96b826c0c5f37a$var$g); 87} 88function $fb96b826c0c5f37a$var$g() { 89 for(var n9; $fb96b826c0c5f37a$var$g.__r = $fb96b826c0c5f37a$var$t.length;)n9 = $fb96b826c0c5f37a$var$t.sort(function(n10, l7) { 90 return n10.__v.__b - l7.__v.__b; 91 }), $fb96b826c0c5f37a$var$t = [], n9.some(function(n11) { 92 var l8, u5, i3, t3, r3, o3; 93 n11.__d && (r3 = (t3 = (l8 = n11).__v).__e, (o3 = l8.__P) && (u5 = [], (i3 = $fb96b826c0c5f37a$var$a({}, t3)).__v = t3.__v + 1, $fb96b826c0c5f37a$var$j(o3, t3, i3, l8.__n, void 0 !== o3.ownerSVGElement, null != t3.__h ? [ 94 r3 95 ] : null, u5, null == r3 ? $fb96b826c0c5f37a$var$k(t3) : r3, t3.__h), $fb96b826c0c5f37a$var$z(u5, t3), t3.__e != r3 && $fb96b826c0c5f37a$var$b(t3))); 96 }); 97} 98function $fb96b826c0c5f37a$var$w(n12, l9, u6, i4, t4, r4, o4, f3, s1, a1) { 99 var h1, v1, p1, _1, b1, m1, g1, w1 = i4 && i4.__k || $fb96b826c0c5f37a$var$c, A1 = w1.length; 100 for(u6.__k = [], h1 = 0; h1 < l9.length; h1++)if (null != (_1 = u6.__k[h1] = null == (_1 = l9[h1]) || "boolean" == typeof _1 ? null : "string" == typeof _1 || "number" == typeof _1 || "bigint" == typeof _1 ? $fb96b826c0c5f37a$var$y(null, _1, null, null, _1) : Array.isArray(_1) ? $fb96b826c0c5f37a$var$y($fb96b826c0c5f37a$export$ffb0004e005737fa, { 101 children: _1 102 }, null, null, null) : _1.__b > 0 ? $fb96b826c0c5f37a$var$y(_1.type, _1.props, _1.key, null, _1.__v) : _1)) { 103 if (_1.__ = u6, _1.__b = u6.__b + 1, null === (p1 = w1[h1]) || p1 && _1.key == p1.key && _1.type === p1.type) w1[h1] = void 0; 104 else for(v1 = 0; v1 < A1; v1++){ 105 if ((p1 = w1[v1]) && _1.key == p1.key && _1.type === p1.type) { 106 w1[v1] = void 0; 107 break; 108 } 109 p1 = null; 110 } 111 $fb96b826c0c5f37a$var$j(n12, _1, p1 = p1 || $fb96b826c0c5f37a$var$e, t4, r4, o4, f3, s1, a1), b1 = _1.__e, (v1 = _1.ref) && p1.ref != v1 && (g1 || (g1 = []), p1.ref && g1.push(p1.ref, null, _1), g1.push(v1, _1.__c || b1, _1)), null != b1 ? (null == m1 && (m1 = b1), "function" == typeof _1.type && _1.__k === p1.__k ? _1.__d = s1 = $fb96b826c0c5f37a$var$x(_1, s1, n12) : s1 = $fb96b826c0c5f37a$var$P(n12, _1, p1, w1, b1, s1), "function" == typeof u6.type && (u6.__d = s1)) : s1 && p1.__e == s1 && s1.parentNode != n12 && (s1 = $fb96b826c0c5f37a$var$k(p1)); 112 } 113 for(u6.__e = m1, h1 = A1; h1--;)null != w1[h1] && ("function" == typeof u6.type && null != w1[h1].__e && w1[h1].__e == u6.__d && (u6.__d = $fb96b826c0c5f37a$var$k(i4, h1 + 1)), $fb96b826c0c5f37a$var$N(w1[h1], w1[h1])); 114 if (g1) for(h1 = 0; h1 < g1.length; h1++)$fb96b826c0c5f37a$var$M(g1[h1], g1[++h1], g1[++h1]); 115} 116function $fb96b826c0c5f37a$var$x(n13, l10, u7) { 117 for(var i5, t5 = n13.__k, r5 = 0; t5 && r5 < t5.length; r5++)(i5 = t5[r5]) && (i5.__ = n13, l10 = "function" == typeof i5.type ? $fb96b826c0c5f37a$var$x(i5, l10, u7) : $fb96b826c0c5f37a$var$P(u7, i5, i5, t5, i5.__e, l10)); 118 return l10; 119} 120function $fb96b826c0c5f37a$export$47e4c5b300681277(n14, l11) { 121 return l11 = l11 || [], null == n14 || "boolean" == typeof n14 || (Array.isArray(n14) ? n14.some(function(n15) { 122 $fb96b826c0c5f37a$export$47e4c5b300681277(n15, l11); 123 }) : l11.push(n14)), l11; 124} 125function $fb96b826c0c5f37a$var$P(n16, l12, u8, i6, t6, r6) { 126 var o5, f4, e1; 127 if (void 0 !== l12.__d) o5 = l12.__d, l12.__d = void 0; 128 else if (null == u8 || t6 != r6 || null == t6.parentNode) n: if (null == r6 || r6.parentNode !== n16) n16.appendChild(t6), o5 = null; 129 else { 130 for(f4 = r6, e1 = 0; (f4 = f4.nextSibling) && e1 < i6.length; e1 += 2)if (f4 == t6) break n; 131 n16.insertBefore(t6, r6), o5 = r6; 132 } 133 return void 0 !== o5 ? o5 : t6.nextSibling; 134} 135function $fb96b826c0c5f37a$var$C(n17, l13, u9, i7, t7) { 136 var r7; 137 for(r7 in u9)"children" === r7 || "key" === r7 || r7 in l13 || $fb96b826c0c5f37a$var$H(n17, r7, null, u9[r7], i7); 138 for(r7 in l13)t7 && "function" != typeof l13[r7] || "children" === r7 || "key" === r7 || "value" === r7 || "checked" === r7 || u9[r7] === l13[r7] || $fb96b826c0c5f37a$var$H(n17, r7, l13[r7], u9[r7], i7); 139} 140function $fb96b826c0c5f37a$var$$(n18, l14, u10) { 141 "-" === l14[0] ? n18.setProperty(l14, u10) : n18[l14] = null == u10 ? "" : "number" != typeof u10 || $fb96b826c0c5f37a$var$s.test(l14) ? u10 : u10 + "px"; 142} 143function $fb96b826c0c5f37a$var$H(n19, l15, u11, i8, t8) { 144 var r8; 145 n: if ("style" === l15) { 146 if ("string" == typeof u11) n19.style.cssText = u11; 147 else { 148 if ("string" == typeof i8 && (n19.style.cssText = i8 = ""), i8) for(l15 in i8)u11 && l15 in u11 || $fb96b826c0c5f37a$var$$(n19.style, l15, ""); 149 if (u11) for(l15 in u11)i8 && u11[l15] === i8[l15] || $fb96b826c0c5f37a$var$$(n19.style, l15, u11[l15]); 150 } 151 } else if ("o" === l15[0] && "n" === l15[1]) r8 = l15 !== (l15 = l15.replace(/Capture$/, "")), l15 = l15.toLowerCase() in n19 ? l15.toLowerCase().slice(2) : l15.slice(2), n19.l || (n19.l = {}), n19.l[l15 + r8] = u11, u11 ? i8 || n19.addEventListener(l15, r8 ? $fb96b826c0c5f37a$var$T : $fb96b826c0c5f37a$var$I, r8) : n19.removeEventListener(l15, r8 ? $fb96b826c0c5f37a$var$T : $fb96b826c0c5f37a$var$I, r8); 152 else if ("dangerouslySetInnerHTML" !== l15) { 153 if (t8) l15 = l15.replace(/xlink[H:h]/, "h").replace(/sName$/, "s"); 154 else if ("href" !== l15 && "list" !== l15 && "form" !== l15 && "tabIndex" !== l15 && "download" !== l15 && l15 in n19) try { 155 n19[l15] = null == u11 ? "" : u11; 156 break n; 157 } catch (n) {} 158 "function" == typeof u11 || (null != u11 && (!1 !== u11 || "a" === l15[0] && "r" === l15[1]) ? n19.setAttribute(l15, u11) : n19.removeAttribute(l15)); 159 } 160} 161function $fb96b826c0c5f37a$var$I(n20) { 162 this.l[n20.type + !1]($fb96b826c0c5f37a$export$41c562ebe57d11e2.event ? $fb96b826c0c5f37a$export$41c562ebe57d11e2.event(n20) : n20); 163} 164function $fb96b826c0c5f37a$var$T(n21) { 165 this.l[n21.type + !0]($fb96b826c0c5f37a$export$41c562ebe57d11e2.event ? $fb96b826c0c5f37a$export$41c562ebe57d11e2.event(n21) : n21); 166} 167function $fb96b826c0c5f37a$var$j(n22, u12, i9, t9, r9, o6, f5, e2, c1) { 168 var s2, h2, v2, y1, p2, k1, b2, m2, g2, x1, A2, P1 = u12.type; 169 if (void 0 !== u12.constructor) return null; 170 null != i9.__h && (c1 = i9.__h, e2 = u12.__e = i9.__e, u12.__h = null, o6 = [ 171 e2 172 ]), (s2 = $fb96b826c0c5f37a$export$41c562ebe57d11e2.__b) && s2(u12); 173 try { 174 n: if ("function" == typeof P1) { 175 if (m2 = u12.props, g2 = (s2 = P1.contextType) && t9[s2.__c], x1 = s2 ? g2 ? g2.props.value : s2.__ : t9, i9.__c ? b2 = (h2 = u12.__c = i9.__c).__ = h2.__E : ("prototype" in P1 && P1.prototype.render ? u12.__c = h2 = new P1(m2, x1) : (u12.__c = h2 = new $fb96b826c0c5f37a$export$16fa2f45be04daa8(m2, x1), h2.constructor = P1, h2.render = $fb96b826c0c5f37a$var$O), g2 && g2.sub(h2), h2.props = m2, h2.state || (h2.state = {}), h2.context = x1, h2.__n = t9, v2 = h2.__d = !0, h2.__h = []), null == h2.__s && (h2.__s = h2.state), null != P1.getDerivedStateFromProps && (h2.__s == h2.state && (h2.__s = $fb96b826c0c5f37a$var$a({}, h2.__s)), $fb96b826c0c5f37a$var$a(h2.__s, P1.getDerivedStateFromProps(m2, h2.__s))), y1 = h2.props, p2 = h2.state, v2) null == P1.getDerivedStateFromProps && null != h2.componentWillMount && h2.componentWillMount(), null != h2.componentDidMount && h2.__h.push(h2.componentDidMount); 176 else { 177 if (null == P1.getDerivedStateFromProps && m2 !== y1 && null != h2.componentWillReceiveProps && h2.componentWillReceiveProps(m2, x1), !h2.__e && null != h2.shouldComponentUpdate && !1 === h2.shouldComponentUpdate(m2, h2.__s, x1) || u12.__v === i9.__v) { 178 h2.props = m2, h2.state = h2.__s, u12.__v !== i9.__v && (h2.__d = !1), h2.__v = u12, u12.__e = i9.__e, u12.__k = i9.__k, u12.__k.forEach(function(n23) { 179 n23 && (n23.__ = u12); 180 }), h2.__h.length && f5.push(h2); 181 break n; 182 } 183 null != h2.componentWillUpdate && h2.componentWillUpdate(m2, h2.__s, x1), null != h2.componentDidUpdate && h2.__h.push(function() { 184 h2.componentDidUpdate(y1, p2, k1); 185 }); 186 } 187 h2.context = x1, h2.props = m2, h2.state = h2.__s, (s2 = $fb96b826c0c5f37a$export$41c562ebe57d11e2.__r) && s2(u12), h2.__d = !1, h2.__v = u12, h2.__P = n22, s2 = h2.render(h2.props, h2.state, h2.context), h2.state = h2.__s, null != h2.getChildContext && (t9 = $fb96b826c0c5f37a$var$a($fb96b826c0c5f37a$var$a({}, t9), h2.getChildContext())), v2 || null == h2.getSnapshotBeforeUpdate || (k1 = h2.getSnapshotBeforeUpdate(y1, p2)), A2 = null != s2 && s2.type === $fb96b826c0c5f37a$export$ffb0004e005737fa && null == s2.key ? s2.props.children : s2, $fb96b826c0c5f37a$var$w(n22, Array.isArray(A2) ? A2 : [ 188 A2 189 ], u12, i9, t9, r9, o6, f5, e2, c1), h2.base = u12.__e, u12.__h = null, h2.__h.length && f5.push(h2), b2 && (h2.__E = h2.__ = null), h2.__e = !1; 190 } else null == o6 && u12.__v === i9.__v ? (u12.__k = i9.__k, u12.__e = i9.__e) : u12.__e = $fb96b826c0c5f37a$var$L(i9.__e, u12, i9, t9, r9, o6, f5, c1); 191 (s2 = $fb96b826c0c5f37a$export$41c562ebe57d11e2.diffed) && s2(u12); 192 } catch (n24) { 193 u12.__v = null, (c1 || null != o6) && (u12.__e = e2, u12.__h = !!c1, o6[o6.indexOf(e2)] = null), $fb96b826c0c5f37a$export$41c562ebe57d11e2.__e(n24, u12, i9); 194 } 195} 196function $fb96b826c0c5f37a$var$z(n25, u13) { 197 $fb96b826c0c5f37a$export$41c562ebe57d11e2.__c && $fb96b826c0c5f37a$export$41c562ebe57d11e2.__c(u13, n25), n25.some(function(u14) { 198 try { 199 n25 = u14.__h, u14.__h = [], n25.some(function(n26) { 200 n26.call(u14); 201 }); 202 } catch (n27) { 203 $fb96b826c0c5f37a$export$41c562ebe57d11e2.__e(n27, u14.__v); 204 } 205 }); 206} 207function $fb96b826c0c5f37a$var$L(l16, u15, i10, t10, r10, o7, f6, c2) { 208 var s3, a2, v3, y2 = i10.props, p3 = u15.props, d1 = u15.type, _2 = 0; 209 if ("svg" === d1 && (r10 = !0), null != o7) { 210 for(; _2 < o7.length; _2++)if ((s3 = o7[_2]) && "setAttribute" in s3 == !!d1 && (d1 ? s3.localName === d1 : 3 === s3.nodeType)) { 211 l16 = s3, o7[_2] = null; 212 break; 213 } 214 } 215 if (null == l16) { 216 if (null === d1) return document.createTextNode(p3); 217 l16 = r10 ? document.createElementNS("http://www.w3.org/2000/svg", d1) : document.createElement(d1, p3.is && p3), o7 = null, c2 = !1; 218 } 219 if (null === d1) y2 === p3 || c2 && l16.data === p3 || (l16.data = p3); 220 else { 221 if (o7 = o7 && $fb96b826c0c5f37a$var$n.call(l16.childNodes), a2 = (y2 = i10.props || $fb96b826c0c5f37a$var$e).dangerouslySetInnerHTML, v3 = p3.dangerouslySetInnerHTML, !c2) { 222 if (null != o7) for(y2 = {}, _2 = 0; _2 < l16.attributes.length; _2++)y2[l16.attributes[_2].name] = l16.attributes[_2].value; 223 (v3 || a2) && (v3 && (a2 && v3.__html == a2.__html || v3.__html === l16.innerHTML) || (l16.innerHTML = v3 && v3.__html || "")); 224 } 225 if ($fb96b826c0c5f37a$var$C(l16, p3, y2, r10, c2), v3) u15.__k = []; 226 else if (_2 = u15.props.children, $fb96b826c0c5f37a$var$w(l16, Array.isArray(_2) ? _2 : [ 227 _2 228 ], u15, i10, t10, r10 && "foreignObject" !== d1, o7, f6, o7 ? o7[0] : i10.__k && $fb96b826c0c5f37a$var$k(i10, 0), c2), null != o7) for(_2 = o7.length; _2--;)null != o7[_2] && $fb96b826c0c5f37a$var$h(o7[_2]); 229 c2 || ("value" in p3 && void 0 !== (_2 = p3.value) && (_2 !== y2.value || _2 !== l16.value || "progress" === d1 && !_2) && $fb96b826c0c5f37a$var$H(l16, "value", _2, y2.value, !1), "checked" in p3 && void 0 !== (_2 = p3.checked) && _2 !== l16.checked && $fb96b826c0c5f37a$var$H(l16, "checked", _2, y2.checked, !1)); 230 } 231 return l16; 232} 233function $fb96b826c0c5f37a$var$M(n28, u16, i11) { 234 try { 235 "function" == typeof n28 ? n28(u16) : n28.current = u16; 236 } catch (n29) { 237 $fb96b826c0c5f37a$export$41c562ebe57d11e2.__e(n29, i11); 238 } 239} 240function $fb96b826c0c5f37a$var$N(n30, u17, i12) { 241 var t11, r11; 242 if ($fb96b826c0c5f37a$export$41c562ebe57d11e2.unmount && $fb96b826c0c5f37a$export$41c562ebe57d11e2.unmount(n30), (t11 = n30.ref) && (t11.current && t11.current !== n30.__e || $fb96b826c0c5f37a$var$M(t11, null, u17)), null != (t11 = n30.__c)) { 243 if (t11.componentWillUnmount) try { 244 t11.componentWillUnmount(); 245 } catch (n31) { 246 $fb96b826c0c5f37a$export$41c562ebe57d11e2.__e(n31, u17); 247 } 248 t11.base = t11.__P = null; 249 } 250 if (t11 = n30.__k) for(r11 = 0; r11 < t11.length; r11++)t11[r11] && $fb96b826c0c5f37a$var$N(t11[r11], u17, "function" != typeof n30.type); 251 i12 || null == n30.__e || $fb96b826c0c5f37a$var$h(n30.__e), n30.__e = n30.__d = void 0; 252} 253function $fb96b826c0c5f37a$var$O(n32, l, u18) { 254 return this.constructor(n32, u18); 255} 256function $fb96b826c0c5f37a$export$b3890eb0ae9dca99(u19, i13, t12) { 257 var r12, o8, f7; 258 $fb96b826c0c5f37a$export$41c562ebe57d11e2.__ && $fb96b826c0c5f37a$export$41c562ebe57d11e2.__(u19, i13), o8 = (r12 = "function" == typeof t12) ? null : t12 && t12.__k || i13.__k, f7 = [], $fb96b826c0c5f37a$var$j(i13, u19 = (!r12 && t12 || i13).__k = $fb96b826c0c5f37a$export$c8a8987d4410bf2d($fb96b826c0c5f37a$export$ffb0004e005737fa, null, [ 259 u19 260 ]), o8 || $fb96b826c0c5f37a$var$e, $fb96b826c0c5f37a$var$e, void 0 !== i13.ownerSVGElement, !r12 && t12 ? [ 261 t12 262 ] : o8 ? null : i13.firstChild ? $fb96b826c0c5f37a$var$n.call(i13.childNodes) : null, f7, !r12 && t12 ? t12 : o8 ? o8.__e : i13.firstChild, r12), $fb96b826c0c5f37a$var$z(f7, u19); 263} 264function $fb96b826c0c5f37a$export$fa8d919ba61d84db(n33, l17) { 265 $fb96b826c0c5f37a$export$b3890eb0ae9dca99(n33, l17, $fb96b826c0c5f37a$export$fa8d919ba61d84db); 266} 267function $fb96b826c0c5f37a$export$e530037191fcd5d7(l18, u20, i14) { 268 var t13, r13, o9, f8 = $fb96b826c0c5f37a$var$a({}, l18.props); 269 for(o9 in u20)"key" == o9 ? t13 = u20[o9] : "ref" == o9 ? r13 = u20[o9] : f8[o9] = u20[o9]; 270 return arguments.length > 2 && (f8.children = arguments.length > 3 ? $fb96b826c0c5f37a$var$n.call(arguments, 2) : i14), $fb96b826c0c5f37a$var$y(l18.type, f8, t13 || l18.key, r13 || l18.ref, null); 271} 272function $fb96b826c0c5f37a$export$fd42f52fd3ae1109(n34, l19) { 273 var u21 = { 274 __c: l19 = "__cC" + $fb96b826c0c5f37a$var$f++, 275 __: n34, 276 Consumer: function(n35, l20) { 277 return n35.children(l20); 278 }, 279 Provider: function(n36) { 280 var u22, i15; 281 return this.getChildContext || (u22 = [], (i15 = {})[l19] = this, this.getChildContext = function() { 282 return i15; 283 }, this.shouldComponentUpdate = function(n37) { 284 this.props.value !== n37.value && u22.some($fb96b826c0c5f37a$var$m); 285 }, this.sub = function(n38) { 286 u22.push(n38); 287 var l21 = n38.componentWillUnmount; 288 n38.componentWillUnmount = function() { 289 u22.splice(u22.indexOf(n38), 1), l21 && l21.call(n38); 290 }; 291 }), n36.children; 292 } 293 }; 294 return u21.Provider.__ = u21.Consumer.contextType = u21; 295} 296$fb96b826c0c5f37a$var$n = $fb96b826c0c5f37a$var$c.slice, $fb96b826c0c5f37a$export$41c562ebe57d11e2 = { 297 __e: function(n39, l22) { 298 for(var u23, i16, t14; l22 = l22.__;)if ((u23 = l22.__c) && !u23.__) try { 299 if ((i16 = u23.constructor) && null != i16.getDerivedStateFromError && (u23.setState(i16.getDerivedStateFromError(n39)), t14 = u23.__d), null != u23.componentDidCatch && (u23.componentDidCatch(n39), t14 = u23.__d), t14) return u23.__E = u23; 300 } catch (l23) { 301 n39 = l23; 302 } 303 throw n39; 304 } 305}, $fb96b826c0c5f37a$var$u = 0, $fb96b826c0c5f37a$export$a8257692ac88316c = function(n40) { 306 return null != n40 && void 0 === n40.constructor; 307}, $fb96b826c0c5f37a$export$16fa2f45be04daa8.prototype.setState = function(n41, l24) { 308 var u24; 309 u24 = null != this.__s && this.__s !== this.state ? this.__s : this.__s = $fb96b826c0c5f37a$var$a({}, this.state), "function" == typeof n41 && (n41 = n41($fb96b826c0c5f37a$var$a({}, u24), this.props)), n41 && $fb96b826c0c5f37a$var$a(u24, n41), null != n41 && this.__v && (l24 && this.__h.push(l24), $fb96b826c0c5f37a$var$m(this)); 310}, $fb96b826c0c5f37a$export$16fa2f45be04daa8.prototype.forceUpdate = function(n42) { 311 this.__v && (this.__e = !0, n42 && this.__h.push(n42), $fb96b826c0c5f37a$var$m(this)); 312}, $fb96b826c0c5f37a$export$16fa2f45be04daa8.prototype.render = $fb96b826c0c5f37a$export$ffb0004e005737fa, $fb96b826c0c5f37a$var$t = [], $fb96b826c0c5f37a$var$r = "function" == typeof Promise ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, $fb96b826c0c5f37a$var$g.__r = 0, $fb96b826c0c5f37a$var$f = 0; 313 314 315 316var $bd9dd35321b03dd4$var$o = 0; 317function $bd9dd35321b03dd4$export$34b9dba7ce09269b(_1, e1, n, t, f) { 318 var l, s, u = {}; 319 for(s in e1)"ref" == s ? l = e1[s] : u[s] = e1[s]; 320 var a = { 321 type: _1, 322 props: u, 323 key: n, 324 ref: l, 325 __k: null, 326 __: null, 327 __b: 0, 328 __e: null, 329 __d: void 0, 330 __c: null, 331 __h: null, 332 constructor: void 0, 333 __v: --$bd9dd35321b03dd4$var$o, 334 __source: t, 335 __self: f 336 }; 337 if ("function" == typeof _1 && (l = _1.defaultProps)) for(s in l)void 0 === u[s] && (u[s] = l[s]); 338 return (0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).vnode && (0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).vnode(a), a; 339} 340 341 342 343function $f72b75cf796873c7$var$set(key, value) { 344 try { 345 window.localStorage[`emoji-mart.${key}`] = JSON.stringify(value); 346 } catch (error) {} 347} 348function $f72b75cf796873c7$var$get(key) { 349 try { 350 const value = window.localStorage[`emoji-mart.${key}`]; 351 if (value) return JSON.parse(value); 352 } catch (error) {} 353} 354var $f72b75cf796873c7$export$2e2bcd8739ae039 = { 355 set: $f72b75cf796873c7$var$set, 356 get: $f72b75cf796873c7$var$get 357}; 358 359 360const $c84d045dcc34faf5$var$CACHE = new Map(); 361const $c84d045dcc34faf5$var$VERSIONS = [ 362 { 363 v: 15, 364 emoji: "\uD83E\uDEE8" 365 }, 366 { 367 v: 14, 368 emoji: "\uD83E\uDEE0" 369 }, 370 { 371 v: 13.1, 372 emoji: "\uD83D\uDE36\u200D\uD83C\uDF2B\uFE0F" 373 }, 374 { 375 v: 13, 376 emoji: "\uD83E\uDD78" 377 }, 378 { 379 v: 12.1, 380 emoji: "\uD83E\uDDD1\u200D\uD83E\uDDB0" 381 }, 382 { 383 v: 12, 384 emoji: "\uD83E\uDD71" 385 }, 386 { 387 v: 11, 388 emoji: "\uD83E\uDD70" 389 }, 390 { 391 v: 5, 392 emoji: "\uD83E\uDD29" 393 }, 394 { 395 v: 4, 396 emoji: "\uD83D\uDC71\u200D\u2640\uFE0F" 397 }, 398 { 399 v: 3, 400 emoji: "\uD83E\uDD23" 401 }, 402 { 403 v: 2, 404 emoji: "\uD83D\uDC4B\uD83C\uDFFB" 405 }, 406 { 407 v: 1, 408 emoji: "\uD83D\uDE43" 409 }, 410]; 411function $c84d045dcc34faf5$var$latestVersion() { 412 for (const { v: v , emoji: emoji } of $c84d045dcc34faf5$var$VERSIONS){ 413 if ($c84d045dcc34faf5$var$isSupported(emoji)) return v; 414 } 415} 416function $c84d045dcc34faf5$var$noCountryFlags() { 417 if ($c84d045dcc34faf5$var$isSupported("\uD83C\uDDE8\uD83C\uDDE6")) return false; 418 return true; 419} 420function $c84d045dcc34faf5$var$isSupported(emoji) { 421 if ($c84d045dcc34faf5$var$CACHE.has(emoji)) return $c84d045dcc34faf5$var$CACHE.get(emoji); 422 const supported = $c84d045dcc34faf5$var$isEmojiSupported(emoji); 423 $c84d045dcc34faf5$var$CACHE.set(emoji, supported); 424 return supported; 425} 426// https://github.com/koala-interactive/is-emoji-supported 427const $c84d045dcc34faf5$var$isEmojiSupported = (()=>{ 428 let ctx = null; 429 try { 430 if (!navigator.userAgent.includes("jsdom")) ctx = document.createElement("canvas").getContext("2d", { 431 willReadFrequently: true 432 }); 433 } catch {} 434 // Not in browser env 435 if (!ctx) return ()=>false; 436 const CANVAS_HEIGHT = 25; 437 const CANVAS_WIDTH = 20; 438 const textSize = Math.floor(CANVAS_HEIGHT / 2); 439 // Initialize convas context 440 ctx.font = textSize + "px Arial, Sans-Serif"; 441 ctx.textBaseline = "top"; 442 ctx.canvas.width = CANVAS_WIDTH * 2; 443 ctx.canvas.height = CANVAS_HEIGHT; 444 return (unicode)=>{ 445 ctx.clearRect(0, 0, CANVAS_WIDTH * 2, CANVAS_HEIGHT); 446 // Draw in red on the left 447 ctx.fillStyle = "#FF0000"; 448 ctx.fillText(unicode, 0, 22); 449 // Draw in blue on right 450 ctx.fillStyle = "#0000FF"; 451 ctx.fillText(unicode, CANVAS_WIDTH, 22); 452 const a = ctx.getImageData(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT).data; 453 const count = a.length; 454 let i = 0; 455 // Search the first visible pixel 456 for(; i < count && !a[i + 3]; i += 4); 457 // No visible pixel 458 if (i >= count) return false; 459 // Emoji has immutable color, so we check the color of the emoji in two different colors 460 // the result show be the same. 461 const x = CANVAS_WIDTH + i / 4 % CANVAS_WIDTH; 462 const y = Math.floor(i / 4 / CANVAS_WIDTH); 463 const b = ctx.getImageData(x, y, 1, 1).data; 464 if (a[i] !== b[0] || a[i + 2] !== b[2]) return false; 465 // Some emojis are a contraction of different ones, so if it's not 466 // supported, it will show multiple characters 467 if (ctx.measureText(unicode).width >= CANVAS_WIDTH) return false; 468 // Supported 469 return true; 470 }; 471})(); 472var $c84d045dcc34faf5$export$2e2bcd8739ae039 = { 473 latestVersion: $c84d045dcc34faf5$var$latestVersion, 474 noCountryFlags: $c84d045dcc34faf5$var$noCountryFlags 475}; 476 477 478 479const $b22cfd0a55410b4f$var$DEFAULTS = [ 480 "+1", 481 "grinning", 482 "kissing_heart", 483 "heart_eyes", 484 "laughing", 485 "stuck_out_tongue_winking_eye", 486 "sweat_smile", 487 "joy", 488 "scream", 489 "disappointed", 490 "unamused", 491 "weary", 492 "sob", 493 "sunglasses", 494 "heart", 495]; 496let $b22cfd0a55410b4f$var$Index = null; 497function $b22cfd0a55410b4f$var$add(emoji) { 498 $b22cfd0a55410b4f$var$Index || ($b22cfd0a55410b4f$var$Index = (0, $f72b75cf796873c7$export$2e2bcd8739ae039).get("frequently") || {}); 499 const emojiId = emoji.id || emoji; 500 if (!emojiId) return; 501 $b22cfd0a55410b4f$var$Index[emojiId] || ($b22cfd0a55410b4f$var$Index[emojiId] = 0); 502 $b22cfd0a55410b4f$var$Index[emojiId] += 1; 503 (0, $f72b75cf796873c7$export$2e2bcd8739ae039).set("last", emojiId); 504 (0, $f72b75cf796873c7$export$2e2bcd8739ae039).set("frequently", $b22cfd0a55410b4f$var$Index); 505} 506function $b22cfd0a55410b4f$var$get({ maxFrequentRows: maxFrequentRows , perLine: perLine }) { 507 if (!maxFrequentRows) return []; 508 $b22cfd0a55410b4f$var$Index || ($b22cfd0a55410b4f$var$Index = (0, $f72b75cf796873c7$export$2e2bcd8739ae039).get("frequently")); 509 let emojiIds = []; 510 if (!$b22cfd0a55410b4f$var$Index) { 511 $b22cfd0a55410b4f$var$Index = {}; 512 for(let i in $b22cfd0a55410b4f$var$DEFAULTS.slice(0, perLine)){ 513 const emojiId = $b22cfd0a55410b4f$var$DEFAULTS[i]; 514 $b22cfd0a55410b4f$var$Index[emojiId] = perLine - i; 515 emojiIds.push(emojiId); 516 } 517 return emojiIds; 518 } 519 const max = maxFrequentRows * perLine; 520 const last = (0, $f72b75cf796873c7$export$2e2bcd8739ae039).get("last"); 521 for(let emojiId in $b22cfd0a55410b4f$var$Index)emojiIds.push(emojiId); 522 emojiIds.sort((a, b)=>{ 523 const aScore = $b22cfd0a55410b4f$var$Index[b]; 524 const bScore = $b22cfd0a55410b4f$var$Index[a]; 525 if (aScore == bScore) return a.localeCompare(b); 526 return aScore - bScore; 527 }); 528 if (emojiIds.length > max) { 529 const removedIds = emojiIds.slice(max); 530 emojiIds = emojiIds.slice(0, max); 531 for (let removedId of removedIds){ 532 if (removedId == last) continue; 533 delete $b22cfd0a55410b4f$var$Index[removedId]; 534 } 535 if (last && emojiIds.indexOf(last) == -1) { 536 delete $b22cfd0a55410b4f$var$Index[emojiIds[emojiIds.length - 1]]; 537 emojiIds.splice(-1, 1, last); 538 } 539 (0, $f72b75cf796873c7$export$2e2bcd8739ae039).set("frequently", $b22cfd0a55410b4f$var$Index); 540 } 541 return emojiIds; 542} 543var $b22cfd0a55410b4f$export$2e2bcd8739ae039 = { 544 add: $b22cfd0a55410b4f$var$add, 545 get: $b22cfd0a55410b4f$var$get, 546 DEFAULTS: $b22cfd0a55410b4f$var$DEFAULTS 547}; 548 549 550var $8d50d93417ef682a$exports = {}; 551$8d50d93417ef682a$exports = JSON.parse('{"search":"Search","search_no_results_1":"Oh no!","search_no_results_2":"That emoji couldn\u2019t be found","pick":"Pick an emoji\u2026","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"}}'); 552 553 554var $b247ea80b67298d5$export$2e2bcd8739ae039 = { 555 autoFocus: { 556 value: false 557 }, 558 dynamicWidth: { 559 value: false 560 }, 561 emojiButtonColors: { 562 value: null 563 }, 564 emojiButtonRadius: { 565 value: "100%" 566 }, 567 emojiButtonSize: { 568 value: 36 569 }, 570 emojiSize: { 571 value: 24 572 }, 573 emojiVersion: { 574 value: 15, 575 choices: [ 576 1, 577 2, 578 3, 579 4, 580 5, 581 11, 582 12, 583 12.1, 584 13, 585 13.1, 586 14, 587 15 588 ] 589 }, 590 exceptEmojis: { 591 value: [] 592 }, 593 icons: { 594 value: "auto", 595 choices: [ 596 "auto", 597 "outline", 598 "solid" 599 ] 600 }, 601 locale: { 602 value: "en", 603 choices: [ 604 "en", 605 "ar", 606 "be", 607 "cs", 608 "de", 609 "es", 610 "fa", 611 "fi", 612 "fr", 613 "hi", 614 "it", 615 "ja", 616 "ko", 617 "nl", 618 "pl", 619 "pt", 620 "ru", 621 "sa", 622 "tr", 623 "uk", 624 "vi", 625 "zh", 626 ] 627 }, 628 maxFrequentRows: { 629 value: 4 630 }, 631 navPosition: { 632 value: "top", 633 choices: [ 634 "top", 635 "bottom", 636 "none" 637 ] 638 }, 639 noCountryFlags: { 640 value: false 641 }, 642 noResultsEmoji: { 643 value: null 644 }, 645 perLine: { 646 value: 9 647 }, 648 previewEmoji: { 649 value: null 650 }, 651 previewPosition: { 652 value: "bottom", 653 choices: [ 654 "top", 655 "bottom", 656 "none" 657 ] 658 }, 659 searchPosition: { 660 value: "sticky", 661 choices: [ 662 "sticky", 663 "static", 664 "none" 665 ] 666 }, 667 set: { 668 value: "native", 669 choices: [ 670 "native", 671 "apple", 672 "facebook", 673 "google", 674 "twitter" 675 ] 676 }, 677 skin: { 678 value: 1, 679 choices: [ 680 1, 681 2, 682 3, 683 4, 684 5, 685 6 686 ] 687 }, 688 skinTonePosition: { 689 value: "preview", 690 choices: [ 691 "preview", 692 "search", 693 "none" 694 ] 695 }, 696 theme: { 697 value: "auto", 698 choices: [ 699 "auto", 700 "light", 701 "dark" 702 ] 703 }, 704 // Data 705 categories: null, 706 categoryIcons: null, 707 custom: null, 708 data: null, 709 i18n: null, 710 // Callbacks 711 getImageURL: null, 712 getSpritesheetURL: null, 713 onAddCustomEmoji: null, 714 onClickOutside: null, 715 onEmojiSelect: null, 716 // Deprecated 717 stickySearch: { 718 deprecated: true, 719 value: true 720 } 721}; 722 723 724 725let $7adb23b0109cc36a$export$dbe3113d60765c1a = null; 726let $7adb23b0109cc36a$export$2d0294657ab35f1b = null; 727const $7adb23b0109cc36a$var$fetchCache = {}; 728async function $7adb23b0109cc36a$var$fetchJSON(src) { 729 if ($7adb23b0109cc36a$var$fetchCache[src]) return $7adb23b0109cc36a$var$fetchCache[src]; 730 const response = await fetch(src); 731 const json = await response.json(); 732 $7adb23b0109cc36a$var$fetchCache[src] = json; 733 return json; 734} 735let $7adb23b0109cc36a$var$promise = null; 736let $7adb23b0109cc36a$var$initiated = false; 737let $7adb23b0109cc36a$var$initCallback = null; 738let $7adb23b0109cc36a$var$initialized = false; 739function $7adb23b0109cc36a$export$2cd8252107eb640b(options, { caller: caller } = {}) { 740 $7adb23b0109cc36a$var$promise || ($7adb23b0109cc36a$var$promise = new Promise((resolve)=>{ 741 $7adb23b0109cc36a$var$initCallback = resolve; 742 })); 743 if (options) $7adb23b0109cc36a$var$_init(options); 744 else if (caller && !$7adb23b0109cc36a$var$initialized) console.warn(`\`${caller}\` requires data to be initialized first. Promise will be pending until \`init\` is called.`); 745 return $7adb23b0109cc36a$var$promise; 746} 747async function $7adb23b0109cc36a$var$_init(props) { 748 $7adb23b0109cc36a$var$initialized = true; 749 let { emojiVersion: emojiVersion , set: set , locale: locale } = props; 750 emojiVersion || (emojiVersion = (0, $b247ea80b67298d5$export$2e2bcd8739ae039).emojiVersion.value); 751 set || (set = (0, $b247ea80b67298d5$export$2e2bcd8739ae039).set.value); 752 locale || (locale = (0, $b247ea80b67298d5$export$2e2bcd8739ae039).locale.value); 753 if (!$7adb23b0109cc36a$export$2d0294657ab35f1b) { 754 $7adb23b0109cc36a$export$2d0294657ab35f1b = (typeof props.data === "function" ? await props.data() : props.data) || await $7adb23b0109cc36a$var$fetchJSON(`https://cdn.jsdelivr.net/npm/@emoji-mart/data@latest/sets/${emojiVersion}/${set}.json`); 755 $7adb23b0109cc36a$export$2d0294657ab35f1b.emoticons = {}; 756 $7adb23b0109cc36a$export$2d0294657ab35f1b.natives = {}; 757 $7adb23b0109cc36a$export$2d0294657ab35f1b.categories.unshift({ 758 id: "frequent", 759 emojis: [] 760 }); 761 for(const alias in $7adb23b0109cc36a$export$2d0294657ab35f1b.aliases){ 762 const emojiId = $7adb23b0109cc36a$export$2d0294657ab35f1b.aliases[alias]; 763 const emoji = $7adb23b0109cc36a$export$2d0294657ab35f1b.emojis[emojiId]; 764 if (!emoji) continue; 765 emoji.aliases || (emoji.aliases = []); 766 emoji.aliases.push(alias); 767 } 768 $7adb23b0109cc36a$export$2d0294657ab35f1b.originalCategories = $7adb23b0109cc36a$export$2d0294657ab35f1b.categories; 769 } else $7adb23b0109cc36a$export$2d0294657ab35f1b.categories = $7adb23b0109cc36a$export$2d0294657ab35f1b.categories.filter((c)=>{ 770 const isCustom = !!c.name; 771 if (!isCustom) return true; 772 return false; 773 }); 774 $7adb23b0109cc36a$export$dbe3113d60765c1a = (typeof props.i18n === "function" ? await props.i18n() : props.i18n) || (locale == "en" ? (0, (/*@__PURE__*/$parcel$interopDefault($8d50d93417ef682a$exports))) : await $7adb23b0109cc36a$var$fetchJSON(`https://cdn.jsdelivr.net/npm/@emoji-mart/data@latest/i18n/${locale}.json`)); 775 if (props.custom) for(let i in props.custom){ 776 i = parseInt(i); 777 const category = props.custom[i]; 778 const prevCategory = props.custom[i - 1]; 779 if (!category.emojis || !category.emojis.length) continue; 780 category.id || (category.id = `custom_${i + 1}`); 781 category.name || (category.name = $7adb23b0109cc36a$export$dbe3113d60765c1a.categories.custom); 782 if (prevCategory && !category.icon) category.target = prevCategory.target || prevCategory; 783 $7adb23b0109cc36a$export$2d0294657ab35f1b.categories.push(category); 784 for (const emoji of category.emojis)$7adb23b0109cc36a$export$2d0294657ab35f1b.emojis[emoji.id] = emoji; 785 } 786 if (props.categories) $7adb23b0109cc36a$export$2d0294657ab35f1b.categories = $7adb23b0109cc36a$export$2d0294657ab35f1b.originalCategories.filter((c)=>{ 787 return props.categories.indexOf(c.id) != -1; 788 }).sort((c1, c2)=>{ 789 const i1 = props.categories.indexOf(c1.id); 790 const i2 = props.categories.indexOf(c2.id); 791 return i1 - i2; 792 }); 793 let latestVersionSupport = null; 794 let noCountryFlags = null; 795 if (set == "native") { 796 latestVersionSupport = (0, $c84d045dcc34faf5$export$2e2bcd8739ae039).latestVersion(); 797 noCountryFlags = props.noCountryFlags || (0, $c84d045dcc34faf5$export$2e2bcd8739ae039).noCountryFlags(); 798 } 799 let categoryIndex = $7adb23b0109cc36a$export$2d0294657ab35f1b.categories.length; 800 let resetSearchIndex = false; 801 while(categoryIndex--){ 802 const category = $7adb23b0109cc36a$export$2d0294657ab35f1b.categories[categoryIndex]; 803 if (category.id == "frequent") { 804 let { maxFrequentRows: maxFrequentRows , perLine: perLine } = props; 805 maxFrequentRows = maxFrequentRows >= 0 ? maxFrequentRows : (0, $b247ea80b67298d5$export$2e2bcd8739ae039).maxFrequentRows.value; 806 perLine || (perLine = (0, $b247ea80b67298d5$export$2e2bcd8739ae039).perLine.value); 807 category.emojis = (0, $b22cfd0a55410b4f$export$2e2bcd8739ae039).get({ 808 maxFrequentRows: maxFrequentRows, 809 perLine: perLine 810 }); 811 } 812 if (!category.emojis || !category.emojis.length) { 813 $7adb23b0109cc36a$export$2d0294657ab35f1b.categories.splice(categoryIndex, 1); 814 continue; 815 } 816 const { categoryIcons: categoryIcons } = props; 817 if (categoryIcons) { 818 const icon = categoryIcons[category.id]; 819 if (icon && !category.icon) category.icon = icon; 820 } 821 let emojiIndex = category.emojis.length; 822 while(emojiIndex--){ 823 const emojiId = category.emojis[emojiIndex]; 824 const emoji = emojiId.id ? emojiId : $7adb23b0109cc36a$export$2d0294657ab35f1b.emojis[emojiId]; 825 const ignore = ()=>{ 826 category.emojis.splice(emojiIndex, 1); 827 }; 828 if (!emoji || props.exceptEmojis && props.exceptEmojis.includes(emoji.id)) { 829 ignore(); 830 continue; 831 } 832 if (latestVersionSupport && emoji.version > latestVersionSupport) { 833 ignore(); 834 continue; 835 } 836 if (noCountryFlags && category.id == "flags") { 837 if (!(0, $e6eae5155b87f591$export$bcb25aa587e9cb13).includes(emoji.id)) { 838 ignore(); 839 continue; 840 } 841 } 842 if (!emoji.search) { 843 resetSearchIndex = true; 844 emoji.search = "," + [ 845 [ 846 emoji.id, 847 false 848 ], 849 [ 850 emoji.name, 851 true 852 ], 853 [ 854 emoji.keywords, 855 false 856 ], 857 [ 858 emoji.emoticons, 859 false 860 ], 861 ].map(([strings, split])=>{ 862 if (!strings) return; 863 return (Array.isArray(strings) ? strings : [ 864 strings 865 ]).map((string)=>{ 866 return (split ? string.split(/[-|_|\s]+/) : [ 867 string 868 ]).map((s)=>s.toLowerCase()); 869 }).flat(); 870 }).flat().filter((a)=>a && a.trim()).join(","); 871 if (emoji.emoticons) for (const emoticon of emoji.emoticons){ 872 if ($7adb23b0109cc36a$export$2d0294657ab35f1b.emoticons[emoticon]) continue; 873 $7adb23b0109cc36a$export$2d0294657ab35f1b.emoticons[emoticon] = emoji.id; 874 } 875 let skinIndex = 0; 876 for (const skin of emoji.skins){ 877 if (!skin) continue; 878 skinIndex++; 879 const { native: native } = skin; 880 if (native) { 881 $7adb23b0109cc36a$export$2d0294657ab35f1b.natives[native] = emoji.id; 882 emoji.search += `,${native}`; 883 } 884 const skinShortcodes = skinIndex == 1 ? "" : `:skin-tone-${skinIndex}:`; 885 skin.shortcodes = `:${emoji.id}:${skinShortcodes}`; 886 } 887 } 888 } 889 } 890 if (resetSearchIndex) (0, $c4d155af13ad4d4b$export$2e2bcd8739ae039).reset(); 891 $7adb23b0109cc36a$var$initCallback(); 892} 893function $7adb23b0109cc36a$export$75fe5f91d452f94b(props, defaultProps, element) { 894 props || (props = {}); 895 const _props = {}; 896 for(let k in defaultProps)_props[k] = $7adb23b0109cc36a$export$88c9ddb45cea7241(k, props, defaultProps, element); 897 return _props; 898} 899function $7adb23b0109cc36a$export$88c9ddb45cea7241(propName, props, defaultProps, element) { 900 const defaults = defaultProps[propName]; 901 let value = element && element.getAttribute(propName) || (props[propName] != null && props[propName] != undefined ? props[propName] : null); 902 if (!defaults) return value; 903 if (value != null && defaults.value && typeof defaults.value != typeof value) { 904 if (typeof defaults.value == "boolean") value = value == "false" ? false : true; 905 else value = defaults.value.constructor(value); 906 } 907 if (defaults.transform && value) value = defaults.transform(value); 908 if (value == null || defaults.choices && defaults.choices.indexOf(value) == -1) value = defaults.value; 909 return value; 910} 911 912 913const $c4d155af13ad4d4b$var$SHORTCODES_REGEX = /^(?:\:([^\:]+)\:)(?:\:skin-tone-(\d)\:)?$/; 914let $c4d155af13ad4d4b$var$Pool = null; 915function $c4d155af13ad4d4b$var$get(emojiId) { 916 if (emojiId.id) return emojiId; 917 return (0, $7adb23b0109cc36a$export$2d0294657ab35f1b).emojis[emojiId] || (0, $7adb23b0109cc36a$export$2d0294657ab35f1b).emojis[(0, $7adb23b0109cc36a$export$2d0294657ab35f1b).aliases[emojiId]] || (0, $7adb23b0109cc36a$export$2d0294657ab35f1b).emojis[(0, $7adb23b0109cc36a$export$2d0294657ab35f1b).natives[emojiId]]; 918} 919function $c4d155af13ad4d4b$var$reset() { 920 $c4d155af13ad4d4b$var$Pool = null; 921} 922async function $c4d155af13ad4d4b$var$search(value, { maxResults: maxResults , caller: caller } = {}) { 923 if (!value || !value.trim().length) return null; 924 maxResults || (maxResults = 90); 925 await (0, $7adb23b0109cc36a$export$2cd8252107eb640b)(null, { 926 caller: caller || "SearchIndex.search" 927 }); 928 const values = value.toLowerCase().replace(/(\w)-/, "$1 ").split(/[\s|,]+/).filter((word, i, words)=>{ 929 return word.trim() && words.indexOf(word) == i; 930 }); 931 if (!values.length) return; 932 let pool = $c4d155af13ad4d4b$var$Pool || ($c4d155af13ad4d4b$var$Pool = Object.values((0, $7adb23b0109cc36a$export$2d0294657ab35f1b).emojis)); 933 let results, scores; 934 for (const value1 of values){ 935 if (!pool.length) break; 936 results = []; 937 scores = {}; 938 for (const emoji of pool){ 939 if (!emoji.search) continue; 940 const score = emoji.search.indexOf(`,${value1}`); 941 if (score == -1) continue; 942 results.push(emoji); 943 scores[emoji.id] || (scores[emoji.id] = 0); 944 scores[emoji.id] += emoji.id == value1 ? 0 : score + 1; 945 } 946 pool = results; 947 } 948 if (results.length < 2) return results; 949 results.sort((a, b)=>{ 950 const aScore = scores[a.id]; 951 const bScore = scores[b.id]; 952 if (aScore == bScore) return a.id.localeCompare(b.id); 953 return aScore - bScore; 954 }); 955 if (results.length > maxResults) results = results.slice(0, maxResults); 956 return results; 957} 958var $c4d155af13ad4d4b$export$2e2bcd8739ae039 = { 959 search: $c4d155af13ad4d4b$var$search, 960 get: $c4d155af13ad4d4b$var$get, 961 reset: $c4d155af13ad4d4b$var$reset, 962 SHORTCODES_REGEX: $c4d155af13ad4d4b$var$SHORTCODES_REGEX 963}; 964 965 966const $e6eae5155b87f591$export$bcb25aa587e9cb13 = [ 967 "checkered_flag", 968 "crossed_flags", 969 "pirate_flag", 970 "rainbow-flag", 971 "transgender_flag", 972 "triangular_flag_on_post", 973 "waving_black_flag", 974 "waving_white_flag", 975]; 976 977 978function $693b183b0a78708f$export$9cb4719e2e525b7a(a, b) { 979 return Array.isArray(a) && Array.isArray(b) && a.length === b.length && a.every((val, index)=>val == b[index]); 980} 981async function $693b183b0a78708f$export$e772c8ff12451969(frames = 1) { 982 for(let _ in [ 983 ...Array(frames).keys() 984 ])await new Promise(requestAnimationFrame); 985} 986function $693b183b0a78708f$export$d10ac59fbe52a745(emoji, { skinIndex: skinIndex = 0 } = {}) { 987 const skin = emoji.skins[skinIndex] || (()=>{ 988 skinIndex = 0; 989 return emoji.skins[skinIndex]; 990 })(); 991 const emojiData = { 992 id: emoji.id, 993 name: emoji.name, 994 native: skin.native, 995 unified: skin.unified, 996 keywords: emoji.keywords, 997 shortcodes: skin.shortcodes || emoji.shortcodes 998 }; 999 if (emoji.skins.length > 1) emojiData.skin = skinIndex + 1; 1000 if (skin.src) emojiData.src = skin.src; 1001 if (emoji.aliases && emoji.aliases.length) emojiData.aliases = emoji.aliases; 1002 if (emoji.emoticons && emoji.emoticons.length) emojiData.emoticons = emoji.emoticons; 1003 return emojiData; 1004} 1005async function $693b183b0a78708f$export$5ef5574deca44bc0(nativeString) { 1006 const results = await (0, $c4d155af13ad4d4b$export$2e2bcd8739ae039).search(nativeString, { 1007 maxResults: 1, 1008 caller: "getEmojiDataFromNative" 1009 }); 1010 if (!results || !results.length) return null; 1011 const emoji = results[0]; 1012 let skinIndex = 0; 1013 for (let skin of emoji.skins){ 1014 if (skin.native == nativeString) break; 1015 skinIndex++; 1016 } 1017 return $693b183b0a78708f$export$d10ac59fbe52a745(emoji, { 1018 skinIndex: skinIndex 1019 }); 1020} 1021 1022 1023 1024 1025 1026const $fcccfb36ed0cde68$var$categories = { 1027 activity: { 1028 outline: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("svg", { 1029 xmlns: "http://www.w3.org/2000/svg", 1030 viewBox: "0 0 24 24", 1031 children: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("path", { 1032 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" 1033 }) 1034 }), 1035 solid: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("svg", { 1036 xmlns: "http://www.w3.org/2000/svg", 1037 viewBox: "0 0 512 512", 1038 children: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("path", { 1039 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" 1040 }) 1041 }) 1042 }, 1043 custom: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("svg", { 1044 xmlns: "http://www.w3.org/2000/svg", 1045 viewBox: "0 0 448 512", 1046 children: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("path", { 1047 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" 1048 }) 1049 }), 1050 flags: { 1051 outline: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("svg", { 1052 xmlns: "http://www.w3.org/2000/svg", 1053 viewBox: "0 0 24 24", 1054 children: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("path", { 1055 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" 1056 }) 1057 }), 1058 solid: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("svg", { 1059 xmlns: "http://www.w3.org/2000/svg", 1060 viewBox: "0 0 512 512", 1061 children: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("path", { 1062 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" 1063 }) 1064 }) 1065 }, 1066 foods: { 1067 outline: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("svg", { 1068 xmlns: "http://www.w3.org/2000/svg", 1069 viewBox: "0 0 24 24", 1070 children: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("path", { 1071 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" 1072 }) 1073 }), 1074 solid: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("svg", { 1075 xmlns: "http://www.w3.org/2000/svg", 1076 viewBox: "0 0 512 512", 1077 children: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("path", { 1078 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" 1079 }) 1080 }) 1081 }, 1082 frequent: { 1083 outline: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("svg", { 1084 xmlns: "http://www.w3.org/2000/svg", 1085 viewBox: "0 0 24 24", 1086 children: [ 1087 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("path", { 1088 d: "M13 4h-2l-.001 7H9v2h2v2h2v-2h4v-2h-4z" 1089 }), 1090 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("path", { 1091 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" 1092 }) 1093 ] 1094 }), 1095 solid: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("svg", { 1096 xmlns: "http://www.w3.org/2000/svg", 1097 viewBox: "0 0 512 512", 1098 children: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("path", { 1099 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" 1100 }) 1101 }) 1102 }, 1103 nature: { 1104 outline: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("svg", { 1105 xmlns: "http://www.w3.org/2000/svg", 1106 viewBox: "0 0 24 24", 1107 children: [ 1108 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("path", { 1109 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" 1110 }), 1111 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("path", { 1112 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" 1113 }) 1114 ] 1115 }), 1116 solid: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("svg", { 1117 xmlns: "http://www.w3.org/2000/svg", 1118 viewBox: "0 0 576 512", 1119 children: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("path", { 1120 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" 1121 }) 1122 }) 1123 }, 1124 objects: { 1125 outline: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("svg", { 1126 xmlns: "http://www.w3.org/2000/svg", 1127 viewBox: "0 0 24 24", 1128 children: [ 1129 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("path", { 1130 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" 1131 }), 1132 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("path", { 1133 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" 1134 }) 1135 ] 1136 }), 1137 solid: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("svg", { 1138 xmlns: "http://www.w3.org/2000/svg", 1139 viewBox: "0 0 384 512", 1140 children: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("path", { 1141 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" 1142 }) 1143 }) 1144 }, 1145 people: { 1146 outline: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("svg", { 1147 xmlns: "http://www.w3.org/2000/svg", 1148 viewBox: "0 0 24 24", 1149 children: [ 1150 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("path", { 1151 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" 1152 }), 1153 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("path", { 1154 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" 1155 }) 1156 ] 1157 }), 1158 solid: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("svg", { 1159 xmlns: "http://www.w3.org/2000/svg", 1160 viewBox: "0 0 512 512", 1161 children: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("path", { 1162 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" 1163 }) 1164 }) 1165 }, 1166 places: { 1167 outline: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("svg", { 1168 xmlns: "http://www.w3.org/2000/svg", 1169 viewBox: "0 0 24 24", 1170 children: [ 1171 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("path", { 1172 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" 1173 }), 1174 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("path", { 1175 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" 1176 }) 1177 ] 1178 }), 1179 solid: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("svg", { 1180 xmlns: "http://www.w3.org/2000/svg", 1181 viewBox: "0 0 512 512", 1182 children: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("path", { 1183 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" 1184 }) 1185 }) 1186 }, 1187 symbols: { 1188 outline: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("svg", { 1189 xmlns: "http://www.w3.org/2000/svg", 1190 viewBox: "0 0 24 24", 1191 children: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("path", { 1192 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" 1193 }) 1194 }), 1195 solid: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("svg", { 1196 xmlns: "http://www.w3.org/2000/svg", 1197 viewBox: "0 0 512 512", 1198 children: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("path", { 1199 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" 1200 }) 1201 }) 1202 } 1203}; 1204const $fcccfb36ed0cde68$var$search = { 1205 loupe: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("svg", { 1206 xmlns: "http://www.w3.org/2000/svg", 1207 viewBox: "0 0 20 20", 1208 children: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("path", { 1209 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" 1210 }) 1211 }), 1212 delete: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("svg", { 1213 xmlns: "http://www.w3.org/2000/svg", 1214 viewBox: "0 0 20 20", 1215 children: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("path", { 1216 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" 1217 }) 1218 }) 1219}; 1220var $fcccfb36ed0cde68$export$2e2bcd8739ae039 = { 1221 categories: $fcccfb36ed0cde68$var$categories, 1222 search: $fcccfb36ed0cde68$var$search 1223}; 1224 1225 1226 1227 1228 1229function $254755d3f438722f$export$2e2bcd8739ae039(props) { 1230 let { id: id , skin: skin , emoji: emoji } = props; 1231 if (props.shortcodes) { 1232 const matches = props.shortcodes.match((0, $c4d155af13ad4d4b$export$2e2bcd8739ae039).SHORTCODES_REGEX); 1233 if (matches) { 1234 id = matches[1]; 1235 if (matches[2]) skin = matches[2]; 1236 } 1237 } 1238 emoji || (emoji = (0, $c4d155af13ad4d4b$export$2e2bcd8739ae039).get(id || props.native)); 1239 if (!emoji) return props.fallback; 1240 const emojiSkin = emoji.skins[skin - 1] || emoji.skins[0]; 1241 const imageSrc = emojiSkin.src || (props.set != "native" && !props.spritesheet ? typeof props.getImageURL === "function" ? props.getImageURL(props.set, emojiSkin.unified) : `https://cdn.jsdelivr.net/npm/emoji-datasource-${props.set}@15.0.1/img/${props.set}/64/${emojiSkin.unified}.png` : undefined); 1242 const spritesheetSrc = typeof props.getSpritesheetURL === "function" ? props.getSpritesheetURL(props.set) : `https://cdn.jsdelivr.net/npm/emoji-datasource-${props.set}@15.0.1/img/${props.set}/sheets-256/64.png`; 1243 return /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("span", { 1244 class: "emoji-mart-emoji", 1245 "data-emoji-set": props.set, 1246 children: imageSrc ? /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("img", { 1247 style: { 1248 maxWidth: props.size || "1em", 1249 maxHeight: props.size || "1em", 1250 display: "inline-block" 1251 }, 1252 alt: emojiSkin.native || emojiSkin.shortcodes, 1253 src: imageSrc 1254 }) : props.set == "native" ? /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("span", { 1255 style: { 1256 fontSize: props.size, 1257 fontFamily: '"EmojiMart", "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji"' 1258 }, 1259 children: emojiSkin.native 1260 }) : /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("span", { 1261 style: { 1262 display: "block", 1263 width: props.size, 1264 height: props.size, 1265 backgroundImage: `url(${spritesheetSrc})`, 1266 backgroundSize: `${100 * (0, $7adb23b0109cc36a$export$2d0294657ab35f1b).sheet.cols}% ${100 * (0, $7adb23b0109cc36a$export$2d0294657ab35f1b).sheet.rows}%`, 1267 backgroundPosition: `${100 / ((0, $7adb23b0109cc36a$export$2d0294657ab35f1b).sheet.cols - 1) * emojiSkin.x}% ${100 / ((0, $7adb23b0109cc36a$export$2d0294657ab35f1b).sheet.rows - 1) * emojiSkin.y}%` 1268 } 1269 }) 1270 }); 1271} 1272 1273 1274 1275 1276 1277 1278 1279const $6f57cc9cd54c5aaa$var$WindowHTMLElement = typeof window !== "undefined" && window.HTMLElement ? window.HTMLElement : Object; 1280class $6f57cc9cd54c5aaa$export$2e2bcd8739ae039 extends $6f57cc9cd54c5aaa$var$WindowHTMLElement { 1281 static get observedAttributes() { 1282 return Object.keys(this.Props); 1283 } 1284 update(props = {}) { 1285 for(let k in props)this.attributeChangedCallback(k, null, props[k]); 1286 } 1287 attributeChangedCallback(attr, _, newValue) { 1288 if (!this.component) return; 1289 const value = (0, $7adb23b0109cc36a$export$88c9ddb45cea7241)(attr, { 1290 [attr]: newValue 1291 }, this.constructor.Props, this); 1292 if (this.component.componentWillReceiveProps) this.component.componentWillReceiveProps({ 1293 [attr]: value 1294 }); 1295 else { 1296 this.component.props[attr] = value; 1297 this.component.forceUpdate(); 1298 } 1299 } 1300 disconnectedCallback() { 1301 this.disconnected = true; 1302 if (this.component && this.component.unregister) this.component.unregister(); 1303 } 1304 constructor(props = {}){ 1305 super(); 1306 this.props = props; 1307 if (props.parent || props.ref) { 1308 let ref = null; 1309 const parent = props.parent || (ref = props.ref && props.ref.current); 1310 if (ref) ref.innerHTML = ""; 1311 if (parent) parent.appendChild(this); 1312 } 1313 } 1314} 1315 1316 1317 1318class $26f27c338a96b1a6$export$2e2bcd8739ae039 extends (0, $6f57cc9cd54c5aaa$export$2e2bcd8739ae039) { 1319 setShadow() { 1320 this.attachShadow({ 1321 mode: "open" 1322 }); 1323 } 1324 injectStyles(styles) { 1325 if (!styles) return; 1326 const style = document.createElement("style"); 1327 style.textContent = styles; 1328 this.shadowRoot.insertBefore(style, this.shadowRoot.firstChild); 1329 } 1330 constructor(props, { styles: styles } = {}){ 1331 super(props); 1332 this.setShadow(); 1333 this.injectStyles(styles); 1334 } 1335} 1336 1337 1338 1339 1340 1341 1342var $3d90f6e46fb2dd47$export$2e2bcd8739ae039 = { 1343 fallback: "", 1344 id: "", 1345 native: "", 1346 shortcodes: "", 1347 size: { 1348 value: "", 1349 transform: (value)=>{ 1350 // If the value is a number, then we assume it’s a pixel value. 1351 if (!/\D/.test(value)) return `${value}px`; 1352 return value; 1353 } 1354 }, 1355 // Shared 1356 set: (0, $b247ea80b67298d5$export$2e2bcd8739ae039).set, 1357 skin: (0, $b247ea80b67298d5$export$2e2bcd8739ae039).skin 1358}; 1359 1360 1361class $331b4160623139bf$export$2e2bcd8739ae039 extends (0, $6f57cc9cd54c5aaa$export$2e2bcd8739ae039) { 1362 async connectedCallback() { 1363 const props = (0, $7adb23b0109cc36a$export$75fe5f91d452f94b)(this.props, (0, $3d90f6e46fb2dd47$export$2e2bcd8739ae039), this); 1364 props.element = this; 1365 props.ref = (component)=>{ 1366 this.component = component; 1367 }; 1368 await (0, $7adb23b0109cc36a$export$2cd8252107eb640b)(); 1369 if (this.disconnected) return; 1370 (0, $fb96b826c0c5f37a$export$b3890eb0ae9dca99)(/*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)((0, $254755d3f438722f$export$2e2bcd8739ae039), { 1371 ...props 1372 }), this); 1373 } 1374 constructor(props){ 1375 super(props); 1376 } 1377} 1378(0, $c770c458706daa72$export$2e2bcd8739ae039)($331b4160623139bf$export$2e2bcd8739ae039, "Props", (0, $3d90f6e46fb2dd47$export$2e2bcd8739ae039)); 1379if (typeof customElements !== "undefined" && !customElements.get("em-emoji")) customElements.define("em-emoji", $331b4160623139bf$export$2e2bcd8739ae039); 1380 1381 1382 1383 1384 1385 1386var $1a9a8ef576b7773d$var$t, $1a9a8ef576b7773d$var$u, $1a9a8ef576b7773d$var$r, $1a9a8ef576b7773d$var$o = 0, $1a9a8ef576b7773d$var$i = [], $1a9a8ef576b7773d$var$c = (0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).__b, $1a9a8ef576b7773d$var$f = (0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).__r, $1a9a8ef576b7773d$var$e = (0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).diffed, $1a9a8ef576b7773d$var$a = (0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).__c, $1a9a8ef576b7773d$var$v = (0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).unmount; 1387function $1a9a8ef576b7773d$var$m(t1, r1) { 1388 (0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).__h && (0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).__h($1a9a8ef576b7773d$var$u, t1, $1a9a8ef576b7773d$var$o || r1), $1a9a8ef576b7773d$var$o = 0; 1389 var i1 = $1a9a8ef576b7773d$var$u.__H || ($1a9a8ef576b7773d$var$u.__H = { 1390 __: [], 1391 __h: [] 1392 }); 1393 return t1 >= i1.__.length && i1.__.push({}), i1.__[t1]; 1394} 1395function $1a9a8ef576b7773d$export$60241385465d0a34(n1) { 1396 return $1a9a8ef576b7773d$var$o = 1, $1a9a8ef576b7773d$export$13e3392192263954($1a9a8ef576b7773d$var$w, n1); 1397} 1398function $1a9a8ef576b7773d$export$13e3392192263954(n2, r2, o1) { 1399 var i2 = $1a9a8ef576b7773d$var$m($1a9a8ef576b7773d$var$t++, 2); 1400 return i2.t = n2, i2.__c || (i2.__ = [ 1401 o1 ? o1(r2) : $1a9a8ef576b7773d$var$w(void 0, r2), 1402 function(n3) { 1403 var t2 = i2.t(i2.__[0], n3); 1404 i2.__[0] !== t2 && (i2.__ = [ 1405 t2, 1406 i2.__[1] 1407 ], i2.__c.setState({})); 1408 } 1409 ], i2.__c = $1a9a8ef576b7773d$var$u), i2.__; 1410} 1411function $1a9a8ef576b7773d$export$6d9c69b0de29b591(r3, o2) { 1412 var i3 = $1a9a8ef576b7773d$var$m($1a9a8ef576b7773d$var$t++, 3); 1413 !(0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).__s && $1a9a8ef576b7773d$var$k(i3.__H, o2) && (i3.__ = r3, i3.__H = o2, $1a9a8ef576b7773d$var$u.__H.__h.push(i3)); 1414} 1415function $1a9a8ef576b7773d$export$e5c5a5f917a5871c(r4, o3) { 1416 var i4 = $1a9a8ef576b7773d$var$m($1a9a8ef576b7773d$var$t++, 4); 1417 !(0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).__s && $1a9a8ef576b7773d$var$k(i4.__H, o3) && (i4.__ = r4, i4.__H = o3, $1a9a8ef576b7773d$var$u.__h.push(i4)); 1418} 1419function $1a9a8ef576b7773d$export$b8f5890fc79d6aca(n4) { 1420 return $1a9a8ef576b7773d$var$o = 5, $1a9a8ef576b7773d$export$1538c33de8887b59(function() { 1421 return { 1422 current: n4 1423 }; 1424 }, []); 1425} 1426function $1a9a8ef576b7773d$export$d5a552a76deda3c2(n5, t3, u1) { 1427 $1a9a8ef576b7773d$var$o = 6, $1a9a8ef576b7773d$export$e5c5a5f917a5871c(function() { 1428 "function" == typeof n5 ? n5(t3()) : n5 && (n5.current = t3()); 1429 }, null == u1 ? u1 : u1.concat(n5)); 1430} 1431function $1a9a8ef576b7773d$export$1538c33de8887b59(n6, u2) { 1432 var r5 = $1a9a8ef576b7773d$var$m($1a9a8ef576b7773d$var$t++, 7); 1433 return $1a9a8ef576b7773d$var$k(r5.__H, u2) && (r5.__ = n6(), r5.__H = u2, r5.__h = n6), r5.__; 1434} 1435function $1a9a8ef576b7773d$export$35808ee640e87ca7(n7, t4) { 1436 return $1a9a8ef576b7773d$var$o = 8, $1a9a8ef576b7773d$export$1538c33de8887b59(function() { 1437 return n7; 1438 }, t4); 1439} 1440function $1a9a8ef576b7773d$export$fae74005e78b1a27(n8) { 1441 var r6 = $1a9a8ef576b7773d$var$u.context[n8.__c], o4 = $1a9a8ef576b7773d$var$m($1a9a8ef576b7773d$var$t++, 9); 1442 return o4.c = n8, r6 ? (null == o4.__ && (o4.__ = !0, r6.sub($1a9a8ef576b7773d$var$u)), r6.props.value) : n8.__; 1443} 1444function $1a9a8ef576b7773d$export$dc8fbce3eb94dc1e(t5, u3) { 1445 (0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).useDebugValue && (0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).useDebugValue(u3 ? u3(t5) : t5); 1446} 1447function $1a9a8ef576b7773d$export$c052f6604b7d51fe(n9) { 1448 var r7 = $1a9a8ef576b7773d$var$m($1a9a8ef576b7773d$var$t++, 10), o5 = $1a9a8ef576b7773d$export$60241385465d0a34(); 1449 return r7.__ = n9, $1a9a8ef576b7773d$var$u.componentDidCatch || ($1a9a8ef576b7773d$var$u.componentDidCatch = function(n10) { 1450 r7.__ && r7.__(n10), o5[1](n10); 1451 }), [ 1452 o5[0], 1453 function() { 1454 o5[1](void 0); 1455 } 1456 ]; 1457} 1458function $1a9a8ef576b7773d$var$x() { 1459 var t6; 1460 for($1a9a8ef576b7773d$var$i.sort(function(n11, t7) { 1461 return n11.__v.__b - t7.__v.__b; 1462 }); t6 = $1a9a8ef576b7773d$var$i.pop();)if (t6.__P) try { 1463 t6.__H.__h.forEach($1a9a8ef576b7773d$var$g), t6.__H.__h.forEach($1a9a8ef576b7773d$var$j), t6.__H.__h = []; 1464 } catch (u4) { 1465 t6.__H.__h = [], (0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).__e(u4, t6.__v); 1466 } 1467} 1468(0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).__b = function(n12) { 1469 $1a9a8ef576b7773d$var$u = null, $1a9a8ef576b7773d$var$c && $1a9a8ef576b7773d$var$c(n12); 1470}, (0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).__r = function(n13) { 1471 $1a9a8ef576b7773d$var$f && $1a9a8ef576b7773d$var$f(n13), $1a9a8ef576b7773d$var$t = 0; 1472 var r8 = ($1a9a8ef576b7773d$var$u = n13.__c).__H; 1473 r8 && (r8.__h.forEach($1a9a8ef576b7773d$var$g), r8.__h.forEach($1a9a8ef576b7773d$var$j), r8.__h = []); 1474}, (0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).diffed = function(t8) { 1475 $1a9a8ef576b7773d$var$e && $1a9a8ef576b7773d$var$e(t8); 1476 var o6 = t8.__c; 1477 o6 && o6.__H && o6.__H.__h.length && (1 !== $1a9a8ef576b7773d$var$i.push(o6) && $1a9a8ef576b7773d$var$r === (0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).requestAnimationFrame || (($1a9a8ef576b7773d$var$r = (0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).requestAnimationFrame) || function(n14) { 1478 var t9, u5 = function() { 1479 clearTimeout(r9), $1a9a8ef576b7773d$var$b && cancelAnimationFrame(t9), setTimeout(n14); 1480 }, r9 = setTimeout(u5, 100); 1481 $1a9a8ef576b7773d$var$b && (t9 = requestAnimationFrame(u5)); 1482 })($1a9a8ef576b7773d$var$x)), $1a9a8ef576b7773d$var$u = null; 1483}, (0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).__c = function(t10, u6) { 1484 u6.some(function(t11) { 1485 try { 1486 t11.__h.forEach($1a9a8ef576b7773d$var$g), t11.__h = t11.__h.filter(function(n15) { 1487 return !n15.__ || $1a9a8ef576b7773d$var$j(n15); 1488 }); 1489 } catch (r10) { 1490 u6.some(function(n16) { 1491 n16.__h && (n16.__h = []); 1492 }), u6 = [], (0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).__e(r10, t11.__v); 1493 } 1494 }), $1a9a8ef576b7773d$var$a && $1a9a8ef576b7773d$var$a(t10, u6); 1495}, (0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).unmount = function(t12) { 1496 $1a9a8ef576b7773d$var$v && $1a9a8ef576b7773d$var$v(t12); 1497 var u7, r11 = t12.__c; 1498 r11 && r11.__H && (r11.__H.__.forEach(function(n17) { 1499 try { 1500 $1a9a8ef576b7773d$var$g(n17); 1501 } catch (n18) { 1502 u7 = n18; 1503 } 1504 }), u7 && (0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).__e(u7, r11.__v)); 1505}; 1506var $1a9a8ef576b7773d$var$b = "function" == typeof requestAnimationFrame; 1507function $1a9a8ef576b7773d$var$g(n19) { 1508 var t13 = $1a9a8ef576b7773d$var$u, r12 = n19.__c; 1509 "function" == typeof r12 && (n19.__c = void 0, r12()), $1a9a8ef576b7773d$var$u = t13; 1510} 1511function $1a9a8ef576b7773d$var$j(n20) { 1512 var t14 = $1a9a8ef576b7773d$var$u; 1513 n20.__c = n20.__(), $1a9a8ef576b7773d$var$u = t14; 1514} 1515function $1a9a8ef576b7773d$var$k(n21, t15) { 1516 return !n21 || n21.length !== t15.length || t15.some(function(t16, u8) { 1517 return t16 !== n21[u8]; 1518 }); 1519} 1520function $1a9a8ef576b7773d$var$w(n22, t17) { 1521 return "function" == typeof t17 ? t17(n22) : t17; 1522} 1523 1524 1525 1526 1527 1528function $dc040a17866866fa$var$S(n1, t1) { 1529 for(var e1 in t1)n1[e1] = t1[e1]; 1530 return n1; 1531} 1532function $dc040a17866866fa$var$C(n2, t2) { 1533 for(var e2 in n2)if ("__source" !== e2 && !(e2 in t2)) return !0; 1534 for(var r1 in t2)if ("__source" !== r1 && n2[r1] !== t2[r1]) return !0; 1535 return !1; 1536} 1537function $dc040a17866866fa$export$221d75b3f55bb0bd(n3) { 1538 this.props = n3; 1539} 1540function $dc040a17866866fa$export$7c73462e0d25e514(n4, t3) { 1541 function e3(n5) { 1542 var e4 = this.props.ref, r3 = e4 == n5.ref; 1543 return !r3 && e4 && (e4.call ? e4(null) : e4.current = null), t3 ? !t3(this.props, n5) || !r3 : $dc040a17866866fa$var$C(this.props, n5); 1544 } 1545 function r2(t4) { 1546 return this.shouldComponentUpdate = e3, (0, $fb96b826c0c5f37a$export$c8a8987d4410bf2d)(n4, t4); 1547 } 1548 return r2.displayName = "Memo(" + (n4.displayName || n4.name) + ")", r2.prototype.isReactComponent = !0, r2.__f = !0, r2; 1549} 1550($dc040a17866866fa$export$221d75b3f55bb0bd.prototype = new (0, $fb96b826c0c5f37a$export$16fa2f45be04daa8)).isPureReactComponent = !0, $dc040a17866866fa$export$221d75b3f55bb0bd.prototype.shouldComponentUpdate = function(n6, t5) { 1551 return $dc040a17866866fa$var$C(this.props, n6) || $dc040a17866866fa$var$C(this.state, t5); 1552}; 1553var $dc040a17866866fa$var$w = (0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).__b; 1554(0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).__b = function(n7) { 1555 n7.type && n7.type.__f && n7.ref && (n7.props.ref = n7.ref, n7.ref = null), $dc040a17866866fa$var$w && $dc040a17866866fa$var$w(n7); 1556}; 1557var $dc040a17866866fa$var$R = "undefined" != typeof Symbol && Symbol.for && Symbol.for("react.forward_ref") || 3911; 1558function $dc040a17866866fa$export$257a8862b851cb5b(n8) { 1559 function t6(t7, e5) { 1560 var r4 = $dc040a17866866fa$var$S({}, t7); 1561 return delete r4.ref, n8(r4, (e5 = t7.ref || e5) && ("object" != typeof e5 || "current" in e5) ? e5 : null); 1562 } 1563 return t6.$$typeof = $dc040a17866866fa$var$R, t6.render = t6, t6.prototype.isReactComponent = t6.__f = !0, t6.displayName = "ForwardRef(" + (n8.displayName || n8.name) + ")", t6; 1564} 1565var $dc040a17866866fa$var$N = function(n9, t8) { 1566 return null == n9 ? null : (0, $fb96b826c0c5f37a$export$47e4c5b300681277)((0, $fb96b826c0c5f37a$export$47e4c5b300681277)(n9).map(t8)); 1567}, $dc040a17866866fa$export$dca3b0875bd9a954 = { 1568 map: $dc040a17866866fa$var$N, 1569 forEach: $dc040a17866866fa$var$N, 1570 count: function(n10) { 1571 return n10 ? (0, $fb96b826c0c5f37a$export$47e4c5b300681277)(n10).length : 0; 1572 }, 1573 only: function(n11) { 1574 var t9 = (0, $fb96b826c0c5f37a$export$47e4c5b300681277)(n11); 1575 if (1 !== t9.length) throw "Children.only"; 1576 return t9[0]; 1577 }, 1578 toArray: (0, $fb96b826c0c5f37a$export$47e4c5b300681277) 1579}, $dc040a17866866fa$var$A = (0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).__e; 1580(0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).__e = function(n12, t10, e6) { 1581 if (n12.then) { 1582 for(var r5, u1 = t10; u1 = u1.__;)if ((r5 = u1.__c) && r5.__c) return null == t10.__e && (t10.__e = e6.__e, t10.__k = e6.__k), r5.__c(n12, t10); 1583 } 1584 $dc040a17866866fa$var$A(n12, t10, e6); 1585}; 1586var $dc040a17866866fa$var$O = (0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).unmount; 1587function $dc040a17866866fa$export$74bf444e3cd11ea5() { 1588 this.__u = 0, this.t = null, this.__b = null; 1589} 1590function $dc040a17866866fa$var$U(n13) { 1591 var t11 = n13.__.__c; 1592 return t11 && t11.__e && t11.__e(n13); 1593} 1594function $dc040a17866866fa$export$488013bae63b21da(n14) { 1595 var t12, e7, r6; 1596 function u2(u3) { 1597 if (t12 || (t12 = n14()).then(function(n15) { 1598 e7 = n15.default || n15; 1599 }, function(n16) { 1600 r6 = n16; 1601 }), r6) throw r6; 1602 if (!e7) throw t12; 1603 return (0, $fb96b826c0c5f37a$export$c8a8987d4410bf2d)(e7, u3); 1604 } 1605 return u2.displayName = "Lazy", u2.__f = !0, u2; 1606} 1607function $dc040a17866866fa$export$998bcd577473dd93() { 1608 this.u = null, this.o = null; 1609} 1610(0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).unmount = function(n17) { 1611 var t13 = n17.__c; 1612 t13 && t13.__R && t13.__R(), t13 && !0 === n17.__h && (n17.type = null), $dc040a17866866fa$var$O && $dc040a17866866fa$var$O(n17); 1613}, ($dc040a17866866fa$export$74bf444e3cd11ea5.prototype = new (0, $fb96b826c0c5f37a$export$16fa2f45be04daa8)).__c = function(n18, t14) { 1614 var e8 = t14.__c, r7 = this; 1615 null == r7.t && (r7.t = []), r7.t.push(e8); 1616 var u4 = $dc040a17866866fa$var$U(r7.__v), o1 = !1, i1 = function() { 1617 o1 || (o1 = !0, e8.__R = null, u4 ? u4(l1) : l1()); 1618 }; 1619 e8.__R = i1; 1620 var l1 = function() { 1621 if (!--r7.__u) { 1622 if (r7.state.__e) { 1623 var n19 = r7.state.__e; 1624 r7.__v.__k[0] = function n22(t17, e9, r8) { 1625 return t17 && (t17.__v = null, t17.__k = t17.__k && t17.__k.map(function(t18) { 1626 return n22(t18, e9, r8); 1627 }), t17.__c && t17.__c.__P === e9 && (t17.__e && r8.insertBefore(t17.__e, t17.__d), t17.__c.__e = !0, t17.__c.__P = r8)), t17; 1628 }(n19, n19.__c.__P, n19.__c.__O); 1629 } 1630 var t15; 1631 for(r7.setState({ 1632 __e: r7.__b = null 1633 }); t15 = r7.t.pop();)t15.forceUpdate(); 1634 } 1635 }, c1 = !0 === t14.__h; 1636 (r7.__u++) || c1 || r7.setState({ 1637 __e: r7.__b = r7.__v.__k[0] 1638 }), n18.then(i1, i1); 1639}, $dc040a17866866fa$export$74bf444e3cd11ea5.prototype.componentWillUnmount = function() { 1640 this.t = []; 1641}, $dc040a17866866fa$export$74bf444e3cd11ea5.prototype.render = function(n23, t19) { 1642 if (this.__b) { 1643 if (this.__v.__k) { 1644 var e10 = document.createElement("div"), r9 = this.__v.__k[0].__c; 1645 this.__v.__k[0] = function n24(t20, e13, r12) { 1646 return t20 && (t20.__c && t20.__c.__H && (t20.__c.__H.__.forEach(function(n25) { 1647 "function" == typeof n25.__c && n25.__c(); 1648 }), t20.__c.__H = null), null != (t20 = $dc040a17866866fa$var$S({}, t20)).__c && (t20.__c.__P === r12 && (t20.__c.__P = e13), t20.__c = null), t20.__k = t20.__k && t20.__k.map(function(t21) { 1649 return n24(t21, e13, r12); 1650 })), t20; 1651 }(this.__b, e10, r9.__O = r9.__P); 1652 } 1653 this.__b = null; 1654 } 1655 var u5 = t19.__e && (0, $fb96b826c0c5f37a$export$c8a8987d4410bf2d)((0, $fb96b826c0c5f37a$export$ffb0004e005737fa), null, n23.fallback); 1656 return u5 && (u5.__h = null), [ 1657 (0, $fb96b826c0c5f37a$export$c8a8987d4410bf2d)((0, $fb96b826c0c5f37a$export$ffb0004e005737fa), null, t19.__e ? null : n23.children), 1658 u5 1659 ]; 1660}; 1661var $dc040a17866866fa$var$T = function(n26, t22, e14) { 1662 if (++e14[1] === e14[0] && n26.o.delete(t22), n26.props.revealOrder && ("t" !== n26.props.revealOrder[0] || !n26.o.size)) for(e14 = n26.u; e14;){ 1663 for(; e14.length > 3;)e14.pop()(); 1664 if (e14[1] < e14[0]) break; 1665 n26.u = e14 = e14[2]; 1666 } 1667}; 1668function $dc040a17866866fa$var$D(n27) { 1669 return this.getChildContext = function() { 1670 return n27.context; 1671 }, n27.children; 1672} 1673function $dc040a17866866fa$var$I(n28) { 1674 var t23 = this, e15 = n28.i; 1675 t23.componentWillUnmount = function() { 1676 (0, $fb96b826c0c5f37a$export$b3890eb0ae9dca99)(null, t23.l), t23.l = null, t23.i = null; 1677 }, t23.i && t23.i !== e15 && t23.componentWillUnmount(), n28.__v ? (t23.l || (t23.i = e15, t23.l = { 1678 nodeType: 1, 1679 parentNode: e15, 1680 childNodes: [], 1681 appendChild: function(n29) { 1682 this.childNodes.push(n29), t23.i.appendChild(n29); 1683 }, 1684 insertBefore: function(n30, e) { 1685 this.childNodes.push(n30), t23.i.appendChild(n30); 1686 }, 1687 removeChild: function(n31) { 1688 this.childNodes.splice(this.childNodes.indexOf(n31) >>> 1, 1), t23.i.removeChild(n31); 1689 } 1690 }), (0, $fb96b826c0c5f37a$export$b3890eb0ae9dca99)((0, $fb96b826c0c5f37a$export$c8a8987d4410bf2d)($dc040a17866866fa$var$D, { 1691 context: t23.context 1692 }, n28.__v), t23.l)) : t23.l && t23.componentWillUnmount(); 1693} 1694function $dc040a17866866fa$export$d39a5bbd09211389(n32, t24) { 1695 return (0, $fb96b826c0c5f37a$export$c8a8987d4410bf2d)($dc040a17866866fa$var$I, { 1696 __v: n32, 1697 i: t24 1698 }); 1699} 1700($dc040a17866866fa$export$998bcd577473dd93.prototype = new (0, $fb96b826c0c5f37a$export$16fa2f45be04daa8)).__e = function(n33) { 1701 var t25 = this, e16 = $dc040a17866866fa$var$U(t25.__v), r13 = t25.o.get(n33); 1702 return r13[0]++, function(u6) { 1703 var o2 = function() { 1704 t25.props.revealOrder ? (r13.push(u6), $dc040a17866866fa$var$T(t25, n33, r13)) : u6(); 1705 }; 1706 e16 ? e16(o2) : o2(); 1707 }; 1708}, $dc040a17866866fa$export$998bcd577473dd93.prototype.render = function(n34) { 1709 this.u = null, this.o = new Map; 1710 var t26 = (0, $fb96b826c0c5f37a$export$47e4c5b300681277)(n34.children); 1711 n34.revealOrder && "b" === n34.revealOrder[0] && t26.reverse(); 1712 for(var e17 = t26.length; e17--;)this.o.set(t26[e17], this.u = [ 1713 1, 1714 0, 1715 this.u 1716 ]); 1717 return n34.children; 1718}, $dc040a17866866fa$export$998bcd577473dd93.prototype.componentDidUpdate = $dc040a17866866fa$export$998bcd577473dd93.prototype.componentDidMount = function() { 1719 var n35 = this; 1720 this.o.forEach(function(t27, e18) { 1721 $dc040a17866866fa$var$T(n35, e18, t27); 1722 }); 1723}; 1724var $dc040a17866866fa$var$j = "undefined" != typeof Symbol && Symbol.for && Symbol.for("react.element") || 60103, $dc040a17866866fa$var$P = /^(?: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]/, $dc040a17866866fa$var$V = "undefined" != typeof document, $dc040a17866866fa$var$z = function(n36) { 1725 return ("undefined" != typeof Symbol && "symbol" == typeof Symbol() ? /fil|che|rad/i : /fil|che|ra/i).test(n36); 1726}; 1727function $dc040a17866866fa$export$b3890eb0ae9dca99(n37, t28, e19) { 1728 return null == t28.__k && (t28.textContent = ""), (0, $fb96b826c0c5f37a$export$b3890eb0ae9dca99)(n37, t28), "function" == typeof e19 && e19(), n37 ? n37.__c : null; 1729} 1730function $dc040a17866866fa$export$fa8d919ba61d84db(n38, t29, e20) { 1731 return (0, $fb96b826c0c5f37a$export$fa8d919ba61d84db)(n38, t29), "function" == typeof e20 && e20(), n38 ? n38.__c : null; 1732} 1733(0, $fb96b826c0c5f37a$export$16fa2f45be04daa8).prototype.isReactComponent = {}, [ 1734 "componentWillMount", 1735 "componentWillReceiveProps", 1736 "componentWillUpdate" 1737].forEach(function(n39) { 1738 Object.defineProperty((0, $fb96b826c0c5f37a$export$16fa2f45be04daa8).prototype, n39, { 1739 configurable: !0, 1740 get: function() { 1741 return this["UNSAFE_" + n39]; 1742 }, 1743 set: function(t30) { 1744 Object.defineProperty(this, n39, { 1745 configurable: !0, 1746 writable: !0, 1747 value: t30 1748 }); 1749 } 1750 }); 1751}); 1752var $dc040a17866866fa$var$H = (0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).event; 1753function $dc040a17866866fa$var$Z() {} 1754function $dc040a17866866fa$var$Y() { 1755 return this.cancelBubble; 1756} 1757function $dc040a17866866fa$var$q() { 1758 return this.defaultPrevented; 1759} 1760(0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).event = function(n40) { 1761 return $dc040a17866866fa$var$H && (n40 = $dc040a17866866fa$var$H(n40)), n40.persist = $dc040a17866866fa$var$Z, n40.isPropagationStopped = $dc040a17866866fa$var$Y, n40.isDefaultPrevented = $dc040a17866866fa$var$q, n40.nativeEvent = n40; 1762}; 1763var $dc040a17866866fa$var$G, $dc040a17866866fa$var$J = { 1764 configurable: !0, 1765 get: function() { 1766 return this.class; 1767 } 1768}, $dc040a17866866fa$var$K = (0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).vnode; 1769(0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).vnode = function(n41) { 1770 var t31 = n41.type, e21 = n41.props, r14 = e21; 1771 if ("string" == typeof t31) { 1772 var u7 = -1 === t31.indexOf("-"); 1773 for(var o3 in r14 = {}, e21){ 1774 var i2 = e21[o3]; 1775 $dc040a17866866fa$var$V && "children" === o3 && "noscript" === t31 || "value" === o3 && "defaultValue" in e21 && null == i2 || ("defaultValue" === o3 && "value" in e21 && null == e21.value ? o3 = "value" : "download" === o3 && !0 === i2 ? i2 = "" : /ondoubleclick/i.test(o3) ? o3 = "ondblclick" : /^onchange(textarea|input)/i.test(o3 + t31) && !$dc040a17866866fa$var$z(e21.type) ? o3 = "oninput" : /^onfocus$/i.test(o3) ? o3 = "onfocusin" : /^onblur$/i.test(o3) ? o3 = "onfocusout" : /^on(Ani|Tra|Tou|BeforeInp)/.test(o3) ? o3 = o3.toLowerCase() : u7 && $dc040a17866866fa$var$P.test(o3) ? o3 = o3.replace(/[A-Z0-9]/, "-$&").toLowerCase() : null === i2 && (i2 = void 0), r14[o3] = i2); 1776 } 1777 "select" == t31 && r14.multiple && Array.isArray(r14.value) && (r14.value = (0, $fb96b826c0c5f37a$export$47e4c5b300681277)(e21.children).forEach(function(n42) { 1778 n42.props.selected = -1 != r14.value.indexOf(n42.props.value); 1779 })), "select" == t31 && null != r14.defaultValue && (r14.value = (0, $fb96b826c0c5f37a$export$47e4c5b300681277)(e21.children).forEach(function(n43) { 1780 n43.props.selected = r14.multiple ? -1 != r14.defaultValue.indexOf(n43.props.value) : r14.defaultValue == n43.props.value; 1781 })), n41.props = r14, e21.class != e21.className && ($dc040a17866866fa$var$J.enumerable = "className" in e21, null != e21.className && (r14.class = e21.className), Object.defineProperty(r14, "className", $dc040a17866866fa$var$J)); 1782 } 1783 n41.$$typeof = $dc040a17866866fa$var$j, $dc040a17866866fa$var$K && $dc040a17866866fa$var$K(n41); 1784}; 1785var $dc040a17866866fa$var$Q = (0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).__r; 1786(0, $fb96b826c0c5f37a$export$41c562ebe57d11e2).__r = function(n44) { 1787 $dc040a17866866fa$var$Q && $dc040a17866866fa$var$Q(n44), $dc040a17866866fa$var$G = n44.__c; 1788}; 1789var $dc040a17866866fa$export$ae55be85d98224ed = { 1790 ReactCurrentDispatcher: { 1791 current: { 1792 readContext: function(n45) { 1793 return $dc040a17866866fa$var$G.__n[n45.__c].props.value; 1794 } 1795 } 1796 } 1797}, $dc040a17866866fa$export$83d89fbfd8236492 = "17.0.2"; 1798function $dc040a17866866fa$export$d38cd72104c1f0e9(n46) { 1799 return (0, $fb96b826c0c5f37a$export$c8a8987d4410bf2d).bind(null, n46); 1800} 1801function $dc040a17866866fa$export$a8257692ac88316c(n47) { 1802 return !!n47 && n47.$$typeof === $dc040a17866866fa$var$j; 1803} 1804function $dc040a17866866fa$export$e530037191fcd5d7(n48) { 1805 return $dc040a17866866fa$export$a8257692ac88316c(n48) ? (0, $fb96b826c0c5f37a$export$e530037191fcd5d7).apply(null, arguments) : n48; 1806} 1807function $dc040a17866866fa$export$502457920280e6be(n49) { 1808 return !!n49.__k && ((0, $fb96b826c0c5f37a$export$b3890eb0ae9dca99)(null, n49), !0); 1809} 1810function $dc040a17866866fa$export$466bfc07425424d5(n50) { 1811 return n50 && (n50.base || 1 === n50.nodeType && n50) || null; 1812} 1813var $dc040a17866866fa$export$c78a37762a8d58e1 = function(n51, t32) { 1814 return n51(t32); 1815}, $dc040a17866866fa$export$cd75ccfd720a3cd4 = function(n52, t33) { 1816 return n52(t33); 1817}, $dc040a17866866fa$export$5f8d39834fd61797 = (
1817(/* unused pure expression or super */ null && (0, $fb96b826c0c5f37a$export$ffb0004e005737fa))
vendor: 64,734 bytes, lines 1817-2962
1817); 1818var $dc040a17866866fa$export$2e2bcd8739ae039 = { 1819 useState: (0, $1a9a8ef576b7773d$export$60241385465d0a34), 1820 useReducer: (0, $1a9a8ef576b7773d$export$13e3392192263954), 1821 useEffect: (0, $1a9a8ef576b7773d$export$6d9c69b0de29b591), 1822 useLayoutEffect: (0, $1a9a8ef576b7773d$export$e5c5a5f917a5871c), 1823 useRef: (0, $1a9a8ef576b7773d$export$b8f5890fc79d6aca), 1824 useImperativeHandle: (0, $1a9a8ef576b7773d$export$d5a552a76deda3c2), 1825 useMemo: (0, $1a9a8ef576b7773d$export$1538c33de8887b59), 1826 useCallback: (0, $1a9a8ef576b7773d$export$35808ee640e87ca7), 1827 useContext: (0, $1a9a8ef576b7773d$export$fae74005e78b1a27), 1828 useDebugValue: (0, $1a9a8ef576b7773d$export$dc8fbce3eb94dc1e), 1829 version: "17.0.2", 1830 Children: $dc040a17866866fa$export$dca3b0875bd9a954, 1831 render: $dc040a17866866fa$export$b3890eb0ae9dca99, 1832 hydrate: $dc040a17866866fa$export$fa8d919ba61d84db, 1833 unmountComponentAtNode: $dc040a17866866fa$export$502457920280e6be, 1834 createPortal: $dc040a17866866fa$export$d39a5bbd09211389, 1835 createElement: (0, $fb96b826c0c5f37a$export$c8a8987d4410bf2d), 1836 createContext: (0, $fb96b826c0c5f37a$export$fd42f52fd3ae1109), 1837 createFactory: $dc040a17866866fa$export$d38cd72104c1f0e9, 1838 cloneElement: $dc040a17866866fa$export$e530037191fcd5d7, 1839 createRef: (0, $fb96b826c0c5f37a$export$7d1e3a5e95ceca43), 1840 Fragment: (0, $fb96b826c0c5f37a$export$ffb0004e005737fa), 1841 isValidElement: $dc040a17866866fa$export$a8257692ac88316c, 1842 findDOMNode: $dc040a17866866fa$export$466bfc07425424d5, 1843 Component: (0, $fb96b826c0c5f37a$export$16fa2f45be04daa8), 1844 PureComponent: $dc040a17866866fa$export$221d75b3f55bb0bd, 1845 memo: $dc040a17866866fa$export$7c73462e0d25e514, 1846 forwardRef: $dc040a17866866fa$export$257a8862b851cb5b, 1847 flushSync: $dc040a17866866fa$export$cd75ccfd720a3cd4, 1848 unstable_batchedUpdates: $dc040a17866866fa$export$c78a37762a8d58e1, 1849 StrictMode: (0, $fb96b826c0c5f37a$export$ffb0004e005737fa), 1850 Suspense: $dc040a17866866fa$export$74bf444e3cd11ea5, 1851 SuspenseList: $dc040a17866866fa$export$998bcd577473dd93, 1852 lazy: $dc040a17866866fa$export$488013bae63b21da, 1853 __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: $dc040a17866866fa$export$ae55be85d98224ed 1854}; 1855 1856 1857 1858 1859const $ec8c39fdad15601a$var$THEME_ICONS = { 1860 light: "outline", 1861 dark: "solid" 1862}; 1863class $ec8c39fdad15601a$export$2e2bcd8739ae039 extends (0, $dc040a17866866fa$export$221d75b3f55bb0bd) { 1864 renderIcon(category) { 1865 const { icon: icon } = category; 1866 if (icon) { 1867 if (icon.svg) return /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("span", { 1868 class: "flex", 1869 dangerouslySetInnerHTML: { 1870 __html: icon.svg 1871 } 1872 }); 1873 if (icon.src) return /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("img", { 1874 src: icon.src 1875 }); 1876 } 1877 const categoryIcons = (0, $fcccfb36ed0cde68$export$2e2bcd8739ae039).categories[category.id] || (0, $fcccfb36ed0cde68$export$2e2bcd8739ae039).categories.custom; 1878 const style = this.props.icons == "auto" ? $ec8c39fdad15601a$var$THEME_ICONS[this.props.theme] : this.props.icons; 1879 return categoryIcons[style] || categoryIcons; 1880 } 1881 render() { 1882 let selectedCategoryIndex = null; 1883 return /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("nav", { 1884 id: "nav", 1885 class: "padding", 1886 "data-position": this.props.position, 1887 dir: this.props.dir, 1888 children: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 1889 class: "flex relative", 1890 children: [ 1891 this.categories.map((category, i)=>{ 1892 const title = category.name || (0, $7adb23b0109cc36a$export$dbe3113d60765c1a).categories[category.id]; 1893 const selected = !this.props.unfocused && category.id == this.state.categoryId; 1894 if (selected) selectedCategoryIndex = i; 1895 return /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("button", { 1896 "aria-label": title, 1897 "aria-selected": selected || undefined, 1898 title: title, 1899 type: "button", 1900 class: "flex flex-grow flex-center", 1901 onMouseDown: (e)=>e.preventDefault(), 1902 onClick: ()=>{ 1903 this.props.onClick({ 1904 category: category, 1905 i: i 1906 }); 1907 }, 1908 children: this.renderIcon(category) 1909 }); 1910 }), 1911 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 1912 class: "bar", 1913 style: { 1914 width: `${100 / this.categories.length}%`, 1915 opacity: selectedCategoryIndex == null ? 0 : 1, 1916 transform: this.props.dir === "rtl" ? `scaleX(-1) translateX(${selectedCategoryIndex * 100}%)` : `translateX(${selectedCategoryIndex * 100}%)` 1917 } 1918 }) 1919 ] 1920 }) 1921 }); 1922 } 1923 constructor(){ 1924 super(); 1925 this.categories = (0, $7adb23b0109cc36a$export$2d0294657ab35f1b).categories.filter((category)=>{ 1926 return !category.target; 1927 }); 1928 this.state = { 1929 categoryId: this.categories[0].id 1930 }; 1931 } 1932} 1933 1934 1935 1936 1937 1938class $e0d4dda61265ff1e$export$2e2bcd8739ae039 extends (0, $dc040a17866866fa$export$221d75b3f55bb0bd) { 1939 shouldComponentUpdate(nextProps) { 1940 for(let k in nextProps){ 1941 if (k == "children") continue; 1942 if (nextProps[k] != this.props[k]) return true; 1943 } 1944 return false; 1945 } 1946 render() { 1947 return this.props.children; 1948 } 1949} 1950 1951 1952 1953 1954const $89bd6bb200cc8fef$var$Performance = { 1955 rowsPerRender: 10 1956}; 1957class $89bd6bb200cc8fef$export$2e2bcd8739ae039 extends (0, $fb96b826c0c5f37a$export$16fa2f45be04daa8) { 1958 getInitialState(props = this.props) { 1959 return { 1960 skin: (0, $f72b75cf796873c7$export$2e2bcd8739ae039).get("skin") || props.skin, 1961 theme: this.initTheme(props.theme) 1962 }; 1963 } 1964 componentWillMount() { 1965 this.dir = (0, $7adb23b0109cc36a$export$dbe3113d60765c1a).rtl ? "rtl" : "ltr"; 1966 this.refs = { 1967 menu: (0, $fb96b826c0c5f37a$export$7d1e3a5e95ceca43)(), 1968 navigation: (0, $fb96b826c0c5f37a$export$7d1e3a5e95ceca43)(), 1969 scroll: (0, $fb96b826c0c5f37a$export$7d1e3a5e95ceca43)(), 1970 search: (0, $fb96b826c0c5f37a$export$7d1e3a5e95ceca43)(), 1971 searchInput: (0, $fb96b826c0c5f37a$export$7d1e3a5e95ceca43)(), 1972 skinToneButton: (0, $fb96b826c0c5f37a$export$7d1e3a5e95ceca43)(), 1973 skinToneRadio: (0, $fb96b826c0c5f37a$export$7d1e3a5e95ceca43)() 1974 }; 1975 this.initGrid(); 1976 if (this.props.stickySearch == false && this.props.searchPosition == "sticky") { 1977 console.warn("[EmojiMart] Deprecation warning: `stickySearch` has been renamed `searchPosition`."); 1978 this.props.searchPosition = "static"; 1979 } 1980 } 1981 componentDidMount() { 1982 this.register(); 1983 this.shadowRoot = this.base.parentNode; 1984 if (this.props.autoFocus) { 1985 const { searchInput: searchInput } = this.refs; 1986 if (searchInput.current) searchInput.current.focus(); 1987 } 1988 } 1989 componentWillReceiveProps(nextProps) { 1990 this.nextState || (this.nextState = {}); 1991 for(const k1 in nextProps)this.nextState[k1] = nextProps[k1]; 1992 clearTimeout(this.nextStateTimer); 1993 this.nextStateTimer = setTimeout(()=>{ 1994 let requiresGridReset = false; 1995 for(const k in this.nextState){ 1996 this.props[k] = this.nextState[k]; 1997 if (k === "custom" || k === "categories") requiresGridReset = true; 1998 } 1999 delete this.nextState; 2000 const nextState = this.getInitialState(); 2001 if (requiresGridReset) return this.reset(nextState); 2002 this.setState(nextState); 2003 }); 2004 } 2005 componentWillUnmount() { 2006 this.unregister(); 2007 } 2008 async reset(nextState = {}) { 2009 await (0, $7adb23b0109cc36a$export$2cd8252107eb640b)(this.props); 2010 this.initGrid(); 2011 this.unobserve(); 2012 this.setState(nextState, ()=>{ 2013 this.observeCategories(); 2014 this.observeRows(); 2015 }); 2016 } 2017 register() { 2018 document.addEventListener("click", this.handleClickOutside); 2019 this.observe(); 2020 } 2021 unregister() { 2022 document.removeEventListener("click", this.handleClickOutside); 2023 this.darkMedia?.removeEventListener("change", this.darkMediaCallback); 2024 this.unobserve(); 2025 } 2026 observe() { 2027 this.observeCategories(); 2028 this.observeRows(); 2029 } 2030 unobserve({ except: except = [] } = {}) { 2031 if (!Array.isArray(except)) except = [ 2032 except 2033 ]; 2034 for (const observer of this.observers){ 2035 if (except.includes(observer)) continue; 2036 observer.disconnect(); 2037 } 2038 this.observers = [].concat(except); 2039 } 2040 initGrid() { 2041 const { categories: categories } = (0, $7adb23b0109cc36a$export$2d0294657ab35f1b); 2042 this.refs.categories = new Map(); 2043 const navKey = (0, $7adb23b0109cc36a$export$2d0294657ab35f1b).categories.map((category)=>category.id).join(","); 2044 if (this.navKey && this.navKey != navKey) this.refs.scroll.current && (this.refs.scroll.current.scrollTop = 0); 2045 this.navKey = navKey; 2046 this.grid = []; 2047 this.grid.setsize = 0; 2048 const addRow = (rows, category)=>{ 2049 const row = []; 2050 row.__categoryId = category.id; 2051 row.__index = rows.length; 2052 this.grid.push(row); 2053 const rowIndex = this.grid.length - 1; 2054 const rowRef = rowIndex % $89bd6bb200cc8fef$var$Performance.rowsPerRender ? {} : (0, $fb96b826c0c5f37a$export$7d1e3a5e95ceca43)(); 2055 rowRef.index = rowIndex; 2056 rowRef.posinset = this.grid.setsize + 1; 2057 rows.push(rowRef); 2058 return row; 2059 }; 2060 for (let category1 of categories){ 2061 const rows = []; 2062 let row = addRow(rows, category1); 2063 for (let emoji of category1.emojis){ 2064 if (row.length == this.getPerLine()) row = addRow(rows, category1); 2065 this.grid.setsize += 1; 2066 row.push(emoji); 2067 } 2068 this.refs.categories.set(category1.id, { 2069 root: (0, $fb96b826c0c5f37a$export$7d1e3a5e95ceca43)(), 2070 rows: rows 2071 }); 2072 } 2073 } 2074 initTheme(theme) { 2075 if (theme != "auto") return theme; 2076 if (!this.darkMedia) { 2077 this.darkMedia = matchMedia("(prefers-color-scheme: dark)"); 2078 if (this.darkMedia.media.match(/^not/)) return "light"; 2079 this.darkMedia.addEventListener("change", this.darkMediaCallback); 2080 } 2081 return this.darkMedia.matches ? "dark" : "light"; 2082 } 2083 initDynamicPerLine(props = this.props) { 2084 if (!props.dynamicWidth) return; 2085 const { element: element , emojiButtonSize: emojiButtonSize } = props; 2086 const calculatePerLine = ()=>{ 2087 const { width: width } = element.getBoundingClientRect(); 2088 return Math.floor(width / emojiButtonSize); 2089 }; 2090 const observer = new ResizeObserver(()=>{ 2091 this.unobserve({ 2092 except: observer 2093 }); 2094 this.setState({ 2095 perLine: calculatePerLine() 2096 }, ()=>{ 2097 this.initGrid(); 2098 this.forceUpdate(()=>{ 2099 this.observeCategories(); 2100 this.observeRows(); 2101 }); 2102 }); 2103 }); 2104 observer.observe(element); 2105 this.observers.push(observer); 2106 return calculatePerLine(); 2107 } 2108 getPerLine() { 2109 return this.state.perLine || this.props.perLine; 2110 } 2111 getEmojiByPos([p1, p2]) { 2112 const grid = this.state.searchResults || this.grid; 2113 const emoji = grid[p1] && grid[p1][p2]; 2114 if (!emoji) return; 2115 return (0, $c4d155af13ad4d4b$export$2e2bcd8739ae039).get(emoji); 2116 } 2117 observeCategories() { 2118 const navigation = this.refs.navigation.current; 2119 if (!navigation) return; 2120 const visibleCategories = new Map(); 2121 const setFocusedCategory = (categoryId)=>{ 2122 if (categoryId != navigation.state.categoryId) navigation.setState({ 2123 categoryId: categoryId 2124 }); 2125 }; 2126 const observerOptions = { 2127 root: this.refs.scroll.current, 2128 threshold: [ 2129 0.0, 2130 1.0 2131 ] 2132 }; 2133 const observer = new IntersectionObserver((entries)=>{ 2134 for (const entry of entries){ 2135 const id = entry.target.dataset.id; 2136 visibleCategories.set(id, entry.intersectionRatio); 2137 } 2138 const ratios = [ 2139 ...visibleCategories 2140 ]; 2141 for (const [id, ratio] of ratios)if (ratio) { 2142 setFocusedCategory(id); 2143 break; 2144 } 2145 }, observerOptions); 2146 for (const { root: root } of this.refs.categories.values())observer.observe(root.current); 2147 this.observers.push(observer); 2148 } 2149 observeRows() { 2150 const visibleRows = { 2151 ...this.state.visibleRows 2152 }; 2153 const observer = new IntersectionObserver((entries)=>{ 2154 for (const entry of entries){ 2155 const index = parseInt(entry.target.dataset.index); 2156 if (entry.isIntersecting) visibleRows[index] = true; 2157 else delete visibleRows[index]; 2158 } 2159 this.setState({ 2160 visibleRows: visibleRows 2161 }); 2162 }, { 2163 root: this.refs.scroll.current, 2164 rootMargin: `${this.props.emojiButtonSize * ($89bd6bb200cc8fef$var$Performance.rowsPerRender + 5)}px 0px ${this.props.emojiButtonSize * $89bd6bb200cc8fef$var$Performance.rowsPerRender}px` 2165 }); 2166 for (const { rows: rows } of this.refs.categories.values()){ 2167 for (const row of rows)if (row.current) observer.observe(row.current); 2168 } 2169 this.observers.push(observer); 2170 } 2171 preventDefault(e) { 2172 e.preventDefault(); 2173 } 2174 unfocusSearch() { 2175 const input = this.refs.searchInput.current; 2176 if (!input) return; 2177 input.blur(); 2178 } 2179 navigate({ e: e , input: input , left: left , right: right , up: up , down: down }) { 2180 const grid = this.state.searchResults || this.grid; 2181 if (!grid.length) return; 2182 let [p1, p2] = this.state.pos; 2183 const pos = (()=>{ 2184 if (p1 == 0) { 2185 if (p2 == 0 && !e.repeat && (left || up)) return null; 2186 } 2187 if (p1 == -1) { 2188 if (!e.repeat && (right || down) && input.selectionStart == input.value.length) return [ 2189 0, 2190 0 2191 ]; 2192 return null; 2193 } 2194 if (left || right) { 2195 let row = grid[p1]; 2196 const increment = left ? -1 : 1; 2197 p2 += increment; 2198 if (!row[p2]) { 2199 p1 += increment; 2200 row = grid[p1]; 2201 if (!row) { 2202 p1 = left ? 0 : grid.length - 1; 2203 p2 = left ? 0 : grid[p1].length - 1; 2204 return [ 2205 p1, 2206 p2 2207 ]; 2208 } 2209 p2 = left ? row.length - 1 : 0; 2210 } 2211 return [ 2212 p1, 2213 p2 2214 ]; 2215 } 2216 if (up || down) { 2217 p1 += up ? -1 : 1; 2218 const row = grid[p1]; 2219 if (!row) { 2220 p1 = up ? 0 : grid.length - 1; 2221 p2 = up ? 0 : grid[p1].length - 1; 2222 return [ 2223 p1, 2224 p2 2225 ]; 2226 } 2227 if (!row[p2]) p2 = row.length - 1; 2228 return [ 2229 p1, 2230 p2 2231 ]; 2232 } 2233 })(); 2234 if (pos) e.preventDefault(); 2235 else { 2236 if (this.state.pos[0] > -1) this.setState({ 2237 pos: [ 2238 -1, 2239 -1 2240 ] 2241 }); 2242 return; 2243 } 2244 this.setState({ 2245 pos: pos, 2246 keyboard: true 2247 }, ()=>{ 2248 this.scrollTo({ 2249 row: pos[0] 2250 }); 2251 }); 2252 } 2253 scrollTo({ categoryId: categoryId , row: row }) { 2254 const grid = this.state.searchResults || this.grid; 2255 if (!grid.length) return; 2256 const scroll = this.refs.scroll.current; 2257 const scrollRect = scroll.getBoundingClientRect(); 2258 let scrollTop = 0; 2259 if (row >= 0) categoryId = grid[row].__categoryId; 2260 if (categoryId) { 2261 const ref = this.refs[categoryId] || this.refs.categories.get(categoryId).root; 2262 const categoryRect = ref.current.getBoundingClientRect(); 2263 scrollTop = categoryRect.top - (scrollRect.top - scroll.scrollTop) + 1; 2264 } 2265 if (row >= 0) { 2266 if (!row) scrollTop = 0; 2267 else { 2268 const rowIndex = grid[row].__index; 2269 const rowTop = scrollTop + rowIndex * this.props.emojiButtonSize; 2270 const rowBot = rowTop + this.props.emojiButtonSize + this.props.emojiButtonSize * 0.88; 2271 if (rowTop < scroll.scrollTop) scrollTop = rowTop; 2272 else if (rowBot > scroll.scrollTop + scrollRect.height) scrollTop = rowBot - scrollRect.height; 2273 else return; 2274 } 2275 } 2276 this.ignoreMouse(); 2277 scroll.scrollTop = scrollTop; 2278 } 2279 ignoreMouse() { 2280 this.mouseIsIgnored = true; 2281 clearTimeout(this.ignoreMouseTimer); 2282 this.ignoreMouseTimer = setTimeout(()=>{ 2283 delete this.mouseIsIgnored; 2284 }, 100); 2285 } 2286 handleEmojiOver(pos) { 2287 if (this.mouseIsIgnored || this.state.showSkins) return; 2288 this.setState({ 2289 pos: pos || [ 2290 -1, 2291 -1 2292 ], 2293 keyboard: false 2294 }); 2295 } 2296 handleEmojiClick({ e: e , emoji: emoji , pos: pos }) { 2297 if (!this.props.onEmojiSelect) return; 2298 if (!emoji && pos) emoji = this.getEmojiByPos(pos); 2299 if (emoji) { 2300 const emojiData = (0, $693b183b0a78708f$export$d10ac59fbe52a745)(emoji, { 2301 skinIndex: this.state.skin - 1 2302 }); 2303 if (this.props.maxFrequentRows) (0, $b22cfd0a55410b4f$export$2e2bcd8739ae039).add(emojiData, this.props); 2304 this.props.onEmojiSelect(emojiData, e); 2305 } 2306 } 2307 closeSkins() { 2308 if (!this.state.showSkins) return; 2309 this.setState({ 2310 showSkins: null, 2311 tempSkin: null 2312 }); 2313 this.base.removeEventListener("click", this.handleBaseClick); 2314 this.base.removeEventListener("keydown", this.handleBaseKeydown); 2315 } 2316 handleSkinMouseOver(tempSkin) { 2317 this.setState({ 2318 tempSkin: tempSkin 2319 }); 2320 } 2321 handleSkinClick(skin) { 2322 this.ignoreMouse(); 2323 this.closeSkins(); 2324 this.setState({ 2325 skin: skin, 2326 tempSkin: null 2327 }); 2328 (0, $f72b75cf796873c7$export$2e2bcd8739ae039).set("skin", skin); 2329 } 2330 renderNav() { 2331 return /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)((0, $ec8c39fdad15601a$export$2e2bcd8739ae039), { 2332 ref: this.refs.navigation, 2333 icons: this.props.icons, 2334 theme: this.state.theme, 2335 dir: this.dir, 2336 unfocused: !!this.state.searchResults, 2337 position: this.props.navPosition, 2338 onClick: this.handleCategoryClick 2339 }, this.navKey); 2340 } 2341 renderPreview() { 2342 const emoji = this.getEmojiByPos(this.state.pos); 2343 const noSearchResults = this.state.searchResults && !this.state.searchResults.length; 2344 return /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2345 id: "preview", 2346 class: "flex flex-middle", 2347 dir: this.dir, 2348 "data-position": this.props.previewPosition, 2349 children: [ 2350 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2351 class: "flex flex-middle flex-grow", 2352 children: [ 2353 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2354 class: "flex flex-auto flex-middle flex-center", 2355 style: { 2356 height: this.props.emojiButtonSize, 2357 fontSize: this.props.emojiButtonSize 2358 }, 2359 children: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)((0, $254755d3f438722f$export$2e2bcd8739ae039), { 2360 emoji: emoji, 2361 id: noSearchResults ? this.props.noResultsEmoji || "cry" : this.props.previewEmoji || (this.props.previewPosition == "top" ? "point_down" : "point_up"), 2362 set: this.props.set, 2363 size: this.props.emojiButtonSize, 2364 skin: this.state.tempSkin || this.state.skin, 2365 spritesheet: true, 2366 getSpritesheetURL: this.props.getSpritesheetURL 2367 }) 2368 }), 2369 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2370 class: `margin-${this.dir[0]}`, 2371 children: emoji || noSearchResults ? /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2372 class: `padding-${this.dir[2]} align-${this.dir[0]}`, 2373 children: [ 2374 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2375 class: "preview-title ellipsis", 2376 children: emoji ? emoji.name : (0, $7adb23b0109cc36a$export$dbe3113d60765c1a).search_no_results_1 2377 }), 2378 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2379 class: "preview-subtitle ellipsis color-c", 2380 children: emoji ? emoji.skins[0].shortcodes : (0, $7adb23b0109cc36a$export$dbe3113d60765c1a).search_no_results_2 2381 }) 2382 ] 2383 }) : /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2384 class: "preview-placeholder color-c", 2385 children: (0, $7adb23b0109cc36a$export$dbe3113d60765c1a).pick 2386 }) 2387 }) 2388 ] 2389 }), 2390 !emoji && this.props.skinTonePosition == "preview" && this.renderSkinToneButton() 2391 ] 2392 }); 2393 } 2394 renderEmojiButton(emoji, { pos: pos , posinset: posinset , grid: grid }) { 2395 const size = this.props.emojiButtonSize; 2396 const skin = this.state.tempSkin || this.state.skin; 2397 const emojiSkin = emoji.skins[skin - 1] || emoji.skins[0]; 2398 const native = emojiSkin.native; 2399 const selected = (0, $693b183b0a78708f$export$9cb4719e2e525b7a)(this.state.pos, pos); 2400 const key = pos.concat(emoji.id).join(""); 2401 return /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)((0, $e0d4dda61265ff1e$export$2e2bcd8739ae039), { 2402 selected: selected, 2403 skin: skin, 2404 size: size, 2405 children: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("button", { 2406 "aria-label": native, 2407 "aria-selected": selected || undefined, 2408 "aria-posinset": posinset, 2409 "aria-setsize": grid.setsize, 2410 "data-keyboard": this.state.keyboard, 2411 title: this.props.previewPosition == "none" ? emoji.name : undefined, 2412 type: "button", 2413 class: "flex flex-center flex-middle", 2414 tabindex: "-1", 2415 onClick: (e)=>this.handleEmojiClick({ 2416 e: e, 2417 emoji: emoji 2418 }), 2419 onMouseEnter: ()=>this.handleEmojiOver(pos), 2420 onMouseLeave: ()=>this.handleEmojiOver(), 2421 style: { 2422 width: this.props.emojiButtonSize, 2423 height: this.props.emojiButtonSize, 2424 fontSize: this.props.emojiSize, 2425 lineHeight: 0 2426 }, 2427 children: [ 2428 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2429 "aria-hidden": "true", 2430 class: "background", 2431 style: { 2432 borderRadius: this.props.emojiButtonRadius, 2433 backgroundColor: this.props.emojiButtonColors ? this.props.emojiButtonColors[(posinset - 1) % this.props.emojiButtonColors.length] : undefined 2434 } 2435 }), 2436 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)((0, $254755d3f438722f$export$2e2bcd8739ae039), { 2437 emoji: emoji, 2438 set: this.props.set, 2439 size: this.props.emojiSize, 2440 skin: skin, 2441 spritesheet: true, 2442 getSpritesheetURL: this.props.getSpritesheetURL 2443 }) 2444 ] 2445 }) 2446 }, key); 2447 } 2448 renderSearch() { 2449 const renderSkinTone = this.props.previewPosition == "none" || this.props.skinTonePosition == "search"; 2450 return /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2451 children: [ 2452 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2453 class: "spacer" 2454 }), 2455 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2456 class: "flex flex-middle", 2457 children: [ 2458 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2459 class: "search relative flex-grow", 2460 children: [ 2461 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("input", { 2462 type: "search", 2463 ref: this.refs.searchInput, 2464 placeholder: (0, $7adb23b0109cc36a$export$dbe3113d60765c1a).search, 2465 onClick: this.handleSearchClick, 2466 onInput: this.handleSearchInput, 2467 onKeyDown: this.handleSearchKeyDown, 2468 autoComplete: "off" 2469 }), 2470 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("span", { 2471 class: "icon loupe flex", 2472 children: (0, $fcccfb36ed0cde68$export$2e2bcd8739ae039).search.loupe 2473 }), 2474 this.state.searchResults && /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("button", { 2475 title: "Clear", 2476 "aria-label": "Clear", 2477 type: "button", 2478 class: "icon delete flex", 2479 onClick: this.clearSearch, 2480 onMouseDown: this.preventDefault, 2481 children: (0, $fcccfb36ed0cde68$export$2e2bcd8739ae039).search.delete 2482 }) 2483 ] 2484 }), 2485 renderSkinTone && this.renderSkinToneButton() 2486 ] 2487 }) 2488 ] 2489 }); 2490 } 2491 renderSearchResults() { 2492 const { searchResults: searchResults } = this.state; 2493 if (!searchResults) return null; 2494 return /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2495 class: "category", 2496 ref: this.refs.search, 2497 children: [ 2498 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2499 class: `sticky padding-small align-${this.dir[0]}`, 2500 children: (0, $7adb23b0109cc36a$export$dbe3113d60765c1a).categories.search 2501 }), 2502 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2503 children: !searchResults.length ? /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2504 class: `padding-small align-${this.dir[0]}`, 2505 children: this.props.onAddCustomEmoji && /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("a", { 2506 onClick: this.props.onAddCustomEmoji, 2507 children: (0, $7adb23b0109cc36a$export$dbe3113d60765c1a).add_custom 2508 }) 2509 }) : searchResults.map((row, i)=>{ 2510 return /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2511 class: "flex", 2512 children: row.map((emoji, ii)=>{ 2513 return this.renderEmojiButton(emoji, { 2514 pos: [ 2515 i, 2516 ii 2517 ], 2518 posinset: i * this.props.perLine + ii + 1, 2519 grid: searchResults 2520 }); 2521 }) 2522 }); 2523 }) 2524 }) 2525 ] 2526 }); 2527 } 2528 renderCategories() { 2529 const { categories: categories } = (0, $7adb23b0109cc36a$export$2d0294657ab35f1b); 2530 const hidden = !!this.state.searchResults; 2531 const perLine = this.getPerLine(); 2532 return /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2533 style: { 2534 visibility: hidden ? "hidden" : undefined, 2535 display: hidden ? "none" : undefined, 2536 height: "100%" 2537 }, 2538 children: categories.map((category)=>{ 2539 const { root: root , rows: rows } = this.refs.categories.get(category.id); 2540 return /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2541 "data-id": category.target ? category.target.id : category.id, 2542 class: "category", 2543 ref: root, 2544 children: [ 2545 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2546 class: `sticky padding-small align-${this.dir[0]}`, 2547 children: category.name || (0, $7adb23b0109cc36a$export$dbe3113d60765c1a).categories[category.id] 2548 }), 2549 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2550 class: "relative", 2551 style: { 2552 height: rows.length * this.props.emojiButtonSize 2553 }, 2554 children: rows.map((row, i)=>{ 2555 const targetRow = row.index - row.index % $89bd6bb200cc8fef$var$Performance.rowsPerRender; 2556 const visible = this.state.visibleRows[targetRow]; 2557 const ref = "current" in row ? row : undefined; 2558 if (!visible && !ref) return null; 2559 const start = i * perLine; 2560 const end = start + perLine; 2561 const emojiIds = category.emojis.slice(start, end); 2562 if (emojiIds.length < perLine) emojiIds.push(...new Array(perLine - emojiIds.length)); 2563 return /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2564 "data-index": row.index, 2565 ref: ref, 2566 class: "flex row", 2567 style: { 2568 top: i * this.props.emojiButtonSize 2569 }, 2570 children: visible && emojiIds.map((emojiId, ii)=>{ 2571 if (!emojiId) return /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2572 style: { 2573 width: this.props.emojiButtonSize, 2574 height: this.props.emojiButtonSize 2575 } 2576 }); 2577 const emoji = (0, $c4d155af13ad4d4b$export$2e2bcd8739ae039).get(emojiId); 2578 return this.renderEmojiButton(emoji, { 2579 pos: [ 2580 row.index, 2581 ii 2582 ], 2583 posinset: row.posinset + ii, 2584 grid: this.grid 2585 }); 2586 }) 2587 }, row.index); 2588 }) 2589 }) 2590 ] 2591 }); 2592 }) 2593 }); 2594 } 2595 renderSkinToneButton() { 2596 if (this.props.skinTonePosition == "none") return null; 2597 return /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2598 class: "flex flex-auto flex-center flex-middle", 2599 style: { 2600 position: "relative", 2601 width: this.props.emojiButtonSize, 2602 height: this.props.emojiButtonSize 2603 }, 2604 children: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("button", { 2605 type: "button", 2606 ref: this.refs.skinToneButton, 2607 class: "skin-tone-button flex flex-auto flex-center flex-middle", 2608 "aria-selected": this.state.showSkins ? "" : undefined, 2609 "aria-label": (0, $7adb23b0109cc36a$export$dbe3113d60765c1a).skins.choose, 2610 title: (0, $7adb23b0109cc36a$export$dbe3113d60765c1a).skins.choose, 2611 onClick: this.openSkins, 2612 style: { 2613 width: this.props.emojiSize, 2614 height: this.props.emojiSize 2615 }, 2616 children: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("span", { 2617 class: `skin-tone skin-tone-${this.state.skin}` 2618 }) 2619 }) 2620 }); 2621 } 2622 renderLiveRegion() { 2623 const emoji = this.getEmojiByPos(this.state.pos); 2624 const contents = emoji ? emoji.name : ""; 2625 return /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2626 "aria-live": "polite", 2627 class: "sr-only", 2628 children: contents 2629 }); 2630 } 2631 renderSkins() { 2632 const skinToneButton = this.refs.skinToneButton.current; 2633 const skinToneButtonRect = skinToneButton.getBoundingClientRect(); 2634 const baseRect = this.base.getBoundingClientRect(); 2635 const position = {}; 2636 if (this.dir == "ltr") position.right = baseRect.right - skinToneButtonRect.right - 3; 2637 else position.left = skinToneButtonRect.left - baseRect.left - 3; 2638 if (this.props.previewPosition == "bottom" && this.props.skinTonePosition == "preview") position.bottom = baseRect.bottom - skinToneButtonRect.top + 6; 2639 else { 2640 position.top = skinToneButtonRect.bottom - baseRect.top + 3; 2641 position.bottom = "auto"; 2642 } 2643 return /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2644 ref: this.refs.menu, 2645 role: "radiogroup", 2646 dir: this.dir, 2647 "aria-label": (0, $7adb23b0109cc36a$export$dbe3113d60765c1a).skins.choose, 2648 class: "menu hidden", 2649 "data-position": position.top ? "top" : "bottom", 2650 style: position, 2651 children: [ 2652 ...Array(6).keys() 2653 ].map((i)=>{ 2654 const skin = i + 1; 2655 const checked = this.state.skin == skin; 2656 return /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2657 children: [ 2658 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("input", { 2659 type: "radio", 2660 name: "skin-tone", 2661 value: skin, 2662 "aria-label": (0, $7adb23b0109cc36a$export$dbe3113d60765c1a).skins[skin], 2663 ref: checked ? this.refs.skinToneRadio : null, 2664 defaultChecked: checked, 2665 onChange: ()=>this.handleSkinMouseOver(skin), 2666 onKeyDown: (e)=>{ 2667 if (e.code == "Enter" || e.code == "Space" || e.code == "Tab") { 2668 e.preventDefault(); 2669 this.handleSkinClick(skin); 2670 } 2671 } 2672 }), 2673 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("button", { 2674 "aria-hidden": "true", 2675 tabindex: "-1", 2676 onClick: ()=>this.handleSkinClick(skin), 2677 onMouseEnter: ()=>this.handleSkinMouseOver(skin), 2678 onMouseLeave: ()=>this.handleSkinMouseOver(), 2679 class: "option flex flex-grow flex-middle", 2680 children: [ 2681 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("span", { 2682 class: `skin-tone skin-tone-${skin}` 2683 }), 2684 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("span", { 2685 class: "margin-small-lr", 2686 children: (0, $7adb23b0109cc36a$export$dbe3113d60765c1a).skins[skin] 2687 }) 2688 ] 2689 }) 2690 ] 2691 }); 2692 }) 2693 }); 2694 } 2695 render() { 2696 const lineWidth = this.props.perLine * this.props.emojiButtonSize; 2697 return /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("section", { 2698 id: "root", 2699 class: "flex flex-column", 2700 dir: this.dir, 2701 style: { 2702 width: this.props.dynamicWidth ? "100%" : `calc(${lineWidth}px + (var(--padding) + var(--sidebar-width)))` 2703 }, 2704 "data-emoji-set": this.props.set, 2705 "data-theme": this.state.theme, 2706 "data-menu": this.state.showSkins ? "" : undefined, 2707 children: [ 2708 this.props.previewPosition == "top" && this.renderPreview(), 2709 this.props.navPosition == "top" && this.renderNav(), 2710 this.props.searchPosition == "sticky" && /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2711 class: "padding-lr", 2712 children: this.renderSearch() 2713 }), 2714 /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2715 ref: this.refs.scroll, 2716 class: "scroll flex-grow padding-lr", 2717 children: /*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)("div", { 2718 style: { 2719 width: this.props.dynamicWidth ? "100%" : lineWidth, 2720 height: "100%" 2721 }, 2722 children: [ 2723 this.props.searchPosition == "static" && this.renderSearch(), 2724 this.renderSearchResults(), 2725 this.renderCategories() 2726 ] 2727 }) 2728 }), 2729 this.props.navPosition == "bottom" && this.renderNav(), 2730 this.props.previewPosition == "bottom" && this.renderPreview(), 2731 this.state.showSkins && this.renderSkins(), 2732 this.renderLiveRegion() 2733 ] 2734 }); 2735 } 2736 constructor(props){ 2737 super(); 2738 (0, $c770c458706daa72$export$2e2bcd8739ae039)(this, "darkMediaCallback", ()=>{ 2739 if (this.props.theme != "auto") return; 2740 this.setState({ 2741 theme: this.darkMedia.matches ? "dark" : "light" 2742 }); 2743 }); 2744 (0, $c770c458706daa72$export$2e2bcd8739ae039)(this, "handleClickOutside", (e)=>{ 2745 const { element: element } = this.props; 2746 if (e.target != element) { 2747 if (this.state.showSkins) this.closeSkins(); 2748 if (this.props.onClickOutside) this.props.onClickOutside(e); 2749 } 2750 }); 2751 (0, $c770c458706daa72$export$2e2bcd8739ae039)(this, "handleBaseClick", (e)=>{ 2752 if (!this.state.showSkins) return; 2753 if (!e.target.closest(".menu")) { 2754 e.preventDefault(); 2755 e.stopImmediatePropagation(); 2756 this.closeSkins(); 2757 } 2758 }); 2759 (0, $c770c458706daa72$export$2e2bcd8739ae039)(this, "handleBaseKeydown", (e)=>{ 2760 if (!this.state.showSkins) return; 2761 if (e.key == "Escape") { 2762 e.preventDefault(); 2763 e.stopImmediatePropagation(); 2764 this.closeSkins(); 2765 } 2766 }); 2767 (0, $c770c458706daa72$export$2e2bcd8739ae039)(this, "handleSearchClick", ()=>{ 2768 const emoji = this.getEmojiByPos(this.state.pos); 2769 if (!emoji) return; 2770 this.setState({ 2771 pos: [ 2772 -1, 2773 -1 2774 ] 2775 }); 2776 }); 2777 (0, $c770c458706daa72$export$2e2bcd8739ae039)(this, "handleSearchInput", async ()=>{ 2778 const input = this.refs.searchInput.current; 2779 if (!input) return; 2780 const { value: value } = input; 2781 const searchResults = await (0, $c4d155af13ad4d4b$export$2e2bcd8739ae039).search(value); 2782 const afterRender = ()=>{ 2783 if (!this.refs.scroll.current) return; 2784 this.refs.scroll.current.scrollTop = 0; 2785 }; 2786 if (!searchResults) return this.setState({ 2787 searchResults: searchResults, 2788 pos: [ 2789 -1, 2790 -1 2791 ] 2792 }, afterRender); 2793 const pos = input.selectionStart == input.value.length ? [ 2794 0, 2795 0 2796 ] : [ 2797 -1, 2798 -1 2799 ]; 2800 const grid = []; 2801 grid.setsize = searchResults.length; 2802 let row = null; 2803 for (let emoji of searchResults){ 2804 if (!grid.length || row.length == this.getPerLine()) { 2805 row = []; 2806 row.__categoryId = "search"; 2807 row.__index = grid.length; 2808 grid.push(row); 2809 } 2810 row.push(emoji); 2811 } 2812 this.ignoreMouse(); 2813 this.setState({ 2814 searchResults: grid, 2815 pos: pos 2816 }, afterRender); 2817 }); 2818 (0, $c770c458706daa72$export$2e2bcd8739ae039)(this, "handleSearchKeyDown", (e)=>{ 2819 // const specialKey = e.altKey || e.ctrlKey || e.metaKey 2820 const input = e.currentTarget; 2821 e.stopImmediatePropagation(); 2822 switch(e.key){ 2823 case "ArrowLeft": 2824 // if (specialKey) return 2825 // e.preventDefault() 2826 this.navigate({ 2827 e: e, 2828 input: input, 2829 left: true 2830 }); 2831 break; 2832 case "ArrowRight": 2833 // if (specialKey) return 2834 // e.preventDefault() 2835 this.navigate({ 2836 e: e, 2837 input: input, 2838 right: true 2839 }); 2840 break; 2841 case "ArrowUp": 2842 // if (specialKey) return 2843 // e.preventDefault() 2844 this.navigate({ 2845 e: e, 2846 input: input, 2847 up: true 2848 }); 2849 break; 2850 case "ArrowDown": 2851 // if (specialKey) return 2852 // e.preventDefault() 2853 this.navigate({ 2854 e: e, 2855 input: input, 2856 down: true 2857 }); 2858 break; 2859 case "Enter": 2860 e.preventDefault(); 2861 this.handleEmojiClick({ 2862 e: e, 2863 pos: this.state.pos 2864 }); 2865 break; 2866 case "Escape": 2867 e.preventDefault(); 2868 if (this.state.searchResults) this.clearSearch(); 2869 else this.unfocusSearch(); 2870 break; 2871 default: 2872 break; 2873 } 2874 }); 2875 (0, $c770c458706daa72$export$2e2bcd8739ae039)(this, "clearSearch", ()=>{ 2876 const input = this.refs.searchInput.current; 2877 if (!input) return; 2878 input.value = ""; 2879 input.focus(); 2880 this.handleSearchInput(); 2881 }); 2882 (0, $c770c458706daa72$export$2e2bcd8739ae039)(this, "handleCategoryClick", ({ category: category , i: i })=>{ 2883 this.scrollTo(i == 0 ? { 2884 row: -1 2885 } : { 2886 categoryId: category.id 2887 }); 2888 }); 2889 (0, $c770c458706daa72$export$2e2bcd8739ae039)(this, "openSkins", (e)=>{ 2890 const { currentTarget: currentTarget } = e; 2891 const rect = currentTarget.getBoundingClientRect(); 2892 this.setState({ 2893 showSkins: rect 2894 }, async ()=>{ 2895 // Firefox requires 2 frames for the transition to consistenly work 2896 await (0, $693b183b0a78708f$export$e772c8ff12451969)(2); 2897 const menu = this.refs.menu.current; 2898 if (!menu) return; 2899 menu.classList.remove("hidden"); 2900 this.refs.skinToneRadio.current.focus(); 2901 this.base.addEventListener("click", this.handleBaseClick, true); 2902 this.base.addEventListener("keydown", this.handleBaseKeydown, true); 2903 }); 2904 }); 2905 this.observers = []; 2906 this.state = { 2907 pos: [ 2908 -1, 2909 -1 2910 ], 2911 perLine: this.initDynamicPerLine(props), 2912 visibleRows: { 2913 0: true 2914 }, 2915 ...this.getInitialState(props) 2916 }; 2917 } 2918} 2919 2920 2921 2922 2923 2924 2925 2926 2927 2928class $efa000751917694d$export$2e2bcd8739ae039 extends (0, $26f27c338a96b1a6$export$2e2bcd8739ae039) { 2929 async connectedCallback() { 2930 const props = (0, $7adb23b0109cc36a$export$75fe5f91d452f94b)(this.props, (0, $b247ea80b67298d5$export$2e2bcd8739ae039), this); 2931 props.element = this; 2932 props.ref = (component)=>{ 2933 this.component = component; 2934 }; 2935 await (0, $7adb23b0109cc36a$export$2cd8252107eb640b)(props); 2936 if (this.disconnected) return; 2937 (0, $fb96b826c0c5f37a$export$b3890eb0ae9dca99)(/*#__PURE__*/ (0, $bd9dd35321b03dd4$export$34b9dba7ce09269b)((0, $89bd6bb200cc8fef$export$2e2bcd8739ae039), { 2938 ...props 2939 }), this.shadowRoot); 2940 } 2941 constructor(props){ 2942 super(props, { 2943 styles: (0, (/*@__PURE__*/$parcel$interopDefault($329d53ba9fd7125f$exports))) 2944 }); 2945 } 2946} 2947(0, $c770c458706daa72$export$2e2bcd8739ae039)($efa000751917694d$export$2e2bcd8739ae039, "Props", (0, $b247ea80b67298d5$export$2e2bcd8739ae039)); 2948if (typeof customElements !== "undefined" && !customElements.get("em-emoji-picker")) customElements.define("em-emoji-picker", $efa000751917694d$export$2e2bcd8739ae039); 2949 2950 2951var $329d53ba9fd7125f$exports = {}; 2952$329d53ba9fd7125f$exports = ":host {\n width: min-content;\n height: 435px;\n min-height: 230px;\n border-radius: var(--border-radius);\n box-shadow: var(--shadow);\n --border-radius: 10px;\n --category-icon-size: 18px;\n --font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", sans-serif;\n --font-size: 15px;\n --preview-placeholder-size: 21px;\n --preview-title-size: 1.1em;\n --preview-subtitle-size: .9em;\n --shadow-color: 0deg 0% 0%;\n --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);\n display: flex;\n}\n\n[data-theme=\"light\"] {\n --em-rgb-color: var(--rgb-color, 34, 36, 39);\n --em-rgb-accent: var(--rgb-accent, 34, 102, 237);\n --em-rgb-background: var(--rgb-background, 255, 255, 255);\n --em-rgb-input: var(--rgb-input, 255, 255, 255);\n --em-color-border: var(--color-border, rgba(0, 0, 0, .05));\n --em-color-border-over: var(--color-border-over, rgba(0, 0, 0, .1));\n}\n\n[data-theme=\"dark\"] {\n --em-rgb-color: var(--rgb-color, 222, 222, 221);\n --em-rgb-accent: var(--rgb-accent, 58, 130, 247);\n --em-rgb-background: var(--rgb-background, 21, 22, 23);\n --em-rgb-input: var(--rgb-input, 0, 0, 0);\n --em-color-border: var(--color-border, rgba(255, 255, 255, .1));\n --em-color-border-over: var(--color-border-over, rgba(255, 255, 255, .2));\n}\n\n#root {\n --color-a: rgb(var(--em-rgb-color));\n --color-b: rgba(var(--em-rgb-color), .65);\n --color-c: rgba(var(--em-rgb-color), .45);\n --padding: 12px;\n --padding-small: calc(var(--padding) / 2);\n --sidebar-width: 16px;\n --duration: 225ms;\n --duration-fast: 125ms;\n --duration-instant: 50ms;\n --easing: cubic-bezier(.4, 0, .2, 1);\n width: 100%;\n text-align: left;\n border-radius: var(--border-radius);\n background-color: rgb(var(--em-rgb-background));\n position: relative;\n}\n\n@media (prefers-reduced-motion) {\n #root {\n --duration: 0;\n --duration-fast: 0;\n --duration-instant: 0;\n }\n}\n\n#root[data-menu] button {\n cursor: auto;\n}\n\n#root[data-menu] .menu button {\n cursor: pointer;\n}\n\n:host, #root, input, button {\n color: rgb(var(--em-rgb-color));\n font-family: var(--font-family);\n font-size: var(--font-size);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n line-height: normal;\n}\n\n*, :before, :after {\n box-sizing: border-box;\n min-width: 0;\n margin: 0;\n padding: 0;\n}\n\n.relative {\n position: relative;\n}\n\n.flex {\n display: flex;\n}\n\n.flex-auto {\n flex: none;\n}\n\n.flex-center {\n justify-content: center;\n}\n\n.flex-column {\n flex-direction: column;\n}\n\n.flex-grow {\n flex: auto;\n}\n\n.flex-middle {\n align-items: center;\n}\n\n.flex-wrap {\n flex-wrap: wrap;\n}\n\n.padding {\n padding: var(--padding);\n}\n\n.padding-t {\n padding-top: var(--padding);\n}\n\n.padding-lr {\n padding-left: var(--padding);\n padding-right: var(--padding);\n}\n\n.padding-r {\n padding-right: var(--padding);\n}\n\n.padding-small {\n padding: var(--padding-small);\n}\n\n.padding-small-b {\n padding-bottom: var(--padding-small);\n}\n\n.padding-small-lr {\n padding-left: var(--padding-small);\n padding-right: var(--padding-small);\n}\n\n.margin {\n margin: var(--padding);\n}\n\n.margin-r {\n margin-right: var(--padding);\n}\n\n.margin-l {\n margin-left: var(--padding);\n}\n\n.margin-small-l {\n margin-left: var(--padding-small);\n}\n\n.margin-small-lr {\n margin-left: var(--padding-small);\n margin-right: var(--padding-small);\n}\n\n.align-l {\n text-align: left;\n}\n\n.align-r {\n text-align: right;\n}\n\n.color-a {\n color: var(--color-a);\n}\n\n.color-b {\n color: var(--color-b);\n}\n\n.color-c {\n color: var(--color-c);\n}\n\n.ellipsis {\n white-space: nowrap;\n max-width: 100%;\n width: auto;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n.sr-only {\n width: 1px;\n height: 1px;\n position: absolute;\n top: auto;\n left: -10000px;\n overflow: hidden;\n}\n\na {\n cursor: pointer;\n color: rgb(var(--em-rgb-accent));\n}\n\na:hover {\n text-decoration: underline;\n}\n\n.spacer {\n height: 10px;\n}\n\n[dir=\"rtl\"] .scroll {\n padding-left: 0;\n padding-right: var(--padding);\n}\n\n.scroll {\n padding-right: 0;\n overflow-x: hidden;\n overflow-y: auto;\n}\n\n.scroll::-webkit-scrollbar {\n width: var(--sidebar-width);\n height: var(--sidebar-width);\n}\n\n.scroll::-webkit-scrollbar-track {\n border: 0;\n}\n\n.scroll::-webkit-scrollbar-button {\n width: 0;\n height: 0;\n display: none;\n}\n\n.scroll::-webkit-scrollbar-corner {\n background-color: rgba(0, 0, 0, 0);\n}\n\n.scroll::-webkit-scrollbar-thumb {\n min-height: 20%;\n min-height: 65px;\n border: 4px solid rgb(var(--em-rgb-background));\n border-radius: 8px;\n}\n\n.scroll::-webkit-scrollbar-thumb:hover {\n background-color: var(--em-color-border-over) !important;\n}\n\n.scroll:hover::-webkit-scrollbar-thumb {\n background-color: var(--em-color-border);\n}\n\n.sticky {\n z-index: 1;\n background-color: rgba(var(--em-rgb-background), .9);\n -webkit-backdrop-filter: blur(4px);\n backdrop-filter: blur(4px);\n font-weight: 500;\n position: sticky;\n top: -1px;\n}\n\n[dir=\"rtl\"] .search input[type=\"search\"] {\n padding: 10px 2.2em 10px 2em;\n}\n\n[dir=\"rtl\"] .search .loupe {\n left: auto;\n right: .7em;\n}\n\n[dir=\"rtl\"] .search .delete {\n left: .7em;\n right: auto;\n}\n\n.search {\n z-index: 2;\n position: relative;\n}\n\n.search input, .search button {\n font-size: calc(var(--font-size) - 1px);\n}\n\n.search input[type=\"search\"] {\n width: 100%;\n background-color: var(--em-color-border);\n transition-duration: var(--duration);\n transition-property: background-color, box-shadow;\n transition-timing-function: var(--easing);\n border: 0;\n border-radius: 10px;\n outline: 0;\n padding: 10px 2em 10px 2.2em;\n display: block;\n}\n\n.search input[type=\"search\"]::-ms-input-placeholder {\n color: inherit;\n opacity: .6;\n}\n\n.search input[type=\"search\"]::placeholder {\n color: inherit;\n opacity: .6;\n}\n\n.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 {\n -webkit-appearance: none;\n -ms-appearance: none;\n appearance: none;\n}\n\n.search input[type=\"search\"]:focus {\n background-color: rgb(var(--em-rgb-input));\n box-shadow: inset 0 0 0 1px rgb(var(--em-rgb-accent)), 0 1px 3px rgba(65, 69, 73, .2);\n}\n\n.search .icon {\n z-index: 1;\n color: rgba(var(--em-rgb-color), .7);\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n}\n\n.search .loupe {\n pointer-events: none;\n left: .7em;\n}\n\n.search .delete {\n right: .7em;\n}\n\nsvg {\n fill: currentColor;\n width: 1em;\n height: 1em;\n}\n\nbutton {\n -webkit-appearance: none;\n -ms-appearance: none;\n appearance: none;\n cursor: pointer;\n color: currentColor;\n background-color: rgba(0, 0, 0, 0);\n border: 0;\n}\n\n#nav {\n z-index: 2;\n padding-top: 12px;\n padding-bottom: 12px;\n padding-right: var(--sidebar-width);\n position: relative;\n}\n\n#nav button {\n color: var(--color-b);\n transition: color var(--duration) var(--easing);\n}\n\n#nav button:hover {\n color: var(--color-a);\n}\n\n#nav svg, #nav img {\n width: var(--category-icon-size);\n height: var(--category-icon-size);\n}\n\n#nav[dir=\"rtl\"] .bar {\n left: auto;\n right: 0;\n}\n\n#nav .bar {\n width: 100%;\n height: 3px;\n background-color: rgb(var(--em-rgb-accent));\n transition: transform var(--duration) var(--easing);\n border-radius: 3px 3px 0 0;\n position: absolute;\n bottom: -12px;\n left: 0;\n}\n\n#nav button[aria-selected] {\n color: rgb(var(--em-rgb-accent));\n}\n\n#preview {\n z-index: 2;\n padding: calc(var(--padding) + 4px) var(--padding);\n padding-right: var(--sidebar-width);\n position: relative;\n}\n\n#preview .preview-placeholder {\n font-size: var(--preview-placeholder-size);\n}\n\n#preview .preview-title {\n font-size: var(--preview-title-size);\n}\n\n#preview .preview-subtitle {\n font-size: var(--preview-subtitle-size);\n}\n\n#nav:before, #preview:before {\n content: \"\";\n height: 2px;\n position: absolute;\n left: 0;\n right: 0;\n}\n\n#nav[data-position=\"top\"]:before, #preview[data-position=\"top\"]:before {\n background: linear-gradient(to bottom, var(--em-color-border), transparent);\n top: 100%;\n}\n\n#nav[data-position=\"bottom\"]:before, #preview[data-position=\"bottom\"]:before {\n background: linear-gradient(to top, var(--em-color-border), transparent);\n bottom: 100%;\n}\n\n.category:last-child {\n min-height: calc(100% + 1px);\n}\n\n.category button {\n font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, sans-serif;\n position: relative;\n}\n\n.category button > * {\n position: relative;\n}\n\n.category button .background {\n opacity: 0;\n background-color: var(--em-color-border);\n transition: opacity var(--duration-fast) var(--easing) var(--duration-instant);\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.category button:hover .background {\n transition-duration: var(--duration-instant);\n transition-delay: 0s;\n}\n\n.category button[aria-selected] .background {\n opacity: 1;\n}\n\n.category button[data-keyboard] .background {\n transition: none;\n}\n\n.row {\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.skin-tone-button {\n border: 1px solid rgba(0, 0, 0, 0);\n border-radius: 100%;\n}\n\n.skin-tone-button:hover {\n border-color: var(--em-color-border);\n}\n\n.skin-tone-button:active .skin-tone {\n transform: scale(.85) !important;\n}\n\n.skin-tone-button .skin-tone {\n transition: transform var(--duration) var(--easing);\n}\n\n.skin-tone-button[aria-selected] {\n background-color: var(--em-color-border);\n border-top-color: rgba(0, 0, 0, .05);\n border-bottom-color: rgba(0, 0, 0, 0);\n border-left-width: 0;\n border-right-width: 0;\n}\n\n.skin-tone-button[aria-selected] .skin-tone {\n transform: scale(.9);\n}\n\n.menu {\n z-index: 2;\n white-space: nowrap;\n border: 1px solid var(--em-color-border);\n background-color: rgba(var(--em-rgb-background), .9);\n -webkit-backdrop-filter: blur(4px);\n backdrop-filter: blur(4px);\n transition-property: opacity, transform;\n transition-duration: var(--duration);\n transition-timing-function: var(--easing);\n border-radius: 10px;\n padding: 4px;\n position: absolute;\n box-shadow: 1px 1px 5px rgba(0, 0, 0, .05);\n}\n\n.menu.hidden {\n opacity: 0;\n}\n\n.menu[data-position=\"bottom\"] {\n transform-origin: 100% 100%;\n}\n\n.menu[data-position=\"bottom\"].hidden {\n transform: scale(.9)rotate(-3deg)translateY(5%);\n}\n\n.menu[data-position=\"top\"] {\n transform-origin: 100% 0;\n}\n\n.menu[data-position=\"top\"].hidden {\n transform: scale(.9)rotate(3deg)translateY(-5%);\n}\n\n.menu input[type=\"radio\"] {\n clip: rect(0 0 0 0);\n width: 1px;\n height: 1px;\n border: 0;\n margin: 0;\n padding: 0;\n position: absolute;\n overflow: hidden;\n}\n\n.menu input[type=\"radio\"]:checked + .option {\n box-shadow: 0 0 0 2px rgb(var(--em-rgb-accent));\n}\n\n.option {\n width: 100%;\n border-radius: 6px;\n padding: 4px 6px;\n}\n\n.option:hover {\n color: #fff;\n background-color: rgb(var(--em-rgb-accent));\n}\n\n.skin-tone {\n width: 16px;\n height: 16px;\n border-radius: 100%;\n display: inline-block;\n position: relative;\n overflow: hidden;\n}\n\n.skin-tone:after {\n content: \"\";\n mix-blend-mode: overlay;\n background: linear-gradient(rgba(255, 255, 255, .2), rgba(0, 0, 0, 0));\n border: 1px solid rgba(0, 0, 0, .8);\n border-radius: 100%;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n box-shadow: inset 0 -2px 3px #000, inset 0 1px 2px #fff;\n}\n\n.skin-tone-1 {\n background-color: #ffc93a;\n}\n\n.skin-tone-2 {\n background-color: #ffdab7;\n}\n\n.skin-tone-3 {\n background-color: #e7b98f;\n}\n\n.skin-tone-4 {\n background-color: #c88c61;\n}\n\n.skin-tone-5 {\n background-color: #a46134;\n}\n\n.skin-tone-6 {\n background-color: #5d4437;\n}\n\n[data-index] {\n justify-content: space-between;\n}\n\n[data-emoji-set=\"twitter\"] .skin-tone:after {\n box-shadow: none;\n border-color: rgba(0, 0, 0, .5);\n}\n\n[data-emoji-set=\"twitter\"] .skin-tone-1 {\n background-color: #fade72;\n}\n\n[data-emoji-set=\"twitter\"] .skin-tone-2 {\n background-color: #f3dfd0;\n}\n\n[data-emoji-set=\"twitter\"] .skin-tone-3 {\n background-color: #eed3a8;\n}\n\n[data-emoji-set=\"twitter\"] .skin-tone-4 {\n background-color: #cfad8d;\n}\n\n[data-emoji-set=\"twitter\"] .skin-tone-5 {\n background-color: #a8805d;\n}\n\n[data-emoji-set=\"twitter\"] .skin-tone-6 {\n background-color: #765542;\n}\n\n[data-emoji-set=\"google\"] .skin-tone:after {\n box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, .4);\n}\n\n[data-emoji-set=\"google\"] .skin-tone-1 {\n background-color: #f5c748;\n}\n\n[data-emoji-set=\"google\"] .skin-tone-2 {\n background-color: #f1d5aa;\n}\n\n[data-emoji-set=\"google\"] .skin-tone-3 {\n background-color: #d4b48d;\n}\n\n[data-emoji-set=\"google\"] .skin-tone-4 {\n background-color: #aa876b;\n}\n\n[data-emoji-set=\"google\"] .skin-tone-5 {\n background-color: #916544;\n}\n\n[data-emoji-set=\"google\"] .skin-tone-6 {\n background-color: #61493f;\n}\n\n[data-emoji-set=\"facebook\"] .skin-tone:after {\n border-color: rgba(0, 0, 0, .4);\n box-shadow: inset 0 -2px 3px #000, inset 0 1px 4px #fff;\n}\n\n[data-emoji-set=\"facebook\"] .skin-tone-1 {\n background-color: #f5c748;\n}\n\n[data-emoji-set=\"facebook\"] .skin-tone-2 {\n background-color: #f1d5aa;\n}\n\n[data-emoji-set=\"facebook\"] .skin-tone-3 {\n background-color: #d4b48d;\n}\n\n[data-emoji-set=\"facebook\"] .skin-tone-4 {\n background-color: #aa876b;\n}\n\n[data-emoji-set=\"facebook\"] .skin-tone-5 {\n background-color: #916544;\n}\n\n[data-emoji-set=\"facebook\"] .skin-tone-6 {\n background-color: #61493f;\n}\n\n"; 2953 2954 2955 2956 2957 2958 2959 2960 2961 2962
2963 2964//# sourceMappingURL=module.js.map 2965 2966 2967/***/ }) 2968 2969}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.