@nysds/nys-fileinput 1.15.0 → 1.16.0-alpha4

package/dist/nys-fileinput.js

@@ -6,7 +6,7 @@ import { ifDefined as m } from "lit/directives/if-defined.js";
    * █ █ █  █▄▄▄█  ▀▀▀▄▄  █   █ ▀▀▀▄▄
    * █  ▀█    █    █▄▄▄█  █▄▄▀  █▄▄▄█
    *
-   * Fileinput Component
+   * Fileinput Component v1.16.0-alpha4
    * Part of the New York State Design System
    * Repository: https://github.com/its-hcd/nysds
    * License: MIT
@@ -191,7 +191,7 @@ const f = class f extends h {
     const e = this.shadowRoot?.querySelector("input");
     if (!e) return;
     const t = this.errorMessage || "Please upload a file.";
-    this.required && this._selectedFiles.length == 0 ? (this._internals.ariaRequired = "true", this._internals.setValidity({ valueMissing: !0 }, t, e)) : (this._internals.ariaRequired = "false", this._internals.setValidity({}, "", e));
+    this.required && this._selectedFiles.length == 0 ? (this._internals.ariaInvalid = "true", this._internals.setValidity({ valueMissing: !0 }, t, e)) : (this._internals.ariaInvalid = "false", this._internals.setValidity({}, "", e));
   }
   _setValidityMessage(e = "") {
     const t = this.shadowRoot?.querySelector("input");

package/dist/nys-fileinput.js.map

@@ -1 +1 @@
-{"version":3,"file":"nys-fileinput.js","sources":["../src/validateFileHeader.ts","../src/nys-fileitem.ts","../src/nys-fileinput.ts"],"sourcesContent":["// The main function for file validation based only on extension and `accept` attribute.\nexport async function validateFileHeader(\n  file: File,\n  accept: string,\n): Promise<boolean> {\n  // 1) If no accept attribute is defined, assume anything is allowed\n  if (!accept || accept.trim() === \"\") return true;\n\n  // 2) Normalize and parse the accept attribute\n  const acceptItems = accept\n    .toLowerCase()\n    .split(\",\")\n    .map((a) => a.trim());\n\n  // 3) Get the file extension\n  const filename = file.name.toLowerCase();\n  const fileExt = filename.includes(\".\") ? filename.split(\".\").pop()! : \"\";\n\n  // 4) Check if extension matches any of the accept items\n  for (const acceptItem of acceptItems) {\n    // Direct extension match (e.g. \".pdf\")\n    if (acceptItem.startsWith(\".\") && acceptItem.slice(1) === fileExt) {\n      return true;\n    }\n\n    // Wildcard /* (e.g. \"image/*\") -> match common prefixes\n    if (\n      acceptItem.endsWith(\"/*\") &&\n      file.type.startsWith(acceptItem.slice(0, -1))\n    ) {\n      return true;\n    }\n\n    // Exact MIME match\n    if (file.type === acceptItem) {\n      return true;\n    }\n  }\n\n  // 5) Not matched\n  return false;\n}\n","import { LitElement, html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-fileitem.scss?inline\";\n\n/**\n * **Internal component.** Displays an individual file within `nys-fileinput` with status and progress.\n *\n * Rendered automatically by `nys-fileinput` for each selected file. Shows filename, upload status\n * (pending/processing/done/error), progress bar during upload, and error messages. Remove button emits event.\n *\n * @summary Internal file item display with status, progress bar, and remove action.\n * @element nys-fileitem\n *\n * @fires nys-fileRemove - Fired when remove button is clicked. Detail: `{filename}`.\n */\nexport class NysFileItem extends LitElement {\n  static styles = unsafeCSS(styles);\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  /** Name of the file being displayed. */\n  @property({ type: String }) filename = \"\";\n\n  /**\n   * Upload status: `pending` (queued), `processing` (uploading), `done` (complete), `error` (failed).\n   * @default \"pending\"\n   */\n  @property({ type: String }) status:\n    | \"pending\"\n    | \"processing\"\n    | \"done\"\n    | \"error\" = \"pending\";\n\n  /** Upload progress percentage (0-100). Only shown when status is `processing`. */\n  @property({ type: Number }) progress = 0;\n\n  /** Error message displayed when status is `error`. */\n  @property({ type: String }) errorMessage = \"\";\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 splitFilename(filename: string) {\n    const lastDotIndex = filename.lastIndexOf(\".\");\n    const extension = lastDotIndex !== -1 ? filename.slice(lastDotIndex) : \"\"; // e.g. \".pdf\"\n    const name =\n      lastDotIndex !== -1 ? filename.slice(0, lastDotIndex) : filename;\n\n    const startPart = name.slice(0, name.length - 3);\n    const endPart = name.slice(-3);\n\n    return { startPart, endPart, extension };\n  }\n\n  render() {\n    const { startPart, endPart, extension } = this.splitFilename(this.filename);\n\n    return html`\n      <div\n        class=\"file-item ${this.status}\"\n        aria-busy=${this.status === \"processing\" ? \"true\" : \"false\"}\n        aria-label=\"You have selected ${this.filename}\"\n      >\n        <div class=\"file-item__main\" role=\"group\">\n          <nys-icon\n            class=\"file-icon\"\n            name=${this.status === \"processing\"\n              ? \"progress_activity\"\n              : this.status === \"error\"\n                ? \"error\"\n                : \"attach_file\"}\n            size=\"2xl\"\n          ></nys-icon>\n          <div class=\"file-item__info\">\n            <div class=\"file-item__info-name\">\n              <span class=\"file-item__info-name-start\">${startPart}</span>\n              <span class=\"file-item__info-name-end\"\n                >${endPart}${extension}</span\n              >\n            </div>\n            ${this.errorMessage\n              ? html`<p\n                  class=\"file-item__error\"\n                  role=\"alert\"\n                  aria-live=\"assertive\"\n                  aria-invalid=\"true\"\n                  aria-errormessage=${this.errorMessage}\n                  id=\"${this.filename}-error\"\n                >\n                  ${this.errorMessage}\n                </p>`\n              : null}\n          </div>\n          <nys-button\n            circle\n            icon=\"close\"\n            ariaLabel=\"close button\"\n            size=\"sm\"\n            variant=\"ghost\"\n            @nys-click=${this._handleRemove}\n            ariaLabel=\"Remove file: ${this.filename}\"\n          ></nys-button>\n        </div>\n        ${this.status === \"processing\"\n          ? html`<div\n              class=\"file-item__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      </div>\n    `;\n  }\n}\n\ncustomElements.define(\"nys-fileitem\", NysFileItem);\n","import { LitElement, html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { validateFileHeader } from \"./validateFileHeader\";\nimport \"./nys-fileitem\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-fileinput.scss?inline\";\n\nlet fileinputIdCounter = 0;\n\ninterface FileWithProgress {\n  file: File;\n  progress: number;\n  status: \"pending\" | \"processing\" | \"done\" | \"error\";\n  errorMsg?: string;\n}\n\n/**\n * A file input for uploading files with support for multiple files, drag-and-drop, and progress tracking.\n * Validates file types via magic bytes (not just extension). Form-associated via ElementInternals.\n *\n * Use for document uploads, image uploads, or any file submission. Enable `dropzone` for drag-and-drop UI.\n *\n * @summary File input with drag-and-drop, validation, and progress tracking.\n * @element nys-fileinput\n *\n * @slot description - Custom HTML description content.\n *\n * @fires nys-change - Fired when files are added or removed. Detail: `{id, files}`.\n *\n * @example Single file upload\n * ```html\n * <nys-fileinput label=\"Upload document\" accept=\".pdf,.doc\" required></nys-fileinput>\n * ```\n *\n * @example Multiple files with dropzone\n * ```html\n * <nys-fileinput label=\"Upload images\" accept=\"image/*\" multiple dropzone></nys-fileinput>\n * ```\n */\n\nexport class NysFileinput extends LitElement {\n  static styles = unsafeCSS(styles);\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  /** Unique identifier. Auto-generated if not provided. */\n  @property({ type: String, reflect: true }) id = \"\";\n\n  /** Name for form submission. */\n  @property({ type: String, reflect: true }) name = \"\";\n\n  /** Visible label text. */\n  @property({ type: String }) label = \"\";\n\n  /** Helper text below label. Use slot for custom HTML. */\n  @property({ type: String }) description = \"\";\n\n  /** Allows selecting multiple files. */\n  @property({ type: Boolean }) multiple = false;\n\n  /** Form `id` to associate with. */\n  @property({ type: String, reflect: true }) form: string | null = null;\n\n  /** Tooltip text shown on hover/focus of info icon. */\n  @property({ type: String }) tooltip = \"\";\n\n  /** Accepted file types. Use MIME types (`image/*`) or extensions (`.pdf`). Validated via magic bytes. */\n  @property({ type: String }) accept = \"\";\n\n  /** Prevents interaction. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Requires at least one file to be uploaded. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** Shows \"Optional\" flag. */\n  @property({ type: Boolean, reflect: true }) optional = false;\n\n  /** Shows error message when true. */\n  @property({ type: Boolean, reflect: true }) showError = false;\n\n  /** Error message text. Shown only when `showError` is true. */\n  @property({ type: String }) errorMessage = \"\";\n\n  /** Enables drag-and-drop zone UI. */\n  @property({ type: Boolean }) dropzone = false;\n\n  /**\n   * Component width: `lg` (384px) or `full` (100%, default).\n   * @default \"full\"\n   */\n  @property({ type: String, reflect: true }) width: \"lg\" | \"full\" = \"full\";\n\n  /** Adjusts colors for dark backgrounds. */\n  @property({ type: Boolean, reflect: true }) inverted = false;\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 get _buttonAriaLabel(): string {\n    if (this._selectedFiles.length === 0) {\n      return this.multiple ? \"Choose files: \" : \"Choose file: \";\n    }\n\n    return this.multiple ? \"Change files: \" : \"Change file: \";\n  }\n\n  private get _buttonAriaDescription(): string {\n    if (this._selectedFiles.length === 0)\n      return `${this.label + \" \" + this.description}`;\n\n    const hasInvalidFiles = this._selectedFiles.some(\n      (file) => file.status === \"error\",\n    );\n\n    let base = \"\";\n\n    if (this._selectedFiles.length === 1) {\n      base = `You have selected ${this._selectedFiles[0].file.name}.`;\n    } else {\n      const fileNames = this._selectedFiles.map((f) => f.file.name).join(\", \");\n      base = `You have selected ${this._selectedFiles.length} files: ${fileNames}`;\n    }\n\n    const error = hasInvalidFiles\n      ? \" Error: One or more files are not valid file types.\"\n      : \"\";\n\n    return `${base}${error}`;\n  }\n\n  private get _innerNysButton(): HTMLElement | null {\n    const nysButton = this.renderRoot.querySelector(\n      '[name=\"file-btn\"]',\n    ) as HTMLButtonElement | null;\n    const innerButton = nysButton?.shadowRoot?.querySelector(\n      \"button\",\n    ) as HTMLElement | null;\n    return innerButton;\n  }\n\n  private _internals: ElementInternals;\n\n  /**\n   * Lifecycle methods\n   * --------------------------------------------------------------------------\n   */\n\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  /**\n   * Form Integration\n   * --------------------------------------------------------------------------\n   */\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({}, \"\", input);\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\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 hasErrorFiles = 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 (hasErrorFiles) {\n      message = \"One or more files are invalid.\";\n    }\n\n    this._setValidityMessage(message);\n  }\n\n  // This helper function is called to perform the element's native validation.\n  checkValidity(): boolean {\n    const input = this.shadowRoot?.querySelector(\"input\");\n    return input ? input.checkValidity() : true;\n  }\n\n  // Called automatically when the parent form is reset\n  public formResetCallback() {\n    this._selectedFiles = [];\n    const input = this.shadowRoot?.querySelector(\n      \".hidden-file-input\",\n    ) as HTMLInputElement | null;\n\n    if (input) {\n      input.value = \"\";\n    }\n\n    this._internals.setFormValue(null);\n\n    // Reset validation UI\n    this.showError = false;\n    this.errorMessage = \"\";\n    this._internals.setValidity({});\n\n    // Re-render UI\n    this.requestUpdate();\n  }\n\n  private _handleInvalid(event: Event) {\n    event.preventDefault();\n    this._validate();\n\n    const innerButton = this._innerNysButton;\n    if (innerButton) {\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          innerButton.focus();\n          innerButton.classList.add(\"active-focus\"); // This class styling is found within <nys-button>\n        }\n      } else {\n        // If not part of a form, simply focus.\n        innerButton.focus();\n        innerButton.classList.add(\"active-focus\"); // This class styling is found within <nys-button>\n      }\n    }\n  }\n\n  /**\n   * Functions\n   * --------------------------------------------------------------------------\n   */\n\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 type is invalid.\";\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: { id: this.id, 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  private _handlePostFileSelectionFocus() {\n    if (this.multiple) {\n      const innerButton = this._innerNysButton;\n\n      if (innerButton) {\n        innerButton.focus();\n      }\n    } else {\n      this._focusFirstFileItemIfSingleMode();\n    }\n  }\n\n  private async _focusFirstFileItemIfSingleMode() {\n    if (!this.multiple) {\n      await this.updateComplete;\n      const fileItem = this.renderRoot.querySelector(\n        \"nys-fileitem\",\n      ) as HTMLElement;\n\n      const innerFileItemMainContainer = fileItem?.shadowRoot?.querySelector(\n        \".file-item\",\n      ) as HTMLElement | null;\n\n      if (innerFileItemMainContainer) {\n        innerFileItemMainContainer.setAttribute(\"tabindex\", \"-1\");\n        innerFileItemMainContainer.focus();\n      }\n    }\n  }\n\n  /**\n   * Event Handlers\n   * --------------------------------------------------------------------------\n   */\n\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    this.requestUpdate();\n    this._dispatchChangeEvent();\n    this._handlePostFileSelectionFocus();\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\n    if (this._selectedFiles.length === 0) {\n      const input = this.shadowRoot?.querySelector(\n        \"input\",\n      ) as HTMLInputElement | null;\n      if (input) input.value = \"\";\n    }\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  render() {\n    return html`<div\n      class=\"nys-fileinput\"\n      @nys-fileRemove=${this._handleFileRemove}\n    >\n      <nys-label\n        for=${this.id}\n        label=${this.label}\n        description=${this.description}\n        flag=${this.required ? \"required\" : this.optional ? \"optional\" : \"\"}\n        tooltip=${this.tooltip}\n        ?inverted=${this.inverted}\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        tabindex=\"-1\"\n        type=\"file\"\n        name=${this.name}\n        accept=${this.accept}\n        form=${ifDefined(this.form || undefined)}\n        ?multiple=${this.multiple}\n        ?required=${this.required}\n        ?disabled=${this.disabled ||\n        (!this.multiple && this._selectedFiles.length > 0)}\n        aria-disabled=\"${this.disabled}\"\n        aria-hidden=\"true\"\n        @change=${this._handleFileChange}\n        hidden\n      />\n\n      ${!this.dropzone\n        ? html`<nys-button\n            id=\"choose-files-btn\"\n            name=\"file-btn\"\n            label=${this.multiple ? \"Choose files\" : \"Choose file\"}\n            variant=\"outline\"\n            ariaLabel=${this._buttonAriaLabel}\n            ariaDescription=${this._buttonAriaDescription}\n            ?disabled=${this.disabled ||\n            (!this.multiple && this._selectedFiles.length > 0)}\n            @nys-click=${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\n              ? null\n              : (e: MouseEvent) => {\n                  const target = e.target as HTMLElement;\n\n                  // Ignore clicks that originated within a nys-button\n                  if (target.closest(\"nys-button\")) return;\n\n                  // Only handle direct wrapper clicks (outside of buttons)\n                  this._openFileDialog();\n                }}\n            @dragover=${this._isDropDisabled ? null : this._onDragOver}\n            @dragleave=${this._isDropDisabled ? null : this._onDragLeave}\n            @drop=${this._isDropDisabled ? null : this._onDrop}\n            aria-label=\"Drag files here or choose from folder\"\n          >\n            ${this._dragActive\n              ? html`<p>Drop file to upload</p>`\n              : html` <nys-button\n                    id=\"choose-files-btn-drag\"\n                    name=\"file-btn\"\n                    label=${this.multiple ? \"Choose files\" : \"Choose file\"}\n                    variant=\"outline\"\n                    ariaLabel=${this._buttonAriaLabel}\n                    ariaDescription=${this._buttonAriaDescription}\n                    ?disabled=${this._isDropDisabled}\n                    @nys-click=\"${(e: CustomEvent) => {\n                      e.preventDefault();\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":["LitElement","unsafeCSS","html","property","ifDefined","validateFileHeader","file","accept","acceptItems","a","filename","fileExt","acceptItem","_NysFileItem","lastDotIndex","extension","name","startPart","endPart","styles","NysFileItem","__decorateClass","fileinputIdCounter","_NysFileinput","hasInvalidFiles","base","fileNames","f","files","entry","formData","singleFile","input","message","hasErrorFiles","isEmpty","event","innerButton","form","element","existingFile","reader","e","percentage","innerFileItemMainContainer","filenameToRemove","newFiles","NysFileinput"],"mappings":"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"}
+{"version":3,"file":"nys-fileinput.js","sources":["../src/validateFileHeader.ts","../src/nys-fileitem.ts","../src/nys-fileinput.ts"],"sourcesContent":["// The main function for file validation based only on extension and `accept` attribute.\nexport async function validateFileHeader(\n  file: File,\n  accept: string,\n): Promise<boolean> {\n  // 1) If no accept attribute is defined, assume anything is allowed\n  if (!accept || accept.trim() === \"\") return true;\n\n  // 2) Normalize and parse the accept attribute\n  const acceptItems = accept\n    .toLowerCase()\n    .split(\",\")\n    .map((a) => a.trim());\n\n  // 3) Get the file extension\n  const filename = file.name.toLowerCase();\n  const fileExt = filename.includes(\".\") ? filename.split(\".\").pop()! : \"\";\n\n  // 4) Check if extension matches any of the accept items\n  for (const acceptItem of acceptItems) {\n    // Direct extension match (e.g. \".pdf\")\n    if (acceptItem.startsWith(\".\") && acceptItem.slice(1) === fileExt) {\n      return true;\n    }\n\n    // Wildcard /* (e.g. \"image/*\") -> match common prefixes\n    if (\n      acceptItem.endsWith(\"/*\") &&\n      file.type.startsWith(acceptItem.slice(0, -1))\n    ) {\n      return true;\n    }\n\n    // Exact MIME match\n    if (file.type === acceptItem) {\n      return true;\n    }\n  }\n\n  // 5) Not matched\n  return false;\n}\n","import { LitElement, html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-fileitem.scss?inline\";\n\n/**\n * **Internal component.** Displays an individual file within `nys-fileinput` with status and progress.\n *\n * Rendered automatically by `nys-fileinput` for each selected file. Shows filename, upload status\n * (pending/processing/done/error), progress bar during upload, and error messages. Remove button emits event.\n *\n * @summary Internal file item display with status, progress bar, and remove action.\n * @element nys-fileitem\n *\n * @fires nys-fileRemove - Fired when remove button is clicked. Detail: `{filename}`.\n */\nexport class NysFileItem extends LitElement {\n  static styles = unsafeCSS(styles);\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  /** Name of the file being displayed. */\n  @property({ type: String }) filename = \"\";\n\n  /**\n   * Upload status: `pending` (queued), `processing` (uploading), `done` (complete), `error` (failed).\n   * @default \"pending\"\n   */\n  @property({ type: String }) status:\n    | \"pending\"\n    | \"processing\"\n    | \"done\"\n    | \"error\" = \"pending\";\n\n  /** Upload progress percentage (0-100). Only shown when status is `processing`. */\n  @property({ type: Number }) progress = 0;\n\n  /** Error message displayed when status is `error`. */\n  @property({ type: String }) errorMessage = \"\";\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 splitFilename(filename: string) {\n    const lastDotIndex = filename.lastIndexOf(\".\");\n    const extension = lastDotIndex !== -1 ? filename.slice(lastDotIndex) : \"\"; // e.g. \".pdf\"\n    const name =\n      lastDotIndex !== -1 ? filename.slice(0, lastDotIndex) : filename;\n\n    const startPart = name.slice(0, name.length - 3);\n    const endPart = name.slice(-3);\n\n    return { startPart, endPart, extension };\n  }\n\n  render() {\n    const { startPart, endPart, extension } = this.splitFilename(this.filename);\n\n    return html`\n      <div\n        class=\"file-item ${this.status}\"\n        aria-busy=${this.status === \"processing\" ? \"true\" : \"false\"}\n        aria-label=\"You have selected ${this.filename}\"\n      >\n        <div class=\"file-item__main\" role=\"group\">\n          <nys-icon\n            class=\"file-icon\"\n            name=${this.status === \"processing\"\n              ? \"progress_activity\"\n              : this.status === \"error\"\n                ? \"error\"\n                : \"attach_file\"}\n            size=\"2xl\"\n          ></nys-icon>\n          <div class=\"file-item__info\">\n            <div class=\"file-item__info-name\">\n              <span class=\"file-item__info-name-start\">${startPart}</span>\n              <span class=\"file-item__info-name-end\"\n                >${endPart}${extension}</span\n              >\n            </div>\n            ${this.errorMessage\n              ? html`<p\n                  class=\"file-item__error\"\n                  role=\"alert\"\n                  aria-live=\"assertive\"\n                  aria-invalid=\"true\"\n                  aria-errormessage=${this.errorMessage}\n                  id=\"${this.filename}-error\"\n                >\n                  ${this.errorMessage}\n                </p>`\n              : null}\n          </div>\n          <nys-button\n            circle\n            icon=\"close\"\n            ariaLabel=\"close button\"\n            size=\"sm\"\n            variant=\"ghost\"\n            @nys-click=${this._handleRemove}\n            ariaLabel=\"Remove file: ${this.filename}\"\n          ></nys-button>\n        </div>\n        ${this.status === \"processing\"\n          ? html`<div\n              class=\"file-item__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      </div>\n    `;\n  }\n}\n\ncustomElements.define(\"nys-fileitem\", NysFileItem);\n","import { LitElement, html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { validateFileHeader } from \"./validateFileHeader\";\nimport \"./nys-fileitem\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-fileinput.scss?inline\";\n\nlet fileinputIdCounter = 0;\n\ninterface FileWithProgress {\n  file: File;\n  progress: number;\n  status: \"pending\" | \"processing\" | \"done\" | \"error\";\n  errorMsg?: string;\n}\n\n/**\n * A file input for uploading files with support for multiple files, drag-and-drop, and progress tracking.\n * Validates file types via magic bytes (not just extension). Form-associated via ElementInternals.\n *\n * Use for document uploads, image uploads, or any file submission. Enable `dropzone` for drag-and-drop UI.\n *\n * @summary File input with drag-and-drop, validation, and progress tracking.\n * @element nys-fileinput\n *\n * @slot description - Custom HTML description content.\n *\n * @fires nys-change - Fired when files are added or removed. Detail: `{id, files}`.\n *\n * @example Single file upload\n * ```html\n * <nys-fileinput label=\"Upload document\" accept=\".pdf,.doc\" required></nys-fileinput>\n * ```\n *\n * @example Multiple files with dropzone\n * ```html\n * <nys-fileinput label=\"Upload images\" accept=\"image/*\" multiple dropzone></nys-fileinput>\n * ```\n */\n\nexport class NysFileinput extends LitElement {\n  static styles = unsafeCSS(styles);\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  /** Unique identifier. Auto-generated if not provided. */\n  @property({ type: String, reflect: true }) id = \"\";\n\n  /** Name for form submission. */\n  @property({ type: String, reflect: true }) name = \"\";\n\n  /** Visible label text. */\n  @property({ type: String }) label = \"\";\n\n  /** Helper text below label. Use slot for custom HTML. */\n  @property({ type: String }) description = \"\";\n\n  /** Allows selecting multiple files. */\n  @property({ type: Boolean }) multiple = false;\n\n  /** Form `id` to associate with. */\n  @property({ type: String, reflect: true }) form: string | null = null;\n\n  /** Tooltip text shown on hover/focus of info icon. */\n  @property({ type: String }) tooltip = \"\";\n\n  /** Accepted file types. Use MIME types (`image/*`) or extensions (`.pdf`). Validated via magic bytes. */\n  @property({ type: String }) accept = \"\";\n\n  /** Prevents interaction. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Requires at least one file to be uploaded. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** Shows \"Optional\" flag. */\n  @property({ type: Boolean, reflect: true }) optional = false;\n\n  /** Shows error message when true. */\n  @property({ type: Boolean, reflect: true }) showError = false;\n\n  /** Error message text. Shown only when `showError` is true. */\n  @property({ type: String }) errorMessage = \"\";\n\n  /** Enables drag-and-drop zone UI. */\n  @property({ type: Boolean }) dropzone = false;\n\n  /**\n   * Component width: `lg` (384px) or `full` (100%, default).\n   * @default \"full\"\n   */\n  @property({ type: String, reflect: true }) width: \"lg\" | \"full\" = \"full\";\n\n  /** Adjusts colors for dark backgrounds. */\n  @property({ type: Boolean, reflect: true }) inverted = false;\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 get _buttonAriaLabel(): string {\n    if (this._selectedFiles.length === 0) {\n      return this.multiple ? \"Choose files: \" : \"Choose file: \";\n    }\n\n    return this.multiple ? \"Change files: \" : \"Change file: \";\n  }\n\n  private get _buttonAriaDescription(): string {\n    if (this._selectedFiles.length === 0)\n      return `${this.label + \" \" + this.description}`;\n\n    const hasInvalidFiles = this._selectedFiles.some(\n      (file) => file.status === \"error\",\n    );\n\n    let base = \"\";\n\n    if (this._selectedFiles.length === 1) {\n      base = `You have selected ${this._selectedFiles[0].file.name}.`;\n    } else {\n      const fileNames = this._selectedFiles.map((f) => f.file.name).join(\", \");\n      base = `You have selected ${this._selectedFiles.length} files: ${fileNames}`;\n    }\n\n    const error = hasInvalidFiles\n      ? \" Error: One or more files are not valid file types.\"\n      : \"\";\n\n    return `${base}${error}`;\n  }\n\n  private get _innerNysButton(): HTMLElement | null {\n    const nysButton = this.renderRoot.querySelector(\n      '[name=\"file-btn\"]',\n    ) as HTMLButtonElement | null;\n    const innerButton = nysButton?.shadowRoot?.querySelector(\n      \"button\",\n    ) as HTMLElement | null;\n    return innerButton;\n  }\n\n  private _internals: ElementInternals;\n\n  /**\n   * Lifecycle methods\n   * --------------------------------------------------------------------------\n   */\n\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  /**\n   * Form Integration\n   * --------------------------------------------------------------------------\n   */\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.ariaInvalid = \"true\"; // Screen readers should announce error\n      this._internals.setValidity({ valueMissing: true }, message, input);\n    } else {\n      this._internals.ariaInvalid = \"false\"; // Reset when valid\n      this._internals.setValidity({}, \"\", input);\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\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 hasErrorFiles = 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 (hasErrorFiles) {\n      message = \"One or more files are invalid.\";\n    }\n\n    this._setValidityMessage(message);\n  }\n\n  // This helper function is called to perform the element's native validation.\n  checkValidity(): boolean {\n    const input = this.shadowRoot?.querySelector(\"input\");\n    return input ? input.checkValidity() : true;\n  }\n\n  // Called automatically when the parent form is reset\n  public formResetCallback() {\n    this._selectedFiles = [];\n    const input = this.shadowRoot?.querySelector(\n      \".hidden-file-input\",\n    ) as HTMLInputElement | null;\n\n    if (input) {\n      input.value = \"\";\n    }\n\n    this._internals.setFormValue(null);\n\n    // Reset validation UI\n    this.showError = false;\n    this.errorMessage = \"\";\n    this._internals.setValidity({});\n\n    // Re-render UI\n    this.requestUpdate();\n  }\n\n  private _handleInvalid(event: Event) {\n    event.preventDefault();\n    this._validate();\n\n    const innerButton = this._innerNysButton;\n    if (innerButton) {\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          innerButton.focus();\n          innerButton.classList.add(\"active-focus\"); // This class styling is found within <nys-button>\n        }\n      } else {\n        // If not part of a form, simply focus.\n        innerButton.focus();\n        innerButton.classList.add(\"active-focus\"); // This class styling is found within <nys-button>\n      }\n    }\n  }\n\n  /**\n   * Functions\n   * --------------------------------------------------------------------------\n   */\n\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 type is invalid.\";\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: { id: this.id, 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  private _handlePostFileSelectionFocus() {\n    if (this.multiple) {\n      const innerButton = this._innerNysButton;\n\n      if (innerButton) {\n        innerButton.focus();\n      }\n    } else {\n      this._focusFirstFileItemIfSingleMode();\n    }\n  }\n\n  private async _focusFirstFileItemIfSingleMode() {\n    if (!this.multiple) {\n      await this.updateComplete;\n      const fileItem = this.renderRoot.querySelector(\n        \"nys-fileitem\",\n      ) as HTMLElement;\n\n      const innerFileItemMainContainer = fileItem?.shadowRoot?.querySelector(\n        \".file-item\",\n      ) as HTMLElement | null;\n\n      if (innerFileItemMainContainer) {\n        innerFileItemMainContainer.setAttribute(\"tabindex\", \"-1\");\n        innerFileItemMainContainer.focus();\n      }\n    }\n  }\n\n  /**\n   * Event Handlers\n   * --------------------------------------------------------------------------\n   */\n\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    this.requestUpdate();\n    this._dispatchChangeEvent();\n    this._handlePostFileSelectionFocus();\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\n    if (this._selectedFiles.length === 0) {\n      const input = this.shadowRoot?.querySelector(\n        \"input\",\n      ) as HTMLInputElement | null;\n      if (input) input.value = \"\";\n    }\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  render() {\n    return html`<div\n      class=\"nys-fileinput\"\n      @nys-fileRemove=${this._handleFileRemove}\n    >\n      <nys-label\n        for=${this.id}\n        label=${this.label}\n        description=${this.description}\n        flag=${this.required ? \"required\" : this.optional ? \"optional\" : \"\"}\n        tooltip=${this.tooltip}\n        ?inverted=${this.inverted}\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        tabindex=\"-1\"\n        type=\"file\"\n        name=${this.name}\n        accept=${this.accept}\n        form=${ifDefined(this.form || undefined)}\n        ?multiple=${this.multiple}\n        ?required=${this.required}\n        ?disabled=${this.disabled ||\n        (!this.multiple && this._selectedFiles.length > 0)}\n        aria-disabled=\"${this.disabled}\"\n        aria-hidden=\"true\"\n        @change=${this._handleFileChange}\n        hidden\n      />\n\n      ${!this.dropzone\n        ? html`<nys-button\n            id=\"choose-files-btn\"\n            name=\"file-btn\"\n            label=${this.multiple ? \"Choose files\" : \"Choose file\"}\n            variant=\"outline\"\n            ariaLabel=${this._buttonAriaLabel}\n            ariaDescription=${this._buttonAriaDescription}\n            ?disabled=${this.disabled ||\n            (!this.multiple && this._selectedFiles.length > 0)}\n            @nys-click=${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\n              ? null\n              : (e: MouseEvent) => {\n                  const target = e.target as HTMLElement;\n\n                  // Ignore clicks that originated within a nys-button\n                  if (target.closest(\"nys-button\")) return;\n\n                  // Only handle direct wrapper clicks (outside of buttons)\n                  this._openFileDialog();\n                }}\n            @dragover=${this._isDropDisabled ? null : this._onDragOver}\n            @dragleave=${this._isDropDisabled ? null : this._onDragLeave}\n            @drop=${this._isDropDisabled ? null : this._onDrop}\n            aria-label=\"Drag files here or choose from folder\"\n          >\n            ${this._dragActive\n              ? html`<p>Drop file to upload</p>`\n              : html` <nys-button\n                    id=\"choose-files-btn-drag\"\n                    name=\"file-btn\"\n                    label=${this.multiple ? \"Choose files\" : \"Choose file\"}\n                    variant=\"outline\"\n                    ariaLabel=${this._buttonAriaLabel}\n                    ariaDescription=${this._buttonAriaDescription}\n                    ?disabled=${this._isDropDisabled}\n                    @nys-click=\"${(e: CustomEvent) => {\n                      e.preventDefault();\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":["LitElement","unsafeCSS","html","property","ifDefined","validateFileHeader","file","accept","acceptItems","a","filename","fileExt","acceptItem","_NysFileItem","lastDotIndex","extension","name","startPart","endPart","styles","NysFileItem","__decorateClass","fileinputIdCounter","_NysFileinput","hasInvalidFiles","base","fileNames","f","files","entry","formData","singleFile","input","message","hasErrorFiles","isEmpty","event","innerButton","form","element","existingFile","reader","e","percentage","innerFileItemMainContainer","filenameToRemove","newFiles","NysFileinput"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nysds/nys-fileinput",
-  "version": "1.15.0",
+  "version": "1.16.0-alpha4",
   "description": "The Fileinput component from the NYS Design System.",
   "module": "dist/nys-fileinput.js",
   "types": "dist/index.d.ts",
@@ -16,17 +16,17 @@
   ],
   "scripts": {
     "dev": "tsc --emitDeclarationOnly && vite",
-    "build": "tsc --emitDeclarationOnly && vite build",
+    "build": "vite build",
     "test": "vite build && wtr",
     "build:watch": "tsc --emitDeclarationOnly && vite build --watch",
     "test:watch": "vite build && wtr --watch",
     "lit-analyze": "lit-analyzer '**/*.ts'"
   },
   "dependencies": {
-    "@nysds/nys-icon": "^1.15.0",
-    "@nysds/nys-button": "^1.15.0",
-    "@nysds/nys-label": "^1.15.0",
-    "@nysds/nys-errormessage": "^1.15.0"
+    "@nysds/nys-icon": "^1.16.0-alpha4",
+    "@nysds/nys-button": "^1.16.0-alpha4",
+    "@nysds/nys-label": "^1.16.0-alpha4",
+    "@nysds/nys-errormessage": "^1.16.0-alpha4"
   },
   "devDependencies": {
     "lit": "^3.3.1",

package/dist/index.d.ts

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

package/dist/nys-fileinput.d.ts

@@ -1,118 +0,0 @@
-import { LitElement } from "lit";
-import "./nys-fileitem";
-/**
- * A file input for uploading files with support for multiple files, drag-and-drop, and progress tracking.
- * Validates file types via magic bytes (not just extension). Form-associated via ElementInternals.
- *
- * Use for document uploads, image uploads, or any file submission. Enable `dropzone` for drag-and-drop UI.
- *
- * @summary File input with drag-and-drop, validation, and progress tracking.
- * @element nys-fileinput
- *
- * @slot description - Custom HTML description content.
- *
- * @fires nys-change - Fired when files are added or removed. Detail: `{id, files}`.
- *
- * @example Single file upload
- * ```html
- * <nys-fileinput label="Upload document" accept=".pdf,.doc" required></nys-fileinput>
- * ```
- *
- * @example Multiple files with dropzone
- * ```html
- * <nys-fileinput label="Upload images" accept="image/*" multiple dropzone></nys-fileinput>
- * ```
- */
-export declare class NysFileinput extends LitElement {
-    static styles: import("lit").CSSResult;
-    static shadowRootOptions: {
-        delegatesFocus: boolean;
-        clonable?: boolean;
-        customElementRegistry?: CustomElementRegistry;
-        mode: ShadowRootMode;
-        serializable?: boolean;
-        slotAssignment?: SlotAssignmentMode;
-    };
-    /** Unique identifier. Auto-generated if not provided. */
-    id: string;
-    /** Name for form submission. */
-    name: string;
-    /** Visible label text. */
-    label: string;
-    /** Helper text below label. Use slot for custom HTML. */
-    description: string;
-    /** Allows selecting multiple files. */
-    multiple: boolean;
-    /** Form `id` to associate with. */
-    form: string | null;
-    /** Tooltip text shown on hover/focus of info icon. */
-    tooltip: string;
-    /** Accepted file types. Use MIME types (`image/*`) or extensions (`.pdf`). Validated via magic bytes. */
-    accept: string;
-    /** Prevents interaction. */
-    disabled: boolean;
-    /** Requires at least one file to be uploaded. */
-    required: boolean;
-    /** Shows "Optional" flag. */
-    optional: boolean;
-    /** Shows error message when true. */
-    showError: boolean;
-    /** Error message text. Shown only when `showError` is true. */
-    errorMessage: string;
-    /** Enables drag-and-drop zone UI. */
-    dropzone: boolean;
-    /**
-     * Component width: `lg` (384px) or `full` (100%, default).
-     * @default "full"
-     */
-    width: "lg" | "full";
-    /** Adjusts colors for dark backgrounds. */
-    inverted: boolean;
-    private _selectedFiles;
-    private _dragActive;
-    private get _isDropDisabled();
-    private get _buttonAriaLabel();
-    private get _buttonAriaDescription();
-    private get _innerNysButton();
-    private _internals;
-    /**
-     * Lifecycle methods
-     * --------------------------------------------------------------------------
-     */
-    static formAssociated: boolean;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    firstUpdated(): void;
-    /**
-     * Form Integration
-     * --------------------------------------------------------------------------
-     */
-    private _setValue;
-    private _manageRequire;
-    private _setValidityMessage;
-    private _validate;
-    checkValidity(): boolean;
-    formResetCallback(): void;
-    private _handleInvalid;
-    /**
-     * Functions
-     * --------------------------------------------------------------------------
-     */
-    private _saveSelectedFiles;
-    private _processFile;
-    private _dispatchChangeEvent;
-    private _openFileDialog;
-    private _handlePostFileSelectionFocus;
-    private _focusFirstFileItemIfSingleMode;
-    /**
-     * Event Handlers
-     * --------------------------------------------------------------------------
-     */
-    private _handleFileChange;
-    private _handleFileRemove;
-    private _onDragOver;
-    private _onDragLeave;
-    private _onDrop;
-    render(): import("lit-html").TemplateResult<1>;
-}

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

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

package/dist/nys-fileitem.d.ts

@@ -1,37 +0,0 @@
-import { LitElement } from "lit";
-/**
- * **Internal component.** Displays an individual file within `nys-fileinput` with status and progress.
- *
- * Rendered automatically by `nys-fileinput` for each selected file. Shows filename, upload status
- * (pending/processing/done/error), progress bar during upload, and error messages. Remove button emits event.
- *
- * @summary Internal file item display with status, progress bar, and remove action.
- * @element nys-fileitem
- *
- * @fires nys-fileRemove - Fired when remove button is clicked. Detail: `{filename}`.
- */
-export declare class NysFileItem extends LitElement {
-    static styles: import("lit").CSSResult;
-    static shadowRootOptions: {
-        delegatesFocus: boolean;
-        clonable?: boolean;
-        customElementRegistry?: CustomElementRegistry;
-        mode: ShadowRootMode;
-        serializable?: boolean;
-        slotAssignment?: SlotAssignmentMode;
-    };
-    /** Name of the file being displayed. */
-    filename: string;
-    /**
-     * Upload status: `pending` (queued), `processing` (uploading), `done` (complete), `error` (failed).
-     * @default "pending"
-     */
-    status: "pending" | "processing" | "done" | "error";
-    /** Upload progress percentage (0-100). Only shown when status is `processing`. */
-    progress: number;
-    /** Error message displayed when status is `error`. */
-    errorMessage: string;
-    private _handleRemove;
-    private splitFilename;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/dist/validateFileHeader.d.ts

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