@nysds/components 1.16.0-alpha-2 → 1.16.0-alpha3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/nysds.es.js CHANGED
@@ -2,16 +2,16 @@ import { LitElement as f, unsafeCSS as g, html as d } from "lit";
2
2
  import { property as a, query as Dt, state as _ } from "lit/decorators.js";
3
3
  import { ifDefined as y } from "lit/directives/if-defined.js";
4
4
  /*!
5
- * New York State Design System v1.16.0-alpha-2
5
+ * New York State Design System v1.16.0-alpha3
6
6
  * Description: A design system for New York State's digital products.
7
7
  * Repository: https://github.com/its-hcd/nysds
8
8
  * License: MIT
9
9
  */
10
10
  const ws = ':host{--_nys-accordion-border-radius: var(--nys-radius-md, 4px);--_nys-accordion-border-width: var(--nys-border-width-md, 2px);--_nys-accordion-border-color: var(--nys-color-neutral-50, #ededed);--_nys-accordion-padding--x: var(--nys-space-250, 20px);--_nys-accordion-padding--y: var(--nys-space-200, 16px);--_nys-accordion-outline-width: var(--nys-border-width-md, 2px);--_nys-accordion-outline-offset: var(--nys-space-2px, 2px);--_nys-accordion-outline-color: var(--nys-color-focus, #004dd1);--_nys-accordion-gap: var(--nys-space-100, 8px);--_nys-accordion-background-color--header: var( --nys-accordion-background-color--header, var(--nys-color-neutral-50, #ededed) );--_nys-accordion-background-color--header--hover: var( --nys-accordion-background-color--header--hover, var(--nys-color-neutral-100, #d0d0ce) );--_nys-accordionitem-gap: var(--nys-space-200, 16px);--_nys-accordionitem-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-accordionitem-padding: var(--nys-space-200, 16px) var(--local-xx-spacing-205, 20px);--_nys-accordion-content-max-width: var( --nys-accordion-content-max-width, 80ch );--_nys-accordion-font-size: var(--nys-type-size-ui-xl, 20px);--_nys-accordion-font-weight: var(--nys-font-weight-bold, 700);--_nys-accordion-line-height: var(--nys-font-lineheight-ui-xl, 28px);--_nys-accordion-letter-spacing: var(--nys-font-letterspacing-ui-xl, .017px);--_nys-accordion-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) )}::slotted(p),p{margin:0!important}.nys-accordionitem{font-family:var(--_nys-accordion-font-family);font-size:var(--_nys-accordion-font-size);font-weight:var(--_nys-accordion-font-weight);line-height:var(--_nys-accordion-line-height);letter-spacing:var(--_nys-accordion-letter-spacing);display:flex}.nys-accordionitem__heading{all:unset;flex:1;gap:var(--_nys-accordionitem-gap);display:flex;padding:var(--_nys-accordion-padding--y) var(--_nys-accordion-padding--x);align-items:center;align-self:stretch;border-radius:var(--_nys-accordion-border-radius);background-color:var(--_nys-accordion-background-color--header);cursor:pointer;transition:.05s all ease-in-out}.nys-accordionitem__heading:hover{border-radius:var(--_nys-accordion-border-radius);background-color:var(--_nys-accordion-background-color--header--hover)}.nys-accordionitem__heading:focus-visible{outline-offset:var(--_nys-accordion-outline-offset);outline:solid var(--_nys-accordion-outline-width) var(--_nys-accordion-outline-color)}.nys-accordionitem__heading .nys-accordionitem__heading-title{flex:1}.nys-accordionitem__content{height:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1) 0ms;visibility:hidden}.nys-accordionitem__content.expanded{visibility:visible}.nys-accordionitem__content-slot-container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--_nys-accordion-gap);align-self:stretch;padding:var(--_nys-accordionitem-padding);background-color:var(--_nys-accordionitem-background-color)}.nys-accordionitem__content-slot-container-text{max-width:var(--_nys-accordion-content-max-width)}.expand-icon{transition:all .3s cubic-bezier(.4,0,.2,1) 0ms}:host([expanded]) .expand-icon{transform:rotate(180deg)}:host([bordered][expanded]) .nys-accordionitem__heading{border-radius:var(--_nys-accordion-border-radius) var(--_nys-accordion-border-radius) 0 0}:host([bordered]) .nys-accordionitem__content-slot-container{border:var(--_nys-accordion-border-width) solid var(--_nys-accordion-border-color);border-radius:0 0 var(--_nys-accordion-border-radius) var(--_nys-accordion-border-radius)}.nys-accordion{display:flex;flex-direction:column;gap:var(--_nys-accordion-gap)}';
11
- var Gs = Object.defineProperty, tt = (r, e, t, s) => {
12
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
13
- (i = r[n]) && (o = i(e, t, o) || o);
14
- return o && Gs(e, t, o), o;
11
+ var Gs = Object.defineProperty, tt = (r, e, t, o) => {
12
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
13
+ (i = r[n]) && (s = i(e, t, s) || s);
14
+ return s && Gs(e, t, s), s;
15
15
  };
16
16
  let Qs = 0;
17
17
  const qt = class qt extends f {
@@ -108,10 +108,10 @@ tt([
108
108
  Dt(".nys-accordionitem__content")
109
109
  ], ve.prototype, "_contentContainer");
110
110
  customElements.get("nys-accordionitem") || customElements.define("nys-accordionitem", ve);
111
- var Xs = Object.defineProperty, Mt = (r, e, t, s) => {
112
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
113
- (i = r[n]) && (o = i(e, t, o) || o);
114
- return o && Xs(e, t, o), o;
111
+ var Xs = Object.defineProperty, Mt = (r, e, t, o) => {
112
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
113
+ (i = r[n]) && (s = i(e, t, s) || s);
114
+ return s && Xs(e, t, s), s;
115
115
  };
116
116
  let Js = 0;
117
117
  const Rt = class Rt extends f {
@@ -137,14 +137,14 @@ const Rt = class Rt extends f {
137
137
  }
138
138
  _getAccordionItems() {
139
139
  return (this.shadowRoot?.querySelector("slot")?.assignedElements() || []).filter(
140
- (s) => s.tagName.toLowerCase() === "nys-accordionitem"
140
+ (o) => o.tagName.toLowerCase() === "nys-accordionitem"
141
141
  );
142
142
  }
143
143
  _onAccordionToggle(e) {
144
144
  if (!this.singleSelect) return;
145
145
  const t = e.detail.id;
146
- e.detail.expanded && this._getAccordionItems().forEach((o) => {
147
- o.id !== t && o.expanded && (o.expanded = !1);
146
+ e.detail.expanded && this._getAccordionItems().forEach((s) => {
147
+ s.id !== t && s.expanded && (s.expanded = !1);
148
148
  });
149
149
  }
150
150
  _applyBordered() {
@@ -174,10 +174,10 @@ Mt([
174
174
  ], Oe.prototype, "bordered");
175
175
  customElements.get("nys-accordion") || customElements.define("nys-accordion", Oe);
176
176
  const eo = ':host{--_nys-alert-border-width: var(--nys-border-width-lg, 4px);--_nys-alert-border-radius: var(--nys-radius-md, 4px);--_nys-alert-color: var( --nys-alert-color, var(--nys-color-text, var(--nys-color-neutral-900, #1b1b1b)) );--_nys-alert-color--link: var( --nys-alert-color--link, var(--nys-color-link, var(--nys-color-blue-600, #004dd1)) );--_nys-alert-color--link--hover: var( --nys-alert-color--link--hover, var(--nys-color-link-strong, var(--nys-color-blue-700, #003ba1)) );--_nys-alert-color--link--active: var( --nys-alert-color--link--active, var(--nys-color-link-strongest, var(--nys-color-blue-800, #002971)) );--_nys-alert-padding: var(--nys-space-250, 20px);--_nys-alert-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-alert-font-size: var(--nys-font-size-ui-md, 16px);--_nys-alert-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-alert-letter-spacing: var( --nys-font-letterspacing-ui-md, var(--nys-font-letterspacing-400, .044px) );--_nys-alert-font-weight--regular: var(--nys-font-weight-regular, 400);--_nys-alert-font-weight--semibold: var(--nys-font-weight-semibold, 600);--_nys-alert-border-color: var( --nys-alert-border-color, var(--nys-color-base, var(--nys-color-neutral-600, #62666a)) );--_nys-alert-background-color: var( --nys-alert-background-color, var(--nys-color-base-weak, var(--nys-color-neutral-10, #f6f6f6)) );--_nys-alert-gap--icon: var(--nys-space-150, 12px);--_nys-alert-gap--text: var(--nys-space-50, 4px);--_nys-alert-gap--actions: var(--nys-space-150, 12px)}.nys-alert__container{display:flex;background-color:var(--_nys-alert-background-color);border-inline-start:var(--_nys-alert-border-width) solid var(--_nys-alert-border-color);border-radius:var(--_nys-alert-border-radius);color:var(--_nys-alert-color);padding:var(--_nys-alert-padding);font-style:normal;font-family:var(--_nys-alert-font-family);font-size:var(--_nys-alert-font-size);line-height:var(--_nys-alert-line-height);letter-spacing:var(--_nys-alert-letter-spacing);gap:var(--_nys-alert-gap--icon)}p{margin:0}::slotted(p){margin-bottom:0!important}.nys-alert__icon{margin-top:.5px}a,a:visited{font-weight:var(--_nys-alert-font-weight--semibold);font-size:var(--_nys-alert-font-size);color:var(--_nys-alert-color--link)}a:hover{color:var(--_nys-alert-color--link--hover)}a:active{color:var(--_nys-alert-color--link--active)}::slotted(a){color:var(--_nys-alert-color--link)}.nys-alert__texts{position:relative;display:flex;flex-direction:column;flex:1;gap:var(--_nys-alert-gap--text)}.nys-alert__header{margin:0;font-weight:var(--_nys-alert-font-weight--semibold)}.nys-alert__text{font-weight:var(--_nys-alert-font-weight--regular);margin:0}::slotted(*){font-weight:var(--_nys-alert-font-weight--regular);margin:0}.nys-alert--centered{display:flex;align-items:center}.nys-alert--centered .nys-alert__header{margin-bottom:-3px}.nys-alert--centered div[part=nys-alert__icon]{margin-top:0;display:flex;align-items:center;justify-content:center}.nys-alert__actions{display:flex;gap:var(--_nys-alert-gap--actions);flex-wrap:wrap}#dismiss-btn{margin-top:-8px}:host([type=info]){--_nys-alert-border-color: var( --nys-alert-border-color, var(--nys-color-info, var(--nys-color-blue-600, #004dd1)) );--_nys-alert-background-color: var( --nys-alert-background-color, var(--nys-color-info-weak, var(--nys-color-blue-50, #e5effa)) )}:host([type=success]){--_nys-alert-border-color: var( --nys-alert-border-color, var(--nys-color-success, var(--nys-color-green-600, #1e752e)) );--_nys-alert-background-color: var( --nys-alert-background-color, var(--nys-color-success-weak, var(--nys-color-green-50, #e8f1ea)) )}:host([type=warning]){--_nys-alert-border-color: var( --nys-alert-border-color, var(--nys-color-warning, var(--nys-color-yellow-400, #face00)) );--_nys-alert-background-color: var( --nys-alert-background-color, var(--nys-color-warning-weak, var(--nys-color-yellow-50, #fefae5)) )}:host([type=danger]){--_nys-alert-border-color: var( --nys-alert-border-color, var(--nys-color-danger, var(--nys-color-red-600, #b52c2c)) );--_nys-alert-background-color: var( --nys-alert-background-color, var(--nys-color-danger-weak, var(--nys-color-red-50, #f7eaea)) )}:host([type=emergency]){--_nys-alert-border-color: var( --nys-alert-border-color, var(--nys-color-emergency, var(--nys-color-red-800, #721c1c)) );--_nys-alert-background-color: var( --nys-alert-background-color, var(--nys-color-emergency, var(--nys-color-red-800, #721c1c)) );--_nys-alert-color: var( --nys-alert-color, var(--nys-color-text-reverse, var(--nys-color-white, #ffffff)) );--_nys-alert-color--link: var( --nys-alert-color--link, var(--nys-color-link-reverse-neutral, var(--nys-color-white, #ffffff)) );--_nys-alert-color--link--hover: var( --nys-alert-color--link--hover, var(--nys-color-link-reverse-neutral, var(--nys-color-white, #ffffff)) );--_nys-alert-color--link--active: var( --nys-alert-color--link--active, var(--nys-color-link-reverse-neutral, var(--nys-color-white, #ffffff)) )}:host([type=emergency]) a:hover{text-decoration-thickness:2px}:host([type=emergency]) a:active{text-decoration-thickness:3px}';
177
- var to = Object.defineProperty, K = (r, e, t, s) => {
178
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
179
- (i = r[n]) && (o = i(e, t, o) || o);
180
- return o && to(e, t, o), o;
177
+ var to = Object.defineProperty, K = (r, e, t, o) => {
178
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
179
+ (i = r[n]) && (s = i(e, t, s) || s);
180
+ return s && to(e, t, s), s;
181
181
  };
182
182
  let so = 0;
183
183
  const Pt = class Pt extends f {
@@ -243,7 +243,7 @@ const Pt = class Pt extends f {
243
243
  const e = this.shadowRoot?.querySelector("slot");
244
244
  if (e) {
245
245
  const t = e.assignedNodes({ flatten: !0 }).filter(
246
- (s) => s.nodeType === Node.ELEMENT_NODE || s.nodeType === Node.TEXT_NODE && s.textContent?.trim()
246
+ (o) => o.nodeType === Node.ELEMENT_NODE || o.nodeType === Node.TEXT_NODE && o.textContent?.trim()
247
247
  );
248
248
  await Promise.resolve(), this._slotHasContent = t.length > 0;
249
249
  } else
@@ -347,10 +347,10 @@ K([
347
347
  ], q.prototype, "_slotHasContent");
348
348
  customElements.get("nys-alert") || customElements.define("nys-alert", q);
349
349
  const oo = ":host{--_nys-avatar-border-radius: var(--nys-radius-round, 1776px);--_nys-avatar-size: var(--nys-avatar-size, var(--nys-font-size-6xl, 36px));--_nys-avatar-shape: var(--nys-radius-round, 1776px);--_nys-avatar-border-color: var(--nys-color-ink-reverse, #ffffff);--_nys-avatar-border-size: var(--nys-border-width-sm, 1px);--_nys-avatar-width: var(--nys-font-size-6xl, 36px);--_nys-avatar-color: var(--nys-color-theme, #154973);--_nys-avatar-background-color: var(--nys-color-theme-weaker, #eff6fb);--_nys-avatar-outline-color: var(--nys-color-focus, #004dd1);--_nys-avatar-outline-width: var(--nys-border-width-md, 2px);--_nys-avatar-outline-offset: var(--nys-space-2px, 2px)}.nys-avatar{display:inline-block}.nys-avatar__component{display:flex;justify-content:center;align-items:center;border-radius:var(--_nys-avatar-border-radius);width:var(--_nys-avatar-size);height:var(--_nys-avatar-size);font-size:var(--_nys-avatar-size);overflow:hidden;box-sizing:border-box;color:var(--_nys-avatar-color);background-color:var(--_nys-avatar-background-color);border:var(--_nys-avatar-border-size) solid var(--_nys-avatar-border-color);outline-offset:var(--_nys-avatar-outline-offset);transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none}:host([interactive]) .nys-avatar__component:hover,:host([interactive]) .nys-avatar__component:active{--_nys-avatar-color: var( --nys-color-text-reverse, --nys-color-ink-reverse, #ffffff );cursor:pointer}:host([interactive]) .nys-avatar__component:hover{--_nys-avatar-background-color: var(--nys-color-theme-mid, #457aa5)}:host([interactive]) .nys-avatar__component:active{--_nys-avatar-background-color: var(--nys-color-theme-strong, #0e324f)}:host([disabled]) .nys-avatar__component{--_nys-avatar-color: var(--nys-color-text-disabled, #bec0c1);--_nys-avatar-background-color: var(--nys-color-neutral-10, #f6f6f6);cursor:not-allowed}:host([disabled]) .nys-avatar__component:focus-within{outline:solid var(--_nys-avatar-outline-width) var(--_nys-avatar-outline-color)}div[part=nys-avatar__icon]{display:flex;align-items:center;justify-content:center}.nys-avatar__initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:calc(var(--_nys-avatar-width) * .5);font-weight:700;text-transform:uppercase}.nys-avatar__image{width:100%;height:100%;object-fit:cover}.nys-avatar__icon{width:100%;height:100%;fill:currentcolor}";
350
- var ro = Object.defineProperty, re = (r, e, t, s) => {
351
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
352
- (i = r[n]) && (o = i(e, t, o) || o);
353
- return o && ro(e, t, o), o;
350
+ var ro = Object.defineProperty, re = (r, e, t, o) => {
351
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
352
+ (i = r[n]) && (s = i(e, t, s) || s);
353
+ return s && ro(e, t, s), s;
354
354
  };
355
355
  let no = 0;
356
356
  const Ut = class Ut extends f {
@@ -372,7 +372,7 @@ const Ut = class Ut extends f {
372
372
  }
373
373
  await Promise.resolve();
374
374
  const t = e.assignedNodes({ flatten: !0 }).filter(
375
- (s) => s.nodeType === Node.ELEMENT_NODE || s.nodeType === Node.TEXT_NODE && s.textContent?.trim()
375
+ (o) => o.nodeType === Node.ELEMENT_NODE || o.nodeType === Node.TEXT_NODE && o.textContent?.trim()
376
376
  );
377
377
  this._slotHasContent = t.length > 0;
378
378
  }
@@ -387,7 +387,7 @@ const Ut = class Ut extends f {
387
387
  * @returns CSS color string for foreground
388
388
  */
389
389
  getContrastForeground() {
390
- const e = "var(--nys-color-ink, #000)", t = "var(--nys-color-ink-reverse, #fff)", s = "var(--nys-color-text, #000)", o = "var(--nys-color-text-reverse, #fff)";
390
+ const e = "var(--nys-color-ink, #000)", t = "var(--nys-color-ink-reverse, #fff)", o = "var(--nys-color-text, #000)", s = "var(--nys-color-text-reverse, #fff)";
391
391
  if (!this.color) return;
392
392
  const n = document.createElement("div");
393
393
  n.style.color = this.color, document.body.appendChild(n);
@@ -396,7 +396,7 @@ const Ut = class Ut extends f {
396
396
  const l = i.match(/\d+/g);
397
397
  if (!l) return;
398
398
  const c = Number(l[0]), h = Number(l[1]), u = Number(l[2]), v = (0.299 * c + 0.587 * h + 0.114 * u) / 255 < 0.5;
399
- return this.initials?.length > 0 ? v ? o : s : v ? t : e;
399
+ return this.initials?.length > 0 ? v ? s : o : v ? t : e;
400
400
  }
401
401
  render() {
402
402
  return d`
@@ -474,10 +474,10 @@ re([
474
474
  ], Y.prototype, "_slotHasContent");
475
475
  customElements.get("nys-avatar") || customElements.define("nys-avatar", Y);
476
476
  const io = ".nys-backtotop{--_nys-button-border-radius--start: var(--nys-radius-round, 1776px);--_nys-button-border-radius--end: var(--nys-radius-round, 1776px);--_nys-button-padding--y: var(--nys-space-100, 8px);--_nys-button-padding--x: var(--nys-space-200, 16px);position:fixed;bottom:1rem;right:1rem;z-index:9999;display:none}.left{left:1rem;right:auto}.visible{display:inline-flex}";
477
- var ao = Object.defineProperty, Ct = (r, e, t, s) => {
478
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
479
- (i = r[n]) && (o = i(e, t, o) || o);
480
- return o && ao(e, t, o), o;
477
+ var ao = Object.defineProperty, Ct = (r, e, t, o) => {
478
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
479
+ (i = r[n]) && (s = i(e, t, s) || s);
480
+ return s && ao(e, t, s), s;
481
481
  };
482
482
  const Tt = class Tt extends f {
483
483
  /**
@@ -542,10 +542,10 @@ Ct([
542
542
  ], $e.prototype, "forceVisible");
543
543
  customElements.get("nys-backtotop") || customElements.define("nys-backtotop", $e);
544
544
  const lo = ':host{--_nys-button-width: fit-content;--_nys-button-height: var(--nys-size-600, 48px);--_nys-button-border-radius--start: var(--nys-radius-xl, 12px);--_nys-button-border-radius--end: var(--nys-radius-xl, 12px);--_nys-button-padding--y: calc(var(--nys-space-150, 12px) - var(--nys-border-width-md, 2px));--_nys-button-padding--x: calc(var(--nys-space-250, 20px) - var(--nys-border-width-md, 2px));--_nys-button-gap: var(--nys-space-100, 8px);--_nys-button-justify-content: center;--_nys-button-border-width: var(--nys-border-width-md, 2px);--_nys-button-outline-width: var(--nys-border-width-md, 2px);--_nys-button-outline-offset: var(--nys-space-2px, 2px);--_nys-button-outline-color: var(--nys-color-focus, #004dd1);--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-theme, #154973));--_nys-button-color: var(--nys-button-color, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-theme, #154973));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-theme-strong, #0e324f));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-theme-strong, #0e324f));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-theme-stronger, #081b2b));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-theme-stronger, #081b2b));--_nys-button-background-color--disabled: var(--nys-color-neutral-10, #f6f6f6);--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var(--nys-color-neutral-10, #f6f6f6);--_nys-button-font-size: var(--nys-font-size-ui-md, 16px);--_nys-button-font-weight: var(--nys-font-weight-semibold, 600);--_nys-button-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-button-font-family: var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif));display:inline-flex;width:fit-content}:host([size=sm]){--_nys-button-height: var(--nys-size-500, 40px);--_nys-button-padding--y: calc(var(--nys-space-100, 8px) - var(--nys-border-width-md, 2px));--_nys-button-padding--x: calc(var(--nys-space-200, 16px) - var(--nys-border-width-md, 2px))}:host([size=md]){--_nys-button-height: var(--nys-size-600, 48px);--_nys-button-padding--y: calc(var(--nys-space-150, 12px) - var(--nys-border-width-md, 2px));--_nys-button-padding--x: calc(var(--nys-space-250, 20px) - var(--nys-border-width-md, 2px))}:host([size=lg]){--_nys-button-height: var(--nys-size-700, 56px);--_nys-button-padding--y: calc(var(--nys-space-200, 16px) - var(--nys-border-width-md, 2px));--_nys-button-padding--x: calc(var(--nys-space-300, 24px) - var(--nys-border-width-md, 2px))}:host([fullWidth]){width:100%}:host([fullWidth]) .nys-button{width:100%}:host([variant=filled]){--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-theme, #154973));--_nys-button-color: var(--nys-button-color, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-theme-strong, #0e324f));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-text-reverse, #ffffff));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-theme-stronger, #081b2b));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-text-reverse, #ffffff));--_nys-button-background-color--disabled: var(--nys-color-neutral-10, #f6f6f6);--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1)}:host([variant=outline]){--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-surface, #ffffff));--_nys-button-color: var(--nys-button-color, var(--nys-color-theme, #154973));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-theme, #154973));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-theme-weaker, #eff6fb));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-theme, #154973));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-theme, #154973));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-theme-weak, #cddde9));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-theme, #154973));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-theme, #154973));--_nys-button-background-color--disabled: var(--nys-color-surface, #ffffff);--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var(--nys-color-neutral-100, #d0d0ce)}:host([variant=text]){--_nys-button-height: fit-content;--_nys-button-border-radius--start: var(--nys-radius-md, 4px);--_nys-button-border-radius--end: var(--nys-radius-md, 4px);--_nys-button-padding--y: var(--nys-space-2px, 2px);--_nys-button-padding--x: var(--nys-space-50, 4px);--_nys-button-border-width: 0px;--_nys-button-text-decoration: underline;--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-transparent, #ffffff00));--_nys-button-color: var(--nys-button-color, var(--nys-color-link, #004dd1));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-transparent, #ffffff00));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-link-strong, #003ba1));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-transparent, #ffffff00));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-link-strongest, #002971));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--disabled: var(--nys-color-transparent, #ffffff00);--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var(--nys-color-transparent, #ffffff00)}:host([variant=ghost]){--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-transparent, #ffffff00));--_nys-button-color: var(--nys-button-color, var(--nys-color-text, #1b1b1b));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-black-transparent-100, #0000001a));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-text, #1b1b1b));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-black-transparent-200, #00000033));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-text, #1b1b1b));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--disabled: var(--nys-color-transparent, #ffffff00);--_nys-button-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-button-border-color--disabled: var(--nys-color-transparent, #ffffff00)}:host([variant=filled][inverted]){--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-surface, #ffffff));--_nys-button-color: var(--nys-button-color, var(--nys-color-text, #1b1b1b));--_nys-button-border-color--disabled: var(--nys-color-transparent, #ffffff00);--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-neutral-100, #d0d0ce));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-text, #1b1b1b));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-neutral-300, #a7a9ab));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-text, #1b1b1b));--_nys-button-background-color--disabled: var(--nys-color-text, #1b1b1b);--_nys-button-color--disabled: var(--nys-color-text-disabled, #62666a)}:host([variant=outline][inverted]){--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-surface-reverse, #1b1b1b));--_nys-button-color: var(--nys-button-color, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-ink-reverse, #ffffff));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-surface-reverse, #1b1b1b));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-text-reverse-weak, #d0d0ce));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-neutral-100, #d0d0ce));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-surface-reverse, #1b1b1b));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-text-reverse-weaker, #bec0c1));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-neutral-300, #a7a9ab));--_nys-button-background-color--disabled: var(--nys-color-surface-reverse, #1b1b1b);--_nys-button-color--disabled: var(--nys-color-text-reverse-disabled, #62666a);--_nys-button-border-color--disabled: var(--nys-color-neutral-600, #62666a)}:host([variant=text][inverted]){--_nys-button-height: fit-content;--_nys-button-border-radius--start: var(--nys-radius-md, 4px);--_nys-button-border-radius--end: var(--nys-radius-md, 4px);--_nys-button-padding--y: var(--nys-space-2px, 2px);--_nys-button-padding--x: var(--nys-space-50, 4px);--_nys-button-border-width: 0px;--_nys-button-text-decoration: underline;--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-transparent, #ffffff00));--_nys-button-color: var(--nys-button-color, var(--nys-color-link-reverse, #a7a9ab));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-transparent, #ffffff00));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-link-reverse-strong, #ededed));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-transparent, #ffffff00));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-reverse-strongest, #ffffff));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--disabled: var(--nys-color-transparent, #ffffff00);--_nys-button-color--disabled: var(--nys-color-text-reverse-disabled, #62666a);--_nys-button-border-color--disabled: var(--nys-color-transparent, #ffffff00)}:host([variant=ghost][inverted]){--_nys-button-background-color: var(--nys-button-background-color, var(--nys-color-transparent, #ffffff00));--_nys-button-color: var(--nys-button-color, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color: var(--nys-button-border-color, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--hover: var(--nys-button-background-color--hover, var(--nys-color-white-transparent-200, #ffffff33));--_nys-button-color--hover: var(--nys-button-color--hover, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color--hover: var(--nys-button-border-color--hover, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--active: var(--nys-button-background-color--active, var(--nys-color-white-transparent-300, #ffffff4d));--_nys-button-color--active: var(--nys-button-color--active, var(--nys-color-text-reverse, #ffffff));--_nys-button-border-color--active: var(--nys-button-border-color--active, var(--nys-color-transparent, #ffffff00));--_nys-button-background-color--disabled: var(--nys-color-transparent, #ffffff00);--_nys-button-color--disabled: var(--nys-color-text-disabled, #62666a);--_nys-button-border-color--disabled: var(--nys-color-transparent, #ffffff00)}:host([circle]){--_nys-button-width: var(--_nys-button-height);--_nys-button-border-radius--start: var(--nys-radius-round, 1776px);--_nys-button-border-radius--end: var(--nys-radius-round, 1776px);--_nys-button-padding--y: 0;--_nys-button-padding--x: 0}.nys-button{width:var(--_nys-button-width);min-height:var(--_nys-button-height);border-start-start-radius:var(--_nys-button-border-radius--start);border-end-start-radius:var(--_nys-button-border-radius--start);border-start-end-radius:var(--_nys-button-border-radius--end);border-end-end-radius:var(--_nys-button-border-radius--end);padding:var(--_nys-button-padding--y) var(--_nys-button-padding--x);display:flex;align-items:center;justify-content:var(--_nys-button-justify-content);gap:var(--_nys-button-gap);font-family:var(--_nys-button-font-family);font-size:var(--_nys-button-font-size);font-weight:var(--_nys-button-font-weight);line-height:var(--_nys-button-line-height);text-decoration:var(--_nys-button-text-decoration);box-sizing:border-box;background-color:var(--_nys-button-background-color);color:var(--_nys-button-color);border:solid var(--_nys-button-border-width) var(--_nys-button-border-color);cursor:var(--_nys-button-cursor, pointer)}:host([circle]) .nys-button{max-width:var(--_nys-button-height);max-height:var(--_nys-button-height)}.nys-button:hover{background-color:var(--_nys-button-background-color--hover);color:var(--_nys-button-color--hover);border-color:var(--_nys-button-border-color--hover)}.nys-button:active{background-color:var(--_nys-button-background-color--active);color:var(--_nys-button-color--active);border-color:var(--_nys-button-border-color--active)}.nys-button:disabled,a[disabled]{background-color:var(--_nys-button-background-color--disabled);color:var(--_nys-button-color--disabled);border-color:var(--_nys-button-border-color--disabled);cursor:not-allowed}.nys-button__linkwrapper:has([disabled]){cursor:not-allowed;width:fit-content}a[disabled]{pointer-events:none}a[disabled]:hover{background-color:var(--_nys-button-background-color--disabled);color:var(--_nys-button-color--disabled);border-color:var(--_nys-button-border-color--disabled)}.nys-button *{cursor:var(--_nys-button-cursor, pointer)}.nys-button:disabled *{cursor:not-allowed}.nys-button:focus-visible{outline-offset:var(--_nys-button-outline-offset);outline:solid var(--_nys-button-outline-width) var(--_nys-button-outline-color)}.nys-button__text{display:flex;align-items:center;-webkit-user-select:none;user-select:none}';
545
- var co = Object.defineProperty, D = (r, e, t, s) => {
546
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
547
- (i = r[n]) && (o = i(e, t, o) || o);
548
- return o && co(e, t, o), o;
545
+ var co = Object.defineProperty, D = (r, e, t, o) => {
546
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
547
+ (i = r[n]) && (s = i(e, t, s) || s);
548
+ return s && co(e, t, s), s;
549
549
  };
550
550
  let ho = 0;
551
551
  const Fe = class Fe extends f {
@@ -588,17 +588,23 @@ const Fe = class Fe extends f {
588
588
  * --------------------------------------------------------------------------
589
589
  */
590
590
  _handleFocus() {
591
- this.dispatchEvent(new Event("nys-focus"));
591
+ this.dispatchEvent(
592
+ new Event("nys-focus", { bubbles: !0, composed: !0 })
593
+ );
592
594
  }
593
595
  _handleBlur() {
594
- this.shadowRoot?.querySelector(".nys-button")?.classList.remove("active-focus"), this.dispatchEvent(new Event("nys-blur"));
596
+ this.shadowRoot?.querySelector(".nys-button")?.classList.remove("active-focus"), this.dispatchEvent(
597
+ new Event("nys-blur", { bubbles: !0, composed: !0 })
598
+ );
595
599
  }
596
600
  _handleClick(e) {
597
601
  if (this.disabled) {
598
602
  e.preventDefault();
599
603
  return;
600
604
  }
601
- this._manageFormAction(), this.dispatchEvent(new Event("nys-click"));
605
+ this._manageFormAction(), this.dispatchEvent(
606
+ new Event("nys-click", { bubbles: !0, composed: !0 })
607
+ );
602
608
  }
603
609
  _handleKeydown(e) {
604
610
  if (e.code === "Space" || e.code === "Enter" || e.key === " " || e.key === "Enter") {
@@ -774,10 +780,10 @@ D([
774
780
  ], w.prototype, "target");
775
781
  customElements.get("nys-button") || customElements.define("nys-button", w);
776
782
  const uo = ':host{--_nys-badge-width: fit-content;--_nys-badge-height: var(--nys-size-600, 48px);--_nys-badge-radius: var(--nys-radius-round, 1776px);--_nys-badge-padding: var(--nys-space-2-px, 2px) var(--nys-space-100, 8px);--_nys-badge-gap: var(--nys-space-50, 4px);--_nys-badge-color: var(--nys-color-ink, #000000);--_nys-badge-background-color: var(--nys-color-base-weak, #f6f6f6);--_nys-badge-border-color: var(--nys-color-base, #62666a);--_nys-badge-border-width: var(--nys-border-width-sm, 1px);--_nys-badge-font-size: var(--nys-font-size-ui-sm, 14px);--_nys-badge-font-weight: var(--nys-font-weight-semibold, 600);--_nys-badge-line-height: var(--nys-font-lineheight-ui-sm, 24px);--_nys-badge-font-family: var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif));--_nys-badge-prefix-font-weight: var(--nys-font-weight-regular, 400)}:host([size=sm]){--_nys-badge-font-size: var(--nys-font-size-ui-xs, 12px);--_nys-badge-line-height: var(--nys-font-lineheight-ui-xs, 20px)}:host([intent=neutral]){--_nys-badge-background-color: var(--nys-color-base-weak, #f6f6f6);--_nys-badge-border-color: var(--nys-color-base, #62666a)}:host([intent=error]){--_nys-badge-background-color: var(--nys-color-error-weak, #f7eaea);--_nys-badge-border-color: var(--nys-color-error-strong, #721c1c)}:host([intent=success]){--_nys-badge-background-color: var(--nys-color-success-weak, #e8f1ea);--_nys-badge-border-color: var(--nys-color-success-strong, #0f3d18)}:host([intent=warning]){--_nys-badge-background-color: var(--nys-color-warning-weak, #fefae5);--_nys-badge-border-color: var(--nys-color-warning-strong, #6a5700)}:host([variant=strong]){--_nys-badge-background-color: var(--_nys-badge-border-color);--_nys-badge-color: var(--nys-color-white, #ffffff)}:host([variant=strong]) .nys-badge{--nys-icon-color: var(--nys-color-white, #ffffff)}:host([variant=strong][intent=success]){--_nys-badge-border-color: var(--nys-color-success, #1E752E)}:host([variant=strong][intent=warning]){--_nys-badge-border-color: var(--nys-color-warning, #FACE00);--_nys-badge-color: var(--nys-color-ink, #000000)}:host([variant=strong][intent=warning]) .nys-badge{--nys-icon-color: var(--nys-color-ink, #000000)}.nys-badge{display:flex;width:fit-content;align-items:center;justify-content:center;gap:var(--_nys-badge-gap);padding:var(--_nys-badge-padding);border:var(--_nys-badge-border-width) solid var(--_nys-badge-border-color);background-color:var(--_nys-badge-background-color);color:var(--_nys-badge-color);border-radius:var(--_nys-badge-radius);font-family:var(--_nys-badge-font-family);font-size:var(--_nys-badge-font-size);font-weight:var(--_nys-badge-font-weight);line-height:var(--_nys-badge-line-height);cursor:default;--nys-icon-color: var(--_nys-badge-border-color)}.nys-badge__prefix{font-weight:var(--_nys-badge-prefix-font-weight)}';
777
- var po = Object.defineProperty, yo = Object.getOwnPropertyDescriptor, he = (r, e, t, s) => {
778
- for (var o = s > 1 ? void 0 : s ? yo(e, t) : e, n = r.length - 1, i; n >= 0; n--)
779
- (i = r[n]) && (o = (s ? i(e, t, o) : i(o)) || o);
780
- return s && o && po(e, t, o), o;
783
+ var po = Object.defineProperty, yo = Object.getOwnPropertyDescriptor, he = (r, e, t, o) => {
784
+ for (var s = o > 1 ? void 0 : o ? yo(e, t) : e, n = r.length - 1, i; n >= 0; n--)
785
+ (i = r[n]) && (s = (o ? i(e, t, s) : i(s)) || s);
786
+ return o && s && po(e, t, s), s;
781
787
  };
782
788
  let fo = 0;
783
789
  var ye;
@@ -863,10 +869,10 @@ he([
863
869
  let vo = ne;
864
870
  customElements.get("nys-badge") || customElements.define("nys-badge", vo);
865
871
  const xs = ':host{--_nys-checkbox-size: var(--nys-size-400, 32px);--_nys-checkbox-border-radius: var(--nys-radius-md, 4px);--_nys-checkbox-border-width: var(--nys-border-width-md, 2px);--_nys-checkbox-outline-color: var(--nys-color-focus, #004dd1);--_nys-checkbox-outline-width: var(--nys-border-width-md, 2px);--_nys-checkbox-outline-offset: var(--nys-space-2px, 2px);--_nys-checkbox-gap: var(--nys-space-150, 12px);--_nys-checkboxgroup-gap: var(--nys-space-200, 16px);--_nys-checkbox-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-checkbox-font-size: var(--nys-font-size-ui-md, 16px);--_nys-checkbox-font-weight: var(--nys-font-weight-regular, 400);--_nys-checkbox-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-checkbox-color: var( --nys-color-ink, var(--nys-color-neutral-900, #1b1b1b) );--_nys-checkbox-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-checkbox-border-color: var(--nys-color-neutral-600, #62666a);--_nys-checkbox-background-color--hover: var(--nys-color-neutral-50, #ededed);--_nys-checkbox-border-color--hover: var(--nys-color-ink, #1b1b1b);--_nys-checkbox-background-color--active: var( --nys-color-neutral-100, #d0d0ce );--_nys-checkbox-border-color--active: var(--nys-color-ink, #1b1b1b);--_nys-checkbox-background-color--checked: var(--nys-color-theme, #154973);--_nys-checkbox-border-color--checked: var(--nys-color-theme, #154973);--_nys-checkbox-background-color--checked--hover: var( --nys-color-theme-strong, #0e324f );--_nys-checkbox-border-color--checked--hover: var( --nys-color-theme-strong, #0e324f );--_nys-checkbox-background-color--checked--active: var( --nys-color-theme-stronger, #081b2b );--_nys-checkbox-border-color--checked--active: var( --nys-color-theme-stronger, #081b2b );--_nys-checkbox-background-color--disabled: var( --nys-color-ink-reverse, #f0f0f0 );--_nys-checkbox-border-color--disabled: var(--nys-color-neutral-400, #757575);--_nys-checkbox-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-checkbox-background-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce );--_nys-checkbox-border-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce )}:host([size=sm]){--_nys-checkbox-size: var(--nys-size-300, 24px);--_nys-checkbox-border-radius: var(--nys-radius-sm, 2px);--_nys-checkboxgroup-gap: var(--nys-space-100, 8px);--_nys-checkbox-gap: var(--nys-space-100, 8px)}:host([size=md]){--_nys-checkbox-size: var(--nys-size-400, 32px);--_nys-checkbox-border-radius: var(--nys-radius-md, 4px)}:host([tile]){--_nys-checkbox-border-width--tile: var(--nys-border-width-sm, 1px);--_nys-checkbox-border-radius--tile: var(--nys-radius-md, 4px);--_nys-checkbox-border-color--tile: var(--nys-color-neutral-100, #d0d0ce);--_nys-checkbox-background-color--tile: var(--nys-color-ink-reverse, #ffffff);--_nys-checkbox-padding--x--tile: var(--nys-space-250, 20px);--_nys-checkbox-padding--y--tile: var(--nys-space-200, 16px);--_nys-checkbox-border-color--tile--hover: var( --nys-color-neutral-700, #4a4d4f );--_nys-checkbox-background-color--tile--hover: var( --nys-color-ink-reverse, #ffffff );--_nys-checkbox-border-color--tile--active: var( --nys-color-neutral-900, #1b1b1b );--_nys-checkbox-background-color--tile--active: var( --nys-color-ink-reverse, #ffffff );--_nys-checkbox-border-color--tile--checked: var( --nys-color-theme-mid, #457aa5 );--_nys-checkbox-background-color--tile--checked: var( --nys-color-theme-faint, #f7fafd );--_nys-checkbox-background-color--tile--disabled: var( --nys-color-ink-reverse, #f0f0f0 );--_nys-checkbox-border-color--tile--disabled: var( --nys-color-neutral-100, #d0d0ce )}:host([tile][size=sm]){--_nys-checkbox-padding--x--tile: var(--nys-space-200, 16px);--_nys-checkbox-padding--y--tile: var(--nys-space-150, 12px)}:host([tile][showError]){--_nys-checkbox-border-color--tile: var(--nys-color-danger, #b52c2c);--_nys-checkbox-border-color--tile--hover: var(--nys-color-danger, #b52c2c);--_nys-checkbox-border-color--tile--active: var(--nys-color-danger, #b52c2c);--_nys-checkbox-border-color--tile--checked: var(--nys-color-danger, #b52c2c)}#single-error-message{--_nys-errormessage-margin-top: var(--nys-space-50, 4px)}.nys-checkboxgroup{display:flex;flex-direction:column;gap:var(--nys-space-200, 16px);font-family:var(--_nys-checkbox-font-family);font-size:var(--_nys-checkbox-font-size);line-height:var(--_nys-checkbox-line-height)}.nys-checkboxgroup__content{display:flex;flex-direction:column;gap:var(--_nys-checkboxgroup-gap)}.nys-checkbox{display:flex;flex-direction:column;border-radius:var(--_nys-checkbox-border-radius--tile);border:var(--_nys-checkbox-border-width--tile) solid var(--_nys-checkbox-border-color--tile);background:var(--_nys-checkbox-background-color--tile);padding:var(--_nys-checkbox-padding--y--tile) var(--_nys-checkbox-padding--x--tile)}.nys-checkbox .nys-checkbox__main-container{display:flex;font-family:var(--_nys-checkbox-font-family);font-size:var(--_nys-checkbox-font-size);line-height:var(--_nys-checkbox-line-height);align-items:center;gap:var(--_nys-checkbox-gap)}.nys-checkbox .nys-checkbox__main-container.has-description{align-items:flex-start}.nys-checkbox__checkbox-wrapper{position:relative;display:flex;justify-content:center;align-items:center;max-height:var(--_nys-checkbox-size)}.nys-checkbox__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;color:var(--nys-color-ink-reverse, #ffffff)}.nys-checkbox__checkbox{appearance:none;background-repeat:no-repeat;background-position:center;width:var(--_nys-checkbox-size);min-width:var(--_nys-checkbox-size);min-height:var(--_nys-checkbox-size);height:var(--_nys-checkbox-size);max-width:var(--_nys-checkbox-size);max-height:var(--_nys-checkbox-size);border:solid var(--_nys-checkbox-border-width) var(--_nys-checkbox-border-color);background-color:var(--_nys-checkbox-background-color);border-radius:var(--_nys-checkbox-border-radius);outline-offset:var(--_nys-checkbox-outline-offset);outline:none;margin:0}.nys-checkbox:hover,.nys-checkbox:hover *{cursor:pointer}.nys-checkbox__checkbox:not(:disabled):checked{background-color:var(--_nys-checkbox-background-color--checked);border-color:var(--_nys-checkbox-border-color--checked)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:not(:disabled):checked){border-color:var(--_nys-checkbox-border-color--tile--checked);background-color:var(--_nys-checkbox-background-color--tile--checked)}.nys-checkbox__checkbox:disabled:checked{background-color:var(--_nys-checkbox-background-color--checked--disabled);border-color:var(--_nys-checkbox-border-color--checked--disabled)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:disabled:checked){border-color:var(--_nys-checkbox-border-color--tile--disabled);background-color:var(--_nys-checkbox-background-color--tile--disabled)}.nys-checkbox__checkbox:disabled{background-color:var(--_nys-checkbox-background-color--disabled);border-color:var(--_nys-checkbox-border-color--disabled);cursor:not-allowed}.nys-checkbox:has(.nys-checkbox__checkbox:disabled) *{color:var(--_nys-checkbox-color--disabled);cursor:not-allowed;--_nys-label-cursor: not-allowed;--_nys-label-color: var(--_nys-checkbox-color--disabled)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:disabled){background-color:var(--_nys-checkbox-background-color--disabled);border-color:var(--_nys-checkbox-border-color--disabled);cursor:not-allowed}.nys-checkbox:hover .nys-checkbox__checkbox:not(:disabled):not(:checked),.nys-checkbox__checkbox:hover:not(:disabled):not(:checked){background-color:var(--_nys-checkbox-background-color--hover);border-color:var(--_nys-checkbox-border-color--hover)}:host([tile]) .nys-checkbox:hover:has(.nys-checkbox__checkbox:not(:disabled):not(:checked)){border-color:var(--_nys-checkbox-border-color--tile--hover);background-color:var(--_nys-checkbox-background-color--tile--hover);outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-border-color--tile--hover)}.nys-checkbox:hover .nys-checkbox__checkbox:not(:disabled):checked,.nys-checkbox__checkbox:hover:not(:disabled):checked{border-color:var(--_nys-checkbox-border-color--checked--hover);background-color:var(--_nys-checkbox-background-color--checked--hover)}:host([tile]) .nys-checkbox:hover:has(.nys-checkbox__checkbox:not(:disabled):checked){outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-border-color--tile--checked)}.nys-checkbox:active .nys-checkbox__checkbox:not(:disabled):not(:checked),.nys-checkbox__checkbox:active:not(:disabled):not(:checked){background-color:var(--_nys-checkbox-background-color--active);border-color:var(--_nys-checkbox-border-color--active)}:host([tile]) .nys-checkbox:has(.nys-checkbox__checkbox:active:not(:disabled):not(:checked)){border-color:var(--_nys-checkbox-border-color--tile--active);background-color:var(--_nys-checkbox-background-color--tile--active);outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-border-color--tile--active)}.nys-checkbox:active .nys-checkbox__checkbox:not(:disabled):checked,.nys-checkbox__checkbox:active:not(:disabled):checked{border-color:var(--_nys-checkbox-border-color--checked--active);background-color:var(--_nys-checkbox-background-color--checked--active)}:host(:not([tile])) .nys-checkbox__checkbox:focus-visible{outline:solid var(--_nys-checkbox-outline-width) var(--_nys-checkbox-outline-color)}:host([tile]) .nys-checkbox:has(*:focus-visible){outline:solid var(--_nys-checkbox-border-width--tile) var(--_nys-checkbox-outline-color)!important;border-color:var(--_nys-checkbox-outline-color)!important}:host(:not([tile])) .nys-checkbox__main-container>nys-label{--_nys-label-font-weight: var(--_nys-checkbox-font-weight)}:host([tile]) .nys-checkbox__main-container>nys-label{--_nys-description-font-style: normal}.nys-checkbox__required{color:var(--nys-color-danger, #b52c2c)}.nys-checkbox__requiredwrapper{display:flex;gap:3px}fieldset{all:unset;display:contents}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.nys-checkbox__other-container{display:flex;padding-inline-start:calc(var(--_nys-checkbox-size) + var(--_nys-checkbox-gap))}';
866
- var bo = Object.defineProperty, P = (r, e, t, s) => {
867
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
868
- (i = r[n]) && (o = i(e, t, o) || o);
869
- return o && bo(e, t, o), o;
872
+ var bo = Object.defineProperty, P = (r, e, t, o) => {
873
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
874
+ (i = r[n]) && (s = i(e, t, s) || s);
875
+ return s && bo(e, t, s), s;
870
876
  };
871
877
  let go = 0;
872
878
  const Ne = class Ne extends f {
@@ -903,11 +909,11 @@ const Ne = class Ne extends f {
903
909
  }
904
910
  // Initial update on checkbox required attribute
905
911
  async _setupCheckboxRequired() {
906
- const e = this.querySelector("nys-checkbox"), t = this.errorMessage || "This field is required", s = e ? await e.getInputElement() : null;
912
+ const e = this.querySelector("nys-checkbox"), t = this.errorMessage || "This field is required", o = e ? await e.getInputElement() : null;
907
913
  this._internals.setValidity(
908
914
  { valueMissing: !0 },
909
915
  t,
910
- s || this
916
+ o || this
911
917
  );
912
918
  }
913
919
  // Updates the required attribute of each checkbox in the group
@@ -915,11 +921,11 @@ const Ne = class Ne extends f {
915
921
  if (!this.required) return;
916
922
  const e = this.errorMessage || "You must make a selection to proceed.", t = Array.from(
917
923
  this.querySelectorAll("nys-checkbox")
918
- ), s = this._hasAtLeastOneChecked(), o = t ? await t[0].getInputElement().catch(() => null) : null;
919
- this._internals.setValidity({}), this.showError = !1, s ? this._hasOtherError && this._otherErrorCheckbox && (this._setCustomOtherError(), this.showError = !0) : this._hasOtherError ? (this._setCustomOtherError(), this.showError = !0) : (this._internals.setValidity(
924
+ ), o = this._hasAtLeastOneChecked(), s = t ? await t[0].getInputElement().catch(() => null) : null;
925
+ this._internals.setValidity({}), this.showError = !1, o ? this._hasOtherError && this._otherErrorCheckbox && (this._setCustomOtherError(), this.showError = !0) : this._hasOtherError ? (this._setCustomOtherError(), this.showError = !0) : (this._internals.setValidity(
920
926
  { valueMissing: !0 },
921
927
  e,
922
- o ?? this
928
+ s ?? this
923
929
  ), this.showError = !0);
924
930
  }
925
931
  _setCustomOtherError() {
@@ -961,7 +967,7 @@ const Ne = class Ne extends f {
961
967
  const t = this.shadowRoot?.querySelector(
962
968
  'slot[name="description"]'
963
969
  )?.assignedNodes({ flatten: !0 }) || [];
964
- this._slottedDescriptionText = t.map((s) => s.textContent?.trim()).filter(Boolean).join(", ");
970
+ this._slottedDescriptionText = t.map((o) => o.textContent?.trim()).filter(Boolean).join(", ");
965
971
  }
966
972
  // This callback is automatically called when the parent form is reset.
967
973
  formResetCallback() {
@@ -971,25 +977,25 @@ const Ne = class Ne extends f {
971
977
  }
972
978
  async _handleInvalid(e) {
973
979
  if (e.preventDefault(), this._internals.validity.customError) {
974
- const s = Array.from(
980
+ const o = Array.from(
975
981
  this.querySelectorAll("nys-checkbox")
976
982
  ).find(
977
- (o) => o.other && o.checked
983
+ (s) => s.other && s.checked
978
984
  );
979
- if (s) {
980
- const o = s.shadowRoot?.querySelector("nys-textinput");
981
- if (o) {
982
- await o.updateComplete, o.focus();
985
+ if (o) {
986
+ const s = o.shadowRoot?.querySelector("nys-textinput");
987
+ if (s) {
988
+ await s.updateComplete, s.focus();
983
989
  return;
984
990
  }
985
991
  }
986
992
  }
987
993
  if (this._internals.validity.valueMissing) {
988
994
  this.showError = !0, this._manageRequire();
989
- const t = this.querySelector("nys-checkbox"), s = t ? await t.getInputElement() : null;
990
- if (s) {
991
- const o = this._internals.form;
992
- o ? Array.from(o.elements).find((l) => {
995
+ const t = this.querySelector("nys-checkbox"), o = t ? await t.getInputElement() : null;
996
+ if (o) {
997
+ const s = this._internals.form;
998
+ s ? Array.from(s.elements).find((l) => {
993
999
  if (l.tagName.toLowerCase() === "nys-checkboxgroup") {
994
1000
  if (Array.from(
995
1001
  this.querySelectorAll("nys-checkbox")
@@ -999,7 +1005,7 @@ const Ne = class Ne extends f {
999
1005
  return l;
1000
1006
  } else
1001
1007
  return typeof l.checkValidity == "function" && !l.checkValidity();
1002
- }) === this && s.focus() : s.focus();
1008
+ }) === this && o.focus() : o.focus();
1003
1009
  }
1004
1010
  }
1005
1011
  }
@@ -1009,10 +1015,10 @@ const Ne = class Ne extends f {
1009
1015
  */
1010
1016
  // Similar to how native forms handle multiple same-name fields, we group the selected values into a list for FormData.
1011
1017
  _handleCheckboxChange(e) {
1012
- const t = e, { name: s } = t.detail, o = Array.from(
1018
+ const t = e, { name: o } = t.detail, s = Array.from(
1013
1019
  this.querySelectorAll("nys-checkbox")
1014
- ), n = o.filter((i) => i.checked).map((i) => i.value);
1015
- this.name = s, this._internals.setFormValue(n.join(", ")), this._checkOtherInputs(o), this._hasOtherError || this._manageRequire();
1020
+ ), n = s.filter((i) => i.checked).map((i) => i.value);
1021
+ this.name = o, this._internals.setFormValue(n.join(", ")), this._checkOtherInputs(s), this._hasOtherError || this._manageRequire();
1016
1022
  }
1017
1023
  async _handleChildError(e) {
1018
1024
  e.stopPropagation();
@@ -1020,16 +1026,16 @@ const Ne = class Ne extends f {
1020
1026
  t && (this._hasOtherError = !0, this._otherErrorCheckbox = t, this.showError = !0, this._setCustomOtherError());
1021
1027
  }
1022
1028
  _handleChildErrorClear(e) {
1023
- const s = e.detail?.sourceCheckbox;
1024
- this._otherErrorCheckbox && s !== this._otherErrorCheckbox || (this._internals.setValidity({}), this.showError = !1, this.required && !this._hasAtLeastOneChecked() && this._manageRequire());
1029
+ const o = e.detail?.sourceCheckbox;
1030
+ this._otherErrorCheckbox && o !== this._otherErrorCheckbox || (this._internals.setValidity({}), this.showError = !1, this.required && !this._hasAtLeastOneChecked() && this._manageRequire());
1025
1031
  }
1026
1032
  async _checkOtherInputs(e) {
1027
1033
  for (const t of e)
1028
1034
  if (t.checked && t.other) {
1029
- const s = t.value.trim();
1035
+ const o = t.value.trim();
1030
1036
  if (!t._hasUserInteracted)
1031
1037
  continue;
1032
- if (!s || s === "") {
1038
+ if (!o || o === "") {
1033
1039
  this._hasOtherError = !0, this._otherErrorCheckbox = t, this._setCustomOtherError(), this.showError = !0;
1034
1040
  return;
1035
1041
  }
@@ -1119,10 +1125,10 @@ P([
1119
1125
  _()
1120
1126
  ], z.prototype, "_otherErrorCheckbox");
1121
1127
  customElements.get("nys-checkboxgroup") || customElements.define("nys-checkboxgroup", z);
1122
- var _o = Object.defineProperty, A = (r, e, t, s) => {
1123
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
1124
- (i = r[n]) && (o = i(e, t, o) || o);
1125
- return o && _o(e, t, o), o;
1128
+ var _o = Object.defineProperty, A = (r, e, t, o) => {
1129
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
1130
+ (i = r[n]) && (s = i(e, t, s) || s);
1131
+ return s && _o(e, t, s), s;
1126
1132
  };
1127
1133
  let mo = 0;
1128
1134
  const je = class je extends f {
@@ -1132,8 +1138,8 @@ const je = class je extends f {
1132
1138
  const e = this.shadowRoot?.querySelector(
1133
1139
  ".nys-checkbox__main-container"
1134
1140
  ), t = this.shadowRoot?.querySelector("input");
1135
- !e || !t || e.addEventListener("click", (s) => {
1136
- s.target.tagName.toLowerCase() !== "input" && (this.disabled || (t.click(), t.focus()));
1141
+ !e || !t || e.addEventListener("click", (o) => {
1142
+ o.target.tagName.toLowerCase() !== "input" && (this.disabled || (t.click(), t.focus()));
1137
1143
  });
1138
1144
  }, this._handleResize = () => {
1139
1145
  this.isMobile = window.innerWidth < 480;
@@ -1176,8 +1182,8 @@ const je = class je extends f {
1176
1182
  const e = this.shadowRoot?.querySelector("input");
1177
1183
  if (!e) return;
1178
1184
  const t = e.validity;
1179
- let s = "";
1180
- t.valueMissing && (s = "This field is required"), this._setValidityMessage(s);
1185
+ let o = "";
1186
+ t.valueMissing && (o = "This field is required"), this._setValidityMessage(o);
1181
1187
  }
1182
1188
  // Called automatically when the parent form is reset
1183
1189
  formResetCallback() {
@@ -1200,8 +1206,8 @@ const je = class je extends f {
1200
1206
  e.preventDefault(), this.showError = !0, this._validate();
1201
1207
  const t = this.shadowRoot?.querySelector("input");
1202
1208
  if (t) {
1203
- const s = this._internals.form;
1204
- s ? Array.from(s.elements).find(
1209
+ const o = this._internals.form;
1210
+ o ? Array.from(o.elements).find(
1205
1211
  (i) => typeof i.checkValidity == "function" && !i.checkValidity()
1206
1212
  ) === this && t.focus() : t.focus();
1207
1213
  }
@@ -1243,8 +1249,8 @@ const je = class je extends f {
1243
1249
  }
1244
1250
  // Handle checkbox change event
1245
1251
  async _handleChange(e) {
1246
- const { checked: t } = e.target, s = this.checked;
1247
- this.checked = t, this.groupExist || this._internals.setFormValue(this.checked ? this.value : null), this.other && s && !t && (this.showOtherError = !1, this._hasUserInteracted = !1, this._dispatchClearError()), this._validate(), this._emitChangeEvent();
1252
+ const { checked: t } = e.target, o = this.checked;
1253
+ this.checked = t, this.groupExist || this._internals.setFormValue(this.checked ? this.value : null), this.other && o && !t && (this.showOtherError = !1, this._hasUserInteracted = !1, this._dispatchClearError()), this._validate(), this._emitChangeEvent();
1248
1254
  }
1249
1255
  _handleFocus() {
1250
1256
  this.dispatchEvent(new Event("nys-focus"));
@@ -1259,8 +1265,8 @@ const je = class je extends f {
1259
1265
  e.code === "Space" && (e.preventDefault(), this.disabled || (this.checked = !this.checked, this._internals.setFormValue(this.checked ? this.value : null), await this.updateComplete, this._validate(), this._emitChangeEvent()));
1260
1266
  }
1261
1267
  _handleTextInput(e) {
1262
- let s = e.target.value;
1263
- this.value = s, this._hasUserInteracted && this._validateOtherAndEmitError(), this._emitOtherInputEvent();
1268
+ let o = e.target.value;
1269
+ this.value = o, this._hasUserInteracted && this._validateOtherAndEmitError(), this._emitOtherInputEvent();
1264
1270
  }
1265
1271
  _validateOtherAndEmitError() {
1266
1272
  if (!this.other) return;
@@ -1425,10 +1431,10 @@ A([
1425
1431
  ], E.prototype, "isMobile");
1426
1432
  customElements.get("nys-checkbox") || customElements.define("nys-checkbox", E);
1427
1433
  const Co = ':host{--_nys-combobox-width: 100%;--_nys-combobox-height: var(--nys-size-500, 40px);--_nys-combobox-border-radius: var(--nys-radius-md, 4px);--_nys-combobox-border-width: var(--nys-border-width-sm, 1px);--_nys-combobox-border-color: var(--nys-color-neutral-400, #909395);--_nys-combobox-color: var(--nys-color-text, var(--nys-color-neutral-900, #1b1b1b));--_nys-combobox-padding: var(--nys-space-100, 8px) var(--nys-space-150, 12px);--_nys-combobox-gap: var(--nys-space-50, 4px);--_nys-combobox-background-color: var(--nys-color-ink-reverse, var(--nys-color-white, #ffffff));--_nys-combobox-outline-color--hover: var(--nys-color-neutral-900, #1b1b1b);--_nys-combobox-outline-width: var(--nys-border-width-sm, 1px);--_nys-combobox-outline-color--focus: var(--nys-color-focus, #004dd1);--_nys-combobox-background-color--disabled: var(--nys-color-neutral-10, #f6f6f6);--_nys-combobox-border-color--disabled: var(--nys-color-neutral-200, #bec0c1);--_nys-combobox-color--disabled: var(--nys-color-text-disabled, var(--nys-color-neutral-200, #bec0c1));--_nys-combobox-background-color--dropdown: var(--nys-color-ink-reverse, var(--nys-color-white, #ffffff));--_nys-combobox-border-color--dropdown: var(--nys-color-neutral-400, #909395);--_nys-combobox-shadow--dropdown: var(--nys-shadow-lg, 0 4px 8px rgba(0, 0, 0, .1));--_nys-combobox-max-height--dropdown: var(--nys-size-3000, 300px);--_nys-combobox-padding--option: var(--nys-space-100, 8px) var(--nys-space-150, 12px);--_nys-combobox-background-color--option--hover: var(--nys-color-neutral-10, #f6f6f6);--_nys-combobox-background-color--option--active: var(--nys-color-neutral-50, #ededed);--_nys-combobox-background-color--option--disabled: var(--nys-color-white, #ffffff);--_nys-combobox-color--option--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-combobox-background-color--option--selected: var(--nys-theme-weaker, #eff6fb);--_nys-combobox-border-color--option--selected: var(--nys-color-theme-mid, #457aa5);--_nys-combobox-font-family: var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif));--_nys-combobox-font-size: var(--nys-font-size-ui-md, 16px);--_nys-combobox-font-weight: var(--nys-font-weight-regular, 400);--_nys-combobox-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-combobox-letter-spacing: var(--nys-font-letterspacing-ui-md, var(--nys-font-letterspacing-400, .044px))}:host([width=sm]){--_nys-combobox-width: var(--nys-form-width-sm, 88px)}:host([width=md]){--_nys-combobox-width: var(--nys-form-width-md, 200px)}:host([width=lg]){--_nys-combobox-width: var(--nys-form-width-lg, 384px)}:host([width=full]){--_nys-combobox-width: 100%;flex:1}:host([showError]){--_nys-combobox-border-color: var(--nys-color-danger, #b52c2c)}.nys-combobox{font-weight:var(--_nys-combobox-font-weight);font-family:var(--_nys-combobox-font-family);font-size:var(--_nys-combobox-font-size);line-height:var(--_nys-combobox-line-height);letter-spacing:var(--_nys-combobox-letter-spacing);color:var(--_nys-combobox-color);gap:var(--_nys-combobox-gap);display:flex;flex-direction:column;position:relative}.nys-combobox__container{width:var(--_nys-combobox-width);max-width:100%;position:relative}.nys-combobox__input-wrapper{position:relative;display:flex;align-items:center;background-color:var(--_nys-combobox-background-color);border-radius:var(--_nys-combobox-border-radius)}.nys-combobox__input{color:var(--_nys-combobox-color);border-radius:var(--_nys-combobox-border-radius);border:solid var(--_nys-combobox-border-color) var(--_nys-combobox-border-width);outline-color:transparent;outline-width:var(--_nys-combobox-outline-width);outline-style:solid;padding:var(--_nys-combobox-padding);padding-right:calc(var(--nys-size-400, 32px) + var(--nys-space-100, 8px));width:100%;height:var(--_nys-combobox-height);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background-color:transparent;font:inherit;cursor:text}.nys-combobox__input:not(:placeholder-shown){padding-right:calc(var(--nys-size-400, 32px) * 2 + var(--nys-space-100, 8px))}.nys-combobox__input:hover:not(:disabled):not(:focus):not([readonly]){outline-color:var(--_nys-combobox-outline-color--hover);border-color:var(--_nys-combobox-outline-color--hover)}.nys-combobox__input:focus:not([readonly]){outline-color:var(--_nys-combobox-outline-color--focus);border-color:var(--_nys-combobox-outline-color--focus);caret-color:var(--_nys-combobox-outline-color--focus)}.nys-combobox__input:disabled{background-color:var(--_nys-combobox-background-color--disabled);border-color:var(--_nys-combobox-border-color--disabled);color:var(--_nys-combobox-color--disabled);cursor:not-allowed}.nys-combobox__buttons{display:flex;position:absolute;right:var(--nys-space-150, 12px);gap:var(--nys-space-150, 12px)}.nys-combobox__buttons nys-button{--_nys-button-padding--y: var(--nys-space-50, 4px);--_nys-button-padding--x: var(--nys-space-50, 4px);--_nys-button-height: var(--nys-size-300, 32px);--_nys-button-width: var(--nys-size-400, 32px)}.nys-combobox__buttons .nys-combobox__chevron{border-inline-start:solid var(--nys-color-neutral-200, #bec0c1) var(--nys-border-width-sm, 1px);padding-inline-start:var(--nys-space-150, 12px)}.nys-combobox__listbox{position:absolute;left:0;right:0;top:calc(100% + var(--nys-space-50, 4px));background-color:var(--_nys-combobox-background-color--dropdown);border:solid var(--_nys-combobox-border-color--dropdown) var(--_nys-combobox-border-width);border-radius:var(--_nys-combobox-border-radius);box-shadow:var(--_nys-combobox-shadow--dropdown);max-height:var(--_nys-combobox-max-height--dropdown);overflow-y:auto;z-index:1000;box-sizing:border-box}.nys-combobox__listbox--above{top:auto;bottom:calc(100% + var(--nys-space-50, 4px))}.nys-combobox__option{padding:var(--_nys-combobox-padding--option);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease;border-bottom:var(--nys-border-width-sm, 1px) solid var(--nys-color-neutral-50, #ededed);background-color:var(--_nys-combobox-background-color)}.nys-combobox__option:hover:not([disabled]):not(.nys-combobox__option--selected){background-color:var(--_nys-combobox-background-color--option--hover)}.nys-combobox__option:active:not([disabled]):not(.nys-combobox__option--selected){background-color:var(--_nys-combobox-background-color--option--active)}.nys-combobox__option--selected:not([disabled]){background-color:var(--_nys-combobox-background-color--option--selected);border:var(--_nys-combobox-border-color--option--selected) solid 1px}.nys-combobox__option--focused:not([disabled]):not(:hover){outline:var(--_nys-combobox-outline-color--focus) solid 2px;outline-offset:-2px}.nys-combobox__option[disabled]{background-color:var(--_nys-combobox-background-color--option--disabled);color:var(--_nys-combobox-color--option--disabled);cursor:not-allowed}.nys-combobox__optgroup{padding:var(--nys-space-100, 8px) var(--nys-space-150, 12px);border-bottom:var(--nys-border-width-sm, 1px) solid var(--nys-color-neutral-50, #ededed);-webkit-user-select:none;user-select:none;color:var(--nys-color-text);font-family:var(--nys-font-family-ui, "Proxima Nova");font-size:var(--nys-font-size-ui-md, 16px);font-style:normal;font-weight:700;line-height:var(--nys-font-lineheight-ui-md, 24px);letter-spacing:var(--nys-font-letterspacing-ui-md, .044px)}.nys-combobox__optgroup~.nys-combobox__option{padding-left:var(--nys-space-300, 24px)}.nys-combobox__no-results{background-color:var(--_nys-combobox-background-color);padding:var(--_nys-combobox-padding--option);color:var(--_nys-combobox-color);cursor:not-allowed}.nys-combobox__listbox::-webkit-scrollbar{width:var(--nys-space-100, 8px)}.nys-combobox__listbox::-webkit-scrollbar-track{background:var(--nys-color-neutral-50, #eeeeee);border-radius:var(--_nys-combobox-border-radius)}.nys-combobox__listbox::-webkit-scrollbar-thumb{background:var(--nys-color-neutral-300, #a7a9ab);border-radius:var(--_nys-combobox-border-radius)}.nys-combobox__listbox::-webkit-scrollbar-thumb:hover{background:var(--nys-color-neutral-400, #909395)}';
1428
- var wo = Object.defineProperty, $ = (r, e, t, s) => {
1429
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
1430
- (i = r[n]) && (o = i(e, t, o) || o);
1431
- return o && wo(e, t, o), o;
1434
+ var wo = Object.defineProperty, $ = (r, e, t, o) => {
1435
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
1436
+ (i = r[n]) && (s = i(e, t, s) || s);
1437
+ return s && wo(e, t, s), s;
1432
1438
  };
1433
1439
  let xo = 0;
1434
1440
  const bt = class bt extends f {
@@ -1450,14 +1456,14 @@ const bt = class bt extends f {
1450
1456
  );
1451
1457
  if (!this.value && e) {
1452
1458
  const t = e.assignedElements({ flatten: !0 });
1453
- for (const s of t)
1454
- if (s.tagName === "OPTION" && s.selected) {
1455
- this.value = s.value;
1459
+ for (const o of t)
1460
+ if (o.tagName === "OPTION" && o.selected) {
1461
+ this.value = o.value;
1456
1462
  break;
1457
- } else if (s.tagName === "OPTGROUP") {
1458
- for (const o of s.children)
1459
- if (o.tagName === "OPTION" && o.selected) {
1460
- this.value = o.value;
1463
+ } else if (o.tagName === "OPTGROUP") {
1464
+ for (const s of o.children)
1465
+ if (s.tagName === "OPTION" && s.selected) {
1466
+ this.value = s.value;
1461
1467
  break;
1462
1468
  }
1463
1469
  if (this.value) break;
@@ -1467,7 +1473,7 @@ const bt = class bt extends f {
1467
1473
  }
1468
1474
  updated(e) {
1469
1475
  if (e.has("value")) {
1470
- const t = this._options.find((s) => s.value === this.value);
1476
+ const t = this._options.find((o) => o.value === this.value);
1471
1477
  this._selectedLabel = t ? t.label : "", this._filterText = this._selectedLabel;
1472
1478
  }
1473
1479
  e.has("_isOpen") && this._isOpen && (this._positionDropdown(), this.updateComplete.then(() => {
@@ -1483,21 +1489,21 @@ const bt = class bt extends f {
1483
1489
  'slot:not([name="description"])'
1484
1490
  );
1485
1491
  if (!e) return;
1486
- const t = e.assignedElements({ flatten: !0 }), s = [];
1487
- if (t.forEach((o) => {
1488
- if (o.tagName === "OPTION") {
1489
- const n = o;
1490
- s.push({
1492
+ const t = e.assignedElements({ flatten: !0 }), o = [];
1493
+ if (t.forEach((s) => {
1494
+ if (s.tagName === "OPTION") {
1495
+ const n = s;
1496
+ o.push({
1491
1497
  value: n.value,
1492
1498
  label: n.textContent?.trim() || n.value,
1493
1499
  disabled: n.disabled
1494
1500
  });
1495
- } else if (o.tagName === "OPTGROUP") {
1496
- const n = o, i = n.label;
1501
+ } else if (s.tagName === "OPTGROUP") {
1502
+ const n = s, i = n.label;
1497
1503
  Array.from(n.children).forEach((l) => {
1498
1504
  if (l.tagName === "OPTION") {
1499
1505
  const c = l;
1500
- s.push({
1506
+ o.push({
1501
1507
  value: c.value,
1502
1508
  label: c.textContent?.trim() || c.value,
1503
1509
  disabled: c.disabled || n.disabled,
@@ -1506,9 +1512,9 @@ const bt = class bt extends f {
1506
1512
  }
1507
1513
  });
1508
1514
  }
1509
- }), this._options = s, this._filteredOptions = s, this.value) {
1510
- const o = this._options.find((n) => n.value === this.value);
1511
- o && (this._selectedLabel = o.label, this._filterText = o.label);
1515
+ }), this._options = o, this._filteredOptions = o, this.value) {
1516
+ const s = this._options.find((n) => n.value === this.value);
1517
+ s && (this._selectedLabel = s.label, this._filterText = s.label);
1512
1518
  }
1513
1519
  }
1514
1520
  /**
@@ -1553,8 +1559,8 @@ const bt = class bt extends f {
1553
1559
  */
1554
1560
  _positionDropdown() {
1555
1561
  if (!this._listbox || !this._input) return;
1556
- const e = this._input.getBoundingClientRect(), t = this._listbox.offsetHeight, o = window.innerHeight - e.bottom, n = e.top;
1557
- this._dropdownAbove = o < t && n > o;
1562
+ const e = this._input.getBoundingClientRect(), t = this._listbox.offsetHeight, s = window.innerHeight - e.bottom, n = e.top;
1563
+ this._dropdownAbove = s < t && n > s;
1558
1564
  }
1559
1565
  /**
1560
1566
  * Filtering
@@ -1567,7 +1573,7 @@ const bt = class bt extends f {
1567
1573
  }
1568
1574
  const t = e.toLowerCase();
1569
1575
  this._filteredOptions = this._options.filter(
1570
- (s) => s.label.toLowerCase().includes(t)
1576
+ (o) => o.label.toLowerCase().includes(t)
1571
1577
  );
1572
1578
  }
1573
1579
  /**
@@ -1602,14 +1608,14 @@ const bt = class bt extends f {
1602
1608
  }
1603
1609
  _moveHighlight(e) {
1604
1610
  if (this._filteredOptions.filter((p) => !p.disabled).length === 0) return;
1605
- let s = this._highlightedIndex + e;
1606
- for (s < 0 ? s = this._filteredOptions.length - 1 : s >= this._filteredOptions.length && (s = 0); this._filteredOptions[s]?.disabled; )
1607
- s += e, s < 0 && (s = this._filteredOptions.length - 1), s >= this._filteredOptions.length && (s = 0);
1608
- this._highlightedIndex = s, this._scrollToHighlighted();
1609
- const o = this._filteredOptions[s], n = this._filteredOptions[s - e], i = this._filteredOptions.filter(
1611
+ let o = this._highlightedIndex + e;
1612
+ for (o < 0 ? o = this._filteredOptions.length - 1 : o >= this._filteredOptions.length && (o = 0); this._filteredOptions[o]?.disabled; )
1613
+ o += e, o < 0 && (o = this._filteredOptions.length - 1), o >= this._filteredOptions.length && (o = 0);
1614
+ this._highlightedIndex = o, this._scrollToHighlighted();
1615
+ const s = this._filteredOptions[o], n = this._filteredOptions[o - e], i = this._filteredOptions.filter(
1610
1616
  (p) => !p.disabled
1611
- ), l = i.findIndex((p) => p.value === o.value) + 1, c = o.value === this.value ? "selected" : "unselected", u = o.group && o.group !== n?.group ? `${o.group}, ` : "";
1612
- this._announcement = `${u} ${o.label} ${l} of ${i.length}, ${c}`;
1617
+ ), l = i.findIndex((p) => p.value === s.value) + 1, c = s.value === this.value ? "selected" : "unselected", u = s.group && s.group !== n?.group ? `${s.group}, ` : "";
1618
+ this._announcement = `${u} ${s.label} ${l} of ${i.length}, ${c}`;
1613
1619
  }
1614
1620
  /**
1615
1621
  * Event Handlers
@@ -1618,8 +1624,8 @@ const bt = class bt extends f {
1618
1624
  _handleInput(e) {
1619
1625
  const t = e.target;
1620
1626
  this._filterText = t.value, this._filterOptions(this._filterText), this._isOpen || this._openDropdown(), this._highlightedIndex = 0;
1621
- const s = this._filteredOptions.filter((o) => !o.disabled).length;
1622
- this._announcement = s > 0 ? `${s} options available` : "No results found", this._hasUserInteracted && this._validate(), this.dispatchEvent(
1627
+ const o = this._filteredOptions.filter((s) => !s.disabled).length;
1628
+ this._announcement = o > 0 ? `${o} options available` : "No results found", this._hasUserInteracted && this._validate(), this.dispatchEvent(
1623
1629
  new CustomEvent("nys-input", {
1624
1630
  detail: { id: this.id, value: this._filterText },
1625
1631
  bubbles: !0,
@@ -1628,11 +1634,15 @@ const bt = class bt extends f {
1628
1634
  );
1629
1635
  }
1630
1636
  _handleFocus() {
1631
- this.dispatchEvent(new Event("nys-focus"));
1637
+ this.dispatchEvent(
1638
+ new Event("nys-focus", { bubbles: !0, composed: !0 })
1639
+ );
1632
1640
  }
1633
1641
  _handleBlur(e) {
1634
1642
  const t = e.relatedTarget;
1635
- t && this._listbox?.contains(t) || ((!this.value || this._filterText !== this._selectedLabel) && (this._filterText = this._selectedLabel, this._filterOptions("")), this._closeDropdown(), this._hasUserInteracted || (this._hasUserInteracted = !0), this._validate(), this.dispatchEvent(new Event("nys-blur")));
1643
+ t && this._listbox?.contains(t) || ((!this.value || this._filterText !== this._selectedLabel) && (this._filterText = this._selectedLabel, this._filterOptions("")), this._closeDropdown(), this._hasUserInteracted || (this._hasUserInteracted = !0), this._validate(), this.dispatchEvent(
1644
+ new Event("nys-blur", { bubbles: !0, composed: !0 })
1645
+ ));
1636
1646
  }
1637
1647
  _handleIconClick() {
1638
1648
  this.disabled || (this._isOpen ? this._closeDropdown() : (this._input.focus(), this._openDropdown()));
@@ -1673,26 +1683,26 @@ const bt = class bt extends f {
1673
1683
  _renderOptions() {
1674
1684
  let e = "";
1675
1685
  const t = [];
1676
- return this._filteredOptions.forEach((s, o) => {
1677
- s.group && s.group !== e && (e = s.group, t.push(d`
1686
+ return this._filteredOptions.forEach((o, s) => {
1687
+ o.group && o.group !== e && (e = o.group, t.push(d`
1678
1688
  <div class="nys-combobox__optgroup" role="presentation">
1679
- ${s.group}
1689
+ ${o.group}
1680
1690
  </div>
1681
1691
  `));
1682
- const n = o === this._highlightedIndex, i = s.value === this.value;
1692
+ const n = s === this._highlightedIndex, i = o.value === this.value;
1683
1693
  t.push(d`
1684
1694
  <div
1685
1695
  class="nys-combobox__option ${n ? "nys-combobox__option--focused" : ""} ${i ? "nys-combobox__option--selected" : ""}"
1686
1696
  role="option"
1687
- id="${this.id}--option-${o}"
1688
- data-index="${o}"
1697
+ id="${this.id}--option-${s}"
1698
+ data-index="${s}"
1689
1699
  aria-selected="${i}"
1690
- aria-disabled="${s.disabled || !1}"
1691
- ?disabled=${s.disabled}
1692
- @click=${() => this._handleOptionClick(s)}
1693
- @mouseenter=${() => this._handleOptionMouseEnter(o)}
1700
+ aria-disabled="${o.disabled || !1}"
1701
+ ?disabled=${o.disabled}
1702
+ @click=${() => this._handleOptionClick(o)}
1703
+ @mouseenter=${() => this._handleOptionMouseEnter(s)}
1694
1704
  >
1695
- ${s.label}
1705
+ ${o.label}
1696
1706
  </div>
1697
1707
  `);
1698
1708
  }), t.length === 0 ? d`
@@ -1967,17 +1977,17 @@ let Be, ks, wt, $s = !1, ht = !1, zt = !1, W = !1, rs = null, Et = !1;
1967
1977
  const Ee = (r, e = "") => () => {
1968
1978
  }, ns = "http://www.w3.org/1999/xlink", is = {}, $o = "http://www.w3.org/2000/svg", Eo = "http://www.w3.org/1999/xhtml", So = (r) => r != null, Bt = (r) => (r = typeof r, r === "object" || r === "function");
1969
1979
  function Lo(r) {
1970
- var e, t, s;
1971
- return (s = (t = (e = r.head) === null || e === void 0 ? void 0 : e.querySelector('meta[name="csp-nonce"]')) === null || t === void 0 ? void 0 : t.getAttribute("content")) !== null && s !== void 0 ? s : void 0;
1980
+ var e, t, o;
1981
+ return (o = (t = (e = r.head) === null || e === void 0 ? void 0 : e.querySelector('meta[name="csp-nonce"]')) === null || t === void 0 ? void 0 : t.getAttribute("content")) !== null && o !== void 0 ? o : void 0;
1972
1982
  }
1973
1983
  const b = (r, e, ...t) => {
1974
- let s = null, o = null, n = null, i = !1, l = !1;
1984
+ let o = null, s = null, n = null, i = !1, l = !1;
1975
1985
  const c = [], h = (p) => {
1976
1986
  for (let v = 0; v < p.length; v++)
1977
- s = p[v], Array.isArray(s) ? h(s) : s != null && typeof s != "boolean" && ((i = typeof r != "function" && !Bt(s)) && (s = String(s)), i && l ? c[c.length - 1].$text$ += s : c.push(i ? ut(null, s) : s), l = i);
1987
+ o = p[v], Array.isArray(o) ? h(o) : o != null && typeof o != "boolean" && ((i = typeof r != "function" && !Bt(o)) && (o = String(o)), i && l ? c[c.length - 1].$text$ += o : c.push(i ? ut(null, o) : o), l = i);
1978
1988
  };
1979
1989
  if (h(t), e) {
1980
- e.key && (o = e.key), e.name && (n = e.name);
1990
+ e.key && (s = e.key), e.name && (n = e.name);
1981
1991
  {
1982
1992
  const p = e.className || e.class;
1983
1993
  p && (e.class = typeof p != "object" ? p : Object.keys(p).filter((v) => p[v]).join(" "));
@@ -1986,7 +1996,7 @@ const b = (r, e, ...t) => {
1986
1996
  if (typeof r == "function")
1987
1997
  return r(e === null ? {} : e, c, Mo);
1988
1998
  const u = ut(r, null);
1989
- return u.$attrs$ = e, c.length > 0 && (u.$children$ = c), u.$key$ = o, u.$name$ = n, u;
1999
+ return u.$attrs$ = e, c.length > 0 && (u.$children$ = c), u.$key$ = s, u.$name$ = n, u;
1990
2000
  }, ut = (r, e) => {
1991
2001
  const t = {
1992
2002
  $flags$: 0,
@@ -2014,23 +2024,23 @@ const b = (r, e, ...t) => {
2014
2024
  const e = ut(r.vtag, r.vtext);
2015
2025
  return e.$attrs$ = r.vattrs, e.$children$ = r.vchildren, e.$key$ = r.vkey, e.$name$ = r.vname, e;
2016
2026
  }, Bo = (r) => ir.map((e) => e(r)).find((e) => !!e), Ao = (r, e) => r != null && !Bt(r) ? e & 4 ? r === "false" ? !1 : r === "" || !!r : e & 2 ? parseFloat(r) : e & 1 ? String(r) : r : r, Vo = (r) => r, ls = (r, e, t) => {
2017
- const s = Vo(r);
2027
+ const o = Vo(r);
2018
2028
  return {
2019
- emit: (o) => Oo(s, e, {
2029
+ emit: (s) => Oo(o, e, {
2020
2030
  bubbles: !0,
2021
2031
  composed: !0,
2022
2032
  cancelable: !0,
2023
- detail: o
2033
+ detail: s
2024
2034
  })
2025
2035
  };
2026
2036
  }, Oo = (r, e, t) => {
2027
- const s = R.ce(e, t);
2028
- return r.dispatchEvent(s), s;
2037
+ const o = R.ce(e, t);
2038
+ return r.dispatchEvent(o), o;
2029
2039
  }, cs = /* @__PURE__ */ new WeakMap(), Io = (r, e, t) => {
2030
- let s = yt.get(r);
2031
- dr && t ? (s = s || new CSSStyleSheet(), typeof s == "string" ? s = e : s.replaceSync(e)) : s = e, yt.set(r, s);
2032
- }, Ho = (r, e, t, s) => {
2033
- var o;
2040
+ let o = yt.get(r);
2041
+ dr && t ? (o = o || new CSSStyleSheet(), typeof o == "string" ? o = e : o.replaceSync(e)) : o = e, yt.set(r, o);
2042
+ }, Ho = (r, e, t, o) => {
2043
+ var s;
2034
2044
  let n = Ss(e, t);
2035
2045
  const i = yt.get(n);
2036
2046
  if (r = r.nodeType === 11 ? r : J, i)
@@ -2040,7 +2050,7 @@ const b = (r, e, ...t) => {
2040
2050
  if (l || cs.set(r, l = /* @__PURE__ */ new Set()), !l.has(n)) {
2041
2051
  {
2042
2052
  c = J.createElement("style"), c.innerHTML = i;
2043
- const h = (o = R.$nonce$) !== null && o !== void 0 ? o : Lo(J);
2053
+ const h = (s = R.$nonce$) !== null && s !== void 0 ? s : Lo(J);
2044
2054
  h != null && c.setAttribute("nonce", h), r.insertBefore(c, r.querySelector("link"));
2045
2055
  }
2046
2056
  l && l.add(n);
@@ -2048,120 +2058,120 @@ const b = (r, e, ...t) => {
2048
2058
  } else r.adoptedStyleSheets.includes(i) || (r.adoptedStyleSheets = [...r.adoptedStyleSheets, i]);
2049
2059
  return n;
2050
2060
  }, qo = (r) => {
2051
- const e = r.$cmpMeta$, t = r.$hostElement$, s = e.$flags$, o = Ee("attachStyles", e.$tagName$), n = Ho(t.shadowRoot ? t.shadowRoot : t.getRootNode(), e, r.$modeName$);
2052
- s & 10 && (t["s-sc"] = n, t.classList.add(n + "-h"), s & 2 && t.classList.add(n + "-s")), o();
2053
- }, Ss = (r, e) => "sc-" + (e && r.$flags$ & 32 ? r.$tagName$ + "-" + e : r.$tagName$), ds = (r, e, t, s, o, n) => {
2054
- if (t !== s) {
2061
+ const e = r.$cmpMeta$, t = r.$hostElement$, o = e.$flags$, s = Ee("attachStyles", e.$tagName$), n = Ho(t.shadowRoot ? t.shadowRoot : t.getRootNode(), e, r.$modeName$);
2062
+ o & 10 && (t["s-sc"] = n, t.classList.add(n + "-h"), o & 2 && t.classList.add(n + "-s")), s();
2063
+ }, Ss = (r, e) => "sc-" + (e && r.$flags$ & 32 ? r.$tagName$ + "-" + e : r.$tagName$), ds = (r, e, t, o, s, n) => {
2064
+ if (t !== o) {
2055
2065
  let i = ys(r, e), l = e.toLowerCase();
2056
2066
  if (e === "class") {
2057
- const c = r.classList, h = hs(t), u = hs(s);
2067
+ const c = r.classList, h = hs(t), u = hs(o);
2058
2068
  c.remove(...h.filter((p) => p && !u.includes(p))), c.add(...u.filter((p) => p && !h.includes(p)));
2059
2069
  } else if (e === "style") {
2060
2070
  for (const c in t)
2061
- (!s || s[c] == null) && (c.includes("-") ? r.style.removeProperty(c) : r.style[c] = "");
2062
- for (const c in s)
2063
- (!t || s[c] !== t[c]) && (c.includes("-") ? r.style.setProperty(c, s[c]) : r.style[c] = s[c]);
2071
+ (!o || o[c] == null) && (c.includes("-") ? r.style.removeProperty(c) : r.style[c] = "");
2072
+ for (const c in o)
2073
+ (!t || o[c] !== t[c]) && (c.includes("-") ? r.style.setProperty(c, o[c]) : r.style[c] = o[c]);
2064
2074
  } else if (e !== "key")
2065
2075
  if (e === "ref")
2066
- s && s(r);
2076
+ o && o(r);
2067
2077
  else if (!r.__lookupSetter__(e) && e[0] === "o" && e[1] === "n")
2068
- e[2] === "-" ? e = e.slice(3) : ys(kt, l) ? e = l.slice(2) : e = l[2] + e.slice(3), t && R.rel(r, e, t, !1), s && R.ael(r, e, s, !1);
2078
+ e[2] === "-" ? e = e.slice(3) : ys(kt, l) ? e = l.slice(2) : e = l[2] + e.slice(3), t && R.rel(r, e, t, !1), o && R.ael(r, e, o, !1);
2069
2079
  else {
2070
- const c = Bt(s);
2071
- if ((i || c && s !== null) && !o)
2080
+ const c = Bt(o);
2081
+ if ((i || c && o !== null) && !s)
2072
2082
  try {
2073
2083
  if (r.tagName.includes("-"))
2074
- r[e] = s;
2084
+ r[e] = o;
2075
2085
  else {
2076
- const u = s ?? "";
2086
+ const u = o ?? "";
2077
2087
  e === "list" ? i = !1 : (t == null || r[e] != u) && (r[e] = u);
2078
2088
  }
2079
2089
  } catch {
2080
2090
  }
2081
2091
  let h = !1;
2082
- l !== (l = l.replace(/^xlink\:?/, "")) && (e = l, h = !0), s == null || s === !1 ? (s !== !1 || r.getAttribute(e) === "") && (h ? r.removeAttributeNS(ns, e) : r.removeAttribute(e)) : (!i || n & 4 || o) && !c && (s = s === !0 ? "" : s, h ? r.setAttributeNS(ns, e, s) : r.setAttribute(e, s));
2092
+ l !== (l = l.replace(/^xlink\:?/, "")) && (e = l, h = !0), o == null || o === !1 ? (o !== !1 || r.getAttribute(e) === "") && (h ? r.removeAttributeNS(ns, e) : r.removeAttribute(e)) : (!i || n & 4 || s) && !c && (o = o === !0 ? "" : o, h ? r.setAttributeNS(ns, e, o) : r.setAttribute(e, o));
2083
2093
  }
2084
2094
  }
2085
- }, Ro = /\s/, hs = (r) => r ? r.split(Ro) : [], Ls = (r, e, t, s) => {
2086
- const o = e.$elm$.nodeType === 11 && e.$elm$.host ? e.$elm$.host : e.$elm$, n = r && r.$attrs$ || is, i = e.$attrs$ || is;
2087
- for (s in n)
2088
- s in i || ds(o, s, n[s], void 0, t, e.$flags$);
2089
- for (s in i)
2090
- ds(o, s, n[s], i[s], t, e.$flags$);
2091
- }, pt = (r, e, t, s) => {
2092
- const o = e.$children$[t];
2095
+ }, Ro = /\s/, hs = (r) => r ? r.split(Ro) : [], Ls = (r, e, t, o) => {
2096
+ const s = e.$elm$.nodeType === 11 && e.$elm$.host ? e.$elm$.host : e.$elm$, n = r && r.$attrs$ || is, i = e.$attrs$ || is;
2097
+ for (o in n)
2098
+ o in i || ds(s, o, n[o], void 0, t, e.$flags$);
2099
+ for (o in i)
2100
+ ds(s, o, n[o], i[o], t, e.$flags$);
2101
+ }, pt = (r, e, t, o) => {
2102
+ const s = e.$children$[t];
2093
2103
  let n = 0, i, l, c;
2094
- if ($s || (zt = !0, o.$tag$ === "slot" && (Be && s.classList.add(Be + "-s"), o.$flags$ |= o.$children$ ? (
2104
+ if ($s || (zt = !0, s.$tag$ === "slot" && (Be && o.classList.add(Be + "-s"), s.$flags$ |= s.$children$ ? (
2095
2105
  // slot element has fallback content
2096
2106
  2
2097
2107
  ) : (
2098
2108
  // slot element does not have fallback content
2099
2109
  1
2100
- ))), o.$text$ !== null)
2101
- i = o.$elm$ = J.createTextNode(o.$text$);
2102
- else if (o.$flags$ & 1)
2103
- i = o.$elm$ = J.createTextNode("");
2110
+ ))), s.$text$ !== null)
2111
+ i = s.$elm$ = J.createTextNode(s.$text$);
2112
+ else if (s.$flags$ & 1)
2113
+ i = s.$elm$ = J.createTextNode("");
2104
2114
  else {
2105
- if (W || (W = o.$tag$ === "svg"), i = o.$elm$ = J.createElementNS(W ? $o : Eo, o.$flags$ & 2 ? "slot-fb" : o.$tag$), W && o.$tag$ === "foreignObject" && (W = !1), Ls(null, o, W), So(Be) && i["s-si"] !== Be && i.classList.add(i["s-si"] = Be), o.$children$)
2106
- for (n = 0; n < o.$children$.length; ++n)
2107
- l = pt(r, o, n, i), l && i.appendChild(l);
2108
- o.$tag$ === "svg" ? W = !1 : i.tagName === "foreignObject" && (W = !0);
2115
+ if (W || (W = s.$tag$ === "svg"), i = s.$elm$ = J.createElementNS(W ? $o : Eo, s.$flags$ & 2 ? "slot-fb" : s.$tag$), W && s.$tag$ === "foreignObject" && (W = !1), Ls(null, s, W), So(Be) && i["s-si"] !== Be && i.classList.add(i["s-si"] = Be), s.$children$)
2116
+ for (n = 0; n < s.$children$.length; ++n)
2117
+ l = pt(r, s, n, i), l && i.appendChild(l);
2118
+ s.$tag$ === "svg" ? W = !1 : i.tagName === "foreignObject" && (W = !0);
2109
2119
  }
2110
- return i["s-hn"] = wt, o.$flags$ & 3 && (i["s-sr"] = !0, i["s-cr"] = ks, i["s-sn"] = o.$name$ || "", c = r && r.$children$ && r.$children$[t], c && c.$tag$ === o.$tag$ && r.$elm$ && Je(r.$elm$, !1)), i;
2120
+ return i["s-hn"] = wt, s.$flags$ & 3 && (i["s-sr"] = !0, i["s-cr"] = ks, i["s-sn"] = s.$name$ || "", c = r && r.$children$ && r.$children$[t], c && c.$tag$ === s.$tag$ && r.$elm$ && Je(r.$elm$, !1)), i;
2111
2121
  }, Je = (r, e) => {
2112
2122
  R.$flags$ |= 1;
2113
2123
  const t = r.childNodes;
2114
- for (let s = t.length - 1; s >= 0; s--) {
2115
- const o = t[s];
2116
- o["s-hn"] !== wt && o["s-ol"] && (zs(o).insertBefore(o, At(o)), o["s-ol"].remove(), o["s-ol"] = void 0, zt = !0), e && Je(o, e);
2124
+ for (let o = t.length - 1; o >= 0; o--) {
2125
+ const s = t[o];
2126
+ s["s-hn"] !== wt && s["s-ol"] && (zs(s).insertBefore(s, At(s)), s["s-ol"].remove(), s["s-ol"] = void 0, zt = !0), e && Je(s, e);
2117
2127
  }
2118
2128
  R.$flags$ &= -2;
2119
- }, Ds = (r, e, t, s, o, n) => {
2129
+ }, Ds = (r, e, t, o, s, n) => {
2120
2130
  let i = r["s-cr"] && r["s-cr"].parentNode || r, l;
2121
- for (i.shadowRoot && i.tagName === wt && (i = i.shadowRoot); o <= n; ++o)
2122
- s[o] && (l = pt(null, t, o, r), l && (s[o].$elm$ = l, i.insertBefore(l, At(e))));
2123
- }, Ms = (r, e, t, s, o) => {
2131
+ for (i.shadowRoot && i.tagName === wt && (i = i.shadowRoot); s <= n; ++s)
2132
+ o[s] && (l = pt(null, t, s, r), l && (o[s].$elm$ = l, i.insertBefore(l, At(e))));
2133
+ }, Ms = (r, e, t, o, s) => {
2124
2134
  for (; e <= t; ++e)
2125
- (s = r[e]) && (o = s.$elm$, Vs(s), ht = !0, o["s-ol"] ? o["s-ol"].remove() : Je(o, !0), o.remove());
2126
- }, Po = (r, e, t, s) => {
2127
- let o = 0, n = 0, i = 0, l = 0, c = e.length - 1, h = e[0], u = e[c], p = s.length - 1, v = s[0], M = s[p], G, pe;
2128
- for (; o <= c && n <= p; )
2135
+ (o = r[e]) && (s = o.$elm$, Vs(o), ht = !0, s["s-ol"] ? s["s-ol"].remove() : Je(s, !0), s.remove());
2136
+ }, Po = (r, e, t, o) => {
2137
+ let s = 0, n = 0, i = 0, l = 0, c = e.length - 1, h = e[0], u = e[c], p = o.length - 1, v = o[0], M = o[p], G, pe;
2138
+ for (; s <= c && n <= p; )
2129
2139
  if (h == null)
2130
- h = e[++o];
2140
+ h = e[++s];
2131
2141
  else if (u == null)
2132
2142
  u = e[--c];
2133
2143
  else if (v == null)
2134
- v = s[++n];
2144
+ v = o[++n];
2135
2145
  else if (M == null)
2136
- M = s[--p];
2146
+ M = o[--p];
2137
2147
  else if (at(h, v))
2138
- Ae(h, v), h = e[++o], v = s[++n];
2148
+ Ae(h, v), h = e[++s], v = o[++n];
2139
2149
  else if (at(u, M))
2140
- Ae(u, M), u = e[--c], M = s[--p];
2150
+ Ae(u, M), u = e[--c], M = o[--p];
2141
2151
  else if (at(h, M))
2142
- (h.$tag$ === "slot" || M.$tag$ === "slot") && Je(h.$elm$.parentNode, !1), Ae(h, M), r.insertBefore(h.$elm$, u.$elm$.nextSibling), h = e[++o], M = s[--p];
2152
+ (h.$tag$ === "slot" || M.$tag$ === "slot") && Je(h.$elm$.parentNode, !1), Ae(h, M), r.insertBefore(h.$elm$, u.$elm$.nextSibling), h = e[++s], M = o[--p];
2143
2153
  else if (at(u, v))
2144
- (h.$tag$ === "slot" || M.$tag$ === "slot") && Je(u.$elm$.parentNode, !1), Ae(u, v), r.insertBefore(u.$elm$, h.$elm$), u = e[--c], v = s[++n];
2154
+ (h.$tag$ === "slot" || M.$tag$ === "slot") && Je(u.$elm$.parentNode, !1), Ae(u, v), r.insertBefore(u.$elm$, h.$elm$), u = e[--c], v = o[++n];
2145
2155
  else {
2146
- for (i = -1, l = o; l <= c; ++l)
2156
+ for (i = -1, l = s; l <= c; ++l)
2147
2157
  if (e[l] && e[l].$key$ !== null && e[l].$key$ === v.$key$) {
2148
2158
  i = l;
2149
2159
  break;
2150
2160
  }
2151
- i >= 0 ? (pe = e[i], pe.$tag$ !== v.$tag$ ? G = pt(e && e[n], t, i, r) : (Ae(pe, v), e[i] = void 0, G = pe.$elm$), v = s[++n]) : (G = pt(e && e[n], t, n, r), v = s[++n]), G && zs(h.$elm$).insertBefore(G, At(h.$elm$));
2161
+ i >= 0 ? (pe = e[i], pe.$tag$ !== v.$tag$ ? G = pt(e && e[n], t, i, r) : (Ae(pe, v), e[i] = void 0, G = pe.$elm$), v = o[++n]) : (G = pt(e && e[n], t, n, r), v = o[++n]), G && zs(h.$elm$).insertBefore(G, At(h.$elm$));
2152
2162
  }
2153
- o > c ? Ds(r, s[p + 1] == null ? null : s[p + 1].$elm$, t, s, n, p) : n > p && Ms(e, o, c);
2163
+ s > c ? Ds(r, o[p + 1] == null ? null : o[p + 1].$elm$, t, o, n, p) : n > p && Ms(e, s, c);
2154
2164
  }, at = (r, e) => r.$tag$ === e.$tag$ ? r.$tag$ === "slot" ? r.$name$ === e.$name$ : r.$key$ === e.$key$ : !1, At = (r) => r && r["s-ol"] || r, zs = (r) => (r["s-ol"] ? r["s-ol"] : r).parentNode, Ae = (r, e) => {
2155
- const t = e.$elm$ = r.$elm$, s = r.$children$, o = e.$children$, n = e.$tag$, i = e.$text$;
2165
+ const t = e.$elm$ = r.$elm$, o = r.$children$, s = e.$children$, n = e.$tag$, i = e.$text$;
2156
2166
  let l;
2157
- i === null ? (W = n === "svg" ? !0 : n === "foreignObject" ? !1 : W, n === "slot" || Ls(r, e, W), s !== null && o !== null ? Po(t, s, e, o) : o !== null ? (r.$text$ !== null && (t.textContent = ""), Ds(t, null, e, o, 0, o.length - 1)) : s !== null && Ms(s, 0, s.length - 1), W && n === "svg" && (W = !1)) : (l = t["s-cr"]) ? l.parentNode.textContent = i : r.$text$ !== i && (t.data = i);
2167
+ i === null ? (W = n === "svg" ? !0 : n === "foreignObject" ? !1 : W, n === "slot" || Ls(r, e, W), o !== null && s !== null ? Po(t, o, e, s) : s !== null ? (r.$text$ !== null && (t.textContent = ""), Ds(t, null, e, s, 0, s.length - 1)) : o !== null && Ms(o, 0, o.length - 1), W && n === "svg" && (W = !1)) : (l = t["s-cr"]) ? l.parentNode.textContent = i : r.$text$ !== i && (t.data = i);
2158
2168
  }, Bs = (r) => {
2159
2169
  const e = r.childNodes;
2160
- let t, s, o, n, i, l;
2161
- for (s = 0, o = e.length; s < o; s++)
2162
- if (t = e[s], t.nodeType === 1) {
2170
+ let t, o, s, n, i, l;
2171
+ for (o = 0, s = e.length; o < s; o++)
2172
+ if (t = e[o], t.nodeType === 1) {
2163
2173
  if (t["s-sr"]) {
2164
- for (i = t["s-sn"], t.hidden = !1, n = 0; n < o; n++)
2174
+ for (i = t["s-sn"], t.hidden = !1, n = 0; n < s; n++)
2165
2175
  if (l = e[n].nodeType, e[n]["s-hn"] !== t["s-hn"] || i !== "") {
2166
2176
  if (l === 1 && i === e[n].getAttribute("slot")) {
2167
2177
  t.hidden = !0;
@@ -2175,12 +2185,12 @@ const b = (r, e, ...t) => {
2175
2185
  Bs(t);
2176
2186
  }
2177
2187
  }, X = [], As = (r) => {
2178
- let e, t, s, o, n, i, l = 0;
2188
+ let e, t, o, s, n, i, l = 0;
2179
2189
  const c = r.childNodes, h = c.length;
2180
2190
  for (; l < h; l++) {
2181
2191
  if (e = c[l], e["s-sr"] && (t = e["s-cr"]) && t.parentNode)
2182
- for (s = t.parentNode.childNodes, o = e["s-sn"], i = s.length - 1; i >= 0; i--)
2183
- t = s[i], !t["s-cn"] && !t["s-nr"] && t["s-hn"] !== e["s-hn"] && (us(t, o) ? (n = X.find((u) => u.$nodeToRelocate$ === t), ht = !0, t["s-sn"] = t["s-sn"] || o, n ? n.$slotRefNode$ = e : X.push({
2192
+ for (o = t.parentNode.childNodes, s = e["s-sn"], i = o.length - 1; i >= 0; i--)
2193
+ t = o[i], !t["s-cn"] && !t["s-nr"] && t["s-hn"] !== e["s-hn"] && (us(t, s) ? (n = X.find((u) => u.$nodeToRelocate$ === t), ht = !0, t["s-sn"] = t["s-sn"] || s, n ? n.$slotRefNode$ = e : X.push({
2184
2194
  $slotRefNode$: e,
2185
2195
  $nodeToRelocate$: t
2186
2196
  }), t["s-sr"] && X.map((u) => {
@@ -2193,8 +2203,8 @@ const b = (r, e, ...t) => {
2193
2203
  }, us = (r, e) => r.nodeType === 1 ? r.getAttribute("slot") === null && e === "" || r.getAttribute("slot") === e : r["s-sn"] === e ? !0 : e === "", Vs = (r) => {
2194
2204
  r.$attrs$ && r.$attrs$.ref && r.$attrs$.ref(null), r.$children$ && r.$children$.map(Vs);
2195
2205
  }, Uo = (r, e) => {
2196
- const t = r.$hostElement$, s = r.$cmpMeta$, o = r.$vnode$ || ut(null, null), n = Do(e) ? e : b(null, null, e);
2197
- wt = t.tagName, s.$attrsToReflect$ && (n.$attrs$ = n.$attrs$ || {}, s.$attrsToReflect$.map(([i, l]) => n.$attrs$[l] = t[i])), n.$tag$ = null, n.$flags$ |= 4, r.$vnode$ = n, n.$elm$ = o.$elm$ = t.shadowRoot || t, Be = t["s-sc"], ks = t["s-cr"], $s = (s.$flags$ & 1) !== 0, ht = !1, Ae(o, n);
2206
+ const t = r.$hostElement$, o = r.$cmpMeta$, s = r.$vnode$ || ut(null, null), n = Do(e) ? e : b(null, null, e);
2207
+ wt = t.tagName, o.$attrsToReflect$ && (n.$attrs$ = n.$attrs$ || {}, o.$attrsToReflect$.map(([i, l]) => n.$attrs$[l] = t[i])), n.$tag$ = null, n.$flags$ |= 4, r.$vnode$ = n, n.$elm$ = s.$elm$ = t.shadowRoot || t, Be = t["s-sc"], ks = t["s-cr"], $s = (o.$flags$ & 1) !== 0, ht = !1, Ae(s, n);
2198
2208
  {
2199
2209
  if (R.$flags$ |= 1, zt) {
2200
2210
  As(n.$elm$);
@@ -2216,14 +2226,14 @@ const b = (r, e, ...t) => {
2216
2226
  }
2217
2227
  }, To = (r, e) => {
2218
2228
  }, Os = (r, e) => (r.$flags$ |= 16, To(r, r.$ancestorComponent$), pr(() => Zo(r, e))), Zo = (r, e) => {
2219
- const t = r.$hostElement$, s = Ee("scheduleUpdate", r.$cmpMeta$.$tagName$), o = t;
2229
+ const t = r.$hostElement$, o = Ee("scheduleUpdate", r.$cmpMeta$.$tagName$), s = t;
2220
2230
  let n;
2221
- return e ? n = Ve(o, "componentWillLoad") : n = Ve(o, "componentWillUpdate"), n = ps(n, () => Ve(o, "componentWillRender")), s(), ps(n, () => Fo(r, o, e));
2231
+ return e ? n = Ve(s, "componentWillLoad") : n = Ve(s, "componentWillUpdate"), n = ps(n, () => Ve(s, "componentWillRender")), o(), ps(n, () => Fo(r, s, e));
2222
2232
  }, Fo = async (r, e, t) => {
2223
- const s = r.$hostElement$, o = Ee("update", r.$cmpMeta$.$tagName$);
2224
- s["s-rc"], t && qo(r);
2233
+ const o = r.$hostElement$, s = Ee("update", r.$cmpMeta$.$tagName$);
2234
+ o["s-rc"], t && qo(r);
2225
2235
  const n = Ee("render", r.$cmpMeta$.$tagName$);
2226
- No(r, e, s), n(), o(), jo(r);
2236
+ No(r, e, o), n(), s(), jo(r);
2227
2237
  }, No = (r, e, t) => {
2228
2238
  try {
2229
2239
  rs = e, e = e.render && e.render(), r.$flags$ &= -17, r.$flags$ |= 2, (ze.hasRenderFn || ze.reflect) && (ze.vdomRender || ze.reflect) && (ze.hydrateServerSide || Uo(r, e));
@@ -2232,24 +2242,24 @@ const b = (r, e, ...t) => {
2232
2242
  }
2233
2243
  return rs = null, null;
2234
2244
  }, jo = (r) => {
2235
- const e = r.$cmpMeta$.$tagName$, t = r.$hostElement$, s = Ee("postUpdate", e), o = t;
2236
- r.$ancestorComponent$, Ve(o, "componentDidRender"), r.$flags$ & 64 ? (Ve(o, "componentDidUpdate"), s()) : (r.$flags$ |= 64, Ve(o, "componentDidLoad"), s());
2245
+ const e = r.$cmpMeta$.$tagName$, t = r.$hostElement$, o = Ee("postUpdate", e), s = t;
2246
+ r.$ancestorComponent$, Ve(s, "componentDidRender"), r.$flags$ & 64 ? (Ve(s, "componentDidUpdate"), o()) : (r.$flags$ |= 64, Ve(s, "componentDidLoad"), o());
2237
2247
  }, Ve = (r, e, t) => {
2238
2248
  if (r && r[e])
2239
2249
  try {
2240
2250
  return r[e](t);
2241
- } catch (s) {
2242
- st(s);
2251
+ } catch (o) {
2252
+ st(o);
2243
2253
  }
2244
- }, ps = (r, e) => r && r.then ? r.then(e) : e(), Wo = (r, e) => xt(r).$instanceValues$.get(e), Yo = (r, e, t, s) => {
2245
- const o = xt(r), n = r, i = o.$instanceValues$.get(e), l = o.$flags$, c = n;
2246
- t = Ao(t, s.$members$[e][0]);
2254
+ }, ps = (r, e) => r && r.then ? r.then(e) : e(), Wo = (r, e) => xt(r).$instanceValues$.get(e), Yo = (r, e, t, o) => {
2255
+ const s = xt(r), n = r, i = s.$instanceValues$.get(e), l = s.$flags$, c = n;
2256
+ t = Ao(t, o.$members$[e][0]);
2247
2257
  const h = Number.isNaN(i) && Number.isNaN(t);
2248
2258
  if (t !== i && !h) {
2249
- o.$instanceValues$.set(e, t);
2259
+ s.$instanceValues$.set(e, t);
2250
2260
  {
2251
- if (s.$watchers$ && l & 128) {
2252
- const p = s.$watchers$[e];
2261
+ if (o.$watchers$ && l & 128) {
2262
+ const p = o.$watchers$[e];
2253
2263
  p && p.map((v) => {
2254
2264
  try {
2255
2265
  c[v](t, i, e);
@@ -2261,16 +2271,16 @@ const b = (r, e, ...t) => {
2261
2271
  if ((l & 18) === 2) {
2262
2272
  if (c.componentShouldUpdate && c.componentShouldUpdate(t, i, e) === !1)
2263
2273
  return;
2264
- Os(o, !1);
2274
+ Os(s, !1);
2265
2275
  }
2266
2276
  }
2267
2277
  }
2268
2278
  }, Ko = (r, e, t) => {
2269
2279
  if (e.$members$) {
2270
2280
  r.watchers && (e.$watchers$ = r.watchers);
2271
- const s = Object.entries(e.$members$), o = r.prototype;
2272
- s.map(([n, [i]]) => {
2273
- (i & 31 || i & 32) && Object.defineProperty(o, n, {
2281
+ const o = Object.entries(e.$members$), s = r.prototype;
2282
+ o.map(([n, [i]]) => {
2283
+ (i & 31 || i & 32) && Object.defineProperty(s, n, {
2274
2284
  get() {
2275
2285
  return Wo(this, n);
2276
2286
  },
@@ -2283,16 +2293,16 @@ const b = (r, e, ...t) => {
2283
2293
  });
2284
2294
  {
2285
2295
  const n = /* @__PURE__ */ new Map();
2286
- o.attributeChangedCallback = function(i, l, c) {
2296
+ s.attributeChangedCallback = function(i, l, c) {
2287
2297
  R.jmp(() => {
2288
2298
  const h = n.get(i);
2289
2299
  if (this.hasOwnProperty(h))
2290
2300
  c = this[h], delete this[h];
2291
- else if (o.hasOwnProperty(h) && typeof this[h] == "number" && this[h] == c)
2301
+ else if (s.hasOwnProperty(h) && typeof this[h] == "number" && this[h] == c)
2292
2302
  return;
2293
2303
  this[h] = c === null && typeof this[h] == "boolean" ? !1 : c;
2294
2304
  });
2295
- }, r.observedAttributes = s.filter(
2305
+ }, r.observedAttributes = o.filter(
2296
2306
  ([i, l]) => l[0] & 15
2297
2307
  /* MEMBER_FLAGS.HasAttribute */
2298
2308
  ).map(([i, l]) => {
@@ -2302,9 +2312,9 @@ const b = (r, e, ...t) => {
2302
2312
  }
2303
2313
  }
2304
2314
  return r;
2305
- }, Go = async (r, e, t, s, o) => {
2306
- if ((e.$flags$ & 32) === 0 && (o = r.constructor, e.$flags$ |= 32, customElements.whenDefined(t.$tagName$).then(() => e.$flags$ |= 128), o.style)) {
2307
- let i = o.style;
2315
+ }, Go = async (r, e, t, o, s) => {
2316
+ if ((e.$flags$ & 32) === 0 && (s = r.constructor, e.$flags$ |= 32, customElements.whenDefined(t.$tagName$).then(() => e.$flags$ |= 128), s.style)) {
2317
+ let i = s.style;
2308
2318
  typeof i != "string" && (i = i[e.$modeName$ = Bo(r)]);
2309
2319
  const l = Ss(t, e.$modeName$);
2310
2320
  if (!yt.has(l)) {
@@ -2316,13 +2326,13 @@ const b = (r, e, ...t) => {
2316
2326
  }, Qo = (r) => {
2317
2327
  }, Xo = (r) => {
2318
2328
  if ((R.$flags$ & 1) === 0) {
2319
- const e = xt(r), t = e.$cmpMeta$, s = Ee("connectedCallback", t.$tagName$);
2320
- e.$flags$ & 1 ? (Is(r, e, t.$listeners$), Qo(e.$lazyInstance$)) : (e.$flags$ |= 1, t.$flags$ & 12 && Jo(r), t.$members$ && Object.entries(t.$members$).map(([o, [n]]) => {
2321
- if (n & 31 && r.hasOwnProperty(o)) {
2322
- const i = r[o];
2323
- delete r[o], r[o] = i;
2329
+ const e = xt(r), t = e.$cmpMeta$, o = Ee("connectedCallback", t.$tagName$);
2330
+ e.$flags$ & 1 ? (Is(r, e, t.$listeners$), Qo(e.$lazyInstance$)) : (e.$flags$ |= 1, t.$flags$ & 12 && Jo(r), t.$members$ && Object.entries(t.$members$).map(([s, [n]]) => {
2331
+ if (n & 31 && r.hasOwnProperty(s)) {
2332
+ const i = r[s];
2333
+ delete r[s], r[s] = i;
2324
2334
  }
2325
- }), Go(r, e, t)), s();
2335
+ }), Go(r, e, t)), o();
2326
2336
  }
2327
2337
  }, Jo = (r) => {
2328
2338
  const e = r["s-cr"] = J.createComment("");
@@ -2338,16 +2348,16 @@ const b = (r, e, ...t) => {
2338
2348
  $tagName$: e[1]
2339
2349
  };
2340
2350
  t.$members$ = e[2], t.$listeners$ = e[3], t.$watchers$ = r.$watchers$, t.$attrsToReflect$ = [];
2341
- const s = r.prototype.connectedCallback, o = r.prototype.disconnectedCallback;
2351
+ const o = r.prototype.connectedCallback, s = r.prototype.disconnectedCallback;
2342
2352
  return Object.assign(r.prototype, {
2343
2353
  __registerHost() {
2344
2354
  nr(this, t);
2345
2355
  },
2346
2356
  connectedCallback() {
2347
- Xo(this), s && s.call(this);
2357
+ Xo(this), o && o.call(this);
2348
2358
  },
2349
2359
  disconnectedCallback() {
2350
- er(this), o && o.call(this);
2360
+ er(this), s && s.call(this);
2351
2361
  },
2352
2362
  __attachShadow() {
2353
2363
  this.attachShadow({
@@ -2356,16 +2366,16 @@ const b = (r, e, ...t) => {
2356
2366
  });
2357
2367
  }
2358
2368
  }), r.is = t.$tagName$, Ko(r, t);
2359
- }, Is = (r, e, t, s) => {
2360
- t && t.map(([o, n, i]) => {
2361
- const l = or(r, o), c = sr(e, i), h = rr(o);
2369
+ }, Is = (r, e, t, o) => {
2370
+ t && t.map(([s, n, i]) => {
2371
+ const l = or(r, s), c = sr(e, i), h = rr(s);
2362
2372
  R.ael(l, n, c, h), (e.$rmListeners$ = e.$rmListeners$ || []).push(() => R.rel(l, n, c, h));
2363
2373
  });
2364
2374
  }, sr = (r, e) => (t) => {
2365
2375
  try {
2366
2376
  ze.lazyLoad || r.$hostElement$[e](t);
2367
- } catch (s) {
2368
- st(s);
2377
+ } catch (o) {
2378
+ st(o);
2369
2379
  }
2370
2380
  }, or = (r, e) => e & 4 ? J : e & 8 ? kt : e & 16 ? J.body : r, rr = (r) => lr ? {
2371
2381
  passive: (r & 1) !== 0,
@@ -2384,8 +2394,8 @@ const b = (r, e, ...t) => {
2384
2394
  $resourcesUrl$: "",
2385
2395
  jmp: (r) => r(),
2386
2396
  raf: (r) => requestAnimationFrame(r),
2387
- ael: (r, e, t, s) => r.addEventListener(e, t, s),
2388
- rel: (r, e, t, s) => r.removeEventListener(e, t, s),
2397
+ ael: (r, e, t, o) => r.addEventListener(e, t, o),
2398
+ rel: (r, e, t, o) => r.removeEventListener(e, t, o),
2389
2399
  ce: (r, e) => new CustomEvent(r, e)
2390
2400
  }, lr = /* @__PURE__ */ (() => {
2391
2401
  let r = !1;
@@ -2422,9 +2432,9 @@ function lt(r, e) {
2422
2432
  return t.setDate(t.getDate() + e), t;
2423
2433
  }
2424
2434
  function yr(r, e, t) {
2425
- const s = [], o = Vt(r), n = o.getDay() === 0 ? 7 : o.getDay(), i = ct(r), l = i.getDay() === 0 ? 7 : i.getDay(), c = t === 1 ? 7 : t - 1, h = [], u = [];
2435
+ const o = [], s = Vt(r), n = s.getDay() === 0 ? 7 : s.getDay(), i = ct(r), l = i.getDay() === 0 ? 7 : i.getDay(), c = t === 1 ? 7 : t - 1, h = [], u = [];
2426
2436
  {
2427
- let M = (7 - t + n) % 7, G = ft(o);
2437
+ let M = (7 - t + n) % 7, G = ft(s);
2428
2438
  for (; M > 0; )
2429
2439
  h.push(G), G = ft(G), M -= 1;
2430
2440
  h.reverse();
@@ -2432,10 +2442,10 @@ function yr(r, e, t) {
2432
2442
  for (; De > 0; )
2433
2443
  u.push(Me), Me = Ze(Me), De -= 1;
2434
2444
  }
2435
- let p = o;
2445
+ let p = s;
2436
2446
  for (; p.getMonth() === r.getMonth(); )
2437
- s.push(p), p = Ze(p);
2438
- return [...h, ...s, ...u];
2447
+ o.push(p), p = Ze(p);
2448
+ return [...h, ...o, ...u];
2439
2449
  }
2440
2450
  function Vt(r) {
2441
2451
  return ke(/* @__PURE__ */ new Date(`${String(Ps(r)).padStart(4, "0")}-${String(Rs(r)).padStart(2, "0")}-01`));
@@ -2453,10 +2463,10 @@ function Rs(r) {
2453
2463
  }
2454
2464
  function fr(r) {
2455
2465
  return new Array(12).fill(void 0).map((e, t) => {
2456
- const s = ke(/* @__PURE__ */ new Date(`2006-${String(t + 1).padStart(2, "0")}-01`));
2466
+ const o = ke(/* @__PURE__ */ new Date(`2006-${String(t + 1).padStart(2, "0")}-01`));
2457
2467
  return Intl.DateTimeFormat(r, {
2458
2468
  month: "long"
2459
- }).format(s);
2469
+ }).format(o);
2460
2470
  });
2461
2471
  }
2462
2472
  function Ze(r) {
@@ -2482,15 +2492,15 @@ function ms(r) {
2482
2492
  return e.setFullYear(e.getFullYear() - 1), e;
2483
2493
  }
2484
2494
  function vr(r, e) {
2485
- return new Array(7).fill(void 0).map((t, s) => (r + s) % 7 + 1).map((t) => {
2486
- const s = ke(/* @__PURE__ */ new Date(`2006-01-0${t}`));
2495
+ return new Array(7).fill(void 0).map((t, o) => (r + o) % 7 + 1).map((t) => {
2496
+ const o = ke(/* @__PURE__ */ new Date(`2006-01-0${t}`));
2487
2497
  return [
2488
2498
  Intl.DateTimeFormat(e, {
2489
2499
  weekday: "short"
2490
- }).format(s).slice(0, 3),
2500
+ }).format(o).slice(0, 3),
2491
2501
  Intl.DateTimeFormat(e, {
2492
2502
  weekday: "long"
2493
- }).format(s)
2503
+ }).format(o)
2494
2504
  ];
2495
2505
  });
2496
2506
  }
@@ -2500,8 +2510,8 @@ function Ps(r) {
2500
2510
  function Cs(r, e) {
2501
2511
  if (!r || !e || !e.from || !e.to)
2502
2512
  return !1;
2503
- const t = e.from < e.to ? e.from : e.to, s = e.from < e.to ? e.to : e.from;
2504
- return r >= t && r <= s;
2513
+ const t = e.from < e.to ? e.from : e.to, o = e.from < e.to ? e.to : e.from;
2514
+ return r >= t && r <= o;
2505
2515
  }
2506
2516
  function ie(r, e) {
2507
2517
  return !r || !e ? !1 : r.getFullYear() === e.getFullYear() && r.getMonth() === e.getMonth() && r.getDate() === e.getDate();
@@ -2529,7 +2539,7 @@ const br = ".visually-hidden.sc-wc-datepicker{position:absolute;overflow:hidden;
2529
2539
  super(), this.__registerHost(), this.selectDate = ls(this, "selectDate"), this.changeMonth = ls(this, "changeMonth"), this.disabled = !1, this.disableDate = () => !1, this.elementClassName = "wc-datepicker", this.firstDayOfWeek = 0, this.labels = gr, this.locale = navigator?.language || "en-US", this.showClearButton = !1, this.showMonthStepper = !0, this.showTodayButton = !1, this.showYearStepper = !1, this.startDate = xe(/* @__PURE__ */ new Date()), this.maxSearchDays = 365, this.goToRangeStartOnSelect = !0, this.init = () => {
2530
2540
  this.currentDate = this.startDate ? ke(new Date(this.startDate)) : /* @__PURE__ */ new Date(), this.updateWeekdays();
2531
2541
  }, this.getAvailableDate = (r, e) => {
2532
- let t, s = !1;
2542
+ let t, o = !1;
2533
2543
  switch (e) {
2534
2544
  case "previousDay":
2535
2545
  t = ft(r);
@@ -2562,7 +2572,7 @@ const br = ".visually-hidden.sc-wc-datepicker{position:absolute;overflow:hidden;
2562
2572
  t = gs(r);
2563
2573
  break;
2564
2574
  }
2565
- for (; this.disableDate(t) && !s; ) {
2575
+ for (; this.disableDate(t) && !o; ) {
2566
2576
  switch (e) {
2567
2577
  case "previousDay":
2568
2578
  case "lastOfMonth":
@@ -2588,23 +2598,23 @@ const br = ".visually-hidden.sc-wc-datepicker{position:absolute;overflow:hidden;
2588
2598
  case "lastOfMonth":
2589
2599
  case "previousYear":
2590
2600
  case "nextYear":
2591
- s = t.getMonth() !== r.getMonth();
2601
+ o = t.getMonth() !== r.getMonth();
2592
2602
  break;
2593
2603
  case "previousMonth":
2594
- s = t.getMonth() !== r.getMonth() - 1;
2604
+ o = t.getMonth() !== r.getMonth() - 1;
2595
2605
  break;
2596
2606
  case "nextMonth":
2597
- s = t.getMonth() !== r.getMonth() + 1;
2607
+ o = t.getMonth() !== r.getMonth() + 1;
2598
2608
  break;
2599
2609
  default:
2600
- s = !Cs(t, {
2610
+ o = !Cs(t, {
2601
2611
  from: dt(r, this.maxSearchDays),
2602
2612
  to: lt(r, this.maxSearchDays)
2603
2613
  });
2604
2614
  break;
2605
2615
  }
2606
2616
  }
2607
- return s ? r : t;
2617
+ return o ? r : t;
2608
2618
  }, this.nextMonth = () => {
2609
2619
  this.updateCurrentDate(bs(this.currentDate));
2610
2620
  }, this.nextYear = () => {
@@ -2626,16 +2636,16 @@ const br = ".visually-hidden.sc-wc-datepicker{position:absolute;overflow:hidden;
2626
2636
  const t = ke(new Date(e.dataset.date));
2627
2637
  this.updateCurrentDate(t), this.onSelectDate(t);
2628
2638
  }, this.onMonthSelect = (r) => {
2629
- const e = +r.target.value - 1, t = this.currentDate.getDate(), s = new Date(this.currentDate.getFullYear(), e, 1), o = ct(s).getDate(), n = Math.min(t, o), i = new Date(this.currentDate.getFullYear(), e, n);
2639
+ const e = +r.target.value - 1, t = this.currentDate.getDate(), o = new Date(this.currentDate.getFullYear(), e, 1), s = ct(o).getDate(), n = Math.min(t, s), i = new Date(this.currentDate.getFullYear(), e, n);
2630
2640
  this.updateCurrentDate(i);
2631
2641
  }, this.onYearSelect = (r) => {
2632
2642
  let e = +r.target.value;
2633
2643
  const t = r.target;
2634
2644
  isNaN(e) ? (e = (/* @__PURE__ */ new Date()).getFullYear(), t.value = String(e)) : e < 0 ? (e = 0, t.value = String(e)) : e > 9999 && (e = 9999, t.value = String(e));
2635
- const s = this.currentDate.getDate(), o = this.currentDate.getMonth(), n = /* @__PURE__ */ new Date();
2636
- n.setFullYear(e, o, 1);
2637
- const i = ct(n).getDate(), l = Math.min(s, i), c = /* @__PURE__ */ new Date();
2638
- c.setFullYear(e, o, l), this.updateCurrentDate(c);
2645
+ const o = this.currentDate.getDate(), s = this.currentDate.getMonth(), n = /* @__PURE__ */ new Date();
2646
+ n.setFullYear(e, s, 1);
2647
+ const i = ct(n).getDate(), l = Math.min(o, i), c = /* @__PURE__ */ new Date();
2648
+ c.setFullYear(e, s, l), this.updateCurrentDate(c);
2639
2649
  }, this.onKeyDown = (r) => {
2640
2650
  this.disabled || (r.code === "ArrowLeft" ? (r.preventDefault(), this.updateCurrentDate(this.getAvailableDate(this.currentDate, "previousDay"), !0)) : r.code === "ArrowRight" ? (r.preventDefault(), this.updateCurrentDate(this.getAvailableDate(this.currentDate, "nextDay"), !0)) : r.code === "ArrowUp" ? (r.preventDefault(), this.updateCurrentDate(this.getAvailableDate(this.currentDate, "previousSameWeekDay"), !0)) : r.code === "ArrowDown" ? (r.preventDefault(), this.updateCurrentDate(this.getAvailableDate(this.currentDate, "nextSameWeekDay"), !0)) : r.code === "PageUp" ? (r.preventDefault(), r.shiftKey ? this.updateCurrentDate(this.getAvailableDate(this.currentDate, "previousYear"), !0) : this.updateCurrentDate(this.getAvailableDate(this.currentDate, "previousMonth"), !0)) : r.code === "PageDown" ? (r.preventDefault(), r.shiftKey ? this.updateCurrentDate(this.getAvailableDate(this.currentDate, "nextYear"), !0) : this.updateCurrentDate(this.getAvailableDate(this.currentDate, "nextMonth"), !0)) : r.code === "Home" ? (r.preventDefault(), this.updateCurrentDate(this.getAvailableDate(this.currentDate, "firstOfMonth"), !0)) : r.code === "End" ? (r.preventDefault(), this.updateCurrentDate(this.getAvailableDate(this.currentDate, "lastOfMonth"), !0)) : (r.code === "Space" || r.code === "Enter") && (r.preventDefault(), this.onSelectDate(this.currentDate)));
2641
2651
  }, this.onMouseEnter = (r) => {
@@ -2680,8 +2690,8 @@ const br = ".visually-hidden.sc-wc-datepicker{position:absolute;overflow:hidden;
2680
2690
  getCalendarRows() {
2681
2691
  const r = yr(this.currentDate, !0, this.firstDayOfWeek === 0 ? 7 : this.firstDayOfWeek), e = [];
2682
2692
  for (let t = 0; t < r.length; t += 7) {
2683
- const s = r.slice(t, t + 7);
2684
- e.push(s);
2693
+ const o = r.slice(t, t + 7);
2694
+ e.push(o);
2685
2695
  }
2686
2696
  return e;
2687
2697
  }
@@ -2710,10 +2720,10 @@ const br = ".visually-hidden.sc-wc-datepicker{position:absolute;overflow:hidden;
2710
2720
  (e = this.el.querySelector(`[data-date="${xe(r)}"]`)) === null || e === void 0 || e.focus();
2711
2721
  }
2712
2722
  updateCurrentDate(r, e) {
2713
- const t = r.getMonth(), s = r.getFullYear();
2714
- if (s > 9999 || s < 0)
2723
+ const t = r.getMonth(), o = r.getFullYear();
2724
+ if (o > 9999 || o < 0)
2715
2725
  return;
2716
- (t !== this.currentDate.getMonth() || s !== this.currentDate.getFullYear()) && (this.changeMonth.emit({
2726
+ (t !== this.currentDate.getMonth() || o !== this.currentDate.getFullYear()) && (this.changeMonth.emit({
2717
2727
  month: Rs(r),
2718
2728
  year: Ps(r),
2719
2729
  day: r.getDate()
@@ -2723,10 +2733,10 @@ const br = ".visually-hidden.sc-wc-datepicker{position:absolute;overflow:hidden;
2723
2733
  var e, t;
2724
2734
  if (!this.disableDate(r))
2725
2735
  if (this.isRangeValue(this.value)) {
2726
- const s = ((e = this.value) === null || e === void 0 ? void 0 : e[0]) === void 0 || this.value.length === 2 ? [r] : [this.value[0], r];
2727
- s.length === 2 && s[0] > s[1] && s.reverse();
2728
- const o = s[1] === void 0 ? [xe(s[0])] : [xe(s[0]), xe(s[1])];
2729
- this.value = s, this.selectDate.emit(o);
2736
+ const o = ((e = this.value) === null || e === void 0 ? void 0 : e[0]) === void 0 || this.value.length === 2 ? [r] : [this.value[0], r];
2737
+ o.length === 2 && o[0] > o[1] && o.reverse();
2738
+ const s = o[1] === void 0 ? [xe(o[0])] : [xe(o[0]), xe(o[1])];
2739
+ this.value = o, this.selectDate.emit(s);
2730
2740
  } else {
2731
2741
  if (((t = this.value) === null || t === void 0 ? void 0 : t.getTime()) === r.getTime())
2732
2742
  return;
@@ -2744,15 +2754,15 @@ const br = ".visually-hidden.sc-wc-datepicker{position:absolute;overflow:hidden;
2744
2754
  [`${this.getClassName()}--disabled`]: this.disabled
2745
2755
  }, role: "group" }, b("div", { class: this.getClassName("header") }, b("span", { "aria-atomic": "true", "aria-live": "polite", class: "visually-hidden" }, this.getTitle()), this.showYearStepper && b("button", { "aria-label": this.labels.previousYearButton, class: this.getClassName("previous-year-button"), disabled: this.disabled, innerHTML: this.previousYearButtonContent || void 0, onClick: this.previousYear, type: "button" }, b("svg", { fill: "none", height: "24", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", stroke: "currentColor", viewBox: "0 0 24 24", width: "24" }, b("polyline", { points: "11 17 6 12 11 7" }), b("polyline", { points: "18 17 13 12 18 7" }))), this.showMonthStepper && b("button", { "aria-label": this.labels.previousMonthButton, class: this.getClassName("previous-month-button"), disabled: this.disabled, innerHTML: this.previousMonthButtonContent || void 0, onClick: this.previousMonth, type: "button" }, b("svg", { fill: "none", height: "24", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", stroke: "currentColor", viewBox: "0 0 24 24", width: "24" }, b("polyline", { points: "15 18 9 12 15 6" }))), b("span", { class: this.getClassName("current-month") }, b("select", { title: this.labels.monthSelect, "aria-label": this.labels.monthSelect, class: this.getClassName("month-select"), disabled: this.disabled, name: "month", onChange: this.onMonthSelect }, fr(this.locale).map((e, t) => b("option", { key: e, selected: this.currentDate.getMonth() === t, value: t + 1 }, e))), b("input", { title: this.labels.yearSelect, "aria-label": this.labels.yearSelect, class: this.getClassName("year-select"), disabled: this.disabled, max: 9999, maxLength: 4, min: 1, name: "year", onChange: this.onYearSelect, type: "number", value: this.currentDate.getFullYear() })), this.showMonthStepper && b("button", { "aria-label": this.labels.nextMonthButton, class: this.getClassName("next-month-button"), disabled: this.disabled, innerHTML: this.nextMonthButtonContent || void 0, onClick: this.nextMonth, type: "button" }, b("svg", { fill: "none", height: "24", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", stroke: "currentColor", viewBox: "0 0 24 24", width: "24" }, b("polyline", { points: "9 18 15 12 9 6" }))), this.showYearStepper && b("button", { "aria-label": this.labels.nextYearButton, class: this.getClassName("next-year-button"), disabled: this.disabled, innerHTML: this.nextYearButtonContent || void 0, onClick: this.nextYear, type: "button" }, b("svg", { fill: "none", height: "24", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", stroke: "currentColor", viewBox: "0 0 24 24", width: "24" }, b("polyline", { points: "13 17 18 12 13 7" }), b("polyline", { points: "6 17 11 12 6 7" })))), b("div", { class: this.getClassName("body") }, b("table", { class: this.getClassName("calendar"), onKeyDown: this.onKeyDown, role: "grid" }, b("thead", { class: this.getClassName("calendar-header") }, b("tr", { class: this.getClassName("weekday-row") }, this.weekdays.map((e) => b("th", { "aria-label": e[1], abbr: e[1], class: this.getClassName("weekday"), key: e[0], scope: "col" }, b("span", null, e[0]))))), b("tbody", null, this.getCalendarRows().map((e) => {
2746
2756
  const t = `row-${e[0].getMonth()}-${e[0].getDate()}`;
2747
- return b("tr", { class: this.getClassName("calendar-row"), key: t }, e.map((s) => {
2748
- var o, n, i, l, c;
2749
- const h = ie(s, this.currentDate), u = s.getMonth() !== this.currentDate.getMonth(), p = Array.isArray(this.value) ? ie(s, this.value[0]) || ie(s, this.value[1]) : ie(s, this.value), v = this.isRangeValue ? Cs(s, {
2750
- from: (o = this.value) === null || o === void 0 ? void 0 : o[0],
2757
+ return b("tr", { class: this.getClassName("calendar-row"), key: t }, e.map((o) => {
2758
+ var s, n, i, l, c;
2759
+ const h = ie(o, this.currentDate), u = o.getMonth() !== this.currentDate.getMonth(), p = Array.isArray(this.value) ? ie(o, this.value[0]) || ie(o, this.value[1]) : ie(o, this.value), v = this.isRangeValue ? Cs(o, {
2760
+ from: (s = this.value) === null || s === void 0 ? void 0 : s[0],
2751
2761
  to: ((n = this.value) === null || n === void 0 ? void 0 : n[1]) || this.hoveredDate || this.currentDate
2752
2762
  }) : !1, M = !((i = this.value) === null || i === void 0) && i[0] ? [
2753
2763
  (l = this.value) === null || l === void 0 ? void 0 : l[0],
2754
2764
  ((c = this.value) === null || c === void 0 ? void 0 : c[1]) || this.hoveredDate
2755
- ].sort((Ys, Ks) => Ys - Ks) : [], G = this.range && ie(M[0], s), pe = this.range && ie(M[1], s), De = ie(s, /* @__PURE__ */ new Date()), Me = this.disableDate(s), Ns = `cell-${s.getMonth()}-${s.getDate()}`, js = {
2765
+ ].sort((Ys, Ks) => Ys - Ks) : [], G = this.range && ie(M[0], o), pe = this.range && ie(M[1], o), De = ie(o, /* @__PURE__ */ new Date()), Me = this.disableDate(o), Ns = `cell-${o.getMonth()}-${o.getDate()}`, js = {
2756
2766
  [this.getClassName("date")]: !0,
2757
2767
  [this.getClassName("date--current")]: h,
2758
2768
  [this.getClassName("date--disabled")]: Me,
@@ -2763,11 +2773,11 @@ const br = ".visually-hidden.sc-wc-datepicker{position:absolute;overflow:hidden;
2763
2773
  [this.getClassName("date--start")]: G,
2764
2774
  [this.getClassName("date--end")]: pe
2765
2775
  }, Ws = p ? "strong" : De ? "em" : "span";
2766
- return b("td", { "aria-disabled": String(Me), "aria-selected": p ? "true" : void 0, "aria-current": De ? "date" : p ? "true" : void 0, class: js, "data-date": xe(s), key: Ns, onClick: this.onClick, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, onFocus: this.onFocus, role: "gridcell", tabIndex: ie(s, this.currentDate) && !this.disabled ? 0 : -1 }, b(Ws, { "aria-hidden": "true" }, s.getDate()), b("span", { class: "visually-hidden" }, Intl.DateTimeFormat(this.locale, {
2776
+ return b("td", { "aria-disabled": String(Me), "aria-selected": p ? "true" : void 0, "aria-current": De ? "date" : p ? "true" : void 0, class: js, "data-date": xe(o), key: Ns, onClick: this.onClick, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, onFocus: this.onFocus, role: "gridcell", tabIndex: ie(o, this.currentDate) && !this.disabled ? 0 : -1 }, b(Ws, { "aria-hidden": "true" }, o.getDate()), b("span", { class: "visually-hidden" }, Intl.DateTimeFormat(this.locale, {
2767
2777
  day: "numeric",
2768
2778
  month: "long",
2769
2779
  year: "numeric"
2770
- }).format(s)));
2780
+ }).format(o)));
2771
2781
  }));
2772
2782
  })))), r && b("div", { class: this.getClassName("footer") }, this.showTodayButton && b("button", { class: this.getClassName("today-button"), disabled: this.disabled, innerHTML: this.todayButtonContent || void 0, onClick: this.showToday, type: "button" }, this.labels.todayButton), this.showClearButton && b("button", { class: this.getClassName("clear-button"), disabled: this.disabled, innerHTML: this.clearButtonContent || void 0, onClick: this.clear, type: "button" }, this.labels.clearButton))));
2773
2783
  }
@@ -2812,10 +2822,10 @@ const br = ".visually-hidden.sc-wc-datepicker{position:absolute;overflow:hidden;
2812
2822
  hoveredDate: [32],
2813
2823
  weekdays: [32]
2814
2824
  }]), mr = _r;
2815
- var Cr = Object.defineProperty, V = (r, e, t, s) => {
2816
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
2817
- (i = r[n]) && (o = i(e, t, o) || o);
2818
- return o && Cr(e, t, o), o;
2825
+ var Cr = Object.defineProperty, V = (r, e, t, o) => {
2826
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
2827
+ (i = r[n]) && (s = i(e, t, s) || s);
2828
+ return s && Cr(e, t, s), s;
2819
2829
  };
2820
2830
  customElements.get("wc-datepicker") || customElements.define("wc-datepicker", mr);
2821
2831
  let wr = 0;
@@ -2863,14 +2873,14 @@ const L = (fe = class extends f {
2863
2873
  this.value = void 0, this._internals.setFormValue(""), this._manageRequire();
2864
2874
  return;
2865
2875
  }
2866
- const t = e instanceof Date ? e : this._parseLocalDate(e), s = [
2876
+ const t = e instanceof Date ? e : this._parseLocalDate(e), o = [
2867
2877
  t.getFullYear(),
2868
2878
  String(t.getMonth() + 1).padStart(2, "0"),
2869
2879
  String(t.getDate()).padStart(2, "0")
2870
2880
  ].join("-");
2871
- this.value = t, this._internals.setFormValue(s);
2872
- const o = this.shadowRoot?.querySelector("input");
2873
- o && (o.value = s);
2881
+ this.value = t, this._internals.setFormValue(o);
2882
+ const s = this.shadowRoot?.querySelector("input");
2883
+ s && (s.value = o);
2874
2884
  const n = this.shadowRoot?.querySelector("wc-datepicker");
2875
2885
  n && (n.value = t), this._manageRequire();
2876
2886
  }
@@ -2919,8 +2929,8 @@ const L = (fe = class extends f {
2919
2929
  e.preventDefault(), this._hasUserInteracted = !0, this._validate();
2920
2930
  const t = this.shadowRoot?.querySelector("input");
2921
2931
  if (t) {
2922
- const s = this._internals.form;
2923
- s ? Array.from(s.elements).find(
2932
+ const o = this._internals.form;
2933
+ o ? Array.from(o.elements).find(
2924
2934
  (i) => typeof i.checkValidity == "function" && !i.checkValidity()
2925
2935
  ) === this && t.focus() : t.focus();
2926
2936
  }
@@ -2938,10 +2948,10 @@ const L = (fe = class extends f {
2938
2948
  if (!e) return;
2939
2949
  const t = e.querySelector(
2940
2950
  ".wc-datepicker__next-month-button"
2941
- ), s = e.querySelector(
2951
+ ), o = e.querySelector(
2942
2952
  ".wc-datepicker__previous-month-button"
2943
2953
  );
2944
- !t || !s || (s.innerHTML = `
2954
+ !t || !o || (o.innerHTML = `
2945
2955
  <nys-icon name="arrow_back" size="18"></nys-icon>
2946
2956
  `, t.innerHTML = `
2947
2957
  <nys-icon name="arrow_forward" size="18"></nys-icon>
@@ -2954,16 +2964,16 @@ const L = (fe = class extends f {
2954
2964
  ".wc-datepicker__month-select"
2955
2965
  );
2956
2966
  if (t && !t.parentElement?.classList.contains("month-wrapper")) {
2957
- const s = document.createElement("span");
2958
- s.className = "month-wrapper", t.parentNode?.insertBefore(s, t), s.appendChild(t);
2959
- const o = document.createElement("nys-icon");
2960
- o.setAttribute("name", "chevron_down"), o.setAttribute("id", "wc-month-dropdown-icon"), o.setAttribute("size", "20"), s.appendChild(o);
2967
+ const o = document.createElement("span");
2968
+ o.className = "month-wrapper", t.parentNode?.insertBefore(o, t), o.appendChild(t);
2969
+ const s = document.createElement("nys-icon");
2970
+ s.setAttribute("name", "chevron_down"), s.setAttribute("id", "wc-month-dropdown-icon"), s.setAttribute("size", "20"), o.appendChild(s);
2961
2971
  }
2962
2972
  }
2963
2973
  // Creates a Date at local midnight to avoid UTC timezone shifting
2964
2974
  _parseLocalDate(e) {
2965
- const [t, s, o] = e.split("-").map(Number);
2966
- return new Date(t, s - 1, o);
2975
+ const [t, o, s] = e.split("-").map(Number);
2976
+ return new Date(t, o - 1, s);
2967
2977
  }
2968
2978
  _setTodayDate() {
2969
2979
  const e = /* @__PURE__ */ new Date();
@@ -2972,14 +2982,14 @@ const L = (fe = class extends f {
2972
2982
  async _setFocusOnTodayDate(e = !1) {
2973
2983
  const t = /* @__PURE__ */ new Date();
2974
2984
  t.setHours(0, 0, 0, 0);
2975
- const s = [
2985
+ const o = [
2976
2986
  t.getFullYear(),
2977
2987
  String(t.getMonth() + 1).padStart(2, "0"),
2978
2988
  String(t.getDate()).padStart(2, "0")
2979
- ].join("-"), o = this.shadowRoot?.querySelector("wc-datepicker");
2980
- if (!o) return;
2981
- const n = o.querySelector(
2982
- `td[data-date="${s}"]`
2989
+ ].join("-"), s = this.shadowRoot?.querySelector("wc-datepicker");
2990
+ if (!s) return;
2991
+ const n = s.querySelector(
2992
+ `td[data-date="${o}"]`
2983
2993
  );
2984
2994
  n && (e || n.focus());
2985
2995
  }
@@ -3002,28 +3012,30 @@ const L = (fe = class extends f {
3002
3012
  _handleBlur(e) {
3003
3013
  const t = e.relatedTarget;
3004
3014
  if (t && (this.contains(t) || this.shadowRoot?.contains(t))) return;
3005
- this._hasUserInteracted || (this._hasUserInteracted = !0), this.shadowRoot?.querySelector("wc-datepicker")?.classList.remove("active"), this.datepickerIsOpen = !1, this._validate(), this.dispatchEvent(new Event("nys-blur")), this.removeEventListener("keydown", this._handleFocusTrap);
3015
+ this._hasUserInteracted || (this._hasUserInteracted = !0), this.shadowRoot?.querySelector("wc-datepicker")?.classList.remove("active"), this.datepickerIsOpen = !1, this._validate(), this.dispatchEvent(
3016
+ new Event("nys-blur", { bubbles: !0, composed: !0 })
3017
+ ), this.removeEventListener("keydown", this._handleFocusTrap);
3006
3018
  }
3007
3019
  // For when users click outside of the datepicker, we remove the calendar popup
3008
3020
  _onDocumentClick() {
3009
3021
  if (this._shouldUseNativeDatepicker()) return;
3010
3022
  const e = (t) => {
3011
- const s = t.composedPath(), o = this.shadowRoot?.querySelector(
3023
+ const o = t.composedPath(), s = this.shadowRoot?.querySelector(
3012
3024
  ".nys-datepicker--input-container"
3013
3025
  ), n = this.shadowRoot?.querySelector(
3014
3026
  ".wc-datepicker--container"
3015
3027
  ), i = this.shadowRoot?.querySelector("wc-datepicker");
3016
- o && s.includes(o) || n && s.includes(n) || i && s.includes(i) || i?.classList.remove("active");
3028
+ s && o.includes(s) || n && o.includes(n) || i && o.includes(i) || i?.classList.remove("active");
3017
3029
  };
3018
3030
  document.addEventListener("click", e);
3019
3031
  }
3020
3032
  _toggleDatepicker() {
3021
3033
  if (this.disabled) return;
3022
3034
  if (this._shouldUseNativeDatepicker()) {
3023
- const s = this.shadowRoot?.querySelector(
3035
+ const o = this.shadowRoot?.querySelector(
3024
3036
  "input"
3025
3037
  );
3026
- s && s.focus();
3038
+ o && o.focus();
3027
3039
  return;
3028
3040
  }
3029
3041
  const t = this.shadowRoot?.querySelector("wc-datepicker")?.classList.toggle("active");
@@ -3037,8 +3049,8 @@ const L = (fe = class extends f {
3037
3049
  _handleDateChange() {
3038
3050
  const e = this.shadowRoot?.querySelector("wc-datepicker");
3039
3051
  e && e.addEventListener("selectDate", (t) => {
3040
- const s = t.detail, o = this._parseLocalDate(s);
3041
- this._setValue(o), this._validate(), this._dispatchInputEvent(), e.classList.remove("active"), this.datepickerIsOpen = !1, this.removeEventListener("keydown", this._handleFocusTrap);
3052
+ const o = t.detail, s = this._parseLocalDate(o);
3053
+ this._setValue(s), this._validate(), this._dispatchInputEvent(), e.classList.remove("active"), this.datepickerIsOpen = !1, this.removeEventListener("keydown", this._handleFocusTrap);
3042
3054
  });
3043
3055
  }
3044
3056
  _handleTodayClick() {
@@ -3053,16 +3065,16 @@ const L = (fe = class extends f {
3053
3065
  _handleInputChange(e) {
3054
3066
  const t = e.target;
3055
3067
  if (!t) return;
3056
- const s = this._getValidDateFromInput(t.value);
3057
- if (!s) {
3068
+ const o = this._getValidDateFromInput(t.value);
3069
+ if (!o) {
3058
3070
  t.value || (this.value = void 0, this._internals.setFormValue(""), this._hasUserInteracted && this._validate());
3059
3071
  return;
3060
3072
  }
3061
- this._setValue(s), this._hasUserInteracted && this._validate(), this._dispatchInputEvent();
3073
+ this._setValue(o), this._hasUserInteracted && this._validate(), this._dispatchInputEvent();
3062
3074
  }
3063
3075
  _getValidDateFromInput(e) {
3064
- const s = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e);
3065
- return !s || Number(s[1]) < 1e3 ? null : this._parseLocalDate(e);
3076
+ const o = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e);
3077
+ return !o || Number(o[1]) < 1e3 ? null : this._parseLocalDate(e);
3066
3078
  }
3067
3079
  _handleFocusTrap(e) {
3068
3080
  if (!this.datepickerIsOpen || e.key !== "Tab") return;
@@ -3070,20 +3082,20 @@ const L = (fe = class extends f {
3070
3082
  ".wc-datepicker--container"
3071
3083
  );
3072
3084
  if (!t) return;
3073
- const s = [
3085
+ const o = [
3074
3086
  "button:not([disabled])",
3075
3087
  "input:not([disabled])",
3076
3088
  "select:not([disabled])",
3077
3089
  "[tabindex]:not([tabindex='-1'])"
3078
- ], o = [];
3090
+ ], s = [];
3079
3091
  if (t.querySelectorAll("nys-button").forEach((c) => {
3080
- o.push(c);
3081
- }), o.push(
3092
+ s.push(c);
3093
+ }), s.push(
3082
3094
  ...Array.from(
3083
- t.querySelectorAll(s.join(","))
3095
+ t.querySelectorAll(o.join(","))
3084
3096
  ).filter((c) => c.offsetParent !== null)
3085
- ), o.length === 0) return;
3086
- const n = o[0], i = o[o.length - 1], l = this.shadowRoot?.activeElement;
3097
+ ), s.length === 0) return;
3098
+ const n = s[0], i = s[s.length - 1], l = this.shadowRoot?.activeElement;
3087
3099
  e.shiftKey ? l === n && (e.preventDefault(), i.focus()) : l === i && (e.preventDefault(), n.focus());
3088
3100
  }
3089
3101
  _isSafari() {
@@ -3264,10 +3276,10 @@ V([
3264
3276
  let xr = L;
3265
3277
  customElements.get("nys-datepicker") || customElements.define("nys-datepicker", xr);
3266
3278
  const kr = ":host{--_nys-divider-size: var(--nys-size-1px, 1px);--_nys-divider-color: var(--nys-color-neutral-500, #797c7f);--_nys-divider-width: 100%}:host([inverted]){--_nys-divider-color: var(--nys-color-ink-reverse, #ffffff)}.nys-divider{width:var(--_nys-divider-width);height:var(--_nys-divider-size);background-color:var(--_nys-divider-color);flex:1 0 0;margin:0;border:none}";
3267
- var $r = Object.defineProperty, Er = (r, e, t, s) => {
3268
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
3269
- (i = r[n]) && (o = i(e, t, o) || o);
3270
- return o && $r(e, t, o), o;
3279
+ var $r = Object.defineProperty, Er = (r, e, t, o) => {
3280
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
3281
+ (i = r[n]) && (s = i(e, t, s) || s);
3282
+ return s && $r(e, t, s), s;
3271
3283
  };
3272
3284
  let Sr = 0;
3273
3285
  const Zt = class Zt extends f {
@@ -3295,10 +3307,10 @@ Er([
3295
3307
  ], vt.prototype, "inverted");
3296
3308
  customElements.get("nys-divider") || customElements.define("nys-divider", vt);
3297
3309
  const Us = ':host{--_nys-dropdownmenu-width: 180px;--_nys-dropdownmenu-height: 100%;--_nys-dropdownmenu-radius: var(--nys-radius-md, 4px);--_nys-dropdownmenu-border-width: var(--nys-border-width-sm, 1px);--_nys-dropdownmenu-border-color: var(--nys-color-neutral-100, #d0d0ce);--_nys-dropdownmenu-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-dropdownmenu-boxshadow-color-100: var( --nys-color-black-transparent-100, rgba(27, 27, 27, .1) );--_nys-dropdownmenu-boxshadow-color-50: var( --nys-color-black-transparent-50, rgba(27, 27, 27, .01) );--_nys-dropdownmenu-gap: var(--nys-space-2px, 2px);--_nys-dropdownmenu-padding: var(--nys-space-100, 8px);--_nys-dropdownmenu-font-size: var(--nys-font-size-ui-md, 16px);--_nys-dropdownmenu-font-weight: var(font-weight: 400);--_nys-dropdownmenu-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-dropdownmenu-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-dropdownmenuitem-color: var(--nys-color-text, #1b1b1b);--_nys-dropdownmenuitem-gap: var(--nys-space-100, 8px);--_nys-dropdownmenuitem-padding: var(--nys-space-200, 16px) var(--nys-space-100, 8px);--_nys-dropdownmenuitem-border-radius: var(--nys-radius-md, 4px);--_nys-dropdownmenuitem-background-color: var(--nys-color-white, #ffffff);--_nys-dropdownmenuitem-background-color--hover: var( --nys-color-neutral-10, #f6f6f6 );--_nys-dropdownmenuitem-background-color--active: var( --nys-color-neutral-50, #ededed );--_nys-dropdownmenuitem-color--disabled: var( --nys-color-text-disabled, #bec0c1 );--_nys-dropdownmenuitem-outline-width: var(--nys-border-width-md, 2px);--_nys-dropdownmenuitem-outline-color: var(--nys-color-focus, #004dd1)}.nys-dropdownmenu{position:fixed;top:0;left:0;z-index:1776}.nys-dropdownmenu.active ul{display:flex}.nys-dropdownmenu ul{display:none;align-items:flex-start;flex-direction:column;gap:var(--_nys-dropdownmenu-gap);width:var(--_nys-dropdownmenu-width);height:var(--_nys-dropdownmenu-height);border-radius:var(--_nys-dropdownmenu-radius);border:var(--_nys-dropdownmenu-border-width) solid var(--_nys-dropdownmenu-border-color);background-color:var(--_nys-dropdownmenu-background-color);box-shadow:0 4px 6px -1px var(--_nys-dropdownmenu-boxshadow-color-100),0 4px 6px -1px var(--_nys-dropdownmenu-boxshadow-color-50);padding:var(--_nys-dropdownmenu-padding);font-family:var(--_nys-dropdownmenu-font-family);font-size:var(--_nys-dropdownmenu-font-size);font-weight:var(--_nys-dropdownmenu-font-weight);line-height:var(--_nys-dropdownmenu-line-height);overflow:hidden;margin:0}.nys-dropdownmenuitem{list-style:none;width:var(--_nys-dropdownmenu-width);padding:0;margin:0}.nys-dropdownmenuitem a,.nys-dropdownmenuitem button{display:flex;gap:var(--_nys-dropdownmenuitem-gap);padding:var(--_nys-dropdownmenuitem-padding);border-radius:var(--_nys-dropdownmenuitem-border-radius);background-color:var(--_nys-dropdownmenuitem-background-color);width:100%;box-sizing:border-box;text-decoration:none;text-wrap:wrap;color:var(--_nys-dropdownmenuitem-color);transition:.05s ease-in-out all;border:none;font-family:var(--_nys-dropdownmenu-font-family);font-size:var(--_nys-dropdownmenu-font-size);font-weight:var(--_nys-dropdownmenu-font-weight);line-height:var(--_nys-dropdownmenu-line-height);cursor:pointer}.nys-dropdownmenuitem a nys-icon,.nys-dropdownmenuitem button nys-icon{margin-top:2px}.nys-dropdownmenuitem a:hover:not(.disabled):not([aria-disabled=true]),.nys-dropdownmenuitem button:hover:not(.disabled):not([aria-disabled=true]){background-color:var(--_nys-dropdownmenuitem-background-color--hover)}.nys-dropdownmenuitem a:active:not(.disabled):not([aria-disabled=true]),.nys-dropdownmenuitem button:active:not(.disabled):not([aria-disabled=true]){background-color:var(--_nys-dropdownmenuitem-background-color--active)}.nys-dropdownmenuitem a:focus-visible:not(:focus):not(.disabled):not([aria-disabled=true]),.nys-dropdownmenuitem button:focus-visible:not(:focus):not(.disabled):not([aria-disabled=true]){outline:var(--_nys-dropdownmenuitem-outline-width) solid var(--_nys-dropdownmenuitem-outline-color)}.nys-dropdownmenuitem a.disabled,.nys-dropdownmenuitem a[aria-disabled=true],.nys-dropdownmenuitem button.disabled,.nys-dropdownmenuitem button[aria-disabled=true]{color:var(--_nys-dropdownmenuitem-color--disabled);pointer-events:none;cursor:default}';
3298
- var Lr = Object.defineProperty, Re = (r, e, t, s) => {
3299
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
3300
- (i = r[n]) && (o = i(e, t, o) || o);
3301
- return o && Lr(e, t, o), o;
3310
+ var Lr = Object.defineProperty, Re = (r, e, t, o) => {
3311
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
3312
+ (i = r[n]) && (s = i(e, t, s) || s);
3313
+ return s && Lr(e, t, s), s;
3302
3314
  };
3303
3315
  let Dr = 0;
3304
3316
  const gt = class gt extends f {
@@ -3383,10 +3395,10 @@ Re([
3383
3395
  a({ type: String })
3384
3396
  ], ae.prototype, "divider");
3385
3397
  customElements.get("nys-dropdownmenuitem") || customElements.define("nys-dropdownmenuitem", ae);
3386
- var Mr = Object.defineProperty, Ot = (r, e, t, s) => {
3387
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
3388
- (i = r[n]) && (o = i(e, t, o) || o);
3389
- return o && Mr(e, t, o), o;
3398
+ var Mr = Object.defineProperty, Ot = (r, e, t, o) => {
3399
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
3400
+ (i = r[n]) && (s = i(e, t, s) || s);
3401
+ return s && Mr(e, t, s), s;
3390
3402
  };
3391
3403
  let zr = 0;
3392
3404
  const Ft = class Ft extends f {
@@ -3404,12 +3416,12 @@ const Ft = class Ft extends f {
3404
3416
  ));
3405
3417
  }, this._handleDocumentClick = (e) => {
3406
3418
  if (!this.showDropdown) return;
3407
- const t = e?.composedPath(), s = t.includes(this), o = this._trigger && t.includes(this._trigger);
3408
- !s && !o && this._closeDropdown();
3419
+ const t = e?.composedPath(), o = t.includes(this), s = this._trigger && t.includes(this._trigger);
3420
+ !o && !s && this._closeDropdown();
3409
3421
  }, this._handleTriggerKeydown = (e) => {
3410
3422
  (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this._toggleDropdown()), e.key === "Escape" && this.showDropdown && (e.preventDefault(), this._closeDropdown());
3411
3423
  }, this._handleMenuKeydown = (e) => {
3412
- const t = this._getMenuItems(), s = t.indexOf(document.activeElement);
3424
+ const t = this._getMenuItems(), o = t.indexOf(document.activeElement);
3413
3425
  switch (e.key) {
3414
3426
  case "Escape":
3415
3427
  e.preventDefault(), this._closeDropdown();
@@ -3417,17 +3429,17 @@ const Ft = class Ft extends f {
3417
3429
  case "ArrowDown":
3418
3430
  case "ArrowRight":
3419
3431
  e.preventDefault();
3420
- const o = s < t.length - 1 ? s + 1 : 0;
3421
- t[o].focus();
3432
+ const s = o < t.length - 1 ? o + 1 : 0;
3433
+ t[s].focus();
3422
3434
  break;
3423
3435
  case "ArrowUp":
3424
3436
  case "ArrowLeft":
3425
3437
  e.preventDefault();
3426
- const n = s > 0 ? s - 1 : t.length - 1;
3438
+ const n = o > 0 ? o - 1 : t.length - 1;
3427
3439
  t[n].focus();
3428
3440
  break;
3429
3441
  case "Tab":
3430
- s >= t.length - 1 && !e.shiftKey && this._closeDropdown();
3442
+ o >= t.length - 1 && !e.shiftKey && this._closeDropdown();
3431
3443
  break;
3432
3444
  }
3433
3445
  }, this._handleWindowResize = () => {
@@ -3457,19 +3469,19 @@ const Ft = class Ft extends f {
3457
3469
  if (!e) return null;
3458
3470
  let t = document.getElementById(e);
3459
3471
  if (t) return t;
3460
- const s = (o) => {
3461
- for (const n of Array.from(o.querySelectorAll("*"))) {
3472
+ const o = (s) => {
3473
+ for (const n of Array.from(s.querySelectorAll("*"))) {
3462
3474
  const i = n.shadowRoot;
3463
3475
  if (i) {
3464
3476
  const l = i.getElementById(e);
3465
3477
  if (l) return l;
3466
- const c = s(i);
3478
+ const c = o(i);
3467
3479
  if (c) return c;
3468
3480
  }
3469
3481
  }
3470
3482
  return null;
3471
3483
  };
3472
- return s(document);
3484
+ return o(document);
3473
3485
  }
3474
3486
  _connectTrigger() {
3475
3487
  const e = this._findTrigger();
@@ -3483,7 +3495,7 @@ const Ft = class Ft extends f {
3483
3495
  }
3484
3496
  _getMenuItems() {
3485
3497
  return (this.shadowRoot?.querySelector("slot")?.assignedElements({ flatten: !0 }) || []).filter(
3486
- (s) => s && !s.hasAttribute("disabled")
3498
+ (o) => o && !o.hasAttribute("disabled")
3487
3499
  );
3488
3500
  }
3489
3501
  async _focusOnFirstItem() {
@@ -3514,20 +3526,20 @@ const Ft = class Ft extends f {
3514
3526
  this._applyPosition(t);
3515
3527
  }
3516
3528
  _setUserPosition(e) {
3517
- const t = this._checkSpaceAvailable(), s = this._menuElement.getBoundingClientRect();
3529
+ const t = this._checkSpaceAvailable(), o = this._menuElement.getBoundingClientRect();
3518
3530
  return this._checkPositionFits(
3519
3531
  e,
3520
3532
  t,
3521
- s
3522
- ) ? e : this._findBestAlternative(e, t, s);
3533
+ o
3534
+ ) ? e : this._findBestAlternative(e, t, o);
3523
3535
  }
3524
3536
  /**
3525
3537
  * Auto Positioning of the dropdown menu relies on the best surrounding space available
3526
3538
  * to select the desirable position.
3527
3539
  */
3528
3540
  _autoPosition() {
3529
- const e = this._checkSpaceAvailable(), t = this._menuElement.getBoundingClientRect(), s = "bottom-end";
3530
- return this._checkPositionFits(s, e, t) ? s : this._findBestAlternative(s, e, t);
3541
+ const e = this._checkSpaceAvailable(), t = this._menuElement.getBoundingClientRect(), o = "bottom-end";
3542
+ return this._checkPositionFits(o, e, t) ? o : this._findBestAlternative(o, e, t);
3531
3543
  }
3532
3544
  /**
3533
3545
  * Checks if the dropdown menu fits inside the viewport on the given side of the trigger.
@@ -3536,16 +3548,16 @@ const Ft = class Ft extends f {
3536
3548
  _checkSpaceAvailable() {
3537
3549
  if (!this._trigger)
3538
3550
  return { top: 0, bottom: 0, start: 0, end: 0 };
3539
- const e = this._trigger.getBoundingClientRect(), t = window.innerWidth, s = window.innerHeight;
3551
+ const e = this._trigger.getBoundingClientRect(), t = window.innerWidth, o = window.innerHeight;
3540
3552
  return {
3541
3553
  top: e.top,
3542
- bottom: s - e.bottom,
3554
+ bottom: o - e.bottom,
3543
3555
  start: e.left,
3544
3556
  end: t - e.right
3545
3557
  };
3546
3558
  }
3547
- _checkPositionFits(e, t, s) {
3548
- const o = s.width, n = s.height, [i, l] = e.split("-"), c = i === "bottom" ? t.bottom >= n + this.GAP : t.top >= n + this.GAP, h = l === "start" ? t.end >= o : t.start >= o;
3559
+ _checkPositionFits(e, t, o) {
3560
+ const s = o.width, n = o.height, [i, l] = e.split("-"), c = i === "bottom" ? t.bottom >= n + this.GAP : t.top >= n + this.GAP, h = l === "start" ? t.end >= s : t.start >= s;
3549
3561
  return c && h;
3550
3562
  }
3551
3563
  /**
@@ -3555,23 +3567,23 @@ const Ft = class Ft extends f {
3555
3567
  * @param space
3556
3568
  * @param menuRect
3557
3569
  */
3558
- _findBestAlternative(e, t, s) {
3559
- const [o, n] = e.split("-"), i = [
3560
- `${o === "bottom" ? "top" : "bottom"}-${n}`,
3570
+ _findBestAlternative(e, t, o) {
3571
+ const [s, n] = e.split("-"), i = [
3572
+ `${s === "bottom" ? "top" : "bottom"}-${n}`,
3561
3573
  // Flip vertical
3562
- `${o}-${n === "start" ? "end" : "start"}`,
3574
+ `${s}-${n === "start" ? "end" : "start"}`,
3563
3575
  // Flip horizontal
3564
- `${o === "bottom" ? "top" : "bottom"}-${n === "start" ? "end" : "start"}`
3576
+ `${s === "bottom" ? "top" : "bottom"}-${n === "start" ? "end" : "start"}`
3565
3577
  // Flip both
3566
3578
  ];
3567
3579
  for (const l of i)
3568
- if (this._checkPositionFits(l, t, s))
3580
+ if (this._checkPositionFits(l, t, o))
3569
3581
  return l;
3570
3582
  return this._findMostAvailableSpace(t);
3571
3583
  }
3572
3584
  _findMostAvailableSpace(e) {
3573
- const t = e.bottom >= e.top ? "bottom" : "top", s = e.start >= e.end ? "start" : "end";
3574
- return `${t}-${s}`;
3585
+ const t = e.bottom >= e.top ? "bottom" : "top", o = e.start >= e.end ? "start" : "end";
3586
+ return `${t}-${o}`;
3575
3587
  }
3576
3588
  /**
3577
3589
  * A valid ideal position has been chosen.
@@ -3582,9 +3594,9 @@ const Ft = class Ft extends f {
3582
3594
  _calculateCoordinates(e) {
3583
3595
  if (!this._trigger || !this._menuElement)
3584
3596
  return { top: 0, left: 0 };
3585
- const t = this._trigger.getBoundingClientRect(), s = this._menuElement.getBoundingClientRect(), [o, n] = e.split("-");
3597
+ const t = this._trigger.getBoundingClientRect(), o = this._menuElement.getBoundingClientRect(), [s, n] = e.split("-");
3586
3598
  let i = 0, l = 0;
3587
- return o === "bottom" ? i = t.bottom + this.GAP : i = t.top - s.height - this.GAP, n === "start" ? l = t.left : l = t.right - s.width, { top: i, left: l };
3599
+ return s === "bottom" ? i = t.bottom + this.GAP : i = t.top - o.height - this.GAP, n === "start" ? l = t.left : l = t.right - o.width, { top: i, left: l };
3588
3600
  }
3589
3601
  _applyPosition(e) {
3590
3602
  this._menuElement && (this._menuElement.style.top = `${e.top}px`, this._menuElement.style.left = `${e.left}px`);
@@ -3614,10 +3626,10 @@ Ot([
3614
3626
  ], Ie.prototype, "position");
3615
3627
  customElements.get("nys-dropdownmenu") || customElements.define("nys-dropdownmenu", Ie);
3616
3628
  const Br = ':host{--_nys-errormessage-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-errormessage-font-weight: var(--nys-font-weight-regular, 400);--_nys-errormessage-font-size: var(--nys-font-size-ui-md, 16px);--_nys-errormessage-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-errormessage-letter-spacing: var( --nys-font-letterspacing-ui-md, .044px );--_nys-errormessage-color: var(--nys-color-danger, #b52c2c);--_nys-errormessage-gap: var(--nys-space-100, 8px);--_nys-errormessage-padding--divider: var(--nys-space-50, 4px);--_nys-errormessage-width--divider: var(--nys-border-width-sm, 1px);--_nys-errormessage-margin-top: 0}.nys-errormessage{display:flex;align-items:center;gap:var(--_nys-errormessage-gap);font-family:var(--_nys-errormessage-font-family);font-weight:var(--_nys-errormessage-font-weight);font-size:var(--_nys-errormessage-font-size);line-height:var(--_nys-errormessage-line-height);letter-spacing:var(--_nys-errormessage-letter-spacing);color:var(--_nys-errormessage-color);margin-top:var(--_nys-errormessage-margin-top)}.nys-errormessage[showDivider]{padding-top:var(--_nys-errormessage-padding--divider);margin-top:var(--_nys-errormessage-padding--divider);border-top:var(--_nys-errormessage-width--divider) solid var(--_nys-errormessage-color)}';
3617
- var Ar = Object.defineProperty, It = (r, e, t, s) => {
3618
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
3619
- (i = r[n]) && (o = i(e, t, o) || o);
3620
- return o && Ar(e, t, o), o;
3629
+ var Ar = Object.defineProperty, It = (r, e, t, o) => {
3630
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
3631
+ (i = r[n]) && (s = i(e, t, s) || s);
3632
+ return s && Ar(e, t, s), s;
3621
3633
  };
3622
3634
  const _t = class _t extends f {
3623
3635
  // allows use of elementInternals' API
@@ -3649,17 +3661,17 @@ It([
3649
3661
  customElements.get("nys-errormessage") || customElements.define("nys-errormessage", He);
3650
3662
  async function Vr(r, e) {
3651
3663
  if (!e || e.trim() === "") return !0;
3652
- const t = e.toLowerCase().split(",").map((n) => n.trim()), s = r.name.toLowerCase(), o = s.includes(".") ? s.split(".").pop() : "";
3664
+ const t = e.toLowerCase().split(",").map((n) => n.trim()), o = r.name.toLowerCase(), s = o.includes(".") ? o.split(".").pop() : "";
3653
3665
  for (const n of t)
3654
- if (n.startsWith(".") && n.slice(1) === o || n.endsWith("/*") && r.type.startsWith(n.slice(0, -1)) || r.type === n)
3666
+ if (n.startsWith(".") && n.slice(1) === s || n.endsWith("/*") && r.type.startsWith(n.slice(0, -1)) || r.type === n)
3655
3667
  return !0;
3656
3668
  return !1;
3657
3669
  }
3658
3670
  const Or = ':host{--_nys-fileitem-border-radius: var(--nys-radius-md, 4px);--_nys-fileitem-padding: var(--nys-space-100, 8px) var(--nys-space-200, 16px);--_nys-fileitem-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-fileitem-border-color: var(--nys-color-neutral-100, #d0d0ce);--_nys-fileitem-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-fileitem-font-size: var(--nys-font-size-ui-md, 16px);--_nys-fileitem-font-weight: var(--nys-font-weight-regular, 400);--_nys-fileitem-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-fileitem-letter-spacing: var( --nys-font-letterspacing-ui-md, .044px );--_nys-fileitem-background-color--progress: var( --nys-color-neutral-50, #ededed );--_nys-fileitem-background-color--progress--fill: var( --nys-color-info, #004dd1 )}.file-item{position:relative;border-radius:var(--_nys-fileitem-border-radius);border-width:var(--nys-border-width-sm, 1px);border-style:solid;border-color:var(--_nys-fileitem-border-color);background-color:var(--_nys-fileitem-background-color)}.file-item.error{--_nys-fileitem-border-color: var(--nys-color-danger, #b52c2c)}.file-item__main{display:flex;place-items:center center;gap:var(--_nys-fileinput-gap);padding:var(--_nys-fileitem-padding);height:56px;box-sizing:border-box}.file-item__info{display:flex;flex-direction:column;flex:1;min-width:0;font-family:var(--_nys-fileitem-font-family);font-size:var(--_nys-fileitem-font-size);font-style:normal;font-weight:var(--_nys-fileitem-font-weight);line-height:var(--_nys-fileitem-line-height);letter-spacing:var(--_nys-fileitem-letter-spacing)}.file-item__info-name{display:flex;max-width:100%;overflow:hidden;white-space:nowrap;align-items:center}.file-item__info-name-start{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.file-item p{margin:0}.file-item__error{color:var(--nys-color-danger, #b52c2c);text-overflow:ellipsis;font-weight:700}progress{position:absolute;bottom:0;display:flex;width:100%;height:6px;border-radius:var(--nys-radius-round, 1776px);background:var(--_nys-fileitem-background-color--progress--fill);overflow:hidden;appearance:none}progress::-moz-progress-bar{background-color:var(--_nys-fileitem-background-color--progress)}progress::-webkit-progress-value{background-color:var(--_nys-fileitem-background-color--progress--fill)}progress::-webkit-progress-bar{background-color:var(--_nys-fileitem-background-color--progress)}.file-icon[name=progress_activity]{animation:spin 1s linear infinite}.file-icon[name=error]{color:var(--nys-color-danger, #b52c2c)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}';
3659
- var Ir = Object.defineProperty, $t = (r, e, t, s) => {
3660
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
3661
- (i = r[n]) && (o = i(e, t, o) || o);
3662
- return o && Ir(e, t, o), o;
3671
+ var Ir = Object.defineProperty, $t = (r, e, t, o) => {
3672
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
3673
+ (i = r[n]) && (s = i(e, t, s) || s);
3674
+ return s && Ir(e, t, s), s;
3663
3675
  };
3664
3676
  const mt = class mt extends f {
3665
3677
  constructor() {
@@ -3675,11 +3687,11 @@ const mt = class mt extends f {
3675
3687
  );
3676
3688
  }
3677
3689
  splitFilename(e) {
3678
- const t = e.lastIndexOf("."), s = t !== -1 ? e.slice(t) : "", o = t !== -1 ? e.slice(0, t) : e, n = o.slice(0, o.length - 3), i = o.slice(-3);
3679
- return { startPart: n, endPart: i, extension: s };
3690
+ const t = e.lastIndexOf("."), o = t !== -1 ? e.slice(t) : "", s = t !== -1 ? e.slice(0, t) : e, n = s.slice(0, s.length - 3), i = s.slice(-3);
3691
+ return { startPart: n, endPart: i, extension: o };
3680
3692
  }
3681
3693
  render() {
3682
- const { startPart: e, endPart: t, extension: s } = this.splitFilename(this.filename);
3694
+ const { startPart: e, endPart: t, extension: o } = this.splitFilename(this.filename);
3683
3695
  return d`
3684
3696
  <div
3685
3697
  class="file-item ${this.status}"
@@ -3696,7 +3708,7 @@ const mt = class mt extends f {
3696
3708
  <div class="file-item__info-name">
3697
3709
  <span class="file-item__info-name-start">${e}</span>
3698
3710
  <span class="file-item__info-name-end"
3699
- >${t}${s}</span
3711
+ >${t}${o}</span
3700
3712
  >
3701
3713
  </div>
3702
3714
  ${this.errorMessage ? d`<p
@@ -3753,10 +3765,10 @@ $t([
3753
3765
  ], Se.prototype, "errorMessage");
3754
3766
  customElements.define("nys-fileitem", Se);
3755
3767
  const Hr = ':host{--_nys-fileinput-gap: var(--nys-space-100, 8px);--_nys-fileinput-font-size: var(--nys-font-size-ui-md, 16px);--_nys-fileinput-font-weight: var(--nys-font-weight-semibold, 600);--_nys-fileinput-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-fileinput-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-fileinput-background-color--dropzone: var( --nys-color-ink-reverse, #ffffff );--_nys-fileinput-background-color--dropzone--disabled: var( --nys-color-neutral-10, #f6f6f6 );--_nys-fileinput-background-color--dropzone--active: var( --nys-color-theme-faint, #f7fafd );--_nys-fileinput-border-radius--dropzone: var( --nys-radius-lg, var(--nys-space-100, 8px) );--_nys-fileinput-border-style: dashed;--_nys-fileinput-border-color: var(--nys-color-neutral-200, #bec0c1);--_nys-fileinput-border-width: var(--nys-border-width-sm, 1px)}.nys-fileinput{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--_nys-fileinput-gap);font-family:var(--_nys-fileinput-font-family);font-size:var(--_nys-fileinput-font-size);font-weight:var(--_nys-fileinput-font-weight);line-height:var(--_nys-fileinput-line-height)}:host([width=lg]) .nys-fileinput{max-width:var(--nys-form-width-lg, 384px)}ul{list-style-type:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:var(--_nys-fileinput-gap)}.nys-fileinput__dropzone{display:flex;padding:var(--nys-space-400, 32px) var(--nys-space-200, 16px);justify-content:center;align-items:center;gap:12px;align-self:stretch;border-radius:var(--_nys-fileinput-border-radius--dropzone);outline:var(--_nys-fileinput-border-width) var(--_nys-fileinput-border-style) var(--_nys-fileinput-border-color);background-color:var(--_nys-fileinput-background-color--dropzone);transition:all 60ms ease-in-out}.nys-fileinput__dropzone:hover{cursor:pointer;--_nys-fileinput-border-width: var(--nys-border-width-md, 2px);--_nys-fileinput-border-color: var(--nys-color-neutral-700, #4a4d4f)}.nys-fileinput__dropzone.drag-active{--_nys-fileinput-border-width: var(--nys-border-width-md, 2px);--_nys-fileinput-border-color: var(--nys-color-theme, #154973);--_nys-fileinput-border-style: solid}.nys-fileinput__dropzone.error{--_nys-fileinput-border-color: var(--nys-color-danger, #b52c2c)}.nys-fileinput__dropzone.error:hover{--_nys-fileinput-border-width: var(--nys-border-width-md, 2px);--_nys-fileinput-border-color: var(--nys-color-emergency, #721c1c)}.nys-fileinput__dropzone.disabled{cursor:not-allowed;--_nys-fileinput-border-color: var(--nys-color-neutral-300, #a7a9ab);--_nys-fileinput-border-width: var(--nys-border-width-sm, 1px);background-color:var(--_nys-fileinput-background-color--dropzone--disabled);color:var(--_nys-fileinput-color--dropzone--disabled)}progress{display:flex;width:100%;height:6px;border-radius:var(--nys-radius-round, 1776px);background-color:var(--_nys-fileinput-progress-background);overflow:hidden;appearance:none;border:none}progress::-moz-progress-bar{background-color:var(--_nys-fileinput-progress-background)}progress::-webkit-progress-value{background-color:var(--_nys-fileinput-progress-background)}progress::-webkit-progress-bar{background-color:var(--_nys-fileinput-progress-background)}';
3756
- var qr = Object.defineProperty, U = (r, e, t, s) => {
3757
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
3758
- (i = r[n]) && (o = i(e, t, o) || o);
3759
- return o && qr(e, t, o), o;
3768
+ var qr = Object.defineProperty, U = (r, e, t, o) => {
3769
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
3770
+ (i = r[n]) && (s = i(e, t, s) || s);
3771
+ return s && qr(e, t, s), s;
3760
3772
  };
3761
3773
  let Rr = 0;
3762
3774
  const We = class We extends f {
@@ -3774,14 +3786,14 @@ const We = class We extends f {
3774
3786
  if (this._selectedFiles.length === 0)
3775
3787
  return `${this.label + " " + this.description}`;
3776
3788
  const e = this._selectedFiles.some(
3777
- (o) => o.status === "error"
3789
+ (s) => s.status === "error"
3778
3790
  );
3779
3791
  let t = "";
3780
3792
  if (this._selectedFiles.length === 1)
3781
3793
  t = `You have selected ${this._selectedFiles[0].file.name}.`;
3782
3794
  else {
3783
- const o = this._selectedFiles.map((n) => n.file.name).join(", ");
3784
- t = `You have selected ${this._selectedFiles.length} files: ${o}`;
3795
+ const s = this._selectedFiles.map((n) => n.file.name).join(", ");
3796
+ t = `You have selected ${this._selectedFiles.length} files: ${s}`;
3785
3797
  }
3786
3798
  return `${t}${e ? " Error: One or more files are not valid file types." : ""}`;
3787
3799
  }
@@ -3811,8 +3823,8 @@ const We = class We extends f {
3811
3823
  const e = this._selectedFiles.map((t) => t.file);
3812
3824
  if (e.length > 0) {
3813
3825
  const t = new FormData();
3814
- e.forEach((s) => {
3815
- t.append(this.name, s);
3826
+ e.forEach((o) => {
3827
+ t.append(this.name, o);
3816
3828
  }), this._internals.setFormValue(t);
3817
3829
  } else
3818
3830
  this._internals.setFormValue(null);
@@ -3839,10 +3851,10 @@ const We = class We extends f {
3839
3851
  }
3840
3852
  _validate() {
3841
3853
  const e = this._selectedFiles.some(
3842
- (o) => o.status === "error"
3854
+ (s) => s.status === "error"
3843
3855
  ), t = this.required && this._selectedFiles.length === 0;
3844
- let s = "";
3845
- t ? s = this.errorMessage || "Please upload a file." : e && (s = "One or more files are invalid."), this._setValidityMessage(s);
3856
+ let o = "";
3857
+ t ? o = this.errorMessage || "Please upload a file." : e && (o = "One or more files are invalid."), this._setValidityMessage(o);
3846
3858
  }
3847
3859
  // This helper function is called to perform the element's native validation.
3848
3860
  checkValidity() {
@@ -3861,8 +3873,8 @@ const We = class We extends f {
3861
3873
  e.preventDefault(), this._validate();
3862
3874
  const t = this._innerNysButton;
3863
3875
  if (t) {
3864
- const s = this._internals.form;
3865
- s ? Array.from(s.elements).find(
3876
+ const o = this._internals.form;
3877
+ o ? Array.from(o.elements).find(
3866
3878
  (i) => typeof i.checkValidity == "function" && !i.checkValidity()
3867
3879
  ) === this && (t.focus(), t.classList.add("active-focus")) : (t.focus(), t.classList.add("active-focus"));
3868
3880
  }
@@ -3874,14 +3886,14 @@ const We = class We extends f {
3874
3886
  // Store the files to be displayed
3875
3887
  async _saveSelectedFiles(e) {
3876
3888
  if (this._selectedFiles.some(
3877
- (o) => o.file.name == e.name
3889
+ (s) => s.file.name == e.name
3878
3890
  ) || !this.multiple && this._selectedFiles.length >= 1) return;
3879
- const s = {
3891
+ const o = {
3880
3892
  file: e,
3881
3893
  progress: 0,
3882
3894
  status: "pending"
3883
3895
  };
3884
- this._selectedFiles.push(s), await this._processFile(s), this._setValue(), this._validate();
3896
+ this._selectedFiles.push(o), await this._processFile(o), this._setValue(), this._validate();
3885
3897
  }
3886
3898
  // Read the contents of stored files, this will indicate loading progress of the uploaded files
3887
3899
  async _processFile(e) {
@@ -3891,17 +3903,17 @@ const We = class We extends f {
3891
3903
  e.status = "error", e.errorMsg = "File type is invalid.", this.requestUpdate();
3892
3904
  return;
3893
3905
  }
3894
- const s = new FileReader();
3895
- s.onprogress = (o) => {
3896
- if (o.lengthComputable) {
3897
- const n = Math.round(o.loaded * 100 / o.total);
3906
+ const o = new FileReader();
3907
+ o.onprogress = (s) => {
3908
+ if (s.lengthComputable) {
3909
+ const n = Math.round(s.loaded * 100 / s.total);
3898
3910
  e.progress = n, this.requestUpdate();
3899
3911
  }
3900
- }, s.onload = () => {
3912
+ }, o.onload = () => {
3901
3913
  e.progress = 100, e.status = "done", this.requestUpdate();
3902
- }, s.onerror = () => {
3914
+ }, o.onerror = () => {
3903
3915
  e.status = "error", e.errorMsg = "Failed to load file.", this.requestUpdate();
3904
- }, s.readAsArrayBuffer(e.file);
3916
+ }, o.readAsArrayBuffer(e.file);
3905
3917
  } catch {
3906
3918
  e.status = "error", e.errorMsg = "Error validating file.", this.requestUpdate();
3907
3919
  }
@@ -3944,20 +3956,20 @@ const We = class We extends f {
3944
3956
  */
3945
3957
  // Access the selected files & add new files to the internal list via the hidden <input type="file">
3946
3958
  _handleFileChange(e) {
3947
- const s = e.target.files;
3948
- (s ? Array.from(s) : []).map((n) => {
3959
+ const o = e.target.files;
3960
+ (o ? Array.from(o) : []).map((n) => {
3949
3961
  this._saveSelectedFiles(n);
3950
3962
  }), this.requestUpdate(), this._dispatchChangeEvent(), this._handlePostFileSelectionFocus();
3951
3963
  }
3952
3964
  _handleFileRemove(e) {
3953
3965
  const t = e.detail.filename;
3954
3966
  if (this._selectedFiles = this._selectedFiles.filter(
3955
- (s) => s.file.name !== t
3967
+ (o) => o.file.name !== t
3956
3968
  ), this._selectedFiles.length === 0) {
3957
- const s = this.shadowRoot?.querySelector(
3969
+ const o = this.shadowRoot?.querySelector(
3958
3970
  "input"
3959
3971
  );
3960
- s && (s.value = "");
3972
+ o && (o.value = "");
3961
3973
  }
3962
3974
  this._setValue(), this._validate(), this.requestUpdate(), this._dispatchChangeEvent();
3963
3975
  }
@@ -3973,10 +3985,10 @@ const We = class We extends f {
3973
3985
  e.preventDefault(), this._dragActive = !1, this.requestUpdate();
3974
3986
  const t = e.dataTransfer?.files;
3975
3987
  if (!t) return;
3976
- const s = Array.from(t);
3977
- this.multiple ? s.forEach((o) => {
3978
- this._saveSelectedFiles(o);
3979
- }) : this._saveSelectedFiles(s[0]), this.requestUpdate(), this._dispatchChangeEvent();
3988
+ const o = Array.from(t);
3989
+ this.multiple ? o.forEach((s) => {
3990
+ this._saveSelectedFiles(s);
3991
+ }) : this._saveSelectedFiles(o[0]), this.requestUpdate(), this._dispatchChangeEvent();
3980
3992
  }
3981
3993
  render() {
3982
3994
  return d`<div
@@ -4778,10 +4790,10 @@ const Pr = {
4778
4790
  </g>
4779
4791
  </svg>`
4780
4792
  }, Ur = ":host{display:inline-block;width:fit-content;height:fit-content;--_nys-icon-size: var( --nys-icon-size, .7em );box-sizing:content-box!important}@supports (font-size: 1cap){:host{--_nys-icon-size: var(--nys-icon-size, 1cap)}}.nys-icon--svg{width:var(--_nys-icon-size, 1em);height:var(--_nys-icon-size, 1em);display:block;white-space:nowrap}.nys-icon--xs{width:calc(var(--_nys-icon-size) * .75);height:calc(var(--_nys-icon-size) * .75)}.nys-icon--sm{width:calc(var(--_nys-icon-size) * .875);height:calc(var(--_nys-icon-size) * .875)}.nys-icon--md{width:var(--_nys-icon-size);height:var(--_nys-icon-size)}.nys-icon--lg{width:calc(var(--_nys-icon-size) * 1.125);height:calc(var(--_nys-icon-size) * 1.125)}.nys-icon--xl{width:calc(var(--_nys-icon-size) * 1.25);height:calc(var(--_nys-icon-size) * 1.25)}.nys-icon--2xl{width:calc(var(--_nys-icon-size) * 1.5);height:calc(var(--_nys-icon-size) * 1.5)}.nys-icon--3xl{width:calc(var(--_nys-icon-size) * 1.875);height:calc(var(--_nys-icon-size) * 1.875)}.nys-icon--4xl{width:calc(var(--_nys-icon-size) * 2.25);height:calc(var(--_nys-icon-size) * 2.25)}.nys-icon--5xl{width:calc(var(--_nys-icon-size) * 3);height:calc(var(--_nys-icon-size) * 3)}.nys-icon--12{width:.75rem;height:.75rem}.nys-icon--14{width:.875rem;height:.875rem}.nys-icon--16{width:1rem;height:1rem}.nys-icon--18{width:1.125rem;height:1.125rem}.nys-icon--20{width:1.25rem;height:1.25rem}.nys-icon--24{width:1.5rem;height:1.5rem}.nys-icon--32{width:2rem;height:2rem}.nys-icon--40{width:2.5rem;height:2.5rem}.nys-icon--50{width:3.125rem;height:3.125rem}.nys-icon--flip-horizontal{transform:scaleX(-1)}.nys-icon--flip-vertical{transform:scaleY(-1)}.nys-icon--flip-both{transform:scale(-1)}";
4781
- var Tr = Object.defineProperty, Pe = (r, e, t, s) => {
4782
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
4783
- (i = r[n]) && (o = i(e, t, o) || o);
4784
- return o && Tr(e, t, o), o;
4793
+ var Tr = Object.defineProperty, Pe = (r, e, t, o) => {
4794
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
4795
+ (i = r[n]) && (s = i(e, t, s) || s);
4796
+ return s && Tr(e, t, s), s;
4785
4797
  };
4786
4798
  const Nt = class Nt extends f {
4787
4799
  constructor() {
@@ -4795,8 +4807,8 @@ const Nt = class Nt extends f {
4795
4807
  getIcon() {
4796
4808
  const e = Pr[this.name];
4797
4809
  if (!e) return null;
4798
- const o = new DOMParser().parseFromString(e, "image/svg+xml").documentElement;
4799
- return o instanceof SVGElement ? (o.setAttribute("role", "img"), this.ariaLabel ? (o.setAttribute("aria-label", this.ariaLabel), o.removeAttribute("aria-hidden")) : (o.setAttribute("aria-hidden", "true"), o.removeAttribute("aria-label")), o.style.rotate = `${this.rotate}deg`, o.style.color = this.color || "currentcolor", o.classList.add(`nys-icon--${this.size}`), o.classList.add("nys-icon--svg"), this.flip && o.classList.add(`nys-icon--flip-${this.flip}`), o) : null;
4810
+ const s = new DOMParser().parseFromString(e, "image/svg+xml").documentElement;
4811
+ return s instanceof SVGElement ? (s.setAttribute("role", "img"), this.ariaLabel ? (s.setAttribute("aria-label", this.ariaLabel), s.removeAttribute("aria-hidden")) : (s.setAttribute("aria-hidden", "true"), s.removeAttribute("aria-label")), s.style.rotate = `${this.rotate}deg`, s.style.color = this.color || "currentcolor", s.classList.add(`nys-icon--${this.size}`), s.classList.add("nys-icon--svg"), this.flip && s.classList.add(`nys-icon--flip-${this.flip}`), s) : null;
4800
4812
  }
4801
4813
  render() {
4802
4814
  const e = this.getIcon();
@@ -4825,10 +4837,10 @@ Pe([
4825
4837
  ], le.prototype, "size");
4826
4838
  customElements.get("nys-icon") || customElements.define("nys-icon", le);
4827
4839
  const Zr = ':host{--_nys-label-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-label-font-weight: var(--nys-font-weight-semibold, 600);--_nys-label-font-size: var(--nys-font-size-ui-md, 16px);--_nys-label-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-label-letter-spacing: var(--nys-font-letterspacing-ui-md, .044px);--_nys-label-color: var(--nys-color-text, #1b1b1b);--_nys-label-cursor: normal;--_nys-description-font-weight: var(--nys-font-weight-regular, 400);--_nys-description-font-style: normal;--_nys-description-font-color: var(--nys-color-text-weak, #4a4d4f);--_nys-required-font-color: var(--nys-color-danger, #b52c2c);--_nys-optional-font-weight: var(--nys-font-weight-regular, 400);--_nys-optional-font-color: var(--nys-color-text-weak, #4a4d4f);--_nys-label-gap: var(--nys-space-4px, 4px)}p{margin:0}.nys-label{display:flex;flex-direction:column;align-items:flex-start;font-family:var(--_nys-label-font-family);font-size:var(--_nys-label-font-size);line-height:var(--_nys-label-line-height);letter-spacing:var(--_nys-label-letter-spacing)}.nys-label *{cursor:var(--_nys-label-cursor)}.nys-label__label{display:flex;gap:var(--_nys-label-gap);text-align:left;font-weight:var(--_nys-label-font-weight);color:var(--_nys-label-color)}.nys-label__description{text-align:left;font-weight:var(--_nys-description-font-weight);font-style:var(--_nys-description-font-style);color:var(--_nys-description-font-color)}.nys-label__required{display:contents;font-weight:var(--_nys-label-font-weight);color:var(--_nys-required-font-color)}.nys-label__optional{display:contents;font-weight:var(--_nys-optional-font-weight);color:var(--_nys-optional-font-color)}.nys-label__tooltip-wrapper{display:flex;gap:2px;align-items:center}.nys-label.invert .nys-label__label,.nys-label.invert .nys-label__description,.nys-label.invert .nys-label__optional{color:var(--nys-color-text-reverse, #ffffff)}.nys-label.invert .nys-label__tooltip-icon{color:var(--nys-color-ink-reverse, #ffffff)}';
4828
- var Fr = Object.defineProperty, Nr = Object.getOwnPropertyDescriptor, Ue = (r, e, t, s) => {
4829
- for (var o = s > 1 ? void 0 : s ? Nr(e, t) : e, n = r.length - 1, i; n >= 0; n--)
4830
- (i = r[n]) && (o = (s ? i(e, t, o) : i(o)) || o);
4831
- return s && o && Fr(e, t, o), o;
4840
+ var Fr = Object.defineProperty, Nr = Object.getOwnPropertyDescriptor, Ue = (r, e, t, o) => {
4841
+ for (var s = o > 1 ? void 0 : o ? Nr(e, t) : e, n = r.length - 1, i; n >= 0; n--)
4842
+ (i = r[n]) && (s = (o ? i(e, t, s) : i(s)) || s);
4843
+ return o && s && Fr(e, t, s), s;
4832
4844
  };
4833
4845
  const jt = class jt extends f {
4834
4846
  constructor() {
@@ -4847,8 +4859,8 @@ const jt = class jt extends f {
4847
4859
  _handleLabelClick(e) {
4848
4860
  if (!this.for) return;
4849
4861
  const t = this.getRootNode().host;
4850
- let s = null;
4851
- t && t.shadowRoot && (s = t.shadowRoot.querySelector(`#${this.for}`)), s && (s instanceof HTMLInputElement ? (e.preventDefault(), e.stopPropagation(), s.type === "file" ? s.click() : s.type === "checkbox" || s.type === "radio" ? (s.focus(), s.click()) : s.focus()) : s.focus());
4862
+ let o = null;
4863
+ t && t.shadowRoot && (o = t.shadowRoot.querySelector(`#${this.for}`)), o && (o instanceof HTMLInputElement ? (e.preventDefault(), e.stopPropagation(), o.type === "file" ? o.click() : o.type === "checkbox" || o.type === "radio" ? (o.focus(), o.click()) : o.focus()) : o.focus());
4852
4864
  }
4853
4865
  render() {
4854
4866
  return d`
@@ -4909,10 +4921,10 @@ Ue([
4909
4921
  ], ce.prototype, "tooltip", 1);
4910
4922
  customElements.get("nys-label") || customElements.define("nys-label", ce);
4911
4923
  const jr = ':host{--_nys-modal-width: 439px;--_nys-modal-min-width: 320px;--_nys-modal-border-radius: var(--nys-radius-lg, 8px);--_nys-modal-border-color: var(--nys-color-neutral-200, #bec0c1);--_nys-modal-border-width: 1px;--_nys-modal-background-color: var(--nys-color-surface, #ffffff);--_nys-modal-margin: var(--nys-space-250, 20px);--_nys-modal-padding: var(--nys-space-300, 24px);--_nys-modal-gap: var(--nys-space-200, 16px);--_nys-modal-background-color--overlay: var( --nys-color-black-transparent-700, rgba(27, 27, 27, .7) );--_nys-modal-gap--header: var(--nys-space-100, 8px);--_nys-modal-gap--footer: var(--nys-space-250, 20px);--_nys-modal-font-size: var( --nys-font-size-body-md, var(--nys-font-size-md, 16px) );--_nys-modal-font-size--subheader: var( --nys-font-size-body-lg, var(--nys-font-size-lg, 18px) );--_nys-modal-font-weight--header: var(--nys-font-weight-bold, 700);--_nys-modal-font-weight--subheader: var(--nys-font-weight-semibold, 600);--_nys-modal-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-modal-line-height--subheader: var(--nys-font-lineheight-body-lg, 28px);--_nys-modal-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) )}*{box-sizing:border-box}::slotted(p){margin:0!important}h2,p{flex:1;margin:0}.nys-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000;background:var(--_nys-modal-background-color--overlay)}.nys-modal{display:flex;flex-direction:column;margin:var(--_nys-modal-margin);padding:var(--_nys-modal-padding);gap:var(--_nys-modal-gap);width:var(--_nys-modal-width);border-radius:var(--_nys-modal-border-radius);border:var(--_nys-modal-border-width) solid var(--_nys-modal-border-color);font-family:var(--_nys-modal-font-family);font-size:var(--_nys-modal-font-size);line-height:var(--_nys-modal-line-height);background:var(--_nys-modal-background-color);position:relative;z-index:10000}.nys-modal_header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--_nys-modal-gap--header)}.nys-modal_header p{font-size:var(--_nys-modal-font-size--subheader);font-weight:var(--_nys-modal-font-weight--subheader);line-height:var(--_nys-modal-line-height--subheader)}.nys-modal_header-inner{display:flex;align-items:center;width:100%;font-weight:var(--_nys-modal-font-weight--header)}.nys-modal_body{display:flex;flex-direction:column;align-items:flex-start}.nys-modal_body-inner{overflow:auto;width:100%;max-height:45vh}.nys-modal_body.hidden{display:none}.nys-modal_footer ::slotted(*){display:flex;flex-direction:column-reverse;justify-content:center;gap:var(--_nys-modal-gap--footer);align-self:stretch}.nys-modal_footer.hidden ::slotted(*){display:none}@media(min-width:480px){.nys-modal_body-inner{max-height:25vh}.nys-modal_footer ::slotted(*){flex-direction:row;justify-content:flex-end;align-items:center}.nys-modal{--_nys-modal-width: 439px}}@media(min-width:768px){.nys-modal{--_nys-modal-width: 600px}}@media(min-width:1024px){.nys-modal{--_nys-modal-width: 752px}}@media(min-width:1280px){.nys-modal{--_nys-modal-width: 840px}}';
4912
- var Wr = Object.defineProperty, Ce = (r, e, t, s) => {
4913
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
4914
- (i = r[n]) && (o = i(e, t, o) || o);
4915
- return o && Wr(e, t, o), o;
4924
+ var Wr = Object.defineProperty, Ce = (r, e, t, o) => {
4925
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
4926
+ (i = r[n]) && (s = i(e, t, s) || s);
4927
+ return s && Wr(e, t, s), s;
4916
4928
  };
4917
4929
  let Yr = 0;
4918
4930
  const Wt = class Wt extends f {
@@ -4951,9 +4963,9 @@ const Wt = class Wt extends f {
4951
4963
  async _restorePrevFocused() {
4952
4964
  const e = this._prevFocusedElement;
4953
4965
  if (e && e.tagName.toLowerCase() === "nys-button") {
4954
- const s = await e.getButtonElement();
4955
- if (s) {
4956
- s.focus();
4966
+ const o = await e.getButtonElement();
4967
+ if (o) {
4968
+ o.focus();
4957
4969
  return;
4958
4970
  }
4959
4971
  } else
@@ -4982,8 +4994,8 @@ const Wt = class Wt extends f {
4982
4994
  if (!this._actionButtonSlot) return;
4983
4995
  const e = window.innerWidth <= 480;
4984
4996
  this._actionButtonSlot.assignedElements().forEach((t) => {
4985
- t.querySelectorAll("nys-button").forEach((s) => {
4986
- e ? s?.setAttribute("fullWidth", "") : s?.removeAttribute("fullWidth");
4997
+ t.querySelectorAll("nys-button").forEach((o) => {
4998
+ e ? o?.setAttribute("fullWidth", "") : o?.removeAttribute("fullWidth");
4987
4999
  });
4988
5000
  });
4989
5001
  }
@@ -5027,29 +5039,29 @@ const Wt = class Wt extends f {
5027
5039
  if (this.open && (e.key === "Escape" && !this.mandatory && (e.preventDefault(), this._closeModal()), e.key === "Tab")) {
5028
5040
  const t = this.shadowRoot?.querySelector(".nys-modal");
5029
5041
  if (!t) return;
5030
- const s = 'a[href], area[href], button:not([disabled]), details, iframe, object, input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [contentEditable="true"], [tabindex]:not([tabindex^="-"])', o = [], n = t.querySelector("nys-button");
5031
- n && o.push(n);
5042
+ const o = 'a[href], area[href], button:not([disabled]), details, iframe, object, input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [contentEditable="true"], [tabindex]:not([tabindex^="-"])', s = [], n = t.querySelector("nys-button");
5043
+ n && s.push(n);
5032
5044
  const i = Array.from(t.querySelectorAll("slot"));
5033
5045
  for (const l of i) {
5034
5046
  const c = l.assignedElements({ flatten: !0 });
5035
5047
  for (const h of c)
5036
- h instanceof HTMLElement && h.matches(s) && o.push(h), h.querySelectorAll("nys-button").forEach(
5048
+ h instanceof HTMLElement && h.matches(o) && s.push(h), h.querySelectorAll("nys-button").forEach(
5037
5049
  (u) => {
5038
- o.push(u);
5050
+ s.push(u);
5039
5051
  }
5040
5052
  );
5041
5053
  }
5042
- if (o.length > 0) {
5043
- const l = o[0], c = o[o.length - 1];
5044
- let h = document.activeElement, u = o.indexOf(
5054
+ if (s.length > 0) {
5055
+ const l = s[0], c = s[s.length - 1];
5056
+ let h = document.activeElement, u = s.indexOf(
5045
5057
  h
5046
5058
  );
5047
5059
  if (e.shiftKey) {
5048
5060
  e.preventDefault();
5049
5061
  let p = u - 1;
5050
- p < 0 && (p = o.length - 1);
5051
- const v = o[p];
5052
- o[p].tagName.toLowerCase() === "nys-button" ? (await v.getButtonElement())?.focus() : v.focus();
5062
+ p < 0 && (p = s.length - 1);
5063
+ const v = s[p];
5064
+ s[p].tagName.toLowerCase() === "nys-button" ? (await v.getButtonElement())?.focus() : v.focus();
5053
5065
  } else
5054
5066
  h === c && (e.preventDefault(), l.tagName.toLowerCase() === "nys-button" ? (await l.getButtonElement())?.focus() : l.focus());
5055
5067
  }
@@ -5130,10 +5142,10 @@ Ce([
5130
5142
  ], ee.prototype, "hasActionSlots");
5131
5143
  customElements.get("nys-modal") || customElements.define("nys-modal", ee);
5132
5144
  const Kr = ':host{--_nys-pagination-width: fit-content;--_nys-pagination-height: var(--nys-size-500, 40px);--_nys-pagination-radius: var(--nys-radius-xl, 12px);--_nys-pagination-gap: var(--nys-space-100, 8px);--_nys-pagination-font-size: var(--nys-font-size-ui-md, 16px);--_nys-pagination-font-weight: var(--nys-font-weight-semibold, 600);--_nys-pagination-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-pagination-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) )}.nys-pagination{width:var(--_nys-pagination-width);height:var(--_nys-pagination-height);border-radius:var(--_nys-pagination-radius);display:flex;align-items:center;justify-content:center;gap:var(--_nys-pagination-gap);font-family:var(--_nys-pagination-font-family);font-size:var(--_nys-pagination-font-size);font-weight:var(--_nys-pagination-font-weight);line-height:var(--_nys-pagination-line-height)}nys-button{--_nys-button-height: var(--_nys-pagination-height);--_nys-button-border-width: var(--nys-border-width-sm, 1px);--_nys-button-border-radius--start: var(--nys-radius-md, 4px);--_nys-button-border-radius--end: var(--nys-radius-md, 4px);--_nys-button-padding--x: var(--nys-space-200, 16px)}nys-button[variant=outline]{--nys-button-background-color: var(--nys-color-ink-reverse, #ffffff);--nys-button-background-color--hover: var(--nys-color-neutral-10, #f6f6f6);--nys-button-background-color--active: var(--nys-color-neutral-50, #ededed);--nys-button-border-color: var(--nys-color-neutral-200, #bec0c1);--nys-button-border-color--hover: var(--nys-color-neutral-600, #62666a);--nys-button-border-color--active: var(--nys-color-neutral-900, #1b1b1b);--nys-button-color: var(--nys-color-link, #004dd1);--nys-button-color--hover: var(--nys-color-link-strong, #003ba1);--nys-button-color--active: var(--nys-color-link-strong, #003ba1)}nys-button[variant=filled]{--nys-button-background-color: var(--nys-color-link, #004dd1);--nys-button-background-color--hover: var(--nys-color-link-strong, #003ba1);--nys-button-background-color--active: var( --nys-color-link-strongest, #002971 );--nys-button-border-color: var(--nys-color-link, #004dd1);--nys-button-border-color--hover: var(--nys-color-link-strong, #003ba1);--nys-button-border-color--active: var(--nys-color-link-strongest, #002971);--nys-button-color: var(--nys-color-ink-reverse, #ffffff);--nys-button-color--hover: var(--nys-color-ink-reverse, #ffffff);--nys-button-color--active: var(--nys-color-ink-reverse, #ffffff)}nys-button#previous,nys-button#next,nys-button#previous--mobile,nys-button#next--mobile{--nys-button-color: var(--nys-color-text, #1b1b1b);--nys-button-color--hover: var(--nys-color-text, #1b1b1b);--nys-button-color--active: var(--nys-color-text, #1b1b1b);--_nys-button-padding--x: var(--nys-space-150, 12px)}nys-button#previous--mobile,nys-button#next--mobile{display:none}nys-button.spacer{--nys-button-border-color: transparent;--nys-button-border-color--hover: transparent;--nys-button-border-color--active: transparent;--nys-button-background-color: transparent;--nys-button-background-color--hover: transparent;--nys-button-background-color--active: transparent;--nys-button-color: var(--nys-color-text, #1b1b1b);--nys-button-color--hover: var(--nys-color-text, #1b1b1b);--nys-button-color--active: var(--nys-color-text, #1b1b1b);--_nys-button-padding--x: var(--nys-space-1px, 1px);--_nys-button-cursor: default}:host([currentPage="3"]) nys-button#first-spacer,:host([_twoBeforeLast]) nys-button#last-spacer{display:none}@media(min-width:0)and (max-width:767px){nys-button#prev-page,nys-button#next-page{display:none}:host([currentPage="3"]) nys-button#first-spacer,:host([_twoBeforeLast]) nys-button#last-spacer{display:block}nys-button#previous--mobile,nys-button#next--mobile{display:block}nys-button#previous,nys-button#next{display:none}}';
5133
- var Gr = Object.defineProperty, ot = (r, e, t, s) => {
5134
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
5135
- (i = r[n]) && (o = i(e, t, o) || o);
5136
- return o && Gr(e, t, o), o;
5145
+ var Gr = Object.defineProperty, ot = (r, e, t, o) => {
5146
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
5147
+ (i = r[n]) && (s = i(e, t, s) || s);
5148
+ return s && Gr(e, t, s), s;
5137
5149
  };
5138
5150
  let Qr = 0;
5139
5151
  const Yt = class Yt extends f {
@@ -5148,8 +5160,8 @@ const Yt = class Yt extends f {
5148
5160
  if (this.totalPages < 1 && (this.totalPages = 1), e.has("currentPage") || e.has("totalPages")) {
5149
5161
  const t = this._clampPage(this.currentPage);
5150
5162
  t !== this.currentPage && (this.currentPage = t);
5151
- const s = this.currentPage === this.totalPages - 2;
5152
- s !== this._twoBeforeLast && (this._twoBeforeLast = s);
5163
+ const o = this.currentPage === this.totalPages - 2;
5164
+ o !== this._twoBeforeLast && (this._twoBeforeLast = o);
5153
5165
  }
5154
5166
  }
5155
5167
  connectedCallback() {
@@ -5174,7 +5186,7 @@ const Yt = class Yt extends f {
5174
5186
  @nys-click="${() => this._handlePageClick(c)}"
5175
5187
  ></nys-button>
5176
5188
  `);
5177
- }, s = (c) => {
5189
+ }, o = (c) => {
5178
5190
  e.push(
5179
5191
  d`<nys-button
5180
5192
  label="..."
@@ -5185,7 +5197,7 @@ const Yt = class Yt extends f {
5185
5197
  ></nys-button>`
5186
5198
  );
5187
5199
  }, n = this.totalPages, i = this.currentPage - 1, l = this.currentPage + 1;
5188
- return t(1), this.currentPage > 2 && s("first-spacer"), i > 1 && t(i, "prev-page"), this.currentPage !== 1 && this.currentPage !== n && t(this.currentPage, "current-page"), l < n && t(l, "next-page"), this.currentPage < n - 1 && s("last-spacer"), n > 1 && t(n), e;
5200
+ return t(1), this.currentPage > 2 && o("first-spacer"), i > 1 && t(i, "prev-page"), this.currentPage !== 1 && this.currentPage !== n && t(this.currentPage, "current-page"), l < n && t(l, "next-page"), this.currentPage < n - 1 && o("last-spacer"), n > 1 && t(n), e;
5189
5201
  }
5190
5202
  /**
5191
5203
  * Event Handlers
@@ -5263,10 +5275,10 @@ ot([
5263
5275
  ], be.prototype, "_twoBeforeLast");
5264
5276
  customElements.get("nys-pagination") || customElements.define("nys-pagination", be);
5265
5277
  const Ts = `:host{--_nys-radiobutton-size: var(--nys-size-400, 32px);--_nys-radiobutton-border-radius: var(--nys-radius-md, 4px);--_nys-radiobutton-border-width: var(--nys-border-width-md, 2px);--_nys-radiobutton-outline-color: var(--nys-color-focus, #004dd1);--_nys-radiobutton-outline-width: var(--nys-border-width-md, 2px);--_nys-radiobutton-outline-offset: var(--nys-space-2px, 2px);--_nys-radiobutton-gap: var(--nys-space-150, 12px);--_nys-radiogroup-gap: var(--nys-space-200, 16px);--_nys-radiobutton-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-radiobutton-font-size: var(--nys-font-size-ui-md, 16px);--_nys-radiobutton-font-weight--label: var(--nys-font-weight-regular, 400);--_nys-radiobutton-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-radiobutton-color: var( --nys-color-text, var(--nys-color-neutral-900, #1b1b1b) );--_nys-radiobutton-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-radiobutton-border-color: var(--nys-color-neutral-600, #62666a);--_nys-radiobutton-background-color--hover: var( --nys-color-neutral-50, #ededed );--_nys-radiobutton-border-color--hover: var(--nys-color-ink, #1b1b1b);--_nys-radiobutton-background-color--active: var( --nys-color-neutral-100, #d0d0ce );--_nys-radiobutton-border-color--active: var(--nys-color-ink, #1b1b1b);--_nys-radiobutton-background-color--checked: var(--nys-color-theme, #154973);--_nys-radiobutton-background-color--disabled: var( --nys-color-ink-reverse, #f0f0f0 );--_nys-radiobutton-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-radiobutton-border-color--disabled: var( --nys-color-neutral-100, #d0d0ce );--_nys-radiobutton-background-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce );--_nys-radiobutton-border-color--checked--disabled: var( --nys-color-neutral-100, #d0d0ce )}:host([size=sm]){--_nys-radiobutton-size: var(--nys-size-300, 24px);--_nys-radiobutton-border-radius: var(--nys-radius-sm, 2px);--_nys-radiogroup-gap: var(--nys-space-100, 8px);--_nys-radiobutton-gap: var(--nys-space-100, 8px)}:host([size=md]){--_nys-radiobutton-size: var(--nys-size-400, 32px);--_nys-radiobutton-border-radius: var(--nys-radius-md, 4px);--_nys-radiogroup-gap: var(--nys-space-200, 16px);--_nys-radiobutton-gap: var(--nys-space-150, 12px)}:host([tile]){--_nys-radiobutton-font-weight--label: var(--nys-font-weight-semibold, 600);--_nys-radiobutton-border-width--tile: var(--nys-border-width-sm, 1px);--_nys-radiobutton-border-radius--tile: var(--nys-radius-md, 4px);--_nys-radiobutton-border-color--tile: var(--nys-color-neutral-100, #d0d0ce);--_nys-radiobutton-background-color--tile: var(--nys-color-ink-reverse, #ffffff);--_nys-radiobutton-padding--x--tile: var(--nys-space-250, 20px);--_nys-radiobutton-padding--y--tile: var(--nys-space-200, 16px);--_nys-radiobutton-border-color--tile--hover: var( --nys-color-neutral-700, #4a4d4f );--_nys-radiobutton-background-color--tile--hover: var( --nys-color-ink-reverse, #ffffff );--_nys-radiobutton-border-color--tile--active: var( --nys-color-neutral-900, #1b1b1b );--_nys-radiobutton-background-color--tile--active: var( --nys-color-ink-reverse, #ffffff );--_nys-radiobutton-border-color--tile--checked: var( --nys-color-theme-mid, #457aa5 );--_nys-radiobutton-background-color--tile--checked: var( --nys-color-theme-faint, #f7fafd );--_nys-radiobutton-border-color--tile--disabled: var( --nys-color-ink-reverse, #f0f0f0 );--_nys-radiobutton-background-color--tile--disabled: var( --nys-color-neutral-100, #d0d0ce )}:host([tile][size=sm]){--_nys-radiobutton-padding--x--tile: var(--nys-space-200, 16px);--_nys-radiobutton-padding--y--tile: var(--nys-space-150, 12px)}:host([tile][showError]){--_nys-radiobutton-border-color--tile: var(--nys-color-danger, #b52c2c);--_nys-radiobutton-border-color--tile--hover: var( --nys-color-danger, #b52c2c );--_nys-radiobutton-border-color--tile--active: var( --nys-color-danger, #b52c2c );--_nys-radiobutton-border-color--tile--checked: var( --nys-color-danger, #b52c2c )}.nys-radiogroup{display:flex;flex-direction:column;gap:var(--nys-space-200, 16px);font-family:var(--_nys-radiobutton-font-family);font-size:var(--_nys-radiobutton-font-size);line-height:var(--_nys-radiobutton-line-height)}.nys-radiogroup__content{gap:var(--_nys-radiogroup-gap);display:flex;flex-direction:column}.nys-radiobutton{display:flex;flex-direction:column;font-family:var(--_nys-radiobutton-font-family);font-size:var(--_nys-radiobutton-font-size);line-height:var(--_nys-radiobutton-line-height);border-radius:var(--_nys-radiobutton-border-radius--tile);border:var(--_nys-radiobutton-border-width--tile) solid var(--_nys-radiobutton-border-color--tile);background-color:var(--_nys-radiobutton-background-color--tile);padding:var(--_nys-radiobutton-padding--y--tile) var(--_nys-radiobutton-padding--x--tile)}.nys-radiobutton__radio{appearance:none;width:var(--_nys-radiobutton-size);height:var(--_nys-radiobutton-size);min-width:var(--_nys-radiobutton-size);min-height:var(--_nys-radiobutton-size);max-width:var(--_nys-radiobutton-size);max-height:var(--_nys-radiobutton-size);border:solid var(--_nys-radiobutton-border-width) var(--_nys-radiobutton-border-color);background-color:var(--_nys-radiobutton-background-color);border-radius:100%;background-repeat:no-repeat;background-position:center;background-size:contain;outline-offset:var(--_nys-radiobutton-outline-offset);outline:none;margin:0 0 auto;box-sizing:border-box}.nys-radiobutton:hover,.nys-radiobutton:hover *{cursor:pointer}input:not(:disabled):checked+.nys-radiobutton .nys-radiobutton__radio{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="11" stroke="white" stroke-width="6"/></svg>');background-color:var(--_nys-radiobutton-background-color--checked)}:host([tile]) .nys-radiobutton:has(input:not(:disabled):checked)+.nys-radiobutton .nys-radiobutton__radio{border-color:var(--_nys-radiobutton-border-color--tile--checked);background-color:var(--_nys-radiobutton-background-color--tile--checked)}:host([tile]) .nys-radiobutton:has(input:not(:disabled):checked:hover)+.nys-radiobutton .nys-radiobutton__radio{cursor:default}input:disabled:checked+.nys-radiobutton .nys-radiobutton__radio{background-image:url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="11" stroke="white" stroke-width="6"/></svg>');border-color:var(--_nys-radiobutton-border-color--checked--disabled);background-color:var(--_nys-radiobutton-background-color--checked--disabled)}:host([tile]) .nys-radiobutton:has(input:disabled:checked)+.nys-radiobutton .nys-radiobutton__radio{border-color:var(--_nys-radiobutton-background-color--tile--disabled);background-color:var(--_nys-radiobutton-border-color--tile--disabled)}input:disabled+.nys-radiobutton,input:disabled+.nys-radiobutton *{cursor:not-allowed}input:disabled+.nys-radiobutton .nys-radiobutton__radio{background-color:var(--_nys-radiobutton-background-color--disabled);border-color:var(--_nys-radiobutton-border-color--disabled);cursor:not-allowed}:host([tile]) .nys-radiobutton:has(input:disabled)+.nys-radiobutton .nys-radiobutton__radio{background-color:var(--_nys-radiobutton-background-color--disabled);border-color:var(--_nys-radiobutton-border-color--disabled);cursor:not-allowed}input:hover:not(:disabled):not(:checked)+.nys-radiobutton .nys-radiobutton__radio,input:not(:disabled):not(:checked)+.nys-radiobutton:hover .nys-radiobutton__radio{border-color:var(--_nys-radiobutton-border-color--hover);background-color:var(--_nys-radiobutton-background-color--hover)}:host([tile]) input:not(:disabled):not(:checked)+.nys-radiobutton:hover{border-color:var(--_nys-radiobutton-border-color--tile--hover);background-color:var(--_nys-radiobutton-background-color--tile--hover);outline:solid var(--_nys-radiobutton-border-width--tile) var(--_nys-radiobutton-border-color--tile--hover)}input:active:not(:disabled):not(:checked)+.nys-radiobutton .nys-radiobutton__radio,input:not(:disabled):not(:checked)+.nys-radiobutton:active .nys-radiobutton__radio{border-color:var(--_nys-radiobutton-border-color--active);background-color:var(--_nys-radiobutton-background-color--active)}:host([tile]) input:not(:disabled):not(:checked)+.nys-radiobutton:active{border-color:var(--_nys-radiobutton-border-color--tile--active);background-color:var(--_nys-radiobutton-background-color--tile--active);outline:solid var(--_nys-radiobutton-border-width--tile) var(--_nys-radiobutton-border-color--tile--active)}:host(:focus-visible){outline:none}:host(:focus-visible) .nys-radiobutton__radio{outline:solid var(--_nys-radiobutton-outline-width) var(--_nys-radiobutton-outline-color)}input:focus-visible+.nys-radiobutton .nys-radiobutton__radio,.nys-radiobutton:has(:focus-visible) .nys-radiobutton__radio{outline:solid var(--_nys-radiobutton-outline-width) var(--_nys-radiobutton-outline-color);outline-offset:var(--_nys-radiobutton-outline-offset)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.nys-radiobutton__main-container{display:flex;align-items:center}.nys-radiobutton__other-container{display:flex;padding-inline-start:calc(var(--_nys-radiobutton-size) + var(--_nys-radiobutton-gap))}.nys-radiobutton__main-container>nys-label{--_nys-label-font-weight: var(--_nys-radiobutton-font-weight--label);display:flex;padding-inline-start:var(--_nys-radiobutton-gap)}:host([tile]) .nys-radiobutton__main-container>nys-label{--_nys-description-font-style: normal}input:disabled+.nys-radiobutton .nys-radiobutton__main-container>nys-label,input:disabled+.nys-radiobutton .nys-radiobutton__main-container>nys-label *{cursor:not-allowed;--_nys-label-cursor: not-allowed;--_nys-label-color: var(--_nys-radiobutton-color--disabled);--_nys-description-color: var(--_nys-radiobutton-color--disabled);color:var(--_nys-radiobutton-color--disabled)}fieldset{all:unset;display:contents}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}`;
5266
- var Xr = Object.defineProperty, Z = (r, e, t, s) => {
5267
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
5268
- (i = r[n]) && (o = i(e, t, o) || o);
5269
- return o && Xr(e, t, o), o;
5278
+ var Xr = Object.defineProperty, Z = (r, e, t, o) => {
5279
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
5280
+ (i = r[n]) && (s = i(e, t, s) || s);
5281
+ return s && Xr(e, t, s), s;
5270
5282
  };
5271
5283
  let Jr = 0;
5272
5284
  const Ye = class Ye extends f {
@@ -5297,22 +5309,22 @@ const Ye = class Ye extends f {
5297
5309
  // Updates the "require" attribute of the first radiobutton underneath a radiogroup.
5298
5310
  // This will make sure there's a requirement for all radiobutton under the same name/group
5299
5311
  _setRadioButtonRequire() {
5300
- this.querySelectorAll("nys-radiobutton").forEach((t, s) => {
5301
- this.required && s === 0 && t.setAttribute("required", "required");
5312
+ this.querySelectorAll("nys-radiobutton").forEach((t, o) => {
5313
+ this.required && o === 0 && t.setAttribute("required", "required");
5302
5314
  });
5303
5315
  }
5304
5316
  async _manageRequire() {
5305
- const e = this.errorMessage || "Please select an option.", s = Array.from(this.querySelectorAll("nys-radiobutton"))[0];
5306
- s && (this.required && !this.selectedValue ? this._internals.setValidity(
5317
+ const e = this.errorMessage || "Please select an option.", o = Array.from(this.querySelectorAll("nys-radiobutton"))[0];
5318
+ o && (this.required && !this.selectedValue ? this._internals.setValidity(
5307
5319
  { valueMissing: !0 },
5308
5320
  e,
5309
- s
5321
+ o
5310
5322
  // pass the custom element, not shadow input
5311
- ) : (this.showError = !1, this._internals.setValidity({}, "", s)));
5323
+ ) : (this.showError = !1, this._internals.setValidity({}, "", o)));
5312
5324
  }
5313
5325
  checkValidity() {
5314
5326
  const e = Array.from(this.querySelectorAll("nys-radiobutton"));
5315
- return !this.required || e.some((s) => s.checked);
5327
+ return !this.required || e.some((o) => o.checked);
5316
5328
  }
5317
5329
  // Need to account for if radiogroup already have a radiobutton checked at initialization
5318
5330
  _initializeCheckedRadioValue() {
@@ -5329,18 +5341,18 @@ const Ye = class Ye extends f {
5329
5341
  async _handleKeyDown(e) {
5330
5342
  if (!["ArrowUp", "ArrowDown", " ", "Enter"].includes(e.key)) return;
5331
5343
  e.preventDefault();
5332
- const s = this._getAllRadios().filter((u) => !u.disabled), n = s.find((u) => u.matches(":focus")) || s.find((u) => u.checked) || s[0];
5344
+ const o = this._getAllRadios().filter((u) => !u.disabled), n = o.find((u) => u.matches(":focus")) || o.find((u) => u.checked) || o[0];
5333
5345
  let i = 0;
5334
5346
  ["ArrowUp", "ArrowLeft"].includes(e.key) ? i = -1 : ["ArrowDown", "ArrowRight"].includes(e.key) && (i = 1);
5335
- let l = s.indexOf(n) + i;
5336
- l < 0 && (l = s.length - 1), l >= s.length && (l = 0);
5337
- const c = s[l];
5347
+ let l = o.indexOf(n) + i;
5348
+ l < 0 && (l = o.length - 1), l >= o.length && (l = 0);
5349
+ const c = o[l];
5338
5350
  (await c.getInputElement())?.click(), await this.updateComplete, this._updateGroupTabIndex(), c.focus();
5339
5351
  }
5340
5352
  _updateGroupTabIndex() {
5341
- const e = this._getAllRadios(), t = e.find((s) => s.checked && !s.disabled) || e.find((s) => !s.disabled);
5342
- e.forEach((s) => {
5343
- s.setAttribute("aria-checked", String(s.checked)), s.tabIndex = s === t && !s.disabled ? 0 : -1;
5353
+ const e = this._getAllRadios(), t = e.find((o) => o.checked && !o.disabled) || e.find((o) => !o.disabled);
5354
+ e.forEach((o) => {
5355
+ o.setAttribute("aria-checked", String(o.checked)), o.tabIndex = o === t && !o.disabled ? 0 : -1;
5344
5356
  });
5345
5357
  }
5346
5358
  // This callback is automatically called when the parent form is reset.
@@ -5390,7 +5402,7 @@ const Ye = class Ye extends f {
5390
5402
  const t = this.shadowRoot?.querySelector(
5391
5403
  'slot[name="description"]'
5392
5404
  )?.assignedNodes({ flatten: !0 }) || [];
5393
- this._slottedDescriptionText = t.map((s) => s.textContent?.trim()).filter(Boolean).join(", ");
5405
+ this._slottedDescriptionText = t.map((o) => o.textContent?.trim()).filter(Boolean).join(", ");
5394
5406
  }
5395
5407
  /**
5396
5408
  * Event Handlers
@@ -5398,16 +5410,16 @@ const Ye = class Ye extends f {
5398
5410
  */
5399
5411
  // Keeps radiogroup informed of the name and value of its current selected radiobutton at each change
5400
5412
  _handleRadioButtonChange(e) {
5401
- const { name: t, value: s } = e.detail;
5402
- this.name = t, this.selectedValue = s, this._internals.setFormValue(this.selectedValue), this._internals.setValidity({}), this.showError = !1, this._updateGroupTabIndex();
5413
+ const { name: t, value: o } = e.detail;
5414
+ this.name = t, this.selectedValue = o, this._internals.setFormValue(this.selectedValue), this._internals.setValidity({}), this.showError = !1, this._updateGroupTabIndex();
5403
5415
  }
5404
5416
  async _handleInvalid(e) {
5405
5417
  if (e.preventDefault(), this._internals.validity.customError) {
5406
- const s = this._getAllRadios().find((o) => o.other && o.checked);
5407
- if (s) {
5408
- const o = s.shadowRoot?.querySelector("nys-textinput");
5409
- if (s.classList.remove("focused"), o) {
5410
- await o.updateComplete, o.focus();
5418
+ const o = this._getAllRadios().find((s) => s.other && s.checked);
5419
+ if (o) {
5420
+ const s = o.shadowRoot?.querySelector("nys-textinput");
5421
+ if (o.classList.remove("focused"), s) {
5422
+ await s.updateComplete, s.focus();
5411
5423
  return;
5412
5424
  }
5413
5425
  }
@@ -5418,8 +5430,8 @@ const Ye = class Ye extends f {
5418
5430
  "nys-radiobutton"
5419
5431
  );
5420
5432
  if (t) {
5421
- const s = this._internals.form;
5422
- s ? Array.from(s.elements).find(
5433
+ const o = this._internals.form;
5434
+ o ? Array.from(o.elements).find(
5423
5435
  (i) => typeof i.checkValidity == "function" && !i.checkValidity()
5424
5436
  ) === this && t.focus() : t.focus();
5425
5437
  }
@@ -5427,11 +5439,11 @@ const Ye = class Ye extends f {
5427
5439
  }
5428
5440
  _handleChildError(e) {
5429
5441
  e.stopPropagation();
5430
- const { message: t, sourceRadio: s } = e.detail;
5431
- s && (this.showError = !0, this._internals.setValidity(
5442
+ const { message: t, sourceRadio: o } = e.detail;
5443
+ o && (this.showError = !0, this._internals.setValidity(
5432
5444
  { customError: !0 },
5433
5445
  t || "Please complete this field.",
5434
- s
5446
+ o
5435
5447
  ));
5436
5448
  }
5437
5449
  render() {
@@ -5512,10 +5524,10 @@ Z([
5512
5524
  _()
5513
5525
  ], I.prototype, "_slottedDescriptionText");
5514
5526
  customElements.get("nys-radiogroup") || customElements.define("nys-radiogroup", I);
5515
- var en = Object.defineProperty, F = (r, e, t, s) => {
5516
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
5517
- (i = r[n]) && (o = i(e, t, o) || o);
5518
- return o && en(e, t, o), o;
5527
+ var en = Object.defineProperty, F = (r, e, t, o) => {
5528
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
5529
+ (i = r[n]) && (s = i(e, t, s) || s);
5530
+ return s && en(e, t, s), s;
5519
5531
  };
5520
5532
  let tn = 0;
5521
5533
  var k;
@@ -5599,11 +5611,15 @@ const T = (k = class extends f {
5599
5611
  }
5600
5612
  // Handle focus event
5601
5613
  _handleFocus() {
5602
- this.dispatchEvent(new Event("nys-focus"));
5614
+ this.dispatchEvent(
5615
+ new Event("nys-focus", { bubbles: !0, composed: !0 })
5616
+ );
5603
5617
  }
5604
5618
  // Handle blur event
5605
5619
  _handleBlur() {
5606
- this.dispatchEvent(new Event("nys-blur")), setTimeout(() => {
5620
+ this.dispatchEvent(
5621
+ new Event("nys-blur", { bubbles: !0, composed: !0 })
5622
+ ), setTimeout(() => {
5607
5623
  this.other && this.checked && (this._hasUserInteracted = !0, this._validateOtherAndEmitError());
5608
5624
  }, 50);
5609
5625
  }
@@ -5615,8 +5631,8 @@ const T = (k = class extends f {
5615
5631
  e && (e.focus(), e.click());
5616
5632
  }
5617
5633
  _handleTextInput(e) {
5618
- let s = e.target.value;
5619
- this.value = s, this._hasUserInteracted && this._validateOtherAndEmitError(), this._emitOtherInputEvent();
5634
+ let o = e.target.value;
5635
+ this.value = o, this._hasUserInteracted && this._validateOtherAndEmitError(), this._emitOtherInputEvent();
5620
5636
  }
5621
5637
  _handleTextInputBlur() {
5622
5638
  this._hasUserInteracted = !0, this._validateOtherAndEmitError();
@@ -5746,10 +5762,10 @@ F([
5746
5762
  ], T.prototype, "isMobile");
5747
5763
  let sn = T;
5748
5764
  customElements.get("nys-radiobutton") || customElements.define("nys-radiobutton", sn);
5749
- var on = Object.defineProperty, rt = (r, e, t, s) => {
5750
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
5751
- (i = r[n]) && (o = i(e, t, o) || o);
5752
- return o && on(e, t, o), o;
5765
+ var on = Object.defineProperty, rt = (r, e, t, o) => {
5766
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
5767
+ (i = r[n]) && (s = i(e, t, s) || s);
5768
+ return s && on(e, t, s), s;
5753
5769
  };
5754
5770
  class ge extends f {
5755
5771
  constructor() {
@@ -5793,10 +5809,10 @@ rt([
5793
5809
  ], ge.prototype, "hidden");
5794
5810
  customElements.define("nys-option", ge);
5795
5811
  const rn = ':host{--_nys-select-width: 100%;--_nys-select-height: var(--nys-size-500, 40px);--_nys-select-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-select-font-size: var(--nys-font-size-ui-md, 16px);--_nys-select-font-weight: var(--nys-font-weight-regular, 400);--_nys-select-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-select-gap: var(--nys-space-50, 4px);--_nys-select-border-radius: var(--nys-radius-md, 4px);--_nys-select-padding: var(--nys-space-100, 8px) var(--nys-space-400, 32px) var(--nys-space-100, 8px) var(--nys-space-100, 8px);--_nys-select-color: var(--nys-color-text, #1b1b1b);--_nys-select-color--error: var( --nys-color-danger, var(--nys-color-red-600, #b52c2c) );--_nys-select-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-select-background-color--disabled: var( --nys-color-neutral-10, #f6f6f6 );--_nys-select-color--disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-select-border-width: var(--nys-border-width-sm, 1px);--_nys-select-border-color: var(--nys-color-neutral-400, #909395);--_nys-select-border-color--hover: var(--nys-color-neutral-900, #1b1b1b);--_nys-select-border-color--focus: var(--nys-color-focus, #004dd1);--_nys-select-border-color--disabled: var(--nys-color-neutral-200, #bec0c1);--_nys-select-border-default: var(--nys-border-width-sm, 1px) solid var(--nys-color-neutral-400, #909395);--_nys-select-border-focus: var(--nys-border-width-sm, 1px) solid var(--nys-color-focus, var(--nys-color-blue-600, #004dd1));--_nys-select-border-disabled: var(--nys-border-width-sm, 1px) solid var(--nys-color-neutral-200, #bec0c1);--_nys-select-border-hover: var(--nys-border-width-sm, 1px) solid var(--nys-color-neutral-900, #1b1b1b)}.nys-select{display:flex;flex-direction:column;gap:var(--_nys-select-gap);font-family:var(--_nys-select-font-family)}.nys-select__select{color:var(--_nys-select-color);font-weight:var(--_nys-select-font-weight);font-family:var(--_nys-select-font-family);border-radius:var(--_nys-select-border-radius);border:solid var(--_nys-select-border-width) var(--_nys-select-border-color);font-size:var(--_nys-select-font-size);padding:var(--_nys-select-padding);width:var(--_nys-select-width);height:var(--_nys-select-height);max-width:100%;text-indent:1px;background:var(--_nys-select-background-color);appearance:none;text-overflow:ellipsis}.nys-select__selectwrapper{position:relative;display:inline-block;width:var(--_nys-select-width);max-width:100%}.nys-select__icon{color:var(--_nys-select-color);position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}:host([width=sm]){--_nys-select-width: var(--nys-select-form-width-sm, 88px)}:host([width=md]){--_nys-select-width: var(--nys-select-form-width-md, 200px)}:host([width=lg]){--_nys-select-width: var(--nys-select-form-width-lg, 384px)}:host([width=full]){--_nys-select-width: 100%;flex:1}.nys-select__select:hover:not(:disabled){cursor:pointer;border-color:var(--_nys-select-border-color--hover);outline:solid var(--_nys-select-border-width) var(--_nys-select-border-color--hover)}.nys-select__select:focus{border-color:var(--_nys-select-border-color--focus);outline:solid var(--_nys-select-border-width) var(--_nys-select-border-color--focus)}.nys-select__select:disabled{background-color:var(--_nys-select-background-color--disabled);border-color:var(--_nys-select-border-color--disabled);cursor:not-allowed;color:var(--_nys-select-color--disabled)}.nys-select__select:disabled~.nys-select__icon{color:var(--_nys-select-color--disabled)}:host([showError]){--_nys-select-border-default: var(--nys-border-width-sm, 1px) solid var(--_nys-select-color--error)}';
5796
- var nn = Object.defineProperty, j = (r, e, t, s) => {
5797
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
5798
- (i = r[n]) && (o = i(e, t, o) || o);
5799
- return o && nn(e, t, o), o;
5812
+ var nn = Object.defineProperty, j = (r, e, t, o) => {
5813
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
5814
+ (i = r[n]) && (s = i(e, t, s) || s);
5815
+ return s && nn(e, t, s), s;
5800
5816
  };
5801
5817
  let an = 0;
5802
5818
  const Ke = class Ke extends f {
@@ -5848,8 +5864,8 @@ const Ke = class Ke extends f {
5848
5864
  return;
5849
5865
  }
5850
5866
  });
5851
- const o = Array.from(t.options).find((n) => n.selected);
5852
- o && (this.value = o.value, this._internals.setFormValue(this.value));
5867
+ const s = Array.from(t.options).find((n) => n.selected);
5868
+ s && (this.value = s.value, this._internals.setFormValue(this.value));
5853
5869
  }
5854
5870
  /**
5855
5871
  * Form Integration
@@ -5868,8 +5884,8 @@ const Ke = class Ke extends f {
5868
5884
  const t = this.shadowRoot?.querySelector("select");
5869
5885
  if (!t) return;
5870
5886
  this.showError = !!e, this._originalErrorMessage?.trim() && e !== "" ? this.errorMessage = this._originalErrorMessage : this.errorMessage = e;
5871
- const s = e ? { customError: !0 } : {};
5872
- this._internals.setValidity(s, this.errorMessage, t);
5887
+ const o = e ? { customError: !0 } : {};
5888
+ this._internals.setValidity(o, this.errorMessage, t);
5873
5889
  }
5874
5890
  _validate() {
5875
5891
  const e = this.shadowRoot?.querySelector("select");
@@ -5896,8 +5912,8 @@ const Ke = class Ke extends f {
5896
5912
  e.preventDefault(), this._hasUserInteracted = !0, this._validate(), this.showError = !0;
5897
5913
  const t = this.shadowRoot?.querySelector("select");
5898
5914
  if (t) {
5899
- const s = this._internals.form;
5900
- s ? Array.from(s.elements).find(
5915
+ const o = this._internals.form;
5916
+ o ? Array.from(o.elements).find(
5901
5917
  (i) => typeof i.checkValidity == "function" && !i.checkValidity()
5902
5918
  ) === this && t.focus() : t.focus();
5903
5919
  }
@@ -5919,11 +5935,15 @@ const Ke = class Ke extends f {
5919
5935
  }
5920
5936
  // Handle focus event
5921
5937
  _handleFocus() {
5922
- this.dispatchEvent(new Event("nys-focus"));
5938
+ this.dispatchEvent(
5939
+ new Event("nys-focus", { bubbles: !0, composed: !0 })
5940
+ );
5923
5941
  }
5924
5942
  // Handle blur event
5925
5943
  _handleBlur() {
5926
- this._hasUserInteracted || (this._hasUserInteracted = !0), this._validate(), this.dispatchEvent(new Event("nys-blur"));
5944
+ this._hasUserInteracted || (this._hasUserInteracted = !0), this._validate(), this.dispatchEvent(
5945
+ new Event("nys-blur", { bubbles: !0, composed: !0 })
5946
+ );
5927
5947
  }
5928
5948
  // Check if the current value matches any option, and if so, set it as selected
5929
5949
  updated(e) {
@@ -6026,10 +6046,10 @@ j([
6026
6046
  ], H.prototype, "width");
6027
6047
  customElements.get("nys-select") || customElements.define("nys-select", H);
6028
6048
  const ln = ':host{--_nys-skipnav-padding--y: var(--nys-space-100, 8px);--_nys-skipnav-padding--x: var(--nys-space-200, 16px);--_nys-skipnav-gap: var(--nys-space-100, 8px);--_nys-skipnav-border-width: var(--nys-border-width-md, 2px);--_nys-skipnav-border-color: var(--nys-color-link, #004dd1);--_nys-skipnav-border-radius: var(--nys-radius-sm, 2px);--_nys-skipnav-font-size: var(--nys-font-size-ui-md, 16px);--_nys-skipnav-font-weight: var(--nys-font-weight-semibold, 600);--_nys-skipnav-letter-spacing: var(--nys-font-letterspacing-ui-md, .044px);--_nys-skipnav-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-skipnav-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-skipnav-color: var(--nys-color-link, #004dd1);--_nys-skipnav-background-color: var(--nys-color-surface, #ffffff)}.nys-skipnav__link{position:absolute;left:auto;top:-4.8rem;display:inline-flex;padding:var(--_nys-skipnav-padding--y) var(--_nys-skipnav-padding--x);align-items:flex-end;gap:var(--_nys-skipnav-gap);background:var(--_nys-skipnav-background-color);color:var(--_nys-skipnav-color);border:var(--_nys-skipnav-border-width) solid var(--_nys-skipnav-border-color);border-radius:var(--_nys-skipnav-border-radius);font-family:var(--_nys-skipnav-font-family);font-size:var(--_nys-skipnav-font-size);font-style:normal;font-weight:var(--_nys-skipnav-font-weight);line-height:var(--_nys-skipnav-line-height);letter-spacing:var(--_nys-skipnav-letter-spacing);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:auto;text-underline-position:from-font;z-index:100;transition:.15s ease-in-out}.nys-skipnav__link:focus,.nys-skipnav__link.show{top:0;left:auto;outline:none}';
6029
- var cn = Object.defineProperty, Zs = (r, e, t, s) => {
6030
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
6031
- (i = r[n]) && (o = i(e, t, o) || o);
6032
- return o && cn(e, t, o), o;
6049
+ var cn = Object.defineProperty, Zs = (r, e, t, o) => {
6050
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
6051
+ (i = r[n]) && (s = i(e, t, s) || s);
6052
+ return s && cn(e, t, s), s;
6033
6053
  };
6034
6054
  const Kt = class Kt extends f {
6035
6055
  constructor() {
@@ -6080,10 +6100,10 @@ Zs([
6080
6100
  ], et.prototype, "href");
6081
6101
  customElements.get("nys-skipnav") || customElements.define("nys-skipnav", et);
6082
6102
  const Fs = ':host{--_nys-stepper-font-size: var(--nys-font-size-ui-md, 16px);--_nys-stepper-font-weight: var(--nys-font-weight-semibold, 600);--_nys-stepper-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-stepper-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-step-color: var(--nys-color-text, #1b1b1b);--_nys-stepper-background-color: var(--nys-color-surface-raised, #f6f6f6)}.nys-stepper{font-family:var(--_nys-stepper-font-family);font-size:var(--_nys-stepper-font-size);font-weight:var(--_nys-stepper-font-weight);line-height:var(--_nys-stepper-line-height);display:flex;flex-direction:column;counter-reset:step;background-color:var(--_nys-stepper-background-color);max-width:100%;height:100%}.nys-stepper__header{display:flex;flex-direction:column;padding:var(--nys-space-400, 32px) var(--nys-space-400, 32px) var(--nys-space-150, 12px)}::slotted(div[slot=actions]){display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--nys-space-100, 8px);margin-bottom:var(--nys-space-300, 24px)}.nys-stepper__counter{display:none;text-decoration:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:auto;text-underline-position:from-font;color:var(--nys-color-text, #1b1b1b);text-overflow:ellipsis;font-family:var(--nys-font-family-ui, "Proxima Nova");font-size:var(--nys-font-size-ui-md, 16px);font-style:normal;font-weight:400;line-height:var(--nys-font-size-ui-md, 16px);cursor:pointer;width:fit-content}.nys-stepper__steps{display:flex;flex-direction:column;padding:var(--nys-space-150, 12px) var(--nys-space-400, 32px) var(--nys-space-400, 32px);overflow-y:scroll;height:fit-content;height:-moz-available;scrollbar-width:none;background:linear-gradient(var(--nys-color-surface-raised, #f6f6f6) 30%,rgba(255,255,255,0)) center top,linear-gradient(rgba(255,255,255,0),var(--nys-color-surface-raised, #f6f6f6) 70%) center bottom,linear-gradient(to bottom,#63636333,#0000) top,linear-gradient(to top,#63636333,#0000) bottom;background-repeat:no-repeat;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll;background-color:var(--nys-color-surface-raised, #f6f6f6)}.nys-step{position:relative;counter-increment:step;display:flex;flex-direction:column}.nys-step__contentwrapper{display:flex;flex-direction:row;align-items:center;gap:var(--nys-space-150, 12px);cursor:default;width:fit-content}.nys-step__contentwrapper:focus-visible{outline:solid var(--nys-color-focus, #004dd1) var(--nys-border-width-md, 2px);outline-offset:var(--nys-space-2px, 2px);border-radius:var(--nys-radius-md, 4px)}.nys-step__linewrapper{width:24px;display:flex;justify-content:center}.nys-step__line{width:var(--nys-size-1px, 1px);height:var(--nys-size-300, 24px);border-radius:var(--nys-radius-round, 1776px);background:var(--nys-color-black-transparent-200, rgba(27, 27, 27, .2));margin:var(--nys-space-100, 8px) 0}.nys-step__number{border-radius:var(--nys-radius-round, 1776px);border:var(--nys-size-1px, 1px) solid var(--nys-color-neutral-400, #909395);background:var(--nys-color-white-transparent-900, rgba(255, 255, 255, .9));width:var(--nys-size-300, 24px);min-width:var(--nys-size-300, 24px);max-width:var(--nys-size-300, 24px);height:var(--nys-size-300, 24px);min-height:var(--nys-size-300, 24px);max-height:var(--nys-size-300, 24px);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--nys-color-text, #1b1b1b)}:host([previous]) .nys-step__number,:host([previous]) .nys-step__line,:host([current]) .nys-step__number,:host([current]) .nys-step__line{background-color:var(--nys-color-theme-stronger, #081b2b);color:var(--nys-color-text-reverse, #ffffff);border-color:var(--nys-color-theme-stronger, #081b2b)}:host([selected]) .nys-step__number{background-color:var(--nys-color-theme, #154973);color:var(--nys-color-text-reverse, #ffffff);border-color:var(--nys-color-theme, #154973);outline:var(--nys-size-50, 4px) solid var(--nys-color-theme-weak, #cddde9)}:host([first]) .nys-step__linewrapper{display:none!important}.nys-step__content{display:flex;flex-direction:column;gap:var(--nys-space-100, 8px)}.nys-step__label{color:var(--_nys-step-color);font-family:var(--_nys-stepper-font-family);font-size:var(--_nys-stepper-font-size);font-weight:var(--_nys-stepper-font-weight);line-height:var(--_nys-stepper-line-height);line-height:var(--nys-font-size-ui-md, 16px);letter-spacing:var(--nys-font-letterspacing-ui-md, .044px);text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:var(7%, 1.12px);text-underline-offset:auto}:host([current]) .nys-step__label,:host([previous]) .nys-step__label{text-decoration-line:underline}:host([current]) .nys-step__contentwrapper,:host([previous]) .nys-step__contentwrapper{cursor:pointer}:host([selected]) .nys-step__label{font-weight:700;text-decoration-line:none}:host([selected]) .nys-step__contentwrapper{cursor:default}:host([selected]) .nys-step__contentwrapper:focus-visible{outline-offset:6px}@media(max-width:1023px){.nys-stepper{max-width:1023px;width:100%}.nys-stepper__header{flex-direction:row-reverse;justify-content:space-between;padding:var(--nys-space-150, 12px);gap:var(--nys-space-200, 16px)}.nys-stepper__headertext{flex:1 1 0;min-width:0}::slotted(div[slot=actions]){margin-bottom:0;min-width:0;justify-content:end}.nys-stepper__counter{display:block}.nys-stepper__steps{flex-direction:row;gap:var(--nys-space-2px, 2px);padding:0}.nys-stepper__steps::slotted(*){flex:1}.nys-step__number{border-radius:0;border:none;background-color:var(--nys-color-neutral-200, #bec0c1);height:var(--nys-size-100, 8px);min-height:var(--nys-size-100, 8px);max-height:var(--nys-size-100, 8px);width:100%;min-width:100%;max-width:100%;color:transparent}:host([previous]) .nys-step__number,:host([current]) .nys-step__number{background-color:var(--nys-color-neutral-900, #1b1b1b);color:transparent}:host([selected]) .nys-step__number{background-color:var(--nys-color-theme-mid, #457aa5);outline:none}.nys-step__content,.nys-step__linewrapper{display:none}.nys-step__contentwrapper{cursor:default;pointer-events:none;width:auto}:host([isCompactExpanded]) .nys-step__content,:host([isCompactExpanded]) .nys-step__linewrapper{display:flex}:host([isCompactExpanded]) .nys-stepper__header{padding-bottom:var(--nys-space-250, 20px)}:host([isCompactExpanded]) .nys-stepper__steps{width:-webkit-fill-available;width:-moz-available;z-index:9999;overflow-y:auto;flex-direction:column;gap:0;padding:var(--nys-space-150, 12px) var(--nys-space-400, 32px) var(--nys-space-400, 32px)}:host([isCompactExpanded]) .nys-stepper__steps::slotted(*){flex:none}:host([isCompactExpanded]) .nys-step__number{border-radius:var(--nys-radius-round, 1776px);border:1px solid var(--nys-color-neutral-400, #909395);background:var(--nys-color-white-transparent-900, rgba(255, 255, 255, .9));width:var(--nys-space-300, 24px);min-width:var(--nys-space-300, 24px);max-width:var(--nys-space-300, 24px);height:var(--nys-space-300, 24px);min-height:var(--nys-space-300, 24px);max-height:var(--nys-space-300, 24px);color:var(--nys-color-text, #1b1b1b)}:host([isCompactExpanded][previous]) .nys-step__number,:host([isCompactExpanded][previous]) .nys-step__line,:host([isCompactExpanded][current]) .nys-step__number,:host([isCompactExpanded][current]) .nys-step__line{background:var(--nys-color-theme-stronger, #081b2b);color:var(--nys-color-text-reverse, #ffffff);border-color:var(--nys-color-theme-stronger, #081b2b)}:host([isCompactExpanded][selected]) .nys-step__number{background:var(--nys-color-theme, #154973);color:var(--nys-color-text-reverse, #ffffff);border-color:var(--nys-color-theme, #154973);outline:4px solid var(--nys-color-theme-weak, #cddde9)}:host([isCompactExpanded]) .nys-step__contentwrapper{pointer-events:all}}';
6083
- var dn = Object.defineProperty, Le = (r, e, t, s) => {
6084
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
6085
- (i = r[n]) && (o = i(e, t, o) || o);
6086
- return o && dn(e, t, o), o;
6103
+ var dn = Object.defineProperty, Le = (r, e, t, o) => {
6104
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
6105
+ (i = r[n]) && (s = i(e, t, s) || s);
6106
+ return s && dn(e, t, s), s;
6087
6107
  };
6088
6108
  const Gt = class Gt extends f {
6089
6109
  constructor() {
@@ -6157,10 +6177,10 @@ Le([
6157
6177
  a({ type: Number })
6158
6178
  ], oe.prototype, "stepNumber");
6159
6179
  customElements.get("nys-step") || customElements.define("nys-step", oe);
6160
- var hn = Object.defineProperty, nt = (r, e, t, s) => {
6161
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
6162
- (i = r[n]) && (o = i(e, t, o) || o);
6163
- return o && hn(e, t, o), o;
6180
+ var hn = Object.defineProperty, nt = (r, e, t, o) => {
6181
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
6182
+ (i = r[n]) && (s = i(e, t, s) || s);
6183
+ return s && hn(e, t, s), s;
6164
6184
  };
6165
6185
  let un = 0;
6166
6186
  const Qt = class Qt extends f {
@@ -6170,10 +6190,10 @@ const Qt = class Qt extends f {
6170
6190
  (i) => i instanceof HTMLElement && i.tagName.toLowerCase() === "nys-step"
6171
6191
  );
6172
6192
  if (!t) return;
6173
- const s = Array.from(this.querySelectorAll("nys-step")), o = s.findIndex(
6193
+ const o = Array.from(this.querySelectorAll("nys-step")), s = o.findIndex(
6174
6194
  (i) => i.hasAttribute("current")
6175
- ), n = s.indexOf(t);
6176
- o !== -1 && n > o || t.hasAttribute("selected") || (s.forEach((i) => i.removeAttribute("selected")), t.setAttribute("selected", ""), this._updateCounter(), this.isCompactExpanded = !1);
6195
+ ), n = o.indexOf(t);
6196
+ s !== -1 && n > s || t.hasAttribute("selected") || (o.forEach((i) => i.removeAttribute("selected")), t.setAttribute("selected", ""), this._updateCounter(), this.isCompactExpanded = !1);
6177
6197
  };
6178
6198
  }
6179
6199
  connectedCallback() {
@@ -6184,23 +6204,23 @@ const Qt = class Qt extends f {
6184
6204
  }
6185
6205
  _validateSteps() {
6186
6206
  Array.from(this.children).forEach((e) => {
6187
- const t = e instanceof HTMLElement && e.tagName.toLowerCase() === "nys-step", s = e instanceof HTMLElement && e.hasAttribute("slot") && e.getAttribute("slot") === "actions";
6188
- !t && !s && (console.warn(
6207
+ const t = e instanceof HTMLElement && e.tagName.toLowerCase() === "nys-step", o = e instanceof HTMLElement && e.hasAttribute("slot") && e.getAttribute("slot") === "actions";
6208
+ !t && !o && (console.warn(
6189
6209
  "Only <nys-step> elements or the <div slot='actions'> container are allowed as direct children of <nys-stepper>. Removing:",
6190
6210
  e
6191
6211
  ), e.remove());
6192
6212
  });
6193
6213
  }
6194
6214
  _validateButtonSlot(e) {
6195
- const s = e.target.assignedElements();
6196
- if (s.length !== 1 || s[0].tagName.toLowerCase() !== "div") {
6215
+ const o = e.target.assignedElements();
6216
+ if (o.length !== 1 || o[0].tagName.toLowerCase() !== "div") {
6197
6217
  console.warn(
6198
6218
  "The 'actions' slot must have exactly one <div> as a direct child."
6199
6219
  );
6200
6220
  return;
6201
6221
  }
6202
- const o = s[0];
6203
- Array.from(o.children).forEach((n) => {
6222
+ const s = o[0];
6223
+ Array.from(s.children).forEach((n) => {
6204
6224
  n instanceof HTMLElement && n.tagName.toLowerCase() === "nys-button" ? (n.setAttribute("size", "sm"), n.hasAttribute("fullWidth") && (n.style.flex = "1 1 0")) : (console.warn(
6205
6225
  "The <div> inside 'actions' slot only accepts <nys-button> elements. Removing invalid node:",
6206
6226
  n
@@ -6213,10 +6233,10 @@ const Qt = class Qt extends f {
6213
6233
  e = "Back to Form", this.style.height = "-webkit-fit-content", this.style.height = "-moz-fit-content", this.style.height = "fit-content";
6214
6234
  else {
6215
6235
  this.style.height = "auto";
6216
- const t = this.querySelectorAll("nys-step"), s = Array.from(t).findIndex(
6236
+ const t = this.querySelectorAll("nys-step"), o = Array.from(t).findIndex(
6217
6237
  (n) => n.hasAttribute("selected")
6218
- ), o = t.length;
6219
- e = s >= 0 ? `Step ${s + 1} of ${o}` : `Step 1 of ${o}`;
6238
+ ), s = t.length;
6239
+ e = o >= 0 ? `Step ${o + 1} of ${s}` : `Step 1 of ${s}`;
6220
6240
  }
6221
6241
  e !== this.counterText && (this.counterText = e);
6222
6242
  }
@@ -6225,11 +6245,11 @@ const Qt = class Qt extends f {
6225
6245
  this._stepsNumbered || (e.forEach((n, i) => {
6226
6246
  n.stepNumber = i + 1;
6227
6247
  }), this._stepsNumbered = !0);
6228
- let t = !1, s = !1, o = !1;
6248
+ let t = !1, o = !1, s = !1;
6229
6249
  e.forEach((n, i) => {
6230
- n.hasAttribute("current") && (o ? n.removeAttribute("current") : o = !0), i === 0 ? n.setAttribute("first", "") : n.removeAttribute("first"), n.hasAttribute("current") ? (t = !0, n.removeAttribute("previous")) : t ? n.removeAttribute("previous") : n.setAttribute("previous", ""), n.hasAttribute("selected") && (t || s ? n.removeAttribute("selected") : s = !0), this.isCompactExpanded ? n.setAttribute("isCompactExpanded", "") : n.removeAttribute("isCompactExpanded");
6231
- }), s || (o ? e.forEach((n) => {
6232
- n.hasAttribute("current") && !s && (n.setAttribute("selected", ""), s = !0);
6250
+ n.hasAttribute("current") && (s ? n.removeAttribute("current") : s = !0), i === 0 ? n.setAttribute("first", "") : n.removeAttribute("first"), n.hasAttribute("current") ? (t = !0, n.removeAttribute("previous")) : t ? n.removeAttribute("previous") : n.setAttribute("previous", ""), n.hasAttribute("selected") && (t || o ? n.removeAttribute("selected") : o = !0), this.isCompactExpanded ? n.setAttribute("isCompactExpanded", "") : n.removeAttribute("isCompactExpanded");
6251
+ }), o || (s ? e.forEach((n) => {
6252
+ n.hasAttribute("current") && !o && (n.setAttribute("selected", ""), o = !0);
6233
6253
  }) : e.length > 0 && (e[0].setAttribute("current", ""), e[0].setAttribute("selected", ""))), this._updateCounter();
6234
6254
  }
6235
6255
  _toggleCompact() {
@@ -6282,10 +6302,10 @@ nt([
6282
6302
  ], _e.prototype, "isCompactExpanded");
6283
6303
  customElements.get("nys-stepper") || customElements.define("nys-stepper", _e);
6284
6304
  const pn = ':host{--_nys-table-width: 100%;--_nys-table-radius: var(--nys-radius-xl, 12px);--_nys-table-padding: var(--nys-space-100, 8px);--_nys-table-border-color: transparent;--_nys-table-border-width: 0;--_nys-table-font-family: var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif));--_nys-table-font-size: var(--nys-font-size-ui-md, 16px);--_nys-table-font-weight: var(--nys-font-weight-regular, 400);--_nys-table-line-height: var(--nys-font-line-height-ui, 24px);--_nys-table-padding--caption: var(--nys-space-250, 20px) var(--nys-space-150, 12px);--_nys-table-font-size--caption: var(--nys-font-size-ui-lg, 18px);--_nys-table-font-weight--caption: var(--nys-font-weight-bold, 700);--_nys-table-padding--cell--x: var(--nys-space-150, 12px);--_nys-table-padding--cell--y: var(--nys-space-200, 16px);--_nys-table-background-color: var(--nys-color-ink-reverse, #ffffff);--_nys-table-background-color--striped: var(--nys-color-neutral-10, #f6f6f6);--_nys-table-color--code: var(--nys-color-red-600, #b52c2c);--_nys-table-background-color--code: var(--nys-color-neutral-10, #f6f6f6)}:host([bordered]){--_nys-table-border-color: var(--nys-color-neutral-100, #d0d0ce);--_nys-table-border-width: var(--nys-space-1px, 1px)}:host([download]){display:flex;flex-direction:column;gap:var(--nys-space-150, 12px)}.nys-table{width:var(--_nys-table-width);font:var(--_nys-table-font-weight) var(--_nys-table-font-size)/var(--_nys-table-line-height) var(--_nys-table-font-family)}.nys-table table{width:var(--_nys-table-width);border-collapse:collapse;background-color:var(--_nys-table-background-color)}.nys-table caption{padding:var(--_nys-table-padding--caption);font-size:var(--_nys-table-font-size--caption);font-weight:var(--_nys-table-font-weight--caption);text-align:start}.nys-table caption div{display:flex;justify-content:space-between;align-items:center}.nys-table td{padding:var(--_nys-table-padding--cell--y) var(--_nys-table-padding--cell--x);border:var(--_nys-table-border-width) solid var(--_nys-table-border-color)}.nys-table td code{color:var(--_nys-table-color--code);background-color:var(--_nys-table-background-color--code);padding:var(--nys-space-1px) var(--nys-space-2px);border-radius:var(--nys-radius-md)}.nys-table th{border:var(--_nys-table-border-width) solid var(--_nys-table-border-color);overflow:hidden;text-overflow:ellipsis;padding:var(--_nys-table-padding--cell--y) var(--_nys-table-padding--cell--x);text-align:left}.nys-table th:has(nys-button){padding:0}.nys-table th p{margin:0}.nys-table th nys-button{margin:0;width:-moz-available;width:-webkit-fill-available;width:fill-available;justify-content:space-between;--_nys-button-border-width: 0;--_nys-button-border-radius--start: 0;--_nys-button-border-radius--end: 0;--_nys-button-padding--x: var(--_nys-table-padding--cell--x);--_nys-button-justify-content: space-between;--_nys-button-outline-offset: -2px}.nys-table th.nys-table__sortedcolumn{background-color:var(--nys-color-theme-weak, #cddde9)}.nys-table td.nys-table__sortedcolumn{position:relative;z-index:0}.nys-table td.nys-table__sortedcolumn:after{content:"";position:absolute;inset:0;background-color:var(--nys-color-theme, #154973);opacity:.1;pointer-events:none;z-index:-1}:host([striped]) .nys-table tbody tr:nth-child(odd){background-color:var(--_nys-table-background-color--striped)}:host([sortable]) .nys-table th{cursor:pointer}.sr-only{border:0!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;margin:-1px!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}';
6285
- var yn = Object.defineProperty, ue = (r, e, t, s) => {
6286
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
6287
- (i = r[n]) && (o = i(e, t, o) || o);
6288
- return o && yn(e, t, o), o;
6305
+ var yn = Object.defineProperty, ue = (r, e, t, o) => {
6306
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
6307
+ (i = r[n]) && (s = i(e, t, s) || s);
6308
+ return s && yn(e, t, s), s;
6289
6309
  };
6290
6310
  let fn = 0;
6291
6311
  const Xt = class Xt extends f {
@@ -6310,15 +6330,15 @@ const Xt = class Xt extends f {
6310
6330
  );
6311
6331
  if (!e || !t) return;
6312
6332
  t.innerHTML = "";
6313
- const o = e.assignedElements({ flatten: !0 }).find((i) => i.tagName === "TABLE");
6314
- if (!o) return;
6315
- const n = o.cloneNode(!0);
6333
+ const s = e.assignedElements({ flatten: !0 }).find((i) => i.tagName === "TABLE");
6334
+ if (!s) return;
6335
+ const n = s.cloneNode(!0);
6316
6336
  this._normalizeTableDOM(n), this.sortable && this._addSortIcons(n), t.appendChild(n);
6317
6337
  }
6318
6338
  _normalizeTableDOM(e) {
6319
- const t = e.querySelector("thead"), s = e.querySelector("tbody");
6320
- if (t && s) return;
6321
- const o = e.querySelector(
6339
+ const t = e.querySelector("thead"), o = e.querySelector("tbody");
6340
+ if (t && o) return;
6341
+ const s = e.querySelector(
6322
6342
  "caption"
6323
6343
  ), n = Array.from(e.querySelectorAll("tr"));
6324
6344
  if (n.length === 0) return;
@@ -6338,10 +6358,10 @@ const Xt = class Xt extends f {
6338
6358
  p !== c && l.appendChild(u);
6339
6359
  });
6340
6360
  }
6341
- if (e.innerHTML = "", o && e.appendChild(o), this.sortable) {
6361
+ if (e.innerHTML = "", s && e.appendChild(s), this.sortable) {
6342
6362
  const h = document.createElement("span");
6343
- if (h.setAttribute("class", "sr-only"), h.textContent = "Column headers with buttons are sortable.", o)
6344
- o.appendChild(h);
6363
+ if (h.setAttribute("class", "sr-only"), h.textContent = "Column headers with buttons are sortable.", s)
6364
+ s.appendChild(h);
6345
6365
  else {
6346
6366
  const u = document.createElement("caption");
6347
6367
  u.appendChild(h), e.appendChild(u);
@@ -6351,63 +6371,68 @@ const Xt = class Xt extends f {
6351
6371
  }
6352
6372
  willUpdate() {
6353
6373
  const e = Array.from(this.children).find(
6354
- (o) => o.tagName === "TABLE"
6374
+ (s) => s.tagName === "TABLE"
6355
6375
  );
6356
6376
  if (!e) return;
6357
- const s = e.querySelector("caption")?.textContent?.trim() ?? "";
6358
- this._captionText !== s && (this._captionText = s);
6377
+ const o = e.querySelector("caption")?.textContent?.trim() ?? "";
6378
+ this._captionText !== o && (this._captionText = o);
6359
6379
  }
6360
6380
  _addSortIcons(e) {
6361
6381
  const t = Array.from(e.querySelectorAll("thead th"));
6362
- t.length !== 0 && t.forEach((s, o) => {
6363
- if (s.querySelector("nys-button[part='sort-button']")) return;
6364
- const n = s.textContent?.trim();
6382
+ t.length !== 0 && t.forEach((o, s) => {
6383
+ if (o.querySelector("nys-button[part='sort-button']")) return;
6384
+ const n = o.textContent?.trim();
6365
6385
  if (!n) return;
6366
- s.textContent = "";
6386
+ o.textContent = "";
6367
6387
  const i = document.createElement("nys-button");
6368
6388
  i.setAttribute("part", "sort-button"), i.setAttribute("variant", "ghost"), i.setAttribute("label", n), i.setAttribute("suffixIcon", "slotted"), i.setAttribute("fullWidth", "true");
6369
6389
  const l = document.createElement("nys-icon");
6370
6390
  l.setAttribute("slot", "suffix-icon"), l.setAttribute("name", "height"), l.setAttribute("size", "24"), l.setAttribute("color", "var(--nys-color-text-weak, #4a4d4f)"), i.appendChild(l), i.addEventListener("nys-click", (c) => {
6371
- c.stopPropagation(), this._onSortClick(o, e);
6372
- }), s.appendChild(i);
6391
+ c.stopPropagation(), this._onSortClick(s, e);
6392
+ }), o.appendChild(i);
6373
6393
  });
6374
6394
  }
6375
6395
  _updateSortIcons(e) {
6376
- e.querySelectorAll("thead th").forEach((s, o) => {
6377
- const n = s.querySelector("nys-button[part='sort-button']"), i = n?.querySelector(
6396
+ e.querySelectorAll("thead th").forEach((o, s) => {
6397
+ const n = o.querySelector("nys-button[part='sort-button']"), i = n?.querySelector(
6378
6398
  "nys-icon[slot='suffix-icon']"
6379
6399
  );
6380
6400
  if (!(!n || !i))
6381
- if (o === this._sortColumn)
6382
- switch (s.classList.add("nys-table__sortedcolumn"), this._sortDirection) {
6401
+ if (s === this._sortColumn)
6402
+ switch (o.classList.add("nys-table__sortedcolumn"), this._sortDirection) {
6383
6403
  case "asc":
6384
- i.setAttribute("name", "straight"), i.setAttribute("color", "var(--nys-color-ink, #1b1b1b)"), i.style.transform = "rotate(0deg)", s.setAttribute("aria-sort", "ascending");
6404
+ i.setAttribute("name", "straight"), i.setAttribute("color", "var(--nys-color-ink, #1b1b1b)"), i.style.transform = "rotate(0deg)", o.setAttribute("aria-sort", "ascending");
6385
6405
  break;
6386
6406
  case "desc":
6387
- i.setAttribute("name", "straight"), i.setAttribute("color", "var(--nys-color-ink, #1b1b1b)"), i.style.transform = "rotate(180deg)", s.setAttribute("aria-sort", "descending");
6407
+ i.setAttribute("name", "straight"), i.setAttribute("color", "var(--nys-color-ink, #1b1b1b)"), i.style.transform = "rotate(180deg)", o.setAttribute("aria-sort", "descending");
6388
6408
  break;
6389
6409
  }
6390
6410
  else
6391
- s.classList.remove("nys-table__sortedcolumn"), i.setAttribute("name", "height"), i.setAttribute("color", "var(--nys-color-text-weak, #4a4d4f)"), i.style.transform = "", s.removeAttribute("aria-sort");
6411
+ o.classList.remove("nys-table__sortedcolumn"), i.setAttribute("name", "height"), i.setAttribute("color", "var(--nys-color-text-weak, #4a4d4f)"), i.style.transform = "", o.removeAttribute("aria-sort");
6392
6412
  });
6393
6413
  }
6394
6414
  _onSortClick(e, t) {
6395
- this._sortColumn !== e ? (this._sortColumn = e, this._sortDirection = "asc") : this._sortDirection = this._sortDirection === "asc" ? "desc" : "asc", this._updateSortIcons(t), this._sortTable(t, e, this._sortDirection);
6415
+ const s = Array.from(t.querySelectorAll("thead th"))[e]?.querySelector("nys-button[part='sort-button']")?.getAttribute("label") ?? "", n = this._sortColumn !== e ? "asc" : this._sortDirection === "asc" ? "desc" : "asc";
6416
+ this._emitColumnSortEvent(
6417
+ e,
6418
+ s,
6419
+ n
6420
+ ) || (this._sortColumn = e, this._sortDirection = n, this._updateSortIcons(t), this._sortTable(t, e, this._sortDirection));
6396
6421
  }
6397
- _sortTable(e, t, s) {
6398
- const o = e.querySelector("tbody");
6399
- if (!o) return;
6400
- const n = Array.from(o.querySelectorAll("tr"));
6422
+ _sortTable(e, t, o) {
6423
+ const s = e.querySelector("tbody");
6424
+ if (!s) return;
6425
+ const n = Array.from(s.querySelectorAll("tr"));
6401
6426
  n.sort((i, l) => {
6402
6427
  const c = i.children[t]?.textContent?.trim() ?? "", h = l.children[t]?.textContent?.trim() ?? "", u = Number(c), p = Number(h);
6403
6428
  let v;
6404
- return !isNaN(u) && !isNaN(p) ? v = u - p : v = c.localeCompare(h), s === "asc" ? v : -v;
6405
- }), n.forEach((i) => o.appendChild(i)), this._updateSortedColumnStyles(e);
6429
+ return !isNaN(u) && !isNaN(p) ? v = u - p : v = c.localeCompare(h), o === "asc" ? v : -v;
6430
+ }), n.forEach((i) => s.appendChild(i)), this._updateSortedColumnStyles(e);
6406
6431
  }
6407
6432
  _updateSortedColumnStyles(e) {
6408
- e.querySelectorAll("tbody tr").forEach((s) => {
6409
- Array.from(s.children).forEach((o, n) => {
6410
- n === this._sortColumn ? o.classList.add("nys-table__sortedcolumn") : o.classList.remove("nys-table__sortedcolumn");
6433
+ e.querySelectorAll("tbody tr").forEach((o) => {
6434
+ Array.from(o.children).forEach((s, n) => {
6435
+ n === this._sortColumn ? s.classList.add("nys-table__sortedcolumn") : s.classList.remove("nys-table__sortedcolumn");
6411
6436
  });
6412
6437
  });
6413
6438
  }
@@ -6416,7 +6441,23 @@ const Xt = class Xt extends f {
6416
6441
  e.href = this.download, e.download = this.download.split("/").pop() || "table-data.csv", document.body.appendChild(e), e.click(), document.body.removeChild(e);
6417
6442
  }
6418
6443
  /****************** Event Handlers ******************/
6419
- // Placeholder for event handlers if needed
6444
+ /**
6445
+ * Dispatches the `nys-column-sort` custom event.
6446
+ *
6447
+ * @param columnIndex - Zero-based index of the sorted column.
6448
+ * @param columnLabel - The text label of the sorted column header.
6449
+ * @param sortDirection - The new sort direction: "asc", "desc", or "none".
6450
+ */
6451
+ _emitColumnSortEvent(e, t, o) {
6452
+ const s = new CustomEvent("nys-column-sort", {
6453
+ detail: { columnIndex: e, columnLabel: t, sortDirection: o },
6454
+ bubbles: !0,
6455
+ composed: !0,
6456
+ cancelable: !0
6457
+ });
6458
+ return this.dispatchEvent(s), s.defaultPrevented;
6459
+ }
6460
+ /****************** Render ******************/
6420
6461
  render() {
6421
6462
  return d`
6422
6463
  <div class="nys-table">
@@ -6466,10 +6507,10 @@ ue([
6466
6507
  ], Q.prototype, "_captionText");
6467
6508
  customElements.get("nys-table") || customElements.define("nys-table", Q);
6468
6509
  const vn = ':host{--_nys-textarea-width: 100%;--_nys-textarea-border-radius: var(--nys-radius-md, 4px);--_nys-textarea-border-width: var(--nys-border-width-sm, 1px);--_nys-textarea-border-color: var(--nys-color-neutral-400, #909395);--_nys-textarea-padding: var(--nys-space-200, 16px);--_nys-textarea-gap: var(--nys-space-50, 4px);--_nys-textarea-color: var(--nys-color-ink, #1b1b1b);--_nys-textarea-color--placeholder: var(--nys-color-text-weaker, var(--nys-color-neutral-500, #797c7f));--_nys-textarea-outline-color--hover: var(--nys-color-neutral-900, #1b1b1b);--_nys-textarea-outline-width: var(--nys-border-width-sm, 1px);--_nys-textarea-outline-color--focus: var(--nys-color-focus, #004dd1);--_nys-textarea-background-color--disabled: var(--nys-color-neutral-10, #f6f6f6);--_nys-textarea-border-color--disabled: var(--nys-color-neutral-200, #bec0c1);--_nys-textarea-color--disabled: var(--nys-color-text-disabled, var(--nys-color-neutral-200, #bec0c1));--_nys-textarea-font-family: var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif));--_nys-textarea-font-size: var(--nys-font-size-ui-md, 16px);--_nys-textarea-font-weight: var(--nys-font-weight-regular, 400);--_nys-textarea-line-height: var(--nys-font-lineheight-ui-md, 24px);--nys-textarea-letterspacing-ui: var(--nys-font-letterspacing-ui-md, var(--nys-font-letterspacing-400, .044px))}:host([width=sm]){--_nys-textarea-width: var(--nys-form-width-sm, 88px)}:host([width=md]){--_nys-textarea-width: var(--nys-form-width-md, 200px)}:host([width=lg]){--_nys-textarea-width: var(--nys-form-width-lg, 384px)}:host([width=full]){--_nys-textarea-width: 100%;flex:1}:host([showError]){--_nys-textarea-border-color: var(--nys-color-danger, #b52c2c)}.nys-textarea{font-weight:var(--_nys-textarea-font-weight);font-family:var(--_nys-textarea-font-family);line-height:var(--_nys-textarea-line-height);letter-spacing:var(--nys-textarea-letterspacing-ui);color:var(--_nys-textarea-color);gap:var(--_nys-textarea-gap);display:flex;flex-direction:column}.nys-textarea__textarea{color:var(--_nys-textarea-color);font-size:var(--_nys-textarea-font-size);font-family:var(--_nys-textarea-font-family);border-radius:var(--_nys-textarea-border-radius);border:solid var(--_nys-textarea-border-color) var(--_nys-textarea-border-width);padding:var(--_nys-textarea-padding);width:var(--_nys-textarea-width);line-height:var(--_nys-textarea-line-height);max-width:var(--_nys-textarea-width);box-sizing:border-box}.nys-textarea__textarea::placeholder{color:var(--_nys-textarea-color--placeholder)}.nys-textarea__textarea.none{resize:none}.nys-textarea__textarea:hover:not(:disabled):not(:focus):not([readonly]){outline:solid var(--_nys-textarea-outline-width) var(--_nys-textarea-outline-color--hover);border-color:var(--_nys-textarea-outline-color--hover)}.nys-textarea__textarea:focus:not([readonly]){outline:solid var(--_nys-textarea-outline-width) var(--_nys-textarea-outline-color--focus);border-color:var(--_nys-textarea-outline-color--focus);caret-color:var(--_nys-textarea-outline-color--focus)}.nys-textarea__textarea:disabled,.nys-textarea__textarea:disabled::placeholder{background-color:var(--_nys-textarea-background-color--disabled);border-color:var(--_nys-textarea-border-color--disabled);color:var(--_nys-textarea-color--disabled);cursor:not-allowed}';
6469
- var bn = Object.defineProperty, O = (r, e, t, s) => {
6470
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
6471
- (i = r[n]) && (o = i(e, t, o) || o);
6472
- return o && bn(e, t, o), o;
6510
+ var bn = Object.defineProperty, O = (r, e, t, o) => {
6511
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
6512
+ (i = r[n]) && (s = i(e, t, s) || s);
6513
+ return s && bn(e, t, s), s;
6473
6514
  };
6474
6515
  let gn = 0;
6475
6516
  const Ge = class Ge extends f {
@@ -6539,8 +6580,8 @@ const Ge = class Ge extends f {
6539
6580
  e.preventDefault(), this._hasUserInteracted = !0, this._validate();
6540
6581
  const t = this.shadowRoot?.querySelector("textarea");
6541
6582
  if (t) {
6542
- const s = this._internals.form;
6543
- s ? Array.from(s.elements).find(
6583
+ const o = this._internals.form;
6584
+ o ? Array.from(o.elements).find(
6544
6585
  (i) => typeof i.checkValidity == "function" && !i.checkValidity()
6545
6586
  ) === this && t.focus() : t.focus();
6546
6587
  }
@@ -6562,11 +6603,15 @@ const Ge = class Ge extends f {
6562
6603
  }
6563
6604
  // Handle focus event
6564
6605
  _handleFocus() {
6565
- this.dispatchEvent(new Event("nys-focus"));
6606
+ this.dispatchEvent(
6607
+ new Event("nys-focus", { bubbles: !0, composed: !0 })
6608
+ );
6566
6609
  }
6567
6610
  // Handle blur event
6568
6611
  _handleBlur() {
6569
- this._hasUserInteracted || (this._hasUserInteracted = !0), this._validate(), this.dispatchEvent(new Event("nys-blur"));
6612
+ this._hasUserInteracted || (this._hasUserInteracted = !0), this._validate(), this.dispatchEvent(
6613
+ new Event("nys-blur", { bubbles: !0, composed: !0 })
6614
+ );
6570
6615
  }
6571
6616
  _handleSelect(e) {
6572
6617
  const t = e.target;
@@ -6697,10 +6742,10 @@ O([
6697
6742
  ], S.prototype, "errorMessage");
6698
6743
  customElements.get("nys-textarea") || customElements.define("nys-textarea", S);
6699
6744
  const _n = ':host{--_nys-textinput-width: 100%;--_nys-textinput-height: var(--nys-size-500, 40px);--_nys-textinput-border-radius: var(--nys-radius-md, 4px);--_nys-textinput-border-width: var(--nys-border-width-sm, 1px);--_nys-textinput-border-color: var(--nys-color-neutral-400, #909395);--_nys-textinput-color: var( --nys-color-text, var(--nys-color-neutral-900, #1b1b1b) );--_nys-textinput-color--placeholder: var( --nys-color-text-weaker, var(--nys-color-neutral-500, #797c7f) );--_nys-textinput-padding: var(--nys-space-100, 8px);--_nys-textinput-gap: var(--nys-space-50, 4px);--_nys-textinput-background-color: var( --nys-color-ink-reverse, var(--nys-color-white, #ffffff) );--_nys-textinput-outline-color--hover: var( --nys-color-neutral-900, #1b1b1b );--_nys-textinput-outline-width: var(--nys-border-width-sm, 1px);--_nys-textinput-outline-color--focus: var(--nys-color-focus, #004dd1);--_nys-textinput-background-color--disabled: var( --nys-color-neutral-10, #f6f6f6 );--_nys-textinput-border-color--disabled: var( --nys-color-neutral-200, #bec0c1 );--_nys-textinput-color--disabled: var( --nys-color-text-disabled, var(--nys-color-neutral-200, #bec0c1) );--_nys-textinput-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-textinput-font-size: var(--nys-font-size-ui-md, 16px);--_nys-textinput-font-weight: var(--nys-font-weight-regular, 400);--_nys-textinput-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-textinput-letter-spacing: var( --nys-font-letterspacing-ui-md, var(--nys-font-letterspacing-400, .044px) )}:host([width=sm]){--_nys-textinput-width: var(--nys-form-width-sm, 88px)}:host([width=md]){--_nys-textinput-width: var(--nys-form-width-md, 200px)}:host([width=lg]){--_nys-textinput-width: var(--nys-form-width-lg, 384px)}:host([width=full]){--_nys-textinput-width: 100%;flex:1}:host([showError]){--_nys-textinput-border-color: var(--nys-color-danger, #b52c2c)}.nys-textinput{font-weight:var(--_nys-textinput-font-weight);font-family:var(--_nys-textinput-font-family);font-size:var(--_nys-textinput-font-size);line-height:var(--_nys-textinput-line-height);letter-spacing:var(--_nys-textinput-letter-spacing);color:var(--_nys-textinput-color);gap:var(--_nys-textinput-gap);display:flex;flex-direction:column}.nys-textinput__mask-overlay{position:absolute;margin:calc(var(--_nys-textinput-padding) + var(--_nys-textinput-border-width));color:var(--nys-color-text-weaker, #797c7f);display:inline;overflow:hidden;white-space:nowrap;font:inherit;letter-spacing:normal}.nys-textinput__input{color:var(--_nys-textinput-color);border-radius:var(--_nys-textinput-border-radius);border:solid var(--_nys-textinput-border-color) var(--_nys-textinput-border-width);outline:transparent solid var(--_nys-textinput-outline-width);padding:var(--_nys-textinput-padding);width:100%;height:var(--_nys-textinput-height);box-sizing:border-box;background-color:transparent;position:relative;font:inherit}.nys-textinput__input::placeholder{color:var(--_nys-textinput-color--placeholder)}.nys-textinput__buttoncontainer{width:var(--_nys-textinput-width);max-width:100%;display:flex}.nys-textinput__buttoncontainer.has-end-button .nys-textinput__input{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none}.nys-textinput__buttoncontainer.has-start-button .nys-textinput__input{border-start-start-radius:0;border-end-start-radius:0;border-inline-start:none}.nys-textinput__container{position:relative;display:flex;align-items:center;width:100%;background-color:var(--_nys-textinput-background-color);border-radius:var(--_nys-textinput-border-radius)}::slotted(nys-button){--_nys-button-height: var(--_nys-textinput-height);--_nys-button-border-radius--start: var(--_nys-textinput-border-radius);--_nys-button-border-radius--end: var(--_nys-textinput-border-radius);--_nys-button-background-color--disabled: var( --_nys-textinput-background-color--disabled );--_nys-button-border-color--disabled: var(--_nys-textinput-color--disabled);--_nys-button-color--disabled: var(--_nys-textinput-color--disabled);--_nys-button-border-width: var(--_nys-textinput-border-width);z-index:1}.nys-textinput__buttoncontainer.has-start-button ::slotted(nys-button){--_nys-button-border-radius--end: 0}.nys-textinput__buttoncontainer.has-end-button ::slotted(nys-button){--_nys-button-border-radius--start: 0}.eye-icon{position:absolute;right:var(--nys-space-50, 4px);top:50%;transform:translateY(-50%);cursor:pointer;color:var(--_nys-textinput-color--icon);--nys-button-background-color: var(--_nys-textinput-background-color);--nys-button-background-color--hover: var( --_nys-textinput-background-color );--nys-button-background-color--active: var( --_nys-textinput-background-color );--_nys-button-outline-focus: calc( var(--_nys-button-outline-width) * -1 );--_nys-button-padding--y: var(--nys-space-50, 4px);--_nys-button-padding--x: var(--nys-space-50, 4px);--_nys-button-height: var(--nys-size-300, 32px);--_nys-button-width: var(--nys-size-400, 32px)}.nys-textinput__input:hover:not(:disabled):not(:focus):not([readonly]){outline-color:var(--_nys-textinput-outline-color--hover);border-color:var(--_nys-textinput-outline-color--hover)}.nys-textinput__input:focus:not([readonly]){outline-color:var(--_nys-textinput-outline-color--focus);border-color:var(--_nys-textinput-outline-color--focus);caret-color:var(--_nys-textinput-outline-color--focus)}.nys-textinput__input:disabled,.nys-textinput__input:disabled::placeholder,.nys-textinput__input:disabled+.eye-icon{background-color:var(--_nys-textinput-background-color--disabled);border-color:var(--_nys-textinput-border-color--disabled);color:var(--_nys-textinput-color--disabled);cursor:not-allowed}';
6700
- var mn = Object.defineProperty, x = (r, e, t, s) => {
6701
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
6702
- (i = r[n]) && (o = i(e, t, o) || o);
6703
- return o && mn(e, t, o), o;
6745
+ var mn = Object.defineProperty, x = (r, e, t, o) => {
6746
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
6747
+ (i = r[n]) && (s = i(e, t, s) || s);
6748
+ return s && mn(e, t, s), s;
6704
6749
  };
6705
6750
  let Cn = 0;
6706
6751
  const Qe = class Qe extends f {
@@ -6723,16 +6768,16 @@ const Qe = class Qe extends f {
6723
6768
  // Ensure the "width" property is valid after updates
6724
6769
  async updated(e) {
6725
6770
  if (e.has("disabled") && (this._validateButtonSlot("startButton"), this._validateButtonSlot("endButton")), e.has("type")) {
6726
- const t = this._maskPatterns[this.type], s = this.shadowRoot?.querySelector("input");
6727
- if (s)
6771
+ const t = this._maskPatterns[this.type], o = this.shadowRoot?.querySelector("input");
6772
+ if (o)
6728
6773
  if (t)
6729
- this.maxlength === null && (s.maxLength = t.length), this._updateOverlay(s.value, t);
6774
+ this.maxlength === null && (o.maxLength = t.length), this._updateOverlay(o.value, t);
6730
6775
  else {
6731
- this.maxlength === null && s.removeAttribute("maxLength");
6732
- const o = this.shadowRoot?.querySelector(
6776
+ this.maxlength === null && o.removeAttribute("maxLength");
6777
+ const s = this.shadowRoot?.querySelector(
6733
6778
  ".nys-textinput__mask-overlay"
6734
6779
  );
6735
- o && (o.textContent = "");
6780
+ s && (s.textContent = "");
6736
6781
  }
6737
6782
  }
6738
6783
  if (e.has("readonly") || e.has("required")) {
@@ -6757,15 +6802,15 @@ const Qe = class Qe extends f {
6757
6802
  const t = this.shadowRoot?.querySelector("input");
6758
6803
  if (!t) return;
6759
6804
  this.showError = !!e, this._originalErrorMessage?.trim() && e !== "" ? this.errorMessage = this._originalErrorMessage : this.errorMessage = e;
6760
- const s = e ? { customError: !0 } : {};
6761
- this._internals.setValidity(s, this.errorMessage, t);
6805
+ const o = e ? { customError: !0 } : {};
6806
+ this._internals.setValidity(o, this.errorMessage, t);
6762
6807
  }
6763
6808
  _validate() {
6764
6809
  const e = this.shadowRoot?.querySelector("input");
6765
6810
  if (!e) return;
6766
6811
  const t = e.validity;
6767
- let s = "";
6768
- t.valueMissing ? s = "This field is required" : t.typeMismatch ? s = "Invalid format for this type" : t.patternMismatch ? s = "Invalid format" : t.tooShort ? s = `Value is too short. Minimum length is ${e.minLength}` : t.tooLong ? s = `Value is too long. Maximum length is ${e.maxLength}` : t.rangeUnderflow ? s = `Value must be at least ${e.min}` : t.rangeOverflow ? s = `Value must be at most ${e.max}` : t.stepMismatch ? s = "Invalid step value" : s = e.validationMessage, this._setValidityMessage(s);
6812
+ let o = "";
6813
+ t.valueMissing ? o = "This field is required" : t.typeMismatch ? o = "Invalid format for this type" : t.patternMismatch ? o = "Invalid format" : t.tooShort ? o = `Value is too short. Minimum length is ${e.minLength}` : t.tooLong ? o = `Value is too long. Maximum length is ${e.maxLength}` : t.rangeUnderflow ? o = `Value must be at least ${e.min}` : t.rangeOverflow ? o = `Value must be at most ${e.max}` : t.stepMismatch ? o = "Invalid step value" : o = e.validationMessage, this._setValidityMessage(o);
6769
6814
  }
6770
6815
  // This callback is automatically called when the parent form is reset.
6771
6816
  formResetCallback() {
@@ -6786,8 +6831,8 @@ const Qe = class Qe extends f {
6786
6831
  e.preventDefault(), this._hasUserInteracted = !0, this._validate();
6787
6832
  const t = this.shadowRoot?.querySelector("input");
6788
6833
  if (t) {
6789
- const s = this._internals.form;
6790
- s ? Array.from(s.elements).find(
6834
+ const o = this._internals.form;
6835
+ o ? Array.from(o.elements).find(
6791
6836
  (i) => typeof i.checkValidity == "function" && !i.checkValidity()
6792
6837
  ) === this && t.focus() : t.focus();
6793
6838
  }
@@ -6796,28 +6841,28 @@ const Qe = class Qe extends f {
6796
6841
  this.showPassword = !this.showPassword;
6797
6842
  }
6798
6843
  _updateOverlay(e, t) {
6799
- const s = this.shadowRoot?.querySelector(
6844
+ const o = this.shadowRoot?.querySelector(
6800
6845
  ".nys-textinput__mask-overlay"
6801
6846
  );
6802
- if (!s) return;
6803
- const o = e, n = t.slice(o.length);
6804
- s.textContent = o + n;
6847
+ if (!o) return;
6848
+ const s = e, n = t.slice(s.length);
6849
+ o.textContent = s + n;
6805
6850
  }
6806
6851
  _applyMask(e, t) {
6807
- const s = e.replace(/\D/g, "");
6808
- let o = "";
6852
+ const o = e.replace(/\D/g, "");
6853
+ let s = "";
6809
6854
  if (this.type === "tel")
6810
- return s.length > 0 && (o = "(" + s.substring(0, 3)), s.length >= 4 && (o += ") " + s.substring(3, 6)), s.length > 6 && (o += "-" + s.substring(6, 10)), o;
6855
+ return o.length > 0 && (s = "(" + o.substring(0, 3)), o.length >= 4 && (s += ") " + o.substring(3, 6)), o.length > 6 && (s += "-" + o.substring(6, 10)), s;
6811
6856
  let n = 0;
6812
6857
  for (let i = 0; i < t.length; i++)
6813
6858
  if (t[i] === "_" || t[i].match(/[d9]/i))
6814
- if (n < s.length)
6815
- o += s[n++];
6859
+ if (n < o.length)
6860
+ s += o[n++];
6816
6861
  else
6817
6862
  break;
6818
6863
  else
6819
- o += t[i];
6820
- return o;
6864
+ s += t[i];
6865
+ return s;
6821
6866
  }
6822
6867
  /**
6823
6868
  * Event Handlers
@@ -6826,9 +6871,9 @@ const Qe = class Qe extends f {
6826
6871
  // Handle input event to check pattern validity
6827
6872
  _handleInput(e) {
6828
6873
  const t = e.target;
6829
- let s = t.value;
6830
- const o = this._maskPatterns[this.type];
6831
- o && (s = this._applyMask(s, o), t.value = s, this._updateOverlay(s, o)), this.value = s, this._internals.setFormValue(this.value), this._hasUserInteracted && this._validate(), this.dispatchEvent(
6874
+ let o = t.value;
6875
+ const s = this._maskPatterns[this.type];
6876
+ s && (o = this._applyMask(o, s), t.value = o, this._updateOverlay(o, s)), this.value = o, this._internals.setFormValue(this.value), this._hasUserInteracted && this._validate(), this.dispatchEvent(
6832
6877
  new CustomEvent("nys-input", {
6833
6878
  detail: { id: this.id, value: this.value },
6834
6879
  bubbles: !0,
@@ -6838,27 +6883,31 @@ const Qe = class Qe extends f {
6838
6883
  }
6839
6884
  // Handle focus event
6840
6885
  _handleFocus() {
6841
- this.dispatchEvent(new Event("nys-focus"));
6886
+ this.dispatchEvent(
6887
+ new Event("nys-focus", { bubbles: !0, composed: !0 })
6888
+ );
6842
6889
  }
6843
6890
  // Handle blur event
6844
6891
  _handleBlur() {
6845
- this._hasUserInteracted || (this._hasUserInteracted = !0), this._validate(), this.dispatchEvent(new Event("nys-blur"));
6892
+ this._hasUserInteracted || (this._hasUserInteracted = !0), this._validate(), this.dispatchEvent(
6893
+ new Event("nys-blur", { bubbles: !0, composed: !0 })
6894
+ );
6846
6895
  }
6847
6896
  _validateButtonSlot(e) {
6848
6897
  const t = this.shadowRoot?.querySelector(
6849
6898
  'slot[name="' + e + '"]'
6850
- ), s = this.shadowRoot?.querySelector(
6899
+ ), o = this.shadowRoot?.querySelector(
6851
6900
  ".nys-textinput__buttoncontainer"
6852
6901
  );
6853
- if (!t || !s) return;
6854
- const o = t.assignedElements();
6902
+ if (!t || !o) return;
6903
+ const s = t.assignedElements();
6855
6904
  let n = !1;
6856
- o.forEach((i) => {
6905
+ s.forEach((i) => {
6857
6906
  i instanceof HTMLElement && i.tagName.toLowerCase() === "nys-button" && !n ? (n = !0, i.setAttribute("size", "sm"), i.setAttribute("variant", "primary"), this.disabled ? i.setAttribute("disabled", "true") : i.removeAttribute("disabled")) : (console.warn(
6858
6907
  "The '" + e + "' slot only accepts a single <nys-button> element. Removing invalid or extra node:",
6859
6908
  i
6860
6909
  ), i.remove());
6861
- }), e === "startButton" ? s.classList.toggle("has-start-button", n) : e === "endButton" && s.classList.toggle("has-end-button", n);
6910
+ }), e === "startButton" ? o.classList.toggle("has-start-button", n) : e === "endButton" && o.classList.toggle("has-end-button", n);
6862
6911
  }
6863
6912
  render() {
6864
6913
  return d`
@@ -7015,10 +7064,10 @@ x([
7015
7064
  ], m.prototype, "showPassword");
7016
7065
  customElements.get("nys-textinput") || customElements.define("nys-textinput", m);
7017
7066
  const wn = ':host{--_nys-toggle-width: var(--nys-font-size-8xl, 44px);--_nys-toggle-height: var(--nys-size-300, 24px);--_nys-toggle-border-radius: var(--nys-radius-round, 1776px);--_nys-toggle-border-width: var(--nys-border-width-md, 2px);--_nys-toggle-size--knob: var(--nys-font-size-lg, 18px);--_nys-toggle-margin--knob: calc( (var(--_nys-toggle-height) - var(--_nys-toggle-size--knob)) / 2 );--_nys-toggle-transform--translateX: calc( var(--_nys-toggle-width) - var(--_nys-toggle-size--knob) - var( --_nys-toggle-margin--knob ) - 2px );--_nys-toggle-gap: var(--nys-space-150, 12px);--_nys-toggle-transition-duration: .3s;--_nys-toggle-outline-color: var(--nys-color-focus, #004dd1);--_nys-toggle-outline-width: var(--nys-border-width-md, 2px);--_nys-toggle-background-color: var(--nys-color-neutral-500, #797c7f);--_nys-toggle-background-color--disabled: var( --nys-color-neutral-100, #d0d0ce );--_nys-toggle-background-color--checked: var(--nys-color-theme, #154973);--_nys-toggle-background-color--hover: var(--nys-color-neutral-600, #62666a);--_nys-toggle-background-color--active: var(--nys-color-neutral-700, #4a4d4f);--_nys-toggle-background-color--checked--hover: var( --nys-color-theme-strong, #0e324f );--_nys-toggle-background-color--checked--active: var( --nys-color-theme-stronger, #081b2b );--_nys-toggle-color-ink-reverse: var(--nys-color-ink-reverse, #ffffff);--_nys-toggle-color--disabled: var(--nys-color-neutral-500, #797c7f)}.nys-toggle__content{display:flex;gap:var(--_nys-toggle-gap)}.nys-toggle__content nys-label{--_nys-label-font-weight: var(--nys-font-weight-regular, 400)}.nys-toggle__content:has(input:disabled) nys-label{--_nys-label-color: var(--_nys-toggle-color--disabled);cursor:not-allowed}.nys-toggle__toggle{position:relative;display:inline-block;width:var(--_nys-toggle-width);min-width:var(--_nys-toggle-width);max-width:var(--_nys-toggle-width);height:var(--_nys-toggle-height);min-height:var(--_nys-toggle-height);max-height:var(--_nys-toggle-height)}.nys-toggle__toggle input{opacity:0;width:0;height:0}.nys-toggle__toggle input:checked+.slider{background-color:var(--_nys-toggle-background-color--checked)}.nys-toggle__toggle input:checked+.slider:hover{background-color:var(--_nys-toggle-background-color--checked--hover)}.nys-toggle__toggle input:checked+.slider:hover .knob .toggle-icon{color:var(--_nys-toggle-background-color--checked--hover)}.nys-toggle__toggle input:checked+.slider .knob{transform:translate(var(--_nys-toggle-transform--translateX))}.nys-toggle__toggle input:checked+.slider .knob .toggle-icon{color:var(--_nys-toggle-background-color--checked)}.nys-toggle__toggle input:active:not(:disabled)+.slider{background-color:var(--_nys-toggle-background-color--active);outline:solid var(--_nys-toggle-outline-width) var(--_nys-toggle-outline-color)}.nys-toggle__toggle input:active:not(:disabled)+.slider .knob .toggle-icon{color:var(--_nys-toggle-background-color--active)}.nys-toggle__toggle input:active:not(:disabled)+.slider:checked{background-color:var(--_nys-toggle-background-color--checked--active)}.nys-toggle__toggle input:active:not(:disabled)+.slider:checked .knob .toggle-icon{color:var(--_nys-toggle-background-color--checked--active)}.nys-toggle__toggle input:focus+.slider{outline:solid var(--_nys-toggle-outline-width) var(--_nys-toggle-outline-color)}.nys-toggle__toggle input:disabled+.slider{background-color:var(--_nys-toggle-background-color--disabled);cursor:not-allowed}.nys-toggle__toggle input:disabled+.slider:hover{background-color:var(--_nys-toggle-background-color--disabled)}.nys-toggle__toggle input:disabled+.slider .knob .toggle-icon{color:var(--_nys-toggle-background-color--disabled)}.slider{position:absolute;cursor:pointer;border-radius:var(--_nys-toggle-border-radius);outline-offset:var(--_nys-toggle-border-width);width:var(--_nys-toggle-width);inset:0;background-color:var(--_nys-toggle-background-color);display:flex;align-items:center}.slider:hover{background-color:var(--_nys-toggle-background-color--hover)}.slider:hover .knob .toggle-icon{color:var(--_nys-toggle-background-color--hover)}.knob{content:"";height:var(--_nys-toggle-size--knob);width:var(--_nys-toggle-size--knob);margin:var(--_nys-toggle-margin--knob);border-radius:var(--nys-radius-round, 1776px);background-color:var(--_nys-toggle-color-ink-reverse);transition:all var(--_nys-toggle-transition-duration) cubic-bezier(.27,.2,.25,1.51);overflow:hidden;display:flex;align-items:center;justify-content:center}.toggle-icon{position:absolute;color:var(--_nys-toggle-background-color)}:host([size=sm]){--_nys-toggle-width: var(--nys-size-450, 36px);--_nys-toggle-height: var(--nys-size-250, 20px);--_nys-toggle-size--knob: var(--nys-size-200, 16px);--_nys-toggle-gap: var(--nys-space-100, 8px)}:host([size=sm]) .toggle-icon{font-size:var(--nys-font-size-body-xs, 12px)}@supports not (font-size: 1cap){:host([size=sm]) .toggle-icon{font-size:var(--nys-font-size-body-xs, 12px)}}:host([size=md]){--_nys-toggle-width: var(--nys-size-550, 44px);--_nys-toggle-height: var(--nys-size-300, 24px);--_nys-toggle-size--knob: var(--nys-size-250, 20px)}:host([size=md]) .toggle-icon{font-size:var(--nys-font-size-body-sm, 14px)}@supports not (font-size: 1cap){:host([size=md]) .toggle-icon{font-size:calc(var(--nys-font-size-body-sm, 14px) - 1px)}}@media(prefers-reduced-motion:reduce){:host{--toggle-transition-duration: 0s}}';
7018
- var xn = Object.defineProperty, se = (r, e, t, s) => {
7019
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
7020
- (i = r[n]) && (o = i(e, t, o) || o);
7021
- return o && xn(e, t, o), o;
7067
+ var xn = Object.defineProperty, se = (r, e, t, o) => {
7068
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
7069
+ (i = r[n]) && (s = i(e, t, s) || s);
7070
+ return s && xn(e, t, s), s;
7022
7071
  };
7023
7072
  let kn = 0;
7024
7073
  const Xe = class Xe extends f {
@@ -7056,11 +7105,15 @@ const Xe = class Xe extends f {
7056
7105
  }
7057
7106
  // Handle focus event
7058
7107
  _handleFocus() {
7059
- this.dispatchEvent(new Event("nys-focus"));
7108
+ this.dispatchEvent(
7109
+ new Event("nys-focus", { bubbles: !0, composed: !0 })
7110
+ );
7060
7111
  }
7061
7112
  // Handle blur event
7062
7113
  _handleBlur() {
7063
- this.dispatchEvent(new Event("nys-blur"));
7114
+ this.dispatchEvent(
7115
+ new Event("nys-blur", { bubbles: !0, composed: !0 })
7116
+ );
7064
7117
  }
7065
7118
  _handleClick() {
7066
7119
  this.disabled || (this.checked = !this.checked, this._emitChangeEvent());
@@ -7158,10 +7211,10 @@ se([
7158
7211
  ], N.prototype, "size");
7159
7212
  customElements.get("nys-toggle") || customElements.define("nys-toggle", N);
7160
7213
  const $n = `:host{--_nys-tooltip-color: var(--nys-color-text-reverse, #ffffff);--_nys-tooltip-background-color: var(--nys-color-ink, #1b1b1b);--_nys-tooltip-border-radius: var(--nys-radius-md, 4px);--_nys-tooltip-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-tooltip-font-size: var(--nys-type-size-ui-sm, 14px);--_nys-tooltip-letter-spacing: var(--nys-font-letterspacing-ui-sm, .044px);--_nys-tooltip-line-height: var(--nys-font-lineheight-ui-sm, 24px)}.nys-tooltip__content{position:fixed;top:0;left:0;max-width:400px;width:max-content;max-height:120px;padding:var(--nys-space-50, 4px) var(--nys-space-100, 8px);background-color:var(--_nys-tooltip-background-color);border-radius:var(--_nys-tooltip-border-radius);cursor:auto;z-index:1}.nys-tooltip__inner{color:var(--_nys-tooltip-color);font-family:var(--_nys-tooltip-font-family);font-size:var(--_nys-tooltip-font-size);font-weight:400;line-height:var(--_nys-tooltip-line-height);letter-spacing:var(--_nys-tooltip-letter-spacing);white-space:normal;overflow-wrap:anywhere;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical}.nys-tooltip__arrow{position:absolute;width:14px;height:6px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="6" viewBox="0 0 15 6" fill="none"><path d="M8.15079 5.44218C7.7763 5.76317 7.2237 5.76317 6.84921 5.44218L0.5 0H14.5L8.15079 5.44218Z" fill="%231B1B1B"/></svg>') no-repeat center}.nys-tooltip__content[active]{display:block}.fade-out{opacity:0;transition:opacity .2s ease-out}:host([position=top]) .nys-tooltip__arrow{top:100%;left:var(--arrow-offset-x, 50%);transform:translate(-50%)}:host([position=bottom]) .nys-tooltip__arrow{bottom:100%;left:var(--arrow-offset-x, 50%);transform:translate(-50%) rotate(180deg)}:host([position=left]) .nys-tooltip__arrow{left:100%;top:50%;transform:translateY(-50%) rotate(-90deg);margin-left:-4px}:host([position=right]) .nys-tooltip__arrow{right:100%;top:50%;transform:translateY(-50%) rotate(90deg);margin-right:-4px}:host([inverted]) .nys-tooltip__content{--_nys-tooltip-color: var(--nys-color-text, #1b1b1b);--_nys-tooltip-background-color: var(--nys-color-ink-reverse, #ffffff)}:host([inverted]) .nys-tooltip__arrow{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="6" viewBox="0 0 15 6" fill="none"><path d="M8.15079 5.44218C7.7763 5.76317 7.2237 5.76317 6.84921 5.44218L0.5 0H14.5L8.15079 5.44218Z" fill="white"/></svg>') no-repeat center}@media(max-width:400px){.nys-tooltip__content{max-width:calc(100vw - 2rem)}}`;
7161
- var En = Object.defineProperty, Sn = Object.getOwnPropertyDescriptor, Te = (r, e, t, s) => {
7162
- for (var o = s > 1 ? void 0 : s ? Sn(e, t) : e, n = r.length - 1, i; n >= 0; n--)
7163
- (i = r[n]) && (o = (s ? i(e, t, o) : i(o)) || o);
7164
- return s && o && En(e, t, o), o;
7214
+ var En = Object.defineProperty, Sn = Object.getOwnPropertyDescriptor, Te = (r, e, t, o) => {
7215
+ for (var s = o > 1 ? void 0 : o ? Sn(e, t) : e, n = r.length - 1, i; n >= 0; n--)
7216
+ (i = r[n]) && (s = (o ? i(e, t, s) : i(s)) || s);
7217
+ return o && s && En(e, t, s), s;
7165
7218
  };
7166
7219
  let Ln = 0;
7167
7220
  const Jt = class Jt extends f {
@@ -7188,8 +7241,8 @@ const Jt = class Jt extends f {
7188
7241
  ".nys-tooltip__content"
7189
7242
  ), t = this._getReferenceElement();
7190
7243
  if (!e || !t) return;
7191
- const s = e.matches(":hover"), o = t.matches(":hover"), n = document.activeElement === t;
7192
- !s && !o && !n || (this._hideTimeout && (clearTimeout(this._hideTimeout), this._hideTimeout = null), e.classList.remove("fade-out"), this._active = !0);
7244
+ const o = e.matches(":hover"), s = t.matches(":hover"), n = document.activeElement === t;
7245
+ !o && !s && !n || (this._hideTimeout && (clearTimeout(this._hideTimeout), this._hideTimeout = null), e.classList.remove("fade-out"), this._active = !0);
7193
7246
  }, this._handleScrollOrResize = () => {
7194
7247
  !this._active || this._hideTimeout || this._showTooltip();
7195
7248
  }, this._handleEscapeKey = (e) => {
@@ -7248,19 +7301,19 @@ const Jt = class Jt extends f {
7248
7301
  if (!e) return null;
7249
7302
  let t = document.getElementById(e);
7250
7303
  if (t) return t;
7251
- const s = (o) => {
7252
- for (const n of Array.from(o.querySelectorAll("*"))) {
7304
+ const o = (s) => {
7305
+ for (const n of Array.from(s.querySelectorAll("*"))) {
7253
7306
  const i = n.shadowRoot;
7254
7307
  if (i) {
7255
7308
  const l = i.getElementById(e);
7256
7309
  if (l) return l;
7257
- const c = s(i);
7310
+ const c = o(i);
7258
7311
  if (c) return c;
7259
7312
  }
7260
7313
  }
7261
7314
  return null;
7262
7315
  };
7263
- return s(document);
7316
+ return o(document);
7264
7317
  }
7265
7318
  // We need to pass `ariaLabel` or `ariaDescription` to the nys-components so they can announce both their label and the tooltip's text
7266
7319
  async _passAria(e) {
@@ -7285,8 +7338,8 @@ const Jt = class Jt extends f {
7285
7338
  async _applyFocusBehavior(e) {
7286
7339
  if (e.style.cursor = "pointer", e.tagName.toLowerCase() === "nys-icon") {
7287
7340
  "updateComplete" in e && await e.updateComplete;
7288
- const s = e.shadowRoot?.querySelector("svg");
7289
- s && s.setAttribute("tabindex", "0");
7341
+ const o = e.shadowRoot?.querySelector("svg");
7342
+ o && o.setAttribute("tabindex", "0");
7290
7343
  }
7291
7344
  }
7292
7345
  /**
@@ -7294,13 +7347,13 @@ const Jt = class Jt extends f {
7294
7347
  * Used for auto-positioning. Ignores text overflow for now.
7295
7348
  */
7296
7349
  _doesPositionFit(e) {
7297
- const t = this._getReferenceElement(), s = this.shadowRoot?.querySelector(".nys-tooltip__content");
7298
- if (!t || !s || e == null) return;
7299
- const o = t.getBoundingClientRect(), n = s.getBoundingClientRect(), i = 8, l = {
7300
- top: o.top - i,
7301
- left: o.left - i,
7302
- bottom: window.innerHeight - o.bottom - i,
7303
- right: window.innerWidth - o.right - i
7350
+ const t = this._getReferenceElement(), o = this.shadowRoot?.querySelector(".nys-tooltip__content");
7351
+ if (!t || !o || e == null) return;
7352
+ const s = t.getBoundingClientRect(), n = o.getBoundingClientRect(), i = 8, l = {
7353
+ top: s.top - i,
7354
+ left: s.left - i,
7355
+ bottom: window.innerHeight - s.bottom - i,
7356
+ right: window.innerWidth - s.right - i
7304
7357
  };
7305
7358
  return {
7306
7359
  top: l.top >= n.height,
@@ -7321,11 +7374,11 @@ const Jt = class Jt extends f {
7321
7374
  ".nys-tooltip__content"
7322
7375
  );
7323
7376
  if (!e || !t) return;
7324
- const s = e.getBoundingClientRect(), o = 8, n = {
7325
- top: s.top - o,
7326
- left: s.left - o,
7327
- bottom: window.innerHeight - s.bottom - o,
7328
- right: window.innerWidth - s.right - o
7377
+ const o = e.getBoundingClientRect(), s = 8, n = {
7378
+ top: o.top - s,
7379
+ left: o.left - s,
7380
+ bottom: window.innerHeight - o.bottom - s,
7381
+ right: window.innerWidth - o.right - s
7329
7382
  };
7330
7383
  let i = [
7331
7384
  "top",
@@ -7353,24 +7406,24 @@ const Jt = class Jt extends f {
7353
7406
  );
7354
7407
  e && (e.style.top = "0px", e.style.left = "0px");
7355
7408
  }
7356
- _positionTooltipElement(e, t, s) {
7357
- const o = e.getBoundingClientRect(), n = t.getBoundingClientRect(), i = 8;
7409
+ _positionTooltipElement(e, t, o) {
7410
+ const s = e.getBoundingClientRect(), n = t.getBoundingClientRect(), i = 8;
7358
7411
  let l = 0, c = 0;
7359
- switch (s) {
7412
+ switch (o) {
7360
7413
  case "top":
7361
- l = o.top - n.height - i, c = o.left + o.width / 2 - n.width / 2;
7414
+ l = s.top - n.height - i, c = s.left + s.width / 2 - n.width / 2;
7362
7415
  break;
7363
7416
  case "bottom":
7364
- l = o.bottom + i, c = o.left + o.width / 2 - n.width / 2;
7417
+ l = s.bottom + i, c = s.left + s.width / 2 - n.width / 2;
7365
7418
  break;
7366
7419
  case "left":
7367
- l = o.top + o.height / 2 - n.height / 2, c = o.left - n.width - i;
7420
+ l = s.top + s.height / 2 - n.height / 2, c = s.left - n.width - i;
7368
7421
  break;
7369
7422
  case "right":
7370
- l = o.top + o.height / 2 - n.height / 2, c = o.right + i;
7423
+ l = s.top + s.height / 2 - n.height / 2, c = s.right + i;
7371
7424
  break;
7372
7425
  default:
7373
- l = o.top - n.height - i, c = o.left + o.width / 2 - n.width / 2;
7426
+ l = s.top - n.height - i, c = s.left + s.width / 2 - n.width / 2;
7374
7427
  break;
7375
7428
  }
7376
7429
  t.style.top = `${l}px`, t.style.left = `${c}px`;
@@ -7389,7 +7442,7 @@ const Jt = class Jt extends f {
7389
7442
  _shiftTooltipIntoViewport(e) {
7390
7443
  const t = this._getReferenceElement();
7391
7444
  if (!t) return;
7392
- const s = t.getBoundingClientRect(), o = e.getBoundingClientRect(), n = s.left + s.width / 2, i = o.left < 0, l = o.right > window.innerWidth;
7445
+ const o = t.getBoundingClientRect(), s = e.getBoundingClientRect(), n = o.left + o.width / 2, i = s.left < 0, l = s.right > window.innerWidth;
7393
7446
  i ? (e.style.left = "10px", e.style.transform = "none") : l && (e.style.right = "0px", e.style.left = "auto", e.style.transform = "none");
7394
7447
  const c = e.getBoundingClientRect(), h = (n - c.left) / c.width, u = Math.max(0, Math.min(1, h)) * 100;
7395
7448
  e.style.setProperty("--arrow-offset-x", `${u}%`);
@@ -7454,10 +7507,10 @@ const Dn = `<svg xmlns="http://www.w3.org/2000/svg" width="91" height="55" viewB
7454
7507
  <path d="M67.6348 51.8019C67.6348 51.8019 67.6173 51.782 67.6173 51.7303C67.6173 51.6787 67.6348 51.6588 67.6348 51.6588H68.5564C68.5564 51.6588 68.5749 51.6806 68.5749 51.7303C68.5749 51.78 68.5564 51.8019 68.5564 51.8019H68.1932V52.9205C68.1932 52.9205 68.1659 52.9404 68.0976 52.9404C68.0292 52.9404 67.998 52.9205 67.998 52.9205V51.8019H67.6348Z" fill="#154973"/>
7455
7508
  <path d="M69.4282 52.8659C69.4135 52.8748 69.3891 52.8858 69.3471 52.8858C69.3178 52.8858 69.2837 52.8798 69.27 52.8659L68.9889 52.1476C68.9723 52.1088 68.9459 52.0323 68.944 52.0214C68.944 52.0264 68.9371 52.1277 68.9332 52.1565L68.8815 52.9205C68.8815 52.9205 68.8561 52.9404 68.7858 52.9404C68.7155 52.9404 68.6862 52.9205 68.6862 52.9205L68.7839 51.6787C68.7839 51.6787 68.8112 51.6588 68.8776 51.6588C68.9518 51.6588 68.9781 51.6787 68.9781 51.6787L69.3042 52.5162L69.3471 52.6533C69.3481 52.6473 69.3774 52.5559 69.392 52.5162L69.7181 51.6787C69.7181 51.6787 69.7464 51.6588 69.8206 51.6588C69.886 51.6588 69.9124 51.6787 69.9124 51.6787L70.01 52.9205C70.01 52.9205 69.9807 52.9404 69.9104 52.9404C69.8401 52.9404 69.8167 52.9205 69.8167 52.9205L69.763 52.1546L69.7523 52.0194C69.7523 52.0194 69.722 52.1148 69.7093 52.1456L69.4282 52.8659Z" fill="#154973"/>
7456
7509
  </svg>`, Mn = ':host{--_nys-unavheader-padding--gutter: var(--nys-gutter-xs, 20px);--_nys-unavheader-background-color: var(--nys-color-surface, var(--nys-color-white, #ffffff));--_nys-unavheader-color: var(--nys-color-text, var(--nys-color-neutral-900, #1b1b1b));--_nys-unavheader-background-color--section-raised: var(--nys-color-surface-raised, var(--nys-color-neutral-10, #f6f6f6));font-size:var(--nys-font-size-ui-md, 16px);font-weight:var(--nys-font-weight-semibold, 600);line-height:var(--nys-font-lineheight-ui-md, 24px);font-family:var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif))}.nys-unavheader{display:flex;flex-direction:column}.nys-unavheader>*{padding:0 var(--_nys-unavheader-padding--gutter)}.nys-unavheader__main.wrapper{background-color:var(--_nys-unavheader-background-color)}.nys-unavheader__main.content{display:flex;align-items:center;justify-content:space-between;gap:var(--nys-space-300, 24px);padding-top:var(--nys-space-100, 8px);padding-bottom:var(--nys-space-100, 8px)}.nys-unavheader__spacer{flex:1}.nys-unavheader__trustbar.wrapper{background-color:var(--nys-color-neutral-100, #d0d0ce);padding-top:var(--nys-space-100, 8px);padding-bottom:var(--nys-space-100, 8px)}.nys-unavheader__trustbar.wrapper>.content,.nys-unavheader__trustbar.wrapper>.content *{cursor:pointer}.nys-unavheader__trustbar.inline,.nys-unavheader__trustbar.inline #nys-unavheader__official{background-color:transparent;cursor:default}.nys-unavheader__trustbar>.content,.nys-unavheader__trustbar.inline{display:flex;align-items:center;gap:var(--nys-space-100, 8px);height:fit-content;font-size:var(--nys-font-size-ui-xs, 12px);font-weight:var(--nys-font-weight-regular, 400);line-height:var(--nys-font-lineheight-ui-xs, 20px);font-family:var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif))}a#nys-unavheader__logolink{outline-offset:var(--nys-space-2px, 2px)}.nys-unavheader__logo svg{vertical-align:top;height:var(--nys-size-500, 40px);width:auto}#nys-unavheader__know,#nys-unavheader__know--inline{width:max-content;display:flex;align-items:center;cursor:pointer;gap:var(--nys-space-50, 4px);--_nys-button-height: var(--nys-font-lineheight-ui-xs, 20px);--_nys-button-border-radius--start: var(--nys-radius-md, 4px);--_nys-button-border-radius--end: var(--nys-radius-md, 4px);--_nys-button-padding--y: var(--nys-space-2px, 2px);--_nys-button-padding--x: var(--nys-space-50, 4px);--_nys-button-border-width: 0px;--_nys-button-text-decoration: underline;--nys-button-color: var(--nys-color-link, #004dd1);--nys-button-color--hover: var(--nys-color-link-strong, #003ba1);--nys-button-color--active: var(--nys-color-link-strongest, #002971);--nys-button-background-color--hover: var(--nys-color-transparent, #ffffff00);--nys-button-background-color--active: var(--nys-color-transparent, #ffffff00);--_nys-button-font-size: var(--nys-font-size-ui-xs, 12px);--_nys-button-font-weight: var(--nys-font-weight-regular, 400);--_nys-button-line-height: var(--nys-font-lineheight-ui-xs, 20px);--_nys-button-font-family: var(--nys-font-family-ui, var(--nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif))}.hide{display:none}.nys-unavheader__trustpanel.wrapper.show{background-color:var(--_nys-unavheader-background-color--section-raised);display:flex;padding-top:var(--nys-space-400, 32px);padding-bottom:var(--nys-space-400, 32px)}.nys-unavheader__messagewrapper{display:flex;gap:var(--nys-space-400, 32px)}.nys-unavheader__trustpanel.content{display:flex;flex-direction:row-reverse}.nys-unavheader__trustcontentmessage{flex:1;display:flex;flex-direction:column;gap:var(--nys-space-100, 8px);font-family:var(--nys-type-family-ui, "Proxima Nova");font-size:var(--nys-type-size-ui-sm, 14px);font-style:normal;font-weight:400;line-height:var(--nys-typography-font-lineheight-ui-sm, 24px);letter-spacing:var(--nys-typography-font-letterspacing-ui-sm, .044px)}.nys-unavheader__searchdropdown.wrapper{background-color:var(--_nys-unavheader-background-color--section-raised);padding-top:var(--nys-space-250, 20px);padding-bottom:var(--nys-space-250, 20px)}.nys-unavheader__trustpanel.wrapper>.content,.nys-unavheader__main.wrapper>.content,.nys-unavheader__trustbar>.content,.nys-unavheader__searchdropdown.wrapper>.content{max-width:1280px;margin:0 auto}.nys-unavheader__search{max-width:var(--nys-form-width-md, 200px);transition:max-width .5s ease;--_nys-textinput-gap: 0px}.nys-unavheader__search:focus{width:var(--nys-form-width-lg, 384px);max-width:var(--nys-form-width-lg, 384px)}#nys-unavheader__translate--desktop,#nys-unavheader__translate--mobile,#nys-unavheader__searchbutton{--nys-button-color: var(--nys-color-state-blue-700, #154973);--nys-button-color--hover: var(--nys-color-state-blue-700, #154973);--nys-button-color--active: var(--nys-color-state-blue-700, #154973);--_nys-button-border-width: 0px}.nys-unavheader__iconbutton{--_nys-button-width: var(--nys-size-400, 32px);--_nys-button-height: var(--nys-size-400, 32px);--_nys-button-padding--y: 0;--_nys-button-padding--x: 0}.nys-unavheader__translatewrapper{position:relative}.nys-unavheader__languagelist.show{position:absolute;display:flex;flex-direction:column;min-width:fit-content;width:max-content;z-index:99999;background-color:var(--_nys-unavheader-background-color--section-raised);color:var(--nys-color-state-blue-700, #154973);margin-top:var(--nys-space-150, 12px);right:0}.nys-unavheader__languagelink{--_nys-button-padding: var(--nys-space-200, 16px) var(--nys-space-250, 20px);--nys-button-color: var(--nys-color-state-blue-700, #154973);--nys-button-color--hover: var(--nys-color-state-blue-700, #154973);--nys-button-color--active: var(--nys-color-state-blue-700, #154973);--_nys-button-border-radius--start: 0;--_nys-button-border-radius--end: 0;--_nys-button-justify-content: start}@media(min-width:0)and (max-width:479px){:host{--_nys-unavheader-padding--gutter: var(--nys-gutter-xs, 20px)}#nys-unavheader__know{--_nys-button-padding--x: 0px;--_nys-button-padding--y: 0px;--_nys-button-height: var(--nys-space-200, 16px)}.nys-unavheader__trustbar>.content{flex-direction:column;align-items:flex-start;gap:0;line-height:16px}.nys-unavheader__trustbar.wrapper{padding-top:var(--nys-space-50, 4px);padding-bottom:var(--nys-space-50, 4px)}.nys-unavheader__trustbar.inline{display:none}.nys-unavheader__messagewrapper{flex-direction:column}#nys-unavheader__translate--desktop,#nys-unavheader__searchbar{display:none}}@media(min-width:480px)and (max-width:767px){:host{--_nys-unavheader-padding--gutter: var(--nys-gutter-sm, 20px)}.nys-unavheader__trustbar.inline{display:none}.nys-unavheader__messagewrapper{flex-direction:column}#nys-unavheader__translate--desktop,#nys-unavheader__searchbar{display:none}}@media(min-width:768px)and (max-width:1023px){:host{--_nys-unavheader-padding--gutter: var(--nys-gutter-md, 32px)}.nys-unavheader__trustbar.wrapper,#nys-unavheader__translate--desktop,#nys-unavheader__searchbar{display:none}.nys-unavheader__trustpanel.wrapper.show{order:2}}@media(min-width:1024px)and (max-width:1279px){:host{--_nys-unavheader-padding--gutter: var(--nys-gutter-lg, 32px)}.nys-unavheader__trustbar.wrapper,#nys-unavheader__translate--mobile,#nys-unavheader__searchbutton[circle],.nys-unavheader__searchdropdown.wrapper{display:none}.nys-unavheader__languagelist.show{margin-top:var(--nys-space-100, 8px)}.nys-unavheader__trustpanel.wrapper.show{order:2}}@media(min-width:1280px){:host{--_nys-unavheader-padding--gutter: var(--nys-gutter-xl, 64px)}.nys-unavheader__trustbar.wrapper,#nys-unavheader__translate--mobile,#nys-unavheader__searchbutton[circle],.nys-unavheader__searchdropdown.wrapper{display:none}.nys-unavheader__languagelist.show{margin-top:var(--nys-space-100, 8px)}.nys-unavheader__trustpanel.wrapper.show{order:2}}';
7457
- var zn = Object.defineProperty, we = (r, e, t, s) => {
7458
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
7459
- (i = r[n]) && (o = i(e, t, o) || o);
7460
- return o && zn(e, t, o), o;
7510
+ var zn = Object.defineProperty, we = (r, e, t, o) => {
7511
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
7512
+ (i = r[n]) && (s = i(e, t, s) || s);
7513
+ return s && zn(e, t, s), s;
7461
7514
  };
7462
7515
  const es = class es extends f {
7463
7516
  constructor() {
@@ -7498,9 +7551,9 @@ const es = class es extends f {
7498
7551
  _toggleTrustbar(e) {
7499
7552
  if (this.trustbarVisible = !this.trustbarVisible, this.trustbarVisible && (this.languageVisible = !1, this.searchDropdownVisible = !1), e === "no focus") return;
7500
7553
  if (e === "nys-unavheader__know--inline" || !e) {
7501
- const s = this.trustbarVisible ? "nys-unavheader__closetrustbar" : "nys-unavheader__know--inline";
7554
+ const o = this.trustbarVisible ? "nys-unavheader__closetrustbar" : "nys-unavheader__know--inline";
7502
7555
  this.updateComplete.then(() => {
7503
- this.shadowRoot?.getElementById(s)?.focus();
7556
+ this.shadowRoot?.getElementById(o)?.focus();
7504
7557
  });
7505
7558
  }
7506
7559
  }
@@ -7522,8 +7575,8 @@ const es = class es extends f {
7522
7575
  if (e.url)
7523
7576
  window.location.href = e.url;
7524
7577
  else {
7525
- const s = e.code === "en" ? "" : `${e.code}.`;
7526
- window.location.href = `https://${s}${window.location.hostname}`;
7578
+ const o = e.code === "en" ? "" : `${e.code}.`;
7579
+ window.location.href = `https://${o}${window.location.hostname}`;
7527
7580
  }
7528
7581
  }
7529
7582
  _handleSearchFocus() {
@@ -7539,10 +7592,10 @@ const es = class es extends f {
7539
7592
  }
7540
7593
  }
7541
7594
  _handleSearchButton(e) {
7542
- const s = (this.shadowRoot?.getElementById(
7595
+ const o = (this.shadowRoot?.getElementById(
7543
7596
  e
7544
7597
  )).value?.trim();
7545
- s !== "" && this._handleSearch(s);
7598
+ o !== "" && this._handleSearch(o);
7546
7599
  }
7547
7600
  _handleSearch(e) {
7548
7601
  const t = new CustomEvent("nys-search-submit", {
@@ -7798,14 +7851,14 @@ we([
7798
7851
  ], te.prototype, "languages");
7799
7852
  customElements.get("nys-unavheader") || customElements.define("nys-unavheader", te);
7800
7853
  const Bn = ':host{--_nys-globalheader-color: var( --nys-color-text-reverse, var(--nys-color-white, #ffffff) );--_nys-globalheader-link-color: var( --nys-color-link-reverse-neutral, var(--nys-color-white, #ffffff) );--_nys-globalheader-background-color: var( --nys-color-theme, var(--nys-color-state-blue-700, #154973) );--_nys-globalheader-gap: var(--nys-space-300, 24px);--_nys-globalheader-padding: var(--nys-space-250, 20px);--_nys-globalheader-font-family--menu: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-globalheader-line-height: normal;--_nys-globalheader-letter-spacing: normal;--_nys-globalheader-font-weight: var(--nys-font-weight-semibold, 600);--_nys-globalheader-max-width: var(--nys-max-content-width, 1280px);--_nys-globalheader-gap--text: var(--nys-space-100, 8px);--_nys-globalheader-font-size--heading: var( --nys-font-size-agency-xl, var(--nys-font-size-2xl, 22px) );--_nys-globalheader-font-size--subheading: var( --nys-font-size-agency-md, var(--nys-font-size-md, 16px) );--_nys-globalheader-font-family--headings: var( --nys-font-family-agency, "D Sari", Arial, sans-serif );--_nys-globalheader-line-height--menu: var(--nys-font-lineheight-ui-md, 24px);--_nys-globalheader-letter-spacing--menu: var( --nys-font-letterspacing-ui-md, var(--nys-font-letterspacing-400, .044px) );--_nys-globalheader-text-decoration-thickness--menu: var(--nys-size-2px, 2px);--_nys-globalheader-link-padding: var(--nys-space-300, 24px) var(--nys-space-200, 16px);--_nys-globalheader-font-size--menu-btn: var(--nys-type-size-ui-xs, 12px);--_nys-globalheader-line-height--menu-btn: var( --nys-font-lineheight-ui-xs, 20px );--_nys-globalheader-letter-spacing--menu-btn: var( --nys-font-letterspacing-ui-xs, .057px );--_nys-globalheader-border-color--menu: var(--nys-color-theme-mid, #457aa5);--_nys-globalheader-background-color--menu--hover: var( --nys-color-theme-strong, #0e324f );--_nys-globalheader-background-color--menu--active: var( --nys-color-theme-stronger, #081b2b )}ul{list-style-type:none;padding:0;margin:0}li{display:block;margin:0;padding:0;box-sizing:border-box}a{color:var(--_nys-globalheader-color);text-decoration:none;font-family:var(--_nys-globalheader-font-family--menu);font-style:normal;font-weight:400;line-height:var(--_nys-globalheader-line-height--menu);letter-spacing:var(--_nys-globalheader-letter-spacing--menu)}::slotted([slot=user-actions]){display:flex;align-items:center;margin-inline-start:auto;--_nys-button-outline-color: var( --nys-color-ink-reverse, var(--nys-color-white, #ffffff) )}.nys-globalheader{display:flex;justify-content:center;padding:var(--_nys-globalheader-padding);background-color:var(--_nys-globalheader-background-color);color:var(--_nys-globalheader-color);width:100%;min-height:76px;box-sizing:border-box}a#nys-globalheader__logolink{outline-offset:var(--nys-space-2px, 2px);outline-color:var(--nys-color-ink-reverse, #ffffff);margin:auto 0}.nys-globalheader__logo svg{vertical-align:top;width:auto}.nys-globalheader__main-container{display:flex;gap:var(--_nys-globalheader-gap);max-width:var(--_nys-globalheader-max-width);width:100%}.nys-globalheader__name-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--_nys-globalheader-gap--text)}.nys-globalheader__name{margin:0;color:var(--_nys-globalheader-color);font-family:var(--_nys-globalheader-font-family--headings);font-size:var(--_nys-globalheader-font-size--heading);font-style:normal;font-weight:var(--_nys-globalheader-font-weight);line-height:var(--_nys-globalheader-line-height);letter-spacing:var(--_nys-globalheader-letter-spacing);overflow-wrap:break-word}.nys-globalheader__agencyName{font-size:var(--_nys-globalheader-font-size--subheading)}.nys-globalheader__agencyName.main{font-size:var(--_nys-globalheader-font-size--heading)}.nys-globalheader__content{display:none;font-family:var(--_nys-globalheader-font-family--menu)}.nys-globalheader__content ul{display:flex;flex-flow:column wrap;align-items:center}.nys-globalheader__content ul a:hover{text-decoration:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:auto;text-underline-position:from-font}.nys-globalheader__content ul a:active{text-decoration-thickness:var(--_nys-globalheader-text-decoration-thickness--menu)}.nys-globalheader__content li.active a,.nys-globalheader__content-mobile li.active a{font-weight:700}.nys-globalheader__content li.active{border-bottom:8px solid var(--nys-color-theme-weak, #cddde9)}.nys-globalheader__content li.active a{margin-bottom:calc(-1 * var(--nys-space-100, 8px))}.nys-globalheader__content-mobile li.active a{border-left:8px solid var(--nys-color-theme-weak, #cddde9);border-bottom:1px solid var(--_nys-globalheader-border-color--menu)}.nys-globalheader__content ul li.active a:hover{text-decoration:none}.nys-globalheader__content-mobile{position:absolute;z-index:10;display:flex;flex-direction:column;justify-content:center;background-color:var(--_nys-globalheader-background-color);width:fit-content}.nys-globalheader__content-mobile.close{display:none}.nys-globalheader__content-mobile ul{display:flex;flex-direction:column}.nys-globalheader__content-mobile ul li:first-child a{border-top:1px solid var(--_nys-globalheader-color)}.nys-globalheader__content-mobile ul li a{display:flex;padding:24px;align-items:center;gap:8px;align-self:stretch;border-bottom:1px solid var(--_nys-globalheader-border-color--menu);background-color:var(--_nys-globalheader-background-color)}.nys-globalheader__content-mobile ul li a:hover{background-color:var(--_nys-globalheader-background-color--menu--hover)}.nys-globalheader__content-mobile ul li a:active{background-color:var(--_nys-globalheader-background-color--menu--active)}.nys-globalheader__name-container-link{display:flex;flex-direction:column;justify-content:center}.nys-globalheader__button-container{display:flex;justify-content:center;align-items:center}.nys-globalheader__mobile-menu-button{flex-direction:column;gap:3px;width:50px;height:50px;background-color:var(--_nys-globalheader-background-color);border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:0;color:var(--_nys-globalheader-color)}.nys-globalheader__mobile-menu-button-text{font-size:var(--_nys-globalheader-font-size--menu-btn);line-height:var(--_nys-globalheader-line-height--menu-btn);letter-spacing:var(--_nys-globalheader-letter-spacing--menu-btn)}@media(min-width:1024px){.nys-globalheader__content{display:flex}.nys-globalheader__content ul{flex-direction:row}.nys-globalheader__content-mobile,.nys-globalheader__button-container{display:none}li{display:flex;align-items:center;padding:var(--_nys-globalheader-link-padding)}:host{--_nys-globalheader-gap: var(--nys-space-500, 40px);--_nys-globalheader-padding: var(--nys-space-50, 4px) var(--nys-size-400, 32px) 0}}@media(min-width:1280px){:host{--_nys-globalheader-padding: var(--nys-space-50, 4px) var(--nys-space-800, 64px) 0}}';
7801
- var An = Object.defineProperty, it = (r, e, t, s) => {
7802
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
7803
- (i = r[n]) && (o = i(e, t, o) || o);
7804
- return o && An(e, t, o), o;
7854
+ var An = Object.defineProperty, it = (r, e, t, o) => {
7855
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
7856
+ (i = r[n]) && (s = i(e, t, s) || s);
7857
+ return s && An(e, t, s), s;
7805
7858
  };
7806
7859
  const ts = class ts extends f {
7807
7860
  constructor() {
7808
- super(...arguments), this.appName = "", this.agencyName = "", this.homepageLink = "", this.isMobileMenuOpen = !1, this.hasLinkContent = !1;
7861
+ super(...arguments), this.appName = "", this.agencyName = "", this.homepageLink = "", this._isMobileMenuOpen = !1, this._hasLinkContent = !1;
7809
7862
  }
7810
7863
  /**
7811
7864
  * Lifecycle Methods
@@ -7819,18 +7872,18 @@ const ts = class ts extends f {
7819
7872
  * --------------------------------------------------------------------------
7820
7873
  */
7821
7874
  _highlightActiveLink(e) {
7822
- const t = Array.from(e.querySelectorAll("a")), s = window.location.pathname.replace(/\/+$/, "") || "/";
7823
- let o = {
7875
+ const t = Array.from(e.querySelectorAll("a")), o = window.location.pathname.replace(/\/+$/, "") || "/";
7876
+ let s = {
7824
7877
  li: null,
7825
7878
  length: 0
7826
7879
  };
7827
7880
  t.forEach((n) => {
7828
7881
  const i = this._normalizePath(n.getAttribute("href"));
7829
- i && (i === "/" && s === "/" ? o = { li: n.closest("li"), length: 1 } : s.startsWith(i) && i.length > o.length && (o = {
7882
+ i && (i === "/" && o === "/" ? s = { li: n.closest("li"), length: 1 } : o.startsWith(i) && i.length > s.length && (s = {
7830
7883
  li: n.closest("li"),
7831
7884
  length: i.length
7832
7885
  }));
7833
- }), t.forEach((n) => n.closest("li")?.classList.remove("active")), o.li?.classList.add("active");
7886
+ }), t.forEach((n) => n.closest("li")?.classList.remove("active")), s.li?.classList.add("active");
7834
7887
  }
7835
7888
  // Gets called when the slot content changes and directly appends the slotted elements into the shadow DOM
7836
7889
  async _handleListSlotChange() {
@@ -7838,19 +7891,17 @@ const ts = class ts extends f {
7838
7891
  'slot:not([name="user-actions"])'
7839
7892
  );
7840
7893
  if (!e) return;
7841
- const t = e.assignedNodes({ flatten: !0 }).filter((n) => n.nodeType === Node.ELEMENT_NODE);
7842
- this.hasLinkContent = t.length > 0, await Promise.resolve();
7843
- const s = this.shadowRoot?.querySelector(
7844
- ".nys-globalheader__content"
7845
- ), o = this.shadowRoot?.querySelector(
7846
- ".nys-globalheader__content-mobile"
7847
- );
7848
- !s || !o || (s.innerHTML = "", o.innerHTML = "", t.forEach((n) => {
7849
- if (n instanceof HTMLElement) {
7850
- const i = n.cloneNode(!0), l = n.cloneNode(!0);
7851
- s.appendChild(i), o.appendChild(l);
7852
- }
7853
- }), this._highlightActiveLink(s), this._highlightActiveLink(o));
7894
+ const t = e.assignedNodes({ flatten: !0 }).filter((s) => s.nodeType === Node.ELEMENT_NODE), o = [
7895
+ this.shadowRoot?.querySelector(".nys-globalheader__content"),
7896
+ this.shadowRoot?.querySelector(".nys-globalheader__content-mobile")
7897
+ ];
7898
+ if (!o.some((s) => !s)) {
7899
+ for (const s of o)
7900
+ s.innerHTML = "", t.forEach((n) => {
7901
+ s.appendChild(n.cloneNode(!0));
7902
+ }), this._highlightActiveLink(s);
7903
+ await this.updateComplete, this._hasLinkContent = t.length > 0;
7904
+ }
7854
7905
  }
7855
7906
  // Normalize paths so that links like "name", "/name/", and "/" match window.location.pathname.
7856
7907
  // This ensures consistent active-link behavior regardless of how hrefs are written.
@@ -7863,15 +7914,15 @@ const ts = class ts extends f {
7863
7914
  }
7864
7915
  }
7865
7916
  _toggleMobileMenu() {
7866
- this.isMobileMenuOpen = !this.isMobileMenuOpen;
7917
+ this._isMobileMenuOpen = !this._isMobileMenuOpen;
7867
7918
  }
7868
7919
  // Listens for click events on links to mark them active
7869
7920
  _listenLinkClicks() {
7870
7921
  this.shadowRoot?.querySelectorAll(
7871
7922
  ".nys-globalheader__content, .nys-globalheader__content-mobile"
7872
7923
  )?.forEach((t) => {
7873
- t?.addEventListener("click", (s) => {
7874
- const n = s.target.closest("a");
7924
+ t?.addEventListener("click", (o) => {
7925
+ const n = o.target.closest("a");
7875
7926
  if (!n) return;
7876
7927
  t.querySelectorAll("li.active").forEach((l) => l.classList.remove("active"));
7877
7928
  const i = n.closest("li");
@@ -7883,18 +7934,18 @@ const ts = class ts extends f {
7883
7934
  return d`
7884
7935
  <header class="nys-globalheader">
7885
7936
  <div class="nys-globalheader__main-container">
7886
- ${this.hasLinkContent ? d` <div class="nys-globalheader__button-container">
7937
+ ${this._hasLinkContent ? d` <div class="nys-globalheader__button-container">
7887
7938
  <button
7888
7939
  class="nys-globalheader__mobile-menu-button"
7889
7940
  @click="${this._toggleMobileMenu}"
7890
7941
  >
7891
7942
  <nys-icon
7892
- name="${this.isMobileMenuOpen ? "close" : "menu"}"
7943
+ name="${this._isMobileMenuOpen ? "close" : "menu"}"
7893
7944
  size="32"
7894
- label="${this.isMobileMenuOpen ? "close" : "menu"} icon"
7945
+ label="${this._isMobileMenuOpen ? "close" : "menu"} icon"
7895
7946
  ></nys-icon>
7896
7947
  <span class="nys-globalheader__mobile-menu-button-text"
7897
- >${this.isMobileMenuOpen ? "CLOSE" : "MENU"}</span
7948
+ >${this._isMobileMenuOpen ? "CLOSE" : "MENU"}</span
7898
7949
  >
7899
7950
  </button>
7900
7951
  </div>` : ""}
@@ -7937,7 +7988,7 @@ const ts = class ts extends f {
7937
7988
  </div>
7938
7989
  </header>
7939
7990
  <div
7940
- class="nys-globalheader__content-mobile ${this.isMobileMenuOpen ? "" : "close"}"
7991
+ class="nys-globalheader__content-mobile ${this._isMobileMenuOpen ? "" : "close"}"
7941
7992
  ></div>
7942
7993
  `;
7943
7994
  }
@@ -7955,16 +8006,16 @@ it([
7955
8006
  ], me.prototype, "homepageLink");
7956
8007
  it([
7957
8008
  _()
7958
- ], me.prototype, "isMobileMenuOpen");
8009
+ ], me.prototype, "_isMobileMenuOpen");
7959
8010
  it([
7960
8011
  _()
7961
- ], me.prototype, "hasLinkContent");
8012
+ ], me.prototype, "_hasLinkContent");
7962
8013
  customElements.get("nys-globalheader") || customElements.define("nys-globalheader", me);
7963
8014
  const Vn = ':host{--_nys-globalfooter-color: var( --nys-color-text, var(--nys-color-neutral-900, #1b1b1b) );--_nys-globalfooter-background-color: var( --nys-color-theme-weaker, var(--nys-color-state-blue-50, #eff6fb) );--_nys-globalfooter-gap: var(--nys-space-300, 24px);--_nys-globalfooter-padding--y: var(--nys-space-400, 32px);--_nys-globalfooter-padding--gutter: var(--nys-gutter-sm, 20px);--_nys-globalfooter-font-size--agency: var( --nys-font-size-agency-xl, var(--nys-font-size-2xl, 22px) );--_nys-globalfooter-font-size--link: var( --nys-font-size-body-md, var(--nys-font-size-md, 16px) );--_nys-globalfooter-line-height--agency: normal;--_nys-globalfooter-font-weight--regular: var( --nys-font-weight-regular, 400 );--_nys-globalfooter-font-weight--semibold: var( --nys-font-weight-semibold, 600 );--_nys-globalfooter-max-width: var(--nys-max-content-width, 1280px);--_nys-globalfooter-font-family--agency: var( --nys-font-family-agency, "D Sari", Arial, sans-serif );--_nys-globalfooter-column-gap: var(--nys-space-400, 32px);--_nys-globalfooter-row-gap: var(--nys-space-400, 32px);--_nys-globalfooter-line-height--link: var( --nys-font-lineheight-ui-md, 24px );--_nys-globalfooter-letter-spacing: var( --nys-font-letterspacing-ui-md, var(--nys-font-letterspacing-400, .044px) );--_nys-globalfooter-font-family--link: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-globalfooter-text-decoration-thickness: var(--nys-size-2px, 2px);--_nys-globalfooter-background--divider: var(--nys-color-theme, #154973);--_nys-globalfooter-margin--divider: var(--nys-space-50, 4px)}.nys-globalfooter{display:flex;padding:var(--_nys-globalfooter-padding--y) var(--_nys-globalfooter-padding--gutter);justify-content:center;background-color:var(--_nys-globalfooter-background-color);color:var(--_nys-globalfooter-color);width:100%;box-sizing:border-box}.nys-globalfooter__main-container{display:flex;flex-direction:column;gap:var(--_nys-globalfooter-gap);width:100%;max-width:var(--_nys-globalfooter-max-width)}.nys-globalfooter__name{text-align:left;margin:0;color:var(--_nys-globalfooter-color);font-family:var(--_nys-globalfooter-font-family--agency);font-size:var(--_nys-globalfooter-font-size--agency);font-style:normal;font-weight:var(--_nys-globalfooter-font-weight--semibold);line-height:var(--_nys-globalfooter-line-height--agency);letter-spacing:normal}ul{list-style-type:none;padding:0;margin:0}li{margin:0;padding:0}a,span{color:var(--_nys-globalfooter-color);text-decoration:none;font-family:var(--_nys-globalfooter-font-family--link);font-size:var(--_nys-globalfooter-font-size--link);font-style:normal;font-weight:var(--_nys-globalfooter-font-weight--semibold);line-height:var(--_nys-globalfooter-line-height--link);letter-spacing:var(--_nys-globalfooter-letter-spacing)}ul li>span+ul li a{font-weight:var(--_nys-globalfooter-font-weight--regular)}a:hover{text-decoration:underline}a:active{text-decoration-thickness:var(--_nys-globalfooter-text-decoration-thickness)}.nys-globalfooter__content{width:100%}.nys-globalfooter__content ul{display:flex;flex-flow:column wrap;gap:var(--_nys-globalfooter-row-gap) var(--_nys-globalfooter-column-gap)}.nys-globalfooter__content ul li:has(span~ul){flex:1;display:flex;flex-direction:column}.nys-globalfooter__content ul:has(li>span~ul){--_nys-globalfooter-column-gap: var(--nys-space-500, 40px)}.nys-globalfooter__content ul li>span~ul{display:flex;flex-direction:column;gap:var(--nys-space-200, 16px)}.divider{margin-top:var(--_nys-globalfooter-margin--divider);margin-bottom:var(--nys-space-300, 24px)}@media(min-width:768px){.nys-globalfooter__content ul{flex-direction:row}.nys-globalfooter__content ul li:has(span~ul){flex:1 0 205px}:host{--_nys-globalfooter-padding--gutter: var(--nys-gutter-lg, 32px);--_nys-globalfooter-row-gap: var(--nys-space-600, 48px)}}@media(min-width:1280px){:host{--_nys-globalfooter-padding--gutter: var(--nys-gutter-xl, 64px)}}';
7964
- var On = Object.defineProperty, Ht = (r, e, t, s) => {
7965
- for (var o = void 0, n = r.length - 1, i; n >= 0; n--)
7966
- (i = r[n]) && (o = i(e, t, o) || o);
7967
- return o && On(e, t, o), o;
8015
+ var On = Object.defineProperty, Ht = (r, e, t, o) => {
8016
+ for (var s = void 0, n = r.length - 1, i; n >= 0; n--)
8017
+ (i = r[n]) && (s = i(e, t, s) || s);
8018
+ return s && On(e, t, s), s;
7968
8019
  };
7969
8020
  const ss = class ss extends f {
7970
8021
  constructor() {
@@ -7987,19 +8038,19 @@ const ss = class ss extends f {
7987
8038
  if (!e) return;
7988
8039
  const t = e?.assignedNodes({ flatten: !0 }).filter((n) => n.nodeType === Node.ELEMENT_NODE);
7989
8040
  await Promise.resolve(), this.slotHasContent = t.length > 0;
7990
- const s = this.shadowRoot?.querySelector(
8041
+ const o = this.shadowRoot?.querySelector(
7991
8042
  ".nys-globalfooter__content"
7992
- ), o = t?.some(
8043
+ ), s = t?.some(
7993
8044
  (n) => n.tagName === "H4"
7994
8045
  );
7995
- s && (s.classList.toggle("columns", o), s.classList.toggle("small", !o), s.innerHTML = "", t.forEach((i) => {
8046
+ o && (o.classList.toggle("columns", s), o.classList.toggle("small", !s), o.innerHTML = "", t.forEach((i) => {
7996
8047
  if (i.nodeType === Node.ELEMENT_NODE) {
7997
8048
  const l = i.cloneNode(!0);
7998
8049
  ["script", "iframe", "object", "embed", "img"].forEach((h) => {
7999
8050
  l.querySelectorAll(h).forEach((u) => u.remove());
8000
- }), s.appendChild(l), i.remove();
8051
+ }), o.appendChild(l), i.remove();
8001
8052
  }
8002
- }), s.querySelectorAll("span").forEach((i) => {
8053
+ }), o.querySelectorAll("span").forEach((i) => {
8003
8054
  const l = document.createElement("nys-divider");
8004
8055
  l.classList.add("divider"), i.insertAdjacentElement("afterend", l);
8005
8056
  }));