@arsedizioni/ars-utils 22.1.5 → 22.5.2

package/types/arsedizioni-ars-utils-ui.dialogs.select.d.ts

@@ -0,0 +1,309 @@
+import * as _angular_core from '@angular/core';
+import { OnDestroy } from '@angular/core';
+import { MatCheckboxChange } from '@angular/material/checkbox';
+import { MatSelectionList, MatSelectionListChange } from '@angular/material/list';
+import { MatPaginator, PageEvent } from '@angular/material/paginator';
+import { SearchFilterMetadata } from '@arsedizioni/ars-utils/core';
+import { SelectDialogData, SelectDialogResult, SelectDialogEdit, SelectableItem, SelectDialogAppend, SelectDialogDelete, SelectDialogLookup, SelectDialogFilter, SelectableFilter, ItemNode, SelectTreeDialogResult, SelectTreeDialogData, ISendToDialog, SendToDialogResult, SendToPopulateData } from '@arsedizioni/ars-utils/ui';
+import * as rxjs from 'rxjs';
+import { MatTree } from '@angular/material/tree';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
+
+declare class SelectDialogComponent {
+    readonly paginator: _angular_core.Signal<MatPaginator>;
+    readonly selection: _angular_core.Signal<MatSelectionList>;
+    private isViewReady;
+    private readonly dialogRef;
+    private readonly cdr;
+    protected readonly dialogData: _angular_core.WritableSignal<SelectDialogData>;
+    readonly done: _angular_core.OutputEmitterRef<SelectDialogResult>;
+    readonly edit: _angular_core.OutputEmitterRef<SelectDialogEdit>;
+    readonly view: _angular_core.OutputEmitterRef<SelectableItem>;
+    readonly append: _angular_core.OutputEmitterRef<SelectDialogAppend>;
+    readonly delete: _angular_core.OutputEmitterRef<SelectDialogDelete>;
+    readonly lookup: _angular_core.OutputEmitterRef<SelectDialogLookup>;
+    readonly lookupOptions: _angular_core.OutputEmitterRef<void>;
+    readonly filter: _angular_core.OutputEmitterRef<SelectDialogFilter>;
+    protected canEdit: _angular_core.WritableSignal<boolean>;
+    protected canView: _angular_core.WritableSignal<boolean>;
+    protected canAppend: _angular_core.WritableSignal<boolean>;
+    protected canDelete: _angular_core.WritableSignal<boolean>;
+    protected canPaginate: _angular_core.WritableSignal<boolean>;
+    protected okDisabled: _angular_core.WritableSignal<boolean>;
+    protected filterMetadata: SearchFilterMetadata;
+    protected filterText: string;
+    protected readonly filterOptions: _angular_core.WritableSignal<SelectableFilter[]>;
+    protected filterOptionsInfo: _angular_core.WritableSignal<string>;
+    protected lookupField: string;
+    private lookupParams?;
+    protected selectionInfo: _angular_core.WritableSignal<string>;
+    protected selectionMasterIndeterminate: _angular_core.WritableSignal<boolean>;
+    protected selectionMasterChecked: _angular_core.WritableSignal<boolean>;
+    protected total: _angular_core.WritableSignal<number>;
+    constructor();
+    /**
+     * Updates the total item count signal, triggering UI refresh.
+     * @param newTotal - The new total count; defaults to 0 if omitted.
+     */
+    notifyChanges(newTotal?: number): void;
+    /** Returns `true` when every list item is currently selected. */
+    private isAllSelected;
+    /** Returns `true` when at least one list item is selected. */
+    private hasSelection;
+    /**
+     * Selects or deselects all items based on the master checkbox state.
+     * @param e - The checkbox change event.
+     */
+    protected masterSelectionToggle(e: MatCheckboxChange): void;
+    /**
+     * Handles selection or deselection of a list item.
+     * @param e - The selection list change event.
+     */
+    protected select(e: MatSelectionListChange): void;
+    /** Refreshes the selection info label shown in the dialog footer. */
+    private updateSelectionInfo;
+    /** Deselects all items and resets the master checkbox state. */
+    clearSelection(): void;
+    /** Emits the current selection and closes the dialog. */
+    protected ok(): void;
+    /** Clears the current filter text input. */
+    protected clearFilter(): void;
+    /**
+     * Sets the filter text programmatically.
+     * @param text - The new filter string to apply.
+     */
+    setFilter(text: string): void;
+    /**
+     * Returns the current filter text.
+     * @returns The active filter string.
+     */
+    getFilter(): string;
+    /** Emits the `lookupOptions` output event to open the filter options panel. */
+    protected showFilterOptions(): void;
+    /**
+     * Applies the given text filter, emitting a lookup when enabled.
+     * @param text - Optional filter string; populates `filterText` when provided.
+     * @param e - Optional keyboard event; lookup only fires on Enter.
+     */
+    protected doFilter(text?: string, e?: KeyboardEvent): void;
+    /**
+     * Applies the current filter text, emitting a lookup event.
+     */
+    private applyFilter;
+    /**
+     * Applies a structured filter option, emitting the filter output event.
+     * @param filterOption - The selected filter option object.
+     */
+    private applyFilterByOptions;
+    /**
+     * Applies a structured filter option, emitting the filter output event.
+     * @param filterOption - The selected filter option object.
+     * @param apply - Optional flag to immediately apply the filter.
+     */
+    protected doFilterByOptions(filterOption: any, apply?: boolean): void;
+    /**
+     * Triggers a server-side lookup with the given parameters (public API).
+     * @param params - An object containing the lookup query parameters.
+     */
+    doLookup(params: any): void;
+    /**
+     * Updates the paginator length and resets it to the first page.
+     * @param total - The new total number of items.
+     */
+    protected updateLookupPaginator(total: number): void;
+    /**
+     * Handles a paginator page change and triggers a new lookup.
+     * @param e - The paginator page change event.
+     */
+    protected doLookupPage(e: PageEvent): void;
+    /** Emits the `append` output event to open the add-item flow. */
+    protected doAppend(): void;
+    /** Emits the `edit` output event for the currently selected item. */
+    protected doEdit(): void;
+    /** Emits the `view` output event for the currently selected item. */
+    protected doView(): void;
+    /** Emits the `delete` output event with all currently selected items. */
+    protected doDelete(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectDialogComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectDialogComponent, "ng-component", never, {}, { "done": "done"; "edit": "edit"; "view": "view"; "append": "append"; "delete": "delete"; "lookup": "lookup"; "lookupOptions": "lookupOptions"; "filter": "filter"; }, never, never, true, never>;
+}
+
+declare class TreeDataSource implements OnDestroy {
+    private readonly _dataChange;
+    readonly dataChange$: rxjs.Observable<ItemNode[]>;
+    get data(): ItemNode[];
+    ngOnDestroy(): void;
+    initialize(data: ItemNode[]): void;
+    /**
+     * Find a node by id recursively.
+     * @param node - The source node to search from, or null to search from root.
+     * @param id - The id to search for.
+     * @returns The matching node, or undefined if not found.
+     */
+    findNode(node: ItemNode | null, id: string): ItemNode | undefined;
+    /**
+     * Remove a node from the tree.
+     * @param id - The id of the node to remove.
+     */
+    removeNode(id: string): void;
+    /**
+     * Insert a new node at the top of its parent (or root).
+     * @param node - The new node to insert.
+     */
+    insertNode(node: ItemNode): void;
+    /**
+     * Rename a node in the tree.
+     * @param id - The id of the node to rename.
+     * @param name - The new name for the node.
+     * @returns The renamed node, or undefined if not found.
+     */
+    renameNode(id: string, name: string): ItemNode | undefined;
+    /**
+     * Notify all subscribers of the current data state.
+     */
+    update(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeDataSource, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<TreeDataSource>;
+}
+interface SelectTreeDialogAppend {
+    parent?: ItemNode;
+    owner?: any;
+}
+declare class SelectTreeDialogComponent {
+    /** Emitted when the user confirms a selection. */
+    readonly done: _angular_core.OutputEmitterRef<SelectTreeDialogResult>;
+    /** Emitted when the user requests to append a new node. */
+    readonly append: _angular_core.OutputEmitterRef<SelectTreeDialogAppend>;
+    private readonly destroyRef;
+    private readonly dialogRef;
+    /** Dialog configuration, injected and exposed as a signal. */
+    protected readonly dialogData: _angular_core.WritableSignal<SelectTreeDialogData>;
+    private readonly tree;
+    private readonly _elRef;
+    /** Reference to the Material tree component. */
+    protected readonly matTree: _angular_core.Signal<MatTree<ItemNode, ItemNode>>;
+    /** Provides children of a tree node to the tree component. */
+    protected readonly childrenAccessor: (node: ItemNode) => ItemNode[];
+    /** Root nodes used as the tree data source. */
+    protected readonly treeNodes: _angular_core.WritableSignal<ItemNode[]>;
+    /** Currently selected tree node. */
+    protected readonly currentNode: _angular_core.WritableSignal<ItemNode>;
+    /** Current filter text. */
+    protected readonly filterText: _angular_core.WritableSignal<string>;
+    /** Nodes matching the current filter text. */
+    protected readonly filteredItems: _angular_core.WritableSignal<ItemNode[]>;
+    /** Index of the currently highlighted filtered node (-1 = none). */
+    protected readonly filterIndex: _angular_core.WritableSignal<number>;
+    /** The currently highlighted filtered node, or null. */
+    protected readonly filteredNode: _angular_core.Signal<ItemNode>;
+    protected readonly canAppend: _angular_core.WritableSignal<boolean>;
+    /** Flat node map rebuilt whenever treeNodes changes. */
+    private readonly _nodeMap;
+    protected hasChild: (_: number, node: ItemNode) => boolean;
+    constructor();
+    /**
+     * Confirm the current selection and close the dialog.
+     */
+    protected ok(): void;
+    /**
+     * Toggle selection of a tree node. Clicking the already-selected node deselects it.
+     * @param e - The mouse event (propagation is stopped).
+     * @param node - The node that was clicked.
+     */
+    protected select(e: MouseEvent, node: ItemNode): void;
+    /**
+     * Clear the active filter text.
+     */
+    protected clearFilter(): void;
+    /**
+     * Filter the tree nodes by name (minimum 3 characters).
+     */
+    protected doFilter(): void;
+    /**
+     * Advance to the next matching filtered node and scroll it into view.
+     */
+    protected nextFiltered(): void;
+    /**
+     * Returns true when the node is the currently highlighted filter match.
+     * @param node - tree node to check.
+     */
+    protected isFilteredNode(node: ItemNode): boolean;
+    /**
+     * Expands ancestors of the target node and scrolls it into view.
+     * @param index - index within `items` to scroll to.
+     * @param items - current filtered items array.
+     */
+    private _scrollToFiltered;
+    /**
+     * Expand a node and all of its parent nodes.
+     * @param node - The node to expand.
+     * @returns Always false.
+     */
+    expand(node: ItemNode): boolean;
+    /**
+     * Recursively find a node by id.
+     * @param nodes - Nodes to search.
+     * @param id - The id to find.
+     */
+    private findInTree;
+    /**
+     * Append a new node to the tree.
+     * @param node - The node to insert.
+     */
+    appendNode(node: ItemNode): void;
+    /**
+     * Collapse all tree nodes and reset the current selection.
+     */
+    protected collapseAll(): void;
+    /**
+     * Expand all tree nodes and scroll to the selected node, if any.
+     */
+    protected expandAll(): void;
+    /**
+     * Emit an append request with the currently selected node as the parent.
+     */
+    protected doAppend(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectTreeDialogComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectTreeDialogComponent, "ng-component", never, {}, { "done": "done"; "append": "append"; }, never, never, true, never>;
+}
+
+interface SendToDialogData {
+    count: number;
+    canPopulate?: boolean;
+    title?: string;
+    text?: string;
+    subject?: string;
+    info?: string;
+    appearance?: MatFormFieldAppearance;
+    options?: any;
+}
+declare class SendToDialogComponent implements ISendToDialog {
+    /** Emitted when the user confirms and sends the message. */
+    readonly done: _angular_core.OutputEmitterRef<SendToDialogResult>;
+    /** Emitted when the user requests to populate the recipient list. */
+    readonly populate: _angular_core.OutputEmitterRef<SendToPopulateData>;
+    private readonly cdr;
+    /** Dialog configuration, injected and exposed as a signal. */
+    protected readonly dialogData: _angular_core.WritableSignal<SendToDialogData>;
+    /** Form model for the send-to form fields. */
+    protected item: SendToDialogResult;
+    /**
+     * Confirm the form and emit the result.
+     */
+    protected ok(): void;
+    /**
+     * Request the host to populate the recipient list.
+     * Only emits if `canPopulate` is enabled in the dialog data.
+     */
+    protected populateRecipients(): void;
+    /**
+     * Update the recipient list from an external caller.
+     * @param recipients - The new recipients string (semicolon-separated).
+     */
+    updateRecipients(recipients: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SendToDialogComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SendToDialogComponent, "ng-component", never, {}, { "done": "done"; "populate": "populate"; }, never, never, true, never>;
+}
+
+export { SelectDialogComponent, SelectTreeDialogComponent, SendToDialogComponent, TreeDataSource };
+export type { SelectTreeDialogAppend, SendToDialogData };

package/types/arsedizioni-ars-utils-ui.files.d.ts

@@ -0,0 +1,271 @@
+import * as _angular_core from '@angular/core';
+import { OnDestroy, DoCheck, ElementRef } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { FileInfo } from '@arsedizioni/ars-utils/core';
+import { Subject } from 'rxjs';
+import { SelectFile, SelectFileDialogData, SelectPictureFileDialogData } from '@arsedizioni/ars-utils/ui';
+
+declare class FileInputComponent implements OnDestroy, DoCheck, MatFormFieldControl<FileInfo>, ControlValueAccessor {
+    ngControl: NgControl;
+    /** Reference to the hidden native file input element. */
+    protected readonly __file: _angular_core.Signal<ElementRef<any>>;
+    private readonly renderer;
+    private readonly uiService;
+    static nextId: number;
+    readonly stateChanges: Subject<void>;
+    private previousNativeValue;
+    controlType: string;
+    focused: boolean;
+    /** Whether the device supports camera capture. */
+    protected readonly canCapture: _angular_core.WritableSignal<boolean>;
+    /** Size in MB of the currently selected file. */
+    protected readonly fileSize: _angular_core.WritableSignal<number>;
+    private readonly _placeholder;
+    private _value;
+    set value(value: FileInfo);
+    /**
+     * Updates the internal state. Form propagation is skipped for model->view
+     * writes (writeValue) to avoid the CVA echo loop, and performed for
+     * user-driven changes (selectFile/clearFile) and the public value setter.
+     * @param value     - The new file info to store and display.
+     * @param propagate - When `true`, notifies the registered onChange callback.
+     */
+    private setValue;
+    get value(): FileInfo;
+    get size(): any;
+    private _required;
+    get required(): boolean;
+    set required(value: boolean);
+    private _disabled;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get placeholder(): string;
+    set placeholder(value: string);
+    /** The currently displayed file name. Can be bound two-way from outside or updated on file selection. */
+    readonly fileName: _angular_core.ModelSignal<string>;
+    readonly maxSizeMb: _angular_core.InputSignal<number>;
+    readonly minSizeMb: _angular_core.InputSignal<number>;
+    readonly isNew: _angular_core.InputSignal<boolean>;
+    readonly canPreview: _angular_core.InputSignal<boolean>;
+    readonly appearance: _angular_core.InputSignal<"fill" | "outline">;
+    readonly accept: _angular_core.InputSignal<string>;
+    get empty(): boolean;
+    /** True when the control has validation errors and has been touched. */
+    get errorState(): boolean;
+    id: string;
+    /** True when the label should float above the field. */
+    get shouldLabelFloat(): boolean;
+    describedBy: string;
+    readonly changed: _angular_core.OutputEmitterRef<FileInfo>;
+    readonly download: _angular_core.OutputEmitterRef<void>;
+    readonly preview: _angular_core.OutputEmitterRef<void>;
+    private propagateChange;
+    private propagateTouched;
+    constructor(ngControl: NgControl);
+    /**
+     * Detects camera availability and updates the placeholder accordingly.
+     */
+    private setupDevices;
+    ngOnDestroy(): void;
+    ngDoCheck(): void;
+    /**
+     * Writes a new value to the component (called by the form layer).
+     * @param value - The new file info to display.
+     */
+    writeValue(value: any): void;
+    /**
+     * Registers the on-change callback (called by the form layer).
+     * @param fn - Callback to invoke whenever the value changes.
+     */
+    registerOnChange(fn: any): void;
+    /**
+     * Registers the on-touched callback (called by the form layer).
+     * @param fn - Callback to invoke when the control is touched.
+     */
+    registerOnTouched(fn: any): void;
+    /**
+     * Sets the ARIA describedby attribute from the given element IDs.
+     * @param ids - Array of element IDs that describe this control.
+     */
+    setDescribedByIds(ids: string[]): void;
+    /**
+     * Updates the disabled state of the underlying native element.
+     * @param isDisabled - Whether the control should be disabled.
+     */
+    setDisabledState?(isDisabled: boolean): void;
+    /** Focuses the native input element and marks the control as touched. */
+    onContainerClick(): void;
+    /**
+     * Checks whether the value has changed since the last dirty check and emits `stateChanges` if needed.
+     */
+    protected updateInputDirtyCheck(): void;
+    /**
+     * Handles file selection from the native input element.
+     * @param e - The DOM change event from the file input.
+     */
+    protected selectFile(e: Event): void;
+    /**
+     * Checks whether a file is currently selected.
+     * @returns `true` if a file is attached to the current value.
+     */
+    protected hasFile(): boolean;
+    /**
+     * Clears the currently selected file and resets the control.
+     */
+    protected clearFile(): void;
+    /**
+     * Emits the `download` output event if the file is not newly added.
+     */
+    protected downloadFile(): void;
+    /**
+     * Emits the `preview` output event if the file is not new and preview is enabled.
+     */
+    protected previewFile(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FileInputComponent, [{ optional: true; self: true; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileInputComponent, "file-input", never, { "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "fileName": { "alias": "fileName"; "required": false; "isSignal": true; }; "maxSizeMb": { "alias": "maxSizeMb"; "required": false; "isSignal": true; }; "minSizeMb": { "alias": "minSizeMb"; "required": false; "isSignal": true; }; "isNew": { "alias": "isNew"; "required": false; "isSignal": true; }; "canPreview": { "alias": "canPreview"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; }, { "fileName": "fileNameChange"; "changed": "changed"; "download": "download"; "preview": "preview"; }, never, never, true, never>;
+}
+
+interface FilePreviewDialogData {
+    url?: string;
+    embed?: boolean;
+    authToken?: string;
+}
+declare class FilePreviewComponent {
+    readonly iframe: _angular_core.Signal<ElementRef<any>>;
+    private readonly httpClient;
+    private readonly dialogService;
+    protected readonly dialogData: FilePreviewDialogData;
+    protected readonly url: _angular_core.WritableSignal<string>;
+    constructor();
+    /**
+     * Handles the iframe load event: scrolls to the top and centers a single image when present.
+     */
+    protected loaded(): void;
+    /**
+     * Opens the current file URL in a new browser tab for manual download.
+     */
+    protected download(): void;
+    /**
+     * Displays a help dialog with browser-specific instructions for enabling PDF preview.
+     */
+    protected troubles(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilePreviewComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilePreviewComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}
+
+declare class SelectFileDialogComponent {
+    readonly done: _angular_core.OutputEmitterRef<SelectFile>;
+    private readonly dialogService;
+    private readonly dialogRef;
+    protected readonly dialogData: _angular_core.WritableSignal<SelectFileDialogData>;
+    protected readonly file: _angular_core.WritableSignal<File>;
+    protected fileClass: _angular_core.WritableSignal<"selectfile-file" | "selectfile-file-drop">;
+    /**
+     * Handles the native file input change event and delegates to `selectFile`.
+     * @param e - The DOM change event from the file input.
+     */
+    protected update(e: Event): void;
+    /**
+     * Validates and sets the selected file, showing an error if size or type constraints are violated.
+     * @param file - The `File` object to validate and store.
+     */
+    private selectFile;
+    /**
+     * Formats a byte count into a human-readable size string.
+     * @param size - File size in bytes.
+     * @returns A formatted size string (e.g. "1.2 MB").
+     */
+    protected size(size: number): string;
+    /** Emits the selected file and options, then closes the dialog. */
+    protected ok(): void;
+    /** Highlights the drop zone when a drag enters the area.
+     * @param e - The drag event.
+     */
+    protected onDragOver(e: DragEvent): void;
+    /** Highlights the drop zone when a dragged item enters.
+     * @param e - The drag event.
+     */
+    protected onDragEnter(e: DragEvent): void;
+    /** Resets the drop zone style when dragging ends.
+     * @param e - The drag event.
+     */
+    protected onDragEnd(e: DragEvent): void;
+    /** Resets the drop zone style when a dragged item leaves the area.
+     * @param e - The drag event.
+     */
+    protected onDragLeave(e: DragEvent): void;
+    /**
+     * Handles a file drop event, extracting and processing the dropped files.
+     * @param e - The drop event.
+     */
+    protected onDrop(e: DragEvent): void;
+    /**
+     * Picks the first file from the list and passes it to `selectFile`.
+     * @param files - The `FileList` from the drag-and-drop event.
+     */
+    private addFiles;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectFileDialogComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectFileDialogComponent, "ng-component", never, {}, { "done": "done"; }, never, never, true, never>;
+}
+
+declare class SelectPictureDialogComponent {
+    readonly done: _angular_core.OutputEmitterRef<SelectFile>;
+    private readonly dialogService;
+    private readonly dialogRef;
+    protected readonly dialogData: _angular_core.WritableSignal<SelectPictureFileDialogData>;
+    protected readonly file: _angular_core.WritableSignal<File>;
+    protected fileClass: _angular_core.WritableSignal<"selectpicture-file" | "selectpicture-file-drop">;
+    protected pictureWidth: _angular_core.WritableSignal<number>;
+    protected pictureHeight: _angular_core.WritableSignal<number>;
+    protected picturePreview: _angular_core.WritableSignal<any>;
+    /**
+     * Handles the native file input change event and delegates to `selectFile`.
+     * @param e - The DOM change event from the file input.
+     */
+    protected update(e: Event): void;
+    /**
+     * Validates the file size and type, then reads it as a data URL to generate a preview.
+     * @param file - The `File` object to validate and preview.
+     */
+    private selectFile;
+    /**
+     * Formats a byte count into a human-readable size string.
+     * @param size - File size in bytes.
+     * @returns A formatted size string (e.g. "1.2 MB").
+     */
+    protected size(size: number): string;
+    /** Emits the selected file and options, then closes the dialog. */
+    protected ok(): void;
+    /** Highlights the drop zone when a dragged item is over it.
+     * @param e - The drag event.
+     */
+    protected onDragOver(e: DragEvent): void;
+    /** Highlights the drop zone when a dragged item enters.
+     * @param e - The drag event.
+     */
+    protected onDragEnter(e: DragEvent): void;
+    /** Resets the drop zone style when dragging ends.
+     * @param e - The drag event.
+     */
+    protected onDragEnd(e: DragEvent): void;
+    /** Resets the drop zone style when a dragged item leaves.
+     * @param e - The drag event.
+     */
+    protected onDragLeave(e: DragEvent): void;
+    /**
+     * Handles a file drop event, extracting and processing the dropped image.
+     * @param e - The drop event.
+     */
+    protected onDrop(e: DragEvent): void;
+    /**
+     * Picks the first file from the list and passes it to `selectFile`.
+     * @param files - The `FileList` from the drag-and-drop event.
+     */
+    private addFiles;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectPictureDialogComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectPictureDialogComponent, "ng-component", never, {}, { "done": "done"; }, never, never, true, never>;
+}
+
+export { FileInputComponent, FilePreviewComponent, SelectFileDialogComponent, SelectPictureDialogComponent };
+export type { FilePreviewDialogData };