@schwitzerskills/emojipicker 1.0.5 → 1.0.6
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/README.md +394 -296
- package/emoji-data.json +1 -0
- package/emoji-picker.d.ts +196 -0
- package/emoji-picker.js +805 -1627
- package/package.json +7 -5
- package/emoji-picker.esm.js +0 -2
package/emoji-picker.js
CHANGED
|
@@ -1,1755 +1,933 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* EmojiPicker.js
|
|
3
|
-
*
|
|
2
|
+
* EmojiPicker.js v2.0
|
|
3
|
+
* https://github.com/schwitzerskills/emojipicker
|
|
4
|
+
*
|
|
4
5
|
* Usage:
|
|
5
6
|
* const picker = new EmojiPicker({ container: '#btn', theme: 'auto' })
|
|
6
7
|
* picker.on('emojiClick', (emoji) => console.log(emoji.char))
|
|
7
8
|
*
|
|
8
|
-
* Events:
|
|
9
|
-
* Methods: open()
|
|
9
|
+
* Events: emojiClick | emojiHover | pickerOpen | pickerClose | categoryChange | search
|
|
10
|
+
* Methods: open() | close() | toggle() | destroy() | setTheme(t) | setLocale(l)
|
|
11
|
+
* getTopFavorites(n) | clearRecent() | clearFavorites()
|
|
10
12
|
* Static: EmojiPicker.attachToInput(selector, opts)
|
|
13
|
+
* EmojiPicker.preload(opts)
|
|
11
14
|
*/
|
|
12
15
|
|
|
13
|
-
|
|
14
|
-
(function(root, factory) {
|
|
16
|
+
(function (root, factory) {
|
|
15
17
|
if (typeof module !== 'undefined' && module.exports) {
|
|
16
|
-
// CommonJS / Node.js / npm
|
|
17
18
|
module.exports = factory();
|
|
18
19
|
} else if (typeof define === 'function' && define.amd) {
|
|
19
|
-
// AMD (RequireJS)
|
|
20
20
|
define([], factory);
|
|
21
21
|
} else {
|
|
22
|
-
// Browser global
|
|
23
22
|
root.EmojiPicker = factory();
|
|
24
23
|
}
|
|
25
|
-
}(typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : this, function() {
|
|
24
|
+
}(typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : this, function () {
|
|
26
25
|
'use strict';
|
|
27
26
|
|
|
27
|
+
/* ==========================================================================
|
|
28
|
+
i18n — add more locales or override via EmojiPicker.LOCALES['xx'] = {...}
|
|
29
|
+
========================================================================== */
|
|
30
|
+
const LOCALES = {
|
|
31
|
+
en: {
|
|
32
|
+
search: 'Search emoji…', noResults: 'No results for', noRecent: 'No recent emojis yet',
|
|
33
|
+
recent: 'Recently Used', custom: 'Custom', loading: 'Loading…',
|
|
34
|
+
categories: {
|
|
35
|
+
recent: 'Recent', 'Smileys & Emotion': 'Smileys', 'People & Body': 'People',
|
|
36
|
+
'Animals & Nature': 'Nature', 'Food & Drink': 'Food', Activities: 'Activities',
|
|
37
|
+
'Travel & Places': 'Travel', Objects: 'Objects', Symbols: 'Symbols', Flags: 'Flags', custom: 'Custom'
|
|
38
|
+
},
|
|
39
|
+
skinTones: { default: 'Default', light: 'Light', 'medium-light': 'Medium Light', medium: 'Medium', 'medium-dark': 'Medium Dark', dark: 'Dark' }
|
|
40
|
+
},
|
|
41
|
+
de: {
|
|
42
|
+
search: 'Emoji suchen…', noResults: 'Keine Ergebnisse für', noRecent: 'Noch keine Emojis verwendet',
|
|
43
|
+
recent: 'Zuletzt verwendet', custom: 'Eigene', loading: 'Lädt…',
|
|
44
|
+
categories: {
|
|
45
|
+
recent: 'Zuletzt', 'Smileys & Emotion': 'Smileys', 'People & Body': 'Menschen',
|
|
46
|
+
'Animals & Nature': 'Natur', 'Food & Drink': 'Essen', Activities: 'Aktivitäten',
|
|
47
|
+
'Travel & Places': 'Reisen', Objects: 'Objekte', Symbols: 'Symbole', Flags: 'Flaggen', custom: 'Eigene'
|
|
48
|
+
},
|
|
49
|
+
skinTones: { default: 'Standard', light: 'Hell', 'medium-light': 'Mittelhell', medium: 'Mittel', 'medium-dark': 'Mitteldunkel', dark: 'Dunkel' }
|
|
50
|
+
},
|
|
51
|
+
fr: {
|
|
52
|
+
search: 'Rechercher…', noResults: 'Aucun résultat pour', noRecent: 'Aucun emoji récent',
|
|
53
|
+
recent: 'Récents', custom: 'Personnalisé', loading: 'Chargement…',
|
|
54
|
+
categories: {
|
|
55
|
+
recent: 'Récents', 'Smileys & Emotion': 'Smileys', 'People & Body': 'Personnes',
|
|
56
|
+
'Animals & Nature': 'Nature', 'Food & Drink': 'Nourriture', Activities: 'Activités',
|
|
57
|
+
'Travel & Places': 'Voyages', Objects: 'Objets', Symbols: 'Symboles', Flags: 'Drapeaux', custom: 'Personnalisé'
|
|
58
|
+
},
|
|
59
|
+
skinTones: { default: 'Défaut', light: 'Clair', 'medium-light': 'Moyen clair', medium: 'Moyen', 'medium-dark': 'Moyen foncé', dark: 'Foncé' }
|
|
60
|
+
},
|
|
61
|
+
es: {
|
|
62
|
+
search: 'Buscar emoji…', noResults: 'Sin resultados para', noRecent: 'Sin emojis recientes',
|
|
63
|
+
recent: 'Recientes', custom: 'Personalizados', loading: 'Cargando…',
|
|
64
|
+
categories: {
|
|
65
|
+
recent: 'Recientes', 'Smileys & Emotion': 'Emoticonos', 'People & Body': 'Personas',
|
|
66
|
+
'Animals & Nature': 'Naturaleza', 'Food & Drink': 'Comida', Activities: 'Actividades',
|
|
67
|
+
'Travel & Places': 'Viajes', Objects: 'Objetos', Symbols: 'Símbolos', Flags: 'Banderas', custom: 'Personalizados'
|
|
68
|
+
},
|
|
69
|
+
skinTones: { default: 'Predeterminado', light: 'Claro', 'medium-light': 'Medio claro', medium: 'Medio', 'medium-dark': 'Medio oscuro', dark: 'Oscuro' }
|
|
70
|
+
},
|
|
71
|
+
pt: {
|
|
72
|
+
search: 'Pesquisar emoji…', noResults: 'Sem resultados para', noRecent: 'Sem emojis recentes',
|
|
73
|
+
recent: 'Recentes', custom: 'Personalizados', loading: 'Carregando…',
|
|
74
|
+
categories: {
|
|
75
|
+
recent: 'Recentes', 'Smileys & Emotion': 'Sorrisos', 'People & Body': 'Pessoas',
|
|
76
|
+
'Animals & Nature': 'Natureza', 'Food & Drink': 'Comida', Activities: 'Atividades',
|
|
77
|
+
'Travel & Places': 'Viagens', Objects: 'Objetos', Symbols: 'Símbolos', Flags: 'Bandeiras', custom: 'Personalizados'
|
|
78
|
+
},
|
|
79
|
+
skinTones: { default: 'Padrão', light: 'Claro', 'medium-light': 'Médio claro', medium: 'Médio', 'medium-dark': 'Médio escuro', dark: 'Escuro' }
|
|
80
|
+
},
|
|
81
|
+
ja: {
|
|
82
|
+
search: '絵文字を検索…', noResults: '結果なし:', noRecent: '最近使用した絵文字はありません',
|
|
83
|
+
recent: '最近使用', custom: 'カスタム', loading: '読み込み中…',
|
|
84
|
+
categories: {
|
|
85
|
+
recent: '最近', 'Smileys & Emotion': '笑顔', 'People & Body': '人物',
|
|
86
|
+
'Animals & Nature': '自然', 'Food & Drink': '食べ物', Activities: 'アクティビティ',
|
|
87
|
+
'Travel & Places': '旅行', Objects: 'オブジェクト', Symbols: '記号', Flags: '旗', custom: 'カスタム'
|
|
88
|
+
},
|
|
89
|
+
skinTones: { default: 'デフォルト', light: '薄い', 'medium-light': 'やや薄い', medium: '普通', 'medium-dark': 'やや濃い', dark: '濃い' }
|
|
90
|
+
}
|
|
91
|
+
};
|
|
28
92
|
|
|
29
|
-
/*
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
const
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
{
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
{
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
{ char:"🤑", name:"money_mouth_face", kw:["money","rich","cash"] },
|
|
61
|
-
{ char:"🤗", name:"hugging_face", kw:["hug","warm","hug"] },
|
|
62
|
-
{ char:"🤭", name:"face_with_hand_over_mouth", kw:["oops","secret","giggle"] },
|
|
63
|
-
{ char:"🤫", name:"shushing_face", kw:["quiet","secret","shush"] },
|
|
64
|
-
{ char:"🤔", name:"thinking_face", kw:["think","hmm","wondering"] },
|
|
65
|
-
{ char:"🤐", name:"zipper_mouth_face", kw:["secret","zip","quiet"] },
|
|
66
|
-
{ char:"🤨", name:"face_raised_eyebrow", kw:["doubt","skeptical","suspicious"] },
|
|
67
|
-
{ char:"😐", name:"neutral_face", kw:["neutral","meh","blank"] },
|
|
68
|
-
{ char:"😑", name:"expressionless_face", kw:["blank","neutral","meh"] },
|
|
69
|
-
{ char:"😶", name:"face_without_mouth", kw:["silent","quiet","no_mouth"] },
|
|
70
|
-
{ char:"😏", name:"smirking_face", kw:["smirk","smug","flirt"] },
|
|
71
|
-
{ char:"😒", name:"unamused_face", kw:["meh","unimpressed","bored"] },
|
|
72
|
-
{ char:"🙄", name:"face_rolling_eyes", kw:["eyeroll","whatever","bored"] },
|
|
73
|
-
{ char:"😬", name:"grimacing_face", kw:["grimace","awkward","oops"] },
|
|
74
|
-
{ char:"🤥", name:"lying_face", kw:["lie","pinocchio","liar"] },
|
|
75
|
-
{ char:"😌", name:"relieved_face", kw:["relief","calm","peaceful"] },
|
|
76
|
-
{ char:"😔", name:"pensive_face", kw:["sad","pensive","thoughtful"] },
|
|
77
|
-
{ char:"😪", name:"sleepy_face", kw:["sleepy","tired","drool"] },
|
|
78
|
-
{ char:"🤤", name:"drooling_face", kw:["drool","food","delicious"] },
|
|
79
|
-
{ char:"😴", name:"sleeping_face", kw:["sleep","zzz","tired"] },
|
|
80
|
-
{ char:"😷", name:"face_with_medical_mask", kw:["sick","mask","ill","covid"] },
|
|
81
|
-
{ char:"🤒", name:"face_with_thermometer", kw:["sick","ill","fever"] },
|
|
82
|
-
{ char:"🤕", name:"face_with_head_bandage", kw:["hurt","injured","bandage"] },
|
|
83
|
-
{ char:"🤢", name:"nauseated_face", kw:["sick","nausea","gross"] },
|
|
84
|
-
{ char:"🤮", name:"face_vomiting", kw:["vomit","sick","gross","disgusting"] },
|
|
85
|
-
{ char:"🤧", name:"sneezing_face", kw:["sneeze","sick","cold","gesundheit"] },
|
|
86
|
-
{ char:"🥵", name:"hot_face", kw:["hot","heat","fire","sweating"] },
|
|
87
|
-
{ char:"🥶", name:"cold_face", kw:["cold","freezing","ice","brr"] },
|
|
88
|
-
{ char:"🥴", name:"woozy_face", kw:["drunk","dizzy","woozy"] },
|
|
89
|
-
{ char:"😵", name:"dizzy_face", kw:["dizzy","spiral","confused"] },
|
|
90
|
-
{ char:"🤯", name:"exploding_head", kw:["mindblown","wow","explode","shocked"] },
|
|
91
|
-
{ char:"😎", name:"smiling_face_with_sunglasses", kw:["cool","sunglasses","awesome"] },
|
|
92
|
-
{ char:"🥸", name:"disguised_face", kw:["disguise","fake","incognito"] },
|
|
93
|
-
{ char:"🤓", name:"nerd_face", kw:["nerd","glasses","geek"] },
|
|
94
|
-
{ char:"🧐", name:"face_with_monocle", kw:["monocle","fancy","inspect"] },
|
|
95
|
-
{ char:"😕", name:"confused_face", kw:["confused","puzzled","what"] },
|
|
96
|
-
{ char:"😟", name:"worried_face", kw:["worried","concerned","sad"] },
|
|
97
|
-
{ char:"🙁", name:"slightly_frowning_face", kw:["sad","frown","unhappy"] },
|
|
98
|
-
{ char:"😮", name:"face_open_mouth", kw:["surprised","wow","shocked"] },
|
|
99
|
-
{ char:"😯", name:"hushed_face", kw:["surprised","speechless","hushed"] },
|
|
100
|
-
{ char:"😲", name:"astonished_face", kw:["astonished","shocked","wow"] },
|
|
101
|
-
{ char:"😳", name:"flushed_face", kw:["flushed","embarrassed","blush"] },
|
|
102
|
-
{ char:"🥺", name:"pleading_face", kw:["pleading","puppy","eyes","please"] },
|
|
103
|
-
{ char:"😦", name:"frowning_face_open_mouth", kw:["frown","surprised","concern"] },
|
|
104
|
-
{ char:"😧", name:"anguished_face", kw:["anguish","hurt","pain"] },
|
|
105
|
-
{ char:"😨", name:"fearful_face", kw:["fear","scared","fearful"] },
|
|
106
|
-
{ char:"😰", name:"anxious_face_sweat", kw:["anxious","worried","stress"] },
|
|
107
|
-
{ char:"😥", name:"sad_but_relieved_face", kw:["sad","relieved","whew"] },
|
|
108
|
-
{ char:"😢", name:"crying_face", kw:["cry","sad","tears"] },
|
|
109
|
-
{ char:"😭", name:"loudly_crying_face", kw:["crying","sob","tears","sad"] },
|
|
110
|
-
{ char:"😱", name:"face_screaming_in_fear", kw:["scream","scared","horror","munch"] },
|
|
111
|
-
{ char:"😖", name:"confounded_face", kw:["confounded","groan","frustrated"] },
|
|
112
|
-
{ char:"😣", name:"persevering_face", kw:["persevere","struggle","fight"] },
|
|
113
|
-
{ char:"😞", name:"disappointed_face", kw:["disappointed","sad","letdown"] },
|
|
114
|
-
{ char:"😓", name:"downcast_face_sweat", kw:["sweat","hard_work","sigh"] },
|
|
115
|
-
{ char:"😩", name:"weary_face", kw:["weary","tired","frustrated"] },
|
|
116
|
-
{ char:"😫", name:"tired_face", kw:["tired","exhausted","weary"] },
|
|
117
|
-
{ char:"🥱", name:"yawning_face", kw:["yawn","tired","bored"] },
|
|
118
|
-
{ char:"😤", name:"face_with_steam", kw:["triumph","steam","anger","frustrated"] },
|
|
119
|
-
{ char:"😡", name:"pouting_face", kw:["angry","mad","furious","rage"] },
|
|
120
|
-
{ char:"😠", name:"angry_face", kw:["angry","mad","grumpy"] },
|
|
121
|
-
{ char:"🤬", name:"face_symbols_mouth", kw:["cursing","angry","swear"] },
|
|
122
|
-
{ char:"😈", name:"smiling_face_with_horns", kw:["devil","evil","mischief"] },
|
|
123
|
-
{ char:"👿", name:"angry_face_with_horns", kw:["devil","angry","evil"] },
|
|
124
|
-
{ char:"💀", name:"skull", kw:["skull","death","dead","skeleton"] },
|
|
125
|
-
{ char:"☠️", name:"skull_crossbones", kw:["skull","death","poison"] },
|
|
126
|
-
{ char:"💩", name:"pile_of_poo", kw:["poop","crap","shit","poo"] },
|
|
127
|
-
{ char:"🤡", name:"clown_face", kw:["clown","circus","silly"] },
|
|
128
|
-
{ char:"👹", name:"ogre", kw:["monster","ogre","devil"] },
|
|
129
|
-
{ char:"👺", name:"goblin", kw:["goblin","demon","evil"] },
|
|
130
|
-
{ char:"👻", name:"ghost", kw:["ghost","spooky","halloween","boo"] },
|
|
131
|
-
{ char:"👽", name:"alien", kw:["alien","ufo","extraterrestrial"] },
|
|
132
|
-
{ char:"👾", name:"alien_monster", kw:["alien","monster","game","pixel"] },
|
|
133
|
-
{ char:"🤖", name:"robot", kw:["robot","bot","ai","machine"] },
|
|
134
|
-
{ char:"😺", name:"grinning_cat", kw:["cat","smile","happy"] },
|
|
135
|
-
{ char:"😸", name:"grinning_cat_smiling_eyes", kw:["cat","happy","smile"] },
|
|
136
|
-
{ char:"😹", name:"cat_joy", kw:["cat","lol","laugh"] },
|
|
137
|
-
{ char:"😻", name:"smiling_cat_heart_eyes", kw:["cat","love","heart"] },
|
|
138
|
-
{ char:"😼", name:"cat_wry_smile", kw:["cat","smirk"] },
|
|
139
|
-
{ char:"😽", name:"kissing_cat", kw:["cat","kiss"] },
|
|
140
|
-
{ char:"🙀", name:"weary_cat", kw:["cat","shocked","weary"] },
|
|
141
|
-
{ char:"😿", name:"crying_cat", kw:["cat","sad","cry"] },
|
|
142
|
-
{ char:"😾", name:"pouting_cat", kw:["cat","angry","grumpy"] },
|
|
143
|
-
{ char:"💋", name:"kiss_mark", kw:["kiss","lips","love"] },
|
|
144
|
-
{ char:"💌", name:"love_letter", kw:["love","letter","heart","mail"] },
|
|
145
|
-
{ char:"💔", name:"broken_heart", kw:["broken","heart","sad","love"] },
|
|
146
|
-
{ char:"❤️", name:"red_heart", kw:["heart","love","red"] },
|
|
147
|
-
{ char:"🧡", name:"orange_heart", kw:["heart","orange","love"] },
|
|
148
|
-
{ char:"💛", name:"yellow_heart", kw:["heart","yellow","love"] },
|
|
149
|
-
{ char:"💚", name:"green_heart", kw:["heart","green","love","nature"] },
|
|
150
|
-
{ char:"💙", name:"blue_heart", kw:["heart","blue","love"] },
|
|
151
|
-
{ char:"💜", name:"purple_heart", kw:["heart","purple","love"] },
|
|
152
|
-
{ char:"🖤", name:"black_heart", kw:["heart","black","dark"] },
|
|
153
|
-
{ char:"🤍", name:"white_heart", kw:["heart","white","pure"] },
|
|
154
|
-
{ char:"🤎", name:"brown_heart", kw:["heart","brown"] },
|
|
155
|
-
{ char:"💯", name:"hundred_points", kw:["100","perfect","score","hundred"] },
|
|
156
|
-
{ char:"💢", name:"anger_symbol", kw:["anger","mad","comic"] },
|
|
157
|
-
{ char:"💥", name:"collision", kw:["boom","explosion","impact"] },
|
|
158
|
-
{ char:"💫", name:"dizzy", kw:["star","dizzy","spin"] },
|
|
159
|
-
{ char:"💦", name:"sweat_droplets", kw:["sweat","water","drops"] },
|
|
160
|
-
{ char:"💨", name:"dashing_away", kw:["wind","fast","run"] },
|
|
161
|
-
{ char:"🕳️", name:"hole", kw:["hole","dark","empty"] },
|
|
162
|
-
{ char:"💬", name:"speech_balloon", kw:["chat","speech","talk","message"] },
|
|
163
|
-
{ char:"💭", name:"thought_balloon", kw:["thought","think","cloud"] },
|
|
164
|
-
{ char:"🗨️", name:"left_speech_bubble", kw:["speech","chat","dialog"] },
|
|
165
|
-
{ char:"💤", name:"zzz", kw:["sleep","tired","zzz"] }
|
|
166
|
-
],
|
|
167
|
-
"People & Body": [
|
|
168
|
-
{ char:"👋", name:"waving_hand", kw:["wave","hello","hi","bye"], skinnable:true },
|
|
169
|
-
{ char:"🤚", name:"raised_back_of_hand", kw:["hand","raise","stop"], skinnable:true },
|
|
170
|
-
{ char:"🖐️", name:"hand_fingers_splayed", kw:["hand","five","fingers"], skinnable:true },
|
|
171
|
-
{ char:"✋", name:"raised_hand", kw:["hand","stop","high_five"], skinnable:true },
|
|
172
|
-
{ char:"🖖", name:"vulcan_salute", kw:["spock","live_long","prosper","star_trek"], skinnable:true },
|
|
173
|
-
{ char:"👌", name:"ok_hand", kw:["ok","agree","perfect","finger"], skinnable:true },
|
|
174
|
-
{ char:"🤌", name:"pinched_fingers", kw:["italian","gesture","mamma_mia"], skinnable:true },
|
|
175
|
-
{ char:"✌️", name:"victory_hand", kw:["peace","victory","two","scissors"], skinnable:true },
|
|
176
|
-
{ char:"🤞", name:"crossed_fingers", kw:["luck","wish","hope","fingers_crossed"], skinnable:true },
|
|
177
|
-
{ char:"🤟", name:"love_you_gesture", kw:["love","hand","sign","ily"], skinnable:true },
|
|
178
|
-
{ char:"🤘", name:"sign_of_the_horns", kw:["rock","metal","horns","devil"], skinnable:true },
|
|
179
|
-
{ char:"🤙", name:"call_me_hand", kw:["call","phone","hang_loose","shaka"], skinnable:true },
|
|
180
|
-
{ char:"👈", name:"backhand_index_pointing_left", kw:["point","left","this"], skinnable:true },
|
|
181
|
-
{ char:"👉", name:"backhand_index_pointing_right", kw:["point","right","this"], skinnable:true },
|
|
182
|
-
{ char:"👆", name:"backhand_index_pointing_up", kw:["point","up","above"], skinnable:true },
|
|
183
|
-
{ char:"🖕", name:"middle_finger", kw:["middle_finger","rude","flip"], skinnable:true },
|
|
184
|
-
{ char:"👇", name:"backhand_index_pointing_down", kw:["point","down","below"], skinnable:true },
|
|
185
|
-
{ char:"☝️", name:"index_pointing_up", kw:["point","up","one"], skinnable:true },
|
|
186
|
-
{ char:"👍", name:"thumbs_up", kw:["thumbs_up","like","approve","good","yes"], skinnable:true },
|
|
187
|
-
{ char:"👎", name:"thumbs_down", kw:["thumbs_down","dislike","bad","no"], skinnable:true },
|
|
188
|
-
{ char:"✊", name:"raised_fist", kw:["fist","power","fight"], skinnable:true },
|
|
189
|
-
{ char:"👊", name:"oncoming_fist", kw:["fist","punch","fight"], skinnable:true },
|
|
190
|
-
{ char:"🤛", name:"left_facing_fist", kw:["fist","left","bump"], skinnable:true },
|
|
191
|
-
{ char:"🤜", name:"right_facing_fist", kw:["fist","right","bump"], skinnable:true },
|
|
192
|
-
{ char:"👏", name:"clapping_hands", kw:["clap","applause","congrats","bravo"], skinnable:true },
|
|
193
|
-
{ char:"🙌", name:"raising_hands", kw:["celebrate","raise","hallelujah","hooray"], skinnable:true },
|
|
194
|
-
{ char:"👐", name:"open_hands", kw:["open","hug","hands"], skinnable:true },
|
|
195
|
-
{ char:"🤲", name:"palms_up_together", kw:["pray","hands","cup"], skinnable:true },
|
|
196
|
-
{ char:"🤝", name:"handshake", kw:["handshake","deal","agree","partner"] },
|
|
197
|
-
{ char:"🙏", name:"folded_hands", kw:["pray","thanks","please","namaste","hope"], skinnable:true },
|
|
198
|
-
{ char:"✍️", name:"writing_hand", kw:["write","pen","sign"], skinnable:true },
|
|
199
|
-
{ char:"💅", name:"nail_polish", kw:["nails","beauty","polish","manicure"], skinnable:true },
|
|
200
|
-
{ char:"🤳", name:"selfie", kw:["selfie","photo","camera","phone"], skinnable:true },
|
|
201
|
-
{ char:"💪", name:"flexed_biceps", kw:["muscle","strong","flex","workout","bicep"], skinnable:true },
|
|
202
|
-
{ char:"🦾", name:"mechanical_arm", kw:["robot","arm","prosthetic"] },
|
|
203
|
-
{ char:"🦿", name:"mechanical_leg", kw:["robot","leg","prosthetic"] },
|
|
204
|
-
{ char:"🦵", name:"leg", kw:["leg","kick"], skinnable:true },
|
|
205
|
-
{ char:"🦶", name:"foot", kw:["foot","kick","stomp"], skinnable:true },
|
|
206
|
-
{ char:"👂", name:"ear", kw:["ear","listen","hear"], skinnable:true },
|
|
207
|
-
{ char:"🦻", name:"ear_with_hearing_aid", kw:["ear","deaf","hearing"], skinnable:true },
|
|
208
|
-
{ char:"👃", name:"nose", kw:["nose","smell"], skinnable:true },
|
|
209
|
-
{ char:"🧠", name:"brain", kw:["brain","smart","think","mind"] },
|
|
210
|
-
{ char:"🦷", name:"tooth", kw:["tooth","dentist","teeth"] },
|
|
211
|
-
{ char:"🦴", name:"bone", kw:["bone","dog","skeleton"] },
|
|
212
|
-
{ char:"👀", name:"eyes", kw:["eyes","look","see","watch"] },
|
|
213
|
-
{ char:"👁️", name:"eye", kw:["eye","see","look"] },
|
|
214
|
-
{ char:"👅", name:"tongue", kw:["tongue","taste","lick"] },
|
|
215
|
-
{ char:"👄", name:"mouth", kw:["mouth","lips","speak"] },
|
|
216
|
-
{ char:"🫀", name:"anatomical_heart", kw:["heart","organ","health"] },
|
|
217
|
-
{ char:"🫁", name:"lungs", kw:["lungs","breath","organ"] },
|
|
218
|
-
{ char:"👶", name:"baby", kw:["baby","infant","child"], skinnable:true },
|
|
219
|
-
{ char:"🧒", name:"child", kw:["child","kid","young"], skinnable:true },
|
|
220
|
-
{ char:"👦", name:"boy", kw:["boy","kid","male"], skinnable:true },
|
|
221
|
-
{ char:"👧", name:"girl", kw:["girl","kid","female"], skinnable:true },
|
|
222
|
-
{ char:"🧑", name:"person", kw:["person","human","adult"], skinnable:true },
|
|
223
|
-
{ char:"👱", name:"person_blond_hair", kw:["blonde","person","fair"], skinnable:true },
|
|
224
|
-
{ char:"👨", name:"man", kw:["man","male","adult"], skinnable:true },
|
|
225
|
-
{ char:"🧔", name:"person_beard", kw:["beard","man","facial_hair"], skinnable:true },
|
|
226
|
-
{ char:"👩", name:"woman", kw:["woman","female","adult"], skinnable:true },
|
|
227
|
-
{ char:"🧓", name:"older_person", kw:["old","elderly","senior"], skinnable:true },
|
|
228
|
-
{ char:"👴", name:"old_man", kw:["old","man","elderly","grandfather"], skinnable:true },
|
|
229
|
-
{ char:"👵", name:"old_woman", kw:["old","woman","elderly","grandmother"], skinnable:true },
|
|
230
|
-
{ char:"🙍", name:"person_frowning", kw:["frown","unhappy","person"], skinnable:true },
|
|
231
|
-
{ char:"🙎", name:"person_pouting", kw:["pout","unhappy","person"], skinnable:true },
|
|
232
|
-
{ char:"🙅", name:"person_gesturing_no", kw:["no","stop","deny","person"], skinnable:true },
|
|
233
|
-
{ char:"🙆", name:"person_gesturing_ok", kw:["ok","yes","agree","person"], skinnable:true },
|
|
234
|
-
{ char:"💁", name:"person_tipping_hand", kw:["info","tip","sassy","person"], skinnable:true },
|
|
235
|
-
{ char:"🙋", name:"person_raising_hand", kw:["raise","hand","question","volunteer"], skinnable:true },
|
|
236
|
-
{ char:"🧏", name:"deaf_person", kw:["deaf","hearing","sign"], skinnable:true },
|
|
237
|
-
{ char:"🙇", name:"person_bowing", kw:["bow","sorry","humble","thank"], skinnable:true },
|
|
238
|
-
{ char:"🤦", name:"person_facepalming", kw:["facepalm","doh","seriously","smh"], skinnable:true },
|
|
239
|
-
{ char:"🤷", name:"person_shrugging", kw:["shrug","idk","whatever","dunno"], skinnable:true },
|
|
240
|
-
{ char:"💆", name:"person_getting_massage", kw:["massage","relax","spa"], skinnable:true },
|
|
241
|
-
{ char:"💇", name:"person_getting_haircut", kw:["haircut","salon","barber"], skinnable:true },
|
|
242
|
-
{ char:"🚶", name:"person_walking", kw:["walk","person","pedestrian"], skinnable:true },
|
|
243
|
-
{ char:"🧍", name:"person_standing", kw:["stand","person","upright"], skinnable:true },
|
|
244
|
-
{ char:"🧎", name:"person_kneeling", kw:["kneel","down","person"], skinnable:true },
|
|
245
|
-
{ char:"🏃", name:"person_running", kw:["run","jog","sprint","fast"], skinnable:true },
|
|
246
|
-
{ char:"💃", name:"woman_dancing", kw:["dance","woman","flamenco"], skinnable:true },
|
|
247
|
-
{ char:"🕺", name:"man_dancing", kw:["dance","man","disco"], skinnable:true },
|
|
248
|
-
{ char:"🕴️", name:"person_levitating", kw:["levitate","fly","business","ska"], skinnable:true },
|
|
249
|
-
{ char:"🧖", name:"person_in_steamy_room", kw:["sauna","steam","relax","spa"], skinnable:true },
|
|
250
|
-
{ char:"🧘", name:"person_in_lotus_position", kw:["meditation","yoga","lotus","zen"], skinnable:true },
|
|
251
|
-
{ char:"🛀", name:"person_taking_bath", kw:["bath","bathtub","relax","wash"], skinnable:true },
|
|
252
|
-
{ char:"🛌", name:"person_in_bed", kw:["sleep","bed","night","rest"], skinnable:true },
|
|
253
|
-
{ char:"🧑🤝🧑", name:"people_holding_hands", kw:["hold_hands","couple","together","friend"] },
|
|
254
|
-
{ char:"👫", name:"woman_and_man_holding_hands", kw:["couple","hold_hands","love"] },
|
|
255
|
-
{ char:"👬", name:"men_holding_hands", kw:["couple","men","love","gay"] },
|
|
256
|
-
{ char:"👭", name:"women_holding_hands", kw:["couple","women","love","lesbian"] },
|
|
257
|
-
{ char:"💑", name:"couple_with_heart", kw:["couple","love","heart","romance"] },
|
|
258
|
-
{ char:"💏", name:"kiss", kw:["kiss","couple","love","romance"] },
|
|
259
|
-
{ char:"👨👩👦", name:"family_man_woman_boy", kw:["family","parents","child"] },
|
|
260
|
-
{ char:"👨👩👧", name:"family_man_woman_girl", kw:["family","parents","child"] },
|
|
261
|
-
{ char:"👨👩👧👦", name:"family_man_woman_girl_boy", kw:["family","parents","children"] }
|
|
262
|
-
],
|
|
263
|
-
"Animals & Nature": [
|
|
264
|
-
{ char:"🐶", name:"dog_face", kw:["dog","puppy","pet","woof"] },
|
|
265
|
-
{ char:"🐱", name:"cat_face", kw:["cat","kitten","pet","meow"] },
|
|
266
|
-
{ char:"🐭", name:"mouse_face", kw:["mouse","rodent","small"] },
|
|
267
|
-
{ char:"🐹", name:"hamster", kw:["hamster","pet","cute"] },
|
|
268
|
-
{ char:"🐰", name:"rabbit_face", kw:["rabbit","bunny","easter","hop"] },
|
|
269
|
-
{ char:"🦊", name:"fox", kw:["fox","clever","orange"] },
|
|
270
|
-
{ char:"🐻", name:"bear", kw:["bear","teddy","strong"] },
|
|
271
|
-
{ char:"🐼", name:"panda", kw:["panda","china","bamboo","cute"] },
|
|
272
|
-
{ char:"🐻❄️", name:"polar_bear", kw:["polar_bear","white","arctic","snow"] },
|
|
273
|
-
{ char:"🐨", name:"koala", kw:["koala","australia","marsupial","cute"] },
|
|
274
|
-
{ char:"🐯", name:"tiger_face", kw:["tiger","stripe","wild","fierce"] },
|
|
275
|
-
{ char:"🦁", name:"lion", kw:["lion","king","roar","brave"] },
|
|
276
|
-
{ char:"🐮", name:"cow_face", kw:["cow","moo","milk","farm"] },
|
|
277
|
-
{ char:"🐷", name:"pig_face", kw:["pig","oink","farm","bacon"] },
|
|
278
|
-
{ char:"🐸", name:"frog", kw:["frog","toad","leap","green"] },
|
|
279
|
-
{ char:"🐵", name:"monkey_face", kw:["monkey","primate","banana","see"] },
|
|
280
|
-
{ char:"🙈", name:"see_no_evil_monkey", kw:["monkey","see","evil","cover"] },
|
|
281
|
-
{ char:"🙉", name:"hear_no_evil_monkey", kw:["monkey","hear","evil"] },
|
|
282
|
-
{ char:"🙊", name:"speak_no_evil_monkey", kw:["monkey","speak","evil"] },
|
|
283
|
-
{ char:"🐒", name:"monkey", kw:["monkey","primate","animal"] },
|
|
284
|
-
{ char:"🦆", name:"duck", kw:["duck","bird","quack","water"] },
|
|
285
|
-
{ char:"🦅", name:"eagle", kw:["eagle","bird","freedom","fly","majestic"] },
|
|
286
|
-
{ char:"🦉", name:"owl", kw:["owl","wise","night","bird"] },
|
|
287
|
-
{ char:"🦇", name:"bat", kw:["bat","night","vampire","halloween"] },
|
|
288
|
-
{ char:"🐝", name:"honeybee", kw:["bee","honey","sting","flower"] },
|
|
289
|
-
{ char:"🐛", name:"bug", kw:["bug","caterpillar","insect"] },
|
|
290
|
-
{ char:"🦋", name:"butterfly", kw:["butterfly","insect","transform","flower"] },
|
|
291
|
-
{ char:"🐌", name:"snail", kw:["snail","slow","shell","slug"] },
|
|
292
|
-
{ char:"🐞", name:"lady_beetle", kw:["ladybug","beetle","insect","red","lucky"] },
|
|
293
|
-
{ char:"🐜", name:"ant", kw:["ant","insect","colony","work"] },
|
|
294
|
-
{ char:"🐢", name:"turtle", kw:["turtle","slow","sea","shell"] },
|
|
295
|
-
{ char:"🐍", name:"snake", kw:["snake","reptile","slither","hiss"] },
|
|
296
|
-
{ char:"🦖", name:"t_rex", kw:["t_rex","dinosaur","roar","extinct","jurassic"] },
|
|
297
|
-
{ char:"🦕", name:"sauropod", kw:["dinosaur","long_neck","extinct","sauropod"] },
|
|
298
|
-
{ char:"🐊", name:"crocodile", kw:["crocodile","gator","reptile","bite"] },
|
|
299
|
-
{ char:"🐸", name:"frog_face", kw:["frog","green","leap","pond"] },
|
|
300
|
-
{ char:"🐳", name:"spouting_whale", kw:["whale","ocean","big","sea"] },
|
|
301
|
-
{ char:"🐬", name:"dolphin", kw:["dolphin","smart","ocean","flipper"] },
|
|
302
|
-
{ char:"🦈", name:"shark", kw:["shark","ocean","bite","scary","jaws"] },
|
|
303
|
-
{ char:"🐟", name:"fish", kw:["fish","sea","ocean","swim"] },
|
|
304
|
-
{ char:"🐠", name:"tropical_fish", kw:["tropical","fish","colorful","coral"] },
|
|
305
|
-
{ char:"🦞", name:"lobster", kw:["lobster","seafood","red","claws"] },
|
|
306
|
-
{ char:"🦀", name:"crab", kw:["crab","seafood","sideways","claws"] },
|
|
307
|
-
{ char:"🐙", name:"octopus", kw:["octopus","tentacles","ocean","ink"] },
|
|
308
|
-
{ char:"🦑", name:"squid", kw:["squid","tentacles","ocean","ink"] },
|
|
309
|
-
{ char:"🌸", name:"cherry_blossom", kw:["cherry_blossom","japan","spring","flower","pink"] },
|
|
310
|
-
{ char:"🌺", name:"hibiscus", kw:["hibiscus","flower","tropical","hawaii"] },
|
|
311
|
-
{ char:"🌻", name:"sunflower", kw:["sunflower","sun","flower","yellow"] },
|
|
312
|
-
{ char:"🌹", name:"rose", kw:["rose","flower","love","red","romantic"] },
|
|
313
|
-
{ char:"🥀", name:"wilted_flower", kw:["wilted","dead","flower","sad"] },
|
|
314
|
-
{ char:"🌷", name:"tulip", kw:["tulip","flower","spring","pink"] },
|
|
315
|
-
{ char:"🌱", name:"seedling", kw:["seedling","plant","grow","green","nature"] },
|
|
316
|
-
{ char:"🌿", name:"herb", kw:["herb","plant","leaf","nature"] },
|
|
317
|
-
{ char:"☘️", name:"shamrock", kw:["shamrock","ireland","lucky","green","clover"] },
|
|
318
|
-
{ char:"🍀", name:"four_leaf_clover", kw:["clover","lucky","four_leaf","green"] },
|
|
319
|
-
{ char:"🍁", name:"maple_leaf", kw:["maple","leaf","fall","canada","autumn"] },
|
|
320
|
-
{ char:"🍂", name:"fallen_leaf", kw:["leaf","fall","autumn","nature"] },
|
|
321
|
-
{ char:"🍃", name:"leaf_fluttering_in_wind", kw:["leaf","wind","nature","flutter"] },
|
|
322
|
-
{ char:"🌾", name:"sheaf_of_rice", kw:["rice","wheat","grain","farm","autumn"] },
|
|
323
|
-
{ char:"🌵", name:"cactus", kw:["cactus","desert","prickly","plant"] },
|
|
324
|
-
{ char:"🌴", name:"palm_tree", kw:["palm","tropical","beach","coconut"] },
|
|
325
|
-
{ char:"🌳", name:"deciduous_tree", kw:["tree","nature","green","forest"] },
|
|
326
|
-
{ char:"🌲", name:"evergreen_tree", kw:["tree","pine","christmas","forest","green"] },
|
|
327
|
-
{ char:"🌋", name:"volcano", kw:["volcano","eruption","fire","lava","mountain"] },
|
|
328
|
-
{ char:"🌊", name:"water_wave", kw:["wave","ocean","surf","tsunami","sea"] },
|
|
329
|
-
{ char:"🌈", name:"rainbow", kw:["rainbow","colorful","lgbt","rain","sunshine"] },
|
|
330
|
-
{ char:"⭐", name:"star", kw:["star","night","sky","shine"] },
|
|
331
|
-
{ char:"🌟", name:"glowing_star", kw:["star","glow","shine","gold"] },
|
|
332
|
-
{ char:"✨", name:"sparkles", kw:["sparkle","shine","magic","stars","glitter"] },
|
|
333
|
-
{ char:"❄️", name:"snowflake", kw:["snow","cold","winter","ice","flake"] },
|
|
334
|
-
{ char:"🌙", name:"crescent_moon", kw:["moon","night","sleep","crescent"] },
|
|
335
|
-
{ char:"☀️", name:"sun", kw:["sun","sunny","hot","bright","day"] },
|
|
336
|
-
{ char:"⛅", name:"sun_behind_cloud", kw:["cloudy","partly_sunny","weather"] },
|
|
337
|
-
{ char:"🌤️", name:"sun_small_cloud", kw:["mostly_sunny","weather","clear"] },
|
|
338
|
-
{ char:"⛈️", name:"cloud_lightning_rain", kw:["storm","thunder","lightning","rain"] },
|
|
339
|
-
{ char:"🌩️", name:"cloud_with_lightning", kw:["lightning","thunder","storm","electric"] },
|
|
340
|
-
{ char:"🌧️", name:"cloud_with_rain", kw:["rain","cloudy","wet","umbrella"] },
|
|
341
|
-
{ char:"❤️🔥", name:"heart_on_fire", kw:["passion","love","fire","intense"] },
|
|
342
|
-
{ char:"🐕", name:"dog", kw:["dog","pet","bark","woof","good_boy"] },
|
|
343
|
-
{ char:"🐈", name:"cat", kw:["cat","pet","meow","kitty"] },
|
|
344
|
-
{ char:"🐓", name:"rooster", kw:["rooster","farm","morning","cock","bird"] },
|
|
345
|
-
{ char:"🦚", name:"peacock", kw:["peacock","colorful","bird","feathers","proud"] },
|
|
346
|
-
{ char:"🦜", name:"parrot", kw:["parrot","talk","colorful","tropical","bird"] },
|
|
347
|
-
{ char:"🦩", name:"flamingo", kw:["flamingo","pink","bird","elegant","stand"] },
|
|
348
|
-
{ char:"🦢", name:"swan", kw:["swan","elegant","white","lake","bird"] },
|
|
349
|
-
{ char:"🦦", name:"otter", kw:["otter","water","cute","hold","float"] },
|
|
350
|
-
{ char:"🦥", name:"sloth", kw:["sloth","slow","hang","tree","lazy"] },
|
|
351
|
-
{ char:"🦔", name:"hedgehog", kw:["hedgehog","spiky","cute","forest","small"] },
|
|
352
|
-
{ char:"🦘", name:"kangaroo", kw:["kangaroo","australia","hop","pouchy","jump"] },
|
|
353
|
-
{ char:"🦙", name:"llama", kw:["llama","alpaca","spit","fluffy","south_america"] },
|
|
354
|
-
{ char:"🦬", name:"bison", kw:["bison","buffalo","strong","plain","bull"] },
|
|
355
|
-
{ char:"🐃", name:"water_buffalo", kw:["buffalo","water","horns","strong"] },
|
|
356
|
-
{ char:"🐂", name:"ox", kw:["ox","bull","horns","farm","strong"] },
|
|
357
|
-
{ char:"🦏", name:"rhinoceros", kw:["rhino","horn","big","africa","endangered"] },
|
|
358
|
-
{ char:"🦛", name:"hippopotamus", kw:["hippo","river","big","africa","mouth"] },
|
|
359
|
-
{ char:"🐘", name:"elephant", kw:["elephant","trunk","big","africa","memory"] },
|
|
360
|
-
{ char:"🦒", name:"giraffe", kw:["giraffe","tall","neck","africa","spots"] },
|
|
361
|
-
{ char:"🦓", name:"zebra", kw:["zebra","stripes","africa","horse"] },
|
|
362
|
-
{ char:"🦌", name:"deer", kw:["deer","antlers","forest","bambi","gentle"] },
|
|
363
|
-
{ char:"🐎", name:"horse", kw:["horse","gallop","ride","stable","neigh"] },
|
|
364
|
-
{ char:"🐖", name:"pig", kw:["pig","farm","oink","mud","bacon"] },
|
|
365
|
-
{ char:"🐏", name:"ram", kw:["ram","sheep","horns","wool","farm"] },
|
|
366
|
-
{ char:"🐑", name:"ewe", kw:["sheep","wool","farm","baa","lamb"] },
|
|
367
|
-
{ char:"🐐", name:"goat", kw:["goat","horns","mountain","farm","billy"] },
|
|
368
|
-
{ char:"🦙", name:"alpaca", kw:["alpaca","llama","fluffy","peru","herd"] }
|
|
369
|
-
],
|
|
370
|
-
"Food & Drink": [
|
|
371
|
-
{ char:"🍏", name:"green_apple", kw:["apple","green","fruit","healthy"] },
|
|
372
|
-
{ char:"🍎", name:"red_apple", kw:["apple","red","fruit","teacher"] },
|
|
373
|
-
{ char:"🍐", name:"pear", kw:["pear","green","fruit","juicy"] },
|
|
374
|
-
{ char:"🍊", name:"tangerine", kw:["orange","tangerine","fruit","citrus"] },
|
|
375
|
-
{ char:"🍋", name:"lemon", kw:["lemon","sour","citrus","yellow","fruit"] },
|
|
376
|
-
{ char:"🍌", name:"banana", kw:["banana","yellow","fruit","monkey","slip"] },
|
|
377
|
-
{ char:"🍉", name:"watermelon", kw:["watermelon","summer","fruit","green","red"] },
|
|
378
|
-
{ char:"🍇", name:"grapes", kw:["grapes","wine","fruit","purple","cluster"] },
|
|
379
|
-
{ char:"🍓", name:"strawberry", kw:["strawberry","red","fruit","sweet","summer"] },
|
|
380
|
-
{ char:"🫐", name:"blueberries", kw:["blueberry","fruit","blue","antioxidant"] },
|
|
381
|
-
{ char:"🍈", name:"melon", kw:["melon","cantaloupe","fruit","green","sweet"] },
|
|
382
|
-
{ char:"🍒", name:"cherries", kw:["cherry","red","fruit","sweet","pair"] },
|
|
383
|
-
{ char:"🍑", name:"peach", kw:["peach","fruit","soft","fuzzy","butt"] },
|
|
384
|
-
{ char:"🥭", name:"mango", kw:["mango","tropical","fruit","orange","sweet"] },
|
|
385
|
-
{ char:"🍍", name:"pineapple", kw:["pineapple","tropical","fruit","yellow","spiky"] },
|
|
386
|
-
{ char:"🥥", name:"coconut", kw:["coconut","tropical","milk","palm","white"] },
|
|
387
|
-
{ char:"🥝", name:"kiwi_fruit", kw:["kiwi","green","fruit","new_zealand","exotic"] },
|
|
388
|
-
{ char:"🍅", name:"tomato", kw:["tomato","red","fruit","salad","sauce"] },
|
|
389
|
-
{ char:"🫒", name:"olive", kw:["olive","green","mediterranean","oil","tree"] },
|
|
390
|
-
{ char:"🥑", name:"avocado", kw:["avocado","green","toast","guacamole","millennial"] },
|
|
391
|
-
{ char:"🍆", name:"eggplant", kw:["eggplant","purple","vegetable","aubergine"] },
|
|
392
|
-
{ char:"🥔", name:"potato", kw:["potato","starch","vegetable","tuber","fries"] },
|
|
393
|
-
{ char:"🥕", name:"carrot", kw:["carrot","orange","vegetable","rabbit","healthy"] },
|
|
394
|
-
{ char:"🌽", name:"ear_of_corn", kw:["corn","maize","yellow","vegetable","popcorn"] },
|
|
395
|
-
{ char:"🌶️", name:"hot_pepper", kw:["pepper","spicy","hot","chili","red"] },
|
|
396
|
-
{ char:"🫑", name:"bell_pepper", kw:["pepper","vegetable","colorful","capsicum"] },
|
|
397
|
-
{ char:"🥒", name:"cucumber", kw:["cucumber","green","cool","vegetable","fresh"] },
|
|
398
|
-
{ char:"🥬", name:"leafy_green", kw:["lettuce","leafy","green","salad","healthy"] },
|
|
399
|
-
{ char:"🥦", name:"broccoli", kw:["broccoli","green","healthy","tree","vegetable"] },
|
|
400
|
-
{ char:"🧄", name:"garlic", kw:["garlic","smelly","vampire","flavor","Italian"] },
|
|
401
|
-
{ char:"🧅", name:"onion", kw:["onion","cry","flavor","cooking","layer"] },
|
|
402
|
-
{ char:"🍄", name:"mushroom", kw:["mushroom","fungus","mario","forest","magic"] },
|
|
403
|
-
{ char:"🥜", name:"peanuts", kw:["peanut","nut","allergy","butter","snack"] },
|
|
404
|
-
{ char:"🌰", name:"chestnut", kw:["chestnut","nut","autumn","brown","roasted"] },
|
|
405
|
-
{ char:"🍞", name:"bread", kw:["bread","loaf","bakery","toast","wheat"] },
|
|
406
|
-
{ char:"🥐", name:"croissant", kw:["croissant","french","pastry","breakfast","flaky"] },
|
|
407
|
-
{ char:"🥖", name:"baguette_bread", kw:["baguette","french","bread","bakery"] },
|
|
408
|
-
{ char:"🫓", name:"flatbread", kw:["flatbread","pita","naan","bread"] },
|
|
409
|
-
{ char:"🥨", name:"pretzel", kw:["pretzel","twisted","german","snack","salty"] },
|
|
410
|
-
{ char:"🥯", name:"bagel", kw:["bagel","bread","breakfast","round","jewish"] },
|
|
411
|
-
{ char:"🧀", name:"cheese_wedge", kw:["cheese","yellow","dairy","mouse","pizza"] },
|
|
412
|
-
{ char:"🥚", name:"egg", kw:["egg","breakfast","chicken","oval","protein"] },
|
|
413
|
-
{ char:"🍳", name:"cooking", kw:["fried_egg","cooking","breakfast","pan","sunny_side"] },
|
|
414
|
-
{ char:"🥞", name:"pancakes", kw:["pancakes","breakfast","syrup","stack","fluffy"] },
|
|
415
|
-
{ char:"🧇", name:"waffle", kw:["waffle","breakfast","syrup","grid","crispy"] },
|
|
416
|
-
{ char:"🥓", name:"bacon", kw:["bacon","crispy","breakfast","pork","yum"] },
|
|
417
|
-
{ char:"🥩", name:"cut_of_meat", kw:["steak","meat","protein","beefy","dinner"] },
|
|
418
|
-
{ char:"🍗", name:"poultry_leg", kw:["chicken","turkey","leg","fried","dinner"] },
|
|
419
|
-
{ char:"🍖", name:"meat_on_bone", kw:["meat","bone","dinosaur","roasted"] },
|
|
420
|
-
{ char:"🌭", name:"hot_dog", kw:["hotdog","sausage","bun","street_food","summer"] },
|
|
421
|
-
{ char:"🍔", name:"hamburger", kw:["burger","hamburger","fast_food","beef","bun"] },
|
|
422
|
-
{ char:"🍟", name:"french_fries", kw:["fries","potatoes","mcdonalds","salty","yum"] },
|
|
423
|
-
{ char:"🍕", name:"pizza", kw:["pizza","italian","cheese","slice","delivery"] },
|
|
424
|
-
{ char:"🫔", name:"tamale", kw:["tamale","mexican","corn","wrapped","traditional"] },
|
|
425
|
-
{ char:"🌮", name:"taco", kw:["taco","mexican","shell","tuesday","wrap"] },
|
|
426
|
-
{ char:"🌯", name:"burrito", kw:["burrito","wrap","mexican","beans","tortilla"] },
|
|
427
|
-
{ char:"🥙", name:"stuffed_flatbread", kw:["shawarma","pita","flatbread","falafel","wrap"] },
|
|
428
|
-
{ char:"🧆", name:"falafel", kw:["falafel","middle_eastern","vegetarian","chickpea"] },
|
|
429
|
-
{ char:"🥗", name:"green_salad", kw:["salad","healthy","green","lettuce","vegetable"] },
|
|
430
|
-
{ char:"🥘", name:"shallow_pan_of_food", kw:["paella","casserole","rice","dish","stew"] },
|
|
431
|
-
{ char:"🫕", name:"fondue", kw:["fondue","cheese","chocolate","dipping","swiss"] },
|
|
432
|
-
{ char:"🍲", name:"pot_of_food", kw:["stew","soup","pot","hotpot","cook"] },
|
|
433
|
-
{ char:"🍛", name:"curry_rice", kw:["curry","indian","rice","spicy","orange"] },
|
|
434
|
-
{ char:"🍜", name:"steaming_bowl", kw:["ramen","noodles","soup","asian","japan"] },
|
|
435
|
-
{ char:"🍝", name:"spaghetti", kw:["pasta","spaghetti","italian","noodles","tomato"] },
|
|
436
|
-
{ char:"🍠", name:"roasted_sweet_potato", kw:["sweet_potato","roasted","japanese","yam","healthy"] },
|
|
437
|
-
{ char:"🍢", name:"oden", kw:["oden","japanese","skewer","broth","stew"] },
|
|
438
|
-
{ char:"🍣", name:"sushi", kw:["sushi","japanese","fish","rice","raw"] },
|
|
439
|
-
{ char:"🍤", name:"fried_shrimp", kw:["shrimp","fried","seafood","tempura","crispy"] },
|
|
440
|
-
{ char:"🍥", name:"fish_cake_with_swirl", kw:["narutomaki","fish_cake","japanese","swirl"] },
|
|
441
|
-
{ char:"🥮", name:"moon_cake", kw:["mooncake","chinese","festival","moon"] },
|
|
442
|
-
{ char:"🍡", name:"dango", kw:["dango","japanese","sweet","skewer","mochi"] },
|
|
443
|
-
{ char:"🥟", name:"dumpling", kw:["dumpling","gyoza","potsticker","dim_sum","chinese"] },
|
|
444
|
-
{ char:"🥠", name:"fortune_cookie", kw:["fortune","cookie","chinese","prediction","lucky"] },
|
|
445
|
-
{ char:"🍦", name:"soft_ice_cream", kw:["ice_cream","soft","vanilla","swirl","summer"] },
|
|
446
|
-
{ char:"🍧", name:"shaved_ice", kw:["shaved_ice","cool","cold","summer","sweet"] },
|
|
447
|
-
{ char:"🍨", name:"ice_cream", kw:["ice_cream","cold","scoop","bowl","sweet"] },
|
|
448
|
-
{ char:"🍩", name:"doughnut", kw:["donut","doughnut","glazed","round","hole"] },
|
|
449
|
-
{ char:"🍪", name:"cookie", kw:["cookie","chocolate_chip","sweet","bake","yum"] },
|
|
450
|
-
{ char:"🎂", name:"birthday_cake", kw:["birthday","cake","candles","celebrate","party"] },
|
|
451
|
-
{ char:"🍰", name:"shortcake", kw:["cake","slice","strawberry","dessert","sweet"] },
|
|
452
|
-
{ char:"🧁", name:"cupcake", kw:["cupcake","frosting","sweet","bake","party"] },
|
|
453
|
-
{ char:"🥧", name:"pie", kw:["pie","crust","apple","dessert","bake"] },
|
|
454
|
-
{ char:"🍫", name:"chocolate_bar", kw:["chocolate","candy","bar","sweet","cocoa"] },
|
|
455
|
-
{ char:"🍬", name:"candy", kw:["candy","sweet","sugar","lollipop","kids"] },
|
|
456
|
-
{ char:"🍭", name:"lollipop", kw:["lollipop","candy","swirl","sweet","kids"] },
|
|
457
|
-
{ char:"🍮", name:"custard", kw:["custard","flan","pudding","caramel","dessert"] },
|
|
458
|
-
{ char:"🍯", name:"honey_pot", kw:["honey","pot","bee","golden","sweet"] },
|
|
459
|
-
{ char:"☕", name:"hot_beverage", kw:["coffee","tea","hot","beverage","morning"] },
|
|
460
|
-
{ char:"🫖", name:"teapot", kw:["tea","teapot","brew","herbal","cozy"] },
|
|
461
|
-
{ char:"🍵", name:"teacup_without_handle", kw:["tea","green_tea","japanese","cup","cozy"] },
|
|
462
|
-
{ char:"🧃", name:"beverage_box", kw:["juice","box","drink","straw","kids"] },
|
|
463
|
-
{ char:"🥤", name:"cup_with_straw", kw:["drink","soda","straw","cup","fast_food"] },
|
|
464
|
-
{ char:"🧋", name:"bubble_tea", kw:["boba","bubble_tea","taiwan","tapioca","milktea"] },
|
|
465
|
-
{ char:"🍺", name:"beer_mug", kw:["beer","mug","cold","cheers","pub"] },
|
|
466
|
-
{ char:"🍻", name:"clinking_beer_mugs", kw:["beer","cheers","toast","pub","celebrate"] },
|
|
467
|
-
{ char:"🥂", name:"clinking_glasses", kw:["champagne","toast","celebrate","cheers","sparkling"] },
|
|
468
|
-
{ char:"🍷", name:"wine_glass", kw:["wine","red","glass","drink","elegant"] },
|
|
469
|
-
{ char:"🥃", name:"tumbler_glass", kw:["whiskey","bourbon","glass","drink","ice"] },
|
|
470
|
-
{ char:"🍸", name:"cocktail_glass", kw:["cocktail","martini","glass","bar","mix"] },
|
|
471
|
-
{ char:"🍹", name:"tropical_drink", kw:["tropical","cocktail","umbrella","vacation","fun"] },
|
|
472
|
-
{ char:"🧉", name:"mate", kw:["mate","south_american","herbal","gourd","drink"] },
|
|
473
|
-
{ char:"🍾", name:"bottle_with_popping_cork", kw:["champagne","celebrate","cork","pop","party"] },
|
|
474
|
-
{ char:"🧊", name:"ice", kw:["ice","cold","cube","freeze","chill"] }
|
|
475
|
-
],
|
|
476
|
-
"Activities": [
|
|
477
|
-
{ char:"⚽", name:"soccer_ball", kw:["soccer","football","ball","sport","kick"] },
|
|
478
|
-
{ char:"🏀", name:"basketball", kw:["basketball","nba","ball","sport","hoop"] },
|
|
479
|
-
{ char:"🏈", name:"american_football", kw:["football","nfl","sport","touchdown","america"] },
|
|
480
|
-
{ char:"⚾", name:"baseball", kw:["baseball","mlb","sport","pitcher","bat"] },
|
|
481
|
-
{ char:"🥎", name:"softball", kw:["softball","sport","ball","pitch"] },
|
|
482
|
-
{ char:"🏐", name:"volleyball", kw:["volleyball","sport","net","beach","spike"] },
|
|
483
|
-
{ char:"🏉", name:"rugby_football", kw:["rugby","football","sport","oval","tackle"] },
|
|
484
|
-
{ char:"🎾", name:"tennis", kw:["tennis","ball","sport","racket","wimbledon"] },
|
|
485
|
-
{ char:"🏸", name:"badminton", kw:["badminton","shuttlecock","racket","sport"] },
|
|
486
|
-
{ char:"🏒", name:"ice_hockey", kw:["hockey","ice","puck","nhl","sport"] },
|
|
487
|
-
{ char:"🏓", name:"ping_pong", kw:["ping_pong","table_tennis","sport","paddle"] },
|
|
488
|
-
{ char:"🥊", name:"boxing_glove", kw:["boxing","fight","punch","sport","glove"] },
|
|
489
|
-
{ char:"🥋", name:"martial_arts_uniform", kw:["martial_arts","karate","judo","uniform","sport"] },
|
|
490
|
-
{ char:"⛳", name:"flag_in_hole", kw:["golf","hole","sport","course","putt"] },
|
|
491
|
-
{ char:"🏹", name:"bow_and_arrow", kw:["archery","bow","arrow","sport","shoot"] },
|
|
492
|
-
{ char:"🎣", name:"fishing_pole", kw:["fishing","fish","sport","pole","rod"] },
|
|
493
|
-
{ char:"🤿", name:"diving_mask", kw:["diving","snorkel","ocean","mask","underwater"] },
|
|
494
|
-
{ char:"🎽", name:"running_shirt", kw:["running","sport","shirt","race","marathon"] },
|
|
495
|
-
{ char:"🎿", name:"skis", kw:["ski","winter","snow","sport","mountain"] },
|
|
496
|
-
{ char:"🛷", name:"sled", kw:["sled","snow","winter","slide","christmas"] },
|
|
497
|
-
{ char:"🥌", name:"curling_stone", kw:["curling","sport","stone","ice","canada"] },
|
|
498
|
-
{ char:"🎯", name:"direct_hit", kw:["dart","bullseye","target","aim","hit"] },
|
|
499
|
-
{ char:"🪃", name:"boomerang", kw:["boomerang","throw","australia","curved","return"] },
|
|
500
|
-
{ char:"🪁", name:"slingshot", kw:["slingshot","aim","throw","catapult","david"] },
|
|
501
|
-
{ char:"🎱", name:"pool_8_ball", kw:["billiards","pool","8_ball","cue","shot"] },
|
|
502
|
-
{ char:"🔮", name:"crystal_ball", kw:["crystal_ball","fortune","predict","psychic","magic"] },
|
|
503
|
-
{ char:"🎮", name:"video_game", kw:["gaming","controller","play","videogame","console"] },
|
|
504
|
-
{ char:"🕹️", name:"joystick", kw:["joystick","game","arcade","play","control"] },
|
|
505
|
-
{ char:"🎲", name:"game_die", kw:["dice","game","random","d6","roll"] },
|
|
506
|
-
{ char:"♟️", name:"chess_pawn", kw:["chess","pawn","game","strategy","black"] },
|
|
507
|
-
{ char:"🧩", name:"puzzle_piece", kw:["puzzle","jigsaw","piece","solve","fit"] },
|
|
508
|
-
{ char:"🪆", name:"nesting_dolls", kw:["matryoshka","russian","dolls","nest","set"] },
|
|
509
|
-
{ char:"🧸", name:"teddy_bear", kw:["teddy","bear","plush","soft","toy","comfort"] },
|
|
510
|
-
{ char:"🪅", name:"pinata", kw:["pinata","party","birthday","candy","mexican"] },
|
|
511
|
-
{ char:"🎭", name:"performing_arts", kw:["theater","drama","mask","comedy","tragedy"] },
|
|
512
|
-
{ char:"🎨", name:"artist_palette", kw:["art","paint","palette","creative","artist"] },
|
|
513
|
-
{ char:"🖼️", name:"framed_picture", kw:["art","picture","frame","museum","gallery"] },
|
|
514
|
-
{ char:"🎪", name:"circus_tent", kw:["circus","tent","carnival","fair","performance"] },
|
|
515
|
-
{ char:"🎤", name:"microphone", kw:["mic","sing","karaoke","music","performance"] },
|
|
516
|
-
{ char:"🎧", name:"headphone", kw:["headphones","music","audio","listen","bass"] },
|
|
517
|
-
{ char:"🎼", name:"musical_score", kw:["music","score","notes","sheet","compose"] },
|
|
518
|
-
{ char:"🎹", name:"musical_keyboard", kw:["piano","keyboard","music","keys","classical"] },
|
|
519
|
-
{ char:"🪘", name:"long_drum", kw:["drum","percussion","music","beat","rhythm"] },
|
|
520
|
-
{ char:"🥁", name:"drum", kw:["drum","beat","music","percussion","rock"] },
|
|
521
|
-
{ char:"🎷", name:"saxophone", kw:["saxophone","sax","jazz","music","brass"] },
|
|
522
|
-
{ char:"🎺", name:"trumpet", kw:["trumpet","jazz","music","brass","fanfare"] },
|
|
523
|
-
{ char:"🎸", name:"guitar", kw:["guitar","music","rock","string","strum"] },
|
|
524
|
-
{ char:"🪕", name:"banjo", kw:["banjo","country","music","string","folk"] },
|
|
525
|
-
{ char:"🎻", name:"violin", kw:["violin","classical","music","string","bow"] },
|
|
526
|
-
{ char:"🪗", name:"accordion", kw:["accordion","music","folk","squeeze","polka"] },
|
|
527
|
-
{ char:"🎬", name:"clapper_board", kw:["movie","film","action","director","cinema"] },
|
|
528
|
-
{ char:"🎥", name:"movie_camera", kw:["camera","film","movie","recording","cinema"] },
|
|
529
|
-
{ char:"📽️", name:"film_projector", kw:["projector","film","movie","cinema","vintage"] },
|
|
530
|
-
{ char:"🎞️", name:"film_frames", kw:["film","movie","strip","cinema","photo"] },
|
|
531
|
-
{ char:"📺", name:"television", kw:["tv","television","watch","screen","channel"] },
|
|
532
|
-
{ char:"📻", name:"radio", kw:["radio","music","broadcast","listen","vintage"] },
|
|
533
|
-
{ char:"🎙️", name:"studio_microphone", kw:["podcast","mic","record","broadcast","studio"] },
|
|
534
|
-
{ char:"🎚️", name:"level_slider", kw:["slider","level","audio","mix","volume"] },
|
|
535
|
-
{ char:"🎛️", name:"control_knobs", kw:["knobs","dj","audio","control","mix"] },
|
|
536
|
-
{ char:"🎊", name:"confetti_ball", kw:["confetti","party","celebrate","pop","fun"] },
|
|
537
|
-
{ char:"🎉", name:"party_popper", kw:["party","celebrate","tada","confetti","fun"] },
|
|
538
|
-
{ char:"🎈", name:"balloon", kw:["balloon","party","birthday","float","red"] },
|
|
539
|
-
{ char:"🎁", name:"wrapped_gift", kw:["gift","present","birthday","christmas","box"] },
|
|
540
|
-
{ char:"🏆", name:"trophy", kw:["trophy","winner","gold","first","champion"] },
|
|
541
|
-
{ char:"🥇", name:"1st_place_medal", kw:["gold","medal","first","winner","olympic"] },
|
|
542
|
-
{ char:"🥈", name:"2nd_place_medal", kw:["silver","medal","second","olympic"] },
|
|
543
|
-
{ char:"🥉", name:"3rd_place_medal", kw:["bronze","medal","third","olympic"] },
|
|
544
|
-
{ char:"🎖️", name:"military_medal", kw:["medal","military","award","honor","ribbon"] },
|
|
545
|
-
{ char:"🏅", name:"sports_medal", kw:["medal","sport","award","gold","win"] },
|
|
546
|
-
{ char:"🎗️", name:"reminder_ribbon", kw:["ribbon","awareness","cause","reminder"] },
|
|
547
|
-
{ char:"🎟️", name:"admission_tickets", kw:["ticket","event","cinema","show","enter"] },
|
|
548
|
-
{ char:"🎫", name:"ticket", kw:["ticket","event","concert","movie","admit"] }
|
|
549
|
-
],
|
|
550
|
-
"Travel & Places": [
|
|
551
|
-
{ char:"🚗", name:"automobile", kw:["car","drive","road","vehicle","red"] },
|
|
552
|
-
{ char:"🚕", name:"taxi", kw:["taxi","cab","yellow","ride","city"] },
|
|
553
|
-
{ char:"🚙", name:"sport_utility_vehicle", kw:["suv","car","drive","off_road"] },
|
|
554
|
-
{ char:"🚌", name:"bus", kw:["bus","public","transport","city","route"] },
|
|
555
|
-
{ char:"🚎", name:"trolleybus", kw:["trolley","bus","electric","city","transport"] },
|
|
556
|
-
{ char:"🏎️", name:"racing_car", kw:["racing","formula1","car","fast","sport"] },
|
|
557
|
-
{ char:"🚓", name:"police_car", kw:["police","cop","law","blue","sirens"] },
|
|
558
|
-
{ char:"🚑", name:"ambulance", kw:["ambulance","medical","emergency","hospital","health"] },
|
|
559
|
-
{ char:"🚒", name:"fire_engine", kw:["fire","truck","engine","emergency","red"] },
|
|
560
|
-
{ char:"🚐", name:"minibus", kw:["minibus","van","transport","shuttle"] },
|
|
561
|
-
{ char:"🚚", name:"delivery_truck", kw:["delivery","truck","shipping","package","amazon"] },
|
|
562
|
-
{ char:"🚛", name:"articulated_lorry", kw:["lorry","truck","semi","transport","road"] },
|
|
563
|
-
{ char:"🚜", name:"tractor", kw:["tractor","farm","agriculture","rural","field"] },
|
|
564
|
-
{ char:"🦯", name:"white_cane", kw:["cane","blind","accessibility","white"] },
|
|
565
|
-
{ char:"🦽", name:"manual_wheelchair", kw:["wheelchair","disability","accessible","mobility"] },
|
|
566
|
-
{ char:"🦼", name:"motorized_wheelchair", kw:["wheelchair","electric","disability","accessible"] },
|
|
567
|
-
{ char:"🛵", name:"motor_scooter", kw:["scooter","moped","ride","motor","city"] },
|
|
568
|
-
{ char:"🏍️", name:"motorcycle", kw:["motorcycle","bike","ride","fast","biker"] },
|
|
569
|
-
{ char:"🛺", name:"auto_rickshaw", kw:["tuk_tuk","rickshaw","asia","transport","three_wheel"] },
|
|
570
|
-
{ char:"🚲", name:"bicycle", kw:["bike","bicycle","ride","eco","pedal"] },
|
|
571
|
-
{ char:"🛴", name:"kick_scooter", kw:["scooter","kick","electric","ride","lime"] },
|
|
572
|
-
{ char:"🛹", name:"skateboard", kw:["skateboard","skate","trick","sport","cool"] },
|
|
573
|
-
{ char:"🛼", name:"roller_skate", kw:["rollerskate","skate","retro","wheel","fun"] },
|
|
574
|
-
{ char:"🚏", name:"bus_stop", kw:["bus","stop","sign","transport","wait"] },
|
|
575
|
-
{ char:"🛣️", name:"motorway", kw:["highway","motorway","road","drive","travel"] },
|
|
576
|
-
{ char:"🛤️", name:"railway_track", kw:["railway","track","train","railroad"] },
|
|
577
|
-
{ char:"🛞", name:"wheel", kw:["wheel","tire","car","circle","spin"] },
|
|
578
|
-
{ char:"⛽", name:"fuel_pump", kw:["gas","fuel","petrol","station","fill"] },
|
|
579
|
-
{ char:"🚨", name:"police_car_light", kw:["siren","police","emergency","red","blue"] },
|
|
580
|
-
{ char:"🚥", name:"horizontal_traffic_light", kw:["traffic","light","signal","road","stop"] },
|
|
581
|
-
{ char:"🚦", name:"vertical_traffic_light", kw:["traffic","light","green","signal","go"] },
|
|
582
|
-
{ char:"🛑", name:"stop_sign", kw:["stop","sign","red","octagon","road"] },
|
|
583
|
-
{ char:"🚧", name:"construction", kw:["construction","building","caution","road","work"] },
|
|
584
|
-
{ char:"⚓", name:"anchor", kw:["anchor","boat","ship","ocean","dock"] },
|
|
585
|
-
{ char:"🛟", name:"ring_buoy", kw:["life_preserver","ring","buoy","safe","rescue"] },
|
|
586
|
-
{ char:"⛵", name:"sailboat", kw:["sailboat","sail","wind","ocean","boat"] },
|
|
587
|
-
{ char:"🚤", name:"speedboat", kw:["speedboat","boat","fast","water","motor"] },
|
|
588
|
-
{ char:"🛥️", name:"motor_boat", kw:["motorboat","boat","water","travel","cruise"] },
|
|
589
|
-
{ char:"🛳️", name:"passenger_ship", kw:["cruise","ship","ocean","voyage","liner"] },
|
|
590
|
-
{ char:"⛴️", name:"ferry", kw:["ferry","boat","cross","water","transport"] },
|
|
591
|
-
{ char:"🚢", name:"ship", kw:["ship","cruise","ocean","travel","big"] },
|
|
592
|
-
{ char:"✈️", name:"airplane", kw:["plane","airplane","fly","travel","jet"] },
|
|
593
|
-
{ char:"🛩️", name:"small_airplane", kw:["plane","small","private","fly","propeller"] },
|
|
594
|
-
{ char:"🚁", name:"helicopter", kw:["helicopter","fly","rotor","rescue","hover"] },
|
|
595
|
-
{ char:"🛸", name:"flying_saucer", kw:["ufo","alien","space","fly","sci_fi"] },
|
|
596
|
-
{ char:"🚀", name:"rocket", kw:["rocket","space","launch","nasa","star"] },
|
|
597
|
-
{ char:"🛰️", name:"satellite", kw:["satellite","space","orbit","signal","communication"] },
|
|
598
|
-
{ char:"💺", name:"seat", kw:["seat","chair","airplane","sit","reserve"] },
|
|
599
|
-
{ char:"🪂", name:"parachute", kw:["parachute","skydive","jump","fall","military"] },
|
|
600
|
-
{ char:"🏖️", name:"beach_with_umbrella", kw:["beach","vacation","summer","ocean","umbrella"] },
|
|
601
|
-
{ char:"🏝️", name:"desert_island", kw:["island","tropical","deserted","ocean","palm"] },
|
|
602
|
-
{ char:"🏔️", name:"snow_capped_mountain", kw:["mountain","snow","peak","hike","alps"] },
|
|
603
|
-
{ char:"⛰️", name:"mountain", kw:["mountain","peak","hike","cliff","altitude"] },
|
|
604
|
-
{ char:"🗻", name:"mount_fuji", kw:["fuji","japan","mountain","snow","iconic"] },
|
|
605
|
-
{ char:"🏕️", name:"camping", kw:["camping","tent","nature","outdoor","forest"] },
|
|
606
|
-
{ char:"🏜️", name:"desert", kw:["desert","sand","hot","cactus","sahara"] },
|
|
607
|
-
{ char:"🏞️", name:"national_park", kw:["park","nature","lake","forest","scenic"] },
|
|
608
|
-
{ char:"🏟️", name:"stadium", kw:["stadium","sport","crowd","arena","game"] },
|
|
609
|
-
{ char:"🏛️", name:"classical_building", kw:["greek","roman","columns","ancient","architecture"] },
|
|
610
|
-
{ char:"🏗️", name:"building_construction", kw:["construction","building","crane","work","develop"] },
|
|
611
|
-
{ char:"🧱", name:"brick", kw:["brick","wall","build","red","construction"] },
|
|
612
|
-
{ char:"🪟", name:"window", kw:["window","glass","house","view","open"] },
|
|
613
|
-
{ char:"🏠", name:"house", kw:["house","home","building","family","live"] },
|
|
614
|
-
{ char:"🏡", name:"house_with_garden", kw:["house","home","garden","yard","family"] },
|
|
615
|
-
{ char:"🏢", name:"office_building", kw:["office","building","work","business","city"] },
|
|
616
|
-
{ char:"🏣", name:"japanese_post_office", kw:["post_office","japan","mail","building"] },
|
|
617
|
-
{ char:"🏤", name:"post_office", kw:["post_office","mail","building","europe"] },
|
|
618
|
-
{ char:"🏥", name:"hospital", kw:["hospital","medical","health","emergency","cross"] },
|
|
619
|
-
{ char:"🏦", name:"bank", kw:["bank","money","finance","building","vault"] },
|
|
620
|
-
{ char:"🏨", name:"hotel", kw:["hotel","travel","stay","room","bell"] },
|
|
621
|
-
{ char:"🏪", name:"convenience_store", kw:["store","shop","convenience","7_eleven","retail"] },
|
|
622
|
-
{ char:"🏫", name:"school", kw:["school","education","learn","building","student"] },
|
|
623
|
-
{ char:"🏬", name:"department_store", kw:["department_store","shopping","retail","mall"] },
|
|
624
|
-
{ char:"🏭", name:"factory", kw:["factory","industrial","production","work","chimney"] },
|
|
625
|
-
{ char:"🏯", name:"japanese_castle", kw:["castle","japan","historic","pagoda","fortress"] },
|
|
626
|
-
{ char:"🏰", name:"european_castle", kw:["castle","medieval","europe","princess","tower"] },
|
|
627
|
-
{ char:"💒", name:"wedding", kw:["wedding","church","marry","chapel","love"] },
|
|
628
|
-
{ char:"🗼", name:"tokyo_tower", kw:["tokyo","tower","japan","landmark","red"] },
|
|
629
|
-
{ char:"🗽", name:"statue_of_liberty", kw:["liberty","usa","statue","new_york","freedom"] },
|
|
630
|
-
{ char:"⛪", name:"church", kw:["church","pray","cross","christian","worship"] },
|
|
631
|
-
{ char:"🕌", name:"mosque", kw:["mosque","islam","pray","minaret","crescent"] },
|
|
632
|
-
{ char:"🛕", name:"hindu_temple", kw:["temple","hindu","pray","worship","india"] },
|
|
633
|
-
{ char:"🕍", name:"synagogue", kw:["synagogue","jewish","pray","star_of_david"] },
|
|
634
|
-
{ char:"⛩️", name:"shinto_shrine", kw:["shrine","japan","torii","gate","shinto"] },
|
|
635
|
-
{ char:"🕋", name:"kaaba", kw:["kaaba","mecca","islam","holy","haj"] },
|
|
636
|
-
{ char:"⛲", name:"fountain", kw:["fountain","water","park","statue","city"] },
|
|
637
|
-
{ char:"⛺", name:"tent", kw:["tent","camping","outdoor","nature","sleep"] },
|
|
638
|
-
{ char:"🌁", name:"foggy", kw:["fog","foggy","city","morning","bridge"] },
|
|
639
|
-
{ char:"🌃", name:"night_with_stars", kw:["night","stars","city","dark","sky"] },
|
|
640
|
-
{ char:"🏙️", name:"cityscape", kw:["city","skyline","buildings","urban","night"] },
|
|
641
|
-
{ char:"🌄", name:"sunrise_over_mountains", kw:["sunrise","mountain","morning","dawn","sky"] },
|
|
642
|
-
{ char:"🌅", name:"sunrise", kw:["sunrise","morning","sky","orange","sea"] },
|
|
643
|
-
{ char:"🌆", name:"cityscape_at_dusk", kw:["dusk","city","sunset","evening","buildings"] },
|
|
644
|
-
{ char:"🌇", name:"sunset", kw:["sunset","city","evening","sky","golden"] },
|
|
645
|
-
{ char:"🌉", name:"bridge_at_night", kw:["bridge","night","city","golden_gate","lights"] },
|
|
646
|
-
{ char:"🌌", name:"milky_way", kw:["milky_way","galaxy","space","stars","night"] },
|
|
647
|
-
{ char:"🌠", name:"shooting_star", kw:["shooting_star","wish","meteor","night","sky"] },
|
|
648
|
-
{ char:"🎇", name:"sparkler", kw:["fireworks","sparkler","new_year","celebrate","light"] },
|
|
649
|
-
{ char:"🎆", name:"fireworks", kw:["fireworks","celebrate","explosion","new_year","colorful"] }
|
|
650
|
-
],
|
|
651
|
-
"Objects": [
|
|
652
|
-
{ char:"⌚", name:"watch", kw:["watch","time","clock","wrist","tick"] },
|
|
653
|
-
{ char:"📱", name:"mobile_phone", kw:["phone","mobile","smartphone","iphone","android"] },
|
|
654
|
-
{ char:"📲", name:"mobile_phone_with_arrow", kw:["phone","call","download","mobile","receive"] },
|
|
655
|
-
{ char:"💻", name:"laptop", kw:["laptop","computer","coding","work","screen"] },
|
|
656
|
-
{ char:"⌨️", name:"keyboard", kw:["keyboard","type","computer","input"] },
|
|
657
|
-
{ char:"🖥️", name:"desktop_computer", kw:["desktop","computer","monitor","screen","work"] },
|
|
658
|
-
{ char:"🖨️", name:"printer", kw:["printer","print","paper","office","document"] },
|
|
659
|
-
{ char:"🖱️", name:"computer_mouse", kw:["mouse","cursor","click","computer","input"] },
|
|
660
|
-
{ char:"🖲️", name:"trackball", kw:["trackball","mouse","cursor","input","computer"] },
|
|
661
|
-
{ char:"💽", name:"computer_disk", kw:["disk","floppy","storage","computer","data"] },
|
|
662
|
-
{ char:"💾", name:"floppy_disk", kw:["floppy","save","disk","data","retro"] },
|
|
663
|
-
{ char:"💿", name:"optical_disk", kw:["cd","dvd","disk","music","data"] },
|
|
664
|
-
{ char:"📀", name:"dvd", kw:["dvd","disk","movie","data","video"] },
|
|
665
|
-
{ char:"🧮", name:"abacus", kw:["abacus","math","count","calculate","beads"] },
|
|
666
|
-
{ char:"📷", name:"camera", kw:["camera","photo","picture","snap","instagram"] },
|
|
667
|
-
{ char:"📸", name:"camera_with_flash", kw:["camera","photo","flash","snap","picture"] },
|
|
668
|
-
{ char:"📹", name:"video_camera", kw:["video","camera","record","film","movie"] },
|
|
669
|
-
{ char:"📼", name:"videocassette", kw:["vhs","tape","retro","record","video"] },
|
|
670
|
-
{ char:"🔍", name:"magnifying_glass_tilted_left", kw:["search","magnify","find","zoom","look"] },
|
|
671
|
-
{ char:"🔎", name:"magnifying_glass_tilted_right", kw:["search","magnify","find","zoom","look"] },
|
|
672
|
-
{ char:"🕯️", name:"candle", kw:["candle","light","flame","romance","birthday"] },
|
|
673
|
-
{ char:"💡", name:"light_bulb", kw:["bulb","idea","light","bright","innovation"] },
|
|
674
|
-
{ char:"🔦", name:"flashlight", kw:["flashlight","torch","light","beam","dark"] },
|
|
675
|
-
{ char:"🏮", name:"red_paper_lantern", kw:["lantern","paper","red","chinese","light"] },
|
|
676
|
-
{ char:"🪔", name:"diya_lamp", kw:["diya","lamp","diwali","flame","india"] },
|
|
677
|
-
{ char:"📚", name:"books", kw:["books","library","read","study","knowledge"] },
|
|
678
|
-
{ char:"📖", name:"open_book", kw:["book","read","open","study","library"] },
|
|
679
|
-
{ char:"📝", name:"memo", kw:["memo","note","write","pencil","list"] },
|
|
680
|
-
{ char:"📄", name:"page_facing_up", kw:["document","page","paper","file","text"] },
|
|
681
|
-
{ char:"📃", name:"page_with_curl", kw:["document","curl","paper","note","list"] },
|
|
682
|
-
{ char:"📑", name:"bookmark_tabs", kw:["tabs","bookmark","document","organize"] },
|
|
683
|
-
{ char:"📊", name:"bar_chart", kw:["chart","graph","data","stats","bar"] },
|
|
684
|
-
{ char:"📈", name:"chart_increasing", kw:["chart","growth","stock","up","trend"] },
|
|
685
|
-
{ char:"📉", name:"chart_decreasing", kw:["chart","decline","down","stock","trend"] },
|
|
686
|
-
{ char:"🗒️", name:"spiral_notepad", kw:["notepad","spiral","note","write","list"] },
|
|
687
|
-
{ char:"🗓️", name:"spiral_calendar", kw:["calendar","date","schedule","plan","month"] },
|
|
688
|
-
{ char:"📅", name:"calendar", kw:["calendar","date","month","schedule","event"] },
|
|
689
|
-
{ char:"📆", name:"tear_off_calendar", kw:["calendar","tear","date","day","month"] },
|
|
690
|
-
{ char:"🗑️", name:"wastebasket", kw:["trash","delete","bin","garbage","recycle"] },
|
|
691
|
-
{ char:"📁", name:"file_folder", kw:["folder","file","organize","directory"] },
|
|
692
|
-
{ char:"📂", name:"open_file_folder", kw:["folder","file","open","organize"] },
|
|
693
|
-
{ char:"🗂️", name:"card_index_dividers", kw:["dividers","organize","cards","file","tabs"] },
|
|
694
|
-
{ char:"🗃️", name:"card_file_box", kw:["file","box","organize","archive","cards"] },
|
|
695
|
-
{ char:"🗄️", name:"file_cabinet", kw:["cabinet","file","drawer","office","organize"] },
|
|
696
|
-
{ char:"📦", name:"package", kw:["box","package","shipping","parcel","gift"] },
|
|
697
|
-
{ char:"📫", name:"closed_mailbox_raised_flag", kw:["mailbox","mail","letter","flag","post"] },
|
|
698
|
-
{ char:"📬", name:"open_mailbox_raised_flag", kw:["mailbox","mail","open","letter","post"] },
|
|
699
|
-
{ char:"📮", name:"postbox", kw:["postbox","mail","post","red","letter"] },
|
|
700
|
-
{ char:"🗳️", name:"ballot_box_with_ballot", kw:["vote","ballot","election","democracy","box"] },
|
|
701
|
-
{ char:"✏️", name:"pencil", kw:["pencil","write","draw","edit","sketch"] },
|
|
702
|
-
{ char:"✒️", name:"black_nib", kw:["pen","nib","write","ink","calligraphy"] },
|
|
703
|
-
{ char:"🖋️", name:"fountain_pen", kw:["pen","fountain","write","ink","elegant"] },
|
|
704
|
-
{ char:"🖊️", name:"pen", kw:["pen","write","ballpoint","sign","ink"] },
|
|
705
|
-
{ char:"🖌️", name:"paintbrush", kw:["brush","paint","art","stroke","artist"] },
|
|
706
|
-
{ char:"🖍️", name:"crayon", kw:["crayon","color","draw","kids","art"] },
|
|
707
|
-
{ char:"📌", name:"pushpin", kw:["pushpin","pin","red","map","stuck"] },
|
|
708
|
-
{ char:"📍", name:"round_pushpin", kw:["pin","pushpin","location","map","marked"] },
|
|
709
|
-
{ char:"📎", name:"paperclip", kw:["paperclip","attach","clip","document"] },
|
|
710
|
-
{ char:"🖇️", name:"linked_paperclips", kw:["paperclip","linked","attach","chain","connect"] },
|
|
711
|
-
{ char:"📏", name:"straight_ruler", kw:["ruler","measure","line","straight","draw"] },
|
|
712
|
-
{ char:"📐", name:"triangular_ruler", kw:["ruler","triangle","measure","drawing","angle"] },
|
|
713
|
-
{ char:"✂️", name:"scissors", kw:["scissors","cut","snip","craft","school"] },
|
|
714
|
-
{ char:"🗃️", name:"card_index", kw:["card","index","catalog","organize","file"] },
|
|
715
|
-
{ char:"🔒", name:"locked", kw:["lock","secure","private","password","closed"] },
|
|
716
|
-
{ char:"🔓", name:"unlocked", kw:["unlock","open","secure","key","free"] },
|
|
717
|
-
{ char:"🔏", name:"locked_with_pen", kw:["lock","pen","edit","sign","private"] },
|
|
718
|
-
{ char:"🔐", name:"locked_with_key", kw:["lock","key","secure","password","safety"] },
|
|
719
|
-
{ char:"🔑", name:"key", kw:["key","lock","open","access","security"] },
|
|
720
|
-
{ char:"🗝️", name:"old_key", kw:["key","old","vintage","antique","lock"] },
|
|
721
|
-
{ char:"🔨", name:"hammer", kw:["hammer","tool","build","fix","nail"] },
|
|
722
|
-
{ char:"🪓", name:"axe", kw:["axe","chop","wood","cut","viking"] },
|
|
723
|
-
{ char:"⛏️", name:"pick", kw:["pick","mine","dig","tool","minecraft"] },
|
|
724
|
-
{ char:"⚒️", name:"hammer_and_pick", kw:["tools","hammer","pick","work","craft"] },
|
|
725
|
-
{ char:"🛠️", name:"hammer_and_wrench", kw:["tools","fix","build","repair","maintenance"] },
|
|
726
|
-
{ char:"🗡️", name:"dagger", kw:["dagger","blade","weapon","stab","knife"] },
|
|
727
|
-
{ char:"⚔️", name:"crossed_swords", kw:["swords","fight","battle","war","crossed"] },
|
|
728
|
-
{ char:"🛡️", name:"shield", kw:["shield","protect","defense","armor","block"] },
|
|
729
|
-
{ char:"🔧", name:"wrench", kw:["wrench","tool","fix","repair","plumber"] },
|
|
730
|
-
{ char:"🪛", name:"screwdriver", kw:["screwdriver","tool","fix","repair","assemble"] },
|
|
731
|
-
{ char:"🔩", name:"nut_and_bolt", kw:["bolt","nut","screw","tool","fix"] },
|
|
732
|
-
{ char:"⚙️", name:"gear", kw:["gear","settings","cog","machine","mechanic"] },
|
|
733
|
-
{ char:"🗜️", name:"clamp", kw:["clamp","tool","grip","hold","press"] },
|
|
734
|
-
{ char:"⚖️", name:"balance_scale", kw:["scale","balance","justice","law","fair"] },
|
|
735
|
-
{ char:"🦯", name:"probing_cane", kw:["cane","blind","navigate","probe","accessibility"] },
|
|
736
|
-
{ char:"🔗", name:"link", kw:["link","chain","connect","url","hyperlink"] },
|
|
737
|
-
{ char:"⛓️", name:"chains", kw:["chains","link","connect","prisoner","strong"] },
|
|
738
|
-
{ char:"🪝", name:"hook", kw:["hook","fishing","hang","catch","curved"] },
|
|
739
|
-
{ char:"🧲", name:"magnet", kw:["magnet","attract","magnetic","pull","horseshoe"] },
|
|
740
|
-
{ char:"🪜", name:"ladder", kw:["ladder","climb","step","rung","rise"] },
|
|
741
|
-
{ char:"🧰", name:"toolbox", kw:["toolbox","tools","repair","fix","maintain"] },
|
|
742
|
-
{ char:"🧲", name:"horseshoe_magnet", kw:["magnet","attract","stick","pull","iron"] },
|
|
743
|
-
{ char:"💊", name:"pill", kw:["pill","medicine","tablet","drug","health"] },
|
|
744
|
-
{ char:"💉", name:"syringe", kw:["syringe","inject","medical","vaccine","blood"] },
|
|
745
|
-
{ char:"🩺", name:"stethoscope", kw:["stethoscope","doctor","medical","heart","listen"] },
|
|
746
|
-
{ char:"🩻", name:"x_ray", kw:["x_ray","scan","medical","bone","skeleton"] },
|
|
747
|
-
{ char:"🧬", name:"dna", kw:["dna","genetics","science","biology","helix"] },
|
|
748
|
-
{ char:"🔬", name:"microscope", kw:["microscope","science","biology","lab","research"] },
|
|
749
|
-
{ char:"🔭", name:"telescope", kw:["telescope","space","astronomy","star","observe"] },
|
|
750
|
-
{ char:"🌡️", name:"thermometer", kw:["thermometer","temperature","heat","cold","fever"] },
|
|
751
|
-
{ char:"🪣", name:"bucket", kw:["bucket","water","carry","mop","clean"] },
|
|
752
|
-
{ char:"🧴", name:"lotion_bottle", kw:["lotion","bottle","cream","skin","moisturizer"] },
|
|
753
|
-
{ char:"🧷", name:"safety_pin", kw:["safety_pin","pin","secure","sewing","sharp"] },
|
|
754
|
-
{ char:"🧹", name:"broom", kw:["broom","sweep","clean","witch","fly"] },
|
|
755
|
-
{ char:"🧺", name:"basket", kw:["basket","laundry","storage","weave","carry"] },
|
|
756
|
-
{ char:"🧻", name:"roll_of_paper", kw:["toilet_paper","tissue","roll","paper","wipe"] },
|
|
757
|
-
{ char:"🪣", name:"plunger", kw:["plunger","toilet","clog","plumber","fix"] },
|
|
758
|
-
{ char:"🪠", name:"plunger_v2", kw:["plunger","drain","fix","toilet","clog"] },
|
|
759
|
-
{ char:"🧹", name:"cleaning_broom", kw:["broom","clean","sweep","dust","witch"] },
|
|
760
|
-
{ char:"🚿", name:"shower", kw:["shower","clean","bath","water","refresh"] },
|
|
761
|
-
{ char:"🛁", name:"bathtub", kw:["bathtub","bath","relax","soak","clean"] },
|
|
762
|
-
{ char:"🛒", name:"shopping_cart", kw:["cart","shopping","grocery","buy","wheel"] },
|
|
763
|
-
{ char:"🚪", name:"door", kw:["door","open","close","enter","knock"] },
|
|
764
|
-
{ char:"🪑", name:"chair", kw:["chair","sit","furniture","seat","stool"] },
|
|
765
|
-
{ char:"🪞", name:"mirror", kw:["mirror","reflect","look","beauty","vanity"] },
|
|
766
|
-
{ char:"🛋️", name:"couch_and_lamp", kw:["couch","sofa","lamp","living_room","relax"] },
|
|
767
|
-
{ char:"🛏️", name:"bed", kw:["bed","sleep","night","rest","furniture"] },
|
|
768
|
-
{ char:"🧸", name:"plush_teddy", kw:["teddy","plush","toy","soft","bear"] },
|
|
769
|
-
{ char:"📿", name:"prayer_beads", kw:["beads","prayer","rosary","meditation","religion"] },
|
|
770
|
-
{ char:"💎", name:"gem_stone", kw:["diamond","gem","ruby","jewel","precious"] },
|
|
771
|
-
{ char:"👑", name:"crown", kw:["crown","king","queen","royal","winner"] },
|
|
772
|
-
{ char:"💍", name:"ring", kw:["ring","marriage","proposal","engagement","diamond"] },
|
|
773
|
-
{ char:"👛", name:"purse", kw:["purse","bag","money","fashion","wallet"] },
|
|
774
|
-
{ char:"👜", name:"handbag", kw:["handbag","bag","fashion","purse","accessories"] },
|
|
775
|
-
{ char:"💼", name:"briefcase", kw:["briefcase","work","business","office","bag"] },
|
|
776
|
-
{ char:"🎒", name:"backpack", kw:["backpack","school","travel","bag","hike"] },
|
|
777
|
-
{ char:"👓", name:"glasses", kw:["glasses","eyeglasses","see","vision","nerd"] },
|
|
778
|
-
{ char:"🕶️", name:"sunglasses", kw:["sunglasses","cool","sun","shade","celebrity"] },
|
|
779
|
-
{ char:"🥽", name:"goggles", kw:["goggles","eye","protect","dive","ski"] },
|
|
780
|
-
{ char:"🌂", name:"closed_umbrella", kw:["umbrella","rain","closed","weather"] },
|
|
781
|
-
{ char:"☂️", name:"umbrella", kw:["umbrella","rain","open","wet","cover"] },
|
|
782
|
-
{ char:"🎃", name:"jack_o_lantern", kw:["pumpkin","halloween","spooky","october","carve"] },
|
|
783
|
-
{ char:"🎄", name:"christmas_tree", kw:["christmas","tree","holiday","xmas","december"] },
|
|
784
|
-
{ char:"🎋", name:"tanabata_tree", kw:["bamboo","tanabata","japan","summer","wish"] },
|
|
785
|
-
{ char:"🎍", name:"pine_decoration", kw:["pine","kadomatsu","japan","new_year","decoration"] },
|
|
786
|
-
{ char:"🎎", name:"japanese_dolls", kw:["dolls","hina_matsuri","japan","festival","pair"] },
|
|
787
|
-
{ char:"🧧", name:"red_envelope", kw:["red_envelope","hongbao","lucky","money","chinese_new_year"] },
|
|
788
|
-
{ char:"🎐", name:"wind_chime", kw:["wind_chime","summer","japan","breeze","clink"] },
|
|
789
|
-
{ char:"🎑", name:"moon_viewing_ceremony", kw:["moon","tsukimi","japan","autumn","celebration"] },
|
|
790
|
-
{ char:"🧨", name:"firecracker", kw:["firecracker","bang","celebrate","red","new_year"] }
|
|
791
|
-
],
|
|
792
|
-
"Symbols": [
|
|
793
|
-
{ char:"❤️", name:"heart", kw:["love","heart","red","like","passion"] },
|
|
794
|
-
{ char:"🧡", name:"orange_heart", kw:["love","heart","orange","warm"] },
|
|
795
|
-
{ char:"💛", name:"yellow_heart", kw:["love","heart","yellow","happy"] },
|
|
796
|
-
{ char:"💚", name:"green_heart", kw:["love","heart","green","nature"] },
|
|
797
|
-
{ char:"💙", name:"blue_heart", kw:["love","heart","blue","calm"] },
|
|
798
|
-
{ char:"💜", name:"purple_heart", kw:["love","heart","purple","military"] },
|
|
799
|
-
{ char:"🖤", name:"black_heart", kw:["love","heart","black","dark","emo"] },
|
|
800
|
-
{ char:"🤍", name:"white_heart", kw:["love","heart","white","pure","innocent"] },
|
|
801
|
-
{ char:"🤎", name:"brown_heart", kw:["love","heart","brown","warm"] },
|
|
802
|
-
{ char:"❣️", name:"heart_exclamation", kw:["heart","exclamation","love","point"] },
|
|
803
|
-
{ char:"❤️🔥", name:"heart_on_fire", kw:["passion","love","fire","intense","burn"] },
|
|
804
|
-
{ char:"❤️🩹", name:"mending_heart", kw:["heal","heart","mend","repair","broken"] },
|
|
805
|
-
{ char:"💕", name:"two_hearts", kw:["love","hearts","two","couple","romantic"] },
|
|
806
|
-
{ char:"💞", name:"revolving_hearts", kw:["hearts","spinning","love","couple","romantic"] },
|
|
807
|
-
{ char:"💓", name:"beating_heart", kw:["heart","beat","love","pulse","throb"] },
|
|
808
|
-
{ char:"💗", name:"growing_heart", kw:["heart","grow","love","pink","getting_bigger"] },
|
|
809
|
-
{ char:"💖", name:"sparkling_heart", kw:["heart","sparkle","love","pink","shine"] },
|
|
810
|
-
{ char:"💘", name:"heart_with_arrow", kw:["heart","arrow","love","cupid","valentines"] },
|
|
811
|
-
{ char:"💝", name:"heart_with_ribbon", kw:["heart","ribbon","gift","love","valentines"] },
|
|
812
|
-
{ char:"♾️", name:"infinity", kw:["infinity","infinite","loop","forever","math"] },
|
|
813
|
-
{ char:"✳️", name:"eight_spoked_asterisk", kw:["asterisk","star","sparkle","eight_pointed"] },
|
|
814
|
-
{ char:"✴️", name:"eight_pointed_star", kw:["star","sparkle","eight","orange"] },
|
|
815
|
-
{ char:"❇️", name:"sparkle", kw:["sparkle","shine","star","glint"] },
|
|
816
|
-
{ char:"🔰", name:"japanese_symbol_for_beginner", kw:["beginner","japan","newbie","green","symbol"] },
|
|
817
|
-
{ char:"♻️", name:"recycling_symbol", kw:["recycle","green","eco","loop","environment"] },
|
|
818
|
-
{ char:"✅", name:"check_mark_button", kw:["check","done","tick","yes","green","ok"] },
|
|
819
|
-
{ char:"☑️", name:"check_box_with_check", kw:["checkbox","check","tick","done","mark"] },
|
|
820
|
-
{ char:"🔘", name:"radio_button", kw:["radio","button","select","circle","ui"] },
|
|
821
|
-
{ char:"🔲", name:"black_square_button", kw:["square","button","black","ui"] },
|
|
822
|
-
{ char:"🔳", name:"white_square_button", kw:["square","button","white","ui"] },
|
|
823
|
-
{ char:"⬛", name:"black_large_square", kw:["square","black","block"] },
|
|
824
|
-
{ char:"⬜", name:"white_large_square", kw:["square","white","block"] },
|
|
825
|
-
{ char:"◼️", name:"black_medium_square", kw:["square","black","medium"] },
|
|
826
|
-
{ char:"◻️", name:"white_medium_square", kw:["square","white","medium"] },
|
|
827
|
-
{ char:"◾", name:"black_medium_small_square", kw:["square","black","small"] },
|
|
828
|
-
{ char:"◽", name:"white_medium_small_square", kw:["square","white","small"] },
|
|
829
|
-
{ char:"▪️", name:"black_small_square", kw:["square","black","tiny"] },
|
|
830
|
-
{ char:"▫️", name:"white_small_square", kw:["square","white","tiny"] },
|
|
831
|
-
{ char:"🔶", name:"large_orange_diamond", kw:["orange","diamond","shape","large"] },
|
|
832
|
-
{ char:"🔷", name:"large_blue_diamond", kw:["blue","diamond","shape","large"] },
|
|
833
|
-
{ char:"🔸", name:"small_orange_diamond", kw:["orange","diamond","small","shape"] },
|
|
834
|
-
{ char:"🔹", name:"small_blue_diamond", kw:["blue","diamond","small","shape"] },
|
|
835
|
-
{ char:"🔺", name:"red_triangle_up", kw:["triangle","red","up","warning"] },
|
|
836
|
-
{ char:"🔻", name:"red_triangle_down", kw:["triangle","red","down","inverse"] },
|
|
837
|
-
{ char:"💠", name:"diamond_with_a_dot", kw:["diamond","blue","dot","shape","rhombus"] },
|
|
838
|
-
{ char:"🔷", name:"blue_diamond_large", kw:["diamond","blue","big","shape"] },
|
|
839
|
-
{ char:"🔵", name:"blue_circle", kw:["blue","circle","dot","bubble"] },
|
|
840
|
-
{ char:"🟤", name:"brown_circle", kw:["brown","circle","dot","chocolate"] },
|
|
841
|
-
{ char:"⚫", name:"black_circle", kw:["black","circle","dot","empty"] },
|
|
842
|
-
{ char:"⚪", name:"white_circle", kw:["white","circle","dot","blank"] },
|
|
843
|
-
{ char:"🟣", name:"purple_circle", kw:["purple","circle","dot","violet"] },
|
|
844
|
-
{ char:"🔴", name:"red_circle", kw:["red","circle","dot","stop","record"] },
|
|
845
|
-
{ char:"🟠", name:"orange_circle", kw:["orange","circle","dot","warm"] },
|
|
846
|
-
{ char:"🟡", name:"yellow_circle", kw:["yellow","circle","dot","sun","happy"] },
|
|
847
|
-
{ char:"🟢", name:"green_circle", kw:["green","circle","dot","go","online"] },
|
|
848
|
-
{ char:"🔞", name:"no_one_under_eighteen", kw:["adult","18+","prohibited","mature"] },
|
|
849
|
-
{ char:"❌", name:"cross_mark", kw:["x","cross","no","wrong","error","cancel"] },
|
|
850
|
-
{ char:"⭕", name:"hollow_red_circle", kw:["circle","o","correct","japan","hollow"] },
|
|
851
|
-
{ char:"🛑", name:"stop_sign_symbol", kw:["stop","sign","octagon","red","warning"] },
|
|
852
|
-
{ char:"⛔", name:"no_entry", kw:["no","entry","prohibited","stop","circle"] },
|
|
853
|
-
{ char:"📛", name:"name_badge", kw:["name","badge","tag","id","hello"] },
|
|
854
|
-
{ char:"🚫", name:"prohibited", kw:["no","prohibited","banned","circle","forbidden"] },
|
|
855
|
-
{ char:"💯", name:"hundred_points_symbol", kw:["100","perfect","score","all","full"] },
|
|
856
|
-
{ char:"💢", name:"anger_symbol", kw:["anger","mad","comic","red","symbol"] },
|
|
857
|
-
{ char:"♨️", name:"hot_springs", kw:["hot","spring","steam","onsen","japan"] },
|
|
858
|
-
{ char:"🚷", name:"no_pedestrians", kw:["no","pedestrian","prohibited","sign","walk"] },
|
|
859
|
-
{ char:"🔞", name:"no_under_18", kw:["adult","prohibited","mature","18+","age"] },
|
|
860
|
-
{ char:"🔕", name:"bell_with_slash", kw:["mute","silent","no_bell","off","quiet"] },
|
|
861
|
-
{ char:"🎵", name:"musical_note", kw:["music","note","song","tune","melody"] },
|
|
862
|
-
{ char:"🎶", name:"musical_notes", kw:["music","notes","song","tune","melody"] },
|
|
863
|
-
{ char:"🎼", name:"musical_score_symbol", kw:["music","score","sheet","notes","staff"] },
|
|
864
|
-
{ char:"📣", name:"megaphone", kw:["megaphone","loud","announce","shout","amplify"] },
|
|
865
|
-
{ char:"📢", name:"loudspeaker", kw:["speaker","loud","announce","broadcast","public"] },
|
|
866
|
-
{ char:"🔔", name:"bell", kw:["bell","ring","notification","alert","sound"] },
|
|
867
|
-
{ char:"🔕", name:"bell_off", kw:["bell","silent","mute","no_sound","quiet"] },
|
|
868
|
-
{ char:"📯", name:"postal_horn", kw:["horn","bugle","post","announce","ancient"] },
|
|
869
|
-
{ char:"🃏", name:"joker", kw:["joker","card","wild","clown","playing"] },
|
|
870
|
-
{ char:"🀄", name:"mahjong_red_dragon", kw:["mahjong","game","tile","chinese","dragon"] },
|
|
871
|
-
{ char:"🎴", name:"flower_playing_cards", kw:["cards","flower","hanafuda","japanese","game"] },
|
|
872
|
-
{ char:"🔇", name:"muted_speaker", kw:["mute","speaker","silent","off","quiet"] },
|
|
873
|
-
{ char:"🔈", name:"speaker_low_volume", kw:["speaker","low","quiet","audio","sound"] },
|
|
874
|
-
{ char:"🔉", name:"speaker_medium_volume", kw:["speaker","medium","audio","sound","volume"] },
|
|
875
|
-
{ char:"🔊", name:"speaker_high_volume", kw:["speaker","loud","audio","sound","blast"] },
|
|
876
|
-
{ char:"📡", name:"satellite_antenna", kw:["satellite","antenna","signal","receive","broadcast"] },
|
|
877
|
-
{ char:"🔋", name:"battery", kw:["battery","charge","power","energy","electric"] },
|
|
878
|
-
{ char:"🪫", name:"low_battery", kw:["battery","low","empty","dying","drain"] },
|
|
879
|
-
{ char:"🔌", name:"electric_plug", kw:["plug","electric","power","charge","socket"] },
|
|
880
|
-
{ char:"💡", name:"light_bulb_symbol", kw:["idea","bulb","light","bright","smart"] },
|
|
881
|
-
{ char:"🔦", name:"torch", kw:["flashlight","torch","beam","light","dark"] },
|
|
882
|
-
{ char:"🕯️", name:"candle_symbol", kw:["candle","flame","wax","light","romance"] },
|
|
883
|
-
{ char:"🧭", name:"compass", kw:["compass","navigate","direction","north","explore"] },
|
|
884
|
-
{ char:"⏰", name:"alarm_clock", kw:["alarm","clock","wake","morning","ring"] },
|
|
885
|
-
{ char:"⌛", name:"hourglass_done", kw:["hourglass","time","sand","done","wait"] },
|
|
886
|
-
{ char:"⏳", name:"hourglass_not_done", kw:["hourglass","time","sand","loading","wait"] },
|
|
887
|
-
{ char:"⌚", name:"watch_symbol", kw:["watch","time","wrist","clock","hours"] },
|
|
888
|
-
{ char:"🕰️", name:"mantelpiece_clock", kw:["clock","mantle","old","time","antique"] },
|
|
889
|
-
{ char:"🌐", name:"globe_with_meridians", kw:["globe","world","internet","web","global"] },
|
|
890
|
-
{ char:"🗺️", name:"world_map", kw:["map","world","globe","geography","travel"] },
|
|
891
|
-
{ char:"🧿", name:"nazar_amulet", kw:["evil_eye","nazar","protection","amulet","bead","blue"] },
|
|
892
|
-
{ char:"🪬", name:"hamsa", kw:["hamsa","hand","protection","evil_eye","amulet"] },
|
|
893
|
-
{ char:"♠️", name:"spade_suit", kw:["spade","card","suit","black","poker"] },
|
|
894
|
-
{ char:"♣️", name:"club_suit", kw:["club","card","suit","black","poker"] },
|
|
895
|
-
{ char:"♥️", name:"heart_suit", kw:["heart","card","suit","red","poker"] },
|
|
896
|
-
{ char:"♦️", name:"diamond_suit", kw:["diamond","card","suit","red","poker"] },
|
|
897
|
-
{ char:"🃏", name:"playing_card_joker", kw:["joker","card","wild","clown","poker"] },
|
|
898
|
-
{ char:"♟️", name:"chess_piece", kw:["chess","pawn","game","strategy","board"] },
|
|
899
|
-
{ char:"🎰", name:"slot_machine", kw:["slots","casino","jackpot","luck","gamble"] }
|
|
900
|
-
],
|
|
901
|
-
"Flags": [
|
|
902
|
-
{ char:"🏳️", name:"white_flag", kw:["white","flag","surrender","peace","blank"] },
|
|
903
|
-
{ char:"🏴", name:"black_flag", kw:["black","flag","pirate","surrender","dark"] },
|
|
904
|
-
{ char:"🏁", name:"chequered_flag", kw:["race","finish","flag","chequered","checkered","win"] },
|
|
905
|
-
{ char:"🚩", name:"triangular_flag", kw:["red","flag","warning","alert","triangle"] },
|
|
906
|
-
{ char:"🏴☠️", name:"pirate_flag", kw:["pirate","skull","flag","jolly_roger","crossbones"] },
|
|
907
|
-
{ char:"🏳️🌈", name:"rainbow_flag", kw:["pride","rainbow","lgbt","gay","equality","flag"] },
|
|
908
|
-
{ char:"🏳️⚧️", name:"transgender_flag", kw:["transgender","pride","flag","trans","equality"] },
|
|
909
|
-
{ char:"🇺🇸", name:"flag_united_states", kw:["usa","america","flag","stars","stripes"] },
|
|
910
|
-
{ char:"🇬🇧", name:"flag_united_kingdom", kw:["uk","britain","england","flag","union_jack"] },
|
|
911
|
-
{ char:"🇨🇦", name:"flag_canada", kw:["canada","maple","flag","red","white"] },
|
|
912
|
-
{ char:"🇦🇺", name:"flag_australia", kw:["australia","flag","southern_cross","down_under"] },
|
|
913
|
-
{ char:"🇩🇪", name:"flag_germany", kw:["germany","deutschland","flag","black_red_gold"] },
|
|
914
|
-
{ char:"🇫🇷", name:"flag_france", kw:["france","french","flag","tricolore","blue_white_red"] },
|
|
915
|
-
{ char:"🇯🇵", name:"flag_japan", kw:["japan","japanese","flag","red_circle","rising_sun"] },
|
|
916
|
-
{ char:"🇨🇳", name:"flag_china", kw:["china","chinese","flag","red_star","prc"] },
|
|
917
|
-
{ char:"🇧🇷", name:"flag_brazil", kw:["brazil","brasil","flag","green_yellow","samba"] },
|
|
918
|
-
{ char:"🇮🇳", name:"flag_india", kw:["india","indian","flag","tricolor","chakra"] },
|
|
919
|
-
{ char:"🇮🇹", name:"flag_italy", kw:["italy","italian","flag","green_white_red","boot"] },
|
|
920
|
-
{ char:"🇪🇸", name:"flag_spain", kw:["spain","spanish","flag","red_yellow","bull"] },
|
|
921
|
-
{ char:"🇲🇽", name:"flag_mexico", kw:["mexico","mexican","flag","eagle","green_white_red"] },
|
|
922
|
-
{ char:"🇷🇺", name:"flag_russia", kw:["russia","russian","flag","tricolor","bear"] },
|
|
923
|
-
{ char:"🇰🇷", name:"flag_south_korea", kw:["korea","korean","flag","taegukgi","kpop"] },
|
|
924
|
-
{ char:"🇿🇦", name:"flag_south_africa", kw:["south_africa","flag","rainbow","mandela","colorful"] },
|
|
925
|
-
{ char:"🇳🇬", name:"flag_nigeria", kw:["nigeria","nigerian","flag","green_white","africa"] },
|
|
926
|
-
{ char:"🇦🇷", name:"flag_argentina", kw:["argentina","argentinian","flag","blue_white","sun"] },
|
|
927
|
-
{ char:"🇵🇹", name:"flag_portugal", kw:["portugal","portuguese","flag","green_red","armillary"] },
|
|
928
|
-
{ char:"🇬🇷", name:"flag_greece", kw:["greece","greek","flag","blue_white","cross","sea"] },
|
|
929
|
-
{ char:"🇸🇪", name:"flag_sweden", kw:["sweden","swedish","flag","blue_yellow","nordic"] },
|
|
930
|
-
{ char:"🇳🇴", name:"flag_norway", kw:["norway","norwegian","flag","blue_red_white","nordic"] },
|
|
931
|
-
{ char:"🇮🇪", name:"flag_ireland", kw:["ireland","irish","flag","green_white_orange","shamrock"] },
|
|
932
|
-
{ char:"🇨🇭", name:"flag_switzerland", kw:["switzerland","swiss","flag","red_white","cross","neutral"] },
|
|
933
|
-
{ char:"🇳🇱", name:"flag_netherlands", kw:["netherlands","dutch","flag","red_white_blue","orange"] },
|
|
934
|
-
{ char:"🇧🇪", name:"flag_belgium", kw:["belgium","belgian","flag","black_yellow_red","chocolate"] },
|
|
935
|
-
{ char:"🇦🇹", name:"flag_austria", kw:["austria","austrian","flag","red_white_red","mountains"] },
|
|
936
|
-
{ char:"🇵🇱", name:"flag_poland", kw:["poland","polish","flag","white_red","eagle"] },
|
|
937
|
-
{ char:"🇺🇦", name:"flag_ukraine", kw:["ukraine","ukrainian","flag","blue_yellow","sunflower","peace"] },
|
|
938
|
-
{ char:"🇹🇷", name:"flag_turkey", kw:["turkey","turkish","flag","red","crescent","star"] },
|
|
939
|
-
{ char:"🇸🇦", name:"flag_saudi_arabia", kw:["saudi","arabia","flag","green","sword","shahada"] },
|
|
940
|
-
{ char:"🇮🇱", name:"flag_israel", kw:["israel","flag","blue_white","star_of_david","magen"] },
|
|
941
|
-
{ char:"🇪🇬", name:"flag_egypt", kw:["egypt","egyptian","flag","red_white_black","eagle","pharaoh"] },
|
|
942
|
-
{ char:"🇵🇭", name:"flag_philippines", kw:["philippines","filipino","flag","blue_red_white","sun","stars"] },
|
|
943
|
-
{ char:"🇻🇳", name:"flag_vietnam", kw:["vietnam","vietnamese","flag","red_star","pho"] },
|
|
944
|
-
{ char:"🇮🇩", name:"flag_indonesia", kw:["indonesia","indonesian","flag","red_white","bendera"] },
|
|
945
|
-
{ char:"🇲🇾", name:"flag_malaysia", kw:["malaysia","malaysian","flag","red_white","moon","star"] },
|
|
946
|
-
{ char:"🇹🇭", name:"flag_thailand", kw:["thailand","thai","flag","red_white_blue","elephant"] },
|
|
947
|
-
{ char:"🇵🇰", name:"flag_pakistan", kw:["pakistan","pakistani","flag","green_white","crescent","star"] },
|
|
948
|
-
{ char:"🇧🇩", name:"flag_bangladesh", kw:["bangladesh","bangladeshi","flag","green_red_circle"] },
|
|
949
|
-
{ char:"🇪🇹", name:"flag_ethiopia", kw:["ethiopia","ethiopian","flag","green_yellow_red","star"] },
|
|
950
|
-
{ char:"🇨🇴", name:"flag_colombia", kw:["colombia","colombian","flag","yellow_blue_red","coffee"] },
|
|
951
|
-
{ char:"🇨🇱", name:"flag_chile", kw:["chile","chilean","flag","red_white_blue","star"] },
|
|
952
|
-
{ char:"🇵🇪", name:"flag_peru", kw:["peru","peruvian","flag","red_white","machu_picchu"] }
|
|
953
|
-
]
|
|
954
|
-
};
|
|
955
|
-
|
|
956
|
-
/* Flatten for search */
|
|
957
|
-
const FLAT_EMOJIS = [];
|
|
958
|
-
for (const [category, emojis] of Object.entries(EMOJI_DATA)) {
|
|
959
|
-
for (const e of emojis) {
|
|
960
|
-
FLAT_EMOJIS.push({ ...e, category });
|
|
961
|
-
}
|
|
962
|
-
}
|
|
93
|
+
/* ==========================================================================
|
|
94
|
+
IndexedDB — replaces localStorage for recents, favorites, and data cache
|
|
95
|
+
========================================================================== */
|
|
96
|
+
const EmojiDB = {
|
|
97
|
+
NAME: 'emojipicker_v2',
|
|
98
|
+
VER: 1,
|
|
99
|
+
_db: null,
|
|
100
|
+
|
|
101
|
+
open() {
|
|
102
|
+
if (this._db) return Promise.resolve(this._db);
|
|
103
|
+
return new Promise((res, rej) => {
|
|
104
|
+
const req = indexedDB.open(this.NAME, this.VER);
|
|
105
|
+
req.onupgradeneeded = e => {
|
|
106
|
+
const db = e.target.result;
|
|
107
|
+
if (!db.objectStoreNames.contains('cache')) db.createObjectStore('cache');
|
|
108
|
+
if (!db.objectStoreNames.contains('recent')) db.createObjectStore('recent', { keyPath: 'name' });
|
|
109
|
+
if (!db.objectStoreNames.contains('favorites')) db.createObjectStore('favorites', { keyPath: 'name' });
|
|
110
|
+
};
|
|
111
|
+
req.onsuccess = () => { this._db = req.result; res(this._db); };
|
|
112
|
+
req.onerror = () => rej(req.error);
|
|
113
|
+
});
|
|
114
|
+
},
|
|
115
|
+
|
|
116
|
+
_run(stores, mode, fn) {
|
|
117
|
+
return this.open().then(db => new Promise((res, rej) => {
|
|
118
|
+
const tx = db.transaction(stores, mode);
|
|
119
|
+
const req = fn(tx.objectStore(Array.isArray(stores) ? stores[0] : stores));
|
|
120
|
+
req.onsuccess = () => res(req.result);
|
|
121
|
+
req.onerror = () => rej(req.error);
|
|
122
|
+
}));
|
|
123
|
+
},
|
|
963
124
|
|
|
964
|
-
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
{ name: 'medium-dark', modifier: '\u{1F3FE}', label: '🖐🏾' },
|
|
971
|
-
{ name: 'dark', modifier: '\u{1F3FF}', label: '🖐🏿' }
|
|
972
|
-
];
|
|
973
|
-
|
|
974
|
-
/* =======================
|
|
975
|
-
EVENT EMITTER
|
|
976
|
-
======================= */
|
|
977
|
-
class EventEmitter {
|
|
978
|
-
constructor() { this._events = {}; }
|
|
979
|
-
on(event, handler) {
|
|
980
|
-
(this._events[event] = this._events[event] || []).push(handler);
|
|
981
|
-
return this;
|
|
982
|
-
}
|
|
983
|
-
off(event, handler) {
|
|
984
|
-
if (this._events[event]) this._events[event] = this._events[event].filter(h => h !== handler);
|
|
985
|
-
return this;
|
|
986
|
-
}
|
|
987
|
-
emit(event, ...args) {
|
|
988
|
-
(this._events[event] || []).forEach(h => h(...args));
|
|
989
|
-
return this;
|
|
990
|
-
}
|
|
991
|
-
}
|
|
125
|
+
get(store, key) { return this._run(store, 'readonly', s => s.get(key)); },
|
|
126
|
+
put(store, val, key) { return this._run(store, 'readwrite', s => key !== undefined ? s.put(val, key) : s.put(val)); },
|
|
127
|
+
del(store, key) { return this._run(store, 'readwrite', s => s.delete(key)); },
|
|
128
|
+
getAll(store) { return this._run(store, 'readonly', s => s.getAll()); },
|
|
129
|
+
clear(store) { return this._run(store, 'readwrite', s => s.clear()); },
|
|
130
|
+
};
|
|
992
131
|
|
|
993
|
-
/*
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
132
|
+
/* ==========================================================================
|
|
133
|
+
Emoji Support Detection — canvas-based, detects unsupported glyphs
|
|
134
|
+
========================================================================== */
|
|
135
|
+
const EmojiSupport = {
|
|
136
|
+
_cache: {},
|
|
137
|
+
_ctx: null,
|
|
138
|
+
|
|
139
|
+
_getCtx() {
|
|
140
|
+
if (!this._ctx) {
|
|
141
|
+
const c = document.createElement('canvas');
|
|
142
|
+
c.width = c.height = 2;
|
|
143
|
+
this._ctx = c.getContext('2d');
|
|
144
|
+
}
|
|
145
|
+
return this._ctx;
|
|
146
|
+
},
|
|
147
|
+
|
|
148
|
+
/** Returns true if the OS can render this emoji character */
|
|
149
|
+
test(emoji) {
|
|
150
|
+
if (this._cache[emoji] !== undefined) return this._cache[emoji];
|
|
151
|
+
try {
|
|
152
|
+
const ctx = this._getCtx();
|
|
153
|
+
ctx.clearRect(0, 0, 2, 2);
|
|
154
|
+
ctx.fillStyle = '#fff'; ctx.fillRect(0, 0, 2, 2);
|
|
155
|
+
ctx.font = '1.5px serif'; ctx.fillStyle = '#000';
|
|
156
|
+
ctx.fillText(emoji, 0, 1.5);
|
|
157
|
+
const px = ctx.getImageData(0, 0, 2, 2).data;
|
|
158
|
+
let ok = false;
|
|
159
|
+
for (let i = 0; i < px.length; i += 4) {
|
|
160
|
+
if (px[i] < 245 || px[i+1] < 245 || px[i+2] < 245) { ok = true; break; }
|
|
161
|
+
}
|
|
162
|
+
return (this._cache[emoji] = ok);
|
|
163
|
+
} catch { return (this._cache[emoji] = true); }
|
|
164
|
+
},
|
|
165
|
+
|
|
166
|
+
/**
|
|
167
|
+
* Filter emoji list to only those the OS can render.
|
|
168
|
+
* Uses version sentinels to avoid testing every emoji individually.
|
|
169
|
+
* Emojis with `v` property > maxVersion are hidden.
|
|
170
|
+
*/
|
|
171
|
+
filter(emojis) {
|
|
172
|
+
if (this._maxFloat === undefined) {
|
|
173
|
+
const sentinels = [
|
|
174
|
+
{ v: 15.1, e: '🙂\u200D\u2195\uFE0F' },
|
|
175
|
+
{ v: 15.0, e: '🫨' },
|
|
176
|
+
{ v: 14.0, e: '🫠' },
|
|
177
|
+
{ v: 13.1, e: '😶\u200D🌫️' },
|
|
178
|
+
{ v: 13.0, e: '🥲' },
|
|
179
|
+
{ v: 12.0, e: '🥰' },
|
|
180
|
+
{ v: 11.0, e: '🧡' },
|
|
181
|
+
];
|
|
182
|
+
this._maxFloat = 11.0;
|
|
183
|
+
for (const { v, e } of sentinels) {
|
|
184
|
+
if (this.test(e)) { this._maxFloat = v; break; }
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
const max = this._maxFloat;
|
|
188
|
+
return emojis.filter(e => !e.v || parseFloat(e.v) <= max);
|
|
189
|
+
}
|
|
1013
190
|
};
|
|
1014
191
|
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
this.
|
|
1020
|
-
this.
|
|
1021
|
-
this.
|
|
1022
|
-
this.
|
|
1023
|
-
this._pickerEl = null;
|
|
1024
|
-
this._focusedIndex = -1;
|
|
1025
|
-
this._init();
|
|
1026
|
-
EmojiPicker._instances.push(this);
|
|
192
|
+
/* ==========================================================================
|
|
193
|
+
EventEmitter
|
|
194
|
+
========================================================================== */
|
|
195
|
+
class EventEmitter {
|
|
196
|
+
constructor() { this._ev = {}; }
|
|
197
|
+
on(e, fn) { (this._ev[e] = this._ev[e] || []).push(fn); return this; }
|
|
198
|
+
off(e, fn) { if (this._ev[e]) this._ev[e] = this._ev[e].filter(h => h !== fn); return this; }
|
|
199
|
+
emit(e, ...a) { (this._ev[e] || []).slice().forEach(h => h(...a)); return this; }
|
|
1027
200
|
}
|
|
1028
201
|
|
|
1029
|
-
/*
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
:
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
|
|
1038
|
-
|
|
202
|
+
/* ==========================================================================
|
|
203
|
+
Constants
|
|
204
|
+
========================================================================== */
|
|
205
|
+
const SKIN_TONES = [
|
|
206
|
+
{ name: 'default', modifier: '', label: '🖐️' },
|
|
207
|
+
{ name: 'light', modifier: '\u{1F3FB}', label: '🖐🏻' },
|
|
208
|
+
{ name: 'medium-light', modifier: '\u{1F3FC}', label: '🖐🏼' },
|
|
209
|
+
{ name: 'medium', modifier: '\u{1F3FD}', label: '🖐🏽' },
|
|
210
|
+
{ name: 'medium-dark', modifier: '\u{1F3FE}', label: '🖐🏾' },
|
|
211
|
+
{ name: 'dark', modifier: '\u{1F3FF}', label: '🖐🏿' },
|
|
212
|
+
];
|
|
213
|
+
|
|
214
|
+
const CAT_ICONS = {
|
|
215
|
+
recent: '🕐', 'Smileys & Emotion': '😊', 'People & Body': '👋',
|
|
216
|
+
'Animals & Nature': '🐶', 'Food & Drink': '🍕', Activities: '⚽',
|
|
217
|
+
'Travel & Places': '✈️', Objects: '💡', Symbols: '❤️', Flags: '🏳️', custom: '✨'
|
|
218
|
+
};
|
|
219
|
+
|
|
220
|
+
/* ==========================================================================
|
|
221
|
+
EmojiPicker
|
|
222
|
+
========================================================================== */
|
|
223
|
+
class EmojiPicker extends EventEmitter {
|
|
224
|
+
|
|
225
|
+
static DATA_VERSION = '2.0';
|
|
226
|
+
static LOCALES = LOCALES;
|
|
227
|
+
|
|
228
|
+
static _defaults = {
|
|
229
|
+
theme: 'auto',
|
|
230
|
+
mode: 'dropdown',
|
|
231
|
+
locale: 'en',
|
|
232
|
+
search: true,
|
|
233
|
+
recentEmojis: true,
|
|
234
|
+
maxRecent: 24,
|
|
235
|
+
skinTone: 'default',
|
|
236
|
+
customEmojis: [],
|
|
237
|
+
container: null,
|
|
238
|
+
perRow: 8,
|
|
239
|
+
emojiSize: 28,
|
|
240
|
+
autoClose: true,
|
|
241
|
+
dataUrl: null,
|
|
242
|
+
};
|
|
243
|
+
|
|
244
|
+
constructor(opts = {}) {
|
|
245
|
+
super();
|
|
246
|
+
this.options = { ...EmojiPicker._defaults, ...opts };
|
|
247
|
+
this._t = LOCALES[this.options.locale] || LOCALES.en;
|
|
248
|
+
this._open = false;
|
|
249
|
+
this._cat = 'recent';
|
|
250
|
+
this._query = '';
|
|
251
|
+
this._tone = SKIN_TONES.find(s => s.name === this.options.skinTone) || SKIN_TONES[0];
|
|
252
|
+
this._triggerEl = null;
|
|
253
|
+
this._pickerEl = null;
|
|
254
|
+
this._data = null;
|
|
255
|
+
this._flat = null;
|
|
256
|
+
this._dataPromise = null;
|
|
257
|
+
this._setup();
|
|
1039
258
|
}
|
|
1040
259
|
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
260
|
+
/* ------------------------------------------------------------------
|
|
261
|
+
Setup
|
|
262
|
+
------------------------------------------------------------------ */
|
|
263
|
+
_setup() {
|
|
264
|
+
if (this.options.container) {
|
|
265
|
+
const el = typeof this.options.container === 'string'
|
|
266
|
+
? document.querySelector(this.options.container)
|
|
267
|
+
: this.options.container;
|
|
268
|
+
if (el) {
|
|
269
|
+
this._triggerEl = el;
|
|
270
|
+
el.addEventListener('click', e => { e.stopPropagation(); this.toggle(); });
|
|
271
|
+
}
|
|
1045
272
|
}
|
|
1046
|
-
});
|
|
1047
273
|
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
});
|
|
274
|
+
document.addEventListener('click', e => {
|
|
275
|
+
if (!this._open || !this._pickerEl) return;
|
|
276
|
+
if (!this._pickerEl.contains(e.target) && (!this._triggerEl || !this._triggerEl.contains(e.target))) this.close();
|
|
277
|
+
});
|
|
1053
278
|
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
279
|
+
document.addEventListener('keydown', e => {
|
|
280
|
+
if (this._open && e.key === 'Escape') { e.preventDefault(); this.close(); }
|
|
281
|
+
});
|
|
282
|
+
|
|
283
|
+
// Start background data fetch immediately
|
|
284
|
+
this._fetchData();
|
|
285
|
+
|
|
286
|
+
if (this.options.mode === 'inline') this._render();
|
|
1057
287
|
}
|
|
1058
|
-
}
|
|
1059
288
|
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
|
|
1071
|
-
el.addEventListener('click', e => e.stopPropagation());
|
|
1072
|
-
|
|
1073
|
-
if (this.options.mode === 'inline') {
|
|
1074
|
-
el.classList.add('ep-inline');
|
|
1075
|
-
const container = typeof this.options.container === 'string'
|
|
1076
|
-
? document.querySelector(this.options.container)
|
|
1077
|
-
: this.options.container;
|
|
1078
|
-
if (container) { container.appendChild(el); }
|
|
1079
|
-
else { document.body.appendChild(el); }
|
|
1080
|
-
} else {
|
|
1081
|
-
el.classList.add('ep-floating');
|
|
1082
|
-
document.body.appendChild(el);
|
|
289
|
+
/* ------------------------------------------------------------------
|
|
290
|
+
Data loading
|
|
291
|
+
------------------------------------------------------------------ */
|
|
292
|
+
_resolveUrl() {
|
|
293
|
+
if (this.options.dataUrl) return this.options.dataUrl;
|
|
294
|
+
const scripts = document.querySelectorAll('script[src]');
|
|
295
|
+
for (const s of scripts) {
|
|
296
|
+
if (s.src && /emoji-picker/.test(s.src))
|
|
297
|
+
return s.src.replace(/emoji-picker\.js(\?.*)?$/, 'emoji-data.json');
|
|
298
|
+
}
|
|
299
|
+
return './emoji-data.json';
|
|
1083
300
|
}
|
|
1084
301
|
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
|
-
|
|
302
|
+
_fetchData() {
|
|
303
|
+
if (this._dataPromise) return this._dataPromise;
|
|
304
|
+
this._dataPromise = (async () => {
|
|
305
|
+
// 1. Try IndexedDB cache first
|
|
306
|
+
try {
|
|
307
|
+
const cached = await EmojiDB.get('cache', 'emojidata');
|
|
308
|
+
if (cached && cached.v === EmojiPicker.DATA_VERSION) {
|
|
309
|
+
this._data = cached.d;
|
|
310
|
+
this._buildFlat();
|
|
311
|
+
return;
|
|
312
|
+
}
|
|
313
|
+
} catch {}
|
|
314
|
+
|
|
315
|
+
// 2. Fetch from network
|
|
316
|
+
try {
|
|
317
|
+
const res = await fetch(this._resolveUrl());
|
|
318
|
+
if (!res.ok) throw new Error(`HTTP ${res.status}`);
|
|
319
|
+
const json = await res.json();
|
|
320
|
+
this._data = json;
|
|
321
|
+
this._buildFlat();
|
|
322
|
+
// Cache asynchronously
|
|
323
|
+
EmojiDB.put('cache', { v: EmojiPicker.DATA_VERSION, d: json }, 'emojidata').catch(() => {});
|
|
324
|
+
} catch (err) {
|
|
325
|
+
console.warn('[EmojiPicker] Failed to load emoji data:', err);
|
|
326
|
+
this._data = {};
|
|
327
|
+
}
|
|
328
|
+
})();
|
|
329
|
+
return this._dataPromise;
|
|
330
|
+
}
|
|
1091
331
|
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
|
|
1097
|
-
|
|
1098
|
-
|
|
332
|
+
_buildFlat() {
|
|
333
|
+
this._flat = [];
|
|
334
|
+
for (const [cat, arr] of Object.entries(this._data || {}))
|
|
335
|
+
for (const e of arr) this._flat.push({ ...e, category: cat });
|
|
336
|
+
}
|
|
337
|
+
|
|
338
|
+
/* ------------------------------------------------------------------
|
|
339
|
+
Render
|
|
340
|
+
------------------------------------------------------------------ */
|
|
341
|
+
_render() {
|
|
342
|
+
if (this._pickerEl) this._pickerEl.remove();
|
|
343
|
+
|
|
344
|
+
const isDark = this.options.theme === 'dark' ||
|
|
345
|
+
(this.options.theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches);
|
|
346
|
+
|
|
347
|
+
const el = document.createElement('div');
|
|
348
|
+
el.className = `ep-picker ${isDark ? 'ep-dark' : 'ep-light'}`;
|
|
349
|
+
el.setAttribute('role', 'dialog');
|
|
350
|
+
el.setAttribute('aria-label', 'Emoji Picker');
|
|
351
|
+
el.setAttribute('aria-modal', 'true');
|
|
352
|
+
el.addEventListener('click', e => e.stopPropagation());
|
|
353
|
+
|
|
354
|
+
if (this.options.mode === 'inline') {
|
|
355
|
+
el.classList.add('ep-inline');
|
|
356
|
+
const c = typeof this.options.container === 'string'
|
|
357
|
+
? document.querySelector(this.options.container)
|
|
358
|
+
: this.options.container;
|
|
359
|
+
(c || document.body).appendChild(el);
|
|
360
|
+
} else {
|
|
361
|
+
el.classList.add('ep-floating');
|
|
362
|
+
document.body.appendChild(el);
|
|
363
|
+
}
|
|
1099
364
|
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
|
|
1110
|
-
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1121
|
-
|
|
365
|
+
el.innerHTML = this._buildHTML();
|
|
366
|
+
this._pickerEl = el;
|
|
367
|
+
this._bindEvents();
|
|
368
|
+
this._position();
|
|
369
|
+
|
|
370
|
+
if (this._data) {
|
|
371
|
+
this._buildTabs();
|
|
372
|
+
this._renderCat(this._cat);
|
|
373
|
+
} else {
|
|
374
|
+
this._showSkeleton();
|
|
375
|
+
this._fetchData().then(() => {
|
|
376
|
+
this._buildTabs();
|
|
377
|
+
this._renderCat(this._cat);
|
|
378
|
+
});
|
|
379
|
+
}
|
|
380
|
+
}
|
|
381
|
+
|
|
382
|
+
_buildHTML() {
|
|
383
|
+
const skinBtns = SKIN_TONES.map(t => `
|
|
384
|
+
<button class="ep-skin-btn${t.name === this._tone.name ? ' ep-active' : ''}"
|
|
385
|
+
data-skin="${t.name}" type="button"
|
|
386
|
+
title="${this._t.skinTones[t.name]}"
|
|
387
|
+
aria-label="${this._t.skinTones[t.name]}">${t.label}</button>`).join('');
|
|
388
|
+
|
|
389
|
+
return `<div class="ep-inner">
|
|
1122
390
|
${this.options.search ? `
|
|
1123
391
|
<div class="ep-search-row">
|
|
1124
392
|
<div class="ep-search-wrap">
|
|
1125
|
-
<svg class="ep-search-icon" viewBox="0 0 20 20" fill="none">
|
|
393
|
+
<svg class="ep-search-icon" viewBox="0 0 20 20" fill="none" aria-hidden="true">
|
|
1126
394
|
<circle cx="9" cy="9" r="6" stroke="currentColor" stroke-width="1.5"/>
|
|
1127
395
|
<path d="M14 14l3 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
|
|
1128
396
|
</svg>
|
|
1129
|
-
<input
|
|
1130
|
-
|
|
1131
|
-
|
|
397
|
+
<input class="ep-search" type="text"
|
|
398
|
+
placeholder="${this._t.search}" aria-label="${this._t.search}"
|
|
399
|
+
autocomplete="off" spellcheck="false" autocorrect="off">
|
|
400
|
+
<button class="ep-search-clear" type="button" aria-label="Clear" style="display:none">✕</button>
|
|
1132
401
|
</div>
|
|
1133
|
-
</div
|
|
1134
|
-
|
|
1135
|
-
<div class="ep-
|
|
1136
|
-
<div class="ep-
|
|
1137
|
-
<div class="ep-grid-wrap">
|
|
1138
|
-
<div class="ep-grid" role="grid" aria-label="Emoji grid"></div>
|
|
1139
|
-
</div>
|
|
402
|
+
</div>` : ''}
|
|
403
|
+
<div class="ep-cats" role="tablist" aria-label="Emoji categories"></div>
|
|
404
|
+
<div class="ep-category-label" aria-live="polite"></div>
|
|
405
|
+
<div class="ep-grid-wrap"><div class="ep-grid" role="grid" aria-label="Emoji grid"></div></div>
|
|
1140
406
|
<div class="ep-footer">
|
|
1141
|
-
<div class="ep-skin-tones" aria-label="
|
|
1142
|
-
${skinToneBtns}
|
|
1143
|
-
</div>
|
|
407
|
+
<div class="ep-skin-tones" role="group" aria-label="Skin tone">${skinBtns}</div>
|
|
1144
408
|
<div class="ep-preview" aria-live="polite">
|
|
1145
|
-
<span class="ep-preview-char"></span>
|
|
409
|
+
<span class="ep-preview-char" aria-hidden="true"></span>
|
|
1146
410
|
<span class="ep-preview-name"></span>
|
|
1147
411
|
</div>
|
|
1148
412
|
</div>
|
|
1149
|
-
</div
|
|
1150
|
-
|
|
1151
|
-
}
|
|
413
|
+
</div>`;
|
|
414
|
+
}
|
|
1152
415
|
|
|
1153
|
-
|
|
1154
|
-
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
|
|
1159
|
-
|
|
1160
|
-
|
|
1161
|
-
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
|
|
1166
|
-
|
|
1167
|
-
|
|
1168
|
-
|
|
416
|
+
_buildTabs() {
|
|
417
|
+
const el = this._pickerEl && this._pickerEl.querySelector('.ep-cats');
|
|
418
|
+
if (!el) return;
|
|
419
|
+
const cats = ['recent', ...Object.keys(this._data || {})];
|
|
420
|
+
if (this.options.customEmojis && this.options.customEmojis.length) cats.push('custom');
|
|
421
|
+
|
|
422
|
+
el.innerHTML = cats.map((cat, i) => `
|
|
423
|
+
<button class="ep-cat-tab${i === 0 ? ' ep-active' : ''}"
|
|
424
|
+
data-cat="${cat}" type="button" role="tab"
|
|
425
|
+
aria-selected="${i === 0}"
|
|
426
|
+
aria-label="${this._t.categories[cat] || cat}"
|
|
427
|
+
title="${this._t.categories[cat] || cat}">${CAT_ICONS[cat] || '✨'}</button>`).join('');
|
|
428
|
+
|
|
429
|
+
el.querySelectorAll('.ep-cat-tab').forEach(tab =>
|
|
430
|
+
tab.addEventListener('click', () => {
|
|
431
|
+
const cat = tab.dataset.cat;
|
|
432
|
+
this._cat = cat; this._query = '';
|
|
433
|
+
if (this.options.search) {
|
|
434
|
+
const inp = this._pickerEl.querySelector('.ep-search');
|
|
435
|
+
const clr = this._pickerEl.querySelector('.ep-search-clear');
|
|
436
|
+
if (inp) inp.value = '';
|
|
437
|
+
if (clr) clr.style.display = 'none';
|
|
1169
438
|
}
|
|
439
|
+
this._setActiveTab(cat);
|
|
440
|
+
this._renderCat(cat);
|
|
441
|
+
this.emit('categoryChange', { category: cat });
|
|
442
|
+
})
|
|
443
|
+
);
|
|
444
|
+
}
|
|
445
|
+
|
|
446
|
+
_bindEvents() {
|
|
447
|
+
const el = this._pickerEl;
|
|
448
|
+
|
|
449
|
+
// Search
|
|
450
|
+
if (this.options.search) {
|
|
451
|
+
const inp = el.querySelector('.ep-search');
|
|
452
|
+
const clr = el.querySelector('.ep-search-clear');
|
|
453
|
+
inp && inp.addEventListener('input', e => {
|
|
454
|
+
this._query = e.target.value.trim();
|
|
455
|
+
if (clr) clr.style.display = this._query ? 'flex' : 'none';
|
|
456
|
+
this._query ? this._renderSearch(this._query) : this._renderCat(this._cat);
|
|
457
|
+
if (this._query) this.emit('search', { query: this._query });
|
|
458
|
+
});
|
|
459
|
+
clr && clr.addEventListener('click', () => {
|
|
460
|
+
inp.value = ''; this._query = '';
|
|
461
|
+
clr.style.display = 'none';
|
|
462
|
+
this._renderCat(this._cat);
|
|
463
|
+
inp.focus();
|
|
1170
464
|
});
|
|
1171
465
|
}
|
|
1172
|
-
|
|
1173
|
-
|
|
1174
|
-
|
|
1175
|
-
|
|
1176
|
-
|
|
1177
|
-
|
|
1178
|
-
|
|
466
|
+
|
|
467
|
+
// Skin tones
|
|
468
|
+
el.querySelectorAll('.ep-skin-btn').forEach(btn =>
|
|
469
|
+
btn.addEventListener('click', () => {
|
|
470
|
+
this._tone = SKIN_TONES.find(s => s.name === btn.dataset.skin) || SKIN_TONES[0];
|
|
471
|
+
el.querySelectorAll('.ep-skin-btn').forEach(b => b.classList.remove('ep-active'));
|
|
472
|
+
btn.classList.add('ep-active');
|
|
473
|
+
this._query ? this._renderSearch(this._query) : this._renderCat(this._cat);
|
|
474
|
+
})
|
|
475
|
+
);
|
|
476
|
+
|
|
477
|
+
// Emoji grid — fully delegated
|
|
478
|
+
const grid = el.querySelector('.ep-grid');
|
|
479
|
+
if (grid) {
|
|
480
|
+
grid.addEventListener('click', e => {
|
|
481
|
+
const btn = e.target.closest('.ep-emoji-btn');
|
|
482
|
+
if (btn) this._onEmojiClick(JSON.parse(btn.dataset.emoji), e);
|
|
483
|
+
});
|
|
484
|
+
grid.addEventListener('mouseover', e => {
|
|
485
|
+
const btn = e.target.closest('.ep-emoji-btn');
|
|
486
|
+
if (!btn) return;
|
|
487
|
+
const d = JSON.parse(btn.dataset.emoji);
|
|
488
|
+
const pc = el.querySelector('.ep-preview-char');
|
|
489
|
+
const pn = el.querySelector('.ep-preview-name');
|
|
490
|
+
if (pc) pc.textContent = d.char || '';
|
|
491
|
+
if (pn) pn.textContent = d.name.replace(/_/g, ' ');
|
|
492
|
+
this.emit('emojiHover', d, e);
|
|
493
|
+
});
|
|
494
|
+
grid.addEventListener('mouseout', () => {
|
|
495
|
+
const pc = el.querySelector('.ep-preview-char');
|
|
496
|
+
const pn = el.querySelector('.ep-preview-name');
|
|
497
|
+
if (pc) pc.textContent = '';
|
|
498
|
+
if (pn) pn.textContent = '';
|
|
1179
499
|
});
|
|
1180
500
|
}
|
|
1181
501
|
}
|
|
1182
502
|
|
|
1183
|
-
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
|
|
1188
|
-
|
|
1189
|
-
|
|
1190
|
-
const searchInput = el.querySelector('.ep-search');
|
|
1191
|
-
if (searchInput) searchInput.value = '';
|
|
1192
|
-
const clearBtn = el.querySelector('.ep-search-clear');
|
|
1193
|
-
if (clearBtn) clearBtn.style.display = 'none';
|
|
1194
|
-
this._searchQuery = '';
|
|
1195
|
-
}
|
|
1196
|
-
this._loadCategory(cat);
|
|
1197
|
-
this.emit('categoryChange', { category: cat });
|
|
1198
|
-
});
|
|
1199
|
-
});
|
|
1200
|
-
|
|
1201
|
-
// Skin tones
|
|
1202
|
-
el.querySelectorAll('.ep-skin-btn').forEach(btn => {
|
|
1203
|
-
btn.addEventListener('click', () => {
|
|
1204
|
-
const skinName = btn.dataset.skin;
|
|
1205
|
-
this._currentSkinTone = SKIN_TONES.find(s => s.name === skinName) || SKIN_TONES[0];
|
|
1206
|
-
el.querySelectorAll('.ep-skin-btn').forEach(b => b.classList.remove('ep-active'));
|
|
1207
|
-
btn.classList.add('ep-active');
|
|
1208
|
-
this._loadCategory(this._currentCategory);
|
|
1209
|
-
});
|
|
1210
|
-
});
|
|
1211
|
-
|
|
1212
|
-
// Emoji grid events (delegated)
|
|
1213
|
-
const grid = el.querySelector('.ep-grid');
|
|
1214
|
-
if (grid) {
|
|
1215
|
-
grid.addEventListener('click', (e) => {
|
|
1216
|
-
const cell = e.target.closest('.ep-emoji-btn');
|
|
1217
|
-
if (!cell) return;
|
|
1218
|
-
const emojiData = JSON.parse(cell.dataset.emoji);
|
|
1219
|
-
this._handleEmojiClick(emojiData, e);
|
|
1220
|
-
});
|
|
503
|
+
/* ------------------------------------------------------------------
|
|
504
|
+
Grid rendering
|
|
505
|
+
------------------------------------------------------------------ */
|
|
506
|
+
_showSkeleton() {
|
|
507
|
+
const grid = this._pickerEl && this._pickerEl.querySelector('.ep-grid');
|
|
508
|
+
if (grid) grid.innerHTML = Array(32).fill('<div class="ep-skeleton"></div>').join('');
|
|
509
|
+
}
|
|
1221
510
|
|
|
1222
|
-
|
|
1223
|
-
|
|
1224
|
-
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
|
|
1229
|
-
|
|
1230
|
-
|
|
1231
|
-
|
|
511
|
+
async _renderCat(cat) {
|
|
512
|
+
const grid = this._pickerEl && this._pickerEl.querySelector('.ep-grid');
|
|
513
|
+
const label = this._pickerEl && this._pickerEl.querySelector('.ep-category-label');
|
|
514
|
+
if (!grid) return;
|
|
515
|
+
if (!this._data) { this._showSkeleton(); return; }
|
|
516
|
+
|
|
517
|
+
let emojis = [];
|
|
518
|
+
if (cat === 'recent') {
|
|
519
|
+
try {
|
|
520
|
+
const rows = await EmojiDB.getAll('recent');
|
|
521
|
+
rows.sort((a, b) => b.ts - a.ts);
|
|
522
|
+
emojis = rows.slice(0, this.options.maxRecent);
|
|
523
|
+
} catch {}
|
|
524
|
+
if (label) label.textContent = emojis.length ? this._t.recent : this._t.noRecent;
|
|
525
|
+
} else if (cat === 'custom') {
|
|
526
|
+
emojis = (this.options.customEmojis || []).map(c => ({
|
|
527
|
+
char: null, name: c.name, category: 'custom', unicode: null, isCustom: true, url: c.url
|
|
528
|
+
}));
|
|
529
|
+
if (label) label.textContent = this._t.custom;
|
|
530
|
+
} else {
|
|
531
|
+
const raw = (this._data[cat] || []).map(e => ({ ...e, category: cat }));
|
|
532
|
+
emojis = EmojiSupport.filter(raw).map(e => ({ ...e, char: this._applyTone(e) }));
|
|
533
|
+
if (label) label.textContent = this._t.categories[cat] || cat;
|
|
534
|
+
}
|
|
1232
535
|
|
|
1233
|
-
|
|
1234
|
-
const previewChar = el.querySelector('.ep-preview-char');
|
|
1235
|
-
const previewName = el.querySelector('.ep-preview-name');
|
|
1236
|
-
if (previewChar) previewChar.textContent = '';
|
|
1237
|
-
if (previewName) previewName.textContent = '';
|
|
1238
|
-
});
|
|
536
|
+
this._paint(grid, emojis, emojis.length ? null : this._t.noRecent);
|
|
1239
537
|
}
|
|
1240
|
-
}
|
|
1241
538
|
|
|
1242
|
-
|
|
1243
|
-
|
|
1244
|
-
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
|
|
539
|
+
_renderSearch(query) {
|
|
540
|
+
const grid = this._pickerEl && this._pickerEl.querySelector('.ep-grid');
|
|
541
|
+
const label = this._pickerEl && this._pickerEl.querySelector('.ep-category-label');
|
|
542
|
+
if (!grid || !this._flat) return;
|
|
543
|
+
|
|
544
|
+
const q = query.toLowerCase();
|
|
545
|
+
const results = this._flat
|
|
546
|
+
.filter(e =>
|
|
547
|
+
e.name.toLowerCase().includes(q) ||
|
|
548
|
+
e.name.replace(/_/g, ' ').toLowerCase().includes(q) ||
|
|
549
|
+
(e.kw && e.kw.some(k => k.toLowerCase().includes(q))))
|
|
550
|
+
.slice(0, 72)
|
|
551
|
+
.map(e => ({ ...e, char: this._applyTone(e) }));
|
|
552
|
+
|
|
553
|
+
if (label) label.textContent = results.length
|
|
554
|
+
? `"${query}" — ${results.length}`
|
|
555
|
+
: `${this._t.noResults} "${query}"`;
|
|
556
|
+
|
|
557
|
+
this._paint(grid, results, results.length ? null : `${this._t.noResults} "${query}"`);
|
|
1249
558
|
}
|
|
1250
|
-
this.emit('emojiClick', emojiData, event);
|
|
1251
|
-
if (this.options.autoClose && this.options.mode !== 'inline') {
|
|
1252
|
-
this.close();
|
|
1253
|
-
}
|
|
1254
|
-
}
|
|
1255
559
|
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
|
|
1259
|
-
|
|
1260
|
-
|
|
1261
|
-
|
|
1262
|
-
|
|
1263
|
-
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
|
|
1270
|
-
|
|
1271
|
-
|
|
1272
|
-
|
|
1273
|
-
|
|
1274
|
-
|
|
1275
|
-
|
|
560
|
+
_paint(grid, emojis, emptyMsg) {
|
|
561
|
+
grid.innerHTML = '';
|
|
562
|
+
if (emptyMsg || !emojis.length) {
|
|
563
|
+
grid.innerHTML = `<div class="ep-empty">${emptyMsg || ''}</div>`;
|
|
564
|
+
return;
|
|
565
|
+
}
|
|
566
|
+
const frag = document.createDocumentFragment();
|
|
567
|
+
for (const e of emojis) {
|
|
568
|
+
const btn = document.createElement('button');
|
|
569
|
+
btn.className = 'ep-emoji-btn';
|
|
570
|
+
btn.type = 'button';
|
|
571
|
+
btn.setAttribute('role', 'gridcell');
|
|
572
|
+
btn.setAttribute('aria-label', e.name.replace(/_/g, ' '));
|
|
573
|
+
btn.setAttribute('title', e.name.replace(/_/g, ' '));
|
|
574
|
+
const payload = {
|
|
575
|
+
char: e.char || null,
|
|
576
|
+
name: e.name,
|
|
577
|
+
category: e.category,
|
|
578
|
+
unicode: e.unicode || (e.char ? e.char.codePointAt(0).toString(16).toUpperCase() : null),
|
|
579
|
+
skinTone: this._tone.name === 'default' ? null : this._tone.name,
|
|
580
|
+
isCustom: !!e.isCustom
|
|
581
|
+
};
|
|
582
|
+
btn.dataset.emoji = JSON.stringify(payload);
|
|
583
|
+
if (e.isCustom && e.url) {
|
|
584
|
+
const img = document.createElement('img');
|
|
585
|
+
img.src = e.url; img.alt = e.name;
|
|
586
|
+
img.style.cssText = 'width:var(--ep-size,28px);height:var(--ep-size,28px);object-fit:contain;pointer-events:none';
|
|
587
|
+
btn.appendChild(img);
|
|
588
|
+
} else {
|
|
589
|
+
btn.textContent = e.char;
|
|
590
|
+
}
|
|
591
|
+
frag.appendChild(btn);
|
|
592
|
+
}
|
|
593
|
+
grid.appendChild(frag);
|
|
1276
594
|
}
|
|
1277
595
|
|
|
1278
|
-
|
|
1279
|
-
|
|
1280
|
-
|
|
1281
|
-
return;
|
|
596
|
+
_applyTone(e) {
|
|
597
|
+
if (!e.skinnable || this._tone.name === 'default') return e.char;
|
|
598
|
+
const cp = [...e.char];
|
|
599
|
+
return cp.length ? cp[0] + this._tone.modifier + cp.slice(1).join('') : e.char;
|
|
1282
600
|
}
|
|
1283
|
-
grid.appendChild(this._buildEmojiFragment(emojis));
|
|
1284
|
-
}
|
|
1285
601
|
|
|
1286
|
-
|
|
1287
|
-
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
|
|
1291
|
-
|
|
1292
|
-
|
|
1293
|
-
e.name.toLowerCase().includes(q) ||
|
|
1294
|
-
e.name.replace(/_/g,' ').toLowerCase().includes(q) ||
|
|
1295
|
-
(e.kw && e.kw.some(k => k.toLowerCase().includes(q)))
|
|
1296
|
-
).slice(0, 60).map(e => ({
|
|
1297
|
-
...e,
|
|
1298
|
-
char: this._applySkinTone(e)
|
|
1299
|
-
}));
|
|
1300
|
-
|
|
1301
|
-
if (label) label.textContent = `Results for "${query}"`;
|
|
1302
|
-
grid.innerHTML = '';
|
|
1303
|
-
if (!results.length) {
|
|
1304
|
-
grid.innerHTML = `<div class="ep-empty">No results for "${query}"</div>`;
|
|
1305
|
-
return;
|
|
602
|
+
_setActiveTab(cat) {
|
|
603
|
+
if (!this._pickerEl) return;
|
|
604
|
+
this._pickerEl.querySelectorAll('.ep-cat-tab').forEach(t => {
|
|
605
|
+
const active = t.dataset.cat === cat;
|
|
606
|
+
t.classList.toggle('ep-active', active);
|
|
607
|
+
t.setAttribute('aria-selected', active);
|
|
608
|
+
});
|
|
1306
609
|
}
|
|
1307
|
-
grid.appendChild(this._buildEmojiFragment(results));
|
|
1308
|
-
}
|
|
1309
610
|
|
|
1310
|
-
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
|
-
|
|
1314
|
-
|
|
1315
|
-
|
|
1316
|
-
btn.setAttribute('aria-label', e.name.replace(/_/g,' '));
|
|
1317
|
-
btn.setAttribute('title', e.name.replace(/_/g,' '));
|
|
1318
|
-
const dataObj = {
|
|
1319
|
-
char: e.char,
|
|
1320
|
-
name: e.name,
|
|
1321
|
-
category: e.category,
|
|
1322
|
-
unicode: e.unicode || (e.char ? e.char.codePointAt(0).toString(16).toUpperCase() : null),
|
|
1323
|
-
skinTone: this._currentSkinTone.name === 'default' ? null : this._currentSkinTone.name,
|
|
1324
|
-
isCustom: e.isCustom || false
|
|
1325
|
-
};
|
|
1326
|
-
btn.dataset.emoji = JSON.stringify(dataObj);
|
|
1327
|
-
if (e.isCustom) {
|
|
1328
|
-
const img = document.createElement('img');
|
|
1329
|
-
img.src = e.url;
|
|
1330
|
-
img.alt = e.name;
|
|
1331
|
-
img.style.cssText = 'width:var(--ep-size,28px);height:var(--ep-size,28px);object-fit:contain';
|
|
1332
|
-
btn.appendChild(img);
|
|
1333
|
-
} else {
|
|
1334
|
-
btn.textContent = e.char;
|
|
611
|
+
_position() {
|
|
612
|
+
if (!this._pickerEl || this.options.mode === 'inline') return;
|
|
613
|
+
const el = this._pickerEl;
|
|
614
|
+
if (!this._triggerEl) {
|
|
615
|
+
el.style.cssText += ';position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)';
|
|
616
|
+
return;
|
|
1335
617
|
}
|
|
1336
|
-
|
|
618
|
+
requestAnimationFrame(() => {
|
|
619
|
+
const r = this._triggerEl.getBoundingClientRect();
|
|
620
|
+
const pw = el.offsetWidth || 352;
|
|
621
|
+
const ph = el.offsetHeight || 450;
|
|
622
|
+
let top = r.bottom + 8;
|
|
623
|
+
let left = r.left;
|
|
624
|
+
if (top + ph > window.innerHeight) top = Math.max(8, r.top - ph - 8);
|
|
625
|
+
if (left + pw > window.innerWidth) left = Math.max(8, window.innerWidth - pw - 8);
|
|
626
|
+
el.style.top = `${top}px`;
|
|
627
|
+
el.style.left = `${left}px`;
|
|
628
|
+
});
|
|
1337
629
|
}
|
|
1338
|
-
return frag;
|
|
1339
|
-
}
|
|
1340
|
-
|
|
1341
|
-
_applySkinTone(e) {
|
|
1342
|
-
if (!e.skinnable || this._currentSkinTone.name === 'default') return e.char;
|
|
1343
|
-
const modifier = this._currentSkinTone.modifier;
|
|
1344
|
-
// Insert modifier after base emoji (before ZWJ or variation selector if present)
|
|
1345
|
-
const base = e.char;
|
|
1346
|
-
// Handle ZWJ sequences – just prepend modifier after first codepoint
|
|
1347
|
-
const cp = [...base];
|
|
1348
|
-
if (cp.length > 0) return cp[0] + modifier + cp.slice(1).join('');
|
|
1349
|
-
return base;
|
|
1350
|
-
}
|
|
1351
630
|
|
|
1352
|
-
|
|
1353
|
-
|
|
1354
|
-
|
|
1355
|
-
|
|
1356
|
-
|
|
1357
|
-
|
|
631
|
+
/* ------------------------------------------------------------------
|
|
632
|
+
Emoji click handler
|
|
633
|
+
------------------------------------------------------------------ */
|
|
634
|
+
async _onEmojiClick(data, event) {
|
|
635
|
+
// IndexedDB: increment favorite count
|
|
636
|
+
try {
|
|
637
|
+
const prev = await EmojiDB.get('favorites', data.name);
|
|
638
|
+
await EmojiDB.put('favorites', {
|
|
639
|
+
name: data.name,
|
|
640
|
+
char: data.char,
|
|
641
|
+
count: ((prev && prev.count) || 0) + 1
|
|
642
|
+
});
|
|
643
|
+
} catch {}
|
|
644
|
+
|
|
645
|
+
// IndexedDB: update recents
|
|
646
|
+
if (this.options.recentEmojis && !data.isCustom) {
|
|
647
|
+
try {
|
|
648
|
+
await EmojiDB.put('recent', { ...data, ts: Date.now() });
|
|
649
|
+
const all = await EmojiDB.getAll('recent');
|
|
650
|
+
all.sort((a, b) => b.ts - a.ts);
|
|
651
|
+
for (const old of all.slice(this.options.maxRecent))
|
|
652
|
+
await EmojiDB.del('recent', old.name);
|
|
653
|
+
} catch {}
|
|
654
|
+
}
|
|
1358
655
|
|
|
1359
|
-
|
|
1360
|
-
|
|
1361
|
-
|
|
656
|
+
// Pop animation
|
|
657
|
+
if (this._pickerEl) {
|
|
658
|
+
const safe = JSON.stringify(data).replace(/'/g, "\\'");
|
|
659
|
+
const btn = this._pickerEl.querySelector(`[data-emoji='${safe}']`);
|
|
660
|
+
if (btn) { btn.classList.add('ep-pop'); setTimeout(() => btn.classList.remove('ep-pop'), 300); }
|
|
661
|
+
}
|
|
1362
662
|
|
|
1363
|
-
|
|
1364
|
-
|
|
1365
|
-
return;
|
|
663
|
+
this.emit('emojiClick', data, event);
|
|
664
|
+
if (this.options.autoClose && this.options.mode !== 'inline') this.close();
|
|
1366
665
|
}
|
|
1367
666
|
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1371
|
-
|
|
667
|
+
/* ------------------------------------------------------------------
|
|
668
|
+
Public API
|
|
669
|
+
------------------------------------------------------------------ */
|
|
670
|
+
open() {
|
|
671
|
+
if (this._open) return this;
|
|
672
|
+
this._open = true;
|
|
673
|
+
if (!this._pickerEl) this._render();
|
|
674
|
+
this._pickerEl.style.display = '';
|
|
675
|
+
this._pickerEl.classList.add('ep-visible');
|
|
676
|
+
this._cat = 'recent';
|
|
677
|
+
if (this._data) { this._buildTabs(); this._renderCat('recent'); }
|
|
678
|
+
this._position();
|
|
679
|
+
this.emit('pickerOpen');
|
|
680
|
+
setTimeout(() => {
|
|
681
|
+
const s = this._pickerEl && this._pickerEl.querySelector('.ep-search');
|
|
682
|
+
if (s && this.options.search) s.focus();
|
|
683
|
+
}, 60);
|
|
684
|
+
return this;
|
|
685
|
+
}
|
|
1372
686
|
|
|
1373
|
-
|
|
1374
|
-
|
|
687
|
+
close() {
|
|
688
|
+
if (!this._open) return this;
|
|
689
|
+
this._open = false;
|
|
690
|
+
if (this._pickerEl) this._pickerEl.classList.remove('ep-visible');
|
|
691
|
+
this.emit('pickerClose');
|
|
692
|
+
return this;
|
|
693
|
+
}
|
|
1375
694
|
|
|
1376
|
-
|
|
1377
|
-
if (left + pw > vw) left = vw - pw - 8;
|
|
1378
|
-
if (left < 8) left = 8;
|
|
1379
|
-
if (top < 8) top = 8;
|
|
695
|
+
toggle() { return this._open ? this.close() : this.open(); }
|
|
1380
696
|
|
|
1381
|
-
|
|
1382
|
-
|
|
697
|
+
destroy() {
|
|
698
|
+
if (this._pickerEl) { this._pickerEl.remove(); this._pickerEl = null; }
|
|
699
|
+
this._ev = {};
|
|
700
|
+
}
|
|
1383
701
|
|
|
1384
|
-
|
|
1385
|
-
|
|
1386
|
-
|
|
1387
|
-
|
|
1388
|
-
|
|
1389
|
-
|
|
1390
|
-
|
|
1391
|
-
|
|
702
|
+
setTheme(theme) {
|
|
703
|
+
this.options.theme = theme;
|
|
704
|
+
if (this._pickerEl) {
|
|
705
|
+
const dark = theme === 'dark' || (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches);
|
|
706
|
+
this._pickerEl.classList.toggle('ep-dark', dark);
|
|
707
|
+
this._pickerEl.classList.toggle('ep-light', !dark);
|
|
708
|
+
}
|
|
709
|
+
return this;
|
|
710
|
+
}
|
|
1392
711
|
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
|
|
1397
|
-
|
|
1398
|
-
|
|
1399
|
-
|
|
1400
|
-
|
|
1401
|
-
|
|
712
|
+
setLocale(locale) {
|
|
713
|
+
this.options.locale = locale;
|
|
714
|
+
this._t = LOCALES[locale] || LOCALES.en;
|
|
715
|
+
if (this._pickerEl) {
|
|
716
|
+
const was = this._open;
|
|
717
|
+
this._pickerEl.remove(); this._pickerEl = null; this._open = false;
|
|
718
|
+
if (was) this.open();
|
|
719
|
+
else if (this.options.mode === 'inline') this._render();
|
|
720
|
+
}
|
|
721
|
+
return this;
|
|
722
|
+
}
|
|
1402
723
|
|
|
1403
|
-
|
|
1404
|
-
|
|
1405
|
-
|
|
1406
|
-
|
|
1407
|
-
|
|
1408
|
-
|
|
1409
|
-
this._pickerEl.style.display = '';
|
|
1410
|
-
// Load recent or first category
|
|
1411
|
-
if (this._getRecentEmojis().length > 0) {
|
|
1412
|
-
this._currentCategory = 'recent';
|
|
1413
|
-
} else {
|
|
1414
|
-
this._currentCategory = 'Smileys & Emotion';
|
|
1415
|
-
this._setActiveTab(this._currentCategory);
|
|
724
|
+
/** Returns top N emojis by click count */
|
|
725
|
+
async getTopFavorites(n = 8) {
|
|
726
|
+
try {
|
|
727
|
+
const all = await EmojiDB.getAll('favorites');
|
|
728
|
+
return all.sort((a, b) => b.count - a.count).slice(0, n);
|
|
729
|
+
} catch { return []; }
|
|
1416
730
|
}
|
|
1417
|
-
|
|
1418
|
-
|
|
1419
|
-
|
|
1420
|
-
|
|
1421
|
-
|
|
1422
|
-
setTimeout(() => {
|
|
1423
|
-
const s = this._pickerEl && this._pickerEl.querySelector('.ep-search');
|
|
1424
|
-
if (s) s.focus();
|
|
1425
|
-
}, 50);
|
|
731
|
+
|
|
732
|
+
async clearRecent() {
|
|
733
|
+
try { await EmojiDB.clear('recent'); } catch {}
|
|
734
|
+
if (this._cat === 'recent' && this._pickerEl) this._renderCat('recent');
|
|
735
|
+
return this;
|
|
1426
736
|
}
|
|
1427
|
-
return this;
|
|
1428
|
-
}
|
|
1429
737
|
|
|
1430
|
-
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
if (this._pickerEl) {
|
|
1434
|
-
this._pickerEl.classList.remove('ep-visible');
|
|
738
|
+
async clearFavorites() {
|
|
739
|
+
try { await EmojiDB.clear('favorites'); } catch {}
|
|
740
|
+
return this;
|
|
1435
741
|
}
|
|
1436
|
-
this.emit('pickerClose');
|
|
1437
|
-
return this;
|
|
1438
|
-
}
|
|
1439
742
|
|
|
1440
|
-
|
|
1441
|
-
|
|
1442
|
-
|
|
743
|
+
/* ------------------------------------------------------------------
|
|
744
|
+
Static helpers
|
|
745
|
+
------------------------------------------------------------------ */
|
|
746
|
+
static attachToInput(selector, opts = {}) {
|
|
747
|
+
const input = typeof selector === 'string' ? document.querySelector(selector) : selector;
|
|
748
|
+
if (!input) return null;
|
|
1443
749
|
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
if (idx > -1) EmojiPicker._instances.splice(idx, 1);
|
|
1449
|
-
}
|
|
750
|
+
const wrap = document.createElement('span');
|
|
751
|
+
wrap.style.cssText = 'position:relative;display:inline-flex;align-items:center;gap:4px';
|
|
752
|
+
input.parentNode.insertBefore(wrap, input);
|
|
753
|
+
wrap.appendChild(input);
|
|
1450
754
|
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
|
|
1455
|
-
|
|
1456
|
-
|
|
755
|
+
const btn = document.createElement('button');
|
|
756
|
+
btn.type = 'button'; btn.textContent = '😊';
|
|
757
|
+
btn.setAttribute('aria-label', 'Open emoji picker');
|
|
758
|
+
btn.style.cssText = 'background:none;border:none;cursor:pointer;font-size:22px;padding:4px;line-height:1;border-radius:6px;transition:transform 0.15s;flex-shrink:0';
|
|
759
|
+
btn.addEventListener('mouseenter', () => (btn.style.transform = 'scale(1.2)'));
|
|
760
|
+
btn.addEventListener('mouseleave', () => (btn.style.transform = 'scale(1)'));
|
|
761
|
+
wrap.appendChild(btn);
|
|
762
|
+
|
|
763
|
+
const picker = new EmojiPicker({ container: btn, mode: 'dropdown', ...opts });
|
|
764
|
+
picker.on('emojiClick', emoji => {
|
|
765
|
+
if (!emoji.char) return;
|
|
766
|
+
const s = input.selectionStart != null ? input.selectionStart : input.value.length;
|
|
767
|
+
const e = input.selectionEnd != null ? input.selectionEnd : s;
|
|
768
|
+
input.value = input.value.slice(0, s) + emoji.char + input.value.slice(e);
|
|
769
|
+
const pos = s + emoji.char.length;
|
|
770
|
+
input.setSelectionRange(pos, pos);
|
|
771
|
+
input.focus();
|
|
772
|
+
input.dispatchEvent(new Event('input', { bubbles: true }));
|
|
773
|
+
input.dispatchEvent(new Event('change', { bubbles: true }));
|
|
774
|
+
});
|
|
775
|
+
return picker;
|
|
1457
776
|
}
|
|
1458
|
-
return this;
|
|
1459
|
-
}
|
|
1460
777
|
|
|
1461
|
-
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
|
|
1465
|
-
|
|
1466
|
-
|
|
1467
|
-
input.parentNode.insertBefore(wrapper, input);
|
|
1468
|
-
wrapper.appendChild(input);
|
|
1469
|
-
|
|
1470
|
-
const triggerBtn = document.createElement('button');
|
|
1471
|
-
triggerBtn.textContent = '😊';
|
|
1472
|
-
triggerBtn.style.cssText = 'background:none;border:none;cursor:pointer;font-size:22px;padding:4px;line-height:1;border-radius:6px;transition:transform 0.15s;';
|
|
1473
|
-
triggerBtn.onmouseenter = () => triggerBtn.style.transform = 'scale(1.2)';
|
|
1474
|
-
triggerBtn.onmouseleave = () => triggerBtn.style.transform = 'scale(1)';
|
|
1475
|
-
wrapper.appendChild(triggerBtn);
|
|
1476
|
-
|
|
1477
|
-
const picker = new EmojiPicker({ container: triggerBtn, mode: 'dropdown', ...opts });
|
|
1478
|
-
picker.on('emojiClick', (emoji) => {
|
|
1479
|
-
const pos = input.selectionStart || input.value.length;
|
|
1480
|
-
const before = input.value.substring(0, pos);
|
|
1481
|
-
const after = input.value.substring(input.selectionEnd || pos);
|
|
1482
|
-
input.value = before + emoji.char + after;
|
|
1483
|
-
const newPos = pos + emoji.char.length;
|
|
1484
|
-
input.setSelectionRange(newPos, newPos);
|
|
1485
|
-
input.focus();
|
|
1486
|
-
input.dispatchEvent(new Event('input', { bubbles: true }));
|
|
1487
|
-
});
|
|
1488
|
-
return picker;
|
|
778
|
+
/** Warm up: fetches and caches emoji data without showing any UI */
|
|
779
|
+
static async preload(opts = {}) {
|
|
780
|
+
const p = new EmojiPicker(opts);
|
|
781
|
+
await p._fetchData();
|
|
782
|
+
return p;
|
|
783
|
+
}
|
|
1489
784
|
}
|
|
1490
|
-
}
|
|
1491
785
|
|
|
1492
|
-
/*
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
|
|
786
|
+
/* ==========================================================================
|
|
787
|
+
CSS
|
|
788
|
+
========================================================================== */
|
|
789
|
+
if (!document.getElementById('ep-styles')) {
|
|
790
|
+
const s = document.createElement('style');
|
|
791
|
+
s.id = 'ep-styles';
|
|
792
|
+
s.textContent = `
|
|
1496
793
|
.ep-picker {
|
|
1497
|
-
--ep-bg:
|
|
1498
|
-
--ep-surface:
|
|
1499
|
-
--ep-
|
|
1500
|
-
--ep-
|
|
1501
|
-
--ep-text:
|
|
1502
|
-
--ep-
|
|
1503
|
-
--ep-
|
|
1504
|
-
--ep-
|
|
1505
|
-
--ep-
|
|
1506
|
-
--ep-
|
|
1507
|
-
--ep-
|
|
1508
|
-
--ep-
|
|
1509
|
-
|
|
1510
|
-
--ep-search-bg: rgba(255,255,255,0.05);
|
|
794
|
+
--ep-bg: #16192a;
|
|
795
|
+
--ep-surface: #1e2236;
|
|
796
|
+
--ep-border: rgba(255,255,255,0.07);
|
|
797
|
+
--ep-text: #e2e6f5;
|
|
798
|
+
--ep-text-dim: #636b86;
|
|
799
|
+
--ep-accent: #6c63ff;
|
|
800
|
+
--ep-hover: rgba(108,99,255,0.13);
|
|
801
|
+
--ep-active-tab: rgba(108,99,255,0.22);
|
|
802
|
+
--ep-size: 28px;
|
|
803
|
+
--ep-radius: 18px;
|
|
804
|
+
--ep-shadow: 0 24px 64px rgba(0,0,0,0.55),0 0 0 1px rgba(255,255,255,0.06);
|
|
805
|
+
--ep-search-bg: rgba(255,255,255,0.04);
|
|
806
|
+
font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
|
|
1511
807
|
}
|
|
1512
808
|
.ep-picker.ep-light {
|
|
1513
|
-
--ep-bg:
|
|
1514
|
-
--ep-surface:
|
|
1515
|
-
--ep-
|
|
1516
|
-
--ep-
|
|
1517
|
-
--ep-text:
|
|
1518
|
-
--ep-
|
|
1519
|
-
--ep-
|
|
1520
|
-
--ep-
|
|
1521
|
-
--ep-
|
|
1522
|
-
--ep-
|
|
1523
|
-
--ep-search-bg: rgba(0,0,0,0.04);
|
|
1524
|
-
--ep-shadow: 0 20px 60px rgba(0,0,0,0.15), 0 0 0 1px rgba(0,0,0,0.06);
|
|
809
|
+
--ep-bg: #fff;
|
|
810
|
+
--ep-surface: #f4f5fa;
|
|
811
|
+
--ep-border: rgba(0,0,0,0.07);
|
|
812
|
+
--ep-text: #1a1d2e;
|
|
813
|
+
--ep-text-dim: #8b93ad;
|
|
814
|
+
--ep-accent: #5b52f0;
|
|
815
|
+
--ep-hover: rgba(91,82,240,0.08);
|
|
816
|
+
--ep-active-tab: rgba(91,82,240,0.13);
|
|
817
|
+
--ep-search-bg: rgba(0,0,0,0.04);
|
|
818
|
+
--ep-shadow: 0 16px 48px rgba(0,0,0,0.14),0 0 0 1px rgba(0,0,0,0.06);
|
|
1525
819
|
}
|
|
1526
820
|
.ep-picker.ep-floating {
|
|
1527
|
-
position:
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
|
|
1531
|
-
opacity
|
|
1532
|
-
|
|
1533
|
-
transition: opacity 0.18s, transform 0.18s;
|
|
1534
|
-
will-change: transform, opacity;
|
|
821
|
+
position:fixed;z-index:2147483647;width:352px;
|
|
822
|
+
display:none;opacity:0;
|
|
823
|
+
transform:translateY(8px) scale(0.96);
|
|
824
|
+
transform-origin:top left;
|
|
825
|
+
transition:opacity .16s ease,transform .16s ease;
|
|
826
|
+
pointer-events:none;
|
|
1535
827
|
}
|
|
1536
828
|
.ep-picker.ep-floating.ep-visible {
|
|
1537
|
-
display:
|
|
1538
|
-
opacity: 1;
|
|
1539
|
-
transform: translateY(0) scale(1);
|
|
1540
|
-
}
|
|
1541
|
-
.ep-picker.ep-inline {
|
|
1542
|
-
position: relative;
|
|
1543
|
-
width: 100%;
|
|
829
|
+
display:block;opacity:1;transform:none;pointer-events:auto;
|
|
1544
830
|
}
|
|
831
|
+
.ep-picker.ep-inline { position:relative;width:100%; }
|
|
1545
832
|
.ep-inner {
|
|
1546
|
-
background:
|
|
1547
|
-
|
|
1548
|
-
|
|
1549
|
-
border: 1px solid var(--ep-border);
|
|
1550
|
-
overflow: hidden;
|
|
1551
|
-
display: flex;
|
|
1552
|
-
flex-direction: column;
|
|
1553
|
-
}
|
|
1554
|
-
.ep-search-row {
|
|
1555
|
-
padding: 12px 12px 8px;
|
|
1556
|
-
}
|
|
1557
|
-
.ep-search-wrap {
|
|
1558
|
-
position: relative;
|
|
1559
|
-
display: flex;
|
|
1560
|
-
align-items: center;
|
|
1561
|
-
}
|
|
1562
|
-
.ep-search-icon {
|
|
1563
|
-
position: absolute;
|
|
1564
|
-
left: 10px;
|
|
1565
|
-
width: 15px;
|
|
1566
|
-
height: 15px;
|
|
1567
|
-
color: var(--ep-text-dim);
|
|
1568
|
-
pointer-events: none;
|
|
833
|
+
background:var(--ep-bg);border-radius:var(--ep-radius);
|
|
834
|
+
box-shadow:var(--ep-shadow);border:1px solid var(--ep-border);
|
|
835
|
+
overflow:hidden;display:flex;flex-direction:column;
|
|
1569
836
|
}
|
|
837
|
+
.ep-search-row { padding:12px 12px 8px; }
|
|
838
|
+
.ep-search-wrap { position:relative;display:flex;align-items:center; }
|
|
839
|
+
.ep-search-icon { position:absolute;left:10px;width:14px;height:14px;color:var(--ep-text-dim);pointer-events:none; }
|
|
1570
840
|
.ep-search {
|
|
1571
|
-
width:
|
|
1572
|
-
|
|
1573
|
-
|
|
1574
|
-
border-
|
|
1575
|
-
color: var(--ep-text);
|
|
1576
|
-
font-size: 13px;
|
|
1577
|
-
font-family: inherit;
|
|
1578
|
-
padding: 8px 32px 8px 32px;
|
|
1579
|
-
outline: none;
|
|
1580
|
-
transition: border-color 0.15s, background 0.15s;
|
|
841
|
+
width:100%;background:var(--ep-search-bg);border:1px solid var(--ep-border);
|
|
842
|
+
border-radius:10px;color:var(--ep-text);font-size:13px;font-family:inherit;
|
|
843
|
+
padding:8px 30px 8px 30px;outline:none;
|
|
844
|
+
transition:border-color .15s,box-shadow .15s;
|
|
1581
845
|
}
|
|
1582
|
-
.ep-search:focus {
|
|
1583
|
-
|
|
1584
|
-
background: var(--ep-hover);
|
|
1585
|
-
}
|
|
1586
|
-
.ep-search::placeholder { color: var(--ep-text-dim); }
|
|
846
|
+
.ep-search:focus { border-color:var(--ep-accent);box-shadow:0 0 0 3px rgba(108,99,255,0.15); }
|
|
847
|
+
.ep-search::placeholder { color:var(--ep-text-dim); }
|
|
1587
848
|
.ep-search-clear {
|
|
1588
|
-
position:
|
|
1589
|
-
|
|
1590
|
-
|
|
1591
|
-
border: none;
|
|
1592
|
-
color: var(--ep-text-dim);
|
|
1593
|
-
cursor: pointer;
|
|
1594
|
-
font-size: 12px;
|
|
1595
|
-
padding: 2px 5px;
|
|
1596
|
-
border-radius: 4px;
|
|
1597
|
-
display: flex;
|
|
1598
|
-
align-items: center;
|
|
1599
|
-
transition: color 0.15s;
|
|
849
|
+
position:absolute;right:8px;background:none;border:none;color:var(--ep-text-dim);
|
|
850
|
+
cursor:pointer;font-size:11px;padding:3px 5px;border-radius:4px;
|
|
851
|
+
display:flex;align-items:center;transition:color .12s;
|
|
1600
852
|
}
|
|
1601
|
-
.ep-search-clear:hover { color:
|
|
1602
|
-
|
|
853
|
+
.ep-search-clear:hover { color:var(--ep-text); }
|
|
1603
854
|
.ep-cats {
|
|
1604
|
-
display:
|
|
1605
|
-
|
|
1606
|
-
|
|
1607
|
-
border-bottom: 1px solid var(--ep-border);
|
|
1608
|
-
overflow-x: auto;
|
|
1609
|
-
scrollbar-width: none;
|
|
855
|
+
display:flex;padding:2px 8px 0;gap:1px;
|
|
856
|
+
border-bottom:1px solid var(--ep-border);
|
|
857
|
+
overflow-x:auto;scrollbar-width:none;
|
|
1610
858
|
}
|
|
1611
|
-
.ep-cats::-webkit-scrollbar { display:
|
|
859
|
+
.ep-cats::-webkit-scrollbar { display:none; }
|
|
1612
860
|
.ep-cat-tab {
|
|
1613
|
-
flex:
|
|
1614
|
-
|
|
1615
|
-
|
|
1616
|
-
cursor: pointer;
|
|
1617
|
-
font-size: 18px;
|
|
1618
|
-
padding: 8px 9px;
|
|
1619
|
-
border-radius: 8px;
|
|
1620
|
-
transition: background 0.12s, transform 0.1s;
|
|
1621
|
-
line-height: 1;
|
|
1622
|
-
position: relative;
|
|
1623
|
-
outline: none;
|
|
1624
|
-
}
|
|
1625
|
-
.ep-cat-tab:hover { background: var(--ep-hover); transform: scale(1.1); }
|
|
1626
|
-
.ep-cat-tab.ep-active {
|
|
1627
|
-
background: var(--ep-active-tab);
|
|
861
|
+
flex:none;background:none;border:none;cursor:pointer;
|
|
862
|
+
font-size:17px;padding:8px 8px 6px;border-radius:8px 8px 0 0;
|
|
863
|
+
transition:background .12s,transform .1s;line-height:1;position:relative;outline:none;
|
|
1628
864
|
}
|
|
865
|
+
.ep-cat-tab:hover { background:var(--ep-hover);transform:scale(1.12); }
|
|
866
|
+
.ep-cat-tab.ep-active { background:var(--ep-active-tab); }
|
|
1629
867
|
.ep-cat-tab.ep-active::after {
|
|
1630
|
-
content:
|
|
1631
|
-
|
|
1632
|
-
bottom: 2px; left: 50%;
|
|
1633
|
-
transform: translateX(-50%);
|
|
1634
|
-
width: 4px; height: 4px;
|
|
1635
|
-
border-radius: 2px;
|
|
1636
|
-
background: var(--ep-accent);
|
|
868
|
+
content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);
|
|
869
|
+
width:16px;height:2px;border-radius:2px 2px 0 0;background:var(--ep-accent);
|
|
1637
870
|
}
|
|
1638
|
-
|
|
1639
871
|
.ep-category-label {
|
|
1640
|
-
font-size:
|
|
1641
|
-
|
|
1642
|
-
letter-spacing: 0.06em;
|
|
1643
|
-
text-transform: uppercase;
|
|
1644
|
-
color: var(--ep-text-dim);
|
|
1645
|
-
padding: 8px 14px 4px;
|
|
872
|
+
font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
|
|
873
|
+
color:var(--ep-text-dim);padding:8px 14px 2px;min-height:24px;
|
|
1646
874
|
}
|
|
1647
|
-
|
|
1648
875
|
.ep-grid-wrap {
|
|
1649
|
-
height:
|
|
1650
|
-
|
|
1651
|
-
padding: 4px 8px 8px;
|
|
1652
|
-
scrollbar-width: thin;
|
|
1653
|
-
scrollbar-color: var(--ep-border) transparent;
|
|
1654
|
-
}
|
|
1655
|
-
.ep-grid-wrap::-webkit-scrollbar { width: 4px; }
|
|
1656
|
-
.ep-grid-wrap::-webkit-scrollbar-thumb {
|
|
1657
|
-
background: var(--ep-border);
|
|
1658
|
-
border-radius: 2px;
|
|
1659
|
-
}
|
|
1660
|
-
.ep-grid {
|
|
1661
|
-
display: grid;
|
|
1662
|
-
grid-template-columns: repeat(8, 1fr);
|
|
1663
|
-
gap: 2px;
|
|
876
|
+
height:264px;overflow-y:auto;padding:4px 8px 8px;
|
|
877
|
+
scrollbar-width:thin;scrollbar-color:var(--ep-border) transparent;
|
|
1664
878
|
}
|
|
879
|
+
.ep-grid-wrap::-webkit-scrollbar { width:4px; }
|
|
880
|
+
.ep-grid-wrap::-webkit-scrollbar-thumb { background:var(--ep-border);border-radius:2px; }
|
|
881
|
+
.ep-grid { display:grid;grid-template-columns:repeat(8,1fr);gap:1px; }
|
|
1665
882
|
.ep-emoji-btn {
|
|
1666
|
-
background:
|
|
1667
|
-
border:
|
|
1668
|
-
|
|
1669
|
-
|
|
1670
|
-
|
|
1671
|
-
|
|
1672
|
-
|
|
1673
|
-
|
|
1674
|
-
|
|
1675
|
-
|
|
1676
|
-
justify-content: center;
|
|
1677
|
-
user-select: none;
|
|
1678
|
-
outline: none;
|
|
1679
|
-
aspect-ratio: 1;
|
|
1680
|
-
}
|
|
1681
|
-
.ep-emoji-btn:hover {
|
|
1682
|
-
background: var(--ep-hover);
|
|
1683
|
-
transform: scale(1.2);
|
|
1684
|
-
}
|
|
1685
|
-
.ep-emoji-btn:active { transform: scale(0.9); }
|
|
1686
|
-
.ep-emoji-btn.ep-pop {
|
|
1687
|
-
animation: ep-pop 0.25s ease;
|
|
1688
|
-
}
|
|
883
|
+
background:none;border:none;cursor:pointer;
|
|
884
|
+
font-size:var(--ep-size);line-height:1;padding:4px;border-radius:8px;
|
|
885
|
+
transition:background .08s,transform .1s;
|
|
886
|
+
display:flex;align-items:center;justify-content:center;
|
|
887
|
+
user-select:none;outline:none;aspect-ratio:1;
|
|
888
|
+
-webkit-tap-highlight-color:transparent;
|
|
889
|
+
}
|
|
890
|
+
.ep-emoji-btn:hover { background:var(--ep-hover);transform:scale(1.22);z-index:1;position:relative; }
|
|
891
|
+
.ep-emoji-btn:active { transform:scale(0.88); }
|
|
892
|
+
.ep-emoji-btn.ep-pop { animation:ep-pop .28s cubic-bezier(.36,.07,.19,.97); }
|
|
1689
893
|
@keyframes ep-pop {
|
|
1690
|
-
0%
|
|
1691
|
-
|
|
1692
|
-
|
|
1693
|
-
100%
|
|
894
|
+
0% { transform:scale(1); }
|
|
895
|
+
35% { transform:scale(1.45); }
|
|
896
|
+
65% { transform:scale(0.82); }
|
|
897
|
+
100%{ transform:scale(1); }
|
|
1694
898
|
}
|
|
1695
|
-
.ep-
|
|
1696
|
-
|
|
1697
|
-
|
|
1698
|
-
|
|
1699
|
-
color: var(--ep-text-dim);
|
|
1700
|
-
font-size: 13px;
|
|
899
|
+
.ep-skeleton {
|
|
900
|
+
aspect-ratio:1;border-radius:8px;
|
|
901
|
+
background:linear-gradient(90deg,var(--ep-surface) 25%,var(--ep-border) 50%,var(--ep-surface) 75%);
|
|
902
|
+
background-size:200% 100%;animation:ep-shimmer 1.4s infinite;
|
|
1701
903
|
}
|
|
1702
|
-
|
|
1703
|
-
.ep-
|
|
1704
|
-
|
|
1705
|
-
|
|
1706
|
-
display: flex;
|
|
1707
|
-
align-items: center;
|
|
1708
|
-
justify-content: space-between;
|
|
1709
|
-
gap: 8px;
|
|
904
|
+
@keyframes ep-shimmer { 0%{background-position:200% 0}100%{background-position:-200% 0} }
|
|
905
|
+
.ep-empty,.ep-loading {
|
|
906
|
+
grid-column:1/-1;padding:32px 12px;
|
|
907
|
+
text-align:center;color:var(--ep-text-dim);font-size:13px;
|
|
1710
908
|
}
|
|
1711
|
-
.ep-
|
|
1712
|
-
|
|
1713
|
-
gap:
|
|
909
|
+
.ep-footer {
|
|
910
|
+
border-top:1px solid var(--ep-border);padding:7px 10px;
|
|
911
|
+
display:flex;align-items:center;gap:8px;
|
|
1714
912
|
}
|
|
913
|
+
.ep-skin-tones { display:flex;gap:3px; }
|
|
1715
914
|
.ep-skin-btn {
|
|
1716
|
-
background:
|
|
1717
|
-
border:
|
|
1718
|
-
|
|
1719
|
-
padding: 2px;
|
|
1720
|
-
border-radius: 50%;
|
|
1721
|
-
line-height: 1;
|
|
1722
|
-
transition: border-color 0.12s, transform 0.1s;
|
|
1723
|
-
outline: none;
|
|
915
|
+
background:none;border:2px solid transparent;cursor:pointer;
|
|
916
|
+
padding:1px;border-radius:50%;font-size:15px;line-height:1;
|
|
917
|
+
transition:border-color .12s,transform .1s;outline:none;
|
|
1724
918
|
}
|
|
1725
|
-
.ep-skin-btn:hover { transform:
|
|
1726
|
-
.ep-skin-btn.ep-active { border-color:
|
|
919
|
+
.ep-skin-btn:hover { transform:scale(1.18);border-color:var(--ep-border); }
|
|
920
|
+
.ep-skin-btn.ep-active { border-color:var(--ep-accent); }
|
|
1727
921
|
.ep-preview {
|
|
1728
|
-
display:
|
|
1729
|
-
|
|
1730
|
-
gap: 6px;
|
|
1731
|
-
flex: 1;
|
|
1732
|
-
justify-content: flex-end;
|
|
1733
|
-
min-height: 24px;
|
|
1734
|
-
}
|
|
1735
|
-
.ep-preview-char {
|
|
1736
|
-
font-size: 22px;
|
|
1737
|
-
line-height: 1;
|
|
1738
|
-
}
|
|
1739
|
-
.ep-preview-name {
|
|
1740
|
-
font-size: 11px;
|
|
1741
|
-
color: var(--ep-text-dim);
|
|
1742
|
-
max-width: 140px;
|
|
1743
|
-
overflow: hidden;
|
|
1744
|
-
text-overflow: ellipsis;
|
|
1745
|
-
white-space: nowrap;
|
|
1746
|
-
text-align: right;
|
|
922
|
+
flex:1;display:flex;align-items:center;gap:6px;
|
|
923
|
+
justify-content:flex-end;min-height:22px;overflow:hidden;
|
|
1747
924
|
}
|
|
925
|
+
.ep-preview-char { font-size:20px;line-height:1;flex-shrink:0; }
|
|
926
|
+
.ep-preview-name { font-size:11px;color:var(--ep-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
|
|
1748
927
|
`;
|
|
1749
|
-
|
|
1750
|
-
|
|
1751
|
-
styleEl.textContent = STYLES;
|
|
1752
|
-
document.head.appendChild(styleEl);
|
|
928
|
+
document.head.appendChild(s);
|
|
929
|
+
}
|
|
1753
930
|
|
|
1754
931
|
return EmojiPicker;
|
|
1755
|
-
|
|
932
|
+
|
|
933
|
+
})); // UMD end
|