@telia-ace/knowledge-widget-types-grid 1.0.54 → 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.
@@ -0,0 +1,1704 @@
1
+ var Ye = Object.defineProperty;
2
+ var je = (t, e, o) => e in t ? Ye(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
3
+ var _ = (t, e, o) => (je(t, typeof e != "symbol" ? e + "" : e, o), o);
4
+ import { ac as Oe, ad as C, ae as Re, o as Q, l as Le, af as re, ag as se, ah as Y, ai as m, aj as J, ak as ne, al as le, am as F, an as M, ao as E, ap as g, aq as me, ar as U, as as X, at as Ve, au as x, av as j, aw as ce, ax as Be, ay as G, az as He, aA as P, aB as de, aC as fe, aD as he, aE as _e, aF as qe } from "./index-f6d7c0ea.mjs";
5
+ import { jsx as c, jsxs as y, Fragment as Ge } from "react/jsx-runtime";
6
+ import { useState as ge, useEffect as Z, lazy as Je, forwardRef as L, useCallback as A, useMemo as Ue, useRef as Ze, useImperativeHandle as Ke } from "react";
7
+ import "react-dom";
8
+ import { c as O } from "./create-params-4e652cc7.mjs";
9
+ const ee = (t) => {
10
+ if (!t)
11
+ return "";
12
+ const e = [
13
+ { from: /[äæǽ]+/gi, to: "ae" },
14
+ { from: /[öœ]+/gi, to: "oe" },
15
+ { from: /[ü]+/gi, to: "ue" },
16
+ { from: /[Ä]+/gi, to: "Ae" },
17
+ { from: /[Ü]+/gi, to: "Ue" },
18
+ { from: /[Ö]+/gi, to: "Oe" },
19
+ { from: /[ÀÁÂÃÄÅǺĀĂĄǍΑΆẢẠẦẪẨẬẰẮẴẲẶА]+/gi, to: "A" },
20
+ { from: /[àáâãåǻāăąǎªαάảạầấẫẩậằắẵẳặа]+/gi, to: "a" },
21
+ { from: /[Б]+/gi, to: "B" },
22
+ { from: /[б]+/gi, to: "b" },
23
+ { from: /[ÇĆĈĊČ]+/gi, to: "C" },
24
+ { from: /[çćĉċč]+/gi, to: "c" },
25
+ { from: /[Д]+/gi, to: "D" },
26
+ { from: /[д]+/gi, to: "d" },
27
+ { from: /[ÐĎĐΔ]+/gi, to: "Dj" },
28
+ { from: /[ðďđδ]+/gi, to: "dj" },
29
+ { from: /[ÈÉÊËĒĔĖĘĚΕΈẼẺẸỀẾỄỂỆЕЭ]+/gi, to: "E" },
30
+ { from: /[èéêëēĕėęěέεẽẻẹềếễểệеэ]+/gi, to: "e" },
31
+ { from: /[Ф]+/gi, to: "F" },
32
+ { from: /[ф]+/gi, to: "f" },
33
+ { from: /[ĜĞĠĢΓГҐ]+/gi, to: "G" },
34
+ { from: /[ĝğġģγгґ]+/gi, to: "g" },
35
+ { from: /[ĤĦ]+/gi, to: "H" },
36
+ { from: /[ĥħ]+/gi, to: "h" },
37
+ { from: /[ÌÍÎÏĨĪĬǏĮİΗΉΊΙΪỈỊИЫ]+/gi, to: "I" },
38
+ { from: /[ìíîïĩīĭǐįıηήίιϊỉịиыї]+/gi, to: "i" },
39
+ { from: /[Ĵ]+/gi, to: "J" },
40
+ { from: /[ĵ]+/gi, to: "j" },
41
+ { from: /[ĶΚК]+/gi, to: "K" },
42
+ { from: /[ķκк]+/gi, to: "k" },
43
+ { from: /[ĹĻĽĿŁΛЛ]+/gi, to: "L" },
44
+ { from: /[ĺļľŀłλл]+/gi, to: "l" },
45
+ { from: /[М]+/gi, to: "M" },
46
+ { from: /[м]+/gi, to: "m" },
47
+ { from: /[ÑŃŅŇΝН]+/gi, to: "N" },
48
+ { from: /[ñńņňʼnνн]+/gi, to: "n" },
49
+ { from: /[ÒÓÔÕŌŎǑŐƠØǾΟΌΩΏỎỌỒỐỖỔỘỜỚỠỞỢО]+/gi, to: "O" },
50
+ { from: /[òóôõōŏǒőơøǿºοόωώỏọồốỗổộờớỡởợо]+/gi, to: "o" },
51
+ { from: /[П]+/gi, to: "P" },
52
+ { from: /[п]+/gi, to: "p" },
53
+ { from: /[ŔŖŘΡР]+/gi, to: "R" },
54
+ { from: /[ŕŗřρр]+/gi, to: "r" },
55
+ { from: /[ŚŜŞȘŠΣС]+/gi, to: "S" },
56
+ { from: /[śŝşșšſσςс]+/gi, to: "s" },
57
+ { from: /[ȚŢŤŦτТ]+/gi, to: "T" },
58
+ { from: /[țţťŧт]+/gi, to: "t" },
59
+ { from: /[ÙÚÛŨŪŬŮŰŲƯǓǕǗǙǛŨỦỤỪỨỮỬỰУ]+/gi, to: "U" },
60
+ { from: /[ùúûũūŭůűųưǔǖǘǚǜυύϋủụừứữửựу]+/gi, to: "u" },
61
+ { from: /[ÝŸŶΥΎΫỲỸỶỴЙ]+/gi, to: "Y" },
62
+ { from: /[ýÿŷỳỹỷỵй]+/gi, to: "y" },
63
+ { from: /[В]+/gi, to: "V" },
64
+ { from: /[в]+/gi, to: "v" },
65
+ { from: /[Ŵ]+/gi, to: "W" },
66
+ { from: /[ŵ]+/gi, to: "w" },
67
+ { from: /[ŹŻŽΖЗ]+/gi, to: "Z" },
68
+ { from: /[źżžζз]+/gi, to: "z" },
69
+ { from: /[ÆǼ]+/gi, to: "AE" },
70
+ { from: /[ß]+/gi, to: "ss" },
71
+ { from: /[IJ]+/gi, to: "IJ" },
72
+ { from: /[ij]+/gi, to: "ij" },
73
+ { from: /[Œ]+/gi, to: "OE" },
74
+ { from: /[ƒ]+/gi, to: "f" },
75
+ { from: /[ξ]+/gi, to: "ks" },
76
+ { from: /[π]+/gi, to: "p" },
77
+ { from: /[β]+/gi, to: "v" },
78
+ { from: /[μ]+/gi, to: "m" },
79
+ { from: /[ψ]+/gi, to: "ps" },
80
+ { from: /[Ё]+/gi, to: "Yo" },
81
+ { from: /[ё]+/gi, to: "yo" },
82
+ { from: /[Є]+/gi, to: "Ye" },
83
+ { from: /[є]+/gi, to: "ye" },
84
+ { from: /[Ї]+/gi, to: "Yi" },
85
+ { from: /[Ж]+/gi, to: "Zh" },
86
+ { from: /[ж]+/gi, to: "zh" },
87
+ { from: /[Х]+/gi, to: "Kh" },
88
+ { from: /[х]+/gi, to: "kh" },
89
+ { from: /[Ц]+/gi, to: "Ts" },
90
+ { from: /[ц]+/gi, to: "ts" },
91
+ { from: /[Ч]+/gi, to: "Ch" },
92
+ { from: /[ч]+/gi, to: "ch" },
93
+ { from: /[Ш]+/gi, to: "Sh" },
94
+ { from: /[ш]+/gi, to: "sh" },
95
+ { from: /[Щ]+/gi, to: "Shch" },
96
+ { from: /[щ]+/gi, to: "shch" },
97
+ { from: /[ЪъЬь]+/gi, to: "" },
98
+ { from: /[Ю]+/gi, to: "Yu" },
99
+ { from: /[ю]+/gi, to: "yu" },
100
+ { from: /[Я]+/gi, to: "Ya" },
101
+ { from: /[я]+/gi, to: "ya" }
102
+ ], o = /[^a-zA-Z0-9]+/g, a = /[-]$/;
103
+ let i = t;
104
+ for (const r in e)
105
+ e.hasOwnProperty(r) && e[r].from.test(t) && (i = i.replace(e[r].from, e[r].to));
106
+ return i = i.replace(o, "-"), i = i.replace(a, ""), i = i.toLowerCase(), i || "humany";
107
+ }, We = (t) => {
108
+ let e;
109
+ t.split(",")[0].indexOf("base64") !== -1 ? e = atob(t.split(",")[1]) : e = decodeURI(t.split(",")[1]);
110
+ const o = t.split(",")[0].split(":")[1].split(";")[0], a = [];
111
+ for (let i = 0; i < e.length; i++)
112
+ a[i] = e.charCodeAt(i);
113
+ return new Blob([new Uint8Array(a)], { type: o });
114
+ }, Qe = (t, e) => {
115
+ if (!t || !e)
116
+ return !0;
117
+ let o = e.parentNode, a = !1;
118
+ for (; o !== null; )
119
+ o === t && (a = !0), o = o.parentNode;
120
+ return a;
121
+ }, ue = (t, e = {}, o = {}, a = () => {
122
+ }) => {
123
+ t.properties && Object.keys(t.properties).forEach((i) => {
124
+ const r = {
125
+ schema: t.properties[i],
126
+ layout: e[i],
127
+ data: o[i]
128
+ }, n = { data: { options: (o["data:options"] || {})[i] } };
129
+ a(new Oe(i, r), n), typeof r.schema == "object" && ue(
130
+ r.schema,
131
+ r.layout,
132
+ r.data,
133
+ a
134
+ );
135
+ });
136
+ };
137
+ class Xe {
138
+ constructor(e) {
139
+ this.form = e;
140
+ }
141
+ findValue(e) {
142
+ }
143
+ traverse(e) {
144
+ const { schema: o, layout: a, data: i } = this.form;
145
+ ue(o, a, i, e);
146
+ }
147
+ export(e = !1) {
148
+ const o = new FormData(), a = {}, i = {};
149
+ return this.traverse((r, s) => {
150
+ switch (r.component) {
151
+ case "Name":
152
+ case "Address":
153
+ case "Fieldset":
154
+ case "Submit":
155
+ break;
156
+ case "File":
157
+ const { data: n } = s, { options: l } = n;
158
+ if (l) {
159
+ const { fileName: f } = l;
160
+ a[r.name] = f;
161
+ }
162
+ if (e)
163
+ i[r.name] = { component: r, extra: s };
164
+ else if (r.value) {
165
+ const f = s.data.options.fileName || r.name, d = We(r.value);
166
+ o.append(r.name, d, f);
167
+ }
168
+ break;
169
+ default:
170
+ a[r.name] = r.value;
171
+ break;
172
+ }
173
+ }), o.append("components", JSON.stringify(a)), { formData: o, values: a, excluded: i };
174
+ }
175
+ }
176
+ const et = () => {
177
+ const [t, e] = ge(!1);
178
+ return Z(() => {
179
+ const o = () => {
180
+ e(!1);
181
+ }, a = (i) => {
182
+ i.keyCode === 9 && e(!0);
183
+ };
184
+ return window.addEventListener("keydown", a), window.addEventListener("click", o), () => {
185
+ window.removeEventListener("keydown", a), window.removeEventListener("click", o);
186
+ };
187
+ }, []), t;
188
+ };
189
+ var pe = /* @__PURE__ */ ((t) => (t.HH_MM = "hh:mm", t.YYYY_MM_DD = "yyyy-mm-dd", t.YYYY_MM_DD_HH_MM = "yyyy-mm-dd hh:mm", t))(pe || {});
190
+ const ye = ({ className: t = "", format: e = "hh:mm", timestamp: o }) => /* @__PURE__ */ c("span", { className: C(t, "humany-timestamp"), children: tt(o, e) }), te = (t) => `0${t}`.slice(-2);
191
+ function tt(t, e) {
192
+ const o = new Date(t), a = o.toTimeString().split(" ")[0].split(":"), i = a.length > 1 ? `${a[0]}:${a[1]}` : a[0], r = o.getFullYear(), s = o.getMonth() + 1, n = o.getDate(), l = `${r}-${te(s)}-${te(n)}`;
193
+ return e === "yyyy-mm-dd" ? l : e === "hh:mm" ? i : `${l} ${i}`;
194
+ }
195
+ const ve = (t, e, o = !1) => t.getManyAsync("matchingClient", "router").then((a) => {
196
+ const { formData: i } = new Xe(e.body.form).export(o), { router: r, matchingClient: s } = a, { params: n } = r.getRouteData();
197
+ return s.customRequest(
198
+ `contactmethods/${e.id}${o ? "/validatedwithpayload" : ""}`,
199
+ "POST",
200
+ {
201
+ body: i,
202
+ configuration: {
203
+ guideId: e.body.guideId || n.guideId
204
+ }
205
+ }
206
+ );
207
+ }), ot = (t, e) => ve(t, e, !0).then((o) => ({
208
+ valid: o.Validation.IsValid,
209
+ errors: o.Validation.Errors,
210
+ errorTypes: o.Validation.ErrorTypes
211
+ })), at = (t, e) => ve(t, e, !0).then(
212
+ (o) => Re.fromLegacyForm(e.id, o.ContactMethod.Form).get()
213
+ ), it = (t, e) => t.getAsync("matchingClient").then((o) => {
214
+ o.completeContactMethod(e.id);
215
+ }), rt = async (t, e) => {
216
+ const o = t.get(e.clientName);
217
+ let { description: a, disabled: i, onClick: r } = e;
218
+ if (o) {
219
+ const { handleClick: s, handleDescription: n, handleDisabled: l } = o;
220
+ typeof s == "function" && (r = await Promise.resolve(s(e))), typeof n == "function" && (a = await Promise.resolve(n(e))), typeof l == "function" && (i = await Promise.resolve(l(e)));
221
+ }
222
+ return Promise.resolve({
223
+ ...e,
224
+ description: a,
225
+ disabled: i,
226
+ onClick: r
227
+ });
228
+ };
229
+ class R {
230
+ constructor(e, o) {
231
+ _(this, "adapters", /* @__PURE__ */ new Map());
232
+ _(this, "subs", []);
233
+ if (this.container = e, this.componentPlatform = o, o) {
234
+ o.components().ofType("contact-list").select().actions.watch(
235
+ "contact-list.fetched",
236
+ async (s, n) => {
237
+ const { contactMethods: l } = s;
238
+ if (l) {
239
+ const f = Promise.all(
240
+ l.map(
241
+ (d) => this.handleAdapters(d)
242
+ )
243
+ );
244
+ await Promise.resolve(f).then((d) => {
245
+ s.contactMethods = d;
246
+ });
247
+ }
248
+ return n(s);
249
+ }
250
+ );
251
+ const i = o.components().ofType("guide").select();
252
+ i.actions.watch("guide.fetched", async (s, n) => {
253
+ const { contactMethods: l } = s;
254
+ if (l) {
255
+ const f = Promise.all(
256
+ l.map(
257
+ (d) => this.handleAdapters(d)
258
+ )
259
+ );
260
+ await Promise.resolve(f).then((d) => {
261
+ s.contactMethods = d;
262
+ });
263
+ }
264
+ return n(s);
265
+ }), i.actions.watch("guide.handover", async (s, n) => {
266
+ const { handoverContactMethods: l } = s;
267
+ if (l) {
268
+ const f = Promise.all(
269
+ l.map(
270
+ (d) => this.handleAdapters(d)
271
+ )
272
+ );
273
+ await Promise.resolve(f).then((d) => {
274
+ s.handoverContactMethods = d;
275
+ });
276
+ }
277
+ return n(s);
278
+ }), o.components().ofType("contact-method").select().actions.watch(
279
+ "contact-method.fetched",
280
+ async (s, n) => {
281
+ const { contactMethod: l } = s;
282
+ return l ? this.handleAdapters(l).then((f) => n({ ...s, contactMethod: f })) : n(s);
283
+ }
284
+ );
285
+ }
286
+ }
287
+ static create(e) {
288
+ return Q.getInstance(e).then((o) => new R(e, o));
289
+ }
290
+ handleAdapters(e) {
291
+ return rt(this.adapters, e);
292
+ }
293
+ static getInstance(e, o = "contactMethods") {
294
+ return Le(e)(() => e.getAsync(o).then((a) => {
295
+ let i = a;
296
+ return i || Q.getInstance(e).then((r) => (i = new R(
297
+ e,
298
+ r
299
+ ), e.registerAsync(o, () => i), i));
300
+ }));
301
+ }
302
+ track(e = {}, o) {
303
+ const { events: a } = this.container.get("$widget");
304
+ a.dispatch("tracking:service-client-response", {
305
+ type: o,
306
+ data: e
307
+ });
308
+ }
309
+ complete(e) {
310
+ const { id: o, title: a, clientName: i, expanded: r, body: s } = e;
311
+ this.track(
312
+ {
313
+ contactMethod: { id: o, title: a, expanded: r, type: i },
314
+ hasGuide: !!s.guideId
315
+ },
316
+ "contact-method-complete"
317
+ /* ContactMethodComplete */
318
+ );
319
+ const n = this.adapters.get(i);
320
+ if (n && n.onComplete)
321
+ return n.onComplete(e);
322
+ }
323
+ evaluate(e) {
324
+ const { clientName: o } = e, a = this.adapters.get(o);
325
+ return a && a.onEvaluate ? Promise.resolve(a.onEvaluate(e)) : Promise.resolve(e.body.form);
326
+ }
327
+ validate(e) {
328
+ const { id: o, title: a, clientName: i } = e, r = this.adapters.get(i);
329
+ return r && r.onValidate ? Promise.resolve(r.onValidate(e)).then(
330
+ (s) => {
331
+ this.track(
332
+ {
333
+ contactMethod: { id: o, title: a, type: i },
334
+ isValid: s.valid
335
+ },
336
+ "contact-method-validate"
337
+ /* ContactMethodValidate */
338
+ );
339
+ const { events: n } = this.container.get("$widget");
340
+ return n.dispatch("form:validated", { isValid: s.valid }), s;
341
+ }
342
+ ) : Promise.resolve({ valid: !0 });
343
+ }
344
+ submit(e) {
345
+ const { clientName: o } = e, a = this.adapters.get(o);
346
+ return a && a.onSubmit ? Promise.resolve(a.onSubmit(e)).then((i) => (this.complete(e), i)) : Promise.resolve("");
347
+ }
348
+ create(e) {
349
+ const { clientName: o, render: a } = e;
350
+ return this.adapters.set(o, {
351
+ onValidate: (i) => ot(this.container, i),
352
+ onEvaluate: (i) => at(this.container, i),
353
+ onComplete: (i) => it(this.container, i),
354
+ ...e
355
+ }), this.container.getAsync("componentResolver").then((i) => {
356
+ typeof a == "string" ? this.subs.push(i.registerAlias(o, a)) : this.subs.push(
357
+ i.registerComponent(
358
+ o,
359
+ Je(() => a)
360
+ )
361
+ );
362
+ });
363
+ }
364
+ dispose() {
365
+ this.subs.forEach((e) => e());
366
+ }
367
+ }
368
+ const Ft = R, st = ({
369
+ title: t = "",
370
+ className: e,
371
+ id: o,
372
+ parent: a,
373
+ connection: i,
374
+ type: r,
375
+ target: s,
376
+ href: n,
377
+ children: l,
378
+ connectionKey: f
379
+ }) => {
380
+ const d = {}, { name: h, params: p } = re();
381
+ switch (r) {
382
+ case "default":
383
+ case "guide":
384
+ const { id: k, title: b } = a;
385
+ let w = f || i;
386
+ k !== o && !f && (w = void 0), d.routeName = h, d.params = O({
387
+ ...p,
388
+ guide: o,
389
+ connection: w,
390
+ uriName: ee(o === k ? b : t)
391
+ });
392
+ break;
393
+ case "link":
394
+ d.href = n, d.target = s;
395
+ break;
396
+ }
397
+ return /* @__PURE__ */ c(
398
+ se,
399
+ {
400
+ className: C(e, "humany-dialog-link"),
401
+ ...d,
402
+ children: l || /* @__PURE__ */ y(Ge, { children: [
403
+ r === "link" && /* @__PURE__ */ c(Y, { faIcon: "link" }),
404
+ /* @__PURE__ */ c("span", { children: t })
405
+ ] })
406
+ }
407
+ );
408
+ };
409
+ L(
410
+ ({ className: t, dialog: e, ...o }, a) => e.length ? /* @__PURE__ */ c(
411
+ nt,
412
+ {
413
+ className: C(t, "humany-dialog"),
414
+ items: e,
415
+ renderItem: (i) => /* @__PURE__ */ c("li", { "data-dialog": i.connection, children: /* @__PURE__ */ c(st, { ...i }) }, i.connection),
416
+ ...o,
417
+ ref: a
418
+ }
419
+ ) : null
420
+ );
421
+ const nt = m(J)`
422
+ ${ne}
423
+ a {
424
+ min-width: 150px;
425
+ max-width: 400px;
426
+ display: block;
427
+ white-space: normal;
428
+ ${(t) => {
429
+ var e, o;
430
+ return ((e = t.theme.colors) == null ? void 0 : e.primary) && le({
431
+ primaryColor: (o = t.theme.colors) == null ? void 0 : o.primary,
432
+ secondaryColor: "#FFFFFF",
433
+ theme: t.theme
434
+ });
435
+ }}
436
+ }
437
+
438
+ i {
439
+ margin: 0 ${(t) => {
440
+ var e;
441
+ return (e = t.theme.sizes) == null ? void 0 : e.small;
442
+ }} 0 0;
443
+ }
444
+ `;
445
+ m(F)`
446
+ ${M}
447
+ font-family: ${(t) => {
448
+ var e;
449
+ return (e = t.theme.fonts) == null ? void 0 : e.type;
450
+ }};
451
+ padding: ${(t) => {
452
+ var e;
453
+ return (e = t.theme.sizes) == null ? void 0 : e.medium;
454
+ }};
455
+ > ul > li {
456
+ overflow: visible;
457
+ font-weight: 300;
458
+ font-size: ${(t) => {
459
+ var e;
460
+ return (e = t.theme.fonts) == null ? void 0 : e.normal;
461
+ }};
462
+ }
463
+ `;
464
+ m.div`
465
+ background: #fff;
466
+ border: #ccc 1px solid;
467
+ box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
468
+ font-family: ${(t) => {
469
+ var e;
470
+ return (e = t.theme.fonts) == null ? void 0 : e.type;
471
+ }};
472
+ font-size: ${(t) => {
473
+ var e;
474
+ return (e = t.theme.fonts) == null ? void 0 : e.normal;
475
+ }};
476
+ `;
477
+ m.div`
478
+ padding: ${(t) => {
479
+ var e;
480
+ return (e = t.theme.sizes) == null ? void 0 : e.normal;
481
+ }};
482
+ padding-bottom: 0;
483
+ font-size: ${(t) => {
484
+ var e;
485
+ return (e = t.theme.fonts) == null ? void 0 : e.normal;
486
+ }};
487
+ font-weight: normal;
488
+ white-space: nowrap;
489
+ display: flex;
490
+ align-items: center;
491
+
492
+ h1,
493
+ h2,
494
+ h3,
495
+ h4,
496
+ h5,
497
+ h6 {
498
+ margin: 0;
499
+ font-weight: normal;
500
+ padding-bottom: 0;
501
+ }
502
+
503
+ svg,
504
+ i {
505
+ margin-right: ${(t) => {
506
+ var e;
507
+ return (e = t.theme.sizes) == null ? void 0 : e.small;
508
+ }};
509
+ }
510
+ `;
511
+ m(J)`
512
+ list-style: none;
513
+ padding: 0;
514
+ margin: 0;
515
+ padding: ${(t) => {
516
+ var e;
517
+ return (e = t.theme.sizes) == null ? void 0 : e.small;
518
+ }} 0;
519
+
520
+ li {
521
+ background: #fff;
522
+
523
+ a {
524
+ display: block;
525
+ font-size: ${(t) => {
526
+ var e;
527
+ return (e = t.theme.fonts) == null ? void 0 : e.small;
528
+ }};
529
+ padding: ${(t) => {
530
+ var e, o;
531
+ return `${(e = t.theme.sizes) == null ? void 0 : e.small} ${(o = t.theme.sizes) == null ? void 0 : o.normal}`;
532
+ }};
533
+ cursor: pointer;
534
+ color: #555;
535
+ text-decoration: none;
536
+
537
+ &:hover {
538
+ background: #f9f9f9;
539
+ color: ${(t) => {
540
+ var e;
541
+ return (e = t.theme.colors) == null ? void 0 : e.primary;
542
+ }};
543
+ }
544
+ }
545
+ }
546
+ `;
547
+ m(F)`
548
+ ${M}
549
+ font-family: ${(t) => {
550
+ var e;
551
+ return (e = t.theme.fonts) == null ? void 0 : e.type;
552
+ }};
553
+ > div {
554
+ ${(t) => {
555
+ var e;
556
+ return E(t)(
557
+ "> h1",
558
+ g`
559
+ font-size: ${(e = t.theme.fonts) == null ? void 0 : e.normal};
560
+ line-height: 1.2em;
561
+ `
562
+ );
563
+ }}
564
+ }
565
+ > ul > li {
566
+ overflow: visible;
567
+ font-weight: 300;
568
+ font-size: ${(t) => {
569
+ var e;
570
+ return (e = t.theme.fonts) == null ? void 0 : e.normal;
571
+ }};
572
+
573
+ a {
574
+ display: inline-block;
575
+
576
+ @media (hover: hover) {
577
+ &:hover {
578
+ text-decoration: underline;
579
+ }
580
+ }
581
+ }
582
+ }
583
+ `;
584
+ const lt = (t) => g`
585
+ ${t["data-loading"] && "position: relative;"};
586
+ ${t["data-loading"] && "min-height: 150px;"}
587
+ > * {
588
+ transition: 200ms ease-out opacity;
589
+ opacity: ${t["data-loading"] ? "0.5" : "1"};
590
+ }
591
+ .humany-loader {
592
+ opacity: ${t["data-loading"] ? "1" : "0"};
593
+ }
594
+ `;
595
+ m(Y)`
596
+ && {
597
+ font-size: ${(t) => {
598
+ var e;
599
+ return (e = t.theme.fonts) == null ? void 0 : e.small;
600
+ }};
601
+ }
602
+ width: 1.2em;
603
+ `;
604
+ m(me)`
605
+ font-size: ${(t) => {
606
+ var e;
607
+ return (e = t.theme.fonts) == null ? void 0 : e.medium;
608
+ }};
609
+ font-weight: normal;
610
+ line-height: 1.2em;
611
+ color: ${(t) => {
612
+ var e;
613
+ return (e = t.theme.colors) == null ? void 0 : e.text;
614
+ }};
615
+ `;
616
+ const mt = m(U)`
617
+ display: flex;
618
+ align-items: center;
619
+
620
+ ${(t) => {
621
+ var e;
622
+ return t["data-has-label"] === "true" && t["data-has-symbol"] === "true" && `
623
+ svg, i {
624
+ margin: 0 ${(e = t.theme.sizes) == null ? void 0 : e.small} 0 0;
625
+ }
626
+ `;
627
+ }}
628
+
629
+ &:focus-visible {
630
+ ${(t) => t["data-has-label"] === "true" && X}
631
+
632
+ svg, i {
633
+ ${(t) => t["data-has-label"] === "false" && t["data-has-symbol"] === "true" && g`
634
+ ${X(t)}
635
+ box-sizing: content-box;
636
+ `}
637
+ }
638
+ }
639
+
640
+ span {
641
+ flex: 1;
642
+ font-weight: 300;
643
+ }
644
+ `, ct = ({
645
+ addFavoriteTooltip: t,
646
+ removeFavoriteCancelLabel: e,
647
+ removeFavoriteConfirmLabel: o,
648
+ removeFavoriteHeader: a,
649
+ removeFavoriteLabel: i,
650
+ removeFavoriteTooltip: r,
651
+ id: s,
652
+ isFavorite: n,
653
+ guideTitle: l,
654
+ buttonLabel: f = "",
655
+ actions: { addFavorite: d, removeFavorite: h }
656
+ }) => {
657
+ const p = A(() => {
658
+ h(s);
659
+ }, [s, h]), k = A(() => {
660
+ d(s);
661
+ }, [s, d]), b = `${n ? r : t}${l ? `: "${l}"` : ""}`;
662
+ return n ? /* @__PURE__ */ c(
663
+ Ve,
664
+ {
665
+ trigger: /* @__PURE__ */ y(
666
+ oe,
667
+ {
668
+ className: "humany-favorite-button",
669
+ title: b,
670
+ "aria-label": b,
671
+ "data-favorite": "true",
672
+ "data-has-label": f ? "true" : "false",
673
+ "data-has-symbol": "true",
674
+ children: [
675
+ /* @__PURE__ */ c(
676
+ x,
677
+ {
678
+ size: 16,
679
+ symbol: { type: "Svg", content: "star-empty" }
680
+ }
681
+ ),
682
+ f && /* @__PURE__ */ c(j, { children: f })
683
+ ]
684
+ }
685
+ ),
686
+ onConfirm: p,
687
+ cancelLabel: e,
688
+ confirmLabel: o,
689
+ header: a,
690
+ text: i
691
+ }
692
+ ) : /* @__PURE__ */ y(
693
+ oe,
694
+ {
695
+ className: "humany-favorite-button",
696
+ title: b,
697
+ "aria-label": b,
698
+ onClick: k,
699
+ "data-favorite": "false",
700
+ "data-has-label": f ? "true" : "false",
701
+ "data-has-symbol": "true",
702
+ children: [
703
+ /* @__PURE__ */ c(x, { size: 16, symbol: { type: "Svg", content: "star-empty" } }),
704
+ f && /* @__PURE__ */ c(j, { children: f })
705
+ ]
706
+ }
707
+ );
708
+ }, oe = m(mt)`
709
+ grid-area: favorite;
710
+
711
+ &:focus-visible {
712
+ svg {
713
+ ${(t) => {
714
+ var e, o;
715
+ return t["data-favorite"] === "true" ? `
716
+ fill: transparent;
717
+
718
+ path {
719
+ fill: transparent;
720
+ }
721
+ ` : `
722
+ fill: ${(e = t.theme.colors) == null ? void 0 : e.text};
723
+
724
+ path {
725
+ fill: ${(o = t.theme.colors) == null ? void 0 : o.text};
726
+ }
727
+ `;
728
+ }}
729
+ }
730
+ }
731
+
732
+ ${(t) => {
733
+ var e, o, a, i, r, s, n;
734
+ return ((e = t.theme.colors) == null ? void 0 : e.text) && g`
735
+ svg {
736
+ stroke: ${(o = t.theme.colors) == null ? void 0 : o.text};
737
+
738
+ path {
739
+ stroke: ${(a = t.theme.colors) == null ? void 0 : a.text};
740
+ }
741
+
742
+ ${t["data-favorite"] === "true" && `
743
+ fill: ${(i = t.theme.colors) == null ? void 0 : i.text};
744
+
745
+ path {
746
+ fill: ${(r = t.theme.colors) == null ? void 0 : r.text};
747
+ }
748
+ `};
749
+ }
750
+
751
+ &:hover {
752
+ svg {
753
+ ${t["data-favorite"] === "true" ? `
754
+ fill: transparent;
755
+
756
+ path {
757
+ fill: transparent;
758
+ }
759
+ ` : `
760
+ fill: ${(s = t.theme.colors) == null ? void 0 : s.text};
761
+
762
+ path {
763
+ fill: ${(n = t.theme.colors) == null ? void 0 : n.text};
764
+ }
765
+ `};
766
+ }
767
+ }
768
+ `;
769
+ }}
770
+ `;
771
+ L(
772
+ ({
773
+ onFeedback: t = () => {
774
+ },
775
+ direction: e = "horizontal",
776
+ className: o,
777
+ header: a,
778
+ positive: i,
779
+ negative: r,
780
+ selected: s,
781
+ ...n
782
+ }, l) => /* @__PURE__ */ y(
783
+ ft,
784
+ {
785
+ className: C(o, "humany-feedback"),
786
+ "data-direction": e,
787
+ ...ce(n),
788
+ ref: l,
789
+ children: [
790
+ !!a && /* @__PURE__ */ c(dt, { children: a }),
791
+ /* @__PURE__ */ y(
792
+ ae,
793
+ {
794
+ className: "humany-feedback-button",
795
+ disabled: !!s,
796
+ "data-selected": s === "positive",
797
+ "data-direction": e,
798
+ onClick: () => t("positive"),
799
+ children: [
800
+ /* @__PURE__ */ c(Y, { faIcon: "smile-o" }),
801
+ /* @__PURE__ */ c("span", { children: i })
802
+ ]
803
+ }
804
+ ),
805
+ /* @__PURE__ */ y(
806
+ ae,
807
+ {
808
+ className: "humany-feedback-button",
809
+ disabled: !!s,
810
+ "data-selected": s === "negative",
811
+ "data-direction": e,
812
+ onClick: () => t("negative"),
813
+ children: [
814
+ /* @__PURE__ */ c(Y, { faIcon: "frown-o" }),
815
+ /* @__PURE__ */ c("span", { children: r })
816
+ ]
817
+ }
818
+ )
819
+ ]
820
+ }
821
+ )
822
+ );
823
+ const dt = m(j)`
824
+ font-weight: normal;
825
+ margin: 0 0 ${(t) => {
826
+ var e;
827
+ return (e = t.theme.sizes) == null ? void 0 : e.normal;
828
+ }};
829
+ font-size: ${(t) => {
830
+ var e;
831
+ return (e = t.theme.fonts) == null ? void 0 : e.normal;
832
+ }};
833
+ display: block;
834
+ `, ae = m(U)`
835
+ display: inline-block;
836
+ font-size: ${(t) => {
837
+ var e;
838
+ return (e = t.theme.fonts) == null ? void 0 : e.normal;
839
+ }};
840
+ font-weight: 300;
841
+ && {
842
+ margin-right: ${(t) => {
843
+ var e;
844
+ return (e = t.theme.sizes) == null ? void 0 : e.large;
845
+ }};
846
+ }
847
+
848
+ ${(t) => {
849
+ var e, o;
850
+ return t["data-direction"] === "horizontal" && g`
851
+ width: 225px;
852
+ max-width: calc(50% - ${(e = t.theme.sizes) == null ? void 0 : e.large} - ${(o = t.theme.sizes) == null ? void 0 : o.small});
853
+ `;
854
+ }}
855
+
856
+ ${(t) => t["data-direction"] === "vertical" && g`
857
+ min-width: 190px;
858
+ `}
859
+
860
+ ${(t) => {
861
+ var e, o;
862
+ return ((e = t.theme.colors) == null ? void 0 : e.primary) && le({
863
+ active: t["data-selected"],
864
+ primaryColor: (o = t.theme.colors) == null ? void 0 : o.primary,
865
+ secondaryColor: "#FFFFFF",
866
+ theme: t.theme
867
+ });
868
+ }}
869
+
870
+ i {
871
+ margin: 0 ${(t) => {
872
+ var e;
873
+ return (e = t.theme.sizes) == null ? void 0 : e.small;
874
+ }} 0 0;
875
+ }
876
+ `, ft = m.div`
877
+ ${(t) => {
878
+ var e;
879
+ return t["data-direction"] === "vertical" && g`
880
+ > button {
881
+ width: 100%;
882
+ &:not(:last-child) {
883
+ margin-bottom: ${(e = t.theme.sizes) == null ? void 0 : e.normal};
884
+ }
885
+ }
886
+ `;
887
+ }}
888
+ `, ht = () => {
889
+ const t = Be(), [e, o] = ge([]), a = t.get("favorites");
890
+ Z(() => {
891
+ if (a) {
892
+ o(a.get());
893
+ const { events: l } = t.get("$widget");
894
+ return l.subscribe(
895
+ "widget:favorites-updated",
896
+ (d, { updated: h }) => {
897
+ o([...h]);
898
+ }
899
+ );
900
+ }
901
+ }, []);
902
+ const i = (l) => a ? a.add(l) : Promise.resolve([]), r = (l) => a ? a.remove(l) : Promise.resolve([]), s = () => a ? a.clear() : Promise.resolve([]), n = A(
903
+ (l) => e.indexOf(l) > -1 ? r(l) : i(l),
904
+ // eslint-disable-next-line react-hooks/exhaustive-deps
905
+ [e]
906
+ );
907
+ return [
908
+ e,
909
+ Ue(
910
+ () => ({
911
+ addFavorite: i,
912
+ removeFavorite: r,
913
+ clearFavorites: s,
914
+ toggleFavorite: n
915
+ }),
916
+ // eslint-disable-next-line react-hooks/exhaustive-deps
917
+ [e]
918
+ )
919
+ ];
920
+ }, gt = ({
921
+ format: t = pe.YYYY_MM_DD_HH_MM,
922
+ className: e = "",
923
+ byLabel: o = "",
924
+ modifiedLabel: a = "",
925
+ publishedLabel: i = "",
926
+ modifiedBy: r = "",
927
+ publishedBy: s = "",
928
+ showModified: n = !1,
929
+ showPublished: l = !1,
930
+ modified: f,
931
+ published: d
932
+ }) => {
933
+ const h = l && d ? /* @__PURE__ */ c(ie, { format: t, timestamp: d }) : null, p = n && f ? /* @__PURE__ */ c(ie, { format: t, timestamp: f }) : null;
934
+ return !h && !p ? null : /* @__PURE__ */ y(q, { className: C(e, "humany-metadata"), children: [
935
+ h && /* @__PURE__ */ y(q, { className: "humany-published", children: [
936
+ i,
937
+ h,
938
+ o && s && ` ${o.replace("{{editor}}", s)}`
939
+ ] }),
940
+ p && /* @__PURE__ */ y(q, { className: "humany-modified", children: [
941
+ h && ", ",
942
+ a,
943
+ p,
944
+ o && r && ` ${o.replace("{{editor}}", r)}`
945
+ ] })
946
+ ] });
947
+ }, ie = m(ye)`
948
+ &:not(:first-child) {
949
+ margin-left: 4px;
950
+ }
951
+ &:not(:last-child) {
952
+ margin-right: 4px;
953
+ }
954
+ `, q = m(me)`
955
+ font-style: italic;
956
+ `, ut = ({ tags: t }) => t.filter((e) => e.symbol).length ? /* @__PURE__ */ c(
957
+ vt,
958
+ {
959
+ className: "humany-guide-list-tags",
960
+ items: t,
961
+ renderItem: ({ id: e, symbol: o, title: a }) => o && /* @__PURE__ */ c("li", { "data-tag": e, children: /* @__PURE__ */ c($t, { size: 18, symbol: o, title: a }) }, e)
962
+ }
963
+ ) : null;
964
+ L(({ title: t, id: e, route: o, symbolSize: a, collapseUri: i, children: r }, s) => {
965
+ const { params: n } = re();
966
+ return /* @__PURE__ */ y(pt, { ref: s, "data-guide": e, children: [
967
+ /* @__PURE__ */ c(
968
+ G,
969
+ {
970
+ title: t,
971
+ "aria-label": t,
972
+ routeName: o,
973
+ params: O({
974
+ ...n,
975
+ uriName: i || void 0,
976
+ id: void 0,
977
+ guide: void 0,
978
+ accordion: void 0
979
+ }),
980
+ text: t,
981
+ children: /* @__PURE__ */ c(
982
+ x,
983
+ {
984
+ size: a,
985
+ symbol: { type: "Svg", content: "caret-up" }
986
+ }
987
+ )
988
+ }
989
+ ),
990
+ r
991
+ ] });
992
+ });
993
+ const pt = m.li`
994
+ > a {
995
+ grid-column: 1/-1;
996
+ font-weight: bold;
997
+ margin: 0 0 ${(t) => {
998
+ var e;
999
+ return (e = t.theme.sizes) == null ? void 0 : e.normal;
1000
+ }} 0;
1001
+ }
1002
+
1003
+ > div {
1004
+ grid-column: 1/-1;
1005
+ }
1006
+ `;
1007
+ L(
1008
+ ({
1009
+ expandable: t = !1,
1010
+ routing: e = {},
1011
+ paramMappers: o = {},
1012
+ symbolSize: a = 11,
1013
+ pageRole: i = "link",
1014
+ pageCaret: r = "down",
1015
+ showTags: s = !1,
1016
+ showFavoriteToggle: n = !1,
1017
+ localPaging: l = !1,
1018
+ onItemClick: f = () => {
1019
+ },
1020
+ dispatch: d = () => {
1021
+ },
1022
+ metadata: h = {},
1023
+ pageLabel: p,
1024
+ className: k,
1025
+ children: b,
1026
+ items: w,
1027
+ renderItem: V,
1028
+ addFavoriteTooltip: $e,
1029
+ removeFavoriteCancelLabel: be,
1030
+ removeFavoriteConfirmLabel: we,
1031
+ removeFavoriteHeader: xe,
1032
+ removeFavoriteLabel: ke,
1033
+ removeFavoriteTooltip: ze,
1034
+ ...Ce
1035
+ }, Ne) => {
1036
+ const K = et(), N = Ze(), S = He(w), { guide: Se = "guide", page: Te = "index" } = e, {
1037
+ guide: Pe = ({ id: u }) => O({ guide: u }),
1038
+ page: W = () => O()
1039
+ } = o, [Ae, Fe] = ht();
1040
+ Ke(Ne, () => N.current);
1041
+ const B = (u) => {
1042
+ const { id: $, title: v, tags: z, published: D, modified: T, publishedBy: I, modifiedBy: H } = u;
1043
+ return /* @__PURE__ */ y(
1044
+ "li",
1045
+ {
1046
+ "data-guide": $,
1047
+ "has-metadata": (!!(h != null && h.showPublished) && !!D || !!(h != null && h.showModified) && !!T).toString(),
1048
+ children: [
1049
+ /* @__PURE__ */ c(
1050
+ G,
1051
+ {
1052
+ className: "humany-guide-link",
1053
+ title: v,
1054
+ "aria-label": v,
1055
+ routeName: Se,
1056
+ onClick: (Ie) => f(Ie, u),
1057
+ params: Pe(u),
1058
+ text: v,
1059
+ children: /* @__PURE__ */ c(
1060
+ x,
1061
+ {
1062
+ size: a,
1063
+ symbol: {
1064
+ type: "Svg",
1065
+ content: t ? "caret-down" : "caret-right"
1066
+ }
1067
+ }
1068
+ )
1069
+ }
1070
+ ),
1071
+ n && /* @__PURE__ */ c(
1072
+ ct,
1073
+ {
1074
+ guideTitle: v,
1075
+ addFavoriteTooltip: $e,
1076
+ removeFavoriteCancelLabel: be,
1077
+ removeFavoriteConfirmLabel: we,
1078
+ removeFavoriteHeader: xe,
1079
+ removeFavoriteLabel: ke,
1080
+ removeFavoriteTooltip: ze,
1081
+ isFavorite: Ae.indexOf($) > -1,
1082
+ actions: Fe,
1083
+ id: $
1084
+ }
1085
+ ),
1086
+ s && /* @__PURE__ */ c(ut, { tags: z }),
1087
+ /* @__PURE__ */ c(
1088
+ bt,
1089
+ {
1090
+ ...h,
1091
+ indent: t ? void 0 : a,
1092
+ modified: T,
1093
+ published: D,
1094
+ publishedBy: I,
1095
+ modifiedBy: H
1096
+ }
1097
+ )
1098
+ ]
1099
+ },
1100
+ $
1101
+ );
1102
+ }, Me = A(
1103
+ (u, $, v) => V ? V(u, $, v, B) : B(u),
1104
+ [V, B]
1105
+ ), Ee = A(
1106
+ (u) => {
1107
+ l && (u.preventDefault(), d("page", W()));
1108
+ },
1109
+ [d, l]
1110
+ );
1111
+ Z(() => {
1112
+ if (S && S.length < w.length && N.current) {
1113
+ const u = N.current.querySelectorAll(
1114
+ ".humany-guide-list > ul > li"
1115
+ ), $ = u[S.length];
1116
+ if (u.length === w.length && S.length) {
1117
+ const v = u[S.length];
1118
+ if (v) {
1119
+ const z = v.querySelector(
1120
+ ".humany-guide-link"
1121
+ );
1122
+ z && z.focus();
1123
+ }
1124
+ } else
1125
+ $ && new MutationObserver((z, D) => {
1126
+ z.forEach((T) => {
1127
+ if (T.addedNodes) {
1128
+ const I = Array.from(
1129
+ T.addedNodes
1130
+ ).find((H) => H.tagName === "A");
1131
+ I && Qe(N.current, document.activeElement) && (K && I.focus(), D.disconnect());
1132
+ }
1133
+ });
1134
+ }).observe($, {
1135
+ attributes: !1,
1136
+ characterData: !1,
1137
+ childList: !0,
1138
+ subtree: !0,
1139
+ attributeOldValue: !1,
1140
+ characterDataOldValue: !1
1141
+ });
1142
+ }
1143
+ });
1144
+ const De = !!Object.keys(h).filter(
1145
+ (u) => typeof h[u] < "u"
1146
+ ).length;
1147
+ return /* @__PURE__ */ y(
1148
+ yt,
1149
+ {
1150
+ className: C(k, "humany-guide-list"),
1151
+ "data-item-count": w.length,
1152
+ items: w,
1153
+ renderItem: Me,
1154
+ isTabbing: K,
1155
+ expandable: t ? "true" : "false",
1156
+ "grid-items": s || n || De ? "true" : "false",
1157
+ ...ce(Ce),
1158
+ ref: N,
1159
+ children: [
1160
+ p ? /* @__PURE__ */ c(
1161
+ G,
1162
+ {
1163
+ text: p,
1164
+ title: p,
1165
+ "aria-label": p,
1166
+ routeName: Te,
1167
+ role: i,
1168
+ params: W(),
1169
+ onClick: Ee,
1170
+ children: /* @__PURE__ */ c(
1171
+ x,
1172
+ {
1173
+ size: a,
1174
+ symbol: { type: "Svg", content: `caret-${r}` }
1175
+ }
1176
+ )
1177
+ }
1178
+ ) : null,
1179
+ b
1180
+ ]
1181
+ }
1182
+ );
1183
+ }
1184
+ );
1185
+ const yt = m(F)`
1186
+ ${M}
1187
+ padding: ${(t) => {
1188
+ var e;
1189
+ return (e = t.theme.sizes) == null ? void 0 : e.large;
1190
+ }};
1191
+ overflow: auto;
1192
+ justify-content: flex-start;
1193
+ white-space: nowrap;
1194
+ font-weight: 300;
1195
+ text-decoration: none;
1196
+
1197
+ > div {
1198
+ ${(t) => E(t)(
1199
+ "> h1",
1200
+ g`
1201
+ white-space: pre-wrap;
1202
+ `
1203
+ )}
1204
+ }
1205
+
1206
+ > ul > li {
1207
+ ${(t) => {
1208
+ var e, o;
1209
+ return t["grid-items"] === "true" && g`
1210
+ display: grid;
1211
+ grid-template-columns: auto 1fr 1fr;
1212
+ gap: 0px 0px;
1213
+ grid-template-areas: '. favorite tags';
1214
+ align-items: center;
1215
+
1216
+ > button {
1217
+ margin: 0 0 0 ${(e = t.theme.sizes) == null ? void 0 : e.small};
1218
+
1219
+ &[data-favorite='false'] {
1220
+ ${t.isTabbing ? "opacity: 0;" : "display: none;"};
1221
+ &:focus {
1222
+ opacity: 1;
1223
+ }
1224
+ }
1225
+ }
1226
+
1227
+ > span {
1228
+ font-size: ${(o = t.theme.fonts) == null ? void 0 : o.small};
1229
+ }
1230
+
1231
+ &:hover {
1232
+ button[data-favorite='false'] {
1233
+ display: flex;
1234
+ justify-self: flex-start;
1235
+ }
1236
+ }
1237
+
1238
+ &[has-metadata='true'] {
1239
+ grid-template-rows: 1fr 1fr;
1240
+ grid-template-areas:
1241
+ '. favorite tags'
1242
+ 'metadata metadata metadata';
1243
+ }
1244
+ `;
1245
+ }}
1246
+ > a {
1247
+ color: ${(t) => {
1248
+ var e;
1249
+ return (e = t.theme.colors) == null ? void 0 : e.primary;
1250
+ }};
1251
+ overflow: hidden;
1252
+ text-overflow: ellipsis;
1253
+ max-width: 100%;
1254
+ display: inline-block;
1255
+
1256
+ svg {
1257
+ margin: 0 calc(${(t) => {
1258
+ var e;
1259
+ return (e = t.theme.sizes) == null ? void 0 : e.small;
1260
+ }}*2) 0 0;
1261
+ line {
1262
+ stroke: ${(t) => {
1263
+ var e;
1264
+ return (e = t.theme.colors) == null ? void 0 : e.primary;
1265
+ }};
1266
+ }
1267
+ }
1268
+
1269
+ ${(t) => {
1270
+ var e;
1271
+ return t.expandable === "true" && g`
1272
+ display: flex;
1273
+ flex-direction: row-reverse;
1274
+ justify-content: flex-end;
1275
+ align-items: center;
1276
+
1277
+ span {
1278
+ overflow: hidden;
1279
+ text-overflow: ellipsis;
1280
+ }
1281
+
1282
+ svg {
1283
+ margin: 0 0 0 ${(e = t.theme.sizes) == null ? void 0 : e.small};
1284
+ }
1285
+ `;
1286
+ }}
1287
+
1288
+ &:focus-visible {
1289
+ ${P}
1290
+ text-decoration: underline;
1291
+ }
1292
+
1293
+ @media (hover: hover) {
1294
+ &:hover {
1295
+ text-decoration: underline;
1296
+ }
1297
+ }
1298
+ }
1299
+ }
1300
+
1301
+ > a {
1302
+ color: ${(t) => {
1303
+ var e;
1304
+ return (e = t.theme.colors) == null ? void 0 : e.text;
1305
+ }};
1306
+ margin: ${(t) => {
1307
+ var e;
1308
+ return (e = t.theme.sizes) == null ? void 0 : e.normal;
1309
+ }} 0 0;
1310
+ align-self: flex-start;
1311
+ align-items: center;
1312
+ display: flex;
1313
+
1314
+ span {
1315
+ text-decoration: underline;
1316
+ }
1317
+
1318
+ svg {
1319
+ margin: 0 calc(${(t) => {
1320
+ var e;
1321
+ return (e = t.theme.sizes) == null ? void 0 : e.small;
1322
+ }}*2) 0 0;
1323
+ line {
1324
+ stroke: ${(t) => {
1325
+ var e;
1326
+ return (e = t.theme.colors) == null ? void 0 : e.text;
1327
+ }};
1328
+ }
1329
+ }
1330
+
1331
+ &:focus-visible {
1332
+ ${P}
1333
+ text-decoration: underline;
1334
+ }
1335
+ }
1336
+ `, vt = m(J)`
1337
+ ${ne}
1338
+ display: flex;
1339
+ margin: 0 0 0 auto;
1340
+ grid-area: tags;
1341
+
1342
+ li,
1343
+ li:last-child {
1344
+ margin: 0 0 0 ${(t) => {
1345
+ var e;
1346
+ return (e = t.theme.sizes) == null ? void 0 : e.small;
1347
+ }};
1348
+ display: flex;
1349
+ align-items: center;
1350
+ justify-content: space-between;
1351
+ }
1352
+ `, $t = m(x)`
1353
+ display: block;
1354
+ color: ${(t) => {
1355
+ var e;
1356
+ return (e = t.theme.colors) == null ? void 0 : e.primary;
1357
+ }};
1358
+ ${(t) => {
1359
+ if (t.symbol.type === "Uri")
1360
+ return `
1361
+ width: ${t.size}px;
1362
+ height: ${t.size}px;
1363
+ `;
1364
+ if (t.symbol.type === "FontAwesome")
1365
+ return `
1366
+ font-size: ${t.size}px;
1367
+ `;
1368
+ }}
1369
+ `, bt = m(gt)`
1370
+ grid-area: metadata;
1371
+ text-overflow: ellipsis;
1372
+ overflow: hidden;
1373
+ font-size: ${(t) => {
1374
+ var e;
1375
+ return (e = t.theme.fonts) == null ? void 0 : e.small;
1376
+ }};
1377
+ ${(t) => {
1378
+ var e;
1379
+ return typeof t.indent == "number" && `text-indent: calc(${(e = t.theme.sizes) == null ? void 0 : e.small} * 2 + ${t.indent}px);`;
1380
+ }}
1381
+ `, wt = de`
1382
+ 100% {
1383
+ transform: rotate(360deg);
1384
+ }
1385
+ `, xt = de`
1386
+ 0% {
1387
+ stroke-dasharray: 1, 200;
1388
+ stroke-dashoffset: 0;
1389
+ }
1390
+ 50% {
1391
+ stroke-dasharray: 89, 200;
1392
+ stroke-dashoffset: -35px;
1393
+ }
1394
+ 100% {
1395
+ stroke-dasharray: 89, 200;
1396
+ stroke-dashoffset: -124px;
1397
+ }
1398
+ `;
1399
+ m.svg`
1400
+ animation: ${wt} 2s linear infinite;
1401
+ height: 100%;
1402
+ transform-origin: center center;
1403
+ width: 100%;
1404
+ position: absolute;
1405
+ top: 0;
1406
+ bottom: 0;
1407
+ left: 0;
1408
+ right: 0;
1409
+ margin: auto;
1410
+ transition: 200ms ease-out opacity;
1411
+ `;
1412
+ m.div`
1413
+ position: absolute;
1414
+ top: 0;
1415
+ bottom: 0;
1416
+ left: 0;
1417
+ right: 0;
1418
+ height: 100%;
1419
+ width: 100%;
1420
+ pointer-events: ${(t) => t["data-loading"] ? "all" : "none"};
1421
+ display: flex;
1422
+ flex-direction: column;
1423
+ justify-content: center;
1424
+ transition: 200ms ease-out opacity;
1425
+ box-sizing: border-box;
1426
+ overflow: hidden;
1427
+
1428
+ .humany-spinner-svg {
1429
+ opacity: ${(t) => t["data-loading"] ? "1" : "0"};
1430
+ }
1431
+ `;
1432
+ m.div`
1433
+ position: relative;
1434
+ margin: 0 auto;
1435
+ width: 100px;
1436
+ &:before {
1437
+ content: '';
1438
+ display: block;
1439
+ padding-top: 100%;
1440
+ }
1441
+ `;
1442
+ m.circle`
1443
+ stroke-dasharray: 1, 200;
1444
+ stroke-dashoffset: 0;
1445
+ animation: ${xt} 1.5s ease-in-out infinite;
1446
+ stroke-linecap: round;
1447
+ stroke: ${(t) => {
1448
+ var e;
1449
+ return (e = t.theme.colors) == null ? void 0 : e.primary;
1450
+ }};
1451
+ stroke-width: 2px;
1452
+ `;
1453
+ m(U)`
1454
+ display: flex;
1455
+ justify-content: space-between;
1456
+ align-items: center;
1457
+ width: 100%;
1458
+ text-align: left;
1459
+ svg,
1460
+ i {
1461
+ color: ${(t) => {
1462
+ var e;
1463
+ return (e = t.theme.colors) == null ? void 0 : e.primary;
1464
+ }};
1465
+ }
1466
+ span {
1467
+ color: ${(t) => {
1468
+ var e;
1469
+ return (e = t.theme.colors) == null ? void 0 : e.text;
1470
+ }};
1471
+ font-size: ${(t) => {
1472
+ var e;
1473
+ return (e = t.theme.fonts) == null ? void 0 : e.normal;
1474
+ }};
1475
+ overflow: hidden;
1476
+ text-overflow: ellipsis;
1477
+ flex: 1;
1478
+ white-space: nowrap;
1479
+ }
1480
+ &:focus-visible {
1481
+ ${P}
1482
+ span {
1483
+ color: ${(t) => {
1484
+ var e;
1485
+ return (e = t.theme.colors) == null ? void 0 : e.primary;
1486
+ }};
1487
+ text-decoration: underline;
1488
+ }
1489
+ }
1490
+ `;
1491
+ m(F)`
1492
+ ${lt}
1493
+ ${M}
1494
+ overflow: hidden;
1495
+ justify-content: flex-start;
1496
+ padding: ${(t) => {
1497
+ var e;
1498
+ return (e = t.theme.sizes) == null ? void 0 : e.large;
1499
+ }};
1500
+ ${(t) => !t["data-show-header"] && g`
1501
+ > div {
1502
+ ${E(t)(
1503
+ "h1",
1504
+ g`
1505
+ display: none;
1506
+ `
1507
+ )}
1508
+ }
1509
+ `}
1510
+
1511
+ @media (hover: hover) {
1512
+ button:hover {
1513
+ text-decoration: underline;
1514
+ }
1515
+ }
1516
+ `;
1517
+ m(fe)`
1518
+ ${he}
1519
+ font-weight: 300;
1520
+
1521
+ p {
1522
+ white-space: normal;
1523
+ }
1524
+ `;
1525
+ m.li`
1526
+ .humany-paragraph {
1527
+ display: none;
1528
+ &:not(:only-child) {
1529
+ ${(t) => {
1530
+ var e, o, a;
1531
+ return ((e = t.theme.sizes) == null ? void 0 : e.cardinal) && ((o = t.theme.sizes) == null ? void 0 : o.normal) && g`
1532
+ margin: ${(a = t.theme.sizes) == null ? void 0 : a.normal} 0;
1533
+ `;
1534
+ }}
1535
+ }
1536
+ }
1537
+
1538
+ ${(t) => t["data-expanded"] && g`
1539
+ .humany-paragraph {
1540
+ display: block;
1541
+ }
1542
+ `}
1543
+
1544
+ > span {
1545
+ display: block;
1546
+ font-weight: 300;
1547
+ color: ${(t) => {
1548
+ var e;
1549
+ return (e = t.theme.colors) == null ? void 0 : e.accent;
1550
+ }};
1551
+ }
1552
+ `;
1553
+ m(x)`
1554
+ margin: 0 0 0 ${(t) => {
1555
+ var e;
1556
+ return (e = t.theme.sizes) == null ? void 0 : e.small;
1557
+ }};
1558
+ line {
1559
+ stroke: ${(t) => {
1560
+ var e;
1561
+ return (e = t.theme.colors) == null ? void 0 : e.primary;
1562
+ }};
1563
+ }
1564
+ `;
1565
+ m(ye)`
1566
+ font-size: ${(t) => {
1567
+ var e;
1568
+ return (e = t.theme.fonts) == null ? void 0 : e.small;
1569
+ }};
1570
+ font-weight: 300;
1571
+ `;
1572
+ m(fe)`
1573
+ ${(t) => {
1574
+ var e;
1575
+ return E(t)(
1576
+ "h1",
1577
+ g`
1578
+ font-weight: normal;
1579
+ font-size: ${(e = t.theme.fonts) == null ? void 0 : e.medium};
1580
+ `
1581
+ );
1582
+ }}
1583
+ `;
1584
+ m(_e)`
1585
+ ${he}
1586
+ font-weight: 300;
1587
+ line-height: 1.5em;
1588
+ button:focus-visible {
1589
+ ${P};
1590
+ }
1591
+
1592
+ a:focus-visible {
1593
+ ${qe};
1594
+ }
1595
+ `;
1596
+ const kt = (t) => {
1597
+ var e, o, a, i, r, s, n, l;
1598
+ return g`
1599
+ display: flex;
1600
+ padding: ${(e = t.theme.sizes) == null ? void 0 : e.large};
1601
+ ${t.description ? "" : "align-items: center;"}
1602
+ text-decoration: none;
1603
+ span {
1604
+ display: inline-block;
1605
+ color: ${(o = t.theme.colors) == null ? void 0 : o.text};
1606
+ }
1607
+ i {
1608
+ font-size: ${(a = t.theme.fonts) == null ? void 0 : a.large};
1609
+ margin: 0 ${(i = t.theme.sizes) == null ? void 0 : i.large} 0 0;
1610
+ min-height: ${(r = t.theme.fonts) == null ? void 0 : r.large};
1611
+ min-width: ${(s = t.theme.fonts) == null ? void 0 : s.large};
1612
+ line-height: ${(n = t.theme.fonts) == null ? void 0 : n.large};
1613
+ display: inline-block;
1614
+ vertical-align: bottom;
1615
+ color: ${(l = t.theme.colors) == null ? void 0 : l.text};
1616
+ }
1617
+ `;
1618
+ };
1619
+ m(j)`
1620
+ line-height: ${(t) => {
1621
+ var e;
1622
+ return (e = t.theme.fonts) == null ? void 0 : e.large;
1623
+ }};
1624
+ `;
1625
+ m(se)`
1626
+ ${(t) => kt(t)}
1627
+
1628
+ &:focus-visible {
1629
+ ${P};
1630
+ }
1631
+ `;
1632
+ m.div`
1633
+ text-align: center;
1634
+ display: block;
1635
+ ${(t) => {
1636
+ var e, o;
1637
+ return typeof ((e = t.theme.colors) == null ? void 0 : e.warning) < "u" && `color: ${(o = t.theme.colors) == null ? void 0 : o.warning};`;
1638
+ }}
1639
+ `;
1640
+ const zt = (t) => {
1641
+ var e, o, a;
1642
+ return g`
1643
+ ${M(t)}
1644
+
1645
+ > div {
1646
+ padding: ${(e = t.theme.sizes) == null ? void 0 : e.large};
1647
+
1648
+ ${E(t)(
1649
+ "h1",
1650
+ g`
1651
+ margin: 0;
1652
+ `
1653
+ )}
1654
+ }
1655
+
1656
+ > ul {
1657
+ &:not(:first-child) {
1658
+ border-top: ${t.theme.border};
1659
+ }
1660
+
1661
+ > li {
1662
+ margin: 0;
1663
+ white-space: normal;
1664
+
1665
+ > a {
1666
+ overflow: hidden;
1667
+ }
1668
+
1669
+ &:first-child > a {
1670
+ border-radius: ${`${t.theme.borderRadius} ${t.theme.borderRadius} 0 0`};
1671
+ }
1672
+
1673
+ &:last-child:not(:first-child) > a {
1674
+ border-radius: ${`0 0 ${t.theme.borderRadius} ${t.theme.borderRadius}`};
1675
+ }
1676
+
1677
+ &:not(:last-child) {
1678
+ border-bottom: ${t.theme.border};
1679
+ }
1680
+
1681
+ > div {
1682
+ padding: ${(o = t.theme.sizes) == null ? void 0 : o.large};
1683
+ }
1684
+ }
1685
+ }
1686
+
1687
+ @media (hover: hover) {
1688
+ a:hover {
1689
+ background-color: ${(a = t.theme.colors) == null ? void 0 : a.accent};
1690
+ }
1691
+ }
1692
+ `;
1693
+ };
1694
+ m(F)`
1695
+ ${(t) => zt(t)}
1696
+ `;
1697
+ export {
1698
+ Ft as ContactMethodPlatform,
1699
+ zt as contactItemList,
1700
+ kt as contactLink,
1701
+ it as defaultComplete,
1702
+ at as defaultEvaluate,
1703
+ ot as defaultValidate
1704
+ };