@eqproject/eqp-attachments 3.1.13 → 21.0.0

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@eqproject/eqp-attachments",
-  "version": "3.1.13",
+  "version": "21.0.0",
   "description": "Dynamic attachments component - Angular Material based",
   "author": {
     "name": "EqProject"
   },
   "peerDependencies": {
-    "@angular/cdk": "^17.0.1",
-    "@angular/common": "^17.0.4",
-    "@angular/core": "^17.0.4"
+    "@angular/cdk": "^21.0.0",
+    "@angular/common": "^21.0.0",
+    "@angular/core": "^21.0.0"
   },
   "dependencies": {
     "browser-image-compression": "^2.0.2",
@@ -17,15 +17,13 @@
     "tslib": "^2.6.2"
   },
   "module": "fesm2022/eqproject-eqp-attachments.mjs",
-  "typings": "index.d.ts",
+  "typings": "types/eqproject-eqp-attachments.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./index.d.ts",
-      "esm2022": "./esm2022/eqproject-eqp-attachments.mjs",
-      "esm": "./esm2022/eqproject-eqp-attachments.mjs",
+      "types": "./types/eqproject-eqp-attachments.d.ts",
       "default": "./fesm2022/eqproject-eqp-attachments.mjs"
     }
   },

package/types/eqproject-eqp-attachments.d.ts

@@ -0,0 +1,581 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, OnInit } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import * as i3$1 from '@angular/forms';
+import { FormGroup, FormBuilder } from '@angular/forms';
+import * as i25 from '@angular/material/dialog';
+import { MatDialogRef, MatDialog } from '@angular/material/dialog';
+import { DomSanitizer } from '@angular/platform-browser';
+import * as i5$1 from 'ngx-image-cropper';
+import { ImageTransform, ImageCropperComponent, ImageCroppedEvent } from 'ngx-image-cropper';
+import * as i1 from '@angular/material/checkbox';
+import * as i2 from '@angular/material/button';
+import * as i3 from '@angular/material/input';
+import * as i4 from '@angular/material/autocomplete';
+import * as i5 from '@angular/material/datepicker';
+import * as i6 from '@angular/material/form-field';
+import * as i7 from '@angular/material/radio';
+import * as i8 from '@angular/material/select';
+import * as i9 from '@angular/material/slider';
+import * as i10 from '@angular/material/slide-toggle';
+import * as i11 from '@angular/material/menu';
+import * as i12 from '@angular/material/sidenav';
+import * as i13 from '@angular/material/toolbar';
+import * as i14 from '@angular/material/list';
+import * as i15 from '@angular/material/grid-list';
+import * as i16 from '@angular/material/card';
+import * as i17 from '@angular/material/stepper';
+import * as i18 from '@angular/material/tabs';
+import * as i19 from '@angular/material/expansion';
+import * as i20 from '@angular/material/button-toggle';
+import * as i21 from '@angular/material/chips';
+import * as i22 from '@angular/material/icon';
+import * as i23 from '@angular/material/progress-spinner';
+import * as i24 from '@angular/material/progress-bar';
+import * as i26 from '@angular/material/tooltip';
+import * as i27 from '@angular/material/snack-bar';
+import * as i28 from '@angular/material/table';
+import * as i29 from '@angular/material/sort';
+import * as i30 from '@angular/material/paginator';
+import * as i31 from '@angular/material/core';
+import * as i4$1 from '@angular/common';
+
+interface IAttachmentDTO {
+    ID: number | string;
+    FileName?: string;
+    FileContentType?: string;
+    FileExtension?: string;
+    FilePath?: string;
+    AttachmentType?: AttachmentType;
+    FileDataBase64?: string;
+    IsImage?: boolean;
+    FileThumbnailBase64?: string;
+    TrustedUrl?: any;
+    isUploading?: boolean;
+    LargeFile?: File;
+    IsLargeFile?: boolean;
+}
+declare enum AttachmentType {
+    FILE = 1,
+    LINK = 2,
+    DROPBOX = 3
+}
+declare enum CropOptionEnum {
+    ROTATE = 1,
+    FLIP = 2
+}
+type AttachmentCardSize = 'small' | 'medium' | 'large' | 'custom';
+type Layout = 'full' | 'compact';
+interface AttachmentFieldColumn {
+    key: string;
+    display: string;
+    type?: TypeAttachmentColumn;
+    styles?: {
+        flex: string;
+    };
+    externalTemplate?: TemplateRef<any>;
+    position?: number;
+    class?: string;
+    hidden?: boolean | (() => boolean);
+}
+interface AttachmentMenuAction {
+    key?: string;
+    name: string;
+    icon: string;
+    fn: (attachment: IAttachmentDTO) => void;
+    disabled?: (attachment: IAttachmentDTO) => boolean;
+    hidden?: (attachment: IAttachmentDTO) => boolean;
+    position?: number;
+}
+declare enum TypeAttachmentColumn {
+    DATE = "date",
+    TEMPLATE = "template",
+    TEXT = "text"
+}
+
+/**
+ * Interfaccia presa dal pacchetto "browser-image-compression" per specificare le opzioni di compressione
+ */
+interface IOptions {
+    /** @default Number.POSITIVE_INFINITY */
+    maxSizeMB?: number;
+    /** @default undefined */
+    maxWidthOrHeight?: number;
+    /** @default false */
+    useWebWorker?: boolean;
+}
+
+declare class EqpAttachmentService {
+    constructor();
+    loadDropboxScript(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EqpAttachmentService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<EqpAttachmentService>;
+}
+
+declare class EqpAttachmentsComponent implements OnInit {
+    #private;
+    private dialog;
+    private formBuilder;
+    private sanitizer;
+    private http;
+    private eqpAttachmentService;
+    /**
+     * Se TRUE allora nasconde la colonna per le azioni sull'allegato (nel caso "multipleAttachment" è TRUE).
+     */
+    readonly disableAction: _angular_core.InputSignal<boolean>;
+    /**
+     * Se TRUE mostra il titolo nell'header nel caso in cui "multipleAttachment" è TRUE ("Elenco allegati" di default).
+     */
+    readonly showHeader: _angular_core.InputSignal<boolean>;
+    /**
+     * Sorgente dati da visualizzare. Nel caso si vuole gestire un singolo allegato va passato in ogni caso come Array.
+     */
+    attachmentsList: Array<IAttachmentDTO>;
+    /**
+     * Nel caso si vuole gestire un solo elemento senza passarlo come array, lo passo come singolo allegato e gestisco nella libreria l'array.
+     */
+    readonly singleAttachment: _angular_core.InputSignal<IAttachmentDTO>;
+    /**
+     * Se TRUE non mostra la MatCard (nel caso in cui "multipleAttachment" è TRUE).
+     */
+    readonly showMatCard: _angular_core.InputSignal<boolean>;
+    /**
+     * Se FALSE allora il componente mostra solo il pulsante di caricamento di un singolo file, una volta caricato il file invoca l'evento di output "localEditedAttachments".
+     * Se TRUE allora il componente mostra l'elenco di tutti gli allegati ricevuto nel parametro "attachmentsList".
+     */
+    readonly multipleAttachment: _angular_core.InputSignal<boolean>;
+    /**
+     * Se assume il valore TRUE allora sarà possibile caricare più file per volta. Questa funzionalità è attiva
+     * SOLO se si gestiscono allegati multipli, quindi se l'input 'multipleAttachment' assume il valore TRUE, altrimenti è sempre disabilitata.
+     */
+    readonly loadMultipleFiles: _angular_core.InputSignal<boolean>;
+    /**
+     * Imposta il messaggio da visualizzare nel caso in cui la tabella degli allegati (nel caso in cui "multipleAttachment" è TRUE) è vuota.
+     */
+    readonly emptyTableMessage: _angular_core.InputSignal<string>;
+    /**
+     * Se TRUE allora permette di selezionare soltanto file di tipo immagine, avente uno dei mimetype
+     * specificati dentro AttachmentHelperService.
+     * Se FALSE permette di selezionare qualsiasi tipo di file
+     */
+    readonly allowOnlyImages: _angular_core.InputSignal<boolean>;
+    /**
+     * Specifica i tipi di file che è possibile caricare
+     */
+    acceptedFileTypes: string;
+    /**
+     * Se TRUE disabilita il pulsante di Aggiunta allegato (a prescindere dal valore del parametro "multipleAttachment").
+     */
+    readonly isDisabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Mostra/nasconde la colonna per visualizzare l'anteprima dei file nella tabella (caso multipleAtatchments = true).
+     */
+    readonly showInlinePreview: _angular_core.InputSignal<boolean>;
+    /**
+     * Endpoint da chiamare per recueprare l'IAttachmentDTO completo da vedere nell'anteprima. La chiamata sarà in POST e nel body
+     * conterrà l'IAttachmentDTO selezionato dall'utente.
+     * La chiamata viene eseguita solo per l'anteprima delle immagini essendo necessario il base64 completo dell'immagine a dimensione reale.
+     * Per documenti/link basta che sia popolata la proprietà FilePath di IAttachmentDTO.
+     */
+    readonly getAttachmentEndpoint: _angular_core.InputSignal<string>;
+    /**
+     * Hostname dell'ambiente di produzione dell'applicativo. Necessario per visualizzare l'anteprima dei documenti
+     * tramite il viewer di google.
+     * NOTA: Per visualizzare l'anteprima è necessario che la prorietà FilePath dell'IAttachmentDTO sia popolata e che
+     * sia abilitato l'accesso alla cartella sul server tramite hostname.
+     */
+    readonly productionBaseUrl: _angular_core.InputSignal<string>;
+    /**
+     * Opzioni per la compressione delle immagini caricate.
+     */
+    readonly compressionOptions: _angular_core.InputSignal<IOptions>;
+    /**
+     * Array di AttachmentType che si possono aggiungere
+     */
+    allowedTypes: Array<AttachmentType>;
+    /**
+     * Permette di stabilire se la eqp-table contenente l'elenco degli allegati utilizza
+     * il multilingua oppure no
+     */
+    readonly isEqpTableMultiLanguage: _angular_core.InputSignal<boolean>;
+    /**
+     * Permette di stabilire, in caso di gestione allegati multipli, se la tabella contenente l'elenco
+     * degli allegati deve essere paginata oppure no
+     */
+    readonly tablePaginatorVisible: _angular_core.InputSignal<boolean>;
+    /**
+     * Permette di stabilire, in caso di gestione allegati multipli, se la tabella contenente l'elenco
+     * degli allegati deve contenere il campo di ricerca oppure no
+     */
+    readonly isTableSearcheable: _angular_core.InputSignal<boolean>;
+    /**
+     * In caso di gestione allegati multipli, permette di stabilire la dimensione pagina di default
+     * per la tabella contenente l'elenco degli allegati
+     */
+    readonly tablePaginatorSize: _angular_core.InputSignal<number>;
+    /**
+     * Permette di scegliere il modo in cui i file devono essere caricati
+     */
+    /**
+     * Permette di stabilire se i pulsanti per il caricamento dei file sono separati o in un menù a tendina
+     */
+    readonly separatedUploadButtons: _angular_core.InputSignal<boolean>;
+    /**
+     * Permette di scegliere se dare la possibilità di vedere o no l'anteprima
+     */
+    readonly showPreview: _angular_core.InputSignal<boolean>;
+    /**
+     * In caso di allegato singolo, permette di scegliere se aggiungere file tramite drag and drop
+     */
+    readonly singleAttachmentDragAndDrop: _angular_core.InputSignal<boolean>;
+    /**
+     * Array di opzioni che si possono utilizzare per il crop
+     */
+    readonly cropOptions: _angular_core.InputSignal<CropOptionEnum[]>;
+    /**
+     * Classe custom da assegnare al dialog del crop immagini
+     */
+    readonly cropDialogClass: _angular_core.InputSignal<string>;
+    readonly maxFileSizeMB: _angular_core.InputSignal<number>;
+    readonly cardSize: _angular_core.InputSignal<AttachmentCardSize>;
+    readonly customCardWidthPx: _angular_core.InputSignal<number>;
+    readonly customCardHeightPx: _angular_core.InputSignal<number>;
+    readonly layout: _angular_core.InputSignal<"full" | "compact">;
+    /**
+     * Input per definire le label da usare nel componente
+     */
+    readonly openLinkLabel: _angular_core.InputSignal<string>;
+    readonly addButtonLabel: _angular_core.InputSignal<string>;
+    readonly downloadLabel: _angular_core.InputSignal<string>;
+    readonly deleteLabel: _angular_core.InputSignal<string>;
+    readonly fileNameLabel: _angular_core.InputSignal<string>;
+    readonly previewLabel: _angular_core.InputSignal<string>;
+    readonly uploadFileLabel: _angular_core.InputSignal<string>;
+    readonly confirmLabel: _angular_core.InputSignal<string>;
+    readonly abortLabel: _angular_core.InputSignal<string>;
+    readonly saveLabel: _angular_core.InputSignal<string>;
+    readonly exitLabel: _angular_core.InputSignal<string>;
+    readonly uploadWithDropboxLabel: _angular_core.InputSignal<string>;
+    readonly cropLabel: _angular_core.InputSignal<string>;
+    readonly deleteDialogTitle: _angular_core.InputSignal<string>;
+    readonly deleteDialogMessage: _angular_core.InputSignal<string>;
+    readonly noImageSelectedErrorMessage: _angular_core.InputSignal<string>;
+    readonly wrongTypeSelectedErrorMessage: _angular_core.InputSignal<string>;
+    readonly videoPreviewErrorMessage: _angular_core.InputSignal<string>;
+    readonly audioPreviewErrorMessage: _angular_core.InputSignal<string>;
+    readonly flipHorinzontalLabel: _angular_core.InputSignal<string>;
+    readonly flipVerticalLabel: _angular_core.InputSignal<string>;
+    readonly rotateRightLabel: _angular_core.InputSignal<string>;
+    readonly rotateLeftLabel: _angular_core.InputSignal<string>;
+    readonly base64LimitMB: _angular_core.InputSignal<number>;
+    readonly uploadTitle: _angular_core.InputSignal<string>;
+    readonly uploadSubtitle: _angular_core.InputSignal<string>;
+    readonly dropHereLabel: _angular_core.InputSignal<string>;
+    readonly supportedFormatsLabel: _angular_core.InputSignal<string>;
+    readonly browseFilesLabel: _angular_core.InputSignal<string>;
+    readonly uploadSummaryLabel: _angular_core.InputSignal<string>;
+    readonly filesLabel: _angular_core.InputSignal<string>;
+    readonly totalSizeLabel: _angular_core.InputSignal<string>;
+    readonly emptyStateLabel: _angular_core.InputSignal<string>;
+    readonly addedSuccessfullyLabel: _angular_core.InputSignal<string>;
+    readonly removedLabel: _angular_core.InputSignal<string>;
+    readonly chooseView: _angular_core.InputSignal<boolean>;
+    readonly showSummary: _angular_core.InputSignal<boolean>;
+    viewMode: "card" | "table";
+    readonly showUploadTitle: _angular_core.InputSignal<boolean>;
+    readonly showDropArea: _angular_core.InputSignal<boolean>;
+    readonly hiddenColumns: _angular_core.InputSignal<string[]>;
+    readonly hiddenActions: _angular_core.InputSignal<string[]>;
+    readonly showActionButtons: _angular_core.InputSignal<boolean>;
+    /**
+     * Se TRUE allora mostra il dialog di crop per le immagini singole.
+     * Se FALSE carica l'immagine direttamente (applicando comunque la compressione se attiva).
+     */
+    readonly enableImageCrop: _angular_core.InputSignal<boolean>;
+    /**
+     * Hook globale: decide se nascondere un’azione per quello specifico allegato.
+     */
+    readonly actionHiddenFn: _angular_core.InputSignal<(actionKey: string, att?: IAttachmentDTO) => boolean>;
+    /**
+     * Hook globale: decide se disabilitare un’azione per quello specifico allegato.
+     */
+    readonly actionDisabledFn: _angular_core.InputSignal<(actionKey: string, att?: IAttachmentDTO) => boolean>;
+    readonly videoCompression: _angular_core.InputSignal<{
+        enabled: boolean;
+        maxWidth?: number;
+        bitrate?: number;
+        crf?: number;
+        preset?: string;
+        maxFps?: number;
+        audioBitrate?: number;
+    }>;
+    readonly customMenuActions: _angular_core.InputSignal<AttachmentMenuAction[]>;
+    _sortedMenuActions: AttachmentMenuAction[];
+    /**
+     * SOLO quando [customColumns]="..." cambia.
+     */
+    readonly customColumns: _angular_core.InputSignal<AttachmentFieldColumn[]>;
+    /**
+     * Restituisce la lista aggiornata degli allegati.
+     */
+    readonly localEditedAttachments: _angular_core.OutputEmitterRef<IAttachmentDTO[]>;
+    /**
+     * Evento scatenato alla pressione del pulsante ESCI della modale di caricamento file.
+     */
+    readonly abortAddAttachment: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Evento di output che restituisce l'IAttachmentDTO selezionato per il download nel caso FileDataBase64, FileContentType o FileName non fossero specificati.
+     */
+    readonly downloadAttachment: _angular_core.OutputEmitterRef<IAttachmentDTO>;
+    /**
+     * Evento di output che restituisce l'elemento eliminato prima che questo venga effettivamente rismosso dalla lista.
+     */
+    readonly onDeleteAttachment: _angular_core.OutputEmitterRef<IAttachmentDTO>;
+    newAttachment: IAttachmentDTO;
+    newMultipleAttachments: Array<IAttachmentDTO>;
+    attachmentType: typeof AttachmentType;
+    newAttachmentForm: FormGroup;
+    selectedFile: File;
+    selectedFiles: Array<File>;
+    showCropImage: boolean;
+    readonly dialogAddAttachment: _angular_core.Signal<TemplateRef<any>>;
+    dialogRefAddAttachment: MatDialogRef<TemplateRef<any>>;
+    readonly dialogAddMultipleAttachment: _angular_core.Signal<TemplateRef<any>>;
+    dialogRefCropImage: MatDialogRef<TemplateRef<any>>;
+    readonly dialogCropImage: _angular_core.Signal<TemplateRef<any>>;
+    readonly addingLinkTemplate: _angular_core.Signal<TemplateRef<any>>;
+    imageChangedEvent: any;
+    croppedImage: any;
+    transform: ImageTransform;
+    canvasRotation: number;
+    readonly imageCropper: _angular_core.Signal<ImageCropperComponent>;
+    readonly imageInput: _angular_core.Signal<any>;
+    AttachmentType: typeof AttachmentType;
+    selectedAttachment: IAttachmentDTO;
+    originalWidth: number;
+    originalHeight: number;
+    customWidth: number;
+    customHeight: number;
+    readonly inlinePreviewTemplate: _angular_core.Signal<TemplateRef<any>>;
+    readonly dialogPreview: _angular_core.Signal<TemplateRef<any>>;
+    imageFile: File;
+    addingLinkMode: _angular_core.WritableSignal<boolean>;
+    _tableColumns: AttachmentFieldColumn[];
+    readonly defaultFileTemplate: _angular_core.Signal<TemplateRef<any>>;
+    readonly defaultActionsTemplate: _angular_core.Signal<TemplateRef<any>>;
+    dragOver: boolean;
+    toast: {
+        visible: boolean;
+        type: "success" | "error" | "info";
+        text: string;
+        timeoutId: any;
+    };
+    progressPercent: _angular_core.WritableSignal<number>;
+    totalSizeBytes: _angular_core.WritableSignal<number>;
+    readonly totalSizeFormatted: _angular_core.Signal<string>;
+    formatFileSize(bytes: number): string;
+    showToast(message: string, type?: "success" | "error" | "info", durationMs?: number): void;
+    constructor(dialog: MatDialog, formBuilder: FormBuilder, sanitizer: DomSanitizer, http: HttpClient, eqpAttachmentService: EqpAttachmentService);
+    ngOnInit(): void;
+    setViewMode(mode: "card" | "table"): void;
+    private recomputeTotalsAndProgress;
+    ngOnDestroy(): void;
+    bytesFromBase64(base64: string): number;
+    checkAttachmentImage(): void;
+    /**
+     * Elimina un allegato eliminando anche il file presente nello storage di archiviazione utilizzato (AWS o cartella progetto)
+     * @param element IAttachmentDTO da cancellare
+     */
+    deleteAttachment(element: IAttachmentDTO): void;
+    /**
+     * Rimuove l'allegato selezionato dalla lista "attachmentsList" e invoca l'evento di output che restituisce la lista aggiornata.
+     * @param attachmentIndex Indice dell'attachment da rimuovere
+     */
+    removeAttachmentFromList(attachmentIndex: number): void;
+    private simulateProgress;
+    /**
+     * Scarica l'allegato o apre il link
+     * @param element Allegato da mostrare
+     */
+    viewAttachment(attachment: IAttachmentDTO): void;
+    /**
+     * Ridefinisce l'icona da mostrare nella colonna dell'eqp-table per ogni file.
+     * L'icona varia in base all'estensione del file
+     * @param attachment
+     */
+    getAttachmentIcon(attachment: IAttachmentDTO): string;
+    /**
+     * In caso di allegato singolo, sceglie quale metodo richiamare in base al tipo di allegato
+     */
+    addFile(attachmentType: AttachmentType, imageInput?: any): void;
+    createAttachmentForm(): void;
+    close(emitCloseEvent?: boolean): void;
+    /**
+     * In base al tipo di allegato controlla se disabilitare o meno il pulsante per salvare.
+     * Funzione usata nel [disable] del pulsante "Salva" del dialog per l'aggiunta di un allegato.
+     * @returns
+     */
+    disableSave(): boolean;
+    confirmAddAttachment(): void;
+    private resetSelectedFiles;
+    /**
+     * Apre il dialog per l'anteprima dell'allegato selezionato.
+     * @param row
+     * @returns
+     */
+    openPreviewDialog(row: IAttachmentDTO): Promise<void>;
+    getAttachmentByID(): Promise<IAttachmentDTO>;
+    /**
+     * Evento scatenato alla selezione del file (o dei file).
+     * Se il caricamento è SINGOLO o se comunque è stato selezionato un solo file allora si occupa di controllare se si tratta di un immagine in modo da
+     * mostrare le funzionalità del croppie (per ritagliare l'immagine) oppure no.
+     * Se il file caricato non è un immagine allora genera direttamente il base64 e lo associa all'allegato da salvare.
+     * Se invece il caricamento dei file è MULTIPLO e sono presenti più file allora esegue le stesse operazioni ignorando però il contrllo
+     * immagine per il croppie (in caso di caricamento multiplo le funzionalità del croppie sono disabilitate).
+     */
+    onFileAdded(event: any, isFileDropped?: boolean): Promise<void>;
+    private validationFile;
+    /**
+     * A partire dal FILE ricevuto in input ricostruisce l'oggetto IAttachmentDTO e lo restituisce.
+     * Se il parametro getBase64 viene passato a TRUE allora, sempre a partire dal file,genera il base64 e
+     * ricava il ContentType da associare all'oggetto IAttachmentDTO da restituire
+     * @param currentFile Oggetto FILE da processare
+     * @param getBase64 Se TRUE allora calcola base64 e ContentType del file passato in input
+     * @returns Restituisce un oggetto di tipo IAttachmentDTO
+     */
+    private createAttachmentFromUploadedFile;
+    /**
+     * A partire dal file passato in input restituisce un oggetto
+     * contenente il base64 del file e il suo contentType
+     * @param currentFile Oggetto File da cui estrapolare base64 e contentType
+     * @returns Restituisce un oggetto avente le proprietà Base64File e ContentType
+     */
+    private getBase64FromFile;
+    /**
+     * Controlla se il file che si sta caricando è supportato dal sistema.
+     * @returns
+     */
+    private checkAcceptedFiles;
+    /**
+     * Se eqp-attachments è stata configurata per il caricamento delle sole immagini allora verifica che il file passato in
+     * input sia effettivamente un immagine o no.
+     * Se il controllo va a buon fine restituisce TRUE altrimenti mostra un messaggio d'errore e restituisce FALSE
+     */
+    private checkAllowOnlyImageFile;
+    getImageDimensions(img: any): void;
+    restoreOriginalDimensions(): void;
+    onDimensionsChange(dimension: string): void;
+    imageCropped(event: ImageCroppedEvent): void;
+    getCroppedAndUpload(file: any, newAttachment: IAttachmentDTO): void;
+    rotateLeft(): void;
+    rotateRight(): void;
+    private flipAfterRotate;
+    flipHorizontal(): void;
+    flipVertical(): void;
+    /**
+     * Annulla la selezione del file, svuotando l'input e resettando tutte le proprietà dell'IAttachmentDTO
+     */
+    abortFile(): void;
+    fileDropped(event: DragEvent): void;
+    chooseDropboxFile(): void;
+    onSelectFile(event: any, fileInput: any): void;
+    /**
+     * Apre il dialogo per l'inserimento del link.
+     */
+    switchToAddingLinkMode(): void;
+    getCardClass(att: IAttachmentDTO): {
+        [key: string]: boolean;
+    };
+    getPreviewsContainerStyle(): {
+        [key: string]: string;
+    };
+    handlePrimaryAction(attachment: IAttachmentDTO): void;
+    /**
+     * Determines if an attachment can be previewed in the dialog.
+     * @param att The attachment to check.
+     * @returns `true` if a preview is available, otherwise `false`.
+     */
+    canBePreviewed(att: IAttachmentDTO): boolean;
+    private isColumnHidden;
+    isActionHidden(action: AttachmentMenuAction, att?: IAttachmentDTO): boolean;
+    isActionDisabled(action: AttachmentMenuAction, att?: IAttachmentDTO): boolean;
+    isDeleteHidden(att: IAttachmentDTO): boolean;
+    isDeleteDisabled(att: IAttachmentDTO): boolean;
+    isPrimaryActionHidden(att: IAttachmentDTO): boolean;
+    isPrimaryActionDisabled(att: IAttachmentDTO): boolean;
+    /**
+     * Unisce le colonne di default con quelle custom e le ordina.
+     */
+    private setupTableColumns;
+    private setupMenuActions;
+    private generateVideoThumbnail;
+    private compressVideoApi;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EqpAttachmentsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EqpAttachmentsComponent, "eqp-attachments", never, { "disableAction": { "alias": "disableAction"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "attachmentsList": { "alias": "attachmentsList"; "required": false; }; "singleAttachment": { "alias": "singleAttachment"; "required": false; "isSignal": true; }; "showMatCard": { "alias": "showMatCard"; "required": false; "isSignal": true; }; "multipleAttachment": { "alias": "multipleAttachment"; "required": false; "isSignal": true; }; "loadMultipleFiles": { "alias": "loadMultipleFiles"; "required": false; "isSignal": true; }; "emptyTableMessage": { "alias": "emptyTableMessage"; "required": false; "isSignal": true; }; "allowOnlyImages": { "alias": "allowOnlyImages"; "required": false; "isSignal": true; }; "acceptedFileTypes": { "alias": "acceptedFileTypes"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "showInlinePreview": { "alias": "showInlinePreview"; "required": false; "isSignal": true; }; "getAttachmentEndpoint": { "alias": "getAttachmentEndpoint"; "required": false; "isSignal": true; }; "productionBaseUrl": { "alias": "productionBaseUrl"; "required": false; "isSignal": true; }; "compressionOptions": { "alias": "compressionOptions"; "required": false; "isSignal": true; }; "allowedTypes": { "alias": "allowedTypes"; "required": false; }; "isEqpTableMultiLanguage": { "alias": "isEqpTableMultiLanguage"; "required": false; "isSignal": true; }; "tablePaginatorVisible": { "alias": "tablePaginatorVisible"; "required": false; "isSignal": true; }; "isTableSearcheable": { "alias": "isTableSearcheable"; "required": false; "isSignal": true; }; "tablePaginatorSize": { "alias": "tablePaginatorSize"; "required": false; "isSignal": true; }; "separatedUploadButtons": { "alias": "separatedUploadButtons"; "required": false; "isSignal": true; }; "showPreview": { "alias": "showPreview"; "required": false; "isSignal": true; }; "singleAttachmentDragAndDrop": { "alias": "singleAttachmentDragAndDrop"; "required": false; "isSignal": true; }; "cropOptions": { "alias": "cropOptions"; "required": false; "isSignal": true; }; "cropDialogClass": { "alias": "cropDialogClass"; "required": false; "isSignal": true; }; "maxFileSizeMB": { "alias": "maxFileSizeMB"; "required": false; "isSignal": true; }; "cardSize": { "alias": "cardSize"; "required": false; "isSignal": true; }; "customCardWidthPx": { "alias": "customCardWidthPx"; "required": false; "isSignal": true; }; "customCardHeightPx": { "alias": "customCardHeightPx"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "openLinkLabel": { "alias": "openLinkLabel"; "required": false; "isSignal": true; }; "addButtonLabel": { "alias": "addButtonLabel"; "required": false; "isSignal": true; }; "downloadLabel": { "alias": "downloadLabel"; "required": false; "isSignal": true; }; "deleteLabel": { "alias": "deleteLabel"; "required": false; "isSignal": true; }; "fileNameLabel": { "alias": "fileNameLabel"; "required": false; "isSignal": true; }; "previewLabel": { "alias": "previewLabel"; "required": false; "isSignal": true; }; "uploadFileLabel": { "alias": "uploadFileLabel"; "required": false; "isSignal": true; }; "confirmLabel": { "alias": "confirmLabel"; "required": false; "isSignal": true; }; "abortLabel": { "alias": "abortLabel"; "required": false; "isSignal": true; }; "saveLabel": { "alias": "saveLabel"; "required": false; "isSignal": true; }; "exitLabel": { "alias": "exitLabel"; "required": false; "isSignal": true; }; "uploadWithDropboxLabel": { "alias": "uploadWithDropboxLabel"; "required": false; "isSignal": true; }; "cropLabel": { "alias": "cropLabel"; "required": false; "isSignal": true; }; "deleteDialogTitle": { "alias": "deleteDialogTitle"; "required": false; "isSignal": true; }; "deleteDialogMessage": { "alias": "deleteDialogMessage"; "required": false; "isSignal": true; }; "noImageSelectedErrorMessage": { "alias": "noImageSelectedErrorMessage"; "required": false; "isSignal": true; }; "wrongTypeSelectedErrorMessage": { "alias": "wrongTypeSelectedErrorMessage"; "required": false; "isSignal": true; }; "videoPreviewErrorMessage": { "alias": "videoPreviewErrorMessage"; "required": false; "isSignal": true; }; "audioPreviewErrorMessage": { "alias": "videoPreviewErrorMessage"; "required": false; "isSignal": true; }; "flipHorinzontalLabel": { "alias": "flipHorinzontalLabel"; "required": false; "isSignal": true; }; "flipVerticalLabel": { "alias": "flipVerticalLabel"; "required": false; "isSignal": true; }; "rotateRightLabel": { "alias": "rotateRightLabel"; "required": false; "isSignal": true; }; "rotateLeftLabel": { "alias": "rotateLeftLabel"; "required": false; "isSignal": true; }; "base64LimitMB": { "alias": "base64LimitMB"; "required": false; "isSignal": true; }; "uploadTitle": { "alias": "uploadTitle"; "required": false; "isSignal": true; }; "uploadSubtitle": { "alias": "uploadSubtitle"; "required": false; "isSignal": true; }; "dropHereLabel": { "alias": "dropHereLabel"; "required": false; "isSignal": true; }; "supportedFormatsLabel": { "alias": "supportedFormatsLabel"; "required": false; "isSignal": true; }; "browseFilesLabel": { "alias": "browseFilesLabel"; "required": false; "isSignal": true; }; "uploadSummaryLabel": { "alias": "uploadSummaryLabel"; "required": false; "isSignal": true; }; "filesLabel": { "alias": "filesLabel"; "required": false; "isSignal": true; }; "totalSizeLabel": { "alias": "totalSizeLabel"; "required": false; "isSignal": true; }; "emptyStateLabel": { "alias": "emptyStateLabel"; "required": false; "isSignal": true; }; "addedSuccessfullyLabel": { "alias": "addedSuccessfullyLabel"; "required": false; "isSignal": true; }; "removedLabel": { "alias": "removedLabel"; "required": false; "isSignal": true; }; "chooseView": { "alias": "chooseView"; "required": false; "isSignal": true; }; "showSummary": { "alias": "showSummary"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; }; "showUploadTitle": { "alias": "showUploadTitle"; "required": false; "isSignal": true; }; "showDropArea": { "alias": "showDropArea"; "required": false; "isSignal": true; }; "hiddenColumns": { "alias": "hiddenColumns"; "required": false; "isSignal": true; }; "hiddenActions": { "alias": "hiddenActions"; "required": false; "isSignal": true; }; "showActionButtons": { "alias": "showActionButtons"; "required": false; "isSignal": true; }; "enableImageCrop": { "alias": "enableImageCrop"; "required": false; "isSignal": true; }; "actionHiddenFn": { "alias": "actionHiddenFn"; "required": false; "isSignal": true; }; "actionDisabledFn": { "alias": "actionDisabledFn"; "required": false; "isSignal": true; }; "videoCompression": { "alias": "videoCompression"; "required": false; "isSignal": true; }; "customMenuActions": { "alias": "customMenuActions"; "required": false; "isSignal": true; }; "customColumns": { "alias": "customColumns"; "required": false; "isSignal": true; }; }, { "localEditedAttachments": "localEditedAttachments"; "abortAddAttachment": "abortAddAttachment"; "downloadAttachment": "downloadAttachment"; "onDeleteAttachment": "onDeleteAttachment"; }, never, never, false, never>;
+}
+
+declare class MaterialModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MaterialModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<MaterialModule, never, [typeof i1.MatCheckboxModule, typeof i2.MatButtonModule, typeof i3.MatInputModule, typeof i4.MatAutocompleteModule, typeof i5.MatDatepickerModule, typeof i6.MatFormFieldModule, typeof i7.MatRadioModule, typeof i8.MatSelectModule, typeof i9.MatSliderModule, typeof i10.MatSlideToggleModule, typeof i11.MatMenuModule, typeof i12.MatSidenavModule, typeof i13.MatToolbarModule, typeof i14.MatListModule, typeof i15.MatGridListModule, typeof i16.MatCardModule, typeof i17.MatStepperModule, typeof i18.MatTabsModule, typeof i19.MatExpansionModule, typeof i20.MatButtonToggleModule, typeof i21.MatChipsModule, typeof i22.MatIconModule, typeof i23.MatProgressSpinnerModule, typeof i24.MatProgressBarModule, typeof i25.MatDialogModule, typeof i26.MatTooltipModule, typeof i27.MatSnackBarModule, typeof i28.MatTableModule, typeof i29.MatSortModule, typeof i30.MatPaginatorModule, typeof i5.MatDatepickerModule, typeof i31.MatNativeDateModule], [typeof i1.MatCheckboxModule, typeof i2.MatButtonModule, typeof i3.MatInputModule, typeof i4.MatAutocompleteModule, typeof i5.MatDatepickerModule, typeof i6.MatFormFieldModule, typeof i7.MatRadioModule, typeof i8.MatSelectModule, typeof i9.MatSliderModule, typeof i10.MatSlideToggleModule, typeof i11.MatMenuModule, typeof i12.MatSidenavModule, typeof i13.MatToolbarModule, typeof i14.MatListModule, typeof i15.MatGridListModule, typeof i16.MatCardModule, typeof i17.MatStepperModule, typeof i18.MatTabsModule, typeof i19.MatExpansionModule, typeof i20.MatButtonToggleModule, typeof i21.MatChipsModule, typeof i22.MatIconModule, typeof i23.MatProgressSpinnerModule, typeof i24.MatProgressBarModule, typeof i25.MatDialogModule, typeof i26.MatTooltipModule, typeof i27.MatSnackBarModule, typeof i28.MatTableModule, typeof i29.MatSortModule, typeof i30.MatPaginatorModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<MaterialModule>;
+}
+
+declare class EqpAttachmentsModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EqpAttachmentsModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<EqpAttachmentsModule, [typeof EqpAttachmentsComponent], [typeof MaterialModule, typeof i3$1.FormsModule, typeof i4$1.CommonModule, typeof i3$1.ReactiveFormsModule, typeof i5$1.ImageCropperComponent], [typeof EqpAttachmentsComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<EqpAttachmentsModule>;
+}
+
+declare class AttachmentHelperService {
+    static readonly imageMimeTypes: string[];
+    static readonly fileExtensionIcon: any;
+    static readonly dropboxCredentials: any;
+    constructor();
+    /**
+    * Restituisce TRUE se il mime type passato nel parametro corrisponde ad un mime type di un'immagine
+    * @param mimeType Mime Type da verificare
+    */
+    static checkImageFromMimeType(mimeType: string): boolean;
+    /**
+    * In base all'estensione passata come parametro, restituisce la FontAwesome corretta da utilizzare.
+    * Se l'estensione non viene trovata nella costante riportata dentro common.model.ts restituisce un icona standard
+    * @param extension Estensione del file per cui restituire l'icona corretta
+    */
+    static getIconFromFileExtensione(extension: string): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AttachmentHelperService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AttachmentHelperService>;
+}
+
+declare class EqpAttachmentDialogService {
+    constructor();
+    /**
+     * Mostra uno sweet alert di tipo ERROR con il messaggio passato come parametro.
+     * @param message Messaggio d'errore da mostrare nello sweetalert
+     * @param title Titolo dello sweetalert (di default mostra 'Errore')
+     */
+    static Error(message: string | string[], title?: string): void;
+    /**
+     * Mostra uno sweetalert di tipo CONFIRM con il messaggio passato come parametro e se viene premuto
+     * CONFERMA lancia la funzione di callback passata come parametro
+     * @param message Messaggio da mostrare nello sweetalert
+     * @param title Titolo dello sweetalert (di default mostra 'Info')
+     */
+    static Confirm(message: string | string[], confirmCallback: any, isWarning?: boolean, title?: string, customWidth?: string): void;
+    /**
+     * Mostra uno sweetalert di tipo INFO con il messaggio passato come parametro
+     * @param message Messaggio da mostrare nello sweetalert
+     * @param title Titolo dello sweetalert (di default mostra 'Info')
+     */
+    static Info(message: string, title?: string, isToast?: boolean): void;
+    /**
+     * Mostra uno sweetalert di tipo WARNING con il messaggio passato come parametro
+     * @param message Messaggio da mostrare nello sweetalert
+     * @param title Titolo dello sweetalert (di default mostra 'Attenzione!')
+     */
+    static Warning(message: string | string[], title?: string, isToast?: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EqpAttachmentDialogService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<EqpAttachmentDialogService>;
+}
+
+export { AttachmentHelperService, AttachmentType, CropOptionEnum, EqpAttachmentDialogService, EqpAttachmentsComponent, EqpAttachmentsModule, TypeAttachmentColumn };
+export type { AttachmentCardSize, AttachmentFieldColumn, AttachmentMenuAction, IAttachmentDTO, IOptions, Layout };

package/esm2022/eqproject-eqp-attachments.mjs

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXFwcm9qZWN0LWVxcC1hdHRhY2htZW50cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2VxcC1hdHRhY2htZW50cy9zcmMvZXFwcm9qZWN0LWVxcC1hdHRhY2htZW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19