@onemrvapublic/design-system 1.0.0-beta.4 → 1.0.0-develop.1

package/mat-carousel/src/onemrva-mat-carousel.component.scss

@@ -1,53 +1,46 @@
-@use '../../utils';
-
-@mixin carousel($theme) {
-  onemrva-mat-carousel {
-    position: relative;
+:host {
+  position: relative;
+  display: block;
+  width: calc(100% - 128px);
+  overflow: hidden;
+  padding: 0 calc(var(--spacer) * 8);
+  .carousel-wrapper {
     display: block;
-    width: calc(100% - 128px);
+    width: 60000px;
+    position: relative;
     overflow: hidden;
-    padding: 0 64px;
-    .carousel-wrapper {
-      display: block;
-      width: 60000px;
-      position: relative;
-      overflow: hidden;
-      margin: 0;
-      padding: 0;
-      onemrva-mat-carousel-item {
-        vertical-align: top;
-        position: relative;
-        display: inline-block;
-      }
+    margin: 0;
+    padding: 0;
+  }
+
+  .controls {
+    position: absolute;
+    top: calc(50% - 2rem);
+    z-index: 6;
+    &.next {
+      float: right;
+      right: 2rem;
     }
-    .controls {
-      position: absolute;
-      top: calc(50% - 32px);
-      z-index: 6;
-      &.next {
-        float: right;
-        right: 30px;
-      }
-      &.previous {
-        float: left;
-        left: 30px;
-      }
+    &.previous {
+      float: left;
+      left: 2rem;
     }
+  }
 
-    .dots {
-      text-align: center;
-      .dot {
-        cursor: pointer;
-        width: 10px;
-        height: 10px;
-        margin: 0 6px;
-        background-color: utils.palette($theme, 'grayscale', 300);
-        border-radius: 50%;
-        display: inline-block;
-        transition: background-color 0.6s ease;
-        &.active {
-          background-color: utils.palette($theme, 'primary');
-        }
+  .dots {
+    text-align: center;
+    margin-top: var(--spacer);
+    .dot {
+      cursor: pointer;
+      width: 0.75rem;
+      height: 0.75rem;
+      margin: var(--spacer);
+      background-color: var(--mat-sys-outline-variant);
+      border-radius: 50%;
+      display: inline-block;
+      transition: background-color 0.6s ease;
+      &.active {
+        background-color: var(--mat-sys-primary);
       }
     }
   }

package/mat-choice-chip/index.d.ts

@@ -0,0 +1,20 @@
+import { MatFormFieldControl } from '@angular/material/form-field';
+import * as i0 from '@angular/core';
+
+declare class OnemrvaMatChoiceChipComponent extends MatFormFieldControl<any> {
+    checked: boolean;
+    disabled: boolean;
+    _value: any;
+    get opacity(): 1 | 0.4;
+    onContainerClick(event: MouseEvent): void;
+    setDescribedByIds(ids: string[]): void;
+    onChange: (_values: any[]) => void;
+    onTouched: () => void;
+    writeValue(value: any): void;
+    registerOnChange(fn: (value: any[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatChoiceChipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatChoiceChipComponent, "onemrva-mat-choice-chip", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+export { OnemrvaMatChoiceChipComponent };

package/mat-choice-chip/src/onemrva-mat-choice-chip.component.scss

@@ -0,0 +1,83 @@
+@use '@angular/material' as mat;
+
+onemrva-mat-choice-chip {
+  @include mat.checkbox-overrides(
+    (
+      selected-checkmark-color: var(--mat-sys-on-primary),
+    )
+  );
+
+  mat-checkbox {
+    border: 1px solid var(--mat-sys-primary);
+    border-radius: var(--button-border-radius);
+    background: var(--mat-sys-primary-container);
+    padding: 0;
+    label {
+      color: var(--mat-sys-primary);
+      font-family: var(--mat-sys-label-large-font);
+      font-size: var(--mat-sys-label-large-size);
+      font-weight: var(--mat-sys-label-large-weight);
+      line-height: var(--mat-sys-label-large-line-height);
+    }
+    &.mat-mdc-checkbox-checked {
+      background-color: var(--mat-sys-primary);
+      color: var(--mat-sys-on-primary);
+
+      .mdc-checkbox__background {
+        background-color: var(--mat-sys-primary);
+        background: none !important;
+        border: none !important;
+        top: -6px;
+        left: 10px;
+      }
+
+      label {
+        line-height: var(--mdc-chip-container-height);
+        padding: 5px 14px 5px 22px;
+        color: var(--mat-sys-on-primary);
+      }
+    }
+    .mdc-checkbox__ripple {
+      display: none;
+    }
+    .mdc-form-field {
+      display: inline-block;
+
+      .mdc-checkbox {
+        padding: 0;
+        margin: 0;
+        transition: width 400ms;
+
+        .mdc-checkbox__ripple,
+        input {
+          display: none;
+        }
+      }
+    }
+
+    &:not(.mat-mdc-checkbox-checked) {
+      label {
+        line-height: var(--mdc-chip-container-height);
+        padding: 5px 14px;
+      }
+      .mdc-checkbox {
+        visibility: hidden;
+        width: 1px;
+      }
+    }
+
+    &.mdc-checkbox--disabled {
+      background-color: var(--mat-sys-primary-container);
+      border-color: var(--mat-sys-primary-fixed-dim);
+
+      .mdc-checkbox__background {
+        .mdc-checkbox__checkmark {
+          color: var(--mat-sys-primary-fixed-dim);
+        }
+      }
+      label {
+        color: var(--mat-sys-on-surface);
+      }
+    }
+  }
+}

package/mat-copy-to-clipboard/index.d.ts

@@ -0,0 +1,26 @@
+import * as i0 from '@angular/core';
+import { ElementRef, EventEmitter } from '@angular/core';
+import { MatTooltip } from '@angular/material/tooltip';
+
+declare class OnemrvaCopyToClipboardComponent {
+    private elt;
+    private translate;
+    private clipboard;
+    checked: boolean;
+    content: ElementRef;
+    matTooltip: MatTooltip;
+    tooltip: string;
+    onCopy: EventEmitter<void>;
+    onClick: EventEmitter<Event>;
+    onHover: EventEmitter<Event>;
+    onLeave: EventEmitter<Event>;
+    clicked(e: Event): void;
+    onMouseEnter(e: Event): void;
+    onMouseLeave(e: Event): void;
+    get getTooltipText(): any;
+    copy($event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaCopyToClipboardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaCopyToClipboardComponent, "copy-to-clipboard", never, { "tooltip": { "alias": "tooltip"; "required": false; }; }, { "onCopy": "onCopy"; "onClick": "onClick"; "onHover": "onHover"; "onLeave": "onLeave"; }, never, ["*"], true, never>;
+}
+
+export { OnemrvaCopyToClipboardComponent };

package/mat-country-item/index.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from '@angular/core';
+
+declare class OnemrvaCountryItemComponent {
+    countryCode: string | null;
+    countryName: string | null | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaCountryItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaCountryItemComponent, "mat-country-item", never, { "countryCode": { "alias": "countryCode"; "required": false; }; "countryName": { "alias": "countryName"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+export { OnemrvaCountryItemComponent };

package/{mat-input-birthplace/src/country-item.component.scss → mat-country-item/src/onemrva-mat-country-item.component.scss}

@@ -1,10 +1,15 @@
 .onemrva-country-item {
   display: flex;
   align-items: center;
-
   .description {
     display: flex;
     margin-left: 0.5em;
     text-transform: capitalize;
   }
 }
+
+.mat-form-field-disabled {
+  .onemrva-country-item flag-icon {
+    opacity: 0.4;
+  }
+}

package/mat-datepicker-header/index.d.ts

@@ -0,0 +1,44 @@
+import { MatCalendar } from '@angular/material/datepicker';
+import * as i0 from '@angular/core';
+
+declare class OnemrvaMatDatepickerHeaderComponent<D> {
+    private _intl;
+    calendar: MatCalendar<D>;
+    private _dateAdapter;
+    private _dateFormats;
+    setToday(): void;
+    /** The display text for the current calendar view. */
+    get periodButtonText(): string;
+    /** The aria description for the current calendar view. */
+    get periodButtonDescription(): string;
+    /** The `aria-label` for changing the calendar view. */
+    get periodButtonLabel(): string;
+    /** The label for the previous button. */
+    get prevButtonLabel(): string;
+    /** The label for the next button. */
+    get nextButtonLabel(): string;
+    /** Handles user clicks on the period label. */
+    currentPeriodClicked(): void;
+    /** Handles user clicks on the previous button. */
+    previousClicked(): void;
+    /** Handles user clicks on the next button. */
+    nextClicked(): void;
+    /** Whether the previous period button is enabled. */
+    previousEnabled(): boolean;
+    /** Whether the next period button is enabled. */
+    nextEnabled(): boolean;
+    /** Whether the two dates represent the same view in the current view mode (month or year). */
+    private _isSameView;
+    /**
+     * Format two individual labels for the minimum year and maximum year available in the multi-year
+     * calendar view. Returns an array of two strings where the first string is the formatted label
+     * for the minimum year, and the second string is the formatted label for the maximum year.
+     */
+    private _formatMinAndMaxYearLabels;
+    private _id;
+    _periodButtonLabelId: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatDatepickerHeaderComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatDatepickerHeaderComponent<any>, "onemrva-mat-datepicker-header", never, {}, {}, never, ["*"], true, never>;
+}
+
+export { OnemrvaMatDatepickerHeaderComponent };

package/mat-datepicker-header/src/onemrva-mat-datepicker-header.component.scss

@@ -0,0 +1,8 @@
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+a.onemrva-calendar-header-today {
+  font-size: 12px;
+  color: var(--mat-sys-primary);
+  text-decoration: none;
+}

package/mat-empty-row/index.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+
+/**
+ *
+ */
+declare class OnemrvaMatEmptyRowComponent {
+    private cdn;
+    private translate;
+    noresultimg: string;
+    buttonText: string;
+    text: string;
+    imageAlt: string;
+    clear: EventEmitter<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatEmptyRowComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatEmptyRowComponent, "onemrva-mat-empty-row", never, { "buttonText": { "alias": "buttonText"; "required": false; }; "text": { "alias": "text"; "required": false; }; "imageAlt": { "alias": "imageAlt"; "required": false; }; }, { "clear": "clear"; }, never, ["*"], true, never>;
+}
+
+export { OnemrvaMatEmptyRowComponent };

package/mat-empty-row/src/onemrva-mat-empty-row.component.scss

@@ -0,0 +1,29 @@
+onemrva-mat-empty-row {
+  display: grid;
+  grid-template-columns: repeat(6, 1FR);
+  grid-template-rows: repeat(2, 1FR);
+  justify-items: center;
+  gap: 15px;
+
+  span.img {
+    grid-area: 1/1/3/2;
+    display: block;
+    min-width: 80px;
+    min-height: 80px;
+    height: 10vw;
+    width: 10vw;
+    margin: 32px;
+    position: relative;
+    float: left;
+  }
+  span.text {
+    grid-area: 1/2/2/7;
+    justify-self: start;
+    align-self: end;
+  }
+  button {
+    grid-area: 2/2/3/7;
+    justify-self: start;
+    align-self: start;
+  }
+}

package/mat-file-upload/index.d.ts

@@ -0,0 +1,301 @@
+import * as i0 from '@angular/core';
+import { OnInit, TemplateRef, EventEmitter, ElementRef, InjectionToken } from '@angular/core';
+import * as rxjs from 'rxjs';
+import { Observable, Subscription, BehaviorSubject } from 'rxjs';
+import { OnemrvaMatColor } from '@onemrvapublic/design-system/utils';
+import * as i8 from '@angular/material/dialog';
+import { MatDialog } from '@angular/material/dialog';
+import { OnemRvaCDNMimeService } from '@onemrvapublic/design-system/shared';
+import * as i4 from '@angular/common';
+import * as i5 from '@angular/forms';
+import * as i6 from '@angular/material/button';
+import * as i7 from '@angular/material/tooltip';
+import * as i9 from '@ngx-translate/core';
+import * as i10 from '@angular/material/icon';
+import * as i11 from '@angular/material/input';
+import { ComponentStore } from '@ngrx/component-store';
+import { HttpEvent } from '@angular/common/http';
+
+interface ProgressFile {
+    file?: File;
+    message: string;
+    progress: number;
+    color: OnemrvaMatColor;
+    url: string | null;
+    id: string | null;
+    enableProgressBar: boolean;
+    data?: any;
+    name: string;
+    lastModified?: number;
+    size: number;
+    type: string;
+    maxSize: number | null;
+}
+interface ReferencedProgressFile extends ProgressFile {
+    ref: symbol;
+}
+/**
+ * format bytes
+ * @param bytes (File size in bytes)
+ * @param decimals (Decimals point)
+ */
+declare function formatBytes(bytes: number, decimals?: number): string;
+declare function formattedSize(size: number | null, decimals?: number): string;
+declare function convertToProgressFile(id: string, name: string, message?: string, progress?: number, color?: "primary", url?: string | null, enableProgressBar?: boolean, data?: string | null, size?: number, type?: string, maxSize?: null): ProgressFile;
+declare function convertToReferencedProgressFile(id: string, name: string, message?: string, progress?: number, color?: "primary", url?: string | null, enableProgressBar?: boolean, data?: string | null, size?: number, type?: string, maxSize?: null): ReferencedProgressFile;
+
+interface ActionConfig {
+    iconName: string;
+    dataCy?: string;
+    tooltipCode: string;
+    ariaCode: string;
+    clickHandler: (file: ReferencedProgressFile) => void;
+    showAction: (file: ReferencedProgressFile) => boolean;
+}
+
+declare class OnemrvaFilePanelComponent {
+    id: string;
+    dataCy: string;
+    file: ReferencedProgressFile;
+    actions: ActionConfig[];
+    showProgress: boolean;
+    displayDate: string;
+    maxFileSize: number;
+    get progress$(): rxjs.Observable<number>;
+    get size(): string;
+    get color(): OnemrvaMatColor;
+    /** @hidden @internal */
+    get _colorAccent(): boolean;
+    /** @hidden @internal */
+    get _isError(): boolean;
+    /** @hidden @internal */
+    get _isWarn(): boolean;
+    /** @hidden @internal */
+    get _isSuccess(): boolean;
+    /** @hidden @internal */
+    get _isPrimary(): boolean;
+    protected readonly formattedSize: typeof formattedSize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaFilePanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaFilePanelComponent, "file-panel", never, { "id": { "alias": "id"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "file": { "alias": "file"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "showProgress": { "alias": "showProgress"; "required": false; }; "displayDate": { "alias": "displayDate"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class OnemrvaMatFileUploadComponent implements OnInit {
+    accept: string[];
+    acceptString$?: Observable<any>;
+    maxFileSize: number;
+    numberOfFiles: number;
+    maxTotalFileSize: number;
+    uploadOnDrop: boolean;
+    initialFiles: ProgressFile[];
+    errorMessage: string;
+    hideExtensions: string[];
+    dropFilesHereTextTranslationKey: string;
+    fileUploadErrorMessage$: Observable<string>;
+    files$: Observable<ReferencedProgressFile[]>;
+    filePanelTemplate: TemplateRef<any>;
+    retryFile: EventEmitter<{
+        index: number;
+        cmpRef: symbol;
+    }>;
+    /**
+     * Sets the `data-cy` of the element. If not set, the first component instance will have `data-cy` = `"onemrva-mat-multi-select-0"`.
+     *
+     * @example
+     * ```html
+     * <onemrva-mat-multi-select id="my-first-multi-select"></onemrva-mat-multi-select>
+     * ```
+     */
+    dataCy: string;
+    fileDropRef: ElementRef;
+    inputId: string;
+    maxFileSizeFormatted: string;
+    private error$;
+    dialog: MatDialog;
+    mimeCDN: OnemRvaCDNMimeService;
+    private fileUploadStore;
+    constructor();
+    ngOnInit(): void;
+    /**
+     * on file drop handler
+     */
+    onFileDropped($event: FileList): void;
+    /**
+     * handle file from browsing
+     */
+    fileBrowseHandler($event: Event): void;
+    /**
+     * Convert Files list to normal array list
+     * @param files (Files List)
+     */
+    prepareFilesList(files: FileList): void;
+    protected readonly formattedSize: typeof formattedSize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatFileUploadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatFileUploadComponent, "onemrva-mat-file-upload", never, { "accept": { "alias": "accept"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "numberOfFiles": { "alias": "numberOfFiles"; "required": false; }; "maxTotalFileSize": { "alias": "maxTotalFileSize"; "required": false; }; "uploadOnDrop": { "alias": "uploadOnDrop"; "required": false; }; "initialFiles": { "alias": "initialFiles"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "hideExtensions": { "alias": "hideExtensions"; "required": false; }; "dropFilesHereTextTranslationKey": { "alias": "dropFilesHereTextTranslationKey"; "required": false; }; "filePanelTemplate": { "alias": "filePanelTemplate"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare const components: any[];
+
+declare class DndDirective {
+    fileOver: boolean;
+    fileDropped: EventEmitter<any>;
+    onDragOver(evt: Event): void;
+    onDragLeave(evt: Event): void;
+    ondrop(evt: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DndDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DndDirective, "[appDnd]", never, {}, { "fileDropped": "fileDropped"; }, never, never, true, never>;
+}
+
+declare class OnemrvaMatFileUploadModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatFileUploadModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaMatFileUploadModule, never, [typeof OnemrvaFilePanelComponent, typeof OnemrvaMatFileUploadComponent, typeof DndDirective, typeof i4.CommonModule, typeof i5.ReactiveFormsModule, typeof i6.MatButtonModule, typeof i7.MatTooltipModule, typeof i8.MatDialogModule, typeof i9.TranslateModule, typeof i10.MatIconModule, typeof i11.MatInputModule], [typeof OnemrvaFilePanelComponent, typeof OnemrvaMatFileUploadComponent, typeof DndDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<OnemrvaMatFileUploadModule>;
+}
+
+interface OnemrvaMatFileUploadStoreItf {
+    /**
+     * Updater to set accepted format is made public
+     */
+    readonly setAccept: any;
+    /**
+     * Updater to set file max size is made public
+     */
+    readonly setMaxFileSize: any;
+    /**
+     * Updater to set data for a given file
+     *
+     * input:
+     *  payload: {
+     *    ref: symbol,
+     *    data: any
+     *  }
+     */
+    readonly setData: any;
+    /**
+     * Selector on list of files
+     */
+    readonly files$: Observable<ReferencedProgressFile[]>;
+    /**
+     * Selector on accepted formats for file upload
+     */
+    readonly accept$: Observable<string[]>;
+    /**
+     * Selector on max file size
+     */
+    readonly maxFileSize$: Observable<number>;
+    readonly listUploadedFiles: (inputs$: Observable<any>) => Subscription;
+    readonly deleteFile: (file$: Observable<ReferencedProgressFile>) => Subscription;
+    readonly removeFile: (file$: Observable<ReferencedProgressFile>) => Subscription;
+    /**
+     * Action - For adding one file panel (creation of file panel reference skipped if already created) at a time.
+     * Upload to BE not triggered
+     */
+    readonly addForPotentialUpload: (file$: Observable<ProgressFile>) => Subscription;
+    /**
+     * Action - For adding an array of file panels (creation of file panels reference skipped if already created).
+     * Uploads to BE not triggered
+     */
+    readonly addSeveralForPotentialUpload: (files$: Observable<ProgressFile[]>) => Subscription;
+    /**
+     * Action - For adding a file panel (creation of file panels reference skipped if already created) then uploading it
+     */
+    readonly uploadFile: (Observable$: Observable<ProgressFile>) => Subscription;
+    /**
+     * Action - For adding several file panels (creation of file panels reference skipped if already created) then uploading them
+     */
+    readonly uploadFiles: (Observable$: Observable<ProgressFile[]>) => Subscription;
+}
+
+interface FileUploadStoreEvent {
+    type: string;
+    payload?: any;
+}
+interface UploadState {
+    upload: ReferencedProgressFile[];
+    accept: string[];
+    maxFileSize: number;
+    fileUploadError: string;
+    event: FileUploadStoreEvent;
+}
+type CustomValidationFn = (input: [ReferencedProgressFile, ReferencedProgressFile[]]) => ReferencedProgressFile;
+declare const CUSTOM_VALIDATION_FN: InjectionToken<CustomValidationFn>;
+declare class OnemrvaMatFileUploadStore extends ComponentStore<UploadState> implements OnemrvaMatFileUploadStoreItf {
+    private fn;
+    private readonly fileUploadService;
+    private readonly translateService;
+    readonly customValidationFn: CustomValidationFn | null;
+    isSending: rxjs.BehaviorSubject<boolean>;
+    constructor();
+    readonly setAccept: (observableOrValue: string[] | Observable<string[]>) => rxjs.Subscription;
+    readonly setMaxFileSize: (observableOrValue: number | Observable<number>) => rxjs.Subscription;
+    private readonly emptyList;
+    private readonly pushFile;
+    readonly setData: (observableOrValue: {
+        ref: symbol;
+        data: any;
+    } | Observable<{
+        ref: symbol;
+        data: any;
+    }>) => rxjs.Subscription;
+    private readonly setSuccess;
+    private readonly setFail;
+    private readonly setProgress;
+    private readonly reset;
+    private readonly remove;
+    private readonly enableProgressBar;
+    readonly setFileUploadError: (observableOrValue: string | Observable<string>) => rxjs.Subscription;
+    readonly clearFileUploadError: () => void;
+    readonly files$: Observable<ReferencedProgressFile[]>;
+    readonly accept$: Observable<string[]>;
+    readonly event$: Observable<FileUploadStoreEvent>;
+    readonly maxFileSize$: Observable<number>;
+    readonly fileUploadError$: Observable<string>;
+    readonly listUploadedFiles: ((observableOrValue?: any) => rxjs.Subscription) | ((observableOrValue: any) => rxjs.Subscription);
+    readonly deleteFile: (observableOrValue: ReferencedProgressFile | Observable<ReferencedProgressFile>) => rxjs.Subscription;
+    readonly removeFile: (observableOrValue: ReferencedProgressFile | Observable<ReferencedProgressFile>) => rxjs.Subscription;
+    private progressFileChecker;
+    private loadStep;
+    /**
+     * For adding one file panel (creation of file panel reference skipped if already created) at a time.
+     * Upload to BE not triggered
+     */
+    readonly addForPotentialUpload: (observableOrValue: ProgressFile | Observable<ProgressFile>) => rxjs.Subscription;
+    /**
+     * For adding an array of file panels (creation of file panels reference skipped if already created).
+     * Uploads to BE not triggered
+     */
+    readonly addSeveralForPotentialUpload: (observableOrValue: ProgressFile[] | Observable<ProgressFile[]>) => rxjs.Subscription;
+    /**
+     * For adding a file panel (creation of file panels reference skipped if already created) then uploading it
+     */
+    readonly uploadFile: (observableOrValue: ProgressFile | Observable<ProgressFile>) => rxjs.Subscription;
+    readonly retryFile: (observableOrValue: ReferencedProgressFile | Observable<ReferencedProgressFile>) => rxjs.Subscription;
+    /**
+     * For adding several file panels (creation of file panels reference skipped if already created) then uploading them
+     */
+    readonly uploadFiles: (observableOrValue: ProgressFile[] | Observable<ProgressFile[]>) => rxjs.Subscription;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatFileUploadStore, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<OnemrvaMatFileUploadStore>;
+}
+
+interface OnemrvaMatFileUploadInterface {
+    listUploadedFiles: (inputs: any) => Observable<ProgressFile[]>;
+    upload: (file: ProgressFile) => Observable<HttpEvent<any>>;
+    deleteFile: (id: any) => Observable<any>;
+    retry: (file: any) => Observable<any>;
+    downloadFile?: (id: any) => Observable<any>;
+    isSending: BehaviorSubject<boolean>;
+}
+declare class OnemrvaMatFileUploadService implements OnemrvaMatFileUploadInterface {
+    isSending: BehaviorSubject<boolean>;
+    constructor();
+    listUploadedFiles(_inputs: any): Observable<ProgressFile[]>;
+    upload(_file: ProgressFile): Observable<HttpEvent<any>>;
+    deleteFile(_id: any): Observable<any>;
+    retry(file: any): Observable<any>;
+    downloadFile(id: any): Observable<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatFileUploadService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<OnemrvaMatFileUploadService>;
+}
+
+export { CUSTOM_VALIDATION_FN, DndDirective, OnemrvaFilePanelComponent, OnemrvaMatFileUploadComponent, OnemrvaMatFileUploadModule, OnemrvaMatFileUploadService, OnemrvaMatFileUploadStore, components, convertToProgressFile, convertToReferencedProgressFile, formatBytes, formattedSize };
+export type { ActionConfig, CustomValidationFn, FileUploadStoreEvent, OnemrvaMatFileUploadInterface, OnemrvaMatFileUploadStoreItf, ProgressFile, ReferencedProgressFile, UploadState };