@onemrvapublic/design-system 21.8.1-develop.3 → 22.0.0-develop.10

package/fesm2022/onemrvapublic-design-system-mat-file-upload.mjs

@@ -5,11 +5,10 @@ import * as i1 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIcon, MatIconModule } from '@angular/material/icon';
 import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
-import { TranslatePipe, TranslateService, TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe, TranslateService, TranslateDirective } from '@ngx-translate/core';
 import { MatProgressBar } from '@angular/material/progress-bar';
 import { MatDialog, MatDialogModule } from '@angular/material/dialog';
 import { BehaviorSubject, of, interval, take, map, catchError, tap, mergeMap, withLatestFrom, filter, throttle, takeWhile, switchMap, forkJoin, merge, Subject } from 'rxjs';
-import { trigger, state, transition, style, animate, keyframes } from '@angular/animations';
 import { ComponentStore } from '@ngrx/component-store';
 import { HttpEventType, HttpResponse } from '@angular/common/http';
 import { OnemRvaCDNMimeService } from '@onemrvapublic/design-system/shared';
@@ -73,30 +72,47 @@ function convertToReferencedProgressFile(id, name, message = undefined, progress
 let NEXT_ID$1 = 0;
 class OnemrvaFilePanelComponent {
     constructor() {
-        this.id = input(`onemrva-file-panel-${NEXT_ID$1++}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
-        this.dataCy = input('onemrva-file-panel-' + NEXT_ID$1, ...(ngDevMode ? [{ debugName: "dataCy" }] : /* istanbul ignore next */ []));
-        this.file = input.required(...(ngDevMode ? [{ debugName: "file" }] : /* istanbul ignore next */ []));
-        this.actions = input([], ...(ngDevMode ? [{ debugName: "actions" }] : /* istanbul ignore next */ []));
-        this.showProgress = input(true, ...(ngDevMode ? [{ debugName: "showProgress" }] : /* istanbul ignore next */ []));
-        this.displayDate = input(undefined, ...(ngDevMode ? [{ debugName: "displayDate" }] : /* istanbul ignore next */ []));
-        this.maxFileSize = input(0, ...(ngDevMode ? [{ debugName: "maxFileSize" }] : /* istanbul ignore next */ []));
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        this.id = input(`onemrva-file-panel-${NEXT_ID$1++}`, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+        this.dataCy = input('onemrva-file-panel-' + NEXT_ID$1, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dataCy" }] : /* istanbul ignore next */ []));
+        this.file = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "file" }] : /* istanbul ignore next */ []));
+        this.actions = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "actions" }] : /* istanbul ignore next */ []));
+        this.showProgress = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showProgress" }] : /* istanbul ignore next */ []));
+        this.displayDate = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "displayDate" }] : /* istanbul ignore next */ []));
+        this.maxFileSize = input(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "maxFileSize" }] : /* istanbul ignore next */ []));
+        this.disabled = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
         this.panelClick = output();
-        this.progress = computed(() => this.file().progress, ...(ngDevMode ? [{ debugName: "progress" }] : /* istanbul ignore next */ []));
-        this.size = computed(() => formattedSize(this.file().size), ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-        this.color = computed(() => this.file().color ?? OnemrvaMatColor.NONE, ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
-        this.isAccent = computed(() => this.color() === OnemrvaMatColor.ACCENT, ...(ngDevMode ? [{ debugName: "isAccent" }] : /* istanbul ignore next */ []));
-        this.isError = computed(() => this.color() === OnemrvaMatColor.ERROR, ...(ngDevMode ? [{ debugName: "isError" }] : /* istanbul ignore next */ []));
-        this.isWarn = computed(() => this.color() === OnemrvaMatColor.WARN, ...(ngDevMode ? [{ debugName: "isWarn" }] : /* istanbul ignore next */ []));
-        this.isSuccess = computed(() => this.color() === OnemrvaMatColor.SUCCESS, ...(ngDevMode ? [{ debugName: "isSuccess" }] : /* istanbul ignore next */ []));
-        this.isPrimary = computed(() => this.color() === OnemrvaMatColor.PRIMARY, ...(ngDevMode ? [{ debugName: "isPrimary" }] : /* istanbul ignore next */ []));
+        this.progress = computed(() => this.file().progress, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "progress" }] : /* istanbul ignore next */ []));
+        this.size = computed(() => formattedSize(this.file().size), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+        this.color = computed(() => this.file().color ?? OnemrvaMatColor.NONE, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+        this.isAccent = computed(() => this.color() === OnemrvaMatColor.ACCENT, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isAccent" }] : /* istanbul ignore next */ []));
+        this.isError = computed(() => this.color() === OnemrvaMatColor.ERROR, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isError" }] : /* istanbul ignore next */ []));
+        this.isWarn = computed(() => this.color() === OnemrvaMatColor.WARN, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isWarn" }] : /* istanbul ignore next */ []));
+        this.isSuccess = computed(() => this.color() === OnemrvaMatColor.SUCCESS, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isSuccess" }] : /* istanbul ignore next */ []));
+        this.isPrimary = computed(() => this.color() === OnemrvaMatColor.PRIMARY, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isPrimary" }] : /* istanbul ignore next */ []));
         this.formattedSize = formattedSize;
         this.finalActions = computed(() => {
             if (this.disabled()) {
                 return [];
             }
             return this.actions();
-        }, ...(ngDevMode ? [{ debugName: "finalActions" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "finalActions" }] : /* istanbul ignore next */ []));
     }
     onActionClick(event, action) {
         event.stopPropagation();
@@ -108,10 +124,10 @@ class OnemrvaFilePanelComponent {
         }
         this.panelClick.emit(this.file());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaFilePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: OnemrvaFilePanelComponent, isStandalone: true, selector: "file-panel", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, dataCy: { classPropertyName: "dataCy", publicName: "dataCy", isSignal: true, isRequired: false, transformFunction: null }, file: { classPropertyName: "file", publicName: "file", isSignal: true, isRequired: true, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, showProgress: { classPropertyName: "showProgress", publicName: "showProgress", isSignal: true, isRequired: false, transformFunction: null }, displayDate: { classPropertyName: "displayDate", publicName: "displayDate", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { panelClick: "panelClick" }, host: { attributes: { "tabindex": "0" }, listeners: { "click": "onPanelClick()", "keydown.enter": "onPanelClick()", "keydown.space": "$event.preventDefault(); onPanelClick()" }, properties: { "attr.id": "id()", "attr.data-cy": "dataCy()", "class.mat-accent": "isAccent()", "class.mat-error": "isError()", "class.mat-warn": "isWarn()", "class.mat-success": "isSuccess()", "class.mat-primary": "isPrimary()", "class.disabled": "disabled()", "class.no-hover": "isError() || isWarn()" } }, ngImport: i0, template: "<div class=\"file-panel-title\" [attr.data-cy]=\"dataCy()\">\n  <span class=\"file-name show-icon\">\n    {{ file().name }}\n  </span>\n  <div class=\"file-panel-title-action\">\n    @if (finalActions().length > 0) {\n      @for (action of finalActions(); track action.dataCy) {\n        <button\n          mat-icon-button\n          color=\"primary\"\n          [tabindex]=\"0\"\n          [attr.data-cy]=\"action.dataCy\"\n          matTooltip=\"{{ action.tooltipCode | translate }}\"\n          [attr.aria-label]=\"action.ariaLabel || (action.ariaCode | translate)\"\n          (click)=\"onActionClick($event, action)\"\n          (keydown.enter)=\"onActionClick($event, action)\"\n          (keydown.space)=\"onActionClick($event, action)\"\n        >\n          <mat-icon>{{ action.iconName }}</mat-icon>\n        </button>\n      }\n    }\n  </div>\n</div>\n\n<ng-content>\n  @if (displayDate()) {\n    <div class=\"fileInfos\">\n      <span>{{ displayDate() }}</span>\n\n      @if (file().size > 0) {\n        <span class=\"float-right\">{{ size() }}</span>\n      }\n    </div>\n    @if (showProgress() && file().enableProgressBar) {\n      <mat-progress-bar\n        data-cy=\"file-upload-progress\"\n        mode=\"determinate\"\n        aria-label=\"progress\"\n        [value]=\"progress()\"\n      />\n    }\n  } @else if (file().message) {\n    <p class=\"message\">\n      {{ file().message | translate: { limit: formattedSize(file().maxSize) } }}\n    </p>\n  }\n</ng-content>\n", styles: [":host{flex:1 1 100%;-webkit-user-select:none;user-select:none;border-radius:var(--border-radius);background-color:var(--mat-sys-primary-container);border:1px solid var(--mat-sys-primary-container);padding:var(--double-spacer);display:flex;flex-direction:column}:host .file-panel-title{font:var(--mat-sys-title-medium);display:flex;flex-direction:row;justify-content:space-between;width:100%}:host .file-panel-title-action{display:flex;align-items:center;max-height:1em}:host .file-panel-title-action button{color:#6e68ae}:host .file-panel-content{padding:0}:host .file-panel-content p:last-child{margin:0}:host .fileInfos{display:inline-block;width:100%;height:1.5rem;font:var(--mat-sys-body-medium)}:host .fileInfos .float-right{margin-right:var(--spacer)}:host .file-panel-title{font:var(--mat-sys-title-medium);margin-bottom:0;color:var(--mat-sys-on-primary-container);display:flex;align-items:center}:host .file-panel-title .file-name{display:flex;align-items:center;gap:0 var(--spacer)}:host .file-panel-title:before{margin-right:var(--spacer);margin-top:var(--quarter-spacer)}:host .file-panel-title .mat-progress-bar-fill:after{background:var(--mat-sys-primary)}:host .file-panel-title .mat-progress-bar-buffer{background-color:var(--mat-sys-primary-container)}:host.disabled{opacity:.4}:host:hover:not(.disabled):not(.no-hover){border:1px solid var(--Surface-Outline-Variant, #d7d5ed);cursor:pointer}:host:hover:not(.disabled):not(.no-hover) .file-name{text-decoration:underline}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaFilePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: OnemrvaFilePanelComponent, isStandalone: true, selector: "file-panel", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, dataCy: { classPropertyName: "dataCy", publicName: "dataCy", isSignal: true, isRequired: false, transformFunction: null }, file: { classPropertyName: "file", publicName: "file", isSignal: true, isRequired: true, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, showProgress: { classPropertyName: "showProgress", publicName: "showProgress", isSignal: true, isRequired: false, transformFunction: null }, displayDate: { classPropertyName: "displayDate", publicName: "displayDate", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { panelClick: "panelClick" }, host: { attributes: { "tabindex": "0" }, listeners: { "click": "onPanelClick()", "keydown.enter": "onPanelClick()", "keydown.space": "$event.preventDefault(); onPanelClick()" }, properties: { "attr.id": "id()", "attr.data-cy": "dataCy()", "class.mat-accent": "isAccent()", "class.mat-error": "isError()", "class.mat-warn": "isWarn()", "class.mat-success": "isSuccess()", "class.mat-primary": "isPrimary()", "class.disabled": "disabled()", "class.no-hover": "isError() || isWarn()" } }, ngImport: i0, template: "<div class=\"file-panel-title\" [attr.data-cy]=\"dataCy()\">\n  <span class=\"file-name show-icon\">\n    {{ file().name }}\n  </span>\n  <div class=\"file-panel-title-action\">\n    @if (finalActions().length > 0) {\n      @for (action of finalActions(); track action.dataCy) {\n        <button\n          mat-icon-button\n          color=\"primary\"\n          [tabindex]=\"0\"\n          [attr.data-cy]=\"action.dataCy\"\n          matTooltip=\"{{ action.tooltipCode | translate }}\"\n          [attr.aria-label]=\"action.ariaLabel || (action.ariaCode | translate)\"\n          (click)=\"onActionClick($event, action)\"\n          (keydown.enter)=\"onActionClick($event, action)\"\n          (keydown.space)=\"onActionClick($event, action)\"\n        >\n          <mat-icon>{{ action.iconName }}</mat-icon>\n        </button>\n      }\n    }\n  </div>\n</div>\n\n<ng-content>\n  @if (displayDate()) {\n    <div class=\"fileInfos\">\n      <span>{{ displayDate() }}</span>\n\n      @if (file().size > 0) {\n        <span class=\"float-right\">{{ size() }}</span>\n      }\n    </div>\n    @if (showProgress() && file().enableProgressBar) {\n      <mat-progress-bar\n        data-cy=\"file-upload-progress\"\n        mode=\"determinate\"\n        aria-label=\"progress\"\n        [value]=\"progress()\"\n      />\n    }\n  } @else if (file().message) {\n    <p class=\"message\">\n      {{ file().message | translate: { limit: formattedSize(file().maxSize) } }}\n    </p>\n  }\n</ng-content>\n", styles: [":host{flex:1 1 100%;-webkit-user-select:none;user-select:none;border-radius:var(--border-radius);background-color:var(--mat-sys-primary-container);border:1px solid var(--mat-sys-primary-container);padding:var(--double-spacer);display:flex;flex-direction:column}:host .file-panel-title{font:var(--mat-sys-title-medium);display:flex;flex-direction:row;justify-content:space-between;width:100%}:host .file-panel-title-action{display:flex;align-items:center;max-height:1em}:host .file-panel-title-action button{color:#6e68ae}:host .file-panel-content{padding:0}:host .file-panel-content p:last-child{margin:0}:host .fileInfos{display:inline-block;width:100%;height:1.5rem;font:var(--mat-sys-body-medium)}:host .fileInfos .float-right{margin-right:var(--spacer)}:host .file-panel-title{font:var(--mat-sys-title-medium);margin-bottom:0;color:var(--mat-sys-on-primary-container);display:flex;align-items:center}:host .file-panel-title .file-name{display:flex;align-items:center;gap:0 var(--spacer)}:host .file-panel-title:before{margin-right:var(--spacer);margin-top:var(--quarter-spacer)}:host .file-panel-title .mat-progress-bar-fill:after{background:var(--mat-sys-primary)}:host .file-panel-title .mat-progress-bar-buffer{background-color:var(--mat-sys-primary-container)}:host.disabled{opacity:.4}:host:hover:not(.disabled):not(.no-hover){border:1px solid var(--Surface-Outline-Variant, #d7d5ed);cursor:pointer}:host:hover:not(.disabled):not(.no-hover) .file-name{text-decoration:underline}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaFilePanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaFilePanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'file-panel', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         MatIcon,
@@ -171,10 +187,10 @@ class OnemrvaMatFileUploadService {
         alert(`Missing download implementation for file ID ${id}`);
         return of(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatFileUploadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatFileUploadService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatFileUploadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatFileUploadService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatFileUploadService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatFileUploadService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -480,16 +496,17 @@ class OnemrvaMatFileUploadStore extends ComponentStore {
         if (this.customValidationFn)
             this.fn = this.customValidationFn;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatFileUploadStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatFileUploadStore }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatFileUploadStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatFileUploadStore }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatFileUploadStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatFileUploadStore, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
 class DndDirective {
     constructor() {
-        this.fileOver = signal(false, ...(ngDevMode ? [{ debugName: "fileOver" }] : /* istanbul ignore next */ []));
+        this.fileOver = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "fileOver" }] : /* istanbul ignore next */ []));
         this.fileDropped = output();
     }
     // Dragover listener
@@ -514,10 +531,10 @@ class DndDirective {
             this.fileDropped.emit(files);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DndDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: DndDirective, isStandalone: true, selector: "[appDnd]", outputs: { fileDropped: "fileDropped" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "ondrop($event)" }, properties: { "class.fileover": "fileOver()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: DndDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.1", type: DndDirective, isStandalone: true, selector: "[appDnd]", outputs: { fileDropped: "fileDropped" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "ondrop($event)" }, properties: { "class.fileover": "fileOver()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DndDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: DndDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[appDnd]',
@@ -538,16 +555,26 @@ let NEXT_ID = 0;
 // TODO: Multiple customisable error messages (custom validators)
 class OnemrvaMatFileUploadComponent {
     constructor() {
-        this.accept = input([], ...(ngDevMode ? [{ debugName: "accept" }] : /* istanbul ignore next */ []));
-        this.maxFileSize = input(0, ...(ngDevMode ? [{ debugName: "maxFileSize" }] : /* istanbul ignore next */ []));
-        this.numberOfFiles = input(0, ...(ngDevMode ? [{ debugName: "numberOfFiles" }] : /* istanbul ignore next */ []));
-        this.maxTotalFileSize = input(0, ...(ngDevMode ? [{ debugName: "maxTotalFileSize" }] : /* istanbul ignore next */ []));
-        this.uploadOnDrop = input(true, ...(ngDevMode ? [{ debugName: "uploadOnDrop" }] : /* istanbul ignore next */ []));
-        this.initialFiles = input([], ...(ngDevMode ? [{ debugName: "initialFiles" }] : /* istanbul ignore next */ []));
-        this.errorMessage = input('', ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
-        this.hideExtensions = input([], ...(ngDevMode ? [{ debugName: "hideExtensions" }] : /* istanbul ignore next */ []));
-        this.dropFilesHereTextTranslationKey = input('file.upload.drag.and.drop', ...(ngDevMode ? [{ debugName: "dropFilesHereTextTranslationKey" }] : /* istanbul ignore next */ []));
-        this.filePanelTemplate = input.required(...(ngDevMode ? [{ debugName: "filePanelTemplate" }] : /* istanbul ignore next */ []));
+        this.accept = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "accept" }] : /* istanbul ignore next */ []));
+        this.maxFileSize = input(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "maxFileSize" }] : /* istanbul ignore next */ []));
+        this.numberOfFiles = input(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "numberOfFiles" }] : /* istanbul ignore next */ []));
+        this.maxTotalFileSize = input(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "maxTotalFileSize" }] : /* istanbul ignore next */ []));
+        this.uploadOnDrop = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "uploadOnDrop" }] : /* istanbul ignore next */ []));
+        this.initialFiles = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "initialFiles" }] : /* istanbul ignore next */ []));
+        this.errorMessage = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
+        this.hideExtensions = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hideExtensions" }] : /* istanbul ignore next */ []));
+        this.dropFilesHereTextTranslationKey = input('file.upload.drag.and.drop', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dropFilesHereTextTranslationKey" }] : /* istanbul ignore next */ []));
+        this.filePanelTemplate = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "filePanelTemplate" }] : /* istanbul ignore next */ []));
         this.retryFile = new EventEmitter();
         /**
          * Sets the `data-cy` of the element. If not set, the first component instance will have `data-cy` = `"onemrva-mat-multi-select-0"`.
@@ -565,7 +592,8 @@ class OnemrvaMatFileUploadComponent {
          * <onemrva-mat-multi-select id="my-first-multi-select"></onemrva-mat-multi-select>
          * ```
          */
-        this.dataCy = input(`onemrva-mat-multi-select-${NEXT_ID++}`, ...(ngDevMode ? [{ debugName: "dataCy" }] : /* istanbul ignore next */ []));
+        this.dataCy = input(`onemrva-mat-multi-select-${NEXT_ID++}`, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dataCy" }] : /* istanbul ignore next */ []));
         this.fileDropRef = viewChild.required(`fileDropRef`);
         this.inputId = `fileDropRef-${NEXT_ID}`;
         this.maxFileSizeFormatted = '';
@@ -650,56 +678,12 @@ class OnemrvaMatFileUploadComponent {
             this.fileDropRef().nativeElement.value = null;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: OnemrvaMatFileUploadComponent, isStandalone: true, selector: "onemrva-mat-file-upload", inputs: { accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, numberOfFiles: { classPropertyName: "numberOfFiles", publicName: "numberOfFiles", isSignal: true, isRequired: false, transformFunction: null }, maxTotalFileSize: { classPropertyName: "maxTotalFileSize", publicName: "maxTotalFileSize", isSignal: true, isRequired: false, transformFunction: null }, uploadOnDrop: { classPropertyName: "uploadOnDrop", publicName: "uploadOnDrop", isSignal: true, isRequired: false, transformFunction: null }, initialFiles: { classPropertyName: "initialFiles", publicName: "initialFiles", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, hideExtensions: { classPropertyName: "hideExtensions", publicName: "hideExtensions", isSignal: true, isRequired: false, transformFunction: null }, dropFilesHereTextTranslationKey: { classPropertyName: "dropFilesHereTextTranslationKey", publicName: "dropFilesHereTextTranslationKey", isSignal: true, isRequired: false, transformFunction: null }, filePanelTemplate: { classPropertyName: "filePanelTemplate", publicName: "filePanelTemplate", isSignal: true, isRequired: true, transformFunction: null }, dataCy: { classPropertyName: "dataCy", publicName: "dataCy", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-cy": "dataCy()" } }, viewQueries: [{ propertyName: "fileDropRef", first: true, predicate: ["fileDropRef"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (files$ | async; as files) {\n  <div\n    class=\"onemrva-mat-file-upload-drop-area\"\n    appDnd\n    (fileDropped)=\"onFileDropped($event)\"\n    [class.filein]=\"files.length > 0\"\n  >\n    <input\n      type=\"file\"\n      #fileDropRef\n      [attr.id]=\"inputId\"\n      role=\"button\"\n      multiple\n      (change)=\"fileBrowseHandler($event)\"\n      accept=\"{{ acceptString$ | async }}\"\n    />\n    @if (numberOfFiles() === 0 || numberOfFiles() > files.length) {\n      <div class=\"download-outer\">\n        <div class=\"download-icon\">\n          <mat-icon class=\"onemrva-upload xxlarge\">download</mat-icon>\n        </div>\n\n        <div class=\"download-text\">\n          {{ dropFilesHereTextTranslationKey() | translate }}\n          {{ 'file.upload.or' | translate }}\n          <label for=\"{{ inputId }}\" class=\"content\">\n            {{ 'file.upload.browse.for.file' | translate }} </label\n          ><br />\n          @if (maxFileSize() > 0) {\n            <span class=\"restrictions\">\n              {{ 'file.upload.maximum' | translate }}\n              {{ maxFileSizeFormatted }}\n\n              @if (accept().length > 0) {\n                <span>{{ '| ' }}</span>\n              }\n\n              {{ acceptString$ | async }}\n            </span>\n          }\n        </div>\n      </div>\n    }\n    <ul class=\"files-list\">\n      @for (file of files; track file.id) {\n        <li>\n          <ng-container\n            *ngTemplateOutlet=\"\n              filePanelTemplate();\n              context: { file, $implicit: file }\n            \"\n          />\n        </li>\n      }\n    </ul>\n  </div>\n  @if (fileUploadErrorMessage$ | async; as fileUploadErrorMessage) {\n    <mat-error>\n      {{\n        fileUploadErrorMessage\n          | translate\n            : {\n                limit: numberOfFiles(),\n                maxTotalFileSize: formattedSize(maxTotalFileSize()),\n              }\n      }}\n      @if (errorMessage() !== '') {\n        [ {{ errorMessage() }} ]\n      }\n    </mat-error>\n  }\n}\n", styles: [":host .mat-mdc-form-field-error{margin-bottom:var(--spacer);padding:var(--spacer) 1em;background-color:var(--mat-sys-error-container);color:var(--mat-sys-on-error-container);border-bottom:1px solid var(--mat-sys-error);display:flex;line-height:1.125rem}:host .mat-mdc-form-field-error:before{font-family:var(--icon-font);content:\"\\e000\";float:left;font-size:1rem;font-variation-settings:\"FILL\" 1;margin-right:var(--spacer);vertical-align:baseline;flex:0 0 var(--double-spacer)}:host ul{list-style:none;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0}:host ul li{width:100%}:host .onemrva-mat-file-upload-drop-area{padding:var(--triple-spacer);text-align:left;border:dashed 2px var(--mat-sys-outline);position:relative;border-radius:var(--border-radius);transition:background-color .3s ease-in-out,border .3s ease-in-out}:host .onemrva-mat-file-upload-drop-area mat-icon{color:var(--mat-sys-primary)}:host .onemrva-mat-file-upload-drop-area.fu-error{border:dashed 2px var(--mat-sys-error)}:host .onemrva-mat-file-upload-drop-area input[type=file]{display:none}:host .onemrva-mat-file-upload-drop-area .download-outer{display:flex;width:100%;margin:0}:host .onemrva-mat-file-upload-drop-area .download-outer .download-icon{padding-right:var(--double-spacer)}:host .onemrva-mat-file-upload-drop-area .download-outer .download-text label{display:block;color:var(--mat-sys-primary);text-decoration:underline;cursor:pointer;font-weight:700}:host .onemrva-mat-file-upload-drop-area .download-outer .download-text .restrictions{display:block;color:var(--mat-sys-on-surface-variant);margin-bottom:0}:host .onemrva-mat-file-upload-drop-area.filein .download-outer{margin:0 0 var(--triple-spacer) 0}:host .onemrva-mat-file-upload-drop-area.fileover{background:var(--mat-sys-primary-container);border:2px dashed var(--mat-sys-primary)}:host .onemrva-mat-file-upload-drop-area .files-list{display:flex;flex-flow:row wrap;gap:var(--double-spacer)}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: DndDirective, selector: "[appDnd]", outputs: ["fileDropped"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], animations: [
-            trigger('inOutAnimation', [
-                state('in', style({ opacity: 1 })),
-                transition(':enter', [
-                    animate(300, keyframes([
-                        style({ opacity: 0, offset: 0 }),
-                        style({ opacity: 0.25, offset: 0.25 }),
-                        style({ opacity: 0.5, offset: 0.5 }),
-                        style({ opacity: 0.75, offset: 0.75 }),
-                        style({ opacity: 1, offset: 1 }),
-                    ])),
-                ]),
-                transition(':leave', [
-                    animate(300, keyframes([
-                        style({ opacity: 1, offset: 0 }),
-                        style({ opacity: 0.75, offset: 0.25 }),
-                        style({ opacity: 0.5, offset: 0.5 }),
-                        style({ opacity: 0.25, offset: 0.75 }),
-                        style({ opacity: 0, offset: 1 }),
-                    ])),
-                ]),
-            ]),
-        ] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: OnemrvaMatFileUploadComponent, isStandalone: true, selector: "onemrva-mat-file-upload", inputs: { accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, numberOfFiles: { classPropertyName: "numberOfFiles", publicName: "numberOfFiles", isSignal: true, isRequired: false, transformFunction: null }, maxTotalFileSize: { classPropertyName: "maxTotalFileSize", publicName: "maxTotalFileSize", isSignal: true, isRequired: false, transformFunction: null }, uploadOnDrop: { classPropertyName: "uploadOnDrop", publicName: "uploadOnDrop", isSignal: true, isRequired: false, transformFunction: null }, initialFiles: { classPropertyName: "initialFiles", publicName: "initialFiles", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, hideExtensions: { classPropertyName: "hideExtensions", publicName: "hideExtensions", isSignal: true, isRequired: false, transformFunction: null }, dropFilesHereTextTranslationKey: { classPropertyName: "dropFilesHereTextTranslationKey", publicName: "dropFilesHereTextTranslationKey", isSignal: true, isRequired: false, transformFunction: null }, filePanelTemplate: { classPropertyName: "filePanelTemplate", publicName: "filePanelTemplate", isSignal: true, isRequired: true, transformFunction: null }, dataCy: { classPropertyName: "dataCy", publicName: "dataCy", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-cy": "dataCy()" } }, viewQueries: [{ propertyName: "fileDropRef", first: true, predicate: ["fileDropRef"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (files$ | async; as files) {\n  <div\n    class=\"onemrva-mat-file-upload-drop-area\"\n    appDnd\n    (fileDropped)=\"onFileDropped($event)\"\n    [class.filein]=\"files.length > 0\"\n  >\n    <input\n      type=\"file\"\n      #fileDropRef\n      [attr.id]=\"inputId\"\n      role=\"button\"\n      multiple\n      (change)=\"fileBrowseHandler($event)\"\n      accept=\"{{ acceptString$ | async }}\"\n    />\n    @if (numberOfFiles() === 0 || numberOfFiles() > files.length) {\n      <div class=\"download-outer\">\n        <div class=\"download-icon\">\n          <mat-icon class=\"onemrva-upload xxlarge\">download</mat-icon>\n        </div>\n\n        <div class=\"download-text\">\n          {{ dropFilesHereTextTranslationKey() | translate }}\n          {{ 'file.upload.or' | translate }}\n          <label for=\"{{ inputId }}\" class=\"content\">\n            {{ 'file.upload.browse.for.file' | translate }} </label\n          ><br />\n          @if (maxFileSize() > 0) {\n            <span class=\"restrictions\">\n              {{ 'file.upload.maximum' | translate }}\n              {{ maxFileSizeFormatted }}\n\n              @if (accept().length > 0) {\n                <span>{{ '| ' }}</span>\n              }\n\n              {{ acceptString$ | async }}\n            </span>\n          }\n        </div>\n      </div>\n    }\n    <ul class=\"files-list\">\n      @for (file of files; track file.id) {\n        <li>\n          <ng-container\n            *ngTemplateOutlet=\"\n              filePanelTemplate();\n              context: { file, $implicit: file }\n            \"\n          />\n        </li>\n      }\n    </ul>\n  </div>\n  @if (fileUploadErrorMessage$ | async; as fileUploadErrorMessage) {\n    <mat-error>\n      {{\n        fileUploadErrorMessage\n          | translate\n            : {\n                limit: numberOfFiles(),\n                maxTotalFileSize: formattedSize(maxTotalFileSize()),\n              }\n      }}\n      @if (errorMessage() !== '') {\n        [ {{ errorMessage() }} ]\n      }\n    </mat-error>\n  }\n}\n", styles: [":host .mat-mdc-form-field-error{margin-bottom:var(--spacer);padding:var(--spacer) 1em;background-color:var(--mat-sys-error-container);color:var(--mat-sys-on-error-container);border-bottom:1px solid var(--mat-sys-error);display:flex;line-height:1.125rem}:host .mat-mdc-form-field-error:before{font-family:var(--icon-font);content:\"\\e000\";float:left;font-size:1rem;font-variation-settings:\"FILL\" 1;margin-right:var(--spacer);vertical-align:baseline;flex:0 0 var(--double-spacer)}:host ul{list-style:none;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0}:host ul li{width:100%}:host .onemrva-mat-file-upload-drop-area{padding:var(--triple-spacer);text-align:left;border:dashed 2px var(--mat-sys-outline);position:relative;border-radius:var(--border-radius);transition:background-color .3s ease-in-out,border .3s ease-in-out}:host .onemrva-mat-file-upload-drop-area mat-icon{color:var(--mat-sys-primary)}:host .onemrva-mat-file-upload-drop-area.fu-error{border:dashed 2px var(--mat-sys-error)}:host .onemrva-mat-file-upload-drop-area input[type=file]{display:none}:host .onemrva-mat-file-upload-drop-area .download-outer{display:flex;width:100%;margin:0}:host .onemrva-mat-file-upload-drop-area .download-outer .download-icon{padding-right:var(--double-spacer)}:host .onemrva-mat-file-upload-drop-area .download-outer .download-text label{display:block;color:var(--mat-sys-primary);text-decoration:underline;cursor:pointer;font-weight:700}:host .onemrva-mat-file-upload-drop-area .download-outer .download-text .restrictions{display:block;color:var(--mat-sys-on-surface-variant);margin-bottom:0}:host .onemrva-mat-file-upload-drop-area.filein .download-outer{margin:0 0 var(--triple-spacer) 0}:host .onemrva-mat-file-upload-drop-area.fileover{background:var(--mat-sys-primary-container);border:2px dashed var(--mat-sys-primary)}:host .onemrva-mat-file-upload-drop-area .files-list{display:flex;flex-flow:row wrap;gap:var(--double-spacer)}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: DndDirective, selector: "[appDnd]", outputs: ["fileDropped"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatFileUploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatFileUploadComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-mat-file-upload', standalone: true, animations: [
-                        trigger('inOutAnimation', [
-                            state('in', style({ opacity: 1 })),
-                            transition(':enter', [
-                                animate(300, keyframes([
-                                    style({ opacity: 0, offset: 0 }),
-                                    style({ opacity: 0.25, offset: 0.25 }),
-                                    style({ opacity: 0.5, offset: 0.5 }),
-                                    style({ opacity: 0.75, offset: 0.75 }),
-                                    style({ opacity: 1, offset: 1 }),
-                                ])),
-                            ]),
-                            transition(':leave', [
-                                animate(300, keyframes([
-                                    style({ opacity: 1, offset: 0 }),
-                                    style({ opacity: 0.75, offset: 0.25 }),
-                                    style({ opacity: 0.5, offset: 0.5 }),
-                                    style({ opacity: 0.25, offset: 0.75 }),
-                                    style({ opacity: 0, offset: 1 }),
-                                ])),
-                            ]),
-                        ]),
-                    ], imports: [
+            args: [{ selector: 'onemrva-mat-file-upload', standalone: true, imports: [
                         AsyncPipe,
                         MatIcon,
                         TranslatePipe,
@@ -717,27 +701,27 @@ const components = [
 ];
 
 class OnemrvaMatFileUploadModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatFileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatFileUploadModule, imports: [OnemrvaFilePanelComponent, OnemrvaMatFileUploadComponent, DndDirective,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatFileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatFileUploadModule, imports: [OnemrvaFilePanelComponent, OnemrvaMatFileUploadComponent, DndDirective,
             CommonModule,
             ReactiveFormsModule,
             MatButtonModule,
             MatTooltipModule,
             MatDialogModule,
-            TranslateModule,
+            TranslatePipe,
+            TranslateDirective,
             MatIconModule,
             MatInputModule], exports: [OnemrvaFilePanelComponent, OnemrvaMatFileUploadComponent, DndDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatFileUploadModule, providers: [OnemrvaMatFileUploadStore, OnemrvaMatFileUploadService], imports: [components,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatFileUploadModule, providers: [OnemrvaMatFileUploadStore, OnemrvaMatFileUploadService], imports: [components,
             CommonModule,
             ReactiveFormsModule,
             MatButtonModule,
             MatTooltipModule,
             MatDialogModule,
-            TranslateModule,
             MatIconModule,
             MatInputModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatFileUploadModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatFileUploadModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -749,7 +733,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                         MatButtonModule,
                         MatTooltipModule,
                         MatDialogModule,
-                        TranslateModule,
+                        TranslatePipe,
+                        TranslateDirective,
                         MatIconModule,
                         MatInputModule,
                     ],