@nysds/nys-fileinput 1.11.1 → 1.11.3

package/dist/nys-fileinput.js

@@ -1,818 +1,21 @@
-import { css as se, LitElement as re, html as y } from "lit";
-/*!
-   * ▒█▄░▒█ ▒█░░▒█ ▒█▀▀▀█ ▒█▀▀▄ ▒█▀▀▀█ 
-   * ▒█▒█▒█ ▒█▄▄▄█ ░▀▀▀▄▄ ▒█░▒█ ░▀▀▀▄▄ 
-   * ▒█░░▀█ ░░▒█░░ ▒█▄▄▄█ ▒█▄▄▀ ▒█▄▄▄█
-   * 
-   * Fileinput Component
-   * Part of the New York State Design System
-   * Repository: https://github.com/its-hcd/nysds
-   * License: MIT
-*/
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-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 !== 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 (L && e === void 0) {
-      const i = t !== void 0 && t.length === 1;
-      i && (e = Y.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), i && Y.set(t, e));
-    }
-    return e;
-  }
-  toString() {
-    return this.cssText;
-  }
-};
-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 = D.litNonce;
-    s !== void 0 && i.setAttribute("nonce", s), i.textContent = t.cssText, o.appendChild(i);
-  }
-}, G = L ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((e) => {
-  let t = "";
-  for (const i of e.cssRules) t += i.cssText;
-  return ce(t);
-})(o) : o;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-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 ? ve : null;
-      break;
-    case Object:
-    case Array:
-      o = o == null ? o : JSON.stringify(o);
-  }
-  return o;
-}, fromAttribute(o, e) {
-  let t = o;
-  switch (e) {
-    case Boolean:
-      t = o !== null;
-      break;
-    case Number:
-      t = o === null ? null : Number(o);
-      break;
-    case Object:
-    case Array:
-      try {
-        t = JSON.parse(o);
-      } catch {
-        t = null;
-      }
-  }
-  return t;
-} }, 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 ??= []).push(e);
-  }
-  static get observedAttributes() {
-    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
-  }
-  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 && fe(this.prototype, e, s);
-    }
-  }
-  static getPropertyDescriptor(e, t, i) {
-    const { get: s, set: r } = _e(this.prototype, e) ?? { get() {
-      return this[t];
-    }, set(n) {
-      this[t] = n;
-    } };
-    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) ?? K;
-  }
-  static _$Ei() {
-    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(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];
-    if (e !== null) {
-      const t = litPropertyMetadata.get(e);
-      if (t !== void 0) for (const [i, s] of t) this.elementProperties.set(i, s);
-    }
-    this._$Eh = /* @__PURE__ */ new Map();
-    for (const [t, i] of this.elementProperties) {
-      const s = this._$Eu(t, i);
-      s !== void 0 && this._$Eh.set(s, t);
-    }
-    this.elementStyles = this.finalizeStyles(this.styles);
-  }
-  static finalizeStyles(e) {
-    const t = [];
-    if (Array.isArray(e)) {
-      const i = new Set(e.flat(1 / 0).reverse());
-      for (const s of i) t.unshift(G(s));
-    } else e !== void 0 && t.push(G(e));
-    return t;
-  }
-  static _$Eu(e, t) {
-    const i = t.attribute;
-    return i === !1 ? void 0 : typeof i == "string" ? i : typeof e == "string" ? e.toLowerCase() : void 0;
-  }
-  constructor() {
-    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
-  }
-  _$Ev() {
-    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) {
-    (this._$EO ??= /* @__PURE__ */ new Set()).add(e), this.renderRoot !== void 0 && this.isConnected && e.hostConnected?.();
-  }
-  removeController(e) {
-    this._$EO?.delete(e);
-  }
-  _$E_() {
-    const e = /* @__PURE__ */ new Map(), t = this.constructor.elementProperties;
-    for (const i of t.keys()) this.hasOwnProperty(i) && (e.set(i, this[i]), delete this[i]);
-    e.size > 0 && (this._$Ep = e);
-  }
-  createRenderRoot() {
-    const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return pe(e, this.constructor.elementStyles), e;
-  }
-  connectedCallback() {
-    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(((e) => e.hostConnected?.()));
-  }
-  enableUpdating(e) {
-  }
-  disconnectedCallback() {
-    this._$EO?.forEach(((e) => e.hostDisconnected?.()));
-  }
-  attributeChangedCallback(e, t, i) {
-    this._$AK(e, i);
-  }
-  _$ET(e, t) {
-    const i = this.constructor.elementProperties.get(e), s = this.constructor._$Eu(e, i);
-    if (s !== void 0 && i.reflect === !0) {
-      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) {
-    const i = this.constructor, s = i._$Eh.get(e);
-    if (s !== void 0 && this._$Em !== s) {
-      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) {
-      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._$EP());
-  }
-  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 _$EP() {
-    this.isUpdatePending = !0;
-    try {
-      await this._$ES;
-    } catch (t) {
-      Promise.reject(t);
-    }
-    const e = this.scheduleUpdate();
-    return e != null && await e, !this.isUpdatePending;
-  }
-  scheduleUpdate() {
-    return this.performUpdate();
-  }
-  performUpdate() {
-    if (!this.isUpdatePending) return;
-    if (!this.hasUpdated) {
-      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
-        for (const [s, r] of this._$Ep) this[s] = r;
-        this._$Ep = void 0;
-      }
-      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), 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) {
-    this._$EO?.forEach(((t) => t.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);
-  }
-  _$EM() {
-    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
-  }
-  get updateComplete() {
-    return this.getUpdateComplete();
-  }
-  getUpdateComplete() {
-    return this._$ES;
-  }
-  shouldUpdate(e) {
-    return !0;
-  }
-  update(e) {
-    this._$Eq &&= this._$Eq.forEach(((t) => this._$ET(t, this[t]))), this._$EM();
-  }
-  updated(e) {
-  }
-  firstUpdated(e) {
-  }
-}
-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 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()), 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.C(n, void 0, o, a), a;
-    } };
-  }
-  if (i === "setter") {
-    const { name: n } = t;
-    return function(a) {
-      const l = this[n];
-      e.call(this, a), this.requestUpdate(n, l, o);
-    };
-  }
-  throw Error("Unsupported decorator location: " + i);
-};
-function d(o) {
-  return (e, t) => typeof t == "object" ? Ae(o, e, t) : ((i, s, r) => {
-    const n = s.hasOwnProperty(r);
-    return s.constructor.createProperty(r, i), n ? Object.getOwnPropertyDescriptor(s, r) : void 0;
-  })(o, e, t);
-}
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-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 Se = (o, e) => {
-  const t = o.length - 1, i = [];
-  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 === 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 [he(o, r + (o[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), i];
-};
-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] = 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 = b.nextNode()) !== null && l.length < a; ) {
-      if (s.nodeType === 1) {
-        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 (ae.test(s.tagName)) {
-          const h = s.textContent.split(v), g = h.length - 1;
-          if (g > 0) {
-            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 === 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;
-      }
-      r++;
-    }
-  }
-  static createElement(e, t) {
-    const i = A.createElement("template");
-    return i.innerHTML = e, i;
-  }
-}
-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 xe {
-  constructor(e, t) {
-    this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
-  }
-  get parentNode() {
-    return this._$AM.parentNode;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  u(e) {
-    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 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?.index && (r = b.nextNode(), n++);
-    }
-    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 H {
-  get _$AU() {
-    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?.isConnected ?? !0;
-  }
-  get parentNode() {
-    let e = this._$AA.parentNode;
-    const t = this._$AM;
-    return t !== void 0 && e?.nodeType === 11 && (e = t.parentNode), e;
-  }
-  get startNode() {
-    return this._$AA;
-  }
-  get endNode() {
-    return this._$AB;
-  }
-  _$AI(e, t = this) {
-    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);
-  }
-  T(e) {
-    this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
-  }
-  _(e) {
-    this._$AH !== c && P(this._$AH) ? this._$AA.nextSibling.data = e : this.T(A.createTextNode(e)), this._$AH = e;
-  }
-  $(e) {
-    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 r = new xe(s, this), n = r.u(this.options);
-      r.p(t), this.T(n), this._$AH = r;
-    }
-  }
-  _$AC(e) {
-    let t = ie.get(e.strings);
-    return t === void 0 && ie.set(e.strings, t = new F(e)), t;
-  }
-  k(e) {
-    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 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) {
-    for (this._$AP?.(!1, !0, t); e !== this._$AB; ) {
-      const i = e.nextSibling;
-      e.remove(), e = i;
-    }
-  }
-  setConnected(e) {
-    this._$AM === void 0 && (this._$Cv = e, this._$AP?.(e));
-  }
-}
-class T {
-  get tagName() {
-    return this.element.tagName;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  constructor(e, t, i, s, r) {
-    this.type = 1, this._$AH = c, this._$AN = void 0, this.element = e, this.name = t, this._$AM = s, this.options = r, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = c;
-  }
-  _$AI(e, t = this, i, s) {
-    const r = this.strings;
-    let n = !1;
-    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 = 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);
-  }
-  j(e) {
-    e === c ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
-  }
-}
-class Ce extends T {
-  constructor() {
-    super(...arguments), this.type = 3;
-  }
-  j(e) {
-    this.element[this.name] = e === c ? void 0 : e;
-  }
-}
-class Pe extends T {
-  constructor() {
-    super(...arguments), this.type = 4;
-  }
-  j(e) {
-    this.element.toggleAttribute(this.name, !!e && e !== c);
-  }
-}
-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 = 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) {
-    typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, e) : this._$AH.handleEvent(e);
-  }
-}
-class Fe {
-  constructor(e, t, i) {
-    this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = i;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AI(e) {
-    E(this, e);
-  }
-}
-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 De = (o) => o ?? c;
-async function Ue(o, e) {
+import { LitElement as y, unsafeCSS as g, html as a } from "lit";
+import { property as n } from "lit/decorators.js";
+import { ifDefined as m } from "lit/directives/if-defined.js";
+async function _(p, 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() : "";
+  const t = e.toLowerCase().split(",").map((r) => r.trim()), i = p.name.toLowerCase(), s = i.includes(".") ? i.split(".").pop() : "";
   for (const r of t)
-    if (r.startsWith(".") && r.slice(1) === s || r.endsWith("/*") && o.type.startsWith(r.slice(0, -1)) || o.type === r)
+    if (r.startsWith(".") && r.slice(1) === s || r.endsWith("/*") && p.type.startsWith(r.slice(0, -1)) || p.type === r)
       return !0;
   return !1;
 }
-const ze = se`
-  :host {
-    /* Global Fileinput Styles */
-    --_nys-fileinput-gap: var(--nys-space-100, 8px);
-
-    /* Typography */
-    --_nys-fileinput-font-size: var(--nys-font-size-ui-md, 16px);
-    --_nys-fileinput-font-weight: var(--nys-font-weight-semibold, 600);
-    --_nys-fileinput-line-height: var(--nys-font-lineheight-ui-md, 24px);
-    --_nys-fileinput-font-family: var(
-      --nys-font-family-ui,
-      var(
-        --nys-font-family-sans,
-        "Proxima Nova",
-        "Helvetica Neue",
-        "Helvetica",
-        "Arial",
-        sans-serif
-      )
-    );
-
-    /* Dropzone */
-    --_nys-fileinput-background-color--dropzone: var(
-      --nys-color-ink-reverse,
-      #fff
-    );
-    --_nys-fileinput-background-color--dropzone--disabled: var(
-      --nys-color-neutral-10,
-      #f6f6f6
-    );
-    --_nys-fileinput-background-color--dropzone--active: var(
-      --nys-color-theme-faint,
-      #f7fafd
-    );
-    --_nys-fileinput-border-radius--dropzone: var(
-      --nys-radius-lg,
-      var(--nys-space-100, 8px)
-    );
-    --_nys-fileinput-border-style: dashed;
-    --_nys-fileinput-border-color: var(--nys-color-neutral-200, #bec0c1);
-    --_nys-fileinput-border-width: var(--nys-border-width-sm, 1px);
-  }
-
-  .nys-fileinput {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    justify-content: center;
-    gap: var(--_nys-fileinput-gap);
-    font-family: var(--_nys-fileinput-font-family);
-    font-size: var(--_nys-fileinput-font-size);
-    font-weight: var(--_nys-fileinput-font-weight);
-    line-height: var(--_nys-fileinput-line-height);
-  }
-  :host([width="lg"]) .nys-fileinput {
-    max-width: var(--nys-form-width-lg, 384px);
-  }
-
-  ul {
-    list-style-type: none;
-    padding: 0px;
-    margin: 0px;
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    gap: var(--_nys-fileinput-gap);
-  }
-
-  /***** Dropzone *****/
-  .nys-fileinput__dropzone {
-    display: flex;
-    padding: var(--nys-space-400, 32px) var(--nys-space-200, 16px);
-    justify-content: center;
-    align-items: center;
-    gap: 12px;
-    align-self: stretch;
-    border-radius: var(--_nys-fileinput-border-radius--dropzone);
-    outline: var(--_nys-fileinput-border-width)
-      var(--_nys-fileinput-border-style) var(--_nys-fileinput-border-color);
-    background-color: var(--_nys-fileinput-background-color--dropzone);
-    transition: all 60ms ease-in-out;
-  }
-
-  .nys-fileinput__dropzone:hover {
-    cursor: pointer;
-    --_nys-fileinput-border-width: var(--nys-border-width-md, 2px);
-    --_nys-fileinput-border-color: var(--nys-color-neutral-700, #4a4d4f);
-  }
-
-  .nys-fileinput__dropzone.drag-active {
-    --_nys-fileinput-border-width: var(--nys-border-width-md, 2px);
-    --_nys-fileinput-border-color: var(--nys-color-theme, #154973);
-    --_nys-fileinput-border-style: solid;
-  }
-
-  .nys-fileinput__dropzone.error {
-    --_nys-fileinput-border-color: var(--nys-color-danger, #b52c2c);
-  }
-
-  .nys-fileinput__dropzone.error:hover {
-    --_nys-fileinput-border-width: var(--nys-border-width-md, 2px);
-    --_nys-fileinput-border-color: var(--nys-color-emergency, #721c1c);
-  }
-
-  .nys-fileinput__dropzone.disabled {
-    cursor: not-allowed;
-    --_nys-fileinput-border-color: var(--nys-color-neutral-300, #a7a9ab);
-    --_nys-fileinput-border-width: var(--nys-border-width-sm, 1px);
-    background-color: var(
-      --_nys-fileinput-background-color--dropzone--disabled
-    );
-    color: var(--_nys-fileinput-color--dropzone--disabled);
-  }
-
-  progress {
-    display: flex;
-    width: 100%;
-    height: 6px;
-    border-radius: var(--nys-radius-round, 1776px);
-    background-color: var(--_nys-fileinput-progress-background);
-    overflow: hidden;
-    appearance: none;
-    border: none;
-  }
-  progress::-moz-progress-bar {
-    background-color: var(--_nys-fileinput-progress-background);
-  }
-  progress::-webkit-progress-value {
-    background-color: var(--_nys-fileinput-progress-background);
-  }
-  progress::-webkit-progress-bar {
-    background-color: var(--_nys-fileinput-progress-background);
-  }
-`, Re = se`
-  :host {
-    /* Global fileitem Styles */
-    --_nys-fileitem-border-radius: var(--nys-radius-md, 4px);
-    --_nys-fileitem-padding: var(--nys-space-100, 8px)
-      var(--nys-space-200, 16px);
-    --_nys-fileitem-background-color: var(--nys-color-ink-reverse, #fff);
-    --_nys-fileitem-border-color: var(--nys-color-neutral-100, #d0d0ce);
-
-    /* Typography */
-    --_nys-fileitem-font-family: var(
-      --nys-font-family-ui,
-      var(
-        --nys-font-family-sans,
-        "Proxima Nova",
-        "Helvetica Neue",
-        "Helvetica",
-        "Arial",
-        sans-serif
-      )
-    );
-    --_nys-fileitem-font-size: var(--nys-font-size-ui-md, 16px);
-    --_nys-fileitem-font-weight: var(--nys-font-weight-regular, 400);
-    --_nys-fileitem-line-height: var(--nys-font-lineheight-ui-md, 24px);
-    --_nys-fileitem-letter-spacing: var(
-      --nys-font-letterspacing-ui-md,
-      0.044px
-    );
-
-    /* Progress Bar */
-    --_nys-fileitem-background-color--progress: var(
-      --nys-color-neutral-50,
-      #ededed
-    );
-    --_nys-fileitem-background-color--progress--fill: var(
-      --nys-color-info,
-      #004dd1
-    );
-  }
-
-  /***** File List Item *****/
-  .file-item {
-    position: relative;
-    border-radius: var(--_nys-fileitem-border-radius);
-    border-width: var(--nys-border-width-sm, 1px);
-    border-style: solid;
-    border-color: var(--_nys-fileitem-border-color);
-    background-color: var(--_nys-fileitem-background-color);
-  }
-
-  .file-item.error {
-    --_nys-fileitem-border-color: var(--nys-color-danger, #b52c2c);
-  }
-
-  .file-item__main {
-    display: flex;
-    justify-items: center;
-    align-items: center;
-    gap: var(--_nys-fileinput-gap);
-    padding: var(--_nys-fileitem-padding);
-    height: 56px;
-    box-sizing: border-box;
-  }
-
-  .file-item__info {
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    min-width: 0;
-    font-family: var(--_nys-fileitem-font-family);
-    font-size: var(--_nys-fileitem-font-size);
-    font-style: normal;
-    font-weight: var(--_nys-fileitem-font-weight);
-    line-height: var(--_nys-fileitem-line-height);
-    letter-spacing: var(--_nys-fileitem-letter-spacing);
-  }
-
-  .file-item__info-name {
-    display: flex;
-    max-width: 100%;
-    overflow: hidden;
-    white-space: nowrap;
-    align-items: center;
-  }
-
-  .file-item__info-name-start {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    flex-shrink: 1;
-    min-width: 0;
-  }
-
-  .file-item p {
-    margin: 0;
-  }
-
-  .file-item__error {
-    color: var(--nys-color-danger, #b52c2c);
-    text-overflow: ellipsis;
-    font-weight: 700;
-  }
-
-  /**** Progress Bar ****/
-  progress {
-    position: absolute;
-    bottom: 0;
-    display: flex;
-    width: 100%;
-    height: 6px;
-    border-radius: var(--nys-radius-round, 1776px);
-    background: var(--_nys-fileitem-background-color--progress--fill);
-    overflow: hidden;
-    appearance: none;
-  }
-  /* Track */
-  progress::-moz-progress-bar {
-    background-color: var(--_nys-fileitem-background-color--progress);
-  }
-  /* Filled value (the blue bar) */
-  progress::-webkit-progress-value {
-    background-color: var(--_nys-fileitem-background-color--progress--fill);
-  }
-  /* Firefox */
-  progress::-webkit-progress-bar {
-    background-color: var(--_nys-fileitem-background-color--progress);
-  }
-
-  /**** Icon ****/
-  .file-icon[name="progress_activity"] {
-    animation: spin 1s linear infinite;
-  }
-
-  .file-icon[name="error"] {
-    color: var(--nys-color-danger, #b52c2c);
-  }
-
-  @keyframes spin {
-    0% {
-      transform: rotate(0deg);
-    }
-    100% {
-      transform: rotate(360deg);
-    }
-  }
-`;
-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 v = ':host{--_nys-fileitem-border-radius: var(--nys-radius-md, 4px);--_nys-fileitem-padding: var(--nys-space-100, 8px) var(--nys-space-200, 16px);--_nys-fileitem-background-color: var(--nys-color-ink-reverse, #fff);--_nys-fileitem-border-color: var(--nys-color-neutral-100, #d0d0ce);--_nys-fileitem-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-fileitem-font-size: var(--nys-font-size-ui-md, 16px);--_nys-fileitem-font-weight: var(--nys-font-weight-regular, 400);--_nys-fileitem-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-fileitem-letter-spacing: var( --nys-font-letterspacing-ui-md, .044px );--_nys-fileitem-background-color--progress: var( --nys-color-neutral-50, #ededed );--_nys-fileitem-background-color--progress--fill: var( --nys-color-info, #004dd1 )}.file-item{position:relative;border-radius:var(--_nys-fileitem-border-radius);border-width:var(--nys-border-width-sm, 1px);border-style:solid;border-color:var(--_nys-fileitem-border-color);background-color:var(--_nys-fileitem-background-color)}.file-item.error{--_nys-fileitem-border-color: var(--nys-color-danger, #b52c2c)}.file-item__main{display:flex;justify-items:center;align-items:center;gap:var(--_nys-fileinput-gap);padding:var(--_nys-fileitem-padding);height:56px;box-sizing:border-box}.file-item__info{display:flex;flex-direction:column;flex:1;min-width:0;font-family:var(--_nys-fileitem-font-family);font-size:var(--_nys-fileitem-font-size);font-style:normal;font-weight:var(--_nys-fileitem-font-weight);line-height:var(--_nys-fileitem-line-height);letter-spacing:var(--_nys-fileitem-letter-spacing)}.file-item__info-name{display:flex;max-width:100%;overflow:hidden;white-space:nowrap;align-items:center}.file-item__info-name-start{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.file-item p{margin:0}.file-item__error{color:var(--nys-color-danger, #b52c2c);text-overflow:ellipsis;font-weight:700}progress{position:absolute;bottom:0;display:flex;width:100%;height:6px;border-radius:var(--nys-radius-round, 1776px);background:var(--_nys-fileitem-background-color--progress--fill);overflow:hidden;appearance:none}progress::-moz-progress-bar{background-color:var(--_nys-fileitem-background-color--progress)}progress::-webkit-progress-value{background-color:var(--_nys-fileitem-background-color--progress--fill)}progress::-webkit-progress-bar{background-color:var(--_nys-fileitem-background-color--progress)}.file-icon[name=progress_activity]{animation:spin 1s linear infinite}.file-icon[name=error]{color:var(--nys-color-danger, #b52c2c)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}';
+var b = Object.defineProperty, u = (p, e, t, i) => {
+  for (var s = void 0, r = p.length - 1, d; r >= 0; r--)
+    (d = p[r]) && (s = d(e, t, s) || s);
+  return s && b(e, t, s), s;
 };
-const W = class W extends re {
+const h = class h extends y {
   constructor() {
     super(...arguments), this.filename = "", this.status = "pending", this.progress = 0, this.errorMessage = "";
   }
@@ -826,12 +29,12 @@ const W = class W extends re {
     );
   }
   splitFilename(e) {
-    const t = e.lastIndexOf("."), i = t !== -1 ? e.slice(t) : "", s = t !== -1 ? e.slice(0, t) : e, r = s.slice(0, s.length - 3), n = s.slice(-3);
-    return { startPart: r, endPart: n, extension: i };
+    const t = e.lastIndexOf("."), i = t !== -1 ? e.slice(t) : "", s = t !== -1 ? e.slice(0, t) : e, r = s.slice(0, s.length - 3), d = s.slice(-3);
+    return { startPart: r, endPart: d, extension: i };
   }
   render() {
     const { startPart: e, endPart: t, extension: i } = this.splitFilename(this.filename);
-    return y`
+    return a`
       <div
         class="file-item ${this.status}"
         aria-busy=${this.status === "processing" ? "true" : "false"}
@@ -850,7 +53,7 @@ const W = class W extends re {
                 >${t}${i}</span
               >
             </div>
-            ${this.errorMessage ? y`<p
+            ${this.errorMessage ? a`<p
                   class="file-item__error"
                   role="alert"
                   aria-live="assertive"
@@ -871,7 +74,7 @@ const W = class W extends re {
             ariaLabel="Remove file: ${this.filename}"
           ></nys-button>
         </div>
-        ${this.status === "processing" ? y`<div
+        ${this.status === "processing" ? a`<div
               class="file-item__progress-container"
               role="progressbar"
               aria-valuemin="0"
@@ -885,28 +88,29 @@ const W = class W extends re {
     `;
   }
 };
-W.styles = Re;
-let w = W;
-N([
-  d({ type: String })
-], w.prototype, "filename");
-N([
-  d({ type: String })
-], w.prototype, "status");
-N([
-  d({ type: Number })
-], w.prototype, "progress");
-N([
-  d({ type: String })
-], 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 && qe(e, t, s), s;
+h.styles = g(v);
+let c = h;
+u([
+  n({ type: String })
+], c.prototype, "filename");
+u([
+  n({ type: String })
+], c.prototype, "status");
+u([
+  n({ type: Number })
+], c.prototype, "progress");
+u([
+  n({ type: String })
+], c.prototype, "errorMessage");
+customElements.define("nys-fileitem", c);
+const w = ':host{--_nys-fileinput-gap: var(--nys-space-100, 8px);--_nys-fileinput-font-size: var(--nys-font-size-ui-md, 16px);--_nys-fileinput-font-weight: var(--nys-font-weight-semibold, 600);--_nys-fileinput-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-fileinput-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-fileinput-background-color--dropzone: var( --nys-color-ink-reverse, #fff );--_nys-fileinput-background-color--dropzone--disabled: var( --nys-color-neutral-10, #f6f6f6 );--_nys-fileinput-background-color--dropzone--active: var( --nys-color-theme-faint, #f7fafd );--_nys-fileinput-border-radius--dropzone: var( --nys-radius-lg, var(--nys-space-100, 8px) );--_nys-fileinput-border-style: dashed;--_nys-fileinput-border-color: var(--nys-color-neutral-200, #bec0c1);--_nys-fileinput-border-width: var(--nys-border-width-sm, 1px)}.nys-fileinput{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--_nys-fileinput-gap);font-family:var(--_nys-fileinput-font-family);font-size:var(--_nys-fileinput-font-size);font-weight:var(--_nys-fileinput-font-weight);line-height:var(--_nys-fileinput-line-height)}:host([width=lg]) .nys-fileinput{max-width:var(--nys-form-width-lg, 384px)}ul{list-style-type:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:var(--_nys-fileinput-gap)}.nys-fileinput__dropzone{display:flex;padding:var(--nys-space-400, 32px) var(--nys-space-200, 16px);justify-content:center;align-items:center;gap:12px;align-self:stretch;border-radius:var(--_nys-fileinput-border-radius--dropzone);outline:var(--_nys-fileinput-border-width) var(--_nys-fileinput-border-style) var(--_nys-fileinput-border-color);background-color:var(--_nys-fileinput-background-color--dropzone);transition:all 60ms ease-in-out}.nys-fileinput__dropzone:hover{cursor:pointer;--_nys-fileinput-border-width: var(--nys-border-width-md, 2px);--_nys-fileinput-border-color: var(--nys-color-neutral-700, #4a4d4f)}.nys-fileinput__dropzone.drag-active{--_nys-fileinput-border-width: var(--nys-border-width-md, 2px);--_nys-fileinput-border-color: var(--nys-color-theme, #154973);--_nys-fileinput-border-style: solid}.nys-fileinput__dropzone.error{--_nys-fileinput-border-color: var(--nys-color-danger, #b52c2c)}.nys-fileinput__dropzone.error:hover{--_nys-fileinput-border-width: var(--nys-border-width-md, 2px);--_nys-fileinput-border-color: var(--nys-color-emergency, #721c1c)}.nys-fileinput__dropzone.disabled{cursor:not-allowed;--_nys-fileinput-border-color: var(--nys-color-neutral-300, #a7a9ab);--_nys-fileinput-border-width: var(--nys-border-width-sm, 1px);background-color:var(--_nys-fileinput-background-color--dropzone--disabled);color:var(--_nys-fileinput-color--dropzone--disabled)}progress{display:flex;width:100%;height:6px;border-radius:var(--nys-radius-round, 1776px);background-color:var(--_nys-fileinput-progress-background);overflow:hidden;appearance:none;border:none}progress::-moz-progress-bar{background-color:var(--_nys-fileinput-progress-background)}progress::-webkit-progress-value{background-color:var(--_nys-fileinput-progress-background)}progress::-webkit-progress-bar{background-color:var(--_nys-fileinput-progress-background)}';
+var $ = Object.defineProperty, l = (p, e, t, i) => {
+  for (var s = void 0, r = p.length - 1, d; r >= 0; r--)
+    (d = p[r]) && (s = d(e, t, s) || s);
+  return s && $(e, t, s), s;
 };
-let He = 0;
-const O = class O extends re {
+let x = 0;
+const f = class f extends y {
   // 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.inverted = !1, this._selectedFiles = [], this._dragActive = !1, this._internals = this.attachInternals();
@@ -941,7 +145,7 @@ const O = class O extends re {
   }
   // Generate a unique ID if one is not provided
   connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = `nys-fileinput-${Date.now()}-${He++}`), this.addEventListener("invalid", this._handleInvalid);
+    super.connectedCallback(), this.id || (this.id = `nys-fileinput-${Date.now()}-${x++}`), this.addEventListener("invalid", this._handleInvalid);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.removeEventListener("invalid", this._handleInvalid);
@@ -999,7 +203,7 @@ const O = class O extends re {
     if (t) {
       const i = this._internals.form;
       i ? Array.from(i.elements).find(
-        (n) => typeof n.checkValidity == "function" && !n.checkValidity()
+        (d) => typeof d.checkValidity == "function" && !d.checkValidity()
       ) === this && (t.focus(), t.classList.add("active-focus")) : (t.focus(), t.classList.add("active-focus"));
     }
   }
@@ -1020,7 +224,7 @@ const O = class O extends re {
   async _processFile(e) {
     e.status = "processing";
     try {
-      if (!await Ue(e.file, this.accept)) {
+      if (!await _(e.file, this.accept)) {
         e.status = "error", e.errorMsg = "File type is invalid.", this.requestUpdate();
         return;
       }
@@ -1109,12 +313,11 @@ const O = class O extends re {
     }) : this._saveSelectedFiles(i[0]), this.requestUpdate(), this._dispatchChangeEvent();
   }
   render() {
-    return y`<div
+    return a`<div
       class="nys-fileinput"
       @nys-fileRemove=${this._handleFileRemove}
     >
       <nys-label
-        for=${this.id}
         label=${this.label}
         description=${this.description}
         flag=${this.required ? "required" : this.optional ? "optional" : ""}
@@ -1130,7 +333,7 @@ const O = class O extends re {
         type="file"
         name=${this.name}
         accept=${this.accept}
-        form=${De(this.form || void 0)}
+        form=${m(this.form || void 0)}
         ?multiple=${this.multiple}
         ?required=${this.required}
         ?disabled=${this.disabled || !this.multiple && this._selectedFiles.length > 0}
@@ -1140,19 +343,20 @@ const O = class O extends re {
         hidden
       />
 
-      ${this.dropzone ? y`<div
+      ${this.dropzone ? a`<div
             class="nys-fileinput__dropzone
             ${this._dragActive ? "drag-active" : ""}
             ${this._isDropDisabled ? "disabled" : ""}
             ${this.showError && !this._isDropDisabled ? "error" : ""}"
-            @click=${this._isDropDisabled ? null : this._openFileDialog}
-            @keydown=${(e) => !this._isDropDisabled && (e.key === "Enter" || e.key === " ") && this._openFileDialog()}
+            @click=${this._isDropDisabled ? null : (e) => {
+      e.target.closest("nys-button") || this._openFileDialog();
+    }}
             @dragover=${this._isDropDisabled ? null : this._onDragOver}
             @dragleave=${this._isDropDisabled ? null : this._onDragLeave}
             @drop=${this._isDropDisabled ? null : this._onDrop}
             aria-label="Drag files here or choose from folder"
           >
-            ${this._dragActive ? y`<p>Drop file to upload</p>` : y` <nys-button
+            ${this._dragActive ? a`<p>Drop file to upload</p>` : a` <nys-button
                     id="choose-files-btn-drag"
                     name="file-btn"
                     label=${this.multiple ? "Choose files" : "Choose file"}
@@ -1160,13 +364,12 @@ const O = class O extends re {
                     ariaLabel=${this._buttonAriaLabel}
                     ariaDescription=${this._buttonAriaDescription}
                     ?disabled=${this._isDropDisabled}
-                    @nys-click=${(e) => {
-      e.stopPropagation(), this._openFileDialog();
-    }}
-                    @click=${(e) => e.stopPropagation()}
+                    @nys-click="${(e) => {
+      e.preventDefault(), e.stopPropagation(), this._openFileDialog();
+    }}"
                   ></nys-button>
                   <p>or drag here</p>`}
-          </div>` : y`<nys-button
+          </div>` : a`<nys-button
             id="choose-files-btn"
             name="file-btn"
             label=${this.multiple ? "Choose files" : "Choose file"}
@@ -1176,16 +379,16 @@ const O = class O extends re {
             ?disabled=${this.disabled || !this.multiple && this._selectedFiles.length > 0}
             @nys-click=${this._openFileDialog}
           ></nys-button>`}
-      ${this.showError ? y`
+      ${this.showError ? a`
             <nys-errormessage
               ?showError=${this.showError}
               errorMessage=${this._internals.validationMessage || this.errorMessage}
             ></nys-errormessage>
           ` : null}
-      ${this._selectedFiles.length > 0 ? y`
+      ${this._selectedFiles.length > 0 ? a`
             <ul>
               ${this._selectedFiles.map(
-      (e) => y`<li>
+      (e) => a`<li>
                     <nys-fileitem
                       filename=${e.file.name}
                       status=${e.status}
@@ -1199,58 +402,58 @@ const O = class O extends re {
     </div>`;
   }
 };
-O.styles = ze, O.formAssociated = !0;
-let p = O;
-_([
-  d({ type: String })
-], p.prototype, "id");
-_([
-  d({ type: String, reflect: !0 })
-], p.prototype, "name");
-_([
-  d({ type: String })
-], p.prototype, "label");
-_([
-  d({ type: String })
-], p.prototype, "description");
-_([
-  d({ type: Boolean })
-], p.prototype, "multiple");
-_([
-  d({ type: String, reflect: !0 })
-], p.prototype, "form");
-_([
-  d({ type: String })
-], p.prototype, "_tooltip");
-_([
-  d({ type: String })
-], p.prototype, "accept");
-_([
-  d({ type: Boolean, reflect: !0 })
-], p.prototype, "disabled");
-_([
-  d({ type: Boolean, reflect: !0 })
-], p.prototype, "required");
-_([
-  d({ type: Boolean, reflect: !0 })
-], p.prototype, "optional");
-_([
-  d({ type: Boolean, reflect: !0 })
-], p.prototype, "showError");
-_([
-  d({ type: String })
-], p.prototype, "errorMessage");
-_([
-  d({ type: Boolean })
-], p.prototype, "dropzone");
-_([
-  d({ type: String, reflect: !0 })
-], p.prototype, "width");
-_([
-  d({ type: Boolean, reflect: !0 })
-], p.prototype, "inverted");
-customElements.get("nys-fileinput") || customElements.define("nys-fileinput", p);
+f.styles = g(w), f.formAssociated = !0;
+let o = f;
+l([
+  n({ type: String, reflect: !0 })
+], o.prototype, "id");
+l([
+  n({ type: String, reflect: !0 })
+], o.prototype, "name");
+l([
+  n({ type: String })
+], o.prototype, "label");
+l([
+  n({ type: String })
+], o.prototype, "description");
+l([
+  n({ type: Boolean })
+], o.prototype, "multiple");
+l([
+  n({ type: String, reflect: !0 })
+], o.prototype, "form");
+l([
+  n({ type: String })
+], o.prototype, "_tooltip");
+l([
+  n({ type: String })
+], o.prototype, "accept");
+l([
+  n({ type: Boolean, reflect: !0 })
+], o.prototype, "disabled");
+l([
+  n({ type: Boolean, reflect: !0 })
+], o.prototype, "required");
+l([
+  n({ type: Boolean, reflect: !0 })
+], o.prototype, "optional");
+l([
+  n({ type: Boolean, reflect: !0 })
+], o.prototype, "showError");
+l([
+  n({ type: String })
+], o.prototype, "errorMessage");
+l([
+  n({ type: Boolean })
+], o.prototype, "dropzone");
+l([
+  n({ type: String, reflect: !0 })
+], o.prototype, "width");
+l([
+  n({ type: Boolean, reflect: !0 })
+], o.prototype, "inverted");
+customElements.get("nys-fileinput") || customElements.define("nys-fileinput", o);
 export {
-  p as NysFileinput
+  o as NysFileinput
 };
 //# sourceMappingURL=nys-fileinput.js.map