@elderbyte/ngx-starter 15.7.0 → 15.7.2

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-select.directive.d.ts

@@ -1,4 +1,6 @@
 import { ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { FileEntry } from './listing/file-entry';
 import * as i0 from "@angular/core";
 export declare class ElderFileSelectDirective implements OnInit, OnDestroy {
     private el;
@@ -11,9 +13,10 @@ export declare class ElderFileSelectDirective implements OnInit, OnDestroy {
     private readonly logger;
     private _fileInput;
     private _unlisten;
-    readonly elderFileSelectChange: EventEmitter<Set<File>>;
+    readonly elderFileSelectChange: EventEmitter<FileEntry[]>;
     readonly elderSingleFileSelectChange: EventEmitter<File>;
     private _multiple;
+    private _directory;
     private _accept;
     /***************************************************************************
      *                                                                         *
@@ -34,7 +37,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 +69,7 @@ export declare class ElderFileSelectDirective implements OnInit, OnDestroy {
     private fileInputChanged;
     private clearFileList;
     private emitFileList;
-    private toSet;
+    private toFileEntries;
     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

@@ -16,7 +16,6 @@ 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 * from './blob-url';
-export * from './file-proxy';
 export * from './listing/file-entry';
 export * from './listing/file-listing-rx';
 export declare class ElderFileModule {

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

@@ -1,4 +1,6 @@
 import { EventEmitter, OnInit } from '@angular/core';
+import { FileEntry } from '../listing/file-entry';
+import { ThemePalette } from '@angular/material/core';
 import * as i0 from "@angular/core";
 export declare class ElderFileSelectComponent implements OnInit {
     /***************************************************************************
@@ -9,8 +11,8 @@ export declare class ElderFileSelectComponent implements OnInit {
     multiple: boolean;
     accept: string;
     icon: string;
-    color: string;
-    readonly filesChange: EventEmitter<Set<File>>;
+    color: ThemePalette;
+    readonly filesChange: EventEmitter<FileEntry[]>;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
@@ -28,7 +30,7 @@ export declare class ElderFileSelectComponent implements OnInit {
      * Public API                                                              *
      *                                                                         *
      **************************************************************************/
-    fileInputChanged(files: Set<File>): void;
+    fileInputChanged(files: FileEntry[]): 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,15 @@
-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 { FileEntry } from '../listing/file-entry';
 import * as i0 from "@angular/core";
-export declare class ElderFileUploadComponent implements OnInit {
+export declare class ElderFileUploadComponent {
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
      *                                                                         *
      **************************************************************************/
-    files: Set<File>;
+    files: FileEntry[];
     uploadProgress: Map<File, HttpDataTransfer>;
     totalProgress: Observable<any>;
     multiple: boolean;
@@ -21,12 +21,6 @@ export declare class ElderFileUploadComponent implements OnInit {
      *                                                                         *
      **************************************************************************/
     constructor();
-    /***************************************************************************
-     *                                                                         *
-     * Life Cycle                                                              *
-     *                                                                         *
-     **************************************************************************/
-    ngOnInit(): void;
     /***************************************************************************
      *                                                                         *
      * Public API                                                              *

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

@@ -1,22 +1,51 @@
-import { FileProxy } from '../file-proxy';
-export declare class FileEntry extends FileProxy {
+/**
+ * Represents a file and the relative path where the user has selected it.
+ * This is useful if the user has selected a folder and files
+ * are listed recursively.
+ */
+export declare class FileEntry {
+    readonly file: File;
     /**
      * 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.
+     * Creates a file Entry without an explicit relative parent.
+     *
+     * However, depending how the file was selected, some browsers
+     * encode the relative parent path in the property 'webkitRelativePath'
+     * which is also supported by this method.
+     */
+    static ofFile(file: File): FileEntry;
+    /**
+     * Creates a file Entry with a relative parent path
      */
-    relativeParent: string | null);
+    static relativeFile(file: File, relativeParent: string | null): FileEntry;
+    static toFileMap(entries: FileEntry[]): Map<File, FileEntry>;
+    static toFileArray(entries: FileEntry[]): File[];
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
     /**
      * Returns a string which specifies the file's path relative to the directory selected by the user.
      */
-    get relativePath(): string;
+    readonly relativePath: string;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    private constructor();
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
     /**
      * Returns a string which specifies the file's path relative to the directory selected by the user.
      */
-    get webkitRelativePath(): string;
+    private static buildRelativePath;
 }

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

@@ -15,6 +15,7 @@ export declare class FileListingRx {
      **************************************************************************/
     private listFilesRecursiveAsync;
     private observableFile;
+    private trimStaringSlash;
     private readEntries;
     private consumeReaderToCompletion;
 }

package/package.json

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

package/esm2020/lib/components/files/file-proxy.mjs

@@ -1,41 +0,0 @@
-/**
- * Proxy the File API to an inner file instance,
- * allowing subclasses of the file proxy
- * to easily override selected behaviour.
- */
-export class FileProxy {
-    constructor(inner) {
-        this.inner = inner;
-    }
-    get lastModified() {
-        return this.inner.lastModified;
-    }
-    get name() {
-        return this.inner.name;
-    }
-    get size() {
-        return this.inner.size;
-    }
-    get type() {
-        return this.inner.type;
-    }
-    /**
-     * Returns a string which specifies the file's path relative to the directory selected by the user
-     */
-    get webkitRelativePath() {
-        return this.inner.webkitRelativePath;
-    }
-    arrayBuffer() {
-        return this.inner.arrayBuffer();
-    }
-    slice(start, end, contentType) {
-        return this.inner.slice(start, end, contentType);
-    }
-    stream() {
-        return this.inner.stream();
-    }
-    text() {
-        return this.inner.text();
-    }
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1wcm94eS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2VsZGVyYnl0ZS9uZ3gtc3RhcnRlci9zcmMvbGliL2NvbXBvbmVudHMvZmlsZXMvZmlsZS1wcm94eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7OztHQUlHO0FBQ0gsTUFBTSxPQUFnQixTQUFTO0lBRTdCLFlBQ21CLEtBQVc7UUFBWCxVQUFLLEdBQUwsS0FBSyxDQUFNO0lBQzNCLENBQUM7SUFFSixJQUFJLFlBQVk7UUFDZCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxJQUFJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxJQUFJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxJQUFJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDO0lBQ3pCLENBQUM7SUFFRDs7T0FFRztJQUNILElBQUksa0JBQWtCO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxrQkFBa0IsQ0FBQztJQUN2QyxDQUFDO0lBRUQsV0FBVztRQUNULE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNsQyxDQUFDO0lBRUQsS0FBSyxDQUFDLEtBQWMsRUFBRSxHQUFZLEVBQUUsV0FBb0I7UUFDdEQsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQUUsR0FBRyxFQUFFLFdBQVcsQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFFRCxNQUFNO1FBQ0osT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRCxJQUFJO1FBQ0YsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzNCLENBQUM7Q0FDRiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogUHJveHkgdGhlIEZpbGUgQVBJIHRvIGFuIGlubmVyIGZpbGUgaW5zdGFuY2UsXG4gKiBhbGxvd2luZyBzdWJjbGFzc2VzIG9mIHRoZSBmaWxlIHByb3h5XG4gKiB0byBlYXNpbHkgb3ZlcnJpZGUgc2VsZWN0ZWQgYmVoYXZpb3VyLlxuICovXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgRmlsZVByb3h5IGltcGxlbWVudHMgRmlsZSB7XG5cbiAgcHJvdGVjdGVkIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcmVhZG9ubHkgaW5uZXI6IEZpbGVcbiAgKSB7fVxuXG4gIGdldCBsYXN0TW9kaWZpZWQoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5pbm5lci5sYXN0TW9kaWZpZWQ7XG4gIH1cblxuICBnZXQgbmFtZSgpOiBzdHJpbmd7XG4gICAgcmV0dXJuIHRoaXMuaW5uZXIubmFtZTtcbiAgfVxuXG4gIGdldCBzaXplKCk6IG51bWJlciB7XG4gICAgcmV0dXJuIHRoaXMuaW5uZXIuc2l6ZTtcbiAgfVxuXG4gIGdldCB0eXBlKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuaW5uZXIudHlwZTtcbiAgfVxuXG4gIC8qKlxuICAgKiBSZXR1cm5zIGEgc3RyaW5nIHdoaWNoIHNwZWNpZmllcyB0aGUgZmlsZSdzIHBhdGggcmVsYXRpdmUgdG8gdGhlIGRpcmVjdG9yeSBzZWxlY3RlZCBieSB0aGUgdXNlclxuICAgKi9cbiAgZ2V0IHdlYmtpdFJlbGF0aXZlUGF0aCgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmlubmVyLndlYmtpdFJlbGF0aXZlUGF0aDtcbiAgfVxuXG4gIGFycmF5QnVmZmVyKCk6IFByb21pc2U8QXJyYXlCdWZmZXI+IHtcbiAgICByZXR1cm4gdGhpcy5pbm5lci5hcnJheUJ1ZmZlcigpO1xuICB9XG5cbiAgc2xpY2Uoc3RhcnQ/OiBudW1iZXIsIGVuZD86IG51bWJlciwgY29udGVudFR5cGU/OiBzdHJpbmcpOiBCbG9iIHtcbiAgICByZXR1cm4gdGhpcy5pbm5lci5zbGljZShzdGFydCwgZW5kLCBjb250ZW50VHlwZSk7XG4gIH1cblxuICBzdHJlYW0oKTogUmVhZGFibGVTdHJlYW08VWludDhBcnJheT4ge1xuICAgIHJldHVybiB0aGlzLmlubmVyLnN0cmVhbSgpO1xuICB9XG5cbiAgdGV4dCgpOiBQcm9taXNlPHN0cmluZz4ge1xuICAgIHJldHVybiB0aGlzLmlubmVyLnRleHQoKTtcbiAgfVxufVxuIl19

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

@@ -1,21 +0,0 @@
-/**
- * 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>;
-}