@arsedizioni/ars-utils 18.2.116 → 18.2.118

package/fesm2022/arsedizioni-ars-utils-clipper.ui.mjs

@@ -1,27 +1,27 @@
-import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
+import { Breakpoints, BreakpointObserver } from '@angular/cdk/layout';
 import { NgClass, NgStyle } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, inject, ChangeDetectorRef, Component, ChangeDetectionStrategy, Output, input, ViewChild, signal, Renderer2, computed } from '@angular/core';
-import * as i3$3 from '@angular/forms';
+import { inject, input, computed, Component, ChangeDetectionStrategy, EventEmitter, Output, ViewChild, ChangeDetectorRef, signal, Renderer2 } from '@angular/core';
+import * as i3$2 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i9 from '@angular/material/badge';
 import { MatBadgeModule } from '@angular/material/badge';
-import * as i3$2 from '@angular/material/button';
+import * as i2 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i1$1 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import * as i13 from '@angular/material/datepicker';
-import { MatCalendar, MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER, MatDatepickerModule } from '@angular/material/datepicker';
-import { MatDialogRef, MAT_DIALOG_DATA, MatDialogTitle, MatDialogContent, MatDialogActions, MatDialogClose } from '@angular/material/dialog';
-import * as i5$1 from '@angular/material/divider';
+import { MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER, MatDatepickerModule, MatCalendar } from '@angular/material/datepicker';
+import { MatDialogTitle, MatDialogContent, MatDialogActions, MatDialogClose, MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import * as i3 from '@angular/material/divider';
 import { MatDividerModule } from '@angular/material/divider';
-import * as i3$4 from '@angular/material/form-field';
+import * as i3$3 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import * as i5 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import * as i4 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
-import * as i6$1 from '@angular/material/menu';
+import * as i6 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
 import * as i10 from '@angular/material/paginator';
 import { MatPaginatorModule } from '@angular/material/paginator';
@@ -30,993 +30,890 @@ import { MatProgressBarModule } from '@angular/material/progress-bar';
 import * as i11 from '@angular/material/sidenav';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import { MatTabsModule } from '@angular/material/tabs';
-import * as i3 from '@angular/material/tooltip';
+import * as i3$1 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import { ClipperSearchFacetsSnapshot, ClipperFacet, ClipperModel, ClipperService, ClipperSearchResult, ClipperSearchParams, ClipperSort, ClipperQueryReferencesMode, ClipperMessages, ClipperSelectionMode, ClipperModule, ClipperSectors, ClipperRegions, ClipperChannels, ClipperAuthors, ClipperSectorTypes, ClipperSearchUtils, ClipperModels, ClipperSources, ClipperDocumentChangeReason } from '@arsedizioni/ars-utils/clipper.common';
-import { SystemUtils, ScreenService, FormatPipe, DateInterval, BroadcastService, DateFormat, SelectableModel, SafeUrlPipe, DateIntervalChangeDirective, SafeHtmlPipe } from '@arsedizioni/ars-utils/core';
+import { ClipperService, ClipperSearchParams, ClipperModule, ClipperSectors, ClipperRegions, ClipperChannels, ClipperAuthors, ClipperSectorTypes, ClipperSearchUtils, ClipperSearchFacetsSnapshot, ClipperFacet, ClipperModel, ClipperQueryReferencesMode, ClipperMessages, ClipperSelectionMode, ClipperSearchResult, ClipperSort, ClipperModels, ClipperSources, ClipperDocumentChangeReason } from '@arsedizioni/ars-utils/clipper.common';
+import { SystemUtils, DateInterval, DateIntervalChangeDirective, SafeHtmlPipe, ScreenService, FormatPipe, SelectableModel, BroadcastService, SafeUrlPipe, DateFormat } from '@arsedizioni/ars-utils/core';
 import { FlexLayoutModule } from '@ngbracket/ngx-layout';
 import { Subject, takeUntil, fromEvent } from 'rxjs';
 import { takeUntil as takeUntil$1, debounceTime } from 'rxjs/operators';
-import { Clipboard } from '@angular/cdk/clipboard';
-import { CalendarEmptyHeader, ApplicationDialogService, FilePreviewComponent, SendToDialogComponent, ChipsSelectorComponent } from '@arsedizioni/ars-utils/ui.application';
-import saveAs from 'file-saver';
-import { Router } from '@angular/router';
-import * as i6$2 from '@angular/material/slide-toggle';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import * as i3$1 from '@angular/material/chips';
-import { MatChipsModule } from '@angular/material/chips';
-import * as i6 from '@angular/material/expansion';
+import * as i7 from '@angular/material/core';
+import { MatOptionModule } from '@angular/material/core';
+import * as i5$1 from '@angular/material/expansion';
 import { MatExpansionModule } from '@angular/material/expansion';
+import * as i6$1 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import * as i15 from '@angular/material/slide-toggle';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { DialogService } from '@arsedizioni/ars-utils/ui';
+import { ChipsSelectorComponent, CalendarEmptyHeader, ApplicationDialogService, FilePreviewComponent, SendToDialogComponent } from '@arsedizioni/ars-utils/ui.application';
 import * as i1 from '@ngbracket/ngx-layout/flex';
 import { FlexModule } from '@ngbracket/ngx-layout/flex';
-import * as i2 from '@ngbracket/ngx-layout/extended';
+import * as i2$1 from '@ngbracket/ngx-layout/extended';
+import * as i3$4 from '@angular/material/chips';
+import { MatChipsModule } from '@angular/material/chips';
 import { startOfToday, endOfDay, startOfMonth, endOfMonth, startOfDay, subDays } from 'date-fns';
-import * as i2$1 from '@angular/material/list';
+import { Router } from '@angular/router';
+import * as i2$2 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
-import { DialogService } from '@arsedizioni/ars-utils/ui';
-import * as i7 from '@angular/material/core';
-import { MatOptionModule } from '@angular/material/core';
-import * as i6$3 from '@angular/material/select';
-import { MatSelectModule } from '@angular/material/select';
+import saveAs from 'file-saver';
+import { Clipboard } from '@angular/cdk/clipboard';
 
-class ClipperSearchFacetsComponent {
+class ClipperDocumentMenuComponent {
     constructor() {
-        this.changed = new EventEmitter();
-        this.changeDetector = inject(ChangeDetectorRef);
-        this.snapshot = new ClipperSearchFacetsSnapshot();
-    }
-    /**
-   * Update facets
-   * @param values : the facets values
-   * @param interval : the date interval for YEAR facets
-   */
-    update(values = null, interval = null) {
-        this.snapshot.interval = interval;
-        if (values) {
-            this.snapshot.groups = [];
-            values.forEach(n => {
-                let name = n[0].typeName;
-                let index = n[0].type;
-                let i = SystemUtils.arrayFindIndexByKey(this.snapshot.usedGroups, 'index', index);
-                let j = SystemUtils.arrayFindIndexByKey(this.snapshot.groups, 'index', index);
-                if (i === -1 && j === -1) {
-                    this.snapshot.groups.push({
-                        name: name,
-                        selectedValue: null,
-                        selectedValueDescription: null,
-                        values: n,
-                        index: index,
-                    });
+        this.clipperService = inject(ClipperService);
+        this.selectionSource = input('selection');
+        this.selection = computed(() => {
+            if (this.useSelections()) {
+                switch (this.selectionSource()) {
+                    case 'bag':
+                        return this.clipperService.bag;
+                    case 'selection':
+                        return this.parent()?.selection?.all;
                 }
-            });
-        }
-        this.snapshot.hasFacets = this.snapshot.groups.length > 0 || this.snapshot.usedGroups.length > 0;
-        this.snapshot.hasMoreFacets = this.snapshot.hasFacets && this.snapshot.groups.length > this.snapshot.usedGroups.length;
-        this.changeDetector.markForCheck();
+            }
+            return [];
+        });
+        this.useSelections = input(false);
+        this.parent = input();
+        this.item = input();
+        this.isReference = input(false);
+        this.isReadable = input(true);
+        this.isDeadline = input(false);
+        this.isLawInForce = input(false);
+        this.isLaw = input(false);
+        this.canPrint = input(false);
+        this.canFind = input(false);
     }
     /**
-     * Use a facet item as filter
-     * @param group : the facet group
-     * @param item  : the facet item
+     * Check if current item or selection is read
+     * @returns 0 if not read, 1 if read, 2 if unknown
      */
-    use(group, item) {
-        group.selectedValue = item.value;
-        group.selectedValueDescription = item.title;
-        let j = SystemUtils.arrayFindIndexByKey(this.snapshot.groups, 'index', group.index);
-        if (j !== -1) {
-            this.snapshot.groups.splice(j, 1);
-            let updated = false;
-            this.snapshot.usedGroups.forEach((n, i) => {
-                if (!updated && n.index > group.index) {
-                    this.snapshot.usedGroups.splice(i, 0, group);
-                    updated = true;
-                }
-            });
-            if (!updated) {
-                this.snapshot.usedGroups.push(group);
-            }
+    isRead() {
+        if (this.item())
+            return this.item().isRead === true ? 1 : 0;
+        if (this.parent()?.hasAnySelection())
+            return 2;
+        const firstSelection = this.parent()?.getSingleSelection();
+        if (firstSelection) {
+            return firstSelection.isRead === true ? 1 : 0;
         }
-        this.apply();
+        return 0;
     }
     /**
-     * dismiss a facet group filter
-     * @param group : the facet group
-     * @param apply : true to emit changed event and generate a new search, false just for update
+     * Set the is read flag value
+     * @param value: true or false
      */
-    dismiss(group, apply = true) {
-        group.selectedValue = null;
-        group.selectedValueDescription = null;
-        let i = SystemUtils.arrayFindIndexByKey(this.snapshot.usedGroups, 'index', group.index);
-        if (i !== -1) {
-            this.snapshot.usedGroups.splice(i, 1);
-            let updated = false;
-            this.snapshot.groups.forEach((n, j) => {
-                if (!updated && n.index > group.index) {
-                    this.snapshot.groups.splice(j, 0, group);
-                    updated = true;
-                }
-            });
-            if (!updated) {
-                this.snapshot.groups.push(group);
-            }
-        }
-        if (apply) {
-            this.apply();
-        }
+    setRead(value) {
+        this.parent()?.setRead(value, this.item());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperDocumentMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: ClipperDocumentMenuComponent, isStandalone: true, selector: "clipper-document-menu", inputs: { selectionSource: { classPropertyName: "selectionSource", publicName: "selectionSource", isSignal: true, isRequired: false, transformFunction: null }, useSelections: { classPropertyName: "useSelections", publicName: "useSelections", isSignal: true, isRequired: false, transformFunction: null }, parent: { classPropertyName: "parent", publicName: "parent", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, isReference: { classPropertyName: "isReference", publicName: "isReference", isSignal: true, isRequired: false, transformFunction: null }, isReadable: { classPropertyName: "isReadable", publicName: "isReadable", isSignal: true, isRequired: false, transformFunction: null }, isDeadline: { classPropertyName: "isDeadline", publicName: "isDeadline", isSignal: true, isRequired: false, transformFunction: null }, isLawInForce: { classPropertyName: "isLawInForce", publicName: "isLawInForce", isSignal: true, isRequired: false, transformFunction: null }, isLaw: { classPropertyName: "isLaw", publicName: "isLaw", isSignal: true, isRequired: false, transformFunction: null }, canPrint: { classPropertyName: "canPrint", publicName: "canPrint", isSignal: true, isRequired: false, transformFunction: null }, canFind: { classPropertyName: "canFind", publicName: "canFind", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (selectionSource() === 'selection') {\r\n<button mat-menu-item (click)=\"parent()?.selection?.clear()\" [attr.aria-label]=\"'Deseleziona tutti'\">\r\n  <mat-icon>clear</mat-icon>Deseleziona tutti\r\n</button>\r\n} @else if (selectionSource() === 'bag') {\r\n<button mat-menu-item (click)=\"parent()?.openBag()\" [attr.aria-label]=\"'Gestisci documenti di lavoro'\">\r\n  <mat-icon>work_outline</mat-icon>Gestisci documenti di lavoro\r\n</button>\r\n}\r\n@if (selectionSource()) {\r\n<mat-divider></mat-divider>\r\n}\r\n@if (item() || (selection()?.length === 1)) {\r\n<button mat-menu-item [attr.aria-label]=\"'Apri documento'\"\r\n  (click)=\"parent()?.open(item() ? item().documentId : selection()[0].documentId)\">\r\n  <mat-icon></mat-icon>Apri\r\n</button>\r\n}\r\n@if(canPrint()) {\r\n<button mat-menu-item (click)=\"parent()?.print()\" [attr.aria-label]=\"'Stampa documento'\">\r\n  <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start center\" fxFill>\r\n    <span fxFlex=\"*\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n      <mat-icon>print</mat-icon>\r\n      <span>Stampa</span>\r\n    </span>\r\n    <span class=\"accent small bold\">Ctrl+P</span>\r\n  </div>\r\n</button>\r\n}\r\n@if(canFind()) {\r\n<button mat-menu-item (click)=\"parent()?.find()\" [attr.aria-label]=\"'Trova nel documento'\">\r\n  <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start center\" fxFill>\r\n    <span fxFlex=\"*\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n      <mat-icon>find_in_page</mat-icon>\r\n      <span>Trova nel documento</span>\r\n    </span>\r\n    <span class=\"accent small bold\">Ctrl+F</span>\r\n  </div>\r\n</button>\r\n}\r\n@if (selectionSource() !== 'bag') {\r\n<button mat-menu-item [attr.aria-label]=\"'Aggiungi ai documenti di lavoro'\"\r\n  (click)=\"parent()?.addItemsToBag(item() ? [item()] : selection())\">\r\n  <mat-icon>work_outline</mat-icon>Aggiungi ai documenti di lavoro\r\n</button>\r\n}\r\n@if ((item() || (selection()?.length > 1))) {\r\n<button mat-menu-item (click)=\"parent()?.sendItemsTo(item() ? [item()] : selection())\"\r\n  [attr.aria-label]=\"'Invia documento per email'\">\r\n  <mat-icon>send</mat-icon>Invia per email\r\n</button>\r\n}\r\n@if (((item() && item().model != 11) || (selection()?.length === 1 && selection()[0].model != 11))) {\r\n<button mat-menu-item (click)=\"parent()?.exportPdf(item() ? item() : selection()[0])\"\r\n  [attr.aria-label]=\"'Salva documento in pdf'\">\r\n  <mat-icon>save_alt</mat-icon>Salva in pdf\r\n</button>\r\n}\r\n@if ((item() || (selection()?.length === 1))) {\r\n<button mat-menu-item [attr.aria-label]=\"'Genera un link permanente da utilizzare esternamente'\"\r\n  (click)=\"parent()?.showLink(item() ? item() : selection()[0])\">\r\n  <mat-icon>link</mat-icon>Link\r\n</button>\r\n}\r\n@if (!isReference() && (item() || (selection()?.length === 1))) {\r\n<button mat-menu-item [matMenuTriggerFor]=\"linksMenu\">\r\n  <mat-icon>compare_arrows</mat-icon>Collegamenti\r\n</button>\r\n}\r\n\r\n@if (!isReference() && isReadable()) {\r\n<mat-divider></mat-divider>\r\n\r\n@if (item() ? item().isRead === true : (parent()?.selection?.all.length != 1 || parent()?.selection?.all[0].isRead ===\r\ntrue)) {\r\n<button mat-menu-item [attr.aria-label]=\"'Segna come da leggere'\" (click)=\"setRead(false)\">\r\n  <mat-icon>outlined_flag</mat-icon>Segna come da leggere\r\n</button>\r\n}\r\n@if (item() ? item().isRead !== true : (parent()?.selection?.all.length != 1 || parent()?.selection?.all[0].isRead !==\r\ntrue)) {\r\n<button mat-menu-item [attr.aria-label]=\"'Segna come gi\u00E0 letto'\" (click)=\"setRead(true)\">\r\n  <mat-icon>flag</mat-icon>Segna come gi\u00E0 letto\r\n</button>\r\n}\r\n}\r\n\r\n@if ((isLawInForce() || isDeadline()) && (item() || (selection()?.length === 1))) {\r\n<button mat-menu-item [attr.aria-label]=\"'Mostra report utilizzo'\" (click)=\"parent()?.report(item() ? item() : selection()[0])\">\r\n  <mat-icon>assignment</mat-icon>Report\r\n</button>\r\n}\r\n<mat-menu #linksMenu=\"matMenu\">\r\n  @if (!isReference() && (item() || (selection()?.length === 1))) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra i documenti richiamati da questo'\"\r\n    (click)=\"parent()?.openReferences(item() ? item().documentId : selection()[0].documentId, 1)\">\r\n    Documenti richiamati\r\n  </button>\r\n  }\r\n  @if ( !isReference() &&(item() || (selection()?.length === 1))) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra i documenti che richiamano questo'\"\r\n    (click)=\"parent()?.openReferences(item() ? item().documentId : selection()[0].documentId, 2)\">\r\n    Documenti che richiamano\r\n  </button>\r\n  }\r\n  @if (!isReference() && isLawInForce() && (item() || (selection()?.length === 1))) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra giurisprudenza'\"\r\n    (click)=\"parent()?.openReferences(item() ? item().documentId : selection()[0].documentId, 4)\">\r\n    Juris\r\n  </button>\r\n  }\r\n  @if (!isReference() && isLawInForce() && (item() || (selection()?.length === 1))) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra modifiche normative'\"\r\n    (click)=\"parent()?.openReferences(item() ? item().documentId : selection()[0].documentId, 3)\">\r\n    Modifiche\r\n  </button>\r\n  }\r\n</mat-menu>\r\n@if ((item() || selection?.length > 0) && parent()?.RS_enabled(item() ? [item()] : selection()) && !useSelections()) {\r\n<mat-divider></mat-divider>\r\n}\r\n@if ((item() || selection?.length > 0) && parent()?.RS_enabled(item() ? [item()] : selection()) && !useSelections()) {\r\n<button mat-menu-item matTooltip=\"Registro & Scadenzario\" [attr.aria-label]=\"'Opzioni di Registro & Scadenzario'\"\r\n  [matMenuTriggerFor]=\"menuRS\">\r\n  <mat-icon>alarm_on</mat-icon>\r\n  Registro e scadenzario\r\n</button>\r\n}\r\n<mat-menu #menuRS=\"matMenu\">\r\n  <button mat-menu-item [attr.aria-label]=\"'Nuova legge'\" (click)=\"parent()?.RS_newLaw([item()])\">\r\n    Nuova legge\r\n  </button>\r\n  @if (item() || selection?.length === 1) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Nuova attivit\u00E0'\" (click)=\"parent()?.RS_newActivity(item())\">\r\n    Nuova attivit\u00E0\r\n  </button>\r\n  }\r\n  @if (item() || selection?.length === 1) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Report utilizzo norma'\" (click)=\"parent()?.RS_usageReport(item())\">\r\n    Report utilizzo norma\r\n  </button>\r\n  }\r\n</mat-menu>", styles: [""], dependencies: [{ kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i3.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperDocumentMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'clipper-document-menu', standalone: true, imports: [MatMenuModule, MatIconModule, MatDividerModule, MatTooltipModule], template: "@if (selectionSource() === 'selection') {\r\n<button mat-menu-item (click)=\"parent()?.selection?.clear()\" [attr.aria-label]=\"'Deseleziona tutti'\">\r\n  <mat-icon>clear</mat-icon>Deseleziona tutti\r\n</button>\r\n} @else if (selectionSource() === 'bag') {\r\n<button mat-menu-item (click)=\"parent()?.openBag()\" [attr.aria-label]=\"'Gestisci documenti di lavoro'\">\r\n  <mat-icon>work_outline</mat-icon>Gestisci documenti di lavoro\r\n</button>\r\n}\r\n@if (selectionSource()) {\r\n<mat-divider></mat-divider>\r\n}\r\n@if (item() || (selection()?.length === 1)) {\r\n<button mat-menu-item [attr.aria-label]=\"'Apri documento'\"\r\n  (click)=\"parent()?.open(item() ? item().documentId : selection()[0].documentId)\">\r\n  <mat-icon></mat-icon>Apri\r\n</button>\r\n}\r\n@if(canPrint()) {\r\n<button mat-menu-item (click)=\"parent()?.print()\" [attr.aria-label]=\"'Stampa documento'\">\r\n  <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start center\" fxFill>\r\n    <span fxFlex=\"*\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n      <mat-icon>print</mat-icon>\r\n      <span>Stampa</span>\r\n    </span>\r\n    <span class=\"accent small bold\">Ctrl+P</span>\r\n  </div>\r\n</button>\r\n}\r\n@if(canFind()) {\r\n<button mat-menu-item (click)=\"parent()?.find()\" [attr.aria-label]=\"'Trova nel documento'\">\r\n  <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start center\" fxFill>\r\n    <span fxFlex=\"*\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n      <mat-icon>find_in_page</mat-icon>\r\n      <span>Trova nel documento</span>\r\n    </span>\r\n    <span class=\"accent small bold\">Ctrl+F</span>\r\n  </div>\r\n</button>\r\n}\r\n@if (selectionSource() !== 'bag') {\r\n<button mat-menu-item [attr.aria-label]=\"'Aggiungi ai documenti di lavoro'\"\r\n  (click)=\"parent()?.addItemsToBag(item() ? [item()] : selection())\">\r\n  <mat-icon>work_outline</mat-icon>Aggiungi ai documenti di lavoro\r\n</button>\r\n}\r\n@if ((item() || (selection()?.length > 1))) {\r\n<button mat-menu-item (click)=\"parent()?.sendItemsTo(item() ? [item()] : selection())\"\r\n  [attr.aria-label]=\"'Invia documento per email'\">\r\n  <mat-icon>send</mat-icon>Invia per email\r\n</button>\r\n}\r\n@if (((item() && item().model != 11) || (selection()?.length === 1 && selection()[0].model != 11))) {\r\n<button mat-menu-item (click)=\"parent()?.exportPdf(item() ? item() : selection()[0])\"\r\n  [attr.aria-label]=\"'Salva documento in pdf'\">\r\n  <mat-icon>save_alt</mat-icon>Salva in pdf\r\n</button>\r\n}\r\n@if ((item() || (selection()?.length === 1))) {\r\n<button mat-menu-item [attr.aria-label]=\"'Genera un link permanente da utilizzare esternamente'\"\r\n  (click)=\"parent()?.showLink(item() ? item() : selection()[0])\">\r\n  <mat-icon>link</mat-icon>Link\r\n</button>\r\n}\r\n@if (!isReference() && (item() || (selection()?.length === 1))) {\r\n<button mat-menu-item [matMenuTriggerFor]=\"linksMenu\">\r\n  <mat-icon>compare_arrows</mat-icon>Collegamenti\r\n</button>\r\n}\r\n\r\n@if (!isReference() && isReadable()) {\r\n<mat-divider></mat-divider>\r\n\r\n@if (item() ? item().isRead === true : (parent()?.selection?.all.length != 1 || parent()?.selection?.all[0].isRead ===\r\ntrue)) {\r\n<button mat-menu-item [attr.aria-label]=\"'Segna come da leggere'\" (click)=\"setRead(false)\">\r\n  <mat-icon>outlined_flag</mat-icon>Segna come da leggere\r\n</button>\r\n}\r\n@if (item() ? item().isRead !== true : (parent()?.selection?.all.length != 1 || parent()?.selection?.all[0].isRead !==\r\ntrue)) {\r\n<button mat-menu-item [attr.aria-label]=\"'Segna come gi\u00E0 letto'\" (click)=\"setRead(true)\">\r\n  <mat-icon>flag</mat-icon>Segna come gi\u00E0 letto\r\n</button>\r\n}\r\n}\r\n\r\n@if ((isLawInForce() || isDeadline()) && (item() || (selection()?.length === 1))) {\r\n<button mat-menu-item [attr.aria-label]=\"'Mostra report utilizzo'\" (click)=\"parent()?.report(item() ? item() : selection()[0])\">\r\n  <mat-icon>assignment</mat-icon>Report\r\n</button>\r\n}\r\n<mat-menu #linksMenu=\"matMenu\">\r\n  @if (!isReference() && (item() || (selection()?.length === 1))) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra i documenti richiamati da questo'\"\r\n    (click)=\"parent()?.openReferences(item() ? item().documentId : selection()[0].documentId, 1)\">\r\n    Documenti richiamati\r\n  </button>\r\n  }\r\n  @if ( !isReference() &&(item() || (selection()?.length === 1))) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra i documenti che richiamano questo'\"\r\n    (click)=\"parent()?.openReferences(item() ? item().documentId : selection()[0].documentId, 2)\">\r\n    Documenti che richiamano\r\n  </button>\r\n  }\r\n  @if (!isReference() && isLawInForce() && (item() || (selection()?.length === 1))) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra giurisprudenza'\"\r\n    (click)=\"parent()?.openReferences(item() ? item().documentId : selection()[0].documentId, 4)\">\r\n    Juris\r\n  </button>\r\n  }\r\n  @if (!isReference() && isLawInForce() && (item() || (selection()?.length === 1))) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra modifiche normative'\"\r\n    (click)=\"parent()?.openReferences(item() ? item().documentId : selection()[0].documentId, 3)\">\r\n    Modifiche\r\n  </button>\r\n  }\r\n</mat-menu>\r\n@if ((item() || selection?.length > 0) && parent()?.RS_enabled(item() ? [item()] : selection()) && !useSelections()) {\r\n<mat-divider></mat-divider>\r\n}\r\n@if ((item() || selection?.length > 0) && parent()?.RS_enabled(item() ? [item()] : selection()) && !useSelections()) {\r\n<button mat-menu-item matTooltip=\"Registro & Scadenzario\" [attr.aria-label]=\"'Opzioni di Registro & Scadenzario'\"\r\n  [matMenuTriggerFor]=\"menuRS\">\r\n  <mat-icon>alarm_on</mat-icon>\r\n  Registro e scadenzario\r\n</button>\r\n}\r\n<mat-menu #menuRS=\"matMenu\">\r\n  <button mat-menu-item [attr.aria-label]=\"'Nuova legge'\" (click)=\"parent()?.RS_newLaw([item()])\">\r\n    Nuova legge\r\n  </button>\r\n  @if (item() || selection?.length === 1) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Nuova attivit\u00E0'\" (click)=\"parent()?.RS_newActivity(item())\">\r\n    Nuova attivit\u00E0\r\n  </button>\r\n  }\r\n  @if (item() || selection?.length === 1) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Report utilizzo norma'\" (click)=\"parent()?.RS_usageReport(item())\">\r\n    Report utilizzo norma\r\n  </button>\r\n  }\r\n</mat-menu>" }]
+        }] });
+
+class ClipperSearchFreeTextHelpComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchFreeTextHelpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: ClipperSearchFreeTextHelpComponent, isStandalone: true, selector: "ng-component", host: { attributes: { "Bind": SystemUtils.generateUUID() } }, ngImport: i0, template: "<h2 mat-dialog-title>Come effettuare la ricerca in testo libero</h2>\r\n<div mat-dialog-content>\r\n  <p>Normalmente viene sempre effettuata una ricerca per frase: tutte le parole specificate debbono essere\r\n    \"ragionevolmente vicine\" (entro 5 parole) l'una dall'altra.</p>\r\n  <p>La ricerca per frase di solito produce i risultati pi\u00F9 rilevanti.</p>\r\n  <p>Tuttavia \u00E8 possibile istruire Clipper per eseguire ricerche differenti e pi\u00F9 complesse.</p>\r\n  <p>Tutte gli elementi che compongono la stringa di ricerca devono essere separati da virgola.</p>\r\n  <ul>\r\n    <li>Se un elemento \u00E8 composto da pi\u00F9 parole \u00E8 una frase, altrimenti una parola</li>\r\n    <li>Aggiungendo un <b style=\"font-size: 20px\">+</b> davanti all'elemento, l'elemento <b>dovr\u00E0 per forza</b> essere presente nel documento\r\n    </li>\r\n    <li>Aggiungendo un <b style=\"font-size: 20px\">-</b> davanti all'elemento, l'elemento <b>non dovr\u00E0</b> essere presente nel documento</li>\r\n  </ul>\r\n  <p>Ecco alcuni esempi:</p>\r\n  <ul>\r\n    <li><b>serbatoi interrati</b>: sar\u00E0 effettuata una ricerca per la frase \"serbatoi interrati\"</li>\r\n    <li><b>serbatoi, interrati</b>: sar\u00E0 effettuata una ricerca per le parole \"serbatoi\" e \"interrati\"; il risultato sar\u00E0 tutti i documenti che contengono una o l'altra parola.</li>\r\n    <li><b>serbatoi, +interrati</b>: sar\u00E0 effettuata una ricerca per le parole \"serbatoi\" e \"interrati\"; il risultato sar\u00E0 tutti i documenti che contengono necessariamente \"interrati\" ed eventualmente \"serbatoi\".</li>\r\n    <li><b>serbatoi, -interrati</b>: sar\u00E0 effettuata una ricerca per le parole \"serbatoi\" e \"interrati\"; il risultato sar\u00E0 tutti i documenti che contengono necessariamente \"interrati\" ma non \"serbatoi\".</li>\r\n    <li><b>\"serbatoi interrati\", -gas</b>: sar\u00E0 effettuata una ricerca per la frase \"serbatoi interrati\" e per la parola \"gas\"; il risultato sar\u00E0 tutti i documenti che contengono la frase \"serbatoi interrati\" ma non la parola \"gas\".</li>\r\n  </ul>\r\n  <p>Saranno mostrati per primi (pi\u00F9 rilevanti) i documenti che rispettano in pieno la condizione.</p>\r\n</div>\r\n<div mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxLayoutAlign=\"end\" fxFill >\r\n      <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Chiudi</button>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: FlexModule }, { kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchFreeTextHelpComponent, decorators: [{
+            type: Component,
+            args: [{ host: { 'Bind': SystemUtils.generateUUID() }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatDialogTitle, MatDialogContent, MatDialogActions, FlexModule, MatButtonModule, MatDialogClose], template: "<h2 mat-dialog-title>Come effettuare la ricerca in testo libero</h2>\r\n<div mat-dialog-content>\r\n  <p>Normalmente viene sempre effettuata una ricerca per frase: tutte le parole specificate debbono essere\r\n    \"ragionevolmente vicine\" (entro 5 parole) l'una dall'altra.</p>\r\n  <p>La ricerca per frase di solito produce i risultati pi\u00F9 rilevanti.</p>\r\n  <p>Tuttavia \u00E8 possibile istruire Clipper per eseguire ricerche differenti e pi\u00F9 complesse.</p>\r\n  <p>Tutte gli elementi che compongono la stringa di ricerca devono essere separati da virgola.</p>\r\n  <ul>\r\n    <li>Se un elemento \u00E8 composto da pi\u00F9 parole \u00E8 una frase, altrimenti una parola</li>\r\n    <li>Aggiungendo un <b style=\"font-size: 20px\">+</b> davanti all'elemento, l'elemento <b>dovr\u00E0 per forza</b> essere presente nel documento\r\n    </li>\r\n    <li>Aggiungendo un <b style=\"font-size: 20px\">-</b> davanti all'elemento, l'elemento <b>non dovr\u00E0</b> essere presente nel documento</li>\r\n  </ul>\r\n  <p>Ecco alcuni esempi:</p>\r\n  <ul>\r\n    <li><b>serbatoi interrati</b>: sar\u00E0 effettuata una ricerca per la frase \"serbatoi interrati\"</li>\r\n    <li><b>serbatoi, interrati</b>: sar\u00E0 effettuata una ricerca per le parole \"serbatoi\" e \"interrati\"; il risultato sar\u00E0 tutti i documenti che contengono una o l'altra parola.</li>\r\n    <li><b>serbatoi, +interrati</b>: sar\u00E0 effettuata una ricerca per le parole \"serbatoi\" e \"interrati\"; il risultato sar\u00E0 tutti i documenti che contengono necessariamente \"interrati\" ed eventualmente \"serbatoi\".</li>\r\n    <li><b>serbatoi, -interrati</b>: sar\u00E0 effettuata una ricerca per le parole \"serbatoi\" e \"interrati\"; il risultato sar\u00E0 tutti i documenti che contengono necessariamente \"interrati\" ma non \"serbatoi\".</li>\r\n    <li><b>\"serbatoi interrati\", -gas</b>: sar\u00E0 effettuata una ricerca per la frase \"serbatoi interrati\" e per la parola \"gas\"; il risultato sar\u00E0 tutti i documenti che contengono la frase \"serbatoi interrati\" ma non la parola \"gas\".</li>\r\n  </ul>\r\n  <p>Saranno mostrati per primi (pi\u00F9 rilevanti) i documenti che rispettano in pieno la condizione.</p>\r\n</div>\r\n<div mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxLayoutAlign=\"end\" fxFill >\r\n      <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Chiudi</button>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+        }] });
+
+class ClipperSearchFreeTextQueryBuilderComponent {
+    constructor() {
+        this.done = new EventEmitter();
+        this.dialogService = inject(DialogService);
+        this.queryAnd = '';
+        this.queryOr = '';
+        this.queryNot = '';
+        this.queryPhrase = '';
+        this.queryStart = '';
     }
     /**
-     * Apply filter
+     * Clear
      */
-    apply() {
-        if (this.snapshot.usedGroups.length > 0) {
-            this.snapshot.usedGroups.forEach((n) => {
-                if (n.index === ClipperFacet.Year) {
-                    if (n.selectedValue) {
-                        this.snapshot.fromDate = new Date(parseInt(n.selectedValue), 0, 1, 12, 0, 0);
-                        this.snapshot.toDate = new Date(parseInt(n.selectedValue), 11, 31, 12, 0, 0);
-                    }
-                    else {
-                        this.snapshot.fromDate = null;
-                        this.snapshot.toDate = null;
-                    }
-                }
-                else if (n.index === ClipperFacet.Sector) {
-                    this.snapshot.sector = n.selectedValue ?? null;
-                }
-                else if (n.index === ClipperFacet.Author) {
-                    this.snapshot.author = n.selectedValue ?? null;
-                }
-                else if (n.index === ClipperFacet.DocumentType) {
-                    this.snapshot.type = n.selectedValue ?? null;
-                }
-                else if (n.index === ClipperFacet.Article) {
-                    this.snapshot.anchor = n.selectedValue ?? null;
-                }
-                else if (n.index === ClipperFacet.Reason) {
-                    this.snapshot.reason = n.selectedValue ?? null;
-                }
-            });
-        }
-        if (this.snapshot.groups.length > 0) {
-            this.snapshot.groups.forEach((n) => {
-                if (n.index === ClipperFacet.Year) {
-                    this.snapshot.changedInterval = this.snapshot.fromDate !== null;
-                    this.snapshot.fromDate = null;
-                    this.snapshot.toDate = null;
-                }
-                else if (n.index === ClipperFacet.Sector) {
-                    this.snapshot.changedSector = this.snapshot.sector !== null;
-                    this.snapshot.sector = null;
-                }
-                else if (n.index === ClipperFacet.Author) {
-                    this.snapshot.changedAuthor = this.snapshot.author !== null;
-                    this.snapshot.author = null;
-                }
-                else if (n.index === ClipperFacet.DocumentType) {
-                    this.snapshot.changedType = this.snapshot.type !== null;
-                    this.snapshot.type = null;
-                }
-                else if (n.index === ClipperFacet.Article) {
-                    this.snapshot.changedAnchor = this.snapshot.anchor !== null;
-                    this.snapshot.anchor = null;
-                }
-                else if (n.index === ClipperFacet.Reason) {
-                    this.snapshot.changedReason = this.snapshot.reason !== null;
-                    this.snapshot.reason = null;
-                }
-            });
-        }
-        this.changed.emit(this.snapshot);
+    clear() {
+        this.queryAnd = null;
+        this.queryOr = null;
+        this.queryNot = null;
+        this.queryPhrase = null;
+        this.queryStart = null;
     }
     /**
-     * Clear facets by group index
-     * @param index : the group index to clear. Use -1 to clear all groups at once
-     * @returns : the number of groups dismissed
+     * Submit
      */
-    clear(index = -1) {
-        let dismissed = 0;
-        this.snapshot.usedGroups.forEach((n) => {
-            if (index === -1 || index === n.index) {
-                if (n.index === ClipperFacet.Year) {
-                    this.snapshot.changedInterval = true;
-                    this.snapshot.fromDate = null;
-                    this.snapshot.toDate = null;
-                }
-                else if (n.index === ClipperFacet.Sector) {
-                    this.snapshot.changedSector = true;
-                    this.snapshot.sector = null;
-                }
-                else if (n.index === ClipperFacet.Author) {
-                    this.snapshot.changedAuthor = true;
-                    this.snapshot.author = null;
-                }
-                else if (n.index === ClipperFacet.DocumentType) {
-                    this.snapshot.changedType = true;
-                    this.snapshot.type = null;
-                }
-                else if (n.index === ClipperFacet.Article) {
-                    this.snapshot.changedAnchor = true;
-                    this.snapshot.anchor = null;
-                }
-                else if (n.index === ClipperFacet.Reason) {
-                    this.snapshot.changedReason = true;
-                    this.snapshot.reason = null;
-                }
-                this.dismiss(n, false);
-                dismissed++;
+    ok() {
+        let query = '';
+        // Phrase
+        if (this.queryPhrase.length > 0) {
+            query += ' "';
+            query += this.queryPhrase.replace('"', '').trim();
+            query += '" ';
+        }
+        // Or
+        if (this.queryOr.length > 0) {
+            let parts = this.queryOr.split(',');
+            for (let i = 0; i < parts.length; i++) {
+                if (query.length > 0)
+                    query += ', ';
+                query += parts[i].replace('"', '').trim();
             }
-        });
-        if (dismissed) {
-            this.changed.emit(this.snapshot);
+            query += ' ';
         }
-        return dismissed;
-    }
-    /**
-     * Reset
-     */
-    reset() {
-        this.snapshot.groups = [];
-        this.snapshot.usedGroups = [];
-        this.snapshot.hasFacets = false;
-        this.snapshot.fromDate = null;
-        this.snapshot.toDate = null;
-        this.snapshot.sector = null;
-        this.snapshot.author = null;
-        this.snapshot.anchor = null;
-        this.snapshot.type = null;
-        this.snapshot.reason = null;
-    }
-    /**
-     * Restore data
-     * @param data : the data to restore
-     */
-    restore(data) {
-        if (data) {
-            this.snapshot = data;
-            this.changeDetector.markForCheck();
+        // And
+        if (this.queryAnd.length > 0) {
+            let parts = this.queryAnd.split(',');
+            for (let i = 0; i < parts.length; i++) {
+                if (query.length > 0)
+                    query += ', +';
+                query += parts[i].replace('"', '').trim();
+            }
+            query += ' ';
         }
+        // Start with
+        if (this.queryStart.length > 0) {
+            if (query.length > 0)
+                query += ', +';
+            query += this.queryStart.replace('"', '').trim();
+            query += '*';
+            query += ' ';
+        }
+        // Not
+        if (this.queryNot.length > 0) {
+            if (query.length === 0) {
+                // Invalid query
+                this.dialogService.error("L'operatore di esclusione funziona solo se prima è stato inserito un valore in almeno uno degli altri quattro campi.");
+                return;
+            }
+            let parts = this.queryNot.split(',');
+            for (let i = 0; i < parts.length; i++) {
+                if (query.length > 0)
+                    query += ', -';
+                query += parts[i].replace('"', '').trim();
+            }
+            query += ' ';
+        }
+        // Notify
+        if (query.length > 0)
+            this.done.emit({ query: query });
     }
-    /**
-     * Save data
-     */
-    save() {
-        return this.snapshot;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchFacetsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: ClipperSearchFacetsComponent, isStandalone: true, selector: "clipper-search-facets", outputs: { changed: "changed" }, ngImport: i0, template: "<div fxLayout=\"column\" fxFill class=\"facets-container scroll-hidden\">\r\n  <div>\r\n    @if (snapshot.usedGroups.length > 0) {\r\n    <div class=\"facets-selection\">\r\n      <mat-chip-set aria-label=\"Selezione\">\r\n        @for (ug of snapshot.usedGroups; track ug) {\r\n        <mat-chip (removed)=\"dismiss(ug)\" [matTooltip]=\"ug.selectedValueDescription ?? ''\">\r\n          {{ug.selectedValueDescription}}\r\n          <button matChipRemove [attr.aria-label]=\"'Rimuovi ' + ug.name\" [matTooltip]=\"'Rimuovi ' + ug.name\">\r\n            <mat-icon>cancel</mat-icon>\r\n          </button>\r\n        </mat-chip>\r\n        }\r\n      </mat-chip-set>\r\n      <mat-divider class=\"divider\" style=\"margin-top: 20px;\"></mat-divider>\r\n    </div>\r\n    }\r\n  </div>\r\n  <div fxFlex=\"*\" class=\"scroll-auto\">\r\n    @if (snapshot.groups.length > 0) {\r\n    @for (group of snapshot.groups; track group.index; let i = $index) {\r\n    <mat-accordion multi displayMode=\"flat\">\r\n      <mat-expansion-panel class=\"accordion-panel mat-elevation-z0 \" [expanded]=\"i == 0\">\r\n        <mat-expansion-panel-header class=\"accordion-header\" [attr.aria-label]=\"group.name\">\r\n          <mat-panel-title>\r\n            @if (group.index == 2 && snapshot.interval) {\r\n            {{snapshot.interval}} ({{group.values.length}})\r\n            } @else {\r\n            {{group.name}} ({{group.values.length}})\r\n            }\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <nav class=\"facets-items\">\r\n          <ul>\r\n            @for (item of group.values; track $index) {\r\n            <li (click)=\"use(group, item)\" [attr.aria-label]=\"item.title\">\r\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n                <div fxFlex=\"*\" fxFlexAlign=\"center\" class=\"truncated\">\r\n                  <div class=\"truncated\">{{item.title}}</div>\r\n                </div>\r\n                <div fxLayoutAlign=\"end\" fxFlexAlign=\"center\">\r\n                  {{snapshot.hasTooManyResults ? '~' : ''}}{{item.count}}\r\n                </div>\r\n              </div>\r\n            </li>\r\n            }\r\n          </ul>\r\n        </nav>\r\n      </mat-expansion-panel>\r\n    </mat-accordion>\r\n    }\r\n    } @else if (snapshot.hasFacets && !snapshot.hasMoreFacets) {\r\n    <div class=\"facets-message\">\r\n      <p class=\"small\"><i>Tutte le opzioni sono state selezionate</i></p>\r\n    </div>\r\n    }    \r\n  </div>\r\n</div>", styles: [".dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.smaller{font-size:smaller}.small{font-size:small!important;line-height:16px}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:14px}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-accent, #7894ae)!important}.primary{color:var(--ars-primary, #00a293)!important}.secondary{color:var(--ars-secondary, #4a635f)!important}.error{color:var(--ars-error, #ff5449)!important}.warning{color:var(--ars-warning, #FFC107)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer,.drawer-small{min-width:420px!important;max-width:420px!important;padding:20px 0 0}.drawer .title-container,.drawer-small .title-container{padding:20px 10px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 10px 20px}.drawer .title,.drawer-small .title{font-size:1.2em;font-weight:600;padding-left:10px;min-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:15px;padding-right:20px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-bottom:20px!important}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.drawer-small{min-width:360px!important;max-width:360px!important}.drawer-small .title{min-width:150px}@media screen and (min-width: 0px) and (max-width: 359px){.drawer{min-width:360px!important;max-width:360px!important}.drawer .title{min-width:150px}}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (prefers-color-scheme: dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b{font-weight:600}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600;text-transform:uppercase}.clipper-selection-icon-button{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-primary-hi, #12c0ae)}.expired,.unread{color:var(--ars-error, #ff5449)!important}.expiring{color:var(--ars-warning, #FFC107)!important}.error-bg,.expired-bg,.unread-bg{background-color:var(--ars-error, #ff5449)}.expiring-bg{background-color:var(--ars-warning, #FFC107)}.popular-bg{background-color:#388e3c}.very-popular-bg{background-color:#4caf50}.item-selected{background-color:var(--ars-item-selected-background-color, #ced1d2);border-radius:0!important}.item-unread{font-weight:bolder}.items-group-title{color:var(--ars-accent, #7894ae);font-size:large;font-weight:700;padding-left:25px;padding-bottom:10px;padding-top:10px}.items-group-title .group-spaced{padding:10px 0 0!important}.items-footer{padding-top:10px}.item{border-radius:12px;padding:10px 6px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item-content .info-1{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent, #7894ae)}.item-content .info-2{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent-low, #456179)}.item-content .title{font-size:small;line-height:18px}.item-content .details{margin-top:4px;font-size:x-small;font-weight:700;line-height:15px;color:var(--ars-accent-low, #456179);text-transform:uppercase;border-left:4px solid var(--ars-accent-low, #456179);padding-left:10px}.item-content .details .links{text-transform:none;text-decoration:none}.item-content .details .links a,.item-content .details .links span,.item-content .details .links div{margin-right:8px;font-weight:600;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-link, #03A9F4);font-weight:600}.item-content a.link{color:var(--ars-link, #03A9F4);cursor:pointer!important}.item-content:hover{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer;padding:10px 13px;margin-bottom:2px}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--ars-error, #ff5449);margin:0 8px}.tile .image{height:180px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .image img{object-fit:cover;width:100%;height:100%}.tile .image .info-1{position:absolute;left:0;bottom:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-text, #191c1b);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .info-2{position:absolute;right:0;top:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-accent, #7894ae);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .image .buttons .check,.tile .image .buttons .read{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .buttons .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .date{padding:8px 0 6px;font-weight:700;text-transform:uppercase}.tile .date .date-day{color:var(--ars-accent, #7894ae)}.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .time{font-size:small;font-weight:700}.tile .title{text-decoration:none;font-size:small;min-height:72px;overflow:hidden}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:var(--ars-accent, #7894ae);text-transform:uppercase;white-space:nowrap;color:var(--ars-color-text, #191c1b)}.badge-red{background-color:var(--ars-error, #ff5449);color:var(--ars-color-text, #191c1b)}.busy-backdrop{background-color:#00000052!important}.legend-container{display:flex;flex-direction:row;align-items:center;font-size:x-small;text-transform:uppercase;font-weight:500;margin-left:10px}.legend-container .legend{display:inline-block;height:8px;width:8px;margin-right:4px}.legend-container .next{margin-left:8px}.special-date,.special-date-expired{border:2px var(--ars-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-error, #ff5449) solid!important}.accordion-panel{background-color:transparent!important}.facets-container{padding-top:0;padding-bottom:10px}.facets-message{padding-top:10px;padding-left:15px}.facets-selection{padding:0 4px 0 15px}.facets-selection .divider{margin-top:20px}.facets-items{padding:0;margin:0}.facets-items ul{list-style-type:none;padding:0;margin:0}.facets-items ul li{font-size:small;padding:6px 12px;display:block;color:var(--ars-color-text, #191c1b)}.facets-items ul li a{color:inherit;text-decoration:none;display:block}.facets-items ul li:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:6px;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: FlexModule }, { kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i1.DefaultFlexAlignDirective, selector: "  [fxFlexAlign], [fxFlexAlign.xs], [fxFlexAlign.sm], [fxFlexAlign.md],  [fxFlexAlign.lg], [fxFlexAlign.xl], [fxFlexAlign.lt-sm], [fxFlexAlign.lt-md],  [fxFlexAlign.lt-lg], [fxFlexAlign.lt-xl], [fxFlexAlign.gt-xs], [fxFlexAlign.gt-sm],  [fxFlexAlign.gt-md], [fxFlexAlign.gt-lg]", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg"] }, { kind: "directive", type: i1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i3$1.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled", "tabIndex"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: i3$1.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i3$1.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i5$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i6.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i6.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i6.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i6.MatExpansionPanelTitle, selector: "mat-panel-title" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchFreeTextQueryBuilderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: ClipperSearchFreeTextQueryBuilderComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done" }, host: { attributes: { "Bind": SystemUtils.generateUUID() } }, ngImport: i0, template: "<h2 mat-dialog-title>Trova gli elementi che contengono...</h2>\r\n<div mat-dialog-content>\r\n  <form name=\"form\" #f=\"ngForm\" (keyup.Enter)=\"!f.form.invalid ? ok() : null\" novalidate>\r\n    <div fxLayout=\"column\">\r\n      <mat-form-field>\r\n        <mat-label>Questa esatta parola o frase</mat-label>\r\n        <input matInput name=\"queryPhrase\" [(ngModel)]=\"queryPhrase\" maxlength=\"200\" />\r\n        @if (queryPhrase) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryPhrase=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>Tutte queste parole</mat-label>\r\n        <input matInput name=\"queryAnd\" [(ngModel)]=\"queryAnd\" maxlength=\"200\" />\r\n        @if (queryAnd) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryAnd=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n        <mat-hint>Separate da virgola</mat-hint>\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>Una qualunque di queste parole</mat-label>\r\n        <input matInput name=\"queryOr\" [(ngModel)]=\"queryOr\" maxlength=\"200\" />\r\n        @if (queryOr) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryOr=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n        <mat-hint>Separate da virgola</mat-hint>\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>Parole che iniziano con</mat-label>\r\n        <input matInput name=\"queryStart\" [(ngModel)]=\"queryStart\" maxlength=\"200\" />\r\n        @if (queryStart) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryStart=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>Nessuna qualunque di queste parole</mat-label>\r\n        <input matInput name=\"queryNot\" [(ngModel)]=\"queryNot\" maxlength=\"200\" />\r\n        @if (queryNot) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryNot=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n        <mat-hint>Separate da virgola. L'operatore di esclusione funziona solo se prima \u00E8 stato inserito un valore in\r\n          almeno uno degli altri quattro campi. </mat-hint>\r\n      </mat-form-field>\r\n    </div>\r\n  </form>\r\n</div>\r\n<div mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxFlex=\"30\" fxLayoutAlign=\"start\">\r\n      <button type=\"button\" mat-button (click)=\"clear()\" color=\"primary\">Pulisci</button>\r\n    </div>\r\n    <div fxFlex=\"70\" fxLayoutAlign=\"end\">\r\n      <button mat-flat-button color=\"primary\" (click)=\"ok()\">Ok</button>\r\n      <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Annulla</button>\r\n    </div>\r\n  </div>\r\n</div>", styles: [""], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FlexModule }, { kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3$3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2.MatIconAnchor, selector: "a[mat-icon-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchFacetsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchFreeTextQueryBuilderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'clipper-search-facets', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [FlexModule, MatButtonModule, MatTooltipModule, MatChipsModule, MatIconModule,
-                        MatDividerModule, MatExpansionModule], template: "<div fxLayout=\"column\" fxFill class=\"facets-container scroll-hidden\">\r\n  <div>\r\n    @if (snapshot.usedGroups.length > 0) {\r\n    <div class=\"facets-selection\">\r\n      <mat-chip-set aria-label=\"Selezione\">\r\n        @for (ug of snapshot.usedGroups; track ug) {\r\n        <mat-chip (removed)=\"dismiss(ug)\" [matTooltip]=\"ug.selectedValueDescription ?? ''\">\r\n          {{ug.selectedValueDescription}}\r\n          <button matChipRemove [attr.aria-label]=\"'Rimuovi ' + ug.name\" [matTooltip]=\"'Rimuovi ' + ug.name\">\r\n            <mat-icon>cancel</mat-icon>\r\n          </button>\r\n        </mat-chip>\r\n        }\r\n      </mat-chip-set>\r\n      <mat-divider class=\"divider\" style=\"margin-top: 20px;\"></mat-divider>\r\n    </div>\r\n    }\r\n  </div>\r\n  <div fxFlex=\"*\" class=\"scroll-auto\">\r\n    @if (snapshot.groups.length > 0) {\r\n    @for (group of snapshot.groups; track group.index; let i = $index) {\r\n    <mat-accordion multi displayMode=\"flat\">\r\n      <mat-expansion-panel class=\"accordion-panel mat-elevation-z0 \" [expanded]=\"i == 0\">\r\n        <mat-expansion-panel-header class=\"accordion-header\" [attr.aria-label]=\"group.name\">\r\n          <mat-panel-title>\r\n            @if (group.index == 2 && snapshot.interval) {\r\n            {{snapshot.interval}} ({{group.values.length}})\r\n            } @else {\r\n            {{group.name}} ({{group.values.length}})\r\n            }\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <nav class=\"facets-items\">\r\n          <ul>\r\n            @for (item of group.values; track $index) {\r\n            <li (click)=\"use(group, item)\" [attr.aria-label]=\"item.title\">\r\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n                <div fxFlex=\"*\" fxFlexAlign=\"center\" class=\"truncated\">\r\n                  <div class=\"truncated\">{{item.title}}</div>\r\n                </div>\r\n                <div fxLayoutAlign=\"end\" fxFlexAlign=\"center\">\r\n                  {{snapshot.hasTooManyResults ? '~' : ''}}{{item.count}}\r\n                </div>\r\n              </div>\r\n            </li>\r\n            }\r\n          </ul>\r\n        </nav>\r\n      </mat-expansion-panel>\r\n    </mat-accordion>\r\n    }\r\n    } @else if (snapshot.hasFacets && !snapshot.hasMoreFacets) {\r\n    <div class=\"facets-message\">\r\n      <p class=\"small\"><i>Tutte le opzioni sono state selezionate</i></p>\r\n    </div>\r\n    }    \r\n  </div>\r\n</div>", styles: [".dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.smaller{font-size:smaller}.small{font-size:small!important;line-height:16px}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:14px}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-accent, #7894ae)!important}.primary{color:var(--ars-primary, #00a293)!important}.secondary{color:var(--ars-secondary, #4a635f)!important}.error{color:var(--ars-error, #ff5449)!important}.warning{color:var(--ars-warning, #FFC107)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer,.drawer-small{min-width:420px!important;max-width:420px!important;padding:20px 0 0}.drawer .title-container,.drawer-small .title-container{padding:20px 10px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 10px 20px}.drawer .title,.drawer-small .title{font-size:1.2em;font-weight:600;padding-left:10px;min-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:15px;padding-right:20px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-bottom:20px!important}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.drawer-small{min-width:360px!important;max-width:360px!important}.drawer-small .title{min-width:150px}@media screen and (min-width: 0px) and (max-width: 359px){.drawer{min-width:360px!important;max-width:360px!important}.drawer .title{min-width:150px}}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (prefers-color-scheme: dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b{font-weight:600}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600;text-transform:uppercase}.clipper-selection-icon-button{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-primary-hi, #12c0ae)}.expired,.unread{color:var(--ars-error, #ff5449)!important}.expiring{color:var(--ars-warning, #FFC107)!important}.error-bg,.expired-bg,.unread-bg{background-color:var(--ars-error, #ff5449)}.expiring-bg{background-color:var(--ars-warning, #FFC107)}.popular-bg{background-color:#388e3c}.very-popular-bg{background-color:#4caf50}.item-selected{background-color:var(--ars-item-selected-background-color, #ced1d2);border-radius:0!important}.item-unread{font-weight:bolder}.items-group-title{color:var(--ars-accent, #7894ae);font-size:large;font-weight:700;padding-left:25px;padding-bottom:10px;padding-top:10px}.items-group-title .group-spaced{padding:10px 0 0!important}.items-footer{padding-top:10px}.item{border-radius:12px;padding:10px 6px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item-content .info-1{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent, #7894ae)}.item-content .info-2{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent-low, #456179)}.item-content .title{font-size:small;line-height:18px}.item-content .details{margin-top:4px;font-size:x-small;font-weight:700;line-height:15px;color:var(--ars-accent-low, #456179);text-transform:uppercase;border-left:4px solid var(--ars-accent-low, #456179);padding-left:10px}.item-content .details .links{text-transform:none;text-decoration:none}.item-content .details .links a,.item-content .details .links span,.item-content .details .links div{margin-right:8px;font-weight:600;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-link, #03A9F4);font-weight:600}.item-content a.link{color:var(--ars-link, #03A9F4);cursor:pointer!important}.item-content:hover{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer;padding:10px 13px;margin-bottom:2px}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--ars-error, #ff5449);margin:0 8px}.tile .image{height:180px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .image img{object-fit:cover;width:100%;height:100%}.tile .image .info-1{position:absolute;left:0;bottom:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-text, #191c1b);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .info-2{position:absolute;right:0;top:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-accent, #7894ae);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .image .buttons .check,.tile .image .buttons .read{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .buttons .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .date{padding:8px 0 6px;font-weight:700;text-transform:uppercase}.tile .date .date-day{color:var(--ars-accent, #7894ae)}.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .time{font-size:small;font-weight:700}.tile .title{text-decoration:none;font-size:small;min-height:72px;overflow:hidden}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:var(--ars-accent, #7894ae);text-transform:uppercase;white-space:nowrap;color:var(--ars-color-text, #191c1b)}.badge-red{background-color:var(--ars-error, #ff5449);color:var(--ars-color-text, #191c1b)}.busy-backdrop{background-color:#00000052!important}.legend-container{display:flex;flex-direction:row;align-items:center;font-size:x-small;text-transform:uppercase;font-weight:500;margin-left:10px}.legend-container .legend{display:inline-block;height:8px;width:8px;margin-right:4px}.legend-container .next{margin-left:8px}.special-date,.special-date-expired{border:2px var(--ars-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-error, #ff5449) solid!important}.accordion-panel{background-color:transparent!important}.facets-container{padding-top:0;padding-bottom:10px}.facets-message{padding-top:10px;padding-left:15px}.facets-selection{padding:0 4px 0 15px}.facets-selection .divider{margin-top:20px}.facets-items{padding:0;margin:0}.facets-items ul{list-style-type:none;padding:0;margin:0}.facets-items ul li{font-size:small;padding:6px 12px;display:block;color:var(--ars-color-text, #191c1b)}.facets-items ul li a{color:inherit;text-decoration:none;display:block}.facets-items ul li:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:6px;cursor:pointer}\n"] }]
-        }], propDecorators: { changed: [{
+            args: [{ host: { 'Bind': SystemUtils.generateUUID() }, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogTitle, MatDialogContent, FormsModule, FlexModule, MatFormFieldModule, MatInputModule,
+                        MatButtonModule, MatIconModule, MatDialogActions, MatDialogClose], template: "<h2 mat-dialog-title>Trova gli elementi che contengono...</h2>\r\n<div mat-dialog-content>\r\n  <form name=\"form\" #f=\"ngForm\" (keyup.Enter)=\"!f.form.invalid ? ok() : null\" novalidate>\r\n    <div fxLayout=\"column\">\r\n      <mat-form-field>\r\n        <mat-label>Questa esatta parola o frase</mat-label>\r\n        <input matInput name=\"queryPhrase\" [(ngModel)]=\"queryPhrase\" maxlength=\"200\" />\r\n        @if (queryPhrase) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryPhrase=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>Tutte queste parole</mat-label>\r\n        <input matInput name=\"queryAnd\" [(ngModel)]=\"queryAnd\" maxlength=\"200\" />\r\n        @if (queryAnd) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryAnd=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n        <mat-hint>Separate da virgola</mat-hint>\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>Una qualunque di queste parole</mat-label>\r\n        <input matInput name=\"queryOr\" [(ngModel)]=\"queryOr\" maxlength=\"200\" />\r\n        @if (queryOr) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryOr=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n        <mat-hint>Separate da virgola</mat-hint>\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>Parole che iniziano con</mat-label>\r\n        <input matInput name=\"queryStart\" [(ngModel)]=\"queryStart\" maxlength=\"200\" />\r\n        @if (queryStart) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryStart=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>Nessuna qualunque di queste parole</mat-label>\r\n        <input matInput name=\"queryNot\" [(ngModel)]=\"queryNot\" maxlength=\"200\" />\r\n        @if (queryNot) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryNot=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n        <mat-hint>Separate da virgola. L'operatore di esclusione funziona solo se prima \u00E8 stato inserito un valore in\r\n          almeno uno degli altri quattro campi. </mat-hint>\r\n      </mat-form-field>\r\n    </div>\r\n  </form>\r\n</div>\r\n<div mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxFlex=\"30\" fxLayoutAlign=\"start\">\r\n      <button type=\"button\" mat-button (click)=\"clear()\" color=\"primary\">Pulisci</button>\r\n    </div>\r\n    <div fxFlex=\"70\" fxLayoutAlign=\"end\">\r\n      <button mat-flat-button color=\"primary\" (click)=\"ok()\">Ok</button>\r\n      <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Annulla</button>\r\n    </div>\r\n  </div>\r\n</div>" }]
+        }], propDecorators: { done: [{
                 type: Output
             }] } });
 
-var ClipperSearchResultItemDisplayMode;
-(function (ClipperSearchResultItemDisplayMode) {
-    ClipperSearchResultItemDisplayMode[ClipperSearchResultItemDisplayMode["List"] = 1] = "List";
-    ClipperSearchResultItemDisplayMode[ClipperSearchResultItemDisplayMode["Tile"] = 2] = "Tile";
-})(ClipperSearchResultItemDisplayMode || (ClipperSearchResultItemDisplayMode = {}));
-class ClipperSearchResultItemComponent {
+class ClipperSearchDialogComponent {
     constructor() {
+        this.done = new EventEmitter();
         this.unsubscribe = new Subject();
-        this.screenService = inject(ScreenService);
-        this.changeDetector = inject(ChangeDetectorRef);
-        this.parent = input();
-        this.item = input();
-        this.actions = input();
-        this.tileNoPictureUrl = input();
-        this.tilePictureUrl = input();
-        this.isSelectable = input(true);
-        this.isReadable = input(true);
-        this.displayModelName = input(false);
-        this.displayMode = input(ClipperSearchResultItemDisplayMode.List);
-        this.displayModesEnum = ClipperSearchResultItemDisplayMode;
-        this.modelsEnum = ClipperModel;
-        this.contextMenuPosition = { x: '0px', y: '0px' };
-    }
-    ngOnInit() {
-        this.parent()?.selection?.changed
-            .pipe(takeUntil(this.unsubscribe))
-            .subscribe(() => {
-            console.log("selection-changed");
-            this.changeDetector.markForCheck();
+        this.clipperService = inject(ClipperService);
+        this.dialogService = inject(DialogService);
+        this.dialogData = inject(MAT_DIALOG_DATA) ?? { displayMode: 'simple' };
+        this.params = new ClipperSearchParams();
+        this.modulesEnum = ClipperModule;
+        this.sectors = ClipperSectors.filter((n) => n.group === 'S').map((n) => {
+            return { name: n.shortName ?? n.name, value: n.value };
         });
-    }
-    onContextMenu(event, item) {
-        event.preventDefault();
-        this.contextMenuPosition.x = event.clientX + 'px';
-        this.contextMenuPosition.y = event.clientY + 'px';
-        this.contextMenuTrigger.menuData = { item: item };
-        this.contextMenuTrigger.openMenu();
-    }
-    /**
-     * Checks if current item is selected
-     * @returns true if current item is selected
-     */
-    isSelected() {
-        return this.isSelectable() && this.parent()?.selection?.isSelected(this.item().documentId);
-    }
-    ;
-    /**
-     * Checks if current item is isReadable
-     * @returns true if current item is isReadable
-     */
-    isRead() {
-        return this.isReadable() && this.item().isRead === true;
-    }
-    ;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchResultItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: ClipperSearchResultItemComponent, isStandalone: true, selector: "clipper-search-result-item", inputs: { parent: { classPropertyName: "parent", publicName: "parent", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, tileNoPictureUrl: { classPropertyName: "tileNoPictureUrl", publicName: "tileNoPictureUrl", isSignal: true, isRequired: false, transformFunction: null }, tilePictureUrl: { classPropertyName: "tilePictureUrl", publicName: "tilePictureUrl", isSignal: true, isRequired: false, transformFunction: null }, isSelectable: { classPropertyName: "isSelectable", publicName: "isSelectable", isSignal: true, isRequired: false, transformFunction: null }, isReadable: { classPropertyName: "isReadable", publicName: "isReadable", isSignal: true, isRequired: false, transformFunction: null }, displayModelName: { classPropertyName: "displayModelName", publicName: "displayModelName", isSignal: true, isRequired: false, transformFunction: null }, displayMode: { classPropertyName: "displayMode", publicName: "displayMode", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "contextMenuTrigger", first: true, predicate: ["contextMenuTrigger"], descendants: true }], ngImport: i0, template: "<div>\r\n  @if (displayMode() === displayModesEnum.List ) {\r\n  <div class=\"item\" fxLayout=\"row\" fxLayoutGap=\"6px\" fxLayoutAlign=\"start center\" fxFill\r\n    [ngClass]=\"{'item-selected': isSelected() }\" (contextmenu)=\"onContextMenu($event, item())\"\r\n    (mouseenter)=\"item().isOver = true\" (mouseleave)=\"item().isOver = false\">\r\n    <div fxFlex=\"6px\" [ngClass]=\"parent()?.getItemStateCssClass(item)\"\r\n      [matTooltip]=\"parent()?.getItemStateTooltip(item)\">\r\n    </div>\r\n    <div [fxFlex]=\"isSelectable() ? '48px' : '18px'\" fxLayoutAlign=\"center\">\r\n      @if (isSelectable() && (screenService.isTouchable || item().isOver || isSelected())) {\r\n      <mat-checkbox (click)=\"$event.stopPropagation()\"\r\n        (change)=\"$event ? parent()?.selection?.toggle(item(), item().documentId) : null\" [checked]=\"isSelected()\">\r\n      </mat-checkbox>\r\n      }\r\n    </div>\r\n    <div fxFlex=\"*\">\r\n      <div class=\"item-content\">\r\n        @if (displayModelName() && item().modelName) {\r\n        <div class=\"info-2\">{{item().modelName}}</div>\r\n        }\r\n        @if (item().info) {\r\n        <div class=\"info-1\">{{item().info}}</div>\r\n        } @else if (item().date) {\r\n        <div class=\"info-1\">{{item().date | format:'D':'d MMM yyyy'}}</div>\r\n        } @else if (item().author && (item().origin === 'LR' || item().origin === 'GR' || item().origin\r\n        ===\r\n        'GN')) {\r\n        <div class=\"info-1\">{{item().author}}</div>\r\n        }\r\n        <div>\r\n          <a class=\"link\" (click)=\"parent()?.open(item().documentId)\"\r\n            [attr.aria-label]=\"'Apri documento ' + item().title1\">{{item().title1 ?? item().title2}}</a>\r\n          @if (item().part > 0) {\r\n          <span class=\"badge\">PARTE {{item().part}}</span>\r\n          }\r\n          @if (item().isCommented) {\r\n          <span class=\"badge\">COMMENTATA</span>\r\n          }\r\n          @if (item().validityState > 0) {\r\n          <span class=\"badge-red\">{{item().validityDescription}}</span>\r\n          }\r\n        </div>\r\n        @if(item().description && item().model === modelsEnum.Coordinamento) {\r\n        <div class=\"title\">{{item().description}}</div>\r\n        }\r\n        @if (item().title2 &&\r\n        item().model !== modelsEnum.Coordinamento &&\r\n        item().model !== modelsEnum.AllerteAlimentari &&\r\n        item().model !== modelsEnum.Scadenze &&\r\n        item().model !== modelsEnum.Segnalazioni) {\r\n        <div class=\"title\">{{item().title2}}</div>\r\n        }\r\n        @if (item().originDescription ) {\r\n        <div class=\"info-1\">\r\n          {{item().originDescription}}</div>\r\n        }\r\n        @if (item().anchors.length > 0) {\r\n        <div class=\"details\">\r\n          <div>DETTAGLIO</div>\r\n          <div class=\"links\">\r\n            @for (a of item().anchors; track $index) {\r\n            <span>\r\n              @if (a.uri && a.text) {\r\n              <a (click)=\"parent()?.open(a.documentId + '#' + a.uri)\" [matTooltip]=\"a.title\">{{a.text}} @if\r\n                (a.veryRelevant) {\r\n                <sup>\r\n                  <mat-icon style='font-size:x-small; height: 10px; width:10px' color=\"primary\"\r\n                    matTooltip=\"Molto rilevante\">thumb_up_alt</mat-icon>\r\n                </sup>\r\n                }</a>\r\n              }\r\n              @if (!a.uri && a.text) {\r\n              <span>{{a.text}}</span>\r\n              }\r\n            </span>\r\n            }\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (item().taxonomy?.length > 0) {\r\n        <div class=\"details\">\r\n          <div>ARGOMENTI</div>\r\n          <div class=\"links\">\r\n            @for (n of item().taxonomy?.split('\\r\\n'); track $index) {\r\n            <div class=\"link\">\r\n              {{n}}\r\n            </div>\r\n            }\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (item().title2 && item().model === modelsEnum.Coordinamento) {\r\n        <div class=\"details\">\r\n          <div>TITOLO DOCUMENTO MODIFICATO</div>\r\n          <div class=\"links\">\r\n            <div>{{item().title2}}</div>\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (item().description && item().model === modelsEnum.Coordinamento) {\r\n        <div class=\"details\">\r\n          <div>PROSSIMA SCADENZA</div>\r\n          <div class=\"links\">\r\n            <div>{{item().description}}</div>\r\n          </div>\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n    <div fxFlex=\"48px\" fxLayoutAlign=\"end\">\r\n      @if (item().isOver || item().isMenuOpen || isSelected()) {\r\n      @if (isReadable() && !isRead() && item().model !== modelsEnum.Scadenze && item().model !== modelsEnum.Segnalazioni)\r\n      {\r\n      <button type=\"button\" mat-icon-button matTooltip=\"Segna come gi\u00E0 letta\" [attr.aria-label]=\"'Segna come gi\u00E0 letta'\"\r\n        (click)=\"parent()?.toggleRead(item(), $event)\">\r\n        <mat-icon>flag</mat-icon>\r\n      </button>\r\n      }\r\n      @if(item().model === modelsEnum.Scadenze || item().model === modelsEnum.Segnalazioni) {\r\n      <button type=\"button\" mat-icon-button matTooltip=\"Aggiungi al tuo calendario\"\r\n        [attr.aria-label]=\"'Aggiungi al tuo calendario'\">\r\n        <mat-icon>add</mat-icon>\r\n      </button>\r\n      }\r\n      <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Menu\" [attr.aria-label]=\"'Menu opzioni'\"\r\n        [matMenuTriggerFor]=\"actions()\" [matMenuTriggerData]=\"{item: item()}\" (click)=\"item().isMenuOpen = true\">\r\n        <mat-icon>more_vert</mat-icon>\r\n      </button>\r\n      }\r\n    </div>\r\n  </div>\r\n  } @else {\r\n  <div class=\"tile\" (contextmenu)=\"onContextMenu($event, item())\" (mouseenter)=\"item().isOver = true\" (mouseleave)=\"item().isOver = false\" [ngClass]=\"{'item-selected': isSelected(), \r\n    'item-unread': isRead()}\" (click)=\"parent()?.open(item().documentId)\">\r\n    <div class=\"image-mark\" [ngClass]=\"{'image-mark-unread': !isRead()}\"></div>\r\n    <div class=\"image\">\r\n      @if (isReadable() || isSelectable()) {\r\n      <div class=\"buttons\">\r\n        @if (isReadable() && !isRead() && item().isOver === true) {\r\n        <button mat-icon-button class=\"read\" matTooltip=\"Segna come gi\u00E0 letto\"\r\n          (click)=\"parent()?.toggleRead(item(), $event)\"><mat-icon>flag</mat-icon></button>\r\n        }\r\n        @if (isSelectable() && (isSelected() || item().isOver === true)) {\r\n        <button mat-icon-button class=\"check\" [ngClass]=\"{'check-selected': isSelected()}\"\r\n          matTooltip=\"Seleziona/Deseleziona\"\r\n          (click)=\"parent()?.toggleSelection(item(), $event)\"><mat-icon>check</mat-icon></button>\r\n        }\r\n      </div>\r\n      }\r\n      <div class=\"info-1\">{{item().modelName}}</div>\r\n      @if (item().info) {\r\n      <div class=\"info-2\">{{item().info}}</div>\r\n      }\r\n      @if (item().pictureId && tilePictureUrl()) {\r\n      <img decoding=\"async\" loading=\"lazy\" [src]=\"tilePictureUrl() + '?id=' + item().pictureId\" [alt]=\"item().title2\" />\r\n      } @else if (tileNoPictureUrl()) {\r\n      <picture>\r\n        <img decoding=\"async\" loading=\"lazy\" [src]=\"tileNoPictureUrl()\"\r\n          [alt]=\"item().title2 || 'immagine non trovata'\" />\r\n      </picture>\r\n      }\r\n    </div>\r\n    <div class=\"body\">\r\n      <div class=\"date\">\r\n        <span class=\"date-day\" [ngClass]=\"{'unread': !item().isRead}\">{{item().date | format:'D':'d\r\n          MMMM'}}</span>\r\n        <span class=\"date-divider\"></span>\r\n        <span>{{item().date| format:'D':'yyyy'}}</span>\r\n      </div>\r\n      <div class=\"title\">{{item().title2}}</div>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\r\n<div #contextMenuTrigger=\"matMenuTrigger\" style=\"position: fixed\" [style.left]=\"contextMenuPosition.x\"\r\n  [style.top]=\"contextMenuPosition.y\" [matMenuTriggerFor]=\"actions()\" [matMenuTriggerData]=\"{item: item}\">\r\n</div>", styles: [".dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.smaller{font-size:smaller}.small{font-size:small!important;line-height:16px}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:14px}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-accent, #7894ae)!important}.primary{color:var(--ars-primary, #00a293)!important}.secondary{color:var(--ars-secondary, #4a635f)!important}.error{color:var(--ars-error, #ff5449)!important}.warning{color:var(--ars-warning, #FFC107)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer,.drawer-small{min-width:420px!important;max-width:420px!important;padding:20px 0 0}.drawer .title-container,.drawer-small .title-container{padding:20px 10px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 10px 20px}.drawer .title,.drawer-small .title{font-size:1.2em;font-weight:600;padding-left:10px;min-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:15px;padding-right:20px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-bottom:20px!important}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.drawer-small{min-width:360px!important;max-width:360px!important}.drawer-small .title{min-width:150px}@media screen and (min-width: 0px) and (max-width: 359px){.drawer{min-width:360px!important;max-width:360px!important}.drawer .title{min-width:150px}}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (prefers-color-scheme: dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b{font-weight:600}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600;text-transform:uppercase}.clipper-selection-icon-button{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-primary-hi, #12c0ae)}.expired,.unread{color:var(--ars-error, #ff5449)!important}.expiring{color:var(--ars-warning, #FFC107)!important}.error-bg,.expired-bg,.unread-bg{background-color:var(--ars-error, #ff5449)}.expiring-bg{background-color:var(--ars-warning, #FFC107)}.popular-bg{background-color:#388e3c}.very-popular-bg{background-color:#4caf50}.item-selected{background-color:var(--ars-item-selected-background-color, #ced1d2);border-radius:0!important}.item-unread{font-weight:bolder}.items-group-title{color:var(--ars-accent, #7894ae);font-size:large;font-weight:700;padding-left:25px;padding-bottom:10px;padding-top:10px}.items-group-title .group-spaced{padding:10px 0 0!important}.items-footer{padding-top:10px}.item{border-radius:12px;padding:10px 6px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item-content .info-1{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent, #7894ae)}.item-content .info-2{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent-low, #456179)}.item-content .title{font-size:small;line-height:18px}.item-content .details{margin-top:4px;font-size:x-small;font-weight:700;line-height:15px;color:var(--ars-accent-low, #456179);text-transform:uppercase;border-left:4px solid var(--ars-accent-low, #456179);padding-left:10px}.item-content .details .links{text-transform:none;text-decoration:none}.item-content .details .links a,.item-content .details .links span,.item-content .details .links div{margin-right:8px;font-weight:600;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-link, #03A9F4);font-weight:600}.item-content a.link{color:var(--ars-link, #03A9F4);cursor:pointer!important}.item-content:hover{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer;padding:10px 13px;margin-bottom:2px}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--ars-error, #ff5449);margin:0 8px}.tile .image{height:180px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .image img{object-fit:cover;width:100%;height:100%}.tile .image .info-1{position:absolute;left:0;bottom:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-text, #191c1b);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .info-2{position:absolute;right:0;top:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-accent, #7894ae);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .image .buttons .check,.tile .image .buttons .read{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .buttons .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .date{padding:8px 0 6px;font-weight:700;text-transform:uppercase}.tile .date .date-day{color:var(--ars-accent, #7894ae)}.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .time{font-size:small;font-weight:700}.tile .title{text-decoration:none;font-size:small;min-height:72px;overflow:hidden}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:var(--ars-accent, #7894ae);text-transform:uppercase;white-space:nowrap;color:var(--ars-color-text, #191c1b)}.badge-red{background-color:var(--ars-error, #ff5449);color:var(--ars-color-text, #191c1b)}.busy-backdrop{background-color:#00000052!important}.legend-container{display:flex;flex-direction:row;align-items:center;font-size:x-small;text-transform:uppercase;font-weight:500;margin-left:10px}.legend-container .legend{display:inline-block;height:8px;width:8px;margin-right:4px}.legend-container .next{margin-left:8px}.special-date,.special-date-expired{border:2px var(--ars-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-error, #ff5449) solid!important}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i1$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "directive", type: i6$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i1.DefaultFlexAlignDirective, selector: "  [fxFlexAlign], [fxFlexAlign.xs], [fxFlexAlign.sm], [fxFlexAlign.md],  [fxFlexAlign.lg], [fxFlexAlign.xl], [fxFlexAlign.lt-sm], [fxFlexAlign.lt-md],  [fxFlexAlign.lt-lg], [fxFlexAlign.lt-xl], [fxFlexAlign.gt-xs], [fxFlexAlign.gt-sm],  [fxFlexAlign.gt-md], [fxFlexAlign.gt-lg]", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg"] }, { kind: "directive", type: i1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "pipe", type: FormatPipe, name: "format" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchResultItemComponent, decorators: [{
-            type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'clipper-search-result-item', standalone: true, imports: [
-                        NgClass,
-                        MatCheckboxModule,
-                        MatButtonModule,
-                        MatTooltipModule,
-                        MatIconModule,
-                        MatMenuModule,
-                        FlexLayoutModule,
-                        FormatPipe
-                    ], template: "<div>\r\n  @if (displayMode() === displayModesEnum.List ) {\r\n  <div class=\"item\" fxLayout=\"row\" fxLayoutGap=\"6px\" fxLayoutAlign=\"start center\" fxFill\r\n    [ngClass]=\"{'item-selected': isSelected() }\" (contextmenu)=\"onContextMenu($event, item())\"\r\n    (mouseenter)=\"item().isOver = true\" (mouseleave)=\"item().isOver = false\">\r\n    <div fxFlex=\"6px\" [ngClass]=\"parent()?.getItemStateCssClass(item)\"\r\n      [matTooltip]=\"parent()?.getItemStateTooltip(item)\">\r\n    </div>\r\n    <div [fxFlex]=\"isSelectable() ? '48px' : '18px'\" fxLayoutAlign=\"center\">\r\n      @if (isSelectable() && (screenService.isTouchable || item().isOver || isSelected())) {\r\n      <mat-checkbox (click)=\"$event.stopPropagation()\"\r\n        (change)=\"$event ? parent()?.selection?.toggle(item(), item().documentId) : null\" [checked]=\"isSelected()\">\r\n      </mat-checkbox>\r\n      }\r\n    </div>\r\n    <div fxFlex=\"*\">\r\n      <div class=\"item-content\">\r\n        @if (displayModelName() && item().modelName) {\r\n        <div class=\"info-2\">{{item().modelName}}</div>\r\n        }\r\n        @if (item().info) {\r\n        <div class=\"info-1\">{{item().info}}</div>\r\n        } @else if (item().date) {\r\n        <div class=\"info-1\">{{item().date | format:'D':'d MMM yyyy'}}</div>\r\n        } @else if (item().author && (item().origin === 'LR' || item().origin === 'GR' || item().origin\r\n        ===\r\n        'GN')) {\r\n        <div class=\"info-1\">{{item().author}}</div>\r\n        }\r\n        <div>\r\n          <a class=\"link\" (click)=\"parent()?.open(item().documentId)\"\r\n            [attr.aria-label]=\"'Apri documento ' + item().title1\">{{item().title1 ?? item().title2}}</a>\r\n          @if (item().part > 0) {\r\n          <span class=\"badge\">PARTE {{item().part}}</span>\r\n          }\r\n          @if (item().isCommented) {\r\n          <span class=\"badge\">COMMENTATA</span>\r\n          }\r\n          @if (item().validityState > 0) {\r\n          <span class=\"badge-red\">{{item().validityDescription}}</span>\r\n          }\r\n        </div>\r\n        @if(item().description && item().model === modelsEnum.Coordinamento) {\r\n        <div class=\"title\">{{item().description}}</div>\r\n        }\r\n        @if (item().title2 &&\r\n        item().model !== modelsEnum.Coordinamento &&\r\n        item().model !== modelsEnum.AllerteAlimentari &&\r\n        item().model !== modelsEnum.Scadenze &&\r\n        item().model !== modelsEnum.Segnalazioni) {\r\n        <div class=\"title\">{{item().title2}}</div>\r\n        }\r\n        @if (item().originDescription ) {\r\n        <div class=\"info-1\">\r\n          {{item().originDescription}}</div>\r\n        }\r\n        @if (item().anchors.length > 0) {\r\n        <div class=\"details\">\r\n          <div>DETTAGLIO</div>\r\n          <div class=\"links\">\r\n            @for (a of item().anchors; track $index) {\r\n            <span>\r\n              @if (a.uri && a.text) {\r\n              <a (click)=\"parent()?.open(a.documentId + '#' + a.uri)\" [matTooltip]=\"a.title\">{{a.text}} @if\r\n                (a.veryRelevant) {\r\n                <sup>\r\n                  <mat-icon style='font-size:x-small; height: 10px; width:10px' color=\"primary\"\r\n                    matTooltip=\"Molto rilevante\">thumb_up_alt</mat-icon>\r\n                </sup>\r\n                }</a>\r\n              }\r\n              @if (!a.uri && a.text) {\r\n              <span>{{a.text}}</span>\r\n              }\r\n            </span>\r\n            }\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (item().taxonomy?.length > 0) {\r\n        <div class=\"details\">\r\n          <div>ARGOMENTI</div>\r\n          <div class=\"links\">\r\n            @for (n of item().taxonomy?.split('\\r\\n'); track $index) {\r\n            <div class=\"link\">\r\n              {{n}}\r\n            </div>\r\n            }\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (item().title2 && item().model === modelsEnum.Coordinamento) {\r\n        <div class=\"details\">\r\n          <div>TITOLO DOCUMENTO MODIFICATO</div>\r\n          <div class=\"links\">\r\n            <div>{{item().title2}}</div>\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (item().description && item().model === modelsEnum.Coordinamento) {\r\n        <div class=\"details\">\r\n          <div>PROSSIMA SCADENZA</div>\r\n          <div class=\"links\">\r\n            <div>{{item().description}}</div>\r\n          </div>\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n    <div fxFlex=\"48px\" fxLayoutAlign=\"end\">\r\n      @if (item().isOver || item().isMenuOpen || isSelected()) {\r\n      @if (isReadable() && !isRead() && item().model !== modelsEnum.Scadenze && item().model !== modelsEnum.Segnalazioni)\r\n      {\r\n      <button type=\"button\" mat-icon-button matTooltip=\"Segna come gi\u00E0 letta\" [attr.aria-label]=\"'Segna come gi\u00E0 letta'\"\r\n        (click)=\"parent()?.toggleRead(item(), $event)\">\r\n        <mat-icon>flag</mat-icon>\r\n      </button>\r\n      }\r\n      @if(item().model === modelsEnum.Scadenze || item().model === modelsEnum.Segnalazioni) {\r\n      <button type=\"button\" mat-icon-button matTooltip=\"Aggiungi al tuo calendario\"\r\n        [attr.aria-label]=\"'Aggiungi al tuo calendario'\">\r\n        <mat-icon>add</mat-icon>\r\n      </button>\r\n      }\r\n      <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Menu\" [attr.aria-label]=\"'Menu opzioni'\"\r\n        [matMenuTriggerFor]=\"actions()\" [matMenuTriggerData]=\"{item: item()}\" (click)=\"item().isMenuOpen = true\">\r\n        <mat-icon>more_vert</mat-icon>\r\n      </button>\r\n      }\r\n    </div>\r\n  </div>\r\n  } @else {\r\n  <div class=\"tile\" (contextmenu)=\"onContextMenu($event, item())\" (mouseenter)=\"item().isOver = true\" (mouseleave)=\"item().isOver = false\" [ngClass]=\"{'item-selected': isSelected(), \r\n    'item-unread': isRead()}\" (click)=\"parent()?.open(item().documentId)\">\r\n    <div class=\"image-mark\" [ngClass]=\"{'image-mark-unread': !isRead()}\"></div>\r\n    <div class=\"image\">\r\n      @if (isReadable() || isSelectable()) {\r\n      <div class=\"buttons\">\r\n        @if (isReadable() && !isRead() && item().isOver === true) {\r\n        <button mat-icon-button class=\"read\" matTooltip=\"Segna come gi\u00E0 letto\"\r\n          (click)=\"parent()?.toggleRead(item(), $event)\"><mat-icon>flag</mat-icon></button>\r\n        }\r\n        @if (isSelectable() && (isSelected() || item().isOver === true)) {\r\n        <button mat-icon-button class=\"check\" [ngClass]=\"{'check-selected': isSelected()}\"\r\n          matTooltip=\"Seleziona/Deseleziona\"\r\n          (click)=\"parent()?.toggleSelection(item(), $event)\"><mat-icon>check</mat-icon></button>\r\n        }\r\n      </div>\r\n      }\r\n      <div class=\"info-1\">{{item().modelName}}</div>\r\n      @if (item().info) {\r\n      <div class=\"info-2\">{{item().info}}</div>\r\n      }\r\n      @if (item().pictureId && tilePictureUrl()) {\r\n      <img decoding=\"async\" loading=\"lazy\" [src]=\"tilePictureUrl() + '?id=' + item().pictureId\" [alt]=\"item().title2\" />\r\n      } @else if (tileNoPictureUrl()) {\r\n      <picture>\r\n        <img decoding=\"async\" loading=\"lazy\" [src]=\"tileNoPictureUrl()\"\r\n          [alt]=\"item().title2 || 'immagine non trovata'\" />\r\n      </picture>\r\n      }\r\n    </div>\r\n    <div class=\"body\">\r\n      <div class=\"date\">\r\n        <span class=\"date-day\" [ngClass]=\"{'unread': !item().isRead}\">{{item().date | format:'D':'d\r\n          MMMM'}}</span>\r\n        <span class=\"date-divider\"></span>\r\n        <span>{{item().date| format:'D':'yyyy'}}</span>\r\n      </div>\r\n      <div class=\"title\">{{item().title2}}</div>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\r\n<div #contextMenuTrigger=\"matMenuTrigger\" style=\"position: fixed\" [style.left]=\"contextMenuPosition.x\"\r\n  [style.top]=\"contextMenuPosition.y\" [matMenuTriggerFor]=\"actions()\" [matMenuTriggerData]=\"{item: item}\">\r\n</div>", styles: [".dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.smaller{font-size:smaller}.small{font-size:small!important;line-height:16px}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:14px}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-accent, #7894ae)!important}.primary{color:var(--ars-primary, #00a293)!important}.secondary{color:var(--ars-secondary, #4a635f)!important}.error{color:var(--ars-error, #ff5449)!important}.warning{color:var(--ars-warning, #FFC107)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer,.drawer-small{min-width:420px!important;max-width:420px!important;padding:20px 0 0}.drawer .title-container,.drawer-small .title-container{padding:20px 10px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 10px 20px}.drawer .title,.drawer-small .title{font-size:1.2em;font-weight:600;padding-left:10px;min-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:15px;padding-right:20px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-bottom:20px!important}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.drawer-small{min-width:360px!important;max-width:360px!important}.drawer-small .title{min-width:150px}@media screen and (min-width: 0px) and (max-width: 359px){.drawer{min-width:360px!important;max-width:360px!important}.drawer .title{min-width:150px}}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (prefers-color-scheme: dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b{font-weight:600}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600;text-transform:uppercase}.clipper-selection-icon-button{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-primary-hi, #12c0ae)}.expired,.unread{color:var(--ars-error, #ff5449)!important}.expiring{color:var(--ars-warning, #FFC107)!important}.error-bg,.expired-bg,.unread-bg{background-color:var(--ars-error, #ff5449)}.expiring-bg{background-color:var(--ars-warning, #FFC107)}.popular-bg{background-color:#388e3c}.very-popular-bg{background-color:#4caf50}.item-selected{background-color:var(--ars-item-selected-background-color, #ced1d2);border-radius:0!important}.item-unread{font-weight:bolder}.items-group-title{color:var(--ars-accent, #7894ae);font-size:large;font-weight:700;padding-left:25px;padding-bottom:10px;padding-top:10px}.items-group-title .group-spaced{padding:10px 0 0!important}.items-footer{padding-top:10px}.item{border-radius:12px;padding:10px 6px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item-content .info-1{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent, #7894ae)}.item-content .info-2{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent-low, #456179)}.item-content .title{font-size:small;line-height:18px}.item-content .details{margin-top:4px;font-size:x-small;font-weight:700;line-height:15px;color:var(--ars-accent-low, #456179);text-transform:uppercase;border-left:4px solid var(--ars-accent-low, #456179);padding-left:10px}.item-content .details .links{text-transform:none;text-decoration:none}.item-content .details .links a,.item-content .details .links span,.item-content .details .links div{margin-right:8px;font-weight:600;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-link, #03A9F4);font-weight:600}.item-content a.link{color:var(--ars-link, #03A9F4);cursor:pointer!important}.item-content:hover{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer;padding:10px 13px;margin-bottom:2px}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--ars-error, #ff5449);margin:0 8px}.tile .image{height:180px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .image img{object-fit:cover;width:100%;height:100%}.tile .image .info-1{position:absolute;left:0;bottom:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-text, #191c1b);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .info-2{position:absolute;right:0;top:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-accent, #7894ae);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .image .buttons .check,.tile .image .buttons .read{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .buttons .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .date{padding:8px 0 6px;font-weight:700;text-transform:uppercase}.tile .date .date-day{color:var(--ars-accent, #7894ae)}.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .time{font-size:small;font-weight:700}.tile .title{text-decoration:none;font-size:small;min-height:72px;overflow:hidden}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:var(--ars-accent, #7894ae);text-transform:uppercase;white-space:nowrap;color:var(--ars-color-text, #191c1b)}.badge-red{background-color:var(--ars-error, #ff5449);color:var(--ars-color-text, #191c1b)}.busy-backdrop{background-color:#00000052!important}.legend-container{display:flex;flex-direction:row;align-items:center;font-size:x-small;text-transform:uppercase;font-weight:500;margin-left:10px}.legend-container .legend{display:inline-block;height:8px;width:8px;margin-right:4px}.legend-container .next{margin-left:8px}.special-date,.special-date-expired{border:2px var(--ars-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-error, #ff5449) solid!important}\n"] }]
-        }], propDecorators: { contextMenuTrigger: [{
-                type: ViewChild,
-                args: ['contextMenuTrigger']
-            }] } });
-
-class ClipperSearchCalendarComponent {
-    constructor() {
-        this.changed = new EventEmitter();
-        this.busy = signal(false);
-        this.months = null;
-        this.calendarSpecialDays = null;
-        this.calendarEmptyHeader = CalendarEmptyHeader;
-        this.calendarDate = startOfToday();
-        this.calendarDateClass = (cellDate) => {
-            if (!this.calendarSpecialDays)
-                return '';
-            if (this.calendarSpecialDays[cellDate.getDate() - 1] > 0) {
-                return cellDate < startOfToday() ? 'special-date-expired' : 'special-date';
-            }
-            return '';
+        this.isLaws = () => {
+            return (this.dialogData.displayMode === "laws" ||
+                (this.dialogData.displayMode === "module" && this.dialogData.module === ClipperModule.NormativaVigente) ||
+                (this.dialogData.displayMode === "module" && this.dialogData.module === ClipperModule.GazzetteBollettiniEFontiDiverse));
         };
-        this.calendarDateFilter = () => { return false; };
-        /**
-       * Disable date selection from calendar
-       */
-        this.filterCalendarDates = () => {
-            return true;
+        this.isNews = () => {
+            return (this.dialogData.displayMode === "news" ||
+                (this.dialogData.displayMode === "module" && this.dialogData.module === ClipperModule.News) ||
+                (this.dialogData.displayMode === "module" && this.dialogData.module === ClipperModule.Approfondimenti));
+        };
+        this.isModule = (module) => {
+            return this.dialogData.displayMode === "module" && this.dialogData.module === module;
+        };
+        this.hasRegions = () => {
+            return (this.params.sectors?.filter(n => n.value === 'LR').length ?? 0) > 0;
+        };
+        this.hasAuthorOrType = () => {
+            return this.params.sectors?.length === 1 && this.isLaws();
         };
+        this.regions = [...ClipperRegions];
+        this.channels = [...ClipperChannels];
+        this.sources = [];
+        this.authors = [];
+        this.types = [];
+        this.topics = [];
+        this.interval = new DateInterval();
+        this.sourceInterval = new DateInterval();
     }
-    /**
-     * Update calendar
-     * @param value : the snapshot
-     * @param view : view to update 'month' or ' months'. Default is 'months'
-     * @param date : the new current date
-     */
-    update(value = null, view = 'months', date) {
-        this.busy.set(true);
-        setTimeout(() => {
-            if (view === 'months') {
-                this.months = value?.months;
-            }
-            else {
-                if (value && value.months && value.months.length > 0)
-                    this.calendarSpecialDays = value.months[0].days;
-                if (this.calendar) {
-                    this.calendar.activeDate = date;
-                    this.calendar.selected = date;
-                    this.calendar.updateTodaysDate();
-                }
-                this.calendarDate = date;
+    ngOnInit() {
+        if (this.dialogData) {
+            if (this.dialogData.displayMode === 'simple') {
+                this.params.text = this.dialogData.text;
+                this.params.titleOnly = this.dialogData.titleOnly;
+                this.params.number = this.dialogData.number;
+                this.params.year = this.dialogData.year;
+                this.params.fromDate = this.dialogData.fromDate;
+                this.params.toDate = this.dialogData.toDate;
+                this.interval = new DateInterval(this.params.fromDate, this.params.toDate);
             }
-            this.busy.set(false);
-        }, 250);
-    }
-    /**
-     * Filter by date
-     * @param date : the date to filter to or "month" to filter by the whole month.
-     */
-    filterByDate(date) {
-        if (date === 'month') {
-            if (this.calendarDate) {
-                this.changed.emit(new DateInterval(endOfDay(startOfMonth(this.calendarDate)), endOfMonth(this.calendarDate)));
+            else if (this.isLaws()) {
+                this.params.text = this.dialogData.text;
+                this.params.titleOnly = this.dialogData.titleOnly;
+                this.params.number = this.dialogData.number;
+                this.params.year = this.dialogData.year;
+                this.params.fromDate = this.dialogData.fromDate;
+                this.params.toDate = this.dialogData.toDate;
+                this.interval = new DateInterval(this.params.fromDate, this.params.toDate);
+                this.params.source = this.dialogData.source;
+                this.params.sourceNumber = this.dialogData.sourceNumber;
+                this.params.sourceYear = this.dialogData.sourceYear;
+                this.params.sourceFromDate = this.dialogData.sourceFromDate;
+                this.params.sourceToDate = this.dialogData.sourceToDate;
+                this.sourceInterval = new DateInterval(this.params.sourceFromDate, this.params.sourceToDate);
+                this.params.sectors = this.dialogData.sectors;
+                this.params.authors = this.dialogData.authors;
+                this.params.type = this.dialogData.type;
+                this.params.topic = this.dialogData.topic;
+                this.params.showCommentedDocumentsOnly = this.dialogData.showCommentedDocumentsOnly;
+            }
+            else if (this.isNews()) {
+                this.params.text = this.dialogData.text;
+                this.params.titleOnly = this.dialogData.titleOnly;
+                this.params.year = this.dialogData.year;
+                this.params.fromDate = this.dialogData.fromDate;
+                this.params.toDate = this.dialogData.toDate;
+                this.interval = new DateInterval(this.params.fromDate, this.params.toDate);
+                this.params.sectors = this.dialogData.sectors;
+            }
+            else if (this.dialogData.displayMode === 'module') {
+                switch (this.dialogData.module) {
+                    case ClipperModule.Giurisprudenza:
+                        this.params.text = this.dialogData.text;
+                        this.params.titleOnly = this.dialogData.titleOnly;
+                        this.params.number = this.dialogData.number;
+                        this.params.year = this.dialogData.year;
+                        this.params.fromDate = this.dialogData.fromDate;
+                        this.params.toDate = this.dialogData.toDate;
+                        this.interval = new DateInterval(this.params.fromDate, this.params.toDate);
+                        this.params.sectors = this.dialogData.sectors;
+                        break;
+                    case ClipperModule.ModificheAbrogazioniERinvii:
+                        this.params.changeReason = this.dialogData.changeReason;
+                        this.params.changedNumber = this.dialogData.changedNumber;
+                        this.params.changedYear = this.dialogData.changedYear;
+                        this.params.changedTitle = this.dialogData.changedTitle;
+                        this.params.modifierNumber = this.dialogData.modifierNumber;
+                        this.params.modifierYear = this.dialogData.modifierYear;
+                        this.params.modifierTitle = this.dialogData.modifierTitle;
+                        this.params.sectors = this.dialogData.sectors;
+                        break;
+                    default:
+                        this.params.text = this.dialogData.text;
+                        this.params.titleOnly = this.dialogData.titleOnly;
+                        this.params.year = this.dialogData.year;
+                        this.params.fromDate = this.dialogData.fromDate;
+                        this.params.toDate = this.dialogData.toDate;
+                        this.interval = new DateInterval(this.params.fromDate, this.params.toDate);
+                        break;
+                }
             }
         }
-        else if (date) {
-            this.changed.emit(new DateInterval(endOfDay(date), endOfDay(date)));
-        }
-        else {
-            this.changed.emit(null);
+        if (this.isLaws()) {
+            if (!this.clipperService.loggedIn())
+                return;
+            this.clipperService.getTopics()
+                .subscribe(r => {
+                if (r.success) {
+                    let name = '';
+                    r.value.forEach((n) => {
+                        name = '';
+                        (n.value.match(/./g) || []).forEach(() => {
+                            name += '&nbsp;&nbsp;';
+                        });
+                        name += n.value + ' - ' + n.name;
+                        n.title = name;
+                    });
+                    this.topics = r.value;
+                }
+            });
+            if (this.hasAuthorOrType()) {
+                this.sectorsChanged();
+            }
         }
     }
-    /**
-     * Filter by month
-     * @param monthInfo: the month info
-     */
-    filterByMonth(monthInfo) {
-        let d = new Date(monthInfo.year, monthInfo.month - 1, 1);
-        this.changed.emit(new DateInterval(endOfDay(startOfMonth(d)), endOfMonth(d)));
-        this.calendarSpecialDays = monthInfo.days;
-        this.calendar.activeDate = d;
-        this.calendar.updateTodaysDate();
-        this.calendarDate = d;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: ClipperSearchCalendarComponent, isStandalone: true, selector: "clipper-search-calendar", outputs: { changed: "changed" }, viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true }], ngImport: i0, template: "<div fxLayout=\"column\" fxFill class=\"calendar-container scroll-hidden\">\r\n  <div class=\"calendar-months\">\r\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"center\" fxLayoutGap=\"8px\" fxFill>\r\n      @for (m of months; track m) {\r\n      <button fxFlex=\"37px\" mat-button class=\"small uppercase\" (click)=\"filterByMonth(m)\"\r\n        [disabled]=\"m.total === 0\">\r\n        @if (m.expired) {\r\n        <span class=\"expired\" [matTooltip]=\"m.expired + ' elementi in ritardo'\">{{m.monthShortName}}</span>\r\n        }\r\n        @if (!m.expired) {\r\n        <span [matTooltip]=\"m.total + ' elementi'\">{{m.monthShortName}}</span>\r\n        }\r\n      </button>\r\n      }\r\n    </div>\r\n    <div class=\"separator\"></div>\r\n  </div>\r\n  <div fxFlex=\"*\" class=\"scroll-auto\">\r\n    @if (!busy()) {\r\n    <mat-calendar #calendar [headerComponent]=\"calendarEmptyHeader\" [dateClass]=\"calendarDateClass\"\r\n      [dateFilter]=\"calendarDateFilter\" (selectedChange)=\"filterByDate($event)\" class=\"calendar-month\">\r\n    </mat-calendar>\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-around\" style=\"padding:0 15px\">\r\n      <button type=\"button\" mat-button color=\"primary\" (click)=\"filterByDate('month')\">Tutto il\r\n        mese</button>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>", styles: [".calendar-container{padding-top:20px;padding-bottom:10px}.calendar-message{padding-top:10px;padding-left:15px}.calendar-months{padding:0 15px}.calendar-months .separator{border-top:1px var(--ars-color-divider, #757d87) solid;margin-top:15px;padding-top:15px}.calendar-months .expired{color:var(--ars-color-error, #ff5449)}.calendar-month{padding:10px 0 30px;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: FlexModule }, { kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatCalendar, selector: "mat-calendar", inputs: ["headerComponent", "startAt", "startView", "selected", "minDate", "maxDate", "dateFilter", "dateClass", "comparisonStart", "comparisonEnd", "startDateAccessibleName", "endDateAccessibleName"], outputs: ["selectedChange", "yearSelected", "monthSelected", "viewChanged", "_userSelection", "_userDragDrop"], exportAs: ["matCalendar"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "ngmodule", type: MatExpansionModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchCalendarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'clipper-search-calendar', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        FlexModule,
-                        MatButtonModule,
-                        MatTooltipModule,
-                        MatCalendar,
-                        MatChipsModule,
-                        MatIconModule,
-                        MatDividerModule,
-                        MatExpansionModule
-                    ], template: "<div fxLayout=\"column\" fxFill class=\"calendar-container scroll-hidden\">\r\n  <div class=\"calendar-months\">\r\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"center\" fxLayoutGap=\"8px\" fxFill>\r\n      @for (m of months; track m) {\r\n      <button fxFlex=\"37px\" mat-button class=\"small uppercase\" (click)=\"filterByMonth(m)\"\r\n        [disabled]=\"m.total === 0\">\r\n        @if (m.expired) {\r\n        <span class=\"expired\" [matTooltip]=\"m.expired + ' elementi in ritardo'\">{{m.monthShortName}}</span>\r\n        }\r\n        @if (!m.expired) {\r\n        <span [matTooltip]=\"m.total + ' elementi'\">{{m.monthShortName}}</span>\r\n        }\r\n      </button>\r\n      }\r\n    </div>\r\n    <div class=\"separator\"></div>\r\n  </div>\r\n  <div fxFlex=\"*\" class=\"scroll-auto\">\r\n    @if (!busy()) {\r\n    <mat-calendar #calendar [headerComponent]=\"calendarEmptyHeader\" [dateClass]=\"calendarDateClass\"\r\n      [dateFilter]=\"calendarDateFilter\" (selectedChange)=\"filterByDate($event)\" class=\"calendar-month\">\r\n    </mat-calendar>\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-around\" style=\"padding:0 15px\">\r\n      <button type=\"button\" mat-button color=\"primary\" (click)=\"filterByDate('month')\">Tutto il\r\n        mese</button>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>", styles: [".calendar-container{padding-top:20px;padding-bottom:10px}.calendar-message{padding-top:10px;padding-left:15px}.calendar-months{padding:0 15px}.calendar-months .separator{border-top:1px var(--ars-color-divider, #757d87) solid;margin-top:15px;padding-top:15px}.calendar-months .expired{color:var(--ars-color-error, #ff5449)}.calendar-month{padding:10px 0 30px;width:100%}\n"] }]
-        }], propDecorators: { calendar: [{
-                type: ViewChild,
-                args: ['calendar']
-            }], changed: [{
-                type: Output
-            }] } });
-
-class ClipperSearchResultManager {
-    constructor() {
-        this.unsubscribe = new Subject();
-        this.changeDetector = inject(ChangeDetectorRef);
-        this.clipperService = inject(ClipperService);
-        this.breakpointObserver = inject(BreakpointObserver);
-        this.broadcastService = inject(BroadcastService);
-        this.dialogService = inject(ApplicationDialogService);
-        this.screenService = inject(ScreenService);
-        this.selection = null;
-        this.snapshot = new ClipperSearchResult();
-        this.filterBusy = signal(false);
-        this.filterParams = new ClipperSearchParams();
-        this.filterPaneHasBackdrop = false;
-        this.filterPaneClosed = false;
-        this.filterPane2HasBackdrop = false;
-        this.filterPane2Closed = false;
-        this.sortOptions = [];
-        this.sortMode = null;
-        this.scrollerId = 'scroller_' + SystemUtils.generateUUID();
-        this.restorableId = null;
-        this.hasFacets = signal(false);
-        this.hasCalendar = signal(false);
-        this.hasRegions = () => {
-            return (this.filterParams.sectors?.filter(n => n.value === 'LR').length ?? 0) > 0;
-        };
-    }
     ngOnDestroy() {
         this.unsubscribe.next();
         this.unsubscribe.complete();
     }
     /**
-     * Update menu buttons visibility when the menu is closed
+     * Updates other lists when sectors changes
      */
-    updateMenuButtonsVisibility() {
-        if (this.snapshot) {
-            this.snapshot.items?.forEach((n) => {
-                n.isMenuOpen = false;
+    sectorsChanged() {
+        // Reset authors and types
+        this.params.authors = [];
+        this.params.type = null;
+        if (this.hasAuthorOrType()) {
+            this.authors = [];
+            ClipperAuthors.forEach((n) => {
+                if (n.sectorId === this.params.sectors[0])
+                    this.authors.push(n);
+            });
+            this.types = [];
+            ClipperSectorTypes.forEach((n) => {
+                if (n.parentValue === this.params.sectors[0])
+                    this.types.push(n);
             });
+            if (this.types.length == 0) {
+                this.types = [...ClipperSectorTypes];
+            }
         }
     }
     /**
-     * Scroll on top o list area
-     * @param top: the top position
+     * Clear search
      */
-    scroll(top = 0) {
-        const elem = document.getElementById(this.scrollerId);
-        if (elem) {
-            elem.scrollTo({ top: top, left: 0, behavior: 'auto' });
-        }
+    clear() {
+        ClipperSearchUtils.clear(this.params);
+        this.interval.clear();
+        this.sourceInterval.clear();
+        this.sectorsChanged();
     }
     /**
-     * Check if every element are selected
+   * Show free text help
+   */
+    help() {
+        this.dialogService.open(ClipperSearchFreeTextHelpComponent, {
+            ariaLabel: 'informazioni ricerca',
+            autoFocus: false,
+            restoreFocus: true,
+            disableClose: false,
+            minWidth: '375px',
+            maxWidth: '800px',
+            width: '99%',
+        });
+    }
+    /**
+     * Compose a free text search query
      */
-    allSelected() {
-        return this.selection?.current?.selected?.length === this.snapshot?.items?.length;
+    compose() {
+        const d = this.dialogService.open(ClipperSearchFreeTextQueryBuilderComponent, {
+            ariaLabel: 'costruisci ricerca',
+            autoFocus: false,
+            restoreFocus: true,
+            disableClose: false,
+            minWidth: '375px',
+            maxWidth: '600px',
+            width: '99%'
+        });
+        d.componentInstance.done
+            .subscribe((r) => {
+            this.params.text = r.query;
+            // Finished
+            d.close();
+        });
     }
     /**
-     * Master selection toggle
-     * @param select: true to select all elements false to deselect all elements
+     * Submit search
      */
-    selectAll(select = true) {
-        if (select) {
-            this.snapshot?.items?.forEach((n) => this.selection?.select(n, n.documentId));
+    ok() {
+        this.okButton.focus();
+        if (this.params.text) {
+            this.params.text = ClipperSearchUtils.normalizeTextQuery(this.params.text);
         }
-        else {
-            this.snapshot?.items?.forEach((n) => this.selection?.deselect(n, n.documentId));
+        if (this.interval) {
+            this.params.fromDate = this.interval.from;
+            this.params.toDate = this.interval.to;
         }
+        if (this.sourceInterval) {
+            this.params.sourceFromDate = this.sourceInterval.from;
+            this.params.sourceToDate = this.sourceInterval.to;
+        }
+        this.done.emit(this.params);
     }
     /**
-    * Check if selections exists
-    * @returns true if at least one element is selected
-    */
-    hasAnySelection() {
-        return (this.selection?.all?.length ?? 0) > 0;
-    }
-    /**
-    * Check if only one element is selected
-    * @returns true if only one element is selected
-    */
-    hasSingleSelection() {
-        return (this.selection?.all?.length ?? 0) === 1;
-    }
-    /**
-    * Get the first selected item
-    * @returns the selected item or null
-    */
-    getSingleSelection() {
-        return this.hasAnySelection() ? this.selection?.all[0] : null;
+   * Check if a block of expandable options has a filter on
+   * @param block : the block id
+   * @returns true if at least a value is set
+   */
+    hasFilter(block) {
+        if (block === 'source') {
+            return this.params.sourceNumber != null ||
+                this.params.sourceYear != null ||
+                this.params.source != null ||
+                this.sourceInterval.from != null;
+        }
+        else if (block === 'other') {
+            if (!this.isModule(ClipperModule.ModificheAbrogazioniERinvii)) {
+                return this.params.sourceNumber != null ||
+                    this.params.author != null ||
+                    this.params.type != null ||
+                    this.params.topic != null;
+            }
+            else {
+                return this.params.changeReason != null;
+            }
+        }
+        else if (block === 'modifier') {
+            return this.params.modifierNumber != null ||
+                this.params.modifierYear != null ||
+                this.params.modifierTitle != null;
+        }
+        return false;
     }
-    /**
-    * Clear selection
-    */
-    clearSelection() {
-        return this.selection?.clear();
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: ClipperSearchDialogComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done" }, host: { attributes: { "Bind": SystemUtils.generateUUID() } }, providers: [
+            MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER
+        ], viewQueries: [{ propertyName: "okButton", first: true, predicate: ["okButton"], descendants: true }], ngImport: i0, template: "<h2 mat-dialog-title>Ricerca</h2>\r\n<div mat-dialog-content>\r\n  <form name=\"form\" #f=\"ngForm\" (keyup.Enter)=\"!f.form.invalid ? ok() : null\" novalidate>\r\n    <mat-accordion multi displayMode=\"flat\">\r\n      @if(isLaws() || isModule(modulesEnum.ModificheAbrogazioniERinvii)) {\r\n      <mat-expansion-panel expanded=\"true\" class=\"accordion-panel mat-elevation-z0 \">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Settori\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <chips-selector [(ngModel)]=\"params.sectors\" [multiple]=\"true\" name=\"sectors\" label=\"Settori\"\r\n          [options]=\"sectors\" (changed)=\"sectorsChanged()\" />\r\n        @if(hasRegions())\r\n        {\r\n        <mat-divider style=\"padding-top: 8px; margin-top:8px\"></mat-divider>\r\n        <chips-selector mode=\"collapsed\" [(ngModel)]=\"params.authors\" [multiple]=\"true\" name=\"authors\"\r\n          label=\"Tutte le regioni\" [options]=\"regions\" />\r\n        }\r\n      </mat-expansion-panel>\r\n      } @else if(isNews()) {\r\n      <mat-expansion-panel expanded=\"true\" class=\"accordion-panel mat-elevation-z0 \">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Tipologia\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <chips-selector [(ngModel)]=\"params.sectors\" [multiple]=\"true\" name=\"sectors\" label=\"Tipologia\"\r\n          [options]=\"sectors\" />\r\n      </mat-expansion-panel>\r\n      }\r\n      <mat-expansion-panel expanded=\"true\" class=\"accordion-panel mat-elevation-z0 \">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Documento\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div fxLayout=\"column\">\r\n          @if (isLaws() || isModule(modulesEnum.Giurisprudenza)) {\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n            <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n              <mat-label>Numero</mat-label>\r\n              <input #filterByNumber=\"matInput\" matInput maxlength=\"10\" [(ngModel)]=\"params.number\" name=\"number\" />\r\n              @if (params.number) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.number = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"params.year\" name=\"year\" />\r\n              @if (params.year) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.year = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n          </div>\r\n          }\r\n          @if (isLaws() || !isModule(modulesEnum.ScadenzeESegnalazioni)) {\r\n          <mat-form-field>\r\n            <mat-label>Intervallo di pubblicazione</mat-label>\r\n            <mat-date-range-input [rangePicker]=\"picker1\">\r\n              <input matStartDate [(ngModel)]=\"interval.from\" [dateIntervalChange]=\"interval\" #rangeFrom1=\"ngModel\"\r\n                name=\"rangeFrom1\" placeholder=\"Da data\">\r\n              <input matEndDate [(ngModel)]=\"interval.to\" [dateIntervalChange]=\"interval\" [end]=\"true\"\r\n                #rangeTo1=\"ngModel\" name=\"rangeTo1\" placeholder=\"A data\">\r\n            </mat-date-range-input>\r\n            @if (interval.from || interval.to) {\r\n            <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n              (click)=\"interval.clear()\">\r\n              <mat-icon>close</mat-icon>\r\n            </button>\r\n            }\r\n            <mat-datepicker-toggle matSuffix [for]=\"picker1\"></mat-datepicker-toggle>\r\n            <mat-date-range-picker #picker1></mat-date-range-picker>\r\n            @if (rangeFrom1.invalid || rangeTo1.invalid) {\r\n            <mat-error>Intervallo non valido.</mat-error>\r\n            }\r\n          </mat-form-field>\r\n          }\r\n          <mat-form-field>\r\n            <mat-label>Testo</mat-label>\r\n            <input matInput maxlength=\"200\" [(ngModel)]=\"params.text\" name=\"text\" />\r\n            @if (params.text) {\r\n            <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n              (click)=\"params.text = null\">\r\n              <mat-icon>close</mat-icon>\r\n            </button>\r\n            }\r\n            <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix matTooltip=\"Opzioni\" aria-label=\"Opzioni\"\r\n              [matMenuTriggerFor]=\"textOptionsMenu\"><mat-icon>more_vert</mat-icon></button>\r\n          </mat-form-field>\r\n          <div>\r\n            <div>\r\n              <mat-slide-toggle [(ngModel)]=\"params.titleOnly\" name=\"titleOnly\">Cerca solo nel\r\n                titolo</mat-slide-toggle>\r\n            </div>\r\n            @if(isLaws()) {\r\n            <div style=\"padding-top:10px\">\r\n              <mat-slide-toggle [(ngModel)]=\"params.showCommentedDocumentsOnly\" name=\"showCommentedDocumentsOnly\">Mostra\r\n                solo norme con commenti</mat-slide-toggle>\r\n            </div>\r\n            }\r\n          </div>\r\n        </div>\r\n      </mat-expansion-panel>\r\n      @if(isLaws()) {\r\n      <mat-expansion-panel [expanded]=\"hasFilter('source')\" class=\"accordion-panel mat-elevation-z0 \">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Fonte\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div fxLayout=\"column\">\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n            <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n              <mat-label>Numero</mat-label>\r\n              <input matInput maxlength=\"10\" [(ngModel)]=\"params.sourceNumber\" name=\"sourceNumber\" />\r\n              @if (params.sourceNumber) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.sourceNumber = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"params.sourceYear\"\r\n                name=\"sourceYear\" />\r\n              @if (params.sourceYear) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.sourceYear = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n          </div>\r\n          <mat-form-field>\r\n            <mat-label>Intervallo di pubblicazione</mat-label>\r\n            <mat-date-range-input [rangePicker]=\"picker2\">\r\n              <input matStartDate [(ngModel)]=\"sourceInterval.from\" [dateIntervalChange]=\"sourceInterval\"\r\n                #rangeFrom2=\"ngModel\" name=\"rangeFrom2\" placeholder=\"Da data\">\r\n              <input matEndDate [(ngModel)]=\"sourceInterval.to\" [dateIntervalChange]=\"sourceInterval\" [end]=\"true\"\r\n                #rangeTo2=\"ngModel\" name=\"rangeTo2\" placeholder=\"A data\">\r\n            </mat-date-range-input>\r\n            @if (sourceInterval.from || sourceInterval.to) {\r\n            <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n              (click)=\"sourceInterval.clear()\">\r\n              <mat-icon>close</mat-icon>\r\n            </button>\r\n            }\r\n            <mat-datepicker-toggle matSuffix [for]=\"picker2\"></mat-datepicker-toggle>\r\n            <mat-date-range-picker #picker2></mat-date-range-picker>\r\n            @if (rangeFrom2.invalid || rangeTo2.invalid) {\r\n            <mat-error>Intervallo non valido.</mat-error>\r\n            }\r\n          </mat-form-field>\r\n          <mat-form-field>\r\n            <mat-label>Tipo</mat-label>\r\n            <mat-select [(ngModel)]=\"params.source\" name=\"source\">\r\n              @for (s of sources; track $index) {\r\n              <mat-option [value]=\"s.value\" [matTooltip]=\"s.name\">\r\n                {{s.name}}\r\n              </mat-option>\r\n              }\r\n            </mat-select>\r\n          </mat-form-field>\r\n\r\n        </div>\r\n      </mat-expansion-panel>\r\n      <mat-expansion-panel [expanded]=\"hasFilter('other')\" class=\"accordion-panel mat-elevation-z0\">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Altre opzioni\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div fxLayout=\"column\">\r\n          @if(isLaws()) {\r\n          @if(!hasRegions()) {\r\n          <mat-form-field>\r\n            <mat-label>Autore</mat-label>\r\n            <mat-select [(ngModel)]=\"params.author\" name=\"author\">\r\n              @for (a of authors; track $index) {\r\n              <mat-option [value]=\"a.value\" [matTooltip]=\"a.name\">\r\n                {{a.name}}\r\n              </mat-option>\r\n              }\r\n            </mat-select>\r\n          </mat-form-field>\r\n          }\r\n          <mat-form-field>\r\n            <mat-label>Tipo documento</mat-label>\r\n            <mat-select [(ngModel)]=\"params.type\" name=\"type\">\r\n              @for (t of types; track $index) {\r\n              <mat-option [value]=\"t.value\" [matTooltip]=\"t.name\">\r\n                {{t.name}}\r\n              </mat-option>\r\n              }\r\n            </mat-select>\r\n          </mat-form-field>\r\n          <mat-form-field>\r\n            <mat-label>Argomento</mat-label>\r\n            <mat-select [(ngModel)]=\"params.topic\" name=\"topic\">\r\n              @for (t of topics; track $index) {\r\n              <mat-option [value]=\"t.value\" [matTooltip]=\"t.name\">\r\n                {{t.name}}\r\n              </mat-option>\r\n              }\r\n            </mat-select>\r\n          </mat-form-field>\r\n          }\r\n        </div>\r\n      </mat-expansion-panel>\r\n\r\n      } @else if(isModule(modulesEnum.ModificheAbrogazioniERinvii)) {\r\n      <mat-expansion-panel expanded class=\"accordion-panel mat-elevation-z0 \">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Documento modificato\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div fxLayout=\"column\">\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n            <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n              <mat-label>Numero</mat-label>\r\n              <input matInput maxlength=\"10\" [(ngModel)]=\"params.changedNumber\" name=\"changedNumber\"\r\n                #filterByChangeNumber=\"matInput\" />\r\n              @if (params.changedNumber) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.changedNumber = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"params.changedYear\"\r\n                name=\"changedYear\" />\r\n              @if (params.changedYear) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.changedYear = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n          </div>\r\n          <mat-form-field>\r\n            <mat-label>Titolo</mat-label>\r\n            <input matInput maxlength=\"200\" [(ngModel)]=\"params.changedTitle\" name=\"changedTitle\" />\r\n            @if (params.changedTitle) {\r\n            <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n              (click)=\"params.changedTitle = null\">\r\n              <mat-icon>close</mat-icon>\r\n            </button>\r\n            }\r\n          </mat-form-field>\r\n        </div>\r\n      </mat-expansion-panel>\r\n      <mat-expansion-panel [expanded]=\"hasFilter('modifier')\" class=\"accordion-panel mat-elevation-z0 \">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Documento modificante\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div fxLayout=\"column\">\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n            <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n              <mat-label>Numero</mat-label>\r\n              <input matInput maxlength=\"10\" [(ngModel)]=\"params.modifierNumber\" name=\"modifierNumber\" />\r\n              @if (params.changedNumber) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.modifierNumber = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"params.modifierYear\"\r\n                name=\"modifierYear\" />\r\n              @if (params.modifierYear) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.modifierYear = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n          </div>\r\n          <mat-form-field>\r\n            <mat-label>Titolo</mat-label>\r\n            <input matInput maxlength=\"200\" [(ngModel)]=\"params.modifierTitle\" name=\"modifierTitle\" />\r\n            @if (params.modifierTitle) {\r\n            <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n              (click)=\"params.modifierTitle = null\">\r\n              <mat-icon>close</mat-icon>\r\n            </button>\r\n            }\r\n          </mat-form-field>\r\n        </div>\r\n      </mat-expansion-panel>\r\n      <mat-expansion-panel [expanded]=\"hasFilter('other')\" class=\"accordion-panel mat-elevation-z0\">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Altre opzioni\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div fxLayout=\"column\">\r\n          <mat-form-field>\r\n            <mat-label>Motivo</mat-label>\r\n            <mat-select [(ngModel)]=\"params.changeReason\" name=\"changeReason\">\r\n              <mat-option>Tutti</mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n        </div>\r\n      </mat-expansion-panel>\r\n      }\r\n    </mat-accordion>\r\n  </form>\r\n</div>\r\n<div mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxFlex=\"30\">\r\n      <button type=\"button\" mat-button (click)=\"clear()\" color=\"primary\">Pulisci</button>\r\n    </div>\r\n    <div fxFlex=\"70\" fxLayoutAlign=\"end\">\r\n      <button mat-flat-button color=\"primary\" #okButton [disabled]=\"f.form.invalid\" (click)=\"ok()\">Trova</button>\r\n      <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Chiudi</button>\r\n    </div>\r\n  </div>\r\n</div>\r\n<mat-menu #textOptionsMenu=\"matMenu\">\r\n  <button mat-menu-item (click)=\"compose()\">\r\n    <mat-icon>build</mat-icon>Componi\r\n  </button>\r\n  <button mat-menu-item (click)=\"help()\">\r\n    <mat-icon>help</mat-icon>Come usare la ricerca in testo libero\r\n  </button>\r\n</mat-menu>", styles: [".accordion-panel{background-color:transparent}.accordion-header{padding-left:15px;padding-right:20px;border-radius:var(--mat-expansion-container-shape)}.mat-expansion-panel-body{padding-bottom:20px!important}\n"], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i2$1.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3$2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i3$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3$3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i5$1.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i5$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i5$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i6$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i13.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i13.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i13.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i13.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i13.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "directive", type: DateIntervalChangeDirective, selector: "[dateIntervalChange]", inputs: ["dateIntervalChange", "end"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i3.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i15.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: ChipsSelectorComponent, selector: "chips-selector", inputs: ["options", "collapsedWidth", "collapseAt", "collapseAtContainer", "collapseDisplayMode", "label", "multiple", "mode", "required", "disabled", "placeholder"], outputs: ["changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchDialogComponent, decorators: [{
+            type: Component,
+            args: [{ host: { 'Bind': SystemUtils.generateUUID() }, providers: [
+                        MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER
+                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        FlexLayoutModule,
+                        FormsModule,
+                        MatDialogTitle,
+                        MatDialogContent,
+                        MatCheckboxModule,
+                        MatFormFieldModule,
+                        MatExpansionModule,
+                        MatSelectModule,
+                        MatOptionModule,
+                        MatTooltipModule,
+                        MatInputModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatMenuModule,
+                        MatDatepickerModule,
+                        DateIntervalChangeDirective,
+                        MatDialogActions,
+                        MatDialogClose,
+                        MatDialogTitle,
+                        MatDividerModule,
+                        MatSlideToggleModule,
+                        ChipsSelectorComponent,
+                        SafeHtmlPipe,
+                    ], template: "<h2 mat-dialog-title>Ricerca</h2>\r\n<div mat-dialog-content>\r\n  <form name=\"form\" #f=\"ngForm\" (keyup.Enter)=\"!f.form.invalid ? ok() : null\" novalidate>\r\n    <mat-accordion multi displayMode=\"flat\">\r\n      @if(isLaws() || isModule(modulesEnum.ModificheAbrogazioniERinvii)) {\r\n      <mat-expansion-panel expanded=\"true\" class=\"accordion-panel mat-elevation-z0 \">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Settori\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <chips-selector [(ngModel)]=\"params.sectors\" [multiple]=\"true\" name=\"sectors\" label=\"Settori\"\r\n          [options]=\"sectors\" (changed)=\"sectorsChanged()\" />\r\n        @if(hasRegions())\r\n        {\r\n        <mat-divider style=\"padding-top: 8px; margin-top:8px\"></mat-divider>\r\n        <chips-selector mode=\"collapsed\" [(ngModel)]=\"params.authors\" [multiple]=\"true\" name=\"authors\"\r\n          label=\"Tutte le regioni\" [options]=\"regions\" />\r\n        }\r\n      </mat-expansion-panel>\r\n      } @else if(isNews()) {\r\n      <mat-expansion-panel expanded=\"true\" class=\"accordion-panel mat-elevation-z0 \">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Tipologia\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <chips-selector [(ngModel)]=\"params.sectors\" [multiple]=\"true\" name=\"sectors\" label=\"Tipologia\"\r\n          [options]=\"sectors\" />\r\n      </mat-expansion-panel>\r\n      }\r\n      <mat-expansion-panel expanded=\"true\" class=\"accordion-panel mat-elevation-z0 \">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Documento\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div fxLayout=\"column\">\r\n          @if (isLaws() || isModule(modulesEnum.Giurisprudenza)) {\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n            <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n              <mat-label>Numero</mat-label>\r\n              <input #filterByNumber=\"matInput\" matInput maxlength=\"10\" [(ngModel)]=\"params.number\" name=\"number\" />\r\n              @if (params.number) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.number = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"params.year\" name=\"year\" />\r\n              @if (params.year) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.year = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n          </div>\r\n          }\r\n          @if (isLaws() || !isModule(modulesEnum.ScadenzeESegnalazioni)) {\r\n          <mat-form-field>\r\n            <mat-label>Intervallo di pubblicazione</mat-label>\r\n            <mat-date-range-input [rangePicker]=\"picker1\">\r\n              <input matStartDate [(ngModel)]=\"interval.from\" [dateIntervalChange]=\"interval\" #rangeFrom1=\"ngModel\"\r\n                name=\"rangeFrom1\" placeholder=\"Da data\">\r\n              <input matEndDate [(ngModel)]=\"interval.to\" [dateIntervalChange]=\"interval\" [end]=\"true\"\r\n                #rangeTo1=\"ngModel\" name=\"rangeTo1\" placeholder=\"A data\">\r\n            </mat-date-range-input>\r\n            @if (interval.from || interval.to) {\r\n            <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n              (click)=\"interval.clear()\">\r\n              <mat-icon>close</mat-icon>\r\n            </button>\r\n            }\r\n            <mat-datepicker-toggle matSuffix [for]=\"picker1\"></mat-datepicker-toggle>\r\n            <mat-date-range-picker #picker1></mat-date-range-picker>\r\n            @if (rangeFrom1.invalid || rangeTo1.invalid) {\r\n            <mat-error>Intervallo non valido.</mat-error>\r\n            }\r\n          </mat-form-field>\r\n          }\r\n          <mat-form-field>\r\n            <mat-label>Testo</mat-label>\r\n            <input matInput maxlength=\"200\" [(ngModel)]=\"params.text\" name=\"text\" />\r\n            @if (params.text) {\r\n            <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n              (click)=\"params.text = null\">\r\n              <mat-icon>close</mat-icon>\r\n            </button>\r\n            }\r\n            <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix matTooltip=\"Opzioni\" aria-label=\"Opzioni\"\r\n              [matMenuTriggerFor]=\"textOptionsMenu\"><mat-icon>more_vert</mat-icon></button>\r\n          </mat-form-field>\r\n          <div>\r\n            <div>\r\n              <mat-slide-toggle [(ngModel)]=\"params.titleOnly\" name=\"titleOnly\">Cerca solo nel\r\n                titolo</mat-slide-toggle>\r\n            </div>\r\n            @if(isLaws()) {\r\n            <div style=\"padding-top:10px\">\r\n              <mat-slide-toggle [(ngModel)]=\"params.showCommentedDocumentsOnly\" name=\"showCommentedDocumentsOnly\">Mostra\r\n                solo norme con commenti</mat-slide-toggle>\r\n            </div>\r\n            }\r\n          </div>\r\n        </div>\r\n      </mat-expansion-panel>\r\n      @if(isLaws()) {\r\n      <mat-expansion-panel [expanded]=\"hasFilter('source')\" class=\"accordion-panel mat-elevation-z0 \">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Fonte\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div fxLayout=\"column\">\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n            <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n              <mat-label>Numero</mat-label>\r\n              <input matInput maxlength=\"10\" [(ngModel)]=\"params.sourceNumber\" name=\"sourceNumber\" />\r\n              @if (params.sourceNumber) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.sourceNumber = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"params.sourceYear\"\r\n                name=\"sourceYear\" />\r\n              @if (params.sourceYear) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.sourceYear = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n          </div>\r\n          <mat-form-field>\r\n            <mat-label>Intervallo di pubblicazione</mat-label>\r\n            <mat-date-range-input [rangePicker]=\"picker2\">\r\n              <input matStartDate [(ngModel)]=\"sourceInterval.from\" [dateIntervalChange]=\"sourceInterval\"\r\n                #rangeFrom2=\"ngModel\" name=\"rangeFrom2\" placeholder=\"Da data\">\r\n              <input matEndDate [(ngModel)]=\"sourceInterval.to\" [dateIntervalChange]=\"sourceInterval\" [end]=\"true\"\r\n                #rangeTo2=\"ngModel\" name=\"rangeTo2\" placeholder=\"A data\">\r\n            </mat-date-range-input>\r\n            @if (sourceInterval.from || sourceInterval.to) {\r\n            <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n              (click)=\"sourceInterval.clear()\">\r\n              <mat-icon>close</mat-icon>\r\n            </button>\r\n            }\r\n            <mat-datepicker-toggle matSuffix [for]=\"picker2\"></mat-datepicker-toggle>\r\n            <mat-date-range-picker #picker2></mat-date-range-picker>\r\n            @if (rangeFrom2.invalid || rangeTo2.invalid) {\r\n            <mat-error>Intervallo non valido.</mat-error>\r\n            }\r\n          </mat-form-field>\r\n          <mat-form-field>\r\n            <mat-label>Tipo</mat-label>\r\n            <mat-select [(ngModel)]=\"params.source\" name=\"source\">\r\n              @for (s of sources; track $index) {\r\n              <mat-option [value]=\"s.value\" [matTooltip]=\"s.name\">\r\n                {{s.name}}\r\n              </mat-option>\r\n              }\r\n            </mat-select>\r\n          </mat-form-field>\r\n\r\n        </div>\r\n      </mat-expansion-panel>\r\n      <mat-expansion-panel [expanded]=\"hasFilter('other')\" class=\"accordion-panel mat-elevation-z0\">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Altre opzioni\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div fxLayout=\"column\">\r\n          @if(isLaws()) {\r\n          @if(!hasRegions()) {\r\n          <mat-form-field>\r\n            <mat-label>Autore</mat-label>\r\n            <mat-select [(ngModel)]=\"params.author\" name=\"author\">\r\n              @for (a of authors; track $index) {\r\n              <mat-option [value]=\"a.value\" [matTooltip]=\"a.name\">\r\n                {{a.name}}\r\n              </mat-option>\r\n              }\r\n            </mat-select>\r\n          </mat-form-field>\r\n          }\r\n          <mat-form-field>\r\n            <mat-label>Tipo documento</mat-label>\r\n            <mat-select [(ngModel)]=\"params.type\" name=\"type\">\r\n              @for (t of types; track $index) {\r\n              <mat-option [value]=\"t.value\" [matTooltip]=\"t.name\">\r\n                {{t.name}}\r\n              </mat-option>\r\n              }\r\n            </mat-select>\r\n          </mat-form-field>\r\n          <mat-form-field>\r\n            <mat-label>Argomento</mat-label>\r\n            <mat-select [(ngModel)]=\"params.topic\" name=\"topic\">\r\n              @for (t of topics; track $index) {\r\n              <mat-option [value]=\"t.value\" [matTooltip]=\"t.name\">\r\n                {{t.name}}\r\n              </mat-option>\r\n              }\r\n            </mat-select>\r\n          </mat-form-field>\r\n          }\r\n        </div>\r\n      </mat-expansion-panel>\r\n\r\n      } @else if(isModule(modulesEnum.ModificheAbrogazioniERinvii)) {\r\n      <mat-expansion-panel expanded class=\"accordion-panel mat-elevation-z0 \">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Documento modificato\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div fxLayout=\"column\">\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n            <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n              <mat-label>Numero</mat-label>\r\n              <input matInput maxlength=\"10\" [(ngModel)]=\"params.changedNumber\" name=\"changedNumber\"\r\n                #filterByChangeNumber=\"matInput\" />\r\n              @if (params.changedNumber) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.changedNumber = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"params.changedYear\"\r\n                name=\"changedYear\" />\r\n              @if (params.changedYear) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.changedYear = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n          </div>\r\n          <mat-form-field>\r\n            <mat-label>Titolo</mat-label>\r\n            <input matInput maxlength=\"200\" [(ngModel)]=\"params.changedTitle\" name=\"changedTitle\" />\r\n            @if (params.changedTitle) {\r\n            <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n              (click)=\"params.changedTitle = null\">\r\n              <mat-icon>close</mat-icon>\r\n            </button>\r\n            }\r\n          </mat-form-field>\r\n        </div>\r\n      </mat-expansion-panel>\r\n      <mat-expansion-panel [expanded]=\"hasFilter('modifier')\" class=\"accordion-panel mat-elevation-z0 \">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Documento modificante\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div fxLayout=\"column\">\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n            <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n              <mat-label>Numero</mat-label>\r\n              <input matInput maxlength=\"10\" [(ngModel)]=\"params.modifierNumber\" name=\"modifierNumber\" />\r\n              @if (params.changedNumber) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.modifierNumber = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"params.modifierYear\"\r\n                name=\"modifierYear\" />\r\n              @if (params.modifierYear) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.modifierYear = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n          </div>\r\n          <mat-form-field>\r\n            <mat-label>Titolo</mat-label>\r\n            <input matInput maxlength=\"200\" [(ngModel)]=\"params.modifierTitle\" name=\"modifierTitle\" />\r\n            @if (params.modifierTitle) {\r\n            <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n              (click)=\"params.modifierTitle = null\">\r\n              <mat-icon>close</mat-icon>\r\n            </button>\r\n            }\r\n          </mat-form-field>\r\n        </div>\r\n      </mat-expansion-panel>\r\n      <mat-expansion-panel [expanded]=\"hasFilter('other')\" class=\"accordion-panel mat-elevation-z0\">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Altre opzioni\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div fxLayout=\"column\">\r\n          <mat-form-field>\r\n            <mat-label>Motivo</mat-label>\r\n            <mat-select [(ngModel)]=\"params.changeReason\" name=\"changeReason\">\r\n              <mat-option>Tutti</mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n        </div>\r\n      </mat-expansion-panel>\r\n      }\r\n    </mat-accordion>\r\n  </form>\r\n</div>\r\n<div mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxFlex=\"30\">\r\n      <button type=\"button\" mat-button (click)=\"clear()\" color=\"primary\">Pulisci</button>\r\n    </div>\r\n    <div fxFlex=\"70\" fxLayoutAlign=\"end\">\r\n      <button mat-flat-button color=\"primary\" #okButton [disabled]=\"f.form.invalid\" (click)=\"ok()\">Trova</button>\r\n      <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Chiudi</button>\r\n    </div>\r\n  </div>\r\n</div>\r\n<mat-menu #textOptionsMenu=\"matMenu\">\r\n  <button mat-menu-item (click)=\"compose()\">\r\n    <mat-icon>build</mat-icon>Componi\r\n  </button>\r\n  <button mat-menu-item (click)=\"help()\">\r\n    <mat-icon>help</mat-icon>Come usare la ricerca in testo libero\r\n  </button>\r\n</mat-menu>", styles: [".accordion-panel{background-color:transparent}.accordion-header{padding-left:15px;padding-right:20px;border-radius:var(--mat-expansion-container-shape)}.mat-expansion-panel-body{padding-bottom:20px!important}\n"] }]
+        }], propDecorators: { okButton: [{
+                type: ViewChild,
+                args: ['okButton']
+            }], done: [{
+                type: Output
+            }] } });
+
+class ClipperSearchFacetsComponent {
+    constructor() {
+        this.changed = new EventEmitter();
+        this.changeDetector = inject(ChangeDetectorRef);
+        this.snapshot = new ClipperSearchFacetsSnapshot();
     }
     /**
-   * Return the number of selected items or null
-   * @returns Return the number of selected items
+   * Update facets
+   * @param values : the facets values
+   * @param interval : the date interval for YEAR facets
    */
-    countSelections() {
-        return (this.selection && this.selection?.all?.length > 0) ? this.selection?.all?.length : null;
-    }
-    /**
-  * Get the selected id
-  */
-    getSeletectId() {
-        if (this.hasAnySelection()) {
-            return this.selection?.all[0].documentId;
+    update(values = null, interval = null) {
+        this.snapshot.interval = interval;
+        if (values) {
+            this.snapshot.groups = [];
+            values.forEach(n => {
+                let name = n[0].typeName;
+                let index = n[0].type;
+                let i = SystemUtils.arrayFindIndexByKey(this.snapshot.usedGroups, 'index', index);
+                let j = SystemUtils.arrayFindIndexByKey(this.snapshot.groups, 'index', index);
+                if (i === -1 && j === -1) {
+                    this.snapshot.groups.push({
+                        name: name,
+                        selectedValue: null,
+                        selectedValueDescription: null,
+                        values: n,
+                        index: index,
+                    });
+                }
+            });
         }
-        return null;
+        this.snapshot.hasFacets = this.snapshot.groups.length > 0 || this.snapshot.usedGroups.length > 0;
+        this.snapshot.hasMoreFacets = this.snapshot.hasFacets && this.snapshot.groups.length > this.snapshot.usedGroups.length;
+        this.changeDetector.markForCheck();
     }
     /**
- * Get all selected ids
- */
-    getSeletectIds() {
-        if ((this.selection?.all?.length ?? 0) > 100) {
-            this.dialogService.error('La selezione non può contenere più di 100 elementi.');
-            return null;
-        }
-        let ids = [];
-        if (this.hasAnySelection()) {
-            this.selection?.all?.forEach((n) => {
-                ids.push(n.documentId);
+     * Use a facet item as filter
+     * @param group : the facet group
+     * @param item  : the facet item
+     */
+    use(group, item) {
+        group.selectedValue = item.value;
+        group.selectedValueDescription = item.title;
+        let j = SystemUtils.arrayFindIndexByKey(this.snapshot.groups, 'index', group.index);
+        if (j !== -1) {
+            this.snapshot.groups.splice(j, 1);
+            let updated = false;
+            this.snapshot.usedGroups.forEach((n, i) => {
+                if (!updated && n.index > group.index) {
+                    this.snapshot.usedGroups.splice(i, 0, group);
+                    updated = true;
+                }
             });
+            if (!updated) {
+                this.snapshot.usedGroups.push(group);
+            }
         }
-        return ids;
+        this.apply();
     }
     /**
-     * Get all selected ids
+     * dismiss a facet group filter
+     * @param group : the facet group
+     * @param apply : true to emit changed event and generate a new search, false just for update
      */
-    getSeletectIdsAndData() {
-        if ((this.selection?.all?.length ?? 0) > 100) {
-            this.dialogService.error('La selezione non può contenere più di 100 elementi.');
-            return null;
-        }
-        let data = [];
-        if (this.hasAnySelection()) {
-            this.selection?.all?.forEach((n) => {
-                data.push({ id: n.documentId, data: n });
+    dismiss(group, apply = true) {
+        group.selectedValue = null;
+        group.selectedValueDescription = null;
+        let i = SystemUtils.arrayFindIndexByKey(this.snapshot.usedGroups, 'index', group.index);
+        if (i !== -1) {
+            this.snapshot.usedGroups.splice(i, 1);
+            let updated = false;
+            this.snapshot.groups.forEach((n, j) => {
+                if (!updated && n.index > group.index) {
+                    this.snapshot.groups.splice(j, 0, group);
+                    updated = true;
+                }
             });
+            if (!updated) {
+                this.snapshot.groups.push(group);
+            }
+        }
+        if (apply) {
+            this.apply();
         }
-        return data;
     }
     /**
-     * Prepare result items
-     * @param items : the items to process
-     * @param params : the current search params
+     * Apply filter
      */
-    prepareResultItems(items, params) {
-        const today = startOfToday();
-        const groupByYear = !params.sortMode ||
-            params.sortMode === ClipperSort.DateAsc ||
-            params.sortMode === ClipperSort.DateDesc ||
-            params.sortMode === ClipperSort.SourceDateAsc ||
-            params.sortMode === ClipperSort.SourceDateDesc;
-        const groupByRelevance = params.sortMode === ClipperSort.Relevance;
-        const groupByPopularity = params.sortMode === ClipperSort.Popularity;
-        let group = '';
-        items?.forEach(n => {
-            n.documentId = n.documentId ?? n.id;
-            this.selection?.updateCurrent(n, n.documentId);
-            if (n.model === ClipperModel.Quesiti) {
-                n.info = "Quesito n° " + n.number + " del " + SystemUtils.formatDate(n.date, "d MMM yyyy");
-            }
-            else if (n.model === ClipperModel.Scadenze ||
-                n.model === ClipperModel.Segnalazioni) {
-                switch (n.model) {
-                    case ClipperModel.Scadenze:
-                        n.originDescription = 'Scadenza';
-                        break;
-                    case ClipperModel.Segnalazioni:
-                        n.originDescription = 'Segnalazione';
-                        break;
+    apply() {
+        if (this.snapshot.usedGroups.length > 0) {
+            this.snapshot.usedGroups.forEach((n) => {
+                if (n.index === ClipperFacet.Year) {
+                    if (n.selectedValue) {
+                        this.snapshot.fromDate = new Date(parseInt(n.selectedValue), 0, 1, 12, 0, 0);
+                        this.snapshot.toDate = new Date(parseInt(n.selectedValue), 11, 31, 12, 0, 0);
+                    }
+                    else {
+                        this.snapshot.fromDate = null;
+                        this.snapshot.toDate = null;
+                    }
                 }
-                if (n.expiringInfo) {
-                    let parts = n.expiringInfo.split('|');
-                    if (parts.length === 3)
-                        n.expiringDescription = parts[2];
+                else if (n.index === ClipperFacet.Sector) {
+                    this.snapshot.sector = n.selectedValue ?? null;
                 }
-                if (n.expiringDate) {
-                    n.date = startOfDay(new Date(n.expiringDate));
-                    const d = startOfDay(subDays(n.date, 15));
-                    n.isExpiring = today <= n.date && today >= d;
-                    n.isExpired = n.date < today;
+                else if (n.index === ClipperFacet.Author) {
+                    this.snapshot.author = n.selectedValue ?? null;
                 }
-            }
-            else {
-                if ((n.model === ClipperModel.Articoli ||
-                    n.model === ClipperModel.News) &&
-                    n.tags) {
-                    n.info = n.tags.toUpperCase().substring(1).replaceAll("#", ", ");
+                else if (n.index === ClipperFacet.DocumentType) {
+                    this.snapshot.type = n.selectedValue ?? null;
                 }
-                if (n.model !== ClipperModel.AggiornamentoNormativo &&
-                    n.model !== ClipperModel.NormativaVigente &&
-                    n.model !== ClipperModel.Juris &&
-                    n.date) {
-                    n.date = startOfDay(new Date(n.date ?? n.publishingDate));
-                    const d = startOfDay(subDays(startOfToday(), 7));
-                    n.isNew = n.date > d;
+                else if (n.index === ClipperFacet.Article) {
+                    this.snapshot.anchor = n.selectedValue ?? null;
                 }
-                else {
-                    n.date = null;
+                else if (n.index === ClipperFacet.Reason) {
+                    this.snapshot.reason = n.selectedValue ?? null;
                 }
-                if (n.anchors) {
-                    let anchorType = null;
-                    let anchors = [];
-                    n.anchors.forEach((a) => {
-                        if (a.type === 20)
-                            return;
-                        if (a.type !== anchorType) {
-                            if (a.type >= 3)
-                                anchors.push({ text: a.typeDescription });
-                            anchorType = a.type;
-                        }
-                        let score = a.score;
-                        if (score > 7)
-                            score -= 7;
-                        else if (score > 5)
-                            score -= 5;
-                        else if (score > 3)
-                            score -= 3;
-                        anchors.push({
-                            text: a.text,
-                            title: a.title,
-                            documentId: a.documentId,
-                            uri: a.uri,
-                            veryRelevant: score > 0.6,
-                        });
-                    });
-                    n.anchors = anchors;
+            });
+        }
+        if (this.snapshot.groups.length > 0) {
+            this.snapshot.groups.forEach((n) => {
+                if (n.index === ClipperFacet.Year) {
+                    this.snapshot.changedInterval = this.snapshot.fromDate !== null;
+                    this.snapshot.fromDate = null;
+                    this.snapshot.toDate = null;
                 }
-                if (n.validityState > 0) {
-                    n.validityDescription = 'Il documento non è più vigente';
-                    n.isExpired = true;
-                    if (n.validUntilDate) {
-                        const expiringDate = startOfDay(new Date(n.validUntilDate));
-                        if (expiringDate < today) {
-                            n.validityDescription =
-                                'Il documento non è più vigente dal ' +
-                                    SystemUtils.formatDate(expiringDate) +
-                                    '.';
-                        }
-                        else {
-                            n.validityDescription =
-                                'Il documento non sarà più vigente dal ' +
-                                    SystemUtils.formatDate(expiringDate) +
-                                    '.';
-                            n.isExpired = false;
-                        }
-                    }
+                else if (n.index === ClipperFacet.Sector) {
+                    this.snapshot.changedSector = this.snapshot.sector !== null;
+                    this.snapshot.sector = null;
                 }
-                if (n.expiringDate) {
-                    n.date = startOfDay(new Date(n.expiringDate));
-                    const d = startOfDay(subDays(n.date, 15));
-                    n.isExpiring = today <= n.date && today >= d;
-                    n.isExpired = n.date < today;
+                else if (n.index === ClipperFacet.Author) {
+                    this.snapshot.changedAuthor = this.snapshot.author !== null;
+                    this.snapshot.author = null;
                 }
-            }
-            if (groupByYear) {
-                const year = SystemUtils.formatDate(n.date ?? n.publishingDate, DateFormat.LongMonthAndYear).toLowerCase();
-                if (group !== year) {
-                    n.group = year;
-                    group = year;
+                else if (n.index === ClipperFacet.DocumentType) {
+                    this.snapshot.changedType = this.snapshot.type !== null;
+                    this.snapshot.type = null;
                 }
-            }
-            else if (groupByRelevance) {
-                if (group !== 'none') {
-                    n.group =
-                        'Elementi più rilevanti per la ricerca: ' + params.text;
-                    group = 'none';
+                else if (n.index === ClipperFacet.Article) {
+                    this.snapshot.changedAnchor = this.snapshot.anchor !== null;
+                    this.snapshot.anchor = null;
                 }
-            }
-            else if (groupByPopularity) {
-                if (group !== 'none') {
-                    n.group = 'Elementi più popolari in ordine decrescente';
-                    group = 'none';
+                else if (n.index === ClipperFacet.Reason) {
+                    this.snapshot.changedReason = this.snapshot.reason !== null;
+                    this.snapshot.reason = null;
                 }
-            }
-        });
+            });
+        }
+        this.changed.emit(this.snapshot);
     }
     /**
-     * Prepare results
-     * @param data : the optional result list to prepare
-     * @param facets : the optional facets list to prepare
-     * @param months : the optional snapshot months
-     * @param month : the optional snapshot month
-     * @param date : the optinal snapshot current date
+     * Clear facets by group index
+     * @param index : the group index to clear. Use -1 to clear all groups at once
+     * @returns : the number of groups dismissed
      */
-    prepareResults(data, facets, months, month, date) {
-        if (data) {
-            this.selection?.current.clear();
-            this.snapshot = data;
-            if (this.snapshot.items) {
-                this.prepareResultItems(this.snapshot.items, this.filterParams);
-            }
-        }
-        if (facets || months || month) {
-            this.hasFacets.set(false);
-            this.hasCalendar.set(false);
-            if (facets) {
-                this.hasFacets.set(true);
-                setTimeout(() => {
-                    this.facets?.update(facets.facets, facets.interval);
-                }, 0);
-                if (this.snapshot) {
-                    this.snapshot.facets = this.facets.save();
-                    this.snapshot.facets.hasTooManyResults = this.snapshot.total >= 1000;
+    clear(index = -1) {
+        let dismissed = 0;
+        this.snapshot.usedGroups.forEach((n) => {
+            if (index === -1 || index === n.index) {
+                if (n.index === ClipperFacet.Year) {
+                    this.snapshot.changedInterval = true;
+                    this.snapshot.fromDate = null;
+                    this.snapshot.toDate = null;
                 }
+                else if (n.index === ClipperFacet.Sector) {
+                    this.snapshot.changedSector = true;
+                    this.snapshot.sector = null;
+                }
+                else if (n.index === ClipperFacet.Author) {
+                    this.snapshot.changedAuthor = true;
+                    this.snapshot.author = null;
+                }
+                else if (n.index === ClipperFacet.DocumentType) {
+                    this.snapshot.changedType = true;
+                    this.snapshot.type = null;
+                }
+                else if (n.index === ClipperFacet.Article) {
+                    this.snapshot.changedAnchor = true;
+                    this.snapshot.anchor = null;
+                }
+                else if (n.index === ClipperFacet.Reason) {
+                    this.snapshot.changedReason = true;
+                    this.snapshot.reason = null;
+                }
+                this.dismiss(n, false);
+                dismissed++;
             }
-            else if (months || month) {
-                this.hasCalendar.set(true);
-                setTimeout(() => {
-                    if (months) {
-                        this.calendar?.update(months, 'months', date ?? new Date());
-                    }
-                    if (month) {
-                        this.calendar?.update(month, 'month', date ?? new Date());
-                    }
-                }, 0);
-            }
+        });
+        if (dismissed) {
+            this.changed.emit(this.snapshot);
         }
+        return dismissed;
     }
     /**
-    * Return item state css class
-    * @param item : the item to evaluate
-    */
-    getItemStateCssClass(item) {
-        if (item.isRead !== true)
-            return 'unread-bg';
-        if (item.isExpired)
-            return 'expired-bg';
-        if (item.popularity === 3)
-            return 'popular-bg';
-        else if (item.popularity > 3)
-            return 'very-popular-bg';
-        return null;
-    }
-    /**
-     * Return the item state tooltip text
-     * @param item : the item to evaluate
+     * Reset
      */
-    getItemStateTooltip(item) {
-        if (item.isRead !== true)
-            return 'Non letto';
-        if (item.isExpired)
-            return 'Non più vigente';
-        if (item.popularity === 3)
-            return 'Documento con numero di citazioni alto';
-        else if (item.popularity > 3)
-            return 'Documento con numero di citazioni molto alto';
-        return '';
+    reset() {
+        this.snapshot.groups = [];
+        this.snapshot.usedGroups = [];
+        this.snapshot.hasFacets = false;
+        this.snapshot.fromDate = null;
+        this.snapshot.toDate = null;
+        this.snapshot.sector = null;
+        this.snapshot.author = null;
+        this.snapshot.anchor = null;
+        this.snapshot.type = null;
+        this.snapshot.reason = null;
     }
     /**
-    * Return the item icon
-    * @param item : the item to evaluate
-    */
-    getItemIcon(item) {
-        switch (item.model) {
-            case ClipperModel.NormativaVigente: return 'gavel';
-            case ClipperModel.Articoli:
-            case ClipperModel.Quesiti:
-            case ClipperModel.MetodiDiAnalisi: return 'extension';
-            default: return 'updated';
+     * Restore data
+     * @param data : the data to restore
+     */
+    restore(data) {
+        if (data) {
+            this.snapshot = data;
+            this.changeDetector.markForCheck();
         }
     }
     /**
-     * Toggle the read flag
-     * @param item : the item to update
-     * @paran e: the optional click event
+     * Save data
      */
-    toggleRead(item, e = null) {
-        e?.preventDefault();
-        e?.stopPropagation();
-        this.setRead(!item?.isRead, item);
-    }
-    /**
-    * Toggle the selection flag
-    * @param item : the item to update
-    * @paran e: the optional click event
-    */
-    toggleSelection(item, e = null) {
-        e?.preventDefault();
-        e?.stopPropagation();
-        this.selection?.toggle(item, item.documentId);
+    save() {
+        return this.snapshot;
     }
-    /**
-    * Get the selected id
-    */
-    setRead(value, item = null) {
-        let documentIds = [];
-        if (item) {
-            documentIds = [item.documentId];
-        }
-        else if (this.hasAnySelection()) {
-            documentIds = this.selection?.all?.map(n => n.documentId);
-        }
-        this.clipperService.updateState({ documentIds: documentIds, isRead: value }).subscribe(r => {
-            if (r.success) {
-                if (item) {
-                    item.isRead = value;
-                }
-                else if (this.hasAnySelection()) {
-                    this.selection?.all?.forEach(n => {
-                        n.isRead = value;
-                    });
-                }
-            }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchFacetsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: ClipperSearchFacetsComponent, isStandalone: true, selector: "clipper-search-facets", outputs: { changed: "changed" }, ngImport: i0, template: "<div fxLayout=\"column\" fxFill class=\"facets-container scroll-hidden\">\r\n  <div>\r\n    @if (snapshot.usedGroups.length > 0) {\r\n    <div class=\"facets-selection\">\r\n      <mat-chip-set aria-label=\"Selezione\">\r\n        @for (ug of snapshot.usedGroups; track ug) {\r\n        <mat-chip (removed)=\"dismiss(ug)\" [matTooltip]=\"ug.selectedValueDescription ?? ''\">\r\n          {{ug.selectedValueDescription}}\r\n          <button matChipRemove [attr.aria-label]=\"'Rimuovi ' + ug.name\" [matTooltip]=\"'Rimuovi ' + ug.name\">\r\n            <mat-icon>cancel</mat-icon>\r\n          </button>\r\n        </mat-chip>\r\n        }\r\n      </mat-chip-set>\r\n      <mat-divider class=\"divider\" style=\"margin-top: 20px;\"></mat-divider>\r\n    </div>\r\n    }\r\n  </div>\r\n  <div fxFlex=\"*\" class=\"scroll-auto\">\r\n    @if (snapshot.groups.length > 0) {\r\n    @for (group of snapshot.groups; track group.index; let i = $index) {\r\n    <mat-accordion multi displayMode=\"flat\">\r\n      <mat-expansion-panel class=\"accordion-panel mat-elevation-z0 \" [expanded]=\"i == 0\">\r\n        <mat-expansion-panel-header class=\"accordion-header\" [attr.aria-label]=\"group.name\">\r\n          <mat-panel-title>\r\n            @if (group.index == 2 && snapshot.interval) {\r\n            {{snapshot.interval}} ({{group.values.length}})\r\n            } @else {\r\n            {{group.name}} ({{group.values.length}})\r\n            }\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <nav class=\"facets-items\">\r\n          <ul>\r\n            @for (item of group.values; track $index) {\r\n            <li (click)=\"use(group, item)\" [attr.aria-label]=\"item.title\">\r\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n                <div fxFlex=\"*\" fxFlexAlign=\"center\" class=\"truncated\">\r\n                  <div class=\"truncated\">{{item.title}}</div>\r\n                </div>\r\n                <div fxLayoutAlign=\"end\" fxFlexAlign=\"center\">\r\n                  {{snapshot.hasTooManyResults ? '~' : ''}}{{item.count}}\r\n                </div>\r\n              </div>\r\n            </li>\r\n            }\r\n          </ul>\r\n        </nav>\r\n      </mat-expansion-panel>\r\n    </mat-accordion>\r\n    }\r\n    } @else if (snapshot.hasFacets && !snapshot.hasMoreFacets) {\r\n    <div class=\"facets-message\">\r\n      <p class=\"small\"><i>Tutte le opzioni sono state selezionate</i></p>\r\n    </div>\r\n    }    \r\n  </div>\r\n</div>", styles: [".dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.smaller{font-size:smaller}.small{font-size:small!important;line-height:16px}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:14px}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-accent, #7894ae)!important}.primary{color:var(--ars-primary, #00a293)!important}.secondary{color:var(--ars-secondary, #4a635f)!important}.error{color:var(--ars-error, #ff5449)!important}.warning{color:var(--ars-warning, #FFC107)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer,.drawer-small{min-width:420px!important;max-width:420px!important;padding:20px 0 0}.drawer .title-container,.drawer-small .title-container{padding:20px 10px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 10px 20px}.drawer .title,.drawer-small .title{font-size:1.2em;font-weight:600;padding-left:10px;min-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:15px;padding-right:20px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-bottom:20px!important}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.drawer-small{min-width:360px!important;max-width:360px!important}.drawer-small .title{min-width:150px}@media screen and (min-width: 0px) and (max-width: 359px){.drawer{min-width:360px!important;max-width:360px!important}.drawer .title{min-width:150px}}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (prefers-color-scheme: dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b{font-weight:600}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600;text-transform:uppercase}.clipper-selection-icon-button{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-primary-hi, #12c0ae)}.expired,.unread{color:var(--ars-error, #ff5449)!important}.expiring{color:var(--ars-warning, #FFC107)!important}.error-bg,.expired-bg,.unread-bg{background-color:var(--ars-error, #ff5449)}.expiring-bg{background-color:var(--ars-warning, #FFC107)}.popular-bg{background-color:#388e3c}.very-popular-bg{background-color:#4caf50}.item-selected{background-color:var(--ars-item-selected-background-color, #ced1d2);border-radius:0!important}.item-unread{font-weight:bolder}.items-group-title{color:var(--ars-accent, #7894ae);font-size:large;font-weight:700;padding-left:25px;padding-bottom:10px;padding-top:10px}.items-group-title .group-spaced{padding:10px 0 0!important}.items-footer{padding-top:10px}.item{border-radius:12px;padding:10px 6px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item-content .info-1{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent, #7894ae)}.item-content .info-2{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent-low, #456179)}.item-content .title{font-size:small;line-height:18px}.item-content .details{margin-top:4px;font-size:x-small;font-weight:700;line-height:15px;color:var(--ars-accent-low, #456179);text-transform:uppercase;border-left:4px solid var(--ars-accent-low, #456179);padding-left:10px}.item-content .details .links{text-transform:none;text-decoration:none}.item-content .details .links a,.item-content .details .links span,.item-content .details .links div{margin-right:8px;font-weight:600;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-link, #03A9F4);font-weight:600}.item-content a.link{color:var(--ars-link, #03A9F4);cursor:pointer!important}.item-content:hover{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer;padding:10px 13px;margin-bottom:2px}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--ars-error, #ff5449);margin:0 8px}.tile .image{height:180px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .image img{object-fit:cover;width:100%;height:100%}.tile .image .info-1{position:absolute;left:0;bottom:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-text, #191c1b);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .info-2{position:absolute;right:0;top:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-accent, #7894ae);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .image .buttons .check,.tile .image .buttons .read{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .buttons .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .date{padding:8px 0 6px;font-weight:700;text-transform:uppercase}.tile .date .date-day{color:var(--ars-accent, #7894ae)}.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .time{font-size:small;font-weight:700}.tile .title{text-decoration:none;font-size:small;min-height:72px;overflow:hidden}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:var(--ars-accent, #7894ae);text-transform:uppercase;white-space:nowrap;color:var(--ars-color-text, #191c1b)}.badge-red{background-color:var(--ars-error, #ff5449);color:var(--ars-color-text, #191c1b)}.busy-backdrop{background-color:#00000052!important}.legend-container{display:flex;flex-direction:row;align-items:center;font-size:x-small;text-transform:uppercase;font-weight:500;margin-left:10px}.legend-container .legend{display:inline-block;height:8px;width:8px;margin-right:4px}.legend-container .next{margin-left:8px}.special-date,.special-date-expired{border:2px var(--ars-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-error, #ff5449) solid!important}.accordion-panel{background-color:transparent!important}.facets-container{padding-top:0;padding-bottom:10px}.facets-message{padding-top:10px;padding-left:15px}.facets-selection{padding:0 4px 0 15px}.facets-selection .divider{margin-top:20px}.facets-items{padding:0;margin:0}.facets-items ul{list-style-type:none;padding:0;margin:0}.facets-items ul li{font-size:small;padding:6px 12px;display:block;color:var(--ars-color-text, #191c1b)}.facets-items ul li a{color:inherit;text-decoration:none;display:block}.facets-items ul li:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:6px;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: FlexModule }, { kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i1.DefaultFlexAlignDirective, selector: "  [fxFlexAlign], [fxFlexAlign.xs], [fxFlexAlign.sm], [fxFlexAlign.md],  [fxFlexAlign.lg], [fxFlexAlign.xl], [fxFlexAlign.lt-sm], [fxFlexAlign.lt-md],  [fxFlexAlign.lt-lg], [fxFlexAlign.lt-xl], [fxFlexAlign.gt-xs], [fxFlexAlign.gt-sm],  [fxFlexAlign.gt-md], [fxFlexAlign.gt-lg]", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg"] }, { kind: "directive", type: i1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i3$4.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled", "tabIndex"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: i3$4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i3$4.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i3.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i5$1.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i5$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i5$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i5$1.MatExpansionPanelTitle, selector: "mat-panel-title" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchFacetsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'clipper-search-facets', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [FlexModule, MatButtonModule, MatTooltipModule, MatChipsModule, MatIconModule,
+                        MatDividerModule, MatExpansionModule], template: "<div fxLayout=\"column\" fxFill class=\"facets-container scroll-hidden\">\r\n  <div>\r\n    @if (snapshot.usedGroups.length > 0) {\r\n    <div class=\"facets-selection\">\r\n      <mat-chip-set aria-label=\"Selezione\">\r\n        @for (ug of snapshot.usedGroups; track ug) {\r\n        <mat-chip (removed)=\"dismiss(ug)\" [matTooltip]=\"ug.selectedValueDescription ?? ''\">\r\n          {{ug.selectedValueDescription}}\r\n          <button matChipRemove [attr.aria-label]=\"'Rimuovi ' + ug.name\" [matTooltip]=\"'Rimuovi ' + ug.name\">\r\n            <mat-icon>cancel</mat-icon>\r\n          </button>\r\n        </mat-chip>\r\n        }\r\n      </mat-chip-set>\r\n      <mat-divider class=\"divider\" style=\"margin-top: 20px;\"></mat-divider>\r\n    </div>\r\n    }\r\n  </div>\r\n  <div fxFlex=\"*\" class=\"scroll-auto\">\r\n    @if (snapshot.groups.length > 0) {\r\n    @for (group of snapshot.groups; track group.index; let i = $index) {\r\n    <mat-accordion multi displayMode=\"flat\">\r\n      <mat-expansion-panel class=\"accordion-panel mat-elevation-z0 \" [expanded]=\"i == 0\">\r\n        <mat-expansion-panel-header class=\"accordion-header\" [attr.aria-label]=\"group.name\">\r\n          <mat-panel-title>\r\n            @if (group.index == 2 && snapshot.interval) {\r\n            {{snapshot.interval}} ({{group.values.length}})\r\n            } @else {\r\n            {{group.name}} ({{group.values.length}})\r\n            }\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <nav class=\"facets-items\">\r\n          <ul>\r\n            @for (item of group.values; track $index) {\r\n            <li (click)=\"use(group, item)\" [attr.aria-label]=\"item.title\">\r\n              <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n                <div fxFlex=\"*\" fxFlexAlign=\"center\" class=\"truncated\">\r\n                  <div class=\"truncated\">{{item.title}}</div>\r\n                </div>\r\n                <div fxLayoutAlign=\"end\" fxFlexAlign=\"center\">\r\n                  {{snapshot.hasTooManyResults ? '~' : ''}}{{item.count}}\r\n                </div>\r\n              </div>\r\n            </li>\r\n            }\r\n          </ul>\r\n        </nav>\r\n      </mat-expansion-panel>\r\n    </mat-accordion>\r\n    }\r\n    } @else if (snapshot.hasFacets && !snapshot.hasMoreFacets) {\r\n    <div class=\"facets-message\">\r\n      <p class=\"small\"><i>Tutte le opzioni sono state selezionate</i></p>\r\n    </div>\r\n    }    \r\n  </div>\r\n</div>", styles: [".dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.smaller{font-size:smaller}.small{font-size:small!important;line-height:16px}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:14px}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-accent, #7894ae)!important}.primary{color:var(--ars-primary, #00a293)!important}.secondary{color:var(--ars-secondary, #4a635f)!important}.error{color:var(--ars-error, #ff5449)!important}.warning{color:var(--ars-warning, #FFC107)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer,.drawer-small{min-width:420px!important;max-width:420px!important;padding:20px 0 0}.drawer .title-container,.drawer-small .title-container{padding:20px 10px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 10px 20px}.drawer .title,.drawer-small .title{font-size:1.2em;font-weight:600;padding-left:10px;min-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:15px;padding-right:20px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-bottom:20px!important}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.drawer-small{min-width:360px!important;max-width:360px!important}.drawer-small .title{min-width:150px}@media screen and (min-width: 0px) and (max-width: 359px){.drawer{min-width:360px!important;max-width:360px!important}.drawer .title{min-width:150px}}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (prefers-color-scheme: dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b{font-weight:600}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600;text-transform:uppercase}.clipper-selection-icon-button{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-primary-hi, #12c0ae)}.expired,.unread{color:var(--ars-error, #ff5449)!important}.expiring{color:var(--ars-warning, #FFC107)!important}.error-bg,.expired-bg,.unread-bg{background-color:var(--ars-error, #ff5449)}.expiring-bg{background-color:var(--ars-warning, #FFC107)}.popular-bg{background-color:#388e3c}.very-popular-bg{background-color:#4caf50}.item-selected{background-color:var(--ars-item-selected-background-color, #ced1d2);border-radius:0!important}.item-unread{font-weight:bolder}.items-group-title{color:var(--ars-accent, #7894ae);font-size:large;font-weight:700;padding-left:25px;padding-bottom:10px;padding-top:10px}.items-group-title .group-spaced{padding:10px 0 0!important}.items-footer{padding-top:10px}.item{border-radius:12px;padding:10px 6px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item-content .info-1{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent, #7894ae)}.item-content .info-2{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent-low, #456179)}.item-content .title{font-size:small;line-height:18px}.item-content .details{margin-top:4px;font-size:x-small;font-weight:700;line-height:15px;color:var(--ars-accent-low, #456179);text-transform:uppercase;border-left:4px solid var(--ars-accent-low, #456179);padding-left:10px}.item-content .details .links{text-transform:none;text-decoration:none}.item-content .details .links a,.item-content .details .links span,.item-content .details .links div{margin-right:8px;font-weight:600;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-link, #03A9F4);font-weight:600}.item-content a.link{color:var(--ars-link, #03A9F4);cursor:pointer!important}.item-content:hover{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer;padding:10px 13px;margin-bottom:2px}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--ars-error, #ff5449);margin:0 8px}.tile .image{height:180px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .image img{object-fit:cover;width:100%;height:100%}.tile .image .info-1{position:absolute;left:0;bottom:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-text, #191c1b);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .info-2{position:absolute;right:0;top:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-accent, #7894ae);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .image .buttons .check,.tile .image .buttons .read{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .buttons .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .date{padding:8px 0 6px;font-weight:700;text-transform:uppercase}.tile .date .date-day{color:var(--ars-accent, #7894ae)}.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .time{font-size:small;font-weight:700}.tile .title{text-decoration:none;font-size:small;min-height:72px;overflow:hidden}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:var(--ars-accent, #7894ae);text-transform:uppercase;white-space:nowrap;color:var(--ars-color-text, #191c1b)}.badge-red{background-color:var(--ars-error, #ff5449);color:var(--ars-color-text, #191c1b)}.busy-backdrop{background-color:#00000052!important}.legend-container{display:flex;flex-direction:row;align-items:center;font-size:x-small;text-transform:uppercase;font-weight:500;margin-left:10px}.legend-container .legend{display:inline-block;height:8px;width:8px;margin-right:4px}.legend-container .next{margin-left:8px}.special-date,.special-date-expired{border:2px var(--ars-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-error, #ff5449) solid!important}.accordion-panel{background-color:transparent!important}.facets-container{padding-top:0;padding-bottom:10px}.facets-message{padding-top:10px;padding-left:15px}.facets-selection{padding:0 4px 0 15px}.facets-selection .divider{margin-top:20px}.facets-items{padding:0;margin:0}.facets-items ul{list-style-type:none;padding:0;margin:0}.facets-items ul li{font-size:small;padding:6px 12px;display:block;color:var(--ars-color-text, #191c1b)}.facets-items ul li a{color:inherit;text-decoration:none;display:block}.facets-items ul li:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:6px;cursor:pointer}\n"] }]
+        }], propDecorators: { changed: [{
+                type: Output
+            }] } });
+
+var ClipperSearchResultItemDisplayMode;
+(function (ClipperSearchResultItemDisplayMode) {
+    ClipperSearchResultItemDisplayMode[ClipperSearchResultItemDisplayMode["List"] = 1] = "List";
+    ClipperSearchResultItemDisplayMode[ClipperSearchResultItemDisplayMode["Tile"] = 2] = "Tile";
+})(ClipperSearchResultItemDisplayMode || (ClipperSearchResultItemDisplayMode = {}));
+class ClipperSearchResultItemComponent {
+    constructor() {
+        this.unsubscribe = new Subject();
+        this.screenService = inject(ScreenService);
+        this.changeDetector = inject(ChangeDetectorRef);
+        this.parent = input();
+        this.item = input();
+        this.actions = input();
+        this.tileNoPictureUrl = input();
+        this.tilePictureUrl = input();
+        this.isSelectable = input(true);
+        this.isReadable = input(true);
+        this.displayModelName = input(false);
+        this.displayMode = input(ClipperSearchResultItemDisplayMode.List);
+        this.displayModesEnum = ClipperSearchResultItemDisplayMode;
+        this.modelsEnum = ClipperModel;
+        this.contextMenuPosition = { x: '0px', y: '0px' };
+    }
+    ngOnInit() {
+        this.parent()?.selection?.changed
+            .pipe(takeUntil(this.unsubscribe))
+            .subscribe(() => {
+            console.log("selection-changed");
+            this.changeDetector.markForCheck();
         });
     }
-    /**
-    * Open an item
-    * This should be always overridden
-    * @param documentId : the document id
-    * @param query: the query string
-    * @param newWindow: true if the document must be open into a new window
-    */
-    open(documentId, query = null, newWindow = false) {
-        if (!newWindow) {
-            this.openDocument(documentId, query);
-        }
-        else
-            window.open('/documento/' + documentId, '_blank');
+    onContextMenu(event, item) {
+        event.preventDefault();
+        this.contextMenuPosition.x = event.clientX + 'px';
+        this.contextMenuPosition.y = event.clientY + 'px';
+        this.contextMenuTrigger.menuData = { item: item };
+        this.contextMenuTrigger.openMenu();
     }
     /**
-     * Open a document
-     * @param documentId : the document id
-     * @param query: the query string
+     * Checks if current item is selected
+     * @returns true if current item is selected
      */
-    openDocument(documentId, query = null) {
-        if (documentId) {
-            ClipperDocumentsUtils.openDocument(this.dialogService, this.clipperService, documentId, query);
-        }
+    isSelected() {
+        return this.isSelectable() && this.parent()?.selection?.isSelected(this.item().documentId);
     }
+    ;
     /**
-     * Open a references dialog
-     * @param documentId : the document id
-     * @param mode: the optional mode. Default is references in
-     * @param model: the optional document model
-     * @param anchor: the optional document anchor
-     * @param anchorTitle: : the optional anchor title
-     * @param update: true if is an update
+     * Checks if current item is isReadable
+     * @returns true if current item is isReadable
      */
-    openReferences(documentId, mode = ClipperQueryReferencesMode.ReferencesIn, model = null, anchor = null, anchorTitle = null, update = true) {
-        console.log("OPENING 1");
-        const d = this.dialogService.open(ClipperReferencesComponent, {
-            ariaLabel: 'documento',
-            autoFocus: false,
-            restoreFocus: false,
-            disableClose: false,
-            data: {
-                id: documentId,
-                mode: mode,
-                model: model,
-                anchor: anchor,
-                anchorTitle: anchorTitle,
-                update: update,
-            },
-            minWidth: '375px',
-            maxWidth: '1000px',
-            width: '99%',
-            height: '99%'
-        });
-        d.afterClosed()
-            .subscribe((r) => {
-            if (r && r.documentId) {
-                this.open(r.documentId);
+    isRead() {
+        return this.isReadable() && this.item().isRead === true;
+    }
+    ;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchResultItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: ClipperSearchResultItemComponent, isStandalone: true, selector: "clipper-search-result-item", inputs: { parent: { classPropertyName: "parent", publicName: "parent", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, tileNoPictureUrl: { classPropertyName: "tileNoPictureUrl", publicName: "tileNoPictureUrl", isSignal: true, isRequired: false, transformFunction: null }, tilePictureUrl: { classPropertyName: "tilePictureUrl", publicName: "tilePictureUrl", isSignal: true, isRequired: false, transformFunction: null }, isSelectable: { classPropertyName: "isSelectable", publicName: "isSelectable", isSignal: true, isRequired: false, transformFunction: null }, isReadable: { classPropertyName: "isReadable", publicName: "isReadable", isSignal: true, isRequired: false, transformFunction: null }, displayModelName: { classPropertyName: "displayModelName", publicName: "displayModelName", isSignal: true, isRequired: false, transformFunction: null }, displayMode: { classPropertyName: "displayMode", publicName: "displayMode", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "contextMenuTrigger", first: true, predicate: ["contextMenuTrigger"], descendants: true }], ngImport: i0, template: "<div>\r\n  @if (displayMode() === displayModesEnum.List ) {\r\n  <div class=\"item\" fxLayout=\"row\" fxLayoutGap=\"6px\" fxLayoutAlign=\"start center\" fxFill\r\n    [ngClass]=\"{'item-selected': isSelected() }\" (contextmenu)=\"onContextMenu($event, item())\"\r\n    (mouseenter)=\"item().isOver = true\" (mouseleave)=\"item().isOver = false\">\r\n    <div fxFlex=\"6px\" [ngClass]=\"parent()?.getItemStateCssClass(item)\"\r\n      [matTooltip]=\"parent()?.getItemStateTooltip(item)\">\r\n    </div>\r\n    <div [fxFlex]=\"isSelectable() ? '48px' : '18px'\" fxLayoutAlign=\"center\">\r\n      @if (isSelectable() && (screenService.isTouchable || item().isOver || isSelected())) {\r\n      <mat-checkbox (click)=\"$event.stopPropagation()\"\r\n        (change)=\"$event ? parent()?.selection?.toggle(item(), item().documentId) : null\" [checked]=\"isSelected()\">\r\n      </mat-checkbox>\r\n      }\r\n    </div>\r\n    <div fxFlex=\"*\">\r\n      <div class=\"item-content\">\r\n        @if (displayModelName() && item().modelName) {\r\n        <div class=\"info-2\">{{item().modelName}}</div>\r\n        }\r\n        @if (item().info) {\r\n        <div class=\"info-1\">{{item().info}}</div>\r\n        } @else if (item().date) {\r\n        <div class=\"info-1\">{{item().date | format:'D':'d MMM yyyy'}}</div>\r\n        } @else if (item().author && (item().origin === 'LR' || item().origin === 'GR' || item().origin\r\n        ===\r\n        'GN')) {\r\n        <div class=\"info-1\">{{item().author}}</div>\r\n        }\r\n        <div>\r\n          <a class=\"link\" (click)=\"parent()?.open(item().documentId)\"\r\n            [attr.aria-label]=\"'Apri documento ' + item().title1\">{{item().title1 ?? item().title2}}</a>\r\n          @if (item().part > 0) {\r\n          <span class=\"badge\">PARTE {{item().part}}</span>\r\n          }\r\n          @if (item().isCommented) {\r\n          <span class=\"badge\">COMMENTATA</span>\r\n          }\r\n          @if (item().validityState > 0) {\r\n          <span class=\"badge-red\">{{item().validityDescription}}</span>\r\n          }\r\n        </div>\r\n        @if(item().description && item().model === modelsEnum.Coordinamento) {\r\n        <div class=\"title\">{{item().description}}</div>\r\n        }\r\n        @if (item().title2 &&\r\n        item().model !== modelsEnum.Coordinamento &&\r\n        item().model !== modelsEnum.AllerteAlimentari &&\r\n        item().model !== modelsEnum.Scadenze &&\r\n        item().model !== modelsEnum.Segnalazioni) {\r\n        <div class=\"title\">{{item().title2}}</div>\r\n        }\r\n        @if (item().originDescription ) {\r\n        <div class=\"info-1\">\r\n          {{item().originDescription}}</div>\r\n        }\r\n        @if (item().anchors.length > 0) {\r\n        <div class=\"details\">\r\n          <div>DETTAGLIO</div>\r\n          <div class=\"links\">\r\n            @for (a of item().anchors; track $index) {\r\n            <span>\r\n              @if (a.uri && a.text) {\r\n              <a (click)=\"parent()?.open(a.documentId + '#' + a.uri)\" [matTooltip]=\"a.title\">{{a.text}} @if\r\n                (a.veryRelevant) {\r\n                <sup>\r\n                  <mat-icon style='font-size:x-small; height: 10px; width:10px' color=\"primary\"\r\n                    matTooltip=\"Molto rilevante\">thumb_up_alt</mat-icon>\r\n                </sup>\r\n                }</a>\r\n              }\r\n              @if (!a.uri && a.text) {\r\n              <span>{{a.text}}</span>\r\n              }\r\n            </span>\r\n            }\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (item().taxonomy?.length > 0) {\r\n        <div class=\"details\">\r\n          <div>ARGOMENTI</div>\r\n          <div class=\"links\">\r\n            @for (n of item().taxonomy?.split('\\r\\n'); track $index) {\r\n            <div class=\"link\">\r\n              {{n}}\r\n            </div>\r\n            }\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (item().title2 && item().model === modelsEnum.Coordinamento) {\r\n        <div class=\"details\">\r\n          <div>TITOLO DOCUMENTO MODIFICATO</div>\r\n          <div class=\"links\">\r\n            <div>{{item().title2}}</div>\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (item().description && item().model === modelsEnum.Coordinamento) {\r\n        <div class=\"details\">\r\n          <div>PROSSIMA SCADENZA</div>\r\n          <div class=\"links\">\r\n            <div>{{item().description}}</div>\r\n          </div>\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n    <div fxFlex=\"48px\" fxLayoutAlign=\"end\">\r\n      @if (item().isOver || item().isMenuOpen || isSelected()) {\r\n      @if (isReadable() && !isRead() && item().model !== modelsEnum.Scadenze && item().model !== modelsEnum.Segnalazioni)\r\n      {\r\n      <button type=\"button\" mat-icon-button matTooltip=\"Segna come gi\u00E0 letta\" [attr.aria-label]=\"'Segna come gi\u00E0 letta'\"\r\n        (click)=\"parent()?.toggleRead(item(), $event)\">\r\n        <mat-icon>flag</mat-icon>\r\n      </button>\r\n      }\r\n      @if(item().model === modelsEnum.Scadenze || item().model === modelsEnum.Segnalazioni) {\r\n      <button type=\"button\" mat-icon-button matTooltip=\"Aggiungi al tuo calendario\"\r\n        [attr.aria-label]=\"'Aggiungi al tuo calendario'\">\r\n        <mat-icon>add</mat-icon>\r\n      </button>\r\n      }\r\n      <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Menu\" [attr.aria-label]=\"'Menu opzioni'\"\r\n        [matMenuTriggerFor]=\"actions()\" [matMenuTriggerData]=\"{item: item()}\" (click)=\"item().isMenuOpen = true\">\r\n        <mat-icon>more_vert</mat-icon>\r\n      </button>\r\n      }\r\n    </div>\r\n  </div>\r\n  } @else {\r\n  <div class=\"tile\" (contextmenu)=\"onContextMenu($event, item())\" (mouseenter)=\"item().isOver = true\" (mouseleave)=\"item().isOver = false\" [ngClass]=\"{'item-selected': isSelected(), \r\n    'item-unread': isRead()}\" (click)=\"parent()?.open(item().documentId)\">\r\n    <div class=\"image-mark\" [ngClass]=\"{'image-mark-unread': !isRead()}\"></div>\r\n    <div class=\"image\">\r\n      @if (isReadable() || isSelectable()) {\r\n      <div class=\"buttons\">\r\n        @if (isReadable() && !isRead() && item().isOver === true) {\r\n        <button mat-icon-button class=\"read\" matTooltip=\"Segna come gi\u00E0 letto\"\r\n          (click)=\"parent()?.toggleRead(item(), $event)\"><mat-icon>flag</mat-icon></button>\r\n        }\r\n        @if (isSelectable() && (isSelected() || item().isOver === true)) {\r\n        <button mat-icon-button class=\"check\" [ngClass]=\"{'check-selected': isSelected()}\"\r\n          matTooltip=\"Seleziona/Deseleziona\"\r\n          (click)=\"parent()?.toggleSelection(item(), $event)\"><mat-icon>check</mat-icon></button>\r\n        }\r\n      </div>\r\n      }\r\n      <div class=\"info-1\">{{item().modelName}}</div>\r\n      @if (item().info) {\r\n      <div class=\"info-2\">{{item().info}}</div>\r\n      }\r\n      @if (item().pictureId && tilePictureUrl()) {\r\n      <img decoding=\"async\" loading=\"lazy\" [src]=\"tilePictureUrl() + '?id=' + item().pictureId\" [alt]=\"item().title2\" />\r\n      } @else if (tileNoPictureUrl()) {\r\n      <picture>\r\n        <img decoding=\"async\" loading=\"lazy\" [src]=\"tileNoPictureUrl()\"\r\n          [alt]=\"item().title2 || 'immagine non trovata'\" />\r\n      </picture>\r\n      }\r\n    </div>\r\n    <div class=\"body\">\r\n      <div class=\"date\">\r\n        <span class=\"date-day\" [ngClass]=\"{'unread': !item().isRead}\">{{item().date | format:'D':'d\r\n          MMMM'}}</span>\r\n        <span class=\"date-divider\"></span>\r\n        <span>{{item().date| format:'D':'yyyy'}}</span>\r\n      </div>\r\n      <div class=\"title\">{{item().title2}}</div>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\r\n<div #contextMenuTrigger=\"matMenuTrigger\" style=\"position: fixed\" [style.left]=\"contextMenuPosition.x\"\r\n  [style.top]=\"contextMenuPosition.y\" [matMenuTriggerFor]=\"actions()\" [matMenuTriggerData]=\"{item: item}\">\r\n</div>", styles: [".dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.smaller{font-size:smaller}.small{font-size:small!important;line-height:16px}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:14px}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-accent, #7894ae)!important}.primary{color:var(--ars-primary, #00a293)!important}.secondary{color:var(--ars-secondary, #4a635f)!important}.error{color:var(--ars-error, #ff5449)!important}.warning{color:var(--ars-warning, #FFC107)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer,.drawer-small{min-width:420px!important;max-width:420px!important;padding:20px 0 0}.drawer .title-container,.drawer-small .title-container{padding:20px 10px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 10px 20px}.drawer .title,.drawer-small .title{font-size:1.2em;font-weight:600;padding-left:10px;min-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:15px;padding-right:20px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-bottom:20px!important}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.drawer-small{min-width:360px!important;max-width:360px!important}.drawer-small .title{min-width:150px}@media screen and (min-width: 0px) and (max-width: 359px){.drawer{min-width:360px!important;max-width:360px!important}.drawer .title{min-width:150px}}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (prefers-color-scheme: dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b{font-weight:600}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600;text-transform:uppercase}.clipper-selection-icon-button{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-primary-hi, #12c0ae)}.expired,.unread{color:var(--ars-error, #ff5449)!important}.expiring{color:var(--ars-warning, #FFC107)!important}.error-bg,.expired-bg,.unread-bg{background-color:var(--ars-error, #ff5449)}.expiring-bg{background-color:var(--ars-warning, #FFC107)}.popular-bg{background-color:#388e3c}.very-popular-bg{background-color:#4caf50}.item-selected{background-color:var(--ars-item-selected-background-color, #ced1d2);border-radius:0!important}.item-unread{font-weight:bolder}.items-group-title{color:var(--ars-accent, #7894ae);font-size:large;font-weight:700;padding-left:25px;padding-bottom:10px;padding-top:10px}.items-group-title .group-spaced{padding:10px 0 0!important}.items-footer{padding-top:10px}.item{border-radius:12px;padding:10px 6px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item-content .info-1{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent, #7894ae)}.item-content .info-2{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent-low, #456179)}.item-content .title{font-size:small;line-height:18px}.item-content .details{margin-top:4px;font-size:x-small;font-weight:700;line-height:15px;color:var(--ars-accent-low, #456179);text-transform:uppercase;border-left:4px solid var(--ars-accent-low, #456179);padding-left:10px}.item-content .details .links{text-transform:none;text-decoration:none}.item-content .details .links a,.item-content .details .links span,.item-content .details .links div{margin-right:8px;font-weight:600;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-link, #03A9F4);font-weight:600}.item-content a.link{color:var(--ars-link, #03A9F4);cursor:pointer!important}.item-content:hover{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer;padding:10px 13px;margin-bottom:2px}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--ars-error, #ff5449);margin:0 8px}.tile .image{height:180px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .image img{object-fit:cover;width:100%;height:100%}.tile .image .info-1{position:absolute;left:0;bottom:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-text, #191c1b);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .info-2{position:absolute;right:0;top:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-accent, #7894ae);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .image .buttons .check,.tile .image .buttons .read{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .buttons .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .date{padding:8px 0 6px;font-weight:700;text-transform:uppercase}.tile .date .date-day{color:var(--ars-accent, #7894ae)}.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .time{font-size:small;font-weight:700}.tile .title{text-decoration:none;font-size:small;min-height:72px;overflow:hidden}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:var(--ars-accent, #7894ae);text-transform:uppercase;white-space:nowrap;color:var(--ars-color-text, #191c1b)}.badge-red{background-color:var(--ars-error, #ff5449);color:var(--ars-color-text, #191c1b)}.busy-backdrop{background-color:#00000052!important}.legend-container{display:flex;flex-direction:row;align-items:center;font-size:x-small;text-transform:uppercase;font-weight:500;margin-left:10px}.legend-container .legend{display:inline-block;height:8px;width:8px;margin-right:4px}.legend-container .next{margin-left:8px}.special-date,.special-date-expired{border:2px var(--ars-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-error, #ff5449) solid!important}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i1$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i1.DefaultFlexAlignDirective, selector: "  [fxFlexAlign], [fxFlexAlign.xs], [fxFlexAlign.sm], [fxFlexAlign.md],  [fxFlexAlign.lg], [fxFlexAlign.xl], [fxFlexAlign.lt-sm], [fxFlexAlign.lt-md],  [fxFlexAlign.lt-lg], [fxFlexAlign.lt-xl], [fxFlexAlign.gt-xs], [fxFlexAlign.gt-sm],  [fxFlexAlign.gt-md], [fxFlexAlign.gt-lg]", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg"] }, { kind: "directive", type: i1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i2$1.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "pipe", type: FormatPipe, name: "format" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchResultItemComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'clipper-search-result-item', standalone: true, imports: [
+                        NgClass,
+                        MatCheckboxModule,
+                        MatButtonModule,
+                        MatTooltipModule,
+                        MatIconModule,
+                        MatMenuModule,
+                        FlexLayoutModule,
+                        FormatPipe
+                    ], template: "<div>\r\n  @if (displayMode() === displayModesEnum.List ) {\r\n  <div class=\"item\" fxLayout=\"row\" fxLayoutGap=\"6px\" fxLayoutAlign=\"start center\" fxFill\r\n    [ngClass]=\"{'item-selected': isSelected() }\" (contextmenu)=\"onContextMenu($event, item())\"\r\n    (mouseenter)=\"item().isOver = true\" (mouseleave)=\"item().isOver = false\">\r\n    <div fxFlex=\"6px\" [ngClass]=\"parent()?.getItemStateCssClass(item)\"\r\n      [matTooltip]=\"parent()?.getItemStateTooltip(item)\">\r\n    </div>\r\n    <div [fxFlex]=\"isSelectable() ? '48px' : '18px'\" fxLayoutAlign=\"center\">\r\n      @if (isSelectable() && (screenService.isTouchable || item().isOver || isSelected())) {\r\n      <mat-checkbox (click)=\"$event.stopPropagation()\"\r\n        (change)=\"$event ? parent()?.selection?.toggle(item(), item().documentId) : null\" [checked]=\"isSelected()\">\r\n      </mat-checkbox>\r\n      }\r\n    </div>\r\n    <div fxFlex=\"*\">\r\n      <div class=\"item-content\">\r\n        @if (displayModelName() && item().modelName) {\r\n        <div class=\"info-2\">{{item().modelName}}</div>\r\n        }\r\n        @if (item().info) {\r\n        <div class=\"info-1\">{{item().info}}</div>\r\n        } @else if (item().date) {\r\n        <div class=\"info-1\">{{item().date | format:'D':'d MMM yyyy'}}</div>\r\n        } @else if (item().author && (item().origin === 'LR' || item().origin === 'GR' || item().origin\r\n        ===\r\n        'GN')) {\r\n        <div class=\"info-1\">{{item().author}}</div>\r\n        }\r\n        <div>\r\n          <a class=\"link\" (click)=\"parent()?.open(item().documentId)\"\r\n            [attr.aria-label]=\"'Apri documento ' + item().title1\">{{item().title1 ?? item().title2}}</a>\r\n          @if (item().part > 0) {\r\n          <span class=\"badge\">PARTE {{item().part}}</span>\r\n          }\r\n          @if (item().isCommented) {\r\n          <span class=\"badge\">COMMENTATA</span>\r\n          }\r\n          @if (item().validityState > 0) {\r\n          <span class=\"badge-red\">{{item().validityDescription}}</span>\r\n          }\r\n        </div>\r\n        @if(item().description && item().model === modelsEnum.Coordinamento) {\r\n        <div class=\"title\">{{item().description}}</div>\r\n        }\r\n        @if (item().title2 &&\r\n        item().model !== modelsEnum.Coordinamento &&\r\n        item().model !== modelsEnum.AllerteAlimentari &&\r\n        item().model !== modelsEnum.Scadenze &&\r\n        item().model !== modelsEnum.Segnalazioni) {\r\n        <div class=\"title\">{{item().title2}}</div>\r\n        }\r\n        @if (item().originDescription ) {\r\n        <div class=\"info-1\">\r\n          {{item().originDescription}}</div>\r\n        }\r\n        @if (item().anchors.length > 0) {\r\n        <div class=\"details\">\r\n          <div>DETTAGLIO</div>\r\n          <div class=\"links\">\r\n            @for (a of item().anchors; track $index) {\r\n            <span>\r\n              @if (a.uri && a.text) {\r\n              <a (click)=\"parent()?.open(a.documentId + '#' + a.uri)\" [matTooltip]=\"a.title\">{{a.text}} @if\r\n                (a.veryRelevant) {\r\n                <sup>\r\n                  <mat-icon style='font-size:x-small; height: 10px; width:10px' color=\"primary\"\r\n                    matTooltip=\"Molto rilevante\">thumb_up_alt</mat-icon>\r\n                </sup>\r\n                }</a>\r\n              }\r\n              @if (!a.uri && a.text) {\r\n              <span>{{a.text}}</span>\r\n              }\r\n            </span>\r\n            }\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (item().taxonomy?.length > 0) {\r\n        <div class=\"details\">\r\n          <div>ARGOMENTI</div>\r\n          <div class=\"links\">\r\n            @for (n of item().taxonomy?.split('\\r\\n'); track $index) {\r\n            <div class=\"link\">\r\n              {{n}}\r\n            </div>\r\n            }\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (item().title2 && item().model === modelsEnum.Coordinamento) {\r\n        <div class=\"details\">\r\n          <div>TITOLO DOCUMENTO MODIFICATO</div>\r\n          <div class=\"links\">\r\n            <div>{{item().title2}}</div>\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (item().description && item().model === modelsEnum.Coordinamento) {\r\n        <div class=\"details\">\r\n          <div>PROSSIMA SCADENZA</div>\r\n          <div class=\"links\">\r\n            <div>{{item().description}}</div>\r\n          </div>\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n    <div fxFlex=\"48px\" fxLayoutAlign=\"end\">\r\n      @if (item().isOver || item().isMenuOpen || isSelected()) {\r\n      @if (isReadable() && !isRead() && item().model !== modelsEnum.Scadenze && item().model !== modelsEnum.Segnalazioni)\r\n      {\r\n      <button type=\"button\" mat-icon-button matTooltip=\"Segna come gi\u00E0 letta\" [attr.aria-label]=\"'Segna come gi\u00E0 letta'\"\r\n        (click)=\"parent()?.toggleRead(item(), $event)\">\r\n        <mat-icon>flag</mat-icon>\r\n      </button>\r\n      }\r\n      @if(item().model === modelsEnum.Scadenze || item().model === modelsEnum.Segnalazioni) {\r\n      <button type=\"button\" mat-icon-button matTooltip=\"Aggiungi al tuo calendario\"\r\n        [attr.aria-label]=\"'Aggiungi al tuo calendario'\">\r\n        <mat-icon>add</mat-icon>\r\n      </button>\r\n      }\r\n      <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Menu\" [attr.aria-label]=\"'Menu opzioni'\"\r\n        [matMenuTriggerFor]=\"actions()\" [matMenuTriggerData]=\"{item: item()}\" (click)=\"item().isMenuOpen = true\">\r\n        <mat-icon>more_vert</mat-icon>\r\n      </button>\r\n      }\r\n    </div>\r\n  </div>\r\n  } @else {\r\n  <div class=\"tile\" (contextmenu)=\"onContextMenu($event, item())\" (mouseenter)=\"item().isOver = true\" (mouseleave)=\"item().isOver = false\" [ngClass]=\"{'item-selected': isSelected(), \r\n    'item-unread': isRead()}\" (click)=\"parent()?.open(item().documentId)\">\r\n    <div class=\"image-mark\" [ngClass]=\"{'image-mark-unread': !isRead()}\"></div>\r\n    <div class=\"image\">\r\n      @if (isReadable() || isSelectable()) {\r\n      <div class=\"buttons\">\r\n        @if (isReadable() && !isRead() && item().isOver === true) {\r\n        <button mat-icon-button class=\"read\" matTooltip=\"Segna come gi\u00E0 letto\"\r\n          (click)=\"parent()?.toggleRead(item(), $event)\"><mat-icon>flag</mat-icon></button>\r\n        }\r\n        @if (isSelectable() && (isSelected() || item().isOver === true)) {\r\n        <button mat-icon-button class=\"check\" [ngClass]=\"{'check-selected': isSelected()}\"\r\n          matTooltip=\"Seleziona/Deseleziona\"\r\n          (click)=\"parent()?.toggleSelection(item(), $event)\"><mat-icon>check</mat-icon></button>\r\n        }\r\n      </div>\r\n      }\r\n      <div class=\"info-1\">{{item().modelName}}</div>\r\n      @if (item().info) {\r\n      <div class=\"info-2\">{{item().info}}</div>\r\n      }\r\n      @if (item().pictureId && tilePictureUrl()) {\r\n      <img decoding=\"async\" loading=\"lazy\" [src]=\"tilePictureUrl() + '?id=' + item().pictureId\" [alt]=\"item().title2\" />\r\n      } @else if (tileNoPictureUrl()) {\r\n      <picture>\r\n        <img decoding=\"async\" loading=\"lazy\" [src]=\"tileNoPictureUrl()\"\r\n          [alt]=\"item().title2 || 'immagine non trovata'\" />\r\n      </picture>\r\n      }\r\n    </div>\r\n    <div class=\"body\">\r\n      <div class=\"date\">\r\n        <span class=\"date-day\" [ngClass]=\"{'unread': !item().isRead}\">{{item().date | format:'D':'d\r\n          MMMM'}}</span>\r\n        <span class=\"date-divider\"></span>\r\n        <span>{{item().date| format:'D':'yyyy'}}</span>\r\n      </div>\r\n      <div class=\"title\">{{item().title2}}</div>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\r\n<div #contextMenuTrigger=\"matMenuTrigger\" style=\"position: fixed\" [style.left]=\"contextMenuPosition.x\"\r\n  [style.top]=\"contextMenuPosition.y\" [matMenuTriggerFor]=\"actions()\" [matMenuTriggerData]=\"{item: item}\">\r\n</div>", styles: [".dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.smaller{font-size:smaller}.small{font-size:small!important;line-height:16px}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:14px}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-accent, #7894ae)!important}.primary{color:var(--ars-primary, #00a293)!important}.secondary{color:var(--ars-secondary, #4a635f)!important}.error{color:var(--ars-error, #ff5449)!important}.warning{color:var(--ars-warning, #FFC107)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer,.drawer-small{min-width:420px!important;max-width:420px!important;padding:20px 0 0}.drawer .title-container,.drawer-small .title-container{padding:20px 10px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 10px 20px}.drawer .title,.drawer-small .title{font-size:1.2em;font-weight:600;padding-left:10px;min-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:15px;padding-right:20px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-bottom:20px!important}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.drawer-small{min-width:360px!important;max-width:360px!important}.drawer-small .title{min-width:150px}@media screen and (min-width: 0px) and (max-width: 359px){.drawer{min-width:360px!important;max-width:360px!important}.drawer .title{min-width:150px}}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (prefers-color-scheme: dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b{font-weight:600}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600;text-transform:uppercase}.clipper-selection-icon-button{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-primary-hi, #12c0ae)}.expired,.unread{color:var(--ars-error, #ff5449)!important}.expiring{color:var(--ars-warning, #FFC107)!important}.error-bg,.expired-bg,.unread-bg{background-color:var(--ars-error, #ff5449)}.expiring-bg{background-color:var(--ars-warning, #FFC107)}.popular-bg{background-color:#388e3c}.very-popular-bg{background-color:#4caf50}.item-selected{background-color:var(--ars-item-selected-background-color, #ced1d2);border-radius:0!important}.item-unread{font-weight:bolder}.items-group-title{color:var(--ars-accent, #7894ae);font-size:large;font-weight:700;padding-left:25px;padding-bottom:10px;padding-top:10px}.items-group-title .group-spaced{padding:10px 0 0!important}.items-footer{padding-top:10px}.item{border-radius:12px;padding:10px 6px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item-content .info-1{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent, #7894ae)}.item-content .info-2{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent-low, #456179)}.item-content .title{font-size:small;line-height:18px}.item-content .details{margin-top:4px;font-size:x-small;font-weight:700;line-height:15px;color:var(--ars-accent-low, #456179);text-transform:uppercase;border-left:4px solid var(--ars-accent-low, #456179);padding-left:10px}.item-content .details .links{text-transform:none;text-decoration:none}.item-content .details .links a,.item-content .details .links span,.item-content .details .links div{margin-right:8px;font-weight:600;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-link, #03A9F4);font-weight:600}.item-content a.link{color:var(--ars-link, #03A9F4);cursor:pointer!important}.item-content:hover{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer;padding:10px 13px;margin-bottom:2px}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--ars-error, #ff5449);margin:0 8px}.tile .image{height:180px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .image img{object-fit:cover;width:100%;height:100%}.tile .image .info-1{position:absolute;left:0;bottom:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-text, #191c1b);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .info-2{position:absolute;right:0;top:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-accent, #7894ae);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .image .buttons .check,.tile .image .buttons .read{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .buttons .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .date{padding:8px 0 6px;font-weight:700;text-transform:uppercase}.tile .date .date-day{color:var(--ars-accent, #7894ae)}.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .time{font-size:small;font-weight:700}.tile .title{text-decoration:none;font-size:small;min-height:72px;overflow:hidden}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:var(--ars-accent, #7894ae);text-transform:uppercase;white-space:nowrap;color:var(--ars-color-text, #191c1b)}.badge-red{background-color:var(--ars-error, #ff5449);color:var(--ars-color-text, #191c1b)}.busy-backdrop{background-color:#00000052!important}.legend-container{display:flex;flex-direction:row;align-items:center;font-size:x-small;text-transform:uppercase;font-weight:500;margin-left:10px}.legend-container .legend{display:inline-block;height:8px;width:8px;margin-right:4px}.legend-container .next{margin-left:8px}.special-date,.special-date-expired{border:2px var(--ars-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-error, #ff5449) solid!important}\n"] }]
+        }], propDecorators: { contextMenuTrigger: [{
+                type: ViewChild,
+                args: ['contextMenuTrigger']
+            }] } });
+
+class ClipperSearchCalendarComponent {
+    constructor() {
+        this.changed = new EventEmitter();
+        this.busy = signal(false);
+        this.months = null;
+        this.calendarSpecialDays = null;
+        this.calendarEmptyHeader = CalendarEmptyHeader;
+        this.calendarDate = startOfToday();
+        this.calendarDateClass = (cellDate) => {
+            if (!this.calendarSpecialDays)
+                return '';
+            if (this.calendarSpecialDays[cellDate.getDate() - 1] > 0) {
+                return cellDate < startOfToday() ? 'special-date-expired' : 'special-date';
             }
-        });
+            return '';
+        };
+        this.calendarDateFilter = () => { return false; };
+        /**
+       * Disable date selection from calendar
+       */
+        this.filterCalendarDates = () => {
+            return true;
+        };
     }
-    ///
-    // Restorable
-    ///
     /**
-     * Save restorable data
-     * @param id : the restorable id
-     * @param scroll : the current scroll position
+     * Update calendar
+     * @param value : the snapshot
+     * @param view : view to update 'month' or ' months'. Default is 'months'
+     * @param date : the new current date
      */
-    save(id, scroll = 0) {
-        sessionStorage.setItem(id, JSON.stringify({
-            paginator: {
-                page: this.paginator?.pageIndex ?? 0,
-                total: this.snapshot?.total ?? 0,
-                size: this.paginator?.pageSize ?? 15
-            },
-            facets: this.facets?.save(),
-            filterParams: this.filterParams,
-            scroll: scroll,
-            sort: { mode: this.sortMode, options: this.sortOptions },
-            data: this.snapshot
-                ? { items: this.snapshot.items, total: this.snapshot.total }
-                : null
-        }));
+    update(value = null, view = 'months', date) {
+        this.busy.set(true);
+        setTimeout(() => {
+            if (view === 'months') {
+                this.months = value?.months;
+            }
+            else {
+                if (value && value.months && value.months.length > 0)
+                    this.calendarSpecialDays = value.months[0].days;
+                if (this.calendar) {
+                    this.calendar.activeDate = date;
+                    this.calendar.selected = date;
+                    this.calendar.updateTodaysDate();
+                }
+                this.calendarDate = date;
+            }
+            this.busy.set(false);
+        }, 250);
     }
     /**
-     * Restore data
-     * @param id : the restorable id
+     * Filter by date
+     * @param date : the date to filter to or "month" to filter by the whole month.
      */
-    restore(id) {
-        const value = sessionStorage.getItem(id);
-        if (value) {
-            const data = JSON.parse(value);
-            if (data) {
-                this.filterParams = data.filterParams;
-                this.snapshot = data.data;
-                this.sortMode = data.sort.mode;
-                this.sortOptions = data.sort.options;
-                if (this.facets && data.facets) {
-                    this.facets.restore(data.facets);
-                    this.hasFacets.set(data.facets.hasFacets);
-                }
-                if (this.paginator && data.paginator) {
-                    this.paginator.pageIndex = data.paginator.page;
-                    this.paginator.pageSize = data.paginator.size;
-                    this.paginator.length = data.paginator.total;
-                }
-                this.broadcastService.sendMessage(ClipperMessages.COMMAND_SEARCH_RESTORED, data.filterParams);
-                this.changeDetector.detectChanges();
-                // Scroll top
-                setTimeout(() => {
-                    this.scroll(data.scroll ?? 0);
-                }, 100);
+    filterByDate(date) {
+        if (date === 'month') {
+            if (this.calendarDate) {
+                this.changed.emit(new DateInterval(endOfDay(startOfMonth(this.calendarDate)), endOfMonth(this.calendarDate)));
             }
         }
+        else if (date) {
+            this.changed.emit(new DateInterval(endOfDay(date), endOfDay(date)));
+        }
+        else {
+            this.changed.emit(null);
+        }
+    }
+    /**
+     * Filter by month
+     * @param monthInfo: the month info
+     */
+    filterByMonth(monthInfo) {
+        let d = new Date(monthInfo.year, monthInfo.month - 1, 1);
+        this.changed.emit(new DateInterval(endOfDay(startOfMonth(d)), endOfMonth(d)));
+        this.calendarSpecialDays = monthInfo.days;
+        this.calendar.activeDate = d;
+        this.calendar.updateTodaysDate();
+        this.calendarDate = d;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchResultManager, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: ClipperSearchResultManager, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "paginator", first: true, predicate: ["paginator"], descendants: true }, { propertyName: "facets", first: true, predicate: ["facets"], descendants: true }, { propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true }], ngImport: i0, template: '<div></div>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: ClipperSearchCalendarComponent, isStandalone: true, selector: "clipper-search-calendar", outputs: { changed: "changed" }, viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true }], ngImport: i0, template: "<div fxLayout=\"column\" fxFill class=\"calendar-container scroll-hidden\">\r\n  <div class=\"calendar-months\">\r\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"center\" fxLayoutGap=\"8px\" fxFill>\r\n      @for (m of months; track m) {\r\n      <button fxFlex=\"37px\" mat-button class=\"small uppercase\" (click)=\"filterByMonth(m)\"\r\n        [disabled]=\"m.total === 0\">\r\n        @if (m.expired) {\r\n        <span class=\"expired\" [matTooltip]=\"m.expired + ' elementi in ritardo'\">{{m.monthShortName}}</span>\r\n        }\r\n        @if (!m.expired) {\r\n        <span [matTooltip]=\"m.total + ' elementi'\">{{m.monthShortName}}</span>\r\n        }\r\n      </button>\r\n      }\r\n    </div>\r\n    <div class=\"separator\"></div>\r\n  </div>\r\n  <div fxFlex=\"*\" class=\"scroll-auto\">\r\n    @if (!busy()) {\r\n    <mat-calendar #calendar [headerComponent]=\"calendarEmptyHeader\" [dateClass]=\"calendarDateClass\"\r\n      [dateFilter]=\"calendarDateFilter\" (selectedChange)=\"filterByDate($event)\" class=\"calendar-month\">\r\n    </mat-calendar>\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-around\" style=\"padding:0 15px\">\r\n      <button type=\"button\" mat-button color=\"primary\" (click)=\"filterByDate('month')\">Tutto il\r\n        mese</button>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>", styles: [".calendar-container{padding-top:20px;padding-bottom:10px}.calendar-message{padding-top:10px;padding-left:15px}.calendar-months{padding:0 15px}.calendar-months .separator{border-top:1px var(--ars-color-divider, #757d87) solid;margin-top:15px;padding-top:15px}.calendar-months .expired{color:var(--ars-color-error, #ff5449)}.calendar-month{padding:10px 0 30px;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: FlexModule }, { kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatCalendar, selector: "mat-calendar", inputs: ["headerComponent", "startAt", "startView", "selected", "minDate", "maxDate", "dateFilter", "dateClass", "comparisonStart", "comparisonEnd", "startDateAccessibleName", "endDateAccessibleName"], outputs: ["selectedChange", "yearSelected", "monthSelected", "viewChanged", "_userSelection", "_userDragDrop"], exportAs: ["matCalendar"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "ngmodule", type: MatExpansionModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchResultManager, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchCalendarComponent, decorators: [{
             type: Component,
-            args: [{
-                    template: '<div></div>',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [
-                        ClipperReferencesComponent,
-                        ClipperDocumentComponent,
-                        ClipperSearchFacetsComponent,
-                        ClipperSearchCalendarComponent
-                    ],
-                }]
-        }], propDecorators: { paginator: [{
-                type: ViewChild,
-                args: ['paginator']
-            }], facets: [{
-                type: ViewChild,
-                args: ['facets']
-            }], calendar: [{
+            args: [{ selector: 'clipper-search-calendar', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        FlexModule,
+                        MatButtonModule,
+                        MatTooltipModule,
+                        MatCalendar,
+                        MatChipsModule,
+                        MatIconModule,
+                        MatDividerModule,
+                        MatExpansionModule
+                    ], template: "<div fxLayout=\"column\" fxFill class=\"calendar-container scroll-hidden\">\r\n  <div class=\"calendar-months\">\r\n    <div fxLayout=\"row wrap\" fxLayoutAlign=\"center\" fxLayoutGap=\"8px\" fxFill>\r\n      @for (m of months; track m) {\r\n      <button fxFlex=\"37px\" mat-button class=\"small uppercase\" (click)=\"filterByMonth(m)\"\r\n        [disabled]=\"m.total === 0\">\r\n        @if (m.expired) {\r\n        <span class=\"expired\" [matTooltip]=\"m.expired + ' elementi in ritardo'\">{{m.monthShortName}}</span>\r\n        }\r\n        @if (!m.expired) {\r\n        <span [matTooltip]=\"m.total + ' elementi'\">{{m.monthShortName}}</span>\r\n        }\r\n      </button>\r\n      }\r\n    </div>\r\n    <div class=\"separator\"></div>\r\n  </div>\r\n  <div fxFlex=\"*\" class=\"scroll-auto\">\r\n    @if (!busy()) {\r\n    <mat-calendar #calendar [headerComponent]=\"calendarEmptyHeader\" [dateClass]=\"calendarDateClass\"\r\n      [dateFilter]=\"calendarDateFilter\" (selectedChange)=\"filterByDate($event)\" class=\"calendar-month\">\r\n    </mat-calendar>\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"space-around\" style=\"padding:0 15px\">\r\n      <button type=\"button\" mat-button color=\"primary\" (click)=\"filterByDate('month')\">Tutto il\r\n        mese</button>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>", styles: [".calendar-container{padding-top:20px;padding-bottom:10px}.calendar-message{padding-top:10px;padding-left:15px}.calendar-months{padding:0 15px}.calendar-months .separator{border-top:1px var(--ars-color-divider, #757d87) solid;margin-top:15px;padding-top:15px}.calendar-months .expired{color:var(--ars-color-error, #ff5449)}.calendar-month{padding:10px 0 30px;width:100%}\n"] }]
+        }], propDecorators: { calendar: [{
                 type: ViewChild,
                 args: ['calendar']
+            }], changed: [{
+                type: Output
             }] } });
 
 class ClipperReferencesComponent extends ClipperSearchResultManager {
@@ -1284,7 +1181,7 @@ class ClipperReferencesComponent extends ClipperSearchResultManager {
         this.dialogRef.close({ documentId: documentId });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperReferencesComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: ClipperReferencesComponent, isStandalone: true, selector: "ng-component", host: { attributes: { "Bind": SystemUtils.generateUUID() } }, viewQueries: [{ propertyName: "filterPane", first: true, predicate: ["filterPane"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"clipper-references-fixed\">\r\n  <div class=\"dialog-header\">\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap='10px' fxFill>\r\n      <div fxFlex=\"*\">\r\n        <h2 mat-dialog-title>{{title}} </h2>\r\n      </div>\r\n      <div fxLayoutAlign=\"end\">\r\n        <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Chiudi\" aria-label=\"Chiudi\"\r\n          (click)=\"close()\" class=\"dialog-close\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n    @if (dialogData.mode > 0 || selection?.hasValue() || (snapshot && snapshot.facets?.hasFacets && filterPane &&\r\n    (!filterPane.opened || filterPaneClosed))) {\r\n    <div style=\"padding: 0 10px 0 24px; height: 48px; min-height: 48px;\">\r\n      <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFill>\r\n        <div fxFlex=\"*\">\r\n          @if (dialogData.mode === 1) {\r\n          <mat-slide-toggle name=\"excludeTextReferences\" [(ngModel)]=\"filterParams.excludeTextReferences\"\r\n            (change)=\"fetch(true)\">\r\n            Mostra solo se citati nelle note\r\n          </mat-slide-toggle>\r\n          } @else if (dialogData.mode == 2) {\r\n          <mat-slide-toggle name=\"excludeNotesReferences\" [(ngModel)]=\"filterParams.excludeNotesReferences\"\r\n            (change)=\"fetch(true)\">\r\n            Mostra solo se citano nel testo il documento\r\n          </mat-slide-toggle>\r\n          }\r\n        </div>\r\n        <div fxLayoutAlign=\"end\">\r\n          @if (selection?.hasValue()) {\r\n          <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button\r\n            matTooltip=\"Azioni da eseguire sugli elementi selezionati\"\r\n            [attr.aria-label]=\"'Menu opzioni per elementi selezionati'\" [matMenuTriggerFor]=\"menuSelections\"\r\n            [disabled]=\"!snapshot.total\">\r\n            <mat-icon aria-hidden=\"false\" [matBadge]=\"selection?.all.length\" matBadgeColor=\"accent\">checklist</mat-icon>\r\n          </button>\r\n          }\r\n          <mat-menu #menuSelections=\"matMenu\">\r\n            <clipper-document-menu [parent]=\"this\" [selectionSource]=\"selection\" [isReadable]=\"false\"\r\n              [isReference]=\"true\">\r\n            </clipper-document-menu>\r\n          </mat-menu>\r\n          @if (snapshot && snapshot.facets?.hasFacets && filterPane && (!filterPane.opened || filterPaneClosed)) {\r\n          <div fxFlexAlign=\"center\">\r\n            <button type=\"button\" mat-icon-button matTooltip=\"Affina ricerca\" aria-label=\"'Affina ricerca'\"\r\n              (click)=\"toggleFilterPane()\">\r\n              <mat-icon>menu_open</mat-icon>\r\n            </button>\r\n          </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n<div mat-dialog-content id=\"clipper-references-scrollable\">\r\n  <mat-drawer-container class=\"fill\" [hasBackdrop]=\"filterPaneHasBackdrop\">\r\n    <mat-drawer #filterPane position=\"end\" class=\"drawer-small drawer-with-loader\" opened=\"false\">\r\n      @if (filterBusy()) {\r\n      <div class=\"overlay\"></div>\r\n      }\r\n      <div fxLayout=\"column\" fxFill>\r\n        <div fxFlex=\"6px\">\r\n          @if (filterBusy()) {\r\n          <mat-progress-bar style=\"z-index: 11;\" mode=\"indeterminate\">\r\n          </mat-progress-bar>\r\n          }\r\n        </div>\r\n        <div fxFlex=\"56px\" class=\"title-container-with-loader\">\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n            <div fxFlexAlign=\"center\" class=\"title\">Affina ricerca</div>\r\n            <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n              <button fxFlexAlign=\"center\" mat-icon-button (click)=\"toggleFilterPane()\"\r\n                matTooltip=\"Nascondi\"><mat-icon>close</mat-icon></button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div fxFlex=\"*\" class=\"scroll-hidden\" style=\"padding: 0 5px;\">\r\n          <clipper-search-facets #facets></clipper-search-facets>\r\n        </div>\r\n      </div>\r\n    </mat-drawer>\r\n    <div fxLayout=\"column\" fxFill>\r\n      <div fxFlex=\"*\" [id]=\"scrollerId\" class=\"scroll-auto\" style=\"padding: 0 5px;\">\r\n        @if (!snapshot.total) {\r\n        <div>\r\n          <p class=\"message\"><i>Nessun elemento da visualizzare.</i></p>\r\n        </div>\r\n        } @else {\r\n        <div>\r\n          @for (item of snapshot.items; track $index; let i = $index) {\r\n          @if (item.group) {\r\n          <div class=\"items-group-title\">\r\n            <div [ngClass]=\"{'group-spaced': i > 0}\">{{item.group}}</div>\r\n          </div>\r\n          }\r\n          <clipper-search-result-item [item]=\"item\" [parent]=\"this\" [actions]=\"contextMenu\"></clipper-search-result-item>\r\n          }\r\n          <mat-menu #contextMenu=\"matMenu\" (closed)=\"updateMenuButtonsVisibility()\">\r\n            <ng-template matMenuContent let-item=\"item\">\r\n              <clipper-document-menu [parent]=\"this\" [item]=\"item\" [isReadable]=\"false\" [isReference]=\"true\">\r\n              </clipper-document-menu>\r\n            </ng-template>\r\n          </mat-menu>\r\n        </div>\r\n        }\r\n      </div>\r\n      <!-- footer -->\r\n      @if ((snapshot?.total ?? 0) > 0) {\r\n      <div class=\"items-footer\">\r\n        <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"end center\" fxFill>\r\n          <mat-paginator #paginator class=\"paginator\" [hidePageSize]=\"true\" [length]=\"snapshot?.total ?? 0\"\r\n            [pageSize]=\"filterParams.count ?? 15\" [showFirstLastButtons]=\"true\" (page)=\"fetchMore($event)\">\r\n          </mat-paginator>\r\n        </div>\r\n      </div>\r\n      }\r\n    </div>\r\n  </mat-drawer-container>\r\n</div>", styles: [".dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.smaller{font-size:smaller}.small{font-size:small!important;line-height:16px}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:14px}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-accent, #7894ae)!important}.primary{color:var(--ars-primary, #00a293)!important}.secondary{color:var(--ars-secondary, #4a635f)!important}.error{color:var(--ars-error, #ff5449)!important}.warning{color:var(--ars-warning, #FFC107)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer,.drawer-small{min-width:420px!important;max-width:420px!important;padding:20px 0 0}.drawer .title-container,.drawer-small .title-container{padding:20px 10px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 10px 20px}.drawer .title,.drawer-small .title{font-size:1.2em;font-weight:600;padding-left:10px;min-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:15px;padding-right:20px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-bottom:20px!important}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.drawer-small{min-width:360px!important;max-width:360px!important}.drawer-small .title{min-width:150px}@media screen and (min-width: 0px) and (max-width: 359px){.drawer{min-width:360px!important;max-width:360px!important}.drawer .title{min-width:150px}}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (prefers-color-scheme: dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b{font-weight:600}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600;text-transform:uppercase}.clipper-selection-icon-button{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-primary-hi, #12c0ae)}.expired,.unread{color:var(--ars-error, #ff5449)!important}.expiring{color:var(--ars-warning, #FFC107)!important}.error-bg,.expired-bg,.unread-bg{background-color:var(--ars-error, #ff5449)}.expiring-bg{background-color:var(--ars-warning, #FFC107)}.popular-bg{background-color:#388e3c}.very-popular-bg{background-color:#4caf50}.item-selected{background-color:var(--ars-item-selected-background-color, #ced1d2);border-radius:0!important}.item-unread{font-weight:bolder}.items-group-title{color:var(--ars-accent, #7894ae);font-size:large;font-weight:700;padding-left:25px;padding-bottom:10px;padding-top:10px}.items-group-title .group-spaced{padding:10px 0 0!important}.items-footer{padding-top:10px}.item{border-radius:12px;padding:10px 6px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item-content .info-1{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent, #7894ae)}.item-content .info-2{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent-low, #456179)}.item-content .title{font-size:small;line-height:18px}.item-content .details{margin-top:4px;font-size:x-small;font-weight:700;line-height:15px;color:var(--ars-accent-low, #456179);text-transform:uppercase;border-left:4px solid var(--ars-accent-low, #456179);padding-left:10px}.item-content .details .links{text-transform:none;text-decoration:none}.item-content .details .links a,.item-content .details .links span,.item-content .details .links div{margin-right:8px;font-weight:600;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-link, #03A9F4);font-weight:600}.item-content a.link{color:var(--ars-link, #03A9F4);cursor:pointer!important}.item-content:hover{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer;padding:10px 13px;margin-bottom:2px}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--ars-error, #ff5449);margin:0 8px}.tile .image{height:180px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .image img{object-fit:cover;width:100%;height:100%}.tile .image .info-1{position:absolute;left:0;bottom:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-text, #191c1b);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .info-2{position:absolute;right:0;top:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-accent, #7894ae);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .image .buttons .check,.tile .image .buttons .read{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .buttons .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .date{padding:8px 0 6px;font-weight:700;text-transform:uppercase}.tile .date .date-day{color:var(--ars-accent, #7894ae)}.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .time{font-size:small;font-weight:700}.tile .title{text-decoration:none;font-size:small;min-height:72px;overflow:hidden}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:var(--ars-accent, #7894ae);text-transform:uppercase;white-space:nowrap;color:var(--ars-color-text, #191c1b)}.badge-red{background-color:var(--ars-error, #ff5449);color:var(--ars-color-text, #191c1b)}.busy-backdrop{background-color:#00000052!important}.legend-container{display:flex;flex-direction:row;align-items:center;font-size:x-small;text-transform:uppercase;font-weight:500;margin-left:10px}.legend-container .legend{display:inline-block;height:8px;width:8px;margin-right:4px}.legend-container .next{margin-left:8px}.special-date,.special-date-expired{border:2px var(--ars-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-error, #ff5449) solid!important}.message{color:var(--ars-color-secondary, #4a635f);padding:20px;text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i1.DefaultFlexAlignDirective, selector: "  [fxFlexAlign], [fxFlexAlign.xs], [fxFlexAlign.sm], [fxFlexAlign.md],  [fxFlexAlign.lg], [fxFlexAlign.xl], [fxFlexAlign.lt-sm], [fxFlexAlign.lt-md],  [fxFlexAlign.lt-lg], [fxFlexAlign.lt-xl], [fxFlexAlign.gt-xs], [fxFlexAlign.gt-sm],  [fxFlexAlign.gt-md], [fxFlexAlign.gt-lg]", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg"] }, { kind: "directive", type: i1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i6$2.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i6$1.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i6$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i9.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i10.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i11.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i11.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i12.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: ClipperDocumentMenuComponent, selector: "clipper-document-menu", inputs: ["selectionSource", "useSelections", "parent", "item", "isReference", "isReadable", "isDeadline", "isLawInForce", "isLaw", "canPrint", "canFind"] }, { kind: "component", type: ClipperSearchFacetsComponent, selector: "clipper-search-facets", outputs: ["changed"] }, { kind: "component", type: ClipperSearchResultItemComponent, selector: "clipper-search-result-item", inputs: ["parent", "item", "actions", "tileNoPictureUrl", "tilePictureUrl", "isSelectable", "isReadable", "displayModelName", "displayMode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: ClipperReferencesComponent, isStandalone: true, selector: "ng-component", host: { attributes: { "Bind": SystemUtils.generateUUID() } }, viewQueries: [{ propertyName: "filterPane", first: true, predicate: ["filterPane"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"clipper-references-fixed\">\r\n  <div class=\"dialog-header\">\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap='10px' fxFill>\r\n      <div fxFlex=\"*\">\r\n        <h2 mat-dialog-title>{{title}} </h2>\r\n      </div>\r\n      <div fxLayoutAlign=\"end\">\r\n        <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Chiudi\" aria-label=\"Chiudi\"\r\n          (click)=\"close()\" class=\"dialog-close\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n    @if (dialogData.mode > 0 || selection?.hasValue() || (snapshot && snapshot.facets?.hasFacets && filterPane &&\r\n    (!filterPane.opened || filterPaneClosed))) {\r\n    <div style=\"padding: 0 10px 0 24px; height: 48px; min-height: 48px;\">\r\n      <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFill>\r\n        <div fxFlex=\"*\">\r\n          @if (dialogData.mode === 1) {\r\n          <mat-slide-toggle name=\"excludeTextReferences\" [(ngModel)]=\"filterParams.excludeTextReferences\"\r\n            (change)=\"fetch(true)\">\r\n            Mostra solo se citati nelle note\r\n          </mat-slide-toggle>\r\n          } @else if (dialogData.mode == 2) {\r\n          <mat-slide-toggle name=\"excludeNotesReferences\" [(ngModel)]=\"filterParams.excludeNotesReferences\"\r\n            (change)=\"fetch(true)\">\r\n            Mostra solo se citano nel testo il documento\r\n          </mat-slide-toggle>\r\n          }\r\n        </div>\r\n        <div fxLayoutAlign=\"end\">\r\n          @if (selection?.hasValue()) {\r\n          <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button\r\n            matTooltip=\"Azioni da eseguire sugli elementi selezionati\"\r\n            [attr.aria-label]=\"'Menu opzioni per elementi selezionati'\" [matMenuTriggerFor]=\"menuSelections\"\r\n            [disabled]=\"!snapshot.total\">\r\n            <mat-icon aria-hidden=\"false\" [matBadge]=\"selection?.all.length\" matBadgeColor=\"accent\">checklist</mat-icon>\r\n          </button>\r\n          }\r\n          <mat-menu #menuSelections=\"matMenu\">\r\n            <clipper-document-menu [parent]=\"this\" selectionSource=\"selection\" [isReadable]=\"false\"\r\n              [isReference]=\"true\">\r\n            </clipper-document-menu>\r\n          </mat-menu>\r\n          @if (snapshot && snapshot.facets?.hasFacets && filterPane && (!filterPane.opened || filterPaneClosed)) {\r\n          <div fxFlexAlign=\"center\">\r\n            <button type=\"button\" mat-icon-button matTooltip=\"Affina ricerca\" aria-label=\"'Affina ricerca'\"\r\n              (click)=\"toggleFilterPane()\">\r\n              <mat-icon>menu_open</mat-icon>\r\n            </button>\r\n          </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n<div mat-dialog-content id=\"clipper-references-scrollable\">\r\n  <mat-drawer-container class=\"fill\" [hasBackdrop]=\"filterPaneHasBackdrop\">\r\n    <mat-drawer #filterPane position=\"end\" class=\"drawer-small drawer-with-loader\" opened=\"false\">\r\n      @if (filterBusy()) {\r\n      <div class=\"overlay\"></div>\r\n      }\r\n      <div fxLayout=\"column\" fxFill>\r\n        <div fxFlex=\"6px\">\r\n          @if (filterBusy()) {\r\n          <mat-progress-bar style=\"z-index: 11;\" mode=\"indeterminate\">\r\n          </mat-progress-bar>\r\n          }\r\n        </div>\r\n        <div fxFlex=\"56px\" class=\"title-container-with-loader\">\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n            <div fxFlexAlign=\"center\" class=\"title\">Affina ricerca</div>\r\n            <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n              <button fxFlexAlign=\"center\" mat-icon-button (click)=\"toggleFilterPane()\"\r\n                matTooltip=\"Nascondi\"><mat-icon>close</mat-icon></button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div fxFlex=\"*\" class=\"scroll-hidden\" style=\"padding: 0 5px;\">\r\n          <clipper-search-facets #facets></clipper-search-facets>\r\n        </div>\r\n      </div>\r\n    </mat-drawer>\r\n    <div fxLayout=\"column\" fxFill>\r\n      <div fxFlex=\"*\" [id]=\"scrollerId\" class=\"scroll-auto\" style=\"padding: 0 5px;\">\r\n        @if (!snapshot.total) {\r\n        <div>\r\n          <p class=\"message\"><i>Nessun elemento da visualizzare.</i></p>\r\n        </div>\r\n        } @else {\r\n        <div>\r\n          @for (item of snapshot.items; track $index; let i = $index) {\r\n          @if (item.group) {\r\n          <div class=\"items-group-title\">\r\n            <div [ngClass]=\"{'group-spaced': i > 0}\">{{item.group}}</div>\r\n          </div>\r\n          }\r\n          <clipper-search-result-item [item]=\"item\" [parent]=\"this\" [actions]=\"contextMenu\"></clipper-search-result-item>\r\n          }\r\n          <mat-menu #contextMenu=\"matMenu\" (closed)=\"updateMenuButtonsVisibility()\">\r\n            <ng-template matMenuContent let-item=\"item\">\r\n              <clipper-document-menu [parent]=\"this\" [item]=\"item\" [isReadable]=\"false\" [isReference]=\"true\">\r\n              </clipper-document-menu>\r\n            </ng-template>\r\n          </mat-menu>\r\n        </div>\r\n        }\r\n      </div>\r\n      <!-- footer -->\r\n      @if ((snapshot?.total ?? 0) > 0) {\r\n      <div class=\"items-footer\">\r\n        <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"end center\" fxFill>\r\n          <mat-paginator #paginator class=\"paginator\" [hidePageSize]=\"true\" [length]=\"snapshot?.total ?? 0\"\r\n            [pageSize]=\"filterParams.count ?? 15\" [showFirstLastButtons]=\"true\" (page)=\"fetchMore($event)\">\r\n          </mat-paginator>\r\n        </div>\r\n      </div>\r\n      }\r\n    </div>\r\n  </mat-drawer-container>\r\n</div>", styles: [".dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.smaller{font-size:smaller}.small{font-size:small!important;line-height:16px}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:14px}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-accent, #7894ae)!important}.primary{color:var(--ars-primary, #00a293)!important}.secondary{color:var(--ars-secondary, #4a635f)!important}.error{color:var(--ars-error, #ff5449)!important}.warning{color:var(--ars-warning, #FFC107)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer,.drawer-small{min-width:420px!important;max-width:420px!important;padding:20px 0 0}.drawer .title-container,.drawer-small .title-container{padding:20px 10px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 10px 20px}.drawer .title,.drawer-small .title{font-size:1.2em;font-weight:600;padding-left:10px;min-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:15px;padding-right:20px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-bottom:20px!important}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.drawer-small{min-width:360px!important;max-width:360px!important}.drawer-small .title{min-width:150px}@media screen and (min-width: 0px) and (max-width: 359px){.drawer{min-width:360px!important;max-width:360px!important}.drawer .title{min-width:150px}}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (prefers-color-scheme: dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b{font-weight:600}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600;text-transform:uppercase}.clipper-selection-icon-button{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-primary-hi, #12c0ae)}.expired,.unread{color:var(--ars-error, #ff5449)!important}.expiring{color:var(--ars-warning, #FFC107)!important}.error-bg,.expired-bg,.unread-bg{background-color:var(--ars-error, #ff5449)}.expiring-bg{background-color:var(--ars-warning, #FFC107)}.popular-bg{background-color:#388e3c}.very-popular-bg{background-color:#4caf50}.item-selected{background-color:var(--ars-item-selected-background-color, #ced1d2);border-radius:0!important}.item-unread{font-weight:bolder}.items-group-title{color:var(--ars-accent, #7894ae);font-size:large;font-weight:700;padding-left:25px;padding-bottom:10px;padding-top:10px}.items-group-title .group-spaced{padding:10px 0 0!important}.items-footer{padding-top:10px}.item{border-radius:12px;padding:10px 6px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item-content .info-1{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent, #7894ae)}.item-content .info-2{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent-low, #456179)}.item-content .title{font-size:small;line-height:18px}.item-content .details{margin-top:4px;font-size:x-small;font-weight:700;line-height:15px;color:var(--ars-accent-low, #456179);text-transform:uppercase;border-left:4px solid var(--ars-accent-low, #456179);padding-left:10px}.item-content .details .links{text-transform:none;text-decoration:none}.item-content .details .links a,.item-content .details .links span,.item-content .details .links div{margin-right:8px;font-weight:600;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-link, #03A9F4);font-weight:600}.item-content a.link{color:var(--ars-link, #03A9F4);cursor:pointer!important}.item-content:hover{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer;padding:10px 13px;margin-bottom:2px}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--ars-error, #ff5449);margin:0 8px}.tile .image{height:180px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .image img{object-fit:cover;width:100%;height:100%}.tile .image .info-1{position:absolute;left:0;bottom:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-text, #191c1b);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .info-2{position:absolute;right:0;top:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-accent, #7894ae);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .image .buttons .check,.tile .image .buttons .read{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .buttons .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .date{padding:8px 0 6px;font-weight:700;text-transform:uppercase}.tile .date .date-day{color:var(--ars-accent, #7894ae)}.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .time{font-size:small;font-weight:700}.tile .title{text-decoration:none;font-size:small;min-height:72px;overflow:hidden}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:var(--ars-accent, #7894ae);text-transform:uppercase;white-space:nowrap;color:var(--ars-color-text, #191c1b)}.badge-red{background-color:var(--ars-error, #ff5449);color:var(--ars-color-text, #191c1b)}.busy-backdrop{background-color:#00000052!important}.legend-container{display:flex;flex-direction:row;align-items:center;font-size:x-small;text-transform:uppercase;font-weight:500;margin-left:10px}.legend-container .legend{display:inline-block;height:8px;width:8px;margin-right:4px}.legend-container .next{margin-left:8px}.special-date,.special-date-expired{border:2px var(--ars-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-error, #ff5449) solid!important}.message{color:var(--ars-color-secondary, #4a635f);padding:20px;text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i1.DefaultFlexAlignDirective, selector: "  [fxFlexAlign], [fxFlexAlign.xs], [fxFlexAlign.sm], [fxFlexAlign.md],  [fxFlexAlign.lg], [fxFlexAlign.xl], [fxFlexAlign.lt-sm], [fxFlexAlign.lt-md],  [fxFlexAlign.lt-lg], [fxFlexAlign.lt-xl], [fxFlexAlign.gt-xs], [fxFlexAlign.gt-sm],  [fxFlexAlign.gt-md], [fxFlexAlign.gt-lg]", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg"] }, { kind: "directive", type: i1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i2$1.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i15.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i6.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i9.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i10.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i11.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i11.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i12.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: ClipperDocumentMenuComponent, selector: "clipper-document-menu", inputs: ["selectionSource", "useSelections", "parent", "item", "isReference", "isReadable", "isDeadline", "isLawInForce", "isLaw", "canPrint", "canFind"] }, { kind: "component", type: ClipperSearchFacetsComponent, selector: "clipper-search-facets", outputs: ["changed"] }, { kind: "component", type: ClipperSearchResultItemComponent, selector: "clipper-search-result-item", inputs: ["parent", "item", "actions", "tileNoPictureUrl", "tilePictureUrl", "isSelectable", "isReadable", "displayModelName", "displayMode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperReferencesComponent, decorators: [{
             type: Component,
@@ -1306,7 +1203,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
                         ClipperDocumentMenuComponent,
                         ClipperSearchFacetsComponent,
                         ClipperSearchResultItemComponent
-                    ], template: "<div class=\"clipper-references-fixed\">\r\n  <div class=\"dialog-header\">\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap='10px' fxFill>\r\n      <div fxFlex=\"*\">\r\n        <h2 mat-dialog-title>{{title}} </h2>\r\n      </div>\r\n      <div fxLayoutAlign=\"end\">\r\n        <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Chiudi\" aria-label=\"Chiudi\"\r\n          (click)=\"close()\" class=\"dialog-close\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n    @if (dialogData.mode > 0 || selection?.hasValue() || (snapshot && snapshot.facets?.hasFacets && filterPane &&\r\n    (!filterPane.opened || filterPaneClosed))) {\r\n    <div style=\"padding: 0 10px 0 24px; height: 48px; min-height: 48px;\">\r\n      <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFill>\r\n        <div fxFlex=\"*\">\r\n          @if (dialogData.mode === 1) {\r\n          <mat-slide-toggle name=\"excludeTextReferences\" [(ngModel)]=\"filterParams.excludeTextReferences\"\r\n            (change)=\"fetch(true)\">\r\n            Mostra solo se citati nelle note\r\n          </mat-slide-toggle>\r\n          } @else if (dialogData.mode == 2) {\r\n          <mat-slide-toggle name=\"excludeNotesReferences\" [(ngModel)]=\"filterParams.excludeNotesReferences\"\r\n            (change)=\"fetch(true)\">\r\n            Mostra solo se citano nel testo il documento\r\n          </mat-slide-toggle>\r\n          }\r\n        </div>\r\n        <div fxLayoutAlign=\"end\">\r\n          @if (selection?.hasValue()) {\r\n          <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button\r\n            matTooltip=\"Azioni da eseguire sugli elementi selezionati\"\r\n            [attr.aria-label]=\"'Menu opzioni per elementi selezionati'\" [matMenuTriggerFor]=\"menuSelections\"\r\n            [disabled]=\"!snapshot.total\">\r\n            <mat-icon aria-hidden=\"false\" [matBadge]=\"selection?.all.length\" matBadgeColor=\"accent\">checklist</mat-icon>\r\n          </button>\r\n          }\r\n          <mat-menu #menuSelections=\"matMenu\">\r\n            <clipper-document-menu [parent]=\"this\" [selectionSource]=\"selection\" [isReadable]=\"false\"\r\n              [isReference]=\"true\">\r\n            </clipper-document-menu>\r\n          </mat-menu>\r\n          @if (snapshot && snapshot.facets?.hasFacets && filterPane && (!filterPane.opened || filterPaneClosed)) {\r\n          <div fxFlexAlign=\"center\">\r\n            <button type=\"button\" mat-icon-button matTooltip=\"Affina ricerca\" aria-label=\"'Affina ricerca'\"\r\n              (click)=\"toggleFilterPane()\">\r\n              <mat-icon>menu_open</mat-icon>\r\n            </button>\r\n          </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n<div mat-dialog-content id=\"clipper-references-scrollable\">\r\n  <mat-drawer-container class=\"fill\" [hasBackdrop]=\"filterPaneHasBackdrop\">\r\n    <mat-drawer #filterPane position=\"end\" class=\"drawer-small drawer-with-loader\" opened=\"false\">\r\n      @if (filterBusy()) {\r\n      <div class=\"overlay\"></div>\r\n      }\r\n      <div fxLayout=\"column\" fxFill>\r\n        <div fxFlex=\"6px\">\r\n          @if (filterBusy()) {\r\n          <mat-progress-bar style=\"z-index: 11;\" mode=\"indeterminate\">\r\n          </mat-progress-bar>\r\n          }\r\n        </div>\r\n        <div fxFlex=\"56px\" class=\"title-container-with-loader\">\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n            <div fxFlexAlign=\"center\" class=\"title\">Affina ricerca</div>\r\n            <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n              <button fxFlexAlign=\"center\" mat-icon-button (click)=\"toggleFilterPane()\"\r\n                matTooltip=\"Nascondi\"><mat-icon>close</mat-icon></button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div fxFlex=\"*\" class=\"scroll-hidden\" style=\"padding: 0 5px;\">\r\n          <clipper-search-facets #facets></clipper-search-facets>\r\n        </div>\r\n      </div>\r\n    </mat-drawer>\r\n    <div fxLayout=\"column\" fxFill>\r\n      <div fxFlex=\"*\" [id]=\"scrollerId\" class=\"scroll-auto\" style=\"padding: 0 5px;\">\r\n        @if (!snapshot.total) {\r\n        <div>\r\n          <p class=\"message\"><i>Nessun elemento da visualizzare.</i></p>\r\n        </div>\r\n        } @else {\r\n        <div>\r\n          @for (item of snapshot.items; track $index; let i = $index) {\r\n          @if (item.group) {\r\n          <div class=\"items-group-title\">\r\n            <div [ngClass]=\"{'group-spaced': i > 0}\">{{item.group}}</div>\r\n          </div>\r\n          }\r\n          <clipper-search-result-item [item]=\"item\" [parent]=\"this\" [actions]=\"contextMenu\"></clipper-search-result-item>\r\n          }\r\n          <mat-menu #contextMenu=\"matMenu\" (closed)=\"updateMenuButtonsVisibility()\">\r\n            <ng-template matMenuContent let-item=\"item\">\r\n              <clipper-document-menu [parent]=\"this\" [item]=\"item\" [isReadable]=\"false\" [isReference]=\"true\">\r\n              </clipper-document-menu>\r\n            </ng-template>\r\n          </mat-menu>\r\n        </div>\r\n        }\r\n      </div>\r\n      <!-- footer -->\r\n      @if ((snapshot?.total ?? 0) > 0) {\r\n      <div class=\"items-footer\">\r\n        <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"end center\" fxFill>\r\n          <mat-paginator #paginator class=\"paginator\" [hidePageSize]=\"true\" [length]=\"snapshot?.total ?? 0\"\r\n            [pageSize]=\"filterParams.count ?? 15\" [showFirstLastButtons]=\"true\" (page)=\"fetchMore($event)\">\r\n          </mat-paginator>\r\n        </div>\r\n      </div>\r\n      }\r\n    </div>\r\n  </mat-drawer-container>\r\n</div>", styles: [".dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.smaller{font-size:smaller}.small{font-size:small!important;line-height:16px}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:14px}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-accent, #7894ae)!important}.primary{color:var(--ars-primary, #00a293)!important}.secondary{color:var(--ars-secondary, #4a635f)!important}.error{color:var(--ars-error, #ff5449)!important}.warning{color:var(--ars-warning, #FFC107)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer,.drawer-small{min-width:420px!important;max-width:420px!important;padding:20px 0 0}.drawer .title-container,.drawer-small .title-container{padding:20px 10px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 10px 20px}.drawer .title,.drawer-small .title{font-size:1.2em;font-weight:600;padding-left:10px;min-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:15px;padding-right:20px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-bottom:20px!important}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.drawer-small{min-width:360px!important;max-width:360px!important}.drawer-small .title{min-width:150px}@media screen and (min-width: 0px) and (max-width: 359px){.drawer{min-width:360px!important;max-width:360px!important}.drawer .title{min-width:150px}}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (prefers-color-scheme: dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b{font-weight:600}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600;text-transform:uppercase}.clipper-selection-icon-button{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-primary-hi, #12c0ae)}.expired,.unread{color:var(--ars-error, #ff5449)!important}.expiring{color:var(--ars-warning, #FFC107)!important}.error-bg,.expired-bg,.unread-bg{background-color:var(--ars-error, #ff5449)}.expiring-bg{background-color:var(--ars-warning, #FFC107)}.popular-bg{background-color:#388e3c}.very-popular-bg{background-color:#4caf50}.item-selected{background-color:var(--ars-item-selected-background-color, #ced1d2);border-radius:0!important}.item-unread{font-weight:bolder}.items-group-title{color:var(--ars-accent, #7894ae);font-size:large;font-weight:700;padding-left:25px;padding-bottom:10px;padding-top:10px}.items-group-title .group-spaced{padding:10px 0 0!important}.items-footer{padding-top:10px}.item{border-radius:12px;padding:10px 6px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item-content .info-1{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent, #7894ae)}.item-content .info-2{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent-low, #456179)}.item-content .title{font-size:small;line-height:18px}.item-content .details{margin-top:4px;font-size:x-small;font-weight:700;line-height:15px;color:var(--ars-accent-low, #456179);text-transform:uppercase;border-left:4px solid var(--ars-accent-low, #456179);padding-left:10px}.item-content .details .links{text-transform:none;text-decoration:none}.item-content .details .links a,.item-content .details .links span,.item-content .details .links div{margin-right:8px;font-weight:600;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-link, #03A9F4);font-weight:600}.item-content a.link{color:var(--ars-link, #03A9F4);cursor:pointer!important}.item-content:hover{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer;padding:10px 13px;margin-bottom:2px}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--ars-error, #ff5449);margin:0 8px}.tile .image{height:180px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .image img{object-fit:cover;width:100%;height:100%}.tile .image .info-1{position:absolute;left:0;bottom:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-text, #191c1b);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .info-2{position:absolute;right:0;top:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-accent, #7894ae);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .image .buttons .check,.tile .image .buttons .read{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .buttons .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .date{padding:8px 0 6px;font-weight:700;text-transform:uppercase}.tile .date .date-day{color:var(--ars-accent, #7894ae)}.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .time{font-size:small;font-weight:700}.tile .title{text-decoration:none;font-size:small;min-height:72px;overflow:hidden}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:var(--ars-accent, #7894ae);text-transform:uppercase;white-space:nowrap;color:var(--ars-color-text, #191c1b)}.badge-red{background-color:var(--ars-error, #ff5449);color:var(--ars-color-text, #191c1b)}.busy-backdrop{background-color:#00000052!important}.legend-container{display:flex;flex-direction:row;align-items:center;font-size:x-small;text-transform:uppercase;font-weight:500;margin-left:10px}.legend-container .legend{display:inline-block;height:8px;width:8px;margin-right:4px}.legend-container .next{margin-left:8px}.special-date,.special-date-expired{border:2px var(--ars-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-error, #ff5449) solid!important}.message{color:var(--ars-color-secondary, #4a635f);padding:20px;text-align:center}\n"] }]
+                    ], template: "<div class=\"clipper-references-fixed\">\r\n  <div class=\"dialog-header\">\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap='10px' fxFill>\r\n      <div fxFlex=\"*\">\r\n        <h2 mat-dialog-title>{{title}} </h2>\r\n      </div>\r\n      <div fxLayoutAlign=\"end\">\r\n        <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Chiudi\" aria-label=\"Chiudi\"\r\n          (click)=\"close()\" class=\"dialog-close\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n    @if (dialogData.mode > 0 || selection?.hasValue() || (snapshot && snapshot.facets?.hasFacets && filterPane &&\r\n    (!filterPane.opened || filterPaneClosed))) {\r\n    <div style=\"padding: 0 10px 0 24px; height: 48px; min-height: 48px;\">\r\n      <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFill>\r\n        <div fxFlex=\"*\">\r\n          @if (dialogData.mode === 1) {\r\n          <mat-slide-toggle name=\"excludeTextReferences\" [(ngModel)]=\"filterParams.excludeTextReferences\"\r\n            (change)=\"fetch(true)\">\r\n            Mostra solo se citati nelle note\r\n          </mat-slide-toggle>\r\n          } @else if (dialogData.mode == 2) {\r\n          <mat-slide-toggle name=\"excludeNotesReferences\" [(ngModel)]=\"filterParams.excludeNotesReferences\"\r\n            (change)=\"fetch(true)\">\r\n            Mostra solo se citano nel testo il documento\r\n          </mat-slide-toggle>\r\n          }\r\n        </div>\r\n        <div fxLayoutAlign=\"end\">\r\n          @if (selection?.hasValue()) {\r\n          <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button\r\n            matTooltip=\"Azioni da eseguire sugli elementi selezionati\"\r\n            [attr.aria-label]=\"'Menu opzioni per elementi selezionati'\" [matMenuTriggerFor]=\"menuSelections\"\r\n            [disabled]=\"!snapshot.total\">\r\n            <mat-icon aria-hidden=\"false\" [matBadge]=\"selection?.all.length\" matBadgeColor=\"accent\">checklist</mat-icon>\r\n          </button>\r\n          }\r\n          <mat-menu #menuSelections=\"matMenu\">\r\n            <clipper-document-menu [parent]=\"this\" selectionSource=\"selection\" [isReadable]=\"false\"\r\n              [isReference]=\"true\">\r\n            </clipper-document-menu>\r\n          </mat-menu>\r\n          @if (snapshot && snapshot.facets?.hasFacets && filterPane && (!filterPane.opened || filterPaneClosed)) {\r\n          <div fxFlexAlign=\"center\">\r\n            <button type=\"button\" mat-icon-button matTooltip=\"Affina ricerca\" aria-label=\"'Affina ricerca'\"\r\n              (click)=\"toggleFilterPane()\">\r\n              <mat-icon>menu_open</mat-icon>\r\n            </button>\r\n          </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n<div mat-dialog-content id=\"clipper-references-scrollable\">\r\n  <mat-drawer-container class=\"fill\" [hasBackdrop]=\"filterPaneHasBackdrop\">\r\n    <mat-drawer #filterPane position=\"end\" class=\"drawer-small drawer-with-loader\" opened=\"false\">\r\n      @if (filterBusy()) {\r\n      <div class=\"overlay\"></div>\r\n      }\r\n      <div fxLayout=\"column\" fxFill>\r\n        <div fxFlex=\"6px\">\r\n          @if (filterBusy()) {\r\n          <mat-progress-bar style=\"z-index: 11;\" mode=\"indeterminate\">\r\n          </mat-progress-bar>\r\n          }\r\n        </div>\r\n        <div fxFlex=\"56px\" class=\"title-container-with-loader\">\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n            <div fxFlexAlign=\"center\" class=\"title\">Affina ricerca</div>\r\n            <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n              <button fxFlexAlign=\"center\" mat-icon-button (click)=\"toggleFilterPane()\"\r\n                matTooltip=\"Nascondi\"><mat-icon>close</mat-icon></button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div fxFlex=\"*\" class=\"scroll-hidden\" style=\"padding: 0 5px;\">\r\n          <clipper-search-facets #facets></clipper-search-facets>\r\n        </div>\r\n      </div>\r\n    </mat-drawer>\r\n    <div fxLayout=\"column\" fxFill>\r\n      <div fxFlex=\"*\" [id]=\"scrollerId\" class=\"scroll-auto\" style=\"padding: 0 5px;\">\r\n        @if (!snapshot.total) {\r\n        <div>\r\n          <p class=\"message\"><i>Nessun elemento da visualizzare.</i></p>\r\n        </div>\r\n        } @else {\r\n        <div>\r\n          @for (item of snapshot.items; track $index; let i = $index) {\r\n          @if (item.group) {\r\n          <div class=\"items-group-title\">\r\n            <div [ngClass]=\"{'group-spaced': i > 0}\">{{item.group}}</div>\r\n          </div>\r\n          }\r\n          <clipper-search-result-item [item]=\"item\" [parent]=\"this\" [actions]=\"contextMenu\"></clipper-search-result-item>\r\n          }\r\n          <mat-menu #contextMenu=\"matMenu\" (closed)=\"updateMenuButtonsVisibility()\">\r\n            <ng-template matMenuContent let-item=\"item\">\r\n              <clipper-document-menu [parent]=\"this\" [item]=\"item\" [isReadable]=\"false\" [isReference]=\"true\">\r\n              </clipper-document-menu>\r\n            </ng-template>\r\n          </mat-menu>\r\n        </div>\r\n        }\r\n      </div>\r\n      <!-- footer -->\r\n      @if ((snapshot?.total ?? 0) > 0) {\r\n      <div class=\"items-footer\">\r\n        <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"end center\" fxFill>\r\n          <mat-paginator #paginator class=\"paginator\" [hidePageSize]=\"true\" [length]=\"snapshot?.total ?? 0\"\r\n            [pageSize]=\"filterParams.count ?? 15\" [showFirstLastButtons]=\"true\" (page)=\"fetchMore($event)\">\r\n          </mat-paginator>\r\n        </div>\r\n      </div>\r\n      }\r\n    </div>\r\n  </mat-drawer-container>\r\n</div>", styles: [".dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.smaller{font-size:smaller}.small{font-size:small!important;line-height:16px}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:14px}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-accent, #7894ae)!important}.primary{color:var(--ars-primary, #00a293)!important}.secondary{color:var(--ars-secondary, #4a635f)!important}.error{color:var(--ars-error, #ff5449)!important}.warning{color:var(--ars-warning, #FFC107)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer,.drawer-small{min-width:420px!important;max-width:420px!important;padding:20px 0 0}.drawer .title-container,.drawer-small .title-container{padding:20px 10px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 10px 20px}.drawer .title,.drawer-small .title{font-size:1.2em;font-weight:600;padding-left:10px;min-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:15px;padding-right:20px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-bottom:20px!important}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.drawer-small{min-width:360px!important;max-width:360px!important}.drawer-small .title{min-width:150px}@media screen and (min-width: 0px) and (max-width: 359px){.drawer{min-width:360px!important;max-width:360px!important}.drawer .title{min-width:150px}}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (prefers-color-scheme: dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b{font-weight:600}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600;text-transform:uppercase}.clipper-selection-icon-button{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-primary-hi, #12c0ae)}.expired,.unread{color:var(--ars-error, #ff5449)!important}.expiring{color:var(--ars-warning, #FFC107)!important}.error-bg,.expired-bg,.unread-bg{background-color:var(--ars-error, #ff5449)}.expiring-bg{background-color:var(--ars-warning, #FFC107)}.popular-bg{background-color:#388e3c}.very-popular-bg{background-color:#4caf50}.item-selected{background-color:var(--ars-item-selected-background-color, #ced1d2);border-radius:0!important}.item-unread{font-weight:bolder}.items-group-title{color:var(--ars-accent, #7894ae);font-size:large;font-weight:700;padding-left:25px;padding-bottom:10px;padding-top:10px}.items-group-title .group-spaced{padding:10px 0 0!important}.items-footer{padding-top:10px}.item{border-radius:12px;padding:10px 6px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item-content .info-1{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent, #7894ae)}.item-content .info-2{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent-low, #456179)}.item-content .title{font-size:small;line-height:18px}.item-content .details{margin-top:4px;font-size:x-small;font-weight:700;line-height:15px;color:var(--ars-accent-low, #456179);text-transform:uppercase;border-left:4px solid var(--ars-accent-low, #456179);padding-left:10px}.item-content .details .links{text-transform:none;text-decoration:none}.item-content .details .links a,.item-content .details .links span,.item-content .details .links div{margin-right:8px;font-weight:600;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-link, #03A9F4);font-weight:600}.item-content a.link{color:var(--ars-link, #03A9F4);cursor:pointer!important}.item-content:hover{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer;padding:10px 13px;margin-bottom:2px}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--ars-error, #ff5449);margin:0 8px}.tile .image{height:180px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .image img{object-fit:cover;width:100%;height:100%}.tile .image .info-1{position:absolute;left:0;bottom:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-text, #191c1b);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .info-2{position:absolute;right:0;top:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-accent, #7894ae);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .image .buttons .check,.tile .image .buttons .read{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .buttons .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .date{padding:8px 0 6px;font-weight:700;text-transform:uppercase}.tile .date .date-day{color:var(--ars-accent, #7894ae)}.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .time{font-size:small;font-weight:700}.tile .title{text-decoration:none;font-size:small;min-height:72px;overflow:hidden}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:var(--ars-accent, #7894ae);text-transform:uppercase;white-space:nowrap;color:var(--ars-color-text, #191c1b)}.badge-red{background-color:var(--ars-error, #ff5449);color:var(--ars-color-text, #191c1b)}.busy-backdrop{background-color:#00000052!important}.legend-container{display:flex;flex-direction:row;align-items:center;font-size:x-small;text-transform:uppercase;font-weight:500;margin-left:10px}.legend-container .legend{display:inline-block;height:8px;width:8px;margin-right:4px}.legend-container .next{margin-left:8px}.special-date,.special-date-expired{border:2px var(--ars-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-error, #ff5449) solid!important}.message{color:var(--ars-color-secondary, #4a635f);padding:20px;text-align:center}\n"] }]
         }], propDecorators: { filterPane: [{
                 type: ViewChild,
                 args: ['filterPane']
@@ -1396,7 +1293,7 @@ class ClipperDocumentIndexComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperDocumentIndexComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: ClipperDocumentIndexComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done" }, host: { attributes: { "Bind": SystemUtils.generateUUID() } }, viewQueries: [{ propertyName: "selection", first: true, predicate: ["selection"], descendants: true }], ngImport: i0, template: "<h2 mat-dialog-title>Indice</h2>\r\n<div mat-dialog-content>\r\n  @if (!items || items.length === 0) {\r\n  <div>\r\n    <p class=\"message\"><i>Nessun elemento da visualizzare.</i></p>\r\n  </div>\r\n  } @else {\r\n  <mat-selection-list dense #selection (selectionChange)=\"select();\" [multiple]=\"dialogData.multiple\"\r\n    hideSingleSelectionIndicator=\"true\">\r\n    @for (item of items; track item) {\r\n    @if (item.type > 4) {\r\n    <div class=\"small uppercase truncated accent\" style=\"display: flex; align-items: center;  min-height: 36px;\">\r\n      <div><b>{{item.description}}</b></div>\r\n    </div>\r\n    } @else {\r\n    <mat-list-option color=\"primary\" [selected]=\"false\" [value]=\"item\" (click)=\"use(item)\">\r\n      <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n        <div [fxFlex]=\"(10 * item.level) + 'px'\"></div>\r\n        <div fxFlex=\"*\" class=\"truncated\">\r\n          <div class=\"small\" [matTooltip]=\"item.description\">{{item.description}}</div>\r\n        </div>\r\n      </div>\r\n    </mat-list-option>\r\n    }\r\n    }\r\n  </mat-selection-list>\r\n  }\r\n</div>\r\n<div mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\r\n    @if (dialogData.multiple) {\r\n    <button mat-flat-button color=\"primary\" [disabled]=\"okDisabled()\" (click)=\"use()\">Usa</button>\r\n    }\r\n    <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Chiudi</button>\r\n  </div>\r\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$1.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i2$1.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: ClipperDocumentIndexComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done" }, host: { attributes: { "Bind": SystemUtils.generateUUID() } }, viewQueries: [{ propertyName: "selection", first: true, predicate: ["selection"], descendants: true }], ngImport: i0, template: "<h2 mat-dialog-title>Indice</h2>\r\n<div mat-dialog-content>\r\n  @if (!items || items.length === 0) {\r\n  <div>\r\n    <p class=\"message\"><i>Nessun elemento da visualizzare.</i></p>\r\n  </div>\r\n  } @else {\r\n  <mat-selection-list dense #selection (selectionChange)=\"select();\" [multiple]=\"dialogData.multiple\"\r\n    hideSingleSelectionIndicator=\"true\">\r\n    @for (item of items; track item) {\r\n    @if (item.type > 4) {\r\n    <div class=\"small uppercase truncated accent\" style=\"display: flex; align-items: center;  min-height: 36px;\">\r\n      <div><b>{{item.description}}</b></div>\r\n    </div>\r\n    } @else {\r\n    <mat-list-option color=\"primary\" [selected]=\"false\" [value]=\"item\" (click)=\"use(item)\">\r\n      <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n        <div [fxFlex]=\"(10 * item.level) + 'px'\"></div>\r\n        <div fxFlex=\"*\" class=\"truncated\">\r\n          <div class=\"small\" [matTooltip]=\"item.description\">{{item.description}}</div>\r\n        </div>\r\n      </div>\r\n    </mat-list-option>\r\n    }\r\n    }\r\n  </mat-selection-list>\r\n  }\r\n</div>\r\n<div mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\r\n    @if (dialogData.multiple) {\r\n    <button mat-flat-button color=\"primary\" [disabled]=\"okDisabled()\" (click)=\"use()\">Usa</button>\r\n    }\r\n    <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Chiudi</button>\r\n  </div>\r\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$2.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i2$2.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperDocumentIndexComponent, decorators: [{
             type: Component,
@@ -2077,7 +1974,7 @@ class ClipperDocumentComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperDocumentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: ClipperDocumentComponent, isStandalone: true, selector: "ng-component", outputs: { closing: "closing", opening: "opening", onComplianceAnalysis: "onComplianceAnalysis", onCompliancePlanning: "onCompliancePlanning", onComplianceUsageReport: "onComplianceUsageReport" }, host: { attributes: { "Bind": SystemUtils.generateUUID() } }, viewQueries: [{ propertyName: "relevantsPane", first: true, predicate: ["relevantsPane"], descendants: true }], ngImport: i0, template: "<div class=\"clipper-document-fixed\">\r\n  <div style=\"height:6px\">\r\n    @if (busy()) {\r\n    <mat-progress-bar style=\"z-index:11\" mode=\"indeterminate\"></mat-progress-bar>\r\n    }\r\n  </div>\r\n  <div>\r\n    <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start start\" fxFill>\r\n      <div fxFlex=\"*\" class=\"title-container\">\r\n        <div class=\"large bold\">{{title()}}</div>\r\n        @if (lastDocument && lastDocument?.lastUpdate) {\r\n        <div style=\"padding-top: 5px;\">\r\n          <div class=\"x-small accent bold uppercase\">\r\n            AGGIORNATO A:\r\n            {{lastDocument?.lastUpdate}}\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (lastDocument && (lastDocument?.expiringDescription || lastDocument?.validityInfo)) {\r\n        <div style=\"padding-top: 5px;\">\r\n          @if (lastDocument?.expiringDescription) {\r\n          <div class=\"x-small accent-low bold uppercase\">\r\n            {{lastDocument?.expiringDescription}}</div>\r\n          }\r\n          @if (lastDocument?.validityInfo) {\r\n          <div class=\"x-small error bold uppercase\"><b>Attenzione!</b>\r\n            {{lastDocument?.validityInfo}}</div>\r\n          }\r\n        </div>\r\n        }\r\n      </div>\r\n      @if (canSelect()) {\r\n      <div fxFlex=\"170px\" fxFlex.lt-md=\"58px\">\r\n        <button fxHide.lt-md fxFlexAlign=\"center\" type=\"button\" color=\"primary\" mat-flat-button (click)=\"select()\"\r\n          class=\"clipper-selection-button\" style=\"margin-top: 8px;\">\r\n          <span class=\"small uppercase\">Usa selezione</span>\r\n        </button>\r\n        <button fxHide.gt-sm fxFlexAlign=\"center\" type=\"button\" color=\"primary\" mat-icon-button (click)=\"select()\"\r\n          class=\"clipper-selection-icon-button\" matTooltip=\"Usa selezione\" aria-label=\"'Usa la selezione'\"\r\n          style=\"margin-top: 4px;\">\r\n          <mat-icon>check</mat-icon>\r\n        </button>\r\n      </div>\r\n      }\r\n      <div fxFlex=\"164px\" fxFlex.lt-md=\"48px\" fxLayoutAlign=\"end\">\r\n        <div class=\"dialog-close\">\r\n          <button fxHide.lt-md fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Indietro\"\r\n            aria-label=\"Indietro\" (click)=\"back()\">\r\n            <mat-icon>arrow_back</mat-icon>\r\n          </button>\r\n          <button fxHide.lt-md fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Avanti\" aria-label=\"Avanti\"\r\n            (click)=\"forward()\">\r\n            <mat-icon>arrow_forward</mat-icon>\r\n          </button>\r\n          <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Chiudi\" aria-label=\"Chiudi\"\r\n            (click)=\"close()\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div>\r\n    <div fxLayout=\"row wrap \" fxFill fxLayoutAlign=\"space-between center\" style=\"padding: 0 10px 10px 15px;\">\r\n      <div fxFlex.xs=\"100\">\r\n        @if (lastDocument?.model === 9) {\r\n        <button fxFlexAlign=\"center\" color=\"primary\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra indice'\"\r\n          (click)=\"index(lastDocument?.id)\">\r\n          Indice\r\n        </button>\r\n        }\r\n        @if (lastDocument?.bag && (lastDocument?.bag[1] ==='T' || lastDocument?.bag[3] ==='T')) {\r\n        <button fxFlexAlign=\"center\" color=\"primary\" type=\"button\" mat-button matTooltip=\"Collegamenti\"\r\n          [attr.aria-label]=\"'Collegamenti al documento'\" [matMenuTriggerFor]=\"menuLinks\">\r\n          Collegamenti\r\n        </button>\r\n        }\r\n        <mat-menu #menuLinks=\"matMenu\">\r\n          @if (lastDocument?.bag && lastDocument?.bag[1] ==='T') {\r\n          <button mat-menu-item [attr.aria-label]=\"'Mostra documenti richiamati'\"\r\n            (click)=\"openReferences(lastDocument?.id, 1)\">\r\n            Documenti richiamati\r\n          </button>\r\n          }\r\n          @if (lastDocument?.bag && lastDocument?.bag[3] ==='T') {\r\n          <button mat-menu-item [attr.aria-label]=\"'Mostra documenti che richiamano'\"\r\n            (click)=\"openReferences(lastDocument?.id, 2)\">\r\n            Documenti che richiamano\r\n          </button>\r\n          }\r\n          @if (lastDocument?.bag && lastDocument?.bag[2] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra juris'\"\r\n            (click)=\"openReferences(lastDocument?.id, 4)\">\r\n            Juris\r\n          </button>\r\n          }\r\n          @if (lastDocument?.bag && lastDocument?.bag[4] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra modifiche subite'\"\r\n            (click)=\"openReferences(lastDocument?.id, 3)\">\r\n            Modifiche subite\r\n          </button>\r\n          }\r\n          @if (lastDocument?.bag && lastDocument?.bag[4] !=='T' && lastDocument?.bag[6] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra modifiche apportate'\"\r\n            (click)=\"openReferences(lastDocument?.id, 5)\">\r\n            Modifiche apportate\r\n          </button>\r\n          }\r\n        </mat-menu>\r\n        @if (lastDocument?.hasPrimary) {\r\n        <button fxFlexAlign=\"center\" color=\"primary\" type=\"button\" mat-button\r\n          [attr.aria-label]=\"'Mostra documento primario'\" (click)=\"navigate(lastDocument?.primaryId)\">\r\n          {{lastDocument?.primaryDescription}}\r\n        </button>\r\n        }\r\n        @if (lastDocument?.bag && lastDocument?.bag[2] ==='T') {\r\n        <button fxFlexAlign=\"center\" color=\"primary\" type=\"button\" fxHide.lt-md mat-button\r\n          [attr.aria-label]=\"'Mostra juris'\" (click)=\"openReferences(lastDocument?.id, 4)\">\r\n          Juris\r\n        </button>\r\n        }\r\n        @if (lastDocument?.bag && lastDocument?.bag[4] === 'T') {\r\n        <button fxFlexAlign=\"center\" color=\"primary\" type=\"button\" fxHide.lt-md mat-button\r\n          [attr.aria-label]=\"'Mostra modifiche subite'\" (click)=\"openReferences(lastDocument?.id, 3)\">\r\n          Modifiche subite\r\n        </button>\r\n        }\r\n        @if (lastDocument?.bag && lastDocument?.bag[4] !== 'T' && lastDocument?.bag[6] === 'T') {\r\n        <button fxFlexAlign=\"center\" color=\"primary\" type=\"button\" fxHide.lt-md mat-button\r\n          [attr.aria-label]=\"'Mostra modifiche apportate'\" (click)=\"openReferences(lastDocument?.id, 5)\">\r\n          Modifiche apportate\r\n        </button>\r\n        }\r\n        @if (lastDocument?.secondaryId) {\r\n        <button fxFlexAlign=\"center\" color=\"primary\" type=\"button\" mat-button\r\n          [attr.aria-label]=\"'Mostra documento secondario'\" (click)=\"navigate(lastDocument?.secondaryId)\">\r\n          Testo storico\r\n        </button>\r\n        }\r\n        @if (lastDocument?.bag && lastDocument?.bag[7] === 'T') {\r\n        <button fxFlexAlign=\"center\" color=\"primary\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra commento'\"\r\n          (click)=\"showComment()\">\r\n          Commento\r\n        </button>\r\n        }\r\n      </div>\r\n      <div fxFlex.xs=\"100\" fxLayoutAlign=\"end\">\r\n        <div fxFlexAlign=\"center\">\r\n          @if (hasRelevants() && relevants.hits) {\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n            <div fxFlexAlign=\"center\" class=\"small item-greyed\" style=\"margin-left:20px; margin-right: 5px\"\r\n              matTooltip=\"Parole evidenziate\">{{relevants.hit}}\r\n              di {{relevants.hits}}</div>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button [attr.aria-label]=\"'Vai alla parola precedente'\"\r\n              (click)=\"previousRelevant()\" matTooltip=\"Parola precedente\" [disabled]=\"relevants.hit <= 1\">\r\n              <mat-icon>chevron_left</mat-icon>\r\n            </button>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button [attr.aria-label]=\"'Vai alla prossima parola'\"\r\n              (click)=\"nextRelevant()\" matTooltip=\"Prossima parola\" [disabled]=\"relevants.hit >= relevants.hits\">\r\n              <mat-icon>chevron_right</mat-icon>\r\n            </button>\r\n          </div>\r\n          }\r\n        </div>\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Azioni sul documento\"\r\n          [attr.aria-label]=\"'Azioni da eseguire sul documento'\" [matMenuTriggerFor]=\"menuActions\">\r\n          <mat-icon>more_vert</mat-icon>\r\n        </button>\r\n        <mat-menu #menuActions=\"matMenu\">\r\n          <ng-template matMenuContent let-item=\"lastDocument\">\r\n            <clipper-document-menu [item]=\"lastDocument\" [useSelections]=\"false\" [isReadable]=\"false\"\r\n              [isLawInForce]=\"lastDocument.model === 9\">\r\n            </clipper-document-menu>\r\n          </ng-template>\r\n        </mat-menu>\r\n        @if (hasRelevants() && relevants.items && relevantsPane && (!relevantsPane.opened || relevantsPaneClosed)) {\r\n        <div fxFlexAlign=\"center\">\r\n          <button type=\"button\" mat-icon-button matTooltip=\"Rilevanza\" aria-label=\"'Rilevanza'\"\r\n            (click)=\"toggleRelevantsPane()\">\r\n            <mat-icon>menu_open</mat-icon>\r\n          </button>\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div mat-dialog-content id=\"clipper-document-scrollable\">\r\n  <mat-drawer-container class=\"fill\" [hasBackdrop]=\"[relevantsPaneHasBackdrop]\">\r\n    <mat-drawer #relevantsPane position=\"end\" class=\"drawer-small drawer-with-loader\" opened=\"false\">\r\n      @if (relevantsBusy()) {\r\n      <div class=\"overlay\"></div>\r\n      }\r\n      <div fxLayout=\"column\" fxFill>\r\n        <div fxFlex=\"6px\">\r\n          @if (relevantsBusy()) {\r\n          <mat-progress-bar style=\"z-index: 11;\" mode=\"indeterminate\">\r\n          </mat-progress-bar>\r\n          }\r\n        </div>\r\n        <div fxFlex=\"56px\" class=\"title-container-with-loader\">\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"10px\" fxFill>\r\n            <div class=\"title\">Rilevanza</div>\r\n            <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n              <button mat-icon-button (click)=\"toggleRelevantsPane()\"\r\n                matTooltip=\"Nascondi\"><mat-icon>close</mat-icon></button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div fxFlex=\"*\" class=\"relevants-container scroll-auto\">\r\n          <div fxLayout=\"column\" fxFill>\r\n            <div>\r\n              <p>Parti del documento pi\u00F9 significative per la ricerca di <span class='word-hit'>{{lastQuery}}</span>\r\n              </p>\r\n            </div>\r\n            <div fxFlex=\"*\">\r\n              <nav class=\"relevants-items\">\r\n                <ul>\r\n                  @for (item of relevants.items; track $index) {\r\n                  <li class=\"small\" (click)=\"gotoRelevant(item)\" [attr.aria-label]=\"item.title\">\r\n                    <div fxLayout=\"row\" fxLayoutAlign=\"start start\" fxLayoutGap=\"10px\" fxFill>\r\n                      <div fxFlex=\"*\">\r\n                        {{item.title}}\r\n                      </div>\r\n                      <div fxLayoutAlign=\"end\">\r\n                        @if (item.score > 1.2) {\r\n                        <mat-icon style='font-size:x-small; height: 10px; width:10px' color=\"primary\"\r\n                          matTooltip=\"Molto rilevante\">thumb_up_alt</mat-icon>\r\n                        }\r\n                      </div>\r\n                    </div>\r\n                  </li>\r\n                  }\r\n                </ul>\r\n              </nav>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </mat-drawer>\r\n    <div class=\"fill scroll-hidden\">\r\n      <iframe id=\"clipper-document-iframe\" class=\"iframe\" [src]=\"url() | safeUrl\"></iframe>\r\n    </div>\r\n  </mat-drawer-container>\r\n</div>", styles: [".dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.smaller{font-size:smaller}.small{font-size:small!important;line-height:16px}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:14px}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-accent, #7894ae)!important}.primary{color:var(--ars-primary, #00a293)!important}.secondary{color:var(--ars-secondary, #4a635f)!important}.error{color:var(--ars-error, #ff5449)!important}.warning{color:var(--ars-warning, #FFC107)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer,.drawer-small{min-width:420px!important;max-width:420px!important;padding:20px 0 0}.drawer .title-container,.drawer-small .title-container{padding:20px 10px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 10px 20px}.drawer .title,.drawer-small .title{font-size:1.2em;font-weight:600;padding-left:10px;min-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:15px;padding-right:20px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-bottom:20px!important}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.drawer-small{min-width:360px!important;max-width:360px!important}.drawer-small .title{min-width:150px}@media screen and (min-width: 0px) and (max-width: 359px){.drawer{min-width:360px!important;max-width:360px!important}.drawer .title{min-width:150px}}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (prefers-color-scheme: dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b{font-weight:600}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600;text-transform:uppercase}.clipper-selection-icon-button{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-primary-hi, #12c0ae)}.expired,.unread{color:var(--ars-error, #ff5449)!important}.expiring{color:var(--ars-warning, #FFC107)!important}.error-bg,.expired-bg,.unread-bg{background-color:var(--ars-error, #ff5449)}.expiring-bg{background-color:var(--ars-warning, #FFC107)}.popular-bg{background-color:#388e3c}.very-popular-bg{background-color:#4caf50}.item-selected{background-color:var(--ars-item-selected-background-color, #ced1d2);border-radius:0!important}.item-unread{font-weight:bolder}.items-group-title{color:var(--ars-accent, #7894ae);font-size:large;font-weight:700;padding-left:25px;padding-bottom:10px;padding-top:10px}.items-group-title .group-spaced{padding:10px 0 0!important}.items-footer{padding-top:10px}.item{border-radius:12px;padding:10px 6px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item-content .info-1{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent, #7894ae)}.item-content .info-2{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent-low, #456179)}.item-content .title{font-size:small;line-height:18px}.item-content .details{margin-top:4px;font-size:x-small;font-weight:700;line-height:15px;color:var(--ars-accent-low, #456179);text-transform:uppercase;border-left:4px solid var(--ars-accent-low, #456179);padding-left:10px}.item-content .details .links{text-transform:none;text-decoration:none}.item-content .details .links a,.item-content .details .links span,.item-content .details .links div{margin-right:8px;font-weight:600;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-link, #03A9F4);font-weight:600}.item-content a.link{color:var(--ars-link, #03A9F4);cursor:pointer!important}.item-content:hover{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer;padding:10px 13px;margin-bottom:2px}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--ars-error, #ff5449);margin:0 8px}.tile .image{height:180px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .image img{object-fit:cover;width:100%;height:100%}.tile .image .info-1{position:absolute;left:0;bottom:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-text, #191c1b);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .info-2{position:absolute;right:0;top:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-accent, #7894ae);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .image .buttons .check,.tile .image .buttons .read{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .buttons .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .date{padding:8px 0 6px;font-weight:700;text-transform:uppercase}.tile .date .date-day{color:var(--ars-accent, #7894ae)}.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .time{font-size:small;font-weight:700}.tile .title{text-decoration:none;font-size:small;min-height:72px;overflow:hidden}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:var(--ars-accent, #7894ae);text-transform:uppercase;white-space:nowrap;color:var(--ars-color-text, #191c1b)}.badge-red{background-color:var(--ars-error, #ff5449);color:var(--ars-color-text, #191c1b)}.busy-backdrop{background-color:#00000052!important}.legend-container{display:flex;flex-direction:row;align-items:center;font-size:x-small;text-transform:uppercase;font-weight:500;margin-left:10px}.legend-container .legend{display:inline-block;height:8px;width:8px;margin-right:4px}.legend-container .next{margin-left:8px}.special-date,.special-date-expired{border:2px var(--ars-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-error, #ff5449) solid!important}.title-container{padding-left:20px;padding-top:14px}.dialog-close{margin-right:10px;margin-top:4px}.word-hit{font-size:inherit;background-color:#ff0;border:1px solid silver;padding:0 4px}.iframe{width:100%;height:100%;border:0}.relevants-container{padding:0 20px 10px}.relevants-items{padding:0;margin:0}.relevants-items ul{list-style-type:none;padding:0;margin:0}.relevants-items ul li{font-size:small;padding:6px 12px;display:block;color:var(--ars-color-text, #191c1b)}.relevants-items ul li a{color:inherit;text-decoration:none;display:block}.relevants-items ul li:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:6px;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i1.DefaultFlexAlignDirective, selector: "  [fxFlexAlign], [fxFlexAlign.xs], [fxFlexAlign.sm], [fxFlexAlign.md],  [fxFlexAlign.lg], [fxFlexAlign.xl], [fxFlexAlign.lt-sm], [fxFlexAlign.lt-md],  [fxFlexAlign.lt-lg], [fxFlexAlign.lt-xl], [fxFlexAlign.gt-xs], [fxFlexAlign.gt-sm],  [fxFlexAlign.gt-md], [fxFlexAlign.gt-lg]", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg"] }, { kind: "directive", type: i1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i2.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i6$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6$1.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i6$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i12.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i11.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i11.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: ClipperDocumentMenuComponent, selector: "clipper-document-menu", inputs: ["selectionSource", "useSelections", "parent", "item", "isReference", "isReadable", "isDeadline", "isLawInForce", "isLaw", "canPrint", "canFind"] }, { kind: "pipe", type: SafeUrlPipe, name: "safeUrl" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: ClipperDocumentComponent, isStandalone: true, selector: "ng-component", outputs: { closing: "closing", opening: "opening", onComplianceAnalysis: "onComplianceAnalysis", onCompliancePlanning: "onCompliancePlanning", onComplianceUsageReport: "onComplianceUsageReport" }, host: { attributes: { "Bind": SystemUtils.generateUUID() } }, viewQueries: [{ propertyName: "relevantsPane", first: true, predicate: ["relevantsPane"], descendants: true }], ngImport: i0, template: "<div class=\"clipper-document-fixed\">\r\n  <div style=\"height:6px\">\r\n    @if (busy()) {\r\n    <mat-progress-bar style=\"z-index:11\" mode=\"indeterminate\"></mat-progress-bar>\r\n    }\r\n  </div>\r\n  <div>\r\n    <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start start\" fxFill>\r\n      <div fxFlex=\"*\" class=\"title-container\">\r\n        <div class=\"large bold\">{{title()}}</div>\r\n        @if (lastDocument && lastDocument?.lastUpdate) {\r\n        <div style=\"padding-top: 5px;\">\r\n          <div class=\"x-small accent bold uppercase\">\r\n            AGGIORNATO A:\r\n            {{lastDocument?.lastUpdate}}\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (lastDocument && (lastDocument?.expiringDescription || lastDocument?.validityInfo)) {\r\n        <div style=\"padding-top: 5px;\">\r\n          @if (lastDocument?.expiringDescription) {\r\n          <div class=\"x-small accent-low bold uppercase\">\r\n            {{lastDocument?.expiringDescription}}</div>\r\n          }\r\n          @if (lastDocument?.validityInfo) {\r\n          <div class=\"x-small error bold uppercase\"><b>Attenzione!</b>\r\n            {{lastDocument?.validityInfo}}</div>\r\n          }\r\n        </div>\r\n        }\r\n      </div>\r\n      @if (canSelect()) {\r\n      <div fxFlex=\"170px\" fxFlex.lt-md=\"58px\">\r\n        <button fxHide.lt-md fxFlexAlign=\"center\" type=\"button\" color=\"primary\" mat-flat-button (click)=\"select()\"\r\n          class=\"clipper-selection-button\" style=\"margin-top: 8px;\">\r\n          <span class=\"small uppercase\">Usa selezione</span>\r\n        </button>\r\n        <button fxHide.gt-sm fxFlexAlign=\"center\" type=\"button\" color=\"primary\" mat-icon-button (click)=\"select()\"\r\n          class=\"clipper-selection-icon-button\" matTooltip=\"Usa selezione\" aria-label=\"'Usa la selezione'\"\r\n          style=\"margin-top: 4px;\">\r\n          <mat-icon>check</mat-icon>\r\n        </button>\r\n      </div>\r\n      }\r\n      <div fxFlex=\"164px\" fxFlex.lt-md=\"48px\" fxLayoutAlign=\"end\">\r\n        <div class=\"dialog-close\">\r\n          <button fxHide.lt-md fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Indietro\"\r\n            aria-label=\"Indietro\" (click)=\"back()\">\r\n            <mat-icon>arrow_back</mat-icon>\r\n          </button>\r\n          <button fxHide.lt-md fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Avanti\" aria-label=\"Avanti\"\r\n            (click)=\"forward()\">\r\n            <mat-icon>arrow_forward</mat-icon>\r\n          </button>\r\n          <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Chiudi\" aria-label=\"Chiudi\"\r\n            (click)=\"close()\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div>\r\n    <div fxLayout=\"row wrap \" fxFill fxLayoutAlign=\"space-between center\" style=\"padding: 0 10px 10px 15px;\">\r\n      <div fxFlex.xs=\"100\">\r\n        @if (lastDocument?.model === 9) {\r\n        <button fxFlexAlign=\"center\" color=\"primary\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra indice'\"\r\n          (click)=\"index(lastDocument?.id)\">\r\n          Indice\r\n        </button>\r\n        }\r\n        @if (lastDocument?.bag && (lastDocument?.bag[1] ==='T' || lastDocument?.bag[3] ==='T')) {\r\n        <button fxFlexAlign=\"center\" color=\"primary\" type=\"button\" mat-button matTooltip=\"Collegamenti\"\r\n          [attr.aria-label]=\"'Collegamenti al documento'\" [matMenuTriggerFor]=\"menuLinks\">\r\n          Collegamenti\r\n        </button>\r\n        }\r\n        <mat-menu #menuLinks=\"matMenu\">\r\n          @if (lastDocument?.bag && lastDocument?.bag[1] ==='T') {\r\n          <button mat-menu-item [attr.aria-label]=\"'Mostra documenti richiamati'\"\r\n            (click)=\"openReferences(lastDocument?.id, 1)\">\r\n            Documenti richiamati\r\n          </button>\r\n          }\r\n          @if (lastDocument?.bag && lastDocument?.bag[3] ==='T') {\r\n          <button mat-menu-item [attr.aria-label]=\"'Mostra documenti che richiamano'\"\r\n            (click)=\"openReferences(lastDocument?.id, 2)\">\r\n            Documenti che richiamano\r\n          </button>\r\n          }\r\n          @if (lastDocument?.bag && lastDocument?.bag[2] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra juris'\"\r\n            (click)=\"openReferences(lastDocument?.id, 4)\">\r\n            Juris\r\n          </button>\r\n          }\r\n          @if (lastDocument?.bag && lastDocument?.bag[4] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra modifiche subite'\"\r\n            (click)=\"openReferences(lastDocument?.id, 3)\">\r\n            Modifiche subite\r\n          </button>\r\n          }\r\n          @if (lastDocument?.bag && lastDocument?.bag[4] !=='T' && lastDocument?.bag[6] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra modifiche apportate'\"\r\n            (click)=\"openReferences(lastDocument?.id, 5)\">\r\n            Modifiche apportate\r\n          </button>\r\n          }\r\n        </mat-menu>\r\n        @if (lastDocument?.hasPrimary) {\r\n        <button fxFlexAlign=\"center\" color=\"primary\" type=\"button\" mat-button\r\n          [attr.aria-label]=\"'Mostra documento primario'\" (click)=\"navigate(lastDocument?.primaryId)\">\r\n          {{lastDocument?.primaryDescription}}\r\n        </button>\r\n        }\r\n        @if (lastDocument?.bag && lastDocument?.bag[2] ==='T') {\r\n        <button fxFlexAlign=\"center\" color=\"primary\" type=\"button\" fxHide.lt-md mat-button\r\n          [attr.aria-label]=\"'Mostra juris'\" (click)=\"openReferences(lastDocument?.id, 4)\">\r\n          Juris\r\n        </button>\r\n        }\r\n        @if (lastDocument?.bag && lastDocument?.bag[4] === 'T') {\r\n        <button fxFlexAlign=\"center\" color=\"primary\" type=\"button\" fxHide.lt-md mat-button\r\n          [attr.aria-label]=\"'Mostra modifiche subite'\" (click)=\"openReferences(lastDocument?.id, 3)\">\r\n          Modifiche subite\r\n        </button>\r\n        }\r\n        @if (lastDocument?.bag && lastDocument?.bag[4] !== 'T' && lastDocument?.bag[6] === 'T') {\r\n        <button fxFlexAlign=\"center\" color=\"primary\" type=\"button\" fxHide.lt-md mat-button\r\n          [attr.aria-label]=\"'Mostra modifiche apportate'\" (click)=\"openReferences(lastDocument?.id, 5)\">\r\n          Modifiche apportate\r\n        </button>\r\n        }\r\n        @if (lastDocument?.secondaryId) {\r\n        <button fxFlexAlign=\"center\" color=\"primary\" type=\"button\" mat-button\r\n          [attr.aria-label]=\"'Mostra documento secondario'\" (click)=\"navigate(lastDocument?.secondaryId)\">\r\n          Testo storico\r\n        </button>\r\n        }\r\n        @if (lastDocument?.bag && lastDocument?.bag[7] === 'T') {\r\n        <button fxFlexAlign=\"center\" color=\"primary\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra commento'\"\r\n          (click)=\"showComment()\">\r\n          Commento\r\n        </button>\r\n        }\r\n      </div>\r\n      <div fxFlex.xs=\"100\" fxLayoutAlign=\"end\">\r\n        <div fxFlexAlign=\"center\">\r\n          @if (hasRelevants() && relevants.hits) {\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n            <div fxFlexAlign=\"center\" class=\"small item-greyed\" style=\"margin-left:20px; margin-right: 5px\"\r\n              matTooltip=\"Parole evidenziate\">{{relevants.hit}}\r\n              di {{relevants.hits}}</div>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button [attr.aria-label]=\"'Vai alla parola precedente'\"\r\n              (click)=\"previousRelevant()\" matTooltip=\"Parola precedente\" [disabled]=\"relevants.hit <= 1\">\r\n              <mat-icon>chevron_left</mat-icon>\r\n            </button>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button [attr.aria-label]=\"'Vai alla prossima parola'\"\r\n              (click)=\"nextRelevant()\" matTooltip=\"Prossima parola\" [disabled]=\"relevants.hit >= relevants.hits\">\r\n              <mat-icon>chevron_right</mat-icon>\r\n            </button>\r\n          </div>\r\n          }\r\n        </div>\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Azioni sul documento\"\r\n          [attr.aria-label]=\"'Azioni da eseguire sul documento'\" [matMenuTriggerFor]=\"menuActions\">\r\n          <mat-icon>more_vert</mat-icon>\r\n        </button>\r\n        <mat-menu #menuActions=\"matMenu\">\r\n          <ng-template matMenuContent let-item=\"lastDocument\">\r\n            <clipper-document-menu [item]=\"lastDocument\" [useSelections]=\"false\" [isReadable]=\"false\"\r\n              [isLawInForce]=\"lastDocument.model === 9\">\r\n            </clipper-document-menu>\r\n          </ng-template>\r\n        </mat-menu>\r\n        @if (hasRelevants() && relevants.items && relevantsPane && (!relevantsPane.opened || relevantsPaneClosed)) {\r\n        <div fxFlexAlign=\"center\">\r\n          <button type=\"button\" mat-icon-button matTooltip=\"Rilevanza\" aria-label=\"'Rilevanza'\"\r\n            (click)=\"toggleRelevantsPane()\">\r\n            <mat-icon>menu_open</mat-icon>\r\n          </button>\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div mat-dialog-content id=\"clipper-document-scrollable\">\r\n  <mat-drawer-container class=\"fill\" [hasBackdrop]=\"[relevantsPaneHasBackdrop]\">\r\n    <mat-drawer #relevantsPane position=\"end\" class=\"drawer-small drawer-with-loader\" opened=\"false\">\r\n      @if (relevantsBusy()) {\r\n      <div class=\"overlay\"></div>\r\n      }\r\n      <div fxLayout=\"column\" fxFill>\r\n        <div fxFlex=\"6px\">\r\n          @if (relevantsBusy()) {\r\n          <mat-progress-bar style=\"z-index: 11;\" mode=\"indeterminate\">\r\n          </mat-progress-bar>\r\n          }\r\n        </div>\r\n        <div fxFlex=\"56px\" class=\"title-container-with-loader\">\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"10px\" fxFill>\r\n            <div class=\"title\">Rilevanza</div>\r\n            <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n              <button mat-icon-button (click)=\"toggleRelevantsPane()\"\r\n                matTooltip=\"Nascondi\"><mat-icon>close</mat-icon></button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div fxFlex=\"*\" class=\"relevants-container scroll-auto\">\r\n          <div fxLayout=\"column\" fxFill>\r\n            <div>\r\n              <p>Parti del documento pi\u00F9 significative per la ricerca di <span class='word-hit'>{{lastQuery}}</span>\r\n              </p>\r\n            </div>\r\n            <div fxFlex=\"*\">\r\n              <nav class=\"relevants-items\">\r\n                <ul>\r\n                  @for (item of relevants.items; track $index) {\r\n                  <li class=\"small\" (click)=\"gotoRelevant(item)\" [attr.aria-label]=\"item.title\">\r\n                    <div fxLayout=\"row\" fxLayoutAlign=\"start start\" fxLayoutGap=\"10px\" fxFill>\r\n                      <div fxFlex=\"*\">\r\n                        {{item.title}}\r\n                      </div>\r\n                      <div fxLayoutAlign=\"end\">\r\n                        @if (item.score > 1.2) {\r\n                        <mat-icon style='font-size:x-small; height: 10px; width:10px' color=\"primary\"\r\n                          matTooltip=\"Molto rilevante\">thumb_up_alt</mat-icon>\r\n                        }\r\n                      </div>\r\n                    </div>\r\n                  </li>\r\n                  }\r\n                </ul>\r\n              </nav>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </mat-drawer>\r\n    <div class=\"fill scroll-hidden\">\r\n      <iframe id=\"clipper-document-iframe\" class=\"iframe\" [src]=\"url() | safeUrl\"></iframe>\r\n    </div>\r\n  </mat-drawer-container>\r\n</div>", styles: [".dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.smaller{font-size:smaller}.small{font-size:small!important;line-height:16px}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:14px}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-accent, #7894ae)!important}.primary{color:var(--ars-primary, #00a293)!important}.secondary{color:var(--ars-secondary, #4a635f)!important}.error{color:var(--ars-error, #ff5449)!important}.warning{color:var(--ars-warning, #FFC107)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer,.drawer-small{min-width:420px!important;max-width:420px!important;padding:20px 0 0}.drawer .title-container,.drawer-small .title-container{padding:20px 10px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 10px 20px}.drawer .title,.drawer-small .title{font-size:1.2em;font-weight:600;padding-left:10px;min-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:15px;padding-right:20px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-bottom:20px!important}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.drawer-small{min-width:360px!important;max-width:360px!important}.drawer-small .title{min-width:150px}@media screen and (min-width: 0px) and (max-width: 359px){.drawer{min-width:360px!important;max-width:360px!important}.drawer .title{min-width:150px}}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (prefers-color-scheme: dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b{font-weight:600}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600;text-transform:uppercase}.clipper-selection-icon-button{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-primary-hi, #12c0ae)}.expired,.unread{color:var(--ars-error, #ff5449)!important}.expiring{color:var(--ars-warning, #FFC107)!important}.error-bg,.expired-bg,.unread-bg{background-color:var(--ars-error, #ff5449)}.expiring-bg{background-color:var(--ars-warning, #FFC107)}.popular-bg{background-color:#388e3c}.very-popular-bg{background-color:#4caf50}.item-selected{background-color:var(--ars-item-selected-background-color, #ced1d2);border-radius:0!important}.item-unread{font-weight:bolder}.items-group-title{color:var(--ars-accent, #7894ae);font-size:large;font-weight:700;padding-left:25px;padding-bottom:10px;padding-top:10px}.items-group-title .group-spaced{padding:10px 0 0!important}.items-footer{padding-top:10px}.item{border-radius:12px;padding:10px 6px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item-content .info-1{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent, #7894ae)}.item-content .info-2{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent-low, #456179)}.item-content .title{font-size:small;line-height:18px}.item-content .details{margin-top:4px;font-size:x-small;font-weight:700;line-height:15px;color:var(--ars-accent-low, #456179);text-transform:uppercase;border-left:4px solid var(--ars-accent-low, #456179);padding-left:10px}.item-content .details .links{text-transform:none;text-decoration:none}.item-content .details .links a,.item-content .details .links span,.item-content .details .links div{margin-right:8px;font-weight:600;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-link, #03A9F4);font-weight:600}.item-content a.link{color:var(--ars-link, #03A9F4);cursor:pointer!important}.item-content:hover{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer;padding:10px 13px;margin-bottom:2px}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--ars-error, #ff5449);margin:0 8px}.tile .image{height:180px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .image img{object-fit:cover;width:100%;height:100%}.tile .image .info-1{position:absolute;left:0;bottom:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-text, #191c1b);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .info-2{position:absolute;right:0;top:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-accent, #7894ae);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .image .buttons .check,.tile .image .buttons .read{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .buttons .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .date{padding:8px 0 6px;font-weight:700;text-transform:uppercase}.tile .date .date-day{color:var(--ars-accent, #7894ae)}.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .time{font-size:small;font-weight:700}.tile .title{text-decoration:none;font-size:small;min-height:72px;overflow:hidden}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:var(--ars-accent, #7894ae);text-transform:uppercase;white-space:nowrap;color:var(--ars-color-text, #191c1b)}.badge-red{background-color:var(--ars-error, #ff5449);color:var(--ars-color-text, #191c1b)}.busy-backdrop{background-color:#00000052!important}.legend-container{display:flex;flex-direction:row;align-items:center;font-size:x-small;text-transform:uppercase;font-weight:500;margin-left:10px}.legend-container .legend{display:inline-block;height:8px;width:8px;margin-right:4px}.legend-container .next{margin-left:8px}.special-date,.special-date-expired{border:2px var(--ars-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-error, #ff5449) solid!important}.title-container{padding-left:20px;padding-top:14px}.dialog-close{margin-right:10px;margin-top:4px}.word-hit{font-size:inherit;background-color:#ff0;border:1px solid silver;padding:0 4px}.iframe{width:100%;height:100%;border:0}.relevants-container{padding:0 20px 10px}.relevants-items{padding:0;margin:0}.relevants-items ul{list-style-type:none;padding:0;margin:0}.relevants-items ul li{font-size:small;padding:6px 12px;display:block;color:var(--ars-color-text, #191c1b)}.relevants-items ul li a{color:inherit;text-decoration:none;display:block}.relevants-items ul li:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:6px;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i1.DefaultFlexAlignDirective, selector: "  [fxFlexAlign], [fxFlexAlign.xs], [fxFlexAlign.sm], [fxFlexAlign.md],  [fxFlexAlign.lg], [fxFlexAlign.xl], [fxFlexAlign.lt-sm], [fxFlexAlign.lt-md],  [fxFlexAlign.lt-lg], [fxFlexAlign.lt-xl], [fxFlexAlign.gt-xs], [fxFlexAlign.gt-sm],  [fxFlexAlign.gt-md], [fxFlexAlign.gt-lg]", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg"] }, { kind: "directive", type: i1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i2$1.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i12.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i11.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i11.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: ClipperDocumentMenuComponent, selector: "clipper-document-menu", inputs: ["selectionSource", "useSelections", "parent", "item", "isReference", "isReadable", "isDeadline", "isLawInForce", "isLaw", "canPrint", "canFind"] }, { kind: "pipe", type: SafeUrlPipe, name: "safeUrl" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperDocumentComponent, decorators: [{
             type: Component,
@@ -2451,6 +2348,7 @@ class ClipperDocumentManager {
     showLink(item) {
         if (!item)
             return;
+        console.log(JSON.stringify(item));
         let id = item.id ? item.id : item.documentId;
         let channels = item.channelName
             ? 'Canali: ' + item.channelName + '<br>'
@@ -2741,454 +2639,557 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
                 }]
         }] });
 
-class ClipperDocumentMenuComponent extends ClipperDocumentManager {
+class ClipperSearchResultManager extends ClipperDocumentManager {
     constructor() {
         super(...arguments);
-        this.selectionSource = input('selection');
-        this.selection = computed(() => {
-            if (this.useSelections()) {
-                switch (this.selectionSource()) {
-                    case 'bag':
-                        return this.clipperService.bag;
-                    case 'selection':
-                        return this.parent()?.selection?.all;
-                }
-            }
-            return [];
-        });
-        this.useSelections = input(false);
-        this.parent = input();
-        this.item = input();
-        this.isReference = input(false);
-        this.isReadable = input(true);
-        this.isDeadline = input(false);
-        this.isLawInForce = input(false);
-        this.isLaw = input(false);
-        this.canPrint = input(false);
-        this.canFind = input(false);
+        this.unsubscribe = new Subject();
+        this.changeDetector = inject(ChangeDetectorRef);
+        this.clipperService = inject(ClipperService);
+        this.breakpointObserver = inject(BreakpointObserver);
+        this.broadcastService = inject(BroadcastService);
+        this.dialogService = inject(ApplicationDialogService);
+        this.screenService = inject(ScreenService);
+        this.selection = null;
+        this.snapshot = new ClipperSearchResult();
+        this.filterBusy = signal(false);
+        this.filterParams = new ClipperSearchParams();
+        this.filterPaneHasBackdrop = false;
+        this.filterPaneClosed = false;
+        this.filterPane2HasBackdrop = false;
+        this.filterPane2Closed = false;
+        this.sortOptions = [];
+        this.sortMode = null;
+        this.scrollerId = 'scroller_' + SystemUtils.generateUUID();
+        this.restorableId = null;
+        this.hasFacets = signal(false);
+        this.hasCalendar = signal(false);
+        this.hasRegions = () => {
+            return (this.filterParams.sectors?.filter(n => n.value === 'LR').length ?? 0) > 0;
+        };
+    }
+    ngOnDestroy() {
+        this.unsubscribe.next();
+        this.unsubscribe.complete();
     }
     /**
-     * Check if current item or selection is read
-     * @returns 0 if not read, 1 if read, 2 if unknown
+     * Update menu buttons visibility when the menu is closed
      */
-    isRead() {
-        if (this.item())
-            return this.item().isRead === true ? 1 : 0;
-        if (this.parent()?.hasAnySelection())
-            return 2;
-        const firstSelection = this.parent()?.getSingleSelection();
-        if (firstSelection) {
-            return firstSelection.isRead === true ? 1 : 0;
+    updateMenuButtonsVisibility() {
+        if (this.snapshot) {
+            this.snapshot.items?.forEach((n) => {
+                n.isMenuOpen = false;
+            });
         }
-        return 0;
     }
     /**
-     * Set the is read flag value
-     * @param value: true or false
+     * Scroll on top o list area
+     * @param top: the top position
      */
-    setRead(value) {
-        this.parent()?.setRead(value, this.item());
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperDocumentMenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: ClipperDocumentMenuComponent, isStandalone: true, selector: "clipper-document-menu", inputs: { selectionSource: { classPropertyName: "selectionSource", publicName: "selectionSource", isSignal: true, isRequired: false, transformFunction: null }, useSelections: { classPropertyName: "useSelections", publicName: "useSelections", isSignal: true, isRequired: false, transformFunction: null }, parent: { classPropertyName: "parent", publicName: "parent", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, isReference: { classPropertyName: "isReference", publicName: "isReference", isSignal: true, isRequired: false, transformFunction: null }, isReadable: { classPropertyName: "isReadable", publicName: "isReadable", isSignal: true, isRequired: false, transformFunction: null }, isDeadline: { classPropertyName: "isDeadline", publicName: "isDeadline", isSignal: true, isRequired: false, transformFunction: null }, isLawInForce: { classPropertyName: "isLawInForce", publicName: "isLawInForce", isSignal: true, isRequired: false, transformFunction: null }, isLaw: { classPropertyName: "isLaw", publicName: "isLaw", isSignal: true, isRequired: false, transformFunction: null }, canPrint: { classPropertyName: "canPrint", publicName: "canPrint", isSignal: true, isRequired: false, transformFunction: null }, canFind: { classPropertyName: "canFind", publicName: "canFind", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "@if (selectionSource() === 'selection') {\r\n<button mat-menu-item (click)=\"parent()?.selection?.clear()\" [attr.aria-label]=\"'Deseleziona tutti'\">\r\n  <mat-icon>clear</mat-icon>Deseleziona tutti\r\n</button>\r\n} @else if (selectionSource() === 'bag') {\r\n<button mat-menu-item (click)=\"openBag()\" [attr.aria-label]=\"'Gestisci documenti di lavoro'\">\r\n  <mat-icon>work_outline</mat-icon>Gestisci documenti di lavoro\r\n</button>\r\n}\r\n@if (selectionSource()) {\r\n<mat-divider></mat-divider>\r\n}\r\n@if (item() || (selection()?.length === 1)) {\r\n<button mat-menu-item [attr.aria-label]=\"'Apri documento'\"\r\n  (click)=\"open(item() ? item().documentId : selection()[0].documentId)\">\r\n  <mat-icon></mat-icon>Apri\r\n</button>\r\n}\r\n@if(canPrint()) {\r\n<button mat-menu-item (click)=\"print()\" [attr.aria-label]=\"'Stampa documento'\">\r\n  <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start center\" fxFill>\r\n    <span fxFlex=\"*\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n      <mat-icon>print</mat-icon>\r\n      <span>Stampa</span>\r\n    </span>\r\n    <span class=\"accent small bold\">Ctrl+P</span>\r\n  </div>\r\n</button>\r\n}\r\n@if(canFind()) {\r\n<button mat-menu-item (click)=\"find()\" [attr.aria-label]=\"'Trova nel documento'\">\r\n  <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start center\" fxFill>\r\n    <span fxFlex=\"*\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n      <mat-icon>find_in_page</mat-icon>\r\n      <span>Trova nel documento</span>\r\n    </span>\r\n    <span class=\"accent small bold\">Ctrl+F</span>\r\n  </div>\r\n</button>\r\n}\r\n@if (selectionSource() !== 'bag') {\r\n<button mat-menu-item [attr.aria-label]=\"'Aggiungi ai documenti di lavoro'\"\r\n  (click)=\"addItemsToBag(item() ? [item()] : selection())\">\r\n  <mat-icon>work_outline</mat-icon>Aggiungi ai documenti di lavoro\r\n</button>\r\n}\r\n@if ((item() || (selection()?.length > 1))) {\r\n<button mat-menu-item (click)=\"sendItemsTo(item() ? [item()] : selection())\"\r\n  [attr.aria-label]=\"'Invia documento per email'\">\r\n  <mat-icon>send</mat-icon>Invia per email\r\n</button>\r\n}\r\n@if (((item() && item().model != 11) || (selection()?.length === 1 && selection()[0].model != 11))) {\r\n<button mat-menu-item (click)=\"exportPdf(item() ? item() : selection()[0])\"\r\n  [attr.aria-label]=\"'Salva documento in pdf'\">\r\n  <mat-icon>save_alt</mat-icon>Salva in pdf\r\n</button>\r\n}\r\n@if ((item() || (selection()?.length === 1))) {\r\n<button mat-menu-item [attr.aria-label]=\"'Genera un link permanente da utilizzare esternamente'\"\r\n  (click)=\"showLink(item() ? item() : selection()[0])\">\r\n  <mat-icon>link</mat-icon>Link\r\n</button>\r\n}\r\n@if (!isReference() && (item() || (selection()?.length === 1))) {\r\n<button mat-menu-item [matMenuTriggerFor]=\"linksMenu\">\r\n  <mat-icon>compare_arrows</mat-icon>Collegamenti\r\n</button>\r\n}\r\n\r\n@if (!isReference() && isReadable()) {\r\n<mat-divider></mat-divider>\r\n\r\n@if (item() ? item().isRead === true : (parent()?.selection?.all.length != 1 || parent()?.selection?.all[0].isRead ===\r\ntrue)) {\r\n<button mat-menu-item [attr.aria-label]=\"'Segna come da leggere'\" (click)=\"setRead(false)\">\r\n  <mat-icon>outlined_flag</mat-icon>Segna come da leggere\r\n</button>\r\n}\r\n@if (item() ? item().isRead !== true : (parent()?.selection?.all.length != 1 || parent()?.selection?.all[0].isRead !==\r\ntrue)) {\r\n<button mat-menu-item [attr.aria-label]=\"'Segna come gi\u00E0 letto'\" (click)=\"setRead(true)\">\r\n  <mat-icon>flag</mat-icon>Segna come gi\u00E0 letto\r\n</button>\r\n}\r\n}\r\n\r\n@if ((isLawInForce() || isDeadline()) && (item() || (selection()?.length === 1))) {\r\n<button mat-menu-item [attr.aria-label]=\"'Mostra report utilizzo'\" (click)=\"report(item() ? item() : selection()[0])\">\r\n  <mat-icon>assignment</mat-icon>Report\r\n</button>\r\n}\r\n<mat-menu #linksMenu=\"matMenu\">\r\n  @if (!isReference() && (item() || (selection()?.length === 1))) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra i documenti richiamati da questo'\"\r\n    (click)=\"parent()?.openReferences(item() ? item().documentId : selection()[0].documentId, 1)\">\r\n    Documenti richiamati\r\n  </button>\r\n  }\r\n  @if ( !isReference() &&(item() || (selection()?.length === 1))) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra i documenti che richiamano questo'\"\r\n    (click)=\"parent()?.openReferences(item() ? item().documentId : selection()[0].documentId, 2)\">\r\n    Documenti che richiamano\r\n  </button>\r\n  }\r\n  @if (!isReference() && isLawInForce() && (item() || (selection()?.length === 1))) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra giurisprudenza'\"\r\n    (click)=\"parent()?.openReferences(item() ? item().documentId : selection()[0].documentId, 4)\">\r\n    Juris\r\n  </button>\r\n  }\r\n  @if (!isReference() && isLawInForce() && (item() || (selection()?.length === 1))) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra modifiche normative'\"\r\n    (click)=\"parent()?.openReferences(item() ? item().documentId : selection()[0].documentId, 3)\">\r\n    Modifiche\r\n  </button>\r\n  }\r\n</mat-menu>\r\n@if ((item() || selection?.length > 0) && RS_enabled(item() ? [item()] : selection()) && !useSelections()) {\r\n<mat-divider></mat-divider>\r\n}\r\n@if ((item() || selection?.length > 0) && RS_enabled(item() ? [item()] : selection()) && !useSelections()) {\r\n<button mat-menu-item matTooltip=\"Registro & Scadenzario\" [attr.aria-label]=\"'Opzioni di Registro & Scadenzario'\"\r\n  [matMenuTriggerFor]=\"menuRS\">\r\n  <mat-icon>alarm_on</mat-icon>\r\n  Registro e scadenzario\r\n</button>\r\n}\r\n<mat-menu #menuRS=\"matMenu\">\r\n  <button mat-menu-item [attr.aria-label]=\"'Nuova legge'\" (click)=\"RS_newLaw([item()])\">\r\n    Nuova legge\r\n  </button>\r\n  @if (item() || selection?.length === 1) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Nuova attivit\u00E0'\" (click)=\"RS_newActivity(item())\">\r\n    Nuova attivit\u00E0\r\n  </button>\r\n  }\r\n  @if (item() || selection?.length === 1) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Report utilizzo norma'\" (click)=\"RS_usageReport(item())\">\r\n    Report utilizzo norma\r\n  </button>\r\n  }\r\n</mat-menu>", styles: [""], dependencies: [{ kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i6$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i5$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperDocumentMenuComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'clipper-document-menu', standalone: true, imports: [MatMenuModule, MatIconModule, MatDividerModule, MatTooltipModule,
-                        ClipperReferencesComponent], template: "@if (selectionSource() === 'selection') {\r\n<button mat-menu-item (click)=\"parent()?.selection?.clear()\" [attr.aria-label]=\"'Deseleziona tutti'\">\r\n  <mat-icon>clear</mat-icon>Deseleziona tutti\r\n</button>\r\n} @else if (selectionSource() === 'bag') {\r\n<button mat-menu-item (click)=\"openBag()\" [attr.aria-label]=\"'Gestisci documenti di lavoro'\">\r\n  <mat-icon>work_outline</mat-icon>Gestisci documenti di lavoro\r\n</button>\r\n}\r\n@if (selectionSource()) {\r\n<mat-divider></mat-divider>\r\n}\r\n@if (item() || (selection()?.length === 1)) {\r\n<button mat-menu-item [attr.aria-label]=\"'Apri documento'\"\r\n  (click)=\"open(item() ? item().documentId : selection()[0].documentId)\">\r\n  <mat-icon></mat-icon>Apri\r\n</button>\r\n}\r\n@if(canPrint()) {\r\n<button mat-menu-item (click)=\"print()\" [attr.aria-label]=\"'Stampa documento'\">\r\n  <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start center\" fxFill>\r\n    <span fxFlex=\"*\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n      <mat-icon>print</mat-icon>\r\n      <span>Stampa</span>\r\n    </span>\r\n    <span class=\"accent small bold\">Ctrl+P</span>\r\n  </div>\r\n</button>\r\n}\r\n@if(canFind()) {\r\n<button mat-menu-item (click)=\"find()\" [attr.aria-label]=\"'Trova nel documento'\">\r\n  <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start center\" fxFill>\r\n    <span fxFlex=\"*\" fxLayout=\"row\" fxLayoutAlign=\"start center\">\r\n      <mat-icon>find_in_page</mat-icon>\r\n      <span>Trova nel documento</span>\r\n    </span>\r\n    <span class=\"accent small bold\">Ctrl+F</span>\r\n  </div>\r\n</button>\r\n}\r\n@if (selectionSource() !== 'bag') {\r\n<button mat-menu-item [attr.aria-label]=\"'Aggiungi ai documenti di lavoro'\"\r\n  (click)=\"addItemsToBag(item() ? [item()] : selection())\">\r\n  <mat-icon>work_outline</mat-icon>Aggiungi ai documenti di lavoro\r\n</button>\r\n}\r\n@if ((item() || (selection()?.length > 1))) {\r\n<button mat-menu-item (click)=\"sendItemsTo(item() ? [item()] : selection())\"\r\n  [attr.aria-label]=\"'Invia documento per email'\">\r\n  <mat-icon>send</mat-icon>Invia per email\r\n</button>\r\n}\r\n@if (((item() && item().model != 11) || (selection()?.length === 1 && selection()[0].model != 11))) {\r\n<button mat-menu-item (click)=\"exportPdf(item() ? item() : selection()[0])\"\r\n  [attr.aria-label]=\"'Salva documento in pdf'\">\r\n  <mat-icon>save_alt</mat-icon>Salva in pdf\r\n</button>\r\n}\r\n@if ((item() || (selection()?.length === 1))) {\r\n<button mat-menu-item [attr.aria-label]=\"'Genera un link permanente da utilizzare esternamente'\"\r\n  (click)=\"showLink(item() ? item() : selection()[0])\">\r\n  <mat-icon>link</mat-icon>Link\r\n</button>\r\n}\r\n@if (!isReference() && (item() || (selection()?.length === 1))) {\r\n<button mat-menu-item [matMenuTriggerFor]=\"linksMenu\">\r\n  <mat-icon>compare_arrows</mat-icon>Collegamenti\r\n</button>\r\n}\r\n\r\n@if (!isReference() && isReadable()) {\r\n<mat-divider></mat-divider>\r\n\r\n@if (item() ? item().isRead === true : (parent()?.selection?.all.length != 1 || parent()?.selection?.all[0].isRead ===\r\ntrue)) {\r\n<button mat-menu-item [attr.aria-label]=\"'Segna come da leggere'\" (click)=\"setRead(false)\">\r\n  <mat-icon>outlined_flag</mat-icon>Segna come da leggere\r\n</button>\r\n}\r\n@if (item() ? item().isRead !== true : (parent()?.selection?.all.length != 1 || parent()?.selection?.all[0].isRead !==\r\ntrue)) {\r\n<button mat-menu-item [attr.aria-label]=\"'Segna come gi\u00E0 letto'\" (click)=\"setRead(true)\">\r\n  <mat-icon>flag</mat-icon>Segna come gi\u00E0 letto\r\n</button>\r\n}\r\n}\r\n\r\n@if ((isLawInForce() || isDeadline()) && (item() || (selection()?.length === 1))) {\r\n<button mat-menu-item [attr.aria-label]=\"'Mostra report utilizzo'\" (click)=\"report(item() ? item() : selection()[0])\">\r\n  <mat-icon>assignment</mat-icon>Report\r\n</button>\r\n}\r\n<mat-menu #linksMenu=\"matMenu\">\r\n  @if (!isReference() && (item() || (selection()?.length === 1))) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra i documenti richiamati da questo'\"\r\n    (click)=\"parent()?.openReferences(item() ? item().documentId : selection()[0].documentId, 1)\">\r\n    Documenti richiamati\r\n  </button>\r\n  }\r\n  @if ( !isReference() &&(item() || (selection()?.length === 1))) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra i documenti che richiamano questo'\"\r\n    (click)=\"parent()?.openReferences(item() ? item().documentId : selection()[0].documentId, 2)\">\r\n    Documenti che richiamano\r\n  </button>\r\n  }\r\n  @if (!isReference() && isLawInForce() && (item() || (selection()?.length === 1))) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra giurisprudenza'\"\r\n    (click)=\"parent()?.openReferences(item() ? item().documentId : selection()[0].documentId, 4)\">\r\n    Juris\r\n  </button>\r\n  }\r\n  @if (!isReference() && isLawInForce() && (item() || (selection()?.length === 1))) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra modifiche normative'\"\r\n    (click)=\"parent()?.openReferences(item() ? item().documentId : selection()[0].documentId, 3)\">\r\n    Modifiche\r\n  </button>\r\n  }\r\n</mat-menu>\r\n@if ((item() || selection?.length > 0) && RS_enabled(item() ? [item()] : selection()) && !useSelections()) {\r\n<mat-divider></mat-divider>\r\n}\r\n@if ((item() || selection?.length > 0) && RS_enabled(item() ? [item()] : selection()) && !useSelections()) {\r\n<button mat-menu-item matTooltip=\"Registro & Scadenzario\" [attr.aria-label]=\"'Opzioni di Registro & Scadenzario'\"\r\n  [matMenuTriggerFor]=\"menuRS\">\r\n  <mat-icon>alarm_on</mat-icon>\r\n  Registro e scadenzario\r\n</button>\r\n}\r\n<mat-menu #menuRS=\"matMenu\">\r\n  <button mat-menu-item [attr.aria-label]=\"'Nuova legge'\" (click)=\"RS_newLaw([item()])\">\r\n    Nuova legge\r\n  </button>\r\n  @if (item() || selection?.length === 1) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Nuova attivit\u00E0'\" (click)=\"RS_newActivity(item())\">\r\n    Nuova attivit\u00E0\r\n  </button>\r\n  }\r\n  @if (item() || selection?.length === 1) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Report utilizzo norma'\" (click)=\"RS_usageReport(item())\">\r\n    Report utilizzo norma\r\n  </button>\r\n  }\r\n</mat-menu>" }]
-        }] });
-
-class ClipperSearchFreeTextHelpComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchFreeTextHelpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: ClipperSearchFreeTextHelpComponent, isStandalone: true, selector: "ng-component", host: { attributes: { "Bind": SystemUtils.generateUUID() } }, ngImport: i0, template: "<h2 mat-dialog-title>Come effettuare la ricerca in testo libero</h2>\r\n<div mat-dialog-content>\r\n  <p>Normalmente viene sempre effettuata una ricerca per frase: tutte le parole specificate debbono essere\r\n    \"ragionevolmente vicine\" (entro 5 parole) l'una dall'altra.</p>\r\n  <p>La ricerca per frase di solito produce i risultati pi\u00F9 rilevanti.</p>\r\n  <p>Tuttavia \u00E8 possibile istruire Clipper per eseguire ricerche differenti e pi\u00F9 complesse.</p>\r\n  <p>Tutte gli elementi che compongono la stringa di ricerca devono essere separati da virgola.</p>\r\n  <ul>\r\n    <li>Se un elemento \u00E8 composto da pi\u00F9 parole \u00E8 una frase, altrimenti una parola</li>\r\n    <li>Aggiungendo un <b style=\"font-size: 20px\">+</b> davanti all'elemento, l'elemento <b>dovr\u00E0 per forza</b> essere presente nel documento\r\n    </li>\r\n    <li>Aggiungendo un <b style=\"font-size: 20px\">-</b> davanti all'elemento, l'elemento <b>non dovr\u00E0</b> essere presente nel documento</li>\r\n  </ul>\r\n  <p>Ecco alcuni esempi:</p>\r\n  <ul>\r\n    <li><b>serbatoi interrati</b>: sar\u00E0 effettuata una ricerca per la frase \"serbatoi interrati\"</li>\r\n    <li><b>serbatoi, interrati</b>: sar\u00E0 effettuata una ricerca per le parole \"serbatoi\" e \"interrati\"; il risultato sar\u00E0 tutti i documenti che contengono una o l'altra parola.</li>\r\n    <li><b>serbatoi, +interrati</b>: sar\u00E0 effettuata una ricerca per le parole \"serbatoi\" e \"interrati\"; il risultato sar\u00E0 tutti i documenti che contengono necessariamente \"interrati\" ed eventualmente \"serbatoi\".</li>\r\n    <li><b>serbatoi, -interrati</b>: sar\u00E0 effettuata una ricerca per le parole \"serbatoi\" e \"interrati\"; il risultato sar\u00E0 tutti i documenti che contengono necessariamente \"interrati\" ma non \"serbatoi\".</li>\r\n    <li><b>\"serbatoi interrati\", -gas</b>: sar\u00E0 effettuata una ricerca per la frase \"serbatoi interrati\" e per la parola \"gas\"; il risultato sar\u00E0 tutti i documenti che contengono la frase \"serbatoi interrati\" ma non la parola \"gas\".</li>\r\n  </ul>\r\n  <p>Saranno mostrati per primi (pi\u00F9 rilevanti) i documenti che rispettano in pieno la condizione.</p>\r\n</div>\r\n<div mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxLayoutAlign=\"end\" fxFill >\r\n      <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Chiudi</button>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: FlexModule }, { kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchFreeTextHelpComponent, decorators: [{
-            type: Component,
-            args: [{ host: { 'Bind': SystemUtils.generateUUID() }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatDialogTitle, MatDialogContent, MatDialogActions, FlexModule, MatButtonModule, MatDialogClose], template: "<h2 mat-dialog-title>Come effettuare la ricerca in testo libero</h2>\r\n<div mat-dialog-content>\r\n  <p>Normalmente viene sempre effettuata una ricerca per frase: tutte le parole specificate debbono essere\r\n    \"ragionevolmente vicine\" (entro 5 parole) l'una dall'altra.</p>\r\n  <p>La ricerca per frase di solito produce i risultati pi\u00F9 rilevanti.</p>\r\n  <p>Tuttavia \u00E8 possibile istruire Clipper per eseguire ricerche differenti e pi\u00F9 complesse.</p>\r\n  <p>Tutte gli elementi che compongono la stringa di ricerca devono essere separati da virgola.</p>\r\n  <ul>\r\n    <li>Se un elemento \u00E8 composto da pi\u00F9 parole \u00E8 una frase, altrimenti una parola</li>\r\n    <li>Aggiungendo un <b style=\"font-size: 20px\">+</b> davanti all'elemento, l'elemento <b>dovr\u00E0 per forza</b> essere presente nel documento\r\n    </li>\r\n    <li>Aggiungendo un <b style=\"font-size: 20px\">-</b> davanti all'elemento, l'elemento <b>non dovr\u00E0</b> essere presente nel documento</li>\r\n  </ul>\r\n  <p>Ecco alcuni esempi:</p>\r\n  <ul>\r\n    <li><b>serbatoi interrati</b>: sar\u00E0 effettuata una ricerca per la frase \"serbatoi interrati\"</li>\r\n    <li><b>serbatoi, interrati</b>: sar\u00E0 effettuata una ricerca per le parole \"serbatoi\" e \"interrati\"; il risultato sar\u00E0 tutti i documenti che contengono una o l'altra parola.</li>\r\n    <li><b>serbatoi, +interrati</b>: sar\u00E0 effettuata una ricerca per le parole \"serbatoi\" e \"interrati\"; il risultato sar\u00E0 tutti i documenti che contengono necessariamente \"interrati\" ed eventualmente \"serbatoi\".</li>\r\n    <li><b>serbatoi, -interrati</b>: sar\u00E0 effettuata una ricerca per le parole \"serbatoi\" e \"interrati\"; il risultato sar\u00E0 tutti i documenti che contengono necessariamente \"interrati\" ma non \"serbatoi\".</li>\r\n    <li><b>\"serbatoi interrati\", -gas</b>: sar\u00E0 effettuata una ricerca per la frase \"serbatoi interrati\" e per la parola \"gas\"; il risultato sar\u00E0 tutti i documenti che contengono la frase \"serbatoi interrati\" ma non la parola \"gas\".</li>\r\n  </ul>\r\n  <p>Saranno mostrati per primi (pi\u00F9 rilevanti) i documenti che rispettano in pieno la condizione.</p>\r\n</div>\r\n<div mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxLayoutAlign=\"end\" fxFill >\r\n      <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Chiudi</button>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
-        }] });
-
-class ClipperSearchFreeTextQueryBuilderComponent {
-    constructor() {
-        this.done = new EventEmitter();
-        this.dialogService = inject(DialogService);
-        this.queryAnd = '';
-        this.queryOr = '';
-        this.queryNot = '';
-        this.queryPhrase = '';
-        this.queryStart = '';
+    scroll(top = 0) {
+        const elem = document.getElementById(this.scrollerId);
+        if (elem) {
+            elem.scrollTo({ top: top, left: 0, behavior: 'auto' });
+        }
     }
     /**
-     * Clear
+     * Check if every element are selected
      */
-    clear() {
-        this.queryAnd = null;
-        this.queryOr = null;
-        this.queryNot = null;
-        this.queryPhrase = null;
-        this.queryStart = null;
+    allSelected() {
+        return this.selection?.current?.selected?.length === this.snapshot?.items?.length;
     }
     /**
-     * Submit
+     * Master selection toggle
+     * @param select: true to select all elements false to deselect all elements
      */
-    ok() {
-        let query = '';
-        // Phrase
-        if (this.queryPhrase.length > 0) {
-            query += ' "';
-            query += this.queryPhrase.replace('"', '').trim();
-            query += '" ';
+    selectAll(select = true) {
+        if (select) {
+            this.snapshot?.items?.forEach((n) => this.selection?.select(n, n.documentId));
         }
-        // Or
-        if (this.queryOr.length > 0) {
-            let parts = this.queryOr.split(',');
-            for (let i = 0; i < parts.length; i++) {
-                if (query.length > 0)
-                    query += ', ';
-                query += parts[i].replace('"', '').trim();
-            }
-            query += ' ';
+        else {
+            this.snapshot?.items?.forEach((n) => this.selection?.deselect(n, n.documentId));
         }
-        // And
-        if (this.queryAnd.length > 0) {
-            let parts = this.queryAnd.split(',');
-            for (let i = 0; i < parts.length; i++) {
-                if (query.length > 0)
-                    query += ', +';
-                query += parts[i].replace('"', '').trim();
-            }
-            query += ' ';
+    }
+    /**
+    * Check if selections exists
+    * @returns true if at least one element is selected
+    */
+    hasAnySelection() {
+        return (this.selection?.all?.length ?? 0) > 0;
+    }
+    /**
+    * Check if only one element is selected
+    * @returns true if only one element is selected
+    */
+    hasSingleSelection() {
+        return (this.selection?.all?.length ?? 0) === 1;
+    }
+    /**
+    * Get the first selected item
+    * @returns the selected item or null
+    */
+    getSingleSelection() {
+        return this.hasAnySelection() ? this.selection?.all[0] : null;
+    }
+    /**
+    * Clear selection
+    */
+    clearSelection() {
+        return this.selection?.clear();
+    }
+    /**
+   * Return the number of selected items or null
+   * @returns Return the number of selected items
+   */
+    countSelections() {
+        return (this.selection && this.selection?.all?.length > 0) ? this.selection?.all?.length : null;
+    }
+    /**
+  * Get the selected id
+  */
+    getSeletectId() {
+        if (this.hasAnySelection()) {
+            return this.selection?.all[0].documentId;
         }
-        // Start with
-        if (this.queryStart.length > 0) {
-            if (query.length > 0)
-                query += ', +';
-            query += this.queryStart.replace('"', '').trim();
-            query += '*';
-            query += ' ';
+        return null;
+    }
+    /**
+ * Get all selected ids
+ */
+    getSeletectIds() {
+        if ((this.selection?.all?.length ?? 0) > 100) {
+            this.dialogService.error('La selezione non può contenere più di 100 elementi.');
+            return null;
         }
-        // Not
-        if (this.queryNot.length > 0) {
-            if (query.length === 0) {
-                // Invalid query
-                this.dialogService.error("L'operatore di esclusione funziona solo se prima è stato inserito un valore in almeno uno degli altri quattro campi.");
-                return;
-            }
-            let parts = this.queryNot.split(',');
-            for (let i = 0; i < parts.length; i++) {
-                if (query.length > 0)
-                    query += ', -';
-                query += parts[i].replace('"', '').trim();
-            }
-            query += ' ';
+        let ids = [];
+        if (this.hasAnySelection()) {
+            this.selection?.all?.forEach((n) => {
+                ids.push(n.documentId);
+            });
         }
-        // Notify
-        if (query.length > 0)
-            this.done.emit({ query: query });
+        return ids;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchFreeTextQueryBuilderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: ClipperSearchFreeTextQueryBuilderComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done" }, host: { attributes: { "Bind": SystemUtils.generateUUID() } }, ngImport: i0, template: "<h2 mat-dialog-title>Trova gli elementi che contengono...</h2>\r\n<div mat-dialog-content>\r\n  <form name=\"form\" #f=\"ngForm\" (keyup.Enter)=\"!f.form.invalid ? ok() : null\" novalidate>\r\n    <div fxLayout=\"column\">\r\n      <mat-form-field>\r\n        <mat-label>Questa esatta parola o frase</mat-label>\r\n        <input matInput name=\"queryPhrase\" [(ngModel)]=\"queryPhrase\" maxlength=\"200\" />\r\n        @if (queryPhrase) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryPhrase=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>Tutte queste parole</mat-label>\r\n        <input matInput name=\"queryAnd\" [(ngModel)]=\"queryAnd\" maxlength=\"200\" />\r\n        @if (queryAnd) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryAnd=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n        <mat-hint>Separate da virgola</mat-hint>\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>Una qualunque di queste parole</mat-label>\r\n        <input matInput name=\"queryOr\" [(ngModel)]=\"queryOr\" maxlength=\"200\" />\r\n        @if (queryOr) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryOr=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n        <mat-hint>Separate da virgola</mat-hint>\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>Parole che iniziano con</mat-label>\r\n        <input matInput name=\"queryStart\" [(ngModel)]=\"queryStart\" maxlength=\"200\" />\r\n        @if (queryStart) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryStart=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>Nessuna qualunque di queste parole</mat-label>\r\n        <input matInput name=\"queryNot\" [(ngModel)]=\"queryNot\" maxlength=\"200\" />\r\n        @if (queryNot) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryNot=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n        <mat-hint>Separate da virgola. L'operatore di esclusione funziona solo se prima \u00E8 stato inserito un valore in\r\n          almeno uno degli altri quattro campi. </mat-hint>\r\n      </mat-form-field>\r\n    </div>\r\n  </form>\r\n</div>\r\n<div mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxFlex=\"30\" fxLayoutAlign=\"start\">\r\n      <button type=\"button\" mat-button (click)=\"clear()\" color=\"primary\">Pulisci</button>\r\n    </div>\r\n    <div fxFlex=\"70\" fxLayoutAlign=\"end\">\r\n      <button mat-flat-button color=\"primary\" (click)=\"ok()\">Ok</button>\r\n      <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Annulla</button>\r\n    </div>\r\n  </div>\r\n</div>", styles: [""], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FlexModule }, { kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3$4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3$2.MatIconAnchor, selector: "a[mat-icon-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchFreeTextQueryBuilderComponent, decorators: [{
-            type: Component,
-            args: [{ host: { 'Bind': SystemUtils.generateUUID() }, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogTitle, MatDialogContent, FormsModule, FlexModule, MatFormFieldModule, MatInputModule,
-                        MatButtonModule, MatIconModule, MatDialogActions, MatDialogClose], template: "<h2 mat-dialog-title>Trova gli elementi che contengono...</h2>\r\n<div mat-dialog-content>\r\n  <form name=\"form\" #f=\"ngForm\" (keyup.Enter)=\"!f.form.invalid ? ok() : null\" novalidate>\r\n    <div fxLayout=\"column\">\r\n      <mat-form-field>\r\n        <mat-label>Questa esatta parola o frase</mat-label>\r\n        <input matInput name=\"queryPhrase\" [(ngModel)]=\"queryPhrase\" maxlength=\"200\" />\r\n        @if (queryPhrase) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryPhrase=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>Tutte queste parole</mat-label>\r\n        <input matInput name=\"queryAnd\" [(ngModel)]=\"queryAnd\" maxlength=\"200\" />\r\n        @if (queryAnd) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryAnd=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n        <mat-hint>Separate da virgola</mat-hint>\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>Una qualunque di queste parole</mat-label>\r\n        <input matInput name=\"queryOr\" [(ngModel)]=\"queryOr\" maxlength=\"200\" />\r\n        @if (queryOr) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryOr=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n        <mat-hint>Separate da virgola</mat-hint>\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>Parole che iniziano con</mat-label>\r\n        <input matInput name=\"queryStart\" [(ngModel)]=\"queryStart\" maxlength=\"200\" />\r\n        @if (queryStart) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryStart=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>Nessuna qualunque di queste parole</mat-label>\r\n        <input matInput name=\"queryNot\" [(ngModel)]=\"queryNot\" maxlength=\"200\" />\r\n        @if (queryNot) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryNot=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n        <mat-hint>Separate da virgola. L'operatore di esclusione funziona solo se prima \u00E8 stato inserito un valore in\r\n          almeno uno degli altri quattro campi. </mat-hint>\r\n      </mat-form-field>\r\n    </div>\r\n  </form>\r\n</div>\r\n<div mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxFlex=\"30\" fxLayoutAlign=\"start\">\r\n      <button type=\"button\" mat-button (click)=\"clear()\" color=\"primary\">Pulisci</button>\r\n    </div>\r\n    <div fxFlex=\"70\" fxLayoutAlign=\"end\">\r\n      <button mat-flat-button color=\"primary\" (click)=\"ok()\">Ok</button>\r\n      <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Annulla</button>\r\n    </div>\r\n  </div>\r\n</div>" }]
-        }], propDecorators: { done: [{
-                type: Output
-            }] } });
-
-class ClipperSearchDialogComponent {
-    constructor() {
-        this.done = new EventEmitter();
-        this.unsubscribe = new Subject();
-        this.clipperService = inject(ClipperService);
-        this.dialogService = inject(DialogService);
-        this.dialogData = inject(MAT_DIALOG_DATA) ?? { displayMode: 'simple' };
-        this.params = new ClipperSearchParams();
-        this.modulesEnum = ClipperModule;
-        this.sectors = ClipperSectors.filter((n) => n.group === 'S').map((n) => {
-            return { name: n.shortName ?? n.name, value: n.value };
-        });
-        this.isLaws = () => {
-            return (this.dialogData.displayMode === "laws" ||
-                (this.dialogData.displayMode === "module" && this.dialogData.module === ClipperModule.NormativaVigente) ||
-                (this.dialogData.displayMode === "module" && this.dialogData.module === ClipperModule.GazzetteBollettiniEFontiDiverse));
-        };
-        this.isNews = () => {
-            return (this.dialogData.displayMode === "news" ||
-                (this.dialogData.displayMode === "module" && this.dialogData.module === ClipperModule.News) ||
-                (this.dialogData.displayMode === "module" && this.dialogData.module === ClipperModule.Approfondimenti));
-        };
-        this.isModule = (module) => {
-            return this.dialogData.displayMode === "module" && this.dialogData.module === module;
-        };
-        this.hasRegions = () => {
-            return (this.params.sectors?.filter(n => n.value === 'LR').length ?? 0) > 0;
-        };
-        this.hasAuthorOrType = () => {
-            return this.params.sectors?.length === 1 && this.isLaws();
-        };
-        this.regions = [...ClipperRegions];
-        this.channels = [...ClipperChannels];
-        this.sources = [];
-        this.authors = [];
-        this.types = [];
-        this.topics = [];
-        this.interval = new DateInterval();
-        this.sourceInterval = new DateInterval();
+    /**
+     * Get all selected ids
+     */
+    getSeletectIdsAndData() {
+        if ((this.selection?.all?.length ?? 0) > 100) {
+            this.dialogService.error('La selezione non può contenere più di 100 elementi.');
+            return null;
+        }
+        let data = [];
+        if (this.hasAnySelection()) {
+            this.selection?.all?.forEach((n) => {
+                data.push({ id: n.documentId, data: n });
+            });
+        }
+        return data;
     }
-    ngOnInit() {
-        if (this.dialogData) {
-            if (this.dialogData.displayMode === 'simple') {
-                this.params.text = this.dialogData.text;
-                this.params.titleOnly = this.dialogData.titleOnly;
-                this.params.number = this.dialogData.number;
-                this.params.year = this.dialogData.year;
-                this.params.fromDate = this.dialogData.fromDate;
-                this.params.toDate = this.dialogData.toDate;
-                this.interval = new DateInterval(this.params.fromDate, this.params.toDate);
-            }
-            else if (this.isLaws()) {
-                this.params.text = this.dialogData.text;
-                this.params.titleOnly = this.dialogData.titleOnly;
-                this.params.number = this.dialogData.number;
-                this.params.year = this.dialogData.year;
-                this.params.fromDate = this.dialogData.fromDate;
-                this.params.toDate = this.dialogData.toDate;
-                this.interval = new DateInterval(this.params.fromDate, this.params.toDate);
-                this.params.source = this.dialogData.source;
-                this.params.sourceNumber = this.dialogData.sourceNumber;
-                this.params.sourceYear = this.dialogData.sourceYear;
-                this.params.sourceFromDate = this.dialogData.sourceFromDate;
-                this.params.sourceToDate = this.dialogData.sourceToDate;
-                this.sourceInterval = new DateInterval(this.params.sourceFromDate, this.params.sourceToDate);
-                this.params.sectors = this.dialogData.sectors;
-                this.params.authors = this.dialogData.authors;
-                this.params.type = this.dialogData.type;
-                this.params.topic = this.dialogData.topic;
-                this.params.showCommentedDocumentsOnly = this.dialogData.showCommentedDocumentsOnly;
-            }
-            else if (this.isNews()) {
-                this.params.text = this.dialogData.text;
-                this.params.titleOnly = this.dialogData.titleOnly;
-                this.params.year = this.dialogData.year;
-                this.params.fromDate = this.dialogData.fromDate;
-                this.params.toDate = this.dialogData.toDate;
-                this.interval = new DateInterval(this.params.fromDate, this.params.toDate);
-                this.params.sectors = this.dialogData.sectors;
+    /**
+     * Prepare result items
+     * @param items : the items to process
+     * @param params : the current search params
+     */
+    prepareResultItems(items, params) {
+        const today = startOfToday();
+        const groupByYear = !params.sortMode ||
+            params.sortMode === ClipperSort.DateAsc ||
+            params.sortMode === ClipperSort.DateDesc ||
+            params.sortMode === ClipperSort.SourceDateAsc ||
+            params.sortMode === ClipperSort.SourceDateDesc;
+        const groupByRelevance = params.sortMode === ClipperSort.Relevance;
+        const groupByPopularity = params.sortMode === ClipperSort.Popularity;
+        let group = '';
+        items?.forEach(n => {
+            n.documentId = n.documentId ?? n.id;
+            this.selection?.updateCurrent(n, n.documentId);
+            if (n.model === ClipperModel.Quesiti) {
+                n.info = "Quesito n° " + n.number + " del " + SystemUtils.formatDate(n.date, "d MMM yyyy");
             }
-            else if (this.dialogData.displayMode === 'module') {
-                switch (this.dialogData.module) {
-                    case ClipperModule.Giurisprudenza:
-                        this.params.text = this.dialogData.text;
-                        this.params.titleOnly = this.dialogData.titleOnly;
-                        this.params.number = this.dialogData.number;
-                        this.params.year = this.dialogData.year;
-                        this.params.fromDate = this.dialogData.fromDate;
-                        this.params.toDate = this.dialogData.toDate;
-                        this.interval = new DateInterval(this.params.fromDate, this.params.toDate);
-                        this.params.sectors = this.dialogData.sectors;
-                        break;
-                    case ClipperModule.ModificheAbrogazioniERinvii:
-                        this.params.changeReason = this.dialogData.changeReason;
-                        this.params.changedNumber = this.dialogData.changedNumber;
-                        this.params.changedYear = this.dialogData.changedYear;
-                        this.params.changedTitle = this.dialogData.changedTitle;
-                        this.params.modifierNumber = this.dialogData.modifierNumber;
-                        this.params.modifierYear = this.dialogData.modifierYear;
-                        this.params.modifierTitle = this.dialogData.modifierTitle;
-                        this.params.sectors = this.dialogData.sectors;
+            else if (n.model === ClipperModel.Scadenze ||
+                n.model === ClipperModel.Segnalazioni) {
+                switch (n.model) {
+                    case ClipperModel.Scadenze:
+                        n.originDescription = 'Scadenza';
                         break;
-                    default:
-                        this.params.text = this.dialogData.text;
-                        this.params.titleOnly = this.dialogData.titleOnly;
-                        this.params.year = this.dialogData.year;
-                        this.params.fromDate = this.dialogData.fromDate;
-                        this.params.toDate = this.dialogData.toDate;
-                        this.interval = new DateInterval(this.params.fromDate, this.params.toDate);
+                    case ClipperModel.Segnalazioni:
+                        n.originDescription = 'Segnalazione';
                         break;
                 }
+                if (n.expiringInfo) {
+                    let parts = n.expiringInfo.split('|');
+                    if (parts.length === 3)
+                        n.expiringDescription = parts[2];
+                }
+                if (n.expiringDate) {
+                    n.date = startOfDay(new Date(n.expiringDate));
+                    const d = startOfDay(subDays(n.date, 15));
+                    n.isExpiring = today <= n.date && today >= d;
+                    n.isExpired = n.date < today;
+                }
             }
-        }
-        if (this.isLaws()) {
-            if (!this.clipperService.loggedIn())
-                return;
-            this.clipperService.getTopics()
-                .subscribe(r => {
-                if (r.success) {
-                    let name = '';
-                    r.value.forEach((n) => {
-                        name = '';
-                        (n.value.match(/./g) || []).forEach(() => {
-                            name += '&nbsp;&nbsp;';
+            else {
+                if ((n.model === ClipperModel.Articoli ||
+                    n.model === ClipperModel.News) &&
+                    n.tags) {
+                    n.info = n.tags.toUpperCase().substring(1).replaceAll("#", ", ");
+                }
+                if (n.model !== ClipperModel.AggiornamentoNormativo &&
+                    n.model !== ClipperModel.NormativaVigente &&
+                    n.model !== ClipperModel.Juris &&
+                    n.date) {
+                    n.date = startOfDay(new Date(n.date ?? n.publishingDate));
+                    const d = startOfDay(subDays(startOfToday(), 7));
+                    n.isNew = n.date > d;
+                }
+                else {
+                    n.date = null;
+                }
+                if (n.anchors) {
+                    let anchorType = null;
+                    let anchors = [];
+                    n.anchors.forEach((a) => {
+                        if (a.type === 20)
+                            return;
+                        if (a.type !== anchorType) {
+                            if (a.type >= 3)
+                                anchors.push({ text: a.typeDescription });
+                            anchorType = a.type;
+                        }
+                        let score = a.score;
+                        if (score > 7)
+                            score -= 7;
+                        else if (score > 5)
+                            score -= 5;
+                        else if (score > 3)
+                            score -= 3;
+                        anchors.push({
+                            text: a.text,
+                            title: a.title,
+                            documentId: a.documentId,
+                            uri: a.uri,
+                            veryRelevant: score > 0.6,
                         });
-                        name += n.value + ' - ' + n.name;
-                        n.title = name;
                     });
-                    this.topics = r.value;
+                    n.anchors = anchors;
+                }
+                if (n.validityState > 0) {
+                    n.validityDescription = 'Il documento non è più vigente';
+                    n.isExpired = true;
+                    if (n.validUntilDate) {
+                        const expiringDate = startOfDay(new Date(n.validUntilDate));
+                        if (expiringDate < today) {
+                            n.validityDescription =
+                                'Il documento non è più vigente dal ' +
+                                    SystemUtils.formatDate(expiringDate) +
+                                    '.';
+                        }
+                        else {
+                            n.validityDescription =
+                                'Il documento non sarà più vigente dal ' +
+                                    SystemUtils.formatDate(expiringDate) +
+                                    '.';
+                            n.isExpired = false;
+                        }
+                    }
+                }
+                if (n.expiringDate) {
+                    n.date = startOfDay(new Date(n.expiringDate));
+                    const d = startOfDay(subDays(n.date, 15));
+                    n.isExpiring = today <= n.date && today >= d;
+                    n.isExpired = n.date < today;
+                }
+            }
+            if (groupByYear) {
+                const year = SystemUtils.formatDate(n.date ?? n.publishingDate, DateFormat.LongMonthAndYear).toLowerCase();
+                if (group !== year) {
+                    n.group = year;
+                    group = year;
+                }
+            }
+            else if (groupByRelevance) {
+                if (group !== 'none') {
+                    n.group =
+                        'Elementi più rilevanti per la ricerca: ' + params.text;
+                    group = 'none';
+                }
+            }
+            else if (groupByPopularity) {
+                if (group !== 'none') {
+                    n.group = 'Elementi più popolari in ordine decrescente';
+                    group = 'none';
+                }
+            }
+        });
+    }
+    /**
+     * Prepare results
+     * @param data : the optional result list to prepare
+     * @param facets : the optional facets list to prepare
+     * @param months : the optional snapshot months
+     * @param month : the optional snapshot month
+     * @param date : the optinal snapshot current date
+     */
+    prepareResults(data, facets, months, month, date) {
+        if (data) {
+            this.selection?.current.clear();
+            this.snapshot = data;
+            if (this.snapshot.items) {
+                this.prepareResultItems(this.snapshot.items, this.filterParams);
+            }
+        }
+        if (facets || months || month) {
+            this.hasFacets.set(false);
+            this.hasCalendar.set(false);
+            if (facets) {
+                this.hasFacets.set(true);
+                setTimeout(() => {
+                    this.facets?.update(facets.facets, facets.interval);
+                }, 0);
+                if (this.snapshot) {
+                    this.snapshot.facets = this.facets.save();
+                    this.snapshot.facets.hasTooManyResults = this.snapshot.total >= 1000;
+                }
+            }
+            else if (months || month) {
+                this.hasCalendar.set(true);
+                setTimeout(() => {
+                    if (months) {
+                        this.calendar?.update(months, 'months', date ?? new Date());
+                    }
+                    if (month) {
+                        this.calendar?.update(month, 'month', date ?? new Date());
+                    }
+                }, 0);
+            }
+        }
+    }
+    /**
+    * Return item state css class
+    * @param item : the item to evaluate
+    */
+    getItemStateCssClass(item) {
+        if (item.isRead !== true)
+            return 'unread-bg';
+        if (item.isExpired)
+            return 'expired-bg';
+        if (item.popularity === 3)
+            return 'popular-bg';
+        else if (item.popularity > 3)
+            return 'very-popular-bg';
+        return null;
+    }
+    /**
+     * Return the item state tooltip text
+     * @param item : the item to evaluate
+     */
+    getItemStateTooltip(item) {
+        if (item.isRead !== true)
+            return 'Non letto';
+        if (item.isExpired)
+            return 'Non più vigente';
+        if (item.popularity === 3)
+            return 'Documento con numero di citazioni alto';
+        else if (item.popularity > 3)
+            return 'Documento con numero di citazioni molto alto';
+        return '';
+    }
+    /**
+    * Return the item icon
+    * @param item : the item to evaluate
+    */
+    getItemIcon(item) {
+        switch (item.model) {
+            case ClipperModel.NormativaVigente: return 'gavel';
+            case ClipperModel.Articoli:
+            case ClipperModel.Quesiti:
+            case ClipperModel.MetodiDiAnalisi: return 'extension';
+            default: return 'updated';
+        }
+    }
+    /**
+     * Toggle the read flag
+     * @param item : the item to update
+     * @paran e: the optional click event
+     */
+    toggleRead(item, e = null) {
+        e?.preventDefault();
+        e?.stopPropagation();
+        this.setRead(!item?.isRead, item);
+    }
+    /**
+    * Toggle the selection flag
+    * @param item : the item to update
+    * @paran e: the optional click event
+    */
+    toggleSelection(item, e = null) {
+        e?.preventDefault();
+        e?.stopPropagation();
+        this.selection?.toggle(item, item.documentId);
+    }
+    /**
+    * Get the selected id
+    */
+    setRead(value, item = null) {
+        let documentIds = [];
+        if (item) {
+            documentIds = [item.documentId];
+        }
+        else if (this.hasAnySelection()) {
+            documentIds = this.selection?.all?.map(n => n.documentId);
+        }
+        this.clipperService.updateState({ documentIds: documentIds, isRead: value }).subscribe(r => {
+            if (r.success) {
+                if (item) {
+                    item.isRead = value;
+                }
+                else if (this.hasAnySelection()) {
+                    this.selection?.all?.forEach(n => {
+                        n.isRead = value;
+                    });
                 }
-            });
-            if (this.hasAuthorOrType()) {
-                this.sectorsChanged();
             }
-        }
-    }
-    ngOnDestroy() {
-        this.unsubscribe.next();
-        this.unsubscribe.complete();
+        });
     }
     /**
-     * Updates other lists when sectors changes
-     */
-    sectorsChanged() {
-        // Reset authors and types
-        this.params.authors = [];
-        this.params.type = null;
-        if (this.hasAuthorOrType()) {
-            this.authors = [];
-            ClipperAuthors.forEach((n) => {
-                if (n.sectorId === this.params.sectors[0])
-                    this.authors.push(n);
-            });
-            this.types = [];
-            ClipperSectorTypes.forEach((n) => {
-                if (n.parentValue === this.params.sectors[0])
-                    this.types.push(n);
-            });
-            if (this.types.length == 0) {
-                this.types = [...ClipperSectorTypes];
-            }
+    * Open an item
+    * This should be always overridden
+    * @param documentId : the document id
+    * @param query: the query string
+    * @param newWindow: true if the document must be open into a new window
+    */
+    open(documentId, query = null, newWindow = false) {
+        if (!newWindow) {
+            this.openDocument(documentId, query);
         }
+        else
+            window.open('/documento/' + documentId, '_blank');
     }
     /**
-     * Clear search
+     * Open a document
+     * @param documentId : the document id
+     * @param query: the query string
      */
-    clear() {
-        ClipperSearchUtils.clear(this.params);
-        this.interval.clear();
-        this.sourceInterval.clear();
-        this.sectorsChanged();
-    }
-    /**
-   * Show free text help
-   */
-    help() {
-        this.dialogService.open(ClipperSearchFreeTextHelpComponent, {
-            ariaLabel: 'informazioni ricerca',
-            autoFocus: false,
-            restoreFocus: true,
-            disableClose: false,
-            minWidth: '375px',
-            maxWidth: '800px',
-            width: '99%',
-        });
+    openDocument(documentId, query = null) {
+        if (documentId) {
+            ClipperDocumentsUtils.openDocument(this.dialogService, this.clipperService, documentId, query);
+        }
     }
     /**
-     * Compose a free text search query
+     * Open a references dialog
+     * @param documentId : the document id
+     * @param mode: the optional mode. Default is references in
+     * @param model: the optional document model
+     * @param anchor: the optional document anchor
+     * @param anchorTitle: : the optional anchor title
+     * @param update: true if is an update
      */
-    compose() {
-        const d = this.dialogService.open(ClipperSearchFreeTextQueryBuilderComponent, {
-            ariaLabel: 'costruisci ricerca',
+    openReferences(documentId, mode = ClipperQueryReferencesMode.ReferencesIn, model = null, anchor = null, anchorTitle = null, update = true) {
+        console.log("OPENING 1");
+        const d = this.dialogService.open(ClipperReferencesComponent, {
+            ariaLabel: 'documento',
             autoFocus: false,
-            restoreFocus: true,
+            restoreFocus: false,
             disableClose: false,
+            data: {
+                id: documentId,
+                mode: mode,
+                model: model,
+                anchor: anchor,
+                anchorTitle: anchorTitle,
+                update: update,
+            },
             minWidth: '375px',
-            maxWidth: '600px',
-            width: '99%'
+            maxWidth: '1000px',
+            width: '99%',
+            height: '99%'
         });
-        d.componentInstance.done
+        d.afterClosed()
             .subscribe((r) => {
-            this.params.text = r.query;
-            // Finished
-            d.close();
+            if (r && r.documentId) {
+                this.open(r.documentId);
+            }
         });
     }
+    ///
+    // Restorable
+    ///
     /**
-     * Submit search
+     * Save restorable data
+     * @param id : the restorable id
+     * @param scroll : the current scroll position
      */
-    ok() {
-        this.okButton.focus();
-        if (this.params.text) {
-            this.params.text = ClipperSearchUtils.normalizeTextQuery(this.params.text);
-        }
-        if (this.interval) {
-            this.params.fromDate = this.interval.from;
-            this.params.toDate = this.interval.to;
-        }
-        if (this.sourceInterval) {
-            this.params.sourceFromDate = this.sourceInterval.from;
-            this.params.sourceToDate = this.sourceInterval.to;
-        }
-        this.done.emit(this.params);
+    save(id, scroll = 0) {
+        sessionStorage.setItem(id, JSON.stringify({
+            paginator: {
+                page: this.paginator?.pageIndex ?? 0,
+                total: this.snapshot?.total ?? 0,
+                size: this.paginator?.pageSize ?? 15
+            },
+            facets: this.facets?.save(),
+            filterParams: this.filterParams,
+            scroll: scroll,
+            sort: { mode: this.sortMode, options: this.sortOptions },
+            data: this.snapshot
+                ? { items: this.snapshot.items, total: this.snapshot.total }
+                : null
+        }));
     }
     /**
-   * Check if a block of expandable options has a filter on
-   * @param block : the block id
-   * @returns true if at least a value is set
-   */
-    hasFilter(block) {
-        if (block === 'source') {
-            return this.params.sourceNumber != null ||
-                this.params.sourceYear != null ||
-                this.params.source != null ||
-                this.sourceInterval.from != null;
-        }
-        else if (block === 'other') {
-            if (!this.isModule(ClipperModule.ModificheAbrogazioniERinvii)) {
-                return this.params.sourceNumber != null ||
-                    this.params.author != null ||
-                    this.params.type != null ||
-                    this.params.topic != null;
-            }
-            else {
-                return this.params.changeReason != null;
+     * Restore data
+     * @param id : the restorable id
+     */
+    restore(id) {
+        const value = sessionStorage.getItem(id);
+        if (value) {
+            const data = JSON.parse(value);
+            if (data) {
+                this.filterParams = data.filterParams;
+                this.snapshot = data.data;
+                this.sortMode = data.sort.mode;
+                this.sortOptions = data.sort.options;
+                if (this.facets && data.facets) {
+                    this.facets.restore(data.facets);
+                    this.hasFacets.set(data.facets.hasFacets);
+                }
+                if (this.paginator && data.paginator) {
+                    this.paginator.pageIndex = data.paginator.page;
+                    this.paginator.pageSize = data.paginator.size;
+                    this.paginator.length = data.paginator.total;
+                }
+                this.broadcastService.sendMessage(ClipperMessages.COMMAND_SEARCH_RESTORED, data.filterParams);
+                this.changeDetector.detectChanges();
+                // Scroll top
+                setTimeout(() => {
+                    this.scroll(data.scroll ?? 0);
+                }, 100);
             }
         }
-        else if (block === 'modifier') {
-            return this.params.modifierNumber != null ||
-                this.params.modifierYear != null ||
-                this.params.modifierTitle != null;
-        }
-        return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: ClipperSearchDialogComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done" }, host: { attributes: { "Bind": SystemUtils.generateUUID() } }, providers: [
-            MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER
-        ], viewQueries: [{ propertyName: "okButton", first: true, predicate: ["okButton"], descendants: true }], ngImport: i0, template: "<h2 mat-dialog-title>Ricerca</h2>\r\n<div mat-dialog-content>\r\n  <form name=\"form\" #f=\"ngForm\" (keyup.Enter)=\"!f.form.invalid ? ok() : null\" novalidate>\r\n    <mat-accordion multi displayMode=\"flat\">\r\n      @if(isLaws() || isModule(modulesEnum.ModificheAbrogazioniERinvii)) {\r\n      <mat-expansion-panel expanded=\"true\" class=\"accordion-panel mat-elevation-z0 \">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Settori\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <chips-selector [(ngModel)]=\"params.sectors\" [multiple]=\"true\" name=\"sectors\" label=\"Settori\"\r\n          [options]=\"sectors\" (changed)=\"sectorsChanged()\" />\r\n        @if(hasRegions())\r\n        {\r\n        <mat-divider style=\"padding-top: 8px; margin-top:8px\"></mat-divider>\r\n        <chips-selector mode=\"collapsed\" [(ngModel)]=\"params.authors\" [multiple]=\"true\" name=\"authors\"\r\n          label=\"Tutte le regioni\" [options]=\"regions\" />\r\n        }\r\n      </mat-expansion-panel>\r\n      } @else if(isNews()) {\r\n      <mat-expansion-panel expanded=\"true\" class=\"accordion-panel mat-elevation-z0 \">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Tipologia\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <chips-selector [(ngModel)]=\"params.sectors\" [multiple]=\"true\" name=\"sectors\" label=\"Tipologia\"\r\n          [options]=\"sectors\" />\r\n      </mat-expansion-panel>\r\n      }\r\n      <mat-expansion-panel expanded=\"true\" class=\"accordion-panel mat-elevation-z0 \">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Documento\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div fxLayout=\"column\">\r\n          @if (isLaws() || isModule(modulesEnum.Giurisprudenza)) {\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n            <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n              <mat-label>Numero</mat-label>\r\n              <input #filterByNumber=\"matInput\" matInput maxlength=\"10\" [(ngModel)]=\"params.number\" name=\"number\" />\r\n              @if (params.number) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.number = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"params.year\" name=\"year\" />\r\n              @if (params.year) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.year = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n          </div>\r\n          }\r\n          @if (isLaws() || !isModule(modulesEnum.ScadenzeESegnalazioni)) {\r\n          <mat-form-field>\r\n            <mat-label>Intervallo di pubblicazione</mat-label>\r\n            <mat-date-range-input [rangePicker]=\"picker1\">\r\n              <input matStartDate [(ngModel)]=\"interval.from\" [dateIntervalChange]=\"interval\" #rangeFrom1=\"ngModel\"\r\n                name=\"rangeFrom1\" placeholder=\"Da data\">\r\n              <input matEndDate [(ngModel)]=\"interval.to\" [dateIntervalChange]=\"interval\" [end]=\"true\"\r\n                #rangeTo1=\"ngModel\" name=\"rangeTo1\" placeholder=\"A data\">\r\n            </mat-date-range-input>\r\n            @if (interval.from || interval.to) {\r\n            <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n              (click)=\"interval.clear()\">\r\n              <mat-icon>close</mat-icon>\r\n            </button>\r\n            }\r\n            <mat-datepicker-toggle matSuffix [for]=\"picker1\"></mat-datepicker-toggle>\r\n            <mat-date-range-picker #picker1></mat-date-range-picker>\r\n            @if (rangeFrom1.invalid || rangeTo1.invalid) {\r\n            <mat-error>Intervallo non valido.</mat-error>\r\n            }\r\n          </mat-form-field>\r\n          }\r\n          <mat-form-field>\r\n            <mat-label>Testo</mat-label>\r\n            <input matInput maxlength=\"200\" [(ngModel)]=\"params.text\" name=\"text\" />\r\n            @if (params.text) {\r\n            <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n              (click)=\"params.text = null\">\r\n              <mat-icon>close</mat-icon>\r\n            </button>\r\n            }\r\n            <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix matTooltip=\"Opzioni\" aria-label=\"Opzioni\"\r\n              [matMenuTriggerFor]=\"textOptionsMenu\"><mat-icon>more_vert</mat-icon></button>\r\n          </mat-form-field>\r\n          <div>\r\n            <div>\r\n              <mat-slide-toggle [(ngModel)]=\"params.titleOnly\" name=\"titleOnly\">Cerca solo nel\r\n                titolo</mat-slide-toggle>\r\n            </div>\r\n            @if(isLaws()) {\r\n            <div style=\"padding-top:10px\">\r\n              <mat-slide-toggle [(ngModel)]=\"params.showCommentedDocumentsOnly\" name=\"showCommentedDocumentsOnly\">Mostra\r\n                solo norme con commenti</mat-slide-toggle>\r\n            </div>\r\n            }\r\n          </div>\r\n        </div>\r\n      </mat-expansion-panel>\r\n      @if(isLaws()) {\r\n      <mat-expansion-panel [expanded]=\"hasFilter('source')\" class=\"accordion-panel mat-elevation-z0 \">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Fonte\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div fxLayout=\"column\">\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n            <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n              <mat-label>Numero</mat-label>\r\n              <input matInput maxlength=\"10\" [(ngModel)]=\"params.sourceNumber\" name=\"sourceNumber\" />\r\n              @if (params.sourceNumber) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.sourceNumber = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"params.sourceYear\"\r\n                name=\"sourceYear\" />\r\n              @if (params.sourceYear) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.sourceYear = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n          </div>\r\n          <mat-form-field>\r\n            <mat-label>Intervallo di pubblicazione</mat-label>\r\n            <mat-date-range-input [rangePicker]=\"picker2\">\r\n              <input matStartDate [(ngModel)]=\"sourceInterval.from\" [dateIntervalChange]=\"sourceInterval\"\r\n                #rangeFrom2=\"ngModel\" name=\"rangeFrom2\" placeholder=\"Da data\">\r\n              <input matEndDate [(ngModel)]=\"sourceInterval.to\" [dateIntervalChange]=\"sourceInterval\" [end]=\"true\"\r\n                #rangeTo2=\"ngModel\" name=\"rangeTo2\" placeholder=\"A data\">\r\n            </mat-date-range-input>\r\n            @if (sourceInterval.from || sourceInterval.to) {\r\n            <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n              (click)=\"sourceInterval.clear()\">\r\n              <mat-icon>close</mat-icon>\r\n            </button>\r\n            }\r\n            <mat-datepicker-toggle matSuffix [for]=\"picker2\"></mat-datepicker-toggle>\r\n            <mat-date-range-picker #picker2></mat-date-range-picker>\r\n            @if (rangeFrom2.invalid || rangeTo2.invalid) {\r\n            <mat-error>Intervallo non valido.</mat-error>\r\n            }\r\n          </mat-form-field>\r\n          <mat-form-field>\r\n            <mat-label>Tipo</mat-label>\r\n            <mat-select [(ngModel)]=\"params.source\" name=\"source\">\r\n              @for (s of sources; track $index) {\r\n              <mat-option [value]=\"s.value\" [matTooltip]=\"s.name\">\r\n                {{s.name}}\r\n              </mat-option>\r\n              }\r\n            </mat-select>\r\n          </mat-form-field>\r\n\r\n        </div>\r\n      </mat-expansion-panel>\r\n      <mat-expansion-panel [expanded]=\"hasFilter('other')\" class=\"accordion-panel mat-elevation-z0\">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Altre opzioni\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div fxLayout=\"column\">\r\n          @if(isLaws()) {\r\n          @if(!hasRegions()) {\r\n          <mat-form-field>\r\n            <mat-label>Autore</mat-label>\r\n            <mat-select [(ngModel)]=\"params.author\" name=\"author\">\r\n              @for (a of authors; track $index) {\r\n              <mat-option [value]=\"a.value\" [matTooltip]=\"a.name\">\r\n                {{a.name}}\r\n              </mat-option>\r\n              }\r\n            </mat-select>\r\n          </mat-form-field>\r\n          }\r\n          <mat-form-field>\r\n            <mat-label>Tipo documento</mat-label>\r\n            <mat-select [(ngModel)]=\"params.type\" name=\"type\">\r\n              @for (t of types; track $index) {\r\n              <mat-option [value]=\"t.value\" [matTooltip]=\"t.name\">\r\n                {{t.name}}\r\n              </mat-option>\r\n              }\r\n            </mat-select>\r\n          </mat-form-field>\r\n          <mat-form-field>\r\n            <mat-label>Argomento</mat-label>\r\n            <mat-select [(ngModel)]=\"params.topic\" name=\"topic\">\r\n              @for (t of topics; track $index) {\r\n              <mat-option [value]=\"t.value\" [matTooltip]=\"t.name\">\r\n                {{t.name}}\r\n              </mat-option>\r\n              }\r\n            </mat-select>\r\n          </mat-form-field>\r\n          }\r\n        </div>\r\n      </mat-expansion-panel>\r\n\r\n      } @else if(isModule(modulesEnum.ModificheAbrogazioniERinvii)) {\r\n      <mat-expansion-panel expanded class=\"accordion-panel mat-elevation-z0 \">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Documento modificato\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div fxLayout=\"column\">\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n            <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n              <mat-label>Numero</mat-label>\r\n              <input matInput maxlength=\"10\" [(ngModel)]=\"params.changedNumber\" name=\"changedNumber\"\r\n                #filterByChangeNumber=\"matInput\" />\r\n              @if (params.changedNumber) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.changedNumber = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"params.changedYear\"\r\n                name=\"changedYear\" />\r\n              @if (params.changedYear) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.changedYear = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n          </div>\r\n          <mat-form-field>\r\n            <mat-label>Titolo</mat-label>\r\n            <input matInput maxlength=\"200\" [(ngModel)]=\"params.changedTitle\" name=\"changedTitle\" />\r\n            @if (params.changedTitle) {\r\n            <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n              (click)=\"params.changedTitle = null\">\r\n              <mat-icon>close</mat-icon>\r\n            </button>\r\n            }\r\n          </mat-form-field>\r\n        </div>\r\n      </mat-expansion-panel>\r\n      <mat-expansion-panel [expanded]=\"hasFilter('modifier')\" class=\"accordion-panel mat-elevation-z0 \">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Documento modificante\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div fxLayout=\"column\">\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n            <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n              <mat-label>Numero</mat-label>\r\n              <input matInput maxlength=\"10\" [(ngModel)]=\"params.modifierNumber\" name=\"modifierNumber\" />\r\n              @if (params.changedNumber) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.modifierNumber = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"params.modifierYear\"\r\n                name=\"modifierYear\" />\r\n              @if (params.modifierYear) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.modifierYear = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n          </div>\r\n          <mat-form-field>\r\n            <mat-label>Titolo</mat-label>\r\n            <input matInput maxlength=\"200\" [(ngModel)]=\"params.modifierTitle\" name=\"modifierTitle\" />\r\n            @if (params.modifierTitle) {\r\n            <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n              (click)=\"params.modifierTitle = null\">\r\n              <mat-icon>close</mat-icon>\r\n            </button>\r\n            }\r\n          </mat-form-field>\r\n        </div>\r\n      </mat-expansion-panel>\r\n      <mat-expansion-panel [expanded]=\"hasFilter('other')\" class=\"accordion-panel mat-elevation-z0\">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Altre opzioni\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div fxLayout=\"column\">\r\n          <mat-form-field>\r\n            <mat-label>Motivo</mat-label>\r\n            <mat-select [(ngModel)]=\"params.changeReason\" name=\"changeReason\">\r\n              <mat-option>Tutti</mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n        </div>\r\n      </mat-expansion-panel>\r\n      }\r\n    </mat-accordion>\r\n  </form>\r\n</div>\r\n<div mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxFlex=\"30\">\r\n      <button type=\"button\" mat-button (click)=\"clear()\" color=\"primary\">Pulisci</button>\r\n    </div>\r\n    <div fxFlex=\"70\" fxLayoutAlign=\"end\">\r\n      <button mat-flat-button color=\"primary\" #okButton [disabled]=\"f.form.invalid\" (click)=\"ok()\">Trova</button>\r\n      <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Chiudi</button>\r\n    </div>\r\n  </div>\r\n</div>\r\n<mat-menu #textOptionsMenu=\"matMenu\">\r\n  <button mat-menu-item (click)=\"compose()\">\r\n    <mat-icon>build</mat-icon>Componi\r\n  </button>\r\n  <button mat-menu-item (click)=\"help()\">\r\n    <mat-icon>help</mat-icon>Come usare la ricerca in testo libero\r\n  </button>\r\n</mat-menu>", styles: [".accordion-panel{background-color:transparent}.accordion-header{padding-left:15px;padding-right:20px;border-radius:var(--mat-expansion-container-shape)}.mat-expansion-panel-body{padding-bottom:20px!important}\n"], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i2.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$3.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3$3.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3$4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i6.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i6.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i6.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i6.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i6$3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i6$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i13.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i13.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i13.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i13.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i13.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "directive", type: DateIntervalChangeDirective, selector: "[dateIntervalChange]", inputs: ["dateIntervalChange", "end"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i5$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i6$2.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: ChipsSelectorComponent, selector: "chips-selector", inputs: ["options", "collapsedWidth", "collapseAt", "collapseAtContainer", "collapseDisplayMode", "label", "multiple", "mode", "required", "disabled", "placeholder"], outputs: ["changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchResultManager, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: ClipperSearchResultManager, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "paginator", first: true, predicate: ["paginator"], descendants: true }, { propertyName: "facets", first: true, predicate: ["facets"], descendants: true }, { propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true }], usesInheritance: true, ngImport: i0, template: '<div></div>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperSearchResultManager, decorators: [{
             type: Component,
-            args: [{ host: { 'Bind': SystemUtils.generateUUID() }, providers: [
-                        MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER
-                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        FlexLayoutModule,
-                        FormsModule,
-                        MatDialogTitle,
-                        MatDialogContent,
-                        MatCheckboxModule,
-                        MatFormFieldModule,
-                        MatExpansionModule,
-                        MatSelectModule,
-                        MatOptionModule,
-                        MatTooltipModule,
-                        MatInputModule,
-                        MatButtonModule,
-                        MatIconModule,
-                        MatMenuModule,
-                        MatDatepickerModule,
-                        DateIntervalChangeDirective,
-                        MatDialogActions,
-                        MatDialogClose,
-                        MatDialogTitle,
-                        MatDividerModule,
-                        MatSlideToggleModule,
-                        ChipsSelectorComponent,
-                        SafeHtmlPipe,
-                    ], template: "<h2 mat-dialog-title>Ricerca</h2>\r\n<div mat-dialog-content>\r\n  <form name=\"form\" #f=\"ngForm\" (keyup.Enter)=\"!f.form.invalid ? ok() : null\" novalidate>\r\n    <mat-accordion multi displayMode=\"flat\">\r\n      @if(isLaws() || isModule(modulesEnum.ModificheAbrogazioniERinvii)) {\r\n      <mat-expansion-panel expanded=\"true\" class=\"accordion-panel mat-elevation-z0 \">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Settori\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <chips-selector [(ngModel)]=\"params.sectors\" [multiple]=\"true\" name=\"sectors\" label=\"Settori\"\r\n          [options]=\"sectors\" (changed)=\"sectorsChanged()\" />\r\n        @if(hasRegions())\r\n        {\r\n        <mat-divider style=\"padding-top: 8px; margin-top:8px\"></mat-divider>\r\n        <chips-selector mode=\"collapsed\" [(ngModel)]=\"params.authors\" [multiple]=\"true\" name=\"authors\"\r\n          label=\"Tutte le regioni\" [options]=\"regions\" />\r\n        }\r\n      </mat-expansion-panel>\r\n      } @else if(isNews()) {\r\n      <mat-expansion-panel expanded=\"true\" class=\"accordion-panel mat-elevation-z0 \">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Tipologia\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <chips-selector [(ngModel)]=\"params.sectors\" [multiple]=\"true\" name=\"sectors\" label=\"Tipologia\"\r\n          [options]=\"sectors\" />\r\n      </mat-expansion-panel>\r\n      }\r\n      <mat-expansion-panel expanded=\"true\" class=\"accordion-panel mat-elevation-z0 \">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Documento\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div fxLayout=\"column\">\r\n          @if (isLaws() || isModule(modulesEnum.Giurisprudenza)) {\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n            <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n              <mat-label>Numero</mat-label>\r\n              <input #filterByNumber=\"matInput\" matInput maxlength=\"10\" [(ngModel)]=\"params.number\" name=\"number\" />\r\n              @if (params.number) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.number = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"params.year\" name=\"year\" />\r\n              @if (params.year) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.year = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n          </div>\r\n          }\r\n          @if (isLaws() || !isModule(modulesEnum.ScadenzeESegnalazioni)) {\r\n          <mat-form-field>\r\n            <mat-label>Intervallo di pubblicazione</mat-label>\r\n            <mat-date-range-input [rangePicker]=\"picker1\">\r\n              <input matStartDate [(ngModel)]=\"interval.from\" [dateIntervalChange]=\"interval\" #rangeFrom1=\"ngModel\"\r\n                name=\"rangeFrom1\" placeholder=\"Da data\">\r\n              <input matEndDate [(ngModel)]=\"interval.to\" [dateIntervalChange]=\"interval\" [end]=\"true\"\r\n                #rangeTo1=\"ngModel\" name=\"rangeTo1\" placeholder=\"A data\">\r\n            </mat-date-range-input>\r\n            @if (interval.from || interval.to) {\r\n            <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n              (click)=\"interval.clear()\">\r\n              <mat-icon>close</mat-icon>\r\n            </button>\r\n            }\r\n            <mat-datepicker-toggle matSuffix [for]=\"picker1\"></mat-datepicker-toggle>\r\n            <mat-date-range-picker #picker1></mat-date-range-picker>\r\n            @if (rangeFrom1.invalid || rangeTo1.invalid) {\r\n            <mat-error>Intervallo non valido.</mat-error>\r\n            }\r\n          </mat-form-field>\r\n          }\r\n          <mat-form-field>\r\n            <mat-label>Testo</mat-label>\r\n            <input matInput maxlength=\"200\" [(ngModel)]=\"params.text\" name=\"text\" />\r\n            @if (params.text) {\r\n            <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n              (click)=\"params.text = null\">\r\n              <mat-icon>close</mat-icon>\r\n            </button>\r\n            }\r\n            <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix matTooltip=\"Opzioni\" aria-label=\"Opzioni\"\r\n              [matMenuTriggerFor]=\"textOptionsMenu\"><mat-icon>more_vert</mat-icon></button>\r\n          </mat-form-field>\r\n          <div>\r\n            <div>\r\n              <mat-slide-toggle [(ngModel)]=\"params.titleOnly\" name=\"titleOnly\">Cerca solo nel\r\n                titolo</mat-slide-toggle>\r\n            </div>\r\n            @if(isLaws()) {\r\n            <div style=\"padding-top:10px\">\r\n              <mat-slide-toggle [(ngModel)]=\"params.showCommentedDocumentsOnly\" name=\"showCommentedDocumentsOnly\">Mostra\r\n                solo norme con commenti</mat-slide-toggle>\r\n            </div>\r\n            }\r\n          </div>\r\n        </div>\r\n      </mat-expansion-panel>\r\n      @if(isLaws()) {\r\n      <mat-expansion-panel [expanded]=\"hasFilter('source')\" class=\"accordion-panel mat-elevation-z0 \">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Fonte\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div fxLayout=\"column\">\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n            <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n              <mat-label>Numero</mat-label>\r\n              <input matInput maxlength=\"10\" [(ngModel)]=\"params.sourceNumber\" name=\"sourceNumber\" />\r\n              @if (params.sourceNumber) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.sourceNumber = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"params.sourceYear\"\r\n                name=\"sourceYear\" />\r\n              @if (params.sourceYear) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.sourceYear = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n          </div>\r\n          <mat-form-field>\r\n            <mat-label>Intervallo di pubblicazione</mat-label>\r\n            <mat-date-range-input [rangePicker]=\"picker2\">\r\n              <input matStartDate [(ngModel)]=\"sourceInterval.from\" [dateIntervalChange]=\"sourceInterval\"\r\n                #rangeFrom2=\"ngModel\" name=\"rangeFrom2\" placeholder=\"Da data\">\r\n              <input matEndDate [(ngModel)]=\"sourceInterval.to\" [dateIntervalChange]=\"sourceInterval\" [end]=\"true\"\r\n                #rangeTo2=\"ngModel\" name=\"rangeTo2\" placeholder=\"A data\">\r\n            </mat-date-range-input>\r\n            @if (sourceInterval.from || sourceInterval.to) {\r\n            <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n              (click)=\"sourceInterval.clear()\">\r\n              <mat-icon>close</mat-icon>\r\n            </button>\r\n            }\r\n            <mat-datepicker-toggle matSuffix [for]=\"picker2\"></mat-datepicker-toggle>\r\n            <mat-date-range-picker #picker2></mat-date-range-picker>\r\n            @if (rangeFrom2.invalid || rangeTo2.invalid) {\r\n            <mat-error>Intervallo non valido.</mat-error>\r\n            }\r\n          </mat-form-field>\r\n          <mat-form-field>\r\n            <mat-label>Tipo</mat-label>\r\n            <mat-select [(ngModel)]=\"params.source\" name=\"source\">\r\n              @for (s of sources; track $index) {\r\n              <mat-option [value]=\"s.value\" [matTooltip]=\"s.name\">\r\n                {{s.name}}\r\n              </mat-option>\r\n              }\r\n            </mat-select>\r\n          </mat-form-field>\r\n\r\n        </div>\r\n      </mat-expansion-panel>\r\n      <mat-expansion-panel [expanded]=\"hasFilter('other')\" class=\"accordion-panel mat-elevation-z0\">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Altre opzioni\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div fxLayout=\"column\">\r\n          @if(isLaws()) {\r\n          @if(!hasRegions()) {\r\n          <mat-form-field>\r\n            <mat-label>Autore</mat-label>\r\n            <mat-select [(ngModel)]=\"params.author\" name=\"author\">\r\n              @for (a of authors; track $index) {\r\n              <mat-option [value]=\"a.value\" [matTooltip]=\"a.name\">\r\n                {{a.name}}\r\n              </mat-option>\r\n              }\r\n            </mat-select>\r\n          </mat-form-field>\r\n          }\r\n          <mat-form-field>\r\n            <mat-label>Tipo documento</mat-label>\r\n            <mat-select [(ngModel)]=\"params.type\" name=\"type\">\r\n              @for (t of types; track $index) {\r\n              <mat-option [value]=\"t.value\" [matTooltip]=\"t.name\">\r\n                {{t.name}}\r\n              </mat-option>\r\n              }\r\n            </mat-select>\r\n          </mat-form-field>\r\n          <mat-form-field>\r\n            <mat-label>Argomento</mat-label>\r\n            <mat-select [(ngModel)]=\"params.topic\" name=\"topic\">\r\n              @for (t of topics; track $index) {\r\n              <mat-option [value]=\"t.value\" [matTooltip]=\"t.name\">\r\n                {{t.name}}\r\n              </mat-option>\r\n              }\r\n            </mat-select>\r\n          </mat-form-field>\r\n          }\r\n        </div>\r\n      </mat-expansion-panel>\r\n\r\n      } @else if(isModule(modulesEnum.ModificheAbrogazioniERinvii)) {\r\n      <mat-expansion-panel expanded class=\"accordion-panel mat-elevation-z0 \">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Documento modificato\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div fxLayout=\"column\">\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n            <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n              <mat-label>Numero</mat-label>\r\n              <input matInput maxlength=\"10\" [(ngModel)]=\"params.changedNumber\" name=\"changedNumber\"\r\n                #filterByChangeNumber=\"matInput\" />\r\n              @if (params.changedNumber) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.changedNumber = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"params.changedYear\"\r\n                name=\"changedYear\" />\r\n              @if (params.changedYear) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.changedYear = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n          </div>\r\n          <mat-form-field>\r\n            <mat-label>Titolo</mat-label>\r\n            <input matInput maxlength=\"200\" [(ngModel)]=\"params.changedTitle\" name=\"changedTitle\" />\r\n            @if (params.changedTitle) {\r\n            <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n              (click)=\"params.changedTitle = null\">\r\n              <mat-icon>close</mat-icon>\r\n            </button>\r\n            }\r\n          </mat-form-field>\r\n        </div>\r\n      </mat-expansion-panel>\r\n      <mat-expansion-panel [expanded]=\"hasFilter('modifier')\" class=\"accordion-panel mat-elevation-z0 \">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Documento modificante\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div fxLayout=\"column\">\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n            <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n              <mat-label>Numero</mat-label>\r\n              <input matInput maxlength=\"10\" [(ngModel)]=\"params.modifierNumber\" name=\"modifierNumber\" />\r\n              @if (params.changedNumber) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.modifierNumber = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"params.modifierYear\"\r\n                name=\"modifierYear\" />\r\n              @if (params.modifierYear) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.modifierYear = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n          </div>\r\n          <mat-form-field>\r\n            <mat-label>Titolo</mat-label>\r\n            <input matInput maxlength=\"200\" [(ngModel)]=\"params.modifierTitle\" name=\"modifierTitle\" />\r\n            @if (params.modifierTitle) {\r\n            <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n              (click)=\"params.modifierTitle = null\">\r\n              <mat-icon>close</mat-icon>\r\n            </button>\r\n            }\r\n          </mat-form-field>\r\n        </div>\r\n      </mat-expansion-panel>\r\n      <mat-expansion-panel [expanded]=\"hasFilter('other')\" class=\"accordion-panel mat-elevation-z0\">\r\n        <mat-expansion-panel-header class=\"accordion-header\">\r\n          <mat-panel-title>\r\n            Altre opzioni\r\n          </mat-panel-title>\r\n        </mat-expansion-panel-header>\r\n        <div fxLayout=\"column\">\r\n          <mat-form-field>\r\n            <mat-label>Motivo</mat-label>\r\n            <mat-select [(ngModel)]=\"params.changeReason\" name=\"changeReason\">\r\n              <mat-option>Tutti</mat-option>\r\n            </mat-select>\r\n          </mat-form-field>\r\n        </div>\r\n      </mat-expansion-panel>\r\n      }\r\n    </mat-accordion>\r\n  </form>\r\n</div>\r\n<div mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxFlex=\"30\">\r\n      <button type=\"button\" mat-button (click)=\"clear()\" color=\"primary\">Pulisci</button>\r\n    </div>\r\n    <div fxFlex=\"70\" fxLayoutAlign=\"end\">\r\n      <button mat-flat-button color=\"primary\" #okButton [disabled]=\"f.form.invalid\" (click)=\"ok()\">Trova</button>\r\n      <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">Chiudi</button>\r\n    </div>\r\n  </div>\r\n</div>\r\n<mat-menu #textOptionsMenu=\"matMenu\">\r\n  <button mat-menu-item (click)=\"compose()\">\r\n    <mat-icon>build</mat-icon>Componi\r\n  </button>\r\n  <button mat-menu-item (click)=\"help()\">\r\n    <mat-icon>help</mat-icon>Come usare la ricerca in testo libero\r\n  </button>\r\n</mat-menu>", styles: [".accordion-panel{background-color:transparent}.accordion-header{padding-left:15px;padding-right:20px;border-radius:var(--mat-expansion-container-shape)}.mat-expansion-panel-body{padding-bottom:20px!important}\n"] }]
-        }], propDecorators: { okButton: [{
+            args: [{
+                    template: '<div></div>',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
+                        ClipperReferencesComponent,
+                        ClipperDocumentComponent,
+                        ClipperSearchFacetsComponent,
+                        ClipperSearchCalendarComponent
+                    ],
+                }]
+        }], propDecorators: { paginator: [{
                 type: ViewChild,
-                args: ['okButton']
-            }], done: [{
-                type: Output
+                args: ['paginator']
+            }], facets: [{
+                type: ViewChild,
+                args: ['facets']
+            }], calendar: [{
+                type: ViewChild,
+                args: ['calendar']
             }] } });
 
 class ClipperBrowserDialogComponent extends ClipperSearchResultManager {
@@ -3880,7 +3881,7 @@ class ClipperBrowserDialogComponent extends ClipperSearchResultManager {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperBrowserDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: ClipperBrowserDialogComponent, isStandalone: true, selector: "ng-component", host: { attributes: { "Bind": SystemUtils.generateUUID() } }, providers: [
             MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER
-        ], viewQueries: [{ propertyName: "filterPane", first: true, predicate: ["filterPane"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"clipper-browser-fixed\">\r\n  <div class=\"dialog-header\">\r\n    <div>\r\n      <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start center\" fxFill>\r\n        <div fxFlex=\"*\" class=\"dialog-title\">\r\n          <a href=\"https://clipper.arsedizioni.it\" matTooltip=\"Apri Clipper in un nuovo tab\" target=\"_blank\">\r\n            <div class=\"clipper-logo\"></div>\r\n          </a>\r\n        </div>\r\n        @if (dialogData?.selectionMode > 0 && canSelect()) {\r\n        <div fxFlex=\"170px\" fxFlex.lt-md=\"58px\">\r\n          <button fxHide.lt-md fxFlexAlign=\"center\" type=\"button\" color=\"primary\" mat-flat-button (click)=\"select()\"\r\n            class=\"clipper-selection-button\">\r\n            <span class=\"small uppercase\">Usa selezione</span>\r\n          </button>\r\n          <button fxHide.gt-sm fxFlexAlign=\"center\" type=\"button\" color=\"primary\" mat-icon-button (click)=\"select()\"\r\n            matTooltip=\"Usa selezione\" aria-label=\"'Usa la selezione'\" class=\"clipper-selection-icon-button\">\r\n            <mat-icon>check</mat-icon>\r\n          </button>\r\n        </div>\r\n        }\r\n        <div fxFlex=\"106px\" fxLayoutAlign=\"end\" class=\"dialog-close\">\r\n          @if (clipperService.bag.length > 0) {\r\n          <button type=\"button\" mat-icon-button matTooltip=\"Documenti di lavoro\" aria-label=\"'Documenti di lavoro'\"\r\n            (click)=\"openBag()\">\r\n            <mat-icon aria-hidden=\"false\" [matBadge]=\"clipperService.bag.length\"\r\n              matBadgeColor=\"accent\">work_outline</mat-icon>\r\n          </button>\r\n          }\r\n          <button type=\"button\" mat-icon-button matTooltip=\"Chiudi\" aria-label=\"Chiudi\" (click)=\"close()\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div>\r\n      <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start center\" fxFill style=\"padding: 10px 10px 10px 20px\">\r\n        <div fxFlex=\"*\">\r\n          <div fxLayout=\"row\" fxLayoutGap='10px' fxFill>\r\n            <mat-form-field fxFlex=\"130px\" fxHide.xs subscriptSizing=\"dynamic\" appearance=\"outline\">\r\n              <mat-label>Numero</mat-label>\r\n              <input type=\"text\" matInput [(ngModel)]=\"filterParams.number\" #number=\"ngModel\" name=\"number\"\r\n                maxlength=\"10\" (keyup.Enter)=\"fetch(true)\">\r\n              @if (filterParams.number) {\r\n              <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\"\r\n                (click)=\"filterParams.number = null;\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"130px\" fxHide.xs subscriptSizing=\"dynamic\" appearance=\"outline\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" matInput [(ngModel)]=\"filterParams.year\" #year=\"ngModel\" name=\"year\" min=\"0\"\r\n                maxlength=\"4\" (keyup.Enter)=\"fetch(true)\" />\r\n              @if (filterParams.year) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"filterParams.year = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n              @if (year.invalid) {\r\n              <mat-error>Non valido.</mat-error>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"100\" subscriptSizing=\"dynamic\" appearance=\"outline\">\r\n              <mat-label>Parole, frasi o concetti...</mat-label>\r\n              <input matInput #searchInput=\"matInput\" type=\"text\" #text [(ngModel)]=\"filterParams.text\" maxlength=\"200\"\r\n                (keyup.Enter)=\"search()\" autofocus />\r\n              @if (filterParams.text) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"filterParams.text = ''\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n              <button fxHide.xs type=\"button\" mat-icon-button matSuffix aria-label=\"Componi\" matTooltip=\"Componi\"\r\n                (click)=\"text.focus(); composeSearch()\">\r\n                <mat-icon>build</mat-icon>\r\n              </button>\r\n              <button fxHide.xs type=\"button\" mat-icon-button matSuffix aria-label=\"Informazioni\"\r\n                matTooltip=\"Come effettuare la ricerca in testo libero\" (click)=\"text.focus(); helpSearch()\">\r\n                <mat-icon>help_outline</mat-icon>\r\n              </button>\r\n            </mat-form-field>\r\n          </div>\r\n        </div>\r\n        <div>\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"end center\" fxFill>\r\n            <button type=\"button\" mat-icon-button (click)=\"search()\" [attr.aria-label]=\"'Avvia la ricerca'\"\r\n              matTooltip=\"Avvia ricerca\" [disabled]=\"!clipperService.loggedIn()\">\r\n              <mat-icon>search</mat-icon>\r\n            </button>\r\n            <button type=\"button\" mat-icon-button (click)=\"advancedSearch()\" [attr.aria-label]=\"'Ricerca avanzata'\"\r\n              matTooltip=\"Ricerca avanzata\" [disabled]=\"!clipperService.loggedIn()\">\r\n              <mat-icon>settings</mat-icon>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    @if (snapshot.searchInfo && snapshot.searchInfo.length > 0) {\r\n    <div fxHide.xs>\r\n      <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\" fxFill class=\"small\"\r\n        style=\"padding:0 10px 0 20px;\">\r\n        <div fxFlex=\"*\">\r\n          <b>RICERCA ATTIVA</b>&nbsp;&nbsp;&nbsp;\r\n          @for (si of snapshot.searchInfo; track si) {\r\n          <span>\r\n            {{si.sep ? '&nbsp;&nbsp;' : ''}} {{si.field}}: <span class=\"accent lowercase\"><i>{{si.value}}</i></span>\r\n          </span>\r\n          }\r\n        </div>\r\n        <div fxFlexAlign=\"start\">\r\n          <button type=\"button\" mat-icon-button matTooltip=\"Azzera ricerca\" (click)=\"clearSearch()\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    }\r\n    <div>\r\n      <div fxLayout=\"row wrap-reverse\" fxLayoutAlign=\"space-between center\" fxFill style=\"padding: 0 10px 0 15px;\">\r\n        <div>\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\">\r\n            @if (snapshot.total > 0) {\r\n            <div fxFlexAlign=\"center\">\r\n              <mat-checkbox (change)=\"$event ? selectAll($event) : null\"\r\n                [indeterminate]=\"selection?.hasValue() && !allSelected()\"\r\n                [attr.aria-label]=\"'Seleziona/deseleziona tutto'\" matTooltip=\"Seleziona/deseleziona tutto\"\r\n                [disabled]=\"!snapshot.items || snapshot.items.length == 0\">\r\n              </mat-checkbox>\r\n            </div>\r\n            }\r\n            <div fxFlex=\"*\">\r\n              @if (snapshot.total > 0) {\r\n              <button fxFlexAlign=\"center\" type=\"button\" mat-button matTooltip=\"Ordina\"\r\n                [attr.aria-label]=\"'Menu ordina'\" [matMenuTriggerFor]=\"menuSort\" [disabled]=\"!snapshot.total\">\r\n                <span fxHide.lt-lg>Ordina per:</span>\r\n                <mat-icon fxHide.gt-md>sort</mat-icon> {{currentSort}}\r\n              </button>\r\n              }\r\n              <mat-menu #menuSort=\"matMenu\">\r\n                <button mat-menu-item (click)=\"sortBy(3)\" [attr.aria-label]=\"'Ordina per data decrescente'\">\r\n                  Data decrescente\r\n                </button>\r\n                <button mat-menu-item (click)=\"sortBy(2)\" [attr.aria-label]=\"'Ordina per data crescente'\">\r\n                  Data crescente\r\n                </button>\r\n                @if (filterParams.text) {\r\n                <button mat-menu-item (click)=\"sortBy(1)\" [attr.aria-label]=\"'Ordina per rilevanza'\">\r\n                  Rilevanza\r\n                </button>\r\n                }\r\n                <button mat-menu-item (click)=\"sortBy(5)\" [attr.aria-label]=\"'Ordina per popolarit\u00E0'\">\r\n                  Popolarit\u00E0\r\n                </button>\r\n              </mat-menu>\r\n              <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Menu modello'\"\r\n                [matMenuTriggerFor]=\"menuModels\">\r\n                <span fxHide.lt-lg>Mostra:</span>\r\n                <mat-icon fxHide.gt-md>filter_list</mat-icon> {{currentModel}}\r\n              </button>\r\n              <mat-menu #menuModels=\"matMenu\">\r\n                <button mat-menu-item (click)=\"changeModel(2)\" [attr.aria-label]=\"'Mostra aggiornamento normativo'\">\r\n                  Gazzette e bollettini\r\n                </button>\r\n                <button mat-menu-item (click)=\"changeModel(9)\" [attr.aria-label]=\"'Normativa vigente'\">\r\n                  Normativa vigente\r\n                </button>\r\n                <mat-divider></mat-divider>\r\n                <button mat-menu-item (click)=\"changeModel()\" [attr.aria-label]=\"'Mostra tutti i documenti'\">\r\n                  Tutto\r\n                </button>\r\n              </mat-menu>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div fxLayoutAlign=\"end\">\r\n          @if (selection?.hasValue()) {\r\n          <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button\r\n            matTooltip=\"Azioni da eseguire sugli elementi selezionati\"\r\n            [attr.aria-label]=\"'Menu opzioni per elementi selezionati'\" [matMenuTriggerFor]=\"menuSelections\"\r\n            [disabled]=\"!snapshot.total\">\r\n            <mat-icon aria-hidden=\"false\" [matBadge]=\"selection?.all.length\" matBadgeColor=\"accent\">checklist</mat-icon>\r\n          </button>\r\n          }\r\n          <mat-menu #menuSelections=\"matMenu\">\r\n            <clipper-document-menu [parent]=\"this\" selectionSource=\"selection\" [useSelections]=\"canSelect()\"\r\n              [isReadable]=\"false\" [isLawInForce]=\"true\">\r\n            </clipper-document-menu>\r\n          </mat-menu>\r\n          @if (snapshot && snapshot.facets?.hasFacets && filterPane && (!filterPane.opened || filterPaneClosed)) {\r\n          <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Affina ricerca\"\r\n            aria-label=\"'Affina ricerca'\" (click)=\"toggleFilterPane()\">\r\n            <mat-icon>menu_open</mat-icon>\r\n          </button>\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div mat-dialog-content id=\"clipper-browser-scrollable\">\r\n  <mat-drawer-container class=\"fill\">\r\n    <mat-drawer #filterPane position=\"end\" class=\"drawer-small drawer-with-loader\" opened=\"false\">\r\n      @if (filterBusy()) {\r\n      <div class=\"overlay\"></div>\r\n      }\r\n      <div fxLayout=\"column\" fxFill>\r\n        <div fxFlex=\"6px\">\r\n          @if (filterBusy()) {\r\n          <mat-progress-bar style=\"z-index: 11;\" mode=\"indeterminate\">\r\n          </mat-progress-bar>\r\n          }\r\n        </div>\r\n        <div fxFlex=\"56px\" class=\"title-container-with-loader\">\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n            <div fxFlexAlign=\"center\" class=\"title\">Affina ricerca</div>\r\n            <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n              <button fxFlexAlign=\"center\" mat-icon-button (click)=\"toggleFilterPane()\"\r\n                matTooltip=\"Nascondi\"><mat-icon>close</mat-icon></button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div fxFlex=\"*\" class=\"scroll-hidden\" style=\"padding: 0 5px;\">\r\n          <clipper-search-facets #facets></clipper-search-facets>\r\n        </div>\r\n      </div>\r\n    </mat-drawer>\r\n    <div fxLayout=\"column\" fxFill>\r\n      <div fxFlex=\"*\" [id]=\"scrollerId\" class=\"scroll-auto\" style=\"padding: 0 5px;\">\r\n        @if (!snapshot.total) {\r\n        <p class=\"message\"><i>Nessun elemento da visualizzare.</i></p>\r\n        } @else {\r\n        <div>\r\n          @for (item of snapshot.items; track $index; let i = $index) {\r\n          @if (item.group) {\r\n          <div class=\"items-group-title\">\r\n            <div [ngClass]=\"{'group-spaced': i > 0}\">{{item.group}}</div>\r\n          </div>\r\n          }\r\n          <clipper-search-result-item [item]=\"item\" [parent]=\"this\" [actions]=\"contextMenu\"\r\n            [displayModelName]=\"true\"></clipper-search-result-item>\r\n          }\r\n          <mat-menu #contextMenu=\"matMenu\" (closed)=\"updateMenuButtonsVisibility()\">\r\n            <ng-template matMenuContent let-item=\"item\">\r\n              <clipper-document-menu [parent]=\"this\" [item]=\"item\" [useSelections]=\"canSelect()\" [isReadable]=\"false\"\r\n                [isLawInForce]=\"true\">\r\n              </clipper-document-menu>\r\n            </ng-template>\r\n          </mat-menu>\r\n        </div>\r\n        }\r\n      </div>\r\n      <!-- footer -->\r\n      @if ((snapshot?.total ?? 0) > 0) {\r\n      <div class=\"items-footer\">\r\n        <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"end center\" fxFill>\r\n          <mat-paginator #paginator class=\"paginator\" [hidePageSize]=\"true\" [length]=\"snapshot?.total ?? 0\"\r\n            [pageSize]=\"filterParams.count ?? 15\" [showFirstLastButtons]=\"true\" (page)=\"fetchMore($event)\">\r\n          </mat-paginator>\r\n        </div>\r\n      </div>\r\n      }\r\n    </div>\r\n  </mat-drawer-container>\r\n</div>", styles: [".dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.smaller{font-size:smaller}.small{font-size:small!important;line-height:16px}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:14px}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-accent, #7894ae)!important}.primary{color:var(--ars-primary, #00a293)!important}.secondary{color:var(--ars-secondary, #4a635f)!important}.error{color:var(--ars-error, #ff5449)!important}.warning{color:var(--ars-warning, #FFC107)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer,.drawer-small{min-width:420px!important;max-width:420px!important;padding:20px 0 0}.drawer .title-container,.drawer-small .title-container{padding:20px 10px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 10px 20px}.drawer .title,.drawer-small .title{font-size:1.2em;font-weight:600;padding-left:10px;min-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:15px;padding-right:20px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-bottom:20px!important}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.drawer-small{min-width:360px!important;max-width:360px!important}.drawer-small .title{min-width:150px}@media screen and (min-width: 0px) and (max-width: 359px){.drawer{min-width:360px!important;max-width:360px!important}.drawer .title{min-width:150px}}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (prefers-color-scheme: dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b{font-weight:600}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600;text-transform:uppercase}.clipper-selection-icon-button{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-primary-hi, #12c0ae)}.expired,.unread{color:var(--ars-error, #ff5449)!important}.expiring{color:var(--ars-warning, #FFC107)!important}.error-bg,.expired-bg,.unread-bg{background-color:var(--ars-error, #ff5449)}.expiring-bg{background-color:var(--ars-warning, #FFC107)}.popular-bg{background-color:#388e3c}.very-popular-bg{background-color:#4caf50}.item-selected{background-color:var(--ars-item-selected-background-color, #ced1d2);border-radius:0!important}.item-unread{font-weight:bolder}.items-group-title{color:var(--ars-accent, #7894ae);font-size:large;font-weight:700;padding-left:25px;padding-bottom:10px;padding-top:10px}.items-group-title .group-spaced{padding:10px 0 0!important}.items-footer{padding-top:10px}.item{border-radius:12px;padding:10px 6px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item-content .info-1{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent, #7894ae)}.item-content .info-2{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent-low, #456179)}.item-content .title{font-size:small;line-height:18px}.item-content .details{margin-top:4px;font-size:x-small;font-weight:700;line-height:15px;color:var(--ars-accent-low, #456179);text-transform:uppercase;border-left:4px solid var(--ars-accent-low, #456179);padding-left:10px}.item-content .details .links{text-transform:none;text-decoration:none}.item-content .details .links a,.item-content .details .links span,.item-content .details .links div{margin-right:8px;font-weight:600;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-link, #03A9F4);font-weight:600}.item-content a.link{color:var(--ars-link, #03A9F4);cursor:pointer!important}.item-content:hover{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer;padding:10px 13px;margin-bottom:2px}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--ars-error, #ff5449);margin:0 8px}.tile .image{height:180px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .image img{object-fit:cover;width:100%;height:100%}.tile .image .info-1{position:absolute;left:0;bottom:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-text, #191c1b);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .info-2{position:absolute;right:0;top:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-accent, #7894ae);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .image .buttons .check,.tile .image .buttons .read{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .buttons .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .date{padding:8px 0 6px;font-weight:700;text-transform:uppercase}.tile .date .date-day{color:var(--ars-accent, #7894ae)}.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .time{font-size:small;font-weight:700}.tile .title{text-decoration:none;font-size:small;min-height:72px;overflow:hidden}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:var(--ars-accent, #7894ae);text-transform:uppercase;white-space:nowrap;color:var(--ars-color-text, #191c1b)}.badge-red{background-color:var(--ars-error, #ff5449);color:var(--ars-color-text, #191c1b)}.busy-backdrop{background-color:#00000052!important}.legend-container{display:flex;flex-direction:row;align-items:center;font-size:x-small;text-transform:uppercase;font-weight:500;margin-left:10px}.legend-container .legend{display:inline-block;height:8px;width:8px;margin-right:4px}.legend-container .next{margin-left:8px}.special-date,.special-date-expired{border:2px var(--ars-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-error, #ff5449) solid!important}.dialog-title{padding-left:18px;padding-top:6px}.message{color:var(--ars-color-secondary, #4a635f);padding:20px;text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i1.DefaultFlexAlignDirective, selector: "  [fxFlexAlign], [fxFlexAlign.xs], [fxFlexAlign.sm], [fxFlexAlign.md],  [fxFlexAlign.lg], [fxFlexAlign.xl], [fxFlexAlign.lt-sm], [fxFlexAlign.lt-md],  [fxFlexAlign.lt-lg], [fxFlexAlign.lt-xl], [fxFlexAlign.gt-xs], [fxFlexAlign.gt-sm],  [fxFlexAlign.gt-md], [fxFlexAlign.gt-lg]", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg"] }, { kind: "directive", type: i1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i2.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i9.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3$4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$3.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3$3.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i3$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i1$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i6$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6$1.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i6$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i5$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: ClipperDocumentMenuComponent, selector: "clipper-document-menu", inputs: ["selectionSource", "useSelections", "parent", "item", "isReference", "isReadable", "isDeadline", "isLawInForce", "isLaw", "canPrint", "canFind"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i11.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i11.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i12.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: ClipperSearchFacetsComponent, selector: "clipper-search-facets", outputs: ["changed"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ClipperSearchResultItemComponent, selector: "clipper-search-result-item", inputs: ["parent", "item", "actions", "tileNoPictureUrl", "tilePictureUrl", "isSelectable", "isReadable", "displayModelName", "displayMode"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i10.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "filterPane", first: true, predicate: ["filterPane"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"clipper-browser-fixed\">\r\n  <div class=\"dialog-header\">\r\n    <div>\r\n      <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start center\" fxFill>\r\n        <div fxFlex=\"*\" class=\"dialog-title\">\r\n          <a href=\"https://clipper.arsedizioni.it\" matTooltip=\"Apri Clipper in un nuovo tab\" target=\"_blank\">\r\n            <div class=\"clipper-logo\"></div>\r\n          </a>\r\n        </div>\r\n        @if (dialogData?.selectionMode > 0 && canSelect()) {\r\n        <div fxFlex=\"170px\" fxFlex.lt-md=\"58px\">\r\n          <button fxHide.lt-md fxFlexAlign=\"center\" type=\"button\" color=\"primary\" mat-flat-button (click)=\"select()\"\r\n            class=\"clipper-selection-button\">\r\n            <span class=\"small uppercase\">Usa selezione</span>\r\n          </button>\r\n          <button fxHide.gt-sm fxFlexAlign=\"center\" type=\"button\" color=\"primary\" mat-icon-button (click)=\"select()\"\r\n            matTooltip=\"Usa selezione\" aria-label=\"'Usa la selezione'\" class=\"clipper-selection-icon-button\">\r\n            <mat-icon>check</mat-icon>\r\n          </button>\r\n        </div>\r\n        }\r\n        <div fxFlex=\"106px\" fxLayoutAlign=\"end\" class=\"dialog-close\">\r\n          @if (clipperService.bag.length > 0) {\r\n          <button type=\"button\" mat-icon-button matTooltip=\"Documenti di lavoro\" aria-label=\"'Documenti di lavoro'\"\r\n            (click)=\"openBag()\">\r\n            <mat-icon aria-hidden=\"false\" [matBadge]=\"clipperService.bag.length\"\r\n              matBadgeColor=\"accent\">work_outline</mat-icon>\r\n          </button>\r\n          }\r\n          <button type=\"button\" mat-icon-button matTooltip=\"Chiudi\" aria-label=\"Chiudi\" (click)=\"close()\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div>\r\n      <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start center\" fxFill style=\"padding: 10px 10px 10px 20px\">\r\n        <div fxFlex=\"*\">\r\n          <div fxLayout=\"row\" fxLayoutGap='10px' fxFill>\r\n            <mat-form-field fxFlex=\"130px\" fxHide.xs subscriptSizing=\"dynamic\" appearance=\"outline\">\r\n              <mat-label>Numero</mat-label>\r\n              <input type=\"text\" matInput [(ngModel)]=\"filterParams.number\" #number=\"ngModel\" name=\"number\"\r\n                maxlength=\"10\" (keyup.Enter)=\"fetch(true)\">\r\n              @if (filterParams.number) {\r\n              <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\"\r\n                (click)=\"filterParams.number = null;\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"130px\" fxHide.xs subscriptSizing=\"dynamic\" appearance=\"outline\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" matInput [(ngModel)]=\"filterParams.year\" #year=\"ngModel\" name=\"year\" min=\"0\"\r\n                maxlength=\"4\" (keyup.Enter)=\"fetch(true)\" />\r\n              @if (filterParams.year) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"filterParams.year = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n              @if (year.invalid) {\r\n              <mat-error>Non valido.</mat-error>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"100\" subscriptSizing=\"dynamic\" appearance=\"outline\">\r\n              <mat-label>Parole, frasi o concetti...</mat-label>\r\n              <input matInput #searchInput=\"matInput\" type=\"text\" #text [(ngModel)]=\"filterParams.text\" maxlength=\"200\"\r\n                (keyup.Enter)=\"search()\" autofocus />\r\n              @if (filterParams.text) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"filterParams.text = ''\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n              <button fxHide.xs type=\"button\" mat-icon-button matSuffix aria-label=\"Componi\" matTooltip=\"Componi\"\r\n                (click)=\"text.focus(); composeSearch()\">\r\n                <mat-icon>build</mat-icon>\r\n              </button>\r\n              <button fxHide.xs type=\"button\" mat-icon-button matSuffix aria-label=\"Informazioni\"\r\n                matTooltip=\"Come effettuare la ricerca in testo libero\" (click)=\"text.focus(); helpSearch()\">\r\n                <mat-icon>help_outline</mat-icon>\r\n              </button>\r\n            </mat-form-field>\r\n          </div>\r\n        </div>\r\n        <div>\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"end center\" fxFill>\r\n            <button type=\"button\" mat-icon-button (click)=\"search()\" [attr.aria-label]=\"'Avvia la ricerca'\"\r\n              matTooltip=\"Avvia ricerca\" [disabled]=\"!clipperService.loggedIn()\">\r\n              <mat-icon>search</mat-icon>\r\n            </button>\r\n            <button type=\"button\" mat-icon-button (click)=\"advancedSearch()\" [attr.aria-label]=\"'Ricerca avanzata'\"\r\n              matTooltip=\"Ricerca avanzata\" [disabled]=\"!clipperService.loggedIn()\">\r\n              <mat-icon>settings</mat-icon>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    @if (snapshot.searchInfo && snapshot.searchInfo.length > 0) {\r\n    <div fxHide.xs>\r\n      <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\" fxFill class=\"small\"\r\n        style=\"padding:0 10px 0 20px;\">\r\n        <div fxFlex=\"*\">\r\n          <b>RICERCA ATTIVA</b>&nbsp;&nbsp;&nbsp;\r\n          @for (si of snapshot.searchInfo; track si) {\r\n          <span>\r\n            {{si.sep ? '&nbsp;&nbsp;' : ''}} {{si.field}}: <span class=\"accent lowercase\"><i>{{si.value}}</i></span>\r\n          </span>\r\n          }\r\n        </div>\r\n        <div fxFlexAlign=\"start\">\r\n          <button type=\"button\" mat-icon-button matTooltip=\"Azzera ricerca\" (click)=\"clearSearch()\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    }\r\n    <div>\r\n      <div fxLayout=\"row wrap-reverse\" fxLayoutAlign=\"space-between center\" fxFill style=\"padding: 0 10px 0 15px;\">\r\n        <div>\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\">\r\n            @if (snapshot.total > 0) {\r\n            <div fxFlexAlign=\"center\">\r\n              <mat-checkbox (change)=\"$event ? selectAll($event) : null\"\r\n                [indeterminate]=\"selection?.hasValue() && !allSelected()\"\r\n                [attr.aria-label]=\"'Seleziona/deseleziona tutto'\" matTooltip=\"Seleziona/deseleziona tutto\"\r\n                [disabled]=\"!snapshot.items || snapshot.items.length == 0\">\r\n              </mat-checkbox>\r\n            </div>\r\n            }\r\n            <div fxFlex=\"*\">\r\n              @if (snapshot.total > 0) {\r\n              <button fxFlexAlign=\"center\" type=\"button\" mat-button matTooltip=\"Ordina\"\r\n                [attr.aria-label]=\"'Menu ordina'\" [matMenuTriggerFor]=\"menuSort\" [disabled]=\"!snapshot.total\">\r\n                <span fxHide.lt-lg>Ordina per:</span>\r\n                <mat-icon fxHide.gt-md>sort</mat-icon> {{currentSort}}\r\n              </button>\r\n              }\r\n              <mat-menu #menuSort=\"matMenu\">\r\n                <button mat-menu-item (click)=\"sortBy(3)\" [attr.aria-label]=\"'Ordina per data decrescente'\">\r\n                  Data decrescente\r\n                </button>\r\n                <button mat-menu-item (click)=\"sortBy(2)\" [attr.aria-label]=\"'Ordina per data crescente'\">\r\n                  Data crescente\r\n                </button>\r\n                @if (filterParams.text) {\r\n                <button mat-menu-item (click)=\"sortBy(1)\" [attr.aria-label]=\"'Ordina per rilevanza'\">\r\n                  Rilevanza\r\n                </button>\r\n                }\r\n                <button mat-menu-item (click)=\"sortBy(5)\" [attr.aria-label]=\"'Ordina per popolarit\u00E0'\">\r\n                  Popolarit\u00E0\r\n                </button>\r\n              </mat-menu>\r\n              <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Menu modello'\"\r\n                [matMenuTriggerFor]=\"menuModels\">\r\n                <span fxHide.lt-lg>Mostra:</span>\r\n                <mat-icon fxHide.gt-md>filter_list</mat-icon> {{currentModel}}\r\n              </button>\r\n              <mat-menu #menuModels=\"matMenu\">\r\n                <button mat-menu-item (click)=\"changeModel(2)\" [attr.aria-label]=\"'Mostra aggiornamento normativo'\">\r\n                  Gazzette e bollettini\r\n                </button>\r\n                <button mat-menu-item (click)=\"changeModel(9)\" [attr.aria-label]=\"'Normativa vigente'\">\r\n                  Normativa vigente\r\n                </button>\r\n                <mat-divider></mat-divider>\r\n                <button mat-menu-item (click)=\"changeModel()\" [attr.aria-label]=\"'Mostra tutti i documenti'\">\r\n                  Tutto\r\n                </button>\r\n              </mat-menu>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div fxLayoutAlign=\"end\">\r\n          @if (selection?.hasValue()) {\r\n          <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button\r\n            matTooltip=\"Azioni da eseguire sugli elementi selezionati\"\r\n            [attr.aria-label]=\"'Menu opzioni per elementi selezionati'\" [matMenuTriggerFor]=\"menuSelections\"\r\n            [disabled]=\"!snapshot.total\">\r\n            <mat-icon aria-hidden=\"false\" [matBadge]=\"selection?.all.length\" matBadgeColor=\"accent\">checklist</mat-icon>\r\n          </button>\r\n          }\r\n          <mat-menu #menuSelections=\"matMenu\">\r\n            <clipper-document-menu [parent]=\"this\" selectionSource=\"selection\" [useSelections]=\"canSelect()\"\r\n              [isReadable]=\"false\" [isLawInForce]=\"true\">\r\n            </clipper-document-menu>\r\n          </mat-menu>\r\n          @if (snapshot && snapshot.facets?.hasFacets && filterPane && (!filterPane.opened || filterPaneClosed)) {\r\n          <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Affina ricerca\"\r\n            aria-label=\"'Affina ricerca'\" (click)=\"toggleFilterPane()\">\r\n            <mat-icon>menu_open</mat-icon>\r\n          </button>\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div mat-dialog-content id=\"clipper-browser-scrollable\">\r\n  <mat-drawer-container class=\"fill\">\r\n    <mat-drawer #filterPane position=\"end\" class=\"drawer-small drawer-with-loader\" opened=\"false\">\r\n      @if (filterBusy()) {\r\n      <div class=\"overlay\"></div>\r\n      }\r\n      <div fxLayout=\"column\" fxFill>\r\n        <div fxFlex=\"6px\">\r\n          @if (filterBusy()) {\r\n          <mat-progress-bar style=\"z-index: 11;\" mode=\"indeterminate\">\r\n          </mat-progress-bar>\r\n          }\r\n        </div>\r\n        <div fxFlex=\"56px\" class=\"title-container-with-loader\">\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n            <div fxFlexAlign=\"center\" class=\"title\">Affina ricerca</div>\r\n            <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n              <button fxFlexAlign=\"center\" mat-icon-button (click)=\"toggleFilterPane()\"\r\n                matTooltip=\"Nascondi\"><mat-icon>close</mat-icon></button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div fxFlex=\"*\" class=\"scroll-hidden\" style=\"padding: 0 5px;\">\r\n          <clipper-search-facets #facets></clipper-search-facets>\r\n        </div>\r\n      </div>\r\n    </mat-drawer>\r\n    <div fxLayout=\"column\" fxFill>\r\n      <div fxFlex=\"*\" [id]=\"scrollerId\" class=\"scroll-auto\" style=\"padding: 0 5px;\">\r\n        @if (!snapshot.total) {\r\n        <p class=\"message\"><i>Nessun elemento da visualizzare.</i></p>\r\n        } @else {\r\n        <div>\r\n          @for (item of snapshot.items; track $index; let i = $index) {\r\n          @if (item.group) {\r\n          <div class=\"items-group-title\">\r\n            <div [ngClass]=\"{'group-spaced': i > 0}\">{{item.group}}</div>\r\n          </div>\r\n          }\r\n          <clipper-search-result-item [item]=\"item\" [parent]=\"this\" [actions]=\"contextMenu\"\r\n            [displayModelName]=\"true\"></clipper-search-result-item>\r\n          }\r\n          <mat-menu #contextMenu=\"matMenu\" (closed)=\"updateMenuButtonsVisibility()\">\r\n            <ng-template matMenuContent let-item=\"item\">\r\n              <clipper-document-menu [parent]=\"this\" [item]=\"item\" [useSelections]=\"canSelect()\" [isReadable]=\"false\"\r\n                [isLawInForce]=\"true\">\r\n              </clipper-document-menu>\r\n            </ng-template>\r\n          </mat-menu>\r\n        </div>\r\n        }\r\n      </div>\r\n      <!-- footer -->\r\n      @if ((snapshot?.total ?? 0) > 0) {\r\n      <div class=\"items-footer\">\r\n        <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"end center\" fxFill>\r\n          <mat-paginator #paginator class=\"paginator\" [hidePageSize]=\"true\" [length]=\"snapshot?.total ?? 0\"\r\n            [pageSize]=\"filterParams.count ?? 15\" [showFirstLastButtons]=\"true\" (page)=\"fetchMore($event)\">\r\n          </mat-paginator>\r\n        </div>\r\n      </div>\r\n      }\r\n    </div>\r\n  </mat-drawer-container>\r\n</div>", styles: [".dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.smaller{font-size:smaller}.small{font-size:small!important;line-height:16px}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:14px}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-accent, #7894ae)!important}.primary{color:var(--ars-primary, #00a293)!important}.secondary{color:var(--ars-secondary, #4a635f)!important}.error{color:var(--ars-error, #ff5449)!important}.warning{color:var(--ars-warning, #FFC107)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer,.drawer-small{min-width:420px!important;max-width:420px!important;padding:20px 0 0}.drawer .title-container,.drawer-small .title-container{padding:20px 10px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 10px 20px}.drawer .title,.drawer-small .title{font-size:1.2em;font-weight:600;padding-left:10px;min-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:15px;padding-right:20px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-bottom:20px!important}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.drawer-small{min-width:360px!important;max-width:360px!important}.drawer-small .title{min-width:150px}@media screen and (min-width: 0px) and (max-width: 359px){.drawer{min-width:360px!important;max-width:360px!important}.drawer .title{min-width:150px}}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (prefers-color-scheme: dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b{font-weight:600}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600;text-transform:uppercase}.clipper-selection-icon-button{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-primary-hi, #12c0ae)}.expired,.unread{color:var(--ars-error, #ff5449)!important}.expiring{color:var(--ars-warning, #FFC107)!important}.error-bg,.expired-bg,.unread-bg{background-color:var(--ars-error, #ff5449)}.expiring-bg{background-color:var(--ars-warning, #FFC107)}.popular-bg{background-color:#388e3c}.very-popular-bg{background-color:#4caf50}.item-selected{background-color:var(--ars-item-selected-background-color, #ced1d2);border-radius:0!important}.item-unread{font-weight:bolder}.items-group-title{color:var(--ars-accent, #7894ae);font-size:large;font-weight:700;padding-left:25px;padding-bottom:10px;padding-top:10px}.items-group-title .group-spaced{padding:10px 0 0!important}.items-footer{padding-top:10px}.item{border-radius:12px;padding:10px 6px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item-content .info-1{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent, #7894ae)}.item-content .info-2{font-size:x-small;font-weight:700;line-height:15px;text-transform:uppercase;color:var(--ars-accent-low, #456179)}.item-content .title{font-size:small;line-height:18px}.item-content .details{margin-top:4px;font-size:x-small;font-weight:700;line-height:15px;color:var(--ars-accent-low, #456179);text-transform:uppercase;border-left:4px solid var(--ars-accent-low, #456179);padding-left:10px}.item-content .details .links{text-transform:none;text-decoration:none}.item-content .details .links a,.item-content .details .links span,.item-content .details .links div{margin-right:8px;font-weight:600;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-link, #03A9F4);font-weight:600}.item-content a.link{color:var(--ars-link, #03A9F4);cursor:pointer!important}.item-content:hover{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer;padding:10px 13px;margin-bottom:2px}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--ars-error, #ff5449);margin:0 8px}.tile .image{height:180px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .image img{object-fit:cover;width:100%;height:100%}.tile .image .info-1{position:absolute;left:0;bottom:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-text, #191c1b);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .info-2{position:absolute;right:0;top:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-accent, #7894ae);font-size:small;font-weight:700;text-transform:uppercase}.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .image .buttons .check,.tile .image .buttons .read{background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .buttons .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .date{padding:8px 0 6px;font-weight:700;text-transform:uppercase}.tile .date .date-day{color:var(--ars-accent, #7894ae)}.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .time{font-size:small;font-weight:700}.tile .title{text-decoration:none;font-size:small;min-height:72px;overflow:hidden}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:var(--ars-accent, #7894ae);text-transform:uppercase;white-space:nowrap;color:var(--ars-color-text, #191c1b)}.badge-red{background-color:var(--ars-error, #ff5449);color:var(--ars-color-text, #191c1b)}.busy-backdrop{background-color:#00000052!important}.legend-container{display:flex;flex-direction:row;align-items:center;font-size:x-small;text-transform:uppercase;font-weight:500;margin-left:10px}.legend-container .legend{display:inline-block;height:8px;width:8px;margin-right:4px}.legend-container .next{margin-left:8px}.special-date,.special-date-expired{border:2px var(--ars-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-error, #ff5449) solid!important}.dialog-title{padding-left:18px;padding-top:6px}.message{color:var(--ars-color-secondary, #4a635f);padding:20px;text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i1.DefaultFlexAlignDirective, selector: "  [fxFlexAlign], [fxFlexAlign.xs], [fxFlexAlign.sm], [fxFlexAlign.md],  [fxFlexAlign.lg], [fxFlexAlign.xl], [fxFlexAlign.lt-sm], [fxFlexAlign.lt-md],  [fxFlexAlign.lt-lg], [fxFlexAlign.lt-xl], [fxFlexAlign.gt-xs], [fxFlexAlign.gt-sm],  [fxFlexAlign.gt-md], [fxFlexAlign.gt-lg]", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg"] }, { kind: "directive", type: i1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i2$1.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i2$1.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i9.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3$3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3$2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i3$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i1$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i3.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: ClipperDocumentMenuComponent, selector: "clipper-document-menu", inputs: ["selectionSource", "useSelections", "parent", "item", "isReference", "isReadable", "isDeadline", "isLawInForce", "isLaw", "canPrint", "canFind"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i11.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i11.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i12.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: ClipperSearchFacetsComponent, selector: "clipper-search-facets", outputs: ["changed"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ClipperSearchResultItemComponent, selector: "clipper-search-result-item", inputs: ["parent", "item", "actions", "tileNoPictureUrl", "tilePictureUrl", "isSelectable", "isReadable", "displayModelName", "displayMode"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i10.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperBrowserDialogComponent, decorators: [{
             type: Component,