@telia-ace/knowledge-widget-types-grid 1.1.1-rc.1 → 1.1.1-rc.3

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.
@@ -1,1704 +0,0 @@
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
- };