@duyluonganduin/acl-web-components 0.0.60 → 0.0.62

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 (8) hide show
  1. package/dist/acl-web-components.cjs +1 -1
  2. package/dist/acl-web-components.iife.js +33 -5
  3. package/dist/acl-web-components.js +1 -1
  4. package/dist/{anduin-table-CpuRYray.js → anduin-table-CbBZtY8d.js} +590 -561
  5. package/dist/{anduin-table-D7Gu6C_g.cjs → anduin-table-CpSL5DNq.cjs} +217 -189
  6. package/dist/react.cjs +1 -1
  7. package/dist/react.js +2 -2
  8. package/package.json +1 -1
package/dist/{anduin-table-CpuRYray.js → anduin-table-CbBZtY8d.js} RENAMED
@@ -45,10 +45,10 @@ const n3 = (r) => new o3(typeof r == "string" ? r : r + "", void 0, j5), g = (r,
45
45
  * Copyright 2017 Google LLC
46
46
  * SPDX-License-Identifier: BSD-3-Clause
47
47
  */
48
- const { is: A3, defineProperty: D3, getOwnPropertyDescriptor: P3, getOwnPropertyNames: B3, getOwnPropertySymbols: F3, getPrototypeOf: I3 } = Object, u1 = globalThis, V4 = u1.trustedTypes, O3 = V4 ? V4.emptyScript : "", Y2 = u1.reactiveElementPolyfillSupport, s2 = (r, e) => r, E2 = { toAttribute(r, e) {
48
+ const { is: A3, defineProperty: D3, getOwnPropertyDescriptor: P3, getOwnPropertyNames: B3, getOwnPropertySymbols: F3, getPrototypeOf: O3 } = Object, u1 = globalThis, V4 = u1.trustedTypes, I3 = V4 ? V4.emptyScript : "", Y2 = u1.reactiveElementPolyfillSupport, a2 = (r, e) => r, E2 = { toAttribute(r, e) {
49
49
  switch (e) {
50
50
  case Boolean:
51
- r = r ? O3 : null;
51
+ r = r ? I3 : null;
52
52
  break;
53
53
  case Object:
54
54
  case Array:
@@ -75,7 +75,7 @@ const { is: A3, defineProperty: D3, getOwnPropertyDescriptor: P3, getOwnProperty
75
75
  return t;
76
76
  } }, U5 = (r, e) => !A3(r, e), x4 = { attribute: !0, type: String, converter: E2, reflect: !1, useDefault: !1, hasChanged: U5 };
77
77
  Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), u1.litPropertyMetadata ?? (u1.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
78
- let I1 = class extends HTMLElement {
78
+ let O1 = class extends HTMLElement {
79
79
  static addInitializer(e) {
80
80
  this._$Ei(), (this.l ?? (this.l = [])).push(e);
81
81
  }
@@ -103,13 +103,13 @@ let I1 = class extends HTMLElement {
103
103
  return this.elementProperties.get(e) ?? x4;
104
104
  }
105
105
  static _$Ei() {
106
- if (this.hasOwnProperty(s2("elementProperties"))) return;
107
- const e = I3(this);
106
+ if (this.hasOwnProperty(a2("elementProperties"))) return;
107
+ const e = O3(this);
108
108
  e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
109
109
  }
110
110
  static finalize() {
111
- if (this.hasOwnProperty(s2("finalized"))) return;
112
- if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(s2("properties"))) {
111
+ if (this.hasOwnProperty(a2("finalized"))) return;
112
+ if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(a2("properties"))) {
113
113
  const t = this.properties, o = [...B3(t), ...F3(t)];
114
114
  for (const i of o) this.createProperty(i, t[i]);
115
115
  }
@@ -278,15 +278,15 @@ let I1 = class extends HTMLElement {
278
278
  firstUpdated(e) {
279
279
  }
280
280
  };
281
- I1.elementStyles = [], I1.shadowRootOptions = { mode: "open" }, I1[s2("elementProperties")] = /* @__PURE__ */ new Map(), I1[s2("finalized")] = /* @__PURE__ */ new Map(), Y2 == null || Y2({ ReactiveElement: I1 }), (u1.reactiveElementVersions ?? (u1.reactiveElementVersions = [])).push("2.1.2");
281
+ O1.elementStyles = [], O1.shadowRootOptions = { mode: "open" }, O1[a2("elementProperties")] = /* @__PURE__ */ new Map(), O1[a2("finalized")] = /* @__PURE__ */ new Map(), Y2 == null || Y2({ ReactiveElement: O1 }), (u1.reactiveElementVersions ?? (u1.reactiveElementVersions = [])).push("2.1.2");
282
282
  /**
283
283
  * @license
284
284
  * Copyright 2017 Google LLC
285
285
  * SPDX-License-Identifier: BSD-3-Clause
286
286
  */
287
- const a2 = globalThis, M4 = (r) => r, z2 = a2.trustedTypes, w4 = z2 ? z2.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, r3 = "$lit$", h1 = `lit$${Math.random().toFixed(9).slice(2)}$`, l3 = "?" + h1, T3 = `<${l3}>`, k1 = document, c2 = () => k1.createComment(""), C2 = (r) => r === null || typeof r != "object" && typeof r != "function", G5 = Array.isArray, N3 = (r) => G5(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", q2 = `[
287
+ const s2 = globalThis, M4 = (r) => r, z2 = s2.trustedTypes, w4 = z2 ? z2.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, r3 = "$lit$", h1 = `lit$${Math.random().toFixed(9).slice(2)}$`, l3 = "?" + h1, T3 = `<${l3}>`, k1 = document, c2 = () => k1.createComment(""), C2 = (r) => r === null || typeof r != "object" && typeof r != "function", G5 = Array.isArray, N3 = (r) => G5(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", q2 = `[
288
288
  \f\r]`, e2 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Z4 = /-->/g, k4 = />/g, V1 = RegExp(`>|${q2}(?:([^\\s"'>=/]+)(${q2}*=${q2}*(?:[^
289
- \f\r"'\`<>=]|("|')|))|$)`, "g"), R4 = /'/g, $4 = /"/g, s3 = /^(?:script|style|textarea|title)$/i, a3 = (r) => (e, ...t) => ({ _$litType$: r, strings: e, values: t }), a = a3(1), p2 = a3(2), R1 = Symbol.for("lit-noChange"), p = Symbol.for("lit-nothing"), E4 = /* @__PURE__ */ new WeakMap(), M1 = k1.createTreeWalker(k1, 129);
289
+ \f\r"'\`<>=]|("|')|))|$)`, "g"), R4 = /'/g, $4 = /"/g, a3 = /^(?:script|style|textarea|title)$/i, s3 = (r) => (e, ...t) => ({ _$litType$: r, strings: e, values: t }), s = s3(1), p2 = s3(2), R1 = Symbol.for("lit-noChange"), p = Symbol.for("lit-nothing"), E4 = /* @__PURE__ */ new WeakMap(), M1 = k1.createTreeWalker(k1, 129);
290
290
  function d3(r, e) {
291
291
  if (!G5(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
292
292
  return w4 !== void 0 ? w4.createHTML(e) : e;
@@ -297,7 +297,7 @@ const j3 = (r, e) => {
297
297
  for (let d = 0; d < t; d++) {
298
298
  const c = r[d];
299
299
  let C, h, f = -1, y = 0;
300
- for (; y < c.length && (l.lastIndex = y, h = l.exec(c), h !== null); ) y = l.lastIndex, l === e2 ? h[1] === "!--" ? l = Z4 : h[1] !== void 0 ? l = k4 : h[2] !== void 0 ? (s3.test(h[2]) && (i = RegExp("</" + h[2], "g")), l = V1) : h[3] !== void 0 && (l = V1) : l === V1 ? h[0] === ">" ? (l = i ?? e2, f = -1) : h[1] === void 0 ? f = -2 : (f = l.lastIndex - h[2].length, C = h[1], l = h[3] === void 0 ? V1 : h[3] === '"' ? $4 : R4) : l === $4 || l === R4 ? l = V1 : l === Z4 || l === k4 ? l = e2 : (l = V1, i = void 0);
300
+ for (; y < c.length && (l.lastIndex = y, h = l.exec(c), h !== null); ) y = l.lastIndex, l === e2 ? h[1] === "!--" ? l = Z4 : h[1] !== void 0 ? l = k4 : h[2] !== void 0 ? (a3.test(h[2]) && (i = RegExp("</" + h[2], "g")), l = V1) : h[3] !== void 0 && (l = V1) : l === V1 ? h[0] === ">" ? (l = i ?? e2, f = -1) : h[1] === void 0 ? f = -2 : (f = l.lastIndex - h[2].length, C = h[1], l = h[3] === void 0 ? V1 : h[3] === '"' ? $4 : R4) : l === $4 || l === R4 ? l = V1 : l === Z4 || l === k4 ? l = e2 : (l = V1, i = void 0);
301
301
  const b = l === V1 && r[d + 1].startsWith("/>") ? " " : "";
302
302
  n += l === e2 ? c + T3 : f >= 0 ? (o.push(C), c.slice(0, f) + r3 + c.slice(f) + h1 + b) : c + h1 + (f === -2 ? d : b);
303
303
  }
@@ -319,7 +319,7 @@ class h2 {
319
319
  const y = h[l++], b = i.getAttribute(f).split(h1), V = /([.?@])?(.*)/.exec(y);
320
320
  c.push({ type: 1, index: n, name: V[2], strings: b, ctor: V[1] === "." ? G3 : V[1] === "?" ? K3 : V[1] === "@" ? W3 : K2 }), i.removeAttribute(f);
321
321
  } else f.startsWith(h1) && (c.push({ type: 6, index: n }), i.removeAttribute(f));
322
- if (s3.test(i.tagName)) {
322
+ if (a3.test(i.tagName)) {
323
323
  const f = i.textContent.split(h1), y = f.length - 1;
324
324
  if (y > 0) {
325
325
  i.textContent = z2 ? z2.emptyScript : "";
@@ -504,8 +504,8 @@ class Y3 {
504
504
  T1(this, e);
505
505
  }
506
506
  }
507
- const X2 = a2.litHtmlPolyfillSupport;
508
- X2 == null || X2(h2, k2), (a2.litHtmlVersions ?? (a2.litHtmlVersions = [])).push("3.3.2");
507
+ const X2 = s2.litHtmlPolyfillSupport;
508
+ X2 == null || X2(h2, k2), (s2.litHtmlVersions ?? (s2.litHtmlVersions = [])).push("3.3.2");
509
509
  const q3 = (r, e, t) => {
510
510
  const o = (t == null ? void 0 : t.renderBefore) ?? e;
511
511
  let i = o._$litPart$;
@@ -521,7 +521,7 @@ const q3 = (r, e, t) => {
521
521
  * SPDX-License-Identifier: BSD-3-Clause
522
522
  */
523
523
  const Z1 = globalThis;
524
- let u = class extends I1 {
524
+ let u = class extends O1 {
525
525
  constructor() {
526
526
  super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
527
527
  }
@@ -577,7 +577,7 @@ const X3 = { attribute: !0, type: String, converter: E2, reflect: !1, hasChanged
577
577
  }
578
578
  throw Error("Unsupported decorator location: " + o);
579
579
  };
580
- function s(r) {
580
+ function a(r) {
581
581
  return (e, t) => typeof t == "object" ? J3(r, e, t) : ((o, i, n) => {
582
582
  const l = i.hasOwnProperty(n);
583
583
  return i.constructor.createProperty(n, o), l ? Object.getOwnPropertyDescriptor(i, n) : void 0;
@@ -589,7 +589,7 @@ function s(r) {
589
589
  * SPDX-License-Identifier: BSD-3-Clause
590
590
  */
591
591
  function m(r) {
592
- return s({ ...r, state: !0, attribute: !1 });
592
+ return a({ ...r, state: !0, attribute: !1 });
593
593
  }
594
594
  /**
595
595
  * @license
@@ -682,10 +682,10 @@ X5.styles = g`
682
682
  `;
683
683
  let u2 = X5;
684
684
  c3([
685
- s()
685
+ a()
686
686
  ], u2.prototype, "size");
687
687
  c3([
688
- s()
688
+ a()
689
689
  ], u2.prototype, "percent");
690
690
  customElements.get("anduin-spinner") || customElements.define("anduin-spinner", u2);
691
691
  var t7 = Object.defineProperty, C3 = (r, e, t, o) => {
@@ -755,10 +755,10 @@ J5.styles = g`
755
755
  `;
756
756
  let g2 = J5;
757
757
  C3([
758
- s({ reflect: !0 })
758
+ a({ reflect: !0 })
759
759
  ], g2.prototype, "size");
760
760
  C3([
761
- s({ reflect: !0 })
761
+ a({ reflect: !0 })
762
762
  ], g2.prototype, "color");
763
763
  customElements.get("anduin-sparkle-spinner") || customElements.define("anduin-sparkle-spinner", g2);
764
764
  var o7 = Object.defineProperty, K5 = (r, e, t, o) => {
@@ -809,7 +809,7 @@ const p3 = [
809
809
  originY: 39.0175,
810
810
  delay: -0.97
811
811
  }
812
- ], S4 = 20, A4 = 5, n7 = 900, r7 = 160, D4 = 2, l7 = "cubic-bezier(0.22, 0.61, 0.36, 1)", Q2 = 180, o2 = "ai-spinner--loading", n2 = "ai-spinner--settling", w1 = "ai-spinner__segment", s7 = p3.map(
812
+ ], S4 = 20, A4 = 5, n7 = 900, r7 = 160, D4 = 2, l7 = "cubic-bezier(0.22, 0.61, 0.36, 1)", Q2 = 180, o2 = "ai-spinner--loading", n2 = "ai-spinner--settling", w1 = "ai-spinner__segment", a7 = p3.map(
813
813
  (r) => `
814
814
  .${w1}--${r.index} {
815
815
  transform-origin: ${r.originX}px ${r.originY}px;
@@ -827,7 +827,7 @@ const p3 = [
827
827
  }
828
828
  render() {
829
829
  const e = this.size > 0 ? this.size : S4;
830
- return a`
830
+ return s`
831
831
  <div class="ai-spinner">
832
832
  <svg
833
833
  class="ai-spinner__logo"
@@ -958,7 +958,7 @@ Q5.styles = g`
958
958
  animation: ai-spinner-pulse 1.52s linear infinite;
959
959
  }
960
960
 
961
- ${n3(s7)}
961
+ ${n3(a7)}
962
962
 
963
963
  @keyframes ai-spinner-spin {
964
964
  to {
@@ -999,10 +999,10 @@ Q5.styles = g`
999
999
  `;
1000
1000
  let N1 = Q5;
1001
1001
  K5([
1002
- s({ reflect: !0 })
1002
+ a({ reflect: !0 })
1003
1003
  ], N1.prototype, "state");
1004
1004
  K5([
1005
- s({ type: Number, reflect: !0 })
1005
+ a({ type: Number, reflect: !0 })
1006
1006
  ], N1.prototype, "size");
1007
1007
  K5([
1008
1008
  k(".ai-spinner")
@@ -1046,6 +1046,7 @@ const P4 = {
1046
1046
  at: [{ d: "M5.31756 1.52918C6.74121 0.939492 8.31965 0.836035 9.80808 1.23486C11.2965 1.63368 12.6118 2.5125 13.5498 3.73501C14.4727 4.93773 14.9798 6.40698 14.9959 7.92155C14.9986 7.94733 15 7.9735 15 7.99998V9.00139C15 10.3813 13.8813 11.5 12.5014 11.5C11.67 11.5 10.9335 11.094 10.4793 10.4694C9.84567 11.1056 8.96881 11.4993 8 11.4993C6.0674 11.4993 4.50072 9.93258 4.50072 7.99998C4.50072 6.06738 6.0674 4.5007 8 4.5007C8.74925 4.5007 9.44351 4.73618 10.0128 5.13717C10.0714 4.7814 10.3804 4.51003 10.7528 4.51003C11.167 4.51003 11.5028 4.84582 11.5028 5.26003V9.00139C11.5028 9.55291 11.9499 10 12.5014 10C13.0529 10 13.5 9.55291 13.5 9.00139V8.07083C13.4976 8.04633 13.4963 8.02148 13.4963 7.99634C13.4963 6.7856 13.0968 5.6087 12.3598 4.64815C11.6227 3.68761 10.5893 2.99711 9.41985 2.68375C8.25037 2.37039 7.01017 2.45167 5.89159 2.915C4.77301 3.37833 3.83858 4.19781 3.23321 5.24634C2.62784 6.29487 2.38537 7.51385 2.5434 8.71423C2.70143 9.91461 3.25114 11.0293 4.10726 11.8854C4.96338 12.7415 6.07807 13.2913 7.27845 13.4493C8.16187 13.5656 9.08733 13.3954 9.97956 13.0505C10.3659 12.9011 10.8002 13.0932 10.9495 13.4796C11.0989 13.8659 10.9068 14.3002 10.5204 14.4495C9.46964 14.8558 8.28483 15.0947 7.08266 14.9365C5.55491 14.7353 4.13621 14.0357 3.0466 12.9461C1.95699 11.8565 1.25737 10.4378 1.05623 8.91002C0.855101 7.38227 1.1637 5.83083 1.93417 4.49634C2.70464 3.16185 3.89392 2.11888 5.31756 1.52918ZM8 6.0007C6.89583 6.0007 6.00072 6.89581 6.00072 7.99998C6.00072 9.10416 6.89583 9.99927 8 9.99927C9.10417 9.99927 9.99928 9.10416 9.99928 7.99998C9.99928 6.89581 9.10417 6.0007 8 6.0007Z", fillRule: "evenodd", clipRule: "evenodd" }],
1047
1047
  attachment: [{ d: "M3 3.75C3 1.67893 4.67893 0 6.75 0C8.82107 0 10.5 1.67893 10.5 3.75V10.75C10.5 11.9926 9.49264 13 8.25 13C7.00736 13 6 11.9926 6 10.75V4.75C6 4.33579 6.33579 4 6.75 4C7.16421 4 7.5 4.33579 7.5 4.75V10.75C7.5 11.1642 7.83579 11.5 8.25 11.5C8.66421 11.5 9 11.1642 9 10.75V3.75C9 2.50736 7.99264 1.5 6.75 1.5C5.50736 1.5 4.5 2.50736 4.5 3.75V10.75C4.5 12.8211 6.17893 14.5 8.25 14.5C10.3211 14.5 12 12.8211 12 10.75V4.75C12 4.33579 12.3358 4 12.75 4C13.1642 4 13.5 4.33579 13.5 4.75V10.75C13.5 13.6495 11.1495 16 8.25 16C5.35051 16 3 13.6495 3 10.75V3.75Z", fillRule: "evenodd", clipRule: "evenodd" }],
1048
1048
  autoTrack: [{ d: "M5.92945 0.272593C7.28589 -0.0908646 8.71411 -0.0908644 10.0706 0.272594C11.427 0.636052 12.6639 1.35016 13.6569 2.34315C14.6498 3.33613 15.3639 4.57301 15.7274 5.92945C15.8346 6.32955 15.5972 6.7408 15.1971 6.84801C14.797 6.95521 14.3857 6.71778 14.2785 6.31768C13.9832 5.21557 13.403 4.21061 12.5962 3.40381C11.7894 2.59701 10.7844 2.01679 9.68232 1.72148C8.58021 1.42617 7.41979 1.42617 6.31768 1.72148C5.21557 2.01679 4.21061 2.597 3.40381 3.40381C2.59701 4.21061 2.01679 5.21557 1.72148 6.31768C1.42617 7.41979 1.42617 8.58021 1.72148 9.68232C2.01679 10.7844 2.597 11.7894 3.40381 12.5962C4.21061 13.403 5.21557 13.9832 6.31768 14.2785C6.71778 14.3857 6.95521 14.797 6.84801 15.1971C6.7408 15.5972 6.32955 15.8346 5.92945 15.7274C4.573 15.3639 3.33613 14.6498 2.34315 13.6569C1.35016 12.6639 0.636051 11.427 0.272593 10.0706C-0.0908646 8.71411 -0.0908644 7.28589 0.272594 5.92945C0.636052 4.573 1.35016 3.33613 2.34315 2.34314C3.33613 1.35016 4.57301 0.636051 5.92945 0.272593ZM10.0718 15.6522L8.02207 8.64502C7.91117 8.2659 8.263 7.91394 8.64216 8.0247L15.6517 10.0723C16.1153 10.2078 16.1365 10.8567 15.6826 11.0221L13.0459 11.9826L15.8567 14.7893C16.0525 14.9849 16.0522 15.3023 15.8561 15.4975L15.498 15.8538C15.3025 16.0483 14.9865 16.0478 14.7916 15.8527L11.9832 13.0411L11.0216 15.6829C10.8564 16.1367 10.2074 16.1158 10.0718 15.6522ZM9.13627 3.62494C8.37328 3.42049 7.5699 3.42049 6.8069 3.62494C6.0439 3.82938 5.34816 4.23107 4.78961 4.78962C4.23105 5.34818 3.82937 6.04392 3.62492 6.80692C3.42048 7.56992 3.42048 8.37329 3.62492 9.13629C3.82937 9.89929 4.23105 10.595 4.78961 11.1536C5.1159 11.4799 5.48901 11.7526 5.89499 11.9638C6.26246 12.155 6.71531 12.012 6.90646 11.6445C7.09761 11.2771 6.95467 10.8242 6.58719 10.6331C6.31653 10.4923 6.06779 10.3105 5.85027 10.0929C5.4779 9.72055 5.21011 9.25673 5.07381 8.74806C4.93751 8.23939 4.93751 7.70381 5.07381 7.19515C5.21011 6.68648 5.4779 6.22265 5.85027 5.85028C6.22264 5.47791 6.68647 5.21012 7.19513 5.07383C7.7038 4.93753 8.23938 4.93753 8.74805 5.07383C9.25671 5.21012 9.72054 5.47791 10.0929 5.85028C10.3146 6.07196 10.4992 6.32606 10.6411 6.60274C10.8301 6.97132 11.2821 7.11689 11.6507 6.92789C12.0193 6.73889 12.1648 6.28688 11.9758 5.9183C11.763 5.5033 11.4861 5.12215 11.1536 4.78962C10.595 4.23107 9.89927 3.82938 9.13627 3.62494Z", fillRule: "evenodd", clipRule: "evenodd" }],
1049
+ bank: [{ d: "M14.25 14C14.6642 14 15 14.3358 15 14.75C15 15.1642 14.6642 15.5 14.25 15.5H1.75C1.3358 15.5 1.00003 15.1642 1 14.75C1 14.3358 1.33579 14 1.75 14H14.25ZM3.75 6.75C4.16421 6.75 4.5 7.08579 4.5 7.5V12C4.49997 12.4142 4.1642 12.75 3.75 12.75C3.3358 12.75 3.00003 12.4142 3 12V7.5C3 7.08579 3.33579 6.75 3.75 6.75ZM8 6.75C8.41421 6.75 8.75 7.08579 8.75 7.5V12C8.74997 12.4142 8.4142 12.75 8 12.75C7.5858 12.75 7.25003 12.4142 7.25 12V7.5C7.25 7.08579 7.58579 6.75 8 6.75ZM12.25 6.75C12.6642 6.75 13 7.08579 13 7.5V12C13 12.4142 12.6642 12.75 12.25 12.75C11.8358 12.75 11.5 12.4142 11.5 12V7.5C11.5 7.08579 11.8358 6.75 12.25 6.75ZM7.74707 0.194336C7.93773 0.126021 8.14933 0.13748 8.33301 0.228516L14.583 3.32813C14.8381 3.45471 14.9999 3.71527 15 4V4.75C14.9998 5.16401 14.6641 5.5 14.25 5.5H1.75C1.33593 5.5 1.00024 5.16401 1 4.75V4C1.00015 3.71527 1.16194 3.45471 1.41699 3.32813L7.66699 0.228516L7.74707 0.194336ZM3.4375 4H12.5625L8 1.7373L3.4375 4Z", fillRule: "evenodd", clipRule: "evenodd" }],
1049
1050
  bell: [{ d: "M8 1C5.23858 1 3 3.23858 3 6V7.67157C3 8.20201 2.78929 8.71071 2.41421 9.08579L1.87868 9.62132C1.31607 10.1839 1 10.947 1 11.7426V12C1 12.5523 1.44772 13 2 13H14C14.5523 13 15 12.5523 15 12V11.7426C15 10.947 14.6839 10.1839 14.1213 9.62132L13.5858 9.08579C13.2107 8.71071 13 8.20201 13 7.67157V6C13 3.23858 10.7614 1 8 1ZM8 16C9.10457 16 10 15.1046 10 14H6C6 15.1046 6.89543 16 8 16Z", fillRule: "evenodd", clipRule: "evenodd" }],
1050
1051
  bellOff: [{ d: "M8 1C5.23858 1 3 3.23858 3 6V7.67157C3 8.20201 2.78929 8.71071 2.41421 9.08579L1.87868 9.62132C1.31607 10.1839 1 10.947 1 11.7426V12C1 12.1582 1.03673 12.3078 1.10213 12.4408L11.2996 2.24326C10.4192 1.46932 9.26439 1 8 1ZM12.4238 2.51556C12.4042 2.54681 12.3807 2.57636 12.3536 2.60355L1.13138 13.8257C0.930538 14.1179 0.95997 14.5206 1.21967 14.7803C1.51256 15.0732 1.98744 15.0732 2.28033 14.7803L4.06066 13H14C14.5523 13 15 12.5523 15 12V11.7426C15 10.947 14.6839 10.1839 14.1213 9.62132L13.5858 9.08579C13.2107 8.71071 13 8.20201 13 7.67157V6C13 5.41888 12.9009 4.86091 12.7186 4.34209L14.7803 2.28033C15.0732 1.98744 15.0732 1.51256 14.7803 1.21967C14.4874 0.926777 14.0126 0.926777 13.7197 1.21967L12.4238 2.51556ZM8 16C9.10457 16 10 15.1046 10 14H6C6 15.1046 6.89543 16 8 16Z", fillRule: "evenodd", clipRule: "evenodd" }],
1051
1052
  blank: [{ d: "", fillRule: "", clipRule: "" }],
@@ -1369,10 +1370,10 @@ const P4 = {
1369
1370
  zoomOut: [{ d: "M4.5 6.25C4.08579 6.25 3.75 6.58579 3.75 7C3.75 7.41421 4.08579 7.75 4.5 7.75H9.5C9.91421 7.75 10.25 7.41421 10.25 7C10.25 6.58579 9.91421 6.25 9.5 6.25H4.5ZM7 14C8.57591 14 10.0302 13.4792 11.2001 12.6004C11.2281 12.6376 11.259 12.6733 11.2929 12.7071L14.2929 15.7071C14.6834 16.0976 15.3166 16.0976 15.7071 15.7071C16.0976 15.3166 16.0976 14.6834 15.7071 14.2929L12.7071 11.2929C12.6733 11.259 12.6376 11.2281 12.6004 11.2001C13.4792 10.0302 14 8.57591 14 7C14 3.13401 10.866 0 7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14ZM7 12.5C10.0376 12.5 12.5 10.0376 12.5 7C12.5 3.96243 10.0376 1.5 7 1.5C3.96243 1.5 1.5 3.96243 1.5 7C1.5 10.0376 3.96243 12.5 7 12.5Z", fillRule: "evenodd", clipRule: "evenodd" }],
1370
1371
  zz: [{ d: "M9.75 1.02686C9.33579 1.02686 9 1.36264 9 1.77686C9 2.19107 9.33579 2.52686 9.75 2.52686H12.8186L9.13336 7.84995C8.97457 8.07931 8.9562 8.37784 9.08567 8.62494C9.21513 8.87203 9.47104 9.02686 9.75 9.02686H14.25C14.6642 9.02686 15 8.69107 15 8.27686C15 7.86264 14.6642 7.52686 14.25 7.52686H11.1814L14.8666 2.20376C15.0254 1.97441 15.0438 1.67587 14.9143 1.42878C14.7849 1.18168 14.529 1.02686 14.25 1.02686H9.75ZM1.75 7.02686C1.33579 7.02686 1 7.36264 1 7.77686C1 8.19107 1.33579 8.52686 1.75 8.52686H4.81858L1.13336 13.8499C0.974572 14.0793 0.956201 14.3778 1.08567 14.6249C1.21513 14.872 1.47104 15.0269 1.75 15.0269H6.25C6.66422 15.0269 7 14.6911 7 14.2769C7 13.8626 6.66422 13.5269 6.25 13.5269H3.18143L6.86665 8.20376C7.02543 7.97441 7.0438 7.67587 6.91434 7.42878C6.78487 7.18168 6.52896 7.02686 6.25 7.02686H1.75Z", fillRule: "evenodd", clipRule: "evenodd" }]
1371
1372
  };
1372
- var a7 = Object.defineProperty, h3 = (r, e, t, o) => {
1373
+ var s7 = Object.defineProperty, h3 = (r, e, t, o) => {
1373
1374
  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
1374
1375
  (l = r[n]) && (i = l(e, t, i) || i);
1375
- return i && a7(e, t, i), i;
1376
+ return i && s7(e, t, i), i;
1376
1377
  };
1377
1378
  const ee = class ee extends u {
1378
1379
  constructor() {
@@ -1408,10 +1409,10 @@ ee.styles = g`
1408
1409
  `;
1409
1410
  let f2 = ee;
1410
1411
  h3([
1411
- s()
1412
+ a()
1412
1413
  ], f2.prototype, "name");
1413
1414
  h3([
1414
- s({ type: Number })
1415
+ a({ type: Number })
1415
1416
  ], f2.prototype, "size");
1416
1417
  customElements.get("anduin-icon") || customElements.define("anduin-icon", f2);
1417
1418
  var d7 = Object.defineProperty, c7 = (r, e, t, o) => {
@@ -1466,13 +1467,13 @@ const te = class te extends u {
1466
1467
  }
1467
1468
  render() {
1468
1469
  const e = g3(this.variant);
1469
- return a`<div class="badge ${e}" part="badge"><slot></slot></div>`;
1470
+ return s`<div class="badge ${e}" part="badge"><slot></slot></div>`;
1470
1471
  }
1471
1472
  };
1472
1473
  te.styles = [u3];
1473
1474
  let S2 = te;
1474
1475
  c7([
1475
- s()
1476
+ a()
1476
1477
  ], S2.prototype, "variant");
1477
1478
  customElements.get("anduin-badge") || customElements.define("anduin-badge", S2);
1478
1479
  var C7 = Object.defineProperty, f3 = (r, e, t, o) => {
@@ -1494,16 +1495,16 @@ const ie = class ie extends u {
1494
1495
  t ? "badge--hidden" : "",
1495
1496
  o ? "badge--square" : ""
1496
1497
  ].filter(Boolean).join(" ");
1497
- return a`<div class="${i}" part="badge">${this.formatCount(this.count)}</div>`;
1498
+ return s`<div class="${i}" part="badge">${this.formatCount(this.count)}</div>`;
1498
1499
  }
1499
1500
  };
1500
1501
  ie.styles = [u3];
1501
1502
  let v2 = ie;
1502
1503
  f3([
1503
- s()
1504
+ a()
1504
1505
  ], v2.prototype, "variant");
1505
1506
  f3([
1506
- s({ type: Number })
1507
+ a({ type: Number })
1507
1508
  ], v2.prototype, "count");
1508
1509
  customElements.get("anduin-badge-count") || customElements.define("anduin-badge-count", v2);
1509
1510
  var p7 = Object.defineProperty, B = (r, e, t, o) => {
@@ -1548,15 +1549,15 @@ const oe = class oe extends u {
1548
1549
  this.loading ? "button--loading" : "",
1549
1550
  this.selected ? "button--selected" : "",
1550
1551
  this.iconOnly && this.appearance !== "text" && !this.fullWidth ? "button--icon-only" : ""
1551
- ].filter(Boolean).join(" "), i = a`
1552
+ ].filter(Boolean).join(" "), i = s`
1552
1553
  <div class="button__content button__content--${t}">
1553
- ${this.startIcon ? a`<anduin-icon name="${this.startIcon}" size="${this.iconSize()}"></anduin-icon>` : p}
1554
+ ${this.startIcon ? s`<anduin-icon name="${this.startIcon}" size="${this.iconSize()}"></anduin-icon>` : p}
1554
1555
  <slot @slotchange=${this.onSlotChange}></slot>
1555
- ${this.endIcon ? a`<anduin-icon name="${this.endIcon}" size="${this.iconSize()}"></anduin-icon>` : p}
1556
+ ${this.endIcon ? s`<anduin-icon name="${this.endIcon}" size="${this.iconSize()}"></anduin-icon>` : p}
1556
1557
  </div>
1557
- ${this.loading && this.appearance !== "text" ? a`<div class="button__loading"><anduin-spinner size="small"></anduin-spinner></div>` : p}
1558
+ ${this.loading && this.appearance !== "text" ? s`<div class="button__loading"><anduin-spinner size="small"></anduin-spinner></div>` : p}
1558
1559
  `;
1559
- return this.href ? a`
1560
+ return this.href ? s`
1560
1561
  <a
1561
1562
  class="${o}"
1562
1563
  href="${this.disabled ? "" : this.href}"
@@ -1565,7 +1566,7 @@ const oe = class oe extends u {
1565
1566
  download="${this.download || p}"
1566
1567
  aria-label="${this.label || p}"
1567
1568
  >${i}</a>
1568
- ` : a`
1569
+ ` : s`
1569
1570
  <button
1570
1571
  type="button"
1571
1572
  class="${o}"
@@ -1693,46 +1694,46 @@ B([
1693
1694
  m()
1694
1695
  ], R.prototype, "iconOnly");
1695
1696
  B([
1696
- s({ converter: (r) => r || "filled" })
1697
+ a({ converter: (r) => r || "filled" })
1697
1698
  ], R.prototype, "appearance");
1698
1699
  B([
1699
- s()
1700
+ a()
1700
1701
  ], R.prototype, "variant");
1701
1702
  B([
1702
- s()
1703
+ a()
1703
1704
  ], R.prototype, "size");
1704
1705
  B([
1705
- s({ type: Boolean })
1706
+ a({ type: Boolean })
1706
1707
  ], R.prototype, "disabled");
1707
1708
  B([
1708
- s({ type: Boolean })
1709
+ a({ type: Boolean })
1709
1710
  ], R.prototype, "loading");
1710
1711
  B([
1711
- s({ type: Boolean, attribute: "full-width", reflect: !0 })
1712
+ a({ type: Boolean, attribute: "full-width", reflect: !0 })
1712
1713
  ], R.prototype, "fullWidth");
1713
1714
  B([
1714
- s({ type: Boolean })
1715
+ a({ type: Boolean })
1715
1716
  ], R.prototype, "pill");
1716
1717
  B([
1717
- s({ type: Boolean })
1718
+ a({ type: Boolean })
1718
1719
  ], R.prototype, "selected");
1719
1720
  B([
1720
- s()
1721
+ a()
1721
1722
  ], R.prototype, "href");
1722
1723
  B([
1723
- s({ type: Boolean, attribute: "open-new-tab" })
1724
+ a({ type: Boolean, attribute: "open-new-tab" })
1724
1725
  ], R.prototype, "openNewTab");
1725
1726
  B([
1726
- s()
1727
+ a()
1727
1728
  ], R.prototype, "download");
1728
1729
  B([
1729
- s({ attribute: "start-icon" })
1730
+ a({ attribute: "start-icon" })
1730
1731
  ], R.prototype, "startIcon");
1731
1732
  B([
1732
- s({ attribute: "end-icon" })
1733
+ a({ attribute: "end-icon" })
1733
1734
  ], R.prototype, "endIcon");
1734
1735
  B([
1735
- s()
1736
+ a()
1736
1737
  ], R.prototype, "label");
1737
1738
  customElements.get("anduin-button") || customElements.define("anduin-button", R);
1738
1739
  var u7 = Object.defineProperty, g7 = (r, e, t, o) => {
@@ -1745,7 +1746,7 @@ const ne = class ne extends u {
1745
1746
  super(...arguments), this.variant = "gray";
1746
1747
  }
1747
1748
  render() {
1748
- return a`
1749
+ return s`
1749
1750
  <div class="callout callout--${this.variant}" part="callout">
1750
1751
  <slot name="icon"></slot>
1751
1752
  <div><slot></slot></div>
@@ -1767,7 +1768,7 @@ ne.styles = g`
1767
1768
  `;
1768
1769
  let A2 = ne;
1769
1770
  g7([
1770
- s()
1771
+ a()
1771
1772
  ], A2.prototype, "variant");
1772
1773
  customElements.get("anduin-callout") || customElements.define("anduin-callout", A2);
1773
1774
  var f7 = Object.defineProperty, v3 = (r, e, t, o) => {
@@ -1793,17 +1794,17 @@ const re = class re extends u {
1793
1794
  });
1794
1795
  }
1795
1796
  render() {
1796
- return this.direction === "vertical" ? this.hasContent ? a`
1797
+ return this.direction === "vertical" ? this.hasContent ? s`
1797
1798
  <div class="divider--vertical">
1798
1799
  <div class="divider__line--vertical"></div>
1799
1800
  <div><slot @slotchange=${this.onSlotChange}></slot></div>
1800
1801
  <div class="divider__line--vertical"></div>
1801
- </div>` : a`<div class="divider--vertical divider--vertical-empty"><slot @slotchange=${this.onSlotChange}></slot></div>` : this.hasContent ? a`
1802
+ </div>` : s`<div class="divider--vertical divider--vertical-empty"><slot @slotchange=${this.onSlotChange}></slot></div>` : this.hasContent ? s`
1802
1803
  <div class="divider--horizontal">
1803
1804
  <div class="divider__line--horizontal"></div>
1804
1805
  <div><slot @slotchange=${this.onSlotChange}></slot></div>
1805
1806
  <div class="divider__line--horizontal"></div>
1806
- </div>` : a`<div class="divider--horizontal divider--horizontal-empty"><slot @slotchange=${this.onSlotChange}></slot></div>`;
1807
+ </div>` : s`<div class="divider--horizontal divider--horizontal-empty"><slot @slotchange=${this.onSlotChange}></slot></div>`;
1807
1808
  }
1808
1809
  };
1809
1810
  re.styles = g`
@@ -1818,7 +1819,7 @@ re.styles = g`
1818
1819
  `;
1819
1820
  let m2 = re;
1820
1821
  v3([
1821
- s({ reflect: !0 })
1822
+ a({ reflect: !0 })
1822
1823
  ], m2.prototype, "direction");
1823
1824
  v3([
1824
1825
  m()
@@ -1834,7 +1835,7 @@ const le = class le extends u {
1834
1835
  super(...arguments), this.variant = "gray";
1835
1836
  }
1836
1837
  render() {
1837
- return a`<div class="dot dot--${this.variant}" part="dot"></div>`;
1838
+ return s`<div class="dot dot--${this.variant}" part="dot"></div>`;
1838
1839
  }
1839
1840
  };
1840
1841
  le.styles = g`
@@ -1848,7 +1849,7 @@ le.styles = g`
1848
1849
  `;
1849
1850
  let D2 = le;
1850
1851
  m7([
1851
- s()
1852
+ a()
1852
1853
  ], D2.prototype, "variant");
1853
1854
  customElements.get("anduin-dot") || customElements.define("anduin-dot", D2);
1854
1855
  var b7 = Object.defineProperty, m3 = (r, e, t, o) => {
@@ -1856,7 +1857,7 @@ var b7 = Object.defineProperty, m3 = (r, e, t, o) => {
1856
1857
  (l = r[n]) && (i = l(e, t, i) || i);
1857
1858
  return i && b7(e, t, i), i;
1858
1859
  };
1859
- const se = class se extends u {
1860
+ const ae = class ae extends u {
1860
1861
  constructor() {
1861
1862
  super(...arguments), this.percent = "", this.height = "medium";
1862
1863
  }
@@ -1864,7 +1865,7 @@ const se = class se extends u {
1864
1865
  const e = this.height === "large" ? 8 : 3, t = this.percent === "" || this.percent === null;
1865
1866
  let o = "";
1866
1867
  const i = ["progress__fill"];
1867
- return t ? i.push("progress__fill--indeterminate") : o = `width: ${Math.max(0, Math.min(1, parseFloat(this.percent) || 0)) * 100}%;`, a`
1868
+ return t ? i.push("progress__fill--indeterminate") : o = `width: ${Math.max(0, Math.min(1, parseFloat(this.percent) || 0)) * 100}%;`, s`
1868
1869
  <div class="progress" style="height: ${e}px;" part="progress">
1869
1870
  <div class="${i.join(" ")}" style="${o}"></div>
1870
1871
  <div class="progress__background"></div>
@@ -1872,7 +1873,7 @@ const se = class se extends u {
1872
1873
  `;
1873
1874
  }
1874
1875
  };
1875
- se.styles = g`
1876
+ ae.styles = g`
1876
1877
  :host { display: block; font-family: var(--font-sans); }
1877
1878
  .progress { overflow-x: hidden; position: relative; border-radius: 9999px; }
1878
1879
  .progress__fill {
@@ -1888,12 +1889,12 @@ se.styles = g`
1888
1889
  to { transform: translateX(330%); }
1889
1890
  }
1890
1891
  `;
1891
- let b2 = se;
1892
+ let b2 = ae;
1892
1893
  m3([
1893
- s()
1894
+ a()
1894
1895
  ], b2.prototype, "percent");
1895
1896
  m3([
1896
- s()
1897
+ a()
1897
1898
  ], b2.prototype, "height");
1898
1899
  customElements.get("anduin-progress") || customElements.define("anduin-progress", b2);
1899
1900
  var y7 = Object.defineProperty, q1 = (r, e, t, o) => {
@@ -1901,7 +1902,7 @@ var y7 = Object.defineProperty, q1 = (r, e, t, o) => {
1901
1902
  (l = r[n]) && (i = l(e, t, i) || i);
1902
1903
  return i && y7(e, t, i), i;
1903
1904
  };
1904
- const ae = class ae extends u {
1905
+ const se = class se extends u {
1905
1906
  constructor() {
1906
1907
  super(...arguments), this.effect = "pulse", this.shape = "rectangle", this.height = "", this.width = "100%", this.duration = 1500, this.fontSize = "";
1907
1908
  }
@@ -1913,14 +1914,14 @@ const ae = class ae extends u {
1913
1914
  this.shape === "rectangle" ? "skeleton--rectangle" : "",
1914
1915
  this.shape === "text" && this.fontSize ? "skeleton--text" : ""
1915
1916
  ].filter(Boolean).join(" "), t = this.shape === "text" && this.fontSize ? `--anduin-skeleton-font-size: ${this.fontSize};` : "", o = `${this.height ? `height: ${this.height};` : ""} width: ${this.width};`, i = this.effect === "pulse" ? `animation: skeleton-pulse ${this.duration}ms ease-in-out infinite;` : "";
1916
- return a`
1917
+ return s`
1917
1918
  <div class="${e}" style="${t} ${o} ${i}" part="skeleton">
1918
- ${this.effect === "wave" ? a`<div class="skeleton__wave" style="animation: skeleton-wave ${this.duration}ms linear infinite;"></div>` : ""}
1919
+ ${this.effect === "wave" ? s`<div class="skeleton__wave" style="animation: skeleton-wave ${this.duration}ms linear infinite;"></div>` : ""}
1919
1920
  </div>
1920
1921
  `;
1921
1922
  }
1922
1923
  };
1923
- ae.styles = g`
1924
+ se.styles = g`
1924
1925
  :host { display: block; height: 100%; font-family: var(--font-sans); }
1925
1926
  .skeleton { background-color: var(--color-gray-3); position: relative; overflow: hidden; }
1926
1927
  .skeleton--circle { border-radius: 9999px; }
@@ -1939,24 +1940,24 @@ ae.styles = g`
1939
1940
  0% { transform: translateX(-100%); } 100% { transform: translateX(100%); }
1940
1941
  }
1941
1942
  `;
1942
- let r1 = ae;
1943
+ let r1 = se;
1943
1944
  q1([
1944
- s()
1945
+ a()
1945
1946
  ], r1.prototype, "effect");
1946
1947
  q1([
1947
- s()
1948
+ a()
1948
1949
  ], r1.prototype, "shape");
1949
1950
  q1([
1950
- s()
1951
+ a()
1951
1952
  ], r1.prototype, "height");
1952
1953
  q1([
1953
- s()
1954
+ a()
1954
1955
  ], r1.prototype, "width");
1955
1956
  q1([
1956
- s({ type: Number })
1957
+ a({ type: Number })
1957
1958
  ], r1.prototype, "duration");
1958
1959
  q1([
1959
- s({ attribute: "font-size" })
1960
+ a({ attribute: "font-size" })
1960
1961
  ], r1.prototype, "fontSize");
1961
1962
  customElements.get("anduin-skeleton") || customElements.define("anduin-skeleton", r1);
1962
1963
  var H7 = Object.defineProperty, _7 = (r, e, t, o) => {
@@ -1969,7 +1970,7 @@ const de = class de extends u {
1969
1970
  super(...arguments), this.height = "256px";
1970
1971
  }
1971
1972
  render() {
1972
- return a`
1973
+ return s`
1973
1974
  <div class="loading-state" style="height: ${this.height};" part="loading-state">
1974
1975
  <div class="loading-state__indicator">
1975
1976
  <anduin-spinner size="large"></anduin-spinner>
@@ -1987,7 +1988,7 @@ de.styles = g`
1987
1988
  `;
1988
1989
  let P2 = de;
1989
1990
  _7([
1990
- s()
1991
+ a()
1991
1992
  ], P2.prototype, "height");
1992
1993
  customElements.get("anduin-loading-state") || customElements.define("anduin-loading-state", P2);
1993
1994
  var L7 = Object.defineProperty, W5 = (r, e, t, o) => {
@@ -2011,7 +2012,7 @@ const b3 = "anduin-field:label-click", f1 = "anduin-field:label-click-coordinate
2011
2012
  }
2012
2013
  render() {
2013
2014
  const e = this.orientation === "horizontal";
2014
- return a`
2015
+ return s`
2015
2016
  <div class="field ${e ? "field--horizontal" : "field--vertical"}" part="field">
2016
2017
  <slot></slot>
2017
2018
  </div>
@@ -2026,7 +2027,7 @@ ce.styles = g`
2026
2027
  `;
2027
2028
  let B2 = ce;
2028
2029
  W5([
2029
- s()
2030
+ a()
2030
2031
  ], B2.prototype, "orientation");
2031
2032
  const Ce = class Ce extends u {
2032
2033
  constructor() {
@@ -2043,14 +2044,14 @@ const Ce = class Ce extends u {
2043
2044
  })));
2044
2045
  }
2045
2046
  render() {
2046
- return a`
2047
+ return s`
2047
2048
  <label
2048
2049
  class="field-label"
2049
2050
  part="label"
2050
2051
  for=${this.htmlfor || ""}
2051
2052
  @click=${this.onLabelClick}
2052
2053
  >
2053
- <slot></slot>${this.required ? a`<span class="field-label__required"> *</span>` : ""}
2054
+ <slot></slot>${this.required ? s`<span class="field-label__required"> *</span>` : ""}
2054
2055
  </label>
2055
2056
  `;
2056
2057
  }
@@ -2062,24 +2063,24 @@ Ce.styles = g`
2062
2063
  `;
2063
2064
  let y2 = Ce;
2064
2065
  W5([
2065
- s()
2066
+ a()
2066
2067
  ], y2.prototype, "htmlfor");
2067
2068
  W5([
2068
- s({ type: Boolean })
2069
+ a({ type: Boolean })
2069
2070
  ], y2.prototype, "required");
2070
2071
  const pe = class pe extends u {
2071
2072
  render() {
2072
- return a`<div class="field-description" part="description"><slot></slot></div>`;
2073
+ return s`<div class="field-description" part="description"><slot></slot></div>`;
2073
2074
  }
2074
2075
  };
2075
2076
  pe.styles = g`
2076
2077
  :host { display: inline-block; font-family: var(--font-sans); }
2077
2078
  .field-description { display: block; line-height: 16px; font-size: 11px; color: var(--color-gray-7); }
2078
2079
  `;
2079
- let a5 = pe;
2080
+ let s5 = pe;
2080
2081
  const he = class he extends u {
2081
2082
  render() {
2082
- return a`<div class="field-error" part="error"><slot></slot></div>`;
2083
+ return s`<div class="field-error" part="error"><slot></slot></div>`;
2083
2084
  }
2084
2085
  };
2085
2086
  he.styles = g`
@@ -2089,7 +2090,7 @@ he.styles = g`
2089
2090
  let d5 = he;
2090
2091
  const ue = class ue extends u {
2091
2092
  render() {
2092
- return a`<div class="field-group" part="group"><slot></slot></div>`;
2093
+ return s`<div class="field-group" part="group"><slot></slot></div>`;
2093
2094
  }
2094
2095
  };
2095
2096
  ue.styles = g`
@@ -2099,7 +2100,7 @@ ue.styles = g`
2099
2100
  let c5 = ue;
2100
2101
  customElements.get("anduin-field") || customElements.define("anduin-field", B2);
2101
2102
  customElements.get("anduin-field-label") || customElements.define("anduin-field-label", y2);
2102
- customElements.get("anduin-field-description") || customElements.define("anduin-field-description", a5);
2103
+ customElements.get("anduin-field-description") || customElements.define("anduin-field-description", s5);
2103
2104
  customElements.get("anduin-field-error") || customElements.define("anduin-field-error", d5);
2104
2105
  customElements.get("anduin-field-group") || customElements.define("anduin-field-group", c5);
2105
2106
  var V7 = Object.defineProperty, R2 = (r, e, t, o) => {
@@ -2137,7 +2138,7 @@ const x7 = "anduin-checkbox:change", ge = class ge extends u {
2137
2138
  this.disabled && !this.indeterminate && !this.checked ? "checkbox__box--disabled" : "",
2138
2139
  !this.indeterminate && !this.checked && !this.readonly && !this.disabled ? "checkbox__box--unchecked" : ""
2139
2140
  ].filter(Boolean).join(" "), t = this.indeterminate ? "minusBold" : this.checked ? "checkBold" : "", o = !this.disabled && !this.readonly, i = o ? 0 : -1;
2140
- return a`
2141
+ return s`
2141
2142
  <label class="${this.disabled ? "is-disabled" : ""}">
2142
2143
  <div
2143
2144
  class="checkbox ${o ? "checkbox--interactive" : ""} ${this.disabled ? "checkbox--disabled" : ""}"
@@ -2153,7 +2154,7 @@ const x7 = "anduin-checkbox:change", ge = class ge extends u {
2153
2154
  />
2154
2155
  <div class="${e}" tabindex="${i}"></div>
2155
2156
  <div class="checkbox__icon ${this.indeterminate || this.checked ? "checkbox__icon--visible" : ""}">
2156
- ${t ? a`<anduin-icon name="${t}" size="16"></anduin-icon>` : p}
2157
+ ${t ? s`<anduin-icon name="${t}" size="16"></anduin-icon>` : p}
2157
2158
  </div>
2158
2159
  </div>
2159
2160
  <span class="checkbox__label"><slot></slot></span>
@@ -2201,19 +2202,19 @@ ge.styles = g`
2201
2202
  `;
2202
2203
  let v1 = ge;
2203
2204
  R2([
2204
- s({ type: Boolean })
2205
+ a({ type: Boolean })
2205
2206
  ], v1.prototype, "checked");
2206
2207
  R2([
2207
- s({ type: Boolean })
2208
+ a({ type: Boolean })
2208
2209
  ], v1.prototype, "disabled");
2209
2210
  R2([
2210
- s({ type: Boolean })
2211
+ a({ type: Boolean })
2211
2212
  ], v1.prototype, "indeterminate");
2212
2213
  R2([
2213
- s({ type: Boolean })
2214
+ a({ type: Boolean })
2214
2215
  ], v1.prototype, "readonly");
2215
2216
  R2([
2216
- s()
2217
+ a()
2217
2218
  ], v1.prototype, "inputid");
2218
2219
  customElements.get("anduin-checkbox") || customElements.define("anduin-checkbox", v1);
2219
2220
  var M7 = Object.defineProperty, Y = (r, e, t, o) => {
@@ -2279,9 +2280,9 @@ const B4 = "anduin-input:change", w7 = "anduin-input:clear", j2 = class j2 exten
2279
2280
  }
2280
2281
  render() {
2281
2282
  const e = this.size === "small" ? "input--small" : this.size === "large" ? "input--large" : "input--default", t = this.status ? `input--${this.status}` : "", o = !!this.startIcon, i = !!this.endIcon || this.clearable && !!this.value, n = this.clearable && !!this.value && !this.disabled && !this.readonly, l = this.size === "small" ? "12" : this.size === "large" ? "20" : "16", d = this.size === "small" ? "10" : this.size === "large" ? "16" : "14";
2282
- return a`
2283
+ return s`
2283
2284
  <div class="input-wrapper">
2284
- ${o ? a`
2285
+ ${o ? s`
2285
2286
  <span class="input__start">
2286
2287
  <anduin-icon name=${this.startIcon} size=${l}></anduin-icon>
2287
2288
  </span>
@@ -2303,14 +2304,14 @@ const B4 = "anduin-input:change", w7 = "anduin-input:clear", j2 = class j2 exten
2303
2304
  @input=${this.onInput}
2304
2305
  />
2305
2306
 
2306
- ${i ? a`
2307
+ ${i ? s`
2307
2308
  <span class="input__end">
2308
- ${n ? a`
2309
+ ${n ? s`
2309
2310
  <button class="input__clear" type="button" @click=${this.onClear} aria-label="Clear">
2310
2311
  <anduin-icon name="cross" size=${d}></anduin-icon>
2311
2312
  </button>
2312
2313
  ` : p}
2313
- ${this.endIcon ? a`
2314
+ ${this.endIcon ? s`
2314
2315
  <anduin-icon name=${this.endIcon} size=${l}></anduin-icon>
2315
2316
  ` : p}
2316
2317
  </span>
@@ -2373,41 +2374,41 @@ j2.shadowRootOptions = { ...u.shadowRootOptions, delegatesFocus: !0 }, j2.styles
2373
2374
  }
2374
2375
  .input__clear:hover { color: var(--color-gray-7); }
2375
2376
  `;
2376
- let I = j2;
2377
+ let O = j2;
2377
2378
  Y([
2378
- s()
2379
- ], I.prototype, "value");
2379
+ a()
2380
+ ], O.prototype, "value");
2380
2381
  Y([
2381
- s()
2382
- ], I.prototype, "size");
2382
+ a()
2383
+ ], O.prototype, "size");
2383
2384
  Y([
2384
- s({ type: Boolean })
2385
- ], I.prototype, "disabled");
2385
+ a({ type: Boolean })
2386
+ ], O.prototype, "disabled");
2386
2387
  Y([
2387
- s({ type: Boolean })
2388
- ], I.prototype, "readonly");
2388
+ a({ type: Boolean })
2389
+ ], O.prototype, "readonly");
2389
2390
  Y([
2390
- s()
2391
- ], I.prototype, "placeholder");
2391
+ a()
2392
+ ], O.prototype, "placeholder");
2392
2393
  Y([
2393
- s()
2394
- ], I.prototype, "inputid");
2394
+ a()
2395
+ ], O.prototype, "inputid");
2395
2396
  Y([
2396
- s()
2397
- ], I.prototype, "status");
2397
+ a()
2398
+ ], O.prototype, "status");
2398
2399
  Y([
2399
- s({ attribute: "start-icon" })
2400
- ], I.prototype, "startIcon");
2400
+ a({ attribute: "start-icon" })
2401
+ ], O.prototype, "startIcon");
2401
2402
  Y([
2402
- s({ attribute: "end-icon" })
2403
- ], I.prototype, "endIcon");
2403
+ a({ attribute: "end-icon" })
2404
+ ], O.prototype, "endIcon");
2404
2405
  Y([
2405
- s({ type: Boolean })
2406
- ], I.prototype, "clearable");
2406
+ a({ type: Boolean })
2407
+ ], O.prototype, "clearable");
2407
2408
  Y([
2408
2409
  k("input")
2409
- ], I.prototype, "inputEl");
2410
- customElements.get("anduin-input") || customElements.define("anduin-input", I);
2410
+ ], O.prototype, "inputEl");
2411
+ customElements.get("anduin-input") || customElements.define("anduin-input", O);
2411
2412
  var Z7 = Object.defineProperty, y3 = (r, e, t, o) => {
2412
2413
  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
2413
2414
  (l = r[n]) && (i = l(e, t, i) || i);
@@ -2457,20 +2458,20 @@ function F4(r, e, t, o, i) {
2457
2458
  return { left: 0, top: 0 };
2458
2459
  }
2459
2460
  }
2460
- function I4(r, e) {
2461
+ function O4(r, e) {
2461
2462
  return e.right >= r.left && e.left <= r.right && e.top <= r.bottom && e.bottom >= r.top;
2462
2463
  }
2463
- function O4(r, e) {
2464
+ function I4(r, e) {
2464
2465
  const t = Math.max(r.left, e.left), o = Math.max(r.top, e.top), i = Math.min(r.right, e.right), n = Math.min(r.bottom, e.bottom);
2465
2466
  return i < t || n < o ? 0 : (i - t) * (n - o);
2466
2467
  }
2467
2468
  function R7(r, e, t, o = 8) {
2468
2469
  const i = window.innerWidth, n = window.innerHeight, l = { left: 0, top: 0, right: i, bottom: n }, d = e.width, c = e.height;
2469
- if (!I4(
2470
+ if (!O4(
2470
2471
  { left: r.left, top: r.top, right: r.right, bottom: r.bottom },
2471
2472
  l
2472
2473
  )) return null;
2473
- const C = F4(r, d, c, t, o), h = k7.map((b) => ({ p: b, off: F4(r, d, c, b, o) })).filter(({ off: b }) => I4({ left: b.left, top: b.top, right: b.left + d, bottom: b.top + c }, l));
2474
+ const C = F4(r, d, c, t, o), h = k7.map((b) => ({ p: b, off: F4(r, d, c, b, o) })).filter(({ off: b }) => O4({ left: b.left, top: b.top, right: b.left + d, bottom: b.top + c }, l));
2474
2475
  if (h.length === 0)
2475
2476
  return {
2476
2477
  placement: t,
@@ -2478,7 +2479,7 @@ function R7(r, e, t, o = 8) {
2478
2479
  top: Math.round(Math.min(Math.max(C.top, 0), n - c))
2479
2480
  };
2480
2481
  h.sort((b, V) => {
2481
- const _ = { left: b.off.left, top: b.off.top, right: b.off.left + d, bottom: b.off.top + c }, v = { left: V.off.left, top: V.off.top, right: V.off.left + d, bottom: V.off.top + c }, x = O4(_, l), M = O4(v, l);
2482
+ const _ = { left: b.off.left, top: b.off.top, right: b.off.left + d, bottom: b.off.top + c }, v = { left: V.off.left, top: V.off.top, right: V.off.left + d, bottom: V.off.top + c }, x = I4(_, l), M = I4(v, l);
2482
2483
  if (M !== x) return M - x;
2483
2484
  const D = Math.abs(b.off.left - C.left) + Math.abs(b.off.top - C.top), K = Math.abs(V.off.left - C.left) + Math.abs(V.off.top - C.top);
2484
2485
  return D - K;
@@ -2560,7 +2561,7 @@ const fe = class fe extends u {
2560
2561
  this.dispatchEvent(new CustomEvent(x3, { detail: e, bubbles: !1, composed: !1 }));
2561
2562
  }
2562
2563
  render() {
2563
- return a`<div class="tooltip-root" part="tooltip"><slot></slot></div>`;
2564
+ return s`<div class="tooltip-root" part="tooltip"><slot></slot></div>`;
2564
2565
  }
2565
2566
  };
2566
2567
  fe.styles = g`
@@ -2576,10 +2577,10 @@ fe.styles = g`
2576
2577
  `;
2577
2578
  let H2 = fe;
2578
2579
  y3([
2579
- s({ type: Boolean })
2580
+ a({ type: Boolean })
2580
2581
  ], H2.prototype, "disabled");
2581
2582
  y3([
2582
- s()
2583
+ a()
2583
2584
  ], H2.prototype, "placement");
2584
2585
  const ve = class ve extends u {
2585
2586
  firstUpdated() {
@@ -2592,7 +2593,7 @@ const ve = class ve extends u {
2592
2593
  });
2593
2594
  }
2594
2595
  render() {
2595
- return a`<span class="tooltip-trigger" part="tooltip-trigger"><slot></slot></span>`;
2596
+ return s`<span class="tooltip-trigger" part="tooltip-trigger"><slot></slot></span>`;
2596
2597
  }
2597
2598
  };
2598
2599
  ve.styles = g`
@@ -2661,7 +2662,7 @@ const me = class me extends u {
2661
2662
  this.popupEl && (this.popupEl.remove(), this.popupEl = null, this.dispatchEvent(new CustomEvent(V3, { bubbles: !0, composed: !0 }))), this.cleanupGraceAreaListeners();
2662
2663
  }
2663
2664
  render() {
2664
- return a`<div class="tooltip-content-wrapper"></div>`;
2665
+ return s`<div class="tooltip-content-wrapper"></div>`;
2665
2666
  }
2666
2667
  };
2667
2668
  me.styles = g`
@@ -2774,14 +2775,14 @@ const z7 = "anduin-inline-edit:save", S7 = "anduin-inline-edit:cancel", A7 = "an
2774
2775
  }
2775
2776
  _renderView() {
2776
2777
  const e = !this.value, t = this.clickToEdit && !this.disabled;
2777
- return a`
2778
+ return s`
2778
2779
  <div class="view" part="view">
2779
2780
  <span
2780
2781
  class="text ${t ? "text--clickable" : ""} ${e && !this._hasSlotted ? "text--placeholder" : ""}"
2781
2782
  part="text"
2782
2783
  @click=${this._onTextClick}
2783
2784
  >${this._hasSlotted ? p : e ? this.placeholder : this.value}<slot @slotchange=${this._onSlotChange}></slot></span>
2784
- ${this.disabled ? p : a`
2785
+ ${this.disabled ? p : s`
2785
2786
  <anduin-tooltip class="switcher" part="switcher">
2786
2787
  <anduin-tooltip-trigger>
2787
2788
  <anduin-button
@@ -2800,7 +2801,7 @@ const z7 = "anduin-inline-edit:save", S7 = "anduin-inline-edit:cancel", A7 = "an
2800
2801
  }
2801
2802
  _renderEdit() {
2802
2803
  const e = this.size === "small" ? "small" : "medium", t = !!this._error, o = this.size === "small" ? 14 : 26, i = this._openWidth ? `max(8em, ${Math.ceil(this._openWidth) + o}px + 2ch)` : "12em";
2803
- return a`
2804
+ return s`
2804
2805
  <div class="edit" part="edit">
2805
2806
  <input
2806
2807
  class="field field--${e} ${t ? "field--invalid" : ""}"
@@ -2904,28 +2905,28 @@ be.styles = g`
2904
2905
  `;
2905
2906
  let $ = be;
2906
2907
  F([
2907
- s()
2908
+ a()
2908
2909
  ], $.prototype, "value");
2909
2910
  F([
2910
- s()
2911
+ a()
2911
2912
  ], $.prototype, "placeholder");
2912
2913
  F([
2913
- s()
2914
+ a()
2914
2915
  ], $.prototype, "size");
2915
2916
  F([
2916
- s()
2917
+ a()
2917
2918
  ], $.prototype, "mode");
2918
2919
  F([
2919
- s({ type: Boolean, reflect: !0 })
2920
+ a({ type: Boolean, reflect: !0 })
2920
2921
  ], $.prototype, "disabled");
2921
2922
  F([
2922
- s({ type: Boolean, attribute: "click-to-edit", reflect: !0 })
2923
+ a({ type: Boolean, attribute: "click-to-edit", reflect: !0 })
2923
2924
  ], $.prototype, "clickToEdit");
2924
2925
  F([
2925
- s({ attribute: "edit-label" })
2926
+ a({ attribute: "edit-label" })
2926
2927
  ], $.prototype, "editLabel");
2927
2928
  F([
2928
- s({ attribute: !1 })
2929
+ a({ attribute: !1 })
2929
2930
  ], $.prototype, "validate");
2930
2931
  F([
2931
2932
  m()
@@ -2997,7 +2998,7 @@ const P7 = "anduin-textarea:change", U2 = class U2 extends u {
2997
2998
  }
2998
2999
  render() {
2999
3000
  const e = this.status ? `textarea--${this.status}` : "";
3000
- return a`
3001
+ return s`
3001
3002
  <textarea
3002
3003
  class="textarea
3003
3004
  ${this.disabled ? "textarea--disabled" : ""}
@@ -3033,25 +3034,25 @@ U2.shadowRootOptions = { ...u.shadowRootOptions, delegatesFocus: !0 }, U2.styles
3033
3034
  `;
3034
3035
  let W = U2;
3035
3036
  _1([
3036
- s()
3037
+ a()
3037
3038
  ], W.prototype, "value");
3038
3039
  _1([
3039
- s({ type: Boolean })
3040
+ a({ type: Boolean })
3040
3041
  ], W.prototype, "disabled");
3041
3042
  _1([
3042
- s({ type: Boolean })
3043
+ a({ type: Boolean })
3043
3044
  ], W.prototype, "readonly");
3044
3045
  _1([
3045
- s()
3046
+ a()
3046
3047
  ], W.prototype, "placeholder");
3047
3048
  _1([
3048
- s()
3049
+ a()
3049
3050
  ], W.prototype, "inputid");
3050
3051
  _1([
3051
- s({ type: Number })
3052
+ a({ type: Number })
3052
3053
  ], W.prototype, "rows");
3053
3054
  _1([
3054
- s()
3055
+ a()
3055
3056
  ], W.prototype, "status");
3056
3057
  _1([
3057
3058
  k("textarea")
@@ -3086,7 +3087,7 @@ const M3 = "anduin-tab:trigger-click", W2 = "anduin-tab:value-changed", F7 = "an
3086
3087
  this.dispatchEvent(new CustomEvent(W2, { detail: e, bubbles: !1, composed: !1 }));
3087
3088
  }
3088
3089
  render() {
3089
- return a`<div class="tabs" part="tabs"><slot></slot></div>`;
3090
+ return s`<div class="tabs" part="tabs"><slot></slot></div>`;
3090
3091
  }
3091
3092
  };
3092
3093
  ye.styles = g`
@@ -3097,13 +3098,13 @@ ye.styles = g`
3097
3098
  `;
3098
3099
  let j1 = ye;
3099
3100
  U([
3100
- s({ attribute: "default-value" })
3101
+ a({ attribute: "default-value" })
3101
3102
  ], j1.prototype, "defaultValue");
3102
3103
  U([
3103
- s()
3104
+ a()
3104
3105
  ], j1.prototype, "value");
3105
3106
  U([
3106
- s({ type: Boolean, reflect: !0 })
3107
+ a({ type: Boolean, reflect: !0 })
3107
3108
  ], j1.prototype, "fill");
3108
3109
  const He = class He extends u {
3109
3110
  constructor() {
@@ -3141,7 +3142,7 @@ const He = class He extends u {
3141
3142
  }
3142
3143
  }
3143
3144
  render() {
3144
- return a`
3145
+ return s`
3145
3146
  <div class="tabs-list tabs-list--${this.alignment}" role="tablist" aria-orientation="horizontal" part="tabs-list">
3146
3147
  <slot></slot>
3147
3148
  <div class="tabs-list__indicator"></div>
@@ -3168,7 +3169,7 @@ He.styles = g`
3168
3169
  `;
3169
3170
  let _2 = He;
3170
3171
  U([
3171
- s()
3172
+ a()
3172
3173
  ], _2.prototype, "alignment");
3173
3174
  U([
3174
3175
  k(".tabs-list__indicator")
@@ -3189,7 +3190,7 @@ const _e = class _e extends u {
3189
3190
  this.dispatchEvent(new CustomEvent(M3, { detail: this.value, bubbles: !0, composed: !0 }));
3190
3191
  }
3191
3192
  render() {
3192
- return a`
3193
+ return s`
3193
3194
  <button
3194
3195
  class="tab-trigger ${this.isActive ? "tab-trigger--active" : "tab-trigger--normal"}"
3195
3196
  role="tab"
@@ -3199,9 +3200,9 @@ const _e = class _e extends u {
3199
3200
  @click=${this.onClick}
3200
3201
  >
3201
3202
  <div class="tab-trigger__content">
3202
- ${this.startIcon ? a`<anduin-icon name="${this.startIcon}" size="16"></anduin-icon>` : p}
3203
+ ${this.startIcon ? s`<anduin-icon name="${this.startIcon}" size="16"></anduin-icon>` : p}
3203
3204
  <slot></slot>
3204
- ${this.showBadge ? a`<span class="tab-trigger__badge">${this.badgeCount}</span>` : p}
3205
+ ${this.showBadge ? s`<span class="tab-trigger__badge">${this.badgeCount}</span>` : p}
3205
3206
  </div>
3206
3207
  </button>
3207
3208
  `;
@@ -3232,19 +3233,19 @@ _e.styles = g`
3232
3233
  `;
3233
3234
  let l1 = _e;
3234
3235
  U([
3235
- s({ reflect: !0 })
3236
+ a({ reflect: !0 })
3236
3237
  ], l1.prototype, "value");
3237
3238
  U([
3238
- s({ attribute: "start-icon" })
3239
+ a({ attribute: "start-icon" })
3239
3240
  ], l1.prototype, "startIcon");
3240
3241
  U([
3241
- s({ type: Boolean })
3242
+ a({ type: Boolean })
3242
3243
  ], l1.prototype, "disabled");
3243
3244
  U([
3244
- s({ type: Boolean, attribute: "show-badge" })
3245
+ a({ type: Boolean, attribute: "show-badge" })
3245
3246
  ], l1.prototype, "showBadge");
3246
3247
  U([
3247
- s({ attribute: "badge-count" })
3248
+ a({ attribute: "badge-count" })
3248
3249
  ], l1.prototype, "badgeCount");
3249
3250
  U([
3250
3251
  m()
@@ -3265,7 +3266,7 @@ const Le = class Le extends u {
3265
3266
  e.has("isActive") && this.toggleAttribute("active", this.isActive);
3266
3267
  }
3267
3268
  render() {
3268
- return a`
3269
+ return s`
3269
3270
  <div class="tab-content" role="tabpanel" tabindex="0" part="tab-content">
3270
3271
  <slot></slot>
3271
3272
  </div>
@@ -3279,7 +3280,7 @@ Le.styles = g`
3279
3280
  `;
3280
3281
  let L2 = Le;
3281
3282
  U([
3282
- s()
3283
+ a()
3283
3284
  ], L2.prototype, "value");
3284
3285
  U([
3285
3286
  m()
@@ -3288,12 +3289,12 @@ customElements.get("anduin-tabs") || customElements.define("anduin-tabs", j1);
3288
3289
  customElements.get("anduin-tabs-list") || customElements.define("anduin-tabs-list", _2);
3289
3290
  customElements.get("anduin-tab-trigger") || customElements.define("anduin-tab-trigger", l1);
3290
3291
  customElements.get("anduin-tab-content") || customElements.define("anduin-tab-content", L2);
3291
- var I7 = Object.defineProperty, q5 = (r, e, t, o) => {
3292
+ var O7 = Object.defineProperty, q5 = (r, e, t, o) => {
3292
3293
  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
3293
3294
  (l = r[n]) && (i = l(e, t, i) || i);
3294
- return i && I7(e, t, i), i;
3295
+ return i && O7(e, t, i), i;
3295
3296
  };
3296
- const O7 = "anduin-tag-close:click", T7 = {
3297
+ const I7 = "anduin-tag-close:click", T7 = {
3297
3298
  gray: "tag--light-gray",
3298
3299
  primary: "tag--light-primary",
3299
3300
  success: "tag--light-success",
@@ -3349,9 +3350,9 @@ const O7 = "anduin-tag-close:click", T7 = {
3349
3350
  }
3350
3351
  render() {
3351
3352
  const e = T7[this.variant] || "tag--light-gray", t = N7[this.variant] || "tag__icon--light-gray";
3352
- return a`
3353
+ return s`
3353
3354
  <div class="tag ${e} ${this.disabled ? "tag--disabled" : ""}" part="tag">
3354
- ${this.icon ? a`<anduin-icon name="${this.icon}" size="12" class="tag__icon ${t}"></anduin-icon>` : p}
3355
+ ${this.icon ? s`<anduin-icon name="${this.icon}" size="12" class="tag__icon ${t}"></anduin-icon>` : p}
3355
3356
  <div class="tag__label"><slot></slot></div>
3356
3357
  <slot name="closeButton" class="tag__close"></slot>
3357
3358
  </div>
@@ -3408,20 +3409,20 @@ Ve.styles = g`
3408
3409
  `;
3409
3410
  let U1 = Ve;
3410
3411
  q5([
3411
- s()
3412
+ a()
3412
3413
  ], U1.prototype, "variant");
3413
3414
  q5([
3414
- s()
3415
+ a()
3415
3416
  ], U1.prototype, "icon");
3416
3417
  q5([
3417
- s({ type: Boolean })
3418
+ a({ type: Boolean })
3418
3419
  ], U1.prototype, "disabled");
3419
3420
  const xe = class xe extends u {
3420
3421
  onClick() {
3421
- this.dispatchEvent(new CustomEvent(O7, { bubbles: !0, composed: !0 }));
3422
+ this.dispatchEvent(new CustomEvent(I7, { bubbles: !0, composed: !0 }));
3422
3423
  }
3423
3424
  render() {
3424
- return a`
3425
+ return s`
3425
3426
  <button class="tag-close__button" part="tag-close" @click=${this.onClick}>
3426
3427
  <anduin-icon name="crossSmall" size="12"></anduin-icon>
3427
3428
  </button>
@@ -3441,7 +3442,7 @@ xe.styles = g`
3441
3442
  let u5 = xe;
3442
3443
  customElements.get("anduin-tag") || customElements.define("anduin-tag", U1);
3443
3444
  customElements.get("anduin-tag-close") || customElements.define("anduin-tag-close", u5);
3444
- var j7 = Object.defineProperty, O = (r, e, t, o) => {
3445
+ var j7 = Object.defineProperty, I = (r, e, t, o) => {
3445
3446
  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
3446
3447
  (l = r[n]) && (i = l(e, t, i) || i);
3447
3448
  return i && j7(e, t, i), i;
@@ -3492,7 +3493,7 @@ const U7 = "anduin-toggle-group:change", G7 = "anduin-toggle-group-item:change",
3492
3493
  t.selected = e.includes(t.value), t.groupSize = this.size, t.groupVariant = this.variant, t.groupMode = this.mode;
3493
3494
  }
3494
3495
  render() {
3495
- return a`
3496
+ return s`
3496
3497
  <div class="toggle-group toggle-group--${this.size} ${this.gap ? "toggle-group--gap" : ""}" role="group" part="toggle-group">
3497
3498
  <slot @slotchange=${this.syncItems}></slot>
3498
3499
  </div>
@@ -3534,25 +3535,25 @@ Me.styles = g`
3534
3535
  .toggle-group--gap ::slotted(anduin-toggle-group-item) { --toggle-group-item-radius: 4px; --toggle-group-item-border-left: 1px; }
3535
3536
  `;
3536
3537
  let X = Me;
3537
- O([
3538
- s()
3538
+ I([
3539
+ a()
3539
3540
  ], X.prototype, "mode");
3540
- O([
3541
- s({ attribute: "default-value" })
3541
+ I([
3542
+ a({ attribute: "default-value" })
3542
3543
  ], X.prototype, "defaultValue");
3543
- O([
3544
- s()
3544
+ I([
3545
+ a()
3545
3546
  ], X.prototype, "value");
3546
- O([
3547
- s()
3547
+ I([
3548
+ a()
3548
3549
  ], X.prototype, "size");
3549
- O([
3550
- s()
3550
+ I([
3551
+ a()
3551
3552
  ], X.prototype, "variant");
3552
- O([
3553
- s({ type: Boolean })
3553
+ I([
3554
+ a({ type: Boolean })
3554
3555
  ], X.prototype, "gap");
3555
- O([
3556
+ I([
3556
3557
  m()
3557
3558
  ], X.prototype, "internalValue");
3558
3559
  const we = class we extends u {
@@ -3588,7 +3589,7 @@ const we = class we extends u {
3588
3589
  this.disabled ? "toggle-item--disabled" : "",
3589
3590
  `toggle-item--variant-${this.groupVariant}`
3590
3591
  ].filter(Boolean).join(" ");
3591
- return a`
3592
+ return s`
3592
3593
  <button
3593
3594
  type="button"
3594
3595
  class="${e}"
@@ -3598,7 +3599,7 @@ const we = class we extends u {
3598
3599
  @click=${this.onClick}
3599
3600
  >
3600
3601
  <div class="toggle-item__content">
3601
- ${this.startIcon ? a`<div class="toggle-item__icon"><anduin-icon name="${this.startIcon}" size="${this.groupSize === "small" ? 12 : 16}"></anduin-icon></div>` : p}
3602
+ ${this.startIcon ? s`<div class="toggle-item__icon"><anduin-icon name="${this.startIcon}" size="${this.groupSize === "small" ? 12 : 16}"></anduin-icon></div>` : p}
3602
3603
  <slot></slot>
3603
3604
  </div>
3604
3605
  </button>
@@ -3642,26 +3643,26 @@ we.styles = g`
3642
3643
  .toggle-item--variant-primary.toggle-item--selected .toggle-item__icon { color: var(--color-primary-4); }
3643
3644
  `;
3644
3645
  let J = we;
3645
- O([
3646
- s({ reflect: !0 })
3646
+ I([
3647
+ a({ reflect: !0 })
3647
3648
  ], J.prototype, "value");
3648
- O([
3649
- s({ attribute: "start-icon" })
3649
+ I([
3650
+ a({ attribute: "start-icon" })
3650
3651
  ], J.prototype, "startIcon");
3651
- O([
3652
- s({ type: Boolean })
3652
+ I([
3653
+ a({ type: Boolean })
3653
3654
  ], J.prototype, "disabled");
3654
- O([
3655
- s({ attribute: !1 })
3655
+ I([
3656
+ a({ attribute: !1 })
3656
3657
  ], J.prototype, "selected");
3657
- O([
3658
- s({ attribute: !1 })
3658
+ I([
3659
+ a({ attribute: !1 })
3659
3660
  ], J.prototype, "groupSize");
3660
- O([
3661
- s({ attribute: !1 })
3661
+ I([
3662
+ a({ attribute: !1 })
3662
3663
  ], J.prototype, "groupVariant");
3663
- O([
3664
- s({ attribute: !1 })
3664
+ I([
3665
+ a({ attribute: !1 })
3665
3666
  ], J.prototype, "groupMode");
3666
3667
  function e5(r) {
3667
3668
  return r.split(" ").map((e) => e.trim()).filter(Boolean);
@@ -3678,7 +3679,7 @@ const X7 = "anduin-well-close:click", Ze = class Ze extends u {
3678
3679
  super(...arguments), this.variant = "gray";
3679
3680
  }
3680
3681
  render() {
3681
- return a`
3682
+ return s`
3682
3683
  <div class="well well--${this.variant}" part="well">
3683
3684
  <slot
3684
3685
  name="icon"
@@ -3770,7 +3771,7 @@ Ze.styles = g`
3770
3771
  `;
3771
3772
  let F2 = Ze;
3772
3773
  q7([
3773
- s()
3774
+ a()
3774
3775
  ], F2.prototype, "variant");
3775
3776
  const ke = class ke extends u {
3776
3777
  onClick() {
@@ -3779,7 +3780,7 @@ const ke = class ke extends u {
3779
3780
  );
3780
3781
  }
3781
3782
  render() {
3782
- return a`
3783
+ return s`
3783
3784
  <button
3784
3785
  class="well-close__button"
3785
3786
  part="well-close"
@@ -3879,7 +3880,7 @@ const v5 = "anduin-popover:close", m5 = "anduin-popover:open-change", Re = class
3879
3880
  K === "start" ? f = o.left : K === "end" ? f = o.right - l.width : f = o.left + o.width / 2 - l.width / 2, f = Math.max(h, Math.min(f, c - l.width - h)), y = Math.max(h, Math.min(y, C - l.height - h)), t.style.transform = `translate(${Math.round(f - n.left)}px, ${Math.round(y - n.top)}px)`, t.dataset.side = b;
3880
3881
  }
3881
3882
  render() {
3882
- return a`
3883
+ return s`
3883
3884
  <div class="popover__trigger" @click=${this._onTriggerClick} part="trigger">
3884
3885
  <slot name="trigger"></slot>
3885
3886
  </div>
@@ -3946,13 +3947,13 @@ Re.styles = g`
3946
3947
  `;
3947
3948
  let Q = Re;
3948
3949
  E1([
3949
- s({ type: Boolean, reflect: !0 })
3950
+ a({ type: Boolean, reflect: !0 })
3950
3951
  ], Q.prototype, "open");
3951
3952
  E1([
3952
- s()
3953
+ a()
3953
3954
  ], Q.prototype, "placement");
3954
3955
  E1([
3955
- s({ type: Boolean, attribute: "full-width", reflect: !0 })
3956
+ a({ type: Boolean, attribute: "full-width", reflect: !0 })
3956
3957
  ], Q.prototype, "fullWidth");
3957
3958
  E1([
3958
3959
  m()
@@ -3972,7 +3973,7 @@ const $e = class $e extends u {
3972
3973
  this.dispatchEvent(new CustomEvent(v5, { bubbles: !0, composed: !0 }));
3973
3974
  }
3974
3975
  render() {
3975
- return a`<span @click=${this._onClick}><slot></slot></span>`;
3976
+ return s`<span @click=${this._onClick}><slot></slot></span>`;
3976
3977
  }
3977
3978
  };
3978
3979
  $e.styles = g`:host { display: contents; }`;
@@ -4037,7 +4038,7 @@ const y5 = "anduin-menu-item:click", Ee = class Ee extends u {
4037
4038
  t.style.transform = `translate(${Math.round(c - n.left)}px, ${Math.round(C - n.top)}px)`, t.dataset.side = h;
4038
4039
  }
4039
4040
  render() {
4040
- return a`
4041
+ return s`
4041
4042
  <div class="menu__trigger" @click=${this._onTriggerClick} part="trigger">
4042
4043
  <slot name="trigger"></slot>
4043
4044
  </div>
@@ -4094,10 +4095,10 @@ Ee.styles = g`
4094
4095
  `;
4095
4096
  let $1 = Ee;
4096
4097
  z1([
4097
- s({ type: Boolean, reflect: !0 })
4098
+ a({ type: Boolean, reflect: !0 })
4098
4099
  ], $1.prototype, "open");
4099
4100
  z1([
4100
- s()
4101
+ a()
4101
4102
  ], $1.prototype, "placement");
4102
4103
  z1([
4103
4104
  k(".menu__trigger")
@@ -4113,7 +4114,7 @@ const ze = class ze extends u {
4113
4114
  this.dispatchEvent(new CustomEvent(y5, { bubbles: !0, composed: !0 }));
4114
4115
  }
4115
4116
  render() {
4116
- return a`
4117
+ return s`
4117
4118
  <button
4118
4119
  class="menu-item ${this.variant === "danger" ? "menu-item--danger" : ""}"
4119
4120
  role="menuitem"
@@ -4121,7 +4122,7 @@ const ze = class ze extends u {
4121
4122
  part="menu-item"
4122
4123
  @click=${this._onClick}
4123
4124
  >
4124
- ${this.icon ? a`<anduin-icon name="${this.icon}" size="16"></anduin-icon>` : p}
4125
+ ${this.icon ? s`<anduin-icon name="${this.icon}" size="16"></anduin-icon>` : p}
4125
4126
  <span class="menu-item__label"><slot></slot></span>
4126
4127
  </button>
4127
4128
  `;
@@ -4159,13 +4160,13 @@ ze.styles = g`
4159
4160
  `;
4160
4161
  let G1 = ze;
4161
4162
  z1([
4162
- s()
4163
+ a()
4163
4164
  ], G1.prototype, "icon");
4164
4165
  z1([
4165
- s()
4166
+ a()
4166
4167
  ], G1.prototype, "variant");
4167
4168
  z1([
4168
- s({ type: Boolean })
4169
+ a({ type: Boolean })
4169
4170
  ], G1.prototype, "disabled");
4170
4171
  customElements.get("anduin-menu") || customElements.define("anduin-menu", $1);
4171
4172
  customElements.get("anduin-menu-item") || customElements.define("anduin-menu-item", G1);
@@ -4225,7 +4226,7 @@ const L1 = (g1 = class extends u {
4225
4226
  }
4226
4227
  render() {
4227
4228
  const e = this._leaving, t = this.fullscreen;
4228
- return a`
4229
+ return s`
4229
4230
  <div
4230
4231
  class=${`overlay${e ? " is-leaving" : ""}`}
4231
4232
  @click=${this.onOverlayClick}
@@ -4237,10 +4238,10 @@ const L1 = (g1 = class extends u {
4237
4238
  aria-modal="true"
4238
4239
  aria-labelledby="modal-title"
4239
4240
  >
4240
- ${this.hideHeader ? p : a` <div class="header">
4241
+ ${this.hideHeader ? p : s` <div class="header">
4241
4242
  <div class="header-slot">
4242
4243
  <slot name="header">
4243
- ${this.heading ? a`<span id="modal-title" class="title"
4244
+ ${this.heading ? s`<span id="modal-title" class="title"
4244
4245
  >${this.heading}</span
4245
4246
  >` : p}
4246
4247
  </slot>
@@ -4258,7 +4259,7 @@ const L1 = (g1 = class extends u {
4258
4259
  <div class="body">
4259
4260
  <slot></slot>
4260
4261
  </div>
4261
- ${this.hideFooter ? p : a`<div class="footer"><slot name="footer"></slot></div>`}
4262
+ ${this.hideFooter ? p : s`<div class="footer"><slot name="footer"></slot></div>`}
4262
4263
  </div>
4263
4264
  </div>
4264
4265
  `;
@@ -4457,22 +4458,22 @@ const L1 = (g1 = class extends u {
4457
4458
  "1160"
4458
4459
  ]), g1);
4459
4460
  S1([
4460
- s({ type: Boolean, reflect: !0 })
4461
+ a({ type: Boolean, reflect: !0 })
4461
4462
  ], L1.prototype, "open");
4462
4463
  S1([
4463
- s()
4464
+ a()
4464
4465
  ], L1.prototype, "heading");
4465
4466
  S1([
4466
- s({ type: Boolean, attribute: "hide-header" })
4467
+ a({ type: Boolean, attribute: "hide-header" })
4467
4468
  ], L1.prototype, "hideHeader");
4468
4469
  S1([
4469
- s({ type: Boolean, attribute: "hide-footer" })
4470
+ a({ type: Boolean, attribute: "hide-footer" })
4470
4471
  ], L1.prototype, "hideFooter");
4471
4472
  S1([
4472
- s({ attribute: "max-width" })
4473
+ a({ attribute: "max-width" })
4473
4474
  ], L1.prototype, "maxWidth");
4474
4475
  S1([
4475
- s({ type: Boolean })
4476
+ a({ type: Boolean })
4476
4477
  ], L1.prototype, "fullscreen");
4477
4478
  S1([
4478
4479
  m()
@@ -4530,7 +4531,7 @@ const H5 = "anduin-radio:change", rt = "anduin-radio-group:change", Se = class S
4530
4531
  !this.checked && this.disabled ? "radio__circle--disabled" : "",
4531
4532
  !this.checked && !this.readonly && !this.disabled ? "radio__circle--unchecked" : ""
4532
4533
  ].filter(Boolean).join(" ");
4533
- return a`
4534
+ return s`
4534
4535
  <label class="${this.disabled ? "is-disabled" : ""}">
4535
4536
  <div
4536
4537
  class="radio ${e ? "radio--interactive" : ""} ${this.disabled ? "radio--disabled" : ""}"
@@ -4625,26 +4626,26 @@ Se.styles = g`
4625
4626
  transform: scale(1);
4626
4627
  }
4627
4628
  `;
4628
- let s1 = Se;
4629
+ let a1 = Se;
4629
4630
  d1([
4630
- s({ type: Boolean })
4631
- ], s1.prototype, "checked");
4631
+ a({ type: Boolean })
4632
+ ], a1.prototype, "checked");
4632
4633
  d1([
4633
- s({ type: Boolean })
4634
- ], s1.prototype, "disabled");
4634
+ a({ type: Boolean })
4635
+ ], a1.prototype, "disabled");
4635
4636
  d1([
4636
- s({ type: Boolean })
4637
- ], s1.prototype, "readonly");
4637
+ a({ type: Boolean })
4638
+ ], a1.prototype, "readonly");
4638
4639
  d1([
4639
- s()
4640
- ], s1.prototype, "value");
4640
+ a()
4641
+ ], a1.prototype, "value");
4641
4642
  d1([
4642
- s()
4643
- ], s1.prototype, "name");
4643
+ a()
4644
+ ], a1.prototype, "name");
4644
4645
  d1([
4645
- s()
4646
- ], s1.prototype, "inputid");
4647
- customElements.get("anduin-radio") || customElements.define("anduin-radio", s1);
4646
+ a()
4647
+ ], a1.prototype, "inputid");
4648
+ customElements.get("anduin-radio") || customElements.define("anduin-radio", a1);
4648
4649
  const Ae = class Ae extends u {
4649
4650
  constructor() {
4650
4651
  super(...arguments), this.value = "", this.name = "", this.orientation = "vertical", this._onRadioChange = (e) => {
@@ -4666,7 +4667,7 @@ const Ae = class Ae extends u {
4666
4667
  super.disconnectedCallback(), this.removeEventListener(H5, this._onRadioChange);
4667
4668
  }
4668
4669
  render() {
4669
- return a`
4670
+ return s`
4670
4671
  <div class="group group--${this.orientation}" role="radiogroup" part="group">
4671
4672
  <slot></slot>
4672
4673
  </div>
@@ -4685,13 +4686,13 @@ Ae.styles = g`
4685
4686
  `;
4686
4687
  let K1 = Ae;
4687
4688
  d1([
4688
- s()
4689
+ a()
4689
4690
  ], K1.prototype, "value");
4690
4691
  d1([
4691
- s()
4692
+ a()
4692
4693
  ], K1.prototype, "name");
4693
4694
  d1([
4694
- s()
4695
+ a()
4695
4696
  ], K1.prototype, "orientation");
4696
4697
  customElements.get("anduin-radio-group") || customElements.define("anduin-radio-group", K1);
4697
4698
  var lt = Object.defineProperty, A1 = (r, e, t, o) => {
@@ -4709,12 +4710,12 @@ const j4 = [
4709
4710
  { bg: "#F97066", text: "#ffffff" },
4710
4711
  { bg: "#7A5AF8", text: "#ffffff" }
4711
4712
  ];
4712
- function st(r) {
4713
+ function at(r) {
4713
4714
  let e = 0;
4714
4715
  for (let t = 0; t < r.length; t++) e = e * 31 + r.charCodeAt(t) >>> 0;
4715
4716
  return j4[e % j4.length];
4716
4717
  }
4717
- function at(r, e = 2) {
4718
+ function st(r, e = 2) {
4718
4719
  var i;
4719
4720
  const t = r.trim().split(/\s+/), o = ((i = t[0]) == null ? void 0 : i[0]) ?? "";
4720
4721
  return e < 2 || t.length === 1 ? o.toUpperCase() : (o + (t[t.length - 1][0] ?? "")).toUpperCase();
@@ -4730,8 +4731,8 @@ const De = class De extends u {
4730
4731
  return this.size <= 16 ? 10 : this.size <= 20 ? 12 : this.size <= 24 ? 14 : 18;
4731
4732
  }
4732
4733
  render() {
4733
- const e = !!this.src && !this._imgError, t = this.name || this.icon ? st(this.name || this.icon) : { bg: "#F2F4F7", text: "#667085" }, o = this.name ? at(this.name, this.size <= 20 ? 1 : 2) : "";
4734
- return a`
4734
+ const e = !!this.src && !this._imgError, t = this.name || this.icon ? at(this.name || this.icon) : { bg: "#F2F4F7", text: "#667085" }, o = this.name ? st(this.name, this.size <= 20 ? 1 : 2) : "";
4735
+ return s`
4735
4736
  <div
4736
4737
  class="avatar avatar--${this.shape} avatar--${this.size}"
4737
4738
  style=${e ? "" : `background:${t.bg}`}
@@ -4739,7 +4740,7 @@ const De = class De extends u {
4739
4740
  role="img"
4740
4741
  part="avatar"
4741
4742
  >
4742
- ${e ? a`<img src=${this.src} alt=${this.alt || this.name} @error=${this._onImgError} />` : this.icon ? a`<span style="color:${t.text};width:100%;height:100%;display:flex;align-items:center;justify-content:center"><anduin-icon name=${this.icon} size=${this._iconSize()}></anduin-icon></span>` : o ? a`<span style="color:${t.text};background:${t.bg};width:100%;height:100%;display:flex;align-items:center;justify-content:center">${o}</span>` : a`<span style="color:#98A2B3;background:#F2F4F7;width:100%;height:100%;display:flex;align-items:center;justify-content:center">
4743
+ ${e ? s`<img src=${this.src} alt=${this.alt || this.name} @error=${this._onImgError} />` : this.icon ? s`<span style="color:${t.text};width:100%;height:100%;display:flex;align-items:center;justify-content:center"><anduin-icon name=${this.icon} size=${this._iconSize()}></anduin-icon></span>` : o ? s`<span style="color:${t.text};background:${t.bg};width:100%;height:100%;display:flex;align-items:center;justify-content:center">${o}</span>` : s`<span style="color:#98A2B3;background:#F2F4F7;width:100%;height:100%;display:flex;align-items:center;justify-content:center">
4743
4744
  <svg width="60%" height="60%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4744
4745
  <path d="M8 8C9.93 8 11.5 6.43 11.5 4.5S9.93 1 8 1 4.5 2.57 4.5 4.5 6.07 8 8 8zm0 1.5C5.66 9.5 1 10.67 1 13v1h14v-1c0-2.33-4.66-3.5-7-3.5z" fill="currentColor"/>
4745
4746
  </svg>
@@ -4779,22 +4780,22 @@ De.styles = g`
4779
4780
  `;
4780
4781
  let e1 = De;
4781
4782
  A1([
4782
- s()
4783
+ a()
4783
4784
  ], e1.prototype, "src");
4784
4785
  A1([
4785
- s({ reflect: !0 })
4786
+ a({ reflect: !0 })
4786
4787
  ], e1.prototype, "name");
4787
4788
  A1([
4788
- s()
4789
+ a()
4789
4790
  ], e1.prototype, "alt");
4790
4791
  A1([
4791
- s()
4792
+ a()
4792
4793
  ], e1.prototype, "icon");
4793
4794
  A1([
4794
- s({ type: Number })
4795
+ a({ type: Number })
4795
4796
  ], e1.prototype, "size");
4796
4797
  A1([
4797
- s()
4798
+ a()
4798
4799
  ], e1.prototype, "shape");
4799
4800
  A1([
4800
4801
  m()
@@ -5114,7 +5115,7 @@ const Pe = class Pe extends u {
5114
5115
  }
5115
5116
  render() {
5116
5117
  const e = gt(this.type, this.size);
5117
- return e ? a`
5118
+ return e ? s`
5118
5119
  <svg
5119
5120
  width=${this.size}
5120
5121
  height=${this.size}
@@ -5135,10 +5136,10 @@ Pe.styles = g`
5135
5136
  `;
5136
5137
  let V2 = Pe;
5137
5138
  Z3([
5138
- s()
5139
+ a()
5139
5140
  ], V2.prototype, "type");
5140
5141
  Z3([
5141
- s({ type: Number })
5142
+ a({ type: Number })
5142
5143
  ], V2.prototype, "size");
5143
5144
  customElements.get("anduin-file-icon") || customElements.define("anduin-file-icon", V2);
5144
5145
  var vt = Object.defineProperty, D1 = (r, e, t, o) => {
@@ -5173,7 +5174,7 @@ const U4 = {
5173
5174
  }
5174
5175
  render() {
5175
5176
  const e = U4[this.variant] ?? U4.gray;
5176
- return a`
5177
+ return s`
5177
5178
  <div
5178
5179
  class="toast toast--${this.variant} ${this._dismissing ? "toast--dismissing" : ""}"
5179
5180
  part="toast"
@@ -5184,8 +5185,8 @@ const U4 = {
5184
5185
  <anduin-icon name=${e} size="16"></anduin-icon>
5185
5186
  </div>
5186
5187
  <div class="toast__body">
5187
- ${this.heading ? a`<div class="toast__title">${this.heading}</div>` : ""}
5188
- ${this.description ? a`<div class="toast__description">${this.description}</div>` : a`<div class="toast__description"><slot></slot></div>`}
5188
+ ${this.heading ? s`<div class="toast__title">${this.heading}</div>` : ""}
5189
+ ${this.description ? s`<div class="toast__description">${this.description}</div>` : s`<div class="toast__description"><slot></slot></div>`}
5189
5190
  </div>
5190
5191
  <button
5191
5192
  class="toast__close"
@@ -5328,13 +5329,13 @@ Be.styles = g`
5328
5329
  `;
5329
5330
  let m1 = Be;
5330
5331
  D1([
5331
- s()
5332
+ a()
5332
5333
  ], m1.prototype, "variant");
5333
5334
  D1([
5334
- s()
5335
+ a()
5335
5336
  ], m1.prototype, "heading");
5336
5337
  D1([
5337
- s()
5338
+ a()
5338
5339
  ], m1.prototype, "description");
5339
5340
  D1([
5340
5341
  m()
@@ -5370,10 +5371,10 @@ const Fe = class Fe extends u {
5370
5371
  e.stopPropagation(), this._removeById(t);
5371
5372
  }
5372
5373
  render() {
5373
- return a`
5374
+ return s`
5374
5375
  <div class="toaster toaster--${this.position}" part="toaster">
5375
5376
  ${this._toasts.map(
5376
- ({ id: e, opts: t }) => a`
5377
+ ({ id: e, opts: t }) => s`
5377
5378
  <anduin-toast
5378
5379
  data-id=${e}
5379
5380
  variant=${t.variant ?? "gray"}
@@ -5436,7 +5437,7 @@ Fe.styles = g`
5436
5437
  `;
5437
5438
  let x2 = Fe;
5438
5439
  D1([
5439
- s()
5440
+ a()
5440
5441
  ], x2.prototype, "position");
5441
5442
  D1([
5442
5443
  m()
@@ -5472,7 +5473,7 @@ var yt = Object.defineProperty, k3 = (r, e, t, o) => {
5472
5473
  (l = r[n]) && (i = l(e, t, i) || i);
5473
5474
  return i && yt(e, t, i), i;
5474
5475
  };
5475
- const Ht = "anduin-switcher:change", Ie = class Ie extends u {
5476
+ const Ht = "anduin-switcher:change", Oe = class Oe extends u {
5476
5477
  constructor() {
5477
5478
  super(...arguments), this.checked = !1, this.disabled = !1;
5478
5479
  }
@@ -5484,7 +5485,7 @@ const Ht = "anduin-switcher:change", Ie = class Ie extends u {
5484
5485
  }));
5485
5486
  }
5486
5487
  render() {
5487
- return a`
5488
+ return s`
5488
5489
  <label class="${this.disabled ? "is-disabled" : ""}">
5489
5490
  <div class="track${this.checked ? " track--checked" : ""}" part="track">
5490
5491
  <input
@@ -5501,7 +5502,7 @@ const Ht = "anduin-switcher:change", Ie = class Ie extends u {
5501
5502
  `;
5502
5503
  }
5503
5504
  };
5504
- Ie.styles = g`
5505
+ Oe.styles = g`
5505
5506
  :host { display: inline-flex; font-family: var(--font-sans); }
5506
5507
 
5507
5508
  label {
@@ -5565,12 +5566,12 @@ Ie.styles = g`
5565
5566
  line-height: 20px;
5566
5567
  }
5567
5568
  `;
5568
- let M2 = Ie;
5569
+ let M2 = Oe;
5569
5570
  k3([
5570
- s({ type: Boolean })
5571
+ a({ type: Boolean })
5571
5572
  ], M2.prototype, "checked");
5572
5573
  k3([
5573
- s({ type: Boolean })
5574
+ a({ type: Boolean })
5574
5575
  ], M2.prototype, "disabled");
5575
5576
  customElements.get("anduin-switcher") || customElements.define("anduin-switcher", M2);
5576
5577
  var _t = Object.defineProperty, E = (r, e, t, o) => {
@@ -5578,7 +5579,7 @@ var _t = Object.defineProperty, E = (r, e, t, o) => {
5578
5579
  (l = r[n]) && (i = l(e, t, i) || i);
5579
5580
  return i && _t(e, t, i), i;
5580
5581
  };
5581
- const G4 = "anduin-dropdown:change", Oe = class Oe extends u {
5582
+ const G4 = "anduin-dropdown:change", Ie = class Ie extends u {
5582
5583
  constructor() {
5583
5584
  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.clearable = !0, this._open = !1, this._query = "", this._activeIndex = -1, this._onOutsideClick = (e) => {
5584
5585
  var t;
@@ -5672,7 +5673,7 @@ const G4 = "anduin-dropdown:change", Oe = class Oe extends u {
5672
5673
  }
5673
5674
  render() {
5674
5675
  const e = this.options.find((l) => l.value === this.value), t = (e == null ? void 0 : e.label) ?? "", o = e ? e.icon ?? "" : this.icon, i = this._filteredOptions, n = this.clearable && !!this.value && !this.disabled;
5675
- return a`
5676
+ return s`
5676
5677
  <button
5677
5678
  class="trigger trigger--${this.appearance} trigger--${this.variant}${this.size === "small" ? " trigger--small" : ""}${this.value ? " has-value" : ""}"
5678
5679
  part="trigger"
@@ -5682,13 +5683,13 @@ const G4 = "anduin-dropdown:change", Oe = class Oe extends u {
5682
5683
  @click=${this._onTriggerClick}
5683
5684
  @keydown=${this._onKeyDown}
5684
5685
  >
5685
- ${o && t ? a`<anduin-icon name="${o}" size="16"></anduin-icon>` : p}
5686
+ ${o && t ? s`<anduin-icon name="${o}" size="16"></anduin-icon>` : p}
5686
5687
  <span class="trigger__label${t ? "" : " trigger__label--placeholder"}">${t || this.placeholder}</span>
5687
5688
  <span class="trigger__caret${n ? " trigger__caret--clearable" : ""}">
5688
5689
  <span class="trigger__chevron">
5689
5690
  <anduin-icon name="caretDown" size="16"></anduin-icon>
5690
5691
  </span>
5691
- ${n ? a`
5692
+ ${n ? s`
5692
5693
  <span class="trigger__clear" @click=${this._onClear}>
5693
5694
  <anduin-icon name="crossSmall" size="16"></anduin-icon>
5694
5695
  </span>
@@ -5698,7 +5699,7 @@ const G4 = "anduin-dropdown:change", Oe = class Oe extends u {
5698
5699
 
5699
5700
  <div class="panel${this._open ? " panel--open" : ""}" part="panel" @keydown=${this._onKeyDown}>
5700
5701
  <div class="panel__inner" role="listbox">
5701
- ${this.searchable ? a`
5702
+ ${this.searchable ? s`
5702
5703
  <div class="search-wrap">
5703
5704
  <anduin-input
5704
5705
  placeholder="Search ..."
@@ -5710,7 +5711,7 @@ const G4 = "anduin-dropdown:change", Oe = class Oe extends u {
5710
5711
  </div>
5711
5712
  ` : p}
5712
5713
  <div class="options">
5713
- ${i.length ? i.map((l, d) => a`
5714
+ ${i.length ? i.map((l, d) => s`
5714
5715
  <div
5715
5716
  class="option${l.disabled ? " option--disabled" : ""}${l.description ? " option--described" : ""}${d === this._activeIndex ? " option--active" : ""}"
5716
5717
  role="option"
@@ -5722,22 +5723,22 @@ const G4 = "anduin-dropdown:change", Oe = class Oe extends u {
5722
5723
  }}
5723
5724
  >
5724
5725
  <span class="option__check">
5725
- ${l.value === this.value ? a`<anduin-icon name="checkSmall" size="16"></anduin-icon>` : p}
5726
+ ${l.value === this.value ? s`<anduin-icon name="checkSmall" size="16"></anduin-icon>` : p}
5726
5727
  </span>
5727
- ${l.icon ? a`<anduin-icon name="${l.icon}" size="16"></anduin-icon>` : p}
5728
- ${l.description ? a`<span class="option__text">
5728
+ ${l.icon ? s`<anduin-icon name="${l.icon}" size="16"></anduin-icon>` : p}
5729
+ ${l.description ? s`<span class="option__text">
5729
5730
  <span class="option__label">${l.label}</span>
5730
5731
  <span class="option__description" part="option-description">${l.description}</span>
5731
- </span>` : a`<span class="option__label">${l.label}</span>`}
5732
+ </span>` : s`<span class="option__label">${l.label}</span>`}
5732
5733
  </div>
5733
- `) : a`<div class="empty">No results</div>`}
5734
+ `) : s`<div class="empty">No results</div>`}
5734
5735
  </div>
5735
5736
  </div>
5736
5737
  </div>
5737
5738
  `;
5738
5739
  }
5739
5740
  };
5740
- Oe.styles = g`
5741
+ Ie.styles = g`
5741
5742
  :host { display: inline-block; font-family: var(--font-sans); }
5742
5743
  :host([full-width]) { display: block; width: 100%; }
5743
5744
  :host([full-width]) .trigger { width: 100%; }
@@ -5836,7 +5837,18 @@ Oe.styles = g`
5836
5837
  }
5837
5838
  .trigger--small { height: 24px; padding: 0 6px 0 8px; font-size: 11px; font-weight: 500; }
5838
5839
 
5839
- .trigger__chevron { display: flex; transition: opacity 100ms; color: var(--color-gray-7, #344054); }
5840
+ /* Caret and × take the trigger's ink (0.0.62). Both used to be pinned to
5841
+ gray (caret gray-7, × gray-6), which matched only outlined/plain gray9:
5842
+ an outlined primary dropdown drew blue text and a blue border around a
5843
+ gray caret, and a filled primary one a gray caret on blue — so a filter
5844
+ switched to variant="primary" to show it is active looked half-styled.
5845
+ currentColor makes every variant's caret match its own label — the gray
5846
+ ones included. A first cut kept gray0/gray9 pinned to gray-7 so they
5847
+ would look exactly as before, but that preserved two bugs: filled gray9
5848
+ drew a gray-7 caret on its gray-7 fill (invisible), and filled gray0 a
5849
+ gray-7 caret beside gray-8 text. Outlined/plain gray9 are unchanged in
5850
+ practice, since their text is gray-7 already. */
5851
+ .trigger__chevron { display: flex; transition: opacity 100ms; color: currentColor; }
5840
5852
  .trigger__clear {
5841
5853
  position: absolute;
5842
5854
  inset: 0;
@@ -5845,11 +5857,28 @@ Oe.styles = g`
5845
5857
  justify-content: center;
5846
5858
  opacity: 0;
5847
5859
  transition: opacity 100ms;
5848
- color: var(--color-gray-6, #667085);
5860
+ color: currentColor;
5849
5861
  border-radius: 3px;
5850
5862
  }
5851
- .trigger__clear:hover { color: var(--color-gray-9, #101828); background-color: var(--color-gray-3); }
5852
- .trigger__clear:active { background-color: var(--color-gray-4); }
5863
+ /* Hover/press plate on a coloured trigger: a tint of the ink itself, so it
5864
+ is a lighter blue under a white × on filled primary and a pale blue under
5865
+ a blue × on outlined primary. The gray variants' fixed gray-3 plate would
5866
+ put a white × on near-white on every filled variant. */
5867
+ .trigger__clear:hover { background-color: color-mix(in srgb, currentColor 16%, transparent); }
5868
+ .trigger__clear:active { background-color: color-mix(in srgb, currentColor 24%, transparent); }
5869
+ /* The × on the light-surface gray triggers keeps the subdued gray-6 at rest
5870
+ and gray-9 on a gray-3 plate when hovered, as before. Not filled gray9:
5871
+ its fill is gray-7, so a gray-6 × was as invisible there as the old
5872
+ caret; it takes currentColor (white) and the tint plate above. */
5873
+ .trigger--gray0 .trigger__clear,
5874
+ .trigger--outlined.trigger--gray9 .trigger__clear,
5875
+ .trigger--plain.trigger--gray9 .trigger__clear { color: var(--color-gray-6, #667085); }
5876
+ .trigger--gray0 .trigger__clear:hover,
5877
+ .trigger--outlined.trigger--gray9 .trigger__clear:hover,
5878
+ .trigger--plain.trigger--gray9 .trigger__clear:hover { color: var(--color-gray-9, #101828); background-color: var(--color-gray-3); }
5879
+ .trigger--gray0 .trigger__clear:active,
5880
+ .trigger--outlined.trigger--gray9 .trigger__clear:active,
5881
+ .trigger--plain.trigger--gray9 .trigger__clear:active { background-color: var(--color-gray-4); }
5853
5882
  /* Scoped to --clearable so the chevron only fades when there is a × to
5854
5883
  reveal: unscoped, it fades out to show a × that is not there and the caret
5855
5884
  is simply gone while hovered. --clearable is set under exactly the
@@ -5954,42 +5983,42 @@ Oe.styles = g`
5954
5983
  text-align: center;
5955
5984
  }
5956
5985
  `;
5957
- let w = Oe;
5986
+ let w = Ie;
5958
5987
  E([
5959
- s()
5988
+ a()
5960
5989
  ], w.prototype, "value");
5961
5990
  E([
5962
- s()
5991
+ a()
5963
5992
  ], w.prototype, "placeholder");
5964
5993
  E([
5965
- s({ attribute: !1 })
5994
+ a({ attribute: !1 })
5966
5995
  ], w.prototype, "options");
5967
5996
  E([
5968
- s()
5997
+ a()
5969
5998
  ], w.prototype, "icon");
5970
5999
  E([
5971
- s({ type: Boolean })
6000
+ a({ type: Boolean })
5972
6001
  ], w.prototype, "searchable");
5973
6002
  E([
5974
- s({ type: Boolean })
6003
+ a({ type: Boolean })
5975
6004
  ], w.prototype, "disabled");
5976
6005
  E([
5977
- s()
6006
+ a()
5978
6007
  ], w.prototype, "placement");
5979
6008
  E([
5980
- s()
6009
+ a()
5981
6010
  ], w.prototype, "appearance");
5982
6011
  E([
5983
- s()
6012
+ a()
5984
6013
  ], w.prototype, "variant");
5985
6014
  E([
5986
- s()
6015
+ a()
5987
6016
  ], w.prototype, "size");
5988
6017
  E([
5989
- s({ type: Boolean, attribute: "full-width", reflect: !0 })
6018
+ a({ type: Boolean, attribute: "full-width", reflect: !0 })
5990
6019
  ], w.prototype, "fullWidth");
5991
6020
  E([
5992
- s({ converter: (r) => r !== "false" })
6021
+ a({ converter: (r) => r !== "false" })
5993
6022
  ], w.prototype, "clearable");
5994
6023
  E([
5995
6024
  m()
@@ -6072,8 +6101,8 @@ const l2 = "anduin-close", r5 = "anduin-after-close", Vt = 300, K4 = 250, xt = /
6072
6101
  }
6073
6102
  render() {
6074
6103
  const e = this._leaving;
6075
- return a`
6076
- ${this.allowInteractOutside ? p : a`<div class="backdrop" @click=${this._onBackdropClick}></div>`}
6104
+ return s`
6105
+ ${this.allowInteractOutside ? p : s`<div class="backdrop" @click=${this._onBackdropClick}></div>`}
6077
6106
  <div
6078
6107
  class=${`drawer${e ? " is-leaving" : ""}`}
6079
6108
  style="width: ${this._width}px"
@@ -6088,9 +6117,9 @@ const l2 = "anduin-close", r5 = "anduin-after-close", Vt = 300, K4 = 250, xt = /
6088
6117
  @pointerup=${this._onResizeEnd}
6089
6118
  @pointercancel=${this._onResizeEnd}
6090
6119
  ></div>
6091
- ${this.hideHeader ? p : a` <div class="header">
6120
+ ${this.hideHeader ? p : s` <div class="header">
6092
6121
  <slot name="header">
6093
- ${this.heading ? a`<span id="drawer-title" class="title"
6122
+ ${this.heading ? s`<span id="drawer-title" class="title"
6094
6123
  >${this.heading}</span
6095
6124
  >` : p}
6096
6125
  </slot>
@@ -6106,7 +6135,7 @@ const l2 = "anduin-close", r5 = "anduin-after-close", Vt = 300, K4 = 250, xt = /
6106
6135
  <div class="body">
6107
6136
  <slot></slot>
6108
6137
  </div>
6109
- ${this.hideFooter ? p : a`<div class="footer"><slot name="footer"></slot></div>`}
6138
+ ${this.hideFooter ? p : s`<div class="footer"><slot name="footer"></slot></div>`}
6110
6139
  </div>
6111
6140
  `;
6112
6141
  }
@@ -6275,25 +6304,25 @@ Te.styles = g`
6275
6304
  `;
6276
6305
  let G = Te;
6277
6306
  c1([
6278
- s({ type: Boolean, reflect: !0 })
6307
+ a({ type: Boolean, reflect: !0 })
6279
6308
  ], G.prototype, "open");
6280
6309
  c1([
6281
- s()
6310
+ a()
6282
6311
  ], G.prototype, "heading");
6283
6312
  c1([
6284
- s({ type: Boolean, attribute: "hide-header" })
6313
+ a({ type: Boolean, attribute: "hide-header" })
6285
6314
  ], G.prototype, "hideHeader");
6286
6315
  c1([
6287
- s({ type: Boolean, attribute: "hide-footer" })
6316
+ a({ type: Boolean, attribute: "hide-footer" })
6288
6317
  ], G.prototype, "hideFooter");
6289
6318
  c1([
6290
- s({ attribute: "default-width" })
6319
+ a({ attribute: "default-width" })
6291
6320
  ], G.prototype, "defaultWidth");
6292
6321
  c1([
6293
- s({ reflect: !0 })
6322
+ a({ reflect: !0 })
6294
6323
  ], G.prototype, "placement");
6295
6324
  c1([
6296
- s({ type: Boolean, attribute: "allow-interact-outside" })
6325
+ a({ type: Boolean, attribute: "allow-interact-outside" })
6297
6326
  ], G.prototype, "allowInteractOutside");
6298
6327
  c1([
6299
6328
  m()
@@ -6428,9 +6457,9 @@ const l5 = "anduin-suggestion:change", Zt = "anduin-suggestion:select", kt = "an
6428
6457
  }
6429
6458
  render() {
6430
6459
  const e = this.size === "small" ? "input--small" : this.size === "large" ? "input--large" : "input--default", t = this.status ? `input--${this.status}` : "", o = !!this.startIcon, i = !!this.endIcon || this.clearable && !!this.value, n = this.clearable && !!this.value && !this.disabled && !this.readonly, l = this.size === "small" ? "12" : this.size === "large" ? "20" : "16", d = this.size === "small" ? "10" : this.size === "large" ? "16" : "14", c = this._filteredSuggestions, C = this._open && (!this.hideWhenEmpty || c.length > 0);
6431
- return a`
6460
+ return s`
6432
6461
  <div class="input-wrapper">
6433
- ${o ? a`
6462
+ ${o ? s`
6434
6463
  <span class="input__start">
6435
6464
  <anduin-icon name=${this.startIcon} size=${l}></anduin-icon>
6436
6465
  </span>
@@ -6457,14 +6486,14 @@ const l5 = "anduin-suggestion:change", Zt = "anduin-suggestion:select", kt = "an
6457
6486
  @keydown=${this._onKeyDown}
6458
6487
  />
6459
6488
 
6460
- ${i ? a`
6489
+ ${i ? s`
6461
6490
  <span class="input__end">
6462
- ${n ? a`
6491
+ ${n ? s`
6463
6492
  <button class="input__clear" type="button" @click=${this._onClear} aria-label="Clear">
6464
6493
  <anduin-icon name="cross" size=${d}></anduin-icon>
6465
6494
  </button>
6466
6495
  ` : p}
6467
- ${this.endIcon ? a`
6496
+ ${this.endIcon ? s`
6468
6497
  <anduin-icon name=${this.endIcon} size=${l}></anduin-icon>
6469
6498
  ` : p}
6470
6499
  </span>
@@ -6474,7 +6503,7 @@ const l5 = "anduin-suggestion:change", Zt = "anduin-suggestion:select", kt = "an
6474
6503
  <div class="panel${C ? " panel--open" : ""}" part="panel">
6475
6504
  <div class="panel__inner" role="listbox">
6476
6505
  <div class="options">
6477
- ${c.length ? c.map((h, f) => a`
6506
+ ${c.length ? c.map((h, f) => s`
6478
6507
  <div
6479
6508
  class="option${f === this._activeIndex ? " option--active" : ""}"
6480
6509
  role="option"
@@ -6486,10 +6515,10 @@ const l5 = "anduin-suggestion:change", Zt = "anduin-suggestion:select", kt = "an
6486
6515
  y.preventDefault(), this._selectSuggestion(h);
6487
6516
  }}
6488
6517
  >
6489
- ${h.icon ? a`<anduin-icon name=${h.icon} size="16"></anduin-icon>` : p}
6518
+ ${h.icon ? s`<anduin-icon name=${h.icon} size="16"></anduin-icon>` : p}
6490
6519
  <span class="option__label">${h.label ?? h.value}</span>
6491
6520
  </div>
6492
- `) : a`<div class="empty">${this.emptyText}</div>`}
6521
+ `) : s`<div class="empty">${this.emptyText}</div>`}
6493
6522
  </div>
6494
6523
  </div>
6495
6524
  </div>
@@ -6611,46 +6640,46 @@ Ne.styles = g`
6611
6640
  `;
6612
6641
  let Z = Ne;
6613
6642
  z([
6614
- s()
6643
+ a()
6615
6644
  ], Z.prototype, "value");
6616
6645
  z([
6617
- s()
6646
+ a()
6618
6647
  ], Z.prototype, "size");
6619
6648
  z([
6620
- s({ type: Boolean })
6649
+ a({ type: Boolean })
6621
6650
  ], Z.prototype, "disabled");
6622
6651
  z([
6623
- s({ type: Boolean })
6652
+ a({ type: Boolean })
6624
6653
  ], Z.prototype, "readonly");
6625
6654
  z([
6626
- s()
6655
+ a()
6627
6656
  ], Z.prototype, "placeholder");
6628
6657
  z([
6629
- s()
6658
+ a()
6630
6659
  ], Z.prototype, "inputid");
6631
6660
  z([
6632
- s()
6661
+ a()
6633
6662
  ], Z.prototype, "status");
6634
6663
  z([
6635
- s({ attribute: "start-icon" })
6664
+ a({ attribute: "start-icon" })
6636
6665
  ], Z.prototype, "startIcon");
6637
6666
  z([
6638
- s({ attribute: "end-icon" })
6667
+ a({ attribute: "end-icon" })
6639
6668
  ], Z.prototype, "endIcon");
6640
6669
  z([
6641
- s({ type: Boolean })
6670
+ a({ type: Boolean })
6642
6671
  ], Z.prototype, "clearable");
6643
6672
  z([
6644
- s({ attribute: !1 })
6673
+ a({ attribute: !1 })
6645
6674
  ], Z.prototype, "suggestions");
6646
6675
  z([
6647
- s({ type: Boolean })
6676
+ a({ type: Boolean })
6648
6677
  ], Z.prototype, "filter");
6649
6678
  z([
6650
- s({ type: Boolean, attribute: "hide-when-empty" })
6679
+ a({ type: Boolean, attribute: "hide-when-empty" })
6651
6680
  ], Z.prototype, "hideWhenEmpty");
6652
6681
  z([
6653
- s({ attribute: "empty-text" })
6682
+ a({ attribute: "empty-text" })
6654
6683
  ], Z.prototype, "emptyText");
6655
6684
  z([
6656
6685
  m()
@@ -6706,7 +6735,7 @@ const $t = "anduin-navigation:change", V5 = "anduin-navigation-item:item-click",
6706
6735
  t.selected = t.value === e, t.theme = this.theme;
6707
6736
  }
6708
6737
  render() {
6709
- return a`
6738
+ return s`
6710
6739
  <div class="navigation navigation--${this.alignment}" role="navigation" part="navigation">
6711
6740
  <slot @slotchange=${this.syncItems}></slot>
6712
6741
  </div>
@@ -6758,16 +6787,16 @@ je.styles = g`
6758
6787
  `;
6759
6788
  let b1 = je;
6760
6789
  q([
6761
- s({ attribute: "default-value" })
6790
+ a({ attribute: "default-value" })
6762
6791
  ], b1.prototype, "defaultValue");
6763
6792
  q([
6764
- s()
6793
+ a()
6765
6794
  ], b1.prototype, "value");
6766
6795
  q([
6767
- s({ reflect: !0 })
6796
+ a({ reflect: !0 })
6768
6797
  ], b1.prototype, "theme");
6769
6798
  q([
6770
- s()
6799
+ a()
6771
6800
  ], b1.prototype, "alignment");
6772
6801
  q([
6773
6802
  m()
@@ -6795,11 +6824,11 @@ const Ue = class Ue extends u {
6795
6824
  "nav-item",
6796
6825
  this.selected ? "nav-item--active" : "",
6797
6826
  this.disabled ? "nav-item--disabled" : ""
6798
- ].filter(Boolean).join(" "), t = a`
6799
- ${this.startIcon ? a`<span class="nav-item__icon"><anduin-icon name="${this.startIcon}" size="16"></anduin-icon></span>` : p}
6827
+ ].filter(Boolean).join(" "), t = s`
6828
+ ${this.startIcon ? s`<span class="nav-item__icon"><anduin-icon name="${this.startIcon}" size="16"></anduin-icon></span>` : p}
6800
6829
  <slot></slot>
6801
6830
  `;
6802
- return this.href ? a`
6831
+ return this.href ? s`
6803
6832
  <a
6804
6833
  class="${e}"
6805
6834
  href="${this.href}"
@@ -6807,7 +6836,7 @@ const Ue = class Ue extends u {
6807
6836
  aria-current="${this.selected ? "page" : "false"}"
6808
6837
  @click=${this.onClick}
6809
6838
  >${t}</a>
6810
- ` : a`
6839
+ ` : s`
6811
6840
  <button
6812
6841
  type="button"
6813
6842
  class="${e}"
@@ -6864,27 +6893,27 @@ Ue.styles = g`
6864
6893
  }
6865
6894
  .nav-item__icon { display: flex; }
6866
6895
  `;
6867
- let a1 = Ue;
6896
+ let s1 = Ue;
6868
6897
  q([
6869
- s()
6870
- ], a1.prototype, "value");
6898
+ a()
6899
+ ], s1.prototype, "value");
6871
6900
  q([
6872
- s({ attribute: "start-icon" })
6873
- ], a1.prototype, "startIcon");
6901
+ a({ attribute: "start-icon" })
6902
+ ], s1.prototype, "startIcon");
6874
6903
  q([
6875
- s()
6876
- ], a1.prototype, "href");
6904
+ a()
6905
+ ], s1.prototype, "href");
6877
6906
  q([
6878
- s({ type: Boolean })
6879
- ], a1.prototype, "disabled");
6907
+ a({ type: Boolean })
6908
+ ], s1.prototype, "disabled");
6880
6909
  q([
6881
- s({ attribute: !1 })
6882
- ], a1.prototype, "selected");
6910
+ a({ attribute: !1 })
6911
+ ], s1.prototype, "selected");
6883
6912
  q([
6884
- s({ attribute: !1 })
6885
- ], a1.prototype, "theme");
6913
+ a({ attribute: !1 })
6914
+ ], s1.prototype, "theme");
6886
6915
  customElements.get("anduin-navigation") || customElements.define("anduin-navigation", b1);
6887
- customElements.get("anduin-navigation-item") || customElements.define("anduin-navigation-item", a1);
6916
+ customElements.get("anduin-navigation-item") || customElements.define("anduin-navigation-item", s1);
6888
6917
  var Et = Object.defineProperty, P1 = (r, e, t, o) => {
6889
6918
  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
6890
6919
  (l = r[n]) && (i = l(e, t, i) || i);
@@ -6931,7 +6960,7 @@ const Ge = class Ge extends u {
6931
6960
  t.forEach((i, n) => i.setGrow(o[n] / e * 100));
6932
6961
  }
6933
6962
  render() {
6934
- return a`
6963
+ return s`
6935
6964
  <div class="panel-group ${this.isVertical ? "panel-group--vertical" : ""}" part="panel-group">
6936
6965
  <slot></slot>
6937
6966
  </div>
@@ -6946,10 +6975,10 @@ Ge.styles = g`
6946
6975
  }
6947
6976
  .panel-group--vertical { flex-direction: column; }
6948
6977
  `;
6949
- let I2 = Ge;
6978
+ let O2 = Ge;
6950
6979
  P1([
6951
- s({ reflect: !0 })
6952
- ], I2.prototype, "orientation");
6980
+ a({ reflect: !0 })
6981
+ ], O2.prototype, "orientation");
6953
6982
  const Ke = class Ke extends u {
6954
6983
  constructor() {
6955
6984
  super(...arguments), this.defaultSize = "", this.minSize = "", this.maxSize = "", this.applied = !1;
@@ -6979,7 +7008,7 @@ const Ke = class Ke extends u {
6979
7008
  return Y4(this.maxSize, e, e);
6980
7009
  }
6981
7010
  render() {
6982
- return a`<div class="panel" part="panel"><slot></slot></div>`;
7011
+ return s`<div class="panel" part="panel"><slot></slot></div>`;
6983
7012
  }
6984
7013
  };
6985
7014
  Ke.styles = g`
@@ -6988,13 +7017,13 @@ Ke.styles = g`
6988
7017
  `;
6989
7018
  let W1 = Ke;
6990
7019
  P1([
6991
- s({ attribute: "default-size" })
7020
+ a({ attribute: "default-size" })
6992
7021
  ], W1.prototype, "defaultSize");
6993
7022
  P1([
6994
- s({ attribute: "min-size" })
7023
+ a({ attribute: "min-size" })
6995
7024
  ], W1.prototype, "minSize");
6996
7025
  P1([
6997
- s({ attribute: "max-size" })
7026
+ a({ attribute: "max-size" })
6998
7027
  ], W1.prototype, "maxSize");
6999
7028
  const We = class We extends u {
7000
7029
  constructor() {
@@ -7085,9 +7114,9 @@ const We = class We extends u {
7085
7114
  this.groupVertical ? "handle--vertical" : "",
7086
7115
  this.dragging ? "handle--dragging" : ""
7087
7116
  ].filter(Boolean).join(" ");
7088
- return a`
7117
+ return s`
7089
7118
  <div class="${e}" part="handle">
7090
- ${this.withHandle ? a`<div class="handle__grip" part="grip"><anduin-icon name="ellipsisVertical" size="12" aria-label="Drag"></anduin-icon></div>` : p}
7119
+ ${this.withHandle ? s`<div class="handle__grip" part="grip"><anduin-icon name="ellipsisVertical" size="12" aria-label="Drag"></anduin-icon></div>` : p}
7091
7120
  </div>
7092
7121
  `;
7093
7122
  }
@@ -7115,7 +7144,7 @@ We.styles = g`
7115
7144
  `;
7116
7145
  let Y1 = We;
7117
7146
  P1([
7118
- s({ type: Boolean, attribute: "with-handle" })
7147
+ a({ type: Boolean, attribute: "with-handle" })
7119
7148
  ], Y1.prototype, "withHandle");
7120
7149
  P1([
7121
7150
  m()
@@ -7123,7 +7152,7 @@ P1([
7123
7152
  P1([
7124
7153
  m()
7125
7154
  ], Y1.prototype, "dragging");
7126
- customElements.get("anduin-resizable-panel-group") || customElements.define("anduin-resizable-panel-group", I2);
7155
+ customElements.get("anduin-resizable-panel-group") || customElements.define("anduin-resizable-panel-group", O2);
7127
7156
  customElements.get("anduin-resizable-panel") || customElements.define("anduin-resizable-panel", W1);
7128
7157
  customElements.get("anduin-resizable-handle") || customElements.define("anduin-resizable-handle", Y1);
7129
7158
  var St = Object.defineProperty, X1 = (r, e, t, o) => {
@@ -7210,7 +7239,7 @@ const Ye = class Ye extends u {
7210
7239
  const e = this.count;
7211
7240
  if (e < 2) return p;
7212
7241
  const t = this.selection, o = this.buildItems();
7213
- return a`
7242
+ return s`
7214
7243
  <div class="pagination">
7215
7244
  <div class="pagination__indicator"></div>
7216
7245
  <slot name="start" @slotchange=${this.onSlotChange}></slot>
@@ -7238,7 +7267,7 @@ const Ye = class Ye extends u {
7238
7267
  renderItem(e, t) {
7239
7268
  if (e.type === "page") {
7240
7269
  const n = e.page === t;
7241
- return a`
7270
+ return s`
7242
7271
  <button
7243
7272
  class="pagination__button ${n ? "pagination__button--active" : ""}"
7244
7273
  aria-current=${n ? "page" : p}
@@ -7248,7 +7277,7 @@ const Ye = class Ye extends u {
7248
7277
  `;
7249
7278
  }
7250
7279
  const { pages: o } = e, i = o.length > 1 ? `Pages ${o[0]} to ${o[o.length - 1]}` : `Page ${o[0]}`;
7251
- return a`
7280
+ return s`
7252
7281
  <anduin-menu placement="bottom">
7253
7282
  <anduin-button
7254
7283
  slot="trigger"
@@ -7258,7 +7287,7 @@ const Ye = class Ye extends u {
7258
7287
  label=${i}
7259
7288
  ></anduin-button>
7260
7289
  <div class="pagination__ellipsis-list">
7261
- ${o.map((n) => a`
7290
+ ${o.map((n) => s`
7262
7291
  <anduin-menu-item @click=${() => this.goTo(n)}>${n}</anduin-menu-item>
7263
7292
  `)}
7264
7293
  </div>
@@ -7331,13 +7360,13 @@ Ye.styles = g`
7331
7360
  `;
7332
7361
  let y1 = Ye;
7333
7362
  X1([
7334
- s({ type: Number, attribute: "number-of-pages", reflect: !0 })
7363
+ a({ type: Number, attribute: "number-of-pages", reflect: !0 })
7335
7364
  ], y1.prototype, "numberOfPages");
7336
7365
  X1([
7337
- s({ type: Number, attribute: "default-value" })
7366
+ a({ type: Number, attribute: "default-value" })
7338
7367
  ], y1.prototype, "defaultValue");
7339
7368
  X1([
7340
- s({ type: Number })
7369
+ a({ type: Number })
7341
7370
  ], y1.prototype, "value");
7342
7371
  X1([
7343
7372
  m()
@@ -7359,7 +7388,7 @@ const qe = class qe extends u {
7359
7388
  super.connectedCallback(), this.getAttribute("slot") || this.setAttribute("slot", this.target === "first" ? "start" : "end");
7360
7389
  }
7361
7390
  render() {
7362
- return a`
7391
+ return s`
7363
7392
  <anduin-button
7364
7393
  appearance="plain"
7365
7394
  size="medium"
@@ -7376,7 +7405,7 @@ qe.styles = g`
7376
7405
  `;
7377
7406
  let w2 = qe;
7378
7407
  X1([
7379
- s({ type: Boolean })
7408
+ a({ type: Boolean })
7380
7409
  ], w2.prototype, "disabled");
7381
7410
  class Dt extends w2 {
7382
7411
  constructor() {
@@ -7393,7 +7422,7 @@ customElements.get("anduin-pagination-first-page") || customElements.define("and
7393
7422
  customElements.get("anduin-pagination-last-page") || customElements.define("anduin-pagination-last-page", Pt);
7394
7423
  const Xe = class Xe extends u {
7395
7424
  render() {
7396
- return a`<div class="timeline"><slot></slot></div>`;
7425
+ return s`<div class="timeline"><slot></slot></div>`;
7397
7426
  }
7398
7427
  };
7399
7428
  Xe.styles = g`
@@ -7413,7 +7442,7 @@ Xe.styles = g`
7413
7442
  let M5 = Xe;
7414
7443
  const Je = class Je extends u {
7415
7444
  render() {
7416
- return a`
7445
+ return s`
7417
7446
  <div class="item">
7418
7447
  <div class="item__rail"><div class="item__dot"></div></div>
7419
7448
  <div class="item__content"><slot></slot></div>
@@ -7514,7 +7543,7 @@ Je.styles = g`
7514
7543
  let w5 = Je;
7515
7544
  const Qe = class Qe extends u {
7516
7545
  render() {
7517
- return a`<div class="date"><slot></slot></div>`;
7546
+ return s`<div class="date"><slot></slot></div>`;
7518
7547
  }
7519
7548
  };
7520
7549
  Qe.styles = g`
@@ -7532,7 +7561,7 @@ Qe.styles = g`
7532
7561
  let Z5 = Qe;
7533
7562
  const e4 = class e4 extends u {
7534
7563
  render() {
7535
- return a`<div class="title"><slot></slot></div>`;
7564
+ return s`<div class="title"><slot></slot></div>`;
7536
7565
  }
7537
7566
  };
7538
7567
  e4.styles = g`
@@ -7544,7 +7573,7 @@ e4.styles = g`
7544
7573
  let k5 = e4;
7545
7574
  const t4 = class t4 extends u {
7546
7575
  render() {
7547
- return a`<div class="group__items"><slot></slot></div>`;
7576
+ return s`<div class="group__items"><slot></slot></div>`;
7548
7577
  }
7549
7578
  };
7550
7579
  t4.styles = g`
@@ -7569,7 +7598,7 @@ t4.styles = g`
7569
7598
  let R5 = t4;
7570
7599
  const i4 = class i4 extends u {
7571
7600
  render() {
7572
- return a`<div class="label-center"><div class="label-pill"><slot></slot></div></div>`;
7601
+ return s`<div class="label-center"><div class="label-pill"><slot></slot></div></div>`;
7573
7602
  }
7574
7603
  };
7575
7604
  i4.styles = g`
@@ -7647,7 +7676,7 @@ const Ft = "anduin-sidebar:select", o4 = class o4 extends u {
7647
7676
  super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "navigation");
7648
7677
  }
7649
7678
  render() {
7650
- return a`<div class="sidebar" part="sidebar"><slot></slot></div>`;
7679
+ return s`<div class="sidebar" part="sidebar"><slot></slot></div>`;
7651
7680
  }
7652
7681
  };
7653
7682
  o4.styles = g`
@@ -7668,7 +7697,7 @@ o4.styles = g`
7668
7697
  let E5 = o4;
7669
7698
  const n4 = class n4 extends u {
7670
7699
  render() {
7671
- return a`<div class="sidebar-content" part="content"><slot></slot></div>`;
7700
+ return s`<div class="sidebar-content" part="content"><slot></slot></div>`;
7672
7701
  }
7673
7702
  };
7674
7703
  n4.styles = g`
@@ -7692,7 +7721,7 @@ const r4 = class r4 extends u {
7692
7721
  super(...arguments), this.divider = !1;
7693
7722
  }
7694
7723
  render() {
7695
- return a`<div class="sidebar-header" part="header"><slot></slot></div>`;
7724
+ return s`<div class="sidebar-header" part="header"><slot></slot></div>`;
7696
7725
  }
7697
7726
  };
7698
7727
  r4.styles = g`
@@ -7706,16 +7735,16 @@ r4.styles = g`
7706
7735
  border-bottom: 1px solid var(--color-gray-3);
7707
7736
  }
7708
7737
  `;
7709
- let O2 = r4;
7738
+ let I2 = r4;
7710
7739
  B1([
7711
- s({ type: Boolean, reflect: !0 })
7712
- ], O2.prototype, "divider");
7740
+ a({ type: Boolean, reflect: !0 })
7741
+ ], I2.prototype, "divider");
7713
7742
  const l4 = class l4 extends u {
7714
7743
  constructor() {
7715
7744
  super(...arguments), this.divider = !1;
7716
7745
  }
7717
7746
  render() {
7718
- return a`<div class="sidebar-footer" part="footer"><slot></slot></div>`;
7747
+ return s`<div class="sidebar-footer" part="footer"><slot></slot></div>`;
7719
7748
  }
7720
7749
  };
7721
7750
  l4.styles = g`
@@ -7731,14 +7760,14 @@ l4.styles = g`
7731
7760
  `;
7732
7761
  let T2 = l4;
7733
7762
  B1([
7734
- s({ type: Boolean, reflect: !0 })
7763
+ a({ type: Boolean, reflect: !0 })
7735
7764
  ], T2.prototype, "divider");
7736
- const s4 = class s4 extends u {
7765
+ const a4 = class a4 extends u {
7737
7766
  render() {
7738
- return a`<div class="sidebar-group" part="group" role="group"><slot></slot></div>`;
7767
+ return s`<div class="sidebar-group" part="group" role="group"><slot></slot></div>`;
7739
7768
  }
7740
7769
  };
7741
- s4.styles = g`
7770
+ a4.styles = g`
7742
7771
  :host {
7743
7772
  display: block;
7744
7773
  }
@@ -7748,10 +7777,10 @@ s4.styles = g`
7748
7777
  gap: 4px;
7749
7778
  }
7750
7779
  `;
7751
- let S5 = s4;
7752
- const a4 = class a4 extends u {
7780
+ let S5 = a4;
7781
+ const s4 = class s4 extends u {
7753
7782
  render() {
7754
- return a`
7783
+ return s`
7755
7784
  <div class="sidebar-group-label" part="group-label">
7756
7785
  <span class="sidebar-group-label__text"><slot></slot></span>
7757
7786
  <slot name="badge" class="sidebar-group-label__badge"></slot>
@@ -7760,7 +7789,7 @@ const a4 = class a4 extends u {
7760
7789
  `;
7761
7790
  }
7762
7791
  };
7763
- a4.styles = g`
7792
+ s4.styles = g`
7764
7793
  :host {
7765
7794
  display: block;
7766
7795
  }
@@ -7792,10 +7821,10 @@ a4.styles = g`
7792
7821
  padding-right: 6px;
7793
7822
  }
7794
7823
  `;
7795
- let A5 = a4;
7824
+ let A5 = s4;
7796
7825
  const d4 = class d4 extends u {
7797
7826
  render() {
7798
- return a`<div class="sidebar-menu" part="menu"><slot></slot></div>`;
7827
+ return s`<div class="sidebar-menu" part="menu"><slot></slot></div>`;
7799
7828
  }
7800
7829
  };
7801
7830
  d4.styles = g`
@@ -7831,11 +7860,11 @@ const c4 = class c4 extends u {
7831
7860
  ].filter(Boolean).join(" "), t = [
7832
7861
  "sidebar-menu-item",
7833
7862
  this.disabled ? "sidebar-menu-item--disabled" : ""
7834
- ].filter(Boolean).join(" "), o = a`
7835
- ${this.startIcon ? a`<anduin-icon class="sidebar-menu-item__icon" name="${this.startIcon}" size="16"></anduin-icon>` : p}
7863
+ ].filter(Boolean).join(" "), o = s`
7864
+ ${this.startIcon ? s`<anduin-icon class="sidebar-menu-item__icon" name="${this.startIcon}" size="16"></anduin-icon>` : p}
7836
7865
  <span class="sidebar-menu-item__label"><slot></slot></span>
7837
7866
  <slot name="badge" class="sidebar-menu-item__badge"></slot>
7838
- `, i = this.href ? a`
7867
+ `, i = this.href ? s`
7839
7868
  <a
7840
7869
  class="${t}"
7841
7870
  part="menu-item"
@@ -7847,7 +7876,7 @@ const c4 = class c4 extends u {
7847
7876
  tabindex="${this.disabled ? "-1" : "0"}"
7848
7877
  @click=${this.onClick}
7849
7878
  >${o}</a>
7850
- ` : a`
7879
+ ` : s`
7851
7880
  <button
7852
7881
  type="button"
7853
7882
  class="${t}"
@@ -7857,7 +7886,7 @@ const c4 = class c4 extends u {
7857
7886
  @click=${this.onClick}
7858
7887
  >${o}</button>
7859
7888
  `;
7860
- return a`
7889
+ return s`
7861
7890
  <div class="${e}">
7862
7891
  ${i}
7863
7892
  <slot name="action" class="sidebar-menu-item__action"></slot>
@@ -7950,26 +7979,26 @@ c4.styles = g`
7950
7979
  `;
7951
7980
  let H1 = c4;
7952
7981
  B1([
7953
- s({ attribute: "start-icon" })
7982
+ a({ attribute: "start-icon" })
7954
7983
  ], H1.prototype, "startIcon");
7955
7984
  B1([
7956
- s({ type: Boolean, reflect: !0 })
7985
+ a({ type: Boolean, reflect: !0 })
7957
7986
  ], H1.prototype, "selected");
7958
7987
  B1([
7959
- s({ type: Boolean, reflect: !0 })
7988
+ a({ type: Boolean, reflect: !0 })
7960
7989
  ], H1.prototype, "disabled");
7961
7990
  B1([
7962
- s()
7991
+ a()
7963
7992
  ], H1.prototype, "href");
7964
7993
  B1([
7965
- s({ type: Boolean, attribute: "open-new-tab" })
7994
+ a({ type: Boolean, attribute: "open-new-tab" })
7966
7995
  ], H1.prototype, "openNewTab");
7967
7996
  const C4 = class C4 extends u {
7968
7997
  connectedCallback() {
7969
7998
  super.connectedCallback(), this.hasAttribute("slot") || this.setAttribute("slot", "action");
7970
7999
  }
7971
8000
  render() {
7972
- return a`<div class="sidebar-action" part="action"><slot></slot></div>`;
8001
+ return s`<div class="sidebar-action" part="action"><slot></slot></div>`;
7973
8002
  }
7974
8003
  };
7975
8004
  C4.styles = g`
@@ -7988,7 +8017,7 @@ const p4 = class p4 extends u {
7988
8017
  super.connectedCallback(), this.hasAttribute("slot") || this.setAttribute("slot", "badge");
7989
8018
  }
7990
8019
  render() {
7991
- return a`<div class="sidebar-badge" part="badge"><slot></slot></div>`;
8020
+ return s`<div class="sidebar-badge" part="badge"><slot></slot></div>`;
7992
8021
  }
7993
8022
  };
7994
8023
  p4.styles = g`
@@ -8007,7 +8036,7 @@ const h4 = class h4 extends u {
8007
8036
  super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "separator");
8008
8037
  }
8009
8038
  render() {
8010
- return a`<div class="sidebar-separator" part="separator"></div>`;
8039
+ return s`<div class="sidebar-separator" part="separator"></div>`;
8011
8040
  }
8012
8041
  };
8013
8042
  h4.styles = g`
@@ -8022,7 +8051,7 @@ h4.styles = g`
8022
8051
  let F5 = h4;
8023
8052
  customElements.get("anduin-sidebar") || customElements.define("anduin-sidebar", E5);
8024
8053
  customElements.get("anduin-sidebar-content") || customElements.define("anduin-sidebar-content", z5);
8025
- customElements.get("anduin-sidebar-header") || customElements.define("anduin-sidebar-header", O2);
8054
+ customElements.get("anduin-sidebar-header") || customElements.define("anduin-sidebar-header", I2);
8026
8055
  customElements.get("anduin-sidebar-footer") || customElements.define("anduin-sidebar-footer", T2);
8027
8056
  customElements.get("anduin-sidebar-group") || customElements.define("anduin-sidebar-group", S5);
8028
8057
  customElements.get("anduin-sidebar-group-label") || customElements.define("anduin-sidebar-group-label", A5);
@@ -8042,7 +8071,7 @@ function x1(r) {
8042
8071
  const e = (t) => String(t).padStart(2, "0");
8043
8072
  return `${r.getFullYear()}-${e(r.getMonth() + 1)}-${e(r.getDate())}`;
8044
8073
  }
8045
- function O1() {
8074
+ function I1() {
8046
8075
  const r = /* @__PURE__ */ new Date();
8047
8076
  return new Date(r.getFullYear(), r.getMonth(), r.getDate());
8048
8077
  }
@@ -8050,15 +8079,15 @@ function p1(r, e) {
8050
8079
  const t = r.getFullYear(), o = r.getMonth() + e, i = new Date(t, o + 1, 0).getDate();
8051
8080
  return new Date(t, o, Math.min(r.getDate(), i));
8052
8081
  }
8053
- function It(r, e) {
8082
+ function Ot(r, e) {
8054
8083
  return new Date(r, e + 1, 0).getDate();
8055
8084
  }
8056
- var Ot = Object.defineProperty, i1 = (r, e, t, o) => {
8085
+ var It = Object.defineProperty, i1 = (r, e, t, o) => {
8057
8086
  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
8058
8087
  (l = r[n]) && (i = l(e, t, i) || i);
8059
- return i && Ot(e, t, i), i;
8088
+ return i && It(e, t, i), i;
8060
8089
  };
8061
- const Z2 = "anduin-calendar:change", I5 = "anduin-calendar:day-hover", q4 = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], X4 = [
8090
+ const Z2 = "anduin-calendar:change", O5 = "anduin-calendar:day-hover", q4 = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], X4 = [
8062
8091
  "January",
8063
8092
  "February",
8064
8093
  "March",
@@ -8081,7 +8110,7 @@ function Nt(r) {
8081
8110
  }
8082
8111
  const u4 = class u4 extends u {
8083
8112
  constructor() {
8084
- super(...arguments), this.value = "", this.minDate = "", this.maxDate = "", this.rangeStart = "", this.rangeEnd = "", this.rangeMode = !1, this._viewMonth = O1().getMonth(), this._viewYear = O1().getFullYear(), this._focus = "", this._openSelect = null, this._viewSeeded = !1, this._pendingFocus = !1, this._onOutsideClick = (e) => {
8113
+ super(...arguments), this.value = "", this.minDate = "", this.maxDate = "", this.rangeStart = "", this.rangeEnd = "", this.rangeMode = !1, this._viewMonth = I1().getMonth(), this._viewYear = I1().getFullYear(), this._focus = "", this._openSelect = null, this._viewSeeded = !1, this._pendingFocus = !1, this._onOutsideClick = (e) => {
8085
8114
  this._openSelect && !e.composedPath().includes(this) && (this._openSelect = null);
8086
8115
  };
8087
8116
  }
@@ -8097,7 +8126,7 @@ const u4 = class u4 extends u {
8097
8126
  if (t)
8098
8127
  this._viewYear = t.getFullYear(), this._viewMonth = t.getMonth(), this._viewSeeded = !0;
8099
8128
  else if (!this._viewSeeded) {
8100
- const o = O1();
8129
+ const o = I1();
8101
8130
  this._viewYear = o.getFullYear(), this._viewMonth = o.getMonth();
8102
8131
  }
8103
8132
  }
@@ -8179,7 +8208,7 @@ const u4 = class u4 extends u {
8179
8208
  this.value = t, this._focus = t, this.dispatchEvent(new CustomEvent(Z2, { detail: t, bubbles: !0, composed: !0 }));
8180
8209
  }
8181
8210
  _emitHover(e) {
8182
- this.dispatchEvent(new CustomEvent(I5, { detail: e, bubbles: !0, composed: !0 }));
8211
+ this.dispatchEvent(new CustomEvent(O5, { detail: e, bubbles: !0, composed: !0 }));
8183
8212
  }
8184
8213
  /** The day that owns `tabindex="0"` when nothing has been focused yet. */
8185
8214
  _defaultFocusDate() {
@@ -8189,7 +8218,7 @@ const u4 = class u4 extends u {
8189
8218
  const t = P(this.value);
8190
8219
  if (t && t.getMonth() === this._viewMonth && t.getFullYear() === this._viewYear)
8191
8220
  return t;
8192
- const o = O1();
8221
+ const o = I1();
8193
8222
  return o.getMonth() === this._viewMonth && o.getFullYear() === this._viewYear ? o : this._clamp(new Date(this._viewYear, this._viewMonth, 1));
8194
8223
  }
8195
8224
  // ── Month / year pickers ────────────────────────────────────────
@@ -8207,7 +8236,7 @@ const u4 = class u4 extends u {
8207
8236
  }
8208
8237
  _renderSelect(e, t, o, i, n) {
8209
8238
  const l = this._openSelect === e;
8210
- return a`
8239
+ return s`
8211
8240
  <div class="calendar__select">
8212
8241
  <anduin-button
8213
8242
  appearance="text"
@@ -8220,9 +8249,9 @@ const u4 = class u4 extends u {
8220
8249
  this._openSelect = l ? null : e;
8221
8250
  }}
8222
8251
  >${t}</anduin-button>
8223
- ${l ? a`
8252
+ ${l ? s`
8224
8253
  <div class="calendar__listbox" role="listbox" aria-label="${o}">
8225
- ${i.map((d) => a`
8254
+ ${i.map((d) => s`
8226
8255
  <button
8227
8256
  type="button"
8228
8257
  class="calendar__option${d.selected ? " calendar__option--selected" : ""}"
@@ -8238,7 +8267,7 @@ const u4 = class u4 extends u {
8238
8267
  }
8239
8268
  // ── Render ──────────────────────────────────────────────────────
8240
8269
  render() {
8241
- const e = x1(O1()), t = P(this.value), o = P(this.rangeStart), i = P(this.rangeEnd), n = this.rangeMode || !!(o || i), l = x1(this._defaultFocusDate()), d = new Date(this._viewYear, this._viewMonth, 1), c = new Date(this._viewYear, this._viewMonth + 1, 0).getDate(), C = d.getDay(), h = [
8270
+ const e = x1(I1()), t = P(this.value), o = P(this.rangeStart), i = P(this.rangeEnd), n = this.rangeMode || !!(o || i), l = x1(this._defaultFocusDate()), d = new Date(this._viewYear, this._viewMonth, 1), c = new Date(this._viewYear, this._viewMonth + 1, 0).getDate(), C = d.getDay(), h = [
8242
8271
  ...Array.from({ length: C }, () => null),
8243
8272
  ...Array.from({ length: c }, (_, v) => v + 1)
8244
8273
  ];
@@ -8250,7 +8279,7 @@ const u4 = class u4 extends u {
8250
8279
  const _ = this._max;
8251
8280
  return _ ? new Date(this._viewYear, this._viewMonth + 1, 1).getTime() > _.getTime() : !1;
8252
8281
  })();
8253
- return a`
8282
+ return s`
8254
8283
  <div class="calendar" part="calendar">
8255
8284
  <div class="calendar__header" part="header">
8256
8285
  <anduin-button
@@ -8298,16 +8327,16 @@ const u4 = class u4 extends u {
8298
8327
  >
8299
8328
  <thead aria-hidden="true">
8300
8329
  <tr>
8301
- ${Tt.map((_, v) => a`
8330
+ ${Tt.map((_, v) => s`
8302
8331
  <th class="calendar__day-header" aria-label="${J4[v]}">${_}</th>
8303
8332
  `)}
8304
8333
  </tr>
8305
8334
  </thead>
8306
8335
  <tbody>
8307
- ${f.map((_) => a`
8336
+ ${f.map((_) => s`
8308
8337
  <tr>
8309
8338
  ${_.map((v) => {
8310
- if (v === null) return a`<td class="calendar__day-cell"></td>`;
8339
+ if (v === null) return s`<td class="calendar__day-cell"></td>`;
8311
8340
  const x = new Date(this._viewYear, this._viewMonth, v), M = x1(x), D = x.getTime(), K = this._isDisabled(x), Q1 = !!o && D === o.getTime(), o1 = !!i && D === i.getTime(), y4 = !!o && !!i && D > o.getTime() && D < i.getTime(), H4 = !n && !!t && D === t.getTime(), E3 = [
8312
8341
  "calendar__day-cell",
8313
8342
  y4 ? "calendar__day-cell--in-range" : "",
@@ -8324,7 +8353,7 @@ const u4 = class u4 extends u {
8324
8353
  y4 ? "calendar__day-button--in-range" : "",
8325
8354
  K ? "calendar__day-button--disabled" : ""
8326
8355
  ].filter(Boolean).join(" ");
8327
- return a`
8356
+ return s`
8328
8357
  <td
8329
8358
  class="${E3}"
8330
8359
  role="gridcell"
@@ -8452,22 +8481,22 @@ u4.styles = g`
8452
8481
  `;
8453
8482
  let j = u4;
8454
8483
  i1([
8455
- s({ reflect: !0 })
8484
+ a({ reflect: !0 })
8456
8485
  ], j.prototype, "value");
8457
8486
  i1([
8458
- s({ attribute: "min-date" })
8487
+ a({ attribute: "min-date" })
8459
8488
  ], j.prototype, "minDate");
8460
8489
  i1([
8461
- s({ attribute: "max-date" })
8490
+ a({ attribute: "max-date" })
8462
8491
  ], j.prototype, "maxDate");
8463
8492
  i1([
8464
- s({ attribute: "range-start" })
8493
+ a({ attribute: "range-start" })
8465
8494
  ], j.prototype, "rangeStart");
8466
8495
  i1([
8467
- s({ attribute: "range-end" })
8496
+ a({ attribute: "range-end" })
8468
8497
  ], j.prototype, "rangeEnd");
8469
8498
  i1([
8470
- s({ type: Boolean, attribute: "range-mode" })
8499
+ a({ type: Boolean, attribute: "range-mode" })
8471
8500
  ], j.prototype, "rangeMode");
8472
8501
  i1([
8473
8502
  m()
@@ -8508,10 +8537,10 @@ const Ut = "anduin-date-range:change", g4 = class g4 extends u {
8508
8537
  };
8509
8538
  }
8510
8539
  connectedCallback() {
8511
- super.connectedCallback(), this.addEventListener(Z2, this._onCalendarChange), this.addEventListener(I5, this._onCalendarHover);
8540
+ super.connectedCallback(), this.addEventListener(Z2, this._onCalendarChange), this.addEventListener(O5, this._onCalendarHover);
8512
8541
  }
8513
8542
  disconnectedCallback() {
8514
- super.disconnectedCallback(), this.removeEventListener(Z2, this._onCalendarChange), this.removeEventListener(I5, this._onCalendarHover);
8543
+ super.disconnectedCallback(), this.removeEventListener(Z2, this._onCalendarChange), this.removeEventListener(O5, this._onCalendarHover);
8515
8544
  }
8516
8545
  updated() {
8517
8546
  this._sync();
@@ -8539,7 +8568,7 @@ const Ut = "anduin-date-range:change", g4 = class g4 extends u {
8539
8568
  /** Which month each panel opens on: the start date on the left, the month
8540
8569
  * after it on the right. Falls back to today when there's no range yet. */
8541
8570
  _panelValue(e) {
8542
- const t = P(this.startDate) ?? O1();
8571
+ const t = P(this.startDate) ?? I1();
8543
8572
  return x1(e === "start" ? t : p1(t, 1));
8544
8573
  }
8545
8574
  /** The range the calendars should paint — the live preview while selecting,
@@ -8555,7 +8584,7 @@ const Ut = "anduin-date-range:change", g4 = class g4 extends u {
8555
8584
  return !o || !i ? [e, t] : o.getTime() <= i.getTime() ? [e, t] : [t, e];
8556
8585
  }
8557
8586
  render() {
8558
- return a`<div class="date-range" part="date-range"><slot></slot></div>`;
8587
+ return s`<div class="date-range" part="date-range"><slot></slot></div>`;
8559
8588
  }
8560
8589
  };
8561
8590
  g4.styles = g`
@@ -8563,16 +8592,16 @@ g4.styles = g`
8563
8592
  `;
8564
8593
  let t1 = g4;
8565
8594
  J1([
8566
- s({ attribute: "start-date", reflect: !0 })
8595
+ a({ attribute: "start-date", reflect: !0 })
8567
8596
  ], t1.prototype, "startDate");
8568
8597
  J1([
8569
- s({ attribute: "end-date", reflect: !0 })
8598
+ a({ attribute: "end-date", reflect: !0 })
8570
8599
  ], t1.prototype, "endDate");
8571
8600
  J1([
8572
- s({ attribute: "min-date" })
8601
+ a({ attribute: "min-date" })
8573
8602
  ], t1.prototype, "minDate");
8574
8603
  J1([
8575
- s({ attribute: "max-date" })
8604
+ a({ attribute: "max-date" })
8576
8605
  ], t1.prototype, "maxDate");
8577
8606
  J1([
8578
8607
  m()
@@ -8606,7 +8635,7 @@ const f4 = class f4 extends u {
8606
8635
  return null;
8607
8636
  }
8608
8637
  render() {
8609
- return a`<anduin-calendar part="calendar" range-mode></anduin-calendar>`;
8638
+ return s`<anduin-calendar part="calendar" range-mode></anduin-calendar>`;
8610
8639
  }
8611
8640
  };
8612
8641
  f4.styles = g`
@@ -8625,7 +8654,7 @@ class Kt extends N2 {
8625
8654
  }
8626
8655
  const v4 = class v4 extends u {
8627
8656
  render() {
8628
- return a`
8657
+ return s`
8629
8658
  <div class="date-range-default" part="layout">
8630
8659
  <anduin-date-range-start part="start"></anduin-date-range-start>
8631
8660
  <anduin-date-range-end part="end"></anduin-date-range-end>
@@ -8638,9 +8667,9 @@ v4.styles = g`
8638
8667
 
8639
8668
  .date-range-default { display: flex; flex-direction: row; gap: 16px; }
8640
8669
  `;
8641
- let O5 = v4;
8670
+ let I5 = v4;
8642
8671
  customElements.get("anduin-date-range") || customElements.define("anduin-date-range", t1);
8643
- customElements.get("anduin-date-range-default") || customElements.define("anduin-date-range-default", O5);
8672
+ customElements.get("anduin-date-range-default") || customElements.define("anduin-date-range-default", I5);
8644
8673
  customElements.get("anduin-date-range-start") || customElements.define("anduin-date-range-start", Gt);
8645
8674
  customElements.get("anduin-date-range-end") || customElements.define("anduin-date-range-end", Kt);
8646
8675
  var Wt = Object.defineProperty, T = (r, e, t, o) => {
@@ -8666,7 +8695,7 @@ function Yt(r) {
8666
8695
  }
8667
8696
  return e;
8668
8697
  }
8669
- function s5(r) {
8698
+ function a5(r) {
8670
8699
  return r.type === "year" ? 10 ** r.length - 1 : r.length === 1 ? 9 : r.type === "month" ? 12 : 31;
8671
8700
  }
8672
8701
  const i2 = 1, G2 = class G2 extends u {
@@ -8740,7 +8769,7 @@ const i2 = 1, G2 = class G2 extends u {
8740
8769
  if (!t && !o) return e;
8741
8770
  const i = this._indexOfType("month"), n = this._indexOfType("day"), l = this._indexOfType("year");
8742
8771
  if (i < 0 || n < 0 || l < 0) return e;
8743
- const d = Number(e[l]), c = Number(e[i]), C = Number(e[n]), h = Math.min(C, It(d, c - 1)), f = new Date(d, c - 1, h), y = t && f.getTime() < t.getTime() ? t : o && f.getTime() > o.getTime() ? o : null;
8772
+ const d = Number(e[l]), c = Number(e[i]), C = Number(e[n]), h = Math.min(C, Ot(d, c - 1)), f = new Date(d, c - 1, h), y = t && f.getTime() < t.getTime() ? t : o && f.getTime() > o.getTime() ? o : null;
8744
8773
  if (!y) {
8745
8774
  if (h === C) return e;
8746
8775
  const V = [...e];
@@ -8779,7 +8808,7 @@ const i2 = 1, G2 = class G2 extends u {
8779
8808
  _writeSegment(e, t) {
8780
8809
  const o = this._segments[e];
8781
8810
  if (!o) return;
8782
- const i = Math.min(Math.max(Number(t), i2), s5(o)), n = [...this._digits];
8811
+ const i = Math.min(Math.max(Number(t), i2), a5(o)), n = [...this._digits];
8783
8812
  n[e] = String(i).padStart(o.length, "0"), this._buffer = "", this._setDigits(n);
8784
8813
  }
8785
8814
  /** Commit any half-typed digits so they aren't stranded on blur or navigation. */
@@ -8798,7 +8827,7 @@ const i2 = 1, G2 = class G2 extends u {
8798
8827
  return;
8799
8828
  }
8800
8829
  const l = Number(i.padEnd(o.length, "0")), d = Number(i.padEnd(o.length, "9"));
8801
- if (l > s5(o) || d < i2) {
8830
+ if (l > a5(o) || d < i2) {
8802
8831
  this._commitBuffer(t, i, !0);
8803
8832
  return;
8804
8833
  }
@@ -8807,7 +8836,7 @@ const i2 = 1, G2 = class G2 extends u {
8807
8836
  _step(e) {
8808
8837
  const t = this._active, o = this._segments[t];
8809
8838
  if (!o) return;
8810
- const i = s5(o), n = this._digits[t];
8839
+ const i = a5(o), n = this._digits[t];
8811
8840
  let l;
8812
8841
  n === null ? l = e > 0 ? i2 : i : (l = Number(n) + e, l > i && (l = i2), l < i2 && (l = i));
8813
8842
  const d = [...this._digits];
@@ -8856,9 +8885,9 @@ const i2 = 1, G2 = class G2 extends u {
8856
8885
  this.readonly ? "date-input--readonly" : "",
8857
8886
  this.status ? `date-input--${this.status}` : ""
8858
8887
  ].filter(Boolean).join(" "), i = this.size === "small" ? "12" : "16";
8859
- return a`
8888
+ return s`
8860
8889
  <div class="${t}" part="container">
8861
- ${e ? a`<span class="date-input__icon" part="icon">
8890
+ ${e ? s`<span class="date-input__icon" part="icon">
8862
8891
  <anduin-icon name="${this.startIcon}" size="${i}"></anduin-icon>
8863
8892
  </span>` : p}
8864
8893
  <input
@@ -8938,34 +8967,34 @@ G2.shadowRootOptions = { ...u.shadowRootOptions, delegatesFocus: !0 }, G2.styles
8938
8967
  `;
8939
8968
  let S = G2;
8940
8969
  T([
8941
- s()
8970
+ a()
8942
8971
  ], S.prototype, "format");
8943
8972
  T([
8944
- s()
8973
+ a()
8945
8974
  ], S.prototype, "value");
8946
8975
  T([
8947
- s()
8976
+ a()
8948
8977
  ], S.prototype, "size");
8949
8978
  T([
8950
- s({ type: Boolean })
8979
+ a({ type: Boolean })
8951
8980
  ], S.prototype, "disabled");
8952
8981
  T([
8953
- s({ type: Boolean })
8982
+ a({ type: Boolean })
8954
8983
  ], S.prototype, "readonly");
8955
8984
  T([
8956
- s()
8985
+ a()
8957
8986
  ], S.prototype, "status");
8958
8987
  T([
8959
- s({ attribute: "start-icon" })
8988
+ a({ attribute: "start-icon" })
8960
8989
  ], S.prototype, "startIcon");
8961
8990
  T([
8962
- s({ attribute: "min-date" })
8991
+ a({ attribute: "min-date" })
8963
8992
  ], S.prototype, "minDate");
8964
8993
  T([
8965
- s({ attribute: "max-date" })
8994
+ a({ attribute: "max-date" })
8966
8995
  ], S.prototype, "maxDate");
8967
8996
  T([
8968
- s()
8997
+ a()
8969
8998
  ], S.prototype, "inputid");
8970
8999
  T([
8971
9000
  m()
@@ -9070,7 +9099,7 @@ const m4 = class m4 extends u {
9070
9099
  }));
9071
9100
  }
9072
9101
  render() {
9073
- return a`
9102
+ return s`
9074
9103
  <div class="datepicker" part="datepicker">
9075
9104
  <anduin-popover full-width placement=${this.placement}>
9076
9105
  <anduin-date-input
@@ -9090,7 +9119,7 @@ const m4 = class m4 extends u {
9090
9119
  ></anduin-date-input>
9091
9120
 
9092
9121
  <div class="datepicker__panel" part="panel">
9093
- ${this._open ? a`<anduin-calendar
9122
+ ${this._open ? s`<anduin-calendar
9094
9123
  part="calendar"
9095
9124
  min-date=${this.minDate}
9096
9125
  max-date=${this.maxDate}
@@ -9115,37 +9144,37 @@ m4.styles = g`
9115
9144
  `;
9116
9145
  let A = m4;
9117
9146
  N([
9118
- s()
9147
+ a()
9119
9148
  ], A.prototype, "format");
9120
9149
  N([
9121
- s()
9150
+ a()
9122
9151
  ], A.prototype, "value");
9123
9152
  N([
9124
- s()
9153
+ a()
9125
9154
  ], A.prototype, "size");
9126
9155
  N([
9127
- s({ type: Boolean })
9156
+ a({ type: Boolean })
9128
9157
  ], A.prototype, "disabled");
9129
9158
  N([
9130
- s({ type: Boolean })
9159
+ a({ type: Boolean })
9131
9160
  ], A.prototype, "readonly");
9132
9161
  N([
9133
- s()
9162
+ a()
9134
9163
  ], A.prototype, "status");
9135
9164
  N([
9136
- s({ attribute: "start-icon" })
9165
+ a({ attribute: "start-icon" })
9137
9166
  ], A.prototype, "startIcon");
9138
9167
  N([
9139
- s({ attribute: "min-date" })
9168
+ a({ attribute: "min-date" })
9140
9169
  ], A.prototype, "minDate");
9141
9170
  N([
9142
- s({ attribute: "max-date" })
9171
+ a({ attribute: "max-date" })
9143
9172
  ], A.prototype, "maxDate");
9144
9173
  N([
9145
- s()
9174
+ a()
9146
9175
  ], A.prototype, "placement");
9147
9176
  N([
9148
- s()
9177
+ a()
9149
9178
  ], A.prototype, "inputid");
9150
9179
  N([
9151
9180
  m()
@@ -9162,7 +9191,7 @@ var e0 = Object.defineProperty, L = (r, e, t, o) => {
9162
9191
  (l = r[n]) && (i = l(e, t, i) || i);
9163
9192
  return i && e0(e, t, i), i;
9164
9193
  };
9165
- const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-table:row-click", n0 = "anduin-table:selection-change", r0 = "anduin-table:cell-context-menu", l0 = "anduin-table:row-expand", s0 = "anduin-table:row-collapse", a0 = "anduin-table:group-toggle", e3 = "anduin-table:column-resize", t3 = 40, n1 = (r) => r.type === "selection", C1 = (r, e) => {
9194
+ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-table:row-click", n0 = "anduin-table:selection-change", r0 = "anduin-table:cell-context-menu", l0 = "anduin-table:row-expand", a0 = "anduin-table:row-collapse", s0 = "anduin-table:group-toggle", e3 = "anduin-table:column-resize", t3 = 40, n1 = (r) => r.type === "selection", C1 = (r, e) => {
9166
9195
  if (!e) return;
9167
9196
  let t = r;
9168
9197
  for (const o of e.split(".")) {
@@ -9349,13 +9378,13 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
9349
9378
  toggleTreeRow(e) {
9350
9379
  const t = !e.expanded, o = new Set(this.expandedKeys);
9351
9380
  t ? o.add(e.key) : o.delete(e.key), this.expandedKeys = o, this.dispatchEvent(new CustomEvent(
9352
- t ? l0 : s0,
9381
+ t ? l0 : a0,
9353
9382
  { detail: { data: e.data, key: e.key, expanded: t }, bubbles: !0, composed: !0 }
9354
9383
  ));
9355
9384
  }
9356
9385
  toggleGroup(e) {
9357
9386
  const t = !e.expanded, o = new Set(this.collapsedGroups);
9358
- t ? o.delete(e.key) : o.add(e.key), this.collapsedGroups = o, this.dispatchEvent(new CustomEvent(a0, {
9387
+ t ? o.delete(e.key) : o.add(e.key), this.collapsedGroups = o, this.dispatchEvent(new CustomEvent(s0, {
9359
9388
  detail: { value: e.value, rows: e.rows, expanded: t },
9360
9389
  bubbles: !0,
9361
9390
  composed: !0
@@ -9572,7 +9601,7 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
9572
9601
  ].filter(Boolean).join(" "), d = this.cellStyle(e, t), c = e.headerAlign ?? e.align ?? this.columnAlign, C = [
9573
9602
  "table__header-inner",
9574
9603
  c !== "left" ? `table__header-inner--${c}` : ""
9575
- ].filter(Boolean).join(" "), h = this.columnKey(e, t), f = this.isColumnResizable(e) ? a`
9604
+ ].filter(Boolean).join(" "), h = this.columnKey(e, t), f = this.isColumnResizable(e) ? s`
9576
9605
  <span
9577
9606
  class="table__resize-handle ${this.resizingKey === h ? "table__resize-handle--active" : ""}"
9578
9607
  part="resize-handle"
@@ -9592,7 +9621,7 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
9592
9621
  areAllRowsSelected: D,
9593
9622
  hasSelectedRow: M > 0,
9594
9623
  onChange: (o1) => this.toggleAllRows(o1)
9595
- }) : a`
9624
+ }) : s`
9596
9625
  <anduin-checkbox
9597
9626
  .checked=${D}
9598
9627
  .indeterminate=${K}
@@ -9602,7 +9631,7 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
9602
9631
  }}
9603
9632
  ></anduin-checkbox>
9604
9633
  `;
9605
- return a`
9634
+ return s`
9606
9635
  <th
9607
9636
  class="${l}"
9608
9637
  part="header-cell"
@@ -9612,14 +9641,14 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
9612
9641
  ><div class="${C}">${Q1}</div>${f}</th>
9613
9642
  `;
9614
9643
  }
9615
- const y = this.sortField === e.field, b = y ? this.sortDirection : null, V = e.renderHeader ? e.renderHeader({ column: e, sortDirection: b }) : a`<span class="table__header-text">${e.title ?? ""}</span>`, _ = e.isSortable ? a`
9644
+ const y = this.sortField === e.field, b = y ? this.sortDirection : null, V = e.renderHeader ? e.renderHeader({ column: e, sortDirection: b }) : s`<span class="table__header-text">${e.title ?? ""}</span>`, _ = e.isSortable ? s`
9616
9645
  <anduin-icon
9617
9646
  class="table__sort-icon ${y ? "table__sort-icon--active" : ""}"
9618
9647
  name="${b === "desc" ? "caretDown" : "caretUp"}"
9619
9648
  size="16"
9620
9649
  ></anduin-icon>
9621
9650
  ` : p;
9622
- return a`
9651
+ return s`
9623
9652
  <th
9624
9653
  class="${l}"
9625
9654
  part="header-cell"
@@ -9646,7 +9675,7 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
9646
9675
  this.sizingClass(o, i)
9647
9676
  ].filter(Boolean).join(" "), C = this.cellStyle(o, i);
9648
9677
  if (n1(o)) {
9649
- const V = this.renderSelectedKeys.has(e.key), _ = this.rowIsDisabled(e.data), v = (M) => this.setRowSelected(e, M), x = o.renderCell ? o.renderCell({ data: e.data, isChecked: V, isDisabled: _, onChange: v }) : a`
9678
+ const V = this.renderSelectedKeys.has(e.key), _ = this.rowIsDisabled(e.data), v = (M) => this.setRowSelected(e, M), x = o.renderCell ? o.renderCell({ data: e.data, isChecked: V, isDisabled: _, onChange: v }) : s`
9650
9679
  <anduin-checkbox
9651
9680
  .checked=${V}
9652
9681
  .disabled=${_}
@@ -9656,7 +9685,7 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
9656
9685
  }}
9657
9686
  ></anduin-checkbox>
9658
9687
  `;
9659
- return a`
9688
+ return s`
9660
9689
  <td
9661
9690
  class="${c}"
9662
9691
  part="cell"
@@ -9666,9 +9695,9 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
9666
9695
  >${x}</td>
9667
9696
  `;
9668
9697
  }
9669
- const h = C1(e.data, o.field), f = o.renderCell ? o.renderCell({ data: e.data, value: h, rowIndex: t, column: o }) : h == null ? p : String(h), b = this.dataTree && i === this.firstDataColumnIndex ? a`
9698
+ const h = C1(e.data, o.field), f = o.renderCell ? o.renderCell({ data: e.data, value: h, rowIndex: t, column: o }) : h == null ? p : String(h), b = this.dataTree && i === this.firstDataColumnIndex ? s`
9670
9699
  <div class="table__tree-cell" style="padding-left:${e.depth * this.treeChildIndent}px">
9671
- ${e.hasChildren ? a`
9700
+ ${e.hasChildren ? s`
9672
9701
  <button
9673
9702
  class="table__tree-toggle"
9674
9703
  type="button"
@@ -9683,11 +9712,11 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
9683
9712
  size="16"
9684
9713
  ></anduin-icon>
9685
9714
  </button>
9686
- ` : a`<span class="table__tree-spacer"></span>`}
9715
+ ` : s`<span class="table__tree-spacer"></span>`}
9687
9716
  <span>${f}</span>
9688
9717
  </div>
9689
9718
  ` : f;
9690
- return a`
9719
+ return s`
9691
9720
  <td
9692
9721
  class="${c}"
9693
9722
  part="cell"
@@ -9708,7 +9737,7 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
9708
9737
  o ? "table__row--selected" : "",
9709
9738
  n
9710
9739
  ].filter(Boolean).join(" ");
9711
- return a`
9740
+ return s`
9712
9741
  <tr
9713
9742
  class="${l}"
9714
9743
  part="${n ? `row ${n}` : "row"}"
@@ -9719,16 +9748,16 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
9719
9748
  @mouseenter=${() => this.onRowMouseEnter(e)}
9720
9749
  >
9721
9750
  ${this.columns.map((d, c) => this.renderCell(e, t, d, c))}
9722
- ${this.layout === "fit-data-fill" ? a`<td class="table__cell" style="width:100%"></td>` : p}
9751
+ ${this.layout === "fit-data-fill" ? s`<td class="table__cell" style="width:100%"></td>` : p}
9723
9752
  </tr>
9724
9753
  `;
9725
9754
  }
9726
9755
  renderGroupRow(e) {
9727
- const t = this.renderGroupHeader ? this.renderGroupHeader(e.value, e.rows.length, e.rows) : a`
9756
+ const t = this.renderGroupHeader ? this.renderGroupHeader(e.value, e.rows.length, e.rows) : s`
9728
9757
  <span>${String(e.value)}</span>
9729
9758
  <span class="table__group-count">${e.rows.length}</span>
9730
9759
  `;
9731
- return a`
9760
+ return s`
9732
9761
  <tr class="table__group-row" part="group-row">
9733
9762
  <td class="table__group-cell" colspan="${this.columnCount}">
9734
9763
  <button
@@ -9751,7 +9780,7 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
9751
9780
  return this.columns.length + (this.layout === "fit-data-fill" ? 1 : 0);
9752
9781
  }
9753
9782
  renderPlaceholder() {
9754
- return a`
9783
+ return s`
9755
9784
  <tr>
9756
9785
  <td class="table__placeholder-cell" part="placeholder" colspan="${this.columnCount}">
9757
9786
  <slot name="empty">No data to display</slot>
@@ -9774,32 +9803,32 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
9774
9803
  const h = Math.ceil((this.viewportHeight || 400) / this.rowHeight), f = Math.max(0, Math.floor(this.virtualScrollTop / this.rowHeight) - 6), y = Math.min(e.length, f + h + 12);
9775
9804
  n = e.slice(f, y), l = f * this.rowHeight, d = (e.length - y) * this.rowHeight, c = f;
9776
9805
  }
9777
- return a`
9806
+ return s`
9778
9807
  <div class="${i}" part="table" style="${t}">
9779
9808
  <div class="table__scroll" part="scroll" @scroll=${this.onScroll}>
9780
9809
  <table
9781
9810
  class="table__el table__el--${this.layout}"
9782
9811
  style="${o ? `min-width:${o}px` : ""}"
9783
9812
  >
9784
- ${this.hideHeader ? p : a`
9813
+ ${this.hideHeader ? p : s`
9785
9814
  <thead part="header">
9786
9815
  <tr class="table__header-row" part="header-row">
9787
9816
  ${this.columns.map((C, h) => this.renderHeaderCell(C, h))}
9788
- ${this.layout === "fit-data-fill" ? a`<th class="table__header-cell" style="width:100%"></th>` : p}
9817
+ ${this.layout === "fit-data-fill" ? s`<th class="table__header-cell" style="width:100%"></th>` : p}
9789
9818
  </tr>
9790
9819
  </thead>
9791
9820
  `}
9792
9821
  <tbody part="body">
9793
9822
  ${e.length === 0 ? this.renderPlaceholder() : p}
9794
- ${l > 0 ? a`<tr style="height:${l}px" aria-hidden="true"><td colspan="${this.columnCount}"></td></tr>` : p}
9823
+ ${l > 0 ? s`<tr style="height:${l}px" aria-hidden="true"><td colspan="${this.columnCount}"></td></tr>` : p}
9795
9824
  ${n.map(
9796
9825
  (C, h) => C.kind === "group" ? this.renderGroupRow(C) : this.renderRow(C, c + h)
9797
9826
  )}
9798
- ${d > 0 ? a`<tr style="height:${d}px" aria-hidden="true"><td colspan="${this.columnCount}"></td></tr>` : p}
9827
+ ${d > 0 ? s`<tr style="height:${d}px" aria-hidden="true"><td colspan="${this.columnCount}"></td></tr>` : p}
9799
9828
  </tbody>
9800
9829
  </table>
9801
9830
  </div>
9802
- ${this.loading ? a`
9831
+ ${this.loading ? s`
9803
9832
  <div class="table__loading" part="loading">
9804
9833
  <slot name="loading"><anduin-spinner size="medium"></anduin-spinner></slot>
9805
9834
  </div>
@@ -10176,85 +10205,85 @@ b4.styles = g`
10176
10205
  `;
10177
10206
  let H = b4;
10178
10207
  L([
10179
- s({ attribute: !1 })
10208
+ a({ attribute: !1 })
10180
10209
  ], H.prototype, "columns");
10181
10210
  L([
10182
- s({ attribute: !1 })
10211
+ a({ attribute: !1 })
10183
10212
  ], H.prototype, "data");
10184
10213
  L([
10185
- s({ reflect: !0 })
10214
+ a({ reflect: !0 })
10186
10215
  ], H.prototype, "layout");
10187
10216
  L([
10188
- s({ attribute: "render-mode", reflect: !0 })
10217
+ a({ attribute: "render-mode", reflect: !0 })
10189
10218
  ], H.prototype, "renderMode");
10190
10219
  L([
10191
- s({ type: Number, attribute: "row-height" })
10220
+ a({ type: Number, attribute: "row-height" })
10192
10221
  ], H.prototype, "rowHeight");
10193
10222
  L([
10194
- s()
10223
+ a()
10195
10224
  ], H.prototype, "height");
10196
10225
  L([
10197
- s({ attribute: "max-height" })
10226
+ a({ attribute: "max-height" })
10198
10227
  ], H.prototype, "maxHeight");
10199
10228
  L([
10200
- s({ attribute: "min-height" })
10229
+ a({ attribute: "min-height" })
10201
10230
  ], H.prototype, "minHeight");
10202
10231
  L([
10203
- s({
10232
+ a({
10204
10233
  attribute: "resizable-columns",
10205
10234
  converter: (r) => r !== "false"
10206
10235
  })
10207
10236
  ], H.prototype, "resizableColumns");
10208
10237
  L([
10209
- s({ type: Boolean, attribute: "hide-header", reflect: !0 })
10238
+ a({ type: Boolean, attribute: "hide-header", reflect: !0 })
10210
10239
  ], H.prototype, "hideHeader");
10211
10240
  L([
10212
- s({ type: Boolean, reflect: !0 })
10241
+ a({ type: Boolean, reflect: !0 })
10213
10242
  ], H.prototype, "loading");
10214
10243
  L([
10215
- s({ reflect: !0 })
10244
+ a({ reflect: !0 })
10216
10245
  ], H.prototype, "selectable");
10217
10246
  L([
10218
- s({ attribute: "index-column" })
10247
+ a({ attribute: "index-column" })
10219
10248
  ], H.prototype, "indexColumn");
10220
10249
  L([
10221
- s({ attribute: "column-align" })
10250
+ a({ attribute: "column-align" })
10222
10251
  ], H.prototype, "columnAlign");
10223
10252
  L([
10224
- s({ attribute: "column-vertical-align" })
10253
+ a({ attribute: "column-vertical-align" })
10225
10254
  ], H.prototype, "columnVerticalAlign");
10226
10255
  L([
10227
- s({ attribute: "sort-field" })
10256
+ a({ attribute: "sort-field" })
10228
10257
  ], H.prototype, "sortField");
10229
10258
  L([
10230
- s({ attribute: "sort-direction" })
10259
+ a({ attribute: "sort-direction" })
10231
10260
  ], H.prototype, "sortDirection");
10232
10261
  L([
10233
- s({ type: Boolean, attribute: "data-tree", reflect: !0 })
10262
+ a({ type: Boolean, attribute: "data-tree", reflect: !0 })
10234
10263
  ], H.prototype, "dataTree");
10235
10264
  L([
10236
- s({ attribute: "tree-children-field" })
10265
+ a({ attribute: "tree-children-field" })
10237
10266
  ], H.prototype, "treeChildrenField");
10238
10267
  L([
10239
- s({ type: Number, attribute: "tree-child-indent" })
10268
+ a({ type: Number, attribute: "tree-child-indent" })
10240
10269
  ], H.prototype, "treeChildIndent");
10241
10270
  L([
10242
- s({ attribute: "group-by" })
10271
+ a({ attribute: "group-by" })
10243
10272
  ], H.prototype, "groupBy");
10244
10273
  L([
10245
- s({ attribute: !1 })
10274
+ a({ attribute: !1 })
10246
10275
  ], H.prototype, "selectedRows");
10247
10276
  L([
10248
- s({ attribute: !1 })
10277
+ a({ attribute: !1 })
10249
10278
  ], H.prototype, "isRowDisabled");
10250
10279
  L([
10251
- s({ attribute: !1 })
10280
+ a({ attribute: !1 })
10252
10281
  ], H.prototype, "onStartExpanded");
10253
10282
  L([
10254
- s({ attribute: !1 })
10283
+ a({ attribute: !1 })
10255
10284
  ], H.prototype, "rowClass");
10256
10285
  L([
10257
- s({ attribute: !1 })
10286
+ a({ attribute: !1 })
10258
10287
  ], H.prototype, "renderGroupHeader");
10259
10288
  L([
10260
10289
  m()
@@ -10285,25 +10314,25 @@ export {
10285
10314
  A5 as $,
10286
10315
  N1 as A,
10287
10316
  $ as B,
10288
- I as C,
10317
+ O as C,
10289
10318
  P2 as D,
10290
10319
  $1 as E,
10291
10320
  G1 as F,
10292
10321
  it as G,
10293
10322
  ot as H,
10294
10323
  b1 as I,
10295
- a1 as J,
10324
+ s1 as J,
10296
10325
  y1 as K,
10297
10326
  Dt as L,
10298
10327
  Pt as M,
10299
10328
  Q as N,
10300
10329
  b5 as O,
10301
10330
  b2 as P,
10302
- s1 as Q,
10331
+ a1 as Q,
10303
10332
  K1 as R,
10304
10333
  Y1 as S,
10305
10334
  W1 as T,
10306
- I2 as U,
10335
+ O2 as U,
10307
10336
  E5 as V,
10308
10337
  P5 as W,
10309
10338
  B5 as X,
@@ -10312,7 +10341,7 @@ export {
10312
10341
  S5 as _,
10313
10342
  e1 as a,
10314
10343
  l5 as a$,
10315
- O2 as a0,
10344
+ I2 as a0,
10316
10345
  D5 as a1,
10317
10346
  H1 as a2,
10318
10347
  F5 as a3,
@@ -10373,7 +10402,7 @@ export {
10373
10402
  f5 as av,
10374
10403
  u3 as aw,
10375
10404
  Z2 as ax,
10376
- I5 as ay,
10405
+ O5 as ay,
10377
10406
  x7 as az,
10378
10407
  S2 as b,
10379
10408
  kt as b0,
@@ -10382,16 +10411,16 @@ export {
10382
10411
  r0 as b3,
10383
10412
  i0 as b4,
10384
10413
  e3 as b5,
10385
- a0 as b6,
10414
+ s0 as b6,
10386
10415
  o0 as b7,
10387
- s0 as b8,
10416
+ a0 as b8,
10388
10417
  l0 as b9,
10389
10418
  n0 as ba,
10390
10419
  t0 as bb,
10391
10420
  F7 as bc,
10392
10421
  M3 as bd,
10393
10422
  W2 as be,
10394
- O7 as bf,
10423
+ I7 as bf,
10395
10424
  P7 as bg,
10396
10425
  U7 as bh,
10397
10426
  G7 as bi,
@@ -10410,7 +10439,7 @@ export {
10410
10439
  g3 as bv,
10411
10440
  P as bw,
10412
10441
  gt as bx,
10413
- O1 as by,
10442
+ I1 as by,
10414
10443
  h0 as bz,
10415
10444
  v2 as c,
10416
10445
  R as d,
@@ -10420,7 +10449,7 @@ export {
10420
10449
  S as h,
10421
10450
  A as i,
10422
10451
  t1 as j,
10423
- O5 as k,
10452
+ I5 as k,
10424
10453
  Kt as l,
10425
10454
  N2 as m,
10426
10455
  Gt as n,
@@ -10430,7 +10459,7 @@ export {
10430
10459
  Mt as r,
10431
10460
  w as s,
10432
10461
  B2 as t,
10433
- a5 as u,
10462
+ s5 as u,
10434
10463
  d5 as v,
10435
10464
  c5 as w,
10436
10465
  y2 as x,