@eqproject/eqp-attachments 2.5.0 → 2.5.2

package/fesm2015/eqproject-eqp-attachments.mjs

@@ -0,0 +1,1535 @@
+import { __awaiter } from 'tslib';
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Component, Input, Output, ViewChild, NgModule } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i15 from '@eqproject/eqp-table';
+import { TooltipPositionType, TypeColumn, EqpTableModule } from '@eqproject/eqp-table';
+import imageCompression from 'browser-image-compression';
+import * as i14 from 'ngx-image-cropper';
+import { base64ToFile, ImageCropperComponent, ImageCropperModule } from 'ngx-image-cropper';
+import Swal from 'sweetalert2';
+import { Observable, from, concatMap } from 'rxjs';
+import * as i1 from '@angular/material/dialog';
+import { MatDialogModule } from '@angular/material/dialog';
+import * as i3 from '@angular/platform-browser';
+import * as i4 from '@angular/common/http';
+import * as i6 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i7 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i8 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i9 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
+import * as i10 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
+import * as i11 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i12 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i13 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i16 from 'ngx-file-drop';
+import { NgxFileDropModule } from 'ngx-file-drop';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import { MatRadioModule } from '@angular/material/radio';
+import { MatSelectModule } from '@angular/material/select';
+import { MatSliderModule } from '@angular/material/slider';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { MatListModule } from '@angular/material/list';
+import { MatGridListModule } from '@angular/material/grid-list';
+import { MatStepperModule } from '@angular/material/stepper';
+import { MatTabsModule } from '@angular/material/tabs';
+import { MatExpansionModule } from '@angular/material/expansion';
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import { MatChipsModule } from '@angular/material/chips';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import { MatSnackBarModule } from '@angular/material/snack-bar';
+import { MatTableModule } from '@angular/material/table';
+import { MatSortModule } from '@angular/material/sort';
+import { MatPaginatorModule } from '@angular/material/paginator';
+import { MatNativeDateModule } from '@angular/material/core';
+
+class AttachmentHelperService {
+    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) {
+        return this.imageMimeTypes.find(s => s == mimeType) != null;
+    }
+    /**
+    * 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) {
+        let fileIcon = this.fileExtensionIcon[extension];
+        return fileIcon !== null && fileIcon !== void 0 ? fileIcon : "fas fa-file";
+    }
+}
+AttachmentHelperService.imageMimeTypes = ["image/bmp", "image/gif", "image/jpeg", "image/tiff", "image/png"];
+AttachmentHelperService.fileExtensionIcon = {
+    "txt": "fas fa-file-text",
+    "pdf": "fas fa-file-pdf",
+    "doc": "fas fa-file-word",
+    "docx": "fas fa-file-word",
+    "xls": "fas fa-file-excel",
+    "xlsx": "fas fa-file-excel",
+    "jpg": "fas fa-file-image",
+    "jpeg": "fas fa-file-image",
+    "png": "fas fa-file-image",
+    "bmp": "fas fa-file-image",
+    "mkv": "fas fa-file-video",
+    "flv": "fas fa-file-video",
+    "gif": "fas fa-file-video",
+    "gifv": "fas fa-file-video",
+    "avi": "fas fa-file-video",
+    "wmv": "fas fa-file-video",
+    "mp4": "fas fa-file-video",
+    "m4p": "fas fa-file-video",
+    "m4v": "fas fa-file-video",
+    "mpg": "fas fa-file-video",
+    "mp2": "fas fa-file-video",
+    "mpeg": "fas fa-file-video",
+    "mpe": "fas fa-file-video",
+    "mpv": "fas fa-file-video",
+    "m2v": "fas fa-file-video",
+    "3gp": "fas fa-file-video",
+    "3g2": "fas fa-file-video",
+    "mp3": "fas fa-file-audio",
+};
+AttachmentHelperService.dropboxCredentials = {
+    url: 'https://www.dropbox.com/static/api/2/dropins.js',
+    apiKey: "aj2xjzms4dl1sch",
+    accessToken: "l.BbasuuUFe42u-fXvpmDEteNkGMH-yPTxD79JhRjkBcR94Fm2QLgIjEETvx8TY36HsQQsIe24ofcNjYlg9IhSB7Fguqbi7wH-Jg6bW_3Q8VemsH4pC7Iakat643EzRcw7OMObPSs"
+};
+AttachmentHelperService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AttachmentHelperService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+AttachmentHelperService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AttachmentHelperService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AttachmentHelperService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+var AttachmentType;
+(function (AttachmentType) {
+    AttachmentType[AttachmentType["FILE"] = 1] = "FILE";
+    AttachmentType[AttachmentType["LINK"] = 2] = "LINK";
+    AttachmentType[AttachmentType["DROPBOX"] = 3] = "DROPBOX";
+})(AttachmentType || (AttachmentType = {}));
+var CropOptionEnum;
+(function (CropOptionEnum) {
+    CropOptionEnum[CropOptionEnum["ROTATE"] = 1] = "ROTATE";
+    CropOptionEnum[CropOptionEnum["FLIP"] = 2] = "FLIP";
+})(CropOptionEnum || (CropOptionEnum = {}));
+
+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, title = null) {
+        let currentTitle = title != null ? title : 'Errore';
+        if (Array.isArray(message)) {
+            currentTitle = title != null ? title : 'Errore';
+            let htmlErrors = message.join("<br>");
+            Swal.fire({
+                title: currentTitle,
+                html: htmlErrors,
+                icon: 'error'
+            });
+        }
+        else {
+            Swal.fire(currentTitle, message, 'error');
+        }
+    }
+    /**
+     * 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, confirmCallback, isWarning = false, title = null, customWidth = null) {
+        let currentTitle = title != null ? title : 'Sei sicuro di voler procedere?';
+        if (Array.isArray(message)) {
+            let htmlErrors = message.join("<br>");
+            Swal.fire({
+                title: currentTitle,
+                html: htmlErrors,
+                width: customWidth ? customWidth : '32rem',
+                icon: !isWarning ? 'question' : 'warning',
+                showCancelButton: true,
+                allowOutsideClick: false,
+                allowEscapeKey: false
+            }).then((result) => {
+                if (result.value && confirmCallback) {
+                    confirmCallback();
+                }
+            });
+        }
+        else {
+            Swal.fire({
+                title: currentTitle,
+                text: message,
+                width: customWidth ? customWidth : '32rem',
+                icon: !isWarning ? 'question' : 'warning',
+                showCancelButton: true,
+                allowOutsideClick: false,
+                allowEscapeKey: false
+            }).then((result) => {
+                if (result.value && confirmCallback) {
+                    confirmCallback();
+                }
+            });
+        }
+    }
+    /**
+     * 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, title = null, isToast = null) {
+        let currentTitle = title != null ? title : "Informazione:";
+        Swal.fire(currentTitle, message, 'info');
+    }
+    /**
+     * 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, title = null, isToast = null) {
+        let currentTitle = title != null ? title : "Attenzione!";
+        if (Array.isArray(message)) {
+            let htmlWarnings = message.join("<br>");
+            Swal.fire({
+                title: currentTitle,
+                html: htmlWarnings,
+                icon: 'warning'
+            });
+        }
+        else {
+            Swal.fire(currentTitle, message, 'warning');
+        }
+    }
+}
+EqpAttachmentDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EqpAttachmentDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+EqpAttachmentDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EqpAttachmentDialogService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EqpAttachmentDialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class EqpAttachmentService {
+    constructor() { }
+    loadDropboxScript() {
+        const script = document.createElement("script");
+        script.type = "text/javascript";
+        script.src = AttachmentHelperService.dropboxCredentials.url;
+        script.id = "dropboxjs";
+        script.dataset.appKey = AttachmentHelperService.dropboxCredentials.apiKey;
+        document.body.appendChild(script);
+    }
+}
+EqpAttachmentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EqpAttachmentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+EqpAttachmentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EqpAttachmentService, providedIn: "root" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EqpAttachmentService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root"
+                }]
+        }], ctorParameters: function () { return []; } });
+
+const toBase64 = (file) => new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = () => resolve(reader.result.toString());
+    reader.onerror = (error) => reject(error);
+});
+class EqpAttachmentsComponent {
+    constructor(dialog, formBuilder, sanitizer, http, cd, eqpAttachmentService) {
+        this.dialog = dialog;
+        this.formBuilder = formBuilder;
+        this.sanitizer = sanitizer;
+        this.http = http;
+        this.cd = cd;
+        this.eqpAttachmentService = eqpAttachmentService;
+        //#region @Input del componente
+        /**
+         * Se TRUE allora nasconde la colonna per le azioni sull'allegato (nel caso "multipleAttachment" è TRUE).
+         */
+        this.disableAction = false;
+        /**
+         * Se TRUE mostra il titolo nell'header nel caso in cui "multipleAttachment" è TRUE ("Elenco allegati" di default).
+         */
+        this.showHeader = true;
+        /**
+         * Titolo da visualizzare se il parametro "showHeader" è TRUE. Di devault viene visualizzato "Elenco allegati".
+         */
+        this.headerTitle = "Elenco allegati";
+        /**
+         * Sorgente dati da visualizzare. Nel caso si vuole gestire un singolo allegato va passato in ogni caso come Array.
+         */
+        this.attachmentsList = null;
+        /**
+         * Se TRUE non mostra la MatCard (nel caso in cui "multipleAttachment" è TRUE).
+         */
+        this.showMatCard = true;
+        /**
+         * 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".
+         */
+        this.multipleAttachment = true;
+        /**
+         * 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.
+         */
+        this.loadMultipleFiles = false;
+        /**
+         * Configurazione delle colonne della eqp-table per la visualizzazione degli allegati (caso "multipleAttachment" è TRUE).
+         */
+        this.attachmentsColumns = null;
+        /**
+         * Imposta il messaggio da visualizzare nel caso in cui la tabella degli allegati (nel caso in cui "multipleAttachment" è TRUE) è vuota.
+         */
+        this.emptyTableMessage = "Nessun dato trovato";
+        /**
+         * 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
+         */
+        this.allowOnlyImages = false;
+        /**
+         * Se TRUE disabilita il pulsante di Aggiunta allegato (a prescindere dal valore del parametro "multipleAttachment").
+         */
+        this.isDisabled = false;
+        /**
+         * Mostra/nasconde la colonna per visualizzare l'anteprima dei file nella tabella (caso multipleAtatchments = true).
+         */
+        this.showInlinePreview = false;
+        /**
+         * 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.
+         */
+        this.getAttachmentEndpoint = null;
+        /**
+         * 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.
+         */
+        this.productionBaseUrl = null;
+        /**
+         * Opzioni per la compressione delle immagini caricate.
+         */
+        this.compressionOptions = {
+            maxSizeMB: 0.5,
+            maxWidthOrHeight: 1920,
+            useWebWorker: true
+        };
+        /**
+         * Array di AttachmentType che si possono aggiungere
+         */
+        this.allowedTypes = [AttachmentType.FILE, AttachmentType.LINK];
+        /**
+         * Permette di stabilire se la eqp-table contenente l'elenco degli allegati utilizza
+         * il multilingua oppure no
+         */
+        this.isEqpTableMultiLanguage = false;
+        /**
+         * Permette di stabilire, in caso di gestione allegati multipli, se la tabella contenente l'elenco
+         * degli allegati deve essere paginata oppure no
+         */
+        this.tablePaginatorVisible = true;
+        /**
+         * 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
+         */
+        this.isTableSearcheable = true;
+        /**
+         * In caso di gestione allegati multipli, permette di stabilire la dimensione pagina di default
+         * per la tabella contenente l'elenco degli allegati
+         */
+        this.tablePaginatorSize = null;
+        /**
+         * Permette di scegliere il modo in cui i file devono essere caricati
+         */
+        // @Input("uploadType") uploadType: UploadTypeEnum = UploadTypeEnum.FILE_AND_LINK;
+        /**
+         * Permette di stabilire se i pulsanti per il caricamento dei file sono separati o in un menù a tendina
+         */
+        this.separatedUploadButtons = false;
+        /**
+         * Permette di scegliere se dare la possibilità di vedere o no l'anteprima
+         */
+        this.showPreview = true;
+        /**
+         * In caso di allegato singolo, permette di scegliere se aggiungere file tramite drag and drop
+         */
+        this.singleAttachmentDragAndDrop = false;
+        /**
+         * Array di opzioni che si possono utilizzare per il crop
+         */
+        this.cropOptions = [];
+        /**
+         * Input per definire le label da usare nel componente
+         */
+        this.downloadTooltipPosition = TooltipPositionType.Below;
+        this.openLinkLabel = "Apri link";
+        this.addButtonLabel = "Aggiungi";
+        this.downloadLabel = "Download";
+        this.deleteLabel = "Elimina";
+        this.fileNameLabel = "Nome file";
+        this.previewLabel = "Anteprima";
+        this.uploadFileLabel = "Carica file";
+        this.confirmLabel = "Conferma";
+        this.abortLabel = "Annulla";
+        this.saveLabel = "Salva";
+        this.exitLabel = "Esci";
+        this.uploadWithDropboxLabel = "Carica con Dropbox";
+        this.cropLabel = "Scegli le dimensioni dell'immagine";
+        this.eqpTableSearchText = "Cerca";
+        this.deleteDialogTitle = null;
+        this.deleteDialogMessage = "Sei sicuro di voler cancellare quest'allegato?";
+        this.noImageSelectedErrorMessage = "Non è possibile selezionare un file che non sia un'immagine.";
+        this.wrongTypeSelectedErrorMessage = "Non è possibile caricare il file selezionato.";
+        this.videoPreviewErrorMessage = "Impossibile aprire l'anteprima di un file video.";
+        this.audioPreviewErrorMessage = "Impossibile aprire l'anteprima di un file audio.";
+        this.flipHorinzontalLabel = "Capovolgi orizzontalmente";
+        this.flipVerticalLabel = "Capovolgi verticalmente";
+        this.rotateRightLabel = "Ruota a destra";
+        this.rotateLeftLabel = "Ruota a sinistra";
+        //#endregion
+        //#region @Output del componente
+        /**
+         * Restituisce la lista aggiornata degli allegati.
+         */
+        this.localEditedAttachments = new EventEmitter();
+        /**
+         * Evento scatenato alla pressione del pulsante ESCI della modale di caricamento file.
+         */
+        this.abortAddAttachment = new EventEmitter();
+        /**
+         * Evento di output che restituisce l'IAttachmentDTO selezionato per il download nel caso FileDataBase64, FileContentType o FileName non fossero specificati.
+         */
+        this.downloadAttachment = new EventEmitter();
+        /**
+         * Evento di output che restituisce l'elemento eliminato prima che questo venga effettivamente rismosso dalla lista.
+         */
+        this.onDeleteAttachment = new EventEmitter();
+        //#endregion
+        //#region Proprietà per gestione caricamento nuovo allegato
+        this.newAttachment = {};
+        this.newMultipleAttachments = [];
+        this.attachmentType = AttachmentType;
+        this.selectedFile = null;
+        this.selectedFiles = null;
+        this.showCropImage = false;
+        //#endregion
+        //#region Proprietà per gestione ridimensionamento file di tipo image
+        this.imageChangedEvent = "";
+        this.croppedImage = "";
+        this.transform = {};
+        this.canvasRotation = 0;
+        //#endregion
+        this.AttachmentType = AttachmentType;
+        this.addingLinkMode = false;
+    }
+    ngOnInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            //Se è stata richiesta la gestione delle sole immagini allora imposta il filtro per le estensioni possibili da caricare
+            if (!this.acceptedFileTypes)
+                if (this.allowOnlyImages == true)
+                    this.acceptedFileTypes = "image/*";
+                else
+                    this.acceptedFileTypes = "*";
+            // Se non sono stati specificati i tipi da gestire ma è stato passato null o un array vuoto imposto i tipi di default.
+            if (!this.allowedTypes || this.allowedTypes.length == 0)
+                this.allowedTypes = [AttachmentType.FILE, AttachmentType.LINK, AttachmentType.DROPBOX];
+            else if (this.allowedTypes.find((t) => t != AttachmentType.FILE && t != AttachmentType.LINK && t != AttachmentType.DROPBOX)) {
+                EqpAttachmentDialogService.Warning('Almeno uno degli AttachmentType selezionati nel parametro "allowedTypes" non esiste.');
+                this.allowedTypes = [AttachmentType.FILE, AttachmentType.LINK, AttachmentType.DROPBOX];
+            }
+            //Se è stata richiesta la gestione multipla degli allegati allora configura l'eqp-table
+            if (this.multipleAttachment == true && (!this.attachmentsColumns || this.attachmentsColumns.length == 0)) {
+                this.configureColumns();
+            }
+            if (this.attachmentsList == null)
+                this.attachmentsList = new Array();
+            this.checkAttachmentImage();
+            if (this.allowedTypes.includes(3)) {
+                this.eqpAttachmentService.loadDropboxScript();
+            }
+        });
+    }
+    reloadData() {
+        if (this.attachmentTable)
+            this.attachmentTable.reloadDatatable();
+    }
+    checkAttachmentImage() {
+        this.attachmentsList.forEach((a) => {
+            a.IsImage = AttachmentHelperService.checkImageFromMimeType(a.FileContentType);
+        });
+    }
+    //#region Gestione elenco allegati
+    /**
+     * Configura le colonne per l'eqp-table nel caso in cui il parametro "multipleAttachments" è TRUE.
+     */
+    configureColumns() {
+        this.attachmentsColumns = [];
+        if (this.disableAction != true) {
+            this.attachmentsColumns.push({
+                key: "action",
+                display: "",
+                type: TypeColumn.MenuAction,
+                buttonMenuIcon: "more_vert",
+                styles: { flex: "0 0 6%" },
+                actions: [
+                    { name: this.deleteLabel, icon: "delete", fn: (element, index, col) => this.deleteAttachment(element) }
+                ]
+            });
+        }
+        let downloadColumn = {
+            key: "attachment",
+            display: "",
+            type: TypeColumn.SimpleAction,
+            styles: { flex: "0 0 6%" },
+            actions: [
+                {
+                    name: "",
+                    fontawesome: true,
+                    icon: (element) => {
+                        return this.showInlinePreview
+                            ? element.AttachmentType == AttachmentType.FILE
+                                ? "fas fa-cloud-download-alt"
+                                : "fas fa-external-link-alt"
+                            : this.getAttachmentIcon(element);
+                    },
+                    fn: (element, col, elementIndex) => this.viewAttachment(element),
+                    tooltip: {
+                        tooltipText: (element) => {
+                            return element.AttachmentType == AttachmentType.FILE ? this.downloadLabel : this.openLinkLabel;
+                        },
+                        tooltipPosition: this.downloadTooltipPosition
+                    }
+                }
+            ]
+        };
+        let inlinePreviewColumn = {
+            key: "InlinePreview",
+            display: this.previewLabel,
+            type: TypeColumn.ExternalTemplate,
+            externalTemplate: this.inlinePreviewTemplate,
+            styles: { flex: "0 0 10%" }
+        };
+        let fileNameColumn = { key: "FileName", display: this.fileNameLabel };
+        if (this.showInlinePreview) {
+            this.attachmentsColumns.push(inlinePreviewColumn);
+            this.attachmentsColumns.push(fileNameColumn);
+            this.attachmentsColumns.push(downloadColumn);
+        }
+        else {
+            this.attachmentsColumns.push(downloadColumn);
+            this.attachmentsColumns.push(fileNameColumn);
+        }
+    }
+    /**
+     * Elimina un allegato eliminando anche il file presente nello storage di archiviazione utilizzato (AWS o cartella progetto)
+     * @param element IAttachmentDTO da cancellare
+     */
+    deleteAttachment(element) {
+        EqpAttachmentDialogService.Confirm(this.deleteDialogMessage, () => {
+            this.removeAttachmentFromList(this.attachmentsList.indexOf(element));
+        }, true, this.deleteDialogTitle);
+    }
+    /**
+     * 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) {
+        this.onDeleteAttachment.emit(this.attachmentsList[attachmentIndex]);
+        this.attachmentsList.splice(attachmentIndex, 1);
+        if (this.attachmentTable)
+            this.attachmentTable.reloadDatatable();
+        this.localEditedAttachments.emit(this.attachmentsList);
+    }
+    /**
+     * Scarica l'allegato o apre il link
+     * @param element Allegato da mostrare
+     */
+    viewAttachment(attachment) {
+        if (attachment.AttachmentType == AttachmentType.LINK) {
+            window.open(attachment.FilePath, "_blank");
+            return;
+        }
+        if (attachment.FileDataBase64 && attachment.FileContentType && attachment.FileName) {
+            let source = `data:${attachment.FileContentType};base64,${attachment.FileDataBase64}`;
+            const link = document.createElement("a");
+            link.href = source;
+            link.download = `${attachment.FileName}`;
+            link.click();
+        }
+        else {
+            this.downloadAttachment.emit(attachment);
+        }
+    }
+    /**
+     * 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) {
+        if (attachment.AttachmentType == AttachmentType.LINK)
+            return "fas fa-link";
+        else
+            return AttachmentHelperService.getIconFromFileExtensione(attachment.FileExtension);
+    }
+    //#endregion
+    /**
+     * In caso di allegato singolo, sceglie quale metodo richiamare in base al tipo di allegato
+     */
+    addFile(attachmentType, imageInput = null) {
+        if (attachmentType == AttachmentType.LINK) {
+            this.switchToAddingLinkMode();
+        }
+        else if (attachmentType == AttachmentType.FILE) {
+            imageInput.click();
+        }
+        else {
+            this.chooseDropboxFile();
+        }
+    }
+    createAttachmentForm() {
+        //Crea la form per la validazione dei campi
+        this.newAttachmentForm = this.formBuilder.group({
+            type: [this.newAttachment.AttachmentType, Validators.required],
+            name: [this.newAttachment.FileName],
+            path: [this.newAttachment.FilePath],
+            customHeight: [this.customHeight],
+            customWidth: [this.customWidth]
+        });
+    }
+    close(emitCloseEvent = true) {
+        this.newAttachment = {};
+        this.newMultipleAttachments = new Array();
+        this.abortFile();
+        if (this.newAttachmentForm)
+            this.newAttachmentForm.reset();
+        this.dialogRefCropImage.close();
+        this.restoreOriginalDimensions();
+        if (emitCloseEvent == true && this.abortAddAttachment)
+            this.abortAddAttachment.emit();
+    }
+    /**
+     * 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() {
+        if (this.loadMultipleFiles != true) {
+            if (this.newAttachment.AttachmentType == AttachmentType.FILE) {
+                return !this.newAttachment.FileDataBase64;
+            }
+            else {
+                return !this.newAttachment.FilePath;
+            }
+        }
+        else {
+            return (this.newMultipleAttachments.filter((p) => (p.AttachmentType == AttachmentType.FILE && !p.FileDataBase64) ||
+                (p.AttachmentType == AttachmentType.LINK && !p.FilePath)).length > 0);
+        }
+    }
+    confirmAddAttachment() {
+        if (this.newAttachment.IsImage) {
+            this.newAttachment.FileDataBase64 = this.imageCropper.crop().base64.split(";base64,")[1];
+        }
+        if (this.loadMultipleFiles != true) {
+            if (this.newAttachment.AttachmentType == AttachmentType.LINK && !this.newAttachment.FileName)
+                this.newAttachment.FileName = this.newAttachment.FilePath;
+            if (this.attachmentsList == null)
+                this.attachmentsList = new Array();
+            this.attachmentsList.push(this.newAttachment);
+        }
+        else {
+            if (this.newMultipleAttachments == null || this.newMultipleAttachments.length == 0)
+                return;
+            if (this.attachmentsList == null)
+                this.attachmentsList = new Array();
+            this.attachmentsList = this.attachmentsList.concat(this.newMultipleAttachments);
+        }
+        if (this.attachmentTable)
+            this.attachmentTable.reloadDatatable();
+        this.localEditedAttachments.emit(this.attachmentsList);
+        if (this.newAttachment.IsImage) {
+            this.dialogRefCropImage.close();
+            this.restoreOriginalDimensions();
+        }
+    }
+    /**
+     * Apre il dialog per l'anteprima dell'allegato selezionato.
+     * @param row
+     * @returns
+     */
+    openPreviewDialog(row) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.selectedAttachment = JSON.parse(JSON.stringify(row));
+            if (this.selectedAttachment.AttachmentType == AttachmentType.FILE) {
+                if (this.selectedAttachment.FileContentType.startsWith("video")) {
+                    EqpAttachmentDialogService.Warning(this.videoPreviewErrorMessage);
+                    return;
+                }
+                else if (this.selectedAttachment.FileContentType.startsWith("audio")) {
+                    EqpAttachmentDialogService.Warning(this.audioPreviewErrorMessage);
+                    return;
+                }
+            }
+            if (this.getAttachmentEndpoint && this.selectedAttachment.IsImage && !this.selectedAttachment.FileDataBase64) {
+                yield this.getAttachmentByID()
+                    .then((res) => {
+                    this.selectedAttachment.FileDataBase64 = res.FileDataBase64;
+                })
+                    .catch((err) => {
+                    EqpAttachmentDialogService.Error(err);
+                });
+            }
+            if (this.selectedAttachment.AttachmentType == AttachmentType.LINK) {
+                this.selectedAttachment.TrustedUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.selectedAttachment.FilePath);
+            }
+            else if (this.selectedAttachment.IsImage &&
+                !this.selectedAttachment.FileDataBase64 &&
+                !this.selectedAttachment.FileThumbnailBase64) {
+                EqpAttachmentDialogService.Info("Impossibile aprire l'anteprima dell'allegato, file mancante.");
+                return;
+            }
+            else if (!this.selectedAttachment.IsImage) {
+                if (this.selectedAttachment.FilePath && this.productionBaseUrl) {
+                    this.selectedAttachment.TrustedUrl = this.sanitizer.bypassSecurityTrustResourceUrl("https://docs.google.com/gview?url=" +
+                        this.productionBaseUrl +
+                        "/" +
+                        this.selectedAttachment.FilePath +
+                        "&embedded=true");
+                }
+                else {
+                    EqpAttachmentDialogService.Info("Impossibile aprire l'anteprima del documento!");
+                    return;
+                }
+            }
+            this.dialog.open(this.dialogPreview, {
+                disableClose: true,
+                hasBackdrop: true
+            });
+        });
+    }
+    getAttachmentByID() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.http.post(this.getAttachmentEndpoint, this.selectedAttachment).toPromise();
+        });
+    }
+    //#region Gestione caricamento file
+    /**
+     * 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, isFileDropped = false) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.showCropImage = false;
+            let filesOnInput = isFileDropped ? event : event.target.files;
+            //Se è stato richiesto il caricamento SINGOLO oppure se il caricamento è MULTIPLO ma è stato selezionato un solo file
+            //allora verifica se il file è un immagine (per mostrare il CROPPIE)
+            if ([...filesOnInput].length == 1 || this.loadMultipleFiles != true) {
+                this.selectedFile = filesOnInput[0];
+                this.selectedFiles = filesOnInput;
+                if (!this.selectedFile)
+                    return;
+                //Memorizza i dati per l'allegato
+                this.newAttachment = yield this.createAttachmentFromUploadedFile(this.selectedFile, false);
+                this.newMultipleAttachments = new Array();
+                this.newMultipleAttachments.push(this.newAttachment);
+                //Se è stata richiesta la gestione delle sole immagini ma per errore è stato selezionato un file che non è un immagine
+                let checkOnlyImage = this.checkAllowOnlyImageFile(this.newAttachment);
+                if (checkOnlyImage == false)
+                    return;
+                this.createAttachmentForm();
+                //Verifica se il file caricato è un'immagine oppure no. Se è un immagine, prima di caricarla mostra il croppie per il resize.
+                //Se non è un immagine allora genera il Base64
+                if (this.newAttachment.IsImage == true) {
+                    this.getImageDimensions(filesOnInput[0]);
+                    //Mostra il croppie e disabilita la form finchè non termina la modifica dell'immagine
+                    this.newAttachmentForm.disable();
+                    this.newAttachmentForm.controls["customWidth"].enable();
+                    this.newAttachmentForm.controls["customHeight"].enable();
+                    this.showCropImage = true;
+                    this.imageFile = event;
+                    this.dialogRefCropImage = this.dialog.open(this.dialogCropImage, {
+                        disableClose: true,
+                        hasBackdrop: true,
+                        width: "60%",
+                        maxHeight: "80%",
+                        maxWidth: "70vh"
+                    });
+                }
+                else {
+                    this.showCropImage = false;
+                    let base64Result = yield this.getBase64FromFile(this.selectedFile);
+                    this.newAttachment.FileDataBase64 = base64Result.Base64File;
+                    this.newAttachment.FileContentType = base64Result.ContentType;
+                    this.confirmAddAttachment();
+                }
+            }
+            else {
+                this.selectedFiles = filesOnInput;
+                if (!this.selectedFiles || this.selectedFiles.length == 0)
+                    return;
+                this.newMultipleAttachments = new Array();
+                for (let i = 0; i < this.selectedFiles.length; i++) {
+                    let newAttachment = yield this.createAttachmentFromUploadedFile(this.selectedFiles[i], true, true);
+                    //Se è stata richiesta la gestione delle sole immagini ma per errore è stato selezionato un file che non è un immagine
+                    let checkOnlyImage = this.checkAllowOnlyImageFile(newAttachment);
+                    if (checkOnlyImage == false)
+                        return;
+                    this.newMultipleAttachments.push(newAttachment);
+                }
+                this.confirmAddAttachment();
+            }
+            //Resetto il valore del file input in modo da scatenare il change anche se si dovesse caricare lo stesso file
+            if (!isFileDropped)
+                event.target.value = "";
+        });
+    }
+    /**
+     * 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
+     */
+    createAttachmentFromUploadedFile(currentFile, getBase64 = true, cropFile = false) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let newAttachment = {};
+            //Memorizza i dati per l'allegato
+            newAttachment.AttachmentType = AttachmentType.FILE;
+            newAttachment.FileContentType = currentFile.type;
+            newAttachment.FileName = currentFile.name;
+            newAttachment.FileExtension = currentFile.name.substr(currentFile.name.lastIndexOf(".") + 1);
+            newAttachment.IsImage = AttachmentHelperService.checkImageFromMimeType(currentFile.type);
+            if (getBase64 == true) {
+                let base64Result = yield this.getBase64FromFile(currentFile);
+                newAttachment.FileDataBase64 = base64Result.Base64File;
+                newAttachment.FileContentType = base64Result.ContentType;
+                if (newAttachment.IsImage && newAttachment.FileDataBase64 && cropFile) {
+                    this.getCroppedAndUpload(`data:${base64Result.ContentType};base64,${base64Result.Base64File}`, newAttachment);
+                }
+            }
+            return newAttachment;
+        });
+    }
+    /**
+     * 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
+     */
+    getBase64FromFile(currentFile) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let base64File = yield toBase64(currentFile);
+            let contentType = null;
+            if (base64File) {
+                // Loris 20/01/2022: PROBLEMA - Quando eseguo l'upload di un file .sql non viene salvato/scaricato correttamente.
+                //                   Questo succede perchè non viene popolato il FileContentType. Per risolvere il problema
+                //                   faccio un controllo e se non esiste il FileContentType allora lo recupero dal base64 ottenuto.
+                contentType = base64File.split(",")[0].split(":")[1].split(";")[0];
+                // Un altro metodo per leggere il ccontent type del file è tramite una regular expression:
+                base64File = base64File.split(",")[1];
+            }
+            let result = {
+                Base64File: base64File,
+                ContentType: contentType
+            };
+            return result;
+        });
+    }
+    /**
+     * Controlla se il file che si sta caricando è supportato dal sistema.
+     * @returns
+     */
+    checkAcceptedFiles() {
+        if ((this.loadMultipleFiles != true && this.selectedFile.type.startsWith("video")) ||
+            (this.loadMultipleFiles == true && [...this.selectedFiles].filter((p) => p.type.startsWith("video")).length > 0))
+            return false;
+        if (this.acceptedFileTypes == "*")
+            return true;
+        //Verifica che i tipi del file (o dei file) caricati siano coerenti con quelli accettati dalla direttiva
+        let accepted = true;
+        if (this.loadMultipleFiles != true)
+            accepted = this.acceptedFileTypes.includes(this.selectedFile.type);
+        else {
+            let uploadedFileTypes = [...this.selectedFiles].map((p) => p.type);
+            uploadedFileTypes.forEach((type) => {
+                if (!this.acceptedFileTypes.includes(type))
+                    accepted = false;
+            });
+        }
+        //Questo controllo permette di gestire le casistiche per cui vengono indicati come tipi validi, ad esempio, 'image/*'
+        if (!accepted && this.loadMultipleFiles != true) {
+            for (let t of this.acceptedFileTypes.split(",").filter((t) => t.includes("*"))) {
+                accepted = this.selectedFile.type.startsWith(t.split("*")[0]);
+                if (accepted)
+                    break;
+            }
+        }
+        return accepted;
+    }
+    /**
+     * 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
+     */
+    checkAllowOnlyImageFile(newAttachment) {
+        if (this.allowOnlyImages == true && newAttachment.IsImage != true) {
+            EqpAttachmentDialogService.Error(this.noImageSelectedErrorMessage);
+            this.abortFile();
+            return false;
+        }
+        else if (!this.checkAcceptedFiles()) {
+            EqpAttachmentDialogService.Error(this.wrongTypeSelectedErrorMessage);
+            this.abortFile();
+            return false;
+        }
+        return true;
+    }
+    //#region Gestione crop file
+    getImageDimensions(img) {
+        const reader = new FileReader();
+        reader.onload = (e) => {
+            const image = new Image();
+            image.src = e.target.result;
+            image.onload = (rs) => {
+                this.originalHeight = rs.currentTarget["height"];
+                this.originalWidth = rs.currentTarget["width"];
+                if (this.originalWidth > 1280) {
+                    this.customWidth = 1280;
+                    this.customHeight = Math.round((1280 * this.originalHeight) / this.originalWidth);
+                }
+                else {
+                    this.customHeight = rs.currentTarget["height"];
+                    this.customWidth = rs.currentTarget["width"];
+                }
+            };
+        };
+        reader.readAsDataURL(img);
+    }
+    restoreOriginalDimensions() {
+        this.customWidth = this.originalWidth;
+        this.customHeight = this.originalHeight;
+        this.canvasRotation = 0;
+        this.transform = {};
+    }
+    onDimensionsChange(dimension) {
+        if (dimension == "H") {
+            this.customWidth = Math.round((this.customHeight * this.originalWidth) / this.originalHeight);
+        }
+        else if (dimension == "W") {
+            this.customHeight = Math.round((this.customWidth * this.originalHeight) / this.originalWidth);
+        }
+    }
+    imageCropped(event) {
+        this.croppedImage = event.base64;
+        this.getCroppedAndUpload(this.croppedImage, this.newAttachment);
+    }
+    getCroppedAndUpload(file, newAttachment) {
+        var self = this;
+        var file = base64ToFile(file);
+        const options = this.compressionOptions;
+        /**
+         * Comprime l'immagine passando come parametri le options create nell'oggetto sopra, e il file dal reader principale
+         */
+        imageCompression(file, options).then((fileCompressed) => {
+            let fileReader = new FileReader();
+            //Faccio la push di ogni file all'interno dell'array di file dell'item da mandare al server
+            fileReader.onload = function () {
+                let resultReader = fileReader.result;
+                var marker = ";base64,";
+                newAttachment.FileDataBase64 = resultReader.substring(resultReader.indexOf(marker) + marker.length);
+                self.showCropImage = false;
+                if (self.newAttachmentForm) {
+                    self.newAttachmentForm.enable();
+                }
+            };
+            fileReader.readAsDataURL(fileCompressed);
+        });
+    }
+    // confirmCrop() {
+    //   this.imageCropper.crop();
+    //   this.dialogRefCropImage.close();
+    //   this.restoreOriginalDimensions();
+    // }
+    rotateLeft() {
+        this.canvasRotation--;
+        this.flipAfterRotate();
+    }
+    rotateRight() {
+        this.canvasRotation++;
+        this.flipAfterRotate();
+    }
+    flipAfterRotate() {
+        const flippedH = this.transform.flipH;
+        const flippedV = this.transform.flipV;
+        this.transform = Object.assign(Object.assign({}, this.transform), { flipH: flippedV, flipV: flippedH });
+    }
+    flipHorizontal() {
+        this.transform = Object.assign(Object.assign({}, this.transform), { flipH: !this.transform.flipH });
+    }
+    flipVertical() {
+        this.transform = Object.assign(Object.assign({}, this.transform), { flipV: !this.transform.flipV });
+    }
+    //#endregion
+    /**
+     * Annulla la selezione del file, svuotando l'input e resettando tutte le proprietà dell'IAttachmentDTO
+     */
+    abortFile() {
+        if (this.imageInput)
+            this.imageInput.nativeElement.value = "";
+        this.selectedFile = null;
+        this.selectedFiles = null;
+        this.showCropImage = false;
+        this.newAttachment.IsImage = false;
+        this.newAttachment.FileDataBase64 = null;
+        this.newAttachment.FileName = null;
+        this.newAttachment.FileExtension = null;
+        this.newAttachment.FileContentType = null;
+        this.newMultipleAttachments = new Array();
+        this.customHeight = null;
+        this.customWidth = null;
+        this.originalHeight = null;
+        this.originalWidth = null;
+        this.dialogRefCropImage.close();
+        this.restoreOriginalDimensions();
+    }
+    //#endregion
+    // Viene creato un'array observables per memorizzare tutti gli observable creati dalle chiamate a fileEntry.file().
+    // Dopo che tutti gli observables sono stati completati, viene utilizzato il metodo subscribe() per eseguire la funzione onFileAdded().
+    fileDropped(files) {
+        let filesDropped = [];
+        const observables = [];
+        for (let i = 0; i < files.length; i++) {
+            if (files[i].fileEntry.isFile) {
+                const fileEntry = files[i].fileEntry;
+                const observable = new Observable((observer) => {
+                    fileEntry.file((file) => {
+                        filesDropped.push(file);
+                        observer.next(file);
+                        observer.complete();
+                    });
+                });
+                observables.push(observable);
+            }
+            else {
+                const fileEntry = files[i].fileEntry;
+                console.log(files[i].relativePath, fileEntry);
+            }
+        }
+        from(observables)
+            .pipe(concatMap((observable) => observable))
+            .subscribe({
+            complete: () => {
+                this.onFileAdded(filesDropped, true);
+            }
+        });
+    }
+    // Se il caricamento del file dropbox va a buon fine, la funzione di callback restituisce un array di oggetti.
+    // Viene poi fatta una XMLHttpRequest con responseType 'blob' per convertire il primo elemento della response in un Blob.
+    chooseDropboxFile() {
+        var options = {
+            success: (files) => {
+                const xhr = new XMLHttpRequest();
+                xhr.open("GET", files[0].link);
+                xhr.setRequestHeader("Authorization", `Bearer ${AttachmentHelperService.dropboxCredentials.accessToken}`);
+                xhr.responseType = "blob";
+                xhr.onload = () => {
+                    const blob = xhr.response;
+                    const file = new File([blob], files[0].name, { type: blob.type });
+                    let filesAdded = [file];
+                    this.onFileAdded(filesAdded, true);
+                };
+                xhr.send();
+            },
+            linkType: "direct",
+            multiselect: false,
+            extensions: [".jpg", ".png", ".pdf", ".doc", ".docx", ".txt"]
+        };
+        Dropbox.choose(options);
+    }
+    // Workaround dropzone: disabilito il click degli elementi inclusi nella dropzone per evitare di cliccare due volte
+    onSelectFile(event, fileInput) {
+        if (event.target.tagName === "BUTTON" ||
+            event.target.tagName === "INPUT" ||
+            this.addingLinkMode == true) {
+            return;
+        }
+        fileInput.click();
+    }
+    // Metodo per visualizzare la form di aggiunta di un link
+    switchToAddingLinkMode() {
+        this.addingLinkMode = true;
+        this.newAttachment = {};
+        this.newAttachment.IsImage = false;
+        this.newAttachment.AttachmentType = this.attachmentType.LINK;
+        this.newMultipleAttachments = new Array();
+        this.newMultipleAttachments.push(this.newAttachment);
+        this.createAttachmentForm();
+    }
+}
+EqpAttachmentsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EqpAttachmentsComponent, deps: [{ token: i1.MatDialog }, { token: i2.FormBuilder }, { token: i3.DomSanitizer }, { token: i4.HttpClient }, { token: i0.ChangeDetectorRef }, { token: EqpAttachmentService }], target: i0.ɵɵFactoryTarget.Component });
+EqpAttachmentsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EqpAttachmentsComponent, selector: "eqp-attachments", inputs: { disableAction: "disableAction", showHeader: "showHeader", headerTitle: "headerTitle", attachmentsList: "attachmentsList", showMatCard: "showMatCard", multipleAttachment: "multipleAttachment", loadMultipleFiles: "loadMultipleFiles", attachmentsColumns: "attachmentsColumns", emptyTableMessage: "emptyTableMessage", allowOnlyImages: "allowOnlyImages", acceptedFileTypes: "acceptedFileTypes", isDisabled: "isDisabled", showInlinePreview: "showInlinePreview", getAttachmentEndpoint: "getAttachmentEndpoint", productionBaseUrl: "productionBaseUrl", compressionOptions: "compressionOptions", allowedTypes: "allowedTypes", isEqpTableMultiLanguage: "isEqpTableMultiLanguage", tablePaginatorVisible: "tablePaginatorVisible", isTableSearcheable: "isTableSearcheable", tablePaginatorSize: "tablePaginatorSize", separatedUploadButtons: "separatedUploadButtons", showPreview: "showPreview", singleAttachmentDragAndDrop: "singleAttachmentDragAndDrop", cropOptions: "cropOptions", cropDialogClass: "cropDialogClass", downloadTooltipPosition: "downloadTooltipPosition", openLinkLabel: "openLinkLabel", addButtonLabel: "addButtonLabel", downloadLabel: "downloadLabel", deleteLabel: "deleteLabel", fileNameLabel: "fileNameLabel", previewLabel: "previewLabel", uploadFileLabel: "uploadFileLabel", confirmLabel: "confirmLabel", abortLabel: "abortLabel", saveLabel: "saveLabel", exitLabel: "exitLabel", uploadWithDropboxLabel: "uploadWithDropboxLabel", cropLabel: "cropLabel", eqpTableSearchText: "eqpTableSearchText", deleteDialogTitle: "deleteDialogTitle", deleteDialogMessage: "deleteDialogMessage", noImageSelectedErrorMessage: "noImageSelectedErrorMessage", wrongTypeSelectedErrorMessage: "wrongTypeSelectedErrorMessage", videoPreviewErrorMessage: "videoPreviewErrorMessage", audioPreviewErrorMessage: ["videoPreviewErrorMessage", "audioPreviewErrorMessage"], flipHorinzontalLabel: "flipHorinzontalLabel", flipVerticalLabel: "flipVerticalLabel", rotateRightLabel: "rotateRightLabel", rotateLeftLabel: "rotateLeftLabel" }, outputs: { localEditedAttachments: "localEditedAttachments", abortAddAttachment: "abortAddAttachment", downloadAttachment: "downloadAttachment", onDeleteAttachment: "onDeleteAttachment" }, viewQueries: [{ propertyName: "dialogAddAttachment", first: true, predicate: ["dialogAddAttachment"], descendants: true, static: true }, { propertyName: "dialogAddMultipleAttachment", first: true, predicate: ["dialogAddMultipleAttachment"], descendants: true, static: true }, { propertyName: "dialogCropImage", first: true, predicate: ["dialogCropImage"], descendants: true, static: true }, { propertyName: "imageCropper", first: true, predicate: ImageCropperComponent, descendants: true }, { propertyName: "imageInput", first: true, predicate: ["imageInput"], descendants: true }, { propertyName: "attachmentTable", first: true, predicate: ["attachmentTable"], descendants: true }, { propertyName: "inlinePreviewTemplate", first: true, predicate: ["inlinePreviewTemplate"], descendants: true, static: true }, { propertyName: "dialogPreview", first: true, predicate: ["dialogPreview"], descendants: true, static: true }], ngImport: i0, template: "<!-- Se richiesta la gestione singola mostra il pulsante di caricamento di un singolo file -->\r\n<div *ngIf=\"multipleAttachment != true\">\r\n  <div *ngIf=\"!singleAttachmentDragAndDrop\">\r\n    <!-- Template del button per l'aggiunta di un allegato -->\r\n    <div *ngIf=\"!addingLinkMode\" class=\"text-center\">\r\n      <ng-container *ngTemplateOutlet=\"addAttachmentButton\"></ng-container>\r\n    </div>\r\n    <!-- Template della form per l'aggiunta di un link -->\r\n    <div *ngIf=\"addingLinkMode\" class=\"text-center\">\r\n      <ng-container *ngTemplateOutlet=\"addingLinkTemplate\"></ng-container>\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"singleAttachmentDragAndDrop\">\r\n    <input\r\n      #fileInput\r\n      style=\"display: none\"\r\n      id=\"file_attachment\"\r\n      name=\"file_attachment\"\r\n      type=\"file\"\r\n      (change)=\"onFileAdded($event)\"\r\n      [accept]=\"acceptedFileTypes\"\r\n      [multiple]=\"loadMultipleFiles\" />\r\n    <ngx-file-drop\r\n      (onFileDrop)=\"fileDropped($event)\"\r\n      (click)=\"onSelectFile($event, fileInput)\"\r\n      *ngIf=\"\r\n        allowedTypes &&\r\n        allowedTypes.includes(1) &&\r\n        (!attachmentsList || attachmentsList.length == 0 || (attachmentsList.length > 0 && !attachmentsList[0]))\r\n      \">\r\n      <ng-template ngx-file-drop-content-tmp *ngIf=\"!addingLinkMode\">\r\n        <i class=\"fa-solid fa-cloud-upload-alt fa-3x mt-3\"></i>\r\n        Trascina i file qui\r\n        <div class=\"btn-group mt-1\" role=\"group\">\r\n          <button type=\"button\" class=\"btn btn-light border-end\" (click)=\"fileInput.click()\">Scegli un file</button>\r\n          <div class=\"btn-group\" role=\"group\">\r\n            <button\r\n              type=\"button\"\r\n              class=\"btn btn-light border-start dropdown-toggle\"\r\n              [matMenuTriggerFor]=\"attachmentTypeMenu\"></button>\r\n            <mat-menu #attachmentTypeMenu=\"matMenu\">\r\n              <button\r\n                *ngIf=\"allowedTypes.includes(1)\"\r\n                mat-menu-item\r\n                (click)=\"fileInput.click()\"\r\n                class=\"eqp-attachments-file-btn\">\r\n                <i class=\"fas fa-file\"></i>\r\n                <span style=\"margin-left: 10px\">File</span>\r\n              </button>\r\n              <button\r\n                *ngIf=\"allowedTypes.includes(2)\"\r\n                mat-menu-item\r\n                (click)=\"switchToAddingLinkMode()\"\r\n                class=\"eqp-attachments-link-btn\">\r\n                <i class=\"fas fa-link\"></i>\r\n                <span style=\"margin-left: 10px\">Link</span>\r\n              </button>\r\n              <button\r\n                *ngIf=\"allowedTypes.includes(3)\"\r\n                mat-menu-item\r\n                (click)=\"chooseDropboxFile()\"\r\n                class=\"eqp-attachments-link-btn\">\r\n                <i class=\"fa-brands fa-dropbox\"></i>\r\n                <span style=\"margin-left: 10px\">Dropbox</span>\r\n              </button>\r\n            </mat-menu>\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n      <ng-template ngx-file-drop-content-tmp *ngIf=\"addingLinkMode\">\r\n        <ng-container *ngTemplateOutlet=\"addingLinkTemplate\"></ng-container>\r\n      </ng-template>\r\n    </ngx-file-drop>\r\n  </div>\r\n  <div class=\"text-center\">\r\n    <button\r\n      class=\"mb-2 me-2 eqp-attachments-download-btn\"\r\n      (click)=\"viewAttachment(attachmentsList[0])\"\r\n      type=\"button\"\r\n      mat-raised-button\r\n      *ngIf=\"attachmentsList && attachmentsList.length > 0 && attachmentsList[0]\"\r\n      color=\"primary\">\r\n      <mat-icon *ngIf=\"attachmentsList[0].AttachmentType == AttachmentType.FILE\">download</mat-icon>\r\n      <mat-icon *ngIf=\"attachmentsList[0].AttachmentType != AttachmentType.FILE\">open_in_new</mat-icon>\r\n      {{ attachmentsList[0].AttachmentType == AttachmentType.FILE ? downloadLabel : openLinkLabel }}\r\n    </button>\r\n    <button\r\n      class=\"mb-2 me-2 eqp-attachments-preview-btn\"\r\n      (click)=\"openPreviewDialog(attachmentsList[0])\"\r\n      type=\"button\"\r\n      mat-raised-button\r\n      color=\"primary\"\r\n      *ngIf=\"\r\n        showPreview &&\r\n        attachmentsList &&\r\n        attachmentsList.length > 0 &&\r\n        attachmentsList[0] &&\r\n        (!attachmentsList[0].FileContentType ||\r\n          (!attachmentsList[0].FileContentType.startsWith('video') &&\r\n            !attachmentsList[0].FileContentType.startsWith('audio'))) &&\r\n        attachmentsList[0].IsImage == true\r\n      \">\r\n      <mat-icon>visibility</mat-icon> {{ previewLabel }}\r\n    </button>\r\n    <button\r\n      class=\"mb-2 eqp-attachments-delete-btn\"\r\n      (click)=\"deleteAttachment(attachmentsList[0])\"\r\n      type=\"button\"\r\n      mat-raised-button\r\n      *ngIf=\"attachmentsList && attachmentsList.length > 0 && attachmentsList[0]\"\r\n      [disabled]=\"isDisabled\">\r\n      <mat-icon>delete</mat-icon> {{ deleteLabel }}\r\n    </button>\r\n  </div>\r\n  <div\r\n    class=\"row\"\r\n    style=\"margin-top: 10px\"\r\n    *ngIf=\"\r\n      attachmentsList.length > 0 &&\r\n      attachmentsList[0] &&\r\n      attachmentsList[0].FileDataBase64 &&\r\n      attachmentsList[0].IsImage == true\r\n    \">\r\n    <div class=\"col-sm-12 d-flex justify-content-center\">\r\n      <div class=\"single-attachment-inline-preview-container\">\r\n        <img src=\"data:image/png;base64,{{ attachmentsList[0].FileDataBase64 }}\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"row\" *ngIf=\"attachmentsList.length > 0 && attachmentsList[0] && attachmentsList[0].IsImage != true\">\r\n    <div class=\"col-sm-12\">\r\n      <mat-form-field>\r\n        <mat-label>{{ fileNameLabel }}</mat-label>\r\n        <input readonly matInput [(ngModel)]=\"attachmentsList[0].FileName\" />\r\n      </mat-form-field>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div *ngIf=\"multipleAttachment == true\">\r\n  <input\r\n    #fileInput\r\n    style=\"display: none\"\r\n    id=\"file_attachment\"\r\n    name=\"file_attachment\"\r\n    type=\"file\"\r\n    (change)=\"onFileAdded($event)\"\r\n    [accept]=\"acceptedFileTypes\"\r\n    [multiple]=\"loadMultipleFiles\" />\r\n  <ngx-file-drop (onFileDrop)=\"fileDropped($event)\" (click)=\"onSelectFile($event, fileInput)\">\r\n    <ng-template ngx-file-drop-content-tmp *ngIf=\"!addingLinkMode\">\r\n      <i class=\"fa-solid fa-cloud-upload-alt fa-3x mt-3\"></i>\r\n      Trascina i file qui\r\n      <div class=\"btn-group mt-1\" role=\"group\">\r\n        <button type=\"button\" class=\"btn btn-light border-end\" (click)=\"fileInput.click()\">Scegli un file</button>\r\n        <div class=\"btn-group\" role=\"group\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"btn btn-light border-start dropdown-toggle\"\r\n            [matMenuTriggerFor]=\"attachmentTypeMenu\"></button>\r\n          <mat-menu #attachmentTypeMenu=\"matMenu\">\r\n            <button\r\n              *ngIf=\"allowedTypes.includes(1)\"\r\n              mat-menu-item\r\n              (click)=\"fileInput.click()\"\r\n              class=\"eqp-attachments-file-btn\">\r\n              <i class=\"fas fa-file\"></i>\r\n              <span style=\"margin-left: 10px\">File</span>\r\n            </button>\r\n            <button\r\n              *ngIf=\"allowedTypes.includes(2)\"\r\n              mat-menu-item\r\n              (click)=\"switchToAddingLinkMode()\"\r\n              class=\"eqp-attachments-link-btn\">\r\n              <i class=\"fas fa-link\"></i>\r\n              <span style=\"margin-left: 10px\">Link</span>\r\n            </button>\r\n            <button\r\n              *ngIf=\"allowedTypes.includes(3)\"\r\n              mat-menu-item\r\n              (click)=\"chooseDropboxFile()\"\r\n              class=\"eqp-attachments-link-btn\">\r\n              <i class=\"fa-brands fa-dropbox\"></i>\r\n              <span style=\"margin-left: 10px\">Dropbox</span>\r\n            </button>\r\n          </mat-menu>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template ngx-file-drop-content-tmp *ngIf=\"addingLinkMode\">\r\n      <ng-container *ngTemplateOutlet=\"addingLinkTemplate\"></ng-container>\r\n    </ng-template>\r\n  </ngx-file-drop>\r\n  <div class=\"mt-2\">\r\n    <eqp-table\r\n      #attachmentTable\r\n      [createMatCard]=\"false\"\r\n      #table\r\n      [columns]=\"attachmentsColumns\"\r\n      [isMultiLanguage]=\"isEqpTableMultiLanguage\"\r\n      [data]=\"attachmentsList\"\r\n      [paginatorVisible]=\"tablePaginatorVisible\"\r\n      [matPaginatorSize]=\"tablePaginatorSize\"\r\n      [emptyTableMessage]=\"emptyTableMessage\"\r\n      [searchText]=\"eqpTableSearchText\"\r\n      [isTableSearcheable]=\"isTableSearcheable\">\r\n    </eqp-table>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #dialogCropImage>\r\n  <!-- Richiama il template per le funzionalit\u00E0 del CROPPIE -->\r\n  <div style=\"overflow-x: hidden\" [ngClass]=\"cropDialogClass\">\r\n    <ng-container\r\n      [ngTemplateOutlet]=\"croppieTemplate\"\r\n      [ngTemplateOutletContext]=\"{ form: newAttachmentForm }\"\r\n      *ngIf=\"showCropImage == true\"></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #inlinePreviewTemplate let-row=\"row\">\r\n  <div\r\n    class=\"inline-preview-container\"\r\n    *ngIf=\"row.AttachmentType != AttachmentType.LINK && row.IsImage\"\r\n    (click)=\"openPreviewDialog(row)\">\r\n    <img src=\"data:image/png;base64,{{ row.FileThumbnailBase64 ? row.FileThumbnailBase64 : row.FileDataBase64 }}\" />\r\n  </div>\r\n  <div\r\n    class=\"inline-preview-container\"\r\n    *ngIf=\"row.AttachmentType != AttachmentType.LINK && !row.IsImage\"\r\n    (click)=\"openPreviewDialog(row)\">\r\n    <i [ngClass]=\"getAttachmentIcon(row)\"></i>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #dialogPreview>\r\n  <mat-card class=\"example-card\" *ngIf=\"selectedAttachment\">\r\n    <mat-card-content>\r\n      <div class=\"row\">\r\n        <div class=\"header-title-standard\">\r\n          {{ previewLabel }} {{ selectedAttachment?.AttachmentType == attachmentType.FILE ? \"File\" : \"Link\" }}\r\n          <button\r\n            type=\"button\"\r\n            class=\"btn-close closeButton\"\r\n            mat-dialog-close\r\n            (click)=\"selectedAttachment = null\"></button>\r\n        </div>\r\n      </div>\r\n      <div class=\"row mt-2\">\r\n        <!-- ANTEPRIMA IMMAGINE -->\r\n        <div class=\"col-12 text-center preview-container\" *ngIf=\"selectedAttachment.IsImage\">\r\n          <img\r\n            class=\"image-preview\"\r\n            src=\"data:image/png;base64,{{\r\n              selectedAttachment.FileDataBase64\r\n                ? selectedAttachment.FileDataBase64\r\n                : selectedAttachment.FileThumbnailBase64\r\n            }}\" />\r\n        </div>\r\n\r\n        <!-- ANTEPRIMA LINK -->\r\n        <div class=\"col-12 preview-container\" *ngIf=\"!selectedAttachment.IsImage\">\r\n          <iframe\r\n            class=\"link-preview\"\r\n            [src]=\"selectedAttachment.TrustedUrl\"\r\n            [title]=\"selectedAttachment.FileName\"></iframe>\r\n        </div>\r\n      </div>\r\n      <div class=\"row mt-3\">\r\n        <div class=\"col-sm-12 text-center\">\r\n          <button\r\n            mat-mini-fab\r\n            color=\"primary\"\r\n            matTooltip=\"Download\"\r\n            (click)=\"viewAttachment(selectedAttachment)\"\r\n            *ngIf=\"selectedAttachment.AttachmentType != AttachmentType.LINK\">\r\n            <mat-icon>download</mat-icon>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </mat-card-content>\r\n  </mat-card>\r\n</ng-template>\r\n\r\n<!-- TEMPLATE PER IL PULSANTE DI AGGIUNTA NUOVO ALLEGATO -->\r\n<ng-template #addAttachmentButton>\r\n  <!--\r\n        Pulsanti per l'aggiunta di un file o un link. Ne viene visualizzato uno se:\r\n        - gli allowedTypes sono stati specificati, nell'array ne \u00E8 presente uno solo, quello inserito \u00E8 AttachmentType.FILE (o AttachmentType.LINK)\r\n        e sono nella gestione di pi\u00F9 allegati (multipleAttachment == true)\r\n        OPPURE\r\n        - gli allowedTypes sono stati specificati, nell'array ne \u00E8 presente uno solo, quello inserito \u00E8 AttachmentType.FILE (o AttachmentType.LINK)\r\n        e sono nella gestione di un singolo allegato (multipleAttachment == true) e non ne \u00E8 ancora stato selezionato uno (ovvero attachmentsList non esiste o non ha elementi)\r\n    -->\r\n  <input\r\n    #fileInput\r\n    style=\"display: none\"\r\n    id=\"file_attachment\"\r\n    name=\"file_attachment\"\r\n    type=\"file\"\r\n    (change)=\"onFileAdded($event)\"\r\n    [accept]=\"acceptedFileTypes\"\r\n    [multiple]=\"loadMultipleFiles\" />\r\n  <button\r\n    class=\"btn btn-primary mb-4 me-5 eqp-attachments-add-btn\"\r\n    mat-raised-button\r\n    color=\"primary\"\r\n    type=\"button\"\r\n    *ngIf=\"\r\n      allowedTypes &&\r\n      allowedTypes.length == 1 &&\r\n      (multipleAttachment == true ||\r\n        !attachmentsList ||\r\n        attachmentsList.length == 0 ||\r\n        (attachmentsList.length > 0 && !attachmentsList[0]))\r\n    \"\r\n    (click)=\"addFile(allowedTypes[0], fileInput)\"\r\n    [disabled]=\"isDisabled\">\r\n    <!-- Per l'aggiunta dei file mostro un'icona diversa dall'aggiunta dei link -->\r\n    <mat-icon *ngIf=\"allowedTypes[0] == 1\">cloud_upload</mat-icon>\r\n    <i class=\"fas fa-link\" *ngIf=\"allowedTypes[0] == 2\"></i>\r\n    <i class=\"fa-brands fa-dropbox\" *ngIf=\"allowedTypes[0] == 3\"></i>\r\n    <span style=\"margin-left: 10px\">\r\n      {{\r\n        allowedTypes[0] == 1\r\n          ? addButtonLabel + \" file\"\r\n          : allowedTypes[0] == 2\r\n          ? addButtonLabel + \" link\"\r\n          : uploadWithDropboxLabel\r\n      }}</span\r\n    >\r\n  </button>\r\n\r\n  <!-- Pulsante per aprire il menu per la scelta del tipo di Attachment da creare -->\r\n  <button\r\n    class=\"btn btn-primary mb-4 me-5 eqp-attachments-add-btn\"\r\n    mat-raised-button\r\n    color=\"primary\"\r\n    type=\"button\"\r\n    [matMenuTriggerFor]=\"attachmentTypeMenu\"\r\n    [disabled]=\"isDisabled\"\r\n    *ngIf=\"\r\n      !separatedUploadButtons &&\r\n      allowedTypes &&\r\n      allowedTypes.length > 1 &&\r\n      (multipleAttachment == true ||\r\n        !attachmentsList ||\r\n        attachmentsList.length == 0 ||\r\n        (attachmentsList.length > 0 && !attachmentsList[0]))\r\n    \">\r\n    <mat-icon *ngIf=\"multipleAttachment != true\">cloud_upload</mat-icon>\r\n    <mat-icon *ngIf=\"multipleAttachment == true\">add</mat-icon>\r\n    <span style=\"margin-left: 0px\"> {{ addButtonLabel }} </span>\r\n  </button>\r\n  <mat-menu #attachmentTypeMenu=\"matMenu\">\r\n    <input\r\n      #imageInput\r\n      style=\"display: none\"\r\n      id=\"file_attachment\"\r\n      name=\"file_attachment\"\r\n      type=\"file\"\r\n      (change)=\"onFileAdded($event)\"\r\n      [accept]=\"acceptedFileTypes\"\r\n      [multiple]=\"loadMultipleFiles\" />\r\n    <button\r\n      *ngIf=\"allowedTypes.includes(1)\"\r\n      mat-menu-item\r\n      (click)=\"imageInput.click()\"\r\n      class=\"eqp-attachments-file-btn\">\r\n      <i class=\"fas fa-file\"></i>\r\n      <span style=\"margin-left: 10px\">File</span>\r\n    </button>\r\n    <button\r\n      *ngIf=\"allowedTypes.includes(2)\"\r\n      mat-menu-item\r\n      (click)=\"switchToAddingLinkMode()\"\r\n      class=\"eqp-attachments-link-btn\">\r\n      <i class=\"fas fa-link\"></i>\r\n      <span style=\"margin-left: 10px\">Link</span>\r\n    </button>\r\n    <button\r\n      *ngIf=\"allowedTypes.includes(3)\"\r\n      mat-menu-item\r\n      (click)=\"chooseDropboxFile()\"\r\n      class=\"eqp-attachments-link-btn\">\r\n      <i class=\"fa-brands fa-dropbox\"></i>\r\n      <span style=\"margin-left: 10px\">Dropbox</span>\r\n    </button>\r\n  </mat-menu>\r\n\r\n  <div\r\n    *ngIf=\"\r\n      separatedUploadButtons &&\r\n      allowedTypes &&\r\n      allowedTypes.length > 1 &&\r\n      (multipleAttachment == true ||\r\n        !attachmentsList ||\r\n        attachmentsList.length == 0 ||\r\n        (attachmentsList.length > 0 && !attachmentsList[0]))\r\n    \">\r\n    <div class=\"btn-group\">\r\n      <button\r\n        *ngIf=\"allowedTypes.includes(1)\"\r\n        (click)=\"imageInput.click()\"\r\n        class=\"btn btn-secondary eqp-attachments-add-btn\"\r\n        mat-raised-button\r\n        color=\"secondary\"\r\n        type=\"button\">\r\n        <i class=\"fa-solid fa-cloud-upload\"></i>\r\n        <span style=\"margin-left: 10px\">File</span>\r\n      </button>\r\n      <input\r\n        #imageInput\r\n        style=\"display: none\"\r\n        id=\"file_attachment\"\r\n        name=\"file_attachment\"\r\n        type=\"file\"\r\n        (change)=\"onFileAdded($event)\"\r\n        [accept]=\"acceptedFileTypes\"\r\n        [multiple]=\"loadMultipleFiles\" />\r\n      <button\r\n        *ngIf=\"allowedTypes.includes(2)\"\r\n        (click)=\"switchToAddingLinkMode()\"\r\n        class=\"btn btn-secondary eqp-attachments-add-btn\"\r\n        mat-raised-button\r\n        color=\"secondary\"\r\n        type=\"button\">\r\n        <i class=\"fas fa-link\"></i>\r\n        <span style=\"margin-left: 10px\">Link</span>\r\n      </button>\r\n      <button\r\n        *ngIf=\"allowedTypes.includes(3)\"\r\n        (click)=\"chooseDropboxFile()\"\r\n        class=\"btn btn-secondary eqp-attachments-add-btn\"\r\n        mat-raised-button\r\n        color=\"secondary\"\r\n        type=\"button\">\r\n        <i class=\"fa-brands fa-dropbox\"></i>\r\n        <span style=\"margin-left: 10px\">Dropbox</span>\r\n      </button>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #croppieTemplate>\r\n  <div class=\"row m-3\">\r\n    <h4>{{ cropLabel }}</h4>\r\n  </div>\r\n  <div class=\"row m-2 crop-large\">\r\n    <div class=\"col-md-12 d-flex align-items-center justify-content-center\">\r\n      <button\r\n        [matTooltip]=\"rotateLeftLabel\"\r\n        *ngIf=\"cropOptions.includes(1)\"\r\n        class=\"btn btn-primary mat-raised-button ms-2\"\r\n        (click)=\"rotateLeft()\">\r\n        <mat-icon style=\"vertical-align: middle\">rotate_left</mat-icon>\r\n      </button>\r\n      <button\r\n        [matTooltip]=\"rotateRightLabel\"\r\n        *ngIf=\"cropOptions.includes(1)\"\r\n        class=\"btn btn-primary mat-raised-button ms-2\"\r\n        (click)=\"rotateRight()\">\r\n        <mat-icon style=\"vertical-align: middle\">rotate_right</mat-icon>\r\n      </button>\r\n      <button\r\n        [matTooltip]=\"flipHorinzontalLabel\"\r\n        *ngIf=\"cropOptions.includes(2)\"\r\n        class=\"btn btn-primary mat-raised-button ms-2\"\r\n        (click)=\"flipHorizontal()\">\r\n        <mat-icon style=\"vertical-align: middle\">flip_horizontal</mat-icon>\r\n      </button>\r\n      <button\r\n        [matTooltip]=\"flipVerticalLabel\"\r\n        *ngIf=\"cropOptions.includes(2)\"\r\n        class=\"btn btn-primary mat-raised-button ms-2\"\r\n        (click)=\"flipVertical()\">\r\n        <div style=\"transform: rotate(90deg)\"><mat-icon style=\"vertical-align: middle\">flip_vertical</mat-icon></div>\r\n      </button>\r\n      <button\r\n        [matTooltip]=\"'Reset'\"\r\n        class=\"btn btn-primary mat-raised-button ms-2\"\r\n        (click)=\"restoreOriginalDimensions()\">\r\n        <mat-icon style=\"vertical-align: middle\">replay</mat-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <div class=\"row m-2 crop-small\">\r\n    <div class=\"col-md-12 d-flex align-items-center justify-content-center\">\r\n      <mat-icon *ngIf=\"cropOptions.includes(1)\" style=\"font-size: 27px; vertical-align: middle\" (click)=\"rotateLeft()\"\r\n        >rotate_left</mat-icon\r\n      >\r\n      <mat-icon\r\n        class=\"ms-3\"\r\n        *ngIf=\"cropOptions.includes(1)\"\r\n        style=\"font-size: 27px; vertical-align: middle\"\r\n        (click)=\"rotateRight()\"\r\n        >rotate_right</mat-icon\r\n      >\r\n      <mat-icon\r\n        class=\"ms-3\"\r\n        *ngIf=\"cropOptions.includes(2)\"\r\n        style=\"font-size: 27px; vertical-align: middle\"\r\n        (click)=\"flipHorizontal()\"\r\n        >flip_horizontal</mat-icon\r\n      >\r\n      <div class=\"ms-3\" style=\"transform: rotate(90deg)\">\r\n        <mat-icon\r\n          *ngIf=\"cropOptions.includes(2)\"\r\n          style=\"font-size: 27px; vertical-align: middle\"\r\n          (click)=\"flipVertical()\"\r\n          >flip_vertical</mat-icon\r\n        >\r\n      </div>\r\n      <mat-icon class=\"ms-3\" (click)=\"restoreOriginalDimensions()\" style=\"font-size: 27px; vertical-align: middle\"\r\n        >replay</mat-icon\r\n      >\r\n    </div>\r\n  </div>\r\n  <div class=\"row justify-content-center\">\r\n    <div class=\"col-12 d-flex align-items-center justify-content-center\">\r\n      <div class=\"crop-container\">\r\n        <image-cropper\r\n          [imageFile]=\"selectedFile\"\r\n          [maintainAspectRatio]=\"false\"\r\n          [autoCrop]=\"false\"\r\n          [containWithinAspectRatio]=\"false\"\r\n          [aspectRatio]=\"4 / 3\"\r\n          [cropperMinWidth]=\"128\"\r\n          [onlyScaleDown]=\"true\"\r\n          [roundCropper]=\"false\"\r\n          [canvasRotation]=\"0\"\r\n          [transform]=\"transform\"\r\n          [alignImage]=\"'left'\"\r\n          format=\"png\"\r\n          (imageCropped)=\"imageCropped($event)\"\r\n          [resizeToWidth]=\"customWidth\"\r\n          [resizeToHeight]=\"customHeight\"\r\n          [canvasRotation]=\"canvasRotation\">\r\n        </image-cropper>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"row justify-content-center mt-2 mb-2 crop-large\">\r\n    <div class=\"col-12 d-flex align-items-center justify-content-center\">\r\n      <button\r\n        class=\"btn btn-primary mat-raised-button eqp-attachments-confirm-btn me-2\"\r\n        type=\"button\"\r\n        (click)=\"confirmAddAttachment()\">\r\n        {{ confirmLabel }}\r\n      </button>\r\n      <button class=\"btn mat-raised-button eqp-attachments-abort-btn\" type=\"button\" (click)=\"abortFile()\">\r\n        {{ abortLabel }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <div class=\"row justify-content-center mt-2 mb-2 crop-small\">\r\n    <div class=\"col-6 d-flex align-items-center justify-content-center\" style=\"font-size: 20px\">\r\n      <i class=\"fa fa-times\" (click)=\"abortFile()\"></i>\r\n    </div>\r\n    <div class=\"col-6 d-flex align-items-center justify-content-center\" style=\"font-size: 20px\">\r\n      <i class=\"fa fa-check\" (click)=\"confirmAddAttachment()\"></i>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- TEMPLATE PER FORM DI AGGIUNTA DI UN LINK -->\r\n<ng-template #addingLinkTemplate>\r\n  <span class=\"mb-1\" style=\"font-size: 20px\"><i class=\"fa fa-link\"></i>Inserisci l'URL</span>\r\n  <form [formGroup]=\"newAttachmentForm\" *ngIf=\"newAttachmentForm\">\r\n    <div class=\"row mb-2\" style=\"height: 80px\">\r\n      <div class=\"col-6 d-grid gap-2 mx-auto\">\r\n        <div class=\"input-group mb-1\">\r\n          <input\r\n            type=\"text\"\r\n            class=\"form-control\"\r\n            placeholder=\"{{ fileNameLabel }}\"\r\n            formControlName=\"name\"\r\n            [(ngModel)]=\"newAttachment.FileName\" />\r\n        </div>\r\n      </div>\r\n      <div class=\"col-12 d-grid gap-2\">\r\n        <div class=\"input-group\">\r\n          <input\r\n            required\r\n            type=\"text\"\r\n            class=\"form-control\"\r\n            placeholder=\"Link\"\r\n            formControlName=\"path\"\r\n            [(ngModel)]=\"newAttachment.FilePath\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"col-6 d-grid gap-2\">\r\n        <button\r\n          class=\"btn btn-secondary mat-raised-button\"\r\n          (click)=\"selectedAttachment = null; addingLinkMode = false\"\r\n          type=\"button\">\r\n          {{ exitLabel }}\r\n        </button>\r\n      </div>\r\n      <div class=\"col-6 d-grid gap-2\">\r\n        <button\r\n          class=\"btn btn-primary mat-raised-button\"\r\n          type=\"submit\"\r\n          (click)=\"confirmAddAttachment(); selectedAttachment = null; addingLinkMode = false\">\r\n          {{ saveLabel }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </form>\r\n</ng-template>\r\n", styles: ["ngx-file-drop ::ng-deep .ngx-file-drop__drop-zone{min-height:30vh;border-radius:5px!important;background-color:#e4e6ea!important;cursor:pointer;font-size:17px!important;border:dotted!important;padding-top:7vh}ngx-file-drop ::ng-deep .ngx-file-drop__drop-zone .ngx-file-drop__content{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#73777a!important;margin:auto}.custom-height .mat-form-field-wrapper{height:20px}.eqp-attachments-header-title{font-weight:700;font-size:19px;line-height:24px;margin-bottom:auto}.single-attachment-inline-preview-container{max-height:400px;max-width:400px;display:flex;align-items:center}.single-attachment-inline-preview-container img{max-width:100%;max-height:120px}.inline-preview-container{max-height:100px;max-width:100px;display:flex;align-items:center;justify-content:center;width:100%;cursor:pointer}.inline-preview-container img{max-width:100%;max-height:100px}.inline-preview-container i{font-size:25px;margin:auto}.preview-container{max-height:60vh;max-width:100%}.preview-container .image-preview{max-width:100%;max-height:100%}.preview-container .link-preview{width:70vw;height:55vh}.closeButton{float:right}@media (max-width: 768px){.crop-large{display:none}}@media (min-width: 768px){.crop-small{display:none}}@media (max-width: 768px){.crop-container{max-width:55%}}@media (min-width: 768px){.crop-container{max-width:35%}}\n"], dependencies: [{ kind: "component", type: i6.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6.MatMiniFabButton, selector: "button[mat-mini-fab]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "component", type: i9.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i9.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i10.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i10.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i11.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i12.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i13.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i13.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i13.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i14.ImageCropperComponent, selector: "image-cropper", inputs: ["imageChangedEvent", "imageURL", "imageBase64", "imageFile", "imageAltText", "cropperFrameAriaLabel", "output", "format", "transform", "maintainAspectRatio", "aspectRatio", "resetCropOnAspectRatioChange", "resizeToWidth", "resizeToHeight", "cropperMinWidth", "cropperMinHeight", "cropperMaxHeight", "cropperMaxWidth", "cropperStaticWidth", "cropperStaticHeight", "canvasRotation", "initialStepSize", "roundCropper", "onlyScaleDown", "imageQuality", "autoCrop", "backgroundColor", "containWithinAspectRatio", "hideResizeSquares", "allowMoveImage", "cropper", "alignImage", "disabled", "hidden"], outputs: ["imageCropped", "startCropImage", "imageLoaded", "cropperReady", "loadImageFailed", "transformChange"] }, { kind: "component", type: i15.EqpTableComponent, selector: "eqp-table" }, { kind: "component", type: i16.NgxFileDropComponent, selector: "ngx-file-drop", inputs: ["accept", "directory", "multiple", "dropZoneLabel", "dropZoneClassName", "useDragEnter", "contentClassName", "showBrowseBtn", "browseBtnClassName", "browseBtnLabel", "disabled"], outputs: ["onFileDrop", "onFileOver", "onFileLeave"] }, { kind: "directive", type: i16.NgxFileDropContentTemplateDirective, selector: "[ngx-file-drop-content-tmp]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EqpAttachmentsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "eqp-attachments", template: "<!-- Se richiesta la gestione singola mostra il pulsante di caricamento di un singolo file -->\r\n<div *ngIf=\"multipleAttachment != true\">\r\n  <div *ngIf=\"!singleAttachmentDragAndDrop\">\r\n    <!-- Template del button per l'aggiunta di un allegato -->\r\n    <div *ngIf=\"!addingLinkMode\" class=\"text-center\">\r\n      <ng-container *ngTemplateOutlet=\"addAttachmentButton\"></ng-container>\r\n    </div>\r\n    <!-- Template della form per l'aggiunta di un link -->\r\n    <div *ngIf=\"addingLinkMode\" class=\"text-center\">\r\n      <ng-container *ngTemplateOutlet=\"addingLinkTemplate\"></ng-container>\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"singleAttachmentDragAndDrop\">\r\n    <input\r\n      #fileInput\r\n      style=\"display: none\"\r\n      id=\"file_attachment\"\r\n      name=\"file_attachment\"\r\n      type=\"file\"\r\n      (change)=\"onFileAdded($event)\"\r\n      [accept]=\"acceptedFileTypes\"\r\n      [multiple]=\"loadMultipleFiles\" />\r\n    <ngx-file-drop\r\n      (onFileDrop)=\"fileDropped($event)\"\r\n      (click)=\"onSelectFile($event, fileInput)\"\r\n      *ngIf=\"\r\n        allowedTypes &&\r\n        allowedTypes.includes(1) &&\r\n        (!attachmentsList || attachmentsList.length == 0 || (attachmentsList.length > 0 && !attachmentsList[0]))\r\n      \">\r\n      <ng-template ngx-file-drop-content-tmp *ngIf=\"!addingLinkMode\">\r\n        <i class=\"fa-solid fa-cloud-upload-alt fa-3x mt-3\"></i>\r\n        Trascina i file qui\r\n        <div class=\"btn-group mt-1\" role=\"group\">\r\n          <button type=\"button\" class=\"btn btn-light border-end\" (click)=\"fileInput.click()\">Scegli un file</button>\r\n          <div class=\"btn-group\" role=\"group\">\r\n            <button\r\n              type=\"button\"\r\n              class=\"btn btn-light border-start dropdown-toggle\"\r\n              [matMenuTriggerFor]=\"attachmentTypeMenu\"></button>\r\n            <mat-menu #attachmentTypeMenu=\"matMenu\">\r\n              <button\r\n                *ngIf=\"allowedTypes.includes(1)\"\r\n                mat-menu-item\r\n                (click)=\"fileInput.click()\"\r\n                class=\"eqp-attachments-file-btn\">\r\n                <i class=\"fas fa-file\"></i>\r\n                <span style=\"margin-left: 10px\">File</span>\r\n              </button>\r\n              <button\r\n                *ngIf=\"allowedTypes.includes(2)\"\r\n                mat-menu-item\r\n                (click)=\"switchToAddingLinkMode()\"\r\n                class=\"eqp-attachments-link-btn\">\r\n                <i class=\"fas fa-link\"></i>\r\n                <span style=\"margin-left: 10px\">Link</span>\r\n              </button>\r\n              <button\r\n                *ngIf=\"allowedTypes.includes(3)\"\r\n                mat-menu-item\r\n                (click)=\"chooseDropboxFile()\"\r\n                class=\"eqp-attachments-link-btn\">\r\n                <i class=\"fa-brands fa-dropbox\"></i>\r\n                <span style=\"margin-left: 10px\">Dropbox</span>\r\n              </button>\r\n            </mat-menu>\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n      <ng-template ngx-file-drop-content-tmp *ngIf=\"addingLinkMode\">\r\n        <ng-container *ngTemplateOutlet=\"addingLinkTemplate\"></ng-container>\r\n      </ng-template>\r\n    </ngx-file-drop>\r\n  </div>\r\n  <div class=\"text-center\">\r\n    <button\r\n      class=\"mb-2 me-2 eqp-attachments-download-btn\"\r\n      (click)=\"viewAttachment(attachmentsList[0])\"\r\n      type=\"button\"\r\n      mat-raised-button\r\n      *ngIf=\"attachmentsList && attachmentsList.length > 0 && attachmentsList[0]\"\r\n      color=\"primary\">\r\n      <mat-icon *ngIf=\"attachmentsList[0].AttachmentType == AttachmentType.FILE\">download</mat-icon>\r\n      <mat-icon *ngIf=\"attachmentsList[0].AttachmentType != AttachmentType.FILE\">open_in_new</mat-icon>\r\n      {{ attachmentsList[0].AttachmentType == AttachmentType.FILE ? downloadLabel : openLinkLabel }}\r\n    </button>\r\n    <button\r\n      class=\"mb-2 me-2 eqp-attachments-preview-btn\"\r\n      (click)=\"openPreviewDialog(attachmentsList[0])\"\r\n      type=\"button\"\r\n      mat-raised-button\r\n      color=\"primary\"\r\n      *ngIf=\"\r\n        showPreview &&\r\n        attachmentsList &&\r\n        attachmentsList.length > 0 &&\r\n        attachmentsList[0] &&\r\n        (!attachmentsList[0].FileContentType ||\r\n          (!attachmentsList[0].FileContentType.startsWith('video') &&\r\n            !attachmentsList[0].FileContentType.startsWith('audio'))) &&\r\n        attachmentsList[0].IsImage == true\r\n      \">\r\n      <mat-icon>visibility</mat-icon> {{ previewLabel }}\r\n    </button>\r\n    <button\r\n      class=\"mb-2 eqp-attachments-delete-btn\"\r\n      (click)=\"deleteAttachment(attachmentsList[0])\"\r\n      type=\"button\"\r\n      mat-raised-button\r\n      *ngIf=\"attachmentsList && attachmentsList.length > 0 && attachmentsList[0]\"\r\n      [disabled]=\"isDisabled\">\r\n      <mat-icon>delete</mat-icon> {{ deleteLabel }}\r\n    </button>\r\n  </div>\r\n  <div\r\n    class=\"row\"\r\n    style=\"margin-top: 10px\"\r\n    *ngIf=\"\r\n      attachmentsList.length > 0 &&\r\n      attachmentsList[0] &&\r\n      attachmentsList[0].FileDataBase64 &&\r\n      attachmentsList[0].IsImage == true\r\n    \">\r\n    <div class=\"col-sm-12 d-flex justify-content-center\">\r\n      <div class=\"single-attachment-inline-preview-container\">\r\n        <img src=\"data:image/png;base64,{{ attachmentsList[0].FileDataBase64 }}\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"row\" *ngIf=\"attachmentsList.length > 0 && attachmentsList[0] && attachmentsList[0].IsImage != true\">\r\n    <div class=\"col-sm-12\">\r\n      <mat-form-field>\r\n        <mat-label>{{ fileNameLabel }}</mat-label>\r\n        <input readonly matInput [(ngModel)]=\"attachmentsList[0].FileName\" />\r\n      </mat-form-field>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div *ngIf=\"multipleAttachment == true\">\r\n  <input\r\n    #fileInput\r\n    style=\"display: none\"\r\n    id=\"file_attachment\"\r\n    name=\"file_attachment\"\r\n    type=\"file\"\r\n    (change)=\"onFileAdded($event)\"\r\n    [accept]=\"acceptedFileTypes\"\r\n    [multiple]=\"loadMultipleFiles\" />\r\n  <ngx-file-drop (onFileDrop)=\"fileDropped($event)\" (click)=\"onSelectFile($event, fileInput)\">\r\n    <ng-template ngx-file-drop-content-tmp *ngIf=\"!addingLinkMode\">\r\n      <i class=\"fa-solid fa-cloud-upload-alt fa-3x mt-3\"></i>\r\n      Trascina i file qui\r\n      <div class=\"btn-group mt-1\" role=\"group\">\r\n        <button type=\"button\" class=\"btn btn-light border-end\" (click)=\"fileInput.click()\">Scegli un file</button>\r\n        <div class=\"btn-group\" role=\"group\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"btn btn-light border-start dropdown-toggle\"\r\n            [matMenuTriggerFor]=\"attachmentTypeMenu\"></button>\r\n          <mat-menu #attachmentTypeMenu=\"matMenu\">\r\n            <button\r\n              *ngIf=\"allowedTypes.includes(1)\"\r\n              mat-menu-item\r\n              (click)=\"fileInput.click()\"\r\n              class=\"eqp-attachments-file-btn\">\r\n              <i class=\"fas fa-file\"></i>\r\n              <span style=\"margin-left: 10px\">File</span>\r\n            </button>\r\n            <button\r\n              *ngIf=\"allowedTypes.includes(2)\"\r\n              mat-menu-item\r\n              (click)=\"switchToAddingLinkMode()\"\r\n              class=\"eqp-attachments-link-btn\">\r\n              <i class=\"fas fa-link\"></i>\r\n              <span style=\"margin-left: 10px\">Link</span>\r\n            </button>\r\n            <button\r\n              *ngIf=\"allowedTypes.includes(3)\"\r\n              mat-menu-item\r\n              (click)=\"chooseDropboxFile()\"\r\n              class=\"eqp-attachments-link-btn\">\r\n              <i class=\"fa-brands fa-dropbox\"></i>\r\n              <span style=\"margin-left: 10px\">Dropbox</span>\r\n            </button>\r\n          </mat-menu>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template ngx-file-drop-content-tmp *ngIf=\"addingLinkMode\">\r\n      <ng-container *ngTemplateOutlet=\"addingLinkTemplate\"></ng-container>\r\n    </ng-template>\r\n  </ngx-file-drop>\r\n  <div class=\"mt-2\">\r\n    <eqp-table\r\n      #attachmentTable\r\n      [createMatCard]=\"false\"\r\n      #table\r\n      [columns]=\"attachmentsColumns\"\r\n      [isMultiLanguage]=\"isEqpTableMultiLanguage\"\r\n      [data]=\"attachmentsList\"\r\n      [paginatorVisible]=\"tablePaginatorVisible\"\r\n      [matPaginatorSize]=\"tablePaginatorSize\"\r\n      [emptyTableMessage]=\"emptyTableMessage\"\r\n      [searchText]=\"eqpTableSearchText\"\r\n      [isTableSearcheable]=\"isTableSearcheable\">\r\n    </eqp-table>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #dialogCropImage>\r\n  <!-- Richiama il template per le funzionalit\u00E0 del CROPPIE -->\r\n  <div style=\"overflow-x: hidden\" [ngClass]=\"cropDialogClass\">\r\n    <ng-container\r\n      [ngTemplateOutlet]=\"croppieTemplate\"\r\n      [ngTemplateOutletContext]=\"{ form: newAttachmentForm }\"\r\n      *ngIf=\"showCropImage == true\"></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #inlinePreviewTemplate let-row=\"row\">\r\n  <div\r\n    class=\"inline-preview-container\"\r\n    *ngIf=\"row.AttachmentType != AttachmentType.LINK && row.IsImage\"\r\n    (click)=\"openPreviewDialog(row)\">\r\n    <img src=\"data:image/png;base64,{{ row.FileThumbnailBase64 ? row.FileThumbnailBase64 : row.FileDataBase64 }}\" />\r\n  </div>\r\n  <div\r\n    class=\"inline-preview-container\"\r\n    *ngIf=\"row.AttachmentType != AttachmentType.LINK && !row.IsImage\"\r\n    (click)=\"openPreviewDialog(row)\">\r\n    <i [ngClass]=\"getAttachmentIcon(row)\"></i>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #dialogPreview>\r\n  <mat-card class=\"example-card\" *ngIf=\"selectedAttachment\">\r\n    <mat-card-content>\r\n      <div class=\"row\">\r\n        <div class=\"header-title-standard\">\r\n          {{ previewLabel }} {{ selectedAttachment?.AttachmentType == attachmentType.FILE ? \"File\" : \"Link\" }}\r\n          <button\r\n            type=\"button\"\r\n            class=\"btn-close closeButton\"\r\n            mat-dialog-close\r\n            (click)=\"selectedAttachment = null\"></button>\r\n        </div>\r\n      </div>\r\n      <div class=\"row mt-2\">\r\n        <!-- ANTEPRIMA IMMAGINE -->\r\n        <div class=\"col-12 text-center preview-container\" *ngIf=\"selectedAttachment.IsImage\">\r\n          <img\r\n            class=\"image-preview\"\r\n            src=\"data:image/png;base64,{{\r\n              selectedAttachment.FileDataBase64\r\n                ? selectedAttachment.FileDataBase64\r\n                : selectedAttachment.FileThumbnailBase64\r\n            }}\" />\r\n        </div>\r\n\r\n        <!-- ANTEPRIMA LINK -->\r\n        <div class=\"col-12 preview-container\" *ngIf=\"!selectedAttachment.IsImage\">\r\n          <iframe\r\n            class=\"link-preview\"\r\n            [src]=\"selectedAttachment.TrustedUrl\"\r\n            [title]=\"selectedAttachment.FileName\"></iframe>\r\n        </div>\r\n      </div>\r\n      <div class=\"row mt-3\">\r\n        <div class=\"col-sm-12 text-center\">\r\n          <button\r\n            mat-mini-fab\r\n            color=\"primary\"\r\n            matTooltip=\"Download\"\r\n            (click)=\"viewAttachment(selectedAttachment)\"\r\n            *ngIf=\"selectedAttachment.AttachmentType != AttachmentType.LINK\">\r\n            <mat-icon>download</mat-icon>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </mat-card-content>\r\n  </mat-card>\r\n</ng-template>\r\n\r\n<!-- TEMPLATE PER IL PULSANTE DI AGGIUNTA NUOVO ALLEGATO -->\r\n<ng-template #addAttachmentButton>\r\n  <!--\r\n        Pulsanti per l'aggiunta di un file o un link. Ne viene visualizzato uno se:\r\n        - gli allowedTypes sono stati specificati, nell'array ne \u00E8 presente uno solo, quello inserito \u00E8 AttachmentType.FILE (o AttachmentType.LINK)\r\n        e sono nella gestione di pi\u00F9 allegati (multipleAttachment == true)\r\n        OPPURE\r\n        - gli allowedTypes sono stati specificati, nell'array ne \u00E8 presente uno solo, quello inserito \u00E8 AttachmentType.FILE (o AttachmentType.LINK)\r\n        e sono nella gestione di un singolo allegato (multipleAttachment == true) e non ne \u00E8 ancora stato selezionato uno (ovvero attachmentsList non esiste o non ha elementi)\r\n    -->\r\n  <input\r\n    #fileInput\r\n    style=\"display: none\"\r\n    id=\"file_attachment\"\r\n    name=\"file_attachment\"\r\n    type=\"file\"\r\n    (change)=\"onFileAdded($event)\"\r\n    [accept]=\"acceptedFileTypes\"\r\n    [multiple]=\"loadMultipleFiles\" />\r\n  <button\r\n    class=\"btn btn-primary mb-4 me-5 eqp-attachments-add-btn\"\r\n    mat-raised-button\r\n    color=\"primary\"\r\n    type=\"button\"\r\n    *ngIf=\"\r\n      allowedTypes &&\r\n      allowedTypes.length == 1 &&\r\n      (multipleAttachment == true ||\r\n        !attachmentsList ||\r\n        attachmentsList.length == 0 ||\r\n        (attachmentsList.length > 0 && !attachmentsList[0]))\r\n    \"\r\n    (click)=\"addFile(allowedTypes[0], fileInput)\"\r\n    [disabled]=\"isDisabled\">\r\n    <!-- Per l'aggiunta dei file mostro un'icona diversa dall'aggiunta dei link -->\r\n    <mat-icon *ngIf=\"allowedTypes[0] == 1\">cloud_upload</mat-icon>\r\n    <i class=\"fas fa-link\" *ngIf=\"allowedTypes[0] == 2\"></i>\r\n    <i class=\"fa-brands fa-dropbox\" *ngIf=\"allowedTypes[0] == 3\"></i>\r\n    <span style=\"margin-left: 10px\">\r\n      {{\r\n        allowedTypes[0] == 1\r\n          ? addButtonLabel + \" file\"\r\n          : allowedTypes[0] == 2\r\n          ? addButtonLabel + \" link\"\r\n          : uploadWithDropboxLabel\r\n      }}</span\r\n    >\r\n  </button>\r\n\r\n  <!-- Pulsante per aprire il menu per la scelta del tipo di Attachment da creare -->\r\n  <button\r\n    class=\"btn btn-primary mb-4 me-5 eqp-attachments-add-btn\"\r\n    mat-raised-button\r\n    color=\"primary\"\r\n    type=\"button\"\r\n    [matMenuTriggerFor]=\"attachmentTypeMenu\"\r\n    [disabled]=\"isDisabled\"\r\n    *ngIf=\"\r\n      !separatedUploadButtons &&\r\n      allowedTypes &&\r\n      allowedTypes.length > 1 &&\r\n      (multipleAttachment == true ||\r\n        !attachmentsList ||\r\n        attachmentsList.length == 0 ||\r\n        (attachmentsList.length > 0 && !attachmentsList[0]))\r\n    \">\r\n    <mat-icon *ngIf=\"multipleAttachment != true\">cloud_upload</mat-icon>\r\n    <mat-icon *ngIf=\"multipleAttachment == true\">add</mat-icon>\r\n    <span style=\"margin-left: 0px\"> {{ addButtonLabel }} </span>\r\n  </button>\r\n  <mat-menu #attachmentTypeMenu=\"matMenu\">\r\n    <input\r\n      #imageInput\r\n      style=\"display: none\"\r\n      id=\"file_attachment\"\r\n      name=\"file_attachment\"\r\n      type=\"file\"\r\n      (change)=\"onFileAdded($event)\"\r\n      [accept]=\"acceptedFileTypes\"\r\n      [multiple]=\"loadMultipleFiles\" />\r\n    <button\r\n      *ngIf=\"allowedTypes.includes(1)\"\r\n      mat-menu-item\r\n      (click)=\"imageInput.click()\"\r\n      class=\"eqp-attachments-file-btn\">\r\n      <i class=\"fas fa-file\"></i>\r\n      <span style=\"margin-left: 10px\">File</span>\r\n    </button>\r\n    <button\r\n      *ngIf=\"allowedTypes.includes(2)\"\r\n      mat-menu-item\r\n      (click)=\"switchToAddingLinkMode()\"\r\n      class=\"eqp-attachments-link-btn\">\r\n      <i class=\"fas fa-link\"></i>\r\n      <span style=\"margin-left: 10px\">Link</span>\r\n    </button>\r\n    <button\r\n      *ngIf=\"allowedTypes.includes(3)\"\r\n      mat-menu-item\r\n      (click)=\"chooseDropboxFile()\"\r\n      class=\"eqp-attachments-link-btn\">\r\n      <i class=\"fa-brands fa-dropbox\"></i>\r\n      <span style=\"margin-left: 10px\">Dropbox</span>\r\n    </button>\r\n  </mat-menu>\r\n\r\n  <div\r\n    *ngIf=\"\r\n      separatedUploadButtons &&\r\n      allowedTypes &&\r\n      allowedTypes.length > 1 &&\r\n      (multipleAttachment == true ||\r\n        !attachmentsList ||\r\n        attachmentsList.length == 0 ||\r\n        (attachmentsList.length > 0 && !attachmentsList[0]))\r\n    \">\r\n    <div class=\"btn-group\">\r\n      <button\r\n        *ngIf=\"allowedTypes.includes(1)\"\r\n        (click)=\"imageInput.click()\"\r\n        class=\"btn btn-secondary eqp-attachments-add-btn\"\r\n        mat-raised-button\r\n        color=\"secondary\"\r\n        type=\"button\">\r\n        <i class=\"fa-solid fa-cloud-upload\"></i>\r\n        <span style=\"margin-left: 10px\">File</span>\r\n      </button>\r\n      <input\r\n        #imageInput\r\n        style=\"display: none\"\r\n        id=\"file_attachment\"\r\n        name=\"file_attachment\"\r\n        type=\"file\"\r\n        (change)=\"onFileAdded($event)\"\r\n        [accept]=\"acceptedFileTypes\"\r\n        [multiple]=\"loadMultipleFiles\" />\r\n      <button\r\n        *ngIf=\"allowedTypes.includes(2)\"\r\n        (click)=\"switchToAddingLinkMode()\"\r\n        class=\"btn btn-secondary eqp-attachments-add-btn\"\r\n        mat-raised-button\r\n        color=\"secondary\"\r\n        type=\"button\">\r\n        <i class=\"fas fa-link\"></i>\r\n        <span style=\"margin-left: 10px\">Link</span>\r\n      </button>\r\n      <button\r\n        *ngIf=\"allowedTypes.includes(3)\"\r\n        (click)=\"chooseDropboxFile()\"\r\n        class=\"btn btn-secondary eqp-attachments-add-btn\"\r\n        mat-raised-button\r\n        color=\"secondary\"\r\n        type=\"button\">\r\n        <i class=\"fa-brands fa-dropbox\"></i>\r\n        <span style=\"margin-left: 10px\">Dropbox</span>\r\n      </button>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #croppieTemplate>\r\n  <div class=\"row m-3\">\r\n    <h4>{{ cropLabel }}</h4>\r\n  </div>\r\n  <div class=\"row m-2 crop-large\">\r\n    <div class=\"col-md-12 d-flex align-items-center justify-content-center\">\r\n      <button\r\n        [matTooltip]=\"rotateLeftLabel\"\r\n        *ngIf=\"cropOptions.includes(1)\"\r\n        class=\"btn btn-primary mat-raised-button ms-2\"\r\n        (click)=\"rotateLeft()\">\r\n        <mat-icon style=\"vertical-align: middle\">rotate_left</mat-icon>\r\n      </button>\r\n      <button\r\n        [matTooltip]=\"rotateRightLabel\"\r\n        *ngIf=\"cropOptions.includes(1)\"\r\n        class=\"btn btn-primary mat-raised-button ms-2\"\r\n        (click)=\"rotateRight()\">\r\n        <mat-icon style=\"vertical-align: middle\">rotate_right</mat-icon>\r\n      </button>\r\n      <button\r\n        [matTooltip]=\"flipHorinzontalLabel\"\r\n        *ngIf=\"cropOptions.includes(2)\"\r\n        class=\"btn btn-primary mat-raised-button ms-2\"\r\n        (click)=\"flipHorizontal()\">\r\n        <mat-icon style=\"vertical-align: middle\">flip_horizontal</mat-icon>\r\n      </button>\r\n      <button\r\n        [matTooltip]=\"flipVerticalLabel\"\r\n        *ngIf=\"cropOptions.includes(2)\"\r\n        class=\"btn btn-primary mat-raised-button ms-2\"\r\n        (click)=\"flipVertical()\">\r\n        <div style=\"transform: rotate(90deg)\"><mat-icon style=\"vertical-align: middle\">flip_vertical</mat-icon></div>\r\n      </button>\r\n      <button\r\n        [matTooltip]=\"'Reset'\"\r\n        class=\"btn btn-primary mat-raised-button ms-2\"\r\n        (click)=\"restoreOriginalDimensions()\">\r\n        <mat-icon style=\"vertical-align: middle\">replay</mat-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <div class=\"row m-2 crop-small\">\r\n    <div class=\"col-md-12 d-flex align-items-center justify-content-center\">\r\n      <mat-icon *ngIf=\"cropOptions.includes(1)\" style=\"font-size: 27px; vertical-align: middle\" (click)=\"rotateLeft()\"\r\n        >rotate_left</mat-icon\r\n      >\r\n      <mat-icon\r\n        class=\"ms-3\"\r\n        *ngIf=\"cropOptions.includes(1)\"\r\n        style=\"font-size: 27px; vertical-align: middle\"\r\n        (click)=\"rotateRight()\"\r\n        >rotate_right</mat-icon\r\n      >\r\n      <mat-icon\r\n        class=\"ms-3\"\r\n        *ngIf=\"cropOptions.includes(2)\"\r\n        style=\"font-size: 27px; vertical-align: middle\"\r\n        (click)=\"flipHorizontal()\"\r\n        >flip_horizontal</mat-icon\r\n      >\r\n      <div class=\"ms-3\" style=\"transform: rotate(90deg)\">\r\n        <mat-icon\r\n          *ngIf=\"cropOptions.includes(2)\"\r\n          style=\"font-size: 27px; vertical-align: middle\"\r\n          (click)=\"flipVertical()\"\r\n          >flip_vertical</mat-icon\r\n        >\r\n      </div>\r\n      <mat-icon class=\"ms-3\" (click)=\"restoreOriginalDimensions()\" style=\"font-size: 27px; vertical-align: middle\"\r\n        >replay</mat-icon\r\n      >\r\n    </div>\r\n  </div>\r\n  <div class=\"row justify-content-center\">\r\n    <div class=\"col-12 d-flex align-items-center justify-content-center\">\r\n      <div class=\"crop-container\">\r\n        <image-cropper\r\n          [imageFile]=\"selectedFile\"\r\n          [maintainAspectRatio]=\"false\"\r\n          [autoCrop]=\"false\"\r\n          [containWithinAspectRatio]=\"false\"\r\n          [aspectRatio]=\"4 / 3\"\r\n          [cropperMinWidth]=\"128\"\r\n          [onlyScaleDown]=\"true\"\r\n          [roundCropper]=\"false\"\r\n          [canvasRotation]=\"0\"\r\n          [transform]=\"transform\"\r\n          [alignImage]=\"'left'\"\r\n          format=\"png\"\r\n          (imageCropped)=\"imageCropped($event)\"\r\n          [resizeToWidth]=\"customWidth\"\r\n          [resizeToHeight]=\"customHeight\"\r\n          [canvasRotation]=\"canvasRotation\">\r\n        </image-cropper>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"row justify-content-center mt-2 mb-2 crop-large\">\r\n    <div class=\"col-12 d-flex align-items-center justify-content-center\">\r\n      <button\r\n        class=\"btn btn-primary mat-raised-button eqp-attachments-confirm-btn me-2\"\r\n        type=\"button\"\r\n        (click)=\"confirmAddAttachment()\">\r\n        {{ confirmLabel }}\r\n      </button>\r\n      <button class=\"btn mat-raised-button eqp-attachments-abort-btn\" type=\"button\" (click)=\"abortFile()\">\r\n        {{ abortLabel }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <div class=\"row justify-content-center mt-2 mb-2 crop-small\">\r\n    <div class=\"col-6 d-flex align-items-center justify-content-center\" style=\"font-size: 20px\">\r\n      <i class=\"fa fa-times\" (click)=\"abortFile()\"></i>\r\n    </div>\r\n    <div class=\"col-6 d-flex align-items-center justify-content-center\" style=\"font-size: 20px\">\r\n      <i class=\"fa fa-check\" (click)=\"confirmAddAttachment()\"></i>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- TEMPLATE PER FORM DI AGGIUNTA DI UN LINK -->\r\n<ng-template #addingLinkTemplate>\r\n  <span class=\"mb-1\" style=\"font-size: 20px\"><i class=\"fa fa-link\"></i>Inserisci l'URL</span>\r\n  <form [formGroup]=\"newAttachmentForm\" *ngIf=\"newAttachmentForm\">\r\n    <div class=\"row mb-2\" style=\"height: 80px\">\r\n      <div class=\"col-6 d-grid gap-2 mx-auto\">\r\n        <div class=\"input-group mb-1\">\r\n          <input\r\n            type=\"text\"\r\n            class=\"form-control\"\r\n            placeholder=\"{{ fileNameLabel }}\"\r\n            formControlName=\"name\"\r\n            [(ngModel)]=\"newAttachment.FileName\" />\r\n        </div>\r\n      </div>\r\n      <div class=\"col-12 d-grid gap-2\">\r\n        <div class=\"input-group\">\r\n          <input\r\n            required\r\n            type=\"text\"\r\n            class=\"form-control\"\r\n            placeholder=\"Link\"\r\n            formControlName=\"path\"\r\n            [(ngModel)]=\"newAttachment.FilePath\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"col-6 d-grid gap-2\">\r\n        <button\r\n          class=\"btn btn-secondary mat-raised-button\"\r\n          (click)=\"selectedAttachment = null; addingLinkMode = false\"\r\n          type=\"button\">\r\n          {{ exitLabel }}\r\n        </button>\r\n      </div>\r\n      <div class=\"col-6 d-grid gap-2\">\r\n        <button\r\n          class=\"btn btn-primary mat-raised-button\"\r\n          type=\"submit\"\r\n          (click)=\"confirmAddAttachment(); selectedAttachment = null; addingLinkMode = false\">\r\n          {{ saveLabel }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </form>\r\n</ng-template>\r\n", styles: ["ngx-file-drop ::ng-deep .ngx-file-drop__drop-zone{min-height:30vh;border-radius:5px!important;background-color:#e4e6ea!important;cursor:pointer;font-size:17px!important;border:dotted!important;padding-top:7vh}ngx-file-drop ::ng-deep .ngx-file-drop__drop-zone .ngx-file-drop__content{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#73777a!important;margin:auto}.custom-height .mat-form-field-wrapper{height:20px}.eqp-attachments-header-title{font-weight:700;font-size:19px;line-height:24px;margin-bottom:auto}.single-attachment-inline-preview-container{max-height:400px;max-width:400px;display:flex;align-items:center}.single-attachment-inline-preview-container img{max-width:100%;max-height:120px}.inline-preview-container{max-height:100px;max-width:100px;display:flex;align-items:center;justify-content:center;width:100%;cursor:pointer}.inline-preview-container img{max-width:100%;max-height:100px}.inline-preview-container i{font-size:25px;margin:auto}.preview-container{max-height:60vh;max-width:100%}.preview-container .image-preview{max-width:100%;max-height:100%}.preview-container .link-preview{width:70vw;height:55vh}.closeButton{float:right}@media (max-width: 768px){.crop-large{display:none}}@media (min-width: 768px){.crop-small{display:none}}@media (max-width: 768px){.crop-container{max-width:55%}}@media (min-width: 768px){.crop-container{max-width:35%}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: i2.FormBuilder }, { type: i3.DomSanitizer }, { type: i4.HttpClient }, { type: i0.ChangeDetectorRef }, { type: EqpAttachmentService }]; }, propDecorators: { disableAction: [{
+                type: Input,
+                args: ["disableAction"]
+            }], showHeader: [{
+                type: Input,
+                args: ["showHeader"]
+            }], headerTitle: [{
+                type: Input,
+                args: ["headerTitle"]
+            }], attachmentsList: [{
+                type: Input,
+                args: ["attachmentsList"]
+            }], showMatCard: [{
+                type: Input,
+                args: ["showMatCard"]
+            }], multipleAttachment: [{
+                type: Input,
+                args: ["multipleAttachment"]
+            }], loadMultipleFiles: [{
+                type: Input,
+                args: ["loadMultipleFiles"]
+            }], attachmentsColumns: [{
+                type: Input,
+                args: ["attachmentsColumns"]
+            }], emptyTableMessage: [{
+                type: Input,
+                args: ["emptyTableMessage"]
+            }], allowOnlyImages: [{
+                type: Input,
+                args: ["allowOnlyImages"]
+            }], acceptedFileTypes: [{
+                type: Input,
+                args: ["acceptedFileTypes"]
+            }], isDisabled: [{
+                type: Input,
+                args: ["isDisabled"]
+            }], showInlinePreview: [{
+                type: Input,
+                args: ["showInlinePreview"]
+            }], getAttachmentEndpoint: [{
+                type: Input,
+                args: ["getAttachmentEndpoint"]
+            }], productionBaseUrl: [{
+                type: Input,
+                args: ["productionBaseUrl"]
+            }], compressionOptions: [{
+                type: Input,
+                args: ["compressionOptions"]
+            }], allowedTypes: [{
+                type: Input,
+                args: ["allowedTypes"]
+            }], isEqpTableMultiLanguage: [{
+                type: Input,
+                args: ["isEqpTableMultiLanguage"]
+            }], tablePaginatorVisible: [{
+                type: Input,
+                args: ["tablePaginatorVisible"]
+            }], isTableSearcheable: [{
+                type: Input,
+                args: ["isTableSearcheable"]
+            }], tablePaginatorSize: [{
+                type: Input,
+                args: ["tablePaginatorSize"]
+            }], separatedUploadButtons: [{
+                type: Input,
+                args: ["separatedUploadButtons"]
+            }], showPreview: [{
+                type: Input,
+                args: ["showPreview"]
+            }], singleAttachmentDragAndDrop: [{
+                type: Input,
+                args: ["singleAttachmentDragAndDrop"]
+            }], cropOptions: [{
+                type: Input,
+                args: ["cropOptions"]
+            }], cropDialogClass: [{
+                type: Input,
+                args: ["cropDialogClass"]
+            }], downloadTooltipPosition: [{
+                type: Input,
+                args: ["downloadTooltipPosition"]
+            }], openLinkLabel: [{
+                type: Input,
+                args: ["openLinkLabel"]
+            }], addButtonLabel: [{
+                type: Input,
+                args: ["addButtonLabel"]
+            }], downloadLabel: [{
+                type: Input,
+                args: ["downloadLabel"]
+            }], deleteLabel: [{
+                type: Input,
+                args: ["deleteLabel"]
+            }], fileNameLabel: [{
+                type: Input,
+                args: ["fileNameLabel"]
+            }], previewLabel: [{
+                type: Input,
+                args: ["previewLabel"]
+            }], uploadFileLabel: [{
+                type: Input,
+                args: ["uploadFileLabel"]
+            }], confirmLabel: [{
+                type: Input,
+                args: ["confirmLabel"]
+            }], abortLabel: [{
+                type: Input,
+                args: ["abortLabel"]
+            }], saveLabel: [{
+                type: Input,
+                args: ["saveLabel"]
+            }], exitLabel: [{
+                type: Input,
+                args: ["exitLabel"]
+            }], uploadWithDropboxLabel: [{
+                type: Input,
+                args: ["uploadWithDropboxLabel"]
+            }], cropLabel: [{
+                type: Input,
+                args: ["cropLabel"]
+            }], eqpTableSearchText: [{
+                type: Input,
+                args: ["eqpTableSearchText"]
+            }], deleteDialogTitle: [{
+                type: Input,
+                args: ["deleteDialogTitle"]
+            }], deleteDialogMessage: [{
+                type: Input,
+                args: ["deleteDialogMessage"]
+            }], noImageSelectedErrorMessage: [{
+                type: Input,
+                args: ["noImageSelectedErrorMessage"]
+            }], wrongTypeSelectedErrorMessage: [{
+                type: Input,
+                args: ["wrongTypeSelectedErrorMessage"]
+            }], videoPreviewErrorMessage: [{
+                type: Input,
+                args: ["videoPreviewErrorMessage"]
+            }], audioPreviewErrorMessage: [{
+                type: Input,
+                args: ["videoPreviewErrorMessage"]
+            }], flipHorinzontalLabel: [{
+                type: Input,
+                args: ["flipHorinzontalLabel"]
+            }], flipVerticalLabel: [{
+                type: Input,
+                args: ["flipVerticalLabel"]
+            }], rotateRightLabel: [{
+                type: Input,
+                args: ["rotateRightLabel"]
+            }], rotateLeftLabel: [{
+                type: Input,
+                args: ["rotateLeftLabel"]
+            }], localEditedAttachments: [{
+                type: Output
+            }], abortAddAttachment: [{
+                type: Output
+            }], downloadAttachment: [{
+                type: Output,
+                args: ["downloadAttachment"]
+            }], onDeleteAttachment: [{
+                type: Output,
+                args: ["onDeleteAttachment"]
+            }], dialogAddAttachment: [{
+                type: ViewChild,
+                args: ["dialogAddAttachment", { static: true }]
+            }], dialogAddMultipleAttachment: [{
+                type: ViewChild,
+                args: ["dialogAddMultipleAttachment", { static: true }]
+            }], dialogCropImage: [{
+                type: ViewChild,
+                args: ["dialogCropImage", { static: true }]
+            }], imageCropper: [{
+                type: ViewChild,
+                args: [ImageCropperComponent]
+            }], imageInput: [{
+                type: ViewChild,
+                args: ["imageInput"]
+            }], attachmentTable: [{
+                type: ViewChild,
+                args: ["attachmentTable", { static: false }]
+            }], inlinePreviewTemplate: [{
+                type: ViewChild,
+                args: ["inlinePreviewTemplate", { static: true }]
+            }], dialogPreview: [{
+                type: ViewChild,
+                args: ["dialogPreview", { static: true }]
+            }] } });
+
+class MaterialModule {
+}
+MaterialModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MaterialModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MaterialModule, imports: [MatCheckboxModule,
+        MatButtonModule,
+        MatInputModule,
+        MatAutocompleteModule,
+        MatDatepickerModule,
+        MatFormFieldModule,
+        MatRadioModule,
+        MatSelectModule,
+        MatSliderModule,
+        MatSlideToggleModule,
+        MatMenuModule,
+        MatSidenavModule,
+        MatToolbarModule,
+        MatListModule,
+        MatGridListModule,
+        MatCardModule,
+        MatStepperModule,
+        MatTabsModule,
+        MatExpansionModule,
+        MatButtonToggleModule,
+        MatChipsModule,
+        MatIconModule,
+        MatProgressSpinnerModule,
+        MatProgressBarModule,
+        MatDialogModule,
+        MatTooltipModule,
+        MatSnackBarModule,
+        MatTableModule,
+        MatSortModule,
+        MatPaginatorModule,
+        MatDatepickerModule,
+        MatNativeDateModule], exports: [MatCheckboxModule,
+        MatButtonModule,
+        MatInputModule,
+        MatAutocompleteModule,
+        MatDatepickerModule,
+        MatFormFieldModule,
+        MatRadioModule,
+        MatSelectModule,
+        MatSliderModule,
+        MatSlideToggleModule,
+        MatMenuModule,
+        MatSidenavModule,
+        MatToolbarModule,
+        MatListModule,
+        MatGridListModule,
+        MatCardModule,
+        MatStepperModule,
+        MatTabsModule,
+        MatExpansionModule,
+        MatButtonToggleModule,
+        MatChipsModule,
+        MatIconModule,
+        MatProgressSpinnerModule,
+        MatProgressBarModule,
+        MatDialogModule,
+        MatTooltipModule,
+        MatSnackBarModule,
+        MatTableModule,
+        MatSortModule,
+        MatPaginatorModule] });
+MaterialModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MaterialModule, imports: [MatCheckboxModule,
+        MatButtonModule,
+        MatInputModule,
+        MatAutocompleteModule,
+        MatDatepickerModule,
+        MatFormFieldModule,
+        MatRadioModule,
+        MatSelectModule,
+        MatSliderModule,
+        MatSlideToggleModule,
+        MatMenuModule,
+        MatSidenavModule,
+        MatToolbarModule,
+        MatListModule,
+        MatGridListModule,
+        MatCardModule,
+        MatStepperModule,
+        MatTabsModule,
+        MatExpansionModule,
+        MatButtonToggleModule,
+        MatChipsModule,
+        MatIconModule,
+        MatProgressSpinnerModule,
+        MatProgressBarModule,
+        MatDialogModule,
+        MatTooltipModule,
+        MatSnackBarModule,
+        MatTableModule,
+        MatSortModule,
+        MatPaginatorModule,
+        MatDatepickerModule,
+        MatNativeDateModule, MatCheckboxModule,
+        MatButtonModule,
+        MatInputModule,
+        MatAutocompleteModule,
+        MatDatepickerModule,
+        MatFormFieldModule,
+        MatRadioModule,
+        MatSelectModule,
+        MatSliderModule,
+        MatSlideToggleModule,
+        MatMenuModule,
+        MatSidenavModule,
+        MatToolbarModule,
+        MatListModule,
+        MatGridListModule,
+        MatCardModule,
+        MatStepperModule,
+        MatTabsModule,
+        MatExpansionModule,
+        MatButtonToggleModule,
+        MatChipsModule,
+        MatIconModule,
+        MatProgressSpinnerModule,
+        MatProgressBarModule,
+        MatDialogModule,
+        MatTooltipModule,
+        MatSnackBarModule,
+        MatTableModule,
+        MatSortModule,
+        MatPaginatorModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MaterialModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        MatCheckboxModule,
+                        MatButtonModule,
+                        MatInputModule,
+                        MatAutocompleteModule,
+                        MatDatepickerModule,
+                        MatFormFieldModule,
+                        MatRadioModule,
+                        MatSelectModule,
+                        MatSliderModule,
+                        MatSlideToggleModule,
+                        MatMenuModule,
+                        MatSidenavModule,
+                        MatToolbarModule,
+                        MatListModule,
+                        MatGridListModule,
+                        MatCardModule,
+                        MatStepperModule,
+                        MatTabsModule,
+                        MatExpansionModule,
+                        MatButtonToggleModule,
+                        MatChipsModule,
+                        MatIconModule,
+                        MatProgressSpinnerModule,
+                        MatProgressBarModule,
+                        MatDialogModule,
+                        MatTooltipModule,
+                        MatSnackBarModule,
+                        MatTableModule,
+                        MatSortModule,
+                        MatPaginatorModule,
+                        MatDatepickerModule,
+                        MatNativeDateModule
+                    ],
+                    exports: [
+                        MatCheckboxModule,
+                        MatButtonModule,
+                        MatInputModule,
+                        MatAutocompleteModule,
+                        MatDatepickerModule,
+                        MatFormFieldModule,
+                        MatRadioModule,
+                        MatSelectModule,
+                        MatSliderModule,
+                        MatSlideToggleModule,
+                        MatMenuModule,
+                        MatSidenavModule,
+                        MatToolbarModule,
+                        MatListModule,
+                        MatGridListModule,
+                        MatCardModule,
+                        MatStepperModule,
+                        MatTabsModule,
+                        MatExpansionModule,
+                        MatButtonToggleModule,
+                        MatChipsModule,
+                        MatIconModule,
+                        MatProgressSpinnerModule,
+                        MatProgressBarModule,
+                        MatDialogModule,
+                        MatTooltipModule,
+                        MatSnackBarModule,
+                        MatTableModule,
+                        MatSortModule,
+                        MatPaginatorModule
+                    ],
+                }]
+        }] });
+
+class EqpAttachmentsModule {
+}
+EqpAttachmentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EqpAttachmentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+EqpAttachmentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: EqpAttachmentsModule, declarations: [EqpAttachmentsComponent], imports: [MaterialModule,
+        FormsModule,
+        CommonModule,
+        ReactiveFormsModule,
+        ImageCropperModule,
+        EqpTableModule,
+        NgxFileDropModule], exports: [EqpAttachmentsComponent] });
+EqpAttachmentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EqpAttachmentsModule, imports: [MaterialModule,
+        FormsModule,
+        CommonModule,
+        ReactiveFormsModule,
+        ImageCropperModule,
+        EqpTableModule,
+        NgxFileDropModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EqpAttachmentsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [EqpAttachmentsComponent],
+                    imports: [
+                        MaterialModule,
+                        FormsModule,
+                        CommonModule,
+                        ReactiveFormsModule,
+                        ImageCropperModule,
+                        EqpTableModule,
+                        NgxFileDropModule
+                    ],
+                    exports: [EqpAttachmentsComponent]
+                }]
+        }] });
+
+/*
+ * Public API Surface of eqp-attachments
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AttachmentHelperService, AttachmentType, CropOptionEnum, EqpAttachmentDialogService, EqpAttachmentsComponent, EqpAttachmentsModule };
+//# sourceMappingURL=eqproject-eqp-attachments.mjs.map