emoji-picker-react 4.6.6 → 4.6.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/emoji-picker-react.cjs.development.css +2 -2
- package/dist/emoji-picker-react.cjs.development.js +258 -714
- package/dist/emoji-picker-react.cjs.development.js.map +1 -1
- package/dist/emoji-picker-react.cjs.production.min.js +1 -1
- package/dist/emoji-picker-react.cjs.production.min.js.map +1 -1
- package/dist/emoji-picker-react.esm.js +260 -722
- package/dist/emoji-picker-react.esm.js.map +1 -1
- package/package.json +2 -2
- package/src/EmojiPickerReact.css +0 -7
- package/src/components/atoms/Button.tsx +17 -1
- package/src/components/navigation/CategoryNavigation.css +2 -53
- package/src/components/navigation/CategoryNavigation.tsx +48 -2
- package/src/svg.d.ts +4 -0
|
@@ -2,7 +2,6 @@ import React__default, { useRef, createElement, createContext, createRef, useCon
|
|
|
2
2
|
import { createSheet, cx } from 'flairup';
|
|
3
3
|
|
|
4
4
|
var ClassNames;
|
|
5
|
-
|
|
6
5
|
(function (ClassNames) {
|
|
7
6
|
ClassNames["hiddenOnSearch"] = "epr-hidden-on-search";
|
|
8
7
|
ClassNames["searchActive"] = "epr-search-active";
|
|
@@ -25,12 +24,10 @@ var ClassNames;
|
|
|
25
24
|
ClassNames["darkTheme"] = "epr-dark-theme";
|
|
26
25
|
ClassNames["autoTheme"] = "epr-auto-theme";
|
|
27
26
|
})(ClassNames || (ClassNames = {}));
|
|
28
|
-
|
|
29
27
|
function asSelectors() {
|
|
30
28
|
for (var _len = arguments.length, classNames = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
31
29
|
classNames[_key] = arguments[_key];
|
|
32
30
|
}
|
|
33
|
-
|
|
34
31
|
return classNames.map(function (c) {
|
|
35
32
|
return "." + c;
|
|
36
33
|
}).join('');
|
|
@@ -57,7 +54,6 @@ function focusElement(element) {
|
|
|
57
54
|
if (!element) {
|
|
58
55
|
return;
|
|
59
56
|
}
|
|
60
|
-
|
|
61
57
|
requestAnimationFrame(function () {
|
|
62
58
|
element.focus();
|
|
63
59
|
});
|
|
@@ -108,11 +104,9 @@ var ElementRefContext = /*#__PURE__*/createContext({
|
|
|
108
104
|
SkinTonePickerRef: /*#__PURE__*/createRef(),
|
|
109
105
|
VariationPickerRef: /*#__PURE__*/createRef()
|
|
110
106
|
});
|
|
111
|
-
|
|
112
107
|
function useElementRef() {
|
|
113
108
|
return useContext(ElementRefContext);
|
|
114
109
|
}
|
|
115
|
-
|
|
116
110
|
function usePickerMainRef() {
|
|
117
111
|
return useElementRef()['PickerMainRef'];
|
|
118
112
|
}
|
|
@@ -125,7 +119,6 @@ function useSetAnchoredEmojiRef() {
|
|
|
125
119
|
if (target === null && AnchoredEmojiRef.current !== null) {
|
|
126
120
|
focusElement(AnchoredEmojiRef.current);
|
|
127
121
|
}
|
|
128
|
-
|
|
129
122
|
AnchoredEmojiRef.current = target;
|
|
130
123
|
};
|
|
131
124
|
}
|
|
@@ -149,26 +142,21 @@ function _extends() {
|
|
|
149
142
|
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
150
143
|
for (var i = 1; i < arguments.length; i++) {
|
|
151
144
|
var source = arguments[i];
|
|
152
|
-
|
|
153
145
|
for (var key in source) {
|
|
154
146
|
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
155
147
|
target[key] = source[key];
|
|
156
148
|
}
|
|
157
149
|
}
|
|
158
150
|
}
|
|
159
|
-
|
|
160
151
|
return target;
|
|
161
152
|
};
|
|
162
153
|
return _extends.apply(this, arguments);
|
|
163
154
|
}
|
|
164
|
-
|
|
165
155
|
function _inheritsLoose(subClass, superClass) {
|
|
166
156
|
subClass.prototype = Object.create(superClass.prototype);
|
|
167
157
|
subClass.prototype.constructor = subClass;
|
|
168
|
-
|
|
169
158
|
_setPrototypeOf(subClass, superClass);
|
|
170
159
|
}
|
|
171
|
-
|
|
172
160
|
function _setPrototypeOf(o, p) {
|
|
173
161
|
_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
|
|
174
162
|
o.__proto__ = p;
|
|
@@ -176,22 +164,18 @@ function _setPrototypeOf(o, p) {
|
|
|
176
164
|
};
|
|
177
165
|
return _setPrototypeOf(o, p);
|
|
178
166
|
}
|
|
179
|
-
|
|
180
167
|
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
181
168
|
if (source == null) return {};
|
|
182
169
|
var target = {};
|
|
183
170
|
var sourceKeys = Object.keys(source);
|
|
184
171
|
var key, i;
|
|
185
|
-
|
|
186
172
|
for (i = 0; i < sourceKeys.length; i++) {
|
|
187
173
|
key = sourceKeys[i];
|
|
188
174
|
if (excluded.indexOf(key) >= 0) continue;
|
|
189
175
|
target[key] = source[key];
|
|
190
176
|
}
|
|
191
|
-
|
|
192
177
|
return target;
|
|
193
178
|
}
|
|
194
|
-
|
|
195
179
|
function _unsupportedIterableToArray(o, minLen) {
|
|
196
180
|
if (!o) return;
|
|
197
181
|
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
@@ -200,19 +184,14 @@ function _unsupportedIterableToArray(o, minLen) {
|
|
|
200
184
|
if (n === "Map" || n === "Set") return Array.from(o);
|
|
201
185
|
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
|
202
186
|
}
|
|
203
|
-
|
|
204
187
|
function _arrayLikeToArray(arr, len) {
|
|
205
188
|
if (len == null || len > arr.length) len = arr.length;
|
|
206
|
-
|
|
207
189
|
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
208
|
-
|
|
209
190
|
return arr2;
|
|
210
191
|
}
|
|
211
|
-
|
|
212
192
|
function _createForOfIteratorHelperLoose(o, allowArrayLike) {
|
|
213
193
|
var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
|
|
214
194
|
if (it) return (it = it.call(o)).next.bind(it);
|
|
215
|
-
|
|
216
195
|
if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
|
|
217
196
|
if (it) o = it;
|
|
218
197
|
var i = 0;
|
|
@@ -226,19 +205,15 @@ function _createForOfIteratorHelperLoose(o, allowArrayLike) {
|
|
|
226
205
|
};
|
|
227
206
|
};
|
|
228
207
|
}
|
|
229
|
-
|
|
230
208
|
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
231
209
|
}
|
|
232
210
|
|
|
233
211
|
var SuggestionMode;
|
|
234
|
-
|
|
235
212
|
(function (SuggestionMode) {
|
|
236
213
|
SuggestionMode["RECENT"] = "recent";
|
|
237
214
|
SuggestionMode["FREQUENT"] = "frequent";
|
|
238
215
|
})(SuggestionMode || (SuggestionMode = {}));
|
|
239
|
-
|
|
240
216
|
var EmojiStyle;
|
|
241
|
-
|
|
242
217
|
(function (EmojiStyle) {
|
|
243
218
|
EmojiStyle["NATIVE"] = "native";
|
|
244
219
|
EmojiStyle["APPLE"] = "apple";
|
|
@@ -246,17 +221,13 @@ var EmojiStyle;
|
|
|
246
221
|
EmojiStyle["GOOGLE"] = "google";
|
|
247
222
|
EmojiStyle["FACEBOOK"] = "facebook";
|
|
248
223
|
})(EmojiStyle || (EmojiStyle = {}));
|
|
249
|
-
|
|
250
224
|
var Theme;
|
|
251
|
-
|
|
252
225
|
(function (Theme) {
|
|
253
226
|
Theme["DARK"] = "dark";
|
|
254
227
|
Theme["LIGHT"] = "light";
|
|
255
228
|
Theme["AUTO"] = "auto";
|
|
256
229
|
})(Theme || (Theme = {}));
|
|
257
|
-
|
|
258
230
|
var SkinTones;
|
|
259
|
-
|
|
260
231
|
(function (SkinTones) {
|
|
261
232
|
SkinTones["NEUTRAL"] = "neutral";
|
|
262
233
|
SkinTones["LIGHT"] = "1f3fb";
|
|
@@ -265,9 +236,7 @@ var SkinTones;
|
|
|
265
236
|
SkinTones["MEDIUM_DARK"] = "1f3fe";
|
|
266
237
|
SkinTones["DARK"] = "1f3ff";
|
|
267
238
|
})(SkinTones || (SkinTones = {}));
|
|
268
|
-
|
|
269
239
|
var Categories;
|
|
270
|
-
|
|
271
240
|
(function (Categories) {
|
|
272
241
|
Categories["SUGGESTED"] = "suggested";
|
|
273
242
|
Categories["CUSTOM"] = "custom";
|
|
@@ -280,9 +249,7 @@ var Categories;
|
|
|
280
249
|
Categories["SYMBOLS"] = "symbols";
|
|
281
250
|
Categories["FLAGS"] = "flags";
|
|
282
251
|
})(Categories || (Categories = {}));
|
|
283
|
-
|
|
284
252
|
var SkinTonePickerLocation;
|
|
285
|
-
|
|
286
253
|
(function (SkinTonePickerLocation) {
|
|
287
254
|
SkinTonePickerLocation["SEARCH"] = "SEARCH";
|
|
288
255
|
SkinTonePickerLocation["PREVIEW"] = "PREVIEW";
|
|
@@ -338,41 +305,31 @@ function categoryNameFromCategoryConfig(category) {
|
|
|
338
305
|
}
|
|
339
306
|
function mergeCategoriesConfig(userCategoriesConfig, modifiers) {
|
|
340
307
|
var _userCategoriesConfig;
|
|
341
|
-
|
|
342
308
|
if (userCategoriesConfig === void 0) {
|
|
343
309
|
userCategoriesConfig = [];
|
|
344
310
|
}
|
|
345
|
-
|
|
346
311
|
if (modifiers === void 0) {
|
|
347
312
|
modifiers = {};
|
|
348
313
|
}
|
|
349
|
-
|
|
350
314
|
var extra = {};
|
|
351
|
-
|
|
352
315
|
if (modifiers.suggestionMode === SuggestionMode.RECENT) {
|
|
353
316
|
extra[Categories.SUGGESTED] = SuggestedRecent;
|
|
354
317
|
}
|
|
355
|
-
|
|
356
318
|
var base = baseCategoriesConfig(extra);
|
|
357
|
-
|
|
358
319
|
if (!((_userCategoriesConfig = userCategoriesConfig) != null && _userCategoriesConfig.length)) {
|
|
359
320
|
return base;
|
|
360
321
|
}
|
|
361
|
-
|
|
362
322
|
return userCategoriesConfig.map(function (category) {
|
|
363
323
|
if (typeof category === 'string') {
|
|
364
324
|
return getBaseConfigByCategory(category, extra[category]);
|
|
365
325
|
}
|
|
366
|
-
|
|
367
326
|
return _extends({}, getBaseConfigByCategory(category.category, extra[category.category]), category);
|
|
368
327
|
});
|
|
369
328
|
}
|
|
370
|
-
|
|
371
329
|
function getBaseConfigByCategory(category, modifier) {
|
|
372
330
|
if (modifier === void 0) {
|
|
373
331
|
modifier = {};
|
|
374
332
|
}
|
|
375
|
-
|
|
376
333
|
return Object.assign(configByCategory[category], modifier);
|
|
377
334
|
}
|
|
378
335
|
|
|
@@ -384,13 +341,10 @@ function cdnUrl(emojiStyle) {
|
|
|
384
341
|
switch (emojiStyle) {
|
|
385
342
|
case EmojiStyle.TWITTER:
|
|
386
343
|
return CDN_URL_TWITTER;
|
|
387
|
-
|
|
388
344
|
case EmojiStyle.GOOGLE:
|
|
389
345
|
return CDN_URL_GOOGLE;
|
|
390
|
-
|
|
391
346
|
case EmojiStyle.FACEBOOK:
|
|
392
347
|
return CDN_URL_FACEBOOK;
|
|
393
|
-
|
|
394
348
|
case EmojiStyle.APPLE:
|
|
395
349
|
default:
|
|
396
350
|
return CDN_URL_APPLE;
|
|
@@ -16723,18 +16677,16 @@ var emojis = {
|
|
|
16723
16677
|
var skinToneVariations = [SkinTones.NEUTRAL, SkinTones.LIGHT, SkinTones.MEDIUM_LIGHT, SkinTones.MEDIUM, SkinTones.MEDIUM_DARK, SkinTones.DARK];
|
|
16724
16678
|
var skinTonesNamed = /*#__PURE__*/Object.entries(SkinTones).reduce(function (acc, _ref) {
|
|
16725
16679
|
var key = _ref[0],
|
|
16726
|
-
|
|
16680
|
+
value = _ref[1];
|
|
16727
16681
|
acc[value] = key;
|
|
16728
16682
|
return acc;
|
|
16729
16683
|
}, {});
|
|
16730
16684
|
var skinTonesMapped = /*#__PURE__*/skinToneVariations.reduce(function (mapped, skinTone) {
|
|
16731
16685
|
var _Object$assign;
|
|
16732
|
-
|
|
16733
16686
|
return Object.assign(mapped, (_Object$assign = {}, _Object$assign[skinTone] = skinTone, _Object$assign));
|
|
16734
16687
|
}, {});
|
|
16735
16688
|
|
|
16736
16689
|
var EmojiProperties;
|
|
16737
|
-
|
|
16738
16690
|
(function (EmojiProperties) {
|
|
16739
16691
|
EmojiProperties["name"] = "n";
|
|
16740
16692
|
EmojiProperties["unified"] = "u";
|
|
@@ -16754,7 +16706,6 @@ function indexEmoji(emoji) {
|
|
|
16754
16706
|
var joinedNameString = emojiNames(emoji).flat().join('').toLowerCase().replace(/[^a-zA-Z\d]/g, '').split('');
|
|
16755
16707
|
joinedNameString.forEach(function (_char) {
|
|
16756
16708
|
var _alphaNumericEmojiInd;
|
|
16757
|
-
|
|
16758
16709
|
alphaNumericEmojiIndex[_char] = (_alphaNumericEmojiInd = alphaNumericEmojiIndex[_char]) != null ? _alphaNumericEmojiInd : {};
|
|
16759
16710
|
alphaNumericEmojiIndex[_char][emojiUnified(emoji)] = emoji;
|
|
16760
16711
|
});
|
|
@@ -16762,7 +16713,6 @@ function indexEmoji(emoji) {
|
|
|
16762
16713
|
|
|
16763
16714
|
function emojiNames(emoji) {
|
|
16764
16715
|
var _emoji$EmojiPropertie;
|
|
16765
|
-
|
|
16766
16716
|
return (_emoji$EmojiPropertie = emoji[EmojiProperties.name]) != null ? _emoji$EmojiPropertie : [];
|
|
16767
16717
|
}
|
|
16768
16718
|
function addedIn(emoji) {
|
|
@@ -16772,45 +16722,36 @@ function emojiName(emoji) {
|
|
|
16772
16722
|
if (!emoji) {
|
|
16773
16723
|
return '';
|
|
16774
16724
|
}
|
|
16775
|
-
|
|
16776
16725
|
return emojiNames(emoji)[0];
|
|
16777
16726
|
}
|
|
16778
16727
|
function unifiedWithoutSkinTone(unified) {
|
|
16779
16728
|
var splat = unified.split('-');
|
|
16780
|
-
|
|
16781
16729
|
var _splat$splice = splat.splice(1, 1),
|
|
16782
|
-
|
|
16783
|
-
|
|
16730
|
+
skinTone = _splat$splice[0];
|
|
16784
16731
|
if (skinTonesMapped[skinTone]) {
|
|
16785
16732
|
return splat.join('-');
|
|
16786
16733
|
}
|
|
16787
|
-
|
|
16788
16734
|
return unified;
|
|
16789
16735
|
}
|
|
16790
16736
|
function emojiUnified(emoji, skinTone) {
|
|
16791
16737
|
var _emojiVariationUnifie;
|
|
16792
|
-
|
|
16793
16738
|
var unified = emoji[EmojiProperties.unified];
|
|
16794
|
-
|
|
16795
16739
|
if (!skinTone || !emojiHasVariations(emoji)) {
|
|
16796
16740
|
return unified;
|
|
16797
16741
|
}
|
|
16798
|
-
|
|
16799
16742
|
return (_emojiVariationUnifie = emojiVariationUnified(emoji, skinTone)) != null ? _emojiVariationUnifie : unified;
|
|
16800
16743
|
}
|
|
16801
16744
|
function emojisByCategory(category) {
|
|
16802
16745
|
var _emojis$category;
|
|
16803
|
-
|
|
16804
16746
|
// @ts-ignore
|
|
16805
16747
|
return (_emojis$category = emojis == null ? void 0 : emojis[category]) != null ? _emojis$category : [];
|
|
16806
|
-
}
|
|
16807
|
-
|
|
16748
|
+
}
|
|
16749
|
+
// WARNING: DO NOT USE DIRECTLY
|
|
16808
16750
|
function emojiUrlByUnified(unified, emojiStyle) {
|
|
16809
16751
|
return "" + cdnUrl(emojiStyle) + unified + ".png";
|
|
16810
16752
|
}
|
|
16811
16753
|
function emojiVariations(emoji) {
|
|
16812
16754
|
var _emoji$EmojiPropertie2;
|
|
16813
|
-
|
|
16814
16755
|
return (_emoji$EmojiPropertie2 = emoji[EmojiProperties.variations]) != null ? _emoji$EmojiPropertie2 : [];
|
|
16815
16756
|
}
|
|
16816
16757
|
function emojiHasVariations(emoji) {
|
|
@@ -16825,11 +16766,9 @@ function emojiByUnified(unified) {
|
|
|
16825
16766
|
if (!unified) {
|
|
16826
16767
|
return;
|
|
16827
16768
|
}
|
|
16828
|
-
|
|
16829
16769
|
if (allEmojisByUnified[unified]) {
|
|
16830
16770
|
return allEmojisByUnified[unified];
|
|
16831
16771
|
}
|
|
16832
|
-
|
|
16833
16772
|
var withoutSkinTone = unifiedWithoutSkinTone(unified);
|
|
16834
16773
|
return allEmojisByUnified[withoutSkinTone];
|
|
16835
16774
|
}
|
|
@@ -16839,43 +16778,35 @@ function setCustomEmojis(customEmojis) {
|
|
|
16839
16778
|
customEmojis.forEach(function (emoji) {
|
|
16840
16779
|
var emojiData = customToRegularEmoji(emoji);
|
|
16841
16780
|
emojis[Categories.CUSTOM].push(emojiData);
|
|
16842
|
-
|
|
16843
16781
|
if (allEmojisByUnified[emojiData[EmojiProperties.unified]]) {
|
|
16844
16782
|
return;
|
|
16845
16783
|
}
|
|
16846
|
-
|
|
16847
16784
|
allEmojis.push(emojiData);
|
|
16848
16785
|
allEmojisByUnified[emojiData[EmojiProperties.unified]] = emojiData;
|
|
16849
16786
|
indexEmoji(emojiData);
|
|
16850
16787
|
});
|
|
16851
16788
|
}
|
|
16852
|
-
|
|
16853
16789
|
function customToRegularEmoji(emoji) {
|
|
16854
16790
|
var _ref;
|
|
16855
|
-
|
|
16856
16791
|
return _ref = {}, _ref[EmojiProperties.name] = emoji.names.map(function (name) {
|
|
16857
16792
|
return name.toLowerCase();
|
|
16858
16793
|
}), _ref[EmojiProperties.unified] = emoji.id.toLowerCase(), _ref[EmojiProperties.added_in] = '0', _ref[EmojiProperties.imgUrl] = emoji.imgUrl, _ref;
|
|
16859
16794
|
}
|
|
16860
|
-
|
|
16861
16795
|
var allEmojisByUnified = {};
|
|
16862
16796
|
setTimeout(function () {
|
|
16863
16797
|
allEmojis.reduce(function (allEmojis, Emoji) {
|
|
16864
16798
|
allEmojis[emojiUnified(Emoji)] = Emoji;
|
|
16865
|
-
|
|
16866
16799
|
if (emojiHasVariations(Emoji)) {
|
|
16867
16800
|
emojiVariations(Emoji).forEach(function (variation) {
|
|
16868
16801
|
allEmojis[variation] = Emoji;
|
|
16869
16802
|
});
|
|
16870
16803
|
}
|
|
16871
|
-
|
|
16872
16804
|
return allEmojis;
|
|
16873
16805
|
}, allEmojisByUnified);
|
|
16874
16806
|
});
|
|
16875
16807
|
function activeVariationFromUnified(unified) {
|
|
16876
16808
|
var _unified$split = unified.split('-'),
|
|
16877
|
-
|
|
16878
|
-
|
|
16809
|
+
suspectedSkinTone = _unified$split[1];
|
|
16879
16810
|
return skinToneVariations.includes(suspectedSkinTone) ? suspectedSkinTone : null;
|
|
16880
16811
|
}
|
|
16881
16812
|
|
|
@@ -16887,11 +16818,9 @@ var SEARCH_RESULTS_ONE_RESULT_FOUND = '1 result' + SEARCH_RESULTS_SUFFIX;
|
|
|
16887
16818
|
var SEARCH_RESULTS_MULTIPLE_RESULTS_FOUND = '%n results' + SEARCH_RESULTS_SUFFIX;
|
|
16888
16819
|
function mergeConfig(userConfig) {
|
|
16889
16820
|
var _userConfig$previewCo, _config$customEmojis;
|
|
16890
|
-
|
|
16891
16821
|
if (userConfig === void 0) {
|
|
16892
16822
|
userConfig = {};
|
|
16893
16823
|
}
|
|
16894
|
-
|
|
16895
16824
|
var base = basePickerConfig();
|
|
16896
16825
|
var previewConfig = Object.assign(base.previewConfig, (_userConfig$previewCo = userConfig.previewConfig) != null ? _userConfig$previewCo : {});
|
|
16897
16826
|
var config = Object.assign(base, userConfig);
|
|
@@ -16941,8 +16870,7 @@ var _excluded = ["children"];
|
|
|
16941
16870
|
var ConfigContext = /*#__PURE__*/createContext( /*#__PURE__*/basePickerConfig());
|
|
16942
16871
|
function PickerConfigProvider(_ref) {
|
|
16943
16872
|
var children = _ref.children,
|
|
16944
|
-
|
|
16945
|
-
|
|
16873
|
+
config = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
16946
16874
|
var mergedConfig = useSetConfig(config);
|
|
16947
16875
|
return createElement(ConfigContext.Provider, {
|
|
16948
16876
|
value: mergedConfig
|
|
@@ -16950,21 +16878,18 @@ function PickerConfigProvider(_ref) {
|
|
|
16950
16878
|
}
|
|
16951
16879
|
function useSetConfig(config) {
|
|
16952
16880
|
var _config$customEmojis2;
|
|
16953
|
-
|
|
16954
16881
|
var _React$useState = useState(function () {
|
|
16955
|
-
|
|
16956
|
-
|
|
16957
|
-
|
|
16958
|
-
|
|
16959
|
-
|
|
16882
|
+
return mergeConfig(config);
|
|
16883
|
+
}),
|
|
16884
|
+
mergedConfig = _React$useState[0],
|
|
16885
|
+
setMergedConfig = _React$useState[1];
|
|
16960
16886
|
useEffect(function () {
|
|
16961
16887
|
var _config$customEmojis, _mergedConfig$customE;
|
|
16962
|
-
|
|
16963
16888
|
if (((_config$customEmojis = config.customEmojis) == null ? void 0 : _config$customEmojis.length) !== ((_mergedConfig$customE = mergedConfig.customEmojis) == null ? void 0 : _mergedConfig$customE.length)) {
|
|
16964
16889
|
setMergedConfig(mergeConfig(config));
|
|
16965
|
-
}
|
|
16890
|
+
}
|
|
16891
|
+
// not gonna...
|
|
16966
16892
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
16967
|
-
|
|
16968
16893
|
}, [(_config$customEmojis2 = config.customEmojis) == null ? void 0 : _config$customEmojis2.length]);
|
|
16969
16894
|
return mergedConfig;
|
|
16970
16895
|
}
|
|
@@ -16986,98 +16911,82 @@ function useDefineMutableConfig(config) {
|
|
|
16986
16911
|
}, [config.onEmojiClick]);
|
|
16987
16912
|
return MutableConfigRef;
|
|
16988
16913
|
}
|
|
16989
|
-
|
|
16990
16914
|
function emptyFunc() {}
|
|
16991
16915
|
|
|
16992
16916
|
function useSearchPlaceHolderConfig() {
|
|
16993
16917
|
var _find;
|
|
16994
|
-
|
|
16995
16918
|
var _usePickerConfig = usePickerConfig(),
|
|
16996
|
-
|
|
16997
|
-
|
|
16998
|
-
|
|
16919
|
+
searchPlaceHolder = _usePickerConfig.searchPlaceHolder,
|
|
16920
|
+
searchPlaceholder = _usePickerConfig.searchPlaceholder;
|
|
16999
16921
|
return (_find = [searchPlaceHolder, searchPlaceholder].find(function (p) {
|
|
17000
16922
|
return p !== DEFAULT_SEARCH_PLACEHOLDER;
|
|
17001
16923
|
})) != null ? _find : DEFAULT_SEARCH_PLACEHOLDER;
|
|
17002
16924
|
}
|
|
17003
16925
|
function useDefaultSkinToneConfig() {
|
|
17004
16926
|
var _usePickerConfig2 = usePickerConfig(),
|
|
17005
|
-
|
|
17006
|
-
|
|
16927
|
+
defaultSkinTone = _usePickerConfig2.defaultSkinTone;
|
|
17007
16928
|
return defaultSkinTone;
|
|
17008
16929
|
}
|
|
17009
16930
|
function useSkinTonesDisabledConfig() {
|
|
17010
16931
|
var _usePickerConfig3 = usePickerConfig(),
|
|
17011
|
-
|
|
17012
|
-
|
|
16932
|
+
skinTonesDisabled = _usePickerConfig3.skinTonesDisabled;
|
|
17013
16933
|
return skinTonesDisabled;
|
|
17014
16934
|
}
|
|
17015
16935
|
function useEmojiStyleConfig() {
|
|
17016
16936
|
var _usePickerConfig4 = usePickerConfig(),
|
|
17017
|
-
|
|
17018
|
-
|
|
16937
|
+
emojiStyle = _usePickerConfig4.emojiStyle;
|
|
17019
16938
|
return emojiStyle;
|
|
17020
16939
|
}
|
|
17021
16940
|
function useAutoFocusSearchConfig() {
|
|
17022
16941
|
var _usePickerConfig5 = usePickerConfig(),
|
|
17023
|
-
|
|
17024
|
-
|
|
16942
|
+
autoFocusSearch = _usePickerConfig5.autoFocusSearch;
|
|
17025
16943
|
return autoFocusSearch;
|
|
17026
16944
|
}
|
|
17027
16945
|
function useCategoriesConfig() {
|
|
17028
16946
|
var _usePickerConfig6 = usePickerConfig(),
|
|
17029
|
-
|
|
17030
|
-
|
|
16947
|
+
categories = _usePickerConfig6.categories;
|
|
17031
16948
|
return categories;
|
|
17032
16949
|
}
|
|
17033
16950
|
function useCustomEmojisConfig() {
|
|
17034
16951
|
var _usePickerConfig7 = usePickerConfig(),
|
|
17035
|
-
|
|
17036
|
-
|
|
16952
|
+
customEmojis = _usePickerConfig7.customEmojis;
|
|
17037
16953
|
return customEmojis;
|
|
17038
16954
|
}
|
|
17039
16955
|
function useOnEmojiClickConfig() {
|
|
17040
16956
|
var _useMutableConfig = useMutableConfig(),
|
|
17041
|
-
|
|
17042
|
-
|
|
16957
|
+
current = _useMutableConfig.current;
|
|
17043
16958
|
return current.onEmojiClick || function () {};
|
|
17044
16959
|
}
|
|
17045
16960
|
function usePreviewConfig() {
|
|
17046
16961
|
var _usePickerConfig8 = usePickerConfig(),
|
|
17047
|
-
|
|
17048
|
-
|
|
16962
|
+
previewConfig = _usePickerConfig8.previewConfig;
|
|
17049
16963
|
return previewConfig;
|
|
17050
16964
|
}
|
|
17051
16965
|
function useThemeConfig() {
|
|
17052
16966
|
var _usePickerConfig9 = usePickerConfig(),
|
|
17053
|
-
|
|
17054
|
-
|
|
16967
|
+
theme = _usePickerConfig9.theme;
|
|
17055
16968
|
return theme;
|
|
17056
16969
|
}
|
|
17057
16970
|
function useSuggestedEmojisModeConfig() {
|
|
17058
16971
|
var _usePickerConfig10 = usePickerConfig(),
|
|
17059
|
-
|
|
17060
|
-
|
|
16972
|
+
suggestedEmojisMode = _usePickerConfig10.suggestedEmojisMode;
|
|
17061
16973
|
return suggestedEmojisMode;
|
|
17062
16974
|
}
|
|
17063
16975
|
function useLazyLoadEmojisConfig() {
|
|
17064
16976
|
var _usePickerConfig11 = usePickerConfig(),
|
|
17065
|
-
|
|
17066
|
-
|
|
16977
|
+
lazyLoadEmojis = _usePickerConfig11.lazyLoadEmojis;
|
|
17067
16978
|
return lazyLoadEmojis;
|
|
17068
16979
|
}
|
|
17069
16980
|
function useClassNameConfig() {
|
|
17070
16981
|
var _usePickerConfig12 = usePickerConfig(),
|
|
17071
|
-
|
|
17072
|
-
|
|
16982
|
+
className = _usePickerConfig12.className;
|
|
17073
16983
|
return className;
|
|
17074
16984
|
}
|
|
17075
16985
|
function useStyleConfig() {
|
|
17076
16986
|
var _usePickerConfig13 = usePickerConfig(),
|
|
17077
|
-
|
|
17078
|
-
|
|
17079
|
-
|
|
17080
|
-
|
|
16987
|
+
height = _usePickerConfig13.height,
|
|
16988
|
+
width = _usePickerConfig13.width,
|
|
16989
|
+
style = _usePickerConfig13.style;
|
|
17081
16990
|
return _extends({
|
|
17082
16991
|
height: getDimension(height),
|
|
17083
16992
|
width: getDimension(width)
|
|
@@ -17085,47 +16994,38 @@ function useStyleConfig() {
|
|
|
17085
16994
|
}
|
|
17086
16995
|
function useEmojiVersionConfig() {
|
|
17087
16996
|
var _usePickerConfig14 = usePickerConfig(),
|
|
17088
|
-
|
|
17089
|
-
|
|
16997
|
+
emojiVersion = _usePickerConfig14.emojiVersion;
|
|
17090
16998
|
return emojiVersion;
|
|
17091
16999
|
}
|
|
17092
17000
|
function useSearchDisabledConfig() {
|
|
17093
17001
|
var _usePickerConfig15 = usePickerConfig(),
|
|
17094
|
-
|
|
17095
|
-
|
|
17002
|
+
searchDisabled = _usePickerConfig15.searchDisabled;
|
|
17096
17003
|
return searchDisabled;
|
|
17097
17004
|
}
|
|
17098
17005
|
function useSkinTonePickerLocationConfig() {
|
|
17099
17006
|
var _usePickerConfig16 = usePickerConfig(),
|
|
17100
|
-
|
|
17101
|
-
|
|
17007
|
+
skinTonePickerLocation = _usePickerConfig16.skinTonePickerLocation;
|
|
17102
17008
|
return skinTonePickerLocation;
|
|
17103
17009
|
}
|
|
17104
17010
|
function useUnicodeToHide() {
|
|
17105
17011
|
var _usePickerConfig17 = usePickerConfig(),
|
|
17106
|
-
|
|
17107
|
-
|
|
17012
|
+
unicodeToHide = _usePickerConfig17.unicodeToHide;
|
|
17108
17013
|
return unicodeToHide;
|
|
17109
17014
|
}
|
|
17110
17015
|
function useGetEmojiUrlConfig() {
|
|
17111
17016
|
var _usePickerConfig18 = usePickerConfig(),
|
|
17112
|
-
|
|
17113
|
-
|
|
17017
|
+
getEmojiUrl = _usePickerConfig18.getEmojiUrl;
|
|
17114
17018
|
return getEmojiUrl;
|
|
17115
17019
|
}
|
|
17116
|
-
|
|
17117
17020
|
function getDimension(dimensionConfig) {
|
|
17118
17021
|
return typeof dimensionConfig === 'number' ? dimensionConfig + "px" : dimensionConfig;
|
|
17119
17022
|
}
|
|
17120
|
-
|
|
17121
17023
|
function useSearchResultsConfig(searchResultsCount) {
|
|
17122
17024
|
var hasResults = searchResultsCount > 0;
|
|
17123
17025
|
var isPlural = searchResultsCount > 1;
|
|
17124
|
-
|
|
17125
17026
|
if (hasResults) {
|
|
17126
17027
|
return isPlural ? SEARCH_RESULTS_MULTIPLE_RESULTS_FOUND.replace('%n', searchResultsCount.toString()) : SEARCH_RESULTS_ONE_RESULT_FOUND;
|
|
17127
17028
|
}
|
|
17128
|
-
|
|
17129
17029
|
return SEARCH_RESULTS_NO_RESULTS_FOUND;
|
|
17130
17030
|
}
|
|
17131
17031
|
|
|
@@ -17133,28 +17033,22 @@ function useDebouncedState(initialValue, delay) {
|
|
|
17133
17033
|
if (delay === void 0) {
|
|
17134
17034
|
delay = 0;
|
|
17135
17035
|
}
|
|
17136
|
-
|
|
17137
17036
|
var _useState = useState(initialValue),
|
|
17138
|
-
|
|
17139
|
-
|
|
17140
|
-
|
|
17037
|
+
state = _useState[0],
|
|
17038
|
+
setState = _useState[1];
|
|
17141
17039
|
var timer = useRef(null);
|
|
17142
|
-
|
|
17143
17040
|
function debouncedSetState(value) {
|
|
17144
17041
|
return new Promise(function (resolve) {
|
|
17145
17042
|
var _window;
|
|
17146
|
-
|
|
17147
17043
|
if (timer.current) {
|
|
17148
17044
|
clearTimeout(timer.current);
|
|
17149
17045
|
}
|
|
17150
|
-
|
|
17151
17046
|
timer.current = (_window = window) == null ? void 0 : _window.setTimeout(function () {
|
|
17152
17047
|
setState(value);
|
|
17153
17048
|
resolve(value);
|
|
17154
17049
|
}, delay);
|
|
17155
17050
|
});
|
|
17156
17051
|
}
|
|
17157
|
-
|
|
17158
17052
|
return [state, debouncedSetState];
|
|
17159
17053
|
}
|
|
17160
17054
|
|
|
@@ -17170,16 +17064,13 @@ function useDisallowedEmojis() {
|
|
|
17170
17064
|
var emojiVersionConfig = useEmojiVersionConfig();
|
|
17171
17065
|
return useMemo(function () {
|
|
17172
17066
|
var emojiVersion = parseFloat("" + emojiVersionConfig);
|
|
17173
|
-
|
|
17174
17067
|
if (!emojiVersionConfig || Number.isNaN(emojiVersion)) {
|
|
17175
17068
|
return DisallowedEmojisRef.current;
|
|
17176
17069
|
}
|
|
17177
|
-
|
|
17178
17070
|
return allEmojis.reduce(function (disallowedEmojis, emoji) {
|
|
17179
17071
|
if (addedInNewerVersion(emoji, emojiVersion)) {
|
|
17180
17072
|
disallowedEmojis[emojiUnified(emoji)] = true;
|
|
17181
17073
|
}
|
|
17182
|
-
|
|
17183
17074
|
return disallowedEmojis;
|
|
17184
17075
|
}, DisallowedEmojisRef.current);
|
|
17185
17076
|
}, [emojiVersionConfig]);
|
|
@@ -17192,7 +17083,6 @@ function useIsEmojiDisallowed() {
|
|
|
17192
17083
|
return Boolean(disallowedEmojis[unified] || isUnicodeHidden(unified));
|
|
17193
17084
|
};
|
|
17194
17085
|
}
|
|
17195
|
-
|
|
17196
17086
|
function addedInNewerVersion(emoji, supportedLevel) {
|
|
17197
17087
|
return addedIn(emoji) > supportedLevel;
|
|
17198
17088
|
}
|
|
@@ -17206,8 +17096,8 @@ function useMarkInitialLoad(dispatch) {
|
|
|
17206
17096
|
function PickerContextProvider(_ref) {
|
|
17207
17097
|
var children = _ref.children;
|
|
17208
17098
|
var disallowedEmojis = useDisallowedEmojis();
|
|
17209
|
-
var defaultSkinTone = useDefaultSkinToneConfig();
|
|
17210
|
-
|
|
17099
|
+
var defaultSkinTone = useDefaultSkinToneConfig();
|
|
17100
|
+
// Initialize the filter with the inititial dictionary
|
|
17211
17101
|
var filterRef = useRef(alphaNumericEmojiIndex);
|
|
17212
17102
|
var disallowClickRef = useRef(false);
|
|
17213
17103
|
var disallowMouseRef = useRef(false);
|
|
@@ -17219,11 +17109,9 @@ function PickerContextProvider(_ref) {
|
|
|
17219
17109
|
var activeCategoryState = useState(null);
|
|
17220
17110
|
var emojisThatFailedToLoadState = useState(new Set());
|
|
17221
17111
|
var emojiVariationPickerState = useState(null);
|
|
17222
|
-
|
|
17223
17112
|
var _useState = useState(false),
|
|
17224
|
-
|
|
17225
|
-
|
|
17226
|
-
|
|
17113
|
+
isPastInitialLoad = _useState[0],
|
|
17114
|
+
setIsPastInitialLoad = _useState[1];
|
|
17227
17115
|
useMarkInitialLoad(setIsPastInitialLoad);
|
|
17228
17116
|
return createElement(PickerContext.Provider, {
|
|
17229
17117
|
value: {
|
|
@@ -17270,64 +17158,54 @@ var PickerContext = /*#__PURE__*/createContext({
|
|
|
17270
17158
|
});
|
|
17271
17159
|
function useFilterRef() {
|
|
17272
17160
|
var _React$useContext = useContext(PickerContext),
|
|
17273
|
-
|
|
17274
|
-
|
|
17161
|
+
filterRef = _React$useContext.filterRef;
|
|
17275
17162
|
return filterRef;
|
|
17276
17163
|
}
|
|
17277
17164
|
function useDisallowClickRef() {
|
|
17278
17165
|
var _React$useContext2 = useContext(PickerContext),
|
|
17279
|
-
|
|
17280
|
-
|
|
17166
|
+
disallowClickRef = _React$useContext2.disallowClickRef;
|
|
17281
17167
|
return disallowClickRef;
|
|
17282
17168
|
}
|
|
17283
17169
|
function useDisallowMouseRef() {
|
|
17284
17170
|
var _React$useContext3 = useContext(PickerContext),
|
|
17285
|
-
|
|
17286
|
-
|
|
17171
|
+
disallowMouseRef = _React$useContext3.disallowMouseRef;
|
|
17287
17172
|
return disallowMouseRef;
|
|
17288
17173
|
}
|
|
17289
17174
|
function useSearchTermState() {
|
|
17290
17175
|
var _React$useContext4 = useContext(PickerContext),
|
|
17291
|
-
|
|
17292
|
-
|
|
17176
|
+
searchTerm = _React$useContext4.searchTerm;
|
|
17293
17177
|
return searchTerm;
|
|
17294
17178
|
}
|
|
17295
17179
|
function useActiveSkinToneState() {
|
|
17296
17180
|
var _React$useContext5 = useContext(PickerContext),
|
|
17297
|
-
|
|
17298
|
-
|
|
17181
|
+
activeSkinTone = _React$useContext5.activeSkinTone;
|
|
17299
17182
|
return activeSkinTone;
|
|
17300
17183
|
}
|
|
17301
17184
|
function useEmojisThatFailedToLoadState() {
|
|
17302
17185
|
var _React$useContext6 = useContext(PickerContext),
|
|
17303
|
-
|
|
17304
|
-
|
|
17186
|
+
emojisThatFailedToLoadState = _React$useContext6.emojisThatFailedToLoadState;
|
|
17305
17187
|
return emojisThatFailedToLoadState;
|
|
17306
17188
|
}
|
|
17307
17189
|
function useIsPastInitialLoad() {
|
|
17308
17190
|
var _React$useContext7 = useContext(PickerContext),
|
|
17309
|
-
|
|
17310
|
-
|
|
17191
|
+
isPastInitialLoad = _React$useContext7.isPastInitialLoad;
|
|
17311
17192
|
return isPastInitialLoad;
|
|
17312
17193
|
}
|
|
17313
17194
|
function useEmojiVariationPickerState() {
|
|
17314
17195
|
var _React$useContext8 = useContext(PickerContext),
|
|
17315
|
-
|
|
17316
|
-
|
|
17196
|
+
emojiVariationPickerState = _React$useContext8.emojiVariationPickerState;
|
|
17317
17197
|
return emojiVariationPickerState;
|
|
17318
17198
|
}
|
|
17319
17199
|
function useSkinToneFanOpenState() {
|
|
17320
17200
|
var _React$useContext9 = useContext(PickerContext),
|
|
17321
|
-
|
|
17322
|
-
|
|
17201
|
+
skinToneFanOpenState = _React$useContext9.skinToneFanOpenState;
|
|
17323
17202
|
return skinToneFanOpenState;
|
|
17324
17203
|
}
|
|
17325
17204
|
function useUpdateSuggested() {
|
|
17326
17205
|
var _React$useContext11 = useContext(PickerContext),
|
|
17327
|
-
|
|
17328
|
-
|
|
17206
|
+
suggestedUpdateState = _React$useContext11.suggestedUpdateState;
|
|
17329
17207
|
var suggestedUpdated = suggestedUpdateState[0],
|
|
17330
|
-
|
|
17208
|
+
setsuggestedUpdate = suggestedUpdateState[1];
|
|
17331
17209
|
return [suggestedUpdated, function updateSuggested() {
|
|
17332
17210
|
setsuggestedUpdate(Date.now());
|
|
17333
17211
|
}];
|
|
@@ -17360,13 +17238,11 @@ function useOnMouseMove() {
|
|
|
17360
17238
|
bodyRef == null ? void 0 : bodyRef.addEventListener('mousemove', onMouseMove, {
|
|
17361
17239
|
passive: true
|
|
17362
17240
|
});
|
|
17363
|
-
|
|
17364
17241
|
function onMouseMove() {
|
|
17365
17242
|
if (isMouseDisallowed()) {
|
|
17366
17243
|
allowMouseMove();
|
|
17367
17244
|
}
|
|
17368
17245
|
}
|
|
17369
|
-
|
|
17370
17246
|
return function () {
|
|
17371
17247
|
bodyRef == null ? void 0 : bodyRef.removeEventListener('mousemove', onMouseMove);
|
|
17372
17248
|
};
|
|
@@ -17377,7 +17253,6 @@ function elementCountInRow(parent, element) {
|
|
|
17377
17253
|
if (!parent || !element) {
|
|
17378
17254
|
return 0;
|
|
17379
17255
|
}
|
|
17380
|
-
|
|
17381
17256
|
var parentWidth = parent.getBoundingClientRect().width;
|
|
17382
17257
|
var elementWidth = element.getBoundingClientRect().width;
|
|
17383
17258
|
return Math.floor(parentWidth / elementWidth);
|
|
@@ -17386,7 +17261,6 @@ function elementIndexInRow(parent, element) {
|
|
|
17386
17261
|
if (!parent || !element) {
|
|
17387
17262
|
return 0;
|
|
17388
17263
|
}
|
|
17389
|
-
|
|
17390
17264
|
var elementWidth = element.getBoundingClientRect().width;
|
|
17391
17265
|
var elementLeft = element.getBoundingClientRect().left;
|
|
17392
17266
|
var parentLeft = parent.getBoundingClientRect().left;
|
|
@@ -17396,7 +17270,6 @@ function rowNumber(parent, element) {
|
|
|
17396
17270
|
if (!parent || !element) {
|
|
17397
17271
|
return 0;
|
|
17398
17272
|
}
|
|
17399
|
-
|
|
17400
17273
|
var elementHeight = element.getBoundingClientRect().height;
|
|
17401
17274
|
var elementTop = element.getBoundingClientRect().top;
|
|
17402
17275
|
var parentTop = parent.getBoundingClientRect().top;
|
|
@@ -17406,14 +17279,12 @@ function hasNextRow(parent, element) {
|
|
|
17406
17279
|
if (!parent || !element) {
|
|
17407
17280
|
return false;
|
|
17408
17281
|
}
|
|
17409
|
-
|
|
17410
17282
|
var elementHeight = element.getBoundingClientRect().height;
|
|
17411
17283
|
var elementTop = element.getBoundingClientRect().top;
|
|
17412
17284
|
var parentTop = parent.getBoundingClientRect().top;
|
|
17413
17285
|
var parentHeight = parent.getBoundingClientRect().height;
|
|
17414
17286
|
return Math.round(elementTop - parentTop + elementHeight) < parentHeight;
|
|
17415
17287
|
}
|
|
17416
|
-
|
|
17417
17288
|
function getRowElements(elements, row, elementsInRow) {
|
|
17418
17289
|
if (row === -1) {
|
|
17419
17290
|
var lastRow = Math.floor((elements.length - 1) / elementsInRow);
|
|
@@ -17421,40 +17292,34 @@ function getRowElements(elements, row, elementsInRow) {
|
|
|
17421
17292
|
var lastElementIndex = elements.length - 1;
|
|
17422
17293
|
return elements.slice(firstElementIndex, lastElementIndex + 1);
|
|
17423
17294
|
}
|
|
17424
|
-
|
|
17425
17295
|
return elements.slice(row * elementsInRow, (row + 1) * elementsInRow);
|
|
17426
17296
|
}
|
|
17427
|
-
|
|
17428
17297
|
function getNextRowElements(allElements, currentRow, elementsInRow) {
|
|
17429
17298
|
var nextRow = currentRow + 1;
|
|
17430
|
-
|
|
17431
17299
|
if (nextRow * elementsInRow > allElements.length) {
|
|
17432
17300
|
return [];
|
|
17433
17301
|
}
|
|
17434
|
-
|
|
17435
17302
|
return getRowElements(allElements, nextRow, elementsInRow);
|
|
17436
17303
|
}
|
|
17437
|
-
|
|
17438
17304
|
function getElementInRow(elements, row, elementsInRow, indexInRow) {
|
|
17439
|
-
var rowElements = getRowElements(elements, row, elementsInRow);
|
|
17440
|
-
|
|
17305
|
+
var rowElements = getRowElements(elements, row, elementsInRow);
|
|
17306
|
+
// get element, default to last
|
|
17441
17307
|
return rowElements[indexInRow] || rowElements[rowElements.length - 1] || null;
|
|
17442
17308
|
}
|
|
17443
17309
|
function getElementInNextRow(allElements, currentRow, elementsInRow, index) {
|
|
17444
|
-
var nextRowElements = getNextRowElements(allElements, currentRow, elementsInRow);
|
|
17445
|
-
|
|
17310
|
+
var nextRowElements = getNextRowElements(allElements, currentRow, elementsInRow);
|
|
17311
|
+
// return item in index, or last item in row
|
|
17446
17312
|
return nextRowElements[index] || nextRowElements[nextRowElements.length - 1] || null;
|
|
17447
17313
|
}
|
|
17448
17314
|
function getElementInPrevRow(allElements, currentRow, elementsInRow, index) {
|
|
17449
|
-
var prevRowElements = getRowElements(allElements, currentRow - 1, elementsInRow);
|
|
17450
|
-
|
|
17315
|
+
var prevRowElements = getRowElements(allElements, currentRow - 1, elementsInRow);
|
|
17316
|
+
// default to last
|
|
17451
17317
|
return prevRowElements[index] || prevRowElements[prevRowElements.length - 1] || null;
|
|
17452
17318
|
}
|
|
17453
17319
|
function firstVisibleElementInContainer(parent, elements) {
|
|
17454
17320
|
if (!parent || !elements.length) {
|
|
17455
17321
|
return null;
|
|
17456
17322
|
}
|
|
17457
|
-
|
|
17458
17323
|
var parentTop = parent.getBoundingClientRect().top;
|
|
17459
17324
|
var parentBottom = parent.getBoundingClientRect().bottom;
|
|
17460
17325
|
var visibleElements = elements.find(function (element) {
|
|
@@ -17472,53 +17337,43 @@ var EmojiButtonSelector = "button" + /*#__PURE__*/asSelectors(ClassNames.emoji);
|
|
|
17472
17337
|
var VisibleEmojiSelector = /*#__PURE__*/[EmojiButtonSelector, asSelectors(ClassNames.visible), ":not(" + asSelectors(ClassNames.hidden) + ")"].join('');
|
|
17473
17338
|
function buttonFromTarget(emojiElement) {
|
|
17474
17339
|
var _emojiElement$closest;
|
|
17475
|
-
|
|
17476
17340
|
return (_emojiElement$closest = emojiElement == null ? void 0 : emojiElement.closest(EmojiButtonSelector)) != null ? _emojiElement$closest : null;
|
|
17477
17341
|
}
|
|
17478
17342
|
function emojiFromElement(element) {
|
|
17479
17343
|
var originalUnified = originalUnifiedFromEmojiElement(element);
|
|
17480
17344
|
var unified = unifiedFromEmojiElement(element);
|
|
17481
|
-
|
|
17482
17345
|
if (!originalUnified) {
|
|
17483
17346
|
return [];
|
|
17484
17347
|
}
|
|
17485
|
-
|
|
17486
17348
|
var emoji = emojiByUnified(unified != null ? unified : originalUnified);
|
|
17487
|
-
|
|
17488
17349
|
if (!emoji) {
|
|
17489
17350
|
return [];
|
|
17490
17351
|
}
|
|
17491
|
-
|
|
17492
17352
|
return [emoji, unified];
|
|
17493
17353
|
}
|
|
17494
17354
|
function isEmojiElement(element) {
|
|
17495
17355
|
var _element$parentElemen;
|
|
17496
|
-
|
|
17497
17356
|
return Boolean((element == null ? void 0 : element.matches(EmojiButtonSelector)) || (element == null ? void 0 : (_element$parentElemen = element.parentElement) == null ? void 0 : _element$parentElemen.matches(EmojiButtonSelector)));
|
|
17498
17357
|
}
|
|
17499
17358
|
function elementHeight(element) {
|
|
17500
17359
|
var _element$clientHeight;
|
|
17501
|
-
|
|
17502
17360
|
return (_element$clientHeight = element == null ? void 0 : element.clientHeight) != null ? _element$clientHeight : 0;
|
|
17503
17361
|
}
|
|
17504
17362
|
function emojiTrueOffsetTop(element) {
|
|
17505
17363
|
if (!element) {
|
|
17506
17364
|
return 0;
|
|
17507
17365
|
}
|
|
17508
|
-
|
|
17509
17366
|
var button = buttonFromTarget(element);
|
|
17510
|
-
var category = closestCategory(button);
|
|
17511
|
-
|
|
17367
|
+
var category = closestCategory(button);
|
|
17368
|
+
// compensate for the label height
|
|
17512
17369
|
var labelHeight = categoryLabelHeight(category);
|
|
17513
17370
|
return elementOffsetTop(button) + elementOffsetTop(category) + labelHeight;
|
|
17514
17371
|
}
|
|
17515
17372
|
function categoryLabelHeight(category) {
|
|
17516
17373
|
var _category$clientHeigh, _categoryWithoutLabel;
|
|
17517
|
-
|
|
17518
17374
|
if (!category) {
|
|
17519
17375
|
return 0;
|
|
17520
17376
|
}
|
|
17521
|
-
|
|
17522
17377
|
var categoryWithoutLabel = category.querySelector(asSelectors(ClassNames.categoryContent));
|
|
17523
17378
|
return ((_category$clientHeigh = category == null ? void 0 : category.clientHeight) != null ? _category$clientHeigh : 0) - ((_categoryWithoutLabel = categoryWithoutLabel == null ? void 0 : categoryWithoutLabel.clientHeight) != null ? _categoryWithoutLabel : 0);
|
|
17524
17379
|
}
|
|
@@ -17526,7 +17381,6 @@ function isEmojiBehindLabel(emoji) {
|
|
|
17526
17381
|
if (!emoji) {
|
|
17527
17382
|
return false;
|
|
17528
17383
|
}
|
|
17529
|
-
|
|
17530
17384
|
return emojiDistanceFromScrollTop(emoji) < categoryLabelHeight(closestCategory(emoji));
|
|
17531
17385
|
}
|
|
17532
17386
|
function queryScrollBody(root) {
|
|
@@ -17535,20 +17389,16 @@ function queryScrollBody(root) {
|
|
|
17535
17389
|
}
|
|
17536
17390
|
function emojiDistanceFromScrollTop(emoji) {
|
|
17537
17391
|
var _closestScrollBody$sc, _closestScrollBody;
|
|
17538
|
-
|
|
17539
17392
|
if (!emoji) {
|
|
17540
17393
|
return 0;
|
|
17541
17394
|
}
|
|
17542
|
-
|
|
17543
17395
|
return emojiTrueOffsetTop(emoji) - ((_closestScrollBody$sc = (_closestScrollBody = closestScrollBody(emoji)) == null ? void 0 : _closestScrollBody.scrollTop) != null ? _closestScrollBody$sc : 0);
|
|
17544
17396
|
}
|
|
17545
17397
|
function closestScrollBody(element) {
|
|
17546
17398
|
var _element$closest;
|
|
17547
|
-
|
|
17548
17399
|
if (!element) {
|
|
17549
17400
|
return null;
|
|
17550
17401
|
}
|
|
17551
|
-
|
|
17552
17402
|
return (_element$closest = element.closest(asSelectors(ClassNames.scrollBody))) != null ? _element$closest : null;
|
|
17553
17403
|
}
|
|
17554
17404
|
function emojiTruOffsetLeft(element) {
|
|
@@ -17556,46 +17406,33 @@ function emojiTruOffsetLeft(element) {
|
|
|
17556
17406
|
var category = closestCategory(button);
|
|
17557
17407
|
return elementOffsetLeft(button) + elementOffsetLeft(category);
|
|
17558
17408
|
}
|
|
17559
|
-
|
|
17560
17409
|
function elementOffsetTop(element) {
|
|
17561
17410
|
var _element$offsetTop;
|
|
17562
|
-
|
|
17563
17411
|
return (_element$offsetTop = element == null ? void 0 : element.offsetTop) != null ? _element$offsetTop : 0;
|
|
17564
17412
|
}
|
|
17565
|
-
|
|
17566
17413
|
function elementOffsetLeft(element) {
|
|
17567
17414
|
var _element$offsetLeft;
|
|
17568
|
-
|
|
17569
17415
|
return (_element$offsetLeft = element == null ? void 0 : element.offsetLeft) != null ? _element$offsetLeft : 0;
|
|
17570
17416
|
}
|
|
17571
|
-
|
|
17572
17417
|
function unifiedFromEmojiElement(emoji) {
|
|
17573
17418
|
var _elementDataSetKey;
|
|
17574
|
-
|
|
17575
17419
|
return (_elementDataSetKey = elementDataSetKey(buttonFromTarget(emoji), 'unified')) != null ? _elementDataSetKey : null;
|
|
17576
17420
|
}
|
|
17577
17421
|
function originalUnifiedFromEmojiElement(emoji) {
|
|
17578
17422
|
var unified = unifiedFromEmojiElement(emoji);
|
|
17579
|
-
|
|
17580
17423
|
if (unified) {
|
|
17581
17424
|
return unifiedWithoutSkinTone(unified);
|
|
17582
17425
|
}
|
|
17583
|
-
|
|
17584
17426
|
return null;
|
|
17585
17427
|
}
|
|
17586
|
-
|
|
17587
17428
|
function elementDataSetKey(element, key) {
|
|
17588
17429
|
var _elementDataSet$key;
|
|
17589
|
-
|
|
17590
17430
|
return (_elementDataSet$key = elementDataSet(element)[key]) != null ? _elementDataSet$key : null;
|
|
17591
17431
|
}
|
|
17592
|
-
|
|
17593
17432
|
function elementDataSet(element) {
|
|
17594
17433
|
var _element$dataset;
|
|
17595
|
-
|
|
17596
17434
|
return (_element$dataset = element == null ? void 0 : element.dataset) != null ? _element$dataset : {};
|
|
17597
17435
|
}
|
|
17598
|
-
|
|
17599
17436
|
function isVisibleEmoji(element) {
|
|
17600
17437
|
return element.classList.contains(ClassNames.visible);
|
|
17601
17438
|
}
|
|
@@ -17607,110 +17444,86 @@ function allVisibleEmojis(parent) {
|
|
|
17607
17444
|
if (!parent) {
|
|
17608
17445
|
return [];
|
|
17609
17446
|
}
|
|
17610
|
-
|
|
17611
17447
|
return Array.from(parent.querySelectorAll(VisibleEmojiSelector));
|
|
17612
17448
|
}
|
|
17613
17449
|
function lastVisibleEmoji(element) {
|
|
17614
17450
|
if (!element) return null;
|
|
17615
17451
|
var allEmojis = allVisibleEmojis(element);
|
|
17616
|
-
|
|
17617
17452
|
var _allEmojis$slice = allEmojis.slice(-1),
|
|
17618
|
-
|
|
17619
|
-
|
|
17453
|
+
last = _allEmojis$slice[0];
|
|
17620
17454
|
if (!last) {
|
|
17621
17455
|
return null;
|
|
17622
17456
|
}
|
|
17623
|
-
|
|
17624
17457
|
if (!isVisibleEmoji(last)) {
|
|
17625
17458
|
return prevVisibleEmoji(last);
|
|
17626
17459
|
}
|
|
17627
|
-
|
|
17628
17460
|
return last;
|
|
17629
17461
|
}
|
|
17630
17462
|
function nextVisibleEmoji(element) {
|
|
17631
17463
|
var next = element.nextElementSibling;
|
|
17632
|
-
|
|
17633
17464
|
if (!next) {
|
|
17634
17465
|
return firstVisibleEmoji(nextCategory(element));
|
|
17635
17466
|
}
|
|
17636
|
-
|
|
17637
17467
|
if (!isVisibleEmoji(next)) {
|
|
17638
17468
|
return nextVisibleEmoji(next);
|
|
17639
17469
|
}
|
|
17640
|
-
|
|
17641
17470
|
return next;
|
|
17642
17471
|
}
|
|
17643
17472
|
function prevVisibleEmoji(element) {
|
|
17644
17473
|
var prev = element.previousElementSibling;
|
|
17645
|
-
|
|
17646
17474
|
if (!prev) {
|
|
17647
17475
|
return lastVisibleEmoji(prevCategory(element));
|
|
17648
17476
|
}
|
|
17649
|
-
|
|
17650
17477
|
if (!isVisibleEmoji(prev)) {
|
|
17651
17478
|
return prevVisibleEmoji(prev);
|
|
17652
17479
|
}
|
|
17653
|
-
|
|
17654
17480
|
return prev;
|
|
17655
17481
|
}
|
|
17656
17482
|
function firstVisibleEmoji(parent) {
|
|
17657
17483
|
if (!parent) {
|
|
17658
17484
|
return null;
|
|
17659
17485
|
}
|
|
17660
|
-
|
|
17661
17486
|
var allEmojis = allVisibleEmojis(parent);
|
|
17662
17487
|
return firstVisibleElementInContainer(parent, allEmojis);
|
|
17663
17488
|
}
|
|
17664
17489
|
function prevCategory(element) {
|
|
17665
17490
|
var category = closestCategory(element);
|
|
17666
|
-
|
|
17667
17491
|
if (!category) {
|
|
17668
17492
|
return null;
|
|
17669
17493
|
}
|
|
17670
|
-
|
|
17671
17494
|
var prev = category.previousElementSibling;
|
|
17672
|
-
|
|
17673
17495
|
if (!prev) {
|
|
17674
17496
|
return null;
|
|
17675
17497
|
}
|
|
17676
|
-
|
|
17677
17498
|
if (isHidden(prev)) {
|
|
17678
17499
|
return prevCategory(prev);
|
|
17679
17500
|
}
|
|
17680
|
-
|
|
17681
17501
|
return prev;
|
|
17682
17502
|
}
|
|
17683
17503
|
function nextCategory(element) {
|
|
17684
17504
|
var category = closestCategory(element);
|
|
17685
|
-
|
|
17686
17505
|
if (!category) {
|
|
17687
17506
|
return null;
|
|
17688
17507
|
}
|
|
17689
|
-
|
|
17690
17508
|
var next = category.nextElementSibling;
|
|
17691
|
-
|
|
17692
17509
|
if (!next) {
|
|
17693
17510
|
return null;
|
|
17694
17511
|
}
|
|
17695
|
-
|
|
17696
17512
|
if (isHidden(next)) {
|
|
17697
17513
|
return nextCategory(next);
|
|
17698
17514
|
}
|
|
17699
|
-
|
|
17700
17515
|
return next;
|
|
17701
17516
|
}
|
|
17702
17517
|
function closestCategory(element) {
|
|
17703
17518
|
if (!element) {
|
|
17704
17519
|
return null;
|
|
17705
17520
|
}
|
|
17706
|
-
|
|
17707
17521
|
return element.closest(asSelectors(ClassNames.category));
|
|
17708
17522
|
}
|
|
17709
17523
|
function closestCategoryContent(element) {
|
|
17710
17524
|
if (!element) {
|
|
17711
17525
|
return null;
|
|
17712
17526
|
}
|
|
17713
|
-
|
|
17714
17527
|
return element.closest(asSelectors(ClassNames.categoryContent));
|
|
17715
17528
|
}
|
|
17716
17529
|
|
|
@@ -17724,19 +17537,15 @@ var SUGGESTED_LS_KEY = 'epr_suggested';
|
|
|
17724
17537
|
function getSuggested(mode) {
|
|
17725
17538
|
try {
|
|
17726
17539
|
var _window, _window$localStorage$, _window2;
|
|
17727
|
-
|
|
17728
17540
|
if (!((_window = window) != null && _window.localStorage)) {
|
|
17729
17541
|
return [];
|
|
17730
17542
|
}
|
|
17731
|
-
|
|
17732
17543
|
var recent = JSON.parse((_window$localStorage$ = (_window2 = window) == null ? void 0 : _window2.localStorage.getItem(SUGGESTED_LS_KEY)) != null ? _window$localStorage$ : '[]');
|
|
17733
|
-
|
|
17734
17544
|
if (mode === SuggestionMode.FREQUENT) {
|
|
17735
17545
|
return recent.sort(function (a, b) {
|
|
17736
17546
|
return b.count - a.count;
|
|
17737
17547
|
});
|
|
17738
17548
|
}
|
|
17739
|
-
|
|
17740
17549
|
return recent;
|
|
17741
17550
|
} catch (_unused) {
|
|
17742
17551
|
return [];
|
|
@@ -17751,7 +17560,6 @@ function setSuggested(emoji, skinTone) {
|
|
|
17751
17560
|
return u === unified;
|
|
17752
17561
|
});
|
|
17753
17562
|
var nextList;
|
|
17754
|
-
|
|
17755
17563
|
if (existing) {
|
|
17756
17564
|
nextList = [existing].concat(recent.filter(function (i) {
|
|
17757
17565
|
return i !== existing;
|
|
@@ -17764,15 +17572,14 @@ function setSuggested(emoji, skinTone) {
|
|
|
17764
17572
|
};
|
|
17765
17573
|
nextList = [existing].concat(recent);
|
|
17766
17574
|
}
|
|
17767
|
-
|
|
17768
17575
|
existing.count++;
|
|
17769
17576
|
nextList.length = Math.min(nextList.length, 14);
|
|
17770
|
-
|
|
17771
17577
|
try {
|
|
17772
17578
|
var _window3;
|
|
17773
|
-
|
|
17774
|
-
|
|
17775
|
-
} catch (_unused2) {
|
|
17579
|
+
(_window3 = window) == null ? void 0 : _window3.localStorage.setItem(SUGGESTED_LS_KEY, JSON.stringify(nextList));
|
|
17580
|
+
// Prevents the change from being seen immediately.
|
|
17581
|
+
} catch (_unused2) {
|
|
17582
|
+
// ignore
|
|
17776
17583
|
}
|
|
17777
17584
|
}
|
|
17778
17585
|
|
|
@@ -17785,18 +17592,15 @@ function isCustomEmoji(emoji) {
|
|
|
17785
17592
|
|
|
17786
17593
|
function useCloseAllOpenToggles() {
|
|
17787
17594
|
var _useEmojiVariationPic = useEmojiVariationPickerState(),
|
|
17788
|
-
|
|
17789
|
-
|
|
17790
|
-
|
|
17595
|
+
variationPicker = _useEmojiVariationPic[0],
|
|
17596
|
+
setVariationPicker = _useEmojiVariationPic[1];
|
|
17791
17597
|
var _useSkinToneFanOpenSt = useSkinToneFanOpenState(),
|
|
17792
|
-
|
|
17793
|
-
|
|
17794
|
-
|
|
17598
|
+
skinToneFanOpen = _useSkinToneFanOpenSt[0],
|
|
17599
|
+
setSkinToneFanOpen = _useSkinToneFanOpenSt[1];
|
|
17795
17600
|
var closeAllOpenToggles = useCallback(function () {
|
|
17796
17601
|
if (variationPicker) {
|
|
17797
17602
|
setVariationPicker(null);
|
|
17798
17603
|
}
|
|
17799
|
-
|
|
17800
17604
|
if (skinToneFanOpen) {
|
|
17801
17605
|
setSkinToneFanOpen(false);
|
|
17802
17606
|
}
|
|
@@ -17805,11 +17609,9 @@ function useCloseAllOpenToggles() {
|
|
|
17805
17609
|
}
|
|
17806
17610
|
function useHasOpenToggles() {
|
|
17807
17611
|
var _useEmojiVariationPic2 = useEmojiVariationPickerState(),
|
|
17808
|
-
|
|
17809
|
-
|
|
17612
|
+
variationPicker = _useEmojiVariationPic2[0];
|
|
17810
17613
|
var _useSkinToneFanOpenSt2 = useSkinToneFanOpenState(),
|
|
17811
|
-
|
|
17812
|
-
|
|
17614
|
+
skinToneFanOpen = _useSkinToneFanOpenSt2[0];
|
|
17813
17615
|
return function hasOpenToggles() {
|
|
17814
17616
|
return !!variationPicker || skinToneFanOpen;
|
|
17815
17617
|
};
|
|
@@ -17817,14 +17619,11 @@ function useHasOpenToggles() {
|
|
|
17817
17619
|
|
|
17818
17620
|
function useSetVariationPicker() {
|
|
17819
17621
|
var setAnchoredEmojiRef = useSetAnchoredEmojiRef();
|
|
17820
|
-
|
|
17821
17622
|
var _useEmojiVariationPic = useEmojiVariationPickerState(),
|
|
17822
|
-
|
|
17823
|
-
|
|
17623
|
+
setEmojiVariationPicker = _useEmojiVariationPic[1];
|
|
17824
17624
|
return function setVariationPicker(element) {
|
|
17825
17625
|
var _emojiFromElement = emojiFromElement(element),
|
|
17826
|
-
|
|
17827
|
-
|
|
17626
|
+
emoji = _emojiFromElement[0];
|
|
17828
17627
|
if (emoji) {
|
|
17829
17628
|
setAnchoredEmojiRef(element);
|
|
17830
17629
|
setEmojiVariationPicker(emoji);
|
|
@@ -17836,37 +17635,27 @@ function useMouseDownHandlers(BodyRef) {
|
|
|
17836
17635
|
var mouseDownTimerRef = useRef();
|
|
17837
17636
|
var setVariationPicker = useSetVariationPicker();
|
|
17838
17637
|
var disallowClickRef = useDisallowClickRef();
|
|
17839
|
-
|
|
17840
17638
|
var _useEmojiVariationPic = useEmojiVariationPickerState(),
|
|
17841
|
-
|
|
17842
|
-
|
|
17639
|
+
setEmojiVariationPicker = _useEmojiVariationPic[1];
|
|
17843
17640
|
var closeAllOpenToggles = useCloseAllOpenToggles();
|
|
17844
|
-
|
|
17845
17641
|
var _useActiveSkinToneSta = useActiveSkinToneState(),
|
|
17846
|
-
|
|
17847
|
-
|
|
17642
|
+
activeSkinTone = _useActiveSkinToneSta[0];
|
|
17848
17643
|
var onEmojiClick = useOnEmojiClickConfig();
|
|
17849
|
-
|
|
17850
17644
|
var _useUpdateSuggested = useUpdateSuggested(),
|
|
17851
|
-
|
|
17852
|
-
|
|
17645
|
+
updateSuggested = _useUpdateSuggested[1];
|
|
17853
17646
|
var getEmojiUrl = useGetEmojiUrlConfig();
|
|
17854
17647
|
var activeEmojiStyle = useEmojiStyleConfig();
|
|
17855
17648
|
var onClick = useCallback(function onClick(event) {
|
|
17856
17649
|
if (disallowClickRef.current) {
|
|
17857
17650
|
return;
|
|
17858
17651
|
}
|
|
17859
|
-
|
|
17860
17652
|
closeAllOpenToggles();
|
|
17861
|
-
|
|
17862
17653
|
var _emojiFromEvent = emojiFromEvent(event),
|
|
17863
|
-
|
|
17864
|
-
|
|
17865
|
-
|
|
17654
|
+
emoji = _emojiFromEvent[0],
|
|
17655
|
+
unified = _emojiFromEvent[1];
|
|
17866
17656
|
if (!emoji || !unified) {
|
|
17867
17657
|
return;
|
|
17868
17658
|
}
|
|
17869
|
-
|
|
17870
17659
|
var skinToneToUse = activeVariationFromUnified(unified) || activeSkinTone;
|
|
17871
17660
|
updateSuggested();
|
|
17872
17661
|
setSuggested(emoji, skinToneToUse);
|
|
@@ -17874,18 +17663,14 @@ function useMouseDownHandlers(BodyRef) {
|
|
|
17874
17663
|
}, [activeSkinTone, closeAllOpenToggles, disallowClickRef, onEmojiClick, updateSuggested, getEmojiUrl, activeEmojiStyle]);
|
|
17875
17664
|
var onMouseDown = useCallback(function onMouseDown(event) {
|
|
17876
17665
|
var _window;
|
|
17877
|
-
|
|
17878
17666
|
if (mouseDownTimerRef.current) {
|
|
17879
17667
|
clearTimeout(mouseDownTimerRef.current);
|
|
17880
17668
|
}
|
|
17881
|
-
|
|
17882
17669
|
var _emojiFromEvent2 = emojiFromEvent(event),
|
|
17883
|
-
|
|
17884
|
-
|
|
17670
|
+
emoji = _emojiFromEvent2[0];
|
|
17885
17671
|
if (!emoji || !emojiHasVariations(emoji)) {
|
|
17886
17672
|
return;
|
|
17887
17673
|
}
|
|
17888
|
-
|
|
17889
17674
|
mouseDownTimerRef.current = (_window = window) == null ? void 0 : _window.setTimeout(function () {
|
|
17890
17675
|
disallowClickRef.current = true;
|
|
17891
17676
|
mouseDownTimerRef.current = undefined;
|
|
@@ -17913,7 +17698,6 @@ function useMouseDownHandlers(BodyRef) {
|
|
|
17913
17698
|
if (!BodyRef.current) {
|
|
17914
17699
|
return;
|
|
17915
17700
|
}
|
|
17916
|
-
|
|
17917
17701
|
var bodyRef = BodyRef.current;
|
|
17918
17702
|
bodyRef.addEventListener('click', onClick, {
|
|
17919
17703
|
passive: true
|
|
@@ -17931,23 +17715,17 @@ function useMouseDownHandlers(BodyRef) {
|
|
|
17931
17715
|
};
|
|
17932
17716
|
}, [BodyRef, onClick, onMouseDown, onMouseUp]);
|
|
17933
17717
|
}
|
|
17934
|
-
|
|
17935
17718
|
function emojiFromEvent(event) {
|
|
17936
17719
|
var target = event == null ? void 0 : event.target;
|
|
17937
|
-
|
|
17938
17720
|
if (!isEmojiElement(target)) {
|
|
17939
17721
|
return [];
|
|
17940
17722
|
}
|
|
17941
|
-
|
|
17942
17723
|
return emojiFromElement(target);
|
|
17943
17724
|
}
|
|
17944
|
-
|
|
17945
17725
|
function emojiClickOutput(emoji, activeSkinTone, activeEmojiStyle, getEmojiUrl) {
|
|
17946
17726
|
var names = emojiNames(emoji);
|
|
17947
|
-
|
|
17948
17727
|
if (isCustomEmoji(emoji)) {
|
|
17949
17728
|
var _unified = emojiUnified(emoji);
|
|
17950
|
-
|
|
17951
17729
|
return {
|
|
17952
17730
|
activeSkinTone: activeSkinTone,
|
|
17953
17731
|
emoji: _unified,
|
|
@@ -17961,7 +17739,6 @@ function emojiClickOutput(emoji, activeSkinTone, activeEmojiStyle, getEmojiUrl)
|
|
|
17961
17739
|
unifiedWithoutSkinTone: _unified
|
|
17962
17740
|
};
|
|
17963
17741
|
}
|
|
17964
|
-
|
|
17965
17742
|
var unified = emojiUnified(emoji, activeSkinTone);
|
|
17966
17743
|
return {
|
|
17967
17744
|
activeSkinTone: activeSkinTone,
|
|
@@ -17970,7 +17747,6 @@ function emojiClickOutput(emoji, activeSkinTone, activeEmojiStyle, getEmojiUrl)
|
|
|
17970
17747
|
if (emojiStyle === void 0) {
|
|
17971
17748
|
emojiStyle = activeEmojiStyle != null ? activeEmojiStyle : EmojiStyle.APPLE;
|
|
17972
17749
|
}
|
|
17973
|
-
|
|
17974
17750
|
return getEmojiUrl(unified, emojiStyle);
|
|
17975
17751
|
},
|
|
17976
17752
|
imageUrl: getEmojiUrl(unified, activeEmojiStyle != null ? activeEmojiStyle : EmojiStyle.APPLE),
|
|
@@ -17985,19 +17761,15 @@ function useOnScroll(BodyRef) {
|
|
|
17985
17761
|
var closeAllOpenToggles = useCloseAllOpenToggles();
|
|
17986
17762
|
useEffect(function () {
|
|
17987
17763
|
var bodyRef = BodyRef.current;
|
|
17988
|
-
|
|
17989
17764
|
if (!bodyRef) {
|
|
17990
17765
|
return;
|
|
17991
17766
|
}
|
|
17992
|
-
|
|
17993
17767
|
bodyRef.addEventListener('scroll', onScroll, {
|
|
17994
17768
|
passive: true
|
|
17995
17769
|
});
|
|
17996
|
-
|
|
17997
17770
|
function onScroll() {
|
|
17998
17771
|
closeAllOpenToggles();
|
|
17999
17772
|
}
|
|
18000
|
-
|
|
18001
17773
|
return function () {
|
|
18002
17774
|
bodyRef == null ? void 0 : bodyRef.removeEventListener('scroll', onScroll);
|
|
18003
17775
|
};
|
|
@@ -18008,24 +17780,19 @@ function scrollTo(root, top) {
|
|
|
18008
17780
|
if (top === void 0) {
|
|
18009
17781
|
top = 0;
|
|
18010
17782
|
}
|
|
18011
|
-
|
|
18012
17783
|
var $eprBody = queryScrollBody(root);
|
|
18013
|
-
|
|
18014
17784
|
if (!$eprBody) {
|
|
18015
17785
|
return;
|
|
18016
17786
|
}
|
|
18017
|
-
|
|
18018
17787
|
requestAnimationFrame(function () {
|
|
18019
17788
|
$eprBody.scrollTop = top + 1;
|
|
18020
17789
|
});
|
|
18021
17790
|
}
|
|
18022
17791
|
function scrollBy(root, by) {
|
|
18023
17792
|
var $eprBody = queryScrollBody(root);
|
|
18024
|
-
|
|
18025
17793
|
if (!$eprBody) {
|
|
18026
17794
|
return;
|
|
18027
17795
|
}
|
|
18028
|
-
|
|
18029
17796
|
requestAnimationFrame(function () {
|
|
18030
17797
|
$eprBody.scrollTop = $eprBody.scrollTop + by;
|
|
18031
17798
|
});
|
|
@@ -18044,11 +17811,9 @@ function scrollEmojiAboveLabel(emoji) {
|
|
|
18044
17811
|
if (!emoji || !isEmojiBehindLabel(emoji)) {
|
|
18045
17812
|
return;
|
|
18046
17813
|
}
|
|
18047
|
-
|
|
18048
17814
|
if (emoji.closest(asSelectors(ClassNames.variationPicker))) {
|
|
18049
17815
|
return;
|
|
18050
17816
|
}
|
|
18051
|
-
|
|
18052
17817
|
var scrollBody = closestScrollBody(emoji);
|
|
18053
17818
|
var by = emojiDistanceFromScrollTop(emoji);
|
|
18054
17819
|
scrollBy(scrollBody, -(categoryLabelHeight(closestCategory(emoji)) - by));
|
|
@@ -18066,7 +17831,6 @@ function useFocusSkinTonePicker() {
|
|
|
18066
17831
|
if (!SkinTonePickerRef.current) {
|
|
18067
17832
|
return;
|
|
18068
17833
|
}
|
|
18069
|
-
|
|
18070
17834
|
focusFirstElementChild(SkinTonePickerRef.current);
|
|
18071
17835
|
}, [SkinTonePickerRef]);
|
|
18072
17836
|
}
|
|
@@ -18076,7 +17840,6 @@ function useFocusCategoryNavigation() {
|
|
|
18076
17840
|
if (!CategoryNavigationRef.current) {
|
|
18077
17841
|
return;
|
|
18078
17842
|
}
|
|
18079
|
-
|
|
18080
17843
|
focusFirstElementChild(CategoryNavigationRef.current);
|
|
18081
17844
|
}, [CategoryNavigationRef]);
|
|
18082
17845
|
}
|
|
@@ -18087,11 +17850,9 @@ function useSetFilterRef() {
|
|
|
18087
17850
|
if (typeof setter === 'function') {
|
|
18088
17851
|
return setFilter(setter(filterRef.current));
|
|
18089
17852
|
}
|
|
18090
|
-
|
|
18091
17853
|
filterRef.current = setter;
|
|
18092
17854
|
};
|
|
18093
17855
|
}
|
|
18094
|
-
|
|
18095
17856
|
function useClearSearch() {
|
|
18096
17857
|
var applySearch = useApplySearch();
|
|
18097
17858
|
var SearchInputRef = useSearchInputRef();
|
|
@@ -18100,7 +17861,6 @@ function useClearSearch() {
|
|
|
18100
17861
|
if (SearchInputRef.current) {
|
|
18101
17862
|
SearchInputRef.current.value = '';
|
|
18102
17863
|
}
|
|
18103
|
-
|
|
18104
17864
|
applySearch('');
|
|
18105
17865
|
focusSearchInput();
|
|
18106
17866
|
};
|
|
@@ -18122,10 +17882,8 @@ function useFilter() {
|
|
|
18122
17882
|
var filterRef = useFilterRef();
|
|
18123
17883
|
var setFilterRef = useSetFilterRef();
|
|
18124
17884
|
var applySearch = useApplySearch();
|
|
18125
|
-
|
|
18126
17885
|
var _useSearchTermState = useSearchTermState(),
|
|
18127
|
-
|
|
18128
|
-
|
|
17886
|
+
searchTerm = _useSearchTermState[0];
|
|
18129
17887
|
var statusSearchResults = getStatusSearchResults(filterRef.current, searchTerm);
|
|
18130
17888
|
return {
|
|
18131
17889
|
onChange: onChange,
|
|
@@ -18133,36 +17891,28 @@ function useFilter() {
|
|
|
18133
17891
|
SearchInputRef: SearchInputRef,
|
|
18134
17892
|
statusSearchResults: statusSearchResults
|
|
18135
17893
|
};
|
|
18136
|
-
|
|
18137
17894
|
function onChange(inputValue) {
|
|
18138
17895
|
var filter = filterRef.current;
|
|
18139
17896
|
var nextValue = inputValue.toLowerCase();
|
|
18140
|
-
|
|
18141
17897
|
if (filter != null && filter[nextValue] || nextValue.length <= 1) {
|
|
18142
17898
|
return applySearch(nextValue);
|
|
18143
17899
|
}
|
|
18144
|
-
|
|
18145
17900
|
var longestMatch = findLongestMatch(nextValue, filter);
|
|
18146
|
-
|
|
18147
17901
|
if (!longestMatch) {
|
|
18148
17902
|
// Can we even get here?
|
|
18149
17903
|
// If so, we need to search among all emojis
|
|
18150
17904
|
return applySearch(nextValue);
|
|
18151
17905
|
}
|
|
18152
|
-
|
|
18153
17906
|
setFilterRef(function (current) {
|
|
18154
17907
|
var _Object$assign;
|
|
18155
|
-
|
|
18156
17908
|
return Object.assign(current, (_Object$assign = {}, _Object$assign[nextValue] = filterEmojiObjectByKeyword(longestMatch, nextValue), _Object$assign));
|
|
18157
17909
|
});
|
|
18158
17910
|
applySearch(nextValue);
|
|
18159
17911
|
}
|
|
18160
17912
|
}
|
|
18161
|
-
|
|
18162
17913
|
function useApplySearch() {
|
|
18163
17914
|
var _useSearchTermState2 = useSearchTermState(),
|
|
18164
|
-
|
|
18165
|
-
|
|
17915
|
+
setSearchTerm = _useSearchTermState2[1];
|
|
18166
17916
|
var PickerMainRef = usePickerMainRef();
|
|
18167
17917
|
return function applySearch(searchTerm) {
|
|
18168
17918
|
requestAnimationFrame(function () {
|
|
@@ -18172,92 +17922,71 @@ function useApplySearch() {
|
|
|
18172
17922
|
});
|
|
18173
17923
|
};
|
|
18174
17924
|
}
|
|
18175
|
-
|
|
18176
17925
|
function filterEmojiObjectByKeyword(emojis, keyword) {
|
|
18177
17926
|
var filtered = {};
|
|
18178
|
-
|
|
18179
17927
|
for (var unified in emojis) {
|
|
18180
17928
|
var emoji = emojis[unified];
|
|
18181
|
-
|
|
18182
17929
|
if (hasMatch(emoji, keyword)) {
|
|
18183
17930
|
filtered[unified] = emoji;
|
|
18184
17931
|
}
|
|
18185
17932
|
}
|
|
18186
|
-
|
|
18187
17933
|
return filtered;
|
|
18188
17934
|
}
|
|
18189
|
-
|
|
18190
17935
|
function hasMatch(emoji, keyword) {
|
|
18191
17936
|
return emojiNames(emoji).some(function (name) {
|
|
18192
17937
|
return name.includes(keyword);
|
|
18193
17938
|
});
|
|
18194
17939
|
}
|
|
18195
|
-
|
|
18196
17940
|
function useIsEmojiFiltered() {
|
|
18197
17941
|
var _useFilterRef = useFilterRef(),
|
|
18198
|
-
|
|
18199
|
-
|
|
17942
|
+
filter = _useFilterRef.current;
|
|
18200
17943
|
var _useSearchTermState3 = useSearchTermState(),
|
|
18201
|
-
|
|
18202
|
-
|
|
17944
|
+
searchTerm = _useSearchTermState3[0];
|
|
18203
17945
|
return function (unified) {
|
|
18204
17946
|
return isEmojiFilteredBySearchTerm(unified, filter, searchTerm);
|
|
18205
17947
|
};
|
|
18206
17948
|
}
|
|
18207
|
-
|
|
18208
17949
|
function isEmojiFilteredBySearchTerm(unified, filter, searchTerm) {
|
|
18209
17950
|
var _filter$searchTerm;
|
|
18210
|
-
|
|
18211
17951
|
if (!filter || !searchTerm) {
|
|
18212
17952
|
return false;
|
|
18213
17953
|
}
|
|
18214
|
-
|
|
18215
17954
|
return !((_filter$searchTerm = filter[searchTerm]) != null && _filter$searchTerm[unified]);
|
|
18216
17955
|
}
|
|
18217
|
-
|
|
18218
17956
|
function findLongestMatch(keyword, dict) {
|
|
18219
17957
|
if (!dict) {
|
|
18220
17958
|
return null;
|
|
18221
17959
|
}
|
|
18222
|
-
|
|
18223
17960
|
if (dict[keyword]) {
|
|
18224
17961
|
return dict[keyword];
|
|
18225
17962
|
}
|
|
18226
|
-
|
|
18227
17963
|
var longestMatchingKey = Object.keys(dict).sort(function (a, b) {
|
|
18228
17964
|
return b.length - a.length;
|
|
18229
17965
|
}).find(function (key) {
|
|
18230
17966
|
return keyword.includes(key);
|
|
18231
17967
|
});
|
|
18232
|
-
|
|
18233
17968
|
if (longestMatchingKey) {
|
|
18234
17969
|
return dict[longestMatchingKey];
|
|
18235
17970
|
}
|
|
18236
|
-
|
|
18237
17971
|
return null;
|
|
18238
17972
|
}
|
|
18239
|
-
|
|
18240
17973
|
function getNormalizedSearchTerm(str) {
|
|
18241
17974
|
if (!str || typeof str !== 'string') {
|
|
18242
17975
|
return '';
|
|
18243
17976
|
}
|
|
18244
|
-
|
|
18245
17977
|
return str.trim().toLowerCase();
|
|
18246
17978
|
}
|
|
18247
|
-
|
|
18248
17979
|
function getStatusSearchResults(filterState, searchTerm) {
|
|
18249
17980
|
var _Object$entries;
|
|
18250
|
-
|
|
18251
17981
|
if (!(filterState != null && filterState[searchTerm])) return '';
|
|
18252
|
-
var searchResultsCount = ((_Object$entries = Object.entries(filterState == null ? void 0 : filterState[searchTerm])) == null ? void 0 : _Object$entries.length) || 0;
|
|
18253
|
-
|
|
17982
|
+
var searchResultsCount = ((_Object$entries = Object.entries(filterState == null ? void 0 : filterState[searchTerm])) == null ? void 0 : _Object$entries.length) || 0;
|
|
17983
|
+
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
18254
17984
|
return useSearchResultsConfig(searchResultsCount);
|
|
18255
17985
|
}
|
|
18256
17986
|
|
|
18257
17987
|
function useIsEmojiHidden() {
|
|
18258
17988
|
var _useEmojisThatFailedT = useEmojisThatFailedToLoadState(),
|
|
18259
|
-
|
|
18260
|
-
|
|
17989
|
+
emojisThatFailedToLoad = _useEmojisThatFailedT[0];
|
|
18261
17990
|
var isEmojiFiltered = useIsEmojiFiltered();
|
|
18262
17991
|
return function (emoji) {
|
|
18263
17992
|
var unified = emojiUnified(emoji);
|
|
@@ -18305,21 +18034,29 @@ function Button(props) {
|
|
|
18305
18034
|
return createElement("button", Object.assign({
|
|
18306
18035
|
type: "button"
|
|
18307
18036
|
}, props, {
|
|
18308
|
-
className: cx(
|
|
18037
|
+
className: cx(styles.button, props.className)
|
|
18309
18038
|
}), props.children);
|
|
18310
18039
|
}
|
|
18040
|
+
var styles = /*#__PURE__*/stylesheet.create({
|
|
18041
|
+
button: {
|
|
18042
|
+
'.': 'epr-btn',
|
|
18043
|
+
cursor: 'pointer',
|
|
18044
|
+
border: '0',
|
|
18045
|
+
background: 'none',
|
|
18046
|
+
outline: 'none'
|
|
18047
|
+
}
|
|
18048
|
+
});
|
|
18311
18049
|
|
|
18312
18050
|
function ClickableEmojiButton(_ref) {
|
|
18313
18051
|
var _cx;
|
|
18314
|
-
|
|
18315
18052
|
var emojiNames = _ref.emojiNames,
|
|
18316
|
-
|
|
18317
|
-
|
|
18318
|
-
|
|
18319
|
-
|
|
18320
|
-
|
|
18321
|
-
|
|
18322
|
-
|
|
18053
|
+
unified = _ref.unified,
|
|
18054
|
+
hidden = _ref.hidden,
|
|
18055
|
+
hiddenOnSearch = _ref.hiddenOnSearch,
|
|
18056
|
+
_ref$showVariations = _ref.showVariations,
|
|
18057
|
+
showVariations = _ref$showVariations === void 0 ? true : _ref$showVariations,
|
|
18058
|
+
hasVariations = _ref.hasVariations,
|
|
18059
|
+
children = _ref.children;
|
|
18323
18060
|
return createElement(Button, {
|
|
18324
18061
|
className: cx(ClassNames.emoji, hidden && commonStyles.hidden, hiddenOnSearch && commonStyles.hiddenOnSearch, (_cx = {}, _cx[ClassNames.visible] = !hidden && !hiddenOnSearch, _cx[ClassNames.emojiHasVariations] = hasVariations && showVariations, _cx)),
|
|
18325
18062
|
"data-unified": unified,
|
|
@@ -18330,11 +18067,11 @@ function ClickableEmojiButton(_ref) {
|
|
|
18330
18067
|
|
|
18331
18068
|
function EmojiImg(_ref) {
|
|
18332
18069
|
var emojiName = _ref.emojiName,
|
|
18333
|
-
|
|
18334
|
-
|
|
18335
|
-
|
|
18336
|
-
|
|
18337
|
-
|
|
18070
|
+
style = _ref.style,
|
|
18071
|
+
_ref$lazyLoad = _ref.lazyLoad,
|
|
18072
|
+
lazyLoad = _ref$lazyLoad === void 0 ? false : _ref$lazyLoad,
|
|
18073
|
+
imgUrl = _ref.imgUrl,
|
|
18074
|
+
onError = _ref.onError;
|
|
18338
18075
|
return createElement("img", {
|
|
18339
18076
|
src: imgUrl,
|
|
18340
18077
|
alt: emojiName,
|
|
@@ -18347,7 +18084,7 @@ function EmojiImg(_ref) {
|
|
|
18347
18084
|
|
|
18348
18085
|
function NativeEmoji(_ref) {
|
|
18349
18086
|
var unified = _ref.unified,
|
|
18350
|
-
|
|
18087
|
+
style = _ref.style;
|
|
18351
18088
|
return createElement("span", {
|
|
18352
18089
|
className: cx(ClassNames.external, 'epr-emoji-native'),
|
|
18353
18090
|
"data-unified": unified,
|
|
@@ -18357,28 +18094,22 @@ function NativeEmoji(_ref) {
|
|
|
18357
18094
|
|
|
18358
18095
|
function ViewOnlyEmoji(_ref) {
|
|
18359
18096
|
var emoji = _ref.emoji,
|
|
18360
|
-
|
|
18361
|
-
|
|
18362
|
-
|
|
18363
|
-
|
|
18364
|
-
|
|
18365
|
-
|
|
18366
|
-
|
|
18097
|
+
unified = _ref.unified,
|
|
18098
|
+
emojiStyle = _ref.emojiStyle,
|
|
18099
|
+
size = _ref.size,
|
|
18100
|
+
lazyLoad = _ref.lazyLoad,
|
|
18101
|
+
_ref$getEmojiUrl = _ref.getEmojiUrl,
|
|
18102
|
+
getEmojiUrl = _ref$getEmojiUrl === void 0 ? emojiUrlByUnified : _ref$getEmojiUrl;
|
|
18367
18103
|
var _useEmojisThatFailedT = useEmojisThatFailedToLoadState(),
|
|
18368
|
-
|
|
18369
|
-
|
|
18104
|
+
setEmojisThatFailedToLoad = _useEmojisThatFailedT[1];
|
|
18370
18105
|
var style = {};
|
|
18371
|
-
|
|
18372
18106
|
if (size) {
|
|
18373
18107
|
style.width = style.height = style.fontSize = size + "px";
|
|
18374
18108
|
}
|
|
18375
|
-
|
|
18376
18109
|
var emojiToRender = emoji ? emoji : emojiByUnified(unified);
|
|
18377
|
-
|
|
18378
18110
|
if (!emojiToRender) {
|
|
18379
18111
|
return null;
|
|
18380
18112
|
}
|
|
18381
|
-
|
|
18382
18113
|
if (isCustomEmoji(emojiToRender)) {
|
|
18383
18114
|
return createElement(EmojiImg, {
|
|
18384
18115
|
style: style,
|
|
@@ -18389,7 +18120,6 @@ function ViewOnlyEmoji(_ref) {
|
|
|
18389
18120
|
onError: onError
|
|
18390
18121
|
});
|
|
18391
18122
|
}
|
|
18392
|
-
|
|
18393
18123
|
return createElement(Fragment, null, emojiStyle === EmojiStyle.NATIVE ? createElement(NativeEmoji, {
|
|
18394
18124
|
unified: unified,
|
|
18395
18125
|
style: style
|
|
@@ -18401,7 +18131,6 @@ function ViewOnlyEmoji(_ref) {
|
|
|
18401
18131
|
imgUrl: getEmojiUrl(unified, emojiStyle),
|
|
18402
18132
|
onError: onError
|
|
18403
18133
|
}));
|
|
18404
|
-
|
|
18405
18134
|
function onError() {
|
|
18406
18135
|
setEmojisThatFailedToLoad(function (prev) {
|
|
18407
18136
|
return new Set(prev).add(unified);
|
|
@@ -18411,15 +18140,15 @@ function ViewOnlyEmoji(_ref) {
|
|
|
18411
18140
|
|
|
18412
18141
|
function ClickableEmoji(_ref) {
|
|
18413
18142
|
var emoji = _ref.emoji,
|
|
18414
|
-
|
|
18415
|
-
|
|
18416
|
-
|
|
18417
|
-
|
|
18418
|
-
|
|
18419
|
-
|
|
18420
|
-
|
|
18421
|
-
|
|
18422
|
-
|
|
18143
|
+
unified = _ref.unified,
|
|
18144
|
+
hidden = _ref.hidden,
|
|
18145
|
+
hiddenOnSearch = _ref.hiddenOnSearch,
|
|
18146
|
+
emojiStyle = _ref.emojiStyle,
|
|
18147
|
+
_ref$showVariations = _ref.showVariations,
|
|
18148
|
+
showVariations = _ref$showVariations === void 0 ? true : _ref$showVariations,
|
|
18149
|
+
size = _ref.size,
|
|
18150
|
+
lazyLoad = _ref.lazyLoad,
|
|
18151
|
+
getEmojiUrl = _ref.getEmojiUrl;
|
|
18423
18152
|
var hasVariations = emojiHasVariations(emoji);
|
|
18424
18153
|
return createElement(ClickableEmojiButton, {
|
|
18425
18154
|
hasVariations: hasVariations,
|
|
@@ -18440,22 +18169,22 @@ function ClickableEmoji(_ref) {
|
|
|
18440
18169
|
|
|
18441
18170
|
function EmojiCategory(_ref) {
|
|
18442
18171
|
var categoryConfig = _ref.categoryConfig,
|
|
18443
|
-
|
|
18444
|
-
|
|
18445
|
-
|
|
18172
|
+
children = _ref.children,
|
|
18173
|
+
hidden = _ref.hidden,
|
|
18174
|
+
hiddenOnSearch = _ref.hiddenOnSearch;
|
|
18446
18175
|
var category = categoryFromCategoryConfig(categoryConfig);
|
|
18447
18176
|
var categoryName = categoryNameFromCategoryConfig(categoryConfig);
|
|
18448
18177
|
return createElement("li", {
|
|
18449
|
-
className: cx(styles.category, hidden && commonStyles.hidden, hiddenOnSearch && commonStyles.hiddenOnSearch),
|
|
18178
|
+
className: cx(styles$1.category, hidden && commonStyles.hidden, hiddenOnSearch && commonStyles.hiddenOnSearch),
|
|
18450
18179
|
"data-name": category,
|
|
18451
18180
|
"aria-label": categoryName
|
|
18452
18181
|
}, createElement("h2", {
|
|
18453
|
-
className: cx(styles.label)
|
|
18182
|
+
className: cx(styles$1.label)
|
|
18454
18183
|
}, categoryName), createElement("div", {
|
|
18455
|
-
className: cx(styles.categoryContent)
|
|
18184
|
+
className: cx(styles$1.categoryContent)
|
|
18456
18185
|
}, children));
|
|
18457
18186
|
}
|
|
18458
|
-
var styles = /*#__PURE__*/stylesheet.create({
|
|
18187
|
+
var styles$1 = /*#__PURE__*/stylesheet.create({
|
|
18459
18188
|
category: {
|
|
18460
18189
|
'.': ClassNames.category,
|
|
18461
18190
|
':not(:has(.epr-visible))': {
|
|
@@ -18494,17 +18223,15 @@ var styles = /*#__PURE__*/stylesheet.create({
|
|
|
18494
18223
|
|
|
18495
18224
|
function Suggested(_ref) {
|
|
18496
18225
|
var categoryConfig = _ref.categoryConfig;
|
|
18497
|
-
|
|
18498
18226
|
var _useUpdateSuggested = useUpdateSuggested(),
|
|
18499
|
-
|
|
18500
|
-
|
|
18227
|
+
suggestedUpdated = _useUpdateSuggested[0];
|
|
18501
18228
|
var suggestedEmojisModeConfig = useSuggestedEmojisModeConfig();
|
|
18502
18229
|
var getEmojiUrl = useGetEmojiUrlConfig();
|
|
18503
18230
|
var suggested = useMemo(function () {
|
|
18504
18231
|
var _getSuggested;
|
|
18505
|
-
|
|
18506
18232
|
return (_getSuggested = getSuggested(suggestedEmojisModeConfig)) != null ? _getSuggested : [];
|
|
18507
|
-
},
|
|
18233
|
+
},
|
|
18234
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
18508
18235
|
[suggestedUpdated, suggestedEmojisModeConfig]);
|
|
18509
18236
|
var emojiStyle = useEmojiStyleConfig();
|
|
18510
18237
|
return createElement(EmojiCategory, {
|
|
@@ -18513,11 +18240,9 @@ function Suggested(_ref) {
|
|
|
18513
18240
|
hidden: suggested.length === 0
|
|
18514
18241
|
}, suggested.map(function (suggestedItem) {
|
|
18515
18242
|
var emoji = emojiByUnified(suggestedItem.original);
|
|
18516
|
-
|
|
18517
18243
|
if (!emoji) {
|
|
18518
18244
|
return null;
|
|
18519
18245
|
}
|
|
18520
|
-
|
|
18521
18246
|
return createElement(ClickableEmoji, {
|
|
18522
18247
|
showVariations: false,
|
|
18523
18248
|
unified: suggestedItem.unified,
|
|
@@ -18533,17 +18258,15 @@ function EmojiList() {
|
|
|
18533
18258
|
var categories = useCategoriesConfig();
|
|
18534
18259
|
var renderdCategoriesCountRef = useRef(0);
|
|
18535
18260
|
return createElement("ul", {
|
|
18536
|
-
className: cx(styles$
|
|
18261
|
+
className: cx(styles$2.emojiList)
|
|
18537
18262
|
}, categories.map(function (categoryConfig) {
|
|
18538
18263
|
var category = categoryFromCategoryConfig(categoryConfig);
|
|
18539
|
-
|
|
18540
18264
|
if (category === Categories.SUGGESTED) {
|
|
18541
18265
|
return createElement(Suggested, {
|
|
18542
18266
|
key: category,
|
|
18543
18267
|
categoryConfig: categoryConfig
|
|
18544
18268
|
});
|
|
18545
18269
|
}
|
|
18546
|
-
|
|
18547
18270
|
return createElement(RenderCategory, {
|
|
18548
18271
|
key: category,
|
|
18549
18272
|
category: category,
|
|
@@ -18552,49 +18275,39 @@ function EmojiList() {
|
|
|
18552
18275
|
});
|
|
18553
18276
|
}));
|
|
18554
18277
|
}
|
|
18555
|
-
|
|
18556
18278
|
function RenderCategory(_ref) {
|
|
18557
18279
|
var category = _ref.category,
|
|
18558
|
-
|
|
18559
|
-
|
|
18280
|
+
categoryConfig = _ref.categoryConfig,
|
|
18281
|
+
renderdCategoriesCountRef = _ref.renderdCategoriesCountRef;
|
|
18560
18282
|
var isEmojiHidden = useIsEmojiHidden();
|
|
18561
18283
|
var lazyLoadEmojis = useLazyLoadEmojisConfig();
|
|
18562
18284
|
var emojiStyle = useEmojiStyleConfig();
|
|
18563
18285
|
var isPastInitialLoad = useIsPastInitialLoad();
|
|
18564
|
-
|
|
18565
18286
|
var _useActiveSkinToneSta = useActiveSkinToneState(),
|
|
18566
|
-
|
|
18567
|
-
|
|
18287
|
+
activeSkinTone = _useActiveSkinToneSta[0];
|
|
18568
18288
|
var isEmojiDisallowed = useIsEmojiDisallowed();
|
|
18569
18289
|
var getEmojiUrl = useGetEmojiUrlConfig();
|
|
18570
|
-
var showVariations = !useSkinTonesDisabledConfig();
|
|
18290
|
+
var showVariations = !useSkinTonesDisabledConfig();
|
|
18291
|
+
// Small trick to defer the rendering of all emoji categories until the first category is visible
|
|
18571
18292
|
// This way the user gets to actually see something and not wait for the whole picker to render.
|
|
18572
|
-
|
|
18573
18293
|
var emojisToPush = !isPastInitialLoad && renderdCategoriesCountRef.current > 0 ? [] : emojisByCategory(category);
|
|
18574
|
-
|
|
18575
18294
|
if (emojisToPush.length > 0) {
|
|
18576
18295
|
renderdCategoriesCountRef.current++;
|
|
18577
18296
|
}
|
|
18578
|
-
|
|
18579
18297
|
var hiddenCounter = 0;
|
|
18580
18298
|
var emojis = emojisToPush.map(function (emoji) {
|
|
18581
18299
|
var unified = emojiUnified(emoji, activeSkinTone);
|
|
18582
|
-
|
|
18583
18300
|
var _isEmojiHidden = isEmojiHidden(emoji),
|
|
18584
|
-
|
|
18585
|
-
|
|
18586
|
-
|
|
18587
|
-
|
|
18301
|
+
failedToLoad = _isEmojiHidden.failedToLoad,
|
|
18302
|
+
filteredOut = _isEmojiHidden.filteredOut,
|
|
18303
|
+
hidden = _isEmojiHidden.hidden;
|
|
18588
18304
|
var isDisallowed = isEmojiDisallowed(emoji);
|
|
18589
|
-
|
|
18590
18305
|
if (hidden || isDisallowed) {
|
|
18591
18306
|
hiddenCounter++;
|
|
18592
18307
|
}
|
|
18593
|
-
|
|
18594
18308
|
if (isDisallowed) {
|
|
18595
18309
|
return null;
|
|
18596
18310
|
}
|
|
18597
|
-
|
|
18598
18311
|
return createElement(ClickableEmoji, {
|
|
18599
18312
|
showVariations: showVariations,
|
|
18600
18313
|
key: unified,
|
|
@@ -18614,8 +18327,7 @@ function RenderCategory(_ref) {
|
|
|
18614
18327
|
hidden: hiddenCounter === emojis.length
|
|
18615
18328
|
}, emojis);
|
|
18616
18329
|
}
|
|
18617
|
-
|
|
18618
|
-
var styles$1 = /*#__PURE__*/stylesheet.create({
|
|
18330
|
+
var styles$2 = /*#__PURE__*/stylesheet.create({
|
|
18619
18331
|
emojiList: {
|
|
18620
18332
|
'.': ClassNames.emojiList,
|
|
18621
18333
|
listStyle: 'none',
|
|
@@ -18641,13 +18353,10 @@ function focusNextVisibleEmoji(element) {
|
|
|
18641
18353
|
if (!element) {
|
|
18642
18354
|
return;
|
|
18643
18355
|
}
|
|
18644
|
-
|
|
18645
18356
|
var next = nextVisibleEmoji(element);
|
|
18646
|
-
|
|
18647
18357
|
if (!next) {
|
|
18648
18358
|
return focusFirstVisibleEmoji(nextCategory(element));
|
|
18649
18359
|
}
|
|
18650
|
-
|
|
18651
18360
|
focusElement(next);
|
|
18652
18361
|
scrollEmojiAboveLabel(next);
|
|
18653
18362
|
}
|
|
@@ -18655,13 +18364,10 @@ function focusPrevVisibleEmoji(element) {
|
|
|
18655
18364
|
if (!element) {
|
|
18656
18365
|
return;
|
|
18657
18366
|
}
|
|
18658
|
-
|
|
18659
18367
|
var prev = prevVisibleEmoji(element);
|
|
18660
|
-
|
|
18661
18368
|
if (!prev) {
|
|
18662
18369
|
return focusLastVisibleEmoji(prevCategory(element));
|
|
18663
18370
|
}
|
|
18664
|
-
|
|
18665
18371
|
focusElement(prev);
|
|
18666
18372
|
scrollEmojiAboveLabel(prev);
|
|
18667
18373
|
}
|
|
@@ -18669,13 +18375,10 @@ function focusVisibleEmojiOneRowUp(element, exitUp) {
|
|
|
18669
18375
|
if (!element) {
|
|
18670
18376
|
return;
|
|
18671
18377
|
}
|
|
18672
|
-
|
|
18673
18378
|
var prev = visibleEmojiOneRowUp(element);
|
|
18674
|
-
|
|
18675
18379
|
if (!prev) {
|
|
18676
18380
|
return exitUp();
|
|
18677
18381
|
}
|
|
18678
|
-
|
|
18679
18382
|
focusElement(prev);
|
|
18680
18383
|
scrollEmojiAboveLabel(prev);
|
|
18681
18384
|
}
|
|
@@ -18683,57 +18386,45 @@ function focusVisibleEmojiOneRowDown(element) {
|
|
|
18683
18386
|
if (!element) {
|
|
18684
18387
|
return;
|
|
18685
18388
|
}
|
|
18686
|
-
|
|
18687
18389
|
var next = visibleEmojiOneRowDown(element);
|
|
18688
18390
|
return focusElement(next);
|
|
18689
18391
|
}
|
|
18690
|
-
|
|
18691
18392
|
function visibleEmojiOneRowUp(element) {
|
|
18692
18393
|
if (!element) {
|
|
18693
18394
|
return null;
|
|
18694
18395
|
}
|
|
18695
|
-
|
|
18696
18396
|
var categoryContent = closestCategoryContent(element);
|
|
18697
18397
|
var category = closestCategory(categoryContent);
|
|
18698
18398
|
var indexInRow = elementIndexInRow(categoryContent, element);
|
|
18699
18399
|
var row = rowNumber(categoryContent, element);
|
|
18700
18400
|
var countInRow = elementCountInRow(categoryContent, element);
|
|
18701
|
-
|
|
18702
18401
|
if (row === 0) {
|
|
18703
18402
|
var prevVisibleCategory = prevCategory(category);
|
|
18704
|
-
|
|
18705
18403
|
if (!prevVisibleCategory) {
|
|
18706
18404
|
return null;
|
|
18707
18405
|
}
|
|
18708
|
-
|
|
18709
|
-
|
|
18406
|
+
return getElementInRow(allVisibleEmojis(prevVisibleCategory), -1,
|
|
18407
|
+
// last row
|
|
18710
18408
|
countInRow, indexInRow);
|
|
18711
18409
|
}
|
|
18712
|
-
|
|
18713
18410
|
return getElementInPrevRow(allVisibleEmojis(categoryContent), row, countInRow, indexInRow);
|
|
18714
18411
|
}
|
|
18715
|
-
|
|
18716
18412
|
function visibleEmojiOneRowDown(element) {
|
|
18717
18413
|
if (!element) {
|
|
18718
18414
|
return null;
|
|
18719
18415
|
}
|
|
18720
|
-
|
|
18721
18416
|
var categoryContent = closestCategoryContent(element);
|
|
18722
18417
|
var category = closestCategory(categoryContent);
|
|
18723
18418
|
var indexInRow = elementIndexInRow(categoryContent, element);
|
|
18724
18419
|
var row = rowNumber(categoryContent, element);
|
|
18725
18420
|
var countInRow = elementCountInRow(categoryContent, element);
|
|
18726
|
-
|
|
18727
18421
|
if (!hasNextRow(categoryContent, element)) {
|
|
18728
18422
|
var nextVisibleCategory = nextCategory(category);
|
|
18729
|
-
|
|
18730
18423
|
if (!nextVisibleCategory) {
|
|
18731
18424
|
return null;
|
|
18732
18425
|
}
|
|
18733
|
-
|
|
18734
18426
|
return getElementInRow(allVisibleEmojis(nextVisibleCategory), 0, countInRow, indexInRow);
|
|
18735
18427
|
}
|
|
18736
|
-
|
|
18737
18428
|
var itemInNextRow = getElementInNextRow(allVisibleEmojis(categoryContent), row, countInRow, indexInRow);
|
|
18738
18429
|
return itemInNextRow;
|
|
18739
18430
|
}
|
|
@@ -18742,25 +18433,19 @@ var css_248z$1 = ".EmojiPickerReact .epr-emoji-variation-picker{align-items:cent
|
|
|
18742
18433
|
styleInject(css_248z$1);
|
|
18743
18434
|
|
|
18744
18435
|
var Direction;
|
|
18745
|
-
|
|
18746
18436
|
(function (Direction) {
|
|
18747
18437
|
Direction[Direction["Up"] = 0] = "Up";
|
|
18748
18438
|
Direction[Direction["Down"] = 1] = "Down";
|
|
18749
18439
|
})(Direction || (Direction = {}));
|
|
18750
|
-
|
|
18751
18440
|
function EmojiVariationPicker() {
|
|
18752
18441
|
var AnchoredEmojiRef = useAnchoredEmojiRef();
|
|
18753
18442
|
var VariationPickerRef = useVariationPickerRef();
|
|
18754
|
-
|
|
18755
18443
|
var _useEmojiVariationPic = useEmojiVariationPickerState(),
|
|
18756
|
-
|
|
18757
|
-
|
|
18444
|
+
emoji = _useEmojiVariationPic[0];
|
|
18758
18445
|
var emojiStyle = useEmojiStyleConfig();
|
|
18759
|
-
|
|
18760
18446
|
var _useVariationPickerTo = useVariationPickerTop(VariationPickerRef),
|
|
18761
|
-
|
|
18762
|
-
|
|
18763
|
-
|
|
18447
|
+
getTop = _useVariationPickerTo.getTop,
|
|
18448
|
+
getMenuDirection = _useVariationPickerTo.getMenuDirection;
|
|
18764
18449
|
var setAnchoredEmojiRef = useSetAnchoredEmojiRef();
|
|
18765
18450
|
var getPointerStyle = usePointerStyle(VariationPickerRef);
|
|
18766
18451
|
var getEmojiUrl = useGetEmojiUrlConfig();
|
|
@@ -18770,18 +18455,15 @@ function EmojiVariationPicker() {
|
|
|
18770
18455
|
if (!visible) {
|
|
18771
18456
|
return;
|
|
18772
18457
|
}
|
|
18773
|
-
|
|
18774
18458
|
focusFirstVisibleEmoji(VariationPickerRef.current);
|
|
18775
18459
|
}, [VariationPickerRef, visible, AnchoredEmojiRef]);
|
|
18776
18460
|
var top, pointerStyle;
|
|
18777
|
-
|
|
18778
18461
|
if (!visible && AnchoredEmojiRef.current) {
|
|
18779
18462
|
setAnchoredEmojiRef(null);
|
|
18780
18463
|
} else {
|
|
18781
18464
|
top = getTop();
|
|
18782
18465
|
pointerStyle = getPointerStyle();
|
|
18783
18466
|
}
|
|
18784
|
-
|
|
18785
18467
|
return createElement("div", {
|
|
18786
18468
|
ref: VariationPickerRef,
|
|
18787
18469
|
className: cx(ClassNames.variationPicker, {
|
|
@@ -18805,32 +18487,25 @@ function EmojiVariationPicker() {
|
|
|
18805
18487
|
style: pointerStyle
|
|
18806
18488
|
}));
|
|
18807
18489
|
}
|
|
18808
|
-
|
|
18809
18490
|
function usePointerStyle(VariationPickerRef) {
|
|
18810
18491
|
var AnchoredEmojiRef = useAnchoredEmojiRef();
|
|
18811
18492
|
return function getPointerStyle() {
|
|
18812
18493
|
var style = {};
|
|
18813
|
-
|
|
18814
18494
|
if (!VariationPickerRef.current) {
|
|
18815
18495
|
return style;
|
|
18816
18496
|
}
|
|
18817
|
-
|
|
18818
18497
|
if (AnchoredEmojiRef.current) {
|
|
18819
18498
|
var button = buttonFromTarget(AnchoredEmojiRef.current);
|
|
18820
18499
|
var offsetLeft = emojiTruOffsetLeft(button);
|
|
18821
|
-
|
|
18822
18500
|
if (!button) {
|
|
18823
18501
|
return style;
|
|
18824
|
-
}
|
|
18825
|
-
|
|
18826
|
-
|
|
18502
|
+
}
|
|
18503
|
+
// half of the button
|
|
18827
18504
|
style.left = offsetLeft + (button == null ? void 0 : button.clientWidth) / 2;
|
|
18828
18505
|
}
|
|
18829
|
-
|
|
18830
18506
|
return style;
|
|
18831
18507
|
};
|
|
18832
18508
|
}
|
|
18833
|
-
|
|
18834
18509
|
function useVariationPickerTop(VariationPickerRef) {
|
|
18835
18510
|
var AnchoredEmojiRef = useAnchoredEmojiRef();
|
|
18836
18511
|
var BodyRef = useBodyRef();
|
|
@@ -18839,36 +18514,28 @@ function useVariationPickerTop(VariationPickerRef) {
|
|
|
18839
18514
|
getMenuDirection: getMenuDirection,
|
|
18840
18515
|
getTop: getTop
|
|
18841
18516
|
};
|
|
18842
|
-
|
|
18843
18517
|
function getMenuDirection() {
|
|
18844
18518
|
return direction;
|
|
18845
18519
|
}
|
|
18846
|
-
|
|
18847
18520
|
function getTop() {
|
|
18848
18521
|
direction = Direction.Up;
|
|
18849
18522
|
var emojiOffsetTop = 0;
|
|
18850
|
-
|
|
18851
18523
|
if (!VariationPickerRef.current) {
|
|
18852
18524
|
return 0;
|
|
18853
18525
|
}
|
|
18854
|
-
|
|
18855
18526
|
var height = elementHeight(VariationPickerRef.current);
|
|
18856
|
-
|
|
18857
18527
|
if (AnchoredEmojiRef.current) {
|
|
18858
18528
|
var _bodyRef$scrollTop;
|
|
18859
|
-
|
|
18860
18529
|
var bodyRef = BodyRef.current;
|
|
18861
18530
|
var button = buttonFromTarget(AnchoredEmojiRef.current);
|
|
18862
18531
|
var buttonHeight = elementHeight(button);
|
|
18863
18532
|
emojiOffsetTop = emojiTrueOffsetTop(button);
|
|
18864
18533
|
var scrollTop = (_bodyRef$scrollTop = bodyRef == null ? void 0 : bodyRef.scrollTop) != null ? _bodyRef$scrollTop : 0;
|
|
18865
|
-
|
|
18866
18534
|
if (scrollTop > emojiOffsetTop - height) {
|
|
18867
18535
|
direction = Direction.Down;
|
|
18868
18536
|
emojiOffsetTop += buttonHeight + height;
|
|
18869
18537
|
}
|
|
18870
18538
|
}
|
|
18871
|
-
|
|
18872
18539
|
return emojiOffsetTop - height;
|
|
18873
18540
|
}
|
|
18874
18541
|
}
|
|
@@ -18879,11 +18546,11 @@ function Body() {
|
|
|
18879
18546
|
useMouseDownHandlers(BodyRef);
|
|
18880
18547
|
useOnMouseMove();
|
|
18881
18548
|
return createElement("div", {
|
|
18882
|
-
className: cx(styles$
|
|
18549
|
+
className: cx(styles$3.body),
|
|
18883
18550
|
ref: BodyRef
|
|
18884
18551
|
}, createElement(EmojiVariationPicker, null), createElement(EmojiList, null));
|
|
18885
18552
|
}
|
|
18886
|
-
var styles$
|
|
18553
|
+
var styles$3 = /*#__PURE__*/stylesheet.create({
|
|
18887
18554
|
body: {
|
|
18888
18555
|
'.': ClassNames.scrollBody,
|
|
18889
18556
|
flex: '1',
|
|
@@ -18901,7 +18568,6 @@ function useEmojiPreviewEvents(allow, setPreviewEmoji) {
|
|
|
18901
18568
|
if (!allow) {
|
|
18902
18569
|
return;
|
|
18903
18570
|
}
|
|
18904
|
-
|
|
18905
18571
|
var bodyRef = BodyRef.current;
|
|
18906
18572
|
bodyRef == null ? void 0 : bodyRef.addEventListener('keydown', onEscape, {
|
|
18907
18573
|
passive: true
|
|
@@ -18912,57 +18578,44 @@ function useEmojiPreviewEvents(allow, setPreviewEmoji) {
|
|
|
18912
18578
|
passive: true
|
|
18913
18579
|
});
|
|
18914
18580
|
bodyRef == null ? void 0 : bodyRef.addEventListener('blur', onLeave, true);
|
|
18915
|
-
|
|
18916
18581
|
function onEnter(e) {
|
|
18917
18582
|
var button = buttonFromTarget(e.target);
|
|
18918
|
-
|
|
18919
18583
|
if (!button) {
|
|
18920
18584
|
return onLeave();
|
|
18921
18585
|
}
|
|
18922
|
-
|
|
18923
18586
|
var unified = unifiedFromEmojiElement(button);
|
|
18924
18587
|
var originalUnified = originalUnifiedFromEmojiElement(button);
|
|
18925
|
-
|
|
18926
18588
|
if (!unified || !originalUnified) {
|
|
18927
18589
|
return onLeave();
|
|
18928
18590
|
}
|
|
18929
|
-
|
|
18930
18591
|
setPreviewEmoji({
|
|
18931
18592
|
unified: unified,
|
|
18932
18593
|
originalUnified: originalUnified
|
|
18933
18594
|
});
|
|
18934
18595
|
}
|
|
18935
|
-
|
|
18936
18596
|
function onLeave(e) {
|
|
18937
18597
|
if (e) {
|
|
18938
18598
|
var relatedTarget = e.relatedTarget;
|
|
18939
|
-
|
|
18940
18599
|
if (!buttonFromTarget(relatedTarget)) {
|
|
18941
18600
|
return setPreviewEmoji(null);
|
|
18942
18601
|
}
|
|
18943
18602
|
}
|
|
18944
|
-
|
|
18945
18603
|
setPreviewEmoji(null);
|
|
18946
18604
|
}
|
|
18947
|
-
|
|
18948
18605
|
function onEscape(e) {
|
|
18949
18606
|
if (e.key === 'Escape') {
|
|
18950
18607
|
setPreviewEmoji(null);
|
|
18951
18608
|
}
|
|
18952
18609
|
}
|
|
18953
|
-
|
|
18954
18610
|
function onMouseOver(e) {
|
|
18955
18611
|
if (isMouseDisallowed()) {
|
|
18956
18612
|
return;
|
|
18957
18613
|
}
|
|
18958
|
-
|
|
18959
18614
|
var button = buttonFromTarget(e.target);
|
|
18960
|
-
|
|
18961
18615
|
if (button) {
|
|
18962
18616
|
focusElement(button);
|
|
18963
18617
|
}
|
|
18964
18618
|
}
|
|
18965
|
-
|
|
18966
18619
|
return function () {
|
|
18967
18620
|
bodyRef == null ? void 0 : bodyRef.removeEventListener('mouseover', onMouseOver);
|
|
18968
18621
|
bodyRef == null ? void 0 : bodyRef.removeEventListener('mouseout', onLeave);
|
|
@@ -18984,25 +18637,23 @@ function useIsSkinToneInPreview() {
|
|
|
18984
18637
|
|
|
18985
18638
|
var _stylesheet$create;
|
|
18986
18639
|
var FlexDirection;
|
|
18987
|
-
|
|
18988
18640
|
(function (FlexDirection) {
|
|
18989
18641
|
FlexDirection["ROW"] = "FlexRow";
|
|
18990
18642
|
FlexDirection["COLUMN"] = "FlexColumn";
|
|
18991
18643
|
})(FlexDirection || (FlexDirection = {}));
|
|
18992
|
-
|
|
18993
18644
|
function Flex(_ref) {
|
|
18994
18645
|
var children = _ref.children,
|
|
18995
|
-
|
|
18996
|
-
|
|
18997
|
-
|
|
18998
|
-
|
|
18999
|
-
|
|
18646
|
+
className = _ref.className,
|
|
18647
|
+
_ref$style = _ref.style,
|
|
18648
|
+
style = _ref$style === void 0 ? {} : _ref$style,
|
|
18649
|
+
_ref$direction = _ref.direction,
|
|
18650
|
+
direction = _ref$direction === void 0 ? FlexDirection.ROW : _ref$direction;
|
|
19000
18651
|
return createElement("div", {
|
|
19001
18652
|
style: _extends({}, style),
|
|
19002
|
-
className: cx(styles$
|
|
18653
|
+
className: cx(styles$4.flex, className, styles$4[direction])
|
|
19003
18654
|
}, children);
|
|
19004
18655
|
}
|
|
19005
|
-
var styles$
|
|
18656
|
+
var styles$4 = /*#__PURE__*/stylesheet.create((_stylesheet$create = {
|
|
19006
18657
|
flex: {
|
|
19007
18658
|
display: 'flex'
|
|
19008
18659
|
}
|
|
@@ -19014,8 +18665,8 @@ var styles$3 = /*#__PURE__*/stylesheet.create((_stylesheet$create = {
|
|
|
19014
18665
|
|
|
19015
18666
|
function Space(_ref) {
|
|
19016
18667
|
var className = _ref.className,
|
|
19017
|
-
|
|
19018
|
-
|
|
18668
|
+
_ref$style = _ref.style,
|
|
18669
|
+
style = _ref$style === void 0 ? {} : _ref$style;
|
|
19019
18670
|
return createElement("div", {
|
|
19020
18671
|
style: _extends({
|
|
19021
18672
|
flex: 1
|
|
@@ -19026,8 +18677,8 @@ function Space(_ref) {
|
|
|
19026
18677
|
|
|
19027
18678
|
function Absolute(_ref) {
|
|
19028
18679
|
var children = _ref.children,
|
|
19029
|
-
|
|
19030
|
-
|
|
18680
|
+
className = _ref.className,
|
|
18681
|
+
style = _ref.style;
|
|
19031
18682
|
return createElement("div", {
|
|
19032
18683
|
style: _extends({}, style, {
|
|
19033
18684
|
position: 'absolute'
|
|
@@ -19038,8 +18689,8 @@ function Absolute(_ref) {
|
|
|
19038
18689
|
|
|
19039
18690
|
function Relative(_ref) {
|
|
19040
18691
|
var children = _ref.children,
|
|
19041
|
-
|
|
19042
|
-
|
|
18692
|
+
className = _ref.className,
|
|
18693
|
+
style = _ref.style;
|
|
19043
18694
|
return createElement("div", {
|
|
19044
18695
|
style: _extends({}, style, {
|
|
19045
18696
|
position: 'relative'
|
|
@@ -19068,27 +18719,21 @@ function SkinTonePickerMenu() {
|
|
|
19068
18719
|
}
|
|
19069
18720
|
function SkinTonePicker(_ref) {
|
|
19070
18721
|
var _cx;
|
|
19071
|
-
|
|
19072
18722
|
var _ref$direction = _ref.direction,
|
|
19073
|
-
|
|
18723
|
+
direction = _ref$direction === void 0 ? SkinTonePickerDirection.HORIZONTAL : _ref$direction;
|
|
19074
18724
|
var SkinTonePickerRef = useSkinTonePickerRef();
|
|
19075
18725
|
var isDisabled = useSkinTonesDisabledConfig();
|
|
19076
|
-
|
|
19077
18726
|
var _useSkinToneFanOpenSt = useSkinToneFanOpenState(),
|
|
19078
|
-
|
|
19079
|
-
|
|
19080
|
-
|
|
18727
|
+
isOpen = _useSkinToneFanOpenSt[0],
|
|
18728
|
+
setIsOpen = _useSkinToneFanOpenSt[1];
|
|
19081
18729
|
var _useActiveSkinToneSta = useActiveSkinToneState(),
|
|
19082
|
-
|
|
19083
|
-
|
|
19084
|
-
|
|
18730
|
+
activeSkinTone = _useActiveSkinToneSta[0],
|
|
18731
|
+
setActiveSkinTone = _useActiveSkinToneSta[1];
|
|
19085
18732
|
var closeAllOpenToggles = useCloseAllOpenToggles();
|
|
19086
18733
|
var focusSearchInput = useFocusSearchInput();
|
|
19087
|
-
|
|
19088
18734
|
if (isDisabled) {
|
|
19089
18735
|
return null;
|
|
19090
18736
|
}
|
|
19091
|
-
|
|
19092
18737
|
var fullWidth = ITEM_SIZE * skinToneVariations.length + "px";
|
|
19093
18738
|
var expandedSize = isOpen ? fullWidth : ITEM_SIZE + 'px';
|
|
19094
18739
|
var vertical = direction === SkinTonePickerDirection.VERTICAL;
|
|
@@ -19105,7 +18750,6 @@ function SkinTonePicker(_ref) {
|
|
|
19105
18750
|
ref: SkinTonePickerRef
|
|
19106
18751
|
}, skinToneVariations.map(function (skinToneVariation, i) {
|
|
19107
18752
|
var _cx2;
|
|
19108
|
-
|
|
19109
18753
|
var active = skinToneVariation === activeSkinTone;
|
|
19110
18754
|
return createElement(Button, {
|
|
19111
18755
|
style: {
|
|
@@ -19118,7 +18762,6 @@ function SkinTonePicker(_ref) {
|
|
|
19118
18762
|
} else {
|
|
19119
18763
|
setIsOpen(true);
|
|
19120
18764
|
}
|
|
19121
|
-
|
|
19122
18765
|
closeAllOpenToggles();
|
|
19123
18766
|
},
|
|
19124
18767
|
key: skinToneVariation,
|
|
@@ -19130,7 +18773,6 @@ function SkinTonePicker(_ref) {
|
|
|
19130
18773
|
})));
|
|
19131
18774
|
}
|
|
19132
18775
|
var SkinTonePickerDirection;
|
|
19133
|
-
|
|
19134
18776
|
(function (SkinTonePickerDirection) {
|
|
19135
18777
|
SkinTonePickerDirection["VERTICAL"] = "epr-vertical";
|
|
19136
18778
|
SkinTonePickerDirection["HORIZONTAL"] = "epr-horizontal";
|
|
@@ -19139,42 +18781,32 @@ var SkinTonePickerDirection;
|
|
|
19139
18781
|
function Preview() {
|
|
19140
18782
|
var previewConfig = usePreviewConfig();
|
|
19141
18783
|
var isSkinToneInPreview = useIsSkinToneInPreview();
|
|
19142
|
-
|
|
19143
18784
|
if (!previewConfig.showPreview) {
|
|
19144
18785
|
return null;
|
|
19145
18786
|
}
|
|
19146
|
-
|
|
19147
18787
|
return createElement(Flex, {
|
|
19148
|
-
className: cx(styles$
|
|
18788
|
+
className: cx(styles$5.preview)
|
|
19149
18789
|
}, createElement(PreviewBody, null), createElement(Space, null), isSkinToneInPreview ? createElement(SkinTonePickerMenu, null) : null);
|
|
19150
18790
|
}
|
|
19151
18791
|
function PreviewBody() {
|
|
19152
18792
|
var _previewEmoji$unified;
|
|
19153
|
-
|
|
19154
18793
|
var previewConfig = usePreviewConfig();
|
|
19155
|
-
|
|
19156
18794
|
var _useState = useState(null),
|
|
19157
|
-
|
|
19158
|
-
|
|
19159
|
-
|
|
18795
|
+
previewEmoji = _useState[0],
|
|
18796
|
+
setPreviewEmoji = _useState[1];
|
|
19160
18797
|
var emojiStyle = useEmojiStyleConfig();
|
|
19161
|
-
|
|
19162
18798
|
var _useEmojiVariationPic = useEmojiVariationPickerState(),
|
|
19163
|
-
|
|
19164
|
-
|
|
18799
|
+
variationPickerEmoji = _useEmojiVariationPic[0];
|
|
19165
18800
|
var getEmojiUrl = useGetEmojiUrlConfig();
|
|
19166
18801
|
useEmojiPreviewEvents(previewConfig.showPreview, setPreviewEmoji);
|
|
19167
18802
|
var emoji = emojiByUnified((_previewEmoji$unified = previewEmoji == null ? void 0 : previewEmoji.unified) != null ? _previewEmoji$unified : previewEmoji == null ? void 0 : previewEmoji.originalUnified);
|
|
19168
18803
|
var show = emoji != null && previewEmoji != null;
|
|
19169
18804
|
return createElement(PreviewContent, null);
|
|
19170
|
-
|
|
19171
18805
|
function PreviewContent() {
|
|
19172
18806
|
var defaultEmoji = variationPickerEmoji != null ? variationPickerEmoji : emojiByUnified(previewConfig.defaultEmoji);
|
|
19173
|
-
|
|
19174
18807
|
if (!defaultEmoji) {
|
|
19175
18808
|
return null;
|
|
19176
18809
|
}
|
|
19177
|
-
|
|
19178
18810
|
var defaultText = variationPickerEmoji ? emojiName(variationPickerEmoji) : previewConfig.defaultCaption;
|
|
19179
18811
|
return createElement(Fragment, null, createElement("div", null, show ? createElement(ViewOnlyEmoji, {
|
|
19180
18812
|
unified: previewEmoji == null ? void 0 : previewEmoji.unified,
|
|
@@ -19189,13 +18821,13 @@ function PreviewBody() {
|
|
|
19189
18821
|
size: 45,
|
|
19190
18822
|
getEmojiUrl: getEmojiUrl
|
|
19191
18823
|
}) : null), show ? createElement("div", {
|
|
19192
|
-
className: cx(styles$
|
|
18824
|
+
className: cx(styles$5.label)
|
|
19193
18825
|
}, emojiName(emoji)) : createElement("div", {
|
|
19194
|
-
className: cx(styles$
|
|
18826
|
+
className: cx(styles$5.label)
|
|
19195
18827
|
}, defaultText));
|
|
19196
18828
|
}
|
|
19197
18829
|
}
|
|
19198
|
-
var styles$
|
|
18830
|
+
var styles$5 = /*#__PURE__*/stylesheet.create({
|
|
19199
18831
|
preview: {
|
|
19200
18832
|
alignItems: 'center',
|
|
19201
18833
|
borderTop: '1px solid var(--epr-preview-border-color)',
|
|
@@ -19212,12 +18844,11 @@ var styles$4 = /*#__PURE__*/stylesheet.create({
|
|
|
19212
18844
|
}
|
|
19213
18845
|
});
|
|
19214
18846
|
|
|
19215
|
-
var css_248z$3 = ".EmojiPickerReact .epr-category-nav{display:flex;flex-direction:row;justify-content:space-around;padding:var(--epr-header-padding)}.EmojiPickerReact .epr-category-nav>button.epr-cat-btn{background-size:calc(var(--epr-category-navigation-button-size)*10);display:inline-block;height:var(--epr-category-navigation-button-size);outline:none;position:relative;transition:opacity .2s ease-in-out;width:var(--epr-category-navigation-button-size)}.EmojiPickerReact .epr-category-nav>button.epr-cat-btn:focus:before{border:2px solid var(--epr-category-icon-active-color);border-radius:50%;bottom:-2px;content:\"\";left:-2px;position:absolute;right:-2px;top:-2px}aside.EmojiPickerReact.epr-main:has(input:not(:-moz-placeholder-shown)) .epr-category-nav{cursor:default;opacity:.3;pointer-events:none}aside.EmojiPickerReact.epr-main:has(input:not(:placeholder-shown)) .epr-category-nav{cursor:default;opacity:.3;pointer-events:none}.EmojiPickerReact.epr-search-active .epr-category-nav{cursor:default;opacity:.3;pointer-events:none}aside.EmojiPickerReact.epr-main:has(input:not(:-moz-placeholder-shown)) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:var(--epr-category-navigation-button-size);opacity:1}aside.EmojiPickerReact.epr-main:has(input:not(:placeholder-shown)) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:var(--epr-category-navigation-button-size);opacity:1}.EmojiPickerReact:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn.epr-active,.EmojiPickerReact:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:var(--epr-category-navigation-button-size);opacity:1}.EmojiPickerReact .epr-category-nav>button.epr-cat-btn{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='80' xml:space='preserve'%3E%3Cg fill='%233371B7' stroke='%233371B7' stroke-width='.1' stroke-miterlimit='10'%3E%3Cpath d='M12.8 29.5c.6 0 1.1-.5 1.1-1.1 0-.6-.5-1.2-1.1-1.2-.6 0-1.2.5-1.2 1.2 0 .6.6 1.1 1.2 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4z'/%3E%3Cpath d='M10 23c-3.8 0-7 3.1-7 7 0 3.8 3.1 7 7 7s7-3.1 7-7c0-3.8-3.2-7-7-7zm0 13.2c-3.4 0-6.2-2.8-6.2-6.2 0-3.4 2.8-6.2 6.2-6.2s6.2 2.8 6.2 6.2c0 3.4-2.8 6.2-6.2 6.2z'/%3E%3Cpath d='M14.6 31.2c-.1-.1-.2-.2-.3-.2H5.7c-.1 0-.2.1-.3.2-.1.1-.1.2 0 .4.7 2 2.5 3.3 4.6 3.3s3.9-1.3 4.6-3.3c.1-.1.1-.3 0-.4zM10 34.1c-1.6 0-3-.9-3.7-2.2h7.3c-.6 1.3-2 2.2-3.6 2.2zm-2.8-4.6c.6 0 1.2-.5 1.2-1.1 0-.6-.5-1.2-1.2-1.2-.6 0-1.1.5-1.1 1.2 0 .6.5 1.1 1.1 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%233371B7' d='M64.1 33.4h2.3c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.3c-.2 0-.4-.2-.4-.4v-2.1c0-.2.1-.4.4-.4zm9.4.1h2.4c.2 0 .4.2.4.4v2c0 .2-.2.4-.4.4h-2.4c-.2 0-.4-.2-.4-.4v-2c0-.3.2-.4.4-.4zm-9.8-5.1h12.6v5H63.7v-5z'/%3E%3Cpath fill='none' stroke='%233371B7' d='M65.5 23.6h8.9c1 0 1.9.8 1.9 1.9v3.1H63.7v-3.1c0-1 .8-1.9 1.8-1.9z'/%3E%3Cellipse fill='%233371B7' cx='66.2' cy='30.9' rx='.9' ry='1'/%3E%3Cellipse fill='%233371B7' cx='73.8' cy='30.9' rx='.9' ry='1'/%3E%3Cg fill='none' stroke='%233371B7'%3E%3Cpath d='M96.4 30c0 3.6-2.9 6.5-6.4 6.5s-6.4-2.9-6.4-6.5 2.9-6.5 6.4-6.5 6.4 2.9 6.4 6.5z'/%3E%3Cpath d='M96.3 28.6v.1c-.9.1-2.9.1-4.6-1.1-1.1-.8-2-1.7-2.6-2.5-.3-.4-.6-.8-.7-1-.1-.1-.1-.1-.1-.2.5-.1 1.2-.2 2-.1 1.2 0 2.5.3 3.5 1.1s1.7 1.8 2.1 2.8c.2.2.3.6.4.9zM84 32.2v-.1c.9-.2 2.9-.4 4.7.6 1.1.7 1.9 1.5 2.4 2.3.4.5.6 1 .7 1.3-.4.1-1 .2-1.7.3-1 0-2.1-.1-3.2-.8s-1.9-1.6-2.4-2.5c-.3-.5-.4-.8-.5-1.1z'/%3E%3C/g%3E%3Cg fill='none' stroke='%233371B7'%3E%3Cpath stroke-linecap='round' d='m116.3 26.8-1.4 2-.8-.8-.6-.6v.9l-.1 8.2h-6.8l-.1-8.2v-.9l-.6.6-.8.8-1.4-2 2.6-2.9c.1-.1.2-.1.3-.1h1.3l.4.7c.7 1.3 2.6 1.3 3.3-.1l.3-.6h1.2c.1 0 .2 0 .3.1l.3-.3-.3.3 2.9 2.9z'/%3E%3Cpath d='M110.1 27.7h2v.9c0 .4-.4.7-1 .7s-1-.3-1-.7v-.9z'/%3E%3C/g%3E%3Cpath d='M126.8 34.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zm10.8 0c0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2c1.2 0 2.2 1 2.2 2.2zm-10.8-9.9v9.9m10.9-9.9v9.9m-10.9-10.8h10.8v2.7h-10.8v-2.7z' fill='none' stroke='%233371B7'/%3E%3Cg fill='%233371B7'%3E%3Cpath d='M170.8 23.1h-.8c-2.1 0-4 1-5.3 2.5h-.1l-.1-.1-1-1.2-.3 3.4 3.4.3-1.1-1.3-.1-.1.1-.1c1.1-1.5 3-2.3 5-2.1 3.2.3 5.5 3.1 5.2 6.3-.3 3-3.1 5.3-6.1 5.1-3.1-.2-5.4-2.9-5.3-6l-1.3-.1c-.2 3.8 2.6 7.1 6.3 7.4 3.9.3 7.3-2.6 7.6-6.5.3-3.8-2.5-7.1-6.1-7.5z'/%3E%3Cpath d='M170.3 27.4c0-.3-.3-.6-.6-.6s-.6.3-.6.6v3.2c0 .2.1.3.2.4.1.1.3.2.4.2h2.4c.4 0 .6-.3.6-.6 0-.4-.3-.6-.6-.6h-1.8v-2.6z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%233371B7' d='M186.2 23.4h7.7c1.5 0 2.7 1.2 2.7 2.7v7.7c0 1.5-1.2 2.7-2.7 2.7h-7.7c-1.5 0-2.7-1.2-2.7-2.7v-7.7c-.1-1.5 1.2-2.7 2.7-2.7z'/%3E%3Ccircle fill='%233371B7' cx='186' cy='28.9' r='.7'/%3E%3Ccircle fill='%233371B7' cx='194' cy='26.7' r='.7'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m186 33.3.4-.3c.4-.3 1-.3 1.5-.1l1 .4c.5.2 1 .2 1.5-.1l.8-.5c.4-.3 1-.3 1.5-.1l1.8.8'/%3E%3Cpath fill='%233371B7' stroke='%233371B7' stroke-width='.25' stroke-miterlimit='10' d='M156 24.3c-.2-.1-.4-.1-.5 0 0 0-.2.1-.9.2-.7 0-2.4-.1-3.8-.6-.8-.3-1.7-.5-2.5-.5h-.5c-1.3 0-2.5.3-3.6 1-.2.1-.2.2-.2.4v11.6c0 .3.1.5.3.5.6 0 .5-.4.5-.6v-5.7c.7-.3 3.2-1.1 5.8-.1 1.6.6 3.5.7 4.3.7.8 0 1.3-.3 1.3-.3.2-.1.3-.2.3-.4v-5.7c-.3-.2-.4-.4-.5-.5zm-.4 5.9c-.1 0-.7.1-1 .1-.7 0-2.4-.1-3.8-.6-2.5-1-5-.5-6.2-.1v-4.9c.9-.5 2.2-.7 3.2-.7h.4c.7 0 1.5.2 2.2.4 1.6.6 3.5.7 4.3.7.2 0 .8 0 1-.1v5.2z'/%3E%3Cpath fill='none' stroke='%233371B7' d='M48.1 23.5h3.7c2.5 0 4.5 2 4.5 4.5 0 .5-.4.9-.9.9H44.5c-.5 0-.9-.4-.9-.9 0-2.5 2-4.5 4.5-4.5z'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5 28.8c-.2.1-.5 1.2 0 1.5 1.4 1 8.5.8 11.3.6.8-.1 1.6-.4 1.7-1.2 0-.3-.1-.6-.6-.9'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m43.5 30.6-.2.4c-.2.5.2 1 .7.9.3-.1.5 0 .7.3l.1.2c.3.5 1 .6 1.5.2h0c.3-.2.7-.3 1-.2l.8.3c.4.2.8.1 1.2 0l.5-.2c.4-.2.9-.2 1.3 0l.5.2c.4.2.8.2 1.2 0l.2-.1c.3-.2.8-.2 1.1.1l.2.2c.3.3.8.2 1-.2l.1-.2c.1-.2 0-.3.2-.3.5 0 1.2-.3 1.1-.7l-.4-1.1'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5 32.2c-.1.2-.3.8 0 1.1.3.4 3 1.1 6.4 1.1 2.2 0 4.6-.3 6-.6.5-.1.9-.5.8-.9 0-.2-.2-.5-.4-.7'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5 33.3c0 .5.6 2.3 1.3 2.7 1.8.8 5.7.7 8.1.5 1.3-.1 2.5-.7 3.2-1.8.3-.5.5-1 .5-1.4'/%3E%3Cellipse fill='%233371B7' cx='51.6' cy='26.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%233371B7' cx='53' cy='25' rx='.3' ry='.4'/%3E%3Cellipse fill='%233371B7' cx='53' cy='27.2' rx='.3' ry='.4'/%3E%3Cellipse fill='%233371B7' cx='54.3' cy='26.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%233371B7' cx='50.9' cy='25' rx='.3' ry='.4'/%3E%3Cpath fill='none' stroke='%233371B7' d='M24.2 31v-7.6c.1.1.8.9 2.8 3.1 2.5-1.6 5.6-.7 6.9 0l2.4-3.1v7.1c0 1.2-.1 2.5-.9 3.4-1 1.2-2.7 2.5-5.3 2.5-2.9 0-4.5-1.5-5.3-2.9-.6-.6-.6-1.5-.6-2.5z'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m21.2 30 5.4 1.2m-5.4 2.9 5.4-1.2M38.8 30l-5.4 1.2m5.4 2.9-5.4-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%233371B7' d='m29.5 32.4-.5-.7c-.2-.3 0-.6.3-.6h1.4c.3 0 .5.4.3.6l-.7 1c-.7 1.2-2.6 1.1-3.1-.3l-.1-.2c-.1-.2 0-.4.2-.5s.4 0 .5.2l.1.2c.4.7 1.2.8 1.6.3z'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m32.4 32.1-.1.2c-.4 1-1.8 1.1-2.3.2'/%3E%3Ccircle fill='%233371B7' cx='27.6' cy='29.7' r='.7'/%3E%3Ccircle fill='%233371B7' cx='32.4' cy='29.7' r='.7'/%3E%3Cg fill='%23C0C0BF' stroke='%23C0C0BF' stroke-width='.1' stroke-miterlimit='10'%3E%3Cpath d='M12.8 49.5c.6 0 1.1-.5 1.1-1.1 0-.6-.5-1.2-1.1-1.2-.6 0-1.2.5-1.2 1.2 0 .6.6 1.1 1.2 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4zm1.8 3.2c-.1-.1-.2-.2-.3-.2H5.7c-.1 0-.2.1-.3.2-.1.1-.1.2 0 .4.7 2 2.5 3.3 4.6 3.3s3.9-1.3 4.6-3.3c.1-.1.1-.3 0-.4zM10 54.1c-1.6 0-3-.9-3.7-2.2h7.3c-.6 1.3-2 2.2-3.6 2.2zm-2.8-4.6c.6 0 1.2-.5 1.2-1.1 0-.6-.5-1.2-1.2-1.2-.6 0-1.1.5-1.1 1.2 0 .6.5 1.1 1.1 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4z'/%3E%3Cpath d='M10 43c-3.8 0-7 3.1-7 7 0 3.8 3.1 7 7 7s7-3.1 7-7c0-3.8-3.2-7-7-7zm0 13.2c-3.4 0-6.2-2.8-6.2-6.2 0-3.4 2.8-6.2 6.2-6.2s6.2 2.8 6.2 6.2c0 3.4-2.8 6.2-6.2 6.2z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M64.1 53.4h2.3c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.3c-.2 0-.4-.2-.4-.4v-2.1c0-.2.1-.4.4-.4zm9.4.1h2.4c.2 0 .4.2.4.4v2c0 .2-.2.4-.4.4h-2.4c-.2 0-.4-.2-.4-.4v-2c0-.3.2-.4.4-.4zm-9.8-5.1h12.6v5H63.7v-5z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M65.5 43.6h8.9c1 0 1.9.8 1.9 1.9v3.1H63.7v-3.1c0-1 .8-1.9 1.8-1.9z'/%3E%3Cellipse fill='%23C0C0BF' cx='66.2' cy='50.9' rx='.9' ry='1'/%3E%3Cellipse fill='%23C0C0BF' cx='73.8' cy='50.9' rx='.9' ry='1'/%3E%3Cg fill='none' stroke='%23C0C0BF'%3E%3Cpath d='M96.4 50c0 3.6-2.9 6.5-6.4 6.5s-6.4-2.9-6.4-6.5 2.9-6.5 6.4-6.5 6.4 2.9 6.4 6.5z'/%3E%3Cpath d='M96.3 48.6v.1c-.9.1-2.9.1-4.6-1.2-1.1-.8-2-1.7-2.6-2.5-.3-.4-.6-.8-.7-1-.1-.1-.1-.2-.1-.2.5-.1 1.2-.2 2-.2 1.2 0 2.5.3 3.5 1.1s1.7 1.8 2.1 2.8c.2.4.3.8.4 1.1zM84 52.2v-.1c.9-.2 2.9-.4 4.7.6 1.1.7 1.9 1.5 2.4 2.3.4.5.6 1 .7 1.3-.4.1-1 .2-1.7.3-1 0-2.1-.1-3.2-.8s-1.9-1.6-2.4-2.5c-.3-.5-.4-.8-.5-1.1z'/%3E%3C/g%3E%3Cg fill='none' stroke='%23C0C0BF'%3E%3Cpath stroke-linecap='round' d='m116.3 46.8-1.4 2-.8-.8-.6-.7v.9l-.1 8.2h-6.8l-.1-8.2v-.9l-.6.7-.8.8-1.4-2 2.6-2.9c.1-.1.2-.1.3-.1h1.3l.4.7c.7 1.3 2.6 1.3 3.3-.1l.3-.6h1.2c.1 0 .2 0 .3.1l.3-.3-.3.3 2.9 2.9z'/%3E%3Cpath d='M110.1 47.7h2v.9c0 .4-.4.7-1 .7s-1-.3-1-.7v-.9z'/%3E%3C/g%3E%3Cpath d='M126.8 54.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zm10.8 0c0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2c1.2 0 2.2 1 2.2 2.2zm-10.8-9.9v9.9m10.9-9.9v9.9m-10.9-10.8h10.8v2.7h-10.8v-2.7z' fill='none' stroke='%23C0C0BF'/%3E%3Cg fill='%23C0C0BF'%3E%3Cpath d='M170.8 43.1h-.8c-2.1 0-4 1-5.3 2.5h-.1l-.1-.1-1-1.2-.3 3.4 3.4.3-1.1-1.3-.1-.1.1-.1c1.1-1.5 3-2.3 5-2.1 3.2.3 5.5 3.1 5.2 6.3-.3 3-3.1 5.3-6.1 5.1-3.1-.2-5.4-2.9-5.3-6l-1.3-.1c-.2 3.8 2.6 7.1 6.3 7.4 3.9.3 7.3-2.6 7.6-6.5.3-3.8-2.5-7.1-6.1-7.5z'/%3E%3Cpath d='M170.3 47.4c0-.3-.3-.6-.6-.6s-.6.3-.6.6v3.2c0 .2.1.3.2.4.1.1.3.2.4.2h2.4c.4 0 .6-.3.6-.6s-.3-.6-.6-.6h-1.8v-2.6z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M186.2 43.4h7.7c1.5 0 2.7 1.2 2.7 2.7v7.7c0 1.5-1.2 2.7-2.7 2.7h-7.7c-1.5 0-2.7-1.2-2.7-2.7v-7.7c-.1-1.4 1.2-2.7 2.7-2.7z'/%3E%3Ccircle fill='%23C0C0BF' cx='186' cy='48.9' r='.7'/%3E%3Ccircle fill='%23C0C0BF' cx='194' cy='46.7' r='.7'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m186 53.3.4-.3c.4-.3 1-.3 1.5-.1l1 .4c.5.2 1 .2 1.5-.1l.8-.5c.4-.3 1-.3 1.5-.1l1.8.8'/%3E%3Cpath fill='%23C0C0BF' stroke='%23C0C0BF' stroke-width='.25' stroke-miterlimit='10' d='M156 44.3c-.2-.1-.4-.1-.5 0 0 0-.2.1-.9.2-.7 0-2.4-.1-3.8-.6-.8-.3-1.7-.5-2.5-.5h-.5c-1.3 0-2.5.3-3.6 1-.2.1-.2.2-.2.4v11.6c0 .3.1.5.3.5.6 0 .5-.4.5-.6v-5.7c.7-.3 3.2-1.1 5.8-.1 1.6.6 3.5.7 4.3.7.8 0 1.3-.3 1.3-.3.2-.1.3-.2.3-.4v-5.7c-.3-.2-.4-.4-.5-.5zm-.4 5.9c-.1 0-.7.1-1 .1-.7 0-2.4-.1-3.8-.6-2.5-1-5-.5-6.2-.1v-4.9c.9-.5 2.2-.7 3.2-.7h.4c.7 0 1.5.2 2.2.4 1.6.6 3.5.7 4.3.7.2 0 .8 0 1-.1v5.2z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M48.1 43.5h3.7c2.5 0 4.5 2 4.5 4.5 0 .5-.4.9-.9.9H44.5c-.5 0-.9-.4-.9-.9 0-2.5 2-4.5 4.5-4.5z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5 48.8c-.2.1-.5 1.2 0 1.5 1.4 1 8.5.8 11.3.6.8-.1 1.6-.4 1.7-1.2 0-.3-.1-.6-.6-.9'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m43.5 50.6-.2.4c-.2.5.2 1 .7.9.3-.1.5 0 .7.3l.1.2c.3.5 1 .6 1.5.2h0c.3-.2.7-.3 1-.2l.8.3c.4.2.8.1 1.2 0l.5-.2c.4-.2.9-.2 1.3 0l.5.2c.4.2.8.2 1.2 0l.2-.1c.3-.2.8-.2 1.1.1l.2.2c.3.3.8.2 1-.2l.1-.2c.1-.2 0-.3.2-.3.5 0 1.2-.3 1.1-.7l-.4-1.1'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5 52.2c-.1.2-.3.8 0 1.1.3.4 3 1.1 6.4 1.1 2.2 0 4.6-.3 6-.6.5-.1.9-.5.8-.9 0-.2-.2-.5-.4-.7'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5 53.3c0 .5.6 2.3 1.3 2.7 1.8.8 5.7.7 8.1.5 1.3-.1 2.5-.7 3.2-1.8.3-.5.5-1 .5-1.4'/%3E%3Cellipse fill='%23C0C0BF' cx='51.6' cy='46.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%23C0C0BF' cx='53' cy='45' rx='.3' ry='.4'/%3E%3Cellipse fill='%23C0C0BF' cx='53' cy='47.2' rx='.3' ry='.4'/%3E%3Cellipse fill='%23C0C0BF' cx='54.3' cy='46.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%23C0C0BF' cx='50.9' cy='45' rx='.3' ry='.4'/%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M24.2 51v-7.6c.1.1.8.9 2.8 3.1 2.5-1.7 5.6-.7 6.9 0l2.4-3.1v7.1c0 1.2-.1 2.5-.9 3.4-1 1.2-2.7 2.5-5.3 2.5-2.9 0-4.5-1.5-5.3-2.9-.6-.6-.6-1.5-.6-2.5z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m21.2 50 5.4 1.2m-5.4 2.9 5.4-1.2M38.8 50l-5.4 1.2m5.4 2.9-5.4-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23C0C0BF' d='m29.5 52.4-.5-.7c-.2-.3 0-.6.3-.6h1.4c.3 0 .5.4.3.6l-.7 1c-.7 1.2-2.6 1.1-3.1-.3l-.1-.2c-.1-.2 0-.4.2-.5s.4 0 .5.2l.1.2c.4.7 1.2.8 1.6.3z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m32.4 52.1-.1.2c-.4 1-1.8 1.1-2.3.2'/%3E%3Ccircle fill='%23C0C0BF' cx='27.6' cy='49.7' r='.7'/%3E%3Ccircle fill='%23C0C0BF' cx='32.4' cy='49.7' r='.7'/%3E%3Cg fill='%236AA9DD' stroke='%236AA9DD' stroke-width='.1' stroke-miterlimit='10'%3E%3Cpath d='M14.6 71.2c-.1-.1-.2-.2-.3-.2H5.7c-.1 0-.2.1-.3.2-.1.1-.1.2 0 .4.7 2 2.5 3.3 4.6 3.3s3.9-1.3 4.6-3.3c.1-.1.1-.3 0-.4zM10 74.1c-1.6 0-3-.9-3.7-2.2h7.3c-.6 1.3-2 2.2-3.6 2.2zm2.8-4.6c.6 0 1.1-.5 1.1-1.1 0-.6-.5-1.2-1.1-1.2-.6 0-1.2.5-1.2 1.2 0 .6.6 1.1 1.2 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4zm-5.6 1.5c.6 0 1.2-.5 1.2-1.1 0-.6-.5-1.2-1.2-1.2-.6 0-1.1.5-1.1 1.2 0 .6.5 1.1 1.1 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4z'/%3E%3Cpath d='M10 63c-3.8 0-7 3.1-7 7 0 3.8 3.1 7 7 7s7-3.1 7-7c0-3.8-3.2-7-7-7zm0 13.2c-3.4 0-6.2-2.8-6.2-6.2 0-3.4 2.8-6.2 6.2-6.2s6.2 2.8 6.2 6.2c0 3.4-2.8 6.2-6.2 6.2z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%236AA9DD' d='M64.1 73.4h2.3c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.3c-.2 0-.4-.2-.4-.4v-2.1c0-.2.1-.4.4-.4zm9.4.1h2.4c.2 0 .4.2.4.4V76c0 .2-.2.4-.4.4h-2.4c-.2 0-.4-.2-.4-.4v-2.1c0-.3.2-.4.4-.4zm-9.8-5.1h12.6v5H63.7v-5z'/%3E%3Cpath fill='none' stroke='%236AA9DD' d='M65.5 63.6h8.9c1 0 1.9.8 1.9 1.9v3.1H63.7v-3.1c0-1 .8-1.9 1.8-1.9z'/%3E%3Ccircle fill='%236AA9DD' cx='66.2' cy='70.9' r='.9'/%3E%3Ccircle fill='%236AA9DD' cx='73.8' cy='70.9' r='.9'/%3E%3Cg fill='none' stroke='%236AA9DD'%3E%3Cpath d='M96.4 70c0 3.6-2.9 6.5-6.4 6.5s-6.4-2.9-6.4-6.5 2.9-6.5 6.4-6.5 6.4 2.9 6.4 6.5z'/%3E%3Cpath d='M96.3 68.6v.1c-.9.1-2.9.1-4.6-1.2-1.1-.8-2-1.7-2.6-2.5-.3-.4-.6-.8-.7-1.1-.1-.1-.1-.2-.1-.2.5-.1 1.2-.2 2-.2 1.2 0 2.5.3 3.5 1.1s1.7 1.8 2.1 2.8c.2.5.3.9.4 1.2zM84 72.2v-.1c.9-.2 2.9-.4 4.7.6 1.1.7 1.9 1.5 2.4 2.3.4.5.6 1 .7 1.3-.4.1-1 .2-1.7.3-1 0-2.1-.1-3.2-.8s-1.9-1.6-2.4-2.5c-.3-.5-.4-.9-.5-1.1z'/%3E%3C/g%3E%3Cg fill='none' stroke='%236AA9DD'%3E%3Cpath stroke-linecap='round' d='m116.3 66.8-1.4 2-.8-.8-.6-.7v.9l-.1 8.2h-6.8l-.1-8.2v-.9l-.6.7-.8.8-1.4-2 2.6-2.9c.1-.1.2-.1.3-.1h1.3l.4.7c.7 1.3 2.6 1.3 3.3-.1l.3-.6h1.2c.1 0 .2 0 .3.1l.3-.3-.3.3 2.9 2.9z'/%3E%3Cpath d='M110.1 67.7h2v.9c0 .4-.4.7-1 .7s-1-.3-1-.7v-.9z'/%3E%3C/g%3E%3Cpath d='M126.8 74.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zm10.8 0c0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2c1.2 0 2.2 1 2.2 2.2zm-10.8-9.9v9.9m10.9-9.9v9.9m-10.9-10.8h10.8v2.7h-10.8v-2.7z' fill='none' stroke='%236AA9DD'/%3E%3Cg fill='%236AA9DD'%3E%3Cpath d='M170.8 63.1h-.8c-2.1 0-4 1-5.3 2.5h-.1l-.1-.1-1-1.2-.3 3.4 3.4.3-1.1-1.3-.1-.1.1-.1c1.1-1.4 3-2.3 5-2.1 3.2.3 5.5 3.1 5.2 6.3-.3 3-3.1 5.3-6.1 5.1-3.1-.2-5.4-2.9-5.3-6l-1.3-.1c-.2 3.8 2.6 7.1 6.3 7.4 3.9.3 7.3-2.6 7.6-6.5.3-3.8-2.5-7.1-6.1-7.5z'/%3E%3Cpath d='M170.3 67.4c0-.3-.3-.6-.6-.6s-.6.3-.6.6v3.2c0 .2.1.3.2.4.1.1.3.2.4.2h2.4c.4 0 .6-.3.6-.6s-.3-.6-.7-.6h-1.8v-.2l.1-2.4z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%236AA9DD' d='M186.2 63.4h7.7c1.5 0 2.7 1.2 2.7 2.7v7.7c0 1.5-1.2 2.7-2.7 2.7h-7.7c-1.5 0-2.7-1.2-2.7-2.7v-7.7c-.1-1.4 1.2-2.7 2.7-2.7z'/%3E%3Ccircle fill='%236AA9DD' cx='186' cy='68.9' r='.7'/%3E%3Ccircle fill='%236AA9DD' cx='194' cy='66.7' r='.7'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m186 73.3.4-.3c.4-.3 1-.3 1.5-.1l1 .4c.5.2 1 .2 1.5-.1l.8-.5c.4-.3 1-.3 1.5-.1l1.8.8'/%3E%3Cpath fill='%236AA9DD' stroke='%236AA9DD' stroke-width='.25' stroke-miterlimit='10' d='M156 64.3c-.2-.1-.4-.1-.5 0 0 0-.2.1-.9.2-.7 0-2.4-.1-3.8-.6-.8-.3-1.7-.5-2.5-.5h-.5c-1.3 0-2.5.3-3.6 1-.2.1-.2.2-.2.4v11.6c0 .3.1.5.3.5.6 0 .5-.4.5-.6v-5.7c.7-.3 3.2-1.1 5.8-.1 1.6.6 3.5.7 4.3.7.8 0 1.3-.3 1.3-.3.2-.1.3-.2.3-.4v-5.7c-.3-.2-.4-.4-.5-.5zm-.4 5.9c-.1 0-.7.1-1 .1-.7 0-2.4-.1-3.8-.6-2.5-1-5-.5-6.2-.1v-4.9c.9-.5 2.2-.7 3.2-.7h.4c.7 0 1.5.2 2.2.4 1.6.6 3.5.7 4.3.7.2 0 .8 0 1-.1v5.2z'/%3E%3Cpath fill='none' stroke='%236AA9DD' d='M48.1 63.5h3.7c2.5 0 4.5 2 4.5 4.5 0 .5-.4.9-.9.9H44.5c-.5 0-.9-.4-.9-.9 0-2.5 2-4.5 4.5-4.5z'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5 68.8c-.2.1-.5 1.2 0 1.5 1.4.9 8.5.8 11.3.6.8-.1 1.6-.4 1.7-1.2 0-.3-.1-.6-.6-.9'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m43.5 70.6-.2.4c-.2.5.2 1 .7.9.3-.1.5.1.7.3l.1.2c.3.5 1 .6 1.5.2h0c.3-.2.7-.3 1-.2l.8.3c.4.2.8.1 1.2 0l.5-.2c.4-.2.9-.2 1.3 0l.5.2c.4.2.8.2 1.2-.1l.2-.1c.3-.2.8-.2 1.1.1l.2.2c.3.3.8.2 1-.2l.1-.2c.1-.2 0-.3.2-.3.5 0 1.2-.3 1.1-.7l-.4-1.1'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5 72.2c-.1.2-.3.8 0 1.1.3.4 3 1.1 6.4 1.1 2.2 0 4.6-.3 6-.6.5-.1.9-.4.8-.9 0-.2-.2-.5-.4-.7'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5 73.3c0 .5.6 2.3 1.3 2.7 1.8.8 5.7.7 8.1.5 1.3-.1 2.5-.7 3.2-1.8.3-.5.5-1 .5-1.4'/%3E%3Cellipse fill='%236AA9DD' cx='51.6' cy='66.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%236AA9DD' cx='53' cy='65' rx='.3' ry='.4'/%3E%3Cellipse fill='%236AA9DD' cx='53' cy='67.2' rx='.3' ry='.4'/%3E%3Cellipse fill='%236AA9DD' cx='54.3' cy='66.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%236AA9DD' cx='50.9' cy='65' rx='.3' ry='.4'/%3E%3Cpath fill='none' stroke='%236AA9DD' d='M24.2 71v-7.6c.1.1.8.9 2.8 3.1 2.5-1.7 5.6-.7 6.9 0l2.4-3.1v7.1c0 1.2-.1 2.5-.9 3.4-1 1.2-2.7 2.5-5.3 2.5-2.9 0-4.5-1.5-5.3-2.9-.6-.6-.6-1.5-.6-2.5z'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m21.2 70.1 5.4 1.2m-5.4 2.8 5.4-1.2m12.2-2.8-5.4 1.2m5.4 2.8-5.4-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%236AA9DD' d='m29.5 72.4-.5-.7c-.2-.3 0-.6.3-.6h1.4c.3 0 .5.4.3.6l-.7 1c-.7 1.2-2.6 1.1-3.1-.3l-.1-.2c-.1-.2 0-.4.2-.5.2-.1.4 0 .5.2l.1.2c.4.7 1.2.8 1.6.3z'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m32.4 72.1-.1.2c-.4 1-1.8 1.1-2.3.2'/%3E%3Ccircle fill='%236AA9DD' cx='27.6' cy='69.7' r='.7'/%3E%3Ccircle fill='%236AA9DD' cx='32.4' cy='69.7' r='.7'/%3E%3Cg fill='%23868686' stroke='%23868686' stroke-width='.1' stroke-miterlimit='10'%3E%3Cpath d='M12.8 9.5c.6 0 1.1-.5 1.1-1.2 0-.6-.5-1.1-1.1-1.1-.6 0-1.2.5-1.2 1.1s.6 1.2 1.2 1.2zm0-1.6c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4.2-.4.4-.4zM7.2 9.5c.6 0 1.2-.5 1.2-1.2 0-.6-.5-1.1-1.2-1.1-.6 0-1.1.5-1.1 1.1s.5 1.2 1.1 1.2zm0-1.6c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4.2-.4.4-.4zm7.4 3.3c-.1-.1-.2-.2-.3-.2H5.7c-.1 0-.2.1-.3.2-.1.1-.1.2 0 .4.7 2 2.5 3.3 4.6 3.3s3.9-1.3 4.6-3.3c.1-.2.1-.3 0-.4zM10 14.1c-1.6 0-3-.9-3.7-2.2h7.3c-.6 1.3-2 2.2-3.6 2.2z'/%3E%3Cpath d='M10 3c-3.8 0-7 3.1-7 7s3.1 7 7 7 7-3.1 7-7-3.2-7-7-7zm0 13.2c-3.4 0-6.2-2.8-6.2-6.2S6.6 3.8 10 3.8s6.2 2.8 6.2 6.2-2.8 6.2-6.2 6.2z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23868686' d='M64.1 13.4h2.3c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.3c-.2 0-.4-.2-.4-.4v-2.1c0-.2.1-.4.4-.4zm9.4 0h2.4c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.4c-.2 0-.4-.2-.4-.4v-2.1c0-.2.2-.4.4-.4zm-9.8-5h12.6v5H63.7v-5z'/%3E%3Cpath fill='none' stroke='%23868686' d='M65.5 3.6h8.9c1 0 1.9.8 1.9 1.9v3.1H63.7V5.5c0-1.1.8-1.9 1.8-1.9z'/%3E%3Ccircle fill='%23868686' cx='66.2' cy='10.9' r='.9'/%3E%3Ccircle fill='%23868686' cx='73.8' cy='10.9' r='.9'/%3E%3Cg fill='none' stroke='%23868686'%3E%3Cpath d='M96.4 10c0 3.6-2.9 6.5-6.4 6.5s-6.4-2.9-6.4-6.5 2.9-6.5 6.4-6.5 6.4 2.9 6.4 6.5z'/%3E%3Cpath d='M96.3 8.6v.1c-.9.1-2.9.1-4.6-1.2-1.1-.8-2-1.7-2.6-2.5-.3-.4-.6-.8-.7-1.1-.1-.1-.1-.2-.1-.2.5-.1 1.2-.2 2-.2 1.2 0 2.5.3 3.5 1.1s1.7 1.8 2.1 2.8c.2.5.3.9.4 1.2zM84 12.1V12c.9-.2 2.9-.4 4.7.6 1.1.6 1.9 1.5 2.4 2.3.4.5.6 1 .7 1.3-.4.1-1 .2-1.7.3-1 0-2.1-.1-3.2-.8-1.1-.6-1.9-1.6-2.4-2.5-.3-.4-.4-.8-.5-1.1z'/%3E%3C/g%3E%3Cg fill='none' stroke='%23868686'%3E%3Cpath stroke-linecap='round' d='m116.3 6.8-1.4 2-.8-.8-.6-.7v.9l-.1 8.2h-6.8l-.1-8.2v-.9l-.6.7-.8.8-1.4-2 2.6-2.9c.1-.1.2-.1.3-.1h1.3l.4.7c.7 1.3 2.6 1.3 3.3-.1l.3-.6h1.2c.1 0 .2 0 .3.1l.3-.3-.3.3 2.9 2.9z'/%3E%3Cpath d='M110.1 7.7h2v.9c0 .4-.4.7-1 .7s-1-.3-1-.7v-.9z'/%3E%3C/g%3E%3Cpath d='M126.8 14.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zm10.8 0c0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2c1.2 0 2.2 1 2.2 2.2zm-10.8-9.9v9.9m10.9-9.9v9.9M126.8 3.5h10.8v2.7h-10.8V3.5z' fill='none' stroke='%23868686'/%3E%3Cg fill='%23868686'%3E%3Cpath d='M170.8 3.1h-.8c-2.1 0-4 1-5.3 2.5h-.1l-.1-.1-1-1.2-.3 3.4 3.4.3-1.1-1.3-.1-.1.1-.1c1.1-1.4 3-2.3 5-2.1 3.2.3 5.5 3.1 5.2 6.3-.3 3-3.1 5.3-6.1 5.1-3.1-.2-5.4-2.9-5.3-6l-1.3-.3c-.2 3.8 2.6 7.1 6.3 7.4 3.9.4 7.3-2.6 7.6-6.5.3-3.6-2.5-6.9-6.1-7.3z'/%3E%3Cpath d='M170.3 7.4c0-.3-.3-.6-.6-.6s-.7.3-.7.6v3.2c0 .2.1.3.2.4.1.1.3.2.4.2h2.4c.4 0 .6-.3.6-.6s-.3-.6-.6-.6h-1.8v-.2l.1-2.4z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23868686' d='M186.2 3.4h7.7c1.5 0 2.7 1.2 2.7 2.7v7.7c0 1.5-1.2 2.7-2.7 2.7h-7.7c-1.5 0-2.7-1.2-2.7-2.7V6.1c-.1-1.5 1.2-2.7 2.7-2.7z'/%3E%3Ccircle fill='%23868686' cx='186' cy='8.9' r='.7'/%3E%3Ccircle fill='%23868686' cx='194' cy='6.7' r='.7'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m186 13.3.4-.3c.4-.3 1-.3 1.5-.1l1 .4c.5.2 1 .2 1.5-.1l.8-.5c.4-.3 1-.3 1.5-.1l1.8.8'/%3E%3Cpath fill='%23868686' stroke='%23868686' stroke-width='.25' stroke-miterlimit='10' d='M156 4.3c-.2-.1-.4-.1-.5 0 0 0-.2.1-.9.1s-2.4-.1-3.8-.6c-.8-.3-1.7-.5-2.5-.5h-.5c-1.3 0-2.5.3-3.6 1-.2.1-.2.2-.2.4v11.6c0 .3.1.5.3.5.6 0 .5-.4.5-.6v-5.7c.7-.3 3.2-1.1 5.8-.1 1.6.6 3.5.7 4.3.7.8 0 1.3-.3 1.3-.3.2-.1.3-.2.3-.4V4.7c-.3-.2-.4-.3-.5-.4zm-.4 5.9c-.1 0-.7.1-1 .1-.7 0-2.4-.1-3.8-.6-2.5-1-5-.5-6.2-.1V4.7c.9-.5 2.2-.7 3.2-.7h.4c.7 0 1.5.2 2.2.4 1.6.6 3.5.7 4.3.7.2 0 .8 0 1-.1v5.2z'/%3E%3Cpath fill='none' stroke='%23868686' d='M48.1 3.5h3.7c2.5 0 4.5 2 4.5 4.5 0 .5-.4.9-.9.9H44.5c-.5 0-.9-.4-.9-.9 0-2.5 2-4.5 4.5-4.5z'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5 8.7c-.2.1-.5 1.2 0 1.5 1.4.9 8.5.8 11.3.6.8-.1 1.6-.4 1.7-1.2 0-.3-.1-.6-.6-.9'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m43.5 10.6-.2.4c-.2.5.2 1 .7.9.3-.1.5.1.7.3l.1.2c.3.5 1 .6 1.5.2h0c.3-.2.7-.3 1-.2l.8.3c.4.1.8.1 1.2 0l.5-.2c.4-.2.9-.2 1.3 0l.5.2c.4.2.8.1 1.2-.1l.2-.1c.3-.2.8-.1 1.1.1l.2.2c.3.3.8.2 1-.2l.1-.2c.1-.2 0-.3.2-.4.5 0 1.2-.3 1.1-.7l-.4-1.1'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5 12.1c-.1.2-.3.8 0 1.1.3.4 3 1.1 6.4 1.1 2.2 0 4.6-.3 6-.6.5-.1.9-.4.8-.9 0-.2-.2-.5-.4-.7'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5 13.3c0 .5.6 2.4 1.3 2.6 1.8.8 5.7.7 8.1.5 1.3-.1 2.5-.7 3.2-1.8.3-.5.5-1 .5-1.4'/%3E%3Cellipse fill='%23868686' cx='51.6' cy='6.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%23868686' cx='53' cy='4.9' rx='.3' ry='.4'/%3E%3Cellipse fill='%23868686' cx='53' cy='7.2' rx='.3' ry='.4'/%3E%3Cellipse fill='%23868686' cx='54.3' cy='6.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%23868686' cx='50.9' cy='4.9' rx='.3' ry='.4'/%3E%3Cpath fill='none' stroke='%23868686' d='M24.2 11V3.5c.1.1.8.9 2.8 3.1 2.5-1.7 5.6-.7 6.9 0l2.4-3.1v7.1c0 1.2-.1 2.5-.9 3.4-1 1.2-2.7 2.5-5.3 2.5-2.9 0-4.5-1.5-5.3-2.9-.6-.7-.6-1.7-.6-2.6z'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m21.2 10 5.4 1.2m-5.4 2.9 5.4-1.2M38.8 10l-5.4 1.2m5.4 2.9-5.4-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23868686' d='m29.5 12.4-.5-.7c-.2-.3 0-.6.3-.6h1.4c.3 0 .5.4.3.6l-.7 1c-.7 1.2-2.6 1.1-3.1-.3l-.1-.2c-.1-.2 0-.4.2-.5s.4 0 .5.2l.1.2c.4.6 1.2.8 1.6.3z'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m32.4 12.1-.1.2c-.4 1-1.8 1.1-2.3.2'/%3E%3Ccircle fill='%23868686' cx='27.6' cy='9.7' r='.7'/%3E%3Ccircle fill='%23868686' cx='32.4' cy='9.7' r='.7'/%3E%3C/svg%3E\");background-position:0 0}.EmojiPickerReact.epr-dark-theme .epr-category-nav>button.epr-cat-btn{background-position-y:calc(var(--epr-category-navigation-button-size)*2)}aside.EmojiPickerReact.epr-main:has(input:-moz-placeholder-shown) .epr-category-nav{background-position-y:calc(var(--epr-category-navigation-button-size)*3)}aside.EmojiPickerReact.epr-main:has(input:placeholder-shown) .epr-category-nav{background-position-y:calc(var(--epr-category-navigation-button-size)*3)}.EmojiPickerReact.epr-dark-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn.epr-active,.EmojiPickerReact.epr-dark-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:calc(var(--epr-category-navigation-button-size)*3)}@media (prefers-color-scheme:dark){.EmojiPickerReact.epr-auto-theme .epr-category-nav>button.epr-cat-btn{background-position-y:calc(var(--epr-category-navigation-button-size)*2)}.EmojiPickerReact.epr-auto-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn.epr-active,.EmojiPickerReact.epr-auto-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:calc(var(--epr-category-navigation-button-size)*3)}}.EmojiPickerReact button.epr-cat-btn.epr-icn-suggested{background-position-x:calc(var(--epr-category-navigation-button-size)*-8)}.EmojiPickerReact button.epr-cat-btn.epr-icn-custom{background-position-x:calc(var(--epr-category-navigation-button-size)*-9)}.EmojiPickerReact button.epr-cat-btn.epr-icn-activities{background-position-x:calc(var(--epr-category-navigation-button-size)*-4)}.EmojiPickerReact button.epr-cat-btn.epr-icn-animals_nature{background-position-x:calc(var(--epr-category-navigation-button-size)*-1)}.EmojiPickerReact button.epr-cat-btn.epr-icn-flags{background-position-x:calc(var(--epr-category-navigation-button-size)*-7)}.EmojiPickerReact button.epr-cat-btn.epr-icn-food_drink{background-position-x:calc(var(--epr-category-navigation-button-size)*-2)}.EmojiPickerReact button.epr-cat-btn.epr-icn-objects{background-position-x:calc(var(--epr-category-navigation-button-size)*-5)}.EmojiPickerReact button.epr-cat-btn.epr-icn-smileys_people{background-position-x:0}.EmojiPickerReact button.epr-cat-btn.epr-icn-symbols{background-position-x:calc(var(--epr-category-navigation-button-size)*-6)}.EmojiPickerReact button.epr-cat-btn.epr-icn-travel_places{background-position-x:calc(var(--epr-category-navigation-button-size)*-3)}";
|
|
18847
|
+
var css_248z$3 = "aside.EmojiPickerReact .epr-cat-btn{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='80' xml:space='preserve'%3E%3Cg fill='%233371B7' stroke='%233371B7' stroke-width='.1' stroke-miterlimit='10'%3E%3Cpath d='M12.8 29.5c.6 0 1.1-.5 1.1-1.1 0-.6-.5-1.2-1.1-1.2-.6 0-1.2.5-1.2 1.2 0 .6.6 1.1 1.2 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4z'/%3E%3Cpath d='M10 23c-3.8 0-7 3.1-7 7 0 3.8 3.1 7 7 7s7-3.1 7-7c0-3.8-3.2-7-7-7zm0 13.2c-3.4 0-6.2-2.8-6.2-6.2 0-3.4 2.8-6.2 6.2-6.2s6.2 2.8 6.2 6.2c0 3.4-2.8 6.2-6.2 6.2z'/%3E%3Cpath d='M14.6 31.2c-.1-.1-.2-.2-.3-.2H5.7c-.1 0-.2.1-.3.2-.1.1-.1.2 0 .4.7 2 2.5 3.3 4.6 3.3s3.9-1.3 4.6-3.3c.1-.1.1-.3 0-.4zM10 34.1c-1.6 0-3-.9-3.7-2.2h7.3c-.6 1.3-2 2.2-3.6 2.2zm-2.8-4.6c.6 0 1.2-.5 1.2-1.1 0-.6-.5-1.2-1.2-1.2-.6 0-1.1.5-1.1 1.2 0 .6.5 1.1 1.1 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%233371B7' d='M64.1 33.4h2.3c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.3c-.2 0-.4-.2-.4-.4v-2.1c0-.2.1-.4.4-.4zm9.4.1h2.4c.2 0 .4.2.4.4v2c0 .2-.2.4-.4.4h-2.4c-.2 0-.4-.2-.4-.4v-2c0-.3.2-.4.4-.4zm-9.8-5.1h12.6v5H63.7v-5z'/%3E%3Cpath fill='none' stroke='%233371B7' d='M65.5 23.6h8.9c1 0 1.9.8 1.9 1.9v3.1H63.7v-3.1c0-1 .8-1.9 1.8-1.9z'/%3E%3Cellipse fill='%233371B7' cx='66.2' cy='30.9' rx='.9' ry='1'/%3E%3Cellipse fill='%233371B7' cx='73.8' cy='30.9' rx='.9' ry='1'/%3E%3Cg fill='none' stroke='%233371B7'%3E%3Cpath d='M96.4 30c0 3.6-2.9 6.5-6.4 6.5s-6.4-2.9-6.4-6.5 2.9-6.5 6.4-6.5 6.4 2.9 6.4 6.5z'/%3E%3Cpath d='M96.3 28.6v.1c-.9.1-2.9.1-4.6-1.1-1.1-.8-2-1.7-2.6-2.5-.3-.4-.6-.8-.7-1-.1-.1-.1-.1-.1-.2.5-.1 1.2-.2 2-.1 1.2 0 2.5.3 3.5 1.1s1.7 1.8 2.1 2.8c.2.2.3.6.4.9zM84 32.2v-.1c.9-.2 2.9-.4 4.7.6 1.1.7 1.9 1.5 2.4 2.3.4.5.6 1 .7 1.3-.4.1-1 .2-1.7.3-1 0-2.1-.1-3.2-.8s-1.9-1.6-2.4-2.5c-.3-.5-.4-.8-.5-1.1z'/%3E%3C/g%3E%3Cg fill='none' stroke='%233371B7'%3E%3Cpath stroke-linecap='round' d='m116.3 26.8-1.4 2-.8-.8-.6-.6v.9l-.1 8.2h-6.8l-.1-8.2v-.9l-.6.6-.8.8-1.4-2 2.6-2.9c.1-.1.2-.1.3-.1h1.3l.4.7c.7 1.3 2.6 1.3 3.3-.1l.3-.6h1.2c.1 0 .2 0 .3.1l.3-.3-.3.3 2.9 2.9z'/%3E%3Cpath d='M110.1 27.7h2v.9c0 .4-.4.7-1 .7s-1-.3-1-.7v-.9z'/%3E%3C/g%3E%3Cpath d='M126.8 34.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zm10.8 0c0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2c1.2 0 2.2 1 2.2 2.2zm-10.8-9.9v9.9m10.9-9.9v9.9m-10.9-10.8h10.8v2.7h-10.8v-2.7z' fill='none' stroke='%233371B7'/%3E%3Cg fill='%233371B7'%3E%3Cpath d='M170.8 23.1h-.8c-2.1 0-4 1-5.3 2.5h-.1l-.1-.1-1-1.2-.3 3.4 3.4.3-1.1-1.3-.1-.1.1-.1c1.1-1.5 3-2.3 5-2.1 3.2.3 5.5 3.1 5.2 6.3-.3 3-3.1 5.3-6.1 5.1-3.1-.2-5.4-2.9-5.3-6l-1.3-.1c-.2 3.8 2.6 7.1 6.3 7.4 3.9.3 7.3-2.6 7.6-6.5.3-3.8-2.5-7.1-6.1-7.5z'/%3E%3Cpath d='M170.3 27.4c0-.3-.3-.6-.6-.6s-.6.3-.6.6v3.2c0 .2.1.3.2.4.1.1.3.2.4.2h2.4c.4 0 .6-.3.6-.6 0-.4-.3-.6-.6-.6h-1.8v-2.6z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%233371B7' d='M186.2 23.4h7.7c1.5 0 2.7 1.2 2.7 2.7v7.7c0 1.5-1.2 2.7-2.7 2.7h-7.7c-1.5 0-2.7-1.2-2.7-2.7v-7.7c-.1-1.5 1.2-2.7 2.7-2.7z'/%3E%3Ccircle fill='%233371B7' cx='186' cy='28.9' r='.7'/%3E%3Ccircle fill='%233371B7' cx='194' cy='26.7' r='.7'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m186 33.3.4-.3c.4-.3 1-.3 1.5-.1l1 .4c.5.2 1 .2 1.5-.1l.8-.5c.4-.3 1-.3 1.5-.1l1.8.8'/%3E%3Cpath fill='%233371B7' stroke='%233371B7' stroke-width='.25' stroke-miterlimit='10' d='M156 24.3c-.2-.1-.4-.1-.5 0 0 0-.2.1-.9.2-.7 0-2.4-.1-3.8-.6-.8-.3-1.7-.5-2.5-.5h-.5c-1.3 0-2.5.3-3.6 1-.2.1-.2.2-.2.4v11.6c0 .3.1.5.3.5.6 0 .5-.4.5-.6v-5.7c.7-.3 3.2-1.1 5.8-.1 1.6.6 3.5.7 4.3.7.8 0 1.3-.3 1.3-.3.2-.1.3-.2.3-.4v-5.7c-.3-.2-.4-.4-.5-.5zm-.4 5.9c-.1 0-.7.1-1 .1-.7 0-2.4-.1-3.8-.6-2.5-1-5-.5-6.2-.1v-4.9c.9-.5 2.2-.7 3.2-.7h.4c.7 0 1.5.2 2.2.4 1.6.6 3.5.7 4.3.7.2 0 .8 0 1-.1v5.2z'/%3E%3Cpath fill='none' stroke='%233371B7' d='M48.1 23.5h3.7c2.5 0 4.5 2 4.5 4.5 0 .5-.4.9-.9.9H44.5c-.5 0-.9-.4-.9-.9 0-2.5 2-4.5 4.5-4.5z'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5 28.8c-.2.1-.5 1.2 0 1.5 1.4 1 8.5.8 11.3.6.8-.1 1.6-.4 1.7-1.2 0-.3-.1-.6-.6-.9'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m43.5 30.6-.2.4c-.2.5.2 1 .7.9.3-.1.5 0 .7.3l.1.2c.3.5 1 .6 1.5.2h0c.3-.2.7-.3 1-.2l.8.3c.4.2.8.1 1.2 0l.5-.2c.4-.2.9-.2 1.3 0l.5.2c.4.2.8.2 1.2 0l.2-.1c.3-.2.8-.2 1.1.1l.2.2c.3.3.8.2 1-.2l.1-.2c.1-.2 0-.3.2-.3.5 0 1.2-.3 1.1-.7l-.4-1.1'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5 32.2c-.1.2-.3.8 0 1.1.3.4 3 1.1 6.4 1.1 2.2 0 4.6-.3 6-.6.5-.1.9-.5.8-.9 0-.2-.2-.5-.4-.7'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='M43.5 33.3c0 .5.6 2.3 1.3 2.7 1.8.8 5.7.7 8.1.5 1.3-.1 2.5-.7 3.2-1.8.3-.5.5-1 .5-1.4'/%3E%3Cellipse fill='%233371B7' cx='51.6' cy='26.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%233371B7' cx='53' cy='25' rx='.3' ry='.4'/%3E%3Cellipse fill='%233371B7' cx='53' cy='27.2' rx='.3' ry='.4'/%3E%3Cellipse fill='%233371B7' cx='54.3' cy='26.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%233371B7' cx='50.9' cy='25' rx='.3' ry='.4'/%3E%3Cpath fill='none' stroke='%233371B7' d='M24.2 31v-7.6c.1.1.8.9 2.8 3.1 2.5-1.6 5.6-.7 6.9 0l2.4-3.1v7.1c0 1.2-.1 2.5-.9 3.4-1 1.2-2.7 2.5-5.3 2.5-2.9 0-4.5-1.5-5.3-2.9-.6-.6-.6-1.5-.6-2.5z'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m21.2 30 5.4 1.2m-5.4 2.9 5.4-1.2M38.8 30l-5.4 1.2m5.4 2.9-5.4-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%233371B7' d='m29.5 32.4-.5-.7c-.2-.3 0-.6.3-.6h1.4c.3 0 .5.4.3.6l-.7 1c-.7 1.2-2.6 1.1-3.1-.3l-.1-.2c-.1-.2 0-.4.2-.5s.4 0 .5.2l.1.2c.4.7 1.2.8 1.6.3z'/%3E%3Cpath fill='none' stroke='%233371B7' stroke-linecap='round' d='m32.4 32.1-.1.2c-.4 1-1.8 1.1-2.3.2'/%3E%3Ccircle fill='%233371B7' cx='27.6' cy='29.7' r='.7'/%3E%3Ccircle fill='%233371B7' cx='32.4' cy='29.7' r='.7'/%3E%3Cg fill='%23C0C0BF' stroke='%23C0C0BF' stroke-width='.1' stroke-miterlimit='10'%3E%3Cpath d='M12.8 49.5c.6 0 1.1-.5 1.1-1.1 0-.6-.5-1.2-1.1-1.2-.6 0-1.2.5-1.2 1.2 0 .6.6 1.1 1.2 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4zm1.8 3.2c-.1-.1-.2-.2-.3-.2H5.7c-.1 0-.2.1-.3.2-.1.1-.1.2 0 .4.7 2 2.5 3.3 4.6 3.3s3.9-1.3 4.6-3.3c.1-.1.1-.3 0-.4zM10 54.1c-1.6 0-3-.9-3.7-2.2h7.3c-.6 1.3-2 2.2-3.6 2.2zm-2.8-4.6c.6 0 1.2-.5 1.2-1.1 0-.6-.5-1.2-1.2-1.2-.6 0-1.1.5-1.1 1.2 0 .6.5 1.1 1.1 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4z'/%3E%3Cpath d='M10 43c-3.8 0-7 3.1-7 7 0 3.8 3.1 7 7 7s7-3.1 7-7c0-3.8-3.2-7-7-7zm0 13.2c-3.4 0-6.2-2.8-6.2-6.2 0-3.4 2.8-6.2 6.2-6.2s6.2 2.8 6.2 6.2c0 3.4-2.8 6.2-6.2 6.2z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M64.1 53.4h2.3c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.3c-.2 0-.4-.2-.4-.4v-2.1c0-.2.1-.4.4-.4zm9.4.1h2.4c.2 0 .4.2.4.4v2c0 .2-.2.4-.4.4h-2.4c-.2 0-.4-.2-.4-.4v-2c0-.3.2-.4.4-.4zm-9.8-5.1h12.6v5H63.7v-5z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M65.5 43.6h8.9c1 0 1.9.8 1.9 1.9v3.1H63.7v-3.1c0-1 .8-1.9 1.8-1.9z'/%3E%3Cellipse fill='%23C0C0BF' cx='66.2' cy='50.9' rx='.9' ry='1'/%3E%3Cellipse fill='%23C0C0BF' cx='73.8' cy='50.9' rx='.9' ry='1'/%3E%3Cg fill='none' stroke='%23C0C0BF'%3E%3Cpath d='M96.4 50c0 3.6-2.9 6.5-6.4 6.5s-6.4-2.9-6.4-6.5 2.9-6.5 6.4-6.5 6.4 2.9 6.4 6.5z'/%3E%3Cpath d='M96.3 48.6v.1c-.9.1-2.9.1-4.6-1.2-1.1-.8-2-1.7-2.6-2.5-.3-.4-.6-.8-.7-1-.1-.1-.1-.2-.1-.2.5-.1 1.2-.2 2-.2 1.2 0 2.5.3 3.5 1.1s1.7 1.8 2.1 2.8c.2.4.3.8.4 1.1zM84 52.2v-.1c.9-.2 2.9-.4 4.7.6 1.1.7 1.9 1.5 2.4 2.3.4.5.6 1 .7 1.3-.4.1-1 .2-1.7.3-1 0-2.1-.1-3.2-.8s-1.9-1.6-2.4-2.5c-.3-.5-.4-.8-.5-1.1z'/%3E%3C/g%3E%3Cg fill='none' stroke='%23C0C0BF'%3E%3Cpath stroke-linecap='round' d='m116.3 46.8-1.4 2-.8-.8-.6-.7v.9l-.1 8.2h-6.8l-.1-8.2v-.9l-.6.7-.8.8-1.4-2 2.6-2.9c.1-.1.2-.1.3-.1h1.3l.4.7c.7 1.3 2.6 1.3 3.3-.1l.3-.6h1.2c.1 0 .2 0 .3.1l.3-.3-.3.3 2.9 2.9z'/%3E%3Cpath d='M110.1 47.7h2v.9c0 .4-.4.7-1 .7s-1-.3-1-.7v-.9z'/%3E%3C/g%3E%3Cpath d='M126.8 54.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zm10.8 0c0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2c1.2 0 2.2 1 2.2 2.2zm-10.8-9.9v9.9m10.9-9.9v9.9m-10.9-10.8h10.8v2.7h-10.8v-2.7z' fill='none' stroke='%23C0C0BF'/%3E%3Cg fill='%23C0C0BF'%3E%3Cpath d='M170.8 43.1h-.8c-2.1 0-4 1-5.3 2.5h-.1l-.1-.1-1-1.2-.3 3.4 3.4.3-1.1-1.3-.1-.1.1-.1c1.1-1.5 3-2.3 5-2.1 3.2.3 5.5 3.1 5.2 6.3-.3 3-3.1 5.3-6.1 5.1-3.1-.2-5.4-2.9-5.3-6l-1.3-.1c-.2 3.8 2.6 7.1 6.3 7.4 3.9.3 7.3-2.6 7.6-6.5.3-3.8-2.5-7.1-6.1-7.5z'/%3E%3Cpath d='M170.3 47.4c0-.3-.3-.6-.6-.6s-.6.3-.6.6v3.2c0 .2.1.3.2.4.1.1.3.2.4.2h2.4c.4 0 .6-.3.6-.6s-.3-.6-.6-.6h-1.8v-2.6z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M186.2 43.4h7.7c1.5 0 2.7 1.2 2.7 2.7v7.7c0 1.5-1.2 2.7-2.7 2.7h-7.7c-1.5 0-2.7-1.2-2.7-2.7v-7.7c-.1-1.4 1.2-2.7 2.7-2.7z'/%3E%3Ccircle fill='%23C0C0BF' cx='186' cy='48.9' r='.7'/%3E%3Ccircle fill='%23C0C0BF' cx='194' cy='46.7' r='.7'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m186 53.3.4-.3c.4-.3 1-.3 1.5-.1l1 .4c.5.2 1 .2 1.5-.1l.8-.5c.4-.3 1-.3 1.5-.1l1.8.8'/%3E%3Cpath fill='%23C0C0BF' stroke='%23C0C0BF' stroke-width='.25' stroke-miterlimit='10' d='M156 44.3c-.2-.1-.4-.1-.5 0 0 0-.2.1-.9.2-.7 0-2.4-.1-3.8-.6-.8-.3-1.7-.5-2.5-.5h-.5c-1.3 0-2.5.3-3.6 1-.2.1-.2.2-.2.4v11.6c0 .3.1.5.3.5.6 0 .5-.4.5-.6v-5.7c.7-.3 3.2-1.1 5.8-.1 1.6.6 3.5.7 4.3.7.8 0 1.3-.3 1.3-.3.2-.1.3-.2.3-.4v-5.7c-.3-.2-.4-.4-.5-.5zm-.4 5.9c-.1 0-.7.1-1 .1-.7 0-2.4-.1-3.8-.6-2.5-1-5-.5-6.2-.1v-4.9c.9-.5 2.2-.7 3.2-.7h.4c.7 0 1.5.2 2.2.4 1.6.6 3.5.7 4.3.7.2 0 .8 0 1-.1v5.2z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M48.1 43.5h3.7c2.5 0 4.5 2 4.5 4.5 0 .5-.4.9-.9.9H44.5c-.5 0-.9-.4-.9-.9 0-2.5 2-4.5 4.5-4.5z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5 48.8c-.2.1-.5 1.2 0 1.5 1.4 1 8.5.8 11.3.6.8-.1 1.6-.4 1.7-1.2 0-.3-.1-.6-.6-.9'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m43.5 50.6-.2.4c-.2.5.2 1 .7.9.3-.1.5 0 .7.3l.1.2c.3.5 1 .6 1.5.2h0c.3-.2.7-.3 1-.2l.8.3c.4.2.8.1 1.2 0l.5-.2c.4-.2.9-.2 1.3 0l.5.2c.4.2.8.2 1.2 0l.2-.1c.3-.2.8-.2 1.1.1l.2.2c.3.3.8.2 1-.2l.1-.2c.1-.2 0-.3.2-.3.5 0 1.2-.3 1.1-.7l-.4-1.1'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5 52.2c-.1.2-.3.8 0 1.1.3.4 3 1.1 6.4 1.1 2.2 0 4.6-.3 6-.6.5-.1.9-.5.8-.9 0-.2-.2-.5-.4-.7'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='M43.5 53.3c0 .5.6 2.3 1.3 2.7 1.8.8 5.7.7 8.1.5 1.3-.1 2.5-.7 3.2-1.8.3-.5.5-1 .5-1.4'/%3E%3Cellipse fill='%23C0C0BF' cx='51.6' cy='46.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%23C0C0BF' cx='53' cy='45' rx='.3' ry='.4'/%3E%3Cellipse fill='%23C0C0BF' cx='53' cy='47.2' rx='.3' ry='.4'/%3E%3Cellipse fill='%23C0C0BF' cx='54.3' cy='46.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%23C0C0BF' cx='50.9' cy='45' rx='.3' ry='.4'/%3E%3Cpath fill='none' stroke='%23C0C0BF' d='M24.2 51v-7.6c.1.1.8.9 2.8 3.1 2.5-1.7 5.6-.7 6.9 0l2.4-3.1v7.1c0 1.2-.1 2.5-.9 3.4-1 1.2-2.7 2.5-5.3 2.5-2.9 0-4.5-1.5-5.3-2.9-.6-.6-.6-1.5-.6-2.5z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m21.2 50 5.4 1.2m-5.4 2.9 5.4-1.2M38.8 50l-5.4 1.2m5.4 2.9-5.4-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23C0C0BF' d='m29.5 52.4-.5-.7c-.2-.3 0-.6.3-.6h1.4c.3 0 .5.4.3.6l-.7 1c-.7 1.2-2.6 1.1-3.1-.3l-.1-.2c-.1-.2 0-.4.2-.5s.4 0 .5.2l.1.2c.4.7 1.2.8 1.6.3z'/%3E%3Cpath fill='none' stroke='%23C0C0BF' stroke-linecap='round' d='m32.4 52.1-.1.2c-.4 1-1.8 1.1-2.3.2'/%3E%3Ccircle fill='%23C0C0BF' cx='27.6' cy='49.7' r='.7'/%3E%3Ccircle fill='%23C0C0BF' cx='32.4' cy='49.7' r='.7'/%3E%3Cg fill='%236AA9DD' stroke='%236AA9DD' stroke-width='.1' stroke-miterlimit='10'%3E%3Cpath d='M14.6 71.2c-.1-.1-.2-.2-.3-.2H5.7c-.1 0-.2.1-.3.2-.1.1-.1.2 0 .4.7 2 2.5 3.3 4.6 3.3s3.9-1.3 4.6-3.3c.1-.1.1-.3 0-.4zM10 74.1c-1.6 0-3-.9-3.7-2.2h7.3c-.6 1.3-2 2.2-3.6 2.2zm2.8-4.6c.6 0 1.1-.5 1.1-1.1 0-.6-.5-1.2-1.1-1.2-.6 0-1.2.5-1.2 1.2 0 .6.6 1.1 1.2 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4zm-5.6 1.5c.6 0 1.2-.5 1.2-1.1 0-.6-.5-1.2-1.2-1.2-.6 0-1.1.5-1.1 1.2 0 .6.5 1.1 1.1 1.1zm0-1.5c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4c0-.3.2-.4.4-.4z'/%3E%3Cpath d='M10 63c-3.8 0-7 3.1-7 7 0 3.8 3.1 7 7 7s7-3.1 7-7c0-3.8-3.2-7-7-7zm0 13.2c-3.4 0-6.2-2.8-6.2-6.2 0-3.4 2.8-6.2 6.2-6.2s6.2 2.8 6.2 6.2c0 3.4-2.8 6.2-6.2 6.2z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%236AA9DD' d='M64.1 73.4h2.3c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.3c-.2 0-.4-.2-.4-.4v-2.1c0-.2.1-.4.4-.4zm9.4.1h2.4c.2 0 .4.2.4.4V76c0 .2-.2.4-.4.4h-2.4c-.2 0-.4-.2-.4-.4v-2.1c0-.3.2-.4.4-.4zm-9.8-5.1h12.6v5H63.7v-5z'/%3E%3Cpath fill='none' stroke='%236AA9DD' d='M65.5 63.6h8.9c1 0 1.9.8 1.9 1.9v3.1H63.7v-3.1c0-1 .8-1.9 1.8-1.9z'/%3E%3Ccircle fill='%236AA9DD' cx='66.2' cy='70.9' r='.9'/%3E%3Ccircle fill='%236AA9DD' cx='73.8' cy='70.9' r='.9'/%3E%3Cg fill='none' stroke='%236AA9DD'%3E%3Cpath d='M96.4 70c0 3.6-2.9 6.5-6.4 6.5s-6.4-2.9-6.4-6.5 2.9-6.5 6.4-6.5 6.4 2.9 6.4 6.5z'/%3E%3Cpath d='M96.3 68.6v.1c-.9.1-2.9.1-4.6-1.2-1.1-.8-2-1.7-2.6-2.5-.3-.4-.6-.8-.7-1.1-.1-.1-.1-.2-.1-.2.5-.1 1.2-.2 2-.2 1.2 0 2.5.3 3.5 1.1s1.7 1.8 2.1 2.8c.2.5.3.9.4 1.2zM84 72.2v-.1c.9-.2 2.9-.4 4.7.6 1.1.7 1.9 1.5 2.4 2.3.4.5.6 1 .7 1.3-.4.1-1 .2-1.7.3-1 0-2.1-.1-3.2-.8s-1.9-1.6-2.4-2.5c-.3-.5-.4-.9-.5-1.1z'/%3E%3C/g%3E%3Cg fill='none' stroke='%236AA9DD'%3E%3Cpath stroke-linecap='round' d='m116.3 66.8-1.4 2-.8-.8-.6-.7v.9l-.1 8.2h-6.8l-.1-8.2v-.9l-.6.7-.8.8-1.4-2 2.6-2.9c.1-.1.2-.1.3-.1h1.3l.4.7c.7 1.3 2.6 1.3 3.3-.1l.3-.6h1.2c.1 0 .2 0 .3.1l.3-.3-.3.3 2.9 2.9z'/%3E%3Cpath d='M110.1 67.7h2v.9c0 .4-.4.7-1 .7s-1-.3-1-.7v-.9z'/%3E%3C/g%3E%3Cpath d='M126.8 74.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zm10.8 0c0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2c1.2 0 2.2 1 2.2 2.2zm-10.8-9.9v9.9m10.9-9.9v9.9m-10.9-10.8h10.8v2.7h-10.8v-2.7z' fill='none' stroke='%236AA9DD'/%3E%3Cg fill='%236AA9DD'%3E%3Cpath d='M170.8 63.1h-.8c-2.1 0-4 1-5.3 2.5h-.1l-.1-.1-1-1.2-.3 3.4 3.4.3-1.1-1.3-.1-.1.1-.1c1.1-1.4 3-2.3 5-2.1 3.2.3 5.5 3.1 5.2 6.3-.3 3-3.1 5.3-6.1 5.1-3.1-.2-5.4-2.9-5.3-6l-1.3-.1c-.2 3.8 2.6 7.1 6.3 7.4 3.9.3 7.3-2.6 7.6-6.5.3-3.8-2.5-7.1-6.1-7.5z'/%3E%3Cpath d='M170.3 67.4c0-.3-.3-.6-.6-.6s-.6.3-.6.6v3.2c0 .2.1.3.2.4.1.1.3.2.4.2h2.4c.4 0 .6-.3.6-.6s-.3-.6-.7-.6h-1.8v-.2l.1-2.4z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%236AA9DD' d='M186.2 63.4h7.7c1.5 0 2.7 1.2 2.7 2.7v7.7c0 1.5-1.2 2.7-2.7 2.7h-7.7c-1.5 0-2.7-1.2-2.7-2.7v-7.7c-.1-1.4 1.2-2.7 2.7-2.7z'/%3E%3Ccircle fill='%236AA9DD' cx='186' cy='68.9' r='.7'/%3E%3Ccircle fill='%236AA9DD' cx='194' cy='66.7' r='.7'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m186 73.3.4-.3c.4-.3 1-.3 1.5-.1l1 .4c.5.2 1 .2 1.5-.1l.8-.5c.4-.3 1-.3 1.5-.1l1.8.8'/%3E%3Cpath fill='%236AA9DD' stroke='%236AA9DD' stroke-width='.25' stroke-miterlimit='10' d='M156 64.3c-.2-.1-.4-.1-.5 0 0 0-.2.1-.9.2-.7 0-2.4-.1-3.8-.6-.8-.3-1.7-.5-2.5-.5h-.5c-1.3 0-2.5.3-3.6 1-.2.1-.2.2-.2.4v11.6c0 .3.1.5.3.5.6 0 .5-.4.5-.6v-5.7c.7-.3 3.2-1.1 5.8-.1 1.6.6 3.5.7 4.3.7.8 0 1.3-.3 1.3-.3.2-.1.3-.2.3-.4v-5.7c-.3-.2-.4-.4-.5-.5zm-.4 5.9c-.1 0-.7.1-1 .1-.7 0-2.4-.1-3.8-.6-2.5-1-5-.5-6.2-.1v-4.9c.9-.5 2.2-.7 3.2-.7h.4c.7 0 1.5.2 2.2.4 1.6.6 3.5.7 4.3.7.2 0 .8 0 1-.1v5.2z'/%3E%3Cpath fill='none' stroke='%236AA9DD' d='M48.1 63.5h3.7c2.5 0 4.5 2 4.5 4.5 0 .5-.4.9-.9.9H44.5c-.5 0-.9-.4-.9-.9 0-2.5 2-4.5 4.5-4.5z'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5 68.8c-.2.1-.5 1.2 0 1.5 1.4.9 8.5.8 11.3.6.8-.1 1.6-.4 1.7-1.2 0-.3-.1-.6-.6-.9'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m43.5 70.6-.2.4c-.2.5.2 1 .7.9.3-.1.5.1.7.3l.1.2c.3.5 1 .6 1.5.2h0c.3-.2.7-.3 1-.2l.8.3c.4.2.8.1 1.2 0l.5-.2c.4-.2.9-.2 1.3 0l.5.2c.4.2.8.2 1.2-.1l.2-.1c.3-.2.8-.2 1.1.1l.2.2c.3.3.8.2 1-.2l.1-.2c.1-.2 0-.3.2-.3.5 0 1.2-.3 1.1-.7l-.4-1.1'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5 72.2c-.1.2-.3.8 0 1.1.3.4 3 1.1 6.4 1.1 2.2 0 4.6-.3 6-.6.5-.1.9-.4.8-.9 0-.2-.2-.5-.4-.7'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='M43.5 73.3c0 .5.6 2.3 1.3 2.7 1.8.8 5.7.7 8.1.5 1.3-.1 2.5-.7 3.2-1.8.3-.5.5-1 .5-1.4'/%3E%3Cellipse fill='%236AA9DD' cx='51.6' cy='66.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%236AA9DD' cx='53' cy='65' rx='.3' ry='.4'/%3E%3Cellipse fill='%236AA9DD' cx='53' cy='67.2' rx='.3' ry='.4'/%3E%3Cellipse fill='%236AA9DD' cx='54.3' cy='66.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%236AA9DD' cx='50.9' cy='65' rx='.3' ry='.4'/%3E%3Cpath fill='none' stroke='%236AA9DD' d='M24.2 71v-7.6c.1.1.8.9 2.8 3.1 2.5-1.7 5.6-.7 6.9 0l2.4-3.1v7.1c0 1.2-.1 2.5-.9 3.4-1 1.2-2.7 2.5-5.3 2.5-2.9 0-4.5-1.5-5.3-2.9-.6-.6-.6-1.5-.6-2.5z'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m21.2 70.1 5.4 1.2m-5.4 2.8 5.4-1.2m12.2-2.8-5.4 1.2m5.4 2.8-5.4-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%236AA9DD' d='m29.5 72.4-.5-.7c-.2-.3 0-.6.3-.6h1.4c.3 0 .5.4.3.6l-.7 1c-.7 1.2-2.6 1.1-3.1-.3l-.1-.2c-.1-.2 0-.4.2-.5.2-.1.4 0 .5.2l.1.2c.4.7 1.2.8 1.6.3z'/%3E%3Cpath fill='none' stroke='%236AA9DD' stroke-linecap='round' d='m32.4 72.1-.1.2c-.4 1-1.8 1.1-2.3.2'/%3E%3Ccircle fill='%236AA9DD' cx='27.6' cy='69.7' r='.7'/%3E%3Ccircle fill='%236AA9DD' cx='32.4' cy='69.7' r='.7'/%3E%3Cg fill='%23868686' stroke='%23868686' stroke-width='.1' stroke-miterlimit='10'%3E%3Cpath d='M12.8 9.5c.6 0 1.1-.5 1.1-1.2 0-.6-.5-1.1-1.1-1.1-.6 0-1.2.5-1.2 1.1s.6 1.2 1.2 1.2zm0-1.6c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4.2-.4.4-.4zM7.2 9.5c.6 0 1.2-.5 1.2-1.2 0-.6-.5-1.1-1.2-1.1-.6 0-1.1.5-1.1 1.1s.5 1.2 1.1 1.2zm0-1.6c.2 0 .4.2.4.4s-.2.4-.4.4-.4-.2-.4-.4.2-.4.4-.4zm7.4 3.3c-.1-.1-.2-.2-.3-.2H5.7c-.1 0-.2.1-.3.2-.1.1-.1.2 0 .4.7 2 2.5 3.3 4.6 3.3s3.9-1.3 4.6-3.3c.1-.2.1-.3 0-.4zM10 14.1c-1.6 0-3-.9-3.7-2.2h7.3c-.6 1.3-2 2.2-3.6 2.2z'/%3E%3Cpath d='M10 3c-3.8 0-7 3.1-7 7s3.1 7 7 7 7-3.1 7-7-3.2-7-7-7zm0 13.2c-3.4 0-6.2-2.8-6.2-6.2S6.6 3.8 10 3.8s6.2 2.8 6.2 6.2-2.8 6.2-6.2 6.2z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23868686' d='M64.1 13.4h2.3c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.3c-.2 0-.4-.2-.4-.4v-2.1c0-.2.1-.4.4-.4zm9.4 0h2.4c.2 0 .4.2.4.4v2.1c0 .2-.2.4-.4.4h-2.4c-.2 0-.4-.2-.4-.4v-2.1c0-.2.2-.4.4-.4zm-9.8-5h12.6v5H63.7v-5z'/%3E%3Cpath fill='none' stroke='%23868686' d='M65.5 3.6h8.9c1 0 1.9.8 1.9 1.9v3.1H63.7V5.5c0-1.1.8-1.9 1.8-1.9z'/%3E%3Ccircle fill='%23868686' cx='66.2' cy='10.9' r='.9'/%3E%3Ccircle fill='%23868686' cx='73.8' cy='10.9' r='.9'/%3E%3Cg fill='none' stroke='%23868686'%3E%3Cpath d='M96.4 10c0 3.6-2.9 6.5-6.4 6.5s-6.4-2.9-6.4-6.5 2.9-6.5 6.4-6.5 6.4 2.9 6.4 6.5z'/%3E%3Cpath d='M96.3 8.6v.1c-.9.1-2.9.1-4.6-1.2-1.1-.8-2-1.7-2.6-2.5-.3-.4-.6-.8-.7-1.1-.1-.1-.1-.2-.1-.2.5-.1 1.2-.2 2-.2 1.2 0 2.5.3 3.5 1.1s1.7 1.8 2.1 2.8c.2.5.3.9.4 1.2zM84 12.1V12c.9-.2 2.9-.4 4.7.6 1.1.6 1.9 1.5 2.4 2.3.4.5.6 1 .7 1.3-.4.1-1 .2-1.7.3-1 0-2.1-.1-3.2-.8-1.1-.6-1.9-1.6-2.4-2.5-.3-.4-.4-.8-.5-1.1z'/%3E%3C/g%3E%3Cg fill='none' stroke='%23868686'%3E%3Cpath stroke-linecap='round' d='m116.3 6.8-1.4 2-.8-.8-.6-.7v.9l-.1 8.2h-6.8l-.1-8.2v-.9l-.6.7-.8.8-1.4-2 2.6-2.9c.1-.1.2-.1.3-.1h1.3l.4.7c.7 1.3 2.6 1.3 3.3-.1l.3-.6h1.2c.1 0 .2 0 .3.1l.3-.3-.3.3 2.9 2.9z'/%3E%3Cpath d='M110.1 7.7h2v.9c0 .4-.4.7-1 .7s-1-.3-1-.7v-.9z'/%3E%3C/g%3E%3Cpath d='M126.8 14.3c0 1.2-1 2.2-2.2 2.2s-2.2-1-2.2-2.2 1-2.2 2.2-2.2 2.2 1 2.2 2.2zm10.8 0c0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2c1.2 0 2.2 1 2.2 2.2zm-10.8-9.9v9.9m10.9-9.9v9.9M126.8 3.5h10.8v2.7h-10.8V3.5z' fill='none' stroke='%23868686'/%3E%3Cg fill='%23868686'%3E%3Cpath d='M170.8 3.1h-.8c-2.1 0-4 1-5.3 2.5h-.1l-.1-.1-1-1.2-.3 3.4 3.4.3-1.1-1.3-.1-.1.1-.1c1.1-1.4 3-2.3 5-2.1 3.2.3 5.5 3.1 5.2 6.3-.3 3-3.1 5.3-6.1 5.1-3.1-.2-5.4-2.9-5.3-6l-1.3-.3c-.2 3.8 2.6 7.1 6.3 7.4 3.9.4 7.3-2.6 7.6-6.5.3-3.6-2.5-6.9-6.1-7.3z'/%3E%3Cpath d='M170.3 7.4c0-.3-.3-.6-.6-.6s-.7.3-.7.6v3.2c0 .2.1.3.2.4.1.1.3.2.4.2h2.4c.4 0 .6-.3.6-.6s-.3-.6-.6-.6h-1.8v-.2l.1-2.4z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23868686' d='M186.2 3.4h7.7c1.5 0 2.7 1.2 2.7 2.7v7.7c0 1.5-1.2 2.7-2.7 2.7h-7.7c-1.5 0-2.7-1.2-2.7-2.7V6.1c-.1-1.5 1.2-2.7 2.7-2.7z'/%3E%3Ccircle fill='%23868686' cx='186' cy='8.9' r='.7'/%3E%3Ccircle fill='%23868686' cx='194' cy='6.7' r='.7'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m186 13.3.4-.3c.4-.3 1-.3 1.5-.1l1 .4c.5.2 1 .2 1.5-.1l.8-.5c.4-.3 1-.3 1.5-.1l1.8.8'/%3E%3Cpath fill='%23868686' stroke='%23868686' stroke-width='.25' stroke-miterlimit='10' d='M156 4.3c-.2-.1-.4-.1-.5 0 0 0-.2.1-.9.1s-2.4-.1-3.8-.6c-.8-.3-1.7-.5-2.5-.5h-.5c-1.3 0-2.5.3-3.6 1-.2.1-.2.2-.2.4v11.6c0 .3.1.5.3.5.6 0 .5-.4.5-.6v-5.7c.7-.3 3.2-1.1 5.8-.1 1.6.6 3.5.7 4.3.7.8 0 1.3-.3 1.3-.3.2-.1.3-.2.3-.4V4.7c-.3-.2-.4-.3-.5-.4zm-.4 5.9c-.1 0-.7.1-1 .1-.7 0-2.4-.1-3.8-.6-2.5-1-5-.5-6.2-.1V4.7c.9-.5 2.2-.7 3.2-.7h.4c.7 0 1.5.2 2.2.4 1.6.6 3.5.7 4.3.7.2 0 .8 0 1-.1v5.2z'/%3E%3Cpath fill='none' stroke='%23868686' d='M48.1 3.5h3.7c2.5 0 4.5 2 4.5 4.5 0 .5-.4.9-.9.9H44.5c-.5 0-.9-.4-.9-.9 0-2.5 2-4.5 4.5-4.5z'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5 8.7c-.2.1-.5 1.2 0 1.5 1.4.9 8.5.8 11.3.6.8-.1 1.6-.4 1.7-1.2 0-.3-.1-.6-.6-.9'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m43.5 10.6-.2.4c-.2.5.2 1 .7.9.3-.1.5.1.7.3l.1.2c.3.5 1 .6 1.5.2h0c.3-.2.7-.3 1-.2l.8.3c.4.1.8.1 1.2 0l.5-.2c.4-.2.9-.2 1.3 0l.5.2c.4.2.8.1 1.2-.1l.2-.1c.3-.2.8-.1 1.1.1l.2.2c.3.3.8.2 1-.2l.1-.2c.1-.2 0-.3.2-.4.5 0 1.2-.3 1.1-.7l-.4-1.1'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5 12.1c-.1.2-.3.8 0 1.1.3.4 3 1.1 6.4 1.1 2.2 0 4.6-.3 6-.6.5-.1.9-.4.8-.9 0-.2-.2-.5-.4-.7'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='M43.5 13.3c0 .5.6 2.4 1.3 2.6 1.8.8 5.7.7 8.1.5 1.3-.1 2.5-.7 3.2-1.8.3-.5.5-1 .5-1.4'/%3E%3Cellipse fill='%23868686' cx='51.6' cy='6.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%23868686' cx='53' cy='4.9' rx='.3' ry='.4'/%3E%3Cellipse fill='%23868686' cx='53' cy='7.2' rx='.3' ry='.4'/%3E%3Cellipse fill='%23868686' cx='54.3' cy='6.5' rx='.3' ry='.4'/%3E%3Cellipse fill='%23868686' cx='50.9' cy='4.9' rx='.3' ry='.4'/%3E%3Cpath fill='none' stroke='%23868686' d='M24.2 11V3.5c.1.1.8.9 2.8 3.1 2.5-1.7 5.6-.7 6.9 0l2.4-3.1v7.1c0 1.2-.1 2.5-.9 3.4-1 1.2-2.7 2.5-5.3 2.5-2.9 0-4.5-1.5-5.3-2.9-.6-.7-.6-1.7-.6-2.6z'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m21.2 10 5.4 1.2m-5.4 2.9 5.4-1.2M38.8 10l-5.4 1.2m5.4 2.9-5.4-1.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23868686' d='m29.5 12.4-.5-.7c-.2-.3 0-.6.3-.6h1.4c.3 0 .5.4.3.6l-.7 1c-.7 1.2-2.6 1.1-3.1-.3l-.1-.2c-.1-.2 0-.4.2-.5s.4 0 .5.2l.1.2c.4.6 1.2.8 1.6.3z'/%3E%3Cpath fill='none' stroke='%23868686' stroke-linecap='round' d='m32.4 12.1-.1.2c-.4 1-1.8 1.1-2.3.2'/%3E%3Ccircle fill='%23868686' cx='27.6' cy='9.7' r='.7'/%3E%3Ccircle fill='%23868686' cx='32.4' cy='9.7' r='.7'/%3E%3C/svg%3E\")}aside.EmojiPickerReact.epr-main:has(input:not(:-moz-placeholder-shown)) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:var(--epr-category-navigation-button-size);opacity:1}aside.EmojiPickerReact.epr-main:has(input:not(:placeholder-shown)) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:var(--epr-category-navigation-button-size);opacity:1}.EmojiPickerReact:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn.epr-active,.EmojiPickerReact:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:var(--epr-category-navigation-button-size);opacity:1}.EmojiPickerReact.epr-dark-theme .epr-category-nav>button.epr-cat-btn{background-position-y:calc(var(--epr-category-navigation-button-size)*2)}aside.EmojiPickerReact.epr-main:has(input:-moz-placeholder-shown) .epr-category-nav{background-position-y:calc(var(--epr-category-navigation-button-size)*3)}aside.EmojiPickerReact.epr-main:has(input:placeholder-shown) .epr-category-nav{background-position-y:calc(var(--epr-category-navigation-button-size)*3)}.EmojiPickerReact.epr-dark-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn.epr-active,.EmojiPickerReact.epr-dark-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:calc(var(--epr-category-navigation-button-size)*3)}@media (prefers-color-scheme:dark){.EmojiPickerReact.epr-auto-theme .epr-category-nav>button.epr-cat-btn{background-position-y:calc(var(--epr-category-navigation-button-size)*2)}.EmojiPickerReact.epr-auto-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn.epr-active,.EmojiPickerReact.epr-auto-theme:not(.epr-search-active) .epr-category-nav>button.epr-cat-btn:hover{background-position-y:calc(var(--epr-category-navigation-button-size)*3)}}.EmojiPickerReact button.epr-cat-btn.epr-icn-suggested{background-position-x:calc(var(--epr-category-navigation-button-size)*-8)}.EmojiPickerReact button.epr-cat-btn.epr-icn-custom{background-position-x:calc(var(--epr-category-navigation-button-size)*-9)}.EmojiPickerReact button.epr-cat-btn.epr-icn-activities{background-position-x:calc(var(--epr-category-navigation-button-size)*-4)}.EmojiPickerReact button.epr-cat-btn.epr-icn-animals_nature{background-position-x:calc(var(--epr-category-navigation-button-size)*-1)}.EmojiPickerReact button.epr-cat-btn.epr-icn-flags{background-position-x:calc(var(--epr-category-navigation-button-size)*-7)}.EmojiPickerReact button.epr-cat-btn.epr-icn-food_drink{background-position-x:calc(var(--epr-category-navigation-button-size)*-2)}.EmojiPickerReact button.epr-cat-btn.epr-icn-objects{background-position-x:calc(var(--epr-category-navigation-button-size)*-5)}.EmojiPickerReact button.epr-cat-btn.epr-icn-smileys_people{background-position-x:0}.EmojiPickerReact button.epr-cat-btn.epr-icn-symbols{background-position-x:calc(var(--epr-category-navigation-button-size)*-6)}.EmojiPickerReact button.epr-cat-btn.epr-icn-travel_places{background-position-x:calc(var(--epr-category-navigation-button-size)*-3)}";
|
|
19216
18848
|
styleInject(css_248z$3);
|
|
19217
18849
|
|
|
19218
18850
|
function categoryNameFromDom($category) {
|
|
19219
18851
|
var _$category$getAttribu;
|
|
19220
|
-
|
|
19221
18852
|
return (_$category$getAttribu = $category == null ? void 0 : $category.getAttribute('data-name')) != null ? _$category$getAttribu : null;
|
|
19222
18853
|
}
|
|
19223
18854
|
|
|
@@ -19230,27 +18861,20 @@ function useActiveCategoryScrollDetection(setActiveCategory) {
|
|
|
19230
18861
|
if (!bodyRef) {
|
|
19231
18862
|
return;
|
|
19232
18863
|
}
|
|
19233
|
-
|
|
19234
18864
|
for (var _iterator = _createForOfIteratorHelperLoose(entries), _step; !(_step = _iterator()).done;) {
|
|
19235
18865
|
var entry = _step.value;
|
|
19236
|
-
|
|
19237
18866
|
var _id = categoryNameFromDom(entry.target);
|
|
19238
|
-
|
|
19239
18867
|
visibleCategories.set(_id, entry.intersectionRatio);
|
|
19240
18868
|
}
|
|
19241
|
-
|
|
19242
18869
|
var ratios = Array.from(visibleCategories);
|
|
19243
18870
|
var lastCategory = ratios[ratios.length - 1];
|
|
19244
|
-
|
|
19245
18871
|
if (lastCategory[1] == 1) {
|
|
19246
18872
|
return setActiveCategory(lastCategory[0]);
|
|
19247
18873
|
}
|
|
19248
|
-
|
|
19249
18874
|
for (var _i = 0, _ratios = ratios; _i < _ratios.length; _i++) {
|
|
19250
18875
|
var _ratios$_i = _ratios[_i],
|
|
19251
|
-
|
|
19252
|
-
|
|
19253
|
-
|
|
18876
|
+
id = _ratios$_i[0],
|
|
18877
|
+
ratio = _ratios$_i[1];
|
|
19254
18878
|
if (ratio) {
|
|
19255
18879
|
setActiveCategory(id);
|
|
19256
18880
|
break;
|
|
@@ -19267,8 +18891,7 @@ function useActiveCategoryScrollDetection(setActiveCategory) {
|
|
|
19267
18891
|
|
|
19268
18892
|
function useIsSearchMode() {
|
|
19269
18893
|
var _useSearchTermState = useSearchTermState(),
|
|
19270
|
-
|
|
19271
|
-
|
|
18894
|
+
searchTerm = _useSearchTermState[0];
|
|
19272
18895
|
return !!searchTerm;
|
|
19273
18896
|
}
|
|
19274
18897
|
|
|
@@ -19277,17 +18900,13 @@ function useScrollCategoryIntoView() {
|
|
|
19277
18900
|
var PickerMainRef = usePickerMainRef();
|
|
19278
18901
|
return function scrollCategoryIntoView(category) {
|
|
19279
18902
|
var _BodyRef$current;
|
|
19280
|
-
|
|
19281
18903
|
if (!BodyRef.current) {
|
|
19282
18904
|
return;
|
|
19283
18905
|
}
|
|
19284
|
-
|
|
19285
18906
|
var $category = (_BodyRef$current = BodyRef.current) == null ? void 0 : _BodyRef$current.querySelector("[data-name=\"" + category + "\"]");
|
|
19286
|
-
|
|
19287
18907
|
if (!$category) {
|
|
19288
18908
|
return;
|
|
19289
18909
|
}
|
|
19290
|
-
|
|
19291
18910
|
var offsetTop = $category.offsetTop || 0;
|
|
19292
18911
|
scrollTo(PickerMainRef.current, offsetTop);
|
|
19293
18912
|
};
|
|
@@ -19295,19 +18914,16 @@ function useScrollCategoryIntoView() {
|
|
|
19295
18914
|
|
|
19296
18915
|
function useShouldHideCustomEmojis() {
|
|
19297
18916
|
var customCategoryConfig = useCustomEmojisConfig();
|
|
19298
|
-
|
|
19299
18917
|
if (!customCategoryConfig) {
|
|
19300
18918
|
return false;
|
|
19301
18919
|
}
|
|
19302
|
-
|
|
19303
18920
|
return customCategoryConfig.length === 0;
|
|
19304
18921
|
}
|
|
19305
18922
|
|
|
19306
18923
|
function CategoryNavigation() {
|
|
19307
18924
|
var _useState = useState(null),
|
|
19308
|
-
|
|
19309
|
-
|
|
19310
|
-
|
|
18925
|
+
activeCategory = _useState[0],
|
|
18926
|
+
setActiveCategory = _useState[1];
|
|
19311
18927
|
var scrollCategoryIntoView = useScrollCategoryIntoView();
|
|
19312
18928
|
useActiveCategoryScrollDetection(setActiveCategory);
|
|
19313
18929
|
var isSearchMode = useIsSearchMode();
|
|
@@ -19315,24 +18931,21 @@ function CategoryNavigation() {
|
|
|
19315
18931
|
var CategoryNavigationRef = useCategoryNavigationRef();
|
|
19316
18932
|
var hideCustomCategory = useShouldHideCustomEmojis();
|
|
19317
18933
|
return createElement("div", {
|
|
19318
|
-
className:
|
|
18934
|
+
className: cx(styles$6.nav),
|
|
19319
18935
|
role: "tablist",
|
|
19320
18936
|
"aria-label": "Category navigation",
|
|
19321
18937
|
id: "epr-category-nav-id",
|
|
19322
18938
|
ref: CategoryNavigationRef
|
|
19323
18939
|
}, categoriesConfig.map(function (categoryConfig) {
|
|
19324
18940
|
var _cx;
|
|
19325
|
-
|
|
19326
18941
|
var category = categoryFromCategoryConfig(categoryConfig);
|
|
19327
18942
|
var isActiveCategory = category === activeCategory;
|
|
19328
|
-
|
|
19329
18943
|
if (isCustomCategory(categoryConfig) && hideCustomCategory) {
|
|
19330
18944
|
return null;
|
|
19331
18945
|
}
|
|
19332
|
-
|
|
19333
18946
|
return createElement(Button, {
|
|
19334
18947
|
tabIndex: isSearchMode || isActiveCategory ? -1 : 0,
|
|
19335
|
-
className: cx(
|
|
18948
|
+
className: cx(styles$6.catBtn, "epr-icn-" + category, (_cx = {}, _cx[ClassNames.active] = isActiveCategory, _cx)),
|
|
19336
18949
|
key: category,
|
|
19337
18950
|
onClick: function onClick() {
|
|
19338
18951
|
setActiveCategory(category);
|
|
@@ -19345,6 +18958,50 @@ function CategoryNavigation() {
|
|
|
19345
18958
|
});
|
|
19346
18959
|
}));
|
|
19347
18960
|
}
|
|
18961
|
+
var styles$6 = /*#__PURE__*/stylesheet.create({
|
|
18962
|
+
nav: {
|
|
18963
|
+
'.': 'epr-category-nav',
|
|
18964
|
+
display: 'flex',
|
|
18965
|
+
flexDirection: 'row',
|
|
18966
|
+
justifyContent: 'space-around',
|
|
18967
|
+
padding: 'var(--epr-header-padding)'
|
|
18968
|
+
},
|
|
18969
|
+
'.epr-search-active': {
|
|
18970
|
+
nav: {
|
|
18971
|
+
opacity: '0.3',
|
|
18972
|
+
cursor: 'default',
|
|
18973
|
+
pointerEvents: 'none'
|
|
18974
|
+
}
|
|
18975
|
+
},
|
|
18976
|
+
'.epr-main:has(input:not(:placeholder-shown))': {
|
|
18977
|
+
nav: {
|
|
18978
|
+
opacity: '0.3',
|
|
18979
|
+
cursor: 'default',
|
|
18980
|
+
pointerEvents: 'none'
|
|
18981
|
+
}
|
|
18982
|
+
},
|
|
18983
|
+
catBtn: {
|
|
18984
|
+
'.': 'epr-cat-btn',
|
|
18985
|
+
display: 'inline-block',
|
|
18986
|
+
transition: 'opacity 0.2s ease-in-out',
|
|
18987
|
+
position: 'relative',
|
|
18988
|
+
height: 'var(--epr-category-navigation-button-size)',
|
|
18989
|
+
width: 'var(--epr-category-navigation-button-size)',
|
|
18990
|
+
backgroundSize: 'calc(var(--epr-category-navigation-button-size) * 10)',
|
|
18991
|
+
outline: 'none',
|
|
18992
|
+
backgroundPosition: '0 0',
|
|
18993
|
+
':focus:before': {
|
|
18994
|
+
content: '',
|
|
18995
|
+
position: 'absolute',
|
|
18996
|
+
top: '-2px',
|
|
18997
|
+
left: '-2px',
|
|
18998
|
+
right: '-2px',
|
|
18999
|
+
bottom: '-2px',
|
|
19000
|
+
border: '2px solid var(--epr-category-icon-active-color)',
|
|
19001
|
+
borderRadius: '50%'
|
|
19002
|
+
}
|
|
19003
|
+
}
|
|
19004
|
+
});
|
|
19348
19005
|
|
|
19349
19006
|
var css_248z$4 = ".EmojiPickerReact .epr-search-container{display:block;flex:1;min-width:0}.EmojiPickerReact .epr-search-container .epr-status-visually-hidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.EmojiPickerReact .epr-search-container input.epr-search{background-color:var(--epr-search-input-bg-color);border:1px solid var(--epr-search-input-bg-color);border-radius:var(--epr-search-input-border-radius);color:var(--epr-search-input-text-color);height:var(--epr-search-input-height);outline:none;padding:var(--epr-search-input-padding);transition:all .2s ease-in-out;width:100%}.EmojiPickerReact .epr-search-container button.epr-btn-clear-search .epr-icn-clear-search{background-color:transparent;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='80' xml:space='preserve'%3E%3Cpath fill='%23868686' d='M6.98 13.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 8c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.4a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.2-.21.54 0 .74z'/%3E%3Cpath fill='%23868686' d='M10.15 18.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3Cpath fill='%233371B7' d='M6.98 33.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 28c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.41a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.21-.21.55 0 .75z'/%3E%3Cpath fill='%233371B7' d='M10.15 38.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3Cpath fill='%23C0C0BF' d='M6.98 53.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 48c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.41a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.21-.21.55 0 .75z'/%3E%3Cpath fill='%23C0C0BF' d='M10.15 58.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3Cpath fill='%236AA9DD' d='M6.98 73.59a.53.53 0 0 0 .74 0l2.42-2.42 2.43 2.43a.53.53 0 0 0 .74 0c.21-.21.21-.54 0-.75l-2.43-2.43L13.32 68c.21-.21.21-.54 0-.75a.525.525 0 0 0-.75 0l-2.42 2.42-2.41-2.41a.525.525 0 0 0-.75 0c-.21.21-.21.54 0 .75l2.41 2.41-2.42 2.42c-.21.21-.21.55 0 .75z'/%3E%3Cpath fill='%236AA9DD' d='M10.15 78.43c4.41 0 8-3.59 8-8s-3.59-8-8-8-8 3.59-8 8 3.59 8 8 8zm0-14.94c3.83 0 6.94 3.11 6.94 6.94 0 3.83-3.11 6.94-6.94 6.94-3.83 0-6.94-3.11-6.94-6.94 0-3.83 3.12-6.94 6.94-6.94z'/%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:20px;height:20px;width:20px}.EmojiPickerReact .epr-search-container button.epr-btn-clear-search{align-items:center;border-radius:50%;display:flex;height:30px;justify-content:center;padding:0;position:absolute;right:var(--epr-search-bar-inner-padding);top:50%;transform:translateY(-50%);width:30px}.EmojiPickerReact .epr-search-container button.epr-btn-clear-search:focus .epr-icn-clear-search,.EmojiPickerReact .epr-search-container button.epr-btn-clear-search:hover .epr-icn-clear-search{background-position-y:-20px}.EmojiPickerReact .epr-search-container button.epr-btn-clear-search:focus,.EmojiPickerReact .epr-search-container button.epr-btn-clear-search:hover{background:var(--epr-hover-bg-color)}.EmojiPickerReact.epr-dark-theme .epr-search-container button.epr-btn-clear-search .epr-icn-clear-search{background-position-y:-40px}.EmojiPickerReact.epr-dark-theme .epr-search-container button.epr-btn-clear-search:hover .epr-icn-clear-search{background-position-y:-60px}@media (prefers-color-scheme:dark){.EmojiPickerReact.epr-auto-theme .epr-search-container button.epr-btn-clear-search .epr-icn-clear-search{background-position-y:-40px}.EmojiPickerReact.epr-auto-theme .epr-search-container button.epr-btn-clear-search:hover .epr-icn-clear-search{background-position-y:-60px}}.EmojiPickerReact .epr-search-container .epr-icn-search{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='40' xml:space='preserve'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23868686' d='M12 8.81c0 2.08-1.68 3.76-3.76 3.76s-3.76-1.68-3.76-3.76 1.68-3.76 3.76-3.76S12 6.73 12 8.81zm-.77 3.91c-.83.64-1.87 1.01-2.99 1.01-2.72 0-4.92-2.2-4.92-4.92 0-2.72 2.2-4.92 4.92-4.92 2.72 0 4.92 2.2 4.92 4.92 0 1.13-.38 2.16-1.01 2.99l3.94 3.93c.25.25.25.66 0 .92-.25.25-.66.25-.92 0l-3.94-3.93z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23C0C0BF' d='M12 28.81c0 2.08-1.68 3.76-3.76 3.76s-3.76-1.68-3.76-3.76 1.68-3.76 3.76-3.76S12 26.73 12 28.81zm-.77 3.91c-.83.64-1.87 1.01-2.99 1.01-2.72 0-4.92-2.2-4.92-4.92 0-2.72 2.2-4.92 4.92-4.92 2.72 0 4.92 2.2 4.92 4.92 0 1.13-.38 2.16-1.01 2.99l3.94 3.93c.25.25.25.66 0 .92-.25.25-.66.25-.92 0l-3.94-3.93z'/%3E%3C/svg%3E\");background-position:0 0;background-repeat:no-repeat;background-size:20px;content:\"\";height:20px;left:var(--epr-search-bar-inner-padding);position:absolute;top:50%;transform:translateY(-50%);width:20px}.EmojiPickerReact.epr-dark-theme .epr-search-container .epr-icn-search{background-position-y:-20px}@media (prefers-color-scheme:dark){.EmojiPickerReact.epr-auto-theme .epr-search-container .epr-icn-search{background-position-y:-20px}}.EmojiPickerReact .epr-search-container input.epr-search::-moz-placeholder{color:var(--epr-search-input-placeholder-color)}.EmojiPickerReact .epr-search-container input.epr-search::placeholder{color:var(--epr-search-input-placeholder-color)}.EmojiPickerReact .epr-search-container input.epr-search:focus{background-color:var(--epr-search-input-bg-color-active);border:1px solid var(--epr-search-border-color)}";
|
|
19350
19007
|
styleInject(css_248z$4);
|
|
@@ -19354,15 +19011,12 @@ var EMOJI_BUTTON = /*#__PURE__*/['button', asSelectors(ClassNames.emoji)].join('
|
|
|
19354
19011
|
var CATEGORY = /*#__PURE__*/asSelectors(ClassNames.category);
|
|
19355
19012
|
function CssSearch(_ref) {
|
|
19356
19013
|
var value = _ref.value;
|
|
19357
|
-
|
|
19358
19014
|
if (!value) {
|
|
19359
19015
|
return null;
|
|
19360
19016
|
}
|
|
19361
|
-
|
|
19362
19017
|
var q = genQuery(value);
|
|
19363
19018
|
return createElement("style", null, "\n " + SCOPE + " " + EMOJI_BUTTON + " {\n display: none;\n }\n\n\n " + SCOPE + " " + q + " {\n display: flex;\n }\n\n " + SCOPE + " " + CATEGORY + ":not(:has(" + q + ")) {\n display: none;\n }\n ");
|
|
19364
19019
|
}
|
|
19365
|
-
|
|
19366
19020
|
function genQuery(value) {
|
|
19367
19021
|
return [EMOJI_BUTTON, '[data-full-name*="', getNormalizedSearchTerm(value), '"]'].join('');
|
|
19368
19022
|
}
|
|
@@ -19370,16 +19024,14 @@ function genQuery(value) {
|
|
|
19370
19024
|
function SearchContainer() {
|
|
19371
19025
|
var searchDisabled = useSearchDisabledConfig();
|
|
19372
19026
|
var isSkinToneInSearch = useIsSkinToneInSearch();
|
|
19373
|
-
|
|
19374
19027
|
if (searchDisabled) {
|
|
19375
19028
|
return null;
|
|
19376
19029
|
}
|
|
19377
|
-
|
|
19378
19030
|
return createElement(Flex, {
|
|
19379
|
-
className: cx(styles$
|
|
19031
|
+
className: cx(styles$7.overlay)
|
|
19380
19032
|
}, createElement(Search, null), isSkinToneInSearch ? createElement(SkinTonePicker, null) : null);
|
|
19381
19033
|
}
|
|
19382
|
-
var styles$
|
|
19034
|
+
var styles$7 = /*#__PURE__*/stylesheet.create({
|
|
19383
19035
|
overlay: {
|
|
19384
19036
|
padding: 'var(--epr-header-padding)',
|
|
19385
19037
|
zIndex: 'var(--epr-header-overlay-z-index)'
|
|
@@ -19387,20 +19039,17 @@ var styles$5 = /*#__PURE__*/stylesheet.create({
|
|
|
19387
19039
|
});
|
|
19388
19040
|
function Search() {
|
|
19389
19041
|
var _useState = useState(0),
|
|
19390
|
-
|
|
19391
|
-
|
|
19392
|
-
|
|
19042
|
+
inc = _useState[0],
|
|
19043
|
+
setInc = _useState[1];
|
|
19393
19044
|
var closeAllOpenToggles = useCloseAllOpenToggles();
|
|
19394
19045
|
var SearchInputRef = useSearchInputRef();
|
|
19395
19046
|
var clearSearch = useClearSearch();
|
|
19396
19047
|
var placeholder = useSearchPlaceHolderConfig();
|
|
19397
19048
|
var autoFocus = useAutoFocusSearchConfig();
|
|
19398
|
-
|
|
19399
19049
|
var _useFilter = useFilter(),
|
|
19400
|
-
|
|
19401
|
-
|
|
19402
|
-
|
|
19403
|
-
|
|
19050
|
+
statusSearchResults = _useFilter.statusSearchResults,
|
|
19051
|
+
searchTerm = _useFilter.searchTerm,
|
|
19052
|
+
_onChange = _useFilter.onChange;
|
|
19404
19053
|
var input = SearchInputRef == null ? void 0 : SearchInputRef.current;
|
|
19405
19054
|
var value = input == null ? void 0 : input.value;
|
|
19406
19055
|
return createElement(Relative, {
|
|
@@ -19420,7 +19069,6 @@ function Search() {
|
|
|
19420
19069
|
setInc(inc + 1);
|
|
19421
19070
|
setTimeout(function () {
|
|
19422
19071
|
var _event$target$value, _event$target;
|
|
19423
|
-
|
|
19424
19072
|
_onChange((_event$target$value = event == null ? void 0 : (_event$target = event.target) == null ? void 0 : _event$target.value) != null ? _event$target$value : value);
|
|
19425
19073
|
});
|
|
19426
19074
|
},
|
|
@@ -19454,7 +19102,6 @@ function getActiveElement() {
|
|
|
19454
19102
|
}
|
|
19455
19103
|
|
|
19456
19104
|
var KeyboardEvents;
|
|
19457
|
-
|
|
19458
19105
|
(function (KeyboardEvents) {
|
|
19459
19106
|
KeyboardEvents["ArrowDown"] = "ArrowDown";
|
|
19460
19107
|
KeyboardEvents["ArrowUp"] = "ArrowUp";
|
|
@@ -19464,7 +19111,6 @@ var KeyboardEvents;
|
|
|
19464
19111
|
KeyboardEvents["Enter"] = "Enter";
|
|
19465
19112
|
KeyboardEvents["Space"] = " ";
|
|
19466
19113
|
})(KeyboardEvents || (KeyboardEvents = {}));
|
|
19467
|
-
|
|
19468
19114
|
function useKeyboardNavigation() {
|
|
19469
19115
|
usePickerMainKeyboardEvents();
|
|
19470
19116
|
useSearchInputKeyboardEvents();
|
|
@@ -19472,7 +19118,6 @@ function useKeyboardNavigation() {
|
|
|
19472
19118
|
useCategoryNavigationKeyboardEvents();
|
|
19473
19119
|
useBodyKeyboardEvents();
|
|
19474
19120
|
}
|
|
19475
|
-
|
|
19476
19121
|
function usePickerMainKeyboardEvents() {
|
|
19477
19122
|
var PickerMainRef = usePickerMainRef();
|
|
19478
19123
|
var clearSearch = useClearSearch();
|
|
@@ -19486,17 +19131,14 @@ function usePickerMainKeyboardEvents() {
|
|
|
19486
19131
|
return function onKeyDown(event) {
|
|
19487
19132
|
var key = event.key;
|
|
19488
19133
|
disallowMouseMove();
|
|
19489
|
-
|
|
19490
19134
|
switch (key) {
|
|
19491
19135
|
// eslint-disable-next-line no-fallthrough
|
|
19492
19136
|
case KeyboardEvents.Escape:
|
|
19493
19137
|
event.preventDefault();
|
|
19494
|
-
|
|
19495
19138
|
if (hasOpenToggles()) {
|
|
19496
19139
|
closeAllOpenToggles();
|
|
19497
19140
|
return;
|
|
19498
19141
|
}
|
|
19499
|
-
|
|
19500
19142
|
clearSearch();
|
|
19501
19143
|
scrollTo(0);
|
|
19502
19144
|
focusSearchInput();
|
|
@@ -19506,49 +19148,40 @@ function usePickerMainKeyboardEvents() {
|
|
|
19506
19148
|
}, [scrollTo, clearSearch, closeAllOpenToggles, focusSearchInput, hasOpenToggles, disallowMouseMove]);
|
|
19507
19149
|
useEffect(function () {
|
|
19508
19150
|
var current = PickerMainRef.current;
|
|
19509
|
-
|
|
19510
19151
|
if (!current) {
|
|
19511
19152
|
return;
|
|
19512
19153
|
}
|
|
19513
|
-
|
|
19514
19154
|
current.addEventListener('keydown', onKeyDown);
|
|
19515
19155
|
return function () {
|
|
19516
19156
|
current.removeEventListener('keydown', onKeyDown);
|
|
19517
19157
|
};
|
|
19518
19158
|
}, [PickerMainRef, SearchInputRef, scrollTo, onKeyDown]);
|
|
19519
19159
|
}
|
|
19520
|
-
|
|
19521
19160
|
function useSearchInputKeyboardEvents() {
|
|
19522
19161
|
var focusSkinTonePicker = useFocusSkinTonePicker();
|
|
19523
19162
|
var PickerMainRef = usePickerMainRef();
|
|
19524
19163
|
var BodyRef = useBodyRef();
|
|
19525
19164
|
var SearchInputRef = useSearchInputRef();
|
|
19526
|
-
|
|
19527
19165
|
var _useSkinToneFanOpenSt = useSkinToneFanOpenState(),
|
|
19528
|
-
|
|
19529
|
-
|
|
19166
|
+
setSkinToneFanOpenState = _useSkinToneFanOpenSt[1];
|
|
19530
19167
|
var goDownFromSearchInput = useGoDownFromSearchInput();
|
|
19531
19168
|
var isSkinToneInSearch = useIsSkinToneInSearch();
|
|
19532
19169
|
var onKeyDown = useMemo(function () {
|
|
19533
19170
|
return function onKeyDown(event) {
|
|
19534
19171
|
var key = event.key;
|
|
19535
|
-
|
|
19536
19172
|
switch (key) {
|
|
19537
19173
|
case KeyboardEvents.ArrowRight:
|
|
19538
19174
|
if (!isSkinToneInSearch) {
|
|
19539
19175
|
return;
|
|
19540
19176
|
}
|
|
19541
|
-
|
|
19542
19177
|
event.preventDefault();
|
|
19543
19178
|
setSkinToneFanOpenState(true);
|
|
19544
19179
|
focusSkinTonePicker();
|
|
19545
19180
|
break;
|
|
19546
|
-
|
|
19547
19181
|
case KeyboardEvents.ArrowDown:
|
|
19548
19182
|
event.preventDefault();
|
|
19549
19183
|
goDownFromSearchInput();
|
|
19550
19184
|
break;
|
|
19551
|
-
|
|
19552
19185
|
case KeyboardEvents.Enter:
|
|
19553
19186
|
event.preventDefault();
|
|
19554
19187
|
focusAndClickFirstVisibleEmoji(BodyRef.current);
|
|
@@ -19558,96 +19191,75 @@ function useSearchInputKeyboardEvents() {
|
|
|
19558
19191
|
}, [focusSkinTonePicker, goDownFromSearchInput, setSkinToneFanOpenState, BodyRef, isSkinToneInSearch]);
|
|
19559
19192
|
useEffect(function () {
|
|
19560
19193
|
var current = SearchInputRef.current;
|
|
19561
|
-
|
|
19562
19194
|
if (!current) {
|
|
19563
19195
|
return;
|
|
19564
19196
|
}
|
|
19565
|
-
|
|
19566
19197
|
current.addEventListener('keydown', onKeyDown);
|
|
19567
19198
|
return function () {
|
|
19568
19199
|
current.removeEventListener('keydown', onKeyDown);
|
|
19569
19200
|
};
|
|
19570
19201
|
}, [PickerMainRef, SearchInputRef, onKeyDown]);
|
|
19571
19202
|
}
|
|
19572
|
-
|
|
19573
19203
|
function useSkinTonePickerKeyboardEvents() {
|
|
19574
19204
|
var SkinTonePickerRef = useSkinTonePickerRef();
|
|
19575
19205
|
var focusSearchInput = useFocusSearchInput();
|
|
19576
19206
|
var SearchInputRef = useSearchInputRef();
|
|
19577
19207
|
var goDownFromSearchInput = useGoDownFromSearchInput();
|
|
19578
|
-
|
|
19579
19208
|
var _useSkinToneFanOpenSt2 = useSkinToneFanOpenState(),
|
|
19580
|
-
|
|
19581
|
-
|
|
19582
|
-
|
|
19209
|
+
isOpen = _useSkinToneFanOpenSt2[0],
|
|
19210
|
+
setIsOpen = _useSkinToneFanOpenSt2[1];
|
|
19583
19211
|
var isSkinToneInPreview = useIsSkinToneInPreview();
|
|
19584
19212
|
var isSkinToneInSearch = useIsSkinToneInSearch();
|
|
19585
19213
|
var onType = useOnType();
|
|
19586
19214
|
var onKeyDown = useMemo(function () {
|
|
19587
|
-
return (
|
|
19215
|
+
return (
|
|
19216
|
+
// eslint-disable-next-line complexity
|
|
19588
19217
|
function onKeyDown(event) {
|
|
19589
19218
|
var key = event.key;
|
|
19590
|
-
|
|
19591
19219
|
if (isSkinToneInSearch) {
|
|
19592
19220
|
switch (key) {
|
|
19593
19221
|
case KeyboardEvents.ArrowLeft:
|
|
19594
19222
|
event.preventDefault();
|
|
19595
|
-
|
|
19596
19223
|
if (!isOpen) {
|
|
19597
19224
|
return focusSearchInput();
|
|
19598
19225
|
}
|
|
19599
|
-
|
|
19600
19226
|
focusNextSkinTone(focusSearchInput);
|
|
19601
19227
|
break;
|
|
19602
|
-
|
|
19603
19228
|
case KeyboardEvents.ArrowRight:
|
|
19604
19229
|
event.preventDefault();
|
|
19605
|
-
|
|
19606
19230
|
if (!isOpen) {
|
|
19607
19231
|
return focusSearchInput();
|
|
19608
19232
|
}
|
|
19609
|
-
|
|
19610
19233
|
focusPrevSkinTone();
|
|
19611
19234
|
break;
|
|
19612
|
-
|
|
19613
19235
|
case KeyboardEvents.ArrowDown:
|
|
19614
19236
|
event.preventDefault();
|
|
19615
|
-
|
|
19616
19237
|
if (isOpen) {
|
|
19617
19238
|
setIsOpen(false);
|
|
19618
19239
|
}
|
|
19619
|
-
|
|
19620
19240
|
goDownFromSearchInput();
|
|
19621
19241
|
break;
|
|
19622
|
-
|
|
19623
19242
|
default:
|
|
19624
19243
|
onType(event);
|
|
19625
19244
|
break;
|
|
19626
19245
|
}
|
|
19627
19246
|
}
|
|
19628
|
-
|
|
19629
19247
|
if (isSkinToneInPreview) {
|
|
19630
19248
|
switch (key) {
|
|
19631
19249
|
case KeyboardEvents.ArrowUp:
|
|
19632
19250
|
event.preventDefault();
|
|
19633
|
-
|
|
19634
19251
|
if (!isOpen) {
|
|
19635
19252
|
return focusSearchInput();
|
|
19636
19253
|
}
|
|
19637
|
-
|
|
19638
19254
|
focusNextSkinTone(focusSearchInput);
|
|
19639
19255
|
break;
|
|
19640
|
-
|
|
19641
19256
|
case KeyboardEvents.ArrowDown:
|
|
19642
19257
|
event.preventDefault();
|
|
19643
|
-
|
|
19644
19258
|
if (!isOpen) {
|
|
19645
19259
|
return focusSearchInput();
|
|
19646
19260
|
}
|
|
19647
|
-
|
|
19648
19261
|
focusPrevSkinTone();
|
|
19649
19262
|
break;
|
|
19650
|
-
|
|
19651
19263
|
default:
|
|
19652
19264
|
onType(event);
|
|
19653
19265
|
break;
|
|
@@ -19658,18 +19270,15 @@ function useSkinTonePickerKeyboardEvents() {
|
|
|
19658
19270
|
}, [isOpen, focusSearchInput, setIsOpen, goDownFromSearchInput, onType, isSkinToneInPreview, isSkinToneInSearch]);
|
|
19659
19271
|
useEffect(function () {
|
|
19660
19272
|
var current = SkinTonePickerRef.current;
|
|
19661
|
-
|
|
19662
19273
|
if (!current) {
|
|
19663
19274
|
return;
|
|
19664
19275
|
}
|
|
19665
|
-
|
|
19666
19276
|
current.addEventListener('keydown', onKeyDown);
|
|
19667
19277
|
return function () {
|
|
19668
19278
|
current.removeEventListener('keydown', onKeyDown);
|
|
19669
19279
|
};
|
|
19670
19280
|
}, [SkinTonePickerRef, SearchInputRef, isOpen, onKeyDown]);
|
|
19671
19281
|
}
|
|
19672
|
-
|
|
19673
19282
|
function useCategoryNavigationKeyboardEvents() {
|
|
19674
19283
|
var focusSearchInput = useFocusSearchInput();
|
|
19675
19284
|
var CategoryNavigationRef = useCategoryNavigationRef();
|
|
@@ -19678,28 +19287,23 @@ function useCategoryNavigationKeyboardEvents() {
|
|
|
19678
19287
|
var onKeyDown = useMemo(function () {
|
|
19679
19288
|
return function onKeyDown(event) {
|
|
19680
19289
|
var key = event.key;
|
|
19681
|
-
|
|
19682
19290
|
switch (key) {
|
|
19683
19291
|
case KeyboardEvents.ArrowUp:
|
|
19684
19292
|
event.preventDefault();
|
|
19685
19293
|
focusSearchInput();
|
|
19686
19294
|
break;
|
|
19687
|
-
|
|
19688
19295
|
case KeyboardEvents.ArrowRight:
|
|
19689
19296
|
event.preventDefault();
|
|
19690
19297
|
focusNextElementSibling(getActiveElement());
|
|
19691
19298
|
break;
|
|
19692
|
-
|
|
19693
19299
|
case KeyboardEvents.ArrowLeft:
|
|
19694
19300
|
event.preventDefault();
|
|
19695
19301
|
focusPrevElementSibling(getActiveElement());
|
|
19696
19302
|
break;
|
|
19697
|
-
|
|
19698
19303
|
case KeyboardEvents.ArrowDown:
|
|
19699
19304
|
event.preventDefault();
|
|
19700
19305
|
focusFirstVisibleEmoji(BodyRef.current);
|
|
19701
19306
|
break;
|
|
19702
|
-
|
|
19703
19307
|
default:
|
|
19704
19308
|
onType(event);
|
|
19705
19309
|
break;
|
|
@@ -19708,18 +19312,15 @@ function useCategoryNavigationKeyboardEvents() {
|
|
|
19708
19312
|
}, [BodyRef, focusSearchInput, onType]);
|
|
19709
19313
|
useEffect(function () {
|
|
19710
19314
|
var current = CategoryNavigationRef.current;
|
|
19711
|
-
|
|
19712
19315
|
if (!current) {
|
|
19713
19316
|
return;
|
|
19714
19317
|
}
|
|
19715
|
-
|
|
19716
19318
|
current.addEventListener('keydown', onKeyDown);
|
|
19717
19319
|
return function () {
|
|
19718
19320
|
current.removeEventListener('keydown', onKeyDown);
|
|
19719
19321
|
};
|
|
19720
19322
|
}, [CategoryNavigationRef, BodyRef, onKeyDown]);
|
|
19721
19323
|
}
|
|
19722
|
-
|
|
19723
19324
|
function useBodyKeyboardEvents() {
|
|
19724
19325
|
var BodyRef = useBodyRef();
|
|
19725
19326
|
var goUpFromBody = useGoUpFromBody();
|
|
@@ -19728,49 +19329,40 @@ function useBodyKeyboardEvents() {
|
|
|
19728
19329
|
var closeAllOpenToggles = useCloseAllOpenToggles();
|
|
19729
19330
|
var onType = useOnType();
|
|
19730
19331
|
var onKeyDown = useMemo(function () {
|
|
19731
|
-
return (
|
|
19332
|
+
return (
|
|
19333
|
+
// eslint-disable-next-line complexity
|
|
19732
19334
|
function onKeyDown(event) {
|
|
19733
19335
|
var key = event.key;
|
|
19734
19336
|
var activeElement = buttonFromTarget(getActiveElement());
|
|
19735
|
-
|
|
19736
19337
|
switch (key) {
|
|
19737
19338
|
case KeyboardEvents.ArrowRight:
|
|
19738
19339
|
event.preventDefault();
|
|
19739
19340
|
focusNextVisibleEmoji(activeElement);
|
|
19740
19341
|
break;
|
|
19741
|
-
|
|
19742
19342
|
case KeyboardEvents.ArrowLeft:
|
|
19743
19343
|
event.preventDefault();
|
|
19744
19344
|
focusPrevVisibleEmoji(activeElement);
|
|
19745
19345
|
break;
|
|
19746
|
-
|
|
19747
19346
|
case KeyboardEvents.ArrowDown:
|
|
19748
19347
|
event.preventDefault();
|
|
19749
|
-
|
|
19750
19348
|
if (hasOpenToggles()) {
|
|
19751
19349
|
closeAllOpenToggles();
|
|
19752
19350
|
break;
|
|
19753
19351
|
}
|
|
19754
|
-
|
|
19755
19352
|
focusVisibleEmojiOneRowDown(activeElement);
|
|
19756
19353
|
break;
|
|
19757
|
-
|
|
19758
19354
|
case KeyboardEvents.ArrowUp:
|
|
19759
19355
|
event.preventDefault();
|
|
19760
|
-
|
|
19761
19356
|
if (hasOpenToggles()) {
|
|
19762
19357
|
closeAllOpenToggles();
|
|
19763
19358
|
break;
|
|
19764
19359
|
}
|
|
19765
|
-
|
|
19766
19360
|
focusVisibleEmojiOneRowUp(activeElement, goUpFromBody);
|
|
19767
19361
|
break;
|
|
19768
|
-
|
|
19769
19362
|
case KeyboardEvents.Space:
|
|
19770
19363
|
event.preventDefault();
|
|
19771
19364
|
setVariationPicker(event.target);
|
|
19772
19365
|
break;
|
|
19773
|
-
|
|
19774
19366
|
default:
|
|
19775
19367
|
onType(event);
|
|
19776
19368
|
break;
|
|
@@ -19780,18 +19372,15 @@ function useBodyKeyboardEvents() {
|
|
|
19780
19372
|
}, [goUpFromBody, onType, setVariationPicker, hasOpenToggles, closeAllOpenToggles]);
|
|
19781
19373
|
useEffect(function () {
|
|
19782
19374
|
var current = BodyRef.current;
|
|
19783
|
-
|
|
19784
19375
|
if (!current) {
|
|
19785
19376
|
return;
|
|
19786
19377
|
}
|
|
19787
|
-
|
|
19788
19378
|
current.addEventListener('keydown', onKeyDown);
|
|
19789
19379
|
return function () {
|
|
19790
19380
|
current.removeEventListener('keydown', onKeyDown);
|
|
19791
19381
|
};
|
|
19792
19382
|
}, [BodyRef, onKeyDown]);
|
|
19793
19383
|
}
|
|
19794
|
-
|
|
19795
19384
|
function useGoDownFromSearchInput() {
|
|
19796
19385
|
var focusCategoryNavigation = useFocusCategoryNavigation();
|
|
19797
19386
|
var isSearchMode = useIsSearchMode();
|
|
@@ -19800,11 +19389,9 @@ function useGoDownFromSearchInput() {
|
|
|
19800
19389
|
if (isSearchMode) {
|
|
19801
19390
|
return focusFirstVisibleEmoji(BodyRef.current);
|
|
19802
19391
|
}
|
|
19803
|
-
|
|
19804
19392
|
return focusCategoryNavigation();
|
|
19805
19393
|
}, [BodyRef, focusCategoryNavigation, isSearchMode]);
|
|
19806
19394
|
}
|
|
19807
|
-
|
|
19808
19395
|
function useGoUpFromBody() {
|
|
19809
19396
|
var focusSearchInput = useFocusSearchInput();
|
|
19810
19397
|
var focusCategoryNavigation = useFocusCategoryNavigation();
|
|
@@ -19813,35 +19400,26 @@ function useGoUpFromBody() {
|
|
|
19813
19400
|
if (isSearchMode) {
|
|
19814
19401
|
return focusSearchInput();
|
|
19815
19402
|
}
|
|
19816
|
-
|
|
19817
19403
|
return focusCategoryNavigation();
|
|
19818
19404
|
}, [focusSearchInput, isSearchMode, focusCategoryNavigation]);
|
|
19819
19405
|
}
|
|
19820
|
-
|
|
19821
19406
|
function focusNextSkinTone(exitLeft) {
|
|
19822
19407
|
var currentSkinTone = getActiveElement();
|
|
19823
|
-
|
|
19824
19408
|
if (!currentSkinTone) {
|
|
19825
19409
|
return;
|
|
19826
19410
|
}
|
|
19827
|
-
|
|
19828
19411
|
if (!hasNextElementSibling(currentSkinTone)) {
|
|
19829
19412
|
exitLeft();
|
|
19830
19413
|
}
|
|
19831
|
-
|
|
19832
19414
|
focusNextElementSibling(currentSkinTone);
|
|
19833
19415
|
}
|
|
19834
|
-
|
|
19835
19416
|
function focusPrevSkinTone() {
|
|
19836
19417
|
var currentSkinTone = getActiveElement();
|
|
19837
|
-
|
|
19838
19418
|
if (!currentSkinTone) {
|
|
19839
19419
|
return;
|
|
19840
19420
|
}
|
|
19841
|
-
|
|
19842
19421
|
focusPrevElementSibling(currentSkinTone);
|
|
19843
19422
|
}
|
|
19844
|
-
|
|
19845
19423
|
function useOnType() {
|
|
19846
19424
|
var appendSearch = useAppendSearch();
|
|
19847
19425
|
var focusSearchInput = useFocusSearchInput();
|
|
@@ -19849,11 +19427,9 @@ function useOnType() {
|
|
|
19849
19427
|
var closeAllOpenToggles = useCloseAllOpenToggles();
|
|
19850
19428
|
return function onType(event) {
|
|
19851
19429
|
var key = event.key;
|
|
19852
|
-
|
|
19853
19430
|
if (hasModifier(event) || searchDisabled) {
|
|
19854
19431
|
return;
|
|
19855
19432
|
}
|
|
19856
|
-
|
|
19857
19433
|
if (key.match(/(^[a-zA-Z0-9]$){1}/)) {
|
|
19858
19434
|
event.preventDefault();
|
|
19859
19435
|
closeAllOpenToggles();
|
|
@@ -19862,11 +19438,10 @@ function useOnType() {
|
|
|
19862
19438
|
}
|
|
19863
19439
|
};
|
|
19864
19440
|
}
|
|
19865
|
-
|
|
19866
19441
|
function hasModifier(event) {
|
|
19867
19442
|
var metaKey = event.metaKey,
|
|
19868
|
-
|
|
19869
|
-
|
|
19443
|
+
ctrlKey = event.ctrlKey,
|
|
19444
|
+
altKey = event.altKey;
|
|
19870
19445
|
return metaKey || ctrlKey || altKey;
|
|
19871
19446
|
}
|
|
19872
19447
|
|
|
@@ -19874,17 +19449,13 @@ function preloadEmoji(getEmojiUrl, emoji, emojiStyle) {
|
|
|
19874
19449
|
if (!emoji) {
|
|
19875
19450
|
return;
|
|
19876
19451
|
}
|
|
19877
|
-
|
|
19878
19452
|
if (emojiStyle === EmojiStyle.NATIVE) {
|
|
19879
19453
|
return;
|
|
19880
19454
|
}
|
|
19881
|
-
|
|
19882
19455
|
var unified = emojiUnified(emoji);
|
|
19883
|
-
|
|
19884
19456
|
if (preloadedEmojs.has(unified)) {
|
|
19885
19457
|
return;
|
|
19886
19458
|
}
|
|
19887
|
-
|
|
19888
19459
|
emojiVariations(emoji).forEach(function (variation) {
|
|
19889
19460
|
var emojiUrl = getEmojiUrl(variation, emojiStyle);
|
|
19890
19461
|
preloadImage(emojiUrl);
|
|
@@ -19892,7 +19463,6 @@ function preloadEmoji(getEmojiUrl, emoji, emojiStyle) {
|
|
|
19892
19463
|
preloadedEmojs.add(unified);
|
|
19893
19464
|
}
|
|
19894
19465
|
var preloadedEmojs = /*#__PURE__*/new Set();
|
|
19895
|
-
|
|
19896
19466
|
function preloadImage(url) {
|
|
19897
19467
|
var image = new Image();
|
|
19898
19468
|
image.src = url;
|
|
@@ -19906,27 +19476,21 @@ function useOnFocus() {
|
|
|
19906
19476
|
if (emojiStyle === EmojiStyle.NATIVE) {
|
|
19907
19477
|
return;
|
|
19908
19478
|
}
|
|
19909
|
-
|
|
19910
19479
|
var bodyRef = BodyRef.current;
|
|
19911
19480
|
bodyRef == null ? void 0 : bodyRef.addEventListener('focusin', onFocus);
|
|
19912
19481
|
return function () {
|
|
19913
19482
|
bodyRef == null ? void 0 : bodyRef.removeEventListener('focusin', onFocus);
|
|
19914
19483
|
};
|
|
19915
|
-
|
|
19916
19484
|
function onFocus(event) {
|
|
19917
19485
|
var button = buttonFromTarget(event.target);
|
|
19918
|
-
|
|
19919
19486
|
if (!button) {
|
|
19920
19487
|
return;
|
|
19921
19488
|
}
|
|
19922
|
-
|
|
19923
19489
|
var _emojiFromElement = emojiFromElement(button),
|
|
19924
|
-
|
|
19925
|
-
|
|
19490
|
+
emoji = _emojiFromElement[0];
|
|
19926
19491
|
if (!emoji) {
|
|
19927
19492
|
return;
|
|
19928
19493
|
}
|
|
19929
|
-
|
|
19930
19494
|
if (emojiHasVariations(emoji)) {
|
|
19931
19495
|
preloadEmoji(getEmojiUrl, emoji, emojiStyle);
|
|
19932
19496
|
}
|
|
@@ -19938,10 +19502,8 @@ function PickerMain(_ref) {
|
|
|
19938
19502
|
var children = _ref.children;
|
|
19939
19503
|
return createElement(PickerContextProvider, null, createElement(PickerRootElement, null, children));
|
|
19940
19504
|
}
|
|
19941
|
-
|
|
19942
19505
|
function PickerRootElement(_ref2) {
|
|
19943
19506
|
var _cx;
|
|
19944
|
-
|
|
19945
19507
|
var children = _ref2.children;
|
|
19946
19508
|
var theme = useThemeConfig();
|
|
19947
19509
|
var searchModeActive = useIsSearchMode();
|
|
@@ -19951,12 +19513,11 @@ function PickerRootElement(_ref2) {
|
|
|
19951
19513
|
useKeyboardNavigation();
|
|
19952
19514
|
useOnFocus();
|
|
19953
19515
|
return createElement("aside", {
|
|
19954
|
-
className: cx(styles$
|
|
19516
|
+
className: cx(styles$8.main, styles$8.baseVariables, theme === Theme.DARK && styles$8.darkTheme, theme === Theme.AUTO && styles$8.autoThemeDark, (_cx = {}, _cx[ClassNames.searchActive] = searchModeActive, _cx), className),
|
|
19955
19517
|
ref: PickerMainRef,
|
|
19956
19518
|
style: style
|
|
19957
19519
|
}, children);
|
|
19958
19520
|
}
|
|
19959
|
-
|
|
19960
19521
|
var DarkTheme = {
|
|
19961
19522
|
'--epr-emoji-variation-picker-bg-color': 'var(--epr-dark-emoji-variation-picker-bg-color)',
|
|
19962
19523
|
'--epr-highlight-color': 'var(--epr-dark-highlight-color)',
|
|
@@ -19972,7 +19533,7 @@ var DarkTheme = {
|
|
|
19972
19533
|
'--epr-category-icon-active-color': 'var(--epr-dark-category-icon-active-color)',
|
|
19973
19534
|
'--epr-skin-tone-picker-menu-color': 'var(--epr-dark-skin-tone-picker-menu-color)'
|
|
19974
19535
|
};
|
|
19975
|
-
var styles$
|
|
19536
|
+
var styles$8 = /*#__PURE__*/stylesheet.create({
|
|
19976
19537
|
main: {
|
|
19977
19538
|
'.': ['epr-main', ClassNames.emojiPicker],
|
|
19978
19539
|
position: 'relative',
|
|
@@ -19998,15 +19559,12 @@ var styles$6 = /*#__PURE__*/stylesheet.create({
|
|
|
19998
19559
|
'--epr-skin-tone-picker-menu-color': '#ffffff95',
|
|
19999
19560
|
'--epr-horizontal-padding': '10px',
|
|
20000
19561
|
'--epr-picker-border-radius': '8px',
|
|
20001
|
-
|
|
20002
19562
|
/* Header */
|
|
20003
19563
|
'--epr-search-border-color': 'var(--epr-highlight-color)',
|
|
20004
19564
|
'--epr-header-padding': '15px var(--epr-horizontal-padding)',
|
|
20005
|
-
|
|
20006
19565
|
/* Skin Tone Picker */
|
|
20007
19566
|
'--epr-active-skin-tone-indicator-border-color': 'var(--epr-highlight-color)',
|
|
20008
19567
|
'--epr-active-skin-hover-color': 'var(--epr-hover-bg-color)',
|
|
20009
|
-
|
|
20010
19568
|
/* Search */
|
|
20011
19569
|
'--epr-search-input-bg-color-active': 'var(--epr-search-input-bg-color)',
|
|
20012
19570
|
'--epr-search-input-padding': '0 30px',
|
|
@@ -20015,30 +19573,24 @@ var styles$6 = /*#__PURE__*/stylesheet.create({
|
|
|
20015
19573
|
'--epr-search-input-text-color': 'var(--epr-text-color)',
|
|
20016
19574
|
'--epr-search-input-placeholder-color': 'var(--epr-text-color)',
|
|
20017
19575
|
'--epr-search-bar-inner-padding': 'var(--epr-horizontal-padding)',
|
|
20018
|
-
|
|
20019
19576
|
/* Category Navigation */
|
|
20020
19577
|
'--epr-category-navigation-button-size': '30px',
|
|
20021
|
-
|
|
20022
19578
|
/* Variation Picker */
|
|
20023
19579
|
'--epr-emoji-variation-picker-height': '45px',
|
|
20024
19580
|
'--epr-emoji-variation-picker-bg-color': 'var(--epr-bg-color)',
|
|
20025
|
-
|
|
20026
19581
|
/* Preview */
|
|
20027
19582
|
'--epr-preview-height': '70px',
|
|
20028
19583
|
'--epr-preview-text-size': '14px',
|
|
20029
19584
|
'--epr-preview-text-padding': '0 var(--epr-horizontal-padding)',
|
|
20030
19585
|
'--epr-preview-border-color': 'var(--epr-picker-border-color)',
|
|
20031
19586
|
'--epr-preview-text-color': 'var(--epr-text-color)',
|
|
20032
|
-
|
|
20033
19587
|
/* Category */
|
|
20034
19588
|
'--epr-category-padding': '0 var(--epr-horizontal-padding)',
|
|
20035
|
-
|
|
20036
19589
|
/* Category Label */
|
|
20037
19590
|
'--epr-category-label-bg-color': '#ffffffe6',
|
|
20038
19591
|
'--epr-category-label-text-color': 'var(--epr-text-color)',
|
|
20039
19592
|
'--epr-category-label-padding': '0 var(--epr-horizontal-padding)',
|
|
20040
19593
|
'--epr-category-label-height': '40px',
|
|
20041
|
-
|
|
20042
19594
|
/* Emoji */
|
|
20043
19595
|
'--epr-emoji-size': '30px',
|
|
20044
19596
|
'--epr-emoji-padding': '5px',
|
|
@@ -20046,14 +19598,12 @@ var styles$6 = /*#__PURE__*/stylesheet.create({
|
|
|
20046
19598
|
'--epr-emoji-hover-color': 'var(--epr-hover-bg-color)',
|
|
20047
19599
|
'--epr-emoji-variation-indicator-color': 'var(--epr-picker-border-color)',
|
|
20048
19600
|
'--epr-emoji-variation-indicator-color-hover': 'var(--epr-text-color)',
|
|
20049
|
-
|
|
20050
19601
|
/* Z-Index */
|
|
20051
19602
|
'--epr-header-overlay-z-index': '3',
|
|
20052
19603
|
'--epr-emoji-variations-indictator-z-index': '1',
|
|
20053
19604
|
'--epr-category-label-z-index': '2',
|
|
20054
19605
|
'--epr-skin-variation-picker-z-index': '5',
|
|
20055
19606
|
'--epr-preview-z-index': '6',
|
|
20056
|
-
|
|
20057
19607
|
/* Dark Theme Variables */
|
|
20058
19608
|
'--epr-dark': '#000',
|
|
20059
19609
|
'--epr-dark-emoji-variation-picker-bg-color': 'var(--epr-dark)',
|
|
@@ -20083,17 +19633,15 @@ var styles$6 = /*#__PURE__*/stylesheet.create({
|
|
|
20083
19633
|
}
|
|
20084
19634
|
});
|
|
20085
19635
|
|
|
20086
|
-
var css_248z$5 = ".EmojiPickerReact:not(.epr-search-active) .epr-visible-on-search-only{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}aside.EmojiPickerReact.epr-main:has(input:not(:-moz-placeholder-shown)) .epr-hidden-on-search{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}aside.EmojiPickerReact.epr-main:has(input:not(:placeholder-shown)) .epr-hidden-on-search{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}aside.EmojiPickerReact.epr-main:has(input:-moz-placeholder-shown) .epr-visible-on-search-only{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}aside.EmojiPickerReact.epr-main:has(input:placeholder-shown) .epr-visible-on-search-only{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.EmojiPickerReact *{box-sizing:border-box;font-family:sans-serif}
|
|
19636
|
+
var css_248z$5 = ".EmojiPickerReact:not(.epr-search-active) .epr-visible-on-search-only{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}aside.EmojiPickerReact.epr-main:has(input:not(:-moz-placeholder-shown)) .epr-hidden-on-search{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}aside.EmojiPickerReact.epr-main:has(input:not(:placeholder-shown)) .epr-hidden-on-search{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}aside.EmojiPickerReact.epr-main:has(input:-moz-placeholder-shown) .epr-visible-on-search-only{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}aside.EmojiPickerReact.epr-main:has(input:placeholder-shown) .epr-visible-on-search-only{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.EmojiPickerReact *{box-sizing:border-box;font-family:sans-serif}";
|
|
20087
19637
|
styleInject(css_248z$5);
|
|
20088
19638
|
|
|
20089
19639
|
function EmojiPicker(props) {
|
|
20090
19640
|
return createElement(ElementRefContextProvider, null, createElement(PickerConfigProvider, Object.assign({}, props), createElement(PickerMain, null, createElement(Header, null), createElement(Body, null), createElement(Preview, null))));
|
|
20091
|
-
}
|
|
20092
|
-
|
|
20093
|
-
|
|
19641
|
+
}
|
|
19642
|
+
// eslint-disable-next-line complexity
|
|
20094
19643
|
var EmojiPickerReact = /*#__PURE__*/memo(EmojiPicker, function (prev, next) {
|
|
20095
19644
|
var _prev$customEmojis, _next$customEmojis;
|
|
20096
|
-
|
|
20097
19645
|
var prevCustomEmojis = (_prev$customEmojis = prev.customEmojis) != null ? _prev$customEmojis : [];
|
|
20098
19646
|
var nextCustomEmojis = (_next$customEmojis = next.customEmojis) != null ? _next$customEmojis : [];
|
|
20099
19647
|
return prev.emojiVersion === next.emojiVersion && prev.searchPlaceHolder === next.searchPlaceHolder && prev.searchPlaceholder === next.searchPlaceholder && prev.defaultSkinTone === next.defaultSkinTone && prev.skinTonesDisabled === next.skinTonesDisabled && prev.autoFocusSearch === next.autoFocusSearch && prev.emojiStyle === next.emojiStyle && prev.theme === next.theme && prev.suggestedEmojisMode === next.suggestedEmojisMode && prev.lazyLoadEmojis === next.lazyLoadEmojis && prev.className === next.className && prev.height === next.height && prev.width === next.width && prev.style === next.style && prev.searchDisabled === next.searchDisabled && prev.skinTonePickerLocation === next.skinTonePickerLocation && prevCustomEmojis.length === nextCustomEmojis.length;
|
|
@@ -20101,56 +19649,46 @@ var EmojiPickerReact = /*#__PURE__*/memo(EmojiPicker, function (prev, next) {
|
|
|
20101
19649
|
|
|
20102
19650
|
var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
|
|
20103
19651
|
_inheritsLoose(ErrorBoundary, _React$Component);
|
|
20104
|
-
|
|
20105
19652
|
function ErrorBoundary(props) {
|
|
20106
19653
|
var _this;
|
|
20107
|
-
|
|
20108
19654
|
_this = _React$Component.call(this, props) || this;
|
|
20109
19655
|
_this.state = {
|
|
20110
19656
|
hasError: false
|
|
20111
19657
|
};
|
|
20112
19658
|
return _this;
|
|
20113
19659
|
}
|
|
20114
|
-
|
|
20115
19660
|
ErrorBoundary.getDerivedStateFromError = function getDerivedStateFromError() {
|
|
20116
19661
|
return {
|
|
20117
19662
|
hasError: true
|
|
20118
19663
|
};
|
|
20119
19664
|
};
|
|
20120
|
-
|
|
20121
19665
|
var _proto = ErrorBoundary.prototype;
|
|
20122
|
-
|
|
20123
19666
|
_proto.componentDidCatch = function componentDidCatch(error, errorInfo) {
|
|
20124
19667
|
// eslint-disable-next-line no-console
|
|
20125
19668
|
console.error('Emoji Picker React failed to render:', error, errorInfo);
|
|
20126
19669
|
};
|
|
20127
|
-
|
|
20128
19670
|
_proto.render = function render() {
|
|
20129
19671
|
if (this.state.hasError) {
|
|
20130
19672
|
return null;
|
|
20131
19673
|
}
|
|
20132
|
-
|
|
20133
19674
|
return this.props.children;
|
|
20134
19675
|
};
|
|
20135
|
-
|
|
20136
19676
|
return ErrorBoundary;
|
|
20137
19677
|
}(Component);
|
|
20138
19678
|
|
|
20139
19679
|
function ExportedEmoji(_ref) {
|
|
20140
19680
|
var unified = _ref.unified,
|
|
20141
|
-
|
|
20142
|
-
|
|
20143
|
-
|
|
20144
|
-
|
|
20145
|
-
|
|
20146
|
-
|
|
20147
|
-
|
|
20148
|
-
|
|
20149
|
-
|
|
19681
|
+
_ref$size = _ref.size,
|
|
19682
|
+
size = _ref$size === void 0 ? 32 : _ref$size,
|
|
19683
|
+
_ref$emojiStyle = _ref.emojiStyle,
|
|
19684
|
+
emojiStyle = _ref$emojiStyle === void 0 ? EmojiStyle.APPLE : _ref$emojiStyle,
|
|
19685
|
+
_ref$lazyLoad = _ref.lazyLoad,
|
|
19686
|
+
lazyLoad = _ref$lazyLoad === void 0 ? false : _ref$lazyLoad,
|
|
19687
|
+
getEmojiUrl = _ref.getEmojiUrl,
|
|
19688
|
+
emojiUrl = _ref.emojiUrl;
|
|
20150
19689
|
if (!unified && !emojiUrl && !getEmojiUrl) {
|
|
20151
19690
|
return null;
|
|
20152
19691
|
}
|
|
20153
|
-
|
|
20154
19692
|
return createElement(ViewOnlyEmoji, {
|
|
20155
19693
|
unified: unified,
|
|
20156
19694
|
size: size,
|