@webitel/ui-sdk 26.6.13 → 26.6.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (135) hide show
  1. package/dist/{contacts-BaxyRLLM.js → contacts-Bn25LSM7.js} +2 -2
  2. package/dist/{index-CigyElUb.js → index-CIA7dKZk.js} +1 -1
  3. package/dist/{index-DApIkp62.js → index-DEyszQsx.js} +1 -1
  4. package/dist/{install-DawOaJvS.js → install-BLruag0s.js} +14002 -12926
  5. package/dist/{isObject-CYCEPn3N.js → isObject-wgGRYtgO.js} +1 -1
  6. package/dist/ui-sdk.css +1 -1
  7. package/dist/ui-sdk.js +1 -1
  8. package/dist/ui-sdk.umd.cjs +565 -279
  9. package/dist/{useVidstackSrc-DyrOa4mk.js → useVidstackSrc-BBi5oq8T.js} +1 -1
  10. package/dist/{vidstack-Bq6c3Bam-CAY97-jZ.js → vidstack-Bq6c3Bam-DXIHaRU6.js} +3 -3
  11. package/dist/{vidstack-D2pY00kU-CueRPheM.js → vidstack-D2pY00kU-BE_AqirM.js} +3 -3
  12. package/dist/{vidstack-DDXt6fpN-BRLi6AkS.js → vidstack-DDXt6fpN-D3xykUxG.js} +2 -2
  13. package/dist/{vidstack-D_-9AA6_-Dc5WN-OL.js → vidstack-D_-9AA6_-BDS42mA3.js} +2 -2
  14. package/dist/{vidstack-DqAw8m9J-D32aS290.js → vidstack-DqAw8m9J-DtFh5mkx.js} +1 -1
  15. package/dist/{vidstack-audio-BbddnRPa.js → vidstack-audio-BwtaRJRZ.js} +2 -2
  16. package/dist/{vidstack-dash-BNYPf-SD.js → vidstack-dash-CT0qNTAI.js} +4 -4
  17. package/dist/{vidstack-google-cast-f5Q76VEc.js → vidstack-google-cast-C4kSroiv.js} +4 -4
  18. package/dist/{vidstack-hls-hJ9GD_pP.js → vidstack-hls-CtCsnt_W.js} +4 -4
  19. package/dist/{vidstack-video-qY9NJ4Rl.js → vidstack-video-Bzwbx0RC.js} +3 -3
  20. package/dist/{vidstack-vimeo-Dcb0hTaj.js → vidstack-vimeo-CjK5ElAg.js} +4 -4
  21. package/dist/{vidstack-youtube-B29lleYJ.js → vidstack-youtube-C9_vpuPD.js} +3 -3
  22. package/dist/{wt-action-bar-ChN3mio6.js → wt-action-bar-Bc_GH6kU.js} +1 -1
  23. package/dist/{wt-button-select-KD0cPK4H.js → wt-button-select-Cc9o-NiI.js} +1 -1
  24. package/dist/{wt-call-media-action-BvM04q4r.js → wt-call-media-action-sWq9pI2N.js} +1 -1
  25. package/dist/wt-chat-emoji-Cl3YsoL-.js +2909 -0
  26. package/dist/{wt-confirm-dialog-DMquYnrJ.js → wt-confirm-dialog-yyIkkLwI.js} +1 -1
  27. package/dist/{wt-context-menu-ToE9-ffe.js → wt-context-menu-6WwSx8qR.js} +1 -1
  28. package/dist/{wt-copy-action-Bylf142B.js → wt-copy-action-Ea6x__OX.js} +1 -1
  29. package/dist/{wt-datepicker-BV7rf6Wk.js → wt-datepicker-Bi8iXDQC.js} +1 -1
  30. package/dist/{wt-display-chip-items-CXv8kX5b.js → wt-display-chip-items-CyshgAI0.js} +11 -11
  31. package/dist/{wt-dual-panel-Jmj4ip6N.js → wt-dual-panel-C3lUe446.js} +1 -1
  32. package/dist/{wt-dummy-BxEArso4.js → wt-dummy-07cnh7OP.js} +1 -1
  33. package/dist/{wt-error-page-rcqO8ZX0.js → wt-error-page-P4gAwDj2.js} +1 -1
  34. package/dist/{wt-expansion-card-By036A5Q.js → wt-expansion-card-DsLok2qe.js} +5 -5
  35. package/dist/{wt-expansion-panel-BFYozFsJ.js → wt-expansion-panel-BLgze326.js} +9 -9
  36. package/dist/{wt-filters-panel-wrapper-C49nxd6Z.js → wt-filters-panel-wrapper-BI7tOtsM.js} +1 -1
  37. package/dist/{wt-galleria-72LEmzfX.js → wt-galleria-DjUSBG29.js} +1 -1
  38. package/dist/{wt-inline-add-panel-CL0aM32a.js → wt-inline-add-panel-Bg32h70I.js} +1 -1
  39. package/dist/{wt-navigation-menu-B87j3Gxu.js → wt-navigation-menu-BhoGF372.js} +1 -1
  40. package/dist/{wt-notifications-bar-DJ7zMmH9.js → wt-notifications-bar-o6ePcWRj.js} +2 -2
  41. package/dist/{wt-pagination-D1kszR59.js → wt-pagination-DXVZMbtn.js} +1 -1
  42. package/dist/{wt-player-1VkST0ny.js → wt-player-Dv6UMcr3.js} +2 -2
  43. package/dist/{wt-screen-recordings-action-Boy3xJvB.js → wt-screen-recordings-action-BjIRc7t6.js} +1 -1
  44. package/dist/{wt-search-bar-D1qU-jDZ.js → wt-search-bar-CiyJ55hK.js} +1 -1
  45. package/dist/{wt-selection-popup-Bwa7CJym.js → wt-selection-popup-DLkerKfA.js} +1 -1
  46. package/dist/{wt-send-message-popup-1NrObXfW.js → wt-send-message-popup-CjfsCxfI.js} +18 -18
  47. package/dist/{wt-start-page-D3XXOoLT.js → wt-start-page-C-3-3fZc.js} +1 -1
  48. package/dist/{wt-status-select-BOPkG0nj.js → wt-status-select-CiKHudco.js} +1 -1
  49. package/dist/{wt-stepper-2TcrBla0.js → wt-stepper-CvqNjYsK.js} +1 -1
  50. package/dist/{wt-table-DpasMSII.js → wt-table-CBRWEe6H.js} +2 -2
  51. package/dist/{wt-table-actions-CQ67TwoU.js → wt-table-actions-ByAbJLsX.js} +1 -1
  52. package/dist/{wt-table-column-select-BZH5aqRk.js → wt-table-column-select-BsRkHmev.js} +2 -2
  53. package/dist/{wt-tabs-DOiZ6vld.js → wt-tabs-CtNBd15N.js} +1 -1
  54. package/dist/{wt-tags-input-DrP4EVai.js → wt-tags-input-DD9rSzuh.js} +2 -2
  55. package/dist/{wt-timepicker-CenAtHJ9.js → wt-timepicker-Cka-r9m0.js} +1 -1
  56. package/dist/{wt-tree-vAsblHJz.js → wt-tree-sZocE-Ui.js} +2 -2
  57. package/dist/{wt-tree-table-Bu35HIvM.js → wt-tree-table-D8JL2d1D.js} +2 -2
  58. package/dist/{wt-type-extension-value-input-B6k7nGgn.js → wt-type-extension-value-input-C1Ez10TA.js} +3 -3
  59. package/dist/{wt-vidstack-player-NmB4VBNR.js → wt-vidstack-player-Bv44QAeW.js} +10 -10
  60. package/package.json +1 -1
  61. package/src/components/_internals/composables/index.ts +7 -0
  62. package/src/components/_internals/composables/useSelect/useSelect.ts +101 -0
  63. package/src/components/_internals/composables/useSelect/useSelectCustomValues.ts +89 -0
  64. package/src/components/_internals/composables/useSelect/useSelectDropdown.ts +93 -0
  65. package/src/components/_internals/composables/useSelect/useSelectOptions.ts +198 -0
  66. package/src/components/_internals/composables/useSelect/useSelectUtils.ts +32 -0
  67. package/src/{composables → components/_internals/composables}/useWtTable/useWtTable.ts +1 -1
  68. package/src/components/index.js +6 -0
  69. package/src/components/wt-chip/wt-chip.vue +11 -2
  70. package/src/components/wt-expansion-card/wt-expansion-card.vue +1 -1
  71. package/src/components/wt-expansion-panel/wt-expansion-panel.vue +1 -1
  72. package/src/components/wt-galleria/wt-galleria.vue +4 -2
  73. package/src/components/wt-input-number/wt-input-number.vue +1 -2
  74. package/src/components/wt-input-text/wt-input-text.vue +3 -2
  75. package/src/components/wt-multi-select/wt-multi-select.vue +254 -0
  76. package/src/components/wt-password/wt-password.vue +1 -2
  77. package/src/components/wt-single-select/wt-single-select.vue +229 -0
  78. package/src/components/wt-table/wt-table.vue +1 -2
  79. package/src/components/wt-tree-table/wt-tree-table.vue +1 -2
  80. package/src/composables/index.ts +0 -6
  81. package/src/locale/en/en.js +3 -0
  82. package/src/locale/es/es.js +3 -0
  83. package/src/locale/kz/kz.js +3 -0
  84. package/src/locale/pl/pl.js +3 -0
  85. package/src/locale/ro/ro.js +3 -0
  86. package/src/locale/ru/ru.js +3 -0
  87. package/src/locale/uk/uk.js +3 -0
  88. package/src/locale/uz/uz.js +3 -0
  89. package/src/locale/vi/vi.js +3 -0
  90. package/src/plugins/primevue/primevue.plugin.js +4 -0
  91. package/src/plugins/primevue/theme/components/checkbox/checkbox.js +1 -1
  92. package/src/plugins/primevue/theme/components/components.js +4 -0
  93. package/src/plugins/primevue/theme/components/multi-select/multi-select.js +32 -0
  94. package/src/plugins/primevue/theme/components/single-select/single-select.js +24 -0
  95. package/types/components/_internals/composables/index.d.ts +7 -0
  96. package/types/components/_internals/composables/useSelect/useSelect.d.ts +29 -0
  97. package/types/components/_internals/composables/useSelect/useSelectCustomValues.d.ts +16 -0
  98. package/types/components/_internals/composables/useSelect/useSelectDropdown.d.ts +20 -0
  99. package/types/components/_internals/composables/useSelect/useSelectOptions.d.ts +20 -0
  100. package/types/components/_internals/composables/useSelect/useSelectUtils.d.ts +3 -0
  101. package/types/{composables → components/_internals/composables}/useWtTable/useWtTable.d.ts +0 -1
  102. package/types/components/wt-chip/wt-chip.vue.d.ts +5 -1
  103. package/types/components/wt-multi-select/wt-multi-select.vue.d.ts +82 -0
  104. package/types/components/wt-select/wt-select.vue.d.ts +1 -1
  105. package/types/components/wt-single-select/wt-single-select.vue.d.ts +83 -0
  106. package/types/components/wt-table/wt-table.vue.d.ts +1 -1
  107. package/types/components/wt-tree-table/wt-tree-table.vue.d.ts +1 -1
  108. package/types/composables/index.d.ts +0 -6
  109. package/types/locale/en/en.d.ts +3 -0
  110. package/types/locale/es/es.d.ts +3 -0
  111. package/types/locale/i18n.d.ts +27 -0
  112. package/types/locale/index.d.ts +27 -0
  113. package/types/locale/kz/kz.d.ts +3 -0
  114. package/types/locale/pl/pl.d.ts +3 -0
  115. package/types/locale/ro/ro.d.ts +3 -0
  116. package/types/locale/ru/ru.d.ts +3 -0
  117. package/types/locale/uk/uk.d.ts +3 -0
  118. package/types/locale/uz/uz.d.ts +3 -0
  119. package/types/locale/vi/vi.d.ts +3 -0
  120. package/types/plugins/primevue/theme/components/components.d.ts +4 -0
  121. package/types/plugins/primevue/theme/components/multi-select/multi-select.d.ts +151 -0
  122. package/types/plugins/primevue/theme/components/single-select/single-select.d.ts +157 -0
  123. package/dist/wt-chat-emoji-0UBEtnmy.js +0 -2429
  124. package/src/components/wt-select/wt-select-v2.vue +0 -244
  125. package/types/components/wt-select/wt-select-v2.vue.d.ts +0 -77
  126. /package/src/{composables → components/_internals/composables}/useExpansion/useExpansion.ts +0 -0
  127. /package/src/{composables → components/_internals/composables}/useGalleriaFullscreen/useGalleriaFullscreen.ts +0 -0
  128. /package/src/{composables → components/_internals/composables}/useGalleriaMaskClick/useGalleriaMaskClick.ts +0 -0
  129. /package/src/{composables → components/_internals/composables}/useInputControl/useInputControl.ts +0 -0
  130. /package/src/{composables → components/_internals/composables}/useTableColumnDrag/useTableColumnDrag.ts +0 -0
  131. /package/types/{composables → components/_internals/composables}/useExpansion/useExpansion.d.ts +0 -0
  132. /package/types/{composables → components/_internals/composables}/useGalleriaFullscreen/useGalleriaFullscreen.d.ts +0 -0
  133. /package/types/{composables → components/_internals/composables}/useGalleriaMaskClick/useGalleriaMaskClick.d.ts +0 -0
  134. /package/types/{composables → components/_internals/composables}/useInputControl/useInputControl.d.ts +0 -0
  135. /package/types/{composables → components/_internals/composables}/useTableColumnDrag/useTableColumnDrag.d.ts +0 -0
@@ -1,2429 +0,0 @@
1
- import { ref as Be, computed as Pr, onBeforeUnmount as Yo, resolveDirective as Zo, withDirectives as Jo, createElementBlock as Dr, openBlock as Fe, createVNode as Qo, createBlock as ei, unref as ti, Teleport as ri, createCommentVNode as ni, nextTick as oi } from "vue";
2
- import { $ as he, a0 as hr, a1 as go, a2 as ii, a3 as se, a4 as ai, a5 as gr, a6 as ce, a7 as V, a8 as si, a9 as mr, aa as ci, T as we, ab as ui, ac as li, ad as di, ae as fi, _ as pi, C as hi, E as gi } from "./install-DawOaJvS.js";
3
- import { e as mi } from "./isObject-CYCEPn3N.js";
4
- function ge(t) {
5
- if (typeof t != "string" || !t)
6
- throw new Error("expected a non-empty string, got: " + t);
7
- }
8
- function Ue(t) {
9
- if (typeof t != "number")
10
- throw new Error("expected a number, got: " + t);
11
- }
12
- const yi = 1, vi = 1, W = "emoji", Q = "keyvalue", yr = "favorites", bi = "tokens", mo = "tokens", _i = "unicode", yo = "count", ki = "group", Ti = "order", vo = "group-order", cr = "eTag", ke = "url", Br = "skinTone", ee = "readonly", vr = "readwrite", bo = "skinUnicodes", Ei = "skinUnicodes", wi = "https://cdn.jsdelivr.net/npm/emoji-picker-element-data@^1/en/emojibase/data.json", ji = "en";
13
- function Si(t, e) {
14
- const r = /* @__PURE__ */ new Set(), n = [];
15
- for (const i of t) {
16
- const o = e(i);
17
- r.has(o) || (r.add(o), n.push(i));
18
- }
19
- return n;
20
- }
21
- function Fr(t) {
22
- return Si(t, (e) => e.unicode);
23
- }
24
- function Ai(t) {
25
- function e(r, n, i) {
26
- const o = n ? t.createObjectStore(r, { keyPath: n }) : t.createObjectStore(r);
27
- if (i)
28
- for (const [a, [c, d]] of Object.entries(i))
29
- o.createIndex(a, c, { multiEntry: d });
30
- return o;
31
- }
32
- e(Q), e(
33
- W,
34
- /* keyPath */
35
- _i,
36
- {
37
- [mo]: [
38
- bi,
39
- /* multiEntry */
40
- !0
41
- ],
42
- [vo]: [[ki, Ti]],
43
- [bo]: [
44
- Ei,
45
- /* multiEntry */
46
- !0
47
- ]
48
- }
49
- ), e(yr, void 0, {
50
- [yo]: [""]
51
- });
52
- }
53
- const ur = {}, be = {}, Te = {};
54
- function _o(t, e, r) {
55
- r.onerror = () => e(r.error), r.onblocked = () => e(new Error("IDB blocked")), r.onsuccess = () => t(r.result);
56
- }
57
- async function Ii(t) {
58
- const e = await new Promise((r, n) => {
59
- const i = indexedDB.open(t, yi);
60
- ur[t] = i, i.onupgradeneeded = (o) => {
61
- o.oldVersion < vi && Ai(i.result);
62
- }, _o(r, n, i);
63
- });
64
- return e.onclose = () => br(t), e;
65
- }
66
- function Ci(t) {
67
- return be[t] || (be[t] = Ii(t)), be[t];
68
- }
69
- function D(t, e, r, n) {
70
- return new Promise((i, o) => {
71
- const a = t.transaction(e, r, { durability: "relaxed" }), c = typeof e == "string" ? a.objectStore(e) : e.map((u) => a.objectStore(u));
72
- let d;
73
- n(c, a, (u) => {
74
- d = u;
75
- }), a.oncomplete = () => i(d), a.onerror = () => o(a.error);
76
- });
77
- }
78
- function br(t) {
79
- const e = ur[t], r = e && e.result;
80
- if (r) {
81
- r.close();
82
- const n = Te[t];
83
- if (n)
84
- for (const i of n)
85
- i();
86
- }
87
- delete ur[t], delete be[t], delete Te[t];
88
- }
89
- function xi(t) {
90
- return new Promise((e, r) => {
91
- br(t);
92
- const n = indexedDB.deleteDatabase(t);
93
- _o(e, r, n);
94
- });
95
- }
96
- function Oi(t, e) {
97
- let r = Te[t];
98
- r || (r = Te[t] = []), r.push(e);
99
- }
100
- const qi = /* @__PURE__ */ new Set([
101
- ":D",
102
- "XD",
103
- ":'D",
104
- "O:)",
105
- ":X",
106
- ":P",
107
- ";P",
108
- "XP",
109
- ":L",
110
- ":Z",
111
- ":j",
112
- "8D",
113
- "XO",
114
- "8)",
115
- ":B",
116
- ":O",
117
- ":S",
118
- ":'o",
119
- "Dx",
120
- "X(",
121
- "D:",
122
- ":C",
123
- ">0)",
124
- ":3",
125
- "</3",
126
- "<3",
127
- "\\M/",
128
- ":E",
129
- "8#"
130
- ]);
131
- function J(t) {
132
- return t.split(/[\s_]+/).map((e) => !e.match(/\w/) || qi.has(e) ? e.toLowerCase() : e.replace(/[)(:,]/g, "").replace(/’/g, "'").toLowerCase()).filter(Boolean);
133
- }
134
- const Ri = 2;
135
- function ko(t) {
136
- return t.filter(Boolean).map((e) => e.toLowerCase()).filter((e) => e.length >= Ri);
137
- }
138
- function Li(t) {
139
- return t.map(({ annotation: r, emoticon: n, group: i, order: o, shortcodes: a, skins: c, tags: d, emoji: u, version: l }) => {
140
- const f = [...new Set(
141
- ko([
142
- ...(a || []).map(J).flat(),
143
- ...(d || []).map(J).flat(),
144
- ...J(r),
145
- n
146
- ])
147
- )].sort(), p = {
148
- annotation: r,
149
- group: i,
150
- order: o,
151
- tags: d,
152
- tokens: f,
153
- unicode: u,
154
- version: l
155
- };
156
- if (n && (p.emoticon = n), a && (p.shortcodes = a), c) {
157
- p.skinTones = [], p.skinUnicodes = [], p.skinVersions = [];
158
- for (const { tone: m, emoji: k, version: j } of c)
159
- p.skinTones.push(m), p.skinUnicodes.push(k), p.skinVersions.push(j);
160
- }
161
- return p;
162
- });
163
- }
164
- function To(t, e, r, n) {
165
- t[e](r).onsuccess = (i) => n && n(i.target.result);
166
- }
167
- function G(t, e, r) {
168
- To(t, "get", e, r);
169
- }
170
- function Eo(t, e, r) {
171
- To(t, "getAll", e, r);
172
- }
173
- function _r(t) {
174
- t.commit && t.commit();
175
- }
176
- function Mi(t, e) {
177
- let r = t[0];
178
- for (let n = 1; n < t.length; n++) {
179
- const i = t[n];
180
- e(r) > e(i) && (r = i);
181
- }
182
- return r;
183
- }
184
- function wo(t, e) {
185
- const r = Mi(t, (i) => i.length), n = [];
186
- for (const i of r)
187
- t.some((o) => o.findIndex((a) => e(a) === e(i)) === -1) || n.push(i);
188
- return n;
189
- }
190
- async function Pi(t) {
191
- return !await kr(t, Q, ke);
192
- }
193
- async function Di(t, e, r) {
194
- const [n, i] = await Promise.all([cr, ke].map((o) => kr(t, Q, o)));
195
- return n === r && i === e;
196
- }
197
- async function Bi(t, e) {
198
- return D(t, W, ee, (n, i, o) => {
199
- let a;
200
- const c = () => {
201
- n.getAll(a && IDBKeyRange.lowerBound(a, !0), 50).onsuccess = (d) => {
202
- const u = d.target.result;
203
- for (const l of u)
204
- if (a = l.unicode, e(l))
205
- return o(l);
206
- if (u.length < 50)
207
- return o();
208
- c();
209
- };
210
- };
211
- c();
212
- });
213
- }
214
- async function jo(t, e, r, n) {
215
- {
216
- const i = Li(e);
217
- await D(t, [W, Q], vr, ([o, a], c) => {
218
- let d, u, l = 0;
219
- function f() {
220
- ++l === 2 && p();
221
- }
222
- function p() {
223
- if (!(d === n && u === r)) {
224
- o.clear();
225
- for (const m of i)
226
- o.put(m);
227
- a.put(n, cr), a.put(r, ke), _r(c);
228
- }
229
- }
230
- G(a, cr, (m) => {
231
- d = m, f();
232
- }), G(a, ke, (m) => {
233
- u = m, f();
234
- });
235
- });
236
- }
237
- }
238
- async function Fi(t, e) {
239
- return D(t, W, ee, (r, n, i) => {
240
- const o = IDBKeyRange.bound([e, 0], [e + 1, 0], !1, !0);
241
- Eo(r.index(vo), o, i);
242
- });
243
- }
244
- async function So(t, e) {
245
- const r = ko(J(e));
246
- return r.length ? D(t, W, ee, (n, i, o) => {
247
- const a = [], c = () => {
248
- a.length === r.length && d();
249
- }, d = () => {
250
- const u = wo(a, (l) => l.unicode);
251
- o(u.sort((l, f) => l.order < f.order ? -1 : 1));
252
- };
253
- for (let u = 0; u < r.length; u++) {
254
- const l = r[u], f = u === r.length - 1 ? IDBKeyRange.bound(l, l + "￿", !1, !0) : IDBKeyRange.only(l);
255
- Eo(n.index(mo), f, (p) => {
256
- a.push(p), c();
257
- });
258
- }
259
- }) : [];
260
- }
261
- async function Ui(t, e) {
262
- const r = await So(t, e);
263
- return r.length ? r.filter((n) => (n.shortcodes || []).map((o) => o.toLowerCase()).includes(e.toLowerCase()))[0] || null : await Bi(t, (i) => (i.shortcodes || []).includes(e.toLowerCase())) || null;
264
- }
265
- async function $i(t, e) {
266
- return D(t, W, ee, (r, n, i) => G(r, e, (o) => {
267
- if (o)
268
- return i(o);
269
- G(r.index(bo), e, (a) => i(a || null));
270
- }));
271
- }
272
- function kr(t, e, r) {
273
- return D(t, e, ee, (n, i, o) => G(n, r, o));
274
- }
275
- function Ni(t, e, r, n) {
276
- return D(t, e, vr, (i, o) => {
277
- i.put(n, r), _r(o);
278
- });
279
- }
280
- function Ki(t, e) {
281
- return D(t, yr, vr, (r, n) => G(r, e, (i) => {
282
- r.put((i || 0) + 1, e), _r(n);
283
- }));
284
- }
285
- function zi(t, e, r) {
286
- return r === 0 ? [] : D(t, [yr, W], ee, ([n, i], o, a) => {
287
- const c = [];
288
- n.index(yo).openCursor(void 0, "prev").onsuccess = (d) => {
289
- const u = d.target.result;
290
- if (!u)
291
- return a(c);
292
- function l(m) {
293
- if (c.push(m), c.length === r)
294
- return a(c);
295
- u.continue();
296
- }
297
- const f = u.primaryKey, p = e.byName(f);
298
- if (p)
299
- return l(p);
300
- G(i, f, (m) => {
301
- if (m)
302
- return l(m);
303
- u.continue();
304
- });
305
- };
306
- });
307
- }
308
- const me = "";
309
- function Gi(t, e) {
310
- const r = /* @__PURE__ */ new Map();
311
- for (const i of t) {
312
- const o = e(i);
313
- for (const a of o) {
314
- let c = r;
315
- for (let u = 0; u < a.length; u++) {
316
- const l = a.charAt(u);
317
- let f = c.get(l);
318
- f || (f = /* @__PURE__ */ new Map(), c.set(l, f)), c = f;
319
- }
320
- let d = c.get(me);
321
- d || (d = [], c.set(me, d)), d.push(i);
322
- }
323
- }
324
- return (i, o) => {
325
- let a = r;
326
- for (let u = 0; u < i.length; u++) {
327
- const l = i.charAt(u), f = a.get(l);
328
- if (f)
329
- a = f;
330
- else
331
- return [];
332
- }
333
- if (o)
334
- return a.get(me) || [];
335
- const c = [], d = [a];
336
- for (; d.length; ) {
337
- const l = [...d.shift().entries()].sort((f, p) => f[0] < p[0] ? -1 : 1);
338
- for (const [f, p] of l)
339
- f === me ? c.push(...p) : d.push(p);
340
- }
341
- return c;
342
- };
343
- }
344
- const Vi = [
345
- "name",
346
- "url"
347
- ];
348
- function Wi(t) {
349
- const e = t && Array.isArray(t), r = e && t.length && (!t[0] || Vi.some((n) => !(n in t[0])));
350
- if (!e || r)
351
- throw new Error("Custom emojis are in the wrong format");
352
- }
353
- function Ur(t) {
354
- Wi(t);
355
- const e = (p, m) => p.name.toLowerCase() < m.name.toLowerCase() ? -1 : 1, r = t.sort(e), i = Gi(t, (p) => {
356
- const m = /* @__PURE__ */ new Set();
357
- if (p.shortcodes)
358
- for (const k of p.shortcodes)
359
- for (const j of J(k))
360
- m.add(j);
361
- return m;
362
- }), o = (p) => i(p, !0), a = (p) => i(p, !1), c = (p) => {
363
- const m = J(p), k = m.map((j, E) => (E < m.length - 1 ? o : a)(j));
364
- return wo(k, (j) => j.name).sort(e);
365
- }, d = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map();
366
- for (const p of t) {
367
- u.set(p.name.toLowerCase(), p);
368
- for (const m of p.shortcodes || [])
369
- d.set(m.toLowerCase(), p);
370
- }
371
- return {
372
- all: r,
373
- search: c,
374
- byShortcode: (p) => d.get(p.toLowerCase()),
375
- byName: (p) => u.get(p.toLowerCase())
376
- };
377
- }
378
- const Hi = typeof wrappedJSObject < "u";
379
- function re(t) {
380
- if (!t)
381
- return t;
382
- if (Hi && (t = structuredClone(t)), delete t.tokens, t.skinTones) {
383
- const e = t.skinTones.length;
384
- t.skins = Array(e);
385
- for (let r = 0; r < e; r++)
386
- t.skins[r] = {
387
- tone: t.skinTones[r],
388
- unicode: t.skinUnicodes[r],
389
- version: t.skinVersions[r]
390
- };
391
- delete t.skinTones, delete t.skinUnicodes, delete t.skinVersions;
392
- }
393
- return t;
394
- }
395
- function Ao(t) {
396
- t || console.warn("emoji-picker-element is more efficient if the dataSource server exposes an ETag header.");
397
- }
398
- const Xi = [
399
- "annotation",
400
- "emoji",
401
- "group",
402
- "order",
403
- "version"
404
- ];
405
- function Yi(t) {
406
- if (!t || !Array.isArray(t) || !t[0] || typeof t[0] != "object" || Xi.some((e) => !(e in t[0])))
407
- throw new Error("Emoji data is in the wrong format");
408
- }
409
- function Io(t, e) {
410
- if (Math.floor(t.status / 100) !== 2)
411
- throw new Error("Failed to fetch: " + e + ": " + t.status);
412
- }
413
- async function Zi(t) {
414
- const e = await fetch(t, { method: "HEAD" });
415
- Io(e, t);
416
- const r = e.headers.get("etag");
417
- return Ao(r), r;
418
- }
419
- async function lr(t) {
420
- const e = await fetch(t);
421
- Io(e, t);
422
- const r = e.headers.get("etag");
423
- Ao(r);
424
- const n = await e.json();
425
- return Yi(n), [r, n];
426
- }
427
- function Ji(t) {
428
- for (var e = "", r = new Uint8Array(t), n = r.byteLength, i = -1; ++i < n; )
429
- e += String.fromCharCode(r[i]);
430
- return e;
431
- }
432
- function Qi(t) {
433
- for (var e = t.length, r = new ArrayBuffer(e), n = new Uint8Array(r), i = -1; ++i < e; )
434
- n[i] = t.charCodeAt(i);
435
- return r;
436
- }
437
- async function Co(t) {
438
- const e = JSON.stringify(t);
439
- let r = Qi(e);
440
- const n = await crypto.subtle.digest("SHA-1", r), i = Ji(n);
441
- return btoa(i);
442
- }
443
- async function ea(t, e) {
444
- let r, n = await Zi(e);
445
- if (!n) {
446
- const i = await lr(e);
447
- n = i[0], r = i[1], n || (n = await Co(r));
448
- }
449
- await Di(t, e, n) || (r || (r = (await lr(e))[1]), await jo(t, r, e, n));
450
- }
451
- async function ta(t, e) {
452
- let [r, n] = await lr(e);
453
- r || (r = await Co(n)), await jo(t, n, e, r);
454
- }
455
- async function ra(t, e) {
456
- try {
457
- await ea(t, e);
458
- } catch (r) {
459
- if (r.name !== "InvalidStateError")
460
- throw r;
461
- }
462
- }
463
- class na {
464
- constructor({ dataSource: e = wi, locale: r = ji, customEmoji: n = [] } = {}) {
465
- this.dataSource = e, this.locale = r, this._dbName = `emoji-picker-element-${this.locale}`, this._db = void 0, this._lazyUpdate = void 0, this._custom = Ur(n), this._clear = this._clear.bind(this), this._ready = this._init();
466
- }
467
- async _init() {
468
- const e = this._db = await Ci(this._dbName);
469
- Oi(this._dbName, this._clear);
470
- const r = this.dataSource;
471
- await Pi(e) ? await ta(e, r) : this._lazyUpdate = ra(e, r);
472
- }
473
- async ready() {
474
- const e = async () => (this._ready || (this._ready = this._init()), this._ready);
475
- await e(), this._db || await e();
476
- }
477
- async getEmojiByGroup(e) {
478
- return Ue(e), await this.ready(), Fr(await Fi(this._db, e)).map(re);
479
- }
480
- async getEmojiBySearchQuery(e) {
481
- ge(e), await this.ready();
482
- const r = this._custom.search(e), n = Fr(await So(this._db, e)).map(re);
483
- return [
484
- ...r,
485
- ...n
486
- ];
487
- }
488
- async getEmojiByShortcode(e) {
489
- ge(e), await this.ready();
490
- const r = this._custom.byShortcode(e);
491
- return r || re(await Ui(this._db, e));
492
- }
493
- async getEmojiByUnicodeOrName(e) {
494
- ge(e), await this.ready();
495
- const r = this._custom.byName(e);
496
- return r || re(await $i(this._db, e));
497
- }
498
- async getPreferredSkinTone() {
499
- return await this.ready(), await kr(this._db, Q, Br) || 0;
500
- }
501
- async setPreferredSkinTone(e) {
502
- return Ue(e), await this.ready(), Ni(this._db, Q, Br, e);
503
- }
504
- async incrementFavoriteEmojiCount(e) {
505
- return ge(e), await this.ready(), Ki(this._db, e);
506
- }
507
- async getTopFavoriteEmoji(e) {
508
- return Ue(e), await this.ready(), (await zi(this._db, this._custom, e)).map(re);
509
- }
510
- set customEmoji(e) {
511
- this._custom = Ur(e);
512
- }
513
- get customEmoji() {
514
- return this._custom.all;
515
- }
516
- async _shutdown() {
517
- await this.ready();
518
- try {
519
- await this._lazyUpdate;
520
- } catch {
521
- }
522
- }
523
- // clear references to IDB, e.g. during a close event
524
- _clear() {
525
- this._db = this._ready = this._lazyUpdate = void 0;
526
- }
527
- async close() {
528
- await this._shutdown(), await br(this._dbName);
529
- }
530
- async delete() {
531
- await this._shutdown(), await xi(this._dbName);
532
- }
533
- }
534
- const dr = [
535
- [-1, "✨", "custom"],
536
- [0, "😀", "smileys-emotion"],
537
- [1, "👋", "people-body"],
538
- [3, "🐱", "animals-nature"],
539
- [4, "🍎", "food-drink"],
540
- [5, "🏠️", "travel-places"],
541
- [6, "⚽", "activities"],
542
- [7, "📝", "objects"],
543
- [8, "⛔️", "symbols"],
544
- [9, "🏁", "flags"]
545
- ].map(([t, e, r]) => ({ id: t, emoji: e, name: r })), $e = dr.slice(1), oa = 2, $r = 6, xo = typeof requestIdleCallback == "function" ? requestIdleCallback : setTimeout;
546
- function Nr(t) {
547
- return t.unicode.includes("‍");
548
- }
549
- const ia = {
550
- "🫪": 17,
551
- // distorted face
552
- "🫩": 16,
553
- // face with bags under eyes
554
- "🫨": 15.1,
555
- // shaking head, technically from v15 but see note above
556
- "🫠": 14,
557
- "🥲": 13.1,
558
- // smiling face with tear, technically from v13 but see note above
559
- "🥻": 12.1,
560
- // sari, technically from v12 but see note above
561
- "🥰": 11,
562
- "🤩": 5,
563
- "👱‍♀️": 4,
564
- "🤣": 3,
565
- "👁️‍🗨️": 2,
566
- "😀": 1,
567
- "😐️": 0.7,
568
- "😃": 0.6
569
- }, aa = 1e3, sa = "🖐️", ca = 8, ua = [
570
- "😊",
571
- "😒",
572
- "❤️",
573
- "👍️",
574
- "😍",
575
- "😂",
576
- "😭",
577
- "☺️",
578
- "😔",
579
- "😩",
580
- "😏",
581
- "💕",
582
- "🙌",
583
- "😘"
584
- ], Oo = '"Twemoji Mozilla","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji","EmojiOne Color","Android Emoji",sans-serif', la = (t, e) => t < e ? -1 : t > e ? 1 : 0, Kr = (t, e) => {
585
- const r = document.createElement("canvas");
586
- r.width = r.height = 1;
587
- const n = r.getContext("2d", {
588
- // Improves the performance of `getImageData()`
589
- // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/getContextAttributes#willreadfrequently
590
- willReadFrequently: !0
591
- });
592
- return n.textBaseline = "top", n.font = `100px ${Oo}`, n.fillStyle = e, n.scale(0.01, 0.01), n.fillText(t, 0, 0), n.getImageData(0, 0, 1, 1).data;
593
- }, da = (t, e) => {
594
- const r = [...t].join(","), n = [...e].join(",");
595
- return r === n && !r.startsWith("0,0,0,");
596
- };
597
- function fa(t) {
598
- const e = Kr(t, "#000"), r = Kr(t, "#fff");
599
- return e && r && da(e, r);
600
- }
601
- function pa() {
602
- const t = Object.entries(ia);
603
- try {
604
- for (const [e, r] of t)
605
- if (fa(e))
606
- return r;
607
- } catch {
608
- }
609
- return t[0][1];
610
- }
611
- let Ne;
612
- const Ke = () => (Ne || (Ne = new Promise((t) => xo(() => t(pa())))), Ne), fr = /* @__PURE__ */ new Map(), ha = "️", ga = "\uD83C", ma = "‍", ya = 127995, va = 57339;
613
- function ba(t, e) {
614
- if (e === 0)
615
- return t;
616
- const r = t.indexOf(ma);
617
- return r !== -1 ? t.substring(0, r) + String.fromCodePoint(ya + e - 1) + t.substring(r) : (t.endsWith(ha) && (t = t.substring(0, t.length - 1)), t + ga + String.fromCodePoint(va + e - 1));
618
- }
619
- function M(t) {
620
- t.preventDefault(), t.stopPropagation();
621
- }
622
- function ze(t, e, r) {
623
- return e += t ? -1 : 1, e < 0 ? e = r.length - 1 : e >= r.length && (e = 0), e;
624
- }
625
- function qo(t, e) {
626
- const r = /* @__PURE__ */ new Set(), n = [];
627
- for (const i of t) {
628
- const o = e(i);
629
- r.has(o) || (r.add(o), n.push(i));
630
- }
631
- return n;
632
- }
633
- function _a(t, e) {
634
- const r = (n) => {
635
- const i = {};
636
- for (const o of n)
637
- typeof o.tone == "number" && o.version <= e && (i[o.tone] = o.unicode);
638
- return i;
639
- };
640
- return t.map(({ unicode: n, skins: i, shortcodes: o, url: a, name: c, category: d, annotation: u }) => ({
641
- unicode: n,
642
- name: c,
643
- shortcodes: o,
644
- url: a,
645
- category: d,
646
- annotation: u,
647
- id: n || c,
648
- skins: i && r(i)
649
- }));
650
- }
651
- const _e = requestAnimationFrame;
652
- let ka = typeof ResizeObserver == "function";
653
- function Ta(t, e, r) {
654
- let n;
655
- ka ? (n = new ResizeObserver(r), n.observe(t)) : _e(r), e.addEventListener("abort", () => {
656
- n && n.disconnect();
657
- });
658
- }
659
- function zr(t) {
660
- {
661
- const e = document.createRange();
662
- return e.selectNode(t.firstChild), e.getBoundingClientRect().width;
663
- }
664
- }
665
- let Ge;
666
- function Ea(t, e, r) {
667
- let n = !0;
668
- for (const i of t) {
669
- const o = r(i);
670
- if (!o)
671
- continue;
672
- const a = zr(o);
673
- typeof Ge > "u" && (Ge = zr(e));
674
- const c = a / 1.8 < Ge;
675
- fr.set(i.unicode, c), c || (n = !1);
676
- }
677
- return n;
678
- }
679
- function wa(t) {
680
- return qo(t, (e) => e);
681
- }
682
- function ja(t) {
683
- t && (t.scrollTop = 0);
684
- }
685
- function ae(t, e, r) {
686
- let n = t.get(e);
687
- return n || (n = r(), t.set(e, n)), n;
688
- }
689
- function Gr(t) {
690
- return "" + t;
691
- }
692
- function Sa(t) {
693
- const e = document.createElement("template");
694
- return e.innerHTML = t, e;
695
- }
696
- const Aa = /* @__PURE__ */ new WeakMap(), Ia = /* @__PURE__ */ new WeakMap(), Ca = /* @__PURE__ */ Symbol("un-keyed"), xa = "replaceChildren" in Element.prototype;
697
- function Oa(t, e) {
698
- xa ? t.replaceChildren(...e) : (t.innerHTML = "", t.append(...e));
699
- }
700
- function qa(t, e) {
701
- let r = t.firstChild, n = 0;
702
- for (; r; ) {
703
- if (e[n] !== r)
704
- return !0;
705
- r = r.nextSibling, n++;
706
- }
707
- return n !== e.length;
708
- }
709
- function Ra(t, e) {
710
- const { targetNode: r } = e;
711
- let { targetParentNode: n } = e, i = !1;
712
- n ? i = qa(n, t) : (i = !0, e.targetNode = void 0, e.targetParentNode = n = r.parentNode), i && Oa(n, t);
713
- }
714
- function La(t, e) {
715
- for (const r of e) {
716
- const {
717
- targetNode: n,
718
- currentExpression: i,
719
- binding: {
720
- expressionIndex: o,
721
- attributeName: a,
722
- attributeValuePre: c,
723
- attributeValuePost: d
724
- }
725
- } = r, u = t[o];
726
- if (i !== u)
727
- if (r.currentExpression = u, a)
728
- if (u === null)
729
- n.removeAttribute(a);
730
- else {
731
- const l = c + Gr(u) + d;
732
- n.setAttribute(a, l);
733
- }
734
- else {
735
- let l;
736
- Array.isArray(u) ? Ra(u, r) : u instanceof Element ? (l = u, n.replaceWith(l)) : n.nodeValue = Gr(u), l && (r.targetNode = l);
737
- }
738
- }
739
- }
740
- function Ma(t) {
741
- let e = "", r = !1, n = !1, i = -1;
742
- const o = /* @__PURE__ */ new Map(), a = [];
743
- let c = 0;
744
- for (let u = 0, l = t.length; u < l; u++) {
745
- const f = t[u];
746
- if (e += f.slice(c), u === l - 1)
747
- break;
748
- for (let g = 0; g < f.length; g++)
749
- switch (f.charAt(g)) {
750
- case "<": {
751
- f.charAt(g + 1) === "/" ? a.pop() : (r = !0, a.push(++i));
752
- break;
753
- }
754
- case ">": {
755
- r = !1, n = !1;
756
- break;
757
- }
758
- case "=": {
759
- n = !0;
760
- break;
761
- }
762
- }
763
- const p = a[a.length - 1], m = ae(o, p, () => []);
764
- let k, j, E;
765
- if (n) {
766
- const g = /(\S+)="?([^"=]*)$/.exec(f);
767
- k = g[1], j = g[2];
768
- const b = /^([^">]*)("?)/.exec(t[u + 1]);
769
- E = b[1], e = e.slice(0, -1 * g[0].length), c = b[0].length;
770
- } else
771
- c = 0;
772
- const I = {
773
- attributeName: k,
774
- attributeValuePre: j,
775
- attributeValuePost: E,
776
- expressionIndex: u
777
- };
778
- m.push(I), !r && !n && (e += " ");
779
- }
780
- return {
781
- template: Sa(e),
782
- elementsToBindings: o
783
- };
784
- }
785
- function Vr(t, e, r) {
786
- for (let n = 0; n < t.length; n++) {
787
- const i = t[n], o = i.attributeName ? e : e.firstChild, a = {
788
- binding: i,
789
- targetNode: o,
790
- targetParentNode: void 0,
791
- currentExpression: void 0
792
- };
793
- r.push(a);
794
- }
795
- }
796
- function Pa(t, e) {
797
- const r = [];
798
- let n;
799
- if (e.size === 1 && (n = e.get(0)))
800
- Vr(n, t, r);
801
- else {
802
- const i = document.createTreeWalker(t, NodeFilter.SHOW_ELEMENT);
803
- let o = t, a = -1;
804
- do {
805
- const c = e.get(++a);
806
- c && Vr(c, o, r);
807
- } while (o = i.nextNode());
808
- }
809
- return r;
810
- }
811
- function Da(t) {
812
- const { template: e, elementsToBindings: r } = ae(Aa, t, () => Ma(t)), n = e.cloneNode(!0).content.firstElementChild, i = Pa(n, r);
813
- return function(a) {
814
- return La(a, i), n;
815
- };
816
- }
817
- function Ba(t) {
818
- const e = ae(Ia, t, () => /* @__PURE__ */ new Map());
819
- let r = Ca;
820
- function n(o, ...a) {
821
- const c = ae(e, o, () => /* @__PURE__ */ new Map());
822
- return ae(c, r, () => Da(o))(a);
823
- }
824
- function i(o, a, c) {
825
- return o.map((d, u) => {
826
- const l = r;
827
- r = c(d);
828
- try {
829
- return a(d, u);
830
- } finally {
831
- r = l;
832
- }
833
- });
834
- }
835
- return { map: i, html: n };
836
- }
837
- function Fa(t, e, r, n, i, o, a, c, d) {
838
- const { labelWithSkin: u, titleForEmoji: l, unicodeWithSkin: f } = r, { html: p, map: m } = Ba(e);
839
- function k(g, b, S) {
840
- return m(g, (A, q) => p`<button role="${b ? "option" : "menuitem"}" aria-selected="${b ? q === e.activeSearchItem : null}" aria-label="${u(A, e.currentSkinTone)}" title="${l(A)}" class="${"emoji" + (b && q === e.activeSearchItem ? " active" : "") + (A.unicode ? "" : " custom-emoji")}" id="${`${S}-${A.id}`}" style="${A.unicode ? null : `--custom-emoji-background: url(${JSON.stringify(A.url)})`}">${A.unicode ? f(A, e.currentSkinTone) : ""}</button>`, (A) => `${S}-${A.id}`);
841
- }
842
- const E = p`<section data-ref="rootElement" class="picker" aria-label="${e.i18n.regionLabel}" style="${e.pickerStyle || ""}"><div class="pad-top"></div><div class="search-row"><div class="search-wrapper"><input id="search" class="search" type="search" role="combobox" enterkeyhint="search" placeholder="${e.i18n.searchLabel}" autocapitalize="none" autocomplete="off" spellcheck="true" aria-expanded="${!!(e.searchMode && e.currentEmojis.length)}" aria-controls="search-results" aria-describedby="search-description" aria-autocomplete="list" aria-activedescendant="${e.activeSearchItemId ? `emo-${e.activeSearchItemId}` : null}" data-ref="searchElement" data-on-input="onSearchInput" data-on-keydown="onSearchKeydown"><label class="sr-only" for="search">${e.i18n.searchLabel}</label> <span id="search-description" class="sr-only">${e.i18n.searchDescription}</span></div><div class="skintone-button-wrapper ${e.skinTonePickerExpandedAfterAnimation ? "expanded" : ""}"><button id="skintone-button" class="emoji ${e.skinTonePickerExpanded ? "hide-focus" : ""}" aria-label="${e.skinToneButtonLabel}" title="${e.skinToneButtonLabel}" aria-describedby="skintone-description" aria-haspopup="listbox" aria-expanded="${e.skinTonePickerExpanded}" aria-controls="skintone-list" data-on-click="onClickSkinToneButton">${e.skinToneButtonText || ""}</button></div><span id="skintone-description" class="sr-only">${e.i18n.skinToneDescription}</span><div data-ref="skinToneDropdown" id="skintone-list" class="skintone-list hide-focus ${e.skinTonePickerExpanded ? "" : "hidden no-animate"}" style="transform:translateY(${e.skinTonePickerExpanded ? 0 : "calc(-1 * var(--num-skintones) * var(--total-emoji-size))"})" role="listbox" aria-label="${e.i18n.skinTonesLabel}" aria-activedescendant="skintone-${e.activeSkinTone}" aria-hidden="${!e.skinTonePickerExpanded}" tabIndex="-1" data-on-focusout="onSkinToneOptionsFocusOut" data-on-click="onSkinToneOptionsClick" data-on-keydown="onSkinToneOptionsKeydown" data-on-keyup="onSkinToneOptionsKeyup">${m(e.skinTones, (g, b) => p`<div id="skintone-${b}" class="emoji ${b === e.activeSkinTone ? "active" : ""}" aria-selected="${b === e.activeSkinTone}" role="option" title="${e.i18n.skinTones[b]}" aria-label="${e.i18n.skinTones[b]}">${g}</div>`, (g) => g)}</div></div><div class="nav" role="tablist" style="grid-template-columns:repeat(${e.groups.length},1fr)" aria-label="${e.i18n.categoriesLabel}" data-on-keydown="onNavKeydown" data-on-click="onNavClick">${m(e.groups, (g) => p`<button role="tab" class="nav-button" aria-controls="tab-${g.id}" aria-label="${e.i18n.categories[g.name]}" aria-selected="${!e.searchMode && e.currentGroup.id === g.id}" title="${e.i18n.categories[g.name]}" data-group-id="${g.id}"><div class="nav-emoji emoji">${g.emoji}</div></button>`, (g) => g.id)}</div><div class="indicator-wrapper"><div class="indicator" style="transform:translateX(${/* istanbul ignore next */
843
- (e.isRtl ? -1 : 1) * e.currentGroupIndex * 100}%)"></div></div><div class="message ${e.message ? "" : "gone"}" role="alert" aria-live="polite">${e.message || ""}</div><div data-ref="tabpanelElement" class="tabpanel ${!e.databaseLoaded || e.message ? "gone" : ""}" role="${e.searchMode ? "region" : "tabpanel"}" aria-label="${e.searchMode ? e.i18n.searchResultsLabel : e.i18n.categories[e.currentGroup.name]}" id="${e.searchMode ? null : `tab-${e.currentGroup.id}`}" tabIndex="0" data-on-click="onEmojiClick"><div data-action="calculateEmojiGridStyle">${m(e.currentEmojisWithCategories, (g, b) => p`<div><div id="menu-label-${b}" class="category ${e.currentEmojisWithCategories.length === 1 && e.currentEmojisWithCategories[0].category === "" ? "gone" : ""}" aria-hidden="true">${e.searchMode ? e.i18n.searchResultsLabel : g.category ? g.category : e.currentEmojisWithCategories.length > 1 ? e.i18n.categories.custom : e.i18n.categories[e.currentGroup.name]}</div><div class="emoji-menu ${b !== 0 && !e.searchMode && e.currentGroup.id === -1 ? "visibility-auto" : ""}" style="${`--num-rows: ${Math.ceil(g.emojis.length / e.numColumns)}`}" data-action="updateOnIntersection" role="${e.searchMode ? "listbox" : "menu"}" aria-labelledby="menu-label-${b}" id="${e.searchMode ? "search-results" : null}">${k(
844
- g.emojis,
845
- e.searchMode,
846
- /* prefix */
847
- "emo"
848
- )}</div></div>`, (g) => g.category)}</div></div><div class="favorites onscreen emoji-menu ${e.message ? "gone" : ""}" role="menu" aria-label="${e.i18n.favoritesLabel}" data-on-click="onEmojiClick">${k(
849
- e.currentFavorites,
850
- /* searchMode */
851
- !1,
852
- /* prefix */
853
- "fav"
854
- )}</div><button data-ref="baselineEmoji" aria-hidden="true" tabindex="-1" class="abs-pos hidden emoji baseline-emoji">😀</button></section>`, I = (g, b) => {
855
- for (const S of t.querySelectorAll(`[${g}]`))
856
- b(S, S.getAttribute(g));
857
- };
858
- if (d) {
859
- t.appendChild(E);
860
- for (const g of ["click", "focusout", "input", "keydown", "keyup"])
861
- I(`data-on-${g}`, (b, S) => {
862
- b.addEventListener(g, n[S]);
863
- });
864
- I("data-ref", (g, b) => {
865
- o[b] = g;
866
- }), a.addEventListener("abort", () => {
867
- t.removeChild(E);
868
- });
869
- }
870
- I("data-action", (g, b) => {
871
- let S = c.get(b);
872
- S || c.set(b, S = /* @__PURE__ */ new WeakSet()), S.has(g) || (S.add(g), i[b](g));
873
- });
874
- }
875
- const Ee = typeof queueMicrotask == "function" ? queueMicrotask : (t) => Promise.resolve().then(t);
876
- function Ua(t) {
877
- let e = !1, r;
878
- const n = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set();
879
- let o;
880
- const a = () => {
881
- if (e)
882
- return;
883
- const u = [...i];
884
- i.clear();
885
- try {
886
- for (const l of u)
887
- l();
888
- } finally {
889
- o = !1, i.size && (o = !0, Ee(a));
890
- }
891
- }, c = new Proxy({}, {
892
- get(u, l) {
893
- if (r) {
894
- let f = n.get(l);
895
- f || (f = /* @__PURE__ */ new Set(), n.set(l, f)), f.add(r);
896
- }
897
- return u[l];
898
- },
899
- set(u, l, f) {
900
- if (u[l] !== f) {
901
- u[l] = f;
902
- const p = n.get(l);
903
- if (p) {
904
- for (const m of p)
905
- i.add(m);
906
- o || (o = !0, Ee(a));
907
- }
908
- }
909
- return !0;
910
- }
911
- }), d = (u) => {
912
- const l = () => {
913
- const f = r;
914
- r = l;
915
- try {
916
- return u();
917
- } finally {
918
- r = f;
919
- }
920
- };
921
- return l();
922
- };
923
- return t.addEventListener("abort", () => {
924
- e = !0;
925
- }), {
926
- state: c,
927
- createEffect: d
928
- };
929
- }
930
- function Ve(t, e, r) {
931
- if (t.length !== e.length)
932
- return !1;
933
- for (let n = 0; n < t.length; n++)
934
- if (!r(t[n], e[n]))
935
- return !1;
936
- return !0;
937
- }
938
- const Wr = /* @__PURE__ */ new WeakMap();
939
- function $a(t, e, r) {
940
- {
941
- const n = t.closest(".tabpanel");
942
- let i = Wr.get(n);
943
- i || (i = new IntersectionObserver(r, {
944
- root: n,
945
- // trigger if we are 1/2 scroll container height away so that the images load a bit quicker while scrolling
946
- rootMargin: "50% 0px 50% 0px",
947
- // trigger if any part of the emoji grid is intersecting
948
- threshold: 0
949
- }), Wr.set(n, i), e.addEventListener("abort", () => {
950
- i.disconnect();
951
- })), i.observe(t);
952
- }
953
- }
954
- const We = [], { assign: ye } = Object;
955
- function Na(t, e) {
956
- const r = {}, n = new AbortController(), i = n.signal, { state: o, createEffect: a } = Ua(i), c = /* @__PURE__ */ new Map();
957
- ye(o, {
958
- skinToneEmoji: void 0,
959
- i18n: void 0,
960
- database: void 0,
961
- customEmoji: void 0,
962
- customCategorySorting: void 0,
963
- emojiVersion: void 0
964
- }), ye(o, e), ye(o, {
965
- initialLoad: !0,
966
- currentEmojis: [],
967
- currentEmojisWithCategories: [],
968
- rawSearchText: "",
969
- searchText: "",
970
- searchMode: !1,
971
- activeSearchItem: -1,
972
- message: void 0,
973
- skinTonePickerExpanded: !1,
974
- skinTonePickerExpandedAfterAnimation: !1,
975
- currentSkinTone: 0,
976
- activeSkinTone: 0,
977
- skinToneButtonText: void 0,
978
- pickerStyle: void 0,
979
- skinToneButtonLabel: "",
980
- skinTones: [],
981
- currentFavorites: [],
982
- defaultFavoriteEmojis: void 0,
983
- numColumns: ca,
984
- isRtl: !1,
985
- currentGroupIndex: 0,
986
- groups: $e,
987
- databaseLoaded: !1,
988
- activeSearchItemId: void 0
989
- }), a(() => {
990
- o.currentGroup !== o.groups[o.currentGroupIndex] && (o.currentGroup = o.groups[o.currentGroupIndex]);
991
- });
992
- const d = (s) => {
993
- t.getElementById(s).focus();
994
- }, u = (s) => t.getElementById(`emo-${s.id}`), l = (s, h) => {
995
- r.rootElement.dispatchEvent(new CustomEvent(s, {
996
- detail: h,
997
- bubbles: !0,
998
- composed: !0
999
- }));
1000
- }, f = (s, h) => s.id === h.id, p = (s, h) => {
1001
- const { category: y, emojis: _ } = s, { category: C, emojis: v } = h;
1002
- return y !== C ? !1 : Ve(_, v, f);
1003
- }, m = (s) => {
1004
- Ve(o.currentEmojis, s, f) || (o.currentEmojis = s);
1005
- }, k = (s) => {
1006
- o.searchMode !== s && (o.searchMode = s);
1007
- }, j = (s) => {
1008
- Ve(o.currentEmojisWithCategories, s, p) || (o.currentEmojisWithCategories = s);
1009
- }, E = (s, h) => h && s.skins && s.skins[h] || s.unicode, b = {
1010
- labelWithSkin: (s, h) => wa([
1011
- s.name || E(s, h),
1012
- s.annotation,
1013
- ...s.shortcodes || We
1014
- ].filter(Boolean)).join(", "),
1015
- titleForEmoji: (s) => s.annotation || (s.shortcodes || We).join(", "),
1016
- unicodeWithSkin: E
1017
- }, S = {
1018
- onClickSkinToneButton: Re,
1019
- onEmojiClick: Oe,
1020
- onNavClick: ue,
1021
- onNavKeydown: Ce,
1022
- onSearchKeydown: Ie,
1023
- onSkinToneOptionsClick: qe,
1024
- onSkinToneOptionsFocusOut: Pe,
1025
- onSkinToneOptionsKeydown: Le,
1026
- onSkinToneOptionsKeyup: Me,
1027
- onSearchInput: De
1028
- }, A = {
1029
- calculateEmojiGridStyle: K,
1030
- updateOnIntersection: O
1031
- };
1032
- let q = !0;
1033
- a(() => {
1034
- Fa(t, o, b, S, A, r, i, c, q), q = !1;
1035
- }), o.emojiVersion || Ke().then((s) => {
1036
- s || (o.message = o.i18n.emojiUnsupportedMessage);
1037
- }), a(() => {
1038
- async function s() {
1039
- let h = !1;
1040
- const y = setTimeout(() => {
1041
- h = !0, o.message = o.i18n.loadingMessage;
1042
- }, aa);
1043
- try {
1044
- await o.database.ready(), o.databaseLoaded = !0;
1045
- } catch (_) {
1046
- console.error(_), o.message = o.i18n.networkErrorMessage;
1047
- } finally {
1048
- clearTimeout(y), h && (h = !1, o.message = "");
1049
- }
1050
- }
1051
- o.database && s();
1052
- }), a(() => {
1053
- o.pickerStyle = `
1054
- --num-groups: ${o.groups.length};
1055
- --indicator-opacity: ${o.searchMode ? 0 : 1};
1056
- --num-skintones: ${$r};`;
1057
- }), a(() => {
1058
- o.customEmoji && o.database && B();
1059
- }), a(() => {
1060
- o.customEmoji && o.customEmoji.length ? o.groups !== dr && (o.groups = dr) : o.groups !== $e && (o.currentGroupIndex && o.currentGroupIndex--, o.groups = $e);
1061
- }), a(() => {
1062
- async function s() {
1063
- o.databaseLoaded && (o.currentSkinTone = await o.database.getPreferredSkinTone());
1064
- }
1065
- s();
1066
- }), a(() => {
1067
- o.skinTones = Array($r).fill().map((s, h) => ba(o.skinToneEmoji, h));
1068
- }), a(() => {
1069
- o.skinToneButtonText = o.skinTones[o.currentSkinTone];
1070
- }), a(() => {
1071
- o.skinToneButtonLabel = o.i18n.skinToneLabel.replace("{skinTone}", o.i18n.skinTones[o.currentSkinTone]);
1072
- }), a(() => {
1073
- async function s() {
1074
- const { database: h } = o, y = (await Promise.all(ua.map((_) => h.getEmojiByUnicodeOrName(_)))).filter(Boolean);
1075
- o.defaultFavoriteEmojis = y;
1076
- }
1077
- o.databaseLoaded && s();
1078
- });
1079
- function B() {
1080
- const { customEmoji: s, database: h } = o, y = s || We;
1081
- h.customEmoji !== y && (h.customEmoji = y);
1082
- }
1083
- a(() => {
1084
- async function s() {
1085
- B();
1086
- const { database: h, defaultFavoriteEmojis: y, numColumns: _ } = o, C = await h.getTopFavoriteEmoji(_), v = await H(qo([
1087
- ...C,
1088
- ...y
1089
- ], (x) => x.unicode || x.name).slice(0, _));
1090
- o.currentFavorites = v;
1091
- }
1092
- o.databaseLoaded && o.defaultFavoriteEmojis && s();
1093
- });
1094
- function K(s) {
1095
- Ta(s, i, () => {
1096
- {
1097
- const h = getComputedStyle(r.rootElement), y = parseInt(h.getPropertyValue("--num-columns"), 10), _ = h.getPropertyValue("direction") === "rtl";
1098
- o.numColumns = y, o.isRtl = _;
1099
- }
1100
- });
1101
- }
1102
- function O(s) {
1103
- $a(s, i, (h) => {
1104
- for (const { target: y, isIntersecting: _ } of h)
1105
- y.classList.toggle("onscreen", _);
1106
- });
1107
- }
1108
- a(() => {
1109
- async function s() {
1110
- const { searchText: h, currentGroup: y, databaseLoaded: _, customEmoji: C } = o;
1111
- if (!_)
1112
- o.currentEmojis = [], o.searchMode = !1;
1113
- else if (h.length >= oa) {
1114
- const v = await Ae(h);
1115
- o.searchText === h && (m(v), k(!0));
1116
- } else {
1117
- const { id: v } = y;
1118
- if (v !== -1 || C && C.length) {
1119
- const x = await Se(v);
1120
- o.currentGroup.id === v && (m(x), k(!1));
1121
- }
1122
- }
1123
- }
1124
- s();
1125
- });
1126
- const F = () => {
1127
- _e(() => ja(r.tabpanelElement));
1128
- };
1129
- a(() => {
1130
- const { currentEmojis: s, emojiVersion: h } = o, y = s.filter((_) => _.unicode).filter((_) => Nr(_) && !fr.has(_.unicode));
1131
- if (!h && y.length)
1132
- m(s), _e(() => w(y));
1133
- else {
1134
- const _ = h ? s : s.filter(L);
1135
- m(_), F();
1136
- }
1137
- });
1138
- function w(s) {
1139
- Ea(s, r.baselineEmoji, u) ? F() : o.currentEmojis = [...o.currentEmojis];
1140
- }
1141
- function L(s) {
1142
- return !s.unicode || !Nr(s) || fr.get(s.unicode);
1143
- }
1144
- async function U(s) {
1145
- const h = o.emojiVersion || await Ke();
1146
- return s.filter(({ version: y }) => !y || y <= h);
1147
- }
1148
- async function H(s) {
1149
- return _a(s, o.emojiVersion || await Ke());
1150
- }
1151
- async function Se(s) {
1152
- const h = s === -1 ? o.customEmoji : await o.database.getEmojiByGroup(s);
1153
- return H(await U(h));
1154
- }
1155
- async function Ae(s) {
1156
- return H(await U(await o.database.getEmojiBySearchQuery(s)));
1157
- }
1158
- a(() => {
1159
- }), a(() => {
1160
- function s() {
1161
- const { searchMode: y, currentEmojis: _ } = o;
1162
- if (y)
1163
- return [
1164
- {
1165
- category: "",
1166
- emojis: _
1167
- }
1168
- ];
1169
- const C = /* @__PURE__ */ new Map();
1170
- for (const v of _) {
1171
- const x = v.category || "";
1172
- let T = C.get(x);
1173
- T || (T = [], C.set(x, T)), T.push(v);
1174
- }
1175
- return [...C.entries()].map(([v, x]) => ({ category: v, emojis: x })).sort((v, x) => o.customCategorySorting(v.category, x.category));
1176
- }
1177
- const h = s();
1178
- j(h);
1179
- }), a(() => {
1180
- o.activeSearchItemId = o.activeSearchItem !== -1 && o.currentEmojis[o.activeSearchItem].id;
1181
- }), a(() => {
1182
- const { rawSearchText: s } = o;
1183
- xo(() => {
1184
- o.searchText = (s || "").trim(), o.activeSearchItem = -1;
1185
- });
1186
- });
1187
- function Ie(s) {
1188
- if (!o.searchMode || !o.currentEmojis.length)
1189
- return;
1190
- const h = (y) => {
1191
- M(s), o.activeSearchItem = ze(y, o.activeSearchItem, o.currentEmojis);
1192
- };
1193
- switch (s.key) {
1194
- case "ArrowDown":
1195
- return h(!1);
1196
- case "ArrowUp":
1197
- return h(!0);
1198
- case "Enter":
1199
- if (o.activeSearchItem === -1)
1200
- o.activeSearchItem = 0;
1201
- else
1202
- return M(s), le(o.currentEmojis[o.activeSearchItem].id);
1203
- }
1204
- }
1205
- function ue(s) {
1206
- const { target: h } = s, y = h.closest(".nav-button");
1207
- if (!y)
1208
- return;
1209
- const _ = parseInt(y.dataset.groupId, 10);
1210
- r.searchElement.value = "", o.rawSearchText = "", o.searchText = "", o.activeSearchItem = -1, o.currentGroupIndex = o.groups.findIndex((C) => C.id === _);
1211
- }
1212
- function Ce(s) {
1213
- const { target: h, key: y } = s, _ = (C) => {
1214
- C && (M(s), C.focus());
1215
- };
1216
- switch (y) {
1217
- case "ArrowLeft":
1218
- return _(h.previousElementSibling);
1219
- case "ArrowRight":
1220
- return _(h.nextElementSibling);
1221
- case "Home":
1222
- return _(h.parentElement.firstElementChild);
1223
- case "End":
1224
- return _(h.parentElement.lastElementChild);
1225
- }
1226
- }
1227
- async function xe(s) {
1228
- const h = await o.database.getEmojiByUnicodeOrName(s), y = [...o.currentEmojis, ...o.currentFavorites].find((C) => C.id === s), _ = y.unicode && E(y, o.currentSkinTone);
1229
- return await o.database.incrementFavoriteEmojiCount(s), {
1230
- emoji: h,
1231
- skinTone: o.currentSkinTone,
1232
- ..._ && { unicode: _ },
1233
- ...y.name && { name: y.name }
1234
- };
1235
- }
1236
- async function le(s) {
1237
- const h = xe(s);
1238
- l("emoji-click-sync", h), l("emoji-click", await h);
1239
- }
1240
- function Oe(s) {
1241
- const { target: h } = s;
1242
- if (!h.classList.contains("emoji"))
1243
- return;
1244
- M(s);
1245
- const y = h.id.substring(4);
1246
- le(y);
1247
- }
1248
- function te(s) {
1249
- o.currentSkinTone = s, o.skinTonePickerExpanded = !1, d("skintone-button"), l("skin-tone-change", { skinTone: s }), o.database.setPreferredSkinTone(s);
1250
- }
1251
- function qe(s) {
1252
- const { target: { id: h } } = s, y = h && h.match(/^skintone-(\d)/);
1253
- if (!y)
1254
- return;
1255
- M(s);
1256
- const _ = parseInt(y[1], 10);
1257
- te(_);
1258
- }
1259
- function Re(s) {
1260
- o.skinTonePickerExpanded = !o.skinTonePickerExpanded, o.activeSkinTone = o.currentSkinTone, o.skinTonePickerExpanded && (M(s), _e(() => d("skintone-list")));
1261
- }
1262
- a(() => {
1263
- o.skinTonePickerExpanded ? r.skinToneDropdown.addEventListener("transitionend", () => {
1264
- o.skinTonePickerExpandedAfterAnimation = !0;
1265
- }, { once: !0 }) : o.skinTonePickerExpandedAfterAnimation = !1;
1266
- });
1267
- function Le(s) {
1268
- if (!o.skinTonePickerExpanded)
1269
- return;
1270
- const h = async (y) => {
1271
- M(s), o.activeSkinTone = y;
1272
- };
1273
- switch (s.key) {
1274
- case "ArrowUp":
1275
- return h(ze(!0, o.activeSkinTone, o.skinTones));
1276
- case "ArrowDown":
1277
- return h(ze(!1, o.activeSkinTone, o.skinTones));
1278
- case "Home":
1279
- return h(0);
1280
- case "End":
1281
- return h(o.skinTones.length - 1);
1282
- case "Enter":
1283
- return M(s), te(o.activeSkinTone);
1284
- case "Escape":
1285
- return M(s), o.skinTonePickerExpanded = !1, d("skintone-button");
1286
- }
1287
- }
1288
- function Me(s) {
1289
- if (o.skinTonePickerExpanded && s.key === " ")
1290
- return M(s), te(o.activeSkinTone);
1291
- }
1292
- async function Pe(s) {
1293
- const { relatedTarget: h } = s;
1294
- (!h || h.id !== "skintone-list") && (o.skinTonePickerExpanded = !1);
1295
- }
1296
- function De(s) {
1297
- o.rawSearchText = s.target.value;
1298
- }
1299
- return {
1300
- $set(s) {
1301
- ye(o, s);
1302
- },
1303
- $destroy() {
1304
- n.abort();
1305
- }
1306
- };
1307
- }
1308
- const Ka = "https://cdn.jsdelivr.net/npm/emoji-picker-element-data@^1/en/emojibase/data.json", za = "en";
1309
- var Ga = {
1310
- categoriesLabel: "Categories",
1311
- emojiUnsupportedMessage: "Your browser does not support color emoji.",
1312
- favoritesLabel: "Favorites",
1313
- loadingMessage: "Loading…",
1314
- networkErrorMessage: "Could not load emoji.",
1315
- regionLabel: "Emoji picker",
1316
- searchDescription: "When search results are available, press up or down to select and enter to choose.",
1317
- searchLabel: "Search",
1318
- searchResultsLabel: "Search results",
1319
- skinToneDescription: "When expanded, press up or down to select and enter to choose.",
1320
- skinToneLabel: "Choose a skin tone (currently {skinTone})",
1321
- skinTonesLabel: "Skin tones",
1322
- skinTones: [
1323
- "Default",
1324
- "Light",
1325
- "Medium-Light",
1326
- "Medium",
1327
- "Medium-Dark",
1328
- "Dark"
1329
- ],
1330
- categories: {
1331
- custom: "Custom",
1332
- "smileys-emotion": "Smileys and emoticons",
1333
- "people-body": "People and body",
1334
- "animals-nature": "Animals and nature",
1335
- "food-drink": "Food and drink",
1336
- "travel-places": "Travel and places",
1337
- activities: "Activities",
1338
- objects: "Objects",
1339
- symbols: "Symbols",
1340
- flags: "Flags"
1341
- }
1342
- }, Va = ':host{--emoji-size:1.375rem;--emoji-padding:0.5rem;--category-emoji-size:var(--emoji-size);--category-emoji-padding:var(--emoji-padding);--indicator-height:3px;--input-border-radius:0.5rem;--input-border-size:1px;--input-font-size:1rem;--input-line-height:1.5;--input-padding:0.25rem;--num-columns:8;--outline-size:2px;--border-size:1px;--border-radius:0;--skintone-border-radius:1rem;--category-font-size:1rem;display:flex;width:min-content;height:400px}:host,:host(.light){color-scheme:light;--background:#fff;--border-color:#e0e0e0;--indicator-color:#385ac1;--input-border-color:#999;--input-font-color:#111;--input-placeholder-color:#999;--outline-color:#999;--category-font-color:#111;--button-active-background:#e6e6e6;--button-hover-background:#d9d9d9}:host(.dark){color-scheme:dark;--background:#222;--border-color:#444;--indicator-color:#5373ec;--input-border-color:#ccc;--input-font-color:#efefef;--input-placeholder-color:#ccc;--outline-color:#fff;--category-font-color:#efefef;--button-active-background:#555555;--button-hover-background:#484848}@media (prefers-color-scheme:dark){:host{color-scheme:dark;--background:#222;--border-color:#444;--indicator-color:#5373ec;--input-border-color:#ccc;--input-font-color:#efefef;--input-placeholder-color:#ccc;--outline-color:#fff;--category-font-color:#efefef;--button-active-background:#555555;--button-hover-background:#484848}}:host([hidden]){display:none}button{margin:0;padding:0;border:0;background:0 0;box-shadow:none;-webkit-tap-highlight-color:transparent}button::-moz-focus-inner{border:0}input{padding:0;margin:0;line-height:1.15;font-family:inherit}input[type=search]{-webkit-appearance:none}:focus{outline:var(--outline-color) solid var(--outline-size);outline-offset:calc(-1*var(--outline-size))}:host([data-js-focus-visible]) :focus:not([data-focus-visible-added]){outline:0}:focus:not(:focus-visible){outline:0}.hide-focus{outline:0}*{box-sizing:border-box}.picker{contain:content;display:flex;flex-direction:column;background:var(--background);border:var(--border-size) solid var(--border-color);border-radius:var(--border-radius);width:100%;height:100%;overflow:hidden;--total-emoji-size:calc(var(--emoji-size) + (2 * var(--emoji-padding)));--total-category-emoji-size:calc(var(--category-emoji-size) + (2 * var(--category-emoji-padding)))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.hidden{opacity:0;pointer-events:none}.abs-pos{position:absolute;left:0;top:0}.gone{display:none!important}.skintone-button-wrapper,.skintone-list{background:var(--background);z-index:3}.skintone-button-wrapper.expanded{z-index:1}.skintone-list{position:absolute;inset-inline-end:0;top:0;z-index:2;overflow:visible;border-bottom:var(--border-size) solid var(--border-color);border-radius:0 0 var(--skintone-border-radius) var(--skintone-border-radius);will-change:transform;transition:transform .2s ease-in-out;transform-origin:center 0}@media (prefers-reduced-motion:reduce){.skintone-list{transition-duration:.001s}}@supports not (inset-inline-end:0){.skintone-list{right:0}}.skintone-list.no-animate{transition:none}.tabpanel{overflow-y:auto;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;will-change:transform;min-height:0;flex:1;contain:content}.emoji-menu{display:grid;grid-template-columns:repeat(var(--num-columns),var(--total-emoji-size));justify-content:space-around;align-items:flex-start;width:100%}.emoji-menu.visibility-auto{content-visibility:auto;contain-intrinsic-size:calc(var(--num-columns)*var(--total-emoji-size)) calc(var(--num-rows)*var(--total-emoji-size))}.category{padding:var(--emoji-padding);font-size:var(--category-font-size);color:var(--category-font-color)}.emoji,button.emoji{font-size:var(--emoji-size);display:flex;align-items:center;justify-content:center;border-radius:100%;height:var(--total-emoji-size);width:var(--total-emoji-size);line-height:1;overflow:hidden;font-family:var(--emoji-font-family);cursor:pointer}@media (hover:hover) and (pointer:fine){.emoji:hover,button.emoji:hover{background:var(--button-hover-background)}}.emoji.active,.emoji:active,button.emoji.active,button.emoji:active{background:var(--button-active-background)}.onscreen .custom-emoji::after{content:"";width:var(--emoji-size);height:var(--emoji-size);background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:var(--custom-emoji-background)}.nav,.nav-button{align-items:center}.nav{display:grid;justify-content:space-between;contain:content}.nav-button{display:flex;justify-content:center}.nav-emoji{font-size:var(--category-emoji-size);width:var(--total-category-emoji-size);height:var(--total-category-emoji-size)}.indicator-wrapper{display:flex;border-bottom:1px solid var(--border-color)}.indicator{width:calc(100%/var(--num-groups));height:var(--indicator-height);opacity:var(--indicator-opacity);background-color:var(--indicator-color);will-change:transform,opacity;transition:opacity .1s linear,transform .25s ease-in-out}@media (prefers-reduced-motion:reduce){.indicator{will-change:opacity;transition:opacity .1s linear}}.pad-top,input.search{background:var(--background);width:100%}.pad-top{height:var(--emoji-padding);z-index:3}.search-row{display:flex;align-items:center;position:relative;padding-inline-start:var(--emoji-padding);padding-bottom:var(--emoji-padding)}.search-wrapper{flex:1;min-width:0}input.search{padding:var(--input-padding);border-radius:var(--input-border-radius);border:var(--input-border-size) solid var(--input-border-color);color:var(--input-font-color);font-size:var(--input-font-size);line-height:var(--input-line-height)}input.search::placeholder{color:var(--input-placeholder-color)}.favorites{overflow-y:auto;scrollbar-gutter:stable;display:flex;flex-direction:row;border-top:var(--border-size) solid var(--border-color);contain:content}.message{padding:var(--emoji-padding)}';
1343
- const Ro = [
1344
- "customEmoji",
1345
- "customCategorySorting",
1346
- "database",
1347
- "dataSource",
1348
- "i18n",
1349
- "locale",
1350
- "skinToneEmoji",
1351
- "emojiVersion"
1352
- ], Wa = `:host{--emoji-font-family:${Oo}}`;
1353
- class Tr extends HTMLElement {
1354
- constructor(e) {
1355
- super(), this.attachShadow({ mode: "open" });
1356
- const r = document.createElement("style");
1357
- r.textContent = Va + Wa, this.shadowRoot.appendChild(r), this._ctx = {
1358
- // Set defaults
1359
- locale: za,
1360
- dataSource: Ka,
1361
- skinToneEmoji: sa,
1362
- customCategorySorting: la,
1363
- customEmoji: null,
1364
- i18n: Ga,
1365
- emojiVersion: null,
1366
- ...e
1367
- };
1368
- for (const n of Ro)
1369
- n !== "database" && Object.prototype.hasOwnProperty.call(this, n) && (this._ctx[n] = this[n], delete this[n]);
1370
- this._dbFlush();
1371
- }
1372
- connectedCallback() {
1373
- Hr(this), this._cmp || (this._cmp = Na(this.shadowRoot, this._ctx));
1374
- }
1375
- disconnectedCallback() {
1376
- Hr(this), Ee(() => {
1377
- if (!this.isConnected && this._cmp) {
1378
- this._cmp.$destroy(), this._cmp = void 0;
1379
- const { database: e } = this._ctx;
1380
- e.close().catch((r) => console.error(r));
1381
- }
1382
- });
1383
- }
1384
- static get observedAttributes() {
1385
- return ["locale", "data-source", "skin-tone-emoji", "emoji-version"];
1386
- }
1387
- attributeChangedCallback(e, r, n) {
1388
- this._set(
1389
- // convert from kebab-case to camelcase
1390
- // see https://github.com/sveltejs/svelte/issues/3852#issuecomment-665037015
1391
- e.replace(/-([a-z])/g, (i, o) => o.toUpperCase()),
1392
- // convert string attribute to float if necessary
1393
- e === "emoji-version" ? parseFloat(n) : n
1394
- );
1395
- }
1396
- _set(e, r) {
1397
- this._ctx[e] = r, this._cmp && this._cmp.$set({ [e]: r }), ["locale", "dataSource"].includes(e) && this._dbFlush();
1398
- }
1399
- _dbCreate() {
1400
- const { locale: e, dataSource: r, database: n } = this._ctx;
1401
- (!n || n.locale !== e || n.dataSource !== r) && this._set("database", new na({ locale: e, dataSource: r }));
1402
- }
1403
- // Update the Database in one microtask if the locale/dataSource change. We do one microtask
1404
- // so we don't create two Databases if e.g. both the locale and the dataSource change
1405
- _dbFlush() {
1406
- Ee(() => this._dbCreate());
1407
- }
1408
- }
1409
- const Lo = {};
1410
- for (const t of Ro)
1411
- Lo[t] = {
1412
- get() {
1413
- return t === "database" && this._dbCreate(), this._ctx[t];
1414
- },
1415
- set(e) {
1416
- if (t === "database")
1417
- throw new Error("database is read-only");
1418
- this._set(t, e);
1419
- }
1420
- };
1421
- Object.defineProperties(Tr.prototype, Lo);
1422
- function Hr(t) {
1423
- t instanceof Tr || Object.setPrototypeOf(t, customElements.get(t.tagName.toLowerCase()).prototype);
1424
- }
1425
- customElements.get("emoji-picker") || customElements.define("emoji-picker", Tr);
1426
- var P = typeof window == "object" && window.window === window ? window : typeof self == "object" && self.self === self ? self : typeof he == "object" && he.global === he ? he : void 0;
1427
- function Ha(t, e) {
1428
- return typeof e > "u" ? e = { autoBom: !1 } : typeof e != "object" && (console.warn("Deprecated: Expected third argument to be a object"), e = { autoBom: !e }), e.autoBom && /^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(t.type) ? new Blob(["\uFEFF", t], { type: t.type }) : t;
1429
- }
1430
- function He(t, e, r) {
1431
- var n = new XMLHttpRequest();
1432
- n.open("GET", t), n.responseType = "blob", n.onload = function() {
1433
- pr(n.response, e, r);
1434
- }, n.onerror = function() {
1435
- console.error("could not download file");
1436
- }, n.send();
1437
- }
1438
- function Xr(t) {
1439
- var e = new XMLHttpRequest();
1440
- e.open("HEAD", t, !1);
1441
- try {
1442
- e.send();
1443
- } catch {
1444
- }
1445
- return e.status >= 200 && e.status <= 299;
1446
- }
1447
- function ve(t) {
1448
- try {
1449
- t.dispatchEvent(new MouseEvent("click"));
1450
- } catch {
1451
- var e = document.createEvent("MouseEvents");
1452
- e.initMouseEvent(
1453
- "click",
1454
- !0,
1455
- !0,
1456
- window,
1457
- 0,
1458
- 0,
1459
- 0,
1460
- 80,
1461
- 20,
1462
- !1,
1463
- !1,
1464
- !1,
1465
- !1,
1466
- 0,
1467
- null
1468
- ), t.dispatchEvent(e);
1469
- }
1470
- }
1471
- var Yr = P.navigator && /Macintosh/.test(navigator.userAgent) && /AppleWebKit/.test(navigator.userAgent) && !/Safari/.test(navigator.userAgent), pr = P.saveAs || // probably in some web worker
1472
- (typeof window != "object" || window !== P ? function() {
1473
- } : "download" in HTMLAnchorElement.prototype && !Yr ? function(e, r, n) {
1474
- var i = P.URL || P.webkitURL, o = document.createElement("a");
1475
- r = r || e.name || "download", o.download = r, o.rel = "noopener", typeof e == "string" ? (o.href = e, o.origin !== location.origin ? Xr(o.href) ? He(e, r, n) : ve(o, o.target = "_blank") : ve(o)) : (o.href = i.createObjectURL(e), setTimeout(function() {
1476
- i.revokeObjectURL(o.href);
1477
- }, 4e4), setTimeout(function() {
1478
- ve(o);
1479
- }, 0));
1480
- } : "msSaveOrOpenBlob" in navigator ? function(e, r, n) {
1481
- if (r = r || e.name || "download", typeof e == "string")
1482
- if (Xr(e))
1483
- He(e, r, n);
1484
- else {
1485
- var i = document.createElement("a");
1486
- i.href = e, i.target = "_blank", setTimeout(function() {
1487
- ve(i);
1488
- });
1489
- }
1490
- else
1491
- navigator.msSaveOrOpenBlob(Ha(e, n), r);
1492
- } : function(e, r, n, i) {
1493
- if (i = i || open("", "_blank"), i && (i.document.title = i.document.body.innerText = "downloading..."), typeof e == "string") return He(e, r, n);
1494
- var o = e.type === "application/octet-stream", a = /constructor/i.test(P.HTMLElement) || P.safari, c = /CriOS\/[\d]+/.test(navigator.userAgent);
1495
- if ((c || o && a || Yr) && typeof FileReader < "u") {
1496
- var d = new FileReader();
1497
- d.onloadend = function() {
1498
- var f = d.result;
1499
- f = c ? f : f.replace(/^data:[^;]*;/, "data:attachment/file;"), i ? i.location.href = f : location = f, i = null;
1500
- }, d.readAsDataURL(e);
1501
- } else {
1502
- var u = P.URL || P.webkitURL, l = u.createObjectURL(e);
1503
- i ? i.location = l : location.href = l, i = null, setTimeout(function() {
1504
- u.revokeObjectURL(l);
1505
- }, 4e4);
1506
- }
1507
- });
1508
- P.saveAs = pr.saveAs = pr;
1509
- var Xe, Zr;
1510
- function Xa() {
1511
- if (Zr) return Xe;
1512
- Zr = 1;
1513
- var t = hr();
1514
- function e() {
1515
- this.__data__ = new t(), this.size = 0;
1516
- }
1517
- return Xe = e, Xe;
1518
- }
1519
- var Ye, Jr;
1520
- function Ya() {
1521
- if (Jr) return Ye;
1522
- Jr = 1;
1523
- function t(e) {
1524
- var r = this.__data__, n = r.delete(e);
1525
- return this.size = r.size, n;
1526
- }
1527
- return Ye = t, Ye;
1528
- }
1529
- var Ze, Qr;
1530
- function Za() {
1531
- if (Qr) return Ze;
1532
- Qr = 1;
1533
- function t(e) {
1534
- return this.__data__.get(e);
1535
- }
1536
- return Ze = t, Ze;
1537
- }
1538
- var Je, en;
1539
- function Ja() {
1540
- if (en) return Je;
1541
- en = 1;
1542
- function t(e) {
1543
- return this.__data__.has(e);
1544
- }
1545
- return Je = t, Je;
1546
- }
1547
- var Qe, tn;
1548
- function Qa() {
1549
- if (tn) return Qe;
1550
- tn = 1;
1551
- var t = hr(), e = go(), r = ii(), n = 200;
1552
- function i(o, a) {
1553
- var c = this.__data__;
1554
- if (c instanceof t) {
1555
- var d = c.__data__;
1556
- if (!e || d.length < n - 1)
1557
- return d.push([o, a]), this.size = ++c.size, this;
1558
- c = this.__data__ = new r(d);
1559
- }
1560
- return c.set(o, a), this.size = c.size, this;
1561
- }
1562
- return Qe = i, Qe;
1563
- }
1564
- var et, rn;
1565
- function es() {
1566
- if (rn) return et;
1567
- rn = 1;
1568
- var t = hr(), e = Xa(), r = Ya(), n = Za(), i = Ja(), o = Qa();
1569
- function a(c) {
1570
- var d = this.__data__ = new t(c);
1571
- this.size = d.size;
1572
- }
1573
- return a.prototype.clear = e, a.prototype.delete = r, a.prototype.get = n, a.prototype.has = i, a.prototype.set = o, et = a, et;
1574
- }
1575
- var tt, nn;
1576
- function ts() {
1577
- if (nn) return tt;
1578
- nn = 1;
1579
- function t(e, r) {
1580
- for (var n = -1, i = e == null ? 0 : e.length; ++n < i && r(e[n], n, e) !== !1; )
1581
- ;
1582
- return e;
1583
- }
1584
- return tt = t, tt;
1585
- }
1586
- var rt, on;
1587
- function rs() {
1588
- if (on) return rt;
1589
- on = 1;
1590
- var t = se(), e = (function() {
1591
- try {
1592
- var r = t(Object, "defineProperty");
1593
- return r({}, "", {}), r;
1594
- } catch {
1595
- }
1596
- })();
1597
- return rt = e, rt;
1598
- }
1599
- var nt, an;
1600
- function Mo() {
1601
- if (an) return nt;
1602
- an = 1;
1603
- var t = rs();
1604
- function e(r, n, i) {
1605
- n == "__proto__" && t ? t(r, n, {
1606
- configurable: !0,
1607
- enumerable: !0,
1608
- value: i,
1609
- writable: !0
1610
- }) : r[n] = i;
1611
- }
1612
- return nt = e, nt;
1613
- }
1614
- var ot, sn;
1615
- function Er() {
1616
- if (sn) return ot;
1617
- sn = 1;
1618
- var t = Mo(), e = ai(), r = Object.prototype, n = r.hasOwnProperty;
1619
- function i(o, a, c) {
1620
- var d = o[a];
1621
- (!(n.call(o, a) && e(d, c)) || c === void 0 && !(a in o)) && t(o, a, c);
1622
- }
1623
- return ot = i, ot;
1624
- }
1625
- var it, cn;
1626
- function je() {
1627
- if (cn) return it;
1628
- cn = 1;
1629
- var t = Er(), e = Mo();
1630
- function r(n, i, o, a) {
1631
- var c = !o;
1632
- o || (o = {});
1633
- for (var d = -1, u = i.length; ++d < u; ) {
1634
- var l = i[d], f = a ? a(o[l], n[l], l, o, n) : void 0;
1635
- f === void 0 && (f = n[l]), c ? e(o, l, f) : t(o, l, f);
1636
- }
1637
- return o;
1638
- }
1639
- return it = r, it;
1640
- }
1641
- var at, un;
1642
- function ns() {
1643
- if (un) return at;
1644
- un = 1;
1645
- function t(e, r) {
1646
- for (var n = -1, i = Array(e); ++n < e; )
1647
- i[n] = r(n);
1648
- return i;
1649
- }
1650
- return at = t, at;
1651
- }
1652
- var st, ln;
1653
- function os() {
1654
- if (ln) return st;
1655
- ln = 1;
1656
- var t = gr(), e = ce(), r = "[object Arguments]";
1657
- function n(i) {
1658
- return e(i) && t(i) == r;
1659
- }
1660
- return st = n, st;
1661
- }
1662
- var ct, dn;
1663
- function is() {
1664
- if (dn) return ct;
1665
- dn = 1;
1666
- var t = os(), e = ce(), r = Object.prototype, n = r.hasOwnProperty, i = r.propertyIsEnumerable, o = t(/* @__PURE__ */ (function() {
1667
- return arguments;
1668
- })()) ? t : function(a) {
1669
- return e(a) && n.call(a, "callee") && !i.call(a, "callee");
1670
- };
1671
- return ct = o, ct;
1672
- }
1673
- var ne = { exports: {} }, ut, fn;
1674
- function as() {
1675
- if (fn) return ut;
1676
- fn = 1;
1677
- function t() {
1678
- return !1;
1679
- }
1680
- return ut = t, ut;
1681
- }
1682
- ne.exports;
1683
- var pn;
1684
- function Po() {
1685
- return pn || (pn = 1, (function(t, e) {
1686
- var r = V(), n = as(), i = e && !e.nodeType && e, o = i && !0 && t && !t.nodeType && t, a = o && o.exports === i, c = a ? r.Buffer : void 0, d = c ? c.isBuffer : void 0, u = d || n;
1687
- t.exports = u;
1688
- })(ne, ne.exports)), ne.exports;
1689
- }
1690
- var lt, hn;
1691
- function Do() {
1692
- if (hn) return lt;
1693
- hn = 1;
1694
- var t = 9007199254740991, e = /^(?:0|[1-9]\d*)$/;
1695
- function r(n, i) {
1696
- var o = typeof n;
1697
- return i = i ?? t, !!i && (o == "number" || o != "symbol" && e.test(n)) && n > -1 && n % 1 == 0 && n < i;
1698
- }
1699
- return lt = r, lt;
1700
- }
1701
- var dt, gn;
1702
- function Bo() {
1703
- if (gn) return dt;
1704
- gn = 1;
1705
- var t = 9007199254740991;
1706
- function e(r) {
1707
- return typeof r == "number" && r > -1 && r % 1 == 0 && r <= t;
1708
- }
1709
- return dt = e, dt;
1710
- }
1711
- var ft, mn;
1712
- function ss() {
1713
- if (mn) return ft;
1714
- mn = 1;
1715
- var t = gr(), e = Bo(), r = ce(), n = "[object Arguments]", i = "[object Array]", o = "[object Boolean]", a = "[object Date]", c = "[object Error]", d = "[object Function]", u = "[object Map]", l = "[object Number]", f = "[object Object]", p = "[object RegExp]", m = "[object Set]", k = "[object String]", j = "[object WeakMap]", E = "[object ArrayBuffer]", I = "[object DataView]", g = "[object Float32Array]", b = "[object Float64Array]", S = "[object Int8Array]", A = "[object Int16Array]", q = "[object Int32Array]", B = "[object Uint8Array]", K = "[object Uint8ClampedArray]", O = "[object Uint16Array]", F = "[object Uint32Array]", w = {};
1716
- w[g] = w[b] = w[S] = w[A] = w[q] = w[B] = w[K] = w[O] = w[F] = !0, w[n] = w[i] = w[E] = w[o] = w[I] = w[a] = w[c] = w[d] = w[u] = w[l] = w[f] = w[p] = w[m] = w[k] = w[j] = !1;
1717
- function L(U) {
1718
- return r(U) && e(U.length) && !!w[t(U)];
1719
- }
1720
- return ft = L, ft;
1721
- }
1722
- var pt, yn;
1723
- function wr() {
1724
- if (yn) return pt;
1725
- yn = 1;
1726
- function t(e) {
1727
- return function(r) {
1728
- return e(r);
1729
- };
1730
- }
1731
- return pt = t, pt;
1732
- }
1733
- var oe = { exports: {} };
1734
- oe.exports;
1735
- var vn;
1736
- function jr() {
1737
- return vn || (vn = 1, (function(t, e) {
1738
- var r = si(), n = e && !e.nodeType && e, i = n && !0 && t && !t.nodeType && t, o = i && i.exports === n, a = o && r.process, c = (function() {
1739
- try {
1740
- var d = i && i.require && i.require("util").types;
1741
- return d || a && a.binding && a.binding("util");
1742
- } catch {
1743
- }
1744
- })();
1745
- t.exports = c;
1746
- })(oe, oe.exports)), oe.exports;
1747
- }
1748
- var ht, bn;
1749
- function cs() {
1750
- if (bn) return ht;
1751
- bn = 1;
1752
- var t = ss(), e = wr(), r = jr(), n = r && r.isTypedArray, i = n ? e(n) : t;
1753
- return ht = i, ht;
1754
- }
1755
- var gt, _n;
1756
- function Fo() {
1757
- if (_n) return gt;
1758
- _n = 1;
1759
- var t = ns(), e = is(), r = mr(), n = Po(), i = Do(), o = cs(), a = Object.prototype, c = a.hasOwnProperty;
1760
- function d(u, l) {
1761
- var f = r(u), p = !f && e(u), m = !f && !p && n(u), k = !f && !p && !m && o(u), j = f || p || m || k, E = j ? t(u.length, String) : [], I = E.length;
1762
- for (var g in u)
1763
- (l || c.call(u, g)) && !(j && // Safari 9 has enumerable `arguments.length` in strict mode.
1764
- (g == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
1765
- m && (g == "offset" || g == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
1766
- k && (g == "buffer" || g == "byteLength" || g == "byteOffset") || // Skip index properties.
1767
- i(g, I))) && E.push(g);
1768
- return E;
1769
- }
1770
- return gt = d, gt;
1771
- }
1772
- var mt, kn;
1773
- function Sr() {
1774
- if (kn) return mt;
1775
- kn = 1;
1776
- var t = Object.prototype;
1777
- function e(r) {
1778
- var n = r && r.constructor, i = typeof n == "function" && n.prototype || t;
1779
- return r === i;
1780
- }
1781
- return mt = e, mt;
1782
- }
1783
- var yt, Tn;
1784
- function Uo() {
1785
- if (Tn) return yt;
1786
- Tn = 1;
1787
- function t(e, r) {
1788
- return function(n) {
1789
- return e(r(n));
1790
- };
1791
- }
1792
- return yt = t, yt;
1793
- }
1794
- var vt, En;
1795
- function us() {
1796
- if (En) return vt;
1797
- En = 1;
1798
- var t = Uo(), e = t(Object.keys, Object);
1799
- return vt = e, vt;
1800
- }
1801
- var bt, wn;
1802
- function ls() {
1803
- if (wn) return bt;
1804
- wn = 1;
1805
- var t = Sr(), e = us(), r = Object.prototype, n = r.hasOwnProperty;
1806
- function i(o) {
1807
- if (!t(o))
1808
- return e(o);
1809
- var a = [];
1810
- for (var c in Object(o))
1811
- n.call(o, c) && c != "constructor" && a.push(c);
1812
- return a;
1813
- }
1814
- return bt = i, bt;
1815
- }
1816
- var _t, jn;
1817
- function $o() {
1818
- if (jn) return _t;
1819
- jn = 1;
1820
- var t = ci(), e = Bo();
1821
- function r(n) {
1822
- return n != null && e(n.length) && !t(n);
1823
- }
1824
- return _t = r, _t;
1825
- }
1826
- var kt, Sn;
1827
- function Ar() {
1828
- if (Sn) return kt;
1829
- Sn = 1;
1830
- var t = Fo(), e = ls(), r = $o();
1831
- function n(i) {
1832
- return r(i) ? t(i) : e(i);
1833
- }
1834
- return kt = n, kt;
1835
- }
1836
- var Tt, An;
1837
- function ds() {
1838
- if (An) return Tt;
1839
- An = 1;
1840
- var t = je(), e = Ar();
1841
- function r(n, i) {
1842
- return n && t(i, e(i), n);
1843
- }
1844
- return Tt = r, Tt;
1845
- }
1846
- var Et, In;
1847
- function fs() {
1848
- if (In) return Et;
1849
- In = 1;
1850
- function t(e) {
1851
- var r = [];
1852
- if (e != null)
1853
- for (var n in Object(e))
1854
- r.push(n);
1855
- return r;
1856
- }
1857
- return Et = t, Et;
1858
- }
1859
- var wt, Cn;
1860
- function ps() {
1861
- if (Cn) return wt;
1862
- Cn = 1;
1863
- var t = we(), e = Sr(), r = fs(), n = Object.prototype, i = n.hasOwnProperty;
1864
- function o(a) {
1865
- if (!t(a))
1866
- return r(a);
1867
- var c = e(a), d = [];
1868
- for (var u in a)
1869
- u == "constructor" && (c || !i.call(a, u)) || d.push(u);
1870
- return d;
1871
- }
1872
- return wt = o, wt;
1873
- }
1874
- var jt, xn;
1875
- function Ir() {
1876
- if (xn) return jt;
1877
- xn = 1;
1878
- var t = Fo(), e = ps(), r = $o();
1879
- function n(i) {
1880
- return r(i) ? t(i, !0) : e(i);
1881
- }
1882
- return jt = n, jt;
1883
- }
1884
- var St, On;
1885
- function hs() {
1886
- if (On) return St;
1887
- On = 1;
1888
- var t = je(), e = Ir();
1889
- function r(n, i) {
1890
- return n && t(i, e(i), n);
1891
- }
1892
- return St = r, St;
1893
- }
1894
- var ie = { exports: {} };
1895
- ie.exports;
1896
- var qn;
1897
- function gs() {
1898
- return qn || (qn = 1, (function(t, e) {
1899
- var r = V(), n = e && !e.nodeType && e, i = n && !0 && t && !t.nodeType && t, o = i && i.exports === n, a = o ? r.Buffer : void 0, c = a ? a.allocUnsafe : void 0;
1900
- function d(u, l) {
1901
- if (l)
1902
- return u.slice();
1903
- var f = u.length, p = c ? c(f) : new u.constructor(f);
1904
- return u.copy(p), p;
1905
- }
1906
- t.exports = d;
1907
- })(ie, ie.exports)), ie.exports;
1908
- }
1909
- var At, Rn;
1910
- function ms() {
1911
- if (Rn) return At;
1912
- Rn = 1;
1913
- function t(e, r) {
1914
- var n = -1, i = e.length;
1915
- for (r || (r = Array(i)); ++n < i; )
1916
- r[n] = e[n];
1917
- return r;
1918
- }
1919
- return At = t, At;
1920
- }
1921
- var It, Ln;
1922
- function ys() {
1923
- if (Ln) return It;
1924
- Ln = 1;
1925
- function t(e, r) {
1926
- for (var n = -1, i = e == null ? 0 : e.length, o = 0, a = []; ++n < i; ) {
1927
- var c = e[n];
1928
- r(c, n, e) && (a[o++] = c);
1929
- }
1930
- return a;
1931
- }
1932
- return It = t, It;
1933
- }
1934
- var Ct, Mn;
1935
- function No() {
1936
- if (Mn) return Ct;
1937
- Mn = 1;
1938
- function t() {
1939
- return [];
1940
- }
1941
- return Ct = t, Ct;
1942
- }
1943
- var xt, Pn;
1944
- function Cr() {
1945
- if (Pn) return xt;
1946
- Pn = 1;
1947
- var t = ys(), e = No(), r = Object.prototype, n = r.propertyIsEnumerable, i = Object.getOwnPropertySymbols, o = i ? function(a) {
1948
- return a == null ? [] : (a = Object(a), t(i(a), function(c) {
1949
- return n.call(a, c);
1950
- }));
1951
- } : e;
1952
- return xt = o, xt;
1953
- }
1954
- var Ot, Dn;
1955
- function vs() {
1956
- if (Dn) return Ot;
1957
- Dn = 1;
1958
- var t = je(), e = Cr();
1959
- function r(n, i) {
1960
- return t(n, e(n), i);
1961
- }
1962
- return Ot = r, Ot;
1963
- }
1964
- var qt, Bn;
1965
- function Ko() {
1966
- if (Bn) return qt;
1967
- Bn = 1;
1968
- function t(e, r) {
1969
- for (var n = -1, i = r.length, o = e.length; ++n < i; )
1970
- e[o + n] = r[n];
1971
- return e;
1972
- }
1973
- return qt = t, qt;
1974
- }
1975
- var Rt, Fn;
1976
- function zo() {
1977
- if (Fn) return Rt;
1978
- Fn = 1;
1979
- var t = Uo(), e = t(Object.getPrototypeOf, Object);
1980
- return Rt = e, Rt;
1981
- }
1982
- var Lt, Un;
1983
- function Go() {
1984
- if (Un) return Lt;
1985
- Un = 1;
1986
- var t = Ko(), e = zo(), r = Cr(), n = No(), i = Object.getOwnPropertySymbols, o = i ? function(a) {
1987
- for (var c = []; a; )
1988
- t(c, r(a)), a = e(a);
1989
- return c;
1990
- } : n;
1991
- return Lt = o, Lt;
1992
- }
1993
- var Mt, $n;
1994
- function bs() {
1995
- if ($n) return Mt;
1996
- $n = 1;
1997
- var t = je(), e = Go();
1998
- function r(n, i) {
1999
- return t(n, e(n), i);
2000
- }
2001
- return Mt = r, Mt;
2002
- }
2003
- var Pt, Nn;
2004
- function Vo() {
2005
- if (Nn) return Pt;
2006
- Nn = 1;
2007
- var t = Ko(), e = mr();
2008
- function r(n, i, o) {
2009
- var a = i(n);
2010
- return e(n) ? a : t(a, o(n));
2011
- }
2012
- return Pt = r, Pt;
2013
- }
2014
- var Dt, Kn;
2015
- function _s() {
2016
- if (Kn) return Dt;
2017
- Kn = 1;
2018
- var t = Vo(), e = Cr(), r = Ar();
2019
- function n(i) {
2020
- return t(i, r, e);
2021
- }
2022
- return Dt = n, Dt;
2023
- }
2024
- var Bt, zn;
2025
- function ks() {
2026
- if (zn) return Bt;
2027
- zn = 1;
2028
- var t = Vo(), e = Go(), r = Ir();
2029
- function n(i) {
2030
- return t(i, r, e);
2031
- }
2032
- return Bt = n, Bt;
2033
- }
2034
- var Ft, Gn;
2035
- function Ts() {
2036
- if (Gn) return Ft;
2037
- Gn = 1;
2038
- var t = se(), e = V(), r = t(e, "DataView");
2039
- return Ft = r, Ft;
2040
- }
2041
- var Ut, Vn;
2042
- function Es() {
2043
- if (Vn) return Ut;
2044
- Vn = 1;
2045
- var t = se(), e = V(), r = t(e, "Promise");
2046
- return Ut = r, Ut;
2047
- }
2048
- var $t, Wn;
2049
- function ws() {
2050
- if (Wn) return $t;
2051
- Wn = 1;
2052
- var t = se(), e = V(), r = t(e, "Set");
2053
- return $t = r, $t;
2054
- }
2055
- var Nt, Hn;
2056
- function js() {
2057
- if (Hn) return Nt;
2058
- Hn = 1;
2059
- var t = se(), e = V(), r = t(e, "WeakMap");
2060
- return Nt = r, Nt;
2061
- }
2062
- var Kt, Xn;
2063
- function xr() {
2064
- if (Xn) return Kt;
2065
- Xn = 1;
2066
- var t = Ts(), e = go(), r = Es(), n = ws(), i = js(), o = gr(), a = ui(), c = "[object Map]", d = "[object Object]", u = "[object Promise]", l = "[object Set]", f = "[object WeakMap]", p = "[object DataView]", m = a(t), k = a(e), j = a(r), E = a(n), I = a(i), g = o;
2067
- return (t && g(new t(new ArrayBuffer(1))) != p || e && g(new e()) != c || r && g(r.resolve()) != u || n && g(new n()) != l || i && g(new i()) != f) && (g = function(b) {
2068
- var S = o(b), A = S == d ? b.constructor : void 0, q = A ? a(A) : "";
2069
- if (q)
2070
- switch (q) {
2071
- case m:
2072
- return p;
2073
- case k:
2074
- return c;
2075
- case j:
2076
- return u;
2077
- case E:
2078
- return l;
2079
- case I:
2080
- return f;
2081
- }
2082
- return S;
2083
- }), Kt = g, Kt;
2084
- }
2085
- var zt, Yn;
2086
- function Ss() {
2087
- if (Yn) return zt;
2088
- Yn = 1;
2089
- var t = Object.prototype, e = t.hasOwnProperty;
2090
- function r(n) {
2091
- var i = n.length, o = new n.constructor(i);
2092
- return i && typeof n[0] == "string" && e.call(n, "index") && (o.index = n.index, o.input = n.input), o;
2093
- }
2094
- return zt = r, zt;
2095
- }
2096
- var Gt, Zn;
2097
- function As() {
2098
- if (Zn) return Gt;
2099
- Zn = 1;
2100
- var t = V(), e = t.Uint8Array;
2101
- return Gt = e, Gt;
2102
- }
2103
- var Vt, Jn;
2104
- function Or() {
2105
- if (Jn) return Vt;
2106
- Jn = 1;
2107
- var t = As();
2108
- function e(r) {
2109
- var n = new r.constructor(r.byteLength);
2110
- return new t(n).set(new t(r)), n;
2111
- }
2112
- return Vt = e, Vt;
2113
- }
2114
- var Wt, Qn;
2115
- function Is() {
2116
- if (Qn) return Wt;
2117
- Qn = 1;
2118
- var t = Or();
2119
- function e(r, n) {
2120
- var i = n ? t(r.buffer) : r.buffer;
2121
- return new r.constructor(i, r.byteOffset, r.byteLength);
2122
- }
2123
- return Wt = e, Wt;
2124
- }
2125
- var Ht, eo;
2126
- function Cs() {
2127
- if (eo) return Ht;
2128
- eo = 1;
2129
- var t = /\w*$/;
2130
- function e(r) {
2131
- var n = new r.constructor(r.source, t.exec(r));
2132
- return n.lastIndex = r.lastIndex, n;
2133
- }
2134
- return Ht = e, Ht;
2135
- }
2136
- var Xt, to;
2137
- function xs() {
2138
- if (to) return Xt;
2139
- to = 1;
2140
- var t = li(), e = t ? t.prototype : void 0, r = e ? e.valueOf : void 0;
2141
- function n(i) {
2142
- return r ? Object(r.call(i)) : {};
2143
- }
2144
- return Xt = n, Xt;
2145
- }
2146
- var Yt, ro;
2147
- function Os() {
2148
- if (ro) return Yt;
2149
- ro = 1;
2150
- var t = Or();
2151
- function e(r, n) {
2152
- var i = n ? t(r.buffer) : r.buffer;
2153
- return new r.constructor(i, r.byteOffset, r.length);
2154
- }
2155
- return Yt = e, Yt;
2156
- }
2157
- var Zt, no;
2158
- function qs() {
2159
- if (no) return Zt;
2160
- no = 1;
2161
- var t = Or(), e = Is(), r = Cs(), n = xs(), i = Os(), o = "[object Boolean]", a = "[object Date]", c = "[object Map]", d = "[object Number]", u = "[object RegExp]", l = "[object Set]", f = "[object String]", p = "[object Symbol]", m = "[object ArrayBuffer]", k = "[object DataView]", j = "[object Float32Array]", E = "[object Float64Array]", I = "[object Int8Array]", g = "[object Int16Array]", b = "[object Int32Array]", S = "[object Uint8Array]", A = "[object Uint8ClampedArray]", q = "[object Uint16Array]", B = "[object Uint32Array]";
2162
- function K(O, F, w) {
2163
- var L = O.constructor;
2164
- switch (F) {
2165
- case m:
2166
- return t(O);
2167
- case o:
2168
- case a:
2169
- return new L(+O);
2170
- case k:
2171
- return e(O, w);
2172
- case j:
2173
- case E:
2174
- case I:
2175
- case g:
2176
- case b:
2177
- case S:
2178
- case A:
2179
- case q:
2180
- case B:
2181
- return i(O, w);
2182
- case c:
2183
- return new L();
2184
- case d:
2185
- case f:
2186
- return new L(O);
2187
- case u:
2188
- return r(O);
2189
- case l:
2190
- return new L();
2191
- case p:
2192
- return n(O);
2193
- }
2194
- }
2195
- return Zt = K, Zt;
2196
- }
2197
- var Jt, oo;
2198
- function Rs() {
2199
- if (oo) return Jt;
2200
- oo = 1;
2201
- var t = we(), e = Object.create, r = /* @__PURE__ */ (function() {
2202
- function n() {
2203
- }
2204
- return function(i) {
2205
- if (!t(i))
2206
- return {};
2207
- if (e)
2208
- return e(i);
2209
- n.prototype = i;
2210
- var o = new n();
2211
- return n.prototype = void 0, o;
2212
- };
2213
- })();
2214
- return Jt = r, Jt;
2215
- }
2216
- var Qt, io;
2217
- function Ls() {
2218
- if (io) return Qt;
2219
- io = 1;
2220
- var t = Rs(), e = zo(), r = Sr();
2221
- function n(i) {
2222
- return typeof i.constructor == "function" && !r(i) ? t(e(i)) : {};
2223
- }
2224
- return Qt = n, Qt;
2225
- }
2226
- var er, ao;
2227
- function Ms() {
2228
- if (ao) return er;
2229
- ao = 1;
2230
- var t = xr(), e = ce(), r = "[object Map]";
2231
- function n(i) {
2232
- return e(i) && t(i) == r;
2233
- }
2234
- return er = n, er;
2235
- }
2236
- var tr, so;
2237
- function Ps() {
2238
- if (so) return tr;
2239
- so = 1;
2240
- var t = Ms(), e = wr(), r = jr(), n = r && r.isMap, i = n ? e(n) : t;
2241
- return tr = i, tr;
2242
- }
2243
- var rr, co;
2244
- function Ds() {
2245
- if (co) return rr;
2246
- co = 1;
2247
- var t = xr(), e = ce(), r = "[object Set]";
2248
- function n(i) {
2249
- return e(i) && t(i) == r;
2250
- }
2251
- return rr = n, rr;
2252
- }
2253
- var nr, uo;
2254
- function Bs() {
2255
- if (uo) return nr;
2256
- uo = 1;
2257
- var t = Ds(), e = wr(), r = jr(), n = r && r.isSet, i = n ? e(n) : t;
2258
- return nr = i, nr;
2259
- }
2260
- var or, lo;
2261
- function Fs() {
2262
- if (lo) return or;
2263
- lo = 1;
2264
- var t = es(), e = ts(), r = Er(), n = ds(), i = hs(), o = gs(), a = ms(), c = vs(), d = bs(), u = _s(), l = ks(), f = xr(), p = Ss(), m = qs(), k = Ls(), j = mr(), E = Po(), I = Ps(), g = we(), b = Bs(), S = Ar(), A = Ir(), q = 1, B = 2, K = 4, O = "[object Arguments]", F = "[object Array]", w = "[object Boolean]", L = "[object Date]", U = "[object Error]", H = "[object Function]", Se = "[object GeneratorFunction]", Ae = "[object Map]", Ie = "[object Number]", ue = "[object Object]", Ce = "[object RegExp]", xe = "[object Set]", le = "[object String]", Oe = "[object Symbol]", te = "[object WeakMap]", qe = "[object ArrayBuffer]", Re = "[object DataView]", Le = "[object Float32Array]", Me = "[object Float64Array]", Pe = "[object Int8Array]", De = "[object Int16Array]", s = "[object Int32Array]", h = "[object Uint8Array]", y = "[object Uint8ClampedArray]", _ = "[object Uint16Array]", C = "[object Uint32Array]", v = {};
2265
- v[O] = v[F] = v[qe] = v[Re] = v[w] = v[L] = v[Le] = v[Me] = v[Pe] = v[De] = v[s] = v[Ae] = v[Ie] = v[ue] = v[Ce] = v[xe] = v[le] = v[Oe] = v[h] = v[y] = v[_] = v[C] = !0, v[U] = v[H] = v[te] = !1;
2266
- function x(T, X, Y, Wo, de, $) {
2267
- var R, fe = X & q, pe = X & B, Ho = X & K;
2268
- if (Y && (R = de ? Y(T, Wo, de, $) : Y(T)), R !== void 0)
2269
- return R;
2270
- if (!g(T))
2271
- return T;
2272
- var qr = j(T);
2273
- if (qr) {
2274
- if (R = p(T), !fe)
2275
- return a(T, R);
2276
- } else {
2277
- var Z = f(T), Rr = Z == H || Z == Se;
2278
- if (E(T))
2279
- return o(T, fe);
2280
- if (Z == ue || Z == O || Rr && !de) {
2281
- if (R = pe || Rr ? {} : k(T), !fe)
2282
- return pe ? d(T, i(R, T)) : c(T, n(R, T));
2283
- } else {
2284
- if (!v[Z])
2285
- return de ? T : {};
2286
- R = m(T, Z, fe);
2287
- }
2288
- }
2289
- $ || ($ = new t());
2290
- var Lr = $.get(T);
2291
- if (Lr)
2292
- return Lr;
2293
- $.set(T, R), b(T) ? T.forEach(function(N) {
2294
- R.add(x(N, X, Y, N, T, $));
2295
- }) : I(T) && T.forEach(function(N, z) {
2296
- R.set(z, x(N, X, Y, z, T, $));
2297
- });
2298
- var Xo = Ho ? pe ? l : u : pe ? A : S, Mr = qr ? void 0 : Xo(T);
2299
- return e(Mr || T, function(N, z) {
2300
- Mr && (z = N, N = T[z]), r(R, z, x(N, X, Y, z, T, $));
2301
- }), R;
2302
- }
2303
- return or = x, or;
2304
- }
2305
- var ir, fo;
2306
- function Us() {
2307
- if (fo) return ir;
2308
- fo = 1;
2309
- var t = Fs(), e = 1, r = 4;
2310
- function n(i) {
2311
- return t(i, e | r);
2312
- }
2313
- return ir = n, ir;
2314
- }
2315
- Us();
2316
- var ar, po;
2317
- function $s() {
2318
- if (po) return ar;
2319
- po = 1;
2320
- var t = Er(), e = di(), r = Do(), n = we(), i = fi();
2321
- function o(a, c, d, u) {
2322
- if (!n(a))
2323
- return a;
2324
- c = e(c, a);
2325
- for (var l = -1, f = c.length, p = f - 1, m = a; m != null && ++l < f; ) {
2326
- var k = i(c[l]), j = d;
2327
- if (k === "__proto__" || k === "constructor" || k === "prototype")
2328
- return a;
2329
- if (l != p) {
2330
- var E = m[k];
2331
- j = u ? u(E, k, m) : void 0, j === void 0 && (j = n(E) ? E : r(c[l + 1]) ? [] : {});
2332
- }
2333
- t(m, k, j), m = m[k];
2334
- }
2335
- return a;
2336
- }
2337
- return ar = o, ar;
2338
- }
2339
- var sr, ho;
2340
- function Ns() {
2341
- if (ho) return sr;
2342
- ho = 1;
2343
- var t = $s();
2344
- function e(r, n, i) {
2345
- return r == null ? r : t(r, n, i);
2346
- }
2347
- return sr = e, sr;
2348
- }
2349
- Ns();
2350
- const Ks = { class: "wt-chat-emoji" }, zs = {
2351
- __name: "wt-chat-emoji",
2352
- props: {
2353
- size: {
2354
- type: String,
2355
- default: hi.MD
2356
- },
2357
- /**
2358
- * @author HlukhovYe
2359
- * teleport popup to specific element, pass selector
2360
- * https://webitel.atlassian.net/browse/WTEL-8731
2361
- */
2362
- popupTeleportTo: {
2363
- type: String,
2364
- default: ""
2365
- },
2366
- filled: {
2367
- type: Boolean,
2368
- default: !1
2369
- },
2370
- rounded: {
2371
- type: Boolean,
2372
- default: !0
2373
- }
2374
- },
2375
- emits: [
2376
- "insert-emoji"
2377
- ],
2378
- setup(t, { emit: e }) {
2379
- const r = t, n = e, i = Be(null), o = Be(!1), a = Be(null), c = Pr(() => r.popupTeleportTo || "body"), d = Pr(
2380
- () => r.filled || o.value ? "active" : "outlined"
2381
- ), u = async () => {
2382
- a.value || (a.value = document.createElement("emoji-picker"), l(), a.value.addEventListener("emoji-click", f));
2383
- }, l = () => {
2384
- i.value && a.value && i.value.appendChild(a.value);
2385
- }, f = (E) => {
2386
- const { unicode: I } = E.detail;
2387
- n("insert-emoji", I), p();
2388
- }, p = () => {
2389
- o.value = !1, a.value && i.value && (a.value.removeEventListener("emoji-click", f), i.value.removeChild(a.value), a.value = null);
2390
- }, m = (E) => {
2391
- i.value?.contains(E.target) || p();
2392
- }, k = async () => {
2393
- j(), o.value = !o.value, o.value ? (await oi(), await u()) : p();
2394
- }, j = () => mi.$emit("chat-input-focus");
2395
- return Yo(() => {
2396
- p();
2397
- }), (E, I) => {
2398
- const g = Zo("clickaway");
2399
- return Jo((Fe(), Dr("div", Ks, [
2400
- Qo(ti(gi), {
2401
- size: t.size,
2402
- variant: d.value,
2403
- color: "secondary",
2404
- icon: "chat-emoji",
2405
- rounded: t.rounded,
2406
- wide: "",
2407
- onClick: k
2408
- }, null, 8, ["size", "variant", "rounded"]),
2409
- (Fe(), ei(ri, {
2410
- defer: "",
2411
- disabled: !t.popupTeleportTo,
2412
- to: c.value
2413
- }, [
2414
- o.value ? (Fe(), Dr("div", {
2415
- key: 0,
2416
- ref_key: "emojiPickerWrapper",
2417
- ref: i,
2418
- class: "wt-chat-emoji__wrapper"
2419
- }, null, 512)) : ni("", !0)
2420
- ], 8, ["disabled", "to"]))
2421
- ])), [
2422
- [g, m]
2423
- ]);
2424
- };
2425
- }
2426
- }, Hs = /* @__PURE__ */ pi(zs, [["__scopeId", "data-v-d6ce560a"]]);
2427
- export {
2428
- Hs as default
2429
- };