@cupra/ui-kit 1.0.0-canary.4 → 1.0.0-canary.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.js +729 -723
  2. package/dist-react/index.js +776 -771
  3. package/package.json +1 -1
package/dist-react/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { breakpoints as Lt } from "./utils/breakpoints.js";
1
+ import { breakpoints as Mt } from "./utils/breakpoints.js";
2
2
  import { debounce as Es } from "./utils/debounce.js";
3
3
  /**
4
4
  * @license
@@ -108,7 +108,7 @@ let Li = class extends Event {
108
108
  * Copyright 2017 Google LLC
109
109
  * SPDX-License-Identifier: BSD-3-Clause
110
110
  */
111
- function ve({ context: t }) {
111
+ function ye({ context: t }) {
112
112
  return (e, s) => {
113
113
  const r = /* @__PURE__ */ new WeakMap();
114
114
  if (typeof s == "object") return { get() {
@@ -160,12 +160,12 @@ function fi({ context: t, subscribe: e }) {
160
160
  };
161
161
  }
162
162
  const Os = "theme";
163
- class te {
163
+ class ee {
164
164
  constructor() {
165
165
  this.subscribers = {}, this.lastPublishedData = {};
166
166
  }
167
167
  static getInstance() {
168
- return te.instance || (te.instance = new te()), te.instance;
168
+ return ee.instance || (ee.instance = new ee()), ee.instance;
169
169
  }
170
170
  subscribe(e, s) {
171
171
  return this.subscribers[e] || (this.subscribers[e] = []), this.subscribers[e].push(s), this.lastPublishedData[e];
@@ -183,15 +183,15 @@ class te {
183
183
  });
184
184
  }
185
185
  }
186
- const oe = te.getInstance();
187
- class ee {
186
+ const ne = ee.getInstance();
187
+ class se {
188
188
  constructor() {
189
189
  this.stylePromises = /* @__PURE__ */ new Map(), this.getStyles = async ({
190
190
  componentName: e,
191
191
  theme: s
192
192
  }) => {
193
193
  if (!s || !e) return;
194
- const i = `https://ds-assets.cupra.com/1.0.0-canary.4/styles/${s}/components/${e}.css`, o = this.getCachedStyleSheetPromise({ url: i });
194
+ const i = `https://ds-assets.cupra.com/1.0.0-canary.5/styles/${s}/components/${e}.css`, o = this.getCachedStyleSheetPromise({ url: i });
195
195
  if (o) return o;
196
196
  const n = this.fetchStyle({ url: i }).then((h) => (h || this.stylePromises.delete(i), h));
197
197
  return this.stylePromises.set(i, n), this.stylePromises.get(i);
@@ -209,10 +209,10 @@ class ee {
209
209
  return this.stylePromises.get(e);
210
210
  }
211
211
  static getInstance() {
212
- return ee.instance || (ee.instance = new ee()), ee.instance;
212
+ return se.instance || (se.instance = new se()), se.instance;
213
213
  }
214
214
  }
215
- const Mi = ee.getInstance();
215
+ const Mi = se.getInstance();
216
216
  /**
217
217
  * @license
218
218
  * Copyright 2019 Google LLC
@@ -260,7 +260,7 @@ const vi = (t) => new bi(typeof t == "string" ? t : t + "", void 0, zs), u = (t,
260
260
  * Copyright 2017 Google LLC
261
261
  * SPDX-License-Identifier: BSD-3-Clause
262
262
  */
263
- const { is: ji, defineProperty: Fi, getOwnPropertyDescriptor: Ri, getOwnPropertyNames: Ui, getOwnPropertySymbols: Vi, getPrototypeOf: Hi } = Object, kt = globalThis, Qs = kt.trustedTypes, Wi = Qs ? Qs.emptyScript : "", vs = kt.reactiveElementPolyfillSupport, Pe = (t, e) => t, Xe = { toAttribute(t, e) {
263
+ const { is: ji, defineProperty: Fi, getOwnPropertyDescriptor: Ri, getOwnPropertyNames: Ui, getOwnPropertySymbols: Vi, getPrototypeOf: Hi } = Object, Et = globalThis, Qs = Et.trustedTypes, Wi = Qs ? Qs.emptyScript : "", vs = Et.reactiveElementPolyfillSupport, ze = (t, e) => t, Xe = { toAttribute(t, e) {
264
264
  switch (e) {
265
265
  case Boolean:
266
266
  t = t ? Wi : null;
@@ -289,8 +289,8 @@ const { is: ji, defineProperty: Fi, getOwnPropertyDescriptor: Ri, getOwnProperty
289
289
  }
290
290
  return s;
291
291
  } }, As = (t, e) => !ji(t, e), ti = { attribute: !0, type: String, converter: Xe, reflect: !1, useDefault: !1, hasChanged: As };
292
- Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), kt.litPropertyMetadata ?? (kt.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
293
- let Qt = class extends HTMLElement {
292
+ Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), Et.litPropertyMetadata ?? (Et.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
293
+ let te = class extends HTMLElement {
294
294
  static addInitializer(e) {
295
295
  this._$Ei(), (this.l ?? (this.l = [])).push(e);
296
296
  }
@@ -318,13 +318,13 @@ let Qt = class extends HTMLElement {
318
318
  return this.elementProperties.get(e) ?? ti;
319
319
  }
320
320
  static _$Ei() {
321
- if (this.hasOwnProperty(Pe("elementProperties"))) return;
321
+ if (this.hasOwnProperty(ze("elementProperties"))) return;
322
322
  const e = Hi(this);
323
323
  e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
324
324
  }
325
325
  static finalize() {
326
- if (this.hasOwnProperty(Pe("finalized"))) return;
327
- if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(Pe("properties"))) {
326
+ if (this.hasOwnProperty(ze("finalized"))) return;
327
+ if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(ze("properties"))) {
328
328
  const s = this.properties, r = [...Ui(s), ...Vi(s)];
329
329
  for (const i of r) this.createProperty(i, s[i]);
330
330
  }
@@ -493,28 +493,28 @@ let Qt = class extends HTMLElement {
493
493
  firstUpdated(e) {
494
494
  }
495
495
  };
496
- Qt.elementStyles = [], Qt.shadowRootOptions = { mode: "open" }, Qt[Pe("elementProperties")] = /* @__PURE__ */ new Map(), Qt[Pe("finalized")] = /* @__PURE__ */ new Map(), vs == null || vs({ ReactiveElement: Qt }), (kt.reactiveElementVersions ?? (kt.reactiveElementVersions = [])).push("2.1.1");
496
+ te.elementStyles = [], te.shadowRootOptions = { mode: "open" }, te[ze("elementProperties")] = /* @__PURE__ */ new Map(), te[ze("finalized")] = /* @__PURE__ */ new Map(), vs == null || vs({ ReactiveElement: te }), (Et.reactiveElementVersions ?? (Et.reactiveElementVersions = [])).push("2.1.1");
497
497
  /**
498
498
  * @license
499
499
  * Copyright 2017 Google LLC
500
500
  * SPDX-License-Identifier: BSD-3-Clause
501
501
  */
502
- const ze = globalThis, Je = ze.trustedTypes, ei = Je ? Je.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, yi = "$lit$", Ct = `lit$${Math.random().toFixed(9).slice(2)}$`, gi = "?" + Ct, qi = `<${gi}>`, Ft = document, De = () => Ft.createComment(""), Ne = (t) => t === null || typeof t != "object" && typeof t != "function", Ds = Array.isArray, Ki = (t) => Ds(t) || typeof (t == null ? void 0 : t[Symbol.iterator]) == "function", ys = `[
503
- \f\r]`, Ce = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, si = /-->/g, ii = />/g, Nt = RegExp(`>|${ys}(?:([^\\s"'>=/]+)(${ys}*=${ys}*(?:[^
504
- \f\r"'\`<>=]|("|')|))|$)`, "g"), ri = /'/g, oi = /"/g, $i = /^(?:script|style|textarea|title)$/i, Gi = (t) => (e, ...s) => ({ _$litType$: t, strings: e, values: s }), l = Gi(1), pt = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), ni = /* @__PURE__ */ new WeakMap(), Mt = Ft.createTreeWalker(Ft, 129);
502
+ const Ie = globalThis, Je = Ie.trustedTypes, ei = Je ? Je.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, yi = "$lit$", kt = `lit$${Math.random().toFixed(9).slice(2)}$`, gi = "?" + kt, qi = `<${gi}>`, Rt = document, De = () => Rt.createComment(""), Ne = (t) => t === null || typeof t != "object" && typeof t != "function", Ds = Array.isArray, Ki = (t) => Ds(t) || typeof (t == null ? void 0 : t[Symbol.iterator]) == "function", ys = `[
503
+ \f\r]`, ke = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, si = /-->/g, ii = />/g, Bt = RegExp(`>|${ys}(?:([^\\s"'>=/]+)(${ys}*=${ys}*(?:[^
504
+ \f\r"'\`<>=]|("|')|))|$)`, "g"), ri = /'/g, oi = /"/g, $i = /^(?:script|style|textarea|title)$/i, Gi = (t) => (e, ...s) => ({ _$litType$: t, strings: e, values: s }), l = Gi(1), mt = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), ni = /* @__PURE__ */ new WeakMap(), jt = Rt.createTreeWalker(Rt, 129);
505
505
  function xi(t, e) {
506
506
  if (!Ds(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
507
507
  return ei !== void 0 ? ei.createHTML(e) : e;
508
508
  }
509
509
  const Yi = (t, e) => {
510
510
  const s = t.length - 1, r = [];
511
- let i, o = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", n = Ce;
511
+ let i, o = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", n = ke;
512
512
  for (let h = 0; h < s; h++) {
513
513
  const d = t[h];
514
514
  let f, x, b = -1, $ = 0;
515
- for (; $ < d.length && (n.lastIndex = $, x = n.exec(d), x !== null); ) $ = n.lastIndex, n === Ce ? x[1] === "!--" ? n = si : x[1] !== void 0 ? n = ii : x[2] !== void 0 ? ($i.test(x[2]) && (i = RegExp("</" + x[2], "g")), n = Nt) : x[3] !== void 0 && (n = Nt) : n === Nt ? x[0] === ">" ? (n = i ?? Ce, b = -1) : x[1] === void 0 ? b = -2 : (b = n.lastIndex - x[2].length, f = x[1], n = x[3] === void 0 ? Nt : x[3] === '"' ? oi : ri) : n === oi || n === ri ? n = Nt : n === si || n === ii ? n = Ce : (n = Nt, i = void 0);
516
- const S = n === Nt && t[h + 1].startsWith("/>") ? " " : "";
517
- o += n === Ce ? d + qi : b >= 0 ? (r.push(f), d.slice(0, b) + yi + d.slice(b) + Ct + S) : d + Ct + (b === -2 ? h : S);
515
+ for (; $ < d.length && (n.lastIndex = $, x = n.exec(d), x !== null); ) $ = n.lastIndex, n === ke ? x[1] === "!--" ? n = si : x[1] !== void 0 ? n = ii : x[2] !== void 0 ? ($i.test(x[2]) && (i = RegExp("</" + x[2], "g")), n = Bt) : x[3] !== void 0 && (n = Bt) : n === Bt ? x[0] === ">" ? (n = i ?? ke, b = -1) : x[1] === void 0 ? b = -2 : (b = n.lastIndex - x[2].length, f = x[1], n = x[3] === void 0 ? Bt : x[3] === '"' ? oi : ri) : n === oi || n === ri ? n = Bt : n === si || n === ii ? n = ke : (n = Bt, i = void 0);
516
+ const S = n === Bt && t[h + 1].startsWith("/>") ? " " : "";
517
+ o += n === ke ? d + qi : b >= 0 ? (r.push(f), d.slice(0, b) + yi + d.slice(b) + kt + S) : d + kt + (b === -2 ? h : S);
518
518
  }
519
519
  return [xi(t, o + (t[s] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), r];
520
520
  };
@@ -524,43 +524,43 @@ class Be {
524
524
  this.parts = [];
525
525
  let o = 0, n = 0;
526
526
  const h = e.length - 1, d = this.parts, [f, x] = Yi(e, s);
527
- if (this.el = Be.createElement(f, r), Mt.currentNode = this.el.content, s === 2 || s === 3) {
527
+ if (this.el = Be.createElement(f, r), jt.currentNode = this.el.content, s === 2 || s === 3) {
528
528
  const b = this.el.content.firstChild;
529
529
  b.replaceWith(...b.childNodes);
530
530
  }
531
- for (; (i = Mt.nextNode()) !== null && d.length < h; ) {
531
+ for (; (i = jt.nextNode()) !== null && d.length < h; ) {
532
532
  if (i.nodeType === 1) {
533
533
  if (i.hasAttributes()) for (const b of i.getAttributeNames()) if (b.endsWith(yi)) {
534
- const $ = x[n++], S = i.getAttribute(b).split(Ct), T = /([.?@])?(.*)/.exec($);
534
+ const $ = x[n++], S = i.getAttribute(b).split(kt), T = /([.?@])?(.*)/.exec($);
535
535
  d.push({ type: 1, index: o, name: T[2], strings: S, ctor: T[1] === "." ? Ji : T[1] === "?" ? Zi : T[1] === "@" ? Qi : rs }), i.removeAttribute(b);
536
- } else b.startsWith(Ct) && (d.push({ type: 6, index: o }), i.removeAttribute(b));
536
+ } else b.startsWith(kt) && (d.push({ type: 6, index: o }), i.removeAttribute(b));
537
537
  if ($i.test(i.tagName)) {
538
- const b = i.textContent.split(Ct), $ = b.length - 1;
538
+ const b = i.textContent.split(kt), $ = b.length - 1;
539
539
  if ($ > 0) {
540
540
  i.textContent = Je ? Je.emptyScript : "";
541
- for (let S = 0; S < $; S++) i.append(b[S], De()), Mt.nextNode(), d.push({ type: 2, index: ++o });
541
+ for (let S = 0; S < $; S++) i.append(b[S], De()), jt.nextNode(), d.push({ type: 2, index: ++o });
542
542
  i.append(b[$], De());
543
543
  }
544
544
  }
545
545
  } else if (i.nodeType === 8) if (i.data === gi) d.push({ type: 2, index: o });
546
546
  else {
547
547
  let b = -1;
548
- for (; (b = i.data.indexOf(Ct, b + 1)) !== -1; ) d.push({ type: 7, index: o }), b += Ct.length - 1;
548
+ for (; (b = i.data.indexOf(kt, b + 1)) !== -1; ) d.push({ type: 7, index: o }), b += kt.length - 1;
549
549
  }
550
550
  o++;
551
551
  }
552
552
  }
553
553
  static createElement(e, s) {
554
- const r = Ft.createElement("template");
554
+ const r = Rt.createElement("template");
555
555
  return r.innerHTML = e, r;
556
556
  }
557
557
  }
558
- function ne(t, e, s = t, r) {
558
+ function ae(t, e, s = t, r) {
559
559
  var n, h;
560
- if (e === pt) return e;
560
+ if (e === mt) return e;
561
561
  let i = r !== void 0 ? (n = s._$Co) == null ? void 0 : n[r] : s._$Cl;
562
562
  const o = Ne(e) ? void 0 : e._$litDirective$;
563
- return (i == null ? void 0 : i.constructor) !== o && ((h = i == null ? void 0 : i._$AO) == null || h.call(i, !1), o === void 0 ? i = void 0 : (i = new o(t), i._$AT(t, s, r)), r !== void 0 ? (s._$Co ?? (s._$Co = []))[r] = i : s._$Cl = i), i !== void 0 && (e = ne(t, i._$AS(t, e.values), i, r)), e;
563
+ return (i == null ? void 0 : i.constructor) !== o && ((h = i == null ? void 0 : i._$AO) == null || h.call(i, !1), o === void 0 ? i = void 0 : (i = new o(t), i._$AT(t, s, r)), r !== void 0 ? (s._$Co ?? (s._$Co = []))[r] = i : s._$Cl = i), i !== void 0 && (e = ae(t, i._$AS(t, e.values), i, r)), e;
564
564
  }
565
565
  let Xi = class {
566
566
  constructor(e, s) {
@@ -573,24 +573,24 @@ let Xi = class {
573
573
  return this._$AM._$AU;
574
574
  }
575
575
  u(e) {
576
- const { el: { content: s }, parts: r } = this._$AD, i = ((e == null ? void 0 : e.creationScope) ?? Ft).importNode(s, !0);
577
- Mt.currentNode = i;
578
- let o = Mt.nextNode(), n = 0, h = 0, d = r[0];
576
+ const { el: { content: s }, parts: r } = this._$AD, i = ((e == null ? void 0 : e.creationScope) ?? Rt).importNode(s, !0);
577
+ jt.currentNode = i;
578
+ let o = jt.nextNode(), n = 0, h = 0, d = r[0];
579
579
  for (; d !== void 0; ) {
580
580
  if (n === d.index) {
581
581
  let f;
582
- d.type === 2 ? f = new ye(o, o.nextSibling, this, e) : d.type === 1 ? f = new d.ctor(o, d.name, d.strings, this, e) : d.type === 6 && (f = new tr(o, this, e)), this._$AV.push(f), d = r[++h];
582
+ d.type === 2 ? f = new ge(o, o.nextSibling, this, e) : d.type === 1 ? f = new d.ctor(o, d.name, d.strings, this, e) : d.type === 6 && (f = new tr(o, this, e)), this._$AV.push(f), d = r[++h];
583
583
  }
584
- n !== (d == null ? void 0 : d.index) && (o = Mt.nextNode(), n++);
584
+ n !== (d == null ? void 0 : d.index) && (o = jt.nextNode(), n++);
585
585
  }
586
- return Mt.currentNode = Ft, i;
586
+ return jt.currentNode = Rt, i;
587
587
  }
588
588
  p(e) {
589
589
  let s = 0;
590
590
  for (const r of this._$AV) r !== void 0 && (r.strings !== void 0 ? (r._$AI(e, r, s), s += r.strings.length - 2) : r._$AI(e[s])), s++;
591
591
  }
592
592
  };
593
- class ye {
593
+ class ge {
594
594
  get _$AU() {
595
595
  var e;
596
596
  return ((e = this._$AM) == null ? void 0 : e._$AU) ?? this._$Cv;
@@ -610,7 +610,7 @@ class ye {
610
610
  return this._$AB;
611
611
  }
612
612
  _$AI(e, s = this) {
613
- e = ne(this, e, s), Ne(e) ? e === c || e == null || e === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : e !== this._$AH && e !== pt && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Ki(e) ? this.k(e) : this._(e);
613
+ e = ae(this, e, s), Ne(e) ? e === c || e == null || e === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : e !== this._$AH && e !== mt && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Ki(e) ? this.k(e) : this._(e);
614
614
  }
615
615
  O(e) {
616
616
  return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -619,7 +619,7 @@ class ye {
619
619
  this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
620
620
  }
621
621
  _(e) {
622
- this._$AH !== c && Ne(this._$AH) ? this._$AA.nextSibling.data = e : this.T(Ft.createTextNode(e)), this._$AH = e;
622
+ this._$AH !== c && Ne(this._$AH) ? this._$AA.nextSibling.data = e : this.T(Rt.createTextNode(e)), this._$AH = e;
623
623
  }
624
624
  $(e) {
625
625
  var o;
@@ -638,7 +638,7 @@ class ye {
638
638
  Ds(this._$AH) || (this._$AH = [], this._$AR());
639
639
  const s = this._$AH;
640
640
  let r, i = 0;
641
- for (const o of e) i === s.length ? s.push(r = new ye(this.O(De()), this.O(De()), this, this.options)) : r = s[i], r._$AI(o), i++;
641
+ for (const o of e) i === s.length ? s.push(r = new ge(this.O(De()), this.O(De()), this, this.options)) : r = s[i], r._$AI(o), i++;
642
642
  i < s.length && (this._$AR(r && r._$AB.nextSibling, i), s.length = i);
643
643
  }
644
644
  _$AR(e = this._$AA.nextSibling, s) {
@@ -666,11 +666,11 @@ class rs {
666
666
  _$AI(e, s = this, r, i) {
667
667
  const o = this.strings;
668
668
  let n = !1;
669
- if (o === void 0) e = ne(this, e, s, 0), n = !Ne(e) || e !== this._$AH && e !== pt, n && (this._$AH = e);
669
+ if (o === void 0) e = ae(this, e, s, 0), n = !Ne(e) || e !== this._$AH && e !== mt, n && (this._$AH = e);
670
670
  else {
671
671
  const h = e;
672
672
  let d, f;
673
- for (e = o[0], d = 0; d < o.length - 1; d++) f = ne(this, h[r + d], s, d), f === pt && (f = this._$AH[d]), n || (n = !Ne(f) || f !== this._$AH[d]), f === c ? e = c : e !== c && (e += (f ?? "") + o[d + 1]), this._$AH[d] = f;
673
+ for (e = o[0], d = 0; d < o.length - 1; d++) f = ae(this, h[r + d], s, d), f === mt && (f = this._$AH[d]), n || (n = !Ne(f) || f !== this._$AH[d]), f === c ? e = c : e !== c && (e += (f ?? "") + o[d + 1]), this._$AH[d] = f;
674
674
  }
675
675
  n && !i && this.j(e);
676
676
  }
@@ -699,7 +699,7 @@ class Qi extends rs {
699
699
  super(e, s, r, i, o), this.type = 5;
700
700
  }
701
701
  _$AI(e, s = this) {
702
- if ((e = ne(this, e, s, 0) ?? c) === pt) return;
702
+ if ((e = ae(this, e, s, 0) ?? c) === mt) return;
703
703
  const r = this._$AH, i = e === c && r !== c || e.capture !== r.capture || e.once !== r.once || e.passive !== r.passive, o = e !== c && (r === c || i);
704
704
  i && this.element.removeEventListener(this.name, this, r), o && this.element.addEventListener(this.name, this, e), this._$AH = e;
705
705
  }
@@ -716,17 +716,17 @@ class tr {
716
716
  return this._$AM._$AU;
717
717
  }
718
718
  _$AI(e) {
719
- ne(this, e);
719
+ ae(this, e);
720
720
  }
721
721
  }
722
- const er = { I: ye }, gs = ze.litHtmlPolyfillSupport;
723
- gs == null || gs(Be, ye), (ze.litHtmlVersions ?? (ze.litHtmlVersions = [])).push("3.3.1");
722
+ const er = { I: ge }, gs = Ie.litHtmlPolyfillSupport;
723
+ gs == null || gs(Be, ge), (Ie.litHtmlVersions ?? (Ie.litHtmlVersions = [])).push("3.3.1");
724
724
  const sr = (t, e, s) => {
725
725
  const r = (s == null ? void 0 : s.renderBefore) ?? e;
726
726
  let i = r._$litPart$;
727
727
  if (i === void 0) {
728
728
  const o = (s == null ? void 0 : s.renderBefore) ?? null;
729
- r._$litPart$ = i = new ye(e.insertBefore(De(), o), o, void 0, s ?? {});
729
+ r._$litPart$ = i = new ge(e.insertBefore(De(), o), o, void 0, s ?? {});
730
730
  }
731
731
  return i._$AI(t), i;
732
732
  };
@@ -735,8 +735,8 @@ const sr = (t, e, s) => {
735
735
  * Copyright 2017 Google LLC
736
736
  * SPDX-License-Identifier: BSD-3-Clause
737
737
  */
738
- const jt = globalThis;
739
- let ut = class extends Qt {
738
+ const Ft = globalThis;
739
+ let pt = class extends te {
740
740
  constructor() {
741
741
  super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
742
742
  }
@@ -758,14 +758,14 @@ let ut = class extends Qt {
758
758
  super.disconnectedCallback(), (e = this._$Do) == null || e.setConnected(!1);
759
759
  }
760
760
  render() {
761
- return pt;
761
+ return mt;
762
762
  }
763
763
  };
764
764
  var pi;
765
- ut._$litElement$ = !0, ut.finalized = !0, (pi = jt.litElementHydrateSupport) == null || pi.call(jt, { LitElement: ut });
766
- const $s = jt.litElementPolyfillSupport;
767
- $s == null || $s({ LitElement: ut });
768
- (jt.litElementVersions ?? (jt.litElementVersions = [])).push("4.2.1");
765
+ pt._$litElement$ = !0, pt.finalized = !0, (pi = Ft.litElementHydrateSupport) == null || pi.call(Ft, { LitElement: pt });
766
+ const $s = Ft.litElementPolyfillSupport;
767
+ $s == null || $s({ LitElement: pt });
768
+ (Ft.litElementVersions ?? (Ft.litElementVersions = [])).push("4.2.1");
769
769
  /**
770
770
  * @license
771
771
  * Copyright 2017 Google LLC
@@ -817,7 +817,7 @@ const Ns = (t, e, s) => (s.configurable = !0, s.enumerable = !0, Reflect.decorat
817
817
  * Copyright 2017 Google LLC
818
818
  * SPDX-License-Identifier: BSD-3-Clause
819
819
  */
820
- function ct(t, e) {
820
+ function ht(t, e) {
821
821
  return (s, r, i) => {
822
822
  const o = (n) => {
823
823
  var h;
@@ -833,7 +833,7 @@ function ct(t, e) {
833
833
  * Copyright 2021 Google LLC
834
834
  * SPDX-License-Identifier: BSD-3-Clause
835
835
  */
836
- function et(t) {
836
+ function st(t) {
837
837
  return (e, s) => {
838
838
  const { slot: r, selector: i } = t ?? {}, o = "slot" + (r ? `[name=${r}]` : ":not([name])");
839
839
  return Ns(e, s, { get() {
@@ -863,11 +863,11 @@ var or = Object.defineProperty, wi = (t, e, s, r) => {
863
863
  (n = t[o]) && (i = n(e, s, i) || i);
864
864
  return i && or(e, s, i), i;
865
865
  };
866
- const nr = u`:host([unresolved]){visibility:hidden}`, Ls = class Si extends ut {
866
+ const nr = u`:host([unresolved]){visibility:hidden}`, Ls = class Si extends pt {
867
867
  constructor() {
868
868
  super(), this.appliedConstructables = [], this.appliedStyleTags = [], this.handleChangeTheme = (e) => {
869
869
  this.pubSubTheme = e;
870
- }, this.pubSubTheme = oe.subscribe("theme", this.handleChangeTheme);
870
+ }, this.pubSubTheme = ne.subscribe("theme", this.handleChangeTheme);
871
871
  }
872
872
  get theme() {
873
873
  return this.contextTheme ?? this.pubSubTheme;
@@ -878,7 +878,7 @@ const nr = u`:host([unresolved]){visibility:hidden}`, Ls = class Si extends ut {
878
878
  Is(this.shadowRoot, [...s, nr]), this.applyThemeStyles();
879
879
  }
880
880
  disconnectedCallback() {
881
- super.disconnectedCallback(), oe.unsubscribe("theme", this.handleChangeTheme);
881
+ super.disconnectedCallback(), ne.unsubscribe("theme", this.handleChangeTheme);
882
882
  }
883
883
  updated(e) {
884
884
  super.updated(e), (e.has("contextTheme") || e.has("pubSubTheme")) && this.applyThemeStyles();
@@ -1009,20 +1009,21 @@ const ar = u`
1009
1009
  * Copyright 2018 Google LLC
1010
1010
  * SPDX-License-Identifier: BSD-3-Clause
1011
1011
  */
1012
- const Ie = (t) => t ?? c, lr = {
1012
+ const V = (t) => t ?? c, lr = {
1013
1013
  createIcon: (t) => l`
1014
1014
  <ds-icon-react
1015
- class=${t == null ? void 0 : t.class}
1016
- data-testid=${t == null ? void 0 : t["data-testid"]}
1015
+ class=${V(t == null ? void 0 : t.class)}
1016
+ data-testid=${V(t == null ? void 0 : t["data-testid"])}
1017
1017
  @click=${t == null ? void 0 : t["@click"]}
1018
1018
  @keydown=${t == null ? void 0 : t["@keydown"]}
1019
1019
  icon-name=${t == null ? void 0 : t["icon-name"]}
1020
- color=${t == null ? void 0 : t.color}
1021
- background-color=${t == null ? void 0 : t["background-color"]}
1022
- size=${Ie(t == null ? void 0 : t.size)}
1023
- aria-label=${t == null ? void 0 : t["aria-label"]}
1024
- role=${t == null ? void 0 : t.role}
1025
- tabindex=${t == null ? void 0 : t.tabindex}
1020
+ color=${V(t == null ? void 0 : t.color)}
1021
+ background-color=${V(t == null ? void 0 : t["background-color"])}
1022
+ size=${V(t == null ? void 0 : t.size)}
1023
+ aria-label=${V(t == null ? void 0 : t["aria-label"])}
1024
+ aria-hidden=${V(t == null ? void 0 : t["aria-hidden"])}
1025
+ role=${V(t == null ? void 0 : t.role)}
1026
+ tabindex=${V(t == null ? void 0 : t.tabindex)}
1026
1027
  >
1027
1028
  ${t.children}
1028
1029
  </ds-icon-react>
@@ -1031,7 +1032,7 @@ const Ie = (t) => t ?? c, lr = {
1031
1032
  <ds-button-react
1032
1033
  class=${t == null ? void 0 : t.class}
1033
1034
  @click=${t == null ? void 0 : t["@click"]}
1034
- .size=${Ie(t == null ? void 0 : t.size)}
1035
+ .size=${V(t == null ? void 0 : t.size)}
1035
1036
  type=${t == null ? void 0 : t.type}
1036
1037
  icon-position=${t == null ? void 0 : t["icon-position"]}
1037
1038
  .rounded=${t == null ? void 0 : t.rounded}
@@ -1053,7 +1054,7 @@ const Ie = (t) => t ?? c, lr = {
1053
1054
  <ds-icon-button-react
1054
1055
  class=${t == null ? void 0 : t.class}
1055
1056
  @click=${t == null ? void 0 : t["@click"]}
1056
- size=${Ie(t == null ? void 0 : t.size)}
1057
+ size=${V(t == null ? void 0 : t.size)}
1057
1058
  variant=${(t == null ? void 0 : t.variant) ?? "primary"}
1058
1059
  mode=${(t == null ? void 0 : t.mode) ?? "light"}
1059
1060
  .disabled=${t == null ? void 0 : t.disabled}
@@ -1138,7 +1139,7 @@ let Ts = class extends Fs {
1138
1139
  }
1139
1140
  render(e) {
1140
1141
  if (e === c || e == null) return this._t = void 0, this.it = e;
1141
- if (e === pt) return e;
1142
+ if (e === mt) return e;
1142
1143
  if (typeof e != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
1143
1144
  if (e === this.it) return this._t;
1144
1145
  this.it = e;
@@ -1149,7 +1150,7 @@ let Ts = class extends Fs {
1149
1150
  Ts.directiveName = "unsafeHTML", Ts.resultType = 1;
1150
1151
  const os = js(Ts);
1151
1152
  function C(t, ...e) {
1152
- const r = String.raw({ raw: t }, ...e).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-4"), i = os(r);
1153
+ const r = String.raw({ raw: t }, ...e).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-5"), i = os(r);
1153
1154
  return l`${i}`;
1154
1155
  }
1155
1156
  /**
@@ -1178,15 +1179,15 @@ const p = js(class extends Fs {
1178
1179
  const n = !!e[o];
1179
1180
  n === this.st.has(o) || (i = this.nt) != null && i.has(o) || (n ? (s.add(o), this.st.add(o)) : (s.remove(o), this.st.delete(o)));
1180
1181
  }
1181
- return pt;
1182
+ return mt;
1182
1183
  }
1183
1184
  });
1184
- var cr = Object.defineProperty, hr = Object.getOwnPropertyDescriptor, qt = (t, e, s, r) => {
1185
+ var cr = Object.defineProperty, hr = Object.getOwnPropertyDescriptor, Kt = (t, e, s, r) => {
1185
1186
  for (var i = r > 1 ? void 0 : r ? hr(e, s) : e, o = t.length - 1, n; o >= 0; o--)
1186
1187
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
1187
1188
  return r && i && cr(e, s, i), i;
1188
1189
  };
1189
- let mt = class extends g {
1190
+ let ft = class extends g {
1190
1191
  constructor() {
1191
1192
  super(...arguments), this.maxHeight = 300, this.open = !1, this.mode = "light", this.size = "medium", this.disabled = !1, this._open = !1;
1192
1193
  }
@@ -1214,6 +1215,8 @@ let mt = class extends g {
1214
1215
  const t = (e = ai[this.theme]) == null ? void 0 : e["icon-names"];
1215
1216
  return this.componentFactory.createIcon({
1216
1217
  class: "icon open-icon",
1218
+ role: "image",
1219
+ "aria-hidden": "true",
1217
1220
  "icon-name": (t == null ? void 0 : t.open) || "minus"
1218
1221
  });
1219
1222
  }
@@ -1223,6 +1226,8 @@ let mt = class extends g {
1223
1226
  const t = (e = ai[this.theme]) == null ? void 0 : e["icon-names"];
1224
1227
  return this.componentFactory.createIcon({
1225
1228
  class: "icon close-icon",
1229
+ role: "image",
1230
+ "aria-hidden": "true",
1226
1231
  "icon-name": (t == null ? void 0 : t.close) || "plus"
1227
1232
  });
1228
1233
  }
@@ -1264,28 +1269,28 @@ let mt = class extends g {
1264
1269
  `;
1265
1270
  }
1266
1271
  };
1267
- mt.styles = [ar];
1268
- qt([
1272
+ ft.styles = [ar];
1273
+ Kt([
1269
1274
  a({ type: Number, attribute: "max-height" })
1270
- ], mt.prototype, "maxHeight", 2);
1271
- qt([
1275
+ ], ft.prototype, "maxHeight", 2);
1276
+ Kt([
1272
1277
  a({ type: Boolean, converter: m, reflect: !0 })
1273
- ], mt.prototype, "open", 2);
1274
- qt([
1278
+ ], ft.prototype, "open", 2);
1279
+ Kt([
1275
1280
  a({ type: String, reflect: !0 })
1276
- ], mt.prototype, "mode", 2);
1277
- qt([
1281
+ ], ft.prototype, "mode", 2);
1282
+ Kt([
1278
1283
  a({ type: String })
1279
- ], mt.prototype, "size", 2);
1280
- qt([
1284
+ ], ft.prototype, "size", 2);
1285
+ Kt([
1281
1286
  a({ type: Boolean, converter: m })
1282
- ], mt.prototype, "disabled", 2);
1283
- qt([
1287
+ ], ft.prototype, "disabled", 2);
1288
+ Kt([
1284
1289
  y()
1285
- ], mt.prototype, "_open", 2);
1286
- mt = qt([
1290
+ ], ft.prototype, "_open", 2);
1291
+ ft = Kt([
1287
1292
  v("ds-accordion")
1288
- ], mt);
1293
+ ], ft);
1289
1294
  const dr = u`
1290
1295
  :host {
1291
1296
  display: block;
@@ -1310,7 +1315,7 @@ var ur = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, ns = (t, e
1310
1315
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
1311
1316
  return r && i && ur(e, s, i), i;
1312
1317
  };
1313
- let ae = class extends g {
1318
+ let le = class extends g {
1314
1319
  constructor() {
1315
1320
  super(...arguments), this.mode = "light", this.activeBulletIndex = 0, this.handleClickChunk = (t) => () => {
1316
1321
  this.activeBulletIndex !== t && (this.activeBulletIndex = t, this.dispatchEvent(
@@ -1359,20 +1364,20 @@ let ae = class extends g {
1359
1364
  ` : c;
1360
1365
  }
1361
1366
  };
1362
- ae.styles = [dr];
1367
+ le.styles = [dr];
1363
1368
  ns([
1364
1369
  a({ type: String, reflect: !0 })
1365
- ], ae.prototype, "mode", 2);
1370
+ ], le.prototype, "mode", 2);
1366
1371
  ns([
1367
1372
  a({ type: Number, attribute: "bullets-number" })
1368
- ], ae.prototype, "bulletsNumber", 2);
1373
+ ], le.prototype, "bulletsNumber", 2);
1369
1374
  ns([
1370
1375
  a({ type: Number, attribute: "active-bullet-index", reflect: !0 })
1371
- ], ae.prototype, "activeBulletIndex", 2);
1372
- ae = ns([
1376
+ ], le.prototype, "activeBulletIndex", 2);
1377
+ le = ns([
1373
1378
  v("ds-bullets")
1374
- ], ae);
1375
- const At = (t) => class extends t {
1379
+ ], le);
1380
+ const Dt = (t) => class extends t {
1376
1381
  constructor() {
1377
1382
  super(...arguments), this.handleResize = () => {
1378
1383
  this.updateViewportWithDebounce();
@@ -1380,7 +1385,7 @@ const At = (t) => class extends t {
1380
1385
  let e = "xs";
1381
1386
  const s = ["xxl", "xl", "l", "m", "s"];
1382
1387
  for (const r of s)
1383
- if ((window == null ? void 0 : window.innerWidth) >= Lt[r]) {
1388
+ if ((window == null ? void 0 : window.innerWidth) >= Mt[r]) {
1384
1389
  e = r;
1385
1390
  break;
1386
1391
  }
@@ -1420,7 +1425,7 @@ const Ve = (t, e, s) => {
1420
1425
  * Copyright 2021 Google LLC
1421
1426
  * SPDX-License-Identifier: BSD-3-Clause
1422
1427
  */
1423
- function nt(t, e, s) {
1428
+ function at(t, e, s) {
1424
1429
  return t ? e(t) : s == null ? void 0 : s(t);
1425
1430
  }
1426
1431
  const mr = u`
@@ -1535,7 +1540,7 @@ var vr = Object.defineProperty, yr = Object.getOwnPropertyDescriptor, I = (t, e,
1535
1540
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
1536
1541
  return r && i && vr(e, s, i), i;
1537
1542
  };
1538
- let E = class extends At(g) {
1543
+ let E = class extends Dt(g) {
1539
1544
  constructor() {
1540
1545
  super(...arguments), this.variant = "primary", this.mode = "light", this.size = "large", this.disabled = !1, this.destructive = !1, this.htmlTagName = "button", this.type = "button", this.iconPosition = "left", this.rounded = !1, this.fullWidth = !1, this.loading = !1;
1541
1546
  }
@@ -1610,12 +1615,12 @@ let E = class extends At(g) {
1610
1615
  @click=${this.handleClick}
1611
1616
  ?disabled=${this.disabled}
1612
1617
  >
1613
- ${nt(this.iconPosition === "left", () => l` ${this.iconTemplate} `)}
1618
+ ${at(this.iconPosition === "left", () => l` ${this.iconTemplate} `)}
1614
1619
  <span class="container">
1615
1620
  <slot></slot>
1616
1621
  ${this.loadingTemplate}
1617
1622
  </span>
1618
- ${nt(this.iconPosition === "right", () => l` ${this.iconTemplate} `)}
1623
+ ${at(this.iconPosition === "right", () => l` ${this.iconTemplate} `)}
1619
1624
  </button>
1620
1625
  `;
1621
1626
  }
@@ -1634,12 +1639,12 @@ let E = class extends At(g) {
1634
1639
  @click=${this.handleClick}
1635
1640
  ?disabled=${this.disabled}
1636
1641
  >
1637
- ${nt(this.iconPosition === "left", () => l`${this.iconTemplate}`)}
1642
+ ${at(this.iconPosition === "left", () => l`${this.iconTemplate}`)}
1638
1643
  <span class="container">
1639
1644
  <slot></slot>
1640
1645
  ${this.loadingTemplate}
1641
1646
  </span>
1642
- ${nt(this.iconPosition === "right", () => l`${this.iconTemplate}`)}
1647
+ ${at(this.iconPosition === "right", () => l`${this.iconTemplate}`)}
1643
1648
  </a>
1644
1649
  `;
1645
1650
  }
@@ -1725,7 +1730,7 @@ var $r = Object.defineProperty, xr = Object.getOwnPropertyDescriptor, as = (t, e
1725
1730
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
1726
1731
  return r && i && $r(e, s, i), i;
1727
1732
  };
1728
- let le = class extends g {
1733
+ let ce = class extends g {
1729
1734
  constructor() {
1730
1735
  super(...arguments), this.maxSelectorsShown = 6;
1731
1736
  }
@@ -1758,19 +1763,19 @@ let le = class extends g {
1758
1763
  ` : c;
1759
1764
  }
1760
1765
  };
1761
- le.styles = [gr];
1766
+ ce.styles = [gr];
1762
1767
  as([
1763
1768
  a({ type: Number, attribute: "selectors-number" })
1764
- ], le.prototype, "selectorsNumber", 2);
1769
+ ], ce.prototype, "selectorsNumber", 2);
1765
1770
  as([
1766
1771
  a({ type: Number, attribute: "selected-index" })
1767
- ], le.prototype, "selectedIndex", 2);
1772
+ ], ce.prototype, "selectedIndex", 2);
1768
1773
  as([
1769
1774
  y()
1770
- ], le.prototype, "maxSelectorsShown", 2);
1771
- le = as([
1775
+ ], ce.prototype, "maxSelectorsShown", 2);
1776
+ ce = as([
1772
1777
  v("ds-carousel-indicator")
1773
- ], le);
1778
+ ], ce);
1774
1779
  const ls = (t) => {
1775
1780
  const s = class s extends t {
1776
1781
  constructor(...i) {
@@ -1980,12 +1985,12 @@ const Tr = u`
1980
1985
  pointer-events: visible;
1981
1986
  }
1982
1987
  `;
1983
- var Cr = Object.defineProperty, kr = Object.getOwnPropertyDescriptor, Kt = (t, e, s, r) => {
1988
+ var Cr = Object.defineProperty, kr = Object.getOwnPropertyDescriptor, Gt = (t, e, s, r) => {
1984
1989
  for (var i = r > 1 ? void 0 : r ? kr(e, s) : e, o = t.length - 1, n; o >= 0; o--)
1985
1990
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
1986
1991
  return r && i && Cr(e, s, i), i;
1987
1992
  };
1988
- let ft = class extends g {
1993
+ let bt = class extends g {
1989
1994
  constructor() {
1990
1995
  super(...arguments), this.mode = "light", this.size = "large", this.selected = !1, this.deselectable = !1, this.slottedText = "";
1991
1996
  }
@@ -2074,28 +2079,28 @@ let ft = class extends g {
2074
2079
  `;
2075
2080
  }
2076
2081
  };
2077
- ft.styles = [Tr];
2078
- Kt([
2082
+ bt.styles = [Tr];
2083
+ Gt([
2079
2084
  a({ type: String })
2080
- ], ft.prototype, "value", 2);
2081
- Kt([
2085
+ ], bt.prototype, "value", 2);
2086
+ Gt([
2082
2087
  a({ type: String, reflect: !0 })
2083
- ], ft.prototype, "mode", 2);
2084
- Kt([
2088
+ ], bt.prototype, "mode", 2);
2089
+ Gt([
2085
2090
  a({ type: String, reflect: !0 })
2086
- ], ft.prototype, "size", 2);
2087
- Kt([
2091
+ ], bt.prototype, "size", 2);
2092
+ Gt([
2088
2093
  a({ type: Boolean, converter: m, reflect: !0 })
2089
- ], ft.prototype, "selected", 2);
2090
- Kt([
2094
+ ], bt.prototype, "selected", 2);
2095
+ Gt([
2091
2096
  a({ type: Boolean, converter: m })
2092
- ], ft.prototype, "deselectable", 2);
2093
- Kt([
2097
+ ], bt.prototype, "deselectable", 2);
2098
+ Gt([
2094
2099
  y()
2095
- ], ft.prototype, "slottedText", 2);
2096
- ft = Kt([
2100
+ ], bt.prototype, "slottedText", 2);
2101
+ bt = Gt([
2097
2102
  v("ds-chip")
2098
- ], ft);
2103
+ ], bt);
2099
2104
  const Er = {
2100
2105
  fromAttribute(t) {
2101
2106
  if (!t) return [];
@@ -2182,12 +2187,12 @@ const Er = {
2182
2187
  right: 0;
2183
2188
  }
2184
2189
  `;
2185
- var Pr = Object.defineProperty, zr = Object.getOwnPropertyDescriptor, xt = (t, e, s, r) => {
2190
+ var Pr = Object.defineProperty, zr = Object.getOwnPropertyDescriptor, wt = (t, e, s, r) => {
2186
2191
  for (var i = r > 1 ? void 0 : r ? zr(e, s) : e, o = t.length - 1, n; o >= 0; o--)
2187
2192
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
2188
2193
  return r && i && Pr(e, s, i), i;
2189
2194
  };
2190
- let Z = class extends g {
2195
+ let Q = class extends g {
2191
2196
  constructor() {
2192
2197
  super(...arguments), this.multiChoice = null, this.size = "medium", this.mode = "light", this.hasScrollLeft = !1, this.hasScrollRight = !1, this.resizeObserver = new ResizeObserver(() => {
2193
2198
  this.handleScrollNav();
@@ -2281,34 +2286,34 @@ let Z = class extends g {
2281
2286
  `;
2282
2287
  }
2283
2288
  };
2284
- Z.styles = [Or];
2285
- xt([
2289
+ Q.styles = [Or];
2290
+ wt([
2286
2291
  a({ type: Array, attribute: "selected-chips", converter: Er, reflect: !0 })
2287
- ], Z.prototype, "selectedChips", 2);
2288
- xt([
2292
+ ], Q.prototype, "selectedChips", 2);
2293
+ wt([
2289
2294
  a({ type: Boolean, attribute: "multi-choice", converter: m })
2290
- ], Z.prototype, "multiChoice", 2);
2291
- xt([
2295
+ ], Q.prototype, "multiChoice", 2);
2296
+ wt([
2292
2297
  a({ type: String })
2293
- ], Z.prototype, "size", 2);
2294
- xt([
2298
+ ], Q.prototype, "size", 2);
2299
+ wt([
2295
2300
  a({ type: String, reflect: !0 })
2296
- ], Z.prototype, "mode", 2);
2297
- xt([
2301
+ ], Q.prototype, "mode", 2);
2302
+ wt([
2298
2303
  y()
2299
- ], Z.prototype, "hasScrollLeft", 2);
2300
- xt([
2304
+ ], Q.prototype, "hasScrollLeft", 2);
2305
+ wt([
2301
2306
  y()
2302
- ], Z.prototype, "hasScrollRight", 2);
2303
- xt([
2304
- et({ slot: "" })
2305
- ], Z.prototype, "chips", 2);
2306
- xt([
2307
- ct(".chips-container")
2308
- ], Z.prototype, "chipsContainer", 2);
2309
- Z = xt([
2307
+ ], Q.prototype, "hasScrollRight", 2);
2308
+ wt([
2309
+ st({ slot: "" })
2310
+ ], Q.prototype, "chips", 2);
2311
+ wt([
2312
+ ht(".chips-container")
2313
+ ], Q.prototype, "chipsContainer", 2);
2314
+ Q = wt([
2310
2315
  v("ds-chips")
2311
- ], Z);
2316
+ ], Q);
2312
2317
  function _i({
2313
2318
  value: t,
2314
2319
  locale: e,
@@ -2334,24 +2339,24 @@ function _i({
2334
2339
  maximumFractionDigits: d,
2335
2340
  useGrouping: b
2336
2341
  }).formatToParts(t ?? 0);
2337
- return U.forEach((Tt, Ys) => {
2338
- switch (Tt.type) {
2342
+ return U.forEach((Ct, Ys) => {
2343
+ switch (Ct.type) {
2339
2344
  case "unit":
2340
2345
  case "currency":
2341
2346
  case "percentSign":
2342
- S = Tt.value, T = Ys === 0 || (U[0].type === "minusSign" || U[0].type === "plusSign") && Ys === 1 ? "left" : "right";
2347
+ S = Ct.value, T = Ys === 0 || (U[0].type === "minusSign" || U[0].type === "plusSign") && Ys === 1 ? "left" : "right";
2343
2348
  break;
2344
2349
  case "group":
2345
- $ += f ?? Tt.value;
2350
+ $ += f ?? Ct.value;
2346
2351
  break;
2347
2352
  case "decimal":
2348
- $ += x ?? Tt.value;
2353
+ $ += x ?? Ct.value;
2349
2354
  break;
2350
2355
  case "integer":
2351
2356
  case "fraction":
2352
2357
  case "plusSign":
2353
2358
  case "minusSign":
2354
- $ += Tt.value;
2359
+ $ += Ct.value;
2355
2360
  break;
2356
2361
  }
2357
2362
  }), {
@@ -2591,7 +2596,7 @@ var Ur = Object.defineProperty, Vr = Object.getOwnPropertyDescriptor, cs = (t, e
2591
2596
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
2592
2597
  return r && i && Ur(e, s, i), i;
2593
2598
  };
2594
- let ce = class extends g {
2599
+ let he = class extends g {
2595
2600
  constructor() {
2596
2601
  super(...arguments), this.title = "primary", this.iconSize = 32;
2597
2602
  }
@@ -2629,26 +2634,26 @@ let ce = class extends g {
2629
2634
  `;
2630
2635
  }
2631
2636
  };
2632
- ce.styles = [Rr];
2637
+ he.styles = [Rr];
2633
2638
  cs([
2634
2639
  a({ type: String })
2635
- ], ce.prototype, "title", 2);
2640
+ ], he.prototype, "title", 2);
2636
2641
  cs([
2637
2642
  a({ type: String, attribute: "icon-name" })
2638
- ], ce.prototype, "iconName", 2);
2643
+ ], he.prototype, "iconName", 2);
2639
2644
  cs([
2640
2645
  a({ type: Number, attribute: "icon-size" })
2641
- ], ce.prototype, "iconSize", 2);
2642
- ce = cs([
2646
+ ], he.prototype, "iconSize", 2);
2647
+ he = cs([
2643
2648
  v("ds-dialog-header")
2644
- ], ce);
2645
- const V = {
2646
- xs: u`@media(min-width: ${Lt.xs}px)`,
2647
- s: u`@media(min-width: ${Lt.s}px)`,
2648
- m: u`@media(min-width: ${Lt.m}px)`,
2649
- l: u`@media(min-width: ${Lt.l}px)`,
2650
- xl: u`@media(min-width: ${Lt.xl}px)`,
2651
- xxl: u`@media(min-width: ${Lt.xxl}px)`
2649
+ ], he);
2650
+ const H = {
2651
+ xs: u`@media(min-width: ${Mt.xs}px)`,
2652
+ s: u`@media(min-width: ${Mt.s}px)`,
2653
+ m: u`@media(min-width: ${Mt.m}px)`,
2654
+ l: u`@media(min-width: ${Mt.l}px)`,
2655
+ xl: u`@media(min-width: ${Mt.xl}px)`,
2656
+ xxl: u`@media(min-width: ${Mt.xxl}px)`
2652
2657
  }, Hr = u`
2653
2658
  :host {
2654
2659
  transition: display 0.3s cubic-bezier(0, 0, 0.2, 1) allow-discrete;
@@ -2707,7 +2712,7 @@ const V = {
2707
2712
  background-color: transparent;
2708
2713
  }
2709
2714
 
2710
- ${V.xs} {
2715
+ ${H.xs} {
2711
2716
  .ds-scroll::-webkit-scrollbar,
2712
2717
  .ds-scroll-global *::-webkit-scrollbar {
2713
2718
  height: 4px;
@@ -2715,7 +2720,7 @@ const V = {
2715
2720
  }
2716
2721
  }
2717
2722
 
2718
- ${V.m} {
2723
+ ${H.m} {
2719
2724
  .ds-scroll::-webkit-scrollbar,
2720
2725
  .ds-scroll-global *::-webkit-scrollbar {
2721
2726
  height: 8px;
@@ -2723,12 +2728,12 @@ const V = {
2723
2728
  }
2724
2729
  }
2725
2730
  `;
2726
- var Wr = Object.defineProperty, qr = Object.getOwnPropertyDescriptor, ge = (t, e, s, r) => {
2731
+ var Wr = Object.defineProperty, qr = Object.getOwnPropertyDescriptor, $e = (t, e, s, r) => {
2727
2732
  for (var i = r > 1 ? void 0 : r ? qr(e, s) : e, o = t.length - 1, n; o >= 0; o--)
2728
2733
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
2729
2734
  return r && i && Wr(e, s, i), i;
2730
2735
  };
2731
- let Et = class extends g {
2736
+ let Ot = class extends g {
2732
2737
  constructor() {
2733
2738
  super(...arguments), this.open = !1, this.size = "medium", this.hasBeenOpened = !1, this.hasScroll = !1, this.debouncedCheckScroll = Es({ func: () => this.checkScroll() }), this.handleKeyDown = (t) => {
2734
2739
  this.open && t.key === "Escape" && this.handleClose();
@@ -2796,25 +2801,25 @@ let Et = class extends g {
2796
2801
  `;
2797
2802
  }
2798
2803
  };
2799
- Et.styles = [Hr];
2800
- ge([
2804
+ Ot.styles = [Hr];
2805
+ $e([
2801
2806
  a({ type: Boolean, converter: m })
2802
- ], Et.prototype, "open", 2);
2803
- ge([
2807
+ ], Ot.prototype, "open", 2);
2808
+ $e([
2804
2809
  a({ type: String })
2805
- ], Et.prototype, "size", 2);
2806
- ge([
2810
+ ], Ot.prototype, "size", 2);
2811
+ $e([
2807
2812
  y()
2808
- ], Et.prototype, "hasBeenOpened", 2);
2809
- ge([
2813
+ ], Ot.prototype, "hasBeenOpened", 2);
2814
+ $e([
2810
2815
  y()
2811
- ], Et.prototype, "hasScroll", 2);
2812
- ge([
2813
- ct(".content")
2814
- ], Et.prototype, "content", 2);
2815
- Et = ge([
2816
+ ], Ot.prototype, "hasScroll", 2);
2817
+ $e([
2818
+ ht(".content")
2819
+ ], Ot.prototype, "content", 2);
2820
+ Ot = $e([
2816
2821
  v("ds-dialog")
2817
- ], Et);
2822
+ ], Ot);
2818
2823
  const Kr = u`
2819
2824
  .divider {
2820
2825
  border: none;
@@ -2826,7 +2831,7 @@ var Gr = Object.defineProperty, Yr = Object.getOwnPropertyDescriptor, hs = (t, e
2826
2831
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
2827
2832
  return r && i && Gr(e, s, i), i;
2828
2833
  };
2829
- let he = class extends g {
2834
+ let de = class extends g {
2830
2835
  constructor() {
2831
2836
  super(...arguments), this.orientation = "horizontal", this.variant = "primary", this.mode = "light";
2832
2837
  }
@@ -2854,19 +2859,19 @@ let he = class extends g {
2854
2859
  `;
2855
2860
  }
2856
2861
  };
2857
- he.styles = [Kr];
2862
+ de.styles = [Kr];
2858
2863
  hs([
2859
2864
  a({ type: String })
2860
- ], he.prototype, "orientation", 2);
2865
+ ], de.prototype, "orientation", 2);
2861
2866
  hs([
2862
2867
  a({ type: String })
2863
- ], he.prototype, "variant", 2);
2868
+ ], de.prototype, "variant", 2);
2864
2869
  hs([
2865
2870
  a({ type: String, reflect: !0 })
2866
- ], he.prototype, "mode", 2);
2867
- he = hs([
2871
+ ], de.prototype, "mode", 2);
2872
+ de = hs([
2868
2873
  v("ds-divider")
2869
- ], he);
2874
+ ], de);
2870
2875
  const Xr = u`
2871
2876
  :host {
2872
2877
  display: inline-flex;
@@ -2882,12 +2887,12 @@ const Xr = u`
2882
2887
  background: transparent;
2883
2888
  }
2884
2889
  `;
2885
- var Jr = Object.defineProperty, Zr = Object.getOwnPropertyDescriptor, Gt = (t, e, s, r) => {
2890
+ var Jr = Object.defineProperty, Zr = Object.getOwnPropertyDescriptor, Yt = (t, e, s, r) => {
2886
2891
  for (var i = r > 1 ? void 0 : r ? Zr(e, s) : e, o = t.length - 1, n; o >= 0; o--)
2887
2892
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
2888
2893
  return r && i && Jr(e, s, i), i;
2889
2894
  };
2890
- let bt = class extends g {
2895
+ let vt = class extends g {
2891
2896
  constructor() {
2892
2897
  super(...arguments), this.htmlTagName = "a", this.mode = "light", this.size = "large";
2893
2898
  }
@@ -2940,28 +2945,28 @@ let bt = class extends g {
2940
2945
  `;
2941
2946
  }
2942
2947
  };
2943
- bt.styles = [Xr];
2944
- Gt([
2948
+ vt.styles = [Xr];
2949
+ Yt([
2945
2950
  a({ type: String, attribute: "html-tag-name" })
2946
- ], bt.prototype, "htmlTagName", 2);
2947
- Gt([
2951
+ ], vt.prototype, "htmlTagName", 2);
2952
+ Yt([
2948
2953
  a({ type: String, reflect: !0 })
2949
- ], bt.prototype, "href", 2);
2950
- Gt([
2954
+ ], vt.prototype, "href", 2);
2955
+ Yt([
2951
2956
  a({ type: String, reflect: !0 })
2952
- ], bt.prototype, "rel", 2);
2953
- Gt([
2957
+ ], vt.prototype, "rel", 2);
2958
+ Yt([
2954
2959
  a({ type: String, reflect: !0 })
2955
- ], bt.prototype, "target", 2);
2956
- Gt([
2960
+ ], vt.prototype, "target", 2);
2961
+ Yt([
2957
2962
  a({ type: String, reflect: !0 })
2958
- ], bt.prototype, "mode", 2);
2959
- Gt([
2963
+ ], vt.prototype, "mode", 2);
2964
+ Yt([
2960
2965
  a({ type: String })
2961
- ], bt.prototype, "size", 2);
2962
- bt = Gt([
2966
+ ], vt.prototype, "size", 2);
2967
+ vt = Yt([
2963
2968
  v("ds-hyperlink")
2964
- ], bt);
2969
+ ], vt);
2965
2970
  const Qr = u`
2966
2971
  :host {
2967
2972
  display: inline-flex;
@@ -2979,12 +2984,12 @@ const Qr = u`
2979
2984
  padding: 0;
2980
2985
  }
2981
2986
  `;
2982
- var to = Object.defineProperty, eo = Object.getOwnPropertyDescriptor, st = (t, e, s, r) => {
2987
+ var to = Object.defineProperty, eo = Object.getOwnPropertyDescriptor, it = (t, e, s, r) => {
2983
2988
  for (var i = r > 1 ? void 0 : r ? eo(e, s) : e, o = t.length - 1, n; o >= 0; o--)
2984
2989
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
2985
2990
  return r && i && to(e, s, i), i;
2986
2991
  };
2987
- let H = class extends At(g) {
2992
+ let W = class extends Dt(g) {
2988
2993
  constructor() {
2989
2994
  super(...arguments), this.variant = "primary", this.mode = "light", this.size = "large", this.disabled = !1, this.htmlTagName = "button";
2990
2995
  }
@@ -3067,41 +3072,41 @@ let H = class extends At(g) {
3067
3072
  `;
3068
3073
  }
3069
3074
  };
3070
- H.styles = [Qr];
3071
- st([
3075
+ W.styles = [Qr];
3076
+ it([
3072
3077
  a({ type: String })
3073
- ], H.prototype, "variant", 2);
3074
- st([
3078
+ ], W.prototype, "variant", 2);
3079
+ it([
3075
3080
  a({ type: String, reflect: !0 })
3076
- ], H.prototype, "mode", 2);
3077
- st([
3081
+ ], W.prototype, "mode", 2);
3082
+ it([
3078
3083
  a({ type: String, converter: Ue })
3079
- ], H.prototype, "size", 2);
3080
- st([
3084
+ ], W.prototype, "size", 2);
3085
+ it([
3081
3086
  a({ type: Boolean, converter: m })
3082
- ], H.prototype, "disabled", 2);
3083
- st([
3087
+ ], W.prototype, "disabled", 2);
3088
+ it([
3084
3089
  a({ type: String, attribute: "icon-name" })
3085
- ], H.prototype, "iconName", 2);
3086
- st([
3090
+ ], W.prototype, "iconName", 2);
3091
+ it([
3087
3092
  a({ type: String, attribute: "html-tag-name" })
3088
- ], H.prototype, "htmlTagName", 2);
3089
- st([
3093
+ ], W.prototype, "htmlTagName", 2);
3094
+ it([
3090
3095
  a({ type: String, attribute: "data-aria-label" })
3091
- ], H.prototype, "dataAriaLabel", 2);
3092
- st([
3096
+ ], W.prototype, "dataAriaLabel", 2);
3097
+ it([
3093
3098
  a({ type: String, reflect: !0 })
3094
- ], H.prototype, "href", 2);
3095
- st([
3099
+ ], W.prototype, "href", 2);
3100
+ it([
3096
3101
  a({ type: String, reflect: !0 })
3097
- ], H.prototype, "rel", 2);
3098
- st([
3102
+ ], W.prototype, "rel", 2);
3103
+ it([
3099
3104
  a({ type: String, reflect: !0 })
3100
- ], H.prototype, "target", 2);
3101
- H = st([
3105
+ ], W.prototype, "target", 2);
3106
+ W = it([
3102
3107
  v("ds-icon-button")
3103
- ], H);
3104
- class se {
3108
+ ], W);
3109
+ class ie {
3105
3110
  constructor() {
3106
3111
  this.icons = {}, this.handleChangeTheme = (e) => {
3107
3112
  this.theme = e;
@@ -3111,10 +3116,10 @@ class se {
3111
3116
  !this.theme && window.DS_THEME && (this.theme = window.DS_THEME);
3112
3117
  const r = await this.getCachedIcon(e);
3113
3118
  return r || (this.icons[e] = this.loadIcon(e, s), this.icons[e]);
3114
- }, oe.subscribe("theme", this.handleChangeTheme);
3119
+ }, ne.subscribe("theme", this.handleChangeTheme);
3115
3120
  }
3116
3121
  static getInstance() {
3117
- return se.instance || (se.instance = new se()), se.instance;
3122
+ return ie.instance || (ie.instance = new ie()), ie.instance;
3118
3123
  }
3119
3124
  getCachedIcon(e) {
3120
3125
  return this.icons[e];
@@ -3126,22 +3131,22 @@ class se {
3126
3131
  }).then((i) => i.text()).catch((i) => ((i == null ? void 0 : i.name) !== "AbortError" && console.error(`Failed to fetch icon "${e}":`, i), "")) : Promise.resolve('<svg class="ds-icon"></svg>');
3127
3132
  }
3128
3133
  }
3129
- const xs = se.getInstance();
3134
+ const xs = ie.getInstance();
3130
3135
  var so = Object.defineProperty, io = Object.getOwnPropertyDescriptor, Ci = (t) => {
3131
3136
  throw TypeError(t);
3132
- }, Yt = (t, e, s, r) => {
3137
+ }, Xt = (t, e, s, r) => {
3133
3138
  for (var i = r > 1 ? void 0 : r ? io(e, s) : e, o = t.length - 1, n; o >= 0; o--)
3134
3139
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
3135
3140
  return r && i && so(e, s, i), i;
3136
- }, ki = (t, e, s) => e.has(t) || Ci("Cannot " + s), li = (t, e, s) => (ki(t, e, "read from private field"), e.get(t)), ro = (t, e, s) => e.has(t) ? Ci("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), oo = (t, e, s, r) => (ki(t, e, "write to private field"), e.set(t, s), s), Oe;
3137
- let vt = class extends g {
3141
+ }, ki = (t, e, s) => e.has(t) || Ci("Cannot " + s), li = (t, e, s) => (ki(t, e, "read from private field"), e.get(t)), ro = (t, e, s) => e.has(t) ? Ci("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), oo = (t, e, s, r) => (ki(t, e, "write to private field"), e.set(t, s), s), Pe;
3142
+ let yt = class extends g {
3138
3143
  constructor() {
3139
- super(), this.iconHtml = "", ro(this, Oe), this.getIcon = async () => {
3144
+ super(), this.iconHtml = "", ro(this, Pe), this.getIcon = async () => {
3140
3145
  var e, s;
3141
- (e = li(this, Oe)) == null || e.abort(), oo(this, Oe, new AbortController());
3142
- const t = li(this, Oe).signal;
3146
+ (e = li(this, Pe)) == null || e.abort(), oo(this, Pe, new AbortController());
3147
+ const t = li(this, Pe).signal;
3143
3148
  this.iconHtml = await ((s = xs.fetchIcon) == null ? void 0 : s.call(xs, this.iconName, { signal: t }));
3144
- }, oe.subscribe("theme", this.getIcon);
3149
+ }, ne.subscribe("theme", this.getIcon);
3145
3150
  }
3146
3151
  async updated(t) {
3147
3152
  super.updated(t), (t.has("iconName") || !this.iconHtml) && await this.getIcon();
@@ -3184,44 +3189,44 @@ let vt = class extends g {
3184
3189
  `;
3185
3190
  }
3186
3191
  };
3187
- Oe = /* @__PURE__ */ new WeakMap();
3188
- vt.styles = u`
3192
+ Pe = /* @__PURE__ */ new WeakMap();
3193
+ yt.styles = u`
3189
3194
  :host {
3190
3195
  line-height: 0;
3191
3196
  display: inline-block;
3192
3197
  }
3193
3198
  `;
3194
- Yt([
3199
+ Xt([
3195
3200
  a({ type: String, attribute: "icon-name" })
3196
- ], vt.prototype, "iconName", 2);
3197
- Yt([
3201
+ ], yt.prototype, "iconName", 2);
3202
+ Xt([
3198
3203
  a({ type: String, attribute: "color" })
3199
- ], vt.prototype, "color", 2);
3200
- Yt([
3204
+ ], yt.prototype, "color", 2);
3205
+ Xt([
3201
3206
  a({ type: Number })
3202
- ], vt.prototype, "width", 2);
3203
- Yt([
3207
+ ], yt.prototype, "width", 2);
3208
+ Xt([
3204
3209
  a({ type: Number })
3205
- ], vt.prototype, "height", 2);
3206
- Yt([
3210
+ ], yt.prototype, "height", 2);
3211
+ Xt([
3207
3212
  a({ type: Number, attribute: "size" })
3208
- ], vt.prototype, "size", 2);
3209
- Yt([
3213
+ ], yt.prototype, "size", 2);
3214
+ Xt([
3210
3215
  y()
3211
- ], vt.prototype, "iconHtml", 2);
3212
- vt = Yt([
3216
+ ], yt.prototype, "iconHtml", 2);
3217
+ yt = Xt([
3213
3218
  v("ds-icon")
3214
- ], vt);
3219
+ ], yt);
3215
3220
  var no = Object.defineProperty, Rs = (t, e, s, r) => {
3216
3221
  for (var i = void 0, o = t.length - 1, n; o >= 0; o--)
3217
3222
  (n = t[o]) && (i = n(e, s, i) || i);
3218
3223
  return i && no(e, s, i), i;
3219
3224
  };
3220
- class He extends ut {
3225
+ class He extends pt {
3221
3226
  constructor() {
3222
3227
  super(), this.handleChangeTheme = (e) => {
3223
3228
  this.pubSubTheme = e;
3224
- }, this.pubSubTheme = oe.subscribe("theme", this.handleChangeTheme);
3229
+ }, this.pubSubTheme = ne.subscribe("theme", this.handleChangeTheme);
3225
3230
  }
3226
3231
  connectedCallback() {
3227
3232
  super.connectedCallback(), this.applyTheme();
@@ -3418,7 +3423,7 @@ const ao = u`
3418
3423
  --ds-icon-color: var(--ds-color-dark-grey);
3419
3424
  }
3420
3425
  `, ho = [co];
3421
- var uo = Object.defineProperty, it = (t, e, s, r) => {
3426
+ var uo = Object.defineProperty, rt = (t, e, s, r) => {
3422
3427
  for (var i = void 0, o = t.length - 1, n; o >= 0; o--)
3423
3428
  (n = t[o]) && (i = n(e, s, i) || i);
3424
3429
  return i && uo(e, s, i), i;
@@ -3481,45 +3486,45 @@ es.styles = [ao, lo], es.themesStyles = {
3481
3486
  cupra: ho
3482
3487
  };
3483
3488
  let L = es;
3484
- it([
3489
+ rt([
3485
3490
  a({ type: String, reflect: !0, attribute: "initial-value" })
3486
3491
  ], L.prototype, "initialValue");
3487
- it([
3492
+ rt([
3488
3493
  a({ type: String })
3489
3494
  ], L.prototype, "label");
3490
- it([
3495
+ rt([
3491
3496
  a({ type: String, attribute: "helper-text" })
3492
3497
  ], L.prototype, "helperText");
3493
- it([
3498
+ rt([
3494
3499
  a({ type: String, attribute: "error-text" })
3495
3500
  ], L.prototype, "errorText");
3496
- it([
3501
+ rt([
3497
3502
  a({ type: Boolean, converter: m })
3498
3503
  ], L.prototype, "disabled");
3499
- it([
3504
+ rt([
3500
3505
  a({ type: Boolean, converter: m })
3501
3506
  ], L.prototype, "success");
3502
- it([
3507
+ rt([
3503
3508
  a({ type: String, reflect: !0 })
3504
3509
  ], L.prototype, "mode");
3505
- it([
3510
+ rt([
3506
3511
  a({ type: String })
3507
3512
  ], L.prototype, "size");
3508
- it([
3513
+ rt([
3509
3514
  y()
3510
3515
  ], L.prototype, "_value");
3511
- it([
3516
+ rt([
3512
3517
  y()
3513
3518
  ], L.prototype, "focused");
3514
- it([
3515
- ct(".input-field")
3519
+ rt([
3520
+ ht(".input-field")
3516
3521
  ], L.prototype, "inputField");
3517
- var po = Object.defineProperty, mo = Object.getOwnPropertyDescriptor, wt = (t, e, s, r) => {
3522
+ var po = Object.defineProperty, mo = Object.getOwnPropertyDescriptor, St = (t, e, s, r) => {
3518
3523
  for (var i = r > 1 ? void 0 : r ? mo(e, s) : e, o = t.length - 1, n; o >= 0; o--)
3519
3524
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
3520
3525
  return r && i && po(e, s, i), i;
3521
3526
  };
3522
- let at = class extends L {
3527
+ let lt = class extends L {
3523
3528
  constructor() {
3524
3529
  super(...arguments), this.name = "", this.placeholder = "", this.type = "text", this.min = 0, this.max = 100, this.step = 1, this._hasPicker = !1, this.handleClickIcon = () => {
3525
3530
  var t, e;
@@ -3614,33 +3619,33 @@ let at = class extends L {
3614
3619
  return c;
3615
3620
  }
3616
3621
  };
3617
- wt([
3622
+ St([
3618
3623
  a({ type: String })
3619
- ], at.prototype, "name", 2);
3620
- wt([
3624
+ ], lt.prototype, "name", 2);
3625
+ St([
3621
3626
  a({ type: String })
3622
- ], at.prototype, "placeholder", 2);
3623
- wt([
3627
+ ], lt.prototype, "placeholder", 2);
3628
+ St([
3624
3629
  a({ type: String, attribute: "max-length" })
3625
- ], at.prototype, "maxLength", 2);
3626
- wt([
3630
+ ], lt.prototype, "maxLength", 2);
3631
+ St([
3627
3632
  a({ type: String })
3628
- ], at.prototype, "type", 2);
3629
- wt([
3633
+ ], lt.prototype, "type", 2);
3634
+ St([
3630
3635
  a({ type: Number })
3631
- ], at.prototype, "min", 2);
3632
- wt([
3636
+ ], lt.prototype, "min", 2);
3637
+ St([
3633
3638
  a({ type: Number })
3634
- ], at.prototype, "max", 2);
3635
- wt([
3639
+ ], lt.prototype, "max", 2);
3640
+ St([
3636
3641
  a({ type: Number })
3637
- ], at.prototype, "step", 2);
3638
- wt([
3642
+ ], lt.prototype, "step", 2);
3643
+ St([
3639
3644
  y()
3640
- ], at.prototype, "_hasPicker", 2);
3641
- at = wt([
3645
+ ], lt.prototype, "_hasPicker", 2);
3646
+ lt = St([
3642
3647
  v("ds-input", { skipTagAsComponentName: !0 })
3643
- ], at);
3648
+ ], lt);
3644
3649
  const fo = u`
3645
3650
  :host {
3646
3651
  display: inline-flex;
@@ -3658,12 +3663,12 @@ const fo = u`
3658
3663
  cursor: pointer;
3659
3664
  }
3660
3665
  `;
3661
- var bo = Object.defineProperty, vo = Object.getOwnPropertyDescriptor, rt = (t, e, s, r) => {
3666
+ var bo = Object.defineProperty, vo = Object.getOwnPropertyDescriptor, ot = (t, e, s, r) => {
3662
3667
  for (var i = r > 1 ? void 0 : r ? vo(e, s) : e, o = t.length - 1, n; o >= 0; o--)
3663
3668
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
3664
3669
  return r && i && bo(e, s, i), i;
3665
3670
  };
3666
- let W = class extends g {
3671
+ let q = class extends g {
3667
3672
  constructor() {
3668
3673
  super(...arguments), this.mode = "light", this.size = "large", this.underline = !1, this.disabled = !1, this.iconName = "arrow-right", this.iconPosition = "right";
3669
3674
  }
@@ -3730,40 +3735,40 @@ let W = class extends g {
3730
3735
  `;
3731
3736
  }
3732
3737
  };
3733
- W.styles = [fo];
3734
- rt([
3738
+ q.styles = [fo];
3739
+ ot([
3735
3740
  a({ type: String, reflect: !0 })
3736
- ], W.prototype, "mode", 2);
3737
- rt([
3741
+ ], q.prototype, "mode", 2);
3742
+ ot([
3738
3743
  a({ type: String })
3739
- ], W.prototype, "size", 2);
3740
- rt([
3744
+ ], q.prototype, "size", 2);
3745
+ ot([
3741
3746
  a({ type: Boolean, converter: m })
3742
- ], W.prototype, "underline", 2);
3743
- rt([
3747
+ ], q.prototype, "underline", 2);
3748
+ ot([
3744
3749
  a({ type: Boolean, converter: m })
3745
- ], W.prototype, "disabled", 2);
3746
- rt([
3750
+ ], q.prototype, "disabled", 2);
3751
+ ot([
3747
3752
  a({ type: String, attribute: "html-tag-name" })
3748
- ], W.prototype, "htmlTagName", 2);
3749
- rt([
3753
+ ], q.prototype, "htmlTagName", 2);
3754
+ ot([
3750
3755
  a({ type: String, reflect: !0 })
3751
- ], W.prototype, "href", 2);
3752
- rt([
3756
+ ], q.prototype, "href", 2);
3757
+ ot([
3753
3758
  a({ type: String, reflect: !0 })
3754
- ], W.prototype, "rel", 2);
3755
- rt([
3759
+ ], q.prototype, "rel", 2);
3760
+ ot([
3756
3761
  a({ type: String, reflect: !0 })
3757
- ], W.prototype, "target", 2);
3758
- rt([
3762
+ ], q.prototype, "target", 2);
3763
+ ot([
3759
3764
  a({ type: String, attribute: "icon-name" })
3760
- ], W.prototype, "iconName", 2);
3761
- rt([
3765
+ ], q.prototype, "iconName", 2);
3766
+ ot([
3762
3767
  a({ type: String, attribute: "icon-position" })
3763
- ], W.prototype, "iconPosition", 2);
3764
- W = rt([
3768
+ ], q.prototype, "iconPosition", 2);
3769
+ q = ot([
3765
3770
  v("ds-link-button")
3766
- ], W);
3771
+ ], q);
3767
3772
  const yo = u`
3768
3773
  .track {
3769
3774
  width: 100%;
@@ -3856,16 +3861,16 @@ ss.styles = [yo], ss.themesStyles = {
3856
3861
  "cupra-diagonal": $o,
3857
3862
  seat: _o
3858
3863
  };
3859
- let Rt = ss;
3864
+ let Ut = ss;
3860
3865
  Us([
3861
3866
  a({ type: Boolean, converter: m })
3862
- ], Rt.prototype, "show");
3867
+ ], Ut.prototype, "show");
3863
3868
  Us([
3864
3869
  a({ type: String, reflect: !0 })
3865
- ], Rt.prototype, "mode");
3870
+ ], Ut.prototype, "mode");
3866
3871
  Us([
3867
3872
  a({ type: String })
3868
- ], Rt.prototype, "size");
3873
+ ], Ut.prototype, "size");
3869
3874
  const Co = u`
3870
3875
  .fill {
3871
3876
  width: 33%;
@@ -3887,7 +3892,7 @@ var ko = Object.getOwnPropertyDescriptor, Eo = Object.getPrototypeOf, Oo = Refle
3887
3892
  (n = t[o]) && (i = n(i) || i);
3888
3893
  return i;
3889
3894
  }, zo = (t, e, s) => Oo(Eo(t), s, e);
3890
- let Ae = class extends Rt {
3895
+ let Ae = class extends Ut {
3891
3896
  render() {
3892
3897
  return this.show ? this.barTemplate : c;
3893
3898
  }
@@ -3896,11 +3901,11 @@ Ae.styles = [...zo(Ae, Ae, "styles"), Co];
3896
3901
  Ae = Po([
3897
3902
  v("ds-loader-bar", { skipTagAsComponentName: !0 })
3898
3903
  ], Ae);
3899
- function Xt(t, ...e) {
3900
- const r = String.raw({ raw: t }, ...e).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-4"), i = vi(r);
3904
+ function Jt(t, ...e) {
3905
+ const r = String.raw({ raw: t }, ...e).replace(/(--private-[\w-]+)(?=\s*[):,])/g, "$1-v1-0-0-canary-5"), i = vi(r);
3901
3906
  return u`${i}`;
3902
3907
  }
3903
- const Io = Xt`
3908
+ const Io = Jt`
3904
3909
  .container {
3905
3910
  display: inline-flex;
3906
3911
  justify-content: center;
@@ -3936,7 +3941,7 @@ var Ao = Object.defineProperty, Do = Object.getOwnPropertyDescriptor, ds = (t, e
3936
3941
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
3937
3942
  return r && i && Ao(e, s, i), i;
3938
3943
  };
3939
- let de = class extends g {
3944
+ let ue = class extends g {
3940
3945
  constructor() {
3941
3946
  super(...arguments), this.show = !1, this.mode = "light", this.size = "large";
3942
3947
  }
@@ -3967,19 +3972,19 @@ let de = class extends g {
3967
3972
  ` : c;
3968
3973
  }
3969
3974
  };
3970
- de.styles = [Io];
3975
+ ue.styles = [Io];
3971
3976
  ds([
3972
3977
  a({ type: Boolean, converter: m })
3973
- ], de.prototype, "show", 2);
3978
+ ], ue.prototype, "show", 2);
3974
3979
  ds([
3975
3980
  a({ type: String, reflect: !0 })
3976
- ], de.prototype, "mode", 2);
3981
+ ], ue.prototype, "mode", 2);
3977
3982
  ds([
3978
3983
  a({ type: String })
3979
- ], de.prototype, "size", 2);
3980
- de = ds([
3984
+ ], ue.prototype, "size", 2);
3985
+ ue = ds([
3981
3986
  v("ds-loader-dots")
3982
- ], de);
3987
+ ], ue);
3983
3988
  const No = u`
3984
3989
  .backdrop {
3985
3990
  display: flex;
@@ -4045,7 +4050,7 @@ var Bo = Object.defineProperty, Lo = Object.getOwnPropertyDescriptor, We = (t, e
4045
4050
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
4046
4051
  return r && i && Bo(e, s, i), i;
4047
4052
  };
4048
- let Ut = class extends g {
4053
+ let Vt = class extends g {
4049
4054
  constructor() {
4050
4055
  super(...arguments), this.show = !1, this.zIndex = 2e3, this.iconName = "logo";
4051
4056
  }
@@ -4078,22 +4083,22 @@ let Ut = class extends g {
4078
4083
  ` : c;
4079
4084
  }
4080
4085
  };
4081
- Ut.styles = [No];
4086
+ Vt.styles = [No];
4082
4087
  We([
4083
4088
  a({ type: Boolean, converter: m })
4084
- ], Ut.prototype, "show", 2);
4089
+ ], Vt.prototype, "show", 2);
4085
4090
  We([
4086
4091
  a({ type: Number, attribute: "z-index" })
4087
- ], Ut.prototype, "zIndex", 2);
4092
+ ], Vt.prototype, "zIndex", 2);
4088
4093
  We([
4089
4094
  a({ type: String, attribute: "icon-name" })
4090
- ], Ut.prototype, "iconName", 2);
4095
+ ], Vt.prototype, "iconName", 2);
4091
4096
  We([
4092
4097
  a({ type: String })
4093
- ], Ut.prototype, "color", 2);
4094
- Ut = We([
4098
+ ], Vt.prototype, "color", 2);
4099
+ Vt = We([
4095
4100
  v("ds-loader-logo")
4096
- ], Ut);
4101
+ ], Vt);
4097
4102
  const Mo = u`
4098
4103
  :host {
4099
4104
  display: contents;
@@ -4148,7 +4153,7 @@ var Ro = Object.defineProperty, Uo = Object.getOwnPropertyDescriptor, us = (t, e
4148
4153
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
4149
4154
  return r && i && Ro(e, s, i), i;
4150
4155
  };
4151
- let ue = class extends g {
4156
+ let pe = class extends g {
4152
4157
  constructor() {
4153
4158
  super(...arguments), this.show = !1, this.mode = "light", this.orientation = "row";
4154
4159
  }
@@ -4171,19 +4176,19 @@ let ue = class extends g {
4171
4176
  ` : c;
4172
4177
  }
4173
4178
  };
4174
- ue.styles = Fo;
4179
+ pe.styles = Fo;
4175
4180
  us([
4176
4181
  a({ type: Boolean, converter: m })
4177
- ], ue.prototype, "show", 2);
4182
+ ], pe.prototype, "show", 2);
4178
4183
  us([
4179
4184
  a({ type: String, reflect: !0 })
4180
- ], ue.prototype, "mode", 2);
4185
+ ], pe.prototype, "mode", 2);
4181
4186
  us([
4182
4187
  a({ type: String })
4183
- ], ue.prototype, "orientation", 2);
4184
- ue = us([
4188
+ ], pe.prototype, "orientation", 2);
4189
+ pe = us([
4185
4190
  v("ds-loader-spinner")
4186
- ], ue);
4191
+ ], pe);
4187
4192
  const Vo = u`
4188
4193
  :host {
4189
4194
  display: contents;
@@ -4287,12 +4292,12 @@ const Ko = u`
4287
4292
  color: var(--dg-color-text-strong);
4288
4293
  }
4289
4294
  `;
4290
- var Go = Object.defineProperty, Yo = Object.getOwnPropertyDescriptor, Dt = (t, e, s, r) => {
4295
+ var Go = Object.defineProperty, Yo = Object.getOwnPropertyDescriptor, Nt = (t, e, s, r) => {
4291
4296
  for (var i = r > 1 ? void 0 : r ? Yo(e, s) : e, o = t.length - 1, n; o >= 0; o--)
4292
4297
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
4293
4298
  return r && i && Go(e, s, i), i;
4294
4299
  };
4295
- let lt = class extends g {
4300
+ let ct = class extends g {
4296
4301
  constructor() {
4297
4302
  super(...arguments), this.width = 48, this.height = 48, this.checked = !1, this.iconSize = 24, this.iconTop = 8;
4298
4303
  }
@@ -4366,31 +4371,31 @@ let lt = class extends g {
4366
4371
  `;
4367
4372
  }
4368
4373
  };
4369
- lt.styles = [Ko];
4370
- Dt([
4374
+ ct.styles = [Ko];
4375
+ Nt([
4371
4376
  a({ type: Number, attribute: "width" })
4372
- ], lt.prototype, "width", 2);
4373
- Dt([
4377
+ ], ct.prototype, "width", 2);
4378
+ Nt([
4374
4379
  a({ type: Number, attribute: "height" })
4375
- ], lt.prototype, "height", 2);
4376
- Dt([
4380
+ ], ct.prototype, "height", 2);
4381
+ Nt([
4377
4382
  a({ type: Boolean, converter: m, reflect: !0 })
4378
- ], lt.prototype, "checked", 2);
4379
- Dt([
4383
+ ], ct.prototype, "checked", 2);
4384
+ Nt([
4380
4385
  a({ type: String, attribute: "icon-name" })
4381
- ], lt.prototype, "iconName", 2);
4382
- Dt([
4386
+ ], ct.prototype, "iconName", 2);
4387
+ Nt([
4383
4388
  a({ type: Number, attribute: "icon-size" })
4384
- ], lt.prototype, "iconSize", 2);
4385
- Dt([
4389
+ ], ct.prototype, "iconSize", 2);
4390
+ Nt([
4386
4391
  a({ type: Number, attribute: "icon-top" })
4387
- ], lt.prototype, "iconTop", 2);
4388
- Dt([
4392
+ ], ct.prototype, "iconTop", 2);
4393
+ Nt([
4389
4394
  a({ type: Number, attribute: "cluster-count" })
4390
- ], lt.prototype, "clusterCount", 2);
4391
- lt = Dt([
4395
+ ], ct.prototype, "clusterCount", 2);
4396
+ ct = Nt([
4392
4397
  v("ds-map-pin")
4393
- ], lt);
4398
+ ], ct);
4394
4399
  const Xo = u`
4395
4400
  :host {
4396
4401
  transition: display 300ms ease allow-discrete;
@@ -4461,7 +4466,7 @@ const Xo = u`
4461
4466
  grid-area: confirmButton;
4462
4467
  }
4463
4468
 
4464
- ${V.m} {
4469
+ ${H.m} {
4465
4470
  .content-container.full-width {
4466
4471
  max-width: 700px;
4467
4472
  }
@@ -4492,7 +4497,7 @@ const Xo = u`
4492
4497
  }
4493
4498
  }
4494
4499
 
4495
- ${V.l} {
4500
+ ${H.l} {
4496
4501
  .content-container.full-width {
4497
4502
  max-width: 952px;
4498
4503
  }
@@ -4510,7 +4515,7 @@ const Xo = u`
4510
4515
  }
4511
4516
  }
4512
4517
 
4513
- ${V.xl} {
4518
+ ${H.xl} {
4514
4519
  .content-container.full-width {
4515
4520
  max-width: 1138px;
4516
4521
  }
@@ -4572,7 +4577,7 @@ const Xo = u`
4572
4577
  width: calc(100dvw - 32px);
4573
4578
  }
4574
4579
 
4575
- ${V.m} {
4580
+ ${H.m} {
4576
4581
  .container.dialog .content-container {
4577
4582
  max-height: calc(100dvh - 112px);
4578
4583
  padding: 48px;
@@ -4588,7 +4593,7 @@ const Xo = u`
4588
4593
  padding-top: 24px;
4589
4594
  }
4590
4595
 
4591
- ${V.m} {
4596
+ ${H.m} {
4592
4597
  .container.full-screen.v-align-default {
4593
4598
  justify-content: center;
4594
4599
  padding-top: 0;
@@ -4605,19 +4610,19 @@ const Xo = u`
4605
4610
  padding-top: 24px;
4606
4611
  }
4607
4612
 
4608
- ${V.m} {
4613
+ ${H.m} {
4609
4614
  .container.full-screen.v-align-start {
4610
4615
  padding-top: 32px;
4611
4616
  }
4612
4617
  }
4613
4618
 
4614
- ${V.l} {
4619
+ ${H.l} {
4615
4620
  .container.full-screen.v-align-start {
4616
4621
  padding-top: 32px;
4617
4622
  }
4618
4623
  }
4619
4624
 
4620
- ${V.xl} {
4625
+ ${H.xl} {
4621
4626
  .container.full-screen.v-align-start {
4622
4627
  padding-top: 64px;
4623
4628
  }
@@ -4644,19 +4649,19 @@ const Xo = u`
4644
4649
  padding-bottom: 24px;
4645
4650
  }
4646
4651
 
4647
- ${V.m} {
4652
+ ${H.m} {
4648
4653
  .container.full-screen.v-align-end {
4649
4654
  padding-bottom: 32px;
4650
4655
  }
4651
4656
  }
4652
4657
 
4653
- ${V.l} {
4658
+ ${H.l} {
4654
4659
  .container.full-screen.v-align-end {
4655
4660
  padding-bottom: 32px;
4656
4661
  }
4657
4662
  }
4658
4663
 
4659
- ${V.xl} {
4664
+ ${H.xl} {
4660
4665
  .container.full-screen.v-align-end {
4661
4666
  padding-bottom: 64px;
4662
4667
  }
@@ -4668,12 +4673,12 @@ const Xo = u`
4668
4673
  margin-bottom: 24px;
4669
4674
  }
4670
4675
  `;
4671
- var en = Object.defineProperty, sn = Object.getOwnPropertyDescriptor, ot = (t, e, s, r) => {
4676
+ var en = Object.defineProperty, sn = Object.getOwnPropertyDescriptor, nt = (t, e, s, r) => {
4672
4677
  for (var i = r > 1 ? void 0 : r ? sn(e, s) : e, o = t.length - 1, n; o >= 0; o--)
4673
4678
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
4674
4679
  return r && i && en(e, s, i), i;
4675
4680
  };
4676
- let q = class extends At(g) {
4681
+ let K = class extends Dt(g) {
4677
4682
  constructor() {
4678
4683
  super(...arguments), this.withCloseButton = !0, this.variant = "fullScreen", this.zIndex = 2e3, this.disableScrollLock = !1, this.fullWidth = !1, this.vAlign = "default";
4679
4684
  }
@@ -4824,52 +4829,52 @@ let q = class extends At(g) {
4824
4829
  ));
4825
4830
  }
4826
4831
  };
4827
- q.styles = [Jo, Zo, Qo, Xo, tn];
4828
- ot([
4832
+ K.styles = [Jo, Zo, Qo, Xo, tn];
4833
+ nt([
4829
4834
  a({ type: Boolean, reflect: !0, converter: m })
4830
- ], q.prototype, "open", 2);
4831
- ot([
4835
+ ], K.prototype, "open", 2);
4836
+ nt([
4832
4837
  a({
4833
4838
  type: Boolean,
4834
4839
  attribute: "with-close-button",
4835
4840
  converter: m
4836
4841
  })
4837
- ], q.prototype, "withCloseButton", 2);
4838
- ot([
4842
+ ], K.prototype, "withCloseButton", 2);
4843
+ nt([
4839
4844
  a({ type: String, attribute: "cancel-button-text" })
4840
- ], q.prototype, "cancelButtonText", 2);
4841
- ot([
4845
+ ], K.prototype, "cancelButtonText", 2);
4846
+ nt([
4842
4847
  a({ type: String, attribute: "confirm-button-text" })
4843
- ], q.prototype, "confirmButtonText", 2);
4844
- ot([
4848
+ ], K.prototype, "confirmButtonText", 2);
4849
+ nt([
4845
4850
  a({ type: String })
4846
- ], q.prototype, "variant", 2);
4847
- ot([
4851
+ ], K.prototype, "variant", 2);
4852
+ nt([
4848
4853
  a({ type: Number, attribute: "z-index" })
4849
- ], q.prototype, "zIndex", 2);
4850
- ot([
4854
+ ], K.prototype, "zIndex", 2);
4855
+ nt([
4851
4856
  a({
4852
4857
  type: Boolean,
4853
4858
  converter: m,
4854
4859
  attribute: "disable-scroll-lock"
4855
4860
  })
4856
- ], q.prototype, "disableScrollLock", 2);
4857
- ot([
4861
+ ], K.prototype, "disableScrollLock", 2);
4862
+ nt([
4858
4863
  a({ type: String, attribute: "icon-name" })
4859
- ], q.prototype, "iconName", 2);
4860
- ot([
4864
+ ], K.prototype, "iconName", 2);
4865
+ nt([
4861
4866
  a({
4862
4867
  type: Boolean,
4863
4868
  converter: m,
4864
4869
  attribute: "full-width"
4865
4870
  })
4866
- ], q.prototype, "fullWidth", 2);
4867
- ot([
4871
+ ], K.prototype, "fullWidth", 2);
4872
+ nt([
4868
4873
  a({ type: String, attribute: "v-align" })
4869
- ], q.prototype, "vAlign", 2);
4870
- q = ot([
4874
+ ], K.prototype, "vAlign", 2);
4875
+ K = nt([
4871
4876
  v("ds-modal")
4872
- ], q);
4877
+ ], K);
4873
4878
  const Hs = (t) => class extends t {
4874
4879
  constructor() {
4875
4880
  super(...arguments), this.inputStates = {
@@ -4921,12 +4926,12 @@ const rn = u`
4921
4926
  display: contents;
4922
4927
  }
4923
4928
  `;
4924
- var on = Object.defineProperty, nn = Object.getOwnPropertyDescriptor, $e = (t, e, s, r) => {
4929
+ var on = Object.defineProperty, nn = Object.getOwnPropertyDescriptor, xe = (t, e, s, r) => {
4925
4930
  for (var i = r > 1 ? void 0 : r ? nn(e, s) : e, o = t.length - 1, n; o >= 0; o--)
4926
4931
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
4927
4932
  return r && i && on(e, s, i), i;
4928
4933
  };
4929
- let yt = class extends Hs(g) {
4934
+ let gt = class extends Hs(g) {
4930
4935
  constructor() {
4931
4936
  super(...arguments), this.keyboardMode = !1, this.size = "medium", this.helperText = "", this.forcedError = "", this.invalidError = "", this.dataAriaLabelRemoveButton = "", this.handleClickIcon = () => {
4932
4937
  this.nativeInput.value = "", this.nativeInput.focus(), ["input", "change"].forEach(
@@ -4989,31 +4994,31 @@ let yt = class extends Hs(g) {
4989
4994
  return this.forcedError || !this.inputStates.invalid || !this.invalidError ? c : l`<span class="support-text error-text invalid-error">${this.invalidError}</span>`;
4990
4995
  }
4991
4996
  };
4992
- yt.styles = [rn];
4993
- $e([
4997
+ gt.styles = [rn];
4998
+ xe([
4994
4999
  a({ type: String })
4995
- ], yt.prototype, "size", 2);
4996
- $e([
5000
+ ], gt.prototype, "size", 2);
5001
+ xe([
4997
5002
  a({ type: String, attribute: "helper-text" })
4998
- ], yt.prototype, "helperText", 2);
4999
- $e([
5003
+ ], gt.prototype, "helperText", 2);
5004
+ xe([
5000
5005
  a({ type: String, attribute: "forced-error" })
5001
- ], yt.prototype, "forcedError", 2);
5002
- $e([
5006
+ ], gt.prototype, "forcedError", 2);
5007
+ xe([
5003
5008
  a({ type: String, attribute: "invalid-error" })
5004
- ], yt.prototype, "invalidError", 2);
5005
- $e([
5009
+ ], gt.prototype, "invalidError", 2);
5010
+ xe([
5006
5011
  a({ type: String, attribute: "data-aria-label-remove-button" })
5007
- ], yt.prototype, "dataAriaLabelRemoveButton", 2);
5008
- yt = $e([
5012
+ ], gt.prototype, "dataAriaLabelRemoveButton", 2);
5013
+ gt = xe([
5009
5014
  v("ds-text-input")
5010
- ], yt);
5015
+ ], gt);
5011
5016
  var an = Object.defineProperty, ln = Object.getOwnPropertyDescriptor, ps = (t, e, s, r) => {
5012
5017
  for (var i = r > 1 ? void 0 : r ? ln(e, s) : e, o = t.length - 1, n; o >= 0; o--)
5013
5018
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
5014
5019
  return r && i && an(e, s, i), i;
5015
5020
  };
5016
- let Me = class extends yt {
5021
+ let Me = class extends gt {
5017
5022
  constructor() {
5018
5023
  super(...arguments), this.dataAriaLabelHideButton = "", this.dataAriaLabelShowButton = "", this.visible = !1, this.handleClickIcon = () => {
5019
5024
  this.visible ? (this.nativeInput.setAttribute("type", "password"), this.visible = !1) : (this.nativeInput.setAttribute("type", "text"), this.visible = !0);
@@ -5054,7 +5059,7 @@ var hn = Object.defineProperty, dn = Object.getOwnPropertyDescriptor, qe = (t, e
5054
5059
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
5055
5060
  return r && i && hn(e, s, i), i;
5056
5061
  };
5057
- let Vt = class extends At(g) {
5062
+ let Ht = class extends Dt(g) {
5058
5063
  constructor() {
5059
5064
  super(...arguments), this.variant = "without-border", this.size = "medium", this.loading = !1, this.selected = !1;
5060
5065
  }
@@ -5108,28 +5113,28 @@ let Vt = class extends At(g) {
5108
5113
  `;
5109
5114
  }
5110
5115
  };
5111
- Vt.styles = [cn];
5116
+ Ht.styles = [cn];
5112
5117
  qe([
5113
5118
  a({ type: String })
5114
- ], Vt.prototype, "variant", 2);
5119
+ ], Ht.prototype, "variant", 2);
5115
5120
  qe([
5116
5121
  a({ type: String, converter: Ue })
5117
- ], Vt.prototype, "size", 2);
5122
+ ], Ht.prototype, "size", 2);
5118
5123
  qe([
5119
5124
  a({ type: Boolean, converter: m })
5120
- ], Vt.prototype, "loading", 2);
5125
+ ], Ht.prototype, "loading", 2);
5121
5126
  qe([
5122
5127
  a({ type: Boolean, converter: m })
5123
- ], Vt.prototype, "selected", 2);
5124
- Vt = qe([
5128
+ ], Ht.prototype, "selected", 2);
5129
+ Ht = qe([
5125
5130
  v("ds-picker-item")
5126
- ], Vt);
5131
+ ], Ht);
5127
5132
  var un = Object.defineProperty, pn = Object.getOwnPropertyDescriptor, Ei = (t, e, s, r) => {
5128
5133
  for (var i = r > 1 ? void 0 : r ? pn(e, s) : e, o = t.length - 1, n; o >= 0; o--)
5129
5134
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
5130
5135
  return r && i && un(e, s, i), i;
5131
5136
  };
5132
- let ks = class extends ut {
5137
+ let ks = class extends pt {
5133
5138
  constructor() {
5134
5139
  super(...arguments), this.nodes = [], this.querySelectorText = "body";
5135
5140
  }
@@ -5167,7 +5172,7 @@ var fn = Object.defineProperty, bn = Object.getOwnPropertyDescriptor, vn = Objec
5167
5172
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
5168
5173
  return r && i && fn(e, s, i), i;
5169
5174
  }, gn = (t, e, s) => yn(vn(t), s, e);
5170
- let re = class extends Rt {
5175
+ let oe = class extends Ut {
5171
5176
  render() {
5172
5177
  return this.show ? l`
5173
5178
  <style>
@@ -5179,13 +5184,13 @@ let re = class extends Rt {
5179
5184
  ` : c;
5180
5185
  }
5181
5186
  };
5182
- re.styles = [...gn(re, re, "styles"), mn];
5187
+ oe.styles = [...gn(oe, oe, "styles"), mn];
5183
5188
  Oi([
5184
5189
  a({ type: Number })
5185
- ], re.prototype, "progress", 2);
5186
- re = Oi([
5190
+ ], oe.prototype, "progress", 2);
5191
+ oe = Oi([
5187
5192
  v("ds-progress-bar", { skipTagAsComponentName: !0 })
5188
- ], re);
5193
+ ], oe);
5189
5194
  const $n = u`
5190
5195
  :host {
5191
5196
  display: contents;
@@ -5204,13 +5209,13 @@ const $n = u`
5204
5209
  vertical-align: top;
5205
5210
  }
5206
5211
  `;
5207
- var xn = Object.defineProperty, wn = Object.getOwnPropertyDescriptor, Jt = (t, e, s, r) => {
5212
+ var xn = Object.defineProperty, wn = Object.getOwnPropertyDescriptor, Zt = (t, e, s, r) => {
5208
5213
  for (var i = r > 1 ? void 0 : r ? wn(e, s) : e, o = t.length - 1, n; o >= 0; o--)
5209
5214
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
5210
5215
  return r && i && xn(e, s, i), i;
5211
5216
  };
5212
5217
  const Pi = Symbol("ds-radio-button-group:disabled"), zi = Symbol("ds-radio-button-group:error"), Ii = Symbol("ds-radio-button-group:error-text"), Ai = Symbol("ds-radio-button-group:helper-text"), Di = Symbol("ds-radio-button-group:size");
5213
- let gt = class extends g {
5218
+ let $t = class extends g {
5214
5219
  constructor() {
5215
5220
  super(...arguments), this.error = !1, this.errorText = "", this.helperText = "", this.disabled = !1, this.size = "medium", this.orientation = "vertical";
5216
5221
  }
@@ -5241,33 +5246,33 @@ let gt = class extends g {
5241
5246
  `;
5242
5247
  }
5243
5248
  };
5244
- gt.styles = [$n];
5245
- Jt([
5246
- ve({ context: zi }),
5249
+ $t.styles = [$n];
5250
+ Zt([
5251
+ ye({ context: zi }),
5247
5252
  a({ type: Boolean, converter: m })
5248
- ], gt.prototype, "error", 2);
5249
- Jt([
5250
- ve({ context: Ii }),
5253
+ ], $t.prototype, "error", 2);
5254
+ Zt([
5255
+ ye({ context: Ii }),
5251
5256
  a({ type: String, attribute: "error-text" })
5252
- ], gt.prototype, "errorText", 2);
5253
- Jt([
5254
- ve({ context: Ai }),
5257
+ ], $t.prototype, "errorText", 2);
5258
+ Zt([
5259
+ ye({ context: Ai }),
5255
5260
  a({ type: String, attribute: "helper-text" })
5256
- ], gt.prototype, "helperText", 2);
5257
- Jt([
5258
- ve({ context: Pi }),
5261
+ ], $t.prototype, "helperText", 2);
5262
+ Zt([
5263
+ ye({ context: Pi }),
5259
5264
  a({ type: Boolean, converter: m })
5260
- ], gt.prototype, "disabled", 2);
5261
- Jt([
5262
- ve({ context: Di }),
5265
+ ], $t.prototype, "disabled", 2);
5266
+ Zt([
5267
+ ye({ context: Di }),
5263
5268
  a({ type: String })
5264
- ], gt.prototype, "size", 2);
5265
- Jt([
5269
+ ], $t.prototype, "size", 2);
5270
+ Zt([
5266
5271
  a({ type: String, reflect: !0 })
5267
- ], gt.prototype, "orientation", 2);
5268
- gt = Jt([
5272
+ ], $t.prototype, "orientation", 2);
5273
+ $t = Zt([
5269
5274
  v("ds-radio-button-group")
5270
- ], gt);
5275
+ ], $t);
5271
5276
  const Sn = u`
5272
5277
  :host {
5273
5278
  display: block;
@@ -5477,7 +5482,7 @@ F([
5477
5482
  y()
5478
5483
  ], D.prototype, "inputMutationObserver", 2);
5479
5484
  F([
5480
- et({ slot: "input", selector: "input" })
5485
+ st({ slot: "input", selector: "input" })
5481
5486
  ], D.prototype, "input", 2);
5482
5487
  D = F([
5483
5488
  v("ds-radio-button")
@@ -5496,12 +5501,12 @@ const Cn = u`
5496
5501
  display: contents;
5497
5502
  }
5498
5503
  `;
5499
- var kn = Object.defineProperty, En = Object.getOwnPropertyDescriptor, xe = (t, e, s, r) => {
5504
+ var kn = Object.defineProperty, En = Object.getOwnPropertyDescriptor, we = (t, e, s, r) => {
5500
5505
  for (var i = r > 1 ? void 0 : r ? En(e, s) : e, o = t.length - 1, n; o >= 0; o--)
5501
5506
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
5502
5507
  return r && i && kn(e, s, i), i;
5503
5508
  };
5504
- let Ot = class extends ls(ut) {
5509
+ let Pt = class extends ls(pt) {
5505
5510
  constructor() {
5506
5511
  super(...arguments), this.mode = "light", this.size = "large";
5507
5512
  }
@@ -5544,25 +5549,25 @@ let Ot = class extends ls(ut) {
5544
5549
  `;
5545
5550
  }
5546
5551
  };
5547
- Ot.styles = [Cn];
5548
- xe([
5552
+ Pt.styles = [Cn];
5553
+ we([
5549
5554
  a({ type: String })
5550
- ], Ot.prototype, "name", 2);
5551
- xe([
5555
+ ], Pt.prototype, "name", 2);
5556
+ we([
5552
5557
  a({ type: String, reflect: !0 })
5553
- ], Ot.prototype, "value", 2);
5554
- xe([
5558
+ ], Pt.prototype, "value", 2);
5559
+ we([
5555
5560
  a({ type: String, reflect: !0 })
5556
- ], Ot.prototype, "mode", 2);
5557
- xe([
5561
+ ], Pt.prototype, "mode", 2);
5562
+ we([
5558
5563
  a({ type: String })
5559
- ], Ot.prototype, "size", 2);
5560
- xe([
5561
- et({ selector: "ds-radio" })
5562
- ], Ot.prototype, "radioElements", 2);
5563
- Ot = xe([
5564
+ ], Pt.prototype, "size", 2);
5565
+ we([
5566
+ st({ selector: "ds-radio" })
5567
+ ], Pt.prototype, "radioElements", 2);
5568
+ Pt = we([
5564
5569
  v("ds-radio-group", { skipTagAsComponentName: !0 })
5565
- ], Ot);
5570
+ ], Pt);
5566
5571
  const On = u`
5567
5572
  :host {
5568
5573
  display: inline-block;
@@ -5600,12 +5605,12 @@ const On = u`
5600
5605
  transform: scale(1);
5601
5606
  }
5602
5607
  `;
5603
- var Pn = Object.defineProperty, zn = Object.getOwnPropertyDescriptor, St = (t, e, s, r) => {
5608
+ var Pn = Object.defineProperty, zn = Object.getOwnPropertyDescriptor, _t = (t, e, s, r) => {
5604
5609
  for (var i = r > 1 ? void 0 : r ? zn(e, s) : e, o = t.length - 1, n; o >= 0; o--)
5605
5610
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
5606
5611
  return r && i && Pn(e, s, i), i;
5607
5612
  };
5608
- let Q = class extends g {
5613
+ let tt = class extends g {
5609
5614
  constructor() {
5610
5615
  super(...arguments), this.readonly = !1, this.checked = !1, this.disabled = !1, this.mode = "light", this.size = "large", this.handleClickInput = (t) => {
5611
5616
  this.readonly && t.preventDefault();
@@ -5669,45 +5674,45 @@ let Q = class extends g {
5669
5674
  `;
5670
5675
  }
5671
5676
  };
5672
- Q.styles = [On];
5673
- St([
5677
+ tt.styles = [On];
5678
+ _t([
5674
5679
  a({ type: Boolean, converter: m, reflect: !0 })
5675
- ], Q.prototype, "readonly", 2);
5676
- St([
5680
+ ], tt.prototype, "readonly", 2);
5681
+ _t([
5677
5682
  a({ type: String, reflect: !0 })
5678
- ], Q.prototype, "name", 2);
5679
- St([
5683
+ ], tt.prototype, "name", 2);
5684
+ _t([
5680
5685
  a({ type: String })
5681
- ], Q.prototype, "value", 2);
5682
- St([
5686
+ ], tt.prototype, "value", 2);
5687
+ _t([
5683
5688
  a({ type: Boolean, converter: m, reflect: !0 })
5684
- ], Q.prototype, "checked", 2);
5685
- St([
5689
+ ], tt.prototype, "checked", 2);
5690
+ _t([
5686
5691
  a({ type: Boolean, converter: m, reflect: !0 })
5687
- ], Q.prototype, "disabled", 2);
5688
- St([
5692
+ ], tt.prototype, "disabled", 2);
5693
+ _t([
5689
5694
  a({ type: String, reflect: !0 })
5690
- ], Q.prototype, "mode", 2);
5691
- St([
5695
+ ], tt.prototype, "mode", 2);
5696
+ _t([
5692
5697
  a({ type: String })
5693
- ], Q.prototype, "size", 2);
5694
- St([
5698
+ ], tt.prototype, "size", 2);
5699
+ _t([
5695
5700
  Bs({ slot: "", flatten: !0 })
5696
- ], Q.prototype, "_defaultSlotNodes", 2);
5697
- Q = St([
5701
+ ], tt.prototype, "_defaultSlotNodes", 2);
5702
+ tt = _t([
5698
5703
  v("ds-radio")
5699
- ], Q);
5704
+ ], tt);
5700
5705
  const In = u`
5701
5706
  :host {
5702
5707
  display: contents;
5703
5708
  }
5704
5709
  `;
5705
- var An = Object.defineProperty, Dn = Object.getOwnPropertyDescriptor, ht = (t, e, s, r) => {
5710
+ var An = Object.defineProperty, Dn = Object.getOwnPropertyDescriptor, dt = (t, e, s, r) => {
5706
5711
  for (var i = r > 1 ? void 0 : r ? Dn(e, s) : e, o = t.length - 1, n; o >= 0; o--)
5707
5712
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
5708
5713
  return r && i && An(e, s, i), i;
5709
5714
  };
5710
- let Y = class extends Hs(g) {
5715
+ let X = class extends Hs(g) {
5711
5716
  constructor() {
5712
5717
  super(...arguments), this.size = "medium", this.variant = "primary", this.loading = !1, this.helperText = "", this.forcedError = "", this.invalidError = "", this.dataAriaLabelRemoveButton = "", this.dataAriaLabelPositionButton = "", this.withPositionButton = !0, this.handleRemove = () => {
5713
5718
  this.nativeInput.value = "", this.nativeInput.focus(), ["input", "change"].forEach(
@@ -5815,37 +5820,37 @@ let Y = class extends Hs(g) {
5815
5820
  return Ws(t) ? l`<span class="char-counter">${((r = this.inputStates.currentValue) == null ? void 0 : r.length) || 0}/${t}</span>` : c;
5816
5821
  }
5817
5822
  };
5818
- Y.styles = [In];
5819
- ht([
5823
+ X.styles = [In];
5824
+ dt([
5820
5825
  a({ type: String })
5821
- ], Y.prototype, "size", 2);
5822
- ht([
5826
+ ], X.prototype, "size", 2);
5827
+ dt([
5823
5828
  a({ type: String })
5824
- ], Y.prototype, "variant", 2);
5825
- ht([
5829
+ ], X.prototype, "variant", 2);
5830
+ dt([
5826
5831
  a({ type: Boolean, converter: m })
5827
- ], Y.prototype, "loading", 2);
5828
- ht([
5832
+ ], X.prototype, "loading", 2);
5833
+ dt([
5829
5834
  a({ type: String, attribute: "helper-text" })
5830
- ], Y.prototype, "helperText", 2);
5831
- ht([
5835
+ ], X.prototype, "helperText", 2);
5836
+ dt([
5832
5837
  a({ type: String, attribute: "forced-error" })
5833
- ], Y.prototype, "forcedError", 2);
5834
- ht([
5838
+ ], X.prototype, "forcedError", 2);
5839
+ dt([
5835
5840
  a({ type: String, attribute: "invalid-error" })
5836
- ], Y.prototype, "invalidError", 2);
5837
- ht([
5841
+ ], X.prototype, "invalidError", 2);
5842
+ dt([
5838
5843
  a({ type: String, attribute: "data-aria-label-remove-button" })
5839
- ], Y.prototype, "dataAriaLabelRemoveButton", 2);
5840
- ht([
5844
+ ], X.prototype, "dataAriaLabelRemoveButton", 2);
5845
+ dt([
5841
5846
  a({ type: String, attribute: "data-aria-label-position-button" })
5842
- ], Y.prototype, "dataAriaLabelPositionButton", 2);
5843
- ht([
5847
+ ], X.prototype, "dataAriaLabelPositionButton", 2);
5848
+ dt([
5844
5849
  a({ type: Boolean, converter: m, attribute: "with-position-button" })
5845
- ], Y.prototype, "withPositionButton", 2);
5846
- Y = ht([
5850
+ ], X.prototype, "withPositionButton", 2);
5851
+ X = dt([
5847
5852
  v("ds-search-input")
5848
- ], Y);
5853
+ ], X);
5849
5854
  const Nn = u`
5850
5855
  :host {
5851
5856
  display: block;
@@ -6085,7 +6090,7 @@ N([
6085
6090
  y()
6086
6091
  ], z.prototype, "focused", 2);
6087
6092
  N([
6088
- ct(".input-field")
6093
+ ht(".input-field")
6089
6094
  ], z.prototype, "inputField", 2);
6090
6095
  z = N([
6091
6096
  v("ds-search")
@@ -6095,12 +6100,12 @@ const Un = u`
6095
6100
  display: contents;
6096
6101
  }
6097
6102
  `;
6098
- var Vn = Object.defineProperty, Hn = Object.getOwnPropertyDescriptor, dt = (t, e, s, r) => {
6103
+ var Vn = Object.defineProperty, Hn = Object.getOwnPropertyDescriptor, ut = (t, e, s, r) => {
6099
6104
  for (var i = r > 1 ? void 0 : r ? Hn(e, s) : e, o = t.length - 1, n; o >= 0; o--)
6100
6105
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
6101
6106
  return r && i && Vn(e, s, i), i;
6102
6107
  };
6103
- let X = class extends At(g) {
6108
+ let J = class extends Dt(g) {
6104
6109
  constructor() {
6105
6110
  super(...arguments), this.dropdownButtonText = "Menu", this.openItems = !1, this.openCtas = !1, this.hasScrollLeft = !1, this.hasScrollRight = !1, this.resizeObserver = new ResizeObserver(() => {
6106
6111
  this.handleScroll();
@@ -6282,37 +6287,37 @@ let X = class extends At(g) {
6282
6287
  return !this.openItems && !this.openCtas ? c : l`<div class="dropdown-backdrop" @click=${this.closeDropdowns}></div>`;
6283
6288
  }
6284
6289
  };
6285
- X.styles = [Un];
6286
- dt([
6290
+ J.styles = [Un];
6291
+ ut([
6287
6292
  a({ type: String, attribute: "dropdown-button-text" })
6288
- ], X.prototype, "dropdownButtonText", 2);
6289
- dt([
6293
+ ], J.prototype, "dropdownButtonText", 2);
6294
+ ut([
6290
6295
  a({ type: Number, attribute: "selected-index" })
6291
- ], X.prototype, "selectedIndex", 2);
6292
- dt([
6296
+ ], J.prototype, "selectedIndex", 2);
6297
+ ut([
6293
6298
  y()
6294
- ], X.prototype, "openItems", 2);
6295
- dt([
6299
+ ], J.prototype, "openItems", 2);
6300
+ ut([
6296
6301
  y()
6297
- ], X.prototype, "openCtas", 2);
6298
- dt([
6302
+ ], J.prototype, "openCtas", 2);
6303
+ ut([
6299
6304
  y()
6300
- ], X.prototype, "hasScrollLeft", 2);
6301
- dt([
6305
+ ], J.prototype, "hasScrollLeft", 2);
6306
+ ut([
6302
6307
  y()
6303
- ], X.prototype, "hasScrollRight", 2);
6304
- dt([
6305
- et({ slot: "items" })
6306
- ], X.prototype, "items", 2);
6307
- dt([
6308
- et({ slot: "actions" })
6309
- ], X.prototype, "ctas", 2);
6310
- dt([
6311
- ct(".items-container")
6312
- ], X.prototype, "itemsContainer", 2);
6313
- X = dt([
6308
+ ], J.prototype, "hasScrollRight", 2);
6309
+ ut([
6310
+ st({ slot: "items" })
6311
+ ], J.prototype, "items", 2);
6312
+ ut([
6313
+ st({ slot: "actions" })
6314
+ ], J.prototype, "ctas", 2);
6315
+ ut([
6316
+ ht(".items-container")
6317
+ ], J.prototype, "itemsContainer", 2);
6318
+ J = ut([
6314
6319
  v("ds-secondary-navigation")
6315
- ], X);
6320
+ ], J);
6316
6321
  const Wn = u`
6317
6322
  :host {
6318
6323
  display: flex;
@@ -6367,7 +6372,7 @@ var qn = Object.defineProperty, Kn = Object.getOwnPropertyDescriptor, ms = (t, e
6367
6372
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
6368
6373
  return r && i && qn(e, s, i), i;
6369
6374
  };
6370
- let pe = class extends g {
6375
+ let me = class extends g {
6371
6376
  constructor() {
6372
6377
  super(...arguments), this.size = "medium", this.fullWidth = !1;
6373
6378
  }
@@ -6403,23 +6408,23 @@ let pe = class extends g {
6403
6408
  `;
6404
6409
  }
6405
6410
  };
6406
- pe.styles = [Wn];
6411
+ me.styles = [Wn];
6407
6412
  ms([
6408
6413
  a({ type: String })
6409
- ], pe.prototype, "size", 2);
6414
+ ], me.prototype, "size", 2);
6410
6415
  ms([
6411
6416
  a({
6412
6417
  type: Boolean,
6413
6418
  converter: m,
6414
6419
  attribute: "full-width"
6415
6420
  })
6416
- ], pe.prototype, "fullWidth", 2);
6421
+ ], me.prototype, "fullWidth", 2);
6417
6422
  ms([
6418
- et({ slot: "", flatten: !0 })
6419
- ], pe.prototype, "slottedElements", 2);
6420
- pe = ms([
6423
+ st({ slot: "", flatten: !0 })
6424
+ ], me.prototype, "slottedElements", 2);
6425
+ me = ms([
6421
6426
  v("ds-segmented-control")
6422
- ], pe);
6427
+ ], me);
6423
6428
  const is = class is {
6424
6429
  static handleKeydownWhenOpen(e, s) {
6425
6430
  switch (this.KEYS_WHEN_OPEN.has(e.key) && e.preventDefault(), e.key) {
@@ -6717,16 +6722,16 @@ R([
6717
6722
  y()
6718
6723
  ], O.prototype, "hasForcedError", 2);
6719
6724
  R([
6720
- et({ slot: "", selector: "select", flatten: !0 })
6725
+ st({ slot: "", selector: "select", flatten: !0 })
6721
6726
  ], O.prototype, "nativeSelects", 2);
6722
6727
  R([
6723
- et({ slot: "", selector: "label", flatten: !0 })
6728
+ st({ slot: "", selector: "label", flatten: !0 })
6724
6729
  ], O.prototype, "nativeLabels", 2);
6725
6730
  R([
6726
- et({ slot: "forced-error", flatten: !0 })
6731
+ st({ slot: "forced-error", flatten: !0 })
6727
6732
  ], O.prototype, "forcedError", 2);
6728
6733
  R([
6729
- ct(".select")
6734
+ ht(".select")
6730
6735
  ], O.prototype, "displaySelect", 2);
6731
6736
  O = R([
6732
6737
  v("ds-select")
@@ -6792,7 +6797,7 @@ function ws({ value: t, min: e, max: s }) {
6792
6797
  const ci = (t, e, s = 10) => {
6793
6798
  const r = Math.pow(10, s), i = Math.round(t * r), o = Math.round(e * r);
6794
6799
  return (i + o) / r;
6795
- }, ke = ({ step: t = 1, min: e = 0, max: s = 100, proposedValue: r, role: i, currentValues: o }) => {
6800
+ }, Ee = ({ step: t = 1, min: e = 0, max: s = 100, proposedValue: r, role: i, currentValues: o }) => {
6796
6801
  const n = i === "min" ? 1 : 2, h = r;
6797
6802
  let d, f = e, x = s;
6798
6803
  return Number.isFinite(h) ? (Object.keys(o).forEach((b) => {
@@ -6817,7 +6822,7 @@ const ci = (t, e, s = 10) => {
6817
6822
  :host {
6818
6823
  display: block;
6819
6824
  }
6820
- `, sa = Xt`
6825
+ `, sa = Jt`
6821
6826
  .current-value-container {
6822
6827
  position: relative;
6823
6828
  }
@@ -6826,7 +6831,7 @@ const ci = (t, e, s = 10) => {
6826
6831
  display: inline-flex;
6827
6832
  position: absolute;
6828
6833
  }
6829
- `, ia = Xt`
6834
+ `, ia = Jt`
6830
6835
  .range-value-container {
6831
6836
  display: flex;
6832
6837
  justify-content: space-between;
@@ -6839,7 +6844,7 @@ const ci = (t, e, s = 10) => {
6839
6844
  .range-value-label:after {
6840
6845
  content: ':';
6841
6846
  }
6842
- `, ra = Xt`
6847
+ `, ra = Jt`
6843
6848
  .track {
6844
6849
  position: relative;
6845
6850
  cursor: pointer;
@@ -6856,7 +6861,7 @@ const ci = (t, e, s = 10) => {
6856
6861
  .track, .track-range {
6857
6862
  background-clip: content-box;
6858
6863
  }
6859
- `, oa = Xt`
6864
+ `, oa = Jt`
6860
6865
  .thumb {
6861
6866
  z-index: 2;
6862
6867
  position: absolute;
@@ -6867,7 +6872,7 @@ var na = Object.defineProperty, aa = Object.getOwnPropertyDescriptor, _ = (t, e,
6867
6872
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
6868
6873
  return r && i && na(e, s, i), i;
6869
6874
  };
6870
- let w = class extends At(g) {
6875
+ let w = class extends Dt(g) {
6871
6876
  constructor() {
6872
6877
  super(...arguments), this.min = 0, this.max = 100, this.minLabel = "", this.maxLabel = "", this.step = 1, this.initialValueMin = 0, this.mode = "light", this.locale = void 0, this.localeMatcher = "lookup", this.useGrouping = !0, this.minimumIntegerDigits = 1, this.minimumFractionDigits = 0, this.maximumFractionDigits = 3, this.size = "medium", this.disabled = !1, this.keyboardMode = !1, this.getNewValue = (t) => {
6873
6878
  const { width: e, left: s } = this.track.getBoundingClientRect(), r = t.type.indexOf("mouse") !== -1 ? t.clientX : t.touches[0].clientX, o = Math.min(Math.max(0, r - s), e) * 100 / e;
@@ -6877,7 +6882,7 @@ let w = class extends At(g) {
6877
6882
  typeof this.valueMax != "number" || e <= this.valueMin ? this.activeThumb = "min" : e >= this.valueMax ? this.activeThumb = "max" : e - this.valueMin < this.valueMax - e ? this.activeThumb = "min" : this.activeThumb = "max";
6878
6883
  }, this.handleMouseMove = (t) => {
6879
6884
  this.animationFrameRequest && cancelAnimationFrame(this.animationFrameRequest), this.animationFrameRequest = requestAnimationFrame(() => {
6880
- const e = this.getNewValue(t), s = this.activeThumb ?? "min", { stepValue: r } = ke({
6885
+ const e = this.getNewValue(t), s = this.activeThumb ?? "min", { stepValue: r } = Ee({
6881
6886
  step: this.step,
6882
6887
  min: this.min,
6883
6888
  max: this.max,
@@ -6905,7 +6910,7 @@ let w = class extends At(g) {
6905
6910
  const i = r === "min" ? this.valueMin : this.valueMax;
6906
6911
  s.value = String(i ?? ""), this.keyboardMode && s.classList.add("focus-visible");
6907
6912
  }, this.commitInputValue = (t, e) => {
6908
- const s = t.currentTarget, r = e === 1 ? "min" : "max", { stepValue: i } = ke({
6913
+ const s = t.currentTarget, r = e === 1 ? "min" : "max", { stepValue: i } = Ee({
6909
6914
  step: this.step,
6910
6915
  min: this.min,
6911
6916
  max: this.max,
@@ -6927,7 +6932,7 @@ let w = class extends At(g) {
6927
6932
  }, this.onThumbKeyDown = (t, e) => {
6928
6933
  if (!this.disabled && (t.key === "ArrowLeft" || t.key === "ArrowRight")) {
6929
6934
  t.preventDefault();
6930
- const s = this.step ?? 1, r = t.key === "ArrowLeft" ? -s : s, i = e === 1 ? "min" : "max", n = (i === "min" ? this.valueMin : this.valueMax) + r, { stepValue: h } = ke({
6935
+ const s = this.step ?? 1, r = t.key === "ArrowLeft" ? -s : s, i = e === 1 ? "min" : "max", n = (i === "min" ? this.valueMin : this.valueMax) + r, { stepValue: h } = Ee({
6931
6936
  step: this.step,
6932
6937
  min: this.min,
6933
6938
  max: this.max,
@@ -6949,7 +6954,7 @@ let w = class extends At(g) {
6949
6954
  super.firstUpdated(t), window == null || window.addEventListener("keydown", this.handleKeydown), window == null || window.addEventListener("mousedown", this.handlePointerOrMouseDown), window == null || window.addEventListener("pointerdown", this.handlePointerOrMouseDown), ["min", "max"].forEach((s) => {
6950
6955
  const i = this[s === "min" ? "initialValueMin" : "initialValueMax"];
6951
6956
  if (typeof i != "number") return;
6952
- const { stepValue: o } = ke({
6957
+ const { stepValue: o } = Ee({
6953
6958
  step: this.step,
6954
6959
  min: this.min,
6955
6960
  max: this.max,
@@ -7019,7 +7024,7 @@ let w = class extends At(g) {
7019
7024
  `;
7020
7025
  }
7021
7026
  getThumbTemplate(t) {
7022
- const e = t === 1 ? "min" : "max", s = e === "min" ? this.valueMin : this.valueMax, { minLimit: r, maxLimit: i } = ke({
7027
+ const e = t === 1 ? "min" : "max", s = e === "min" ? this.valueMin : this.valueMax, { minLimit: r, maxLimit: i } = Ee({
7023
7028
  step: this.step,
7024
7029
  min: this.min,
7025
7030
  max: this.max,
@@ -7084,7 +7089,7 @@ let w = class extends At(g) {
7084
7089
  formattedValue: i,
7085
7090
  unitSymbol: o,
7086
7091
  unitSymbolPosition: n
7087
- } = this.formatNumber(r), h = this.unitSymbolPosition ?? n, d = this.unitSymbol ?? o, f = d ? h === "left" ? `${d} ${i}` : `${i} ${d}` : `${i}`, x = s ? "number" : "text", b = s ? String(r ?? "") : f, $ = t === 1 ? this.inputMinAriaLabel : this.inputMaxAriaLabel, T = typeof this.initialValueMax == "number" ? t === 1 ? "Start value" : "End value" : "Value", G = $ ?? T;
7092
+ } = this.formatNumber(r), h = this.unitSymbolPosition ?? n, d = this.unitSymbol ?? o, f = d ? h === "left" ? `${d} ${i}` : `${i} ${d}` : `${i}`, x = s ? "number" : "text", b = s ? String(r ?? "") : f, $ = t === 1 ? this.inputMinAriaLabel : this.inputMaxAriaLabel, T = typeof this.initialValueMax == "number" ? t === 1 ? "Start value" : "End value" : "Value", Y = $ ?? T;
7088
7093
  return l`
7089
7094
  <div class="input-wrapper">
7090
7095
  <input
@@ -7095,7 +7100,7 @@ let w = class extends At(g) {
7095
7100
  ?disabled=${this.disabled}
7096
7101
  tabindex=${this.disabled ? -1 : 0}
7097
7102
  aria-disabled=${String(!!this.disabled)}
7098
- aria-label=${G}
7103
+ aria-label=${Y}
7099
7104
  ?readonly=${this.disabled}
7100
7105
  @focus=${(U) => this.onInputFocus(U, t)}
7101
7106
  @blur=${this.onInputBlur}
@@ -7228,7 +7233,7 @@ _([
7228
7233
  a({ type: String, attribute: "input-max-aria-label" })
7229
7234
  ], w.prototype, "inputMaxAriaLabel", 2);
7230
7235
  _([
7231
- ct(".track")
7236
+ ht(".track")
7232
7237
  ], w.prototype, "track", 2);
7233
7238
  _([
7234
7239
  y()
@@ -7348,7 +7353,7 @@ const la = u`
7348
7353
  "icon-button-variant": "primary"
7349
7354
  }
7350
7355
  };
7351
- var pa = Object.defineProperty, ma = Object.getOwnPropertyDescriptor, J = (t, e, s, r) => {
7356
+ var pa = Object.defineProperty, ma = Object.getOwnPropertyDescriptor, Z = (t, e, s, r) => {
7352
7357
  for (var i = r > 1 ? void 0 : r ? ma(e, s) : e, o = t.length - 1, n; o >= 0; o--)
7353
7358
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
7354
7359
  return r && i && pa(e, s, i), i;
@@ -7500,43 +7505,43 @@ let M = class extends g {
7500
7505
  }
7501
7506
  };
7502
7507
  M.styles = [la, ca, ha, da];
7503
- J([
7508
+ Z([
7504
7509
  a({ type: Number, attribute: "selected-tab", reflect: !0 })
7505
7510
  ], M.prototype, "selectedTab", 2);
7506
- J([
7511
+ Z([
7507
7512
  a({ type: String, reflect: !0 })
7508
7513
  ], M.prototype, "mode", 2);
7509
- J([
7514
+ Z([
7510
7515
  a({ type: String, reflect: !0 })
7511
7516
  ], M.prototype, "variant", 2);
7512
- J([
7517
+ Z([
7513
7518
  a({ type: String })
7514
7519
  ], M.prototype, "size", 2);
7515
- J([
7520
+ Z([
7516
7521
  a({ type: Boolean, converter: m })
7517
7522
  ], M.prototype, "disabled", 2);
7518
- J([
7523
+ Z([
7519
7524
  y()
7520
7525
  ], M.prototype, "focusedTabIndex", 2);
7521
- J([
7522
- ct("nav")
7526
+ Z([
7527
+ ht("nav")
7523
7528
  ], M.prototype, "nav", 2);
7524
- J([
7529
+ Z([
7525
7530
  y()
7526
7531
  ], M.prototype, "tabs", 2);
7527
- J([
7532
+ Z([
7528
7533
  y()
7529
7534
  ], M.prototype, "panels", 2);
7530
- J([
7535
+ Z([
7531
7536
  y()
7532
7537
  ], M.prototype, "hasScrollLeft", 2);
7533
- J([
7538
+ Z([
7534
7539
  y()
7535
7540
  ], M.prototype, "hasScrollRight", 2);
7536
- M = J([
7541
+ M = Z([
7537
7542
  v("ds-tabs")
7538
7543
  ], M);
7539
- const fa = Xt`
7544
+ const fa = Jt`
7540
7545
  :host {
7541
7546
  display: inline-block;
7542
7547
  }
@@ -7546,17 +7551,17 @@ const fa = Xt`
7546
7551
  justify-content: center;
7547
7552
  align-items: center;
7548
7553
  }
7549
- `, ba = Xt`
7554
+ `, ba = Jt`
7550
7555
  .icon.clicable {
7551
7556
  cursor: pointer;
7552
7557
  }
7553
7558
  `;
7554
- var va = Object.defineProperty, ya = Object.getOwnPropertyDescriptor, Zt = (t, e, s, r) => {
7559
+ var va = Object.defineProperty, ya = Object.getOwnPropertyDescriptor, Qt = (t, e, s, r) => {
7555
7560
  for (var i = r > 1 ? void 0 : r ? ya(e, s) : e, o = t.length - 1, n; o >= 0; o--)
7556
7561
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
7557
7562
  return r && i && va(e, s, i), i;
7558
7563
  };
7559
- let $t = class extends g {
7564
+ let xt = class extends g {
7560
7565
  constructor() {
7561
7566
  super(...arguments), this.show = !0, this.clickableIcon = !1, this.iconPosition = "left", this.color = "black";
7562
7567
  }
@@ -7591,39 +7596,39 @@ let $t = class extends g {
7591
7596
  render() {
7592
7597
  return this.show ? l`
7593
7598
  <div class=${p(this.classes)}>
7594
- ${nt(this.iconPosition === "left", () => l`${this.iconTemplate}`)}
7599
+ ${at(this.iconPosition === "left", () => l`${this.iconTemplate}`)}
7595
7600
  <slot></slot>
7596
- ${nt(this.iconPosition === "right", () => l`${this.iconTemplate}`)}
7601
+ ${at(this.iconPosition === "right", () => l`${this.iconTemplate}`)}
7597
7602
  </div>
7598
7603
  ` : c;
7599
7604
  }
7600
7605
  };
7601
- $t.styles = [fa, ba];
7602
- Zt([
7606
+ xt.styles = [fa, ba];
7607
+ Qt([
7603
7608
  a({ type: Boolean, converter: m })
7604
- ], $t.prototype, "show", 2);
7605
- Zt([
7609
+ ], xt.prototype, "show", 2);
7610
+ Qt([
7606
7611
  a({
7607
7612
  type: Boolean,
7608
7613
  converter: m,
7609
7614
  attribute: "clickable-icon"
7610
7615
  })
7611
- ], $t.prototype, "clickableIcon", 2);
7612
- Zt([
7616
+ ], xt.prototype, "clickableIcon", 2);
7617
+ Qt([
7613
7618
  a({ type: String, attribute: "icon-name" })
7614
- ], $t.prototype, "iconName", 2);
7615
- Zt([
7619
+ ], xt.prototype, "iconName", 2);
7620
+ Qt([
7616
7621
  a({ type: String, attribute: "icon-position" })
7617
- ], $t.prototype, "iconPosition", 2);
7618
- Zt([
7622
+ ], xt.prototype, "iconPosition", 2);
7623
+ Qt([
7619
7624
  a({ type: String, attribute: "color" })
7620
- ], $t.prototype, "color", 2);
7621
- Zt([
7625
+ ], xt.prototype, "color", 2);
7626
+ Qt([
7622
7627
  y()
7623
- ], $t.prototype, "onClickHandler", 2);
7624
- $t = Zt([
7628
+ ], xt.prototype, "onClickHandler", 2);
7629
+ xt = Qt([
7625
7630
  v("ds-tag")
7626
- ], $t);
7631
+ ], xt);
7627
7632
  const ga = u`
7628
7633
  :host {
7629
7634
  display: contents;
@@ -7646,12 +7651,12 @@ const ga = u`
7646
7651
  text-transform: uppercase;
7647
7652
  }
7648
7653
  `;
7649
- var $a = Object.defineProperty, xa = Object.getOwnPropertyDescriptor, _t = (t, e, s, r) => {
7654
+ var $a = Object.defineProperty, xa = Object.getOwnPropertyDescriptor, Tt = (t, e, s, r) => {
7650
7655
  for (var i = r > 1 ? void 0 : r ? xa(e, s) : e, o = t.length - 1, n; o >= 0; o--)
7651
7656
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
7652
7657
  return r && i && $a(e, s, i), i;
7653
7658
  };
7654
- let tt = class extends g {
7659
+ let et = class extends g {
7655
7660
  constructor() {
7656
7661
  super(...arguments), this.size = "medium", this.weight = "regular", this.variant = "body", this.mode = "light";
7657
7662
  }
@@ -7687,45 +7692,45 @@ let tt = class extends g {
7687
7692
  `;
7688
7693
  }
7689
7694
  };
7690
- tt.styles = [ga];
7691
- _t([
7695
+ et.styles = [ga];
7696
+ Tt([
7692
7697
  a({ type: String })
7693
- ], tt.prototype, "size", 2);
7694
- _t([
7698
+ ], et.prototype, "size", 2);
7699
+ Tt([
7695
7700
  a({ type: String })
7696
- ], tt.prototype, "weight", 2);
7697
- _t([
7701
+ ], et.prototype, "weight", 2);
7702
+ Tt([
7698
7703
  a({ type: String })
7699
- ], tt.prototype, "variant", 2);
7700
- _t([
7704
+ ], et.prototype, "variant", 2);
7705
+ Tt([
7701
7706
  a({ type: String, attribute: "html-tag-name" })
7702
- ], tt.prototype, "htmlTagName", 2);
7703
- _t([
7707
+ ], et.prototype, "htmlTagName", 2);
7708
+ Tt([
7704
7709
  a({ type: String })
7705
- ], tt.prototype, "value", 2);
7706
- _t([
7710
+ ], et.prototype, "value", 2);
7711
+ Tt([
7707
7712
  a({ type: String, reflect: !0 })
7708
- ], tt.prototype, "mode", 2);
7709
- _t([
7713
+ ], et.prototype, "mode", 2);
7714
+ Tt([
7710
7715
  a({ type: String, reflect: !0 })
7711
- ], tt.prototype, "color", 2);
7712
- _t([
7716
+ ], et.prototype, "color", 2);
7717
+ Tt([
7713
7718
  a({ type: Boolean, converter: m, reflect: !0 })
7714
- ], tt.prototype, "uppercase", 2);
7715
- tt = _t([
7719
+ ], et.prototype, "uppercase", 2);
7720
+ et = Tt([
7716
7721
  v("ds-text")
7717
- ], tt);
7722
+ ], et);
7718
7723
  const wa = u`
7719
7724
  :host {
7720
7725
  display: contents;
7721
7726
  }
7722
7727
  `;
7723
- var Sa = Object.defineProperty, _a = Object.getOwnPropertyDescriptor, we = (t, e, s, r) => {
7728
+ var Sa = Object.defineProperty, _a = Object.getOwnPropertyDescriptor, Se = (t, e, s, r) => {
7724
7729
  for (var i = r > 1 ? void 0 : r ? _a(e, s) : e, o = t.length - 1, n; o >= 0; o--)
7725
7730
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
7726
7731
  return r && i && Sa(e, s, i), i;
7727
7732
  };
7728
- let Pt = class extends Hs(g) {
7733
+ let zt = class extends Hs(g) {
7729
7734
  constructor() {
7730
7735
  super(...arguments), this.keyboardMode = !1, this.size = "medium", this.helperText = "", this.forcedError = "", this.invalidError = "", this.mode = "light";
7731
7736
  }
@@ -7775,25 +7780,25 @@ let Pt = class extends Hs(g) {
7775
7780
  return this.forcedError || !this.inputStates.invalid || !this.invalidError ? c : l`<span class="support-text error-text invalid-error">${this.invalidError}</span>`;
7776
7781
  }
7777
7782
  };
7778
- Pt.styles = [wa];
7779
- we([
7783
+ zt.styles = [wa];
7784
+ Se([
7780
7785
  a({ type: String })
7781
- ], Pt.prototype, "size", 2);
7782
- we([
7786
+ ], zt.prototype, "size", 2);
7787
+ Se([
7783
7788
  a({ type: String, attribute: "helper-text" })
7784
- ], Pt.prototype, "helperText", 2);
7785
- we([
7789
+ ], zt.prototype, "helperText", 2);
7790
+ Se([
7786
7791
  a({ type: String, attribute: "forced-error" })
7787
- ], Pt.prototype, "forcedError", 2);
7788
- we([
7792
+ ], zt.prototype, "forcedError", 2);
7793
+ Se([
7789
7794
  a({ type: String, attribute: "invalid-error" })
7790
- ], Pt.prototype, "invalidError", 2);
7791
- we([
7795
+ ], zt.prototype, "invalidError", 2);
7796
+ Se([
7792
7797
  a({ type: String })
7793
- ], Pt.prototype, "mode", 2);
7794
- Pt = we([
7798
+ ], zt.prototype, "mode", 2);
7799
+ zt = Se([
7795
7800
  v("ds-textarea")
7796
- ], Pt);
7801
+ ], zt);
7797
7802
  const Ta = {
7798
7803
  cupra: {
7799
7804
  fonts: [
@@ -7819,17 +7824,17 @@ const Ta = {
7819
7824
  ]
7820
7825
  }
7821
7826
  };
7822
- var Ca = Object.defineProperty, ka = Object.getOwnPropertyDescriptor, Se = (t, e, s, r) => {
7827
+ var Ca = Object.defineProperty, ka = Object.getOwnPropertyDescriptor, _e = (t, e, s, r) => {
7823
7828
  for (var i = r > 1 ? void 0 : r ? ka(e, s) : e, o = t.length - 1, n; o >= 0; o--)
7824
7829
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
7825
7830
  return r && i && Ca(e, s, i), i;
7826
7831
  };
7827
- let Ht = class extends ut {
7832
+ let Wt = class extends pt {
7828
7833
  constructor() {
7829
7834
  super(...arguments), this.loadFonts = !0, this.loadStyles = !0, this.cssLoaded = !1, this.loadedFonts = /* @__PURE__ */ new Set();
7830
7835
  }
7831
7836
  updated(t) {
7832
- super.updated(t), t.has("theme") && (oe.publish("theme", this.theme), window.DS_THEME = this.theme, this.loadThemeFonts(), this.loadThemeStyles().then(() => {
7837
+ super.updated(t), t.has("theme") && (ne.publish("theme", this.theme), window.DS_THEME = this.theme, this.loadThemeFonts(), this.loadThemeStyles().then(() => {
7833
7838
  this.cssLoaded = !0;
7834
7839
  }));
7835
7840
  }
@@ -7863,7 +7868,7 @@ let Ht = class extends ut {
7863
7868
  }
7864
7869
  loadThemeStyles() {
7865
7870
  return this.loadStyles ? new Promise((t, e) => {
7866
- const s = "/1.0.0-canary.4", r = `https://ds-assets.cupra.com${s}/styles/${this.theme}/theme.css`;
7871
+ const s = "/1.0.0-canary.5", r = `https://ds-assets.cupra.com${s}/styles/${this.theme}/theme.css`;
7867
7872
  if (document.head.querySelector(`link[href="${r}"]`)) t();
7868
7873
  else {
7869
7874
  const i = `ui-kit-theme-${s}`, o = document.getElementById(i), n = document.createElement("link");
@@ -7875,36 +7880,36 @@ let Ht = class extends ut {
7875
7880
  return this.cssLoaded ? l`<slot></slot>` : c;
7876
7881
  }
7877
7882
  };
7878
- Se([
7883
+ _e([
7879
7884
  a({ type: Boolean, converter: m, attribute: "load-fonts" })
7880
- ], Ht.prototype, "loadFonts", 2);
7881
- Se([
7885
+ ], Wt.prototype, "loadFonts", 2);
7886
+ _e([
7882
7887
  a({ type: Boolean, converter: m, attribute: "load-styles" })
7883
- ], Ht.prototype, "loadStyles", 2);
7884
- Se([
7885
- ve({ context: Os }),
7888
+ ], Wt.prototype, "loadStyles", 2);
7889
+ _e([
7890
+ ye({ context: Os }),
7886
7891
  a({ type: String })
7887
- ], Ht.prototype, "theme", 2);
7888
- Se([
7892
+ ], Wt.prototype, "theme", 2);
7893
+ _e([
7889
7894
  y()
7890
- ], Ht.prototype, "cssLoaded", 2);
7891
- Se([
7895
+ ], Wt.prototype, "cssLoaded", 2);
7896
+ _e([
7892
7897
  y()
7893
- ], Ht.prototype, "loadedFonts", 2);
7894
- Ht = Se([
7898
+ ], Wt.prototype, "loadedFonts", 2);
7899
+ Wt = _e([
7895
7900
  v("ds-theme-provider")
7896
- ], Ht);
7901
+ ], Wt);
7897
7902
  const Ea = u`
7898
7903
  :host {
7899
7904
  display: contents;
7900
7905
  }
7901
7906
  `;
7902
- var Oa = Object.defineProperty, Pa = Object.getOwnPropertyDescriptor, _e = (t, e, s, r) => {
7907
+ var Oa = Object.defineProperty, Pa = Object.getOwnPropertyDescriptor, Te = (t, e, s, r) => {
7903
7908
  for (var i = r > 1 ? void 0 : r ? Pa(e, s) : e, o = t.length - 1, n; o >= 0; o--)
7904
7909
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
7905
7910
  return r && i && Oa(e, s, i), i;
7906
7911
  };
7907
- let zt = class extends g {
7912
+ let It = class extends g {
7908
7913
  constructor() {
7909
7914
  super(...arguments), this.status = "default", this.dataId = "", this.title = "", this.text = "", this.dataTemplate = !0;
7910
7915
  }
@@ -7960,8 +7965,8 @@ let zt = class extends g {
7960
7965
  ${this.iconTemplate}
7961
7966
  <div class="content">
7962
7967
  <div class="header">
7963
- ${nt(this.title, () => l`<div class="title">${this.title}</div>`)}
7964
- ${nt(this.text, () => l`<div class="message">${this.text}</div>`)}
7968
+ ${at(this.title, () => l`<div class="title">${this.title}</div>`)}
7969
+ ${at(this.text, () => l`<div class="message">${this.text}</div>`)}
7965
7970
  </div>
7966
7971
  <slot></slot>
7967
7972
  </div>
@@ -7970,27 +7975,27 @@ let zt = class extends g {
7970
7975
  `;
7971
7976
  }
7972
7977
  };
7973
- zt.styles = [Ea];
7974
- _e([
7978
+ It.styles = [Ea];
7979
+ Te([
7975
7980
  a({ type: String })
7976
- ], zt.prototype, "status", 2);
7977
- _e([
7981
+ ], It.prototype, "status", 2);
7982
+ Te([
7978
7983
  a({ type: String, attribute: "data-id", reflect: !0 })
7979
- ], zt.prototype, "dataId", 2);
7980
- _e([
7984
+ ], It.prototype, "dataId", 2);
7985
+ Te([
7981
7986
  a({ type: String })
7982
- ], zt.prototype, "title", 2);
7983
- _e([
7987
+ ], It.prototype, "title", 2);
7988
+ Te([
7984
7989
  a({ type: String })
7985
- ], zt.prototype, "text", 2);
7986
- _e([
7990
+ ], It.prototype, "text", 2);
7991
+ Te([
7987
7992
  a({ type: Boolean, converter: m, attribute: "data-template", reflect: !0 })
7988
- ], zt.prototype, "dataTemplate", 2);
7989
- zt = _e([
7993
+ ], It.prototype, "dataTemplate", 2);
7994
+ It = Te([
7990
7995
  v("ds-toast-message")
7991
- ], zt);
7996
+ ], It);
7992
7997
  const za = 1e4, Ia = () => typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : Math.random().toString(36).substring(2);
7993
- class ie {
7998
+ class re {
7994
7999
  constructor() {
7995
8000
  this.toasts = [], this.subscribers = [], this.defaultDuration = za, this.handleAddToast = (e) => {
7996
8001
  const { id: s = Ia(), status: r = "default", duration: i = this.defaultDuration, ...o } = e.detail || {}, n = {
@@ -8013,7 +8018,7 @@ class ie {
8013
8018
  window.addEventListener("toast:add", this.handleAddToast), window.addEventListener("toast:remove", this.handleRemoveToast);
8014
8019
  }
8015
8020
  static getInstance() {
8016
- return ie.instance || (ie.instance = new ie()), ie.instance;
8021
+ return re.instance || (re.instance = new re()), re.instance;
8017
8022
  }
8018
8023
  removeToast(e) {
8019
8024
  const s = this.toasts.find((r) => r.id === e);
@@ -8032,13 +8037,13 @@ class ie {
8032
8037
  this.subscribers.forEach((s) => s(e));
8033
8038
  }
8034
8039
  }
8035
- const hi = ie.getInstance();
8040
+ const hi = re.getInstance();
8036
8041
  /**
8037
8042
  * @license
8038
8043
  * Copyright 2020 Google LLC
8039
8044
  * SPDX-License-Identifier: BSD-3-Clause
8040
8045
  */
8041
- const { I: Aa } = er, di = () => document.createComment(""), Ee = (t, e, s) => {
8046
+ const { I: Aa } = er, di = () => document.createComment(""), Oe = (t, e, s) => {
8042
8047
  var o;
8043
8048
  const r = t._$AA.parentNode, i = e === void 0 ? t._$AB : e._$AA;
8044
8049
  if (s === void 0) {
@@ -8059,7 +8064,7 @@ const { I: Aa } = er, di = () => document.createComment(""), Ee = (t, e, s) => {
8059
8064
  }
8060
8065
  }
8061
8066
  return s;
8062
- }, Bt = (t, e, s = t) => (t._$AI(e, s), t), Da = {}, Na = (t, e = Da) => t._$AH = e, Ba = (t) => t._$AH, Ss = (t) => {
8067
+ }, Lt = (t, e, s = t) => (t._$AI(e, s), t), Da = {}, Na = (t, e = Da) => t._$AH = e, Ba = (t) => t._$AH, Ss = (t) => {
8063
8068
  t._$AR(), t._$AA.remove();
8064
8069
  };
8065
8070
  /**
@@ -8093,28 +8098,28 @@ const ui = (t, e, s) => {
8093
8098
  let f, x, b = 0, $ = i.length - 1, S = 0, T = o.length - 1;
8094
8099
  for (; b <= $ && S <= T; ) if (i[b] === null) b++;
8095
8100
  else if (i[$] === null) $--;
8096
- else if (h[b] === n[S]) d[S] = Bt(i[b], o[S]), b++, S++;
8097
- else if (h[$] === n[T]) d[T] = Bt(i[$], o[T]), $--, T--;
8098
- else if (h[b] === n[T]) d[T] = Bt(i[b], o[T]), Ee(t, d[T + 1], i[b]), b++, T--;
8099
- else if (h[$] === n[S]) d[S] = Bt(i[$], o[S]), Ee(t, i[b], i[$]), $--, S++;
8101
+ else if (h[b] === n[S]) d[S] = Lt(i[b], o[S]), b++, S++;
8102
+ else if (h[$] === n[T]) d[T] = Lt(i[$], o[T]), $--, T--;
8103
+ else if (h[b] === n[T]) d[T] = Lt(i[b], o[T]), Oe(t, d[T + 1], i[b]), b++, T--;
8104
+ else if (h[$] === n[S]) d[S] = Lt(i[$], o[S]), Oe(t, i[b], i[$]), $--, S++;
8100
8105
  else if (f === void 0 && (f = ui(n, S, T), x = ui(h, b, $)), f.has(h[b])) if (f.has(h[$])) {
8101
- const G = x.get(n[S]), U = G !== void 0 ? i[G] : null;
8106
+ const Y = x.get(n[S]), U = Y !== void 0 ? i[Y] : null;
8102
8107
  if (U === null) {
8103
- const Tt = Ee(t, i[b]);
8104
- Bt(Tt, o[S]), d[S] = Tt;
8105
- } else d[S] = Bt(U, o[S]), Ee(t, i[b], U), i[G] = null;
8108
+ const Ct = Oe(t, i[b]);
8109
+ Lt(Ct, o[S]), d[S] = Ct;
8110
+ } else d[S] = Lt(U, o[S]), Oe(t, i[b], U), i[Y] = null;
8106
8111
  S++;
8107
8112
  } else Ss(i[$]), $--;
8108
8113
  else Ss(i[b]), b++;
8109
8114
  for (; S <= T; ) {
8110
- const G = Ee(t, d[T + 1]);
8111
- Bt(G, o[S]), d[S++] = G;
8115
+ const Y = Oe(t, d[T + 1]);
8116
+ Lt(Y, o[S]), d[S++] = Y;
8112
8117
  }
8113
8118
  for (; b <= $; ) {
8114
- const G = i[b++];
8115
- G !== null && Ss(G);
8119
+ const Y = i[b++];
8120
+ Y !== null && Ss(Y);
8116
8121
  }
8117
- return this.ut = n, Na(t, d), pt;
8122
+ return this.ut = n, Na(t, d), mt;
8118
8123
  }
8119
8124
  }), Ma = u`
8120
8125
  :host {
@@ -8305,7 +8310,7 @@ var Ua = Object.defineProperty, Va = Object.getOwnPropertyDescriptor, Ke = (t, e
8305
8310
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
8306
8311
  return r && i && Ua(e, s, i), i;
8307
8312
  };
8308
- let me = class extends E {
8313
+ let fe = class extends E {
8309
8314
  constructor() {
8310
8315
  super(...arguments), this.checked = !1, this.checkedText = "", this.uncheckedText = "", this.rounded = !0;
8311
8316
  }
@@ -8339,28 +8344,28 @@ let me = class extends E {
8339
8344
  type=${this.type}
8340
8345
  @click=${this.handleClick}
8341
8346
  >
8342
- ${nt(this.iconPosition === "left", () => l`${this.iconTemplate}`)}
8347
+ ${at(this.iconPosition === "left", () => l`${this.iconTemplate}`)}
8343
8348
  ${this.checked ? this.checkedText : this.uncheckedText}
8344
- ${nt(this.iconPosition === "right", () => l`${this.iconTemplate}`)}
8349
+ ${at(this.iconPosition === "right", () => l`${this.iconTemplate}`)}
8345
8350
  </button>
8346
8351
  `;
8347
8352
  }
8348
8353
  };
8349
8354
  Ke([
8350
8355
  a({ type: Boolean, converter: m, reflect: !0 })
8351
- ], me.prototype, "checked", 2);
8356
+ ], fe.prototype, "checked", 2);
8352
8357
  Ke([
8353
8358
  a({ type: String, attribute: "checked-text" })
8354
- ], me.prototype, "checkedText", 2);
8359
+ ], fe.prototype, "checkedText", 2);
8355
8360
  Ke([
8356
8361
  a({ type: String, attribute: "unchecked-text" })
8357
- ], me.prototype, "uncheckedText", 2);
8362
+ ], fe.prototype, "uncheckedText", 2);
8358
8363
  Ke([
8359
8364
  a({ type: Boolean, converter: m })
8360
- ], me.prototype, "rounded", 2);
8361
- me = Ke([
8365
+ ], fe.prototype, "rounded", 2);
8366
+ fe = Ke([
8362
8367
  v("ds-toggle-button", { skipTagAsComponentName: !0, extendComponentNames: ["ds-button"] })
8363
- ], me);
8368
+ ], fe);
8364
8369
  const Ha = u`
8365
8370
  .container {
8366
8371
  display: flex;
@@ -8401,12 +8406,12 @@ const Ha = u`
8401
8406
  transition: left 200ms ease-in-out;
8402
8407
  }
8403
8408
  `;
8404
- var Wa = Object.defineProperty, qa = Object.getOwnPropertyDescriptor, Te = (t, e, s, r) => {
8409
+ var Wa = Object.defineProperty, qa = Object.getOwnPropertyDescriptor, Ce = (t, e, s, r) => {
8405
8410
  for (var i = r > 1 ? void 0 : r ? qa(e, s) : e, o = t.length - 1, n; o >= 0; o--)
8406
8411
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
8407
8412
  return r && i && Wa(e, s, i), i;
8408
8413
  };
8409
- let It = class extends g {
8414
+ let At = class extends g {
8410
8415
  constructor() {
8411
8416
  super(...arguments), this.size = "medium", this.checked = !1, this.disabled = !1, this.mode = "light";
8412
8417
  }
@@ -8469,25 +8474,25 @@ let It = class extends g {
8469
8474
  `;
8470
8475
  }
8471
8476
  };
8472
- It.styles = [Ha];
8473
- Te([
8477
+ At.styles = [Ha];
8478
+ Ce([
8474
8479
  a({ type: String })
8475
- ], It.prototype, "size", 2);
8476
- Te([
8480
+ ], At.prototype, "size", 2);
8481
+ Ce([
8477
8482
  a({ type: Boolean, converter: m, reflect: !0 })
8478
- ], It.prototype, "checked", 2);
8479
- Te([
8483
+ ], At.prototype, "checked", 2);
8484
+ Ce([
8480
8485
  a({ type: Boolean, converter: m, reflect: !0 })
8481
- ], It.prototype, "disabled", 2);
8482
- Te([
8486
+ ], At.prototype, "disabled", 2);
8487
+ Ce([
8483
8488
  a({ type: String, reflect: !0 })
8484
- ], It.prototype, "mode", 2);
8485
- Te([
8489
+ ], At.prototype, "mode", 2);
8490
+ Ce([
8486
8491
  a({ type: String, attribute: "data-aria-label" })
8487
- ], It.prototype, "dataAriaLabel", 2);
8488
- It = Te([
8492
+ ], At.prototype, "dataAriaLabel", 2);
8493
+ At = Ce([
8489
8494
  v("ds-toggle-switch")
8490
- ], It);
8495
+ ], At);
8491
8496
  const Ka = u`
8492
8497
  :host {
8493
8498
  position: relative;
@@ -8642,12 +8647,12 @@ const Ka = u`
8642
8647
  transform: none;
8643
8648
  }
8644
8649
  `;
8645
- var Xa = Object.defineProperty, Ja = Object.getOwnPropertyDescriptor, K = (t, e, s, r) => {
8650
+ var Xa = Object.defineProperty, Ja = Object.getOwnPropertyDescriptor, G = (t, e, s, r) => {
8646
8651
  for (var i = r > 1 ? void 0 : r ? Ja(e, s) : e, o = t.length - 1, n; o >= 0; o--)
8647
8652
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
8648
8653
  return r && i && Xa(e, s, i), i;
8649
8654
  };
8650
- let B = class extends At(g) {
8655
+ let B = class extends Dt(g) {
8651
8656
  constructor() {
8652
8657
  super(...arguments), this.mode = "light", this.titleText = "", this.bodyText = "", this.position = "bottom", this.align = "center", this.show = !1, this.zIndex = 2e3, this.bodyWidth = "unset", this.handleResize = Es({ func: () => this.requestUpdate() }), this.handleClickOutside = (t) => {
8653
8658
  var s;
@@ -8785,43 +8790,43 @@ let B = class extends At(g) {
8785
8790
  }
8786
8791
  };
8787
8792
  B.styles = [Ka, Ga, Ya];
8788
- K([
8793
+ G([
8789
8794
  a({ type: String, reflect: !0 })
8790
8795
  ], B.prototype, "mode", 2);
8791
- K([
8796
+ G([
8792
8797
  a({ type: String, attribute: "title-text" })
8793
8798
  ], B.prototype, "titleText", 2);
8794
- K([
8799
+ G([
8795
8800
  a({ type: String, attribute: "body-text" })
8796
8801
  ], B.prototype, "bodyText", 2);
8797
- K([
8802
+ G([
8798
8803
  a({ type: String })
8799
8804
  ], B.prototype, "position", 2);
8800
- K([
8805
+ G([
8801
8806
  a({ type: String })
8802
8807
  ], B.prototype, "align", 2);
8803
- K([
8808
+ G([
8804
8809
  a({ type: String, attribute: "cancel-button-text" })
8805
8810
  ], B.prototype, "cancelButtonText", 2);
8806
- K([
8811
+ G([
8807
8812
  a({ type: String, attribute: "confirm-button-text" })
8808
8813
  ], B.prototype, "confirmButtonText", 2);
8809
- K([
8814
+ G([
8810
8815
  a({ type: Boolean, reflect: !0, converter: m })
8811
8816
  ], B.prototype, "show", 2);
8812
- K([
8817
+ G([
8813
8818
  a({ type: Number, attribute: "z-index" })
8814
8819
  ], B.prototype, "zIndex", 2);
8815
- K([
8820
+ G([
8816
8821
  a({ type: String, attribute: "body-width" })
8817
8822
  ], B.prototype, "bodyWidth", 2);
8818
- K([
8819
- ct(".tooltip")
8823
+ G([
8824
+ ht(".tooltip")
8820
8825
  ], B.prototype, "tooltip", 2);
8821
- K([
8822
- ct(".arrow")
8826
+ G([
8827
+ ht(".arrow")
8823
8828
  ], B.prototype, "arrow", 2);
8824
- B = K([
8829
+ B = G([
8825
8830
  v("ds-tooltip")
8826
8831
  ], B);
8827
8832
  const Za = u`
@@ -8834,7 +8839,7 @@ var Qa = Object.defineProperty, tl = Object.getOwnPropertyDescriptor, Ge = (t, e
8834
8839
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
8835
8840
  return r && i && Qa(e, s, i), i;
8836
8841
  };
8837
- let Wt = class extends g {
8842
+ let qt = class extends g {
8838
8843
  constructor() {
8839
8844
  super(...arguments), this.size = "medium", this.disabled = !1;
8840
8845
  }
@@ -8886,9 +8891,9 @@ let Wt = class extends g {
8886
8891
  ${this.styleTokens}
8887
8892
  <div
8888
8893
  class=${p(this.classes)}
8889
- title=${Ie(this.name)}
8894
+ title=${V(this.name)}
8890
8895
  aria-label=${`Open ${this.name ? this.name + "'s " : ""}profile menu`}
8891
- aria-disabled=${Ie(this.disabled ? "true" : void 0)}
8896
+ aria-disabled=${V(this.disabled ? "true" : void 0)}
8892
8897
  role="button"
8893
8898
  tabindex=${this.disabled ? -1 : 0}
8894
8899
  @keydown=${this.handleKeyDown}
@@ -8900,22 +8905,22 @@ let Wt = class extends g {
8900
8905
  `;
8901
8906
  }
8902
8907
  };
8903
- Wt.styles = [Za];
8908
+ qt.styles = [Za];
8904
8909
  Ge([
8905
8910
  a({ type: String })
8906
- ], Wt.prototype, "size", 2);
8911
+ ], qt.prototype, "size", 2);
8907
8912
  Ge([
8908
8913
  a({ type: String })
8909
- ], Wt.prototype, "name", 2);
8914
+ ], qt.prototype, "name", 2);
8910
8915
  Ge([
8911
8916
  a({ type: Boolean, converter: m, reflect: !0 })
8912
- ], Wt.prototype, "disabled", 2);
8917
+ ], qt.prototype, "disabled", 2);
8913
8918
  Ge([
8914
- et({ slot: "media", selector: "img" })
8915
- ], Wt.prototype, "assignedImages", 2);
8916
- Wt = Ge([
8919
+ st({ slot: "media", selector: "img" })
8920
+ ], qt.prototype, "assignedImages", 2);
8921
+ qt = Ge([
8917
8922
  v("ds-avatar")
8918
- ], Wt);
8923
+ ], qt);
8919
8924
  const el = u`
8920
8925
  :host {
8921
8926
  display: contents;
@@ -8977,7 +8982,7 @@ var ol = Object.defineProperty, nl = Object.getOwnPropertyDescriptor, fs = (t, e
8977
8982
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
8978
8983
  return r && i && ol(e, s, i), i;
8979
8984
  };
8980
- let fe = class extends At(g) {
8985
+ let be = class extends Dt(g) {
8981
8986
  constructor() {
8982
8987
  super(...arguments), this.size = "medium";
8983
8988
  }
@@ -9021,19 +9026,19 @@ let fe = class extends At(g) {
9021
9026
  `;
9022
9027
  }
9023
9028
  };
9024
- fe.styles = [rl];
9029
+ be.styles = [rl];
9025
9030
  fs([
9026
9031
  a({ type: String, converter: Ue })
9027
- ], fe.prototype, "size", 2);
9032
+ ], be.prototype, "size", 2);
9028
9033
  fs([
9029
9034
  Bs({ slot: "header", flatten: !0 })
9030
- ], fe.prototype, "headerItems", 2);
9035
+ ], be.prototype, "headerItems", 2);
9031
9036
  fs([
9032
9037
  Bs({ slot: "footer", flatten: !0 })
9033
- ], fe.prototype, "footerItems", 2);
9034
- fe = fs([
9038
+ ], be.prototype, "footerItems", 2);
9039
+ be = fs([
9035
9040
  v("ds-static-box")
9036
- ], fe);
9041
+ ], be);
9037
9042
  const al = u`
9038
9043
  :host {
9039
9044
  display: contents;
@@ -9044,7 +9049,7 @@ var ll = Object.defineProperty, cl = Object.getOwnPropertyDescriptor, bs = (t, e
9044
9049
  (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
9045
9050
  return r && i && ll(e, s, i), i;
9046
9051
  };
9047
- let be = class extends g {
9052
+ let ve = class extends g {
9048
9053
  constructor() {
9049
9054
  super(...arguments), this.size = "medium", this.selected = !1, this.error = !1, this.handleClick = (t) => {
9050
9055
  t.stopPropagation();
@@ -9104,19 +9109,19 @@ let be = class extends g {
9104
9109
  `;
9105
9110
  }
9106
9111
  };
9107
- be.styles = [al];
9112
+ ve.styles = [al];
9108
9113
  bs([
9109
9114
  a({ type: String })
9110
- ], be.prototype, "size", 2);
9115
+ ], ve.prototype, "size", 2);
9111
9116
  bs([
9112
9117
  a({ type: Boolean, converter: m })
9113
- ], be.prototype, "selected", 2);
9118
+ ], ve.prototype, "selected", 2);
9114
9119
  bs([
9115
9120
  a({ type: Boolean, converter: m })
9116
- ], be.prototype, "error", 2);
9117
- be = bs([
9121
+ ], ve.prototype, "error", 2);
9122
+ ve = bs([
9118
9123
  v("ds-interactive-card")
9119
- ], be);
9124
+ ], ve);
9120
9125
  const hl = u`
9121
9126
  :host {
9122
9127
  display: contents;
@@ -9220,7 +9225,7 @@ Gs([
9220
9225
  y()
9221
9226
  ], Re.prototype, "open", 2);
9222
9227
  Gs([
9223
- et({ slot: "main-cta", selector: "ds-button", flatten: !0 })
9228
+ st({ slot: "main-cta", selector: "ds-button", flatten: !0 })
9224
9229
  ], Re.prototype, "mainCtas", 2);
9225
9230
  Re = Gs([
9226
9231
  v("ds-sidebar-navigation")