@dbg-riskit/angular-file 18.1.0 → 20.0.0

package/fesm2022/dbg-riskit-angular-file.mjs

@@ -1,26 +1,34 @@
 import * as i0 from '@angular/core';
-import { Pipe, Directive, Input, EventEmitter, ElementRef, Output, ViewChild, Injectable, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import * as i1 from '@dbg-riskit/angular-view';
-import { BaseComponent, CommonViewModule } from '@dbg-riskit/angular-view';
-import * as i3 from '@dbg-riskit/common';
-import { isEventObject, ObservableEventType, toString, ErrorType, base64encode, CONTENT_TYPE } from '@dbg-riskit/common';
-import { saveAs } from 'file-saver';
+import { inject, LOCALE_ID, Pipe, ElementRef, Input, Directive, Renderer2, EventEmitter, ViewChild, Output, Injectable, ChangeDetectionStrategy, Component } from '@angular/core';
+import { BaseComponent, DialogService, DateFormatter } from '@dbg-riskit/angular-view';
+import { Logger, isEventObject, ObservableEventType, ErrorType, toString, base64encode, CONTENT_TYPE } from '@dbg-riskit/common';
+import 'file-saver';
 import { Observable, of, Subject, EMPTY, forkJoin, throwError } from 'rxjs';
 import { takeUntil, take, map, tap, filter, catchError, finalize, first, switchMap } from 'rxjs/operators';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i3$1 from '@angular/material/button';
-import { MatAnchor } from '@angular/material/button';
-import * as i4 from '@angular/material/icon';
-import * as i3$2 from '@angular/material/menu';
-import * as i4$1 from '@angular/material/tooltip';
-import { LoggingModule } from '@dbg-riskit/angular-logging';
+import { DecimalPipe } from '@angular/common';
+import { MatAnchor, MatButton } from '@angular/material/button';
+import { MatIcon } from '@angular/material/icon';
+import { MatMenu, MatMenuItem, MatMenuTrigger } from '@angular/material/menu';
+import { MatTooltip } from '@angular/material/tooltip';
 
+// Copyright 2017 The Kubernetes Authors.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
 class FileSizePipe {
-    constructor(decimalPipe) {
-        this.decimalPipe = decimalPipe;
+    constructor() {
         this.base = 1024;
         this.powerSuffixes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB'];
+        this.decimalPipe = new DecimalPipe(inject(LOCALE_ID));
     }
     transform(value) {
         if (value == null) {
@@ -39,21 +47,23 @@ class FileSizePipe {
         const suffix = this.powerSuffixes[power];
         return suffix ? `${formatted}${suffix}` : formatted;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileSizePipe, deps: [{ token: i2.DecimalPipe }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: FileSizePipe, name: "riskFileSize" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: FileSizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.12", ngImport: i0, type: FileSizePipe, isStandalone: true, name: "riskFileSize" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileSizePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: FileSizePipe, decorators: [{
             type: Pipe,
-            args: [{ name: 'riskFileSize' }]
-        }], ctorParameters: () => [{ type: i2.DecimalPipe }] });
+            args: [{
+                    name: 'riskFileSize'
+                }]
+        }] });
 
 class AbstractFileDownloadDirective extends BaseComponent {
-    constructor(elementRef, dialogService, fileSizePipe, logger) {
-        super();
-        this.elementRef = elementRef;
-        this.dialogService = dialogService;
-        this.fileSizePipe = fileSizePipe;
-        this.logger = logger;
+    constructor() {
+        super(...arguments);
+        this.elementRef = inject(ElementRef);
+        this.dialogService = inject(DialogService);
+        this.fileSizePipe = inject(FileSizePipe);
+        this.logger = inject(Logger);
     }
     isDisabled() {
         if (this.elementRef.nativeElement.disabled === true) {
@@ -82,7 +92,7 @@ class AbstractFileDownloadDirective extends BaseComponent {
     }
     store(file) {
         setTimeout(() => {
-            saveAs(file.content, file.filename || 'data.txt');
+            window.saveAs(file.content, file.filename || 'data.txt');
         });
     }
     getDataObservable(data) {
@@ -167,19 +177,19 @@ class AbstractFileDownloadDirective extends BaseComponent {
     createBlob(data, contentType) {
         return new Blob(data, contentType);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractFileDownloadDirective, deps: [{ token: i0.ElementRef }, { token: i1.DialogService }, { token: FileSizePipe }, { token: i3.Logger }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AbstractFileDownloadDirective, inputs: { disabled: "disabled" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AbstractFileDownloadDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: AbstractFileDownloadDirective, isStandalone: true, inputs: { disabled: "disabled" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractFileDownloadDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AbstractFileDownloadDirective, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.DialogService }, { type: FileSizePipe }, { type: i3.Logger }], propDecorators: { disabled: [{
+        }], propDecorators: { disabled: [{
                 type: Input
             }] } });
 
 class AbstractFileUploadComponent extends BaseComponent {
-    constructor(renderer) {
-        super();
-        this.renderer = renderer;
+    constructor() {
+        super(...arguments);
+        this.renderer = inject(Renderer2);
         this.error = new EventEmitter(true);
         this.multiple = true;
         this.filesLoaded = new EventEmitter(true);
@@ -236,12 +246,12 @@ class AbstractFileUploadComponent extends BaseComponent {
             this.fileInputHidden = false;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractFileUploadComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AbstractFileUploadComponent, inputs: { label: "label", accept: "accept", multiple: "multiple", raised: "raised", color: "color", icon: "icon", disabled: "disabled" }, outputs: { error: "error", filesLoaded: "filesLoaded" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: MatAnchor, descendants: true, read: ElementRef }, { propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }, { propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AbstractFileUploadComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: AbstractFileUploadComponent, isStandalone: true, inputs: { label: "label", accept: "accept", multiple: "multiple", raised: "raised", color: "color", icon: "icon", disabled: "disabled" }, outputs: { error: "error", filesLoaded: "filesLoaded" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: MatAnchor, descendants: true, read: ElementRef }, { propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }, { propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractFileUploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AbstractFileUploadComponent, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { error: [{
+        }], propDecorators: { error: [{
                 type: Output
             }], label: [{
                 type: Input
@@ -300,35 +310,36 @@ class BinaryFileUploadService {
         }
         return forkJoin(fileOservables);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BinaryFileUploadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BinaryFileUploadService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: BinaryFileUploadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: BinaryFileUploadService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BinaryFileUploadService, decorators: [{
-            type: Injectable
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: BinaryFileUploadService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }] });
 
 class BinaryFileUploadComponent extends AbstractFileUploadComponent {
-    constructor(fileUploadService, renderer) {
-        super(renderer);
-        this.fileUploadService = fileUploadService;
+    constructor() {
+        super(...arguments);
+        this.fileUploadService = inject(BinaryFileUploadService);
     }
     readFiles(fileList) {
         return this.fileUploadService.readFiles(fileList);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BinaryFileUploadComponent, deps: [{ token: BinaryFileUploadService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: BinaryFileUploadComponent, selector: "risk-binary-file-upload", host: { properties: { "class.risk-binary-file-upload": "true" } }, usesInheritance: true, ngImport: i0, template: "<a *ngIf=\"raised; else notRaised\"\n   mat-raised-button\n   [disabled]=\"disabled\"\n   [color]=\"color\"\n   (mousemove)=\"move($event)\">\n    <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n    {{label}}\n    <div #wrapper\n         class=\"risk-file-upload-input-wrapper\">\n        <input *ngIf=\"!fileInputHidden\" type=\"file\"\n               id=\"fileInput\"\n               #fileInput\n               [multiple]=\"multiple\"\n               [disabled]=\"disabled\"\n               title=\"\"\n               (change)=\"handleFiles($event.target.files)\"\n               [accept]=\"accept\">\n    </div>\n</a>\n<ng-template #notRaised>\n    <a mat-button\n       [disabled]=\"disabled\"\n       [color]=\"color\"\n       (mousemove)=\"move($event)\">\n        <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n        {{label}}\n        <div #wrapper\n             class=\"risk-file-upload-input-wrapper\">\n            <input *ngIf=\"!fileInputHidden\" type=\"file\"\n                   id=\"fileInput\"\n                   #fileInput\n                   [multiple]=\"multiple\"\n                   [disabled]=\"disabled\"\n                   title=\"\"\n                   (change)=\"handleFiles($event.target.files)\"\n                   [accept]=\"accept\">\n        </div>\n    </a>\n</ng-template>\n", styles: [":host{display:block;padding:0;margin:0}:host>*{vertical-align:bottom}\n", ":host{display:inline-block}a{overflow:hidden}a .risk-file-upload-input-wrapper{width:30px;height:36px;margin-left:-15px;top:0;left:0;position:absolute;overflow:hidden;cursor:pointer;z-index:1}a .risk-file-upload-input-wrapper input{position:absolute;display:block;cursor:pointer;height:36px;font-size:36px;top:0;right:0;outline:0 none;opacity:0}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: BinaryFileUploadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: BinaryFileUploadComponent, isStandalone: true, selector: "risk-binary-file-upload", host: { properties: { "class.risk-binary-file-upload": "true" } }, usesInheritance: true, ngImport: i0, template: "@if (raised) {\n    <a\n        (mousemove)=\"move($event)\"\n        [color]=\"color\"\n        [disabled]=\"disabled\"\n        mat-raised-button>\n        @if (icon) {\n            <mat-icon>{{ icon }}</mat-icon>\n        }\n        {{ label }}\n        <div #wrapper\n             class=\"risk-file-upload-input-wrapper\">\n            @if (!fileInputHidden) {\n                <input #fileInput\n                       (change)=\"handleFiles($event.target.files)\"\n                       [accept]=\"accept\"\n                       [disabled]=\"disabled\"\n                       [multiple]=\"multiple\"\n                       id=\"fileInput\"\n                       title=\"\"\n                       type=\"file\">\n            }\n        </div>\n    </a>\n} @else {\n    <a (mousemove)=\"move($event)\"\n       [color]=\"color\"\n       [disabled]=\"disabled\"\n       mat-button>\n        @if (icon) {\n            <mat-icon>{{ icon }}</mat-icon>\n        }\n        {{ label }}\n        <div #wrapper\n             class=\"risk-file-upload-input-wrapper\">\n            @if (!fileInputHidden) {\n                <input #fileInput\n                       (change)=\"handleFiles($event.target.files)\"\n                       [accept]=\"accept\"\n                       [disabled]=\"disabled\"\n                       [multiple]=\"multiple\"\n                       id=\"fileInput\"\n                       title=\"\"\n                       type=\"file\">\n            }\n        </div>\n    </a>\n}\n", styles: [":host{display:block;padding:0;margin:0}:host>*{vertical-align:bottom}\n", ":host{display:inline-block}a{overflow:hidden}a .risk-file-upload-input-wrapper{width:30px;height:36px;margin-left:-15px;top:0;left:0;position:absolute;overflow:hidden;cursor:pointer;z-index:1}a .risk-file-upload-input-wrapper input{position:absolute;display:block;cursor:pointer;height:36px;font-size:36px;top:0;right:0;outline:0 none;opacity:0}\n"], dependencies: [{ kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BinaryFileUploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: BinaryFileUploadComponent, decorators: [{
             type: Component,
             args: [{ selector: 'risk-binary-file-upload', host: {
                         '[class.risk-binary-file-upload]': 'true'
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<a *ngIf=\"raised; else notRaised\"\n   mat-raised-button\n   [disabled]=\"disabled\"\n   [color]=\"color\"\n   (mousemove)=\"move($event)\">\n    <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n    {{label}}\n    <div #wrapper\n         class=\"risk-file-upload-input-wrapper\">\n        <input *ngIf=\"!fileInputHidden\" type=\"file\"\n               id=\"fileInput\"\n               #fileInput\n               [multiple]=\"multiple\"\n               [disabled]=\"disabled\"\n               title=\"\"\n               (change)=\"handleFiles($event.target.files)\"\n               [accept]=\"accept\">\n    </div>\n</a>\n<ng-template #notRaised>\n    <a mat-button\n       [disabled]=\"disabled\"\n       [color]=\"color\"\n       (mousemove)=\"move($event)\">\n        <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n        {{label}}\n        <div #wrapper\n             class=\"risk-file-upload-input-wrapper\">\n            <input *ngIf=\"!fileInputHidden\" type=\"file\"\n                   id=\"fileInput\"\n                   #fileInput\n                   [multiple]=\"multiple\"\n                   [disabled]=\"disabled\"\n                   title=\"\"\n                   (change)=\"handleFiles($event.target.files)\"\n                   [accept]=\"accept\">\n        </div>\n    </a>\n</ng-template>\n", styles: [":host{display:block;padding:0;margin:0}:host>*{vertical-align:bottom}\n", ":host{display:inline-block}a{overflow:hidden}a .risk-file-upload-input-wrapper{width:30px;height:36px;margin-left:-15px;top:0;left:0;position:absolute;overflow:hidden;cursor:pointer;z-index:1}a .risk-file-upload-input-wrapper input{position:absolute;display:block;cursor:pointer;height:36px;font-size:36px;top:0;right:0;outline:0 none;opacity:0}\n"] }]
-        }], ctorParameters: () => [{ type: BinaryFileUploadService }, { type: i0.Renderer2 }] });
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, imports: [MatButton, MatIcon], template: "@if (raised) {\n    <a\n        (mousemove)=\"move($event)\"\n        [color]=\"color\"\n        [disabled]=\"disabled\"\n        mat-raised-button>\n        @if (icon) {\n            <mat-icon>{{ icon }}</mat-icon>\n        }\n        {{ label }}\n        <div #wrapper\n             class=\"risk-file-upload-input-wrapper\">\n            @if (!fileInputHidden) {\n                <input #fileInput\n                       (change)=\"handleFiles($event.target.files)\"\n                       [accept]=\"accept\"\n                       [disabled]=\"disabled\"\n                       [multiple]=\"multiple\"\n                       id=\"fileInput\"\n                       title=\"\"\n                       type=\"file\">\n            }\n        </div>\n    </a>\n} @else {\n    <a (mousemove)=\"move($event)\"\n       [color]=\"color\"\n       [disabled]=\"disabled\"\n       mat-button>\n        @if (icon) {\n            <mat-icon>{{ icon }}</mat-icon>\n        }\n        {{ label }}\n        <div #wrapper\n             class=\"risk-file-upload-input-wrapper\">\n            @if (!fileInputHidden) {\n                <input #fileInput\n                       (change)=\"handleFiles($event.target.files)\"\n                       [accept]=\"accept\"\n                       [disabled]=\"disabled\"\n                       [multiple]=\"multiple\"\n                       id=\"fileInput\"\n                       title=\"\"\n                       type=\"file\">\n            }\n        </div>\n    </a>\n}\n", styles: [":host{display:block;padding:0;margin:0}:host>*{vertical-align:bottom}\n", ":host{display:inline-block}a{overflow:hidden}a .risk-file-upload-input-wrapper{width:30px;height:36px;margin-left:-15px;top:0;left:0;position:absolute;overflow:hidden;cursor:pointer;z-index:1}a .risk-file-upload-input-wrapper input{position:absolute;display:block;cursor:pointer;height:36px;font-size:36px;top:0;right:0;outline:0 none;opacity:0}\n"] }]
+        }] });
 
 class CSVFileDownloadDirective extends AbstractFileDownloadDirective {
-    constructor(dateFormatter, elementRef, dialogService, fileSizePipe, logger) {
-        super(elementRef, dialogService, fileSizePipe, logger);
-        this.dateFormatter = dateFormatter;
+    constructor() {
+        super(...arguments);
+        this.dateFormatter = inject(DateFormatter);
         this.filename = 'data.csv';
         this.crlfLineEnding = false;
     }
@@ -375,19 +386,24 @@ class CSVFileDownloadDirective extends AbstractFileDownloadDirective {
         }
         return '\n';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CSVFileDownloadDirective, deps: [{ token: i1.DateFormatter }, { token: i0.ElementRef }, { token: i1.DialogService }, { token: FileSizePipe }, { token: i3.Logger }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: CSVFileDownloadDirective, selector: "[risk-csv-download]", inputs: { columns: ["risk-csv-download-columns", "columns"], data: ["risk-csv-download", "data"], filename: ["risk-csv-download-filename", "filename"], crlfLineEnding: ["risk-csv-download-crlf", "crlfLineEnding"] }, host: { listeners: { "click": "download()" }, properties: { "class.risk-csv-download": "true" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CSVFileDownloadDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: CSVFileDownloadDirective, isStandalone: true, selector: "[risk-csv-download]", inputs: { columns: ["risk-csv-download-columns", "columns"], data: ["risk-csv-download", "data"], filename: ["risk-csv-download-filename", "filename"], crlfLineEnding: ["risk-csv-download-crlf", "crlfLineEnding"] }, host: { listeners: { "click": "download()" }, properties: { "class.risk-csv-download": "true" } }, providers: [
+            FileSizePipe
+        ], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CSVFileDownloadDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CSVFileDownloadDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[risk-csv-download]',
                     host: {
                         '[class.risk-csv-download]': 'true',
                         '(click)': 'download()'
-                    }
+                    },
+                    providers: [
+                        FileSizePipe
+                    ]
                 }]
-        }], ctorParameters: () => [{ type: i1.DateFormatter }, { type: i0.ElementRef }, { type: i1.DialogService }, { type: FileSizePipe }, { type: i3.Logger }], propDecorators: { columns: [{
+        }], propDecorators: { columns: [{
                 type: Input,
                 args: ['risk-csv-download-columns']
             }], data: [{
@@ -499,17 +515,18 @@ class CSVFileUploadService {
             }
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CSVFileUploadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CSVFileUploadService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CSVFileUploadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CSVFileUploadService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CSVFileUploadService, decorators: [{
-            type: Injectable
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CSVFileUploadService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }] });
 
 class CSVFileUploadComponent extends AbstractFileUploadComponent {
-    constructor(fileUploadService, renderer) {
-        super(renderer);
-        this.fileUploadService = fileUploadService;
+    constructor() {
+        super(...arguments);
+        this.fileUploadService = inject(CSVFileUploadService);
     }
     readFiles(fileList) {
         return this.fileUploadService.readFiles(fileList, this.nameMapper).pipe(switchMap((files) => {
@@ -530,15 +547,15 @@ class CSVFileUploadComponent extends AbstractFileUploadComponent {
             }
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CSVFileUploadComponent, deps: [{ token: CSVFileUploadService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CSVFileUploadComponent, selector: "risk-csv-file-upload", inputs: { validator: "validator", nameMapper: "nameMapper" }, host: { properties: { "class.risk-csv-file-upload": "true" } }, usesInheritance: true, ngImport: i0, template: "<a *ngIf=\"raised; else notRaised\"\n   mat-raised-button\n   [disabled]=\"disabled\"\n   [color]=\"color\"\n   (mousemove)=\"move($event)\">\n    <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n    {{label}}\n    <div #wrapper\n         class=\"risk-file-upload-input-wrapper\">\n        <input *ngIf=\"!fileInputHidden\" type=\"file\"\n               id=\"fileInput\"\n               #fileInput\n               [multiple]=\"multiple\"\n               [disabled]=\"disabled\"\n               title=\"\"\n               (change)=\"handleFiles($event.target.files)\"\n               [accept]=\"accept\">\n    </div>\n</a>\n<ng-template #notRaised>\n    <a mat-button\n       [disabled]=\"disabled\"\n       [color]=\"color\"\n       (mousemove)=\"move($event)\">\n        <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n        {{label}}\n        <div #wrapper\n             class=\"risk-file-upload-input-wrapper\">\n            <input *ngIf=\"!fileInputHidden\" type=\"file\"\n                   id=\"fileInput\"\n                   #fileInput\n                   [multiple]=\"multiple\"\n                   [disabled]=\"disabled\"\n                   title=\"\"\n                   (change)=\"handleFiles($event.target.files)\"\n                   [accept]=\"accept\">\n        </div>\n    </a>\n</ng-template>\n", styles: [":host{display:block;padding:0;margin:0}:host>*{vertical-align:bottom}\n", ":host{display:inline-block}a{overflow:hidden}a .risk-file-upload-input-wrapper{width:30px;height:36px;margin-left:-15px;top:0;left:0;position:absolute;overflow:hidden;cursor:pointer;z-index:1}a .risk-file-upload-input-wrapper input{position:absolute;display:block;cursor:pointer;height:36px;font-size:36px;top:0;right:0;outline:0 none;opacity:0}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CSVFileUploadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: CSVFileUploadComponent, isStandalone: true, selector: "risk-csv-file-upload", inputs: { validator: "validator", nameMapper: "nameMapper" }, host: { properties: { "class.risk-csv-file-upload": "true" } }, usesInheritance: true, ngImport: i0, template: "@if (raised) {\n    <a\n        (mousemove)=\"move($event)\"\n        [color]=\"color\"\n        [disabled]=\"disabled\"\n        mat-raised-button>\n        @if (icon) {\n            <mat-icon>{{ icon }}</mat-icon>\n        }\n        {{ label }}\n        <div #wrapper\n             class=\"risk-file-upload-input-wrapper\">\n            @if (!fileInputHidden) {\n                <input #fileInput\n                       (change)=\"handleFiles($event.target.files)\"\n                       [accept]=\"accept\"\n                       [disabled]=\"disabled\"\n                       [multiple]=\"multiple\"\n                       id=\"fileInput\"\n                       title=\"\"\n                       type=\"file\">\n            }\n        </div>\n    </a>\n} @else {\n    <a (mousemove)=\"move($event)\"\n       [color]=\"color\"\n       [disabled]=\"disabled\"\n       mat-button>\n        @if (icon) {\n            <mat-icon>{{ icon }}</mat-icon>\n        }\n        {{ label }}\n        <div #wrapper\n             class=\"risk-file-upload-input-wrapper\">\n            @if (!fileInputHidden) {\n                <input #fileInput\n                       (change)=\"handleFiles($event.target.files)\"\n                       [accept]=\"accept\"\n                       [disabled]=\"disabled\"\n                       [multiple]=\"multiple\"\n                       id=\"fileInput\"\n                       title=\"\"\n                       type=\"file\">\n            }\n        </div>\n    </a>\n}\n", styles: [":host{display:block;padding:0;margin:0}:host>*{vertical-align:bottom}\n", ":host{display:inline-block}a{overflow:hidden}a .risk-file-upload-input-wrapper{width:30px;height:36px;margin-left:-15px;top:0;left:0;position:absolute;overflow:hidden;cursor:pointer;z-index:1}a .risk-file-upload-input-wrapper input{position:absolute;display:block;cursor:pointer;height:36px;font-size:36px;top:0;right:0;outline:0 none;opacity:0}\n"], dependencies: [{ kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CSVFileUploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CSVFileUploadComponent, decorators: [{
             type: Component,
             args: [{ selector: 'risk-csv-file-upload', host: {
                         '[class.risk-csv-file-upload]': 'true'
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<a *ngIf=\"raised; else notRaised\"\n   mat-raised-button\n   [disabled]=\"disabled\"\n   [color]=\"color\"\n   (mousemove)=\"move($event)\">\n    <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n    {{label}}\n    <div #wrapper\n         class=\"risk-file-upload-input-wrapper\">\n        <input *ngIf=\"!fileInputHidden\" type=\"file\"\n               id=\"fileInput\"\n               #fileInput\n               [multiple]=\"multiple\"\n               [disabled]=\"disabled\"\n               title=\"\"\n               (change)=\"handleFiles($event.target.files)\"\n               [accept]=\"accept\">\n    </div>\n</a>\n<ng-template #notRaised>\n    <a mat-button\n       [disabled]=\"disabled\"\n       [color]=\"color\"\n       (mousemove)=\"move($event)\">\n        <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n        {{label}}\n        <div #wrapper\n             class=\"risk-file-upload-input-wrapper\">\n            <input *ngIf=\"!fileInputHidden\" type=\"file\"\n                   id=\"fileInput\"\n                   #fileInput\n                   [multiple]=\"multiple\"\n                   [disabled]=\"disabled\"\n                   title=\"\"\n                   (change)=\"handleFiles($event.target.files)\"\n                   [accept]=\"accept\">\n        </div>\n    </a>\n</ng-template>\n", styles: [":host{display:block;padding:0;margin:0}:host>*{vertical-align:bottom}\n", ":host{display:inline-block}a{overflow:hidden}a .risk-file-upload-input-wrapper{width:30px;height:36px;margin-left:-15px;top:0;left:0;position:absolute;overflow:hidden;cursor:pointer;z-index:1}a .risk-file-upload-input-wrapper input{position:absolute;display:block;cursor:pointer;height:36px;font-size:36px;top:0;right:0;outline:0 none;opacity:0}\n"] }]
-        }], ctorParameters: () => [{ type: CSVFileUploadService }, { type: i0.Renderer2 }], propDecorators: { validator: [{
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, imports: [MatButton, MatIcon], template: "@if (raised) {\n    <a\n        (mousemove)=\"move($event)\"\n        [color]=\"color\"\n        [disabled]=\"disabled\"\n        mat-raised-button>\n        @if (icon) {\n            <mat-icon>{{ icon }}</mat-icon>\n        }\n        {{ label }}\n        <div #wrapper\n             class=\"risk-file-upload-input-wrapper\">\n            @if (!fileInputHidden) {\n                <input #fileInput\n                       (change)=\"handleFiles($event.target.files)\"\n                       [accept]=\"accept\"\n                       [disabled]=\"disabled\"\n                       [multiple]=\"multiple\"\n                       id=\"fileInput\"\n                       title=\"\"\n                       type=\"file\">\n            }\n        </div>\n    </a>\n} @else {\n    <a (mousemove)=\"move($event)\"\n       [color]=\"color\"\n       [disabled]=\"disabled\"\n       mat-button>\n        @if (icon) {\n            <mat-icon>{{ icon }}</mat-icon>\n        }\n        {{ label }}\n        <div #wrapper\n             class=\"risk-file-upload-input-wrapper\">\n            @if (!fileInputHidden) {\n                <input #fileInput\n                       (change)=\"handleFiles($event.target.files)\"\n                       [accept]=\"accept\"\n                       [disabled]=\"disabled\"\n                       [multiple]=\"multiple\"\n                       id=\"fileInput\"\n                       title=\"\"\n                       type=\"file\">\n            }\n        </div>\n    </a>\n}\n", styles: [":host{display:block;padding:0;margin:0}:host>*{vertical-align:bottom}\n", ":host{display:inline-block}a{overflow:hidden}a .risk-file-upload-input-wrapper{width:30px;height:36px;margin-left:-15px;top:0;left:0;position:absolute;overflow:hidden;cursor:pointer;z-index:1}a .risk-file-upload-input-wrapper input{position:absolute;display:block;cursor:pointer;height:36px;font-size:36px;top:0;right:0;outline:0 none;opacity:0}\n"] }]
+        }], propDecorators: { validator: [{
                 type: Input
             }], nameMapper: [{
                 type: Input
@@ -574,45 +591,54 @@ class TextFileUploadService {
         }
         return forkJoin(fileOservables);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextFileUploadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextFileUploadService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TextFileUploadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TextFileUploadService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextFileUploadService, decorators: [{
-            type: Injectable
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TextFileUploadService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }] });
 
 class TextFileUploadComponent extends AbstractFileUploadComponent {
-    constructor(fileUploadService, renderer) {
-        super(renderer);
-        this.fileUploadService = fileUploadService;
+    constructor() {
+        super(...arguments);
+        this.fileUploadService = inject(TextFileUploadService);
     }
     readFiles(fileList) {
         return this.fileUploadService
             .readFiles(fileList);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextFileUploadComponent, deps: [{ token: TextFileUploadService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TextFileUploadComponent, selector: "risk-text-file-upload", host: { properties: { "class.risk-text-file-upload": "true" } }, usesInheritance: true, ngImport: i0, template: "<a *ngIf=\"raised; else notRaised\"\n   mat-raised-button\n   [disabled]=\"disabled\"\n   [color]=\"color\"\n   (mousemove)=\"move($event)\">\n    <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n    {{label}}\n    <div #wrapper\n         class=\"risk-file-upload-input-wrapper\">\n        <input *ngIf=\"!fileInputHidden\" type=\"file\"\n               id=\"fileInput\"\n               #fileInput\n               [multiple]=\"multiple\"\n               [disabled]=\"disabled\"\n               title=\"\"\n               (change)=\"handleFiles($event.target.files)\"\n               [accept]=\"accept\">\n    </div>\n</a>\n<ng-template #notRaised>\n    <a mat-button\n       [disabled]=\"disabled\"\n       [color]=\"color\"\n       (mousemove)=\"move($event)\">\n        <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n        {{label}}\n        <div #wrapper\n             class=\"risk-file-upload-input-wrapper\">\n            <input *ngIf=\"!fileInputHidden\" type=\"file\"\n                   id=\"fileInput\"\n                   #fileInput\n                   [multiple]=\"multiple\"\n                   [disabled]=\"disabled\"\n                   title=\"\"\n                   (change)=\"handleFiles($event.target.files)\"\n                   [accept]=\"accept\">\n        </div>\n    </a>\n</ng-template>\n", styles: [":host{display:block;padding:0;margin:0}:host>*{vertical-align:bottom}\n", ":host{display:inline-block}a{overflow:hidden}a .risk-file-upload-input-wrapper{width:30px;height:36px;margin-left:-15px;top:0;left:0;position:absolute;overflow:hidden;cursor:pointer;z-index:1}a .risk-file-upload-input-wrapper input{position:absolute;display:block;cursor:pointer;height:36px;font-size:36px;top:0;right:0;outline:0 none;opacity:0}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TextFileUploadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: TextFileUploadComponent, isStandalone: true, selector: "risk-text-file-upload", host: { properties: { "class.risk-text-file-upload": "true" } }, usesInheritance: true, ngImport: i0, template: "@if (raised) {\n    <a\n        (mousemove)=\"move($event)\"\n        [color]=\"color\"\n        [disabled]=\"disabled\"\n        mat-raised-button>\n        @if (icon) {\n            <mat-icon>{{ icon }}</mat-icon>\n        }\n        {{ label }}\n        <div #wrapper\n             class=\"risk-file-upload-input-wrapper\">\n            @if (!fileInputHidden) {\n                <input #fileInput\n                       (change)=\"handleFiles($event.target.files)\"\n                       [accept]=\"accept\"\n                       [disabled]=\"disabled\"\n                       [multiple]=\"multiple\"\n                       id=\"fileInput\"\n                       title=\"\"\n                       type=\"file\">\n            }\n        </div>\n    </a>\n} @else {\n    <a (mousemove)=\"move($event)\"\n       [color]=\"color\"\n       [disabled]=\"disabled\"\n       mat-button>\n        @if (icon) {\n            <mat-icon>{{ icon }}</mat-icon>\n        }\n        {{ label }}\n        <div #wrapper\n             class=\"risk-file-upload-input-wrapper\">\n            @if (!fileInputHidden) {\n                <input #fileInput\n                       (change)=\"handleFiles($event.target.files)\"\n                       [accept]=\"accept\"\n                       [disabled]=\"disabled\"\n                       [multiple]=\"multiple\"\n                       id=\"fileInput\"\n                       title=\"\"\n                       type=\"file\">\n            }\n        </div>\n    </a>\n}\n", styles: [":host{display:block;padding:0;margin:0}:host>*{vertical-align:bottom}\n", ":host{display:inline-block}a{overflow:hidden}a .risk-file-upload-input-wrapper{width:30px;height:36px;margin-left:-15px;top:0;left:0;position:absolute;overflow:hidden;cursor:pointer;z-index:1}a .risk-file-upload-input-wrapper input{position:absolute;display:block;cursor:pointer;height:36px;font-size:36px;top:0;right:0;outline:0 none;opacity:0}\n"], dependencies: [{ kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextFileUploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TextFileUploadComponent, decorators: [{
             type: Component,
             args: [{ selector: 'risk-text-file-upload', host: {
                         '[class.risk-text-file-upload]': 'true'
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<a *ngIf=\"raised; else notRaised\"\n   mat-raised-button\n   [disabled]=\"disabled\"\n   [color]=\"color\"\n   (mousemove)=\"move($event)\">\n    <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n    {{label}}\n    <div #wrapper\n         class=\"risk-file-upload-input-wrapper\">\n        <input *ngIf=\"!fileInputHidden\" type=\"file\"\n               id=\"fileInput\"\n               #fileInput\n               [multiple]=\"multiple\"\n               [disabled]=\"disabled\"\n               title=\"\"\n               (change)=\"handleFiles($event.target.files)\"\n               [accept]=\"accept\">\n    </div>\n</a>\n<ng-template #notRaised>\n    <a mat-button\n       [disabled]=\"disabled\"\n       [color]=\"color\"\n       (mousemove)=\"move($event)\">\n        <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n        {{label}}\n        <div #wrapper\n             class=\"risk-file-upload-input-wrapper\">\n            <input *ngIf=\"!fileInputHidden\" type=\"file\"\n                   id=\"fileInput\"\n                   #fileInput\n                   [multiple]=\"multiple\"\n                   [disabled]=\"disabled\"\n                   title=\"\"\n                   (change)=\"handleFiles($event.target.files)\"\n                   [accept]=\"accept\">\n        </div>\n    </a>\n</ng-template>\n", styles: [":host{display:block;padding:0;margin:0}:host>*{vertical-align:bottom}\n", ":host{display:inline-block}a{overflow:hidden}a .risk-file-upload-input-wrapper{width:30px;height:36px;margin-left:-15px;top:0;left:0;position:absolute;overflow:hidden;cursor:pointer;z-index:1}a .risk-file-upload-input-wrapper input{position:absolute;display:block;cursor:pointer;height:36px;font-size:36px;top:0;right:0;outline:0 none;opacity:0}\n"] }]
-        }], ctorParameters: () => [{ type: TextFileUploadService }, { type: i0.Renderer2 }] });
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, imports: [MatButton, MatIcon], template: "@if (raised) {\n    <a\n        (mousemove)=\"move($event)\"\n        [color]=\"color\"\n        [disabled]=\"disabled\"\n        mat-raised-button>\n        @if (icon) {\n            <mat-icon>{{ icon }}</mat-icon>\n        }\n        {{ label }}\n        <div #wrapper\n             class=\"risk-file-upload-input-wrapper\">\n            @if (!fileInputHidden) {\n                <input #fileInput\n                       (change)=\"handleFiles($event.target.files)\"\n                       [accept]=\"accept\"\n                       [disabled]=\"disabled\"\n                       [multiple]=\"multiple\"\n                       id=\"fileInput\"\n                       title=\"\"\n                       type=\"file\">\n            }\n        </div>\n    </a>\n} @else {\n    <a (mousemove)=\"move($event)\"\n       [color]=\"color\"\n       [disabled]=\"disabled\"\n       mat-button>\n        @if (icon) {\n            <mat-icon>{{ icon }}</mat-icon>\n        }\n        {{ label }}\n        <div #wrapper\n             class=\"risk-file-upload-input-wrapper\">\n            @if (!fileInputHidden) {\n                <input #fileInput\n                       (change)=\"handleFiles($event.target.files)\"\n                       [accept]=\"accept\"\n                       [disabled]=\"disabled\"\n                       [multiple]=\"multiple\"\n                       id=\"fileInput\"\n                       title=\"\"\n                       type=\"file\">\n            }\n        </div>\n    </a>\n}\n", styles: [":host{display:block;padding:0;margin:0}:host>*{vertical-align:bottom}\n", ":host{display:inline-block}a{overflow:hidden}a .risk-file-upload-input-wrapper{width:30px;height:36px;margin-left:-15px;top:0;left:0;position:absolute;overflow:hidden;cursor:pointer;z-index:1}a .risk-file-upload-input-wrapper input{position:absolute;display:block;cursor:pointer;height:36px;font-size:36px;top:0;right:0;outline:0 none;opacity:0}\n"] }]
+        }] });
 
 class CSVDownloadMenuComponent {
     constructor() {
         this.menuLabel = 'Download';
         this.disabled = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CSVDownloadMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CSVDownloadMenuComponent, selector: "risk-download-menu", inputs: { menuLabel: "menuLabel", menuTooltip: "menuTooltip", columns: "columns", data: "data", disabled: "disabled", filename: "filename" }, host: { properties: { "class.risk-download-menu": "true" } }, ngImport: i0, template: "<mat-menu #downloadMenu=\"matMenu\"\n          [overlapTrigger]=\"false\">\n    <a mat-menu-item\n       [risk-csv-download]=\"data\"\n       [risk-csv-download-columns]=\"columns\"\n       [risk-csv-download-filename]=\"filename\"\n       [risk-csv-download-crlf]=\"true\">\n        As CSV file (Windows)\n    </a>\n    <a mat-menu-item\n       [risk-csv-download]=\"data\"\n       [risk-csv-download-columns]=\"columns\"\n       [risk-csv-download-filename]=\"filename\">\n        As CSV file (Unix)\n    </a>\n</mat-menu>\n\n<button mat-button\n        #menu=\"matMenuTrigger\"\n        [disabled]=\"disabled\"\n        [matMenuTriggerFor]=\"downloadMenu\"\n        [class.risk-menu-open]=\"menu.menuOpen\"\n        [matTooltip]=\"menuTooltip\">\n    <mat-icon>file_download</mat-icon>\n    {{ menuLabel }}\n</button>\n", styles: [":host{display:block;padding:0;margin:0}:host>*{vertical-align:bottom}\n", ":host{display:inline-block}\n"], dependencies: [{ kind: "component", type: i3$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3$2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i4$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: CSVFileDownloadDirective, selector: "[risk-csv-download]", inputs: ["risk-csv-download-columns", "risk-csv-download", "risk-csv-download-filename", "risk-csv-download-crlf"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CSVDownloadMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: CSVDownloadMenuComponent, isStandalone: true, selector: "risk-download-menu", inputs: { menuLabel: "menuLabel", menuTooltip: "menuTooltip", columns: "columns", data: "data", disabled: "disabled", filename: "filename" }, host: { properties: { "class.risk-download-menu": "true" } }, ngImport: i0, template: "<mat-menu #downloadMenu=\"matMenu\"\n          [overlapTrigger]=\"false\">\n    <a mat-menu-item\n       [risk-csv-download]=\"data\"\n       [risk-csv-download-columns]=\"columns\"\n       [risk-csv-download-filename]=\"filename\"\n       [risk-csv-download-crlf]=\"true\">\n        As CSV file (Windows)\n    </a>\n    <a mat-menu-item\n       [risk-csv-download]=\"data\"\n       [risk-csv-download-columns]=\"columns\"\n       [risk-csv-download-filename]=\"filename\">\n        As CSV file (Unix)\n    </a>\n</mat-menu>\n\n<button mat-button\n        #menu=\"matMenuTrigger\"\n        [disabled]=\"disabled\"\n        [matMenuTriggerFor]=\"downloadMenu\"\n        [class.risk-menu-open]=\"menu.menuOpen\"\n        [matTooltip]=\"menuTooltip\">\n    <mat-icon>file_download</mat-icon>\n    {{ menuLabel }}\n</button>\n", styles: [":host{display:block;padding:0;margin:0}:host>*{vertical-align:bottom}\n", ":host{display:inline-block}\n"], dependencies: [{ kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: CSVFileDownloadDirective, selector: "[risk-csv-download]", inputs: ["risk-csv-download-columns", "risk-csv-download", "risk-csv-download-filename", "risk-csv-download-crlf"] }, { kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CSVDownloadMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CSVDownloadMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'risk-download-menu', host: {
                         '[class.risk-download-menu]': 'true'
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<mat-menu #downloadMenu=\"matMenu\"\n          [overlapTrigger]=\"false\">\n    <a mat-menu-item\n       [risk-csv-download]=\"data\"\n       [risk-csv-download-columns]=\"columns\"\n       [risk-csv-download-filename]=\"filename\"\n       [risk-csv-download-crlf]=\"true\">\n        As CSV file (Windows)\n    </a>\n    <a mat-menu-item\n       [risk-csv-download]=\"data\"\n       [risk-csv-download-columns]=\"columns\"\n       [risk-csv-download-filename]=\"filename\">\n        As CSV file (Unix)\n    </a>\n</mat-menu>\n\n<button mat-button\n        #menu=\"matMenuTrigger\"\n        [disabled]=\"disabled\"\n        [matMenuTriggerFor]=\"downloadMenu\"\n        [class.risk-menu-open]=\"menu.menuOpen\"\n        [matTooltip]=\"menuTooltip\">\n    <mat-icon>file_download</mat-icon>\n    {{ menuLabel }}\n</button>\n", styles: [":host{display:block;padding:0;margin:0}:host>*{vertical-align:bottom}\n", ":host{display:inline-block}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, imports: [
+                        MatMenu,
+                        MatMenuItem,
+                        CSVFileDownloadDirective,
+                        MatButton,
+                        MatMenuTrigger,
+                        MatTooltip,
+                        MatIcon
+                    ], template: "<mat-menu #downloadMenu=\"matMenu\"\n          [overlapTrigger]=\"false\">\n    <a mat-menu-item\n       [risk-csv-download]=\"data\"\n       [risk-csv-download-columns]=\"columns\"\n       [risk-csv-download-filename]=\"filename\"\n       [risk-csv-download-crlf]=\"true\">\n        As CSV file (Windows)\n    </a>\n    <a mat-menu-item\n       [risk-csv-download]=\"data\"\n       [risk-csv-download-columns]=\"columns\"\n       [risk-csv-download-filename]=\"filename\">\n        As CSV file (Unix)\n    </a>\n</mat-menu>\n\n<button mat-button\n        #menu=\"matMenuTrigger\"\n        [disabled]=\"disabled\"\n        [matMenuTriggerFor]=\"downloadMenu\"\n        [class.risk-menu-open]=\"menu.menuOpen\"\n        [matTooltip]=\"menuTooltip\">\n    <mat-icon>file_download</mat-icon>\n    {{ menuLabel }}\n</button>\n", styles: [":host{display:block;padding:0;margin:0}:host>*{vertical-align:bottom}\n", ":host{display:inline-block}\n"] }]
         }], propDecorators: { menuLabel: [{
                 type: Input
             }], menuTooltip: [{
@@ -628,9 +654,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class FileDownloadDirective extends AbstractFileDownloadDirective {
-    constructor(elementRef, dialogService, fileSizePipe, logger) {
-        super(elementRef, dialogService, fileSizePipe, logger);
-    }
     mapToFile(data) {
         const filename = this.filename || 'data.txt';
         if (data instanceof Blob) {
@@ -651,19 +674,24 @@ class FileDownloadDirective extends AbstractFileDownloadDirective {
             filename
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileDownloadDirective, deps: [{ token: i0.ElementRef }, { token: i1.DialogService }, { token: FileSizePipe }, { token: i3.Logger }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: FileDownloadDirective, selector: "[risk-download]", inputs: { data: ["risk-download", "data"], contentType: ["risk-download-content-type", "contentType"], filename: ["risk-download-filename", "filename"] }, host: { listeners: { "click": "download()" }, properties: { "class.risk-download": "true" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: FileDownloadDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: FileDownloadDirective, isStandalone: true, selector: "[risk-download]", inputs: { data: ["risk-download", "data"], contentType: ["risk-download-content-type", "contentType"], filename: ["risk-download-filename", "filename"] }, host: { listeners: { "click": "download()" }, properties: { "class.risk-download": "true" } }, providers: [
+            FileSizePipe
+        ], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileDownloadDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: FileDownloadDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[risk-download]',
                     host: {
                         '[class.risk-download]': 'true',
                         '(click)': 'download()'
-                    }
+                    },
+                    providers: [
+                        FileSizePipe
+                    ]
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.DialogService }, { type: FileSizePipe }, { type: i3.Logger }], propDecorators: { data: [{
+        }], propDecorators: { data: [{
                 type: Input,
                 args: ['risk-download']
             }], contentType: [{
@@ -674,70 +702,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 args: ['risk-download-filename']
             }] } });
 
-class FileModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: FileModule, declarations: [BinaryFileUploadComponent,
-            CSVFileUploadComponent,
-            TextFileUploadComponent,
-            CSVFileDownloadDirective,
-            CSVDownloadMenuComponent,
-            FileDownloadDirective,
-            FileSizePipe], imports: [CommonModule,
-            CommonViewModule,
-            LoggingModule], exports: [BinaryFileUploadComponent,
-            CSVFileUploadComponent,
-            TextFileUploadComponent,
-            CSVFileDownloadDirective,
-            CSVDownloadMenuComponent,
-            FileDownloadDirective,
-            FileSizePipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileModule, providers: [
-            BinaryFileUploadService,
-            CSVFileUploadService,
-            TextFileUploadService,
-            FileSizePipe
-        ], imports: [CommonModule,
-            CommonViewModule,
-            LoggingModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        CommonViewModule,
-                        LoggingModule
-                    ],
-                    declarations: [
-                        BinaryFileUploadComponent,
-                        CSVFileUploadComponent,
-                        TextFileUploadComponent,
-                        CSVFileDownloadDirective,
-                        CSVDownloadMenuComponent,
-                        FileDownloadDirective,
-                        FileSizePipe
-                    ],
-                    exports: [
-                        BinaryFileUploadComponent,
-                        CSVFileUploadComponent,
-                        TextFileUploadComponent,
-                        CSVFileDownloadDirective,
-                        CSVDownloadMenuComponent,
-                        FileDownloadDirective,
-                        FileSizePipe
-                    ],
-                    providers: [
-                        BinaryFileUploadService,
-                        CSVFileUploadService,
-                        TextFileUploadService,
-                        FileSizePipe
-                    ]
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractFileDownloadDirective, AbstractFileUploadComponent, BinaryFileUploadComponent, BinaryFileUploadService, CSVDownloadMenuComponent, CSVFileDownloadDirective, CSVFileUploadComponent, CSVFileUploadService, FileDownloadDirective, FileModule, FileSizePipe, TextFileUploadComponent, TextFileUploadService };
+export { AbstractFileDownloadDirective, AbstractFileUploadComponent, BinaryFileUploadComponent, BinaryFileUploadService, CSVDownloadMenuComponent, CSVFileDownloadDirective, CSVFileUploadComponent, CSVFileUploadService, FileDownloadDirective, FileSizePipe, TextFileUploadComponent, TextFileUploadService };
 //# sourceMappingURL=dbg-riskit-angular-file.mjs.map