itc-components-library20 0.0.1

package/fesm2022/itc-components-library20.mjs

@@ -0,0 +1,3622 @@
+import * as i0 from '@angular/core';
+import { Component, EventEmitter, Output, Input, inject, ViewChild, HostListener, InjectionToken, Inject, Injectable } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@fortawesome/angular-fontawesome';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { Router } from '@angular/router';
+import * as fas from '@fortawesome/free-solid-svg-icons';
+import { faCircle, faStroopwafel, faChevronLeft, faChevronRight, faCirclePlus, faCircleCheck } from '@fortawesome/free-solid-svg-icons';
+import * as i3 from 'primeng/table';
+import { TableModule } from 'primeng/table';
+import * as i4 from 'primeng/api';
+import { FormsModule } from '@angular/forms';
+import * as i4$1 from 'primeng/dialog';
+import { DialogModule } from 'primeng/dialog';
+import * as i5 from 'primeng/tabs';
+import { TabsModule } from 'primeng/tabs';
+import * as i1$1 from 'primeng/config';
+import { HttpClient, HttpParams, HttpHeaders } from '@angular/common/http';
+import * as AWS from 'aws-sdk';
+
+class ItcLibrary20 {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ItcLibrary20, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: ItcLibrary20, isStandalone: true, selector: "lib-itc-library20", ngImport: i0, template: `
+    <p>
+      itc-library20 works!
+    </p>
+  `, isInline: true, styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ItcLibrary20, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-itc-library20', imports: [], template: `
+    <p>
+      itc-library20 works!
+    </p>
+  ` }]
+        }] });
+
+class PrimaryButton {
+    text = 'Primary Button';
+    bgColor = 'black';
+    isNegative = false; //controllare se è un bottone negative o meno
+    icon;
+    position = 'left';
+    fontWeight = 'normal';
+    textColor = 'white';
+    border = '1px solid black';
+    borderRadius = '5px';
+    onClick = new EventEmitter(); // Evento di click per il genitore
+    // La funzione onClick emette l'evento cliccato al genitore
+    click() {
+        this.onClick.emit(); // Emette l'evento al genitore
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: PrimaryButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", type: PrimaryButton, isStandalone: true, selector: "lib-primary-button", inputs: { text: "text", bgColor: "bgColor", isNegative: "isNegative", icon: "icon", position: "position", fontWeight: "fontWeight", textColor: "textColor", border: "border", borderRadius: "borderRadius" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button \r\n    [ngClass]=\"{\r\n        'active': !isNegative,\r\n        'inactive': isNegative,\r\n    }\"\r\n    [ngStyle]=\"{\r\n        'background-color': isNegative ? 'transparent' : bgColor,\r\n        'font-weight': fontWeight,\r\n        'color': textColor,\r\n        'border': border,\r\n        'border-radius': borderRadius\r\n    }\"\r\n    (click)=\"click()\"\r\n>\r\n    @if(position === 'left' && icon) {\r\n        <fa-icon [icon]=\"icon\" style=\"margin-right: 10px;\"></fa-icon>\r\n    }\r\n        {{ text }}\r\n    @if(position === 'right' && icon) {\r\n        <fa-icon [icon]=\"icon\" style=\"margin-left: 10px;\"></fa-icon>\r\n    }\r\n</button>\r\n", styles: ["button{display:flex;justify-content:center;align-items:center;min-width:210px;height:60px;padding:10px 20px;font-size:20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;line-height:1}button.active{background-color:var(--primary-color);color:#fff}button.inactive{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: PrimaryButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-primary-button', imports: [CommonModule, FontAwesomeModule], template: "<button \r\n    [ngClass]=\"{\r\n        'active': !isNegative,\r\n        'inactive': isNegative,\r\n    }\"\r\n    [ngStyle]=\"{\r\n        'background-color': isNegative ? 'transparent' : bgColor,\r\n        'font-weight': fontWeight,\r\n        'color': textColor,\r\n        'border': border,\r\n        'border-radius': borderRadius\r\n    }\"\r\n    (click)=\"click()\"\r\n>\r\n    @if(position === 'left' && icon) {\r\n        <fa-icon [icon]=\"icon\" style=\"margin-right: 10px;\"></fa-icon>\r\n    }\r\n        {{ text }}\r\n    @if(position === 'right' && icon) {\r\n        <fa-icon [icon]=\"icon\" style=\"margin-left: 10px;\"></fa-icon>\r\n    }\r\n</button>\r\n", styles: ["button{display:flex;justify-content:center;align-items:center;min-width:210px;height:60px;padding:10px 20px;font-size:20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;line-height:1}button.active{background-color:var(--primary-color);color:#fff}button.inactive{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}\n"] }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], bgColor: [{
+                type: Input
+            }], isNegative: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], fontWeight: [{
+                type: Input
+            }], textColor: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], borderRadius: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+
+class SecondaryButton {
+    text = 'secondary button';
+    bgColor = 'black';
+    textColor = 'white';
+    icon;
+    position = 'left';
+    fontWeight = 'normal';
+    borderRadius = '5px';
+    border = '';
+    onClick = new EventEmitter(); // Evento di click per il genitore
+    // La funzione onClick emette l'evento cliccato al genitore
+    click() {
+        this.onClick.emit(); // Emette l'evento al genitore
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: SecondaryButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", type: SecondaryButton, isStandalone: true, selector: "lib-secondary-button", inputs: { text: "text", bgColor: "bgColor", textColor: "textColor", icon: "icon", position: "position", fontWeight: "fontWeight", borderRadius: "borderRadius", border: "border" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button\r\n    [ngStyle]=\"{\r\n        'background-color': bgColor,\r\n        'color': textColor,\r\n        'font-weight': fontWeight,\r\n        'border-radius': borderRadius,\r\n        'border': border\r\n    }\"\r\n    (click)=\"click()\"\r\n>\r\n    @if(position === 'left' && icon) {\r\n        <fa-icon [icon]=\"icon\" style=\"margin-right: 10px;\"></fa-icon>\r\n    }\r\n    {{ text }}\r\n    @if(position === 'right' && icon) {\r\n        <fa-icon [icon]=\"icon\" style=\"margin-left: 10px;\"></fa-icon>\r\n    }\r\n</button>", styles: ["button{display:flex;justify-content:center;align-items:center;min-width:210px;height:35px;padding:10px 20px;font-size:17px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;line-height:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: SecondaryButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-secondary-button', imports: [CommonModule, FontAwesomeModule], template: "<button\r\n    [ngStyle]=\"{\r\n        'background-color': bgColor,\r\n        'color': textColor,\r\n        'font-weight': fontWeight,\r\n        'border-radius': borderRadius,\r\n        'border': border\r\n    }\"\r\n    (click)=\"click()\"\r\n>\r\n    @if(position === 'left' && icon) {\r\n        <fa-icon [icon]=\"icon\" style=\"margin-right: 10px;\"></fa-icon>\r\n    }\r\n    {{ text }}\r\n    @if(position === 'right' && icon) {\r\n        <fa-icon [icon]=\"icon\" style=\"margin-left: 10px;\"></fa-icon>\r\n    }\r\n</button>", styles: ["button{display:flex;justify-content:center;align-items:center;min-width:210px;height:35px;padding:10px 20px;font-size:17px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;line-height:1}\n"] }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], bgColor: [{
+                type: Input
+            }], textColor: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], fontWeight: [{
+                type: Input
+            }], borderRadius: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+
+class ThirdButton {
+    text = 'secondary button';
+    bgColor = 'black';
+    textColor = 'white';
+    icon;
+    position = 'left';
+    fontWeight = 'normal';
+    width = '110px';
+    height = '35px';
+    borderRadius = '5px';
+    border = '';
+    disabled = false;
+    iconSpin = false;
+    fontSize = '17px';
+    onClick = new EventEmitter(); // Evento di click per il genitore
+    // La funzione onClick emette l'evento cliccato al genitore
+    click() {
+        if (!this.disabled) {
+            this.onClick.emit(); // Emette l'evento al genitore
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ThirdButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", type: ThirdButton, isStandalone: true, selector: "lib-third-button", inputs: { text: "text", bgColor: "bgColor", textColor: "textColor", icon: "icon", position: "position", fontWeight: "fontWeight", width: "width", height: "height", borderRadius: "borderRadius", border: "border", disabled: "disabled", iconSpin: "iconSpin", fontSize: "fontSize" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button\r\n    [ngStyle]=\"{\r\n        'background-color': bgColor,\r\n        'color': textColor,\r\n        'font-weight': fontWeight,\r\n        'width': width,\r\n        'height': height,\r\n        'border-radius': borderRadius,\r\n        'border': border,\r\n        'font-size': fontSize\r\n    }\"\r\n    [disabled]=\"disabled\"\r\n    (click)=\"click()\"\r\n>\r\n    @if(position === 'left' && icon) {\r\n        <fa-icon [icon]=\"icon\" [ngClass]=\"{'fa-spin': iconSpin}\" style=\"margin-right: 10px;\"></fa-icon>\r\n    }\r\n    {{ text }}\r\n    @if(position === 'right' && icon) {\r\n        <fa-icon [icon]=\"icon\" [ngClass]=\"{'fa-spin': iconSpin}\" style=\"margin-left: 10px;\"></fa-icon>\r\n    }\r\n</button>", styles: ["button{display:flex;justify-content:center;align-items:center;min-width:110px;height:35px;padding:10px 20px;font-size:17px;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease;line-height:1}button:disabled{opacity:.7;cursor:not-allowed;pointer-events:none}button:not(:disabled):hover{filter:brightness(1.05);box-shadow:0 2px 5px #0000001a}button:not(:disabled):active{transform:scale(.98)}.fa-spin{animation:fa-spin 1s infinite linear}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ThirdButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-third-button', imports: [CommonModule, FontAwesomeModule], template: "<button\r\n    [ngStyle]=\"{\r\n        'background-color': bgColor,\r\n        'color': textColor,\r\n        'font-weight': fontWeight,\r\n        'width': width,\r\n        'height': height,\r\n        'border-radius': borderRadius,\r\n        'border': border,\r\n        'font-size': fontSize\r\n    }\"\r\n    [disabled]=\"disabled\"\r\n    (click)=\"click()\"\r\n>\r\n    @if(position === 'left' && icon) {\r\n        <fa-icon [icon]=\"icon\" [ngClass]=\"{'fa-spin': iconSpin}\" style=\"margin-right: 10px;\"></fa-icon>\r\n    }\r\n    {{ text }}\r\n    @if(position === 'right' && icon) {\r\n        <fa-icon [icon]=\"icon\" [ngClass]=\"{'fa-spin': iconSpin}\" style=\"margin-left: 10px;\"></fa-icon>\r\n    }\r\n</button>", styles: ["button{display:flex;justify-content:center;align-items:center;min-width:110px;height:35px;padding:10px 20px;font-size:17px;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease;line-height:1}button:disabled{opacity:.7;cursor:not-allowed;pointer-events:none}button:not(:disabled):hover{filter:brightness(1.05);box-shadow:0 2px 5px #0000001a}button:not(:disabled):active{transform:scale(.98)}.fa-spin{animation:fa-spin 1s infinite linear}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], bgColor: [{
+                type: Input
+            }], textColor: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], fontWeight: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], borderRadius: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], iconSpin: [{
+                type: Input
+            }], fontSize: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+
+class BasicTable {
+    router = inject(Router);
+    columns = [];
+    data = [];
+    rows = 1;
+    detailRoute = ''; // Route di default
+    actions = {}; //azioni per le icone
+    first = 0;
+    faCircle = faCircle;
+    faStroopwafel = faStroopwafel;
+    isDateColumn(value) {
+        return value instanceof Date && !isNaN(value.getTime());
+    }
+    // Funzione per verificare se una colonna contiene un'icona
+    isIconColumn(columnField) {
+        const iconCheck = (value) => {
+            if (typeof value === 'string' && /^fa[A-Z]/.test(value))
+                return true; //classi css
+            if (typeof value === 'object' && value?.iconName)
+                return true; //oggetto IconDefinition
+            if (typeof value === 'string' && /<i.*class=".*fa.*".*>.*<\/i>/i.test(value))
+                return true; //html grezzo
+            return false;
+        };
+        return this.data.some(row => iconCheck(row[columnField]));
+    }
+    //andare alla pagina specifica del dettaglio salvando l'id nel sessionStorage
+    navigateRoute(id) {
+        if (id === undefined || id === null) {
+            console.error('ID non valido:', id);
+            return; // Non fare nulla se l'ID non è valido
+        }
+        console.log(id);
+        sessionStorage.setItem('id', id.toString());
+        this.router.navigate([this.detailRoute]);
+    }
+    pageChange(event) {
+        this.first = event.first;
+        this.rows = event.rows;
+        // console.log(this.first + ', ' + this.rows)
+    }
+    get tableData() {
+        const rowsPerPage = this.rows + this.first;
+        const emptyRowsCount = rowsPerPage - this.data.length; // Calcola il numero di righe vuote
+        // console.log('Rows Per Page:', rowsPerPage);  // Log per vedere il valore di rows
+        // console.log('Data Length:', this.data.length); // Log per vedere il numero di righe in data
+        // console.log('Empty Rows Count:', emptyRowsCount); // Log per vedere quante righe vuote vengono calcolate
+        const emptyRows = Array.from({ length: emptyRowsCount }, () => this.columns.reduce((acc, col) => {
+            // Se la colonna è quella per l'icona (ad esempio, 'detail'), assegna un'icona di fallback
+            if (this.isIconColumn(col.field)) {
+                acc[col.field] = this.faStroopwafel; // Fallback con un'icona vuota o di default
+            }
+            else {
+                acc[col.field] = null; // Altrimenti, metti null per le altre colonne
+            }
+            return acc;
+        }, {}));
+        // console.log('Empty Rows:', emptyRows);  // Log per vedere le righe vuote generate
+        // Combina i dati esistenti con le righe vuote
+        return [...this.data, ...emptyRows];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BasicTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", type: BasicTable, isStandalone: true, selector: "lib-basic-table", inputs: { columns: "columns", data: "data", rows: "rows", detailRoute: "detailRoute", actions: "actions" }, ngImport: i0, template: "<div class=\"card\">\r\n    <p-table\r\n        [columns]=\"columns\"\r\n        [value]=\"tableData\"\r\n        [paginator]=\"true\"\r\n        [rows]=\"rows\"\r\n        [first]=\"first\"\r\n        (onPage)=\"pageChange($event)\"\r\n    >\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n        <tr>\r\n            @for(column of columns; track $index) {\r\n                <th class=\"column-header\" [ngStyle]=\"{ 'width': column.width }\">\r\n                    {{ column.header }}\r\n                </th>\r\n            }\r\n        </tr>\r\n    </ng-template>\r\n    <ng-template\r\n        pTemplate=\"body\" \r\n        let-rowData \r\n        let-columns=\"columns\"\r\n    >\r\n        <tr>\r\n            @for (column of columns; track $index) {\r\n                <td class=\"data-container\">\r\n                    <!-- Verifica il campo data -->\r\n                    @if (isDateColumn(rowData[column.field])) {\r\n                        <ng-container>\r\n                            {{ rowData[column.field] | date: 'dd/MM/yyyy - HH:mm' }}\r\n                        </ng-container>\r\n                    }\r\n                    <!-- Verifica se il campo della colonna \u00E8 uno di quelli che contiene un'icona -->\r\n                    @else if (isIconColumn(column.field)) {\r\n                        <ng-container>\r\n                            <fa-icon \r\n                                [icon]=\"rowData[column.field]\"\r\n                                [ngClass]=\"{ \r\n                                'invisible-icon': rowData[column.field] === faStroopwafel, \r\n                                'default-style': rowData[column.field] !== faStroopwafel \r\n                                }\"\r\n                                (click)=\"actions[column.field] ? actions[column.field](rowData) : null\"\r\n                            ></fa-icon>\r\n                        </ng-container>\r\n                    } @else {\r\n                        {{ rowData[column.field]?.label || rowData[column.field] }}\r\n                    }\r\n                </td>\r\n            }\r\n        </tr>\r\n    </ng-template>\r\n    </p-table>\r\n</div>", styles: [":host ::ng-deep .card{height:100%;width:100%}:is() p-table{height:100%}.column-header,.data-container{text-align:center;padding:0}.column-header{color:var(--primary-blue-color);font-weight:600;padding:1% 0}.data-container{padding:.1% 0;height:50px}.data-container>.default-style{color:var(--primary-blue-color);font-size:30px}fa-icon{cursor:pointer}.invisible-icon{color:transparent}@media screen and (min-resolution: 1.25dppx){.data-container>.default-style{font-size:25px}}@media only screen and (max-width: 1366px){.column-header{font-size:14px}.data-container{font-size:13px;height:47px}.data-container>.default-style{font-size:25px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i3.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: BasicTable, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-basic-table', imports: [CommonModule, FontAwesomeModule, TableModule], template: "<div class=\"card\">\r\n    <p-table\r\n        [columns]=\"columns\"\r\n        [value]=\"tableData\"\r\n        [paginator]=\"true\"\r\n        [rows]=\"rows\"\r\n        [first]=\"first\"\r\n        (onPage)=\"pageChange($event)\"\r\n    >\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n        <tr>\r\n            @for(column of columns; track $index) {\r\n                <th class=\"column-header\" [ngStyle]=\"{ 'width': column.width }\">\r\n                    {{ column.header }}\r\n                </th>\r\n            }\r\n        </tr>\r\n    </ng-template>\r\n    <ng-template\r\n        pTemplate=\"body\" \r\n        let-rowData \r\n        let-columns=\"columns\"\r\n    >\r\n        <tr>\r\n            @for (column of columns; track $index) {\r\n                <td class=\"data-container\">\r\n                    <!-- Verifica il campo data -->\r\n                    @if (isDateColumn(rowData[column.field])) {\r\n                        <ng-container>\r\n                            {{ rowData[column.field] | date: 'dd/MM/yyyy - HH:mm' }}\r\n                        </ng-container>\r\n                    }\r\n                    <!-- Verifica se il campo della colonna \u00E8 uno di quelli che contiene un'icona -->\r\n                    @else if (isIconColumn(column.field)) {\r\n                        <ng-container>\r\n                            <fa-icon \r\n                                [icon]=\"rowData[column.field]\"\r\n                                [ngClass]=\"{ \r\n                                'invisible-icon': rowData[column.field] === faStroopwafel, \r\n                                'default-style': rowData[column.field] !== faStroopwafel \r\n                                }\"\r\n                                (click)=\"actions[column.field] ? actions[column.field](rowData) : null\"\r\n                            ></fa-icon>\r\n                        </ng-container>\r\n                    } @else {\r\n                        {{ rowData[column.field]?.label || rowData[column.field] }}\r\n                    }\r\n                </td>\r\n            }\r\n        </tr>\r\n    </ng-template>\r\n    </p-table>\r\n</div>", styles: [":host ::ng-deep .card{height:100%;width:100%}:is() p-table{height:100%}.column-header,.data-container{text-align:center;padding:0}.column-header{color:var(--primary-blue-color);font-weight:600;padding:1% 0}.data-container{padding:.1% 0;height:50px}.data-container>.default-style{color:var(--primary-blue-color);font-size:30px}fa-icon{cursor:pointer}.invisible-icon{color:transparent}@media screen and (min-resolution: 1.25dppx){.data-container>.default-style{font-size:25px}}@media only screen and (max-width: 1366px){.column-header{font-size:14px}.data-container{font-size:13px;height:47px}.data-container>.default-style{font-size:25px}}\n"] }]
+        }], propDecorators: { columns: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], detailRoute: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }] } });
+
+class SortableTable {
+    router = inject(Router);
+    columns = [];
+    data = [];
+    rows = 1;
+    detailRoute = ''; // Route di default
+    actions = {}; //azioni per le icone
+    colorPicker = () => 'var(--primary-blue-color)';
+    selected = [];
+    tableCheckbox = '';
+    selectionChange = new EventEmitter();
+    // @Output() unselect = new EventEmitter<any[]>();
+    resetData = new EventEmitter();
+    first = 0;
+    faCircle = fas.faCircle;
+    faStroopwafel = fas.faStroopwafel;
+    faMagnifyingGlass = fas.faMagnifyingGlass;
+    selectedData = [];
+    isDateColumn(value) {
+        return value instanceof Date && !isNaN(value.getTime());
+    }
+    // Funzione per verificare se una colonna contiene un'icona
+    isIconColumn(columnField) {
+        if (this.isPriorityColumn(columnField)) {
+            return true;
+        }
+        const iconCheck = (value) => {
+            if (typeof value === 'string' && value.includes('fa'))
+                return true; //classi css
+            if (typeof value === 'object' && value?.iconName)
+                return true; //oggetto IconDefinition
+            if (typeof value === 'string' && /<i.*class=".*fa.*".*>.*<\/i>/i.test(value))
+                return true; //html grezzo
+            return false;
+        };
+        return this.data.some(row => iconCheck(row[columnField]));
+    }
+    //andare alla pagina specifica del dettaglio salvando l'id nel sessionStorage
+    navigateRoute(id) {
+        if (id === undefined || id === null) {
+            console.error('ID non valido:', id);
+            return; // Non fare nulla se l'ID non è valido
+        }
+        console.log(id);
+        sessionStorage.setItem('id', id.toString());
+        this.router.navigate([this.detailRoute]);
+    }
+    pageChange(event) {
+        this.first = event.first;
+        this.rows = event.rows;
+        // console.log(this.first + ', ' + this.rows)
+    }
+    // get tableData(): any[] {
+    //   const rowsPerPage = this.rows + this.first;
+    //   const emptyRowsCount = rowsPerPage - this.data.length; // Calcola il numero di righe vuote
+    //   // console.log('Rows Per Page:', rowsPerPage);  // Log per vedere il valore di rows
+    //   // console.log('Data Length:', this.data.length); // Log per vedere il numero di righe in data
+    //   // console.log('Empty Rows Count:', emptyRowsCount); // Log per vedere quante righe vuote vengono calcolate
+    //   const emptyRows = Array.from({ length: emptyRowsCount }, () =>
+    //     this.columns.reduce((acc: Record<string, any>, col) => {
+    //       // Se la colonna è quella per l'icona (ad esempio, 'detail'), assegna un'icona di fallback
+    //       if (this.isIconColumn(col.field)) {
+    //         acc[col.field] = this.faStroopwafel;  // Fallback con un'icona vuota o di default
+    //       } else {
+    //         acc[col.field] = null;  // Altrimenti, metti null per le altre colonne
+    //       }
+    //       return acc;
+    //     }, {})
+    //   );
+    //   // console.log('Empty Rows:', emptyRows);  // Log per vedere le righe vuote generate
+    //   // Combina i dati esistenti con le righe vuote
+    //   return [...this.data, ...emptyRows];
+    // }
+    dt;
+    initialValue = [];
+    isSorted = null;
+    currentSortedField = null;
+    ngOnInit() {
+        this.initialValue = [...this.data];
+    }
+    customSort(event) {
+        if (this.currentSortedField !== event.field) {
+            // Se si clicca su una colonna diversa, resetta lo stato e imposta ascendente
+            this.currentSortedField = event.field;
+            this.isSorted = true;
+            this.sortTableData(event);
+        }
+        else {
+            if (this.isSorted == null || this.isSorted === undefined) {
+                this.isSorted = true;
+                this.sortTableData(event);
+            }
+            else if (this.isSorted == true) {
+                this.isSorted = false;
+                this.sortTableData(event);
+            }
+            else if (this.isSorted == false) {
+                this.isSorted = null;
+                this.data = [...this.initialValue];
+                this.resetData.emit();
+                this.dt.reset();
+            }
+        }
+    }
+    sortTableData(event) {
+        event.data.sort((data1, data2) => {
+            let value1 = data1[event.field];
+            let value2 = data2[event.field];
+            if (event.field === 'priorityIcon') {
+                value1 = data1['priority'];
+                value2 = data2['priority'];
+            }
+            let result = null;
+            if (value1 == null && value2 != null)
+                result = -1;
+            else if (value1 != null && value2 == null)
+                result = 1;
+            else if (value1 == null && value2 == null)
+                result = 0;
+            else {
+                if (this.isPriorityField(event.field)) {
+                    result = this.comparePriorities(value1, value2);
+                }
+                else if (typeof value1 === 'string' && typeof value2 === 'string')
+                    result = value1.localeCompare(value2);
+                else
+                    result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
+            }
+            return event.order * result;
+        });
+    }
+    isPriorityField(fieldName) {
+        if (fieldName.toLowerCase().includes('priority') || fieldName === 'priorityIcon') {
+            return true;
+        }
+        return false;
+    }
+    isPriorityColumn(columnField) {
+        return columnField === 'priority' && this.data.some(row => row['priorityIcon']);
+    }
+    comparePriorities(priority1, priority2) {
+        const priorityOrder = {
+            'P1': 1,
+            'P2': 2,
+            'P3': 3
+        };
+        const order1 = priorityOrder[priority1] || 999;
+        const order2 = priorityOrder[priority2] || 999;
+        return order1 - order2;
+    }
+    onRowSelect() {
+        this.selectionChange.emit(this.selectedData);
+        // console.log('onrowselect', this.selectedData)
+    }
+    clearSelection() {
+        this.selectedData = [];
+        this.selectionChange.emit(this.selectedData);
+        // console.log('Selezione tabella resettata');
+    }
+    hasMagnifyingGlassIcon(field) {
+        if (!this.isIconColumn(field)) {
+            return false;
+        }
+        if (this.data && this.data.length > 0) {
+            return this.data.some(row => row[field] === this.faMagnifyingGlass);
+        }
+        return false;
+    }
+    resetSorting() {
+        this.isSorted = null;
+        this.currentSortedField = null;
+        this.data = [...this.initialValue];
+        if (this.dt) {
+            this.dt.reset();
+        }
+        this.resetData.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: SortableTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", type: SortableTable, isStandalone: true, selector: "lib-sortable-table", inputs: { columns: "columns", data: "data", rows: "rows", detailRoute: "detailRoute", actions: "actions", colorPicker: "colorPicker", selected: "selected", tableCheckbox: "tableCheckbox" }, outputs: { selectionChange: "selectionChange", resetData: "resetData" }, viewQueries: [{ propertyName: "dt", first: true, predicate: ["dt"], descendants: true }], ngImport: i0, template: "<div class=\"card\">\r\n    <p-table\r\n        #dt\r\n        [columns]=\"columns\"\r\n        [value]=\"data\"\r\n        [(selection)]=\"selectedData\"\r\n        [paginator]=\"true\"\r\n        [rows]=\"rows\"\r\n        [first]=\"first\"\r\n        [customSort]=\"true\"\r\n        (onPage)=\"pageChange($event)\"\r\n        (sortFunction)=\"customSort($event)\"\r\n        (onRowSelect)=\"onRowSelect()\"\r\n        (onRowUnselect)=\"onRowSelect()\"\r\n        [selectionMode]=\"'multiple'\"\r\n        dataKey=\"id\"\r\n    >\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n        <tr>\r\n            <th style=\"width: 10px\"></th>\r\n            @for(column of columns; track $index) {\r\n                <th class=\"column-header\" [ngStyle]=\"{ 'width': column.width }\" [pSortableColumn]=\"hasMagnifyingGlassIcon(column.field) ? null : column.field\">\r\n                    {{ column.header }}\r\n                    @if(!hasMagnifyingGlassIcon(column.field)) {\r\n                        <p-sortIcon [field]=\"column.field\"></p-sortIcon>\r\n                    }\r\n                </th>\r\n            }\r\n        </tr>\r\n    </ng-template>\r\n    <ng-template\r\n        pTemplate=\"body\" \r\n        let-rowData \r\n        let-columns=\"columns\"\r\n        let-selected=\"selected\"\r\n    >\r\n        <tr [pSelectableRow]=\"rowData\" [attr.data-id]=\"rowData.id\">\r\n            <td (click)=\"$event.stopPropagation()\">\r\n                <p-tableCheckbox [value]=\"rowData\" [ngClass]=\"tableCheckbox\"/>\r\n            </td>\r\n            @for (column of columns; track $index) {\r\n                <td class=\"data-container\">\r\n                    <!-- Verifica il campo data -->\r\n                    @if (isDateColumn(rowData[column.field])) {\r\n                        <ng-container>\r\n                            {{ rowData[column.field] | date: 'dd/MM/yyyy - HH:mm' }}\r\n                        </ng-container>\r\n                    }\r\n                    <!-- Gestione speciale per la colonna priority -->\r\n                    @else if (column.field === 'priority' && rowData['priorityIcon']) {\r\n                        <ng-container>\r\n                            <fa-icon\r\n                                [icon]=\"rowData['priorityIcon']\"\r\n                                [ngStyle]=\"{ color: colorPicker(rowData, 'priority') }\"\r\n                            ></fa-icon>\r\n                        </ng-container>\r\n                    }\r\n                    <!-- Verifica se il campo della colonna \u00E8 uno di quelli che contiene un'icona -->\r\n                    @else if (isIconColumn(column.field)) {\r\n                        <ng-container>\r\n                            <fa-icon \r\n                                [icon]=\"rowData[column.field]\"\r\n                                [ngClass]=\"{ \r\n                                'invisible-icon': rowData[column.field] === faStroopwafel, \r\n                                'default-style': rowData[column.field] !== faStroopwafel,\r\n                                'color-style': rowData[column.field] === faMagnifyingGlass\r\n                                }\"\r\n                                [ngStyle]=\"{ color: colorPicker(rowData, column.field) }\"\r\n                                (click)=\"$event.stopPropagation(); actions[column.field] ? actions[column.field](rowData) : null\"\r\n                            ></fa-icon>\r\n                        </ng-container>\r\n                    } @else {\r\n                        {{ rowData[column.field]?.label || rowData[column.field] }}\r\n                    }\r\n                </td>\r\n            }\r\n        </tr>\r\n    </ng-template>\r\n    </p-table>\r\n</div>", styles: [":host ::ng-deep .card{height:100%;width:100%}:is() p-table{height:100%}.column-header,.data-container{text-align:center;padding:0}.column-header{color:var(--primary-blue-color);font-weight:600;padding:1% 0}.data-container{padding:.1% 0;height:50px}.data-container>.default-style{color:var(--primary-blue-color);font-size:30px}.data-container>.color-style,.color-style{color:var(--primary-blue-color)!important}fa-icon{cursor:pointer}.invisible-icon{color:transparent}@media screen and (min-resolution: 1.25dppx){.data-container>.default-style{font-size:25px}}@media only screen and (max-width: 1366px){.column-header{font-size:14px}.data-container{font-size:13px;height:47px}.data-container>.default-style{font-size:25px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i3.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i3.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "component", type: i3.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i3.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "ngmodule", type: FormsModule }, { kind: "pipe", type: i1.DatePipe, name: "date" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: SortableTable, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-sortable-table', imports: [CommonModule, FontAwesomeModule, TableModule, FormsModule], template: "<div class=\"card\">\r\n    <p-table\r\n        #dt\r\n        [columns]=\"columns\"\r\n        [value]=\"data\"\r\n        [(selection)]=\"selectedData\"\r\n        [paginator]=\"true\"\r\n        [rows]=\"rows\"\r\n        [first]=\"first\"\r\n        [customSort]=\"true\"\r\n        (onPage)=\"pageChange($event)\"\r\n        (sortFunction)=\"customSort($event)\"\r\n        (onRowSelect)=\"onRowSelect()\"\r\n        (onRowUnselect)=\"onRowSelect()\"\r\n        [selectionMode]=\"'multiple'\"\r\n        dataKey=\"id\"\r\n    >\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n        <tr>\r\n            <th style=\"width: 10px\"></th>\r\n            @for(column of columns; track $index) {\r\n                <th class=\"column-header\" [ngStyle]=\"{ 'width': column.width }\" [pSortableColumn]=\"hasMagnifyingGlassIcon(column.field) ? null : column.field\">\r\n                    {{ column.header }}\r\n                    @if(!hasMagnifyingGlassIcon(column.field)) {\r\n                        <p-sortIcon [field]=\"column.field\"></p-sortIcon>\r\n                    }\r\n                </th>\r\n            }\r\n        </tr>\r\n    </ng-template>\r\n    <ng-template\r\n        pTemplate=\"body\" \r\n        let-rowData \r\n        let-columns=\"columns\"\r\n        let-selected=\"selected\"\r\n    >\r\n        <tr [pSelectableRow]=\"rowData\" [attr.data-id]=\"rowData.id\">\r\n            <td (click)=\"$event.stopPropagation()\">\r\n                <p-tableCheckbox [value]=\"rowData\" [ngClass]=\"tableCheckbox\"/>\r\n            </td>\r\n            @for (column of columns; track $index) {\r\n                <td class=\"data-container\">\r\n                    <!-- Verifica il campo data -->\r\n                    @if (isDateColumn(rowData[column.field])) {\r\n                        <ng-container>\r\n                            {{ rowData[column.field] | date: 'dd/MM/yyyy - HH:mm' }}\r\n                        </ng-container>\r\n                    }\r\n                    <!-- Gestione speciale per la colonna priority -->\r\n                    @else if (column.field === 'priority' && rowData['priorityIcon']) {\r\n                        <ng-container>\r\n                            <fa-icon\r\n                                [icon]=\"rowData['priorityIcon']\"\r\n                                [ngStyle]=\"{ color: colorPicker(rowData, 'priority') }\"\r\n                            ></fa-icon>\r\n                        </ng-container>\r\n                    }\r\n                    <!-- Verifica se il campo della colonna \u00E8 uno di quelli che contiene un'icona -->\r\n                    @else if (isIconColumn(column.field)) {\r\n                        <ng-container>\r\n                            <fa-icon \r\n                                [icon]=\"rowData[column.field]\"\r\n                                [ngClass]=\"{ \r\n                                'invisible-icon': rowData[column.field] === faStroopwafel, \r\n                                'default-style': rowData[column.field] !== faStroopwafel,\r\n                                'color-style': rowData[column.field] === faMagnifyingGlass\r\n                                }\"\r\n                                [ngStyle]=\"{ color: colorPicker(rowData, column.field) }\"\r\n                                (click)=\"$event.stopPropagation(); actions[column.field] ? actions[column.field](rowData) : null\"\r\n                            ></fa-icon>\r\n                        </ng-container>\r\n                    } @else {\r\n                        {{ rowData[column.field]?.label || rowData[column.field] }}\r\n                    }\r\n                </td>\r\n            }\r\n        </tr>\r\n    </ng-template>\r\n    </p-table>\r\n</div>", styles: [":host ::ng-deep .card{height:100%;width:100%}:is() p-table{height:100%}.column-header,.data-container{text-align:center;padding:0}.column-header{color:var(--primary-blue-color);font-weight:600;padding:1% 0}.data-container{padding:.1% 0;height:50px}.data-container>.default-style{color:var(--primary-blue-color);font-size:30px}.data-container>.color-style,.color-style{color:var(--primary-blue-color)!important}fa-icon{cursor:pointer}.invisible-icon{color:transparent}@media screen and (min-resolution: 1.25dppx){.data-container>.default-style{font-size:25px}}@media only screen and (max-width: 1366px){.column-header{font-size:14px}.data-container{font-size:13px;height:47px}.data-container>.default-style{font-size:25px}}\n"] }]
+        }], propDecorators: { columns: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], detailRoute: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }], colorPicker: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], tableCheckbox: [{
+                type: Input
+            }], selectionChange: [{
+                type: Output
+            }], resetData: [{
+                type: Output
+            }], dt: [{
+                type: ViewChild,
+                args: ['dt']
+            }] } });
+
+class PrimengItalianLocale {
+}
+const PRIMENG_ITALIAN_LOCALE = {
+    firstDayOfWeek: 1,
+    dayNames: ["Domenica", "Lunedì", "Martedì", "Mercoledì", "Giovedì", "Venerdì", "Sabato"],
+    dayNamesShort: ["Dom", "Lun", "Mar", "Mer", "Gio", "Ven", "Sab"],
+    dayNamesMin: ["Do", "Lu", "Ma", "Me", "Gi", "Ve", "Sa"],
+    monthNames: ["Gennaio", "Febbraio", "Marzo", "Aprile", "Maggio", "Giugno", "Luglio", "Agosto", "Settembre", "Ottobre", "Novembre", "Dicembre"],
+    monthNamesShort: ["Gen", "Feb", "Mar", "Apr", "Mag", "Giu", "Lug", "Ago", "Set", "Ott", "Nov", "Dic"],
+    today: 'Oggi',
+    clear: 'Cancella',
+    dateFormat: 'dd/mm/yy',
+    weekHeader: 'Sm'
+};
+
+var CalendarView;
+(function (CalendarView) {
+    CalendarView["Month"] = "month";
+    CalendarView["Week"] = "week";
+})(CalendarView || (CalendarView = {}));
+// Costante per il limite massimo della cache
+const MAX_CACHE_SIZE = 100;
+class Calendar {
+    cdr;
+    primengConfig;
+    appointments = [];
+    //tab
+    items = [];
+    //timeslot
+    startHour = 0;
+    endHour = 24;
+    timeInterval = 30;
+    dateSelected = new EventEmitter();
+    closeModal = new EventEmitter();
+    tabChanged = new EventEmitter();
+    faChevronLeft = faChevronLeft;
+    faChevronRight = faChevronRight;
+    faCirclePlus = faCirclePlus;
+    faCircleCheck = faCircleCheck;
+    viewDate = new Date();
+    selectedDate = null;
+    blinkDate = null;
+    selectedDateString = '';
+    selectedStartTime;
+    weekDays = ['LUN', 'MAR', 'MER', 'GIO', 'VEN', 'SAB', 'DOM'];
+    monthDays = [];
+    currentView = CalendarView.Month;
+    timeSlots = [];
+    weeks = [];
+    visibleList = false;
+    newAppointment = false;
+    //tabmenu
+    activeItem; // Per compatibilità con il resto del codice
+    activeValue = ''; // Per il nuovo componente Tabs
+    //dialog list appointment
+    selectedAppointments = [];
+    //hover appuntamenti
+    hoveredAppointment = null;
+    tooltipStyle = {};
+    appointmentCache = {};
+    monthViewData = null;
+    weekViewData = null;
+    formattedDateCache = new Map(); // Cache per le date formattate
+    cacheKeys = []; // Per implementare LRU (Least Recently Used) cache
+    //
+    isLoading = false;
+    CalendarView = CalendarView;
+    constructor(cdr, primengConfig) {
+        this.cdr = cdr;
+        this.primengConfig = primengConfig;
+        this.configuraLingua();
+        this.generateTimeSlots();
+        this.generateView(this.currentView, this.viewDate);
+        this.setDialogWidth();
+    }
+    configuraLingua() {
+        this.primengConfig.setTranslation(PRIMENG_ITALIAN_LOCALE);
+    }
+    ngOnChanges(changes) {
+        let needsRefresh = false;
+        if (changes['startHour'] || changes['endHour'] || changes['timeInterval']) {
+            this.generateTimeSlots();
+            needsRefresh = true;
+        }
+        if (changes['appointments']) {
+            this.invalidateAppointmentCache();
+            needsRefresh = true;
+        }
+        if (needsRefresh) {
+            this.generateView(this.currentView, this.viewDate);
+        }
+    }
+    // Metodo per invalidare la cache in modo selettivo
+    invalidateAppointmentCache() {
+        this.appointmentCache = {};
+        this.cacheKeys = [];
+    }
+    // Metodo per generare la chiave della cache basata sulla data
+    formatDateKey(date) {
+        return `${date.getFullYear()}-${date.getMonth()}-${date.getDate()}`;
+    }
+    // Metodo per gestire la cache LRU (Least Recently Used)
+    cacheAppointmentData(dateKey, data) {
+        // Se la chiave è già nella cache, rimuoverla dall'array delle chiavi
+        const existingIndex = this.cacheKeys.indexOf(dateKey);
+        if (existingIndex > -1) {
+            this.cacheKeys.splice(existingIndex, 1);
+        }
+        // Aggiungi la chiave alla fine (più recente)
+        this.cacheKeys.push(dateKey);
+        // Imposta i dati nella cache
+        this.appointmentCache[dateKey] = data;
+        // Se la cache supera la dimensione massima, rimuovi l'elemento meno recente
+        if (this.cacheKeys.length > MAX_CACHE_SIZE) {
+            const oldestKey = this.cacheKeys.shift();
+            if (oldestKey) {
+                delete this.appointmentCache[oldestKey];
+            }
+        }
+    }
+    precomputeAppointments() {
+        // Processa solo i giorni visibili per prestazioni ottimali
+        const visibleDays = this.getVisibleDays();
+        this.precomputeForDays(visibleDays);
+        // Poi elabora i giorni rimanenti in background con un ritardo
+        if (this.currentView === CalendarView.Month) {
+            setTimeout(() => {
+                const allDays = this.weeks.flat();
+                const remainingDays = allDays.filter(day => !visibleDays.some(vDay => this.isSameDate(day, vDay)));
+                // Elabora in batch di 20 giorni alla volta per evitare di bloccare l'interfaccia
+                this.precomputeInBatches(remainingDays, 20);
+            }, 200);
+        }
+    }
+    // Precomputa in batch per evitare il blocco dell'interfaccia
+    precomputeInBatches(days, batchSize) {
+        if (days.length === 0)
+            return;
+        const batch = days.slice(0, batchSize);
+        const remaining = days.slice(batchSize);
+        this.precomputeForDays(batch);
+        if (remaining.length > 0) {
+            setTimeout(() => {
+                this.precomputeInBatches(remaining, batchSize);
+            }, 0);
+        }
+    }
+    getVisibleDays() {
+        // Per la vista mensile, consideriamo solo le settimane più visibili
+        if (this.currentView === CalendarView.Month && this.weeks.length > 0) {
+            return this.weeks.slice(0, 3).flat();
+        }
+        return this.monthDays;
+    }
+    precomputeForDays(days) {
+        // Elabora la cache per un gruppo di giorni
+        for (const date of days) {
+            const dateKey = this.formatDateKey(date);
+            // Se già in cache, salta
+            if (this.appointmentCache[dateKey])
+                continue;
+            // Filtra gli appuntamenti per questa data
+            const appointmentsForDay = this.appointments.filter(appointment => this.isSameDate(appointment.startDate, date)).sort((a, b) => this.extractTime(a.startDate).localeCompare(this.extractTime(b.startDate)));
+            // Mappa appuntamenti per time slot
+            const timeSlotMap = {};
+            for (const timeSlot of this.timeSlots) {
+                timeSlotMap[timeSlot] = this.appointments.filter(appointment => {
+                    const startTime = this.extractTime(appointment.startDate);
+                    const endTime = this.extractTime(appointment.endDate);
+                    return this.isSameDate(appointment.startDate, date) &&
+                        startTime <= timeSlot &&
+                        endTime > timeSlot;
+                });
+            }
+            // Memorizza nella cache
+            const cacheData = {
+                hasAppointments: appointmentsForDay.length > 0,
+                appointments: appointmentsForDay,
+                firstAppointment: appointmentsForDay.length > 0 ? appointmentsForDay[0] : null,
+                timeSlotMap: timeSlotMap
+            };
+            this.cacheAppointmentData(dateKey, cacheData);
+        }
+    }
+    generateView(view, date) {
+        this.isLoading = true;
+        // non rigenerare dati già esistenti
+        if (view === CalendarView.Month && this.monthViewData &&
+            this.monthViewData.month === date.getMonth() &&
+            this.monthViewData.year === date.getFullYear()) {
+            this.weeks = [...this.monthViewData.weeks];
+            this.monthDays = [...this.monthViewData.monthDays];
+            this.isLoading = false;
+            this.cdr.markForCheck();
+            return;
+        }
+        else if (view === CalendarView.Week && this.weekViewData &&
+            this.isSameWeek(this.weekViewData.date, date)) {
+            this.monthDays = [...this.weekViewData.monthDays];
+            this.isLoading = false;
+            this.cdr.markForCheck();
+            return;
+        }
+        switch (view) {
+            case CalendarView.Month:
+                this.generateMonthView(date);
+                this.monthViewData = {
+                    month: date.getMonth(),
+                    year: date.getFullYear(),
+                    weeks: [...this.weeks],
+                    monthDays: [...this.monthDays]
+                };
+                break;
+            case CalendarView.Week:
+                this.generateWeekView(date);
+                this.weekViewData = {
+                    date: new Date(date),
+                    monthDays: [...this.monthDays]
+                };
+                break;
+        }
+        // Calcola gli appuntamenti solo per i giorni visibili inizialmente
+        this.precomputeAppointments();
+        this.isLoading = false;
+        this.cdr.markForCheck();
+    }
+    // Verifica se due date sono nella stessa settimana
+    isSameWeek(date1, date2) {
+        const d1 = new Date(date1);
+        const d2 = new Date(date2);
+        // Ottieni l'inizio settimana per entrambe le date
+        const start1 = this.startOfWeek(d1);
+        const start2 = this.startOfWeek(d2);
+        return start1.getTime() === start2.getTime();
+    }
+    generateMonthView(date) {
+        const start = new Date(date.getFullYear(), date.getMonth(), 1);
+        const firstMonday = this.startOfWeek(start);
+        this.weeks = [];
+        this.monthDays = [];
+        let week = [];
+        // Itera tutti i giorni necessari per coprire il mese più i giorni fuori mese
+        for (let day = 0; day < 42; day++) { // 6 settimane * 7 giorni
+            let currentDate = new Date(firstMonday);
+            currentDate.setDate(firstMonday.getDate() + day);
+            week.push(currentDate);
+            this.monthDays.push(currentDate);
+            if (week.length === 7) {
+                this.weeks.push(week);
+                week = [];
+            }
+        }
+    }
+    generateWeekView(date) {
+        const startOfWeek = this.startOfWeek(date);
+        this.monthDays = [];
+        for (let day = 0; day < 7; day++) {
+            const weekDate = new Date(startOfWeek);
+            weekDate.setDate(startOfWeek.getDate() + day);
+            this.monthDays.push(weekDate);
+        }
+    }
+    generateTimeSlots() {
+        this.timeSlots = [];
+        for (let hour = this.startHour; hour <= this.endHour; hour++) {
+            // Calcola gli slot in base all'intervallo specificato
+            const minuteIntervals = [];
+            for (let minute = 0; minute < 60; minute += this.timeInterval) {
+                minuteIntervals.push(minute);
+            }
+            for (let minute of minuteIntervals) {
+                // Salta l'ultimo slot se è oltre l'ora finale
+                if (hour === this.endHour && minute > 0)
+                    break;
+                const formattedHour = hour < 10 ? `0${hour}` : `${hour}`;
+                const formattedMinute = minute === 0 ? '00' : `${minute}`;
+                this.timeSlots.push(`${formattedHour}:${formattedMinute}`);
+            }
+        }
+    }
+    switchToView(view) {
+        if (this.currentView === view)
+            return; // Non fare nulla se la vista è già quella corrente
+        this.isLoading = true;
+        this.currentView = view;
+        this.visibleList = false;
+        // Usa setTimeout per permettere all'indicatore di caricamento di essere visualizzato
+        setTimeout(() => {
+            if (view === CalendarView.Week && this.selectedDate) {
+                this.viewDate = new Date(this.selectedDate);
+            }
+            this.generateView(this.currentView, this.viewDate);
+        }, 50);
+    }
+    startOfWeek(date) {
+        const start = new Date(date);
+        const day = start.getDay();
+        const diff = start.getDate() - (day === 0 ? 6 : day - 1);
+        return new Date(start.setDate(diff));
+    }
+    previous() {
+        this.isLoading = true;
+        setTimeout(() => {
+            if (this.currentView === CalendarView.Month) {
+                this.viewDate = new Date(this.viewDate.getFullYear(), this.viewDate.getMonth() - 1, 1);
+            }
+            else {
+                const newDate = new Date(this.viewDate);
+                newDate.setDate(newDate.getDate() - 7);
+                this.viewDate = newDate;
+            }
+            this.generateView(this.currentView, this.viewDate);
+        }, 50);
+    }
+    next() {
+        this.isLoading = true;
+        setTimeout(() => {
+            if (this.currentView === CalendarView.Month) {
+                this.viewDate = new Date(this.viewDate.getFullYear(), this.viewDate.getMonth() + 1, 1);
+            }
+            else {
+                const newDate = new Date(this.viewDate);
+                newDate.setDate(newDate.getDate() + 7);
+                this.viewDate = newDate;
+            }
+            this.generateView(this.currentView, this.viewDate);
+        }, 50);
+    }
+    isToday(date) {
+        const today = new Date();
+        return (date.getDate() === today.getDate() &&
+            date.getMonth() === today.getMonth() &&
+            date.getFullYear() === today.getFullYear());
+    }
+    isPastDate(date) {
+        const today = new Date();
+        today.setHours(0, 0, 0, 0);
+        return date < today;
+    }
+    isPastTime(date, timeSlot) {
+        const currentTime = new Date();
+        const [hour, minute] = timeSlot.split(':').map((x) => parseInt(x));
+        const appointmentTime = new Date(date);
+        appointmentTime.setHours(hour, minute, 0, 0);
+        return appointmentTime < currentTime;
+    }
+    hasAppointments(date) {
+        const dateKey = this.formatDateKey(date);
+        if (this.appointmentCache[dateKey]) {
+            return this.appointmentCache[dateKey].hasAppointments;
+        }
+        // Se non è in cache, calcola e memorizza
+        const hasApps = this.getAppointmentsForDate(date, this.timeSlots).length > 0;
+        return hasApps;
+    }
+    isTimeSlotOccupied(date, timeSlot) {
+        const dateKey = this.formatDateKey(date);
+        if (this.appointmentCache[dateKey] && this.appointmentCache[dateKey].timeSlotMap[timeSlot]) {
+            return this.appointmentCache[dateKey].timeSlotMap[timeSlot].length > 0;
+        }
+        return this.getAppointmentsForDataTime(date, timeSlot).length > 0;
+    }
+    isCurrentMonth(date) {
+        return (date.getMonth() === this.viewDate.getMonth() &&
+            date.getFullYear() === this.viewDate.getFullYear());
+    }
+    isSameDate(date1, date2) {
+        if (!date1 || !date2)
+            return false;
+        const d1 = new Date(date1);
+        const d2 = new Date(date2);
+        return (d1.getDate() === d2.getDate() &&
+            d1.getMonth() === d2.getMonth() &&
+            d1.getFullYear() === d2.getFullYear());
+    }
+    formatDate(date) {
+        if (!date)
+            return '';
+        const dateKey = this.formatDateKey(date);
+        if (this.formattedDateCache.has(dateKey)) {
+            return this.formattedDateCache.get(dateKey);
+        }
+        const formatted = date.toLocaleDateString('it-IT', {
+            weekday: 'long',
+            day: '2-digit',
+            month: 'long',
+            year: 'numeric'
+        });
+        this.formattedDateCache.set(dateKey, formatted);
+        return formatted;
+    }
+    extractTime(dateInput) {
+        const date = new Date(dateInput);
+        if (isNaN(date.getTime())) {
+            return '00:00';
+        }
+        const hours = date.getHours().toString().padStart(2, '0');
+        const minutes = date.getMinutes().toString().padStart(2, '0');
+        return `${hours}:${minutes}`;
+    }
+    selectDate(date, startTime) {
+        if (!date)
+            return;
+        const previousDate = this.selectedDate;
+        this.selectedDate = date;
+        if (this.currentView === CalendarView.Month || this.viewDate.getMonth() !== date.getMonth()) {
+            this.viewDate = new Date(date);
+        }
+        // Usa la cache per gli appuntamenti quando possibile
+        const dateKey = this.formatDateKey(date);
+        if (this.appointmentCache[dateKey]) {
+            this.selectedAppointments = this.appointmentCache[dateKey].appointments;
+        }
+        else {
+            // Se non è in cache, calcola normalmente
+            this.selectedAppointments = this.getAppointmentsForDate(date, this.timeSlots);
+        }
+        this.selectedDateString = this.formatDate(date);
+        if (startTime) {
+            if (this.isTimeSlotOccupied(date, startTime) || this.isPastTime(date, startTime)) {
+                return;
+            }
+            this.newAppointment = true;
+            this.selectedStartTime = startTime;
+            this.dateSelected.emit({ date, startTime });
+        }
+        else {
+            if (this.selectedAppointments.length > 1 ||
+                (this.selectedAppointments.length === 1 && this.isPastDate(date))) {
+                this.visibleList = true;
+                this.dateSelected.emit({ date, startTime: '00:00' });
+            }
+            else {
+                this.visibleList = false;
+                if (this.currentView !== CalendarView.Week) {
+                    this.weekViewData = null;
+                    this.switchToView(CalendarView.Week);
+                }
+                else if (previousDate && this.isSameDate(previousDate, date)) {
+                    this.selectedDate = null;
+                    this.cdr.detectChanges();
+                    setTimeout(() => {
+                        this.selectedDate = date;
+                        this.cdr.detectChanges();
+                    }, 10);
+                }
+            }
+        }
+    }
+    getAppointmentsForDate(day, timeSlots) {
+        return this.appointments
+            .filter((appointment) => this.isSameDate(appointment.startDate, day))
+            .map((appointment) => {
+            const startTime = this.extractTime(appointment.startDate);
+            const endTime = this.extractTime(appointment.endDate);
+            return { ...appointment, startTime, endTime };
+        });
+    }
+    getAppointmentDuration(appointment) {
+        const startTime = this.extractTime(appointment.startDate);
+        const endTime = this.extractTime(appointment.endDate);
+        const startIndex = this.timeSlots.findIndex(slot => slot === startTime);
+        const endIndex = this.timeSlots.findIndex(slot => slot === endTime);
+        if (startIndex === -1 || endIndex === -1)
+            return 1;
+        return endIndex - startIndex;
+    }
+    getAppointmentHeightStyle(appointment) {
+        const duration = this.getAppointmentDuration(appointment);
+        const borderThickness = 6; // spessore del bordo in pixel
+        const cellHeight = 50; // altezza di una cella in pixel
+        // Se la tabella usa border-collapse: collapse
+        const totalBorders = 1; // solo un bordo per ogni confine tra celle
+        // Se la tabella usa border-collapse: separate
+        // const totalBorders = duration + 1; // ogni cella ha il suo bordo
+        const heightInPixels = (duration * cellHeight) - (totalBorders * borderThickness);
+        return {
+            'background-color': 'var(--appointment-blue-color)',
+            'height': heightInPixels + 'px',
+            'z-index': '10',
+            'top': 0
+        };
+    }
+    getFirstAppointmentForDate(day, timeSlots) {
+        const dateKey = this.formatDateKey(day);
+        if (this.appointmentCache[dateKey]) {
+            return this.appointmentCache[dateKey].firstAppointment;
+        }
+        const appointmentsForDay = this.getAppointmentsForDate(day, timeSlots);
+        return appointmentsForDay.length > 0 ? appointmentsForDay[0] : null;
+    }
+    getAppointmentsForDataTime(date, timeSlot) {
+        const dateKey = this.formatDateKey(date);
+        if (this.appointmentCache[dateKey] && this.appointmentCache[dateKey].timeSlotMap[timeSlot]) {
+            return this.appointmentCache[dateKey].timeSlotMap[timeSlot];
+        }
+        return this.appointments.filter(appointment => {
+            const startTime = this.extractTime(appointment.startDate);
+            const endTime = this.extractTime(appointment.endDate);
+            return this.isSameDate(appointment.startDate, date) &&
+                startTime <= timeSlot &&
+                endTime > timeSlot;
+        });
+    }
+    formatHourToTimeString(hour) {
+        const formattedHour = hour < 10 ? `0${hour}` : `${hour}`;
+        return `${formattedHour}:00`;
+    }
+    toggleNewAppointment() {
+        if (this.currentView !== CalendarView.Week) {
+            this.weekViewData = null;
+            this.switchToView(CalendarView.Week);
+        }
+        this.selectedStartTime = this.formatHourToTimeString(this.startHour);
+        this.newAppointment = true;
+        this.dateSelected.emit({ date: this.selectedDate, startTime: this.selectedStartTime });
+    }
+    closeAppointmentModal() {
+        this.closeModal.emit();
+        this.newAppointment = false;
+        this.cdr.markForCheck();
+    }
+    onDialogHide() {
+        this.closeModal.emit();
+    }
+    viewToday() {
+        this.isLoading = true;
+        setTimeout(() => {
+            this.viewDate = new Date();
+            this.generateView(this.currentView, this.viewDate);
+        }, 50);
+    }
+    // Tooltip
+    showTooltip(appointment, event) {
+        this.hoveredAppointment = appointment;
+        this.cdr.detectChanges();
+        //posiziono il tooltip dopo che è stato creato
+        setTimeout(() => {
+            const tooltip = document.querySelector('.tooltip');
+            if (!tooltip)
+                return;
+            //non si mostra finché non è posizionato
+            tooltip.style.opacity = '0';
+            //dove si trova l'appuntamento hoverato
+            const appointmentRect = event.target.getBoundingClientRect();
+            const tooltipWidth = tooltip.offsetWidth;
+            const tooltipHeight = tooltip.offsetHeight;
+            //controlla in che colonna si trova l'appuntamento
+            const cell = event.target.closest('td');
+            if (!cell)
+                return;
+            const cellIndex = cell.cellIndex;
+            //calcolo lo spazio disponibile nelle varie direzioni
+            const viewportWidth = window.innerWidth;
+            const viewportHeight = window.innerHeight;
+            const spaceRight = viewportWidth - appointmentRect.right;
+            const spaceLeft = appointmentRect.left;
+            const spaceAbove = appointmentRect.top;
+            const spaceBelow = viewportHeight - appointmentRect.bottom;
+            let left = 0;
+            let top = 0;
+            if (cellIndex === 1) { //per il lunedì lo posiziono a destra
+                left = appointmentRect.right + 10;
+                top = appointmentRect.top;
+                tooltip.style.transform = 'none';
+            }
+            else if (cellIndex === 7) { //per la domenica lo posiziono a sinistra
+                left = appointmentRect.left - tooltipWidth - 10;
+                top = appointmentRect.top;
+                tooltip.style.transform = 'none';
+            }
+            else { //per le altre colonne lo posiziono dove è più comodo
+                if (spaceRight >= tooltipWidth + 10) { //se c'è spazio lo metto a destra
+                    left = appointmentRect.right + 10;
+                    top = appointmentRect.top;
+                    tooltip.style.transform = 'none';
+                }
+                else if (spaceLeft >= tooltipWidth + 10) { //altrimenti a sinistra
+                    left = appointmentRect.left - tooltipWidth - 10;
+                    top = appointmentRect.top;
+                    tooltip.style.transform = 'none';
+                }
+                else { //se non c'è spazio laterale lo metto sopra o sotto
+                    left = appointmentRect.left + (appointmentRect.width / 2);
+                    tooltip.style.transform = 'translateX(-50%)';
+                    if (spaceAbove >= tooltipHeight + 10) { //sopra se c'è spazio
+                        top = appointmentRect.top - tooltipHeight - 10;
+                    }
+                    else { //sotto
+                        top = appointmentRect.bottom + 10;
+                    }
+                }
+            }
+            if (left + tooltipWidth > viewportWidth) {
+                left = viewportWidth - tooltipWidth - 10;
+                tooltip.style.transform = 'none';
+            }
+            if (left < 0) {
+                left = 10;
+                tooltip.style.transform = 'none';
+            }
+            if (top + tooltipHeight > viewportHeight) {
+                top = viewportHeight - tooltipHeight - 10;
+            }
+            if (top < 0) {
+                top = 10;
+            }
+            tooltip.style.left = `${left}px`;
+            tooltip.style.top = `${top}px`;
+            //mostrare il tooltip
+            setTimeout(() => {
+                tooltip.style.opacity = '1';
+            }, 10);
+        }, 0);
+    }
+    hideTooltip() {
+        this.hoveredAppointment = null;
+        this.cdr.detectChanges();
+        //nascondo tooltip se rimasto in visualizzazione per errore
+        const tooltip = document.querySelector('.tooltip');
+        if (tooltip) {
+            tooltip.style.opacity = '0';
+        }
+    }
+    // Tab menu
+    // onActiveItemChange(event: MenuItem) {
+    //   this.activeItem = event;
+    //   this.cdr.markForCheck();
+    // }
+    // onActiveItemChange(value: string) {
+    //   this.activeItem = value;
+    //   // Trova l'item corrispondente per mantenere compatibilità
+    //   const selectedItem = this.items.find(item => 
+    //     (item.value && item.value === value) || item.label === value
+    //   );
+    //   if (selectedItem) {
+    //     this.activeItem = selectedItem;
+    //     if (selectedItem.label) {
+    //       this.tabChanged.emit(selectedItem.label);
+    //     }
+    // }
+    // this.cdr.markForCheck();
+    // }
+    onValueChange(value) {
+        const stringValue = String(value);
+        this.activeValue = stringValue;
+        // Trova l'item corrispondente per mantenere compatibilità
+        const selectedItem = this.items.find(item => (item['value'] && item['value'] === value) || item.label === value);
+        if (selectedItem) {
+            this.activeItem = selectedItem; // Mantieni per compatibilità con il resto del codice
+            if (selectedItem.label) {
+                this.tabChanged.emit(selectedItem.label);
+            }
+        }
+        this.cdr.markForCheck();
+    }
+    ngOnInit() {
+        this.primengConfig.setTranslation(PRIMENG_ITALIAN_LOCALE);
+        if (this.items.length > 0) {
+            this.activeValue = this.items[0]['value'] || this.items[0].label || ''; // Per il nuovo Tabs
+            this.activeItem = this.items[0]; // Per compatibilità con il resto del codice
+        }
+        this.generateTimeSlots();
+        this.precomputeAppointments();
+    }
+    dialogWidth = '60%';
+    onResize() {
+        this.setDialogWidth();
+    }
+    setDialogWidth() {
+        this.dialogWidth = window.innerWidth <= 1000 ? '87%' : '60%';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: Calendar, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.PrimeNG }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", type: Calendar, isStandalone: true, selector: "lib-calendar", inputs: { appointments: "appointments", items: "items", startHour: "startHour", endHour: "endHour", timeInterval: "timeInterval" }, outputs: { dateSelected: "dateSelected", closeModal: "closeModal", tabChanged: "tabChanged" }, host: { listeners: { "window:resize": "onResize()" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"container\">\r\n    <div class=\"calendar-container\">\r\n        <div class=\"calendar-header\">\r\n            @if (currentView === 'week') {\r\n                <lib-third-button\r\n                    text=\"\"\r\n                    [icon]=\"faChevronLeft\"\r\n                    [bgColor]=\"'transparent'\"\r\n                    [textColor]=\"'#2d519f'\"\r\n                    [width]=\"'40px'\"\r\n                    [height]=\"'40px'\"\r\n                    [border]=\"'none'\"\r\n                    (onClick)=\"switchToView(CalendarView.Month)\"\r\n                >\r\n                </lib-third-button>\r\n            }\r\n            <div>\r\n                <h2 class=\"calendar-month\">\r\n                    {{ viewDate | date : \"MMMM\" | titlecase }}\r\n                    <span>{{ viewDate | date: \"y\" }}</span>\r\n                </h2>\r\n            </div>\r\n            <div class=\"calendar-controls\">\r\n                <fa-icon \r\n                    [icon]=\"faChevronLeft\"\r\n                    (click)=\"previous()\"\r\n                    style=\"margin-right: 10px; color: #2d519f;\"\r\n                ></fa-icon>\r\n                <lib-third-button\r\n                    text=\"Oggi\"\r\n                    [bgColor]=\"'transparent'\"\r\n                    [textColor]=\"'#2d519f'\"\r\n                    [width]=\"'80px'\"\r\n                    [height]=\"'40px'\"\r\n                    [border]=\"'1px solid #2d519f'\"\r\n                    (onClick)=\"viewToday()\"\r\n                >\r\n                </lib-third-button>\r\n                <fa-icon \r\n                    [icon]=\"faChevronRight\"\r\n                    (click)=\"next()\"\r\n                    style=\"margin-left: 10px; color: #2d519f;\"\r\n                ></fa-icon>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <!-- Month view -->\r\n    @if (currentView === 'month') {\r\n    <table\r\n        width=\"100%\"\r\n        cellspacing=\"0\"\r\n        cellpadding=\"0\"\r\n        class=\"calendar-view-month\"\r\n    >\r\n        <thead>\r\n            <tr>\r\n                @for (day of weekDays; track $index) {\r\n                    <th>{{ day }}</th>\r\n                }\r\n            </tr>\r\n        </thead>\r\n        <tbody>\r\n            @for (week of weeks; track $index) {\r\n                <tr>\r\n                    @for (date of week; track $index) {\r\n                        <td \r\n                            [class.today]=\"isToday(date)\" \r\n                            [ngStyle]=\"{ opacity: isCurrentMonth(date) ? '1' : '0.5' }\"\r\n                            [ngClass]=\"{'past-day': isPastDate(date), 'clickable-past': isPastDate(date) && hasAppointments(date)}\"\r\n                        >\r\n                            <div\r\n                                (click)=\"selectDate(date)\"\r\n                                class=\"cell-overlay\"\r\n                                tabindex=\"0\"\r\n                            ></div>\r\n                            <div class=\"date\">\r\n                                {{ date.getDate() }}\r\n                            </div>\r\n                            <div class=\"appointments\">\r\n                                @if (getFirstAppointmentForDate(date, timeSlots)) {\r\n                                    <div\r\n                                        tabindex=\"0\"\r\n                                        class=\"appointment\"\r\n                                        [ngStyle]=\"{ 'background-color': 'var(--appointment-blue-color)' }\"\r\n                                    >\r\n                                        <span>{{ getFirstAppointmentForDate(date, timeSlots)?.name }}</span>\r\n                                    </div>\r\n                            \r\n                                    @if (getAppointmentsForDate(date, timeSlots).length > 1) {\r\n                                        <div class=\"more-appointments\">\r\n                                            +{{ getAppointmentsForDate(date, timeSlots).length - 1 }} altr{{ getAppointmentsForDate(date, timeSlots).length - 1 > 1 ? 'i' : 'o' }}\r\n                                        </div>\r\n                                    }\r\n                                }\r\n                            </div>\r\n                        </td>\r\n                    }\r\n                </tr>\r\n            }\r\n            <p-dialog [header]=\"'Lista appuntamenti per il ' + this.selectedDateString\" [modal]=\"true\" [(visible)]=\"visibleList\" [style]=\"{ width: '35%' }\">\r\n                <div class=\"appointment-list\">\r\n                    @for (appointment of selectedAppointments; track $index) {\r\n                        <div class=\"appointment-item\">\r\n                            <span class=\"appointment-time\">{{ extractTime(appointment.startDate) }} - {{ extractTime(appointment.endDate) }}</span>\r\n                            <span class=\"appointment-name\">{{ appointment.name }}</span> \r\n                        </div>\r\n                    }\r\n                </div>\r\n                @if (!isPastDate(selectedDate!)) {\r\n                    <div class=\"button-container\">\r\n                        <lib-third-button\r\n                            text=\"Aggiungi nuovo\"\r\n                            [bgColor]=\"'var(--primary-blue-color)'\"\r\n                            [textColor]=\"'white'\"\r\n                            [width]=\"'200px'\"\r\n                            [height]=\"'40px'\"\r\n                            [fontWeight]=\"'600'\"\r\n                            [border]=\"'1px solid var(--primary-blue-color)'\"\r\n                            [icon]=\"faCirclePlus\"\r\n                            (onClick)=\"toggleNewAppointment()\"\r\n                        >\r\n                        </lib-third-button>\r\n                    </div>\r\n                }\r\n            </p-dialog>\r\n        </tbody>\r\n    </table>\r\n    }\r\n\r\n    <!-- Week view -->\r\n    @if (currentView === 'week') {\r\n        <table\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n            cellspacing=\"0\"\r\n            cellpadding=\"0\"\r\n            class=\"calendar-view-week\"\r\n        >\r\n            <thead>\r\n                <tr>\r\n                    <th></th>\r\n                    @for (day of weekDays; track $index) {\r\n                        <th>{{ day }} {{ monthDays[$index].getDate() }}</th>\r\n                    }\r\n                </tr>\r\n            </thead>\r\n                <tbody class=\"contenitore-calendario\">\r\n                    @for (timeSlot of timeSlots; track $index) {\r\n                        <tr>\r\n                            <td [width]=\"10\" class=\"calendar-slot-cell\">\r\n                                <span>{{ timeSlot }}</span>\r\n                            </td>\r\n                            @for (day of weekDays; track $index) {\r\n                                <td [class.today]=\"isToday(monthDays[$index])\" \r\n                                    [ngClass]=\"\r\n                                        {'blink': selectedDate && isSameDate(monthDays[$index], selectedDate), \r\n                                        'past-day': isPastDate(monthDays[$index]), \r\n                                        'clickable-past': isPastDate(monthDays[$index]) && hasAppointments(monthDays[$index]),\r\n                                        'disabled': isPastTime(monthDays[$index], timeSlot) && !isTimeSlotOccupied(monthDays[$index], timeSlot),\r\n                                        'occupied': isTimeSlotOccupied(monthDays[$index], timeSlot)\r\n                                        }\"\r\n                                >\r\n                                    <div \r\n                                        class=\"cell-overlay\"\r\n                                        style=\"z-index: 0;\"\r\n                                        tabindex=\"0\"\r\n                                        [class.occupied]=\"isTimeSlotOccupied(monthDays[$index], timeSlot)\"\r\n                                        (click)=\"!isTimeSlotOccupied(monthDays[$index], timeSlot) && selectDate(monthDays[$index], timeSlot)\"\r\n                                    ></div>\r\n                                    @for (appointment of getAppointmentsForDataTime(monthDays[$index], timeSlot); track $index) {\r\n                                        @if (extractTime(appointment.startDate) === timeSlot) {\r\n                                            <div\r\n                                                tabindex=\"0\"\r\n                                                class=\"appointment\"\r\n                                                [ngStyle]=\"getAppointmentHeightStyle(appointment)\"\r\n                                                (mouseenter)=\"showTooltip(appointment, $event)\"\r\n                                                (mouseleave)=\"hideTooltip()\"\r\n                                            >\r\n                                                <span>{{ appointment.name }}</span>\r\n                                            </div>\r\n                                            @if (hoveredAppointment === appointment) {\r\n                                                <div class=\"tooltip\">\r\n                                                    <strong>{{ appointment.name }}</strong>\r\n                                                    <br>\r\n                                                    <span>Inizio: <span style=\"font-weight: 600;\">{{ extractTime(appointment.startDate) }}</span></span>\r\n                                                    <br>\r\n                                                    <span>Fine: <span style=\"font-weight: 600;\">{{ extractTime(appointment.endDate) }}</span></span>\r\n                                                    <br>\r\n                                                    <span>Creato il <span style=\"font-weight: 600;\">{{ appointment.createDate | date: 'dd/MM/yyyy HH:mm' }}</span> da <span style=\"font-weight: 600;\">{{ appointment.accountProfileId }}</span></span>\r\n                                                </div>\r\n                                            }\r\n                                        }\r\n                                    }\r\n                                </td>\r\n                            }\r\n                        </tr>\r\n                    }\r\n                    <p-dialog [header]=\"'Nuova Prestazione per ' + this.selectedDateString + (this.selectedStartTime !== undefined || '00:00' ? ' alle ore ' + this.selectedStartTime : '')\" [modal]=\"true\" [(visible)]=\"newAppointment\" [style]=\"{ width: dialogWidth, height: '75%' }\" (onHide)=\"onDialogHide()\">\r\n                        <!-- <p-tabMenu \r\n                            [model]=\"items\"\r\n                            [activeItem]=\"activeItem\" \r\n                            (activeItemChange)=\"onActiveItemChange($event)\"  \r\n                        />  -->\r\n                        <p-tabs\r\n                            [value]=\"activeValue || ''\"\r\n                            (valueChange)=\"onValueChange($event)\"\r\n                        >\r\n                            <p-tablist>\r\n                                @for (item of items; track $index) {\r\n                                    <p-tab\r\n                                        [value]=\"item['value'] || item.label || ''\"\r\n                                        [disabled]=\"item.disabled\"\r\n                                        class=\"flex items-center !gap-2 text-inherit\"\r\n                                    >\r\n                                        @if (item.icon) {\r\n                                            <fa-icon [icon]=\"item.icon\"></fa-icon>\r\n                                        }\r\n                                        <span>{{ item.label }}</span>\r\n                                    </p-tab>\r\n                                }\r\n                            </p-tablist>\r\n                        </p-tabs>\r\n                        <div class=\"dialog-container\">\r\n                            <div class=\"list-add-appointment\">\r\n                                @if (activeItem?.label === 'Appuntamento') {\r\n                                    <div class=\"appointment-list-new-appointment\">\r\n                                        @if (selectedAppointments.length !== 0) {\r\n                                            <div class=\"appointment-title\">Appuntamenti per la giornata</div>\r\n                                        }\r\n                                        @if (selectedAppointments.length === 0) {\r\n                                            <div class=\"appointment-none\">Non ci sono appuntamenti fissati</div>\r\n                                        } @else {\r\n                                            @for (appointment of selectedAppointments; track $index) {\r\n                                                <div class=\"appointment-item\">\r\n                                                    <span class=\"appointment-time\">{{ extractTime(appointment.startDate) }} - {{ extractTime(appointment.endDate) }}</span>\r\n                                                    <span class=\"appointment-name\">{{ appointment.name }}</span> \r\n                                                </div>\r\n                                            }\r\n                                        }\r\n                                    </div>\r\n                                    <div class=\"add-container\">\r\n                                        <ng-content select=\".custom-input\"></ng-content>\r\n                                    </div>\r\n                                } @else {\r\n                                    <div class=\"add-prescription\">\r\n                                        <ng-content select=\".custom-prescription\"></ng-content>\r\n                                    </div>\r\n                                }\r\n                            </div>\r\n                            <div class=\"save-button-container\">\r\n                                <ng-content select=\".save-button\"></ng-content>\r\n                            </div>\r\n                        </div>\r\n                    </p-dialog>\r\n                </tbody>\r\n        </table>\r\n    }\r\n</div>", styles: [":root{--header-height: 42px;--total-weeks: 6}.container{max-width:1140px;margin:auto}.cell-overlay{position:absolute;width:100%;height:100%;z-index:50;cursor:pointer;top:0}.appointment{position:absolute;z-index:10;padding:5px 10px;margin-top:2px;font-size:12px;display:flex;justify-content:center;align-items:center;background:#e6e6fa;margin-left:3px;margin-right:3px;border-radius:5px;cursor:pointer;border:1px solid var(--secondary-blue-color);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:95%}.appointment span{text-align:left;line-height:15px;font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;max-width:100%}.more-appointments{font-size:12px;color:#555;cursor:pointer;text-align:center;font-weight:700;position:absolute;bottom:3%;display:flex;justify-content:center;width:100%}.more-appointments:hover{text-decoration:underline}.appointment-item{width:100%;display:flex;color:var(--primary-black-color);font-size:17px}.appointment-time{width:30%;font-weight:600}.appointment-name{width:70%}.tooltip{position:fixed;background:#fff;color:var(--primary-black-color);padding:20px;border-radius:5px;border:1px solid var(--primary-blue-color);box-shadow:0 4px 6px #0000001a;white-space:nowrap;z-index:10000000;min-width:200px;opacity:0;transition:opacity .15s ease-out;pointer-events:none}.tooltip strong{font-size:16px;font-weight:600}.appointment:hover .tooltip{display:block}.button-container{width:100%;display:flex;justify-content:center}.button-container lib-third-button{margin-top:5%}.dialog-container{width:100%;display:flex;flex-direction:column;margin-top:1%}.list-add-appointment{display:flex;width:100%}.appointment-list-new-appointment{width:35%;display:flex;color:var(--primary-black-color);font-size:17px;border-right:2px solid var(--primary-blue-color);flex-direction:column;height:435px;overflow:auto;align-items:center}.appointment-title{width:100%;display:flex;justify-content:center;align-items:flex-end;height:5%;font-size:17px;color:var(--primary-blue-color);font-weight:600}.appointment-none{width:100%;height:95%;display:flex;justify-content:center;align-items:center;font-size:17px;color:var(--primary-grey-color)}.add-container{width:65%;height:440px;overflow:auto;display:flex;flex-direction:column}.add-prescription{width:100%;height:425px;overflow:auto;display:flex;flex-direction:column}:host ::ng-deep .p-tabmenu-nav-content{font-size:17px;margin-top:-1%;margin-bottom:2%}:host ::ng-deep .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{border-color:var(--primary-blue-color);color:var(--primary-blue-color)}:host ::ng-deep .p-tabmenu-nav .p-menuitem-text{font-weight:600!important}:host ::ng-deep .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{color:var(--primary-grey-color)}:host ::ng-deep .p-tablist-tab-list{border-bottom:2px solid lightgray;display:flex;align-items:center;height:100%}:host ::ng-deep .p-tablist{height:50px}:host ::ng-deep .p-tablist-content{height:100%}:host ::ng-deep .p-tab{background-color:transparent;font-size:17px;color:var(--primary-grey-color);border-bottom:2px solid lightgray;height:100%;padding:0 2%;display:flex;align-items:center;border-top:0px solid}:host ::ng-deep .p-tab-active{border-top:0px solid;border-bottom:2px solid var(--primary-blue-color);color:var(--primary-blue-color)}:host ::ng-deep .p-tab-active span{font-weight:600}.save-button-container{display:flex;justify-content:center;margin-top:1%}:host ::ng-deep .p-dialog-header-close{color:var(--primary-red-color)}.calendar-view-month{margin-top:1rem}.calendar-view-month thead th{font-size:22px;font-weight:100;text-align:center;padding-bottom:20px}.calendar-view-month tbody tr td{vertical-align:top;position:relative;height:90px;padding:3px 0}.calendar-view-month tbody tr td.selected{background-color:#bbdefb}.calendar-view-month tbody tr td.today{background-color:#e3f2fd}.past-day .appointment{opacity:.7;pointer-events:auto!important}.past-day:not(.clickable-past) .cell-overlay{pointer-events:none;cursor:not-allowed;background-color:#0000001a}.clickable-past .cell-overlay{pointer-events:auto;cursor:pointer;background-color:#c8c8c878}.disabled,.disabled .cell-overlay{cursor:not-allowed!important;pointer-events:none}.disabled{cursor:not-allowed}.occupied{cursor:default!important}.calendar-view-month tbody tr td .date{text-align:center;font-size:20px;font-weight:100;padding:5px 10px 0}.calendar-view-week{border-collapse:collapse}.calendar-view-week thead th{font-size:22px;font-weight:100;text-align:center;border-bottom:1px solid #ddd}.calendar-view-week .contenitore-calendario{width:100%;overflow:auto;height:550px;position:relative}.contenitore-calendario td{overflow:visible}.calendar-view-week tbody tr td{position:relative;border-right:1px solid #ddd;height:50px;border-bottom:1px solid #ddd;padding:3px 0;width:calc(100% / 7);max-width:119.5px}.calendar-view-week tbody tr td.today{background-color:#e3f2fd}.calendar-view-week tbody tr td.calendar-slot-cell{width:1%;font-size:12px;font-weight:100;border-right:1px solid #ddd;padding-right:5px;vertical-align:top}.calendar-view-week tbody tr td.calendar-slot-cell span{position:relative;top:-12px;background:#fff;width:100%;display:block}.calendar-view-week tbody tr:last-child td{border-bottom:none;border-right:none}.calendar-view-week tbody tr:last-child td.calendar-slot-cell{border-right:none}.calendar-view-week tbody tr:last-child td .cell-overlay{display:none}.calendar-view-day{margin-top:1rem}.calendar-view-day tr:first-child td{border-top:1px solid #ddd}.calendar-view-day tr td{position:relative;border-bottom:1px solid #ddd;height:50px;padding:3px 0}.calendar-view-day tr td.calendar-slot-cell{font-size:12px;font-weight:100;border-right:1px solid #ddd;padding-right:5px;vertical-align:top}.calendar-view-day tr td.calendar-slot-cell span{position:relative;top:-12px;background:#fff;width:100%;display:block}.calendar-view-day tr:last-child td{border-bottom:none}.calendar-view-day tr:last-child td.calendar-slot-cell{border-right:none}.calendar-view-day tr:last-child td .cell-overlay{display:none}.calendar-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.calendar-container .calendar-header{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--header-height);padding:10px 0}.calendar-container .calendar-header h2{margin:0}.calendar-container .calendar-header .calendar-month{font-weight:700}.calendar-container .calendar-header .calendar-month span{font-weight:100}.calendar-container .calendar-header .calendar-controls{display:flex;justify-content:flex-end;align-items:center}.calendar-container .calendar-header .calendar-controls fa-icon{cursor:pointer}.black-icon{color:#000}.black-icon svg{fill:#000}@keyframes blink{0%{background-color:transparent}50%{background-color:#e3f2fd}to{background-color:transparent}}.blink{animation:blink 1s ease-out 1}@media only screen and (max-width: 1000px){.appointment-item{line-height:1}.appointment-time{width:40%}.appointment-name{width:60%}.calendar-container .calendar-header .calendar-month{line-height:1}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i4$1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: ThirdButton, selector: "lib-third-button", inputs: ["text", "bgColor", "textColor", "icon", "position", "fontWeight", "width", "height", "borderRadius", "border", "disabled", "iconSpin", "fontSize"], outputs: ["onClick"] }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i5.Tabs, selector: "p-tabs", inputs: ["value", "scrollable", "lazy", "selectOnFocus", "showNavigators", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: i5.TabList, selector: "p-tablist" }, { kind: "component", type: i5.Tab, selector: "p-tab", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i1.DatePipe, name: "date" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: Calendar, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-calendar', imports: [CommonModule, FontAwesomeModule, DialogModule, ThirdButton, TabsModule], template: "<div class=\"container\">\r\n    <div class=\"calendar-container\">\r\n        <div class=\"calendar-header\">\r\n            @if (currentView === 'week') {\r\n                <lib-third-button\r\n                    text=\"\"\r\n                    [icon]=\"faChevronLeft\"\r\n                    [bgColor]=\"'transparent'\"\r\n                    [textColor]=\"'#2d519f'\"\r\n                    [width]=\"'40px'\"\r\n                    [height]=\"'40px'\"\r\n                    [border]=\"'none'\"\r\n                    (onClick)=\"switchToView(CalendarView.Month)\"\r\n                >\r\n                </lib-third-button>\r\n            }\r\n            <div>\r\n                <h2 class=\"calendar-month\">\r\n                    {{ viewDate | date : \"MMMM\" | titlecase }}\r\n                    <span>{{ viewDate | date: \"y\" }}</span>\r\n                </h2>\r\n            </div>\r\n            <div class=\"calendar-controls\">\r\n                <fa-icon \r\n                    [icon]=\"faChevronLeft\"\r\n                    (click)=\"previous()\"\r\n                    style=\"margin-right: 10px; color: #2d519f;\"\r\n                ></fa-icon>\r\n                <lib-third-button\r\n                    text=\"Oggi\"\r\n                    [bgColor]=\"'transparent'\"\r\n                    [textColor]=\"'#2d519f'\"\r\n                    [width]=\"'80px'\"\r\n                    [height]=\"'40px'\"\r\n                    [border]=\"'1px solid #2d519f'\"\r\n                    (onClick)=\"viewToday()\"\r\n                >\r\n                </lib-third-button>\r\n                <fa-icon \r\n                    [icon]=\"faChevronRight\"\r\n                    (click)=\"next()\"\r\n                    style=\"margin-left: 10px; color: #2d519f;\"\r\n                ></fa-icon>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <!-- Month view -->\r\n    @if (currentView === 'month') {\r\n    <table\r\n        width=\"100%\"\r\n        cellspacing=\"0\"\r\n        cellpadding=\"0\"\r\n        class=\"calendar-view-month\"\r\n    >\r\n        <thead>\r\n            <tr>\r\n                @for (day of weekDays; track $index) {\r\n                    <th>{{ day }}</th>\r\n                }\r\n            </tr>\r\n        </thead>\r\n        <tbody>\r\n            @for (week of weeks; track $index) {\r\n                <tr>\r\n                    @for (date of week; track $index) {\r\n                        <td \r\n                            [class.today]=\"isToday(date)\" \r\n                            [ngStyle]=\"{ opacity: isCurrentMonth(date) ? '1' : '0.5' }\"\r\n                            [ngClass]=\"{'past-day': isPastDate(date), 'clickable-past': isPastDate(date) && hasAppointments(date)}\"\r\n                        >\r\n                            <div\r\n                                (click)=\"selectDate(date)\"\r\n                                class=\"cell-overlay\"\r\n                                tabindex=\"0\"\r\n                            ></div>\r\n                            <div class=\"date\">\r\n                                {{ date.getDate() }}\r\n                            </div>\r\n                            <div class=\"appointments\">\r\n                                @if (getFirstAppointmentForDate(date, timeSlots)) {\r\n                                    <div\r\n                                        tabindex=\"0\"\r\n                                        class=\"appointment\"\r\n                                        [ngStyle]=\"{ 'background-color': 'var(--appointment-blue-color)' }\"\r\n                                    >\r\n                                        <span>{{ getFirstAppointmentForDate(date, timeSlots)?.name }}</span>\r\n                                    </div>\r\n                            \r\n                                    @if (getAppointmentsForDate(date, timeSlots).length > 1) {\r\n                                        <div class=\"more-appointments\">\r\n                                            +{{ getAppointmentsForDate(date, timeSlots).length - 1 }} altr{{ getAppointmentsForDate(date, timeSlots).length - 1 > 1 ? 'i' : 'o' }}\r\n                                        </div>\r\n                                    }\r\n                                }\r\n                            </div>\r\n                        </td>\r\n                    }\r\n                </tr>\r\n            }\r\n            <p-dialog [header]=\"'Lista appuntamenti per il ' + this.selectedDateString\" [modal]=\"true\" [(visible)]=\"visibleList\" [style]=\"{ width: '35%' }\">\r\n                <div class=\"appointment-list\">\r\n                    @for (appointment of selectedAppointments; track $index) {\r\n                        <div class=\"appointment-item\">\r\n                            <span class=\"appointment-time\">{{ extractTime(appointment.startDate) }} - {{ extractTime(appointment.endDate) }}</span>\r\n                            <span class=\"appointment-name\">{{ appointment.name }}</span> \r\n                        </div>\r\n                    }\r\n                </div>\r\n                @if (!isPastDate(selectedDate!)) {\r\n                    <div class=\"button-container\">\r\n                        <lib-third-button\r\n                            text=\"Aggiungi nuovo\"\r\n                            [bgColor]=\"'var(--primary-blue-color)'\"\r\n                            [textColor]=\"'white'\"\r\n                            [width]=\"'200px'\"\r\n                            [height]=\"'40px'\"\r\n                            [fontWeight]=\"'600'\"\r\n                            [border]=\"'1px solid var(--primary-blue-color)'\"\r\n                            [icon]=\"faCirclePlus\"\r\n                            (onClick)=\"toggleNewAppointment()\"\r\n                        >\r\n                        </lib-third-button>\r\n                    </div>\r\n                }\r\n            </p-dialog>\r\n        </tbody>\r\n    </table>\r\n    }\r\n\r\n    <!-- Week view -->\r\n    @if (currentView === 'week') {\r\n        <table\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n            cellspacing=\"0\"\r\n            cellpadding=\"0\"\r\n            class=\"calendar-view-week\"\r\n        >\r\n            <thead>\r\n                <tr>\r\n                    <th></th>\r\n                    @for (day of weekDays; track $index) {\r\n                        <th>{{ day }} {{ monthDays[$index].getDate() }}</th>\r\n                    }\r\n                </tr>\r\n            </thead>\r\n                <tbody class=\"contenitore-calendario\">\r\n                    @for (timeSlot of timeSlots; track $index) {\r\n                        <tr>\r\n                            <td [width]=\"10\" class=\"calendar-slot-cell\">\r\n                                <span>{{ timeSlot }}</span>\r\n                            </td>\r\n                            @for (day of weekDays; track $index) {\r\n                                <td [class.today]=\"isToday(monthDays[$index])\" \r\n                                    [ngClass]=\"\r\n                                        {'blink': selectedDate && isSameDate(monthDays[$index], selectedDate), \r\n                                        'past-day': isPastDate(monthDays[$index]), \r\n                                        'clickable-past': isPastDate(monthDays[$index]) && hasAppointments(monthDays[$index]),\r\n                                        'disabled': isPastTime(monthDays[$index], timeSlot) && !isTimeSlotOccupied(monthDays[$index], timeSlot),\r\n                                        'occupied': isTimeSlotOccupied(monthDays[$index], timeSlot)\r\n                                        }\"\r\n                                >\r\n                                    <div \r\n                                        class=\"cell-overlay\"\r\n                                        style=\"z-index: 0;\"\r\n                                        tabindex=\"0\"\r\n                                        [class.occupied]=\"isTimeSlotOccupied(monthDays[$index], timeSlot)\"\r\n                                        (click)=\"!isTimeSlotOccupied(monthDays[$index], timeSlot) && selectDate(monthDays[$index], timeSlot)\"\r\n                                    ></div>\r\n                                    @for (appointment of getAppointmentsForDataTime(monthDays[$index], timeSlot); track $index) {\r\n                                        @if (extractTime(appointment.startDate) === timeSlot) {\r\n                                            <div\r\n                                                tabindex=\"0\"\r\n                                                class=\"appointment\"\r\n                                                [ngStyle]=\"getAppointmentHeightStyle(appointment)\"\r\n                                                (mouseenter)=\"showTooltip(appointment, $event)\"\r\n                                                (mouseleave)=\"hideTooltip()\"\r\n                                            >\r\n                                                <span>{{ appointment.name }}</span>\r\n                                            </div>\r\n                                            @if (hoveredAppointment === appointment) {\r\n                                                <div class=\"tooltip\">\r\n                                                    <strong>{{ appointment.name }}</strong>\r\n                                                    <br>\r\n                                                    <span>Inizio: <span style=\"font-weight: 600;\">{{ extractTime(appointment.startDate) }}</span></span>\r\n                                                    <br>\r\n                                                    <span>Fine: <span style=\"font-weight: 600;\">{{ extractTime(appointment.endDate) }}</span></span>\r\n                                                    <br>\r\n                                                    <span>Creato il <span style=\"font-weight: 600;\">{{ appointment.createDate | date: 'dd/MM/yyyy HH:mm' }}</span> da <span style=\"font-weight: 600;\">{{ appointment.accountProfileId }}</span></span>\r\n                                                </div>\r\n                                            }\r\n                                        }\r\n                                    }\r\n                                </td>\r\n                            }\r\n                        </tr>\r\n                    }\r\n                    <p-dialog [header]=\"'Nuova Prestazione per ' + this.selectedDateString + (this.selectedStartTime !== undefined || '00:00' ? ' alle ore ' + this.selectedStartTime : '')\" [modal]=\"true\" [(visible)]=\"newAppointment\" [style]=\"{ width: dialogWidth, height: '75%' }\" (onHide)=\"onDialogHide()\">\r\n                        <!-- <p-tabMenu \r\n                            [model]=\"items\"\r\n                            [activeItem]=\"activeItem\" \r\n                            (activeItemChange)=\"onActiveItemChange($event)\"  \r\n                        />  -->\r\n                        <p-tabs\r\n                            [value]=\"activeValue || ''\"\r\n                            (valueChange)=\"onValueChange($event)\"\r\n                        >\r\n                            <p-tablist>\r\n                                @for (item of items; track $index) {\r\n                                    <p-tab\r\n                                        [value]=\"item['value'] || item.label || ''\"\r\n                                        [disabled]=\"item.disabled\"\r\n                                        class=\"flex items-center !gap-2 text-inherit\"\r\n                                    >\r\n                                        @if (item.icon) {\r\n                                            <fa-icon [icon]=\"item.icon\"></fa-icon>\r\n                                        }\r\n                                        <span>{{ item.label }}</span>\r\n                                    </p-tab>\r\n                                }\r\n                            </p-tablist>\r\n                        </p-tabs>\r\n                        <div class=\"dialog-container\">\r\n                            <div class=\"list-add-appointment\">\r\n                                @if (activeItem?.label === 'Appuntamento') {\r\n                                    <div class=\"appointment-list-new-appointment\">\r\n                                        @if (selectedAppointments.length !== 0) {\r\n                                            <div class=\"appointment-title\">Appuntamenti per la giornata</div>\r\n                                        }\r\n                                        @if (selectedAppointments.length === 0) {\r\n                                            <div class=\"appointment-none\">Non ci sono appuntamenti fissati</div>\r\n                                        } @else {\r\n                                            @for (appointment of selectedAppointments; track $index) {\r\n                                                <div class=\"appointment-item\">\r\n                                                    <span class=\"appointment-time\">{{ extractTime(appointment.startDate) }} - {{ extractTime(appointment.endDate) }}</span>\r\n                                                    <span class=\"appointment-name\">{{ appointment.name }}</span> \r\n                                                </div>\r\n                                            }\r\n                                        }\r\n                                    </div>\r\n                                    <div class=\"add-container\">\r\n                                        <ng-content select=\".custom-input\"></ng-content>\r\n                                    </div>\r\n                                } @else {\r\n                                    <div class=\"add-prescription\">\r\n                                        <ng-content select=\".custom-prescription\"></ng-content>\r\n                                    </div>\r\n                                }\r\n                            </div>\r\n                            <div class=\"save-button-container\">\r\n                                <ng-content select=\".save-button\"></ng-content>\r\n                            </div>\r\n                        </div>\r\n                    </p-dialog>\r\n                </tbody>\r\n        </table>\r\n    }\r\n</div>", styles: [":root{--header-height: 42px;--total-weeks: 6}.container{max-width:1140px;margin:auto}.cell-overlay{position:absolute;width:100%;height:100%;z-index:50;cursor:pointer;top:0}.appointment{position:absolute;z-index:10;padding:5px 10px;margin-top:2px;font-size:12px;display:flex;justify-content:center;align-items:center;background:#e6e6fa;margin-left:3px;margin-right:3px;border-radius:5px;cursor:pointer;border:1px solid var(--secondary-blue-color);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:95%}.appointment span{text-align:left;line-height:15px;font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;max-width:100%}.more-appointments{font-size:12px;color:#555;cursor:pointer;text-align:center;font-weight:700;position:absolute;bottom:3%;display:flex;justify-content:center;width:100%}.more-appointments:hover{text-decoration:underline}.appointment-item{width:100%;display:flex;color:var(--primary-black-color);font-size:17px}.appointment-time{width:30%;font-weight:600}.appointment-name{width:70%}.tooltip{position:fixed;background:#fff;color:var(--primary-black-color);padding:20px;border-radius:5px;border:1px solid var(--primary-blue-color);box-shadow:0 4px 6px #0000001a;white-space:nowrap;z-index:10000000;min-width:200px;opacity:0;transition:opacity .15s ease-out;pointer-events:none}.tooltip strong{font-size:16px;font-weight:600}.appointment:hover .tooltip{display:block}.button-container{width:100%;display:flex;justify-content:center}.button-container lib-third-button{margin-top:5%}.dialog-container{width:100%;display:flex;flex-direction:column;margin-top:1%}.list-add-appointment{display:flex;width:100%}.appointment-list-new-appointment{width:35%;display:flex;color:var(--primary-black-color);font-size:17px;border-right:2px solid var(--primary-blue-color);flex-direction:column;height:435px;overflow:auto;align-items:center}.appointment-title{width:100%;display:flex;justify-content:center;align-items:flex-end;height:5%;font-size:17px;color:var(--primary-blue-color);font-weight:600}.appointment-none{width:100%;height:95%;display:flex;justify-content:center;align-items:center;font-size:17px;color:var(--primary-grey-color)}.add-container{width:65%;height:440px;overflow:auto;display:flex;flex-direction:column}.add-prescription{width:100%;height:425px;overflow:auto;display:flex;flex-direction:column}:host ::ng-deep .p-tabmenu-nav-content{font-size:17px;margin-top:-1%;margin-bottom:2%}:host ::ng-deep .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{border-color:var(--primary-blue-color);color:var(--primary-blue-color)}:host ::ng-deep .p-tabmenu-nav .p-menuitem-text{font-weight:600!important}:host ::ng-deep .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{color:var(--primary-grey-color)}:host ::ng-deep .p-tablist-tab-list{border-bottom:2px solid lightgray;display:flex;align-items:center;height:100%}:host ::ng-deep .p-tablist{height:50px}:host ::ng-deep .p-tablist-content{height:100%}:host ::ng-deep .p-tab{background-color:transparent;font-size:17px;color:var(--primary-grey-color);border-bottom:2px solid lightgray;height:100%;padding:0 2%;display:flex;align-items:center;border-top:0px solid}:host ::ng-deep .p-tab-active{border-top:0px solid;border-bottom:2px solid var(--primary-blue-color);color:var(--primary-blue-color)}:host ::ng-deep .p-tab-active span{font-weight:600}.save-button-container{display:flex;justify-content:center;margin-top:1%}:host ::ng-deep .p-dialog-header-close{color:var(--primary-red-color)}.calendar-view-month{margin-top:1rem}.calendar-view-month thead th{font-size:22px;font-weight:100;text-align:center;padding-bottom:20px}.calendar-view-month tbody tr td{vertical-align:top;position:relative;height:90px;padding:3px 0}.calendar-view-month tbody tr td.selected{background-color:#bbdefb}.calendar-view-month tbody tr td.today{background-color:#e3f2fd}.past-day .appointment{opacity:.7;pointer-events:auto!important}.past-day:not(.clickable-past) .cell-overlay{pointer-events:none;cursor:not-allowed;background-color:#0000001a}.clickable-past .cell-overlay{pointer-events:auto;cursor:pointer;background-color:#c8c8c878}.disabled,.disabled .cell-overlay{cursor:not-allowed!important;pointer-events:none}.disabled{cursor:not-allowed}.occupied{cursor:default!important}.calendar-view-month tbody tr td .date{text-align:center;font-size:20px;font-weight:100;padding:5px 10px 0}.calendar-view-week{border-collapse:collapse}.calendar-view-week thead th{font-size:22px;font-weight:100;text-align:center;border-bottom:1px solid #ddd}.calendar-view-week .contenitore-calendario{width:100%;overflow:auto;height:550px;position:relative}.contenitore-calendario td{overflow:visible}.calendar-view-week tbody tr td{position:relative;border-right:1px solid #ddd;height:50px;border-bottom:1px solid #ddd;padding:3px 0;width:calc(100% / 7);max-width:119.5px}.calendar-view-week tbody tr td.today{background-color:#e3f2fd}.calendar-view-week tbody tr td.calendar-slot-cell{width:1%;font-size:12px;font-weight:100;border-right:1px solid #ddd;padding-right:5px;vertical-align:top}.calendar-view-week tbody tr td.calendar-slot-cell span{position:relative;top:-12px;background:#fff;width:100%;display:block}.calendar-view-week tbody tr:last-child td{border-bottom:none;border-right:none}.calendar-view-week tbody tr:last-child td.calendar-slot-cell{border-right:none}.calendar-view-week tbody tr:last-child td .cell-overlay{display:none}.calendar-view-day{margin-top:1rem}.calendar-view-day tr:first-child td{border-top:1px solid #ddd}.calendar-view-day tr td{position:relative;border-bottom:1px solid #ddd;height:50px;padding:3px 0}.calendar-view-day tr td.calendar-slot-cell{font-size:12px;font-weight:100;border-right:1px solid #ddd;padding-right:5px;vertical-align:top}.calendar-view-day tr td.calendar-slot-cell span{position:relative;top:-12px;background:#fff;width:100%;display:block}.calendar-view-day tr:last-child td{border-bottom:none}.calendar-view-day tr:last-child td.calendar-slot-cell{border-right:none}.calendar-view-day tr:last-child td .cell-overlay{display:none}.calendar-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.calendar-container .calendar-header{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--header-height);padding:10px 0}.calendar-container .calendar-header h2{margin:0}.calendar-container .calendar-header .calendar-month{font-weight:700}.calendar-container .calendar-header .calendar-month span{font-weight:100}.calendar-container .calendar-header .calendar-controls{display:flex;justify-content:flex-end;align-items:center}.calendar-container .calendar-header .calendar-controls fa-icon{cursor:pointer}.black-icon{color:#000}.black-icon svg{fill:#000}@keyframes blink{0%{background-color:transparent}50%{background-color:#e3f2fd}to{background-color:transparent}}.blink{animation:blink 1s ease-out 1}@media only screen and (max-width: 1000px){.appointment-item{line-height:1}.appointment-time{width:40%}.appointment-name{width:60%}.calendar-container .calendar-header .calendar-month{line-height:1}}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.PrimeNG }], propDecorators: { appointments: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], startHour: [{
+                type: Input
+            }], endHour: [{
+                type: Input
+            }], timeInterval: [{
+                type: Input
+            }], dateSelected: [{
+                type: Output
+            }], closeModal: [{
+                type: Output
+            }], tabChanged: [{
+                type: Output
+            }], onResize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }] } });
+
+class Message {
+    text = 'Messaggio di test';
+    date = '12/03/2025 10:00';
+    from = 'Test';
+    bgColor = 'gainsboro';
+    textColor = 'black';
+    fontWeight = 'normal';
+    width = '335px';
+    minHeight = '100px';
+    borderRadius = '5px';
+    border = '';
+    padding = '1% 2%';
+    viewed;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: Message, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: Message, isStandalone: true, selector: "lib-message", inputs: { text: "text", date: "date", from: "from", bgColor: "bgColor", textColor: "textColor", fontWeight: "fontWeight", width: "width", minHeight: "minHeight", borderRadius: "borderRadius", border: "border", padding: "padding", viewed: "viewed" }, ngImport: i0, template: "<!-- <button\r\n    [ngStyle]=\"{\r\n        'background-color': bgColor,\r\n        'color': textColor,\r\n        'font-weight': fontWeight,\r\n        'width': width,\r\n        'height': height,\r\n        'border-radius': borderRadius,\r\n        'border': border\r\n    }\"\r\n    (click)=\"click()\"\r\n>\r\n    @if(position === 'left' && icon) {\r\n        <fa-icon [icon]=\"icon\" style=\"margin-right: 10px;\"></fa-icon>\r\n    }\r\n    {{ text }}\r\n    @if(position === 'right' && icon) {\r\n        <fa-icon [icon]=\"icon\" style=\"margin-left: 10px;\"></fa-icon>\r\n    }\r\n</button> -->\r\n\r\n<div\r\n    [ngStyle]=\"{\r\n        'background-color': bgColor,\r\n        'text': text,\r\n        'color': textColor,\r\n        'font-weight': fontWeight,\r\n        'width': width,\r\n        'min-height': minHeight,\r\n        'border-radius': borderRadius,\r\n        'border': border,\r\n        'padding': padding,    \r\n    }\"\r\n    style=\"display: flex; flex-direction: column; justify-content: space-between\"\r\n>   \r\n<div>\r\n    <b>{{ from }}</b>\r\n    <br>\r\n    {{ text }}\r\n    <br>\r\n</div>\r\n<div style=\"justify-content: end; display: flex;\">\r\n    {{date}} <fa-icon [icon]=\"viewed\" style=\"margin-left: 10px;\"></fa-icon>\r\n</div>\r\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: Message, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-message', imports: [CommonModule, FontAwesomeModule], template: "<!-- <button\r\n    [ngStyle]=\"{\r\n        'background-color': bgColor,\r\n        'color': textColor,\r\n        'font-weight': fontWeight,\r\n        'width': width,\r\n        'height': height,\r\n        'border-radius': borderRadius,\r\n        'border': border\r\n    }\"\r\n    (click)=\"click()\"\r\n>\r\n    @if(position === 'left' && icon) {\r\n        <fa-icon [icon]=\"icon\" style=\"margin-right: 10px;\"></fa-icon>\r\n    }\r\n    {{ text }}\r\n    @if(position === 'right' && icon) {\r\n        <fa-icon [icon]=\"icon\" style=\"margin-left: 10px;\"></fa-icon>\r\n    }\r\n</button> -->\r\n\r\n<div\r\n    [ngStyle]=\"{\r\n        'background-color': bgColor,\r\n        'text': text,\r\n        'color': textColor,\r\n        'font-weight': fontWeight,\r\n        'width': width,\r\n        'min-height': minHeight,\r\n        'border-radius': borderRadius,\r\n        'border': border,\r\n        'padding': padding,    \r\n    }\"\r\n    style=\"display: flex; flex-direction: column; justify-content: space-between\"\r\n>   \r\n<div>\r\n    <b>{{ from }}</b>\r\n    <br>\r\n    {{ text }}\r\n    <br>\r\n</div>\r\n<div style=\"justify-content: end; display: flex;\">\r\n    {{date}} <fa-icon [icon]=\"viewed\" style=\"margin-left: 10px;\"></fa-icon>\r\n</div>\r\n</div>" }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], date: [{
+                type: Input
+            }], from: [{
+                type: Input
+            }], bgColor: [{
+                type: Input
+            }], textColor: [{
+                type: Input
+            }], fontWeight: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], minHeight: [{
+                type: Input
+            }], borderRadius: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], padding: [{
+                type: Input
+            }], viewed: [{
+                type: Input
+            }] } });
+
+const API_CONFIG = new InjectionToken('API_CONFIG');
+
+class ApiSurveyService {
+    gateway;
+    endpoint;
+    constructor(gateway) {
+        this.gateway = gateway;
+        this.endpoint = `${this.gateway}/Survey/`;
+    }
+    http = inject(HttpClient);
+    //###############
+    //##### GET #####
+    //###############
+    //funzioni per la ricerca dei tipi di domanda in base al parametro
+    getQuestionByParameters(typeSurvey, stepNumber) {
+        const params = new HttpParams().set('typeSurvey', typeSurvey).set('stepNumber', stepNumber);
+        return this.http.get(`${this.endpoint}Question`, {
+            params: params,
+        });
+    }
+    getQuestionByTypeSurvey(typeSurvey) {
+        const params = new HttpParams().set('typeSurvey', typeSurvey);
+        return this.http.get(`${this.endpoint}Question`, {
+            params: params,
+        });
+    }
+    getQuestionByQuestionId(questionId) {
+        const params = new HttpParams().set('questionId', questionId);
+        return this.http.get(`${this.endpoint}Question`, {
+            params: params,
+        });
+    }
+    getStepByTypeSurvey(typeSurvey) {
+        const params = new HttpParams().set('typeSurvey', typeSurvey);
+        return this.http.get(`${this.endpoint}Step`, {
+            params: params,
+        });
+    }
+    getStepByStepNumber(stepNumber) {
+        const params = new HttpParams().set('stepNumber', stepNumber);
+        return this.http.get(`${this.endpoint}Step`, {
+            params: params,
+        });
+    }
+    getSurveys() {
+        return this.http.get(`${this.endpoint}`);
+    }
+    getSurvey(patientId, surveyType, surveyId, lastSurvey) {
+        const params = new HttpParams().set('patientId', patientId).set('surveyType', surveyType).set('surveyId', surveyId).set('lastSurvey', lastSurvey);
+        return this.http.get(`${this.endpoint}`, {
+            params: params,
+        });
+    }
+    getSurveyById(surveyId) {
+        const params = new HttpParams().set('surveyId', surveyId);
+        return this.http.get(`${this.endpoint}`, {
+            params: params,
+        });
+    }
+    getLastSurvey(patientId, surveyType, lastSurvey) {
+        const params = new HttpParams().set('patientId', patientId).set('surveyType', surveyType).set('lastSurvey', lastSurvey);
+        return this.http.get(`${this.endpoint}Survey`, {
+            params: params,
+        });
+    }
+    // getSurveyByPatientId(patientId: string): Observable<IPatientSurveyResponse[]> {
+    //   const params = new HttpParams().set('patientId', patientId);
+    //   return this.http.get<IPatientSurveyResponse[]>(`${this.endpoint}Survey`, {
+    //     params: params,
+    //   });
+    // }
+    // getSurveyBySurveyType(surveyType: number): Observable<IPatientSurveyResponse[]> {
+    //   const params = new HttpParams().set('surveyType', surveyType);
+    //   return this.http.get<IPatientSurveyResponse[]>(`${this.endpoint}Survey`, {
+    //     params: params,
+    //   });
+    // }
+    // getLastSurvey(lastSurvey: bool): Observable<IPatientSurveyResponse[]> {
+    //   const params = new HttpParams().set('lastSurvey', lastSurvey);
+    //   return this.http.get<IPatientSurveyResponse[]>(`${this.endpoint}Survey`, {
+    //     params: params,
+    //   });
+    // }
+    //##############
+    //#### POST ####
+    //##############
+    postSurvey(patientSurveyRequest) {
+        return this.http.post(`${this.endpoint}`, patientSurveyRequest);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiSurveyService, deps: [{ token: API_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiSurveyService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiSurveyService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [API_CONFIG]
+                }] }] });
+
+class SurveyRadio {
+    apiSurvey = inject(ApiSurveyService);
+    question;
+    typeSurvey = 0;
+    patientSurvey = "";
+    patientId;
+    questionAnswer = new EventEmitter();
+    filteredSurvey = {};
+    //variabile per l'emitter, composta da id domanda e id risposta
+    questionAnswerObject = {};
+    ngOnInit() {
+        if (this.patientSurvey != null && this.patientSurvey != "") {
+            this.searchSurvey(this.patientSurvey);
+        }
+    }
+    selectedValue(idQuestion, idAnswer) {
+        this.questionAnswerObject.idQuestion = idQuestion,
+            this.questionAnswerObject.idAnswer = idAnswer,
+            this.questionAnswerObject.idTypeSurvey = this.typeSurvey,
+            this.questionAnswer.emit(this.questionAnswerObject);
+    }
+    searchSurvey(surveyId) {
+        // console.log("res2: ", this.filteredSurvey)
+        // console.log("params2: ", surveyId)
+        this.apiSurvey.getSurveyById(surveyId).subscribe((res) => {
+            // console.log("res: ", this.filteredSurvey)
+            // console.log("params: ", surveyId)
+            this.filteredSurvey = res;
+        });
+    }
+    getMatchingAnswer(surveyId, answerId) {
+        // console.log("resultArray: ", surveyId + answerId)
+        // this.question?.answers.forEach(answer => {
+        //   if (answer.id == answerId){
+        //     return true
+        //   }
+        //     return false
+        // });
+        return this.question.answers.some((item) => item.id === answerId);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: SurveyRadio, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", type: SurveyRadio, isStandalone: true, selector: "lib-survey-radio", inputs: { question: "question", typeSurvey: "typeSurvey", patientSurvey: "patientSurvey", patientId: "patientId" }, outputs: { questionAnswer: "questionAnswer" }, ngImport: i0, template: "<div class=\"survey-component group-radio\">\r\n    <div class=\"group-radio-description\">\r\n        <label>{{question?.text}}</label>\r\n    </div>\r\n    <div class=\"group-radio-radioList\">  \r\n        @for (answer of question?.answers; track answer.id) {\r\n            @if(patientSurvey != \"\"){\r\n                @if (getMatchingAnswer(patientSurvey, answer.id)) {\r\n                    <input type=\"radio\" checked [name]=\"question?.text\" class=\"radio-value survey-control\" (change)=\"selectedValue(question?.id, answer?.id)\">\r\n                    <label>{{answer.text}}</label>  \r\n                } @else {\r\n                    <input type=\"radio\" [name]=\"question?.text\" class=\"radio-value survey-control\" (change)=\"selectedValue(question?.id, answer?.id)\">\r\n                    <label>{{answer.text}}</label>  \r\n                }\r\n            } @else {\r\n                <input type=\"radio\" [name]=\"question?.text\" class=\"radio-value survey-control\" (change)=\"selectedValue(question?.id, answer?.id)\">\r\n                <label>{{answer.text}}</label>  \r\n            }\r\n        }\r\n    </div>\r\n</div>", styles: [".group-radio{width:100%;display:flex;align-items:center;padding:0 1%}.group-radio-description{width:64%;line-height:1}.group-radio{display:flex;justify-content:space-between;margin:1% 0}.group-radio label{align-self:center;width:24%}.group-radio-radioList{display:flex;width:30%}input[type=radio]{appearance:none;-webkit-appearance:none;width:12px;height:12px;border:1.8px solid var(--primary-blue-color);border-radius:50%;background-color:transparent;cursor:pointer;margin-right:4px;align-self:center}input[type=radio]:checked{background:var(--primary-blue-color);position:relative}input[type=radio]:checked:after{content:\"\";position:absolute;width:4px;height:4px;border-radius:50%;background-color:#fff;top:50%;left:50%;transform:translate(-50%,-50%)}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: SurveyRadio, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-survey-radio', imports: [], template: "<div class=\"survey-component group-radio\">\r\n    <div class=\"group-radio-description\">\r\n        <label>{{question?.text}}</label>\r\n    </div>\r\n    <div class=\"group-radio-radioList\">  \r\n        @for (answer of question?.answers; track answer.id) {\r\n            @if(patientSurvey != \"\"){\r\n                @if (getMatchingAnswer(patientSurvey, answer.id)) {\r\n                    <input type=\"radio\" checked [name]=\"question?.text\" class=\"radio-value survey-control\" (change)=\"selectedValue(question?.id, answer?.id)\">\r\n                    <label>{{answer.text}}</label>  \r\n                } @else {\r\n                    <input type=\"radio\" [name]=\"question?.text\" class=\"radio-value survey-control\" (change)=\"selectedValue(question?.id, answer?.id)\">\r\n                    <label>{{answer.text}}</label>  \r\n                }\r\n            } @else {\r\n                <input type=\"radio\" [name]=\"question?.text\" class=\"radio-value survey-control\" (change)=\"selectedValue(question?.id, answer?.id)\">\r\n                <label>{{answer.text}}</label>  \r\n            }\r\n        }\r\n    </div>\r\n</div>", styles: [".group-radio{width:100%;display:flex;align-items:center;padding:0 1%}.group-radio-description{width:64%;line-height:1}.group-radio{display:flex;justify-content:space-between;margin:1% 0}.group-radio label{align-self:center;width:24%}.group-radio-radioList{display:flex;width:30%}input[type=radio]{appearance:none;-webkit-appearance:none;width:12px;height:12px;border:1.8px solid var(--primary-blue-color);border-radius:50%;background-color:transparent;cursor:pointer;margin-right:4px;align-self:center}input[type=radio]:checked{background:var(--primary-blue-color);position:relative}input[type=radio]:checked:after{content:\"\";position:absolute;width:4px;height:4px;border-radius:50%;background-color:#fff;top:50%;left:50%;transform:translate(-50%,-50%)}\n"] }]
+        }], propDecorators: { question: [{
+                type: Input
+            }], typeSurvey: [{
+                type: Input
+            }], patientSurvey: [{
+                type: Input
+            }], patientId: [{
+                type: Input
+            }], questionAnswer: [{
+                type: Output
+            }] } });
+
+class SurveyText {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: SurveyText, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: SurveyText, isStandalone: true, selector: "lib-survey-text", ngImport: i0, template: "<p>survey-text works!</p>\r\n", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: SurveyText, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-survey-text', imports: [], template: "<p>survey-text works!</p>\r\n" }]
+        }] });
+
+class SurveyLabel {
+    question;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: SurveyLabel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: SurveyLabel, isStandalone: true, selector: "lib-survey-label", inputs: { question: "question" }, ngImport: i0, template: "<div class=\"label\">\r\n    <label>{{question?.text}}</label>\r\n</div>", styles: [".label{width:100%;display:flex;align-items:center;padding:0 1%;background-color:var(--primary-blue-color);color:#fff;font-weight:600}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: SurveyLabel, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-survey-label', imports: [], template: "<div class=\"label\">\r\n    <label>{{question?.text}}</label>\r\n</div>", styles: [".label{width:100%;display:flex;align-items:center;padding:0 1%;background-color:var(--primary-blue-color);color:#fff;font-weight:600}\n"] }]
+        }], propDecorators: { question: [{
+                type: Input
+            }] } });
+
+class SurveyValuebox {
+    apiSurvey = inject(ApiSurveyService);
+    question;
+    typeSurvey = 0;
+    indexQuestion = 0;
+    patientSurvey = '';
+    patientId;
+    sumOutput = new EventEmitter();
+    questionAnswer = new EventEmitter();
+    filteredSurvey = {};
+    sum = 0;
+    //variabile che indica che sarà un oggetto in cui le chiavi saranno numeri, i valori associati ad ogni chiave sara number o stringa,
+    //quindi ogni key avrà cosi un suo valore
+    selectedValues = {};
+    //variabile per l'emitter, composta da id domanda e id risposta
+    questionAnswerObject = {};
+    sumValue(valueSelected, groupIndex, idQuestion, idAnswer) {
+        const radioGroup = document.querySelectorAll('input[type="radio"].radio-value');
+        this.sum = 0; // Resetta la somma
+        radioGroup.forEach((radio) => {
+            if (radio.checked) {
+                this.sum += parseInt(radio.value);
+            }
+        });
+        this.selectedValues[groupIndex] = valueSelected;
+        this.sumOutput.emit(this.sum);
+        this.questionAnswerObject.idQuestion = idQuestion,
+            this.questionAnswerObject.idAnswer = idAnswer,
+            this.questionAnswerObject.idTypeSurvey = this.typeSurvey,
+            this.questionAnswer.emit(this.questionAnswerObject);
+    }
+    ngOnInit() {
+        if (this.patientSurvey != null && this.patientSurvey != '') {
+            this.searchSurvey(this.patientSurvey);
+        }
+    }
+    searchSurvey(surveyId) {
+        this.apiSurvey.getSurveyById(surveyId).subscribe((res) => {
+            this.filteredSurvey = res;
+            // console.log('Dati ricevuti:', res);
+            this.initializeSelectedValues();
+        });
+    }
+    getMatchingAnswer(answerId) {
+        if (!this.filteredSurvey || !answerId || Object.keys(this.filteredSurvey).length === 0) {
+            return false;
+        }
+        ;
+        if (this.filteredSurvey.results && Array.isArray(this.filteredSurvey.results)) {
+            return this.filteredSurvey.results.some((result) => {
+                if (result.question && result.question.id === this.question?.id) {
+                    return result.answer && result.answer.id === answerId;
+                }
+                return false;
+            });
+        }
+        return false;
+    }
+    initializeSelectedValues() {
+        // console.log('=== INIZIO initializeSelectedValues ===');
+        if (this.filteredSurvey && this.filteredSurvey.results) {
+            this.filteredSurvey.results.forEach((result, index) => {
+                // console.log(`--- Result ${index} ---`);
+                // console.log('result.question.id:', result.question?.id);
+                // console.log('this.question?.id:', this.question?.id);
+                if (result.question && result.question.id === this.question?.id) {
+                    // console.log('✅ DOMANDA TROVATA!');
+                    // console.log('result.value:', result.value);
+                    // Il valore è direttamente in result.value, non in result.answer.value
+                    if (result.value !== undefined && result.value !== null) {
+                        this.selectedValues[this.indexQuestion] = result.value;
+                        // console.log('✅ Valore inizializzato:', this.selectedValues[this.indexQuestion]);
+                    }
+                    else {
+                        console.log('❌ result.value è undefined o null');
+                    }
+                }
+            });
+        }
+        // console.log('selectedValues finale:', this.selectedValues);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: SurveyValuebox, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", type: SurveyValuebox, isStandalone: true, selector: "lib-survey-valuebox", inputs: { question: "question", typeSurvey: "typeSurvey", indexQuestion: "indexQuestion", patientSurvey: "patientSurvey", patientId: "patientId" }, outputs: { sumOutput: "sumOutput", questionAnswer: "questionAnswer" }, ngImport: i0, template: "<p>survey-valuebox works!</p>\r\n<!-- <div class=\"survey-container\">\r\n    <div class=\"survey-question\">\r\n        {{question?.text}}\r\n    </div>\r\n    <div class=\"survey-answer-container group-radio\">\r\n        <div class=\"survey-answer-list\">\r\n            @for (answer of question?.answers; track $index) {\r\n                <div class=\"survey-answer-group\">\r\n                    <div class=\"survey-answer\">\r\n                        <input type=\"radio\" [name]=\"question?.text\" value=\"{{answer.value}}\" class=\"radio-value survey-control\" (change)=\"sumValue(answer.value, indexQuestion, question?.id, answer?.id)\">\r\n                        <label>{{answer.text}}</label>\r\n                    </div>\r\n                </div>\r\n            } \r\n        </div>\r\n        <div class=\"survey-answer-value\">\r\n            <span>{{ selectedValues[indexQuestion] !== undefined ? selectedValues[indexQuestion] : '--' }}</span>\r\n        </div>      \r\n    </div>\r\n</div> -->\r\n\r\n<div class=\"survey-container\">\r\n    <div class=\"survey-question\">\r\n        {{ question?.text }}\r\n    </div>\r\n    <div class=\"survey-answer-container group-radio\">\r\n        <div class=\"survey-answer-list\">\r\n            @for (answer of question?.answers; track answer.id) {\r\n                <div class=\"survey-answer-group\">\r\n                    <div class=\"survey-answer\">\r\n                        @if (patientSurvey && patientSurvey !== '') {\r\n                            @if (getMatchingAnswer(answer.id)) {\r\n                                <input type=\"radio\" checked [name]=\"question?.text\" value=\"{{answer.value}}\" class=\"radio-value survey-control\" (change)=\"sumValue(answer.value, indexQuestion, question?.id, answer?.id)\">\r\n                                <label>{{ answer.text }}</label>\r\n                            } @else {\r\n                                <input type=\"radio\" [name]=\"question?.text\" value=\"{{answer.value}}\" class=\"radio-value survey-control\" (change)=\"sumValue(answer.value, indexQuestion, question?.id, answer?. id)\">\r\n                                <label>{{ answer.text }}</label>\r\n                            }\r\n                        } @else {\r\n                            <input type=\"radio\" [name]=\"question?.text\" value=\"{{answer.value}}\" class=\"radio-value survey-control\" (change)=\"sumValue(answer.value, indexQuestion, question?.id, answer?.id)\">\r\n                            <label>{{ answer.text }}</label>\r\n                        }\r\n                    </div>\r\n                </div>\r\n            }\r\n        </div>\r\n        <div class=\"survey-answer-value\">\r\n            <span>{{ selectedValues[indexQuestion] !== undefined ? selectedValues[indexQuestion] : '--' }}</span>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".survey-container{min-height:100%;width:100%;position:relative;display:flex;flex-direction:column}.survey-question{background-color:var(--primary-blue-color);color:#fff;min-height:3rem;display:flex;align-items:center;padding:10px 1%}.survey-answer-container{flex:1;width:100%;display:flex}.survey-answer-list{width:85%;display:flex;flex-direction:column;flex:1}.survey-answer{display:flex;min-height:fit-content;padding:10px 0;word-break:break-word}.survey-answer label{font-size:large;align-self:center;margin-left:10px}.survey-answer-value{align-items:center;width:15%;background-color:var(--primary-bg);display:flex;justify-content:center}.survey-answer-value span{font-size:xx-large}input[type=radio]{appearance:none;-webkit-appearance:none;width:12px;height:12px;border:1.8px solid var(--primary-blue-color);border-radius:50%;background-color:transparent;cursor:pointer;margin-right:4px;align-self:center;flex:0 0 12px!important}input[type=radio]:checked{background:var(--primary-blue-color);position:relative}input[type=radio]:checked:after{content:\"\";position:absolute;width:4px;height:4px;border-radius:50%;background-color:#fff;top:50%;left:50%;transform:translate(-50%,-50%)}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: SurveyValuebox, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-survey-valuebox', imports: [], template: "<p>survey-valuebox works!</p>\r\n<!-- <div class=\"survey-container\">\r\n    <div class=\"survey-question\">\r\n        {{question?.text}}\r\n    </div>\r\n    <div class=\"survey-answer-container group-radio\">\r\n        <div class=\"survey-answer-list\">\r\n            @for (answer of question?.answers; track $index) {\r\n                <div class=\"survey-answer-group\">\r\n                    <div class=\"survey-answer\">\r\n                        <input type=\"radio\" [name]=\"question?.text\" value=\"{{answer.value}}\" class=\"radio-value survey-control\" (change)=\"sumValue(answer.value, indexQuestion, question?.id, answer?.id)\">\r\n                        <label>{{answer.text}}</label>\r\n                    </div>\r\n                </div>\r\n            } \r\n        </div>\r\n        <div class=\"survey-answer-value\">\r\n            <span>{{ selectedValues[indexQuestion] !== undefined ? selectedValues[indexQuestion] : '--' }}</span>\r\n        </div>      \r\n    </div>\r\n</div> -->\r\n\r\n<div class=\"survey-container\">\r\n    <div class=\"survey-question\">\r\n        {{ question?.text }}\r\n    </div>\r\n    <div class=\"survey-answer-container group-radio\">\r\n        <div class=\"survey-answer-list\">\r\n            @for (answer of question?.answers; track answer.id) {\r\n                <div class=\"survey-answer-group\">\r\n                    <div class=\"survey-answer\">\r\n                        @if (patientSurvey && patientSurvey !== '') {\r\n                            @if (getMatchingAnswer(answer.id)) {\r\n                                <input type=\"radio\" checked [name]=\"question?.text\" value=\"{{answer.value}}\" class=\"radio-value survey-control\" (change)=\"sumValue(answer.value, indexQuestion, question?.id, answer?.id)\">\r\n                                <label>{{ answer.text }}</label>\r\n                            } @else {\r\n                                <input type=\"radio\" [name]=\"question?.text\" value=\"{{answer.value}}\" class=\"radio-value survey-control\" (change)=\"sumValue(answer.value, indexQuestion, question?.id, answer?. id)\">\r\n                                <label>{{ answer.text }}</label>\r\n                            }\r\n                        } @else {\r\n                            <input type=\"radio\" [name]=\"question?.text\" value=\"{{answer.value}}\" class=\"radio-value survey-control\" (change)=\"sumValue(answer.value, indexQuestion, question?.id, answer?.id)\">\r\n                            <label>{{ answer.text }}</label>\r\n                        }\r\n                    </div>\r\n                </div>\r\n            }\r\n        </div>\r\n        <div class=\"survey-answer-value\">\r\n            <span>{{ selectedValues[indexQuestion] !== undefined ? selectedValues[indexQuestion] : '--' }}</span>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".survey-container{min-height:100%;width:100%;position:relative;display:flex;flex-direction:column}.survey-question{background-color:var(--primary-blue-color);color:#fff;min-height:3rem;display:flex;align-items:center;padding:10px 1%}.survey-answer-container{flex:1;width:100%;display:flex}.survey-answer-list{width:85%;display:flex;flex-direction:column;flex:1}.survey-answer{display:flex;min-height:fit-content;padding:10px 0;word-break:break-word}.survey-answer label{font-size:large;align-self:center;margin-left:10px}.survey-answer-value{align-items:center;width:15%;background-color:var(--primary-bg);display:flex;justify-content:center}.survey-answer-value span{font-size:xx-large}input[type=radio]{appearance:none;-webkit-appearance:none;width:12px;height:12px;border:1.8px solid var(--primary-blue-color);border-radius:50%;background-color:transparent;cursor:pointer;margin-right:4px;align-self:center;flex:0 0 12px!important}input[type=radio]:checked{background:var(--primary-blue-color);position:relative}input[type=radio]:checked:after{content:\"\";position:absolute;width:4px;height:4px;border-radius:50%;background-color:#fff;top:50%;left:50%;transform:translate(-50%,-50%)}\n"] }]
+        }], propDecorators: { question: [{
+                type: Input
+            }], typeSurvey: [{
+                type: Input
+            }], indexQuestion: [{
+                type: Input
+            }], patientSurvey: [{
+                type: Input
+            }], patientId: [{
+                type: Input
+            }], sumOutput: [{
+                type: Output
+            }], questionAnswer: [{
+                type: Output
+            }] } });
+
+class Survey {
+    questionList = [];
+    typeSurvey = 0;
+    patientSurvey = "";
+    sumOutput = new EventEmitter();
+    questionAnswer = new EventEmitter();
+    ngOnInit() {
+    }
+    onSumOutputReceived(sum) {
+        this.sumOutput.emit(sum);
+    }
+    onQuestionAnswerReceived(object) {
+        this.questionAnswer.emit(object);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: Survey, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", type: Survey, isStandalone: true, selector: "lib-survey", inputs: { questionList: "questionList", typeSurvey: "typeSurvey", patientSurvey: "patientSurvey" }, outputs: { sumOutput: "sumOutput", questionAnswer: "questionAnswer" }, ngImport: i0, template: "<div class=\"survey-container\">\r\n    @for (question of questionList; track $index) {\r\n        <div [ngStyle]=\"{backgroundColor: $index % 2 === 0 ? '#F1F6FE' : 'white'}\">\r\n            @switch (question.typeQuestion.id) {\r\n                @case (1){\r\n\r\n                }\r\n                @case (2){\r\n                    <lib-survey-text></lib-survey-text>\r\n                }\r\n                @case (3){\r\n                \r\n                }\r\n                @case (4){\r\n                \r\n                }\r\n                @case (5){\r\n                    <lib-survey-label [question]=\"question\" style=\"width: 100%; height: 3rem; display: flex;\"></lib-survey-label>\r\n                }\r\n                @case (6){\r\n                \r\n                }\r\n                @case (7){              \r\n                    <lib-survey-radio [question]=\"question\" [typeSurvey]=\"typeSurvey\" [patientSurvey]=\"patientSurvey\" (questionAnswer)=\"onQuestionAnswerReceived($event)\" style=\"width: 100%; height: 3rem; display: flex;\"></lib-survey-radio>\r\n                }\r\n                @case (8){\r\n                \r\n                }\r\n                @case (9){\r\n                \r\n                }\r\n                @case (10){\r\n                    <lib-survey-valuebox [question]=\"question\" [typeSurvey]=\"typeSurvey\" [indexQuestion]=\"$index\"  (sumOutput)=\"onSumOutputReceived($event)\" (questionAnswer)=\"onQuestionAnswerReceived($event)\"></lib-survey-valuebox>\r\n                    \r\n                }\r\n            }\r\n        </div>\r\n    }  \r\n</div>\r\n", styles: [".survey-container{height:100%;overflow-y:auto;width:100%}lib-survey-valuebox{width:100%;height:auto;display:flex;position:relative;flex-grow:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SurveyRadio, selector: "lib-survey-radio", inputs: ["question", "typeSurvey", "patientSurvey", "patientId"], outputs: ["questionAnswer"] }, { kind: "component", type: SurveyText, selector: "lib-survey-text" }, { kind: "component", type: SurveyLabel, selector: "lib-survey-label", inputs: ["question"] }, { kind: "component", type: SurveyValuebox, selector: "lib-survey-valuebox", inputs: ["question", "typeSurvey", "indexQuestion", "patientSurvey", "patientId"], outputs: ["sumOutput", "questionAnswer"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: Survey, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-survey', imports: [CommonModule, SurveyRadio, SurveyText, SurveyLabel, SurveyValuebox], template: "<div class=\"survey-container\">\r\n    @for (question of questionList; track $index) {\r\n        <div [ngStyle]=\"{backgroundColor: $index % 2 === 0 ? '#F1F6FE' : 'white'}\">\r\n            @switch (question.typeQuestion.id) {\r\n                @case (1){\r\n\r\n                }\r\n                @case (2){\r\n                    <lib-survey-text></lib-survey-text>\r\n                }\r\n                @case (3){\r\n                \r\n                }\r\n                @case (4){\r\n                \r\n                }\r\n                @case (5){\r\n                    <lib-survey-label [question]=\"question\" style=\"width: 100%; height: 3rem; display: flex;\"></lib-survey-label>\r\n                }\r\n                @case (6){\r\n                \r\n                }\r\n                @case (7){              \r\n                    <lib-survey-radio [question]=\"question\" [typeSurvey]=\"typeSurvey\" [patientSurvey]=\"patientSurvey\" (questionAnswer)=\"onQuestionAnswerReceived($event)\" style=\"width: 100%; height: 3rem; display: flex;\"></lib-survey-radio>\r\n                }\r\n                @case (8){\r\n                \r\n                }\r\n                @case (9){\r\n                \r\n                }\r\n                @case (10){\r\n                    <lib-survey-valuebox [question]=\"question\" [typeSurvey]=\"typeSurvey\" [indexQuestion]=\"$index\"  (sumOutput)=\"onSumOutputReceived($event)\" (questionAnswer)=\"onQuestionAnswerReceived($event)\"></lib-survey-valuebox>\r\n                    \r\n                }\r\n            }\r\n        </div>\r\n    }  \r\n</div>\r\n", styles: [".survey-container{height:100%;overflow-y:auto;width:100%}lib-survey-valuebox{width:100%;height:auto;display:flex;position:relative;flex-grow:1}\n"] }]
+        }], propDecorators: { questionList: [{
+                type: Input
+            }], typeSurvey: [{
+                type: Input
+            }], patientSurvey: [{
+                type: Input
+            }], sumOutput: [{
+                type: Output
+            }], questionAnswer: [{
+                type: Output
+            }] } });
+
+class Minio {
+    config;
+    s3;
+    bucketName;
+    accessKeyId;
+    secretAccessKey;
+    endpoint;
+    constructor(config) {
+        this.config = config;
+        this.bucketName = config.bucketName;
+        this.accessKeyId = config.accessKeyId;
+        this.secretAccessKey = config.secretAccessKey;
+        this.endpoint = config.endpoint;
+        // Configurazione delle credenziali di minio
+        AWS.config.update({
+            accessKeyId: this.accessKeyId,
+            secretAccessKey: this.secretAccessKey,
+            region: 'us-east-1', //regione di default, aws sdk gli serve
+            signatureVersion: 'v4' // versione di firma v4, serve a minio
+        });
+        // Configura l'endpoint di minio
+        this.s3 = new AWS.S3({
+            endpoint: new AWS.Endpoint('http://minio.aslss.stage'),
+            s3ForcePathStyle: true,
+            signatureVersion: 'v4'
+        });
+    }
+    // Funzione per caricare un file su minio
+    uploadFile(fileName, fileContent) {
+        const params = {
+            Bucket: this.bucketName, // Nome del tuo bucket minio
+            Key: fileName, // Nome del file 
+            Body: fileContent, // Contenuto del file
+            ContentType: 'application/octet-stream' // Tipo di contenuto
+        };
+        // Carica il file su minio
+        return this.s3.upload(params).promise();
+    }
+    // Funzione per ottenere un oggetto da minio
+    getObject(fileName) {
+        const params = {
+            Bucket: this.bucketName,
+            Key: fileName
+        };
+        // Ottieni il file da MinIO
+        return this.s3.getObject(params).promise();
+    }
+    // metodo per recuperare tutti gli oggetti in una cartella
+    async getAllObjectsInFolder(folderPath) {
+        const folder = folderPath.endsWith('/') ? folderPath : `${folderPath}/`;
+        const listParams = {
+            Bucket: this.bucketName,
+            Prefix: folder
+        };
+        try {
+            // Lista tutti gli oggetti nella cartella
+            const listedObjects = await this.s3.listObjects(listParams).promise();
+            if (!listedObjects.Contents || listedObjects.Contents.length === 0) {
+                return new Map();
+            }
+            // Mappa per memorizzare i risultati
+            const objectsMap = new Map();
+            // Recupera ogni oggetto
+            const fetchPromises = listedObjects.Contents.map(async (item) => {
+                if (item.Key) {
+                    const objectData = await this.getObject(item.Key);
+                    objectsMap.set(item.Key, objectData);
+                }
+            });
+            // Attendere il completamento di tutte le richieste
+            await Promise.all(fetchPromises);
+            return objectsMap;
+        }
+        catch (error) {
+            console.error('Errore nel recupero degli oggetti dalla cartella:', error);
+            throw error;
+        }
+    }
+    // Funzione per eliminare un oggetto da minio
+    deleteObject(bucketName, fileName) {
+        const params = {
+            Bucket: bucketName,
+            Key: fileName
+        };
+        // Elimina il file da minio
+        return this.s3.deleteObject(params).promise();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: Minio, deps: [{ token: 'MINIO_CONFIG' }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: Minio, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: Minio, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['MINIO_CONFIG']
+                }] }] });
+
+class FormatDate {
+    //funzione per convertire date in giorno/mese/anno
+    convertToISOFormat(date) {
+        if (!date)
+            return 'Non disponibile';
+        let newDate = new Date(date);
+        // prendo il giorno, mese e anno
+        const day = newDate.getDate();
+        // il mese inizia da 0, quindi aggiungiamo 1, come dopo per il giorno, è una configurazione
+        //di alcune api per il convert
+        const month = newDate.getMonth() + 1;
+        const year = newDate.getFullYear();
+        const hour = newDate.getHours();
+        const minute = newDate.getMinutes();
+        const second = newDate.getSeconds();
+        // aggiungo uno zero iniziale se il valore è minore di 10
+        const formattedDay = day < 10 ? `0${day}` : `${day}`;
+        const formattedMonth = month < 10 ? `0${month}` : `${month}`;
+        const formattedHour = hour < 10 ? `0${hour}` : `${hour}`;
+        const formattedMinute = minute < 10 ? `0${minute}` : `${minute}`;
+        const formattedSecond = second < 10 ? `0${second}` : `${second}`;
+        //aggiungo il timezone offset
+        const timezoneOffset = -newDate.getTimezoneOffset();
+        const offsetHours = Math.floor(Math.abs(timezoneOffset) / 60);
+        const offsetMinutes = Math.abs(timezoneOffset) % 60;
+        const offsetSign = timezoneOffset >= 0 ? '+' : '-';
+        const formattedOffset = `${offsetSign}${offsetHours.toString().padStart(2, '0')}:${offsetMinutes.toString().padStart(2, '0')}`;
+        let dataToISO = `${year}-${formattedMonth}-${formattedDay}T${formattedHour}:${formattedMinute}:${formattedSecond}${formattedOffset}`;
+        return dataToISO;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: FormatDate, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: FormatDate, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: FormatDate, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+//Servizio api per le chiamate riguardarti le strutture
+class ApiAccountService {
+    gateway;
+    endpoint;
+    constructor(gateway) {
+        this.gateway = gateway;
+        this.endpoint = `${this.gateway}/Account/`;
+    }
+    http = inject(HttpClient);
+    //###############
+    //##### GET #####
+    //###############
+    //funzioni per la ricerca degli account in base al parametro
+    getAccounts() {
+        return this.http.get(`${this.endpoint}`);
+    }
+    //ricerca con più di un parametro
+    // getAccountsByParameters(id: string | "", fiscalCode: string | "", username: string | ""): Observable<IAccountResponse[]> {
+    //     const params = new HttpParams().set('id', id).set('fiscalCode', fiscalCode).set('username', username);
+    //     return this.http.get<IAccountResponse[]>(`${this.endpoint}`, {
+    //     params: params,
+    //   });
+    // }
+    getAccountById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}`, {
+            params: params,
+        });
+    }
+    getAccountByFiscalCode(fiscalCode) {
+        const params = new HttpParams().set('fiscalCode', fiscalCode);
+        return this.http.get(`${this.endpoint}`, {
+            params: params,
+        });
+    }
+    getAccountByUsername(username) {
+        const params = new HttpParams().set('username', username);
+        return this.http.get(`${this.endpoint}`, {
+            params: params,
+        });
+    }
+    getAccountByAccountProfileId(accountProfileId) {
+        const params = new HttpParams().set('accountProfileId', accountProfileId);
+        return this.http.get(`${this.endpoint}`, {
+            params: params,
+        });
+    }
+    getCredentialByAccountId(accountId) {
+        const params = new HttpParams().set('accountId', accountId);
+        return this.http.get(`${this.endpoint}Credential`, {
+            params: params,
+        });
+    }
+    //##############
+    //#### POST ####
+    //##############
+    //funzione per l'inserimento e modifica dell'account
+    postAccount(accountRequest) {
+        return this.http.post(`${this.endpoint}`, accountRequest);
+    }
+    //FUNZIONE LOGIN
+    postLogin(loginRequest) {
+        const credentials = btoa(`apilogin:apipassword`); // Crea il token Basic Authentication
+        const headers = new HttpHeaders({
+            'Authorization': `Basic ${credentials}`,
+            'Content-Type': 'application/json'
+        });
+        return this.http.post(`${this.endpoint}Login`, loginRequest, { headers: headers });
+    }
+    postLoginLdap(loginRequest) {
+        const credentials = btoa(`apilogin:apipassword`); // Crea il token Basic Authentication
+        const headers = new HttpHeaders({
+            'Authorization': `Basic ${credentials}`,
+            'Content-Type': 'application/json'
+        });
+        return this.http.post(`${this.endpoint}LoginLDAP`, loginRequest, { headers: headers });
+    }
+    postRefreshToken(refreshToken) {
+        const credentials = btoa(`apilogin:apipassword`);
+        const headers = new HttpHeaders({
+            'Authorization': `Basic ${credentials}`,
+            'Content-Type': 'application/json'
+        });
+        return this.http.post(`${this.endpoint}RefreshToken`, refreshToken, { headers: headers });
+    }
+    postCredential(accountCredentialDTO) {
+        return this.http.post(`${this.endpoint}Credential`, accountCredentialDTO);
+    }
+    //###############
+    //##### PUT #####
+    //###############
+    //funzione per settare il login dell'account
+    setLoginAccount(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.put(`${this.endpoint}`, null, {
+            params: params,
+        });
+    }
+    //##############
+    //### DELETE ###
+    //##############
+    //funzione per l'eliminazione logica dell'account
+    deleteAccount(id) {
+        return this.http.delete(`${this.endpoint}/${id}`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiAccountService, deps: [{ token: API_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiAccountService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiAccountService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [API_CONFIG]
+                }] }] });
+
+//Servizio api per le chiamate riguardarti le strutture
+class ApiAccountDictionaryService {
+    gateway;
+    endpoint;
+    constructor(gateway) {
+        this.gateway = gateway;
+        this.endpoint = `${this.gateway}/Account/`;
+    }
+    http = inject(HttpClient);
+    //###############
+    //##### GET #####
+    //###############
+    //funzioni per la ricerca dei permessi in base al parametro
+    getPermissions() {
+        return this.http.get(`${this.endpoint}Dictionary/Permission`);
+    }
+    getPermissionById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Dictionary/Permission`, {
+            params: params,
+        });
+    }
+    getPermissionByCode(code) {
+        const params = new HttpParams().set('code', code);
+        return this.http.get(`${this.endpoint}Dictionary/Permission`, {
+            params: params,
+        });
+    }
+    getPermissionByParameters(id, code) {
+        const params = new HttpParams().set('id', id).set('code', code);
+        return this.http.get(`${this.endpoint}Dictionary/Permission`, {
+            params: params,
+        });
+    }
+    //funzioni per la ricerca dei profili in base al parametro
+    getProfiles() {
+        return this.http.get(`${this.endpoint}Dictionary/Profile`);
+    }
+    getProfileById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Dictionary/Profile`, {
+            params: params,
+        });
+    }
+    //funzioni per la ricerca dei type contact in base al parametro
+    getTypesContact() {
+        return this.http.get(`${this.endpoint}Dictionary/TypeContact`);
+    }
+    getTypeContactById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Dictionary/TypeContact`, {
+            params: params,
+        });
+    }
+    getSystems() {
+        return this.http.get(`${this.endpoint}Dictionary/System`);
+    }
+    getSystemById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Dictionary/System`, {
+            params: params
+        });
+    }
+    //##############
+    //#### POST ####
+    //##############
+    //funzione per la modifica dei permessi
+    postPermission(permissionRequest) {
+        return this.http.post(`${this.endpoint}Dictionary/Permission`, permissionRequest);
+    }
+    //funzione per la modifica dei profili
+    postProfile(profileRequest) {
+        return this.http.post(`${this.endpoint}Dictionary/Profile`, profileRequest);
+    }
+    //funzione per la modifica dei type contact
+    postTypeContact(typeContactRequest) {
+        return this.http.post(`${this.endpoint}Dictionary/TypeContact`, typeContactRequest);
+    }
+    postSystem(system) {
+        return this.http.post(`${this.endpoint}Dictionary/System`, system);
+    }
+    //###############
+    //##### PUT #####
+    //###############
+    //##############
+    //### DELETE ###
+    //##############
+    //funzione per l'eliminazione logica dell'account
+    deletePermission(id) {
+        return this.http.delete(`${this.endpoint}Dictionary/Permission/${id}`);
+    }
+    //funzione per l'eliminazione logica dell'account
+    deleteProfile(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.delete(`${this.endpoint}Dictionary/Profile`, {
+            params: params,
+        });
+    }
+    //funzione per l'eliminazione logica dell'account
+    deleteTypeContact(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.delete(`${this.endpoint}Dictionary/TypeContact`, {
+            params: params,
+        });
+    }
+    deleteSystem(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.delete(`${this.endpoint}Dictionary/System`, {
+            params: params
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiAccountDictionaryService, deps: [{ token: API_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiAccountDictionaryService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiAccountDictionaryService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [API_CONFIG]
+                }] }] });
+
+//Servizio api per le chiamate riguardarti le strutture
+class ApiExamService {
+    gateway;
+    endpoint;
+    constructor(gateway) {
+        this.gateway = gateway;
+        this.endpoint = `${this.gateway}/Exam/`;
+    }
+    http = inject(HttpClient);
+    //###############
+    //##### GET #####
+    //###############
+    getPatientExams() {
+        return this.http.get(`${this.endpoint}`);
+    }
+    getPatientExamsByParameters(patientId, vitalSignId) {
+        const params = new HttpParams().set('patientId', patientId).set('vitalSignId', vitalSignId);
+        return this.http.get(`${this.endpoint}`, {
+            params: params
+        });
+    }
+    getPatientExamByPatientId(patientid) {
+        const params = new HttpParams().set('patientid', patientid);
+        return this.http.get(`${this.endpoint}`, {
+            params: params,
+        });
+    }
+    getPatientExamVitalSignId(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}`, {
+            params: params,
+        });
+    }
+    //funzione per ottenere i valori di esami
+    getExamValues() {
+        return this.http.get(`${this.endpoint}Value`);
+    }
+    //ricerca con più di un parametro
+    getExamValueByParameters(vitalSignId, patientId) {
+        const params = new HttpParams().set('vitalSignId', vitalSignId).set('patientId', patientId);
+        return this.http.get(`${this.endpoint}Value`, {
+            params: params,
+        });
+    }
+    getExamValueByVitalSignId(vitalSignId) {
+        const params = new HttpParams().set('vitalSignId', vitalSignId);
+        return this.http.get(`${this.endpoint}Value`, {
+            params: params,
+        });
+    }
+    getExamValueByPatientId(patientId) {
+        const params = new HttpParams().set('patientId', patientId);
+        return this.http.get(`${this.endpoint}Value`, {
+            params: params,
+        });
+    }
+    //##############
+    //#### POST ####
+    //##############
+    //funzione per la modifica dell'esame del paziente
+    postPatientExams(patientExamRequest) {
+        return this.http.post(`${this.endpoint}`, patientExamRequest);
+    }
+    //funzione per la modifica del tipo di ricorrenza
+    postExamValue(examValueRequest) {
+        return this.http.post(`${this.endpoint}Value`, examValueRequest);
+    }
+    //###############
+    //##### PUT #####
+    //###############
+    setPatientExam(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.put(`${this.endpoint}`, null, {
+            params: params,
+        });
+    }
+    setExamValue(patientId) {
+        const params = new HttpParams().set('patientId', patientId);
+        return this.http.put(`${this.endpoint}Value`, null, {
+            params: params,
+        });
+    }
+    //##############
+    //### DELETE ###
+    //##############
+    deletePatientExam(id) {
+        return this.http.delete(`${this.endpoint}${id}`);
+    }
+    //funzione per l'eliminazione del tipo di ricorrenza
+    deleteExamValue(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.delete(`${this.endpoint}Value`, {
+            params: params,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiExamService, deps: [{ token: API_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiExamService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiExamService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [API_CONFIG]
+                }] }] });
+
+//Servizio api per le chiamate riguardarti le strutture
+class ApiExamAppointmentService {
+    gateway;
+    endpoint;
+    constructor(gateway) {
+        this.gateway = gateway;
+        this.endpoint = `${this.gateway}/Appointment/`;
+    }
+    http = inject(HttpClient);
+    //###############
+    //##### GET #####
+    //###############
+    //funzioni per la ricerca degli appuntamenti del paziente in base al parametro
+    getPatientAppointments() {
+        return this.http.get(`${this.endpoint}`);
+    }
+    //ricerca con più di un parametro
+    getPatientAppointmentByParameters(patientId, accountProfileId, structureDepartmentId, typeId) {
+        const params = new HttpParams().set('patientId', patientId).set('accountProfileId', accountProfileId).set('structureDepartmentId', structureDepartmentId).set('typeId', typeId);
+        return this.http.get(`${this.endpoint}`, {
+            params: params,
+        });
+    }
+    getPatientAppointmentById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}`, {
+            params: params,
+        });
+    }
+    getPatientAppointmentByPatientId(patientId) {
+        const params = new HttpParams().set('patientId', patientId);
+        return this.http.get(`${this.endpoint}`, {
+            params: params,
+        });
+    }
+    getPatientAppointmentByAccountProfileId(accountProfileId) {
+        const params = new HttpParams().set('accountProfileId', accountProfileId);
+        return this.http.get(`${this.endpoint}`, {
+            params: params,
+        });
+    }
+    getPatientAppointmentByStructureDepartmentId(structureDepartmentId) {
+        const params = new HttpParams().set('structureDepartmentId', structureDepartmentId);
+        return this.http.get(`${this.endpoint}`, {
+            params: params,
+        });
+    }
+    getPatientAppointmentByTypeId(typeId) {
+        const params = new HttpParams().set('typeId', typeId);
+        return this.http.get(`${this.endpoint}`, {
+            params: params,
+        });
+    }
+    //##############
+    //#### POST ####
+    //##############
+    //funzione per la modifica dell'appuntamento
+    postPatientAppointment(patientAppointmentRequest) {
+        return this.http.post(`${this.endpoint}`, patientAppointmentRequest);
+    }
+    //###############
+    //##### PUT #####
+    //###############
+    //##############
+    //### DELETE ###
+    //##############
+    //funzione per l'eliminazione logica dell'account
+    deletePatientAppointment(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.delete(`${this.endpoint}`, {
+            params: params,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiExamAppointmentService, deps: [{ token: API_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiExamAppointmentService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiExamAppointmentService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [API_CONFIG]
+                }] }] });
+
+//Servizio api per le chiamate riguardarti i dizionari degli esami
+class ApiExamDictionaryService {
+    gateway;
+    endpoint;
+    constructor(gateway) {
+        this.gateway = gateway;
+        this.endpoint = `${this.gateway}/Exam/`;
+    }
+    http = inject(HttpClient);
+    //###############
+    //##### GET #####
+    //###############
+    getRecurrencies() {
+        return this.http.get(`${this.endpoint}Dictionary/Recurrency`);
+    }
+    getRecurrencyById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Dictionary/Recurrency`, {
+            params: params,
+        });
+    }
+    //funzione per ottenere i tipi di ricorrenza
+    getTypesRecurrency() {
+        return this.http.get(`${this.endpoint}Dictionary/TypeRecurrency`);
+    }
+    getTypeRecurrencyById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Dictionary/TypeRecurrency`, {
+            params: params,
+        });
+    }
+    //funzione per ottenere i vitalsign
+    getVitalSigns() {
+        return this.http.get(`${this.endpoint}Dictionary/VitalSign`);
+    }
+    getVitalSignById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Dictionary/VitalSign`, {
+            params: params,
+        });
+    }
+    //funzione per ottenere i tipi di appuntamento
+    getTypesAppointment() {
+        return this.http.get(`${this.endpoint}Dictionary/TypeAppointment`);
+    }
+    getTypeAppointmentById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Dictionary/TypeAppointment`, {
+            params: params,
+        });
+    }
+    //funzione per ottenere i target
+    getTargets() {
+        return this.http.get(`${this.endpoint}Dictionary/Target`);
+    }
+    getTargetById(targetId) {
+        const params = new HttpParams().set('targetId', targetId);
+        return this.http.get(`${this.endpoint}Dictionary/Target`, {
+            params: params,
+        });
+    }
+    getTargetByVitalSignId(vitalSignId) {
+        const params = new HttpParams().set('vitalSignId', vitalSignId);
+        return this.http.get(`${this.endpoint}Dictionary/Target`, {
+            params: params,
+        });
+    }
+    getTargetByParameters(vitalSignId, targetId) {
+        const params = new HttpParams().set('vitalSignId', vitalSignId).set('targetId', targetId);
+        return this.http.get(`${this.endpoint}Dictionary/Target`, {
+            params: params,
+        });
+    }
+    //funzione per recuperare i kit
+    getKits() {
+        return this.http.get(`${this.endpoint}Dictionary/Kit`);
+    }
+    getKitById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Dictionary/Kit`, {
+            params: params,
+        });
+    }
+    getComponents() {
+        return this.http.get(`${this.endpoint}Dictionary/Kit/Component`);
+    }
+    getComponentById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Dictionary/Kit/Component`, {
+            params: params,
+        });
+    }
+    getComponentsByType(type) {
+        const params = new HttpParams().set('type', type);
+        return this.http.get(`${this.endpoint}Dictionary/Kit/Component`, {
+            params: params,
+        });
+    }
+    getComponentByParameters(id, type) {
+        const params = new HttpParams().set('id', id).set('type', type);
+        return this.http.get(`${this.endpoint}Dictionary/Kit/Component`, {
+            params: params,
+        });
+    }
+    getTypeComponent() {
+        return this.http.get(`${this.endpoint}Dictionary/TypeComponent`);
+    }
+    getTypeComponentById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Dictionary/TypeComponent`, {
+            params: params,
+        });
+    }
+    getRisks() {
+        return this.http.get(`${this.endpoint}Dictionary/Risk`);
+    }
+    getRiskById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Dictionary/Risk`, {
+            params: params
+        });
+    }
+    //##############
+    //#### POST ####
+    //##############
+    //funzione per la modifica della ricorrenza
+    postRecurrency(recurrencyRequest) {
+        return this.http.post(`${this.endpoint}Dictionary/Recurrency`, recurrencyRequest);
+    }
+    //funzione per la modifica del tipo di ricorrenza
+    postTypeRecurrency(typeRecurrencyRequest) {
+        return this.http.post(`${this.endpoint}Dictionary/TypeRecurrency`, typeRecurrencyRequest);
+    }
+    //funzione per la modifica del vital sign
+    postVitalSign(vitalSignRequest) {
+        return this.http.post(`${this.endpoint}Dictionary/VitalSign`, vitalSignRequest);
+    }
+    //funzione per la modifica del tipo di appuntamento
+    postTypeAppointment(typeAppointmentRequest) {
+        return this.http.post(`${this.endpoint}Dictionary/TypeAppointment`, typeAppointmentRequest);
+    }
+    postTarget(targetRequest) {
+        return this.http.post(`${this.endpoint}Dictionary/Target`, targetRequest);
+    }
+    postComponent(componentRequest) {
+        return this.http.post(`${this.endpoint}Dictionary/Kit/Component`, componentRequest);
+    }
+    postKit(kitRequest) {
+        return this.http.post(`${this.endpoint}Dictionary/Kit`, kitRequest);
+    }
+    postRisk(riskRequest) {
+        return this.http.post(`${this.endpoint}Dictionary/Risk`, riskRequest);
+    }
+    //###############
+    //##### PUT #####
+    //###############
+    //##############
+    //### DELETE ###
+    //##############
+    //funzione per l'eliminazione della ricorrenza
+    deleteRecurrency(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.delete(`${this.endpoint}Dictionary/Recurrency`, {
+            params: params,
+        });
+    }
+    //funzione per l'eliminazione del tipo di ricorrenza
+    deleteTypeRecurrency(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.delete(`${this.endpoint}Dictionary/TypeRecurrency`, {
+            params: params,
+        });
+    }
+    //funzione per l'eliminazione del vital sign
+    deleteVitalSign(id) {
+        return this.http.delete(`${this.endpoint}Dictionary/VitalSign/${id}`);
+    }
+    //funzione per l'eliminazione del tipo appuntamento
+    deleteTypeAppointment(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.delete(`${this.endpoint}Dictionary/TypeAppointment`, {
+            params: params,
+        });
+    }
+    deleteTarget(targetId) {
+        return this.http.delete(`${this.endpoint}Dictionary/Target/${targetId}`);
+    }
+    deleteKit(id) {
+        return this.http.delete(`${this.endpoint}Dictionary/Kit/${id}`);
+    }
+    deleteRisk(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.delete(`${this.endpoint}Dictionary/Risk`, {
+            params: params
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiExamDictionaryService, deps: [{ token: API_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiExamDictionaryService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiExamDictionaryService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [API_CONFIG]
+                }] }] });
+
+//Servizio api per le chiamate riguardarti le strutture
+class ApiKitService {
+    gateway;
+    endpoint;
+    constructor(gateway) {
+        this.gateway = gateway;
+        this.endpoint = `${this.gateway}/Kit/`;
+    }
+    http = inject(HttpClient);
+    //###############
+    //##### GET #####
+    //###############
+    getPatientKit() {
+        return this.http.get(`${this.endpoint}`);
+    }
+    getPatientKitByParameters(id, patientId) {
+        const params = new HttpParams().set('patientId', patientId).set('id', id);
+        return this.http.get(`${this.endpoint}`, {
+            params: params
+        });
+    }
+    getPatientKitById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}`, {
+            params: params
+        });
+    }
+    getPatientKitByPatientId(patientId) {
+        const params = new HttpParams().set('patientId', patientId);
+        return this.http.get(`${this.endpoint}`, {
+            params: params
+        });
+    }
+    //##############
+    //#### POST ####
+    //##############
+    postPatientKit(patientKitRequest) {
+        return this.http.post(`${this.endpoint}`, patientKitRequest);
+    }
+    //###############
+    //##### PUT #####
+    //###############
+    setPatientKit(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.put(`${this.endpoint}`, null, {
+            params: params,
+        });
+    }
+    //##############
+    //### DELETE ###
+    //##############
+    deletePatientKit(id) {
+        return this.http.delete(`${this.endpoint}${id}`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiKitService, deps: [{ token: API_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiKitService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiKitService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [API_CONFIG]
+                }] }] });
+
+//Servizio api per le chiamate riguardarti le strutture
+class ApiGeographyService {
+    gateway;
+    endpoint;
+    constructor(gateway) {
+        this.gateway = gateway;
+        this.endpoint = `${this.gateway}/Geo/`;
+    }
+    http = inject(HttpClient);
+    //###############
+    //##### GET #####
+    //###############
+    //funzioni per la ricerca delle   asl in base al parametro
+    getAsls() {
+        return this.http.get(`${this.endpoint}Asl`);
+    }
+    //ricerca con più di un parametro
+    // getAslByParameters(id: string | "", name: string | "", commonId: string | ""): Observable<IAslResponse[]> {
+    //     const params = new HttpParams().set('id', id).set('name', name).set('commonId', commonId);
+    //     return this.http.get<IAslResponse[]>(`${this.endpoint}Asl`, {
+    //     params: params,
+    //   });
+    // }
+    getAslById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Asl`, {
+            params: params,
+        });
+    }
+    getAslByName(name) {
+        const params = new HttpParams().set('name', name);
+        return this.http.get(`${this.endpoint}Asl`, {
+            params: params,
+        });
+    }
+    getAslByCommonId(commonId) {
+        const params = new HttpParams().set('commonId', commonId);
+        return this.http.get(`${this.endpoint}Asl`, {
+            params: params,
+        });
+    }
+    //funzioni per la ricerca dei distretti in base al parametro
+    getDistricts() {
+        return this.http.get(`${this.endpoint}District`);
+    }
+    //ricerca con più di un parametro
+    // getDistrictByParameters(id: string | "", name: string | "", aslId: string | ""): Observable<IDistrictResponse[]> {
+    //     const params = new HttpParams().set('id', id).set('name', name).set('aslId', aslId);
+    //     return this.http.get<IDistrictResponse[]>(`${this.endpoint}District`, {
+    //     params: params,
+    //   });
+    // }
+    getDistrictById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}District`, {
+            params: params,
+        });
+    }
+    getDistrictByName(name) {
+        const params = new HttpParams().set('name', name);
+        return this.http.get(`${this.endpoint}District`, {
+            params: params,
+        });
+    }
+    getDistrictByAslId(aslId) {
+        const params = new HttpParams().set('aslId', aslId);
+        return this.http.get(`${this.endpoint}District`, {
+            params: params,
+        });
+    }
+    //funzioni per la ricerca dei comuni in base al parametro
+    getCommons() {
+        return this.http.get(`${this.endpoint}Common`);
+    }
+    //ricerca con più di un parametro
+    getCommonByParameters(provinceId, regionId) {
+        const params = new HttpParams().set('provinceId', provinceId).set('regionId', regionId);
+        return this.http.get(`${this.endpoint}Common`, {
+            params: params,
+        });
+    }
+    getCommonById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Common`, {
+            params: params,
+        });
+    }
+    getCommonByName(name) {
+        const params = new HttpParams().set('name', name);
+        return this.http.get(`${this.endpoint}Common`, {
+            params: params,
+        });
+    }
+    getCommonByProvinceId(provinceId) {
+        const params = new HttpParams().set('provinceId', provinceId);
+        return this.http.get(`${this.endpoint}Common`, {
+            params: params,
+        });
+    }
+    getCommonByRegionId(regionId) {
+        const params = new HttpParams().set('regionId', regionId);
+        return this.http.get(`${this.endpoint}Common`, {
+            params: params,
+        });
+    }
+    //funzioni per la ricerca dei countries in base al parametro
+    getCountries() {
+        return this.http.get(`${this.endpoint}Country`);
+    }
+    //ricerca con più di un parametro
+    // getCountryByParameters(id: string | "", name: string | ""): Observable<ICountryResponse[]> {
+    //     const params = new HttpParams().set('id', id).set('name', name);
+    //     return this.http.get<ICountryResponse[]>(`${this.endpoint}Country`, {
+    //     params: params,
+    //   });
+    // }
+    getCountryById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Country`, {
+            params: params,
+        });
+    }
+    getCountryByName(name) {
+        const params = new HttpParams().set('name', name);
+        return this.http.get(`${this.endpoint}Country`, {
+            params: params,
+        });
+    }
+    //funzioni per la ricerca delle province in base al parametro
+    getProvinces() {
+        return this.http.get(`${this.endpoint}Province`);
+    }
+    //ricerca con più di un parametro
+    // getProvinceByParameters(id: string | "", name: string | "", regionId: string | ""): Observable<IProvinceResponse[]> {
+    //     const params = new HttpParams().set('id', id).set('name', name).set('regionId', regionId).set('regionId', regionId);
+    //     return this.http.get<IProvinceResponse[]>(`${this.endpoint}Province`, {
+    //     params: params,
+    //   });
+    // }
+    getProvinceById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Province`, {
+            params: params,
+        });
+    }
+    getProvinceByName(name) {
+        const params = new HttpParams().set('name', name);
+        return this.http.get(`${this.endpoint}Province`, {
+            params: params,
+        });
+    }
+    getProvinceByRegionId(regionId) {
+        const params = new HttpParams().set('regionId', regionId);
+        return this.http.get(`${this.endpoint}Province`, {
+            params: params,
+        });
+    }
+    //funzioni per la ricerca delle regioni in base al parametro
+    getRegions() {
+        return this.http.get(`${this.endpoint}Region`);
+    }
+    //ricerca con più di un parametro
+    // getRegionByParameters(id: string | "", name: string | "", countryId: string | ""): Observable<IRegionResponse[]> {
+    //     const params = new HttpParams().set('id', id).set('name', name).set('countryId', countryId);
+    //     return this.http.get<IRegionResponse[]>(`${this.endpoint}Region`, {
+    //     params: params,
+    //   });
+    // }
+    getRegionById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Region`, {
+            params: params,
+        });
+    }
+    getRegionByName(name) {
+        const params = new HttpParams().set('name', name);
+        return this.http.get(`${this.endpoint}Region`, {
+            params: params,
+        });
+    }
+    getRegionByCountryId(countryId) {
+        const params = new HttpParams().set('countryId', countryId);
+        return this.http.get(`${this.endpoint}Region`, {
+            params: params,
+        });
+    }
+    //##############
+    //#### POST ####
+    //##############
+    //funzione per l'inserimento e modifica della asl
+    postAsl(aslRequest) {
+        return this.http.post(`${this.endpoint}Asl`, aslRequest);
+    }
+    //funzione per l'inserimento e modifica del distretto
+    postDistrict(districtRequest) {
+        return this.http.post(`${this.endpoint}District`, districtRequest);
+    }
+    //funzione per l'inserimento e modifica del comune
+    postCommon(commonRequest) {
+        return this.http.post(`${this.endpoint}Common`, commonRequest);
+    }
+    //funzione per l'inserimento e modifica del country
+    postCountry(countryRequest) {
+        return this.http.post(`${this.endpoint}Country`, countryRequest);
+    }
+    //funzione per l'inserimento e modifica della provincia
+    postProvince(provinceRequest) {
+        return this.http.post(`${this.endpoint}Province`, provinceRequest);
+    }
+    //funzione per l'inserimento e modifica della regione
+    postRegion(regionRequest) {
+        return this.http.post(`${this.endpoint}Region`, regionRequest);
+    }
+    //###############
+    //##### PUT #####
+    //###############
+    //##############
+    //### DELETE ###
+    //##############
+    //funzione per l'eliminazione della richiesta
+    deleteAsl(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.delete(`${this.endpoint}Asl`, {
+            params: params,
+        });
+    }
+    //funzione per l'eliminazione del distretto
+    deleteDistrict(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.delete(`${this.endpoint}District`, {
+            params: params,
+        });
+    }
+    //funzione per l'eliminazione del comune
+    deleteCommon(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.delete(`${this.endpoint}Common`, {
+            params: params,
+        });
+    }
+    //funzione per l'eliminazione del country
+    deleteCountry(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.delete(`${this.endpoint}Country`, {
+            params: params,
+        });
+    }
+    //funzione per l'eliminazione della provincia
+    deleteProvince(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.delete(`${this.endpoint}Province`, {
+            params: params,
+        });
+    }
+    //funzione per l'eliminazione della regione
+    deleteRegion(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.delete(`${this.endpoint}Region`, {
+            params: params,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiGeographyService, deps: [{ token: API_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiGeographyService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiGeographyService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [API_CONFIG]
+                }] }] });
+
+//Servizio api per le chiamate riguardarti le strutture
+class ApiAdministrationService {
+    gateway;
+    endpoint;
+    constructor(gateway) {
+        this.gateway = gateway;
+        this.endpoint = `${this.gateway}/Administration/`;
+    }
+    http = inject(HttpClient);
+    //###############
+    //##### GET #####
+    //###############
+    getPatientIdentifiers() {
+        return this.http.get(`${this.endpoint}Patient/Identifier`);
+    }
+    getPatientIdentifierByParameters(patientId, identifierId) {
+        const params = new HttpParams()
+            .set('patientId', patientId)
+            .set('identifierId', identifierId);
+        return this.http.get(`${this.endpoint}Patient/Identifier`, {
+            params: params
+        });
+    }
+    getPatientContacts() {
+        return this.http.get(`${this.endpoint}Patient/Contact`);
+    }
+    getPatientContactByParameters(patientId, contactId) {
+        const params = new HttpParams()
+            .set('patientId', patientId)
+            .set('contactId', contactId);
+        return this.http.get(`${this.endpoint}Patient/Contact`, {
+            params: params
+        });
+    }
+    getPatientAddresses() {
+        return this.http.get(`${this.endpoint}Patient/Address`);
+    }
+    getPatientAddressByParameters(patientId, addressId) {
+        const params = new HttpParams()
+            .set('patientId', patientId)
+            .set('addressId', addressId);
+        return this.http.get(`${this.endpoint}Patient/Address`, {
+            params: params
+        });
+    }
+    //##############
+    //#### POST ####
+    //##############
+    postPatientData(patientDataRequest) {
+        return this.http.post(`${this.endpoint}Patient`, patientDataRequest);
+    }
+    //inserire
+    postPatientIdentifier(patientIdentifierRequest) {
+        return this.http.post(`${this.endpoint}Patient/Identifier`, patientIdentifierRequest);
+    }
+    postPatientContact(patientContactRequest) {
+        return this.http.post(`${this.endpoint}Patient/Contact`, patientContactRequest);
+    }
+    postPatientAddress(patientAddressRequest) {
+        return this.http.post(`${this.endpoint}Patient/Address`, patientAddressRequest);
+    }
+    //###############
+    //##### PUT #####
+    //###############
+    //modificare
+    putPatientIdentifier(patientIdentifierRequest) {
+        return this.http.put(`${this.endpoint}Patient/Identifier`, patientIdentifierRequest);
+    }
+    putPatientContact(patientContactRequest) {
+        return this.http.put(`${this.endpoint}Patient/Contact`, patientContactRequest);
+    }
+    putPatientAddress(patientAddressRequest) {
+        return this.http.put(`${this.endpoint}Patient/Address`, patientAddressRequest);
+    }
+    //##############
+    //### DELETE ###
+    //##############
+    deletePatientIdentifier(patientId, identifierId) {
+        const params = new HttpParams()
+            .set('patientId', patientId)
+            .set('identifierId', identifierId);
+        return this.http.delete(`${this.endpoint}Patient/Identifier`, { params });
+    }
+    deletePatientContact(contactId) {
+        const params = new HttpParams()
+            .set('contactId', contactId);
+        return this.http.delete(`${this.endpoint}Patient/Contact`, { params });
+    }
+    deletePatientAddress(patientId, typeAddressId) {
+        const params = new HttpParams()
+            .set('patientId', patientId)
+            .set('typeAddressId', typeAddressId);
+        return this.http.delete(`${this.endpoint}Patient/Address`, { params });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiAdministrationService, deps: [{ token: API_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiAdministrationService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiAdministrationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [API_CONFIG]
+                }] }] });
+
+//Servizio api per le chiamate riguardarti le strutture
+class ApiPatientService {
+    gateway;
+    endpoint;
+    constructor(gateway) {
+        this.gateway = gateway;
+        this.endpoint = `${this.gateway}/Patient/`;
+    }
+    http = inject(HttpClient);
+    //###############
+    //##### GET #####
+    //###############
+    getPatients() {
+        return this.http.get(`${this.endpoint}`);
+    }
+    //funzione per la ricerca del paziente
+    getPatientById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}`, {
+            params: params,
+        });
+    }
+    getPatientByFiscalCode(fiscalcode) {
+        const params = new HttpParams().set('fiscalcode', fiscalcode);
+        return this.http.get(`${this.endpoint}`, {
+            params: params,
+        });
+    }
+    //funzione per recupero dei target dei pazienti
+    getTargets() {
+        return this.http.get(`${this.endpoint}Target`);
+    }
+    getTargetByPatientId(patientId) {
+        const params = new HttpParams().set('patientId', patientId);
+        return this.http.get(`${this.endpoint}Target`, {
+            params: params,
+        });
+    }
+    getTargetByParameters(patientId, targetId) {
+        const params = new HttpParams().set('patientId', patientId).set('targetId', targetId);
+        return this.http.get(`${this.endpoint}Target`, {
+            params: params,
+        });
+    }
+    getSettings() {
+        return this.http.get(`${this.endpoint}Setting`);
+    }
+    //funzione per recupero dei setting dei pazienti
+    getSettingByPatientId(patientId) {
+        const params = new HttpParams().set('patientId', patientId);
+        return this.http.get(`${this.endpoint}Setting`, {
+            params: params,
+        });
+    }
+    getSettingById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Setting`, {
+            params: params,
+        });
+    }
+    getCaregivers() {
+        return this.http.get(`${this.endpoint}Caregiver`);
+    }
+    //funzione per recupero del caregiver del paziente
+    getCaregiverById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Caregiver`, {
+            params: params,
+        });
+    }
+    //funzione per recuperare tutte le note
+    getNotes() {
+        return this.http.get(`${this.endpoint}Note`);
+    }
+    //funzione per recuperare le note di un paziente
+    getNotesByPatientId(patientId) {
+        const params = new HttpParams().set('patientId', patientId);
+        return this.http.get(`${this.endpoint}Note`, {
+            params: params
+        });
+    }
+    //funzione per recuperare tutti i log
+    getLogs() {
+        return this.http.get(`${this.endpoint}Log`);
+    }
+    //funzione per recuperare i log di un paziente
+    getLogsByPatientId(patientId) {
+        const params = new HttpParams().set('patientId', patientId);
+        return this.http.get(`${this.endpoint}Log`, {
+            params: params
+        });
+    }
+    //funzione per recuperare tutti gli alert
+    getAlerts() {
+        return this.http.get(`${this.endpoint}Alert`);
+    }
+    //funzione per recuperare gli alert di un paziente
+    getAlertsByPatientId(patientId) {
+        const params = new HttpParams().set('patientId', patientId);
+        return this.http.get(`${this.endpoint}Alert`, {
+            params: params
+        });
+    }
+    //##############
+    //#### POST ####
+    //##############
+    //funzione per l'inserimento del paziente
+    postPatient(patientRequest) {
+        return this.http.post(`${this.endpoint}`, patientRequest);
+    }
+    //funzione per l'inserimento di parametri
+    postTarget(targetRequest) {
+        return this.http.post(`${this.endpoint}Target`, targetRequest);
+    }
+    //funzione per l'inserimento dei setting
+    postSetting(settingRequest) {
+        return this.http.post(`${this.endpoint}Setting`, settingRequest);
+    }
+    //funzione per l'inserimento del caregiver
+    postCaregiver(dictionaryCaregiver) {
+        return this.http.post(`${this.endpoint}Caregiver`, dictionaryCaregiver);
+    }
+    //funzione per l'inserimento di una nota
+    postNote(annotationRequest) {
+        return this.http.post(`${this.endpoint}Note`, annotationRequest);
+    }
+    //funzione per l'inserimento di un log
+    postLog(annotationRequest) {
+        return this.http.post(`${this.endpoint}Log`, annotationRequest);
+    }
+    postRisk(riskRequest) {
+        return this.http.post(`${this.endpoint}Risk`, riskRequest);
+    }
+    //###############
+    //##### PUT #####
+    //###############
+    //funzione per aggiornare la visualizzazione dell'alert
+    putAlert(patientId) {
+        console.log('chiamata', patientId);
+        const params = new HttpParams().set('patientId', patientId);
+        return this.http.put(`${this.endpoint}Alert`, {}, { params });
+    }
+    //##############
+    //### DELETE ###
+    //##############
+    //funzione per l'eliminazione del paziente
+    deletePatient(id) {
+        return this.http.delete(`${this.endpoint}${id}`);
+    }
+    deleteSetting(id) {
+        return this.http.delete(`${this.endpoint}Setting/${id}`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiPatientService, deps: [{ token: API_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiPatientService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiPatientService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [API_CONFIG]
+                }] }] });
+
+//Servizio api per le chiamate riguardarti le strutture
+class ApiPatientDictionaryService {
+    gateway;
+    endpoint;
+    constructor(gateway) {
+        this.gateway = gateway;
+        this.endpoint = `${this.gateway}/Patient/`;
+    }
+    http = inject(HttpClient);
+    //###############
+    //##### GET #####
+    //###############
+    //funzione per il ritorno degli identifier in base ai parametri
+    getIdentifiers() {
+        return this.http.get(`${this.endpoint}Dictionary/Identifier`);
+    }
+    getDictionaryIdentifierById(identifierId) {
+        const params = new HttpParams().set('identifierId', identifierId);
+        return this.http.get(`${this.endpoint}Dictionary/Identifier`, {
+            params: params,
+        });
+    }
+    //funzione per il ritorno dei tipi di address in base al parametro
+    getDictionaryTypesAddress() {
+        return this.http.get(`${this.endpoint}Dictionary/TypeAddress`);
+    }
+    getDictionaryTypeAddressById(addressId) {
+        const params = new HttpParams().set('addressId', addressId);
+        return this.http.get(`${this.endpoint}Dictionary/TypeAddress`, {
+            params: params,
+        });
+    }
+    //funzione per il ritorno dei tipi di contatto
+    getDictionaryTypesContact() {
+        return this.http.get(`${this.endpoint}Dictionary/TypeContact`);
+    }
+    getDictionaryTypeContactById(contactId) {
+        const params = new HttpParams().set('contactId', contactId);
+        return this.http.get(`${this.endpoint}Dictionary/TypeContact`, {
+            params: params,
+        });
+    }
+    //funzione per il ritorno dei setting
+    getSettingBySenderReceiver(sender, receiver) {
+        const params = new HttpParams().set('sender', sender).set('receiver', receiver);
+        return this.http.get(`${this.endpoint}Dictionary/Setting`, {
+            params: params,
+        });
+    }
+    getSettingById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Dictionary/Setting`, {
+            params: params,
+        });
+    }
+    //funzione per il ritorno di setting status
+    getSettingStatus() {
+        return this.http.get(`${this.endpoint}Dictionary/Setting/Status`);
+    }
+    getSettingStatusById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Dictionary/Setting/Status`, {
+            params: params,
+        });
+    }
+    getTypeEvent() {
+        return this.http.get(`${this.endpoint}Dictionary/TypeEvent`);
+    }
+    getTypeEventByCode(code) {
+        const params = new HttpParams().set('code', code);
+        return this.http.get(`${this.endpoint}Dictionary/TypeEvent`, {
+            params: params,
+        });
+    }
+    getTypeEventById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Dictionary/TypeEvent`, {
+            params: params,
+        });
+    }
+    //##############
+    //#### POST ####
+    //##############
+    //inserimento identifier
+    postDictionaryIdentifier(dictionaryIdentifierRequest) {
+        return this.http.post(`${this.endpoint}Dictionary/Identifier`, dictionaryIdentifierRequest);
+    }
+    //inserimento tipo address
+    postDictionaryTypeAddress(dictionaryTypeAddressRequest) {
+        return this.http.post(`${this.endpoint}Dictionary/TypeAddress`, dictionaryTypeAddressRequest);
+    }
+    //insirimento tipo contatto
+    postDictionaryTypeContact(dictionaryTypeContactRequest) {
+        return this.http.post(`${this.endpoint}Dictionary/TypeContact`, dictionaryTypeContactRequest);
+    }
+    //inserimento sender/receiver
+    postDictionarySetting(dictionarySetting) {
+        return this.http.post(`${this.endpoint}Dictionary/Setting`, dictionarySetting);
+    }
+    //inserimento status setting
+    postDictionarySettingStatus(dictionarySettingStatus) {
+        return this.http.post(`${this.endpoint}Dictionary/Setting/Status`, dictionarySettingStatus);
+    }
+    //###############
+    //##### PUT #####
+    //###############
+    //##############
+    //### DELETE ###
+    //##############
+    //eliminazione identifier
+    deleteIdentifier(identifierId) {
+        const params = new HttpParams().set('identifierId', identifierId);
+        return this.http.delete(`${this.endpoint}Dictionary/TypeContact`, {
+            params: params,
+        });
+    }
+    //eliminazione tipo address
+    deleteTypeAddress(addressId) {
+        const params = new HttpParams().set('addressId', addressId);
+        return this.http.delete(`${this.endpoint}Dictionary/TypeAddress`, {
+            params: params,
+        });
+    }
+    //eliminazione tipo contatto
+    deleteTypeContact(contactId) {
+        const params = new HttpParams().set('contactId', contactId);
+        return this.http.delete(`${this.endpoint}Dictionary/TypeContact`, {
+            params: params,
+        });
+    }
+    deleteSetting(id) {
+        return this.http.delete(`${this.endpoint}Dictionary/Setting/${id}`);
+    }
+    deleteStatus(id) {
+        return this.http.delete(`${this.endpoint}Dictionary/Setting/Status/${id}`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiPatientDictionaryService, deps: [{ token: API_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiPatientDictionaryService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiPatientDictionaryService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [API_CONFIG]
+                }] }] });
+
+//Servizio api per le chiamate riguardarti le strutture
+class ApiRequestService {
+    gateway;
+    endpoint;
+    constructor(gateway) {
+        this.gateway = gateway;
+        this.endpoint = `${this.gateway}/Request/`;
+    }
+    http = inject(HttpClient);
+    //###############
+    //##### GET #####
+    //###############
+    //funzioni per la ricerca delle richieste in base al parametro
+    getRequests() {
+        return this.http.get(`${this.endpoint}`);
+    }
+    getRequestByParameters(statusId, typeId) {
+        const params = new HttpParams().set('statusId', statusId).set('typeId', typeId);
+        return this.http.get(`${this.endpoint}`, {
+            params: params,
+        });
+    }
+    getRequestByKey(key) {
+        const params = new HttpParams().set('key', key);
+        return this.http.get(`${this.endpoint}`, {
+            params: params,
+        });
+    }
+    getRequestsByStatus(statusId) {
+        const params = new HttpParams().set('statusId', statusId);
+        return this.http.get(`${this.endpoint}`, {
+            params: params,
+        });
+    }
+    getRequestByType(typeId) {
+        const params = new HttpParams().set('typeId', typeId);
+        return this.http.get(`${this.endpoint}`, {
+            params: params,
+        });
+    }
+    //##############
+    //#### POST ####
+    //##############
+    //funzione per l'inserimento della richiesta
+    postRequest(requestRequest, accountProfileId) {
+        const params = new HttpParams().set('accountProfileId', accountProfileId);
+        return this.http.post(`${this.endpoint}`, requestRequest, {
+            params: params,
+        });
+    }
+    //###############
+    //##### PUT #####
+    //###############
+    setRequestStatus(requestId, statusId, accountProfileId) {
+        const params = new HttpParams().set('requestId', requestId).set('statusId', statusId).set('accountProfileId', accountProfileId);
+        return this.http.put(`${this.endpoint}`, null, {
+            params: params,
+        });
+    }
+    //##############
+    //### DELETE ###
+    //##############
+    //funzione per l'eliminazione della richiesta
+    deleteRequest(key) {
+        const params = new HttpParams().set('key', key);
+        return this.http.delete(`${this.endpoint}`, {
+            params: params,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiRequestService, deps: [{ token: API_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiRequestService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiRequestService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [API_CONFIG]
+                }] }] });
+
+//Servizio api per le chiamate riguardarti le strutture
+class ApiRequestDictionaryService {
+    gateway;
+    endpoint;
+    constructor(gateway) {
+        this.gateway = gateway;
+        this.endpoint = `${this.gateway}/Request/`;
+    }
+    http = inject(HttpClient);
+    //###############
+    //##### GET #####
+    //###############
+    //funzioni per la ricerca delle key in base al parametro
+    //tutte le key
+    getKeys() {
+        return this.http.get(`${this.endpoint}Dictionary/Key`);
+    }
+    //ricerca con più di un parametro
+    getKeyByParameters(patientId, accessId, requestId, spoke) {
+        const params = new HttpParams().set('patientId', patientId).set('accessId', accessId).set('requestId', requestId).set('spoke', spoke);
+        return this.http.get(`${this.endpoint}Dictionary/Key`, {
+            params: params,
+        });
+    }
+    //dati parametri singoli
+    getKeyById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Dictionary/Key`, {
+            params: params,
+        });
+    }
+    getKeyByPatientId(patientId) {
+        const params = new HttpParams().set('patientId', patientId);
+        return this.http.get(`${this.endpoint}Dictionary/Key`, {
+            params: params,
+        });
+    }
+    getKeyByAccessId(accessId) {
+        const params = new HttpParams().set('accessId', accessId);
+        return this.http.get(`${this.endpoint}Dictionary/Key`, {
+            params: params,
+        });
+    }
+    getKeyByRequestId(requestId) {
+        const params = new HttpParams().set('requestId', requestId);
+        return this.http.get(`${this.endpoint}Dictionary/Key`, {
+            params: params,
+        });
+    }
+    getKeyBySpoke(spoke) {
+        const params = new HttpParams().set('spoke', spoke);
+        return this.http.get(`${this.endpoint}Dictionary/Key`, {
+            params: params,
+        });
+    }
+    //funzione che ritorna gli outcome 
+    getOutcomes() {
+        return this.http.get(`${this.endpoint}Dictionary/Outcome`);
+    }
+    //funzione che ritorna gli outcome dato l'id
+    getOutcomeById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Dictionary/Key`, {
+            params: params,
+        });
+    }
+    //funzione che ritorna tutti gli status
+    getStatus() {
+        return this.http.get(`${this.endpoint}Dictionary/Status`);
+    }
+    //funzione che ritorna gli stauts dato l'id
+    getStatusById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Dictionary/Status`, {
+            params: params,
+        });
+    }
+    //funzione che ritorna tutti i tipi richiesta
+    getTypesRequest() {
+        return this.http.get(`${this.endpoint}Dictionary/TypeRequest`);
+    }
+    //funzione che ritorna il tipo richiesta dato l'id
+    getTypeRequestById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Dictionary/TypeRequest`, {
+            params: params,
+        });
+    }
+    //funzione che ritorna tutti i tipi richiesta
+    getTypeRequestOutcome() {
+        return this.http.get(`${this.endpoint}Dictionary/TypeRequest/Outcome`);
+    }
+    //funzione che ritorna il tipo richiesta dato l'id
+    getTypeRequestOutcomeById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Dictionary/TypeRequest/Outcome`, {
+            params: params,
+        });
+    }
+    //funzione che ritorna tutti i tipi di priorità
+    getPriorities() {
+        return this.http.get(`${this.endpoint}Dictionary/Priority`);
+    }
+    //funzione che ritorna la priorità dato l'id
+    getPriority(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Dictionary/Priority`, {
+            params: params,
+        });
+    }
+    //##############
+    //#### POST ####
+    //##############
+    //funzione post delle key
+    postKey(dictionaryKey) {
+        return this.http.post(`${this.endpoint}Dictionary/Key`, dictionaryKey);
+    }
+    //post outcome per inserimento
+    postOutcome(dictionaryOutcome) {
+        return this.http.post(`${this.endpoint}Dictionary/Outcome`, dictionaryOutcome);
+    }
+    //post status per inserimento
+    postStatus(dictionaryStatus) {
+        return this.http.post(`${this.endpoint}Dictionary/Stauts`, dictionaryStatus);
+    }
+    //post TypeRequest per inserimento
+    postTypeRequest(dictionaryTypeRequest) {
+        return this.http.post(`${this.endpoint}Dictionary/TypeRequest`, dictionaryTypeRequest);
+    }
+    //post tipo outcome per inserimento
+    postTypeRequestOutcome(dictionaryTypeRequestOutcome) {
+        return this.http.post(`${this.endpoint}Dictionary/TypeRequest/Outcome`, dictionaryTypeRequestOutcome);
+    }
+    //post priorità per inserimento
+    postPriority(dictionaryPriority) {
+        return this.http.post(`${this.endpoint}Dictionary/Priority`, dictionaryPriority);
+    }
+    //###############
+    //##### PUT #####
+    //###############
+    putKey(dictionaryKey) {
+        return this.http.put(`${this.endpoint}Dictionary/Key`, dictionaryKey);
+    }
+    //##############
+    //### DELETE ###
+    //##############
+    //funzione per l'eliminazione della key
+    deleteKey(key) {
+        const params = new HttpParams().set('key', key);
+        return this.http.delete(`${this.endpoint}Dictionary/Key`, {
+            params: params,
+        });
+    }
+    //funzione per l'eliminazione dell'outcome
+    deleteOutcome(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.delete(`${this.endpoint}Dictionary/Outcome`, {
+            params: params,
+        });
+    }
+    //funzione per l'eliminazione dello Status
+    deleteStatus(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.delete(`${this.endpoint}Dictionary/Status`, {
+            params: params,
+        });
+    }
+    //funzione per l'eliminazione del tipo richiesta
+    deleteTypeRequest(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.delete(`${this.endpoint}Dictionary/TypeRequest`, {
+            params: params,
+        });
+    }
+    //funzione per l'eliminazione del tipo di outcome
+    deleteTypeRequestOutcome(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.delete(`${this.endpoint}Dictionary/TypeRequest/Outcome`, {
+            params: params,
+        });
+    }
+    //funzione per l'eliminazione della priorità
+    deletePriority(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.delete(`${this.endpoint}Dictionary/Priority`, {
+            params: params,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiRequestDictionaryService, deps: [{ token: API_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiRequestDictionaryService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiRequestDictionaryService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [API_CONFIG]
+                }] }] });
+
+//Servizio api per le chiamate riguardarti le strutture
+class ApiStructureService {
+    gateway;
+    endpoint;
+    constructor(gateway) {
+        this.gateway = gateway;
+        this.endpoint = `${this.gateway}/Structure/`;
+    }
+    http = inject(HttpClient);
+    //###############
+    //##### GET #####
+    //###############
+    //funzioni per la ricerca delle richieste in base al parametro
+    getStructures() {
+        return this.http.get(`${this.endpoint}`);
+    }
+    getRequestById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}`, {
+            params: params,
+        });
+    }
+    getStructureByDepartmentId(departmentId) {
+        const params = new HttpParams().set('departmentId', departmentId);
+        return this.http.get(`${this.endpoint}`, {
+            params: params,
+        });
+    }
+    //##############
+    //#### POST ####
+    //##############
+    //funzione per l'inserimento e modifica della struttura
+    postStructure(structureRequest) {
+        return this.http.post(`${this.endpoint}`, structureRequest);
+    }
+    //###############
+    //##### PUT #####
+    //###############
+    //##############
+    //### DELETE ###
+    //##############
+    //funzione per l'eliminazione della richiesta
+    deleteStructure(id) {
+        return this.http.delete(`${this.endpoint}${id}`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiStructureService, deps: [{ token: API_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiStructureService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiStructureService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [API_CONFIG]
+                }] }] });
+
+//Servizio api per le chiamate riguardarti le strutture
+class ApiStructureDictionaryService {
+    gateway;
+    endpoint;
+    constructor(gateway) {
+        this.gateway = gateway;
+        this.endpoint = `${this.gateway}/Structure/`;
+    }
+    http = inject(HttpClient);
+    //###############
+    //##### GET #####
+    //###############
+    //funzioni per la ricerca dei department in base al parametro
+    getDepartments() {
+        return this.http.get(`${this.endpoint}Dictionary/Department`);
+    }
+    getDepartmentById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Dictionary/Department`, {
+            params: params,
+        });
+    }
+    getDepartmentByCode(code) {
+        const params = new HttpParams().set('code', code);
+        return this.http.get(`${this.endpoint}Dictionary/Department`, {
+            params: params
+        });
+    }
+    getDepartmentByParameters(id, code) {
+        const params = new HttpParams().set('id', id).set('code', code);
+        return this.http.get(`${this.endpoint}Dictionary/Department`, {
+            params: params
+        });
+    }
+    getTypesStructure() {
+        return this.http.get(`${this.endpoint}Dictionary/TypeStructure`);
+    }
+    getTypeStructureById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Dictionary/TypeStructure`, {
+            params: params,
+        });
+    }
+    //##############
+    //#### POST ####
+    //##############
+    //funzione per l'inserimento e modifica del department
+    postDepartment(departmentRequest) {
+        return this.http.post(`${this.endpoint}Dictionary/Department`, departmentRequest);
+    }
+    postTypeStructure(typeStructureRequest) {
+        return this.http.post(`${this.endpoint}Dictionary/TypeStructure`, typeStructureRequest);
+    }
+    //###############
+    //##### PUT #####
+    //###############
+    //##############
+    //### DELETE ###
+    //##############
+    //funzione per l'eliminazione della richiesta
+    deleteDepartment(id) {
+        return this.http.delete(`${this.endpoint}Dictionary/Department/${id}`);
+    }
+    deleteTypeStructure(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.delete(`${this.endpoint}Dictionary/TypeStructure`, {
+            params: params,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiStructureDictionaryService, deps: [{ token: API_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiStructureDictionaryService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiStructureDictionaryService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [API_CONFIG]
+                }] }] });
+
+class ApiSurveyDictionaryService {
+    gateway;
+    endpoint;
+    constructor(gateway) {
+        this.gateway = gateway;
+        this.endpoint = `${this.gateway}/Survey/`;
+    }
+    http = inject(HttpClient);
+    //###############
+    //##### GET #####
+    //###############
+    //funzioni per la ricerca dei tipi di domanda in base al parametro
+    getTypeQuestions() {
+        return this.http.get(`${this.endpoint}Dictionary/TypeQuestion`);
+    }
+    getTypeQuestionById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Dictionary/TypeQuestion`, {
+            params: params,
+        });
+    }
+    //funzioni per la ricerca dei tipi di domanda in base al parametro
+    getTypeSurveys() {
+        return this.http.get(`${this.endpoint}Dictionary/TypeSurvey`);
+    }
+    getTypeSurveyById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Dictionary/TypeSurvey`, {
+            params: params,
+        });
+    }
+    //funzioni per la ricerca dei tipi di domanda in base al parametro
+    getIcons() {
+        return this.http.get(`${this.endpoint}Dictionary/TypeSurvey`);
+    }
+    getIconById(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.get(`${this.endpoint}Dictionary/TypeSurvey`, {
+            params: params,
+        });
+    }
+    //##############
+    //#### POST ####
+    //##############
+    postTypeQuestion(dictionaryTypeQuestion) {
+        return this.http.post(`${this.endpoint}Dictionary/TypeQuestion`, dictionaryTypeQuestion);
+    }
+    postTypeSurvey(dictionarySurveyQuestion) {
+        return this.http.post(`${this.endpoint}Dictionary/TypeSurvey`, dictionarySurveyQuestion);
+    }
+    postIcon(dictionaryIcon) {
+        return this.http.post(`${this.endpoint}Dictionary/Icon`, dictionaryIcon);
+    }
+    //###############
+    //##### PUT #####
+    //###############
+    //##############
+    //### DELETE ###
+    //##############
+    //funzione per l'eliminazione del tipo domanda
+    deleteTypeQuestion(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.delete(`${this.endpoint}Dictionary/TypeQuestion`, {
+            params: params,
+        });
+    }
+    //funzione per l'eliminazione del tipo questionario
+    deleteTypeSurvey(id) {
+        return this.http.delete(`${this.endpoint}Dictionary/TypeSurvey/${id}`);
+    }
+    //funzione per l'eliminazione dell'icona
+    deleteIcon(id) {
+        const params = new HttpParams().set('id', id);
+        return this.http.delete(`${this.endpoint}Dictionary/Icon`, {
+            params: params,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiSurveyDictionaryService, deps: [{ token: API_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiSurveyDictionaryService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiSurveyDictionaryService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [API_CONFIG]
+                }] }] });
+
+class ApiEventService {
+    gateway;
+    endpoint;
+    constructor(gateway) {
+        this.gateway = gateway;
+        this.endpoint = `${this.gateway}/Event/`;
+    }
+    http = inject(HttpClient);
+    //###############
+    //##### GET #####
+    //###############
+    getEventsByPatientIdStartEnd(patientId, start, end) {
+        const params = new HttpParams().set('patientId', patientId).set('start', start).set('end', end);
+        return this.http.get(`${this.endpoint}`, {
+            params: params,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiEventService, deps: [{ token: API_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiEventService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ApiEventService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [API_CONFIG]
+                }] }] });
+
+/*
+ * Public API Surface of itc-library20
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { API_CONFIG, ApiAccountDictionaryService, ApiAccountService, ApiAdministrationService, ApiEventService, ApiExamAppointmentService, ApiExamDictionaryService, ApiExamService, ApiGeographyService, ApiKitService, ApiPatientDictionaryService, ApiPatientService, ApiRequestDictionaryService, ApiRequestService, ApiStructureDictionaryService, ApiStructureService, ApiSurveyDictionaryService, ApiSurveyService, BasicTable, Calendar, CalendarView, FormatDate, ItcLibrary20, Message, Minio, PRIMENG_ITALIAN_LOCALE, PrimaryButton, PrimengItalianLocale, SecondaryButton, SortableTable, Survey, SurveyRadio, SurveyText, SurveyValuebox, ThirdButton };
+//# sourceMappingURL=itc-components-library20.mjs.map