@nysds/nys-fileinput 1.4.0

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from "./nys-fileinput";

package/dist/nys-fileinput.d.ts

@@ -0,0 +1,46 @@
+import { LitElement } from "lit";
+import "./nys-fileitem";
+export declare class NysFileinput extends LitElement {
+    id: string;
+    name: string;
+    label: string;
+    description: string;
+    multiple: boolean;
+    accept: string;
+    disabled: boolean;
+    required: boolean;
+    optional: boolean;
+    showError: boolean;
+    errorMessage: string;
+    dropzone: boolean;
+    width: "lg" | "full";
+    static styles: import("lit").CSSResult;
+    private _selectedFiles;
+    private _dragActive;
+    private get _isDropDisabled();
+    private _internals;
+    /********************** Lifecycle updates **********************/
+    static formAssociated: boolean;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    /********************** Form Integration **********************/
+    private _setValue;
+    private _manageRequire;
+    private _setValidityMessage;
+    private _validate;
+    /******************** Functions ********************/
+    private _saveSelectedFiles;
+    private _processFile;
+    private _dispatchChangeEvent;
+    private _openFileDialog;
+    /******************** Event Handlers ********************/
+    private _handleFileChange;
+    private _handleFileRemove;
+    private _onDragOver;
+    private _onDragLeave;
+    private _onDrop;
+    private _handleInvalid;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/nys-fileinput.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/nys-fileinput.js

@@ -0,0 +1,980 @@
+import { css as D, LitElement as F, html as c } 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 _ = globalThis, E = _.ShadowRoot && (_.ShadyCSS === void 0 || _.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, A = Symbol(), P = /* @__PURE__ */ new WeakMap();
+let M = class {
+  constructor(e, t, s) {
+    if (this._$cssResult$ = !0, s !== A) 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 (E && e === void 0) {
+      const s = t !== void 0 && t.length === 1;
+      s && (e = P.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), s && P.set(t, e));
+    }
+    return e;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+const O = (r) => new M(typeof r == "string" ? r : r + "", void 0, A), R = (r, e) => {
+  if (E) r.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
+  else for (const t of e) {
+    const s = document.createElement("style"), i = _.litNonce;
+    i !== void 0 && s.setAttribute("nonce", i), s.textContent = t.cssText, r.appendChild(s);
+  }
+}, k = E ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((e) => {
+  let t = "";
+  for (const s of e.cssRules) t += s.cssText;
+  return O(t);
+})(r) : r;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const { is: q, defineProperty: j, getOwnPropertyDescriptor: L, getOwnPropertyNames: T, getOwnPropertySymbols: V, getPrototypeOf: I } = Object, u = globalThis, C = u.trustedTypes, B = C ? C.emptyScript : "", w = u.reactiveElementPolyfillSupport, y = (r, e) => r, v = { toAttribute(r, e) {
+  switch (e) {
+    case Boolean:
+      r = r ? B : null;
+      break;
+    case Object:
+    case Array:
+      r = r == null ? r : JSON.stringify(r);
+  }
+  return r;
+}, fromAttribute(r, e) {
+  let t = r;
+  switch (e) {
+    case Boolean:
+      t = r !== null;
+      break;
+    case Number:
+      t = r === null ? null : Number(r);
+      break;
+    case Object:
+    case Array:
+      try {
+        t = JSON.parse(r);
+      } catch {
+        t = null;
+      }
+  }
+  return t;
+} }, S = (r, e) => !q(r, e), U = { attribute: !0, type: String, converter: v, reflect: !1, hasChanged: S };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), u.litPropertyMetadata ?? (u.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+class g extends HTMLElement {
+  static addInitializer(e) {
+    this._$Ei(), (this.l ?? (this.l = [])).push(e);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(e, t = U) {
+    if (t.state && (t.attribute = !1), this._$Ei(), this.elementProperties.set(e, t), !t.noAccessor) {
+      const s = Symbol(), i = this.getPropertyDescriptor(e, s, t);
+      i !== void 0 && j(this.prototype, e, i);
+    }
+  }
+  static getPropertyDescriptor(e, t, s) {
+    const { get: i, set: n } = L(this.prototype, e) ?? { get() {
+      return this[t];
+    }, set(o) {
+      this[t] = o;
+    } };
+    return { get() {
+      return i == null ? void 0 : i.call(this);
+    }, set(o) {
+      const a = i == null ? void 0 : i.call(this);
+      n.call(this, o), this.requestUpdate(e, a, s);
+    }, configurable: !0, enumerable: !0 };
+  }
+  static getPropertyOptions(e) {
+    return this.elementProperties.get(e) ?? U;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(y("elementProperties"))) return;
+    const e = I(this);
+    e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(y("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(y("properties"))) {
+      const t = this.properties, s = [...T(t), ...V(t)];
+      for (const i of s) this.createProperty(i, t[i]);
+    }
+    const e = this[Symbol.metadata];
+    if (e !== null) {
+      const t = litPropertyMetadata.get(e);
+      if (t !== void 0) for (const [s, i] of t) this.elementProperties.set(s, i);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [t, s] of this.elementProperties) {
+      const i = this._$Eu(t, s);
+      i !== void 0 && this._$Eh.set(i, t);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(e) {
+    const t = [];
+    if (Array.isArray(e)) {
+      const s = new Set(e.flat(1 / 0).reverse());
+      for (const i of s) t.unshift(k(i));
+    } else e !== void 0 && t.push(k(e));
+    return t;
+  }
+  static _$Eu(e, t) {
+    const s = t.attribute;
+    return s === !1 ? void 0 : typeof s == "string" ? s : 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() {
+    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));
+  }
+  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));
+  }
+  removeController(e) {
+    var t;
+    (t = this._$EO) == null || t.delete(e);
+  }
+  _$E_() {
+    const e = /* @__PURE__ */ new Map(), t = this.constructor.elementProperties;
+    for (const s of t.keys()) this.hasOwnProperty(s) && (e.set(s, this[s]), delete this[s]);
+    e.size > 0 && (this._$Ep = e);
+  }
+  createRenderRoot() {
+    const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return R(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 s;
+      return (s = t.hostConnected) == null ? void 0 : s.call(t);
+    });
+  }
+  enableUpdating(e) {
+  }
+  disconnectedCallback() {
+    var e;
+    (e = this._$EO) == null || e.forEach((t) => {
+      var s;
+      return (s = t.hostDisconnected) == null ? void 0 : s.call(t);
+    });
+  }
+  attributeChangedCallback(e, t, s) {
+    this._$AK(e, s);
+  }
+  _$EC(e, t) {
+    var n;
+    const s = this.constructor.elementProperties.get(e), i = this.constructor._$Eu(e, s);
+    if (i !== void 0 && s.reflect === !0) {
+      const o = (((n = s.converter) == null ? void 0 : n.toAttribute) !== void 0 ? s.converter : v).toAttribute(t, s.type);
+      this._$Em = e, o == null ? this.removeAttribute(i) : this.setAttribute(i, o), this._$Em = null;
+    }
+  }
+  _$AK(e, t) {
+    var n;
+    const s = this.constructor, i = s._$Eh.get(e);
+    if (i !== void 0 && this._$Em !== i) {
+      const o = s.getPropertyOptions(i), a = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((n = o.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? o.converter : v;
+      this._$Em = i, this[i] = a.fromAttribute(t, o.type), this._$Em = null;
+    }
+  }
+  requestUpdate(e, t, s) {
+    if (e !== void 0) {
+      if (s ?? (s = this.constructor.getPropertyOptions(e)), !(s.hasChanged ?? S)(this[e], t)) return;
+      this.P(e, t, s);
+    }
+    this.isUpdatePending === !1 && (this._$ES = this._$ET());
+  }
+  P(e, t, s) {
+    this._$AL.has(e) || this._$AL.set(e, t), s.reflect === !0 && this._$Em !== e && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(e);
+  }
+  async _$ET() {
+    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() {
+    var s;
+    if (!this.isUpdatePending) return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
+        for (const [n, o] of this._$Ep) this[n] = o;
+        this._$Ep = void 0;
+      }
+      const i = this.constructor.elementProperties;
+      if (i.size > 0) for (const [n, o] of i) o.wrapped !== !0 || this._$AL.has(n) || this[n] === void 0 || this.P(n, this[n], o);
+    }
+    let e = !1;
+    const t = this._$AL;
+    try {
+      e = this.shouldUpdate(t), e ? (this.willUpdate(t), (s = this._$EO) == null || s.forEach((i) => {
+        var n;
+        return (n = i.hostUpdate) == null ? void 0 : n.call(i);
+      }), this.update(t)) : this._$EU();
+    } catch (i) {
+      throw e = !1, this._$EU(), i;
+    }
+    e && this._$AE(t);
+  }
+  willUpdate(e) {
+  }
+  _$AE(e) {
+    var t;
+    (t = this._$EO) == null || t.forEach((s) => {
+      var i;
+      return (i = s.hostUpdated) == null ? void 0 : i.call(s);
+    }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);
+  }
+  _$EU() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(e) {
+    return !0;
+  }
+  update(e) {
+    this._$Ej && (this._$Ej = this._$Ej.forEach((t) => this._$EC(t, this[t]))), this._$EU();
+  }
+  updated(e) {
+  }
+  firstUpdated(e) {
+  }
+}
+g.elementStyles = [], g.shadowRootOptions = { mode: "open" }, g[y("elementProperties")] = /* @__PURE__ */ new Map(), g[y("finalized")] = /* @__PURE__ */ new Map(), w == null || w({ ReactiveElement: g }), (u.reactiveElementVersions ?? (u.reactiveElementVersions = [])).push("2.0.4");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const N = { attribute: !0, type: String, converter: v, reflect: !1, hasChanged: S }, H = (r = N, e, t) => {
+  const { kind: s, metadata: i } = t;
+  let n = globalThis.litPropertyMetadata.get(i);
+  if (n === void 0 && globalThis.litPropertyMetadata.set(i, n = /* @__PURE__ */ new Map()), n.set(t.name, r), s === "accessor") {
+    const { name: o } = t;
+    return { set(a) {
+      const d = e.get.call(this);
+      e.set.call(this, a), this.requestUpdate(o, d, r);
+    }, init(a) {
+      return a !== void 0 && this.P(o, void 0, r), a;
+    } };
+  }
+  if (s === "setter") {
+    const { name: o } = t;
+    return function(a) {
+      const d = this[o];
+      e.call(this, a), this.requestUpdate(o, d, r);
+    };
+  }
+  throw Error("Unsupported decorator location: " + s);
+};
+function l(r) {
+  return (e, t) => typeof t == "object" ? H(r, e, t) : ((s, i, n) => {
+    const o = i.hasOwnProperty(n);
+    return i.constructor.createProperty(n, o ? { ...s, wrapped: !0 } : s), o ? Object.getOwnPropertyDescriptor(i, n) : void 0;
+  })(r, e, t);
+}
+const K = {
+  png: [137, 80, 78, 71, 13, 10, 26, 10],
+  jpg: (r) => r.length >= 4 && r[0] === 255 && r[1] === 216 && r[2] === 255 && [224, 225, 219].includes(r[3]),
+  pdf: (r) => {
+    let e = 0;
+    for (; e < r.length && [32, 10, 13].includes(r[e]); )
+      e++;
+    return r[e] === 37 && r[e + 1] === 80 && r[e + 2] === 68 && r[e + 3] === 70;
+  },
+  gif: [71, 73, 70, 56],
+  mp4: (r) => {
+    const e = [102, 116, 121, 112];
+    for (let t = 0; t <= r.length - e.length; t++) {
+      let s = !0;
+      for (let i = 0; i < e.length; i++)
+        if (r[t + i] !== e[i]) {
+          s = !1;
+          break;
+        }
+      if (s) return !0;
+    }
+    return !1;
+  }
+};
+function W(r, e) {
+  if (typeof e == "function") return e(r);
+  if (r.length < e.length) return !1;
+  for (let t = 0; t < e.length; t++)
+    if (r[t] !== e[t]) return !1;
+  return !0;
+}
+const z = {
+  "image/png": ["png"],
+  "image/jpeg": ["jpg"],
+  "image/jpg": ["jpg"],
+  "image/*": ["png", "jpg", "gif"],
+  "video/mp4": ["mp4"],
+  "video/*": ["mp4"],
+  "application/pdf": ["pdf"],
+  ".pdf": ["pdf"],
+  ".jpg": ["jpg"],
+  ".jpeg": ["jpg"],
+  ".png": ["png"],
+  ".mp4": ["mp4"]
+};
+async function G(r, e) {
+  if (!e || e.trim() === "") return !0;
+  const s = await r.slice(0, 32).arrayBuffer(), i = new Uint8Array(s), o = e.toLowerCase().split(",").map((d) => d.trim()), a = /* @__PURE__ */ new Set();
+  for (const d of o)
+    if (z[d])
+      for (const m of z[d])
+        a.add(m);
+  o.some((d) => d.startsWith("image/")) && (a.add("png"), a.add("jpg")), o.some((d) => d.startsWith("video/")) && a.add("mp4");
+  for (const d of a) {
+    const m = K[d];
+    if (m && W(i, m)) return !0;
+  }
+  return a.size === 0;
+}
+const J = D`
+  :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-dropzone-background: var(--nys-color-ink-reverse, #fff);
+    --_nys-fileinput-dropzone-radius: var(
+      --nys-radius-lg,
+      var(--nys-space-100, 8px)
+    );
+    --_nys-fileinput-dropzone-border: var(--nys-border-width-sm, 1px) dashed
+      var(--nys-color-neutral-300, #a7a9ab);
+    --_nys-fileinput-dropzone-color: var(--nys-color-text-disabled, #bec0c1);
+  }
+
+  .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);
+  }
+
+  /***** Dragzone *****/
+  .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-dropzone-radius);
+    border: var(--_nys-fileinput-dropzone-border);
+    background: var(--_nys-fileinput-dropzone-background);
+  }
+
+  .nys-fileinput__dropzone:hover {
+    cursor: pointer;
+    --_nys-fileinput-dropzone-border: var(--nys-border-width-sm, 1px) dashed
+      var(--nys-color-neutral-900, #1b1b1b);
+  }
+
+  .nys-fileinput__dropzone.drag-active {
+    --_nys-fileinput-dropzone-border: var(--nys-border-width-sm, 1px) solid
+      var(--nys-color-neutral-900, #1b1b1b);
+    --_nys-fileinput-dropzone-background: var(--nys-color-theme-faint, #f7fafd);
+  }
+
+  .nys-fileinput__dropzone.error {
+    --_nys-fileinput-dropzone-border: var(--nys-border-width-md, 2px) dashed
+      var(--nys-color-danger, #b52c2c);
+  }
+
+  .nys-fileinput__dropzone.disabled {
+    cursor: not-allowed;
+    --_nys-fileinput-dropzone-border: var(--nys-border-width-sm, 1px) dashed
+      var(--nys-color-neutral-300, #a7a9ab);
+    --_nys-fileinput-dropzone-background: var(--nys-color-neutral-10, #f6f6f6);
+    color: var(--_nys-fileinput-dropzone-color);
+  }
+
+  progress {
+    display: flex;
+    width: 100%;
+    height: 6px;
+    border-radius: var(--nys-radius-round, 1776px);
+    background: var(--_nys-fileinput-progress-background);
+    overflow: hidden;
+    appearance: none;
+    border: none;
+  }
+  progress::-moz-progress-bar {
+    background: var(--_nys-fileinput-progress-background);
+  }
+  progress::-webkit-progress-value {
+    background: var(--_nys-fileinput-progress-background);
+  }
+  progress::-webkit-progress-bar {
+    background: var(--_nys-fileinput-progress-background);
+  }
+`, Q = D`
+  :host {
+    /* Global fileitem Styles */
+    --_nys-fileitem-items-radius: var(--nys-radius-md, 4px);
+    --_nys-fileitem-items-padding: var(--nys-space-100, 8px)
+      var(--nys-space-200, 16px);
+    --_nys-fileitem-items-border: var(--nys-border-width-sm, 1px) solid
+      var(--nys-color-neutral-100, #d0d0ce);
+    --_nys-fileitem-error-color: var(--nys-color-danger, #b52c2c);
+
+    /* 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-400: var(--nys-font-weight-regular, 400);
+    --_nys-fileitem-line-height: var(--nys-font-lineheight-ui-md, 24px);
+    --_nys-fileitem-letterspacing: var(--nys-font-letterspacing-ui-md, 0.044px);
+
+    /* Progress Bar */
+    --_nys-fileitem-progress-background: var(--nys-color-neutral-50, #ededed);
+    --_nys-fileitem-progress-fill-background: var(--nys-color-info, #004dd1);
+  }
+
+  /***** File List Item *****/
+  .file-item {
+    position: relative;
+    border-radius: var(--_nys-fileitem-items-radius);
+    border: var(--_nys-fileitem-items-border);
+  }
+
+  .file-item.error {
+    --_nys-fileitem-items-border: var(--nys-border-width-sm, 1px) solid
+      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-items-padding);
+    height: 56px;
+    box-sizing: border-box;
+  }
+
+  .file-item__info {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    font-family: var(--_nys-fileitem-font-family);
+    font-size: var(--_nys-fileitem-font-size);
+    font-style: normal;
+    font-weight: var(--_nys-fileitem-font-weight-400);
+    line-height: var(--_nys-fileitem-line-height);
+    letter-spacing: var(--_nys-fileitem-letterspacing);
+  }
+
+  .file-item p {
+    margin: 0;
+  }
+
+  .error-msg {
+    color: var(--_nys-fileitem-error-color);
+    text-overflow: ellipsis;
+  }
+
+  /**** Progress Bar ****/
+  progress {
+    position: absolute;
+    bottom: 0;
+    display: flex;
+    width: 100%;
+    height: 6px;
+    border-radius: var(--nys-radius-round, 1776px);
+    background: var(--_nys-fileitem-progress-fill-background);
+    overflow: hidden;
+    appearance: none;
+  }
+  /* Track */
+  progress::-moz-progress-bar {
+    background: var(--_nys-fileitem-progress-background);
+  }
+  /* Filled value (the blue bar) */
+  progress::-webkit-progress-value {
+    background: var(--_nys-fileitem-progress-fill-background);
+  }
+  /* Firefox */
+  progress::-webkit-progress-bar {
+    background: var(--_nys-fileitem-progress-background);
+  }
+
+  /**** Icon ****/
+  .file-icon[name="progress_activity"] {
+    animation: spin 1s linear infinite;
+  }
+
+  .file-icon[name="error"] {
+    color: var(--_nys-fileitem-error-color);
+  }
+
+  @keyframes spin {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+`;
+var X = Object.defineProperty, $ = (r, e, t, s) => {
+  for (var i = void 0, n = r.length - 1, o; n >= 0; n--)
+    (o = r[n]) && (i = o(e, t, i) || i);
+  return i && X(e, t, i), i;
+};
+const x = class x extends F {
+  constructor() {
+    super(...arguments), this.filename = "", this.status = "pending", this.progress = 0, this.errorMessage = "";
+  }
+  _handleRemove() {
+    this.dispatchEvent(
+      new CustomEvent("nys-fileRemove", {
+        detail: { filename: this.filename },
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+  truncateFilename(e) {
+    const t = e.lastIndexOf(".");
+    if (t === -1)
+      return e.length > 30 ? e.slice(0, 30) + "..." : e;
+    const s = e.slice(t), i = e.slice(0, t), n = 30;
+    if (i.length <= n)
+      return e;
+    const o = i.slice(0, n - 3), a = i.slice(-3);
+    return `${o}...${a}${s}`;
+  }
+  render() {
+    return c`
+      <div class="file-item ${this.status}">
+        <div class="file-item__main" role="group" aria-label="Filename: ${this.filename}">
+          <nys-icon
+            class="file-icon"
+            name=${this.status === "processing" ? "progress_activity" : this.status === "error" ? "error" : "attach_file"}
+            size="2xl"
+          ></nys-icon>
+          <div class="file-item__info">
+            <p">
+              ${this.truncateFilename(this.filename)}
+            </p>
+            ${this.errorMessage ? c`<p
+                    class="error-msg"
+                    role="alert"
+                    aria-live="assertive"
+                    id="${this.filename}-error"
+                  >
+                    ${this.errorMessage}
+                  </p>` : null}
+          </div>
+          <nys-button
+            circle
+            icon="close"
+            ariaLabel="close button"
+            size="sm"
+            variant="ghost"
+            .onClick=${() => this._handleRemove()}
+          ></nys-button>
+        </div>
+        ${this.status === "processing" ? c`<div
+                class="progress-container"
+                role="progressbar"
+                aria-valuemin="0"
+                aria-valuemax="100"
+                aria-valuenow="${this.progress}"
+                aria-label="Upload progress for ${this.filename}"
+              >
+                <progress value=${this.progress} max="100"></progress>
+              </div>` : null}
+      </div>
+    `;
+  }
+};
+x.styles = Q;
+let f = x;
+$([
+  l({ type: String })
+], f.prototype, "filename");
+$([
+  l({ type: String })
+], f.prototype, "status");
+$([
+  l({ type: Number })
+], f.prototype, "progress");
+$([
+  l({ type: String })
+], f.prototype, "errorMessage");
+customElements.define("nys-fileitem", f);
+var Y = Object.defineProperty, h = (r, e, t, s) => {
+  for (var i = void 0, n = r.length - 1, o; n >= 0; n--)
+    (o = r[n]) && (i = o(e, t, i) || i);
+  return i && Y(e, t, i), i;
+};
+let Z = 0;
+const b = class b extends F {
+  // allows use of elementInternals' API
+  constructor() {
+    super(), this.id = "", this.name = "", this.label = "", this.description = "", this.multiple = !1, this.accept = "", this.disabled = !1, this.required = !1, this.optional = !1, this.showError = !1, this.errorMessage = "", this.dropzone = !1, this.width = "full", this._selectedFiles = [], this._dragActive = !1, this._internals = this.attachInternals();
+  }
+  get _isDropDisabled() {
+    return this.disabled || !this.multiple && this._selectedFiles.length > 0;
+  }
+  // Generate a unique ID if one is not provided
+  connectedCallback() {
+    super.connectedCallback(), this.id || (this.id = `nys-fileinput-${Date.now()}-${Z++}`), this.addEventListener("invalid", this._handleInvalid);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener("invalid", this._handleInvalid);
+  }
+  firstUpdated() {
+    this._setValue();
+  }
+  /********************** Form Integration **********************/
+  _setValue() {
+    var e;
+    if (this.multiple) {
+      const t = this._selectedFiles.map((s) => s.file);
+      if (t.length > 0) {
+        const s = new FormData();
+        t.forEach((i) => {
+          s.append(this.name, i);
+        }), this._internals.setFormValue(s);
+      } else
+        this._internals.setFormValue(null);
+    } else {
+      const t = ((e = this._selectedFiles[0]) == null ? void 0 : e.file) || null;
+      this._internals.setFormValue(t);
+    }
+    this._manageRequire();
+  }
+  // Called to internally set the initial internalElement required flag.
+  _manageRequire() {
+    var i;
+    const e = (i = this.shadowRoot) == null ? void 0 : i.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({}));
+  }
+  _setValidityMessage(e = "") {
+    var s, i;
+    const t = (s = this.shadowRoot) == null ? void 0 : s.querySelector("input");
+    t && (this.showError = e === (this.errorMessage || "Please upload a file."), (i = this.errorMessage) != null && i.trim() && e !== "" && (e = this.errorMessage), this._internals.setValidity(
+      e ? { customError: !0 } : {},
+      e,
+      t
+    ));
+  }
+  _validate() {
+    const e = this._selectedFiles.some(
+      (i) => i.status === "error"
+    ), t = this.required && this._selectedFiles.length === 0;
+    let s = "";
+    t ? s = this.errorMessage || "Please upload a file." : e && (s = "One or more files are invalid."), this._setValidityMessage(s);
+  }
+  /******************** Functions ********************/
+  // Store the files to be displayed
+  async _saveSelectedFiles(e) {
+    if (this._selectedFiles.some(
+      (i) => i.file.name == e.name
+    ) || !this.multiple && this._selectedFiles.length >= 1) return;
+    const s = {
+      file: e,
+      progress: 0,
+      status: "pending"
+    };
+    this._selectedFiles.push(s), await this._processFile(s), this._setValue(), this._validate();
+  }
+  // Read the contents of stored files, this will indicate loading progress of the uploaded files
+  async _processFile(e) {
+    e.status = "processing";
+    try {
+      if (!await G(e.file, this.accept)) {
+        e.status = "error", e.errorMsg = "File format does not match expected type.", this.requestUpdate();
+        return;
+      }
+      const s = new FileReader();
+      s.onprogress = (i) => {
+        if (i.lengthComputable) {
+          const n = Math.round(i.loaded * 100 / i.total);
+          e.progress = n, this.requestUpdate();
+        }
+      }, s.onload = () => {
+        e.progress = 100, e.status = "done", this.requestUpdate();
+      }, s.onerror = () => {
+        e.status = "error", e.errorMsg = "Failed to load file.", this.requestUpdate();
+      }, s.readAsArrayBuffer(e.file);
+    } catch {
+      e.status = "error", e.errorMsg = "Error validating file.", this.requestUpdate();
+    }
+  }
+  _dispatchChangeEvent() {
+    this.dispatchEvent(
+      new CustomEvent("nys-change", {
+        detail: { files: this._selectedFiles },
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+  _openFileDialog() {
+    const e = this.renderRoot.querySelector(
+      ".hidden-file-input"
+    );
+    e == null || e.click();
+  }
+  /******************** Event Handlers ********************/
+  // Access the selected files & add new files to the internal list via the hidden <input type="file">
+  _handleFileChange(e) {
+    const t = e.target, s = t.files;
+    (s ? Array.from(s) : []).map((n) => {
+      this._saveSelectedFiles(n);
+    }), t.value = "", this.requestUpdate(), this._dispatchChangeEvent();
+  }
+  _handleFileRemove(e) {
+    const t = e.detail.filename;
+    this._selectedFiles = this._selectedFiles.filter(
+      (s) => s.file.name !== t
+    ), this._setValue(), this._validate(), this.requestUpdate(), this._dispatchChangeEvent();
+  }
+  _onDragOver(e) {
+    this.disabled || (e.stopPropagation(), e.preventDefault(), this._dragActive || (this._dragActive = !0, this.requestUpdate()));
+  }
+  // Mostly used for styling purpose
+  _onDragLeave(e) {
+    this.disabled || (e.stopPropagation(), e.preventDefault(), e.currentTarget === e.target && (this._dragActive = !1, this.requestUpdate()));
+  }
+  _onDrop(e) {
+    var i;
+    if (this.disabled) return;
+    e.preventDefault(), this._dragActive = !1, this.requestUpdate();
+    const t = (i = e.dataTransfer) == null ? void 0 : i.files;
+    if (!t) return;
+    const s = Array.from(t);
+    this.multiple ? s.forEach((n) => {
+      this._saveSelectedFiles(n);
+    }) : this._saveSelectedFiles(s[0]), this.requestUpdate(), this._dispatchChangeEvent();
+  }
+  _handleInvalid(e) {
+    var s;
+    e.preventDefault(), this._validate();
+    const t = (s = this.shadowRoot) == null ? void 0 : s.querySelector("input");
+    if (t) {
+      const i = this._internals.form;
+      i ? Array.from(i.elements).find(
+        (a) => typeof a.checkValidity == "function" && !a.checkValidity()
+      ) === this && t.focus() : t.focus();
+    }
+  }
+  render() {
+    return c`<div
+      class="nys-fileinput"
+      @nys-fileRemove=${this._handleFileRemove}
+    >
+      <nys-label
+        id=${this.id}
+        label=${this.label}
+        description=${this.description}
+        flag=${this.required ? "required" : this.optional ? "optional" : ""}
+      >
+        <slot name="description" slot="description">${this.description}</slot>
+      </nys-label>
+
+      <input
+        id=${this.id}
+        class="hidden-file-input"
+        type="file"
+        name=${this.name}
+        ?multiple=${this.multiple}
+        accept=${this.accept}
+        ?required=${this.required}
+        ?disabled=${this.disabled || !this.multiple && this._selectedFiles.length > 0}
+        aria-disabled="${this.disabled}"
+        aria-label="Drag files here or choose from folder"
+        aria-describedby="file-input-specific-hint"
+        style="position: absolute; width: 1px; height: 1px; opacity: 0;"
+        @change=${this._handleFileChange}
+      />
+
+      ${this.dropzone ? c`<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()}
+            @dragover=${this._isDropDisabled ? null : this._onDragOver}
+            @dragleave=${this._isDropDisabled ? null : this._onDragLeave}
+            @drop=${this._isDropDisabled ? null : this._onDrop}
+          >
+            ${this._dragActive ? c`<p>Drop file to upload</p>` : c` <nys-button
+                    id="file-btn"
+                    name="file-btn"
+                    label=${this.multiple ? "Choose files" : "Choose file"}
+                    variant="outline"
+                    ?disabled=${this._isDropDisabled}
+                    .onClick=${(e) => {
+      e.stopPropagation(), this._openFileDialog();
+    }}
+                  ></nys-button>
+                  <p>or drag here</p>`}
+          </div>` : c`<nys-button
+            id="file-btn"
+            name="file-btn"
+            label=${this.multiple ? "Choose files" : "Choose file"}
+            variant="outline"
+            ?disabled=${this.disabled || !this.multiple && this._selectedFiles.length > 0}
+            .onClick=${() => this._openFileDialog()}
+          ></nys-button>`}
+      ${this.showError ? c`
+            <nys-errormessage
+              ?showError=${this.showError}
+              errorMessage=${this._internals.validationMessage || this.errorMessage}
+            ></nys-errormessage>
+          ` : null}
+      ${this._selectedFiles.length > 0 ? c`
+            <ul>
+              ${this._selectedFiles.map(
+      (e) => c`<li>
+                    <nys-fileitem
+                      filename=${e.file.name}
+                      status=${e.status}
+                      progress=${e.progress}
+                      errorMessage=${e.errorMsg || ""}
+                    ></nys-fileitem>
+                  </li>`
+    )}
+            </ul>
+          ` : null}
+    </div>`;
+  }
+};
+b.styles = J, b.formAssociated = !0;
+let p = b;
+h([
+  l({ type: String })
+], p.prototype, "id");
+h([
+  l({ type: String, reflect: !0 })
+], p.prototype, "name");
+h([
+  l({ type: String })
+], p.prototype, "label");
+h([
+  l({ type: String })
+], p.prototype, "description");
+h([
+  l({ type: Boolean })
+], p.prototype, "multiple");
+h([
+  l({ type: String })
+], p.prototype, "accept");
+h([
+  l({ type: Boolean, reflect: !0 })
+], p.prototype, "disabled");
+h([
+  l({ type: Boolean, reflect: !0 })
+], p.prototype, "required");
+h([
+  l({ type: Boolean, reflect: !0 })
+], p.prototype, "optional");
+h([
+  l({ type: Boolean, reflect: !0 })
+], p.prototype, "showError");
+h([
+  l({ type: String })
+], p.prototype, "errorMessage");
+h([
+  l({ type: Boolean })
+], p.prototype, "dropzone");
+h([
+  l({ type: String, reflect: !0 })
+], p.prototype, "width");
+customElements.get("nys-fileinput") || customElements.define("nys-fileinput", p);
+export {
+  p as NysFileinput
+};
+//# sourceMappingURL=nys-fileinput.js.map

package/dist/nys-fileinput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nys-fileinput.js","sources":["../../../node_modules/@lit/reactive-element/css-tag.js","../../../node_modules/@lit/reactive-element/reactive-element.js","../../../node_modules/@lit/reactive-element/decorators/property.js","../src/validateFileHeader.ts","../src/nys-fileinput.styles.ts","../src/nys-fileitem.styles.ts","../src/nys-fileitem.ts","../src/nys-fileinput.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2019 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&\"adoptedStyleSheets\"in Document.prototype&&\"replace\"in CSSStyleSheet.prototype,s=Symbol(),o=new WeakMap;class n{constructor(t,e,o){if(this._$cssResult$=!0,o!==s)throw Error(\"CSSResult is not constructable. Use `unsafeCSS` or `css` instead.\");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const s=this.t;if(e&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o.set(s,t))}return t}toString(){return this.cssText}}const r=t=>new n(\"string\"==typeof t?t:t+\"\",void 0,s),i=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,s,o)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if(\"number\"==typeof t)return t;throw Error(\"Value passed to 'css' function must be a 'css' function result: \"+t+\". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.\")})(s)+t[o+1]),t[0]);return new n(o,t,s)},S=(s,o)=>{if(e)s.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement(\"style\"),n=t.litNonce;void 0!==n&&o.setAttribute(\"nonce\",n),o.textContent=e.cssText,s.appendChild(o)}},c=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e=\"\";for(const s of t.cssRules)e+=s.cssText;return r(e)})(t):t;export{n as CSSResult,S as adoptStyles,i as css,c as getCompatibleStyle,e as supportsAdoptingStyleSheets,r as unsafeCSS};\n//# sourceMappingURL=css-tag.js.map\n","import{getCompatibleStyle as t,adoptStyles as s}from\"./css-tag.js\";export{CSSResult,adoptStyles,css,getCompatibleStyle,supportsAdoptingStyleSheets,unsafeCSS}from\"./css-tag.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const{is:i,defineProperty:e,getOwnPropertyDescriptor:r,getOwnPropertyNames:h,getOwnPropertySymbols:o,getPrototypeOf:n}=Object,a=globalThis,c=a.trustedTypes,l=c?c.emptyScript:\"\",p=a.reactiveElementPolyfillSupport,d=(t,s)=>t,u={toAttribute(t,s){switch(s){case Boolean:t=t?l:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},f=(t,s)=>!i(t,s),y={attribute:!0,type:String,converter:u,reflect:!1,hasChanged:f};Symbol.metadata??=Symbol(\"metadata\"),a.litPropertyMetadata??=new WeakMap;class b extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=y){if(s.state&&(s.attribute=!1),this._$Ei(),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),r=this.getPropertyDescriptor(t,i,s);void 0!==r&&e(this.prototype,t,r)}}static getPropertyDescriptor(t,s,i){const{get:e,set:h}=r(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t}};return{get(){return e?.call(this)},set(s){const r=e?.call(this);h.call(this,s),this.requestUpdate(t,r,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??y}static _$Ei(){if(this.hasOwnProperty(d(\"elementProperties\")))return;const t=n(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(d(\"finalized\")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(d(\"properties\"))){const t=this.properties,s=[...h(t),...o(t)];for(const i of s)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(t(s))}else void 0!==s&&i.push(t(s));return i}static _$Eu(t,s){const i=s.attribute;return!1===i?void 0:\"string\"==typeof i?i:\"string\"==typeof t?t.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((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return s(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,s,i){this._$AK(t,i)}_$EC(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&!0===i.reflect){const r=(void 0!==i.converter?.toAttribute?i.converter:u).toAttribute(s,i.type);this._$Em=t,null==r?this.removeAttribute(e):this.setAttribute(e,r),this._$Em=null}}_$AK(t,s){const i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=i.getPropertyOptions(e),r=\"function\"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u;this._$Em=e,this[e]=r.fromAttribute(s,t.type),this._$Em=null}}requestUpdate(t,s,i){if(void 0!==t){if(i??=this.constructor.getPropertyOptions(t),!(i.hasChanged??f)(this[t],s))return;this.P(t,s,i)}!1===this.isUpdatePending&&(this._$ES=this._$ET())}P(t,s,i){this._$AL.has(t)||this._$AL.set(t,s),!0===i.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t)!0!==i.wrapped||this._$AL.has(s)||void 0===this[s]||this.P(s,this[s],i)}let t=!1;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EU()}catch(s){throw t=!1,this._$EU(),s}t&&this._$AE(s)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU()}updated(t){}firstUpdated(t){}}b.elementStyles=[],b.shadowRootOptions={mode:\"open\"},b[d(\"elementProperties\")]=new Map,b[d(\"finalized\")]=new Map,p?.({ReactiveElement:b}),(a.reactiveElementVersions??=[]).push(\"2.0.4\");export{b as ReactiveElement,u as defaultConverter,f as notEqual};\n//# sourceMappingURL=reactive-element.js.map\n","import{defaultConverter as t,notEqual as e}from\"../reactive-element.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o={attribute:!0,type:String,converter:t,reflect:!1,hasChanged:e},r=(t=o,e,r)=>{const{kind:n,metadata:i}=r;let s=globalThis.litPropertyMetadata.get(i);if(void 0===s&&globalThis.litPropertyMetadata.set(i,s=new Map),s.set(r.name,t),\"accessor\"===n){const{name:o}=r;return{set(r){const n=e.get.call(this);e.set.call(this,r),this.requestUpdate(o,n,t)},init(e){return void 0!==e&&this.P(o,void 0,t),e}}}if(\"setter\"===n){const{name:o}=r;return function(r){const n=this[o];e.call(this,r),this.requestUpdate(o,n,t)}}throw Error(\"Unsupported decorator location: \"+n)};function n(t){return(e,o)=>\"object\"==typeof o?r(t,e,o):((t,e,o)=>{const r=e.hasOwnProperty(o);return e.constructor.createProperty(o,r?{...t,wrapped:!0}:t),r?Object.getOwnPropertyDescriptor(e,o):void 0})(t,e,o)}export{n as property,r as standardProperty};\n//# sourceMappingURL=property.js.map\n","/*\n * Validates a file's true format by inspecting its header (magic number).\n * Rejects files whose extension or \"accept\" type you expect, but whose header does NOT match.\n */\nconst magicNumbers: Record<\n  string,\n  number[] | ((header: Uint8Array) => boolean)\n> = {\n  png: [0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a],\n  jpg: (header) => {\n    return (\n      header.length >= 4 &&\n      header[0] === 0xff &&\n      header[1] === 0xd8 &&\n      header[2] === 0xff &&\n      [0xe0, 0xe1, 0xdb].includes(header[3])\n    );\n  },\n  pdf: (header) => {\n    let i = 0;\n    while (i < header.length && [0x20, 0x0a, 0x0d].includes(header[i])) {\n      i++;\n    }\n    return (\n      header[i] === 0x25 &&\n      header[i + 1] === 0x50 &&\n      header[i + 2] === 0x44 &&\n      header[i + 3] === 0x46\n    );\n  },\n  gif: [0x47, 0x49, 0x46, 0x38],\n  mp4: (header) => {\n    const ftyp = [0x66, 0x74, 0x79, 0x70];\n    for (let i = 0; i <= header.length - ftyp.length; i++) {\n      let match = true;\n      for (let j = 0; j < ftyp.length; j++) {\n        if (header[i + j] !== ftyp[j]) {\n          match = false;\n          break;\n        }\n      }\n      if (match) return true;\n    }\n    return false;\n  },\n};\n\nfunction matchesMagic(\n  header: Uint8Array,\n  magic: number[] | ((h: Uint8Array) => boolean),\n): boolean {\n  if (typeof magic === \"function\") return magic(header);\n  if (header.length < magic.length) return false;\n  for (let i = 0; i < magic.length; i++) {\n    if (header[i] !== magic[i]) return false;\n  }\n  return true;\n}\n\n// Map of file type aliases\nconst acceptKeyMap: Record<string, string[]> = {\n  \"image/png\": [\"png\"],\n  \"image/jpeg\": [\"jpg\"],\n  \"image/jpg\": [\"jpg\"],\n  \"image/*\": [\"png\", \"jpg\", \"gif\"],\n  \"video/mp4\": [\"mp4\"],\n  \"video/*\": [\"mp4\"],\n  \"application/pdf\": [\"pdf\"],\n  \".pdf\": [\"pdf\"],\n  \".jpg\": [\"jpg\"],\n  \".jpeg\": [\"jpg\"],\n  \".png\": [\"png\"],\n  \".mp4\": [\"mp4\"],\n};\n\nexport async function validateFileHeader(\n  file: File,\n  accept: string,\n): Promise<boolean> {\n  if (!accept || accept.trim() === \"\") return true;\n\n  const blob = file.slice(0, 32); // Read first 32 bytes for wider coverage\n  const buffer = await blob.arrayBuffer();\n  const header = new Uint8Array(buffer);\n\n  const acceptLower = accept.toLowerCase();\n  const acceptItems = acceptLower.split(\",\").map((a) => a.trim());\n\n  const acceptedKeys = new Set<string>();\n\n  for (const item of acceptItems) {\n    if (acceptKeyMap[item]) {\n      for (const key of acceptKeyMap[item]) {\n        acceptedKeys.add(key);\n      }\n    }\n  }\n\n  // Support wildcards and fallback logic\n  if (acceptItems.some((a) => a.startsWith(\"image/\"))) {\n    acceptedKeys.add(\"png\");\n    acceptedKeys.add(\"jpg\");\n  }\n  if (acceptItems.some((a) => a.startsWith(\"video/\"))) {\n    acceptedKeys.add(\"mp4\");\n  }\n\n  for (const key of acceptedKeys) {\n    const magic = magicNumbers[key];\n    if (magic && matchesMagic(header, magic)) return true;\n  }\n\n  return acceptedKeys.size === 0; // If nothing matched but accept was vague (like unknown ext), fallback\n}\n","import { css } from \"lit\";\n\nexport default css`\n  :host {\n    /* Global Fileinput Styles */\n    --_nys-fileinput-gap: var(--nys-space-100, 8px);\n\n    /* Typography */\n    --_nys-fileinput-font-size: var(--nys-font-size-ui-md, 16px);\n    --_nys-fileinput-font-weight: var(--nys-font-weight-semibold, 600);\n    --_nys-fileinput-line-height: var(--nys-font-lineheight-ui-md, 24px);\n    --_nys-fileinput-font-family: var(\n      --nys-font-family-ui,\n      var(\n        --nys-font-family-sans,\n        \"Proxima Nova\",\n        \"Helvetica Neue\",\n        \"Helvetica\",\n        \"Arial\",\n        sans-serif\n      )\n    );\n\n    /* Dropzone */\n    --_nys-fileinput-dropzone-background: var(--nys-color-ink-reverse, #fff);\n    --_nys-fileinput-dropzone-radius: var(\n      --nys-radius-lg,\n      var(--nys-space-100, 8px)\n    );\n    --_nys-fileinput-dropzone-border: var(--nys-border-width-sm, 1px) dashed\n      var(--nys-color-neutral-300, #a7a9ab);\n    --_nys-fileinput-dropzone-color: var(--nys-color-text-disabled, #bec0c1);\n  }\n\n  .nys-fileinput {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: center;\n    gap: var(--_nys-fileinput-gap);\n    font-family: var(--_nys-fileinput-font-family);\n    font-size: var(--_nys-fileinput-font-size);\n    font-weight: var(--_nys-fileinput-font-weight);\n    line-height: var(--_nys-fileinput-line-height);\n  }\n  :host([width=\"lg\"]) .nys-fileinput {\n    max-width: var(--nys-form-width-lg, 384px);\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0px;\n    margin: 0px;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    gap: var(--_nys-fileinput-gap);\n  }\n\n  /***** Dragzone *****/\n  .nys-fileinput__dropzone {\n    display: flex;\n    padding: var(--nys-space-400, 32px) var(--nys-space-200, 16px);\n    justify-content: center;\n    align-items: center;\n    gap: 12px;\n    align-self: stretch;\n    border-radius: var(--_nys-fileinput-dropzone-radius);\n    border: var(--_nys-fileinput-dropzone-border);\n    background: var(--_nys-fileinput-dropzone-background);\n  }\n\n  .nys-fileinput__dropzone:hover {\n    cursor: pointer;\n    --_nys-fileinput-dropzone-border: var(--nys-border-width-sm, 1px) dashed\n      var(--nys-color-neutral-900, #1b1b1b);\n  }\n\n  .nys-fileinput__dropzone.drag-active {\n    --_nys-fileinput-dropzone-border: var(--nys-border-width-sm, 1px) solid\n      var(--nys-color-neutral-900, #1b1b1b);\n    --_nys-fileinput-dropzone-background: var(--nys-color-theme-faint, #f7fafd);\n  }\n\n  .nys-fileinput__dropzone.error {\n    --_nys-fileinput-dropzone-border: var(--nys-border-width-md, 2px) dashed\n      var(--nys-color-danger, #b52c2c);\n  }\n\n  .nys-fileinput__dropzone.disabled {\n    cursor: not-allowed;\n    --_nys-fileinput-dropzone-border: var(--nys-border-width-sm, 1px) dashed\n      var(--nys-color-neutral-300, #a7a9ab);\n    --_nys-fileinput-dropzone-background: var(--nys-color-neutral-10, #f6f6f6);\n    color: var(--_nys-fileinput-dropzone-color);\n  }\n\n  progress {\n    display: flex;\n    width: 100%;\n    height: 6px;\n    border-radius: var(--nys-radius-round, 1776px);\n    background: var(--_nys-fileinput-progress-background);\n    overflow: hidden;\n    appearance: none;\n    border: none;\n  }\n  progress::-moz-progress-bar {\n    background: var(--_nys-fileinput-progress-background);\n  }\n  progress::-webkit-progress-value {\n    background: var(--_nys-fileinput-progress-background);\n  }\n  progress::-webkit-progress-bar {\n    background: var(--_nys-fileinput-progress-background);\n  }\n`;\n","import { css } from \"lit\";\n\nexport default css`\n  :host {\n    /* Global fileitem Styles */\n    --_nys-fileitem-items-radius: var(--nys-radius-md, 4px);\n    --_nys-fileitem-items-padding: var(--nys-space-100, 8px)\n      var(--nys-space-200, 16px);\n    --_nys-fileitem-items-border: var(--nys-border-width-sm, 1px) solid\n      var(--nys-color-neutral-100, #d0d0ce);\n    --_nys-fileitem-error-color: var(--nys-color-danger, #b52c2c);\n\n    /* Typography */\n    --_nys-fileitem-font-family: var(\n      --nys-font-family-ui,\n      var(\n        --nys-font-family-sans,\n        \"Proxima Nova\",\n        \"Helvetica Neue\",\n        \"Helvetica\",\n        \"Arial\",\n        sans-serif\n      )\n    );\n    --_nys-fileitem-font-size: var(--nys-font-size-ui-md, 16px);\n    --_nys-fileitem-font-weight-400: var(--nys-font-weight-regular, 400);\n    --_nys-fileitem-line-height: var(--nys-font-lineheight-ui-md, 24px);\n    --_nys-fileitem-letterspacing: var(--nys-font-letterspacing-ui-md, 0.044px);\n\n    /* Progress Bar */\n    --_nys-fileitem-progress-background: var(--nys-color-neutral-50, #ededed);\n    --_nys-fileitem-progress-fill-background: var(--nys-color-info, #004dd1);\n  }\n\n  /***** File List Item *****/\n  .file-item {\n    position: relative;\n    border-radius: var(--_nys-fileitem-items-radius);\n    border: var(--_nys-fileitem-items-border);\n  }\n\n  .file-item.error {\n    --_nys-fileitem-items-border: var(--nys-border-width-sm, 1px) solid\n      var(--nys-color-danger, #b52c2c);\n  }\n\n  .file-item__main {\n    display: flex;\n    justify-items: center;\n    align-items: center;\n    gap: var(--_nys-fileinput-gap);\n    padding: var(--_nys-fileitem-items-padding);\n    height: 56px;\n    box-sizing: border-box;\n  }\n\n  .file-item__info {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    font-family: var(--_nys-fileitem-font-family);\n    font-size: var(--_nys-fileitem-font-size);\n    font-style: normal;\n    font-weight: var(--_nys-fileitem-font-weight-400);\n    line-height: var(--_nys-fileitem-line-height);\n    letter-spacing: var(--_nys-fileitem-letterspacing);\n  }\n\n  .file-item p {\n    margin: 0;\n  }\n\n  .error-msg {\n    color: var(--_nys-fileitem-error-color);\n    text-overflow: ellipsis;\n  }\n\n  /**** Progress Bar ****/\n  progress {\n    position: absolute;\n    bottom: 0;\n    display: flex;\n    width: 100%;\n    height: 6px;\n    border-radius: var(--nys-radius-round, 1776px);\n    background: var(--_nys-fileitem-progress-fill-background);\n    overflow: hidden;\n    appearance: none;\n  }\n  /* Track */\n  progress::-moz-progress-bar {\n    background: var(--_nys-fileitem-progress-background);\n  }\n  /* Filled value (the blue bar) */\n  progress::-webkit-progress-value {\n    background: var(--_nys-fileitem-progress-fill-background);\n  }\n  /* Firefox */\n  progress::-webkit-progress-bar {\n    background: var(--_nys-fileitem-progress-background);\n  }\n\n  /**** Icon ****/\n  .file-icon[name=\"progress_activity\"] {\n    animation: spin 1s linear infinite;\n  }\n\n  .file-icon[name=\"error\"] {\n    color: var(--_nys-fileitem-error-color);\n  }\n\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n`;\n","import { LitElement, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport styles from \"./nys-fileitem.styles\";\n\nexport class NysFileItem extends LitElement {\n  @property({ type: String }) filename = \"\";\n  @property({ type: String }) status:\n    | \"pending\"\n    | \"processing\"\n    | \"done\"\n    | \"error\" = \"pending\";\n  @property({ type: Number }) progress = 0;\n  @property({ type: String }) errorMessage = \"\";\n\n  static styles = styles;\n\n  private _handleRemove() {\n    this.dispatchEvent(\n      new CustomEvent(\"nys-fileRemove\", {\n        detail: { filename: this.filename },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private truncateFilename(filename: string): string {\n    const lastDotIndex = filename.lastIndexOf(\".\");\n    if (lastDotIndex === -1) {\n      // No extension, truncate to max 30 chars + ellipsis if needed\n      return filename.length > 30 ? filename.slice(0, 30) + \"...\" : filename;\n    }\n\n    const extension = filename.slice(lastDotIndex); // e.g. \".pdf\"\n    const namePart = filename.slice(0, lastDotIndex);\n\n    // Show at most 30 chars total in namePart (including last 3 chars before extension)\n    const maxNameLength = 30;\n    if (namePart.length <= maxNameLength) {\n      return filename; // no truncation needed\n    }\n\n    const startPart = namePart.slice(0, maxNameLength - 3);\n    const endPart = namePart.slice(-3);\n\n    return `${startPart}...${endPart}${extension}`;\n  }\n\n  render() {\n    return html`\n      <div class=\"file-item ${this.status}\">\n        <div class=\"file-item__main\" role=\"group\" aria-label=\"Filename: ${this.filename}\">\n          <nys-icon\n            class=\"file-icon\"\n            name=${\n              this.status === \"processing\"\n                ? \"progress_activity\"\n                : this.status === \"error\"\n                  ? \"error\"\n                  : \"attach_file\"\n            }\n            size=\"2xl\"\n          ></nys-icon>\n          <div class=\"file-item__info\">\n            <p\">\n              ${this.truncateFilename(this.filename)}\n            </p>\n            ${\n              this.errorMessage\n                ? html`<p\n                    class=\"error-msg\"\n                    role=\"alert\"\n                    aria-live=\"assertive\"\n                    id=\"${this.filename}-error\"\n                  >\n                    ${this.errorMessage}\n                  </p>`\n                : null\n            }\n          </div>\n          <nys-button\n            circle\n            icon=\"close\"\n            ariaLabel=\"close button\"\n            size=\"sm\"\n            variant=\"ghost\"\n            .onClick=${() => this._handleRemove()}\n          ></nys-button>\n        </div>\n        ${\n          this.status === \"processing\"\n            ? html`<div\n                class=\"progress-container\"\n                role=\"progressbar\"\n                aria-valuemin=\"0\"\n                aria-valuemax=\"100\"\n                aria-valuenow=\"${this.progress}\"\n                aria-label=\"Upload progress for ${this.filename}\"\n              >\n                <progress value=${this.progress} max=\"100\"></progress>\n              </div>`\n            : null\n        }\n      </div>\n    `;\n  }\n}\n\ncustomElements.define(\"nys-fileitem\", NysFileItem);\n","import { LitElement, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { validateFileHeader } from \"./validateFileHeader\";\nimport styles from \"./nys-fileinput.styles\";\nimport \"./nys-fileitem\";\n\nlet fileinputIdCounter = 0; // Counter for generating unique IDs\n\ninterface FileWithProgress {\n  file: File;\n  progress: number;\n  status: \"pending\" | \"processing\" | \"done\" | \"error\";\n  errorMsg?: string;\n}\n\nexport class NysFileinput extends LitElement {\n  @property({ type: String }) id = \"\";\n  @property({ type: String, reflect: true }) name = \"\";\n  @property({ type: String }) label = \"\";\n  @property({ type: String }) description = \"\";\n  @property({ type: Boolean }) multiple = false;\n  @property({ type: String }) accept = \"\"; // e.g. \"image/*,.pdf\"\n  @property({ type: Boolean, reflect: true }) disabled = false;\n  @property({ type: Boolean, reflect: true }) required = false;\n  @property({ type: Boolean, reflect: true }) optional = false;\n  @property({ type: Boolean, reflect: true }) showError = false;\n  @property({ type: String }) errorMessage = \"\";\n  @property({ type: Boolean }) dropzone = false;\n  @property({ type: String, reflect: true }) width: \"lg\" | \"full\" = \"full\";\n\n  static styles = styles;\n\n  private _selectedFiles: FileWithProgress[] = [];\n  private _dragActive = false;\n  private get _isDropDisabled(): boolean {\n    return this.disabled || (!this.multiple && this._selectedFiles.length > 0);\n  }\n\n  private _internals: ElementInternals;\n\n  /********************** Lifecycle updates **********************/\n  static formAssociated = true; // allows use of elementInternals' API\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n  }\n\n  // Generate a unique ID if one is not provided\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this.id) {\n      this.id = `nys-fileinput-${Date.now()}-${fileinputIdCounter++}`;\n    }\n\n    this.addEventListener(\"invalid\", this._handleInvalid);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener(\"invalid\", this._handleInvalid);\n  }\n\n  firstUpdated() {\n    // This ensures our element always participates in the form\n    this._setValue();\n  }\n\n  /********************** Form Integration **********************/\n  private _setValue() {\n    // for multiple file uploads, we upload File object as an array\n    if (this.multiple) {\n      const files = this._selectedFiles.map((entry) => entry.file);\n\n      if (files.length > 0) {\n        const formData = new FormData();\n        files.forEach((file) => {\n          formData.append(this.name, file);\n        });\n        this._internals.setFormValue(formData);\n      } else {\n        this._internals.setFormValue(null);\n      }\n    } else {\n      const singleFile = this._selectedFiles[0]?.file || null;\n      this._internals.setFormValue(singleFile);\n    }\n\n    this._manageRequire(); // Check validation when value is set\n  }\n\n  // Called to internally set the initial internalElement required flag.\n  private _manageRequire() {\n    const input = this.shadowRoot?.querySelector(\"input\");\n    if (!input) return;\n\n    const message = this.errorMessage || \"Please upload a file.\";\n    const isInvalid = this.required && this._selectedFiles.length == 0;\n\n    if (isInvalid) {\n      this._internals.ariaRequired = \"true\"; // Screen readers should announce error\n      this._internals.setValidity({ valueMissing: true }, message, input);\n    } else {\n      this._internals.ariaRequired = \"false\"; // Reset when valid\n      this._internals.setValidity({});\n    }\n  }\n\n  private _setValidityMessage(message: string = \"\") {\n    const input = this.shadowRoot?.querySelector(\"input\");\n    if (!input) return;\n\n    // Toggle the HTML <div> tag error message\n    this.showError = message === (this.errorMessage || \"Please upload a file.\");\n    // If user sets errorMessage, this will always override the native validation message\n    if (this.errorMessage?.trim() && message !== \"\") {\n      message = this.errorMessage;\n    }\n\n    this._internals.setValidity(\n      message ? { customError: true } : {},\n      message,\n      input,\n    );\n  }\n\n  private _validate() {\n    const hasCorruptedFiles = this._selectedFiles.some(\n      (entry) => entry.status === \"error\",\n    );\n    const isEmpty = this.required && this._selectedFiles.length === 0;\n\n    let message = \"\";\n    if (isEmpty) {\n      message = this.errorMessage || \"Please upload a file.\";\n    } else if (hasCorruptedFiles) {\n      message = \"One or more files are invalid.\";\n    }\n\n    this._setValidityMessage(message);\n  }\n\n  /******************** Functions ********************/\n  // Store the files to be displayed\n  private async _saveSelectedFiles(file: File) {\n    const isDuplicate = this._selectedFiles.some(\n      (existingFile) => existingFile.file.name == file.name,\n    );\n    if (isDuplicate) return;\n\n    if (!this.multiple && this._selectedFiles.length >= 1) return;\n\n    const entry: FileWithProgress = {\n      file,\n      progress: 0,\n      status: \"pending\",\n    };\n\n    this._selectedFiles.push(entry);\n    await this._processFile(entry);\n\n    // Now that the file is added, update form value and validation\n    this._setValue();\n    this._validate();\n  }\n\n  // Read the contents of stored files, this will indicate loading progress of the uploaded files\n  private async _processFile(entry: FileWithProgress) {\n    entry.status = \"processing\";\n\n    try {\n      const isValid = await validateFileHeader(entry.file, this.accept);\n      if (!isValid) {\n        entry.status = \"error\";\n        entry.errorMsg = \"File format does not match expected type.\";\n        this.requestUpdate();\n        return;\n      }\n\n      const reader = new FileReader();\n\n      reader.onprogress = (e) => {\n        if (e.lengthComputable) {\n          const percentage = Math.round((e.loaded * 100) / e.total);\n          entry.progress = percentage;\n          this.requestUpdate();\n        }\n      };\n\n      reader.onload = () => {\n        entry.progress = 100;\n        entry.status = \"done\";\n        this.requestUpdate();\n      };\n\n      reader.onerror = () => {\n        entry.status = \"error\";\n        entry.errorMsg = \"Failed to load file.\";\n        this.requestUpdate();\n      };\n\n      reader.readAsArrayBuffer(entry.file);\n    } catch {\n      entry.status = \"error\";\n      entry.errorMsg = \"Error validating file.\";\n      this.requestUpdate();\n    }\n  }\n\n  private _dispatchChangeEvent() {\n    this.dispatchEvent(\n      new CustomEvent(\"nys-change\", {\n        detail: { files: this._selectedFiles },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private _openFileDialog() {\n    const input = this.renderRoot.querySelector(\n      \".hidden-file-input\",\n    ) as HTMLInputElement;\n\n    input?.click();\n  }\n\n  /******************** Event Handlers ********************/\n  // Access the selected files & add new files to the internal list via the hidden <input type=\"file\">\n  private _handleFileChange(e: Event) {\n    const input = e.target as HTMLInputElement;\n    const files = input.files;\n    const newFiles = files ? Array.from(files) : []; // changes FileList to array\n\n    // Store the uploaded files\n    newFiles.map((file) => {\n      this._saveSelectedFiles(file);\n    });\n\n    input.value = \"\";\n\n    this.requestUpdate();\n    this._dispatchChangeEvent();\n  }\n\n  private _handleFileRemove(e: CustomEvent) {\n    const filenameToRemove = e.detail.filename;\n\n    // Remove selected files\n    this._selectedFiles = this._selectedFiles.filter(\n      (existingFile) => existingFile.file.name !== filenameToRemove,\n    );\n    this._setValue();\n    this._validate();\n\n    this.requestUpdate();\n    this._dispatchChangeEvent();\n  }\n\n  private _onDragOver(e: DragEvent) {\n    if (this.disabled) return;\n\n    e.stopPropagation();\n    e.preventDefault();\n    if (!this._dragActive) {\n      this._dragActive = true; // For styling purpose\n      this.requestUpdate();\n    }\n  }\n\n  // Mostly used for styling purpose\n  private _onDragLeave(e: DragEvent) {\n    if (this.disabled) return;\n\n    e.stopPropagation();\n    e.preventDefault();\n    // Only reset if leaving the dropzone itself (not children)\n    if (e.currentTarget === e.target) {\n      this._dragActive = false; // For styling purpose\n      this.requestUpdate();\n    }\n  }\n\n  private _onDrop(e: DragEvent) {\n    if (this.disabled) return;\n\n    e.preventDefault();\n    this._dragActive = false; // For styling purpose\n    this.requestUpdate();\n\n    const files = e.dataTransfer?.files;\n    if (!files) return;\n\n    const newFiles = Array.from(files);\n\n    if (this.multiple) {\n      newFiles.forEach((file) => {\n        this._saveSelectedFiles(file);\n      });\n    } else {\n      this._saveSelectedFiles(newFiles[0]);\n    }\n\n    this.requestUpdate();\n    this._dispatchChangeEvent();\n  }\n\n  private _handleInvalid(event: Event) {\n    event.preventDefault();\n    this._validate();\n\n    const input = this.shadowRoot?.querySelector(\"input\");\n    if (input) {\n      // Focus only if this is the first invalid element (top-down approach)\n      const form = this._internals.form;\n      if (form) {\n        const elements = Array.from(form.elements) as Array<\n          HTMLElement & { checkValidity?: () => boolean }\n        >;\n        // Find the first element in the form that is invalid\n        const firstInvalidElement = elements.find(\n          (element) =>\n            typeof element.checkValidity === \"function\" &&\n            !element.checkValidity(),\n        );\n        if (firstInvalidElement === this) {\n          input.focus();\n        }\n      } else {\n        // If not part of a form, simply focus.\n        input.focus();\n      }\n    }\n  }\n\n  render() {\n    return html`<div\n      class=\"nys-fileinput\"\n      @nys-fileRemove=${this._handleFileRemove}\n    >\n      <nys-label\n        id=${this.id}\n        label=${this.label}\n        description=${this.description}\n        flag=${this.required ? \"required\" : this.optional ? \"optional\" : \"\"}\n      >\n        <slot name=\"description\" slot=\"description\">${this.description}</slot>\n      </nys-label>\n\n      <input\n        id=${this.id}\n        class=\"hidden-file-input\"\n        type=\"file\"\n        name=${this.name}\n        ?multiple=${this.multiple}\n        accept=${this.accept}\n        ?required=${this.required}\n        ?disabled=${this.disabled ||\n        (!this.multiple && this._selectedFiles.length > 0)}\n        aria-disabled=\"${this.disabled}\"\n        aria-label=\"Drag files here or choose from folder\"\n        aria-describedby=\"file-input-specific-hint\"\n        style=\"position: absolute; width: 1px; height: 1px; opacity: 0;\"\n        @change=${this._handleFileChange}\n      />\n\n      ${!this.dropzone\n        ? html`<nys-button\n            id=\"file-btn\"\n            name=\"file-btn\"\n            label=${this.multiple ? \"Choose files\" : \"Choose file\"}\n            variant=\"outline\"\n            ?disabled=${this.disabled ||\n            (!this.multiple && this._selectedFiles.length > 0)}\n            .onClick=${() => this._openFileDialog()}\n          ></nys-button>`\n        : html`<div\n            class=\"nys-fileinput__dropzone\n            ${this._dragActive ? \"drag-active\" : \"\"}\n            ${this._isDropDisabled ? \"disabled\" : \"\"}\n            ${this.showError && !this._isDropDisabled ? \"error\" : \"\"}\"\n            @click=${this._isDropDisabled ? null : this._openFileDialog}\n            @keydown=${(e: KeyboardEvent) =>\n              !this._isDropDisabled &&\n              (e.key === \"Enter\" || e.key === \" \") &&\n              this._openFileDialog()}\n            @dragover=${this._isDropDisabled ? null : this._onDragOver}\n            @dragleave=${this._isDropDisabled ? null : this._onDragLeave}\n            @drop=${this._isDropDisabled ? null : this._onDrop}\n          >\n            ${this._dragActive\n              ? html`<p>Drop file to upload</p>`\n              : html` <nys-button\n                    id=\"file-btn\"\n                    name=\"file-btn\"\n                    label=${this.multiple ? \"Choose files\" : \"Choose file\"}\n                    variant=\"outline\"\n                    ?disabled=${this._isDropDisabled}\n                    .onClick=${(e: Event) => {\n                      e.stopPropagation();\n                      this._openFileDialog();\n                    }}\n                  ></nys-button>\n                  <p>or drag here</p>`}\n          </div>`}\n      ${this.showError\n        ? html`\n            <nys-errormessage\n              ?showError=${this.showError}\n              errorMessage=${this._internals.validationMessage ||\n              this.errorMessage}\n            ></nys-errormessage>\n          `\n        : null}\n      ${this._selectedFiles.length > 0\n        ? html`\n            <ul>\n              ${this._selectedFiles.map(\n                (entry) =>\n                  html`<li>\n                    <nys-fileitem\n                      filename=${entry.file.name}\n                      status=${entry.status}\n                      progress=${entry.progress}\n                      errorMessage=${entry.errorMsg || \"\"}\n                    ></nys-fileitem>\n                  </li>`,\n              )}\n            </ul>\n          `\n        : null}\n    </div>`;\n  }\n}\n\nif (!customElements.get(\"nys-fileinput\")) {\n  customElements.define(\"nys-fileinput\", NysFileinput);\n}\n"],"names":["t","e","s","o","n$2","r","n","S","c","i","h","a","l","p","d","u","f","y","b","_a","magicNumbers","header","ftyp","match","j","matchesMagic","magic","acceptKeyMap","validateFileHeader","file","accept","buffer","acceptItems","acceptedKeys","item","key","styles$1","css","styles","_NysFileItem","LitElement","filename","lastDotIndex","extension","namePart","maxNameLength","startPart","endPart","html","NysFileItem","__decorateClass","property","fileinputIdCounter","_NysFileinput","files","entry","formData","singleFile","input","message","_b","hasCorruptedFiles","isEmpty","existingFile","reader","percentage","filenameToRemove","newFiles","event","form","element","NysFileinput"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/nys-fileinput.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/nys-fileitem.d.ts

@@ -0,0 +1,11 @@
+import { LitElement } from "lit";
+export declare class NysFileItem extends LitElement {
+    filename: string;
+    status: "pending" | "processing" | "done" | "error";
+    progress: number;
+    errorMessage: string;
+    static styles: import("lit").CSSResult;
+    private _handleRemove;
+    private truncateFilename;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/nys-fileitem.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/validateFileHeader.d.ts

@@ -0,0 +1 @@
+export declare function validateFileHeader(file: File, accept: string): Promise<boolean>;

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@nysds/nys-fileinput",
+  "version": "1.4.0",
+  "description": "The Fileinput component from the NYS Design System.",
+  "module": "dist/nys-fileinput.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/nys-fileinput.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "type": "module",
+  "files": [
+    "dist/"
+  ],
+  "scripts": {
+    "dev": "tsc --emitDeclarationOnly && vite",
+    "build": "tsc --emitDeclarationOnly && vite build",
+    "test": "vite build && wtr",
+    "build:watch": "tsc --emitDeclarationOnly && vite build --watch",
+    "test:watch": "vite build && wtr --watch"
+  },
+  "peerDependencies": {
+    "lit": "^3.2.1",
+    "@nysds/nys-icon": "^1.4.0",
+    "@nysds/nys-button": "^1.4.0",
+    "@nysds/nys-label": "^1.4.0",
+    "@nysds/nys-errormessage": "^1.4.0"
+  },
+  "devDependencies": {
+    "lit": "^3.2.1",
+    "@nysds/nys-icon": "^1.4.0",
+    "@nysds/nys-button": "^1.4.0",
+    "@nysds/nys-label": "^1.4.0",
+    "@nysds/nys-errormessage": "^1.4.0",
+    "typescript": "^5.7.2",
+    "vite": "^6.3.4"
+  },
+  "keywords": [
+    "new-york-state",
+    "design-system",
+    "web-components",
+    "lit",
+    "nys",
+    "fileinput",
+    "forms"
+  ],
+  "author": "New York State Design System Team",
+  "license": "MIT"
+}