platformscode-new-react 0.0.58 → 0.0.59

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
@@ -6,15 +6,15 @@ const xt = "platformscode", T = (
6
6
  var yt = Object.defineProperty, _t = (o, n) => {
7
7
  for (var t in n)
8
8
  yt(o, t, { get: n[t], enumerable: !0 });
9
- }, he = /* @__PURE__ */ new WeakMap(), L = (o) => he.get(o), qt = (o, n) => {
9
+ }, ge = /* @__PURE__ */ new WeakMap(), L = (o) => ge.get(o), qt = (o, n) => {
10
10
  const t = {
11
11
  $flags$: 0,
12
12
  $hostElement$: o,
13
13
  $cmpMeta$: n,
14
14
  $instanceValues$: /* @__PURE__ */ new Map()
15
15
  };
16
- return t.$onReadyPromise$ = new Promise((i) => t.$onReadyResolve$ = i), o["s-p"] = [], o["s-rc"] = [], he.set(o, t);
17
- }, Hn = (o, n) => n in o, an = (o, n) => (0, console.error)(o, n), J = /* @__PURE__ */ new Map(), zt = "slot-fb{display:contents}slot-fb[hidden]{display:none}", Un = "http://www.w3.org/1999/xlink", gn = typeof window < "u" ? window : {}, A = gn.document || { head: {} }, l = gn.HTMLElement || class {
16
+ return t.$onReadyPromise$ = new Promise((i) => t.$onReadyResolve$ = i), o["s-p"] = [], o["s-rc"] = [], ge.set(o, t);
17
+ }, Fn = (o, n) => n in o, an = (o, n) => (0, console.error)(o, n), J = /* @__PURE__ */ new Map(), zt = "slot-fb{display:contents}slot-fb[hidden]{display:none}", Hn = "http://www.w3.org/1999/xlink", gn = typeof window < "u" ? window : {}, A = gn.document || { head: {} }, l = gn.HTMLElement || class {
18
18
  }, q = {
19
19
  $flags$: 0,
20
20
  $resourcesUrl$: "",
@@ -29,9 +29,9 @@ var yt = Object.defineProperty, _t = (o, n) => {
29
29
  } catch {
30
30
  }
31
31
  return !1;
32
- })(), ln = !1, Wn = [], ce = [], $t = (o, n) => (t) => {
32
+ })(), ln = !1, Un = [], he = [], $t = (o, n) => (t) => {
33
33
  o.push(t), ln || (ln = !0, q.$flags$ & 4 ? _n(dn) : q.raf(dn));
34
- }, Vn = (o) => {
34
+ }, Wn = (o) => {
35
35
  for (let n = 0; n < o.length; n++)
36
36
  try {
37
37
  o[n](performance.now());
@@ -40,15 +40,15 @@ var yt = Object.defineProperty, _t = (o, n) => {
40
40
  }
41
41
  o.length = 0;
42
42
  }, dn = () => {
43
- Vn(Wn), Vn(ce), (ln = Wn.length > 0) && q.raf(dn);
44
- }, _n = (o) => St().then(o), Ct = /* @__PURE__ */ $t(ce), Kn = {}, It = "http://www.w3.org/2000/svg", At = "http://www.w3.org/1999/xhtml", Bt = (o) => o != null, qn = (o) => (o = typeof o, o === "object" || o === "function");
43
+ Wn(Un), Wn(he), (ln = Un.length > 0) && q.raf(dn);
44
+ }, _n = (o) => St().then(o), Ct = /* @__PURE__ */ $t(he), Vn = {}, It = "http://www.w3.org/2000/svg", At = "http://www.w3.org/1999/xhtml", Bt = (o) => o != null, qn = (o) => (o = typeof o, o === "object" || o === "function");
45
45
  function Pt(o) {
46
46
  var n, t, i;
47
47
  return (i = (t = (n = o.head) == null ? void 0 : n.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : t.getAttribute("content")) != null ? i : void 0;
48
48
  }
49
49
  var Et = {};
50
50
  _t(Et, {
51
- err: () => se,
51
+ err: () => ce,
52
52
  map: () => Dt,
53
53
  ok: () => fn,
54
54
  unwrap: () => jt,
@@ -58,7 +58,7 @@ var fn = (o) => ({
58
58
  isOk: !0,
59
59
  isErr: !1,
60
60
  value: o
61
- }), se = (o) => ({
61
+ }), ce = (o) => ({
62
62
  isOk: !1,
63
63
  isErr: !0,
64
64
  value: o
@@ -70,7 +70,7 @@ function Dt(o, n) {
70
70
  }
71
71
  if (o.isErr) {
72
72
  const t = o.value;
73
- return se(t);
73
+ return ce(t);
74
74
  }
75
75
  throw "should never get here";
76
76
  }
@@ -114,9 +114,9 @@ var jt = (o) => {
114
114
  };
115
115
  return t.$attrs$ = null, t.$key$ = null, t.$name$ = null, t;
116
116
  }, E = {}, Lt = (o) => o && o.$tag$ === E, Ot = {
117
- forEach: (o, n) => o.map(Yn).forEach(n),
118
- map: (o, n) => o.map(Yn).map(n).map(Rt)
119
- }, Yn = (o) => ({
117
+ forEach: (o, n) => o.map(Kn).forEach(n),
118
+ map: (o, n) => o.map(Kn).map(n).map(Rt)
119
+ }, Kn = (o) => ({
120
120
  vattrs: o.$attrs$,
121
121
  vchildren: o.$children$,
122
122
  vkey: o.$key$,
@@ -133,27 +133,27 @@ var jt = (o) => {
133
133
  }, Ft = (o, n) => o != null && !qn(o) ? n & 4 ? o === "false" ? !1 : o === "" || !!o : n & 2 ? parseFloat(o) : n & 1 ? String(o) : o : o, Ht = (o) => o, C = (o, n, t) => {
134
134
  const i = Ht(o);
135
135
  return {
136
- emit: (r) => le(i, n, {
136
+ emit: (r) => se(i, n, {
137
137
  bubbles: !!(t & 4),
138
138
  composed: !!(t & 2),
139
139
  cancelable: !!(t & 1),
140
140
  detail: r
141
141
  })
142
142
  };
143
- }, le = (o, n, t) => {
143
+ }, se = (o, n, t) => {
144
144
  const i = q.ce(n, t);
145
145
  return o.dispatchEvent(i), i;
146
- }, Gn = /* @__PURE__ */ new WeakMap(), Ut = (o, n, t) => {
146
+ }, Yn = /* @__PURE__ */ new WeakMap(), Ut = (o, n, t) => {
147
147
  let i = J.get(o);
148
148
  Mt && t ? (i = i || new CSSStyleSheet(), typeof i == "string" ? i = n : i.replaceSync(n)) : i = n, J.set(o, i);
149
149
  }, Wt = (o, n, t) => {
150
150
  var i;
151
- const r = de(n), a = J.get(r);
151
+ const r = le(n), a = J.get(r);
152
152
  if (o = o.nodeType === 11 ? o : A, a)
153
153
  if (typeof a == "string") {
154
154
  o = o.head || o;
155
- let g = Gn.get(o), h;
156
- if (g || Gn.set(o, g = /* @__PURE__ */ new Set()), !g.has(r)) {
155
+ let g = Yn.get(o), h;
156
+ if (g || Yn.set(o, g = /* @__PURE__ */ new Set()), !g.has(r)) {
157
157
  {
158
158
  h = A.createElement("style"), h.innerHTML = a;
159
159
  const c = (i = q.$nonce$) != null ? i : Pt(A);
@@ -175,11 +175,11 @@ var jt = (o) => {
175
175
  n
176
176
  );
177
177
  i & 10 && i & 2 && (t["s-sc"] = a, t.classList.add(a + "-h"), i & 2 && t.classList.add(a + "-s")), r();
178
- }, de = (o, n) => "sc-" + o.$tagName$, Xn = (o, n, t, i, r, a) => {
178
+ }, le = (o, n) => "sc-" + o.$tagName$, Gn = (o, n, t, i, r, a) => {
179
179
  if (t !== i) {
180
- let g = Hn(o, n), h = n.toLowerCase();
180
+ let g = Fn(o, n), h = n.toLowerCase();
181
181
  if (n === "class") {
182
- const c = o.classList, k = Nn(t), b = Nn(i);
182
+ const c = o.classList, k = Xn(t), b = Xn(i);
183
183
  c.remove(...k.filter((u) => u && !b.includes(u))), c.add(...b.filter((u) => u && !k.includes(u)));
184
184
  } else if (n === "style") {
185
185
  for (const c in t)
@@ -189,8 +189,8 @@ var jt = (o) => {
189
189
  } else if (n !== "key") if (n === "ref")
190
190
  i && i(o);
191
191
  else if (!o.__lookupSetter__(n) && n[0] === "o" && n[1] === "n") {
192
- if (n[2] === "-" ? n = n.slice(3) : Hn(gn, h) ? n = h.slice(2) : n = h[2] + n.slice(3), t || i) {
193
- const c = n.endsWith(fe);
192
+ if (n[2] === "-" ? n = n.slice(3) : Fn(gn, h) ? n = h.slice(2) : n = h[2] + n.slice(3), t || i) {
193
+ const c = n.endsWith(de);
194
194
  n = n.replace(Yt, ""), t && q.rel(o, n, t, c), i && q.ael(o, n, i, c);
195
195
  }
196
196
  } else {
@@ -206,15 +206,15 @@ var jt = (o) => {
206
206
  } catch {
207
207
  }
208
208
  let k = !1;
209
- h !== (h = h.replace(/^xlink\:?/, "")) && (n = h, k = !0), i == null || i === !1 ? (i !== !1 || o.getAttribute(n) === "") && (k ? o.removeAttributeNS(Un, n) : o.removeAttribute(n)) : (!g || a & 4 || r) && !c && (i = i === !0 ? "" : i, k ? o.setAttributeNS(Un, n, i) : o.setAttribute(n, i));
209
+ h !== (h = h.replace(/^xlink\:?/, "")) && (n = h, k = !0), i == null || i === !1 ? (i !== !1 || o.getAttribute(n) === "") && (k ? o.removeAttributeNS(Hn, n) : o.removeAttribute(n)) : (!g || a & 4 || r) && !c && (i = i === !0 ? "" : i, k ? o.setAttributeNS(Hn, n, i) : o.setAttribute(n, i));
210
210
  }
211
211
  }
212
- }, Kt = /\s/, Nn = (o) => o ? o.split(Kt) : [], fe = "Capture", Yt = new RegExp(fe + "$"), be = (o, n, t) => {
213
- const i = n.$elm$.nodeType === 11 && n.$elm$.host ? n.$elm$.host : n.$elm$, r = o && o.$attrs$ || Kn, a = n.$attrs$ || Kn;
212
+ }, Kt = /\s/, Xn = (o) => o ? o.split(Kt) : [], de = "Capture", Yt = new RegExp(de + "$"), fe = (o, n, t) => {
213
+ const i = n.$elm$.nodeType === 11 && n.$elm$.host ? n.$elm$.host : n.$elm$, r = o && o.$attrs$ || Vn, a = n.$attrs$ || Vn;
214
214
  for (const g of Zn(Object.keys(r)))
215
- g in a || Xn(i, g, r[g], void 0, t, n.$flags$);
215
+ g in a || Gn(i, g, r[g], void 0, t, n.$flags$);
216
216
  for (const g of Zn(Object.keys(a)))
217
- Xn(i, g, r[g], a[g], t, n.$flags$);
217
+ Gn(i, g, r[g], a[g], t, n.$flags$);
218
218
  };
219
219
  function Zn(o) {
220
220
  return o.includes("ref") ? (
@@ -246,7 +246,7 @@ var D, bn, W, nn = !1, en = !1, zn = !1, M = !1, on = (o, n, t, i) => {
246
246
  if (M || (M = a.$tag$ === "svg"), h = a.$elm$ = A.createElementNS(
247
247
  M ? It : At,
248
248
  !nn && T.slotRelocation && a.$flags$ & 2 ? "slot-fb" : a.$tag$
249
- ), M && a.$tag$ === "foreignObject" && (M = !1), be(null, a, M), !!h.getRootNode().querySelector("body") && T.scoped && Bt(D) && h["s-si"] !== D && h.classList.add(h["s-si"] = D), Mn(h, i), a.$children$)
249
+ ), M && a.$tag$ === "foreignObject" && (M = !1), fe(null, a, M), !!h.getRootNode().querySelector("body") && T.scoped && Bt(D) && h["s-si"] !== D && h.classList.add(h["s-si"] = D), Mn(h, i), a.$children$)
250
250
  for (g = 0; g < a.$children$.length; ++g)
251
251
  c = on(o, a, g, h), c && h.appendChild(c);
252
252
  a.$tag$ === "svg" ? M = !1 : h.tagName === "foreignObject" && (M = !0);
@@ -262,19 +262,19 @@ var D, bn, W, nn = !1, en = !1, zn = !1, M = !1, on = (o, n, t, i) => {
262
262
  }
263
263
  for (let i = t.length - 1; i >= 0; i--) {
264
264
  const r = t[i];
265
- r["s-hn"] !== W && r["s-ol"] && (B(ke(r), r, Sn(r)), r["s-ol"].remove(), r["s-ol"] = void 0, r["s-sh"] = void 0, zn = !0), n && V(r, n);
265
+ r["s-hn"] !== W && r["s-ol"] && (B(ue(r), r, Sn(r)), r["s-ol"].remove(), r["s-ol"] = void 0, r["s-sh"] = void 0, zn = !0), n && V(r, n);
266
266
  }
267
267
  q.$flags$ &= -2;
268
- }, pe = (o, n, t, i, r, a) => {
268
+ }, be = (o, n, t, i, r, a) => {
269
269
  let g = o["s-cr"] && o["s-cr"].parentNode || o, h;
270
270
  for (g.shadowRoot && g.tagName === W && (g = g.shadowRoot); r <= a; ++r)
271
271
  i[r] && (h = on(null, t, r, o), h && (i[r].$elm$ = h, B(g, h, Sn(n))));
272
- }, ue = (o, n, t) => {
272
+ }, pe = (o, n, t) => {
273
273
  for (let i = n; i <= t; ++i) {
274
274
  const r = o[i];
275
275
  if (r) {
276
276
  const a = r.$elm$;
277
- we(r), a && (en = !0, a["s-ol"] ? a["s-ol"].remove() : V(a, !0), a.remove());
277
+ ve(r), a && (en = !0, a["s-ol"] ? a["s-ol"].remove() : V(a, !0), a.remove());
278
278
  }
279
279
  }
280
280
  }, Gt = (o, n, t, i, r = !1) => {
@@ -302,30 +302,30 @@ var D, bn, W, nn = !1, en = !1, zn = !1, M = !1, on = (o, n, t, i) => {
302
302
  h = c;
303
303
  break;
304
304
  }
305
- h >= 0 ? (S = n[h], S.$tag$ !== m.$tag$ ? _ = on(n && n[g], t, h, o) : (j(S, m, r), n[h] = void 0, _ = S.$elm$), m = i[++g]) : (_ = on(n && n[g], t, g, o), m = i[++g]), _ && B(ke(b.$elm$), _, Sn(b.$elm$));
305
+ h >= 0 ? (S = n[h], S.$tag$ !== m.$tag$ ? _ = on(n && n[g], t, h, o) : (j(S, m, r), n[h] = void 0, _ = S.$elm$), m = i[++g]) : (_ = on(n && n[g], t, g, o), m = i[++g]), _ && B(ue(b.$elm$), _, Sn(b.$elm$));
306
306
  }
307
- a > k ? pe(
307
+ a > k ? be(
308
308
  o,
309
309
  i[p + 1] == null ? null : i[p + 1].$elm$,
310
310
  t,
311
311
  i,
312
312
  g,
313
313
  p
314
- ) : g > p && ue(n, a, k);
314
+ ) : g > p && pe(n, a, k);
315
315
  }, X = (o, n, t = !1) => o.$tag$ === n.$tag$ ? o.$tag$ === "slot" ? (
316
316
  // The component gets hydrated and no VDOM has been initialized.
317
317
  // Here the comparison can't happen as $name$ property is not set for `leftNode`.
318
318
  "$nodeId$" in o && t && // `leftNode` is not from type HTMLComment which would cause many
319
319
  // hydration comments to be removed
320
320
  o.$elm$.nodeType !== 8 ? !1 : o.$name$ === n.$name$
321
- ) : t ? !0 : o.$key$ === n.$key$ : !1, Sn = (o) => o && o["s-ol"] || o, ke = (o) => (o["s-ol"] ? o["s-ol"] : o).parentNode, j = (o, n, t = !1) => {
321
+ ) : t ? !0 : o.$key$ === n.$key$ : !1, Sn = (o) => o && o["s-ol"] || o, ue = (o) => (o["s-ol"] ? o["s-ol"] : o).parentNode, j = (o, n, t = !1) => {
322
322
  const i = n.$elm$ = o.$elm$, r = o.$children$, a = n.$children$, g = n.$tag$, h = n.$text$;
323
323
  let c;
324
- h === null ? (M = g === "svg" ? !0 : g === "foreignObject" ? !1 : M, g === "slot" && !nn || be(o, n, M), r !== null && a !== null ? Gt(i, r, n, a, t) : a !== null ? (o.$text$ !== null && (i.textContent = ""), pe(i, null, n, a, 0, a.length - 1)) : (
324
+ h === null ? (M = g === "svg" ? !0 : g === "foreignObject" ? !1 : M, g === "slot" && !nn || fe(o, n, M), r !== null && a !== null ? Gt(i, r, n, a, t) : a !== null ? (o.$text$ !== null && (i.textContent = ""), be(i, null, n, a, 0, a.length - 1)) : (
325
325
  // don't do this on initial render as it can cause non-hydrated content to be removed
326
- !t && T.updatable && r !== null && ue(r, 0, r.length - 1)
326
+ !t && T.updatable && r !== null && pe(r, 0, r.length - 1)
327
327
  ), M && g === "svg" && (M = !1)) : (c = i["s-cr"]) ? c.parentNode.textContent = h : o.$text$ !== h && (i.data = h);
328
- }, me = (o) => {
328
+ }, ke = (o) => {
329
329
  const n = o.childNodes;
330
330
  for (const t of n)
331
331
  if (t.nodeType === 1) {
@@ -345,9 +345,9 @@ var D, bn, W, nn = !1, en = !1, zn = !1, M = !1, on = (o, n, t, i) => {
345
345
  }
346
346
  }
347
347
  }
348
- me(t);
348
+ ke(t);
349
349
  }
350
- }, I = [], ve = (o) => {
350
+ }, I = [], me = (o) => {
351
351
  let n, t, i;
352
352
  for (const r of o.childNodes) {
353
353
  if (r["s-sr"] && (n = r["s-cr"]) && n.parentNode) {
@@ -355,37 +355,37 @@ var D, bn, W, nn = !1, en = !1, zn = !1, M = !1, on = (o, n, t, i) => {
355
355
  const a = r["s-sn"];
356
356
  for (i = t.length - 1; i >= 0; i--)
357
357
  if (n = t[i], !n["s-cn"] && !n["s-nr"] && n["s-hn"] !== r["s-hn"] && !T.experimentalSlotFixes)
358
- if (Jn(n, a)) {
358
+ if (Nn(n, a)) {
359
359
  let g = I.find((h) => h.$nodeToRelocate$ === n);
360
360
  en = !0, n["s-sn"] = n["s-sn"] || a, g ? (g.$nodeToRelocate$["s-sh"] = r["s-hn"], g.$slotRefNode$ = r) : (n["s-sh"] = r["s-hn"], I.push({
361
361
  $slotRefNode$: r,
362
362
  $nodeToRelocate$: n
363
363
  })), n["s-sr"] && I.map((h) => {
364
- Jn(h.$nodeToRelocate$, n["s-sn"]) && (g = I.find((c) => c.$nodeToRelocate$ === n), g && !h.$slotRefNode$ && (h.$slotRefNode$ = g.$slotRefNode$));
364
+ Nn(h.$nodeToRelocate$, n["s-sn"]) && (g = I.find((c) => c.$nodeToRelocate$ === n), g && !h.$slotRefNode$ && (h.$slotRefNode$ = g.$slotRefNode$));
365
365
  });
366
366
  } else I.some((g) => g.$nodeToRelocate$ === n) || I.push({
367
367
  $nodeToRelocate$: n
368
368
  });
369
369
  }
370
- r.nodeType === 1 && ve(r);
370
+ r.nodeType === 1 && me(r);
371
371
  }
372
- }, Jn = (o, n) => o.nodeType === 1 ? o.getAttribute("slot") === null && n === "" || o.getAttribute("slot") === n : o["s-sn"] === n ? !0 : n === "", we = (o) => {
373
- o.$attrs$ && o.$attrs$.ref && o.$attrs$.ref(null), o.$children$ && o.$children$.map(we);
372
+ }, Nn = (o, n) => o.nodeType === 1 ? o.getAttribute("slot") === null && n === "" || o.getAttribute("slot") === n : o["s-sn"] === n ? !0 : n === "", ve = (o) => {
373
+ o.$attrs$ && o.$attrs$.ref && o.$attrs$.ref(null), o.$children$ && o.$children$.map(ve);
374
374
  }, B = (o, n, t) => {
375
375
  const i = o == null ? void 0 : o.insertBefore(n, t);
376
376
  return Mn(n, o), i;
377
- }, xe = (o) => {
377
+ }, we = (o) => {
378
378
  const n = [];
379
379
  return o && n.push(
380
380
  ...o["s-scs"] || [],
381
381
  o["s-si"],
382
382
  o["s-sc"],
383
- ...xe(o.parentElement)
383
+ ...we(o.parentElement)
384
384
  ), n;
385
385
  }, Mn = (o, n, t = !1) => {
386
386
  var i;
387
387
  if (o && n && o.nodeType === 1) {
388
- const r = new Set(xe(n).filter(Boolean));
388
+ const r = new Set(we(n).filter(Boolean));
389
389
  if (r.size && ((i = o.classList) == null || i.add(...o["s-scs"] = [...r]), o["s-ol"] || t))
390
390
  for (const a of Array.from(o.childNodes))
391
391
  Mn(a, o, !0);
@@ -401,7 +401,7 @@ var D, bn, W, nn = !1, en = !1, zn = !1, M = !1, on = (o, n, t, i) => {
401
401
  b.$tag$ = null, b.$flags$ |= 4, o.$vnode$ = b, b.$elm$ = k.$elm$ = h.shadowRoot || h, D = h["s-sc"], nn = (c.$flags$ & 1) !== 0, bn = h["s-cr"], en = !1, j(k, b, t);
402
402
  {
403
403
  if (q.$flags$ |= 1, zn) {
404
- ve(b.$elm$);
404
+ me(b.$elm$);
405
405
  for (const u of I) {
406
406
  const p = u.$nodeToRelocate$;
407
407
  if (!p["s-ol"]) {
@@ -434,26 +434,26 @@ var D, bn, W, nn = !1, en = !1, zn = !1, M = !1, on = (o, n, t, i) => {
434
434
  p.nodeType === 1 && (t && (p["s-ih"] = (g = p.hidden) != null ? g : !1), p.hidden = !0);
435
435
  }
436
436
  }
437
- en && me(b.$elm$), q.$flags$ &= -2, I.length = 0;
437
+ en && ke(b.$elm$), q.$flags$ &= -2, I.length = 0;
438
438
  }
439
439
  bn = void 0;
440
- }, ye = (o, n) => {
440
+ }, xe = (o, n) => {
441
441
  n && !o.$onRenderResolve$ && n["s-p"] && n["s-p"].push(new Promise((t) => o.$onRenderResolve$ = t));
442
442
  }, $n = (o, n) => {
443
443
  if (o.$flags$ |= 16, o.$flags$ & 4) {
444
444
  o.$flags$ |= 512;
445
445
  return;
446
446
  }
447
- return ye(o, o.$ancestorComponent$), Ct(() => Nt(o, n));
448
- }, Nt = (o, n) => {
447
+ return xe(o, o.$ancestorComponent$), Ct(() => Zt(o, n));
448
+ }, Zt = (o, n) => {
449
449
  const t = o.$hostElement$, i = P("scheduleUpdate", o.$cmpMeta$.$tagName$), r = t;
450
450
  if (!r)
451
451
  throw new Error(
452
452
  `Can't render component <${t.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`
453
453
  );
454
454
  let a;
455
- return n && (a = Z(r, "componentWillLoad")), i(), Zt(a, () => Qt(o, r, n));
456
- }, Zt = (o, n) => Jt(o) ? o.then(n).catch((t) => {
455
+ return n && (a = N(r, "componentWillLoad")), i(), Nt(a, () => Qt(o, r, n));
456
+ }, Nt = (o, n) => Jt(o) ? o.then(n).catch((t) => {
457
457
  console.error(t), n();
458
458
  }) : n(), Jt = (o) => o instanceof Promise || o && o.then && typeof o.then == "function", Qt = async (o, n, t) => {
459
459
  var i;
@@ -474,17 +474,17 @@ var D, bn, W, nn = !1, en = !1, zn = !1, M = !1, on = (o, n, t, i) => {
474
474
  return null;
475
475
  }, ei = (o) => {
476
476
  const n = o.$cmpMeta$.$tagName$, t = o.$hostElement$, i = P("postUpdate", n), r = t, a = o.$ancestorComponent$;
477
- Z(r, "componentDidRender"), o.$flags$ & 64 ? (Z(r, "componentDidUpdate"), i()) : (o.$flags$ |= 64, _e(t), Z(r, "componentDidLoad"), i(), o.$onReadyResolve$(t), a || oi()), o.$onRenderResolve$ && (o.$onRenderResolve$(), o.$onRenderResolve$ = void 0), o.$flags$ & 512 && _n(() => $n(o, !1)), o.$flags$ &= -517;
477
+ N(r, "componentDidRender"), o.$flags$ & 64 ? (N(r, "componentDidUpdate"), i()) : (o.$flags$ |= 64, ye(t), N(r, "componentDidLoad"), i(), o.$onReadyResolve$(t), a || oi()), o.$onRenderResolve$ && (o.$onRenderResolve$(), o.$onRenderResolve$ = void 0), o.$flags$ & 512 && _n(() => $n(o, !1)), o.$flags$ &= -517;
478
478
  }, oi = (o) => {
479
- _e(A.documentElement), _n(() => le(gn, "appload", { detail: { namespace: xt } }));
480
- }, Z = (o, n, t) => {
479
+ ye(A.documentElement), _n(() => se(gn, "appload", { detail: { namespace: xt } }));
480
+ }, N = (o, n, t) => {
481
481
  if (o && o[n])
482
482
  try {
483
483
  return o[n](t);
484
484
  } catch (i) {
485
485
  an(i);
486
486
  }
487
- }, _e = (o) => {
487
+ }, ye = (o) => {
488
488
  var n;
489
489
  return o.classList.add((n = T.hydratedSelectorName) != null ? n : "hydrated");
490
490
  }, ti = (o, n) => L(o).$instanceValues$.get(n), ii = (o, n, t, i) => {
@@ -541,8 +541,8 @@ var D, bn, W, nn = !1, en = !1, zn = !1, M = !1, on = (o, n, t, i) => {
541
541
  const m = L(this), v = m == null ? void 0 : m.$flags$;
542
542
  if (v && !(v & 8) && v & 128 && b !== k) {
543
543
  const S = this, y = (u = n.$watchers$) == null ? void 0 : u[c];
544
- y == null || y.forEach((Fn) => {
545
- S[Fn] != null && S[Fn].call(S, b, k, c);
544
+ y == null || y.forEach((Rn) => {
545
+ S[Rn] != null && S[Rn].call(S, b, k, c);
546
546
  });
547
547
  }
548
548
  return;
@@ -581,7 +581,7 @@ var D, bn, W, nn = !1, en = !1, zn = !1, M = !1, on = (o, n, t, i) => {
581
581
  if (r && r.style) {
582
582
  let h;
583
583
  typeof r.style == "string" && (h = r.style);
584
- const c = de(t);
584
+ const c = le(t);
585
585
  if (!J.has(c)) {
586
586
  const k = P("registerStyles", t.$tagName$);
587
587
  Ut(c, h, !!(t.$flags$ & 1)), k();
@@ -603,7 +603,7 @@ var D, bn, W, nn = !1, en = !1, zn = !1, M = !1, on = (o, n, t, i) => {
603
603
  let r = o;
604
604
  for (; r = r.parentNode || r.host; )
605
605
  if (r["s-p"]) {
606
- ye(n, n.$ancestorComponent$ = r);
606
+ xe(n, n.$ancestorComponent$ = r);
607
607
  break;
608
608
  }
609
609
  }
@@ -650,12 +650,12 @@ var D, bn, W, nn = !1, en = !1, zn = !1, M = !1, on = (o, n, t, i) => {
650
650
  }
651
651
  }), o.is = t.$tagName$, ri(o, t);
652
652
  }, $ = (o, n) => n;
653
- const qe = /* @__PURE__ */ d(class extends l {
653
+ const _e = /* @__PURE__ */ d(class extends l {
654
654
  constructor() {
655
655
  super(), this.__registerHost(), this.width = 100;
656
656
  }
657
657
  render() {
658
- return e("div", { key: "ea8eca31793acf4793fd2cacddb213447790c99c", class: "card-wrapper", style: { width: `${this.width}%` } }, e("slot", { key: "e3a8b7e8f87d89082126e068d1a045f725db5f63" }));
658
+ return e("div", { key: "2be95da84b58bbf404ae31d474bc063d38da0346", class: "card-wrapper", style: { width: `${this.width}%` } }, e("slot", { key: "fd01abedc8853dfcd88a7bc91a0262a98b4057f9" }));
659
659
  }
660
660
  }, [4, "card-wrapper", {
661
661
  width: [2]
@@ -666,12 +666,12 @@ function li() {
666
666
  ["card-wrapper"].forEach((n) => {
667
667
  switch (n) {
668
668
  case "card-wrapper":
669
- customElements.get(n) || customElements.define(n, qe);
669
+ customElements.get(n) || customElements.define(n, _e);
670
670
  break;
671
671
  }
672
672
  });
673
673
  }
674
- const di = qe, fi = li, bi = `@charset "UTF-8";
674
+ const di = _e, fi = li, bi = `@charset "UTF-8";
675
675
  /*
676
676
  0 - 600px: Phone
677
677
  600 - 900px: Tablet portrait
@@ -212165,7 +212165,7 @@ a:focus {
212165
212165
 
212166
212166
  .flex-align-stretch {
212167
212167
  align-items: stretch;
212168
- }`, pi = bi, ze = /* @__PURE__ */ d(class extends l {
212168
+ }`, pi = bi, qe = /* @__PURE__ */ d(class extends l {
212169
212169
  constructor() {
212170
212170
  super(), this.__registerHost(), this.handleClick = () => {
212171
212171
  this.isCurrentMonth && this.onSelect && (console.log(this.date, "this.date"), this.onSelect(this.date));
@@ -212177,7 +212177,7 @@ a:focus {
212177
212177
  }
212178
212178
  render() {
212179
212179
  let n = "date-cell";
212180
- return this.isCurrentMonth || (n += " date-cell--not-current-month"), this.isSelected && (n += " date-cell--selected"), this.isToday && (n += " date-cell--today"), this.midRange && (n += " date-cell--mid-range"), this.isFirstRangeChild && (n += " date-cell--mid-range--first-child"), this.isLastRangeChild && (n += " date-cell--mid-range--last-child"), e("button", { key: "7709e8cc294b43137708f63976e4fa17a6089fd5", type: "button", class: n, onClick: this.handleClick, onMouseDown: this.handleAddPressed, onMouseUp: this.handleRemovePressed, onMouseOut: this.handleRemovePressed, disabled: !this.isCurrentMonth }, e("div", { key: "e7276f728d6c5b0c0a627ed8ff0269f44249b010", class: "date-cell__label" }, e("span", { key: "e905a0d8c8c55be66312faca9d358198f9d3f31c" }, this.date.getDate())));
212180
+ return this.isCurrentMonth || (n += " date-cell--not-current-month"), this.isSelected && (n += " date-cell--selected"), this.isToday && (n += " date-cell--today"), this.midRange && (n += " date-cell--mid-range"), this.isFirstRangeChild && (n += " date-cell--mid-range--first-child"), this.isLastRangeChild && (n += " date-cell--mid-range--last-child"), e("button", { key: "687650a376b6fb990dd4df59c528c9f39eb8945a", type: "button", class: n, onClick: this.handleClick, onMouseDown: this.handleAddPressed, onMouseUp: this.handleRemovePressed, onMouseOut: this.handleRemovePressed, disabled: !this.isCurrentMonth }, e("div", { key: "938aef7c579a18db3bded6921d778b0070aaa55d", class: "date-cell__label" }, e("span", { key: "3726c72ed16c425b76a35f2eb625f6991d04704b" }, this.date.getDate())));
212181
212181
  }
212182
212182
  static get style() {
212183
212183
  return pi;
@@ -212192,18 +212192,18 @@ a:focus {
212192
212192
  isLastRangeChild: [4, "is-last-range-child"],
212193
212193
  onSelect: [16]
212194
212194
  }]);
212195
- function Se() {
212195
+ function ze() {
212196
212196
  if (typeof customElements > "u")
212197
212197
  return;
212198
212198
  ["date-cell"].forEach((n) => {
212199
212199
  switch (n) {
212200
212200
  case "date-cell":
212201
- customElements.get(n) || customElements.define(n, ze);
212201
+ customElements.get(n) || customElements.define(n, qe);
212202
212202
  break;
212203
212203
  }
212204
212204
  });
212205
212205
  }
212206
- const ui = ze, ki = Se, Me = /* @__PURE__ */ d(class extends l {
212206
+ const ui = qe, ki = ze, Se = /* @__PURE__ */ d(class extends l {
212207
212207
  constructor() {
212208
212208
  super(), this.__registerHost(), this.bodyElement = null, this.title = "", this.content = "", this.size = "lg", this.iconAlignment = "Trailing", this.flush = !1, this.disabled = !1, this.extraClass = "", this.isOpen = !1;
212209
212209
  }
@@ -212220,10 +212220,10 @@ const ui = ze, ki = Se, Me = /* @__PURE__ */ d(class extends l {
212220
212220
  this.isOpen && this.bodyElement ? this.bodyElement.style.maxHeight = this.bodyElement.scrollHeight + 24 + "px" : this.bodyElement && (this.bodyElement.style.maxHeight = null);
212221
212221
  }
212222
212222
  render() {
212223
- return e("div", { key: "1945c5a15b13baaefcd37817ac05adf2a63a724c", class: `accordion-item accordion-item--${this.size}
212223
+ return e("div", { key: "afad3c7f635f4834c1a658e8f79f8129912ab0b2", class: `accordion-item accordion-item--${this.size}
212224
212224
  ${this.iconAlignment === "Leading" ? "accordion-item--icon-leading" : ""}
212225
212225
  ${this.flush ? "accordion-item--flush" : ""}
212226
- ${this.disabled ? "disabled" : ""} ${this.extraClass} ${this.isOpen ? "active" : ""}` }, e("a", { key: "526cb8b0693b59480a2c8e977e9d1351470f1530", href: "#", onClick: (n) => this.handleAccordionClick(n), onKeyDown: (n) => n.code === "Space" ? this.handleAccordionClick(n) : null, class: "accordion-item__header" }, this.iconAlignment === "Leading" && e("div", { key: "eff6949e19256c54652b11a81d60396ad5795d9b", class: "accordion-item__arrow" }, e("i", { key: "ee0c30a6b33309e17ba6e178a770887cdca825db", class: "hgi-stroke hgi-arrow-down-01", style: { fontSize: "16px" } })), e("div", { key: "a8cc25ff28af19f75921f1a637943fa13c7d578f", class: "accordion-item__title" }, this.title), this.iconAlignment === "Trailing" && e("div", { key: "0a17f79f9a207a33a5395d46d65e3057852d9bf8", class: "accordion-item__arrow" }, e("i", { key: "01a5385053b5ec47a3eca2b9943f973904351812", class: "hgi-stroke hgi-arrow-down-01", style: { fontSize: "16px" } }))), e("div", { key: "a8f65c9ba00b8ef5b23c6cf842347504c88ca264", ref: (n) => this.bodyElement = n, class: "accordion-item__body" }, this.content));
212226
+ ${this.disabled ? "disabled" : ""} ${this.extraClass} ${this.isOpen ? "active" : ""}` }, e("a", { key: "6a913fadb8c1015fffe295a46fc4eff7776aeb79", href: "#", onClick: (n) => this.handleAccordionClick(n), onKeyDown: (n) => n.code === "Space" ? this.handleAccordionClick(n) : null, class: "accordion-item__header" }, this.iconAlignment === "Leading" && e("div", { key: "7b283469ec493369b1433a331df061350a1e3710", class: "accordion-item__arrow" }, e("i", { key: "48698b91d21abb2606438df8800a1847b83ef08f", class: "hgi-stroke hgi-arrow-down-01", style: { fontSize: "16px" } })), e("div", { key: "a8c360e3a25f3ad6f2b713218a3cd6d65834667a", class: "accordion-item__title" }, this.title), this.iconAlignment === "Trailing" && e("div", { key: "ac87a2ad259bc8281a368e4ec283efb70f723315", class: "accordion-item__arrow" }, e("i", { key: "32f7036876199ddcc5847f0398c07231e894ccd2", class: "hgi-stroke hgi-arrow-down-01", style: { fontSize: "16px" } }))), e("div", { key: "f868f87295430f958b4d64aa405a164e9451077f", ref: (n) => this.bodyElement = n, class: "accordion-item__body" }, this.content));
212227
212227
  }
212228
212228
  get el() {
212229
212229
  return this;
@@ -212244,12 +212244,12 @@ function mi() {
212244
212244
  ["dga-accordion"].forEach((n) => {
212245
212245
  switch (n) {
212246
212246
  case "dga-accordion":
212247
- customElements.get(n) || customElements.define(n, Me);
212247
+ customElements.get(n) || customElements.define(n, Se);
212248
212248
  break;
212249
212249
  }
212250
212250
  });
212251
212251
  }
212252
- const vi = Me, wi = mi, $e = /* @__PURE__ */ d(class extends l {
212252
+ const vi = Se, wi = mi, Me = /* @__PURE__ */ d(class extends l {
212253
212253
  constructor() {
212254
212254
  super(), this.__registerHost(), this.icon = void 0, this.size = void 0, this.color = void 0, this.variant = "bulk", this.type = "";
212255
212255
  }
@@ -212265,14 +212265,14 @@ const vi = Me, wi = mi, $e = /* @__PURE__ */ d(class extends l {
212265
212265
  }
212266
212266
  }
212267
212267
  render() {
212268
- return e("div", { key: "3c3c6ca476362a315e03dd1aad15299307ecf683", style: {
212268
+ return e("div", { key: "c886684d061fd3cb85db8e052cf3b132abad3de5", style: {
212269
212269
  width: "100%",
212270
212270
  height: "100%",
212271
212271
  display: "flex",
212272
212272
  alignItems: "center",
212273
212273
  justifyContent: "center",
212274
212274
  fontSize: "inherit"
212275
- } }, e("i", { key: "d10d790b1d2f6bda633d18ce28ed7510567ac517", style: {
212275
+ } }, e("i", { key: "3d9430aabc7fe2361025f40d80f15d814920ec13", style: {
212276
212276
  fontSize: `${this.size ? `${this.size}px` : "inherit"}`,
212277
212277
  color: this.color
212278
212278
  }, ref: (n) => this.container = n }));
@@ -212301,12 +212301,12 @@ function w() {
212301
212301
  ["dga-icon"].forEach((n) => {
212302
212302
  switch (n) {
212303
212303
  case "dga-icon":
212304
- customElements.get(n) || customElements.define(n, $e);
212304
+ customElements.get(n) || customElements.define(n, Me);
212305
212305
  break;
212306
212306
  }
212307
212307
  });
212308
212308
  }
212309
- const Ce = /* @__PURE__ */ d(class extends l {
212309
+ const $e = /* @__PURE__ */ d(class extends l {
212310
212310
  constructor() {
212311
212311
  super(), this.__registerHost(), this.type = "icon", this.size = 32, this.square = !1, this.border = !1, this.text = "AB", this.imgUrl = "/assets/avatar-img.png", this.customAttribute = { key: "", value: "" };
212312
212312
  }
@@ -212344,7 +212344,7 @@ function xi() {
212344
212344
  ["dga-avatar", "dga-icon"].forEach((n) => {
212345
212345
  switch (n) {
212346
212346
  case "dga-avatar":
212347
- customElements.get(n) || customElements.define(n, Ce);
212347
+ customElements.get(n) || customElements.define(n, $e);
212348
212348
  break;
212349
212349
  case "dga-icon":
212350
212350
  customElements.get(n) || w();
@@ -212352,7 +212352,7 @@ function xi() {
212352
212352
  }
212353
212353
  });
212354
212354
  }
212355
- const yi = Ce, _i = xi, Ie = /* @__PURE__ */ d(class extends l {
212355
+ const yi = $e, _i = xi, Ce = /* @__PURE__ */ d(class extends l {
212356
212356
  constructor() {
212357
212357
  super(), this.__registerHost(), this.breadcrumbClick = C(this, "breadcrumbClick", 7), this.breadcrumbItems = [], this.items = [];
212358
212358
  }
@@ -212402,13 +212402,13 @@ const yi = Ce, _i = xi, Ie = /* @__PURE__ */ d(class extends l {
212402
212402
  }, void 0, {
212403
212403
  items: ["handleItemsChange"]
212404
212404
  }]);
212405
- function Ae() {
212405
+ function Ie() {
212406
212406
  if (typeof customElements > "u")
212407
212407
  return;
212408
212408
  ["dga-breadcrumbs", "dga-icon"].forEach((n) => {
212409
212409
  switch (n) {
212410
212410
  case "dga-breadcrumbs":
212411
- customElements.get(n) || customElements.define(n, Ie);
212411
+ customElements.get(n) || customElements.define(n, Ce);
212412
212412
  break;
212413
212413
  case "dga-icon":
212414
212414
  customElements.get(n) || w();
@@ -212416,7 +212416,7 @@ function Ae() {
212416
212416
  }
212417
212417
  });
212418
212418
  }
212419
- const Be = /* @__PURE__ */ d(class extends l {
212419
+ const Ae = /* @__PURE__ */ d(class extends l {
212420
212420
  constructor() {
212421
212421
  super(), this.__registerHost(), this.onClick = C(this, "onClick", 7), this.variant = "primary-neutral", this.size = "md", this.label = void 0, this.iconOnly = void 0, this.iconType = void 0, this.iconProps = void 0, this.leadIcon = void 0, this.leadIconType = void 0, this.leadIconProps = void 0, this.trailIcon = void 0, this.trailIconType = void 0, this.trailIconProps = void 0, this.disabled = void 0, this.btnId = void 0, this.customAttribute = { key: "", value: "" }, this.type = "button", this.onColor = !1;
212422
212422
  }
@@ -212456,7 +212456,7 @@ function O() {
212456
212456
  ["dga-button", "dga-icon"].forEach((n) => {
212457
212457
  switch (n) {
212458
212458
  case "dga-button":
212459
- customElements.get(n) || customElements.define(n, Be);
212459
+ customElements.get(n) || customElements.define(n, Ae);
212460
212460
  break;
212461
212461
  case "dga-icon":
212462
212462
  customElements.get(n) || w();
@@ -212467,7 +212467,7 @@ function O() {
212467
212467
  const x = () => {
212468
212468
  const o = Date.now().toString(36), n = Math.random().toString(36).substring(2);
212469
212469
  return o + n;
212470
- }, Pe = /* @__PURE__ */ d(class extends l {
212470
+ }, Be = /* @__PURE__ */ d(class extends l {
212471
212471
  constructor() {
212472
212472
  super(), this.__registerHost(), this.handleFocus = () => {
212473
212473
  var n;
@@ -212487,8 +212487,8 @@ const x = () => {
212487
212487
  window.addEventListener("keydown", this.handleEscape);
212488
212488
  }
212489
212489
  render() {
212490
- return e("label", { key: "e1ea63e441150261fe9814af2a2334ac0359a616", ref: (n) => this.labelRef = n, class: `checkbox ${this.color ? `checkbox--${this.color}` : ""} checkbox--${this.size}` }, e("div", { key: "4a0b20320d65d8a8629fe2e8995af74dc716d4b1", class: "checkbox-main" }, e("div", { key: "5ba8a9995216f9bfdd47503ec9174c00e596117c", class: "checkbox-main__content" }, e("input", {
212491
- key: "443e23bb248c37086c6fea45ec7638224525dccb",
212490
+ return e("label", { key: "39b6e00240ebab95a3b4e26172f11558bd250335", ref: (n) => this.labelRef = n, class: `checkbox ${this.color ? `checkbox--${this.color}` : ""} checkbox--${this.size}` }, e("div", { key: "9106bf37f92dd02c493077e74c860ac6e72c33ec", class: "checkbox-main" }, e("div", { key: "4bf628b024bcc6f6c2729474810df885834ad27b", class: "checkbox-main__content" }, e("input", {
212491
+ key: "c6661d39eec971510869fb6ecf7da56d4aec0937",
212492
212492
  type: "checkbox",
212493
212493
  name: this.name,
212494
212494
  value: this.value,
@@ -212509,9 +212509,9 @@ const x = () => {
212509
212509
  },
212510
212510
  onInput: this.onInput,
212511
212511
  checked: this.isChecked
212512
- }), e("div", { key: "c9aeb29c1dd6434e7226ab7a1d5c5534ccfa7f4f", class: "checkbox-container" }, e("span", { key: "1cadd9b52bfc754da57f3fd590c790b27c0ba1ba", class: "checkbox-icon checkbox__checked-icon", style: { display: this.isChecked ? "inline-block" : "none" } }, this.Indeterminate ? e("i", { class: "hgi-solid hgi-minus-sign" }) : e("i", { class: "hgi-solid hgi-tick-03" })), e("span", { key: "1246667f3d57652d822932cce65bbbe7e7ae4c7b", class: "checkbox-icon checkbox__indeterminate-icon", style: { display: this.isChecked ? "none" : "inline-block" } }, e("i", { key: "e7fee4f758ae890a898609a23ef1714660743d5a", class: "hgi-solid hgi-remove-01" }))), this.helperText ? e("div", { class: "flex-column" }, e("span", { class: "checkbox__label" }, this.label), e("span", { class: "checkbox__helper-text" }, this.helperText)) : this.label && e("span", { class: "checkbox__label" }, this.label)), this.alertMessage && e("div", { key: "4222aedc9a39591482b12c9861527bfb2476b78d", class: "checkbox__warning" }, e("span", { key: "9aca1d3b6a0c2067d454cfe4f1f6f7c547680a63", class: "checkbox__warning-icon" }, e("i", { key: "96930d787b6797228cbc56820e6bb6034b3ed2c2", class: "hgi-stroke hgi-alert-circle", style: {
212512
+ }), e("div", { key: "26c4be5ddccd5578fe32eec9094a0dabbc2526d1", class: "checkbox-container" }, e("span", { key: "7c6a6b1362b864b5907744ca8eb91ce742626545", class: "checkbox-icon checkbox__checked-icon", style: { display: this.isChecked ? "inline-block" : "none" } }, this.Indeterminate ? e("i", { class: "hgi-solid hgi-minus-sign" }) : e("i", { class: "hgi-solid hgi-tick-03" })), e("span", { key: "bf78645ba7751a90700564b684f96182cc09cdb2", class: "checkbox-icon checkbox__indeterminate-icon", style: { display: this.isChecked ? "none" : "inline-block" } }, e("i", { key: "a185e0e97c569fd60d843a77a95603486f91f348", class: "hgi-solid hgi-remove-01" }))), this.helperText ? e("div", { class: "flex-column" }, e("span", { class: "checkbox__label" }, this.label), e("span", { class: "checkbox__helper-text" }, this.helperText)) : this.label && e("span", { class: "checkbox__label" }, this.label)), this.alertMessage && e("div", { key: "48ea3e54716c615da48aa76d1daace0a00c3e52c", class: "checkbox__warning" }, e("span", { key: "6146e2faaa6894e4e4c8c49093cedd54ddfd343c", class: "checkbox__warning-icon" }, e("i", { key: "b4c48bea17768dfb58ef85950919078b24a56092", class: "hgi-stroke hgi-alert-circle", style: {
212513
212513
  fontSize: "16px"
212514
- } })), e("span", { key: "70ced69a22f40d19b3c23635c56a8e5c2308c42f", class: "checkbox__warning-text" }, this.alertText))));
212514
+ } })), e("span", { key: "132a36261ed059b011378f432f62cb076c0e69d0", class: "checkbox__warning-text" }, this.alertText))));
212515
212515
  }
212516
212516
  }, [0, "dga-checkbox", {
212517
212517
  color: [1],
@@ -212536,12 +212536,12 @@ function K() {
212536
212536
  ["dga-checkbox"].forEach((n) => {
212537
212537
  switch (n) {
212538
212538
  case "dga-checkbox":
212539
- customElements.get(n) || customElements.define(n, Pe);
212539
+ customElements.get(n) || customElements.define(n, Be);
212540
212540
  break;
212541
212541
  }
212542
212542
  });
212543
212543
  }
212544
- const Ee = /* @__PURE__ */ d(class extends l {
212544
+ const Pe = /* @__PURE__ */ d(class extends l {
212545
212545
  constructor() {
212546
212546
  super(), this.__registerHost(), this.onMouseEnterHandler = () => {
212547
212547
  this.isFocused = !0;
@@ -212557,7 +212557,7 @@ const Ee = /* @__PURE__ */ d(class extends l {
212557
212557
  this.expanded = !this.expanded;
212558
212558
  }
212559
212559
  render() {
212560
- return e("div", { key: "e93b49393cda2217a9d6fb66716ef37cfa9bdbfd", class: `card flex-column ${this.disabled ? "disabled" : ""} ${this.isFocused ? "focused" : ""} card--${this.effect}`, onMouseEnter: this.onMouseEnterHandler, onMouseLeave: this.onMouseLeaveHandler }, this.image && e("div", { key: "c6c8a85a1d86e5bbe9d6dc69446b458984001834", class: "card__image-container" }, e("img", { key: "b3b358dba941c298a4cd2a8baa5e67de840fd398", src: this.image, alt: "Card" })), this.showFeaturedIcon && e("div", { key: "b3b83b1934dcca69c1e6cc1929bc6b76471a0730", class: "featured-icon featured-icon--light-brand featured-icon--circle featured-icon--lg" }, this.featuredIcon), this.type === "selectable" && e("div", { key: "9202a5692de6b1ee1608650699de553c14264f38", class: "card__checkbox-container" }, e("dga-checkbox", { key: "243c8ab42e0c7b2f25cd7a03d850affccaf5fe5f", color: "brand", onChange: this.onCheckboxChange })), (this.showTitle || this.showDescription) && e("div", { key: "ada312f13ee56bcfdf812f71ad7918428b3dfe50", class: "card__content-text flex-column" }, this.showTitle && e("h4", { key: "76f6b7febb61235e6326e7a70ce73857e2668221", class: "text-lg-bold" }, this.cardTitle, " "), this.showDescription && e("p", { key: "f13368f26780607845c6c6881b0f16d4dc400ea1", class: "text-md-regular" }, this.description)), this.showRating && e("div", { key: "389291191eb953529ce59502a93f958bba3a48d9", class: "card__rating-container" }), this.customComponent && e("div", { key: "4c51e095be43374194294a8beeb6a5f4abf18d9f", class: "card__custom-component" }, this.customComponent), this.type === "default" && (this.showPrimaryAction || this.showSecondaryAction) && e("div", { key: "fe126dec78e3fe2825d9e8ccbe0d4b2f89d91e88", class: "card__action card__action--default" }, this.showSecondaryAction && e("dga-button", { key: "f595e6b4193793fe31647e645ff5f563f64e47a4", label: this.secondaryActionLabel, onClick: this.onSecondaryAction, size: "lg", variant: "secondary-outline" }), this.showPrimaryAction && e("dga-button", { key: "b551c3e408a81fba6f9876439a28f34b046c7127", label: this.primaryActionLabel, onClick: this.onPrimaryAction, size: "lg", variant: "primary-brand" })), this.type === "expanded" && e("div", { key: "537f9108cd70e488ec4109ea65563d9e28fe77ac", class: "card__action card__action--expanded" }, e("dga-button", { key: "ac0f4537c4e516e0cd77097d228da18d795dccf6", iconOnly: !0, onClick: () => this.toggleExpand(), size: "lg", variant: "subtle", leadIconType: this.expanded ? e("i", { class: "hgi-stroke hgi-arrow-up-01" }) : e("i", { class: "hgi-stroke hgi-arrow-down-01" }), leadIcon: !0 })), e("div", { key: "820270ffa5b5c6fdc7af6a25b53eaf6b16c0dba7", class: `collapse-content ${this.expanded ? "expanded" : ""}` }, e("slot", { key: "a7e7b019b133ab698071e20b3777aa2bbd191b94", name: "collapse-content" })));
212560
+ return e("div", { key: "a1d6a7587a13c71a5cac092c2001fe8f84ac91b9", class: `card flex-column ${this.disabled ? "disabled" : ""} ${this.isFocused ? "focused" : ""} card--${this.effect}`, onMouseEnter: this.onMouseEnterHandler, onMouseLeave: this.onMouseLeaveHandler }, this.image && e("div", { key: "b9bcba103022f32c2fabe0d13ccc70f92f4b9afa", class: "card__image-container" }, e("img", { key: "b1425466a276d09113855e74b38727110de1a062", src: this.image, alt: "Card" })), this.showFeaturedIcon && e("div", { key: "6ba09e49055b01a24c3bcaca22245820b93792e0", class: "featured-icon featured-icon--light-brand featured-icon--circle featured-icon--lg" }, this.featuredIcon), this.type === "selectable" && e("div", { key: "161c3eac560d9b49d9b855166ad88eb2d1270388", class: "card__checkbox-container" }, e("dga-checkbox", { key: "0510f5eeb22e9d0d883f9c2104278dab9301476a", color: "brand", onChange: this.onCheckboxChange })), (this.showTitle || this.showDescription) && e("div", { key: "efc976bcc8b1baf1322dbb42bc70869128dd8cd7", class: "card__content-text flex-column" }, this.showTitle && e("h4", { key: "6ffc176678d22f9535c41c92b4c423204dc545c6", class: "text-lg-bold" }, this.cardTitle, " "), this.showDescription && e("p", { key: "49702215e9a9988752a81033f9bb363ffce3f789", class: "text-md-regular" }, this.description)), this.showRating && e("div", { key: "f286a7a70211d4fc4623a201cd049e7f5e006066", class: "card__rating-container" }), this.customComponent && e("div", { key: "d0c17e9d7eaab3aba721827b44cac7e0bc4f8e2d", class: "card__custom-component" }, this.customComponent), this.type === "default" && (this.showPrimaryAction || this.showSecondaryAction) && e("div", { key: "e8b65b843a75ca1222579066c3d3425d082635ed", class: "card__action card__action--default" }, this.showSecondaryAction && e("dga-button", { key: "9049d57e8578d1f43f88cf7238e80cf094ae9449", label: this.secondaryActionLabel, onClick: this.onSecondaryAction, size: "lg", variant: "secondary-outline" }), this.showPrimaryAction && e("dga-button", { key: "ab42692c92d71bec4f42283decefd7095fd49e7c", label: this.primaryActionLabel, onClick: this.onPrimaryAction, size: "lg", variant: "primary-brand" })), this.type === "expanded" && e("div", { key: "54d0ef10263e70b28023137e87c9f7e5dc180ef3", class: "card__action card__action--expanded" }, e("dga-button", { key: "c2f0a4eb386ce63e9606f4214b0b765c366645e6", iconOnly: !0, onClick: () => this.toggleExpand(), size: "lg", variant: "subtle", leadIconType: this.expanded ? e("i", { class: "hgi-stroke hgi-arrow-up-01" }) : e("i", { class: "hgi-stroke hgi-arrow-down-01" }), leadIcon: !0 })), e("div", { key: "85b961dc2b14bf416df93d335e1e18a3861b72b9", class: `collapse-content ${this.expanded ? "expanded" : ""}` }, e("slot", { key: "5a20722dd0732d3349b88e47a306f234d27cdfa7", name: "collapse-content" })));
212561
212561
  }
212562
212562
  }, [4, "dga-card", {
212563
212563
  type: [1],
@@ -212583,13 +212583,13 @@ const Ee = /* @__PURE__ */ d(class extends l {
212583
212583
  isFocused: [32],
212584
212584
  expanded: [32]
212585
212585
  }]);
212586
- function De() {
212586
+ function Ee() {
212587
212587
  if (typeof customElements > "u")
212588
212588
  return;
212589
212589
  ["dga-card", "dga-button", "dga-checkbox", "dga-icon"].forEach((n) => {
212590
212590
  switch (n) {
212591
212591
  case "dga-card":
212592
- customElements.get(n) || customElements.define(n, Ee);
212592
+ customElements.get(n) || customElements.define(n, Pe);
212593
212593
  break;
212594
212594
  case "dga-button":
212595
212595
  customElements.get(n) || O();
@@ -212603,12 +212603,12 @@ function De() {
212603
212603
  }
212604
212604
  });
212605
212605
  }
212606
- const je = /* @__PURE__ */ d(class extends l {
212606
+ const De = /* @__PURE__ */ d(class extends l {
212607
212607
  constructor() {
212608
212608
  super(), this.__registerHost(), this.variant = "neutral";
212609
212609
  }
212610
212610
  render() {
212611
- return e("div", { key: "463c5131cfe71ed284df567e3500eea10925d32e" }, e("h1", { key: "be3ad7a45e1c31b79af9e22cf29dd9446df099f5" }, "Breadcrumbs Example"), e("div", { key: "64d1f296b0fee833cfe1b1ae5f69468b2a47d685", style: { padding: "50px", display: "flex", gap: "20px" } }, e("div", { key: "a1bc599900ed564df7ab57803aa9b5d4d8d62485", style: { display: "flex", flexDirection: "column", gap: "20px" } }, e("dga-breadcrumbs", { key: "5b44d9ec4af78c0fc516f81f2d4868e2597e1eb2", items: [
212611
+ return e("div", { key: "a1fd044a8446e96491b727205c9ef526233f602e" }, e("h1", { key: "bfd06d34ba1d76f793f08f12b13ca3aec8394634" }, "Breadcrumbs Example"), e("div", { key: "fe61b4eb1ed00088d079a4e24b00ac348028b0e7", style: { padding: "50px", display: "flex", gap: "20px" } }, e("div", { key: "3d9b3b5f492923c1f313653146ba0fd4bb34ff7f", style: { display: "flex", flexDirection: "column", gap: "20px" } }, e("dga-breadcrumbs", { key: "22b7b9697c9c5127e425711a3775bf44c0ee0ab4", items: [
212612
212612
  {
212613
212613
  label: "string1",
212614
212614
  path: "string1"
@@ -212622,7 +212622,7 @@ const je = /* @__PURE__ */ d(class extends l {
212622
212622
  path: "string3",
212623
212623
  disabled: !0
212624
212624
  }
212625
- ] }), e("dga-card", { key: "f45f6dfdbc27816f4bc35b80e79d3ccab0f3e099", cardTitle: "Card Title", featuredIcon: e("dga-icon", { icon: "mail-02", size: 24, variant: "stroke", type: "rounded", color: "#1B8354" }) })), e("div", { key: "744bd057f2474d95875f783d5b647470ecb53e51", style: { display: "flex", flexDirection: "column", gap: "20px" } })));
212625
+ ] }), e("dga-card", { key: "648d5aa1e4385433dd95b45b41d4882569487f5b", cardTitle: "Card Title", featuredIcon: e("dga-icon", { icon: "mail-02", size: 24, variant: "stroke", type: "rounded", color: "#1B8354" }) })), e("div", { key: "b06703e574e519a4ac281a9e4b31c315f0d40f4b", style: { display: "flex", flexDirection: "column", gap: "20px" } })));
212626
212626
  }
212627
212627
  }, [0, "dga-breadcrumbs-usage", {
212628
212628
  variant: [32]
@@ -212633,16 +212633,16 @@ function qi() {
212633
212633
  ["dga-breadcrumbs-usage", "dga-breadcrumbs", "dga-button", "dga-card", "dga-checkbox", "dga-icon"].forEach((n) => {
212634
212634
  switch (n) {
212635
212635
  case "dga-breadcrumbs-usage":
212636
- customElements.get(n) || customElements.define(n, je);
212636
+ customElements.get(n) || customElements.define(n, De);
212637
212637
  break;
212638
212638
  case "dga-breadcrumbs":
212639
- customElements.get(n) || Ae();
212639
+ customElements.get(n) || Ie();
212640
212640
  break;
212641
212641
  case "dga-button":
212642
212642
  customElements.get(n) || O();
212643
212643
  break;
212644
212644
  case "dga-card":
212645
- customElements.get(n) || De();
212645
+ customElements.get(n) || Ee();
212646
212646
  break;
212647
212647
  case "dga-checkbox":
212648
212648
  customElements.get(n) || K();
@@ -212653,7 +212653,7 @@ function qi() {
212653
212653
  }
212654
212654
  });
212655
212655
  }
212656
- const zi = je, Si = qi, Mi = Ie, $i = Ae, Ci = Be, Ii = O, Ai = Ee, Bi = De, Pi = `@charset "UTF-8";
212656
+ const zi = De, Si = qi, Mi = Ce, $i = Ie, Ci = Ae, Ii = O, Ai = Pe, Bi = Ee, Pi = `@charset "UTF-8";
212657
212657
  /*
212658
212658
  0 - 600px: Phone
212659
212659
  600 - 900px: Tablet portrait
@@ -216149,12 +216149,12 @@ a:focus {
216149
216149
 
216150
216150
  :host {
216151
216151
  width: fit-content;
216152
- }`, Ei = Pi, Te = /* @__PURE__ */ d(class extends l {
216152
+ }`, Ei = Pi, je = /* @__PURE__ */ d(class extends l {
216153
216153
  constructor() {
216154
216154
  super(), this.__registerHost(), this.__attachShadow();
216155
216155
  }
216156
216156
  render() {
216157
- return e(E, { key: "5b63bc65b49f3bf12787113c1b676edd29cbacc5" }, e("slot", { key: "3fd1b2d40847f5150be040f865bd8ccd812b4ba4" }));
216157
+ return e(E, { key: "a9fc5e54d525338a6e8cd23521a8cd628f846e3b" }, e("slot", { key: "102492dedf5275afe63737bcfc06fb164ce9a502" }));
216158
216158
  }
216159
216159
  static get style() {
216160
216160
  return Ei;
@@ -216166,12 +216166,12 @@ function Di() {
216166
216166
  ["dga-carousel-item-v2"].forEach((n) => {
216167
216167
  switch (n) {
216168
216168
  case "dga-carousel-item-v2":
216169
- customElements.get(n) || customElements.define(n, Te);
216169
+ customElements.get(n) || customElements.define(n, je);
216170
216170
  break;
216171
216171
  }
216172
216172
  });
216173
216173
  }
216174
- const ji = Te, Ti = Di, Le = /* @__PURE__ */ d(class extends l {
216174
+ const ji = je, Ti = Di, Te = /* @__PURE__ */ d(class extends l {
216175
216175
  constructor() {
216176
216176
  super(), this.__registerHost(), this.responsive = [
216177
216177
  { breakPoint: 1280, cardsToShow: 4 },
@@ -216180,7 +216180,7 @@ const ji = Te, Ti = Di, Le = /* @__PURE__ */ d(class extends l {
216180
216180
  ], this.variant = "neutral";
216181
216181
  }
216182
216182
  render() {
216183
- return e("div", { key: "bfde0d1296e9923a5d477d549e6bc974fa29dce9" }, e("h1", { key: "26ae2d33e75b087917e6950bcc1531396bb36008" }, "Slider Example"), e("div", { key: "a55d552c1f51105c4129fe9043a059cc1502534b", style: { padding: "50px", display: "flex", gap: "20px" } }, e("div", { key: "6c38dd3ca9937b61dfa4c9728382f954a811d8bd", style: { display: "flex", flexDirection: "column", gap: "20px" } }, e("dga-carousel-slider", { key: "43dcc5890dabb163bf067bf4de654fcab748d463", cardsToShow: 3, autoSlide: 300, responsive: this.responsive }, e("div", { key: "9eae702034760e85d0cf3a10b18a022026362224", class: "example-card" }, "1"), e("div", { key: "bc49d20cdbf4e5ccfa410c9d114cf97cb9e45dbd", class: "example-card" }, "2"), e("div", { key: "0aa55b0f1afbd6b0a0a8f98f9877f5e8c1d0542a", class: "example-card" }, "3"), e("div", { key: "d9c946a8cb3c6fee38afd2c9a9222133ca153a2c", class: "example-card" }, "4"), e("div", { key: "bf043b3372c0a712a9e741ee92060087ca2342bb", class: "example-card" }, "5"), e("div", { key: "39a42aa323084aaf10786cee0476ee65d2e49d96", class: "example-card" }, "6"), e("div", { key: "1971d0998ec04ddfefb3da6987a180e212320ce9", class: "example-card" }, "7"), e("div", { key: "3d9c8394c3cb25e3fc9d0bf140d95eab17316b91", class: "example-card" }, "8"), e("div", { key: "2b16952fdf2c72988478a19b2b2a7ab4cfb22049", class: "example-card" }, "9"))), e("div", { key: "1a83e994d4c423e1ffc807892130ef9a54f7249f", style: { display: "flex", flexDirection: "column", gap: "20px" } })));
216183
+ return e("div", { key: "38ea77a679fc28a8dc3f4a0e0b8bcbe72e0319c9" }, e("h1", { key: "b72972cbe671795ad73b4e5f33a2adb88060eb76" }, "Slider Example"), e("div", { key: "615a0d8bf94342dfd24cba5a281d615970d9cf3f", style: { padding: "50px", display: "flex", gap: "20px" } }, e("div", { key: "b7ca4a0f96d7bbfaf4fb1f646352a6a495307f2f", style: { display: "flex", flexDirection: "column", gap: "20px" } }, e("dga-carousel-slider", { key: "349f7012749d73fb839b95c15601719fba3160cf", cardsToShow: 3, autoSlide: 300, responsive: this.responsive }, e("div", { key: "3c0455c4756108a8e3286d5dca517eee0832999f", class: "example-card" }, "1"), e("div", { key: "1a75feae58155cf78845899bbfaff270708c5e41", class: "example-card" }, "2"), e("div", { key: "aab9ed9a5c621f7144be7ca6654139e692430987", class: "example-card" }, "3"), e("div", { key: "14735b2ca10356df2f27d7d0ab2720067f5698c7", class: "example-card" }, "4"), e("div", { key: "00b0b83f32e592270e2b9ee1343d1d5da4330aba", class: "example-card" }, "5"), e("div", { key: "5601e91549221550c4ce23ee648a3023083cb2cb", class: "example-card" }, "6"), e("div", { key: "6cf081c17f372ce2b6192a902eab76a2b14363ac", class: "example-card" }, "7"), e("div", { key: "f181bef00b5a8ee5b3970891af5d00fc0a7adac0", class: "example-card" }, "8"), e("div", { key: "a0e3b34321abe7dbc2ffb84b92616333d5f084fd", class: "example-card" }, "9"))), e("div", { key: "f99283d92ad88ed3b3e0d53e00fb5c3e343eb09f", style: { display: "flex", flexDirection: "column", gap: "20px" } })));
216184
216184
  }
216185
216185
  }, [0, "dga-carousel-slider-usage", {
216186
216186
  variant: [32]
@@ -216191,12 +216191,12 @@ function Li() {
216191
216191
  ["dga-carousel-slider-usage"].forEach((n) => {
216192
216192
  switch (n) {
216193
216193
  case "dga-carousel-slider-usage":
216194
- customElements.get(n) || customElements.define(n, Le);
216194
+ customElements.get(n) || customElements.define(n, Te);
216195
216195
  break;
216196
216196
  }
216197
216197
  });
216198
216198
  }
216199
- const Oi = Le, Ri = Li, Fi = `@charset "UTF-8";
216199
+ const Oi = Te, Ri = Li, Fi = `@charset "UTF-8";
216200
216200
  /*
216201
216201
  0 - 600px: Phone
216202
216202
  600 - 900px: Tablet portrait
@@ -219779,7 +219779,7 @@ a:focus {
219779
219779
  }
219780
219780
  .KCarousel-dots .KCarousel-dot.is-active {
219781
219781
  background-color: var(--stepper-button-completed);
219782
- }`, Hi = Fi, Oe = /* @__PURE__ */ d(class extends l {
219782
+ }`, Hi = Fi, Le = /* @__PURE__ */ d(class extends l {
219783
219783
  constructor() {
219784
219784
  super(), this.__registerHost(), this.__attachShadow(), this.DIRECTION = {
219785
219785
  LEFT: Symbol("LEFT"),
@@ -219817,14 +219817,14 @@ a:focus {
219817
219817
  this.slidesContainer && (this.childrenLength = this.slidesContainer.childElementCount);
219818
219818
  }
219819
219819
  render() {
219820
- return console.log(this.childrenLength, "this.childrenLength"), console.log(this.currentSlideIndex, this.el.children.length, this.slidesContainer, "''''''''''''''''''''''''''''''"), e(E, { key: "4f0401c54da472b8fbe8579a30960cf75d30af41", class: `KCarousel KCarousel--${this.variant} KCarousel--${this.size}` }, this.variant !== "dots-only" && e("div", { key: "df54cf5409cb95b06340e6dbaf9e458a3be2d15a", class: "KCarousel-body" }, this.variant === "arrows" && e("a", { key: "a732337ca73743109db19f5baa3c0e0b91984fb8", class: `KCarousel-arrow ${this.showLeftArrow() ? "KCarousel-arrow--active" : ""} left`, onClick: () => this.changeSlide(this.DIRECTION.LEFT) }, e("dga-icon", { key: "f1cf13e6a1b0319444ecfca4e0c07b2d84f442ff", icon: "arrow-left-01", variant: "stroke", type: "rounded", size: 24 })), e("div", { key: "b494af850e34fa6bf0a345dc936df7ce71698fbb", class: "KCarousel-container", style: { overflow: "hidden", maxWidth: `${this.childWidth}px` } }, e("div", { key: "549937e445facdc25a1a6e64749f1b43d6f98ca8", style: {
219820
+ return console.log(this.childrenLength, "this.childrenLength"), console.log(this.currentSlideIndex, this.el.children.length, this.slidesContainer, "''''''''''''''''''''''''''''''"), e(E, { key: "451dc902573cac768709f0e74e42e26417235502", class: `KCarousel KCarousel--${this.variant} KCarousel--${this.size}` }, this.variant !== "dots-only" && e("div", { key: "a8f0d45efd9a55190d3f0122d19e827d220c9a00", class: "KCarousel-body" }, this.variant === "arrows" && e("a", { key: "4b24760c50e32e4578005a4a3a26337c93645a40", class: `KCarousel-arrow ${this.showLeftArrow() ? "KCarousel-arrow--active" : ""} left`, onClick: () => this.changeSlide(this.DIRECTION.LEFT) }, e("dga-icon", { key: "888cf4928a87094b31ced2d5b56620aea5d07188", icon: "arrow-left-01", variant: "stroke", type: "rounded", size: 24 })), e("div", { key: "f4d831ac03909e2cc3af92ea93d923617fa30e28", class: "KCarousel-container", style: { overflow: "hidden", maxWidth: `${this.childWidth}px` } }, e("div", { key: "3f96a1f269529e6a36f6269caf18d08622254a16", style: {
219821
219821
  display: "flex",
219822
219822
  transition: `transform ${this.transitionDuration}ms ease-in-out`
219823
219823
  // transform: `translateX(${this.initialCard * this.childWidth}%)`,
219824
219824
  // transform: `translateX(${this.currentSlideIndex * this.childWidth}px)`,
219825
219825
  // maxWidth: `${this.childWidth}px`
219826
219826
  // maxWidth: `${450}px`
219827
- }, class: "KCarousel-slides", ref: (n) => this.slidesContainer = n }, e("slot", { key: "84acde7f6fa2f914d66ca7db5635597ec5deb2e5" }))), this.variant === "arrows" && e("a", { key: "76fbfcf492126211ddcb04d12e5b9e4310d5b1fa", class: `KCarousel-arrow ${this.showRightArrow() ? "KCarousel-arrow--active" : ""} right`, onClick: () => this.changeSlide(this.DIRECTION.RIGHT) }, e("dga-icon", { key: "c174235eddfa44fba8c4c69a034b14811c3010c5", icon: "arrow-right-01", variant: "stroke", type: "rounded", size: 24 }))), ["dots", "dots-only"].includes(this.variant) && e("div", { key: "9461bf53adfeba3e42b2f2f50abca8a9e5494325", class: "KCarousel-dots" }, Array.from({ length: this.childrenLength }).map((n, t) => e("span", { class: {
219827
+ }, class: "KCarousel-slides", ref: (n) => this.slidesContainer = n }, e("slot", { key: "8675af6a0631f14f3443d9a6dff8807b09c282e5" }))), this.variant === "arrows" && e("a", { key: "19699fde7c5b145b5dab06ac275038901e5d42f2", class: `KCarousel-arrow ${this.showRightArrow() ? "KCarousel-arrow--active" : ""} right`, onClick: () => this.changeSlide(this.DIRECTION.RIGHT) }, e("dga-icon", { key: "6b4fc2f5cf8d0b47cdc809163152f56b1c0ad169", icon: "arrow-right-01", variant: "stroke", type: "rounded", size: 24 }))), ["dots", "dots-only"].includes(this.variant) && e("div", { key: "518eb0d01439b2e844d5e51d577a8e48d8a6b843", class: "KCarousel-dots" }, Array.from({ length: this.childrenLength }).map((n, t) => e("span", { class: {
219828
219828
  "KCarousel-dot": !0,
219829
219829
  "is-active": this.isHighlighted(t)
219830
219830
  }, onClick: () => {
@@ -219849,13 +219849,13 @@ a:focus {
219849
219849
  cardsToShowState: [32],
219850
219850
  currentSlideIndex: [32]
219851
219851
  }]);
219852
- function Re() {
219852
+ function Oe() {
219853
219853
  if (typeof customElements > "u")
219854
219854
  return;
219855
219855
  ["dga-carousel-v2", "dga-icon"].forEach((n) => {
219856
219856
  switch (n) {
219857
219857
  case "dga-carousel-v2":
219858
- customElements.get(n) || customElements.define(n, Oe);
219858
+ customElements.get(n) || customElements.define(n, Le);
219859
219859
  break;
219860
219860
  case "dga-icon":
219861
219861
  customElements.get(n) || w();
@@ -219863,39 +219863,39 @@ function Re() {
219863
219863
  }
219864
219864
  });
219865
219865
  }
219866
- const Fe = /* @__PURE__ */ d(class extends l {
219866
+ const Re = /* @__PURE__ */ d(class extends l {
219867
219867
  constructor() {
219868
219868
  super(), this.__registerHost(), this.variant = "neutral";
219869
219869
  }
219870
219870
  render() {
219871
- return e("div", { key: "2986a44268afa5c66d8447d9c5b251cc3a9de514" }, e("h1", { key: "2fec3d4499afca17f05eb872c9c1b38a6775962b" }, "Carousel Example"), e("div", { key: "d276ec2dfa637678cc367fb448e677dbde5139c0", style: { padding: "50px", display: "flex", gap: "20px" } }, e("div", { key: "26fe32381c4bc64bfae1d8ebf01a59355351aa69", style: { display: "flex", flexDirection: "column", gap: "20px" } }, e("dga-carousel-v2", { key: "db59ef398676f2fd60f46e98ea15ac5bd830a655" }, e("dga-carousel-v2-item", { key: "b6f36590f365c2b56ae5c3b130b36c79c4d4e817" }, e("img", { key: "6dc6d8174bfd34ae87b0644435183d922a8f3e97", src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
219871
+ return e("div", { key: "280a8d9861480d415aafea438cbe4ca975c0c27d" }, e("h1", { key: "cab4b1735afdf59a76ef5450c2d8c1894c958b67" }, "Carousel Example"), e("div", { key: "7aa9ae547544ea84114ef6f0851efa339b43a58f", style: { padding: "50px", display: "flex", gap: "20px" } }, e("div", { key: "3b99504de6891d3cd70afbe1d9d226047f799945", style: { display: "flex", flexDirection: "column", gap: "20px" } }, e("dga-carousel-v2", { key: "24e4b41792b69a9b5e564e3ab286b44904993c20" }, e("dga-carousel-v2-item", { key: "a549566b4017075a4cde96d1abd38533deb21c17" }, e("img", { key: "8bd1ea36a5fcb5955a5e52af3e9a390a448b6251", src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
219872
219872
  height: "300px",
219873
219873
  width: "450px"
219874
- } })), e("dga-carousel-v2-item", { key: "95af5b4f0c48ec633eb84e4d031ee1c04636062a" }, e("img", { key: "e685ddde28402e18b38417fcb4d4a11fb4054e31", src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
219874
+ } })), e("dga-carousel-v2-item", { key: "278c9e9f02bafefbec328f23f164873b5236d162" }, e("img", { key: "f5183f85b1da913de966b6d05e2b5fe75bfff4b2", src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
219875
219875
  height: "300px",
219876
219876
  width: "450px",
219877
219877
  objectFit: "cover"
219878
- } })), e("dga-carousel-v2-item", { key: "d24db572ea541edf41836841bf5a5b7eb8157eef" }, e("img", { key: "de822757c7910fd67a241ebddff85262dd9720c5", src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
219878
+ } })), e("dga-carousel-v2-item", { key: "a9ecb8ee21dc24ebf5c23154ea292d1174fd2478" }, e("img", { key: "771c4cbda917de9c4907f4c948f4d7e64ac49f45", src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
219879
219879
  height: "300px",
219880
219880
  width: "450px",
219881
219881
  objectFit: "cover"
219882
- } })), e("dga-carousel-v2-item", { key: "f175ff25d601fdc83c9391faf592e5255765a98a" }, e("img", { key: "06b1114daa4e24f6256a3233e62a3ad17a4d46e9", src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
219882
+ } })), e("dga-carousel-v2-item", { key: "3bdf94403659be09b4feb28ed473115567d21249" }, e("img", { key: "389cb2326fbd3630fdc9011faaa1393e0000655f", src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
219883
219883
  height: "300px",
219884
219884
  width: "450px",
219885
219885
  objectFit: "cover"
219886
- } })), e("dga-carousel-v2-item", { key: "e7a7f0c789e6d17f115f20a358ff342a0499ddf3" }, e("img", { key: "bfeb44e2fe559d364364802f212015618328387b", src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
219886
+ } })), e("dga-carousel-v2-item", { key: "41035907642e636872f39a96c63899e729bfa6b5" }, e("img", { key: "092989fbd6e11b13c378efd56508495bd9837e31", src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
219887
219887
  height: "300px",
219888
219888
  width: "450px",
219889
219889
  objectFit: "cover"
219890
- } })), e("dga-carousel-v2-item", { key: "6b3e01f7b0e3e55b6ef1ca75a37cba72d0bb7bac" }, e("img", { key: "49e714a2ee65ec80f881cff97df6442a7dbac498", src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
219890
+ } })), e("dga-carousel-v2-item", { key: "ab341a083897d2a2f3462dd978e38182b470ce21" }, e("img", { key: "3bc38096c6b20243fa3e224a911c796b6addc3e7", src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
219891
219891
  height: "300px",
219892
219892
  width: "450px",
219893
219893
  objectFit: "cover"
219894
- } })), e("dga-carousel-v2-item", { key: "d996661dcc5a469168749c3b28f15e7d06d3ef59" }, e("img", { key: "82b2e05758f13b612bd3b8688516c4559e2c2131", src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
219894
+ } })), e("dga-carousel-v2-item", { key: "800717776ba4285ad3aafe511f7aaf455f2d71e8" }, e("img", { key: "36c4b91b96e951c91085e6fb31d7ff258448dfff", src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
219895
219895
  height: "300px",
219896
219896
  width: "450px",
219897
219897
  objectFit: "cover"
219898
- } })))), e("div", { key: "b33038c291e90994c50b0d80d470f799cbd7e978", style: { display: "flex", flexDirection: "column", gap: "20px" } })));
219898
+ } })))), e("div", { key: "8f1c1311bac855854fbb989006f1807e62360030", style: { display: "flex", flexDirection: "column", gap: "20px" } })));
219899
219899
  }
219900
219900
  }, [0, "dga-carousel-v2-usage", {
219901
219901
  variant: [32]
@@ -219906,10 +219906,10 @@ function Ui() {
219906
219906
  ["dga-carousel-v2-usage", "dga-carousel-v2", "dga-icon"].forEach((n) => {
219907
219907
  switch (n) {
219908
219908
  case "dga-carousel-v2-usage":
219909
- customElements.get(n) || customElements.define(n, Fe);
219909
+ customElements.get(n) || customElements.define(n, Re);
219910
219910
  break;
219911
219911
  case "dga-carousel-v2":
219912
- customElements.get(n) || Re();
219912
+ customElements.get(n) || Oe();
219913
219913
  break;
219914
219914
  case "dga-icon":
219915
219915
  customElements.get(n) || w();
@@ -219917,7 +219917,7 @@ function Ui() {
219917
219917
  }
219918
219918
  });
219919
219919
  }
219920
- const Wi = Fe, Vi = Ui, Ki = Oe, Yi = Re, He = /* @__PURE__ */ d(class extends l {
219920
+ const Wi = Re, Vi = Ui, Ki = Le, Yi = Oe, Fe = /* @__PURE__ */ d(class extends l {
219921
219921
  constructor() {
219922
219922
  super(), this.__registerHost(), this.type = "realistic", this.trend = "positive", this.size = "lg", this.showMarker = !1, this.data = [], this.lineColor = this.trend === "positive" ? "#067647" : "#B42318", this.fillColor = this.trend === "positive" ? "#079455" : "#D92D20", this.width = this.size === "lg" ? 328 : 128, this.height = 64;
219923
219923
  }
@@ -219984,18 +219984,18 @@ const Wi = Fe, Vi = Ui, Ki = Oe, Yi = Re, He = /* @__PURE__ */ d(class extends l
219984
219984
  }, void 0, {
219985
219985
  size: ["handleSizeChange"]
219986
219986
  }]);
219987
- function Ue() {
219987
+ function He() {
219988
219988
  if (typeof customElements > "u")
219989
219989
  return;
219990
219990
  ["dga-chart"].forEach((n) => {
219991
219991
  switch (n) {
219992
219992
  case "dga-chart":
219993
- customElements.get(n) || customElements.define(n, He);
219993
+ customElements.get(n) || customElements.define(n, Fe);
219994
219994
  break;
219995
219995
  }
219996
219996
  });
219997
219997
  }
219998
- const Gi = He, Xi = Ue, Ni = Pe, Zi = K, We = /* @__PURE__ */ d(class extends l {
219998
+ const Gi = Fe, Xi = He, Zi = Be, Ni = K, Ue = /* @__PURE__ */ d(class extends l {
219999
219999
  constructor() {
220000
220000
  super(), this.__registerHost(), this.label = void 0, this.variant = "success", this.size = "md", this.leadIcon = void 0, this.leadIconProps = void 0, this.trailIcon = void 0, this.trailIconProps = void 0, this.rounded = void 0, this.disabled = void 0, this.pressed = !1;
220001
220001
  }
@@ -220003,7 +220003,7 @@ const Gi = He, Xi = Ue, Ni = Pe, Zi = K, We = /* @__PURE__ */ d(class extends l
220003
220003
  return e("dga-icon", Object.assign({ icon: n }, t));
220004
220004
  }
220005
220005
  render() {
220006
- return e("span", { key: "2572ca8b04a839df2fdb77952a816e6f7457d8cf", tabindex: "0", class: `chip chip--${this.variant} chip--${this.size} ${this.rounded ? "chip--rounded" : ""} ${this.disabled ? "disabled" : ""} ${this.pressed ? "pressed" : ""}`, onMouseDown: () => this.pressed = !0, onMouseUp: () => this.pressed = !1, "aria-disabled": this.disabled }, this.leadIcon ? e("span", { class: "chip-icon" }, this.renderIcon(this.leadIcon, this.leadIconProps)) : "", this.label, this.trailIcon ? e("span", { class: "chip-icon" }, this.renderIcon(this.trailIcon, this.trailIconProps)) : "", e("slot", { key: "0c557c4ec3c04b47a1ec36017bf85c89b57397d8" }));
220006
+ return e("span", { key: "f93a0e4a4ca40062e5e362f338898322e9626ecf", tabindex: "0", class: `chip chip--${this.variant} chip--${this.size} ${this.rounded ? "chip--rounded" : ""} ${this.disabled ? "disabled" : ""} ${this.pressed ? "pressed" : ""}`, onMouseDown: () => this.pressed = !0, onMouseUp: () => this.pressed = !1, "aria-disabled": this.disabled }, this.leadIcon ? e("span", { class: "chip-icon" }, this.renderIcon(this.leadIcon, this.leadIconProps)) : "", this.label, this.trailIcon ? e("span", { class: "chip-icon" }, this.renderIcon(this.trailIcon, this.trailIconProps)) : "", e("slot", { key: "8dd87d3537675fbec803d6898ac53e3b1afd2c1a" }));
220007
220007
  }
220008
220008
  }, [4, "dga-chip", {
220009
220009
  label: [1],
@@ -220023,7 +220023,7 @@ function Ji() {
220023
220023
  ["dga-chip", "dga-icon"].forEach((n) => {
220024
220024
  switch (n) {
220025
220025
  case "dga-chip":
220026
- customElements.get(n) || customElements.define(n, We);
220026
+ customElements.get(n) || customElements.define(n, Ue);
220027
220027
  break;
220028
220028
  case "dga-icon":
220029
220029
  customElements.get(n) || w();
@@ -220031,7 +220031,7 @@ function Ji() {
220031
220031
  }
220032
220032
  });
220033
220033
  }
220034
- const Qi = We, nr = Ji, Ve = /* @__PURE__ */ d(class extends l {
220034
+ const Qi = Ue, nr = Ji, We = /* @__PURE__ */ d(class extends l {
220035
220035
  constructor() {
220036
220036
  super(), this.__registerHost(), this.icons = {
220037
220037
  success: "hgi-solid hgi-sharp hgi-checkmark-circle-02",
@@ -220069,12 +220069,12 @@ function er() {
220069
220069
  ["dga-circular-progress-bar"].forEach((n) => {
220070
220070
  switch (n) {
220071
220071
  case "dga-circular-progress-bar":
220072
- customElements.get(n) || customElements.define(n, Ve);
220072
+ customElements.get(n) || customElements.define(n, We);
220073
220073
  break;
220074
220074
  }
220075
220075
  });
220076
220076
  }
220077
- const or = Ve, tr = er, Ke = /* @__PURE__ */ d(class extends l {
220077
+ const or = We, tr = er, Ve = /* @__PURE__ */ d(class extends l {
220078
220078
  constructor() {
220079
220079
  super(), this.__registerHost(), this.size = "md", this.orientation = "horizontal", this.external = !1, this.flush = !1, this.divider = !1, this.tabsList = [], this.extraClass = void 0, this.disabled = !1, this.activeTab = null;
220080
220080
  }
@@ -220086,11 +220086,11 @@ const or = Ve, tr = er, Ke = /* @__PURE__ */ d(class extends l {
220086
220086
  }
220087
220087
  render() {
220088
220088
  var n;
220089
- return e("ul", { key: "cfe46351ef3963d00bf27a00ac9a4ce46b3a1fff", class: `tabs-list tabs-list--${this.orientation} ${this.divider ? "tabs-list--divider" : ""} ${this.flush ? "flush" : ""} ${this.extraClass}` }, (n = this.tabsList) === null || n === void 0 ? void 0 : n.map((t, i) => e("li", { key: i }, this.external ? e("a", { href: t.link, class: `tabs-list__item tabs-list__item--${this.size} ${this.activeTab === i ? "tabs-list__item--active" : ""} ${this.disabled ? "disabled" : ""}`, onClick: (r) => {
220089
+ return e("ul", { key: "5001e615bbc907d80f1763159f99337ba6c27808", class: `tabs-list tabs-list--${this.orientation} ${this.divider ? "tabs-list--divider" : ""} ${this.flush ? "flush" : ""} ${this.extraClass}` }, (n = this.tabsList) === null || n === void 0 ? void 0 : n.map((t, i) => e("li", { key: i }, this.external ? e("a", { href: t.link, class: `tabs-list__item tabs-list__item--${this.size} ${this.activeTab === i ? "tabs-list__item--active" : ""} ${this.disabled ? "disabled" : ""}`, onClick: (r) => {
220090
220090
  r.preventDefault(), !this.disabled && this.setActiveTab(i);
220091
220091
  } }, (t == null ? void 0 : t.tabIcon) && e("div", { class: "tabs-list__icon" }, this.renderIcon(t == null ? void 0 : t.tabIcon, t == null ? void 0 : t.iconProps)), e("div", { class: "tabs-list__label" }, t == null ? void 0 : t.label)) : e("a", { href: "#", class: `tabs-list__item tabs-list__item--${this.size} ${this.activeTab === i ? "tabs-list__item--active" : ""} ${this.disabled ? "disabled" : ""}`, onClick: (r) => {
220092
220092
  r.preventDefault(), !this.disabled && this.setActiveTab(i), t != null && t.onClick && (t == null || t.onClick(r));
220093
- } }, (t == null ? void 0 : t.tabIcon) && e("div", { class: "tabs-list__icon" }, this.renderIcon(t == null ? void 0 : t.tabIcon, t == null ? void 0 : t.iconProps)), e("div", { class: "tabs-list__label" }, t == null ? void 0 : t.label)))), this.orientation === "horizontal" && e("dga-button", { key: "601222e7273a1267419df4eefbda291ef0b96937", iconOnly: !0, iconProps: {
220093
+ } }, (t == null ? void 0 : t.tabIcon) && e("div", { class: "tabs-list__icon" }, this.renderIcon(t == null ? void 0 : t.tabIcon, t == null ? void 0 : t.iconProps)), e("div", { class: "tabs-list__label" }, t == null ? void 0 : t.label)))), this.orientation === "horizontal" && e("dga-button", { key: "399e5fe617df8cd0baba91888602f75bde32e386", iconOnly: !0, iconProps: {
220094
220094
  size: 17,
220095
220095
  variant: "solid"
220096
220096
  }, iconType: "MoreHorizontalCircle01Icon", label: "Button", onClick: () => {
@@ -220107,13 +220107,13 @@ const or = Ve, tr = er, Ke = /* @__PURE__ */ d(class extends l {
220107
220107
  disabled: [4],
220108
220108
  activeTab: [32]
220109
220109
  }]);
220110
- function Ye() {
220110
+ function Ke() {
220111
220111
  if (typeof customElements > "u")
220112
220112
  return;
220113
220113
  ["dga-tabs", "dga-button", "dga-icon"].forEach((n) => {
220114
220114
  switch (n) {
220115
220115
  case "dga-tabs":
220116
- customElements.get(n) || customElements.define(n, Ke);
220116
+ customElements.get(n) || customElements.define(n, Ve);
220117
220117
  break;
220118
220118
  case "dga-button":
220119
220119
  customElements.get(n) || O();
@@ -223794,7 +223794,7 @@ a:focus {
223794
223794
  }
223795
223795
  .code-snippet-line-content.green {
223796
223796
  color: var(--text-primary, #1B8354);
223797
- }`, rr = ir, Ge = /* @__PURE__ */ d(class extends l {
223797
+ }`, rr = ir, Ye = /* @__PURE__ */ d(class extends l {
223798
223798
  constructor() {
223799
223799
  super(), this.__registerHost();
223800
223800
  var n;
@@ -223817,12 +223817,12 @@ a:focus {
223817
223817
  `).slice(0, 1).map((r, a) => e("div", { key: a, class: "code-snippet-code-line" }, e("span", { class: "code-snippet-line-content green" }, r)));
223818
223818
  }
223819
223819
  render() {
223820
- return e("div", { key: "b1baa1cb7ac9851871c92af3280354e49a788ceb", class: "code-snippet-container" }, this.showTabList && e("div", { key: "bb052ca9b9c6a7e3ef4974c64bdc8ccb28f247e2", class: "code-snippet-tabs" }, e("dga-tabs", { key: "f344ff76e4448bda7088ca6c8d2aa03bbecd709b", divider: !0, orientation: "horizontal", size: "lg", tabsList: Object.keys(this.snippets).map((n) => ({
223820
+ return e("div", { key: "1d17507dd7ca89e6408b433b3a85f5f9d1a39632", class: "code-snippet-container" }, this.showTabList && e("div", { key: "5a1daed206e43998be3d49631cce4d3b3819afa1", class: "code-snippet-tabs" }, e("dga-tabs", { key: "8d84624a689ca0742c435c1f6f981b0982a4813d", divider: !0, orientation: "horizontal", size: "lg", tabsList: Object.keys(this.snippets).map((n) => ({
223821
223821
  label: n,
223822
223822
  onClick: () => this.handleTabClick(n)
223823
- })) })), e("pre", { key: "741d5a76bf9b5b027ea2464f0fccf905592d3d6e", class: "code-snippet-code-display" }, e("dga-button", { key: "f0989d9f9d703cf9860a3b44ad4434cd11f3338f", size: "lg", iconOnly: !0, iconType: "copy-01", variant: "subtle", iconProps: { size: 24, color: "#161616", variant: "stroke" }, class: `code-snippet-icon ${this.type}`, onClick: () => this.handleCopy(), onColor: !1 }), e("code", { key: "d35172d1eaa5f14639678e9cbf46a0feb03d55c4", style: {
223823
+ })) })), e("pre", { key: "9f2d68b61bce3acf111c5661106ca2c36d5a7cdd", class: "code-snippet-code-display" }, e("dga-button", { key: "ce9ba4dd65d63addaba97b8a69feaa8a837c8b5e", size: "lg", iconOnly: !0, iconType: "copy-01", variant: "subtle", iconProps: { size: 24, color: "#161616", variant: "stroke" }, class: `code-snippet-icon ${this.type}`, onClick: () => this.handleCopy(), onColor: !1 }), e("code", { key: "d6c5f70c3f03c9651080b4a07ed324f0cbbf1237", style: {
223824
223824
  height: this.showButton && this.type === "multi-line" && !this.showMore ? "150px" : "auto"
223825
- } }, this.renderWithLineNumbers(this.snippets[this.activeTab])), this.showButton && this.type === "multi-line" && e("div", { key: "eca7c4e36c7aad9011ec0621ac08f6cf41d06d2a", class: "code-snippet-wrapper" }, e("dga-button", { key: "8ac46b95d1b108d171cb32b74f2d4b699a8c4d7e", label: this.showMore ? "Show Less" : "Show More", size: "md", trailIcon: !0, trailIconType: this.showMore ? "arrow-up-01" : "arrow-down-01", variant: "subtle", trailIconProps: { size: 20, color: "#161616", variant: "stroke" }, onClick: () => this.showMore = !this.showMore, onColor: !1 }))));
223825
+ } }, this.renderWithLineNumbers(this.snippets[this.activeTab])), this.showButton && this.type === "multi-line" && e("div", { key: "1ea9c28447732f43ea5028f113e244a4b444b92f", class: "code-snippet-wrapper" }, e("dga-button", { key: "f12236025e42735a009d52b345e96f22f48c58d7", label: this.showMore ? "Show Less" : "Show More", size: "md", trailIcon: !0, trailIconType: this.showMore ? "arrow-up-01" : "arrow-down-01", variant: "subtle", trailIconProps: { size: 20, color: "#161616", variant: "stroke" }, onClick: () => this.showMore = !this.showMore, onColor: !1 }))));
223826
223826
  }
223827
223827
  static get style() {
223828
223828
  return rr;
@@ -223842,7 +223842,7 @@ function ar() {
223842
223842
  ["dga-codesnippet", "dga-button", "dga-icon", "dga-tabs"].forEach((n) => {
223843
223843
  switch (n) {
223844
223844
  case "dga-codesnippet":
223845
- customElements.get(n) || customElements.define(n, Ge);
223845
+ customElements.get(n) || customElements.define(n, Ye);
223846
223846
  break;
223847
223847
  case "dga-button":
223848
223848
  customElements.get(n) || O();
@@ -223851,17 +223851,17 @@ function ar() {
223851
223851
  customElements.get(n) || w();
223852
223852
  break;
223853
223853
  case "dga-tabs":
223854
- customElements.get(n) || Ye();
223854
+ customElements.get(n) || Ke();
223855
223855
  break;
223856
223856
  }
223857
223857
  });
223858
223858
  }
223859
- const gr = Ge, hr = ar, Xe = /* @__PURE__ */ d(class extends l {
223859
+ const gr = Ye, hr = ar, Ge = /* @__PURE__ */ d(class extends l {
223860
223860
  constructor() {
223861
223861
  super(), this.__registerHost(), this.label = void 0, this.content = void 0;
223862
223862
  }
223863
223863
  render() {
223864
- return e("slot", { key: "597588cbb9f2fdcea883551329bcee275f00b32d" });
223864
+ return e("slot", { key: "4bf4ba73464776db10614358b2b2d44b52387895" });
223865
223865
  }
223866
223866
  }, [4, "dga-content-switcher-item", {
223867
223867
  label: [8],
@@ -223873,12 +223873,12 @@ function cr() {
223873
223873
  ["dga-content-switcher-item"].forEach((n) => {
223874
223874
  switch (n) {
223875
223875
  case "dga-content-switcher-item":
223876
- customElements.get(n) || customElements.define(n, Xe);
223876
+ customElements.get(n) || customElements.define(n, Ge);
223877
223877
  break;
223878
223878
  }
223879
223879
  });
223880
223880
  }
223881
- const sr = Xe, lr = cr, Ne = /* @__PURE__ */ d(class extends l {
223881
+ const sr = Ge, lr = cr, Xe = /* @__PURE__ */ d(class extends l {
223882
223882
  constructor() {
223883
223883
  super(), this.__registerHost(), this.handleSelect = (n) => {
223884
223884
  this.selected = n;
@@ -223898,10 +223898,10 @@ const sr = Xe, lr = cr, Ne = /* @__PURE__ */ d(class extends l {
223898
223898
  ], this.selected = 0;
223899
223899
  }
223900
223900
  render() {
223901
- return e("div", { key: "4e29519d67ae2a88e7fdeb457abb88126b5dbcf8", class: "content-switcher" }, e("div", { key: "8c7c6704575e6ac5795c1ce657f94906861928cc", class: "content-switcher__items" }, this.items.map((n, t) => {
223901
+ return e("div", { key: "f3865561f5fed16d1056810ac9364bd36873f3fd", class: "content-switcher" }, e("div", { key: "fc5e8e3b4a126ba052127b3dd7fdcc222faa1388", class: "content-switcher__items" }, this.items.map((n, t) => {
223902
223902
  const i = t === this.selected, a = `content-switcher__item content-switcher__item--${t === 0 ? "first" : t === this.items.length - 1 ? "last" : "mid"} ${this.onColor ? "content-switcher__item--on-color" : ""} content-switcher__item--${this.size} ${i ? "content-switcher__item--selected" : ""}`;
223903
223903
  return e("button", { key: t, type: "button", class: a, onClick: () => this.handleSelect(t) }, n.label);
223904
- })), e("div", { key: "a3dcc00ce0d635e015f167ed0e1cf3a53e99475a", class: `content-switcher__content ${this.onColor ? "content-switcher__content--on-color" : ""}` }, this.items[this.selected].content));
223904
+ })), e("div", { key: "fcce14beaacdbf2ba042d0137beeb8e97e905675", class: `content-switcher__content ${this.onColor ? "content-switcher__content--on-color" : ""}` }, this.items[this.selected].content));
223905
223905
  }
223906
223906
  }, [0, "dga-content-switcher", {
223907
223907
  onColor: [4, "on-color"],
@@ -223915,13 +223915,13 @@ function dr() {
223915
223915
  ["dga-content-switcher"].forEach((n) => {
223916
223916
  switch (n) {
223917
223917
  case "dga-content-switcher":
223918
- customElements.get(n) || customElements.define(n, Ne);
223918
+ customElements.get(n) || customElements.define(n, Xe);
223919
223919
  break;
223920
223920
  }
223921
223921
  });
223922
223922
  }
223923
- const fr = Ne, br = dr;
223924
- var Qn = function(o, n) {
223923
+ const fr = Xe, br = dr;
223924
+ var Jn = function(o, n) {
223925
223925
  var t = {};
223926
223926
  for (var i in o)
223927
223927
  Object.prototype.hasOwnProperty.call(o, i) && n.indexOf(i) < 0 && (t[i] = o[i]);
@@ -224013,10 +224013,10 @@ const Ze = /* @__PURE__ */ d(class extends l {
224013
224013
  // };
224014
224014
  render() {
224015
224015
  return e("div", { key: "0c518d9631c399a638678430917bf0294c9426c8", class: `table-wrapper ${this.contained ? "table-contained" : ""}` }, e("table", { key: "6c00e34ddf7a1e1c763c29c1fe03c9aa1cc2ceeb", class: ` azm-table ${this.contained ? "table-contained" : ""}`, style: { direction: this.direction ? "rtl" : "ltr" } }, e("thead", { key: "dc4518f61a981ec58fb4ddc6e641f046958fdd6f" }, e("tr", { key: "819857e460bf979cb1bb928d6686d9670f3f6bf6", class: `${this.rowDivider ? "row-divider" : ""}` }, this.showSelectCheckBox && e("th", { key: "bd534a68bba8ebc038ca2535824f40d1344ffe28", style: { width: "20px" } }, e("dga-checkbox", { key: "0985e6b8b5afbc9c2b59cd542473c39d174bf33b", showBorderOnFocusAndFocusOute: !1, value: "true", onChange: (n) => this.selectAll(n.target.checked) })), this.cells.map((n, t) => {
224016
- var { sort: i, isSort: r, propertyName: a, type: g } = n, h = Qn(n, ["sort", "isSort", "propertyName", "type"]);
224016
+ var { sort: i, isSort: r, propertyName: a, type: g } = n, h = Jn(n, ["sort", "isSort", "propertyName", "type"]);
224017
224017
  return e("th", { key: t }, e("span", null, e("span", { class: "text" }, h.title), e("span", { class: "icon-wrapper" }, r && i == "up" && g == "propertyName" && e("button", { class: "btn btn--sort btn--icon btn--md", onClick: () => this.sortData("up", a, t) }, e("dga-icon", { icon: "SortByUp02Icon" })), r && (!i || i == "down") && g == "propertyName" && e("button", { class: "btn btn--sort btn--icon btn--md", onClick: () => this.sortData("down", a, t) }, e("dga-icon", { icon: "SortByDown02Icon" })), h.isFilter && e("button", { class: "btn btn--sort btn--icon btn--md ", onClick: () => this.pressOnFilter && this.pressOnFilter(a) }, e("dga-icon", { icon: "FilterIcon" })))));
224018
224018
  }))), e("tbody", { key: "9e173ddba02f395c68fe0e02be60001ec8b87fa5" }, this.sortedData.map((n, t) => e("tr", { class: `${this.rowDivider ? "row-divider" : ""} ${this.alternate ? "alternate" : ""} ${n.selected ? "row-selected" : ""} `, key: t }, this.showSelectCheckBox && e("td", null, e("dga-checkbox", { name: t + "checkboxSelection", value: n.selected, id: t + "checkboxSelection", showBorderOnFocusAndFocusOute: !1, onChange: (i) => this.handleSelectedRowChanges(i.target.checked, t), checked: n.selected })), this.cells.map((i, r) => {
224019
- var { El: a } = i, g = Qn(i, ["El"]);
224019
+ var { El: a } = i, g = Jn(i, ["El"]);
224020
224020
  return e("td", { key: r, colSpan: g.colSpan ? g.colSpan : 1 }, g.type === "element" && a ? e(a, Object.assign({}, n)) : n[g.propertyName]);
224021
224021
  }))))));
224022
224022
  }
@@ -224060,7 +224060,7 @@ var mr = function(o, n) {
224060
224060
  n.indexOf(i[r]) < 0 && Object.prototype.propertyIsEnumerable.call(o, i[r]) && (t[i[r]] = o[i[r]]);
224061
224061
  return t;
224062
224062
  };
224063
- const Je = /* @__PURE__ */ d(class extends l {
224063
+ const Ne = /* @__PURE__ */ d(class extends l {
224064
224064
  constructor() {
224065
224065
  super(), this.__registerHost(), this.sortData = (n = "up", t, i) => {
224066
224066
  if (n === "up") {
@@ -224142,10 +224142,10 @@ const Je = /* @__PURE__ */ d(class extends l {
224142
224142
  // this.selected = index;
224143
224143
  // };
224144
224144
  render() {
224145
- return e("div", { key: "7d97bf5a6c7a03dc6d978acab62ada67738e99a6", class: `table-wrapper ${this.contained ? "table-contained" : ""}` }, e("table", { key: "fda344e0dc0200f540630e61a2f0a6dfb893017e", class: ` azm-table ${this.contained ? "table-contained" : ""}`, style: { direction: this.direction ? "rtl" : "ltr" } }, e("thead", { key: "04599185e2b340d0ab01701759093c93e34744ee" }, e("tr", { key: "ccd4730da6a0f8f106c03b06a00b2924a53b8e6f", class: `${this.rowDivider ? "row-divider" : ""}` }, this.showSelectCheckBox && e("th", { key: "fcb38f1c64350736f45b91b83ea791ba140d2e4b", style: { width: "20px" } }, e("dga-checkbox", { key: "574475cc0886dd83e569af125918798843a9f625", showBorderOnFocusAndFocusOute: !1, value: "true", onChange: (n) => this.selectAll(n.target.checked) })), this.cells.map((n, t) => {
224145
+ return e("div", { key: "9ad56d81ff2be04f14b41178163131c98fd1db04", class: `table-wrapper ${this.contained ? "table-contained" : ""}` }, e("table", { key: "a07b47e8c94ef060d6dd977c3d8e0ad701634f33", class: ` azm-table ${this.contained ? "table-contained" : ""}`, style: { direction: this.direction ? "rtl" : "ltr" } }, e("thead", { key: "78f7ec17e7ce5ea410428a4eeff369fa639aecbf" }, e("tr", { key: "cb85e705a4c60739900237e0e96f9beb39fe7f9e", class: `${this.rowDivider ? "row-divider" : ""}` }, this.showSelectCheckBox && e("th", { key: "b8d188c8357e94fdc15d294352548731bc61d498", style: { width: "20px" } }, e("dga-checkbox", { key: "83517178c3efba72cc50fdf17691699b97fc89dd", showBorderOnFocusAndFocusOute: !1, value: "true", onChange: (n) => this.selectAll(n.target.checked) })), this.cells.map((n, t) => {
224146
224146
  var { sort: i, isSort: r, propertyName: a, type: g } = n, h = mr(n, ["sort", "isSort", "propertyName", "type"]);
224147
224147
  return e("th", { key: t }, e("span", null, e("span", { class: "text" }, h.title), e("span", { class: "icon-wrapper" }, r && i == "up" && g == "propertyName" && e("button", { class: "btn btn--sort btn--icon btn--md", onClick: () => this.sortData("up", a, t) }, e("dga-icon", { icon: "SortByUp02Icon" })), r && (!i || i == "down") && g == "propertyName" && e("button", { class: "btn btn--sort btn--icon btn--md", onClick: () => this.sortData("down", a, t) }, e("dga-icon", { icon: "SortByDown02Icon" })), h.isFilter && e("button", { class: "btn btn--sort btn--icon btn--md ", onClick: () => this.pressOnFilter && this.pressOnFilter(a) }, e("dga-icon", { icon: "FilterIcon" })))));
224148
- }))), e("tbody", { key: "09b71a2cf0ae61537e85ee636f87b55df341433e" }, this.sortedData.map((n, t) => e("tr", { class: `${this.rowDivider ? "row-divider" : ""} ${this.alternate ? "alternate" : ""} ${n.selected ? "row-selected" : ""} `, key: t }, this.showSelectCheckBox && e("td", null, e("dga-checkbox", { name: t + "checkboxSelection", value: n.selected, id: t + "checkboxSelection", showBorderOnFocusAndFocusOute: !1, onChange: (i) => this.handleSelectedRowChanges(i.target.checked, t), checked: n.selected })))))));
224148
+ }))), e("tbody", { key: "85c95914f31176007ab36f4055d3f72173df385e" }, this.sortedData.map((n, t) => e("tr", { class: `${this.rowDivider ? "row-divider" : ""} ${this.alternate ? "alternate" : ""} ${n.selected ? "row-selected" : ""} `, key: t }, this.showSelectCheckBox && e("td", null, e("dga-checkbox", { name: t + "checkboxSelection", value: n.selected, id: t + "checkboxSelection", showBorderOnFocusAndFocusOute: !1, onChange: (i) => this.handleSelectedRowChanges(i.target.checked, t), checked: n.selected })))))));
224149
224149
  }
224150
224150
  }, [0, "dga-data-table", {
224151
224151
  data: [16],
@@ -224165,7 +224165,7 @@ function vr() {
224165
224165
  ["dga-data-table", "dga-checkbox", "dga-icon"].forEach((n) => {
224166
224166
  switch (n) {
224167
224167
  case "dga-data-table":
224168
- customElements.get(n) || customElements.define(n, Je);
224168
+ customElements.get(n) || customElements.define(n, Ne);
224169
224169
  break;
224170
224170
  case "dga-checkbox":
224171
224171
  customElements.get(n) || K();
@@ -224176,7 +224176,7 @@ function vr() {
224176
224176
  }
224177
224177
  });
224178
224178
  }
224179
- const wr = Je, xr = vr, Qe = /* @__PURE__ */ d(class extends l {
224179
+ const wr = Ne, xr = vr, Je = /* @__PURE__ */ d(class extends l {
224180
224180
  constructor() {
224181
224181
  super(), this.__registerHost(), this.helperTextIcon = { name: "help-circle", variant: "stroke", type: "standard" }, this.helperText = "", this.error = !1;
224182
224182
  }
@@ -224194,7 +224194,7 @@ function Cn() {
224194
224194
  ["dga-helper-text", "dga-icon"].forEach((n) => {
224195
224195
  switch (n) {
224196
224196
  case "dga-helper-text":
224197
- customElements.get(n) || customElements.define(n, Qe);
224197
+ customElements.get(n) || customElements.define(n, Je);
224198
224198
  break;
224199
224199
  case "dga-icon":
224200
224200
  customElements.get(n) || w();
@@ -224202,7 +224202,7 @@ function Cn() {
224202
224202
  }
224203
224203
  });
224204
224204
  }
224205
- const no = /* @__PURE__ */ d(class extends l {
224205
+ const Qe = /* @__PURE__ */ d(class extends l {
224206
224206
  constructor() {
224207
224207
  super(), this.__registerHost(), this.label = "", this.variant = "default", this.size = "md", this.disabled = !1, this.required = !1;
224208
224208
  }
@@ -224222,7 +224222,7 @@ function In() {
224222
224222
  ["dga-label"].forEach((n) => {
224223
224223
  switch (n) {
224224
224224
  case "dga-label":
224225
- customElements.get(n) || customElements.define(n, no);
224225
+ customElements.get(n) || customElements.define(n, Qe);
224226
224226
  break;
224227
224227
  }
224228
224228
  });
@@ -224231,7 +224231,7 @@ const yr = {
224231
224231
  success: e("dga-icon", { icon: "CheckmarkCircle02Icon", variant: "solid" }),
224232
224232
  error: e("dga-icon", { icon: "AlertCircleIcon", variant: "solid" }),
224233
224233
  warning: e("dga-icon", { icon: "Alert02Icon", variant: "solid" })
224234
- }, eo = /* @__PURE__ */ d(class extends l {
224234
+ }, no = /* @__PURE__ */ d(class extends l {
224235
224235
  constructor() {
224236
224236
  super(), this.__registerHost(), this.label = void 0, this.placeholder = void 0, this.size = "lg", this.type = "text", this.variant = "default", this.error = !1, this.feedbackIcon = !1, this.feedbackIconType = "success", this.feedbackIconRing = !1, this.helperTextIcon = void 0, this.helperText = "", this.icon = void 0, this.disabled = !1, this.readonly = !1, this.required = !1, this.name = x(), this.value = "", this.onChange = void 0, this.onInput = void 0, this.onBlur = void 0, this.isActive = !1, this.isFocused = !1;
224237
224237
  }
@@ -224300,13 +224300,13 @@ const yr = {
224300
224300
  isActive: [32],
224301
224301
  isFocused: [32]
224302
224302
  }]);
224303
- function oo() {
224303
+ function eo() {
224304
224304
  if (typeof customElements > "u")
224305
224305
  return;
224306
224306
  ["dga-text-input", "dga-helper-text", "dga-icon", "dga-label"].forEach((n) => {
224307
224307
  switch (n) {
224308
224308
  case "dga-text-input":
224309
- customElements.get(n) || customElements.define(n, eo);
224309
+ customElements.get(n) || customElements.define(n, no);
224310
224310
  break;
224311
224311
  case "dga-helper-text":
224312
224312
  customElements.get(n) || Cn();
@@ -224320,37 +224320,37 @@ function oo() {
224320
224320
  }
224321
224321
  });
224322
224322
  }
224323
- const ne = (o) => {
224323
+ const Qn = (o) => {
224324
224324
  const n = o.getMonth(), t = o.getFullYear(), i = new Date(t, n + 1, 0).getDate();
224325
224325
  return Array.from({ length: i }, (r, a) => new Date(t, n, a + 1));
224326
- }, ee = (o) => {
224326
+ }, ne = (o) => {
224327
224327
  const n = new Date(o.getFullYear(), o.getMonth(), 1).getDay(), t = new Date(o.getFullYear(), o.getMonth(), 0), i = [];
224328
224328
  for (let r = 0; r < n; r++)
224329
224329
  i.unshift(new Date(t.getFullYear(), t.getMonth(), t.getDate() - r));
224330
224330
  return i;
224331
- }, oe = (o) => {
224331
+ }, ee = (o) => {
224332
224332
  const n = new Date(o.getFullYear(), o.getMonth() + 1, 0).getDay(), t = new Date(o.getFullYear(), o.getMonth() + 1, 1), i = [];
224333
224333
  for (let r = 0; r < 6 - n; r++)
224334
224334
  i.push(new Date(t.getFullYear(), t.getMonth(), t.getDate() + r));
224335
224335
  return i;
224336
224336
  }, z = /* @__PURE__ */ new Date(), tn = new Date(z);
224337
224337
  tn.setDate(tn.getDate() - 1);
224338
- const to = new Date(z);
224339
- to.setHours(0, 0, 0, 0);
224338
+ const oo = new Date(z);
224339
+ oo.setHours(0, 0, 0, 0);
224340
224340
  const U = new Date(z);
224341
224341
  U.setHours(23, 59, 59, 999);
224342
+ const to = new Date(tn);
224343
+ to.setHours(0, 0, 0, 0);
224342
224344
  const io = new Date(tn);
224343
- io.setHours(0, 0, 0, 0);
224344
- const ro = new Date(tn);
224345
- ro.setHours(23, 59, 59, 999);
224345
+ io.setHours(23, 59, 59, 999);
224346
224346
  const hn = new Date(z);
224347
224347
  hn.setDate(z.getDate() - z.getDay());
224348
224348
  const cn = new Date(z);
224349
224349
  cn.setDate(z.getDate() + (6 - z.getDay()));
224350
- const ao = new Date(hn);
224351
- ao.setDate(hn.getDate() - 7);
224352
- const go = new Date(cn);
224353
- go.setDate(cn.getDate() - 7);
224350
+ const ro = new Date(hn);
224351
+ ro.setDate(hn.getDate() - 7);
224352
+ const ao = new Date(cn);
224353
+ ao.setDate(cn.getDate() - 7);
224354
224354
  const R = new Date(z);
224355
224355
  R.setDate(1);
224356
224356
  const pn = new Date(z);
@@ -224373,15 +224373,15 @@ const _r = [
224373
224373
  {
224374
224374
  label: "Today",
224375
224375
  range: () => ({
224376
- startDate: to,
224376
+ startDate: oo,
224377
224377
  endDate: U
224378
224378
  })
224379
224379
  },
224380
224380
  {
224381
224381
  label: "Yesterday",
224382
224382
  range: () => ({
224383
- startDate: io,
224384
- endDate: ro
224383
+ startDate: to,
224384
+ endDate: io
224385
224385
  })
224386
224386
  },
224387
224387
  {
@@ -224394,8 +224394,8 @@ const _r = [
224394
224394
  {
224395
224395
  label: "Last Week",
224396
224396
  range: () => ({
224397
- startDate: ao,
224398
- endDate: go
224397
+ startDate: ro,
224398
+ endDate: ao
224399
224399
  })
224400
224400
  },
224401
224401
  {
@@ -224444,7 +224444,7 @@ const _r = [
224444
224444
  function sn(o, n) {
224445
224445
  return o.getFullYear() === n.getFullYear() && o.getMonth() === n.getMonth() && o.getDate() === n.getDate();
224446
224446
  }
224447
- const te = (o) => /^(?:January|February|March|April|May|June|July|August|September|October|November|December) (?:0?[1-9]|[12][0-9]|3[01]), (?:19|20)\d{2}$/.test(o) ? (console.log("date is valid"), !0) : (console.log("date is not valid"), !1), ho = /* @__PURE__ */ d(class extends l {
224447
+ const oe = (o) => /^(?:January|February|March|April|May|June|July|August|September|October|November|December) (?:0?[1-9]|[12][0-9]|3[01]), (?:19|20)\d{2}$/.test(o) ? (console.log("date is valid"), !0) : (console.log("date is not valid"), !1), go = /* @__PURE__ */ d(class extends l {
224448
224448
  constructor() {
224449
224449
  super(), this.__registerHost(), this.initialDate = /* @__PURE__ */ new Date(), this.range = !1, this.dualMonthView = !1, this.inputField = !1, this.submitButton = !1, this.qickOptions = !1, this.onSubmit = () => {
224450
224450
  }, this.onCancel = () => {
@@ -224458,16 +224458,16 @@ const te = (o) => /^(?:January|February|March|April|May|June|July|August|Septemb
224458
224458
  }
224459
224459
  get days() {
224460
224460
  return [
224461
- ...ee(this.currentMonth).slice(0, 2),
224462
- ...ne(this.currentMonth),
224463
- ...oe(this.currentMonth).slice(0, 2)
224461
+ ...ne(this.currentMonth).slice(0, 2),
224462
+ ...Qn(this.currentMonth),
224463
+ ...ee(this.currentMonth).slice(0, 2)
224464
224464
  ];
224465
224465
  }
224466
224466
  get nextMonthDays() {
224467
224467
  return [
224468
- ...ee(this.nextMonth).slice(0, 2),
224469
- ...ne(this.nextMonth),
224470
- ...oe(this.nextMonth).slice(0, 2)
224468
+ ...ne(this.nextMonth).slice(0, 2),
224469
+ ...Qn(this.nextMonth),
224470
+ ...ee(this.nextMonth).slice(0, 2)
224471
224471
  ];
224472
224472
  }
224473
224473
  formatDate(n) {
@@ -224569,13 +224569,13 @@ const te = (o) => /^(?:January|February|March|April|May|June|July|August|Septemb
224569
224569
  // this.isFocused = false;
224570
224570
  // };
224571
224571
  render() {
224572
- return e("div", { key: "bf95500e607e72eb9c773f3b8a2b57bb7f0c738d", class: "date-picker-root flex-column", "data-dual-view": this.dualMonthView }, e("div", { key: "281a532d7eb1c241ed743d224d9a2cb34606460c", class: "flex" }, this.qickOptions && this.range && e("div", { key: "070cb0b1e7cf992812bec55e93f3c88a9c74618e", class: "date-picker-root__quick-options" }, e("span", { key: "36af52ae335b65a53bd3c01c8f56c2778258d7cb", class: "text-md-regular" }, "Qick options"), e("ul", { key: "96f7264a5fcbbcd2c8102f5d93a020597e53ca6e", class: "options-list" }, _r.map(({ label: n, range: t }) => e("li", { key: n }, e("button", { class: "text-md-medium", onClick: () => this.rangeDates = t }, n))))), e("div", { key: "7af77af58ab130b07faaf11317361d8ec810f1b1", class: "date-picker-root__main" }, this.inputField && e("div", { key: "c7274a02328362bb0464ca000e2bf6d71ceff511", class: "date-picker-root__main__inputs" }, e("dga-text-input", { key: "2b40a39fd59f5950310107bb8439efacdf3b7c55", placeholder: "Month DD, YYYY", name: "startDate", value: this.inputDates.startDate, onChange: (n) => this.handleInputDate(n), onBlur: (n) => {
224573
- if (te(n.target.value)) {
224572
+ return e("div", { key: "9c401aaf0237f59b1695f26eb338955724f9ee6a", class: "date-picker-root flex-column", "data-dual-view": this.dualMonthView }, e("div", { key: "dd74c9712a46ca2e88bb2267227ac2a867fbf16a", class: "flex" }, this.qickOptions && this.range && e("div", { key: "4e50dc374f7728a1ce127738cce99248d5d4f0c4", class: "date-picker-root__quick-options" }, e("span", { key: "5335af33d1f5c8a1442f1f7af13a71f8301157f7", class: "text-md-regular" }, "Qick options"), e("ul", { key: "ffd306672257fffe194288a1ea5f527b038e4a77", class: "options-list" }, _r.map(({ label: n, range: t }) => e("li", { key: n }, e("button", { class: "text-md-medium", onClick: () => this.rangeDates = t }, n))))), e("div", { key: "39d702dbaf202394a33789e718544bf963ae2827", class: "date-picker-root__main" }, this.inputField && e("div", { key: "d6f08af124ca3efaf3596fb00f3237f3b221fc52", class: "date-picker-root__main__inputs" }, e("dga-text-input", { key: "064a326e28fa3ffbe37eaa0dd1adbd88d8493215", placeholder: "Month DD, YYYY", name: "startDate", value: this.inputDates.startDate, onChange: (n) => this.handleInputDate(n), onBlur: (n) => {
224573
+ if (oe(n.target.value)) {
224574
224574
  const t = new Date(n.target.value);
224575
224575
  this.range ? this.rangeDates.startDate ? this.rangeDates.endDate ? t >= this.rangeDates.endDate ? this.rangeDates = { startDate: t, endDate: t } : this.rangeDates = Object.assign(Object.assign({}, this.rangeDates), { startDate: t }) : this.rangeDates = { startDate: t, endDate: null } : this.rangeDates = { startDate: t } : this.selectedDate = t;
224576
224576
  }
224577
- } }), this.range && e("dga-text-input", { key: "3394c153d33b1003a2926e9538bdefcc9f036a8a", placeholder: "Month DD, YYYY", name: "endDate", value: this.inputDates.endDate, onChange: (n) => this.handleInputDate(n), onBlur: (n) => {
224578
- if (te(n.target.value)) {
224577
+ } }), this.range && e("dga-text-input", { key: "9f5ea76de076a37a3b309887c19122f3429313c2", placeholder: "Month DD, YYYY", name: "endDate", value: this.inputDates.endDate, onChange: (n) => this.handleInputDate(n), onBlur: (n) => {
224578
+ if (oe(n.target.value)) {
224579
224579
  const t = new Date(n.target.value);
224580
224580
  this.range ? this.rangeDates.endDate ? this.rangeDates.startDate ? t <= this.rangeDates.startDate ? this.rangeDates = {
224581
224581
  startDate: t,
@@ -224585,10 +224585,10 @@ const te = (o) => /^(?:January|February|March|April|May|June|July|August|Septemb
224585
224585
  endDate: this.rangeDates.startDate
224586
224586
  }) : this.rangeDates = { startDate: t, endDate: null } : this.selectedDate = t;
224587
224587
  }
224588
- } })), e("div", { key: "630542135a4bf8728a17c58a78400069611f54d1", class: "date-picker-root__main__content-wrapper" }, e("div", { key: "d62e2f21baf66d684549a2c661a274a07adb4294", class: "date-picker" }, e("month-navigator", { key: "e0dee4f8c4cbe87bc9752fa0639b9bceb83d70f4", currentMonth: this.currentMonth, onChange: (n) => this.handleChangeMonth(n), showArrows: !this.dualMonthView }), e("div", { key: "1e7af2d93dd1c5bd09545ba431bd461219a3849e", class: "date-picker__weekdays" }, ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((n) => e("div", { key: n, class: "date-picker__weekday" }, n))), e("div", { key: "ab6a1bfb46e383e4baf3fa16eb1c7cf73746dcad", class: "date-picker__date-grid" }, this.days.map((n) => e("date-cell", { key: n.toString(), date: n, isCurrentMonth: n.getMonth() === this.currentMonth.getMonth(), isSelected: this.range ? !!this.rangeDates.startDate && sn(n, this.rangeDates.startDate) || !!this.rangeDates.endDate && sn(n, this.rangeDates.endDate) : this.selectedDate ? sn(n, this.selectedDate) : !1, isToday: (/* @__PURE__ */ new Date()).toDateString() === n.toDateString(), isFirstRangeChild: this.isFirstRangeChild(n), isLastRangeChild: this.isLastRangeChild(n), midRange: this.isMidRange(n), onSelect: this.handleSelectDate })))), this.dualMonthView && e("div", { key: "42b956229744663076014ba4f4064eca73e9c13e", class: "date-picker" }, e("month-navigator", { key: "b43ede80bf34d091f75aba08af316ef6047489b0", currentMonth: this.nextMonth, onChange: (n) => {
224588
+ } })), e("div", { key: "e68b32736ffa917285056000020659b48085f335", class: "date-picker-root__main__content-wrapper" }, e("div", { key: "7b3c395b671e9bcf6b685eb879386e22106db922", class: "date-picker" }, e("month-navigator", { key: "2e17dd7a4ef49666224d25e689c4aabaf5afb6f8", currentMonth: this.currentMonth, onChange: (n) => this.handleChangeMonth(n), showArrows: !this.dualMonthView }), e("div", { key: "3a666745c679a9255c481354a639885d0f13e9c3", class: "date-picker__weekdays" }, ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((n) => e("div", { key: n, class: "date-picker__weekday" }, n))), e("div", { key: "89c8468afc286926d9e6f0fea027867832710575", class: "date-picker__date-grid" }, this.days.map((n) => e("date-cell", { key: n.toString(), date: n, isCurrentMonth: n.getMonth() === this.currentMonth.getMonth(), isSelected: this.range ? !!this.rangeDates.startDate && sn(n, this.rangeDates.startDate) || !!this.rangeDates.endDate && sn(n, this.rangeDates.endDate) : this.selectedDate ? sn(n, this.selectedDate) : !1, isToday: (/* @__PURE__ */ new Date()).toDateString() === n.toDateString(), isFirstRangeChild: this.isFirstRangeChild(n), isLastRangeChild: this.isLastRangeChild(n), midRange: this.isMidRange(n), onSelect: this.handleSelectDate })))), this.dualMonthView && e("div", { key: "0e8c6764cfa003d768cb2c83ed4f686b74270d6e", class: "date-picker" }, e("month-navigator", { key: "c992311148ec241da2a5f426ee4fa3918651b11e", currentMonth: this.nextMonth, onChange: (n) => {
224589
224589
  const t = n.getMonth() === this.currentMonth.getMonth() ? new Date(this.currentMonth.getFullYear(), this.currentMonth.getMonth() - 1) : new Date(this.currentMonth.getFullYear(), this.currentMonth.getMonth() + 1);
224590
224590
  this.handleChangeMonth(t);
224591
- }, showArrows: !0 }), e("div", { key: "d04e09b29b9da03021843f30dc1385da176005c3", class: "date-picker__weekdays" }, ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((n) => e("div", { key: n, class: "date-picker__weekday" }, n))), e("div", { key: "ece2aeaa8309cdc34d0d7a196582f487a4764a44", class: "date-picker__date-grid" }, this.nextMonthDays.map((n) => e("date-cell", { key: n.toString(), date: n, isCurrentMonth: n.getMonth() === this.nextMonth.getMonth(), isSelected: this.range ? !!this.rangeDates.startDate && n.getTime() === this.rangeDates.startDate.getTime() || !!this.rangeDates.endDate && n.getTime() === this.rangeDates.endDate.getTime() : this.selectedDate ? n.getTime() === this.selectedDate.getTime() : !1, isToday: (/* @__PURE__ */ new Date()).toDateString() === n.toDateString(), midRange: this.isMidRange(n), isFirstRangeChild: this.isFirstRangeChild(n), isLastRangeChild: this.isLastRangeChild(n), onSelect: this.handleSelectDate }))))))));
224591
+ }, showArrows: !0 }), e("div", { key: "0e89c48b3ea9e52e21d3420a530df113531ac682", class: "date-picker__weekdays" }, ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((n) => e("div", { key: n, class: "date-picker__weekday" }, n))), e("div", { key: "a78de4986c3464f84b91be3553daa271031b5900", class: "date-picker__date-grid" }, this.nextMonthDays.map((n) => e("date-cell", { key: n.toString(), date: n, isCurrentMonth: n.getMonth() === this.nextMonth.getMonth(), isSelected: this.range ? !!this.rangeDates.startDate && n.getTime() === this.rangeDates.startDate.getTime() || !!this.rangeDates.endDate && n.getTime() === this.rangeDates.endDate.getTime() : this.selectedDate ? n.getTime() === this.selectedDate.getTime() : !1, isToday: (/* @__PURE__ */ new Date()).toDateString() === n.toDateString(), midRange: this.isMidRange(n), isFirstRangeChild: this.isFirstRangeChild(n), isLastRangeChild: this.isLastRangeChild(n), onSelect: this.handleSelectDate }))))))));
224592
224592
  }
224593
224593
  }, [0, "dga-datepicker", {
224594
224594
  initialDate: [16],
@@ -224610,10 +224610,10 @@ function qr() {
224610
224610
  ["dga-datepicker", "date-cell", "dga-helper-text", "dga-icon", "dga-label", "dga-text-input"].forEach((n) => {
224611
224611
  switch (n) {
224612
224612
  case "dga-datepicker":
224613
- customElements.get(n) || customElements.define(n, ho);
224613
+ customElements.get(n) || customElements.define(n, go);
224614
224614
  break;
224615
224615
  case "date-cell":
224616
- customElements.get(n) || Se();
224616
+ customElements.get(n) || ze();
224617
224617
  break;
224618
224618
  case "dga-helper-text":
224619
224619
  customElements.get(n) || Cn();
@@ -224625,17 +224625,17 @@ function qr() {
224625
224625
  customElements.get(n) || In();
224626
224626
  break;
224627
224627
  case "dga-text-input":
224628
- customElements.get(n) || oo();
224628
+ customElements.get(n) || eo();
224629
224629
  break;
224630
224630
  }
224631
224631
  });
224632
224632
  }
224633
- const zr = ho, Sr = qr, co = /* @__PURE__ */ d(class extends l {
224633
+ const zr = go, Sr = qr, ho = /* @__PURE__ */ d(class extends l {
224634
224634
  constructor() {
224635
224635
  super(), this.__registerHost(), this.color = "neutral";
224636
224636
  }
224637
224637
  render() {
224638
- return e("span", { key: "6e2a32d07aacfbb548bf1efe3d282dd402f70b6d", class: `dga-divider dga-divider--${this.color}` });
224638
+ return e("span", { key: "c9b6bb8aaa886fd23d2a0feafe4f5206bd58afcc", class: `dga-divider dga-divider--${this.color}` });
224639
224639
  }
224640
224640
  }, [0, "dga-divider", {
224641
224641
  color: [1]
@@ -224646,12 +224646,12 @@ function Mr() {
224646
224646
  ["dga-divider"].forEach((n) => {
224647
224647
  switch (n) {
224648
224648
  case "dga-divider":
224649
- customElements.get(n) || customElements.define(n, co);
224649
+ customElements.get(n) || customElements.define(n, ho);
224650
224650
  break;
224651
224651
  }
224652
224652
  });
224653
224653
  }
224654
- const $r = co, Cr = Mr, Ir = `@charset "UTF-8";
224654
+ const $r = ho, Cr = Mr, Ir = `@charset "UTF-8";
224655
224655
  /*
224656
224656
  0 - 600px: Phone
224657
224657
  600 - 900px: Tablet portrait
@@ -228330,7 +228330,7 @@ a:focus {
228330
228330
  .tag--on-color svg {
228331
228331
  color: currentColor;
228332
228332
  stroke: currentColor;
228333
- }`, Ar = Ir, so = /* @__PURE__ */ d(class extends l {
228333
+ }`, Ar = Ir, co = /* @__PURE__ */ d(class extends l {
228334
228334
  constructor() {
228335
228335
  super(), this.__registerHost(), this.__attachShadow(), this.label = void 0, this.variant = "success", this.size = "md", this.iconOnly = void 0, this.iconType = void 0, this.leadIcon = void 0, this.trailIcon = void 0, this.rounded = void 0, this.outlined = void 0;
228336
228336
  }
@@ -228357,12 +228357,12 @@ function F() {
228357
228357
  ["dga-tag"].forEach((n) => {
228358
228358
  switch (n) {
228359
228359
  case "dga-tag":
228360
- customElements.get(n) || customElements.define(n, so);
228360
+ customElements.get(n) || customElements.define(n, co);
228361
228361
  break;
228362
228362
  }
228363
228363
  });
228364
228364
  }
228365
- const lo = /* @__PURE__ */ d(class extends l {
228365
+ const so = /* @__PURE__ */ d(class extends l {
228366
228366
  constructor() {
228367
228367
  super(), this.__registerHost(), this.type = "parent", this.onColor = !1, this.level = 1, this.badge = void 0, this.icon = void 0, this.externalLink = !1, this.text = "link", this.link = "/pages", this.expanded = !1, this.onExpand = void 0, this.disabled = !1, this.isExpanded = this.expanded;
228368
228368
  }
@@ -228388,6 +228388,9 @@ const lo = /* @__PURE__ */ d(class extends l {
228388
228388
  };
228389
228389
  return this.externalLink ? e("a", Object.assign({ href: this.link }, n, { tabindex: "0" }), this.icon && e("span", { class: "sidepanel__menu-tab-icon" }, this.icon), e("span", { class: "sidepanel__menu-tab-label" }, this.text), this.type === "parent" && e("span", { class: "sidepanel__menu-tab-arrow" }, e("i", { class: "hgi-stroke hgi-arrow-down-01", style: { fontSize: "16px" } }), " "), this.badge !== void 0 && e("dga-tag", { color: this.onColor ? "on-color" : "gray", label: this.badge >= 100 ? "+99" : this.badge.toString(), size: "sm" })) : this.type === "parent" ? e("a", Object.assign({ href: "#" }, n, { onClick: (t) => this.toggleTab(t), tabindex: "0" }), this.icon && e("span", { class: "sidepanel__menu-tab-icon" }, this.icon), e("span", { class: "sidepanel__menu-tab-label" }, this.text), e("span", { class: "sidepanel__menu-tab-arrow" }, e("i", { class: "hgi-stroke hgi-arrow-down-01", style: { fontSize: "16px" } }), " "), this.badge !== void 0 && e("dga-tag", { color: this.onColor ? "on-color" : "gray", label: this.badge >= 100 ? "+99" : this.badge.toString(), size: "sm" })) : e("stencil-route-link", Object.assign({ url: this.link }, n, { tabindex: "0" }), this.icon && e("span", { class: "sidepanel__menu-tab-icon" }, this.icon), e("span", { class: "sidepanel__menu-tab-label" }, this.text), this.badge !== void 0 && e("dga-tag", { color: this.onColor ? "on-color" : "gray", label: this.badge >= 100 ? "+99" : this.badge.toString(), size: "sm" }));
228390
228390
  }
228391
+ get el() {
228392
+ return this;
228393
+ }
228391
228394
  }, [0, "tab-link", {
228392
228395
  type: [1],
228393
228396
  onColor: [4, "on-color"],
@@ -228408,7 +228411,7 @@ function Y() {
228408
228411
  ["tab-link", "dga-tag"].forEach((n) => {
228409
228412
  switch (n) {
228410
228413
  case "tab-link":
228411
- customElements.get(n) || customElements.define(n, lo);
228414
+ customElements.get(n) || customElements.define(n, so);
228412
228415
  break;
228413
228416
  case "dga-tag":
228414
228417
  customElements.get(n) || F();
@@ -228416,7 +228419,7 @@ function Y() {
228416
228419
  }
228417
228420
  });
228418
228421
  }
228419
- const fo = /* @__PURE__ */ d(class extends l {
228422
+ const lo = /* @__PURE__ */ d(class extends l {
228420
228423
  constructor() {
228421
228424
  super(), this.__registerHost(), this.route = void 0, this.childRoute = void 0, this.onChildExpanded = void 0;
228422
228425
  }
@@ -228439,7 +228442,7 @@ function G() {
228439
228442
  ["submenu-component", "dga-tag", "submenu-component", "tab-link"].forEach((n) => {
228440
228443
  switch (n) {
228441
228444
  case "submenu-component":
228442
- customElements.get(n) || customElements.define(n, fo);
228445
+ customElements.get(n) || customElements.define(n, lo);
228443
228446
  break;
228444
228447
  case "dga-tag":
228445
228448
  customElements.get(n) || F();
@@ -228453,7 +228456,7 @@ function G() {
228453
228456
  }
228454
228457
  });
228455
228458
  }
228456
- const bo = /* @__PURE__ */ d(class extends l {
228459
+ const fo = /* @__PURE__ */ d(class extends l {
228457
228460
  constructor() {
228458
228461
  super(), this.__registerHost(), this.route = void 0, this.isExpanded = !1;
228459
228462
  }
@@ -228461,7 +228464,7 @@ const bo = /* @__PURE__ */ d(class extends l {
228461
228464
  this.isExpanded = n, n ? this.submenuElement.style.maxHeight = "fit-content" : this.submenuElement.style.maxHeight = "";
228462
228465
  }
228463
228466
  render() {
228464
- return e($, { key: "369cf1a38aab24df40edde8267db5d7ca96ab095" }, e("tab-link", { key: "4b3b86f7690969051b0395e2f1ca3e9324e644cc", text: this.route.name, type: this.route.children && this.route.children.length > 0 ? "parent" : "child", icon: this.route.icon, link: this.route.path, onExpand: this.handleExpanded.bind(this), disabled: this.route.disabled }), this.route.children && this.route.children.length > 0 && e("ul", { key: "3a60d8ec14e5f56b1b265c0cfa61b04dca7359c8", class: "sidepanel__submenu-list", ref: (n) => this.submenuElement = n }, this.route.children.map((n, t) => e("submenu-component", { key: t, route: this.route, childRoute: n, onChildExpanded: (i) => {
228467
+ return e($, { key: "b99c8155b505cbf389c98c278ff3b7713417a5ae" }, e("tab-link", { key: "76d7e2dd07dc7de13d70d692edd7601684f2bb22", text: this.route.name, type: this.route.children && this.route.children.length > 0 ? "parent" : "child", icon: this.route.icon, link: this.route.path, onExpand: this.handleExpanded.bind(this), disabled: this.route.disabled }), this.route.children && this.route.children.length > 0 && e("ul", { key: "4cb0327b2992ce3a78de8e4c199e99e7ef02b62d", class: "sidepanel__submenu-list", ref: (n) => this.submenuElement = n }, this.route.children.map((n, t) => e("submenu-component", { key: t, route: this.route, childRoute: n, onChildExpanded: (i) => {
228465
228468
  i && (this.submenuElement.style.maxHeight = "fit-content");
228466
228469
  } }))));
228467
228470
  }
@@ -228475,7 +228478,7 @@ function An() {
228475
228478
  ["tab-component", "dga-tag", "submenu-component", "tab-link"].forEach((n) => {
228476
228479
  switch (n) {
228477
228480
  case "tab-component":
228478
- customElements.get(n) || customElements.define(n, bo);
228481
+ customElements.get(n) || customElements.define(n, fo);
228479
228482
  break;
228480
228483
  case "dga-tag":
228481
228484
  customElements.get(n) || F();
@@ -228489,23 +228492,23 @@ function An() {
228489
228492
  }
228490
228493
  });
228491
228494
  }
228492
- const po = /* @__PURE__ */ d(class extends l {
228495
+ const bo = /* @__PURE__ */ d(class extends l {
228493
228496
  constructor() {
228494
228497
  super(), this.__registerHost(), this.routes = [];
228495
228498
  }
228496
228499
  render() {
228497
- return e("ul", { key: "5d2683d1ea8d3a1bccc6407d6bd8821eb7306b71", class: "sidepanel__menu-list" }, this.routes.map((n, t) => e("li", { key: x() }, e("tab-component", { route: n }), t < this.routes.length - 1 && e("div", { class: "sidepanel__menu-tab-divider" }))));
228500
+ return e("ul", { key: "4c8b2397cf812cab34718be2ff0b9d38b15654db", class: "sidepanel__menu-list" }, this.routes.map((n, t) => e("li", { key: x() }, e("tab-component", { route: n }), t < this.routes.length - 1 && e("div", { class: "sidepanel__menu-tab-divider" }))));
228498
228501
  }
228499
228502
  }, [0, "side-panel-menu", {
228500
228503
  routes: [16]
228501
228504
  }]);
228502
- function uo() {
228505
+ function po() {
228503
228506
  if (typeof customElements > "u")
228504
228507
  return;
228505
228508
  ["side-panel-menu", "dga-tag", "submenu-component", "tab-component", "tab-link"].forEach((n) => {
228506
228509
  switch (n) {
228507
228510
  case "side-panel-menu":
228508
- customElements.get(n) || customElements.define(n, po);
228511
+ customElements.get(n) || customElements.define(n, bo);
228509
228512
  break;
228510
228513
  case "dga-tag":
228511
228514
  customElements.get(n) || F();
@@ -228522,7 +228525,7 @@ function uo() {
228522
228525
  }
228523
228526
  });
228524
228527
  }
228525
- const ko = /* @__PURE__ */ d(class extends l {
228528
+ const uo = /* @__PURE__ */ d(class extends l {
228526
228529
  constructor() {
228527
228530
  super(), this.__registerHost(), this.background = void 0, this.overlay = void 0, this.border = void 0, this.collapsed = void 0, this.routes = void 0;
228528
228531
  }
@@ -228546,13 +228549,13 @@ function Br() {
228546
228549
  ["dga-drawer", "dga-tag", "side-panel-menu", "submenu-component", "tab-component", "tab-link"].forEach((n) => {
228547
228550
  switch (n) {
228548
228551
  case "dga-drawer":
228549
- customElements.get(n) || customElements.define(n, ko);
228552
+ customElements.get(n) || customElements.define(n, uo);
228550
228553
  break;
228551
228554
  case "dga-tag":
228552
228555
  customElements.get(n) || F();
228553
228556
  break;
228554
228557
  case "side-panel-menu":
228555
- customElements.get(n) || uo();
228558
+ customElements.get(n) || po();
228556
228559
  break;
228557
228560
  case "submenu-component":
228558
228561
  customElements.get(n) || G();
@@ -228566,7 +228569,7 @@ function Br() {
228566
228569
  }
228567
228570
  });
228568
228571
  }
228569
- const Pr = ko, Er = Br, mo = /* @__PURE__ */ d(class extends l {
228572
+ const Pr = uo, Er = Br, ko = /* @__PURE__ */ d(class extends l {
228570
228573
  constructor() {
228571
228574
  super(), this.__registerHost(), this.handleClickOutside = (n) => {
228572
228575
  var t;
@@ -228628,7 +228631,7 @@ const Pr = ko, Er = Br, mo = /* @__PURE__ */ d(class extends l {
228628
228631
  a.setAttribute("data-value", h.join(", ")), g.textContent = c.join(", "), h.length ? g.classList.add("dropdown__label--selection") : g.classList.remove("dropdown__label--selection");
228629
228632
  }
228630
228633
  render() {
228631
- return e("div", { key: "b0c756afe898e0c2e4fb00a9e2a31ef01eb6001d", id: this.id, ref: (n) => this.containerRef = n, class: `dropdown dropdown--${this.size} ${this.error ? "dropdown--error" : ""} ${this.variant !== "default" ? `dropdown--${this.variant}` : ""} ${this.disabled ? "dropdown--disabled" : ""} ${this.readonly ? "dropdown--readonly" : ""} ${this.multiSelect ? "dropdown--multi-select" : ""} ${this.extraClass || ""}` }, e("button", { key: "d721cdeaef6aed1a7fdadf4fb7ba89c43869e7b8", class: "dropdown__btn", ref: (n) => this.btnRef = n, disabled: this.disabled || this.readonly, onClick: this.handleToggleDropdown.bind(this), onMouseDown: this.handleAddPressed.bind(this), onMouseUp: this.handleRemovePressed.bind(this), onMouseOut: this.handleRemovePressed.bind(this), type: "button" }, e("span", { key: "3916b252d9475d2c6787a3f4c874826575d6e44c", class: "dropdown__label" }), e("span", { key: "14b74fbac94fdf3f99ae1d0d2ef6558be400432d", class: "dropdown__label-placeholder" }, this.placeholder), e("span", { key: "ac5230adb5add620f7d11fa0b9f2a75cbc7a1651", class: "dropdown__chevron" }, e("dga-icon", { key: "c3ae4bbe3ca17c96861e0ff2c97621dab098da89", icon: "ArrowDown01Icon", variant: "stroke" }))), e("ul", { key: "c2ad3bfae709d13bf8468eb03f6492fda7a96aee", class: "dropdown__list" }, this.optionList.map((n, t) => this.multiSelect ? e("li", { key: n[this.trackBy] ? n[this.trackBy] : x() }, e("button", { class: "dropdown__option dropdown__option--checkbox", "data-value": n[this.trackBy] ? n[this.trackBy] : "", onClick: (i) => this.handleMultiOptionClicked(i, n, t), onMouseDown: this.handleAddPressed.bind(this), onMouseUp: this.handleRemovePressed.bind(this), onMouseOut: this.handleRemovePressed.bind(this), type: "button" }, e("div", { class: "dropdown__option-icon-container" }, e("span", { class: "dropdown__option-icon" }, e("i", { class: "hgi-solid hgi-tick-02", style: {
228634
+ return e("div", { key: "163f7d55ad6e4fff492594a1c3274395d5d88378", id: this.id, ref: (n) => this.containerRef = n, class: `dropdown dropdown--${this.size} ${this.error ? "dropdown--error" : ""} ${this.variant !== "default" ? `dropdown--${this.variant}` : ""} ${this.disabled ? "dropdown--disabled" : ""} ${this.readonly ? "dropdown--readonly" : ""} ${this.multiSelect ? "dropdown--multi-select" : ""} ${this.extraClass || ""}` }, e("button", { key: "29d11e4f542426e5777293d2ead6365a6a56a456", class: "dropdown__btn", ref: (n) => this.btnRef = n, disabled: this.disabled || this.readonly, onClick: this.handleToggleDropdown.bind(this), onMouseDown: this.handleAddPressed.bind(this), onMouseUp: this.handleRemovePressed.bind(this), onMouseOut: this.handleRemovePressed.bind(this), type: "button" }, e("span", { key: "921ab6b0f173bf1a2d57e61e35d31c9f324d87b8", class: "dropdown__label" }), e("span", { key: "dcd7e2d4390f0ffd19bdb32f1c23eba0676b8ea6", class: "dropdown__label-placeholder" }, this.placeholder), e("span", { key: "5ee7e21a4428aba0dfa0a7fad23c3c797d1d7795", class: "dropdown__chevron" }, e("dga-icon", { key: "08ab5495f37b5f7d19de2075283d5733941d38e7", icon: "ArrowDown01Icon", variant: "stroke" }))), e("ul", { key: "96baa1e49d82a2c9ee84815dede0fad077a23515", class: "dropdown__list" }, this.optionList.map((n, t) => this.multiSelect ? e("li", { key: n[this.trackBy] ? n[this.trackBy] : x() }, e("button", { class: "dropdown__option dropdown__option--checkbox", "data-value": n[this.trackBy] ? n[this.trackBy] : "", onClick: (i) => this.handleMultiOptionClicked(i, n, t), onMouseDown: this.handleAddPressed.bind(this), onMouseUp: this.handleRemovePressed.bind(this), onMouseOut: this.handleRemovePressed.bind(this), type: "button" }, e("div", { class: "dropdown__option-icon-container" }, e("span", { class: "dropdown__option-icon" }, e("i", { class: "hgi-solid hgi-tick-02", style: {
228632
228635
  fontSize: "20px"
228633
228636
  } }))), e("span", { class: "dropdown__option-label" }, n[this.optionLabel] ? n[this.optionLabel] : ""))) : e("li", { key: n[this.trackBy] ? n[this.trackBy] : x() }, e("button", { class: "dropdown__option", type: "button", onClick: (i) => this.handleSelectSingleOption(i, n, t), onMouseDown: this.handleAddPressed.bind(this), onMouseUp: this.handleRemovePressed.bind(this), onMouseOut: this.handleRemovePressed.bind(this) }, e("span", { class: "dropdown__option-label" }, n[this.optionLabel] ? n[this.optionLabel] : ""), e("span", { class: "dropdown__option-icon" }, e("dga-icon", { icon: "Tick02Icon", variant: "solid" })))))));
228634
228637
  }
@@ -228664,7 +228667,7 @@ function Dr() {
228664
228667
  ["dga-dropdown", "dga-icon"].forEach((n) => {
228665
228668
  switch (n) {
228666
228669
  case "dga-dropdown":
228667
- customElements.get(n) || customElements.define(n, mo);
228670
+ customElements.get(n) || customElements.define(n, ko);
228668
228671
  break;
228669
228672
  case "dga-icon":
228670
228673
  customElements.get(n) || w();
@@ -228672,7 +228675,7 @@ function Dr() {
228672
228675
  }
228673
228676
  });
228674
228677
  }
228675
- const jr = mo, Tr = Dr, vo = /* @__PURE__ */ d(class extends l {
228678
+ const jr = ko, Tr = Dr, mo = /* @__PURE__ */ d(class extends l {
228676
228679
  constructor() {
228677
228680
  super(), this.__registerHost(), this.iconFonts = {
228678
228681
  xl: 28,
@@ -228697,7 +228700,7 @@ function Lr() {
228697
228700
  ["dga-featured-icon", "dga-icon"].forEach((n) => {
228698
228701
  switch (n) {
228699
228702
  case "dga-featured-icon":
228700
- customElements.get(n) || customElements.define(n, vo);
228703
+ customElements.get(n) || customElements.define(n, mo);
228701
228704
  break;
228702
228705
  case "dga-icon":
228703
228706
  customElements.get(n) || w();
@@ -228705,31 +228708,31 @@ function Lr() {
228705
228708
  }
228706
228709
  });
228707
228710
  }
228708
- const Or = vo, Rr = Lr, wo = /* @__PURE__ */ d(class extends l {
228711
+ const Or = mo, Rr = Lr, vo = /* @__PURE__ */ d(class extends l {
228709
228712
  constructor() {
228710
228713
  super(), this.__registerHost(), this.size = "md", this.variant = "neutral", this.extraClass = void 0;
228711
228714
  }
228712
228715
  render() {
228713
228716
  const n = `loading loading--${this.size} loading--${this.variant} ${this.extraClass ? this.extraClass : ""}`;
228714
- return e("div", { key: "7601bcb342109ab4e6713f37aaa2b575ed14505f", class: n }, e("div", { key: "2a77507cba8f81205c94f0ea5460e68fed1ad7a9", class: "loading__circle" }));
228717
+ return e("div", { key: "251ea0a456a7186f146af07dfee5ee2dec02cc85", class: n }, e("div", { key: "e37151f429664b8f389e49a7bdd3f714494521f3", class: "loading__circle" }));
228715
228718
  }
228716
228719
  }, [0, "dga-loading", {
228717
228720
  size: [1],
228718
228721
  variant: [1],
228719
228722
  extraClass: [1, "extra-class"]
228720
228723
  }]);
228721
- function xo() {
228724
+ function wo() {
228722
228725
  if (typeof customElements > "u")
228723
228726
  return;
228724
228727
  ["dga-loading"].forEach((n) => {
228725
228728
  switch (n) {
228726
228729
  case "dga-loading":
228727
- customElements.get(n) || customElements.define(n, wo);
228730
+ customElements.get(n) || customElements.define(n, vo);
228728
228731
  break;
228729
228732
  }
228730
228733
  });
228731
228734
  }
228732
- const yo = /* @__PURE__ */ d(class extends l {
228735
+ const xo = /* @__PURE__ */ d(class extends l {
228733
228736
  constructor() {
228734
228737
  super(), this.__registerHost(), this.handleFileSelection = (n) => {
228735
228738
  const t = n.target;
@@ -228779,10 +228782,10 @@ const yo = /* @__PURE__ */ d(class extends l {
228779
228782
  return n.uploadStatus === "error" ? e("div", { class: "file-upload__file-item--error" }, e("div", { class: "file-upload__file-item" }, e("span", { class: "file-upload__file-status file-upload__file-status--error" }, e("i", { class: "hgi-solid hgi-alert-circle", style: { fontSize: "20px" } })), e("span", { class: "file-upload__file-name" }, n.name), e("button", { class: "btn btn--close btn--icon btn--sm", onClick: () => this.handleDeleteFile(t, n) }, e("span", { class: "btn-icon" }, e("i", { class: "hgi-stroke hgi-multiplication-sign", style: { fontSize: "20px" } })))), e("div", { class: "file-upload__file-item-msg" }, n.errorMessage ? n.errorMessage : "Here goes the helper text.")) : e("div", { class: "file-upload__file-item" }, e("span", { class: `file-upload__file-status file-upload__file-status--${n.uploadStatus}` }, n.uploadStatus === "uploading" && n.progress && e("dga-loading", { size: "tiny", variant: "neutral" }), n.uploadStatus === "complete" && e("i", { class: "hgi-solid hgi-checkmark-circle-02" })), e("span", { class: "file-upload__file-name" }, n.name), e("button", { class: "btn btn--close btn--icon btn--sm", onClick: () => this.handleDeleteFile(t, n) }, e("span", { class: "btn-icon" }, e("i", { class: "hgi-stroke hgi-multiplication-sign", style: { fontSize: "20px" } }))));
228780
228783
  }
228781
228784
  render() {
228782
- return e("div", { key: "b1c300fdbba7bf5befe85831c2303433f9be98f0", class: `file-upload ${this.dragState ? "file-upload--drag-over" : ""} ${this.disabled ? "file-upload--disabled" : ""}` }, e("input", { key: "3d16a650252ead3d070b04f04a7236d382a001a4", type: "file", id: this.id, name: this.name, class: "file-upload__input", accept: this.accept, multiple: this.multiple, "aria-hidden": "true", onChange: this.handleFileSelection, ref: (n) => this.fileInputRef = n }), e("label", { key: "f739eab7a639cd167d557db9aa1394dee361d70f", htmlFor: this.id, class: "file-upload__drop-area" }, e("span", { key: "ad46bb6195884c97d88c10584282d9be7a3cec83", class: "file-upload__icon" }, e("i", { key: "e98587964df438993fe90fc7ff18104a9f405509", class: "hgi-stroke hgi-file-upload", style: { fontSize: "20px" } })), e("div", { key: "d3f5ae1cff69571acf2a9b015a77308da4a863a0", class: "file-upload__content" }, e("p", { key: "3f01fcd49077772a4b0c7e876aaf816136b79904", class: "file-upload__instructions" }, this.title), e("p", { key: "03dcfe8cac035d73128abb82fb774f777000adb8", class: "file-upload__formats" }, this.fileTypesText)), e("button", { key: "5e4d70a45a4201afe0e11032dbd1d149257b2c13", class: "btn btn--md btn--secondary", "aria-label": "Browse Files", disabled: this.dragState || this.disabled, type: "button", onClick: () => {
228785
+ return e("div", { key: "89d5b9399b49d009c29dfb3262fe6d869ab57b25", class: `file-upload ${this.dragState ? "file-upload--drag-over" : ""} ${this.disabled ? "file-upload--disabled" : ""}` }, e("input", { key: "23874e68419840843507a16c90a561bb0753f749", type: "file", id: this.id, name: this.name, class: "file-upload__input", accept: this.accept, multiple: this.multiple, "aria-hidden": "true", onChange: this.handleFileSelection, ref: (n) => this.fileInputRef = n }), e("label", { key: "02ec4b2f9fa312ddad8b50b8b05484135ddb4b73", htmlFor: this.id, class: "file-upload__drop-area" }, e("span", { key: "63ca89c63d6f032bd6fb66537f6f0eccbb480b67", class: "file-upload__icon" }, e("i", { key: "b32b5102327dd8312ada4087d55ccfd177cde29f", class: "hgi-stroke hgi-file-upload", style: { fontSize: "20px" } })), e("div", { key: "b826b1b1ae3388227978a100c717947f3e80fd36", class: "file-upload__content" }, e("p", { key: "b12e1a7f21f3d7b87c166f99c576f4e9560982a2", class: "file-upload__instructions" }, this.title), e("p", { key: "e3572e65afb04ec2e440f1ad415e36ee6a477352", class: "file-upload__formats" }, this.fileTypesText)), e("button", { key: "cd18caab698d0ac73450af45c696c6c250c6b5ae", class: "btn btn--md btn--secondary", "aria-label": "Browse Files", disabled: this.dragState || this.disabled, type: "button", onClick: () => {
228783
228786
  var n;
228784
228787
  return (n = this.fileInputRef) === null || n === void 0 ? void 0 : n.click();
228785
- } }, e("span", { key: "0412b86639a090c9c187e30673458c7f851d18f2" }, this.actionName))), e("div", { key: "2e7bc608d25995497f8a6315d5e91b57c347ec20", class: "file-upload__files-list" }, this.files.map((n, t) => this.renderFile(n, t))));
228788
+ } }, e("span", { key: "72f5507ab9256bcd906eab41b883d4b7e8259dfc" }, this.actionName))), e("div", { key: "5e227accaf5d0b87b16289942da9b81cf58728db", class: "file-upload__files-list" }, this.files.map((n, t) => this.renderFile(n, t))));
228786
228789
  }
228787
228790
  }, [0, "dga-file-upload", {
228788
228791
  id: [1],
@@ -228807,15 +228810,15 @@ function Fr() {
228807
228810
  ["dga-file-upload", "dga-loading"].forEach((n) => {
228808
228811
  switch (n) {
228809
228812
  case "dga-file-upload":
228810
- customElements.get(n) || customElements.define(n, yo);
228813
+ customElements.get(n) || customElements.define(n, xo);
228811
228814
  break;
228812
228815
  case "dga-loading":
228813
- customElements.get(n) || xo();
228816
+ customElements.get(n) || wo();
228814
228817
  break;
228815
228818
  }
228816
228819
  });
228817
228820
  }
228818
- const Hr = yo, Ur = Fr, Wr = `@charset "UTF-8";
228821
+ const Hr = xo, Ur = Fr, Wr = `@charset "UTF-8";
228819
228822
  /*
228820
228823
  0 - 600px: Phone
228821
228824
  600 - 900px: Tablet portrait
@@ -232474,12 +232477,12 @@ a:focus {
232474
232477
  max-width: calc(50% - 24px + 12px);
232475
232478
  min-width: auto;
232476
232479
  }
232477
- }`, Vr = Wr, _o = /* @__PURE__ */ d(class extends l {
232480
+ }`, Vr = Wr, yo = /* @__PURE__ */ d(class extends l {
232478
232481
  constructor() {
232479
232482
  super(), this.__registerHost(), this.__attachShadow(), this.background = void 0, this.NavLinks = void 0, this.mainTitle = "", this.mainDescription = "", this.mainLink = void 0, this.mainLinkTilte = "", this.mainImage = "", this.copyright = "", this.groupLinks = [], this.socialMediaTitle = "Social Media", this.socialMediaLinks = [], this.accessibilityTitle = "Accessibility Tools", this.accessibilityLinks = [], this.basicLinks = [], this.extraLinks = [], this.bottomImages = [];
232480
232483
  }
232481
232484
  render() {
232482
- return e("footer", { key: "b5778d8d9be87c9cb9224b4b46d64961faeeda2f", class: `footer ${this.background === "DarkGreen" ? "footer--bg-brand" : ""}` }, e("section", { key: "b1155f1b425b0670d1a1484e0b9be277cc60fc30", class: "footer-content" }, (this.mainLinkTilte || this.mainImage) && e("div", { key: "6b37281640220b61945003012c6147a3463e2c0c", class: "footer-icon-section" }, e("a", { key: "ce7365af9e0b8e8fe048f21ab54cb2468f2b62e7", class: this.background === "DarkGreen" ? "link--on-color" : "", href: this.mainLink || "#", target: "_blank", rel: "noopener noreferrer" }, this.mainLinkTilte)), (this.mainTitle || this.mainDescription) && e("div", { key: "00ca3f7c0a71019c70da3a8bb8ca311c03105d6a", class: "footer-title-description" }, e("h3", { key: "9d057d62b910bd2c5e4ecf4882990e063b11e017", class: this.background === "DarkGreen" ? "link--on-color" : "" }, this.mainTitle), e("p", { key: "088939ff2433446d8b63781e6dbc168aa5972f16", class: this.background === "DarkGreen" ? "link--on-color" : "" }, this.mainDescription)), this.NavLinks && e("section", { key: "1fa4911c87038cb346bc1db1ec015cfdc77171dd", class: "footer__nav-links" }, this.groupLinks.map((n) => e("div", { class: "footer__nav-links-column" }, e("div", { class: "footer__nav-links-column-title" }, n.title), e("ul", { class: "footer__nav-links-column-body" }, n.links.map((t) => e("li", null, e("a", { href: t.target, class: `link link--sm link--neutral ${this.background === "DarkGreen" ? "link--on-color" : ""}` }, e("span", { class: "link__label" }, t.name))))))), e("div", { key: "b3a5afc54796238b63816ee21e53332d589dd961", class: "footer__nav-links-column" }, this.socialMediaLinks.length > 0 && e("div", { key: "e658de5a333ce094c24d06eb129cd475ae6af520" }, this.socialMediaTitle && e("div", { key: "ffcccd8c1914315796c9e88a93e031a814f6287a", class: "footer__nav-links-column-title" }, this.socialMediaTitle), e("div", { key: "96f21850359002c074a6a13e020ef99dd0b12a1b", class: "flex icons-container" }, this.socialMediaLinks.map((n) => e("a", { href: n.target, title: n.title, class: `btn btn--md btn--secondary-outline btn--secondary-outline-on-color btn--icon ${this.background} ` }, e("span", { class: "btn-icon" }, n.icon))))), this.accessibilityLinks.length > 0 && e("div", { key: "c99f10b97dd4341693e871c317a93869ff0151c6" }, e("div", { key: "b0a1950483bd1d40a0bb1312653e9c8c8e8579c6", class: "footer__nav-links-column-title" }, this.accessibilityTitle), e("div", { key: "f35246cc01db19eba3981dae46bf7d11574df232", class: "flex icons-container" }, this.accessibilityLinks.map((n) => e("a", { href: n.target, title: n.title, class: `btn btn--md btn--secondary-outline btn--secondary-outline-on-color btn--icon ${this.background}` }, e("span", { class: "btn-icon" }, n.icon))))))), e("section", { key: "1a13bf19329c8cd06c679ddecd0e3d0989086e73", class: "footer__basic" }, e("div", { key: "ae3dc4631784f580f40c7905e0773b16b9b0f896", class: "footer__actions-copyright" }, e("ul", { key: "753e772b9688a3f12db799a113049704c2df43d0", class: "footer__actions" }, this.basicLinks.map((n) => e("li", null, e("a", { href: n.target, class: `link link--sm link--neutral link--inline ${this.background === "DarkGreen" ? "link--on-color" : ""}` }, e("span", { class: "link__label" }, n.name))))), this.copyright && e("p", { key: "42aa5cefd183f6663f2ee9dfab388641f5d3f174", class: "footer__copyright text-sm-semibold" }, this.copyright), e("ul", { key: "c81d1a2664022dadf4a1af6ebd68f30cc89e2cb0", class: "footer__extra-actions" }, this.extraLinks.map((n) => e("li", null, e("a", { href: n.target, class: `link link--sm link--neutral ${this.background === "DarkGreen" ? "link--on-color" : ""}` }, e("span", { class: "link__label" }, n.name)))))), e("div", { key: "ac167902ed1955621dc033de4f73dbf67aeb29af", class: "footer__logos" }, this.bottomImages.map((n) => e("img", { src: n, key: x() }))))));
232485
+ return e("footer", { key: "80d9e142201dbd5bece6f8be92f0bb65993e1318", class: `footer ${this.background === "DarkGreen" ? "footer--bg-brand" : ""}` }, e("section", { key: "e5cdfb02b9acd764377d5d1b553951861f2512cf", class: "footer-content" }, (this.mainLinkTilte || this.mainImage) && e("div", { key: "b1d477f29d97499e1f60c44ad2abde4bbdb51a09", class: "footer-icon-section" }, e("a", { key: "3c0c79af16edebcb985027ee58cb14ce4c8c2294", class: this.background === "DarkGreen" ? "link--on-color" : "", href: this.mainLink || "#", target: "_blank", rel: "noopener noreferrer" }, this.mainLinkTilte)), (this.mainTitle || this.mainDescription) && e("div", { key: "c3b64a168c5b42cb8d39acdac6104b18ecf40a0e", class: "footer-title-description" }, e("h3", { key: "a658543158fd1185a50bfcfa516c9c338d5a6d2c", class: this.background === "DarkGreen" ? "link--on-color" : "" }, this.mainTitle), e("p", { key: "89dcb91fc46af3a8e34074d8ec07a154a2d93c16", class: this.background === "DarkGreen" ? "link--on-color" : "" }, this.mainDescription)), this.NavLinks && e("section", { key: "99bc68ed1c321ea6caccbd884724d76bee349921", class: "footer__nav-links" }, this.groupLinks.map((n) => e("div", { class: "footer__nav-links-column" }, e("div", { class: "footer__nav-links-column-title" }, n.title), e("ul", { class: "footer__nav-links-column-body" }, n.links.map((t) => e("li", null, e("a", { href: t.target, class: `link link--sm link--neutral ${this.background === "DarkGreen" ? "link--on-color" : ""}` }, e("span", { class: "link__label" }, t.name))))))), e("div", { key: "e225bb9c2003f0526dcfc8479fb534b282145058", class: "footer__nav-links-column" }, this.socialMediaLinks.length > 0 && e("div", { key: "dd6bf7deae53723101b0ccb8be1bdcf3216f30f8" }, this.socialMediaTitle && e("div", { key: "3335fec348560f576e18123e4e14d10f11aec4d4", class: "footer__nav-links-column-title" }, this.socialMediaTitle), e("div", { key: "e5cd9b8be077f383dbc94ec8b9d6946bad9ab3b4", class: "flex icons-container" }, this.socialMediaLinks.map((n) => e("a", { href: n.target, title: n.title, class: `btn btn--md btn--secondary-outline btn--secondary-outline-on-color btn--icon ${this.background} ` }, e("span", { class: "btn-icon" }, n.icon))))), this.accessibilityLinks.length > 0 && e("div", { key: "99792d3a9a0d4b4d9fae78d5e0e0949068ee4882" }, e("div", { key: "2dbbf29d167a9ba83cd1c1d7d281097cbe523ec1", class: "footer__nav-links-column-title" }, this.accessibilityTitle), e("div", { key: "83d139f167edacef3367ab2b22bb79a0e0410b1e", class: "flex icons-container" }, this.accessibilityLinks.map((n) => e("a", { href: n.target, title: n.title, class: `btn btn--md btn--secondary-outline btn--secondary-outline-on-color btn--icon ${this.background}` }, e("span", { class: "btn-icon" }, n.icon))))))), e("section", { key: "81b8a1553b87b016d0aba677eda8fec3744e61ce", class: "footer__basic" }, e("div", { key: "4b3b2776dca569762425003acc9149ac8adf190e", class: "footer__actions-copyright" }, e("ul", { key: "faefc4cea778d75591cb670dcfd51120463dbab1", class: "footer__actions" }, this.basicLinks.map((n) => e("li", null, e("a", { href: n.target, class: `link link--sm link--neutral link--inline ${this.background === "DarkGreen" ? "link--on-color" : ""}` }, e("span", { class: "link__label" }, n.name))))), this.copyright && e("p", { key: "1a89d836b20890be59d955aea33fe2cbb3e6f18f", class: "footer__copyright text-sm-semibold" }, this.copyright), e("ul", { key: "aad851d428d5e8661a14d10acba4352017c27300", class: "footer__extra-actions" }, this.extraLinks.map((n) => e("li", null, e("a", { href: n.target, class: `link link--sm link--neutral ${this.background === "DarkGreen" ? "link--on-color" : ""}` }, e("span", { class: "link__label" }, n.name)))))), e("div", { key: "985bc5e18815ae73ff2ab7d4679cd0e7f453c98a", class: "footer__logos" }, this.bottomImages.map((n) => e("img", { src: n, key: x() }))))));
232483
232486
  }
232484
232487
  static get style() {
232485
232488
  return Vr;
@@ -232508,12 +232511,12 @@ function Kr() {
232508
232511
  ["dga-footer"].forEach((n) => {
232509
232512
  switch (n) {
232510
232513
  case "dga-footer":
232511
- customElements.get(n) || customElements.define(n, _o);
232514
+ customElements.get(n) || customElements.define(n, yo);
232512
232515
  break;
232513
232516
  }
232514
232517
  });
232515
232518
  }
232516
- const Yr = _o, Gr = Kr, Bn = /* @__PURE__ */ d(class extends l {
232519
+ const Yr = yo, Gr = Kr, Bn = /* @__PURE__ */ d(class extends l {
232517
232520
  constructor() {
232518
232521
  super(), this.__registerHost(), this.label = void 0, this.icon = void 0, this.active = !1, this.extraClasses = "", this.onClick = void 0;
232519
232522
  }
@@ -232544,7 +232547,7 @@ function Xr() {
232544
232547
  }
232545
232548
  });
232546
232549
  }
232547
- const Nr = Bn, Zr = Xr, Pn = /* @__PURE__ */ d(class extends l {
232550
+ const Zr = Bn, Nr = Xr, Pn = /* @__PURE__ */ d(class extends l {
232548
232551
  constructor() {
232549
232552
  super(), this.__registerHost(), this.fullWidth = !0, this.divider = !0, this.sticky = !1;
232550
232553
  }
@@ -232639,7 +232642,7 @@ function ea() {
232639
232642
  }
232640
232643
  });
232641
232644
  }
232642
- const qo = /* @__PURE__ */ d(class extends l {
232645
+ const _o = /* @__PURE__ */ d(class extends l {
232643
232646
  constructor() {
232644
232647
  super(), this.__registerHost(), this.active = !1, this.subMenuFullWidth = !1, this.background = void 0;
232645
232648
  }
@@ -232651,7 +232654,7 @@ const qo = /* @__PURE__ */ d(class extends l {
232651
232654
  }
232652
232655
  render() {
232653
232656
  const n = this.background === "Brand" ? "header__sub-menu--bg-brand" : "", t = this.subMenuFullWidth ? "header__sub-menu--full" : "";
232654
- return e("div", { key: "1df858c02f57c617ac3f306b7bb68398de3fa87b", class: `header__sub-menu ${n} ${t}`, ref: (i) => this.submenu = i }, e("div", { key: "41423f160f0c23697bfebecdb26605460b54b48a", class: "sub-menu__container" }, e("slot", { key: "0855f169ee1c9f24b070e16217f69ded9bd90da6" })));
232657
+ return e("div", { key: "87c23aed762b2db439847a86da9d55588f3cf457", class: `header__sub-menu ${n} ${t}`, ref: (i) => this.submenu = i }, e("div", { key: "25d32085bb3250d4dbb6e5d9de38e4a7179827a5", class: "sub-menu__container" }, e("slot", { key: "0660bab6967f638e6add354bb62cb34386499fe8" })));
232655
232658
  }
232656
232659
  get el() {
232657
232660
  return this;
@@ -232668,13 +232671,13 @@ const qo = /* @__PURE__ */ d(class extends l {
232668
232671
  }, void 0, {
232669
232672
  active: ["onActiveChange"]
232670
232673
  }]);
232671
- function zo() {
232674
+ function qo() {
232672
232675
  if (typeof customElements > "u")
232673
232676
  return;
232674
232677
  ["dga-nav-header-sub-menu"].forEach((n) => {
232675
232678
  switch (n) {
232676
232679
  case "dga-nav-header-sub-menu":
232677
- customElements.get(n) || customElements.define(n, qo);
232680
+ customElements.get(n) || customElements.define(n, _o);
232678
232681
  break;
232679
232682
  }
232680
232683
  });
@@ -232708,7 +232711,7 @@ function oa() {
232708
232711
  customElements.get(n) || w();
232709
232712
  break;
232710
232713
  case "dga-nav-header-sub-menu":
232711
- customElements.get(n) || zo();
232714
+ customElements.get(n) || qo();
232712
232715
  break;
232713
232716
  }
232714
232717
  });
@@ -232784,7 +232787,7 @@ function ra() {
232784
232787
  }
232785
232788
  });
232786
232789
  }
232787
- const So = /* @__PURE__ */ d(class extends l {
232790
+ const zo = /* @__PURE__ */ d(class extends l {
232788
232791
  constructor() {
232789
232792
  super(), this.__registerHost(), this.config = void 0;
232790
232793
  }
@@ -232800,12 +232803,12 @@ function aa() {
232800
232803
  ["dga-header"].forEach((n) => {
232801
232804
  switch (n) {
232802
232805
  case "dga-header":
232803
- customElements.get(n) || customElements.define(n, So);
232806
+ customElements.get(n) || customElements.define(n, zo);
232804
232807
  break;
232805
232808
  }
232806
232809
  });
232807
232810
  }
232808
- const ga = So, ha = aa, ca = Qe, sa = Cn, Mo = /* @__PURE__ */ d(class extends l {
232811
+ const ga = zo, ha = aa, ca = Je, sa = Cn, So = /* @__PURE__ */ d(class extends l {
232809
232812
  constructor() {
232810
232813
  super(), this.__registerHost(), this.label = void 0, this.color = "neutral", this.variant = "success", this.size = "md", this.iconType = void 0, this.leadIcon = void 0, this.trailIcon = void 0, this.outlined = void 0, this.rounded = void 0, this.iconOnly = void 0;
232811
232814
  }
@@ -232830,12 +232833,12 @@ function la() {
232830
232833
  ["dga-html-tag"].forEach((n) => {
232831
232834
  switch (n) {
232832
232835
  case "dga-html-tag":
232833
- customElements.get(n) || customElements.define(n, Mo);
232836
+ customElements.get(n) || customElements.define(n, So);
232834
232837
  break;
232835
232838
  }
232836
232839
  });
232837
232840
  }
232838
- const da = Mo, fa = la, ba = $e, pa = w, $o = /* @__PURE__ */ d(class extends l {
232841
+ const da = So, fa = la, ba = Me, pa = w, Mo = /* @__PURE__ */ d(class extends l {
232839
232842
  constructor() {
232840
232843
  super(), this.__registerHost(), this.icons = {
232841
232844
  error: "hgi-stroke hgi-help-circle",
@@ -232863,7 +232866,7 @@ const da = Mo, fa = la, ba = $e, pa = w, $o = /* @__PURE__ */ d(class extends l
232863
232866
  ];
232864
232867
  }
232865
232868
  render() {
232866
- return e("div", { key: "09915e19eb88373464040f06d078c567c19b5fa4", class: `alert alert--${this.type} ${this.colored ? `alert--${this.type}-bg` : ""}` }, e("div", { key: "35c455b9c4ae0895eb5701ac95d5b1f357cbe868", class: `alert__header ${this.helperText ? "" : "flex-center-y"}` }, e("div", { key: "f8b815180a68b0a247c29b702e8d34e405499119", class: `featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type === "neutral" ? "gray" : this.type}` }, e("i", { key: "c10db70ebfdf5a18e899fa214f524097cd514755", class: this.icons[this.type], style: { fontSize: "20px" } })), e("div", { key: "839863049f2d0d4532028cb4e9233e71fa632761", class: "alert__body" }, e("h4", { key: "594f77cf11295cde177c595cfc2fd572ae39bdf3", class: "alert__title text-md-semibold" }, this.leadText), this.helperText && e("p", { key: "41edcfd410bef3c5dbb0dc6503bee08802c58ad0", class: "alert__content text-sm-regular" }, this.helperText), e("slot", { key: "ab6f991db942c81c87fc42ea024aa7fcf402a797" }))), this.isCloseButton && e("div", { key: "176e73bb65f2adaf968a9d1e76b1391231ca6c4f", class: "alert__close-btn" }, e("button", { key: "dfb3cf604346dfcbc0eba6f5e6b11e5510c02898", class: "btn btn--close btn--icon btn--md", onClick: (n) => this.onClose && this.onClose(n) }, e("span", { key: "d5f751f42f6313923a92493e90be09c3e8f7e7be", class: "btn-icon" }, e("i", { key: "9966af6a347d23b9808cb3b4b3b4b023abf7fb45", class: "hgi-stroke hgi-multiplication-sign", style: { fontSize: "20px" } })))), this.isactionButtons && e($, null, e("div", { key: "6f5fe02d4300217de29349fcbbfe37845ffa1f50", class: "alert__action" }, this.buttonsList.length && this.buttonsList.map(({ id: n, onClick: t, exraClasses: i, title: r, label: a }) => e("button", Object.assign({ key: n || x(), id: n || x(), onClick: (g) => t(g), class: `btn btn--subtle btn--md ${i}` }, r && { title: r }), a))), e("div", { key: "6fd6db33c3d48cc39752ed4352b5bc0b2be8cbd5", class: "alert__action-mobile" }, this.buttonsList.length && this.buttonsList.map(({ id: n, onClick: t, exraClasses: i, title: r, label: a }) => e("button", Object.assign({ key: n || x(), id: n || x(), onClick: (g) => t(g), class: `btn btn--secondary btn--lg ${i}` }, r && { title: r }), a)))));
232869
+ return e("div", { key: "d7feafefd9a27b3ba7307d6e9a0cbfdc289d0325", class: `alert alert--${this.type} ${this.colored ? `alert--${this.type}-bg` : ""}` }, e("div", { key: "75efbe2fa37f2049f62b32c2c4070696bf628b77", class: `alert__header ${this.helperText ? "" : "flex-center-y"}` }, e("div", { key: "d9c85a8e171f522774c8c326a680960b2c8c2655", class: `featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type === "neutral" ? "gray" : this.type}` }, e("i", { key: "b80f9868133e792a2a5c212be2cc34d6b7c7135b", class: this.icons[this.type], style: { fontSize: "20px" } })), e("div", { key: "4ac80757e5995f373e906e8a2a4f644d5094b2d5", class: "alert__body" }, e("h4", { key: "01c5abacdc36741277b7b490e366e5795c1cba87", class: "alert__title text-md-semibold" }, this.leadText), this.helperText && e("p", { key: "75ff19901245fd7e090df6773c46a3591050e5d8", class: "alert__content text-sm-regular" }, this.helperText), e("slot", { key: "471bbbe8d47981676c4edbb5bebd97cbb193261e" }))), this.isCloseButton && e("div", { key: "857b9fd6060532bc1cb3d18deb94f39572000f41", class: "alert__close-btn" }, e("button", { key: "0ef5152d0aac080422d85910e8072d5a8d794174", class: "btn btn--close btn--icon btn--md", onClick: (n) => this.onClose && this.onClose(n) }, e("span", { key: "786cb42dc8a68e5c8dc3275a4681abd7967ccae0", class: "btn-icon" }, e("i", { key: "696d9cba9f062513fc5f23e74e5ab3a6bff7bc4f", class: "hgi-stroke hgi-multiplication-sign", style: { fontSize: "20px" } })))), this.isactionButtons && e($, null, e("div", { key: "075f2aa2daa18f66dc06277de565e6b44c327f63", class: "alert__action" }, this.buttonsList.length && this.buttonsList.map(({ id: n, onClick: t, exraClasses: i, title: r, label: a }) => e("button", Object.assign({ key: n || x(), id: n || x(), onClick: (g) => t(g), class: `btn btn--subtle btn--md ${i}` }, r && { title: r }), a))), e("div", { key: "d27ccf937b775739d336a90030375247db37b548", class: "alert__action-mobile" }, this.buttonsList.length && this.buttonsList.map(({ id: n, onClick: t, exraClasses: i, title: r, label: a }) => e("button", Object.assign({ key: n || x(), id: n || x(), onClick: (g) => t(g), class: `btn btn--secondary btn--lg ${i}` }, r && { title: r }), a)))));
232867
232870
  }
232868
232871
  }, [4, "dga-inline-alert", {
232869
232872
  type: [1],
@@ -232881,12 +232884,12 @@ function ua() {
232881
232884
  ["dga-inline-alert"].forEach((n) => {
232882
232885
  switch (n) {
232883
232886
  case "dga-inline-alert":
232884
- customElements.get(n) || customElements.define(n, $o);
232887
+ customElements.get(n) || customElements.define(n, Mo);
232885
232888
  break;
232886
232889
  }
232887
232890
  });
232888
232891
  }
232889
- const ka = $o, ma = ua, va = no, wa = In, Co = /* @__PURE__ */ d(class extends l {
232892
+ const ka = Mo, ma = ua, va = Qe, wa = In, $o = /* @__PURE__ */ d(class extends l {
232890
232893
  constructor() {
232891
232894
  super(), this.__registerHost(), this.onClick = C(this, "onClick", 7), this.handleClick = (n) => {
232892
232895
  n.preventDefault(), this.onClick.emit(n);
@@ -232917,12 +232920,12 @@ function xa() {
232917
232920
  ["dga-link"].forEach((n) => {
232918
232921
  switch (n) {
232919
232922
  case "dga-link":
232920
- customElements.get(n) || customElements.define(n, Co);
232923
+ customElements.get(n) || customElements.define(n, $o);
232921
232924
  break;
232922
232925
  }
232923
232926
  });
232924
232927
  }
232925
- const ya = Co, _a = xa, qa = `@charset "UTF-8";
232928
+ const ya = $o, _a = xa, qa = `@charset "UTF-8";
232926
232929
  /*
232927
232930
  0 - 600px: Phone
232928
232931
  600 - 900px: Tablet portrait
@@ -236469,7 +236472,7 @@ a:focus {
236469
236472
  .list-item--with-icon .list-item__icon :global(i) {
236470
236473
  width: 16px;
236471
236474
  height: 16px;
236472
- }`, za = qa, Io = /* @__PURE__ */ d(class extends l {
236475
+ }`, za = qa, Co = /* @__PURE__ */ d(class extends l {
236473
236476
  constructor() {
236474
236477
  super(), this.__registerHost(), this.type = void 0, this.level = void 0, this.itemText = void 0, this.itemNumber = void 0, this.itemLetter = void 0, this.icon = void 0, this.inheritedType = void 0;
236475
236478
  }
@@ -236493,7 +236496,7 @@ a:focus {
236493
236496
  return this.type === "ordered" ? e("span", { class: "list-item__marker" }, this.level === "one" ? this.itemNumber : this.itemLetter) : null;
236494
236497
  }
236495
236498
  render() {
236496
- return console.log(this.inheritedType, "inheritedType"), e("li", { key: "3629dee324243bf1222aa7fa3ca64d65ce8d5d97", class: this.getListClass() }, this.type === "with-icon" && e("span", { key: "02b4c5492d1380d8e13a25334a37b045633c5ba8", class: "list-item__icon", innerHTML: this.icon }), this.renderMarker(), e("span", { key: "ebacf118e8825c9ea42e0d5c5f83cf444320944d", class: "list-item__text" }, this.itemText));
236499
+ return e("li", { key: "80832fc2df179285918727b3c54df2690011ee9a", class: this.getListClass() }, this.type === "with-icon" && e("span", { key: "4d3c57724a905cd18db474965a693d0320bd87df", class: "list-item__icon", innerHTML: this.icon }), this.renderMarker(), e("span", { key: "3de9f793fe7af84b187d403c389160a2e4c396a4", class: "list-item__text" }, this.itemText));
236497
236500
  }
236498
236501
  get el() {
236499
236502
  return this;
@@ -236510,18 +236513,18 @@ a:focus {
236510
236513
  icon: [1],
236511
236514
  inheritedType: [32]
236512
236515
  }]);
236513
- function Rn() {
236516
+ function Io() {
236514
236517
  if (typeof customElements > "u")
236515
236518
  return;
236516
236519
  ["dga-list-item"].forEach((n) => {
236517
236520
  switch (n) {
236518
236521
  case "dga-list-item":
236519
- customElements.get(n) || customElements.define(n, Io);
236522
+ customElements.get(n) || customElements.define(n, Co);
236520
236523
  break;
236521
236524
  }
236522
236525
  });
236523
236526
  }
236524
- const Sa = Io, Ma = Rn, $a = `@charset "UTF-8";
236527
+ const Sa = Co, Ma = Io, $a = `@charset "UTF-8";
236525
236528
  /*
236526
236529
  0 - 600px: Phone
236527
236530
  600 - 900px: Tablet portrait
@@ -240149,19 +240152,7 @@ a:focus {
240149
240152
  height: 16px;
240150
240153
  }`, Ca = $a, Ao = /* @__PURE__ */ d(class extends l {
240151
240154
  constructor() {
240152
- super(), this.__registerHost(), this.renderListItem = (n) => e("dga-list-item", Object.assign({ type: n.type, level: n.level, itemText: n.label }, n.type === "ordered" && {
240153
- itemNumber: n.itemNumber,
240154
- itemLetter: n.itemLetter
240155
- }, n.type === "with-icon" && {
240156
- icon: n.icon
240157
- })), this.type = "unordered", this.color = "primary", this.title = "", this.items = [];
240158
- }
240159
- getItemClass(n) {
240160
- return {
240161
- "list-item": !0,
240162
- [`list-item--level-${n.level}`]: !0,
240163
- [`list-item--${n.type}`]: !0
240164
- };
240155
+ super(), this.__registerHost(), this.type = "unordered", this.color = "primary", this.title = "", this.items = [];
240165
240156
  }
240166
240157
  // private getListClass() {
240167
240158
  // return {
@@ -240180,15 +240171,9 @@ a:focus {
240180
240171
  // }
240181
240172
  // return null;
240182
240173
  // }
240183
- renderIcon(n) {
240184
- return e("span", { class: "list-icon", innerHTML: n.icon });
240185
- }
240186
- renderOrderedMarker(n) {
240187
- return n.level === "one" ? n.itemNumber : n.itemLetter;
240188
- }
240189
240174
  render() {
240190
240175
  const n = this.type === "ordered" ? "ol" : "ul";
240191
- return e(n, { key: "879b480dc9dc4da1ef9c1c66aadf3c651a6ea7bc", class: `list list--${this.type} list--${this.color}` }, e("slot", { key: "1e18264ba4835d01a3e5f5db6202d437602845c0" }));
240176
+ return e(n, { key: "317b0cf0edbc883cf7d2eaf39228492e89eb3481", class: `list list--${this.type} list--${this.color}` }, e("slot", { key: "e8336ac3eae7796f6e1df92c4f2d37db78ab22ee" }));
240192
240177
  }
240193
240178
  static get style() {
240194
240179
  return Ca;
@@ -240202,14 +240187,11 @@ a:focus {
240202
240187
  function Bo() {
240203
240188
  if (typeof customElements > "u")
240204
240189
  return;
240205
- ["dga-list-v2", "dga-list-item"].forEach((n) => {
240190
+ ["dga-list-v2"].forEach((n) => {
240206
240191
  switch (n) {
240207
240192
  case "dga-list-v2":
240208
240193
  customElements.get(n) || customElements.define(n, Ao);
240209
240194
  break;
240210
- case "dga-list-item":
240211
- customElements.get(n) || Rn();
240212
- break;
240213
240195
  }
240214
240196
  });
240215
240197
  }
@@ -240218,7 +240200,7 @@ const Po = /* @__PURE__ */ d(class extends l {
240218
240200
  super(), this.__registerHost();
240219
240201
  }
240220
240202
  render() {
240221
- return e("div", { key: "19544b7ec384388855a6c0ccda9b1d4de467ab78" }, e("h1", { key: "2a93811afd4d11f0f9e1eeb6fae7d33722f5c77a" }, "List Example"), e("div", { key: "de05930c13d5eb03e3be09212ea401e327bc2485", style: { padding: "50px", display: "flex", gap: "20px" } }, e("div", { key: "eac3444345f1405de61a21f5a24372ee255364cf", style: { display: "flex", flexDirection: "column", gap: "20px" } }, e("dga-list-v2", { key: "2597545d81dd8be60eaac7e4ce65379519108e63", type: "ordered", color: "neutral" }, e("dga-list-item", { key: "064f88ce0f8f33f94340fdc47d73128641ab95f5", type: "ordered", level: "one", itemNumber: "1-", itemText: "List item" }), e("dga-list-item", { key: "0c30a373a5f3385aa24d4a90c1282b294b111b63", type: "ordered", level: "two", itemLetter: "a-", itemText: "List item" }), e("dga-list-item", { key: "70efa9b8732f29cc8a733302e8da58e54df2a07b", type: "ordered", level: "two", itemLetter: "b-", itemText: "List item" }), e("dga-list-item", { key: "a5a51c3d712a16ac03161d2d2da46f7f2f08ac60", type: "ordered", level: "one", itemNumber: "2-", itemText: "List item" }), e("dga-list-item", { key: "fa594dc56a5d1657258d92d3e128591a3c95f268", type: "ordered", level: "two", itemLetter: "a-", itemText: "List item" })), e("dga-list-v2", { key: "20ebc215fdc11f8bc01e76575f74f80277d4d97d", type: "unordered", color: "neutral" }, e("dga-list-item", { key: "e35c7a38cf453b82b0fd0a6e5e64268a2e521fde", type: "unordered", level: "one", itemText: "List item" }), e("dga-list-item", { key: "f10d0ca00a9c25a950084e20a4b65ef85275d5cc", type: "unordered", level: "two", itemText: "List item" }), e("dga-list-item", { key: "a3fabec6135cb253865aae4ca163a5b9602c92db", type: "unordered", level: "two", itemText: "List item" })), e("dga-list-v2", { key: "7b79bcf82edb714566b6a3eaf340af64071ba7b7", type: "with-icon", color: "neutral" }, e("dga-list-item", { key: "fbfa00220cfe2f9eeb5587d6b534f50b9aab04c7", type: "with-icon", level: "one", icon: '<i class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: "List item" }), e("dga-list-item", { key: "6c3ee4586839738dc3095545b30eaadbee6fb050", type: "with-icon", level: "two", icon: '<i class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: "List item" }), e("dga-list-item", { key: "7192f517018039cfe28d1da9d729bed40c03be48", type: "with-icon", level: "two", icon: '<i class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: "List item" })))));
240203
+ return e("div", { key: "d582ae2e88673cfe3f284b2771ac029df6e564d4" }, e("h1", { key: "bcf1f1727f4d7bfcdec520b334fb81bbf94dbf11" }, "List Example"), e("div", { key: "615c3355f8fff617732cada2c74bfc8c6b3002d0", style: { padding: "50px", display: "flex", gap: "20px" } }, e("div", { key: "bd28aee5553854153e100e082d23338a990a67b1", style: { display: "flex", flexDirection: "column", gap: "20px" } }, e("dga-list-v2", { key: "d5155f7a4779bfab341a61d60c9322a0b7968ef6", type: "ordered", color: "neutral" }, e("dga-list-item", { key: "3dd18b79ab21eaa805c52fb48670fe0543c90631", type: "ordered", level: "one", itemNumber: "1-", itemText: "List item" }), e("dga-list-item", { key: "4b1cb368efecac02703be88ae7a2fa8ec97a50eb", type: "ordered", level: "two", itemLetter: "a-", itemText: "List item" }), e("dga-list-item", { key: "1f46e9b9971966b6a829da13a4f397029edb8464", type: "ordered", level: "two", itemLetter: "b-", itemText: "List item" }), e("dga-list-item", { key: "f5cd35e435b229d5ce0bfbbcf94ce4a91e421fbe", type: "ordered", level: "one", itemNumber: "2-", itemText: "List item" }), e("dga-list-item", { key: "3a79bb338e2ae56f1dd4471adfba2ba118f7d73b", type: "ordered", level: "two", itemLetter: "a-", itemText: "List item" })), e("dga-list-v2", { key: "9c1b598ae079f0bf7a389d4a200e27d18dcbc96d", type: "unordered", color: "neutral" }, e("dga-list-item", { key: "d0d0972d5894157d48307208a0648b57ea05ea21", type: "unordered", level: "one", itemText: "List item" }), e("dga-list-item", { key: "f7cd9b5071f409c37c6bf5ff87342c88cc693466", type: "unordered", level: "two", itemText: "List item" }), e("dga-list-item", { key: "54e91395be966fea1f08dd8541bd3979b0295980", type: "unordered", level: "two", itemText: "List item" })), e("dga-list-v2", { key: "4d184cff71ba868ffcb81d4e3c7f8127f1589aaf", type: "with-icon", color: "neutral" }, e("dga-list-item", { key: "5d38bbcfaca22f8b720ed4f417c12f6458347b88", type: "with-icon", level: "one", icon: '<i class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: "List item" }), e("dga-list-item", { key: "af8e4704408a496d61755eace6712c34f53a2786", type: "with-icon", level: "two", icon: '<i class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: "List item" }), e("dga-list-item", { key: "3f19110512b74dd5817b3cc1b1f7008cf51c6294", type: "with-icon", level: "two", icon: '<i class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: "List item" })))));
240222
240204
  }
240223
240205
  }, [0, "dga-list-usage"]);
240224
240206
  function Ia() {
@@ -240230,7 +240212,7 @@ function Ia() {
240230
240212
  customElements.get(n) || customElements.define(n, Po);
240231
240213
  break;
240232
240214
  case "dga-list-item":
240233
- customElements.get(n) || Rn();
240215
+ customElements.get(n) || Io();
240234
240216
  break;
240235
240217
  case "dga-list-v2":
240236
240218
  customElements.get(n) || Bo();
@@ -240244,7 +240226,7 @@ const Aa = Po, Ba = Ia, Pa = Ao, Ea = Bo, Eo = /* @__PURE__ */ d(class extends l
240244
240226
  }
240245
240227
  render() {
240246
240228
  const n = this.type === "ordered" ? "ol" : "ul";
240247
- return e("div", { key: "de483b9276b8c6b47f6be277d4f4aff51201c28a", class: `list list--${this.type} list--${this.color}` }, this.title && e("h3", { key: "725892b9486cea6977fd17052a6133222f50e305", class: "list-title" }, this.title), e(n, { key: "94e9d11777391d0fc3bbe5af4de41b63661e58ef" }, this.items.map((t, i) => e("li", { key: i, class: "list-item" }, this.type === "with-icon" && this.renderIcon(this.type), t))));
240229
+ return e("div", { key: "ce667620adac94663986ff3631f4f87aa172406c", class: `list list--${this.type} list--${this.color}` }, this.title && e("h3", { key: "795537d38fd9a3cf8ac0d089f7ebaffdaa869dbd", class: "list-title" }, this.title), e(n, { key: "8a4e0519849f1ffe1560cadfdbef2d55af11775f" }, this.items.map((t, i) => e("li", { key: i, class: "list-item" }, this.type === "with-icon" && this.renderIcon(this.type), t))));
240248
240230
  }
240249
240231
  }, [0, "dga-list", {
240250
240232
  type: [1],
@@ -240263,12 +240245,12 @@ function Da() {
240263
240245
  }
240264
240246
  });
240265
240247
  }
240266
- const ja = Eo, Ta = Da, La = wo, Oa = xo, Do = /* @__PURE__ */ d(class extends l {
240248
+ const ja = Eo, Ta = Da, La = vo, Oa = wo, Do = /* @__PURE__ */ d(class extends l {
240267
240249
  constructor() {
240268
240250
  super(), this.__registerHost(), this.icon = void 0, this.size = 24, this.color = void 0;
240269
240251
  }
240270
240252
  render() {
240271
- return e("svg", { key: "6d0de4b75e7c86f4d63bc7faa8e415fe8d01f769", width: this.size, height: this.size, fill: this.color || "currentColor", "aria-hidden": "true" }, e("use", { key: "a6fd6108e14b45ec2af3ad93d2c0c710c0390cb3", href: `../../assets/sprite.svg#${this.icon}` }));
240253
+ return e("svg", { key: "eec4a734c4ce8e8933e87e279a874197a231267b", width: this.size, height: this.size, fill: this.color || "currentColor", "aria-hidden": "true" }, e("use", { key: "ac5d2d7dac0202f6e2ca9e360af3bced6a1a2309", href: `../../assets/sprite.svg#${this.icon}` }));
240272
240254
  }
240273
240255
  }, [0, "dga-local-icon", {
240274
240256
  icon: [1],
@@ -240351,7 +240333,7 @@ function Xa() {
240351
240333
  }
240352
240334
  });
240353
240335
  }
240354
- const Na = Lo, Za = Xa, Oo = /* @__PURE__ */ d(class extends l {
240336
+ const Za = Lo, Na = Xa, Oo = /* @__PURE__ */ d(class extends l {
240355
240337
  constructor() {
240356
240338
  super(), this.__registerHost(), this.handleClickOutside = (n) => {
240357
240339
  this.anchorEl && !this.anchorEl.contains(n.target) && this.onClose();
@@ -240413,13 +240395,13 @@ const Qa = Oo, ng = Ja, Ro = /* @__PURE__ */ d(class extends l {
240413
240395
  };
240414
240396
  }
240415
240397
  render() {
240416
- return e("div", { key: "c37289fb2ad8df927f3a0def9deda1fc02bd22a6", class: "dga-metric", "data-chart-size": this.Style }, e("div", { key: "3f2d1517a8007cd63ae2f92e5d0ab137e691a69a", class: "dga-metric__head" }, e("div", { key: "8bab54f2bb7091c8360e0f07ef539f647d6c21df", class: "dga-metric__head-content" }, this.showFeaturedIcon && e("div", { key: "d98cd13e3c6517afd6f9ed1fafe1d1d4b6d60a6d", class: "featured-icon featured-icon--light-brand featured-icon--circle featured-icon--sm" }, this.featuredIcon), this.label && e("span", { key: "26cbbc2750c68650a9baf1612bff3c2de837e6c0", class: "dga-metric__head-content-text" }, this.label)), this.showMoreButton && e("dga-button", { key: "e1d47f5a82e7a11395109a3fe3af16da85dfc56a", variant: "subtle", iconOnly: !0, leadIcon: !0, leadIconType: "more-vertical", leadIconProps: {
240398
+ return e("div", { key: "a8779af6a17c0ef3c3277e2eaa4b151acfcaee06", class: "dga-metric", "data-chart-size": this.Style }, e("div", { key: "f8eff560651787adb5376f5a5d108e9182235e80", class: "dga-metric__head" }, e("div", { key: "f5a03926bddf4af108eaefd407d1e6f552c9d9b3", class: "dga-metric__head-content" }, this.showFeaturedIcon && e("div", { key: "4b19068a834c865a37e81bbca3062f59037ca2a9", class: "featured-icon featured-icon--light-brand featured-icon--circle featured-icon--sm" }, this.featuredIcon), this.label && e("span", { key: "5c3567d8c08f48cbe0e6dcc4c841cd1a7d1542a2", class: "dga-metric__head-content-text" }, this.label)), this.showMoreButton && e("dga-button", { key: "18612764a3720068c3005ae5c00436606d79366b", variant: "subtle", iconOnly: !0, leadIcon: !0, leadIconType: "more-vertical", leadIconProps: {
240417
240399
  variant: "stroke",
240418
240400
  type: "rounded"
240419
- }, onClick: this.onExpandAction })), e("div", { key: "bbb6be4e8fa5e868d1fee4174dd3b17e25ee83b0", class: "dga-metric__body" }, e("div", { key: "db36241807bcdc7452439b20422a6f3e5107b8a4", class: "dga-metric__content" }, e("h3", { key: "8bb134189571e7c2762d4fdacbc116986d610b59", class: "dga-metric__content-percentage" }, this.percentage), this.showInfo && e("div", { key: "eeb4ef8d15c8ac0e18959f156e177306aa435b79", class: "dga-metric__content-change", "data-change-trend": this.changeProps.trend }, e("span", { key: "dbdfa0c08c278f065e38723dcac25449def9c0b6", class: "dga-metric__content-change-icon" }, e("dga-icon", { key: "ae5d871bc5a81b7ecbae626ad7c55717f53fb804", icon: this.changeIcons[this.changeProps.type][this.changeProps.trend], type: "rounded", variant: "stroke", size: 24 })), e("span", { key: "add7993a75c9f5da75c6ac1b09dfcad5f7e80f3a", class: "dga-metric__content-change-value" }, Math.abs(100), "%"), e("span", { key: "b7d3462dd8e36fedb94d1da29f2f53246bcaa619", class: "dga-metric__content-change-period" }, "vs last month"))), this.showChart && e("div", { key: "078eae986a88c5d37a03472d96b5dde8118d2b0d", class: "dga-metric__chart" }, e("dga-chart", Object.assign({ key: "db68d5d06e989aeae53b6bf87872ce595b8bd8b8" }, this.chartProps, { size: this.Style === "small-chart" ? "sm" : "lg" })))), this.showActions && e($, { key: "30b68477d8bceca1410959220ae66e07a6abb1ba" }, e("div", { key: "5c3c8f84d8c5034be44ac32a343099f3e6897857", class: "dga-metric__divider" }), e("div", { key: "4a288f04a432825a1e1b62931752ce8e93ecc1b3", class: "dga-metric__actions" }, this.showSecondaryAction && e("dga-button", { key: "a1f7654fe05db130f68156d96aa572425895361c", variant: "subtle", iconOnly: !0, leadIcon: !0, leadIconType: "settings-02", leadIconProps: {
240401
+ }, onClick: this.onExpandAction })), e("div", { key: "ab4f87f0e50dde3ce2342f1dc063344db0015f54", class: "dga-metric__body" }, e("div", { key: "e6f90ec2dc843cb4fb4a8a2fe562ed4cacd3c4d8", class: "dga-metric__content" }, e("h3", { key: "8e6f14fc58110d2050213f3722d4c16d9d9275c9", class: "dga-metric__content-percentage" }, this.percentage), this.showInfo && e("div", { key: "95c0d7a008cef18140955bc7c8b7f6283847089e", class: "dga-metric__content-change", "data-change-trend": this.changeProps.trend }, e("span", { key: "96875a6c8bda44a95b18c9aff054ab8396c8f0c8", class: "dga-metric__content-change-icon" }, e("dga-icon", { key: "0ad44161366f70f832523a75854dae052d0d4721", icon: this.changeIcons[this.changeProps.type][this.changeProps.trend], type: "rounded", variant: "stroke", size: 24 })), e("span", { key: "7a972eda0afa7855175ee59197899bc51651d15b", class: "dga-metric__content-change-value" }, Math.abs(100), "%"), e("span", { key: "250e66ee0501165fe922ab4a882f2e915a7c8992", class: "dga-metric__content-change-period" }, "vs last month"))), this.showChart && e("div", { key: "1022ac6e293702334afa0b0a579d01cf4caeb10f", class: "dga-metric__chart" }, e("dga-chart", Object.assign({ key: "4984bb868c5ac51377aa327536742b0764f4440f" }, this.chartProps, { size: this.Style === "small-chart" ? "sm" : "lg" })))), this.showActions && e($, { key: "dc3614c415db2b5c4eb55f73d3f25726a86b1093" }, e("div", { key: "76053e429516a30dd9a7cd773674e5854868b2d7", class: "dga-metric__divider" }), e("div", { key: "f0daff03f74edb61234b16f26362ce68f9c4835f", class: "dga-metric__actions" }, this.showSecondaryAction && e("dga-button", { key: "6cc1d18250a5e9f357066ee460b214a7e234a40a", variant: "subtle", iconOnly: !0, leadIcon: !0, leadIconType: "settings-02", leadIconProps: {
240420
240402
  variant: "stroke",
240421
240403
  type: "rounded"
240422
- }, onClick: this.onSecondaryAction }), e("dga-button", { key: "e7bab0bb366c23879a8198e91c0a8d1c7e96d6e1", variant: "secondary-outline", class: "dga-metric__actions--primary", label: "View Report", onClick: this.onPrimaryAction }))));
240404
+ }, onClick: this.onSecondaryAction }), e("dga-button", { key: "3b6986693dbcaf0396f1d38b05ca5caca3818212", variant: "secondary-outline", class: "dga-metric__actions--primary", label: "View Report", onClick: this.onPrimaryAction }))));
240423
240405
  }
240424
240406
  }, [0, "dga-metric", {
240425
240407
  label: [1],
@@ -240451,7 +240433,7 @@ function eg() {
240451
240433
  customElements.get(n) || O();
240452
240434
  break;
240453
240435
  case "dga-chart":
240454
- customElements.get(n) || Ue();
240436
+ customElements.get(n) || He();
240455
240437
  break;
240456
240438
  case "dga-icon":
240457
240439
  customElements.get(n) || w();
@@ -240460,7 +240442,7 @@ function eg() {
240460
240442
  });
240461
240443
  }
240462
240444
  const og = Ro, tg = eg;
240463
- function ie(o) {
240445
+ function te(o) {
240464
240446
  if (!o)
240465
240447
  return new Error("😒 Name is required");
240466
240448
  try {
@@ -240477,7 +240459,7 @@ const Fo = /* @__PURE__ */ d(class extends l {
240477
240459
  super(), this.__registerHost(), this.modalTitle = void 0, this.closeButton = void 0, this.onClose = void 0, this.featuredIconColor = void 0, this.featuredIconStyle = void 0, this.featuredIconType = "InformationCircle", this.featuredIconCircle = void 0, this.featuredIconSize = void 0, this.alignmentCenter = void 0, this.actionFillContainer = void 0, this.actionStack = void 0, this.secondBtnPosition = "left", this.position = "center", this.name = void 0, this.show = !1, this.staticModal = !1, this.buttonsList = [];
240478
240460
  }
240479
240461
  handleClickOutside(n) {
240480
- n.stopPropagation(), n.preventDefault(), !this.staticModal && ie(this.name);
240462
+ n.stopPropagation(), n.preventDefault(), !this.staticModal && te(this.name);
240481
240463
  }
240482
240464
  render() {
240483
240465
  return e("dialog", Object.assign({
@@ -240488,7 +240470,7 @@ const Fo = /* @__PURE__ */ d(class extends l {
240488
240470
  style: { display: this.show ? "flex" : "none" },
240489
240471
  class: `flex-align-${this.position}`
240490
240472
  }, this.show && { open: this.show }), e("div", { key: "0bee2404f31aed0313dfe8672c126c8f258b1551", class: "modal", ref: (n) => this.containergRef = n, onClick: (n) => n.stopPropagation() }, e("div", { key: "be361c4b4343005a405d91b70a5121ecc0c88023", class: "modal__header" }, e("div", { key: "8b7fd329549c5fb9028e7a92ab235dc1028448a3", class: "modal__icon", style: this.alignmentCenter ? { justifyContent: "center", width: "100%", display: "flex" } : {} }, e("div", { key: "ca29234212cdb99912e357e4875616a514ae38d8", class: `featured-icon featured-icon--${this.featuredIconStyle}-${this.featuredIconColor} ${this.featuredIconCircle ? "featured-icon--circle" : ""} featured-icon--${this.featuredIconSize}` }, e("span", { key: "473d0da7549b01a067c458e6c0a25fd52ce2ad7c" }, e("dga-icon", { key: "49210bf1fc285985f593106c0aa99b1b5abb3342", icon: this.featuredIconType })))), this.closeButton && e("div", { key: "f794fd58cba31a6c2b30be5fcf2e5014e87af0b4", class: "modal__close" }, e("button", { key: "c55d90c2934c8b7ccbb50325cd9f33c484bb8dc0", class: "btn btn--close btn--icon btn--md", onClick: (n) => {
240491
- ie(this.name);
240473
+ te(this.name);
240492
240474
  } }, e("span", { key: "6b6c5aed216e02da9ecf8a134250f7ee7cdc7b78", class: "btn-icon" }, e("dga-icon", { key: "f698b67f0148947c2c10427a87d969cb45d39345", icon: "Cancel01Icon", variant: "solid" }))))), this.modalTitle && e("h4", { key: "88aef2abe9cc3e2e0d08307cb971f124b8d30f33", class: "modal__heading", style: this.alignmentCenter ? { textAlign: "center", width: "100%" } : {} }, this.modalTitle), e("slot", { key: "bc6fd66e423a4cfa9a70baad5290e536737f6c17" }), e("div", { key: "1ca62b31c02b7b1d4b47b24533a4b762eab992ee", style: Object.assign(Object.assign({ display: "flex", width: "100%", justifyContent: this.alignmentCenter ? "center" : this.buttonsList.length > 2 ? "flex-start" : "space-between" }, !this.alignmentCenter && this.buttonsList.length == 2 && {
240493
240475
  justifyContent: this.secondBtnPosition == "left" ? "flex-start" : "space-between"
240494
240476
  }), { flexDirection: this.actionStack ? "column" : "row" }) }, this.buttonsList.length > 0 && this.buttonsList.slice(0, this.buttonsList.length > 3 ? 3 : this.buttonsList.length).map((n, t) => e("button", Object.assign({ style: Object.assign(Object.assign({}, this.actionFillContainer && { width: "100%" }), t == 2 && !this.alignmentCenter && {
@@ -240528,7 +240510,7 @@ function ig() {
240528
240510
  }
240529
240511
  });
240530
240512
  }
240531
- const rg = Fo, ag = ig, gg = On, hg = ra, cg = Tn, sg = oa, lg = Dn, dg = na, fg = En, bg = Qr, pg = jn, ug = ea, kg = rn, mg = ta, vg = Ln, wg = ia, xg = qo, yg = zo, _g = Pn, qg = Jr, zg = {
240513
+ const rg = Fo, ag = ig, gg = On, hg = ra, cg = Tn, sg = oa, lg = Dn, dg = na, fg = En, bg = Qr, pg = jn, ug = ea, kg = rn, mg = ta, vg = Ln, wg = ia, xg = _o, yg = qo, _g = Pn, qg = Jr, zg = {
240532
240514
  error: "hgi-stroke hgi-alert-02",
240533
240515
  warning: "hgi-stroke hgi-alert-circle",
240534
240516
  success: "hgi-stroke hgi-sharp hgi-checkmark-circle-02",
@@ -240611,7 +240593,7 @@ function Cg() {
240611
240593
  }
240612
240594
  });
240613
240595
  }
240614
- const Ig = Uo, Ag = Cg, H = "...", N = (o, n) => {
240596
+ const Ig = Uo, Ag = Cg, H = "...", Z = (o, n) => {
240615
240597
  let t = n - o + 1;
240616
240598
  return Array.from({ length: t }, (i, r) => r + o);
240617
240599
  }, Wo = /* @__PURE__ */ d(class extends l {
@@ -240628,18 +240610,18 @@ const Ig = Uo, Ag = Cg, H = "...", N = (o, n) => {
240628
240610
  get paginationRange() {
240629
240611
  const { totalPageCount: n, siblingCount: t, currentPage: i } = this;
240630
240612
  if (t + 5 >= n)
240631
- return N(1, n);
240613
+ return Z(1, n);
240632
240614
  const a = Math.max(i - t, 1), g = Math.min(i + t, n), h = a > 2, c = g < n - 2, k = 1, b = n;
240633
240615
  if (!h && c) {
240634
240616
  let u = 3 + 2 * t;
240635
- return [...N(1, u), H, n];
240617
+ return [...Z(1, u), H, n];
240636
240618
  }
240637
240619
  if (h && !c) {
240638
- let u = 3 + 2 * t, p = N(n - u + 1, n);
240620
+ let u = 3 + 2 * t, p = Z(n - u + 1, n);
240639
240621
  return [k, H, ...p];
240640
240622
  }
240641
240623
  if (h && c) {
240642
- let u = N(a, g);
240624
+ let u = Z(a, g);
240643
240625
  return [k, H, ...u, H, b];
240644
240626
  }
240645
240627
  return [];
@@ -244456,7 +244438,7 @@ function Vg() {
244456
244438
  }
244457
244439
  });
244458
244440
  }
244459
- const Kg = Xo, Yg = Vg, No = /* @__PURE__ */ d(class extends l {
244441
+ const Kg = Xo, Yg = Vg, Zo = /* @__PURE__ */ d(class extends l {
244460
244442
  constructor() {
244461
244443
  super(), this.__registerHost(), this.activeStep = 1, this.alignment = "horizontal";
244462
244444
  }
@@ -244473,12 +244455,12 @@ function Gg() {
244473
244455
  ["dga-progress-indicator"].forEach((n) => {
244474
244456
  switch (n) {
244475
244457
  case "dga-progress-indicator":
244476
- customElements.get(n) || customElements.define(n, No);
244458
+ customElements.get(n) || customElements.define(n, Zo);
244477
244459
  break;
244478
244460
  }
244479
244461
  });
244480
244462
  }
244481
- const Xg = No, Ng = Gg, Zo = /* @__PURE__ */ d(class extends l {
244463
+ const Xg = Zo, Zg = Gg, No = /* @__PURE__ */ d(class extends l {
244482
244464
  constructor() {
244483
244465
  super(), this.__registerHost(), this.handleActive = () => {
244484
244466
  var n;
@@ -244532,7 +244514,7 @@ function Jo() {
244532
244514
  ["dga-radio-button"].forEach((n) => {
244533
244515
  switch (n) {
244534
244516
  case "dga-radio-button":
244535
- customElements.get(n) || customElements.define(n, Zo);
244517
+ customElements.get(n) || customElements.define(n, No);
244536
244518
  break;
244537
244519
  }
244538
244520
  });
@@ -244547,7 +244529,7 @@ const Qo = /* @__PURE__ */ d(class extends l {
244547
244529
  }, [0, "dga-radio-button-usage", {
244548
244530
  activeStep: [32]
244549
244531
  }]);
244550
- function Zg() {
244532
+ function Ng() {
244551
244533
  if (typeof customElements > "u")
244552
244534
  return;
244553
244535
  ["dga-radio-button-usage", "dga-radio-button"].forEach((n) => {
@@ -244561,7 +244543,7 @@ function Zg() {
244561
244543
  }
244562
244544
  });
244563
244545
  }
244564
- const Jg = Qo, Qg = Zg, nh = Zo, eh = Jo;
244546
+ const Jg = Qo, Qg = Ng, nh = No, eh = Jo;
244565
244547
  function oh(o) {
244566
244548
  const n = o.toString().split(".")[1];
244567
244549
  return n ? n.length : 0;
@@ -244687,7 +244669,7 @@ const rh = nt, ah = ih, et = /* @__PURE__ */ d(class extends l {
244687
244669
  }, this.beakPlacement = "none", this.beakAlignment = "center", this.direction = "top", this.tooltipTitle = void 0, this.helperText = void 0, this.icon = !1, this.iconType = "neutral-info", this.theme = "light", this.isHovered = !1;
244688
244670
  }
244689
244671
  render() {
244690
- return e("div", { key: "492f3d197bf3e4fdab580b879ff803ef88fcf409", class: "tooltip", "data-theme": this.theme, "data-beak-direction": `${this.beakPlacement}-${this.beakAlignment}` }, this.isHovered && e("div", { key: "988dd1ab99c3f6e73f1f01f76a9569accc246c38", class: "tooltip-main", "data-direction": this.direction }, e("div", { key: "345e728209cfdc42e2298dc0bc58bed32a8a37bc", class: "tooltip-main__wrapper" }, this.beakPlacement !== "none" && e("span", { key: "b1f7c6016bc4625a0b9da6571c449a87fcb2d4a2", class: "tooltip-main__beak", "data-beak-direction": `${this.beakPlacement}-${this.beakAlignment}` }), this.icon && e("span", { key: "9e3af41f53b377bd07aea66d613128b82ea0e572", class: "tooltip-main__icon" }, e("i", { key: "3baf6b6bd4d463af8d54ea4972b490d73722c1bb", class: this.icons[this.iconType].icon, style: { color: this.icons[this.iconType].color, fontSize: "18px" } }), " "), e("div", { key: "2cc637e7f632735a35d585e44b5fe8b0c2c7afb0", class: "tooltip-main__content flex-column" }, this.tooltipTitle && e("span", { key: "04ca9c47d53b5050c2f1f8bc89c8f174198e5b6d", class: "tooltip-main__content__title" }, this.tooltipTitle), this.helperText && e("span", { key: "43385ebf25e7b121a0fa410fe8737f52c9ef1c69", class: "tooltip-main__content__helper-text" }, this.helperText)))), e("div", { key: "f7b10219b91c1e4eddf7c7ab9d0ffb4965cef483", class: "tooltip-item", onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, e("slot", { key: "e99808f2f9271dd46281997ae9008347c0d5286b" })));
244672
+ return e("div", { key: "2d0571660cc519dfbac4212bc9ee213f684880fd", class: "tooltip", "data-theme": this.theme, "data-beak-direction": `${this.beakPlacement}-${this.beakAlignment}` }, this.isHovered && e("div", { key: "f8ba3470a69c806ab1511075ba6bcf863d8e1fb5", class: "tooltip-main", "data-direction": this.direction }, e("div", { key: "48ff0eac50d8a6159923c26556e847317575e4be", class: "tooltip-main__wrapper" }, this.beakPlacement !== "none" && e("span", { key: "abefaa24b612c3fed2d4bcef49e9d3a3a4dc4d7a", class: "tooltip-main__beak", "data-beak-direction": `${this.beakPlacement}-${this.beakAlignment}` }), this.icon && e("span", { key: "4287f170d3d446443dff82570b380017179884b6", class: "tooltip-main__icon" }, e("i", { key: "22321ab40c0c86e522f2ea851f72042c38835d2e", class: this.icons[this.iconType].icon, style: { color: this.icons[this.iconType].color, fontSize: "18px" } }), " "), e("div", { key: "108ffe05fac66dc926cc294223915895602abe86", class: "tooltip-main__content flex-column" }, this.tooltipTitle && e("span", { key: "be39f74d6fa706b99678620a015ba052d813ae41", class: "tooltip-main__content__title" }, this.tooltipTitle), this.helperText && e("span", { key: "4ec48029def2440e84a8099bce80bf39a046e745", class: "tooltip-main__content__helper-text" }, this.helperText)))), e("div", { key: "ace8b7b42ceff74bbf8328b8d15a47a8d9272dd6", class: "tooltip-item", onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, e("slot", { key: "bf608099388b4e1dab0b0e190fa14b500c309dcf" })));
244691
244673
  }
244692
244674
  }, [4, "dga-tooltip", {
244693
244675
  beakPlacement: [1, "beak-placement"],
@@ -245228,7 +245210,7 @@ const Bh = lt, Ph = Ah, dt = /* @__PURE__ */ d(class extends l {
245228
245210
  // this.selected = index;
245229
245211
  // };
245230
245212
  render() {
245231
- return e("tbody", { key: "3a6d959d85a51b8631b9860185f0a2a10e0e704d" }, e("slot", { key: "d8554118b98b06baa597c44cf6b3f3e410356c72" }));
245213
+ return e("tbody", { key: "2e912dabd58b1690964febe816a7dc7eaf6cd84c" }, e("slot", { key: "070ff1fa7ba4422f17023cba9aed6f93d8eb849d" }));
245232
245214
  }
245233
245215
  }, [4, "dga-table-body", {
245234
245216
  data: [16],
@@ -245299,7 +245281,7 @@ const Dh = dt, jh = Eh, ft = /* @__PURE__ */ d(class extends l {
245299
245281
  return e("ul", { class: "table-of-content__tab-sublist" }, this.renderTab(n), (t = n.Children) === null || t === void 0 ? void 0 : t.map((i) => e("ul", { class: "table-of-content__tab-sub-sublist" }, this.renderTab(i))));
245300
245282
  }
245301
245283
  render() {
245302
- return e("aside", { key: "c03c8bdfa9aba1b61d4cb746d032335317648640", class: "table-of-content" }, e("div", { key: "cccc3a852852818caf111967acb12f205f14ed3f", class: "table-of-content__header" }, e("p", { key: "52e66ebb206c26b0fced481a5b294da0ee8ae258", class: "text-sm-regular" }, this.subTitle), e("h4", { key: "ed7f65ebcd934643078a62be8c74509d88c5ae47", class: "text-xl-semibold" }, this.title)), e("div", { key: "85bb58c547bdd0c5cb4ed56b4a841c9f5a23253e", class: "table-of-content__body" }, e("ul", { key: "8d27c7e6e709e55ec669bbe05a0fd82dc0978a7a", class: "table-of-content__tab-list" }, this.sections.map((n) => n.Children ? e("div", null, this.renderTab(n), n.Children.map((t) => this.renderSubTabs(t))) : this.renderTab(n)))));
245284
+ return e("aside", { key: "817a80e660e364cdb44a9d80d46800d668b6732e", class: "table-of-content" }, e("div", { key: "4be5c2be9d8d3b2612a4219ddb79ca4c710703da", class: "table-of-content__header" }, e("p", { key: "aaada897ecaa9317622450b590e35542bea00ccf", class: "text-sm-regular" }, this.subTitle), e("h4", { key: "402b57c2d939b76ef5b966c39856a34c0e9a9210", class: "text-xl-semibold" }, this.title)), e("div", { key: "bd2294afca81556f005fbdc9437d2c0829624da0", class: "table-of-content__body" }, e("ul", { key: "4f0151a8e4eb792df1bf4f357022fe21e7009b69", class: "table-of-content__tab-list" }, this.sections.map((n) => n.Children ? e("div", null, this.renderTab(n), n.Children.map((t) => this.renderSubTabs(t))) : this.renderTab(n)))));
245303
245285
  }
245304
245286
  }, [0, "dga-table-of-content", {
245305
245287
  sections: [16],
@@ -245388,7 +245370,7 @@ const Lh = ft, Oh = Th, bt = /* @__PURE__ */ d(class extends l {
245388
245370
  this.sortedData = n;
245389
245371
  }
245390
245372
  render() {
245391
- return e("div", { key: "0175e79b68fd8e9ea8009d3e36ba198b10097dac", class: `table-wrapper ${this.contained ? "table-contained" : ""}` }, e("table", { key: "05fb18cba6e7ca6bf5587647a29834c48baacaa1", class: ` azm-table ${this.contained ? "table-contained" : ""}`, style: { direction: this.direction ? "rtl" : "ltr" } }, e("slot", { key: "35bcd22a6cebf1ccce8f2216a89b09f81f383c71" })));
245373
+ return e("div", { key: "2e8f2acb08e8d026c419ed9bbd949194acb01850", class: `table-wrapper ${this.contained ? "table-contained" : ""}` }, e("table", { key: "a8c5cf6b3fac82c729aabd027ea7049294f1fd30", class: ` azm-table ${this.contained ? "table-contained" : ""}`, style: { direction: this.direction ? "rtl" : "ltr" } }, e("slot", { key: "d71e84ade2c837a4669d6e7ba8b1469a9580b5f6" })));
245392
245374
  }
245393
245375
  }, [4, "dga-table", {
245394
245376
  data: [16],
@@ -245413,7 +245395,7 @@ function Rh() {
245413
245395
  }
245414
245396
  });
245415
245397
  }
245416
- const Fh = bt, Hh = Rh, Uh = Ke, Wh = Ye, Vh = so, Kh = F, Yh = eo, Gh = oo, re = {
245398
+ const Fh = bt, Hh = Rh, Uh = Ve, Wh = Ke, Vh = co, Kh = F, Yh = no, Gh = eo, ie = {
245417
245399
  success: e("dga-icon", { icon: "CheckmarkCircle02Icon", variant: "solid" }),
245418
245400
  error: e("dga-icon", { icon: "AlertCircleIcon", variant: "solid" }),
245419
245401
  warning: e("dga-icon", { icon: "Alert02Icon", variant: "solid" })
@@ -245440,7 +245422,7 @@ const Fh = bt, Hh = Rh, Uh = Ke, Wh = Ye, Vh = so, Kh = F, Yh = eo, Gh = oo, re
245440
245422
  // // this.isActive = false;
245441
245423
  // // };
245442
245424
  render() {
245443
- return e("div", { key: "a5b22496a8ca28b0a5e3e8e97b6127c5f832e0d8", class: "dga-form-control" }, this.label && e("label", { key: "8a36104c41a657ef3afaf4d74db5fe6263fe3fed", class: "dga-label" }, this.label), e("div", { key: "64e07dc8893d6d076a51794a1f61f55afbb5fb03", class: `textarea textarea--lg ${this.error ? "textarea--error" : ""} ${this.variant !== "default" ? `textarea--${this.variant}` : ""} ${this.isActive ? "active" : ""} ${this.isFocused ? "focus" : ""} ${this.disabled ? "disabled" : ""}`, ref: (n) => this.inputContainerRef = n, "data-error": this.error }, e("textarea", { key: "8611871320520bfce39d2d8c5354357a1007e4ff", onFocus: () => this.isFocused = !0, onBlur: () => this.isFocused = !1, class: `textarea__field ${this.resize ? "textarea__field--resize" : ""} ${this.scrollbar ? "" : "textarea__field--hidden-scrollbar"}`, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, rows: this.rows && this.rows, cols: this.cols && this.cols, onMouseDown: () => this.isActive = !0, onMouseUp: () => this.isActive = !1, onMouseOut: () => this.isActive = !1, onChange: this.onChange, onInput: this.onInput, name: this.name, value: this.value }), this.error ? e("span", { class: `textarea__feedback-icon textarea__feedback-icon--error ${this.feedbackIconRing ? "textarea__feedback-icon--ring" : ""}` }, re.error) : this.feedbackIcon ? e("span", { class: `textarea__feedback-icon textarea__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? "textarea__feedback-icon--ring" : ""}` }, re[this.feedbackIconType]) : null));
245425
+ return e("div", { key: "a5b22496a8ca28b0a5e3e8e97b6127c5f832e0d8", class: "dga-form-control" }, this.label && e("label", { key: "8a36104c41a657ef3afaf4d74db5fe6263fe3fed", class: "dga-label" }, this.label), e("div", { key: "64e07dc8893d6d076a51794a1f61f55afbb5fb03", class: `textarea textarea--lg ${this.error ? "textarea--error" : ""} ${this.variant !== "default" ? `textarea--${this.variant}` : ""} ${this.isActive ? "active" : ""} ${this.isFocused ? "focus" : ""} ${this.disabled ? "disabled" : ""}`, ref: (n) => this.inputContainerRef = n, "data-error": this.error }, e("textarea", { key: "8611871320520bfce39d2d8c5354357a1007e4ff", onFocus: () => this.isFocused = !0, onBlur: () => this.isFocused = !1, class: `textarea__field ${this.resize ? "textarea__field--resize" : ""} ${this.scrollbar ? "" : "textarea__field--hidden-scrollbar"}`, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, rows: this.rows && this.rows, cols: this.cols && this.cols, onMouseDown: () => this.isActive = !0, onMouseUp: () => this.isActive = !1, onMouseOut: () => this.isActive = !1, onChange: this.onChange, onInput: this.onInput, name: this.name, value: this.value }), this.error ? e("span", { class: `textarea__feedback-icon textarea__feedback-icon--error ${this.feedbackIconRing ? "textarea__feedback-icon--ring" : ""}` }, ie.error) : this.feedbackIcon ? e("span", { class: `textarea__feedback-icon textarea__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? "textarea__feedback-icon--ring" : ""}` }, ie[this.feedbackIconType]) : null));
245444
245426
  }
245445
245427
  }, [0, "dga-textarea", {
245446
245428
  label: [1],
@@ -245477,7 +245459,7 @@ function Xh() {
245477
245459
  }
245478
245460
  });
245479
245461
  }
245480
- const Nh = pt, Zh = Xh, Jh = et, Qh = ot, nc = `@charset "UTF-8";
245462
+ const Zh = pt, Nh = Xh, Jh = et, Qh = ot, nc = `@charset "UTF-8";
245481
245463
  /*
245482
245464
  0 - 600px: Phone
245483
245465
  600 - 900px: Tablet portrait
@@ -249169,7 +249151,7 @@ a:focus {
249169
249151
  return e("dga-icon", Object.assign({ icon: n }, t));
249170
249152
  }
249171
249153
  render() {
249172
- return e("button", { key: "717e6964189daa6d969adb842072aef478fc4094", dir: this.RTL ? "rtl" : "ltr", disabled: this.disabled, class: `floating-button-onColor-${this.onColor} floating-button-btn ${this.variant} ${this.size} `, onClick: (n) => this.handleClick(n) }, this.icon && e("div", { key: "719f45d20dd99c7635093fafc3ba06049337acff", class: "floating-button-icon" }, this.renderIcon(this.icon, this.iconProps)), this.label && !this.iconOnly && e("p", { key: "f7f5836943d58015da58d4ae6ab7385f57623cc0" }, this.label));
249154
+ return e("button", { key: "ec5fe8023c08d873c534d0830db50b5ed14f928c", dir: this.RTL ? "rtl" : "ltr", disabled: this.disabled, class: `floating-button-onColor-${this.onColor} floating-button-btn ${this.variant} ${this.size} `, onClick: (n) => this.handleClick(n) }, this.icon && e("div", { key: "ee76e328d03f589530a202101a930b0225c3f8f0", class: "floating-button-icon" }, this.renderIcon(this.icon, this.iconProps)), this.label && !this.iconOnly && e("p", { key: "4a9a2409210f0ccbd23476a2c722b443b3277fcf" }, this.label));
249173
249155
  }
249174
249156
  static get style() {
249175
249157
  return ec;
@@ -249237,15 +249219,15 @@ function rc() {
249237
249219
  }
249238
249220
  });
249239
249221
  }
249240
- const ac = kt, gc = rc, hc = po, cc = uo, mt = /* @__PURE__ */ d(class extends l {
249222
+ const ac = kt, gc = rc, hc = bo, cc = po, mt = /* @__PURE__ */ d(class extends l {
249241
249223
  constructor() {
249242
249224
  super(), this.__registerHost(), this.translateX = 0;
249243
249225
  }
249244
249226
  render() {
249245
- return e("div", { key: "425bdbddadec76ae8bfabbe316d2b9354690b891", class: "slider-list", style: {
249227
+ return e("div", { key: "77c761ac67cc9685669945c9130e12d22c14f7ed", class: "slider-list", style: {
249246
249228
  transform: `translateX(-${this.translateX}%)`,
249247
249229
  transition: "transform 1s ease-in-out"
249248
- } }, e("slot", { key: "a8c168ad9356cdde792de0a1d67791bf25cc3682" }));
249230
+ } }, e("slot", { key: "1c255b9bd24c55487e879c4bbb19eb47f47223ff" }));
249249
249231
  }
249250
249232
  }, [4, "slider-list", {
249251
249233
  translateX: [2, "translate-x"]
@@ -249266,7 +249248,7 @@ const lc = mt, dc = sc, vt = /* @__PURE__ */ d(class extends l {
249266
249248
  super(), this.__registerHost();
249267
249249
  }
249268
249250
  render() {
249269
- return e("div", { key: "e025939cf1c617c6e594968fe33a5b34e1f908ad", class: "slider-track" }, e("slot", { key: "77c7780dc60df122245cb8c6efd8a8559cf9589a" }));
249251
+ return e("div", { key: "3251572781b07158c7e8fcb0dab317338dfa014b", class: "slider-track" }, e("slot", { key: "83de3fcc803dc09604a389f88c7ce07134da682d" }));
249270
249252
  }
249271
249253
  }, [4, "slider-track"]);
249272
249254
  function fc() {
@@ -249285,7 +249267,7 @@ const bc = vt, pc = fc, wt = /* @__PURE__ */ d(class extends l {
249285
249267
  super(), this.__registerHost(), this.padding = "0px 0px", this.margin = "0px 0px";
249286
249268
  }
249287
249269
  render() {
249288
- return e("div", { key: "e28dc6c4ec69b7da08fdf743745e0e25cd9527fd", style: { position: "relative", padding: this.padding, margin: this.margin } }, e("slot", { key: "607989f148d40fa7182394a0359353044a234457" }));
249270
+ return e("div", { key: "756fc438bfae9267d97437a3e2c1ca6213387994", style: { position: "relative", padding: this.padding, margin: this.margin } }, e("slot", { key: "824835d9319f39974e3849b84781ff8c815041c7" }));
249289
249271
  }
249290
249272
  }, [4, "slider-wrapper", {
249291
249273
  padding: [1],
@@ -249302,17 +249284,17 @@ function uc() {
249302
249284
  }
249303
249285
  });
249304
249286
  }
249305
- const kc = wt, mc = uc, vc = fo, wc = G, xc = bo, yc = An, _c = lo, qc = Y;
249287
+ const kc = wt, mc = uc, vc = lo, wc = G, xc = fo, yc = An, _c = so, qc = Y;
249306
249288
  /**
249307
249289
  * @license
249308
249290
  * Copyright 2018 Google LLC
249309
249291
  * SPDX-License-Identifier: BSD-3-Clause
249310
249292
  */
249311
- const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "className"]), ae = /* @__PURE__ */ new WeakMap(), ge = (o, n, t, i, r) => {
249293
+ const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "className"]), re = /* @__PURE__ */ new WeakMap(), ae = (o, n, t, i, r) => {
249312
249294
  const a = r == null ? void 0 : r[n];
249313
249295
  a === void 0 ? (o[n] = t, t == null && n in HTMLElement.prototype && o.removeAttribute(n)) : t !== i && ((g, h, c) => {
249314
- let k = ae.get(g);
249315
- k === void 0 && ae.set(g, k = /* @__PURE__ */ new Map());
249296
+ let k = re.get(g);
249297
+ k === void 0 && re.set(g, k = /* @__PURE__ */ new Map());
249316
249298
  let b = k.get(h);
249317
249299
  c !== void 0 ? b === void 0 ? (k.set(h, b = { handleEvent: c }), g.addEventListener(h, b)) : b.handleEvent = c : b !== void 0 && (k.delete(h), g.removeEventListener(h, b));
249318
249300
  })(o, a, t);
@@ -249323,8 +249305,8 @@ const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
249323
249305
  return o.useLayoutEffect(() => {
249324
249306
  if (b.current === null) return;
249325
249307
  const m = /* @__PURE__ */ new Map();
249326
- for (const v in p) ge(b.current, v, h[v], k.current.get(v), i), k.current.delete(v), m.set(v, h[v]);
249327
- for (const [v, _] of k.current) ge(b.current, v, void 0, _, i);
249308
+ for (const v in p) ae(b.current, v, h[v], k.current.get(v), i), k.current.delete(v), m.set(v, h[v]);
249309
+ for (const [v, _] of k.current) ae(b.current, v, void 0, _, i);
249328
249310
  k.current = m;
249329
249311
  }), o.useLayoutEffect(() => {
249330
249312
  var m;
@@ -249417,10 +249399,10 @@ const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
249417
249399
  defineCustomElement: Xi
249418
249400
  }), Ml = /* @__PURE__ */ f({
249419
249401
  tagName: "dga-checkbox",
249420
- elementClass: Ni,
249402
+ elementClass: Zi,
249421
249403
  react: s,
249422
249404
  events: {},
249423
- defineCustomElement: Zi
249405
+ defineCustomElement: Ni
249424
249406
  }), $l = /* @__PURE__ */ f({
249425
249407
  tagName: "dga-chip",
249426
249408
  elementClass: Qi,
@@ -249513,10 +249495,10 @@ const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
249513
249495
  defineCustomElement: ha
249514
249496
  }), Ul = /* @__PURE__ */ f({
249515
249497
  tagName: "dga-header-action-btn",
249516
- elementClass: Nr,
249498
+ elementClass: Zr,
249517
249499
  react: s,
249518
249500
  events: {},
249519
- defineCustomElement: Zr
249501
+ defineCustomElement: Nr
249520
249502
  }), Wl = /* @__PURE__ */ f({
249521
249503
  tagName: "dga-helper-text",
249522
249504
  elementClass: ca,
@@ -249553,13 +249535,13 @@ const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
249553
249535
  react: s,
249554
249536
  events: { onOnClick: "onClick" },
249555
249537
  defineCustomElement: _a
249556
- }), Nl = /* @__PURE__ */ f({
249538
+ }), Zl = /* @__PURE__ */ f({
249557
249539
  tagName: "dga-list",
249558
249540
  elementClass: ja,
249559
249541
  react: s,
249560
249542
  events: {},
249561
249543
  defineCustomElement: Ta
249562
- }), Zl = /* @__PURE__ */ f({
249544
+ }), Nl = /* @__PURE__ */ f({
249563
249545
  tagName: "dga-list-item",
249564
249546
  elementClass: Sa,
249565
249547
  react: s,
@@ -249609,10 +249591,10 @@ const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
249609
249591
  defineCustomElement: Ga
249610
249592
  }), rd = /* @__PURE__ */ f({
249611
249593
  tagName: "dga-menu-list",
249612
- elementClass: Na,
249594
+ elementClass: Za,
249613
249595
  react: s,
249614
249596
  events: {},
249615
- defineCustomElement: Za
249597
+ defineCustomElement: Na
249616
249598
  }), ad = /* @__PURE__ */ f({
249617
249599
  tagName: "dga-metric",
249618
249600
  elementClass: og,
@@ -249714,7 +249696,7 @@ const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
249714
249696
  elementClass: Xg,
249715
249697
  react: s,
249716
249698
  events: {},
249717
- defineCustomElement: Ng
249699
+ defineCustomElement: Zg
249718
249700
  }), _d = /* @__PURE__ */ f({
249719
249701
  tagName: "dga-progress-indicator-step",
249720
249702
  elementClass: Ug,
@@ -249840,10 +249822,10 @@ const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
249840
249822
  defineCustomElement: Gh
249841
249823
  }), Ud = /* @__PURE__ */ f({
249842
249824
  tagName: "dga-textarea",
249843
- elementClass: Nh,
249825
+ elementClass: Zh,
249844
249826
  react: s,
249845
249827
  events: {},
249846
- defineCustomElement: Zh
249828
+ defineCustomElement: Nh
249847
249829
  }), Wd = /* @__PURE__ */ f({
249848
249830
  tagName: "dga-tooltip",
249849
249831
  elementClass: Jh,
@@ -249880,13 +249862,13 @@ const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
249880
249862
  react: s,
249881
249863
  events: {},
249882
249864
  defineCustomElement: pc
249883
- }), Nd = /* @__PURE__ */ f({
249865
+ }), Zd = /* @__PURE__ */ f({
249884
249866
  tagName: "slider-wrapper",
249885
249867
  elementClass: kc,
249886
249868
  react: s,
249887
249869
  events: {},
249888
249870
  defineCustomElement: mc
249889
- }), Zd = /* @__PURE__ */ f({
249871
+ }), Nd = /* @__PURE__ */ f({
249890
249872
  tagName: "submenu-component",
249891
249873
  elementClass: vc,
249892
249874
  react: s,
@@ -249942,8 +249924,8 @@ export {
249942
249924
  Yl as DgaInlineAlert,
249943
249925
  Gl as DgaLabel,
249944
249926
  Xl as DgaLink,
249945
- Nl as DgaList,
249946
- Zl as DgaListItem,
249927
+ Zl as DgaList,
249928
+ Nl as DgaListItem,
249947
249929
  Jl as DgaListUsage,
249948
249930
  Ql as DgaListV2,
249949
249931
  nd as DgaLoading,
@@ -249996,8 +249978,8 @@ export {
249996
249978
  Yd as SidePanelMenu,
249997
249979
  Gd as SliderList,
249998
249980
  Xd as SliderTrack,
249999
- Nd as SliderWrapper,
250000
- Zd as SubmenuComponent,
249981
+ Zd as SliderWrapper,
249982
+ Nd as SubmenuComponent,
250001
249983
  Jd as TabComponent,
250002
249984
  Qd as TabLink
250003
249985
  };