@devalok/shilp-sutra 0.8.4 → 0.9.1

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 (218) hide show
  1. package/dist/_chunks/avatar.js +50 -0
  2. package/dist/_chunks/button.js +95 -0
  3. package/dist/_chunks/card.js +40 -0
  4. package/dist/_chunks/checkbox.js +14 -0
  5. package/dist/_chunks/form.js +27 -0
  6. package/dist/_chunks/primitives.js +6965 -0
  7. package/dist/_chunks/sidebar.js +592 -0
  8. package/dist/_chunks/spinner.js +34 -0
  9. package/dist/_chunks/tiptap.js +15254 -0
  10. package/dist/_chunks/tooltip.js +13 -0
  11. package/dist/_chunks/tree-view.js +304 -0
  12. package/dist/_chunks/use-calendar.js +990 -0
  13. package/dist/_chunks/utils.js +15 -0
  14. package/dist/_chunks/vendor-client.js +1835 -0
  15. package/dist/_chunks/vendor-utils.js +3995 -0
  16. package/dist/composed/avatar-group.js +20 -20
  17. package/dist/composed/command-palette.js +1 -1
  18. package/dist/composed/confirm-dialog.js +5 -5
  19. package/dist/composed/content-card.d.ts +1 -1
  20. package/dist/composed/content-card.js +2 -2
  21. package/dist/composed/date-picker/index.js +13 -0
  22. package/dist/composed/empty-state.js +10 -10
  23. package/dist/composed/error-boundary.js +2 -2
  24. package/dist/composed/global-loading.js +4 -4
  25. package/dist/composed/index.js +45 -53
  26. package/dist/composed/loading-skeleton.js +2 -2
  27. package/dist/composed/member-picker.js +5 -5
  28. package/dist/composed/page-header.js +4 -4
  29. package/dist/composed/page-skeletons.js +1 -1
  30. package/dist/composed/priority-indicator.js +6 -6
  31. package/dist/composed/rich-text-editor.js +422 -209
  32. package/dist/composed/schedule-view.js +1 -1
  33. package/dist/composed/simple-tooltip.js +6 -6
  34. package/dist/composed/status-badge.d.ts +1 -1
  35. package/dist/composed/status-badge.js +2 -2
  36. package/dist/shell/bottom-navbar.js +1 -1
  37. package/dist/shell/notification-center.js +2 -2
  38. package/dist/shell/notification-preferences.js +32 -33
  39. package/dist/shell/sidebar.js +24 -24
  40. package/dist/shell/top-bar.js +22 -22
  41. package/dist/ui/accordion.js +17 -17
  42. package/dist/ui/alert-dialog.js +29 -29
  43. package/dist/ui/alert.d.ts +2 -2
  44. package/dist/ui/alert.js +65 -44
  45. package/dist/ui/aspect-ratio.js +1 -1
  46. package/dist/ui/autocomplete.js +11 -11
  47. package/dist/ui/avatar.d.ts +1 -1
  48. package/dist/ui/avatar.js +67 -25
  49. package/dist/ui/badge.d.ts +2 -2
  50. package/dist/ui/badge.js +115 -91
  51. package/dist/ui/banner.d.ts +1 -1
  52. package/dist/ui/banner.js +2 -2
  53. package/dist/ui/breadcrumb.js +14 -14
  54. package/dist/ui/button-group.js +30 -15
  55. package/dist/ui/button.d.ts +2 -2
  56. package/dist/ui/button.js +114 -71
  57. package/dist/ui/card.js +66 -22
  58. package/dist/ui/charts/index.js +1221 -18
  59. package/dist/ui/checkbox.js +25 -5
  60. package/dist/ui/chip.d.ts +4 -4
  61. package/dist/ui/chip.js +2 -2
  62. package/dist/ui/code.js +1 -1
  63. package/dist/ui/collapsible.js +5 -5
  64. package/dist/ui/color-input.js +11 -11
  65. package/dist/ui/combobox.js +12 -12
  66. package/dist/ui/container.js +4 -4
  67. package/dist/ui/context-menu.js +37 -37
  68. package/dist/ui/data-table-toolbar.js +18 -18
  69. package/dist/ui/data-table.js +2 -2
  70. package/dist/ui/dialog.js +33 -33
  71. package/dist/ui/dropdown-menu.js +60 -60
  72. package/dist/ui/file-upload.js +1 -1
  73. package/dist/ui/form.js +36 -15
  74. package/dist/ui/hover-card.js +7 -7
  75. package/dist/ui/icon-button.js +9 -9
  76. package/dist/ui/index.js +523 -325
  77. package/dist/ui/input-otp.d.ts +2 -2
  78. package/dist/ui/input-otp.js +14 -14
  79. package/dist/ui/input.js +56 -28
  80. package/dist/ui/label.js +18 -4
  81. package/dist/ui/lib/utils.js +4 -5
  82. package/dist/ui/link.js +9 -9
  83. package/dist/ui/menubar.js +81 -81
  84. package/dist/ui/navigation-menu.js +42 -42
  85. package/dist/ui/number-input.js +13 -13
  86. package/dist/ui/pagination.js +5 -5
  87. package/dist/ui/popover.js +9 -9
  88. package/dist/ui/progress.d.ts +1 -1
  89. package/dist/ui/progress.js +15 -15
  90. package/dist/ui/radio.js +10 -10
  91. package/dist/ui/search-input.js +5 -5
  92. package/dist/ui/segmented-control.js +91 -83
  93. package/dist/ui/select.js +52 -52
  94. package/dist/ui/separator.js +20 -5
  95. package/dist/ui/sheet.js +28 -28
  96. package/dist/ui/sidebar.js +36 -560
  97. package/dist/ui/skeleton.d.ts +1 -1
  98. package/dist/ui/skeleton.js +7 -7
  99. package/dist/ui/slider.js +11 -11
  100. package/dist/ui/spinner.js +37 -2
  101. package/dist/ui/stack.js +1 -1
  102. package/dist/ui/stat-card.js +1 -1
  103. package/dist/ui/stepper.js +15 -15
  104. package/dist/ui/switch.js +22 -3
  105. package/dist/ui/table.js +1 -1
  106. package/dist/ui/tabs.js +59 -32
  107. package/dist/ui/text.js +2 -2
  108. package/dist/ui/textarea.js +7 -7
  109. package/dist/ui/toast.d.ts +1 -1
  110. package/dist/ui/toast.js +28 -28
  111. package/dist/ui/toggle-group.js +11 -11
  112. package/dist/ui/toggle.js +7 -7
  113. package/dist/ui/tooltip.js +17 -6
  114. package/dist/ui/transitions.js +68 -58
  115. package/dist/ui/tree-view/index.js +7 -0
  116. package/dist/ui/visually-hidden.js +3 -3
  117. package/llms-full.txt +1 -1
  118. package/llms.txt +7 -0
  119. package/package.json +656 -706
  120. package/dist/_virtual/client.js +0 -5
  121. package/dist/_virtual/index.js +0 -5
  122. package/dist/_virtual/react-dom-client.development.js +0 -5
  123. package/dist/_virtual/react-dom-client.production.js +0 -5
  124. package/dist/_virtual/scheduler.development.js +0 -5
  125. package/dist/_virtual/scheduler.production.js +0 -5
  126. package/dist/composed/date-picker/calendar-grid.js +0 -194
  127. package/dist/composed/date-picker/date-picker.js +0 -124
  128. package/dist/composed/date-picker/date-range-picker.js +0 -167
  129. package/dist/composed/date-picker/date-time-picker.js +0 -193
  130. package/dist/composed/date-picker/month-picker.js +0 -53
  131. package/dist/composed/date-picker/presets.js +0 -84
  132. package/dist/composed/date-picker/time-picker.js +0 -181
  133. package/dist/composed/date-picker/use-calendar.js +0 -17
  134. package/dist/composed/date-picker/year-picker.js +0 -45
  135. package/dist/composed/extensions/emoji-suggestion.js +0 -119
  136. package/dist/composed/extensions/file-attachment.js +0 -55
  137. package/dist/composed/extensions/mention-suggestion.js +0 -79
  138. package/dist/node_modules/.pnpm/@emoji-mart_data@1.2.1/node_modules/@emoji-mart/data/sets/15/native.json.js +0 -40141
  139. package/dist/node_modules/.pnpm/@emoji-mart_react@1.1.1_emoji-mart@5.6.0_react@19.2.4/node_modules/@emoji-mart/react/dist/module.js +0 -17
  140. package/dist/node_modules/.pnpm/emoji-mart@5.6.0/node_modules/emoji-mart/dist/module.js +0 -2958
  141. package/dist/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-client.development.js +0 -17062
  142. package/dist/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-client.production.js +0 -9790
  143. package/dist/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/client.js +0 -20
  144. package/dist/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/cjs/scheduler.development.js +0 -237
  145. package/dist/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/cjs/scheduler.production.js +0 -234
  146. package/dist/node_modules/.pnpm/scheduler@0.27.0/node_modules/scheduler/index.js +0 -11
  147. package/dist/primitives/_internal/number.js +0 -6
  148. package/dist/primitives/_internal/primitive.js +0 -9
  149. package/dist/primitives/_internal/react-arrow.js +0 -13
  150. package/dist/primitives/_internal/react-collection.js +0 -48
  151. package/dist/primitives/_internal/react-compose-refs.js +0 -29
  152. package/dist/primitives/_internal/react-context.js +0 -76
  153. package/dist/primitives/_internal/react-direction.js +0 -10
  154. package/dist/primitives/_internal/react-dismissable-layer.js +0 -103
  155. package/dist/primitives/_internal/react-focus-guards.js +0 -17
  156. package/dist/primitives/_internal/react-focus-scope.js +0 -137
  157. package/dist/primitives/_internal/react-id.js +0 -14
  158. package/dist/primitives/_internal/react-popper.js +0 -137
  159. package/dist/primitives/_internal/react-portal.js +0 -16
  160. package/dist/primitives/_internal/react-presence.js +0 -71
  161. package/dist/primitives/_internal/react-primitive.js +0 -36
  162. package/dist/primitives/_internal/react-use-callback-ref.js +0 -13
  163. package/dist/primitives/_internal/react-use-controllable-state.js +0 -44
  164. package/dist/primitives/_internal/react-use-escape-keydown.js +0 -14
  165. package/dist/primitives/_internal/react-use-is-hydrated.js +0 -15
  166. package/dist/primitives/_internal/react-use-layout-effect.js +0 -6
  167. package/dist/primitives/_internal/react-use-previous.js +0 -8
  168. package/dist/primitives/_internal/react-use-size.js +0 -27
  169. package/dist/primitives/react-accordion.js +0 -239
  170. package/dist/primitives/react-alert-dialog.js +0 -127
  171. package/dist/primitives/react-aspect-ratio.js +0 -43
  172. package/dist/primitives/react-avatar.js +0 -75
  173. package/dist/primitives/react-checkbox.js +0 -251
  174. package/dist/primitives/react-collapsible.js +0 -120
  175. package/dist/primitives/react-context-menu.js +0 -240
  176. package/dist/primitives/react-dialog.js +0 -262
  177. package/dist/primitives/react-dropdown-menu.js +0 -227
  178. package/dist/primitives/react-hover-card.js +0 -187
  179. package/dist/primitives/react-label.js +0 -20
  180. package/dist/primitives/react-menu.js +0 -652
  181. package/dist/primitives/react-menubar.js +0 -355
  182. package/dist/primitives/react-navigation-menu.js +0 -607
  183. package/dist/primitives/react-popover.js +0 -243
  184. package/dist/primitives/react-progress.js +0 -84
  185. package/dist/primitives/react-radio-group.js +0 -238
  186. package/dist/primitives/react-roving-focus.js +0 -183
  187. package/dist/primitives/react-select.js +0 -862
  188. package/dist/primitives/react-separator.js +0 -24
  189. package/dist/primitives/react-slider.js +0 -437
  190. package/dist/primitives/react-slot.js +0 -70
  191. package/dist/primitives/react-switch.js +0 -132
  192. package/dist/primitives/react-tabs.js +0 -163
  193. package/dist/primitives/react-toast.js +0 -446
  194. package/dist/primitives/react-toggle-group.js +0 -137
  195. package/dist/primitives/react-toggle.js +0 -33
  196. package/dist/primitives/react-tooltip.js +0 -338
  197. package/dist/primitives/react-visually-hidden.js +0 -32
  198. package/dist/ui/charts/_internal/animation.js +0 -18
  199. package/dist/ui/charts/_internal/axes.js +0 -42
  200. package/dist/ui/charts/_internal/colors.js +0 -21
  201. package/dist/ui/charts/_internal/grid-lines.js +0 -43
  202. package/dist/ui/charts/_internal/legend.js +0 -29
  203. package/dist/ui/charts/_internal/tooltip.js +0 -39
  204. package/dist/ui/charts/_internal/types.js +0 -10
  205. package/dist/ui/charts/area-chart.js +0 -245
  206. package/dist/ui/charts/bar-chart.js +0 -153
  207. package/dist/ui/charts/chart-container.js +0 -27
  208. package/dist/ui/charts/gauge-chart.js +0 -72
  209. package/dist/ui/charts/line-chart.js +0 -163
  210. package/dist/ui/charts/pie-chart.js +0 -132
  211. package/dist/ui/charts/radar-chart.js +0 -223
  212. package/dist/ui/charts/sparkline.js +0 -124
  213. package/dist/ui/lib/motion.js +0 -32
  214. package/dist/ui/lib/use-reduced-motion.js +0 -15
  215. package/dist/ui/lib/use-ripple.js +0 -14
  216. package/dist/ui/tree-view/tree-item.js +0 -139
  217. package/dist/ui/tree-view/tree-view.js +0 -140
  218. package/dist/ui/tree-view/use-tree.js +0 -38
@@ -1,2958 +0,0 @@
1
- "use client";
2
- function ze(t) {
3
- return t && t.__esModule ? t.default : t;
4
- }
5
- function C(t, e, n) {
6
- return e in t ? Object.defineProperty(t, e, {
7
- value: n,
8
- enumerable: !0,
9
- configurable: !0,
10
- writable: !0
11
- }) : t[e] = n, t;
12
- }
13
- var K, v, Me, P, Ee, se, V = {}, Le = [], et = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
14
- function M(t, e) {
15
- for (var n in e) t[n] = e[n];
16
- return t;
17
- }
18
- function De(t) {
19
- var e = t.parentNode;
20
- e && e.removeChild(t);
21
- }
22
- function Q(t, e, n) {
23
- var r, o, i, s = {};
24
- for (i in e) i == "key" ? r = e[i] : i == "ref" ? o = e[i] : s[i] = e[i];
25
- if (arguments.length > 2 && (s.children = arguments.length > 3 ? K.call(arguments, 2) : n), typeof t == "function" && t.defaultProps != null) for (i in t.defaultProps) s[i] === void 0 && (s[i] = t.defaultProps[i]);
26
- return I(t, s, r, o, null);
27
- }
28
- function I(t, e, n, r, o) {
29
- var i = {
30
- type: t,
31
- props: e,
32
- key: n,
33
- ref: r,
34
- __k: null,
35
- __: null,
36
- __b: 0,
37
- __e: null,
38
- __d: void 0,
39
- __c: null,
40
- __h: null,
41
- constructor: void 0,
42
- __v: o ?? ++Me
43
- };
44
- return o == null && v.vnode != null && v.vnode(i), i;
45
- }
46
- function j() {
47
- return {
48
- current: null
49
- };
50
- }
51
- function D(t) {
52
- return t.children;
53
- }
54
- function S(t, e) {
55
- this.props = t, this.context = e;
56
- }
57
- function R(t, e) {
58
- if (e == null) return t.__ ? R(t.__, t.__.__k.indexOf(t) + 1) : null;
59
- for (var n; e < t.__k.length; e++) if ((n = t.__k[e]) != null && n.__e != null) return n.__e;
60
- return typeof t.type == "function" ? R(t) : null;
61
- }
62
- function Re(t) {
63
- var e, n;
64
- if ((t = t.__) != null && t.__c != null) {
65
- for (t.__e = t.__c.base = null, e = 0; e < t.__k.length; e++) if ((n = t.__k[e]) != null && n.__e != null) {
66
- t.__e = t.__c.base = n.__e;
67
- break;
68
- }
69
- return Re(t);
70
- }
71
- }
72
- function ae(t) {
73
- (!t.__d && (t.__d = !0) && P.push(t) && !F.__r++ || se !== v.debounceRendering) && ((se = v.debounceRendering) || Ee)(F);
74
- }
75
- function F() {
76
- for (var t; F.__r = P.length; ) t = P.sort(function(e, n) {
77
- return e.__v.__b - n.__v.__b;
78
- }), P = [], t.some(function(e) {
79
- var n, r, o, i, s, l;
80
- e.__d && (s = (i = (n = e).__v).__e, (l = n.__P) && (r = [], (o = M({}, i)).__v = i.__v + 1, oe(l, i, o, n.__n, l.ownerSVGElement !== void 0, i.__h != null ? [
81
- s
82
- ] : null, r, s ?? R(i), i.__h), Te(r, i), i.__e != s && Re(i)));
83
- });
84
- }
85
- function Pe(t, e, n, r, o, i, s, l, c, u) {
86
- var a, p, h, f, _, m, b, $ = r && r.__k || Le, y = $.length;
87
- for (n.__k = [], a = 0; a < e.length; a++) if ((f = n.__k[a] = (f = e[a]) == null || typeof f == "boolean" ? null : typeof f == "string" || typeof f == "number" || typeof f == "bigint" ? I(null, f, null, null, f) : Array.isArray(f) ? I(D, {
88
- children: f
89
- }, null, null, null) : f.__b > 0 ? I(f.type, f.props, f.key, null, f.__v) : f) != null) {
90
- if (f.__ = n, f.__b = n.__b + 1, (h = $[a]) === null || h && f.key == h.key && f.type === h.type) $[a] = void 0;
91
- else for (p = 0; p < y; p++) {
92
- if ((h = $[p]) && f.key == h.key && f.type === h.type) {
93
- $[p] = void 0;
94
- break;
95
- }
96
- h = null;
97
- }
98
- oe(t, f, h = h || V, o, i, s, l, c, u), _ = f.__e, (p = f.ref) && h.ref != p && (b || (b = []), h.ref && b.push(h.ref, null, f), b.push(p, f.__c || _, f)), _ != null ? (m == null && (m = _), typeof f.type == "function" && f.__k === h.__k ? f.__d = c = Be(f, c, t) : c = He(t, f, h, $, _, c), typeof n.type == "function" && (n.__d = c)) : c && h.__e == c && c.parentNode != t && (c = R(h));
99
- }
100
- for (n.__e = m, a = y; a--; ) $[a] != null && (typeof n.type == "function" && $[a].__e != null && $[a].__e == n.__d && (n.__d = R(r, a + 1)), Ie($[a], $[a]));
101
- if (b) for (a = 0; a < b.length; a++) Ae(b[a], b[++a], b[++a]);
102
- }
103
- function Be(t, e, n) {
104
- for (var r, o = t.__k, i = 0; o && i < o.length; i++) (r = o[i]) && (r.__ = t, e = typeof r.type == "function" ? Be(r, e, n) : He(n, r, r, o, r.__e, e));
105
- return e;
106
- }
107
- function U(t, e) {
108
- return e = e || [], t == null || typeof t == "boolean" || (Array.isArray(t) ? t.some(function(n) {
109
- U(n, e);
110
- }) : e.push(t)), e;
111
- }
112
- function He(t, e, n, r, o, i) {
113
- var s, l, c;
114
- if (e.__d !== void 0) s = e.__d, e.__d = void 0;
115
- else if (n == null || o != i || o.parentNode == null) e: if (i == null || i.parentNode !== t) t.appendChild(o), s = null;
116
- else {
117
- for (l = i, c = 0; (l = l.nextSibling) && c < r.length; c += 2) if (l == o) break e;
118
- t.insertBefore(o, i), s = i;
119
- }
120
- return s !== void 0 ? s : o.nextSibling;
121
- }
122
- function tt(t, e, n, r, o) {
123
- var i;
124
- for (i in n) i === "children" || i === "key" || i in e || N(t, i, null, n[i], r);
125
- for (i in e) o && typeof e[i] != "function" || i === "children" || i === "key" || i === "value" || i === "checked" || n[i] === e[i] || N(t, i, e[i], n[i], r);
126
- }
127
- function ce(t, e, n) {
128
- e[0] === "-" ? t.setProperty(e, n) : t[e] = n == null ? "" : typeof n != "number" || et.test(e) ? n : n + "px";
129
- }
130
- function N(t, e, n, r, o) {
131
- var i;
132
- e: if (e === "style")
133
- if (typeof n == "string") t.style.cssText = n;
134
- else {
135
- if (typeof r == "string" && (t.style.cssText = r = ""), r) for (e in r) n && e in n || ce(t.style, e, "");
136
- if (n) for (e in n) r && n[e] === r[e] || ce(t.style, e, n[e]);
137
- }
138
- else if (e[0] === "o" && e[1] === "n") i = e !== (e = e.replace(/Capture$/, "")), e = e.toLowerCase() in t ? e.toLowerCase().slice(2) : e.slice(2), t.l || (t.l = {}), t.l[e + i] = n, n ? r || t.addEventListener(e, i ? de : le, i) : t.removeEventListener(e, i ? de : le, i);
139
- else if (e !== "dangerouslySetInnerHTML") {
140
- if (o) e = e.replace(/xlink[H:h]/, "h").replace(/sName$/, "s");
141
- else if (e !== "href" && e !== "list" && e !== "form" && e !== "tabIndex" && e !== "download" && e in t) try {
142
- t[e] = n ?? "";
143
- break e;
144
- } catch {
145
- }
146
- typeof n == "function" || (n != null && (n !== !1 || e[0] === "a" && e[1] === "r") ? t.setAttribute(e, n) : t.removeAttribute(e));
147
- }
148
- }
149
- function le(t) {
150
- this.l[t.type + !1](v.event ? v.event(t) : t);
151
- }
152
- function de(t) {
153
- this.l[t.type + !0](v.event ? v.event(t) : t);
154
- }
155
- function oe(t, e, n, r, o, i, s, l, c) {
156
- var u, a, p, h, f, _, m, b, $, y, B, x = e.type;
157
- if (e.constructor !== void 0) return null;
158
- n.__h != null && (c = n.__h, l = e.__e = n.__e, e.__h = null, i = [
159
- l
160
- ]), (u = v.__b) && u(e);
161
- try {
162
- e: if (typeof x == "function") {
163
- if (b = e.props, $ = (u = x.contextType) && r[u.__c], y = u ? $ ? $.props.value : u.__ : r, n.__c ? m = (a = e.__c = n.__c).__ = a.__E : ("prototype" in x && x.prototype.render ? e.__c = a = new x(b, y) : (e.__c = a = new S(b, y), a.constructor = x, a.render = rt), $ && $.sub(a), a.props = b, a.state || (a.state = {}), a.context = y, a.__n = r, p = a.__d = !0, a.__h = []), a.__s == null && (a.__s = a.state), x.getDerivedStateFromProps != null && (a.__s == a.state && (a.__s = M({}, a.__s)), M(a.__s, x.getDerivedStateFromProps(b, a.__s))), h = a.props, f = a.state, p) x.getDerivedStateFromProps == null && a.componentWillMount != null && a.componentWillMount(), a.componentDidMount != null && a.__h.push(a.componentDidMount);
164
- else {
165
- if (x.getDerivedStateFromProps == null && b !== h && a.componentWillReceiveProps != null && a.componentWillReceiveProps(b, y), !a.__e && a.shouldComponentUpdate != null && a.shouldComponentUpdate(b, a.__s, y) === !1 || e.__v === n.__v) {
166
- a.props = b, a.state = a.__s, e.__v !== n.__v && (a.__d = !1), a.__v = e, e.__e = n.__e, e.__k = n.__k, e.__k.forEach(function(H) {
167
- H && (H.__ = e);
168
- }), a.__h.length && s.push(a);
169
- break e;
170
- }
171
- a.componentWillUpdate != null && a.componentWillUpdate(b, a.__s, y), a.componentDidUpdate != null && a.__h.push(function() {
172
- a.componentDidUpdate(h, f, _);
173
- });
174
- }
175
- a.context = y, a.props = b, a.state = a.__s, (u = v.__r) && u(e), a.__d = !1, a.__v = e, a.__P = t, u = a.render(a.props, a.state, a.context), a.state = a.__s, a.getChildContext != null && (r = M(M({}, r), a.getChildContext())), p || a.getSnapshotBeforeUpdate == null || (_ = a.getSnapshotBeforeUpdate(h, f)), B = u != null && u.type === D && u.key == null ? u.props.children : u, Pe(t, Array.isArray(B) ? B : [
176
- B
177
- ], e, n, r, o, i, s, l, c), a.base = e.__e, e.__h = null, a.__h.length && s.push(a), m && (a.__E = a.__ = null), a.__e = !1;
178
- } else i == null && e.__v === n.__v ? (e.__k = n.__k, e.__e = n.__e) : e.__e = nt(n.__e, e, n, r, o, i, s, c);
179
- (u = v.diffed) && u(e);
180
- } catch (H) {
181
- e.__v = null, (c || i != null) && (e.__e = l, e.__h = !!c, i[i.indexOf(l)] = null), v.__e(H, e, n);
182
- }
183
- }
184
- function Te(t, e) {
185
- v.__c && v.__c(e, t), t.some(function(n) {
186
- try {
187
- t = n.__h, n.__h = [], t.some(function(r) {
188
- r.call(n);
189
- });
190
- } catch (r) {
191
- v.__e(r, n.__v);
192
- }
193
- });
194
- }
195
- function nt(t, e, n, r, o, i, s, l) {
196
- var c, u, a, p = n.props, h = e.props, f = e.type, _ = 0;
197
- if (f === "svg" && (o = !0), i != null) {
198
- for (; _ < i.length; _++) if ((c = i[_]) && "setAttribute" in c == !!f && (f ? c.localName === f : c.nodeType === 3)) {
199
- t = c, i[_] = null;
200
- break;
201
- }
202
- }
203
- if (t == null) {
204
- if (f === null) return document.createTextNode(h);
205
- t = o ? document.createElementNS("http://www.w3.org/2000/svg", f) : document.createElement(f, h.is && h), i = null, l = !1;
206
- }
207
- if (f === null) p === h || l && t.data === h || (t.data = h);
208
- else {
209
- if (i = i && K.call(t.childNodes), u = (p = n.props || V).dangerouslySetInnerHTML, a = h.dangerouslySetInnerHTML, !l) {
210
- if (i != null) for (p = {}, _ = 0; _ < t.attributes.length; _++) p[t.attributes[_].name] = t.attributes[_].value;
211
- (a || u) && (a && (u && a.__html == u.__html || a.__html === t.innerHTML) || (t.innerHTML = a && a.__html || ""));
212
- }
213
- if (tt(t, h, p, o, l), a) e.__k = [];
214
- else if (_ = e.props.children, Pe(t, Array.isArray(_) ? _ : [
215
- _
216
- ], e, n, r, o && f !== "foreignObject", i, s, i ? i[0] : n.__k && R(n, 0), l), i != null) for (_ = i.length; _--; ) i[_] != null && De(i[_]);
217
- l || ("value" in h && (_ = h.value) !== void 0 && (_ !== p.value || _ !== t.value || f === "progress" && !_) && N(t, "value", _, p.value, !1), "checked" in h && (_ = h.checked) !== void 0 && _ !== t.checked && N(t, "checked", _, p.checked, !1));
218
- }
219
- return t;
220
- }
221
- function Ae(t, e, n) {
222
- try {
223
- typeof t == "function" ? t(e) : t.current = e;
224
- } catch (r) {
225
- v.__e(r, n);
226
- }
227
- }
228
- function Ie(t, e, n) {
229
- var r, o;
230
- if (v.unmount && v.unmount(t), (r = t.ref) && (r.current && r.current !== t.__e || Ae(r, null, e)), (r = t.__c) != null) {
231
- if (r.componentWillUnmount) try {
232
- r.componentWillUnmount();
233
- } catch (i) {
234
- v.__e(i, e);
235
- }
236
- r.base = r.__P = null;
237
- }
238
- if (r = t.__k) for (o = 0; o < r.length; o++) r[o] && Ie(r[o], e, typeof t.type != "function");
239
- n || t.__e == null || De(t.__e), t.__e = t.__d = void 0;
240
- }
241
- function rt(t, e, n) {
242
- return this.constructor(t, n);
243
- }
244
- function Oe(t, e, n) {
245
- var r, o, i;
246
- v.__ && v.__(t, e), o = (r = typeof n == "function") ? null : n && n.__k || e.__k, i = [], oe(e, t = (!r && n || e).__k = Q(D, null, [
247
- t
248
- ]), o || V, V, e.ownerSVGElement !== void 0, !r && n ? [
249
- n
250
- ] : o ? null : e.firstChild ? K.call(e.childNodes) : null, i, !r && n ? n : o ? o.__e : e.firstChild, r), Te(i, t);
251
- }
252
- K = Le.slice, v = {
253
- __e: function(t, e) {
254
- for (var n, r, o; e = e.__; ) if ((n = e.__c) && !n.__) try {
255
- if ((r = n.constructor) && r.getDerivedStateFromError != null && (n.setState(r.getDerivedStateFromError(t)), o = n.__d), n.componentDidCatch != null && (n.componentDidCatch(t), o = n.__d), o) return n.__E = n;
256
- } catch (i) {
257
- t = i;
258
- }
259
- throw t;
260
- }
261
- }, Me = 0, S.prototype.setState = function(t, e) {
262
- var n;
263
- n = this.__s != null && this.__s !== this.state ? this.__s : this.__s = M({}, this.state), typeof t == "function" && (t = t(M({}, n), this.props)), t && M(n, t), t != null && this.__v && (e && this.__h.push(e), ae(this));
264
- }, S.prototype.forceUpdate = function(t) {
265
- this.__v && (this.__e = !0, t && this.__h.push(t), ae(this));
266
- }, S.prototype.render = D, P = [], Ee = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, F.__r = 0;
267
- var it = 0;
268
- function d(t, e, n, r, o) {
269
- var i, s, l = {};
270
- for (s in e) s == "ref" ? i = e[s] : l[s] = e[s];
271
- var c = {
272
- type: t,
273
- props: l,
274
- key: n,
275
- ref: i,
276
- __k: null,
277
- __: null,
278
- __b: 0,
279
- __e: null,
280
- __d: void 0,
281
- __c: null,
282
- __h: null,
283
- constructor: void 0,
284
- __v: --it,
285
- __source: r,
286
- __self: o
287
- };
288
- if (typeof t == "function" && (i = t.defaultProps)) for (s in i) l[s] === void 0 && (l[s] = i[s]);
289
- return v.vnode && v.vnode(c), c;
290
- }
291
- function ot(t, e) {
292
- try {
293
- window.localStorage[`emoji-mart.${t}`] = JSON.stringify(e);
294
- } catch {
295
- }
296
- }
297
- function st(t) {
298
- try {
299
- const e = window.localStorage[`emoji-mart.${t}`];
300
- if (e) return JSON.parse(e);
301
- } catch {
302
- }
303
- }
304
- var E = {
305
- set: ot,
306
- get: st
307
- };
308
- const X = /* @__PURE__ */ new Map(), at = [
309
- {
310
- v: 15,
311
- emoji: "🫨"
312
- },
313
- {
314
- v: 14,
315
- emoji: "🫠"
316
- },
317
- {
318
- v: 13.1,
319
- emoji: "😶‍🌫️"
320
- },
321
- {
322
- v: 13,
323
- emoji: "🥸"
324
- },
325
- {
326
- v: 12.1,
327
- emoji: "🧑‍🦰"
328
- },
329
- {
330
- v: 12,
331
- emoji: "🥱"
332
- },
333
- {
334
- v: 11,
335
- emoji: "🥰"
336
- },
337
- {
338
- v: 5,
339
- emoji: "🤩"
340
- },
341
- {
342
- v: 4,
343
- emoji: "👱‍♀️"
344
- },
345
- {
346
- v: 3,
347
- emoji: "🤣"
348
- },
349
- {
350
- v: 2,
351
- emoji: "👋🏻"
352
- },
353
- {
354
- v: 1,
355
- emoji: "🙃"
356
- }
357
- ];
358
- function ct() {
359
- for (const { v: t, emoji: e } of at)
360
- if (Ve(e)) return t;
361
- }
362
- function lt() {
363
- return !Ve("🇨🇦");
364
- }
365
- function Ve(t) {
366
- if (X.has(t)) return X.get(t);
367
- const e = dt(t);
368
- return X.set(t, e), e;
369
- }
370
- const dt = (() => {
371
- let t = null;
372
- try {
373
- navigator.userAgent.includes("jsdom") || (t = document.createElement("canvas").getContext("2d", {
374
- willReadFrequently: !0
375
- }));
376
- } catch {
377
- }
378
- if (!t) return () => !1;
379
- const e = 25, n = 20, r = Math.floor(e / 2);
380
- return t.font = r + "px Arial, Sans-Serif", t.textBaseline = "top", t.canvas.width = n * 2, t.canvas.height = e, (o) => {
381
- t.clearRect(0, 0, n * 2, e), t.fillStyle = "#FF0000", t.fillText(o, 0, 22), t.fillStyle = "#0000FF", t.fillText(o, n, 22);
382
- const i = t.getImageData(0, 0, n, e).data, s = i.length;
383
- let l = 0;
384
- for (; l < s && !i[l + 3]; l += 4) ;
385
- if (l >= s) return !1;
386
- const c = n + l / 4 % n, u = Math.floor(l / 4 / n), a = t.getImageData(c, u, 1, 1).data;
387
- return !(i[l] !== a[0] || i[l + 2] !== a[2] || t.measureText(o).width >= n);
388
- };
389
- })();
390
- var ue = {
391
- latestVersion: ct,
392
- noCountryFlags: lt
393
- };
394
- const ee = [
395
- "+1",
396
- "grinning",
397
- "kissing_heart",
398
- "heart_eyes",
399
- "laughing",
400
- "stuck_out_tongue_winking_eye",
401
- "sweat_smile",
402
- "joy",
403
- "scream",
404
- "disappointed",
405
- "unamused",
406
- "weary",
407
- "sob",
408
- "sunglasses",
409
- "heart"
410
- ];
411
- let k = null;
412
- function ut(t) {
413
- k || (k = E.get("frequently") || {});
414
- const e = t.id || t;
415
- e && (k[e] || (k[e] = 0), k[e] += 1, E.set("last", e), E.set("frequently", k));
416
- }
417
- function ht({ maxFrequentRows: t, perLine: e }) {
418
- if (!t) return [];
419
- k || (k = E.get("frequently"));
420
- let n = [];
421
- if (!k) {
422
- k = {};
423
- for (let i in ee.slice(0, e)) {
424
- const s = ee[i];
425
- k[s] = e - i, n.push(s);
426
- }
427
- return n;
428
- }
429
- const r = t * e, o = E.get("last");
430
- for (let i in k) n.push(i);
431
- if (n.sort((i, s) => {
432
- const l = k[s], c = k[i];
433
- return l == c ? i.localeCompare(s) : l - c;
434
- }), n.length > r) {
435
- const i = n.slice(r);
436
- n = n.slice(0, r);
437
- for (let s of i)
438
- s != o && delete k[s];
439
- o && n.indexOf(o) == -1 && (delete k[n[n.length - 1]], n.splice(-1, 1, o)), E.set("frequently", k);
440
- }
441
- return n;
442
- }
443
- var Fe = {
444
- add: ut,
445
- get: ht,
446
- DEFAULTS: ee
447
- }, Ue = {};
448
- Ue = JSON.parse('{"search":"Search","search_no_results_1":"Oh no!","search_no_results_2":"That emoji couldn’t be found","pick":"Pick an emoji…","add_custom":"Add custom emoji","categories":{"activity":"Activity","custom":"Custom","flags":"Flags","foods":"Food & Drink","frequent":"Frequently used","nature":"Animals & Nature","objects":"Objects","people":"Smileys & People","places":"Travel & Places","search":"Search Results","symbols":"Symbols"},"skins":{"1":"Default","2":"Light","3":"Medium-Light","4":"Medium","5":"Medium-Dark","6":"Dark","choose":"Choose default skin tone"}}');
449
- var z = {
450
- autoFocus: {
451
- value: !1
452
- },
453
- dynamicWidth: {
454
- value: !1
455
- },
456
- emojiButtonColors: {
457
- value: null
458
- },
459
- emojiButtonRadius: {
460
- value: "100%"
461
- },
462
- emojiButtonSize: {
463
- value: 36
464
- },
465
- emojiSize: {
466
- value: 24
467
- },
468
- emojiVersion: {
469
- value: 15,
470
- choices: [
471
- 1,
472
- 2,
473
- 3,
474
- 4,
475
- 5,
476
- 11,
477
- 12,
478
- 12.1,
479
- 13,
480
- 13.1,
481
- 14,
482
- 15
483
- ]
484
- },
485
- exceptEmojis: {
486
- value: []
487
- },
488
- icons: {
489
- value: "auto",
490
- choices: [
491
- "auto",
492
- "outline",
493
- "solid"
494
- ]
495
- },
496
- locale: {
497
- value: "en",
498
- choices: [
499
- "en",
500
- "ar",
501
- "be",
502
- "cs",
503
- "de",
504
- "es",
505
- "fa",
506
- "fi",
507
- "fr",
508
- "hi",
509
- "it",
510
- "ja",
511
- "ko",
512
- "nl",
513
- "pl",
514
- "pt",
515
- "ru",
516
- "sa",
517
- "tr",
518
- "uk",
519
- "vi",
520
- "zh"
521
- ]
522
- },
523
- maxFrequentRows: {
524
- value: 4
525
- },
526
- navPosition: {
527
- value: "top",
528
- choices: [
529
- "top",
530
- "bottom",
531
- "none"
532
- ]
533
- },
534
- noCountryFlags: {
535
- value: !1
536
- },
537
- noResultsEmoji: {
538
- value: null
539
- },
540
- perLine: {
541
- value: 9
542
- },
543
- previewEmoji: {
544
- value: null
545
- },
546
- previewPosition: {
547
- value: "bottom",
548
- choices: [
549
- "top",
550
- "bottom",
551
- "none"
552
- ]
553
- },
554
- searchPosition: {
555
- value: "sticky",
556
- choices: [
557
- "sticky",
558
- "static",
559
- "none"
560
- ]
561
- },
562
- set: {
563
- value: "native",
564
- choices: [
565
- "native",
566
- "apple",
567
- "facebook",
568
- "google",
569
- "twitter"
570
- ]
571
- },
572
- skin: {
573
- value: 1,
574
- choices: [
575
- 1,
576
- 2,
577
- 3,
578
- 4,
579
- 5,
580
- 6
581
- ]
582
- },
583
- skinTonePosition: {
584
- value: "preview",
585
- choices: [
586
- "preview",
587
- "search",
588
- "none"
589
- ]
590
- },
591
- theme: {
592
- value: "auto",
593
- choices: [
594
- "auto",
595
- "light",
596
- "dark"
597
- ]
598
- },
599
- // Data
600
- categories: null,
601
- categoryIcons: null,
602
- custom: null,
603
- data: null,
604
- i18n: null,
605
- // Callbacks
606
- getImageURL: null,
607
- getSpritesheetURL: null,
608
- onAddCustomEmoji: null,
609
- onClickOutside: null,
610
- onEmojiSelect: null,
611
- // Deprecated
612
- stickySearch: {
613
- deprecated: !0,
614
- value: !0
615
- }
616
- };
617
- let w = null, g = null;
618
- const J = {};
619
- async function he(t) {
620
- if (J[t]) return J[t];
621
- const n = await (await fetch(t)).json();
622
- return J[t] = n, n;
623
- }
624
- let Y = null, Ne = null, We = !1;
625
- function G(t, { caller: e } = {}) {
626
- return Y || (Y = new Promise((n) => {
627
- Ne = n;
628
- })), t ? ft(t) : e && !We && console.warn(`\`${e}\` requires data to be initialized first. Promise will be pending until \`init\` is called.`), Y;
629
- }
630
- async function ft(t) {
631
- We = !0;
632
- let { emojiVersion: e, set: n, locale: r } = t;
633
- if (e || (e = z.emojiVersion.value), n || (n = z.set.value), r || (r = z.locale.value), g)
634
- g.categories = g.categories.filter((c) => !c.name);
635
- else {
636
- g = (typeof t.data == "function" ? await t.data() : t.data) || await he(`https://cdn.jsdelivr.net/npm/@emoji-mart/data@latest/sets/${e}/${n}.json`), g.emoticons = {}, g.natives = {}, g.categories.unshift({
637
- id: "frequent",
638
- emojis: []
639
- });
640
- for (const c in g.aliases) {
641
- const u = g.aliases[c], a = g.emojis[u];
642
- a && (a.aliases || (a.aliases = []), a.aliases.push(c));
643
- }
644
- g.originalCategories = g.categories;
645
- }
646
- if (w = (typeof t.i18n == "function" ? await t.i18n() : t.i18n) || (r == "en" ? /* @__PURE__ */ ze(Ue) : await he(`https://cdn.jsdelivr.net/npm/@emoji-mart/data@latest/i18n/${r}.json`)), t.custom) for (let c in t.custom) {
647
- c = parseInt(c);
648
- const u = t.custom[c], a = t.custom[c - 1];
649
- if (!(!u.emojis || !u.emojis.length)) {
650
- u.id || (u.id = `custom_${c + 1}`), u.name || (u.name = w.categories.custom), a && !u.icon && (u.target = a.target || a), g.categories.push(u);
651
- for (const p of u.emojis) g.emojis[p.id] = p;
652
- }
653
- }
654
- t.categories && (g.categories = g.originalCategories.filter((c) => t.categories.indexOf(c.id) != -1).sort((c, u) => {
655
- const a = t.categories.indexOf(c.id), p = t.categories.indexOf(u.id);
656
- return a - p;
657
- }));
658
- let o = null, i = null;
659
- n == "native" && (o = ue.latestVersion(), i = t.noCountryFlags || ue.noCountryFlags());
660
- let s = g.categories.length, l = !1;
661
- for (; s--; ) {
662
- const c = g.categories[s];
663
- if (c.id == "frequent") {
664
- let { maxFrequentRows: p, perLine: h } = t;
665
- p = p >= 0 ? p : z.maxFrequentRows.value, h || (h = z.perLine.value), c.emojis = Fe.get({
666
- maxFrequentRows: p,
667
- perLine: h
668
- });
669
- }
670
- if (!c.emojis || !c.emojis.length) {
671
- g.categories.splice(s, 1);
672
- continue;
673
- }
674
- const { categoryIcons: u } = t;
675
- if (u) {
676
- const p = u[c.id];
677
- p && !c.icon && (c.icon = p);
678
- }
679
- let a = c.emojis.length;
680
- for (; a--; ) {
681
- const p = c.emojis[a], h = p.id ? p : g.emojis[p], f = () => {
682
- c.emojis.splice(a, 1);
683
- };
684
- if (!h || t.exceptEmojis && t.exceptEmojis.includes(h.id)) {
685
- f();
686
- continue;
687
- }
688
- if (o && h.version > o) {
689
- f();
690
- continue;
691
- }
692
- if (i && c.id == "flags" && !bt.includes(h.id)) {
693
- f();
694
- continue;
695
- }
696
- if (!h.search) {
697
- if (l = !0, h.search = "," + [
698
- [
699
- h.id,
700
- !1
701
- ],
702
- [
703
- h.name,
704
- !0
705
- ],
706
- [
707
- h.keywords,
708
- !1
709
- ],
710
- [
711
- h.emoticons,
712
- !1
713
- ]
714
- ].map(([m, b]) => {
715
- if (m)
716
- return (Array.isArray(m) ? m : [
717
- m
718
- ]).map(($) => (b ? $.split(/[-|_|\s]+/) : [
719
- $
720
- ]).map((y) => y.toLowerCase())).flat();
721
- }).flat().filter((m) => m && m.trim()).join(","), h.emoticons) for (const m of h.emoticons)
722
- g.emoticons[m] || (g.emoticons[m] = h.id);
723
- let _ = 0;
724
- for (const m of h.skins) {
725
- if (!m) continue;
726
- _++;
727
- const { native: b } = m;
728
- b && (g.natives[b] = h.id, h.search += `,${b}`);
729
- const $ = _ == 1 ? "" : `:skin-tone-${_}:`;
730
- m.shortcodes = `:${h.id}:${$}`;
731
- }
732
- }
733
- }
734
- }
735
- l && L.reset(), Ne();
736
- }
737
- function qe(t, e, n) {
738
- t || (t = {});
739
- const r = {};
740
- for (let o in e) r[o] = Ke(o, t, e, n);
741
- return r;
742
- }
743
- function Ke(t, e, n, r) {
744
- const o = n[t];
745
- let i = r && r.getAttribute(t) || (e[t] != null && e[t] != null ? e[t] : null);
746
- return o && (i != null && o.value && typeof o.value != typeof i && (typeof o.value == "boolean" ? i = i != "false" : i = o.value.constructor(i)), o.transform && i && (i = o.transform(i)), (i == null || o.choices && o.choices.indexOf(i) == -1) && (i = o.value)), i;
747
- }
748
- const pt = /^(?:\:([^\:]+)\:)(?:\:skin-tone-(\d)\:)?$/;
749
- let te = null;
750
- function vt(t) {
751
- return t.id ? t : g.emojis[t] || g.emojis[g.aliases[t]] || g.emojis[g.natives[t]];
752
- }
753
- function _t() {
754
- te = null;
755
- }
756
- async function gt(t, { maxResults: e, caller: n } = {}) {
757
- if (!t || !t.trim().length) return null;
758
- e || (e = 90), await G(null, {
759
- caller: n || "SearchIndex.search"
760
- });
761
- const r = t.toLowerCase().replace(/(\w)-/, "$1 ").split(/[\s|,]+/).filter((l, c, u) => l.trim() && u.indexOf(l) == c);
762
- if (!r.length) return;
763
- let o = te || (te = Object.values(g.emojis)), i, s;
764
- for (const l of r) {
765
- if (!o.length) break;
766
- i = [], s = {};
767
- for (const c of o) {
768
- if (!c.search) continue;
769
- const u = c.search.indexOf(`,${l}`);
770
- u != -1 && (i.push(c), s[c.id] || (s[c.id] = 0), s[c.id] += c.id == l ? 0 : u + 1);
771
- }
772
- o = i;
773
- }
774
- return i.length < 2 || (i.sort((l, c) => {
775
- const u = s[l.id], a = s[c.id];
776
- return u == a ? l.id.localeCompare(c.id) : u - a;
777
- }), i.length > e && (i = i.slice(0, e))), i;
778
- }
779
- var L = {
780
- search: gt,
781
- get: vt,
782
- reset: _t,
783
- SHORTCODES_REGEX: pt
784
- };
785
- const bt = [
786
- "checkered_flag",
787
- "crossed_flags",
788
- "pirate_flag",
789
- "rainbow-flag",
790
- "transgender_flag",
791
- "triangular_flag_on_post",
792
- "waving_black_flag",
793
- "waving_white_flag"
794
- ];
795
- function mt(t, e) {
796
- return Array.isArray(t) && Array.isArray(e) && t.length === e.length && t.every((n, r) => n == e[r]);
797
- }
798
- async function $t(t = 1) {
799
- for (let e in [
800
- ...Array(t).keys()
801
- ]) await new Promise(requestAnimationFrame);
802
- }
803
- function kt(t, { skinIndex: e = 0 } = {}) {
804
- const n = t.skins[e] || (e = 0, t.skins[e]), r = {
805
- id: t.id,
806
- name: t.name,
807
- native: n.native,
808
- unified: n.unified,
809
- keywords: t.keywords,
810
- shortcodes: n.shortcodes || t.shortcodes
811
- };
812
- return t.skins.length > 1 && (r.skin = e + 1), n.src && (r.src = n.src), t.aliases && t.aliases.length && (r.aliases = t.aliases), t.emoticons && t.emoticons.length && (r.emoticons = t.emoticons), r;
813
- }
814
- const wt = {
815
- activity: {
816
- outline: /* @__PURE__ */ d("svg", {
817
- xmlns: "http://www.w3.org/2000/svg",
818
- viewBox: "0 0 24 24",
819
- children: /* @__PURE__ */ d("path", {
820
- d: "M12 0C5.373 0 0 5.372 0 12c0 6.627 5.373 12 12 12 6.628 0 12-5.373 12-12 0-6.628-5.372-12-12-12m9.949 11H17.05c.224-2.527 1.232-4.773 1.968-6.113A9.966 9.966 0 0 1 21.949 11M13 11V2.051a9.945 9.945 0 0 1 4.432 1.564c-.858 1.491-2.156 4.22-2.392 7.385H13zm-2 0H8.961c-.238-3.165-1.536-5.894-2.393-7.385A9.95 9.95 0 0 1 11 2.051V11zm0 2v8.949a9.937 9.937 0 0 1-4.432-1.564c.857-1.492 2.155-4.221 2.393-7.385H11zm4.04 0c.236 3.164 1.534 5.893 2.392 7.385A9.92 9.92 0 0 1 13 21.949V13h2.04zM4.982 4.887C5.718 6.227 6.726 8.473 6.951 11h-4.9a9.977 9.977 0 0 1 2.931-6.113M2.051 13h4.9c-.226 2.527-1.233 4.771-1.969 6.113A9.972 9.972 0 0 1 2.051 13m16.967 6.113c-.735-1.342-1.744-3.586-1.968-6.113h4.899a9.961 9.961 0 0 1-2.931 6.113"
821
- })
822
- }),
823
- solid: /* @__PURE__ */ d("svg", {
824
- xmlns: "http://www.w3.org/2000/svg",
825
- viewBox: "0 0 512 512",
826
- children: /* @__PURE__ */ d("path", {
827
- d: "M16.17 337.5c0 44.98 7.565 83.54 13.98 107.9C35.22 464.3 50.46 496 174.9 496c9.566 0 19.59-.4707 29.84-1.271L17.33 307.3C16.53 317.6 16.17 327.7 16.17 337.5zM495.8 174.5c0-44.98-7.565-83.53-13.98-107.9c-4.688-17.54-18.34-31.23-36.04-35.95C435.5 27.91 392.9 16 337 16c-9.564 0-19.59 .4707-29.84 1.271l187.5 187.5C495.5 194.4 495.8 184.3 495.8 174.5zM26.77 248.8l236.3 236.3c142-36.1 203.9-150.4 222.2-221.1L248.9 26.87C106.9 62.96 45.07 177.2 26.77 248.8zM256 335.1c0 9.141-7.474 16-16 16c-4.094 0-8.188-1.564-11.31-4.689L164.7 283.3C161.6 280.2 160 276.1 160 271.1c0-8.529 6.865-16 16-16c4.095 0 8.189 1.562 11.31 4.688l64.01 64C254.4 327.8 256 331.9 256 335.1zM304 287.1c0 9.141-7.474 16-16 16c-4.094 0-8.188-1.564-11.31-4.689L212.7 235.3C209.6 232.2 208 228.1 208 223.1c0-9.141 7.473-16 16-16c4.094 0 8.188 1.562 11.31 4.688l64.01 64.01C302.5 279.8 304 283.9 304 287.1zM256 175.1c0-9.141 7.473-16 16-16c4.094 0 8.188 1.562 11.31 4.688l64.01 64.01c3.125 3.125 4.688 7.219 4.688 11.31c0 9.133-7.468 16-16 16c-4.094 0-8.189-1.562-11.31-4.688l-64.01-64.01C257.6 184.2 256 180.1 256 175.1z"
828
- })
829
- })
830
- },
831
- custom: /* @__PURE__ */ d("svg", {
832
- xmlns: "http://www.w3.org/2000/svg",
833
- viewBox: "0 0 448 512",
834
- children: /* @__PURE__ */ d("path", {
835
- d: "M417.1 368c-5.937 10.27-16.69 16-27.75 16c-5.422 0-10.92-1.375-15.97-4.281L256 311.4V448c0 17.67-14.33 32-31.1 32S192 465.7 192 448V311.4l-118.3 68.29C68.67 382.6 63.17 384 57.75 384c-11.06 0-21.81-5.734-27.75-16c-8.828-15.31-3.594-34.88 11.72-43.72L159.1 256L41.72 187.7C26.41 178.9 21.17 159.3 29.1 144C36.63 132.5 49.26 126.7 61.65 128.2C65.78 128.7 69.88 130.1 73.72 132.3L192 200.6V64c0-17.67 14.33-32 32-32S256 46.33 256 64v136.6l118.3-68.29c3.838-2.213 7.939-3.539 12.07-4.051C398.7 126.7 411.4 132.5 417.1 144c8.828 15.31 3.594 34.88-11.72 43.72L288 256l118.3 68.28C421.6 333.1 426.8 352.7 417.1 368z"
836
- })
837
- }),
838
- flags: {
839
- outline: /* @__PURE__ */ d("svg", {
840
- xmlns: "http://www.w3.org/2000/svg",
841
- viewBox: "0 0 24 24",
842
- children: /* @__PURE__ */ d("path", {
843
- d: "M0 0l6.084 24H8L1.916 0zM21 5h-4l-1-4H4l3 12h3l1 4h13L21 5zM6.563 3h7.875l2 8H8.563l-2-8zm8.832 10l-2.856 1.904L12.063 13h3.332zM19 13l-1.5-6h1.938l2 8H16l3-2z"
844
- })
845
- }),
846
- solid: /* @__PURE__ */ d("svg", {
847
- xmlns: "http://www.w3.org/2000/svg",
848
- viewBox: "0 0 512 512",
849
- children: /* @__PURE__ */ d("path", {
850
- d: "M64 496C64 504.8 56.75 512 48 512h-32C7.25 512 0 504.8 0 496V32c0-17.75 14.25-32 32-32s32 14.25 32 32V496zM476.3 0c-6.365 0-13.01 1.35-19.34 4.233c-45.69 20.86-79.56 27.94-107.8 27.94c-59.96 0-94.81-31.86-163.9-31.87C160.9 .3055 131.6 4.867 96 15.75v350.5c32-9.984 59.87-14.1 84.85-14.1c73.63 0 124.9 31.78 198.6 31.78c31.91 0 68.02-5.971 111.1-23.09C504.1 355.9 512 344.4 512 332.1V30.73C512 11.1 495.3 0 476.3 0z"
851
- })
852
- })
853
- },
854
- foods: {
855
- outline: /* @__PURE__ */ d("svg", {
856
- xmlns: "http://www.w3.org/2000/svg",
857
- viewBox: "0 0 24 24",
858
- children: /* @__PURE__ */ d("path", {
859
- d: "M17 4.978c-1.838 0-2.876.396-3.68.934.513-1.172 1.768-2.934 4.68-2.934a1 1 0 0 0 0-2c-2.921 0-4.629 1.365-5.547 2.512-.064.078-.119.162-.18.244C11.73 1.838 10.798.023 9.207.023 8.579.022 7.85.306 7 .978 5.027 2.54 5.329 3.902 6.492 4.999 3.609 5.222 0 7.352 0 12.969c0 4.582 4.961 11.009 9 11.009 1.975 0 2.371-.486 3-1 .629.514 1.025 1 3 1 4.039 0 9-6.418 9-11 0-5.953-4.055-8-7-8M8.242 2.546c.641-.508.943-.523.965-.523.426.169.975 1.405 1.357 3.055-1.527-.629-2.741-1.352-2.98-1.846.059-.112.241-.356.658-.686M15 21.978c-1.08 0-1.21-.109-1.559-.402l-.176-.146c-.367-.302-.816-.452-1.266-.452s-.898.15-1.266.452l-.176.146c-.347.292-.477.402-1.557.402-2.813 0-7-5.389-7-9.009 0-5.823 4.488-5.991 5-5.991 1.939 0 2.484.471 3.387 1.251l.323.276a1.995 1.995 0 0 0 2.58 0l.323-.276c.902-.78 1.447-1.251 3.387-1.251.512 0 5 .168 5 6 0 3.617-4.187 9-7 9"
860
- })
861
- }),
862
- solid: /* @__PURE__ */ d("svg", {
863
- xmlns: "http://www.w3.org/2000/svg",
864
- viewBox: "0 0 512 512",
865
- children: /* @__PURE__ */ d("path", {
866
- d: "M481.9 270.1C490.9 279.1 496 291.3 496 304C496 316.7 490.9 328.9 481.9 337.9C472.9 346.9 460.7 352 448 352H64C51.27 352 39.06 346.9 30.06 337.9C21.06 328.9 16 316.7 16 304C16 291.3 21.06 279.1 30.06 270.1C39.06 261.1 51.27 256 64 256H448C460.7 256 472.9 261.1 481.9 270.1zM475.3 388.7C478.3 391.7 480 395.8 480 400V416C480 432.1 473.3 449.3 461.3 461.3C449.3 473.3 432.1 480 416 480H96C79.03 480 62.75 473.3 50.75 461.3C38.74 449.3 32 432.1 32 416V400C32 395.8 33.69 391.7 36.69 388.7C39.69 385.7 43.76 384 48 384H464C468.2 384 472.3 385.7 475.3 388.7zM50.39 220.8C45.93 218.6 42.03 215.5 38.97 211.6C35.91 207.7 33.79 203.2 32.75 198.4C31.71 193.5 31.8 188.5 32.99 183.7C54.98 97.02 146.5 32 256 32C365.5 32 457 97.02 479 183.7C480.2 188.5 480.3 193.5 479.2 198.4C478.2 203.2 476.1 207.7 473 211.6C469.1 215.5 466.1 218.6 461.6 220.8C457.2 222.9 452.3 224 447.3 224H64.67C59.73 224 54.84 222.9 50.39 220.8zM372.7 116.7C369.7 119.7 368 123.8 368 128C368 131.2 368.9 134.3 370.7 136.9C372.5 139.5 374.1 141.6 377.9 142.8C380.8 143.1 384 144.3 387.1 143.7C390.2 143.1 393.1 141.6 395.3 139.3C397.6 137.1 399.1 134.2 399.7 131.1C400.3 128 399.1 124.8 398.8 121.9C397.6 118.1 395.5 116.5 392.9 114.7C390.3 112.9 387.2 111.1 384 111.1C379.8 111.1 375.7 113.7 372.7 116.7V116.7zM244.7 84.69C241.7 87.69 240 91.76 240 96C240 99.16 240.9 102.3 242.7 104.9C244.5 107.5 246.1 109.6 249.9 110.8C252.8 111.1 256 112.3 259.1 111.7C262.2 111.1 265.1 109.6 267.3 107.3C269.6 105.1 271.1 102.2 271.7 99.12C272.3 96.02 271.1 92.8 270.8 89.88C269.6 86.95 267.5 84.45 264.9 82.7C262.3 80.94 259.2 79.1 256 79.1C251.8 79.1 247.7 81.69 244.7 84.69V84.69zM116.7 116.7C113.7 119.7 112 123.8 112 128C112 131.2 112.9 134.3 114.7 136.9C116.5 139.5 118.1 141.6 121.9 142.8C124.8 143.1 128 144.3 131.1 143.7C134.2 143.1 137.1 141.6 139.3 139.3C141.6 137.1 143.1 134.2 143.7 131.1C144.3 128 143.1 124.8 142.8 121.9C141.6 118.1 139.5 116.5 136.9 114.7C134.3 112.9 131.2 111.1 128 111.1C123.8 111.1 119.7 113.7 116.7 116.7L116.7 116.7z"
867
- })
868
- })
869
- },
870
- frequent: {
871
- outline: /* @__PURE__ */ d("svg", {
872
- xmlns: "http://www.w3.org/2000/svg",
873
- viewBox: "0 0 24 24",
874
- children: [
875
- /* @__PURE__ */ d("path", {
876
- d: "M13 4h-2l-.001 7H9v2h2v2h2v-2h4v-2h-4z"
877
- }),
878
- /* @__PURE__ */ d("path", {
879
- d: "M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0m0 22C6.486 22 2 17.514 2 12S6.486 2 12 2s10 4.486 10 10-4.486 10-10 10"
880
- })
881
- ]
882
- }),
883
- solid: /* @__PURE__ */ d("svg", {
884
- xmlns: "http://www.w3.org/2000/svg",
885
- viewBox: "0 0 512 512",
886
- children: /* @__PURE__ */ d("path", {
887
- d: "M256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512zM232 256C232 264 236 271.5 242.7 275.1L338.7 339.1C349.7 347.3 364.6 344.3 371.1 333.3C379.3 322.3 376.3 307.4 365.3 300L280 243.2V120C280 106.7 269.3 96 255.1 96C242.7 96 231.1 106.7 231.1 120L232 256z"
888
- })
889
- })
890
- },
891
- nature: {
892
- outline: /* @__PURE__ */ d("svg", {
893
- xmlns: "http://www.w3.org/2000/svg",
894
- viewBox: "0 0 24 24",
895
- children: [
896
- /* @__PURE__ */ d("path", {
897
- d: "M15.5 8a1.5 1.5 0 1 0 .001 3.001A1.5 1.5 0 0 0 15.5 8M8.5 8a1.5 1.5 0 1 0 .001 3.001A1.5 1.5 0 0 0 8.5 8"
898
- }),
899
- /* @__PURE__ */ d("path", {
900
- d: "M18.933 0h-.027c-.97 0-2.138.787-3.018 1.497-1.274-.374-2.612-.51-3.887-.51-1.285 0-2.616.133-3.874.517C7.245.79 6.069 0 5.093 0h-.027C3.352 0 .07 2.67.002 7.026c-.039 2.479.276 4.238 1.04 5.013.254.258.882.677 1.295.882.191 3.177.922 5.238 2.536 6.38.897.637 2.187.949 3.2 1.102C8.04 20.6 8 20.795 8 21c0 1.773 2.35 3 4 3 1.648 0 4-1.227 4-3 0-.201-.038-.393-.072-.586 2.573-.385 5.435-1.877 5.925-7.587.396-.22.887-.568 1.104-.788.763-.774 1.079-2.534 1.04-5.013C23.929 2.67 20.646 0 18.933 0M3.223 9.135c-.237.281-.837 1.155-.884 1.238-.15-.41-.368-1.349-.337-3.291.051-3.281 2.478-4.972 3.091-5.031.256.015.731.27 1.265.646-1.11 1.171-2.275 2.915-2.352 5.125-.133.546-.398.858-.783 1.313M12 22c-.901 0-1.954-.693-2-1 0-.654.475-1.236 1-1.602V20a1 1 0 1 0 2 0v-.602c.524.365 1 .947 1 1.602-.046.307-1.099 1-2 1m3-3.48v.02a4.752 4.752 0 0 0-1.262-1.02c1.092-.516 2.239-1.334 2.239-2.217 0-1.842-1.781-2.195-3.977-2.195-2.196 0-3.978.354-3.978 2.195 0 .883 1.148 1.701 2.238 2.217A4.8 4.8 0 0 0 9 18.539v-.025c-1-.076-2.182-.281-2.973-.842-1.301-.92-1.838-3.045-1.853-6.478l.023-.041c.496-.826 1.49-1.45 1.804-3.102 0-2.047 1.357-3.631 2.362-4.522C9.37 3.178 10.555 3 11.948 3c1.447 0 2.685.192 3.733.57 1 .9 2.316 2.465 2.316 4.48.313 1.651 1.307 2.275 1.803 3.102.035.058.068.117.102.178-.059 5.967-1.949 7.01-4.902 7.19m6.628-8.202c-.037-.065-.074-.13-.113-.195a7.587 7.587 0 0 0-.739-.987c-.385-.455-.648-.768-.782-1.313-.076-2.209-1.241-3.954-2.353-5.124.531-.376 1.004-.63 1.261-.647.636.071 3.044 1.764 3.096 5.031.027 1.81-.347 3.218-.37 3.235"
901
- })
902
- ]
903
- }),
904
- solid: /* @__PURE__ */ d("svg", {
905
- xmlns: "http://www.w3.org/2000/svg",
906
- viewBox: "0 0 576 512",
907
- children: /* @__PURE__ */ d("path", {
908
- d: "M332.7 19.85C334.6 8.395 344.5 0 356.1 0C363.6 0 370.6 3.52 375.1 9.502L392 32H444.1C456.8 32 469.1 37.06 478.1 46.06L496 64H552C565.3 64 576 74.75 576 88V112C576 156.2 540.2 192 496 192H426.7L421.6 222.5L309.6 158.5L332.7 19.85zM448 64C439.2 64 432 71.16 432 80C432 88.84 439.2 96 448 96C456.8 96 464 88.84 464 80C464 71.16 456.8 64 448 64zM416 256.1V480C416 497.7 401.7 512 384 512H352C334.3 512 320 497.7 320 480V364.8C295.1 377.1 268.8 384 240 384C211.2 384 184 377.1 160 364.8V480C160 497.7 145.7 512 128 512H96C78.33 512 64 497.7 64 480V249.8C35.23 238.9 12.64 214.5 4.836 183.3L.9558 167.8C-3.331 150.6 7.094 133.2 24.24 128.1C41.38 124.7 58.76 135.1 63.05 152.2L66.93 167.8C70.49 182 83.29 191.1 97.97 191.1H303.8L416 256.1z"
909
- })
910
- })
911
- },
912
- objects: {
913
- outline: /* @__PURE__ */ d("svg", {
914
- xmlns: "http://www.w3.org/2000/svg",
915
- viewBox: "0 0 24 24",
916
- children: [
917
- /* @__PURE__ */ d("path", {
918
- d: "M12 0a9 9 0 0 0-5 16.482V21s2.035 3 5 3 5-3 5-3v-4.518A9 9 0 0 0 12 0zm0 2c3.86 0 7 3.141 7 7s-3.14 7-7 7-7-3.141-7-7 3.14-7 7-7zM9 17.477c.94.332 1.946.523 3 .523s2.06-.19 3-.523v.834c-.91.436-1.925.689-3 .689a6.924 6.924 0 0 1-3-.69v-.833zm.236 3.07A8.854 8.854 0 0 0 12 21c.965 0 1.888-.167 2.758-.451C14.155 21.173 13.153 22 12 22c-1.102 0-2.117-.789-2.764-1.453z"
919
- }),
920
- /* @__PURE__ */ d("path", {
921
- d: "M14.745 12.449h-.004c-.852-.024-1.188-.858-1.577-1.824-.421-1.061-.703-1.561-1.182-1.566h-.009c-.481 0-.783.497-1.235 1.537-.436.982-.801 1.811-1.636 1.791l-.276-.043c-.565-.171-.853-.691-1.284-1.794-.125-.313-.202-.632-.27-.913-.051-.213-.127-.53-.195-.634C7.067 9.004 7.039 9 6.99 9A1 1 0 0 1 7 7h.01c1.662.017 2.015 1.373 2.198 2.134.486-.981 1.304-2.058 2.797-2.075 1.531.018 2.28 1.153 2.731 2.141l.002-.008C14.944 8.424 15.327 7 16.979 7h.032A1 1 0 1 1 17 9h-.011c-.149.076-.256.474-.319.709a6.484 6.484 0 0 1-.311.951c-.429.973-.79 1.789-1.614 1.789"
922
- })
923
- ]
924
- }),
925
- solid: /* @__PURE__ */ d("svg", {
926
- xmlns: "http://www.w3.org/2000/svg",
927
- viewBox: "0 0 384 512",
928
- children: /* @__PURE__ */ d("path", {
929
- d: "M112.1 454.3c0 6.297 1.816 12.44 5.284 17.69l17.14 25.69c5.25 7.875 17.17 14.28 26.64 14.28h61.67c9.438 0 21.36-6.401 26.61-14.28l17.08-25.68c2.938-4.438 5.348-12.37 5.348-17.7L272 415.1h-160L112.1 454.3zM191.4 .0132C89.44 .3257 16 82.97 16 175.1c0 44.38 16.44 84.84 43.56 115.8c16.53 18.84 42.34 58.23 52.22 91.45c.0313 .25 .0938 .5166 .125 .7823h160.2c.0313-.2656 .0938-.5166 .125-.7823c9.875-33.22 35.69-72.61 52.22-91.45C351.6 260.8 368 220.4 368 175.1C368 78.61 288.9-.2837 191.4 .0132zM192 96.01c-44.13 0-80 35.89-80 79.1C112 184.8 104.8 192 96 192S80 184.8 80 176c0-61.76 50.25-111.1 112-111.1c8.844 0 16 7.159 16 16S200.8 96.01 192 96.01z"
930
- })
931
- })
932
- },
933
- people: {
934
- outline: /* @__PURE__ */ d("svg", {
935
- xmlns: "http://www.w3.org/2000/svg",
936
- viewBox: "0 0 24 24",
937
- children: [
938
- /* @__PURE__ */ d("path", {
939
- d: "M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0m0 22C6.486 22 2 17.514 2 12S6.486 2 12 2s10 4.486 10 10-4.486 10-10 10"
940
- }),
941
- /* @__PURE__ */ d("path", {
942
- d: "M8 7a2 2 0 1 0-.001 3.999A2 2 0 0 0 8 7M16 7a2 2 0 1 0-.001 3.999A2 2 0 0 0 16 7M15.232 15c-.693 1.195-1.87 2-3.349 2-1.477 0-2.655-.805-3.347-2H15m3-2H6a6 6 0 1 0 12 0"
943
- })
944
- ]
945
- }),
946
- solid: /* @__PURE__ */ d("svg", {
947
- xmlns: "http://www.w3.org/2000/svg",
948
- viewBox: "0 0 512 512",
949
- children: /* @__PURE__ */ d("path", {
950
- d: "M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM256 432C332.1 432 396.2 382 415.2 314.1C419.1 300.4 407.8 288 393.6 288H118.4C104.2 288 92.92 300.4 96.76 314.1C115.8 382 179.9 432 256 432V432zM176.4 160C158.7 160 144.4 174.3 144.4 192C144.4 209.7 158.7 224 176.4 224C194 224 208.4 209.7 208.4 192C208.4 174.3 194 160 176.4 160zM336.4 224C354 224 368.4 209.7 368.4 192C368.4 174.3 354 160 336.4 160C318.7 160 304.4 174.3 304.4 192C304.4 209.7 318.7 224 336.4 224z"
951
- })
952
- })
953
- },
954
- places: {
955
- outline: /* @__PURE__ */ d("svg", {
956
- xmlns: "http://www.w3.org/2000/svg",
957
- viewBox: "0 0 24 24",
958
- children: [
959
- /* @__PURE__ */ d("path", {
960
- d: "M6.5 12C5.122 12 4 13.121 4 14.5S5.122 17 6.5 17 9 15.879 9 14.5 7.878 12 6.5 12m0 3c-.275 0-.5-.225-.5-.5s.225-.5.5-.5.5.225.5.5-.225.5-.5.5M17.5 12c-1.378 0-2.5 1.121-2.5 2.5s1.122 2.5 2.5 2.5 2.5-1.121 2.5-2.5-1.122-2.5-2.5-2.5m0 3c-.275 0-.5-.225-.5-.5s.225-.5.5-.5.5.225.5.5-.225.5-.5.5"
961
- }),
962
- /* @__PURE__ */ d("path", {
963
- d: "M22.482 9.494l-1.039-.346L21.4 9h.6c.552 0 1-.439 1-.992 0-.006-.003-.008-.003-.008H23c0-1-.889-2-1.984-2h-.642l-.731-1.717C19.262 3.012 18.091 2 16.764 2H7.236C5.909 2 4.738 3.012 4.357 4.283L3.626 6h-.642C1.889 6 1 7 1 8h.003S1 8.002 1 8.008C1 8.561 1.448 9 2 9h.6l-.043.148-1.039.346a2.001 2.001 0 0 0-1.359 2.097l.751 7.508a1 1 0 0 0 .994.901H3v1c0 1.103.896 2 2 2h2c1.104 0 2-.897 2-2v-1h6v1c0 1.103.896 2 2 2h2c1.104 0 2-.897 2-2v-1h1.096a.999.999 0 0 0 .994-.901l.751-7.508a2.001 2.001 0 0 0-1.359-2.097M6.273 4.857C6.402 4.43 6.788 4 7.236 4h9.527c.448 0 .834.43.963.857L19.313 9H4.688l1.585-4.143zM7 21H5v-1h2v1zm12 0h-2v-1h2v1zm2.189-3H2.811l-.662-6.607L3 11h18l.852.393L21.189 18z"
964
- })
965
- ]
966
- }),
967
- solid: /* @__PURE__ */ d("svg", {
968
- xmlns: "http://www.w3.org/2000/svg",
969
- viewBox: "0 0 512 512",
970
- children: /* @__PURE__ */ d("path", {
971
- d: "M39.61 196.8L74.8 96.29C88.27 57.78 124.6 32 165.4 32H346.6C387.4 32 423.7 57.78 437.2 96.29L472.4 196.8C495.6 206.4 512 229.3 512 256V448C512 465.7 497.7 480 480 480H448C430.3 480 416 465.7 416 448V400H96V448C96 465.7 81.67 480 64 480H32C14.33 480 0 465.7 0 448V256C0 229.3 16.36 206.4 39.61 196.8V196.8zM109.1 192H402.9L376.8 117.4C372.3 104.6 360.2 96 346.6 96H165.4C151.8 96 139.7 104.6 135.2 117.4L109.1 192zM96 256C78.33 256 64 270.3 64 288C64 305.7 78.33 320 96 320C113.7 320 128 305.7 128 288C128 270.3 113.7 256 96 256zM416 320C433.7 320 448 305.7 448 288C448 270.3 433.7 256 416 256C398.3 256 384 270.3 384 288C384 305.7 398.3 320 416 320z"
972
- })
973
- })
974
- },
975
- symbols: {
976
- outline: /* @__PURE__ */ d("svg", {
977
- xmlns: "http://www.w3.org/2000/svg",
978
- viewBox: "0 0 24 24",
979
- children: /* @__PURE__ */ d("path", {
980
- d: "M0 0h11v2H0zM4 11h3V6h4V4H0v2h4zM15.5 17c1.381 0 2.5-1.116 2.5-2.493s-1.119-2.493-2.5-2.493S13 13.13 13 14.507 14.119 17 15.5 17m0-2.986c.276 0 .5.222.5.493 0 .272-.224.493-.5.493s-.5-.221-.5-.493.224-.493.5-.493M21.5 19.014c-1.381 0-2.5 1.116-2.5 2.493S20.119 24 21.5 24s2.5-1.116 2.5-2.493-1.119-2.493-2.5-2.493m0 2.986a.497.497 0 0 1-.5-.493c0-.271.224-.493.5-.493s.5.222.5.493a.497.497 0 0 1-.5.493M22 13l-9 9 1.513 1.5 8.99-9.009zM17 11c2.209 0 4-1.119 4-2.5V2s.985-.161 1.498.949C23.01 4.055 23 6 23 6s1-1.119 1-3.135C24-.02 21 0 21 0h-2v6.347A5.853 5.853 0 0 0 17 6c-2.209 0-4 1.119-4 2.5s1.791 2.5 4 2.5M10.297 20.482l-1.475-1.585a47.54 47.54 0 0 1-1.442 1.129c-.307-.288-.989-1.016-2.045-2.183.902-.836 1.479-1.466 1.729-1.892s.376-.871.376-1.336c0-.592-.273-1.178-.818-1.759-.546-.581-1.329-.871-2.349-.871-1.008 0-1.79.293-2.344.879-.556.587-.832 1.181-.832 1.784 0 .813.419 1.748 1.256 2.805-.847.614-1.444 1.208-1.794 1.784a3.465 3.465 0 0 0-.523 1.833c0 .857.308 1.56.924 2.107.616.549 1.423.823 2.42.823 1.173 0 2.444-.379 3.813-1.137L8.235 24h2.819l-2.09-2.383 1.333-1.135zm-6.736-6.389a1.02 1.02 0 0 1 .73-.286c.31 0 .559.085.747.254a.849.849 0 0 1 .283.659c0 .518-.419 1.112-1.257 1.784-.536-.651-.805-1.231-.805-1.742a.901.901 0 0 1 .302-.669M3.74 22c-.427 0-.778-.116-1.057-.349-.279-.232-.418-.487-.418-.766 0-.594.509-1.288 1.527-2.083.968 1.134 1.717 1.946 2.248 2.438-.921.507-1.686.76-2.3.76"
981
- })
982
- }),
983
- solid: /* @__PURE__ */ d("svg", {
984
- xmlns: "http://www.w3.org/2000/svg",
985
- viewBox: "0 0 512 512",
986
- children: /* @__PURE__ */ d("path", {
987
- d: "M500.3 7.251C507.7 13.33 512 22.41 512 31.1V175.1C512 202.5 483.3 223.1 447.1 223.1C412.7 223.1 383.1 202.5 383.1 175.1C383.1 149.5 412.7 127.1 447.1 127.1V71.03L351.1 90.23V207.1C351.1 234.5 323.3 255.1 287.1 255.1C252.7 255.1 223.1 234.5 223.1 207.1C223.1 181.5 252.7 159.1 287.1 159.1V63.1C287.1 48.74 298.8 35.61 313.7 32.62L473.7 .6198C483.1-1.261 492.9 1.173 500.3 7.251H500.3zM74.66 303.1L86.5 286.2C92.43 277.3 102.4 271.1 113.1 271.1H174.9C185.6 271.1 195.6 277.3 201.5 286.2L213.3 303.1H239.1C266.5 303.1 287.1 325.5 287.1 351.1V463.1C287.1 490.5 266.5 511.1 239.1 511.1H47.1C21.49 511.1-.0019 490.5-.0019 463.1V351.1C-.0019 325.5 21.49 303.1 47.1 303.1H74.66zM143.1 359.1C117.5 359.1 95.1 381.5 95.1 407.1C95.1 434.5 117.5 455.1 143.1 455.1C170.5 455.1 191.1 434.5 191.1 407.1C191.1 381.5 170.5 359.1 143.1 359.1zM440.3 367.1H496C502.7 367.1 508.6 372.1 510.1 378.4C513.3 384.6 511.6 391.7 506.5 396L378.5 508C372.9 512.1 364.6 513.3 358.6 508.9C352.6 504.6 350.3 496.6 353.3 489.7L391.7 399.1H336C329.3 399.1 323.4 395.9 321 389.6C318.7 383.4 320.4 376.3 325.5 371.1L453.5 259.1C459.1 255 467.4 254.7 473.4 259.1C479.4 263.4 481.6 271.4 478.7 278.3L440.3 367.1zM116.7 219.1L19.85 119.2C-8.112 90.26-6.614 42.31 24.85 15.34C51.82-8.137 93.26-3.642 118.2 21.83L128.2 32.32L137.7 21.83C162.7-3.642 203.6-8.137 231.6 15.34C262.6 42.31 264.1 90.26 236.1 119.2L139.7 219.1C133.2 225.6 122.7 225.6 116.7 219.1H116.7z"
988
- })
989
- })
990
- }
991
- }, yt = {
992
- loupe: /* @__PURE__ */ d("svg", {
993
- xmlns: "http://www.w3.org/2000/svg",
994
- viewBox: "0 0 20 20",
995
- children: /* @__PURE__ */ d("path", {
996
- d: "M12.9 14.32a8 8 0 1 1 1.41-1.41l5.35 5.33-1.42 1.42-5.33-5.34zM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z"
997
- })
998
- }),
999
- delete: /* @__PURE__ */ d("svg", {
1000
- xmlns: "http://www.w3.org/2000/svg",
1001
- viewBox: "0 0 20 20",
1002
- children: /* @__PURE__ */ d("path", {
1003
- d: "M10 8.586L2.929 1.515 1.515 2.929 8.586 10l-7.071 7.071 1.414 1.414L10 11.414l7.071 7.071 1.414-1.414L11.414 10l7.071-7.071-1.414-1.414L10 8.586z"
1004
- })
1005
- })
1006
- };
1007
- var W = {
1008
- categories: wt,
1009
- search: yt
1010
- };
1011
- function ne(t) {
1012
- let { id: e, skin: n, emoji: r } = t;
1013
- if (t.shortcodes) {
1014
- const l = t.shortcodes.match(L.SHORTCODES_REGEX);
1015
- l && (e = l[1], l[2] && (n = l[2]));
1016
- }
1017
- if (r || (r = L.get(e || t.native)), !r) return t.fallback;
1018
- const o = r.skins[n - 1] || r.skins[0], i = o.src || (t.set != "native" && !t.spritesheet ? typeof t.getImageURL == "function" ? t.getImageURL(t.set, o.unified) : `https://cdn.jsdelivr.net/npm/emoji-datasource-${t.set}@15.0.1/img/${t.set}/64/${o.unified}.png` : void 0), s = typeof t.getSpritesheetURL == "function" ? t.getSpritesheetURL(t.set) : `https://cdn.jsdelivr.net/npm/emoji-datasource-${t.set}@15.0.1/img/${t.set}/sheets-256/64.png`;
1019
- return /* @__PURE__ */ d("span", {
1020
- class: "emoji-mart-emoji",
1021
- "data-emoji-set": t.set,
1022
- children: i ? /* @__PURE__ */ d("img", {
1023
- style: {
1024
- maxWidth: t.size || "1em",
1025
- maxHeight: t.size || "1em",
1026
- display: "inline-block"
1027
- },
1028
- alt: o.native || o.shortcodes,
1029
- src: i
1030
- }) : t.set == "native" ? /* @__PURE__ */ d("span", {
1031
- style: {
1032
- fontSize: t.size,
1033
- fontFamily: '"EmojiMart", "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji"'
1034
- },
1035
- children: o.native
1036
- }) : /* @__PURE__ */ d("span", {
1037
- style: {
1038
- display: "block",
1039
- width: t.size,
1040
- height: t.size,
1041
- backgroundImage: `url(${s})`,
1042
- backgroundSize: `${100 * g.sheet.cols}% ${100 * g.sheet.rows}%`,
1043
- backgroundPosition: `${100 / (g.sheet.cols - 1) * o.x}% ${100 / (g.sheet.rows - 1) * o.y}%`
1044
- }
1045
- })
1046
- });
1047
- }
1048
- const Ct = typeof window < "u" && window.HTMLElement ? window.HTMLElement : Object;
1049
- class Ge extends Ct {
1050
- static get observedAttributes() {
1051
- return Object.keys(this.Props);
1052
- }
1053
- update(e = {}) {
1054
- for (let n in e) this.attributeChangedCallback(n, null, e[n]);
1055
- }
1056
- attributeChangedCallback(e, n, r) {
1057
- if (!this.component) return;
1058
- const o = Ke(e, {
1059
- [e]: r
1060
- }, this.constructor.Props, this);
1061
- this.component.componentWillReceiveProps ? this.component.componentWillReceiveProps({
1062
- [e]: o
1063
- }) : (this.component.props[e] = o, this.component.forceUpdate());
1064
- }
1065
- disconnectedCallback() {
1066
- this.disconnected = !0, this.component && this.component.unregister && this.component.unregister();
1067
- }
1068
- constructor(e = {}) {
1069
- if (super(), this.props = e, e.parent || e.ref) {
1070
- let n = null;
1071
- const r = e.parent || (n = e.ref && e.ref.current);
1072
- n && (n.innerHTML = ""), r && r.appendChild(this);
1073
- }
1074
- }
1075
- }
1076
- class xt extends Ge {
1077
- setShadow() {
1078
- this.attachShadow({
1079
- mode: "open"
1080
- });
1081
- }
1082
- injectStyles(e) {
1083
- if (!e) return;
1084
- const n = document.createElement("style");
1085
- n.textContent = e, this.shadowRoot.insertBefore(n, this.shadowRoot.firstChild);
1086
- }
1087
- constructor(e, { styles: n } = {}) {
1088
- super(e), this.setShadow(), this.injectStyles(n);
1089
- }
1090
- }
1091
- var Xe = {
1092
- fallback: "",
1093
- id: "",
1094
- native: "",
1095
- shortcodes: "",
1096
- size: {
1097
- value: "",
1098
- transform: (t) => /\D/.test(t) ? t : `${t}px`
1099
- },
1100
- // Shared
1101
- set: z.set,
1102
- skin: z.skin
1103
- };
1104
- class Je extends Ge {
1105
- async connectedCallback() {
1106
- const e = qe(this.props, Xe, this);
1107
- e.element = this, e.ref = (n) => {
1108
- this.component = n;
1109
- }, await G(), !this.disconnected && Oe(/* @__PURE__ */ d(ne, {
1110
- ...e
1111
- }), this);
1112
- }
1113
- constructor(e) {
1114
- super(e);
1115
- }
1116
- }
1117
- C(Je, "Props", Xe);
1118
- typeof customElements < "u" && !customElements.get("em-emoji") && customElements.define("em-emoji", Je);
1119
- var fe, re = [], pe = v.__b, ve = v.__r, _e = v.diffed, ge = v.__c, be = v.unmount;
1120
- function St() {
1121
- var t;
1122
- for (re.sort(function(e, n) {
1123
- return e.__v.__b - n.__v.__b;
1124
- }); t = re.pop(); ) if (t.__P) try {
1125
- t.__H.__h.forEach(O), t.__H.__h.forEach(ie), t.__H.__h = [];
1126
- } catch (e) {
1127
- t.__H.__h = [], v.__e(e, t.__v);
1128
- }
1129
- }
1130
- v.__b = function(t) {
1131
- pe && pe(t);
1132
- }, v.__r = function(t) {
1133
- ve && ve(t);
1134
- var e = t.__c.__H;
1135
- e && (e.__h.forEach(O), e.__h.forEach(ie), e.__h = []);
1136
- }, v.diffed = function(t) {
1137
- _e && _e(t);
1138
- var e = t.__c;
1139
- e && e.__H && e.__H.__h.length && (re.push(e) !== 1 && fe === v.requestAnimationFrame || ((fe = v.requestAnimationFrame) || function(n) {
1140
- var r, o = function() {
1141
- clearTimeout(i), me && cancelAnimationFrame(r), setTimeout(n);
1142
- }, i = setTimeout(o, 100);
1143
- me && (r = requestAnimationFrame(o));
1144
- })(St));
1145
- }, v.__c = function(t, e) {
1146
- e.some(function(n) {
1147
- try {
1148
- n.__h.forEach(O), n.__h = n.__h.filter(function(r) {
1149
- return !r.__ || ie(r);
1150
- });
1151
- } catch (r) {
1152
- e.some(function(o) {
1153
- o.__h && (o.__h = []);
1154
- }), e = [], v.__e(r, n.__v);
1155
- }
1156
- }), ge && ge(t, e);
1157
- }, v.unmount = function(t) {
1158
- be && be(t);
1159
- var e, n = t.__c;
1160
- n && n.__H && (n.__H.__.forEach(function(r) {
1161
- try {
1162
- O(r);
1163
- } catch (o) {
1164
- e = o;
1165
- }
1166
- }), e && v.__e(e, n.__v));
1167
- };
1168
- var me = typeof requestAnimationFrame == "function";
1169
- function O(t) {
1170
- var e = t.__c;
1171
- typeof e == "function" && (t.__c = void 0, e());
1172
- }
1173
- function ie(t) {
1174
- t.__c = t.__();
1175
- }
1176
- function jt(t, e) {
1177
- for (var n in e) t[n] = e[n];
1178
- return t;
1179
- }
1180
- function $e(t, e) {
1181
- for (var n in t) if (n !== "__source" && !(n in e)) return !0;
1182
- for (var r in e) if (r !== "__source" && t[r] !== e[r]) return !0;
1183
- return !1;
1184
- }
1185
- function q(t) {
1186
- this.props = t;
1187
- }
1188
- (q.prototype = new S()).isPureReactComponent = !0, q.prototype.shouldComponentUpdate = function(t, e) {
1189
- return $e(this.props, t) || $e(this.state, e);
1190
- };
1191
- var ke = v.__b;
1192
- v.__b = function(t) {
1193
- t.type && t.type.__f && t.ref && (t.props.ref = t.ref, t.ref = null), ke && ke(t);
1194
- };
1195
- var zt = v.__e;
1196
- v.__e = function(t, e, n) {
1197
- if (t.then) {
1198
- for (var r, o = e; o = o.__; ) if ((r = o.__c) && r.__c) return e.__e == null && (e.__e = n.__e, e.__k = n.__k), r.__c(t, e);
1199
- }
1200
- zt(t, e, n);
1201
- };
1202
- var we = v.unmount;
1203
- function Z() {
1204
- this.__u = 0, this.t = null, this.__b = null;
1205
- }
1206
- function Ye(t) {
1207
- var e = t.__.__c;
1208
- return e && e.__e && e.__e(t);
1209
- }
1210
- function T() {
1211
- this.u = null, this.o = null;
1212
- }
1213
- v.unmount = function(t) {
1214
- var e = t.__c;
1215
- e && e.__R && e.__R(), e && t.__h === !0 && (t.type = null), we && we(t);
1216
- }, (Z.prototype = new S()).__c = function(t, e) {
1217
- var n = e.__c, r = this;
1218
- r.t == null && (r.t = []), r.t.push(n);
1219
- var o = Ye(r.__v), i = !1, s = function() {
1220
- i || (i = !0, n.__R = null, o ? o(l) : l());
1221
- };
1222
- n.__R = s;
1223
- var l = function() {
1224
- if (!--r.__u) {
1225
- if (r.state.__e) {
1226
- var u = r.state.__e;
1227
- r.__v.__k[0] = function p(h, f, _) {
1228
- return h && (h.__v = null, h.__k = h.__k && h.__k.map(function(m) {
1229
- return p(m, f, _);
1230
- }), h.__c && h.__c.__P === f && (h.__e && _.insertBefore(h.__e, h.__d), h.__c.__e = !0, h.__c.__P = _)), h;
1231
- }(u, u.__c.__P, u.__c.__O);
1232
- }
1233
- var a;
1234
- for (r.setState({
1235
- __e: r.__b = null
1236
- }); a = r.t.pop(); ) a.forceUpdate();
1237
- }
1238
- }, c = e.__h === !0;
1239
- r.__u++ || c || r.setState({
1240
- __e: r.__b = r.__v.__k[0]
1241
- }), t.then(s, s);
1242
- }, Z.prototype.componentWillUnmount = function() {
1243
- this.t = [];
1244
- }, Z.prototype.render = function(t, e) {
1245
- if (this.__b) {
1246
- if (this.__v.__k) {
1247
- var n = document.createElement("div"), r = this.__v.__k[0].__c;
1248
- this.__v.__k[0] = function i(s, l, c) {
1249
- return s && (s.__c && s.__c.__H && (s.__c.__H.__.forEach(function(u) {
1250
- typeof u.__c == "function" && u.__c();
1251
- }), s.__c.__H = null), (s = jt({}, s)).__c != null && (s.__c.__P === c && (s.__c.__P = l), s.__c = null), s.__k = s.__k && s.__k.map(function(u) {
1252
- return i(u, l, c);
1253
- })), s;
1254
- }(this.__b, n, r.__O = r.__P);
1255
- }
1256
- this.__b = null;
1257
- }
1258
- var o = e.__e && Q(D, null, t.fallback);
1259
- return o && (o.__h = null), [
1260
- Q(D, null, e.__e ? null : t.children),
1261
- o
1262
- ];
1263
- };
1264
- var ye = function(t, e, n) {
1265
- if (++n[1] === n[0] && t.o.delete(e), t.props.revealOrder && (t.props.revealOrder[0] !== "t" || !t.o.size)) for (n = t.u; n; ) {
1266
- for (; n.length > 3; ) n.pop()();
1267
- if (n[1] < n[0]) break;
1268
- t.u = n = n[2];
1269
- }
1270
- };
1271
- (T.prototype = new S()).__e = function(t) {
1272
- var e = this, n = Ye(e.__v), r = e.o.get(t);
1273
- return r[0]++, function(o) {
1274
- var i = function() {
1275
- e.props.revealOrder ? (r.push(o), ye(e, t, r)) : o();
1276
- };
1277
- n ? n(i) : i();
1278
- };
1279
- }, T.prototype.render = function(t) {
1280
- this.u = null, this.o = /* @__PURE__ */ new Map();
1281
- var e = U(t.children);
1282
- t.revealOrder && t.revealOrder[0] === "b" && e.reverse();
1283
- for (var n = e.length; n--; ) this.o.set(e[n], this.u = [
1284
- 1,
1285
- 0,
1286
- this.u
1287
- ]);
1288
- return t.children;
1289
- }, T.prototype.componentDidUpdate = T.prototype.componentDidMount = function() {
1290
- var t = this;
1291
- this.o.forEach(function(e, n) {
1292
- ye(t, n, e);
1293
- });
1294
- };
1295
- var Mt = typeof Symbol < "u" && Symbol.for && Symbol.for("react.element") || 60103, Et = /^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|marker(?!H|W|U)|overline|paint|stop|strikethrough|stroke|text(?!L)|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/, Lt = typeof document < "u", Dt = function(t) {
1296
- return (typeof Symbol < "u" && typeof Symbol() == "symbol" ? /fil|che|rad/i : /fil|che|ra/i).test(t);
1297
- };
1298
- S.prototype.isReactComponent = {}, [
1299
- "componentWillMount",
1300
- "componentWillReceiveProps",
1301
- "componentWillUpdate"
1302
- ].forEach(function(t) {
1303
- Object.defineProperty(S.prototype, t, {
1304
- configurable: !0,
1305
- get: function() {
1306
- return this["UNSAFE_" + t];
1307
- },
1308
- set: function(e) {
1309
- Object.defineProperty(this, t, {
1310
- configurable: !0,
1311
- writable: !0,
1312
- value: e
1313
- });
1314
- }
1315
- });
1316
- });
1317
- var Ce = v.event;
1318
- function Rt() {
1319
- }
1320
- function Pt() {
1321
- return this.cancelBubble;
1322
- }
1323
- function Bt() {
1324
- return this.defaultPrevented;
1325
- }
1326
- v.event = function(t) {
1327
- return Ce && (t = Ce(t)), t.persist = Rt, t.isPropagationStopped = Pt, t.isDefaultPrevented = Bt, t.nativeEvent = t;
1328
- };
1329
- var xe = {
1330
- configurable: !0,
1331
- get: function() {
1332
- return this.class;
1333
- }
1334
- }, Se = v.vnode;
1335
- v.vnode = function(t) {
1336
- var e = t.type, n = t.props, r = n;
1337
- if (typeof e == "string") {
1338
- var o = e.indexOf("-") === -1;
1339
- for (var i in r = {}, n) {
1340
- var s = n[i];
1341
- Lt && i === "children" && e === "noscript" || i === "value" && "defaultValue" in n && s == null || (i === "defaultValue" && "value" in n && n.value == null ? i = "value" : i === "download" && s === !0 ? s = "" : /ondoubleclick/i.test(i) ? i = "ondblclick" : /^onchange(textarea|input)/i.test(i + e) && !Dt(n.type) ? i = "oninput" : /^onfocus$/i.test(i) ? i = "onfocusin" : /^onblur$/i.test(i) ? i = "onfocusout" : /^on(Ani|Tra|Tou|BeforeInp)/.test(i) ? i = i.toLowerCase() : o && Et.test(i) ? i = i.replace(/[A-Z0-9]/, "-$&").toLowerCase() : s === null && (s = void 0), r[i] = s);
1342
- }
1343
- e == "select" && r.multiple && Array.isArray(r.value) && (r.value = U(n.children).forEach(function(l) {
1344
- l.props.selected = r.value.indexOf(l.props.value) != -1;
1345
- })), e == "select" && r.defaultValue != null && (r.value = U(n.children).forEach(function(l) {
1346
- l.props.selected = r.multiple ? r.defaultValue.indexOf(l.props.value) != -1 : r.defaultValue == l.props.value;
1347
- })), t.props = r, n.class != n.className && (xe.enumerable = "className" in n, n.className != null && (r.class = n.className), Object.defineProperty(r, "className", xe));
1348
- }
1349
- t.$$typeof = Mt, Se && Se(t);
1350
- };
1351
- var je = v.__r;
1352
- v.__r = function(t) {
1353
- je && je(t), t.__c;
1354
- };
1355
- const Ht = {
1356
- light: "outline",
1357
- dark: "solid"
1358
- };
1359
- class Tt extends q {
1360
- renderIcon(e) {
1361
- const { icon: n } = e;
1362
- if (n) {
1363
- if (n.svg) return /* @__PURE__ */ d("span", {
1364
- class: "flex",
1365
- dangerouslySetInnerHTML: {
1366
- __html: n.svg
1367
- }
1368
- });
1369
- if (n.src) return /* @__PURE__ */ d("img", {
1370
- src: n.src
1371
- });
1372
- }
1373
- const r = W.categories[e.id] || W.categories.custom, o = this.props.icons == "auto" ? Ht[this.props.theme] : this.props.icons;
1374
- return r[o] || r;
1375
- }
1376
- render() {
1377
- let e = null;
1378
- return /* @__PURE__ */ d("nav", {
1379
- id: "nav",
1380
- class: "padding",
1381
- "data-position": this.props.position,
1382
- dir: this.props.dir,
1383
- children: /* @__PURE__ */ d("div", {
1384
- class: "flex relative",
1385
- children: [
1386
- this.categories.map((n, r) => {
1387
- const o = n.name || w.categories[n.id], i = !this.props.unfocused && n.id == this.state.categoryId;
1388
- return i && (e = r), /* @__PURE__ */ d("button", {
1389
- "aria-label": o,
1390
- "aria-selected": i || void 0,
1391
- title: o,
1392
- type: "button",
1393
- class: "flex flex-grow flex-center",
1394
- onMouseDown: (s) => s.preventDefault(),
1395
- onClick: () => {
1396
- this.props.onClick({
1397
- category: n,
1398
- i: r
1399
- });
1400
- },
1401
- children: this.renderIcon(n)
1402
- });
1403
- }),
1404
- /* @__PURE__ */ d("div", {
1405
- class: "bar",
1406
- style: {
1407
- width: `${100 / this.categories.length}%`,
1408
- opacity: e == null ? 0 : 1,
1409
- transform: this.props.dir === "rtl" ? `scaleX(-1) translateX(${e * 100}%)` : `translateX(${e * 100}%)`
1410
- }
1411
- })
1412
- ]
1413
- })
1414
- });
1415
- }
1416
- constructor() {
1417
- super(), this.categories = g.categories.filter((e) => !e.target), this.state = {
1418
- categoryId: this.categories[0].id
1419
- };
1420
- }
1421
- }
1422
- class At extends q {
1423
- shouldComponentUpdate(e) {
1424
- for (let n in e)
1425
- if (n != "children" && e[n] != this.props[n])
1426
- return !0;
1427
- return !1;
1428
- }
1429
- render() {
1430
- return this.props.children;
1431
- }
1432
- }
1433
- const A = {
1434
- rowsPerRender: 10
1435
- };
1436
- class It extends S {
1437
- getInitialState(e = this.props) {
1438
- return {
1439
- skin: E.get("skin") || e.skin,
1440
- theme: this.initTheme(e.theme)
1441
- };
1442
- }
1443
- componentWillMount() {
1444
- this.dir = w.rtl ? "rtl" : "ltr", this.refs = {
1445
- menu: j(),
1446
- navigation: j(),
1447
- scroll: j(),
1448
- search: j(),
1449
- searchInput: j(),
1450
- skinToneButton: j(),
1451
- skinToneRadio: j()
1452
- }, this.initGrid(), this.props.stickySearch == !1 && this.props.searchPosition == "sticky" && (console.warn("[EmojiMart] Deprecation warning: `stickySearch` has been renamed `searchPosition`."), this.props.searchPosition = "static");
1453
- }
1454
- componentDidMount() {
1455
- if (this.register(), this.shadowRoot = this.base.parentNode, this.props.autoFocus) {
1456
- const { searchInput: e } = this.refs;
1457
- e.current && e.current.focus();
1458
- }
1459
- }
1460
- componentWillReceiveProps(e) {
1461
- this.nextState || (this.nextState = {});
1462
- for (const n in e) this.nextState[n] = e[n];
1463
- clearTimeout(this.nextStateTimer), this.nextStateTimer = setTimeout(() => {
1464
- let n = !1;
1465
- for (const o in this.nextState)
1466
- this.props[o] = this.nextState[o], (o === "custom" || o === "categories") && (n = !0);
1467
- delete this.nextState;
1468
- const r = this.getInitialState();
1469
- if (n) return this.reset(r);
1470
- this.setState(r);
1471
- });
1472
- }
1473
- componentWillUnmount() {
1474
- this.unregister();
1475
- }
1476
- async reset(e = {}) {
1477
- await G(this.props), this.initGrid(), this.unobserve(), this.setState(e, () => {
1478
- this.observeCategories(), this.observeRows();
1479
- });
1480
- }
1481
- register() {
1482
- document.addEventListener("click", this.handleClickOutside), this.observe();
1483
- }
1484
- unregister() {
1485
- var e;
1486
- document.removeEventListener("click", this.handleClickOutside), (e = this.darkMedia) == null || e.removeEventListener("change", this.darkMediaCallback), this.unobserve();
1487
- }
1488
- observe() {
1489
- this.observeCategories(), this.observeRows();
1490
- }
1491
- unobserve({ except: e = [] } = {}) {
1492
- Array.isArray(e) || (e = [
1493
- e
1494
- ]);
1495
- for (const n of this.observers)
1496
- e.includes(n) || n.disconnect();
1497
- this.observers = [].concat(e);
1498
- }
1499
- initGrid() {
1500
- const { categories: e } = g;
1501
- this.refs.categories = /* @__PURE__ */ new Map();
1502
- const n = g.categories.map((o) => o.id).join(",");
1503
- this.navKey && this.navKey != n && this.refs.scroll.current && (this.refs.scroll.current.scrollTop = 0), this.navKey = n, this.grid = [], this.grid.setsize = 0;
1504
- const r = (o, i) => {
1505
- const s = [];
1506
- s.__categoryId = i.id, s.__index = o.length, this.grid.push(s);
1507
- const l = this.grid.length - 1, c = l % A.rowsPerRender ? {} : j();
1508
- return c.index = l, c.posinset = this.grid.setsize + 1, o.push(c), s;
1509
- };
1510
- for (let o of e) {
1511
- const i = [];
1512
- let s = r(i, o);
1513
- for (let l of o.emojis)
1514
- s.length == this.getPerLine() && (s = r(i, o)), this.grid.setsize += 1, s.push(l);
1515
- this.refs.categories.set(o.id, {
1516
- root: j(),
1517
- rows: i
1518
- });
1519
- }
1520
- }
1521
- initTheme(e) {
1522
- if (e != "auto") return e;
1523
- if (!this.darkMedia) {
1524
- if (this.darkMedia = matchMedia("(prefers-color-scheme: dark)"), this.darkMedia.media.match(/^not/)) return "light";
1525
- this.darkMedia.addEventListener("change", this.darkMediaCallback);
1526
- }
1527
- return this.darkMedia.matches ? "dark" : "light";
1528
- }
1529
- initDynamicPerLine(e = this.props) {
1530
- if (!e.dynamicWidth) return;
1531
- const { element: n, emojiButtonSize: r } = e, o = () => {
1532
- const { width: s } = n.getBoundingClientRect();
1533
- return Math.floor(s / r);
1534
- }, i = new ResizeObserver(() => {
1535
- this.unobserve({
1536
- except: i
1537
- }), this.setState({
1538
- perLine: o()
1539
- }, () => {
1540
- this.initGrid(), this.forceUpdate(() => {
1541
- this.observeCategories(), this.observeRows();
1542
- });
1543
- });
1544
- });
1545
- return i.observe(n), this.observers.push(i), o();
1546
- }
1547
- getPerLine() {
1548
- return this.state.perLine || this.props.perLine;
1549
- }
1550
- getEmojiByPos([e, n]) {
1551
- const r = this.state.searchResults || this.grid, o = r[e] && r[e][n];
1552
- if (o)
1553
- return L.get(o);
1554
- }
1555
- observeCategories() {
1556
- const e = this.refs.navigation.current;
1557
- if (!e) return;
1558
- const n = /* @__PURE__ */ new Map(), r = (s) => {
1559
- s != e.state.categoryId && e.setState({
1560
- categoryId: s
1561
- });
1562
- }, o = {
1563
- root: this.refs.scroll.current,
1564
- threshold: [
1565
- 0,
1566
- 1
1567
- ]
1568
- }, i = new IntersectionObserver((s) => {
1569
- for (const c of s) {
1570
- const u = c.target.dataset.id;
1571
- n.set(u, c.intersectionRatio);
1572
- }
1573
- const l = [
1574
- ...n
1575
- ];
1576
- for (const [c, u] of l) if (u) {
1577
- r(c);
1578
- break;
1579
- }
1580
- }, o);
1581
- for (const { root: s } of this.refs.categories.values()) i.observe(s.current);
1582
- this.observers.push(i);
1583
- }
1584
- observeRows() {
1585
- const e = {
1586
- ...this.state.visibleRows
1587
- }, n = new IntersectionObserver((r) => {
1588
- for (const o of r) {
1589
- const i = parseInt(o.target.dataset.index);
1590
- o.isIntersecting ? e[i] = !0 : delete e[i];
1591
- }
1592
- this.setState({
1593
- visibleRows: e
1594
- });
1595
- }, {
1596
- root: this.refs.scroll.current,
1597
- rootMargin: `${this.props.emojiButtonSize * (A.rowsPerRender + 5)}px 0px ${this.props.emojiButtonSize * A.rowsPerRender}px`
1598
- });
1599
- for (const { rows: r } of this.refs.categories.values())
1600
- for (const o of r) o.current && n.observe(o.current);
1601
- this.observers.push(n);
1602
- }
1603
- preventDefault(e) {
1604
- e.preventDefault();
1605
- }
1606
- unfocusSearch() {
1607
- const e = this.refs.searchInput.current;
1608
- e && e.blur();
1609
- }
1610
- navigate({ e, input: n, left: r, right: o, up: i, down: s }) {
1611
- const l = this.state.searchResults || this.grid;
1612
- if (!l.length) return;
1613
- let [c, u] = this.state.pos;
1614
- const a = (() => {
1615
- if (c == 0 && u == 0 && !e.repeat && (r || i))
1616
- return null;
1617
- if (c == -1)
1618
- return !e.repeat && (o || s) && n.selectionStart == n.value.length ? [
1619
- 0,
1620
- 0
1621
- ] : null;
1622
- if (r || o) {
1623
- let p = l[c];
1624
- const h = r ? -1 : 1;
1625
- if (u += h, !p[u]) {
1626
- if (c += h, p = l[c], !p)
1627
- return c = r ? 0 : l.length - 1, u = r ? 0 : l[c].length - 1, [
1628
- c,
1629
- u
1630
- ];
1631
- u = r ? p.length - 1 : 0;
1632
- }
1633
- return [
1634
- c,
1635
- u
1636
- ];
1637
- }
1638
- if (i || s) {
1639
- c += i ? -1 : 1;
1640
- const p = l[c];
1641
- return p ? (p[u] || (u = p.length - 1), [
1642
- c,
1643
- u
1644
- ]) : (c = i ? 0 : l.length - 1, u = i ? 0 : l[c].length - 1, [
1645
- c,
1646
- u
1647
- ]);
1648
- }
1649
- })();
1650
- if (a) e.preventDefault();
1651
- else {
1652
- this.state.pos[0] > -1 && this.setState({
1653
- pos: [
1654
- -1,
1655
- -1
1656
- ]
1657
- });
1658
- return;
1659
- }
1660
- this.setState({
1661
- pos: a,
1662
- keyboard: !0
1663
- }, () => {
1664
- this.scrollTo({
1665
- row: a[0]
1666
- });
1667
- });
1668
- }
1669
- scrollTo({ categoryId: e, row: n }) {
1670
- const r = this.state.searchResults || this.grid;
1671
- if (!r.length) return;
1672
- const o = this.refs.scroll.current, i = o.getBoundingClientRect();
1673
- let s = 0;
1674
- if (n >= 0 && (e = r[n].__categoryId), e && (s = (this.refs[e] || this.refs.categories.get(e).root).current.getBoundingClientRect().top - (i.top - o.scrollTop) + 1), n >= 0)
1675
- if (!n) s = 0;
1676
- else {
1677
- const l = r[n].__index, c = s + l * this.props.emojiButtonSize, u = c + this.props.emojiButtonSize + this.props.emojiButtonSize * 0.88;
1678
- if (c < o.scrollTop) s = c;
1679
- else if (u > o.scrollTop + i.height) s = u - i.height;
1680
- else return;
1681
- }
1682
- this.ignoreMouse(), o.scrollTop = s;
1683
- }
1684
- ignoreMouse() {
1685
- this.mouseIsIgnored = !0, clearTimeout(this.ignoreMouseTimer), this.ignoreMouseTimer = setTimeout(() => {
1686
- delete this.mouseIsIgnored;
1687
- }, 100);
1688
- }
1689
- handleEmojiOver(e) {
1690
- this.mouseIsIgnored || this.state.showSkins || this.setState({
1691
- pos: e || [
1692
- -1,
1693
- -1
1694
- ],
1695
- keyboard: !1
1696
- });
1697
- }
1698
- handleEmojiClick({ e, emoji: n, pos: r }) {
1699
- if (this.props.onEmojiSelect && (!n && r && (n = this.getEmojiByPos(r)), n)) {
1700
- const o = kt(n, {
1701
- skinIndex: this.state.skin - 1
1702
- });
1703
- this.props.maxFrequentRows && Fe.add(o, this.props), this.props.onEmojiSelect(o, e);
1704
- }
1705
- }
1706
- closeSkins() {
1707
- this.state.showSkins && (this.setState({
1708
- showSkins: null,
1709
- tempSkin: null
1710
- }), this.base.removeEventListener("click", this.handleBaseClick), this.base.removeEventListener("keydown", this.handleBaseKeydown));
1711
- }
1712
- handleSkinMouseOver(e) {
1713
- this.setState({
1714
- tempSkin: e
1715
- });
1716
- }
1717
- handleSkinClick(e) {
1718
- this.ignoreMouse(), this.closeSkins(), this.setState({
1719
- skin: e,
1720
- tempSkin: null
1721
- }), E.set("skin", e);
1722
- }
1723
- renderNav() {
1724
- return /* @__PURE__ */ d(Tt, {
1725
- ref: this.refs.navigation,
1726
- icons: this.props.icons,
1727
- theme: this.state.theme,
1728
- dir: this.dir,
1729
- unfocused: !!this.state.searchResults,
1730
- position: this.props.navPosition,
1731
- onClick: this.handleCategoryClick
1732
- }, this.navKey);
1733
- }
1734
- renderPreview() {
1735
- const e = this.getEmojiByPos(this.state.pos), n = this.state.searchResults && !this.state.searchResults.length;
1736
- return /* @__PURE__ */ d("div", {
1737
- id: "preview",
1738
- class: "flex flex-middle",
1739
- dir: this.dir,
1740
- "data-position": this.props.previewPosition,
1741
- children: [
1742
- /* @__PURE__ */ d("div", {
1743
- class: "flex flex-middle flex-grow",
1744
- children: [
1745
- /* @__PURE__ */ d("div", {
1746
- class: "flex flex-auto flex-middle flex-center",
1747
- style: {
1748
- height: this.props.emojiButtonSize,
1749
- fontSize: this.props.emojiButtonSize
1750
- },
1751
- children: /* @__PURE__ */ d(ne, {
1752
- emoji: e,
1753
- id: n ? this.props.noResultsEmoji || "cry" : this.props.previewEmoji || (this.props.previewPosition == "top" ? "point_down" : "point_up"),
1754
- set: this.props.set,
1755
- size: this.props.emojiButtonSize,
1756
- skin: this.state.tempSkin || this.state.skin,
1757
- spritesheet: !0,
1758
- getSpritesheetURL: this.props.getSpritesheetURL
1759
- })
1760
- }),
1761
- /* @__PURE__ */ d("div", {
1762
- class: `margin-${this.dir[0]}`,
1763
- children: e || n ? /* @__PURE__ */ d("div", {
1764
- class: `padding-${this.dir[2]} align-${this.dir[0]}`,
1765
- children: [
1766
- /* @__PURE__ */ d("div", {
1767
- class: "preview-title ellipsis",
1768
- children: e ? e.name : w.search_no_results_1
1769
- }),
1770
- /* @__PURE__ */ d("div", {
1771
- class: "preview-subtitle ellipsis color-c",
1772
- children: e ? e.skins[0].shortcodes : w.search_no_results_2
1773
- })
1774
- ]
1775
- }) : /* @__PURE__ */ d("div", {
1776
- class: "preview-placeholder color-c",
1777
- children: w.pick
1778
- })
1779
- })
1780
- ]
1781
- }),
1782
- !e && this.props.skinTonePosition == "preview" && this.renderSkinToneButton()
1783
- ]
1784
- });
1785
- }
1786
- renderEmojiButton(e, { pos: n, posinset: r, grid: o }) {
1787
- const i = this.props.emojiButtonSize, s = this.state.tempSkin || this.state.skin, c = (e.skins[s - 1] || e.skins[0]).native, u = mt(this.state.pos, n), a = n.concat(e.id).join("");
1788
- return /* @__PURE__ */ d(At, {
1789
- selected: u,
1790
- skin: s,
1791
- size: i,
1792
- children: /* @__PURE__ */ d("button", {
1793
- "aria-label": c,
1794
- "aria-selected": u || void 0,
1795
- "aria-posinset": r,
1796
- "aria-setsize": o.setsize,
1797
- "data-keyboard": this.state.keyboard,
1798
- title: this.props.previewPosition == "none" ? e.name : void 0,
1799
- type: "button",
1800
- class: "flex flex-center flex-middle",
1801
- tabindex: "-1",
1802
- onClick: (p) => this.handleEmojiClick({
1803
- e: p,
1804
- emoji: e
1805
- }),
1806
- onMouseEnter: () => this.handleEmojiOver(n),
1807
- onMouseLeave: () => this.handleEmojiOver(),
1808
- style: {
1809
- width: this.props.emojiButtonSize,
1810
- height: this.props.emojiButtonSize,
1811
- fontSize: this.props.emojiSize,
1812
- lineHeight: 0
1813
- },
1814
- children: [
1815
- /* @__PURE__ */ d("div", {
1816
- "aria-hidden": "true",
1817
- class: "background",
1818
- style: {
1819
- borderRadius: this.props.emojiButtonRadius,
1820
- backgroundColor: this.props.emojiButtonColors ? this.props.emojiButtonColors[(r - 1) % this.props.emojiButtonColors.length] : void 0
1821
- }
1822
- }),
1823
- /* @__PURE__ */ d(ne, {
1824
- emoji: e,
1825
- set: this.props.set,
1826
- size: this.props.emojiSize,
1827
- skin: s,
1828
- spritesheet: !0,
1829
- getSpritesheetURL: this.props.getSpritesheetURL
1830
- })
1831
- ]
1832
- })
1833
- }, a);
1834
- }
1835
- renderSearch() {
1836
- const e = this.props.previewPosition == "none" || this.props.skinTonePosition == "search";
1837
- return /* @__PURE__ */ d("div", {
1838
- children: [
1839
- /* @__PURE__ */ d("div", {
1840
- class: "spacer"
1841
- }),
1842
- /* @__PURE__ */ d("div", {
1843
- class: "flex flex-middle",
1844
- children: [
1845
- /* @__PURE__ */ d("div", {
1846
- class: "search relative flex-grow",
1847
- children: [
1848
- /* @__PURE__ */ d("input", {
1849
- type: "search",
1850
- ref: this.refs.searchInput,
1851
- placeholder: w.search,
1852
- onClick: this.handleSearchClick,
1853
- onInput: this.handleSearchInput,
1854
- onKeyDown: this.handleSearchKeyDown,
1855
- autoComplete: "off"
1856
- }),
1857
- /* @__PURE__ */ d("span", {
1858
- class: "icon loupe flex",
1859
- children: W.search.loupe
1860
- }),
1861
- this.state.searchResults && /* @__PURE__ */ d("button", {
1862
- title: "Clear",
1863
- "aria-label": "Clear",
1864
- type: "button",
1865
- class: "icon delete flex",
1866
- onClick: this.clearSearch,
1867
- onMouseDown: this.preventDefault,
1868
- children: W.search.delete
1869
- })
1870
- ]
1871
- }),
1872
- e && this.renderSkinToneButton()
1873
- ]
1874
- })
1875
- ]
1876
- });
1877
- }
1878
- renderSearchResults() {
1879
- const { searchResults: e } = this.state;
1880
- return e ? /* @__PURE__ */ d("div", {
1881
- class: "category",
1882
- ref: this.refs.search,
1883
- children: [
1884
- /* @__PURE__ */ d("div", {
1885
- class: `sticky padding-small align-${this.dir[0]}`,
1886
- children: w.categories.search
1887
- }),
1888
- /* @__PURE__ */ d("div", {
1889
- children: e.length ? e.map((n, r) => /* @__PURE__ */ d("div", {
1890
- class: "flex",
1891
- children: n.map((o, i) => this.renderEmojiButton(o, {
1892
- pos: [
1893
- r,
1894
- i
1895
- ],
1896
- posinset: r * this.props.perLine + i + 1,
1897
- grid: e
1898
- }))
1899
- })) : /* @__PURE__ */ d("div", {
1900
- class: `padding-small align-${this.dir[0]}`,
1901
- children: this.props.onAddCustomEmoji && /* @__PURE__ */ d("a", {
1902
- onClick: this.props.onAddCustomEmoji,
1903
- children: w.add_custom
1904
- })
1905
- })
1906
- })
1907
- ]
1908
- }) : null;
1909
- }
1910
- renderCategories() {
1911
- const { categories: e } = g, n = !!this.state.searchResults, r = this.getPerLine();
1912
- return /* @__PURE__ */ d("div", {
1913
- style: {
1914
- visibility: n ? "hidden" : void 0,
1915
- display: n ? "none" : void 0,
1916
- height: "100%"
1917
- },
1918
- children: e.map((o) => {
1919
- const { root: i, rows: s } = this.refs.categories.get(o.id);
1920
- return /* @__PURE__ */ d("div", {
1921
- "data-id": o.target ? o.target.id : o.id,
1922
- class: "category",
1923
- ref: i,
1924
- children: [
1925
- /* @__PURE__ */ d("div", {
1926
- class: `sticky padding-small align-${this.dir[0]}`,
1927
- children: o.name || w.categories[o.id]
1928
- }),
1929
- /* @__PURE__ */ d("div", {
1930
- class: "relative",
1931
- style: {
1932
- height: s.length * this.props.emojiButtonSize
1933
- },
1934
- children: s.map((l, c) => {
1935
- const u = l.index - l.index % A.rowsPerRender, a = this.state.visibleRows[u], p = "current" in l ? l : void 0;
1936
- if (!a && !p) return null;
1937
- const h = c * r, f = h + r, _ = o.emojis.slice(h, f);
1938
- return _.length < r && _.push(...new Array(r - _.length)), /* @__PURE__ */ d("div", {
1939
- "data-index": l.index,
1940
- ref: p,
1941
- class: "flex row",
1942
- style: {
1943
- top: c * this.props.emojiButtonSize
1944
- },
1945
- children: a && _.map((m, b) => {
1946
- if (!m) return /* @__PURE__ */ d("div", {
1947
- style: {
1948
- width: this.props.emojiButtonSize,
1949
- height: this.props.emojiButtonSize
1950
- }
1951
- });
1952
- const $ = L.get(m);
1953
- return this.renderEmojiButton($, {
1954
- pos: [
1955
- l.index,
1956
- b
1957
- ],
1958
- posinset: l.posinset + b,
1959
- grid: this.grid
1960
- });
1961
- })
1962
- }, l.index);
1963
- })
1964
- })
1965
- ]
1966
- });
1967
- })
1968
- });
1969
- }
1970
- renderSkinToneButton() {
1971
- return this.props.skinTonePosition == "none" ? null : /* @__PURE__ */ d("div", {
1972
- class: "flex flex-auto flex-center flex-middle",
1973
- style: {
1974
- position: "relative",
1975
- width: this.props.emojiButtonSize,
1976
- height: this.props.emojiButtonSize
1977
- },
1978
- children: /* @__PURE__ */ d("button", {
1979
- type: "button",
1980
- ref: this.refs.skinToneButton,
1981
- class: "skin-tone-button flex flex-auto flex-center flex-middle",
1982
- "aria-selected": this.state.showSkins ? "" : void 0,
1983
- "aria-label": w.skins.choose,
1984
- title: w.skins.choose,
1985
- onClick: this.openSkins,
1986
- style: {
1987
- width: this.props.emojiSize,
1988
- height: this.props.emojiSize
1989
- },
1990
- children: /* @__PURE__ */ d("span", {
1991
- class: `skin-tone skin-tone-${this.state.skin}`
1992
- })
1993
- })
1994
- });
1995
- }
1996
- renderLiveRegion() {
1997
- const e = this.getEmojiByPos(this.state.pos), n = e ? e.name : "";
1998
- return /* @__PURE__ */ d("div", {
1999
- "aria-live": "polite",
2000
- class: "sr-only",
2001
- children: n
2002
- });
2003
- }
2004
- renderSkins() {
2005
- const n = this.refs.skinToneButton.current.getBoundingClientRect(), r = this.base.getBoundingClientRect(), o = {};
2006
- return this.dir == "ltr" ? o.right = r.right - n.right - 3 : o.left = n.left - r.left - 3, this.props.previewPosition == "bottom" && this.props.skinTonePosition == "preview" ? o.bottom = r.bottom - n.top + 6 : (o.top = n.bottom - r.top + 3, o.bottom = "auto"), /* @__PURE__ */ d("div", {
2007
- ref: this.refs.menu,
2008
- role: "radiogroup",
2009
- dir: this.dir,
2010
- "aria-label": w.skins.choose,
2011
- class: "menu hidden",
2012
- "data-position": o.top ? "top" : "bottom",
2013
- style: o,
2014
- children: [
2015
- ...Array(6).keys()
2016
- ].map((i) => {
2017
- const s = i + 1, l = this.state.skin == s;
2018
- return /* @__PURE__ */ d("div", {
2019
- children: [
2020
- /* @__PURE__ */ d("input", {
2021
- type: "radio",
2022
- name: "skin-tone",
2023
- value: s,
2024
- "aria-label": w.skins[s],
2025
- ref: l ? this.refs.skinToneRadio : null,
2026
- defaultChecked: l,
2027
- onChange: () => this.handleSkinMouseOver(s),
2028
- onKeyDown: (c) => {
2029
- (c.code == "Enter" || c.code == "Space" || c.code == "Tab") && (c.preventDefault(), this.handleSkinClick(s));
2030
- }
2031
- }),
2032
- /* @__PURE__ */ d("button", {
2033
- "aria-hidden": "true",
2034
- tabindex: "-1",
2035
- onClick: () => this.handleSkinClick(s),
2036
- onMouseEnter: () => this.handleSkinMouseOver(s),
2037
- onMouseLeave: () => this.handleSkinMouseOver(),
2038
- class: "option flex flex-grow flex-middle",
2039
- children: [
2040
- /* @__PURE__ */ d("span", {
2041
- class: `skin-tone skin-tone-${s}`
2042
- }),
2043
- /* @__PURE__ */ d("span", {
2044
- class: "margin-small-lr",
2045
- children: w.skins[s]
2046
- })
2047
- ]
2048
- })
2049
- ]
2050
- });
2051
- })
2052
- });
2053
- }
2054
- render() {
2055
- const e = this.props.perLine * this.props.emojiButtonSize;
2056
- return /* @__PURE__ */ d("section", {
2057
- id: "root",
2058
- class: "flex flex-column",
2059
- dir: this.dir,
2060
- style: {
2061
- width: this.props.dynamicWidth ? "100%" : `calc(${e}px + (var(--padding) + var(--sidebar-width)))`
2062
- },
2063
- "data-emoji-set": this.props.set,
2064
- "data-theme": this.state.theme,
2065
- "data-menu": this.state.showSkins ? "" : void 0,
2066
- children: [
2067
- this.props.previewPosition == "top" && this.renderPreview(),
2068
- this.props.navPosition == "top" && this.renderNav(),
2069
- this.props.searchPosition == "sticky" && /* @__PURE__ */ d("div", {
2070
- class: "padding-lr",
2071
- children: this.renderSearch()
2072
- }),
2073
- /* @__PURE__ */ d("div", {
2074
- ref: this.refs.scroll,
2075
- class: "scroll flex-grow padding-lr",
2076
- children: /* @__PURE__ */ d("div", {
2077
- style: {
2078
- width: this.props.dynamicWidth ? "100%" : e,
2079
- height: "100%"
2080
- },
2081
- children: [
2082
- this.props.searchPosition == "static" && this.renderSearch(),
2083
- this.renderSearchResults(),
2084
- this.renderCategories()
2085
- ]
2086
- })
2087
- }),
2088
- this.props.navPosition == "bottom" && this.renderNav(),
2089
- this.props.previewPosition == "bottom" && this.renderPreview(),
2090
- this.state.showSkins && this.renderSkins(),
2091
- this.renderLiveRegion()
2092
- ]
2093
- });
2094
- }
2095
- constructor(e) {
2096
- super(), C(this, "darkMediaCallback", () => {
2097
- this.props.theme == "auto" && this.setState({
2098
- theme: this.darkMedia.matches ? "dark" : "light"
2099
- });
2100
- }), C(this, "handleClickOutside", (n) => {
2101
- const { element: r } = this.props;
2102
- n.target != r && (this.state.showSkins && this.closeSkins(), this.props.onClickOutside && this.props.onClickOutside(n));
2103
- }), C(this, "handleBaseClick", (n) => {
2104
- this.state.showSkins && (n.target.closest(".menu") || (n.preventDefault(), n.stopImmediatePropagation(), this.closeSkins()));
2105
- }), C(this, "handleBaseKeydown", (n) => {
2106
- this.state.showSkins && n.key == "Escape" && (n.preventDefault(), n.stopImmediatePropagation(), this.closeSkins());
2107
- }), C(this, "handleSearchClick", () => {
2108
- this.getEmojiByPos(this.state.pos) && this.setState({
2109
- pos: [
2110
- -1,
2111
- -1
2112
- ]
2113
- });
2114
- }), C(this, "handleSearchInput", async () => {
2115
- const n = this.refs.searchInput.current;
2116
- if (!n) return;
2117
- const { value: r } = n, o = await L.search(r), i = () => {
2118
- this.refs.scroll.current && (this.refs.scroll.current.scrollTop = 0);
2119
- };
2120
- if (!o) return this.setState({
2121
- searchResults: o,
2122
- pos: [
2123
- -1,
2124
- -1
2125
- ]
2126
- }, i);
2127
- const s = n.selectionStart == n.value.length ? [
2128
- 0,
2129
- 0
2130
- ] : [
2131
- -1,
2132
- -1
2133
- ], l = [];
2134
- l.setsize = o.length;
2135
- let c = null;
2136
- for (let u of o)
2137
- (!l.length || c.length == this.getPerLine()) && (c = [], c.__categoryId = "search", c.__index = l.length, l.push(c)), c.push(u);
2138
- this.ignoreMouse(), this.setState({
2139
- searchResults: l,
2140
- pos: s
2141
- }, i);
2142
- }), C(this, "handleSearchKeyDown", (n) => {
2143
- const r = n.currentTarget;
2144
- switch (n.stopImmediatePropagation(), n.key) {
2145
- case "ArrowLeft":
2146
- this.navigate({
2147
- e: n,
2148
- input: r,
2149
- left: !0
2150
- });
2151
- break;
2152
- case "ArrowRight":
2153
- this.navigate({
2154
- e: n,
2155
- input: r,
2156
- right: !0
2157
- });
2158
- break;
2159
- case "ArrowUp":
2160
- this.navigate({
2161
- e: n,
2162
- input: r,
2163
- up: !0
2164
- });
2165
- break;
2166
- case "ArrowDown":
2167
- this.navigate({
2168
- e: n,
2169
- input: r,
2170
- down: !0
2171
- });
2172
- break;
2173
- case "Enter":
2174
- n.preventDefault(), this.handleEmojiClick({
2175
- e: n,
2176
- pos: this.state.pos
2177
- });
2178
- break;
2179
- case "Escape":
2180
- n.preventDefault(), this.state.searchResults ? this.clearSearch() : this.unfocusSearch();
2181
- break;
2182
- }
2183
- }), C(this, "clearSearch", () => {
2184
- const n = this.refs.searchInput.current;
2185
- n && (n.value = "", n.focus(), this.handleSearchInput());
2186
- }), C(this, "handleCategoryClick", ({ category: n, i: r }) => {
2187
- this.scrollTo(r == 0 ? {
2188
- row: -1
2189
- } : {
2190
- categoryId: n.id
2191
- });
2192
- }), C(this, "openSkins", (n) => {
2193
- const { currentTarget: r } = n, o = r.getBoundingClientRect();
2194
- this.setState({
2195
- showSkins: o
2196
- }, async () => {
2197
- await $t(2);
2198
- const i = this.refs.menu.current;
2199
- i && (i.classList.remove("hidden"), this.refs.skinToneRadio.current.focus(), this.base.addEventListener("click", this.handleBaseClick, !0), this.base.addEventListener("keydown", this.handleBaseKeydown, !0));
2200
- });
2201
- }), this.observers = [], this.state = {
2202
- pos: [
2203
- -1,
2204
- -1
2205
- ],
2206
- perLine: this.initDynamicPerLine(e),
2207
- visibleRows: {
2208
- 0: !0
2209
- },
2210
- ...this.getInitialState(e)
2211
- };
2212
- }
2213
- }
2214
- class Ze extends xt {
2215
- async connectedCallback() {
2216
- const e = qe(this.props, z, this);
2217
- e.element = this, e.ref = (n) => {
2218
- this.component = n;
2219
- }, await G(e), !this.disconnected && Oe(/* @__PURE__ */ d(It, {
2220
- ...e
2221
- }), this.shadowRoot);
2222
- }
2223
- constructor(e) {
2224
- super(e, {
2225
- styles: /* @__PURE__ */ ze(Qe)
2226
- });
2227
- }
2228
- }
2229
- C(Ze, "Props", z);
2230
- typeof customElements < "u" && !customElements.get("em-emoji-picker") && customElements.define("em-emoji-picker", Ze);
2231
- var Qe = {};
2232
- Qe = `:host {
2233
- width: min-content;
2234
- height: 435px;
2235
- min-height: 230px;
2236
- border-radius: var(--border-radius);
2237
- box-shadow: var(--shadow);
2238
- --border-radius: 10px;
2239
- --category-icon-size: 18px;
2240
- --font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
2241
- --font-size: 15px;
2242
- --preview-placeholder-size: 21px;
2243
- --preview-title-size: 1.1em;
2244
- --preview-subtitle-size: .9em;
2245
- --shadow-color: 0deg 0% 0%;
2246
- --shadow: .3px .5px 2.7px hsl(var(--shadow-color) / .14), .4px .8px 1px -3.2px hsl(var(--shadow-color) / .14), 1px 2px 2.5px -4.5px hsl(var(--shadow-color) / .14);
2247
- display: flex;
2248
- }
2249
-
2250
- [data-theme="light"] {
2251
- --em-rgb-color: var(--rgb-color, 34, 36, 39);
2252
- --em-rgb-accent: var(--rgb-accent, 34, 102, 237);
2253
- --em-rgb-background: var(--rgb-background, 255, 255, 255);
2254
- --em-rgb-input: var(--rgb-input, 255, 255, 255);
2255
- --em-color-border: var(--color-border, rgba(0, 0, 0, .05));
2256
- --em-color-border-over: var(--color-border-over, rgba(0, 0, 0, .1));
2257
- }
2258
-
2259
- [data-theme="dark"] {
2260
- --em-rgb-color: var(--rgb-color, 222, 222, 221);
2261
- --em-rgb-accent: var(--rgb-accent, 58, 130, 247);
2262
- --em-rgb-background: var(--rgb-background, 21, 22, 23);
2263
- --em-rgb-input: var(--rgb-input, 0, 0, 0);
2264
- --em-color-border: var(--color-border, rgba(255, 255, 255, .1));
2265
- --em-color-border-over: var(--color-border-over, rgba(255, 255, 255, .2));
2266
- }
2267
-
2268
- #root {
2269
- --color-a: rgb(var(--em-rgb-color));
2270
- --color-b: rgba(var(--em-rgb-color), .65);
2271
- --color-c: rgba(var(--em-rgb-color), .45);
2272
- --padding: 12px;
2273
- --padding-small: calc(var(--padding) / 2);
2274
- --sidebar-width: 16px;
2275
- --duration: 225ms;
2276
- --duration-fast: 125ms;
2277
- --duration-instant: 50ms;
2278
- --easing: cubic-bezier(.4, 0, .2, 1);
2279
- width: 100%;
2280
- text-align: left;
2281
- border-radius: var(--border-radius);
2282
- background-color: rgb(var(--em-rgb-background));
2283
- position: relative;
2284
- }
2285
-
2286
- @media (prefers-reduced-motion) {
2287
- #root {
2288
- --duration: 0;
2289
- --duration-fast: 0;
2290
- --duration-instant: 0;
2291
- }
2292
- }
2293
-
2294
- #root[data-menu] button {
2295
- cursor: auto;
2296
- }
2297
-
2298
- #root[data-menu] .menu button {
2299
- cursor: pointer;
2300
- }
2301
-
2302
- :host, #root, input, button {
2303
- color: rgb(var(--em-rgb-color));
2304
- font-family: var(--font-family);
2305
- font-size: var(--font-size);
2306
- -webkit-font-smoothing: antialiased;
2307
- -moz-osx-font-smoothing: grayscale;
2308
- line-height: normal;
2309
- }
2310
-
2311
- *, :before, :after {
2312
- box-sizing: border-box;
2313
- min-width: 0;
2314
- margin: 0;
2315
- padding: 0;
2316
- }
2317
-
2318
- .relative {
2319
- position: relative;
2320
- }
2321
-
2322
- .flex {
2323
- display: flex;
2324
- }
2325
-
2326
- .flex-auto {
2327
- flex: none;
2328
- }
2329
-
2330
- .flex-center {
2331
- justify-content: center;
2332
- }
2333
-
2334
- .flex-column {
2335
- flex-direction: column;
2336
- }
2337
-
2338
- .flex-grow {
2339
- flex: auto;
2340
- }
2341
-
2342
- .flex-middle {
2343
- align-items: center;
2344
- }
2345
-
2346
- .flex-wrap {
2347
- flex-wrap: wrap;
2348
- }
2349
-
2350
- .padding {
2351
- padding: var(--padding);
2352
- }
2353
-
2354
- .padding-t {
2355
- padding-top: var(--padding);
2356
- }
2357
-
2358
- .padding-lr {
2359
- padding-left: var(--padding);
2360
- padding-right: var(--padding);
2361
- }
2362
-
2363
- .padding-r {
2364
- padding-right: var(--padding);
2365
- }
2366
-
2367
- .padding-small {
2368
- padding: var(--padding-small);
2369
- }
2370
-
2371
- .padding-small-b {
2372
- padding-bottom: var(--padding-small);
2373
- }
2374
-
2375
- .padding-small-lr {
2376
- padding-left: var(--padding-small);
2377
- padding-right: var(--padding-small);
2378
- }
2379
-
2380
- .margin {
2381
- margin: var(--padding);
2382
- }
2383
-
2384
- .margin-r {
2385
- margin-right: var(--padding);
2386
- }
2387
-
2388
- .margin-l {
2389
- margin-left: var(--padding);
2390
- }
2391
-
2392
- .margin-small-l {
2393
- margin-left: var(--padding-small);
2394
- }
2395
-
2396
- .margin-small-lr {
2397
- margin-left: var(--padding-small);
2398
- margin-right: var(--padding-small);
2399
- }
2400
-
2401
- .align-l {
2402
- text-align: left;
2403
- }
2404
-
2405
- .align-r {
2406
- text-align: right;
2407
- }
2408
-
2409
- .color-a {
2410
- color: var(--color-a);
2411
- }
2412
-
2413
- .color-b {
2414
- color: var(--color-b);
2415
- }
2416
-
2417
- .color-c {
2418
- color: var(--color-c);
2419
- }
2420
-
2421
- .ellipsis {
2422
- white-space: nowrap;
2423
- max-width: 100%;
2424
- width: auto;
2425
- text-overflow: ellipsis;
2426
- overflow: hidden;
2427
- }
2428
-
2429
- .sr-only {
2430
- width: 1px;
2431
- height: 1px;
2432
- position: absolute;
2433
- top: auto;
2434
- left: -10000px;
2435
- overflow: hidden;
2436
- }
2437
-
2438
- a {
2439
- cursor: pointer;
2440
- color: rgb(var(--em-rgb-accent));
2441
- }
2442
-
2443
- a:hover {
2444
- text-decoration: underline;
2445
- }
2446
-
2447
- .spacer {
2448
- height: 10px;
2449
- }
2450
-
2451
- [dir="rtl"] .scroll {
2452
- padding-left: 0;
2453
- padding-right: var(--padding);
2454
- }
2455
-
2456
- .scroll {
2457
- padding-right: 0;
2458
- overflow-x: hidden;
2459
- overflow-y: auto;
2460
- }
2461
-
2462
- .scroll::-webkit-scrollbar {
2463
- width: var(--sidebar-width);
2464
- height: var(--sidebar-width);
2465
- }
2466
-
2467
- .scroll::-webkit-scrollbar-track {
2468
- border: 0;
2469
- }
2470
-
2471
- .scroll::-webkit-scrollbar-button {
2472
- width: 0;
2473
- height: 0;
2474
- display: none;
2475
- }
2476
-
2477
- .scroll::-webkit-scrollbar-corner {
2478
- background-color: rgba(0, 0, 0, 0);
2479
- }
2480
-
2481
- .scroll::-webkit-scrollbar-thumb {
2482
- min-height: 20%;
2483
- min-height: 65px;
2484
- border: 4px solid rgb(var(--em-rgb-background));
2485
- border-radius: 8px;
2486
- }
2487
-
2488
- .scroll::-webkit-scrollbar-thumb:hover {
2489
- background-color: var(--em-color-border-over) !important;
2490
- }
2491
-
2492
- .scroll:hover::-webkit-scrollbar-thumb {
2493
- background-color: var(--em-color-border);
2494
- }
2495
-
2496
- .sticky {
2497
- z-index: 1;
2498
- background-color: rgba(var(--em-rgb-background), .9);
2499
- -webkit-backdrop-filter: blur(4px);
2500
- backdrop-filter: blur(4px);
2501
- font-weight: 500;
2502
- position: sticky;
2503
- top: -1px;
2504
- }
2505
-
2506
- [dir="rtl"] .search input[type="search"] {
2507
- padding: 10px 2.2em 10px 2em;
2508
- }
2509
-
2510
- [dir="rtl"] .search .loupe {
2511
- left: auto;
2512
- right: .7em;
2513
- }
2514
-
2515
- [dir="rtl"] .search .delete {
2516
- left: .7em;
2517
- right: auto;
2518
- }
2519
-
2520
- .search {
2521
- z-index: 2;
2522
- position: relative;
2523
- }
2524
-
2525
- .search input, .search button {
2526
- font-size: calc(var(--font-size) - 1px);
2527
- }
2528
-
2529
- .search input[type="search"] {
2530
- width: 100%;
2531
- background-color: var(--em-color-border);
2532
- transition-duration: var(--duration);
2533
- transition-property: background-color, box-shadow;
2534
- transition-timing-function: var(--easing);
2535
- border: 0;
2536
- border-radius: 10px;
2537
- outline: 0;
2538
- padding: 10px 2em 10px 2.2em;
2539
- display: block;
2540
- }
2541
-
2542
- .search input[type="search"]::-ms-input-placeholder {
2543
- color: inherit;
2544
- opacity: .6;
2545
- }
2546
-
2547
- .search input[type="search"]::placeholder {
2548
- color: inherit;
2549
- opacity: .6;
2550
- }
2551
-
2552
- .search input[type="search"], .search input[type="search"]::-webkit-search-decoration, .search input[type="search"]::-webkit-search-cancel-button, .search input[type="search"]::-webkit-search-results-button, .search input[type="search"]::-webkit-search-results-decoration {
2553
- -webkit-appearance: none;
2554
- -ms-appearance: none;
2555
- appearance: none;
2556
- }
2557
-
2558
- .search input[type="search"]:focus {
2559
- background-color: rgb(var(--em-rgb-input));
2560
- box-shadow: inset 0 0 0 1px rgb(var(--em-rgb-accent)), 0 1px 3px rgba(65, 69, 73, .2);
2561
- }
2562
-
2563
- .search .icon {
2564
- z-index: 1;
2565
- color: rgba(var(--em-rgb-color), .7);
2566
- position: absolute;
2567
- top: 50%;
2568
- transform: translateY(-50%);
2569
- }
2570
-
2571
- .search .loupe {
2572
- pointer-events: none;
2573
- left: .7em;
2574
- }
2575
-
2576
- .search .delete {
2577
- right: .7em;
2578
- }
2579
-
2580
- svg {
2581
- fill: currentColor;
2582
- width: 1em;
2583
- height: 1em;
2584
- }
2585
-
2586
- button {
2587
- -webkit-appearance: none;
2588
- -ms-appearance: none;
2589
- appearance: none;
2590
- cursor: pointer;
2591
- color: currentColor;
2592
- background-color: rgba(0, 0, 0, 0);
2593
- border: 0;
2594
- }
2595
-
2596
- #nav {
2597
- z-index: 2;
2598
- padding-top: 12px;
2599
- padding-bottom: 12px;
2600
- padding-right: var(--sidebar-width);
2601
- position: relative;
2602
- }
2603
-
2604
- #nav button {
2605
- color: var(--color-b);
2606
- transition: color var(--duration) var(--easing);
2607
- }
2608
-
2609
- #nav button:hover {
2610
- color: var(--color-a);
2611
- }
2612
-
2613
- #nav svg, #nav img {
2614
- width: var(--category-icon-size);
2615
- height: var(--category-icon-size);
2616
- }
2617
-
2618
- #nav[dir="rtl"] .bar {
2619
- left: auto;
2620
- right: 0;
2621
- }
2622
-
2623
- #nav .bar {
2624
- width: 100%;
2625
- height: 3px;
2626
- background-color: rgb(var(--em-rgb-accent));
2627
- transition: transform var(--duration) var(--easing);
2628
- border-radius: 3px 3px 0 0;
2629
- position: absolute;
2630
- bottom: -12px;
2631
- left: 0;
2632
- }
2633
-
2634
- #nav button[aria-selected] {
2635
- color: rgb(var(--em-rgb-accent));
2636
- }
2637
-
2638
- #preview {
2639
- z-index: 2;
2640
- padding: calc(var(--padding) + 4px) var(--padding);
2641
- padding-right: var(--sidebar-width);
2642
- position: relative;
2643
- }
2644
-
2645
- #preview .preview-placeholder {
2646
- font-size: var(--preview-placeholder-size);
2647
- }
2648
-
2649
- #preview .preview-title {
2650
- font-size: var(--preview-title-size);
2651
- }
2652
-
2653
- #preview .preview-subtitle {
2654
- font-size: var(--preview-subtitle-size);
2655
- }
2656
-
2657
- #nav:before, #preview:before {
2658
- content: "";
2659
- height: 2px;
2660
- position: absolute;
2661
- left: 0;
2662
- right: 0;
2663
- }
2664
-
2665
- #nav[data-position="top"]:before, #preview[data-position="top"]:before {
2666
- background: linear-gradient(to bottom, var(--em-color-border), transparent);
2667
- top: 100%;
2668
- }
2669
-
2670
- #nav[data-position="bottom"]:before, #preview[data-position="bottom"]:before {
2671
- background: linear-gradient(to top, var(--em-color-border), transparent);
2672
- bottom: 100%;
2673
- }
2674
-
2675
- .category:last-child {
2676
- min-height: calc(100% + 1px);
2677
- }
2678
-
2679
- .category button {
2680
- font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, sans-serif;
2681
- position: relative;
2682
- }
2683
-
2684
- .category button > * {
2685
- position: relative;
2686
- }
2687
-
2688
- .category button .background {
2689
- opacity: 0;
2690
- background-color: var(--em-color-border);
2691
- transition: opacity var(--duration-fast) var(--easing) var(--duration-instant);
2692
- position: absolute;
2693
- top: 0;
2694
- bottom: 0;
2695
- left: 0;
2696
- right: 0;
2697
- }
2698
-
2699
- .category button:hover .background {
2700
- transition-duration: var(--duration-instant);
2701
- transition-delay: 0s;
2702
- }
2703
-
2704
- .category button[aria-selected] .background {
2705
- opacity: 1;
2706
- }
2707
-
2708
- .category button[data-keyboard] .background {
2709
- transition: none;
2710
- }
2711
-
2712
- .row {
2713
- width: 100%;
2714
- position: absolute;
2715
- top: 0;
2716
- left: 0;
2717
- }
2718
-
2719
- .skin-tone-button {
2720
- border: 1px solid rgba(0, 0, 0, 0);
2721
- border-radius: 100%;
2722
- }
2723
-
2724
- .skin-tone-button:hover {
2725
- border-color: var(--em-color-border);
2726
- }
2727
-
2728
- .skin-tone-button:active .skin-tone {
2729
- transform: scale(.85) !important;
2730
- }
2731
-
2732
- .skin-tone-button .skin-tone {
2733
- transition: transform var(--duration) var(--easing);
2734
- }
2735
-
2736
- .skin-tone-button[aria-selected] {
2737
- background-color: var(--em-color-border);
2738
- border-top-color: rgba(0, 0, 0, .05);
2739
- border-bottom-color: rgba(0, 0, 0, 0);
2740
- border-left-width: 0;
2741
- border-right-width: 0;
2742
- }
2743
-
2744
- .skin-tone-button[aria-selected] .skin-tone {
2745
- transform: scale(.9);
2746
- }
2747
-
2748
- .menu {
2749
- z-index: 2;
2750
- white-space: nowrap;
2751
- border: 1px solid var(--em-color-border);
2752
- background-color: rgba(var(--em-rgb-background), .9);
2753
- -webkit-backdrop-filter: blur(4px);
2754
- backdrop-filter: blur(4px);
2755
- transition-property: opacity, transform;
2756
- transition-duration: var(--duration);
2757
- transition-timing-function: var(--easing);
2758
- border-radius: 10px;
2759
- padding: 4px;
2760
- position: absolute;
2761
- box-shadow: 1px 1px 5px rgba(0, 0, 0, .05);
2762
- }
2763
-
2764
- .menu.hidden {
2765
- opacity: 0;
2766
- }
2767
-
2768
- .menu[data-position="bottom"] {
2769
- transform-origin: 100% 100%;
2770
- }
2771
-
2772
- .menu[data-position="bottom"].hidden {
2773
- transform: scale(.9)rotate(-3deg)translateY(5%);
2774
- }
2775
-
2776
- .menu[data-position="top"] {
2777
- transform-origin: 100% 0;
2778
- }
2779
-
2780
- .menu[data-position="top"].hidden {
2781
- transform: scale(.9)rotate(3deg)translateY(-5%);
2782
- }
2783
-
2784
- .menu input[type="radio"] {
2785
- clip: rect(0 0 0 0);
2786
- width: 1px;
2787
- height: 1px;
2788
- border: 0;
2789
- margin: 0;
2790
- padding: 0;
2791
- position: absolute;
2792
- overflow: hidden;
2793
- }
2794
-
2795
- .menu input[type="radio"]:checked + .option {
2796
- box-shadow: 0 0 0 2px rgb(var(--em-rgb-accent));
2797
- }
2798
-
2799
- .option {
2800
- width: 100%;
2801
- border-radius: 6px;
2802
- padding: 4px 6px;
2803
- }
2804
-
2805
- .option:hover {
2806
- color: #fff;
2807
- background-color: rgb(var(--em-rgb-accent));
2808
- }
2809
-
2810
- .skin-tone {
2811
- width: 16px;
2812
- height: 16px;
2813
- border-radius: 100%;
2814
- display: inline-block;
2815
- position: relative;
2816
- overflow: hidden;
2817
- }
2818
-
2819
- .skin-tone:after {
2820
- content: "";
2821
- mix-blend-mode: overlay;
2822
- background: linear-gradient(rgba(255, 255, 255, .2), rgba(0, 0, 0, 0));
2823
- border: 1px solid rgba(0, 0, 0, .8);
2824
- border-radius: 100%;
2825
- position: absolute;
2826
- top: 0;
2827
- bottom: 0;
2828
- left: 0;
2829
- right: 0;
2830
- box-shadow: inset 0 -2px 3px #000, inset 0 1px 2px #fff;
2831
- }
2832
-
2833
- .skin-tone-1 {
2834
- background-color: #ffc93a;
2835
- }
2836
-
2837
- .skin-tone-2 {
2838
- background-color: #ffdab7;
2839
- }
2840
-
2841
- .skin-tone-3 {
2842
- background-color: #e7b98f;
2843
- }
2844
-
2845
- .skin-tone-4 {
2846
- background-color: #c88c61;
2847
- }
2848
-
2849
- .skin-tone-5 {
2850
- background-color: #a46134;
2851
- }
2852
-
2853
- .skin-tone-6 {
2854
- background-color: #5d4437;
2855
- }
2856
-
2857
- [data-index] {
2858
- justify-content: space-between;
2859
- }
2860
-
2861
- [data-emoji-set="twitter"] .skin-tone:after {
2862
- box-shadow: none;
2863
- border-color: rgba(0, 0, 0, .5);
2864
- }
2865
-
2866
- [data-emoji-set="twitter"] .skin-tone-1 {
2867
- background-color: #fade72;
2868
- }
2869
-
2870
- [data-emoji-set="twitter"] .skin-tone-2 {
2871
- background-color: #f3dfd0;
2872
- }
2873
-
2874
- [data-emoji-set="twitter"] .skin-tone-3 {
2875
- background-color: #eed3a8;
2876
- }
2877
-
2878
- [data-emoji-set="twitter"] .skin-tone-4 {
2879
- background-color: #cfad8d;
2880
- }
2881
-
2882
- [data-emoji-set="twitter"] .skin-tone-5 {
2883
- background-color: #a8805d;
2884
- }
2885
-
2886
- [data-emoji-set="twitter"] .skin-tone-6 {
2887
- background-color: #765542;
2888
- }
2889
-
2890
- [data-emoji-set="google"] .skin-tone:after {
2891
- box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, .4);
2892
- }
2893
-
2894
- [data-emoji-set="google"] .skin-tone-1 {
2895
- background-color: #f5c748;
2896
- }
2897
-
2898
- [data-emoji-set="google"] .skin-tone-2 {
2899
- background-color: #f1d5aa;
2900
- }
2901
-
2902
- [data-emoji-set="google"] .skin-tone-3 {
2903
- background-color: #d4b48d;
2904
- }
2905
-
2906
- [data-emoji-set="google"] .skin-tone-4 {
2907
- background-color: #aa876b;
2908
- }
2909
-
2910
- [data-emoji-set="google"] .skin-tone-5 {
2911
- background-color: #916544;
2912
- }
2913
-
2914
- [data-emoji-set="google"] .skin-tone-6 {
2915
- background-color: #61493f;
2916
- }
2917
-
2918
- [data-emoji-set="facebook"] .skin-tone:after {
2919
- border-color: rgba(0, 0, 0, .4);
2920
- box-shadow: inset 0 -2px 3px #000, inset 0 1px 4px #fff;
2921
- }
2922
-
2923
- [data-emoji-set="facebook"] .skin-tone-1 {
2924
- background-color: #f5c748;
2925
- }
2926
-
2927
- [data-emoji-set="facebook"] .skin-tone-2 {
2928
- background-color: #f1d5aa;
2929
- }
2930
-
2931
- [data-emoji-set="facebook"] .skin-tone-3 {
2932
- background-color: #d4b48d;
2933
- }
2934
-
2935
- [data-emoji-set="facebook"] .skin-tone-4 {
2936
- background-color: #aa876b;
2937
- }
2938
-
2939
- [data-emoji-set="facebook"] .skin-tone-5 {
2940
- background-color: #916544;
2941
- }
2942
-
2943
- [data-emoji-set="facebook"] .skin-tone-6 {
2944
- background-color: #61493f;
2945
- }
2946
-
2947
- `;
2948
- export {
2949
- g as Data,
2950
- Je as Emoji,
2951
- Fe as FrequentlyUsed,
2952
- w as I18n,
2953
- Ze as Picker,
2954
- bt as SafeFlags,
2955
- L as SearchIndex,
2956
- E as Store,
2957
- G as init
2958
- };