@elderbyte/ngx-starter 15.6.6 → 15.7.1

package/lib/common/http/upload/file-upload-client.d.ts

@@ -2,7 +2,7 @@ import { HttpClient } from '@angular/common/http';
 import { HttpDataTransfer } from '../transfer/http-data-transfer';
 import { ElderDataTransferService } from '../../../components/data-transfer/elder-data-transfer.service';
 export interface IFileUploadClient {
-    uploadFiles(files: Set<File>): Map<File, HttpDataTransfer>;
+    uploadFiles(files: File[]): Map<File, HttpDataTransfer>;
     uploadFile(file: File): HttpDataTransfer;
 }
 export declare class FileUploadClient implements IFileUploadClient {
@@ -27,7 +27,7 @@ export declare class FileUploadClient implements IFileUploadClient {
      * Public API                                                              *
      *                                                                         *
      **************************************************************************/
-    uploadFiles(files: Set<File>): Map<File, HttpDataTransfer>;
+    uploadFiles(files: File[]): Map<File, HttpDataTransfer>;
     uploadFile(file: File): HttpDataTransfer;
     /***************************************************************************
      *                                                                         *

package/lib/components/files/elder-file-drop-zone.directive.d.ts

@@ -1,29 +1,24 @@
-import { ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { ElementRef, EventEmitter, NgZone, Renderer2 } from '@angular/core';
+import { FileEntry } from './listing/file-entry';
 import * as i0 from "@angular/core";
-export declare class ElderFileDropZoneDirective implements OnInit, OnDestroy {
+export declare class ElderFileDropZoneDirective {
     private hostRef;
     private renderer;
+    private ngZone;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
      *                                                                         *
      **************************************************************************/
     private readonly logger;
-    readonly elderFileDropZoneChange: EventEmitter<Set<File>>;
+    readonly elderFileDropZoneChange: EventEmitter<FileEntry[]>;
     dragOverClass: string;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(hostRef: ElementRef, renderer: Renderer2);
-    /***************************************************************************
-     *                                                                         *
-     * Life Cycle                                                              *
-     *                                                                         *
-     **************************************************************************/
-    ngOnInit(): void;
-    ngOnDestroy(): void;
+    constructor(hostRef: ElementRef, renderer: Renderer2, ngZone: NgZone);
     /***************************************************************************
      *                                                                         *
      * Public API                                                              *
@@ -38,8 +33,8 @@ export declare class ElderFileDropZoneDirective implements OnInit, OnDestroy {
      *                                                                         *
      **************************************************************************/
     private dragEnd;
-    private collectFiles;
-    private emitFiles;
+    private collectFilesAsync;
+    private toFileList;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderFileDropZoneDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ElderFileDropZoneDirective, "[elderFileDropZone]", never, { "dragOverClass": "dragOverClass"; }, { "elderFileDropZoneChange": "elderFileDropZoneChange"; }, never, never, false, never>;
 }

package/lib/components/files/elder-file-select.directive.d.ts

@@ -1,4 +1,5 @@
 import { ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 export declare class ElderFileSelectDirective implements OnInit, OnDestroy {
     private el;
@@ -11,9 +12,10 @@ export declare class ElderFileSelectDirective implements OnInit, OnDestroy {
     private readonly logger;
     private _fileInput;
     private _unlisten;
-    readonly elderFileSelectChange: EventEmitter<Set<File>>;
+    readonly elderFileSelectChange: EventEmitter<File[]>;
     readonly elderSingleFileSelectChange: EventEmitter<File>;
     private _multiple;
+    private _directory;
     private _accept;
     /***************************************************************************
      *                                                                         *
@@ -34,7 +36,13 @@ export declare class ElderFileSelectDirective implements OnInit, OnDestroy {
      *                                                                         *
      **************************************************************************/
     set elderFileSelect(value: string);
-    set elderFileSelectMultiple(value: boolean);
+    set elderFileSelectMultiple(value: BooleanInput);
+    /**
+     * Allow the user to select a directory. All files that are recursively contained are selected.
+     * However, the user will no longer be able to select individual files if this is enabled.
+     * @param value
+     */
+    set elderFileSelectDirectory(value: BooleanInput);
     /***************************************************************************
      *                                                                         *
      * Public API                                                              *
@@ -60,7 +68,7 @@ export declare class ElderFileSelectDirective implements OnInit, OnDestroy {
     private fileInputChanged;
     private clearFileList;
     private emitFileList;
-    private toSet;
+    private toArray;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderFileSelectDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderFileSelectDirective, "[elderFileSelect]", never, { "elderFileSelect": "elderFileSelect"; "elderFileSelectMultiple": "elderFileSelectMultiple"; }, { "elderFileSelectChange": "elderFileSelectChange"; "elderSingleFileSelectChange": "elderSingleFileSelectChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderFileSelectDirective, "[elderFileSelect]", never, { "elderFileSelect": "elderFileSelect"; "elderFileSelectMultiple": "elderFileSelectMultiple"; "elderFileSelectDirectory": "elderFileSelectDirectory"; }, { "elderFileSelectChange": "elderFileSelectChange"; "elderSingleFileSelectChange": "elderSingleFileSelectChange"; }, never, never, false, never>;
 }

package/lib/components/files/elder-file.module.d.ts

@@ -15,7 +15,10 @@ export { ElderFileUploadComponent } from './file-upload/file-upload.component';
 export { ElderFileSelectDirective } from './elder-file-select.directive';
 export { ElderFileDropZoneDirective } from './elder-file-drop-zone.directive';
 export { ElderBlobViewerComponent } from './blob-viewer/elder-blob-viewer.component';
-export { BlobUrl } from './blob-url';
+export * from './blob-url';
+export * from './file-proxy';
+export * from './listing/file-entry';
+export * from './listing/file-listing-rx';
 export declare class ElderFileModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderFileModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<ElderFileModule, [typeof i1.ElderFileSelectComponent, typeof i2.ElderFileUploadComponent, typeof i3.ElderFileSelectDirective, typeof i4.ElderFileDropZoneDirective, typeof i5.ElderBlobViewerComponent], [typeof i6.CommonModule, typeof i7.MatListModule, typeof i8.MatButtonModule, typeof i9.MatIconModule, typeof i10.MatProgressBarModule, typeof i11.ElderPipesModule], [typeof i1.ElderFileSelectComponent, typeof i2.ElderFileUploadComponent, typeof i3.ElderFileSelectDirective, typeof i4.ElderFileDropZoneDirective, typeof i5.ElderBlobViewerComponent]>;

package/lib/components/files/file-proxy.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Proxy the File API to an inner file instance,
+ * allowing subclasses of the file proxy
+ * to easily override selected behaviour.
+ */
+export declare abstract class FileProxy implements File {
+    private readonly inner;
+    protected constructor(inner: File);
+    get lastModified(): number;
+    get name(): string;
+    get size(): number;
+    get type(): string;
+    /**
+     * Returns a string which specifies the file's path relative to the directory selected by the user
+     */
+    get webkitRelativePath(): string;
+    arrayBuffer(): Promise<ArrayBuffer>;
+    slice(start?: number, end?: number, contentType?: string): Blob;
+    stream(): ReadableStream<Uint8Array>;
+    text(): Promise<string>;
+}

package/lib/components/files/file-select/file-select.component.d.ts

@@ -10,7 +10,7 @@ export declare class ElderFileSelectComponent implements OnInit {
     accept: string;
     icon: string;
     color: string;
-    readonly filesChange: EventEmitter<Set<File>>;
+    readonly filesChange: EventEmitter<File[]>;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
@@ -28,7 +28,7 @@ export declare class ElderFileSelectComponent implements OnInit {
      * Public API                                                              *
      *                                                                         *
      **************************************************************************/
-    fileInputChanged(files: Set<File>): void;
+    fileInputChanged(files: File[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderFileSelectComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ElderFileSelectComponent, "elder-file-select", never, { "multiple": "multiple"; "accept": "accept"; "icon": "icon"; "color": "color"; }, { "filesChange": "filesChange"; }, never, never, false, never>;
 }

package/lib/components/files/file-upload/file-upload.component.d.ts

@@ -1,15 +1,14 @@
-import { OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
 import { IFileUploadClient } from '../../../common/http/upload/file-upload-client';
 import { HttpDataTransfer } from '../../../common/http/transfer/http-data-transfer';
 import * as i0 from "@angular/core";
-export declare class ElderFileUploadComponent implements OnInit {
+export declare class ElderFileUploadComponent {
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
      *                                                                         *
      **************************************************************************/
-    files: Set<File>;
+    files: File[];
     uploadProgress: Map<File, HttpDataTransfer>;
     totalProgress: Observable<any>;
     multiple: boolean;
@@ -21,12 +20,6 @@ export declare class ElderFileUploadComponent implements OnInit {
      *                                                                         *
      **************************************************************************/
     constructor();
-    /***************************************************************************
-     *                                                                         *
-     * Life Cycle                                                              *
-     *                                                                         *
-     **************************************************************************/
-    ngOnInit(): void;
     /***************************************************************************
      *                                                                         *
      * Public API                                                              *

package/lib/components/files/listing/file-entry.d.ts

@@ -0,0 +1,22 @@
+import { FileProxy } from '../file-proxy';
+export declare class FileEntry extends FileProxy {
+    /**
+     * Contains the relative path from the selected folder
+     * to this file. Only relevant if the user has selected a folder.
+     */
+    readonly relativeParent: string | null;
+    constructor(file: File, 
+    /**
+     * Contains the relative path from the selected folder
+     * to this file. Only relevant if the user has selected a folder.
+     */
+    relativeParent: string | null);
+    /**
+     * Returns a string which specifies the file's path relative to the directory selected by the user.
+     */
+    get relativePath(): string;
+    /**
+     * Returns a string which specifies the file's path relative to the directory selected by the user.
+     */
+    get webkitRelativePath(): string;
+}

package/lib/components/files/listing/file-listing-rx.d.ts

@@ -0,0 +1,20 @@
+import { Observable } from 'rxjs';
+import { FileEntry } from './file-entry';
+export declare class FileListingRx {
+    static readonly INSTANCE: FileListingRx;
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    listFilesRecursive(entry: FileSystemEntry): Observable<FileEntry[]>;
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private listFilesRecursiveAsync;
+    private observableFile;
+    private readEntries;
+    private consumeReaderToCompletion;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elderbyte/ngx-starter",
-  "version": "15.6.6",
+  "version": "15.7.1",
   "peerDependencies": {
     "@angular/core": "^15.0.0 || ^16.0.0",
     "@angular/common": "^15.0.0 || ^16.0.0",