@telia-ace/widget-types-grid 1.0.25-next.14 → 1.0.25-next.16

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.
package/dist/index.js CHANGED
@@ -1,66 +1,66 @@
1
1
  var ve = Object.defineProperty, Ee = Object.defineProperties;
2
2
  var Ce = Object.getOwnPropertyDescriptors;
3
- var F = Object.getOwnPropertySymbols;
3
+ var H = Object.getOwnPropertySymbols;
4
4
  var re = Object.prototype.hasOwnProperty, ae = Object.prototype.propertyIsEnumerable;
5
5
  var Z = (t, n, e) => n in t ? ve(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, m = (t, n) => {
6
6
  for (var e in n || (n = {}))
7
7
  re.call(n, e) && Z(t, e, n[e]);
8
- if (F)
9
- for (var e of F(n))
8
+ if (H)
9
+ for (var e of H(n))
10
10
  ae.call(n, e) && Z(t, e, n[e]);
11
11
  return t;
12
12
  }, C = (t, n) => Ee(t, Ce(n));
13
13
  var N = (t, n) => {
14
14
  var e = {};
15
- for (var i in t)
16
- re.call(t, i) && n.indexOf(i) < 0 && (e[i] = t[i]);
17
- if (t != null && F)
18
- for (var i of F(t))
19
- n.indexOf(i) < 0 && ae.call(t, i) && (e[i] = t[i]);
15
+ for (var s in t)
16
+ re.call(t, s) && n.indexOf(s) < 0 && (e[s] = t[s]);
17
+ if (t != null && H)
18
+ for (var s of H(t))
19
+ n.indexOf(s) < 0 && ae.call(t, s) && (e[s] = t[s]);
20
20
  return e;
21
21
  };
22
- var $ = (t, n, e) => (Z(t, typeof n != "symbol" ? n + "" : n, e), e);
22
+ var L = (t, n, e) => (Z(t, typeof n != "symbol" ? n + "" : n, e), e);
23
23
  import { css as de, ThemeProvider as Oe, useTheme as Se } from "@emotion/react";
24
- import { asDescriptor as ce, ComponentPlatform as Ae, createComponentModel as xe, ComponentQuery as De, WidgetRenderState as O } from "@telia-ace/widget-core";
25
- import { Grid as he, useRouteData as Me, useRouter as Ne, useProperties as pe, useContext as ne, useContainer as j, useComponentNode as ie, useScroll as me, transitionComposer as Le, paddedBorderTabStyle as $e, useComponent as ke, useComponentDescriptor as Pe, filterCssPropsStyle as Re, Typography as Ve, useComponentPlatform as fe, useIsMounted as _e, useColumns as Ie, useLayout as ze, ComponentNodeContext as Be, ComponentPropertyContext as Te, filterCssProps as je } from "@telia-ace/widget-ui";
24
+ import { asDescriptor as ce, ComponentPlatform as Ae, createComponentModel as De, ComponentQuery as xe, WidgetRenderState as O } from "@telia-ace/widget-core";
25
+ import { Grid as he, useRouteData as Me, useRouter as Ne, useProperties as pe, useContext as ne, useContainer as j, useComponentNode as se, useScroll as me, transitionComposer as $e, paddedBorderTabStyle as Le, useComponent as ke, useComponentDescriptor as Pe, filterCssPropsStyle as Re, Typography as Ve, useComponentPlatform as fe, useIsMounted as _e, useColumns as Ie, useLayout as ze, ComponentNodeContext as Be, ComponentPropertyContext as Te, filterCssProps as je } from "@telia-ace/widget-ui";
26
26
  import d, { useState as B, forwardRef as ge, useMemo as Ge, Suspense as We, useEffect as T } from "react";
27
27
  import P from "@emotion/styled";
28
- import { appendClassNames as Y, notifyDataLoaded as He, lock as J, removeNullAndUndefinedValues as le, uuid as Fe } from "@telia-ace/widget-utilities";
28
+ import { appendClassNames as Y, notifyDataLoaded as Fe, lock as J, removeNullAndUndefinedValues as le, uuid as He } from "@telia-ace/widget-utilities";
29
29
  import { TransitionGroup as Ke, Transition as Ue } from "react-transition-group";
30
30
  import { Switch as Ye, Route as X } from "react-router";
31
31
  import { onWidgetUrl as qe } from "@telia-ace/widget-routing";
32
- import { readStorage as L, StorageMedium as E, createStorageWriter as _, StorageCategory as I, StorageScope as Qe } from "@telia-ace/widget-services";
32
+ import { readStorage as $, StorageMedium as E, createStorageWriter as _, StorageCategory as I, StorageScope as Qe } from "@telia-ace/widget-services";
33
33
  import { supportBootstrapping as Ze } from "@webprovisions/bootstrapping";
34
34
  import { WidgetState as Je, WidgetType as Xe } from "@webprovisions/platform";
35
35
  var te = /* @__PURE__ */ ((t) => (t.back = "back", t.forth = "forth", t))(te || {});
36
- const et = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[t] > e[n] ? "back" : "forth", ye = ({ views: t, location: n, render: e }) => /* @__PURE__ */ d.createElement(Ye, {
36
+ const et = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[t] > e[n] ? "back" : "forth", tt = ({ views: t, location: n, render: e }) => /* @__PURE__ */ d.createElement(Ye, {
37
37
  location: n && C(m({}, n), {
38
38
  pathname: n.pathname.split("?")[0]
39
39
  })
40
40
  }, [
41
- ...Object.keys(t).filter((i) => !!t[i].path),
42
- ...Object.keys(t).filter((i) => !t[i].path)
43
- ].map((i) => {
44
- const { path: s } = t[i];
45
- return s ? Array.isArray(s) ? s.map((o) => /* @__PURE__ */ d.createElement(X, {
46
- key: i,
41
+ ...Object.keys(t).filter((s) => !!t[s].path),
42
+ ...Object.keys(t).filter((s) => !t[s].path)
43
+ ].map((s) => {
44
+ const { path: i } = t[s];
45
+ return i ? Array.isArray(i) ? i.map((o) => /* @__PURE__ */ d.createElement(X, {
46
+ key: s,
47
47
  exact: !0,
48
48
  path: o,
49
- render: () => e(i)
49
+ render: () => e(s)
50
50
  })) : /* @__PURE__ */ d.createElement(X, {
51
- key: i,
51
+ key: s,
52
52
  exact: !0,
53
- path: s,
54
- render: () => e(i)
53
+ path: i,
54
+ render: () => e(s)
55
55
  }) : /* @__PURE__ */ d.createElement(X, {
56
- key: i,
57
- render: () => e(i)
56
+ key: s,
57
+ render: () => e(s)
58
58
  });
59
- })), tt = P.div`
59
+ })), ye = tt, nt = P.div`
60
60
  position: relative;
61
61
  width: 100%;
62
62
  flex: 1;
63
- `, nt = P(he)`
63
+ `, st = P(he)`
64
64
  position: absolute;
65
65
  left: 0;
66
66
  right: 0;
@@ -74,33 +74,33 @@ const et = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[
74
74
  contact: 5,
75
75
  "contact-method": 6,
76
76
  conversation: 7
77
- }, st = (e) => {
78
- var i = e, { className: t = "" } = i, n = N(i, ["className"]);
79
- const [s, o] = B("index"), [r, a] = B(te.forth), c = Me(), h = Ne(), u = pe(), l = ne(), p = j(), f = ie(), { gap: w = "0" } = l, H = u, { columns: y = 1, animation: g = "none", scrollable: b = !1 } = H, S = N(H, ["columns", "animation", "scrollable"]), [G, R] = me(b);
77
+ }, ot = (e) => {
78
+ var s = e, { className: t = "" } = s, n = N(s, ["className"]);
79
+ const [i, o] = B("index"), [r, a] = B(te.forth), c = Me(), h = Ne(), u = pe(), l = ne(), p = j(), f = se(), { gap: w = "0" } = l, F = u, { columns: y = 1, animation: g = "none", scrollable: b = !1 } = F, S = N(F, ["columns", "animation", "scrollable"]), [G, R] = me(b);
80
80
  if (!f || !h)
81
81
  return null;
82
82
  const { location: W } = h;
83
- c.name !== s && c.name !== "" && g && (a(et(s, c.name, it)), o(c.name));
84
- const { views: x } = p.get("$settings");
85
- if (!Object.keys(x).length)
83
+ c.name !== i && c.name !== "" && g && (a(et(i, c.name, it)), o(c.name));
84
+ const { views: D } = p.get("$settings");
85
+ if (!Object.keys(D).length)
86
86
  return null;
87
- const D = (v, M, V) => {
87
+ const x = (v, M, V) => {
88
88
  const A = Q(M, V), z = f.getChildren(v)[0];
89
- return /* @__PURE__ */ d.createElement(nt, C(m(C(m(m({}, n), S), {
89
+ return /* @__PURE__ */ d.createElement(st, C(m(C(m(m({}, n), S), {
90
90
  scrollableCss: G,
91
91
  ref: R,
92
92
  columns: y,
93
93
  gap: w
94
94
  }), A), {
95
95
  className: Y(t, "humany-view")
96
- }), /* @__PURE__ */ d.createElement(se, {
96
+ }), /* @__PURE__ */ d.createElement(ie, {
97
97
  id: z.id,
98
98
  branch: "default"
99
99
  }));
100
100
  }, Q = (v, M) => {
101
101
  if (g === "slide" || g === "fade")
102
102
  return {
103
- animationCss: Le.composeViewTransition(
103
+ animationCss: $e.composeViewTransition(
104
104
  v,
105
105
  g,
106
106
  M
@@ -108,28 +108,28 @@ const et = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[
108
108
  ["data-state"]: v
109
109
  };
110
110
  };
111
- return /* @__PURE__ */ d.createElement(tt, {
111
+ return /* @__PURE__ */ d.createElement(nt, {
112
112
  className: "humany-animated-view"
113
113
  }, /* @__PURE__ */ d.createElement(Ke, {
114
114
  component: null,
115
115
  childFactory: (v) => d.cloneElement(v, { direction: r })
116
116
  }, /* @__PURE__ */ d.createElement(Ue, {
117
- key: s,
117
+ key: i,
118
118
  timeout: { enter: 500, exit: 500 },
119
119
  onEnter: (v) => v == null ? void 0 : v.clientHeight,
120
120
  unmountOnExit: !0,
121
121
  direction: te.forth
122
122
  }, (v, { direction: M }) => /* @__PURE__ */ d.createElement(ye, {
123
- views: x,
123
+ views: D,
124
124
  location: W,
125
- render: (V) => D(V, v, M)
125
+ render: (V) => x(V, v, M)
126
126
  }))));
127
- }, ot = P(he)`
127
+ }, rt = ot, at = P(he)`
128
128
  ${(t) => !!t.scrollableCss && t.scrollableCss}
129
- `, rt = (e) => {
130
- var i = e, { className: t = "" } = i, n = N(i, ["className"]);
131
- const s = pe(), o = ne(), r = j(), a = ie(), { views: c } = r.get("$settings"), { gap: h = "0" } = o, g = s, { columns: u = 1, animation: l = "none", scrollable: p = !1 } = g, f = N(g, ["columns", "animation", "scrollable"]), [w, y] = me(p);
132
- return a ? /* @__PURE__ */ d.createElement(ot, C(m(m({}, n), f), {
129
+ `, ct = (e) => {
130
+ var s = e, { className: t = "" } = s, n = N(s, ["className"]);
131
+ const i = pe(), o = ne(), r = j(), a = se(), { views: c } = r.get("$settings"), { gap: h = "0" } = o, g = i, { columns: u = 1, animation: l = "none", scrollable: p = !1 } = g, f = N(g, ["columns", "animation", "scrollable"]), [w, y] = me(p);
132
+ return a ? /* @__PURE__ */ d.createElement(at, C(m(m({}, n), f), {
133
133
  scrollableCss: w,
134
134
  ref: y,
135
135
  columns: u,
@@ -139,14 +139,14 @@ const et = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[
139
139
  views: c,
140
140
  render: (b) => {
141
141
  const S = a.getChildren(b)[0];
142
- return /* @__PURE__ */ d.createElement(se, {
142
+ return /* @__PURE__ */ d.createElement(ie, {
143
143
  id: S.id,
144
144
  node: S,
145
145
  branch: "default"
146
146
  });
147
147
  }
148
148
  })) : null;
149
- }, q = (t) => {
149
+ }, lt = ct, q = (t) => {
150
150
  var n, e;
151
151
  return de`
152
152
  outline: none;
@@ -171,32 +171,32 @@ const et = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[
171
171
  `}
172
172
 
173
173
  &:focus-visible {
174
- ${$e(t)};
174
+ ${Le(t)};
175
175
  }
176
176
  `;
177
- }, at = P(rt)`
177
+ }, ut = P(lt)`
178
178
  ${(t) => q(t)}
179
- `, ct = P(st)`
179
+ `, dt = P(rt)`
180
180
  ${(t) => q(t)}
181
- `, lt = P.div`
181
+ `, ht = P.div`
182
182
  text-align: center;
183
183
  ${(t) => {
184
- var n, e, i;
184
+ var n, e, s;
185
185
  return typeof ((n = t.theme.colors) == null ? void 0 : n.warning) != "undefined" && de`
186
186
  color: ${(e = t.theme.colors) == null ? void 0 : e.warning};
187
- border: 2px dashed ${(i = t.theme.colors) == null ? void 0 : i.warning};
187
+ border: 2px dashed ${(s = t.theme.colors) == null ? void 0 : s.warning};
188
188
  `;
189
189
  }}
190
190
  ${(t) => typeof t.theme.borderRadius != "undefined" && `border-radius: ${t.theme.borderRadius};`}
191
191
  ${(t) => q(t)}
192
- `, ut = ge(
193
- (s, i) => {
194
- var o = s, { className: t = "", children: n } = o, e = N(o, ["className", "children"]);
192
+ `, pt = ge(
193
+ (i, s) => {
194
+ var o = i, { className: t = "", children: n } = o, e = N(o, ["className", "children"]);
195
195
  const r = ke(), { name: a, type: c, id: h } = Pe(), u = Ge(() => r ? P(r)`
196
196
  ${q}
197
197
  ${Re}
198
198
  ` : null, [r]);
199
- return typeof r == "undefined" ? null : r === null || u === null ? process.env.NODE_ENV !== "production" ? /* @__PURE__ */ d.createElement(lt, C(m({}, e), {
199
+ return typeof r == "undefined" ? null : r === null || u === null ? process.env.NODE_ENV !== "production" ? /* @__PURE__ */ d.createElement(ht, C(m({}, e), {
200
200
  title: `type: ${c}, definition-id: ${a}, instance-id: ${h}`,
201
201
  className: Y(t, "humany-non-resolved-component")
202
202
  }), /* @__PURE__ */ d.createElement(Ve, {
@@ -204,7 +204,7 @@ const et = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[
204
204
  }, "Non Resolved Component Type")) : null : /* @__PURE__ */ d.createElement(We, {
205
205
  fallback: null
206
206
  }, /* @__PURE__ */ d.createElement(u, C(m({
207
- ref: i
207
+ ref: s
208
208
  }, e), {
209
209
  className: Y(
210
210
  t,
@@ -213,30 +213,30 @@ const et = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[
213
213
  )
214
214
  }), n));
215
215
  }
216
- ), dt = (t) => {
217
- const n = ie(t), e = fe(), [i, s] = B({}), o = _e();
216
+ ), mt = pt, ft = (t) => {
217
+ const n = se(t), e = fe(), [s, i] = B({}), o = _e();
218
218
  return T(() => {
219
- n && o.current && s(n.attributes.properties);
219
+ n && o.current && i(n.attributes.properties);
220
220
  }, [n, t, o]), T(() => {
221
221
  if (e) {
222
222
  const r = e.events.subscribe(
223
223
  "components:properties-changed",
224
224
  (a, c) => {
225
- n === c.node && o.current && s(c.node.attributes.properties);
225
+ n === c.node && o.current && i(c.node.attributes.properties);
226
226
  }
227
227
  );
228
228
  return () => {
229
229
  r();
230
230
  };
231
231
  }
232
- }, [e, o, t, n]), i;
233
- }, ht = (t, n) => n ? !0 : typeof t == "string" ? t === "full" : t > 0, se = ge(
232
+ }, [e, o, t, n]), s;
233
+ }, gt = (t, n) => n ? !0 : typeof t == "string" ? t === "full" : t > 0, yt = ge(
234
234
  (h, c) => {
235
- var u = h, { className: t = "", id: n, branch: e, node: i, ariaLabel: s, tabIndex: o, context: r } = u, a = N(u, ["className", "id", "branch", "node", "ariaLabel", "tabIndex", "context"]);
236
- const l = fe(), p = j(), [f, w] = B(), y = Ie(), g = ne(n), b = dt(n), { size: S = "none", indent: G = 0 } = ze(n), R = ht(S, i);
235
+ var u = h, { className: t = "", id: n, branch: e, node: s, ariaLabel: i, tabIndex: o, context: r } = u, a = N(u, ["className", "id", "branch", "node", "ariaLabel", "tabIndex", "context"]);
236
+ const l = fe(), p = j(), [f, w] = B(), y = Ie(), g = ne(n), b = ft(n), { size: S = "none", indent: G = 0 } = ze(n), R = gt(S, s);
237
237
  if (T(() => {
238
238
  if (l) {
239
- if (n && !i) {
239
+ if (n && !s) {
240
240
  const A = l.nodes.get(n);
241
241
  if (A && (w(ce(A, e)), R)) {
242
242
  const z = A.mount(p);
@@ -244,42 +244,42 @@ const et = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[
244
244
  z();
245
245
  };
246
246
  }
247
- } else if (i) {
248
- w(ce(i, e));
249
- const A = i.mount(p);
247
+ } else if (s) {
248
+ w(ce(s, e));
249
+ const A = s.mount(p);
250
250
  return () => {
251
251
  A();
252
252
  };
253
253
  }
254
254
  }
255
- }, [l, n, i, R]), !f || !R)
255
+ }, [l, n, s, R]), !f || !R)
256
256
  return null;
257
257
  const V = m(m({}, g), r || {}), {
258
- cardinal: x,
259
- fonts: D = {},
258
+ cardinal: D,
259
+ fonts: x = {},
260
260
  accessibility: Q = {}
261
- } = V, H = N(V, [
261
+ } = V, F = N(V, [
262
262
  "cardinal",
263
263
  "fonts",
264
264
  "accessibility"
265
265
  ]), v = {
266
- type: D.type,
267
- base: D.base || "16px",
268
- small: D.small || "0.8em",
269
- normal: D.normal || "1em",
270
- medium: D.medium || "1.2em",
271
- large: D.large || "1.6em",
272
- huge: D.huge || "2.5em"
273
- }, M = C(m({}, H), {
266
+ type: x.type,
267
+ base: x.base || "16px",
268
+ small: x.small || "0.8em",
269
+ normal: x.normal || "1em",
270
+ medium: x.medium || "1.2em",
271
+ large: x.large || "1.6em",
272
+ huge: x.huge || "2.5em"
273
+ }, M = C(m({}, F), {
274
274
  fonts: v,
275
275
  accessibility: m({}, Q)
276
276
  });
277
- return typeof x == "number" && (M.sizes = {
278
- cardinal: x,
279
- small: `${x}px`,
280
- normal: `${x * 3}px`,
281
- medium: `${x * 5}px`,
282
- large: `${x * 8}px`
277
+ return typeof D == "number" && (M.sizes = {
278
+ cardinal: D,
279
+ small: `${D}px`,
280
+ normal: `${D * 3}px`,
281
+ medium: `${D * 5}px`,
282
+ large: `${D * 8}px`
283
283
  }), /* @__PURE__ */ d.createElement(Oe, {
284
284
  theme: M
285
285
  }, /* @__PURE__ */ d.createElement(Be.Provider, {
@@ -293,21 +293,21 @@ const et = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[
293
293
  "data-name": f.name,
294
294
  "data-node-id": f.id,
295
295
  "data-component-type": f.type,
296
- "aria-label": s,
296
+ "aria-label": i,
297
297
  tabIndex: o,
298
298
  id: f.id,
299
299
  role: b && b.role
300
300
  }, a);
301
301
  switch (f.type) {
302
302
  case "view":
303
- return typeof b.animation == "string" && b.animation !== "none" ? /* @__PURE__ */ d.createElement(ct, C(m({}, A), {
303
+ return typeof b.animation == "string" && b.animation !== "none" ? /* @__PURE__ */ d.createElement(dt, C(m({}, A), {
304
304
  className: t
305
- })) : /* @__PURE__ */ d.createElement(at, C(m({}, A), {
305
+ })) : /* @__PURE__ */ d.createElement(ut, C(m({}, A), {
306
306
  className: t
307
307
  }));
308
308
  default: {
309
309
  const z = je(b);
310
- return /* @__PURE__ */ d.createElement(ut, C(m(m({
310
+ return /* @__PURE__ */ d.createElement(mt, C(m(m({
311
311
  ref: c
312
312
  }, A), z), {
313
313
  className: t
@@ -316,55 +316,55 @@ const et = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[
316
316
  }
317
317
  })())));
318
318
  }
319
- ), pt = ({ builder: t }) => {
320
- const n = j(), [e, i] = B(null);
319
+ ), ie = yt, bt = ({ builder: t }) => {
320
+ const n = j(), [e, s] = B(null);
321
321
  return T(() => {
322
- n.getAsync("components").then((s) => t(s).then((o) => {
323
- i(o);
322
+ n.getAsync("components").then((i) => t(i).then((o) => {
323
+ s(o);
324
324
  }));
325
325
  }, []), T(() => () => {
326
- e && n.getAsync("components").then((s) => {
327
- s.nodes.detached = s.nodes.detached.filter(
326
+ e && n.getAsync("components").then((i) => {
327
+ i.nodes.detached = i.nodes.detached.filter(
328
328
  (o) => o.id !== e.id
329
329
  );
330
330
  });
331
- }, [e]), e ? /* @__PURE__ */ d.createElement(se, {
331
+ }, [e]), e ? /* @__PURE__ */ d.createElement(ie, {
332
332
  id: e.id,
333
333
  node: e,
334
334
  branch: "default"
335
335
  }) : null;
336
- }, mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
336
+ }, wt = bt, vt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
337
337
  __proto__: null,
338
- default: pt
339
- }, Symbol.toStringTag, { value: "Module" })), ft = d.lazy(() => Promise.resolve().then(() => mt)), Ft = ({ showSearch: t = !1 }) => {
338
+ default: wt
339
+ }, Symbol.toStringTag, { value: "Module" })), Et = d.lazy(() => Promise.resolve().then(() => vt)), Ct = ({ showSearch: t = !1 }) => {
340
340
  const n = Se(), e = j();
341
341
  return /* @__PURE__ */ d.createElement(d.Suspense, {
342
342
  fallback: null
343
- }, /* @__PURE__ */ d.createElement(ft, {
344
- builder: (i) => e.get("settings").then((s) => {
343
+ }, /* @__PURE__ */ d.createElement(Et, {
344
+ builder: (s) => e.get("settings").then((i) => {
345
345
  var h;
346
- const { properties: o, context: r } = Object.keys(s.components).reduce(
347
- (u, l) => (s.components[l].type === "not-found" && (u.properties = s.components[l].properties, u.context = s.components[l].context), u),
346
+ const { properties: o, context: r } = Object.keys(i.components).reduce(
347
+ (u, l) => (i.components[l].type === "not-found" && (u.properties = i.components[l].properties, u.context = i.components[l].context), u),
348
348
  { properties: {}, context: {} }
349
349
  );
350
350
  o.showSearch = t;
351
- const a = i.createNode("area", { detached: !0 });
351
+ const a = s.createNode("area", { detached: !0 });
352
352
  if (a.name = "not-found-area", a.writeLayout({
353
353
  size: "full"
354
354
  }), t) {
355
- const u = Object.keys(s.components).reduce(
356
- (p, f) => s.components[f].type === "search" ? s.components[f].properties : p,
355
+ const u = Object.keys(i.components).reduce(
356
+ (p, f) => i.components[f].type === "search" ? i.components[f].properties : p,
357
357
  {}
358
- ), l = i.createNode("search", { detached: !0 });
358
+ ), l = s.createNode("search", { detached: !0 });
359
359
  l.writeLayout({ size: "full" }), l.writeProperties(m({
360
360
  "css-margin-bottom": ((h = n == null ? void 0 : n.sizes) == null ? void 0 : h.normal) || "15px"
361
361
  }, u)), a.appendChild(l);
362
362
  }
363
- const c = i.createNode("not-found", { detached: !0 });
363
+ const c = s.createNode("not-found", { detached: !0 });
364
364
  return c.writeLayout({ size: "full" }), c.writeProperties(o), c.writeContext(r), a.appendChild(c), a;
365
365
  })
366
366
  }));
367
- }, gt = (t) => {
367
+ }, Jt = Ct, Ot = (t) => {
368
368
  if (t) {
369
369
  const { type: n, content: e } = t;
370
370
  switch (n) {
@@ -376,22 +376,22 @@ const et = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[
376
376
  return "";
377
377
  }
378
378
  }
379
- }, yt = (t) => {
380
- const n = (s, o) => {
381
- !s || (o ? s.classList.add("humany-tabbing") : s.classList.remove("humany-tabbing"));
382
- }, e = (s) => {
383
- s.key === "Tab" ? n(t, !0) : s.key === "Enter" && document.activeElement && document.activeElement.classList.contains("humany-trigger") || n(t, !1);
384
- }, i = (s) => {
379
+ }, St = (t) => {
380
+ const n = (i, o) => {
381
+ !i || (o ? i.classList.add("humany-tabbing") : i.classList.remove("humany-tabbing"));
382
+ }, e = (i) => {
383
+ i.key === "Tab" ? n(t, !0) : i.key === "Enter" && document.activeElement && document.activeElement.classList.contains("humany-trigger") || n(t, !1);
384
+ }, s = (i) => {
385
385
  document.activeElement && document.activeElement.classList.contains("humany-trigger") && document.activeElement.classList.contains("humany-tabbing") || n(t, !1);
386
386
  };
387
- return document.addEventListener("keydown", e), document.addEventListener("click", i), () => {
388
- document.removeEventListener("keydown", e), document.removeEventListener("click", i);
387
+ return document.addEventListener("keydown", e), document.addEventListener("click", s), () => {
388
+ document.removeEventListener("keydown", e), document.removeEventListener("click", s);
389
389
  };
390
390
  };
391
- function bt(t, n) {
392
- const { symbol: e, widgetName: i, label: s = "", ariaLabel: o = "", tooltip: r = "" } = n;
393
- t.classList.add("humany-trigger"), t.classList.add(`humany_${i}`), s.length && t.classList.add("humany-has-text"), o.length && !t.getAttribute("aria-label") && t.setAttribute("aria-label", o), o.length && !t.getAttribute("tabindex") && t.setAttribute("tabindex", "0"), r.length && !t.getAttribute("title") && t.setAttribute("title", r);
394
- const a = gt(e) || "";
391
+ function At(t, n) {
392
+ const { symbol: e, widgetName: s, label: i = "", ariaLabel: o = "", tooltip: r = "" } = n;
393
+ t.classList.add("humany-trigger"), t.classList.add(`humany_${s}`), i.length && t.classList.add("humany-has-text"), o.length && !t.getAttribute("aria-label") && t.setAttribute("aria-label", o), o.length && !t.getAttribute("tabindex") && t.setAttribute("tabindex", "0"), r.length && !t.getAttribute("title") && t.setAttribute("title", r);
394
+ const a = Ot(e) || "";
395
395
  return t.innerHTML = `${a}
396
396
  <span class="humany-close">
397
397
  <svg width="18" height="9" viewBox="0 0 18 9" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -410,14 +410,14 @@ function bt(t, n) {
410
410
  stroke-miterlimit="10" />
411
411
  </svg>
412
412
  </span>
413
- ${s.length ? `<span>${s}</span>` : ""}`, setTimeout(() => t && t.classList.add("humany-rendered")), yt(t);
413
+ ${i.length ? `<span>${i}</span>` : ""}`, setTimeout(() => t && t.classList.add("humany-rendered")), St(t);
414
414
  }
415
- function wt(t, n) {
415
+ function Dt(t, n) {
416
416
  t instanceof HTMLElement ? (n && t.setAttribute("title", n), t.classList.remove("humany-active"), t.classList.remove("humany-loading")) : t instanceof Array && t.forEach((e) => {
417
417
  n && e.setAttribute("title", n), e.classList.remove("humany-active"), e.classList.remove("humany-loading");
418
418
  });
419
419
  }
420
- function vt(t) {
420
+ function xt(t) {
421
421
  t instanceof HTMLElement ? (t.classList.remove("humany-active"), t.classList.add("humany-loading")) : t instanceof Array && t.forEach((n) => {
422
422
  n.classList.remove("humany-active"), n.classList.add("humany-loading");
423
423
  });
@@ -428,12 +428,12 @@ function be(t, n) {
428
428
  });
429
429
  }
430
430
  var k = /* @__PURE__ */ ((t) => (t.Inline = "inline", t.Link = "link", t.Badge = "badge", t.Unsupported = "unsupported", t))(k || {});
431
- const Et = (t, n) => t && n ? "both" : t ? "widgetDOM" : n ? "triggerDOM" : "none", we = (t) => t ? typeof t == "boolean" && t ? "link" : typeof t == "object" && !Array.isArray(t) ? "badge" : "unsupported" : "inline", Ct = (t, n, e, i, s = !1) => {
431
+ const Mt = (t, n) => t && n ? "both" : t ? "widgetDOM" : n ? "triggerDOM" : "none", we = (t) => t ? typeof t == "boolean" && t ? "link" : typeof t == "object" && !Array.isArray(t) ? "badge" : "unsupported" : "inline", Nt = (t, n, e, s, i = !1) => {
432
432
  var h, u;
433
- const o = Et(
433
+ const o = Mt(
434
434
  n,
435
435
  e
436
- ), r = we(i), a = {
436
+ ), r = we(s), a = {
437
437
  widgetDOMElement: n ? n.cloneNode(!0) : void 0,
438
438
  triggerDOMElement: e ? e.cloneNode(!0) : void 0
439
439
  }, c = {
@@ -455,7 +455,7 @@ const Et = (t, n) => t && n ? "both" : t ? "widgetDOM" : n ? "triggerDOM" : "non
455
455
  }
456
456
  case "triggerDOM": {
457
457
  const l = document.createElement("div");
458
- c.widgetDOMElement = l, r === "inline" ? (l.id = (e == null ? void 0 : e.id) || "", s ? (l.style.display = "none", (h = e == null ? void 0 : e.parentNode) == null || h.appendChild(l), c.callback = () => {
458
+ c.widgetDOMElement = l, r === "inline" ? (l.id = (e == null ? void 0 : e.id) || "", i ? (l.style.display = "none", (h = e == null ? void 0 : e.parentNode) == null || h.appendChild(l), c.callback = () => {
459
459
  var p;
460
460
  (p = e == null ? void 0 : e.parentNode) == null || p.replaceChild(
461
461
  l,
@@ -477,38 +477,38 @@ const Et = (t, n) => t && n ? "both" : t ? "widgetDOM" : n ? "triggerDOM" : "non
477
477
  }
478
478
  }
479
479
  return c;
480
- }, Ot = "modals";
481
- class St {
480
+ }, $t = "modals";
481
+ class Lt {
482
482
  constructor(n, e) {
483
- $(this, "container");
484
- $(this, "unsubscribe", []);
483
+ L(this, "container");
484
+ L(this, "unsubscribe", []);
485
485
  this.options = e, this.container = n.createChild(this), this.container.register("widgetDOMElement", this.options.widgetDOMElement), this.container.register("triggerDOMElement", this.options.triggerDOMElement);
486
- const i = this.container.get("$widget");
487
- this.options.widgetDOMElement.classList.add("humany-widget"), this.options.widgetDOMElement.classList.add(`humany_${i.name}`);
488
- const s = n.get("widgetDOMElements") || [];
486
+ const s = this.container.get("$widget");
487
+ this.options.widgetDOMElement.classList.add("humany-widget"), this.options.widgetDOMElement.classList.add(`humany_${s.name}`);
488
+ const i = n.get("widgetDOMElements") || [];
489
489
  n.register("widgetDOMElements", [
490
- ...s,
490
+ ...i,
491
491
  this.options.widgetDOMElement
492
492
  ]);
493
493
  }
494
494
  render() {
495
- const { widgetDOMElement: n, triggerDOMElement: e } = this.options, i = this.container.get("$widget");
496
- return n.getAttribute("data-rendered") === "true" ? Promise.resolve() : (e && this.options.triggerType === k.Badge && vt(e), import("./render.097b9f73.js").then((s) => s.default(this.container, n)).then(() => {
495
+ const { widgetDOMElement: n, triggerDOMElement: e } = this.options, s = this.container.get("$widget");
496
+ return n.getAttribute("data-rendered") === "true" ? Promise.resolve() : (e && this.options.triggerType === k.Badge && xt(e), import("./render.95f13e79.js").then((i) => i.default(this.container, n)).then(() => {
497
497
  if (n.setAttribute("data-rendered", "true"), e && this.options.triggerType === k.Badge) {
498
498
  const o = this.options.triggerOptions.openTooltip;
499
499
  be(e, o);
500
500
  }
501
- He(this.container, n);
502
- const s = this.container.get("$environment").widgets.all();
503
- L(
501
+ Fe(this.container, n);
502
+ const i = this.container.get("$environment").widgets.all();
503
+ $(
504
504
  this.container,
505
- Ot,
505
+ $t,
506
506
  E.Session
507
507
  ).then((o) => {
508
508
  o && o.forEach((r) => {
509
- s.find(
509
+ i.find(
510
510
  (a) => a.name === r.name && a.state === "activated"
511
- ) && i.events.dispatch("widget:modal-opened", r);
511
+ ) && s.events.dispatch("widget:modal-opened", r);
512
512
  });
513
513
  });
514
514
  }));
@@ -518,34 +518,34 @@ class St {
518
518
  if (!e)
519
519
  return;
520
520
  e.getAttribute("role") || e.setAttribute("role", "button");
521
- const { name: i } = this.container.get("$widget"), { label: s, symbol: o, ariaLabel: r, closedTooltip: a, openTooltip: c } = n, h = { closedTooltip: a, openTooltip: c };
521
+ const { name: s } = this.container.get("$widget"), { label: i, symbol: o, ariaLabel: r, closedTooltip: a, openTooltip: c } = n, h = { closedTooltip: a, openTooltip: c };
522
522
  this.options.triggerOptions = h;
523
- const u = bt(e, {
524
- label: s,
523
+ const u = At(e, {
524
+ label: i,
525
525
  symbol: o,
526
526
  ariaLabel: r,
527
- widgetName: i,
527
+ widgetName: s,
528
528
  tooltip: a
529
529
  });
530
530
  this.unsubscribe.push(u);
531
531
  }
532
532
  dispose() {
533
533
  return import("./unmount.b0816844.js").then((n) => {
534
- var s, o, r, a;
535
- const { triggerDOMElement: e, widgetDOMElement: i } = this.options;
536
- n.default(i), this.options.cachedOriginals.widgetDOMElement && i && ((s = i.parentNode) == null || s.replaceChild(
534
+ var i, o, r, a;
535
+ const { triggerDOMElement: e, widgetDOMElement: s } = this.options;
536
+ n.default(s), this.options.cachedOriginals.widgetDOMElement && s && ((i = s.parentNode) == null || i.replaceChild(
537
537
  this.options.cachedOriginals.widgetDOMElement,
538
- i
538
+ s
539
539
  )), this.options.cachedOriginals.triggerDOMElement && e && ((o = e.parentNode) == null || o.replaceChild(
540
540
  this.options.cachedOriginals.triggerDOMElement,
541
541
  e
542
542
  )), this.unsubscribe.forEach((c) => {
543
543
  c();
544
- }), (r = i.parentNode) == null || r.removeChild(i), (a = e == null ? void 0 : e.parentNode) == null || a.removeChild(e);
544
+ }), (r = s.parentNode) == null || r.removeChild(s), (a = e == null ? void 0 : e.parentNode) == null || a.removeChild(e);
545
545
  });
546
546
  }
547
547
  }
548
- const K = "changesets", At = (t) => {
548
+ const K = "changesets", kt = (t) => {
549
549
  const n = { tags: t.tags };
550
550
  return t.context && typeof t.context != "function" && (n.context = t.context), t.properties && typeof t.properties != "function" && (n.properties = t.properties), t.layout && typeof t.layout != "function" && (n.layout = t.layout), n;
551
551
  };
@@ -558,67 +558,67 @@ class oe {
558
558
  medium: E.Local
559
559
  }).then((e) => new oe(n, e));
560
560
  }
561
- write(n, e, i, s) {
562
- return J(this)(() => L(
561
+ write(n, e, s, i) {
562
+ return J(this)(() => $(
563
563
  this.container,
564
564
  K,
565
565
  E.Local
566
566
  ).then((o = {}) => {
567
567
  const { keys: r = [], items: a = {} } = o, c = r.indexOf(n);
568
568
  return c > -1 && r.splice(c, 1), r.push(n), a[n] = {
569
- options: s,
570
- attributes: At(i),
569
+ options: i,
570
+ attributes: kt(s),
571
571
  rules: e.rules
572
572
  }, this.storageWriter({ keys: r, items: a });
573
573
  }));
574
574
  }
575
575
  remove(n) {
576
- return J(this)(() => L(
576
+ return J(this)(() => $(
577
577
  this.container,
578
578
  K,
579
579
  E.Local
580
580
  ).then((e = {}) => {
581
- const { keys: i = [], items: s = {} } = e, o = i.indexOf(n);
581
+ const { keys: s = [], items: i = {} } = e, o = s.indexOf(n);
582
582
  if (o > -1)
583
- return i.splice(o, 1), delete s[n], this.storageWriter(e);
583
+ return s.splice(o, 1), delete i[n], this.storageWriter(e);
584
584
  }));
585
585
  }
586
586
  load(n) {
587
- return J(this)(() => L(
587
+ return J(this)(() => $(
588
588
  this.container,
589
589
  K,
590
590
  E.Local
591
591
  ).then((e = {}) => {
592
- const { keys: i = [], items: s = {} } = e;
593
- i.forEach((o) => {
594
- const r = s[o];
592
+ const { keys: s = [], items: i = {} } = e;
593
+ s.forEach((o) => {
594
+ const r = i[o];
595
595
  if (r) {
596
596
  const { rules: a, attributes: c, options: h } = r;
597
597
  n.write({
598
598
  attributes: c,
599
599
  options: h,
600
- target: new De(n, a)
600
+ target: new xe(n, a)
601
601
  });
602
602
  }
603
603
  });
604
604
  }));
605
605
  }
606
606
  }
607
- const xt = (t) => {
607
+ const Pt = (t) => {
608
608
  const { container: n } = t;
609
609
  return oe.create(n).then((e) => {
610
- const i = n.get("$settings"), s = { localStorage: e }, o = new Ae(t, s), r = xe(o, i);
610
+ const s = n.get("$settings"), i = { localStorage: e }, o = new Ae(t, i), r = De(o, s);
611
611
  return t.events.subscribe("widget:state-change", (a, c) => {
612
612
  c.state === Je.Deactivating && r();
613
613
  }), o;
614
614
  });
615
- }, Dt = (t) => import("@telia-ace/widget-routing").then(({ RoutingService: n, HistoryMode: e }) => t.get("settings").then((i) => {
615
+ }, Rt = (t) => import("@telia-ace/widget-routing").then(({ RoutingService: n, HistoryMode: e }) => t.get("settings").then((s) => {
616
616
  const {
617
- routing: { initialPath: s = "/", mode: o = e.scopedHash, basePath: r },
617
+ routing: { initialPath: i = "/", mode: o = e.scopedHash, basePath: r },
618
618
  views: a
619
- } = i;
619
+ } = s;
620
620
  return new n(t, {
621
- initialPath: s,
621
+ initialPath: i,
622
622
  mode: o,
623
623
  routes: Object.keys(a).map((h) => ({
624
624
  name: h,
@@ -626,33 +626,33 @@ const xt = (t) => {
626
626
  })),
627
627
  basePath: r
628
628
  });
629
- })), Mt = (t) => import("@telia-ace/widget-services").then(({ StorageProvider: n }) => new n()), Nt = (t) => import("@telia-ace/widget-core").then(({ ActionResolver: n }) => new n(t)), Lt = (t) => import("@telia-ace/widget-core").then(({ ComponentResolver: n }) => new n(t)), $t = (t) => import("@telia-ace/widget-core").then(({ ComponentPlatform: n, createComponentModel: e }) => xt(t.get("$widget"))), ee = "$settings", U = "open", ue = "activeStickyWidget";
630
- class Kt extends Xe {
629
+ })), Vt = (t) => import("@telia-ace/widget-services").then(({ StorageProvider: n }) => new n()), _t = (t) => import("@telia-ace/widget-core").then(({ ActionResolver: n }) => new n(t)), It = (t) => import("@telia-ace/widget-core").then(({ ComponentResolver: n }) => new n(t)), zt = (t) => import("@telia-ace/widget-core").then(({ ComponentPlatform: n, createComponentModel: e }) => Pt(t.get("$widget"))), ee = "$settings", U = "open", ue = "activeStickyWidget";
630
+ class Xt extends Xe {
631
631
  constructor(e) {
632
632
  super(e);
633
- $(this, "outlets", /* @__PURE__ */ new Map());
634
- $(this, "activated");
635
- $(this, "subs", []);
636
- $(this, "handleBootstrapping", (e) => {
637
- const i = {
633
+ L(this, "outlets", /* @__PURE__ */ new Map());
634
+ L(this, "activated");
635
+ L(this, "subs", []);
636
+ L(this, "handleBootstrapping", (e) => {
637
+ const s = {
638
638
  triggerDOMElement: e.sourceDOMElement,
639
639
  withRenderState: "storage"
640
640
  };
641
- this.container.get("settings").then((s) => {
642
- const { activate: o } = s;
641
+ this.container.get("settings").then((i) => {
642
+ const { activate: o } = i;
643
643
  (typeof o == "undefined" || o === null || o === !0) && (this.activated = (this.activated || this.widget.activate()).then(
644
- () => this.attach(i)
644
+ () => this.attach(s)
645
645
  ));
646
646
  });
647
647
  });
648
- this.container.registerAsync("storage", () => Mt(this.container)), this.container.registerFactory("settings", () => L(
648
+ this.container.registerAsync("storage", () => Vt(this.container)), this.container.registerFactory("settings", () => $(
649
649
  this.container,
650
650
  ee,
651
651
  E.Local
652
- ).then((i = {}) => m(m({}, this.container.get("$settings")), i))), Ze(this, "load", this.handleBootstrapping), this.container.registerAsync(
652
+ ).then((s = {}) => m(m({}, this.container.get("$settings")), s))), Ze(this, "load", this.handleBootstrapping), this.container.registerAsync(
653
653
  "componentResolver",
654
- () => Lt(this.container)
655
- ), this.container.registerAsync("router", () => Dt(this.container)), this.container.registerAsync("actionResolver", () => Nt(this.container)), this.container.register("matchMedia", window.matchMedia), this.container.registerAsync("components", () => $t(this.container));
654
+ () => It(this.container)
655
+ ), this.container.registerAsync("router", () => Rt(this.container)), this.container.registerAsync("actionResolver", () => _t(this.container)), this.container.register("matchMedia", window.matchMedia), this.container.registerAsync("components", () => zt(this.container));
656
656
  }
657
657
  initialize() {
658
658
  const e = this.container.getManyAsync(
@@ -661,9 +661,9 @@ class Kt extends Xe {
661
661
  "components"
662
662
  );
663
663
  return Promise.all([e, this.container.get("settings")]).then(
664
- ([{ actionResolver: i, router: s, components: o }, r]) => {
664
+ ([{ actionResolver: s, router: i, components: o }, r]) => {
665
665
  var h;
666
- i.subscribe(
666
+ s.subscribe(
667
667
  this.widget.name,
668
668
  (u, l, p) => this.onAction(l, p)
669
669
  );
@@ -671,7 +671,7 @@ class Kt extends Xe {
671
671
  o.nodes.query({ type: "view" }).forEach((l) => {
672
672
  o.setSwitch(l, u);
673
673
  });
674
- }, c = ((h = s.getInitialRoute()) == null ? void 0 : h.name) || "index";
674
+ }, c = ((h = i.getInitialRoute()) == null ? void 0 : h.name) || "index";
675
675
  return a(c), this.events.subscribe("widget:data-loaded", (u, { element: l }) => {
676
676
  this.widget.container.get("seoConfiguration") && this.events.dispatch("widget:preloaded-replaced", {
677
677
  element: l
@@ -687,23 +687,23 @@ class Kt extends Xe {
687
687
  });
688
688
  });
689
689
  }
690
- ), s.initialize();
690
+ ), i.initialize();
691
691
  }
692
692
  );
693
693
  }
694
694
  attach(e = {}) {
695
- return this.container.get("settings").then(({ trigger: i }) => {
695
+ return this.container.get("settings").then(({ trigger: s }) => {
696
696
  var f, w;
697
697
  const {
698
- widgetDOMElement: s,
699
- key: o = Fe(),
698
+ widgetDOMElement: i,
699
+ key: o = He(),
700
700
  triggerDOMElement: r,
701
701
  withRenderState: a
702
- } = e, h = we(i) === k.Inline && ((r == null ? void 0 : r.childElementCount) || 0) > 0, u = Ct(
702
+ } = e, h = we(s) === k.Inline && ((r == null ? void 0 : r.childElementCount) || 0) > 0, u = Nt(
703
703
  this.widget.name,
704
- s,
705
- r,
706
704
  i,
705
+ r,
706
+ s,
707
707
  h
708
708
  );
709
709
  this.outlets.size < 1 && !a && this.setRenderState("unset");
@@ -723,7 +723,7 @@ class Kt extends Xe {
723
723
  });
724
724
  });
725
725
  const p = this.getOrCreateViewOutlet(o, u);
726
- if (this.outlets.set(o, p), this.widget.events.dispatch("widget:attached", {}, { bubbles: !0 }), u.triggerType === k.Badge && i && ((f = u.triggerDOMElement) == null || f.setAttribute("aria-expanded", "false"), p == null || p.renderBadge(i)), u.triggerType !== k.Inline && ((w = u.triggerDOMElement) == null || w.addEventListener("click", (y) => {
726
+ if (this.outlets.set(o, p), this.widget.events.dispatch("widget:attached", {}, { bubbles: !0 }), u.triggerType === k.Badge && s && ((f = u.triggerDOMElement) == null || f.setAttribute("aria-expanded", "false"), p == null || p.renderBadge(s)), u.triggerType !== k.Inline && ((w = u.triggerDOMElement) == null || w.addEventListener("click", (y) => {
727
727
  y.preventDefault(), this.container.get("settings").then(({ trigger: g }) => {
728
728
  p.render().then(() => this.renderState()).then((b) => g && g.action && g.action === "hide" ? b === O.open ? this.hide() : this.open() : b === O.open ? this.close() : this.open());
729
729
  });
@@ -744,19 +744,19 @@ class Kt extends Xe {
744
744
  detach(e) {
745
745
  if (e) {
746
746
  if (this.outlets.has(e)) {
747
- const i = this.outlets.get(e);
748
- i == null || i.dispose(), this.outlets.delete(e);
747
+ const s = this.outlets.get(e);
748
+ s == null || s.dispose(), this.outlets.delete(e);
749
749
  return;
750
750
  }
751
751
  process.env.NODE_ENV !== "production" && console.warn(`detach(): Could not find View Outlet with key ${e}`);
752
752
  return;
753
753
  }
754
- this.outlets.forEach((i) => {
755
- i.dispose();
754
+ this.outlets.forEach((s) => {
755
+ s.dispose();
756
756
  }), this.outlets.clear();
757
757
  }
758
758
  triggerStateIfApplicable(e) {
759
- return this.container.getAsync("router").then((i) => {
759
+ return this.container.getAsync("router").then((s) => {
760
760
  switch (e) {
761
761
  case "closed":
762
762
  this.close();
@@ -765,22 +765,22 @@ class Kt extends Xe {
765
765
  this.open();
766
766
  break;
767
767
  case "hidden":
768
- this.hide(), i.start();
768
+ this.hide(), s.start();
769
769
  break;
770
770
  default:
771
771
  return;
772
772
  }
773
773
  });
774
774
  }
775
- getOrCreateViewOutlet(e, i) {
776
- return this.outlets.has(e) ? this.outlets.get(e) : new St(this.container, i);
775
+ getOrCreateViewOutlet(e, s) {
776
+ return this.outlets.has(e) ? this.outlets.get(e) : new Lt(this.container, s);
777
777
  }
778
778
  render(e = {}) {
779
779
  if (process.env.NODE_ENV !== "production" && console.warn("widget.render() is deprecated. Use widget.attach() instead."), e.open) {
780
- const i = C(m({}, e), {
780
+ const s = C(m({}, e), {
781
781
  withRenderState: "open"
782
782
  });
783
- return this.attach(i);
783
+ return this.attach(s);
784
784
  }
785
785
  return this.attach(e);
786
786
  }
@@ -793,8 +793,8 @@ class Kt extends Xe {
793
793
  _(this.container, ee, I.Necessary, {
794
794
  medium: E.Local
795
795
  })
796
- ]).then(([i, s]) => Promise.resolve(e(i)).then((o) => s(o).then(() => {
797
- const r = m(m({}, i), o);
796
+ ]).then(([s, i]) => Promise.resolve(e(s)).then((o) => i(o).then(() => {
797
+ const r = m(m({}, s), o);
798
798
  return this.widget.events.dispatch("widget:settings-updated", r), r;
799
799
  })));
800
800
  }
@@ -808,24 +808,24 @@ class Kt extends Xe {
808
808
  this.widget.events.dispatch("widget:settings-updated", e);
809
809
  });
810
810
  }
811
- action({ action: e, value: i }) {
812
- return this.container.getAsync("actionResolver").then((s) => {
813
- s.action(this.widget.name, e, i);
811
+ action({ action: e, value: s }) {
812
+ return this.container.getAsync("actionResolver").then((i) => {
813
+ i.action(this.widget.name, e, s);
814
814
  });
815
815
  }
816
816
  renderState() {
817
817
  if (qe(this.container))
818
818
  return Promise.resolve(O.open);
819
- const e = () => L(
819
+ const e = () => $(
820
820
  this.container,
821
821
  U,
822
822
  E.Session
823
- ).then((s = O.closed) => s), i = () => L(
823
+ ).then((i = O.closed) => i), s = () => $(
824
824
  this.container,
825
825
  U,
826
826
  E.Session
827
- ).then((s = O.closed) => s);
828
- return this.container.getAsync("router").then((s) => s.isSticky() ? i().then((o) => o === O.open ? o : e()) : e());
827
+ ).then((i = O.closed) => i);
828
+ return this.container.getAsync("router").then((i) => i.isSticky() ? s().then((o) => o === O.open ? o : e()) : e());
829
829
  }
830
830
  hide() {
831
831
  return this.outlets.size < 1 ? (process.env.NODE_ENV !== "production" && console.warn(
@@ -849,14 +849,14 @@ class Kt extends Xe {
849
849
  "show(): Command is deprecated and will be removed in the future. Use open() instead."
850
850
  ), this.open();
851
851
  }
852
- onAction(e, i) {
852
+ onAction(e, s) {
853
853
  switch (e) {
854
854
  case "close":
855
855
  case "open":
856
856
  case "hide":
857
- const s = e === "open" ? O.open : e === "close" ? O.closed : O.hidden;
858
- return this.setRenderState(s).then(() => {
859
- this.setTriggerState(s === O.open), s !== O.hidden ? s === O.open ? this.onOpen() : this.onClose() : this.outlets.forEach(
857
+ const i = e === "open" ? O.open : e === "close" ? O.closed : O.hidden;
858
+ return this.setRenderState(i).then(() => {
859
+ this.setTriggerState(i === O.open), i !== O.hidden ? i === O.open ? this.onOpen() : this.onClose() : this.outlets.forEach(
860
860
  (o) => {
861
861
  var r;
862
862
  return (r = o.options.triggerDOMElement) == null ? void 0 : r.setAttribute("aria-expanded", "false");
@@ -866,7 +866,7 @@ class Kt extends Xe {
866
866
  }
867
867
  }
868
868
  setRenderState(e) {
869
- const { invoke: i, events: s } = this.container.get("$widget");
869
+ const { invoke: s, events: i } = this.container.get("$widget");
870
870
  return Promise.all([
871
871
  _(this.container, U, I.Necessary, {
872
872
  medium: E.Session
@@ -876,9 +876,9 @@ class Kt extends Xe {
876
876
  duration: { minutes: 5 }
877
877
  }),
878
878
  this.container.getAsync("router"),
879
- i("renderState")
879
+ s("renderState")
880
880
  ]).then(([o, r, a, c]) => {
881
- e === "unset" || !e ? (r(), o()) : (a.isSticky() && r(e), o(e)), s.dispatch("widget:render-state-changed", {
881
+ e === "unset" || !e ? (r(), o()) : (a.isSticky() && r(e), o(e)), i.dispatch("widget:render-state-changed", {
882
882
  previous: c,
883
883
  next: e
884
884
  });
@@ -886,20 +886,20 @@ class Kt extends Xe {
886
886
  }
887
887
  onOpen() {
888
888
  return this.container.getAsync("router").then((e) => (this.outlets.forEach(
889
- (i) => {
890
- var s;
891
- return (s = i.options.triggerDOMElement) == null ? void 0 : s.setAttribute("aria-expanded", "true");
889
+ (s) => {
890
+ var i;
891
+ return (i = s.options.triggerDOMElement) == null ? void 0 : i.setAttribute("aria-expanded", "true");
892
892
  }
893
893
  ), e.start()));
894
894
  }
895
895
  onClose() {
896
896
  const e = this.container.getManyAsync("router", "components");
897
- return (() => this.container.get("settings").then((s) => {
897
+ return (() => this.container.get("settings").then((i) => {
898
898
  const { activate: o } = this.container.get("$settings");
899
- return s.activate !== o ? this.setSettings(() => Promise.resolve({ activate: o })) : Promise.resolve();
899
+ return i.activate !== o ? this.setSettings(() => Promise.resolve({ activate: o })) : Promise.resolve();
900
900
  }))().then(() => e).then(
901
901
  ({
902
- router: s,
902
+ router: i,
903
903
  components: o
904
904
  }) => {
905
905
  const r = o.nodes.visible;
@@ -912,28 +912,28 @@ class Kt extends Xe {
912
912
  (a) => a.attributes.properties.animation && a.attributes.properties.animation !== "none"
913
913
  ).length ? new Promise((a) => {
914
914
  setTimeout(() => {
915
- a(s);
915
+ a(i);
916
916
  }, 200);
917
- }) : Promise.resolve(s);
917
+ }) : Promise.resolve(i);
918
918
  }
919
- ).then((s) => s.stop());
919
+ ).then((i) => i.stop());
920
920
  }
921
921
  setTriggerState(e) {
922
- this.outlets.forEach((i) => {
922
+ this.outlets.forEach((s) => {
923
923
  const {
924
- options: { triggerDOMElement: s, triggerOptions: o }
925
- } = i, { openTooltip: r, closedTooltip: a } = o || {};
926
- s && (e ? be(s, r) : wt(s, a));
924
+ options: { triggerDOMElement: i, triggerOptions: o }
925
+ } = s, { openTooltip: r, closedTooltip: a } = o || {};
926
+ i && (e ? be(i, r) : Dt(i, a));
927
927
  });
928
928
  }
929
929
  deactivate() {
930
- this.subs.forEach((i) => i());
930
+ this.subs.forEach((s) => s());
931
931
  const e = [];
932
- return this.outlets.forEach((i) => e.push(i.dispose())), L(
932
+ return this.outlets.forEach((s) => e.push(s.dispose())), $(
933
933
  this.container,
934
934
  ue,
935
935
  E.Local
936
- ).then((i) => i === this.widget.name ? _(
936
+ ).then((s) => s === this.widget.name ? _(
937
937
  this.container,
938
938
  ue,
939
939
  I.Necessary,
@@ -941,15 +941,15 @@ class Kt extends Xe {
941
941
  medium: E.Local,
942
942
  scope: Qe.Implementation
943
943
  }
944
- ).then((s) => s()).then(() => Promise.all(e)) : Promise.all(e));
944
+ ).then((i) => i()).then(() => Promise.all(e)) : Promise.all(e));
945
945
  }
946
946
  }
947
947
  export {
948
- se as Component,
949
- pt as DetachedComponent,
950
- Kt as GridWidget,
951
- Ft as NotFound,
952
- Kt as Widget,
948
+ ie as Component,
949
+ wt as DetachedComponent,
950
+ Xt as GridWidget,
951
+ Jt as NotFound,
952
+ Xt as Widget,
953
953
  q as genericComponentStyling
954
954
  };
955
955
  //# sourceMappingURL=index.js.map