platformscode-new-react 0.0.58 → 0.0.60

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
+ }, 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}", Fn = "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$,
@@ -130,30 +130,30 @@ var jt = (o) => {
130
130
  }
131
131
  const n = Q(o.vtag, o.vtext);
132
132
  return n.$attrs$ = o.vattrs, n.$children$ = o.vchildren, n.$key$ = o.vkey, n.$name$ = o.vname, n;
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
- const i = Ht(o);
133
+ }, Ht = (o, n) => o != null && !qn(o) ? n & 4 ? o === "false" ? !1 : o === "" || !!o : n & 2 ? parseFloat(o) : n & 1 ? String(o) : o : o, Ft = (o) => o, C = (o, n, t) => {
134
+ const i = Ft(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
180
  let g = Hn(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)
@@ -190,7 +190,7 @@ var jt = (o) => {
190
190
  i && i(o);
191
191
  else if (!o.__lookupSetter__(n) && n[0] === "o" && n[1] === "n") {
192
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);
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(Fn, n) : o.removeAttribute(n)) : (!g || a & 4 || r) && !c && (i = i === !0 ? "" : i, k ? o.setAttributeNS(Fn, 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,22 +474,22 @@ 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) => {
491
491
  const r = L(o), a = o, g = r.$instanceValues$.get(n), h = r.$flags$, c = a;
492
- t = Ft(t, i.$members$[n][0]);
492
+ t = Ht(t, i.$members$[n][0]);
493
493
  const k = Number.isNaN(g) && Number.isNaN(t);
494
494
  if (t !== g && !k) {
495
495
  r.$instanceValues$.set(n, t);
@@ -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, Hi = `@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
+ }`, Fi = Hi, 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: () => {
@@ -219835,7 +219835,7 @@ a:focus {
219835
219835
  return this;
219836
219836
  }
219837
219837
  static get style() {
219838
- return Hi;
219838
+ return Fi;
219839
219839
  }
219840
219840
  }, [1, "dga-carousel-v2", {
219841
219841
  variant: [1],
@@ -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, He = /* @__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,7 +219984,7 @@ 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 Fe() {
219988
219988
  if (typeof customElements > "u")
219989
219989
  return;
219990
219990
  ["dga-chart"].forEach((n) => {
@@ -219995,7 +219995,7 @@ function Ue() {
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 = He, Xi = Fe, 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
  }
@@ -228351,18 +228351,18 @@ a:focus {
228351
228351
  rounded: [4],
228352
228352
  outlined: [4]
228353
228353
  }]);
228354
- function F() {
228354
+ function H() {
228355
228355
  if (typeof customElements > "u")
228356
228356
  return;
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
  }
@@ -228386,14 +228386,14 @@ const lo = /* @__PURE__ */ d(class extends l {
228386
228386
  // ref: (el: HTMLElement) => (this.tabRef = el),
228387
228387
  ref: (t) => this.tabRef = t
228388
228388
  };
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" }));
228389
+ return this.externalLink ? e("a", Object.assign({ href: this.link }, n, { tabindex: "0" }), this.icon && e("span", { class: "sidepanel__menu-tab-icon", innerHTML: 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", innerHTML: 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", innerHTML: 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
228391
  }, [0, "tab-link", {
228392
228392
  type: [1],
228393
228393
  onColor: [4, "on-color"],
228394
228394
  level: [2],
228395
228395
  badge: [2],
228396
- icon: [16],
228396
+ icon: [1],
228397
228397
  externalLink: [4, "external-link"],
228398
228398
  text: [1],
228399
228399
  link: [1],
@@ -228408,15 +228408,15 @@ function Y() {
228408
228408
  ["tab-link", "dga-tag"].forEach((n) => {
228409
228409
  switch (n) {
228410
228410
  case "tab-link":
228411
- customElements.get(n) || customElements.define(n, lo);
228411
+ customElements.get(n) || customElements.define(n, so);
228412
228412
  break;
228413
228413
  case "dga-tag":
228414
- customElements.get(n) || F();
228414
+ customElements.get(n) || H();
228415
228415
  break;
228416
228416
  }
228417
228417
  });
228418
228418
  }
228419
- const fo = /* @__PURE__ */ d(class extends l {
228419
+ const lo = /* @__PURE__ */ d(class extends l {
228420
228420
  constructor() {
228421
228421
  super(), this.__registerHost(), this.route = void 0, this.childRoute = void 0, this.onChildExpanded = void 0;
228422
228422
  }
@@ -228439,10 +228439,10 @@ function G() {
228439
228439
  ["submenu-component", "dga-tag", "submenu-component", "tab-link"].forEach((n) => {
228440
228440
  switch (n) {
228441
228441
  case "submenu-component":
228442
- customElements.get(n) || customElements.define(n, fo);
228442
+ customElements.get(n) || customElements.define(n, lo);
228443
228443
  break;
228444
228444
  case "dga-tag":
228445
- customElements.get(n) || F();
228445
+ customElements.get(n) || H();
228446
228446
  break;
228447
228447
  case "submenu-component":
228448
228448
  customElements.get(n) || G();
@@ -228453,7 +228453,7 @@ function G() {
228453
228453
  }
228454
228454
  });
228455
228455
  }
228456
- const bo = /* @__PURE__ */ d(class extends l {
228456
+ const fo = /* @__PURE__ */ d(class extends l {
228457
228457
  constructor() {
228458
228458
  super(), this.__registerHost(), this.route = void 0, this.isExpanded = !1;
228459
228459
  }
@@ -228461,7 +228461,7 @@ const bo = /* @__PURE__ */ d(class extends l {
228461
228461
  this.isExpanded = n, n ? this.submenuElement.style.maxHeight = "fit-content" : this.submenuElement.style.maxHeight = "";
228462
228462
  }
228463
228463
  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) => {
228464
+ 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
228465
  i && (this.submenuElement.style.maxHeight = "fit-content");
228466
228466
  } }))));
228467
228467
  }
@@ -228475,10 +228475,10 @@ function An() {
228475
228475
  ["tab-component", "dga-tag", "submenu-component", "tab-link"].forEach((n) => {
228476
228476
  switch (n) {
228477
228477
  case "tab-component":
228478
- customElements.get(n) || customElements.define(n, bo);
228478
+ customElements.get(n) || customElements.define(n, fo);
228479
228479
  break;
228480
228480
  case "dga-tag":
228481
- customElements.get(n) || F();
228481
+ customElements.get(n) || H();
228482
228482
  break;
228483
228483
  case "submenu-component":
228484
228484
  customElements.get(n) || G();
@@ -228489,26 +228489,26 @@ function An() {
228489
228489
  }
228490
228490
  });
228491
228491
  }
228492
- const po = /* @__PURE__ */ d(class extends l {
228492
+ const bo = /* @__PURE__ */ d(class extends l {
228493
228493
  constructor() {
228494
228494
  super(), this.__registerHost(), this.routes = [];
228495
228495
  }
228496
228496
  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" }))));
228497
+ 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
228498
  }
228499
228499
  }, [0, "side-panel-menu", {
228500
228500
  routes: [16]
228501
228501
  }]);
228502
- function uo() {
228502
+ function po() {
228503
228503
  if (typeof customElements > "u")
228504
228504
  return;
228505
228505
  ["side-panel-menu", "dga-tag", "submenu-component", "tab-component", "tab-link"].forEach((n) => {
228506
228506
  switch (n) {
228507
228507
  case "side-panel-menu":
228508
- customElements.get(n) || customElements.define(n, po);
228508
+ customElements.get(n) || customElements.define(n, bo);
228509
228509
  break;
228510
228510
  case "dga-tag":
228511
- customElements.get(n) || F();
228511
+ customElements.get(n) || H();
228512
228512
  break;
228513
228513
  case "submenu-component":
228514
228514
  customElements.get(n) || G();
@@ -228522,16 +228522,16 @@ function uo() {
228522
228522
  }
228523
228523
  });
228524
228524
  }
228525
- const ko = /* @__PURE__ */ d(class extends l {
228525
+ const uo = /* @__PURE__ */ d(class extends l {
228526
228526
  constructor() {
228527
228527
  super(), this.__registerHost(), this.background = void 0, this.overlay = void 0, this.border = void 0, this.collapsed = void 0, this.routes = void 0;
228528
228528
  }
228529
228529
  render() {
228530
- return console.log(this.routes, "routes"), e("div", { key: "3ecb197dba2adf284ed1418f0cfc144d31b963bf", class: `sidepanel ${this.background ? `sidepanel--bg-${this.background}` : ""}
228530
+ return console.log(this.routes, "routes"), e("div", { key: "c458d829e84048aea62ff086d8ca7aaf73282e24", class: `sidepanel ${this.background ? `sidepanel--bg-${this.background}` : ""}
228531
228531
  ${this.overlay ? "sidepanel--overlay" : ""}
228532
228532
  ${this.border ? "sidepanel--border" : ""}
228533
228533
  ${this.collapsed ? "collapsed" : ""}
228534
- ` }, e("side-panel-menu", { key: "0e6c5c0d5eeb7fc50eefa8bea8c2320f1302d4a9", routes: this.routes }));
228534
+ ` }, e("side-panel-menu", { key: "990a50fd29588749c0e5b7c36d90fc1187141af8", routes: this.routes }));
228535
228535
  }
228536
228536
  }, [0, "dga-drawer", {
228537
228537
  background: [1],
@@ -228546,13 +228546,13 @@ function Br() {
228546
228546
  ["dga-drawer", "dga-tag", "side-panel-menu", "submenu-component", "tab-component", "tab-link"].forEach((n) => {
228547
228547
  switch (n) {
228548
228548
  case "dga-drawer":
228549
- customElements.get(n) || customElements.define(n, ko);
228549
+ customElements.get(n) || customElements.define(n, uo);
228550
228550
  break;
228551
228551
  case "dga-tag":
228552
- customElements.get(n) || F();
228552
+ customElements.get(n) || H();
228553
228553
  break;
228554
228554
  case "side-panel-menu":
228555
- customElements.get(n) || uo();
228555
+ customElements.get(n) || po();
228556
228556
  break;
228557
228557
  case "submenu-component":
228558
228558
  customElements.get(n) || G();
@@ -228566,7 +228566,7 @@ function Br() {
228566
228566
  }
228567
228567
  });
228568
228568
  }
228569
- const Pr = ko, Er = Br, mo = /* @__PURE__ */ d(class extends l {
228569
+ const Pr = uo, Er = Br, ko = /* @__PURE__ */ d(class extends l {
228570
228570
  constructor() {
228571
228571
  super(), this.__registerHost(), this.handleClickOutside = (n) => {
228572
228572
  var t;
@@ -228628,7 +228628,7 @@ const Pr = ko, Er = Br, mo = /* @__PURE__ */ d(class extends l {
228628
228628
  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
228629
  }
228630
228630
  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: {
228631
+ 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
228632
  fontSize: "20px"
228633
228633
  } }))), 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
228634
  }
@@ -228664,7 +228664,7 @@ function Dr() {
228664
228664
  ["dga-dropdown", "dga-icon"].forEach((n) => {
228665
228665
  switch (n) {
228666
228666
  case "dga-dropdown":
228667
- customElements.get(n) || customElements.define(n, mo);
228667
+ customElements.get(n) || customElements.define(n, ko);
228668
228668
  break;
228669
228669
  case "dga-icon":
228670
228670
  customElements.get(n) || w();
@@ -228672,7 +228672,7 @@ function Dr() {
228672
228672
  }
228673
228673
  });
228674
228674
  }
228675
- const jr = mo, Tr = Dr, vo = /* @__PURE__ */ d(class extends l {
228675
+ const jr = ko, Tr = Dr, mo = /* @__PURE__ */ d(class extends l {
228676
228676
  constructor() {
228677
228677
  super(), this.__registerHost(), this.iconFonts = {
228678
228678
  xl: 28,
@@ -228697,7 +228697,7 @@ function Lr() {
228697
228697
  ["dga-featured-icon", "dga-icon"].forEach((n) => {
228698
228698
  switch (n) {
228699
228699
  case "dga-featured-icon":
228700
- customElements.get(n) || customElements.define(n, vo);
228700
+ customElements.get(n) || customElements.define(n, mo);
228701
228701
  break;
228702
228702
  case "dga-icon":
228703
228703
  customElements.get(n) || w();
@@ -228705,31 +228705,31 @@ function Lr() {
228705
228705
  }
228706
228706
  });
228707
228707
  }
228708
- const Or = vo, Rr = Lr, wo = /* @__PURE__ */ d(class extends l {
228708
+ const Or = mo, Rr = Lr, vo = /* @__PURE__ */ d(class extends l {
228709
228709
  constructor() {
228710
228710
  super(), this.__registerHost(), this.size = "md", this.variant = "neutral", this.extraClass = void 0;
228711
228711
  }
228712
228712
  render() {
228713
228713
  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" }));
228714
+ return e("div", { key: "251ea0a456a7186f146af07dfee5ee2dec02cc85", class: n }, e("div", { key: "e37151f429664b8f389e49a7bdd3f714494521f3", class: "loading__circle" }));
228715
228715
  }
228716
228716
  }, [0, "dga-loading", {
228717
228717
  size: [1],
228718
228718
  variant: [1],
228719
228719
  extraClass: [1, "extra-class"]
228720
228720
  }]);
228721
- function xo() {
228721
+ function wo() {
228722
228722
  if (typeof customElements > "u")
228723
228723
  return;
228724
228724
  ["dga-loading"].forEach((n) => {
228725
228725
  switch (n) {
228726
228726
  case "dga-loading":
228727
- customElements.get(n) || customElements.define(n, wo);
228727
+ customElements.get(n) || customElements.define(n, vo);
228728
228728
  break;
228729
228729
  }
228730
228730
  });
228731
228731
  }
228732
- const yo = /* @__PURE__ */ d(class extends l {
228732
+ const xo = /* @__PURE__ */ d(class extends l {
228733
228733
  constructor() {
228734
228734
  super(), this.__registerHost(), this.handleFileSelection = (n) => {
228735
228735
  const t = n.target;
@@ -228779,10 +228779,10 @@ const yo = /* @__PURE__ */ d(class extends l {
228779
228779
  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
228780
  }
228781
228781
  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: () => {
228782
+ 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
228783
  var n;
228784
228784
  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))));
228785
+ } }, 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
228786
  }
228787
228787
  }, [0, "dga-file-upload", {
228788
228788
  id: [1],
@@ -228801,21 +228801,21 @@ const yo = /* @__PURE__ */ d(class extends l {
228801
228801
  files: [32],
228802
228802
  dragState: [32]
228803
228803
  }]);
228804
- function Fr() {
228804
+ function Hr() {
228805
228805
  if (typeof customElements > "u")
228806
228806
  return;
228807
228807
  ["dga-file-upload", "dga-loading"].forEach((n) => {
228808
228808
  switch (n) {
228809
228809
  case "dga-file-upload":
228810
- customElements.get(n) || customElements.define(n, yo);
228810
+ customElements.get(n) || customElements.define(n, xo);
228811
228811
  break;
228812
228812
  case "dga-loading":
228813
- customElements.get(n) || xo();
228813
+ customElements.get(n) || wo();
228814
228814
  break;
228815
228815
  }
228816
228816
  });
228817
228817
  }
228818
- const Hr = yo, Ur = Fr, Wr = `@charset "UTF-8";
228818
+ const Fr = xo, Ur = Hr, Wr = `@charset "UTF-8";
228819
228819
  /*
228820
228820
  0 - 600px: Phone
228821
228821
  600 - 900px: Tablet portrait
@@ -232474,12 +232474,12 @@ a:focus {
232474
232474
  max-width: calc(50% - 24px + 12px);
232475
232475
  min-width: auto;
232476
232476
  }
232477
- }`, Vr = Wr, _o = /* @__PURE__ */ d(class extends l {
232477
+ }`, Vr = Wr, yo = /* @__PURE__ */ d(class extends l {
232478
232478
  constructor() {
232479
232479
  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
232480
  }
232481
232481
  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() }))))));
232482
+ 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
232483
  }
232484
232484
  static get style() {
232485
232485
  return Vr;
@@ -232508,12 +232508,12 @@ function Kr() {
232508
232508
  ["dga-footer"].forEach((n) => {
232509
232509
  switch (n) {
232510
232510
  case "dga-footer":
232511
- customElements.get(n) || customElements.define(n, _o);
232511
+ customElements.get(n) || customElements.define(n, yo);
232512
232512
  break;
232513
232513
  }
232514
232514
  });
232515
232515
  }
232516
- const Yr = _o, Gr = Kr, Bn = /* @__PURE__ */ d(class extends l {
232516
+ const Yr = yo, Gr = Kr, Bn = /* @__PURE__ */ d(class extends l {
232517
232517
  constructor() {
232518
232518
  super(), this.__registerHost(), this.label = void 0, this.icon = void 0, this.active = !1, this.extraClasses = "", this.onClick = void 0;
232519
232519
  }
@@ -232544,7 +232544,7 @@ function Xr() {
232544
232544
  }
232545
232545
  });
232546
232546
  }
232547
- const Nr = Bn, Zr = Xr, Pn = /* @__PURE__ */ d(class extends l {
232547
+ const Zr = Bn, Nr = Xr, Pn = /* @__PURE__ */ d(class extends l {
232548
232548
  constructor() {
232549
232549
  super(), this.__registerHost(), this.fullWidth = !0, this.divider = !0, this.sticky = !1;
232550
232550
  }
@@ -232639,7 +232639,7 @@ function ea() {
232639
232639
  }
232640
232640
  });
232641
232641
  }
232642
- const qo = /* @__PURE__ */ d(class extends l {
232642
+ const _o = /* @__PURE__ */ d(class extends l {
232643
232643
  constructor() {
232644
232644
  super(), this.__registerHost(), this.active = !1, this.subMenuFullWidth = !1, this.background = void 0;
232645
232645
  }
@@ -232651,7 +232651,7 @@ const qo = /* @__PURE__ */ d(class extends l {
232651
232651
  }
232652
232652
  render() {
232653
232653
  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" })));
232654
+ 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
232655
  }
232656
232656
  get el() {
232657
232657
  return this;
@@ -232668,13 +232668,13 @@ const qo = /* @__PURE__ */ d(class extends l {
232668
232668
  }, void 0, {
232669
232669
  active: ["onActiveChange"]
232670
232670
  }]);
232671
- function zo() {
232671
+ function qo() {
232672
232672
  if (typeof customElements > "u")
232673
232673
  return;
232674
232674
  ["dga-nav-header-sub-menu"].forEach((n) => {
232675
232675
  switch (n) {
232676
232676
  case "dga-nav-header-sub-menu":
232677
- customElements.get(n) || customElements.define(n, qo);
232677
+ customElements.get(n) || customElements.define(n, _o);
232678
232678
  break;
232679
232679
  }
232680
232680
  });
@@ -232708,7 +232708,7 @@ function oa() {
232708
232708
  customElements.get(n) || w();
232709
232709
  break;
232710
232710
  case "dga-nav-header-sub-menu":
232711
- customElements.get(n) || zo();
232711
+ customElements.get(n) || qo();
232712
232712
  break;
232713
232713
  }
232714
232714
  });
@@ -232784,7 +232784,7 @@ function ra() {
232784
232784
  }
232785
232785
  });
232786
232786
  }
232787
- const So = /* @__PURE__ */ d(class extends l {
232787
+ const zo = /* @__PURE__ */ d(class extends l {
232788
232788
  constructor() {
232789
232789
  super(), this.__registerHost(), this.config = void 0;
232790
232790
  }
@@ -232800,12 +232800,12 @@ function aa() {
232800
232800
  ["dga-header"].forEach((n) => {
232801
232801
  switch (n) {
232802
232802
  case "dga-header":
232803
- customElements.get(n) || customElements.define(n, So);
232803
+ customElements.get(n) || customElements.define(n, zo);
232804
232804
  break;
232805
232805
  }
232806
232806
  });
232807
232807
  }
232808
- const ga = So, ha = aa, ca = Qe, sa = Cn, Mo = /* @__PURE__ */ d(class extends l {
232808
+ const ga = zo, ha = aa, ca = Je, sa = Cn, So = /* @__PURE__ */ d(class extends l {
232809
232809
  constructor() {
232810
232810
  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
232811
  }
@@ -232830,12 +232830,12 @@ function la() {
232830
232830
  ["dga-html-tag"].forEach((n) => {
232831
232831
  switch (n) {
232832
232832
  case "dga-html-tag":
232833
- customElements.get(n) || customElements.define(n, Mo);
232833
+ customElements.get(n) || customElements.define(n, So);
232834
232834
  break;
232835
232835
  }
232836
232836
  });
232837
232837
  }
232838
- const da = Mo, fa = la, ba = $e, pa = w, $o = /* @__PURE__ */ d(class extends l {
232838
+ const da = So, fa = la, ba = Me, pa = w, Mo = /* @__PURE__ */ d(class extends l {
232839
232839
  constructor() {
232840
232840
  super(), this.__registerHost(), this.icons = {
232841
232841
  error: "hgi-stroke hgi-help-circle",
@@ -232863,7 +232863,7 @@ const da = Mo, fa = la, ba = $e, pa = w, $o = /* @__PURE__ */ d(class extends l
232863
232863
  ];
232864
232864
  }
232865
232865
  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)))));
232866
+ 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
232867
  }
232868
232868
  }, [4, "dga-inline-alert", {
232869
232869
  type: [1],
@@ -232881,12 +232881,12 @@ function ua() {
232881
232881
  ["dga-inline-alert"].forEach((n) => {
232882
232882
  switch (n) {
232883
232883
  case "dga-inline-alert":
232884
- customElements.get(n) || customElements.define(n, $o);
232884
+ customElements.get(n) || customElements.define(n, Mo);
232885
232885
  break;
232886
232886
  }
232887
232887
  });
232888
232888
  }
232889
- const ka = $o, ma = ua, va = no, wa = In, Co = /* @__PURE__ */ d(class extends l {
232889
+ const ka = Mo, ma = ua, va = Qe, wa = In, $o = /* @__PURE__ */ d(class extends l {
232890
232890
  constructor() {
232891
232891
  super(), this.__registerHost(), this.onClick = C(this, "onClick", 7), this.handleClick = (n) => {
232892
232892
  n.preventDefault(), this.onClick.emit(n);
@@ -232917,12 +232917,12 @@ function xa() {
232917
232917
  ["dga-link"].forEach((n) => {
232918
232918
  switch (n) {
232919
232919
  case "dga-link":
232920
- customElements.get(n) || customElements.define(n, Co);
232920
+ customElements.get(n) || customElements.define(n, $o);
232921
232921
  break;
232922
232922
  }
232923
232923
  });
232924
232924
  }
232925
- const ya = Co, _a = xa, qa = `@charset "UTF-8";
232925
+ const ya = $o, _a = xa, qa = `@charset "UTF-8";
232926
232926
  /*
232927
232927
  0 - 600px: Phone
232928
232928
  600 - 900px: Tablet portrait
@@ -236469,7 +236469,7 @@ a:focus {
236469
236469
  .list-item--with-icon .list-item__icon :global(i) {
236470
236470
  width: 16px;
236471
236471
  height: 16px;
236472
- }`, za = qa, Io = /* @__PURE__ */ d(class extends l {
236472
+ }`, za = qa, Co = /* @__PURE__ */ d(class extends l {
236473
236473
  constructor() {
236474
236474
  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
236475
  }
@@ -236493,7 +236493,7 @@ a:focus {
236493
236493
  return this.type === "ordered" ? e("span", { class: "list-item__marker" }, this.level === "one" ? this.itemNumber : this.itemLetter) : null;
236494
236494
  }
236495
236495
  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));
236496
+ 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
236497
  }
236498
236498
  get el() {
236499
236499
  return this;
@@ -236510,18 +236510,18 @@ a:focus {
236510
236510
  icon: [1],
236511
236511
  inheritedType: [32]
236512
236512
  }]);
236513
- function Rn() {
236513
+ function Io() {
236514
236514
  if (typeof customElements > "u")
236515
236515
  return;
236516
236516
  ["dga-list-item"].forEach((n) => {
236517
236517
  switch (n) {
236518
236518
  case "dga-list-item":
236519
- customElements.get(n) || customElements.define(n, Io);
236519
+ customElements.get(n) || customElements.define(n, Co);
236520
236520
  break;
236521
236521
  }
236522
236522
  });
236523
236523
  }
236524
- const Sa = Io, Ma = Rn, $a = `@charset "UTF-8";
236524
+ const Sa = Co, Ma = Io, $a = `@charset "UTF-8";
236525
236525
  /*
236526
236526
  0 - 600px: Phone
236527
236527
  600 - 900px: Tablet portrait
@@ -240149,19 +240149,7 @@ a:focus {
240149
240149
  height: 16px;
240150
240150
  }`, Ca = $a, Ao = /* @__PURE__ */ d(class extends l {
240151
240151
  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
- };
240152
+ super(), this.__registerHost(), this.type = "unordered", this.color = "primary", this.title = "", this.items = [];
240165
240153
  }
240166
240154
  // private getListClass() {
240167
240155
  // return {
@@ -240180,15 +240168,9 @@ a:focus {
240180
240168
  // }
240181
240169
  // return null;
240182
240170
  // }
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
240171
  render() {
240190
240172
  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" }));
240173
+ return e(n, { key: "317b0cf0edbc883cf7d2eaf39228492e89eb3481", class: `list list--${this.type} list--${this.color}` }, e("slot", { key: "e8336ac3eae7796f6e1df92c4f2d37db78ab22ee" }));
240192
240174
  }
240193
240175
  static get style() {
240194
240176
  return Ca;
@@ -240202,14 +240184,11 @@ a:focus {
240202
240184
  function Bo() {
240203
240185
  if (typeof customElements > "u")
240204
240186
  return;
240205
- ["dga-list-v2", "dga-list-item"].forEach((n) => {
240187
+ ["dga-list-v2"].forEach((n) => {
240206
240188
  switch (n) {
240207
240189
  case "dga-list-v2":
240208
240190
  customElements.get(n) || customElements.define(n, Ao);
240209
240191
  break;
240210
- case "dga-list-item":
240211
- customElements.get(n) || Rn();
240212
- break;
240213
240192
  }
240214
240193
  });
240215
240194
  }
@@ -240218,7 +240197,7 @@ const Po = /* @__PURE__ */ d(class extends l {
240218
240197
  super(), this.__registerHost();
240219
240198
  }
240220
240199
  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" })))));
240200
+ 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
240201
  }
240223
240202
  }, [0, "dga-list-usage"]);
240224
240203
  function Ia() {
@@ -240230,7 +240209,7 @@ function Ia() {
240230
240209
  customElements.get(n) || customElements.define(n, Po);
240231
240210
  break;
240232
240211
  case "dga-list-item":
240233
- customElements.get(n) || Rn();
240212
+ customElements.get(n) || Io();
240234
240213
  break;
240235
240214
  case "dga-list-v2":
240236
240215
  customElements.get(n) || Bo();
@@ -240244,7 +240223,7 @@ const Aa = Po, Ba = Ia, Pa = Ao, Ea = Bo, Eo = /* @__PURE__ */ d(class extends l
240244
240223
  }
240245
240224
  render() {
240246
240225
  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))));
240226
+ 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
240227
  }
240249
240228
  }, [0, "dga-list", {
240250
240229
  type: [1],
@@ -240263,12 +240242,12 @@ function Da() {
240263
240242
  }
240264
240243
  });
240265
240244
  }
240266
- const ja = Eo, Ta = Da, La = wo, Oa = xo, Do = /* @__PURE__ */ d(class extends l {
240245
+ const ja = Eo, Ta = Da, La = vo, Oa = wo, Do = /* @__PURE__ */ d(class extends l {
240267
240246
  constructor() {
240268
240247
  super(), this.__registerHost(), this.icon = void 0, this.size = 24, this.color = void 0;
240269
240248
  }
240270
240249
  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}` }));
240250
+ 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
240251
  }
240273
240252
  }, [0, "dga-local-icon", {
240274
240253
  icon: [1],
@@ -240286,7 +240265,7 @@ function Ra() {
240286
240265
  }
240287
240266
  });
240288
240267
  }
240289
- const Fa = Do, Ha = Ra, jo = /* @__PURE__ */ d(class extends l {
240268
+ const Ha = Do, Fa = Ra, jo = /* @__PURE__ */ d(class extends l {
240290
240269
  constructor() {
240291
240270
  super(), this.__registerHost(), this.groupLabel = void 0;
240292
240271
  }
@@ -240351,7 +240330,7 @@ function Xa() {
240351
240330
  }
240352
240331
  });
240353
240332
  }
240354
- const Na = Lo, Za = Xa, Oo = /* @__PURE__ */ d(class extends l {
240333
+ const Za = Lo, Na = Xa, Oo = /* @__PURE__ */ d(class extends l {
240355
240334
  constructor() {
240356
240335
  super(), this.__registerHost(), this.handleClickOutside = (n) => {
240357
240336
  this.anchorEl && !this.anchorEl.contains(n.target) && this.onClose();
@@ -240413,13 +240392,13 @@ const Qa = Oo, ng = Ja, Ro = /* @__PURE__ */ d(class extends l {
240413
240392
  };
240414
240393
  }
240415
240394
  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: {
240395
+ 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
240396
  variant: "stroke",
240418
240397
  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: {
240398
+ }, 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
240399
  variant: "stroke",
240421
240400
  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 }))));
240401
+ }, onClick: this.onSecondaryAction }), e("dga-button", { key: "3b6986693dbcaf0396f1d38b05ca5caca3818212", variant: "secondary-outline", class: "dga-metric__actions--primary", label: "View Report", onClick: this.onPrimaryAction }))));
240423
240402
  }
240424
240403
  }, [0, "dga-metric", {
240425
240404
  label: [1],
@@ -240451,7 +240430,7 @@ function eg() {
240451
240430
  customElements.get(n) || O();
240452
240431
  break;
240453
240432
  case "dga-chart":
240454
- customElements.get(n) || Ue();
240433
+ customElements.get(n) || Fe();
240455
240434
  break;
240456
240435
  case "dga-icon":
240457
240436
  customElements.get(n) || w();
@@ -240460,7 +240439,7 @@ function eg() {
240460
240439
  });
240461
240440
  }
240462
240441
  const og = Ro, tg = eg;
240463
- function ie(o) {
240442
+ function te(o) {
240464
240443
  if (!o)
240465
240444
  return new Error("😒 Name is required");
240466
240445
  try {
@@ -240472,12 +240451,12 @@ function ie(o) {
240472
240451
  console.log("🚀 ~ HideModal ~ error:", n);
240473
240452
  }
240474
240453
  }
240475
- const Fo = /* @__PURE__ */ d(class extends l {
240454
+ const Ho = /* @__PURE__ */ d(class extends l {
240476
240455
  constructor() {
240477
240456
  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
240457
  }
240479
240458
  handleClickOutside(n) {
240480
- n.stopPropagation(), n.preventDefault(), !this.staticModal && ie(this.name);
240459
+ n.stopPropagation(), n.preventDefault(), !this.staticModal && te(this.name);
240481
240460
  }
240482
240461
  render() {
240483
240462
  return e("dialog", Object.assign({
@@ -240488,7 +240467,7 @@ const Fo = /* @__PURE__ */ d(class extends l {
240488
240467
  style: { display: this.show ? "flex" : "none" },
240489
240468
  class: `flex-align-${this.position}`
240490
240469
  }, 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);
240470
+ te(this.name);
240492
240471
  } }, 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
240472
  justifyContent: this.secondBtnPosition == "left" ? "flex-start" : "space-between"
240494
240473
  }), { 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 && {
@@ -240520,7 +240499,7 @@ function ig() {
240520
240499
  ["dga-modal", "dga-icon"].forEach((n) => {
240521
240500
  switch (n) {
240522
240501
  case "dga-modal":
240523
- customElements.get(n) || customElements.define(n, Fo);
240502
+ customElements.get(n) || customElements.define(n, Ho);
240524
240503
  break;
240525
240504
  case "dga-icon":
240526
240505
  customElements.get(n) || w();
@@ -240528,13 +240507,13 @@ function ig() {
240528
240507
  }
240529
240508
  });
240530
240509
  }
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 = {
240510
+ const rg = Ho, 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
240511
  error: "hgi-stroke hgi-alert-02",
240533
240512
  warning: "hgi-stroke hgi-alert-circle",
240534
240513
  success: "hgi-stroke hgi-sharp hgi-checkmark-circle-02",
240535
240514
  info: "hgi-stroke hgi-sharp hgi-information-circle",
240536
240515
  neutral: "hgi-stroke hgi-sharp hgi-information-circle"
240537
- }, Ho = /* @__PURE__ */ d(class extends l {
240516
+ }, Fo = /* @__PURE__ */ d(class extends l {
240538
240517
  constructor() {
240539
240518
  super(), this.__registerHost(), this.type = "neutral", this.leadText = void 0, this.hasHelperText = !1, this.helperText = void 0, this.action = void 0, this.closeButton = void 0, this.vPostion = "top", this.hPostion = "right", this.onClose = void 0, this.buttonsList = [];
240540
240519
  }
@@ -240566,12 +240545,12 @@ function Sg() {
240566
240545
  ["dga-notification-toast"].forEach((n) => {
240567
240546
  switch (n) {
240568
240547
  case "dga-notification-toast":
240569
- customElements.get(n) || customElements.define(n, Ho);
240548
+ customElements.get(n) || customElements.define(n, Fo);
240570
240549
  break;
240571
240550
  }
240572
240551
  });
240573
240552
  }
240574
- const Mg = Ho, $g = Sg, Uo = /* @__PURE__ */ d(class extends l {
240553
+ const Mg = Fo, $g = Sg, Uo = /* @__PURE__ */ d(class extends l {
240575
240554
  constructor() {
240576
240555
  super(), this.__registerHost(), this.icons = {
240577
240556
  success: "hgi-solid hgi-sharp hgi-checkmark-circle-02",
@@ -240611,7 +240590,7 @@ function Cg() {
240611
240590
  }
240612
240591
  });
240613
240592
  }
240614
- const Ig = Uo, Ag = Cg, H = "...", N = (o, n) => {
240593
+ const Ig = Uo, Ag = Cg, F = "...", Z = (o, n) => {
240615
240594
  let t = n - o + 1;
240616
240595
  return Array.from({ length: t }, (i, r) => r + o);
240617
240596
  }, Wo = /* @__PURE__ */ d(class extends l {
@@ -240628,19 +240607,19 @@ const Ig = Uo, Ag = Cg, H = "...", N = (o, n) => {
240628
240607
  get paginationRange() {
240629
240608
  const { totalPageCount: n, siblingCount: t, currentPage: i } = this;
240630
240609
  if (t + 5 >= n)
240631
- return N(1, n);
240610
+ return Z(1, n);
240632
240611
  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
240612
  if (!h && c) {
240634
240613
  let u = 3 + 2 * t;
240635
- return [...N(1, u), H, n];
240614
+ return [...Z(1, u), F, n];
240636
240615
  }
240637
240616
  if (h && !c) {
240638
- let u = 3 + 2 * t, p = N(n - u + 1, n);
240639
- return [k, H, ...p];
240617
+ let u = 3 + 2 * t, p = Z(n - u + 1, n);
240618
+ return [k, F, ...p];
240640
240619
  }
240641
240620
  if (h && c) {
240642
- let u = N(a, g);
240643
- return [k, H, ...u, H, b];
240621
+ let u = Z(a, g);
240622
+ return [k, F, ...u, F, b];
240644
240623
  }
240645
240624
  return [];
240646
240625
  }
@@ -240655,7 +240634,7 @@ const Ig = Uo, Ag = Cg, H = "...", N = (o, n) => {
240655
240634
  // : "",
240656
240635
  // })}
240657
240636
  class: `pagination pagination--${this.size}`
240658
- }, e("li", { key: "3a7159989878b8b58c7c93ca1a62ddf2bcae76be", class: "pagination__item pagination__arrow" }, e("button", { key: "b981298a53ce81b84fb7077b64fbac9fe5ae1958", onClick: this.onPrevious, disabled: this.currentPage === 1 }, e("svg", { key: "a490874e39ef11675cde8a81be793eec398422d8", width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, e("g", { key: "ef8ad41274ba1be57c5d4b9463fcbc95b62bd8a7", id: "Leading Icon" }, e("path", { key: "2828b0066605ebfb737445ebfcca4eb2fd3530ee", id: "Icon", d: "M10.5 12L6.5 8L10.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.paginationRange && this.paginationRange.map((n) => n === H ? e("li", { key: x(), class: "pagination__item" }, "…") : e("li", { key: x(), class: `pagination__item ${this.currentPage === n ? "pagination__item--active" : ""}` }, e("button", { onClick: () => {
240637
+ }, e("li", { key: "3a7159989878b8b58c7c93ca1a62ddf2bcae76be", class: "pagination__item pagination__arrow" }, e("button", { key: "b981298a53ce81b84fb7077b64fbac9fe5ae1958", onClick: this.onPrevious, disabled: this.currentPage === 1 }, e("svg", { key: "a490874e39ef11675cde8a81be793eec398422d8", width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, e("g", { key: "ef8ad41274ba1be57c5d4b9463fcbc95b62bd8a7", id: "Leading Icon" }, e("path", { key: "2828b0066605ebfb737445ebfcca4eb2fd3530ee", id: "Icon", d: "M10.5 12L6.5 8L10.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.paginationRange && this.paginationRange.map((n) => n === F ? e("li", { key: x(), class: "pagination__item" }, "…") : e("li", { key: x(), class: `pagination__item ${this.currentPage === n ? "pagination__item--active" : ""}` }, e("button", { onClick: () => {
240659
240638
  this.handelPageChange(n);
240660
240639
  } }, n))), e("li", { key: "a480785445e5bb5982cb67aed985a5faf596ff5b", class: "pagination__item pagination__arrow" }, e("button", { key: "d0629bc58d1e18713d8c0dd6d36126af5faaff33", onClick: this.onNext, disabled: this.currentPage === this.totalPageCount }, e("svg", { key: "f945354a8f731961782f4ebcb7bc64a32ab51176", width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, e("g", { key: "2cca092d7dca4a8d4edb62c01470fd7bc3cf8709", id: "Leading Icon" }, e("path", { key: "be6e68b7705ef0cc59bbca373aa4d1a1f9e77fca", id: "Icon", d: "M6.5 12L10.5 8L6.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
240661
240640
  }
@@ -244364,7 +244343,7 @@ function Rg() {
244364
244343
  }
244365
244344
  });
244366
244345
  }
244367
- const Fg = Ko, Hg = Rg, Yo = /* @__PURE__ */ d(class extends l {
244346
+ const Hg = Ko, Fg = Rg, Yo = /* @__PURE__ */ d(class extends l {
244368
244347
  constructor() {
244369
244348
  super(), this.__registerHost(), this.handleFocus = () => {
244370
244349
  this.stepContentRef.classList.add("focus");
@@ -244456,7 +244435,7 @@ function Vg() {
244456
244435
  }
244457
244436
  });
244458
244437
  }
244459
- const Kg = Xo, Yg = Vg, No = /* @__PURE__ */ d(class extends l {
244438
+ const Kg = Xo, Yg = Vg, Zo = /* @__PURE__ */ d(class extends l {
244460
244439
  constructor() {
244461
244440
  super(), this.__registerHost(), this.activeStep = 1, this.alignment = "horizontal";
244462
244441
  }
@@ -244473,12 +244452,12 @@ function Gg() {
244473
244452
  ["dga-progress-indicator"].forEach((n) => {
244474
244453
  switch (n) {
244475
244454
  case "dga-progress-indicator":
244476
- customElements.get(n) || customElements.define(n, No);
244455
+ customElements.get(n) || customElements.define(n, Zo);
244477
244456
  break;
244478
244457
  }
244479
244458
  });
244480
244459
  }
244481
- const Xg = No, Ng = Gg, Zo = /* @__PURE__ */ d(class extends l {
244460
+ const Xg = Zo, Zg = Gg, No = /* @__PURE__ */ d(class extends l {
244482
244461
  constructor() {
244483
244462
  super(), this.__registerHost(), this.handleActive = () => {
244484
244463
  var n;
@@ -244532,7 +244511,7 @@ function Jo() {
244532
244511
  ["dga-radio-button"].forEach((n) => {
244533
244512
  switch (n) {
244534
244513
  case "dga-radio-button":
244535
- customElements.get(n) || customElements.define(n, Zo);
244514
+ customElements.get(n) || customElements.define(n, No);
244536
244515
  break;
244537
244516
  }
244538
244517
  });
@@ -244547,7 +244526,7 @@ const Qo = /* @__PURE__ */ d(class extends l {
244547
244526
  }, [0, "dga-radio-button-usage", {
244548
244527
  activeStep: [32]
244549
244528
  }]);
244550
- function Zg() {
244529
+ function Ng() {
244551
244530
  if (typeof customElements > "u")
244552
244531
  return;
244553
244532
  ["dga-radio-button-usage", "dga-radio-button"].forEach((n) => {
@@ -244561,7 +244540,7 @@ function Zg() {
244561
244540
  }
244562
244541
  });
244563
244542
  }
244564
- const Jg = Qo, Qg = Zg, nh = Zo, eh = Jo;
244543
+ const Jg = Qo, Qg = Ng, nh = No, eh = Jo;
244565
244544
  function oh(o) {
244566
244545
  const n = o.toString().split(".")[1];
244567
244546
  return n ? n.length : 0;
@@ -244687,7 +244666,7 @@ const rh = nt, ah = ih, et = /* @__PURE__ */ d(class extends l {
244687
244666
  }, 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
244667
  }
244689
244668
  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" })));
244669
+ 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
244670
  }
244692
244671
  }, [4, "dga-tooltip", {
244693
244672
  beakPlacement: [1, "beak-placement"],
@@ -245228,7 +245207,7 @@ const Bh = lt, Ph = Ah, dt = /* @__PURE__ */ d(class extends l {
245228
245207
  // this.selected = index;
245229
245208
  // };
245230
245209
  render() {
245231
- return e("tbody", { key: "3a6d959d85a51b8631b9860185f0a2a10e0e704d" }, e("slot", { key: "d8554118b98b06baa597c44cf6b3f3e410356c72" }));
245210
+ return e("tbody", { key: "2e912dabd58b1690964febe816a7dc7eaf6cd84c" }, e("slot", { key: "070ff1fa7ba4422f17023cba9aed6f93d8eb849d" }));
245232
245211
  }
245233
245212
  }, [4, "dga-table-body", {
245234
245213
  data: [16],
@@ -245299,7 +245278,7 @@ const Dh = dt, jh = Eh, ft = /* @__PURE__ */ d(class extends l {
245299
245278
  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
245279
  }
245301
245280
  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)))));
245281
+ 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
245282
  }
245304
245283
  }, [0, "dga-table-of-content", {
245305
245284
  sections: [16],
@@ -245388,7 +245367,7 @@ const Lh = ft, Oh = Th, bt = /* @__PURE__ */ d(class extends l {
245388
245367
  this.sortedData = n;
245389
245368
  }
245390
245369
  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" })));
245370
+ 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
245371
  }
245393
245372
  }, [4, "dga-table", {
245394
245373
  data: [16],
@@ -245413,7 +245392,7 @@ function Rh() {
245413
245392
  }
245414
245393
  });
245415
245394
  }
245416
- const Fh = bt, Hh = Rh, Uh = Ke, Wh = Ye, Vh = so, Kh = F, Yh = eo, Gh = oo, re = {
245395
+ const Hh = bt, Fh = Rh, Uh = Ve, Wh = Ke, Vh = co, Kh = H, Yh = no, Gh = eo, ie = {
245417
245396
  success: e("dga-icon", { icon: "CheckmarkCircle02Icon", variant: "solid" }),
245418
245397
  error: e("dga-icon", { icon: "AlertCircleIcon", variant: "solid" }),
245419
245398
  warning: e("dga-icon", { icon: "Alert02Icon", variant: "solid" })
@@ -245440,7 +245419,7 @@ const Fh = bt, Hh = Rh, Uh = Ke, Wh = Ye, Vh = so, Kh = F, Yh = eo, Gh = oo, re
245440
245419
  // // this.isActive = false;
245441
245420
  // // };
245442
245421
  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));
245422
+ 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
245423
  }
245445
245424
  }, [0, "dga-textarea", {
245446
245425
  label: [1],
@@ -245477,7 +245456,7 @@ function Xh() {
245477
245456
  }
245478
245457
  });
245479
245458
  }
245480
- const Nh = pt, Zh = Xh, Jh = et, Qh = ot, nc = `@charset "UTF-8";
245459
+ const Zh = pt, Nh = Xh, Jh = et, Qh = ot, nc = `@charset "UTF-8";
245481
245460
  /*
245482
245461
  0 - 600px: Phone
245483
245462
  600 - 900px: Tablet portrait
@@ -249169,7 +249148,7 @@ a:focus {
249169
249148
  return e("dga-icon", Object.assign({ icon: n }, t));
249170
249149
  }
249171
249150
  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));
249151
+ 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
249152
  }
249174
249153
  static get style() {
249175
249154
  return ec;
@@ -249237,15 +249216,15 @@ function rc() {
249237
249216
  }
249238
249217
  });
249239
249218
  }
249240
- const ac = kt, gc = rc, hc = po, cc = uo, mt = /* @__PURE__ */ d(class extends l {
249219
+ const ac = kt, gc = rc, hc = bo, cc = po, mt = /* @__PURE__ */ d(class extends l {
249241
249220
  constructor() {
249242
249221
  super(), this.__registerHost(), this.translateX = 0;
249243
249222
  }
249244
249223
  render() {
249245
- return e("div", { key: "425bdbddadec76ae8bfabbe316d2b9354690b891", class: "slider-list", style: {
249224
+ return e("div", { key: "77c761ac67cc9685669945c9130e12d22c14f7ed", class: "slider-list", style: {
249246
249225
  transform: `translateX(-${this.translateX}%)`,
249247
249226
  transition: "transform 1s ease-in-out"
249248
- } }, e("slot", { key: "a8c168ad9356cdde792de0a1d67791bf25cc3682" }));
249227
+ } }, e("slot", { key: "1c255b9bd24c55487e879c4bbb19eb47f47223ff" }));
249249
249228
  }
249250
249229
  }, [4, "slider-list", {
249251
249230
  translateX: [2, "translate-x"]
@@ -249266,7 +249245,7 @@ const lc = mt, dc = sc, vt = /* @__PURE__ */ d(class extends l {
249266
249245
  super(), this.__registerHost();
249267
249246
  }
249268
249247
  render() {
249269
- return e("div", { key: "e025939cf1c617c6e594968fe33a5b34e1f908ad", class: "slider-track" }, e("slot", { key: "77c7780dc60df122245cb8c6efd8a8559cf9589a" }));
249248
+ return e("div", { key: "3251572781b07158c7e8fcb0dab317338dfa014b", class: "slider-track" }, e("slot", { key: "83de3fcc803dc09604a389f88c7ce07134da682d" }));
249270
249249
  }
249271
249250
  }, [4, "slider-track"]);
249272
249251
  function fc() {
@@ -249285,7 +249264,7 @@ const bc = vt, pc = fc, wt = /* @__PURE__ */ d(class extends l {
249285
249264
  super(), this.__registerHost(), this.padding = "0px 0px", this.margin = "0px 0px";
249286
249265
  }
249287
249266
  render() {
249288
- return e("div", { key: "e28dc6c4ec69b7da08fdf743745e0e25cd9527fd", style: { position: "relative", padding: this.padding, margin: this.margin } }, e("slot", { key: "607989f148d40fa7182394a0359353044a234457" }));
249267
+ return e("div", { key: "756fc438bfae9267d97437a3e2c1ca6213387994", style: { position: "relative", padding: this.padding, margin: this.margin } }, e("slot", { key: "824835d9319f39974e3849b84781ff8c815041c7" }));
249289
249268
  }
249290
249269
  }, [4, "slider-wrapper", {
249291
249270
  padding: [1],
@@ -249302,17 +249281,17 @@ function uc() {
249302
249281
  }
249303
249282
  });
249304
249283
  }
249305
- const kc = wt, mc = uc, vc = fo, wc = G, xc = bo, yc = An, _c = lo, qc = Y;
249284
+ const kc = wt, mc = uc, vc = lo, wc = G, xc = fo, yc = An, _c = so, qc = Y;
249306
249285
  /**
249307
249286
  * @license
249308
249287
  * Copyright 2018 Google LLC
249309
249288
  * SPDX-License-Identifier: BSD-3-Clause
249310
249289
  */
249311
- const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "className"]), ae = /* @__PURE__ */ new WeakMap(), ge = (o, n, t, i, r) => {
249290
+ const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "className"]), re = /* @__PURE__ */ new WeakMap(), ae = (o, n, t, i, r) => {
249312
249291
  const a = r == null ? void 0 : r[n];
249313
249292
  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());
249293
+ let k = re.get(g);
249294
+ k === void 0 && re.set(g, k = /* @__PURE__ */ new Map());
249316
249295
  let b = k.get(h);
249317
249296
  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
249297
  })(o, a, t);
@@ -249323,8 +249302,8 @@ const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
249323
249302
  return o.useLayoutEffect(() => {
249324
249303
  if (b.current === null) return;
249325
249304
  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);
249305
+ 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]);
249306
+ for (const [v, _] of k.current) ae(b.current, v, void 0, _, i);
249328
249307
  k.current = m;
249329
249308
  }), o.useLayoutEffect(() => {
249330
249309
  var m;
@@ -249417,10 +249396,10 @@ const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
249417
249396
  defineCustomElement: Xi
249418
249397
  }), Ml = /* @__PURE__ */ f({
249419
249398
  tagName: "dga-checkbox",
249420
- elementClass: Ni,
249399
+ elementClass: Zi,
249421
249400
  react: s,
249422
249401
  events: {},
249423
- defineCustomElement: Zi
249402
+ defineCustomElement: Ni
249424
249403
  }), $l = /* @__PURE__ */ f({
249425
249404
  tagName: "dga-chip",
249426
249405
  elementClass: Qi,
@@ -249495,17 +249474,17 @@ const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
249495
249474
  defineCustomElement: Rr
249496
249475
  }), Rl = /* @__PURE__ */ f({
249497
249476
  tagName: "dga-file-upload",
249498
- elementClass: Hr,
249477
+ elementClass: Fr,
249499
249478
  react: s,
249500
249479
  events: {},
249501
249480
  defineCustomElement: Ur
249502
- }), Fl = /* @__PURE__ */ f({
249481
+ }), Hl = /* @__PURE__ */ f({
249503
249482
  tagName: "dga-footer",
249504
249483
  elementClass: Yr,
249505
249484
  react: s,
249506
249485
  events: {},
249507
249486
  defineCustomElement: Gr
249508
- }), Hl = /* @__PURE__ */ f({
249487
+ }), Fl = /* @__PURE__ */ f({
249509
249488
  tagName: "dga-header",
249510
249489
  elementClass: ga,
249511
249490
  react: s,
@@ -249513,10 +249492,10 @@ const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
249513
249492
  defineCustomElement: ha
249514
249493
  }), Ul = /* @__PURE__ */ f({
249515
249494
  tagName: "dga-header-action-btn",
249516
- elementClass: Nr,
249495
+ elementClass: Zr,
249517
249496
  react: s,
249518
249497
  events: {},
249519
- defineCustomElement: Zr
249498
+ defineCustomElement: Nr
249520
249499
  }), Wl = /* @__PURE__ */ f({
249521
249500
  tagName: "dga-helper-text",
249522
249501
  elementClass: ca,
@@ -249553,13 +249532,13 @@ const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
249553
249532
  react: s,
249554
249533
  events: { onOnClick: "onClick" },
249555
249534
  defineCustomElement: _a
249556
- }), Nl = /* @__PURE__ */ f({
249535
+ }), Zl = /* @__PURE__ */ f({
249557
249536
  tagName: "dga-list",
249558
249537
  elementClass: ja,
249559
249538
  react: s,
249560
249539
  events: {},
249561
249540
  defineCustomElement: Ta
249562
- }), Zl = /* @__PURE__ */ f({
249541
+ }), Nl = /* @__PURE__ */ f({
249563
249542
  tagName: "dga-list-item",
249564
249543
  elementClass: Sa,
249565
249544
  react: s,
@@ -249585,10 +249564,10 @@ const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
249585
249564
  defineCustomElement: Oa
249586
249565
  }), ed = /* @__PURE__ */ f({
249587
249566
  tagName: "dga-local-icon",
249588
- elementClass: Fa,
249567
+ elementClass: Ha,
249589
249568
  react: s,
249590
249569
  events: {},
249591
- defineCustomElement: Ha
249570
+ defineCustomElement: Fa
249592
249571
  }), od = /* @__PURE__ */ f({
249593
249572
  tagName: "dga-menu",
249594
249573
  elementClass: Qa,
@@ -249609,10 +249588,10 @@ const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
249609
249588
  defineCustomElement: Ga
249610
249589
  }), rd = /* @__PURE__ */ f({
249611
249590
  tagName: "dga-menu-list",
249612
- elementClass: Na,
249591
+ elementClass: Za,
249613
249592
  react: s,
249614
249593
  events: {},
249615
- defineCustomElement: Za
249594
+ defineCustomElement: Na
249616
249595
  }), ad = /* @__PURE__ */ f({
249617
249596
  tagName: "dga-metric",
249618
249597
  elementClass: og,
@@ -249705,16 +249684,16 @@ const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
249705
249684
  defineCustomElement: Tg
249706
249685
  }), xd = /* @__PURE__ */ f({
249707
249686
  tagName: "dga-progress-bar",
249708
- elementClass: Fg,
249687
+ elementClass: Hg,
249709
249688
  react: s,
249710
249689
  events: {},
249711
- defineCustomElement: Hg
249690
+ defineCustomElement: Fg
249712
249691
  }), yd = /* @__PURE__ */ f({
249713
249692
  tagName: "dga-progress-indicator",
249714
249693
  elementClass: Xg,
249715
249694
  react: s,
249716
249695
  events: {},
249717
- defineCustomElement: Ng
249696
+ defineCustomElement: Zg
249718
249697
  }), _d = /* @__PURE__ */ f({
249719
249698
  tagName: "dga-progress-indicator-step",
249720
249699
  elementClass: Ug,
@@ -249804,10 +249783,10 @@ const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
249804
249783
  defineCustomElement: Ph
249805
249784
  }), Td = /* @__PURE__ */ f({
249806
249785
  tagName: "dga-table",
249807
- elementClass: Fh,
249786
+ elementClass: Hh,
249808
249787
  react: s,
249809
249788
  events: {},
249810
- defineCustomElement: Hh
249789
+ defineCustomElement: Fh
249811
249790
  }), Ld = /* @__PURE__ */ f({
249812
249791
  tagName: "dga-table-body",
249813
249792
  elementClass: Dh,
@@ -249826,13 +249805,13 @@ const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
249826
249805
  react: s,
249827
249806
  events: {},
249828
249807
  defineCustomElement: Wh
249829
- }), Fd = /* @__PURE__ */ f({
249808
+ }), Hd = /* @__PURE__ */ f({
249830
249809
  tagName: "dga-tag",
249831
249810
  elementClass: Vh,
249832
249811
  react: s,
249833
249812
  events: {},
249834
249813
  defineCustomElement: Kh
249835
- }), Hd = /* @__PURE__ */ f({
249814
+ }), Fd = /* @__PURE__ */ f({
249836
249815
  tagName: "dga-text-input",
249837
249816
  elementClass: Yh,
249838
249817
  react: s,
@@ -249840,10 +249819,10 @@ const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
249840
249819
  defineCustomElement: Gh
249841
249820
  }), Ud = /* @__PURE__ */ f({
249842
249821
  tagName: "dga-textarea",
249843
- elementClass: Nh,
249822
+ elementClass: Zh,
249844
249823
  react: s,
249845
249824
  events: {},
249846
- defineCustomElement: Zh
249825
+ defineCustomElement: Nh
249847
249826
  }), Wd = /* @__PURE__ */ f({
249848
249827
  tagName: "dga-tooltip",
249849
249828
  elementClass: Jh,
@@ -249880,13 +249859,13 @@ const zc = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
249880
249859
  react: s,
249881
249860
  events: {},
249882
249861
  defineCustomElement: pc
249883
- }), Nd = /* @__PURE__ */ f({
249862
+ }), Zd = /* @__PURE__ */ f({
249884
249863
  tagName: "slider-wrapper",
249885
249864
  elementClass: kc,
249886
249865
  react: s,
249887
249866
  events: {},
249888
249867
  defineCustomElement: mc
249889
- }), Zd = /* @__PURE__ */ f({
249868
+ }), Nd = /* @__PURE__ */ f({
249890
249869
  tagName: "submenu-component",
249891
249870
  elementClass: vc,
249892
249871
  react: s,
@@ -249933,8 +249912,8 @@ export {
249933
249912
  Ll as DgaDropdown,
249934
249913
  Ol as DgaFeaturedIcon,
249935
249914
  Rl as DgaFileUpload,
249936
- Fl as DgaFooter,
249937
- Hl as DgaHeader,
249915
+ Hl as DgaFooter,
249916
+ Fl as DgaHeader,
249938
249917
  Ul as DgaHeaderActionBtn,
249939
249918
  Wl as DgaHelperText,
249940
249919
  Vl as DgaHtmlTag,
@@ -249942,8 +249921,8 @@ export {
249942
249921
  Yl as DgaInlineAlert,
249943
249922
  Gl as DgaLabel,
249944
249923
  Xl as DgaLink,
249945
- Nl as DgaList,
249946
- Zl as DgaListItem,
249924
+ Zl as DgaList,
249925
+ Nl as DgaListItem,
249947
249926
  Jl as DgaListUsage,
249948
249927
  Ql as DgaListV2,
249949
249928
  nd as DgaLoading,
@@ -249987,8 +249966,8 @@ export {
249987
249966
  Ld as DgaTableBody,
249988
249967
  Od as DgaTableOfContent,
249989
249968
  Rd as DgaTabs,
249990
- Fd as DgaTag,
249991
- Hd as DgaTextInput,
249969
+ Hd as DgaTag,
249970
+ Fd as DgaTextInput,
249992
249971
  Ud as DgaTextarea,
249993
249972
  Wd as DgaTooltip,
249994
249973
  Vd as FloatingButton,
@@ -249996,8 +249975,8 @@ export {
249996
249975
  Yd as SidePanelMenu,
249997
249976
  Gd as SliderList,
249998
249977
  Xd as SliderTrack,
249999
- Nd as SliderWrapper,
250000
- Zd as SubmenuComponent,
249978
+ Zd as SliderWrapper,
249979
+ Nd as SubmenuComponent,
250001
249980
  Jd as TabComponent,
250002
249981
  Qd as TabLink
250003
249982
  };