@theseam/ui-common 1.0.2-beta.60 → 1.0.2-beta.67

package/file-input/index.d.ts

@@ -0,0 +1,190 @@
+import * as _theseam_ui_common_icon from '@theseam/ui-common/icon';
+import { SeamIcon } from '@theseam/ui-common/icon';
+import * as _angular_core from '@angular/core';
+import { AfterViewInit } from '@angular/core';
+import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
+import { ControlValueAccessor } from '@angular/forms';
+
+/** Tagged union describing where a file item's bytes (or asset pointer) live. */
+type SeamFileItemSource = {
+    kind: 'file';
+    file: File;
+} | {
+    kind: 'url';
+    url: string;
+} | {
+    kind: 'blob';
+    blob: Blob;
+};
+/**
+ * A file entry usable by `<seam-file-tile>` and `<seam-file-field>`.
+ *
+ * Covers three cases:
+ * - Pending upload (File source)
+ * - Already-uploaded server asset (URL source)
+ * - In-memory bytes without a File wrapper (Blob source)
+ */
+interface SeamFileItem {
+    /** Display name. */
+    name: string;
+    /** Bytes. Known for File/Blob; optional for URL. */
+    size?: number;
+    /** MIME type. Known for File/Blob; may be absent for URL. */
+    type?: string;
+    /** Where the bytes (or the asset pointer) live. */
+    source: SeamFileItemSource;
+    /** Consumer-supplied tracking key (e.g. documentId, syncId). */
+    id?: string;
+    /** Override thumbnail URL. Otherwise derived for image sources. */
+    thumbnailUrl?: string;
+}
+/** Why a file was rejected at selection/drop time. */
+type SeamFileRejectionReason = 'type' | 'size' | 'count';
+/** One rejected file and the set of reasons it failed validation. */
+interface SeamFileRejection {
+    file: File;
+    reasons: SeamFileRejectionReason[];
+}
+/** Tile layout. `row` = horizontal list item; `preview` = thumbnail tile. */
+type SeamFileTileVariant = 'row' | 'preview';
+
+declare function seamFileItemFromFile(file: File, id?: string): SeamFileItem;
+interface SeamFileItemFromUrlOptions {
+    name?: string;
+    type?: string;
+    size?: number;
+    id?: string;
+    thumbnailUrl?: string;
+}
+declare function seamFileItemFromUrl(url: string, opts?: SeamFileItemFromUrlOptions): SeamFileItem;
+/**
+ * Extracts native `File` objects from items whose source is `file`. Items
+ * backed by a URL or a Blob are ignored. Useful for submit-side mapping
+ * when the consumer only cares about newly-uploaded blobs.
+ */
+declare function seamFilesFromItems(items: SeamFileItem[]): File[];
+/**
+ * Maps a MIME type to a built-in SeamIcon. Returns a generic file icon for
+ * unknown, empty, or missing types. Returns SeamIcon (not IconDefinition) so
+ * the icon set can change later without a breaking signature change.
+ */
+declare function iconForMime(type: string | undefined): SeamIcon;
+
+declare class TheSeamFileDropZoneDirective {
+    readonly accept: _angular_core.InputSignal<string>;
+    readonly maxSize: _angular_core.InputSignal<number | null>;
+    readonly maxFiles: _angular_core.InputSignal<number | null>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly seamFileDrop: _angular_core.OutputEmitterRef<File[]>;
+    readonly seamFileDropRejected: _angular_core.OutputEmitterRef<SeamFileRejection[]>;
+    /** Counter-based dragenter/leave tracking to avoid child-element flicker. */
+    private readonly _dragDepth;
+    protected readonly _isOver: _angular_core.Signal<boolean>;
+    protected _onDragEnter(event: DragEvent): void;
+    protected _onDragOver(event: DragEvent): void;
+    protected _onDragLeave(event: DragEvent): void;
+    protected _onDrop(event: DragEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TheSeamFileDropZoneDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TheSeamFileDropZoneDirective, "[seamFileDropZone]", never, { "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "seamFileDrop": "seamFileDrop"; "seamFileDropRejected": "seamFileDropRejected"; }, never, never, true, never>;
+}
+
+declare class TheSeamFileInputComponent {
+    readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly accept: _angular_core.InputSignal<string>;
+    readonly maxSize: _angular_core.InputSignal<number | null>;
+    readonly maxFiles: _angular_core.InputSignal<number | null>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly hideErrors: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly promptText: _angular_core.InputSignal<string>;
+    readonly promptSuffix: _angular_core.InputSignal<string>;
+    readonly filesAdded: _angular_core.OutputEmitterRef<File[]>;
+    readonly rejected: _angular_core.OutputEmitterRef<SeamFileRejection[]>;
+    protected readonly _faUpload: _fortawesome_fontawesome_common_types.IconDefinition;
+    protected readonly _lastRejections: _angular_core.WritableSignal<SeamFileRejection[]>;
+    protected readonly _effectiveMaxFiles: _angular_core.Signal<number | null>;
+    protected readonly _errorMessage: _angular_core.Signal<string | null>;
+    private readonly _nativeInput;
+    _openPicker(): void;
+    protected _onFilesDropped(files: File[]): void;
+    protected _onRejected(rejections: SeamFileRejection[]): void;
+    protected _onNativeChange(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TheSeamFileInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TheSeamFileInputComponent, "seam-file-input", never, { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hideErrors": { "alias": "hideErrors"; "required": false; "isSignal": true; }; "promptText": { "alias": "promptText"; "required": false; "isSignal": true; }; "promptSuffix": { "alias": "promptSuffix"; "required": false; "isSignal": true; }; }, { "filesAdded": "filesAdded"; "rejected": "rejected"; }, never, never, true, never>;
+}
+
+declare class TheSeamFileTileComponent implements AfterViewInit {
+    private readonly _cdr;
+    readonly item: _angular_core.InputSignal<SeamFileItem>;
+    readonly variant: _angular_core.InputSignal<SeamFileTileVariant>;
+    readonly showName: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly showMeta: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly removable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly remove: _angular_core.OutputEmitterRef<SeamFileItem>;
+    readonly itemClick: _angular_core.OutputEmitterRef<SeamFileItem>;
+    protected readonly _faTimes: _fortawesome_fontawesome_common_types.IconDefinition;
+    protected readonly _mimeIcon: _angular_core.Signal<_theseam_ui_common_icon.SeamIcon>;
+    protected readonly _metaLine: _angular_core.Signal<string>;
+    protected readonly _showRemoveBtn: _angular_core.Signal<boolean>;
+    /** True when itemClick is observed AND the tile is not disabled. */
+    protected readonly _isInteractive: _angular_core.Signal<boolean>;
+    /**
+     * Thumbnail URL for image items. Tracked across item changes so object
+     * URLs are revoked when the item changes or the component is destroyed.
+     */
+    private _ownedObjectUrl;
+    private _pendingObjectUrl;
+    protected readonly _thumbUrl: _angular_core.Signal<string | null>;
+    /**
+     * True once we detect that a consumer has wired (itemClick).
+     * Detected in ngAfterViewInit — by that point the parent's template binding
+     * has called subscribe() on the OutputEmitterRef, populating its internal
+     * `listeners` array (Option A: access via internal field on Angular 20's
+     * OutputEmitterRef). If the internal shape is absent, conservatively stays
+     * false (opt-out default — no unwanted role=button on inert tiles).
+     */
+    protected readonly _clickObserved: _angular_core.WritableSignal<boolean>;
+    constructor();
+    ngAfterViewInit(): void;
+    protected _onRemove(event: MouseEvent): void;
+    protected _onBodyClick(): void;
+    protected _onBodyKey(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TheSeamFileTileComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TheSeamFileTileComponent, "seam-file-tile", never, { "item": { "alias": "item"; "required": true; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showName": { "alias": "showName"; "required": false; "isSignal": true; }; "showMeta": { "alias": "showMeta"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "remove": "remove"; "itemClick": "itemClick"; }, never, never, true, never>;
+}
+
+declare class TheSeamFileFieldComponent implements ControlValueAccessor {
+    readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly accept: _angular_core.InputSignal<string>;
+    readonly maxSize: _angular_core.InputSignal<number | null>;
+    readonly maxFiles: _angular_core.InputSignal<number | null>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly previewMode: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly showTileName: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly promptText: _angular_core.InputSignal<string>;
+    readonly promptSuffix: _angular_core.InputSignal<string>;
+    readonly replaceText: _angular_core.InputSignal<string>;
+    readonly hideErrors: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly rejected: _angular_core.OutputEmitterRef<SeamFileRejection[]>;
+    protected readonly _items: _angular_core.WritableSignal<SeamFileItem[]>;
+    protected readonly _cvaDisabled: _angular_core.WritableSignal<boolean>;
+    protected readonly _effectiveDisabled: _angular_core.Signal<boolean>;
+    protected readonly _hasFile: _angular_core.Signal<boolean>;
+    protected readonly _remainingMaxFiles: _angular_core.Signal<number | null>;
+    protected readonly _tileVariant: _angular_core.Signal<"row" | "preview">;
+    private _onChange;
+    private _onTouched;
+    writeValue(value: SeamFileItem[] | null): void;
+    registerOnChange(fn: (value: SeamFileItem[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected _onFilesAdded(files: File[]): void;
+    protected _onRejected(rejections: SeamFileRejection[]): void;
+    protected _onTileRemove(item: SeamFileItem): void;
+    private _emit;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TheSeamFileFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TheSeamFileFieldComponent, "seam-file-field", never, { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "previewMode": { "alias": "previewMode"; "required": false; "isSignal": true; }; "showTileName": { "alias": "showTileName"; "required": false; "isSignal": true; }; "promptText": { "alias": "promptText"; "required": false; "isSignal": true; }; "promptSuffix": { "alias": "promptSuffix"; "required": false; "isSignal": true; }; "replaceText": { "alias": "replaceText"; "required": false; "isSignal": true; }; "hideErrors": { "alias": "hideErrors"; "required": false; "isSignal": true; }; }, { "rejected": "rejected"; }, never, never, true, never>;
+}
+
+export { TheSeamFileDropZoneDirective, TheSeamFileFieldComponent, TheSeamFileInputComponent, TheSeamFileTileComponent, iconForMime, seamFileItemFromFile, seamFileItemFromUrl, seamFilesFromItems };
+export type { SeamFileItem, SeamFileItemFromUrlOptions, SeamFileItemSource, SeamFileRejection, SeamFileRejectionReason, SeamFileTileVariant };

package/file-input/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/theseam-ui-common-file-input.mjs"
+}

package/framework/route-transitions/route-transitions.css

@@ -5,23 +5,39 @@
 
 /* Keyframes */
 @keyframes seam-slide-in-left {
-  from { transform: translateX(100%); }
-  to   { transform: translateX(0); }
+  from {
+    transform: translateX(100%);
+  }
+  to {
+    transform: translateX(0);
+  }
 }
 
 @keyframes seam-slide-in-right {
-  from { transform: translateX(-100%); }
-  to   { transform: translateX(0); }
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(0);
+  }
 }
 
 @keyframes seam-slide-out-left {
-  from { transform: translateX(0); }
-  to   { transform: translateX(-100%); }
+  from {
+    transform: translateX(0);
+  }
+  to {
+    transform: translateX(-100%);
+  }
 }
 
 @keyframes seam-slide-out-right {
-  from { transform: translateX(0); }
-  to   { transform: translateX(100%); }
+  from {
+    transform: translateX(0);
+  }
+  to {
+    transform: translateX(100%);
+  }
 }
 
 /*
@@ -94,57 +110,91 @@ html[data-route-direction]::view-transition-new(root) {
  */
 
 /* Sibling swap: current slides right, new slides left */
-html[data-route-direction="sibling"]::view-transition-old(seam-route-content-0),
-html[data-route-direction="sibling"]::view-transition-old(seam-route-content-1),
-html[data-route-direction="sibling"]::view-transition-old(seam-route-content-2),
-html[data-route-direction="sibling"]::view-transition-old(seam-route-content-3),
-html[data-route-direction="sibling"]::view-transition-old(seam-route-content-4),
-html[data-route-direction="sibling"]::view-transition-old(seam-route-content-5) {
-  animation: var(--seam-route-transition-duration) var(--seam-route-transition-easing) both seam-slide-out-right;
-}
-html[data-route-direction="sibling"]::view-transition-new(seam-route-content-0),
-html[data-route-direction="sibling"]::view-transition-new(seam-route-content-1),
-html[data-route-direction="sibling"]::view-transition-new(seam-route-content-2),
-html[data-route-direction="sibling"]::view-transition-new(seam-route-content-3),
-html[data-route-direction="sibling"]::view-transition-new(seam-route-content-4),
-html[data-route-direction="sibling"]::view-transition-new(seam-route-content-5) {
-  animation: var(--seam-route-transition-duration) var(--seam-route-transition-easing) both seam-slide-in-left;
+html[data-route-direction='sibling']::view-transition-old(seam-route-content-0),
+html[data-route-direction='sibling']::view-transition-old(seam-route-content-1),
+html[data-route-direction='sibling']::view-transition-old(seam-route-content-2),
+html[data-route-direction='sibling']::view-transition-old(seam-route-content-3),
+html[data-route-direction='sibling']::view-transition-old(seam-route-content-4),
+html[data-route-direction='sibling']::view-transition-old(
+    seam-route-content-5
+  ) {
+  animation: var(--seam-route-transition-duration)
+    var(--seam-route-transition-easing) both seam-slide-out-right;
+}
+html[data-route-direction='sibling']::view-transition-new(seam-route-content-0),
+html[data-route-direction='sibling']::view-transition-new(seam-route-content-1),
+html[data-route-direction='sibling']::view-transition-new(seam-route-content-2),
+html[data-route-direction='sibling']::view-transition-new(seam-route-content-3),
+html[data-route-direction='sibling']::view-transition-new(seam-route-content-4),
+html[data-route-direction='sibling']::view-transition-new(
+    seam-route-content-5
+  ) {
+  animation: var(--seam-route-transition-duration)
+    var(--seam-route-transition-easing) both seam-slide-in-left;
 }
 
 /* Deeper: both slide left */
-html[data-route-direction="deeper"]::view-transition-old(seam-route-content-0),
-html[data-route-direction="deeper"]::view-transition-old(seam-route-content-1),
-html[data-route-direction="deeper"]::view-transition-old(seam-route-content-2),
-html[data-route-direction="deeper"]::view-transition-old(seam-route-content-3),
-html[data-route-direction="deeper"]::view-transition-old(seam-route-content-4),
-html[data-route-direction="deeper"]::view-transition-old(seam-route-content-5) {
-  animation: var(--seam-route-transition-duration) var(--seam-route-transition-easing) both seam-slide-out-left;
-}
-html[data-route-direction="deeper"]::view-transition-new(seam-route-content-0),
-html[data-route-direction="deeper"]::view-transition-new(seam-route-content-1),
-html[data-route-direction="deeper"]::view-transition-new(seam-route-content-2),
-html[data-route-direction="deeper"]::view-transition-new(seam-route-content-3),
-html[data-route-direction="deeper"]::view-transition-new(seam-route-content-4),
-html[data-route-direction="deeper"]::view-transition-new(seam-route-content-5) {
-  animation: var(--seam-route-transition-duration) var(--seam-route-transition-easing) both seam-slide-in-left;
+html[data-route-direction='deeper']::view-transition-old(seam-route-content-0),
+html[data-route-direction='deeper']::view-transition-old(seam-route-content-1),
+html[data-route-direction='deeper']::view-transition-old(seam-route-content-2),
+html[data-route-direction='deeper']::view-transition-old(seam-route-content-3),
+html[data-route-direction='deeper']::view-transition-old(seam-route-content-4),
+html[data-route-direction='deeper']::view-transition-old(seam-route-content-5) {
+  animation: var(--seam-route-transition-duration)
+    var(--seam-route-transition-easing) both seam-slide-out-left;
+}
+html[data-route-direction='deeper']::view-transition-new(seam-route-content-0),
+html[data-route-direction='deeper']::view-transition-new(seam-route-content-1),
+html[data-route-direction='deeper']::view-transition-new(seam-route-content-2),
+html[data-route-direction='deeper']::view-transition-new(seam-route-content-3),
+html[data-route-direction='deeper']::view-transition-new(seam-route-content-4),
+html[data-route-direction='deeper']::view-transition-new(seam-route-content-5) {
+  animation: var(--seam-route-transition-duration)
+    var(--seam-route-transition-easing) both seam-slide-in-left;
 }
 
 /* Shallower: both slide right */
-html[data-route-direction="shallower"]::view-transition-old(seam-route-content-0),
-html[data-route-direction="shallower"]::view-transition-old(seam-route-content-1),
-html[data-route-direction="shallower"]::view-transition-old(seam-route-content-2),
-html[data-route-direction="shallower"]::view-transition-old(seam-route-content-3),
-html[data-route-direction="shallower"]::view-transition-old(seam-route-content-4),
-html[data-route-direction="shallower"]::view-transition-old(seam-route-content-5) {
-  animation: var(--seam-route-transition-duration) var(--seam-route-transition-easing) both seam-slide-out-right;
-}
-html[data-route-direction="shallower"]::view-transition-new(seam-route-content-0),
-html[data-route-direction="shallower"]::view-transition-new(seam-route-content-1),
-html[data-route-direction="shallower"]::view-transition-new(seam-route-content-2),
-html[data-route-direction="shallower"]::view-transition-new(seam-route-content-3),
-html[data-route-direction="shallower"]::view-transition-new(seam-route-content-4),
-html[data-route-direction="shallower"]::view-transition-new(seam-route-content-5) {
-  animation: var(--seam-route-transition-duration) var(--seam-route-transition-easing) both seam-slide-in-right;
+html[data-route-direction='shallower']::view-transition-old(
+    seam-route-content-0
+  ),
+html[data-route-direction='shallower']::view-transition-old(
+    seam-route-content-1
+  ),
+html[data-route-direction='shallower']::view-transition-old(
+    seam-route-content-2
+  ),
+html[data-route-direction='shallower']::view-transition-old(
+    seam-route-content-3
+  ),
+html[data-route-direction='shallower']::view-transition-old(
+    seam-route-content-4
+  ),
+html[data-route-direction='shallower']::view-transition-old(
+    seam-route-content-5
+  ) {
+  animation: var(--seam-route-transition-duration)
+    var(--seam-route-transition-easing) both seam-slide-out-right;
+}
+html[data-route-direction='shallower']::view-transition-new(
+    seam-route-content-0
+  ),
+html[data-route-direction='shallower']::view-transition-new(
+    seam-route-content-1
+  ),
+html[data-route-direction='shallower']::view-transition-new(
+    seam-route-content-2
+  ),
+html[data-route-direction='shallower']::view-transition-new(
+    seam-route-content-3
+  ),
+html[data-route-direction='shallower']::view-transition-new(
+    seam-route-content-4
+  ),
+html[data-route-direction='shallower']::view-transition-new(
+    seam-route-content-5
+  ) {
+  animation: var(--seam-route-transition-duration)
+    var(--seam-route-transition-easing) both seam-slide-in-right;
 }
 
 /* Reduced motion: disable all route transition animations */

package/graphql/index.d.ts

@@ -8,7 +8,7 @@ import * as apollo_angular from 'apollo-angular';
 import { QueryRef, WatchQueryOptions, Apollo } from 'apollo-angular';
 import { DataFilterState } from '@theseam/ui-common/data-filters';
 import * as i0 from '@angular/core';
-import { InjectionToken, Type, Provider, EventEmitter } from '@angular/core';
+import { InjectionToken, Type, Provider, OutputRef, EventEmitter } from '@angular/core';
 import { OperationVariables } from '@apollo/client/core/types';
 import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
 import { IDataExporter } from '@theseam/ui-common/data-exporter';
@@ -192,7 +192,7 @@ declare class GQLVariable {
     constructor(name: string, type: string);
 }
 
-type GqlDatatableAccessor = Pick<DatatableComponent, 'page' | 'sort' | 'sorts' | 'filterStates' | 'pageInfo' | 'externalSorting' | 'columns$'> & {
+type GqlDatatableAccessor = Pick<DatatableComponent, 'page' | 'sort' | 'sorts' | 'filterStates' | 'pageInfo' | 'externalSorting' | 'columns$' | 'refreshRequested'> & {
     ngxDatatable: {
         offset: number;
         pageSize: number;
@@ -711,6 +711,10 @@ declare class MockDatatable implements GqlDatatableAccessor {
     private readonly _columnsSubject;
     readonly columns$: Observable<TheSeamDatatableColumn[]>;
     private readonly _filterStatesSubject;
+    private readonly _refreshSubject;
+    readonly refreshRequested: OutputRef<void>;
+    /** Test helper: simulate the refresh button being clicked. */
+    triggerRefresh(): void;
     private _sorts;
     private _rows;
     private _offset;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theseam/ui-common",
-  "version": "1.0.2-beta.60",
+  "version": "1.0.2-beta.67",
   "peerDependencies": {
     "@angular/cdk": "^20.2.3",
     "@angular/common": "^20.3.0",
@@ -191,6 +191,10 @@
       "types": "./dynamic-component-loader/index.d.ts",
       "default": "./fesm2022/theseam-ui-common-dynamic-component-loader.mjs"
     },
+    "./file-input": {
+      "types": "./file-input/index.d.ts",
+      "default": "./fesm2022/theseam-ui-common-file-input.mjs"
+    },
     "./footer-bar": {
       "types": "./footer-bar/index.d.ts",
       "default": "./fesm2022/theseam-ui-common-footer-bar.mjs"

package/signature-input/index.d.ts

@@ -4,7 +4,6 @@ import * as _angular_core from '@angular/core';
 import { InjectionToken, AfterViewInit, EventEmitter } from '@angular/core';
 import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
 import { FormGroup, FormControl, ControlValueAccessor } from '@angular/forms';
-import { NgxFileDropEntry } from 'ngx-file-drop';
 import { ModalConfig } from '@theseam/ui-common/modal';
 import * as _angular_cdk_testing from '@angular/cdk/testing';
 import { ComponentHarness, TestElement, BaseHarnessFilters, HarnessPredicate } from '@angular/cdk/testing';
@@ -153,24 +152,13 @@ declare class TheSeamSignatureInputImgComponent implements ControlValueAccessor,
     static readonly MAX_FILE_SIZE: number;
     private readonly _container;
     private readonly _destroyRef;
-    /**
-     * The File is only needed for validation at selection time. Once it's been
-     * converted to a data URL and stored in the form value, we don't need the
-     * File again — so there's no point trying to round-trip it through
-     * writeValue / form state. The preview renders off the current form value.
-     */
     protected readonly _fileControl: FormControl<File | null>;
     private readonly _fileStatus;
     protected readonly _sizeError: _angular_core.Signal<string | null>;
-    /**
-     * Single source of truth for both the form value and the preview image.
-     * External writes (writeValue) and successful uploads both funnel through
-     * here, so switching tabs and coming back always shows the last committed
-     * signature.
-     */
     private readonly _value;
     protected readonly _previewDataUrl: _angular_core.Signal<string | null>;
     protected readonly _previewBackgroundImage: _angular_core.Signal<string | null>;
+    private readonly _nativeInput;
     private _onChange;
     private _onTouched;
     constructor();
@@ -180,7 +168,8 @@ declare class TheSeamSignatureInputImgComponent implements ControlValueAccessor,
     setDisabledState(isDisabled: boolean): void;
     clear(): void;
     openFileBrowse(): void;
-    protected _onFileDropped(files: NgxFileDropEntry[]): void;
+    protected _onFilesDropped(files: File[]): void;
+    protected _onNativeChange(event: Event): void;
     private _setValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TheSeamSignatureInputImgComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TheSeamSignatureInputImgComponent, "seam-signature-input-img", never, {}, {}, never, never, true, never>;