@nysds/nys-fileinput 1.19.1 → 1.19.2

package/dist/nys-fileinput.d.ts

@@ -0,0 +1,118 @@
+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.js

@@ -6,7 +6,7 @@ import { ifDefined as m } from "lit/directives/if-defined.js";
    * █ █ █  █▄▄▄█  ▀▀▀▄▄  █   █ ▀▀▀▄▄
    * █  ▀█    █    █▄▄▄█  █▄▄▀  █▄▄▄█
    *
-   * Fileinput Component v1.19.1
+   * Fileinput Component v1.19.2
    * Part of the New York State Design System
    * Repository: https://github.com/its-hcd/nysds
    * License: MIT

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nysds/nys-fileinput",
-  "version": "1.19.1",
+  "version": "1.19.2",
   "description": "The Fileinput component from the NYS Design System.",
   "module": "dist/nys-fileinput.js",
   "types": "dist/index.d.ts",
@@ -23,10 +23,10 @@
     "lit-analyze": "lit-analyzer '**/*.ts'"
   },
   "dependencies": {
-    "@nysds/nys-icon": "^1.19.1",
-    "@nysds/nys-button": "^1.19.1",
-    "@nysds/nys-label": "^1.19.1",
-    "@nysds/nys-errormessage": "^1.19.1"
+    "@nysds/nys-icon": "^1.19.2",
+    "@nysds/nys-button": "^1.19.2",
+    "@nysds/nys-label": "^1.19.2",
+    "@nysds/nys-errormessage": "^1.19.2"
   },
   "devDependencies": {
     "lit": "^3.3.1",
@@ -43,5 +43,6 @@
     "forms"
   ],
   "author": "New York State Design System Team",
-  "license": "MIT"
+  "license": "MIT",
+  "sideEffects": true
 }