@nysds/nys-textinput 1.2.0 → 1.3.0

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.
@@ -1,4 +1,4 @@
1
- import { css as qt, LitElement as jt, html as A } from "lit";
1
+ import { css as qt, LitElement as jt, html as x } from "lit";
2
2
  import "@nysds/nys-icon";
3
3
  import "@nysds/nys-label";
4
4
  import "@nysds/nys-errormessage";
@@ -17,8 +17,8 @@ import "@nysds/nys-errormessage";
17
17
  * Copyright 2019 Google LLC
18
18
  * SPDX-License-Identifier: BSD-3-Clause
19
19
  */
20
- const Q = globalThis, yt = Q.ShadowRoot && (Q.ShadyCSS === void 0 || Q.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Ft = Symbol(), mt = /* @__PURE__ */ new WeakMap();
21
- let oe = class {
20
+ const Q = globalThis, ft = Q.ShadowRoot && (Q.ShadyCSS === void 0 || Q.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Ft = Symbol(), mt = /* @__PURE__ */ new WeakMap();
21
+ let ne = class {
22
22
  constructor(t, e, s) {
23
23
  if (this._$cssResult$ = !0, s !== Ft) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
24
24
  this.cssText = t, this.t = e;
@@ -26,7 +26,7 @@ let oe = class {
26
26
  get styleSheet() {
27
27
  let t = this.o;
28
28
  const e = this.t;
29
- if (yt && t === void 0) {
29
+ if (ft && t === void 0) {
30
30
  const s = e !== void 0 && e.length === 1;
31
31
  s && (t = mt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && mt.set(e, t));
32
32
  }
@@ -36,53 +36,53 @@ let oe = class {
36
36
  return this.cssText;
37
37
  }
38
38
  };
39
- const ne = (o) => new oe(typeof o == "string" ? o : o + "", void 0, Ft), ie = (o, t) => {
40
- if (yt) o.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
39
+ const re = (n) => new ne(typeof n == "string" ? n : n + "", void 0, Ft), ie = (n, t) => {
40
+ if (ft) n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
41
41
  else for (const e of t) {
42
- const s = document.createElement("style"), r = Q.litNonce;
43
- r !== void 0 && s.setAttribute("nonce", r), s.textContent = e.cssText, o.appendChild(s);
42
+ const s = document.createElement("style"), o = Q.litNonce;
43
+ o !== void 0 && s.setAttribute("nonce", o), s.textContent = e.cssText, n.appendChild(s);
44
44
  }
45
- }, xt = yt ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((t) => {
45
+ }, xt = ft ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
46
46
  let e = "";
47
47
  for (const s of t.cssRules) e += s.cssText;
48
- return ne(e);
49
- })(o) : o;
48
+ return re(e);
49
+ })(n) : n;
50
50
  /**
51
51
  * @license
52
52
  * Copyright 2017 Google LLC
53
53
  * SPDX-License-Identifier: BSD-3-Clause
54
54
  */
55
- const { is: ae, defineProperty: le, getOwnPropertyDescriptor: he, getOwnPropertyNames: ce, getOwnPropertySymbols: de, getPrototypeOf: ue } = Object, I = globalThis, At = I.trustedTypes, pe = At ? At.emptyScript : "", ct = I.reactiveElementPolyfillSupport, j = (o, t) => o, tt = { toAttribute(o, t) {
55
+ const { is: ae, defineProperty: le, getOwnPropertyDescriptor: he, getOwnPropertyNames: ce, getOwnPropertySymbols: de, getPrototypeOf: ue } = Object, I = globalThis, At = I.trustedTypes, pe = At ? At.emptyScript : "", ct = I.reactiveElementPolyfillSupport, j = (n, t) => n, tt = { toAttribute(n, t) {
56
56
  switch (t) {
57
57
  case Boolean:
58
- o = o ? pe : null;
58
+ n = n ? pe : null;
59
59
  break;
60
60
  case Object:
61
61
  case Array:
62
- o = o == null ? o : JSON.stringify(o);
62
+ n = n == null ? n : JSON.stringify(n);
63
63
  }
64
- return o;
65
- }, fromAttribute(o, t) {
66
- let e = o;
64
+ return n;
65
+ }, fromAttribute(n, t) {
66
+ let e = n;
67
67
  switch (t) {
68
68
  case Boolean:
69
- e = o !== null;
69
+ e = n !== null;
70
70
  break;
71
71
  case Number:
72
- e = o === null ? null : Number(o);
72
+ e = n === null ? null : Number(n);
73
73
  break;
74
74
  case Object:
75
75
  case Array:
76
76
  try {
77
- e = JSON.parse(o);
77
+ e = JSON.parse(n);
78
78
  } catch {
79
79
  e = null;
80
80
  }
81
81
  }
82
82
  return e;
83
- } }, bt = (o, t) => !ae(o, t), wt = { attribute: !0, type: String, converter: tt, reflect: !1, hasChanged: bt };
83
+ } }, bt = (n, t) => !ae(n, t), wt = { attribute: !0, type: String, converter: tt, reflect: !1, hasChanged: bt };
84
84
  Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), I.litPropertyMetadata ?? (I.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
85
- let L = class extends HTMLElement {
85
+ class L extends HTMLElement {
86
86
  static addInitializer(t) {
87
87
  this._$Ei(), (this.l ?? (this.l = [])).push(t);
88
88
  }
@@ -91,21 +91,21 @@ let L = class extends HTMLElement {
91
91
  }
92
92
  static createProperty(t, e = wt) {
93
93
  if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
94
- const s = Symbol(), r = this.getPropertyDescriptor(t, s, e);
95
- r !== void 0 && le(this.prototype, t, r);
94
+ const s = Symbol(), o = this.getPropertyDescriptor(t, s, e);
95
+ o !== void 0 && le(this.prototype, t, o);
96
96
  }
97
97
  }
98
98
  static getPropertyDescriptor(t, e, s) {
99
- const { get: r, set: i } = he(this.prototype, t) ?? { get() {
99
+ const { get: o, set: i } = he(this.prototype, t) ?? { get() {
100
100
  return this[e];
101
- }, set(n) {
102
- this[e] = n;
101
+ }, set(r) {
102
+ this[e] = r;
103
103
  } };
104
104
  return { get() {
105
- return r == null ? void 0 : r.call(this);
106
- }, set(n) {
107
- const l = r == null ? void 0 : r.call(this);
108
- i.call(this, n), this.requestUpdate(t, l, s);
105
+ return o == null ? void 0 : o.call(this);
106
+ }, set(r) {
107
+ const l = o == null ? void 0 : o.call(this);
108
+ i.call(this, r), this.requestUpdate(t, l, s);
109
109
  }, configurable: !0, enumerable: !0 };
110
110
  }
111
111
  static getPropertyOptions(t) {
@@ -120,17 +120,17 @@ let L = class extends HTMLElement {
120
120
  if (this.hasOwnProperty(j("finalized"))) return;
121
121
  if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(j("properties"))) {
122
122
  const e = this.properties, s = [...ce(e), ...de(e)];
123
- for (const r of s) this.createProperty(r, e[r]);
123
+ for (const o of s) this.createProperty(o, e[o]);
124
124
  }
125
125
  const t = this[Symbol.metadata];
126
126
  if (t !== null) {
127
127
  const e = litPropertyMetadata.get(t);
128
- if (e !== void 0) for (const [s, r] of e) this.elementProperties.set(s, r);
128
+ if (e !== void 0) for (const [s, o] of e) this.elementProperties.set(s, o);
129
129
  }
130
130
  this._$Eh = /* @__PURE__ */ new Map();
131
131
  for (const [e, s] of this.elementProperties) {
132
- const r = this._$Eu(e, s);
133
- r !== void 0 && this._$Eh.set(r, e);
132
+ const o = this._$Eu(e, s);
133
+ o !== void 0 && this._$Eh.set(o, e);
134
134
  }
135
135
  this.elementStyles = this.finalizeStyles(this.styles);
136
136
  }
@@ -138,7 +138,7 @@ let L = class extends HTMLElement {
138
138
  const e = [];
139
139
  if (Array.isArray(t)) {
140
140
  const s = new Set(t.flat(1 / 0).reverse());
141
- for (const r of s) e.unshift(xt(r));
141
+ for (const o of s) e.unshift(xt(o));
142
142
  } else t !== void 0 && e.push(xt(t));
143
143
  return e;
144
144
  }
@@ -191,18 +191,18 @@ let L = class extends HTMLElement {
191
191
  }
192
192
  _$EC(t, e) {
193
193
  var i;
194
- const s = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, s);
195
- if (r !== void 0 && s.reflect === !0) {
196
- const n = (((i = s.converter) == null ? void 0 : i.toAttribute) !== void 0 ? s.converter : tt).toAttribute(e, s.type);
197
- this._$Em = t, n == null ? this.removeAttribute(r) : this.setAttribute(r, n), this._$Em = null;
194
+ const s = this.constructor.elementProperties.get(t), o = this.constructor._$Eu(t, s);
195
+ if (o !== void 0 && s.reflect === !0) {
196
+ const r = (((i = s.converter) == null ? void 0 : i.toAttribute) !== void 0 ? s.converter : tt).toAttribute(e, s.type);
197
+ this._$Em = t, r == null ? this.removeAttribute(o) : this.setAttribute(o, r), this._$Em = null;
198
198
  }
199
199
  }
200
200
  _$AK(t, e) {
201
201
  var i;
202
- const s = this.constructor, r = s._$Eh.get(t);
203
- if (r !== void 0 && this._$Em !== r) {
204
- const n = s.getPropertyOptions(r), l = typeof n.converter == "function" ? { fromAttribute: n.converter } : ((i = n.converter) == null ? void 0 : i.fromAttribute) !== void 0 ? n.converter : tt;
205
- this._$Em = r, this[r] = l.fromAttribute(e, n.type), this._$Em = null;
202
+ const s = this.constructor, o = s._$Eh.get(t);
203
+ if (o !== void 0 && this._$Em !== o) {
204
+ const r = s.getPropertyOptions(o), l = typeof r.converter == "function" ? { fromAttribute: r.converter } : ((i = r.converter) == null ? void 0 : i.fromAttribute) !== void 0 ? r.converter : tt;
205
+ this._$Em = o, this[o] = l.fromAttribute(e, r.type), this._$Em = null;
206
206
  }
207
207
  }
208
208
  requestUpdate(t, e, s) {
@@ -233,21 +233,21 @@ let L = class extends HTMLElement {
233
233
  if (!this.isUpdatePending) return;
234
234
  if (!this.hasUpdated) {
235
235
  if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
236
- for (const [i, n] of this._$Ep) this[i] = n;
236
+ for (const [i, r] of this._$Ep) this[i] = r;
237
237
  this._$Ep = void 0;
238
238
  }
239
- const r = this.constructor.elementProperties;
240
- if (r.size > 0) for (const [i, n] of r) n.wrapped !== !0 || this._$AL.has(i) || this[i] === void 0 || this.P(i, this[i], n);
239
+ const o = this.constructor.elementProperties;
240
+ if (o.size > 0) for (const [i, r] of o) r.wrapped !== !0 || this._$AL.has(i) || this[i] === void 0 || this.P(i, this[i], r);
241
241
  }
242
242
  let t = !1;
243
243
  const e = this._$AL;
244
244
  try {
245
- t = this.shouldUpdate(e), t ? (this.willUpdate(e), (s = this._$EO) == null || s.forEach((r) => {
245
+ t = this.shouldUpdate(e), t ? (this.willUpdate(e), (s = this._$EO) == null || s.forEach((o) => {
246
246
  var i;
247
- return (i = r.hostUpdate) == null ? void 0 : i.call(r);
247
+ return (i = o.hostUpdate) == null ? void 0 : i.call(o);
248
248
  }), this.update(e)) : this._$EU();
249
- } catch (r) {
250
- throw t = !1, this._$EU(), r;
249
+ } catch (o) {
250
+ throw t = !1, this._$EU(), o;
251
251
  }
252
252
  t && this._$AE(e);
253
253
  }
@@ -256,8 +256,8 @@ let L = class extends HTMLElement {
256
256
  _$AE(t) {
257
257
  var e;
258
258
  (e = this._$EO) == null || e.forEach((s) => {
259
- var r;
260
- return (r = s.hostUpdated) == null ? void 0 : r.call(s);
259
+ var o;
260
+ return (o = s.hostUpdated) == null ? void 0 : o.call(s);
261
261
  }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
262
262
  }
263
263
  _$EU() {
@@ -279,47 +279,47 @@ let L = class extends HTMLElement {
279
279
  }
280
280
  firstUpdated(t) {
281
281
  }
282
- };
282
+ }
283
283
  L.elementStyles = [], L.shadowRootOptions = { mode: "open" }, L[j("elementProperties")] = /* @__PURE__ */ new Map(), L[j("finalized")] = /* @__PURE__ */ new Map(), ct == null || ct({ ReactiveElement: L }), (I.reactiveElementVersions ?? (I.reactiveElementVersions = [])).push("2.0.4");
284
284
  /**
285
285
  * @license
286
286
  * Copyright 2017 Google LLC
287
287
  * SPDX-License-Identifier: BSD-3-Clause
288
288
  */
289
- const fe = { attribute: !0, type: String, converter: tt, reflect: !1, hasChanged: bt }, ye = (o = fe, t, e) => {
290
- const { kind: s, metadata: r } = e;
291
- let i = globalThis.litPropertyMetadata.get(r);
292
- if (i === void 0 && globalThis.litPropertyMetadata.set(r, i = /* @__PURE__ */ new Map()), i.set(e.name, o), s === "accessor") {
293
- const { name: n } = e;
289
+ const ye = { attribute: !0, type: String, converter: tt, reflect: !1, hasChanged: bt }, fe = (n = ye, t, e) => {
290
+ const { kind: s, metadata: o } = e;
291
+ let i = globalThis.litPropertyMetadata.get(o);
292
+ if (i === void 0 && globalThis.litPropertyMetadata.set(o, i = /* @__PURE__ */ new Map()), i.set(e.name, n), s === "accessor") {
293
+ const { name: r } = e;
294
294
  return { set(l) {
295
295
  const a = t.get.call(this);
296
- t.set.call(this, l), this.requestUpdate(n, a, o);
296
+ t.set.call(this, l), this.requestUpdate(r, a, n);
297
297
  }, init(l) {
298
- return l !== void 0 && this.P(n, void 0, o), l;
298
+ return l !== void 0 && this.P(r, void 0, n), l;
299
299
  } };
300
300
  }
301
301
  if (s === "setter") {
302
- const { name: n } = e;
302
+ const { name: r } = e;
303
303
  return function(l) {
304
- const a = this[n];
305
- t.call(this, l), this.requestUpdate(n, a, o);
304
+ const a = this[r];
305
+ t.call(this, l), this.requestUpdate(r, a, n);
306
306
  };
307
307
  }
308
308
  throw Error("Unsupported decorator location: " + s);
309
309
  };
310
- function p(o) {
311
- return (t, e) => typeof e == "object" ? ye(o, t, e) : ((s, r, i) => {
312
- const n = r.hasOwnProperty(i);
313
- return r.constructor.createProperty(i, n ? { ...s, wrapped: !0 } : s), n ? Object.getOwnPropertyDescriptor(r, i) : void 0;
314
- })(o, t, e);
310
+ function p(n) {
311
+ return (t, e) => typeof e == "object" ? fe(n, t, e) : ((s, o, i) => {
312
+ const r = o.hasOwnProperty(i);
313
+ return o.constructor.createProperty(i, r ? { ...s, wrapped: !0 } : s), r ? Object.getOwnPropertyDescriptor(o, i) : void 0;
314
+ })(n, t, e);
315
315
  }
316
316
  /**
317
317
  * @license
318
318
  * Copyright 2017 Google LLC
319
319
  * SPDX-License-Identifier: BSD-3-Clause
320
320
  */
321
- function be(o) {
322
- return p({ ...o, state: !0, attribute: !1 });
321
+ function be(n) {
322
+ return p({ ...n, state: !0, attribute: !1 });
323
323
  }
324
324
  const ve = qt`
325
325
  :host {
@@ -498,17 +498,16 @@ const ve = qt`
498
498
  transform: translateY(-50%);
499
499
  cursor: pointer;
500
500
  color: var(--_nys-textinput-icon-color);
501
- --_nys-button-color-bg: transparent;
502
- --_nys-button-color-bg-hover: transparent;
503
- --_nys-button-color-bg-active: transparent;
501
+ --_nys-button-color-bg: var(--_nys-textinput-background-color);
502
+ --_nys-button-color-bg-hover: var(--_nys-textinput-background-color);
503
+ --_nys-button-color-bg-active: var(--_nys-textinput-background-color);
504
504
  --_nys-button-offset-focus: calc(
505
505
  var(--_nys-button-width-focus) * -1
506
506
  ); /* Needs to be negative of the offset width */
507
- --_nys-button-radius-left: var(--_nys-textinput-radius);
508
- --_nys-button-radius-right: var(--_nys-textinput-radius);
509
- --_nys-button-height: var(--nys-size-400, 32px);
507
+ --_nys-button-padding-y: var(--nys-space-50, 4px);
508
+ --_nys-button-padding-x: var(--nys-space-50, 4px);
509
+ --_nys-button-height: var(--nys-size-300, 32px);
510
510
  --_nys-button-width: var(--nys-size-400, 32px);
511
- --_nys-button-padding-x: 0;
512
511
  }
513
512
 
514
513
  /* Hovered */
@@ -541,68 +540,68 @@ const ve = qt`
541
540
  * Copyright 2017 Google LLC
542
541
  * SPDX-License-Identifier: BSD-3-Clause
543
542
  */
544
- const F = globalThis, et = F.trustedTypes, St = et ? et.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, Wt = "$lit$", P = `lit$${Math.random().toFixed(9).slice(2)}$`, Gt = "?" + P, _e = `<${Gt}>`, k = document, st = () => k.createComment(""), G = (o) => o === null || typeof o != "object" && typeof o != "function", vt = Array.isArray, ge = (o) => vt(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", dt = `[
543
+ const F = globalThis, et = F.trustedTypes, St = et ? et.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Wt = "$lit$", P = `lit$${Math.random().toFixed(9).slice(2)}$`, Gt = "?" + P, _e = `<${Gt}>`, O = document, st = () => O.createComment(""), G = (n) => n === null || typeof n != "object" && typeof n != "function", vt = Array.isArray, ge = (n) => vt(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", dt = `[
545
544
  \f\r]`, V = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Et = /-->/g, Pt = />/g, U = RegExp(`>|${dt}(?:([^\\s"'>=/]+)(${dt}*=${dt}*(?:[^
546
- \f\r"'\`<>=]|("|')|))|$)`, "g"), Ct = /'/g, It = /"/g, Kt = /^(?:script|style|textarea|title)$/i, K = Symbol.for("lit-noChange"), b = Symbol.for("lit-nothing"), Ut = /* @__PURE__ */ new WeakMap(), H = k.createTreeWalker(k, 129);
547
- function Zt(o, t) {
548
- if (!vt(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
545
+ \f\r"'\`<>=]|("|')|))|$)`, "g"), Ct = /'/g, It = /"/g, Kt = /^(?:script|style|textarea|title)$/i, K = Symbol.for("lit-noChange"), v = Symbol.for("lit-nothing"), Ut = /* @__PURE__ */ new WeakMap(), M = O.createTreeWalker(O, 129);
546
+ function Zt(n, t) {
547
+ if (!vt(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
549
548
  return St !== void 0 ? St.createHTML(t) : t;
550
549
  }
551
- const $e = (o, t) => {
552
- const e = o.length - 1, s = [];
553
- let r, i = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = V;
550
+ const $e = (n, t) => {
551
+ const e = n.length - 1, s = [];
552
+ let o, i = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = V;
554
553
  for (let l = 0; l < e; l++) {
555
- const a = o[l];
556
- let c, d, h = -1, y = 0;
557
- for (; y < a.length && (n.lastIndex = y, d = n.exec(a), d !== null); ) y = n.lastIndex, n === V ? d[1] === "!--" ? n = Et : d[1] !== void 0 ? n = Pt : d[2] !== void 0 ? (Kt.test(d[2]) && (r = RegExp("</" + d[2], "g")), n = U) : d[3] !== void 0 && (n = U) : n === U ? d[0] === ">" ? (n = r ?? V, h = -1) : d[1] === void 0 ? h = -2 : (h = n.lastIndex - d[2].length, c = d[1], n = d[3] === void 0 ? U : d[3] === '"' ? It : Ct) : n === It || n === Ct ? n = U : n === Et || n === Pt ? n = V : (n = U, r = void 0);
558
- const g = n === U && o[l + 1].startsWith("/>") ? " " : "";
559
- i += n === V ? a + _e : h >= 0 ? (s.push(c), a.slice(0, h) + Wt + a.slice(h) + P + g) : a + P + (h === -2 ? l : g);
554
+ const a = n[l];
555
+ let c, d, h = -1, b = 0;
556
+ for (; b < a.length && (r.lastIndex = b, d = r.exec(a), d !== null); ) b = r.lastIndex, r === V ? d[1] === "!--" ? r = Et : d[1] !== void 0 ? r = Pt : d[2] !== void 0 ? (Kt.test(d[2]) && (o = RegExp("</" + d[2], "g")), r = U) : d[3] !== void 0 && (r = U) : r === U ? d[0] === ">" ? (r = o ?? V, h = -1) : d[1] === void 0 ? h = -2 : (h = r.lastIndex - d[2].length, c = d[1], r = d[3] === void 0 ? U : d[3] === '"' ? It : Ct) : r === It || r === Ct ? r = U : r === Et || r === Pt ? r = V : (r = U, o = void 0);
557
+ const m = r === U && n[l + 1].startsWith("/>") ? " " : "";
558
+ i += r === V ? a + _e : h >= 0 ? (s.push(c), a.slice(0, h) + Wt + a.slice(h) + P + m) : a + P + (h === -2 ? l : m);
560
559
  }
561
- return [Zt(o, i + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
560
+ return [Zt(n, i + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
562
561
  };
563
- let ft = class Yt {
562
+ let yt = class Yt {
564
563
  constructor({ strings: t, _$litType$: e }, s) {
565
- let r;
564
+ let o;
566
565
  this.parts = [];
567
- let i = 0, n = 0;
566
+ let i = 0, r = 0;
568
567
  const l = t.length - 1, a = this.parts, [c, d] = $e(t, e);
569
- if (this.el = Yt.createElement(c, s), H.currentNode = this.el.content, e === 2 || e === 3) {
568
+ if (this.el = Yt.createElement(c, s), M.currentNode = this.el.content, e === 2 || e === 3) {
570
569
  const h = this.el.content.firstChild;
571
570
  h.replaceWith(...h.childNodes);
572
571
  }
573
- for (; (r = H.nextNode()) !== null && a.length < l; ) {
574
- if (r.nodeType === 1) {
575
- if (r.hasAttributes()) for (const h of r.getAttributeNames()) if (h.endsWith(Wt)) {
576
- const y = d[n++], g = r.getAttribute(h).split(P), S = /([.?@])?(.*)/.exec(y);
577
- a.push({ type: 1, index: i, name: S[2], strings: g, ctor: S[1] === "." ? xe : S[1] === "?" ? Ae : S[1] === "@" ? we : at }), r.removeAttribute(h);
578
- } else h.startsWith(P) && (a.push({ type: 6, index: i }), r.removeAttribute(h));
579
- if (Kt.test(r.tagName)) {
580
- const h = r.textContent.split(P), y = h.length - 1;
581
- if (y > 0) {
582
- r.textContent = et ? et.emptyScript : "";
583
- for (let g = 0; g < y; g++) r.append(h[g], st()), H.nextNode(), a.push({ type: 2, index: ++i });
584
- r.append(h[y], st());
572
+ for (; (o = M.nextNode()) !== null && a.length < l; ) {
573
+ if (o.nodeType === 1) {
574
+ if (o.hasAttributes()) for (const h of o.getAttributeNames()) if (h.endsWith(Wt)) {
575
+ const b = d[r++], m = o.getAttribute(h).split(P), S = /([.?@])?(.*)/.exec(b);
576
+ a.push({ type: 1, index: i, name: S[2], strings: m, ctor: S[1] === "." ? xe : S[1] === "?" ? Ae : S[1] === "@" ? we : at }), o.removeAttribute(h);
577
+ } else h.startsWith(P) && (a.push({ type: 6, index: i }), o.removeAttribute(h));
578
+ if (Kt.test(o.tagName)) {
579
+ const h = o.textContent.split(P), b = h.length - 1;
580
+ if (b > 0) {
581
+ o.textContent = et ? et.emptyScript : "";
582
+ for (let m = 0; m < b; m++) o.append(h[m], st()), M.nextNode(), a.push({ type: 2, index: ++i });
583
+ o.append(h[b], st());
585
584
  }
586
585
  }
587
- } else if (r.nodeType === 8) if (r.data === Gt) a.push({ type: 2, index: i });
586
+ } else if (o.nodeType === 8) if (o.data === Gt) a.push({ type: 2, index: i });
588
587
  else {
589
588
  let h = -1;
590
- for (; (h = r.data.indexOf(P, h + 1)) !== -1; ) a.push({ type: 7, index: i }), h += P.length - 1;
589
+ for (; (h = o.data.indexOf(P, h + 1)) !== -1; ) a.push({ type: 7, index: i }), h += P.length - 1;
591
590
  }
592
591
  i++;
593
592
  }
594
593
  }
595
594
  static createElement(t, e) {
596
- const s = k.createElement("template");
595
+ const s = O.createElement("template");
597
596
  return s.innerHTML = t, s;
598
597
  }
599
598
  };
600
- function R(o, t, e = o, s) {
601
- var n, l;
599
+ function R(n, t, e = n, s) {
600
+ var r, l;
602
601
  if (t === K) return t;
603
- let r = s !== void 0 ? (n = e._$Co) == null ? void 0 : n[s] : e._$Cl;
602
+ let o = s !== void 0 ? (r = e._$Co) == null ? void 0 : r[s] : e._$Cl;
604
603
  const i = G(t) ? void 0 : t._$litDirective$;
605
- return (r == null ? void 0 : r.constructor) !== i && ((l = r == null ? void 0 : r._$AO) == null || l.call(r, !1), i === void 0 ? r = void 0 : (r = new i(o), r._$AT(o, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = r : e._$Cl = r), r !== void 0 && (t = R(o, r._$AS(o, t.values), r, s)), t;
604
+ return (o == null ? void 0 : o.constructor) !== i && ((l = o == null ? void 0 : o._$AO) == null || l.call(o, !1), i === void 0 ? o = void 0 : (o = new i(n), o._$AT(n, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = o : e._$Cl = o), o !== void 0 && (t = R(n, o._$AS(n, t.values), o, s)), t;
606
605
  }
607
606
  let me = class {
608
607
  constructor(t, e) {
@@ -615,17 +614,17 @@ let me = class {
615
614
  return this._$AM._$AU;
616
615
  }
617
616
  u(t) {
618
- const { el: { content: e }, parts: s } = this._$AD, r = ((t == null ? void 0 : t.creationScope) ?? k).importNode(e, !0);
619
- H.currentNode = r;
620
- let i = H.nextNode(), n = 0, l = 0, a = s[0];
617
+ const { el: { content: e }, parts: s } = this._$AD, o = ((t == null ? void 0 : t.creationScope) ?? O).importNode(e, !0);
618
+ M.currentNode = o;
619
+ let i = M.nextNode(), r = 0, l = 0, a = s[0];
621
620
  for (; a !== void 0; ) {
622
- if (n === a.index) {
621
+ if (r === a.index) {
623
622
  let c;
624
623
  a.type === 2 ? c = new Jt(i, i.nextSibling, this, t) : a.type === 1 ? c = new a.ctor(i, a.name, a.strings, this, t) : a.type === 6 && (c = new Se(i, this, t)), this._$AV.push(c), a = s[++l];
625
624
  }
626
- n !== (a == null ? void 0 : a.index) && (i = H.nextNode(), n++);
625
+ r !== (a == null ? void 0 : a.index) && (i = M.nextNode(), r++);
627
626
  }
628
- return H.currentNode = k, r;
627
+ return M.currentNode = O, o;
629
628
  }
630
629
  p(t) {
631
630
  let e = 0;
@@ -636,8 +635,8 @@ let me = class {
636
635
  var t;
637
636
  return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
638
637
  }
639
- constructor(t, e, s, r) {
640
- this.type = 2, this._$AH = b, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = r, this._$Cv = (r == null ? void 0 : r.isConnected) ?? !0;
638
+ constructor(t, e, s, o) {
639
+ this.type = 2, this._$AH = v, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = o, this._$Cv = (o == null ? void 0 : o.isConnected) ?? !0;
641
640
  }
642
641
  get parentNode() {
643
642
  let t = this._$AA.parentNode;
@@ -651,7 +650,7 @@ let me = class {
651
650
  return this._$AB;
652
651
  }
653
652
  _$AI(t, e = this) {
654
- t = R(this, t, e), G(t) ? t === b || t == null || t === "" ? (this._$AH !== b && this._$AR(), this._$AH = b) : t !== this._$AH && t !== K && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : ge(t) ? this.k(t) : this._(t);
653
+ t = R(this, t, e), G(t) ? t === v || t == null || t === "" ? (this._$AH !== v && this._$AR(), this._$AH = v) : t !== this._$AH && t !== K && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : ge(t) ? this.k(t) : this._(t);
655
654
  }
656
655
  O(t) {
657
656
  return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -660,33 +659,33 @@ let me = class {
660
659
  this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
661
660
  }
662
661
  _(t) {
663
- this._$AH !== b && G(this._$AH) ? this._$AA.nextSibling.data = t : this.T(k.createTextNode(t)), this._$AH = t;
662
+ this._$AH !== v && G(this._$AH) ? this._$AA.nextSibling.data = t : this.T(O.createTextNode(t)), this._$AH = t;
664
663
  }
665
664
  $(t) {
666
665
  var i;
667
- const { values: e, _$litType$: s } = t, r = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = ft.createElement(Zt(s.h, s.h[0]), this.options)), s);
668
- if (((i = this._$AH) == null ? void 0 : i._$AD) === r) this._$AH.p(e);
666
+ const { values: e, _$litType$: s } = t, o = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = yt.createElement(Zt(s.h, s.h[0]), this.options)), s);
667
+ if (((i = this._$AH) == null ? void 0 : i._$AD) === o) this._$AH.p(e);
669
668
  else {
670
- const n = new me(r, this), l = n.u(this.options);
671
- n.p(e), this.T(l), this._$AH = n;
669
+ const r = new me(o, this), l = r.u(this.options);
670
+ r.p(e), this.T(l), this._$AH = r;
672
671
  }
673
672
  }
674
673
  _$AC(t) {
675
674
  let e = Ut.get(t.strings);
676
- return e === void 0 && Ut.set(t.strings, e = new ft(t)), e;
675
+ return e === void 0 && Ut.set(t.strings, e = new yt(t)), e;
677
676
  }
678
677
  k(t) {
679
678
  vt(this._$AH) || (this._$AH = [], this._$AR());
680
679
  const e = this._$AH;
681
- let s, r = 0;
682
- for (const i of t) r === e.length ? e.push(s = new Qt(this.O(st()), this.O(st()), this, this.options)) : s = e[r], s._$AI(i), r++;
683
- r < e.length && (this._$AR(s && s._$AB.nextSibling, r), e.length = r);
680
+ let s, o = 0;
681
+ for (const i of t) o === e.length ? e.push(s = new Qt(this.O(st()), this.O(st()), this, this.options)) : s = e[o], s._$AI(i), o++;
682
+ o < e.length && (this._$AR(s && s._$AB.nextSibling, o), e.length = o);
684
683
  }
685
684
  _$AR(t = this._$AA.nextSibling, e) {
686
685
  var s;
687
686
  for ((s = this._$AP) == null ? void 0 : s.call(this, !1, !0, e); t && t !== this._$AB; ) {
688
- const r = t.nextSibling;
689
- t.remove(), t = r;
687
+ const o = t.nextSibling;
688
+ t.remove(), t = o;
690
689
  }
691
690
  }
692
691
  setConnected(t) {
@@ -700,22 +699,22 @@ let me = class {
700
699
  get _$AU() {
701
700
  return this._$AM._$AU;
702
701
  }
703
- constructor(t, e, s, r, i) {
704
- this.type = 1, this._$AH = b, this._$AN = void 0, this.element = t, this.name = e, this._$AM = r, this.options = i, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = b;
702
+ constructor(t, e, s, o, i) {
703
+ this.type = 1, this._$AH = v, this._$AN = void 0, this.element = t, this.name = e, this._$AM = o, this.options = i, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = v;
705
704
  }
706
- _$AI(t, e = this, s, r) {
705
+ _$AI(t, e = this, s, o) {
707
706
  const i = this.strings;
708
- let n = !1;
709
- if (i === void 0) t = R(this, t, e, 0), n = !G(t) || t !== this._$AH && t !== K, n && (this._$AH = t);
707
+ let r = !1;
708
+ if (i === void 0) t = R(this, t, e, 0), r = !G(t) || t !== this._$AH && t !== K, r && (this._$AH = t);
710
709
  else {
711
710
  const l = t;
712
711
  let a, c;
713
- for (t = i[0], a = 0; a < i.length - 1; a++) c = R(this, l[s + a], e, a), c === K && (c = this._$AH[a]), n || (n = !G(c) || c !== this._$AH[a]), c === b ? t = b : t !== b && (t += (c ?? "") + i[a + 1]), this._$AH[a] = c;
712
+ for (t = i[0], a = 0; a < i.length - 1; a++) c = R(this, l[s + a], e, a), c === K && (c = this._$AH[a]), r || (r = !G(c) || c !== this._$AH[a]), c === v ? t = v : t !== v && (t += (c ?? "") + i[a + 1]), this._$AH[a] = c;
714
713
  }
715
- n && !r && this.j(t);
714
+ r && !o && this.j(t);
716
715
  }
717
716
  j(t) {
718
- t === b ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
717
+ t === v ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
719
718
  }
720
719
  };
721
720
  class xe extends at {
@@ -723,7 +722,7 @@ class xe extends at {
723
722
  super(...arguments), this.type = 3;
724
723
  }
725
724
  j(t) {
726
- this.element[this.name] = t === b ? void 0 : t;
725
+ this.element[this.name] = t === v ? void 0 : t;
727
726
  }
728
727
  }
729
728
  let Ae = class extends at {
@@ -731,16 +730,16 @@ let Ae = class extends at {
731
730
  super(...arguments), this.type = 4;
732
731
  }
733
732
  j(t) {
734
- this.element.toggleAttribute(this.name, !!t && t !== b);
733
+ this.element.toggleAttribute(this.name, !!t && t !== v);
735
734
  }
736
735
  }, we = class extends at {
737
- constructor(t, e, s, r, i) {
738
- super(t, e, s, r, i), this.type = 5;
736
+ constructor(t, e, s, o, i) {
737
+ super(t, e, s, o, i), this.type = 5;
739
738
  }
740
739
  _$AI(t, e = this) {
741
- if ((t = R(this, t, e, 0) ?? b) === K) return;
742
- const s = this._$AH, r = t === b && s !== b || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, i = t !== b && (s === b || r);
743
- r && this.element.removeEventListener(this.name, this, s), i && this.element.addEventListener(this.name, this, t), this._$AH = t;
740
+ if ((t = R(this, t, e, 0) ?? v) === K) return;
741
+ const s = this._$AH, o = t === v && s !== v || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, i = t !== v && (s === v || o);
742
+ o && this.element.removeEventListener(this.name, this, s), i && this.element.addEventListener(this.name, this, t), this._$AH = t;
744
743
  }
745
744
  handleEvent(t) {
746
745
  var e;
@@ -758,13 +757,13 @@ let Ae = class extends at {
758
757
  }
759
758
  };
760
759
  const ut = F.litHtmlPolyfillSupport;
761
- ut == null || ut(ft, Jt), (F.litHtmlVersions ?? (F.litHtmlVersions = [])).push("3.2.1");
760
+ ut == null || ut(yt, Jt), (F.litHtmlVersions ?? (F.litHtmlVersions = [])).push("3.2.1");
762
761
  /**
763
762
  * @license
764
763
  * Copyright 2018 Google LLC
765
764
  * SPDX-License-Identifier: BSD-3-Clause
766
765
  */
767
- const T = (o) => o ?? b;
766
+ const T = (n) => n ?? v;
768
767
  /*!
769
768
  *
770
769
  * ▒█▄░▒█ ▒█░░▒█ ▒█▀▀▀█ ▒█▀▀▄ ▒█▀▀▀█
@@ -783,68 +782,68 @@ const T = (o) => o ?? b;
783
782
  */
784
783
  const X = globalThis, _t = X.ShadowRoot && (X.ShadyCSS === void 0 || X.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Xt = Symbol(), Tt = /* @__PURE__ */ new WeakMap();
785
784
  let Ee = class {
786
- constructor(o, t, e) {
785
+ constructor(n, t, e) {
787
786
  if (this._$cssResult$ = !0, e !== Xt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
788
- this.cssText = o, this.t = t;
787
+ this.cssText = n, this.t = t;
789
788
  }
790
789
  get styleSheet() {
791
- let o = this.o;
790
+ let n = this.o;
792
791
  const t = this.t;
793
- if (_t && o === void 0) {
792
+ if (_t && n === void 0) {
794
793
  const e = t !== void 0 && t.length === 1;
795
- e && (o = Tt.get(t)), o === void 0 && ((this.o = o = new CSSStyleSheet()).replaceSync(this.cssText), e && Tt.set(t, o));
794
+ e && (n = Tt.get(t)), n === void 0 && ((this.o = n = new CSSStyleSheet()).replaceSync(this.cssText), e && Tt.set(t, n));
796
795
  }
797
- return o;
796
+ return n;
798
797
  }
799
798
  toString() {
800
799
  return this.cssText;
801
800
  }
802
801
  };
803
- const Pe = (o) => new Ee(typeof o == "string" ? o : o + "", void 0, Xt), Ce = (o, t) => {
804
- if (_t) o.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
802
+ const Pe = (n) => new Ee(typeof n == "string" ? n : n + "", void 0, Xt), Ce = (n, t) => {
803
+ if (_t) n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
805
804
  else for (const e of t) {
806
- const s = document.createElement("style"), r = X.litNonce;
807
- r !== void 0 && s.setAttribute("nonce", r), s.textContent = e.cssText, o.appendChild(s);
805
+ const s = document.createElement("style"), o = X.litNonce;
806
+ o !== void 0 && s.setAttribute("nonce", o), s.textContent = e.cssText, n.appendChild(s);
808
807
  }
809
- }, Mt = _t ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((t) => {
808
+ }, kt = _t ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
810
809
  let e = "";
811
810
  for (const s of t.cssRules) e += s.cssText;
812
811
  return Pe(e);
813
- })(o) : o;
812
+ })(n) : n;
814
813
  /**
815
814
  * @license
816
815
  * Copyright 2017 Google LLC
817
816
  * SPDX-License-Identifier: BSD-3-Clause
818
817
  */
819
- const { is: Ie, defineProperty: Ue, getOwnPropertyDescriptor: Te, getOwnPropertyNames: Me, getOwnPropertySymbols: He, getPrototypeOf: Oe } = Object, z = globalThis, Ht = z.trustedTypes, ke = Ht ? Ht.emptyScript : "", Ot = z.reactiveElementPolyfillSupport, W = (o, t) => o, rt = { toAttribute(o, t) {
818
+ const { is: Ie, defineProperty: Ue, getOwnPropertyDescriptor: Te, getOwnPropertyNames: ke, getOwnPropertySymbols: Me, getPrototypeOf: He } = Object, z = globalThis, Mt = z.trustedTypes, Oe = Mt ? Mt.emptyScript : "", Ht = z.reactiveElementPolyfillSupport, W = (n, t) => n, ot = { toAttribute(n, t) {
820
819
  switch (t) {
821
820
  case Boolean:
822
- o = o ? ke : null;
821
+ n = n ? Oe : null;
823
822
  break;
824
823
  case Object:
825
824
  case Array:
826
- o = o == null ? o : JSON.stringify(o);
825
+ n = n == null ? n : JSON.stringify(n);
827
826
  }
828
- return o;
829
- }, fromAttribute(o, t) {
830
- let e = o;
827
+ return n;
828
+ }, fromAttribute(n, t) {
829
+ let e = n;
831
830
  switch (t) {
832
831
  case Boolean:
833
- e = o !== null;
832
+ e = n !== null;
834
833
  break;
835
834
  case Number:
836
- e = o === null ? null : Number(o);
835
+ e = n === null ? null : Number(n);
837
836
  break;
838
837
  case Object:
839
838
  case Array:
840
839
  try {
841
- e = JSON.parse(o);
840
+ e = JSON.parse(n);
842
841
  } catch {
843
842
  e = null;
844
843
  }
845
844
  }
846
845
  return e;
847
- } }, gt = (o, t) => !Ie(o, t), kt = { attribute: !0, type: String, converter: rt, reflect: !1, hasChanged: gt };
846
+ } }, gt = (n, t) => !Ie(n, t), Ot = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged: gt };
848
847
  Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), z.litPropertyMetadata ?? (z.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
849
848
  class B extends HTMLElement {
850
849
  static addInitializer(t) {
@@ -853,48 +852,48 @@ class B extends HTMLElement {
853
852
  static get observedAttributes() {
854
853
  return this.finalize(), this._$Eh && [...this._$Eh.keys()];
855
854
  }
856
- static createProperty(t, e = kt) {
855
+ static createProperty(t, e = Ot) {
857
856
  if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
858
- const s = Symbol(), r = this.getPropertyDescriptor(t, s, e);
859
- r !== void 0 && Ue(this.prototype, t, r);
857
+ const s = Symbol(), o = this.getPropertyDescriptor(t, s, e);
858
+ o !== void 0 && Ue(this.prototype, t, o);
860
859
  }
861
860
  }
862
861
  static getPropertyDescriptor(t, e, s) {
863
- const { get: r, set: i } = Te(this.prototype, t) ?? { get() {
862
+ const { get: o, set: i } = Te(this.prototype, t) ?? { get() {
864
863
  return this[e];
865
- }, set(n) {
866
- this[e] = n;
864
+ }, set(r) {
865
+ this[e] = r;
867
866
  } };
868
867
  return { get() {
869
- return r == null ? void 0 : r.call(this);
870
- }, set(n) {
871
- const l = r == null ? void 0 : r.call(this);
872
- i.call(this, n), this.requestUpdate(t, l, s);
868
+ return o == null ? void 0 : o.call(this);
869
+ }, set(r) {
870
+ const l = o == null ? void 0 : o.call(this);
871
+ i.call(this, r), this.requestUpdate(t, l, s);
873
872
  }, configurable: !0, enumerable: !0 };
874
873
  }
875
874
  static getPropertyOptions(t) {
876
- return this.elementProperties.get(t) ?? kt;
875
+ return this.elementProperties.get(t) ?? Ot;
877
876
  }
878
877
  static _$Ei() {
879
878
  if (this.hasOwnProperty(W("elementProperties"))) return;
880
- const t = Oe(this);
879
+ const t = He(this);
881
880
  t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
882
881
  }
883
882
  static finalize() {
884
883
  if (this.hasOwnProperty(W("finalized"))) return;
885
884
  if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(W("properties"))) {
886
- const e = this.properties, s = [...Me(e), ...He(e)];
887
- for (const r of s) this.createProperty(r, e[r]);
885
+ const e = this.properties, s = [...ke(e), ...Me(e)];
886
+ for (const o of s) this.createProperty(o, e[o]);
888
887
  }
889
888
  const t = this[Symbol.metadata];
890
889
  if (t !== null) {
891
890
  const e = litPropertyMetadata.get(t);
892
- if (e !== void 0) for (const [s, r] of e) this.elementProperties.set(s, r);
891
+ if (e !== void 0) for (const [s, o] of e) this.elementProperties.set(s, o);
893
892
  }
894
893
  this._$Eh = /* @__PURE__ */ new Map();
895
894
  for (const [e, s] of this.elementProperties) {
896
- const r = this._$Eu(e, s);
897
- r !== void 0 && this._$Eh.set(r, e);
895
+ const o = this._$Eu(e, s);
896
+ o !== void 0 && this._$Eh.set(o, e);
898
897
  }
899
898
  this.elementStyles = this.finalizeStyles(this.styles);
900
899
  }
@@ -902,8 +901,8 @@ class B extends HTMLElement {
902
901
  const e = [];
903
902
  if (Array.isArray(t)) {
904
903
  const s = new Set(t.flat(1 / 0).reverse());
905
- for (const r of s) e.unshift(Mt(r));
906
- } else t !== void 0 && e.push(Mt(t));
904
+ for (const o of s) e.unshift(kt(o));
905
+ } else t !== void 0 && e.push(kt(t));
907
906
  return e;
908
907
  }
909
908
  static _$Eu(t, e) {
@@ -955,18 +954,18 @@ class B extends HTMLElement {
955
954
  }
956
955
  _$EC(t, e) {
957
956
  var s;
958
- const r = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, r);
959
- if (i !== void 0 && r.reflect === !0) {
960
- const n = (((s = r.converter) == null ? void 0 : s.toAttribute) !== void 0 ? r.converter : rt).toAttribute(e, r.type);
961
- this._$Em = t, n == null ? this.removeAttribute(i) : this.setAttribute(i, n), this._$Em = null;
957
+ const o = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, o);
958
+ if (i !== void 0 && o.reflect === !0) {
959
+ const r = (((s = o.converter) == null ? void 0 : s.toAttribute) !== void 0 ? o.converter : ot).toAttribute(e, o.type);
960
+ this._$Em = t, r == null ? this.removeAttribute(i) : this.setAttribute(i, r), this._$Em = null;
962
961
  }
963
962
  }
964
963
  _$AK(t, e) {
965
964
  var s;
966
- const r = this.constructor, i = r._$Eh.get(t);
965
+ const o = this.constructor, i = o._$Eh.get(t);
967
966
  if (i !== void 0 && this._$Em !== i) {
968
- const n = r.getPropertyOptions(i), l = typeof n.converter == "function" ? { fromAttribute: n.converter } : ((s = n.converter) == null ? void 0 : s.fromAttribute) !== void 0 ? n.converter : rt;
969
- this._$Em = i, this[i] = l.fromAttribute(e, n.type), this._$Em = null;
967
+ const r = o.getPropertyOptions(i), l = typeof r.converter == "function" ? { fromAttribute: r.converter } : ((s = r.converter) == null ? void 0 : s.fromAttribute) !== void 0 ? r.converter : ot;
968
+ this._$Em = i, this[i] = l.fromAttribute(e, r.type), this._$Em = null;
970
969
  }
971
970
  }
972
971
  requestUpdate(t, e, s) {
@@ -997,21 +996,21 @@ class B extends HTMLElement {
997
996
  if (!this.isUpdatePending) return;
998
997
  if (!this.hasUpdated) {
999
998
  if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
1000
- for (const [i, n] of this._$Ep) this[i] = n;
999
+ for (const [i, r] of this._$Ep) this[i] = r;
1001
1000
  this._$Ep = void 0;
1002
1001
  }
1003
- const r = this.constructor.elementProperties;
1004
- if (r.size > 0) for (const [i, n] of r) n.wrapped !== !0 || this._$AL.has(i) || this[i] === void 0 || this.P(i, this[i], n);
1002
+ const o = this.constructor.elementProperties;
1003
+ if (o.size > 0) for (const [i, r] of o) r.wrapped !== !0 || this._$AL.has(i) || this[i] === void 0 || this.P(i, this[i], r);
1005
1004
  }
1006
1005
  let e = !1;
1007
1006
  const s = this._$AL;
1008
1007
  try {
1009
- e = this.shouldUpdate(s), e ? (this.willUpdate(s), (t = this._$EO) == null || t.forEach((r) => {
1008
+ e = this.shouldUpdate(s), e ? (this.willUpdate(s), (t = this._$EO) == null || t.forEach((o) => {
1010
1009
  var i;
1011
- return (i = r.hostUpdate) == null ? void 0 : i.call(r);
1010
+ return (i = o.hostUpdate) == null ? void 0 : i.call(o);
1012
1011
  }), this.update(s)) : this._$EU();
1013
- } catch (r) {
1014
- throw e = !1, this._$EU(), r;
1012
+ } catch (o) {
1013
+ throw e = !1, this._$EU(), o;
1015
1014
  }
1016
1015
  e && this._$AE(s);
1017
1016
  }
@@ -1020,8 +1019,8 @@ class B extends HTMLElement {
1020
1019
  _$AE(t) {
1021
1020
  var e;
1022
1021
  (e = this._$EO) == null || e.forEach((s) => {
1023
- var r;
1024
- return (r = s.hostUpdated) == null ? void 0 : r.call(s);
1022
+ var o;
1023
+ return (o = s.hostUpdated) == null ? void 0 : o.call(s);
1025
1024
  }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
1026
1025
  }
1027
1026
  _$EU() {
@@ -1044,38 +1043,38 @@ class B extends HTMLElement {
1044
1043
  firstUpdated(t) {
1045
1044
  }
1046
1045
  }
1047
- B.elementStyles = [], B.shadowRootOptions = { mode: "open" }, B[W("elementProperties")] = /* @__PURE__ */ new Map(), B[W("finalized")] = /* @__PURE__ */ new Map(), Ot == null || Ot({ ReactiveElement: B }), (z.reactiveElementVersions ?? (z.reactiveElementVersions = [])).push("2.0.4");
1046
+ B.elementStyles = [], B.shadowRootOptions = { mode: "open" }, B[W("elementProperties")] = /* @__PURE__ */ new Map(), B[W("finalized")] = /* @__PURE__ */ new Map(), Ht == null || Ht({ ReactiveElement: B }), (z.reactiveElementVersions ?? (z.reactiveElementVersions = [])).push("2.0.4");
1048
1047
  /**
1049
1048
  * @license
1050
1049
  * Copyright 2017 Google LLC
1051
1050
  * SPDX-License-Identifier: BSD-3-Clause
1052
1051
  */
1053
- const Ne = { attribute: !0, type: String, converter: rt, reflect: !1, hasChanged: gt }, Re = (o = Ne, t, e) => {
1054
- const { kind: s, metadata: r } = e;
1055
- let i = globalThis.litPropertyMetadata.get(r);
1056
- if (i === void 0 && globalThis.litPropertyMetadata.set(r, i = /* @__PURE__ */ new Map()), i.set(e.name, o), s === "accessor") {
1057
- const { name: n } = e;
1052
+ const Ne = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged: gt }, Re = (n = Ne, t, e) => {
1053
+ const { kind: s, metadata: o } = e;
1054
+ let i = globalThis.litPropertyMetadata.get(o);
1055
+ if (i === void 0 && globalThis.litPropertyMetadata.set(o, i = /* @__PURE__ */ new Map()), i.set(e.name, n), s === "accessor") {
1056
+ const { name: r } = e;
1058
1057
  return { set(l) {
1059
1058
  const a = t.get.call(this);
1060
- t.set.call(this, l), this.requestUpdate(n, a, o);
1059
+ t.set.call(this, l), this.requestUpdate(r, a, n);
1061
1060
  }, init(l) {
1062
- return l !== void 0 && this.P(n, void 0, o), l;
1061
+ return l !== void 0 && this.P(r, void 0, n), l;
1063
1062
  } };
1064
1063
  }
1065
1064
  if (s === "setter") {
1066
- const { name: n } = e;
1065
+ const { name: r } = e;
1067
1066
  return function(l) {
1068
- const a = this[n];
1069
- t.call(this, l), this.requestUpdate(n, a, o);
1067
+ const a = this[r];
1068
+ t.call(this, l), this.requestUpdate(r, a, n);
1070
1069
  };
1071
1070
  }
1072
1071
  throw Error("Unsupported decorator location: " + s);
1073
1072
  };
1074
- function $(o) {
1075
- return (t, e) => typeof e == "object" ? Re(o, t, e) : ((s, r, i) => {
1076
- const n = r.hasOwnProperty(i);
1077
- return r.constructor.createProperty(i, n ? { ...s, wrapped: !0 } : s), n ? Object.getOwnPropertyDescriptor(r, i) : void 0;
1078
- })(o, t, e);
1073
+ function g(n) {
1074
+ return (t, e) => typeof e == "object" ? Re(n, t, e) : ((s, o, i) => {
1075
+ const r = o.hasOwnProperty(i);
1076
+ return o.constructor.createProperty(i, r ? { ...s, wrapped: !0 } : s), r ? Object.getOwnPropertyDescriptor(o, i) : void 0;
1077
+ })(n, t, e);
1079
1078
  }
1080
1079
  const ze = qt`
1081
1080
  :host {
@@ -1403,9 +1402,18 @@ const ze = qt`
1403
1402
  );
1404
1403
  }
1405
1404
 
1405
+ /* Circle */
1406
+ :host([circle]) {
1407
+ --_nys-button-width: var(--_nys-button-height);
1408
+ --_nys-button-radius-left: var(--nys-radius-round, 1776px);
1409
+ --_nys-button-radius-right: var(--nys-radius-round, 1776px);
1410
+ --_nys-button-padding-y: 0;
1411
+ --_nys-button-padding-x: 0;
1412
+ }
1413
+
1406
1414
  .nys-button {
1407
1415
  width: var(--_nys-button-width);
1408
- height: var(--_nys-button-height);
1416
+ min-height: var(--_nys-button-height);
1409
1417
  /* set every corner individually */
1410
1418
  border-top-left-radius: var(--_nys-button-radius-left);
1411
1419
  border-bottom-left-radius: var(--_nys-button-radius-left);
@@ -1429,6 +1437,11 @@ const ze = qt`
1429
1437
  cursor: pointer;
1430
1438
  }
1431
1439
 
1440
+ :host([circle]) .nys-button {
1441
+ max-width: var(--_nys-button-height);
1442
+ max-height: var(--_nys-button-height);
1443
+ }
1444
+
1432
1445
  .nys-button:hover {
1433
1446
  background-color: var(--_nys-button-color-bg-hover);
1434
1447
  color: var(--_nys-button-color-text-hover);
@@ -1489,53 +1502,53 @@ const ze = qt`
1489
1502
  * Copyright 2017 Google LLC
1490
1503
  * SPDX-License-Identifier: BSD-3-Clause
1491
1504
  */
1492
- const ot = globalThis, nt = ot.trustedTypes, Nt = nt ? nt.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, te = "$lit$", C = `lit$${Math.random().toFixed(9).slice(2)}$`, ee = "?" + C, De = `<${ee}>`, N = document, it = () => N.createComment(""), Z = (o) => o === null || typeof o != "object" && typeof o != "function", $t = Array.isArray, Le = (o) => $t(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", pt = `[
1493
- \f\r]`, q = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Rt = /-->/g, zt = />/g, M = RegExp(`>|${pt}(?:([^\\s"'>=/]+)(${pt}*=${pt}*(?:[^
1494
- \f\r"'\`<>=]|("|')|))|$)`, "g"), Dt = /'/g, Lt = /"/g, se = /^(?:script|style|textarea|title)$/i, Y = Symbol.for("lit-noChange"), v = Symbol.for("lit-nothing"), Vt = /* @__PURE__ */ new WeakMap(), O = N.createTreeWalker(N, 129);
1495
- function re(o, t) {
1496
- if (!$t(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
1505
+ const nt = globalThis, rt = nt.trustedTypes, Nt = rt ? rt.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, te = "$lit$", C = `lit$${Math.random().toFixed(9).slice(2)}$`, ee = "?" + C, De = `<${ee}>`, N = document, it = () => N.createComment(""), Z = (n) => n === null || typeof n != "object" && typeof n != "function", $t = Array.isArray, Le = (n) => $t(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", pt = `[
1506
+ \f\r]`, q = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Rt = /-->/g, zt = />/g, k = RegExp(`>|${pt}(?:([^\\s"'>=/]+)(${pt}*=${pt}*(?:[^
1507
+ \f\r"'\`<>=]|("|')|))|$)`, "g"), Dt = /'/g, Lt = /"/g, se = /^(?:script|style|textarea|title)$/i, Y = Symbol.for("lit-noChange"), _ = Symbol.for("lit-nothing"), Vt = /* @__PURE__ */ new WeakMap(), H = N.createTreeWalker(N, 129);
1508
+ function oe(n, t) {
1509
+ if (!$t(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
1497
1510
  return Nt !== void 0 ? Nt.createHTML(t) : t;
1498
1511
  }
1499
- const Ve = (o, t) => {
1500
- const e = o.length - 1, s = [];
1501
- let r, i = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = q;
1512
+ const Ve = (n, t) => {
1513
+ const e = n.length - 1, s = [];
1514
+ let o, i = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = q;
1502
1515
  for (let l = 0; l < e; l++) {
1503
- const a = o[l];
1504
- let c, d, h = -1, y = 0;
1505
- for (; y < a.length && (n.lastIndex = y, d = n.exec(a), d !== null); ) y = n.lastIndex, n === q ? d[1] === "!--" ? n = Rt : d[1] !== void 0 ? n = zt : d[2] !== void 0 ? (se.test(d[2]) && (r = RegExp("</" + d[2], "g")), n = M) : d[3] !== void 0 && (n = M) : n === M ? d[0] === ">" ? (n = r ?? q, h = -1) : d[1] === void 0 ? h = -2 : (h = n.lastIndex - d[2].length, c = d[1], n = d[3] === void 0 ? M : d[3] === '"' ? Lt : Dt) : n === Lt || n === Dt ? n = M : n === Rt || n === zt ? n = q : (n = M, r = void 0);
1506
- const g = n === M && o[l + 1].startsWith("/>") ? " " : "";
1507
- i += n === q ? a + De : h >= 0 ? (s.push(c), a.slice(0, h) + te + a.slice(h) + C + g) : a + C + (h === -2 ? l : g);
1516
+ const a = n[l];
1517
+ let c, d, h = -1, b = 0;
1518
+ for (; b < a.length && (r.lastIndex = b, d = r.exec(a), d !== null); ) b = r.lastIndex, r === q ? d[1] === "!--" ? r = Rt : d[1] !== void 0 ? r = zt : d[2] !== void 0 ? (se.test(d[2]) && (o = RegExp("</" + d[2], "g")), r = k) : d[3] !== void 0 && (r = k) : r === k ? d[0] === ">" ? (r = o ?? q, h = -1) : d[1] === void 0 ? h = -2 : (h = r.lastIndex - d[2].length, c = d[1], r = d[3] === void 0 ? k : d[3] === '"' ? Lt : Dt) : r === Lt || r === Dt ? r = k : r === Rt || r === zt ? r = q : (r = k, o = void 0);
1519
+ const m = r === k && n[l + 1].startsWith("/>") ? " " : "";
1520
+ i += r === q ? a + De : h >= 0 ? (s.push(c), a.slice(0, h) + te + a.slice(h) + C + m) : a + C + (h === -2 ? l : m);
1508
1521
  }
1509
- return [re(o, i + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
1522
+ return [oe(n, i + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
1510
1523
  };
1511
1524
  class J {
1512
1525
  constructor({ strings: t, _$litType$: e }, s) {
1513
- let r;
1526
+ let o;
1514
1527
  this.parts = [];
1515
- let i = 0, n = 0;
1528
+ let i = 0, r = 0;
1516
1529
  const l = t.length - 1, a = this.parts, [c, d] = Ve(t, e);
1517
- if (this.el = J.createElement(c, s), O.currentNode = this.el.content, e === 2 || e === 3) {
1530
+ if (this.el = J.createElement(c, s), H.currentNode = this.el.content, e === 2 || e === 3) {
1518
1531
  const h = this.el.content.firstChild;
1519
1532
  h.replaceWith(...h.childNodes);
1520
1533
  }
1521
- for (; (r = O.nextNode()) !== null && a.length < l; ) {
1522
- if (r.nodeType === 1) {
1523
- if (r.hasAttributes()) for (const h of r.getAttributeNames()) if (h.endsWith(te)) {
1524
- const y = d[n++], g = r.getAttribute(h).split(C), S = /([.?@])?(.*)/.exec(y);
1525
- a.push({ type: 1, index: i, name: S[2], strings: g, ctor: S[1] === "." ? qe : S[1] === "?" ? je : S[1] === "@" ? Fe : ht }), r.removeAttribute(h);
1526
- } else h.startsWith(C) && (a.push({ type: 6, index: i }), r.removeAttribute(h));
1527
- if (se.test(r.tagName)) {
1528
- const h = r.textContent.split(C), y = h.length - 1;
1529
- if (y > 0) {
1530
- r.textContent = nt ? nt.emptyScript : "";
1531
- for (let g = 0; g < y; g++) r.append(h[g], it()), O.nextNode(), a.push({ type: 2, index: ++i });
1532
- r.append(h[y], it());
1534
+ for (; (o = H.nextNode()) !== null && a.length < l; ) {
1535
+ if (o.nodeType === 1) {
1536
+ if (o.hasAttributes()) for (const h of o.getAttributeNames()) if (h.endsWith(te)) {
1537
+ const b = d[r++], m = o.getAttribute(h).split(C), S = /([.?@])?(.*)/.exec(b);
1538
+ a.push({ type: 1, index: i, name: S[2], strings: m, ctor: S[1] === "." ? qe : S[1] === "?" ? je : S[1] === "@" ? Fe : ht }), o.removeAttribute(h);
1539
+ } else h.startsWith(C) && (a.push({ type: 6, index: i }), o.removeAttribute(h));
1540
+ if (se.test(o.tagName)) {
1541
+ const h = o.textContent.split(C), b = h.length - 1;
1542
+ if (b > 0) {
1543
+ o.textContent = rt ? rt.emptyScript : "";
1544
+ for (let m = 0; m < b; m++) o.append(h[m], it()), H.nextNode(), a.push({ type: 2, index: ++i });
1545
+ o.append(h[b], it());
1533
1546
  }
1534
1547
  }
1535
- } else if (r.nodeType === 8) if (r.data === ee) a.push({ type: 2, index: i });
1548
+ } else if (o.nodeType === 8) if (o.data === ee) a.push({ type: 2, index: i });
1536
1549
  else {
1537
1550
  let h = -1;
1538
- for (; (h = r.data.indexOf(C, h + 1)) !== -1; ) a.push({ type: 7, index: i }), h += C.length - 1;
1551
+ for (; (h = o.data.indexOf(C, h + 1)) !== -1; ) a.push({ type: 7, index: i }), h += C.length - 1;
1539
1552
  }
1540
1553
  i++;
1541
1554
  }
@@ -1545,12 +1558,12 @@ class J {
1545
1558
  return s.innerHTML = t, s;
1546
1559
  }
1547
1560
  }
1548
- function D(o, t, e = o, s) {
1549
- var r, i;
1561
+ function D(n, t, e = n, s) {
1562
+ var o, i;
1550
1563
  if (t === Y) return t;
1551
- let n = s !== void 0 ? (r = e._$Co) == null ? void 0 : r[s] : e._$Cl;
1564
+ let r = s !== void 0 ? (o = e._$Co) == null ? void 0 : o[s] : e._$Cl;
1552
1565
  const l = Z(t) ? void 0 : t._$litDirective$;
1553
- return (n == null ? void 0 : n.constructor) !== l && ((i = n == null ? void 0 : n._$AO) == null || i.call(n, !1), l === void 0 ? n = void 0 : (n = new l(o), n._$AT(o, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = n : e._$Cl = n), n !== void 0 && (t = D(o, n._$AS(o, t.values), n, s)), t;
1566
+ return (r == null ? void 0 : r.constructor) !== l && ((i = r == null ? void 0 : r._$AO) == null || i.call(r, !1), l === void 0 ? r = void 0 : (r = new l(n), r._$AT(n, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = r : e._$Cl = r), r !== void 0 && (t = D(n, r._$AS(n, t.values), r, s)), t;
1554
1567
  }
1555
1568
  class Be {
1556
1569
  constructor(t, e) {
@@ -1563,17 +1576,17 @@ class Be {
1563
1576
  return this._$AM._$AU;
1564
1577
  }
1565
1578
  u(t) {
1566
- const { el: { content: e }, parts: s } = this._$AD, r = ((t == null ? void 0 : t.creationScope) ?? N).importNode(e, !0);
1567
- O.currentNode = r;
1568
- let i = O.nextNode(), n = 0, l = 0, a = s[0];
1579
+ const { el: { content: e }, parts: s } = this._$AD, o = ((t == null ? void 0 : t.creationScope) ?? N).importNode(e, !0);
1580
+ H.currentNode = o;
1581
+ let i = H.nextNode(), r = 0, l = 0, a = s[0];
1569
1582
  for (; a !== void 0; ) {
1570
- if (n === a.index) {
1583
+ if (r === a.index) {
1571
1584
  let c;
1572
1585
  a.type === 2 ? c = new lt(i, i.nextSibling, this, t) : a.type === 1 ? c = new a.ctor(i, a.name, a.strings, this, t) : a.type === 6 && (c = new We(i, this, t)), this._$AV.push(c), a = s[++l];
1573
1586
  }
1574
- n !== (a == null ? void 0 : a.index) && (i = O.nextNode(), n++);
1587
+ r !== (a == null ? void 0 : a.index) && (i = H.nextNode(), r++);
1575
1588
  }
1576
- return O.currentNode = N, r;
1589
+ return H.currentNode = N, o;
1577
1590
  }
1578
1591
  p(t) {
1579
1592
  let e = 0;
@@ -1585,8 +1598,8 @@ class lt {
1585
1598
  var t;
1586
1599
  return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
1587
1600
  }
1588
- constructor(t, e, s, r) {
1589
- this.type = 2, this._$AH = v, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = r, this._$Cv = (r == null ? void 0 : r.isConnected) ?? !0;
1601
+ constructor(t, e, s, o) {
1602
+ this.type = 2, this._$AH = _, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = o, this._$Cv = (o == null ? void 0 : o.isConnected) ?? !0;
1590
1603
  }
1591
1604
  get parentNode() {
1592
1605
  let t = this._$AA.parentNode;
@@ -1600,7 +1613,7 @@ class lt {
1600
1613
  return this._$AB;
1601
1614
  }
1602
1615
  _$AI(t, e = this) {
1603
- t = D(this, t, e), Z(t) ? t === v || t == null || t === "" ? (this._$AH !== v && this._$AR(), this._$AH = v) : t !== this._$AH && t !== Y && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Le(t) ? this.k(t) : this._(t);
1616
+ t = D(this, t, e), Z(t) ? t === _ || t == null || t === "" ? (this._$AH !== _ && this._$AR(), this._$AH = _) : t !== this._$AH && t !== Y && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Le(t) ? this.k(t) : this._(t);
1604
1617
  }
1605
1618
  O(t) {
1606
1619
  return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -1609,15 +1622,15 @@ class lt {
1609
1622
  this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
1610
1623
  }
1611
1624
  _(t) {
1612
- this._$AH !== v && Z(this._$AH) ? this._$AA.nextSibling.data = t : this.T(N.createTextNode(t)), this._$AH = t;
1625
+ this._$AH !== _ && Z(this._$AH) ? this._$AA.nextSibling.data = t : this.T(N.createTextNode(t)), this._$AH = t;
1613
1626
  }
1614
1627
  $(t) {
1615
1628
  var e;
1616
- const { values: s, _$litType$: r } = t, i = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = J.createElement(re(r.h, r.h[0]), this.options)), r);
1629
+ const { values: s, _$litType$: o } = t, i = typeof o == "number" ? this._$AC(t) : (o.el === void 0 && (o.el = J.createElement(oe(o.h, o.h[0]), this.options)), o);
1617
1630
  if (((e = this._$AH) == null ? void 0 : e._$AD) === i) this._$AH.p(s);
1618
1631
  else {
1619
- const n = new Be(i, this), l = n.u(this.options);
1620
- n.p(s), this.T(l), this._$AH = n;
1632
+ const r = new Be(i, this), l = r.u(this.options);
1633
+ r.p(s), this.T(l), this._$AH = r;
1621
1634
  }
1622
1635
  }
1623
1636
  _$AC(t) {
@@ -1627,15 +1640,15 @@ class lt {
1627
1640
  k(t) {
1628
1641
  $t(this._$AH) || (this._$AH = [], this._$AR());
1629
1642
  const e = this._$AH;
1630
- let s, r = 0;
1631
- for (const i of t) r === e.length ? e.push(s = new lt(this.O(it()), this.O(it()), this, this.options)) : s = e[r], s._$AI(i), r++;
1632
- r < e.length && (this._$AR(s && s._$AB.nextSibling, r), e.length = r);
1643
+ let s, o = 0;
1644
+ for (const i of t) o === e.length ? e.push(s = new lt(this.O(it()), this.O(it()), this, this.options)) : s = e[o], s._$AI(i), o++;
1645
+ o < e.length && (this._$AR(s && s._$AB.nextSibling, o), e.length = o);
1633
1646
  }
1634
1647
  _$AR(t = this._$AA.nextSibling, e) {
1635
1648
  var s;
1636
1649
  for ((s = this._$AP) == null ? void 0 : s.call(this, !1, !0, e); t && t !== this._$AB; ) {
1637
- const r = t.nextSibling;
1638
- t.remove(), t = r;
1650
+ const o = t.nextSibling;
1651
+ t.remove(), t = o;
1639
1652
  }
1640
1653
  }
1641
1654
  setConnected(t) {
@@ -1650,22 +1663,22 @@ class ht {
1650
1663
  get _$AU() {
1651
1664
  return this._$AM._$AU;
1652
1665
  }
1653
- constructor(t, e, s, r, i) {
1654
- this.type = 1, this._$AH = v, this._$AN = void 0, this.element = t, this.name = e, this._$AM = r, this.options = i, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = v;
1666
+ constructor(t, e, s, o, i) {
1667
+ this.type = 1, this._$AH = _, this._$AN = void 0, this.element = t, this.name = e, this._$AM = o, this.options = i, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = _;
1655
1668
  }
1656
- _$AI(t, e = this, s, r) {
1669
+ _$AI(t, e = this, s, o) {
1657
1670
  const i = this.strings;
1658
- let n = !1;
1659
- if (i === void 0) t = D(this, t, e, 0), n = !Z(t) || t !== this._$AH && t !== Y, n && (this._$AH = t);
1671
+ let r = !1;
1672
+ if (i === void 0) t = D(this, t, e, 0), r = !Z(t) || t !== this._$AH && t !== Y, r && (this._$AH = t);
1660
1673
  else {
1661
1674
  const l = t;
1662
1675
  let a, c;
1663
- for (t = i[0], a = 0; a < i.length - 1; a++) c = D(this, l[s + a], e, a), c === Y && (c = this._$AH[a]), n || (n = !Z(c) || c !== this._$AH[a]), c === v ? t = v : t !== v && (t += (c ?? "") + i[a + 1]), this._$AH[a] = c;
1676
+ for (t = i[0], a = 0; a < i.length - 1; a++) c = D(this, l[s + a], e, a), c === Y && (c = this._$AH[a]), r || (r = !Z(c) || c !== this._$AH[a]), c === _ ? t = _ : t !== _ && (t += (c ?? "") + i[a + 1]), this._$AH[a] = c;
1664
1677
  }
1665
- n && !r && this.j(t);
1678
+ r && !o && this.j(t);
1666
1679
  }
1667
1680
  j(t) {
1668
- t === v ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
1681
+ t === _ ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
1669
1682
  }
1670
1683
  }
1671
1684
  class qe extends ht {
@@ -1673,7 +1686,7 @@ class qe extends ht {
1673
1686
  super(...arguments), this.type = 3;
1674
1687
  }
1675
1688
  j(t) {
1676
- this.element[this.name] = t === v ? void 0 : t;
1689
+ this.element[this.name] = t === _ ? void 0 : t;
1677
1690
  }
1678
1691
  }
1679
1692
  class je extends ht {
@@ -1681,17 +1694,17 @@ class je extends ht {
1681
1694
  super(...arguments), this.type = 4;
1682
1695
  }
1683
1696
  j(t) {
1684
- this.element.toggleAttribute(this.name, !!t && t !== v);
1697
+ this.element.toggleAttribute(this.name, !!t && t !== _);
1685
1698
  }
1686
1699
  }
1687
1700
  class Fe extends ht {
1688
- constructor(t, e, s, r, i) {
1689
- super(t, e, s, r, i), this.type = 5;
1701
+ constructor(t, e, s, o, i) {
1702
+ super(t, e, s, o, i), this.type = 5;
1690
1703
  }
1691
1704
  _$AI(t, e = this) {
1692
- if ((t = D(this, t, e, 0) ?? v) === Y) return;
1693
- const s = this._$AH, r = t === v && s !== v || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, i = t !== v && (s === v || r);
1694
- r && this.element.removeEventListener(this.name, this, s), i && this.element.addEventListener(this.name, this, t), this._$AH = t;
1705
+ if ((t = D(this, t, e, 0) ?? _) === Y) return;
1706
+ const s = this._$AH, o = t === _ && s !== _ || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, i = t !== _ && (s === _ || o);
1707
+ o && this.element.removeEventListener(this.name, this, s), i && this.element.addEventListener(this.name, this, t), this._$AH = t;
1695
1708
  }
1696
1709
  handleEvent(t) {
1697
1710
  var e;
@@ -1709,58 +1722,58 @@ class We {
1709
1722
  D(this, t);
1710
1723
  }
1711
1724
  }
1712
- const Bt = ot.litHtmlPolyfillSupport;
1713
- Bt == null || Bt(J, lt), (ot.litHtmlVersions ?? (ot.litHtmlVersions = [])).push("3.2.1");
1725
+ const Bt = nt.litHtmlPolyfillSupport;
1726
+ Bt == null || Bt(J, lt), (nt.litHtmlVersions ?? (nt.litHtmlVersions = [])).push("3.2.1");
1714
1727
  /**
1715
1728
  * @license
1716
1729
  * Copyright 2018 Google LLC
1717
1730
  * SPDX-License-Identifier: BSD-3-Clause
1718
1731
  */
1719
- const E = (o) => o ?? v;
1720
- var Ge = Object.defineProperty, Ke = Object.getOwnPropertyDescriptor, m = (o, t, e, s) => {
1721
- for (var r = s > 1 ? void 0 : s ? Ke(t, e) : t, i = o.length - 1, n; i >= 0; i--)
1722
- (n = o[i]) && (r = (s ? n(t, e, r) : n(r)) || r);
1723
- return s && r && Ge(t, e, r), r;
1732
+ const E = (n) => n ?? _;
1733
+ var Ge = Object.defineProperty, Ke = Object.getOwnPropertyDescriptor, $ = (n, t, e, s) => {
1734
+ for (var o = s > 1 ? void 0 : s ? Ke(t, e) : t, i = n.length - 1, r; i >= 0; i--)
1735
+ (r = n[i]) && (o = (s ? r(t, e, o) : r(o)) || o);
1736
+ return s && o && Ge(t, e, o), o;
1724
1737
  };
1725
1738
  let Ze = 0;
1726
- var x;
1727
- const _ = (x = class extends jt {
1739
+ var A;
1740
+ const f = (A = class extends jt {
1728
1741
  // allows use of elementInternals' API
1729
1742
  constructor() {
1730
- super(), this.id = "", this.name = "", this._size = "md", this.fullWidth = !1, this._variant = "filled", this.inverted = !1, this.label = "", this.ariaLabel = "", this.prefixIcon = "", this.suffixIcon = "", this.disabled = !1, this.form = "", this.value = "", this._type = "button", this.onClick = () => {
1743
+ super(), this.id = "", this.name = "", this._size = "md", this.fullWidth = !1, this._variant = "filled", this.inverted = !1, this.label = "", this.ariaLabel = "", this.prefixIcon = "", this.suffixIcon = "", this.circle = !1, this.icon = "", this.disabled = !1, this.form = "", this.value = "", this._type = "button", this.onClick = () => {
1731
1744
  }, this.href = "", this._target = "_self", this._internals = this.attachInternals();
1732
1745
  }
1733
1746
  get size() {
1734
1747
  return this._size;
1735
1748
  }
1736
- set size(o) {
1737
- this._size = x.VALID_SIZES.includes(
1738
- o
1739
- ) ? o : "md";
1749
+ set size(n) {
1750
+ this._size = A.VALID_SIZES.includes(
1751
+ n
1752
+ ) ? n : "md";
1740
1753
  }
1741
1754
  get variant() {
1742
1755
  return this._variant;
1743
1756
  }
1744
- set variant(o) {
1745
- this._variant = x.VALID_VARIANTS.includes(
1746
- o
1747
- ) ? o : "filled";
1757
+ set variant(n) {
1758
+ this._variant = A.VALID_VARIANTS.includes(
1759
+ n
1760
+ ) ? n : "filled";
1748
1761
  }
1749
1762
  get type() {
1750
1763
  return this._type;
1751
1764
  }
1752
- set type(o) {
1753
- this._type = x.VALID_TYPES.includes(
1754
- o
1755
- ) ? o : "button";
1765
+ set type(n) {
1766
+ this._type = A.VALID_TYPES.includes(
1767
+ n
1768
+ ) ? n : "button";
1756
1769
  }
1757
1770
  get target() {
1758
1771
  return this._target;
1759
1772
  }
1760
- set target(o) {
1761
- this._target = x.VALID_TARGETS.includes(
1762
- o
1763
- ) ? o : "_self";
1773
+ set target(n) {
1774
+ this._target = A.VALID_TARGETS.includes(
1775
+ n
1776
+ ) ? n : "_self";
1764
1777
  }
1765
1778
  connectedCallback() {
1766
1779
  super.connectedCallback(), this.id || (this.id = this._generateUniqueId());
@@ -1769,8 +1782,8 @@ const _ = (x = class extends jt {
1769
1782
  _generateUniqueId() {
1770
1783
  return `nys-button-${Date.now()}-${Ze++}`;
1771
1784
  }
1772
- _manageFormAction(o) {
1773
- typeof this.onClick == "function" && this.onClick(o);
1785
+ _manageFormAction(n) {
1786
+ typeof this.onClick == "function" && this.onClick(n);
1774
1787
  const t = this._internals.form;
1775
1788
  if (t)
1776
1789
  switch (this.type) {
@@ -1791,20 +1804,20 @@ const _ = (x = class extends jt {
1791
1804
  _handleBlur() {
1792
1805
  this.dispatchEvent(new Event("nys-blur"));
1793
1806
  }
1794
- _handleClick(o) {
1807
+ _handleClick(n) {
1795
1808
  if (this.disabled) {
1796
- o.preventDefault();
1809
+ n.preventDefault();
1797
1810
  return;
1798
1811
  }
1799
- this._manageFormAction(o), this.dispatchEvent(new Event("nys-click"));
1812
+ this._manageFormAction(n), this.dispatchEvent(new Event("nys-click"));
1800
1813
  }
1801
1814
  // Handle keydown for keyboard accessibility
1802
- _handleKeydown(o) {
1803
- (o.code === "Space" || o.code === "Enter" || o.key === " " || o.key === "Enter") && (o.preventDefault(), this.disabled || this._manageFormAction(o));
1815
+ _handleKeydown(n) {
1816
+ (n.code === "Space" || n.code === "Enter" || n.key === " " || n.key === "Enter") && (n.preventDefault(), this.disabled || this._manageFormAction(n));
1804
1817
  }
1805
1818
  render() {
1806
- return A`
1807
- ${this.href ? A`
1819
+ return x`
1820
+ ${this.href ? x`
1808
1821
  <div class="nys-button__linkwrapper">
1809
1822
  <a
1810
1823
  class="nys-button"
@@ -1816,21 +1829,27 @@ const _ = (x = class extends jt {
1816
1829
  value=${E(this.value ? this.value : void 0)}
1817
1830
  href=${this.href}
1818
1831
  target=${this.target}
1819
- aria-label=${this.ariaLabel || this.label || "button"}
1832
+ aria-label=${this.ariaLabel || this.label || (this.circle ? this.icon : null) || "button"}
1820
1833
  @click=${this._handleClick}
1821
1834
  @focus="${this._handleFocus}"
1822
1835
  @blur="${this._handleBlur}"
1823
1836
  >
1824
- ${this.prefixIcon && this.variant !== "text" ? A`<slot name="prefix-icon">
1837
+ ${this.prefixIcon && this.variant !== "text" ? x`<slot name="prefix-icon">
1825
1838
  <nys-icon size="16" name=${this.prefixIcon}></nys-icon>
1826
1839
  </slot>` : ""}
1827
- ${this.label ? A`<label class="nys-button__text">${this.label}</label>` : ""}
1828
- ${this.suffixIcon && this.variant !== "text" ? A`<slot name="suffix-icon">
1840
+ ${this.label && !this.circle ? x`<label class="nys-button__text">${this.label}</label>` : ""}
1841
+ ${this.suffixIcon && this.variant !== "text" ? x`<slot name="suffix-icon">
1829
1842
  <nys-icon size="16" name=${this.suffixIcon}></nys-icon>
1830
1843
  </slot>` : ""}
1844
+ ${this.circle && this.icon ? x`<slot name="circle-icon"
1845
+ ><nys-icon
1846
+ size=${this.size === "sm" ? "24" : this.size === "lg" ? "40" : "32"}
1847
+ name=${this.icon}
1848
+ ></nys-icon
1849
+ ></slot>` : ""}
1831
1850
  </a>
1832
1851
  </div>
1833
- ` : A`
1852
+ ` : x`
1834
1853
  <button
1835
1854
  class="nys-button"
1836
1855
  id=${E(this.id)}
@@ -1839,92 +1858,104 @@ const _ = (x = class extends jt {
1839
1858
  form=${E(this.form ? this.form : void 0)}
1840
1859
  value=${E(this.value ? this.value : void 0)}
1841
1860
  type=${this.type}
1842
- aria-label=${this.ariaLabel || this.label || "button"}
1861
+ aria-label=${this.ariaLabel || this.label || (this.circle ? this.icon : null) || "button"}
1843
1862
  @click=${this._handleClick}
1844
1863
  @focus="${this._handleFocus}"
1845
1864
  @blur="${this._handleBlur}"
1846
1865
  @keydown="${this._handleKeydown}"
1847
1866
  >
1848
- ${this.prefixIcon && this.variant !== "text" ? A`<slot name="prefix-icon">
1867
+ ${this.prefixIcon && this.variant !== "text" ? x`<slot name="prefix-icon">
1849
1868
  <nys-icon size="16" name=${this.prefixIcon}></nys-icon>
1850
1869
  </slot>` : ""}
1851
- ${this.label ? A`<label class="nys-button__text">${this.label}</label>` : ""}
1852
- ${this.suffixIcon && this.variant !== "text" ? A`<slot name="suffix-icon">
1870
+ ${this.label && !this.circle ? x`<label class="nys-button__text">${this.label}</label>` : ""}
1871
+ ${this.suffixIcon && this.variant !== "text" ? x`<slot name="suffix-icon">
1853
1872
  <nys-icon size="16" name=${this.suffixIcon}></nys-icon>
1854
1873
  </slot>` : ""}
1874
+ ${this.circle && this.icon ? x`<slot name="circle-icon">
1875
+ <nys-icon
1876
+ size=${this.size === "sm" ? "24" : this.size === "lg" ? "40" : "32"}
1877
+ name=${this.icon}
1878
+ ></nys-icon>
1879
+ </slot>` : ""}
1855
1880
  </button>
1856
1881
  `}
1857
1882
  `;
1858
1883
  }
1859
- }, x.VALID_SIZES = ["sm", "md", "lg"], x.VALID_VARIANTS = [
1884
+ }, A.VALID_SIZES = ["sm", "md", "lg"], A.VALID_VARIANTS = [
1860
1885
  "filled",
1861
1886
  "outline",
1862
1887
  "ghost",
1863
1888
  "text"
1864
- ], x.VALID_TYPES = ["submit", "reset", "button"], x.VALID_TARGETS = [
1889
+ ], A.VALID_TYPES = ["submit", "reset", "button"], A.VALID_TARGETS = [
1865
1890
  "_self",
1866
1891
  "_blank",
1867
1892
  "_parent",
1868
1893
  "_top",
1869
1894
  "framename"
1870
- ], x.styles = ze, x.formAssociated = !0, x);
1871
- m([
1872
- $({ type: String })
1873
- ], _.prototype, "id", 2);
1874
- m([
1875
- $({ type: String, reflect: !0 })
1876
- ], _.prototype, "name", 2);
1877
- m([
1878
- $({ reflect: !0 })
1879
- ], _.prototype, "size", 1);
1880
- m([
1881
- $({ type: Boolean, reflect: !0 })
1882
- ], _.prototype, "fullWidth", 2);
1883
- m([
1884
- $({ reflect: !0 })
1885
- ], _.prototype, "variant", 1);
1886
- m([
1887
- $({ type: Boolean, reflect: !0 })
1888
- ], _.prototype, "inverted", 2);
1889
- m([
1890
- $({ type: String })
1891
- ], _.prototype, "label", 2);
1892
- m([
1893
- $({ type: String })
1894
- ], _.prototype, "ariaLabel", 2);
1895
- m([
1896
- $({ type: String })
1897
- ], _.prototype, "prefixIcon", 2);
1898
- m([
1899
- $({ type: String })
1900
- ], _.prototype, "suffixIcon", 2);
1901
- m([
1902
- $({ type: Boolean, reflect: !0 })
1903
- ], _.prototype, "disabled", 2);
1904
- m([
1905
- $({ type: String })
1906
- ], _.prototype, "form", 2);
1907
- m([
1908
- $({ type: String })
1909
- ], _.prototype, "value", 2);
1910
- m([
1911
- $({ reflect: !0 })
1912
- ], _.prototype, "type", 1);
1913
- m([
1914
- $({ type: Function })
1915
- ], _.prototype, "onClick", 2);
1916
- m([
1917
- $({ type: String })
1918
- ], _.prototype, "href", 2);
1919
- m([
1920
- $({ reflect: !0 })
1921
- ], _.prototype, "target", 1);
1922
- let Ye = _;
1895
+ ], A.styles = ze, A.formAssociated = !0, A);
1896
+ $([
1897
+ g({ type: String })
1898
+ ], f.prototype, "id", 2);
1899
+ $([
1900
+ g({ type: String, reflect: !0 })
1901
+ ], f.prototype, "name", 2);
1902
+ $([
1903
+ g({ reflect: !0 })
1904
+ ], f.prototype, "size", 1);
1905
+ $([
1906
+ g({ type: Boolean, reflect: !0 })
1907
+ ], f.prototype, "fullWidth", 2);
1908
+ $([
1909
+ g({ reflect: !0 })
1910
+ ], f.prototype, "variant", 1);
1911
+ $([
1912
+ g({ type: Boolean, reflect: !0 })
1913
+ ], f.prototype, "inverted", 2);
1914
+ $([
1915
+ g({ type: String })
1916
+ ], f.prototype, "label", 2);
1917
+ $([
1918
+ g({ type: String })
1919
+ ], f.prototype, "ariaLabel", 2);
1920
+ $([
1921
+ g({ type: String })
1922
+ ], f.prototype, "prefixIcon", 2);
1923
+ $([
1924
+ g({ type: String })
1925
+ ], f.prototype, "suffixIcon", 2);
1926
+ $([
1927
+ g({ type: Boolean, reflect: !0 })
1928
+ ], f.prototype, "circle", 2);
1929
+ $([
1930
+ g({ type: String })
1931
+ ], f.prototype, "icon", 2);
1932
+ $([
1933
+ g({ type: Boolean, reflect: !0 })
1934
+ ], f.prototype, "disabled", 2);
1935
+ $([
1936
+ g({ type: String })
1937
+ ], f.prototype, "form", 2);
1938
+ $([
1939
+ g({ type: String })
1940
+ ], f.prototype, "value", 2);
1941
+ $([
1942
+ g({ reflect: !0 })
1943
+ ], f.prototype, "type", 1);
1944
+ $([
1945
+ g({ type: Function })
1946
+ ], f.prototype, "onClick", 2);
1947
+ $([
1948
+ g({ type: String })
1949
+ ], f.prototype, "href", 2);
1950
+ $([
1951
+ g({ reflect: !0 })
1952
+ ], f.prototype, "target", 1);
1953
+ let Ye = f;
1923
1954
  customElements.get("nys-button") || customElements.define("nys-button", Ye);
1924
- var Je = Object.defineProperty, Qe = Object.getOwnPropertyDescriptor, f = (o, t, e, s) => {
1925
- for (var r = s > 1 ? void 0 : s ? Qe(t, e) : t, i = o.length - 1, n; i >= 0; i--)
1926
- (n = o[i]) && (r = (s ? n(t, e, r) : n(r)) || r);
1927
- return s && r && Je(t, e, r), r;
1955
+ var Je = Object.defineProperty, Qe = Object.getOwnPropertyDescriptor, y = (n, t, e, s) => {
1956
+ for (var o = s > 1 ? void 0 : s ? Qe(t, e) : t, i = n.length - 1, r; i >= 0; i--)
1957
+ (r = n[i]) && (o = (s ? r(t, e, o) : r(o)) || o);
1958
+ return s && o && Je(t, e, o), o;
1928
1959
  };
1929
1960
  let Xe = 0;
1930
1961
  var w;
@@ -1964,23 +1995,23 @@ const u = (w = class extends jt {
1964
1995
  this._internals.setFormValue(this.value), this._manageRequire();
1965
1996
  }
1966
1997
  _manageRequire() {
1967
- var r, i;
1968
- const t = (r = this.shadowRoot) == null ? void 0 : r.querySelector("input");
1998
+ var o, i;
1999
+ const t = (o = this.shadowRoot) == null ? void 0 : o.querySelector("input");
1969
2000
  if (!t) return;
1970
2001
  const e = this.errorMessage || "This field is required";
1971
2002
  this.required && (!this.value || ((i = this.value) == null ? void 0 : i.trim()) === "") ? (this._internals.ariaRequired = "true", this._internals.setValidity({ valueMissing: !0 }, e, t)) : (this._internals.ariaRequired = "false", this._internals.setValidity({}), this._hasUserInteracted = !1);
1972
2003
  }
1973
2004
  _setValidityMessage(t = "") {
1974
- var r, i;
1975
- const e = (r = this.shadowRoot) == null ? void 0 : r.querySelector("input");
2005
+ var o, i;
2006
+ const e = (o = this.shadowRoot) == null ? void 0 : o.querySelector("input");
1976
2007
  if (!e) return;
1977
2008
  this.showError = !!t, (i = this._originalErrorMessage) != null && i.trim() && t !== "" ? this.errorMessage = this._originalErrorMessage : this.errorMessage = t;
1978
2009
  const s = t ? { customError: !0 } : {};
1979
2010
  this._internals.setValidity(s, this.errorMessage, e);
1980
2011
  }
1981
2012
  _validate() {
1982
- var r;
1983
- const t = (r = this.shadowRoot) == null ? void 0 : r.querySelector("input");
2013
+ var o;
2014
+ const t = (o = this.shadowRoot) == null ? void 0 : o.querySelector("input");
1984
2015
  if (!t) return;
1985
2016
  const e = t.validity;
1986
2017
  let s = "";
@@ -1998,8 +2029,8 @@ const u = (w = class extends jt {
1998
2029
  t.preventDefault(), this._hasUserInteracted = !0, this._validate();
1999
2030
  const e = (s = this.shadowRoot) == null ? void 0 : s.querySelector("input");
2000
2031
  if (e) {
2001
- const r = this._internals.form;
2002
- r ? Array.from(r.elements).find(
2032
+ const o = this._internals.form;
2033
+ o ? Array.from(o.elements).find(
2003
2034
  (l) => typeof l.checkValidity == "function" && !l.checkValidity()
2004
2035
  ) === this && e.focus() : e.focus();
2005
2036
  }
@@ -2028,16 +2059,16 @@ const u = (w = class extends jt {
2028
2059
  this._hasUserInteracted || (this._hasUserInteracted = !0), this._validate(), this.dispatchEvent(new Event("nys-blur"));
2029
2060
  }
2030
2061
  _validateButtonSlot(t) {
2031
- var n, l;
2032
- const e = (n = this.shadowRoot) == null ? void 0 : n.querySelector(
2062
+ var r, l;
2063
+ const e = (r = this.shadowRoot) == null ? void 0 : r.querySelector(
2033
2064
  'slot[name="' + t + '"]'
2034
2065
  ), s = (l = this.shadowRoot) == null ? void 0 : l.querySelector(
2035
2066
  ".nys-textinput__buttoncontainer"
2036
2067
  );
2037
2068
  if (!e || !s) return;
2038
- const r = e.assignedElements();
2069
+ const o = e.assignedElements();
2039
2070
  let i = !1;
2040
- r.forEach((a) => {
2071
+ o.forEach((a) => {
2041
2072
  a instanceof HTMLElement && a.tagName.toLowerCase() === "nys-button" && !i ? (i = !0, a.setAttribute("size", "sm"), a.setAttribute("variant", "primary"), this.disabled ? a.setAttribute("disabled", "true") : a.removeAttribute("disabled")) : (console.warn(
2042
2073
  "The '" + t + "' slot only accepts a single <nys-button> element. Removing invalid or extra node:",
2043
2074
  a
@@ -2045,7 +2076,7 @@ const u = (w = class extends jt {
2045
2076
  }), t === "startButton" ? s.classList.toggle("has-start-button", i) : t === "endButton" && s.classList.toggle("has-end-button", i);
2046
2077
  }
2047
2078
  render() {
2048
- return A`
2079
+ return x`
2049
2080
  <div class="nys-textinput">
2050
2081
  <nys-label
2051
2082
  id=${this.id}
@@ -2088,7 +2119,7 @@ const u = (w = class extends jt {
2088
2119
  @focus="${this._handleFocus}"
2089
2120
  @blur="${this._handleBlur}"
2090
2121
  />
2091
- ${this.type === "password" ? A` <nys-button
2122
+ ${this.type === "password" ? x` <nys-button
2092
2123
  class="eye-icon"
2093
2124
  id="password-toggle"
2094
2125
  suffixIcon="slotted"
@@ -2124,67 +2155,67 @@ const u = (w = class extends jt {
2124
2155
  "text",
2125
2156
  "url"
2126
2157
  ], w.VALID_WIDTHS = ["sm", "md", "lg", "full"], w.styles = ve, w.formAssociated = !0, w);
2127
- f([
2158
+ y([
2128
2159
  p({ type: String })
2129
2160
  ], u.prototype, "id", 2);
2130
- f([
2161
+ y([
2131
2162
  p({ type: String, reflect: !0 })
2132
2163
  ], u.prototype, "name", 2);
2133
- f([
2164
+ y([
2134
2165
  p({ reflect: !0 })
2135
2166
  ], u.prototype, "type", 1);
2136
- f([
2167
+ y([
2137
2168
  p({ type: String })
2138
2169
  ], u.prototype, "label", 2);
2139
- f([
2170
+ y([
2140
2171
  p({ type: String })
2141
2172
  ], u.prototype, "description", 2);
2142
- f([
2173
+ y([
2143
2174
  p({ type: String })
2144
2175
  ], u.prototype, "placeholder", 2);
2145
- f([
2176
+ y([
2146
2177
  p({ type: String })
2147
2178
  ], u.prototype, "value", 2);
2148
- f([
2179
+ y([
2149
2180
  p({ type: Boolean, reflect: !0 })
2150
2181
  ], u.prototype, "disabled", 2);
2151
- f([
2182
+ y([
2152
2183
  p({ type: Boolean, reflect: !0 })
2153
2184
  ], u.prototype, "readonly", 2);
2154
- f([
2185
+ y([
2155
2186
  p({ type: Boolean, reflect: !0 })
2156
2187
  ], u.prototype, "required", 2);
2157
- f([
2188
+ y([
2158
2189
  p({ type: Boolean, reflect: !0 })
2159
2190
  ], u.prototype, "optional", 2);
2160
- f([
2191
+ y([
2161
2192
  p({ type: String })
2162
2193
  ], u.prototype, "form", 2);
2163
- f([
2194
+ y([
2164
2195
  p({ type: String })
2165
2196
  ], u.prototype, "pattern", 2);
2166
- f([
2197
+ y([
2167
2198
  p({ type: Number })
2168
2199
  ], u.prototype, "maxlength", 2);
2169
- f([
2200
+ y([
2170
2201
  p({ reflect: !0 })
2171
2202
  ], u.prototype, "width", 2);
2172
- f([
2203
+ y([
2173
2204
  p({ type: Number })
2174
2205
  ], u.prototype, "step", 2);
2175
- f([
2206
+ y([
2176
2207
  p({ type: Number })
2177
2208
  ], u.prototype, "min", 2);
2178
- f([
2209
+ y([
2179
2210
  p({ type: Number })
2180
2211
  ], u.prototype, "max", 2);
2181
- f([
2212
+ y([
2182
2213
  p({ type: Boolean, reflect: !0 })
2183
2214
  ], u.prototype, "showError", 2);
2184
- f([
2215
+ y([
2185
2216
  p({ type: String })
2186
2217
  ], u.prototype, "errorMessage", 2);
2187
- f([
2218
+ y([
2188
2219
  be()
2189
2220
  ], u.prototype, "showPassword", 2);
2190
2221
  let ts = u;