@telia-ace/knowledge-widget-ui 1.0.23 → 1.0.25

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 (8) hide show
  1. package/dist/components/index.d.ts +1 -0
  2. package/dist/components/notification-list.d.ts +19 -0
  3. package/dist/index.d.ts +3 -3
  4. package/dist/index.js +663 -566
  5. package/dist/index.js.map +1 -1
  6. package/dist/styles.d.ts +0 -1
  7. package/dist/utils/guide-render-instructions.d.ts +0 -2
  8. package/package.json +7 -6
package/dist/index.js CHANGED
@@ -1,74 +1,74 @@
1
- var Be = Object.defineProperty, He = Object.defineProperties;
2
- var je = Object.getOwnPropertyDescriptors;
3
- var I = Object.getOwnPropertySymbols;
4
- var ee = Object.prototype.hasOwnProperty, te = Object.prototype.propertyIsEnumerable;
5
- var Z = (t, e, a) => e in t ? Be(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a, y = (t, e) => {
6
- for (var a in e || (e = {}))
7
- ee.call(e, a) && Z(t, a, e[a]);
8
- if (I)
9
- for (var a of I(e))
10
- te.call(e, a) && Z(t, a, e[a]);
1
+ var Oe = Object.defineProperty, Ye = Object.defineProperties;
2
+ var _e = Object.getOwnPropertyDescriptors;
3
+ var R = Object.getOwnPropertySymbols;
4
+ var se = Object.prototype.hasOwnProperty, ie = Object.prototype.propertyIsEnumerable;
5
+ var oe = (t, e, n) => e in t ? Oe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, y = (t, e) => {
6
+ for (var n in e || (e = {}))
7
+ se.call(e, n) && oe(t, n, e[n]);
8
+ if (R)
9
+ for (var n of R(e))
10
+ ie.call(e, n) && oe(t, n, e[n]);
11
11
  return t;
12
- }, w = (t, e) => He(t, je(e));
13
- var v = (t, e) => {
14
- var a = {};
12
+ }, E = (t, e) => Ye(t, _e(e));
13
+ var w = (t, e) => {
14
+ var n = {};
15
15
  for (var r in t)
16
- ee.call(t, r) && e.indexOf(r) < 0 && (a[r] = t[r]);
17
- if (t != null && I)
18
- for (var r of I(t))
19
- e.indexOf(r) < 0 && te.call(t, r) && (a[r] = t[r]);
20
- return a;
16
+ se.call(t, r) && e.indexOf(r) < 0 && (n[r] = t[r]);
17
+ if (t != null && R)
18
+ for (var r of R(t))
19
+ e.indexOf(r) < 0 && ie.call(t, r) && (n[r] = t[r]);
20
+ return n;
21
21
  };
22
- import { useRouteData as ce, Link as Oe, Icon as P, List as q, list as me, invertedHoverButton as de, ItemList as G, itemList as U, Drawer as _e, Dropdown as fe, headingElement as he, linkTabStyle as Ve, Text as ue, Button as ge, paddedBorderTabStyle as ae, Confirm as Ye, SymbolBadge as N, StyledText as Y, convertToStringAttributes as pe, useKeyPress as M, useContainer as Ke, useEventListener as ne, Timestamp as qe, DateFormats as Ge, TextLink as K, usePrevious as Ue, borderTabStyle as re, AnchorLink as Je, WidgetLink as Qe, Lightbox as Xe } from "@telia-ace/widget-ui";
22
+ import { useRouteData as he, Link as Ve, Icon as H, List as ee, list as ge, invertedHoverButton as pe, ItemList as Y, itemList as _, Drawer as Ke, Dropdown as ye, headingElement as te, Text as $e, Button as ne, paddedBorderTabStyle as le, Confirm as qe, SymbolBadge as N, StyledText as Q, convertToStringAttributes as ve, useKeyPress as W, useContainer as Ge, useEventListener as ce, Timestamp as xe, DateFormats as be, TextLink as X, useIsTabbing as Ue, usePrevious as Je, borderTabStyle as Z, Paragraph as Qe, genericHtml as Xe, AnchorLink as Ze, WidgetLink as et } from "@telia-ace/widget-ui";
23
23
  export * from "@telia-ace/widget-ui";
24
- import { createParams as R, formatUrl as se, appendClassNames as E, htmlParentContains as Ze } from "@telia-ace/widget-utilities";
25
- import n, { forwardRef as W, useCallback as x, useState as B, useEffect as H, useMemo as et, useRef as ye, useContext as tt, useImperativeHandle as at } from "react";
26
- import f, { css as g, keyframes as $e, ThemeContext as nt } from "styled-components";
27
- const be = ({
24
+ import { createParams as j, formatUrl as me, appendClassNames as z, htmlParentContains as tt } from "@telia-ace/widget-utilities";
25
+ import a, { forwardRef as V, useCallback as k, useState as A, useEffect as K, useMemo as nt, useRef as we, useImperativeHandle as at } from "react";
26
+ import d, { css as $, keyframes as Ee } from "styled-components";
27
+ const ke = ({
28
28
  title: t = "",
29
29
  className: e,
30
- id: a,
30
+ id: n,
31
31
  parent: r,
32
32
  connection: s,
33
33
  type: i,
34
34
  target: o,
35
- href: m,
36
- children: c
35
+ href: c,
36
+ children: m
37
37
  }) => {
38
- const d = {}, { name: h, params: l } = ce();
38
+ const f = {}, { name: u, params: l } = he();
39
39
  switch (i) {
40
40
  case "default":
41
41
  case "guide":
42
- const { id: p, title: S } = r;
43
- d.routeName = h, d.params = R(w(y({}, l), {
44
- guide: a,
45
- connection: a === p ? s : void 0,
46
- uriName: a === p ? se(S) : se(t)
42
+ const { id: h, title: S } = r;
43
+ f.routeName = u, f.params = j(E(y({}, l), {
44
+ guide: n,
45
+ connection: n === h ? s : void 0,
46
+ uriName: n === h ? me(S) : me(t)
47
47
  }));
48
48
  break;
49
49
  case "link":
50
- d.href = m, d.target = o;
50
+ f.href = c, f.target = o;
51
51
  break;
52
52
  }
53
- return /* @__PURE__ */ n.createElement(Oe, y({
54
- className: E(e, "humany-dialog-link")
55
- }, d), c || /* @__PURE__ */ n.createElement(n.Fragment, null, i === "link" && /* @__PURE__ */ n.createElement(P, {
53
+ return /* @__PURE__ */ a.createElement(Ve, y({
54
+ className: z(e, "humany-dialog-link")
55
+ }, f), m || /* @__PURE__ */ a.createElement(a.Fragment, null, i === "link" && /* @__PURE__ */ a.createElement(H, {
56
56
  faIcon: "link"
57
- }), /* @__PURE__ */ n.createElement("span", null, t)));
58
- }, Mt = W((s, r) => {
59
- var i = s, { className: t, dialog: e } = i, a = v(i, ["className", "dialog"]);
60
- return e.length ? /* @__PURE__ */ n.createElement(rt, w(y({
61
- className: E(t, "humany-dialog"),
57
+ }), /* @__PURE__ */ a.createElement("span", null, t)));
58
+ }, jt = V((s, r) => {
59
+ var i = s, { className: t, dialog: e } = i, n = w(i, ["className", "dialog"]);
60
+ return e.length ? /* @__PURE__ */ a.createElement(rt, E(y({
61
+ className: z(t, "humany-dialog"),
62
62
  items: e,
63
- renderItem: (o) => /* @__PURE__ */ n.createElement("li", {
63
+ renderItem: (o) => /* @__PURE__ */ a.createElement("li", {
64
64
  key: o.connection,
65
65
  "data-dialog": o.connection
66
- }, /* @__PURE__ */ n.createElement(be, y({}, o)))
67
- }, a), {
66
+ }, /* @__PURE__ */ a.createElement(ke, y({}, o)))
67
+ }, n), {
68
68
  ref: r
69
69
  })) : null;
70
- }), rt = f(q)`
71
- ${me}
70
+ }), rt = d(ee)`
71
+ ${ge}
72
72
  a {
73
73
  min-width: 150px;
74
74
  max-width: 400px;
@@ -76,7 +76,7 @@ const be = ({
76
76
  white-space: normal;
77
77
  ${(t) => {
78
78
  var e;
79
- return de({
79
+ return pe({
80
80
  primaryColor: (e = t.theme.colors) == null ? void 0 : e.primary,
81
81
  secondaryColor: "#FFFFFF"
82
82
  });
@@ -89,18 +89,18 @@ const be = ({
89
89
  return (e = t.theme.sizes) == null ? void 0 : e.small;
90
90
  }} 0 0;
91
91
  }
92
- `, Pt = (h) => {
93
- var l = h, {
92
+ `, Ot = (u) => {
93
+ var l = u, {
94
94
  trigger: t,
95
95
  header: e,
96
- className: a,
96
+ className: n,
97
97
  animation: r,
98
98
  fullScreen: s,
99
99
  onToggle: i,
100
100
  children: o,
101
- ref: m,
102
- closeButtonAriaLabel: c
103
- } = l, d = v(l, [
101
+ ref: c,
102
+ closeButtonAriaLabel: m
103
+ } = l, f = w(l, [
104
104
  "trigger",
105
105
  "header",
106
106
  "className",
@@ -111,17 +111,17 @@ const be = ({
111
111
  "ref",
112
112
  "closeButtonAriaLabel"
113
113
  ]);
114
- return /* @__PURE__ */ n.createElement(_e, {
115
- className: E(a, "humany-drawer-list"),
114
+ return /* @__PURE__ */ a.createElement(Ke, {
115
+ className: z(n, "humany-drawer-list"),
116
116
  trigger: t,
117
117
  header: e,
118
118
  animation: r,
119
119
  fullScreen: s,
120
120
  onToggle: i,
121
- closeButtonAriaLabel: c
122
- }, /* @__PURE__ */ n.createElement(st, y({}, d), o));
123
- }, st = f(G)`
124
- ${U}
121
+ closeButtonAriaLabel: m
122
+ }, /* @__PURE__ */ a.createElement(ot, y({}, f), o));
123
+ }, ot = d(Y)`
124
+ ${_}
125
125
  font-family: ${(t) => {
126
126
  var e;
127
127
  return (e = t.theme.fonts) == null ? void 0 : e.type;
@@ -138,13 +138,13 @@ const be = ({
138
138
  return (e = t.theme.fonts) == null ? void 0 : e.normal;
139
139
  }};
140
140
  }
141
- `, Rt = ({ items: t, renderItem: e, trigger: a, header: r, children: s }) => /* @__PURE__ */ n.createElement(fe, {
141
+ `, Yt = ({ items: t, renderItem: e, trigger: n, header: r, children: s }) => /* @__PURE__ */ a.createElement(ye, {
142
142
  className: "humany-dropdown-actions",
143
- trigger: a
144
- }, /* @__PURE__ */ n.createElement(ot, null, !!r && /* @__PURE__ */ n.createElement(it, null, r), t && e && /* @__PURE__ */ n.createElement(lt, {
143
+ trigger: n
144
+ }, /* @__PURE__ */ a.createElement(st, null, !!r && /* @__PURE__ */ a.createElement(it, null, r), t && e && /* @__PURE__ */ a.createElement(lt, {
145
145
  items: t,
146
146
  renderItem: e
147
- }), s)), ot = f.div`
147
+ }), s)), st = d.div`
148
148
  background: #fff;
149
149
  border: #ccc 1px solid;
150
150
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
@@ -156,7 +156,7 @@ const be = ({
156
156
  var e;
157
157
  return (e = t.theme.fonts) == null ? void 0 : e.normal;
158
158
  }};
159
- `, it = f.div`
159
+ `, it = d.div`
160
160
  padding: ${(t) => t.theme.sizes.normal};
161
161
  padding-bottom: 0;
162
162
  font-size: ${(t) => {
@@ -183,7 +183,7 @@ const be = ({
183
183
  i {
184
184
  margin-right: ${(t) => t.theme.sizes.small};
185
185
  }
186
- `, lt = f(q)`
186
+ `, lt = d(ee)`
187
187
  list-style: none;
188
188
  padding: 0;
189
189
  margin: 0;
@@ -199,8 +199,8 @@ const be = ({
199
199
  return (e = t.theme.fonts) == null ? void 0 : e.small;
200
200
  }};
201
201
  padding: ${(t) => {
202
- var e, a;
203
- return `${(e = t.theme.sizes) == null ? void 0 : e.small} ${(a = t.theme.sizes) == null ? void 0 : a.normal}`;
202
+ var e, n;
203
+ return `${(e = t.theme.sizes) == null ? void 0 : e.small} ${(n = t.theme.sizes) == null ? void 0 : n.normal}`;
204
204
  }};
205
205
  cursor: pointer;
206
206
  color: #555;
@@ -215,37 +215,40 @@ const be = ({
215
215
  }
216
216
  }
217
217
  }
218
- `, Wt = (i) => {
218
+ `, _t = (i) => {
219
219
  var o = i, {
220
220
  trigger: t,
221
221
  className: e,
222
- children: a,
222
+ children: n,
223
223
  closeButtonAriaLabel: r
224
- } = o, s = v(o, [
224
+ } = o, s = w(o, [
225
225
  "trigger",
226
226
  "className",
227
227
  "children",
228
228
  "closeButtonAriaLabel"
229
229
  ]);
230
- return /* @__PURE__ */ n.createElement(fe, {
231
- className: E(e, "humany-dropdown-list"),
230
+ return /* @__PURE__ */ a.createElement(ye, {
231
+ className: z(e, "humany-dropdown-list"),
232
232
  closeButtonAriaLabel: r,
233
233
  trigger: t
234
- }, /* @__PURE__ */ n.createElement(ct, y({}, s), a));
235
- }, ct = f(G)`
236
- ${U}
234
+ }, /* @__PURE__ */ a.createElement(ct, y({}, s), n));
235
+ }, ct = d(Y)`
236
+ ${_}
237
237
  font-family: ${(t) => {
238
238
  var e;
239
239
  return (e = t.theme.fonts) == null ? void 0 : e.type;
240
240
  }};
241
241
  > div {
242
- ${he("> h1", g`
242
+ ${te(
243
+ "> h1",
244
+ $`
243
245
  font-size: ${(t) => {
244
- var e;
245
- return (e = t.theme.fonts) == null ? void 0 : e.normal;
246
- }};
246
+ var e;
247
+ return (e = t.theme.fonts) == null ? void 0 : e.normal;
248
+ }};
247
249
  line-height: 1.2em;
248
- `)}
250
+ `
251
+ )}
249
252
  }
250
253
  > ul > li {
251
254
  overflow: visible;
@@ -265,11 +268,11 @@ const be = ({
265
268
  }
266
269
  }
267
270
  }
268
- `, mt = $e`
271
+ `, mt = Ee`
269
272
  100% {
270
273
  transform: rotate(360deg);
271
274
  }
272
- `, dt = $e`
275
+ `, dt = Ee`
273
276
  0% {
274
277
  stroke-dasharray: 1, 200;
275
278
  stroke-dashoffset: 0;
@@ -282,7 +285,7 @@ const be = ({
282
285
  stroke-dasharray: 89, 200;
283
286
  stroke-dashoffset: -124px;
284
287
  }
285
- `, ve = f.svg`
288
+ `, ze = d.svg`
286
289
  animation: ${mt} 2s linear infinite;
287
290
  height: 100%;
288
291
  transform-origin: center center;
@@ -294,7 +297,7 @@ const be = ({
294
297
  right: 0;
295
298
  margin: auto;
296
299
  transition: 200ms ease-out opacity;
297
- `, xe = f.div`
300
+ `, Se = d.div`
298
301
  position: absolute;
299
302
  top: 0;
300
303
  bottom: 0;
@@ -309,10 +312,10 @@ const be = ({
309
312
  transition: 200ms ease-out opacity;
310
313
  box-sizing: border-box;
311
314
  overflow: hidden;
312
- ${ve} {
315
+ ${ze} {
313
316
  opacity: ${(t) => t["data-loading"] ? "1" : "0"}
314
317
  }
315
- `, ft = f.div`
318
+ `, ft = d.div`
316
319
  position: relative;
317
320
  margin: 0 auto;
318
321
  width: 100px;
@@ -321,7 +324,7 @@ const be = ({
321
324
  display: block;
322
325
  padding-top: 100%;
323
326
  }
324
- `, ht = f.circle`
327
+ `, ut = d.circle`
325
328
  stroke-dasharray: 1, 200;
326
329
  stroke-dashoffset: 0;
327
330
  animation: ${dt} 1.5s ease-in-out infinite;
@@ -331,104 +334,31 @@ const be = ({
331
334
  return (e = t.theme.colors) == null ? void 0 : e.primary;
332
335
  }};
333
336
  stroke-width: 2px;
334
- `, Bt = ({ loading: t = !1 }) => /* @__PURE__ */ n.createElement(xe, {
337
+ `, ht = ({ loading: t = !1 }) => /* @__PURE__ */ a.createElement(Se, {
335
338
  className: "humany-loader",
336
339
  "data-loading": t
337
- }, /* @__PURE__ */ n.createElement(ft, {
340
+ }, /* @__PURE__ */ a.createElement(ft, {
338
341
  className: "humany-spinner"
339
- }, /* @__PURE__ */ n.createElement(ve, {
342
+ }, /* @__PURE__ */ a.createElement(ze, {
340
343
  viewBox: "25 25 50 50"
341
- }, /* @__PURE__ */ n.createElement(ht, {
344
+ }, /* @__PURE__ */ a.createElement(ut, {
342
345
  cx: "50",
343
346
  cy: "50",
344
347
  r: "20",
345
348
  fill: "none",
346
349
  "stroke-width": "2",
347
350
  "stroke-miterlimit": "10"
348
- })))), Ht = g`
351
+ })))), gt = $`
349
352
  ${(t) => t["data-loading"] && "position: relative;"};
350
353
  ${(t) => t["data-loading"] && "min-height: 150px;"}
351
354
  > * {
352
355
  transition: 200ms ease-out opacity;
353
356
  opacity: ${(t) => t["data-loading"] ? "0.5" : "1"};
354
357
  }
355
- ${xe} {
358
+ ${Se} {
356
359
  opacity: ${(t) => t["data-loading"] ? "1" : "0"};
357
360
  }
358
- `, jt = g`
359
- font-size: ${(t) => {
360
- var e;
361
- return (e = t.theme.fonts) == null ? void 0 : e.normal;
362
- }};
363
- font-weight: 300;
364
- line-height: 1.5em;
365
- color: ${(t) => {
366
- var e;
367
- return (e = t.theme.colors) == null ? void 0 : e.text;
368
- }};
369
-
370
- h1,
371
- h2,
372
- h3,
373
- h4,
374
- h5,
375
- h6 {
376
- word-break: break-word;
377
- &:first-child {
378
- margin-top: 0;
379
- }
380
- &:only-child {
381
- margin: 0;
382
- }
383
- &:last-child {
384
- margin-bottom: 0;
385
- }
386
- }
387
-
388
- a {
389
- color: ${(t) => {
390
- var e;
391
- return (e = t.theme.colors) == null ? void 0 : e.link;
392
- }};
393
- &:focus {
394
- ${(t) => {
395
- var e;
396
- return ((e = t.theme.accessibility) == null ? void 0 : e.isTabbing) && Ve;
397
- }};
398
- }
399
- }
400
-
401
- img {
402
- max-width: 100% !important;
403
- height: auto !important;
404
- }
405
-
406
- p {
407
- word-break: break-word;
408
- margin: ${(t) => {
409
- var e;
410
- return (e = t.theme.sizes) == null ? void 0 : e.normal;
411
- }} 0;
412
- }
413
-
414
- p:first-child {
415
- margin: 0 0 ${(t) => {
416
- var e;
417
- return (e = t.theme.sizes) == null ? void 0 : e.normal;
418
- }};
419
- }
420
-
421
- p:last-child {
422
- margin: ${(t) => {
423
- var e;
424
- return (e = t.theme.sizes) == null ? void 0 : e.normal;
425
- }} 0 0;
426
- }
427
-
428
- p:only-child {
429
- margin: 0;
430
- }
431
- `, Ot = f(P)`
361
+ `, Vt = d(H)`
432
362
  && {
433
363
  font-size: ${(t) => {
434
364
  var e;
@@ -436,7 +366,7 @@ const be = ({
436
366
  }};
437
367
  }
438
368
  width: 1.2em;
439
- `, _t = f(ue)`
369
+ `, Kt = d($e)`
440
370
  font-size: ${(t) => {
441
371
  var e;
442
372
  return (e = t.theme.fonts) == null ? void 0 : e.medium;
@@ -447,7 +377,7 @@ const be = ({
447
377
  var e;
448
378
  return (e = t.theme.colors) == null ? void 0 : e.text;
449
379
  }};
450
- `, ut = f(ge)`
380
+ `, pt = d(ne)`
451
381
  display: flex;
452
382
  align-items: center;
453
383
 
@@ -460,107 +390,97 @@ const be = ({
460
390
  `;
461
391
  }}
462
392
 
463
- &:focus {
464
- ${(t) => {
465
- var e;
466
- return ((e = t.theme.accessibility) == null ? void 0 : e.isTabbing) && g`
467
- ${(a) => a["data-has-label"] === "true" && ae}
393
+ &:focus-visible {
394
+ ${(t) => t["data-has-label"] === "true" && le}
468
395
 
469
- svg, i {
470
- ${(a) => a["data-has-label"] === "false" && a["data-has-symbol"] === "true" && g`
471
- ${ae}
472
- box-sizing: content-box;
473
- `}
474
- }
475
- `;
476
- }};
396
+ svg, i {
397
+ ${(t) => t["data-has-label"] === "false" && t["data-has-symbol"] === "true" && $`
398
+ ${le}
399
+ box-sizing: content-box;
400
+ `}
401
+ }
477
402
  }
478
403
 
479
404
  span {
480
405
  flex: 1;
481
406
  font-weight: 300;
482
407
  }
483
- `, gt = ({
408
+ `, yt = ({
484
409
  addFavoriteTooltip: t,
485
410
  removeFavoriteCancelLabel: e,
486
- removeFavoriteConfirmLabel: a,
411
+ removeFavoriteConfirmLabel: n,
487
412
  removeFavoriteHeader: r,
488
413
  removeFavoriteLabel: s,
489
414
  removeFavoriteTooltip: i,
490
415
  id: o,
491
- isFavorite: m,
492
- guideTitle: c,
493
- buttonLabel: d = "",
494
- actions: { addFavorite: h, removeFavorite: l }
416
+ isFavorite: c,
417
+ guideTitle: m,
418
+ buttonLabel: f = "",
419
+ actions: { addFavorite: u, removeFavorite: l }
495
420
  }) => {
496
- const p = x(() => {
421
+ const h = k(() => {
497
422
  l(o);
498
- }, [o, l]), S = x(() => {
499
- h(o);
500
- }, [o, h]), k = `${m ? i : t}${c ? `: "${c}"` : ""}`;
501
- return /* @__PURE__ */ n.createElement(n.Fragment, null, m ? /* @__PURE__ */ n.createElement(Ye, {
502
- trigger: /* @__PURE__ */ n.createElement(oe, {
423
+ }, [o, l]), S = k(() => {
424
+ u(o);
425
+ }, [o, u]), p = `${c ? i : t}${m ? `: "${m}"` : ""}`;
426
+ return /* @__PURE__ */ a.createElement(a.Fragment, null, c ? /* @__PURE__ */ a.createElement(qe, {
427
+ trigger: /* @__PURE__ */ a.createElement(de, {
503
428
  className: "humany-favorite-button",
504
- title: k,
505
- "aria-label": k,
429
+ title: p,
430
+ "aria-label": p,
506
431
  "data-favorite": "true",
507
- "data-has-label": d ? "true" : "false",
432
+ "data-has-label": f ? "true" : "false",
508
433
  "data-has-symbol": "true"
509
- }, /* @__PURE__ */ n.createElement(N, {
434
+ }, /* @__PURE__ */ a.createElement(N, {
510
435
  size: 16,
511
436
  symbol: { type: "Svg", content: "star-empty" }
512
- }), d && /* @__PURE__ */ n.createElement(Y, null, d)),
513
- onConfirm: p,
437
+ }), f && /* @__PURE__ */ a.createElement(Q, null, f)),
438
+ onConfirm: h,
514
439
  cancelLabel: e,
515
- confirmLabel: a,
440
+ confirmLabel: n,
516
441
  header: r,
517
442
  text: s
518
- }) : /* @__PURE__ */ n.createElement(oe, {
443
+ }) : /* @__PURE__ */ a.createElement(de, {
519
444
  className: "humany-favorite-button",
520
- title: k,
521
- "aria-label": k,
445
+ title: p,
446
+ "aria-label": p,
522
447
  onClick: S,
523
448
  "data-favorite": "false",
524
- "data-has-label": d ? "true" : "false",
449
+ "data-has-label": f ? "true" : "false",
525
450
  "data-has-symbol": "true"
526
- }, /* @__PURE__ */ n.createElement(N, {
451
+ }, /* @__PURE__ */ a.createElement(N, {
527
452
  size: 16,
528
453
  symbol: { type: "Svg", content: "star-empty" }
529
- }), d && /* @__PURE__ */ n.createElement(Y, null, d)));
530
- }, oe = f(ut)`
454
+ }), f && /* @__PURE__ */ a.createElement(Q, null, f)));
455
+ }, de = d(pt)`
531
456
  grid-area: favorite;
532
457
 
533
- &:focus {
534
- ${(t) => {
535
- var e;
536
- return ((e = t.theme.accessibility) == null ? void 0 : e.isTabbing) && g`
537
- svg {
538
- ${(a) => {
539
- var r, s;
540
- return a["data-favorite"] === "true" ? `
458
+ &:focus-visible {
459
+ svg {
460
+ ${(t) => {
461
+ var e, n;
462
+ return t["data-favorite"] === "true" ? `
541
463
  fill: transparent;
542
464
 
543
465
  path {
544
466
  fill: transparent;
545
467
  }
546
468
  ` : `
547
- fill: ${(r = a.theme.colors) == null ? void 0 : r.text};
469
+ fill: ${(e = t.theme.colors) == null ? void 0 : e.text};
548
470
 
549
471
  path {
550
- fill: ${(s = a.theme.colors) == null ? void 0 : s.text};
472
+ fill: ${(n = t.theme.colors) == null ? void 0 : n.text};
551
473
  }
552
474
  `;
553
- }}
554
- }
555
- `;
556
- }};
475
+ }}
476
+ }
557
477
  }
558
478
 
559
479
  ${(t) => {
560
- var e, a, r, s, i, o, m;
561
- return ((e = t.theme.colors) == null ? void 0 : e.text) && g`
480
+ var e, n, r, s, i, o, c;
481
+ return ((e = t.theme.colors) == null ? void 0 : e.text) && $`
562
482
  svg {
563
- stroke: ${(a = t.theme.colors) == null ? void 0 : a.text};
483
+ stroke: ${(n = t.theme.colors) == null ? void 0 : n.text};
564
484
 
565
485
  path {
566
486
  stroke: ${(r = t.theme.colors) == null ? void 0 : r.text};
@@ -587,57 +507,59 @@ const be = ({
587
507
  fill: ${(o = t.theme.colors) == null ? void 0 : o.text};
588
508
 
589
509
  path {
590
- fill: ${(m = t.theme.colors) == null ? void 0 : m.text};
510
+ fill: ${(c = t.theme.colors) == null ? void 0 : c.text};
591
511
  }
592
512
  `}
593
513
  }
594
514
  }
595
515
  `;
596
516
  }}
597
- `, Vt = W((d, c) => {
598
- var h = d, {
599
- onFeedback: t = () => {
600
- },
601
- direction: e = "horizontal",
602
- className: a,
603
- header: r,
604
- positive: s,
605
- negative: i,
606
- selected: o
607
- } = h, m = v(h, [
608
- "onFeedback",
609
- "direction",
610
- "className",
611
- "header",
612
- "positive",
613
- "negative",
614
- "selected"
615
- ]);
616
- return /* @__PURE__ */ n.createElement(yt, w(y({
617
- className: E(a, "humany-feedback"),
618
- "data-direction": e
619
- }, pe(m)), {
620
- ref: c
621
- }), !!r && /* @__PURE__ */ n.createElement(pt, null, r), /* @__PURE__ */ n.createElement(ie, {
622
- className: "humany-feedback-button",
623
- disabled: !!o,
624
- "aria-pressed": o === "positive",
625
- "data-selected": o === "positive",
626
- "data-direction": e,
627
- onClick: () => t("positive")
628
- }, /* @__PURE__ */ n.createElement(P, {
629
- faIcon: "smile-o"
630
- }), /* @__PURE__ */ n.createElement("span", null, s)), /* @__PURE__ */ n.createElement(ie, {
631
- className: "humany-feedback-button",
632
- disabled: !!o,
633
- "aria-pressed": o === "negative",
634
- "data-selected": o === "negative",
635
- "data-direction": e,
636
- onClick: () => t("negative")
637
- }, /* @__PURE__ */ n.createElement(P, {
638
- faIcon: "frown-o"
639
- }), /* @__PURE__ */ n.createElement("span", null, i)));
640
- }), pt = f(Y)`
517
+ `, qt = V(
518
+ (f, m) => {
519
+ var u = f, {
520
+ onFeedback: t = () => {
521
+ },
522
+ direction: e = "horizontal",
523
+ className: n,
524
+ header: r,
525
+ positive: s,
526
+ negative: i,
527
+ selected: o
528
+ } = u, c = w(u, [
529
+ "onFeedback",
530
+ "direction",
531
+ "className",
532
+ "header",
533
+ "positive",
534
+ "negative",
535
+ "selected"
536
+ ]);
537
+ return /* @__PURE__ */ a.createElement(vt, E(y({
538
+ className: z(n, "humany-feedback"),
539
+ "data-direction": e
540
+ }, ve(c)), {
541
+ ref: m
542
+ }), !!r && /* @__PURE__ */ a.createElement($t, null, r), /* @__PURE__ */ a.createElement(fe, {
543
+ className: "humany-feedback-button",
544
+ disabled: !!o,
545
+ "aria-pressed": o === "positive",
546
+ "data-selected": o === "positive",
547
+ "data-direction": e,
548
+ onClick: () => t("positive")
549
+ }, /* @__PURE__ */ a.createElement(H, {
550
+ faIcon: "smile-o"
551
+ }), /* @__PURE__ */ a.createElement("span", null, s)), /* @__PURE__ */ a.createElement(fe, {
552
+ className: "humany-feedback-button",
553
+ disabled: !!o,
554
+ "aria-pressed": o === "negative",
555
+ "data-selected": o === "negative",
556
+ "data-direction": e,
557
+ onClick: () => t("negative")
558
+ }, /* @__PURE__ */ a.createElement(H, {
559
+ faIcon: "frown-o"
560
+ }), /* @__PURE__ */ a.createElement("span", null, i)));
561
+ }
562
+ ), $t = d(Q)`
641
563
  font-weight: normal;
642
564
  margin: 0 0 ${(t) => {
643
565
  var e;
@@ -648,7 +570,7 @@ const be = ({
648
570
  return (e = t.theme.fonts) == null ? void 0 : e.normal;
649
571
  }};
650
572
  display: block;
651
- `, ie = f(ge)`
573
+ `, fe = d(ne)`
652
574
  display: inline-block;
653
575
  font-size: ${(t) => {
654
576
  var e;
@@ -663,20 +585,20 @@ const be = ({
663
585
  }
664
586
 
665
587
  ${(t) => {
666
- var e, a;
667
- return t["data-direction"] === "horizontal" && g`
588
+ var e, n;
589
+ return t["data-direction"] === "horizontal" && $`
668
590
  width: 225px;
669
- max-width: calc(50% - ${(e = t.theme.sizes) == null ? void 0 : e.large} - ${(a = t.theme.sizes) == null ? void 0 : a.small});
591
+ max-width: calc(50% - ${(e = t.theme.sizes) == null ? void 0 : e.large} - ${(n = t.theme.sizes) == null ? void 0 : n.small});
670
592
  `;
671
593
  }}
672
594
 
673
- ${(t) => t["data-direction"] === "vertical" && g`
595
+ ${(t) => t["data-direction"] === "vertical" && $`
674
596
  min-width: 190px;
675
597
  `}
676
598
 
677
599
  ${(t) => {
678
600
  var e;
679
- return de({
601
+ return pe({
680
602
  active: t["data-selected"],
681
603
  primaryColor: (e = t.theme.colors) == null ? void 0 : e.primary,
682
604
  secondaryColor: "#FFFFFF"
@@ -689,125 +611,134 @@ const be = ({
689
611
  return (e = t.theme.sizes) == null ? void 0 : e.small;
690
612
  }} 0 0;
691
613
  }
692
- `, yt = f.div`
693
- ${(t) => t["data-direction"] === "vertical" && g`
614
+ `, vt = d.div`
615
+ ${(t) => t["data-direction"] === "vertical" && $`
694
616
  > button {
695
617
  width: 100%;
696
618
  &:not(:last-child) {
697
619
  margin-bottom: ${(e) => {
698
- var a;
699
- return (a = e.theme.sizes) == null ? void 0 : a.normal;
620
+ var n;
621
+ return (n = e.theme.sizes) == null ? void 0 : n.normal;
700
622
  }};
701
623
  }
702
624
  }
703
625
  `}
704
- `, Yt = () => {
705
- const [t, e] = B(null), a = M("ArrowLeft"), r = M("ArrowRight"), s = M("ArrowUp"), i = M("ArrowDown");
706
- return H(() => {
707
- e(a ? "left" : r ? "right" : s ? "up" : i ? "down" : null);
708
- }, [a, r, s, i]), t;
709
- }, Kt = (t, e) => {
710
- const [a, r] = B(t), s = x(() => setTimeout(() => {
626
+ `, Gt = () => {
627
+ const [t, e] = A(null), n = W("ArrowLeft"), r = W("ArrowRight"), s = W("ArrowUp"), i = W("ArrowDown");
628
+ return K(() => {
629
+ e(n ? "left" : r ? "right" : s ? "up" : i ? "down" : null);
630
+ }, [n, r, s, i]), t;
631
+ }, Ut = (t, e) => {
632
+ const [n, r] = A(t), s = k(() => setTimeout(() => {
711
633
  r(t);
712
634
  }, e), [e, r, t]);
713
- return H(() => {
714
- const i = s();
715
- return () => {
716
- clearTimeout(i);
717
- };
718
- }, [s]), a;
719
- }, $t = () => {
720
- const t = Ke(), [e, a] = B([]), r = t.get("favorites");
721
- H(() => {
635
+ return K(
636
+ () => {
637
+ const i = s();
638
+ return () => {
639
+ clearTimeout(i);
640
+ };
641
+ },
642
+ [s]
643
+ ), n;
644
+ }, xt = () => {
645
+ const t = Ge(), [e, n] = A([]), r = t.get("favorites");
646
+ K(() => {
722
647
  if (r) {
723
- a(r.get());
724
- const { events: c } = t.get("$widget");
725
- return c.subscribe("widget:favorites-updated", (h, { updated: l }) => {
726
- a([...l]);
648
+ n(r.get());
649
+ const { events: m } = t.get("$widget");
650
+ return m.subscribe("widget:favorites-updated", (u, { updated: l }) => {
651
+ n([...l]);
727
652
  });
728
653
  }
729
654
  }, []);
730
- const s = (c) => r ? r.add(c) : Promise.resolve([]), i = (c) => r ? r.remove(c) : Promise.resolve([]), o = () => r ? r.clear() : Promise.resolve([]), m = x((c) => e.indexOf(c) > -1 ? i(c) : s(c), [e]);
655
+ const s = (m) => r ? r.add(m) : Promise.resolve([]), i = (m) => r ? r.remove(m) : Promise.resolve([]), o = () => r ? r.clear() : Promise.resolve([]), c = k(
656
+ (m) => e.indexOf(m) > -1 ? i(m) : s(m),
657
+ [e]
658
+ );
731
659
  return [
732
660
  e,
733
- et(() => ({
734
- addFavorite: s,
735
- removeFavorite: i,
736
- clearFavorites: o,
737
- toggleFavorite: m
738
- }), [e])
661
+ nt(
662
+ () => ({
663
+ addFavorite: s,
664
+ removeFavorite: i,
665
+ clearFavorites: o,
666
+ toggleFavorite: c
667
+ }),
668
+ [e]
669
+ )
739
670
  ];
740
- }, qt = () => {
741
- const [t, e] = B(!1), a = ye(), r = x(() => e(!0), [e]), s = x(() => e(!1), [e]);
742
- return ne("mouseenter", r, a.current), ne("mouseleave", s, a.current), [t, a];
671
+ }, Jt = () => {
672
+ const [t, e] = A(!1), n = we(), r = k(() => e(!0), [e]), s = k(() => e(!1), [e]);
673
+ return ce("mouseenter", r, n.current), ce("mouseleave", s, n.current), [t, n];
743
674
  }, bt = ({
744
- format: t = Ge.YYYY_MM_DD_HH_MM,
675
+ format: t = be.YYYY_MM_DD_HH_MM,
745
676
  className: e = "",
746
- byLabel: a = "",
677
+ byLabel: n = "",
747
678
  modifiedLabel: r = "",
748
679
  publishedLabel: s = "",
749
680
  modifiedBy: i = "",
750
681
  publishedBy: o = "",
751
- showModified: m = !1,
752
- showPublished: c = !1,
753
- modified: d,
754
- published: h
682
+ showModified: c = !1,
683
+ showPublished: m = !1,
684
+ modified: f,
685
+ published: u
755
686
  }) => {
756
- const l = c && h ? /* @__PURE__ */ n.createElement(le, {
687
+ const l = m && u ? /* @__PURE__ */ a.createElement(ue, {
757
688
  format: t,
758
- timestamp: h
759
- }) : null, p = m && d ? /* @__PURE__ */ n.createElement(le, {
689
+ timestamp: u
690
+ }) : null, h = c && f ? /* @__PURE__ */ a.createElement(ue, {
760
691
  format: t,
761
- timestamp: d
692
+ timestamp: f
762
693
  }) : null;
763
- return !l && !p ? null : /* @__PURE__ */ n.createElement(V, {
764
- className: E(e, "humany-metadata")
765
- }, l && /* @__PURE__ */ n.createElement(V, {
694
+ return !l && !h ? null : /* @__PURE__ */ a.createElement(J, {
695
+ className: z(e, "humany-metadata")
696
+ }, l && /* @__PURE__ */ a.createElement(J, {
766
697
  className: "humany-published"
767
- }, s, l, a && o && ` ${a.replace("{{editor}}", o)}`), p && /* @__PURE__ */ n.createElement(V, {
698
+ }, s, l, n && o && ` ${n.replace("{{editor}}", o)}`), h && /* @__PURE__ */ a.createElement(J, {
768
699
  className: "humany-modified"
769
- }, l && ", ", r, p, a && i && ` ${a.replace("{{editor}}", i)}`));
770
- }, le = f(qe)`
700
+ }, l && ", ", r, h, n && i && ` ${n.replace("{{editor}}", i)}`));
701
+ }, ue = d(xe)`
771
702
  &:not(:first-child) {
772
703
  margin-left: 4px;
773
704
  }
774
705
  &:not(:last-child) {
775
706
  margin-right: 4px;
776
707
  }
777
- `, V = f(ue)`
708
+ `, J = d($e)`
778
709
  font-style: italic;
779
- `, vt = ({ tags: t }) => t.filter((e) => e.symbol).length ? /* @__PURE__ */ n.createElement(Et, {
710
+ `, wt = ({ tags: t }) => t.filter((e) => e.symbol).length ? /* @__PURE__ */ a.createElement(zt, {
780
711
  className: "humany-guide-list-tags",
781
712
  items: t,
782
- renderItem: ({ id: e, symbol: a, title: r }) => a && /* @__PURE__ */ n.createElement("li", {
713
+ renderItem: ({ id: e, symbol: n, title: r }) => n && /* @__PURE__ */ a.createElement("li", {
783
714
  key: e,
784
715
  "data-tag": e
785
- }, /* @__PURE__ */ n.createElement(kt, {
716
+ }, /* @__PURE__ */ a.createElement(St, {
786
717
  size: 18,
787
- symbol: a,
718
+ symbol: n,
788
719
  title: r
789
720
  }))
790
- }) : null, Gt = W(({ title: t, id: e, route: a, symbolSize: r, collapseUri: s, children: i }, o) => {
791
- const { params: m } = ce();
792
- return /* @__PURE__ */ n.createElement(xt, {
721
+ }) : null, Qt = V(({ title: t, id: e, route: n, symbolSize: r, collapseUri: s, children: i }, o) => {
722
+ const { params: c } = he();
723
+ return /* @__PURE__ */ a.createElement(Et, {
793
724
  ref: o,
794
725
  "data-guide": e
795
- }, /* @__PURE__ */ n.createElement(K, {
726
+ }, /* @__PURE__ */ a.createElement(X, {
796
727
  title: t,
797
728
  "aria-label": t,
798
- routeName: a,
799
- params: R(w(y({}, m), {
729
+ routeName: n,
730
+ params: j(E(y({}, c), {
800
731
  uriName: s || void 0,
801
732
  id: void 0,
802
733
  guide: void 0,
803
734
  accordion: void 0
804
735
  })),
805
736
  text: t
806
- }, /* @__PURE__ */ n.createElement(N, {
737
+ }, /* @__PURE__ */ a.createElement(N, {
807
738
  size: r,
808
739
  symbol: { type: "Svg", content: "caret-up" }
809
740
  })), i);
810
- }), xt = f.li`
741
+ }), Et = d.li`
811
742
  > a {
812
743
  grid-column: 1 / -1
813
744
  font-weight: bold;
@@ -820,159 +751,172 @@ const be = ({
820
751
  > div {
821
752
  grid-column: 1 / -1
822
753
  }
823
- `, Ut = W((Lt, Le) => {
824
- var J = Lt, {
825
- expandable: t = !1,
826
- routing: e = {},
827
- paramMappers: a = {},
828
- symbolSize: r = 11,
829
- pageRole: s = "link",
830
- pageCaret: i = "down",
831
- showTags: o = !1,
832
- showFavoriteToggle: m = !1,
833
- localPaging: c = !1,
834
- onItemClick: d = () => {
835
- },
836
- dispatch: h = () => {
837
- },
838
- metadata: l = {},
839
- pageLabel: p,
840
- className: S,
841
- children: k,
842
- items: T,
843
- renderItem: j,
844
- addFavoriteTooltip: we,
845
- removeFavoriteCancelLabel: Ee,
846
- removeFavoriteConfirmLabel: ke,
847
- removeFavoriteHeader: ze,
848
- removeFavoriteLabel: Ne,
849
- removeFavoriteTooltip: Se
850
- } = J, Te = v(J, [
851
- "expandable",
852
- "routing",
853
- "paramMappers",
854
- "symbolSize",
855
- "pageRole",
856
- "pageCaret",
857
- "showTags",
858
- "showFavoriteToggle",
859
- "localPaging",
860
- "onItemClick",
861
- "dispatch",
862
- "metadata",
863
- "pageLabel",
864
- "className",
865
- "children",
866
- "items",
867
- "renderItem",
868
- "addFavoriteTooltip",
869
- "removeFavoriteCancelLabel",
870
- "removeFavoriteConfirmLabel",
871
- "removeFavoriteHeader",
872
- "removeFavoriteLabel",
873
- "removeFavoriteTooltip"
874
- ]);
875
- const {
876
- accessibility: { isTabbing: Q = !1 }
877
- } = tt(nt), L = ye(), F = Ue(T), { guide: Fe = "guide", page: Ce = "index" } = e, {
878
- guide: Ae = ({ id: u }) => R({ guide: u }),
879
- page: X = () => R()
880
- } = a, [De, Ie] = $t();
881
- at(Le, () => L.current);
882
- const O = (u) => {
883
- const { id: b, title: $, tags: z, published: A, modified: C, publishedBy: D, modifiedBy: _ } = u;
884
- return /* @__PURE__ */ n.createElement("li", {
885
- key: b,
886
- "data-guide": b,
887
- "has-metadata": (!!(l != null && l.showPublished) && !!A || !!(l != null && l.showModified) && !!C).toString()
888
- }, /* @__PURE__ */ n.createElement(K, {
889
- className: "humany-guide-link",
890
- title: $,
891
- "aria-label": $,
892
- routeName: Fe,
893
- onClick: (We) => d(We, u),
894
- params: Ae(u),
895
- text: $
896
- }, /* @__PURE__ */ n.createElement(N, {
897
- size: r,
898
- symbol: {
899
- type: "Svg",
900
- content: t ? "caret-down" : "caret-right"
901
- }
902
- })), m && /* @__PURE__ */ n.createElement(gt, {
903
- guideTitle: $,
904
- addFavoriteTooltip: we,
905
- removeFavoriteCancelLabel: Ee,
906
- removeFavoriteConfirmLabel: ke,
907
- removeFavoriteHeader: ze,
908
- removeFavoriteLabel: Ne,
909
- removeFavoriteTooltip: Se,
910
- isFavorite: De.indexOf(b) > -1,
911
- actions: Ie,
912
- id: b
913
- }), o && /* @__PURE__ */ n.createElement(vt, {
914
- tags: z
915
- }), /* @__PURE__ */ n.createElement(zt, w(y({}, l), {
916
- indent: t ? void 0 : r,
917
- modified: C,
918
- published: A,
919
- publishedBy: D,
920
- modifiedBy: _
921
- })));
922
- }, Me = x((u, b, $) => j ? j(u, b, $, O) : O(u), [j, O]), Pe = x((u) => {
923
- c && (u.preventDefault(), h("page", X()));
924
- }, [h, c]);
925
- H(() => {
926
- if (Q && F && F.length < T.length && L.current) {
927
- const u = L.current.querySelectorAll(".humany-guide-list > ul > li"), b = u[F.length];
928
- if (u.length === T.length && F.length) {
929
- const $ = u[F.length];
930
- if ($) {
931
- const z = $.querySelector(".humany-guide-link");
932
- z && z.focus();
754
+ `, Xt = V(
755
+ (Mt, De) => {
756
+ var ae = Mt, {
757
+ expandable: t = !1,
758
+ routing: e = {},
759
+ paramMappers: n = {},
760
+ symbolSize: r = 11,
761
+ pageRole: s = "link",
762
+ pageCaret: i = "down",
763
+ showTags: o = !1,
764
+ showFavoriteToggle: c = !1,
765
+ localPaging: m = !1,
766
+ onItemClick: f = () => {
767
+ },
768
+ dispatch: u = () => {
769
+ },
770
+ metadata: l = {},
771
+ pageLabel: h,
772
+ className: S,
773
+ children: p,
774
+ items: x,
775
+ renderItem: L,
776
+ addFavoriteTooltip: C,
777
+ removeFavoriteCancelLabel: M,
778
+ removeFavoriteConfirmLabel: Ne,
779
+ removeFavoriteHeader: Le,
780
+ removeFavoriteLabel: Fe,
781
+ removeFavoriteTooltip: Ie
782
+ } = ae, Te = w(ae, [
783
+ "expandable",
784
+ "routing",
785
+ "paramMappers",
786
+ "symbolSize",
787
+ "pageRole",
788
+ "pageCaret",
789
+ "showTags",
790
+ "showFavoriteToggle",
791
+ "localPaging",
792
+ "onItemClick",
793
+ "dispatch",
794
+ "metadata",
795
+ "pageLabel",
796
+ "className",
797
+ "children",
798
+ "items",
799
+ "renderItem",
800
+ "addFavoriteTooltip",
801
+ "removeFavoriteCancelLabel",
802
+ "removeFavoriteConfirmLabel",
803
+ "removeFavoriteHeader",
804
+ "removeFavoriteLabel",
805
+ "removeFavoriteTooltip"
806
+ ]);
807
+ const q = Ue(), I = we(), T = Je(x), { guide: Ae = "guide", page: Ce = "index" } = e, {
808
+ guide: Me = ({ id: g }) => j({ guide: g }),
809
+ page: re = () => j()
810
+ } = n, [Pe, Be] = xt();
811
+ at(De, () => I.current);
812
+ const G = (g) => {
813
+ const { id: b, title: v, tags: F, published: P, modified: D, publishedBy: B, modifiedBy: U } = g;
814
+ return /* @__PURE__ */ a.createElement("li", {
815
+ key: b,
816
+ "data-guide": b,
817
+ "has-metadata": (!!(l != null && l.showPublished) && !!P || !!(l != null && l.showModified) && !!D).toString()
818
+ }, /* @__PURE__ */ a.createElement(X, {
819
+ className: "humany-guide-link",
820
+ title: v,
821
+ "aria-label": v,
822
+ routeName: Ae,
823
+ onClick: (je) => f(je, g),
824
+ params: Me(g),
825
+ text: v
826
+ }, /* @__PURE__ */ a.createElement(N, {
827
+ size: r,
828
+ symbol: {
829
+ type: "Svg",
830
+ content: t ? "caret-down" : "caret-right"
933
831
  }
934
- } else
935
- b && new MutationObserver((z, A) => {
936
- z.forEach((C) => {
937
- if (C.addedNodes) {
938
- const D = Array.from(C.addedNodes).find((_) => _.tagName === "A");
939
- D && Ze(L.current, document.activeElement) && (Q && D.focus(), A.disconnect());
940
- }
832
+ })), c && /* @__PURE__ */ a.createElement(yt, {
833
+ guideTitle: v,
834
+ addFavoriteTooltip: C,
835
+ removeFavoriteCancelLabel: M,
836
+ removeFavoriteConfirmLabel: Ne,
837
+ removeFavoriteHeader: Le,
838
+ removeFavoriteLabel: Fe,
839
+ removeFavoriteTooltip: Ie,
840
+ isFavorite: Pe.indexOf(b) > -1,
841
+ actions: Be,
842
+ id: b
843
+ }), o && /* @__PURE__ */ a.createElement(wt, {
844
+ tags: F
845
+ }), /* @__PURE__ */ a.createElement(Nt, E(y({}, l), {
846
+ indent: t ? void 0 : r,
847
+ modified: D,
848
+ published: P,
849
+ publishedBy: B,
850
+ modifiedBy: U
851
+ })));
852
+ }, Re = k(
853
+ (g, b, v) => L ? L(g, b, v, G) : G(g),
854
+ [L, G]
855
+ ), We = k(
856
+ (g) => {
857
+ m && (g.preventDefault(), u("page", re()));
858
+ },
859
+ [u, m]
860
+ );
861
+ K(() => {
862
+ if (q && T && T.length < x.length && I.current) {
863
+ const g = I.current.querySelectorAll(".humany-guide-list > ul > li"), b = g[T.length];
864
+ if (g.length === x.length && T.length) {
865
+ const v = g[T.length];
866
+ if (v) {
867
+ const F = v.querySelector(
868
+ ".humany-guide-link"
869
+ );
870
+ F && F.focus();
871
+ }
872
+ } else
873
+ b && new MutationObserver((F, P) => {
874
+ F.forEach((D) => {
875
+ if (D.addedNodes) {
876
+ const B = Array.from(
877
+ D.addedNodes
878
+ ).find((U) => U.tagName === "A");
879
+ B && tt(I.current, document.activeElement) && (q && B.focus(), P.disconnect());
880
+ }
881
+ });
882
+ }).observe(b, {
883
+ attributes: !1,
884
+ characterData: !1,
885
+ childList: !0,
886
+ subtree: !0,
887
+ attributeOldValue: !1,
888
+ characterDataOldValue: !1
941
889
  });
942
- }).observe(b, {
943
- attributes: !1,
944
- characterData: !1,
945
- childList: !0,
946
- subtree: !0,
947
- attributeOldValue: !1,
948
- characterDataOldValue: !1
949
- });
950
- }
951
- });
952
- const Re = !!Object.keys(l).filter((u) => typeof l[u] != "undefined").length;
953
- return /* @__PURE__ */ n.createElement(wt, w(y({
954
- className: E(S, "humany-guide-list"),
955
- "data-item-count": T.length,
956
- items: T,
957
- renderItem: Me,
958
- expandable: t ? "true" : "false",
959
- "grid-items": o || m || Re ? "true" : "false"
960
- }, pe(Te)), {
961
- ref: L
962
- }), p ? /* @__PURE__ */ n.createElement(K, {
963
- text: p,
964
- title: p,
965
- "aria-label": p,
966
- routeName: Ce,
967
- role: s,
968
- params: X(),
969
- onClick: Pe
970
- }, /* @__PURE__ */ n.createElement(N, {
971
- size: r,
972
- symbol: { type: "Svg", content: `caret-${i}` }
973
- })) : null, k);
974
- }), wt = f(G)`
975
- ${U}
890
+ }
891
+ });
892
+ const He = !!Object.keys(l).filter(
893
+ (g) => typeof l[g] != "undefined"
894
+ ).length;
895
+ return /* @__PURE__ */ a.createElement(kt, E(y({
896
+ className: z(S, "humany-guide-list"),
897
+ "data-item-count": x.length,
898
+ items: x,
899
+ renderItem: Re,
900
+ isTabbing: q,
901
+ expandable: t ? "true" : "false",
902
+ "grid-items": o || c || He ? "true" : "false"
903
+ }, ve(Te)), {
904
+ ref: I
905
+ }), h ? /* @__PURE__ */ a.createElement(X, {
906
+ text: h,
907
+ title: h,
908
+ "aria-label": h,
909
+ routeName: Ce,
910
+ role: s,
911
+ params: re(),
912
+ onClick: We
913
+ }, /* @__PURE__ */ a.createElement(N, {
914
+ size: r,
915
+ symbol: { type: "Svg", content: `caret-${i}` }
916
+ })) : null, p);
917
+ }
918
+ ), kt = d(Y)`
919
+ ${_}
976
920
  padding: ${(t) => {
977
921
  var e;
978
922
  return (e = t.theme.sizes) == null ? void 0 : e.large;
@@ -984,13 +928,16 @@ const be = ({
984
928
  text-decoration: none;
985
929
 
986
930
  > div {
987
- ${he("> h1", g`
931
+ ${te(
932
+ "> h1",
933
+ $`
988
934
  white-space: pre-wrap;
989
- `)}
935
+ `
936
+ )}
990
937
  }
991
938
 
992
939
  > ul > li {
993
- ${(t) => t["grid-items"] === "true" && g`
940
+ ${(t) => t["grid-items"] === "true" && $`
994
941
  display: grid;
995
942
  grid-template-columns: auto 1fr 1fr;
996
943
  gap: 0px 0px;
@@ -999,15 +946,12 @@ const be = ({
999
946
 
1000
947
  > button {
1001
948
  margin: 0 0 0 ${(e) => {
1002
- var a;
1003
- return (a = e.theme.sizes) == null ? void 0 : a.small;
949
+ var n;
950
+ return (n = e.theme.sizes) == null ? void 0 : n.small;
1004
951
  }};
1005
952
 
1006
953
  &[data-favorite='false'] {
1007
- ${(e) => {
1008
- var a;
1009
- return (a = e.theme.accessibility) != null && a.isTabbing ? "opacity: 0;" : "display: none;";
1010
- }};
954
+ ${(e) => e.isTabbing ? "opacity: 0;" : "display: none;"};
1011
955
  &:focus {
1012
956
  opacity: 1;
1013
957
  }
@@ -1016,8 +960,8 @@ const be = ({
1016
960
 
1017
961
  > span {
1018
962
  font-size: ${(e) => {
1019
- var a;
1020
- return (a = e.theme.fonts) == null ? void 0 : a.small;
963
+ var n;
964
+ return (n = e.theme.fonts) == null ? void 0 : n.small;
1021
965
  }};
1022
966
  }
1023
967
 
@@ -1058,7 +1002,7 @@ const be = ({
1058
1002
  }
1059
1003
  }
1060
1004
 
1061
- ${(t) => t.expandable === "true" && g`
1005
+ ${(t) => t.expandable === "true" && $`
1062
1006
  display: flex;
1063
1007
  flex-direction: row-reverse;
1064
1008
  justify-content: flex-end;
@@ -1071,20 +1015,15 @@ const be = ({
1071
1015
 
1072
1016
  svg {
1073
1017
  margin: 0 0 0 ${(e) => {
1074
- var a;
1075
- return (a = e.theme.sizes) == null ? void 0 : a.small;
1018
+ var n;
1019
+ return (n = e.theme.sizes) == null ? void 0 : n.small;
1076
1020
  }};
1077
1021
  }
1078
1022
  `}
1079
1023
 
1080
- &:focus {
1081
- ${(t) => {
1082
- var e;
1083
- return ((e = t.theme.accessibility) == null ? void 0 : e.isTabbing) && g`
1084
- ${re}
1085
- text-decoration: underline;
1086
- `;
1087
- }};
1024
+ &:focus-visible {
1025
+ ${Z}
1026
+ text-decoration: underline;
1088
1027
  }
1089
1028
 
1090
1029
  @media (hover: hover) {
@@ -1125,18 +1064,13 @@ const be = ({
1125
1064
  }
1126
1065
  }
1127
1066
 
1128
- &:focus {
1129
- ${(t) => {
1130
- var e;
1131
- return ((e = t.theme.accessibility) == null ? void 0 : e.isTabbing) && g`
1132
- ${re}
1133
- text-decoration: underline;
1134
- `;
1135
- }};
1067
+ &:focus-visible {
1068
+ ${Z}
1069
+ text-decoration: underline;
1136
1070
  }
1137
1071
  }
1138
- `, Et = f(q)`
1139
- ${me}
1072
+ `, zt = d(ee)`
1073
+ ${ge}
1140
1074
  display: flex;
1141
1075
  margin: 0 0 0 auto;
1142
1076
  grid-area: tags;
@@ -1151,7 +1085,7 @@ const be = ({
1151
1085
  align-items: center;
1152
1086
  justify-content: space-between;
1153
1087
  }
1154
- `, kt = f(N)`
1088
+ `, St = d(N)`
1155
1089
  display: block;
1156
1090
  color: ${(t) => {
1157
1091
  var e;
@@ -1168,7 +1102,7 @@ const be = ({
1168
1102
  font-size: ${t.size}px;
1169
1103
  `;
1170
1104
  }}
1171
- `, zt = f(bt)`
1105
+ `, Nt = d(bt)`
1172
1106
  grid-area: metadata;
1173
1107
  text-overflow: ellipsis;
1174
1108
  overflow: hidden;
@@ -1180,64 +1114,227 @@ const be = ({
1180
1114
  var e;
1181
1115
  return typeof t.indent == "number" && `text-indent: calc(${(e = t.theme.sizes) == null ? void 0 : e.small} * 2 + ${t.indent}px);`;
1182
1116
  }}
1183
- `, Nt = (t) => new RegExp("^#", "i").test(t), St = (t) => (r) => {
1184
- var s = r, { children: e } = s, a = v(s, ["children"]);
1117
+ `, Zt = (i) => {
1118
+ var o = i, {
1119
+ className: t,
1120
+ showHeader: e,
1121
+ notificationList: n,
1122
+ loading: r
1123
+ } = o, s = w(o, [
1124
+ "className",
1125
+ "showHeader",
1126
+ "notificationList",
1127
+ "loading"
1128
+ ]);
1129
+ const [c, m] = A(null), {
1130
+ id: f,
1131
+ title: u,
1132
+ symbol: l,
1133
+ notifications: h = [],
1134
+ defaultHeaderOptions: S = { visible: !0 }
1135
+ } = n || {};
1136
+ return !h.length && !r ? null : /* @__PURE__ */ a.createElement(Ft, E(y({}, s), {
1137
+ "data-loading": r,
1138
+ "data-show-header": typeof e == "boolean" ? e : S.visible,
1139
+ className: z(t, "humany-notification-list"),
1140
+ "data-notification-category": f,
1141
+ header: u,
1142
+ symbol: l,
1143
+ items: h,
1144
+ renderItem: ({ id: p, title: x, body: L, modified: C, expandable: M }) => /* @__PURE__ */ a.createElement(It, {
1145
+ key: p,
1146
+ "data-notification": p,
1147
+ "data-expanded": M ? c === p : !0
1148
+ }, M ? /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(Lt, {
1149
+ title: x,
1150
+ "aria-label": x,
1151
+ "aria-expanded": c === p,
1152
+ onClick: () => m(c === p ? null : p)
1153
+ }, /* @__PURE__ */ a.createElement("span", null, x), /* @__PURE__ */ a.createElement(Tt, {
1154
+ size: 11,
1155
+ symbol: {
1156
+ type: "Svg",
1157
+ content: `caret-${c === p ? "up" : "down"}`
1158
+ }
1159
+ })), /* @__PURE__ */ a.createElement(O, {
1160
+ html: L
1161
+ }), C && /* @__PURE__ */ a.createElement(Dt, {
1162
+ format: be.YYYY_MM_DD,
1163
+ timestamp: C
1164
+ })) : /* @__PURE__ */ a.createElement(O, {
1165
+ html: L
1166
+ }))
1167
+ }), /* @__PURE__ */ a.createElement(ht, {
1168
+ loading: r
1169
+ }));
1170
+ }, Lt = d(ne)`
1171
+ display: flex;
1172
+ justify-content: space-between;
1173
+ align-items: center;
1174
+ width: 100%;
1175
+ text-align: left;
1176
+ svg,
1177
+ i {
1178
+ color: ${(t) => {
1179
+ var e;
1180
+ return (e = t.theme.colors) == null ? void 0 : e.primary;
1181
+ }};
1182
+ }
1183
+ span {
1184
+ color: ${(t) => {
1185
+ var e;
1186
+ return (e = t.theme.colors) == null ? void 0 : e.text;
1187
+ }};
1188
+ font-size: ${(t) => {
1189
+ var e;
1190
+ return (e = t.theme.fonts) == null ? void 0 : e.normal;
1191
+ }};
1192
+ overflow: hidden;
1193
+ text-overflow: ellipsis;
1194
+ flex: 1;
1195
+ white-space: nowrap;
1196
+ }
1197
+ &:focus-visible {
1198
+ ${Z}
1199
+ span {
1200
+ color: ${(t) => {
1201
+ var e;
1202
+ return (e = t.theme.colors) == null ? void 0 : e.primary;
1203
+ }};
1204
+ text-decoration: underline;
1205
+ }
1206
+ }
1207
+ `, Ft = d(Y)`
1208
+ ${gt}
1209
+ ${_}
1210
+ overflow: hidden;
1211
+ justify-content: flex-start;
1212
+ padding: ${(t) => {
1213
+ var e;
1214
+ return (e = t.theme.sizes) == null ? void 0 : e.large;
1215
+ }};
1216
+ ${(t) => !t["data-show-header"] && $`
1217
+ > div {
1218
+ ${te(
1219
+ "h1",
1220
+ $`
1221
+ display: none;
1222
+ `
1223
+ )}
1224
+ }
1225
+ `}
1226
+
1227
+ @media (hover: hover) {
1228
+ button:hover {
1229
+ text-decoration: underline;
1230
+ }
1231
+ }
1232
+ `, O = d(Qe)`
1233
+ ${Xe}
1234
+ font-weight: 300;
1235
+
1236
+ p {
1237
+ white-space: normal;
1238
+ }
1239
+ `, It = d.li`
1240
+ ${O} {
1241
+ display: none;
1242
+ &:not(:only-child) {
1243
+ ${(t) => {
1244
+ var e, n, r;
1245
+ return ((e = t.theme.sizes) == null ? void 0 : e.cardinal) && ((n = t.theme.sizes) == null ? void 0 : n.normal) && $`
1246
+ margin: ${(r = t.theme.sizes) == null ? void 0 : r.normal} 0;
1247
+ `;
1248
+ }}
1249
+ }
1250
+ }
1251
+
1252
+ ${(t) => t["data-expanded"] && $`
1253
+ ${O} {
1254
+ display: block;
1255
+ }
1256
+ `}
1257
+
1258
+ > span {
1259
+ display: block;
1260
+ font-weight: 300;
1261
+ color: ${(t) => {
1262
+ var e;
1263
+ return (e = t.theme.colors) == null ? void 0 : e.accent;
1264
+ }};
1265
+ }
1266
+ `, Tt = d(N)`
1267
+ margin: 0 0 0 ${(t) => {
1268
+ var e;
1269
+ return (e = t.theme.sizes) == null ? void 0 : e.small;
1270
+ }};
1271
+ line {
1272
+ stroke: ${(t) => {
1273
+ var e;
1274
+ return (e = t.theme.colors) == null ? void 0 : e.primary;
1275
+ }};
1276
+ }
1277
+ `, Dt = d(xe)`
1278
+ font-size: ${(t) => {
1279
+ var e;
1280
+ return (e = t.theme.fonts) == null ? void 0 : e.small;
1281
+ }};
1282
+ font-weight: 300;
1283
+ `, At = (t) => new RegExp("^#", "i").test(t), Ct = (t) => (r) => {
1284
+ var s = r, { children: e } = s, n = w(s, ["children"]);
1185
1285
  const {
1186
1286
  implementation: i,
1187
1287
  name: o
1188
- } = t.get("$widget"), { href: m = "" } = a;
1189
- if (Nt(m))
1190
- return /* @__PURE__ */ n.createElement(Je, {
1288
+ } = t.get("$widget"), { href: c = "" } = n;
1289
+ if (At(c))
1290
+ return /* @__PURE__ */ a.createElement(Ze, {
1191
1291
  smooth: !0,
1192
- to: m
1292
+ to: c
1193
1293
  }, e);
1194
- const c = i.bindings.map((l) => l.replace(/\./g, "\\.")).join("|"), h = new RegExp(`^((http[s]?:)?//)?(${c})/([^\\s]+)`).exec(m);
1195
- if (h && h.length >= 4) {
1196
- const l = h[4];
1294
+ const m = i.bindings.map((l) => l.replace(/\./g, "\\.")).join("|"), u = new RegExp(`^((http[s]?:)?//)?(${m})/([^\\s]+)`).exec(c);
1295
+ if (u && u.length >= 4) {
1296
+ const l = u[4];
1197
1297
  if (i.widgets.get(l) && !l.startsWith("blob?") && !l.startsWith(o))
1198
- return /* @__PURE__ */ n.createElement(Qe, {
1298
+ return /* @__PURE__ */ a.createElement(et, {
1199
1299
  widgetName: l
1200
1300
  }, e);
1201
1301
  }
1202
- return /* @__PURE__ */ n.createElement("a", y({}, a), e);
1203
- }, Tt = (t) => /* @__PURE__ */ n.createElement(Xe, {
1204
- attrs: t
1205
- }), Jt = (t, e = []) => ({
1302
+ return /* @__PURE__ */ a.createElement("a", y({}, n), e);
1303
+ }, en = (t, e = []) => ({
1206
1304
  transform: {
1207
- img: Tt,
1208
- a: (a) => {
1209
- const m = a, { children: r } = m, i = v(m, ["children"])["data-target"];
1305
+ a: (n) => {
1306
+ const c = n, { children: r } = c, i = w(c, ["children"])["data-target"];
1210
1307
  if (i && e.length) {
1211
- const c = e.find(({ connection: d }) => d === i);
1212
- if (c)
1213
- return /* @__PURE__ */ n.createElement(be, y({}, c), r);
1308
+ const m = e.find(({ connection: f }) => f === i);
1309
+ if (m)
1310
+ return /* @__PURE__ */ a.createElement(ke, y({}, m), r);
1214
1311
  }
1215
- return St(t)(a);
1312
+ return Ct(t)(n);
1216
1313
  }
1217
1314
  }
1218
1315
  });
1219
1316
  export {
1220
- Gt as AccordionListItem,
1221
- be as DialogLink,
1222
- Mt as DialogList,
1223
- Pt as DrawerList,
1224
- Rt as DropdownActions,
1225
- Wt as DropdownList,
1226
- gt as FavoriteButton,
1227
- Vt as Feedback,
1228
- Ut as GuideList,
1229
- Bt as Loader,
1230
- xe as LoaderWrapper,
1317
+ Qt as AccordionListItem,
1318
+ ke as DialogLink,
1319
+ jt as DialogList,
1320
+ Ot as DrawerList,
1321
+ Yt as DropdownActions,
1322
+ _t as DropdownList,
1323
+ yt as FavoriteButton,
1324
+ qt as Feedback,
1325
+ Xt as GuideList,
1326
+ ht as Loader,
1327
+ Se as LoaderWrapper,
1231
1328
  bt as Metadata,
1232
- Ot as SmallCaret,
1233
- _t as StyledHeaderText,
1234
- ut as StyledListButton,
1235
- jt as genericHtml,
1236
- Jt as guideRenderInstructions,
1237
- Ht as loadingOpacity,
1238
- Yt as useArrowKeys,
1239
- Kt as useDebounce,
1240
- $t as useFavorites,
1241
- qt as useHover
1329
+ Zt as NotificationList,
1330
+ Vt as SmallCaret,
1331
+ Kt as StyledHeaderText,
1332
+ pt as StyledListButton,
1333
+ en as guideRenderInstructions,
1334
+ gt as loadingOpacity,
1335
+ Gt as useArrowKeys,
1336
+ Ut as useDebounce,
1337
+ xt as useFavorites,
1338
+ Jt as useHover
1242
1339
  };
1243
1340
  //# sourceMappingURL=index.js.map