@arsedizioni/ars-utils 18.2.88 → 18.2.89

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

@@ -34,8 +34,8 @@ import * as i3$1 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { ClipperSearchFacetsSnapshot, ClipperFacet, ClipperService, ClipperMessages, ClipperModel, ClipperQueryReferencesMode, ClipperModule, ClipperSearchResult, ClipperSearchParams, ClipperSort, ClipperSectors, ClipperRegions, ClipperChannels, ClipperAuthors, ClipperSectorTypes, ClipperSearchUtils, ClipperModels, ClipperSources, ClipperDocumentChangeReason } from '@arsedizioni/ars-utils/clipper.common';
 import { SystemUtils, BroadcastService, DateInterval, ScreenService, DateFormat, FormatPipe, SelectableModel, SafeUrlPipe, DateIntervalChangeDirective, SafeHtmlPipe } from '@arsedizioni/ars-utils/core';
-import { Subject, fromEvent } from 'rxjs';
-import { takeUntil, debounceTime } from 'rxjs/operators';
+import { Subject, takeUntil, fromEvent } from 'rxjs';
+import { takeUntil as takeUntil$1, debounceTime } from 'rxjs/operators';
 import { Router } from '@angular/router';
 import { ApplicationDialogService, SendToDialogComponent, CalendarEmptyHeader, FilePreviewComponent, ChipsSelectorComponent } from '@arsedizioni/ars-utils/ui.application';
 import * as i6$1 from '@angular/material/slide-toggle';
@@ -65,7 +65,7 @@ class ClipperDocumentMenuComponent {
         this.selectionSource = input('selection');
         this.selection = computed(() => {
             return this.selectionSource() === 'selection'
-                ? this.parent().selection()?.all
+                ? this.parent().selection?.all
                 : this.parent().clipperService.bag;
         });
         this.useSelections = input(false);
@@ -99,11 +99,11 @@ class ClipperDocumentMenuComponent {
         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: { parent: { classPropertyName: "parent", publicName: "parent", isSignal: true, isRequired: false, transformFunction: null }, selectionSource: { classPropertyName: "selectionSource", publicName: "selectionSource", isSignal: true, isRequired: false, transformFunction: null }, useSelections: { classPropertyName: "useSelections", publicName: "useSelections", 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 } }, ngImport: i0, template: "@if (selectionSource() === 'selection') {\r\n<button mat-menu-item (click)=\"parent().selection()?.clear()\"\r\n  [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().manageBag()\"\r\n  [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() && 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 (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() && 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() && selection().length === 1 && selection()[0].model != 11))) {\r\n<button mat-menu-item\r\n \r\n  (click)=\"parent().exportPdf(item() ? item() : selection()[0])\" [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() && selection().length === 1))) {\r\n<button mat-menu-item\r\n  [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() && selection().length === 1))) {\r\n<button mat-menu-item\r\n  [matMenuTriggerFor]=\"linksMenu\">\r\n  <mat-icon>compare_arrows</mat-icon>Collegamenti\r\n</button>\r\n}\r\n@if ((isLawInForce() || isDeadline()) && (item() || (selection() && selection().length === 1))) {\r\n<button mat-menu-item\r\n  [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() && selection().length === 1))) {\r\n<button mat-menu-item\r\n    [attr.aria-label]=\"'Mostra i documenti richiamati da questo'\"\r\n    (click)=\"parent().references(item() ? item() : selection()[0], 1)\">\r\n    Documenti richiamati\r\n  </button>\r\n}\r\n  @if ( !isReference() &&(item() || (selection() && selection().length === 1))) {\r\n<button mat-menu-item\r\n    [attr.aria-label]=\"'Mostra i documenti che richiamano questo'\"\r\n    (click)=\"parent().references(item() ? item() : selection()[0], 2)\">\r\n    Documenti che richiamano\r\n  </button>\r\n}\r\n  @if (!isReference() && isLawInForce() && (item() || (selection() && selection().length === 1))) {\r\n<button mat-menu-item\r\n    [attr.aria-label]=\"'Mostra giurisprudenza'\" (click)=\"parent().references(item() ? item() : selection()[0], 4)\">\r\n    Juris\r\n  </button>\r\n}\r\n  @if (!isReference() && isLawInForce() && (item() || (selection() && selection().length === 1))) {\r\n<button mat-menu-item\r\n    [attr.aria-label]=\"'Mostra modifiche normative'\" (click)=\"parent().references(item() ? item() : selection()[0], 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\"\r\n    [attr.aria-label]=\"'Opzioni di Registro & Scadenzario'\" [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>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i11.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: i11.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i11.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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: ClipperDocumentMenuComponent, isStandalone: true, selector: "clipper-document-menu", inputs: { parent: { classPropertyName: "parent", publicName: "parent", isSignal: true, isRequired: false, transformFunction: null }, selectionSource: { classPropertyName: "selectionSource", publicName: "selectionSource", isSignal: true, isRequired: false, transformFunction: null }, useSelections: { classPropertyName: "useSelections", publicName: "useSelections", 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 } }, ngImport: i0, template: "@if (selectionSource() === 'selection') {\r\n<button mat-menu-item (click)=\"parent().selection?.clear()\"\r\n  [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().manageBag()\"\r\n  [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() && 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 (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() && 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() && selection().length === 1 && selection()[0].model != 11))) {\r\n<button mat-menu-item\r\n \r\n  (click)=\"parent().exportPdf(item() ? item() : selection()[0])\" [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() && selection().length === 1))) {\r\n<button mat-menu-item\r\n  [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() && selection().length === 1))) {\r\n<button mat-menu-item\r\n  [matMenuTriggerFor]=\"linksMenu\">\r\n  <mat-icon>compare_arrows</mat-icon>Collegamenti\r\n</button>\r\n}\r\n@if ((isLawInForce() || isDeadline()) && (item() || (selection() && selection().length === 1))) {\r\n<button mat-menu-item\r\n  [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() && selection().length === 1))) {\r\n<button mat-menu-item\r\n    [attr.aria-label]=\"'Mostra i documenti richiamati da questo'\"\r\n    (click)=\"parent().references(item() ? item() : selection()[0], 1)\">\r\n    Documenti richiamati\r\n  </button>\r\n}\r\n  @if ( !isReference() &&(item() || (selection() && selection().length === 1))) {\r\n<button mat-menu-item\r\n    [attr.aria-label]=\"'Mostra i documenti che richiamano questo'\"\r\n    (click)=\"parent().references(item() ? item() : selection()[0], 2)\">\r\n    Documenti che richiamano\r\n  </button>\r\n}\r\n  @if (!isReference() && isLawInForce() && (item() || (selection() && selection().length === 1))) {\r\n<button mat-menu-item\r\n    [attr.aria-label]=\"'Mostra giurisprudenza'\" (click)=\"parent().references(item() ? item() : selection()[0], 4)\">\r\n    Juris\r\n  </button>\r\n}\r\n  @if (!isReference() && isLawInForce() && (item() || (selection() && selection().length === 1))) {\r\n<button mat-menu-item\r\n    [attr.aria-label]=\"'Mostra modifiche normative'\" (click)=\"parent().references(item() ? item() : selection()[0], 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\"\r\n    [attr.aria-label]=\"'Opzioni di Registro & Scadenzario'\" [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>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i11.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: i11.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i11.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()\"\r\n  [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().manageBag()\"\r\n  [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() && 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 (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() && 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() && selection().length === 1 && selection()[0].model != 11))) {\r\n<button mat-menu-item\r\n \r\n  (click)=\"parent().exportPdf(item() ? item() : selection()[0])\" [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() && selection().length === 1))) {\r\n<button mat-menu-item\r\n  [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() && selection().length === 1))) {\r\n<button mat-menu-item\r\n  [matMenuTriggerFor]=\"linksMenu\">\r\n  <mat-icon>compare_arrows</mat-icon>Collegamenti\r\n</button>\r\n}\r\n@if ((isLawInForce() || isDeadline()) && (item() || (selection() && selection().length === 1))) {\r\n<button mat-menu-item\r\n  [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() && selection().length === 1))) {\r\n<button mat-menu-item\r\n    [attr.aria-label]=\"'Mostra i documenti richiamati da questo'\"\r\n    (click)=\"parent().references(item() ? item() : selection()[0], 1)\">\r\n    Documenti richiamati\r\n  </button>\r\n}\r\n  @if ( !isReference() &&(item() || (selection() && selection().length === 1))) {\r\n<button mat-menu-item\r\n    [attr.aria-label]=\"'Mostra i documenti che richiamano questo'\"\r\n    (click)=\"parent().references(item() ? item() : selection()[0], 2)\">\r\n    Documenti che richiamano\r\n  </button>\r\n}\r\n  @if (!isReference() && isLawInForce() && (item() || (selection() && selection().length === 1))) {\r\n<button mat-menu-item\r\n    [attr.aria-label]=\"'Mostra giurisprudenza'\" (click)=\"parent().references(item() ? item() : selection()[0], 4)\">\r\n    Juris\r\n  </button>\r\n}\r\n  @if (!isReference() && isLawInForce() && (item() || (selection() && selection().length === 1))) {\r\n<button mat-menu-item\r\n    [attr.aria-label]=\"'Mostra modifiche normative'\" (click)=\"parent().references(item() ? item() : selection()[0], 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\"\r\n    [attr.aria-label]=\"'Opzioni di Registro & Scadenzario'\" [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>\r\n" }]
+            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()\"\r\n  [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().manageBag()\"\r\n  [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() && 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 (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() && 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() && selection().length === 1 && selection()[0].model != 11))) {\r\n<button mat-menu-item\r\n \r\n  (click)=\"parent().exportPdf(item() ? item() : selection()[0])\" [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() && selection().length === 1))) {\r\n<button mat-menu-item\r\n  [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() && selection().length === 1))) {\r\n<button mat-menu-item\r\n  [matMenuTriggerFor]=\"linksMenu\">\r\n  <mat-icon>compare_arrows</mat-icon>Collegamenti\r\n</button>\r\n}\r\n@if ((isLawInForce() || isDeadline()) && (item() || (selection() && selection().length === 1))) {\r\n<button mat-menu-item\r\n  [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() && selection().length === 1))) {\r\n<button mat-menu-item\r\n    [attr.aria-label]=\"'Mostra i documenti richiamati da questo'\"\r\n    (click)=\"parent().references(item() ? item() : selection()[0], 1)\">\r\n    Documenti richiamati\r\n  </button>\r\n}\r\n  @if ( !isReference() &&(item() || (selection() && selection().length === 1))) {\r\n<button mat-menu-item\r\n    [attr.aria-label]=\"'Mostra i documenti che richiamano questo'\"\r\n    (click)=\"parent().references(item() ? item() : selection()[0], 2)\">\r\n    Documenti che richiamano\r\n  </button>\r\n}\r\n  @if (!isReference() && isLawInForce() && (item() || (selection() && selection().length === 1))) {\r\n<button mat-menu-item\r\n    [attr.aria-label]=\"'Mostra giurisprudenza'\" (click)=\"parent().references(item() ? item() : selection()[0], 4)\">\r\n    Juris\r\n  </button>\r\n}\r\n  @if (!isReference() && isLawInForce() && (item() || (selection() && selection().length === 1))) {\r\n<button mat-menu-item\r\n    [attr.aria-label]=\"'Mostra modifiche normative'\" (click)=\"parent().references(item() ? item() : selection()[0], 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\"\r\n    [attr.aria-label]=\"'Opzioni di Registro & Scadenzario'\" [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>\r\n" }]
         }] });
 
 class ClipperSearchFacetsComponent {
@@ -870,7 +870,7 @@ class ClipperSearchResultManager extends ClipperDocumentManager {
         this.changeDetector = inject(ChangeDetectorRef);
         this.breakpointObserver = inject(BreakpointObserver);
         this.screenService = inject(ScreenService);
-        this.selection = signal(null);
+        this.selection = null;
         this.snapshot = new ClipperSearchResult();
         this.filterBusy = signal(false);
         this.filterParams = new ClipperSearchParams();
@@ -916,7 +916,7 @@ class ClipperSearchResultManager extends ClipperDocumentManager {
      * Check if every element are selected
      */
     allSelected() {
-        return this.selection()?.current?.selected?.length === this.snapshot?.items?.length;
+        return this.selection?.current?.selected?.length === this.snapshot?.items?.length;
     }
     /**
      * Master selection toggle
@@ -924,10 +924,10 @@ class ClipperSearchResultManager extends ClipperDocumentManager {
      */
     selectAll(select = true) {
         if (select) {
-            this.snapshot?.items?.forEach((n) => this.selection()?.select(n, n.documentId));
+            this.snapshot?.items?.forEach((n) => this.selection?.select(n, n.documentId));
         }
         else {
-            this.snapshot?.items?.forEach((n) => this.selection()?.deselect(n, n.documentId));
+            this.snapshot?.items?.forEach((n) => this.selection?.deselect(n, n.documentId));
         }
     }
     /**
@@ -935,41 +935,41 @@ class ClipperSearchResultManager extends ClipperDocumentManager {
     * @returns true if at least one element is selected
     */
     hasAnySelection() {
-        return (this.selection()?.all?.length ?? 0) > 0;
+        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;
+        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;
+        return this.hasAnySelection() ? this.selection?.all[0] : null;
     }
     /**
     * Clear selection
     */
     clearSelection() {
-        return this.selection()?.clear();
+        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;
+        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;
+            return this.selection?.all[0].documentId;
         }
         return null;
     }
@@ -977,13 +977,13 @@ class ClipperSearchResultManager extends ClipperDocumentManager {
  * Get all selected ids
  */
     getSeletectIds() {
-        if ((this.selection()?.all?.length ?? 0) > 100) {
+        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) => {
+            this.selection?.all?.forEach((n) => {
                 ids.push(n.documentId);
             });
         }
@@ -993,13 +993,13 @@ class ClipperSearchResultManager extends ClipperDocumentManager {
      * Get all selected ids
      */
     getSeletectIdsAndData() {
-        if ((this.selection()?.all?.length ?? 0) > 100) {
+        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) => {
+            this.selection?.all?.forEach((n) => {
                 data.push({ id: n.documentId, data: n });
             });
         }
@@ -1022,7 +1022,7 @@ class ClipperSearchResultManager extends ClipperDocumentManager {
         let group = '';
         items?.forEach(n => {
             n.documentId = n.documentId ?? n.id;
-            this.selection()?.updateCurrent(n, n.documentId);
+            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");
             }
@@ -1152,7 +1152,7 @@ class ClipperSearchResultManager extends ClipperDocumentManager {
      */
     prepareResults(data, facets, months, month, date) {
         if (data) {
-            this.selection()?.current.clear();
+            this.selection?.current.clear();
             this.snapshot = data;
             if (this.snapshot.items) {
                 this.prepareResultItems(this.snapshot.items, this.filterParams);
@@ -1241,7 +1241,7 @@ class ClipperSearchResultManager extends ClipperDocumentManager {
     toggleSelection(item, e = null) {
         e?.preventDefault();
         e?.stopPropagation();
-        this.selection()?.toggle(item, item.documentId);
+        this.selection?.toggle(item, item.documentId);
     }
     /**
     * Get the selected id
@@ -1251,7 +1251,7 @@ class ClipperSearchResultManager extends ClipperDocumentManager {
             item.isRead = value;
         }
         else if (this.hasAnySelection()) {
-            this.selection()?.all?.forEach(n => {
+            this.selection?.all?.forEach(n => {
                 n.isRead = value;
             });
         }
@@ -1340,12 +1340,11 @@ var ClipperSearchResultItemDisplayMode;
 })(ClipperSearchResultItemDisplayMode || (ClipperSearchResultItemDisplayMode = {}));
 class ClipperSearchResultItemComponent {
     constructor() {
+        this.unsubscribe = new Subject();
         this.screenService = inject(ScreenService);
+        this.changeDetector = inject(ChangeDetectorRef);
         this.parent = input();
         this.item = input();
-        this.isSelected = computed(() => {
-            return this.parent()?.selection()?.isSelected(this.item().documentId);
-        });
         this.actions = input();
         this.tileNoPictureUrl = input();
         this.tilePictureUrl = input();
@@ -1355,6 +1354,13 @@ class ClipperSearchResultItemComponent {
         this.modelsEnum = ClipperModel;
         this.contextMenuPosition = { x: '0px', y: '0px' };
     }
+    ngOnInit() {
+        this.parent().selection.current.changed
+            .pipe(takeUntil(this.unsubscribe))
+            .subscribe(() => {
+            this.changeDetector.markForCheck();
+        });
+    }
     onContextMenu(event, item) {
         event.preventDefault();
         this.contextMenuPosition.x = event.clientX + 'px';
@@ -1362,8 +1368,16 @@ class ClipperSearchResultItemComponent {
         this.contextMenuTrigger.menuData = { item: item };
         this.contextMenuTrigger.openMenu();
     }
+    /**
+     * Checks if current item is selected
+     * @returns true if current item is selected
+     */
+    isSelected() {
+        return this.parent()?.selection?.isSelected(this.item().documentId);
+    }
+    ;
     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 }, 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 fxLayout=\"row\" fxLayoutGap=\"6px\" fxLayoutAlign=\"start center\" fxFill class=\"item\"\r\n    [ngClass]=\"{'item-selected': isSelected() }\"\r\n    (contextmenu)=\"onContextMenu($event, item())\" (mouseenter)=\"item().isOver = true\"\r\n    (mouseleave)=\"item().isOver = false\">\r\n    <div fxFlex=\"54px\" fxLayoutAlign=\"center\" style=\"padding-left: 6px;\">\r\n      @if (screenService.isTouchable || item().isOver || isSelected()) {\r\n      <mat-checkbox (click)=\"$event.stopPropagation()\"\r\n        (change)=\"$event ? parent()?.selection()?.toggle(item(), item().documentId) : null\"\r\n        [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      <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\" (mouseenter)=\"item().isOver = true\" (mouseleave)=\"item().isOver = false\" [ngClass]=\"{'item-selected': isSelected(), \r\n    'item-unread': item().isRead !== true}\" (click)=\"parent()?.open(item().documentId)\">\r\n    <div class=\"image-mark\" [ngClass]=\"{'image-mark-unread': item().isRead !== true}\"></div>\r\n    <div class=\"image\">\r\n      @if (isSelected() || item().isOver=== true) {\r\n      <button mat-icon-button class=\"check\"\r\n        [ngClass]=\"{'check-selected': isSelected() ?? false}\"\r\n        matTooltip=\"Seleziona/Deseleziona\"\r\n        (click)=\"parent()?.toggleSelection(item, $event)\"><mat-icon>check</mat-icon></button>\r\n      }\r\n      @if (item().isRead !== true && 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      <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 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 .check{position:absolute;left:0;top:0;height:42px;width:42px;background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .image .read{position:absolute;left:0;top:46px;height:42px;width:42px;background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.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$3.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: i11.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 }); }
+    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 }, 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 fxLayout=\"row\" fxLayoutGap=\"6px\" fxLayoutAlign=\"start center\" fxFill class=\"item\"\r\n    [ngClass]=\"{'item-selected': isSelected() }\"\r\n    (contextmenu)=\"onContextMenu($event, item())\" (mouseenter)=\"item().isOver = true\"\r\n    (mouseleave)=\"item().isOver = false\">\r\n    <div fxFlex=\"54px\" fxLayoutAlign=\"center\" style=\"padding-left: 6px;\">\r\n      @if (screenService.isTouchable || item().isOver || isSelected()) {\r\n      <mat-checkbox (click)=\"$event.stopPropagation()\"\r\n        (change)=\"$event ? parent()?.selection?.toggle(item(), item().documentId) : null\"\r\n        [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      <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\" (mouseenter)=\"item().isOver = true\" (mouseleave)=\"item().isOver = false\" [ngClass]=\"{'item-selected': isSelected(), \r\n    'item-unread': item().isRead !== true}\" (click)=\"parent()?.open(item().documentId)\">\r\n    <div class=\"image-mark\" [ngClass]=\"{'image-mark-unread': item().isRead !== true}\"></div>\r\n    <div class=\"image\">\r\n      @if (isSelected() || item().isOver=== true) {\r\n      <button mat-icon-button class=\"check\"\r\n        [ngClass]=\"{'check-selected': isSelected() ?? false}\"\r\n        matTooltip=\"Seleziona/Deseleziona\"\r\n        (click)=\"parent()?.toggleSelection(item, $event)\"><mat-icon>check</mat-icon></button>\r\n      }\r\n      @if (item().isRead !== true && 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      <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 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 .check{position:absolute;left:0;top:0;height:42px;width:42px;background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .image .read{position:absolute;left:0;top:46px;height:42px;width:42px;background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.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$3.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: i11.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,
@@ -1376,7 +1390,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
                         MatMenuModule,
                         FlexLayoutModule,
                         FormatPipe
-                    ], template: "<div>\r\n  @if (displayMode() === displayModesEnum.List ) {\r\n  <div fxLayout=\"row\" fxLayoutGap=\"6px\" fxLayoutAlign=\"start center\" fxFill class=\"item\"\r\n    [ngClass]=\"{'item-selected': isSelected() }\"\r\n    (contextmenu)=\"onContextMenu($event, item())\" (mouseenter)=\"item().isOver = true\"\r\n    (mouseleave)=\"item().isOver = false\">\r\n    <div fxFlex=\"54px\" fxLayoutAlign=\"center\" style=\"padding-left: 6px;\">\r\n      @if (screenService.isTouchable || item().isOver || isSelected()) {\r\n      <mat-checkbox (click)=\"$event.stopPropagation()\"\r\n        (change)=\"$event ? parent()?.selection()?.toggle(item(), item().documentId) : null\"\r\n        [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      <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\" (mouseenter)=\"item().isOver = true\" (mouseleave)=\"item().isOver = false\" [ngClass]=\"{'item-selected': isSelected(), \r\n    'item-unread': item().isRead !== true}\" (click)=\"parent()?.open(item().documentId)\">\r\n    <div class=\"image-mark\" [ngClass]=\"{'image-mark-unread': item().isRead !== true}\"></div>\r\n    <div class=\"image\">\r\n      @if (isSelected() || item().isOver=== true) {\r\n      <button mat-icon-button class=\"check\"\r\n        [ngClass]=\"{'check-selected': isSelected() ?? false}\"\r\n        matTooltip=\"Seleziona/Deseleziona\"\r\n        (click)=\"parent()?.toggleSelection(item, $event)\"><mat-icon>check</mat-icon></button>\r\n      }\r\n      @if (item().isRead !== true && 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      <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 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 .check{position:absolute;left:0;top:0;height:42px;width:42px;background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .image .read{position:absolute;left:0;top:46px;height:42px;width:42px;background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.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"] }]
+                    ], template: "<div>\r\n  @if (displayMode() === displayModesEnum.List ) {\r\n  <div fxLayout=\"row\" fxLayoutGap=\"6px\" fxLayoutAlign=\"start center\" fxFill class=\"item\"\r\n    [ngClass]=\"{'item-selected': isSelected() }\"\r\n    (contextmenu)=\"onContextMenu($event, item())\" (mouseenter)=\"item().isOver = true\"\r\n    (mouseleave)=\"item().isOver = false\">\r\n    <div fxFlex=\"54px\" fxLayoutAlign=\"center\" style=\"padding-left: 6px;\">\r\n      @if (screenService.isTouchable || item().isOver || isSelected()) {\r\n      <mat-checkbox (click)=\"$event.stopPropagation()\"\r\n        (change)=\"$event ? parent()?.selection?.toggle(item(), item().documentId) : null\"\r\n        [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      <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\" (mouseenter)=\"item().isOver = true\" (mouseleave)=\"item().isOver = false\" [ngClass]=\"{'item-selected': isSelected(), \r\n    'item-unread': item().isRead !== true}\" (click)=\"parent()?.open(item().documentId)\">\r\n    <div class=\"image-mark\" [ngClass]=\"{'image-mark-unread': item().isRead !== true}\"></div>\r\n    <div class=\"image\">\r\n      @if (isSelected() || item().isOver=== true) {\r\n      <button mat-icon-button class=\"check\"\r\n        [ngClass]=\"{'check-selected': isSelected() ?? false}\"\r\n        matTooltip=\"Seleziona/Deseleziona\"\r\n        (click)=\"parent()?.toggleSelection(item, $event)\"><mat-icon>check</mat-icon></button>\r\n      }\r\n      @if (item().isRead !== true && 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      <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 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 .check{position:absolute;left:0;top:0;height:42px;width:42px;background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .image .read{position:absolute;left:0;top:46px;height:42px;width:42px;background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.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']
@@ -1428,7 +1442,7 @@ class ClipperReferencesComponent extends ClipperSearchResultManager {
             }
         }
         // Initialize selection
-        this.selection.set(new SelectableModel(true, 'documentId'));
+        this.selection = new SelectableModel(true, 'documentId');
         // Observe layout changes
         this.breakpointObserver
             .observe([
@@ -1438,7 +1452,7 @@ class ClipperReferencesComponent extends ClipperSearchResultManager {
             Breakpoints.Large,
             Breakpoints.XLarge,
         ])
-            .pipe(takeUntil(this.unsubscribe))
+            .pipe(takeUntil$1(this.unsubscribe))
             .subscribe(result => {
             for (const query of Object.keys(result.breakpoints)) {
                 if (result.breakpoints[query]) {
@@ -1448,7 +1462,7 @@ class ClipperReferencesComponent extends ClipperSearchResultManager {
         });
         // React to window size change
         fromEvent(window, 'resize')
-            .pipe(takeUntil(this.unsubscribe), debounceTime(250))
+            .pipe(takeUntil$1(this.unsubscribe), debounceTime(250))
             .subscribe(() => {
             this.resize();
         });
@@ -1554,7 +1568,7 @@ class ClipperReferencesComponent extends ClipperSearchResultManager {
      * @param item : the item to add
      */
     sendTo(item = null) {
-        this.sendItemsTo(item ? [item] : this.selection()?.all);
+        this.sendItemsTo(item ? [item] : this.selection?.all);
     }
     /**
      * Perform a search
@@ -1647,7 +1661,7 @@ class ClipperReferencesComponent extends ClipperSearchResultManager {
         this.dialogRef.close({ id: 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 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 .check{position:absolute;left:0;top:0;height:42px;width:42px;background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .image .read{position:absolute;left:0;top:46px;height:42px;width:42px;background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.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$3.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: i6$1.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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i11.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: i11.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i11.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$1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i11$1.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: ["parent", "selectionSource", "useSelections", "item", "isReference", "isReadable", "isDeadline", "isLawInForce", "isLaw"] }, { 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", "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 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 .check{position:absolute;left:0;top:0;height:42px;width:42px;background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .image .read{position:absolute;left:0;top:46px;height:42px;width:42px;background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.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$3.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: i6$1.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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i11.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: i11.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i11.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$1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i11$1.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: ["parent", "selectionSource", "useSelections", "item", "isReference", "isReadable", "isDeadline", "isLawInForce", "isLaw"] }, { 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", "displayModelName", "displayMode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ClipperReferencesComponent, decorators: [{
             type: Component,
@@ -1669,7 +1683,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 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 .check{position:absolute;left:0;top:0;height:42px;width:42px;background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .image .read{position:absolute;left:0;top:46px;height:42px;width:42px;background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.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 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 .check{position:absolute;left:0;top:0;height:42px;width:42px;background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .image .read{position:absolute;left:0;top:46px;height:42px;width:42px;background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.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']
@@ -1867,7 +1881,7 @@ class ClipperDocumentComponent extends ClipperDocumentManager {
             Breakpoints.Large,
             Breakpoints.XLarge,
         ])
-            .pipe(takeUntil(this.unsubscribe))
+            .pipe(takeUntil$1(this.unsubscribe))
             .subscribe(result => {
             for (const query of Object.keys(result.breakpoints)) {
                 if (result.breakpoints[query]) {
@@ -1877,7 +1891,7 @@ class ClipperDocumentComponent extends ClipperDocumentManager {
         });
         // React to window size change
         fromEvent(window, 'resize')
-            .pipe(takeUntil(this.unsubscribe))
+            .pipe(takeUntil$1(this.unsubscribe))
             .subscribe(() => {
             this.resize();
         });
@@ -2936,13 +2950,13 @@ class ClipperBrowserDialogComponent extends ClipperSearchResultManager {
             this.clipperService.snapshot = this.snapshot;
         }
         // Initialize selection
-        this.selection.set(new SelectableModel(true, 'documentId'));
+        this.selection = new SelectableModel(true, 'documentId');
         // Update model
         if (this.dialogData.initialModel) {
             this.changeModel(this.dialogData.initialModel, false);
         }
         this.broadcastService.getMessage()
-            .pipe(takeUntil(this.unsubscribe))
+            .pipe(takeUntil$1(this.unsubscribe))
             .subscribe((message) => {
             if (message.id === ClipperMessages.DOCUMENT_SELECTED_INNER) {
                 this.broadcastService.sendMessage(ClipperMessages.DOCUMENT_SELECTED, message.data);
@@ -2952,7 +2966,7 @@ class ClipperBrowserDialogComponent extends ClipperSearchResultManager {
         });
         // React to window size change
         fromEvent(window, 'resize')
-            .pipe(takeUntil(this.unsubscribe), debounceTime(250))
+            .pipe(takeUntil$1(this.unsubscribe), debounceTime(250))
             .subscribe(() => {
             this.resize();
         });
@@ -3051,15 +3065,15 @@ class ClipperBrowserDialogComponent extends ClipperSearchResultManager {
      * Checks if documents can be selected and returned as message
      */
     canSelect() {
-        let allow = this.selection() &&
+        let allow = this.selection &&
             ((this.dialogData.selectionMode === 1 &&
-                this.selection()?.current.selected.length === 1) ||
+                this.selection?.current.selected.length === 1) ||
                 (this.dialogData.selectionMode === 2 &&
-                    this.selection()?.current.selected.length > 1) ||
+                    this.selection?.current.selected.length > 1) ||
                 (this.dialogData.selectionMode === 3 &&
-                    this.selection()?.current.selected.length > 0));
+                    this.selection?.current.selected.length > 0));
         if (allow && this.dialogData.selectableModels?.length > 0) {
-            this.selection()?.current.selected.forEach(n => {
+            this.selection?.current.selected.forEach(n => {
                 if (this.dialogData.selectableModels.indexOf(n.model) === -1) {
                     allow = false;
                     return;
@@ -3072,8 +3086,8 @@ class ClipperBrowserDialogComponent extends ClipperSearchResultManager {
      * Send a message with current selection and close dialog
      */
     select() {
-        if (this.selection()?.current.selected && this.selection()?.current.selected.length > 0) {
-            this.broadcastService.sendMessage(ClipperMessages.DOCUMENT_SELECTED, this.selection()?.current.selected);
+        if (this.selection?.current.selected && this.selection?.current.selected.length > 0) {
+            this.broadcastService.sendMessage(ClipperMessages.DOCUMENT_SELECTED, this.selection?.current.selected);
             this.changeDetector.markForCheck();
             this.close();
         }
@@ -3569,7 +3583,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)=\"manageBag()\">\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 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 .check{position:absolute;left:0;top:0;height:42px;width:42px;background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .image .read{position:absolute;left:0;top:46px;height:42px;width:42px;background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.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$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3$3.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$5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$5.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3$5.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$4.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$4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3$4.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i3$4.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: i11.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: i11.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i11.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i11.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: ["parent", "selectionSource", "useSelections", "item", "isReference", "isReadable", "isDeadline", "isLawInForce", "isLaw"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i11$1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i11$1.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", "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)=\"manageBag()\">\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 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 .check{position:absolute;left:0;top:0;height:42px;width:42px;background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .image .read{position:absolute;left:0;top:46px;height:42px;width:42px;background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.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$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3$3.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$5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$5.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3$5.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$4.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$4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3$4.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i3$4.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: i11.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: i11.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i11.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i11.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: ["parent", "selectionSource", "useSelections", "item", "isReference", "isReadable", "isDeadline", "isLawInForce", "isLaw"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i11$1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i11$1.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", "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,
@@ -3596,7 +3610,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
                         NgClass,
                         ClipperSearchResultItemComponent,
                         MatPaginatorModule
-                    ], 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)=\"manageBag()\">\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 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 .check{position:absolute;left:0;top:0;height:42px;width:42px;background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .image .read{position:absolute;left:0;top:46px;height:42px;width:42px;background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.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"] }]
+                    ], 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)=\"manageBag()\">\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 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 .check{position:absolute;left:0;top:0;height:42px;width:42px;background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.tile .image .check-selected{background-color:var(--ars-primary-hi, #12c0ae)}.tile .image .read{position:absolute;left:0;top:46px;height:42px;width:42px;background-color:var(--ars-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.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"] }]
         }], propDecorators: { filterPane: [{
                 type: ViewChild,
                 args: ['filterPane']