@nysds/nys-fileinput 1.10.1 → 1.11.0

package/dist/nys-fileinput.js

@@ -1,4 +1,4 @@
-import { css as oe, LitElement as ne, html as y } from "lit";
+import { css as se, LitElement as re, html as y } from "lit";
 /*!
    * ▒█▄░▒█ ▒█░░▒█ ▒█▀▀▀█ ▒█▀▀▄ ▒█▀▀▀█ 
    * ▒█▒█▒█ ▒█▄▄▄█ ░▀▀▀▄▄ ▒█░▒█ ░▀▀▀▄▄ 
@@ -14,18 +14,18 @@ import { css as oe, LitElement as ne, html as y } from "lit";
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const z = globalThis, j = z.ShadowRoot && (z.ShadyCSS === void 0 || z.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, le = Symbol(), J = /* @__PURE__ */ new WeakMap();
-let pe = class {
+const D = globalThis, L = D.ShadowRoot && (D.ShadyCSS === void 0 || D.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, oe = Symbol(), Y = /* @__PURE__ */ new WeakMap();
+let de = class {
   constructor(e, t, i) {
-    if (this._$cssResult$ = !0, i !== le) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, i !== oe) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = e, this.t = t;
   }
   get styleSheet() {
     let e = this.o;
     const t = this.t;
-    if (j && e === void 0) {
+    if (L && e === void 0) {
       const i = t !== void 0 && t.length === 1;
-      i && (e = J.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), i && J.set(t, e));
+      i && (e = Y.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), i && Y.set(t, e));
     }
     return e;
   }
@@ -33,26 +33,26 @@ let pe = class {
     return this.cssText;
   }
 };
-const ue = (o) => new pe(typeof o == "string" ? o : o + "", void 0, le), fe = (o, e) => {
-  if (j) o.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
+const ce = (o) => new de(typeof o == "string" ? o : o + "", void 0, oe), pe = (o, e) => {
+  if (L) o.adoptedStyleSheets = e.map(((t) => t instanceof CSSStyleSheet ? t : t.styleSheet));
   else for (const t of e) {
-    const i = document.createElement("style"), s = z.litNonce;
+    const i = document.createElement("style"), s = D.litNonce;
     s !== void 0 && i.setAttribute("nonce", s), i.textContent = t.cssText, o.appendChild(i);
   }
-}, K = j ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((e) => {
+}, G = L ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((e) => {
   let t = "";
   for (const i of e.cssRules) t += i.cssText;
-  return ue(t);
+  return ce(t);
 })(o) : o;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: _e, defineProperty: ye, getOwnPropertyDescriptor: ge, getOwnPropertyNames: me, getOwnPropertySymbols: ve, getPrototypeOf: $e } = Object, $ = globalThis, Z = $.trustedTypes, be = Z ? Z.emptyScript : "", I = $.reactiveElementPolyfillSupport, P = (o, e) => o, R = { toAttribute(o, e) {
+const { is: ue, defineProperty: fe, getOwnPropertyDescriptor: _e, getOwnPropertyNames: ye, getOwnPropertySymbols: ge, getPrototypeOf: me } = Object, q = globalThis, J = q.trustedTypes, ve = J ? J.emptyScript : "", $e = q.reactiveElementPolyfillSupport, C = (o, e) => o, U = { toAttribute(o, e) {
   switch (e) {
     case Boolean:
-      o = o ? be : null;
+      o = o ? ve : null;
       break;
     case Object:
     case Array:
@@ -77,46 +77,44 @@ const { is: _e, defineProperty: ye, getOwnPropertyDescriptor: ge, getOwnProperty
       }
   }
   return t;
-} }, W = (o, e) => !_e(o, e), Q = { attribute: !0, type: String, converter: R, reflect: !1, hasChanged: W };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), $.litPropertyMetadata ?? ($.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-class x extends HTMLElement {
+} }, B = (o, e) => !ue(o, e), K = { attribute: !0, type: String, converter: U, reflect: !1, useDefault: !1, hasChanged: B };
+Symbol.metadata ??= Symbol("metadata"), q.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+class S extends HTMLElement {
   static addInitializer(e) {
-    this._$Ei(), (this.l ?? (this.l = [])).push(e);
+    this._$Ei(), (this.l ??= []).push(e);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(e, t = Q) {
-    if (t.state && (t.attribute = !1), this._$Ei(), this.elementProperties.set(e, t), !t.noAccessor) {
+  static createProperty(e, t = K) {
+    if (t.state && (t.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((t = Object.create(t)).wrapped = !0), this.elementProperties.set(e, t), !t.noAccessor) {
       const i = Symbol(), s = this.getPropertyDescriptor(e, i, t);
-      s !== void 0 && ye(this.prototype, e, s);
+      s !== void 0 && fe(this.prototype, e, s);
     }
   }
   static getPropertyDescriptor(e, t, i) {
-    const { get: s, set: r } = ge(this.prototype, e) ?? { get() {
+    const { get: s, set: r } = _e(this.prototype, e) ?? { get() {
       return this[t];
     }, set(n) {
       this[t] = n;
     } };
-    return { get() {
-      return s == null ? void 0 : s.call(this);
-    }, set(n) {
-      const a = s == null ? void 0 : s.call(this);
-      r.call(this, n), this.requestUpdate(e, a, i);
+    return { get: s, set(n) {
+      const a = s?.call(this);
+      r?.call(this, n), this.requestUpdate(e, a, i);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(e) {
-    return this.elementProperties.get(e) ?? Q;
+    return this.elementProperties.get(e) ?? K;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(P("elementProperties"))) return;
-    const e = $e(this);
+    if (this.hasOwnProperty(C("elementProperties"))) return;
+    const e = me(this);
     e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(P("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(P("properties"))) {
-      const t = this.properties, i = [...me(t), ...ve(t)];
+    if (this.hasOwnProperty(C("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(C("properties"))) {
+      const t = this.properties, i = [...ye(t), ...ge(t)];
       for (const s of i) this.createProperty(s, t[s]);
     }
     const e = this[Symbol.metadata];
@@ -135,8 +133,8 @@ class x extends HTMLElement {
     const t = [];
     if (Array.isArray(e)) {
       const i = new Set(e.flat(1 / 0).reverse());
-      for (const s of i) t.unshift(K(s));
-    } else e !== void 0 && t.push(K(e));
+      for (const s of i) t.unshift(G(s));
+    } else e !== void 0 && t.push(G(e));
     return t;
   }
   static _$Eu(e, t) {
@@ -147,16 +145,13 @@ class x extends HTMLElement {
     super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
   }
   _$Ev() {
-    var e;
-    this._$ES = new Promise((t) => this.enableUpdating = t), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (e = this.constructor.l) == null || e.forEach((t) => t(this));
+    this._$ES = new Promise(((e) => this.enableUpdating = e)), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach(((e) => e(this)));
   }
   addController(e) {
-    var t;
-    (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(e), this.renderRoot !== void 0 && this.isConnected && ((t = e.hostConnected) == null || t.call(e));
+    (this._$EO ??= /* @__PURE__ */ new Set()).add(e), this.renderRoot !== void 0 && this.isConnected && e.hostConnected?.();
   }
   removeController(e) {
-    var t;
-    (t = this._$EO) == null || t.delete(e);
+    this._$EO?.delete(e);
   }
   _$E_() {
     const e = /* @__PURE__ */ new Map(), t = this.constructor.elementProperties;
@@ -165,54 +160,47 @@ class x extends HTMLElement {
   }
   createRenderRoot() {
     const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return fe(e, this.constructor.elementStyles), e;
+    return pe(e, this.constructor.elementStyles), e;
   }
   connectedCallback() {
-    var e;
-    this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (e = this._$EO) == null || e.forEach((t) => {
-      var i;
-      return (i = t.hostConnected) == null ? void 0 : i.call(t);
-    });
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(((e) => e.hostConnected?.()));
   }
   enableUpdating(e) {
   }
   disconnectedCallback() {
-    var e;
-    (e = this._$EO) == null || e.forEach((t) => {
-      var i;
-      return (i = t.hostDisconnected) == null ? void 0 : i.call(t);
-    });
+    this._$EO?.forEach(((e) => e.hostDisconnected?.()));
   }
   attributeChangedCallback(e, t, i) {
     this._$AK(e, i);
   }
-  _$EC(e, t) {
-    var r;
+  _$ET(e, t) {
     const i = this.constructor.elementProperties.get(e), s = this.constructor._$Eu(e, i);
     if (s !== void 0 && i.reflect === !0) {
-      const n = (((r = i.converter) == null ? void 0 : r.toAttribute) !== void 0 ? i.converter : R).toAttribute(t, i.type);
-      this._$Em = e, n == null ? this.removeAttribute(s) : this.setAttribute(s, n), this._$Em = null;
+      const r = (i.converter?.toAttribute !== void 0 ? i.converter : U).toAttribute(t, i.type);
+      this._$Em = e, r == null ? this.removeAttribute(s) : this.setAttribute(s, r), this._$Em = null;
     }
   }
   _$AK(e, t) {
-    var r;
     const i = this.constructor, s = i._$Eh.get(e);
     if (s !== void 0 && this._$Em !== s) {
-      const n = i.getPropertyOptions(s), a = typeof n.converter == "function" ? { fromAttribute: n.converter } : ((r = n.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? n.converter : R;
-      this._$Em = s, this[s] = a.fromAttribute(t, n.type), this._$Em = null;
+      const r = i.getPropertyOptions(s), n = typeof r.converter == "function" ? { fromAttribute: r.converter } : r.converter?.fromAttribute !== void 0 ? r.converter : U;
+      this._$Em = s;
+      const a = n.fromAttribute(t, r.type);
+      this[s] = a ?? this._$Ej?.get(s) ?? a, this._$Em = null;
     }
   }
   requestUpdate(e, t, i) {
     if (e !== void 0) {
-      if (i ?? (i = this.constructor.getPropertyOptions(e)), !(i.hasChanged ?? W)(this[e], t)) return;
-      this.P(e, t, i);
+      const s = this.constructor, r = this[e];
+      if (i ??= s.getPropertyOptions(e), !((i.hasChanged ?? B)(r, t) || i.useDefault && i.reflect && r === this._$Ej?.get(e) && !this.hasAttribute(s._$Eu(e, i)))) return;
+      this.C(e, t, i);
     }
-    this.isUpdatePending === !1 && (this._$ES = this._$ET());
+    this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  P(e, t, i) {
-    this._$AL.has(e) || this._$AL.set(e, t), i.reflect === !0 && this._$Em !== e && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(e);
+  C(e, t, { useDefault: i, reflect: s, wrapped: r }, n) {
+    i && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(e) && (this._$Ej.set(e, n ?? t ?? this[e]), r !== !0 || n !== void 0) || (this._$AL.has(e) || (this.hasUpdated || i || (t = void 0), this._$AL.set(e, t)), s === !0 && this._$Em !== e && (this._$Eq ??= /* @__PURE__ */ new Set()).add(e));
   }
-  async _$ET() {
+  async _$EP() {
     this.isUpdatePending = !0;
     try {
       await this._$ES;
@@ -226,38 +214,33 @@ class x extends HTMLElement {
     return this.performUpdate();
   }
   performUpdate() {
-    var i;
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
-      if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [r, n] of this._$Ep) this[r] = n;
+      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+        for (const [s, r] of this._$Ep) this[s] = r;
         this._$Ep = void 0;
       }
-      const s = this.constructor.elementProperties;
-      if (s.size > 0) for (const [r, n] of s) n.wrapped !== !0 || this._$AL.has(r) || this[r] === void 0 || this.P(r, this[r], n);
+      const i = this.constructor.elementProperties;
+      if (i.size > 0) for (const [s, r] of i) {
+        const { wrapped: n } = r, a = this[s];
+        n !== !0 || this._$AL.has(s) || a === void 0 || this.C(s, void 0, r, a);
+      }
     }
     let e = !1;
     const t = this._$AL;
     try {
-      e = this.shouldUpdate(t), e ? (this.willUpdate(t), (i = this._$EO) == null || i.forEach((s) => {
-        var r;
-        return (r = s.hostUpdate) == null ? void 0 : r.call(s);
-      }), this.update(t)) : this._$EU();
-    } catch (s) {
-      throw e = !1, this._$EU(), s;
+      e = this.shouldUpdate(t), e ? (this.willUpdate(t), this._$EO?.forEach(((i) => i.hostUpdate?.())), this.update(t)) : this._$EM();
+    } catch (i) {
+      throw e = !1, this._$EM(), i;
     }
     e && this._$AE(t);
   }
   willUpdate(e) {
   }
   _$AE(e) {
-    var t;
-    (t = this._$EO) == null || t.forEach((i) => {
-      var s;
-      return (s = i.hostUpdated) == null ? void 0 : s.call(i);
-    }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);
+    this._$EO?.forEach(((t) => t.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);
   }
-  _$EU() {
+  _$EM() {
     this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
   }
   get updateComplete() {
@@ -270,29 +253,29 @@ class x extends HTMLElement {
     return !0;
   }
   update(e) {
-    this._$Ej && (this._$Ej = this._$Ej.forEach((t) => this._$EC(t, this[t]))), this._$EU();
+    this._$Eq &&= this._$Eq.forEach(((t) => this._$ET(t, this[t]))), this._$EM();
   }
   updated(e) {
   }
   firstUpdated(e) {
   }
 }
-x.elementStyles = [], x.shadowRootOptions = { mode: "open" }, x[P("elementProperties")] = /* @__PURE__ */ new Map(), x[P("finalized")] = /* @__PURE__ */ new Map(), I == null || I({ ReactiveElement: x }), ($.reactiveElementVersions ?? ($.reactiveElementVersions = [])).push("2.0.4");
+S.elementStyles = [], S.shadowRootOptions = { mode: "open" }, S[C("elementProperties")] = /* @__PURE__ */ new Map(), S[C("finalized")] = /* @__PURE__ */ new Map(), $e?.({ ReactiveElement: S }), (q.reactiveElementVersions ??= []).push("2.1.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ae = { attribute: !0, type: String, converter: R, reflect: !1, hasChanged: W }, we = (o = Ae, e, t) => {
+const be = { attribute: !0, type: String, converter: U, reflect: !1, hasChanged: B }, Ae = (o = be, e, t) => {
   const { kind: i, metadata: s } = t;
   let r = globalThis.litPropertyMetadata.get(s);
-  if (r === void 0 && globalThis.litPropertyMetadata.set(s, r = /* @__PURE__ */ new Map()), r.set(t.name, o), i === "accessor") {
+  if (r === void 0 && globalThis.litPropertyMetadata.set(s, r = /* @__PURE__ */ new Map()), i === "setter" && ((o = Object.create(o)).wrapped = !0), r.set(t.name, o), i === "accessor") {
     const { name: n } = t;
     return { set(a) {
       const l = e.get.call(this);
       e.set.call(this, a), this.requestUpdate(n, l, o);
     }, init(a) {
-      return a !== void 0 && this.P(n, void 0, o), a;
+      return a !== void 0 && this.C(n, void 0, o, a), a;
     } };
   }
   if (i === "setter") {
@@ -305,9 +288,9 @@ const Ae = { attribute: !0, type: String, converter: R, reflect: !1, hasChanged:
   throw Error("Unsupported decorator location: " + i);
 };
 function d(o) {
-  return (e, t) => typeof t == "object" ? we(o, e, t) : ((i, s, r) => {
+  return (e, t) => typeof t == "object" ? Ae(o, e, t) : ((i, s, r) => {
     const n = s.hasOwnProperty(r);
-    return s.constructor.createProperty(r, n ? { ...i, wrapped: !0 } : i), n ? Object.getOwnPropertyDescriptor(s, r) : void 0;
+    return s.constructor.createProperty(r, i), n ? Object.getOwnPropertyDescriptor(s, r) : void 0;
   })(o, e, t);
 }
 /**
@@ -315,50 +298,50 @@ function d(o) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const k = globalThis, O = k.trustedTypes, X = O ? O.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, ae = "$lit$", v = `lit$${Math.random().toFixed(9).slice(2)}$`, he = "?" + v, Ee = `<${he}>`, w = document, H = () => w.createComment(""), F = (o) => o === null || typeof o != "object" && typeof o != "function", Y = Array.isArray, Se = (o) => Y(o) || typeof (o == null ? void 0 : o[Symbol.iterator]) == "function", B = `[ 	
-\f\r]`, C = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ee = /-->/g, te = />/g, b = RegExp(`>|${B}(?:([^\\s"'>=/]+)(${B}*=${B}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), ie = /'/g, se = /"/g, de = /^(?:script|style|textarea|title)$/i, M = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), re = /* @__PURE__ */ new WeakMap(), A = w.createTreeWalker(w, 129);
-function ce(o, e) {
-  if (!Y(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return X !== void 0 ? X.createHTML(e) : e;
+const j = globalThis, z = j.trustedTypes, Z = z ? z.createPolicy("lit-html", { createHTML: (o) => o }) : void 0, ne = "$lit$", v = `lit$${Math.random().toFixed(9).slice(2)}$`, le = "?" + v, we = `<${le}>`, A = document, R = () => A.createComment(""), P = (o) => o === null || typeof o != "object" && typeof o != "function", V = Array.isArray, Ee = (o) => V(o) || typeof o?.[Symbol.iterator] == "function", I = `[ 	
+\f\r]`, x = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Q = /-->/g, X = />/g, $ = RegExp(`>|${I}(?:([^\\s"'>=/]+)(${I}*=${I}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), ee = /'/g, te = /"/g, ae = /^(?:script|style|textarea|title)$/i, k = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), ie = /* @__PURE__ */ new WeakMap(), b = A.createTreeWalker(A, 129);
+function he(o, e) {
+  if (!V(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return Z !== void 0 ? Z.createHTML(e) : e;
 }
-const xe = (o, e) => {
+const Se = (o, e) => {
   const t = o.length - 1, i = [];
-  let s, r = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", n = C;
+  let s, r = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", n = x;
   for (let a = 0; a < t; a++) {
     const l = o[a];
     let u, f, h = -1, g = 0;
-    for (; g < l.length && (n.lastIndex = g, f = n.exec(l), f !== null); ) g = n.lastIndex, n === C ? f[1] === "!--" ? n = ee : f[1] !== void 0 ? n = te : f[2] !== void 0 ? (de.test(f[2]) && (s = RegExp("</" + f[2], "g")), n = b) : f[3] !== void 0 && (n = b) : n === b ? f[0] === ">" ? (n = s ?? C, h = -1) : f[1] === void 0 ? h = -2 : (h = n.lastIndex - f[2].length, u = f[1], n = f[3] === void 0 ? b : f[3] === '"' ? se : ie) : n === se || n === ie ? n = b : n === ee || n === te ? n = C : (n = b, s = void 0);
-    const m = n === b && o[a + 1].startsWith("/>") ? " " : "";
-    r += n === C ? l + Ee : h >= 0 ? (i.push(u), l.slice(0, h) + ae + l.slice(h) + v + m) : l + v + (h === -2 ? a : m);
+    for (; g < l.length && (n.lastIndex = g, f = n.exec(l), f !== null); ) g = n.lastIndex, n === x ? f[1] === "!--" ? n = Q : f[1] !== void 0 ? n = X : f[2] !== void 0 ? (ae.test(f[2]) && (s = RegExp("</" + f[2], "g")), n = $) : f[3] !== void 0 && (n = $) : n === $ ? f[0] === ">" ? (n = s ?? x, h = -1) : f[1] === void 0 ? h = -2 : (h = n.lastIndex - f[2].length, u = f[1], n = f[3] === void 0 ? $ : f[3] === '"' ? te : ee) : n === te || n === ee ? n = $ : n === Q || n === X ? n = x : (n = $, s = void 0);
+    const m = n === $ && o[a + 1].startsWith("/>") ? " " : "";
+    r += n === x ? l + we : h >= 0 ? (i.push(u), l.slice(0, h) + ne + l.slice(h) + v + m) : l + v + (h === -2 ? a : m);
   }
-  return [ce(o, r + (o[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), i];
+  return [he(o, r + (o[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), i];
 };
-class U {
+class F {
   constructor({ strings: e, _$litType$: t }, i) {
     let s;
     this.parts = [];
     let r = 0, n = 0;
-    const a = e.length - 1, l = this.parts, [u, f] = xe(e, t);
-    if (this.el = U.createElement(u, i), A.currentNode = this.el.content, t === 2 || t === 3) {
+    const a = e.length - 1, l = this.parts, [u, f] = Se(e, t);
+    if (this.el = F.createElement(u, i), b.currentNode = this.el.content, t === 2 || t === 3) {
       const h = this.el.content.firstChild;
       h.replaceWith(...h.childNodes);
     }
-    for (; (s = A.nextNode()) !== null && l.length < a; ) {
+    for (; (s = b.nextNode()) !== null && l.length < a; ) {
       if (s.nodeType === 1) {
-        if (s.hasAttributes()) for (const h of s.getAttributeNames()) if (h.endsWith(ae)) {
-          const g = f[n++], m = s.getAttribute(h).split(v), D = /([.?@])?(.*)/.exec(g);
-          l.push({ type: 1, index: r, name: D[2], strings: m, ctor: D[1] === "." ? Pe : D[1] === "?" ? ke : D[1] === "@" ? Fe : N }), s.removeAttribute(h);
+        if (s.hasAttributes()) for (const h of s.getAttributeNames()) if (h.endsWith(ne)) {
+          const g = f[n++], m = s.getAttribute(h).split(v), M = /([.?@])?(.*)/.exec(g);
+          l.push({ type: 1, index: r, name: M[2], strings: m, ctor: M[1] === "." ? Ce : M[1] === "?" ? Pe : M[1] === "@" ? ke : T }), s.removeAttribute(h);
         } else h.startsWith(v) && (l.push({ type: 6, index: r }), s.removeAttribute(h));
-        if (de.test(s.tagName)) {
+        if (ae.test(s.tagName)) {
           const h = s.textContent.split(v), g = h.length - 1;
           if (g > 0) {
-            s.textContent = O ? O.emptyScript : "";
-            for (let m = 0; m < g; m++) s.append(h[m], H()), A.nextNode(), l.push({ type: 2, index: ++r });
-            s.append(h[g], H());
+            s.textContent = z ? z.emptyScript : "";
+            for (let m = 0; m < g; m++) s.append(h[m], R()), b.nextNode(), l.push({ type: 2, index: ++r });
+            s.append(h[g], R());
           }
         }
-      } else if (s.nodeType === 8) if (s.data === he) l.push({ type: 2, index: r });
+      } else if (s.nodeType === 8) if (s.data === le) l.push({ type: 2, index: r });
       else {
         let h = -1;
         for (; (h = s.data.indexOf(v, h + 1)) !== -1; ) l.push({ type: 7, index: r }), h += v.length - 1;
@@ -367,18 +350,17 @@ class U {
     }
   }
   static createElement(e, t) {
-    const i = w.createElement("template");
+    const i = A.createElement("template");
     return i.innerHTML = e, i;
   }
 }
-function S(o, e, t = o, i) {
-  var n, a;
-  if (e === M) return e;
-  let s = i !== void 0 ? (n = t._$Co) == null ? void 0 : n[i] : t._$Cl;
-  const r = F(e) ? void 0 : e._$litDirective$;
-  return (s == null ? void 0 : s.constructor) !== r && ((a = s == null ? void 0 : s._$AO) == null || a.call(s, !1), r === void 0 ? s = void 0 : (s = new r(o), s._$AT(o, t, i)), i !== void 0 ? (t._$Co ?? (t._$Co = []))[i] = s : t._$Cl = s), s !== void 0 && (e = S(o, s._$AS(o, e.values), s, i)), e;
+function E(o, e, t = o, i) {
+  if (e === k) return e;
+  let s = i !== void 0 ? t._$Co?.[i] : t._$Cl;
+  const r = P(e) ? void 0 : e._$litDirective$;
+  return s?.constructor !== r && (s?._$AO?.(!1), r === void 0 ? s = void 0 : (s = new r(o), s._$AT(o, t, i)), i !== void 0 ? (t._$Co ??= [])[i] = s : t._$Cl = s), s !== void 0 && (e = E(o, s._$AS(o, e.values), s, i)), e;
 }
-class Ce {
+class xe {
   constructor(e, t) {
     this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
   }
@@ -389,35 +371,34 @@ class Ce {
     return this._$AM._$AU;
   }
   u(e) {
-    const { el: { content: t }, parts: i } = this._$AD, s = ((e == null ? void 0 : e.creationScope) ?? w).importNode(t, !0);
-    A.currentNode = s;
-    let r = A.nextNode(), n = 0, a = 0, l = i[0];
+    const { el: { content: t }, parts: i } = this._$AD, s = (e?.creationScope ?? A).importNode(t, !0);
+    b.currentNode = s;
+    let r = b.nextNode(), n = 0, a = 0, l = i[0];
     for (; l !== void 0; ) {
       if (n === l.index) {
         let u;
-        l.type === 2 ? u = new q(r, r.nextSibling, this, e) : l.type === 1 ? u = new l.ctor(r, l.name, l.strings, this, e) : l.type === 6 && (u = new Me(r, this, e)), this._$AV.push(u), l = i[++a];
+        l.type === 2 ? u = new H(r, r.nextSibling, this, e) : l.type === 1 ? u = new l.ctor(r, l.name, l.strings, this, e) : l.type === 6 && (u = new Fe(r, this, e)), this._$AV.push(u), l = i[++a];
       }
-      n !== (l == null ? void 0 : l.index) && (r = A.nextNode(), n++);
+      n !== l?.index && (r = b.nextNode(), n++);
     }
-    return A.currentNode = w, s;
+    return b.currentNode = A, s;
   }
   p(e) {
     let t = 0;
     for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(e, i, t), t += i.strings.length - 2) : i._$AI(e[t])), t++;
   }
 }
-class q {
+class H {
   get _$AU() {
-    var e;
-    return ((e = this._$AM) == null ? void 0 : e._$AU) ?? this._$Cv;
+    return this._$AM?._$AU ?? this._$Cv;
   }
   constructor(e, t, i, s) {
-    this.type = 2, this._$AH = c, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = i, this.options = s, this._$Cv = (s == null ? void 0 : s.isConnected) ?? !0;
+    this.type = 2, this._$AH = c, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = i, this.options = s, this._$Cv = s?.isConnected ?? !0;
   }
   get parentNode() {
     let e = this._$AA.parentNode;
     const t = this._$AM;
-    return t !== void 0 && (e == null ? void 0 : e.nodeType) === 11 && (e = t.parentNode), e;
+    return t !== void 0 && e?.nodeType === 11 && (e = t.parentNode), e;
   }
   get startNode() {
     return this._$AA;
@@ -426,7 +407,7 @@ class q {
     return this._$AB;
   }
   _$AI(e, t = this) {
-    e = S(this, e, t), F(e) ? e === c || e == null || e === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : e !== this._$AH && e !== M && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Se(e) ? this.k(e) : this._(e);
+    e = E(this, e, t), P(e) ? e === c || e == null || e === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : e !== this._$AH && e !== k && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Ee(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -435,41 +416,38 @@ class q {
     this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
   }
   _(e) {
-    this._$AH !== c && F(this._$AH) ? this._$AA.nextSibling.data = e : this.T(w.createTextNode(e)), this._$AH = e;
+    this._$AH !== c && P(this._$AH) ? this._$AA.nextSibling.data = e : this.T(A.createTextNode(e)), this._$AH = e;
   }
   $(e) {
-    var r;
-    const { values: t, _$litType$: i } = e, s = typeof i == "number" ? this._$AC(e) : (i.el === void 0 && (i.el = U.createElement(ce(i.h, i.h[0]), this.options)), i);
-    if (((r = this._$AH) == null ? void 0 : r._$AD) === s) this._$AH.p(t);
+    const { values: t, _$litType$: i } = e, s = typeof i == "number" ? this._$AC(e) : (i.el === void 0 && (i.el = F.createElement(he(i.h, i.h[0]), this.options)), i);
+    if (this._$AH?._$AD === s) this._$AH.p(t);
     else {
-      const n = new Ce(s, this), a = n.u(this.options);
-      n.p(t), this.T(a), this._$AH = n;
+      const r = new xe(s, this), n = r.u(this.options);
+      r.p(t), this.T(n), this._$AH = r;
     }
   }
   _$AC(e) {
-    let t = re.get(e.strings);
-    return t === void 0 && re.set(e.strings, t = new U(e)), t;
+    let t = ie.get(e.strings);
+    return t === void 0 && ie.set(e.strings, t = new F(e)), t;
   }
   k(e) {
-    Y(this._$AH) || (this._$AH = [], this._$AR());
+    V(this._$AH) || (this._$AH = [], this._$AR());
     const t = this._$AH;
     let i, s = 0;
-    for (const r of e) s === t.length ? t.push(i = new q(this.O(H()), this.O(H()), this, this.options)) : i = t[s], i._$AI(r), s++;
+    for (const r of e) s === t.length ? t.push(i = new H(this.O(R()), this.O(R()), this, this.options)) : i = t[s], i._$AI(r), s++;
     s < t.length && (this._$AR(i && i._$AB.nextSibling, s), t.length = s);
   }
   _$AR(e = this._$AA.nextSibling, t) {
-    var i;
-    for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, t); e && e !== this._$AB; ) {
-      const s = e.nextSibling;
-      e.remove(), e = s;
+    for (this._$AP?.(!1, !0, t); e !== this._$AB; ) {
+      const i = e.nextSibling;
+      e.remove(), e = i;
     }
   }
   setConnected(e) {
-    var t;
-    this._$AM === void 0 && (this._$Cv = e, (t = this._$AP) == null || t.call(this, e));
+    this._$AM === void 0 && (this._$Cv = e, this._$AP?.(e));
   }
 }
-class N {
+class T {
   get tagName() {
     return this.element.tagName;
   }
@@ -482,11 +460,11 @@ class N {
   _$AI(e, t = this, i, s) {
     const r = this.strings;
     let n = !1;
-    if (r === void 0) e = S(this, e, t, 0), n = !F(e) || e !== this._$AH && e !== M, n && (this._$AH = e);
+    if (r === void 0) e = E(this, e, t, 0), n = !P(e) || e !== this._$AH && e !== k, n && (this._$AH = e);
     else {
       const a = e;
       let l, u;
-      for (e = r[0], l = 0; l < r.length - 1; l++) u = S(this, a[i + l], t, l), u === M && (u = this._$AH[l]), n || (n = !F(u) || u !== this._$AH[l]), u === c ? e = c : e !== c && (e += (u ?? "") + r[l + 1]), this._$AH[l] = u;
+      for (e = r[0], l = 0; l < r.length - 1; l++) u = E(this, a[i + l], t, l), u === k && (u = this._$AH[l]), n ||= !P(u) || u !== this._$AH[l], u === c ? e = c : e !== c && (e += (u ?? "") + r[l + 1]), this._$AH[l] = u;
     }
     n && !s && this.j(e);
   }
@@ -494,7 +472,7 @@ class N {
     e === c ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
-class Pe extends N {
+class Ce extends T {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -502,7 +480,7 @@ class Pe extends N {
     this.element[this.name] = e === c ? void 0 : e;
   }
 }
-class ke extends N {
+class Pe extends T {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -510,21 +488,20 @@ class ke extends N {
     this.element.toggleAttribute(this.name, !!e && e !== c);
   }
 }
-class Fe extends N {
+class ke extends T {
   constructor(e, t, i, s, r) {
     super(e, t, i, s, r), this.type = 5;
   }
   _$AI(e, t = this) {
-    if ((e = S(this, e, t, 0) ?? c) === M) return;
+    if ((e = E(this, e, t, 0) ?? c) === k) return;
     const i = this._$AH, s = e === c && i !== c || e.capture !== i.capture || e.once !== i.once || e.passive !== i.passive, r = e !== c && (i === c || s);
     s && this.element.removeEventListener(this.name, this, i), r && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
   handleEvent(e) {
-    var t;
-    typeof this._$AH == "function" ? this._$AH.call(((t = this.options) == null ? void 0 : t.host) ?? this.element, e) : this._$AH.handleEvent(e);
+    typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, e) : this._$AH.handleEvent(e);
   }
 }
-class Me {
+class Fe {
   constructor(e, t, i) {
     this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = i;
   }
@@ -532,18 +509,18 @@ class Me {
     return this._$AM._$AU;
   }
   _$AI(e) {
-    S(this, e);
+    E(this, e);
   }
 }
-const V = k.litHtmlPolyfillSupport;
-V == null || V(U, q), (k.litHtmlVersions ?? (k.litHtmlVersions = [])).push("3.2.1");
+const Me = j.litHtmlPolyfillSupport;
+Me?.(F, H), (j.litHtmlVersions ??= []).push("3.3.1");
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ue = (o) => o ?? c;
-async function De(o, e) {
+const De = (o) => o ?? c;
+async function Ue(o, e) {
   if (!e || e.trim() === "") return !0;
   const t = e.toLowerCase().split(",").map((r) => r.trim()), i = o.name.toLowerCase(), s = i.includes(".") ? i.split(".").pop() : "";
   for (const r of t)
@@ -551,7 +528,7 @@ async function De(o, e) {
       return !0;
   return !1;
 }
-const ze = oe`
+const ze = se`
   :host {
     /* Global Fileinput Styles */
     --_nys-fileinput-gap: var(--nys-space-100, 8px);
@@ -684,7 +661,7 @@ const ze = oe`
   progress::-webkit-progress-bar {
     background-color: var(--_nys-fileinput-progress-background);
   }
-`, Re = oe`
+`, Re = se`
   :host {
     /* Global fileitem Styles */
     --_nys-fileitem-border-radius: var(--nys-radius-md, 4px);
@@ -830,12 +807,12 @@ const ze = oe`
     }
   }
 `;
-var Oe = Object.defineProperty, L = (o, e, t, i) => {
+var Oe = Object.defineProperty, N = (o, e, t, i) => {
   for (var s = void 0, r = o.length - 1, n; r >= 0; r--)
     (n = o[r]) && (s = n(e, t, s) || s);
   return s && Oe(e, t, s), s;
 };
-const G = class G extends ne {
+const W = class W extends re {
   constructor() {
     super(...arguments), this.filename = "", this.status = "pending", this.progress = 0, this.errorMessage = "";
   }
@@ -890,7 +867,7 @@ const G = class G extends ne {
             ariaLabel="close button"
             size="sm"
             variant="ghost"
-            .onClick=${() => this._handleRemove()}
+            @nys-click=${this._handleRemove}
             ariaLabel="Remove file: ${this.filename}"
           ></nys-button>
         </div>
@@ -908,31 +885,31 @@ const G = class G extends ne {
     `;
   }
 };
-G.styles = Re;
-let E = G;
-L([
+W.styles = Re;
+let w = W;
+N([
   d({ type: String })
-], E.prototype, "filename");
-L([
+], w.prototype, "filename");
+N([
   d({ type: String })
-], E.prototype, "status");
-L([
+], w.prototype, "status");
+N([
   d({ type: Number })
-], E.prototype, "progress");
-L([
+], w.prototype, "progress");
+N([
   d({ type: String })
-], E.prototype, "errorMessage");
-customElements.define("nys-fileitem", E);
-var He = Object.defineProperty, _ = (o, e, t, i) => {
+], w.prototype, "errorMessage");
+customElements.define("nys-fileitem", w);
+var qe = Object.defineProperty, _ = (o, e, t, i) => {
   for (var s = void 0, r = o.length - 1, n; r >= 0; r--)
     (n = o[r]) && (s = n(e, t, s) || s);
-  return s && He(e, t, s), s;
+  return s && qe(e, t, s), s;
 };
-let Te = 0;
-const T = class T extends ne {
+let He = 0;
+const O = class O extends re {
   // allows use of elementInternals' API
   constructor() {
-    super(), this.id = "", this.name = "", this.label = "", this.description = "", this.multiple = !1, this.form = null, this._tooltip = "", this.accept = "", this.disabled = !1, this.required = !1, this.optional = !1, this.showError = !1, this.errorMessage = "", this.dropzone = !1, this.width = "full", this.invert = !1, this._selectedFiles = [], this._dragActive = !1, this._internals = this.attachInternals();
+    super(), this.id = "", this.name = "", this.label = "", this.description = "", this.multiple = !1, this.form = null, this._tooltip = "", this.accept = "", this.disabled = !1, this.required = !1, this.optional = !1, this.showError = !1, this.errorMessage = "", this.dropzone = !1, this.width = "full", this.inverted = !1, this._selectedFiles = [], this._dragActive = !1, this._internals = this.attachInternals();
   }
   get _isDropDisabled() {
     return this.disabled || !this.multiple && this._selectedFiles.length > 0;
@@ -956,17 +933,15 @@ const T = class T extends ne {
     return `${t}${e ? " Error: One or more files are not valid file types." : ""}`;
   }
   get _innerNysButton() {
-    var i;
-    const e = this.renderRoot.querySelector(
+    return this.renderRoot.querySelector(
       '[name="file-btn"]'
-    );
-    return (i = e == null ? void 0 : e.shadowRoot) == null ? void 0 : i.querySelector(
+    )?.shadowRoot?.querySelector(
       "button"
     );
   }
   // Generate a unique ID if one is not provided
   connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = `nys-fileinput-${Date.now()}-${Te++}`), this.addEventListener("invalid", this._handleInvalid);
+    super.connectedCallback(), this.id || (this.id = `nys-fileinput-${Date.now()}-${He++}`), this.addEventListener("invalid", this._handleInvalid);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.removeEventListener("invalid", this._handleInvalid);
@@ -976,34 +951,31 @@ const T = class T extends ne {
   }
   /********************** Form Integration **********************/
   _setValue() {
-    var e;
     if (this.multiple) {
-      const t = this._selectedFiles.map((i) => i.file);
-      if (t.length > 0) {
-        const i = new FormData();
-        t.forEach((s) => {
-          i.append(this.name, s);
-        }), this._internals.setFormValue(i);
+      const e = this._selectedFiles.map((t) => t.file);
+      if (e.length > 0) {
+        const t = new FormData();
+        e.forEach((i) => {
+          t.append(this.name, i);
+        }), this._internals.setFormValue(t);
       } else
         this._internals.setFormValue(null);
     } else {
-      const t = ((e = this._selectedFiles[0]) == null ? void 0 : e.file) || null;
-      this._internals.setFormValue(t);
+      const e = this._selectedFiles[0]?.file || null;
+      this._internals.setFormValue(e);
     }
     this._manageRequire();
   }
   // Called to internally set the initial internalElement required flag.
   _manageRequire() {
-    var s;
-    const e = (s = this.shadowRoot) == null ? void 0 : s.querySelector("input");
+    const e = this.shadowRoot?.querySelector("input");
     if (!e) return;
     const t = this.errorMessage || "Please upload a file.";
     this.required && this._selectedFiles.length == 0 ? (this._internals.ariaRequired = "true", this._internals.setValidity({ valueMissing: !0 }, t, e)) : (this._internals.ariaRequired = "false", this._internals.setValidity({}, "", e));
   }
   _setValidityMessage(e = "") {
-    var i, s;
-    const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector("input");
-    t && (this.showError = e === (this.errorMessage || "Please upload a file."), (s = this.errorMessage) != null && s.trim() && e !== "" && (e = this.errorMessage), this._internals.setValidity(
+    const t = this.shadowRoot?.querySelector("input");
+    t && (this.showError = e === (this.errorMessage || "Please upload a file."), this.errorMessage?.trim() && e !== "" && (e = this.errorMessage), this._internals.setValidity(
       e ? { customError: !0 } : {},
       e,
       t
@@ -1018,8 +990,7 @@ const T = class T extends ne {
   }
   // This helper function is called to perform the element's native validation.
   checkValidity() {
-    var t;
-    const e = (t = this.shadowRoot) == null ? void 0 : t.querySelector("input");
+    const e = this.shadowRoot?.querySelector("input");
     return e ? e.checkValidity() : !0;
   }
   _handleInvalid(e) {
@@ -1049,7 +1020,7 @@ const T = class T extends ne {
   async _processFile(e) {
     e.status = "processing";
     try {
-      if (!await De(e.file, this.accept)) {
+      if (!await Ue(e.file, this.accept)) {
         e.status = "error", e.errorMsg = "File type is invalid.", this.requestUpdate();
         return;
       }
@@ -1078,10 +1049,9 @@ const T = class T extends ne {
     );
   }
   _openFileDialog() {
-    const e = this.renderRoot.querySelector(
+    this.renderRoot.querySelector(
       ".hidden-file-input"
-    );
-    e == null || e.click();
+    )?.click();
   }
   _handlePostFileSelectionFocus() {
     if (this.multiple) {
@@ -1091,15 +1061,14 @@ const T = class T extends ne {
       this._focusFirstFileItemIfSingleMode();
   }
   async _focusFirstFileItemIfSingleMode() {
-    var e;
     if (!this.multiple) {
       await this.updateComplete;
       const t = this.renderRoot.querySelector(
         "nys-fileitem"
-      ), i = (e = t == null ? void 0 : t.shadowRoot) == null ? void 0 : e.querySelector(
+      )?.shadowRoot?.querySelector(
         ".file-item"
       );
-      i && (i.setAttribute("tabindex", "-1"), i.focus());
+      t && (t.setAttribute("tabindex", "-1"), t.focus());
     }
   }
   /******************** Event Handlers ********************/
@@ -1111,15 +1080,14 @@ const T = class T extends ne {
     }), this.requestUpdate(), this._dispatchChangeEvent(), this._handlePostFileSelectionFocus();
   }
   _handleFileRemove(e) {
-    var i;
     const t = e.detail.filename;
     if (this._selectedFiles = this._selectedFiles.filter(
-      (s) => s.file.name !== t
+      (i) => i.file.name !== t
     ), this._selectedFiles.length === 0) {
-      const s = (i = this.shadowRoot) == null ? void 0 : i.querySelector(
+      const i = this.shadowRoot?.querySelector(
         "input"
       );
-      s && (s.value = "");
+      i && (i.value = "");
     }
     this._setValue(), this._validate(), this.requestUpdate(), this._dispatchChangeEvent();
   }
@@ -1131,14 +1099,13 @@ const T = class T extends ne {
     this.disabled || (e.stopPropagation(), e.preventDefault(), e.currentTarget === e.target && (this._dragActive = !1, this.requestUpdate()));
   }
   _onDrop(e) {
-    var s;
     if (this.disabled) return;
     e.preventDefault(), this._dragActive = !1, this.requestUpdate();
-    const t = (s = e.dataTransfer) == null ? void 0 : s.files;
+    const t = e.dataTransfer?.files;
     if (!t) return;
     const i = Array.from(t);
-    this.multiple ? i.forEach((r) => {
-      this._saveSelectedFiles(r);
+    this.multiple ? i.forEach((s) => {
+      this._saveSelectedFiles(s);
     }) : this._saveSelectedFiles(i[0]), this.requestUpdate(), this._dispatchChangeEvent();
   }
   render() {
@@ -1152,7 +1119,7 @@ const T = class T extends ne {
         description=${this.description}
         flag=${this.required ? "required" : this.optional ? "optional" : ""}
         _tooltip=${this._tooltip}
-        ?invert=${this.invert}
+        ?inverted=${this.inverted}
       >
         <slot name="description" slot="description">${this.description}</slot>
       </nys-label>
@@ -1163,7 +1130,7 @@ const T = class T extends ne {
         type="file"
         name=${this.name}
         accept=${this.accept}
-        form=${Ue(this.form || void 0)}
+        form=${De(this.form || void 0)}
         ?multiple=${this.multiple}
         ?required=${this.required}
         ?disabled=${this.disabled || !this.multiple && this._selectedFiles.length > 0}
@@ -1186,27 +1153,28 @@ const T = class T extends ne {
             aria-label="Drag files here or choose from folder"
           >
             ${this._dragActive ? y`<p>Drop file to upload</p>` : y` <nys-button
-                    id=${this.id}
+                    id="choose-files-btn-drag"
                     name="file-btn"
                     label=${this.multiple ? "Choose files" : "Choose file"}
                     variant="outline"
                     ariaLabel=${this._buttonAriaLabel}
                     ariaDescription=${this._buttonAriaDescription}
                     ?disabled=${this._isDropDisabled}
-                    .onClick=${(e) => {
+                    @nys-click=${(e) => {
       e.stopPropagation(), this._openFileDialog();
     }}
+                    @click=${(e) => e.stopPropagation()}
                   ></nys-button>
                   <p>or drag here</p>`}
           </div>` : y`<nys-button
-            id=${this.id}
+            id="choose-files-btn"
             name="file-btn"
             label=${this.multiple ? "Choose files" : "Choose file"}
             variant="outline"
             ariaLabel=${this._buttonAriaLabel}
             ariaDescription=${this._buttonAriaDescription}
             ?disabled=${this.disabled || !this.multiple && this._selectedFiles.length > 0}
-            .onClick=${() => this._openFileDialog()}
+            @nys-click=${this._openFileDialog}
           ></nys-button>`}
       ${this.showError ? y`
             <nys-errormessage
@@ -1231,8 +1199,8 @@ const T = class T extends ne {
     </div>`;
   }
 };
-T.styles = ze, T.formAssociated = !0;
-let p = T;
+O.styles = ze, O.formAssociated = !0;
+let p = O;
 _([
   d({ type: String })
 ], p.prototype, "id");
@@ -1280,7 +1248,7 @@ _([
 ], p.prototype, "width");
 _([
   d({ type: Boolean, reflect: !0 })
-], p.prototype, "invert");
+], p.prototype, "inverted");
 customElements.get("nys-fileinput") || customElements.define("nys-fileinput", p);
 export {
   p as NysFileinput