@telia-ace/widget-ui 1.0.35 → 1.1.1-rc.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 (96) hide show
  1. package/components/button.d.ts +4 -0
  2. package/components/grid.d.ts +7 -0
  3. package/{dist/components → components}/html.d.ts +1 -1
  4. package/components/input.d.ts +10 -0
  5. package/{dist/components → components}/item-list.d.ts +1 -1
  6. package/{dist/components → components}/link.d.ts +1 -1
  7. package/{dist/components → components}/list.d.ts +1 -1
  8. package/{dist/components → components}/modal/modal.d.ts +1 -1
  9. package/{dist/components → components}/paragraph.d.ts +1 -1
  10. package/{dist/components → components}/route-link.d.ts +1 -1
  11. package/{dist/components → components}/tab-stop.d.ts +1 -1
  12. package/components/text-link.d.ts +8 -0
  13. package/components/text.d.ts +4 -0
  14. package/components/widget-link.d.ts +10 -0
  15. package/index.js +777 -0
  16. package/index.mjs +8717 -0
  17. package/package.json +18 -46
  18. package/{dist/styles.d.ts → styles.d.ts} +1 -1
  19. package/{dist/utils → utils}/animations.d.ts +2 -2
  20. package/{dist/utils → utils}/create-empty-component.d.ts +1 -2
  21. package/{dist/utils → utils}/embedded-link-mapper.d.ts +1 -2
  22. package/{dist/utils → utils}/generic-hash-link.d.ts +1 -1
  23. package/{dist/utils → utils}/render-instructions.d.ts +3 -3
  24. package/LICENSE.txt +0 -6
  25. package/README.md +0 -3
  26. package/dist/components/button.d.ts +0 -4
  27. package/dist/components/grid.d.ts +0 -7
  28. package/dist/components/input.d.ts +0 -10
  29. package/dist/components/text-link.d.ts +0 -8
  30. package/dist/components/text.d.ts +0 -4
  31. package/dist/components/widget-link.d.ts +0 -10
  32. package/dist/index.js +0 -3223
  33. package/dist/index.js.map +0 -1
  34. /package/{dist/components → components}/anchor-link.d.ts +0 -0
  35. /package/{dist/components → components}/checkbox.d.ts +0 -0
  36. /package/{dist/components → components}/drawer/drawer.d.ts +0 -0
  37. /package/{dist/components → components}/drawer/index.d.ts +0 -0
  38. /package/{dist/components → components}/dropdown/dropdown.d.ts +0 -0
  39. /package/{dist/components → components}/dropdown/index.d.ts +0 -0
  40. /package/{dist/components → components}/dropdown/use-position.d.ts +0 -0
  41. /package/{dist/components → components}/empty.d.ts +0 -0
  42. /package/{dist/components → components}/icon.d.ts +0 -0
  43. /package/{dist/components → components}/index.d.ts +0 -0
  44. /package/{dist/components → components}/item-tree.d.ts +0 -0
  45. /package/{dist/components → components}/lightbox.d.ts +0 -0
  46. /package/{dist/components → components}/loader.d.ts +0 -0
  47. /package/{dist/components → components}/modal/confirm.d.ts +0 -0
  48. /package/{dist/components → components}/modal/index.d.ts +0 -0
  49. /package/{dist/components → components}/not-found.d.ts +0 -0
  50. /package/{dist/components → components}/overlay.d.ts +0 -0
  51. /package/{dist/components → components}/portal.d.ts +0 -0
  52. /package/{dist/components → components}/symbol-badge.d.ts +0 -0
  53. /package/{dist/components → components}/timestamp.d.ts +0 -0
  54. /package/{dist/components → components}/tooltip.d.ts +0 -0
  55. /package/{dist/components → components}/transition-component.d.ts +0 -0
  56. /package/{dist/components → components}/typography.d.ts +0 -0
  57. /package/{dist/components → components}/widget-overlay-outlet.d.ts +0 -0
  58. /package/{dist/components → components}/zoomable-img.d.ts +0 -0
  59. /package/{dist/contexts → contexts}/index.d.ts +0 -0
  60. /package/{dist/create-react-component.d.ts → create-react-component.d.ts} +0 -0
  61. /package/{dist/hooks → hooks}/index.d.ts +0 -0
  62. /package/{dist/hooks → hooks}/use-action.d.ts +0 -0
  63. /package/{dist/hooks → hooks}/use-children.d.ts +0 -0
  64. /package/{dist/hooks → hooks}/use-columns.d.ts +0 -0
  65. /package/{dist/hooks → hooks}/use-component-descriptor.d.ts +0 -0
  66. /package/{dist/hooks → hooks}/use-component-node.d.ts +0 -0
  67. /package/{dist/hooks → hooks}/use-component-platform.d.ts +0 -0
  68. /package/{dist/hooks → hooks}/use-component.d.ts +0 -0
  69. /package/{dist/hooks → hooks}/use-container.d.ts +0 -0
  70. /package/{dist/hooks → hooks}/use-context.d.ts +0 -0
  71. /package/{dist/hooks → hooks}/use-conversation.d.ts +0 -0
  72. /package/{dist/hooks → hooks}/use-dispatch.d.ts +0 -0
  73. /package/{dist/hooks → hooks}/use-event-listener.d.ts +0 -0
  74. /package/{dist/hooks → hooks}/use-events.d.ts +0 -0
  75. /package/{dist/hooks → hooks}/use-is-mounted.d.ts +0 -0
  76. /package/{dist/hooks → hooks}/use-is-tabbing.d.ts +0 -0
  77. /package/{dist/hooks → hooks}/use-key-press.d.ts +0 -0
  78. /package/{dist/hooks → hooks}/use-layout.d.ts +0 -0
  79. /package/{dist/hooks → hooks}/use-previous.d.ts +0 -0
  80. /package/{dist/hooks → hooks}/use-properties.d.ts +0 -0
  81. /package/{dist/hooks → hooks}/use-render-state.d.ts +0 -0
  82. /package/{dist/hooks → hooks}/use-route-data.d.ts +0 -0
  83. /package/{dist/hooks → hooks}/use-router.d.ts +0 -0
  84. /package/{dist/hooks → hooks}/use-scroll.d.ts +0 -0
  85. /package/{dist/hooks → hooks}/use-settings.d.ts +0 -0
  86. /package/{dist/hooks → hooks}/use-toggle.d.ts +0 -0
  87. /package/{dist/hooks → hooks}/use-transition-end.d.ts +0 -0
  88. /package/{dist/hooks → hooks}/use-unique-menu.d.ts +0 -0
  89. /package/{dist/hooks → hooks}/use-widget-event.d.ts +0 -0
  90. /package/{dist/index.d.ts → index.d.ts} +0 -0
  91. /package/{dist/utils → utils}/browser.d.ts +0 -0
  92. /package/{dist/utils → utils}/convert-to-string-attributes.d.ts +0 -0
  93. /package/{dist/utils → utils}/filter-css-props.d.ts +0 -0
  94. /package/{dist/utils → utils}/heading-styles.d.ts +0 -0
  95. /package/{dist/utils → utils}/index.d.ts +0 -0
  96. /package/{dist/utils → utils}/process-html-string.d.ts +0 -0
package/dist/index.js DELETED
@@ -1,3223 +0,0 @@
1
- var at = Object.defineProperty, ct = Object.defineProperties;
2
- var lt = Object.getOwnPropertyDescriptors;
3
- var re = Object.getOwnPropertySymbols;
4
- var Te = Object.prototype.hasOwnProperty, De = Object.prototype.propertyIsEnumerable;
5
- var He = (e, t, n) => t in e ? at(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, h = (e, t) => {
6
- for (var n in t || (t = {}))
7
- Te.call(t, n) && He(e, n, t[n]);
8
- if (re)
9
- for (var n of re(t))
10
- De.call(t, n) && He(e, n, t[n]);
11
- return e;
12
- }, k = (e, t) => ct(e, lt(t));
13
- var R = (e, t) => {
14
- var n = {};
15
- for (var o in e)
16
- Te.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
17
- if (e != null && re)
18
- for (var o of re(e))
19
- t.indexOf(o) < 0 && De.call(e, o) && (n[o] = e[o]);
20
- return n;
21
- };
22
- import { Container as ut, WidgetState as mt } from "@webprovisions/platform";
23
- import r, { forwardRef as N, createContext as X, useContext as j, useState as $, useEffect as v, useRef as S, useCallback as T, useImperativeHandle as ge, useMemo as se, Component as dt, lazy as ft } from "react";
24
- import { ComponentPlatform as ht, asDescriptor as pt, createEventSubscriber as gt, ComponentQuery as Ct, WidgetRenderState as oe, extendComponent as yt } from "@telia-ace/widget-core";
25
- import { css as L, keyframes as Ie } from "@emotion/react";
26
- import y from "@emotion/styled";
27
- import { kebabCase as bt, appendClassNames as M, uuid as Q, removeNullAndUndefinedValues as Be, Logger as me } from "@telia-ace/widget-utilities";
28
- import { CSSTransition as Oe, Transition as vt } from "react-transition-group";
29
- import { createPortal as Et } from "react-dom";
30
- import { HistoryMode as ze, getSpecificWidgetPath as xt } from "@telia-ace/widget-routing";
31
- import { Link as de } from "react-router-dom";
32
- import Ne from "htmr";
33
- const wt = (e) => e === "entering" || e === "entered", $t = (e) => e === "exiting" || e === "exited", K = {
34
- fade: {
35
- in: "opacity: 1;",
36
- out: "opacity: 0;"
37
- },
38
- "slide-left": {
39
- in: "transform: translateX(0);",
40
- out: "transform: translateX(-100%);"
41
- },
42
- "slide-right": {
43
- in: "transform: translateX(0);",
44
- out: "transform: translateX(100%);"
45
- },
46
- "slide-up": {
47
- in: "transform: translateY(0);",
48
- out: "transform: translateY(100%);"
49
- },
50
- "slide-down": {
51
- in: "transform: translateY(0);",
52
- out: "transform: translateY(-100%);"
53
- },
54
- scale: {
55
- in: "transform: scale(1);",
56
- out: "transform: scale(0);"
57
- }
58
- }, kt = ["slide-up", "slide-down", "slide-left", "slide-right", "scale"], fe = {
59
- compose: (e = "exited", t) => {
60
- const { enter: n, exit: o } = t, s = n.transitionKeys.split(" "), i = kt.indexOf(s[0]) > -1 ? "transform" : "opacity";
61
- if (wt(e))
62
- return s && s.length > 0 ? L`
63
- ${s && s.length > 0 && s.map((l) => K[l] ? K[l].in : "")}
64
- transition: ${i} ${n.duration}ms ${n.easing};
65
- ` : "";
66
- const a = s && s.length > 0 && L`
67
- ${s.map((l) => K[l] ? K[l].out : "")}
68
- `;
69
- if ($t(e)) {
70
- const l = o.transitionKeys.split(" ");
71
- return l && l.length > 0 && e === "exiting" ? L`
72
- ${a};
73
- ${l.map((u) => K[u] ? K[u].out : "")}
74
- transition: ${i} ${o.duration}ms ${o.easing};
75
- ` : a;
76
- }
77
- },
78
- composeViewTransition: (e, t, n) => {
79
- if (t === "slide")
80
- return fe.compose(e, {
81
- enter: {
82
- transitionKeys: n === "forth" ? "slide-right" : "slide-left",
83
- duration: 500
84
- },
85
- exit: {
86
- transitionKeys: n === "forth" ? "slide-left" : "slide-right",
87
- duration: 500
88
- }
89
- });
90
- if (t === "fade")
91
- return fe.compose(e, {
92
- enter: {
93
- transitionKeys: "fade",
94
- duration: 500
95
- },
96
- exit: {
97
- transitionKeys: "fade",
98
- duration: 500
99
- }
100
- });
101
- },
102
- get: (e) => K[e]
103
- };
104
- var he = /* @__PURE__ */ ((e) => (e.Opera = "opera", e.Chrome = "chrome", e.Firefox = "firefox", e.Safari = "safari", e.Edge = "edge", e.EdgeChromium = "edge-chromium", e.Blink = "blink", e.IE = "internet-explorer", e))(he || {});
105
- const Ve = () => {
106
- const {
107
- opr: e,
108
- opera: t,
109
- InstallTrigger: n,
110
- HTMLElement: o,
111
- safari: s,
112
- documentMode: i,
113
- StyleMedia: a,
114
- chrome: l,
115
- CSS: u
116
- } = window, c = !!e && !!e.addons || !!t || navigator.userAgent.indexOf(" OPR/") >= 0;
117
- if (c)
118
- return "opera";
119
- if (n)
120
- return "firefox";
121
- const m = ((f) => f.toString() === "[object SafariRemoteNotification]")(!s || typeof s != "undefined" && s.pushNotification);
122
- if (/constructor/i.test(o) || m)
123
- return "safari";
124
- const p = !!i;
125
- if (p)
126
- return "internet-explorer";
127
- if (!p && a)
128
- return "edge";
129
- const d = !!l && (!!l.webstore || !!l.runtime);
130
- if (d)
131
- return "chrome";
132
- if (d && navigator.userAgent.indexOf("Edg") !== -1)
133
- return "edge-chromium";
134
- if ((d || c) && u)
135
- return "blink";
136
- }, Lt = ["string", "number"], V = (e) => Object.keys(e).reduce((t, n) => {
137
- const o = typeof e[n] == "undefined" ? "" : e[n], s = typeof o;
138
- if (Lt.indexOf(s) > -1) {
139
- const i = n.substring(0, 5);
140
- i === "data-" || i === "aria-" ? t[bt(n)] = o.toString() : n.substring(0, 4) !== "css-" && (t[n] = o.toString());
141
- } else
142
- t[n] = o;
143
- return t;
144
- }, {}), Mt = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ r.createElement(Kn, h({}, t)) : null, go = Mt, St = (e) => new RegExp("^#", "i").test(e), Rt = (e) => (o) => {
145
- var s = o, { children: t } = s, n = R(s, ["children"]);
146
- const {
147
- implementation: i,
148
- name: a
149
- } = e.get("$widget"), { href: l = "" } = n;
150
- if (St(l))
151
- return /* @__PURE__ */ r.createElement(Zt, { smooth: !0, to: l }, t);
152
- const u = i.bindings.map((p) => p.replace(/\./g, "\\.")).join("|"), m = new RegExp(`^((http[s]?:)?//)?(${u})/([^\\s]+)`).exec(l);
153
- if (m && m.length >= 4) {
154
- const p = m[4];
155
- if (i.widgets.get(p) && !p.startsWith("blob?") && !p.startsWith(a))
156
- return /* @__PURE__ */ r.createElement(eo, { widgetName: p }, t);
157
- }
158
- return /* @__PURE__ */ r.createElement("a", h({}, n), t);
159
- }, Ht = Rt, Pe = (e) => {
160
- const t = {};
161
- return Object.keys(e).forEach((n) => {
162
- n.indexOf("css-") > -1 && (t[n] = e[n]);
163
- }), t;
164
- }, Tt = (e) => {
165
- let t = "";
166
- return Object.keys(Pe(e)).forEach((n) => {
167
- n.indexOf("css-") > -1 && (t += `${n.replace("css-", "")}:${e[n]};`);
168
- }), L`
169
- ${t}
170
- `;
171
- }, Dt = Pe, Bt = (e, t) => {
172
- let n = "";
173
- const o = () => {
174
- n = "";
175
- }, s = (p) => {
176
- const d = document.getElementById(n);
177
- return d !== null ? (p(d), o(), !0) : !1;
178
- }, i = (p) => (p.preventDefault(), o(), e.onClick && e.onClick(p), typeof e.to == "string" && (n = e.to.split("#").slice(1).join("#")), n !== "" && s(
179
- e.scroll || ((d) => e.smooth ? d.scrollIntoView({ behavior: "smooth" }) : d.scrollIntoView())
180
- ), !1), m = e, { scroll: a, smooth: l, to: u } = m, c = R(m, ["scroll", "smooth", "to"]);
181
- return t === "a" && (c.href = "javascript:;"), /* @__PURE__ */ r.createElement(t, k(h({}, c), { onClick: i }), e.children);
182
- }, ie = (e) => (t, n) => {
183
- let o = t, s = "";
184
- if (["h1", "h2", "h3", "h4", "h5", "h6"].includes(t))
185
- o = t;
186
- else {
187
- const l = t.match(/h1|h2|h3|h4|h5|h6/);
188
- if (l != null && l[0]) {
189
- o = l[0];
190
- const [u] = t.split(o);
191
- s = u;
192
- }
193
- }
194
- const a = ((l, u, c) => c[l] ? `${u}${c[l]}` : `${u}${l}`)(o, s, e.theme.typographyVariantMapping || {});
195
- return L`
196
- ${a} {
197
- ${n}
198
- }
199
- `;
200
- };
201
- function zt(e, t) {
202
- return t ? Ne(e, t) : Ne(e);
203
- }
204
- const Nt = (e) => (t) => /* @__PURE__ */ r.createElement(Dr, { attrs: t, htmlBody: e }), Vt = (e, t) => ({
205
- transform: {
206
- a: Ht(e),
207
- img: Nt(t)
208
- }
209
- }), Wt = (e) => Bt(e, "a"), Zt = Wt, ae = N((s, o) => {
210
- var i = s, { className: e, children: t } = i, n = R(i, ["className", "children"]);
211
- return /* @__PURE__ */ r.createElement(
212
- It,
213
- k(h({
214
- type: "button",
215
- className: M(e, "humany-button")
216
- }, V(n)), {
217
- ref: o
218
- }),
219
- t
220
- );
221
- }), It = y.button`
222
- -webkit-appearance: button;
223
- text-transform: none;
224
- overflow: visible;
225
- outline: none;
226
- border: none;
227
- background-color: transparent;
228
- cursor: pointer;
229
- font-family: inherit;
230
- font-size: inherit;
231
- line-height: normal;
232
- margin: 0;
233
- padding: 0;
234
- `, Ot = (s) => {
235
- var i = s, {
236
- onChange: e = () => {
237
- },
238
- onEnter: t = () => {
239
- },
240
- className: n
241
- } = i, o = R(i, [
242
- "onChange",
243
- "onEnter",
244
- "className"
245
- ]);
246
- return /* @__PURE__ */ r.createElement(
247
- "input",
248
- h({
249
- className: M(n, "humany-checkbox"),
250
- onKeyDown: (a) => {
251
- a.key === "Enter" && t(a);
252
- },
253
- onChange: (a) => e(a.target.value, a.currentTarget.checked)
254
- }, V(o))
255
- );
256
- }, Co = Ot, Pt = X(new ut()), At = X(1), Ae = X({
257
- id: "",
258
- type: "",
259
- name: "",
260
- branch: ""
261
- }), Ft = X({}), Kt = X(null), jt = X(null), Yt = () => j(Ae), Ce = Yt, Xt = () => j(Pt), Z = Xt, Ut = (e, t) => {
262
- const n = Ce().id, o = Z();
263
- return (s, i) => {
264
- (t || o).getAsync("actionResolver").then((a) => {
265
- a.action(e || n, s, i);
266
- });
267
- };
268
- }, yo = Ut, _t = (e) => {
269
- const t = j(Ae), n = U(), [o, s] = $();
270
- return v(() => {
271
- if ((e || t.id) && n) {
272
- const i = n.nodes.get(e || t.id);
273
- s(i);
274
- }
275
- }, [e, t.id, n]), o;
276
- }, ye = _t, qt = () => {
277
- const e = S(!1);
278
- return v(() => (e.current = !0, () => {
279
- e.current = !1;
280
- }), []), e;
281
- }, O = qt, Qt = (e) => {
282
- const t = Z(), [n, o] = $(null), s = O();
283
- return v(() => {
284
- ht.getInstance(e || t).then((i) => {
285
- s.current && o(i);
286
- });
287
- }, [s]), n;
288
- }, U = Qt, Gt = () => {
289
- const e = ye(), t = U(), [n, o] = $([]), s = O(), i = T(
290
- (a) => {
291
- if (t && s.current && a) {
292
- const l = t.getBranch(a), u = a.getChildren(l).map((c) => pt(c));
293
- o(u);
294
- }
295
- },
296
- [s, t, o, e]
297
- );
298
- return v(() => {
299
- e && i(e);
300
- }, [e, t]), v(() => {
301
- if (t) {
302
- const [a, l] = gt(t.events);
303
- return a("components:set-layout", (u, c) => {
304
- (e === c.node.parent || c.node.parent === t.nodes.root) && i(c.node.parent);
305
- }), a("components:node-appended", (u, c) => {
306
- (e === c.node.parent || c.node.parent === t.nodes.root) && i(c.node.parent);
307
- }), a("components:node-removed", (u, { parentNode: c }) => {
308
- (c === e || c === t.nodes.root) && i(c);
309
- }), () => {
310
- l();
311
- };
312
- }
313
- }, [e, t, i]), n;
314
- }, bo = Gt, Jt = () => j(At), vo = Jt, en = (e, t) => {
315
- const n = Ce(), o = Z(), [s, i] = $(void 0), a = O(), l = e || n.type || "";
316
- return v(() => {
317
- if (l) {
318
- let u;
319
- return (t || o).getAsync("componentResolver").then((c) => {
320
- if (a.current) {
321
- const m = c.getComponent(l);
322
- i(m);
323
- }
324
- u = c.registerResolver(l, (m) => {
325
- a.current && i(m);
326
- });
327
- }), () => {
328
- u && u();
329
- };
330
- }
331
- }, [a, l, t, o]), s;
332
- }, Eo = en, tn = (e) => {
333
- const t = ye(e), n = U(), [o, s] = $({}), i = O();
334
- return v(() => {
335
- t && i.current && s(t.attributes.context);
336
- }, [i, t]), v(() => {
337
- if (n) {
338
- const a = n.events.subscribe(
339
- "components:context-changed",
340
- (l, u) => {
341
- t === u.node && i.current && s(u.node.attributes.context);
342
- }
343
- );
344
- return () => {
345
- a();
346
- };
347
- }
348
- }, [i, n, t]), o;
349
- }, nn = tn, rn = () => j(jt), xo = rn, on = () => {
350
- const e = U(), t = Ce(), [n, o] = $([]), [s, i] = $();
351
- return v(() => {
352
- if (e && t) {
353
- const a = new Ct(e).withId(t.id), l = e.actions(a, t.type || Q());
354
- i(l), n !== null && (n.forEach((u) => {
355
- l.dispatch(u.key, u.data).then((c) => u.resolve(c)).catch((c) => u.reject(c));
356
- }), o(null));
357
- }
358
- }, [e, t.id]), (a, l) => n !== null ? new Promise((u, c) => {
359
- n.push({
360
- key: a,
361
- data: l,
362
- resolve: u,
363
- reject: c
364
- });
365
- }) : s.dispatch(a, l);
366
- }, wo = on, I = (e, t, n = window, o = () => !0) => {
367
- const s = S(() => {
368
- });
369
- v(() => {
370
- s.current = t;
371
- }, [t]), v(() => {
372
- if (!(n && o()))
373
- return;
374
- const a = (l) => s.current(l);
375
- return n.addEventListener(e, a), () => {
376
- n.removeEventListener(e, a);
377
- };
378
- }, [e, n]);
379
- }, sn = (e) => {
380
- const t = Z(), { events: n } = (e || t).get("$widget");
381
- return n;
382
- }, an = sn, cn = () => {
383
- const [e, t] = $(!1);
384
- return v(() => {
385
- const n = () => {
386
- t(!1);
387
- }, o = (s) => {
388
- s.keyCode === 9 && t(!0);
389
- };
390
- return window.addEventListener("keydown", o), window.addEventListener("click", n), () => {
391
- window.removeEventListener("keydown", o), window.removeEventListener("click", n);
392
- };
393
- }, []), e;
394
- }, $o = cn, ln = (e, t) => {
395
- const [n, o] = $(!1), s = T(
396
- (a) => {
397
- const { key: l } = a;
398
- l === e && (o(!0), t && t(a));
399
- },
400
- [o, t]
401
- ), i = T(
402
- ({ key: a }) => {
403
- a === e && o(!1);
404
- },
405
- [o]
406
- );
407
- return I("keydown", s, window), I("keyup", i, window), n;
408
- }, Y = ln, un = (e) => {
409
- const t = ye(e), n = U(), [o, s] = $({}), i = O();
410
- return v(() => {
411
- t && i.current && s(t.attributes.layout);
412
- }, [t, i]), v(() => {
413
- if (n) {
414
- const a = n.events.subscribe(
415
- "components:layout-changed",
416
- (l, u) => {
417
- t === u.node && i.current && s(u.node.attributes.layout);
418
- }
419
- );
420
- return () => {
421
- a();
422
- };
423
- }
424
- }, [n, i, t]), o;
425
- }, ko = un, mn = (e) => {
426
- const t = S();
427
- return v(() => {
428
- t.current = e;
429
- }), t.current;
430
- }, Fe = mn, dn = () => j(Ft), Lo = dn, fn = (e) => {
431
- const [t, n] = $(), o = Z(), s = O();
432
- return v(() => {
433
- let i;
434
- const a = (e || o).get("$widget");
435
- if (!a)
436
- return;
437
- const { name: l, invoke: u } = a;
438
- return u("renderState").then((c) => {
439
- s.current && n(c);
440
- }), (e || o).getAsync("actionResolver").then((c) => {
441
- i = c.subscribe(l, (m, p) => {
442
- switch (p) {
443
- case "close":
444
- case "open":
445
- s.current && n(
446
- p === "open" ? oe.open : oe.closed
447
- );
448
- break;
449
- case "hide":
450
- s.current && n(oe.hidden);
451
- }
452
- });
453
- }), () => {
454
- i && i();
455
- };
456
- }, [s]), t;
457
- }, Mo = fn, hn = () => j(Kt), Ke = hn, pn = (e) => {
458
- const t = Z(), n = Ke(), [o, s] = $({ name: "", params: {} }), i = O();
459
- return v(() => {
460
- const a = (e || t).get("$widget");
461
- if (!a)
462
- return;
463
- const { events: l } = a;
464
- return l.subscribe("router:change", (c, { next: { routeData: m } }) => {
465
- if (i.current) {
466
- const { name: p, params: d } = m;
467
- Be(d), s({ name: p, params: d });
468
- }
469
- });
470
- }, [i, e, t]), v(() => {
471
- if (n && n.history && i.current) {
472
- const a = n.getRouteData(), { name: l, params: u } = a;
473
- Be(u), s({ name: l, params: u });
474
- }
475
- }, [n, i]), o;
476
- }, So = pn, je = (e) => {
477
- const t = S(), n = S(0);
478
- let o;
479
- const s = T(() => {
480
- var c;
481
- (c = t.current) == null || c.classList.add("humany-scrolling"), clearTimeout(o), o = setTimeout(() => {
482
- var m;
483
- (m = t.current) == null || m.classList.remove("humany-scrolling");
484
- }, 500);
485
- }, [t]), i = T(
486
- (c) => {
487
- n.current = c.touches[0].clientY;
488
- },
489
- [t]
490
- ), a = (c) => l(c) ? c === t.current ? c : null : c.parentElement ? a(c.parentElement) : null, l = (c) => c.scrollWidth > c.clientWidth || c.scrollHeight > c.clientHeight, u = T(
491
- (c) => {
492
- if (!c.cancelable)
493
- return;
494
- const m = c.touches[0].clientY, p = a(c.target);
495
- if (!p)
496
- return;
497
- const d = p.scrollTop, f = n.current - m < 0 ? "up" : "down", C = d <= 0 && f === "up", x = d >= p.scrollHeight - p.offsetHeight && f === "down";
498
- (C || x) && c.preventDefault(), n.current = m;
499
- },
500
- [t, n]
501
- );
502
- return I("scroll", s, t.current, () => t.current && e), I("touchstart", i, t.current, () => t.current && e), I("touchmove", u, t.current, () => t.current && e), e ? [gn, t] : ["", t];
503
- }, gn = `
504
- overflow-y: ${Ve() === he.Chrome || Ve() === he.EdgeChromium ? "overlay" : "auto"};
505
- overflow-x: hidden;
506
- -ms-overflow-style: none; /* IE 10+ */
507
- scrollbar-width: thin; /* Firefox */
508
- scrollbar-color: transparent transparent; /* Firefox */
509
-
510
- ::-webkit-scrollbar {
511
- width: 3px !important;
512
- background-color: transparent;
513
- border-left: none;
514
- }
515
- ::-webkit-scrollbar-thumb {
516
- background-color: transparent;
517
- }
518
- ::-webkit-scrollbar-track {
519
- -webkit-box-shadow: none !important;
520
- background-color: transparent;
521
- }
522
- &.humany-scrolling {
523
- scrollbar-color: #7F7F7F transparent;
524
- scrollbar-width: thin; /* Firefox */
525
- -ms-overflow-style: none; /* IE 10+ */
526
-
527
- ::-webkit-scrollbar-thumb {
528
- background-color: #7F7F7F;
529
- }
530
- }
531
- `, Cn = () => {
532
- const [e, t] = $(null), n = Z(), o = O();
533
- return v(() => {
534
- n.get("settings").then((s) => {
535
- o.current && t(s);
536
- });
537
- }, [o]), e;
538
- }, Ro = Cn, yn = (e = !1) => {
539
- const [t, n] = $(e), o = T((s) => {
540
- n(typeof s == "boolean" ? s : (i) => !i);
541
- }, []);
542
- return [t, o];
543
- }, Ye = yn, Ho = (e) => {
544
- const t = Z(), n = U(), o = t.get("widgetDOMElement"), [s, i] = $(null), [a, l] = $(null), u = O();
545
- v(() => {
546
- if (n && u.current) {
547
- const m = n.nodes.all.find((d) => d.name === "root-area"), p = n.nodes.all.find((d) => d.type === "view");
548
- if (!(p != null && p.attributes.properties.animation) && !(m != null && m.attributes.properties.animation))
549
- e();
550
- else {
551
- const d = (x = "") => o == null ? void 0 : o.querySelector(`[data-node-id="${x}"]`), f = d(p == null ? void 0 : p.id);
552
- f && i(f);
553
- const C = d(m == null ? void 0 : m.id);
554
- C && l(C);
555
- }
556
- }
557
- }, [n, t, u]);
558
- const c = T(
559
- (m) => {
560
- u.current && (m.target === s || m.target === a) && e();
561
- },
562
- [e, u, s, a]
563
- );
564
- I("transitionend", c, s), I("transitionend", c, a);
565
- }, bn = (e, t, n = [], o) => {
566
- const s = an(o);
567
- return v(() => {
568
- if (s) {
569
- const i = s.subscribe(e, t);
570
- return () => {
571
- i();
572
- };
573
- }
574
- }, [s].concat(n)), (i) => s == null ? void 0 : s.dispatch(e, i);
575
- }, ce = bn, vn = (e, t) => {
576
- const n = ce("widget:menu-toggled", (o, s) => {
577
- s !== e && t();
578
- });
579
- return () => n(e);
580
- }, be = vn, En = N((s, o) => {
581
- var i = s, { className: e, children: t } = i, n = R(i, ["className", "children"]);
582
- return /* @__PURE__ */ r.createElement(
583
- "span",
584
- h({
585
- ref: o,
586
- className: M(e, "humany-text")
587
- }, V(n)),
588
- t
589
- );
590
- }), ve = En, Xe = (e) => L`
591
- display: flex;
592
- justify-content: center;
593
- flex-direction: column;
594
- background: #ffffff;
595
- border-radius: ${e.theme.borderRadius};
596
- border: ${e.theme.border};
597
- box-shadow: ${e.theme.boxShadow || "none"};
598
- ${e["data-loading"] && "min-height: 150px;"}
599
- `, xn = (e) => {
600
- var t, n, o;
601
- return L`
602
- cursor: pointer;
603
- text-align: center;
604
- border: none;
605
- font-weight: 300;
606
- padding: ${(t = e.theme.sizes) == null ? void 0 : t.normal};
607
- border-radius: ${e.theme.borderRadius};
608
- font-family: ${(n = e.theme.fonts) == null ? void 0 : n.type};
609
- font-size: ${(o = e.theme.fonts) == null ? void 0 : o.normal};
610
- `;
611
- }, To = (e) => {
612
- var a;
613
- const { primaryColor: t, secondaryColor: n, active: o, theme: s, disabled: i } = e;
614
- return L`
615
- ${xn(e)}
616
- border: 1px solid ${o ? n : t};
617
- background-color: ${o ? t : n};
618
-
619
- color: ${o ? n : t};
620
- transition: background-color 200ms ease-out, color 200ms ease-out;
621
-
622
- span,
623
- i,
624
- p,
625
- a {
626
- transition: color 200ms ease-out;
627
- color: ${o ? n : t};
628
- font-size: ${(a = s.fonts) == null ? void 0 : a.normal};
629
- }
630
-
631
- ${!i && L`
632
- &:hover {
633
- background-color: ${t};
634
- color: ${n};
635
-
636
- span,
637
- i,
638
- p,
639
- a {
640
- color: ${n};
641
- }
642
- }
643
-
644
- &:focus-visible {
645
- ${A(e)};
646
- }
647
- `}
648
- `;
649
- }, A = (e) => {
650
- var t, n, o;
651
- return L`
652
- outline: ${(t = e.theme.accessibility) == null ? void 0 : t.border};
653
- color: ${(o = (n = e.theme.accessibility) == null ? void 0 : n.colors) == null ? void 0 : o.inactiveText};
654
- border-color: transparent;
655
- `;
656
- }, wn = (e) => L`
657
- ${A(e)}
658
- text-decoration: underline;
659
- `, Do = (e) => {
660
- var t;
661
- return L`
662
- ${A(e)}
663
- outline-offset: ${(t = e.theme.sizes) == null ? void 0 : t.small};
664
- `;
665
- }, Ee = y(ae)`
666
- position: absolute;
667
- top: ${(e) => {
668
- var t;
669
- return (t = e.theme.sizes) == null ? void 0 : t.normal;
670
- }};
671
- right: ${(e) => {
672
- var t;
673
- return (t = e.theme.sizes) == null ? void 0 : t.normal;
674
- }};
675
- z-index: 1;
676
-
677
- svg {
678
- stroke: ${(e) => {
679
- var t;
680
- return (t = e.theme.colors) == null ? void 0 : t.text;
681
- }};
682
- }
683
-
684
- &:focus-visible {
685
- ${A}
686
- padding: ${(e) => {
687
- var t;
688
- return (t = e.theme.sizes) == null ? void 0 : t.small;
689
- }};
690
- height: 15px;
691
- box-sizing: content-box;
692
- }
693
- `, We = y(ve)`
694
- font-size: ${(e) => {
695
- var t;
696
- return (t = e.theme.fonts) == null ? void 0 : t.normal;
697
- }};
698
- font-weight: normal;
699
- line-height: 1.2em;
700
- color: ${(e) => {
701
- var t;
702
- return (t = e.theme.colors) == null ? void 0 : t.text;
703
- }};
704
- `, $n = (e) => {
705
- var t;
706
- return L`
707
- padding: 0;
708
- margin: 0;
709
- list-style: none;
710
- > li {
711
- margin: 0 0 ${(t = e.theme.sizes) == null ? void 0 : t.normal};
712
- white-space: nowrap;
713
- text-overflow: ellipsis;
714
- min-width: 0;
715
- &:focus {
716
- outline-offset: -2px;
717
- }
718
- > a {
719
- text-decoration: none;
720
- }
721
- }
722
- > li:last-of-type {
723
- margin: 0;
724
- }
725
- `;
726
- }, Bo = (e) => {
727
- var t, n, o, s;
728
- return L`
729
- > div {
730
- ${ie(e)(
731
- "> h1",
732
- L`
733
- margin: 0 0 ${(t = e.theme.sizes) == null ? void 0 : t.normal};
734
- font-size: ${(n = e.theme.fonts) == null ? void 0 : n.medium};
735
- font-weight: normal;
736
- line-height: 1.8em;
737
- color: ${(o = e.theme.colors) == null ? void 0 : o.text};
738
- `
739
- )}
740
- }
741
- > ul {
742
- ${$n(e)}
743
- }
744
- ${ie(e)(
745
- "h1",
746
- L`
747
- display: flex;
748
- align-items: center;
749
- i {
750
- margin: 7px ${(s = e.theme.sizes) == null ? void 0 : s.normal} 0 0;
751
- width: 24px;
752
- display: inline-block;
753
- vertical-align: text-bottom;
754
- align-self: flex-start;
755
- min-width: 24px;
756
- min-height: 24px;
757
- text-align: center;
758
- }
759
- `
760
- )}
761
- `;
762
- }, zo = (e) => {
763
- var t, n, o, s, i, a;
764
- return L`
765
- font-size: ${(t = e.theme.fonts) == null ? void 0 : t.normal};
766
- font-weight: 300;
767
- line-height: 1.5em;
768
- color: ${(n = e.theme.colors) == null ? void 0 : n.text};
769
-
770
- h1,
771
- h2,
772
- h3,
773
- h4,
774
- h5,
775
- h6 {
776
- word-break: break-word;
777
- &:first-child {
778
- margin-top: 0;
779
- }
780
- &:only-child {
781
- margin: 0;
782
- }
783
- &:last-child {
784
- margin-bottom: 0;
785
- }
786
- }
787
-
788
- a {
789
- color: ${(o = e.theme.colors) == null ? void 0 : o.link};
790
- &:focus-visible {
791
- ${wn(e)};
792
- }
793
- }
794
-
795
- img {
796
- max-width: 100% !important;
797
- height: auto !important;
798
- }
799
-
800
- p {
801
- word-break: break-word;
802
- margin: ${(s = e.theme.sizes) == null ? void 0 : s.normal} 0;
803
- }
804
-
805
- p:first-child {
806
- margin: 0 0 ${(i = e.theme.sizes) == null ? void 0 : i.normal};
807
- }
808
-
809
- p:last-child {
810
- margin: ${(a = e.theme.sizes) == null ? void 0 : a.normal} 0 0;
811
- }
812
-
813
- p:only-child {
814
- margin: 0;
815
- }
816
- `;
817
- }, kn = ({
818
- elementId: e = "humany-portal-elements",
819
- parent: t = document.body,
820
- children: n
821
- }) => {
822
- const [o] = $(() => {
823
- const s = document.getElementById(e) || document.createElement("div");
824
- return s.id = e, s;
825
- });
826
- return v(() => (t.appendChild(o), () => {
827
- o.childElementCount <= 1 && o.remove();
828
- }), [o]), Et(n, o);
829
- }, G = kn, Ln = (l) => {
830
- var u = l, {
831
- text: e = "",
832
- backgroundSize: t = "contain",
833
- size: n = 12,
834
- symbol: o = {
835
- content: "",
836
- type: ""
837
- },
838
- elementStyle: s = {},
839
- className: i
840
- } = u, a = R(u, [
841
- "text",
842
- "backgroundSize",
843
- "size",
844
- "symbol",
845
- "elementStyle",
846
- "className"
847
- ]);
848
- const { type: c, content: m } = o, p = {
849
- "aria-label": e,
850
- role: "presentation"
851
- };
852
- switch (c) {
853
- case "Uri": {
854
- const d = {
855
- backgroundSize: t,
856
- backgroundImage: `url('${m}')`,
857
- backgroundRepeat: "no-repeat",
858
- backgroundPosition: "center",
859
- backgroundAttachment: "center"
860
- };
861
- return /* @__PURE__ */ r.createElement(
862
- "i",
863
- h(h({
864
- className: M(i, "humany-icon", "humany-custom-icon"),
865
- title: e,
866
- style: h(h({}, d), s)
867
- }, p), a)
868
- );
869
- }
870
- case "Svg": {
871
- const d = k(h({
872
- className: M(i, "humany-icon"),
873
- width: `${n}`,
874
- fill: "none",
875
- xmlns: "http://www.w3.org/2000/svg"
876
- }, a), {
877
- ref: null
878
- }), f = { minWidth: `${n}` };
879
- switch (m) {
880
- case "search":
881
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 32 30" }, d), /* @__PURE__ */ r.createElement(
882
- "circle",
883
- {
884
- cx: "14.8457",
885
- cy: "14.5175",
886
- r: "8.14359",
887
- transform: "rotate(45 14.8457 14.5175)"
888
- }
889
- ), /* @__PURE__ */ r.createElement("line", { x1: "21.1001", y1: "20.4865", x2: "26.5798", y2: "25.9661" }));
890
- case "clear":
891
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 27 27" }, d), /* @__PURE__ */ r.createElement(
892
- "circle",
893
- {
894
- cx: "13.4351",
895
- cy: "13.435",
896
- r: "9",
897
- transform: "rotate(45 13.4351 13.435)",
898
- stroke: "black"
899
- }
900
- ), /* @__PURE__ */ r.createElement(
901
- "line",
902
- {
903
- x1: "16.6172",
904
- y1: "10.2531",
905
- x2: "10.2533",
906
- y2: "16.6171",
907
- stroke: "black"
908
- }
909
- ), /* @__PURE__ */ r.createElement(
910
- "line",
911
- {
912
- x1: "16.6171",
913
- y1: "16.617",
914
- x2: "10.2532",
915
- y2: "10.2531",
916
- stroke: "black"
917
- }
918
- ));
919
- case "close":
920
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 13 13" }, d), /* @__PURE__ */ r.createElement("path", { d: "M12.3068 0.50647L1.27246 11.7273", stroke: "black" }), /* @__PURE__ */ r.createElement("path", { d: "M12.2812 11.9473L1.24686 0.726451", stroke: "black" }));
921
- case "caret-right":
922
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 14 14", style: f }, d), /* @__PURE__ */ r.createElement("line", { x1: "4.13", y1: "1.05", x2: "10.13", y2: "7.05", stroke: "black" }), /* @__PURE__ */ r.createElement("line", { x1: "10.13", y1: "6.95", x2: "4.13", y2: "12.95", stroke: "black" }));
923
- case "caret-left":
924
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 14 14", style: f }, d), /* @__PURE__ */ r.createElement("line", { x1: "10.13", y1: "12.95", x2: "4.13", y2: "6.95", stroke: "black" }), /* @__PURE__ */ r.createElement("line", { x1: "4.13", y1: "7.05", x2: "10.13", y2: "1.05", stroke: "black" }));
925
- case "caret-up":
926
- return /* @__PURE__ */ r.createElement(Mn, h({ viewBox: "0 0 14 14", style: f }, d), /* @__PURE__ */ r.createElement("line", { x1: "13.09", y1: "3.99", x2: "7.1", y2: "9.99", stroke: "black" }), /* @__PURE__ */ r.createElement("line", { x1: "7.19", y1: "9.99", x2: "1.19", y2: "3.99", stroke: "black" }));
927
- case "caret-down":
928
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 14 14", style: f }, d), /* @__PURE__ */ r.createElement("line", { x1: "13.09", y1: "3.99", x2: "7.1", y2: "9.99", stroke: "black" }), /* @__PURE__ */ r.createElement("line", { x1: "7.19", y1: "9.99", x2: "1.19", y2: "3.99", stroke: "black" }));
929
- case "back":
930
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 18 18" }, d), /* @__PURE__ */ r.createElement(
931
- "line",
932
- {
933
- y1: "-0.5",
934
- x2: "11.724",
935
- y2: "-0.5",
936
- transform: "matrix(-0.682355 -0.731021 0.682355 -0.731021 13 16.9999)",
937
- stroke: "white"
938
- }
939
- ), /* @__PURE__ */ r.createElement(
940
- "line",
941
- {
942
- y1: "-0.5",
943
- x2: "11.724",
944
- y2: "-0.5",
945
- transform: "matrix(0.682355 -0.731021 0.682355 0.731021 5 9.5705)",
946
- stroke: "white"
947
- }
948
- ));
949
- case "alert":
950
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 19 19" }, d), /* @__PURE__ */ r.createElement("circle", { cx: "9.5", cy: "9.5", r: "9.5", fill: "#CA0813" }), /* @__PURE__ */ r.createElement(
951
- "path",
952
- {
953
- d: "M10.36 4.878V8.882C10.36 9.30667 10.339 9.72433 10.297 10.135C10.255 10.541 10.199 10.9727 10.129 11.43H8.96C8.89 10.9727 8.834 10.541 8.792 10.135C8.75 9.72433 8.729 9.30667 8.729 8.882V4.878H10.36ZM8.463 14.048C8.463 13.9033 8.48867 13.7657 8.54 13.635C8.596 13.5043 8.67067 13.3923 8.764 13.299C8.862 13.2057 8.97633 13.131 9.107 13.075C9.23767 13.019 9.37767 12.991 9.527 12.991C9.67167 12.991 9.80933 13.019 9.94 13.075C10.0707 13.131 10.1827 13.2057 10.276 13.299C10.3693 13.3923 10.444 13.5043 10.5 13.635C10.556 13.7657 10.584 13.9033 10.584 14.048C10.584 14.1973 10.556 14.3373 10.5 14.468C10.444 14.594 10.3693 14.7037 10.276 14.797C10.1827 14.8903 10.0707 14.9627 9.94 15.014C9.80933 15.07 9.67167 15.098 9.527 15.098C9.37767 15.098 9.23767 15.07 9.107 15.014C8.97633 14.9627 8.862 14.8903 8.764 14.797C8.67067 14.7037 8.596 14.594 8.54 14.468C8.48867 14.3373 8.463 14.1973 8.463 14.048Z",
954
- fill: "white"
955
- }
956
- ));
957
- case "send":
958
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 20 17" }, d), /* @__PURE__ */ r.createElement(
959
- "path",
960
- {
961
- d: "M18.95 8.56428L0.949951 0.941406V7.02531L13.6351 8.47059L0.950001 9.92276L0.949951 15.9414L18.95 8.56428Z",
962
- fill: "#A6A6A6",
963
- stroke: "#A6A6A6",
964
- strokeWidth: "0.1"
965
- }
966
- ));
967
- case "chat":
968
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "-2 -3 40 40" }, d), /* @__PURE__ */ r.createElement(
969
- "path",
970
- {
971
- strokeWidth: "0",
972
- fillRule: "evenodd",
973
- clipRule: "evenodd",
974
- d: "M16.9799 34C21.2676 34 25.1841 32.4256 28.1725 29.8285L34.9534 32.1994C35.7991 32.4951 36.553 31.5778 36.0892 30.8173L32.2559 24.5317C33.3474 22.3103 33.9598 19.8153 33.9598 17.1786C33.9598 7.88838 26.3576 0.357178 16.9799 0.357178C7.60216 0.357178 0 7.88838 0 17.1786C0 26.4688 7.60216 34 16.9799 34ZM30.7031 24.565C31.9094 22.3701 32.5948 19.8536 32.5948 17.1786C32.5948 8.6352 25.6038 1.70942 16.9799 1.70942C8.35601 1.70942 1.36498 8.6352 1.36498 17.1786C1.36498 25.722 8.35601 32.6478 16.9799 32.6478C21.1946 32.6478 25.0193 30.9935 27.8285 28.3047L34.3975 30.5798L30.7031 24.565Z",
975
- fill: "currentColor"
976
- }
977
- ), /* @__PURE__ */ r.createElement(
978
- "path",
979
- {
980
- strokeWidth: "0",
981
- d: "M12.9395 17.1786C12.9395 18.6079 11.7809 19.7665 10.3516 19.7665C8.92237 19.7665 7.76373 18.6079 7.76373 17.1786C7.76373 15.7493 8.92237 14.5907 10.3516 14.5907C11.7809 14.5907 12.9395 15.7493 12.9395 17.1786Z",
982
- fill: "currentColor"
983
- }
984
- ), /* @__PURE__ */ r.createElement(
985
- "path",
986
- {
987
- strokeWidth: "0",
988
- d: "M19.4093 17.1786C19.4093 18.6079 18.2507 19.7665 16.8214 19.7665C15.3921 19.7665 14.2335 18.6079 14.2335 17.1786C14.2335 15.7493 15.3921 14.5907 16.8214 14.5907C18.2507 14.5907 19.4093 15.7493 19.4093 17.1786Z",
989
- fill: "currentColor"
990
- }
991
- ), /* @__PURE__ */ r.createElement(
992
- "path",
993
- {
994
- strokeWidth: "0",
995
- d: "M25.8791 17.1786C25.8791 18.6079 24.7204 19.7665 23.2912 19.7665C21.8619 19.7665 20.7033 18.6079 20.7033 17.1786C20.7033 15.7493 21.8619 14.5907 23.2912 14.5907C24.7204 14.5907 25.8791 15.7493 25.8791 17.1786Z",
996
- fill: "currentColor"
997
- }
998
- ));
999
- case "chat-new":
1000
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 26 24" }, d), /* @__PURE__ */ r.createElement(
1001
- "path",
1002
- {
1003
- d: "M22.1109 10.3813C22.3941 10.2876 22.6674 10.1722 22.9288 10.0371C23.1902 10.9797 23.33 11.9734 23.33 13C23.33 19.0751 18.4348 24 12.3962 24C9.6352 24 7.11325 22.9705 5.18893 21.2721L0.82251 22.8226C0.277922 23.0159 -0.207515 22.4161 0.0911259 21.9188L2.55952 17.8084C1.85665 16.3558 1.46233 14.7242 1.46233 13C1.46233 6.92487 6.35758 2 12.3962 2C13.4013 2 14.3747 2.13645 15.2992 2.39193C15.1628 2.65458 15.0464 2.92925 14.9519 3.21394C14.1358 2.99881 13.2793 2.88427 12.3962 2.88427C6.84301 2.88427 2.34128 7.41324 2.34128 13C2.34128 14.7493 2.78263 16.3949 3.5594 17.8302L1.18047 21.7634L5.41046 20.2757C7.21939 22.034 9.68221 23.1157 12.3962 23.1157C17.9493 23.1157 22.451 18.5868 22.451 13C22.451 12.0944 22.3328 11.2165 22.1109 10.3813Z",
1004
- fill: "currentColor"
1005
- }
1006
- ), /* @__PURE__ */ r.createElement(
1007
- "path",
1008
- {
1009
- d: "M25.6633 4C25.6633 6.20914 23.8724 8 21.6633 8C19.4541 8 17.6633 6.20914 17.6633 4C17.6633 1.79086 19.4541 0 21.6633 0C23.8724 0 25.6633 1.79086 25.6633 4Z",
1010
- fill: "currentColor"
1011
- }
1012
- ));
1013
- case "agent":
1014
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 36 30" }, d), /* @__PURE__ */ r.createElement(
1015
- "path",
1016
- {
1017
- d: "M0.900024 15.3887C0.900024 12.9034 2.91474 10.8887 5.40002 10.8887H6.28179V20.0995H5.40002C2.91474 20.0995 0.900024 18.0848 0.900024 15.5995V15.3887Z",
1018
- stroke: "white"
1019
- }
1020
- ), /* @__PURE__ */ r.createElement(
1021
- "path",
1022
- {
1023
- d: "M34.65 15.5996C34.65 18.0849 32.6353 20.0996 30.15 20.0996L29.2683 20.0996L29.2683 10.8888L30.15 10.8888C32.6353 10.8888 34.65 12.9035 34.65 15.3888L34.65 15.5996Z",
1024
- stroke: "white"
1025
- }
1026
- ), /* @__PURE__ */ r.createElement(
1027
- "path",
1028
- {
1029
- d: "M29.2565 20.5974C29.2565 26.341 22.8747 26.9792 19.6838 26.9792",
1030
- stroke: "white"
1031
- }
1032
- ), /* @__PURE__ */ r.createElement("circle", { cx: "17.4074", cy: "26.9795", r: "2.05271", stroke: "white" }), /* @__PURE__ */ r.createElement(
1033
- "path",
1034
- {
1035
- d: "M6.28467 12.9396C6.28467 11.195 6.28686 18.0452 6.28467 8.47234C6.28248 -1.10049 29.2591 -1.10047 29.259 8.47234C29.259 18.0452 29.2569 11.6631 29.259 12.9396",
1036
- stroke: "white"
1037
- }
1038
- ));
1039
- case "minimize":
1040
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 -10 22 22" }, d), /* @__PURE__ */ r.createElement("path", { d: "M0 1H22", stroke: "white" }));
1041
- case "sorting":
1042
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 18 14" }, d), /* @__PURE__ */ r.createElement("path", { d: "M18 1H0M8 13H0M13 7H0" }));
1043
- case "copy":
1044
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 19 17" }, d), /* @__PURE__ */ r.createElement(
1045
- "rect",
1046
- {
1047
- x: "0.5",
1048
- y: "0.5",
1049
- width: "11.6667",
1050
- height: "11.6014",
1051
- rx: "1.5",
1052
- fill: "white"
1053
- }
1054
- ), /* @__PURE__ */ r.createElement(
1055
- "rect",
1056
- {
1057
- x: "6.83301",
1058
- y: "4.89868",
1059
- width: "11.6667",
1060
- height: "11.6014",
1061
- rx: "1.5",
1062
- fill: "white"
1063
- }
1064
- ));
1065
- case "print":
1066
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 16 17" }, d), /* @__PURE__ */ r.createElement(
1067
- "path",
1068
- {
1069
- d: "M4.31592 0.999999C4.31592 0.723857 4.53977 0.5 4.81592 0.5H11.1845C11.4606 0.5 11.6845 0.723858 11.6845 1V4.53323H4.31592V0.999999Z",
1070
- fill: "white",
1071
- stroke: "black"
1072
- }
1073
- ), /* @__PURE__ */ r.createElement(
1074
- "path",
1075
- {
1076
- d: "M0.5 4.84595C0.5 4.56981 0.723858 4.34595 1 4.34595H15C15.2761 4.34595 15.5 4.5698 15.5 4.84595V10.8399C15.5 11.116 15.2761 11.3399 15 11.3399H1C0.723858 11.3399 0.5 11.116 0.5 10.8399V4.84595Z",
1077
- fill: "white",
1078
- stroke: "black"
1079
- }
1080
- ), /* @__PURE__ */ r.createElement(
1081
- "path",
1082
- {
1083
- d: "M4.31592 10.0061C4.31592 9.72996 4.53978 9.5061 4.81592 9.5061H11.1845C11.4606 9.5061 11.6845 9.72996 11.6845 10.0061V16.0001C11.6845 16.2762 11.4606 16.5001 11.1845 16.5001H4.81592C4.53978 16.5001 4.31592 16.2762 4.31592 16.0001V10.0061Z",
1084
- fill: "white",
1085
- stroke: "black"
1086
- }
1087
- ), /* @__PURE__ */ r.createElement(
1088
- "line",
1089
- {
1090
- x1: "5.29004",
1091
- y1: "10.8323",
1092
- x2: "10.7101",
1093
- y2: "10.8323",
1094
- stroke: "black"
1095
- }
1096
- ), /* @__PURE__ */ r.createElement(
1097
- "line",
1098
- {
1099
- x1: "5.29004",
1100
- y1: "12.5242",
1101
- x2: "10.7101",
1102
- y2: "12.5242",
1103
- stroke: "black"
1104
- }
1105
- ), /* @__PURE__ */ r.createElement(
1106
- "line",
1107
- {
1108
- x1: "5.29004",
1109
- y1: "14.2161",
1110
- x2: "10.7101",
1111
- y2: "14.2161",
1112
- stroke: "black"
1113
- }
1114
- ));
1115
- case "language":
1116
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 19 19" }, d), /* @__PURE__ */ r.createElement(
1117
- "path",
1118
- {
1119
- d: "M9.5 18C14.1944 18 18 14.1944 18 9.5C18 4.80558 14.1944 1 9.5 1M9.5 18C4.80558 18 1 14.1944 1 9.5C1 4.80558 4.80558 1 9.5 1M9.5 18C11.823 18 13.7062 14.1944 13.7062 9.5C13.7062 4.80558 11.823 1 9.5 1M9.5 18C7.17699 18 5.29381 14.1944 5.29381 9.5C5.29381 4.80558 7.17699 1 9.5 1M1.44333 6.78351H17.4742M1.3088 11.7784H17.6912",
1120
- stroke: "black"
1121
- }
1122
- ));
1123
- case "information":
1124
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 17 17" }, d), /* @__PURE__ */ r.createElement(
1125
- "path",
1126
- {
1127
- d: "M9.72182 5.99993C10.0524 5.99993 10.3203 5.73198 10.3203 5.40145C10.3203 5.07092 10.0524 4.80297 9.72182 4.80297C9.39129 4.80297 9.12335 5.07092 9.12335 5.40145C9.12335 5.73198 9.39129 5.99993 9.72182 5.99993Z",
1128
- fill: "black"
1129
- }
1130
- ), /* @__PURE__ */ r.createElement(
1131
- "path",
1132
- {
1133
- d: "M7.21887 6.67639C6.89117 6.71981 6.66072 7.02066 6.70414 7.34836C6.74756 7.67605 7.04841 7.9065 7.3761 7.86308L8.353 7.73364L7.17405 11.3945C7.11289 11.5844 7.15164 11.7825 7.26117 11.932C7.38068 12.1287 7.60875 12.2469 7.85155 12.2147L9.40669 12.0087C9.73436 11.9653 9.96479 11.6645 9.92137 11.3368C9.87795 11.0091 9.57713 10.7787 9.24947 10.8221L8.58762 10.9098L9.76774 7.24534C9.83038 7.05084 9.78821 6.84771 9.67254 6.69702C9.55085 6.50877 9.32791 6.39694 9.09093 6.42834L7.21887 6.67639Z",
1134
- fill: "black"
1135
- }
1136
- ), /* @__PURE__ */ r.createElement(
1137
- "path",
1138
- {
1139
- fillRule: "evenodd",
1140
- clipRule: "evenodd",
1141
- d: "M17 8.5C17 13.1944 13.1944 17 8.5 17C3.80558 17 0 13.1944 0 8.5C0 3.80558 3.80558 0 8.5 0C13.1944 0 17 3.80558 17 8.5ZM16 8.5C16 12.8454 12.8454 16 8.5 16C4.15461 16 1 12.8454 1 8.5C1 4.15461 4.15461 1 8.5 1C12.8454 1 16 4.15461 16 8.5Z",
1142
- fill: "black"
1143
- }
1144
- ));
1145
- case "options":
1146
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 16 2" }, d), /* @__PURE__ */ r.createElement("circle", { cx: "15", cy: "1", r: "1", transform: "rotate(90 15 1)", fill: "black" }), /* @__PURE__ */ r.createElement("circle", { cx: "1", cy: "1", r: "1", transform: "rotate(90 1 1)", fill: "black" }), /* @__PURE__ */ r.createElement("circle", { cx: "8", cy: "1", r: "1", transform: "rotate(90 8 1)", fill: "black" }));
1147
- case "browse":
1148
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ r.createElement("circle", { cx: "12", cy: "12", r: "12", fill: "currentColor" }), /* @__PURE__ */ r.createElement(
1149
- "path",
1150
- {
1151
- fillRule: "evenodd",
1152
- clipRule: "evenodd",
1153
- d: "M6.16663 7.33334C6.16663 6.68901 6.68896 6.16667 7.33329 6.16667H10.25C10.8943 6.16667 11.4166 6.68901 11.4166 7.33334V10.25C11.4166 10.8943 10.8943 11.4167 10.25 11.4167H7.33329C6.68896 11.4167 6.16663 10.8943 6.16663 10.25V7.33334ZM7.33329 7.04167H10.25C10.411 7.04167 10.5416 7.17226 10.5416 7.33334V10.25C10.5416 10.4111 10.411 10.5417 10.25 10.5417H7.33329C7.17221 10.5417 7.04163 10.4111 7.04163 10.25V7.33334C7.04163 7.17226 7.17221 7.04167 7.33329 7.04167Z",
1154
- fill: "white"
1155
- }
1156
- ), /* @__PURE__ */ r.createElement(
1157
- "path",
1158
- {
1159
- fillRule: "evenodd",
1160
- clipRule: "evenodd",
1161
- d: "M6.16663 13.75C6.16663 13.1057 6.68896 12.5833 7.33329 12.5833H10.25C10.8943 12.5833 11.4166 13.1057 11.4166 13.75V16.6667C11.4166 17.311 10.8943 17.8333 10.25 17.8333H7.33329C6.68896 17.8333 6.16663 17.311 6.16663 16.6667V13.75ZM7.33329 13.4583H10.25C10.411 13.4583 10.5416 13.5889 10.5416 13.75V16.6667C10.5416 16.8278 10.411 16.9583 10.25 16.9583H7.33329C7.17221 16.9583 7.04163 16.8278 7.04163 16.6667V13.75C7.04163 13.5889 7.17221 13.4583 7.33329 13.4583Z",
1162
- fill: "white"
1163
- }
1164
- ), /* @__PURE__ */ r.createElement(
1165
- "path",
1166
- {
1167
- fillRule: "evenodd",
1168
- clipRule: "evenodd",
1169
- d: "M13.75 6.16667C13.1056 6.16667 12.5833 6.68901 12.5833 7.33334V10.25C12.5833 10.8943 13.1056 11.4167 13.75 11.4167H16.6666C17.311 11.4167 17.8333 10.8943 17.8333 10.25V7.33334C17.8333 6.68901 17.311 6.16667 16.6666 6.16667H13.75ZM16.6666 7.04167H13.75C13.5889 7.04167 13.4583 7.17226 13.4583 7.33334V10.25C13.4583 10.4111 13.5889 10.5417 13.75 10.5417H16.6666C16.8277 10.5417 16.9583 10.4111 16.9583 10.25V7.33334C16.9583 7.17226 16.8277 7.04167 16.6666 7.04167Z",
1170
- fill: "white"
1171
- }
1172
- ), /* @__PURE__ */ r.createElement(
1173
- "path",
1174
- {
1175
- fillRule: "evenodd",
1176
- clipRule: "evenodd",
1177
- d: "M17.8333 15.2083C17.8333 16.6581 16.658 17.8333 15.2083 17.8333C13.7585 17.8333 12.5833 16.6581 12.5833 15.2083C12.5833 13.7586 13.7585 12.5833 15.2083 12.5833C16.658 12.5833 17.8333 13.7586 17.8333 15.2083ZM16.9583 15.2083C16.9583 16.1748 16.1748 16.9583 15.2083 16.9583C14.2418 16.9583 13.4583 16.1748 13.4583 15.2083C13.4583 14.2418 14.2418 13.4583 15.2083 13.4583C16.1748 13.4583 16.9583 14.2418 16.9583 15.2083Z",
1178
- fill: "white"
1179
- }
1180
- ));
1181
- case "video":
1182
- return f.minWidth && typeof f.minWidth == "number" && (f.minWidth = `${f.minWidth}px`), /* @__PURE__ */ r.createElement("svg", k(h({ viewBox: "0 0 25 25" }, d), { style: f }), /* @__PURE__ */ r.createElement(
1183
- "path",
1184
- {
1185
- d: "M16.8245 10.0758C18.7392 8.55799 21.3085 7.08973 21.7947 7.61552C22.5982 8.47863 22.5288 16.6929 21.7947 17.4766C21.3482 17.9627 18.7589 16.4945 16.8245 14.9866",
1186
- stroke: "currentColor",
1187
- strokeWidth: "1.5",
1188
- strokeLinecap: "round",
1189
- strokeLinejoin: "round"
1190
- }
1191
- ), /* @__PURE__ */ r.createElement(
1192
- "path",
1193
- {
1194
- fillRule: "evenodd",
1195
- clipRule: "evenodd",
1196
- d: "M2.61914 12.5385C2.61914 7.12973 4.41578 5.32715 9.80764 5.32715C15.1985 5.32715 16.9952 7.12973 16.9952 12.5385C16.9952 17.9462 15.1985 19.7497 9.80764 19.7497C4.41578 19.7497 2.61914 17.9462 2.61914 12.5385Z",
1197
- stroke: "currentColor",
1198
- strokeWidth: "1.5",
1199
- strokeLinecap: "round",
1200
- strokeLinejoin: "round"
1201
- }
1202
- ));
1203
- case "star-empty":
1204
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 13 12" }, d), /* @__PURE__ */ r.createElement(
1205
- "path",
1206
- {
1207
- d: "M2 5.2767L5.11944 4.81796L6.70023 2L7.96487 4.81796L11 5.51699L8.75527 7.64684L9.18735 11L6.42623 9.40534L3.62295 10.7925L4.21311 7.64684L2 5.2767Z",
1208
- stroke: "black"
1209
- }
1210
- ));
1211
- case "star-filled":
1212
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 13 12" }, d), /* @__PURE__ */ r.createElement(
1213
- "path",
1214
- {
1215
- d: "M2 5.2767L5.11944 4.81796L6.70023 2L7.96487 4.81796L11 5.51699L8.75527 7.64684L9.18735 11L6.42623 9.40534L3.62295 10.7925L4.21311 7.64684L2 5.2767Z",
1216
- fill: "black",
1217
- stroke: "black"
1218
- }
1219
- ));
1220
- case "cog-wheel":
1221
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ r.createElement(
1222
- "path",
1223
- {
1224
- fillRule: "evenodd",
1225
- clipRule: "evenodd",
1226
- d: "M15.273 2.68498V1C15.273 0.447715 14.8253 0 14.273 0H9.72754C9.17525 0 8.72754 0.447715 8.72754 1V2.6852C8.72754 3.20708 8.09656 3.46843 7.72754 3.09941L6.53588 1.90775C6.14536 1.51723 5.51219 1.51723 5.12167 1.90775L1.90755 5.12187C1.51702 5.5124 1.51702 6.14556 1.90755 6.53609L3.09865 7.72719C3.46767 8.09621 3.20632 8.72719 2.68444 8.72719H1C0.447715 8.72719 0 9.1749 0 9.72719V14.2726C0 14.8249 0.447715 15.2726 1 15.2726H2.68534C3.20722 15.2726 3.46857 15.9036 3.09955 16.2726L1.90793 17.4643C1.51741 17.8548 1.51741 18.488 1.90793 18.8785L5.12205 22.0926C5.51258 22.4831 6.14574 22.4831 6.53627 22.0926L7.72754 20.9013C8.09656 20.5323 8.72754 20.7937 8.72754 21.3155V23C8.72754 23.5523 9.17525 24 9.72754 24H14.273C14.8253 24 15.273 23.5523 15.273 23V21.3158C15.273 20.7939 15.904 20.5325 16.273 20.9015L17.4639 22.0924C17.8544 22.483 18.4876 22.483 18.8781 22.0924L22.0922 18.8783C22.4828 18.4878 22.4828 17.8546 22.0922 17.4641L20.9008 16.2726C20.5317 15.9036 20.7931 15.2726 21.315 15.2726H23C23.5523 15.2726 24 14.8249 24 14.2726V9.72719C24 9.1749 23.5523 8.72719 23 8.72719H21.3159C20.794 8.72719 20.5326 8.09621 20.9017 7.72719L22.0926 6.53625C22.4831 6.14572 22.4831 5.51256 22.0926 5.12203L18.8785 1.90791C18.488 1.51739 17.8548 1.51739 17.4643 1.90791L16.273 3.0992C15.904 3.46822 15.273 3.20686 15.273 2.68498ZM16.5792 4.20716C16.263 4.52345 15.7775 4.58532 15.3687 4.40375C15.2439 4.34832 15.1174 4.29587 14.9895 4.2465C14.5723 4.08555 14.273 3.69861 14.273 3.25149V2C14.273 1.44771 13.8253 1 13.273 1H10.7275C10.1753 1 9.72754 1.44772 9.72754 2V3.25116C9.72754 3.69832 9.42816 4.08528 9.01096 4.2462C8.88288 4.29561 8.75633 4.34809 8.6314 4.40357C8.22262 4.58511 7.73715 4.52323 7.42087 4.20695L6.53588 3.32196C6.14536 2.93144 5.51219 2.93144 5.12167 3.32196L3.32176 5.12187C2.93124 5.5124 2.93124 6.14556 3.32176 6.53609L4.20676 7.42109C4.52303 7.73736 4.58491 8.22283 4.40338 8.63161C4.34797 8.75638 4.29555 8.88276 4.2462 9.01067C4.08526 9.42784 3.69831 9.72719 3.25118 9.72719H2C1.44772 9.72719 1 10.1749 1 10.7272V13.2726C1 13.8249 1.44772 14.2726 2 14.2726H3.2511C3.69825 14.2726 4.0852 14.572 4.24614 14.9892C4.29556 15.1173 4.34807 15.2439 4.40357 15.3688C4.58513 15.7776 4.52327 16.2631 4.20698 16.5794L3.32215 17.4643C2.93162 17.8548 2.93162 18.488 3.32215 18.8785L5.12205 20.6784C5.51258 21.0689 6.14574 21.0689 6.53627 20.6784L7.42136 19.7933C7.73762 19.477 8.22305 19.4151 8.63183 19.5966C8.75662 19.6521 8.88302 19.7045 9.01096 19.7538C9.42816 19.9147 9.72754 20.3017 9.72754 20.7489V22C9.72754 22.5523 10.1753 23 10.7275 23H13.273C13.8253 23 14.273 22.5523 14.273 22V20.7485C14.273 20.3014 14.5723 19.9145 14.9895 19.7535C15.1173 19.7042 15.2436 19.6518 15.3682 19.5965C15.777 19.4149 16.2625 19.4768 16.5788 19.7931L17.4639 20.6782C17.8544 21.0687 18.4876 21.0687 18.8781 20.6782L20.678 18.8783C21.0685 18.4878 21.0685 17.8546 20.678 17.4641L19.7929 16.579C19.4766 16.2627 19.4147 15.7772 19.5963 15.3684C19.6517 15.2436 19.7042 15.1172 19.7535 14.9892C19.9145 14.572 20.3014 14.2726 20.7486 14.2726H22C22.5523 14.2726 23 13.8249 23 13.2726V10.7272C23 10.1749 22.5523 9.72719 22 9.72719H20.7485C20.3013 9.72719 19.9144 9.42784 19.7535 9.01067C19.7042 8.8829 19.6518 8.75665 19.5965 8.63201C19.415 8.22324 19.4768 7.7378 19.7931 7.42154L20.6784 6.53625C21.0689 6.14572 21.0689 5.51256 20.6784 5.12203L18.8785 3.32213C18.488 2.9316 17.8548 2.9316 17.4643 3.32213L16.5792 4.20716ZM16.5999 12.0001C16.5999 14.5406 14.5404 16.6001 11.9999 16.6001C9.45939 16.6001 7.3999 14.5406 7.3999 12.0001C7.3999 9.45958 9.45939 7.40009 11.9999 7.40009C14.5404 7.40009 16.5999 9.45958 16.5999 12.0001ZM17.5999 12.0001C17.5999 15.0929 15.0927 17.6001 11.9999 17.6001C8.90711 17.6001 6.3999 15.0929 6.3999 12.0001C6.3999 8.90729 8.90711 6.40009 11.9999 6.40009C15.0927 6.40009 17.5999 8.90729 17.5999 12.0001Z",
1227
- fill: "black"
1228
- }
1229
- ));
1230
- case "zoom-in":
1231
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ r.createElement(
1232
- "path",
1233
- {
1234
- fillRule: "evenodd",
1235
- clipRule: "evenodd",
1236
- d: "M21.9774 20.8287L17.9149 16.7662C17.8437 16.6957 17.76 16.639 17.668 16.5992C20.7612 12.9331 20.415 7.48045 16.883 4.23507C13.3509 0.989694 7.88848 1.10517 4.49673 4.49691C1.10499 7.88866 0.98951 13.3511 4.23489 16.8831C7.48027 20.4152 12.9329 20.7614 16.599 17.6682C16.6388 17.7601 16.6955 17.8439 16.766 17.9151L20.8285 21.9776C21.1457 22.2948 21.6601 22.2948 21.9774 21.9776C22.2947 21.6603 22.2947 21.1459 21.9774 20.8287ZM10.8404 18.1531C6.80186 18.1531 3.52794 14.8792 3.52794 10.8406C3.52794 6.80204 6.80186 3.52813 10.8404 3.52813C14.879 3.52813 18.1529 6.80204 18.1529 10.8406C18.1483 14.8773 14.8771 18.1484 10.8404 18.1531Z",
1237
- fill: "white"
1238
- }
1239
- ), /* @__PURE__ */ r.createElement(
1240
- "path",
1241
- {
1242
- fillRule: "evenodd",
1243
- clipRule: "evenodd",
1244
- d: "M10.8749 6.75003C11.2892 6.75003 11.6249 7.08581 11.6249 7.50003V14.25C11.6249 14.6642 11.2892 15 10.8749 15C10.4607 15 10.1249 14.6642 10.1249 14.25V7.50003C10.1249 7.08581 10.4607 6.75003 10.8749 6.75003Z",
1245
- fill: "white"
1246
- }
1247
- ), /* @__PURE__ */ r.createElement(
1248
- "path",
1249
- {
1250
- fillRule: "evenodd",
1251
- clipRule: "evenodd",
1252
- d: "M6.74994 10.875C6.74994 10.4608 7.08573 10.125 7.49994 10.125H14.2499C14.6642 10.125 14.9999 10.4608 14.9999 10.875C14.9999 11.2892 14.6642 11.625 14.2499 11.625H7.49994C7.08573 11.625 6.74994 11.2892 6.74994 10.875Z",
1253
- fill: "white"
1254
- }
1255
- ));
1256
- case "zoom-out":
1257
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ r.createElement(
1258
- "path",
1259
- {
1260
- fillRule: "evenodd",
1261
- clipRule: "evenodd",
1262
- d: "M22.1025 20.9536L18.04 16.8911C17.9688 16.8206 17.8851 16.764 17.7931 16.7241C20.8864 13.0581 20.5401 7.60539 17.0081 4.36001C13.476 1.11463 8.0136 1.23011 4.62185 4.62185C1.23011 8.0136 1.11463 13.476 4.36001 17.0081C7.60539 20.5401 13.0581 20.8864 16.7241 17.7931C16.764 17.8851 16.8206 17.9688 16.8911 18.04L20.9536 22.1025C21.2709 22.4198 21.7853 22.4198 22.1025 22.1025C22.4198 21.7853 22.4198 21.2709 22.1025 20.9536ZM10.9656 18.2781C6.92698 18.2781 3.65306 15.0041 3.65306 10.9656C3.65306 6.92698 6.92698 3.65306 10.9656 3.65306C15.0041 3.65306 18.2781 6.92698 18.2781 10.9656C18.2734 15.0022 15.0022 18.2734 10.9656 18.2781Z",
1263
- fill: "white"
1264
- }
1265
- ), /* @__PURE__ */ r.createElement(
1266
- "path",
1267
- {
1268
- fillRule: "evenodd",
1269
- clipRule: "evenodd",
1270
- d: "M6.87506 11C6.87506 10.5858 7.21085 10.25 7.62506 10.25H14.3751C14.7893 10.25 15.1251 10.5858 15.1251 11C15.1251 11.4142 14.7893 11.75 14.3751 11.75H7.62506C7.21085 11.75 6.87506 11.4142 6.87506 11Z",
1271
- fill: "white"
1272
- }
1273
- ));
1274
- case "download":
1275
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ r.createElement(
1276
- "path",
1277
- {
1278
- fillRule: "evenodd",
1279
- clipRule: "evenodd",
1280
- d: "M22.5 11.1346V18.4038C22.498 20.1873 21.0527 21.6326 19.2692 21.6346H4.73077C2.94731 21.6326 1.50204 20.1873 1.5 18.4038V11.1346C1.5 10.6885 1.86162 10.3269 2.30769 10.3269C2.75377 10.3269 3.11538 10.6885 3.11538 11.1346V18.4038C3.1164 19.2956 3.83904 20.0182 4.73077 20.0192H19.2692C20.161 20.0182 20.8836 19.2956 20.8846 18.4038V11.1346C20.8846 10.6885 21.2462 10.3269 21.6923 10.3269C22.1384 10.3269 22.5 10.6885 22.5 11.1346ZM11.1434 16.2663C11.6167 16.7388 12.3832 16.7388 12.8565 16.2663L17.4172 11.7057C17.7326 11.3903 17.7326 10.8789 17.4172 10.5635C17.1018 10.2481 16.5904 10.2481 16.275 10.5635L12.8076 14.0308V3.05769C12.8076 2.61162 12.446 2.25 11.9999 2.25C11.5539 2.25 11.1923 2.61162 11.1923 3.05769V14.0308L7.72485 10.5636C7.40946 10.2482 6.89812 10.2482 6.58273 10.5636C6.26734 10.8789 6.26734 11.3903 6.58273 11.7057L11.1434 16.2663Z",
1281
- fill: "white"
1282
- }
1283
- ));
1284
- case "lightbox-close":
1285
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ r.createElement(
1286
- "path",
1287
- {
1288
- xmlns: "http://www.w3.org/2000/svg",
1289
- fillRule: "evenodd",
1290
- clipRule: "evenodd",
1291
- d: "M19.2621 18.1129C19.4674 18.3182 19.5475 18.6173 19.4724 18.8977C19.3973 19.178 19.1783 19.397 18.8979 19.4721C18.6176 19.5472 18.3184 19.4671 18.1132 19.2619L12.1877 13.3363L6.26214 19.2619C6.0569 19.4671 5.75776 19.5472 5.47741 19.4721C5.19705 19.397 4.97807 19.178 4.90294 18.8977C4.82782 18.6173 4.90798 18.3182 5.11321 18.1129L11.0388 12.1874L5.11321 6.26186C4.90798 6.05663 4.82782 5.75749 4.90294 5.47713C4.97807 5.19678 5.19705 4.97779 5.47741 4.90267C5.75776 4.82755 6.0569 4.9077 6.26214 5.11294L12.1877 11.0385L18.1132 5.11294C18.4305 4.79567 18.9449 4.79567 19.2621 5.11294C19.5794 5.4302 19.5794 5.9446 19.2621 6.26186L13.3366 12.1874L19.2621 18.1129Z",
1292
- fill: "white"
1293
- }
1294
- ));
1295
- case "pagination-left":
1296
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ r.createElement(
1297
- "path",
1298
- {
1299
- fillRule: "evenodd",
1300
- clipRule: "evenodd",
1301
- d: "M15.7935 18.7087C16.0092 18.9029 16.105 19.1974 16.0447 19.4813C15.9844 19.7652 15.7772 19.9954 15.5012 20.0852C15.2251 20.1749 14.9222 20.1105 14.7065 19.9164L6.58148 12.6039C6.41027 12.4498 6.3125 12.2303 6.3125 12C6.3125 11.7697 6.41027 11.5503 6.58148 11.3962L14.7065 4.08372C15.04 3.78354 15.5536 3.81054 15.8538 4.14402C16.154 4.4775 16.127 4.99119 15.7935 5.29136L8.33939 12L15.7935 18.7087Z",
1302
- fill: "#222222"
1303
- }
1304
- ));
1305
- case "pagination-right":
1306
- return /* @__PURE__ */ r.createElement("svg", h({ viewBox: "0 0 24 24" }, d), /* @__PURE__ */ r.createElement("path", { d: "M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" }));
1307
- }
1308
- return null;
1309
- }
1310
- case "FontAwesome":
1311
- return /* @__PURE__ */ r.createElement(
1312
- Un,
1313
- h({
1314
- className: i,
1315
- faIcon: m,
1316
- title: e
1317
- }, a)
1318
- );
1319
- default:
1320
- case "Text":
1321
- return e ? /* @__PURE__ */ r.createElement(
1322
- "i",
1323
- h(h({
1324
- className: M(i, "humany-letter-symbol"),
1325
- title: e
1326
- }, p), a),
1327
- e.substring(0, 2)
1328
- ) : null;
1329
- }
1330
- }, Mn = y.svg`
1331
- transform: rotate(180deg);
1332
- `, J = Ln, Sn = {
1333
- h1: "h1",
1334
- h2: "h2",
1335
- h3: "h3",
1336
- h4: "h4",
1337
- h5: "h5",
1338
- h6: "h6",
1339
- p: "p",
1340
- span: "span"
1341
- }, Rn = ({ variant: e, component: t, className: n, children: o }) => {
1342
- const { typographyVariantMapping: s = {} } = nn(), i = h(h({}, Sn), s), a = t || i[e] || "span";
1343
- return /* @__PURE__ */ r.createElement(Hn, { className: n, as: a }, o);
1344
- }, Hn = y.span``, q = Rn;
1345
- var Tn = /* @__PURE__ */ ((e) => (e.SlideInLeft = "slide-in-left", e.SlideInRight = "slide-in-right", e.SlideInBottom = "slide-in-bottom", e.SlideInTop = "slide-in-top", e))(Tn || {});
1346
- const Dn = 300, Bn = ({
1347
- className: e,
1348
- children: t,
1349
- header: n,
1350
- onToggle: o,
1351
- trigger: s,
1352
- fullScreen: i = !1,
1353
- closeButtonAriaLabel: a,
1354
- animation: l = {
1355
- type: "slide-in-bottom"
1356
- /* SlideInBottom */
1357
- }
1358
- }) => {
1359
- const { duration: u = Dn } = l, c = S(), m = S(), [p, d] = je(!0), [f, C] = Ye(), x = Fe(f), E = S(Q());
1360
- v(() => {
1361
- o && o(f);
1362
- }, [f]);
1363
- const b = Y("Escape");
1364
- v(() => {
1365
- b && C(!1);
1366
- }, [b]), I(
1367
- "click",
1368
- (B) => {
1369
- const { target: z } = B;
1370
- !m.current || !d.current || !z || m.current !== z && d.current !== z && !d.current.contains(z) && !m.current.contains(z) && C(!1);
1371
- },
1372
- window
1373
- );
1374
- const g = be(E.current, () => {
1375
- C(!1);
1376
- });
1377
- ce("router:changed", () => {
1378
- C(!1);
1379
- }), v(() => {
1380
- f && c.current ? c.current.focus() : !f && m.current && x && m.current.focus();
1381
- }, [f, c.current, m.current]);
1382
- const H = In[l.type];
1383
- return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
1384
- Oe,
1385
- {
1386
- in: f,
1387
- className: "humany-drawer-transition",
1388
- classNames: "humany-drawer-transition",
1389
- unmountOnExit: !0,
1390
- timeout: u
1391
- },
1392
- /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(
1393
- H,
1394
- {
1395
- duration: u,
1396
- fullScreen: i,
1397
- className: M(
1398
- e,
1399
- "humany-drawer",
1400
- `humany-drawer-${E.current}`
1401
- ),
1402
- clientHeight: document.body.clientHeight,
1403
- css: p,
1404
- ref: d
1405
- },
1406
- /* @__PURE__ */ r.createElement(
1407
- Ee,
1408
- {
1409
- onClick: () => C(!1),
1410
- tabIndex: 0,
1411
- ref: c,
1412
- "aria-label": a
1413
- },
1414
- /* @__PURE__ */ r.createElement(J, { symbol: { type: "Svg", content: "close" } })
1415
- ),
1416
- !!n && /* @__PURE__ */ r.createElement(zn, { variant: "h1", className: "humany-drawer-header" }, n),
1417
- t
1418
- ))
1419
- ), r.cloneElement(s, {
1420
- onClick: (B) => {
1421
- C(), g();
1422
- },
1423
- ref: m,
1424
- "aria-label": s.props.title,
1425
- "aria-expanded": f
1426
- }));
1427
- }, No = Bn, le = y.div`
1428
- font-family: ${(e) => {
1429
- var t;
1430
- return (t = e.theme.fonts) == null ? void 0 : t.type;
1431
- }};
1432
- font-size: ${(e) => {
1433
- var t;
1434
- return (t = e.theme.fonts) == null ? void 0 : t.normal;
1435
- }};
1436
- position: fixed;
1437
- bottom: 0;
1438
- left: 0;
1439
- border: ${(e) => e.theme.border};
1440
- width: 100%;
1441
- box-shadow: ${(e) => e.theme.boxShadow};
1442
- background: #ffffff;
1443
- ${(e) => e.css && e.css}
1444
- `, zn = y(q)`
1445
- padding: ${(e) => {
1446
- var t;
1447
- return (t = e.theme.sizes) == null ? void 0 : t.normal;
1448
- }};
1449
- margin: 0;
1450
- text-align: center;
1451
- border-bottom: #eeeeee 1px solid;
1452
- background: #ffffff;
1453
- position: relative;
1454
- display: flex;
1455
- justify-content: center;
1456
- align-items: center;
1457
- font-weight: bold;
1458
- color: ${(e) => {
1459
- var t;
1460
- return (t = e.theme.colors) == null ? void 0 : t.text;
1461
- }};
1462
- font-size: ${(e) => {
1463
- var t;
1464
- return (t = e.theme.fonts) == null ? void 0 : t.normal;
1465
- }};
1466
- line-height: 1.2em;
1467
- `, ue = (e) => L`
1468
- transition: ${e.duration}ms;
1469
- `, Nn = y(le)`
1470
- max-height: 0;
1471
- ${ue}
1472
-
1473
- &.humany-drawer-transition-enter {
1474
- max-height: 0;
1475
- }
1476
- &.humany-drawer-transition-enter-active,
1477
- &.humany-drawer-transition-enter-done,
1478
- &.humany-drawer-transition-exit {
1479
- max-height: ${(e) => e.fullScreen ? "100%" : "400px"};
1480
- }
1481
-
1482
- &.humany-drawer-transition-exit-active,
1483
- &.humany-drawer-transition-exit-done {
1484
- max-height: 0;
1485
- }
1486
- `, Vn = y(le)`
1487
- ${ue}
1488
- transform: translateX(100%);
1489
- height: ${(e) => e.fullScreen ? "100%" : "auto"};
1490
-
1491
- &.humany-drawer-transition-enter {
1492
- transform: translateX(100%);
1493
- }
1494
- &.humany-drawer-transition-enter-active,
1495
- &.humany-drawer-transition-enter-done,
1496
- &.humany-drawer-transition-exit {
1497
- transform: translateX(0);
1498
- }
1499
-
1500
- &.humany-drawer-transition-exit-active,
1501
- &.humany-drawer-transition-exit-done {
1502
- transform: translateX(100%);
1503
- }
1504
- `, Wn = y(le)`
1505
- ${ue}
1506
- transform: translateX(-100%);
1507
- height: ${(e) => e.fullScreen ? "100%" : "auto"};
1508
-
1509
- &.humany-drawer-transition-enter {
1510
- transform: translateX(-100%);
1511
- }
1512
- &.humany-drawer-transition-enter-active,
1513
- &.humany-drawer-transition-enter-done,
1514
- &.humany-drawer-transition-exit {
1515
- transform: translateX(0);
1516
- }
1517
-
1518
- &.humany-drawer-transition-exit-active,
1519
- &.humany-drawer-transition-exit-done {
1520
- transform: translateX(-100%);
1521
- }
1522
- `, Zn = y(le)`
1523
- ${ue}
1524
- bottom: unset;
1525
- top: 0;
1526
- height: 0;
1527
-
1528
- &.humany-drawer-transition-enter {
1529
- height: 0;
1530
- }
1531
- &.humany-drawer-transition-enter-active,
1532
- &.humany-drawer-transition-enter-done,
1533
- &.humany-drawer-transition-exit {
1534
- height: ${(e) => e.clientHeight}px;
1535
- }
1536
-
1537
- &.humany-drawer-transition-exit-active,
1538
- &.humany-drawer-transition-exit-done {
1539
- height: 0;
1540
- }
1541
- `, In = {
1542
- [
1543
- "slide-in-bottom"
1544
- /* SlideInBottom */
1545
- ]: Nn,
1546
- [
1547
- "slide-in-right"
1548
- /* SlideInRight */
1549
- ]: Vn,
1550
- [
1551
- "slide-in-left"
1552
- /* SlideInLeft */
1553
- ]: Wn,
1554
- [
1555
- "slide-in-top"
1556
- /* SlideInTop */
1557
- ]: Zn
1558
- }, On = (e, t, n) => {
1559
- const [o, s] = $(0), [i, a] = $(0), l = T(
1560
- (u, c) => {
1561
- if (u.preventDefault(), c) {
1562
- const m = c.getBoundingClientRect();
1563
- s(Math.max(document.body.clientWidth - m.right, 1)), a(m.bottom + window.scrollY);
1564
- }
1565
- },
1566
- [o, i, s, a]
1567
- );
1568
- return v(() => {
1569
- if (!n || !e)
1570
- return;
1571
- const u = n.getBoundingClientRect(), c = {
1572
- x: o,
1573
- y: i
1574
- };
1575
- u.left < 0 && (c.x = 0), u.bottom > window.innerHeight && (c.y = 0), c.x !== o && s(c.x), c.y !== i && a(c.y);
1576
- }, [n, e, t]), [{ x: o, y: i }, l];
1577
- }, Ue = On, Pn = r.forwardRef(
1578
- (a, i) => {
1579
- var l = a, { className: e = "", children: t = null, trigger: n, closeButtonAriaLabel: o } = l, s = R(l, ["className", "children", "trigger", "closeButtonAriaLabel"]);
1580
- const u = S(), c = S(), m = S();
1581
- ge(i, () => m.current, [m.current]);
1582
- const p = S(Q()), [d, f] = $(!1), C = Fe(d), [{ x, y: E }, b] = Ue(d, p.current, m.current), g = Y("Escape");
1583
- v(() => {
1584
- g && f(!1);
1585
- }, [g]), v(() => {
1586
- d && u.current ? u.current.focus() : !d && c.current && C && c.current.focus();
1587
- }, [d, u.current, c.current]), I(
1588
- "click",
1589
- (z) => {
1590
- const { target: _ } = z;
1591
- !m.current || !_ || m.current !== _ && !m.current.contains(_) && f(!1);
1592
- },
1593
- window
1594
- ), ce("router:changed", () => {
1595
- f(!1);
1596
- });
1597
- const H = be(p.current, () => {
1598
- f(!1);
1599
- }), B = T(
1600
- (z) => {
1601
- z.stopPropagation(), b(z, c.current), f(!d), H();
1602
- },
1603
- [H, b, f]
1604
- );
1605
- return /* @__PURE__ */ r.createElement(r.Fragment, null, d && /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(
1606
- An,
1607
- k(h({
1608
- className: M(
1609
- "humany-dropdown",
1610
- `humany-dropdown-${p.current}`,
1611
- e
1612
- )
1613
- }, s), {
1614
- x,
1615
- y: E,
1616
- ref: m
1617
- }),
1618
- /* @__PURE__ */ r.createElement(
1619
- Ee,
1620
- {
1621
- onClick: () => f(!1),
1622
- tabIndex: 0,
1623
- ref: u,
1624
- "aria-label": o
1625
- },
1626
- /* @__PURE__ */ r.createElement(J, { symbol: { type: "Svg", content: "close" } })
1627
- ),
1628
- t
1629
- )), r.cloneElement(n, {
1630
- onClick: B,
1631
- ref: c,
1632
- "aria-label": n.props.title,
1633
- "aria-expanded": d
1634
- }));
1635
- }
1636
- ), Vo = Pn, An = y.div`
1637
- ${Xe}
1638
- padding: ${(e) => {
1639
- var t;
1640
- return (t = e.theme.sizes) == null ? void 0 : t.medium;
1641
- }};
1642
- min-width: 150px;
1643
- position: absolute;
1644
- box-shadow: ${(e) => e.theme.boxShadow};
1645
-
1646
- ${(e) => {
1647
- var n, o, s;
1648
- let t = "";
1649
- return e.y > 0 ? t += `top: calc(${((n = e.theme.sizes) == null ? void 0 : n.small) || "0px"} + ${e.y || "0"}px);` : t += `bottom: ${((o = e.theme.sizes) == null ? void 0 : o.normal) || "0px"};`, e.x > 0 ? t += `right: ${e.x || "0"}px;` : t += `left: ${((s = e.theme.sizes) == null ? void 0 : s.normal) || "0px"};`, t;
1650
- }};
1651
- `, Fn = (t) => {
1652
- var e = R(t, []);
1653
- return /* @__PURE__ */ r.createElement(jn, h({}, e));
1654
- }, Kn = Fn, jn = y.div`
1655
- display: none;
1656
- `, Wo = N(
1657
- (a, i) => {
1658
- var l = a, { children: e, columns: t, gap: n, className: o } = l, s = R(l, ["children", "columns", "gap", "className"]);
1659
- return /* @__PURE__ */ r.createElement(
1660
- Yn,
1661
- k(h(h({
1662
- className: M(o, "humany-grid"),
1663
- "data-columns": t,
1664
- "data-gap": n
1665
- }, Dt(s)), V(s)), {
1666
- ref: i
1667
- }),
1668
- e
1669
- );
1670
- }
1671
- ), Yn = y.div`
1672
- display: grid;
1673
- grid-template-columns: repeat(${(e) => e["data-columns"]}, 1fr);
1674
- grid-gap: ${(e) => e["data-gap"]};
1675
- justify-content: center;
1676
- grid-auto-rows: max-content;
1677
- ${Tt}
1678
- `, _e = N(
1679
- (i, s) => {
1680
- var a = i, { htmlParseInstruction: e = null, className: t, html: n } = a, o = R(a, ["htmlParseInstruction", "className", "html"]);
1681
- const l = Z(), [u, c] = $();
1682
- return v(() => {
1683
- const m = Vt(l, n), p = k(h(h({}, m), e), {
1684
- transform: h(h({}, m.transform), e == null ? void 0 : e.transform)
1685
- }), d = zt(n, p);
1686
- c(d);
1687
- }, [n, e]), /* @__PURE__ */ r.createElement(
1688
- "div",
1689
- k(h({
1690
- className: M(t, "humany-html")
1691
- }, V(o)), {
1692
- ref: s
1693
- }),
1694
- u
1695
- );
1696
- }
1697
- ), Xn = (i) => {
1698
- var a = i, {
1699
- faIcon: e,
1700
- title: t,
1701
- className: n = "",
1702
- role: o = "presentation"
1703
- } = a, s = R(a, [
1704
- "faIcon",
1705
- "title",
1706
- "className",
1707
- "role"
1708
- ]);
1709
- return /* @__PURE__ */ r.createElement(
1710
- "i",
1711
- h({
1712
- className: M(n, `fa fa-${e}`),
1713
- title: t,
1714
- role: o
1715
- }, V(s))
1716
- );
1717
- }, Un = Xn, Zo = N(
1718
- (p, m) => {
1719
- var d = p, {
1720
- className: e = "",
1721
- autoFocus: t = !1,
1722
- onFocusChange: n = () => {
1723
- },
1724
- onEnter: o = () => {
1725
- },
1726
- onEscape: s = () => {
1727
- },
1728
- selectAllOnFocus: i,
1729
- onChange: a = () => {
1730
- },
1731
- disabled: l = !1,
1732
- type: u
1733
- } = d, c = R(d, [
1734
- "className",
1735
- "autoFocus",
1736
- "onFocusChange",
1737
- "onEnter",
1738
- "onEscape",
1739
- "selectAllOnFocus",
1740
- "onChange",
1741
- "disabled",
1742
- "type"
1743
- ]);
1744
- const [f, C] = $(t), x = S();
1745
- ge(m, () => x.current), v(() => {
1746
- var g;
1747
- t && ((g = x == null ? void 0 : x.current) == null || g.focus());
1748
- }, [t, m, x]);
1749
- const E = (g, H) => {
1750
- C(g), n && n(g), i && g && H.target.select();
1751
- }, b = k(h({}, V(c)), {
1752
- disabled: l,
1753
- autoFocus: t,
1754
- type: u,
1755
- onKeyDown: (g) => {
1756
- g.key === "Enter" && f && o(g), g.key === "Escape" && f && s(g);
1757
- },
1758
- onFocus: (g) => E(!0, g),
1759
- onBlur: (g) => E(!1, g),
1760
- onChange: (g) => a(g.target.value || ""),
1761
- className: M(e, "humany-input"),
1762
- "data-type": u
1763
- });
1764
- return u !== "textarea" ? /* @__PURE__ */ r.createElement(
1765
- "input",
1766
- k(h({}, b), {
1767
- ref: x
1768
- })
1769
- ) : /* @__PURE__ */ r.createElement(
1770
- "textarea",
1771
- k(h({}, b), {
1772
- ref: x
1773
- })
1774
- );
1775
- }
1776
- ), _n = N(
1777
- (a, i) => {
1778
- var l = a, { className: e, items: t, renderItem: n, renderLi: o = !1 } = l, s = R(l, ["className", "items", "renderItem", "renderLi"]);
1779
- return /* @__PURE__ */ r.createElement(
1780
- "ul",
1781
- k(h({
1782
- className: M(e, "humany-list"),
1783
- "data-item-count": t.length
1784
- }, V(s)), {
1785
- ref: i
1786
- }),
1787
- t.map(
1788
- (u, c, m) => o ? /* @__PURE__ */ r.createElement("li", { className: "humany-list-item", key: u.id || c }, n(u, c, m)) : n(u, c, m)
1789
- )
1790
- );
1791
- }
1792
- ), qn = N(
1793
- (u, l) => {
1794
- var c = u, { text: e, html: t, header: n, className: o, htmlParseInstruction: s, symbol: i } = c, a = R(c, ["text", "html", "header", "className", "htmlParseInstruction", "symbol"]);
1795
- return /* @__PURE__ */ r.createElement(
1796
- "div",
1797
- k(h({
1798
- className: M(o, "humany-paragraph")
1799
- }, V(a)), {
1800
- ref: l
1801
- }),
1802
- n ? /* @__PURE__ */ r.createElement(q, { variant: "h1" }, i ? /* @__PURE__ */ r.createElement(J, { symbol: i }) : null, n) : null,
1803
- t ? /* @__PURE__ */ r.createElement(_e, { html: t, htmlParseInstruction: s }) : null,
1804
- e ? /* @__PURE__ */ r.createElement(ve, null, e) : null
1805
- );
1806
- }
1807
- ), Qn = N(
1808
- (f, d) => {
1809
- var C = f, {
1810
- header: e,
1811
- customHeader: t,
1812
- text: n,
1813
- html: o,
1814
- className: s,
1815
- children: i,
1816
- symbol: a,
1817
- items: l,
1818
- renderItem: u,
1819
- renderLi: c,
1820
- ulProps: m
1821
- } = C, p = R(C, [
1822
- "header",
1823
- "customHeader",
1824
- "text",
1825
- "html",
1826
- "className",
1827
- "children",
1828
- "symbol",
1829
- "items",
1830
- "renderItem",
1831
- "renderLi",
1832
- "ulProps"
1833
- ]);
1834
- return /* @__PURE__ */ r.createElement(
1835
- "div",
1836
- k(h({
1837
- className: M(s, "humany-item-list"),
1838
- "data-item-count": l.length
1839
- }, V(p)), {
1840
- ref: d
1841
- }),
1842
- t || (e || n || o ? /* @__PURE__ */ r.createElement(qn, { symbol: a, header: e, text: n, html: o }) : null),
1843
- l.length ? /* @__PURE__ */ r.createElement(_n, h({ items: l, renderItem: u, renderLi: c }, m)) : null,
1844
- i
1845
- );
1846
- }
1847
- ), Gn = ({
1848
- className: e = "",
1849
- tree: t,
1850
- renderItem: n,
1851
- rootItem: o,
1852
- renderUnselected: s = !0,
1853
- renderEmpty: i = !0,
1854
- ulProps: a,
1855
- liProps: l
1856
- }) => {
1857
- const u = (p) => !c(p), c = (p) => !p || p.length < 1 ? !0 : !p.some((d) => !!d.selected), m = (p, d) => /* @__PURE__ */ r.createElement(
1858
- Qn,
1859
- {
1860
- className: M(`humany-item-tree-level-${d}`),
1861
- items: p,
1862
- ulProps: a,
1863
- renderItem: (f) => {
1864
- const { id: C, selected: x, items: E, matches: b } = f, g = x && c(E);
1865
- return !i && !b ? null : /* @__PURE__ */ r.createElement(
1866
- "li",
1867
- k(h({}, V(l)), {
1868
- key: C,
1869
- className: "humany-item-tree-item"
1870
- }),
1871
- n && n(f, d, g),
1872
- E && (s || g) && m(E, d + 1)
1873
- );
1874
- }
1875
- }
1876
- );
1877
- return /* @__PURE__ */ r.createElement("div", { className: M(e, "humany-item-tree") }, o && o(!u(t || [])), t && m(t, 1));
1878
- }, Io = Gn, Jn = N(
1879
- (u, l) => {
1880
- var c = u, { className: e, onClick: t = () => {
1881
- }, name: n = "", to: o = "", params: s = {}, children: i } = c, a = R(c, ["className", "onClick", "name", "to", "params", "children"]);
1882
- const m = Ke(), p = Z();
1883
- if (!m)
1884
- return null;
1885
- let d = "";
1886
- const f = k(h({
1887
- onClick: t,
1888
- className: M(e, "humany-route-link"),
1889
- to: d,
1890
- innerRef: l
1891
- }, a), {
1892
- ref: null
1893
- });
1894
- if (n) {
1895
- if (!(m.routes || []).find((b) => b.name === n))
1896
- return process.env.NODE_ENV !== "production" && me.warn(`Unable to create route. No route named "${n}" exist.`), /* @__PURE__ */ r.createElement(
1897
- de,
1898
- k(h({}, f), {
1899
- onClick: (b) => {
1900
- t(b), b.preventDefault(), process.env.NODE_ENV !== "production" && me.warn(`Unable to navigate. No route named "${n}" exist.`);
1901
- }
1902
- }),
1903
- i
1904
- );
1905
- const E = Object.keys(s).reduce((b, g) => {
1906
- const H = s[g];
1907
- if (Array.isArray(H)) {
1908
- if (H.length === 0)
1909
- return b;
1910
- b[g] = H.map((B) => typeof B == "string" ? encodeURIComponent(B) : B).join(",");
1911
- } else
1912
- b[g] = typeof H == "string" ? encodeURIComponent(H) : H;
1913
- return b;
1914
- }, {});
1915
- try {
1916
- d = m.generate(n, E || {});
1917
- } catch (b) {
1918
- return /* @__PURE__ */ r.createElement(de, k(h({}, f), { ref: f.innerRef }), i);
1919
- }
1920
- d && m.settings.mode && m.settings.mode === ze.browser && d[0] !== "/" && (d = `/${d}`);
1921
- } else if (o && m.history)
1922
- d = m.history.createHref({
1923
- hash: "",
1924
- pathname: o,
1925
- search: "",
1926
- state: void 0
1927
- });
1928
- else
1929
- return process.env.NODE_ENV !== "production" && me.warn(
1930
- 'Unable to generate path for route link. Either specify route name or use the "to" prop.'
1931
- ), null;
1932
- if (m.settings && m.settings.mode === ze.scopedHash) {
1933
- const C = p.get("$widget").name;
1934
- d = xt(d, C);
1935
- }
1936
- return f.as ? /* @__PURE__ */ r.createElement(er, k(h({}, f), { as: f.as }), i) : /* @__PURE__ */ r.createElement(de, k(h({}, f), { to: d }), i);
1937
- }
1938
- ), er = y.span``, xe = N(
1939
- (x, C) => {
1940
- var E = x, {
1941
- className: e,
1942
- disabled: t = !1,
1943
- role: n = "link",
1944
- tabIndex: o = 0,
1945
- onClick: s = () => {
1946
- },
1947
- onKeyDown: i = () => {
1948
- },
1949
- title: a,
1950
- as: l,
1951
- href: u,
1952
- children: c,
1953
- target: m,
1954
- routeName: p,
1955
- params: d
1956
- } = E, f = R(E, [
1957
- "className",
1958
- "disabled",
1959
- "role",
1960
- "tabIndex",
1961
- "onClick",
1962
- "onKeyDown",
1963
- "title",
1964
- "as",
1965
- "href",
1966
- "children",
1967
- "target",
1968
- "routeName",
1969
- "params"
1970
- ]);
1971
- const b = {
1972
- title: a,
1973
- disabled: t,
1974
- role: n,
1975
- as: l,
1976
- tabIndex: o,
1977
- className: M(e, "humany-link", [!!t, "humany-disabled"]),
1978
- onClick: (g) => {
1979
- if (g.persist(), t) {
1980
- g.preventDefault();
1981
- return;
1982
- }
1983
- s(g);
1984
- },
1985
- onKeyDown: (g) => {
1986
- if (g.persist(), t) {
1987
- g.key !== "Tab" && g.preventDefault();
1988
- return;
1989
- }
1990
- i(g);
1991
- }
1992
- };
1993
- return p ? /* @__PURE__ */ r.createElement(
1994
- tr,
1995
- k(h(h({
1996
- name: p,
1997
- params: d
1998
- }, b), V(f)), {
1999
- ref: C
2000
- }),
2001
- c
2002
- ) : /* @__PURE__ */ r.createElement(
2003
- nr,
2004
- k(h(h({
2005
- href: u,
2006
- target: m
2007
- }, b), V(f)), {
2008
- ref: C
2009
- }),
2010
- c
2011
- );
2012
- }
2013
- ), tr = y(Jn)`
2014
- ${(e) => e.disabled ? `
2015
- pointer-events: none;
2016
- opacity: .7;
2017
- ` : "cursor: pointer;"}
2018
- `, nr = y.a`
2019
- ${(e) => e.disabled ? `
2020
- pointer-events: none;
2021
- opacity: .7;
2022
- ` : "cursor: pointer;"}
2023
- `, rr = (i) => {
2024
- var a = i, {
2025
- visible: e,
2026
- duration: t = 500,
2027
- children: n,
2028
- onClick: o = () => {
2029
- }
2030
- } = a, s = R(a, [
2031
- "visible",
2032
- "duration",
2033
- "children",
2034
- "onClick"
2035
- ]);
2036
- const l = S(), u = T(
2037
- (c) => {
2038
- c.target === l.current && o(c);
2039
- },
2040
- [o]
2041
- );
2042
- return /* @__PURE__ */ r.createElement(
2043
- Oe,
2044
- {
2045
- in: e,
2046
- className: "humany-overlay-transition",
2047
- classNames: "humany-overlay-transition",
2048
- unmountOnExit: !0,
2049
- timeout: t
2050
- },
2051
- /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(
2052
- or,
2053
- h({
2054
- className: "humany-overlay",
2055
- duration: t,
2056
- ref: l,
2057
- onClick: u
2058
- }, s),
2059
- n
2060
- ))
2061
- );
2062
- }, or = y.div`
2063
- background: rgba(0, 0, 0, 0.6);
2064
- min-width: 100%;
2065
- min-height: 100%;
2066
- position: fixed;
2067
- top: 0;
2068
- bottom: 0;
2069
- right: 0;
2070
- left: 0;
2071
- display: flex;
2072
- justify-content: center;
2073
- align-items: center;
2074
- z-index: 7;
2075
-
2076
- transition: ${(e) => e.duration}ms;
2077
- opacity: 0;
2078
-
2079
- &.humany-overlay-transition-enter {
2080
- opacity: 0.1;
2081
- }
2082
- &.humany-overlay-transition-enter-active,
2083
- &.humany-overlay-transition-enter-done,
2084
- &.humany-overlay-transition-exit {
2085
- opacity: 1;
2086
- }
2087
-
2088
- &.humany-overlay-transition-exit-active,
2089
- &.humany-overlay-transition-exit-done {
2090
- opacity: 0;
2091
- }
2092
- `, qe = rr, sr = Ie`
2093
- 100% {
2094
- transform: rotate(360deg);
2095
- }
2096
- `, ir = Ie`
2097
- 0% {
2098
- stroke-dasharray: 1, 200;
2099
- stroke-dashoffset: 0;
2100
- }
2101
- 50% {
2102
- stroke-dasharray: 89, 200;
2103
- stroke-dashoffset: -35px;
2104
- }
2105
- 100% {
2106
- stroke-dasharray: 89, 200;
2107
- stroke-dashoffset: -124px;
2108
- }
2109
- `, ar = y.svg`
2110
- animation: ${sr} 2s linear infinite;
2111
- height: 100%;
2112
- transform-origin: center center;
2113
- width: 100%;
2114
- position: absolute;
2115
- top: 0;
2116
- bottom: 0;
2117
- left: 0;
2118
- right: 0;
2119
- margin: auto;
2120
- transition: 200ms ease-out opacity;
2121
- `, cr = y.div`
2122
- position: absolute;
2123
- top: 0;
2124
- bottom: 0;
2125
- left: 0;
2126
- right: 0;
2127
- height: 100%;
2128
- width: 100%;
2129
- pointer-events: ${(e) => e["data-loading"] ? "all" : "none"};
2130
- display: flex;
2131
- flex-direction: column;
2132
- justify-content: center;
2133
- transition: 200ms ease-out opacity;
2134
- box-sizing: border-box;
2135
- overflow: hidden;
2136
- svg {
2137
- opacity: ${(e) => e["data-loading"] ? "1" : "0"};
2138
- }
2139
- `, lr = y.div`
2140
- position: relative;
2141
- margin: 0 auto;
2142
- width: 100px;
2143
- &:before {
2144
- content: '';
2145
- display: block;
2146
- padding-top: 100%;
2147
- }
2148
- `, ur = y.circle`
2149
- stroke-dasharray: 1, 200;
2150
- stroke-dashoffset: 0;
2151
- animation: ${ir} 1.5s ease-in-out infinite;
2152
- stroke-linecap: round;
2153
- stroke: ${(e) => {
2154
- var t;
2155
- return (t = e.theme.colors) == null ? void 0 : t.primary;
2156
- }};
2157
- stroke-width: 2px;
2158
- `, mr = ({ className: e, loading: t = !1 }) => /* @__PURE__ */ r.createElement(cr, { className: M("humany-loader", e), "data-loading": t }, /* @__PURE__ */ r.createElement(lr, { className: "humany-spinner" }, /* @__PURE__ */ r.createElement(ar, { viewBox: "25 25 50 50" }, /* @__PURE__ */ r.createElement(
2159
- ur,
2160
- {
2161
- cx: "50",
2162
- cy: "50",
2163
- r: "20",
2164
- fill: "none",
2165
- "stroke-width": "2",
2166
- "stroke-miterlimit": "10"
2167
- }
2168
- )))), dr = mr, fr = (s) => {
2169
- var i = s, {
2170
- zoomState: e,
2171
- image: t,
2172
- changeZoom: n
2173
- } = i, o = R(i, [
2174
- "zoomState",
2175
- "image",
2176
- "changeZoom"
2177
- ]);
2178
- var b;
2179
- const a = S(null), [l, u] = $(!1), [c, m] = $(!1), E = o.style || {}, { width: p, height: d } = E, f = R(E, ["width", "height"]), C = T(() => {
2180
- const g = a.current;
2181
- if (g) {
2182
- const H = window.innerWidth / g.naturalWidth, B = window.innerHeight / g.naturalHeight, z = Math.min(H, B);
2183
- return B >= 1 && H >= 1 ? 1 : z;
2184
- }
2185
- return 1;
2186
- }, [l, t.src]), x = se(() => {
2187
- const g = a.current;
2188
- if (g && l) {
2189
- if (!c) {
2190
- m(!0);
2191
- const H = C();
2192
- n(H);
2193
- }
2194
- return g.naturalWidth >= g.naturalHeight ? [`${e * g.naturalWidth}px`, "auto"] : ["auto", `${e * g.naturalHeight}px`];
2195
- }
2196
- return null;
2197
- }, [e, a, l, t.src]);
2198
- return v(() => (u(!1), function() {
2199
- m(!1);
2200
- }), [t.src]), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(hr, { loading: !l }), /* @__PURE__ */ r.createElement(
2201
- pr,
2202
- k(h({
2203
- onLoad: () => {
2204
- u(!0);
2205
- },
2206
- ref: a,
2207
- imageSize: x,
2208
- draggable: "false"
2209
- }, o), {
2210
- alt: ((b = o.alt) == null ? void 0 : b.toString()) || "",
2211
- style: f,
2212
- src: t.src,
2213
- loaded: l
2214
- })
2215
- ), /* @__PURE__ */ r.createElement(gr, null));
2216
- }, hr = y(dr)`
2217
- svg circle {
2218
- stroke: #ffffff;
2219
- }
2220
- `, pr = y.img`
2221
- transform: none;
2222
-
2223
- ${(e) => e.imageSize && L`
2224
- width: ${e.imageSize[0]};
2225
- height: ${e.imageSize[1]};
2226
- display: inline-block;
2227
- `}
2228
- vertical-align: middle;
2229
- position: relative;
2230
- ${(e) => !e.loaded && "display:none;"}
2231
- `, gr = y.div`
2232
- height: 100%;
2233
- display: inline-block;
2234
- vertical-align: middle;
2235
- `, Cr = fr, yr = () => {
2236
- const e = S(), [t, n] = $(!0), o = T(() => (t || n(!0), e.current && clearTimeout(e.current), e.current = setTimeout(() => {
2237
- n(!1);
2238
- }, 3e3), () => {
2239
- e.current && clearTimeout(e.current);
2240
- }), [t, e]);
2241
- return [t, o];
2242
- }, br = ({ attrs: e, htmlBody: t }) => {
2243
- var Se;
2244
- const n = Y("Escape"), o = Y("ArrowLeft"), s = Y("ArrowRight"), [i, a] = $(1), [l, u] = $({ top: 0, left: 0, x: 0, y: 0 }), [c, m] = $(!1), [p, d] = yr(), [f, C] = $(null), [x, E] = $(null), b = S(null), g = S(null), H = S(null), B = S(null), z = S(null), [_, Je] = $(null);
2245
- v(() => {
2246
- n && C(null);
2247
- }, [n]), v(() => {
2248
- a(1);
2249
- }, [f]), v(() => {
2250
- var P, ne;
2251
- if (f === null || g.current === null)
2252
- return;
2253
- const w = g.current.firstElementChild, D = (P = H.current) == null ? void 0 : P.querySelector(".nav-left"), W = (ne = H.current) == null ? void 0 : ne.querySelector(".nav-right");
2254
- if (x === "Right")
2255
- te && W ? W.focus() : ee && D && D.focus();
2256
- else if (x === "Left")
2257
- ee && D ? D.focus() : te && W && W.focus();
2258
- else {
2259
- if (!w)
2260
- return;
2261
- w.focus();
2262
- }
2263
- }, [f, g, H, x]), v(() => {
2264
- if (o) {
2265
- if (ee)
2266
- return Le();
2267
- } else if (s && te)
2268
- return Me();
2269
- }, [o, s]), v(() => {
2270
- var D, W;
2271
- const w = ((W = (D = z.current) == null ? void 0 : D.style) == null ? void 0 : W.float) || "";
2272
- (w === "left" || w === "right") && Je(w);
2273
- }, []);
2274
- const F = se(() => {
2275
- const w = document.createElement("div");
2276
- w.innerHTML = t || "";
2277
- const D = w.getElementsByTagName("img");
2278
- return Array.from(D).reduce((P, ne) => {
2279
- const Re = ne.getAttribute("src");
2280
- if (Re) {
2281
- const it = {
2282
- src: Re
2283
- };
2284
- P.push(it);
2285
- }
2286
- return P;
2287
- }, []);
2288
- }, [t]), $e = T(() => {
2289
- const { src: w } = e;
2290
- if (w) {
2291
- const D = F.findIndex((W, P) => W.src === w);
2292
- C(D);
2293
- }
2294
- }, [F, e]), et = T((w) => {
2295
- C(null);
2296
- }, []), ke = T(
2297
- (w) => {
2298
- a(w ? i + i * 0.25 : i - i * 0.25);
2299
- },
2300
- [a, i]
2301
- ), tt = T(() => {
2302
- if (f !== null) {
2303
- const { src: w } = F[f];
2304
- w && window.open(w, "_self");
2305
- }
2306
- }, [F, f]), nt = T(
2307
- (w) => {
2308
- const D = B.current;
2309
- D && (u({ top: D.scrollTop, left: D.scrollLeft, x: w.clientX, y: w.clientY }), m(!0));
2310
- },
2311
- [B]
2312
- ), rt = T(
2313
- (w) => {
2314
- const D = B.current;
2315
- if (D && c) {
2316
- const W = w.clientX - l.x, P = w.clientY - l.y;
2317
- D.scrollTop = l.top - P, D.scrollLeft = l.left - W;
2318
- }
2319
- },
2320
- [c, l]
2321
- ), ot = (w) => {
2322
- w.preventDefault(), m(!1);
2323
- }, st = se(() => {
2324
- if (B.current) {
2325
- const w = B.current.getElementsByTagName("img");
2326
- if (w && w.length) {
2327
- const D = w[0];
2328
- return D.width > window.innerWidth || D.height > window.innerHeight;
2329
- }
2330
- }
2331
- return !1;
2332
- }, [B, i]), Le = () => {
2333
- f !== null && (E("Left"), C(f - 1));
2334
- }, Me = () => {
2335
- f !== null && (E("Right"), C(f + 1));
2336
- }, ee = f !== null && f > 0 && F.length > 1, te = f !== null && F.length - 1 > f;
2337
- return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(qe, { visible: f !== null, onClick: et }, /* @__PURE__ */ r.createElement(
2338
- Mr,
2339
- {
2340
- onMouseDown: () => d(),
2341
- onMouseMove: () => d(),
2342
- onTouchStart: () => d(),
2343
- onKeyDown: () => d()
2344
- },
2345
- /* @__PURE__ */ r.createElement(Sr, { show: p.toString() }, /* @__PURE__ */ r.createElement(
2346
- wr,
2347
- {
2348
- ref: g,
2349
- buttons: [
2350
- {
2351
- id: "download",
2352
- onClick: tt,
2353
- icon: "download",
2354
- ariaLabel: "Download image"
2355
- },
2356
- {
2357
- id: "lightbox-close",
2358
- onClick: () => C(null),
2359
- icon: "lightbox-close",
2360
- ariaLabel: "Close"
2361
- }
2362
- ]
2363
- }
2364
- )),
2365
- /* @__PURE__ */ r.createElement(
2366
- Hr,
2367
- {
2368
- scrolling: c.toString(),
2369
- isDraggable: st.toString(),
2370
- ref: B,
2371
- onMouseMove: rt,
2372
- onMouseDown: nt,
2373
- onMouseUp: ot
2374
- },
2375
- f !== null && /* @__PURE__ */ r.createElement(
2376
- Cr,
2377
- k(h({
2378
- changeZoom: (w) => {
2379
- a(w);
2380
- },
2381
- zoomState: i
2382
- }, e), {
2383
- style: k(h({}, e.style || {}), {
2384
- float: "none"
2385
- }),
2386
- image: F[f]
2387
- })
2388
- )
2389
- ),
2390
- /* @__PURE__ */ r.createElement(
2391
- kr,
2392
- {
2393
- ref: H,
2394
- show: p.toString(),
2395
- buttons: [
2396
- {
2397
- id: "previous",
2398
- onClick: Le,
2399
- icon: "caret-left",
2400
- circle: !0,
2401
- show: ee,
2402
- className: "nav-left",
2403
- ariaLabel: "Navigate to previous image"
2404
- },
2405
- {
2406
- id: "next",
2407
- onClick: Me,
2408
- icon: "caret-right",
2409
- circle: !0,
2410
- show: te,
2411
- className: "nav-right",
2412
- ariaLabel: "Navigate to next image"
2413
- }
2414
- ]
2415
- }
2416
- ),
2417
- /* @__PURE__ */ r.createElement(Rr, { show: p.toString() }, /* @__PURE__ */ r.createElement(
2418
- $r,
2419
- {
2420
- buttons: [
2421
- {
2422
- id: "zoom-out",
2423
- onClick: () => ke(!1),
2424
- icon: "zoom-out",
2425
- ariaLabel: "Zoom out"
2426
- },
2427
- {
2428
- id: "zoom-in",
2429
- onClick: () => ke(!0),
2430
- icon: "zoom-in",
2431
- ariaLabel: "Zoom in"
2432
- }
2433
- ]
2434
- }
2435
- ), /* @__PURE__ */ r.createElement(Lr, { variant: "span" }, Math.trunc(i * 100), "%"))
2436
- )), /* @__PURE__ */ r.createElement(
2437
- vr,
2438
- {
2439
- ref: b,
2440
- onClick: $e,
2441
- onKeyDown: (w) => {
2442
- w.key === "Enter" && (w.preventDefault(), $e());
2443
- },
2444
- alignment: _,
2445
- tabIndex: 0
2446
- },
2447
- /* @__PURE__ */ r.createElement(
2448
- Tr,
2449
- k(h({}, e), {
2450
- alt: ((Se = e.alt) == null ? void 0 : Se.toString()) || "",
2451
- ref: z
2452
- })
2453
- )
2454
- ));
2455
- }, we = N(
2456
- ({ show: e = "true", buttons: t, className: n }, o) => /* @__PURE__ */ r.createElement(
2457
- Er,
2458
- {
2459
- ref: o,
2460
- show: e,
2461
- className: M("humany-button-set", n)
2462
- },
2463
- t.map(
2464
- ({ id: s, circle: i = !1, show: a = !0, ariaLabel: l, onClick: u, icon: c, className: m }, p) => /* @__PURE__ */ r.createElement(
2465
- xr,
2466
- {
2467
- key: s + p.toString(),
2468
- circle: i.toString(),
2469
- onClick: u,
2470
- tabIndex: a ? void 0 : -1,
2471
- show: a.toString(),
2472
- icon: c,
2473
- className: m,
2474
- "aria-label": l
2475
- },
2476
- /* @__PURE__ */ r.createElement(J, { size: 24, symbol: { type: "Svg", content: c } })
2477
- )
2478
- )
2479
- )
2480
- ), Qe = y.div`
2481
- transition: opacity 0.3s ease 0s;
2482
- z-index: 5;
2483
- ${(e) => e.show === "true" ? "opacity: 1;" : L`
2484
- opacity: 0;
2485
- pointer-events: none;
2486
- `}
2487
- `, vr = y(xe)`
2488
- display: inline-block !important;
2489
-
2490
- ${(e) => (e.alignment === "right" || e.alignment === "left") && L`
2491
- float: ${e.alignment};
2492
- `}
2493
- `, Er = y(Qe)`
2494
- position: fixed;
2495
- display: flex;
2496
- gap: ${(e) => {
2497
- var t;
2498
- return (t = e.theme.sizes) == null ? void 0 : t.normal;
2499
- }};
2500
- `, pe = "39px", xr = y(ae)`
2501
- width: ${pe};
2502
- height: ${pe};
2503
- display: flex;
2504
- justify-content: center;
2505
- align-items: center;
2506
-
2507
- ${(e) => e.icon === "caret-left" && L`
2508
- svg {
2509
- position: relative;
2510
- left: -2px;
2511
- }
2512
- `}
2513
-
2514
- ${(e) => {
2515
- var t;
2516
- return e.circle === "true" ? L`
2517
- background-color: #ffffff;
2518
- border-radius: 50%;
2519
-
2520
- svg {
2521
- path,
2522
- line {
2523
- stroke: ${(t = e.theme.colors) == null ? void 0 : t.text};
2524
- }
2525
- }
2526
-
2527
- &:focus-visible {
2528
- ${A(e)}
2529
- outline-color: #ffffff;
2530
- background-color: transparent;
2531
-
2532
- svg {
2533
- path,
2534
- line {
2535
- stroke: #ffffff;
2536
- }
2537
- }
2538
- }
2539
- ` : L`
2540
- svg {
2541
- path,
2542
- line {
2543
- stroke: #ffffff;
2544
- }
2545
- }
2546
- &:focus {
2547
- outline-color: #ffffff;
2548
- }
2549
- &:focus-visible {
2550
- ${A(e)}
2551
- }
2552
- `;
2553
- }}
2554
-
2555
- ${(e) => e.show === "true" ? L`
2556
- opacity: 0.8;
2557
- transition: opacity 0.3s ease 0s;
2558
- &:hover {
2559
- opacity: 1;
2560
- }
2561
- ` : L`
2562
- opacity: 0;
2563
- pointer-events: none;
2564
- `}
2565
- `, wr = y(we)`
2566
- top: ${(e) => {
2567
- var t;
2568
- return (t = e.theme.sizes) == null ? void 0 : t.large;
2569
- }};
2570
- right: ${(e) => {
2571
- var t;
2572
- return (t = e.theme.sizes) == null ? void 0 : t.large;
2573
- }};
2574
- `, $r = y(we)`
2575
- bottom: ${(e) => {
2576
- var t;
2577
- return (t = e.theme.sizes) == null ? void 0 : t.large;
2578
- }};
2579
- width: 100%;
2580
- align-items: center;
2581
- justify-content: center;
2582
- `, kr = y(we)`
2583
- display: block;
2584
- button {
2585
- position: fixed;
2586
- top: calc(50% - calc(${pe} / 2));
2587
- &:first-child {
2588
- left: ${(e) => {
2589
- var t;
2590
- return (t = e.theme.sizes) == null ? void 0 : t.large;
2591
- }};
2592
- }
2593
- &:last-child {
2594
- right: ${(e) => {
2595
- var t;
2596
- return (t = e.theme.sizes) == null ? void 0 : t.large;
2597
- }};
2598
- }
2599
- }
2600
- `, Lr = y(q)`
2601
- position: fixed;
2602
- bottom: ${(e) => {
2603
- var t;
2604
- return (t = e.theme.sizes) == null ? void 0 : t.large;
2605
- }};
2606
- right: ${(e) => {
2607
- var t;
2608
- return (t = e.theme.sizes) == null ? void 0 : t.large;
2609
- }};
2610
- color: #ffffff;
2611
- font-size: ${(e) => {
2612
- var t;
2613
- return (t = e.theme.fonts) == null ? void 0 : t.medium;
2614
- }};
2615
- font-family: ${(e) => {
2616
- var t;
2617
- return (t = e.theme.fonts) == null ? void 0 : t.type;
2618
- }};
2619
- `, Ge = y(Qe)`
2620
- position: absolute;
2621
- width: 100vw;
2622
- height: 88px;
2623
- left: 0px;
2624
- z-index: 5;
2625
- `, Mr = y.div`
2626
- width: 100%;
2627
- `, Sr = y(Ge)`
2628
- top: 0px;
2629
- background-image: linear-gradient(to bottom, rgb(34, 34, 34, 0.8), rgba(34, 34, 34, 0));
2630
- `, Rr = y(Ge)`
2631
- bottom: 0px;
2632
- background-image: linear-gradient(to top, rgb(34, 34, 34, 0.8), rgba(34, 34, 34, 0));
2633
- `, Hr = y.div`
2634
- width: 100%;
2635
- height: 100vh;
2636
- overflow: auto;
2637
- text-align: center;
2638
- vertical-align: middle;
2639
- white-space: nowrap;
2640
- justify-content: center;
2641
- cursor: ${(e) => e.isDraggable === "true" ? e.scrolling === "true" ? "grabbing" : "grab" : "auto"};
2642
- `, Tr = y.img`
2643
- cursor: pointer;
2644
- `, Dr = br, Br = N(
2645
- (l, a) => {
2646
- var u = l, { className: e, children: t, trigger: n, onOverlayClick: o = () => {
2647
- }, close: s = !1 } = u, i = R(u, ["className", "children", "trigger", "onOverlayClick", "close"]);
2648
- const [c, m] = Ye(), [p, d] = je(!0), f = S(), C = S(Q()), x = Y("Escape");
2649
- v(() => {
2650
- (x || s) && m(!1);
2651
- }, [x, s]), v(() => {
2652
- c && f.current && f.current.focus();
2653
- }, [c, f.current]), ce("router:changed", () => {
2654
- m(!1);
2655
- });
2656
- const E = T(
2657
- (g) => {
2658
- m(!1), o(g);
2659
- },
2660
- [o, m]
2661
- );
2662
- ge(a, () => ({
2663
- close() {
2664
- m(!1);
2665
- }
2666
- }));
2667
- const b = T(() => be(C.current, () => {
2668
- m(!1);
2669
- }), [C.current]);
2670
- return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(qe, { visible: c, onClick: E }, /* @__PURE__ */ r.createElement(
2671
- Nr,
2672
- k(h({
2673
- className: M(
2674
- e,
2675
- "humany-modal",
2676
- `humany-modal-${C.current}`
2677
- ),
2678
- css: p,
2679
- tabIndex: -1
2680
- }, i), {
2681
- ref: d
2682
- }),
2683
- /* @__PURE__ */ r.createElement(
2684
- Ee,
2685
- {
2686
- onClick: () => m(!1),
2687
- tabIndex: 0,
2688
- ref: f
2689
- },
2690
- /* @__PURE__ */ r.createElement(J, { symbol: { type: "Svg", content: "close" } })
2691
- ),
2692
- t
2693
- )), r.cloneElement(n, {
2694
- onClick: (g) => {
2695
- m(), b();
2696
- }
2697
- }));
2698
- }
2699
- ), zr = Br, Nr = y.div`
2700
- font-family: ${(e) => {
2701
- var t;
2702
- return (t = e.theme.fonts) == null ? void 0 : t.type;
2703
- }};
2704
- font-size: ${(e) => {
2705
- var t;
2706
- return (t = e.theme.fonts) == null ? void 0 : t.normal;
2707
- }};
2708
- position: relative;
2709
- max-width: 50%;
2710
- min-width: 200px;
2711
- padding: ${(e) => {
2712
- var t;
2713
- return (t = e.theme.sizes) == null ? void 0 : t.medium;
2714
- }};
2715
- ${(e) => Xe(e)}
2716
- ${(e) => e.css && e.css}
2717
- outline: none;
2718
- `, Vr = ({
2719
- className: e,
2720
- trigger: t,
2721
- header: n = "",
2722
- text: o = "",
2723
- onCancel: s = () => {
2724
- },
2725
- onConfirm: i = () => {
2726
- },
2727
- cancelLabel: a = "",
2728
- confirmLabel: l = ""
2729
- }) => {
2730
- const u = S(), c = T(() => {
2731
- var p;
2732
- s(), (p = u == null ? void 0 : u.current) == null || p.close();
2733
- }, [s]), m = T(() => {
2734
- var p;
2735
- i(), (p = u == null ? void 0 : u.current) == null || p.close();
2736
- }, [i]);
2737
- return /* @__PURE__ */ r.createElement(Wr, { className: e, trigger: t, ref: u, onOverlayClick: c }, n && /* @__PURE__ */ r.createElement(We, null, n), o && /* @__PURE__ */ r.createElement(We, null, o), l && /* @__PURE__ */ r.createElement(Zr, { onClick: m }, l), a && /* @__PURE__ */ r.createElement(Ir, { onClick: c }, a));
2738
- }, Oo = Vr, Wr = y(zr)`
2739
- display: block;
2740
-
2741
- span {
2742
- display: block;
2743
- margin: 0 0 ${(e) => {
2744
- var t;
2745
- return (t = e.theme.sizes) == null ? void 0 : t.normal;
2746
- }};
2747
-
2748
- &:first-of-type:not(:only-of-type) {
2749
- font-weight: 700;
2750
- margin: 0 0 ${(e) => {
2751
- var t;
2752
- return (t = e.theme.sizes) == null ? void 0 : t.small;
2753
- }};
2754
- }
2755
- }
2756
- `, Zr = y(ae)`
2757
- display: inline-block;
2758
- min-width: 50px;
2759
- ${(e) => {
2760
- var t, n;
2761
- return `padding: ${(t = e.theme.sizes) == null ? void 0 : t.small} ${(n = e.theme.sizes) == null ? void 0 : n.normal};`;
2762
- }}
2763
- ${(e) => e.theme.borderRadius && `border-radius: ${e.theme.borderRadius};`}
2764
- color: #FFFFFF;
2765
- background-color: ${(e) => {
2766
- var t;
2767
- return (t = e.theme.colors) == null ? void 0 : t.primary;
2768
- }};
2769
- border: 1px solid ${(e) => {
2770
- var t;
2771
- return (t = e.theme.colors) == null ? void 0 : t.primary;
2772
- }};
2773
-
2774
- margin: 0 ${(e) => {
2775
- var t;
2776
- return (t = e.theme.sizes) == null ? void 0 : t.small;
2777
- }} 0 0;
2778
-
2779
- &:focus {
2780
- background-color: transparent;
2781
- }
2782
-
2783
- &:focus-visible {
2784
- ${A}
2785
- }
2786
- `, Ir = y(ae)`
2787
- display: inline-block;
2788
- min-width: 50px;
2789
- ${(e) => {
2790
- var t, n;
2791
- return `padding: ${(t = e.theme.sizes) == null ? void 0 : t.small} ${(n = e.theme.sizes) == null ? void 0 : n.normal};`;
2792
- }}
2793
- ${(e) => e.theme.borderRadius && `border-radius: ${e.theme.borderRadius};`}
2794
- background-color: transparent;
2795
- color: ${(e) => {
2796
- var t;
2797
- return (t = e.theme.colors) == null ? void 0 : t.text;
2798
- }};
2799
- border: 1px solid ${(e) => {
2800
- var t;
2801
- return (t = e.theme.colors) == null ? void 0 : t.text;
2802
- }};
2803
-
2804
- &:focus-visible {
2805
- ${A};
2806
- }
2807
- `, Or = ({
2808
- header: e = "",
2809
- link: t = "",
2810
- suggestionHeader: n = "",
2811
- suggestion: o = ""
2812
- }) => /* @__PURE__ */ r.createElement(Pr, null, /* @__PURE__ */ r.createElement(Ar, null, /* @__PURE__ */ r.createElement(q, { variant: "h2" }, "404")), /* @__PURE__ */ r.createElement(Fr, null, /* @__PURE__ */ r.createElement(q, { variant: "h3" }, e), /* @__PURE__ */ r.createElement(Yr, { routeName: "index", "aria-label": t, text: t })), /* @__PURE__ */ r.createElement(Kr, null, /* @__PURE__ */ r.createElement("span", null, n), /* @__PURE__ */ r.createElement("ul", null, /* @__PURE__ */ r.createElement("li", null, o)))), Po = Or, Pr = y.div`
2813
- display: flex;
2814
- flex-wrap: wrap;
2815
- `, Ar = y.div`
2816
- ${(e) => ie(e)(
2817
- "h2",
2818
- L`
2819
- padding: 0;
2820
- margin: 0;
2821
- color: gray;
2822
- font-size: 7em;
2823
- `
2824
- )}
2825
- `, Fr = y.div`
2826
- margin-left: ${(e) => {
2827
- var t;
2828
- return (t = e.theme.sizes) == null ? void 0 : t.medium;
2829
- }};
2830
-
2831
- ${(e) => {
2832
- var t;
2833
- return ie(e)(
2834
- "h3",
2835
- L`
2836
- text-transform: uppercase;
2837
- font-size: ${(t = e.theme.fonts) == null ? void 0 : t.normal};
2838
- `
2839
- );
2840
- }}
2841
-
2842
- a {
2843
- color: ${(e) => {
2844
- var t;
2845
- return (t = e.theme.colors) == null ? void 0 : t.link;
2846
- }};
2847
- font-size: ${(e) => {
2848
- var t;
2849
- return (t = e.theme.fonts) == null ? void 0 : t.small;
2850
- }};
2851
- }
2852
- `, Kr = y.div`
2853
- margin-top: ${(e) => {
2854
- var t;
2855
- return (t = e.theme.sizes) == null ? void 0 : t.medium;
2856
- }};
2857
- min-width: 100%;
2858
-
2859
- span {
2860
- font-weight: bold;
2861
- }
2862
- `;
2863
- class jr extends dt {
2864
- constructor() {
2865
- super(...arguments), this.state = {
2866
- boundFocus: !1
2867
- };
2868
- }
2869
- componentWillMount() {
2870
- const t = this.props.container.get("accessibilitySettings");
2871
- t && t.boundFocus && this.setState({
2872
- boundFocus: !0
2873
- });
2874
- }
2875
- componentDidMount() {
2876
- if (!this.state.boundFocus)
2877
- return;
2878
- const t = this.props.container.get("widgetDOMElement");
2879
- this.node && t && (this.onFocusListener = this.node.addEventListener("focus", () => {
2880
- const n = t.querySelectorAll(
2881
- 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
2882
- ), s = [].filter.call(n, (i) => typeof window == "undefined" ? !0 : !(window.getComputedStyle(i).display === "none" || i.offsetWidth <= 0 && i.offsetHeight <= 0))[0];
2883
- s && s.focus();
2884
- }));
2885
- }
2886
- componentWillUnmount() {
2887
- this.node && this.node.removeEventListener("focus", this.onFocusListener);
2888
- }
2889
- render() {
2890
- return this.state.boundFocus ? /* @__PURE__ */ r.createElement(
2891
- "div",
2892
- {
2893
- style: { opacity: 0 },
2894
- tabIndex: 0,
2895
- ref: (t) => {
2896
- this.node = t;
2897
- }
2898
- }
2899
- ) : null;
2900
- }
2901
- }
2902
- const Ao = jr, Yr = N(
2903
- (a, i) => {
2904
- var l = a, { className: e, description: t, text: n, children: o } = l, s = R(l, ["className", "description", "text", "children"]);
2905
- return /* @__PURE__ */ r.createElement(xe, k(h({ className: M(e, "humany-text-link") }, s), { ref: i }), o, /* @__PURE__ */ r.createElement(ve, null, n), t ? /* @__PURE__ */ r.createElement(_e, { html: t, className: "humany-description" }) : null);
2906
- }
2907
- );
2908
- var Xr = /* @__PURE__ */ ((e) => (e.HH_MM = "hh:mm", e.YYYY_MM_DD = "yyyy-mm-dd", e.YYYY_MM_DD_HH_MM = "yyyy-mm-dd hh:mm", e))(Xr || {});
2909
- const Ur = ({ className: e = "", format: t = "hh:mm", timestamp: n }) => /* @__PURE__ */ r.createElement("span", { className: M(e, "humany-timestamp") }, _r(n, t)), Fo = Ur, Ze = (e) => `0${e}`.slice(-2);
2910
- function _r(e, t) {
2911
- const n = new Date(e), o = n.toTimeString().split(" ")[0].split(":"), s = o.length > 1 ? `${o[0]}:${o[1]}` : o[0], i = n.getFullYear(), a = n.getMonth() + 1, l = n.getDate(), u = `${i}-${Ze(a)}-${Ze(l)}`;
2912
- return t === "yyyy-mm-dd" ? u : t === "hh:mm" ? s : `${u} ${s}`;
2913
- }
2914
- const qr = (i) => {
2915
- var a = i, { className: e, children: t, content: n, sticky: o = !1 } = a, s = R(a, ["className", "children", "content", "sticky"]);
2916
- const [l, u] = $(!1), c = S(Q()), m = S(), [{ x: p, y: d }, f] = Ue(l, c.current, m.current), C = (E) => {
2917
- const { target: b } = E;
2918
- !m.current || !b || m.current !== b && !m.current.contains(b) && u(!1);
2919
- };
2920
- v(() => {
2921
- if (o)
2922
- return window.addEventListener("click", C), () => {
2923
- window.removeEventListener("click", C);
2924
- };
2925
- }, [l, o]);
2926
- const x = T(
2927
- (E, b) => {
2928
- f(E, m.current), u(b);
2929
- },
2930
- [f, u]
2931
- );
2932
- return /* @__PURE__ */ r.createElement(
2933
- Qr,
2934
- {
2935
- ref: m,
2936
- className: "humany-tooltip-trigger",
2937
- onMouseEnter: o ? void 0 : (E) => x(E, !0),
2938
- onMouseLeave: o ? void 0 : (E) => x(E, !1),
2939
- onTouchEnd: o ? (E) => x(E, !l) : void 0,
2940
- onClick: o ? (E) => x(E, !l) : void 0
2941
- },
2942
- t,
2943
- l && /* @__PURE__ */ r.createElement(G, null, /* @__PURE__ */ r.createElement(
2944
- Gr,
2945
- h({
2946
- className: M(e, "humany-tooltip-container"),
2947
- x: p,
2948
- y: d
2949
- }, s),
2950
- n
2951
- ))
2952
- );
2953
- }, Qr = y.div`
2954
- display: flex;
2955
- align-items: center;
2956
- `, Gr = y.div`
2957
- color: #ffffff;
2958
- background: #161616;
2959
- border-radius: ${(e) => e.theme.borderRadius};
2960
- padding: calc(${(e) => {
2961
- var t;
2962
- return (t = e.theme.sizes) == null ? void 0 : t.small;
2963
- }} * 2);
2964
- font-size: ${(e) => {
2965
- var t;
2966
- return (t = e.theme.fonts) == null ? void 0 : t.normal;
2967
- }};
2968
- font-family: ${(e) => {
2969
- var t;
2970
- return (t = e.theme.fonts) == null ? void 0 : t.type;
2971
- }};
2972
- position: absolute;
2973
- z-index: 10;
2974
-
2975
- a {
2976
- color: ${(e) => e.color ? e.color : "inherit"};
2977
- text-decoration: none;
2978
- }
2979
-
2980
- i,
2981
- svg {
2982
- margin-right: ${(e) => {
2983
- var t;
2984
- return (t = e.theme.sizes) == null ? void 0 : t.small;
2985
- }};
2986
- }
2987
-
2988
- ${(e) => {
2989
- let t = "";
2990
- return e.y > 0 ? t += `top: calc(2px + ${e.y || "0"}px);` : t += "bottom: 2px;", e.x > 0 ? t += `right: calc(2px + ${e.x || "0"}px);` : t += "left: 2px;", t;
2991
- }};
2992
- `, Ko = qr, Jr = (e) => {
2993
- const {
2994
- in: t,
2995
- mountOnEnter: n = !0,
2996
- unmountOnExit: o = !0,
2997
- timeout: s,
2998
- children: i,
2999
- transitions: a
3000
- } = e, u = (() => {
3001
- var c, m;
3002
- if (!(!a || a === "none")) {
3003
- if (typeof a == "string")
3004
- return {
3005
- enter: {
3006
- transitionKeys: a,
3007
- duration: s ? typeof s == "number" ? s : s.enter : 200,
3008
- easing: "ease-in"
3009
- },
3010
- exit: {
3011
- transitionKeys: a,
3012
- duration: s ? typeof s == "number" ? s : s.exit : 200,
3013
- easing: "ease-out"
3014
- }
3015
- };
3016
- if (typeof a == "object") {
3017
- const { enter: p, exit: d } = a;
3018
- return {
3019
- enter: {
3020
- transitionKeys: (c = a.enter) == null ? void 0 : c.type,
3021
- duration: s ? typeof s == "number" ? s : s.enter : 200,
3022
- easing: p.easing ? p.easing : "ease-in"
3023
- },
3024
- exit: {
3025
- transitionKeys: (m = a.enter) == null ? void 0 : m.type,
3026
- duration: s ? typeof s == "number" ? s : s.enter : 200,
3027
- easing: d.easing ? d.easing : "ease-out"
3028
- }
3029
- };
3030
- }
3031
- }
3032
- })();
3033
- return /* @__PURE__ */ r.createElement(
3034
- vt,
3035
- {
3036
- timeout: {
3037
- enter: u && u.enter.duration || 0,
3038
- exit: u && u.exit.duration || 0
3039
- },
3040
- in: t,
3041
- appear: !0,
3042
- mountOnEnter: n,
3043
- unmountOnExit: o,
3044
- onEnter: (c) => c.clientHeight
3045
- },
3046
- (c) => i && i(c, u && fe.compose(c, u))
3047
- );
3048
- }, jo = Jr, eo = N(
3049
- (l, a) => {
3050
- var u = l, { className: e, children: t, onClick: n = () => {
3051
- }, widgetName: o, activationOptions: s } = u, i = R(u, ["className", "children", "onClick", "widgetName", "activationOptions"]);
3052
- const c = Z(), m = () => {
3053
- const { implementation: f } = c.get("$widget");
3054
- return f.widgets.get(o);
3055
- };
3056
- v(() => {
3057
- const f = m();
3058
- return f == null || f.activate(s).then(() => f.invoke("attach")), () => {
3059
- f == null || f.deactivate();
3060
- };
3061
- }, [o]);
3062
- const p = (f) => {
3063
- const C = m(), x = f.currentTarget;
3064
- if (C) {
3065
- const E = () => {
3066
- C.invoke("renderState").then(
3067
- (b) => b === oe.open ? C.invoke("close") : C.invoke("open")
3068
- ).then(() => {
3069
- C.events.subscribeOnce("widget:area-rendered", (b, g) => {
3070
- c.get(
3071
- "widgetDOMElement"
3072
- ) && C.events.dispatch("widget:modal-opened", {
3073
- name: C.name,
3074
- ref: x
3075
- });
3076
- });
3077
- });
3078
- };
3079
- C.state === mt.Deactivated ? C.activate(s).then(() => C.invoke("attach")).then(E) : E();
3080
- }
3081
- }, d = (f) => {
3082
- f.key === "Enter" && (f.preventDefault(), p(f));
3083
- };
3084
- return /* @__PURE__ */ r.createElement(
3085
- xe,
3086
- k(h({
3087
- className: M(e, "humany-widget-link"),
3088
- onKeyDown: d,
3089
- onClick: (f) => {
3090
- n(f), p(f);
3091
- }
3092
- }, i), {
3093
- ref: a
3094
- }),
3095
- t
3096
- );
3097
- }
3098
- ), Yo = N(
3099
- ({ portalId: e = "humany-widget-overlay-portal", className: t, children: n }, o) => {
3100
- const s = Z(), i = se(() => {
3101
- if (!s)
3102
- return null;
3103
- const a = s.get("widgetDOMElement");
3104
- return !a || !a.childElementCount ? null : a.children[0];
3105
- }, [s]);
3106
- return i ? /* @__PURE__ */ r.createElement(G, { elementId: e, parent: i }, /* @__PURE__ */ r.createElement(
3107
- to,
3108
- {
3109
- className: M("humany-widget-overlay-outlet", t),
3110
- ref: o
3111
- },
3112
- n
3113
- )) : null;
3114
- }
3115
- ), to = y.div`
3116
- background-color: #ffffff;
3117
- position: absolute;
3118
- top: 0;
3119
- left: 0;
3120
- bottom: 0;
3121
- right: 0;
3122
- z-index: 10;
3123
- width: 100%;
3124
- height: 100%;
3125
- `, no = (e, t, n, o, s) => e.getAsync("componentResolver").then((i) => (i.registerComponent(
3126
- t,
3127
- ft(() => n)
3128
- ), yt(e, t, o || (() => {
3129
- }), t, s))), Xo = no;
3130
- export {
3131
- Zt as AnchorLink,
3132
- ae as Button,
3133
- Co as Checkbox,
3134
- At as ColumnContext,
3135
- Ae as ComponentNodeContext,
3136
- Ft as ComponentPropertyContext,
3137
- Oo as Confirm,
3138
- Pt as ContainerContext,
3139
- jt as ConversationContext,
3140
- Xr as DateFormats,
3141
- No as Drawer,
3142
- Tn as DrawerAnimationType,
3143
- Vo as Dropdown,
3144
- Kn as Empty,
3145
- Wo as Grid,
3146
- _e as Html,
3147
- Un as Icon,
3148
- Zo as Input,
3149
- Qn as ItemList,
3150
- Io as ItemTree,
3151
- Dr as Lightbox,
3152
- xe as Link,
3153
- _n as List,
3154
- zr as Modal,
3155
- Po as NotFound,
3156
- qe as Overlay,
3157
- qn as Paragraph,
3158
- G as Portal,
3159
- Jn as RouteLink,
3160
- Kt as RoutingContext,
3161
- We as StyledText,
3162
- J as SymbolBadge,
3163
- Ao as TabStop,
3164
- ve as Text,
3165
- Yr as TextLink,
3166
- Fo as Timestamp,
3167
- Ko as Tooltip,
3168
- jo as TransitionComponent,
3169
- q as Typography,
3170
- eo as WidgetLink,
3171
- Yo as WidgetOverlayOutlet,
3172
- A as borderTabStyle,
3173
- Ve as browser,
3174
- xn as buttonCss,
3175
- Xe as contentBox,
3176
- V as convertToStringAttributes,
3177
- go as createEmptyComponent,
3178
- Xo as createReactComponent,
3179
- Vt as defaultRenderInstructions,
3180
- Ht as embeddedLinkMapper,
3181
- Dt as filterCssProps,
3182
- Tt as filterCssPropsStyle,
3183
- Bt as genericHashLink,
3184
- zo as genericHtml,
3185
- ie as headingElement,
3186
- Nt as imageLightboxRenderer,
3187
- To as invertedHoverButton,
3188
- Bo as itemList,
3189
- wn as linkTabStyle,
3190
- $n as list,
3191
- Do as paddedBorderTabStyle,
3192
- zt as processHtmlString,
3193
- fe as transitionComposer,
3194
- yo as useAction,
3195
- bo as useChildren,
3196
- vo as useColumns,
3197
- Eo as useComponent,
3198
- Ce as useComponentDescriptor,
3199
- ye as useComponentNode,
3200
- U as useComponentPlatform,
3201
- Z as useContainer,
3202
- nn as useContext,
3203
- xo as useConversation,
3204
- wo as useDispatch,
3205
- I as useEventListener,
3206
- an as useEvents,
3207
- O as useIsMounted,
3208
- $o as useIsTabbing,
3209
- Y as useKeyPress,
3210
- ko as useLayout,
3211
- Fe as usePrevious,
3212
- Lo as useProperties,
3213
- Mo as useRenderState,
3214
- So as useRouteData,
3215
- Ke as useRouter,
3216
- je as useScroll,
3217
- Ro as useSettings,
3218
- Ye as useToggle,
3219
- Ho as useTransitionEnd,
3220
- be as useUniqueMenu,
3221
- ce as useWidgetEvent
3222
- };
3223
- //# sourceMappingURL=index.js.map