@nysds/nys-textarea 1.1.0 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/nys-textarea.d.ts +2 -0
  2. package/dist/nys-textarea.js +382 -348
  3. package/dist/nys-textarea.js.map +1 -1
  4. package/package.json +5 -5
package/dist/nys-textarea.js CHANGED
@@ -4,7 +4,7 @@ import { css as X, LitElement as Q, html as m } from "lit";
4
4
  * ▒█▒█▒█ ▒█▄▄▄█ ░▀▀▀▄▄ ▒█░▒█ ░▀▀▀▄▄
5
5
  * ▒█░░▀█ ░░▒█░░ ▒█▄▄▄█ ▒█▄▄▀ ▒█▄▄▄█
6
6
  *
7
- * TextArea Component v1.1.0
7
+ * TextArea Component v1.1.1
8
8
  * Part of the New York State Design System
9
9
  * Repository: https://github.com/its-hcd/nysds
10
10
  * License: MIT
@@ -33,51 +33,51 @@ let b5 = class {
33
33
  return this.cssText;
34
34
  }
35
35
  };
36
- const E5 = (C) => new b5(typeof C == "string" ? C : C + "", void 0, p5), Z5 = (C, t) => {
37
- if (M1) C.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
36
+ const E5 = (r) => new b5(typeof r == "string" ? r : r + "", void 0, p5), Z5 = (r, t) => {
37
+ if (M1) r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
38
38
  else for (const e of t) {
39
39
  const s = document.createElement("style"), i = s1.litNonce;
40
- i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, C.appendChild(s);
40
+ i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, r.appendChild(s);
41
41
  }
42
- }, R1 = M1 ? (C) => C : (C) => C instanceof CSSStyleSheet ? ((t) => {
42
+ }, R1 = M1 ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
43
43
  let e = "";
44
44
  for (const s of t.cssRules) e += s.cssText;
45
45
  return E5(e);
46
- })(C) : C;
46
+ })(r) : r;
47
47
  /**
48
48
  * @license
49
49
  * Copyright 2017 Google LLC
50
50
  * SPDX-License-Identifier: BSD-3-Clause
51
51
  */
52
- const { is: S5, defineProperty: H5, getOwnPropertyDescriptor: V5, getOwnPropertyNames: P5, getOwnPropertySymbols: A5, getPrototypeOf: U5 } = Object, _ = globalThis, T1 = _.trustedTypes, O5 = T1 ? T1.emptyScript : "", f1 = _.reactiveElementPolyfillSupport, I = (C, t) => C, n1 = { toAttribute(C, t) {
52
+ const { is: S5, defineProperty: H5, getOwnPropertyDescriptor: V5, getOwnPropertyNames: P5, getOwnPropertySymbols: A5, getPrototypeOf: U5 } = Object, _ = globalThis, k1 = _.trustedTypes, O5 = k1 ? k1.emptyScript : "", f1 = _.reactiveElementPolyfillSupport, I = (r, t) => r, n1 = { toAttribute(r, t) {
53
53
  switch (t) {
54
54
  case Boolean:
55
- C = C ? O5 : null;
55
+ r = r ? O5 : null;
56
56
  break;
57
57
  case Object:
58
58
  case Array:
59
- C = C == null ? C : JSON.stringify(C);
59
+ r = r == null ? r : JSON.stringify(r);
60
60
  }
61
- return C;
62
- }, fromAttribute(C, t) {
63
- let e = C;
61
+ return r;
62
+ }, fromAttribute(r, t) {
63
+ let e = r;
64
64
  switch (t) {
65
65
  case Boolean:
66
- e = C !== null;
66
+ e = r !== null;
67
67
  break;
68
68
  case Number:
69
- e = C === null ? null : Number(C);
69
+ e = r === null ? null : Number(r);
70
70
  break;
71
71
  case Object:
72
72
  case Array:
73
73
  try {
74
- e = JSON.parse(C);
74
+ e = JSON.parse(r);
75
75
  } catch {
76
76
  e = null;
77
77
  }
78
78
  }
79
79
  return e;
80
- } }, x1 = (C, t) => !S5(C, t), k1 = { attribute: !0, type: String, converter: n1, reflect: !1, hasChanged: x1 };
80
+ } }, x1 = (r, t) => !S5(r, t), T1 = { attribute: !0, type: String, converter: n1, reflect: !1, hasChanged: x1 };
81
81
  Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), _.litPropertyMetadata ?? (_.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
82
82
  let z = class extends HTMLElement {
83
83
  static addInitializer(t) {
@@ -86,14 +86,14 @@ let z = class extends HTMLElement {
86
86
  static get observedAttributes() {
87
87
  return this.finalize(), this._$Eh && [...this._$Eh.keys()];
88
88
  }
89
- static createProperty(t, e = k1) {
89
+ static createProperty(t, e = T1) {
90
90
  if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
91
91
  const s = Symbol(), i = this.getPropertyDescriptor(t, s, e);
92
92
  i !== void 0 && H5(this.prototype, t, i);
93
93
  }
94
94
  }
95
95
  static getPropertyDescriptor(t, e, s) {
96
- const { get: i, set: r } = V5(this.prototype, t) ?? { get() {
96
+ const { get: i, set: C } = V5(this.prototype, t) ?? { get() {
97
97
  return this[e];
98
98
  }, set(o) {
99
99
  this[e] = o;
@@ -102,11 +102,11 @@ let z = class extends HTMLElement {
102
102
  return i == null ? void 0 : i.call(this);
103
103
  }, set(o) {
104
104
  const n = i == null ? void 0 : i.call(this);
105
- r.call(this, o), this.requestUpdate(t, n, s);
105
+ C.call(this, o), this.requestUpdate(t, n, s);
106
106
  }, configurable: !0, enumerable: !0 };
107
107
  }
108
108
  static getPropertyOptions(t) {
109
- return this.elementProperties.get(t) ?? k1;
109
+ return this.elementProperties.get(t) ?? T1;
110
110
  }
111
111
  static _$Ei() {
112
112
  if (this.hasOwnProperty(I("elementProperties"))) return;
@@ -187,18 +187,18 @@ let z = class extends HTMLElement {
187
187
  this._$AK(t, s);
188
188
  }
189
189
  _$EC(t, e) {
190
- var r;
190
+ var C;
191
191
  const s = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, s);
192
192
  if (i !== void 0 && s.reflect === !0) {
193
- const o = (((r = s.converter) == null ? void 0 : r.toAttribute) !== void 0 ? s.converter : n1).toAttribute(e, s.type);
193
+ const o = (((C = s.converter) == null ? void 0 : C.toAttribute) !== void 0 ? s.converter : n1).toAttribute(e, s.type);
194
194
  this._$Em = t, o == null ? this.removeAttribute(i) : this.setAttribute(i, o), this._$Em = null;
195
195
  }
196
196
  }
197
197
  _$AK(t, e) {
198
- var r;
198
+ var C;
199
199
  const s = this.constructor, i = s._$Eh.get(t);
200
200
  if (i !== void 0 && this._$Em !== i) {
201
- const o = s.getPropertyOptions(i), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((r = o.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? o.converter : n1;
201
+ const o = s.getPropertyOptions(i), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((C = o.converter) == null ? void 0 : C.fromAttribute) !== void 0 ? o.converter : n1;
202
202
  this._$Em = i, this[i] = n.fromAttribute(e, o.type), this._$Em = null;
203
203
  }
204
204
  }
@@ -230,18 +230,18 @@ let z = class extends HTMLElement {
230
230
  if (!this.isUpdatePending) return;
231
231
  if (!this.hasUpdated) {
232
232
  if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
233
- for (const [r, o] of this._$Ep) this[r] = o;
233
+ for (const [C, o] of this._$Ep) this[C] = o;
234
234
  this._$Ep = void 0;
235
235
  }
236
236
  const i = this.constructor.elementProperties;
237
- if (i.size > 0) for (const [r, o] of i) o.wrapped !== !0 || this._$AL.has(r) || this[r] === void 0 || this.P(r, this[r], o);
237
+ if (i.size > 0) for (const [C, o] of i) o.wrapped !== !0 || this._$AL.has(C) || this[C] === void 0 || this.P(C, this[C], o);
238
238
  }
239
239
  let t = !1;
240
240
  const e = this._$AL;
241
241
  try {
242
242
  t = this.shouldUpdate(e), t ? (this.willUpdate(e), (s = this._$EO) == null || s.forEach((i) => {
243
- var r;
244
- return (r = i.hostUpdate) == null ? void 0 : r.call(i);
243
+ var C;
244
+ return (C = i.hostUpdate) == null ? void 0 : C.call(i);
245
245
  }), this.update(e)) : this._$EU();
246
246
  } catch (i) {
247
247
  throw t = !1, this._$EU(), i;
@@ -283,32 +283,32 @@ z.elementStyles = [], z.shadowRootOptions = { mode: "open" }, z[I("elementProper
283
283
  * Copyright 2017 Google LLC
284
284
  * SPDX-License-Identifier: BSD-3-Clause
285
285
  */
286
- const z5 = { attribute: !0, type: String, converter: n1, reflect: !1, hasChanged: x1 }, B5 = (C = z5, t, e) => {
286
+ const z5 = { attribute: !0, type: String, converter: n1, reflect: !1, hasChanged: x1 }, B5 = (r = z5, t, e) => {
287
287
  const { kind: s, metadata: i } = e;
288
- let r = globalThis.litPropertyMetadata.get(i);
289
- if (r === void 0 && globalThis.litPropertyMetadata.set(i, r = /* @__PURE__ */ new Map()), r.set(e.name, C), s === "accessor") {
288
+ let C = globalThis.litPropertyMetadata.get(i);
289
+ if (C === void 0 && globalThis.litPropertyMetadata.set(i, C = /* @__PURE__ */ new Map()), C.set(e.name, r), s === "accessor") {
290
290
  const { name: o } = e;
291
291
  return { set(n) {
292
292
  const l = t.get.call(this);
293
- t.set.call(this, n), this.requestUpdate(o, l, C);
293
+ t.set.call(this, n), this.requestUpdate(o, l, r);
294
294
  }, init(n) {
295
- return n !== void 0 && this.P(o, void 0, C), n;
295
+ return n !== void 0 && this.P(o, void 0, r), n;
296
296
  } };
297
297
  }
298
298
  if (s === "setter") {
299
299
  const { name: o } = e;
300
300
  return function(n) {
301
301
  const l = this[o];
302
- t.call(this, n), this.requestUpdate(o, l, C);
302
+ t.call(this, n), this.requestUpdate(o, l, r);
303
303
  };
304
304
  }
305
305
  throw Error("Unsupported decorator location: " + s);
306
306
  };
307
- function v(C) {
308
- return (t, e) => typeof e == "object" ? B5(C, t, e) : ((s, i, r) => {
309
- const o = i.hasOwnProperty(r);
310
- return i.constructor.createProperty(r, o ? { ...s, wrapped: !0 } : s), o ? Object.getOwnPropertyDescriptor(i, r) : void 0;
311
- })(C, t, e);
307
+ function p(r) {
308
+ return (t, e) => typeof e == "object" ? B5(r, t, e) : ((s, i, C) => {
309
+ const o = i.hasOwnProperty(C);
310
+ return i.constructor.createProperty(C, o ? { ...s, wrapped: !0 } : s), o ? Object.getOwnPropertyDescriptor(i, C) : void 0;
311
+ })(r, t, e);
312
312
  }
313
313
  const R5 = X`
314
314
  :host {
@@ -321,6 +321,14 @@ const R5 = X`
321
321
  --_nys-textarea-color-border: var(--nys-color-neutral-400, #909395);
322
322
  --_nys-textarea-padding: var(--nys-space-100, 8px);
323
323
  --_nys-textarea-gap: var(--nys-space-50, 4px);
324
+ --_nys-textarea-color: var(
325
+ --nys-color-text,
326
+ var(--nys-color-neutral-900, #1b1b1b)
327
+ );
328
+ --_nys-textarea-placeholder-color: var(
329
+ --nys-color-text-weaker,
330
+ var(--nys-color-neutral-500, #797c7f)
331
+ );
324
332
 
325
333
  /* Hovered */
326
334
  --_nys-textarea-hover-color-outline: var(--nys-color-neutral-900, #1b1b1b);
@@ -331,12 +339,15 @@ const R5 = X`
331
339
  --_nys-textarea-focus-width-outline: var(--nys-border-width-sm, 1px);
332
340
 
333
341
  /* Disabled */
334
- --_nys-textarea-disabled-color: var(--nys-color-neutral-10, #f6f6f6);
342
+ --_nys-textarea-disabled-bg-color: var(--nys-color-neutral-10, #f6f6f6);
335
343
  --_nys-textarea-disabled-color-border: var(
336
344
  --nys-color-neutral-200,
337
345
  #bec0c1
338
346
  );
339
- --_nys-textarea-disabled-color-text: var(--nys-color-neutral-300, #a7a9ab);
347
+ --_nys-textarea-disabled-color-text: var(
348
+ --nys-color-text-disabled,
349
+ var(--nys-color-neutral-200, #bec0c1)
350
+ );
340
351
 
341
352
  /* Global Font Styles */
342
353
  --_nys-textarea-family-ui: var(
@@ -382,7 +393,6 @@ const R5 = X`
382
393
  }
383
394
 
384
395
  .nys-textarea {
385
- font-size: var(--_nys-textarea-size-ui-md);
386
396
  font-weight: var(--_nys-textarea-weight-ui);
387
397
  font-family: var(--_nys-textarea-family-ui);
388
398
  line-height: var(--_nys-textarea-lineheight-ui);
@@ -394,6 +404,8 @@ const R5 = X`
394
404
  }
395
405
 
396
406
  .nys-textarea__textarea {
407
+ color: var(--_nys-textarea-color);
408
+ font-size: var(--_nys-textarea-size-ui-md);
397
409
  border-radius: var(--_nys-textarea-radius);
398
410
  border: solid var(--_nys-textarea-color-border)
399
411
  var(--_nys-textarea-width-border);
@@ -407,6 +419,10 @@ const R5 = X`
407
419
  -moz-box-sizing: border-box;
408
420
  }
409
421
 
422
+ .nys-textarea__textarea::placeholder {
423
+ color: var(--_nys-textarea-placeholder-color);
424
+ }
425
+
410
426
  /* Resize */
411
427
  .nys-textarea__textarea.none {
412
428
  resize: none;
@@ -428,8 +444,9 @@ const R5 = X`
428
444
  }
429
445
 
430
446
  /* Disabled */
431
- .nys-textarea__textarea:disabled {
432
- background-color: var(--_nys-textarea-disabled-color);
447
+ .nys-textarea__textarea:disabled,
448
+ .nys-textarea__textarea:disabled::placeholder {
449
+ background-color: var(--_nys-textarea-disabled-bg-color);
433
450
  border-color: var(--_nys-textarea-disabled-color-border);
434
451
  color: var(--_nys-textarea-disabled-color-text);
435
452
  cursor: not-allowed;
@@ -440,31 +457,31 @@ const R5 = X`
440
457
  * Copyright 2017 Google LLC
441
458
  * SPDX-License-Identifier: BSD-3-Clause
442
459
  */
443
- const q = globalThis, l1 = q.trustedTypes, j1 = l1 ? l1.createPolicy("lit-html", { createHTML: (C) => C }) : void 0, v5 = "$lit$", y = `lit$${Math.random().toFixed(9).slice(2)}$`, u5 = "?" + y, T5 = `<${u5}>`, M = document, a1 = () => M.createComment(""), G = (C) => C === null || typeof C != "object" && typeof C != "function", b1 = Array.isArray, k5 = (C) => b1(C) || typeof (C == null ? void 0 : C[Symbol.iterator]) == "function", y1 = `[
460
+ const q = globalThis, l1 = q.trustedTypes, j1 = l1 ? l1.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, v5 = "$lit$", y = `lit$${Math.random().toFixed(9).slice(2)}$`, u5 = "?" + y, k5 = `<${u5}>`, M = document, a1 = () => M.createComment(""), G = (r) => r === null || typeof r != "object" && typeof r != "function", b1 = Array.isArray, T5 = (r) => b1(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", y1 = `[
444
461
  \f\r]`, B = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, N1 = /-->/g, D1 = />/g, $ = RegExp(`>|${y1}(?:([^\\s"'>=/]+)(${y1}*=${y1}*(?:[^
445
462
  \f\r"'\`<>=]|("|')|))|$)`, "g"), I1 = /'/g, q1 = /"/g, g5 = /^(?:script|style|textarea|title)$/i, Y = Symbol.for("lit-noChange"), h = Symbol.for("lit-nothing"), W1 = /* @__PURE__ */ new WeakMap(), L = M.createTreeWalker(M, 129);
446
- function w5(C, t) {
447
- if (!b1(C) || !C.hasOwnProperty("raw")) throw Error("invalid template strings array");
463
+ function w5(r, t) {
464
+ if (!b1(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
448
465
  return j1 !== void 0 ? j1.createHTML(t) : t;
449
466
  }
450
- const j5 = (C, t) => {
451
- const e = C.length - 1, s = [];
452
- let i, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = B;
467
+ const j5 = (r, t) => {
468
+ const e = r.length - 1, s = [];
469
+ let i, C = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = B;
453
470
  for (let n = 0; n < e; n++) {
454
- const l = C[n];
455
- let c, p, a = -1, w = 0;
456
- for (; w < l.length && (o.lastIndex = w, p = o.exec(l), p !== null); ) w = o.lastIndex, o === B ? p[1] === "!--" ? o = N1 : p[1] !== void 0 ? o = D1 : p[2] !== void 0 ? (g5.test(p[2]) && (i = RegExp("</" + p[2], "g")), o = $) : p[3] !== void 0 && (o = $) : o === $ ? p[0] === ">" ? (o = i ?? B, a = -1) : p[1] === void 0 ? a = -2 : (a = o.lastIndex - p[2].length, c = p[1], o = p[3] === void 0 ? $ : p[3] === '"' ? q1 : I1) : o === q1 || o === I1 ? o = $ : o === N1 || o === D1 ? o = B : (o = $, i = void 0);
457
- const f = o === $ && C[n + 1].startsWith("/>") ? " " : "";
458
- r += o === B ? l + T5 : a >= 0 ? (s.push(c), l.slice(0, a) + v5 + l.slice(a) + y + f) : l + y + (a === -2 ? n : f);
471
+ const l = r[n];
472
+ let c, u, a = -1, w = 0;
473
+ for (; w < l.length && (o.lastIndex = w, u = o.exec(l), u !== null); ) w = o.lastIndex, o === B ? u[1] === "!--" ? o = N1 : u[1] !== void 0 ? o = D1 : u[2] !== void 0 ? (g5.test(u[2]) && (i = RegExp("</" + u[2], "g")), o = $) : u[3] !== void 0 && (o = $) : o === $ ? u[0] === ">" ? (o = i ?? B, a = -1) : u[1] === void 0 ? a = -2 : (a = o.lastIndex - u[2].length, c = u[1], o = u[3] === void 0 ? $ : u[3] === '"' ? q1 : I1) : o === q1 || o === I1 ? o = $ : o === N1 || o === D1 ? o = B : (o = $, i = void 0);
474
+ const f = o === $ && r[n + 1].startsWith("/>") ? " " : "";
475
+ C += o === B ? l + k5 : a >= 0 ? (s.push(c), l.slice(0, a) + v5 + l.slice(a) + y + f) : l + y + (a === -2 ? n : f);
459
476
  }
460
- return [w5(C, r + (C[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
477
+ return [w5(r, C + (r[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
461
478
  };
462
479
  let $1 = class f5 {
463
480
  constructor({ strings: t, _$litType$: e }, s) {
464
481
  let i;
465
482
  this.parts = [];
466
- let r = 0, o = 0;
467
- const n = t.length - 1, l = this.parts, [c, p] = j5(t, e);
483
+ let C = 0, o = 0;
484
+ const n = t.length - 1, l = this.parts, [c, u] = j5(t, e);
468
485
  if (this.el = f5.createElement(c, s), L.currentNode = this.el.content, e === 2 || e === 3) {
469
486
  const a = this.el.content.firstChild;
470
487
  a.replaceWith(...a.childNodes);
@@ -472,23 +489,23 @@ let $1 = class f5 {
472
489
  for (; (i = L.nextNode()) !== null && l.length < n; ) {
473
490
  if (i.nodeType === 1) {
474
491
  if (i.hasAttributes()) for (const a of i.getAttributeNames()) if (a.endsWith(v5)) {
475
- const w = p[o++], f = i.getAttribute(a).split(y), e1 = /([.?@])?(.*)/.exec(w);
476
- l.push({ type: 1, index: r, name: e1[2], strings: f, ctor: e1[1] === "." ? D5 : e1[1] === "?" ? I5 : e1[1] === "@" ? q5 : v1 }), i.removeAttribute(a);
477
- } else a.startsWith(y) && (l.push({ type: 6, index: r }), i.removeAttribute(a));
492
+ const w = u[o++], f = i.getAttribute(a).split(y), e1 = /([.?@])?(.*)/.exec(w);
493
+ l.push({ type: 1, index: C, name: e1[2], strings: f, ctor: e1[1] === "." ? D5 : e1[1] === "?" ? I5 : e1[1] === "@" ? q5 : v1 }), i.removeAttribute(a);
494
+ } else a.startsWith(y) && (l.push({ type: 6, index: C }), i.removeAttribute(a));
478
495
  if (g5.test(i.tagName)) {
479
496
  const a = i.textContent.split(y), w = a.length - 1;
480
497
  if (w > 0) {
481
498
  i.textContent = l1 ? l1.emptyScript : "";
482
- for (let f = 0; f < w; f++) i.append(a[f], a1()), L.nextNode(), l.push({ type: 2, index: ++r });
499
+ for (let f = 0; f < w; f++) i.append(a[f], a1()), L.nextNode(), l.push({ type: 2, index: ++C });
483
500
  i.append(a[w], a1());
484
501
  }
485
502
  }
486
- } else if (i.nodeType === 8) if (i.data === u5) l.push({ type: 2, index: r });
503
+ } else if (i.nodeType === 8) if (i.data === u5) l.push({ type: 2, index: C });
487
504
  else {
488
505
  let a = -1;
489
- for (; (a = i.data.indexOf(y, a + 1)) !== -1; ) l.push({ type: 7, index: r }), a += y.length - 1;
506
+ for (; (a = i.data.indexOf(y, a + 1)) !== -1; ) l.push({ type: 7, index: C }), a += y.length - 1;
490
507
  }
491
- r++;
508
+ C++;
492
509
  }
493
510
  }
494
511
  static createElement(t, e) {
@@ -496,12 +513,12 @@ let $1 = class f5 {
496
513
  return s.innerHTML = t, s;
497
514
  }
498
515
  };
499
- function E(C, t, e = C, s) {
516
+ function E(r, t, e = r, s) {
500
517
  var o, n;
501
518
  if (t === Y) return t;
502
519
  let i = s !== void 0 ? (o = e._$Co) == null ? void 0 : o[s] : e._$Cl;
503
- const r = G(t) ? void 0 : t._$litDirective$;
504
- return (i == null ? void 0 : i.constructor) !== r && ((n = i == null ? void 0 : i._$AO) == null || n.call(i, !1), r === void 0 ? i = void 0 : (i = new r(C), i._$AT(C, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = i : e._$Cl = i), i !== void 0 && (t = E(C, i._$AS(C, t.values), i, s)), t;
520
+ const C = G(t) ? void 0 : t._$litDirective$;
521
+ return (i == null ? void 0 : i.constructor) !== C && ((n = i == null ? void 0 : i._$AO) == null || n.call(i, !1), C === void 0 ? i = void 0 : (i = new C(r), i._$AT(r, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = i : e._$Cl = i), i !== void 0 && (t = E(r, i._$AS(r, t.values), i, s)), t;
505
522
  }
506
523
  let N5 = class {
507
524
  constructor(t, e) {
@@ -516,13 +533,13 @@ let N5 = class {
516
533
  u(t) {
517
534
  const { el: { content: e }, parts: s } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? M).importNode(e, !0);
518
535
  L.currentNode = i;
519
- let r = L.nextNode(), o = 0, n = 0, l = s[0];
536
+ let C = L.nextNode(), o = 0, n = 0, l = s[0];
520
537
  for (; l !== void 0; ) {
521
538
  if (o === l.index) {
522
539
  let c;
523
- l.type === 2 ? c = new y5(r, r.nextSibling, this, t) : l.type === 1 ? c = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (c = new W5(r, this, t)), this._$AV.push(c), l = s[++n];
540
+ l.type === 2 ? c = new y5(C, C.nextSibling, this, t) : l.type === 1 ? c = new l.ctor(C, l.name, l.strings, this, t) : l.type === 6 && (c = new W5(C, this, t)), this._$AV.push(c), l = s[++n];
524
541
  }
525
- o !== (l == null ? void 0 : l.index) && (r = L.nextNode(), o++);
542
+ o !== (l == null ? void 0 : l.index) && (C = L.nextNode(), o++);
526
543
  }
527
544
  return L.currentNode = M, i;
528
545
  }
@@ -550,7 +567,7 @@ let N5 = class {
550
567
  return this._$AB;
551
568
  }
552
569
  _$AI(t, e = this) {
553
- t = E(this, t, e), G(t) ? t === h || t == null || t === "" ? (this._$AH !== h && this._$AR(), this._$AH = h) : t !== this._$AH && t !== Y && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : k5(t) ? this.k(t) : this._(t);
570
+ t = E(this, t, e), G(t) ? t === h || t == null || t === "" ? (this._$AH !== h && this._$AR(), this._$AH = h) : t !== this._$AH && t !== Y && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : T5(t) ? this.k(t) : this._(t);
554
571
  }
555
572
  O(t) {
556
573
  return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -562,9 +579,9 @@ let N5 = class {
562
579
  this._$AH !== h && G(this._$AH) ? this._$AA.nextSibling.data = t : this.T(M.createTextNode(t)), this._$AH = t;
563
580
  }
564
581
  $(t) {
565
- var r;
582
+ var C;
566
583
  const { values: e, _$litType$: s } = t, i = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = $1.createElement(w5(s.h, s.h[0]), this.options)), s);
567
- if (((r = this._$AH) == null ? void 0 : r._$AD) === i) this._$AH.p(e);
584
+ if (((C = this._$AH) == null ? void 0 : C._$AD) === i) this._$AH.p(e);
568
585
  else {
569
586
  const o = new N5(i, this), n = o.u(this.options);
570
587
  o.p(e), this.T(n), this._$AH = o;
@@ -578,7 +595,7 @@ let N5 = class {
578
595
  b1(this._$AH) || (this._$AH = [], this._$AR());
579
596
  const e = this._$AH;
580
597
  let s, i = 0;
581
- for (const r of t) i === e.length ? e.push(s = new m5(this.O(a1()), this.O(a1()), this, this.options)) : s = e[i], s._$AI(r), i++;
598
+ for (const C of t) i === e.length ? e.push(s = new m5(this.O(a1()), this.O(a1()), this, this.options)) : s = e[i], s._$AI(C), i++;
582
599
  i < e.length && (this._$AR(s && s._$AB.nextSibling, i), e.length = i);
583
600
  }
584
601
  _$AR(t = this._$AA.nextSibling, e) {
@@ -599,17 +616,17 @@ let N5 = class {
599
616
  get _$AU() {
600
617
  return this._$AM._$AU;
601
618
  }
602
- constructor(t, e, s, i, r) {
603
- this.type = 1, this._$AH = h, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = r, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = h;
619
+ constructor(t, e, s, i, C) {
620
+ this.type = 1, this._$AH = h, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = C, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = h;
604
621
  }
605
622
  _$AI(t, e = this, s, i) {
606
- const r = this.strings;
623
+ const C = this.strings;
607
624
  let o = !1;
608
- if (r === void 0) t = E(this, t, e, 0), o = !G(t) || t !== this._$AH && t !== Y, o && (this._$AH = t);
625
+ if (C === void 0) t = E(this, t, e, 0), o = !G(t) || t !== this._$AH && t !== Y, o && (this._$AH = t);
609
626
  else {
610
627
  const n = t;
611
628
  let l, c;
612
- for (t = r[0], l = 0; l < r.length - 1; l++) c = E(this, n[s + l], e, l), c === Y && (c = this._$AH[l]), o || (o = !G(c) || c !== this._$AH[l]), c === h ? t = h : t !== h && (t += (c ?? "") + r[l + 1]), this._$AH[l] = c;
629
+ for (t = C[0], l = 0; l < C.length - 1; l++) c = E(this, n[s + l], e, l), c === Y && (c = this._$AH[l]), o || (o = !G(c) || c !== this._$AH[l]), c === h ? t = h : t !== h && (t += (c ?? "") + C[l + 1]), this._$AH[l] = c;
613
630
  }
614
631
  o && !i && this.j(t);
615
632
  }
@@ -631,13 +648,13 @@ let N5 = class {
631
648
  this.element.toggleAttribute(this.name, !!t && t !== h);
632
649
  }
633
650
  }, q5 = class extends v1 {
634
- constructor(t, e, s, i, r) {
635
- super(t, e, s, i, r), this.type = 5;
651
+ constructor(t, e, s, i, C) {
652
+ super(t, e, s, i, C), this.type = 5;
636
653
  }
637
654
  _$AI(t, e = this) {
638
655
  if ((t = E(this, t, e, 0) ?? h) === Y) return;
639
- const s = this._$AH, i = t === h && s !== h || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, r = t !== h && (s === h || i);
640
- i && this.element.removeEventListener(this.name, this, s), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
656
+ const s = this._$AH, i = t === h && s !== h || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, C = t !== h && (s === h || i);
657
+ i && this.element.removeEventListener(this.name, this, s), C && this.element.addEventListener(this.name, this, t), this._$AH = t;
641
658
  }
642
659
  handleEvent(t) {
643
660
  var e;
@@ -661,13 +678,13 @@ m1 == null || m1($1, y5), (q.litHtmlVersions ?? (q.litHtmlVersions = [])).push("
661
678
  * Copyright 2018 Google LLC
662
679
  * SPDX-License-Identifier: BSD-3-Clause
663
680
  */
664
- const _1 = (C) => C ?? h;
681
+ const _1 = (r) => r ?? h;
665
682
  /*!
666
683
  * ▒█▄░▒█ ▒█░░▒█ ▒█▀▀▀█ ▒█▀▀▄ ▒█▀▀▀█
667
684
  * ▒█▒█▒█ ▒█▄▄▄█ ░▀▀▀▄▄ ▒█░▒█ ░▀▀▀▄▄
668
685
  * ▒█░░▀█ ░░▒█░░ ▒█▄▄▄█ ▒█▄▄▀ ▒█▄▄▄█
669
686
  *
670
- * Icon Component v1.1.0
687
+ * Icon Component v1.1.1
671
688
  * Part of the New York State Design System
672
689
  * Repository: https://github.com/its-hcd/nysds
673
690
  * License: MIT
@@ -696,51 +713,51 @@ let F5 = class {
696
713
  return this.cssText;
697
714
  }
698
715
  };
699
- const J5 = (C) => new F5(typeof C == "string" ? C : C + "", void 0, _5), K5 = (C, t) => {
700
- if (E1) C.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
716
+ const J5 = (r) => new F5(typeof r == "string" ? r : r + "", void 0, _5), K5 = (r, t) => {
717
+ if (E1) r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
701
718
  else for (const e of t) {
702
719
  const s = document.createElement("style"), i = i1.litNonce;
703
- i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, C.appendChild(s);
720
+ i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, r.appendChild(s);
704
721
  }
705
- }, J1 = E1 ? (C) => C : (C) => C instanceof CSSStyleSheet ? ((t) => {
722
+ }, J1 = E1 ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
706
723
  let e = "";
707
724
  for (const s of t.cssRules) e += s.cssText;
708
725
  return J5(e);
709
- })(C) : C;
726
+ })(r) : r;
710
727
  /**
711
728
  * @license
712
729
  * Copyright 2017 Google LLC
713
730
  * SPDX-License-Identifier: BSD-3-Clause
714
731
  */
715
- const { is: G5, defineProperty: Y5, getOwnPropertyDescriptor: X5, getOwnPropertyNames: Q5, getOwnPropertySymbols: t2, getPrototypeOf: e2 } = Object, Z = globalThis, K1 = Z.trustedTypes, s2 = K1 ? K1.emptyScript : "", G1 = Z.reactiveElementPolyfillSupport, W = (C, t) => C, h1 = { toAttribute(C, t) {
732
+ const { is: G5, defineProperty: Y5, getOwnPropertyDescriptor: X5, getOwnPropertyNames: Q5, getOwnPropertySymbols: t2, getPrototypeOf: e2 } = Object, Z = globalThis, K1 = Z.trustedTypes, s2 = K1 ? K1.emptyScript : "", G1 = Z.reactiveElementPolyfillSupport, W = (r, t) => r, h1 = { toAttribute(r, t) {
716
733
  switch (t) {
717
734
  case Boolean:
718
- C = C ? s2 : null;
735
+ r = r ? s2 : null;
719
736
  break;
720
737
  case Object:
721
738
  case Array:
722
- C = C == null ? C : JSON.stringify(C);
739
+ r = r == null ? r : JSON.stringify(r);
723
740
  }
724
- return C;
725
- }, fromAttribute(C, t) {
726
- let e = C;
741
+ return r;
742
+ }, fromAttribute(r, t) {
743
+ let e = r;
727
744
  switch (t) {
728
745
  case Boolean:
729
- e = C !== null;
746
+ e = r !== null;
730
747
  break;
731
748
  case Number:
732
- e = C === null ? null : Number(C);
749
+ e = r === null ? null : Number(r);
733
750
  break;
734
751
  case Object:
735
752
  case Array:
736
753
  try {
737
- e = JSON.parse(C);
754
+ e = JSON.parse(r);
738
755
  } catch {
739
756
  e = null;
740
757
  }
741
758
  }
742
759
  return e;
743
- } }, Z1 = (C, t) => !G5(C, t), Y1 = { attribute: !0, type: String, converter: h1, reflect: !1, hasChanged: Z1 };
760
+ } }, Z1 = (r, t) => !G5(r, t), Y1 = { attribute: !0, type: String, converter: h1, reflect: !1, hasChanged: Z1 };
744
761
  Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), Z.litPropertyMetadata ?? (Z.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
745
762
  let R = class extends HTMLElement {
746
763
  static addInitializer(t) {
@@ -756,7 +773,7 @@ let R = class extends HTMLElement {
756
773
  }
757
774
  }
758
775
  static getPropertyDescriptor(t, e, s) {
759
- const { get: i, set: r } = X5(this.prototype, t) ?? { get() {
776
+ const { get: i, set: C } = X5(this.prototype, t) ?? { get() {
760
777
  return this[e];
761
778
  }, set(o) {
762
779
  this[e] = o;
@@ -765,7 +782,7 @@ let R = class extends HTMLElement {
765
782
  return i == null ? void 0 : i.call(this);
766
783
  }, set(o) {
767
784
  const n = i == null ? void 0 : i.call(this);
768
- r.call(this, o), this.requestUpdate(t, n, s);
785
+ C.call(this, o), this.requestUpdate(t, n, s);
769
786
  }, configurable: !0, enumerable: !0 };
770
787
  }
771
788
  static getPropertyOptions(t) {
@@ -851,18 +868,18 @@ let R = class extends HTMLElement {
851
868
  }
852
869
  _$EC(t, e) {
853
870
  var s;
854
- const i = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, i);
855
- if (r !== void 0 && i.reflect === !0) {
871
+ const i = this.constructor.elementProperties.get(t), C = this.constructor._$Eu(t, i);
872
+ if (C !== void 0 && i.reflect === !0) {
856
873
  const o = (((s = i.converter) == null ? void 0 : s.toAttribute) !== void 0 ? i.converter : h1).toAttribute(e, i.type);
857
- this._$Em = t, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$Em = null;
874
+ this._$Em = t, o == null ? this.removeAttribute(C) : this.setAttribute(C, o), this._$Em = null;
858
875
  }
859
876
  }
860
877
  _$AK(t, e) {
861
878
  var s;
862
- const i = this.constructor, r = i._$Eh.get(t);
863
- if (r !== void 0 && this._$Em !== r) {
864
- const o = i.getPropertyOptions(r), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((s = o.converter) == null ? void 0 : s.fromAttribute) !== void 0 ? o.converter : h1;
865
- this._$Em = r, this[r] = n.fromAttribute(e, o.type), this._$Em = null;
879
+ const i = this.constructor, C = i._$Eh.get(t);
880
+ if (C !== void 0 && this._$Em !== C) {
881
+ const o = i.getPropertyOptions(C), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((s = o.converter) == null ? void 0 : s.fromAttribute) !== void 0 ? o.converter : h1;
882
+ this._$Em = C, this[C] = n.fromAttribute(e, o.type), this._$Em = null;
866
883
  }
867
884
  }
868
885
  requestUpdate(t, e, s) {
@@ -893,18 +910,18 @@ let R = class extends HTMLElement {
893
910
  if (!this.isUpdatePending) return;
894
911
  if (!this.hasUpdated) {
895
912
  if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
896
- for (const [r, o] of this._$Ep) this[r] = o;
913
+ for (const [C, o] of this._$Ep) this[C] = o;
897
914
  this._$Ep = void 0;
898
915
  }
899
916
  const i = this.constructor.elementProperties;
900
- if (i.size > 0) for (const [r, o] of i) o.wrapped !== !0 || this._$AL.has(r) || this[r] === void 0 || this.P(r, this[r], o);
917
+ if (i.size > 0) for (const [C, o] of i) o.wrapped !== !0 || this._$AL.has(C) || this[C] === void 0 || this.P(C, this[C], o);
901
918
  }
902
919
  let e = !1;
903
920
  const s = this._$AL;
904
921
  try {
905
922
  e = this.shouldUpdate(s), e ? (this.willUpdate(s), (t = this._$EO) == null || t.forEach((i) => {
906
- var r;
907
- return (r = i.hostUpdate) == null ? void 0 : r.call(i);
923
+ var C;
924
+ return (C = i.hostUpdate) == null ? void 0 : C.call(i);
908
925
  }), this.update(s)) : this._$EU();
909
926
  } catch (i) {
910
927
  throw e = !1, this._$EU(), i;
@@ -946,34 +963,34 @@ R.elementStyles = [], R.shadowRootOptions = { mode: "open" }, R[W("elementProper
946
963
  * Copyright 2017 Google LLC
947
964
  * SPDX-License-Identifier: BSD-3-Clause
948
965
  */
949
- const i2 = { attribute: !0, type: String, converter: h1, reflect: !1, hasChanged: Z1 }, C2 = (C = i2, t, e) => {
966
+ const i2 = { attribute: !0, type: String, converter: h1, reflect: !1, hasChanged: Z1 }, r2 = (r = i2, t, e) => {
950
967
  const { kind: s, metadata: i } = e;
951
- let r = globalThis.litPropertyMetadata.get(i);
952
- if (r === void 0 && globalThis.litPropertyMetadata.set(i, r = /* @__PURE__ */ new Map()), r.set(e.name, C), s === "accessor") {
968
+ let C = globalThis.litPropertyMetadata.get(i);
969
+ if (C === void 0 && globalThis.litPropertyMetadata.set(i, C = /* @__PURE__ */ new Map()), C.set(e.name, r), s === "accessor") {
953
970
  const { name: o } = e;
954
971
  return { set(n) {
955
972
  const l = t.get.call(this);
956
- t.set.call(this, n), this.requestUpdate(o, l, C);
973
+ t.set.call(this, n), this.requestUpdate(o, l, r);
957
974
  }, init(n) {
958
- return n !== void 0 && this.P(o, void 0, C), n;
975
+ return n !== void 0 && this.P(o, void 0, r), n;
959
976
  } };
960
977
  }
961
978
  if (s === "setter") {
962
979
  const { name: o } = e;
963
980
  return function(n) {
964
981
  const l = this[o];
965
- t.call(this, n), this.requestUpdate(o, l, C);
982
+ t.call(this, n), this.requestUpdate(o, l, r);
966
983
  };
967
984
  }
968
985
  throw Error("Unsupported decorator location: " + s);
969
986
  };
970
- function P(C) {
971
- return (t, e) => typeof e == "object" ? C2(C, t, e) : ((s, i, r) => {
972
- const o = i.hasOwnProperty(r);
973
- return i.constructor.createProperty(r, o ? { ...s, wrapped: !0 } : s), o ? Object.getOwnPropertyDescriptor(i, r) : void 0;
974
- })(C, t, e);
987
+ function P(r) {
988
+ return (t, e) => typeof e == "object" ? r2(r, t, e) : ((s, i, C) => {
989
+ const o = i.hasOwnProperty(C);
990
+ return i.constructor.createProperty(C, o ? { ...s, wrapped: !0 } : s), o ? Object.getOwnPropertyDescriptor(i, C) : void 0;
991
+ })(r, t, e);
975
992
  }
976
- const r2 = {
993
+ const C2 = {
977
994
  // --------- UX Team Main Library (below) --------- //
978
995
  // *** CORE *** //
979
996
  account_circle: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
@@ -1269,34 +1286,34 @@ const r2 = {
1269
1286
  transform: scale(-1, -1);
1270
1287
  }
1271
1288
  `;
1272
- var n2 = Object.defineProperty, l2 = Object.getOwnPropertyDescriptor, A = (C, t, e, s) => {
1273
- for (var i = s > 1 ? void 0 : s ? l2(t, e) : t, r = C.length - 1, o; r >= 0; r--)
1274
- (o = C[r]) && (i = (s ? o(t, e, i) : o(i)) || i);
1289
+ var n2 = Object.defineProperty, l2 = Object.getOwnPropertyDescriptor, A = (r, t, e, s) => {
1290
+ for (var i = s > 1 ? void 0 : s ? l2(t, e) : t, C = r.length - 1, o; C >= 0; C--)
1291
+ (o = r[C]) && (i = (s ? o(t, e, i) : o(i)) || i);
1275
1292
  return s && i && n2(t, e, i), i;
1276
- }, T;
1277
- const x = (T = class extends Q {
1293
+ }, k;
1294
+ const x = (k = class extends Q {
1278
1295
  constructor() {
1279
1296
  super(...arguments), this.name = "", this.label = "", this.rotate = "0", this.flip = "", this.color = "", this._size = "sm";
1280
1297
  }
1281
1298
  get size() {
1282
1299
  return this._size;
1283
1300
  }
1284
- set size(C) {
1285
- this._size = T.VALID_TYPES.includes(
1286
- C
1287
- ) ? C : "sm";
1301
+ set size(r) {
1302
+ this._size = k.VALID_TYPES.includes(
1303
+ r
1304
+ ) ? r : "sm";
1288
1305
  }
1289
1306
  getIcon() {
1290
- const C = r2[this.name], t = !!this.label;
1291
- if (!C) return null;
1292
- const e = new DOMParser().parseFromString(C, "image/svg+xml").documentElement;
1307
+ const r = C2[this.name], t = !!this.label;
1308
+ if (!r) return null;
1309
+ const e = new DOMParser().parseFromString(r, "image/svg+xml").documentElement;
1293
1310
  return e instanceof SVGElement ? (e.setAttribute("role", "img"), e.setAttribute("aria-label", t ? this.label : ""), e.setAttribute("aria-hidden", t ? "false" : "true"), e.style.rotate = `${this.rotate}deg`, e.style.color = this.color || "currentcolor", e.classList.add(`nys-icon--${this.size}`), e.classList.add("nys-icon--svg"), this.flip && e.classList.add(`nys-icon--flip-${this.flip}`), e) : null;
1294
1311
  }
1295
1312
  render() {
1296
- const C = this.getIcon();
1297
- return C ? m`${C}` : null;
1313
+ const r = this.getIcon();
1314
+ return r ? m`${r}` : null;
1298
1315
  }
1299
- }, T.styles = o2, T.VALID_TYPES = [
1316
+ }, k.styles = o2, k.VALID_TYPES = [
1300
1317
  "2xs",
1301
1318
  "xs",
1302
1319
  "sm",
@@ -1312,9 +1329,9 @@ const x = (T = class extends Q {
1312
1329
  "32",
1313
1330
  "48",
1314
1331
  "64"
1315
- ], T);
1332
+ ], k);
1316
1333
  A([
1317
- P({ type: String })
1334
+ P({ type: String, reflect: !0 })
1318
1335
  ], x.prototype, "name", 2);
1319
1336
  A([
1320
1337
  P({ type: String })
@@ -1334,7 +1351,7 @@ A([
1334
1351
  let a2 = x;
1335
1352
  customElements.get("nys-icon") || customElements.define("nys-icon", a2);
1336
1353
  /*!
1337
- * Label v1.1.0
1354
+ * Label v1.1.1
1338
1355
  * Part of the New York State Design System
1339
1356
  * A design system for New York State's digital products.
1340
1357
  * Repository: https://github.com/its-hcd/nysds
@@ -1345,7 +1362,7 @@ customElements.get("nys-icon") || customElements.define("nys-icon", a2);
1345
1362
  * Copyright 2019 Google LLC
1346
1363
  * SPDX-License-Identifier: BSD-3-Clause
1347
1364
  */
1348
- const C1 = globalThis, S1 = C1.ShadowRoot && (C1.ShadyCSS === void 0 || C1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, $5 = Symbol(), X1 = /* @__PURE__ */ new WeakMap();
1365
+ const r1 = globalThis, S1 = r1.ShadowRoot && (r1.ShadyCSS === void 0 || r1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, $5 = Symbol(), X1 = /* @__PURE__ */ new WeakMap();
1349
1366
  let h2 = class {
1350
1367
  constructor(t, e, s) {
1351
1368
  if (this._$cssResult$ = !0, s !== $5) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -1364,53 +1381,53 @@ let h2 = class {
1364
1381
  return this.cssText;
1365
1382
  }
1366
1383
  };
1367
- const c2 = (C) => new h2(typeof C == "string" ? C : C + "", void 0, $5), d2 = (C, t) => {
1368
- if (S1) C.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
1384
+ const c2 = (r) => new h2(typeof r == "string" ? r : r + "", void 0, $5), d2 = (r, t) => {
1385
+ if (S1) r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
1369
1386
  else for (const e of t) {
1370
- const s = document.createElement("style"), i = C1.litNonce;
1371
- i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, C.appendChild(s);
1387
+ const s = document.createElement("style"), i = r1.litNonce;
1388
+ i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, r.appendChild(s);
1372
1389
  }
1373
- }, Q1 = S1 ? (C) => C : (C) => C instanceof CSSStyleSheet ? ((t) => {
1390
+ }, Q1 = S1 ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
1374
1391
  let e = "";
1375
1392
  for (const s of t.cssRules) e += s.cssText;
1376
1393
  return c2(e);
1377
- })(C) : C;
1394
+ })(r) : r;
1378
1395
  /**
1379
1396
  * @license
1380
1397
  * Copyright 2017 Google LLC
1381
1398
  * SPDX-License-Identifier: BSD-3-Clause
1382
1399
  */
1383
- const { is: p2, defineProperty: v2, getOwnPropertyDescriptor: u2, getOwnPropertyNames: g2, getOwnPropertySymbols: w2, getPrototypeOf: f2 } = Object, S = globalThis, t5 = S.trustedTypes, y2 = t5 ? t5.emptyScript : "", e5 = S.reactiveElementPolyfillSupport, F = (C, t) => C, c1 = { toAttribute(C, t) {
1400
+ const { is: p2, defineProperty: v2, getOwnPropertyDescriptor: u2, getOwnPropertyNames: g2, getOwnPropertySymbols: w2, getPrototypeOf: f2 } = Object, S = globalThis, t5 = S.trustedTypes, y2 = t5 ? t5.emptyScript : "", e5 = S.reactiveElementPolyfillSupport, F = (r, t) => r, c1 = { toAttribute(r, t) {
1384
1401
  switch (t) {
1385
1402
  case Boolean:
1386
- C = C ? y2 : null;
1403
+ r = r ? y2 : null;
1387
1404
  break;
1388
1405
  case Object:
1389
1406
  case Array:
1390
- C = C == null ? C : JSON.stringify(C);
1407
+ r = r == null ? r : JSON.stringify(r);
1391
1408
  }
1392
- return C;
1393
- }, fromAttribute(C, t) {
1394
- let e = C;
1409
+ return r;
1410
+ }, fromAttribute(r, t) {
1411
+ let e = r;
1395
1412
  switch (t) {
1396
1413
  case Boolean:
1397
- e = C !== null;
1414
+ e = r !== null;
1398
1415
  break;
1399
1416
  case Number:
1400
- e = C === null ? null : Number(C);
1417
+ e = r === null ? null : Number(r);
1401
1418
  break;
1402
1419
  case Object:
1403
1420
  case Array:
1404
1421
  try {
1405
- e = JSON.parse(C);
1422
+ e = JSON.parse(r);
1406
1423
  } catch {
1407
1424
  e = null;
1408
1425
  }
1409
1426
  }
1410
1427
  return e;
1411
- } }, H1 = (C, t) => !p2(C, t), s5 = { attribute: !0, type: String, converter: c1, reflect: !1, hasChanged: H1 };
1428
+ } }, H1 = (r, t) => !p2(r, t), s5 = { attribute: !0, type: String, converter: c1, reflect: !1, hasChanged: H1 };
1412
1429
  Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), S.litPropertyMetadata ?? (S.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
1413
- let k = class extends HTMLElement {
1430
+ let T = class extends HTMLElement {
1414
1431
  static addInitializer(t) {
1415
1432
  this._$Ei(), (this.l ?? (this.l = [])).push(t);
1416
1433
  }
@@ -1424,7 +1441,7 @@ let k = class extends HTMLElement {
1424
1441
  }
1425
1442
  }
1426
1443
  static getPropertyDescriptor(t, e, s) {
1427
- const { get: i, set: r } = u2(this.prototype, t) ?? { get() {
1444
+ const { get: i, set: C } = u2(this.prototype, t) ?? { get() {
1428
1445
  return this[e];
1429
1446
  }, set(o) {
1430
1447
  this[e] = o;
@@ -1433,7 +1450,7 @@ let k = class extends HTMLElement {
1433
1450
  return i == null ? void 0 : i.call(this);
1434
1451
  }, set(o) {
1435
1452
  const n = i == null ? void 0 : i.call(this);
1436
- r.call(this, o), this.requestUpdate(t, n, s);
1453
+ C.call(this, o), this.requestUpdate(t, n, s);
1437
1454
  }, configurable: !0, enumerable: !0 };
1438
1455
  }
1439
1456
  static getPropertyOptions(t) {
@@ -1519,18 +1536,18 @@ let k = class extends HTMLElement {
1519
1536
  }
1520
1537
  _$EC(t, e) {
1521
1538
  var s;
1522
- const i = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, i);
1523
- if (r !== void 0 && i.reflect === !0) {
1539
+ const i = this.constructor.elementProperties.get(t), C = this.constructor._$Eu(t, i);
1540
+ if (C !== void 0 && i.reflect === !0) {
1524
1541
  const o = (((s = i.converter) == null ? void 0 : s.toAttribute) !== void 0 ? i.converter : c1).toAttribute(e, i.type);
1525
- this._$Em = t, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$Em = null;
1542
+ this._$Em = t, o == null ? this.removeAttribute(C) : this.setAttribute(C, o), this._$Em = null;
1526
1543
  }
1527
1544
  }
1528
1545
  _$AK(t, e) {
1529
1546
  var s;
1530
- const i = this.constructor, r = i._$Eh.get(t);
1531
- if (r !== void 0 && this._$Em !== r) {
1532
- const o = i.getPropertyOptions(r), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((s = o.converter) == null ? void 0 : s.fromAttribute) !== void 0 ? o.converter : c1;
1533
- this._$Em = r, this[r] = n.fromAttribute(e, o.type), this._$Em = null;
1547
+ const i = this.constructor, C = i._$Eh.get(t);
1548
+ if (C !== void 0 && this._$Em !== C) {
1549
+ const o = i.getPropertyOptions(C), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((s = o.converter) == null ? void 0 : s.fromAttribute) !== void 0 ? o.converter : c1;
1550
+ this._$Em = C, this[C] = n.fromAttribute(e, o.type), this._$Em = null;
1534
1551
  }
1535
1552
  }
1536
1553
  requestUpdate(t, e, s) {
@@ -1561,18 +1578,18 @@ let k = class extends HTMLElement {
1561
1578
  if (!this.isUpdatePending) return;
1562
1579
  if (!this.hasUpdated) {
1563
1580
  if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
1564
- for (const [r, o] of this._$Ep) this[r] = o;
1581
+ for (const [C, o] of this._$Ep) this[C] = o;
1565
1582
  this._$Ep = void 0;
1566
1583
  }
1567
1584
  const i = this.constructor.elementProperties;
1568
- if (i.size > 0) for (const [r, o] of i) o.wrapped !== !0 || this._$AL.has(r) || this[r] === void 0 || this.P(r, this[r], o);
1585
+ if (i.size > 0) for (const [C, o] of i) o.wrapped !== !0 || this._$AL.has(C) || this[C] === void 0 || this.P(C, this[C], o);
1569
1586
  }
1570
1587
  let e = !1;
1571
1588
  const s = this._$AL;
1572
1589
  try {
1573
1590
  e = this.shouldUpdate(s), e ? (this.willUpdate(s), (t = this._$EO) == null || t.forEach((i) => {
1574
- var r;
1575
- return (r = i.hostUpdate) == null ? void 0 : r.call(i);
1591
+ var C;
1592
+ return (C = i.hostUpdate) == null ? void 0 : C.call(i);
1576
1593
  }), this.update(s)) : this._$EU();
1577
1594
  } catch (i) {
1578
1595
  throw e = !1, this._$EU(), i;
@@ -1608,38 +1625,38 @@ let k = class extends HTMLElement {
1608
1625
  firstUpdated(t) {
1609
1626
  }
1610
1627
  };
1611
- k.elementStyles = [], k.shadowRootOptions = { mode: "open" }, k[F("elementProperties")] = /* @__PURE__ */ new Map(), k[F("finalized")] = /* @__PURE__ */ new Map(), e5 == null || e5({ ReactiveElement: k }), (S.reactiveElementVersions ?? (S.reactiveElementVersions = [])).push("2.0.4");
1628
+ T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[F("elementProperties")] = /* @__PURE__ */ new Map(), T[F("finalized")] = /* @__PURE__ */ new Map(), e5 == null || e5({ ReactiveElement: T }), (S.reactiveElementVersions ?? (S.reactiveElementVersions = [])).push("2.0.4");
1612
1629
  /**
1613
1630
  * @license
1614
1631
  * Copyright 2017 Google LLC
1615
1632
  * SPDX-License-Identifier: BSD-3-Clause
1616
1633
  */
1617
- const m2 = { attribute: !0, type: String, converter: c1, reflect: !1, hasChanged: H1 }, _2 = (C = m2, t, e) => {
1634
+ const m2 = { attribute: !0, type: String, converter: c1, reflect: !1, hasChanged: H1 }, _2 = (r = m2, t, e) => {
1618
1635
  const { kind: s, metadata: i } = e;
1619
- let r = globalThis.litPropertyMetadata.get(i);
1620
- if (r === void 0 && globalThis.litPropertyMetadata.set(i, r = /* @__PURE__ */ new Map()), r.set(e.name, C), s === "accessor") {
1636
+ let C = globalThis.litPropertyMetadata.get(i);
1637
+ if (C === void 0 && globalThis.litPropertyMetadata.set(i, C = /* @__PURE__ */ new Map()), C.set(e.name, r), s === "accessor") {
1621
1638
  const { name: o } = e;
1622
1639
  return { set(n) {
1623
1640
  const l = t.get.call(this);
1624
- t.set.call(this, n), this.requestUpdate(o, l, C);
1641
+ t.set.call(this, n), this.requestUpdate(o, l, r);
1625
1642
  }, init(n) {
1626
- return n !== void 0 && this.P(o, void 0, C), n;
1643
+ return n !== void 0 && this.P(o, void 0, r), n;
1627
1644
  } };
1628
1645
  }
1629
1646
  if (s === "setter") {
1630
1647
  const { name: o } = e;
1631
1648
  return function(n) {
1632
1649
  const l = this[o];
1633
- t.call(this, n), this.requestUpdate(o, l, C);
1650
+ t.call(this, n), this.requestUpdate(o, l, r);
1634
1651
  };
1635
1652
  }
1636
1653
  throw Error("Unsupported decorator location: " + s);
1637
1654
  };
1638
- function u1(C) {
1639
- return (t, e) => typeof e == "object" ? _2(C, t, e) : ((s, i, r) => {
1640
- const o = i.hasOwnProperty(r);
1641
- return i.constructor.createProperty(r, o ? { ...s, wrapped: !0 } : s), o ? Object.getOwnPropertyDescriptor(i, r) : void 0;
1642
- })(C, t, e);
1655
+ function u1(r) {
1656
+ return (t, e) => typeof e == "object" ? _2(r, t, e) : ((s, i, C) => {
1657
+ const o = i.hasOwnProperty(C);
1658
+ return i.constructor.createProperty(C, o ? { ...s, wrapped: !0 } : s), o ? Object.getOwnPropertyDescriptor(i, C) : void 0;
1659
+ })(r, t, e);
1643
1660
  }
1644
1661
  const $2 = X`
1645
1662
  :host {
@@ -1659,19 +1676,19 @@ const $2 = X`
1659
1676
  --_nys-label-font-size: var(--nys-font-size-ui-md, 16px);
1660
1677
  --_nys-label-line-height: var(--nys-font-lineheight-ui-md, 24px);
1661
1678
  --_nys-label-letter-spacing: var(--nys-font-letterspacing-ui-md, 0.044px);
1662
- --_nys-label-font-color: var(--nys-color-ink, #1b1b1b);
1679
+ --_nys-label-font-color: var(--nys-color-text, #1b1b1b);
1663
1680
 
1664
1681
  /* Description */
1665
1682
  --nys-description-font-weight: var(--nys-font-weight-regular, 400);
1666
1683
  --nys-description-font-style: italic;
1667
- --nys-description-font-color: var(--nys-neutral-900, #1b1b1b);
1684
+ --nys-description-font-color: var(--nys-color-text, #1b1b1b);
1668
1685
 
1669
1686
  /* Required Flag */
1670
1687
  --nys-required-font-color: var(--nys-color-danger, #b52c2c);
1671
1688
 
1672
1689
  /* Optional Flag */
1673
1690
  --nys-optional-font-weight: var(--nys-font-weight-regular, 400);
1674
- --nys-optional-font-color: var(--nys-color-neutral-700, #4a4d4f);
1691
+ --nys-optional-font-color: var(--nys-color-text-weak, #4a4d4f);
1675
1692
 
1676
1693
  /* Spacing */
1677
1694
  --_nys-label-flag-gap: var(--nys-space-2px, 2px);
@@ -1713,9 +1730,9 @@ const $2 = X`
1713
1730
  color: var(--nys-optional-font-color);
1714
1731
  }
1715
1732
  `;
1716
- var L2 = Object.defineProperty, g1 = (C, t, e, s) => {
1717
- for (var i = void 0, r = C.length - 1, o; r >= 0; r--)
1718
- (o = C[r]) && (i = o(t, e, i) || i);
1733
+ var L2 = Object.defineProperty, g1 = (r, t, e, s) => {
1734
+ for (var i = void 0, C = r.length - 1, o; C >= 0; C--)
1735
+ (o = r[C]) && (i = o(t, e, i) || i);
1719
1736
  return i && L2(t, e, i), i;
1720
1737
  };
1721
1738
  const L5 = class extends Q {
@@ -1753,7 +1770,7 @@ g1([
1753
1770
  ], t1.prototype, "flag");
1754
1771
  customElements.get("nys-label") || customElements.define("nys-label", t1);
1755
1772
  /*!
1756
- * Error Message v1.1.0
1773
+ * Error Message v1.1.1
1757
1774
  * Part of the New York State Design System
1758
1775
  * A design system for New York State's digital products.
1759
1776
  * Repository: https://github.com/its-hcd/nysds
@@ -1764,70 +1781,70 @@ customElements.get("nys-label") || customElements.define("nys-label", t1);
1764
1781
  * Copyright 2019 Google LLC
1765
1782
  * SPDX-License-Identifier: BSD-3-Clause
1766
1783
  */
1767
- const r1 = globalThis, V1 = r1.ShadowRoot && (r1.ShadyCSS === void 0 || r1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, M5 = Symbol(), i5 = /* @__PURE__ */ new WeakMap();
1784
+ const C1 = globalThis, V1 = C1.ShadowRoot && (C1.ShadyCSS === void 0 || C1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, M5 = Symbol(), i5 = /* @__PURE__ */ new WeakMap();
1768
1785
  let M2 = class {
1769
- constructor(C, t, e) {
1786
+ constructor(r, t, e) {
1770
1787
  if (this._$cssResult$ = !0, e !== M5) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
1771
- this.cssText = C, this.t = t;
1788
+ this.cssText = r, this.t = t;
1772
1789
  }
1773
1790
  get styleSheet() {
1774
- let C = this.o;
1791
+ let r = this.o;
1775
1792
  const t = this.t;
1776
- if (V1 && C === void 0) {
1793
+ if (V1 && r === void 0) {
1777
1794
  const e = t !== void 0 && t.length === 1;
1778
- e && (C = i5.get(t)), C === void 0 && ((this.o = C = new CSSStyleSheet()).replaceSync(this.cssText), e && i5.set(t, C));
1795
+ e && (r = i5.get(t)), r === void 0 && ((this.o = r = new CSSStyleSheet()).replaceSync(this.cssText), e && i5.set(t, r));
1779
1796
  }
1780
- return C;
1797
+ return r;
1781
1798
  }
1782
1799
  toString() {
1783
1800
  return this.cssText;
1784
1801
  }
1785
1802
  };
1786
- const x2 = (C) => new M2(typeof C == "string" ? C : C + "", void 0, M5), b2 = (C, t) => {
1787
- if (V1) C.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
1803
+ const x2 = (r) => new M2(typeof r == "string" ? r : r + "", void 0, M5), b2 = (r, t) => {
1804
+ if (V1) r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
1788
1805
  else for (const e of t) {
1789
- const s = document.createElement("style"), i = r1.litNonce;
1790
- i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, C.appendChild(s);
1806
+ const s = document.createElement("style"), i = C1.litNonce;
1807
+ i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, r.appendChild(s);
1791
1808
  }
1792
- }, C5 = V1 ? (C) => C : (C) => C instanceof CSSStyleSheet ? ((t) => {
1809
+ }, r5 = V1 ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
1793
1810
  let e = "";
1794
1811
  for (const s of t.cssRules) e += s.cssText;
1795
1812
  return x2(e);
1796
- })(C) : C;
1813
+ })(r) : r;
1797
1814
  /**
1798
1815
  * @license
1799
1816
  * Copyright 2017 Google LLC
1800
1817
  * SPDX-License-Identifier: BSD-3-Clause
1801
1818
  */
1802
- const { is: E2, defineProperty: Z2, getOwnPropertyDescriptor: S2, getOwnPropertyNames: H2, getOwnPropertySymbols: V2, getPrototypeOf: P2 } = Object, H = globalThis, r5 = H.trustedTypes, A2 = r5 ? r5.emptyScript : "", o5 = H.reactiveElementPolyfillSupport, J = (C, t) => C, d1 = { toAttribute(C, t) {
1819
+ const { is: E2, defineProperty: Z2, getOwnPropertyDescriptor: S2, getOwnPropertyNames: H2, getOwnPropertySymbols: V2, getPrototypeOf: P2 } = Object, H = globalThis, C5 = H.trustedTypes, A2 = C5 ? C5.emptyScript : "", o5 = H.reactiveElementPolyfillSupport, J = (r, t) => r, d1 = { toAttribute(r, t) {
1803
1820
  switch (t) {
1804
1821
  case Boolean:
1805
- C = C ? A2 : null;
1822
+ r = r ? A2 : null;
1806
1823
  break;
1807
1824
  case Object:
1808
1825
  case Array:
1809
- C = C == null ? C : JSON.stringify(C);
1826
+ r = r == null ? r : JSON.stringify(r);
1810
1827
  }
1811
- return C;
1812
- }, fromAttribute(C, t) {
1813
- let e = C;
1828
+ return r;
1829
+ }, fromAttribute(r, t) {
1830
+ let e = r;
1814
1831
  switch (t) {
1815
1832
  case Boolean:
1816
- e = C !== null;
1833
+ e = r !== null;
1817
1834
  break;
1818
1835
  case Number:
1819
- e = C === null ? null : Number(C);
1836
+ e = r === null ? null : Number(r);
1820
1837
  break;
1821
1838
  case Object:
1822
1839
  case Array:
1823
1840
  try {
1824
- e = JSON.parse(C);
1841
+ e = JSON.parse(r);
1825
1842
  } catch {
1826
1843
  e = null;
1827
1844
  }
1828
1845
  }
1829
1846
  return e;
1830
- } }, P1 = (C, t) => !E2(C, t), n5 = { attribute: !0, type: String, converter: d1, reflect: !1, hasChanged: P1 };
1847
+ } }, P1 = (r, t) => !E2(r, t), n5 = { attribute: !0, type: String, converter: d1, reflect: !1, hasChanged: P1 };
1831
1848
  Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), H.litPropertyMetadata ?? (H.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
1832
1849
  class j extends HTMLElement {
1833
1850
  static addInitializer(t) {
@@ -1843,7 +1860,7 @@ class j extends HTMLElement {
1843
1860
  }
1844
1861
  }
1845
1862
  static getPropertyDescriptor(t, e, s) {
1846
- const { get: i, set: r } = S2(this.prototype, t) ?? { get() {
1863
+ const { get: i, set: C } = S2(this.prototype, t) ?? { get() {
1847
1864
  return this[e];
1848
1865
  }, set(o) {
1849
1866
  this[e] = o;
@@ -1852,7 +1869,7 @@ class j extends HTMLElement {
1852
1869
  return i == null ? void 0 : i.call(this);
1853
1870
  }, set(o) {
1854
1871
  const n = i == null ? void 0 : i.call(this);
1855
- r.call(this, o), this.requestUpdate(t, n, s);
1872
+ C.call(this, o), this.requestUpdate(t, n, s);
1856
1873
  }, configurable: !0, enumerable: !0 };
1857
1874
  }
1858
1875
  static getPropertyOptions(t) {
@@ -1885,8 +1902,8 @@ class j extends HTMLElement {
1885
1902
  const e = [];
1886
1903
  if (Array.isArray(t)) {
1887
1904
  const s = new Set(t.flat(1 / 0).reverse());
1888
- for (const i of s) e.unshift(C5(i));
1889
- } else t !== void 0 && e.push(C5(t));
1905
+ for (const i of s) e.unshift(r5(i));
1906
+ } else t !== void 0 && e.push(r5(t));
1890
1907
  return e;
1891
1908
  }
1892
1909
  static _$Eu(t, e) {
@@ -1938,18 +1955,18 @@ class j extends HTMLElement {
1938
1955
  }
1939
1956
  _$EC(t, e) {
1940
1957
  var s;
1941
- const i = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, i);
1942
- if (r !== void 0 && i.reflect === !0) {
1958
+ const i = this.constructor.elementProperties.get(t), C = this.constructor._$Eu(t, i);
1959
+ if (C !== void 0 && i.reflect === !0) {
1943
1960
  const o = (((s = i.converter) == null ? void 0 : s.toAttribute) !== void 0 ? i.converter : d1).toAttribute(e, i.type);
1944
- this._$Em = t, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$Em = null;
1961
+ this._$Em = t, o == null ? this.removeAttribute(C) : this.setAttribute(C, o), this._$Em = null;
1945
1962
  }
1946
1963
  }
1947
1964
  _$AK(t, e) {
1948
1965
  var s;
1949
- const i = this.constructor, r = i._$Eh.get(t);
1950
- if (r !== void 0 && this._$Em !== r) {
1951
- const o = i.getPropertyOptions(r), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((s = o.converter) == null ? void 0 : s.fromAttribute) !== void 0 ? o.converter : d1;
1952
- this._$Em = r, this[r] = n.fromAttribute(e, o.type), this._$Em = null;
1966
+ const i = this.constructor, C = i._$Eh.get(t);
1967
+ if (C !== void 0 && this._$Em !== C) {
1968
+ const o = i.getPropertyOptions(C), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((s = o.converter) == null ? void 0 : s.fromAttribute) !== void 0 ? o.converter : d1;
1969
+ this._$Em = C, this[C] = n.fromAttribute(e, o.type), this._$Em = null;
1953
1970
  }
1954
1971
  }
1955
1972
  requestUpdate(t, e, s) {
@@ -1980,18 +1997,18 @@ class j extends HTMLElement {
1980
1997
  if (!this.isUpdatePending) return;
1981
1998
  if (!this.hasUpdated) {
1982
1999
  if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
1983
- for (const [r, o] of this._$Ep) this[r] = o;
2000
+ for (const [C, o] of this._$Ep) this[C] = o;
1984
2001
  this._$Ep = void 0;
1985
2002
  }
1986
2003
  const i = this.constructor.elementProperties;
1987
- if (i.size > 0) for (const [r, o] of i) o.wrapped !== !0 || this._$AL.has(r) || this[r] === void 0 || this.P(r, this[r], o);
2004
+ if (i.size > 0) for (const [C, o] of i) o.wrapped !== !0 || this._$AL.has(C) || this[C] === void 0 || this.P(C, this[C], o);
1988
2005
  }
1989
2006
  let e = !1;
1990
2007
  const s = this._$AL;
1991
2008
  try {
1992
2009
  e = this.shouldUpdate(s), e ? (this.willUpdate(s), (t = this._$EO) == null || t.forEach((i) => {
1993
- var r;
1994
- return (r = i.hostUpdate) == null ? void 0 : r.call(i);
2010
+ var C;
2011
+ return (C = i.hostUpdate) == null ? void 0 : C.call(i);
1995
2012
  }), this.update(s)) : this._$EU();
1996
2013
  } catch (i) {
1997
2014
  throw e = !1, this._$EU(), i;
@@ -2033,32 +2050,32 @@ j.elementStyles = [], j.shadowRootOptions = { mode: "open" }, j[J("elementProper
2033
2050
  * Copyright 2017 Google LLC
2034
2051
  * SPDX-License-Identifier: BSD-3-Clause
2035
2052
  */
2036
- const U2 = { attribute: !0, type: String, converter: d1, reflect: !1, hasChanged: P1 }, O2 = (C = U2, t, e) => {
2053
+ const U2 = { attribute: !0, type: String, converter: d1, reflect: !1, hasChanged: P1 }, O2 = (r = U2, t, e) => {
2037
2054
  const { kind: s, metadata: i } = e;
2038
- let r = globalThis.litPropertyMetadata.get(i);
2039
- if (r === void 0 && globalThis.litPropertyMetadata.set(i, r = /* @__PURE__ */ new Map()), r.set(e.name, C), s === "accessor") {
2055
+ let C = globalThis.litPropertyMetadata.get(i);
2056
+ if (C === void 0 && globalThis.litPropertyMetadata.set(i, C = /* @__PURE__ */ new Map()), C.set(e.name, r), s === "accessor") {
2040
2057
  const { name: o } = e;
2041
2058
  return { set(n) {
2042
2059
  const l = t.get.call(this);
2043
- t.set.call(this, n), this.requestUpdate(o, l, C);
2060
+ t.set.call(this, n), this.requestUpdate(o, l, r);
2044
2061
  }, init(n) {
2045
- return n !== void 0 && this.P(o, void 0, C), n;
2062
+ return n !== void 0 && this.P(o, void 0, r), n;
2046
2063
  } };
2047
2064
  }
2048
2065
  if (s === "setter") {
2049
2066
  const { name: o } = e;
2050
2067
  return function(n) {
2051
2068
  const l = this[o];
2052
- t.call(this, n), this.requestUpdate(o, l, C);
2069
+ t.call(this, n), this.requestUpdate(o, l, r);
2053
2070
  };
2054
2071
  }
2055
2072
  throw Error("Unsupported decorator location: " + s);
2056
2073
  };
2057
- function A1(C) {
2058
- return (t, e) => typeof e == "object" ? O2(C, t, e) : ((s, i, r) => {
2059
- const o = i.hasOwnProperty(r);
2060
- return i.constructor.createProperty(r, o ? { ...s, wrapped: !0 } : s), o ? Object.getOwnPropertyDescriptor(i, r) : void 0;
2061
- })(C, t, e);
2074
+ function A1(r) {
2075
+ return (t, e) => typeof e == "object" ? O2(r, t, e) : ((s, i, C) => {
2076
+ const o = i.hasOwnProperty(C);
2077
+ return i.constructor.createProperty(C, o ? { ...s, wrapped: !0 } : s), o ? Object.getOwnPropertyDescriptor(i, C) : void 0;
2078
+ })(r, t, e);
2062
2079
  }
2063
2080
  const z2 = X`
2064
2081
  :host {
@@ -2115,7 +2132,7 @@ const z2 = X`
2115
2132
  * ▒█▒█▒█ ▒█▄▄▄█ ░▀▀▀▄▄ ▒█░▒█ ░▀▀▀▄▄
2116
2133
  * ▒█░░▀█ ░░▒█░░ ▒█▄▄▄█ ▒█▄▄▀ ▒█▄▄▄█
2117
2134
  *
2118
- * Icon Component v1.1.0
2135
+ * Icon Component v1.1.1
2119
2136
  * Part of the New York State Design System
2120
2137
  * Repository: https://github.com/its-hcd/nysds
2121
2138
  * License: MIT
@@ -2127,68 +2144,68 @@ const z2 = X`
2127
2144
  */
2128
2145
  const o1 = globalThis, U1 = o1.ShadowRoot && (o1.ShadyCSS === void 0 || o1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, x5 = Symbol(), l5 = /* @__PURE__ */ new WeakMap();
2129
2146
  let B2 = class {
2130
- constructor(C, t, e) {
2147
+ constructor(r, t, e) {
2131
2148
  if (this._$cssResult$ = !0, e !== x5) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
2132
- this.cssText = C, this.t = t;
2149
+ this.cssText = r, this.t = t;
2133
2150
  }
2134
2151
  get styleSheet() {
2135
- let C = this.o;
2152
+ let r = this.o;
2136
2153
  const t = this.t;
2137
- if (U1 && C === void 0) {
2154
+ if (U1 && r === void 0) {
2138
2155
  const e = t !== void 0 && t.length === 1;
2139
- e && (C = l5.get(t)), C === void 0 && ((this.o = C = new CSSStyleSheet()).replaceSync(this.cssText), e && l5.set(t, C));
2156
+ e && (r = l5.get(t)), r === void 0 && ((this.o = r = new CSSStyleSheet()).replaceSync(this.cssText), e && l5.set(t, r));
2140
2157
  }
2141
- return C;
2158
+ return r;
2142
2159
  }
2143
2160
  toString() {
2144
2161
  return this.cssText;
2145
2162
  }
2146
2163
  };
2147
- const R2 = (C) => new B2(typeof C == "string" ? C : C + "", void 0, x5), T2 = (C, t) => {
2148
- if (U1) C.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
2164
+ const R2 = (r) => new B2(typeof r == "string" ? r : r + "", void 0, x5), k2 = (r, t) => {
2165
+ if (U1) r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
2149
2166
  else for (const e of t) {
2150
2167
  const s = document.createElement("style"), i = o1.litNonce;
2151
- i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, C.appendChild(s);
2168
+ i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, r.appendChild(s);
2152
2169
  }
2153
- }, a5 = U1 ? (C) => C : (C) => C instanceof CSSStyleSheet ? ((t) => {
2170
+ }, a5 = U1 ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
2154
2171
  let e = "";
2155
2172
  for (const s of t.cssRules) e += s.cssText;
2156
2173
  return R2(e);
2157
- })(C) : C;
2174
+ })(r) : r;
2158
2175
  /**
2159
2176
  * @license
2160
2177
  * Copyright 2017 Google LLC
2161
2178
  * SPDX-License-Identifier: BSD-3-Clause
2162
2179
  */
2163
- const { is: k2, defineProperty: j2, getOwnPropertyDescriptor: N2, getOwnPropertyNames: D2, getOwnPropertySymbols: I2, getPrototypeOf: q2 } = Object, V = globalThis, h5 = V.trustedTypes, W2 = h5 ? h5.emptyScript : "", c5 = V.reactiveElementPolyfillSupport, K = (C, t) => C, p1 = { toAttribute(C, t) {
2180
+ const { is: T2, defineProperty: j2, getOwnPropertyDescriptor: N2, getOwnPropertyNames: D2, getOwnPropertySymbols: I2, getPrototypeOf: q2 } = Object, V = globalThis, h5 = V.trustedTypes, W2 = h5 ? h5.emptyScript : "", c5 = V.reactiveElementPolyfillSupport, K = (r, t) => r, p1 = { toAttribute(r, t) {
2164
2181
  switch (t) {
2165
2182
  case Boolean:
2166
- C = C ? W2 : null;
2183
+ r = r ? W2 : null;
2167
2184
  break;
2168
2185
  case Object:
2169
2186
  case Array:
2170
- C = C == null ? C : JSON.stringify(C);
2187
+ r = r == null ? r : JSON.stringify(r);
2171
2188
  }
2172
- return C;
2173
- }, fromAttribute(C, t) {
2174
- let e = C;
2189
+ return r;
2190
+ }, fromAttribute(r, t) {
2191
+ let e = r;
2175
2192
  switch (t) {
2176
2193
  case Boolean:
2177
- e = C !== null;
2194
+ e = r !== null;
2178
2195
  break;
2179
2196
  case Number:
2180
- e = C === null ? null : Number(C);
2197
+ e = r === null ? null : Number(r);
2181
2198
  break;
2182
2199
  case Object:
2183
2200
  case Array:
2184
2201
  try {
2185
- e = JSON.parse(C);
2202
+ e = JSON.parse(r);
2186
2203
  } catch {
2187
2204
  e = null;
2188
2205
  }
2189
2206
  }
2190
2207
  return e;
2191
- } }, O1 = (C, t) => !k2(C, t), d5 = { attribute: !0, type: String, converter: p1, reflect: !1, hasChanged: O1 };
2208
+ } }, O1 = (r, t) => !T2(r, t), d5 = { attribute: !0, type: String, converter: p1, reflect: !1, hasChanged: O1 };
2192
2209
  Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), V.litPropertyMetadata ?? (V.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
2193
2210
  class N extends HTMLElement {
2194
2211
  static addInitializer(t) {
@@ -2204,7 +2221,7 @@ class N extends HTMLElement {
2204
2221
  }
2205
2222
  }
2206
2223
  static getPropertyDescriptor(t, e, s) {
2207
- const { get: i, set: r } = N2(this.prototype, t) ?? { get() {
2224
+ const { get: i, set: C } = N2(this.prototype, t) ?? { get() {
2208
2225
  return this[e];
2209
2226
  }, set(o) {
2210
2227
  this[e] = o;
@@ -2213,7 +2230,7 @@ class N extends HTMLElement {
2213
2230
  return i == null ? void 0 : i.call(this);
2214
2231
  }, set(o) {
2215
2232
  const n = i == null ? void 0 : i.call(this);
2216
- r.call(this, o), this.requestUpdate(t, n, s);
2233
+ C.call(this, o), this.requestUpdate(t, n, s);
2217
2234
  }, configurable: !0, enumerable: !0 };
2218
2235
  }
2219
2236
  static getPropertyOptions(t) {
@@ -2276,7 +2293,7 @@ class N extends HTMLElement {
2276
2293
  }
2277
2294
  createRenderRoot() {
2278
2295
  const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
2279
- return T2(t, this.constructor.elementStyles), t;
2296
+ return k2(t, this.constructor.elementStyles), t;
2280
2297
  }
2281
2298
  connectedCallback() {
2282
2299
  var t;
@@ -2299,18 +2316,18 @@ class N extends HTMLElement {
2299
2316
  }
2300
2317
  _$EC(t, e) {
2301
2318
  var s;
2302
- const i = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, i);
2303
- if (r !== void 0 && i.reflect === !0) {
2319
+ const i = this.constructor.elementProperties.get(t), C = this.constructor._$Eu(t, i);
2320
+ if (C !== void 0 && i.reflect === !0) {
2304
2321
  const o = (((s = i.converter) == null ? void 0 : s.toAttribute) !== void 0 ? i.converter : p1).toAttribute(e, i.type);
2305
- this._$Em = t, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$Em = null;
2322
+ this._$Em = t, o == null ? this.removeAttribute(C) : this.setAttribute(C, o), this._$Em = null;
2306
2323
  }
2307
2324
  }
2308
2325
  _$AK(t, e) {
2309
2326
  var s;
2310
- const i = this.constructor, r = i._$Eh.get(t);
2311
- if (r !== void 0 && this._$Em !== r) {
2312
- const o = i.getPropertyOptions(r), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((s = o.converter) == null ? void 0 : s.fromAttribute) !== void 0 ? o.converter : p1;
2313
- this._$Em = r, this[r] = n.fromAttribute(e, o.type), this._$Em = null;
2327
+ const i = this.constructor, C = i._$Eh.get(t);
2328
+ if (C !== void 0 && this._$Em !== C) {
2329
+ const o = i.getPropertyOptions(C), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((s = o.converter) == null ? void 0 : s.fromAttribute) !== void 0 ? o.converter : p1;
2330
+ this._$Em = C, this[C] = n.fromAttribute(e, o.type), this._$Em = null;
2314
2331
  }
2315
2332
  }
2316
2333
  requestUpdate(t, e, s) {
@@ -2341,18 +2358,18 @@ class N extends HTMLElement {
2341
2358
  if (!this.isUpdatePending) return;
2342
2359
  if (!this.hasUpdated) {
2343
2360
  if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
2344
- for (const [r, o] of this._$Ep) this[r] = o;
2361
+ for (const [C, o] of this._$Ep) this[C] = o;
2345
2362
  this._$Ep = void 0;
2346
2363
  }
2347
2364
  const i = this.constructor.elementProperties;
2348
- if (i.size > 0) for (const [r, o] of i) o.wrapped !== !0 || this._$AL.has(r) || this[r] === void 0 || this.P(r, this[r], o);
2365
+ if (i.size > 0) for (const [C, o] of i) o.wrapped !== !0 || this._$AL.has(C) || this[C] === void 0 || this.P(C, this[C], o);
2349
2366
  }
2350
2367
  let e = !1;
2351
2368
  const s = this._$AL;
2352
2369
  try {
2353
2370
  e = this.shouldUpdate(s), e ? (this.willUpdate(s), (t = this._$EO) == null || t.forEach((i) => {
2354
- var r;
2355
- return (r = i.hostUpdate) == null ? void 0 : r.call(i);
2371
+ var C;
2372
+ return (C = i.hostUpdate) == null ? void 0 : C.call(i);
2356
2373
  }), this.update(s)) : this._$EU();
2357
2374
  } catch (i) {
2358
2375
  throw e = !1, this._$EU(), i;
@@ -2394,32 +2411,32 @@ N.elementStyles = [], N.shadowRootOptions = { mode: "open" }, N[K("elementProper
2394
2411
  * Copyright 2017 Google LLC
2395
2412
  * SPDX-License-Identifier: BSD-3-Clause
2396
2413
  */
2397
- const F2 = { attribute: !0, type: String, converter: p1, reflect: !1, hasChanged: O1 }, J2 = (C = F2, t, e) => {
2414
+ const F2 = { attribute: !0, type: String, converter: p1, reflect: !1, hasChanged: O1 }, J2 = (r = F2, t, e) => {
2398
2415
  const { kind: s, metadata: i } = e;
2399
- let r = globalThis.litPropertyMetadata.get(i);
2400
- if (r === void 0 && globalThis.litPropertyMetadata.set(i, r = /* @__PURE__ */ new Map()), r.set(e.name, C), s === "accessor") {
2416
+ let C = globalThis.litPropertyMetadata.get(i);
2417
+ if (C === void 0 && globalThis.litPropertyMetadata.set(i, C = /* @__PURE__ */ new Map()), C.set(e.name, r), s === "accessor") {
2401
2418
  const { name: o } = e;
2402
2419
  return { set(n) {
2403
2420
  const l = t.get.call(this);
2404
- t.set.call(this, n), this.requestUpdate(o, l, C);
2421
+ t.set.call(this, n), this.requestUpdate(o, l, r);
2405
2422
  }, init(n) {
2406
- return n !== void 0 && this.P(o, void 0, C), n;
2423
+ return n !== void 0 && this.P(o, void 0, r), n;
2407
2424
  } };
2408
2425
  }
2409
2426
  if (s === "setter") {
2410
2427
  const { name: o } = e;
2411
2428
  return function(n) {
2412
2429
  const l = this[o];
2413
- t.call(this, n), this.requestUpdate(o, l, C);
2430
+ t.call(this, n), this.requestUpdate(o, l, r);
2414
2431
  };
2415
2432
  }
2416
2433
  throw Error("Unsupported decorator location: " + s);
2417
2434
  };
2418
- function U(C) {
2419
- return (t, e) => typeof e == "object" ? J2(C, t, e) : ((s, i, r) => {
2420
- const o = i.hasOwnProperty(r);
2421
- return i.constructor.createProperty(r, o ? { ...s, wrapped: !0 } : s), o ? Object.getOwnPropertyDescriptor(i, r) : void 0;
2422
- })(C, t, e);
2435
+ function U(r) {
2436
+ return (t, e) => typeof e == "object" ? J2(r, t, e) : ((s, i, C) => {
2437
+ const o = i.hasOwnProperty(C);
2438
+ return i.constructor.createProperty(C, o ? { ...s, wrapped: !0 } : s), o ? Object.getOwnPropertyDescriptor(i, C) : void 0;
2439
+ })(r, t, e);
2423
2440
  }
2424
2441
  const K2 = {
2425
2442
  // --------- UX Team Main Library (below) --------- //
@@ -2717,9 +2734,9 @@ const K2 = {
2717
2734
  transform: scale(-1, -1);
2718
2735
  }
2719
2736
  `;
2720
- var Y2 = Object.defineProperty, X2 = Object.getOwnPropertyDescriptor, O = (C, t, e, s) => {
2721
- for (var i = s > 1 ? void 0 : s ? X2(t, e) : t, r = C.length - 1, o; r >= 0; r--)
2722
- (o = C[r]) && (i = (s ? o(t, e, i) : o(i)) || i);
2737
+ var Y2 = Object.defineProperty, X2 = Object.getOwnPropertyDescriptor, O = (r, t, e, s) => {
2738
+ for (var i = s > 1 ? void 0 : s ? X2(t, e) : t, C = r.length - 1, o; C >= 0; C--)
2739
+ (o = r[C]) && (i = (s ? o(t, e, i) : o(i)) || i);
2723
2740
  return s && i && Y2(t, e, i), i;
2724
2741
  }, D;
2725
2742
  const b = (D = class extends Q {
@@ -2729,20 +2746,20 @@ const b = (D = class extends Q {
2729
2746
  get size() {
2730
2747
  return this._size;
2731
2748
  }
2732
- set size(C) {
2749
+ set size(r) {
2733
2750
  this._size = D.VALID_TYPES.includes(
2734
- C
2735
- ) ? C : "sm";
2751
+ r
2752
+ ) ? r : "sm";
2736
2753
  }
2737
2754
  getIcon() {
2738
- const C = K2[this.name], t = !!this.label;
2739
- if (!C) return null;
2740
- const e = new DOMParser().parseFromString(C, "image/svg+xml").documentElement;
2755
+ const r = K2[this.name], t = !!this.label;
2756
+ if (!r) return null;
2757
+ const e = new DOMParser().parseFromString(r, "image/svg+xml").documentElement;
2741
2758
  return e instanceof SVGElement ? (e.setAttribute("role", "img"), e.setAttribute("aria-label", t ? this.label : ""), e.setAttribute("aria-hidden", t ? "false" : "true"), e.style.rotate = `${this.rotate}deg`, e.style.color = this.color || "currentcolor", e.classList.add(`nys-icon--${this.size}`), e.classList.add("nys-icon--svg"), this.flip && e.classList.add(`nys-icon--flip-${this.flip}`), e) : null;
2742
2759
  }
2743
2760
  render() {
2744
- const C = this.getIcon();
2745
- return C ? m`${C}` : null;
2761
+ const r = this.getIcon();
2762
+ return r ? m`${r}` : null;
2746
2763
  }
2747
2764
  }, D.styles = G2, D.VALID_TYPES = [
2748
2765
  "2xs",
@@ -2762,7 +2779,7 @@ const b = (D = class extends Q {
2762
2779
  "64"
2763
2780
  ], D);
2764
2781
  O([
2765
- U({ type: String })
2782
+ U({ type: String, reflect: !0 })
2766
2783
  ], b.prototype, "name", 2);
2767
2784
  O([
2768
2785
  U({ type: String })
@@ -2781,9 +2798,9 @@ O([
2781
2798
  ], b.prototype, "size", 1);
2782
2799
  let Q2 = b;
2783
2800
  customElements.get("nys-icon") || customElements.define("nys-icon", Q2);
2784
- var t7 = Object.defineProperty, z1 = (C, t, e, s) => {
2785
- for (var i = void 0, r = C.length - 1, o; r >= 0; r--)
2786
- (o = C[r]) && (i = o(t, e, i) || i);
2801
+ var t7 = Object.defineProperty, z1 = (r, t, e, s) => {
2802
+ for (var i = void 0, C = r.length - 1, o; C >= 0; C--)
2803
+ (o = r[C]) && (i = o(t, e, i) || i);
2787
2804
  return i && t7(t, e, i), i;
2788
2805
  };
2789
2806
  const L1 = class extends Q {
@@ -2810,9 +2827,9 @@ z1([
2810
2827
  A1({ type: Boolean, reflect: !0 })
2811
2828
  ], w1.prototype, "showDivider");
2812
2829
  customElements.get("nys-errormessage") || customElements.define("nys-errormessage", w1);
2813
- var e7 = Object.defineProperty, s7 = Object.getOwnPropertyDescriptor, u = (C, t, e, s) => {
2814
- for (var i = s > 1 ? void 0 : s ? s7(t, e) : t, r = C.length - 1, o; r >= 0; r--)
2815
- (o = C[r]) && (i = (s ? o(t, e, i) : o(i)) || i);
2830
+ var e7 = Object.defineProperty, s7 = Object.getOwnPropertyDescriptor, v = (r, t, e, s) => {
2831
+ for (var i = s > 1 ? void 0 : s ? s7(t, e) : t, C = r.length - 1, o; C >= 0; C--)
2832
+ (o = r[C]) && (i = (s ? o(t, e, i) : o(i)) || i);
2816
2833
  return s && i && e7(t, e, i), i;
2817
2834
  };
2818
2835
  let i7 = 0;
@@ -2820,7 +2837,7 @@ var g;
2820
2837
  const d = (g = class extends Q {
2821
2838
  // allows use of elementInternals' API
2822
2839
  constructor() {
2823
- super(), this.id = "", this.name = "", this.label = "", this.description = "", this.placeholder = "", this.value = "", this.disabled = !1, this.readonly = !1, this.required = !1, this.form = "", this.maxlength = null, this.width = "full", this.rows = 4, this._resize = "vertical", this.showError = !1, this.errorMessage = "", this._hasUserInteracted = !1, this._internals = this.attachInternals();
2840
+ super(), this.id = "", this.name = "", this.label = "", this.description = "", this.placeholder = "", this.value = "", this.disabled = !1, this.readonly = !1, this.required = !1, this.optional = !1, this.form = "", this.maxlength = null, this.width = "full", this.rows = 4, this._resize = "vertical", this.showError = !1, this.errorMessage = "", this._hasUserInteracted = !1, this._internals = this.attachInternals();
2824
2841
  }
2825
2842
  get resize() {
2826
2843
  return this._resize;
@@ -2856,7 +2873,7 @@ const d = (g = class extends Q {
2856
2873
  const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector("textarea");
2857
2874
  if (!t) return;
2858
2875
  const e = this.errorMessage || "This field is required";
2859
- this.required && !this.value ? (this._internals.ariaRequired = "true", this._internals.setValidity({ valueMissing: !0 }, e, t), this.showError = !0) : (this._internals.ariaRequired = "false", this._internals.setValidity({}), this.showError = !1, this._hasUserInteracted = !1);
2876
+ this.required && !this.value ? (this._internals.ariaRequired = "true", this._internals.setValidity({ valueMissing: !0 }, e, t)) : (this._internals.ariaRequired = "false", this._internals.setValidity({}), this._hasUserInteracted = !1);
2860
2877
  }
2861
2878
  _setValidityMessage(t = "") {
2862
2879
  var s;
@@ -2875,8 +2892,22 @@ const d = (g = class extends Q {
2875
2892
  this._setValidityMessage(e);
2876
2893
  }
2877
2894
  /********************** Functions **********************/
2878
- _handleInvalid() {
2879
- this._hasUserInteracted = !0, this._validate();
2895
+ // This helper function is called to perform the element's native validation.
2896
+ checkValidity() {
2897
+ var e;
2898
+ const t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("textarea");
2899
+ return t ? t.checkValidity() : !0;
2900
+ }
2901
+ _handleInvalid(t) {
2902
+ var s;
2903
+ t.preventDefault(), this._hasUserInteracted = !0, this._validate();
2904
+ const e = (s = this.shadowRoot) == null ? void 0 : s.querySelector("textarea");
2905
+ if (e) {
2906
+ const i = this._internals.form;
2907
+ i ? Array.from(i.elements).find(
2908
+ (n) => typeof n.checkValidity == "function" && !n.checkValidity()
2909
+ ) === this && e.focus() : e.focus();
2910
+ }
2880
2911
  }
2881
2912
  /******************** Event Handlers ********************/
2882
2913
  // Handle input event to check pattern validity
@@ -2928,7 +2959,7 @@ const d = (g = class extends Q {
2928
2959
  <nys-label
2929
2960
  label=${this.label}
2930
2961
  description=${this.description}
2931
- flag=${this.required ? "required" : ""}
2962
+ flag=${this.required ? "required" : this.optional ? "optional" : ""}
2932
2963
  >
2933
2964
  <slot name="description" slot="description">${this.description}</slot>
2934
2965
  </nys-label>
@@ -2964,57 +2995,60 @@ const d = (g = class extends Q {
2964
2995
  `;
2965
2996
  }
2966
2997
  }, g.VALID_WIDTHS = ["sm", "md", "lg", "full"], g.VALID_RESIZE = ["vertical", "none"], g.styles = R5, g.formAssociated = !0, g);
2967
- u([
2968
- v({ type: String })
2998
+ v([
2999
+ p({ type: String })
2969
3000
  ], d.prototype, "id", 2);
2970
- u([
2971
- v({ type: String })
3001
+ v([
3002
+ p({ type: String, reflect: !0 })
2972
3003
  ], d.prototype, "name", 2);
2973
- u([
2974
- v({ type: String })
3004
+ v([
3005
+ p({ type: String })
2975
3006
  ], d.prototype, "label", 2);
2976
- u([
2977
- v({ type: String })
3007
+ v([
3008
+ p({ type: String })
2978
3009
  ], d.prototype, "description", 2);
2979
- u([
2980
- v({ type: String })
3010
+ v([
3011
+ p({ type: String })
2981
3012
  ], d.prototype, "placeholder", 2);
2982
- u([
2983
- v({ type: String })
3013
+ v([
3014
+ p({ type: String })
2984
3015
  ], d.prototype, "value", 2);
2985
- u([
2986
- v({ type: Boolean, reflect: !0 })
3016
+ v([
3017
+ p({ type: Boolean, reflect: !0 })
2987
3018
  ], d.prototype, "disabled", 2);
2988
- u([
2989
- v({ type: Boolean, reflect: !0 })
3019
+ v([
3020
+ p({ type: Boolean, reflect: !0 })
2990
3021
  ], d.prototype, "readonly", 2);
2991
- u([
2992
- v({ type: Boolean, reflect: !0 })
3022
+ v([
3023
+ p({ type: Boolean, reflect: !0 })
2993
3024
  ], d.prototype, "required", 2);
2994
- u([
2995
- v({ type: String })
3025
+ v([
3026
+ p({ type: Boolean, reflect: !0 })
3027
+ ], d.prototype, "optional", 2);
3028
+ v([
3029
+ p({ type: String })
2996
3030
  ], d.prototype, "form", 2);
2997
- u([
2998
- v({ type: Number })
3031
+ v([
3032
+ p({ type: Number })
2999
3033
  ], d.prototype, "maxlength", 2);
3000
- u([
3001
- v({ reflect: !0 })
3034
+ v([
3035
+ p({ reflect: !0 })
3002
3036
  ], d.prototype, "width", 2);
3003
- u([
3004
- v({ type: Number })
3037
+ v([
3038
+ p({ type: Number })
3005
3039
  ], d.prototype, "rows", 2);
3006
- u([
3007
- v({ reflect: !0 })
3040
+ v([
3041
+ p({ reflect: !0 })
3008
3042
  ], d.prototype, "resize", 1);
3009
- u([
3010
- v({ type: Boolean, reflect: !0 })
3043
+ v([
3044
+ p({ type: Boolean, reflect: !0 })
3011
3045
  ], d.prototype, "showError", 2);
3012
- u([
3013
- v({ type: String })
3046
+ v([
3047
+ p({ type: String })
3014
3048
  ], d.prototype, "errorMessage", 2);
3015
- let C7 = d;
3016
- customElements.get("nys-textarea") || customElements.define("nys-textarea", C7);
3049
+ let r7 = d;
3050
+ customElements.get("nys-textarea") || customElements.define("nys-textarea", r7);
3017
3051
  export {
3018
- C7 as NysTextarea
3052
+ r7 as NysTextarea
3019
3053
  };
3020
3054
  //# sourceMappingURL=nys-textarea.js.map