@duyluonganduin/acl-web-components 0.0.29 → 0.0.31

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 (10) hide show
  1. package/dist/acl-web-components.cjs +1 -1
  2. package/dist/acl-web-components.d.ts +2 -0
  3. package/dist/acl-web-components.iife.js +102 -102
  4. package/dist/acl-web-components.js +1 -1
  5. package/dist/{anduin-navigation-C9-mvNCH.js → anduin-navigation-CKAX7m3F.js} +306 -299
  6. package/dist/{anduin-navigation-DjZJmr4f.cjs → anduin-navigation-ThZ7NdnT.cjs} +103 -103
  7. package/dist/react.cjs +1 -1
  8. package/dist/react.d.ts +2 -0
  9. package/dist/react.js +2 -2
  10. package/package.json +1 -1
package/dist/{anduin-navigation-C9-mvNCH.js → anduin-navigation-CKAX7m3F.js} RENAMED
@@ -3,18 +3,18 @@
3
3
  * Copyright 2019 Google LLC
4
4
  * SPDX-License-Identifier: BSD-3-Clause
5
5
  */
6
- const q1 = globalThis, R2 = q1.ShadowRoot && (q1.ShadyCSS === void 0 || q1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, k2 = Symbol(), $5 = /* @__PURE__ */ new WeakMap();
6
+ const q1 = globalThis, k2 = q1.ShadowRoot && (q1.ShadyCSS === void 0 || q1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, $2 = Symbol(), E5 = /* @__PURE__ */ new WeakMap();
7
7
  let t4 = class {
8
8
  constructor(e, t, i) {
9
- if (this._$cssResult$ = !0, i !== k2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
9
+ if (this._$cssResult$ = !0, i !== $2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
10
10
  this.cssText = e, this.t = t;
11
11
  }
12
12
  get styleSheet() {
13
13
  let e = this.o;
14
14
  const t = this.t;
15
- if (R2 && e === void 0) {
15
+ if (k2 && e === void 0) {
16
16
  const i = t !== void 0 && t.length === 1;
17
- i && (e = $5.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), i && $5.set(t, e));
17
+ i && (e = E5.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), i && E5.set(t, e));
18
18
  }
19
19
  return e;
20
20
  }
@@ -22,20 +22,20 @@ let t4 = class {
22
22
  return this.cssText;
23
23
  }
24
24
  };
25
- const Z4 = (l) => new t4(typeof l == "string" ? l : l + "", void 0, k2), g = (l, ...e) => {
25
+ const Z4 = (l) => new t4(typeof l == "string" ? l : l + "", void 0, $2), g = (l, ...e) => {
26
26
  const t = l.length === 1 ? l[0] : e.reduce((i, o, r) => i + ((n) => {
27
27
  if (n._$cssResult$ === !0) return n.cssText;
28
28
  if (typeof n == "number") return n;
29
29
  throw Error("Value passed to 'css' function must be a 'css' function result: " + n + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
30
30
  })(o) + l[r + 1], l[0]);
31
- return new t4(t, l, k2);
31
+ return new t4(t, l, $2);
32
32
  }, _4 = (l, e) => {
33
- if (R2) l.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
33
+ if (k2) l.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
34
34
  else for (const t of e) {
35
35
  const i = document.createElement("style"), o = q1.litNonce;
36
36
  o !== void 0 && i.setAttribute("nonce", o), i.textContent = t.cssText, l.appendChild(i);
37
37
  }
38
- }, E5 = R2 ? (l) => l : (l) => l instanceof CSSStyleSheet ? ((e) => {
38
+ }, A5 = k2 ? (l) => l : (l) => l instanceof CSSStyleSheet ? ((e) => {
39
39
  let t = "";
40
40
  for (const i of e.cssRules) t += i.cssText;
41
41
  return Z4(t);
@@ -45,7 +45,7 @@ const Z4 = (l) => new t4(typeof l == "string" ? l : l + "", void 0, k2), g = (l,
45
45
  * Copyright 2017 Google LLC
46
46
  * SPDX-License-Identifier: BSD-3-Clause
47
47
  */
48
- const { is: x4, defineProperty: w4, getOwnPropertyDescriptor: R4, getOwnPropertyNames: k4, getOwnPropertySymbols: $4, getPrototypeOf: E4 } = Object, W = globalThis, A5 = W.trustedTypes, A4 = A5 ? A5.emptyScript : "", l2 = W.reactiveElementPolyfillSupport, M1 = (l, e) => l, G1 = { toAttribute(l, e) {
48
+ const { is: x4, defineProperty: w4, getOwnPropertyDescriptor: R4, getOwnPropertyNames: k4, getOwnPropertySymbols: $4, getPrototypeOf: E4 } = Object, W = globalThis, z5 = W.trustedTypes, A4 = z5 ? z5.emptyScript : "", l2 = W.reactiveElementPolyfillSupport, M1 = (l, e) => l, G1 = { toAttribute(l, e) {
49
49
  switch (e) {
50
50
  case Boolean:
51
51
  l = l ? A4 : null;
@@ -73,7 +73,7 @@ const { is: x4, defineProperty: w4, getOwnPropertyDescriptor: R4, getOwnProperty
73
73
  }
74
74
  }
75
75
  return t;
76
- } }, $2 = (l, e) => !x4(l, e), z5 = { attribute: !0, type: String, converter: G1, reflect: !1, useDefault: !1, hasChanged: $2 };
76
+ } }, E2 = (l, e) => !x4(l, e), B5 = { attribute: !0, type: String, converter: G1, reflect: !1, useDefault: !1, hasChanged: E2 };
77
77
  Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), W.litPropertyMetadata ?? (W.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
78
78
  let h1 = class extends HTMLElement {
79
79
  static addInitializer(e) {
@@ -82,7 +82,7 @@ let h1 = class extends HTMLElement {
82
82
  static get observedAttributes() {
83
83
  return this.finalize(), this._$Eh && [...this._$Eh.keys()];
84
84
  }
85
- static createProperty(e, t = z5) {
85
+ static createProperty(e, t = B5) {
86
86
  if (t.state && (t.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((t = Object.create(t)).wrapped = !0), this.elementProperties.set(e, t), !t.noAccessor) {
87
87
  const i = Symbol(), o = this.getPropertyDescriptor(e, i, t);
88
88
  o !== void 0 && w4(this.prototype, e, o);
@@ -100,7 +100,7 @@ let h1 = class extends HTMLElement {
100
100
  }, configurable: !0, enumerable: !0 };
101
101
  }
102
102
  static getPropertyOptions(e) {
103
- return this.elementProperties.get(e) ?? z5;
103
+ return this.elementProperties.get(e) ?? B5;
104
104
  }
105
105
  static _$Ei() {
106
106
  if (this.hasOwnProperty(M1("elementProperties"))) return;
@@ -129,8 +129,8 @@ let h1 = class extends HTMLElement {
129
129
  const t = [];
130
130
  if (Array.isArray(e)) {
131
131
  const i = new Set(e.flat(1 / 0).reverse());
132
- for (const o of i) t.unshift(E5(o));
133
- } else e !== void 0 && t.push(E5(e));
132
+ for (const o of i) t.unshift(A5(o));
133
+ } else e !== void 0 && t.push(A5(e));
134
134
  return t;
135
135
  }
136
136
  static _$Eu(e, t) {
@@ -202,7 +202,7 @@ let h1 = class extends HTMLElement {
202
202
  var n;
203
203
  if (e !== void 0) {
204
204
  const s = this.constructor;
205
- if (o === !1 && (r = this[e]), i ?? (i = s.getPropertyOptions(e)), !((i.hasChanged ?? $2)(r, t) || i.useDefault && i.reflect && r === ((n = this._$Ej) == null ? void 0 : n.get(e)) && !this.hasAttribute(s._$Eu(e, i)))) return;
205
+ if (o === !1 && (r = this[e]), i ?? (i = s.getPropertyOptions(e)), !((i.hasChanged ?? E2)(r, t) || i.useDefault && i.reflect && r === ((n = this._$Ej) == null ? void 0 : n.get(e)) && !this.hasAttribute(s._$Eu(e, i)))) return;
206
206
  this.C(e, t, i);
207
207
  }
208
208
  this.isUpdatePending === !1 && (this._$ES = this._$EP());
@@ -284,12 +284,12 @@ h1.elementStyles = [], h1.shadowRootOptions = { mode: "open" }, h1[M1("elementPr
284
284
  * Copyright 2017 Google LLC
285
285
  * SPDX-License-Identifier: BSD-3-Clause
286
286
  */
287
- const Z1 = globalThis, B5 = (l) => l, W1 = Z1.trustedTypes, S5 = W1 ? W1.createPolicy("lit-html", { createHTML: (l) => l }) : void 0, o4 = "$lit$", G = `lit$${Math.random().toFixed(9).slice(2)}$`, i4 = "?" + G, z4 = `<${i4}>`, n1 = document, _1 = () => n1.createComment(""), x1 = (l) => l === null || typeof l != "object" && typeof l != "function", E2 = Array.isArray, B4 = (l) => E2(l) || typeof (l == null ? void 0 : l[Symbol.iterator]) == "function", r2 = `[
288
- \f\r]`, b1 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, P5 = /-->/g, F5 = />/g, i1 = RegExp(`>|${r2}(?:([^\\s"'>=/]+)(${r2}*=${r2}*(?:[^
289
- \f\r"'\`<>=]|("|')|))|$)`, "g"), O5 = /'/g, D5 = /"/g, l4 = /^(?:script|style|textarea|title)$/i, r4 = (l) => (e, ...t) => ({ _$litType$: l, strings: e, values: t }), C = r4(1), Y1 = r4(2), a1 = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), I5 = /* @__PURE__ */ new WeakMap(), l1 = n1.createTreeWalker(n1, 129);
287
+ const Z1 = globalThis, S5 = (l) => l, W1 = Z1.trustedTypes, P5 = W1 ? W1.createPolicy("lit-html", { createHTML: (l) => l }) : void 0, o4 = "$lit$", G = `lit$${Math.random().toFixed(9).slice(2)}$`, i4 = "?" + G, z4 = `<${i4}>`, n1 = document, _1 = () => n1.createComment(""), x1 = (l) => l === null || typeof l != "object" && typeof l != "function", A2 = Array.isArray, B4 = (l) => A2(l) || typeof (l == null ? void 0 : l[Symbol.iterator]) == "function", r2 = `[
288
+ \f\r]`, b1 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, F5 = /-->/g, O5 = />/g, i1 = RegExp(`>|${r2}(?:([^\\s"'>=/]+)(${r2}*=${r2}*(?:[^
289
+ \f\r"'\`<>=]|("|')|))|$)`, "g"), I5 = /'/g, D5 = /"/g, l4 = /^(?:script|style|textarea|title)$/i, r4 = (l) => (e, ...t) => ({ _$litType$: l, strings: e, values: t }), C = r4(1), Y1 = r4(2), a1 = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), T5 = /* @__PURE__ */ new WeakMap(), l1 = n1.createTreeWalker(n1, 129);
290
290
  function n4(l, e) {
291
- if (!E2(l) || !l.hasOwnProperty("raw")) throw Error("invalid template strings array");
292
- return S5 !== void 0 ? S5.createHTML(e) : e;
291
+ if (!A2(l) || !l.hasOwnProperty("raw")) throw Error("invalid template strings array");
292
+ return P5 !== void 0 ? P5.createHTML(e) : e;
293
293
  }
294
294
  const S4 = (l, e) => {
295
295
  const t = l.length - 1, i = [];
@@ -297,7 +297,7 @@ const S4 = (l, e) => {
297
297
  for (let s = 0; s < t; s++) {
298
298
  const d = l[s];
299
299
  let p, h, v = -1, H = 0;
300
- for (; H < d.length && (n.lastIndex = H, h = n.exec(d), h !== null); ) H = n.lastIndex, n === b1 ? h[1] === "!--" ? n = P5 : h[1] !== void 0 ? n = F5 : h[2] !== void 0 ? (l4.test(h[2]) && (o = RegExp("</" + h[2], "g")), n = i1) : h[3] !== void 0 && (n = i1) : n === i1 ? h[0] === ">" ? (n = o ?? b1, v = -1) : h[1] === void 0 ? v = -2 : (v = n.lastIndex - h[2].length, p = h[1], n = h[3] === void 0 ? i1 : h[3] === '"' ? D5 : O5) : n === D5 || n === O5 ? n = i1 : n === P5 || n === F5 ? n = b1 : (n = i1, o = void 0);
300
+ for (; H < d.length && (n.lastIndex = H, h = n.exec(d), h !== null); ) H = n.lastIndex, n === b1 ? h[1] === "!--" ? n = F5 : h[1] !== void 0 ? n = O5 : h[2] !== void 0 ? (l4.test(h[2]) && (o = RegExp("</" + h[2], "g")), n = i1) : h[3] !== void 0 && (n = i1) : n === i1 ? h[0] === ">" ? (n = o ?? b1, v = -1) : h[1] === void 0 ? v = -2 : (v = n.lastIndex - h[2].length, p = h[1], n = h[3] === void 0 ? i1 : h[3] === '"' ? D5 : I5) : n === D5 || n === I5 ? n = i1 : n === F5 || n === O5 ? n = b1 : (n = i1, o = void 0);
301
301
  const f = n === i1 && l[s + 1].startsWith("/>") ? " " : "";
302
302
  r += n === b1 ? d + z4 : v >= 0 ? (i.push(p), d.slice(0, v) + o4 + d.slice(v) + G + f) : d + G + (v === -2 ? s : f);
303
303
  }
@@ -317,7 +317,7 @@ class w1 {
317
317
  if (o.nodeType === 1) {
318
318
  if (o.hasAttributes()) for (const v of o.getAttributeNames()) if (v.endsWith(o4)) {
319
319
  const H = h[n++], f = o.getAttribute(v).split(G), Z = /([.?@])?(.*)/.exec(H);
320
- d.push({ type: 1, index: r, name: Z[2], strings: f, ctor: Z[1] === "." ? F4 : Z[1] === "?" ? O4 : Z[1] === "@" ? D4 : o2 }), o.removeAttribute(v);
320
+ d.push({ type: 1, index: r, name: Z[2], strings: f, ctor: Z[1] === "." ? F4 : Z[1] === "?" ? O4 : Z[1] === "@" ? I4 : o2 }), o.removeAttribute(v);
321
321
  } else v.startsWith(G) && (d.push({ type: 6, index: r }), o.removeAttribute(v));
322
322
  if (l4.test(o.tagName)) {
323
323
  const v = o.textContent.split(G), H = v.length - 1;
@@ -364,7 +364,7 @@ class P4 {
364
364
  for (; d !== void 0; ) {
365
365
  if (n === d.index) {
366
366
  let p;
367
- d.type === 2 ? p = new T1(r, r.nextSibling, this, e) : d.type === 1 ? p = new d.ctor(r, d.name, d.strings, this, e) : d.type === 6 && (p = new I4(r, this, e)), this._$AV.push(p), d = i[++s];
367
+ d.type === 2 ? p = new T1(r, r.nextSibling, this, e) : d.type === 1 ? p = new d.ctor(r, d.name, d.strings, this, e) : d.type === 6 && (p = new D4(r, this, e)), this._$AV.push(p), d = i[++s];
368
368
  }
369
369
  n !== (d == null ? void 0 : d.index) && (r = l1.nextNode(), n++);
370
370
  }
@@ -416,11 +416,11 @@ class T1 {
416
416
  }
417
417
  }
418
418
  _$AC(e) {
419
- let t = I5.get(e.strings);
420
- return t === void 0 && I5.set(e.strings, t = new w1(e)), t;
419
+ let t = T5.get(e.strings);
420
+ return t === void 0 && T5.set(e.strings, t = new w1(e)), t;
421
421
  }
422
422
  k(e) {
423
- E2(this._$AH) || (this._$AH = [], this._$AR());
423
+ A2(this._$AH) || (this._$AH = [], this._$AR());
424
424
  const t = this._$AH;
425
425
  let i, o = 0;
426
426
  for (const r of e) o === t.length ? t.push(i = new T1(this.O(_1()), this.O(_1()), this, this.options)) : i = t[o], i._$AI(r), o++;
@@ -429,8 +429,8 @@ class T1 {
429
429
  _$AR(e = this._$AA.nextSibling, t) {
430
430
  var i;
431
431
  for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, t); e !== this._$AB; ) {
432
- const o = B5(e).nextSibling;
433
- B5(e).remove(), e = o;
432
+ const o = S5(e).nextSibling;
433
+ S5(e).remove(), e = o;
434
434
  }
435
435
  }
436
436
  setConnected(e) {
@@ -479,7 +479,7 @@ class O4 extends o2 {
479
479
  this.element.toggleAttribute(this.name, !!e && e !== c);
480
480
  }
481
481
  }
482
- class D4 extends o2 {
482
+ class I4 extends o2 {
483
483
  constructor(e, t, i, o, r) {
484
484
  super(e, t, i, o, r), this.type = 5;
485
485
  }
@@ -493,7 +493,7 @@ class D4 extends o2 {
493
493
  typeof this._$AH == "function" ? this._$AH.call(((t = this.options) == null ? void 0 : t.host) ?? this.element, e) : this._$AH.handleEvent(e);
494
494
  }
495
495
  }
496
- class I4 {
496
+ class D4 {
497
497
  constructor(e, t, i) {
498
498
  this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = i;
499
499
  }
@@ -556,7 +556,7 @@ a2 == null || a2({ LitElement: u });
556
556
  * Copyright 2017 Google LLC
557
557
  * SPDX-License-Identifier: BSD-3-Clause
558
558
  */
559
- const N4 = { attribute: !0, type: String, converter: G1, reflect: !1, hasChanged: $2 }, j4 = (l = N4, e, t) => {
559
+ const N4 = { attribute: !0, type: String, converter: G1, reflect: !1, hasChanged: E2 }, j4 = (l = N4, e, t) => {
560
560
  const { kind: i, metadata: o } = t;
561
561
  let r = globalThis.litPropertyMetadata.get(o);
562
562
  if (r === void 0 && globalThis.litPropertyMetadata.set(o, r = /* @__PURE__ */ new Map()), i === "setter" && ((l = Object.create(l)).wrapped = !0), r.set(t.name, l), i === "accessor") {
@@ -618,7 +618,7 @@ var q4 = Object.defineProperty, a4 = (l, e, t, i) => {
618
618
  (n = l[r]) && (o = n(e, t, o) || o);
619
619
  return o && q4(e, t, o), o;
620
620
  };
621
- const S2 = class S2 extends u {
621
+ const P2 = class P2 extends u {
622
622
  constructor() {
623
623
  super(...arguments), this.size = "medium", this.percent = "";
624
624
  }
@@ -675,12 +675,12 @@ const S2 = class S2 extends u {
675
675
  `;
676
676
  }
677
677
  };
678
- S2.styles = g`
678
+ P2.styles = g`
679
679
  :host { display: inline-block; line-height: 0; font-family: var(--font-sans); }
680
680
  .spinner { animation: circle 0.6s linear infinite; }
681
681
  @keyframes circle { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
682
682
  `;
683
- let R1 = S2;
683
+ let R1 = P2;
684
684
  a4([
685
685
  a()
686
686
  ], R1.prototype, "size");
@@ -693,7 +693,7 @@ var G4 = Object.defineProperty, s4 = (l, e, t, i) => {
693
693
  (n = l[r]) && (o = n(e, t, o) || o);
694
694
  return o && G4(e, t, o), o;
695
695
  };
696
- const T5 = "M7.23359 3.5336C7.49685 2.82213 8.50314 2.82213 8.76641 3.5336L9.63534 5.88184C9.71811 6.10553 9.89447 6.28189 10.1182 6.36466L12.4664 7.23359C13.1779 7.49685 13.1779 8.50314 12.4664 8.76641L10.1182 9.63534C9.89447 9.71811 9.71811 9.89447 9.63534 10.1182L8.76641 12.4664C8.50314 13.1779 7.49685 13.1779 7.23359 12.4664L6.36466 10.1182C6.28189 9.89447 6.10553 9.71811 5.88185 9.63534L3.5336 8.76641C2.82213 8.50314 2.82213 7.49685 3.5336 7.23359L5.88184 6.36466C6.10553 6.28189 6.28189 6.10553 6.36466 5.88185L7.23359 3.5336Z", W4 = { small: 16, medium: 24, large: 32 }, P2 = class P2 extends u {
696
+ const N5 = "M7.23359 3.5336C7.49685 2.82213 8.50314 2.82213 8.76641 3.5336L9.63534 5.88184C9.71811 6.10553 9.89447 6.28189 10.1182 6.36466L12.4664 7.23359C13.1779 7.49685 13.1779 8.50314 12.4664 8.76641L10.1182 9.63534C9.89447 9.71811 9.71811 9.89447 9.63534 10.1182L8.76641 12.4664C8.50314 13.1779 7.49685 13.1779 7.23359 12.4664L6.36466 10.1182C6.28189 9.89447 6.10553 9.71811 5.88185 9.63534L3.5336 8.76641C2.82213 8.50314 2.82213 7.49685 3.5336 7.23359L5.88184 6.36466C6.10553 6.28189 6.28189 6.10553 6.36466 5.88185L7.23359 3.5336Z", W4 = { small: 16, medium: 24, large: 32 }, F2 = class F2 extends u {
697
697
  constructor() {
698
698
  super(...arguments), this.size = "small", this.color = "default";
699
699
  }
@@ -708,13 +708,13 @@ const T5 = "M7.23359 3.5336C7.49685 2.82213 8.50314 2.82213 8.76641 3.5336L9.635
708
708
  fill="currentColor"
709
709
  overflow="visible"
710
710
  >
711
- <path class="star" d="${T5}"/>
712
- <path class="star star-2" d="${T5}"/>
711
+ <path class="star" d="${N5}"/>
712
+ <path class="star star-2" d="${N5}"/>
713
713
  </svg>
714
714
  `;
715
715
  }
716
716
  };
717
- P2.styles = g`
717
+ F2.styles = g`
718
718
  :host { display: inline-block; line-height: 0; }
719
719
 
720
720
  /* ── Colors ─────────────────────────────────────────────────── */
@@ -753,7 +753,7 @@ P2.styles = g`
753
753
  100% { transform: translate(12px, 12px) scale(0.5); opacity: 0; }
754
754
  }
755
755
  `;
756
- let k1 = P2;
756
+ let k1 = F2;
757
757
  s4([
758
758
  a({ reflect: !0 })
759
759
  ], k1.prototype, "size");
@@ -761,7 +761,7 @@ s4([
761
761
  a({ reflect: !0 })
762
762
  ], k1.prototype, "color");
763
763
  customElements.get("anduin-sparkle-spinner") || customElements.define("anduin-sparkle-spinner", k1);
764
- const N5 = {
764
+ const j5 = {
765
765
  access: [{ d: "M13 2.5H3C2.72386 2.5 2.5 2.72386 2.5 3V5.75H1V3C1 1.89543 1.89543 1 3 1H13C14.1046 1 15 1.89543 15 3V13C15 14.1046 14.1046 15 13 15H3C1.89543 15 1 14.1046 1 13V10.25H2.5V13C2.5 13.2761 2.72386 13.5 3 13.5H13C13.2761 13.5 13.5 13.2761 13.5 13V3C13.5 2.72386 13.2761 2.5 13 2.5ZM7.53033 4.21979C7.23744 3.9269 6.76256 3.9269 6.46967 4.21979C6.17678 4.51269 6.17678 4.98756 6.46967 5.28045L8.43922 7.25L0.75 7.25C0.335786 7.25 0 7.58579 0 8C0 8.41421 0.335786 8.75 0.75 8.75L8.43946 8.75L6.46967 10.7198C6.17678 11.0127 6.17678 11.4876 6.46967 11.7805C6.76256 12.0733 7.23744 12.0733 7.53033 11.7805L10.7803 8.53044C11.0732 8.23755 11.0732 7.76268 10.7803 7.46978L7.53033 4.21979Z", fillRule: "evenodd", clipRule: "evenodd" }],
766
766
  alignCenter: [{ d: "M2 1C1.44772 1 1 1.44772 1 2C1 2.55228 1.44772 3 2 3H14C14.5523 3 15 2.55228 15 2C15 1.44772 14.5523 1 14 1H2ZM2 9C1.44772 9 1 9.44771 1 10C1 10.5523 1.44772 11 2 11H14C14.5523 11 15 10.5523 15 10C15 9.44771 14.5523 9 14 9H2ZM4 6C4 5.44772 4.44772 5 5 5H11C11.5523 5 12 5.44772 12 6C12 6.55228 11.5523 7 11 7H5C4.44772 7 4 6.55228 4 6ZM5 13C4.44772 13 4 13.4477 4 14C4 14.5523 4.44772 15 5 15H11C11.5523 15 12 14.5523 12 14C12 13.4477 11.5523 13 11 13H5Z", fillRule: "evenodd", clipRule: "evenodd" }],
767
767
  alignJustify: [{ d: "M2 1C1.44772 1 1 1.44772 1 2C1 2.55228 1.44772 3 2 3H14C14.5523 3 15 2.55228 15 2C15 1.44772 14.5523 1 14 1H2ZM2 9C1.44772 9 1 9.44771 1 10C1 10.5523 1.44772 11 2 11H14C14.5523 11 15 10.5523 15 10C15 9.44771 14.5523 9 14 9H2ZM1 6C1 5.44772 1.44772 5 2 5H14C14.5523 5 15 5.44772 15 6C15 6.55228 14.5523 7 14 7H2C1.44772 7 1 6.55228 1 6ZM2 13C1.44772 13 1 13.4477 1 14C1 14.5523 1.44772 15 2 15H14C14.5523 15 15 14.5523 15 14C15 13.4477 14.5523 13 14 13H2Z", fillRule: "evenodd", clipRule: "evenodd" }],
@@ -1115,12 +1115,12 @@ var Y4 = Object.defineProperty, C4 = (l, e, t, i) => {
1115
1115
  (n = l[r]) && (o = n(e, t, o) || o);
1116
1116
  return o && Y4(e, t, o), o;
1117
1117
  };
1118
- const F2 = class F2 extends u {
1118
+ const O2 = class O2 extends u {
1119
1119
  constructor() {
1120
1120
  super(...arguments), this.name = "", this.size = 16;
1121
1121
  }
1122
1122
  render() {
1123
- const e = this.name && N5[this.name] ? N5[this.name] : [], t = !this.name;
1123
+ const e = this.name && j5[this.name] ? j5[this.name] : [], t = !this.name;
1124
1124
  return Y1`
1125
1125
  <svg
1126
1126
  class=${t ? "icon--hidden" : ""}
@@ -1143,11 +1143,11 @@ const F2 = class F2 extends u {
1143
1143
  `;
1144
1144
  }
1145
1145
  };
1146
- F2.styles = g`
1146
+ O2.styles = g`
1147
1147
  :host { display: block; line-height: 0; font-family: var(--font-sans); }
1148
1148
  .icon--hidden { display: none; }
1149
1149
  `;
1150
- let $1 = F2;
1150
+ let $1 = O2;
1151
1151
  C4([
1152
1152
  a()
1153
1153
  ], $1.prototype, "name");
@@ -1201,7 +1201,7 @@ function c4(l) {
1201
1201
  boldDanger: "badge--bold-danger"
1202
1202
  }[l || "gray"] || "badge--light-gray";
1203
1203
  }
1204
- const O2 = class O2 extends u {
1204
+ const I2 = class I2 extends u {
1205
1205
  constructor() {
1206
1206
  super(...arguments), this.variant = "gray";
1207
1207
  }
@@ -1210,8 +1210,8 @@ const O2 = class O2 extends u {
1210
1210
  return C`<div class="badge ${e}" part="badge"><slot></slot></div>`;
1211
1211
  }
1212
1212
  };
1213
- O2.styles = [d4];
1214
- let X1 = O2;
1213
+ I2.styles = [d4];
1214
+ let X1 = I2;
1215
1215
  K4([
1216
1216
  a()
1217
1217
  ], X1.prototype, "variant");
@@ -1255,7 +1255,7 @@ var Q4 = Object.defineProperty, _ = (l, e, t, i) => {
1255
1255
  function e3(l) {
1256
1256
  return l.replace(/([A-Z])/g, (e) => `-${e.toLowerCase()}`);
1257
1257
  }
1258
- const I2 = class I2 extends u {
1258
+ const T2 = class T2 extends u {
1259
1259
  constructor() {
1260
1260
  super(...arguments), this.iconOnly = !1, this.appearance = "filled", this.variant = "", this.size = "medium", this.disabled = !1, this.loading = !1, this.fullWidth = !1, this.pill = !1, this.selected = !1, this.href = "", this.openNewTab = !1, this.download = "", this.startIcon = "", this.endIcon = "", this.label = "";
1261
1261
  }
@@ -1316,7 +1316,7 @@ const I2 = class I2 extends u {
1316
1316
  `;
1317
1317
  }
1318
1318
  };
1319
- I2.styles = g`
1319
+ T2.styles = g`
1320
1320
  :host { display: inline-block; font-family: var(--font-sans); }
1321
1321
  :host([full-width]) { display: block; width: 100%; }
1322
1322
  .button {
@@ -1429,7 +1429,7 @@ I2.styles = g`
1429
1429
  .button--icon-only.button--medium { width: 32px; min-width: 32px; padding-left: 0; padding-right: 0; }
1430
1430
  .button--icon-only.button--large { width: 40px; min-width: 40px; padding-left: 0; padding-right: 0; }
1431
1431
  `;
1432
- let m = I2;
1432
+ let m = T2;
1433
1433
  _([
1434
1434
  b()
1435
1435
  ], m.prototype, "iconOnly");
@@ -1481,7 +1481,7 @@ var t3 = Object.defineProperty, o3 = (l, e, t, i) => {
1481
1481
  (n = l[r]) && (o = n(e, t, o) || o);
1482
1482
  return o && t3(e, t, o), o;
1483
1483
  };
1484
- const T2 = class T2 extends u {
1484
+ const N2 = class N2 extends u {
1485
1485
  constructor() {
1486
1486
  super(...arguments), this.variant = "gray";
1487
1487
  }
@@ -1494,7 +1494,7 @@ const T2 = class T2 extends u {
1494
1494
  `;
1495
1495
  }
1496
1496
  };
1497
- T2.styles = g`
1497
+ N2.styles = g`
1498
1498
  :host { display: block; font-family: var(--font-sans); }
1499
1499
  .callout {
1500
1500
  display: flex; align-items: center; justify-content: center;
@@ -1506,7 +1506,7 @@ T2.styles = g`
1506
1506
  .callout--danger { background-color: var(--color-semantic-danger-4); color: var(--color-semantic-gray-0); }
1507
1507
  .callout--warning { background-color: var(--color-semantic-warning-3); color: var(--color-semantic-gray-8); }
1508
1508
  `;
1509
- let K1 = T2;
1509
+ let K1 = N2;
1510
1510
  o3([
1511
1511
  a()
1512
1512
  ], K1.prototype, "variant");
@@ -1516,7 +1516,7 @@ var i3 = Object.defineProperty, u4 = (l, e, t, i) => {
1516
1516
  (n = l[r]) && (o = n(e, t, o) || o);
1517
1517
  return o && i3(e, t, o), o;
1518
1518
  };
1519
- const N2 = class N2 extends u {
1519
+ const j2 = class j2 extends u {
1520
1520
  constructor() {
1521
1521
  super(...arguments), this.direction = "horizontal", this.hasContent = !1;
1522
1522
  }
@@ -1547,7 +1547,7 @@ const N2 = class N2 extends u {
1547
1547
  </div>` : C`<div class="divider--horizontal divider--horizontal-empty"><slot @slotchange=${this.onSlotChange}></slot></div>`;
1548
1548
  }
1549
1549
  };
1550
- N2.styles = g`
1550
+ j2.styles = g`
1551
1551
  :host { display: block; width: 100%; font-family: var(--font-sans); }
1552
1552
  :host([direction="vertical"]) { width: auto; height: 100%; }
1553
1553
  .divider--horizontal { margin-top: 8px; margin-bottom: 8px; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; column-gap: 8px; text-align: center; }
@@ -1557,7 +1557,7 @@ N2.styles = g`
1557
1557
  .divider--vertical-empty { background-color: var(--color-gray-3); width: 1px; }
1558
1558
  .divider__line--vertical { border-left: 1px solid var(--color-gray-3); justify-self: center; }
1559
1559
  `;
1560
- let A1 = N2;
1560
+ let A1 = j2;
1561
1561
  u4([
1562
1562
  a({ reflect: !0 })
1563
1563
  ], A1.prototype, "direction");
@@ -1570,7 +1570,7 @@ var l3 = Object.defineProperty, r3 = (l, e, t, i) => {
1570
1570
  (n = l[r]) && (o = n(e, t, o) || o);
1571
1571
  return o && l3(e, t, o), o;
1572
1572
  };
1573
- const j2 = class j2 extends u {
1573
+ const U2 = class U2 extends u {
1574
1574
  constructor() {
1575
1575
  super(...arguments), this.variant = "gray";
1576
1576
  }
@@ -1578,7 +1578,7 @@ const j2 = class j2 extends u {
1578
1578
  return C`<div class="dot dot--${this.variant}" part="dot"></div>`;
1579
1579
  }
1580
1580
  };
1581
- j2.styles = g`
1581
+ U2.styles = g`
1582
1582
  :host { display: inline-block; font-family: var(--font-sans); }
1583
1583
  .dot { width: 10px; height: 10px; border-radius: 9999px; }
1584
1584
  .dot--gray { background-color: var(--color-semantic-gray-6); color: var(--color-semantic-gray-0); }
@@ -1587,7 +1587,7 @@ j2.styles = g`
1587
1587
  .dot--danger { background-color: var(--color-semantic-danger-4); color: var(--color-semantic-gray-0); }
1588
1588
  .dot--warning { background-color: var(--color-semantic-warning-3); color: var(--color-semantic-gray-8); }
1589
1589
  `;
1590
- let J1 = j2;
1590
+ let J1 = U2;
1591
1591
  r3([
1592
1592
  a()
1593
1593
  ], J1.prototype, "variant");
@@ -1597,7 +1597,7 @@ var n3 = Object.defineProperty, h4 = (l, e, t, i) => {
1597
1597
  (n = l[r]) && (o = n(e, t, o) || o);
1598
1598
  return o && n3(e, t, o), o;
1599
1599
  };
1600
- const U2 = class U2 extends u {
1600
+ const q2 = class q2 extends u {
1601
1601
  constructor() {
1602
1602
  super(...arguments), this.percent = "", this.height = "medium";
1603
1603
  }
@@ -1613,7 +1613,7 @@ const U2 = class U2 extends u {
1613
1613
  `;
1614
1614
  }
1615
1615
  };
1616
- U2.styles = g`
1616
+ q2.styles = g`
1617
1617
  :host { display: block; font-family: var(--font-sans); }
1618
1618
  .progress { overflow-x: hidden; position: relative; border-radius: 9999px; }
1619
1619
  .progress__fill {
@@ -1629,7 +1629,7 @@ U2.styles = g`
1629
1629
  to { transform: translateX(330%); }
1630
1630
  }
1631
1631
  `;
1632
- let z1 = U2;
1632
+ let z1 = q2;
1633
1633
  h4([
1634
1634
  a()
1635
1635
  ], z1.prototype, "percent");
@@ -1642,7 +1642,7 @@ var a3 = Object.defineProperty, L1 = (l, e, t, i) => {
1642
1642
  (n = l[r]) && (o = n(e, t, o) || o);
1643
1643
  return o && a3(e, t, o), o;
1644
1644
  };
1645
- const q2 = class q2 extends u {
1645
+ const G2 = class G2 extends u {
1646
1646
  constructor() {
1647
1647
  super(...arguments), this.effect = "pulse", this.shape = "rectangle", this.height = "", this.width = "100%", this.duration = 1500, this.fontSize = "";
1648
1648
  }
@@ -1661,7 +1661,7 @@ const q2 = class q2 extends u {
1661
1661
  `;
1662
1662
  }
1663
1663
  };
1664
- q2.styles = g`
1664
+ G2.styles = g`
1665
1665
  :host { display: block; height: 100%; font-family: var(--font-sans); }
1666
1666
  .skeleton { background-color: var(--color-gray-3); position: relative; overflow: hidden; }
1667
1667
  .skeleton--circle { border-radius: 9999px; }
@@ -1680,32 +1680,32 @@ q2.styles = g`
1680
1680
  0% { transform: translateX(-100%); } 100% { transform: translateX(100%); }
1681
1681
  }
1682
1682
  `;
1683
- let I = q2;
1683
+ let D = G2;
1684
1684
  L1([
1685
1685
  a()
1686
- ], I.prototype, "effect");
1686
+ ], D.prototype, "effect");
1687
1687
  L1([
1688
1688
  a()
1689
- ], I.prototype, "shape");
1689
+ ], D.prototype, "shape");
1690
1690
  L1([
1691
1691
  a()
1692
- ], I.prototype, "height");
1692
+ ], D.prototype, "height");
1693
1693
  L1([
1694
1694
  a()
1695
- ], I.prototype, "width");
1695
+ ], D.prototype, "width");
1696
1696
  L1([
1697
1697
  a({ type: Number })
1698
- ], I.prototype, "duration");
1698
+ ], D.prototype, "duration");
1699
1699
  L1([
1700
1700
  a({ attribute: "font-size" })
1701
- ], I.prototype, "fontSize");
1702
- customElements.get("anduin-skeleton") || customElements.define("anduin-skeleton", I);
1701
+ ], D.prototype, "fontSize");
1702
+ customElements.get("anduin-skeleton") || customElements.define("anduin-skeleton", D);
1703
1703
  var s3 = Object.defineProperty, C3 = (l, e, t, i) => {
1704
1704
  for (var o = void 0, r = l.length - 1, n; r >= 0; r--)
1705
1705
  (n = l[r]) && (o = n(e, t, o) || o);
1706
1706
  return o && s3(e, t, o), o;
1707
1707
  };
1708
- const G2 = class G2 extends u {
1708
+ const W2 = class W2 extends u {
1709
1709
  constructor() {
1710
1710
  super(...arguments), this.height = "256px";
1711
1711
  }
@@ -1720,23 +1720,23 @@ const G2 = class G2 extends u {
1720
1720
  `;
1721
1721
  }
1722
1722
  };
1723
- G2.styles = g`
1723
+ W2.styles = g`
1724
1724
  :host { display: block; height: 100%; font-family: var(--font-sans); }
1725
1725
  .loading-state { display: flex; flex-direction: column; justify-content: center; align-items: center; }
1726
1726
  .loading-state__indicator { color: var(--color-primary-4); }
1727
1727
  .loading-state__content { margin-top: 12px; font-size: 15px; color: var(--color-gray-6); }
1728
1728
  `;
1729
- let Q1 = G2;
1729
+ let Q1 = W2;
1730
1730
  C3([
1731
1731
  a()
1732
1732
  ], Q1.prototype, "height");
1733
1733
  customElements.get("anduin-loading-state") || customElements.define("anduin-loading-state", Q1);
1734
- var d3 = Object.defineProperty, A2 = (l, e, t, i) => {
1734
+ var d3 = Object.defineProperty, z2 = (l, e, t, i) => {
1735
1735
  for (var o = void 0, r = l.length - 1, n; r >= 0; r--)
1736
1736
  (n = l[r]) && (o = n(e, t, o) || o);
1737
1737
  return o && d3(e, t, o), o;
1738
1738
  };
1739
- const g4 = "anduin-field:label-click", m1 = "anduin-field:label-click-coordinated", W2 = class W2 extends u {
1739
+ const g4 = "anduin-field:label-click", m1 = "anduin-field:label-click-coordinated", Y2 = class Y2 extends u {
1740
1740
  constructor() {
1741
1741
  super(...arguments), this.orientation = "vertical";
1742
1742
  }
@@ -1759,17 +1759,17 @@ const g4 = "anduin-field:label-click", m1 = "anduin-field:label-click-coordinate
1759
1759
  `;
1760
1760
  }
1761
1761
  };
1762
- W2.styles = g`
1762
+ Y2.styles = g`
1763
1763
  :host { display: block; font-family: var(--font-sans); }
1764
1764
  .field { display: flex; flex-wrap: wrap; }
1765
1765
  .field--vertical { flex-direction: column; row-gap: 4px; }
1766
1766
  .field--horizontal { column-gap: 4px; }
1767
1767
  `;
1768
- let e2 = W2;
1769
- A2([
1768
+ let e2 = Y2;
1769
+ z2([
1770
1770
  a()
1771
1771
  ], e2.prototype, "orientation");
1772
- const Y2 = class Y2 extends u {
1772
+ const X2 = class X2 extends u {
1773
1773
  constructor() {
1774
1774
  super(...arguments), this.htmlfor = "", this.required = !1;
1775
1775
  }
@@ -1796,59 +1796,59 @@ const Y2 = class Y2 extends u {
1796
1796
  `;
1797
1797
  }
1798
1798
  };
1799
- Y2.styles = g`
1799
+ X2.styles = g`
1800
1800
  :host { display: inline-block; font-family: var(--font-sans); }
1801
1801
  .field-label { font-size: 13px; line-height: 20px; font-weight: 600; cursor: default; color: var(--color-gray-8, #101828); }
1802
1802
  .field-label__required { color: var(--color-danger-5); }
1803
1803
  `;
1804
- let B1 = Y2;
1805
- A2([
1804
+ let B1 = X2;
1805
+ z2([
1806
1806
  a()
1807
1807
  ], B1.prototype, "htmlfor");
1808
- A2([
1808
+ z2([
1809
1809
  a({ type: Boolean })
1810
1810
  ], B1.prototype, "required");
1811
- const X2 = class X2 extends u {
1811
+ const K2 = class K2 extends u {
1812
1812
  render() {
1813
1813
  return C`<div class="field-description" part="description"><slot></slot></div>`;
1814
1814
  }
1815
1815
  };
1816
- X2.styles = g`
1816
+ K2.styles = g`
1817
1817
  :host { display: inline-block; font-family: var(--font-sans); }
1818
1818
  .field-description { display: block; line-height: 16px; font-size: 11px; color: var(--color-gray-7); }
1819
1819
  `;
1820
- let p2 = X2;
1821
- const K2 = class K2 extends u {
1820
+ let u2 = K2;
1821
+ const J2 = class J2 extends u {
1822
1822
  render() {
1823
1823
  return C`<div class="field-error" part="error"><slot></slot></div>`;
1824
1824
  }
1825
1825
  };
1826
- K2.styles = g`
1826
+ J2.styles = g`
1827
1827
  :host { display: block; font-family: var(--font-sans); }
1828
1828
  .field-error { color: var(--color-danger-4); }
1829
1829
  `;
1830
- let u2 = K2;
1831
- const J2 = class J2 extends u {
1830
+ let h2 = J2;
1831
+ const Q2 = class Q2 extends u {
1832
1832
  render() {
1833
1833
  return C`<div class="field-group" part="group"><slot></slot></div>`;
1834
1834
  }
1835
1835
  };
1836
- J2.styles = g`
1836
+ Q2.styles = g`
1837
1837
  :host { display: block; font-family: var(--font-sans); }
1838
1838
  .field-group { display: flex; flex-direction: column; row-gap: 24px; }
1839
1839
  `;
1840
- let h2 = J2;
1840
+ let g2 = Q2;
1841
1841
  customElements.get("anduin-field") || customElements.define("anduin-field", e2);
1842
1842
  customElements.get("anduin-field-label") || customElements.define("anduin-field-label", B1);
1843
- customElements.get("anduin-field-description") || customElements.define("anduin-field-description", p2);
1844
- customElements.get("anduin-field-error") || customElements.define("anduin-field-error", u2);
1845
- customElements.get("anduin-field-group") || customElements.define("anduin-field-group", h2);
1843
+ customElements.get("anduin-field-description") || customElements.define("anduin-field-description", u2);
1844
+ customElements.get("anduin-field-error") || customElements.define("anduin-field-error", h2);
1845
+ customElements.get("anduin-field-group") || customElements.define("anduin-field-group", g2);
1846
1846
  var c3 = Object.defineProperty, N1 = (l, e, t, i) => {
1847
1847
  for (var o = void 0, r = l.length - 1, n; r >= 0; r--)
1848
1848
  (n = l[r]) && (o = n(e, t, o) || o);
1849
1849
  return o && c3(e, t, o), o;
1850
1850
  };
1851
- const p3 = "anduin-checkbox:change", Q2 = class Q2 extends u {
1851
+ const p3 = "anduin-checkbox:change", e5 = class e5 extends u {
1852
1852
  constructor() {
1853
1853
  super(...arguments), this.checked = !1, this.disabled = !1, this.indeterminate = !1, this.readonly = !1, this.inputid = "";
1854
1854
  }
@@ -1902,7 +1902,7 @@ const p3 = "anduin-checkbox:change", Q2 = class Q2 extends u {
1902
1902
  `;
1903
1903
  }
1904
1904
  };
1905
- Q2.styles = g`
1905
+ e5.styles = g`
1906
1906
  :host { display: inline-flex; font-family: var(--font-sans); }
1907
1907
 
1908
1908
  label {
@@ -1940,7 +1940,7 @@ Q2.styles = g`
1940
1940
  .checkbox__icon { position: absolute; inset: 0; pointer-events: none; color: var(--color-gray-4); display: flex; align-items: center; justify-content: center; }
1941
1941
  .checkbox__icon--visible { color: var(--color-gray-0); }
1942
1942
  `;
1943
- let X = Q2;
1943
+ let X = e5;
1944
1944
  N1([
1945
1945
  a({ type: Boolean })
1946
1946
  ], X.prototype, "checked");
@@ -1962,7 +1962,7 @@ var u3 = Object.defineProperty, z = (l, e, t, i) => {
1962
1962
  (n = l[r]) && (o = n(e, t, o) || o);
1963
1963
  return o && u3(e, t, o), o;
1964
1964
  };
1965
- const j5 = "anduin-input:change", h3 = "anduin-input:clear", e5 = class e5 extends u {
1965
+ const U5 = "anduin-input:change", h3 = "anduin-input:clear", t5 = class t5 extends u {
1966
1966
  constructor() {
1967
1967
  super(...arguments), this.value = "", this.size = "default", this.disabled = !1, this.readonly = !1, this.placeholder = "", this.inputid = "", this.status = "", this.startIcon = "", this.endIcon = "", this.clearable = !1;
1968
1968
  }
@@ -1979,7 +1979,7 @@ const j5 = "anduin-input:change", h3 = "anduin-input:clear", e5 = class e5 exten
1979
1979
  this.inputEl && this.inputEl.value !== this.value && (this.inputEl.value = this.value);
1980
1980
  }
1981
1981
  onInput() {
1982
- this.value = this.inputEl.value, this.dispatchEvent(new CustomEvent(j5, {
1982
+ this.value = this.inputEl.value, this.dispatchEvent(new CustomEvent(U5, {
1983
1983
  detail: this.value,
1984
1984
  bubbles: !0,
1985
1985
  composed: !0
@@ -1987,7 +1987,7 @@ const j5 = "anduin-input:change", h3 = "anduin-input:clear", e5 = class e5 exten
1987
1987
  }
1988
1988
  onClear() {
1989
1989
  var e;
1990
- this.value = "", this.inputEl && (this.inputEl.value = ""), this.dispatchEvent(new CustomEvent(j5, { detail: "", bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent(h3, { bubbles: !0, composed: !0 })), (e = this.inputEl) == null || e.focus();
1990
+ this.value = "", this.inputEl && (this.inputEl.value = ""), this.dispatchEvent(new CustomEvent(U5, { detail: "", bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent(h3, { bubbles: !0, composed: !0 })), (e = this.inputEl) == null || e.focus();
1991
1991
  }
1992
1992
  render() {
1993
1993
  const e = this.size === "small" ? "input--small" : this.size === "large" ? "input--large" : "input--default", t = this.status ? `input--${this.status}` : "", i = !!this.startIcon, o = !!this.endIcon || this.clearable && !!this.value, r = this.clearable && !!this.value && !this.disabled && !this.readonly, n = this.size === "small" ? "12" : this.size === "large" ? "20" : "16", s = this.size === "small" ? "10" : this.size === "large" ? "16" : "14";
@@ -2031,7 +2031,7 @@ const j5 = "anduin-input:change", h3 = "anduin-input:clear", e5 = class e5 exten
2031
2031
  `;
2032
2032
  }
2033
2033
  };
2034
- e5.styles = g`
2034
+ t5.styles = g`
2035
2035
  :host { display: block; font-family: var(--font-sans); }
2036
2036
 
2037
2037
  .input-wrapper { position: relative; display: flex; align-items: center; }
@@ -2085,7 +2085,7 @@ e5.styles = g`
2085
2085
  }
2086
2086
  .input__clear:hover { color: var(--color-gray-7); }
2087
2087
  `;
2088
- let w = e5;
2088
+ let w = t5;
2089
2089
  z([
2090
2090
  a()
2091
2091
  ], w.prototype, "value");
@@ -2125,7 +2125,7 @@ var g3 = Object.defineProperty, Q = (l, e, t, i) => {
2125
2125
  (n = l[r]) && (o = n(e, t, o) || o);
2126
2126
  return o && g3(e, t, o), o;
2127
2127
  };
2128
- const v3 = "anduin-textarea:change", t5 = class t5 extends u {
2128
+ const v3 = "anduin-textarea:change", o5 = class o5 extends u {
2129
2129
  constructor() {
2130
2130
  super(...arguments), this.value = "", this.disabled = !1, this.readonly = !1, this.placeholder = "", this.inputid = "", this.rows = 3, this.status = "";
2131
2131
  }
@@ -2167,7 +2167,7 @@ const v3 = "anduin-textarea:change", t5 = class t5 extends u {
2167
2167
  `;
2168
2168
  }
2169
2169
  };
2170
- t5.styles = g`
2170
+ o5.styles = g`
2171
2171
  :host { display: block; font-family: var(--font-sans); }
2172
2172
 
2173
2173
  .textarea {
@@ -2184,7 +2184,7 @@ t5.styles = g`
2184
2184
  .textarea--warning { border-color: var(--color-warning-4); }
2185
2185
  .textarea--loading { border-color: var(--color-gray-4); }
2186
2186
  `;
2187
- let E = t5;
2187
+ let E = o5;
2188
2188
  Q([
2189
2189
  a()
2190
2190
  ], E.prototype, "value");
@@ -2215,7 +2215,7 @@ var f3 = Object.defineProperty, $ = (l, e, t, i) => {
2215
2215
  (n = l[r]) && (o = n(e, t, o) || o);
2216
2216
  return o && f3(e, t, o), o;
2217
2217
  };
2218
- const v4 = "anduin-tab:trigger-click", i2 = "anduin-tab:value-changed", H3 = "anduin-tab:change", o5 = class o5 extends u {
2218
+ const v4 = "anduin-tab:trigger-click", i2 = "anduin-tab:value-changed", H3 = "anduin-tab:change", i5 = class i5 extends u {
2219
2219
  constructor() {
2220
2220
  super(...arguments), this.defaultValue = "", this.value = "", this.fill = !1;
2221
2221
  }
@@ -2230,7 +2230,10 @@ const v4 = "anduin-tab:trigger-click", i2 = "anduin-tab:value-changed", H3 = "an
2230
2230
  });
2231
2231
  }
2232
2232
  updated(e) {
2233
- e.has("value") && this.value && this.broadcastValueChanged(this.value);
2233
+ if (e.has("value") || e.has("defaultValue")) {
2234
+ const t = this.value || this.defaultValue;
2235
+ t && this.broadcastValueChanged(t);
2236
+ }
2234
2237
  }
2235
2238
  broadcastValueChanged(e) {
2236
2239
  this.dispatchEvent(new CustomEvent(i2, { detail: e, bubbles: !1, composed: !1 }));
@@ -2239,13 +2242,13 @@ const v4 = "anduin-tab:trigger-click", i2 = "anduin-tab:value-changed", H3 = "an
2239
2242
  return C`<div class="tabs" part="tabs"><slot></slot></div>`;
2240
2243
  }
2241
2244
  };
2242
- o5.styles = g`
2245
+ i5.styles = g`
2243
2246
  :host { display: flex; flex-direction: column; font-family: var(--font-sans); }
2244
2247
  :host([fill]) { flex: 1; min-height: 0; --_tab-fill-flex: 1; --_tab-fill-height: 100%; }
2245
2248
  .tabs { display: flex; flex-direction: column; width: 100%; }
2246
2249
  :host([fill]) .tabs { flex: 1; min-height: 0; }
2247
2250
  `;
2248
- let v1 = o5;
2251
+ let v1 = i5;
2249
2252
  $([
2250
2253
  a({ attribute: "default-value" })
2251
2254
  ], v1.prototype, "defaultValue");
@@ -2255,7 +2258,7 @@ $([
2255
2258
  $([
2256
2259
  a({ type: Boolean, reflect: !0 })
2257
2260
  ], v1.prototype, "fill");
2258
- const i5 = class i5 extends u {
2261
+ const l5 = class l5 extends u {
2259
2262
  constructor() {
2260
2263
  super(...arguments), this.alignment = "left", this.lastActiveValue = "", this.resizeObserver = null;
2261
2264
  }
@@ -2270,8 +2273,9 @@ const i5 = class i5 extends u {
2270
2273
  });
2271
2274
  }
2272
2275
  firstUpdated() {
2273
- this.resizeObserver = new ResizeObserver((e) => {
2274
- this.lastActiveValue && e.length > 0 && e[0].contentRect.width > 0 && this.animateIndicator(this.lastActiveValue);
2276
+ const e = this.closest("anduin-tabs"), t = (e == null ? void 0 : e.value) || (e == null ? void 0 : e.defaultValue);
2277
+ t && (this.lastActiveValue = t, requestAnimationFrame(() => this.animateIndicator(t))), this.resizeObserver = new ResizeObserver((i) => {
2278
+ this.lastActiveValue && i.length > 0 && i[0].contentRect.width > 0 && this.animateIndicator(this.lastActiveValue);
2275
2279
  }), this.resizeObserver.observe(this);
2276
2280
  }
2277
2281
  disconnectedCallback() {
@@ -2282,9 +2286,9 @@ const i5 = class i5 extends u {
2282
2286
  const t = this.querySelectorAll(":scope > anduin-tab-trigger");
2283
2287
  for (let i = 0; i < t.length; i++) {
2284
2288
  const o = t[i];
2285
- if (o.getAttribute("value") === e) {
2286
- const r = o.getBoundingClientRect(), n = this.getBoundingClientRect(), s = r.left - n.left + this.scrollLeft;
2287
- this.indicator && (this.indicator.style.width = `${r.width}px`, this.indicator.style.transform = `translateX(${s}px)`);
2289
+ if ((o.value || o.getAttribute("value")) === e) {
2290
+ const n = o.getBoundingClientRect(), s = this.getBoundingClientRect(), d = n.left - s.left + this.scrollLeft;
2291
+ this.indicator && (this.indicator.style.width = `${n.width}px`, this.indicator.style.transform = `translateX(${d}px)`);
2288
2292
  break;
2289
2293
  }
2290
2294
  }
@@ -2298,7 +2302,7 @@ const i5 = class i5 extends u {
2298
2302
  `;
2299
2303
  }
2300
2304
  };
2301
- i5.styles = g`
2305
+ l5.styles = g`
2302
2306
  :host { display: block; font-family: var(--font-sans); }
2303
2307
  .tabs-list {
2304
2308
  display: flex; background-color: var(--color-gray-0);
@@ -2313,14 +2317,14 @@ i5.styles = g`
2313
2317
  left: 0; height: 2px; transition-duration: 200ms; transition-property: transform, width;
2314
2318
  }
2315
2319
  `;
2316
- let S1 = i5;
2320
+ let S1 = l5;
2317
2321
  $([
2318
2322
  a()
2319
2323
  ], S1.prototype, "alignment");
2320
2324
  $([
2321
2325
  k(".tabs-list__indicator")
2322
2326
  ], S1.prototype, "indicator");
2323
- const l5 = class l5 extends u {
2327
+ const r5 = class r5 extends u {
2324
2328
  constructor() {
2325
2329
  super(...arguments), this.value = "", this.startIcon = "", this.disabled = !1, this.showBadge = !1, this.badgeCount = "", this.isActive = !1;
2326
2330
  }
@@ -2354,7 +2358,7 @@ const l5 = class l5 extends u {
2354
2358
  `;
2355
2359
  }
2356
2360
  };
2357
- l5.styles = g`
2361
+ r5.styles = g`
2358
2362
  :host { display: inline-block; font-family: var(--font-sans); }
2359
2363
  .tab-trigger {
2360
2364
  cursor: pointer; background: none; border: none; display: block;
@@ -2377,9 +2381,9 @@ l5.styles = g`
2377
2381
  color: var(--color-gray-7); white-space: nowrap;
2378
2382
  }
2379
2383
  `;
2380
- let T = l5;
2384
+ let T = r5;
2381
2385
  $([
2382
- a()
2386
+ a({ reflect: !0 })
2383
2387
  ], T.prototype, "value");
2384
2388
  $([
2385
2389
  a({ attribute: "start-icon" })
@@ -2396,7 +2400,7 @@ $([
2396
2400
  $([
2397
2401
  b()
2398
2402
  ], T.prototype, "isActive");
2399
- const r5 = class r5 extends u {
2403
+ const n5 = class n5 extends u {
2400
2404
  constructor() {
2401
2405
  super(...arguments), this.value = "", this.isActive = !1;
2402
2406
  }
@@ -2419,12 +2423,12 @@ const r5 = class r5 extends u {
2419
2423
  `;
2420
2424
  }
2421
2425
  };
2422
- r5.styles = g`
2426
+ n5.styles = g`
2423
2427
  :host { display: block; font-family: var(--font-sans); flex: var(--_tab-fill-flex, 0 0 auto); min-height: 0; }
2424
2428
  :host(:not([active])) { display: none; }
2425
2429
  .tab-content { width: 100%; height: var(--_tab-fill-height, auto); overflow-x: hidden; overflow-y: auto; }
2426
2430
  `;
2427
- let P1 = r5;
2431
+ let P1 = n5;
2428
2432
  $([
2429
2433
  a()
2430
2434
  ], P1.prototype, "value");
@@ -2435,7 +2439,7 @@ customElements.get("anduin-tabs") || customElements.define("anduin-tabs", v1);
2435
2439
  customElements.get("anduin-tabs-list") || customElements.define("anduin-tabs-list", S1);
2436
2440
  customElements.get("anduin-tab-trigger") || customElements.define("anduin-tab-trigger", T);
2437
2441
  customElements.get("anduin-tab-content") || customElements.define("anduin-tab-content", P1);
2438
- var V3 = Object.defineProperty, z2 = (l, e, t, i) => {
2442
+ var V3 = Object.defineProperty, B2 = (l, e, t, i) => {
2439
2443
  for (var o = void 0, r = l.length - 1, n; r >= 0; r--)
2440
2444
  (n = l[r]) && (o = n(e, t, o) || o);
2441
2445
  return o && V3(e, t, o), o;
@@ -2490,7 +2494,7 @@ const L3 = "anduin-tag-close:click", m3 = {
2490
2494
  customMagenta: "tag__icon--custom-magenta",
2491
2495
  customBlueGreen: "tag__icon--custom-blue-green",
2492
2496
  customPink: "tag__icon--custom-pink"
2493
- }, n5 = class n5 extends u {
2497
+ }, a5 = class a5 extends u {
2494
2498
  constructor() {
2495
2499
  super(...arguments), this.variant = "gray", this.icon = "", this.disabled = !1;
2496
2500
  }
@@ -2505,7 +2509,7 @@ const L3 = "anduin-tag-close:click", m3 = {
2505
2509
  `;
2506
2510
  }
2507
2511
  };
2508
- n5.styles = g`
2512
+ a5.styles = g`
2509
2513
  :host { display: inline-flex; max-width: 100%; font-family: var(--font-sans); }
2510
2514
  .tag {
2511
2515
  font-weight: 500; font-size: 11px; height: 20px; padding-left: 6px; padding-right: 6px;
@@ -2553,17 +2557,17 @@ n5.styles = g`
2553
2557
  .tag--custom-yellow-green { color: var(--color-gray-9); background-color: rgb(174,207,85); }
2554
2558
  .tag--custom-yellow-orange { color: var(--color-gray-9); background-color: rgb(255,193,107); }
2555
2559
  `;
2556
- let f1 = n5;
2557
- z2([
2560
+ let f1 = a5;
2561
+ B2([
2558
2562
  a()
2559
2563
  ], f1.prototype, "variant");
2560
- z2([
2564
+ B2([
2561
2565
  a()
2562
2566
  ], f1.prototype, "icon");
2563
- z2([
2567
+ B2([
2564
2568
  a({ type: Boolean })
2565
2569
  ], f1.prototype, "disabled");
2566
- const a5 = class a5 extends u {
2570
+ const s5 = class s5 extends u {
2567
2571
  onClick() {
2568
2572
  this.dispatchEvent(new CustomEvent(L3, { bubbles: !0, composed: !0 }));
2569
2573
  }
@@ -2575,7 +2579,7 @@ const a5 = class a5 extends u {
2575
2579
  `;
2576
2580
  }
2577
2581
  };
2578
- a5.styles = g`
2582
+ s5.styles = g`
2579
2583
  :host { display: inline-block; font-family: var(--font-sans); }
2580
2584
  .tag-close__button {
2581
2585
  flex: none; width: 16px; height: 16px; display: flex; align-items: center;
@@ -2585,17 +2589,17 @@ a5.styles = g`
2585
2589
  .tag-close__button:hover { opacity: 0.7; }
2586
2590
  .tag-close__button:active { opacity: 0.5; }
2587
2591
  `;
2588
- let g2 = a5;
2592
+ let v2 = s5;
2589
2593
  customElements.get("anduin-tag") || customElements.define("anduin-tag", f1);
2590
- customElements.get("anduin-tag-close") || customElements.define("anduin-tag-close", g2);
2594
+ customElements.get("anduin-tag-close") || customElements.define("anduin-tag-close", v2);
2591
2595
  var y3 = Object.defineProperty, R = (l, e, t, i) => {
2592
2596
  for (var o = void 0, r = l.length - 1, n; r >= 0; r--)
2593
2597
  (n = l[r]) && (o = n(e, t, o) || o);
2594
2598
  return o && y3(e, t, o), o;
2595
2599
  };
2596
- const M3 = "anduin-toggle-group:change", Z3 = "anduin-toggle-group-item:change", _3 = "anduin-toggle-group-item:select", x3 = "anduin-toggle-group-item:deselect", v2 = "anduin-toggle-group-item:item-click", s5 = class s5 extends u {
2600
+ const M3 = "anduin-toggle-group:change", Z3 = "anduin-toggle-group-item:change", _3 = "anduin-toggle-group-item:select", x3 = "anduin-toggle-group-item:deselect", f2 = "anduin-toggle-group-item:item-click", C5 = class C5 extends u {
2597
2601
  constructor() {
2598
- super(...arguments), this.mode = "single", this.defaultValue = "", this.value = null, this.size = "medium", this.variant = "gray", this.gap = !1, this.internalValue = [], this.onItemClick = (e) => {
2602
+ super(...arguments), this.mode = "single", this.defaultValue = "", this.value = null, this.size = "medium", this.variant = "gray", this.gap = !1, this.internalValue = [], this.userInteracted = !1, this.onItemClick = (e) => {
2599
2603
  var d;
2600
2604
  e.stopPropagation();
2601
2605
  const i = e.detail, o = this.selection, r = o.includes(i);
@@ -2609,20 +2613,23 @@ const M3 = "anduin-toggle-group:change", Z3 = "anduin-toggle-group-item:change",
2609
2613
  detail: n.join(" "),
2610
2614
  bubbles: !0,
2611
2615
  composed: !0
2612
- })), this.isControlled || (this.internalValue = n);
2616
+ })), this.isControlled || (this.userInteracted = !0, this.internalValue = n);
2613
2617
  };
2614
2618
  }
2615
2619
  get isControlled() {
2616
2620
  return this.value != null;
2617
2621
  }
2618
2622
  get selection() {
2619
- return this.isControlled ? U5(this.value) : this.internalValue;
2623
+ return this.isControlled ? s2(this.value) : this.internalValue;
2620
2624
  }
2621
2625
  connectedCallback() {
2622
- super.connectedCallback(), this.hasUpdated || (this.internalValue = U5(this.defaultValue)), this.addEventListener(v2, this.onItemClick);
2626
+ super.connectedCallback(), this.hasUpdated || (this.internalValue = s2(this.defaultValue)), this.addEventListener(f2, this.onItemClick);
2627
+ }
2628
+ willUpdate(e) {
2629
+ e.has("defaultValue") && !this.isControlled && !this.userInteracted && (this.internalValue = s2(this.defaultValue));
2623
2630
  }
2624
2631
  disconnectedCallback() {
2625
- super.disconnectedCallback(), this.removeEventListener(v2, this.onItemClick);
2632
+ super.disconnectedCallback(), this.removeEventListener(f2, this.onItemClick);
2626
2633
  }
2627
2634
  updated() {
2628
2635
  this.syncItems();
@@ -2643,7 +2650,7 @@ const M3 = "anduin-toggle-group:change", Z3 = "anduin-toggle-group-item:change",
2643
2650
  `;
2644
2651
  }
2645
2652
  };
2646
- s5.styles = g`
2653
+ C5.styles = g`
2647
2654
  :host { display: inline-flex; font-family: var(--font-sans); }
2648
2655
  .toggle-group { display: inline-flex; align-items: center; }
2649
2656
  .toggle-group--small {
@@ -2673,7 +2680,7 @@ s5.styles = g`
2673
2680
  .toggle-group--gap { flex-wrap: wrap; gap: 8px; }
2674
2681
  .toggle-group--gap ::slotted(anduin-toggle-group-item) { --toggle-group-item-radius: 4px; margin-left: 0; }
2675
2682
  `;
2676
- let S = s5;
2683
+ let S = C5;
2677
2684
  R([
2678
2685
  a()
2679
2686
  ], S.prototype, "mode");
@@ -2695,7 +2702,7 @@ R([
2695
2702
  R([
2696
2703
  b()
2697
2704
  ], S.prototype, "internalValue");
2698
- const C5 = class C5 extends u {
2705
+ const d5 = class d5 extends u {
2699
2706
  constructor() {
2700
2707
  super(...arguments), this.value = "", this.startIcon = "", this.disabled = !1, this.selected = !1, this.groupSize = "medium", this.groupVariant = "gray", this.groupMode = "single";
2701
2708
  }
@@ -2715,7 +2722,7 @@ const C5 = class C5 extends u {
2715
2722
  (e.has("selected") || e.has("groupMode")) && (this.groupMode === "single" ? (this.setAttribute("role", "radio"), this.setAttribute("aria-checked", String(this.selected))) : (this.removeAttribute("role"), this.removeAttribute("aria-checked")));
2716
2723
  }
2717
2724
  onClick() {
2718
- this.dispatchEvent(new CustomEvent(v2, {
2725
+ this.dispatchEvent(new CustomEvent(f2, {
2719
2726
  detail: this.value,
2720
2727
  bubbles: !0,
2721
2728
  composed: !0
@@ -2745,7 +2752,7 @@ const C5 = class C5 extends u {
2745
2752
  `;
2746
2753
  }
2747
2754
  };
2748
- C5.styles = g`
2755
+ d5.styles = g`
2749
2756
  :host { display: inline-block; font-family: var(--font-sans); }
2750
2757
  .toggle-item {
2751
2758
  position: relative; z-index: 0; box-sizing: border-box;
@@ -2779,9 +2786,9 @@ C5.styles = g`
2779
2786
  .toggle-item--selected .toggle-item__icon { color: var(--color-gray-7); }
2780
2787
  .toggle-item--variant-primary.toggle-item--selected .toggle-item__icon { color: var(--color-primary-4); }
2781
2788
  `;
2782
- let P = C5;
2789
+ let P = d5;
2783
2790
  R([
2784
- a()
2791
+ a({ reflect: !0 })
2785
2792
  ], P.prototype, "value");
2786
2793
  R([
2787
2794
  a({ attribute: "start-icon" })
@@ -2801,7 +2808,7 @@ R([
2801
2808
  R([
2802
2809
  a({ attribute: !1 })
2803
2810
  ], P.prototype, "groupMode");
2804
- function U5(l) {
2811
+ function s2(l) {
2805
2812
  return l.split(" ").map((e) => e.trim()).filter(Boolean);
2806
2813
  }
2807
2814
  customElements.get("anduin-toggle-group") || customElements.define("anduin-toggle-group", S);
@@ -2811,7 +2818,7 @@ var w3 = Object.defineProperty, f4 = (l, e, t, i) => {
2811
2818
  (n = l[r]) && (o = n(e, t, o) || o);
2812
2819
  return o && w3(e, t, o), o;
2813
2820
  };
2814
- const H4 = "anduin-tooltip:show", B2 = "anduin-tooltip:hide", V4 = "anduin-tooltip:trigger-mounted", L4 = "anduin-tooltip:content-popup-mounted", m4 = "anduin-tooltip:content-popup-unmounted", b4 = "anduin-tooltip:visibility-changed", R3 = [
2821
+ const H4 = "anduin-tooltip:show", S2 = "anduin-tooltip:hide", V4 = "anduin-tooltip:trigger-mounted", L4 = "anduin-tooltip:content-popup-mounted", m4 = "anduin-tooltip:content-popup-unmounted", b4 = "anduin-tooltip:visibility-changed", R3 = [
2815
2822
  "top-start",
2816
2823
  "top-center",
2817
2824
  "top-end",
@@ -2876,8 +2883,8 @@ function k3(l, e, t, i = 8) {
2876
2883
  top: Math.round(Math.min(Math.max(p.top, 0), r - d))
2877
2884
  };
2878
2885
  h.sort((f, Z) => {
2879
- const q = { left: f.off.left, top: f.off.top, right: f.off.left + s, bottom: f.off.top + d }, x = { left: Z.off.left, top: Z.off.top, right: Z.off.left + s, bottom: Z.off.top + d }, D = W5(q, n), o1 = W5(x, n);
2880
- if (o1 !== D) return o1 - D;
2886
+ const q = { left: f.off.left, top: f.off.top, right: f.off.left + s, bottom: f.off.top + d }, x = { left: Z.off.left, top: Z.off.top, right: Z.off.left + s, bottom: Z.off.top + d }, I = W5(q, n), o1 = W5(x, n);
2887
+ if (o1 !== I) return o1 - I;
2881
2888
  const j1 = Math.abs(f.off.left - p.left) + Math.abs(f.off.top - p.top), U1 = Math.abs(Z.off.left - p.left) + Math.abs(Z.off.top - p.top);
2882
2889
  return j1 - U1;
2883
2890
  });
@@ -2888,7 +2895,7 @@ function k3(l, e, t, i = 8) {
2888
2895
  top: Math.round(Math.min(Math.max(H.top, 0), r - d))
2889
2896
  };
2890
2897
  }
2891
- function f2(l) {
2898
+ function H2(l) {
2892
2899
  return l.split("-")[0] || "top";
2893
2900
  }
2894
2901
  function $3(l, e, t) {
@@ -2899,7 +2906,7 @@ function $3(l, e, t) {
2899
2906
  }
2900
2907
  return i;
2901
2908
  }
2902
- const d5 = class d5 extends u {
2909
+ const c5 = class c5 extends u {
2903
2910
  constructor() {
2904
2911
  super(...arguments), this.disabled = !1, this.placement = "top-center", this.triggerElement = null, this.contentPopupElement = null, this.containingBlockLeft = 0, this.containingBlockTop = 0, this.rafId = 0, this.prevTriggerTop = NaN, this.prevTriggerLeft = NaN, this.isVisible = !1;
2905
2912
  }
@@ -2912,7 +2919,7 @@ const d5 = class d5 extends u {
2912
2919
  e.stopPropagation(), this.stopPositionLoop(), this.contentPopupElement = null;
2913
2920
  }), this.addEventListener(H4, (e) => {
2914
2921
  e.stopPropagation(), !this.disabled && (this.isVisible = !0, this.broadcastVisibilityChanged(`show:${this.placement}`));
2915
- }), this.addEventListener(B2, (e) => {
2922
+ }), this.addEventListener(S2, (e) => {
2916
2923
  e.stopPropagation(), this.isVisible = !1, this.stopPositionLoop(), this.broadcastVisibilityChanged("hide");
2917
2924
  });
2918
2925
  }
@@ -2947,7 +2954,7 @@ const d5 = class d5 extends u {
2947
2954
  if (n) {
2948
2955
  const s = e;
2949
2956
  s.style.transform = `translate(${n.left - this.containingBlockLeft}px, ${n.top - this.containingBlockTop}px)`;
2950
- const d = f2(n.placement), p = f2(i);
2957
+ const d = H2(n.placement), p = H2(i);
2951
2958
  if (d !== p) {
2952
2959
  const h = e.querySelector(".tooltip-arrow");
2953
2960
  h && (h.classList.remove(`tooltip-arrow--${p}`), h.classList.add(`tooltip-arrow--${d}`));
@@ -2961,43 +2968,43 @@ const d5 = class d5 extends u {
2961
2968
  return C`<div class="tooltip-root" part="tooltip"><slot></slot></div>`;
2962
2969
  }
2963
2970
  };
2964
- d5.styles = g`
2971
+ c5.styles = g`
2965
2972
  :host { display: inline-block; position: relative; max-width: 100%; font-family: var(--font-sans); }
2966
2973
  .tooltip-root { display: inline-block; position: relative; max-width: 100%; }
2967
2974
  `;
2968
- let F1 = d5;
2975
+ let F1 = c5;
2969
2976
  f4([
2970
2977
  a({ type: Boolean })
2971
2978
  ], F1.prototype, "disabled");
2972
2979
  f4([
2973
2980
  a()
2974
2981
  ], F1.prototype, "placement");
2975
- const c5 = class c5 extends u {
2982
+ const p5 = class p5 extends u {
2976
2983
  firstUpdated() {
2977
2984
  requestAnimationFrame(() => {
2978
2985
  this.dispatchEvent(new CustomEvent(V4, { detail: this, bubbles: !0, composed: !0 }));
2979
2986
  }), this.addEventListener("pointerenter", () => {
2980
2987
  this.dispatchEvent(new CustomEvent(H4, { bubbles: !0, composed: !0 }));
2981
2988
  }), this.addEventListener("click", () => {
2982
- this.dispatchEvent(new CustomEvent(B2, { bubbles: !0, composed: !0 }));
2989
+ this.dispatchEvent(new CustomEvent(S2, { bubbles: !0, composed: !0 }));
2983
2990
  });
2984
2991
  }
2985
2992
  render() {
2986
2993
  return C`<span class="tooltip-trigger" part="tooltip-trigger"><slot></slot></span>`;
2987
2994
  }
2988
2995
  };
2989
- c5.styles = g`
2996
+ p5.styles = g`
2990
2997
  :host { display: inline-block; max-width: 100%; font-family: var(--font-sans); }
2991
2998
  .tooltip-trigger { display: flex; align-items: center; max-width: 100%; }
2992
2999
  `;
2993
- let H2 = c5;
2994
- const p5 = class p5 extends u {
3000
+ let V2 = p5;
3001
+ const u5 = class u5 extends u {
2995
3002
  constructor() {
2996
3003
  super(...arguments), this.graceArea = null, this.triggerEl = null, this.popupEl = null, this.handlePointerMove = (e) => {
2997
3004
  var r, n;
2998
3005
  if (!this.graceArea) return;
2999
3006
  const t = e.target, i = ((r = this.triggerEl) == null ? void 0 : r.contains(t)) ?? !1, o = ((n = this.popupEl) == null ? void 0 : n.contains(t)) ?? !1;
3000
- i || o ? this.graceArea = null : $3(e.clientX, e.clientY, this.graceArea) || (this.graceArea = null, this.dispatchEvent(new CustomEvent(B2, { bubbles: !0, composed: !0 })));
3007
+ i || o ? this.graceArea = null : $3(e.clientX, e.clientY, this.graceArea) || (this.graceArea = null, this.dispatchEvent(new CustomEvent(S2, { bubbles: !0, composed: !0 })));
3001
3008
  }, this.handleTriggerLeave = (e) => {
3002
3009
  this.triggerEl && this.popupEl && this.createGraceArea(this.triggerEl, this.popupEl, e);
3003
3010
  }, this.handleContentLeave = (e) => {
@@ -3033,7 +3040,7 @@ const p5 = class p5 extends u {
3033
3040
  }
3034
3041
  showPopup(e) {
3035
3042
  this.hidePopup();
3036
- const t = f2(e), i = document.createElement("div");
3043
+ const t = H2(e), i = document.createElement("div");
3037
3044
  i.className = "tooltip-popup", i.setAttribute("role", "tooltip");
3038
3045
  const o = document.createElement("div");
3039
3046
  o.className = `tooltip-arrow tooltip-arrow--${t}`;
@@ -3055,7 +3062,7 @@ const p5 = class p5 extends u {
3055
3062
  return C`<div class="tooltip-content-wrapper"></div>`;
3056
3063
  }
3057
3064
  };
3058
- p5.styles = g`
3065
+ u5.styles = g`
3059
3066
  :host {
3060
3067
  display: contents;
3061
3068
  --tooltip-bg: var(--anduin-tooltip-content-background, var(--color-gray-9));
@@ -3079,16 +3086,16 @@ p5.styles = g`
3079
3086
  .tooltip-arrow--left { right: -4px; top: 50%; transform: translateY(-50%); border-left-color: var(--tooltip-bg); border-right: none; }
3080
3087
  .tooltip-arrow--right { left: -4px; top: 50%; transform: translateY(-50%); border-right-color: var(--tooltip-bg); border-left: none; }
3081
3088
  `;
3082
- let V2 = p5;
3089
+ let L2 = u5;
3083
3090
  customElements.get("anduin-tooltip") || customElements.define("anduin-tooltip", F1);
3084
- customElements.get("anduin-tooltip-trigger") || customElements.define("anduin-tooltip-trigger", H2);
3085
- customElements.get("anduin-tooltip-content") || customElements.define("anduin-tooltip-content", V2);
3091
+ customElements.get("anduin-tooltip-trigger") || customElements.define("anduin-tooltip-trigger", V2);
3092
+ customElements.get("anduin-tooltip-content") || customElements.define("anduin-tooltip-content", L2);
3086
3093
  var E3 = Object.defineProperty, A3 = (l, e, t, i) => {
3087
3094
  for (var o = void 0, r = l.length - 1, n; r >= 0; r--)
3088
3095
  (n = l[r]) && (o = n(e, t, o) || o);
3089
3096
  return o && E3(e, t, o), o;
3090
3097
  };
3091
- const z3 = "anduin-well-close:click", u5 = class u5 extends u {
3098
+ const z3 = "anduin-well-close:click", h5 = class h5 extends u {
3092
3099
  constructor() {
3093
3100
  super(...arguments), this.variant = "gray";
3094
3101
  }
@@ -3107,7 +3114,7 @@ const z3 = "anduin-well-close:click", u5 = class u5 extends u {
3107
3114
  `;
3108
3115
  }
3109
3116
  };
3110
- u5.styles = g`
3117
+ h5.styles = g`
3111
3118
  :host {
3112
3119
  display: block;
3113
3120
  font-family: var(--font-sans);
@@ -3172,11 +3179,11 @@ u5.styles = g`
3172
3179
  color: var(--color-warning-4);
3173
3180
  }
3174
3181
  `;
3175
- let t2 = u5;
3182
+ let t2 = h5;
3176
3183
  A3([
3177
3184
  a()
3178
3185
  ], t2.prototype, "variant");
3179
- const h5 = class h5 extends u {
3186
+ const g5 = class g5 extends u {
3180
3187
  onClick() {
3181
3188
  this.dispatchEvent(
3182
3189
  new CustomEvent(z3, { bubbles: !0, composed: !0 })
@@ -3194,7 +3201,7 @@ const h5 = class h5 extends u {
3194
3201
  `;
3195
3202
  }
3196
3203
  };
3197
- h5.styles = g`
3204
+ g5.styles = g`
3198
3205
  :host {
3199
3206
  display: inline-block;
3200
3207
  font-family: var(--font-sans);
@@ -3219,15 +3226,15 @@ h5.styles = g`
3219
3226
  background-color: var(--color-gray-3);
3220
3227
  }
3221
3228
  `;
3222
- let L2 = h5;
3229
+ let m2 = g5;
3223
3230
  customElements.get("anduin-well") || customElements.define("anduin-well", t2);
3224
- customElements.get("anduin-well-close") || customElements.define("anduin-well-close", L2);
3231
+ customElements.get("anduin-well-close") || customElements.define("anduin-well-close", m2);
3225
3232
  var B3 = Object.defineProperty, C1 = (l, e, t, i) => {
3226
3233
  for (var o = void 0, r = l.length - 1, n; r >= 0; r--)
3227
3234
  (n = l[r]) && (o = n(e, t, o) || o);
3228
3235
  return o && B3(e, t, o), o;
3229
3236
  };
3230
- const m2 = "anduin-popover:close", g5 = class g5 extends u {
3237
+ const b2 = "anduin-popover:close", v5 = class v5 extends u {
3231
3238
  constructor() {
3232
3239
  super(...arguments), this.open = !1, this.placement = "bottom-start", this.fullWidth = !1, this._visible = !1, this._closing = !1, this._closeTransitionEndHandler = null, this._onOutsideClick = (e) => {
3233
3240
  var t;
@@ -3242,10 +3249,10 @@ const m2 = "anduin-popover:close", g5 = class g5 extends u {
3242
3249
  this.open = !this.open;
3243
3250
  }
3244
3251
  connectedCallback() {
3245
- super.connectedCallback(), document.addEventListener("click", this._onOutsideClick), window.addEventListener("scroll", this._onScrollOrResize, { passive: !0, capture: !0 }), window.addEventListener("resize", this._onScrollOrResize), this.addEventListener(m2, this._onPopoverClose);
3252
+ super.connectedCallback(), document.addEventListener("click", this._onOutsideClick), window.addEventListener("scroll", this._onScrollOrResize, { passive: !0, capture: !0 }), window.addEventListener("resize", this._onScrollOrResize), this.addEventListener(b2, this._onPopoverClose);
3246
3253
  }
3247
3254
  disconnectedCallback() {
3248
- super.disconnectedCallback(), document.removeEventListener("click", this._onOutsideClick), window.removeEventListener("scroll", this._onScrollOrResize, { capture: !0 }), window.removeEventListener("resize", this._onScrollOrResize), this.removeEventListener(m2, this._onPopoverClose);
3255
+ super.disconnectedCallback(), document.removeEventListener("click", this._onOutsideClick), window.removeEventListener("scroll", this._onScrollOrResize, { capture: !0 }), window.removeEventListener("resize", this._onScrollOrResize), this.removeEventListener(b2, this._onPopoverClose);
3249
3256
  }
3250
3257
  updated(e) {
3251
3258
  e.has("open") && (this.open ? (this._cancelCloseAnimation(), this._closing = !1, this._visible = !0, requestAnimationFrame(() => this._updatePosition())) : this._startCloseAnimation());
@@ -3274,7 +3281,7 @@ const m2 = "anduin-popover:close", g5 = class g5 extends u {
3274
3281
  t.style.transform = o;
3275
3282
  const n = t.getBoundingClientRect(), s = 4, d = window.innerWidth, p = window.innerHeight, h = 8;
3276
3283
  let v = 0, H = 0, f = "bottom";
3277
- const Z = !this.placement.startsWith("top"), q = p - i.bottom - s, x = i.top - s, D = q >= n.height, o1 = x >= n.height, j1 = Z ? D || q >= x : !o1 && D;
3284
+ const Z = !this.placement.startsWith("top"), q = p - i.bottom - s, x = i.top - s, I = q >= n.height, o1 = x >= n.height, j1 = Z ? I || q >= x : !o1 && I;
3278
3285
  f = j1 ? "bottom" : "top", H = j1 ? i.bottom + s : i.top - n.height - s;
3279
3286
  const U1 = this.placement.endsWith("end") ? "end" : this.placement.endsWith("start") ? "start" : "center";
3280
3287
  U1 === "start" ? v = i.left : U1 === "end" ? v = i.right - n.width : v = i.left + i.width / 2 - n.width / 2, v = Math.max(h, Math.min(v, d - n.width - h)), H = Math.max(h, Math.min(H, p - n.height - h)), t.style.transform = `translate(${Math.round(v - r.left)}px, ${Math.round(H - r.top)}px)`, t.dataset.side = f;
@@ -3292,7 +3299,7 @@ const m2 = "anduin-popover:close", g5 = class g5 extends u {
3292
3299
  `;
3293
3300
  }
3294
3301
  };
3295
- g5.styles = g`
3302
+ v5.styles = g`
3296
3303
  :host { display: inline-block; font-family: var(--font-sans); }
3297
3304
  :host([full-width]) { display: block; width: 100%; }
3298
3305
 
@@ -3345,7 +3352,7 @@ g5.styles = g`
3345
3352
  transform: none;
3346
3353
  }
3347
3354
  `;
3348
- let F = g5;
3355
+ let F = v5;
3349
3356
  C1([
3350
3357
  a({ type: Boolean, reflect: !0 })
3351
3358
  ], F.prototype, "open");
@@ -3368,23 +3375,23 @@ C1([
3368
3375
  k(".popover__panel")
3369
3376
  ], F.prototype, "_panelEl");
3370
3377
  customElements.get("anduin-popover") || customElements.define("anduin-popover", F);
3371
- const v5 = class v5 extends u {
3378
+ const f5 = class f5 extends u {
3372
3379
  _onClick() {
3373
- this.dispatchEvent(new CustomEvent(m2, { bubbles: !0, composed: !0 }));
3380
+ this.dispatchEvent(new CustomEvent(b2, { bubbles: !0, composed: !0 }));
3374
3381
  }
3375
3382
  render() {
3376
3383
  return C`<span @click=${this._onClick}><slot></slot></span>`;
3377
3384
  }
3378
3385
  };
3379
- v5.styles = g`:host { display: contents; }`;
3380
- let b2 = v5;
3381
- customElements.get("anduin-popover-close") || customElements.define("anduin-popover-close", b2);
3386
+ f5.styles = g`:host { display: contents; }`;
3387
+ let y2 = f5;
3388
+ customElements.get("anduin-popover-close") || customElements.define("anduin-popover-close", y2);
3382
3389
  var S3 = Object.defineProperty, d1 = (l, e, t, i) => {
3383
3390
  for (var o = void 0, r = l.length - 1, n; r >= 0; r--)
3384
3391
  (n = l[r]) && (o = n(e, t, o) || o);
3385
3392
  return o && S3(e, t, o), o;
3386
3393
  };
3387
- const y2 = "anduin-menu-item:click", f5 = class f5 extends u {
3394
+ const M2 = "anduin-menu-item:click", H5 = class H5 extends u {
3388
3395
  constructor() {
3389
3396
  super(...arguments), this.open = !1, this.placement = "bottom-start", this._onOutsideClick = (e) => {
3390
3397
  var t;
@@ -3399,10 +3406,10 @@ const y2 = "anduin-menu-item:click", f5 = class f5 extends u {
3399
3406
  this.open = !this.open;
3400
3407
  }
3401
3408
  connectedCallback() {
3402
- super.connectedCallback(), document.addEventListener("click", this._onOutsideClick), this.addEventListener(y2, this._onItemClick), window.addEventListener("scroll", this._onScrollOrResize, { passive: !0, capture: !0 }), window.addEventListener("resize", this._onScrollOrResize);
3409
+ super.connectedCallback(), document.addEventListener("click", this._onOutsideClick), this.addEventListener(M2, this._onItemClick), window.addEventListener("scroll", this._onScrollOrResize, { passive: !0, capture: !0 }), window.addEventListener("resize", this._onScrollOrResize);
3403
3410
  }
3404
3411
  disconnectedCallback() {
3405
- super.disconnectedCallback(), document.removeEventListener("click", this._onOutsideClick), this.removeEventListener(y2, this._onItemClick), window.removeEventListener("scroll", this._onScrollOrResize, { capture: !0 }), window.removeEventListener("resize", this._onScrollOrResize);
3412
+ super.disconnectedCallback(), document.removeEventListener("click", this._onOutsideClick), this.removeEventListener(M2, this._onItemClick), window.removeEventListener("scroll", this._onScrollOrResize, { capture: !0 }), window.removeEventListener("resize", this._onScrollOrResize);
3406
3413
  }
3407
3414
  updated(e) {
3408
3415
  e.has("open") && this.open && requestAnimationFrame(() => this._updatePosition());
@@ -3451,7 +3458,7 @@ const y2 = "anduin-menu-item:click", f5 = class f5 extends u {
3451
3458
  `;
3452
3459
  }
3453
3460
  };
3454
- f5.styles = g`
3461
+ H5.styles = g`
3455
3462
  :host { display: inline-block; font-family: var(--font-sans); }
3456
3463
 
3457
3464
  .menu__trigger { display: inline-block; }
@@ -3494,7 +3501,7 @@ f5.styles = g`
3494
3501
  transform: scale(1) translateY(0);
3495
3502
  }
3496
3503
  `;
3497
- let s1 = f5;
3504
+ let s1 = H5;
3498
3505
  d1([
3499
3506
  a({ type: Boolean, reflect: !0 })
3500
3507
  ], s1.prototype, "open");
@@ -3507,12 +3514,12 @@ d1([
3507
3514
  d1([
3508
3515
  k(".menu__panel")
3509
3516
  ], s1.prototype, "_panelEl");
3510
- const H5 = class H5 extends u {
3517
+ const V5 = class V5 extends u {
3511
3518
  constructor() {
3512
3519
  super(...arguments), this.icon = "", this.variant = "default", this.disabled = !1;
3513
3520
  }
3514
3521
  _onClick() {
3515
- this.dispatchEvent(new CustomEvent(y2, { bubbles: !0, composed: !0 }));
3522
+ this.dispatchEvent(new CustomEvent(M2, { bubbles: !0, composed: !0 }));
3516
3523
  }
3517
3524
  render() {
3518
3525
  return C`
@@ -3529,7 +3536,7 @@ const H5 = class H5 extends u {
3529
3536
  `;
3530
3537
  }
3531
3538
  };
3532
- H5.styles = g`
3539
+ V5.styles = g`
3533
3540
  :host { display: block; width: 100%; font-family: var(--font-sans); }
3534
3541
  .menu-item {
3535
3542
  display: flex;
@@ -3559,7 +3566,7 @@ H5.styles = g`
3559
3566
  anduin-icon { color: var(--color-gray-7); }
3560
3567
  .menu-item--danger anduin-icon { color: var(--color-danger-4); }
3561
3568
  `;
3562
- let H1 = H5;
3569
+ let H1 = V5;
3563
3570
  d1([
3564
3571
  a()
3565
3572
  ], H1.prototype, "icon");
@@ -3576,7 +3583,7 @@ var P3 = Object.defineProperty, c1 = (l, e, t, i) => {
3576
3583
  (n = l[r]) && (o = n(e, t, o) || o);
3577
3584
  return o && P3(e, t, o), o;
3578
3585
  };
3579
- const y1 = "anduin-close", F3 = "anduin-after-close", s2 = 300, C2 = 200, Y5 = 250;
3586
+ const y1 = "anduin-close", F3 = "anduin-after-close", C2 = 300, d2 = 200, Y5 = 250;
3580
3587
  var Y;
3581
3588
  const e1 = (Y = class extends u {
3582
3589
  constructor() {
@@ -3598,7 +3605,7 @@ const e1 = (Y = class extends u {
3598
3605
  })
3599
3606
  );
3600
3607
  },
3601
- Math.max(C2, Y5)
3608
+ Math.max(d2, Y5)
3602
3609
  )));
3603
3610
  }
3604
3611
  dispatch(e) {
@@ -3730,7 +3737,7 @@ const e1 = (Y = class extends u {
3730
3737
  inset: 0;
3731
3738
  background: rgba(50, 60, 77, 0.6);
3732
3739
  cursor: default;
3733
- animation: overlayIn ${s2}ms cubic-bezier(0.2, 0, 0, 1)
3740
+ animation: overlayIn ${C2}ms cubic-bezier(0.2, 0, 0, 1)
3734
3741
  forwards;
3735
3742
  }
3736
3743
  .overlay.is-leaving {
@@ -3760,11 +3767,11 @@ const e1 = (Y = class extends u {
3760
3767
  0 8px 24px 0 rgba(29, 41, 57, 0.12),
3761
3768
  0 2px 8px 0 rgba(29, 41, 57, 0.08);
3762
3769
  flex-shrink: 0;
3763
- animation: modalIn ${s2}ms cubic-bezier(0.05, 0.7, 0.1, 1)
3770
+ animation: modalIn ${C2}ms cubic-bezier(0.05, 0.7, 0.1, 1)
3764
3771
  forwards;
3765
3772
  }
3766
3773
  .modal.is-leaving {
3767
- animation: modalOut ${C2}ms
3774
+ animation: modalOut ${d2}ms
3768
3775
  cubic-bezier(0.3, 0, 0.8, 0.15) forwards;
3769
3776
  }
3770
3777
  .modal-wrapper--fullscreen {
@@ -3794,11 +3801,11 @@ const e1 = (Y = class extends u {
3794
3801
  max-height: 100%;
3795
3802
  height: 100%;
3796
3803
  box-shadow: none;
3797
- animation: modalFullscreenIn ${s2}ms
3804
+ animation: modalFullscreenIn ${C2}ms
3798
3805
  cubic-bezier(0.05, 0.7, 0.1, 1) forwards;
3799
3806
  }
3800
3807
  .modal--fullscreen.is-leaving {
3801
- animation: modalFullscreenOut ${C2}ms
3808
+ animation: modalFullscreenOut ${d2}ms
3802
3809
  cubic-bezier(0.3, 0, 0.8, 0.15) forwards;
3803
3810
  }
3804
3811
  .header {
@@ -3874,7 +3881,7 @@ c1([
3874
3881
  ], e1.prototype, "_leaving");
3875
3882
  let O3 = e1;
3876
3883
  customElements.get("anduin-modal") || customElements.define("anduin-modal", O3);
3877
- class D3 extends HTMLElement {
3884
+ class I3 extends HTMLElement {
3878
3885
  constructor() {
3879
3886
  super(...arguments), this._onClick = () => {
3880
3887
  this.dispatchEvent(
@@ -3889,13 +3896,13 @@ class D3 extends HTMLElement {
3889
3896
  this.removeEventListener("click", this._onClick);
3890
3897
  }
3891
3898
  }
3892
- customElements.get("anduin-modal-close") || customElements.define("anduin-modal-close", D3);
3893
- var I3 = Object.defineProperty, U = (l, e, t, i) => {
3899
+ customElements.get("anduin-modal-close") || customElements.define("anduin-modal-close", I3);
3900
+ var D3 = Object.defineProperty, U = (l, e, t, i) => {
3894
3901
  for (var o = void 0, r = l.length - 1, n; r >= 0; r--)
3895
3902
  (n = l[r]) && (o = n(e, t, o) || o);
3896
- return o && I3(e, t, o), o;
3903
+ return o && D3(e, t, o), o;
3897
3904
  };
3898
- const M2 = "anduin-radio:change", T3 = "anduin-radio-group:change", V5 = class V5 extends u {
3905
+ const Z2 = "anduin-radio:change", T3 = "anduin-radio-group:change", L5 = class L5 extends u {
3899
3906
  constructor() {
3900
3907
  super(...arguments), this.checked = !1, this.disabled = !1, this.readonly = !1, this.value = "", this.name = "", this.inputid = "";
3901
3908
  }
@@ -3908,7 +3915,7 @@ const M2 = "anduin-radio:change", T3 = "anduin-radio-group:change", V5 = class V
3908
3915
  });
3909
3916
  }
3910
3917
  _select() {
3911
- this.checked || (this.checked = !0, this.dispatchEvent(new CustomEvent(M2, {
3918
+ this.checked || (this.checked = !0, this.dispatchEvent(new CustomEvent(Z2, {
3912
3919
  detail: this.value,
3913
3920
  bubbles: !0,
3914
3921
  composed: !0
@@ -3949,7 +3956,7 @@ const M2 = "anduin-radio:change", T3 = "anduin-radio-group:change", V5 = class V
3949
3956
  `;
3950
3957
  }
3951
3958
  };
3952
- V5.styles = g`
3959
+ L5.styles = g`
3953
3960
  :host { display: inline-flex; font-family: var(--font-sans); }
3954
3961
 
3955
3962
  label {
@@ -4020,7 +4027,7 @@ V5.styles = g`
4020
4027
  transform: scale(1);
4021
4028
  }
4022
4029
  `;
4023
- let N = V5;
4030
+ let N = L5;
4024
4031
  U([
4025
4032
  a({ type: Boolean })
4026
4033
  ], N.prototype, "checked");
@@ -4040,7 +4047,7 @@ U([
4040
4047
  a()
4041
4048
  ], N.prototype, "inputid");
4042
4049
  customElements.get("anduin-radio") || customElements.define("anduin-radio", N);
4043
- const L5 = class L5 extends u {
4050
+ const m5 = class m5 extends u {
4044
4051
  constructor() {
4045
4052
  super(...arguments), this.value = "", this.name = "", this.orientation = "vertical", this._onRadioChange = (e) => {
4046
4053
  const i = e.detail;
@@ -4055,10 +4062,10 @@ const L5 = class L5 extends u {
4055
4062
  };
4056
4063
  }
4057
4064
  connectedCallback() {
4058
- super.connectedCallback(), this.addEventListener(M2, this._onRadioChange);
4065
+ super.connectedCallback(), this.addEventListener(Z2, this._onRadioChange);
4059
4066
  }
4060
4067
  disconnectedCallback() {
4061
- super.disconnectedCallback(), this.removeEventListener(M2, this._onRadioChange);
4068
+ super.disconnectedCallback(), this.removeEventListener(Z2, this._onRadioChange);
4062
4069
  }
4063
4070
  render() {
4064
4071
  return C`
@@ -4068,7 +4075,7 @@ const L5 = class L5 extends u {
4068
4075
  `;
4069
4076
  }
4070
4077
  };
4071
- L5.styles = g`
4078
+ m5.styles = g`
4072
4079
  :host { display: block; font-family: var(--font-sans); }
4073
4080
 
4074
4081
  .group {
@@ -4078,7 +4085,7 @@ L5.styles = g`
4078
4085
  .group--vertical { flex-direction: column; }
4079
4086
  .group--horizontal { flex-direction: row; flex-wrap: wrap; align-items: center; }
4080
4087
  `;
4081
- let V1 = L5;
4088
+ let V1 = m5;
4082
4089
  U([
4083
4090
  a()
4084
4091
  ], V1.prototype, "value");
@@ -4114,7 +4121,7 @@ function U3(l) {
4114
4121
  const e = l.trim().split(/\s+/);
4115
4122
  return e.length === 1 ? ((t = e[0][0]) == null ? void 0 : t.toUpperCase()) ?? "" : ((e[0][0] ?? "") + (e[e.length - 1][0] ?? "")).toUpperCase();
4116
4123
  }
4117
- const m5 = class m5 extends u {
4124
+ const b5 = class b5 extends u {
4118
4125
  constructor() {
4119
4126
  super(...arguments), this.src = "", this.name = "", this.alt = "", this.icon = "", this.size = 32, this.shape = "circle", this._imgError = !1;
4120
4127
  }
@@ -4143,7 +4150,7 @@ const m5 = class m5 extends u {
4143
4150
  `;
4144
4151
  }
4145
4152
  };
4146
- m5.styles = g`
4153
+ b5.styles = g`
4147
4154
  :host { display: inline-flex; }
4148
4155
 
4149
4156
  .avatar {
@@ -4172,12 +4179,12 @@ m5.styles = g`
4172
4179
  display: block;
4173
4180
  }
4174
4181
  `;
4175
- let O = m5;
4182
+ let O = b5;
4176
4183
  p1([
4177
4184
  a()
4178
4185
  ], O.prototype, "src");
4179
4186
  p1([
4180
- a()
4187
+ a({ reflect: !0 })
4181
4188
  ], O.prototype, "name");
4182
4189
  p1([
4183
4190
  a()
@@ -4222,7 +4229,7 @@ class W3 {
4222
4229
  * Copyright 2017 Google LLC
4223
4230
  * SPDX-License-Identifier: BSD-3-Clause
4224
4231
  */
4225
- class Z2 extends W3 {
4232
+ class _2 extends W3 {
4226
4233
  constructor(e) {
4227
4234
  if (super(e), this.it = c, e.type !== q3.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
4228
4235
  }
@@ -4236,16 +4243,16 @@ class Z2 extends W3 {
4236
4243
  return t.raw = t, this._t = { _$litType$: this.constructor.resultType, strings: t, values: [] };
4237
4244
  }
4238
4245
  }
4239
- Z2.directiveName = "unsafeHTML", Z2.resultType = 1;
4246
+ _2.directiveName = "unsafeHTML", _2.resultType = 1;
4240
4247
  /**
4241
4248
  * @license
4242
4249
  * Copyright 2017 Google LLC
4243
4250
  * SPDX-License-Identifier: BSD-3-Clause
4244
4251
  */
4245
- class _2 extends Z2 {
4252
+ class x2 extends _2 {
4246
4253
  }
4247
- _2.directiveName = "unsafeSVG", _2.resultType = 2;
4248
- const Y3 = G3(_2), X3 = {
4254
+ x2.directiveName = "unsafeSVG", x2.resultType = 2;
4255
+ const Y3 = G3(x2), X3 = {
4249
4256
  archive: {
4250
4257
  16: { viewBox: "0 0 16 16", paths: `<path d="M2 1.5C2 0.671573 2.67157 0 3.5 0H9.17157C9.70201 0 10.2107 0.210714 10.5858 0.585786L13.4142 3.41421C13.7893 3.78929 14 4.29799 14 4.82843V14.5C14 15.3284 13.3284 16 12.5 16H3.5C2.67157 16 2 15.3284 2 14.5V1.5Z" fill="white"/>
4251
4258
  <path fill-rule="evenodd" clip-rule="evenodd" d="M13 5.5C13 5.22386 12.7761 5 12.5 5H9.5C9.22386 5 9 4.77614 9 4.5V1.5C9 1.22386 8.77614 1 8.5 1H6H3.5C3.22386 1 3 1.22386 3 1.5V14.5C3 14.7761 3.22386 15 3.5 15H12.5C12.7761 15 13 14.7761 13 14.5V8V5.5ZM14 8V14.5C14 15.3284 13.3284 16 12.5 16H3.5C2.67157 16 2 15.3284 2 14.5V1.5C2 0.671573 2.67157 0 3.5 0H6H9.17157C9.70201 0 10.2107 0.210714 10.5858 0.585786L13.4142 3.41421C13.7893 3.78929 14 4.29799 14 4.82843V8Z" fill="#CCD2DB"/>
@@ -4503,7 +4510,7 @@ var Q3 = Object.defineProperty, y4 = (l, e, t, i) => {
4503
4510
  (n = l[r]) && (o = n(e, t, o) || o);
4504
4511
  return o && Q3(e, t, o), o;
4505
4512
  };
4506
- const b5 = class b5 extends u {
4513
+ const y5 = class y5 extends u {
4507
4514
  constructor() {
4508
4515
  super(...arguments), this.type = "pdf", this.size = 32;
4509
4516
  }
@@ -4524,11 +4531,11 @@ const b5 = class b5 extends u {
4524
4531
  ` : c;
4525
4532
  }
4526
4533
  };
4527
- b5.styles = g`
4534
+ y5.styles = g`
4528
4535
  :host { display: inline-flex; align-items: center; justify-content: center; }
4529
4536
  svg { display: block; }
4530
4537
  `;
4531
- let O1 = b5;
4538
+ let O1 = y5;
4532
4539
  y4([
4533
4540
  a()
4534
4541
  ], O1.prototype, "type");
@@ -4547,7 +4554,7 @@ const K5 = {
4547
4554
  success: "checkCircle",
4548
4555
  warning: "warning",
4549
4556
  danger: "error"
4550
- }, t7 = "anduin-toast:dismiss", y5 = class y5 extends u {
4557
+ }, t7 = "anduin-toast:dismiss", M5 = class M5 extends u {
4551
4558
  constructor() {
4552
4559
  super(...arguments), this.variant = "gray", this.heading = "", this.description = "", this._dismissing = !1;
4553
4560
  }
@@ -4593,7 +4600,7 @@ const K5 = {
4593
4600
  `;
4594
4601
  }
4595
4602
  };
4596
- y5.styles = g`
4603
+ M5.styles = g`
4597
4604
  :host {
4598
4605
  display: block;
4599
4606
  font-family: var(--font-sans);
@@ -4721,7 +4728,7 @@ y5.styles = g`
4721
4728
  background: var(--color-gray-3, #d0d5dd);
4722
4729
  }
4723
4730
  `;
4724
- let K = y5;
4731
+ let K = M5;
4725
4732
  u1([
4726
4733
  a()
4727
4734
  ], K.prototype, "variant");
@@ -4738,7 +4745,7 @@ u1([
4738
4745
  k(".toast")
4739
4746
  ], K.prototype, "_toastEl");
4740
4747
  customElements.get("anduin-toast") || customElements.define("anduin-toast", K);
4741
- const M5 = class M5 extends u {
4748
+ const Z5 = class Z5 extends u {
4742
4749
  constructor() {
4743
4750
  super(...arguments), this.position = "bottom-left", this._toasts = [], this._nextId = 0;
4744
4751
  }
@@ -4782,7 +4789,7 @@ const M5 = class M5 extends u {
4782
4789
  `;
4783
4790
  }
4784
4791
  };
4785
- M5.styles = g`
4792
+ Z5.styles = g`
4786
4793
  :host {
4787
4794
  display: contents;
4788
4795
  pointer-events: none;
@@ -4829,14 +4836,14 @@ M5.styles = g`
4829
4836
  align-items: flex-end;
4830
4837
  }
4831
4838
  `;
4832
- let D1 = M5;
4839
+ let I1 = Z5;
4833
4840
  u1([
4834
4841
  a()
4835
- ], D1.prototype, "position");
4842
+ ], I1.prototype, "position");
4836
4843
  u1([
4837
4844
  b()
4838
- ], D1.prototype, "_toasts");
4839
- customElements.get("anduin-toaster") || customElements.define("anduin-toaster", D1);
4845
+ ], I1.prototype, "_toasts");
4846
+ customElements.get("anduin-toaster") || customElements.define("anduin-toaster", I1);
4840
4847
  const V7 = {
4841
4848
  show(l) {
4842
4849
  return o7(l.position).show(l);
@@ -4856,18 +4863,18 @@ const V7 = {
4856
4863
  gray(l, e, t) {
4857
4864
  return this.show({ ...t, variant: "gray", heading: l, description: e });
4858
4865
  }
4859
- }, d2 = /* @__PURE__ */ new Map();
4866
+ }, c2 = /* @__PURE__ */ new Map();
4860
4867
  function o7(l = "bottom-left") {
4861
- if (d2.has(l)) return d2.get(l);
4868
+ if (c2.has(l)) return c2.get(l);
4862
4869
  const e = document.createElement("anduin-toaster");
4863
- return e.position = l, document.body.appendChild(e), d2.set(l, e), e;
4870
+ return e.position = l, document.body.appendChild(e), c2.set(l, e), e;
4864
4871
  }
4865
4872
  var i7 = Object.defineProperty, M4 = (l, e, t, i) => {
4866
4873
  for (var o = void 0, r = l.length - 1, n; r >= 0; r--)
4867
4874
  (n = l[r]) && (o = n(e, t, o) || o);
4868
4875
  return o && i7(e, t, o), o;
4869
4876
  };
4870
- const l7 = "anduin-switcher:change", Z5 = class Z5 extends u {
4877
+ const l7 = "anduin-switcher:change", _5 = class _5 extends u {
4871
4878
  constructor() {
4872
4879
  super(...arguments), this.checked = !1, this.disabled = !1;
4873
4880
  }
@@ -4896,7 +4903,7 @@ const l7 = "anduin-switcher:change", Z5 = class Z5 extends u {
4896
4903
  `;
4897
4904
  }
4898
4905
  };
4899
- Z5.styles = g`
4906
+ _5.styles = g`
4900
4907
  :host { display: inline-flex; font-family: var(--font-sans); }
4901
4908
 
4902
4909
  label {
@@ -4960,20 +4967,20 @@ Z5.styles = g`
4960
4967
  line-height: 20px;
4961
4968
  }
4962
4969
  `;
4963
- let I1 = Z5;
4970
+ let D1 = _5;
4964
4971
  M4([
4965
4972
  a({ type: Boolean })
4966
- ], I1.prototype, "checked");
4973
+ ], D1.prototype, "checked");
4967
4974
  M4([
4968
4975
  a({ type: Boolean })
4969
- ], I1.prototype, "disabled");
4970
- customElements.get("anduin-switcher") || customElements.define("anduin-switcher", I1);
4976
+ ], D1.prototype, "disabled");
4977
+ customElements.get("anduin-switcher") || customElements.define("anduin-switcher", D1);
4971
4978
  var r7 = Object.defineProperty, M = (l, e, t, i) => {
4972
4979
  for (var o = void 0, r = l.length - 1, n; r >= 0; r--)
4973
4980
  (n = l[r]) && (o = n(e, t, o) || o);
4974
4981
  return o && r7(e, t, o), o;
4975
4982
  };
4976
- const J5 = "anduin-dropdown:change", _5 = class _5 extends u {
4983
+ const J5 = "anduin-dropdown:change", x5 = class x5 extends u {
4977
4984
  constructor() {
4978
4985
  super(...arguments), this.value = "", this.placeholder = "Select...", this.options = [], this.icon = "", this.searchable = !0, this.disabled = !1, this.placement = "bottom-start", this.appearance = "filled", this.variant = "gray0", this.size = "default", this.fullWidth = !1, this._open = !1, this._query = "", this._onOutsideClick = (e) => {
4979
4986
  var t;
@@ -5030,8 +5037,8 @@ const J5 = "anduin-dropdown:change", _5 = class _5 extends u {
5030
5037
  const s = t.getBoundingClientRect(), d = 4, p = window.innerWidth, h = window.innerHeight, v = 8, H = h - i.bottom - d, f = i.top - d, q = s.height <= H || H >= f ? i.bottom + d : i.top - s.height - d;
5031
5038
  let x = i.left;
5032
5039
  this.placement === "bottom-end" ? x = i.right - s.width : this.placement === "bottom" && (x = i.left + i.width / 2 - s.width / 2), x = Math.max(v, Math.min(x, p - s.width - v));
5033
- const D = Math.max(v, Math.min(q, h - s.height - v));
5034
- t.style.transform = `translate(${Math.round(x - r.left)}px, ${Math.round(D - r.top)}px)`;
5040
+ const I = Math.max(v, Math.min(q, h - s.height - v));
5041
+ t.style.transform = `translate(${Math.round(x - r.left)}px, ${Math.round(I - r.top)}px)`;
5035
5042
  }
5036
5043
  get _filteredOptions() {
5037
5044
  if (!this._query) return this.options;
@@ -5098,7 +5105,7 @@ const J5 = "anduin-dropdown:change", _5 = class _5 extends u {
5098
5105
  `;
5099
5106
  }
5100
5107
  };
5101
- _5.styles = g`
5108
+ x5.styles = g`
5102
5109
  :host { display: inline-block; font-family: var(--font-sans); }
5103
5110
  :host([full-width]) { display: block; width: 100%; }
5104
5111
  :host([full-width]) .trigger { width: 100%; }
@@ -5278,7 +5285,7 @@ _5.styles = g`
5278
5285
  text-align: center;
5279
5286
  }
5280
5287
  `;
5281
- let L = _5;
5288
+ let L = x5;
5282
5289
  M([
5283
5290
  a()
5284
5291
  ], L.prototype, "value");
@@ -5333,12 +5340,12 @@ var n7 = Object.defineProperty, t1 = (l, e, t, i) => {
5333
5340
  (n = l[r]) && (o = n(e, t, o) || o);
5334
5341
  return o && n7(e, t, o), o;
5335
5342
  };
5336
- const x2 = "anduin-close", a7 = "anduin-after-close", s7 = 300, Q5 = 250, C7 = /* @__PURE__ */ new Map([
5343
+ const w2 = "anduin-close", a7 = "anduin-after-close", s7 = 300, Q5 = 250, C7 = /* @__PURE__ */ new Map([
5337
5344
  ["320", 320],
5338
5345
  ["360", 360],
5339
5346
  ["400", 400],
5340
5347
  ["640", 640]
5341
- ]), x5 = class x5 extends u {
5348
+ ]), w5 = class w5 extends u {
5342
5349
  constructor() {
5343
5350
  super(...arguments), this.open = !1, this.heading = "", this.hideHeader = !1, this.hideFooter = !1, this.defaultWidth = "320", this.allowInteractOutside = !1, this._leaving = !1, this._width = 320, this._resizing = !1, this._startX = 0, this._startWidth = 0, this._onResizeStart = (e) => {
5344
5351
  this._resizing = !0, this._startX = e.clientX, this._startWidth = this._width, e.currentTarget.setPointerCapture(e.pointerId), e.preventDefault();
@@ -5375,10 +5382,10 @@ const x2 = "anduin-close", a7 = "anduin-after-close", s7 = 300, Q5 = 250, C7 = /
5375
5382
  );
5376
5383
  }
5377
5384
  _onClose() {
5378
- this._dispatch(x2);
5385
+ this._dispatch(w2);
5379
5386
  }
5380
5387
  _onBackdropClick() {
5381
- this._dispatch(x2);
5388
+ this._dispatch(w2);
5382
5389
  }
5383
5390
  render() {
5384
5391
  const e = this._leaving;
@@ -5421,7 +5428,7 @@ const x2 = "anduin-close", a7 = "anduin-after-close", s7 = 300, Q5 = 250, C7 = /
5421
5428
  `;
5422
5429
  }
5423
5430
  };
5424
- x5.styles = g`
5431
+ w5.styles = g`
5425
5432
  :host {
5426
5433
  display: none;
5427
5434
  font-family: var(--font-sans);
@@ -5539,7 +5546,7 @@ x5.styles = g`
5539
5546
  border-top: 1px solid var(--color-gray-3, #e4e7ec);
5540
5547
  }
5541
5548
  `;
5542
- let A = x5;
5549
+ let A = w5;
5543
5550
  t1([
5544
5551
  a({ type: Boolean, reflect: !0 })
5545
5552
  ], A.prototype, "open");
@@ -5569,7 +5576,7 @@ class d7 extends HTMLElement {
5569
5576
  constructor() {
5570
5577
  super(...arguments), this._onClick = () => {
5571
5578
  this.dispatchEvent(
5572
- new CustomEvent(x2, { bubbles: !0, composed: !0 })
5579
+ new CustomEvent(w2, { bubbles: !0, composed: !0 })
5573
5580
  );
5574
5581
  };
5575
5582
  }
@@ -5586,7 +5593,7 @@ var c7 = Object.defineProperty, y = (l, e, t, i) => {
5586
5593
  (n = l[r]) && (o = n(e, t, o) || o);
5587
5594
  return o && c7(e, t, o), o;
5588
5595
  };
5589
- const c2 = "anduin-suggestion:change", p7 = "anduin-suggestion:select", u7 = "anduin-suggestion:clear", w5 = class w5 extends u {
5596
+ const p2 = "anduin-suggestion:change", p7 = "anduin-suggestion:select", u7 = "anduin-suggestion:clear", R5 = class R5 extends u {
5590
5597
  constructor() {
5591
5598
  super(...arguments), this.value = "", this.size = "default", this.disabled = !1, this.readonly = !1, this.placeholder = "", this.inputid = "", this.status = "", this.startIcon = "", this.endIcon = "", this.clearable = !1, this.suggestions = [], this.filter = !1, this.hideWhenEmpty = !1, this.emptyText = "No suggestions", this._open = !1, this._activeIndex = -1, this._onDocumentMouseDown = (e) => {
5592
5599
  var t;
@@ -5626,7 +5633,7 @@ const c2 = "anduin-suggestion:change", p7 = "anduin-suggestion:select", u7 = "an
5626
5633
  this._openPanel();
5627
5634
  }
5628
5635
  _onInput() {
5629
- this.value = this._inputEl.value, this._open || this._openPanel(), this._activeIndex = -1, this.dispatchEvent(new CustomEvent(c2, {
5636
+ this.value = this._inputEl.value, this._open || this._openPanel(), this._activeIndex = -1, this.dispatchEvent(new CustomEvent(p2, {
5630
5637
  detail: this.value,
5631
5638
  bubbles: !0,
5632
5639
  composed: !0
@@ -5659,7 +5666,7 @@ const c2 = "anduin-suggestion:change", p7 = "anduin-suggestion:select", u7 = "an
5659
5666
  }
5660
5667
  _selectSuggestion(e) {
5661
5668
  var t;
5662
- this.value = e.value, this._inputEl && (this._inputEl.value = e.value), this._open = !1, this.dispatchEvent(new CustomEvent(c2, {
5669
+ this.value = e.value, this._inputEl && (this._inputEl.value = e.value), this._open = !1, this.dispatchEvent(new CustomEvent(p2, {
5663
5670
  detail: this.value,
5664
5671
  bubbles: !0,
5665
5672
  composed: !0
@@ -5671,7 +5678,7 @@ const c2 = "anduin-suggestion:change", p7 = "anduin-suggestion:select", u7 = "an
5671
5678
  }
5672
5679
  _onClear() {
5673
5680
  var e;
5674
- this.value = "", this._inputEl && (this._inputEl.value = ""), this._activeIndex = -1, this.dispatchEvent(new CustomEvent(c2, { detail: "", bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent(u7, { bubbles: !0, composed: !0 })), (e = this._inputEl) == null || e.focus();
5681
+ this.value = "", this._inputEl && (this._inputEl.value = ""), this._activeIndex = -1, this.dispatchEvent(new CustomEvent(p2, { detail: "", bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent(u7, { bubbles: !0, composed: !0 })), (e = this._inputEl) == null || e.focus();
5675
5682
  }
5676
5683
  _updatePosition() {
5677
5684
  var o1;
@@ -5686,8 +5693,8 @@ const c2 = "anduin-suggestion:change", p7 = "anduin-suggestion:select", u7 = "an
5686
5693
  const s = t.getBoundingClientRect(), d = 4, p = window.innerWidth, h = window.innerHeight, v = 8, H = h - i.bottom - d, f = i.top - d, q = s.height <= H || H >= f ? i.bottom + d : i.top - s.height - d;
5687
5694
  let x = i.left;
5688
5695
  x = Math.max(v, Math.min(x, p - s.width - v));
5689
- const D = Math.max(v, Math.min(q, h - s.height - v));
5690
- t.style.transform = `translate(${Math.round(x - r.left)}px, ${Math.round(D - r.top)}px)`;
5696
+ const I = Math.max(v, Math.min(q, h - s.height - v));
5697
+ t.style.transform = `translate(${Math.round(x - r.left)}px, ${Math.round(I - r.top)}px)`;
5691
5698
  }
5692
5699
  render() {
5693
5700
  const e = this.size === "small" ? "input--small" : this.size === "large" ? "input--large" : "input--default", t = this.status ? `input--${this.status}` : "", i = !!this.startIcon, o = !!this.endIcon || this.clearable && !!this.value, r = this.clearable && !!this.value && !this.disabled && !this.readonly, n = this.size === "small" ? "12" : this.size === "large" ? "20" : "16", s = this.size === "small" ? "10" : this.size === "large" ? "16" : "14", d = this._filteredSuggestions, p = this._open && (!this.hideWhenEmpty || d.length > 0);
@@ -5759,7 +5766,7 @@ const c2 = "anduin-suggestion:change", p7 = "anduin-suggestion:select", u7 = "an
5759
5766
  `;
5760
5767
  }
5761
5768
  };
5762
- w5.styles = g`
5769
+ R5.styles = g`
5763
5770
  :host { display: block; font-family: var(--font-sans); position: relative; }
5764
5771
 
5765
5772
  .input-wrapper { position: relative; display: flex; align-items: center; }
@@ -5872,7 +5879,7 @@ w5.styles = g`
5872
5879
  text-align: center;
5873
5880
  }
5874
5881
  `;
5875
- let V = w5;
5882
+ let V = R5;
5876
5883
  y([
5877
5884
  a()
5878
5885
  ], V.prototype, "value");
@@ -5933,7 +5940,7 @@ var h7 = Object.defineProperty, B = (l, e, t, i) => {
5933
5940
  (n = l[r]) && (o = n(e, t, o) || o);
5934
5941
  return o && h7(e, t, o), o;
5935
5942
  };
5936
- const g7 = "anduin-navigation:change", w2 = "anduin-navigation-item:item-click", R5 = class R5 extends u {
5943
+ const g7 = "anduin-navigation:change", R2 = "anduin-navigation-item:item-click", k5 = class k5 extends u {
5937
5944
  constructor() {
5938
5945
  super(...arguments), this.defaultValue = "", this.value = null, this.theme = "light", this.alignment = "left", this.internalValue = "", this.onItemClick = (e) => {
5939
5946
  e.stopPropagation();
@@ -5952,10 +5959,10 @@ const g7 = "anduin-navigation:change", w2 = "anduin-navigation-item:item-click",
5952
5959
  return this.isControlled ? this.value : this.internalValue;
5953
5960
  }
5954
5961
  connectedCallback() {
5955
- super.connectedCallback(), this.hasUpdated || (this.internalValue = this.defaultValue), this.addEventListener(w2, this.onItemClick);
5962
+ super.connectedCallback(), this.hasUpdated || (this.internalValue = this.defaultValue), this.addEventListener(R2, this.onItemClick);
5956
5963
  }
5957
5964
  disconnectedCallback() {
5958
- super.disconnectedCallback(), this.removeEventListener(w2, this.onItemClick);
5965
+ super.disconnectedCallback(), this.removeEventListener(R2, this.onItemClick);
5959
5966
  }
5960
5967
  updated() {
5961
5968
  this.syncItems();
@@ -5976,7 +5983,7 @@ const g7 = "anduin-navigation:change", w2 = "anduin-navigation-item:item-click",
5976
5983
  `;
5977
5984
  }
5978
5985
  };
5979
- R5.styles = g`
5986
+ k5.styles = g`
5980
5987
  :host {
5981
5988
  display: block;
5982
5989
  font-family: var(--font-sans);
@@ -6019,7 +6026,7 @@ R5.styles = g`
6019
6026
  .navigation--center { justify-content: center; }
6020
6027
  .navigation--right { justify-content: flex-end; }
6021
6028
  `;
6022
- let J = R5;
6029
+ let J = k5;
6023
6030
  B([
6024
6031
  a({ attribute: "default-value" })
6025
6032
  ], J.prototype, "defaultValue");
@@ -6035,7 +6042,7 @@ B([
6035
6042
  B([
6036
6043
  b()
6037
6044
  ], J.prototype, "internalValue");
6038
- const k5 = class k5 extends u {
6045
+ const $5 = class $5 extends u {
6039
6046
  constructor() {
6040
6047
  super(...arguments), this.value = "", this.startIcon = "", this.href = "", this.disabled = !1, this.selected = !1, this.theme = "light";
6041
6048
  }
@@ -6044,7 +6051,7 @@ const k5 = class k5 extends u {
6044
6051
  e.preventDefault();
6045
6052
  return;
6046
6053
  }
6047
- this.dispatchEvent(new CustomEvent(w2, {
6054
+ this.dispatchEvent(new CustomEvent(R2, {
6048
6055
  detail: this.value,
6049
6056
  bubbles: !0,
6050
6057
  composed: !0
@@ -6082,7 +6089,7 @@ const k5 = class k5 extends u {
6082
6089
  `;
6083
6090
  }
6084
6091
  };
6085
- k5.styles = g`
6092
+ $5.styles = g`
6086
6093
  :host { display: inline-block; font-family: var(--font-sans); }
6087
6094
  .nav-item {
6088
6095
  box-sizing: border-box;
@@ -6127,7 +6134,7 @@ k5.styles = g`
6127
6134
  }
6128
6135
  .nav-item__icon { display: flex; }
6129
6136
  `;
6130
- let j = k5;
6137
+ let j = $5;
6131
6138
  B([
6132
6139
  a()
6133
6140
  ], j.prototype, "value");
@@ -6151,42 +6158,42 @@ customElements.get("anduin-navigation-item") || customElements.define("anduin-na
6151
6158
  export {
6152
6159
  p3 as $,
6153
6160
  O as A,
6154
- b2 as B,
6161
+ y2 as B,
6155
6162
  z1 as C,
6156
6163
  N as D,
6157
6164
  V1 as E,
6158
- I as F,
6165
+ D as F,
6159
6166
  k1 as G,
6160
6167
  R1 as H,
6161
6168
  V as I,
6162
- I1 as J,
6169
+ D1 as J,
6163
6170
  P1 as K,
6164
6171
  T as L,
6165
6172
  v1 as M,
6166
6173
  S1 as N,
6167
6174
  f1 as O,
6168
- g2 as P,
6175
+ v2 as P,
6169
6176
  E as Q,
6170
6177
  K as R,
6171
- D1 as S,
6178
+ I1 as S,
6172
6179
  S as T,
6173
6180
  P as U,
6174
6181
  F1 as V,
6175
- V2 as W,
6176
- H2 as X,
6182
+ L2 as W,
6183
+ V2 as X,
6177
6184
  t2 as Y,
6178
- L2 as Z,
6185
+ m2 as Z,
6179
6186
  d4 as _,
6180
6187
  X1 as a,
6181
6188
  a7 as a0,
6182
- x2 as a1,
6189
+ w2 as a1,
6183
6190
  J5 as a2,
6184
6191
  g4 as a3,
6185
6192
  m1 as a4,
6186
6193
  X3 as a5,
6187
- j5 as a6,
6194
+ U5 as a6,
6188
6195
  h3 as a7,
6189
- y2 as a8,
6196
+ M2 as a8,
6190
6197
  F3 as a9,
6191
6198
  z3 as aA,
6192
6199
  c4 as aB,
@@ -6194,11 +6201,11 @@ export {
6194
6201
  V7 as aD,
6195
6202
  y1 as aa,
6196
6203
  g7 as ab,
6197
- w2 as ac,
6198
- m2 as ad,
6199
- M2 as ae,
6204
+ R2 as ac,
6205
+ b2 as ad,
6206
+ Z2 as ae,
6200
6207
  T3 as af,
6201
- c2 as ag,
6208
+ p2 as ag,
6202
6209
  u7 as ah,
6203
6210
  p7 as ai,
6204
6211
  l7 as aj,
@@ -6209,12 +6216,12 @@ export {
6209
6216
  v3 as ao,
6210
6217
  M3 as ap,
6211
6218
  Z3 as aq,
6212
- v2 as ar,
6219
+ f2 as ar,
6213
6220
  x3 as as,
6214
6221
  _3 as at,
6215
6222
  L4 as au,
6216
6223
  m4 as av,
6217
- B2 as aw,
6224
+ S2 as aw,
6218
6225
  H4 as ax,
6219
6226
  V4 as ay,
6220
6227
  b4 as az,
@@ -6228,9 +6235,9 @@ export {
6228
6235
  d7 as i,
6229
6236
  L as j,
6230
6237
  e2 as k,
6231
- p2 as l,
6232
- u2 as m,
6233
- h2 as n,
6238
+ u2 as l,
6239
+ h2 as m,
6240
+ g2 as n,
6234
6241
  B1 as o,
6235
6242
  O1 as p,
6236
6243
  $1 as q,
@@ -6239,7 +6246,7 @@ export {
6239
6246
  s1 as t,
6240
6247
  H1 as u,
6241
6248
  O3 as v,
6242
- D3 as w,
6249
+ I3 as w,
6243
6250
  J as x,
6244
6251
  j as y,
6245
6252
  F as z