@duyluonganduin/acl-web-components 0.0.61 → 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 +32 -4
  3. package/dist/acl-web-components.js +1 -1
  4. package/dist/{anduin-table-D6X8sSGF.js → anduin-table-CbBZtY8d.js} +589 -561
  5. package/dist/{anduin-table-KkQzZaMG.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-D6X8sSGF.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")
@@ -1370,10 +1370,10 @@ const P4 = {
1370
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" }],
1371
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" }]
1372
1372
  };
1373
- var a7 = Object.defineProperty, h3 = (r, e, t, o) => {
1373
+ var s7 = Object.defineProperty, h3 = (r, e, t, o) => {
1374
1374
  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
1375
1375
  (l = r[n]) && (i = l(e, t, i) || i);
1376
- return i && a7(e, t, i), i;
1376
+ return i && s7(e, t, i), i;
1377
1377
  };
1378
1378
  const ee = class ee extends u {
1379
1379
  constructor() {
@@ -1409,10 +1409,10 @@ ee.styles = g`
1409
1409
  `;
1410
1410
  let f2 = ee;
1411
1411
  h3([
1412
- s()
1412
+ a()
1413
1413
  ], f2.prototype, "name");
1414
1414
  h3([
1415
- s({ type: Number })
1415
+ a({ type: Number })
1416
1416
  ], f2.prototype, "size");
1417
1417
  customElements.get("anduin-icon") || customElements.define("anduin-icon", f2);
1418
1418
  var d7 = Object.defineProperty, c7 = (r, e, t, o) => {
@@ -1467,13 +1467,13 @@ const te = class te extends u {
1467
1467
  }
1468
1468
  render() {
1469
1469
  const e = g3(this.variant);
1470
- return a`<div class="badge ${e}" part="badge"><slot></slot></div>`;
1470
+ return s`<div class="badge ${e}" part="badge"><slot></slot></div>`;
1471
1471
  }
1472
1472
  };
1473
1473
  te.styles = [u3];
1474
1474
  let S2 = te;
1475
1475
  c7([
1476
- s()
1476
+ a()
1477
1477
  ], S2.prototype, "variant");
1478
1478
  customElements.get("anduin-badge") || customElements.define("anduin-badge", S2);
1479
1479
  var C7 = Object.defineProperty, f3 = (r, e, t, o) => {
@@ -1495,16 +1495,16 @@ const ie = class ie extends u {
1495
1495
  t ? "badge--hidden" : "",
1496
1496
  o ? "badge--square" : ""
1497
1497
  ].filter(Boolean).join(" ");
1498
- 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>`;
1499
1499
  }
1500
1500
  };
1501
1501
  ie.styles = [u3];
1502
1502
  let v2 = ie;
1503
1503
  f3([
1504
- s()
1504
+ a()
1505
1505
  ], v2.prototype, "variant");
1506
1506
  f3([
1507
- s({ type: Number })
1507
+ a({ type: Number })
1508
1508
  ], v2.prototype, "count");
1509
1509
  customElements.get("anduin-badge-count") || customElements.define("anduin-badge-count", v2);
1510
1510
  var p7 = Object.defineProperty, B = (r, e, t, o) => {
@@ -1549,15 +1549,15 @@ const oe = class oe extends u {
1549
1549
  this.loading ? "button--loading" : "",
1550
1550
  this.selected ? "button--selected" : "",
1551
1551
  this.iconOnly && this.appearance !== "text" && !this.fullWidth ? "button--icon-only" : ""
1552
- ].filter(Boolean).join(" "), i = a`
1552
+ ].filter(Boolean).join(" "), i = s`
1553
1553
  <div class="button__content button__content--${t}">
1554
- ${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}
1555
1555
  <slot @slotchange=${this.onSlotChange}></slot>
1556
- ${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}
1557
1557
  </div>
1558
- ${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}
1559
1559
  `;
1560
- return this.href ? a`
1560
+ return this.href ? s`
1561
1561
  <a
1562
1562
  class="${o}"
1563
1563
  href="${this.disabled ? "" : this.href}"
@@ -1566,7 +1566,7 @@ const oe = class oe extends u {
1566
1566
  download="${this.download || p}"
1567
1567
  aria-label="${this.label || p}"
1568
1568
  >${i}</a>
1569
- ` : a`
1569
+ ` : s`
1570
1570
  <button
1571
1571
  type="button"
1572
1572
  class="${o}"
@@ -1694,46 +1694,46 @@ B([
1694
1694
  m()
1695
1695
  ], R.prototype, "iconOnly");
1696
1696
  B([
1697
- s({ converter: (r) => r || "filled" })
1697
+ a({ converter: (r) => r || "filled" })
1698
1698
  ], R.prototype, "appearance");
1699
1699
  B([
1700
- s()
1700
+ a()
1701
1701
  ], R.prototype, "variant");
1702
1702
  B([
1703
- s()
1703
+ a()
1704
1704
  ], R.prototype, "size");
1705
1705
  B([
1706
- s({ type: Boolean })
1706
+ a({ type: Boolean })
1707
1707
  ], R.prototype, "disabled");
1708
1708
  B([
1709
- s({ type: Boolean })
1709
+ a({ type: Boolean })
1710
1710
  ], R.prototype, "loading");
1711
1711
  B([
1712
- s({ type: Boolean, attribute: "full-width", reflect: !0 })
1712
+ a({ type: Boolean, attribute: "full-width", reflect: !0 })
1713
1713
  ], R.prototype, "fullWidth");
1714
1714
  B([
1715
- s({ type: Boolean })
1715
+ a({ type: Boolean })
1716
1716
  ], R.prototype, "pill");
1717
1717
  B([
1718
- s({ type: Boolean })
1718
+ a({ type: Boolean })
1719
1719
  ], R.prototype, "selected");
1720
1720
  B([
1721
- s()
1721
+ a()
1722
1722
  ], R.prototype, "href");
1723
1723
  B([
1724
- s({ type: Boolean, attribute: "open-new-tab" })
1724
+ a({ type: Boolean, attribute: "open-new-tab" })
1725
1725
  ], R.prototype, "openNewTab");
1726
1726
  B([
1727
- s()
1727
+ a()
1728
1728
  ], R.prototype, "download");
1729
1729
  B([
1730
- s({ attribute: "start-icon" })
1730
+ a({ attribute: "start-icon" })
1731
1731
  ], R.prototype, "startIcon");
1732
1732
  B([
1733
- s({ attribute: "end-icon" })
1733
+ a({ attribute: "end-icon" })
1734
1734
  ], R.prototype, "endIcon");
1735
1735
  B([
1736
- s()
1736
+ a()
1737
1737
  ], R.prototype, "label");
1738
1738
  customElements.get("anduin-button") || customElements.define("anduin-button", R);
1739
1739
  var u7 = Object.defineProperty, g7 = (r, e, t, o) => {
@@ -1746,7 +1746,7 @@ const ne = class ne extends u {
1746
1746
  super(...arguments), this.variant = "gray";
1747
1747
  }
1748
1748
  render() {
1749
- return a`
1749
+ return s`
1750
1750
  <div class="callout callout--${this.variant}" part="callout">
1751
1751
  <slot name="icon"></slot>
1752
1752
  <div><slot></slot></div>
@@ -1768,7 +1768,7 @@ ne.styles = g`
1768
1768
  `;
1769
1769
  let A2 = ne;
1770
1770
  g7([
1771
- s()
1771
+ a()
1772
1772
  ], A2.prototype, "variant");
1773
1773
  customElements.get("anduin-callout") || customElements.define("anduin-callout", A2);
1774
1774
  var f7 = Object.defineProperty, v3 = (r, e, t, o) => {
@@ -1794,17 +1794,17 @@ const re = class re extends u {
1794
1794
  });
1795
1795
  }
1796
1796
  render() {
1797
- return this.direction === "vertical" ? this.hasContent ? a`
1797
+ return this.direction === "vertical" ? this.hasContent ? s`
1798
1798
  <div class="divider--vertical">
1799
1799
  <div class="divider__line--vertical"></div>
1800
1800
  <div><slot @slotchange=${this.onSlotChange}></slot></div>
1801
1801
  <div class="divider__line--vertical"></div>
1802
- </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`
1803
1803
  <div class="divider--horizontal">
1804
1804
  <div class="divider__line--horizontal"></div>
1805
1805
  <div><slot @slotchange=${this.onSlotChange}></slot></div>
1806
1806
  <div class="divider__line--horizontal"></div>
1807
- </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>`;
1808
1808
  }
1809
1809
  };
1810
1810
  re.styles = g`
@@ -1819,7 +1819,7 @@ re.styles = g`
1819
1819
  `;
1820
1820
  let m2 = re;
1821
1821
  v3([
1822
- s({ reflect: !0 })
1822
+ a({ reflect: !0 })
1823
1823
  ], m2.prototype, "direction");
1824
1824
  v3([
1825
1825
  m()
@@ -1835,7 +1835,7 @@ const le = class le extends u {
1835
1835
  super(...arguments), this.variant = "gray";
1836
1836
  }
1837
1837
  render() {
1838
- return a`<div class="dot dot--${this.variant}" part="dot"></div>`;
1838
+ return s`<div class="dot dot--${this.variant}" part="dot"></div>`;
1839
1839
  }
1840
1840
  };
1841
1841
  le.styles = g`
@@ -1849,7 +1849,7 @@ le.styles = g`
1849
1849
  `;
1850
1850
  let D2 = le;
1851
1851
  m7([
1852
- s()
1852
+ a()
1853
1853
  ], D2.prototype, "variant");
1854
1854
  customElements.get("anduin-dot") || customElements.define("anduin-dot", D2);
1855
1855
  var b7 = Object.defineProperty, m3 = (r, e, t, o) => {
@@ -1857,7 +1857,7 @@ var b7 = Object.defineProperty, m3 = (r, e, t, o) => {
1857
1857
  (l = r[n]) && (i = l(e, t, i) || i);
1858
1858
  return i && b7(e, t, i), i;
1859
1859
  };
1860
- const se = class se extends u {
1860
+ const ae = class ae extends u {
1861
1861
  constructor() {
1862
1862
  super(...arguments), this.percent = "", this.height = "medium";
1863
1863
  }
@@ -1865,7 +1865,7 @@ const se = class se extends u {
1865
1865
  const e = this.height === "large" ? 8 : 3, t = this.percent === "" || this.percent === null;
1866
1866
  let o = "";
1867
1867
  const i = ["progress__fill"];
1868
- 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`
1869
1869
  <div class="progress" style="height: ${e}px;" part="progress">
1870
1870
  <div class="${i.join(" ")}" style="${o}"></div>
1871
1871
  <div class="progress__background"></div>
@@ -1873,7 +1873,7 @@ const se = class se extends u {
1873
1873
  `;
1874
1874
  }
1875
1875
  };
1876
- se.styles = g`
1876
+ ae.styles = g`
1877
1877
  :host { display: block; font-family: var(--font-sans); }
1878
1878
  .progress { overflow-x: hidden; position: relative; border-radius: 9999px; }
1879
1879
  .progress__fill {
@@ -1889,12 +1889,12 @@ se.styles = g`
1889
1889
  to { transform: translateX(330%); }
1890
1890
  }
1891
1891
  `;
1892
- let b2 = se;
1892
+ let b2 = ae;
1893
1893
  m3([
1894
- s()
1894
+ a()
1895
1895
  ], b2.prototype, "percent");
1896
1896
  m3([
1897
- s()
1897
+ a()
1898
1898
  ], b2.prototype, "height");
1899
1899
  customElements.get("anduin-progress") || customElements.define("anduin-progress", b2);
1900
1900
  var y7 = Object.defineProperty, q1 = (r, e, t, o) => {
@@ -1902,7 +1902,7 @@ var y7 = Object.defineProperty, q1 = (r, e, t, o) => {
1902
1902
  (l = r[n]) && (i = l(e, t, i) || i);
1903
1903
  return i && y7(e, t, i), i;
1904
1904
  };
1905
- const ae = class ae extends u {
1905
+ const se = class se extends u {
1906
1906
  constructor() {
1907
1907
  super(...arguments), this.effect = "pulse", this.shape = "rectangle", this.height = "", this.width = "100%", this.duration = 1500, this.fontSize = "";
1908
1908
  }
@@ -1914,14 +1914,14 @@ const ae = class ae extends u {
1914
1914
  this.shape === "rectangle" ? "skeleton--rectangle" : "",
1915
1915
  this.shape === "text" && this.fontSize ? "skeleton--text" : ""
1916
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;` : "";
1917
- return a`
1917
+ return s`
1918
1918
  <div class="${e}" style="${t} ${o} ${i}" part="skeleton">
1919
- ${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>` : ""}
1920
1920
  </div>
1921
1921
  `;
1922
1922
  }
1923
1923
  };
1924
- ae.styles = g`
1924
+ se.styles = g`
1925
1925
  :host { display: block; height: 100%; font-family: var(--font-sans); }
1926
1926
  .skeleton { background-color: var(--color-gray-3); position: relative; overflow: hidden; }
1927
1927
  .skeleton--circle { border-radius: 9999px; }
@@ -1940,24 +1940,24 @@ ae.styles = g`
1940
1940
  0% { transform: translateX(-100%); } 100% { transform: translateX(100%); }
1941
1941
  }
1942
1942
  `;
1943
- let r1 = ae;
1943
+ let r1 = se;
1944
1944
  q1([
1945
- s()
1945
+ a()
1946
1946
  ], r1.prototype, "effect");
1947
1947
  q1([
1948
- s()
1948
+ a()
1949
1949
  ], r1.prototype, "shape");
1950
1950
  q1([
1951
- s()
1951
+ a()
1952
1952
  ], r1.prototype, "height");
1953
1953
  q1([
1954
- s()
1954
+ a()
1955
1955
  ], r1.prototype, "width");
1956
1956
  q1([
1957
- s({ type: Number })
1957
+ a({ type: Number })
1958
1958
  ], r1.prototype, "duration");
1959
1959
  q1([
1960
- s({ attribute: "font-size" })
1960
+ a({ attribute: "font-size" })
1961
1961
  ], r1.prototype, "fontSize");
1962
1962
  customElements.get("anduin-skeleton") || customElements.define("anduin-skeleton", r1);
1963
1963
  var H7 = Object.defineProperty, _7 = (r, e, t, o) => {
@@ -1970,7 +1970,7 @@ const de = class de extends u {
1970
1970
  super(...arguments), this.height = "256px";
1971
1971
  }
1972
1972
  render() {
1973
- return a`
1973
+ return s`
1974
1974
  <div class="loading-state" style="height: ${this.height};" part="loading-state">
1975
1975
  <div class="loading-state__indicator">
1976
1976
  <anduin-spinner size="large"></anduin-spinner>
@@ -1988,7 +1988,7 @@ de.styles = g`
1988
1988
  `;
1989
1989
  let P2 = de;
1990
1990
  _7([
1991
- s()
1991
+ a()
1992
1992
  ], P2.prototype, "height");
1993
1993
  customElements.get("anduin-loading-state") || customElements.define("anduin-loading-state", P2);
1994
1994
  var L7 = Object.defineProperty, W5 = (r, e, t, o) => {
@@ -2012,7 +2012,7 @@ const b3 = "anduin-field:label-click", f1 = "anduin-field:label-click-coordinate
2012
2012
  }
2013
2013
  render() {
2014
2014
  const e = this.orientation === "horizontal";
2015
- return a`
2015
+ return s`
2016
2016
  <div class="field ${e ? "field--horizontal" : "field--vertical"}" part="field">
2017
2017
  <slot></slot>
2018
2018
  </div>
@@ -2027,7 +2027,7 @@ ce.styles = g`
2027
2027
  `;
2028
2028
  let B2 = ce;
2029
2029
  W5([
2030
- s()
2030
+ a()
2031
2031
  ], B2.prototype, "orientation");
2032
2032
  const Ce = class Ce extends u {
2033
2033
  constructor() {
@@ -2044,14 +2044,14 @@ const Ce = class Ce extends u {
2044
2044
  })));
2045
2045
  }
2046
2046
  render() {
2047
- return a`
2047
+ return s`
2048
2048
  <label
2049
2049
  class="field-label"
2050
2050
  part="label"
2051
2051
  for=${this.htmlfor || ""}
2052
2052
  @click=${this.onLabelClick}
2053
2053
  >
2054
- <slot></slot>${this.required ? a`<span class="field-label__required"> *</span>` : ""}
2054
+ <slot></slot>${this.required ? s`<span class="field-label__required"> *</span>` : ""}
2055
2055
  </label>
2056
2056
  `;
2057
2057
  }
@@ -2063,24 +2063,24 @@ Ce.styles = g`
2063
2063
  `;
2064
2064
  let y2 = Ce;
2065
2065
  W5([
2066
- s()
2066
+ a()
2067
2067
  ], y2.prototype, "htmlfor");
2068
2068
  W5([
2069
- s({ type: Boolean })
2069
+ a({ type: Boolean })
2070
2070
  ], y2.prototype, "required");
2071
2071
  const pe = class pe extends u {
2072
2072
  render() {
2073
- return a`<div class="field-description" part="description"><slot></slot></div>`;
2073
+ return s`<div class="field-description" part="description"><slot></slot></div>`;
2074
2074
  }
2075
2075
  };
2076
2076
  pe.styles = g`
2077
2077
  :host { display: inline-block; font-family: var(--font-sans); }
2078
2078
  .field-description { display: block; line-height: 16px; font-size: 11px; color: var(--color-gray-7); }
2079
2079
  `;
2080
- let a5 = pe;
2080
+ let s5 = pe;
2081
2081
  const he = class he extends u {
2082
2082
  render() {
2083
- return a`<div class="field-error" part="error"><slot></slot></div>`;
2083
+ return s`<div class="field-error" part="error"><slot></slot></div>`;
2084
2084
  }
2085
2085
  };
2086
2086
  he.styles = g`
@@ -2090,7 +2090,7 @@ he.styles = g`
2090
2090
  let d5 = he;
2091
2091
  const ue = class ue extends u {
2092
2092
  render() {
2093
- return a`<div class="field-group" part="group"><slot></slot></div>`;
2093
+ return s`<div class="field-group" part="group"><slot></slot></div>`;
2094
2094
  }
2095
2095
  };
2096
2096
  ue.styles = g`
@@ -2100,7 +2100,7 @@ ue.styles = g`
2100
2100
  let c5 = ue;
2101
2101
  customElements.get("anduin-field") || customElements.define("anduin-field", B2);
2102
2102
  customElements.get("anduin-field-label") || customElements.define("anduin-field-label", y2);
2103
- customElements.get("anduin-field-description") || customElements.define("anduin-field-description", a5);
2103
+ customElements.get("anduin-field-description") || customElements.define("anduin-field-description", s5);
2104
2104
  customElements.get("anduin-field-error") || customElements.define("anduin-field-error", d5);
2105
2105
  customElements.get("anduin-field-group") || customElements.define("anduin-field-group", c5);
2106
2106
  var V7 = Object.defineProperty, R2 = (r, e, t, o) => {
@@ -2138,7 +2138,7 @@ const x7 = "anduin-checkbox:change", ge = class ge extends u {
2138
2138
  this.disabled && !this.indeterminate && !this.checked ? "checkbox__box--disabled" : "",
2139
2139
  !this.indeterminate && !this.checked && !this.readonly && !this.disabled ? "checkbox__box--unchecked" : ""
2140
2140
  ].filter(Boolean).join(" "), t = this.indeterminate ? "minusBold" : this.checked ? "checkBold" : "", o = !this.disabled && !this.readonly, i = o ? 0 : -1;
2141
- return a`
2141
+ return s`
2142
2142
  <label class="${this.disabled ? "is-disabled" : ""}">
2143
2143
  <div
2144
2144
  class="checkbox ${o ? "checkbox--interactive" : ""} ${this.disabled ? "checkbox--disabled" : ""}"
@@ -2154,7 +2154,7 @@ const x7 = "anduin-checkbox:change", ge = class ge extends u {
2154
2154
  />
2155
2155
  <div class="${e}" tabindex="${i}"></div>
2156
2156
  <div class="checkbox__icon ${this.indeterminate || this.checked ? "checkbox__icon--visible" : ""}">
2157
- ${t ? a`<anduin-icon name="${t}" size="16"></anduin-icon>` : p}
2157
+ ${t ? s`<anduin-icon name="${t}" size="16"></anduin-icon>` : p}
2158
2158
  </div>
2159
2159
  </div>
2160
2160
  <span class="checkbox__label"><slot></slot></span>
@@ -2202,19 +2202,19 @@ ge.styles = g`
2202
2202
  `;
2203
2203
  let v1 = ge;
2204
2204
  R2([
2205
- s({ type: Boolean })
2205
+ a({ type: Boolean })
2206
2206
  ], v1.prototype, "checked");
2207
2207
  R2([
2208
- s({ type: Boolean })
2208
+ a({ type: Boolean })
2209
2209
  ], v1.prototype, "disabled");
2210
2210
  R2([
2211
- s({ type: Boolean })
2211
+ a({ type: Boolean })
2212
2212
  ], v1.prototype, "indeterminate");
2213
2213
  R2([
2214
- s({ type: Boolean })
2214
+ a({ type: Boolean })
2215
2215
  ], v1.prototype, "readonly");
2216
2216
  R2([
2217
- s()
2217
+ a()
2218
2218
  ], v1.prototype, "inputid");
2219
2219
  customElements.get("anduin-checkbox") || customElements.define("anduin-checkbox", v1);
2220
2220
  var M7 = Object.defineProperty, Y = (r, e, t, o) => {
@@ -2280,9 +2280,9 @@ const B4 = "anduin-input:change", w7 = "anduin-input:clear", j2 = class j2 exten
2280
2280
  }
2281
2281
  render() {
2282
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";
2283
- return a`
2283
+ return s`
2284
2284
  <div class="input-wrapper">
2285
- ${o ? a`
2285
+ ${o ? s`
2286
2286
  <span class="input__start">
2287
2287
  <anduin-icon name=${this.startIcon} size=${l}></anduin-icon>
2288
2288
  </span>
@@ -2304,14 +2304,14 @@ const B4 = "anduin-input:change", w7 = "anduin-input:clear", j2 = class j2 exten
2304
2304
  @input=${this.onInput}
2305
2305
  />
2306
2306
 
2307
- ${i ? a`
2307
+ ${i ? s`
2308
2308
  <span class="input__end">
2309
- ${n ? a`
2309
+ ${n ? s`
2310
2310
  <button class="input__clear" type="button" @click=${this.onClear} aria-label="Clear">
2311
2311
  <anduin-icon name="cross" size=${d}></anduin-icon>
2312
2312
  </button>
2313
2313
  ` : p}
2314
- ${this.endIcon ? a`
2314
+ ${this.endIcon ? s`
2315
2315
  <anduin-icon name=${this.endIcon} size=${l}></anduin-icon>
2316
2316
  ` : p}
2317
2317
  </span>
@@ -2374,41 +2374,41 @@ j2.shadowRootOptions = { ...u.shadowRootOptions, delegatesFocus: !0 }, j2.styles
2374
2374
  }
2375
2375
  .input__clear:hover { color: var(--color-gray-7); }
2376
2376
  `;
2377
- let I = j2;
2377
+ let O = j2;
2378
2378
  Y([
2379
- s()
2380
- ], I.prototype, "value");
2379
+ a()
2380
+ ], O.prototype, "value");
2381
2381
  Y([
2382
- s()
2383
- ], I.prototype, "size");
2382
+ a()
2383
+ ], O.prototype, "size");
2384
2384
  Y([
2385
- s({ type: Boolean })
2386
- ], I.prototype, "disabled");
2385
+ a({ type: Boolean })
2386
+ ], O.prototype, "disabled");
2387
2387
  Y([
2388
- s({ type: Boolean })
2389
- ], I.prototype, "readonly");
2388
+ a({ type: Boolean })
2389
+ ], O.prototype, "readonly");
2390
2390
  Y([
2391
- s()
2392
- ], I.prototype, "placeholder");
2391
+ a()
2392
+ ], O.prototype, "placeholder");
2393
2393
  Y([
2394
- s()
2395
- ], I.prototype, "inputid");
2394
+ a()
2395
+ ], O.prototype, "inputid");
2396
2396
  Y([
2397
- s()
2398
- ], I.prototype, "status");
2397
+ a()
2398
+ ], O.prototype, "status");
2399
2399
  Y([
2400
- s({ attribute: "start-icon" })
2401
- ], I.prototype, "startIcon");
2400
+ a({ attribute: "start-icon" })
2401
+ ], O.prototype, "startIcon");
2402
2402
  Y([
2403
- s({ attribute: "end-icon" })
2404
- ], I.prototype, "endIcon");
2403
+ a({ attribute: "end-icon" })
2404
+ ], O.prototype, "endIcon");
2405
2405
  Y([
2406
- s({ type: Boolean })
2407
- ], I.prototype, "clearable");
2406
+ a({ type: Boolean })
2407
+ ], O.prototype, "clearable");
2408
2408
  Y([
2409
2409
  k("input")
2410
- ], I.prototype, "inputEl");
2411
- customElements.get("anduin-input") || customElements.define("anduin-input", I);
2410
+ ], O.prototype, "inputEl");
2411
+ customElements.get("anduin-input") || customElements.define("anduin-input", O);
2412
2412
  var Z7 = Object.defineProperty, y3 = (r, e, t, o) => {
2413
2413
  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
2414
2414
  (l = r[n]) && (i = l(e, t, i) || i);
@@ -2458,20 +2458,20 @@ function F4(r, e, t, o, i) {
2458
2458
  return { left: 0, top: 0 };
2459
2459
  }
2460
2460
  }
2461
- function I4(r, e) {
2461
+ function O4(r, e) {
2462
2462
  return e.right >= r.left && e.left <= r.right && e.top <= r.bottom && e.bottom >= r.top;
2463
2463
  }
2464
- function O4(r, e) {
2464
+ function I4(r, e) {
2465
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);
2466
2466
  return i < t || n < o ? 0 : (i - t) * (n - o);
2467
2467
  }
2468
2468
  function R7(r, e, t, o = 8) {
2469
2469
  const i = window.innerWidth, n = window.innerHeight, l = { left: 0, top: 0, right: i, bottom: n }, d = e.width, c = e.height;
2470
- if (!I4(
2470
+ if (!O4(
2471
2471
  { left: r.left, top: r.top, right: r.right, bottom: r.bottom },
2472
2472
  l
2473
2473
  )) return null;
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 }) => 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));
2475
2475
  if (h.length === 0)
2476
2476
  return {
2477
2477
  placement: t,
@@ -2479,7 +2479,7 @@ function R7(r, e, t, o = 8) {
2479
2479
  top: Math.round(Math.min(Math.max(C.top, 0), n - c))
2480
2480
  };
2481
2481
  h.sort((b, V) => {
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 = 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);
2483
2483
  if (M !== x) return M - x;
2484
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);
2485
2485
  return D - K;
@@ -2561,7 +2561,7 @@ const fe = class fe extends u {
2561
2561
  this.dispatchEvent(new CustomEvent(x3, { detail: e, bubbles: !1, composed: !1 }));
2562
2562
  }
2563
2563
  render() {
2564
- return a`<div class="tooltip-root" part="tooltip"><slot></slot></div>`;
2564
+ return s`<div class="tooltip-root" part="tooltip"><slot></slot></div>`;
2565
2565
  }
2566
2566
  };
2567
2567
  fe.styles = g`
@@ -2577,10 +2577,10 @@ fe.styles = g`
2577
2577
  `;
2578
2578
  let H2 = fe;
2579
2579
  y3([
2580
- s({ type: Boolean })
2580
+ a({ type: Boolean })
2581
2581
  ], H2.prototype, "disabled");
2582
2582
  y3([
2583
- s()
2583
+ a()
2584
2584
  ], H2.prototype, "placement");
2585
2585
  const ve = class ve extends u {
2586
2586
  firstUpdated() {
@@ -2593,7 +2593,7 @@ const ve = class ve extends u {
2593
2593
  });
2594
2594
  }
2595
2595
  render() {
2596
- 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>`;
2597
2597
  }
2598
2598
  };
2599
2599
  ve.styles = g`
@@ -2662,7 +2662,7 @@ const me = class me extends u {
2662
2662
  this.popupEl && (this.popupEl.remove(), this.popupEl = null, this.dispatchEvent(new CustomEvent(V3, { bubbles: !0, composed: !0 }))), this.cleanupGraceAreaListeners();
2663
2663
  }
2664
2664
  render() {
2665
- return a`<div class="tooltip-content-wrapper"></div>`;
2665
+ return s`<div class="tooltip-content-wrapper"></div>`;
2666
2666
  }
2667
2667
  };
2668
2668
  me.styles = g`
@@ -2775,14 +2775,14 @@ const z7 = "anduin-inline-edit:save", S7 = "anduin-inline-edit:cancel", A7 = "an
2775
2775
  }
2776
2776
  _renderView() {
2777
2777
  const e = !this.value, t = this.clickToEdit && !this.disabled;
2778
- return a`
2778
+ return s`
2779
2779
  <div class="view" part="view">
2780
2780
  <span
2781
2781
  class="text ${t ? "text--clickable" : ""} ${e && !this._hasSlotted ? "text--placeholder" : ""}"
2782
2782
  part="text"
2783
2783
  @click=${this._onTextClick}
2784
2784
  >${this._hasSlotted ? p : e ? this.placeholder : this.value}<slot @slotchange=${this._onSlotChange}></slot></span>
2785
- ${this.disabled ? p : a`
2785
+ ${this.disabled ? p : s`
2786
2786
  <anduin-tooltip class="switcher" part="switcher">
2787
2787
  <anduin-tooltip-trigger>
2788
2788
  <anduin-button
@@ -2801,7 +2801,7 @@ const z7 = "anduin-inline-edit:save", S7 = "anduin-inline-edit:cancel", A7 = "an
2801
2801
  }
2802
2802
  _renderEdit() {
2803
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";
2804
- return a`
2804
+ return s`
2805
2805
  <div class="edit" part="edit">
2806
2806
  <input
2807
2807
  class="field field--${e} ${t ? "field--invalid" : ""}"
@@ -2905,28 +2905,28 @@ be.styles = g`
2905
2905
  `;
2906
2906
  let $ = be;
2907
2907
  F([
2908
- s()
2908
+ a()
2909
2909
  ], $.prototype, "value");
2910
2910
  F([
2911
- s()
2911
+ a()
2912
2912
  ], $.prototype, "placeholder");
2913
2913
  F([
2914
- s()
2914
+ a()
2915
2915
  ], $.prototype, "size");
2916
2916
  F([
2917
- s()
2917
+ a()
2918
2918
  ], $.prototype, "mode");
2919
2919
  F([
2920
- s({ type: Boolean, reflect: !0 })
2920
+ a({ type: Boolean, reflect: !0 })
2921
2921
  ], $.prototype, "disabled");
2922
2922
  F([
2923
- s({ type: Boolean, attribute: "click-to-edit", reflect: !0 })
2923
+ a({ type: Boolean, attribute: "click-to-edit", reflect: !0 })
2924
2924
  ], $.prototype, "clickToEdit");
2925
2925
  F([
2926
- s({ attribute: "edit-label" })
2926
+ a({ attribute: "edit-label" })
2927
2927
  ], $.prototype, "editLabel");
2928
2928
  F([
2929
- s({ attribute: !1 })
2929
+ a({ attribute: !1 })
2930
2930
  ], $.prototype, "validate");
2931
2931
  F([
2932
2932
  m()
@@ -2998,7 +2998,7 @@ const P7 = "anduin-textarea:change", U2 = class U2 extends u {
2998
2998
  }
2999
2999
  render() {
3000
3000
  const e = this.status ? `textarea--${this.status}` : "";
3001
- return a`
3001
+ return s`
3002
3002
  <textarea
3003
3003
  class="textarea
3004
3004
  ${this.disabled ? "textarea--disabled" : ""}
@@ -3034,25 +3034,25 @@ U2.shadowRootOptions = { ...u.shadowRootOptions, delegatesFocus: !0 }, U2.styles
3034
3034
  `;
3035
3035
  let W = U2;
3036
3036
  _1([
3037
- s()
3037
+ a()
3038
3038
  ], W.prototype, "value");
3039
3039
  _1([
3040
- s({ type: Boolean })
3040
+ a({ type: Boolean })
3041
3041
  ], W.prototype, "disabled");
3042
3042
  _1([
3043
- s({ type: Boolean })
3043
+ a({ type: Boolean })
3044
3044
  ], W.prototype, "readonly");
3045
3045
  _1([
3046
- s()
3046
+ a()
3047
3047
  ], W.prototype, "placeholder");
3048
3048
  _1([
3049
- s()
3049
+ a()
3050
3050
  ], W.prototype, "inputid");
3051
3051
  _1([
3052
- s({ type: Number })
3052
+ a({ type: Number })
3053
3053
  ], W.prototype, "rows");
3054
3054
  _1([
3055
- s()
3055
+ a()
3056
3056
  ], W.prototype, "status");
3057
3057
  _1([
3058
3058
  k("textarea")
@@ -3087,7 +3087,7 @@ const M3 = "anduin-tab:trigger-click", W2 = "anduin-tab:value-changed", F7 = "an
3087
3087
  this.dispatchEvent(new CustomEvent(W2, { detail: e, bubbles: !1, composed: !1 }));
3088
3088
  }
3089
3089
  render() {
3090
- return a`<div class="tabs" part="tabs"><slot></slot></div>`;
3090
+ return s`<div class="tabs" part="tabs"><slot></slot></div>`;
3091
3091
  }
3092
3092
  };
3093
3093
  ye.styles = g`
@@ -3098,13 +3098,13 @@ ye.styles = g`
3098
3098
  `;
3099
3099
  let j1 = ye;
3100
3100
  U([
3101
- s({ attribute: "default-value" })
3101
+ a({ attribute: "default-value" })
3102
3102
  ], j1.prototype, "defaultValue");
3103
3103
  U([
3104
- s()
3104
+ a()
3105
3105
  ], j1.prototype, "value");
3106
3106
  U([
3107
- s({ type: Boolean, reflect: !0 })
3107
+ a({ type: Boolean, reflect: !0 })
3108
3108
  ], j1.prototype, "fill");
3109
3109
  const He = class He extends u {
3110
3110
  constructor() {
@@ -3142,7 +3142,7 @@ const He = class He extends u {
3142
3142
  }
3143
3143
  }
3144
3144
  render() {
3145
- return a`
3145
+ return s`
3146
3146
  <div class="tabs-list tabs-list--${this.alignment}" role="tablist" aria-orientation="horizontal" part="tabs-list">
3147
3147
  <slot></slot>
3148
3148
  <div class="tabs-list__indicator"></div>
@@ -3169,7 +3169,7 @@ He.styles = g`
3169
3169
  `;
3170
3170
  let _2 = He;
3171
3171
  U([
3172
- s()
3172
+ a()
3173
3173
  ], _2.prototype, "alignment");
3174
3174
  U([
3175
3175
  k(".tabs-list__indicator")
@@ -3190,7 +3190,7 @@ const _e = class _e extends u {
3190
3190
  this.dispatchEvent(new CustomEvent(M3, { detail: this.value, bubbles: !0, composed: !0 }));
3191
3191
  }
3192
3192
  render() {
3193
- return a`
3193
+ return s`
3194
3194
  <button
3195
3195
  class="tab-trigger ${this.isActive ? "tab-trigger--active" : "tab-trigger--normal"}"
3196
3196
  role="tab"
@@ -3200,9 +3200,9 @@ const _e = class _e extends u {
3200
3200
  @click=${this.onClick}
3201
3201
  >
3202
3202
  <div class="tab-trigger__content">
3203
- ${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}
3204
3204
  <slot></slot>
3205
- ${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}
3206
3206
  </div>
3207
3207
  </button>
3208
3208
  `;
@@ -3233,19 +3233,19 @@ _e.styles = g`
3233
3233
  `;
3234
3234
  let l1 = _e;
3235
3235
  U([
3236
- s({ reflect: !0 })
3236
+ a({ reflect: !0 })
3237
3237
  ], l1.prototype, "value");
3238
3238
  U([
3239
- s({ attribute: "start-icon" })
3239
+ a({ attribute: "start-icon" })
3240
3240
  ], l1.prototype, "startIcon");
3241
3241
  U([
3242
- s({ type: Boolean })
3242
+ a({ type: Boolean })
3243
3243
  ], l1.prototype, "disabled");
3244
3244
  U([
3245
- s({ type: Boolean, attribute: "show-badge" })
3245
+ a({ type: Boolean, attribute: "show-badge" })
3246
3246
  ], l1.prototype, "showBadge");
3247
3247
  U([
3248
- s({ attribute: "badge-count" })
3248
+ a({ attribute: "badge-count" })
3249
3249
  ], l1.prototype, "badgeCount");
3250
3250
  U([
3251
3251
  m()
@@ -3266,7 +3266,7 @@ const Le = class Le extends u {
3266
3266
  e.has("isActive") && this.toggleAttribute("active", this.isActive);
3267
3267
  }
3268
3268
  render() {
3269
- return a`
3269
+ return s`
3270
3270
  <div class="tab-content" role="tabpanel" tabindex="0" part="tab-content">
3271
3271
  <slot></slot>
3272
3272
  </div>
@@ -3280,7 +3280,7 @@ Le.styles = g`
3280
3280
  `;
3281
3281
  let L2 = Le;
3282
3282
  U([
3283
- s()
3283
+ a()
3284
3284
  ], L2.prototype, "value");
3285
3285
  U([
3286
3286
  m()
@@ -3289,12 +3289,12 @@ customElements.get("anduin-tabs") || customElements.define("anduin-tabs", j1);
3289
3289
  customElements.get("anduin-tabs-list") || customElements.define("anduin-tabs-list", _2);
3290
3290
  customElements.get("anduin-tab-trigger") || customElements.define("anduin-tab-trigger", l1);
3291
3291
  customElements.get("anduin-tab-content") || customElements.define("anduin-tab-content", L2);
3292
- var I7 = Object.defineProperty, q5 = (r, e, t, o) => {
3292
+ var O7 = Object.defineProperty, q5 = (r, e, t, o) => {
3293
3293
  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
3294
3294
  (l = r[n]) && (i = l(e, t, i) || i);
3295
- return i && I7(e, t, i), i;
3295
+ return i && O7(e, t, i), i;
3296
3296
  };
3297
- const O7 = "anduin-tag-close:click", T7 = {
3297
+ const I7 = "anduin-tag-close:click", T7 = {
3298
3298
  gray: "tag--light-gray",
3299
3299
  primary: "tag--light-primary",
3300
3300
  success: "tag--light-success",
@@ -3350,9 +3350,9 @@ const O7 = "anduin-tag-close:click", T7 = {
3350
3350
  }
3351
3351
  render() {
3352
3352
  const e = T7[this.variant] || "tag--light-gray", t = N7[this.variant] || "tag__icon--light-gray";
3353
- return a`
3353
+ return s`
3354
3354
  <div class="tag ${e} ${this.disabled ? "tag--disabled" : ""}" part="tag">
3355
- ${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}
3356
3356
  <div class="tag__label"><slot></slot></div>
3357
3357
  <slot name="closeButton" class="tag__close"></slot>
3358
3358
  </div>
@@ -3409,20 +3409,20 @@ Ve.styles = g`
3409
3409
  `;
3410
3410
  let U1 = Ve;
3411
3411
  q5([
3412
- s()
3412
+ a()
3413
3413
  ], U1.prototype, "variant");
3414
3414
  q5([
3415
- s()
3415
+ a()
3416
3416
  ], U1.prototype, "icon");
3417
3417
  q5([
3418
- s({ type: Boolean })
3418
+ a({ type: Boolean })
3419
3419
  ], U1.prototype, "disabled");
3420
3420
  const xe = class xe extends u {
3421
3421
  onClick() {
3422
- this.dispatchEvent(new CustomEvent(O7, { bubbles: !0, composed: !0 }));
3422
+ this.dispatchEvent(new CustomEvent(I7, { bubbles: !0, composed: !0 }));
3423
3423
  }
3424
3424
  render() {
3425
- return a`
3425
+ return s`
3426
3426
  <button class="tag-close__button" part="tag-close" @click=${this.onClick}>
3427
3427
  <anduin-icon name="crossSmall" size="12"></anduin-icon>
3428
3428
  </button>
@@ -3442,7 +3442,7 @@ xe.styles = g`
3442
3442
  let u5 = xe;
3443
3443
  customElements.get("anduin-tag") || customElements.define("anduin-tag", U1);
3444
3444
  customElements.get("anduin-tag-close") || customElements.define("anduin-tag-close", u5);
3445
- var j7 = Object.defineProperty, O = (r, e, t, o) => {
3445
+ var j7 = Object.defineProperty, I = (r, e, t, o) => {
3446
3446
  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
3447
3447
  (l = r[n]) && (i = l(e, t, i) || i);
3448
3448
  return i && j7(e, t, i), i;
@@ -3493,7 +3493,7 @@ const U7 = "anduin-toggle-group:change", G7 = "anduin-toggle-group-item:change",
3493
3493
  t.selected = e.includes(t.value), t.groupSize = this.size, t.groupVariant = this.variant, t.groupMode = this.mode;
3494
3494
  }
3495
3495
  render() {
3496
- return a`
3496
+ return s`
3497
3497
  <div class="toggle-group toggle-group--${this.size} ${this.gap ? "toggle-group--gap" : ""}" role="group" part="toggle-group">
3498
3498
  <slot @slotchange=${this.syncItems}></slot>
3499
3499
  </div>
@@ -3535,25 +3535,25 @@ Me.styles = g`
3535
3535
  .toggle-group--gap ::slotted(anduin-toggle-group-item) { --toggle-group-item-radius: 4px; --toggle-group-item-border-left: 1px; }
3536
3536
  `;
3537
3537
  let X = Me;
3538
- O([
3539
- s()
3538
+ I([
3539
+ a()
3540
3540
  ], X.prototype, "mode");
3541
- O([
3542
- s({ attribute: "default-value" })
3541
+ I([
3542
+ a({ attribute: "default-value" })
3543
3543
  ], X.prototype, "defaultValue");
3544
- O([
3545
- s()
3544
+ I([
3545
+ a()
3546
3546
  ], X.prototype, "value");
3547
- O([
3548
- s()
3547
+ I([
3548
+ a()
3549
3549
  ], X.prototype, "size");
3550
- O([
3551
- s()
3550
+ I([
3551
+ a()
3552
3552
  ], X.prototype, "variant");
3553
- O([
3554
- s({ type: Boolean })
3553
+ I([
3554
+ a({ type: Boolean })
3555
3555
  ], X.prototype, "gap");
3556
- O([
3556
+ I([
3557
3557
  m()
3558
3558
  ], X.prototype, "internalValue");
3559
3559
  const we = class we extends u {
@@ -3589,7 +3589,7 @@ const we = class we extends u {
3589
3589
  this.disabled ? "toggle-item--disabled" : "",
3590
3590
  `toggle-item--variant-${this.groupVariant}`
3591
3591
  ].filter(Boolean).join(" ");
3592
- return a`
3592
+ return s`
3593
3593
  <button
3594
3594
  type="button"
3595
3595
  class="${e}"
@@ -3599,7 +3599,7 @@ const we = class we extends u {
3599
3599
  @click=${this.onClick}
3600
3600
  >
3601
3601
  <div class="toggle-item__content">
3602
- ${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}
3603
3603
  <slot></slot>
3604
3604
  </div>
3605
3605
  </button>
@@ -3643,26 +3643,26 @@ we.styles = g`
3643
3643
  .toggle-item--variant-primary.toggle-item--selected .toggle-item__icon { color: var(--color-primary-4); }
3644
3644
  `;
3645
3645
  let J = we;
3646
- O([
3647
- s({ reflect: !0 })
3646
+ I([
3647
+ a({ reflect: !0 })
3648
3648
  ], J.prototype, "value");
3649
- O([
3650
- s({ attribute: "start-icon" })
3649
+ I([
3650
+ a({ attribute: "start-icon" })
3651
3651
  ], J.prototype, "startIcon");
3652
- O([
3653
- s({ type: Boolean })
3652
+ I([
3653
+ a({ type: Boolean })
3654
3654
  ], J.prototype, "disabled");
3655
- O([
3656
- s({ attribute: !1 })
3655
+ I([
3656
+ a({ attribute: !1 })
3657
3657
  ], J.prototype, "selected");
3658
- O([
3659
- s({ attribute: !1 })
3658
+ I([
3659
+ a({ attribute: !1 })
3660
3660
  ], J.prototype, "groupSize");
3661
- O([
3662
- s({ attribute: !1 })
3661
+ I([
3662
+ a({ attribute: !1 })
3663
3663
  ], J.prototype, "groupVariant");
3664
- O([
3665
- s({ attribute: !1 })
3664
+ I([
3665
+ a({ attribute: !1 })
3666
3666
  ], J.prototype, "groupMode");
3667
3667
  function e5(r) {
3668
3668
  return r.split(" ").map((e) => e.trim()).filter(Boolean);
@@ -3679,7 +3679,7 @@ const X7 = "anduin-well-close:click", Ze = class Ze extends u {
3679
3679
  super(...arguments), this.variant = "gray";
3680
3680
  }
3681
3681
  render() {
3682
- return a`
3682
+ return s`
3683
3683
  <div class="well well--${this.variant}" part="well">
3684
3684
  <slot
3685
3685
  name="icon"
@@ -3771,7 +3771,7 @@ Ze.styles = g`
3771
3771
  `;
3772
3772
  let F2 = Ze;
3773
3773
  q7([
3774
- s()
3774
+ a()
3775
3775
  ], F2.prototype, "variant");
3776
3776
  const ke = class ke extends u {
3777
3777
  onClick() {
@@ -3780,7 +3780,7 @@ const ke = class ke extends u {
3780
3780
  );
3781
3781
  }
3782
3782
  render() {
3783
- return a`
3783
+ return s`
3784
3784
  <button
3785
3785
  class="well-close__button"
3786
3786
  part="well-close"
@@ -3880,7 +3880,7 @@ const v5 = "anduin-popover:close", m5 = "anduin-popover:open-change", Re = class
3880
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;
3881
3881
  }
3882
3882
  render() {
3883
- return a`
3883
+ return s`
3884
3884
  <div class="popover__trigger" @click=${this._onTriggerClick} part="trigger">
3885
3885
  <slot name="trigger"></slot>
3886
3886
  </div>
@@ -3947,13 +3947,13 @@ Re.styles = g`
3947
3947
  `;
3948
3948
  let Q = Re;
3949
3949
  E1([
3950
- s({ type: Boolean, reflect: !0 })
3950
+ a({ type: Boolean, reflect: !0 })
3951
3951
  ], Q.prototype, "open");
3952
3952
  E1([
3953
- s()
3953
+ a()
3954
3954
  ], Q.prototype, "placement");
3955
3955
  E1([
3956
- s({ type: Boolean, attribute: "full-width", reflect: !0 })
3956
+ a({ type: Boolean, attribute: "full-width", reflect: !0 })
3957
3957
  ], Q.prototype, "fullWidth");
3958
3958
  E1([
3959
3959
  m()
@@ -3973,7 +3973,7 @@ const $e = class $e extends u {
3973
3973
  this.dispatchEvent(new CustomEvent(v5, { bubbles: !0, composed: !0 }));
3974
3974
  }
3975
3975
  render() {
3976
- return a`<span @click=${this._onClick}><slot></slot></span>`;
3976
+ return s`<span @click=${this._onClick}><slot></slot></span>`;
3977
3977
  }
3978
3978
  };
3979
3979
  $e.styles = g`:host { display: contents; }`;
@@ -4038,7 +4038,7 @@ const y5 = "anduin-menu-item:click", Ee = class Ee extends u {
4038
4038
  t.style.transform = `translate(${Math.round(c - n.left)}px, ${Math.round(C - n.top)}px)`, t.dataset.side = h;
4039
4039
  }
4040
4040
  render() {
4041
- return a`
4041
+ return s`
4042
4042
  <div class="menu__trigger" @click=${this._onTriggerClick} part="trigger">
4043
4043
  <slot name="trigger"></slot>
4044
4044
  </div>
@@ -4095,10 +4095,10 @@ Ee.styles = g`
4095
4095
  `;
4096
4096
  let $1 = Ee;
4097
4097
  z1([
4098
- s({ type: Boolean, reflect: !0 })
4098
+ a({ type: Boolean, reflect: !0 })
4099
4099
  ], $1.prototype, "open");
4100
4100
  z1([
4101
- s()
4101
+ a()
4102
4102
  ], $1.prototype, "placement");
4103
4103
  z1([
4104
4104
  k(".menu__trigger")
@@ -4114,7 +4114,7 @@ const ze = class ze extends u {
4114
4114
  this.dispatchEvent(new CustomEvent(y5, { bubbles: !0, composed: !0 }));
4115
4115
  }
4116
4116
  render() {
4117
- return a`
4117
+ return s`
4118
4118
  <button
4119
4119
  class="menu-item ${this.variant === "danger" ? "menu-item--danger" : ""}"
4120
4120
  role="menuitem"
@@ -4122,7 +4122,7 @@ const ze = class ze extends u {
4122
4122
  part="menu-item"
4123
4123
  @click=${this._onClick}
4124
4124
  >
4125
- ${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}
4126
4126
  <span class="menu-item__label"><slot></slot></span>
4127
4127
  </button>
4128
4128
  `;
@@ -4160,13 +4160,13 @@ ze.styles = g`
4160
4160
  `;
4161
4161
  let G1 = ze;
4162
4162
  z1([
4163
- s()
4163
+ a()
4164
4164
  ], G1.prototype, "icon");
4165
4165
  z1([
4166
- s()
4166
+ a()
4167
4167
  ], G1.prototype, "variant");
4168
4168
  z1([
4169
- s({ type: Boolean })
4169
+ a({ type: Boolean })
4170
4170
  ], G1.prototype, "disabled");
4171
4171
  customElements.get("anduin-menu") || customElements.define("anduin-menu", $1);
4172
4172
  customElements.get("anduin-menu-item") || customElements.define("anduin-menu-item", G1);
@@ -4226,7 +4226,7 @@ const L1 = (g1 = class extends u {
4226
4226
  }
4227
4227
  render() {
4228
4228
  const e = this._leaving, t = this.fullscreen;
4229
- return a`
4229
+ return s`
4230
4230
  <div
4231
4231
  class=${`overlay${e ? " is-leaving" : ""}`}
4232
4232
  @click=${this.onOverlayClick}
@@ -4238,10 +4238,10 @@ const L1 = (g1 = class extends u {
4238
4238
  aria-modal="true"
4239
4239
  aria-labelledby="modal-title"
4240
4240
  >
4241
- ${this.hideHeader ? p : a` <div class="header">
4241
+ ${this.hideHeader ? p : s` <div class="header">
4242
4242
  <div class="header-slot">
4243
4243
  <slot name="header">
4244
- ${this.heading ? a`<span id="modal-title" class="title"
4244
+ ${this.heading ? s`<span id="modal-title" class="title"
4245
4245
  >${this.heading}</span
4246
4246
  >` : p}
4247
4247
  </slot>
@@ -4259,7 +4259,7 @@ const L1 = (g1 = class extends u {
4259
4259
  <div class="body">
4260
4260
  <slot></slot>
4261
4261
  </div>
4262
- ${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>`}
4263
4263
  </div>
4264
4264
  </div>
4265
4265
  `;
@@ -4458,22 +4458,22 @@ const L1 = (g1 = class extends u {
4458
4458
  "1160"
4459
4459
  ]), g1);
4460
4460
  S1([
4461
- s({ type: Boolean, reflect: !0 })
4461
+ a({ type: Boolean, reflect: !0 })
4462
4462
  ], L1.prototype, "open");
4463
4463
  S1([
4464
- s()
4464
+ a()
4465
4465
  ], L1.prototype, "heading");
4466
4466
  S1([
4467
- s({ type: Boolean, attribute: "hide-header" })
4467
+ a({ type: Boolean, attribute: "hide-header" })
4468
4468
  ], L1.prototype, "hideHeader");
4469
4469
  S1([
4470
- s({ type: Boolean, attribute: "hide-footer" })
4470
+ a({ type: Boolean, attribute: "hide-footer" })
4471
4471
  ], L1.prototype, "hideFooter");
4472
4472
  S1([
4473
- s({ attribute: "max-width" })
4473
+ a({ attribute: "max-width" })
4474
4474
  ], L1.prototype, "maxWidth");
4475
4475
  S1([
4476
- s({ type: Boolean })
4476
+ a({ type: Boolean })
4477
4477
  ], L1.prototype, "fullscreen");
4478
4478
  S1([
4479
4479
  m()
@@ -4531,7 +4531,7 @@ const H5 = "anduin-radio:change", rt = "anduin-radio-group:change", Se = class S
4531
4531
  !this.checked && this.disabled ? "radio__circle--disabled" : "",
4532
4532
  !this.checked && !this.readonly && !this.disabled ? "radio__circle--unchecked" : ""
4533
4533
  ].filter(Boolean).join(" ");
4534
- return a`
4534
+ return s`
4535
4535
  <label class="${this.disabled ? "is-disabled" : ""}">
4536
4536
  <div
4537
4537
  class="radio ${e ? "radio--interactive" : ""} ${this.disabled ? "radio--disabled" : ""}"
@@ -4626,26 +4626,26 @@ Se.styles = g`
4626
4626
  transform: scale(1);
4627
4627
  }
4628
4628
  `;
4629
- let s1 = Se;
4629
+ let a1 = Se;
4630
4630
  d1([
4631
- s({ type: Boolean })
4632
- ], s1.prototype, "checked");
4631
+ a({ type: Boolean })
4632
+ ], a1.prototype, "checked");
4633
4633
  d1([
4634
- s({ type: Boolean })
4635
- ], s1.prototype, "disabled");
4634
+ a({ type: Boolean })
4635
+ ], a1.prototype, "disabled");
4636
4636
  d1([
4637
- s({ type: Boolean })
4638
- ], s1.prototype, "readonly");
4637
+ a({ type: Boolean })
4638
+ ], a1.prototype, "readonly");
4639
4639
  d1([
4640
- s()
4641
- ], s1.prototype, "value");
4640
+ a()
4641
+ ], a1.prototype, "value");
4642
4642
  d1([
4643
- s()
4644
- ], s1.prototype, "name");
4643
+ a()
4644
+ ], a1.prototype, "name");
4645
4645
  d1([
4646
- s()
4647
- ], s1.prototype, "inputid");
4648
- 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);
4649
4649
  const Ae = class Ae extends u {
4650
4650
  constructor() {
4651
4651
  super(...arguments), this.value = "", this.name = "", this.orientation = "vertical", this._onRadioChange = (e) => {
@@ -4667,7 +4667,7 @@ const Ae = class Ae extends u {
4667
4667
  super.disconnectedCallback(), this.removeEventListener(H5, this._onRadioChange);
4668
4668
  }
4669
4669
  render() {
4670
- return a`
4670
+ return s`
4671
4671
  <div class="group group--${this.orientation}" role="radiogroup" part="group">
4672
4672
  <slot></slot>
4673
4673
  </div>
@@ -4686,13 +4686,13 @@ Ae.styles = g`
4686
4686
  `;
4687
4687
  let K1 = Ae;
4688
4688
  d1([
4689
- s()
4689
+ a()
4690
4690
  ], K1.prototype, "value");
4691
4691
  d1([
4692
- s()
4692
+ a()
4693
4693
  ], K1.prototype, "name");
4694
4694
  d1([
4695
- s()
4695
+ a()
4696
4696
  ], K1.prototype, "orientation");
4697
4697
  customElements.get("anduin-radio-group") || customElements.define("anduin-radio-group", K1);
4698
4698
  var lt = Object.defineProperty, A1 = (r, e, t, o) => {
@@ -4710,12 +4710,12 @@ const j4 = [
4710
4710
  { bg: "#F97066", text: "#ffffff" },
4711
4711
  { bg: "#7A5AF8", text: "#ffffff" }
4712
4712
  ];
4713
- function st(r) {
4713
+ function at(r) {
4714
4714
  let e = 0;
4715
4715
  for (let t = 0; t < r.length; t++) e = e * 31 + r.charCodeAt(t) >>> 0;
4716
4716
  return j4[e % j4.length];
4717
4717
  }
4718
- function at(r, e = 2) {
4718
+ function st(r, e = 2) {
4719
4719
  var i;
4720
4720
  const t = r.trim().split(/\s+/), o = ((i = t[0]) == null ? void 0 : i[0]) ?? "";
4721
4721
  return e < 2 || t.length === 1 ? o.toUpperCase() : (o + (t[t.length - 1][0] ?? "")).toUpperCase();
@@ -4731,8 +4731,8 @@ const De = class De extends u {
4731
4731
  return this.size <= 16 ? 10 : this.size <= 20 ? 12 : this.size <= 24 ? 14 : 18;
4732
4732
  }
4733
4733
  render() {
4734
- 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) : "";
4735
- 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`
4736
4736
  <div
4737
4737
  class="avatar avatar--${this.shape} avatar--${this.size}"
4738
4738
  style=${e ? "" : `background:${t.bg}`}
@@ -4740,7 +4740,7 @@ const De = class De extends u {
4740
4740
  role="img"
4741
4741
  part="avatar"
4742
4742
  >
4743
- ${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">
4744
4744
  <svg width="60%" height="60%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4745
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"/>
4746
4746
  </svg>
@@ -4780,22 +4780,22 @@ De.styles = g`
4780
4780
  `;
4781
4781
  let e1 = De;
4782
4782
  A1([
4783
- s()
4783
+ a()
4784
4784
  ], e1.prototype, "src");
4785
4785
  A1([
4786
- s({ reflect: !0 })
4786
+ a({ reflect: !0 })
4787
4787
  ], e1.prototype, "name");
4788
4788
  A1([
4789
- s()
4789
+ a()
4790
4790
  ], e1.prototype, "alt");
4791
4791
  A1([
4792
- s()
4792
+ a()
4793
4793
  ], e1.prototype, "icon");
4794
4794
  A1([
4795
- s({ type: Number })
4795
+ a({ type: Number })
4796
4796
  ], e1.prototype, "size");
4797
4797
  A1([
4798
- s()
4798
+ a()
4799
4799
  ], e1.prototype, "shape");
4800
4800
  A1([
4801
4801
  m()
@@ -5115,7 +5115,7 @@ const Pe = class Pe extends u {
5115
5115
  }
5116
5116
  render() {
5117
5117
  const e = gt(this.type, this.size);
5118
- return e ? a`
5118
+ return e ? s`
5119
5119
  <svg
5120
5120
  width=${this.size}
5121
5121
  height=${this.size}
@@ -5136,10 +5136,10 @@ Pe.styles = g`
5136
5136
  `;
5137
5137
  let V2 = Pe;
5138
5138
  Z3([
5139
- s()
5139
+ a()
5140
5140
  ], V2.prototype, "type");
5141
5141
  Z3([
5142
- s({ type: Number })
5142
+ a({ type: Number })
5143
5143
  ], V2.prototype, "size");
5144
5144
  customElements.get("anduin-file-icon") || customElements.define("anduin-file-icon", V2);
5145
5145
  var vt = Object.defineProperty, D1 = (r, e, t, o) => {
@@ -5174,7 +5174,7 @@ const U4 = {
5174
5174
  }
5175
5175
  render() {
5176
5176
  const e = U4[this.variant] ?? U4.gray;
5177
- return a`
5177
+ return s`
5178
5178
  <div
5179
5179
  class="toast toast--${this.variant} ${this._dismissing ? "toast--dismissing" : ""}"
5180
5180
  part="toast"
@@ -5185,8 +5185,8 @@ const U4 = {
5185
5185
  <anduin-icon name=${e} size="16"></anduin-icon>
5186
5186
  </div>
5187
5187
  <div class="toast__body">
5188
- ${this.heading ? a`<div class="toast__title">${this.heading}</div>` : ""}
5189
- ${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>`}
5190
5190
  </div>
5191
5191
  <button
5192
5192
  class="toast__close"
@@ -5329,13 +5329,13 @@ Be.styles = g`
5329
5329
  `;
5330
5330
  let m1 = Be;
5331
5331
  D1([
5332
- s()
5332
+ a()
5333
5333
  ], m1.prototype, "variant");
5334
5334
  D1([
5335
- s()
5335
+ a()
5336
5336
  ], m1.prototype, "heading");
5337
5337
  D1([
5338
- s()
5338
+ a()
5339
5339
  ], m1.prototype, "description");
5340
5340
  D1([
5341
5341
  m()
@@ -5371,10 +5371,10 @@ const Fe = class Fe extends u {
5371
5371
  e.stopPropagation(), this._removeById(t);
5372
5372
  }
5373
5373
  render() {
5374
- return a`
5374
+ return s`
5375
5375
  <div class="toaster toaster--${this.position}" part="toaster">
5376
5376
  ${this._toasts.map(
5377
- ({ id: e, opts: t }) => a`
5377
+ ({ id: e, opts: t }) => s`
5378
5378
  <anduin-toast
5379
5379
  data-id=${e}
5380
5380
  variant=${t.variant ?? "gray"}
@@ -5437,7 +5437,7 @@ Fe.styles = g`
5437
5437
  `;
5438
5438
  let x2 = Fe;
5439
5439
  D1([
5440
- s()
5440
+ a()
5441
5441
  ], x2.prototype, "position");
5442
5442
  D1([
5443
5443
  m()
@@ -5473,7 +5473,7 @@ var yt = Object.defineProperty, k3 = (r, e, t, o) => {
5473
5473
  (l = r[n]) && (i = l(e, t, i) || i);
5474
5474
  return i && yt(e, t, i), i;
5475
5475
  };
5476
- const Ht = "anduin-switcher:change", Ie = class Ie extends u {
5476
+ const Ht = "anduin-switcher:change", Oe = class Oe extends u {
5477
5477
  constructor() {
5478
5478
  super(...arguments), this.checked = !1, this.disabled = !1;
5479
5479
  }
@@ -5485,7 +5485,7 @@ const Ht = "anduin-switcher:change", Ie = class Ie extends u {
5485
5485
  }));
5486
5486
  }
5487
5487
  render() {
5488
- return a`
5488
+ return s`
5489
5489
  <label class="${this.disabled ? "is-disabled" : ""}">
5490
5490
  <div class="track${this.checked ? " track--checked" : ""}" part="track">
5491
5491
  <input
@@ -5502,7 +5502,7 @@ const Ht = "anduin-switcher:change", Ie = class Ie extends u {
5502
5502
  `;
5503
5503
  }
5504
5504
  };
5505
- Ie.styles = g`
5505
+ Oe.styles = g`
5506
5506
  :host { display: inline-flex; font-family: var(--font-sans); }
5507
5507
 
5508
5508
  label {
@@ -5566,12 +5566,12 @@ Ie.styles = g`
5566
5566
  line-height: 20px;
5567
5567
  }
5568
5568
  `;
5569
- let M2 = Ie;
5569
+ let M2 = Oe;
5570
5570
  k3([
5571
- s({ type: Boolean })
5571
+ a({ type: Boolean })
5572
5572
  ], M2.prototype, "checked");
5573
5573
  k3([
5574
- s({ type: Boolean })
5574
+ a({ type: Boolean })
5575
5575
  ], M2.prototype, "disabled");
5576
5576
  customElements.get("anduin-switcher") || customElements.define("anduin-switcher", M2);
5577
5577
  var _t = Object.defineProperty, E = (r, e, t, o) => {
@@ -5579,7 +5579,7 @@ var _t = Object.defineProperty, E = (r, e, t, o) => {
5579
5579
  (l = r[n]) && (i = l(e, t, i) || i);
5580
5580
  return i && _t(e, t, i), i;
5581
5581
  };
5582
- const G4 = "anduin-dropdown:change", Oe = class Oe extends u {
5582
+ const G4 = "anduin-dropdown:change", Ie = class Ie extends u {
5583
5583
  constructor() {
5584
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) => {
5585
5585
  var t;
@@ -5673,7 +5673,7 @@ const G4 = "anduin-dropdown:change", Oe = class Oe extends u {
5673
5673
  }
5674
5674
  render() {
5675
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;
5676
- return a`
5676
+ return s`
5677
5677
  <button
5678
5678
  class="trigger trigger--${this.appearance} trigger--${this.variant}${this.size === "small" ? " trigger--small" : ""}${this.value ? " has-value" : ""}"
5679
5679
  part="trigger"
@@ -5683,13 +5683,13 @@ const G4 = "anduin-dropdown:change", Oe = class Oe extends u {
5683
5683
  @click=${this._onTriggerClick}
5684
5684
  @keydown=${this._onKeyDown}
5685
5685
  >
5686
- ${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}
5687
5687
  <span class="trigger__label${t ? "" : " trigger__label--placeholder"}">${t || this.placeholder}</span>
5688
5688
  <span class="trigger__caret${n ? " trigger__caret--clearable" : ""}">
5689
5689
  <span class="trigger__chevron">
5690
5690
  <anduin-icon name="caretDown" size="16"></anduin-icon>
5691
5691
  </span>
5692
- ${n ? a`
5692
+ ${n ? s`
5693
5693
  <span class="trigger__clear" @click=${this._onClear}>
5694
5694
  <anduin-icon name="crossSmall" size="16"></anduin-icon>
5695
5695
  </span>
@@ -5699,7 +5699,7 @@ const G4 = "anduin-dropdown:change", Oe = class Oe extends u {
5699
5699
 
5700
5700
  <div class="panel${this._open ? " panel--open" : ""}" part="panel" @keydown=${this._onKeyDown}>
5701
5701
  <div class="panel__inner" role="listbox">
5702
- ${this.searchable ? a`
5702
+ ${this.searchable ? s`
5703
5703
  <div class="search-wrap">
5704
5704
  <anduin-input
5705
5705
  placeholder="Search ..."
@@ -5711,7 +5711,7 @@ const G4 = "anduin-dropdown:change", Oe = class Oe extends u {
5711
5711
  </div>
5712
5712
  ` : p}
5713
5713
  <div class="options">
5714
- ${i.length ? i.map((l, d) => a`
5714
+ ${i.length ? i.map((l, d) => s`
5715
5715
  <div
5716
5716
  class="option${l.disabled ? " option--disabled" : ""}${l.description ? " option--described" : ""}${d === this._activeIndex ? " option--active" : ""}"
5717
5717
  role="option"
@@ -5723,22 +5723,22 @@ const G4 = "anduin-dropdown:change", Oe = class Oe extends u {
5723
5723
  }}
5724
5724
  >
5725
5725
  <span class="option__check">
5726
- ${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}
5727
5727
  </span>
5728
- ${l.icon ? a`<anduin-icon name="${l.icon}" size="16"></anduin-icon>` : p}
5729
- ${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">
5730
5730
  <span class="option__label">${l.label}</span>
5731
5731
  <span class="option__description" part="option-description">${l.description}</span>
5732
- </span>` : a`<span class="option__label">${l.label}</span>`}
5732
+ </span>` : s`<span class="option__label">${l.label}</span>`}
5733
5733
  </div>
5734
- `) : a`<div class="empty">No results</div>`}
5734
+ `) : s`<div class="empty">No results</div>`}
5735
5735
  </div>
5736
5736
  </div>
5737
5737
  </div>
5738
5738
  `;
5739
5739
  }
5740
5740
  };
5741
- Oe.styles = g`
5741
+ Ie.styles = g`
5742
5742
  :host { display: inline-block; font-family: var(--font-sans); }
5743
5743
  :host([full-width]) { display: block; width: 100%; }
5744
5744
  :host([full-width]) .trigger { width: 100%; }
@@ -5837,7 +5837,18 @@ Oe.styles = g`
5837
5837
  }
5838
5838
  .trigger--small { height: 24px; padding: 0 6px 0 8px; font-size: 11px; font-weight: 500; }
5839
5839
 
5840
- .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; }
5841
5852
  .trigger__clear {
5842
5853
  position: absolute;
5843
5854
  inset: 0;
@@ -5846,11 +5857,28 @@ Oe.styles = g`
5846
5857
  justify-content: center;
5847
5858
  opacity: 0;
5848
5859
  transition: opacity 100ms;
5849
- color: var(--color-gray-6, #667085);
5860
+ color: currentColor;
5850
5861
  border-radius: 3px;
5851
5862
  }
5852
- .trigger__clear:hover { color: var(--color-gray-9, #101828); background-color: var(--color-gray-3); }
5853
- .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); }
5854
5882
  /* Scoped to --clearable so the chevron only fades when there is a × to
5855
5883
  reveal: unscoped, it fades out to show a × that is not there and the caret
5856
5884
  is simply gone while hovered. --clearable is set under exactly the
@@ -5955,42 +5983,42 @@ Oe.styles = g`
5955
5983
  text-align: center;
5956
5984
  }
5957
5985
  `;
5958
- let w = Oe;
5986
+ let w = Ie;
5959
5987
  E([
5960
- s()
5988
+ a()
5961
5989
  ], w.prototype, "value");
5962
5990
  E([
5963
- s()
5991
+ a()
5964
5992
  ], w.prototype, "placeholder");
5965
5993
  E([
5966
- s({ attribute: !1 })
5994
+ a({ attribute: !1 })
5967
5995
  ], w.prototype, "options");
5968
5996
  E([
5969
- s()
5997
+ a()
5970
5998
  ], w.prototype, "icon");
5971
5999
  E([
5972
- s({ type: Boolean })
6000
+ a({ type: Boolean })
5973
6001
  ], w.prototype, "searchable");
5974
6002
  E([
5975
- s({ type: Boolean })
6003
+ a({ type: Boolean })
5976
6004
  ], w.prototype, "disabled");
5977
6005
  E([
5978
- s()
6006
+ a()
5979
6007
  ], w.prototype, "placement");
5980
6008
  E([
5981
- s()
6009
+ a()
5982
6010
  ], w.prototype, "appearance");
5983
6011
  E([
5984
- s()
6012
+ a()
5985
6013
  ], w.prototype, "variant");
5986
6014
  E([
5987
- s()
6015
+ a()
5988
6016
  ], w.prototype, "size");
5989
6017
  E([
5990
- s({ type: Boolean, attribute: "full-width", reflect: !0 })
6018
+ a({ type: Boolean, attribute: "full-width", reflect: !0 })
5991
6019
  ], w.prototype, "fullWidth");
5992
6020
  E([
5993
- s({ converter: (r) => r !== "false" })
6021
+ a({ converter: (r) => r !== "false" })
5994
6022
  ], w.prototype, "clearable");
5995
6023
  E([
5996
6024
  m()
@@ -6073,8 +6101,8 @@ const l2 = "anduin-close", r5 = "anduin-after-close", Vt = 300, K4 = 250, xt = /
6073
6101
  }
6074
6102
  render() {
6075
6103
  const e = this._leaving;
6076
- return a`
6077
- ${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>`}
6078
6106
  <div
6079
6107
  class=${`drawer${e ? " is-leaving" : ""}`}
6080
6108
  style="width: ${this._width}px"
@@ -6089,9 +6117,9 @@ const l2 = "anduin-close", r5 = "anduin-after-close", Vt = 300, K4 = 250, xt = /
6089
6117
  @pointerup=${this._onResizeEnd}
6090
6118
  @pointercancel=${this._onResizeEnd}
6091
6119
  ></div>
6092
- ${this.hideHeader ? p : a` <div class="header">
6120
+ ${this.hideHeader ? p : s` <div class="header">
6093
6121
  <slot name="header">
6094
- ${this.heading ? a`<span id="drawer-title" class="title"
6122
+ ${this.heading ? s`<span id="drawer-title" class="title"
6095
6123
  >${this.heading}</span
6096
6124
  >` : p}
6097
6125
  </slot>
@@ -6107,7 +6135,7 @@ const l2 = "anduin-close", r5 = "anduin-after-close", Vt = 300, K4 = 250, xt = /
6107
6135
  <div class="body">
6108
6136
  <slot></slot>
6109
6137
  </div>
6110
- ${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>`}
6111
6139
  </div>
6112
6140
  `;
6113
6141
  }
@@ -6276,25 +6304,25 @@ Te.styles = g`
6276
6304
  `;
6277
6305
  let G = Te;
6278
6306
  c1([
6279
- s({ type: Boolean, reflect: !0 })
6307
+ a({ type: Boolean, reflect: !0 })
6280
6308
  ], G.prototype, "open");
6281
6309
  c1([
6282
- s()
6310
+ a()
6283
6311
  ], G.prototype, "heading");
6284
6312
  c1([
6285
- s({ type: Boolean, attribute: "hide-header" })
6313
+ a({ type: Boolean, attribute: "hide-header" })
6286
6314
  ], G.prototype, "hideHeader");
6287
6315
  c1([
6288
- s({ type: Boolean, attribute: "hide-footer" })
6316
+ a({ type: Boolean, attribute: "hide-footer" })
6289
6317
  ], G.prototype, "hideFooter");
6290
6318
  c1([
6291
- s({ attribute: "default-width" })
6319
+ a({ attribute: "default-width" })
6292
6320
  ], G.prototype, "defaultWidth");
6293
6321
  c1([
6294
- s({ reflect: !0 })
6322
+ a({ reflect: !0 })
6295
6323
  ], G.prototype, "placement");
6296
6324
  c1([
6297
- s({ type: Boolean, attribute: "allow-interact-outside" })
6325
+ a({ type: Boolean, attribute: "allow-interact-outside" })
6298
6326
  ], G.prototype, "allowInteractOutside");
6299
6327
  c1([
6300
6328
  m()
@@ -6429,9 +6457,9 @@ const l5 = "anduin-suggestion:change", Zt = "anduin-suggestion:select", kt = "an
6429
6457
  }
6430
6458
  render() {
6431
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);
6432
- return a`
6460
+ return s`
6433
6461
  <div class="input-wrapper">
6434
- ${o ? a`
6462
+ ${o ? s`
6435
6463
  <span class="input__start">
6436
6464
  <anduin-icon name=${this.startIcon} size=${l}></anduin-icon>
6437
6465
  </span>
@@ -6458,14 +6486,14 @@ const l5 = "anduin-suggestion:change", Zt = "anduin-suggestion:select", kt = "an
6458
6486
  @keydown=${this._onKeyDown}
6459
6487
  />
6460
6488
 
6461
- ${i ? a`
6489
+ ${i ? s`
6462
6490
  <span class="input__end">
6463
- ${n ? a`
6491
+ ${n ? s`
6464
6492
  <button class="input__clear" type="button" @click=${this._onClear} aria-label="Clear">
6465
6493
  <anduin-icon name="cross" size=${d}></anduin-icon>
6466
6494
  </button>
6467
6495
  ` : p}
6468
- ${this.endIcon ? a`
6496
+ ${this.endIcon ? s`
6469
6497
  <anduin-icon name=${this.endIcon} size=${l}></anduin-icon>
6470
6498
  ` : p}
6471
6499
  </span>
@@ -6475,7 +6503,7 @@ const l5 = "anduin-suggestion:change", Zt = "anduin-suggestion:select", kt = "an
6475
6503
  <div class="panel${C ? " panel--open" : ""}" part="panel">
6476
6504
  <div class="panel__inner" role="listbox">
6477
6505
  <div class="options">
6478
- ${c.length ? c.map((h, f) => a`
6506
+ ${c.length ? c.map((h, f) => s`
6479
6507
  <div
6480
6508
  class="option${f === this._activeIndex ? " option--active" : ""}"
6481
6509
  role="option"
@@ -6487,10 +6515,10 @@ const l5 = "anduin-suggestion:change", Zt = "anduin-suggestion:select", kt = "an
6487
6515
  y.preventDefault(), this._selectSuggestion(h);
6488
6516
  }}
6489
6517
  >
6490
- ${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}
6491
6519
  <span class="option__label">${h.label ?? h.value}</span>
6492
6520
  </div>
6493
- `) : a`<div class="empty">${this.emptyText}</div>`}
6521
+ `) : s`<div class="empty">${this.emptyText}</div>`}
6494
6522
  </div>
6495
6523
  </div>
6496
6524
  </div>
@@ -6612,46 +6640,46 @@ Ne.styles = g`
6612
6640
  `;
6613
6641
  let Z = Ne;
6614
6642
  z([
6615
- s()
6643
+ a()
6616
6644
  ], Z.prototype, "value");
6617
6645
  z([
6618
- s()
6646
+ a()
6619
6647
  ], Z.prototype, "size");
6620
6648
  z([
6621
- s({ type: Boolean })
6649
+ a({ type: Boolean })
6622
6650
  ], Z.prototype, "disabled");
6623
6651
  z([
6624
- s({ type: Boolean })
6652
+ a({ type: Boolean })
6625
6653
  ], Z.prototype, "readonly");
6626
6654
  z([
6627
- s()
6655
+ a()
6628
6656
  ], Z.prototype, "placeholder");
6629
6657
  z([
6630
- s()
6658
+ a()
6631
6659
  ], Z.prototype, "inputid");
6632
6660
  z([
6633
- s()
6661
+ a()
6634
6662
  ], Z.prototype, "status");
6635
6663
  z([
6636
- s({ attribute: "start-icon" })
6664
+ a({ attribute: "start-icon" })
6637
6665
  ], Z.prototype, "startIcon");
6638
6666
  z([
6639
- s({ attribute: "end-icon" })
6667
+ a({ attribute: "end-icon" })
6640
6668
  ], Z.prototype, "endIcon");
6641
6669
  z([
6642
- s({ type: Boolean })
6670
+ a({ type: Boolean })
6643
6671
  ], Z.prototype, "clearable");
6644
6672
  z([
6645
- s({ attribute: !1 })
6673
+ a({ attribute: !1 })
6646
6674
  ], Z.prototype, "suggestions");
6647
6675
  z([
6648
- s({ type: Boolean })
6676
+ a({ type: Boolean })
6649
6677
  ], Z.prototype, "filter");
6650
6678
  z([
6651
- s({ type: Boolean, attribute: "hide-when-empty" })
6679
+ a({ type: Boolean, attribute: "hide-when-empty" })
6652
6680
  ], Z.prototype, "hideWhenEmpty");
6653
6681
  z([
6654
- s({ attribute: "empty-text" })
6682
+ a({ attribute: "empty-text" })
6655
6683
  ], Z.prototype, "emptyText");
6656
6684
  z([
6657
6685
  m()
@@ -6707,7 +6735,7 @@ const $t = "anduin-navigation:change", V5 = "anduin-navigation-item:item-click",
6707
6735
  t.selected = t.value === e, t.theme = this.theme;
6708
6736
  }
6709
6737
  render() {
6710
- return a`
6738
+ return s`
6711
6739
  <div class="navigation navigation--${this.alignment}" role="navigation" part="navigation">
6712
6740
  <slot @slotchange=${this.syncItems}></slot>
6713
6741
  </div>
@@ -6759,16 +6787,16 @@ je.styles = g`
6759
6787
  `;
6760
6788
  let b1 = je;
6761
6789
  q([
6762
- s({ attribute: "default-value" })
6790
+ a({ attribute: "default-value" })
6763
6791
  ], b1.prototype, "defaultValue");
6764
6792
  q([
6765
- s()
6793
+ a()
6766
6794
  ], b1.prototype, "value");
6767
6795
  q([
6768
- s({ reflect: !0 })
6796
+ a({ reflect: !0 })
6769
6797
  ], b1.prototype, "theme");
6770
6798
  q([
6771
- s()
6799
+ a()
6772
6800
  ], b1.prototype, "alignment");
6773
6801
  q([
6774
6802
  m()
@@ -6796,11 +6824,11 @@ const Ue = class Ue extends u {
6796
6824
  "nav-item",
6797
6825
  this.selected ? "nav-item--active" : "",
6798
6826
  this.disabled ? "nav-item--disabled" : ""
6799
- ].filter(Boolean).join(" "), t = a`
6800
- ${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}
6801
6829
  <slot></slot>
6802
6830
  `;
6803
- return this.href ? a`
6831
+ return this.href ? s`
6804
6832
  <a
6805
6833
  class="${e}"
6806
6834
  href="${this.href}"
@@ -6808,7 +6836,7 @@ const Ue = class Ue extends u {
6808
6836
  aria-current="${this.selected ? "page" : "false"}"
6809
6837
  @click=${this.onClick}
6810
6838
  >${t}</a>
6811
- ` : a`
6839
+ ` : s`
6812
6840
  <button
6813
6841
  type="button"
6814
6842
  class="${e}"
@@ -6865,27 +6893,27 @@ Ue.styles = g`
6865
6893
  }
6866
6894
  .nav-item__icon { display: flex; }
6867
6895
  `;
6868
- let a1 = Ue;
6896
+ let s1 = Ue;
6869
6897
  q([
6870
- s()
6871
- ], a1.prototype, "value");
6898
+ a()
6899
+ ], s1.prototype, "value");
6872
6900
  q([
6873
- s({ attribute: "start-icon" })
6874
- ], a1.prototype, "startIcon");
6901
+ a({ attribute: "start-icon" })
6902
+ ], s1.prototype, "startIcon");
6875
6903
  q([
6876
- s()
6877
- ], a1.prototype, "href");
6904
+ a()
6905
+ ], s1.prototype, "href");
6878
6906
  q([
6879
- s({ type: Boolean })
6880
- ], a1.prototype, "disabled");
6907
+ a({ type: Boolean })
6908
+ ], s1.prototype, "disabled");
6881
6909
  q([
6882
- s({ attribute: !1 })
6883
- ], a1.prototype, "selected");
6910
+ a({ attribute: !1 })
6911
+ ], s1.prototype, "selected");
6884
6912
  q([
6885
- s({ attribute: !1 })
6886
- ], a1.prototype, "theme");
6913
+ a({ attribute: !1 })
6914
+ ], s1.prototype, "theme");
6887
6915
  customElements.get("anduin-navigation") || customElements.define("anduin-navigation", b1);
6888
- customElements.get("anduin-navigation-item") || customElements.define("anduin-navigation-item", a1);
6916
+ customElements.get("anduin-navigation-item") || customElements.define("anduin-navigation-item", s1);
6889
6917
  var Et = Object.defineProperty, P1 = (r, e, t, o) => {
6890
6918
  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
6891
6919
  (l = r[n]) && (i = l(e, t, i) || i);
@@ -6932,7 +6960,7 @@ const Ge = class Ge extends u {
6932
6960
  t.forEach((i, n) => i.setGrow(o[n] / e * 100));
6933
6961
  }
6934
6962
  render() {
6935
- return a`
6963
+ return s`
6936
6964
  <div class="panel-group ${this.isVertical ? "panel-group--vertical" : ""}" part="panel-group">
6937
6965
  <slot></slot>
6938
6966
  </div>
@@ -6947,10 +6975,10 @@ Ge.styles = g`
6947
6975
  }
6948
6976
  .panel-group--vertical { flex-direction: column; }
6949
6977
  `;
6950
- let I2 = Ge;
6978
+ let O2 = Ge;
6951
6979
  P1([
6952
- s({ reflect: !0 })
6953
- ], I2.prototype, "orientation");
6980
+ a({ reflect: !0 })
6981
+ ], O2.prototype, "orientation");
6954
6982
  const Ke = class Ke extends u {
6955
6983
  constructor() {
6956
6984
  super(...arguments), this.defaultSize = "", this.minSize = "", this.maxSize = "", this.applied = !1;
@@ -6980,7 +7008,7 @@ const Ke = class Ke extends u {
6980
7008
  return Y4(this.maxSize, e, e);
6981
7009
  }
6982
7010
  render() {
6983
- return a`<div class="panel" part="panel"><slot></slot></div>`;
7011
+ return s`<div class="panel" part="panel"><slot></slot></div>`;
6984
7012
  }
6985
7013
  };
6986
7014
  Ke.styles = g`
@@ -6989,13 +7017,13 @@ Ke.styles = g`
6989
7017
  `;
6990
7018
  let W1 = Ke;
6991
7019
  P1([
6992
- s({ attribute: "default-size" })
7020
+ a({ attribute: "default-size" })
6993
7021
  ], W1.prototype, "defaultSize");
6994
7022
  P1([
6995
- s({ attribute: "min-size" })
7023
+ a({ attribute: "min-size" })
6996
7024
  ], W1.prototype, "minSize");
6997
7025
  P1([
6998
- s({ attribute: "max-size" })
7026
+ a({ attribute: "max-size" })
6999
7027
  ], W1.prototype, "maxSize");
7000
7028
  const We = class We extends u {
7001
7029
  constructor() {
@@ -7086,9 +7114,9 @@ const We = class We extends u {
7086
7114
  this.groupVertical ? "handle--vertical" : "",
7087
7115
  this.dragging ? "handle--dragging" : ""
7088
7116
  ].filter(Boolean).join(" ");
7089
- return a`
7117
+ return s`
7090
7118
  <div class="${e}" part="handle">
7091
- ${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}
7092
7120
  </div>
7093
7121
  `;
7094
7122
  }
@@ -7116,7 +7144,7 @@ We.styles = g`
7116
7144
  `;
7117
7145
  let Y1 = We;
7118
7146
  P1([
7119
- s({ type: Boolean, attribute: "with-handle" })
7147
+ a({ type: Boolean, attribute: "with-handle" })
7120
7148
  ], Y1.prototype, "withHandle");
7121
7149
  P1([
7122
7150
  m()
@@ -7124,7 +7152,7 @@ P1([
7124
7152
  P1([
7125
7153
  m()
7126
7154
  ], Y1.prototype, "dragging");
7127
- 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);
7128
7156
  customElements.get("anduin-resizable-panel") || customElements.define("anduin-resizable-panel", W1);
7129
7157
  customElements.get("anduin-resizable-handle") || customElements.define("anduin-resizable-handle", Y1);
7130
7158
  var St = Object.defineProperty, X1 = (r, e, t, o) => {
@@ -7211,7 +7239,7 @@ const Ye = class Ye extends u {
7211
7239
  const e = this.count;
7212
7240
  if (e < 2) return p;
7213
7241
  const t = this.selection, o = this.buildItems();
7214
- return a`
7242
+ return s`
7215
7243
  <div class="pagination">
7216
7244
  <div class="pagination__indicator"></div>
7217
7245
  <slot name="start" @slotchange=${this.onSlotChange}></slot>
@@ -7239,7 +7267,7 @@ const Ye = class Ye extends u {
7239
7267
  renderItem(e, t) {
7240
7268
  if (e.type === "page") {
7241
7269
  const n = e.page === t;
7242
- return a`
7270
+ return s`
7243
7271
  <button
7244
7272
  class="pagination__button ${n ? "pagination__button--active" : ""}"
7245
7273
  aria-current=${n ? "page" : p}
@@ -7249,7 +7277,7 @@ const Ye = class Ye extends u {
7249
7277
  `;
7250
7278
  }
7251
7279
  const { pages: o } = e, i = o.length > 1 ? `Pages ${o[0]} to ${o[o.length - 1]}` : `Page ${o[0]}`;
7252
- return a`
7280
+ return s`
7253
7281
  <anduin-menu placement="bottom">
7254
7282
  <anduin-button
7255
7283
  slot="trigger"
@@ -7259,7 +7287,7 @@ const Ye = class Ye extends u {
7259
7287
  label=${i}
7260
7288
  ></anduin-button>
7261
7289
  <div class="pagination__ellipsis-list">
7262
- ${o.map((n) => a`
7290
+ ${o.map((n) => s`
7263
7291
  <anduin-menu-item @click=${() => this.goTo(n)}>${n}</anduin-menu-item>
7264
7292
  `)}
7265
7293
  </div>
@@ -7332,13 +7360,13 @@ Ye.styles = g`
7332
7360
  `;
7333
7361
  let y1 = Ye;
7334
7362
  X1([
7335
- s({ type: Number, attribute: "number-of-pages", reflect: !0 })
7363
+ a({ type: Number, attribute: "number-of-pages", reflect: !0 })
7336
7364
  ], y1.prototype, "numberOfPages");
7337
7365
  X1([
7338
- s({ type: Number, attribute: "default-value" })
7366
+ a({ type: Number, attribute: "default-value" })
7339
7367
  ], y1.prototype, "defaultValue");
7340
7368
  X1([
7341
- s({ type: Number })
7369
+ a({ type: Number })
7342
7370
  ], y1.prototype, "value");
7343
7371
  X1([
7344
7372
  m()
@@ -7360,7 +7388,7 @@ const qe = class qe extends u {
7360
7388
  super.connectedCallback(), this.getAttribute("slot") || this.setAttribute("slot", this.target === "first" ? "start" : "end");
7361
7389
  }
7362
7390
  render() {
7363
- return a`
7391
+ return s`
7364
7392
  <anduin-button
7365
7393
  appearance="plain"
7366
7394
  size="medium"
@@ -7377,7 +7405,7 @@ qe.styles = g`
7377
7405
  `;
7378
7406
  let w2 = qe;
7379
7407
  X1([
7380
- s({ type: Boolean })
7408
+ a({ type: Boolean })
7381
7409
  ], w2.prototype, "disabled");
7382
7410
  class Dt extends w2 {
7383
7411
  constructor() {
@@ -7394,7 +7422,7 @@ customElements.get("anduin-pagination-first-page") || customElements.define("and
7394
7422
  customElements.get("anduin-pagination-last-page") || customElements.define("anduin-pagination-last-page", Pt);
7395
7423
  const Xe = class Xe extends u {
7396
7424
  render() {
7397
- return a`<div class="timeline"><slot></slot></div>`;
7425
+ return s`<div class="timeline"><slot></slot></div>`;
7398
7426
  }
7399
7427
  };
7400
7428
  Xe.styles = g`
@@ -7414,7 +7442,7 @@ Xe.styles = g`
7414
7442
  let M5 = Xe;
7415
7443
  const Je = class Je extends u {
7416
7444
  render() {
7417
- return a`
7445
+ return s`
7418
7446
  <div class="item">
7419
7447
  <div class="item__rail"><div class="item__dot"></div></div>
7420
7448
  <div class="item__content"><slot></slot></div>
@@ -7515,7 +7543,7 @@ Je.styles = g`
7515
7543
  let w5 = Je;
7516
7544
  const Qe = class Qe extends u {
7517
7545
  render() {
7518
- return a`<div class="date"><slot></slot></div>`;
7546
+ return s`<div class="date"><slot></slot></div>`;
7519
7547
  }
7520
7548
  };
7521
7549
  Qe.styles = g`
@@ -7533,7 +7561,7 @@ Qe.styles = g`
7533
7561
  let Z5 = Qe;
7534
7562
  const e4 = class e4 extends u {
7535
7563
  render() {
7536
- return a`<div class="title"><slot></slot></div>`;
7564
+ return s`<div class="title"><slot></slot></div>`;
7537
7565
  }
7538
7566
  };
7539
7567
  e4.styles = g`
@@ -7545,7 +7573,7 @@ e4.styles = g`
7545
7573
  let k5 = e4;
7546
7574
  const t4 = class t4 extends u {
7547
7575
  render() {
7548
- return a`<div class="group__items"><slot></slot></div>`;
7576
+ return s`<div class="group__items"><slot></slot></div>`;
7549
7577
  }
7550
7578
  };
7551
7579
  t4.styles = g`
@@ -7570,7 +7598,7 @@ t4.styles = g`
7570
7598
  let R5 = t4;
7571
7599
  const i4 = class i4 extends u {
7572
7600
  render() {
7573
- 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>`;
7574
7602
  }
7575
7603
  };
7576
7604
  i4.styles = g`
@@ -7648,7 +7676,7 @@ const Ft = "anduin-sidebar:select", o4 = class o4 extends u {
7648
7676
  super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "navigation");
7649
7677
  }
7650
7678
  render() {
7651
- return a`<div class="sidebar" part="sidebar"><slot></slot></div>`;
7679
+ return s`<div class="sidebar" part="sidebar"><slot></slot></div>`;
7652
7680
  }
7653
7681
  };
7654
7682
  o4.styles = g`
@@ -7669,7 +7697,7 @@ o4.styles = g`
7669
7697
  let E5 = o4;
7670
7698
  const n4 = class n4 extends u {
7671
7699
  render() {
7672
- return a`<div class="sidebar-content" part="content"><slot></slot></div>`;
7700
+ return s`<div class="sidebar-content" part="content"><slot></slot></div>`;
7673
7701
  }
7674
7702
  };
7675
7703
  n4.styles = g`
@@ -7693,7 +7721,7 @@ const r4 = class r4 extends u {
7693
7721
  super(...arguments), this.divider = !1;
7694
7722
  }
7695
7723
  render() {
7696
- return a`<div class="sidebar-header" part="header"><slot></slot></div>`;
7724
+ return s`<div class="sidebar-header" part="header"><slot></slot></div>`;
7697
7725
  }
7698
7726
  };
7699
7727
  r4.styles = g`
@@ -7707,16 +7735,16 @@ r4.styles = g`
7707
7735
  border-bottom: 1px solid var(--color-gray-3);
7708
7736
  }
7709
7737
  `;
7710
- let O2 = r4;
7738
+ let I2 = r4;
7711
7739
  B1([
7712
- s({ type: Boolean, reflect: !0 })
7713
- ], O2.prototype, "divider");
7740
+ a({ type: Boolean, reflect: !0 })
7741
+ ], I2.prototype, "divider");
7714
7742
  const l4 = class l4 extends u {
7715
7743
  constructor() {
7716
7744
  super(...arguments), this.divider = !1;
7717
7745
  }
7718
7746
  render() {
7719
- return a`<div class="sidebar-footer" part="footer"><slot></slot></div>`;
7747
+ return s`<div class="sidebar-footer" part="footer"><slot></slot></div>`;
7720
7748
  }
7721
7749
  };
7722
7750
  l4.styles = g`
@@ -7732,14 +7760,14 @@ l4.styles = g`
7732
7760
  `;
7733
7761
  let T2 = l4;
7734
7762
  B1([
7735
- s({ type: Boolean, reflect: !0 })
7763
+ a({ type: Boolean, reflect: !0 })
7736
7764
  ], T2.prototype, "divider");
7737
- const s4 = class s4 extends u {
7765
+ const a4 = class a4 extends u {
7738
7766
  render() {
7739
- 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>`;
7740
7768
  }
7741
7769
  };
7742
- s4.styles = g`
7770
+ a4.styles = g`
7743
7771
  :host {
7744
7772
  display: block;
7745
7773
  }
@@ -7749,10 +7777,10 @@ s4.styles = g`
7749
7777
  gap: 4px;
7750
7778
  }
7751
7779
  `;
7752
- let S5 = s4;
7753
- const a4 = class a4 extends u {
7780
+ let S5 = a4;
7781
+ const s4 = class s4 extends u {
7754
7782
  render() {
7755
- return a`
7783
+ return s`
7756
7784
  <div class="sidebar-group-label" part="group-label">
7757
7785
  <span class="sidebar-group-label__text"><slot></slot></span>
7758
7786
  <slot name="badge" class="sidebar-group-label__badge"></slot>
@@ -7761,7 +7789,7 @@ const a4 = class a4 extends u {
7761
7789
  `;
7762
7790
  }
7763
7791
  };
7764
- a4.styles = g`
7792
+ s4.styles = g`
7765
7793
  :host {
7766
7794
  display: block;
7767
7795
  }
@@ -7793,10 +7821,10 @@ a4.styles = g`
7793
7821
  padding-right: 6px;
7794
7822
  }
7795
7823
  `;
7796
- let A5 = a4;
7824
+ let A5 = s4;
7797
7825
  const d4 = class d4 extends u {
7798
7826
  render() {
7799
- return a`<div class="sidebar-menu" part="menu"><slot></slot></div>`;
7827
+ return s`<div class="sidebar-menu" part="menu"><slot></slot></div>`;
7800
7828
  }
7801
7829
  };
7802
7830
  d4.styles = g`
@@ -7832,11 +7860,11 @@ const c4 = class c4 extends u {
7832
7860
  ].filter(Boolean).join(" "), t = [
7833
7861
  "sidebar-menu-item",
7834
7862
  this.disabled ? "sidebar-menu-item--disabled" : ""
7835
- ].filter(Boolean).join(" "), o = a`
7836
- ${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}
7837
7865
  <span class="sidebar-menu-item__label"><slot></slot></span>
7838
7866
  <slot name="badge" class="sidebar-menu-item__badge"></slot>
7839
- `, i = this.href ? a`
7867
+ `, i = this.href ? s`
7840
7868
  <a
7841
7869
  class="${t}"
7842
7870
  part="menu-item"
@@ -7848,7 +7876,7 @@ const c4 = class c4 extends u {
7848
7876
  tabindex="${this.disabled ? "-1" : "0"}"
7849
7877
  @click=${this.onClick}
7850
7878
  >${o}</a>
7851
- ` : a`
7879
+ ` : s`
7852
7880
  <button
7853
7881
  type="button"
7854
7882
  class="${t}"
@@ -7858,7 +7886,7 @@ const c4 = class c4 extends u {
7858
7886
  @click=${this.onClick}
7859
7887
  >${o}</button>
7860
7888
  `;
7861
- return a`
7889
+ return s`
7862
7890
  <div class="${e}">
7863
7891
  ${i}
7864
7892
  <slot name="action" class="sidebar-menu-item__action"></slot>
@@ -7951,26 +7979,26 @@ c4.styles = g`
7951
7979
  `;
7952
7980
  let H1 = c4;
7953
7981
  B1([
7954
- s({ attribute: "start-icon" })
7982
+ a({ attribute: "start-icon" })
7955
7983
  ], H1.prototype, "startIcon");
7956
7984
  B1([
7957
- s({ type: Boolean, reflect: !0 })
7985
+ a({ type: Boolean, reflect: !0 })
7958
7986
  ], H1.prototype, "selected");
7959
7987
  B1([
7960
- s({ type: Boolean, reflect: !0 })
7988
+ a({ type: Boolean, reflect: !0 })
7961
7989
  ], H1.prototype, "disabled");
7962
7990
  B1([
7963
- s()
7991
+ a()
7964
7992
  ], H1.prototype, "href");
7965
7993
  B1([
7966
- s({ type: Boolean, attribute: "open-new-tab" })
7994
+ a({ type: Boolean, attribute: "open-new-tab" })
7967
7995
  ], H1.prototype, "openNewTab");
7968
7996
  const C4 = class C4 extends u {
7969
7997
  connectedCallback() {
7970
7998
  super.connectedCallback(), this.hasAttribute("slot") || this.setAttribute("slot", "action");
7971
7999
  }
7972
8000
  render() {
7973
- return a`<div class="sidebar-action" part="action"><slot></slot></div>`;
8001
+ return s`<div class="sidebar-action" part="action"><slot></slot></div>`;
7974
8002
  }
7975
8003
  };
7976
8004
  C4.styles = g`
@@ -7989,7 +8017,7 @@ const p4 = class p4 extends u {
7989
8017
  super.connectedCallback(), this.hasAttribute("slot") || this.setAttribute("slot", "badge");
7990
8018
  }
7991
8019
  render() {
7992
- return a`<div class="sidebar-badge" part="badge"><slot></slot></div>`;
8020
+ return s`<div class="sidebar-badge" part="badge"><slot></slot></div>`;
7993
8021
  }
7994
8022
  };
7995
8023
  p4.styles = g`
@@ -8008,7 +8036,7 @@ const h4 = class h4 extends u {
8008
8036
  super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "separator");
8009
8037
  }
8010
8038
  render() {
8011
- return a`<div class="sidebar-separator" part="separator"></div>`;
8039
+ return s`<div class="sidebar-separator" part="separator"></div>`;
8012
8040
  }
8013
8041
  };
8014
8042
  h4.styles = g`
@@ -8023,7 +8051,7 @@ h4.styles = g`
8023
8051
  let F5 = h4;
8024
8052
  customElements.get("anduin-sidebar") || customElements.define("anduin-sidebar", E5);
8025
8053
  customElements.get("anduin-sidebar-content") || customElements.define("anduin-sidebar-content", z5);
8026
- customElements.get("anduin-sidebar-header") || customElements.define("anduin-sidebar-header", O2);
8054
+ customElements.get("anduin-sidebar-header") || customElements.define("anduin-sidebar-header", I2);
8027
8055
  customElements.get("anduin-sidebar-footer") || customElements.define("anduin-sidebar-footer", T2);
8028
8056
  customElements.get("anduin-sidebar-group") || customElements.define("anduin-sidebar-group", S5);
8029
8057
  customElements.get("anduin-sidebar-group-label") || customElements.define("anduin-sidebar-group-label", A5);
@@ -8043,7 +8071,7 @@ function x1(r) {
8043
8071
  const e = (t) => String(t).padStart(2, "0");
8044
8072
  return `${r.getFullYear()}-${e(r.getMonth() + 1)}-${e(r.getDate())}`;
8045
8073
  }
8046
- function O1() {
8074
+ function I1() {
8047
8075
  const r = /* @__PURE__ */ new Date();
8048
8076
  return new Date(r.getFullYear(), r.getMonth(), r.getDate());
8049
8077
  }
@@ -8051,15 +8079,15 @@ function p1(r, e) {
8051
8079
  const t = r.getFullYear(), o = r.getMonth() + e, i = new Date(t, o + 1, 0).getDate();
8052
8080
  return new Date(t, o, Math.min(r.getDate(), i));
8053
8081
  }
8054
- function It(r, e) {
8082
+ function Ot(r, e) {
8055
8083
  return new Date(r, e + 1, 0).getDate();
8056
8084
  }
8057
- var Ot = Object.defineProperty, i1 = (r, e, t, o) => {
8085
+ var It = Object.defineProperty, i1 = (r, e, t, o) => {
8058
8086
  for (var i = void 0, n = r.length - 1, l; n >= 0; n--)
8059
8087
  (l = r[n]) && (i = l(e, t, i) || i);
8060
- return i && Ot(e, t, i), i;
8088
+ return i && It(e, t, i), i;
8061
8089
  };
8062
- 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 = [
8063
8091
  "January",
8064
8092
  "February",
8065
8093
  "March",
@@ -8082,7 +8110,7 @@ function Nt(r) {
8082
8110
  }
8083
8111
  const u4 = class u4 extends u {
8084
8112
  constructor() {
8085
- 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) => {
8086
8114
  this._openSelect && !e.composedPath().includes(this) && (this._openSelect = null);
8087
8115
  };
8088
8116
  }
@@ -8098,7 +8126,7 @@ const u4 = class u4 extends u {
8098
8126
  if (t)
8099
8127
  this._viewYear = t.getFullYear(), this._viewMonth = t.getMonth(), this._viewSeeded = !0;
8100
8128
  else if (!this._viewSeeded) {
8101
- const o = O1();
8129
+ const o = I1();
8102
8130
  this._viewYear = o.getFullYear(), this._viewMonth = o.getMonth();
8103
8131
  }
8104
8132
  }
@@ -8180,7 +8208,7 @@ const u4 = class u4 extends u {
8180
8208
  this.value = t, this._focus = t, this.dispatchEvent(new CustomEvent(Z2, { detail: t, bubbles: !0, composed: !0 }));
8181
8209
  }
8182
8210
  _emitHover(e) {
8183
- this.dispatchEvent(new CustomEvent(I5, { detail: e, bubbles: !0, composed: !0 }));
8211
+ this.dispatchEvent(new CustomEvent(O5, { detail: e, bubbles: !0, composed: !0 }));
8184
8212
  }
8185
8213
  /** The day that owns `tabindex="0"` when nothing has been focused yet. */
8186
8214
  _defaultFocusDate() {
@@ -8190,7 +8218,7 @@ const u4 = class u4 extends u {
8190
8218
  const t = P(this.value);
8191
8219
  if (t && t.getMonth() === this._viewMonth && t.getFullYear() === this._viewYear)
8192
8220
  return t;
8193
- const o = O1();
8221
+ const o = I1();
8194
8222
  return o.getMonth() === this._viewMonth && o.getFullYear() === this._viewYear ? o : this._clamp(new Date(this._viewYear, this._viewMonth, 1));
8195
8223
  }
8196
8224
  // ── Month / year pickers ────────────────────────────────────────
@@ -8208,7 +8236,7 @@ const u4 = class u4 extends u {
8208
8236
  }
8209
8237
  _renderSelect(e, t, o, i, n) {
8210
8238
  const l = this._openSelect === e;
8211
- return a`
8239
+ return s`
8212
8240
  <div class="calendar__select">
8213
8241
  <anduin-button
8214
8242
  appearance="text"
@@ -8221,9 +8249,9 @@ const u4 = class u4 extends u {
8221
8249
  this._openSelect = l ? null : e;
8222
8250
  }}
8223
8251
  >${t}</anduin-button>
8224
- ${l ? a`
8252
+ ${l ? s`
8225
8253
  <div class="calendar__listbox" role="listbox" aria-label="${o}">
8226
- ${i.map((d) => a`
8254
+ ${i.map((d) => s`
8227
8255
  <button
8228
8256
  type="button"
8229
8257
  class="calendar__option${d.selected ? " calendar__option--selected" : ""}"
@@ -8239,7 +8267,7 @@ const u4 = class u4 extends u {
8239
8267
  }
8240
8268
  // ── Render ──────────────────────────────────────────────────────
8241
8269
  render() {
8242
- 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 = [
8243
8271
  ...Array.from({ length: C }, () => null),
8244
8272
  ...Array.from({ length: c }, (_, v) => v + 1)
8245
8273
  ];
@@ -8251,7 +8279,7 @@ const u4 = class u4 extends u {
8251
8279
  const _ = this._max;
8252
8280
  return _ ? new Date(this._viewYear, this._viewMonth + 1, 1).getTime() > _.getTime() : !1;
8253
8281
  })();
8254
- return a`
8282
+ return s`
8255
8283
  <div class="calendar" part="calendar">
8256
8284
  <div class="calendar__header" part="header">
8257
8285
  <anduin-button
@@ -8299,16 +8327,16 @@ const u4 = class u4 extends u {
8299
8327
  >
8300
8328
  <thead aria-hidden="true">
8301
8329
  <tr>
8302
- ${Tt.map((_, v) => a`
8330
+ ${Tt.map((_, v) => s`
8303
8331
  <th class="calendar__day-header" aria-label="${J4[v]}">${_}</th>
8304
8332
  `)}
8305
8333
  </tr>
8306
8334
  </thead>
8307
8335
  <tbody>
8308
- ${f.map((_) => a`
8336
+ ${f.map((_) => s`
8309
8337
  <tr>
8310
8338
  ${_.map((v) => {
8311
- if (v === null) return a`<td class="calendar__day-cell"></td>`;
8339
+ if (v === null) return s`<td class="calendar__day-cell"></td>`;
8312
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 = [
8313
8341
  "calendar__day-cell",
8314
8342
  y4 ? "calendar__day-cell--in-range" : "",
@@ -8325,7 +8353,7 @@ const u4 = class u4 extends u {
8325
8353
  y4 ? "calendar__day-button--in-range" : "",
8326
8354
  K ? "calendar__day-button--disabled" : ""
8327
8355
  ].filter(Boolean).join(" ");
8328
- return a`
8356
+ return s`
8329
8357
  <td
8330
8358
  class="${E3}"
8331
8359
  role="gridcell"
@@ -8453,22 +8481,22 @@ u4.styles = g`
8453
8481
  `;
8454
8482
  let j = u4;
8455
8483
  i1([
8456
- s({ reflect: !0 })
8484
+ a({ reflect: !0 })
8457
8485
  ], j.prototype, "value");
8458
8486
  i1([
8459
- s({ attribute: "min-date" })
8487
+ a({ attribute: "min-date" })
8460
8488
  ], j.prototype, "minDate");
8461
8489
  i1([
8462
- s({ attribute: "max-date" })
8490
+ a({ attribute: "max-date" })
8463
8491
  ], j.prototype, "maxDate");
8464
8492
  i1([
8465
- s({ attribute: "range-start" })
8493
+ a({ attribute: "range-start" })
8466
8494
  ], j.prototype, "rangeStart");
8467
8495
  i1([
8468
- s({ attribute: "range-end" })
8496
+ a({ attribute: "range-end" })
8469
8497
  ], j.prototype, "rangeEnd");
8470
8498
  i1([
8471
- s({ type: Boolean, attribute: "range-mode" })
8499
+ a({ type: Boolean, attribute: "range-mode" })
8472
8500
  ], j.prototype, "rangeMode");
8473
8501
  i1([
8474
8502
  m()
@@ -8509,10 +8537,10 @@ const Ut = "anduin-date-range:change", g4 = class g4 extends u {
8509
8537
  };
8510
8538
  }
8511
8539
  connectedCallback() {
8512
- 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);
8513
8541
  }
8514
8542
  disconnectedCallback() {
8515
- 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);
8516
8544
  }
8517
8545
  updated() {
8518
8546
  this._sync();
@@ -8540,7 +8568,7 @@ const Ut = "anduin-date-range:change", g4 = class g4 extends u {
8540
8568
  /** Which month each panel opens on: the start date on the left, the month
8541
8569
  * after it on the right. Falls back to today when there's no range yet. */
8542
8570
  _panelValue(e) {
8543
- const t = P(this.startDate) ?? O1();
8571
+ const t = P(this.startDate) ?? I1();
8544
8572
  return x1(e === "start" ? t : p1(t, 1));
8545
8573
  }
8546
8574
  /** The range the calendars should paint — the live preview while selecting,
@@ -8556,7 +8584,7 @@ const Ut = "anduin-date-range:change", g4 = class g4 extends u {
8556
8584
  return !o || !i ? [e, t] : o.getTime() <= i.getTime() ? [e, t] : [t, e];
8557
8585
  }
8558
8586
  render() {
8559
- 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>`;
8560
8588
  }
8561
8589
  };
8562
8590
  g4.styles = g`
@@ -8564,16 +8592,16 @@ g4.styles = g`
8564
8592
  `;
8565
8593
  let t1 = g4;
8566
8594
  J1([
8567
- s({ attribute: "start-date", reflect: !0 })
8595
+ a({ attribute: "start-date", reflect: !0 })
8568
8596
  ], t1.prototype, "startDate");
8569
8597
  J1([
8570
- s({ attribute: "end-date", reflect: !0 })
8598
+ a({ attribute: "end-date", reflect: !0 })
8571
8599
  ], t1.prototype, "endDate");
8572
8600
  J1([
8573
- s({ attribute: "min-date" })
8601
+ a({ attribute: "min-date" })
8574
8602
  ], t1.prototype, "minDate");
8575
8603
  J1([
8576
- s({ attribute: "max-date" })
8604
+ a({ attribute: "max-date" })
8577
8605
  ], t1.prototype, "maxDate");
8578
8606
  J1([
8579
8607
  m()
@@ -8607,7 +8635,7 @@ const f4 = class f4 extends u {
8607
8635
  return null;
8608
8636
  }
8609
8637
  render() {
8610
- return a`<anduin-calendar part="calendar" range-mode></anduin-calendar>`;
8638
+ return s`<anduin-calendar part="calendar" range-mode></anduin-calendar>`;
8611
8639
  }
8612
8640
  };
8613
8641
  f4.styles = g`
@@ -8626,7 +8654,7 @@ class Kt extends N2 {
8626
8654
  }
8627
8655
  const v4 = class v4 extends u {
8628
8656
  render() {
8629
- return a`
8657
+ return s`
8630
8658
  <div class="date-range-default" part="layout">
8631
8659
  <anduin-date-range-start part="start"></anduin-date-range-start>
8632
8660
  <anduin-date-range-end part="end"></anduin-date-range-end>
@@ -8639,9 +8667,9 @@ v4.styles = g`
8639
8667
 
8640
8668
  .date-range-default { display: flex; flex-direction: row; gap: 16px; }
8641
8669
  `;
8642
- let O5 = v4;
8670
+ let I5 = v4;
8643
8671
  customElements.get("anduin-date-range") || customElements.define("anduin-date-range", t1);
8644
- 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);
8645
8673
  customElements.get("anduin-date-range-start") || customElements.define("anduin-date-range-start", Gt);
8646
8674
  customElements.get("anduin-date-range-end") || customElements.define("anduin-date-range-end", Kt);
8647
8675
  var Wt = Object.defineProperty, T = (r, e, t, o) => {
@@ -8667,7 +8695,7 @@ function Yt(r) {
8667
8695
  }
8668
8696
  return e;
8669
8697
  }
8670
- function s5(r) {
8698
+ function a5(r) {
8671
8699
  return r.type === "year" ? 10 ** r.length - 1 : r.length === 1 ? 9 : r.type === "month" ? 12 : 31;
8672
8700
  }
8673
8701
  const i2 = 1, G2 = class G2 extends u {
@@ -8741,7 +8769,7 @@ const i2 = 1, G2 = class G2 extends u {
8741
8769
  if (!t && !o) return e;
8742
8770
  const i = this._indexOfType("month"), n = this._indexOfType("day"), l = this._indexOfType("year");
8743
8771
  if (i < 0 || n < 0 || l < 0) return e;
8744
- 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;
8745
8773
  if (!y) {
8746
8774
  if (h === C) return e;
8747
8775
  const V = [...e];
@@ -8780,7 +8808,7 @@ const i2 = 1, G2 = class G2 extends u {
8780
8808
  _writeSegment(e, t) {
8781
8809
  const o = this._segments[e];
8782
8810
  if (!o) return;
8783
- 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];
8784
8812
  n[e] = String(i).padStart(o.length, "0"), this._buffer = "", this._setDigits(n);
8785
8813
  }
8786
8814
  /** Commit any half-typed digits so they aren't stranded on blur or navigation. */
@@ -8799,7 +8827,7 @@ const i2 = 1, G2 = class G2 extends u {
8799
8827
  return;
8800
8828
  }
8801
8829
  const l = Number(i.padEnd(o.length, "0")), d = Number(i.padEnd(o.length, "9"));
8802
- if (l > s5(o) || d < i2) {
8830
+ if (l > a5(o) || d < i2) {
8803
8831
  this._commitBuffer(t, i, !0);
8804
8832
  return;
8805
8833
  }
@@ -8808,7 +8836,7 @@ const i2 = 1, G2 = class G2 extends u {
8808
8836
  _step(e) {
8809
8837
  const t = this._active, o = this._segments[t];
8810
8838
  if (!o) return;
8811
- const i = s5(o), n = this._digits[t];
8839
+ const i = a5(o), n = this._digits[t];
8812
8840
  let l;
8813
8841
  n === null ? l = e > 0 ? i2 : i : (l = Number(n) + e, l > i && (l = i2), l < i2 && (l = i));
8814
8842
  const d = [...this._digits];
@@ -8857,9 +8885,9 @@ const i2 = 1, G2 = class G2 extends u {
8857
8885
  this.readonly ? "date-input--readonly" : "",
8858
8886
  this.status ? `date-input--${this.status}` : ""
8859
8887
  ].filter(Boolean).join(" "), i = this.size === "small" ? "12" : "16";
8860
- return a`
8888
+ return s`
8861
8889
  <div class="${t}" part="container">
8862
- ${e ? a`<span class="date-input__icon" part="icon">
8890
+ ${e ? s`<span class="date-input__icon" part="icon">
8863
8891
  <anduin-icon name="${this.startIcon}" size="${i}"></anduin-icon>
8864
8892
  </span>` : p}
8865
8893
  <input
@@ -8939,34 +8967,34 @@ G2.shadowRootOptions = { ...u.shadowRootOptions, delegatesFocus: !0 }, G2.styles
8939
8967
  `;
8940
8968
  let S = G2;
8941
8969
  T([
8942
- s()
8970
+ a()
8943
8971
  ], S.prototype, "format");
8944
8972
  T([
8945
- s()
8973
+ a()
8946
8974
  ], S.prototype, "value");
8947
8975
  T([
8948
- s()
8976
+ a()
8949
8977
  ], S.prototype, "size");
8950
8978
  T([
8951
- s({ type: Boolean })
8979
+ a({ type: Boolean })
8952
8980
  ], S.prototype, "disabled");
8953
8981
  T([
8954
- s({ type: Boolean })
8982
+ a({ type: Boolean })
8955
8983
  ], S.prototype, "readonly");
8956
8984
  T([
8957
- s()
8985
+ a()
8958
8986
  ], S.prototype, "status");
8959
8987
  T([
8960
- s({ attribute: "start-icon" })
8988
+ a({ attribute: "start-icon" })
8961
8989
  ], S.prototype, "startIcon");
8962
8990
  T([
8963
- s({ attribute: "min-date" })
8991
+ a({ attribute: "min-date" })
8964
8992
  ], S.prototype, "minDate");
8965
8993
  T([
8966
- s({ attribute: "max-date" })
8994
+ a({ attribute: "max-date" })
8967
8995
  ], S.prototype, "maxDate");
8968
8996
  T([
8969
- s()
8997
+ a()
8970
8998
  ], S.prototype, "inputid");
8971
8999
  T([
8972
9000
  m()
@@ -9071,7 +9099,7 @@ const m4 = class m4 extends u {
9071
9099
  }));
9072
9100
  }
9073
9101
  render() {
9074
- return a`
9102
+ return s`
9075
9103
  <div class="datepicker" part="datepicker">
9076
9104
  <anduin-popover full-width placement=${this.placement}>
9077
9105
  <anduin-date-input
@@ -9091,7 +9119,7 @@ const m4 = class m4 extends u {
9091
9119
  ></anduin-date-input>
9092
9120
 
9093
9121
  <div class="datepicker__panel" part="panel">
9094
- ${this._open ? a`<anduin-calendar
9122
+ ${this._open ? s`<anduin-calendar
9095
9123
  part="calendar"
9096
9124
  min-date=${this.minDate}
9097
9125
  max-date=${this.maxDate}
@@ -9116,37 +9144,37 @@ m4.styles = g`
9116
9144
  `;
9117
9145
  let A = m4;
9118
9146
  N([
9119
- s()
9147
+ a()
9120
9148
  ], A.prototype, "format");
9121
9149
  N([
9122
- s()
9150
+ a()
9123
9151
  ], A.prototype, "value");
9124
9152
  N([
9125
- s()
9153
+ a()
9126
9154
  ], A.prototype, "size");
9127
9155
  N([
9128
- s({ type: Boolean })
9156
+ a({ type: Boolean })
9129
9157
  ], A.prototype, "disabled");
9130
9158
  N([
9131
- s({ type: Boolean })
9159
+ a({ type: Boolean })
9132
9160
  ], A.prototype, "readonly");
9133
9161
  N([
9134
- s()
9162
+ a()
9135
9163
  ], A.prototype, "status");
9136
9164
  N([
9137
- s({ attribute: "start-icon" })
9165
+ a({ attribute: "start-icon" })
9138
9166
  ], A.prototype, "startIcon");
9139
9167
  N([
9140
- s({ attribute: "min-date" })
9168
+ a({ attribute: "min-date" })
9141
9169
  ], A.prototype, "minDate");
9142
9170
  N([
9143
- s({ attribute: "max-date" })
9171
+ a({ attribute: "max-date" })
9144
9172
  ], A.prototype, "maxDate");
9145
9173
  N([
9146
- s()
9174
+ a()
9147
9175
  ], A.prototype, "placement");
9148
9176
  N([
9149
- s()
9177
+ a()
9150
9178
  ], A.prototype, "inputid");
9151
9179
  N([
9152
9180
  m()
@@ -9163,7 +9191,7 @@ var e0 = Object.defineProperty, L = (r, e, t, o) => {
9163
9191
  (l = r[n]) && (i = l(e, t, i) || i);
9164
9192
  return i && e0(e, t, i), i;
9165
9193
  };
9166
- 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) => {
9167
9195
  if (!e) return;
9168
9196
  let t = r;
9169
9197
  for (const o of e.split(".")) {
@@ -9350,13 +9378,13 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
9350
9378
  toggleTreeRow(e) {
9351
9379
  const t = !e.expanded, o = new Set(this.expandedKeys);
9352
9380
  t ? o.add(e.key) : o.delete(e.key), this.expandedKeys = o, this.dispatchEvent(new CustomEvent(
9353
- t ? l0 : s0,
9381
+ t ? l0 : a0,
9354
9382
  { detail: { data: e.data, key: e.key, expanded: t }, bubbles: !0, composed: !0 }
9355
9383
  ));
9356
9384
  }
9357
9385
  toggleGroup(e) {
9358
9386
  const t = !e.expanded, o = new Set(this.collapsedGroups);
9359
- 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, {
9360
9388
  detail: { value: e.value, rows: e.rows, expanded: t },
9361
9389
  bubbles: !0,
9362
9390
  composed: !0
@@ -9573,7 +9601,7 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
9573
9601
  ].filter(Boolean).join(" "), d = this.cellStyle(e, t), c = e.headerAlign ?? e.align ?? this.columnAlign, C = [
9574
9602
  "table__header-inner",
9575
9603
  c !== "left" ? `table__header-inner--${c}` : ""
9576
- ].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`
9577
9605
  <span
9578
9606
  class="table__resize-handle ${this.resizingKey === h ? "table__resize-handle--active" : ""}"
9579
9607
  part="resize-handle"
@@ -9593,7 +9621,7 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
9593
9621
  areAllRowsSelected: D,
9594
9622
  hasSelectedRow: M > 0,
9595
9623
  onChange: (o1) => this.toggleAllRows(o1)
9596
- }) : a`
9624
+ }) : s`
9597
9625
  <anduin-checkbox
9598
9626
  .checked=${D}
9599
9627
  .indeterminate=${K}
@@ -9603,7 +9631,7 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
9603
9631
  }}
9604
9632
  ></anduin-checkbox>
9605
9633
  `;
9606
- return a`
9634
+ return s`
9607
9635
  <th
9608
9636
  class="${l}"
9609
9637
  part="header-cell"
@@ -9613,14 +9641,14 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
9613
9641
  ><div class="${C}">${Q1}</div>${f}</th>
9614
9642
  `;
9615
9643
  }
9616
- 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`
9617
9645
  <anduin-icon
9618
9646
  class="table__sort-icon ${y ? "table__sort-icon--active" : ""}"
9619
9647
  name="${b === "desc" ? "caretDown" : "caretUp"}"
9620
9648
  size="16"
9621
9649
  ></anduin-icon>
9622
9650
  ` : p;
9623
- return a`
9651
+ return s`
9624
9652
  <th
9625
9653
  class="${l}"
9626
9654
  part="header-cell"
@@ -9647,7 +9675,7 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
9647
9675
  this.sizingClass(o, i)
9648
9676
  ].filter(Boolean).join(" "), C = this.cellStyle(o, i);
9649
9677
  if (n1(o)) {
9650
- 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`
9651
9679
  <anduin-checkbox
9652
9680
  .checked=${V}
9653
9681
  .disabled=${_}
@@ -9657,7 +9685,7 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
9657
9685
  }}
9658
9686
  ></anduin-checkbox>
9659
9687
  `;
9660
- return a`
9688
+ return s`
9661
9689
  <td
9662
9690
  class="${c}"
9663
9691
  part="cell"
@@ -9667,9 +9695,9 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
9667
9695
  >${x}</td>
9668
9696
  `;
9669
9697
  }
9670
- 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`
9671
9699
  <div class="table__tree-cell" style="padding-left:${e.depth * this.treeChildIndent}px">
9672
- ${e.hasChildren ? a`
9700
+ ${e.hasChildren ? s`
9673
9701
  <button
9674
9702
  class="table__tree-toggle"
9675
9703
  type="button"
@@ -9684,11 +9712,11 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
9684
9712
  size="16"
9685
9713
  ></anduin-icon>
9686
9714
  </button>
9687
- ` : a`<span class="table__tree-spacer"></span>`}
9715
+ ` : s`<span class="table__tree-spacer"></span>`}
9688
9716
  <span>${f}</span>
9689
9717
  </div>
9690
9718
  ` : f;
9691
- return a`
9719
+ return s`
9692
9720
  <td
9693
9721
  class="${c}"
9694
9722
  part="cell"
@@ -9709,7 +9737,7 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
9709
9737
  o ? "table__row--selected" : "",
9710
9738
  n
9711
9739
  ].filter(Boolean).join(" ");
9712
- return a`
9740
+ return s`
9713
9741
  <tr
9714
9742
  class="${l}"
9715
9743
  part="${n ? `row ${n}` : "row"}"
@@ -9720,16 +9748,16 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
9720
9748
  @mouseenter=${() => this.onRowMouseEnter(e)}
9721
9749
  >
9722
9750
  ${this.columns.map((d, c) => this.renderCell(e, t, d, c))}
9723
- ${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}
9724
9752
  </tr>
9725
9753
  `;
9726
9754
  }
9727
9755
  renderGroupRow(e) {
9728
- 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`
9729
9757
  <span>${String(e.value)}</span>
9730
9758
  <span class="table__group-count">${e.rows.length}</span>
9731
9759
  `;
9732
- return a`
9760
+ return s`
9733
9761
  <tr class="table__group-row" part="group-row">
9734
9762
  <td class="table__group-cell" colspan="${this.columnCount}">
9735
9763
  <button
@@ -9752,7 +9780,7 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
9752
9780
  return this.columns.length + (this.layout === "fit-data-fill" ? 1 : 0);
9753
9781
  }
9754
9782
  renderPlaceholder() {
9755
- return a`
9783
+ return s`
9756
9784
  <tr>
9757
9785
  <td class="table__placeholder-cell" part="placeholder" colspan="${this.columnCount}">
9758
9786
  <slot name="empty">No data to display</slot>
@@ -9775,32 +9803,32 @@ const t0 = "anduin-table:sort", i0 = "anduin-table:column-click", o0 = "anduin-t
9775
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);
9776
9804
  n = e.slice(f, y), l = f * this.rowHeight, d = (e.length - y) * this.rowHeight, c = f;
9777
9805
  }
9778
- return a`
9806
+ return s`
9779
9807
  <div class="${i}" part="table" style="${t}">
9780
9808
  <div class="table__scroll" part="scroll" @scroll=${this.onScroll}>
9781
9809
  <table
9782
9810
  class="table__el table__el--${this.layout}"
9783
9811
  style="${o ? `min-width:${o}px` : ""}"
9784
9812
  >
9785
- ${this.hideHeader ? p : a`
9813
+ ${this.hideHeader ? p : s`
9786
9814
  <thead part="header">
9787
9815
  <tr class="table__header-row" part="header-row">
9788
9816
  ${this.columns.map((C, h) => this.renderHeaderCell(C, h))}
9789
- ${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}
9790
9818
  </tr>
9791
9819
  </thead>
9792
9820
  `}
9793
9821
  <tbody part="body">
9794
9822
  ${e.length === 0 ? this.renderPlaceholder() : p}
9795
- ${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}
9796
9824
  ${n.map(
9797
9825
  (C, h) => C.kind === "group" ? this.renderGroupRow(C) : this.renderRow(C, c + h)
9798
9826
  )}
9799
- ${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}
9800
9828
  </tbody>
9801
9829
  </table>
9802
9830
  </div>
9803
- ${this.loading ? a`
9831
+ ${this.loading ? s`
9804
9832
  <div class="table__loading" part="loading">
9805
9833
  <slot name="loading"><anduin-spinner size="medium"></anduin-spinner></slot>
9806
9834
  </div>
@@ -10177,85 +10205,85 @@ b4.styles = g`
10177
10205
  `;
10178
10206
  let H = b4;
10179
10207
  L([
10180
- s({ attribute: !1 })
10208
+ a({ attribute: !1 })
10181
10209
  ], H.prototype, "columns");
10182
10210
  L([
10183
- s({ attribute: !1 })
10211
+ a({ attribute: !1 })
10184
10212
  ], H.prototype, "data");
10185
10213
  L([
10186
- s({ reflect: !0 })
10214
+ a({ reflect: !0 })
10187
10215
  ], H.prototype, "layout");
10188
10216
  L([
10189
- s({ attribute: "render-mode", reflect: !0 })
10217
+ a({ attribute: "render-mode", reflect: !0 })
10190
10218
  ], H.prototype, "renderMode");
10191
10219
  L([
10192
- s({ type: Number, attribute: "row-height" })
10220
+ a({ type: Number, attribute: "row-height" })
10193
10221
  ], H.prototype, "rowHeight");
10194
10222
  L([
10195
- s()
10223
+ a()
10196
10224
  ], H.prototype, "height");
10197
10225
  L([
10198
- s({ attribute: "max-height" })
10226
+ a({ attribute: "max-height" })
10199
10227
  ], H.prototype, "maxHeight");
10200
10228
  L([
10201
- s({ attribute: "min-height" })
10229
+ a({ attribute: "min-height" })
10202
10230
  ], H.prototype, "minHeight");
10203
10231
  L([
10204
- s({
10232
+ a({
10205
10233
  attribute: "resizable-columns",
10206
10234
  converter: (r) => r !== "false"
10207
10235
  })
10208
10236
  ], H.prototype, "resizableColumns");
10209
10237
  L([
10210
- s({ type: Boolean, attribute: "hide-header", reflect: !0 })
10238
+ a({ type: Boolean, attribute: "hide-header", reflect: !0 })
10211
10239
  ], H.prototype, "hideHeader");
10212
10240
  L([
10213
- s({ type: Boolean, reflect: !0 })
10241
+ a({ type: Boolean, reflect: !0 })
10214
10242
  ], H.prototype, "loading");
10215
10243
  L([
10216
- s({ reflect: !0 })
10244
+ a({ reflect: !0 })
10217
10245
  ], H.prototype, "selectable");
10218
10246
  L([
10219
- s({ attribute: "index-column" })
10247
+ a({ attribute: "index-column" })
10220
10248
  ], H.prototype, "indexColumn");
10221
10249
  L([
10222
- s({ attribute: "column-align" })
10250
+ a({ attribute: "column-align" })
10223
10251
  ], H.prototype, "columnAlign");
10224
10252
  L([
10225
- s({ attribute: "column-vertical-align" })
10253
+ a({ attribute: "column-vertical-align" })
10226
10254
  ], H.prototype, "columnVerticalAlign");
10227
10255
  L([
10228
- s({ attribute: "sort-field" })
10256
+ a({ attribute: "sort-field" })
10229
10257
  ], H.prototype, "sortField");
10230
10258
  L([
10231
- s({ attribute: "sort-direction" })
10259
+ a({ attribute: "sort-direction" })
10232
10260
  ], H.prototype, "sortDirection");
10233
10261
  L([
10234
- s({ type: Boolean, attribute: "data-tree", reflect: !0 })
10262
+ a({ type: Boolean, attribute: "data-tree", reflect: !0 })
10235
10263
  ], H.prototype, "dataTree");
10236
10264
  L([
10237
- s({ attribute: "tree-children-field" })
10265
+ a({ attribute: "tree-children-field" })
10238
10266
  ], H.prototype, "treeChildrenField");
10239
10267
  L([
10240
- s({ type: Number, attribute: "tree-child-indent" })
10268
+ a({ type: Number, attribute: "tree-child-indent" })
10241
10269
  ], H.prototype, "treeChildIndent");
10242
10270
  L([
10243
- s({ attribute: "group-by" })
10271
+ a({ attribute: "group-by" })
10244
10272
  ], H.prototype, "groupBy");
10245
10273
  L([
10246
- s({ attribute: !1 })
10274
+ a({ attribute: !1 })
10247
10275
  ], H.prototype, "selectedRows");
10248
10276
  L([
10249
- s({ attribute: !1 })
10277
+ a({ attribute: !1 })
10250
10278
  ], H.prototype, "isRowDisabled");
10251
10279
  L([
10252
- s({ attribute: !1 })
10280
+ a({ attribute: !1 })
10253
10281
  ], H.prototype, "onStartExpanded");
10254
10282
  L([
10255
- s({ attribute: !1 })
10283
+ a({ attribute: !1 })
10256
10284
  ], H.prototype, "rowClass");
10257
10285
  L([
10258
- s({ attribute: !1 })
10286
+ a({ attribute: !1 })
10259
10287
  ], H.prototype, "renderGroupHeader");
10260
10288
  L([
10261
10289
  m()
@@ -10286,25 +10314,25 @@ export {
10286
10314
  A5 as $,
10287
10315
  N1 as A,
10288
10316
  $ as B,
10289
- I as C,
10317
+ O as C,
10290
10318
  P2 as D,
10291
10319
  $1 as E,
10292
10320
  G1 as F,
10293
10321
  it as G,
10294
10322
  ot as H,
10295
10323
  b1 as I,
10296
- a1 as J,
10324
+ s1 as J,
10297
10325
  y1 as K,
10298
10326
  Dt as L,
10299
10327
  Pt as M,
10300
10328
  Q as N,
10301
10329
  b5 as O,
10302
10330
  b2 as P,
10303
- s1 as Q,
10331
+ a1 as Q,
10304
10332
  K1 as R,
10305
10333
  Y1 as S,
10306
10334
  W1 as T,
10307
- I2 as U,
10335
+ O2 as U,
10308
10336
  E5 as V,
10309
10337
  P5 as W,
10310
10338
  B5 as X,
@@ -10313,7 +10341,7 @@ export {
10313
10341
  S5 as _,
10314
10342
  e1 as a,
10315
10343
  l5 as a$,
10316
- O2 as a0,
10344
+ I2 as a0,
10317
10345
  D5 as a1,
10318
10346
  H1 as a2,
10319
10347
  F5 as a3,
@@ -10374,7 +10402,7 @@ export {
10374
10402
  f5 as av,
10375
10403
  u3 as aw,
10376
10404
  Z2 as ax,
10377
- I5 as ay,
10405
+ O5 as ay,
10378
10406
  x7 as az,
10379
10407
  S2 as b,
10380
10408
  kt as b0,
@@ -10383,16 +10411,16 @@ export {
10383
10411
  r0 as b3,
10384
10412
  i0 as b4,
10385
10413
  e3 as b5,
10386
- a0 as b6,
10414
+ s0 as b6,
10387
10415
  o0 as b7,
10388
- s0 as b8,
10416
+ a0 as b8,
10389
10417
  l0 as b9,
10390
10418
  n0 as ba,
10391
10419
  t0 as bb,
10392
10420
  F7 as bc,
10393
10421
  M3 as bd,
10394
10422
  W2 as be,
10395
- O7 as bf,
10423
+ I7 as bf,
10396
10424
  P7 as bg,
10397
10425
  U7 as bh,
10398
10426
  G7 as bi,
@@ -10411,7 +10439,7 @@ export {
10411
10439
  g3 as bv,
10412
10440
  P as bw,
10413
10441
  gt as bx,
10414
- O1 as by,
10442
+ I1 as by,
10415
10443
  h0 as bz,
10416
10444
  v2 as c,
10417
10445
  R as d,
@@ -10421,7 +10449,7 @@ export {
10421
10449
  S as h,
10422
10450
  A as i,
10423
10451
  t1 as j,
10424
- O5 as k,
10452
+ I5 as k,
10425
10453
  Kt as l,
10426
10454
  N2 as m,
10427
10455
  Gt as n,
@@ -10431,7 +10459,7 @@ export {
10431
10459
  Mt as r,
10432
10460
  w as s,
10433
10461
  B2 as t,
10434
- a5 as u,
10462
+ s5 as u,
10435
10463
  d5 as v,
10436
10464
  c5 as w,
10437
10465
  y2 as x,