@arsedizioni/ars-utils 22.5.9 → 22.5.12

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

@@ -2,7 +2,7 @@ import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
 import * as i6 from '@angular/cdk/scrolling';
 import { ScrollDispatcher, ScrollingModule } from '@angular/cdk/scrolling';
 import * as i0 from '@angular/core';
-import { viewChild, inject, Renderer2, input, computed, ChangeDetectionStrategy, Component, output, ChangeDetectorRef, signal, runInInjectionContext, DestroyRef, Injector, ViewContainerRef, model, afterNextRender, effect, untracked } from '@angular/core';
+import { viewChild, inject, Renderer2, input, computed, ChangeDetectionStrategy, Component, output, ChangeDetectorRef, signal, Service, DestroyRef, model, afterNextRender, effect, untracked } from '@angular/core';
 import { toSignal, toObservable, takeUntilDestroyed, outputToObservable } from '@angular/core/rxjs-interop';
 import * as i1$2 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
@@ -21,11 +21,11 @@ import * as i4$1 from '@angular/material/divider';
 import { MatDividerModule } from '@angular/material/divider';
 import * as i8 from '@angular/material/expansion';
 import { MatExpansionModule } from '@angular/material/expansion';
-import * as i3$1 from '@angular/material/form-field';
+import * as i11 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import * as i4 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i4$2 from '@angular/material/input';
+import * as i12 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import * as i5 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
@@ -33,7 +33,7 @@ import * as i9 from '@angular/material/paginator';
 import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
 import * as i17 from '@angular/material/progress-bar';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
-import * as i7$1 from '@angular/material/select';
+import * as i14 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
 import * as i7 from '@angular/material/sidenav';
 import { MatSidenavModule } from '@angular/material/sidenav';
@@ -41,29 +41,25 @@ import * as i16 from '@angular/material/slide-toggle';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 import * as i3 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import { ClipperService, ClipperModel, ClipperUtils, ClipperSearchFacetsSnapshot, ClipperFacet, ClipperMessages, ClipperQueryReferencesMode, ClipperModule, ClipperSelectionMode, ClipperSearchResult, ClipperSearchParams, ClipperSort, ClipperSearchUtils, ClipperQueryDocumentFlags, ClipperSources, ClipperDocumentChangeReasons, ClipperSectors, ClipperRegions, ClipperAuthors, ClipperSectorTypes, ClipperTeamProduct, NotesColors } from '@arsedizioni/ars-utils/clipper.common';
-import { BroadcastService, SystemUtils, ThemeService, ScreenService, DateFormat, FormatPipe, DateInterval, SelectableModel, DateIntervalChangeDirective, SafeHtmlPipe } from '@arsedizioni/ars-utils/core';
+import { ClipperService, ClipperModel, ClipperUtils, ClipperSearchFacetsSnapshot, ClipperFacet, ClipperMessages, ClipperQueryReferencesMode, ClipperModule, ClipperSelectionMode, ClipperSearchResult, ClipperSearchParams, ClipperSort, ClipperSearchUtils, ClipperQueryDocumentFlags, ClipperSources, ClipperDocumentChangeReasons, ClipperSectors, ClipperRegions, ClipperAuthors, ClipperSectorTypes } from '@arsedizioni/ars-utils/clipper.common';
+import { BroadcastService, SystemUtils, ThemeService, ScreenService, DateFormat, FormatPipe, DateInterval, SelectableModel, DateIntervalChangeDirective } from '@arsedizioni/ars-utils/core';
 import * as i1 from '@arsedizioni/ars-utils/ui';
 import { FlexLayoutModule } from '@arsedizioni/ars-utils/ui';
 import { ChipsSelectorComponent, ButtonSelectorComponent, ButtonToggleComponent, CalendarEmptyHeader } from '@arsedizioni/ars-utils/ui.controls';
-import { switchMap, EMPTY, finalize, fromEvent } from 'rxjs';
+import { switchMap, EMPTY, finalize } from 'rxjs';
 import { startOfToday, startOfDay, subDays, endOfDay, startOfMonth, endOfMonth } from 'date-fns';
 import { Clipboard } from '@angular/cdk/clipboard';
 import { ApplicationDialogService } from '@arsedizioni/ars-utils/ui.application';
 import { SendToDialogComponent } from '@arsedizioni/ars-utils/ui.dialogs.select';
 import saveAs from 'file-saver';
 import { DialogService } from '@arsedizioni/ars-utils/ui.dialogs';
-import { Overlay, OverlayModule } from '@angular/cdk/overlay';
-import { TemplatePortal } from '@angular/cdk/portal';
 import { MAT_DIALOG_DATA, MatDialogRef, MatDialogClose, MatDialogContent, MatDialogTitle, MatDialogActions } from '@angular/material/dialog';
-import { finalize as finalize$1 } from 'rxjs/operators';
-import * as i5$1 from '@angular/cdk/text-field';
-import { TextFieldModule } from '@angular/cdk/text-field';
 import { Router } from '@angular/router';
 import { ShellService } from '@arsedizioni/ars-utils/ui.shell';
 import { FilePreviewComponent } from '@arsedizioni/ars-utils/ui.files';
 import * as i2$2 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
+import { finalize as finalize$1 } from 'rxjs/operators';
 
 class ClipperDocumentMenuComponent {
     constructor() {
@@ -121,12 +117,6 @@ class ClipperDocumentMenuComponent {
         ...(ngDevMode ? [{ debugName: "canPrint" }] : /* istanbul ignore next */ []));
         this.canFind = input(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "canFind" }] : /* istanbul ignore next */ []));
-        this.canUseCalendar = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canUseCalendar" }] : /* istanbul ignore next */ []));
-        this.canUseArchive = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canUseArchive" }] : /* istanbul ignore next */ []));
-        this.canUseNotes = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canUseNotes" }] : /* istanbul ignore next */ []));
         this.canUseAIAssistant = input(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "canUseAIAssistant" }] : /* istanbul ignore next */ []));
         this.canUseAIEditor = this.clipperService.loginInfo?.context?.hasAIEditor ?? false;
@@ -146,19 +136,8 @@ class ClipperDocumentMenuComponent {
         /** `true` when at least one item can be sent by email. */
         this.canSendByEmail = computed(() => this.getMultipleSelection().length > 0, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "canSendByEmail" }] : /* istanbul ignore next */ []));
-        /** `true` when custom notes can be added to the single selected document. */
-        this.canAddNotes = computed(() => this.canUseNotes() &&
-            this.clipperService.loginInfo?.context?.hasSharedNotes === true &&
-            this.hasSingleSelection(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canAddNotes" }] : /* istanbul ignore next */ []));
-        /** `true` when archive access is enabled and there is at least one selected item. */
-        this.canAddToArchive = computed(() => this.canUseArchive() && this.canSendByEmail(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canAddToArchive" }] : /* istanbul ignore next */ []));
-        /** `true` when all selected items are deadline/alert documents and calendar is enabled. */
-        this.canAddToCalendar = computed(() => this.getMultipleSelection().every(n => n.model === ClipperModel.Scadenze || n.model === ClipperModel.Segnalazioni) && this.canUseCalendar() && !this.isReference(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canAddToCalendar" }] : /* istanbul ignore next */ []));
-        /** `true` when all selected items can be exported as an ICS calendar file. */
-        this.canExportCalendar = computed(() => this.getMultipleSelection().every(n => n.model === ClipperModel.Scadenze || n.model === ClipperModel.Segnalazioni) && this.canUseCalendar() && !this.isReference(), /* @ts-ignore */
+        /** `true` when all selected items are deadline/alert documents and can travel as an ICS file. */
+        this.canExportCalendar = computed(() => this.getMultipleSelection().every(n => n.model === ClipperModel.Scadenze || n.model === ClipperModel.Segnalazioni) && !this.isReference(), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "canExportCalendar" }] : /* istanbul ignore next */ []));
         /** `true` when the selection contains non-Coordinamento items that can be added to working documents. */
         this.canAddToWorkingDocuments = computed(() => {
@@ -294,12 +273,12 @@ class ClipperDocumentMenuComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ClipperDocumentMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: ClipperDocumentMenuComponent, isStandalone: true, selector: "clipper-document-menu", inputs: { useSelections: { classPropertyName: "useSelections", publicName: "useSelections", isSignal: true, isRequired: false, transformFunction: null }, selectionSource: { classPropertyName: "selectionSource", publicName: "selectionSource", isSignal: true, isRequired: false, transformFunction: null }, parent: { classPropertyName: "parent", publicName: "parent", isSignal: true, isRequired: true, 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 }, isReadableModel: { classPropertyName: "isReadableModel", publicName: "isReadableModel", isSignal: true, isRequired: false, transformFunction: null }, isLawInForce: { classPropertyName: "isLawInForce", publicName: "isLawInForce", isSignal: true, isRequired: false, transformFunction: null }, canPrint: { classPropertyName: "canPrint", publicName: "canPrint", isSignal: true, isRequired: false, transformFunction: null }, canFind: { classPropertyName: "canFind", publicName: "canFind", isSignal: true, isRequired: false, transformFunction: null }, canUseCalendar: { classPropertyName: "canUseCalendar", publicName: "canUseCalendar", isSignal: true, isRequired: false, transformFunction: null }, canUseArchive: { classPropertyName: "canUseArchive", publicName: "canUseArchive", isSignal: true, isRequired: false, transformFunction: null }, canUseNotes: { classPropertyName: "canUseNotes", publicName: "canUseNotes", isSignal: true, isRequired: false, transformFunction: null }, canUseAIAssistant: { classPropertyName: "canUseAIAssistant", publicName: "canUseAIAssistant", isSignal: true, isRequired: false, transformFunction: null }, canUseRS: { classPropertyName: "canUseRS", publicName: "canUseRS", isSignal: true, isRequired: false, transformFunction: null }, canOpenDocument: { classPropertyName: "canOpenDocument", publicName: "canOpenDocument", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "rsMenuTrigger", first: true, predicate: ["rsMenuTrigger"], descendants: true, isSignal: true }, { propertyName: "aiAssistantMenuTrigger", first: true, predicate: ["aiAssistantMenuTrigger"], descendants: true, isSignal: true }, { propertyName: "linksMenuTrigger", first: true, predicate: ["linksMenuTrigger"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (canDeselectAll()) {\r\n<button mat-menu-item (click)=\"parent().selection?.clear()\" [attr.aria-label]=\"'Deseleziona tutti'\"\r\n  (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>clear</mat-icon>Deseleziona tutti\r\n</button>\r\n} @else if (canManageBag()) {\r\n<button mat-menu-item (click)=\"parent().openBag()\" [attr.aria-label]=\"'Gestisci documenti di lavoro'\"\r\n  (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>work_outline</mat-icon>Gestisci documenti di lavoro\r\n</button>\r\n}\r\n@if (canOpen()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Apri documento'\" (mouseenter)=\"showSubMenu()\"\r\n  (click)=\"open(getSingleSelection())\">\r\n  <mat-icon></mat-icon>Apri\r\n</button>\r\n}\r\n<button mat-menu-item [attr.aria-label]=\"'Apri documento in una nuova finestra'\" (mouseenter)=\"showSubMenu()\"\r\n  (click)=\"open(getSingleSelection(), true)\">\r\n  <mat-icon>open_in_new</mat-icon>Apri in una nuova finestra...\r\n</button>\r\n@if (canAddToWorkingDocuments()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Aggiungi ai documenti di lavoro'\"\r\n  (click)=\"parent().addItemsToBag(getMultipleSelection())\" (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>work_outline</mat-icon>Aggiungi ai documenti di lavoro\r\n</button>\r\n}\r\n@if(canPrint()) {\r\n<button mat-menu-item (click)=\"parent().print()\" [attr.aria-label]=\"'Stampa documento'\" (mouseenter)=\"showSubMenu()\">\r\n  <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start center\" fxFill>\r\n    <div fxFlex=\"*\" fxLayout=\"row\" fxFill fxLayoutAlign=\"start center\">\r\n      <mat-icon>print</mat-icon>\r\n      <div>Stampa</div>\r\n    </div>\r\n    <div class=\"accent small bold\">CTRL+P</div>\r\n  </div>\r\n</button>\r\n}\r\n@if(canFind()) {\r\n<button mat-menu-item (click)=\"parent().find()\" [attr.aria-label]=\"'Trova nel documento'\" (mouseenter)=\"showSubMenu()\">\r\n  <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start center\" fxFill>\r\n    <div fxFlex=\"*\" fxLayout=\"row\" fxFill fxLayoutAlign=\"start center\">\r\n      <mat-icon>find_in_page</mat-icon>\r\n      <div>Trova nel documento</div>\r\n    </div>\r\n    <div class=\"accent small bold\">CTRL+F</div>\r\n  </div>\r\n</button>\r\n}\r\n@if (canAddNotes()) {\r\n<button mat-menu-item (click)=\"parent().addItemNotes(getSingleSelection())\"\r\n  [attr.aria-label]=\"'Annota'\" (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>note_stack_add</mat-icon>Aggiungi nota\r\n</button>\r\n}\r\n@if (canSendByEmail()) {\r\n<button mat-menu-item (click)=\"parent().sendItemsTo(getMultipleSelection())\"\r\n  [attr.aria-label]=\"'Invia documento per email'\" (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>send</mat-icon>Invia per email\r\n</button>\r\n}\r\n@if (canAddToArchive()) {\r\n<button mat-menu-item (click)=\"parent().addToArchive(getMultipleSelection())\" [attr.aria-label]=\"'Archivia'\">\r\n  <mat-icon>account_tree</mat-icon>Archivia\r\n</button>\r\n}\r\n@if (canSaveAsPdf()) {\r\n<button mat-menu-item (click)=\"parent().exportPdf(getSingleSelection())\" (mouseenter)=\"showSubMenu()\"\r\n  [attr.aria-label]=\"'Salva documento in pdf'\">\r\n  <mat-icon>save_alt</mat-icon>Salva in pdf\r\n</button>\r\n}\r\n<button mat-menu-item [attr.aria-label]=\"'Genera un link permanente da utilizzare esternamente'\"\r\n  (click)=\"parent().showLink(getSingleSelection())\" (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>link</mat-icon>Link\r\n</button>\r\n<button mat-menu-item [attr.aria-label]=\"'Copia metadati negli appunti'\"\r\n  (click)=\"parent().copyMetadataToClipboard(getSingleSelection())\" (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>content_copy</mat-icon>Copia metadati\r\n</button>\r\n@if (!isReference() && canOpen()) {\r\n<button mat-menu-item [matMenuTriggerFor]=\"linksMenu\" #linksMenuTrigger=\"matMenuTrigger\"\r\n  (mouseenter)=\"showSubMenu(linksMenuTrigger)\" (mouseleave)=\"resetSubMenu(linksMenuTrigger)\">\r\n  <mat-icon>compare_arrows</mat-icon>Collegamenti\r\n</button>\r\n<mat-menu #linksMenu=\"matMenu\">\r\n  @if (!isReference() && canOpen()) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra i documenti richiamati da questo'\"\r\n    (click)=\"openReferences(getSingleSelection(), 1)\">\r\n    Documenti richiamati\r\n  </button>\r\n  }\r\n  @if (!isReference() && canOpen()) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra i documenti che richiamano questo'\"\r\n    (click)=\"openReferences(getSingleSelection(), 2)\">\r\n    Documenti che richiamano\r\n  </button>\r\n  }\r\n  @if (!isReference() && isLawInForce() && canOpen()) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra giurisprudenza'\" (click)=\"openReferences(getSingleSelection(), 4)\">\r\n    Juris\r\n  </button>\r\n  }\r\n  @if (!isReference() && isLawInForce() && canOpen()) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra modifiche normative'\"\r\n    (click)=\"openReferences(getSingleSelection(), 3)\">\r\n    Modifiche\r\n  </button>\r\n  }\r\n</mat-menu>\r\n}\r\n@if (canAddToCalendar()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Aggiungi al calendario'\"\r\n  (click)=\"parent().addToCalendar(getSingleSelection())\">\r\n  <mat-icon>alarm</mat-icon> Crea scadenza\r\n</button>\r\n}\r\n@if (canExportCalendar()) {\r\n@if(useSelections()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Importa in Oultook (iCalandar)'\" (click)=\"parent().exportResults(2)\">\r\n  <mat-icon>mail_outline</mat-icon>Importa in Outlook (iCalendar)\r\n</button>\r\n} @else if (item()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Importa in Oultook (iCalandar)'\"\r\n  (click)=\"parent().exportItems([item().documentId], null,  2)\">\r\n  <mat-icon>mail_outline</mat-icon>Importa in Outlook (iCalendar)\r\n</button>\r\n}\r\n}\r\n@if (canSetAsUnread()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Segna come da leggere'\" (click)=\"setRead(false)\" (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>outlined_flag</mat-icon>Segna come da leggere\r\n</button>\r\n}\r\n@if (canSetAsRead()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Segna come gi\u00E0 letto'\" (click)=\"setRead(true)\" (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>flag</mat-icon>Segna come gi\u00E0 letto\r\n</button>\r\n}\r\n\r\n\r\n@if (isLawInForce() && canOpen()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Mostra report'\" (click)=\"parent().report(getSingleSelection())\"\r\n  (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>assignment</mat-icon>Report\r\n</button>\r\n}\r\n\r\n@if (canUseAIAssistant() && hasSingleSelection()) {\r\n<mat-divider></mat-divider>\r\n<button mat-menu-item matTooltip=\"Assistente IA\" [attr.aria-label]=\"'Assistente IA'\"\r\n  [matMenuTriggerFor]=\"aiAssistantMenu\" #aiAssistantMenuTrigger=\"matMenuTrigger\"\r\n  (mouseenter)=\"showSubMenu(aiAssistantMenuTrigger)\" (mouseleave)=\"resetSubMenu(aiAssistantMenuTrigger)\">\r\n  <mat-icon>borg</mat-icon>\r\n  Assistente IA\r\n</button>\r\n<mat-menu #aiAssistantMenu=\"matMenu\">\r\n  <button mat-menu-item [attr.aria-label]=\"'Mi riguarda?'\" (click)=\"parent().AI_concernMe(getSingleSelection())\">\r\n    Mi riguarda?\r\n  </button>\r\n  <button mat-menu-item [attr.aria-label]=\"'Di che si tratta?'\" (click)=\"parent().AI_explain(getSingleSelection())\">\r\n    Di che si tratta?\r\n  </button>\r\n  @if (canUseAIEditor) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Genera commento tecnico'\"\r\n    (click)=\"parent().AI_comment(getSingleSelection())\">\r\n    Genera commento tecnico\r\n  </button>\r\n  <button mat-menu-item [attr.aria-label]=\"'Genera news'\" (click)=\"parent().AI_news(getSingleSelection())\">\r\n    Genera news\r\n  </button>\r\n  }\r\n</mat-menu>\r\n}\r\n\r\n@if (canAccessRS()) {\r\n<mat-divider></mat-divider>\r\n<button mat-menu-item matTooltip=\"Registro & Scadenzario\" [attr.aria-label]=\"'Opzioni di Registro & Scadenzario'\"\r\n  [matMenuTriggerFor]=\"rsMenu\" #rsMenuTrigger=\"matMenuTrigger\" (mouseenter)=\"showSubMenu(rsMenuTrigger)\"\r\n  (mouseleave)=\"resetSubMenu(rsMenuTrigger)\">\r\n  <mat-icon>alarm_on</mat-icon>\r\n  Registro e scadenzario\r\n</button>\r\n<mat-menu #rsMenu=\"matMenu\">\r\n  <button mat-menu-item [attr.aria-label]=\"'Nuova legge'\" (click)=\"parent().RS_newLaw(getMultipleSelection())\">\r\n    Nuova legge\r\n  </button>\r\n  @if (hasSingleSelection()) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Nuova attivit\u00E0'\" (click)=\"parent().RS_newActivity(getSingleSelection())\">\r\n    Nuova attivit\u00E0\r\n  </button>\r\n  }\r\n  @if (hasSingleSelection()) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Report utilizzo norma'\"\r\n    (click)=\"parent().RS_usageReport(getSingleSelection())\">\r\n    Report utilizzo norma\r\n  </button>\r\n  }\r\n</mat-menu>\r\n}", styles: [""], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.FxLayoutDirective, 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.FxFlexDirective, 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: i1.FxLayoutAlignDirective, 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.FxLayoutGapDirective, 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.FxFlexFillDirective, selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i5.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: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.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: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i4$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: ClipperDocumentMenuComponent, isStandalone: true, selector: "clipper-document-menu", inputs: { useSelections: { classPropertyName: "useSelections", publicName: "useSelections", isSignal: true, isRequired: false, transformFunction: null }, selectionSource: { classPropertyName: "selectionSource", publicName: "selectionSource", isSignal: true, isRequired: false, transformFunction: null }, parent: { classPropertyName: "parent", publicName: "parent", isSignal: true, isRequired: true, 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 }, isReadableModel: { classPropertyName: "isReadableModel", publicName: "isReadableModel", isSignal: true, isRequired: false, transformFunction: null }, isLawInForce: { classPropertyName: "isLawInForce", publicName: "isLawInForce", isSignal: true, isRequired: false, transformFunction: null }, canPrint: { classPropertyName: "canPrint", publicName: "canPrint", isSignal: true, isRequired: false, transformFunction: null }, canFind: { classPropertyName: "canFind", publicName: "canFind", isSignal: true, isRequired: false, transformFunction: null }, canUseAIAssistant: { classPropertyName: "canUseAIAssistant", publicName: "canUseAIAssistant", isSignal: true, isRequired: false, transformFunction: null }, canUseRS: { classPropertyName: "canUseRS", publicName: "canUseRS", isSignal: true, isRequired: false, transformFunction: null }, canOpenDocument: { classPropertyName: "canOpenDocument", publicName: "canOpenDocument", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "rsMenuTrigger", first: true, predicate: ["rsMenuTrigger"], descendants: true, isSignal: true }, { propertyName: "aiAssistantMenuTrigger", first: true, predicate: ["aiAssistantMenuTrigger"], descendants: true, isSignal: true }, { propertyName: "linksMenuTrigger", first: true, predicate: ["linksMenuTrigger"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (canDeselectAll()) {\r\n<button mat-menu-item (click)=\"parent().selection?.clear()\" [attr.aria-label]=\"'Deseleziona tutti'\"\r\n  (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>clear</mat-icon>Deseleziona tutti\r\n</button>\r\n} @else if (canManageBag()) {\r\n<button mat-menu-item (click)=\"parent().openBag()\" [attr.aria-label]=\"'Gestisci documenti di lavoro'\"\r\n  (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>work_outline</mat-icon>Gestisci documenti di lavoro\r\n</button>\r\n}\r\n@if (canOpen()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Apri documento'\" (mouseenter)=\"showSubMenu()\"\r\n  (click)=\"open(getSingleSelection())\">\r\n  <mat-icon></mat-icon>Apri\r\n</button>\r\n}\r\n<button mat-menu-item [attr.aria-label]=\"'Apri documento in una nuova finestra'\" (mouseenter)=\"showSubMenu()\"\r\n  (click)=\"open(getSingleSelection(), true)\">\r\n  <mat-icon>open_in_new</mat-icon>Apri in una nuova finestra...\r\n</button>\r\n@if (canAddToWorkingDocuments()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Aggiungi ai documenti di lavoro'\"\r\n  (click)=\"parent().addItemsToBag(getMultipleSelection())\" (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>work_outline</mat-icon>Aggiungi ai documenti di lavoro\r\n</button>\r\n}\r\n@if(canPrint()) {\r\n<button mat-menu-item (click)=\"parent().print()\" [attr.aria-label]=\"'Stampa documento'\" (mouseenter)=\"showSubMenu()\">\r\n  <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start center\" fxFill>\r\n    <div fxFlex=\"*\" fxLayout=\"row\" fxFill fxLayoutAlign=\"start center\">\r\n      <mat-icon>print</mat-icon>\r\n      <div>Stampa</div>\r\n    </div>\r\n    <div class=\"accent small bold\">CTRL+P</div>\r\n  </div>\r\n</button>\r\n}\r\n@if(canFind()) {\r\n<button mat-menu-item (click)=\"parent().find()\" [attr.aria-label]=\"'Trova nel documento'\" (mouseenter)=\"showSubMenu()\">\r\n  <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start center\" fxFill>\r\n    <div fxFlex=\"*\" fxLayout=\"row\" fxFill fxLayoutAlign=\"start center\">\r\n      <mat-icon>find_in_page</mat-icon>\r\n      <div>Trova nel documento</div>\r\n    </div>\r\n    <div class=\"accent small bold\">CTRL+F</div>\r\n  </div>\r\n</button>\r\n}\r\n@if (canSendByEmail()) {\r\n<button mat-menu-item (click)=\"parent().sendItemsTo(getMultipleSelection())\"\r\n  [attr.aria-label]=\"'Invia documento per email'\" (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>send</mat-icon>Invia per email\r\n</button>\r\n}\r\n@if (canSaveAsPdf()) {\r\n<button mat-menu-item (click)=\"parent().exportPdf(getSingleSelection())\" (mouseenter)=\"showSubMenu()\"\r\n  [attr.aria-label]=\"'Salva documento in pdf'\">\r\n  <mat-icon>save_alt</mat-icon>Salva in pdf\r\n</button>\r\n}\r\n<button mat-menu-item [attr.aria-label]=\"'Genera un link permanente da utilizzare esternamente'\"\r\n  (click)=\"parent().showLink(getSingleSelection())\" (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>link</mat-icon>Link\r\n</button>\r\n<button mat-menu-item [attr.aria-label]=\"'Copia metadati negli appunti'\"\r\n  (click)=\"parent().copyMetadataToClipboard(getSingleSelection())\" (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>content_copy</mat-icon>Copia metadati\r\n</button>\r\n@if (!isReference() && canOpen()) {\r\n<button mat-menu-item [matMenuTriggerFor]=\"linksMenu\" #linksMenuTrigger=\"matMenuTrigger\"\r\n  (mouseenter)=\"showSubMenu(linksMenuTrigger)\" (mouseleave)=\"resetSubMenu(linksMenuTrigger)\">\r\n  <mat-icon>compare_arrows</mat-icon>Collegamenti\r\n</button>\r\n<mat-menu #linksMenu=\"matMenu\">\r\n  @if (!isReference() && canOpen()) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra i documenti richiamati da questo'\"\r\n    (click)=\"openReferences(getSingleSelection(), 1)\">\r\n    Documenti richiamati\r\n  </button>\r\n  }\r\n  @if (!isReference() && canOpen()) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra i documenti che richiamano questo'\"\r\n    (click)=\"openReferences(getSingleSelection(), 2)\">\r\n    Documenti che richiamano\r\n  </button>\r\n  }\r\n  @if (!isReference() && isLawInForce() && canOpen()) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra giurisprudenza'\" (click)=\"openReferences(getSingleSelection(), 4)\">\r\n    Juris\r\n  </button>\r\n  }\r\n  @if (!isReference() && isLawInForce() && canOpen()) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra modifiche normative'\"\r\n    (click)=\"openReferences(getSingleSelection(), 3)\">\r\n    Modifiche\r\n  </button>\r\n  }\r\n</mat-menu>\r\n}\r\n@if (canExportCalendar()) {\r\n@if(useSelections()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Importa in Oultook (iCalandar)'\" (click)=\"parent().exportResults(2)\">\r\n  <mat-icon>mail_outline</mat-icon>Importa in Outlook (iCalendar)\r\n</button>\r\n} @else if (item()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Importa in Oultook (iCalandar)'\"\r\n  (click)=\"parent().exportItems([item().documentId], null,  2)\">\r\n  <mat-icon>mail_outline</mat-icon>Importa in Outlook (iCalendar)\r\n</button>\r\n}\r\n}\r\n@if (canSetAsUnread()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Segna come da leggere'\" (click)=\"setRead(false)\" (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>outlined_flag</mat-icon>Segna come da leggere\r\n</button>\r\n}\r\n@if (canSetAsRead()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Segna come gi\u00E0 letto'\" (click)=\"setRead(true)\" (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>flag</mat-icon>Segna come gi\u00E0 letto\r\n</button>\r\n}\r\n\r\n\r\n@if (isLawInForce() && canOpen()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Mostra report'\" (click)=\"parent().report(getSingleSelection())\"\r\n  (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>assignment</mat-icon>Report\r\n</button>\r\n}\r\n\r\n@if (canUseAIAssistant() && hasSingleSelection()) {\r\n<mat-divider></mat-divider>\r\n<button mat-menu-item matTooltip=\"Assistente IA\" [attr.aria-label]=\"'Assistente IA'\"\r\n  [matMenuTriggerFor]=\"aiAssistantMenu\" #aiAssistantMenuTrigger=\"matMenuTrigger\"\r\n  (mouseenter)=\"showSubMenu(aiAssistantMenuTrigger)\" (mouseleave)=\"resetSubMenu(aiAssistantMenuTrigger)\">\r\n  <mat-icon>borg</mat-icon>\r\n  Assistente IA\r\n</button>\r\n<mat-menu #aiAssistantMenu=\"matMenu\">\r\n  <button mat-menu-item [attr.aria-label]=\"'Mi riguarda?'\" (click)=\"parent().AI_concernMe(getSingleSelection())\">\r\n    Mi riguarda?\r\n  </button>\r\n  <button mat-menu-item [attr.aria-label]=\"'Di che si tratta?'\" (click)=\"parent().AI_explain(getSingleSelection())\">\r\n    Di che si tratta?\r\n  </button>\r\n  @if (canUseAIEditor) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Genera commento tecnico'\"\r\n    (click)=\"parent().AI_comment(getSingleSelection())\">\r\n    Genera commento tecnico\r\n  </button>\r\n  <button mat-menu-item [attr.aria-label]=\"'Genera news'\" (click)=\"parent().AI_news(getSingleSelection())\">\r\n    Genera news\r\n  </button>\r\n  }\r\n</mat-menu>\r\n}\r\n\r\n@if (canAccessRS()) {\r\n<mat-divider></mat-divider>\r\n<button mat-menu-item matTooltip=\"Registro & Scadenzario\" [attr.aria-label]=\"'Opzioni di Registro & Scadenzario'\"\r\n  [matMenuTriggerFor]=\"rsMenu\" #rsMenuTrigger=\"matMenuTrigger\" (mouseenter)=\"showSubMenu(rsMenuTrigger)\"\r\n  (mouseleave)=\"resetSubMenu(rsMenuTrigger)\">\r\n  <mat-icon>alarm_on</mat-icon>\r\n  Registro e scadenzario\r\n</button>\r\n<mat-menu #rsMenu=\"matMenu\">\r\n  <button mat-menu-item [attr.aria-label]=\"'Nuova legge'\" (click)=\"parent().RS_newLaw(getMultipleSelection())\">\r\n    Nuova legge\r\n  </button>\r\n  @if (hasSingleSelection()) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Nuova attivit\u00E0'\" (click)=\"parent().RS_newActivity(getSingleSelection())\">\r\n    Nuova attivit\u00E0\r\n  </button>\r\n  }\r\n  @if (hasSingleSelection()) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Report utilizzo norma'\"\r\n    (click)=\"parent().RS_usageReport(getSingleSelection())\">\r\n    Report utilizzo norma\r\n  </button>\r\n  }\r\n</mat-menu>\r\n}", styles: [""], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.FxLayoutDirective, 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.FxFlexDirective, 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: i1.FxLayoutAlignDirective, 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.FxLayoutGapDirective, 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.FxFlexFillDirective, selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i5.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: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.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: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i4$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ClipperDocumentMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'clipper-document-menu', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [FlexLayoutModule, MatMenuModule, MatIconModule, MatDividerModule, MatTooltipModule], template: "@if (canDeselectAll()) {\r\n<button mat-menu-item (click)=\"parent().selection?.clear()\" [attr.aria-label]=\"'Deseleziona tutti'\"\r\n  (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>clear</mat-icon>Deseleziona tutti\r\n</button>\r\n} @else if (canManageBag()) {\r\n<button mat-menu-item (click)=\"parent().openBag()\" [attr.aria-label]=\"'Gestisci documenti di lavoro'\"\r\n  (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>work_outline</mat-icon>Gestisci documenti di lavoro\r\n</button>\r\n}\r\n@if (canOpen()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Apri documento'\" (mouseenter)=\"showSubMenu()\"\r\n  (click)=\"open(getSingleSelection())\">\r\n  <mat-icon></mat-icon>Apri\r\n</button>\r\n}\r\n<button mat-menu-item [attr.aria-label]=\"'Apri documento in una nuova finestra'\" (mouseenter)=\"showSubMenu()\"\r\n  (click)=\"open(getSingleSelection(), true)\">\r\n  <mat-icon>open_in_new</mat-icon>Apri in una nuova finestra...\r\n</button>\r\n@if (canAddToWorkingDocuments()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Aggiungi ai documenti di lavoro'\"\r\n  (click)=\"parent().addItemsToBag(getMultipleSelection())\" (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>work_outline</mat-icon>Aggiungi ai documenti di lavoro\r\n</button>\r\n}\r\n@if(canPrint()) {\r\n<button mat-menu-item (click)=\"parent().print()\" [attr.aria-label]=\"'Stampa documento'\" (mouseenter)=\"showSubMenu()\">\r\n  <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start center\" fxFill>\r\n    <div fxFlex=\"*\" fxLayout=\"row\" fxFill fxLayoutAlign=\"start center\">\r\n      <mat-icon>print</mat-icon>\r\n      <div>Stampa</div>\r\n    </div>\r\n    <div class=\"accent small bold\">CTRL+P</div>\r\n  </div>\r\n</button>\r\n}\r\n@if(canFind()) {\r\n<button mat-menu-item (click)=\"parent().find()\" [attr.aria-label]=\"'Trova nel documento'\" (mouseenter)=\"showSubMenu()\">\r\n  <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start center\" fxFill>\r\n    <div fxFlex=\"*\" fxLayout=\"row\" fxFill fxLayoutAlign=\"start center\">\r\n      <mat-icon>find_in_page</mat-icon>\r\n      <div>Trova nel documento</div>\r\n    </div>\r\n    <div class=\"accent small bold\">CTRL+F</div>\r\n  </div>\r\n</button>\r\n}\r\n@if (canAddNotes()) {\r\n<button mat-menu-item (click)=\"parent().addItemNotes(getSingleSelection())\"\r\n  [attr.aria-label]=\"'Annota'\" (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>note_stack_add</mat-icon>Aggiungi nota\r\n</button>\r\n}\r\n@if (canSendByEmail()) {\r\n<button mat-menu-item (click)=\"parent().sendItemsTo(getMultipleSelection())\"\r\n  [attr.aria-label]=\"'Invia documento per email'\" (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>send</mat-icon>Invia per email\r\n</button>\r\n}\r\n@if (canAddToArchive()) {\r\n<button mat-menu-item (click)=\"parent().addToArchive(getMultipleSelection())\" [attr.aria-label]=\"'Archivia'\">\r\n  <mat-icon>account_tree</mat-icon>Archivia\r\n</button>\r\n}\r\n@if (canSaveAsPdf()) {\r\n<button mat-menu-item (click)=\"parent().exportPdf(getSingleSelection())\" (mouseenter)=\"showSubMenu()\"\r\n  [attr.aria-label]=\"'Salva documento in pdf'\">\r\n  <mat-icon>save_alt</mat-icon>Salva in pdf\r\n</button>\r\n}\r\n<button mat-menu-item [attr.aria-label]=\"'Genera un link permanente da utilizzare esternamente'\"\r\n  (click)=\"parent().showLink(getSingleSelection())\" (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>link</mat-icon>Link\r\n</button>\r\n<button mat-menu-item [attr.aria-label]=\"'Copia metadati negli appunti'\"\r\n  (click)=\"parent().copyMetadataToClipboard(getSingleSelection())\" (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>content_copy</mat-icon>Copia metadati\r\n</button>\r\n@if (!isReference() && canOpen()) {\r\n<button mat-menu-item [matMenuTriggerFor]=\"linksMenu\" #linksMenuTrigger=\"matMenuTrigger\"\r\n  (mouseenter)=\"showSubMenu(linksMenuTrigger)\" (mouseleave)=\"resetSubMenu(linksMenuTrigger)\">\r\n  <mat-icon>compare_arrows</mat-icon>Collegamenti\r\n</button>\r\n<mat-menu #linksMenu=\"matMenu\">\r\n  @if (!isReference() && canOpen()) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra i documenti richiamati da questo'\"\r\n    (click)=\"openReferences(getSingleSelection(), 1)\">\r\n    Documenti richiamati\r\n  </button>\r\n  }\r\n  @if (!isReference() && canOpen()) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra i documenti che richiamano questo'\"\r\n    (click)=\"openReferences(getSingleSelection(), 2)\">\r\n    Documenti che richiamano\r\n  </button>\r\n  }\r\n  @if (!isReference() && isLawInForce() && canOpen()) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra giurisprudenza'\" (click)=\"openReferences(getSingleSelection(), 4)\">\r\n    Juris\r\n  </button>\r\n  }\r\n  @if (!isReference() && isLawInForce() && canOpen()) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra modifiche normative'\"\r\n    (click)=\"openReferences(getSingleSelection(), 3)\">\r\n    Modifiche\r\n  </button>\r\n  }\r\n</mat-menu>\r\n}\r\n@if (canAddToCalendar()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Aggiungi al calendario'\"\r\n  (click)=\"parent().addToCalendar(getSingleSelection())\">\r\n  <mat-icon>alarm</mat-icon> Crea scadenza\r\n</button>\r\n}\r\n@if (canExportCalendar()) {\r\n@if(useSelections()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Importa in Oultook (iCalandar)'\" (click)=\"parent().exportResults(2)\">\r\n  <mat-icon>mail_outline</mat-icon>Importa in Outlook (iCalendar)\r\n</button>\r\n} @else if (item()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Importa in Oultook (iCalandar)'\"\r\n  (click)=\"parent().exportItems([item().documentId], null,  2)\">\r\n  <mat-icon>mail_outline</mat-icon>Importa in Outlook (iCalendar)\r\n</button>\r\n}\r\n}\r\n@if (canSetAsUnread()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Segna come da leggere'\" (click)=\"setRead(false)\" (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>outlined_flag</mat-icon>Segna come da leggere\r\n</button>\r\n}\r\n@if (canSetAsRead()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Segna come gi\u00E0 letto'\" (click)=\"setRead(true)\" (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>flag</mat-icon>Segna come gi\u00E0 letto\r\n</button>\r\n}\r\n\r\n\r\n@if (isLawInForce() && canOpen()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Mostra report'\" (click)=\"parent().report(getSingleSelection())\"\r\n  (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>assignment</mat-icon>Report\r\n</button>\r\n}\r\n\r\n@if (canUseAIAssistant() && hasSingleSelection()) {\r\n<mat-divider></mat-divider>\r\n<button mat-menu-item matTooltip=\"Assistente IA\" [attr.aria-label]=\"'Assistente IA'\"\r\n  [matMenuTriggerFor]=\"aiAssistantMenu\" #aiAssistantMenuTrigger=\"matMenuTrigger\"\r\n  (mouseenter)=\"showSubMenu(aiAssistantMenuTrigger)\" (mouseleave)=\"resetSubMenu(aiAssistantMenuTrigger)\">\r\n  <mat-icon>borg</mat-icon>\r\n  Assistente IA\r\n</button>\r\n<mat-menu #aiAssistantMenu=\"matMenu\">\r\n  <button mat-menu-item [attr.aria-label]=\"'Mi riguarda?'\" (click)=\"parent().AI_concernMe(getSingleSelection())\">\r\n    Mi riguarda?\r\n  </button>\r\n  <button mat-menu-item [attr.aria-label]=\"'Di che si tratta?'\" (click)=\"parent().AI_explain(getSingleSelection())\">\r\n    Di che si tratta?\r\n  </button>\r\n  @if (canUseAIEditor) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Genera commento tecnico'\"\r\n    (click)=\"parent().AI_comment(getSingleSelection())\">\r\n    Genera commento tecnico\r\n  </button>\r\n  <button mat-menu-item [attr.aria-label]=\"'Genera news'\" (click)=\"parent().AI_news(getSingleSelection())\">\r\n    Genera news\r\n  </button>\r\n  }\r\n</mat-menu>\r\n}\r\n\r\n@if (canAccessRS()) {\r\n<mat-divider></mat-divider>\r\n<button mat-menu-item matTooltip=\"Registro & Scadenzario\" [attr.aria-label]=\"'Opzioni di Registro & Scadenzario'\"\r\n  [matMenuTriggerFor]=\"rsMenu\" #rsMenuTrigger=\"matMenuTrigger\" (mouseenter)=\"showSubMenu(rsMenuTrigger)\"\r\n  (mouseleave)=\"resetSubMenu(rsMenuTrigger)\">\r\n  <mat-icon>alarm_on</mat-icon>\r\n  Registro e scadenzario\r\n</button>\r\n<mat-menu #rsMenu=\"matMenu\">\r\n  <button mat-menu-item [attr.aria-label]=\"'Nuova legge'\" (click)=\"parent().RS_newLaw(getMultipleSelection())\">\r\n    Nuova legge\r\n  </button>\r\n  @if (hasSingleSelection()) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Nuova attivit\u00E0'\" (click)=\"parent().RS_newActivity(getSingleSelection())\">\r\n    Nuova attivit\u00E0\r\n  </button>\r\n  }\r\n  @if (hasSingleSelection()) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Report utilizzo norma'\"\r\n    (click)=\"parent().RS_usageReport(getSingleSelection())\">\r\n    Report utilizzo norma\r\n  </button>\r\n  }\r\n</mat-menu>\r\n}" }]
-        }], propDecorators: { rsMenuTrigger: [{ type: i0.ViewChild, args: ['rsMenuTrigger', { isSignal: true }] }], aiAssistantMenuTrigger: [{ type: i0.ViewChild, args: ['aiAssistantMenuTrigger', { isSignal: true }] }], linksMenuTrigger: [{ type: i0.ViewChild, args: ['linksMenuTrigger', { isSignal: true }] }], useSelections: [{ type: i0.Input, args: [{ isSignal: true, alias: "useSelections", required: false }] }], selectionSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionSource", required: false }] }], parent: [{ type: i0.Input, args: [{ isSignal: true, alias: "parent", required: true }] }], item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: false }] }], isReference: [{ type: i0.Input, args: [{ isSignal: true, alias: "isReference", required: false }] }], isReadable: [{ type: i0.Input, args: [{ isSignal: true, alias: "isReadable", required: false }] }], isReadableModel: [{ type: i0.Input, args: [{ isSignal: true, alias: "isReadableModel", required: false }] }], isLawInForce: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLawInForce", required: false }] }], canPrint: [{ type: i0.Input, args: [{ isSignal: true, alias: "canPrint", required: false }] }], canFind: [{ type: i0.Input, args: [{ isSignal: true, alias: "canFind", required: false }] }], canUseCalendar: [{ type: i0.Input, args: [{ isSignal: true, alias: "canUseCalendar", required: false }] }], canUseArchive: [{ type: i0.Input, args: [{ isSignal: true, alias: "canUseArchive", required: false }] }], canUseNotes: [{ type: i0.Input, args: [{ isSignal: true, alias: "canUseNotes", required: false }] }], canUseAIAssistant: [{ type: i0.Input, args: [{ isSignal: true, alias: "canUseAIAssistant", required: false }] }], canUseRS: [{ type: i0.Input, args: [{ isSignal: true, alias: "canUseRS", required: false }] }], canOpenDocument: [{ type: i0.Input, args: [{ isSignal: true, alias: "canOpenDocument", required: false }] }] } });
+            args: [{ selector: 'clipper-document-menu', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [FlexLayoutModule, MatMenuModule, MatIconModule, MatDividerModule, MatTooltipModule], template: "@if (canDeselectAll()) {\r\n<button mat-menu-item (click)=\"parent().selection?.clear()\" [attr.aria-label]=\"'Deseleziona tutti'\"\r\n  (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>clear</mat-icon>Deseleziona tutti\r\n</button>\r\n} @else if (canManageBag()) {\r\n<button mat-menu-item (click)=\"parent().openBag()\" [attr.aria-label]=\"'Gestisci documenti di lavoro'\"\r\n  (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>work_outline</mat-icon>Gestisci documenti di lavoro\r\n</button>\r\n}\r\n@if (canOpen()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Apri documento'\" (mouseenter)=\"showSubMenu()\"\r\n  (click)=\"open(getSingleSelection())\">\r\n  <mat-icon></mat-icon>Apri\r\n</button>\r\n}\r\n<button mat-menu-item [attr.aria-label]=\"'Apri documento in una nuova finestra'\" (mouseenter)=\"showSubMenu()\"\r\n  (click)=\"open(getSingleSelection(), true)\">\r\n  <mat-icon>open_in_new</mat-icon>Apri in una nuova finestra...\r\n</button>\r\n@if (canAddToWorkingDocuments()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Aggiungi ai documenti di lavoro'\"\r\n  (click)=\"parent().addItemsToBag(getMultipleSelection())\" (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>work_outline</mat-icon>Aggiungi ai documenti di lavoro\r\n</button>\r\n}\r\n@if(canPrint()) {\r\n<button mat-menu-item (click)=\"parent().print()\" [attr.aria-label]=\"'Stampa documento'\" (mouseenter)=\"showSubMenu()\">\r\n  <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start center\" fxFill>\r\n    <div fxFlex=\"*\" fxLayout=\"row\" fxFill fxLayoutAlign=\"start center\">\r\n      <mat-icon>print</mat-icon>\r\n      <div>Stampa</div>\r\n    </div>\r\n    <div class=\"accent small bold\">CTRL+P</div>\r\n  </div>\r\n</button>\r\n}\r\n@if(canFind()) {\r\n<button mat-menu-item (click)=\"parent().find()\" [attr.aria-label]=\"'Trova nel documento'\" (mouseenter)=\"showSubMenu()\">\r\n  <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start center\" fxFill>\r\n    <div fxFlex=\"*\" fxLayout=\"row\" fxFill fxLayoutAlign=\"start center\">\r\n      <mat-icon>find_in_page</mat-icon>\r\n      <div>Trova nel documento</div>\r\n    </div>\r\n    <div class=\"accent small bold\">CTRL+F</div>\r\n  </div>\r\n</button>\r\n}\r\n@if (canSendByEmail()) {\r\n<button mat-menu-item (click)=\"parent().sendItemsTo(getMultipleSelection())\"\r\n  [attr.aria-label]=\"'Invia documento per email'\" (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>send</mat-icon>Invia per email\r\n</button>\r\n}\r\n@if (canSaveAsPdf()) {\r\n<button mat-menu-item (click)=\"parent().exportPdf(getSingleSelection())\" (mouseenter)=\"showSubMenu()\"\r\n  [attr.aria-label]=\"'Salva documento in pdf'\">\r\n  <mat-icon>save_alt</mat-icon>Salva in pdf\r\n</button>\r\n}\r\n<button mat-menu-item [attr.aria-label]=\"'Genera un link permanente da utilizzare esternamente'\"\r\n  (click)=\"parent().showLink(getSingleSelection())\" (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>link</mat-icon>Link\r\n</button>\r\n<button mat-menu-item [attr.aria-label]=\"'Copia metadati negli appunti'\"\r\n  (click)=\"parent().copyMetadataToClipboard(getSingleSelection())\" (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>content_copy</mat-icon>Copia metadati\r\n</button>\r\n@if (!isReference() && canOpen()) {\r\n<button mat-menu-item [matMenuTriggerFor]=\"linksMenu\" #linksMenuTrigger=\"matMenuTrigger\"\r\n  (mouseenter)=\"showSubMenu(linksMenuTrigger)\" (mouseleave)=\"resetSubMenu(linksMenuTrigger)\">\r\n  <mat-icon>compare_arrows</mat-icon>Collegamenti\r\n</button>\r\n<mat-menu #linksMenu=\"matMenu\">\r\n  @if (!isReference() && canOpen()) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra i documenti richiamati da questo'\"\r\n    (click)=\"openReferences(getSingleSelection(), 1)\">\r\n    Documenti richiamati\r\n  </button>\r\n  }\r\n  @if (!isReference() && canOpen()) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra i documenti che richiamano questo'\"\r\n    (click)=\"openReferences(getSingleSelection(), 2)\">\r\n    Documenti che richiamano\r\n  </button>\r\n  }\r\n  @if (!isReference() && isLawInForce() && canOpen()) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra giurisprudenza'\" (click)=\"openReferences(getSingleSelection(), 4)\">\r\n    Juris\r\n  </button>\r\n  }\r\n  @if (!isReference() && isLawInForce() && canOpen()) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Mostra modifiche normative'\"\r\n    (click)=\"openReferences(getSingleSelection(), 3)\">\r\n    Modifiche\r\n  </button>\r\n  }\r\n</mat-menu>\r\n}\r\n@if (canExportCalendar()) {\r\n@if(useSelections()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Importa in Oultook (iCalandar)'\" (click)=\"parent().exportResults(2)\">\r\n  <mat-icon>mail_outline</mat-icon>Importa in Outlook (iCalendar)\r\n</button>\r\n} @else if (item()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Importa in Oultook (iCalandar)'\"\r\n  (click)=\"parent().exportItems([item().documentId], null,  2)\">\r\n  <mat-icon>mail_outline</mat-icon>Importa in Outlook (iCalendar)\r\n</button>\r\n}\r\n}\r\n@if (canSetAsUnread()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Segna come da leggere'\" (click)=\"setRead(false)\" (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>outlined_flag</mat-icon>Segna come da leggere\r\n</button>\r\n}\r\n@if (canSetAsRead()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Segna come gi\u00E0 letto'\" (click)=\"setRead(true)\" (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>flag</mat-icon>Segna come gi\u00E0 letto\r\n</button>\r\n}\r\n\r\n\r\n@if (isLawInForce() && canOpen()) {\r\n<button mat-menu-item [attr.aria-label]=\"'Mostra report'\" (click)=\"parent().report(getSingleSelection())\"\r\n  (mouseenter)=\"showSubMenu()\">\r\n  <mat-icon>assignment</mat-icon>Report\r\n</button>\r\n}\r\n\r\n@if (canUseAIAssistant() && hasSingleSelection()) {\r\n<mat-divider></mat-divider>\r\n<button mat-menu-item matTooltip=\"Assistente IA\" [attr.aria-label]=\"'Assistente IA'\"\r\n  [matMenuTriggerFor]=\"aiAssistantMenu\" #aiAssistantMenuTrigger=\"matMenuTrigger\"\r\n  (mouseenter)=\"showSubMenu(aiAssistantMenuTrigger)\" (mouseleave)=\"resetSubMenu(aiAssistantMenuTrigger)\">\r\n  <mat-icon>borg</mat-icon>\r\n  Assistente IA\r\n</button>\r\n<mat-menu #aiAssistantMenu=\"matMenu\">\r\n  <button mat-menu-item [attr.aria-label]=\"'Mi riguarda?'\" (click)=\"parent().AI_concernMe(getSingleSelection())\">\r\n    Mi riguarda?\r\n  </button>\r\n  <button mat-menu-item [attr.aria-label]=\"'Di che si tratta?'\" (click)=\"parent().AI_explain(getSingleSelection())\">\r\n    Di che si tratta?\r\n  </button>\r\n  @if (canUseAIEditor) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Genera commento tecnico'\"\r\n    (click)=\"parent().AI_comment(getSingleSelection())\">\r\n    Genera commento tecnico\r\n  </button>\r\n  <button mat-menu-item [attr.aria-label]=\"'Genera news'\" (click)=\"parent().AI_news(getSingleSelection())\">\r\n    Genera news\r\n  </button>\r\n  }\r\n</mat-menu>\r\n}\r\n\r\n@if (canAccessRS()) {\r\n<mat-divider></mat-divider>\r\n<button mat-menu-item matTooltip=\"Registro & Scadenzario\" [attr.aria-label]=\"'Opzioni di Registro & Scadenzario'\"\r\n  [matMenuTriggerFor]=\"rsMenu\" #rsMenuTrigger=\"matMenuTrigger\" (mouseenter)=\"showSubMenu(rsMenuTrigger)\"\r\n  (mouseleave)=\"resetSubMenu(rsMenuTrigger)\">\r\n  <mat-icon>alarm_on</mat-icon>\r\n  Registro e scadenzario\r\n</button>\r\n<mat-menu #rsMenu=\"matMenu\">\r\n  <button mat-menu-item [attr.aria-label]=\"'Nuova legge'\" (click)=\"parent().RS_newLaw(getMultipleSelection())\">\r\n    Nuova legge\r\n  </button>\r\n  @if (hasSingleSelection()) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Nuova attivit\u00E0'\" (click)=\"parent().RS_newActivity(getSingleSelection())\">\r\n    Nuova attivit\u00E0\r\n  </button>\r\n  }\r\n  @if (hasSingleSelection()) {\r\n  <button mat-menu-item [attr.aria-label]=\"'Report utilizzo norma'\"\r\n    (click)=\"parent().RS_usageReport(getSingleSelection())\">\r\n    Report utilizzo norma\r\n  </button>\r\n  }\r\n</mat-menu>\r\n}" }]
+        }], propDecorators: { rsMenuTrigger: [{ type: i0.ViewChild, args: ['rsMenuTrigger', { isSignal: true }] }], aiAssistantMenuTrigger: [{ type: i0.ViewChild, args: ['aiAssistantMenuTrigger', { isSignal: true }] }], linksMenuTrigger: [{ type: i0.ViewChild, args: ['linksMenuTrigger', { isSignal: true }] }], useSelections: [{ type: i0.Input, args: [{ isSignal: true, alias: "useSelections", required: false }] }], selectionSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionSource", required: false }] }], parent: [{ type: i0.Input, args: [{ isSignal: true, alias: "parent", required: true }] }], item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: false }] }], isReference: [{ type: i0.Input, args: [{ isSignal: true, alias: "isReference", required: false }] }], isReadable: [{ type: i0.Input, args: [{ isSignal: true, alias: "isReadable", required: false }] }], isReadableModel: [{ type: i0.Input, args: [{ isSignal: true, alias: "isReadableModel", required: false }] }], isLawInForce: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLawInForce", required: false }] }], canPrint: [{ type: i0.Input, args: [{ isSignal: true, alias: "canPrint", required: false }] }], canFind: [{ type: i0.Input, args: [{ isSignal: true, alias: "canFind", required: false }] }], canUseAIAssistant: [{ type: i0.Input, args: [{ isSignal: true, alias: "canUseAIAssistant", required: false }] }], canUseRS: [{ type: i0.Input, args: [{ isSignal: true, alias: "canUseRS", required: false }] }], canOpenDocument: [{ type: i0.Input, args: [{ isSignal: true, alias: "canOpenDocument", required: false }] }] } });
 
 class ClipperSearchFacetsComponent {
     constructor() {
@@ -532,10 +511,6 @@ class ClipperDocumentManager {
         this.clipperService = inject(ClipperService);
         this.broadcastService = inject(BroadcastService);
         this.dialogService = inject(ApplicationDialogService);
-        this.canUseArchive = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canUseArchive" }] : /* istanbul ignore next */ []));
-        this.canUseNotes = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canUseNotes" }] : /* istanbul ignore next */ []));
         this.canHandleTooManyResults = signal(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "canHandleTooManyResults" }] : /* istanbul ignore next */ []));
         this.canPopulateContacts = signal(false, /* @ts-ignore */
@@ -601,20 +576,6 @@ class ClipperDocumentManager {
     exportDeadline(item) {
         this.exportItems([item.documentId], undefined, 2);
     }
-    /**
-     * Sends a broadcast message to add the given documents to the archive.
-     * @param items - The list of documents to archive.
-     */
-    addToArchive(items) {
-        this.broadcastService.sendMessage(ClipperMessages.COMMAND_ARCHIVE_ADD, items);
-    }
-    /**
-     * Sends a broadcast message to create a new calendar deadline from the given document.
-     * @param item - The document to add to the calendar.
-     */
-    addToCalendar(item) {
-        this.broadcastService.sendMessage(ClipperMessages.COMMAND_CALENDAR_ADD, item);
-    }
     /**
      * Sends a broadcast message to add the given documents to the working-documents set.
      * @param items - The list of documents to add.
@@ -631,13 +592,6 @@ class ClipperDocumentManager {
             return;
         this.clipperService.documents.addToBag(items?.map(n => n.documentId ?? n.id) ?? []);
     }
-    /**
-     * Sends a broadcast message to add custom notes to the given document.
-     * @param item - The document to add notes to.
-     */
-    addItemNotes(item) {
-        this.broadcastService.sendMessage(ClipperMessages.COMMAND_NOTES_ADD, item);
-    }
     /**
      * Copies the document's metadata (ID, titles, number, date, origin) as a tab-separated string to the clipboard.
      * @param item - The document whose metadata to copy.
@@ -812,7 +766,6 @@ class ClipperDocumentManager {
                 data: {
                     documentId: documentId,
                     mode: mode,
-                    canUseArchive: this.canUseArchive(),
                     canHandleTooManyResults: this.canHandleTooManyResults()
                 },
                 minWidth: '375px',
@@ -1005,71 +958,93 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
                 }]
         }], propDecorators: { populateContacts: [{ type: i0.Output, args: ["populateContacts"] }] } });
 
-class ClipperDocumentsUtils {
+/**
+ * Opens the Clipper document viewer.
+ *
+ * It used to be a static method taking an `Injector` and resolving its dependencies through
+ * `runInInjectionContext`. That is the escape hatch for code that cannot do DI, and both callers
+ * here are components — they were injecting an `Injector` for the sole purpose of handing it over.
+ * As a service the dependencies are resolved at field level, which also removes a trap: the
+ * asynchronous continuation after the dynamic `import()` is outside the injection context, so an
+ * `inject()` added in there would have failed at runtime.
+ */
+class ClipperDocumentUtilsService {
+    constructor() {
+        this.dialogService = inject(DialogService);
+        this.clipperService = inject(ClipperService);
+    }
     /**
      * Opens the Clipper document viewer dialog for the given document.
-     * @param injector - The Angular injector used to resolve `DialogService` and `ClipperService`.
      * @param documentId - The ID of the document to open.
      * @param query - The search query string used for term highlighting.
      * @param queryChunks - Pipe-separated highlight chunks (e.g. "|1|2|3...").
      * @param selectionMode - The Clipper selection mode to activate inside the viewer.
      * @param selectableModules - The list of Clipper modules available for selection.
      * @param theme - The UI theme to apply. Defaults to the system theme.
-     * @param canUseArchive - When `true`, archive access is enabled inside the viewer.
-     * @param canUseNotes - When `true`, notes access is enabled inside the viewer.
      * @param canHandleTooManyResults - When `true`, the component handles oversized result sets.
      * @param replaceUrl - When provided, after the dialog closes the method calls `window.close()`
      *   if the page was opened by another window, or navigates to this URL otherwise.
+     * @returns void
      */
-    static openDocument(injector, documentId, query, queryChunks, selectionMode, selectableModules, theme, canUseArchive, canUseNotes, canHandleTooManyResults, replaceUrl) {
-        runInInjectionContext(injector, () => {
-            const dialogService = inject(DialogService);
-            const clipperService = inject(ClipperService);
-            if (!clipperService.loggedIn()) {
-                dialogService.error("Clipper non è disponibile in questo momento. Verifica la connessione.");
-                return;
-            }
-            if (!documentId) {
-                dialogService.error("Documento non valido.");
-                return;
-            }
-            Promise.resolve().then(function () { return document_component; }).then(({ ClipperDocumentComponent }) => {
-                const ref = dialogService.open(ClipperDocumentComponent, {
-                    ariaLabel: 'documento',
-                    autoFocus: 'dialog',
-                    restoreFocus: false,
-                    disableClose: false,
-                    data: {
-                        id: documentId,
-                        query: query,
-                        queryChunks: queryChunks,
-                        selectionMode: selectionMode,
-                        selectableModules: selectableModules,
-                        theme: theme,
-                        canUseArchive: canUseArchive,
-                        canUseNotes: canUseNotes,
-                        canHandleTooManyResults: canHandleTooManyResults
-                    },
-                    minWidth: '375px',
-                    maxWidth: '1400px',
-                    width: '100%',
-                    height: '100%'
-                });
-                if (replaceUrl && ref) {
-                    ref.beforeClosed().subscribe(() => {
-                        setTimeout(() => {
-                            if (window.opener !== null) {
-                                window.close();
-                            }
-                            else {
-                                window.location.replace(replaceUrl);
-                            }
-                        }, 500);
-                    });
-                }
+    openDocument(documentId, query, queryChunks, selectionMode, selectableModules, theme, canHandleTooManyResults, replaceUrl) {
+        if (!this.clipperService.loggedIn()) {
+            this.dialogService.error("Clipper non è disponibile in questo momento. Verifica la connessione.");
+            return;
+        }
+        if (!documentId) {
+            this.dialogService.error("Documento non valido.");
+            return;
+        }
+        // NB: `import()` here does NOT make the viewer lazy. ng-packagr flattens every file of an
+        // entry point into one FESM module, so a dynamic import of a sibling is inlined at build time
+        // (the cross-entry-point ones in `ui.application` are the ones that survive). It stays as an
+        // import() only because it keeps the module graph honest; to load the viewer on demand for
+        // real it would have to live in an entry point of its own.
+        Promise.resolve().then(function () { return document_component; }).then(({ ClipperDocumentComponent }) => {
+            const ref = this.dialogService.open(ClipperDocumentComponent, {
+                ariaLabel: 'documento',
+                autoFocus: 'dialog',
+                restoreFocus: false,
+                disableClose: false,
+                data: {
+                    id: documentId,
+                    query: query,
+                    queryChunks: queryChunks,
+                    selectionMode: selectionMode,
+                    selectableModules: selectableModules,
+                    theme: theme,
+                    canHandleTooManyResults: canHandleTooManyResults
+                },
+                minWidth: '375px',
+                maxWidth: '1400px',
+                width: '100%',
+                height: '100%'
             });
+            if (replaceUrl && ref) {
+                ref.beforeClosed().subscribe(() => {
+                    setTimeout(() => {
+                        if (window.opener !== null) {
+                            window.close();
+                        }
+                        else {
+                            window.location.replace(replaceUrl);
+                        }
+                    }, 500);
+                });
+            }
         });
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ClipperDocumentUtilsService, deps: [], target: i0.ɵɵFactoryTarget.Service }); }
+    static { this.ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.3", ngImport: i0, type: ClipperDocumentUtilsService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ClipperDocumentUtilsService, decorators: [{
+            type: Service
+        }] });
+/**
+ * Pure helpers on document data. Deliberately NOT a service: there is nothing to inject, and a
+ * string function that needs an injector to be called is a function nobody can call from a test.
+ */
+class ClipperDocumentsUtils {
     /**
      * Extracts the display title from a full document title by stripping any trailing `[...]` suffix.
      * @param title - The full document title, which may contain a bracketed qualifier.
@@ -1095,7 +1070,7 @@ class ClipperSearchResultManager extends ClipperDocumentManager {
         this.destroyRef = inject(DestroyRef);
         this.changeDetector = inject(ChangeDetectorRef);
         this.breakpointObserver = inject(BreakpointObserver);
-        this.injector = inject(Injector);
+        this.documentUtils = inject(ClipperDocumentUtilsService);
         this.themeService = inject(ThemeService);
         this.screenService = inject(ScreenService);
         this.selectionMode = signal(ClipperSelectionMode.None, /* @ts-ignore */
@@ -1569,7 +1544,7 @@ class ClipperSearchResultManager extends ClipperDocumentManager {
         if (((this.filterParams.flags ?? 0) & ClipperQueryDocumentFlags.UseSemanticSearch) > 0) {
             query = '$' + query;
         }
-        ClipperDocumentsUtils.openDocument(this.injector, documentId, query, queryChunks, this.selectionMode(), undefined, this.themeService.getTheme(), this.canUseArchive(), this.canUseNotes(), this.canHandleTooManyResults());
+        this.documentUtils.openDocument(documentId, query, queryChunks, this.selectionMode(), undefined, this.themeService.getTheme(), this.canHandleTooManyResults());
     }
     ///
     // Restorable
@@ -1656,463 +1631,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
                 }]
         }], propDecorators: { paginator: [{ type: i0.ViewChild, args: ['paginator', { isSignal: true }] }], facets: [{ type: i0.ViewChild, args: ['facets', { isSignal: true }] }], calendar: [{ type: i0.ViewChild, args: ['calendar', { isSignal: true }] }] } });
 
-class ClipperContactsSelector {
-    /**
-     * Builds an HTML string representing a list of email addresses separated by line breaks.
-     * @param emails - A semicolon-separated string of email addresses, or undefined.
-     * @returns An HTML string with each address wrapped in a `<span>` tag.
-     */
-    static buildEmailsHtml(emails) {
-        if (!emails)
-            return '';
-        return emails.split(';').map(n => `<span>${n}</span>`).join('<br>');
-    }
-    /**
-     * Builds the HTML row template used to display a contact inside the selection dialog.
-     * @param item - The contact data to render.
-     * @returns An HTML string representing the contact row.
-     */
-    static buildContactTemplate(item) {
-        const emails = ClipperContactsSelector.buildEmailsHtml(item.emails);
-        const disabledAttr = item.disabled ? "class='disabled' title='Disabilitato'" : '';
-        const teamHtml = item.teamTitle
-            ? `<br><span class='x-small uppercase accent'>${item.teamTitle}</span>`
-            : '';
-        return `<table class='template-table'><tr ${disabledAttr}>`
-            + `<td class='col-50 col-maximizable small bold'>${item.name ?? ''}${teamHtml}</td>`
-            + `<td class='col-50 col-hideable x-small uppercase'>${emails}</td>`
-            + `</tr></table>`;
-    }
-    /**
-     * Opens the contacts selection/management dialog and wires up all interaction events.
-     * @param injector - The Angular injector used to resolve services within the dialog context.
-     * @param canAppend - When true, the dialog allows adding new contacts.
-     * @param canEdit - When true, the dialog allows editing and deleting contacts.
-     * @param onSelect - Optional callback invoked with the selection result when the user confirms.
-     */
-    static Show(injector, canAppend, canEdit, onSelect) {
-        runInInjectionContext(injector, async () => {
-            const dialogService = inject(ApplicationDialogService);
-            const clipperService = inject(ClipperService);
-            let lookupSubscription;
-            const canSelect = onSelect !== undefined;
-            const d = await dialogService.select({
-                title: canSelect ? 'Seleziona un contatto' : 'Gestisci contatti',
-                multipleSelection: true,
-                mustSelect: canSelect,
-                header: "<table class='template-table template-table-header small'><tr><th class='col-50 col-maximizable'>Nome</th><th class='col-50 col-hideable'>Indirizzi email</th></tr></table>",
-                okCaption: 'Seleziona',
-                canAppend,
-                canEdit,
-                canDelete: canEdit,
-                canLookup: true,
-            });
-            d?.afterClosed().subscribe(() => lookupSubscription?.unsubscribe());
-            d?.componentInstance.done.subscribe((result) => onSelect?.(result));
-            d?.componentInstance.append.subscribe((result) => {
-                Promise.resolve().then(function () { return contactEdit_component; }).then(({ ClipperContactEditComponent }) => {
-                    const d2 = dialogService.open(ClipperContactEditComponent, {
-                        ariaLabel: 'crea contatto',
-                        autoFocus: 'dialog',
-                        restoreFocus: false,
-                        disableClose: true,
-                        data: { currentItem: null },
-                        minWidth: '375px',
-                        maxWidth: '500px',
-                        width: '99%',
-                    });
-                    d2?.componentInstance.done.subscribe((result2) => {
-                        if (result2.isNew) {
-                            const item = result2.data;
-                            result.items.unshift({
-                                template: ClipperContactsSelector.buildContactTemplate(item),
-                                bag: item,
-                                searchBag: { name: item.name ?? '?' },
-                            });
-                        }
-                        result.owner.notifyChanges();
-                        d2?.close();
-                    });
-                });
-            });
-            d?.componentInstance.edit.subscribe((result) => {
-                Promise.resolve().then(function () { return contactEdit_component; }).then(({ ClipperContactEditComponent }) => {
-                    const d2 = dialogService.open(ClipperContactEditComponent, {
-                        ariaLabel: 'modifica contatto',
-                        autoFocus: 'dialog',
-                        restoreFocus: false,
-                        disableClose: true,
-                        data: { currentItem: result.item.bag },
-                        minWidth: '375px',
-                        maxWidth: '500px',
-                        width: '99%',
-                    });
-                    d2?.componentInstance.done.subscribe((result2) => {
-                        const item = result2.data;
-                        const i = result.items.indexOf(result.item);
-                        if (i !== -1) {
-                            result.items[i].template = ClipperContactsSelector.buildContactTemplate(item);
-                            result.items[i].bag = item;
-                            result.items[i].searchBag = { name: item.name ?? '' };
-                        }
-                        result.owner?.notifyChanges();
-                        d2?.close();
-                    });
-                });
-            });
-            d?.componentInstance.delete.subscribe((result) => {
-                if (!(result.selectedItems?.length > 0))
-                    return;
-                const ids = result.selectedItems
-                    .map(n => n.bag?.id)
-                    .filter((id) => id != null);
-                const message = result.selectedItems.length === 1
-                    ? `Vuoi davvero eliminare il contatto ${result.selectedItems[0].bag.name}?`
-                    : 'Vuoi davvero eliminare i contatti selezionati?';
-                dialogService.confirm(message)
-                    ?.componentInstance.choosen.subscribe((data) => {
-                    if (data.result !== 'ok')
-                        return;
-                    dialogService.busy('Eliminazione in corso...');
-                    clipperService.collaboration.deleteContacts(ids)
-                        .pipe(finalize(() => dialogService.clearBusy()))
-                        .subscribe(r => {
-                        if (!r.success) {
-                            dialogService.error(r.message);
-                        }
-                        else {
-                            for (let i = result.items.length - 1; i >= 0; i--) {
-                                if (ids.includes(result.items[i].bag?.id)) {
-                                    result.items.splice(i, 1);
-                                }
-                            }
-                            result.owner?.notifyChanges(result.items.length);
-                            d?.componentInstance.clearSelection();
-                            dialogService.toast('Operazione completata con successo.');
-                        }
-                    });
-                });
-            });
-            d?.componentInstance.lookup.subscribe((result) => {
-                dialogService.busy('Ricerca in corso...');
-                lookupSubscription?.unsubscribe();
-                lookupSubscription = clipperService.collaboration
-                    .queryContacts({ any: result.filter, count: 100 })
-                    .pipe(finalize(() => dialogService.clearBusy()))
-                    .subscribe(r => {
-                    if (!r.success) {
-                        dialogService.error(r.message);
-                        return;
-                    }
-                    if ((r.value?.total ?? 0) > 0) {
-                        result.items.length = 0;
-                        r.value.items.forEach(n => {
-                            result.items.push({
-                                template: ClipperContactsSelector.buildContactTemplate(n),
-                                bag: n,
-                                searchBag: { name: n.name ?? '?' },
-                            });
-                        });
-                    }
-                    result.owner?.notifyChanges(r.value?.total ?? 0);
-                });
-            });
-        });
-    }
-}
-
-class ClipperNoteBadgeComponent {
-    constructor() {
-        this.themeService = inject(ThemeService);
-        this.injector = inject(Injector);
-        this.clipperService = inject(ClipperService);
-        this.broadcastService = inject(BroadcastService);
-        this.dialogService = inject(ApplicationDialogService);
-        this.destroyRef = inject(DestroyRef);
-        this.overlay = inject(Overlay);
-        this.overlayRef = null;
-        this.resizeSub = null;
-        this.viewContainerRef = inject(ViewContainerRef);
-        this.populateContacts = output();
-        this.popupTpl = viewChild.required('popupTpl', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "popupTpl" }] : /* istanbul ignore next */ []));
-        this.note = model.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "note" }] : /* istanbul ignore next */ []));
-        this.theme = toSignal(this.themeService.changed, { initialValue: null });
-        /**
-         * Badge background colour, blended from the note colour and the active theme.
-         * Recomputes automatically whenever the theme or the note colour changes.
-         */
-        this.backgroundColor = computed(() => {
-            this.theme(); // register a dependency so the colour re-evaluates on theme changes
-            const color = this.note().color;
-            return this.themeService.getTheme() === 'dark'
-                ? `color-mix(in srgb, ${color} 60%, black)`
-                : `color-mix(in srgb, ${color} 40%, white)`;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "backgroundColor" }] : /* istanbul ignore next */ []));
-        this.trackingUnopenedCount = computed(() => {
-            const trackings = this.note().trackings;
-            if (!trackings?.length)
-                return -1;
-            return trackings.filter(t => !t.openDate).length;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "trackingUnopenedCount" }] : /* istanbul ignore next */ []));
-        this.trackingOpenedCount = computed(() => {
-            const trackings = this.note().trackings;
-            if (!trackings?.length)
-                return 0;
-            return trackings.filter(t => !!t.openDate).length;
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "trackingOpenedCount" }] : /* istanbul ignore next */ []));
-        this.totalTrackings = computed(() => this.note().trackings?.length ?? 0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "totalTrackings" }] : /* istanbul ignore next */ []));
-        this.destroyRef.onDestroy(() => this.closePopup());
-    }
-    /**
-     * Opens the note-details popup positioned near the mouse cursor.
-     * Stops event propagation to avoid triggering parent click handlers.
-     * @param event - The mouse event used to determine the popup position.
-     */
-    showPopup(event) {
-        event.stopPropagation();
-        this.closePopup();
-        const popupWidth = 320;
-        const fitsRight = event.clientX + popupWidth <= window.innerWidth;
-        const buildPositionBelow = () => {
-            const s = this.overlay.position().global().top(`${event.clientY}px`);
-            return fitsRight ? s.left(`${event.clientX}px`) : s.centerHorizontally();
-        };
-        const buildPositionAbove = () => {
-            const s = this.overlay.position().global().bottom(`${window.innerHeight - event.clientY}px`);
-            return fitsRight ? s.left(`${event.clientX}px`) : s.centerHorizontally();
-        };
-        const ref = this.overlay.create({
-            positionStrategy: buildPositionBelow(),
-            hasBackdrop: true,
-            backdropClass: 'cdk-overlay-transparent-backdrop',
-            scrollStrategy: this.overlay.scrollStrategies.close(),
-        });
-        this.resizeSub = fromEvent(window, 'resize').pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => this.closePopup());
-        ref.keydownEvents().pipe(takeUntilDestroyed(this.destroyRef)).subscribe(e => { if (e.key === 'Escape')
-            this.closePopup(); });
-        ref.backdropClick().pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => this.closePopup());
-        ref.attach(new TemplatePortal(this.popupTpl(), this.viewContainerRef));
-        // After rendering, check if the popup overflows the bottom of the viewport and reposition upward
-        setTimeout(() => {
-            if (!this.overlayRef)
-                return;
-            const rect = ref.overlayElement.getBoundingClientRect();
-            if (rect.bottom > window.innerHeight) {
-                ref.updatePositionStrategy(buildPositionAbove());
-            }
-        });
-        this.overlayRef = ref;
-    }
-    /**
-     * Closes the note-details popup and cleans up overlay resources.
-     * @param event - Optional mouse event; when provided, propagation is stopped.
-     */
-    closePopup(event) {
-        event?.stopPropagation();
-        this.resizeSub?.unsubscribe();
-        this.resizeSub = null;
-        this.overlayRef?.detach();
-        this.overlayRef?.dispose();
-        this.overlayRef = null;
-    }
-    /**
-     * Opens the note-edit dialog pre-populated with the current note data.
-     * On confirmation, updates the model and broadcasts the change.
-     * Stops event propagation to avoid triggering parent click handlers.
-     * @param event - The mouse event that triggered the edit action.
-     */
-    edit(event) {
-        event.stopPropagation();
-        Promise.resolve().then(function () { return noteEdit_component; }).then(({ ClipperNoteEditComponent }) => {
-            const d = this.dialogService.open(ClipperNoteEditComponent, {
-                ariaLabel: 'modifica annotazione',
-                autoFocus: 'dialog',
-                restoreFocus: false,
-                disableClose: true,
-                closeOnNavigation: false,
-                data: { currentItem: this.note() },
-                minWidth: '375px',
-                maxWidth: '600px',
-                width: '100%',
-            });
-            d?.componentInstance.done.subscribe(result => {
-                this.note.update(t => ({ ...result, trackings: t.trackings }));
-                this.broadcastService.sendMessage(ClipperMessages.COMMAND_NOTES_UPDATE, this.note());
-                d?.close();
-            });
-        });
-    }
-    /**
-     * Opens a confirmation dialog and, on confirmation, deletes the note via the service.
-     * Broadcasts the deletion and closes the popup on success.
-     * Stops event propagation to avoid triggering parent click handlers.
-     * @param event - The mouse event that triggered the delete action.
-     */
-    delete(event) {
-        event.stopPropagation();
-        this.dialogService
-            .confirm('Sei sicuro di voler eliminare questa annotazione?', 'Attenzione!')
-            ?.componentInstance.choosen.subscribe((data) => {
-            if (data.result === 'ok') {
-                this.dialogService.busy('Eliminazione in corso...');
-                this.clipperService.collaboration.deleteNotes([this.note().id ?? 0])
-                    .pipe(finalize(() => this.dialogService.clearBusy()))
-                    .subscribe(r => {
-                    if (!r.success) {
-                        this.dialogService.error(r.message);
-                    }
-                    else {
-                        this.dialogService.toast('Operazione completata con successo.');
-                        this.broadcastService.sendMessage(ClipperMessages.COMMAND_NOTES_DELETE, this.note());
-                        this.closePopup();
-                    }
-                });
-            }
-        });
-    }
-    /**
-     * Opens the send-by-email dialog for the document linked to this note.
-     * On confirmation, sends a notification via the service and updates tracking data.
-     * Stops event propagation to avoid triggering parent click handlers.
-     * @param event - The mouse event that triggered the send action.
-     */
-    sendTo(event) {
-        event.stopPropagation();
-        if (!this.note().documentId)
-            return;
-        const d = this.dialogService.open(SendToDialogComponent, {
-            ariaLabel: 'invia documenti per email',
-            autoFocus: 'dialog',
-            restoreFocus: false,
-            disableClose: true,
-            closeOnNavigation: true,
-            data: {
-                title: 'Invia per email',
-                text: this.note().note,
-                subject: `${this.note().name}`,
-                canPopulate: true,
-            },
-            minWidth: '375px',
-            maxWidth: '600px',
-            width: '100%',
-        });
-        d?.componentInstance.done
-            .subscribe(data => {
-            const params = {
-                recipients: data.recipients,
-                userNoteId: this.note().id ?? 0,
-                subject: data.subject,
-                text: data.text
-            };
-            this.dialogService.busy('Invio in corso...');
-            this.clipperService.documents.notifyNoteTo(params)
-                .pipe(finalize(() => this.dialogService.clearBusy()))
-                .subscribe(r => {
-                if (!r.success) {
-                    this.dialogService.error(r.message);
-                }
-                else {
-                    if (r.value.updated > 0) {
-                        this.note.update(t => ({ ...t, trackings: r.value.items }));
-                        this.dialogService.toast('Invio completato con successo.');
-                    }
-                    else {
-                        this.dialogService.toast('Non è stato necessario inviare alcun email.');
-                    }
-                    d?.close();
-                }
-            });
-        });
-        d?.componentInstance.populate
-            .subscribe(data => {
-            ClipperContactsSelector.Show(this.injector, true, true, (contacts) => {
-                if (contacts?.selectedItems?.length > 0) {
-                    const recipients = contacts.selectedItems
-                        .filter((c) => c.bag?.emails)
-                        .map((c) => c.bag.emails)
-                        .join(';');
-                    data.source.updateRecipients(recipients);
-                }
-            });
-        });
-    }
-    /**
-     * Opens a confirmation dialog and, on confirmation, resends the email notifications
-     * associated with this note.
-     * Stops event propagation to avoid triggering parent click handlers.
-     * @param event - The mouse event that triggered the resend action.
-     * @param notifyIfNotOpen - When `true`, only recipients who have not yet opened the previous email are notified.
-     */
-    sendAgain(event, notifyIfNotOpen) {
-        event.stopPropagation();
-        this.dialogService.confirm('Vuoi inviare nuovamente le email associate a questa annotazione?', 'Attenzione!')?.componentInstance.choosen.subscribe((data) => {
-            if (data.result === 'ok') {
-                this.dialogService.busy('Invio in corso...');
-                const params = {
-                    notifyIfNotOpen: notifyIfNotOpen,
-                    userNoteId: this.note().id ?? 0,
-                };
-                this.clipperService.documents.notifyNoteTo(params)
-                    .pipe(finalize(() => this.dialogService.clearBusy()))
-                    .subscribe(r => {
-                    if (!r.success) {
-                        this.dialogService.error(r.message);
-                        return;
-                    }
-                    else {
-                        if (r.value.updated > 0) {
-                            this.note.update(t => ({ ...t, trackings: r.value.items }));
-                            this.dialogService.toast('Invio completato con successo.');
-                        }
-                        else {
-                            this.dialogService.toast('Non è stato necessario inviare alcun email.');
-                        }
-                    }
-                });
-            }
-        });
-    }
-    /**
-     * Fetches the latest tracking data for the note from the server and updates the model.
-     * Stops event propagation to avoid triggering parent click handlers.
-     * @param event - The mouse event that triggered the refresh action.
-     */
-    refresh(event) {
-        event.stopPropagation();
-        const noteId = this.note().id ?? 0;
-        if (!noteId)
-            return;
-        this.dialogService.busy('Aggiornamento in corso...');
-        this.clipperService.collaboration.getNoteTrackings(noteId)
-            .pipe(finalize(() => this.dialogService.clearBusy()))
-            .subscribe(r => {
-            if (!r.success) {
-                this.dialogService.error(r.message);
-            }
-            else {
-                this.note.update(t => ({ ...t, trackings: r.value }));
-            }
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ClipperNoteBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: ClipperNoteBadgeComponent, isStandalone: true, selector: "clipper-note-badge", inputs: { note: { classPropertyName: "note", publicName: "note", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { populateContacts: "populateContacts", note: "noteChange" }, viewQueries: [{ propertyName: "popupTpl", first: true, predicate: ["popupTpl"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"note-wrapper\">\r\n  <div class=\"note\" [style.border-left-color]=\"note().color\" [style.background-color]=\"backgroundColor()\"\r\n    (click)=\"showPopup($event)\">\r\n    {{note().name}}\r\n    @if (trackingUnopenedCount() >= 0) {\r\n    @if (trackingUnopenedCount() === 0) {\r\n    <span class=\"tracking-badge tracking-badge--all-open\"\r\n      [matTooltip]=\"'Mail tutte aperte'\"><mat-icon>check_circle</mat-icon></span>\r\n    } @else {\r\n    <span class=\"tracking-badge tracking-badge--missing\"\r\n      [matTooltip]=\"'Mail non aperte: ' + trackingUnopenedCount()\">{{-trackingUnopenedCount()}}</span>\r\n    }\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<ng-template #popupTpl>\r\n  <div class=\"popup\">\r\n    <div class=\"popup-header\" [style.border-left-color]=\"note().color\">\r\n      <span class=\"popup-name\">{{note().name}}</span>\r\n      <button mat-icon-button (click)=\"closePopup($event)\" aria-label=\"Chiudi\" matTooltip=\"Chiudi\">\r\n        <mat-icon>close</mat-icon>\r\n      </button>\r\n    </div>\r\n    <div class=\"popup-content\">\r\n      @if (note().note) {\r\n      <div class=\"popup-note\">{{note().note}}</div>\r\n      }\r\n      @if (totalTrackings() > 0) {\r\n      <div class=\"popup-toolbar\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxFill>\r\n        <div class=\"tracking-summary\" matTooltip=\"Aperture mail\">\r\n          <mat-icon class=\"open-yes\">mark_email_read</mat-icon>\r\n          {{trackingOpenedCount()}} / {{totalTrackings()}}\r\n        </div>\r\n        <div>\r\n          <button mat-icon-button (click)=\"refresh($event)\" aria-label=\"Aggiorna\" matTooltip=\"Aggiorna stato aperture\">\r\n            <mat-icon>refresh</mat-icon>\r\n          </button>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"tracking-table-wrapper\">\r\n        <table class=\"tracking-table\">\r\n          <thead>\r\n            <tr>\r\n              <th>Destinatario</th>\r\n              <th fxHide.xs>Inviato il</th>\r\n              <th>Apertura</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            @for (t of note().trackings; track t.id) {\r\n            <tr>\r\n              <td>{{t.email ?? '-'}}</td>\r\n              <td fxHide.xs class=\"center\">{{t.sentDate | format:'D':'dd/MM/yyyy HH:mm'}}</td>\r\n              <td class=\"open-cell\">\r\n                @if (t.openDate) {\r\n                <mat-icon class=\"open-yes\"\r\n                  [matTooltip]=\"t.openDate | format:'D':'dd/MM/yyyy HH:mm'\">check_circle</mat-icon>\r\n                } @else {\r\n                <mat-icon class=\"open-no\">radio_button_unchecked</mat-icon>\r\n                }\r\n              </td>\r\n            </tr>\r\n            }\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n      }\r\n      <div class=\"popup-footer\">\r\n        <button mat-icon-button (click)=\"edit($event)\" aria-label=\"Modifica\" matTooltip=\"Modifica\">\r\n          <mat-icon>edit</mat-icon>\r\n        </button>\r\n        <button mat-icon-button (click)=\"delete($event)\" aria-label=\"Elimina\" matTooltip=\"Elimina\">\r\n          <mat-icon>delete</mat-icon>\r\n        </button>\r\n        <button mat-icon-button (click)=\"sendTo($event)\" aria-label=\"Invia\" matTooltip=\"Invia per email\">\r\n          <mat-icon>send</mat-icon>\r\n        </button>\r\n        @if(totalTrackings() > 0) {\r\n        <button mat-icon-button (click)=\"sendAgain($event, false)\" aria-label=\"Invia di nuovo\"\r\n          matTooltip=\"Invia di nuovo per email\">\r\n          <mat-icon>forward</mat-icon>\r\n        </button>\r\n        @if (trackingUnopenedCount() > 0) {\r\n        <button mat-icon-button (click)=\"sendAgain($event, true)\" aria-label=\"Invia se non aperto\"\r\n          matTooltip=\"Invia una nuova mail a coloro che non hanno ancora aperto la mail precedente.\">\r\n          <mat-icon>notifications_active</mat-icon>\r\n        </button>\r\n        }\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n</ng-template>", styles: [".note-wrapper{display:inline-flex;align-items:center;gap:3px}.tracking-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;flex-shrink:0}.tracking-badge--all-open{background:#2e7d32;width:16px;height:16px}.tracking-badge--all-open mat-icon{font-size:16px;width:16px;height:16px;line-height:16px}.tracking-badge--missing{background:#c62828;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;padding:0 3px}.note{display:inline-flex;align-items:center;gap:10px;padding:2px 6px;border-radius:4px;border-left:4px solid;font-size:10px;cursor:pointer;-webkit-user-select:none;user-select:none;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;transition:filter .15s ease,box-shadow .15s ease}.note:hover{filter:brightness(.92);box-shadow:0 1px 4px #0000002e}:host-context(.dark) .note:hover{filter:brightness(1.15);box-shadow:0 1px 4px #0006}.popup{background:var(--ars-drawer-background-color);border-radius:6px;box-shadow:0 4px 16px #00000038;min-width:300px;max-width:600px;width:100%;padding:12px 0 4px 12px}.popup .popup-header{display:flex;align-items:center;justify-content:space-between;border-left:6px solid;padding-left:8px;padding-right:4px}.popup .popup-header .popup-name{font-weight:600;font-size:14px;flex:1;color:var(--ars-color-accent)}.popup .popup-toolbar{padding-right:4px}.popup .popup-footer{display:flex;justify-content:center;column-gap:6px;align-items:center;padding-top:30px;padding-bottom:8px;padding-right:26px}.popup .popup-content{font-size:13px;padding:12px 0 0 14px}.popup .popup-note{white-space:pre-wrap;margin:10px 12px 10px 0}.popup .tracking-summary{display:inline-flex;align-items:center;gap:6px;color:var(--ars-color-secondary);margin-top:10px;font-weight:700}.popup .tracking-summary mat-icon{font-size:16px;font-weight:700;width:16px;height:16px}.popup .tracking-table-wrapper{max-height:300px;overflow-y:auto;margin-top:10px;padding-right:26px}.popup .tracking-table{width:100%;border-collapse:collapse;font-size:12px}.popup .tracking-table tr:first-child td{padding-top:6px}.popup .tracking-table th{position:sticky;top:0;background:var(--ars-drawer-background-color);z-index:1;box-shadow:inset 0 -1px 0 var(--ars-color-divider);text-align:left;padding:0 6px 9px;font-weight:600;color:var(--ars-color-secondary);white-space:nowrap}.popup .tracking-table th:last-child{text-align:center}.popup .tracking-table td{padding:0 6px 3px;vertical-align:middle;text-align:left}.popup .tracking-table tbody tr:nth-child(2n){background:#00000008}.popup .tracking-table .open-cell{display:flex;align-items:center;justify-content:center}.popup .tracking-table .open-yes{font-size:16px;width:16px;height:16px;color:#4caf50}.popup .tracking-table .open-no{font-size:16px;width:16px;height:16px;color:#bdbdbd}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.FxLayoutDirective, 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.FxShowHideDirective, selector: "    [fxShow],    [fxHide],    [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.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.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.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: i1.FxLayoutAlignDirective, 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.FxFlexFillDirective, selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "pipe", type: FormatPipe, name: "format" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ClipperNoteBadgeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'clipper-note-badge', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatButtonModule,
-                        MatIconModule,
-                        MatTooltipModule,
-                        FormatPipe,
-                        FlexLayoutModule,
-                        OverlayModule], template: "<div class=\"note-wrapper\">\r\n  <div class=\"note\" [style.border-left-color]=\"note().color\" [style.background-color]=\"backgroundColor()\"\r\n    (click)=\"showPopup($event)\">\r\n    {{note().name}}\r\n    @if (trackingUnopenedCount() >= 0) {\r\n    @if (trackingUnopenedCount() === 0) {\r\n    <span class=\"tracking-badge tracking-badge--all-open\"\r\n      [matTooltip]=\"'Mail tutte aperte'\"><mat-icon>check_circle</mat-icon></span>\r\n    } @else {\r\n    <span class=\"tracking-badge tracking-badge--missing\"\r\n      [matTooltip]=\"'Mail non aperte: ' + trackingUnopenedCount()\">{{-trackingUnopenedCount()}}</span>\r\n    }\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<ng-template #popupTpl>\r\n  <div class=\"popup\">\r\n    <div class=\"popup-header\" [style.border-left-color]=\"note().color\">\r\n      <span class=\"popup-name\">{{note().name}}</span>\r\n      <button mat-icon-button (click)=\"closePopup($event)\" aria-label=\"Chiudi\" matTooltip=\"Chiudi\">\r\n        <mat-icon>close</mat-icon>\r\n      </button>\r\n    </div>\r\n    <div class=\"popup-content\">\r\n      @if (note().note) {\r\n      <div class=\"popup-note\">{{note().note}}</div>\r\n      }\r\n      @if (totalTrackings() > 0) {\r\n      <div class=\"popup-toolbar\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" fxFill>\r\n        <div class=\"tracking-summary\" matTooltip=\"Aperture mail\">\r\n          <mat-icon class=\"open-yes\">mark_email_read</mat-icon>\r\n          {{trackingOpenedCount()}} / {{totalTrackings()}}\r\n        </div>\r\n        <div>\r\n          <button mat-icon-button (click)=\"refresh($event)\" aria-label=\"Aggiorna\" matTooltip=\"Aggiorna stato aperture\">\r\n            <mat-icon>refresh</mat-icon>\r\n          </button>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"tracking-table-wrapper\">\r\n        <table class=\"tracking-table\">\r\n          <thead>\r\n            <tr>\r\n              <th>Destinatario</th>\r\n              <th fxHide.xs>Inviato il</th>\r\n              <th>Apertura</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            @for (t of note().trackings; track t.id) {\r\n            <tr>\r\n              <td>{{t.email ?? '-'}}</td>\r\n              <td fxHide.xs class=\"center\">{{t.sentDate | format:'D':'dd/MM/yyyy HH:mm'}}</td>\r\n              <td class=\"open-cell\">\r\n                @if (t.openDate) {\r\n                <mat-icon class=\"open-yes\"\r\n                  [matTooltip]=\"t.openDate | format:'D':'dd/MM/yyyy HH:mm'\">check_circle</mat-icon>\r\n                } @else {\r\n                <mat-icon class=\"open-no\">radio_button_unchecked</mat-icon>\r\n                }\r\n              </td>\r\n            </tr>\r\n            }\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n      }\r\n      <div class=\"popup-footer\">\r\n        <button mat-icon-button (click)=\"edit($event)\" aria-label=\"Modifica\" matTooltip=\"Modifica\">\r\n          <mat-icon>edit</mat-icon>\r\n        </button>\r\n        <button mat-icon-button (click)=\"delete($event)\" aria-label=\"Elimina\" matTooltip=\"Elimina\">\r\n          <mat-icon>delete</mat-icon>\r\n        </button>\r\n        <button mat-icon-button (click)=\"sendTo($event)\" aria-label=\"Invia\" matTooltip=\"Invia per email\">\r\n          <mat-icon>send</mat-icon>\r\n        </button>\r\n        @if(totalTrackings() > 0) {\r\n        <button mat-icon-button (click)=\"sendAgain($event, false)\" aria-label=\"Invia di nuovo\"\r\n          matTooltip=\"Invia di nuovo per email\">\r\n          <mat-icon>forward</mat-icon>\r\n        </button>\r\n        @if (trackingUnopenedCount() > 0) {\r\n        <button mat-icon-button (click)=\"sendAgain($event, true)\" aria-label=\"Invia se non aperto\"\r\n          matTooltip=\"Invia una nuova mail a coloro che non hanno ancora aperto la mail precedente.\">\r\n          <mat-icon>notifications_active</mat-icon>\r\n        </button>\r\n        }\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n</ng-template>", styles: [".note-wrapper{display:inline-flex;align-items:center;gap:3px}.tracking-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;flex-shrink:0}.tracking-badge--all-open{background:#2e7d32;width:16px;height:16px}.tracking-badge--all-open mat-icon{font-size:16px;width:16px;height:16px;line-height:16px}.tracking-badge--missing{background:#c62828;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;padding:0 3px}.note{display:inline-flex;align-items:center;gap:10px;padding:2px 6px;border-radius:4px;border-left:4px solid;font-size:10px;cursor:pointer;-webkit-user-select:none;user-select:none;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;transition:filter .15s ease,box-shadow .15s ease}.note:hover{filter:brightness(.92);box-shadow:0 1px 4px #0000002e}:host-context(.dark) .note:hover{filter:brightness(1.15);box-shadow:0 1px 4px #0006}.popup{background:var(--ars-drawer-background-color);border-radius:6px;box-shadow:0 4px 16px #00000038;min-width:300px;max-width:600px;width:100%;padding:12px 0 4px 12px}.popup .popup-header{display:flex;align-items:center;justify-content:space-between;border-left:6px solid;padding-left:8px;padding-right:4px}.popup .popup-header .popup-name{font-weight:600;font-size:14px;flex:1;color:var(--ars-color-accent)}.popup .popup-toolbar{padding-right:4px}.popup .popup-footer{display:flex;justify-content:center;column-gap:6px;align-items:center;padding-top:30px;padding-bottom:8px;padding-right:26px}.popup .popup-content{font-size:13px;padding:12px 0 0 14px}.popup .popup-note{white-space:pre-wrap;margin:10px 12px 10px 0}.popup .tracking-summary{display:inline-flex;align-items:center;gap:6px;color:var(--ars-color-secondary);margin-top:10px;font-weight:700}.popup .tracking-summary mat-icon{font-size:16px;font-weight:700;width:16px;height:16px}.popup .tracking-table-wrapper{max-height:300px;overflow-y:auto;margin-top:10px;padding-right:26px}.popup .tracking-table{width:100%;border-collapse:collapse;font-size:12px}.popup .tracking-table tr:first-child td{padding-top:6px}.popup .tracking-table th{position:sticky;top:0;background:var(--ars-drawer-background-color);z-index:1;box-shadow:inset 0 -1px 0 var(--ars-color-divider);text-align:left;padding:0 6px 9px;font-weight:600;color:var(--ars-color-secondary);white-space:nowrap}.popup .tracking-table th:last-child{text-align:center}.popup .tracking-table td{padding:0 6px 3px;vertical-align:middle;text-align:left}.popup .tracking-table tbody tr:nth-child(2n){background:#00000008}.popup .tracking-table .open-cell{display:flex;align-items:center;justify-content:center}.popup .tracking-table .open-yes{font-size:16px;width:16px;height:16px;color:#4caf50}.popup .tracking-table .open-no{font-size:16px;width:16px;height:16px;color:#bdbdbd}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { populateContacts: [{ type: i0.Output, args: ["populateContacts"] }], popupTpl: [{ type: i0.ViewChild, args: ['popupTpl', { isSignal: true }] }], note: [{ type: i0.Input, args: [{ isSignal: true, alias: "note", required: true }] }, { type: i0.Output, args: ["noteChange"] }] } });
-
 var ClipperSearchResultItemDisplayMode;
 (function (ClipperSearchResultItemDisplayMode) {
     ClipperSearchResultItemDisplayMode[ClipperSearchResultItemDisplayMode["List"] = 1] = "List";
@@ -2208,28 +1726,10 @@ class ClipperSearchResultItemComponent {
                     this.item.update(v => ({ ...v, isRead: message.data.value }));
                 }
             }
-            else if (message.id === ClipperMessages.COMMAND_NOTES_DELETE) {
-                const p = this.item().notes?.findIndex(p => p.id === message.data.id);
-                if (p !== undefined && p >= 0) {
-                    this.item.update(v => ({ ...v, notes: v.notes?.filter((_, i) => i !== p) }));
-                }
-            }
-            else if (message.id === ClipperMessages.COMMAND_NOTES_UPDATE) {
-                const p = this.item().notes?.findIndex(p => p.id === message.data.id);
-                if (p !== undefined && p >= 0) {
-                    const props = [...(this.item().notes ?? [])];
-                    props[p] = message.data;
-                    this.item.update(v => ({ ...v, notes: props }));
-                }
-                else {
-                    // Note not found: add it to the list.
-                    this.item.update(v => ({ ...v, notes: [...(v.notes ?? []), message.data] }));
-                }
-            }
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ClipperSearchResultItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: ClipperSearchResultItemComponent, isStandalone: true, selector: "clipper-search-result-item", inputs: { parent: { classPropertyName: "parent", publicName: "parent", isSignal: true, isRequired: true, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: true, transformFunction: null }, tileNoPictureUrl: { classPropertyName: "tileNoPictureUrl", publicName: "tileNoPictureUrl", isSignal: true, isRequired: false, transformFunction: null }, tilePictureUrl: { classPropertyName: "tilePictureUrl", publicName: "tilePictureUrl", isSignal: true, isRequired: false, transformFunction: null }, isSelectable: { classPropertyName: "isSelectable", publicName: "isSelectable", isSignal: true, isRequired: false, transformFunction: null }, isReadable: { classPropertyName: "isReadable", publicName: "isReadable", isSignal: true, isRequired: false, transformFunction: null }, isReadableModel: { classPropertyName: "isReadableModel", publicName: "isReadableModel", isSignal: true, isRequired: false, transformFunction: null }, displayModifiedTitle: { classPropertyName: "displayModifiedTitle", publicName: "displayModifiedTitle", isSignal: true, isRequired: false, transformFunction: null }, displayModelName: { classPropertyName: "displayModelName", publicName: "displayModelName", isSignal: true, isRequired: false, transformFunction: null }, displayDate: { classPropertyName: "displayDate", publicName: "displayDate", isSignal: true, isRequired: false, transformFunction: null }, displayMode: { classPropertyName: "displayMode", publicName: "displayMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { item: "itemChange" }, ngImport: i0, template: "<div>\r\n  @if (displayMode() === displayModesEnum.List ) {\r\n  <div class=\"item\" fxLayout=\"row\" fxLayoutGap=\"6px\" fxLayoutAlign=\"start center\" fxFill\r\n    [class.item-selected]=\"isSelected()\" [matContextMenuTriggerFor]=\"actions()\"\r\n    [matContextMenuTriggerData]=\"{item: item()}\" (mouseenter)=\"item().isOver = true\"\r\n    (mouseleave)=\"item().isOver = false\">\r\n    <div fxFlex=\"6px\" fxFlexAlign=\"stretch\" [class]=\"parent().getItemStateCssClass(item())\"\r\n      [matTooltip]=\"parent().getItemStateTooltip(item())\"><span></span>\r\n    </div>\r\n    <div [fxFlex]=\"isSelectable() ? '48px' : '16px'\" fxLayoutAlign=\"center\">\r\n      @if (isSelectable() && (screenService.isTouchable || item().isOver || isSelected())) {\r\n      <mat-checkbox (click)=\"$event.stopPropagation()\"\r\n        (change)=\"$event ? parent().selection?.toggle(item(), item().documentId) : null\" [checked]=\"isSelected()\">\r\n      </mat-checkbox>\r\n      }\r\n    </div>\r\n    <div fxFlex=\"*\">\r\n      <div class=\"item-content\">\r\n\r\n        @if (displayModelName() && item().modelName) {\r\n        @if (item().origin === 'GC' || item().origin === 'GN') {\r\n        <div class=\"info-2\">GIURISPRUDENZA</div>\r\n        } @else {\r\n        <div class=\"info-2\">{{item().modelName}}</div>\r\n        }\r\n        }\r\n        @if (item().info && item().model === modelsEnum.Quesiti) {\r\n        @if(item().info) {\r\n        <div class=\"info-1\">{{item().info}}</div>\r\n        }\r\n        }@else if(item().model === modelsEnum.NormativaVigente ||\r\n        item().model === modelsEnum.AggiornamentoNormativo ||\r\n        item().model === modelsEnum.GiurisprudenzaRecente ||\r\n        item().model === modelsEnum.Juris) {\r\n        @if (item().author && (item().origin === 'LR' || item().origin === 'GC' || item().origin\r\n        === 'GN')) {\r\n        <div class=\"info-1\">{{item().author}}</div>\r\n        }\r\n        @if(item().model === modelsEnum.Juris && displayDate() && item().date) {\r\n        <div class=\"info-1\">{{item().date | format:'D':'d MMM yyyy'}}</div>\r\n        }\r\n        }@else if (displayDate() && item().date) {\r\n        <div class=\"info-1\">{{item().date | format:'D':'d MMM yyyy'}}</div>\r\n        }\r\n        <div>\r\n          <a class=\"link\" (click)=\"parent().open(item().documentId, undefined, item().chunksList)\"\r\n            [attr.aria-label]=\"'Apri documento ' + item().title1\">{{item().title1 ?? item().title2}}</a>\r\n          @if ((item().part ?? 0) > 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) > 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.News &&\r\n        item().model !== modelsEnum.Articoli &&\r\n        item().model !== modelsEnum.Juris &&\r\n        item().model !== modelsEnum.Quesiti &&\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        item().model !== modelsEnum.Scadenze &&\r\n        item().model !== modelsEnum.Segnalazioni &&\r\n        item().model !== modelsEnum.News &&\r\n        item().model !== modelsEnum.Articoli &&\r\n        item().model !== modelsEnum.Juris) {\r\n        <div class=\"info-1\"\r\n          [class.info-3]=\"(item().model === modelsEnum.Coordinamento && (item().validFromDate || item().applicableFromDate))\">\r\n          {{item().originDescription}}\r\n          @if (item().model === modelsEnum.Coordinamento ) {\r\n          @if (item().validFromDate) {\r\n          in vigore da: <span class=\"bold\">{{item().validFromDate | format:'D':'d MMMM yyyy'}}</span>\r\n          }\r\n          @if (item().applicableFromDate) {\r\n          applicabile da: <span class=\"bold\">{{item().applicableFromDate | format:'D':'d MMMM yyyy'}}</span>\r\n          }\r\n          }\r\n        </div>\r\n        }\r\n        @if ((item().anchors?.length ?? 0) > 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, undefined, item().chunksList)\"\r\n                [matTooltip]=\"a.title\" [class.bright]=\"(a.score ?? 0) > 0.75\">\r\n                {{a.text}}\r\n                @if (a.veryRelevant) {\r\n                <sup>\r\n                  <mat-icon class=\"thumb\"\r\n                    [matTooltip]=\"(a.score ?? 0) > 0.75 ? 'Molto rilevante' : 'Pi\u00F9 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 (taxonomy().length > 0) {\r\n        <div class=\"details\">\r\n          <div>ARGOMENTI</div>\r\n          <div class=\"links\">\r\n            <div [innerHTML]=\"taxonomy().join(' &nbsp;&minus;&nbsp; ')\"></div>\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (item().model === modelsEnum.News ||\r\n        item().model === modelsEnum.Articoli ||\r\n        item().model === modelsEnum.Juris) {\r\n        @if (item().info){\r\n        <div class=\"details\">\r\n          <div class=\"links\">\r\n            <div>{{item().info}}</div>\r\n          </div>\r\n        </div>\r\n        }\r\n        }\r\n        @if (item().model === modelsEnum.Coordinamento) {\r\n        @if (item().title1 && displayModifiedTitle()) {\r\n        <div class=\"details\">\r\n          <div>TITOLO DOCUMENTO MODIFICATO</div>\r\n          <div class=\"links\">\r\n            <div>{{item().title1}}</div>\r\n          </div>\r\n        </div>\r\n        }\r\n        }\r\n        @if (item().model === modelsEnum.Scadenze || item().model === modelsEnum.Segnalazioni) {\r\n        @if (item().expiringDescription) {\r\n        <div class=\"details\">\r\n          <div>PROSSIMA SCADENZA</div>\r\n          <div class=\"links\">\r\n            <div>{{item().expiringDescription}}</div>\r\n          </div>\r\n        </div>\r\n        }\r\n        }\r\n        @if((item().notes?.length ?? 0) > 0 ) {\r\n        <div class=\"notes-container\">\r\n          @for (note of item().notes; track note.id) {\r\n          <clipper-note-badge [note]=\"note\" />\r\n          }\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n    <div fxFlex=\"48px\" fxLayoutAlign=\"end\">\r\n      @if (canBeRead())\r\n      {\r\n      <button type=\"button\" mat-icon-button matTooltip=\"Segna come gi\u00E0 letta\" [attr.aria-label]=\"'Segna come gi\u00E0 letta'\"\r\n        (click)=\"parent().toggleRead(item(), $event)\" [hidden]=\"!(item().isOver || item().isMenuOpen)\">\r\n        <mat-icon>flag</mat-icon>\r\n      </button>\r\n      }\r\n      @if(item().model === modelsEnum.Scadenze || item().model === modelsEnum.Segnalazioni) {\r\n      <button type=\"button\" mat-icon-button matTooltip=\"Aggiungi al tuo calendario\"\r\n        (click)=\"parent().addToCalendar(item())\" [attr.aria-label]=\"'Aggiungi al tuo calendario'\"\r\n        [hidden]=\"!(item().isOver || item().isMenuOpen)\">\r\n        <mat-icon>add</mat-icon>\r\n      </button>\r\n      }\r\n      <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Menu\" [attr.aria-label]=\"'Menu opzioni'\"\r\n        [matMenuTriggerFor]=\"actions()\" [matMenuTriggerData]=\"{item: item()}\" (click)=\"item().isMenuOpen = true\"\r\n        [hidden]=\"!(item().isOver || item().isMenuOpen)\">\r\n        <mat-icon>more_vert</mat-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  } @else if (displayMode() === displayModesEnum.Tile ) {\r\n  <div class=\"tile\" [matContextMenuTriggerFor]=\"actions()\" [matContextMenuTriggerData]=\"{item: item()}\"\r\n    (mouseenter)=\"item().isOver = true\" (mouseleave)=\"item().isOver = false\" [class.item-selected]=\"isSelected()\"\r\n    [class.item-unread]=\"isRead()\" (click)=\"parent().open(item().documentId, undefined, item().chunksList)\">\r\n    <div class=\"image\">\r\n      @if (canBeRead() || isSelectable()) {\r\n      <div class=\"buttons\">\r\n        @if (canBeRead()) {\r\n        <button mat-icon-button class=\"unread-button\" matTooltip=\"Segna come gi\u00E0 letto\"\r\n          (click)=\"parent().toggleRead(item(), $event)\"><mat-icon>flag</mat-icon></button>\r\n        }\r\n        @if (isSelectable() && (isSelected() || item().isOver === true)) {\r\n        <button mat-icon-button class=\"check\" [class.check-selected]=\"isSelected()\" matTooltip=\"Seleziona/Deseleziona\"\r\n          (click)=\"parent().toggleSelection(item(), $event)\"><mat-icon>check</mat-icon></button>\r\n        }\r\n      </div>\r\n      }\r\n      <div class=\"info-1\">{{item().modelName}}</div>\r\n      @if (item().info) {\r\n      <div class=\"info-2\">{{item().info}}</div>\r\n      }\r\n      @if (item().pictureId && tilePictureUrl()) {\r\n      <img decoding=\"async\" loading=\"lazy\" [src]=\"tilePictureUrl() + '?id=' + item().pictureId\" [alt]=\"item().title2\" />\r\n      } @else if (tileNoPictureUrl()) {\r\n      <picture>\r\n        <img decoding=\"async\" loading=\"lazy\" [src]=\"tileNoPictureUrl()\"\r\n          [alt]=\"item().title2 || 'immagine non trovata'\" />\r\n      </picture>\r\n      }\r\n    </div>\r\n    <div class=\"body\">\r\n      <div class=\"date\">\r\n        <span class=\"date-day\" [class.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  } @else if (displayMode() === displayModesEnum.Stripe ) {\r\n  <div class=\"stripe\" [matContextMenuTriggerFor]=\"actions()\" [matContextMenuTriggerData]=\"{item: item()}\"\r\n    (mouseenter)=\"item().isOver = true\" (mouseleave)=\"item().isOver = false\" [class.item-selected]=\"isSelected()\"\r\n    [class.item-unread]=\"isRead()\" (click)=\"parent().open(item().documentId, undefined, item().chunksList)\">\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFill>\r\n      <div>\r\n        <div fxLayout=\"row\">\r\n          <div fxHide.xs class=\"image\">\r\n            @if (canBeRead() || isSelectable()) {\r\n            <div class=\"buttons\">\r\n              @if (canBeRead()) {\r\n              <button mat-icon-button class=\"unread-button\" matTooltip=\"Segna come gi\u00E0 letto\"\r\n                (click)=\"parent().toggleRead(item(), $event)\"><mat-icon>flag</mat-icon></button>\r\n              }\r\n              @if (isSelectable() && (isSelected() || item().isOver === true)) {\r\n              <button mat-icon-button class=\"check\" [class.check-selected]=\"isSelected()\"\r\n                matTooltip=\"Seleziona/Deseleziona\"\r\n                (click)=\"parent().toggleSelection(item(), $event)\"><mat-icon>check</mat-icon></button>\r\n              }\r\n            </div>\r\n            }\r\n            @if (item().pictureId && tilePictureUrl()) {\r\n            <img decoding=\"async\" loading=\"lazy\" [src]=\"tilePictureUrl() + '?id=' + item().pictureId\"\r\n              [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>\r\n      </div>\r\n      <div fxFlex=\"*\" class=\"body\">\r\n        <div class=\"date\">\r\n          <span class=\"date-day\" [class.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 fxLayout=\"row\" fxLayoutGap=\"10px\">\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        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.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-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.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}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.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:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!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 .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;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:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@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,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.clipper-selection-icon-button{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-color-primary-hi, #12c0ae)}.unread{color:var(--app-color-unread, #f7931c)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.expired{color:var(--app-color-expired, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-expiring, #FFC107)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.closed-bg{background-color:var(--app-color-closed, #388E3C)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.popular-bg{background-color:var(--app-color-closed, #388E3C)!important}.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-color-secondary, #4a635f);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:10px}.item{border-radius:12px;padding:10px 10px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}@media screen and (min-width:0px)and (max-width:430px){.item:hover{background-color:var(--ars-item-hover-background-color)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 55%,transparent 100%);mask-image:linear-gradient(to right,black 55%,transparent 100%)}}.item-content .item-info-1,.item-content .info-1{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent, #7894ae)}.item-content .item-info-2,.item-content .info-2{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent-low, #456179)}.item-content .item-info-3,.item-content .info-3{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-error, #ff5449)}.item-content .item-title,.item-content .title{font-size:small!important;line-height:18px;text-decoration:none!important;font-weight:400;min-height:unset;min-width:unset;white-space:initial!important}@supports (-webkit-line-clamp: 3){.item-content .item-title,.item-content .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.item-content .details{margin-top:4px;font-size:x-small!important;font-weight:700;line-height:15px;color:var(--ars-color-accent-low, #456179);text-transform:uppercase!important;border-left:4px solid var(--ars-color-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:500!important;font-size:11px!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-size:11px!important;font-weight:500!important}.item-content a.link{color:var(--ars-color-link, #03A9F4);cursor:pointer!important;text-decoration:none!important}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer!important;padding:10px 13px!important;margin-bottom:20px!important}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--app-color-unread, #f7931c);margin:0 8px}.tile .tile-image,.tile .image{height:125px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .tile-image img,.tile .image img{object-fit:cover;width:100%;height:100%}.tile .tile-image .tile-info-1,.tile .tile-image .info-1,.tile .image .tile-info-1,.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!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .tile-info-2,.tile .tile-image .info-2,.tile .image .tile-info-2,.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-color-accent, #7894ae);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .buttons,.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .tile-image .buttons .check,.tile .tile-image .buttons .read-button,.tile .image .buttons .check,.tile .image .buttons .read-button{background-color:var(--ars-color-primary, #00a293)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .unread-button,.tile .image .buttons .unread-button{background-color:var(--app-color-unread, #f7931c)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .check-selected,.tile .image .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)!important}.tile .tile-date,.tile .date{padding:8px 0 6px!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-date .date-day,.tile .date .date-day{color:var(--ars-color-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .tile-time,.tile .time{font-size:small!important;font-weight:700!important}.tile .tile-title,.tile .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-height:50px!important;max-height:70px!important;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.tile .tile-title,.tile .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.stripe:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.stripe{cursor:pointer!important;padding:5px 10px!important;margin-bottom:10px!important}.stripe .body{padding:5px 15px!important}.stripe .image-mark{min-height:100%!important;border-left:6px solid transparent;margin:8px 0}.stripe .image-mark-unread{min-height:100%!important;border-left-color:var(--ars-color-error, #ff5449)!important;margin:8px 0}.stripe .stripe-image,.stripe .image{width:150px!important;height:70px!important;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.stripe .stripe-image img,.stripe .image img{object-fit:cover;width:100%;height:100%}.stripe .stripe-info-1,.stripe .info-1{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-text, #191c1b)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-info-2,.stripe .info-2{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-accent, #7894ae)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .buttons{position:absolute;left:0;top:0;height:42px}.stripe .buttons .check,.stripe .buttons .read{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.stripe .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)}.stripe .stripe-date,.stripe .date{padding:0!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-date .date-day,.stripe .date .date-day{color:var(--ars-color-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.stripe .stripe-time,.stripe .time{font-size:small!important;font-weight:700!important}.stripe .stripe-title,.stripe .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.stripe .stripe-title,.stripe .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:#427505;text-transform:uppercase;white-space:nowrap;color:#e0e2e5}.badge-red{background-color:#a80710}.busy-backdrop{background-color:#0000006b!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 .legend:not(:first-of-type){margin-left:10px}@media screen and (max-width:431px){.legend-container{font-size:9px!important}}.special-date,.special-date-expired,.special-date-expiring{border:2px var(--ars-color-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-color-error, #ff5449) solid!important}.special-date-expiring{border:2px var(--ars-color-warning, #FFC107) solid!important}.word-hit-chunk,.word-hit{display:inline-block;font-size:inherit;background-color:var(--ars-word-hit-background-color, #FFEB3B);color:var(--ars-word-hit-color, #191c1b);padding:0 4px;margin:0 4px;border-radius:4px}.word-hit-chunk{background-color:var(--ars-word-chunk-hit-background-color, #8AFF59);color:var(--ars-word-hit-chunk-color, #191c1b)}.thumb{font-size:x-small;height:10px;width:10px}.notes-container{display:flex;flex-wrap:wrap;column-gap:8px;margin-top:4px}.lowercase{text-transform:lowercase}\n"], dependencies: [{ kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i1$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i5.MatContextMenuTrigger, selector: "[matContextMenuTriggerFor]", inputs: ["matContextMenuTriggerFor", "matContextMenuTriggerData", "matContextMenuTriggerRestoreFocus", "matContextMenuTriggerDisabled"], outputs: ["menuOpened", "menuClosed"], exportAs: ["matContextMenuTrigger"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.FxLayoutDirective, 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.FxFlexDirective, 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: i1.FxShowHideDirective, selector: "    [fxShow],    [fxHide],    [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.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.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.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: i1.FxLayoutAlignDirective, 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.FxLayoutGapDirective, 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.FxFlexAlignDirective, 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.FxFlexFillDirective, selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "component", type: ClipperNoteBadgeComponent, selector: "clipper-note-badge", inputs: ["note"], outputs: ["populateContacts", "noteChange"] }, { kind: "pipe", type: FormatPipe, name: "format" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: ClipperSearchResultItemComponent, isStandalone: true, selector: "clipper-search-result-item", inputs: { parent: { classPropertyName: "parent", publicName: "parent", isSignal: true, isRequired: true, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: true, transformFunction: null }, tileNoPictureUrl: { classPropertyName: "tileNoPictureUrl", publicName: "tileNoPictureUrl", isSignal: true, isRequired: false, transformFunction: null }, tilePictureUrl: { classPropertyName: "tilePictureUrl", publicName: "tilePictureUrl", isSignal: true, isRequired: false, transformFunction: null }, isSelectable: { classPropertyName: "isSelectable", publicName: "isSelectable", isSignal: true, isRequired: false, transformFunction: null }, isReadable: { classPropertyName: "isReadable", publicName: "isReadable", isSignal: true, isRequired: false, transformFunction: null }, isReadableModel: { classPropertyName: "isReadableModel", publicName: "isReadableModel", isSignal: true, isRequired: false, transformFunction: null }, displayModifiedTitle: { classPropertyName: "displayModifiedTitle", publicName: "displayModifiedTitle", isSignal: true, isRequired: false, transformFunction: null }, displayModelName: { classPropertyName: "displayModelName", publicName: "displayModelName", isSignal: true, isRequired: false, transformFunction: null }, displayDate: { classPropertyName: "displayDate", publicName: "displayDate", isSignal: true, isRequired: false, transformFunction: null }, displayMode: { classPropertyName: "displayMode", publicName: "displayMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { item: "itemChange" }, ngImport: i0, template: "<div>\r\n  @if (displayMode() === displayModesEnum.List ) {\r\n  <div class=\"item\" fxLayout=\"row\" fxLayoutGap=\"6px\" fxLayoutAlign=\"start center\" fxFill\r\n    [class.item-selected]=\"isSelected()\" [matContextMenuTriggerFor]=\"actions()\"\r\n    [matContextMenuTriggerData]=\"{item: item()}\" (mouseenter)=\"item().isOver = true\"\r\n    (mouseleave)=\"item().isOver = false\">\r\n    <div fxFlex=\"6px\" fxFlexAlign=\"stretch\" [class]=\"parent().getItemStateCssClass(item())\"\r\n      [matTooltip]=\"parent().getItemStateTooltip(item())\"><span></span>\r\n    </div>\r\n    <div [fxFlex]=\"isSelectable() ? '48px' : '16px'\" fxLayoutAlign=\"center\">\r\n      @if (isSelectable() && (screenService.isTouchable || item().isOver || isSelected())) {\r\n      <mat-checkbox (click)=\"$event.stopPropagation()\"\r\n        (change)=\"$event ? parent().selection?.toggle(item(), item().documentId) : null\" [checked]=\"isSelected()\">\r\n      </mat-checkbox>\r\n      }\r\n    </div>\r\n    <div fxFlex=\"*\">\r\n      <div class=\"item-content\">\r\n\r\n        @if (displayModelName() && item().modelName) {\r\n        @if (item().origin === 'GC' || item().origin === 'GN') {\r\n        <div class=\"info-2\">GIURISPRUDENZA</div>\r\n        } @else {\r\n        <div class=\"info-2\">{{item().modelName}}</div>\r\n        }\r\n        }\r\n        @if (item().info && item().model === modelsEnum.Quesiti) {\r\n        @if(item().info) {\r\n        <div class=\"info-1\">{{item().info}}</div>\r\n        }\r\n        }@else if(item().model === modelsEnum.NormativaVigente ||\r\n        item().model === modelsEnum.AggiornamentoNormativo ||\r\n        item().model === modelsEnum.GiurisprudenzaRecente ||\r\n        item().model === modelsEnum.Juris) {\r\n        @if (item().author && (item().origin === 'LR' || item().origin === 'GC' || item().origin\r\n        === 'GN')) {\r\n        <div class=\"info-1\">{{item().author}}</div>\r\n        }\r\n        @if(item().model === modelsEnum.Juris && displayDate() && item().date) {\r\n        <div class=\"info-1\">{{item().date | format:'D':'d MMM yyyy'}}</div>\r\n        }\r\n        }@else if (displayDate() && item().date) {\r\n        <div class=\"info-1\">{{item().date | format:'D':'d MMM yyyy'}}</div>\r\n        }\r\n        <div>\r\n          <a class=\"link\" (click)=\"parent().open(item().documentId, undefined, item().chunksList)\"\r\n            [attr.aria-label]=\"'Apri documento ' + item().title1\">{{item().title1 ?? item().title2}}</a>\r\n          @if ((item().part ?? 0) > 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) > 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.News &&\r\n        item().model !== modelsEnum.Articoli &&\r\n        item().model !== modelsEnum.Juris &&\r\n        item().model !== modelsEnum.Quesiti &&\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        item().model !== modelsEnum.Scadenze &&\r\n        item().model !== modelsEnum.Segnalazioni &&\r\n        item().model !== modelsEnum.News &&\r\n        item().model !== modelsEnum.Articoli &&\r\n        item().model !== modelsEnum.Juris) {\r\n        <div class=\"info-1\"\r\n          [class.info-3]=\"(item().model === modelsEnum.Coordinamento && (item().validFromDate || item().applicableFromDate))\">\r\n          {{item().originDescription}}\r\n          @if (item().model === modelsEnum.Coordinamento ) {\r\n          @if (item().validFromDate) {\r\n          in vigore da: <span class=\"bold\">{{item().validFromDate | format:'D':'d MMMM yyyy'}}</span>\r\n          }\r\n          @if (item().applicableFromDate) {\r\n          applicabile da: <span class=\"bold\">{{item().applicableFromDate | format:'D':'d MMMM yyyy'}}</span>\r\n          }\r\n          }\r\n        </div>\r\n        }\r\n        @if ((item().anchors?.length ?? 0) > 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, undefined, item().chunksList)\"\r\n                [matTooltip]=\"a.title\" [class.bright]=\"(a.score ?? 0) > 0.75\">\r\n                {{a.text}}\r\n                @if (a.veryRelevant) {\r\n                <sup>\r\n                  <mat-icon class=\"thumb\"\r\n                    [matTooltip]=\"(a.score ?? 0) > 0.75 ? 'Molto rilevante' : 'Pi\u00F9 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 (taxonomy().length > 0) {\r\n        <div class=\"details\">\r\n          <div>ARGOMENTI</div>\r\n          <div class=\"links\">\r\n            <div [innerHTML]=\"taxonomy().join(' &nbsp;&minus;&nbsp; ')\"></div>\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (item().model === modelsEnum.News ||\r\n        item().model === modelsEnum.Articoli ||\r\n        item().model === modelsEnum.Juris) {\r\n        @if (item().info){\r\n        <div class=\"details\">\r\n          <div class=\"links\">\r\n            <div>{{item().info}}</div>\r\n          </div>\r\n        </div>\r\n        }\r\n        }\r\n        @if (item().model === modelsEnum.Coordinamento) {\r\n        @if (item().title1 && displayModifiedTitle()) {\r\n        <div class=\"details\">\r\n          <div>TITOLO DOCUMENTO MODIFICATO</div>\r\n          <div class=\"links\">\r\n            <div>{{item().title1}}</div>\r\n          </div>\r\n        </div>\r\n        }\r\n        }\r\n        @if (item().model === modelsEnum.Scadenze || item().model === modelsEnum.Segnalazioni) {\r\n        @if (item().expiringDescription) {\r\n        <div class=\"details\">\r\n          <div>PROSSIMA SCADENZA</div>\r\n          <div class=\"links\">\r\n            <div>{{item().expiringDescription}}</div>\r\n          </div>\r\n        </div>\r\n        }\r\n        }\r\n      </div>\r\n    </div>\r\n    <div fxFlex=\"48px\" fxLayoutAlign=\"end\">\r\n      @if (canBeRead())\r\n      {\r\n      <button type=\"button\" mat-icon-button matTooltip=\"Segna come gi\u00E0 letta\" [attr.aria-label]=\"'Segna come gi\u00E0 letta'\"\r\n        (click)=\"parent().toggleRead(item(), $event)\" [hidden]=\"!(item().isOver || item().isMenuOpen)\">\r\n        <mat-icon>flag</mat-icon>\r\n      </button>\r\n      }\r\n      <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Menu\" [attr.aria-label]=\"'Menu opzioni'\"\r\n        [matMenuTriggerFor]=\"actions()\" [matMenuTriggerData]=\"{item: item()}\" (click)=\"item().isMenuOpen = true\"\r\n        [hidden]=\"!(item().isOver || item().isMenuOpen)\">\r\n        <mat-icon>more_vert</mat-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  } @else if (displayMode() === displayModesEnum.Tile ) {\r\n  <div class=\"tile\" [matContextMenuTriggerFor]=\"actions()\" [matContextMenuTriggerData]=\"{item: item()}\"\r\n    (mouseenter)=\"item().isOver = true\" (mouseleave)=\"item().isOver = false\" [class.item-selected]=\"isSelected()\"\r\n    [class.item-unread]=\"isRead()\" (click)=\"parent().open(item().documentId, undefined, item().chunksList)\">\r\n    <div class=\"image\">\r\n      @if (canBeRead() || isSelectable()) {\r\n      <div class=\"buttons\">\r\n        @if (canBeRead()) {\r\n        <button mat-icon-button class=\"unread-button\" matTooltip=\"Segna come gi\u00E0 letto\"\r\n          (click)=\"parent().toggleRead(item(), $event)\"><mat-icon>flag</mat-icon></button>\r\n        }\r\n        @if (isSelectable() && (isSelected() || item().isOver === true)) {\r\n        <button mat-icon-button class=\"check\" [class.check-selected]=\"isSelected()\" matTooltip=\"Seleziona/Deseleziona\"\r\n          (click)=\"parent().toggleSelection(item(), $event)\"><mat-icon>check</mat-icon></button>\r\n        }\r\n      </div>\r\n      }\r\n      <div class=\"info-1\">{{item().modelName}}</div>\r\n      @if (item().info) {\r\n      <div class=\"info-2\">{{item().info}}</div>\r\n      }\r\n      @if (item().pictureId && tilePictureUrl()) {\r\n      <img decoding=\"async\" loading=\"lazy\" [src]=\"tilePictureUrl() + '?id=' + item().pictureId\" [alt]=\"item().title2\" />\r\n      } @else if (tileNoPictureUrl()) {\r\n      <picture>\r\n        <img decoding=\"async\" loading=\"lazy\" [src]=\"tileNoPictureUrl()\"\r\n          [alt]=\"item().title2 || 'immagine non trovata'\" />\r\n      </picture>\r\n      }\r\n    </div>\r\n    <div class=\"body\">\r\n      <div class=\"date\">\r\n        <span class=\"date-day\" [class.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  } @else if (displayMode() === displayModesEnum.Stripe ) {\r\n  <div class=\"stripe\" [matContextMenuTriggerFor]=\"actions()\" [matContextMenuTriggerData]=\"{item: item()}\"\r\n    (mouseenter)=\"item().isOver = true\" (mouseleave)=\"item().isOver = false\" [class.item-selected]=\"isSelected()\"\r\n    [class.item-unread]=\"isRead()\" (click)=\"parent().open(item().documentId, undefined, item().chunksList)\">\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFill>\r\n      <div>\r\n        <div fxLayout=\"row\">\r\n          <div fxHide.xs class=\"image\">\r\n            @if (canBeRead() || isSelectable()) {\r\n            <div class=\"buttons\">\r\n              @if (canBeRead()) {\r\n              <button mat-icon-button class=\"unread-button\" matTooltip=\"Segna come gi\u00E0 letto\"\r\n                (click)=\"parent().toggleRead(item(), $event)\"><mat-icon>flag</mat-icon></button>\r\n              }\r\n              @if (isSelectable() && (isSelected() || item().isOver === true)) {\r\n              <button mat-icon-button class=\"check\" [class.check-selected]=\"isSelected()\"\r\n                matTooltip=\"Seleziona/Deseleziona\"\r\n                (click)=\"parent().toggleSelection(item(), $event)\"><mat-icon>check</mat-icon></button>\r\n              }\r\n            </div>\r\n            }\r\n            @if (item().pictureId && tilePictureUrl()) {\r\n            <img decoding=\"async\" loading=\"lazy\" [src]=\"tilePictureUrl() + '?id=' + item().pictureId\"\r\n              [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>\r\n      </div>\r\n      <div fxFlex=\"*\" class=\"body\">\r\n        <div class=\"date\">\r\n          <span class=\"date-day\" [class.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 fxLayout=\"row\" fxLayoutGap=\"10px\">\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        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.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-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.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}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.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:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!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 .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;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:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@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,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.clipper-selection-icon-button{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-color-primary-hi, #12c0ae)}.unread{color:var(--app-color-unread, #f7931c)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.expired{color:var(--app-color-expired, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-expiring, #FFC107)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.closed-bg{background-color:var(--app-color-closed, #388E3C)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.popular-bg{background-color:var(--app-color-closed, #388E3C)!important}.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-color-secondary, #4a635f);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:10px}.item{border-radius:12px;padding:10px 10px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}@media screen and (min-width:0px)and (max-width:430px){.item:hover{background-color:var(--ars-item-hover-background-color)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 55%,transparent 100%);mask-image:linear-gradient(to right,black 55%,transparent 100%)}}.item-content .item-info-1,.item-content .info-1{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent, #7894ae)}.item-content .item-info-2,.item-content .info-2{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent-low, #456179)}.item-content .item-info-3,.item-content .info-3{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-error, #ff5449)}.item-content .item-title,.item-content .title{font-size:small!important;line-height:18px;text-decoration:none!important;font-weight:400;min-height:unset;min-width:unset;white-space:initial!important}@supports (-webkit-line-clamp: 3){.item-content .item-title,.item-content .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.item-content .details{margin-top:4px;font-size:x-small!important;font-weight:700;line-height:15px;color:var(--ars-color-accent-low, #456179);text-transform:uppercase!important;border-left:4px solid var(--ars-color-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:500!important;font-size:11px!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-size:11px!important;font-weight:500!important}.item-content a.link{color:var(--ars-color-link, #03A9F4);cursor:pointer!important;text-decoration:none!important}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer!important;padding:10px 13px!important;margin-bottom:20px!important}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--app-color-unread, #f7931c);margin:0 8px}.tile .tile-image,.tile .image{height:125px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .tile-image img,.tile .image img{object-fit:cover;width:100%;height:100%}.tile .tile-image .tile-info-1,.tile .tile-image .info-1,.tile .image .tile-info-1,.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!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .tile-info-2,.tile .tile-image .info-2,.tile .image .tile-info-2,.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-color-accent, #7894ae);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .buttons,.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .tile-image .buttons .check,.tile .tile-image .buttons .read-button,.tile .image .buttons .check,.tile .image .buttons .read-button{background-color:var(--ars-color-primary, #00a293)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .unread-button,.tile .image .buttons .unread-button{background-color:var(--app-color-unread, #f7931c)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .check-selected,.tile .image .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)!important}.tile .tile-date,.tile .date{padding:8px 0 6px!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-date .date-day,.tile .date .date-day{color:var(--ars-color-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .tile-time,.tile .time{font-size:small!important;font-weight:700!important}.tile .tile-title,.tile .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-height:50px!important;max-height:70px!important;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.tile .tile-title,.tile .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.stripe:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.stripe{cursor:pointer!important;padding:5px 10px!important;margin-bottom:10px!important}.stripe .body{padding:5px 15px!important}.stripe .image-mark{min-height:100%!important;border-left:6px solid transparent;margin:8px 0}.stripe .image-mark-unread{min-height:100%!important;border-left-color:var(--ars-color-error, #ff5449)!important;margin:8px 0}.stripe .stripe-image,.stripe .image{width:150px!important;height:70px!important;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.stripe .stripe-image img,.stripe .image img{object-fit:cover;width:100%;height:100%}.stripe .stripe-info-1,.stripe .info-1{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-text, #191c1b)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-info-2,.stripe .info-2{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-accent, #7894ae)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .buttons{position:absolute;left:0;top:0;height:42px}.stripe .buttons .check,.stripe .buttons .read{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.stripe .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)}.stripe .stripe-date,.stripe .date{padding:0!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-date .date-day,.stripe .date .date-day{color:var(--ars-color-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.stripe .stripe-time,.stripe .time{font-size:small!important;font-weight:700!important}.stripe .stripe-title,.stripe .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.stripe .stripe-title,.stripe .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:#427505;text-transform:uppercase;white-space:nowrap;color:#e0e2e5}.badge-red{background-color:#a80710}.busy-backdrop{background-color:#0000006b!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 .legend:not(:first-of-type){margin-left:10px}@media screen and (max-width:431px){.legend-container{font-size:9px!important}}.special-date,.special-date-expired,.special-date-expiring{border:2px var(--ars-color-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-color-error, #ff5449) solid!important}.special-date-expiring{border:2px var(--ars-color-warning, #FFC107) solid!important}.word-hit-chunk,.word-hit{display:inline-block;font-size:inherit;background-color:var(--ars-word-hit-background-color, #FFEB3B);color:var(--ars-word-hit-color, #191c1b);padding:0 4px;margin:0 4px;border-radius:4px}.word-hit-chunk{background-color:var(--ars-word-chunk-hit-background-color, #8AFF59);color:var(--ars-word-hit-chunk-color, #191c1b)}.thumb{font-size:x-small;height:10px;width:10px}.lowercase{text-transform:lowercase}\n"], dependencies: [{ kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i1$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i5.MatContextMenuTrigger, selector: "[matContextMenuTriggerFor]", inputs: ["matContextMenuTriggerFor", "matContextMenuTriggerData", "matContextMenuTriggerRestoreFocus", "matContextMenuTriggerDisabled"], outputs: ["menuOpened", "menuClosed"], exportAs: ["matContextMenuTrigger"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.FxLayoutDirective, 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.FxFlexDirective, 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: i1.FxShowHideDirective, selector: "    [fxShow],    [fxHide],    [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.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.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.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: i1.FxLayoutAlignDirective, 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.FxLayoutGapDirective, 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.FxFlexAlignDirective, 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.FxFlexFillDirective, selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "pipe", type: FormatPipe, name: "format" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ClipperSearchResultItemComponent, decorators: [{
             type: Component,
@@ -2241,8 +1741,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
                         MatMenuModule,
                         FlexLayoutModule,
                         FormatPipe,
-                        ClipperNoteBadgeComponent
-                    ], template: "<div>\r\n  @if (displayMode() === displayModesEnum.List ) {\r\n  <div class=\"item\" fxLayout=\"row\" fxLayoutGap=\"6px\" fxLayoutAlign=\"start center\" fxFill\r\n    [class.item-selected]=\"isSelected()\" [matContextMenuTriggerFor]=\"actions()\"\r\n    [matContextMenuTriggerData]=\"{item: item()}\" (mouseenter)=\"item().isOver = true\"\r\n    (mouseleave)=\"item().isOver = false\">\r\n    <div fxFlex=\"6px\" fxFlexAlign=\"stretch\" [class]=\"parent().getItemStateCssClass(item())\"\r\n      [matTooltip]=\"parent().getItemStateTooltip(item())\"><span></span>\r\n    </div>\r\n    <div [fxFlex]=\"isSelectable() ? '48px' : '16px'\" fxLayoutAlign=\"center\">\r\n      @if (isSelectable() && (screenService.isTouchable || item().isOver || isSelected())) {\r\n      <mat-checkbox (click)=\"$event.stopPropagation()\"\r\n        (change)=\"$event ? parent().selection?.toggle(item(), item().documentId) : null\" [checked]=\"isSelected()\">\r\n      </mat-checkbox>\r\n      }\r\n    </div>\r\n    <div fxFlex=\"*\">\r\n      <div class=\"item-content\">\r\n\r\n        @if (displayModelName() && item().modelName) {\r\n        @if (item().origin === 'GC' || item().origin === 'GN') {\r\n        <div class=\"info-2\">GIURISPRUDENZA</div>\r\n        } @else {\r\n        <div class=\"info-2\">{{item().modelName}}</div>\r\n        }\r\n        }\r\n        @if (item().info && item().model === modelsEnum.Quesiti) {\r\n        @if(item().info) {\r\n        <div class=\"info-1\">{{item().info}}</div>\r\n        }\r\n        }@else if(item().model === modelsEnum.NormativaVigente ||\r\n        item().model === modelsEnum.AggiornamentoNormativo ||\r\n        item().model === modelsEnum.GiurisprudenzaRecente ||\r\n        item().model === modelsEnum.Juris) {\r\n        @if (item().author && (item().origin === 'LR' || item().origin === 'GC' || item().origin\r\n        === 'GN')) {\r\n        <div class=\"info-1\">{{item().author}}</div>\r\n        }\r\n        @if(item().model === modelsEnum.Juris && displayDate() && item().date) {\r\n        <div class=\"info-1\">{{item().date | format:'D':'d MMM yyyy'}}</div>\r\n        }\r\n        }@else if (displayDate() && item().date) {\r\n        <div class=\"info-1\">{{item().date | format:'D':'d MMM yyyy'}}</div>\r\n        }\r\n        <div>\r\n          <a class=\"link\" (click)=\"parent().open(item().documentId, undefined, item().chunksList)\"\r\n            [attr.aria-label]=\"'Apri documento ' + item().title1\">{{item().title1 ?? item().title2}}</a>\r\n          @if ((item().part ?? 0) > 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) > 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.News &&\r\n        item().model !== modelsEnum.Articoli &&\r\n        item().model !== modelsEnum.Juris &&\r\n        item().model !== modelsEnum.Quesiti &&\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        item().model !== modelsEnum.Scadenze &&\r\n        item().model !== modelsEnum.Segnalazioni &&\r\n        item().model !== modelsEnum.News &&\r\n        item().model !== modelsEnum.Articoli &&\r\n        item().model !== modelsEnum.Juris) {\r\n        <div class=\"info-1\"\r\n          [class.info-3]=\"(item().model === modelsEnum.Coordinamento && (item().validFromDate || item().applicableFromDate))\">\r\n          {{item().originDescription}}\r\n          @if (item().model === modelsEnum.Coordinamento ) {\r\n          @if (item().validFromDate) {\r\n          in vigore da: <span class=\"bold\">{{item().validFromDate | format:'D':'d MMMM yyyy'}}</span>\r\n          }\r\n          @if (item().applicableFromDate) {\r\n          applicabile da: <span class=\"bold\">{{item().applicableFromDate | format:'D':'d MMMM yyyy'}}</span>\r\n          }\r\n          }\r\n        </div>\r\n        }\r\n        @if ((item().anchors?.length ?? 0) > 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, undefined, item().chunksList)\"\r\n                [matTooltip]=\"a.title\" [class.bright]=\"(a.score ?? 0) > 0.75\">\r\n                {{a.text}}\r\n                @if (a.veryRelevant) {\r\n                <sup>\r\n                  <mat-icon class=\"thumb\"\r\n                    [matTooltip]=\"(a.score ?? 0) > 0.75 ? 'Molto rilevante' : 'Pi\u00F9 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 (taxonomy().length > 0) {\r\n        <div class=\"details\">\r\n          <div>ARGOMENTI</div>\r\n          <div class=\"links\">\r\n            <div [innerHTML]=\"taxonomy().join(' &nbsp;&minus;&nbsp; ')\"></div>\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (item().model === modelsEnum.News ||\r\n        item().model === modelsEnum.Articoli ||\r\n        item().model === modelsEnum.Juris) {\r\n        @if (item().info){\r\n        <div class=\"details\">\r\n          <div class=\"links\">\r\n            <div>{{item().info}}</div>\r\n          </div>\r\n        </div>\r\n        }\r\n        }\r\n        @if (item().model === modelsEnum.Coordinamento) {\r\n        @if (item().title1 && displayModifiedTitle()) {\r\n        <div class=\"details\">\r\n          <div>TITOLO DOCUMENTO MODIFICATO</div>\r\n          <div class=\"links\">\r\n            <div>{{item().title1}}</div>\r\n          </div>\r\n        </div>\r\n        }\r\n        }\r\n        @if (item().model === modelsEnum.Scadenze || item().model === modelsEnum.Segnalazioni) {\r\n        @if (item().expiringDescription) {\r\n        <div class=\"details\">\r\n          <div>PROSSIMA SCADENZA</div>\r\n          <div class=\"links\">\r\n            <div>{{item().expiringDescription}}</div>\r\n          </div>\r\n        </div>\r\n        }\r\n        }\r\n        @if((item().notes?.length ?? 0) > 0 ) {\r\n        <div class=\"notes-container\">\r\n          @for (note of item().notes; track note.id) {\r\n          <clipper-note-badge [note]=\"note\" />\r\n          }\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n    <div fxFlex=\"48px\" fxLayoutAlign=\"end\">\r\n      @if (canBeRead())\r\n      {\r\n      <button type=\"button\" mat-icon-button matTooltip=\"Segna come gi\u00E0 letta\" [attr.aria-label]=\"'Segna come gi\u00E0 letta'\"\r\n        (click)=\"parent().toggleRead(item(), $event)\" [hidden]=\"!(item().isOver || item().isMenuOpen)\">\r\n        <mat-icon>flag</mat-icon>\r\n      </button>\r\n      }\r\n      @if(item().model === modelsEnum.Scadenze || item().model === modelsEnum.Segnalazioni) {\r\n      <button type=\"button\" mat-icon-button matTooltip=\"Aggiungi al tuo calendario\"\r\n        (click)=\"parent().addToCalendar(item())\" [attr.aria-label]=\"'Aggiungi al tuo calendario'\"\r\n        [hidden]=\"!(item().isOver || item().isMenuOpen)\">\r\n        <mat-icon>add</mat-icon>\r\n      </button>\r\n      }\r\n      <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Menu\" [attr.aria-label]=\"'Menu opzioni'\"\r\n        [matMenuTriggerFor]=\"actions()\" [matMenuTriggerData]=\"{item: item()}\" (click)=\"item().isMenuOpen = true\"\r\n        [hidden]=\"!(item().isOver || item().isMenuOpen)\">\r\n        <mat-icon>more_vert</mat-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  } @else if (displayMode() === displayModesEnum.Tile ) {\r\n  <div class=\"tile\" [matContextMenuTriggerFor]=\"actions()\" [matContextMenuTriggerData]=\"{item: item()}\"\r\n    (mouseenter)=\"item().isOver = true\" (mouseleave)=\"item().isOver = false\" [class.item-selected]=\"isSelected()\"\r\n    [class.item-unread]=\"isRead()\" (click)=\"parent().open(item().documentId, undefined, item().chunksList)\">\r\n    <div class=\"image\">\r\n      @if (canBeRead() || isSelectable()) {\r\n      <div class=\"buttons\">\r\n        @if (canBeRead()) {\r\n        <button mat-icon-button class=\"unread-button\" matTooltip=\"Segna come gi\u00E0 letto\"\r\n          (click)=\"parent().toggleRead(item(), $event)\"><mat-icon>flag</mat-icon></button>\r\n        }\r\n        @if (isSelectable() && (isSelected() || item().isOver === true)) {\r\n        <button mat-icon-button class=\"check\" [class.check-selected]=\"isSelected()\" matTooltip=\"Seleziona/Deseleziona\"\r\n          (click)=\"parent().toggleSelection(item(), $event)\"><mat-icon>check</mat-icon></button>\r\n        }\r\n      </div>\r\n      }\r\n      <div class=\"info-1\">{{item().modelName}}</div>\r\n      @if (item().info) {\r\n      <div class=\"info-2\">{{item().info}}</div>\r\n      }\r\n      @if (item().pictureId && tilePictureUrl()) {\r\n      <img decoding=\"async\" loading=\"lazy\" [src]=\"tilePictureUrl() + '?id=' + item().pictureId\" [alt]=\"item().title2\" />\r\n      } @else if (tileNoPictureUrl()) {\r\n      <picture>\r\n        <img decoding=\"async\" loading=\"lazy\" [src]=\"tileNoPictureUrl()\"\r\n          [alt]=\"item().title2 || 'immagine non trovata'\" />\r\n      </picture>\r\n      }\r\n    </div>\r\n    <div class=\"body\">\r\n      <div class=\"date\">\r\n        <span class=\"date-day\" [class.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  } @else if (displayMode() === displayModesEnum.Stripe ) {\r\n  <div class=\"stripe\" [matContextMenuTriggerFor]=\"actions()\" [matContextMenuTriggerData]=\"{item: item()}\"\r\n    (mouseenter)=\"item().isOver = true\" (mouseleave)=\"item().isOver = false\" [class.item-selected]=\"isSelected()\"\r\n    [class.item-unread]=\"isRead()\" (click)=\"parent().open(item().documentId, undefined, item().chunksList)\">\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFill>\r\n      <div>\r\n        <div fxLayout=\"row\">\r\n          <div fxHide.xs class=\"image\">\r\n            @if (canBeRead() || isSelectable()) {\r\n            <div class=\"buttons\">\r\n              @if (canBeRead()) {\r\n              <button mat-icon-button class=\"unread-button\" matTooltip=\"Segna come gi\u00E0 letto\"\r\n                (click)=\"parent().toggleRead(item(), $event)\"><mat-icon>flag</mat-icon></button>\r\n              }\r\n              @if (isSelectable() && (isSelected() || item().isOver === true)) {\r\n              <button mat-icon-button class=\"check\" [class.check-selected]=\"isSelected()\"\r\n                matTooltip=\"Seleziona/Deseleziona\"\r\n                (click)=\"parent().toggleSelection(item(), $event)\"><mat-icon>check</mat-icon></button>\r\n              }\r\n            </div>\r\n            }\r\n            @if (item().pictureId && tilePictureUrl()) {\r\n            <img decoding=\"async\" loading=\"lazy\" [src]=\"tilePictureUrl() + '?id=' + item().pictureId\"\r\n              [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>\r\n      </div>\r\n      <div fxFlex=\"*\" class=\"body\">\r\n        <div class=\"date\">\r\n          <span class=\"date-day\" [class.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 fxLayout=\"row\" fxLayoutGap=\"10px\">\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        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.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-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.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}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.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:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!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 .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;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:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@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,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.clipper-selection-icon-button{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-color-primary-hi, #12c0ae)}.unread{color:var(--app-color-unread, #f7931c)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.expired{color:var(--app-color-expired, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-expiring, #FFC107)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.closed-bg{background-color:var(--app-color-closed, #388E3C)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.popular-bg{background-color:var(--app-color-closed, #388E3C)!important}.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-color-secondary, #4a635f);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:10px}.item{border-radius:12px;padding:10px 10px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}@media screen and (min-width:0px)and (max-width:430px){.item:hover{background-color:var(--ars-item-hover-background-color)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 55%,transparent 100%);mask-image:linear-gradient(to right,black 55%,transparent 100%)}}.item-content .item-info-1,.item-content .info-1{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent, #7894ae)}.item-content .item-info-2,.item-content .info-2{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent-low, #456179)}.item-content .item-info-3,.item-content .info-3{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-error, #ff5449)}.item-content .item-title,.item-content .title{font-size:small!important;line-height:18px;text-decoration:none!important;font-weight:400;min-height:unset;min-width:unset;white-space:initial!important}@supports (-webkit-line-clamp: 3){.item-content .item-title,.item-content .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.item-content .details{margin-top:4px;font-size:x-small!important;font-weight:700;line-height:15px;color:var(--ars-color-accent-low, #456179);text-transform:uppercase!important;border-left:4px solid var(--ars-color-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:500!important;font-size:11px!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-size:11px!important;font-weight:500!important}.item-content a.link{color:var(--ars-color-link, #03A9F4);cursor:pointer!important;text-decoration:none!important}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer!important;padding:10px 13px!important;margin-bottom:20px!important}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--app-color-unread, #f7931c);margin:0 8px}.tile .tile-image,.tile .image{height:125px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .tile-image img,.tile .image img{object-fit:cover;width:100%;height:100%}.tile .tile-image .tile-info-1,.tile .tile-image .info-1,.tile .image .tile-info-1,.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!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .tile-info-2,.tile .tile-image .info-2,.tile .image .tile-info-2,.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-color-accent, #7894ae);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .buttons,.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .tile-image .buttons .check,.tile .tile-image .buttons .read-button,.tile .image .buttons .check,.tile .image .buttons .read-button{background-color:var(--ars-color-primary, #00a293)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .unread-button,.tile .image .buttons .unread-button{background-color:var(--app-color-unread, #f7931c)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .check-selected,.tile .image .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)!important}.tile .tile-date,.tile .date{padding:8px 0 6px!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-date .date-day,.tile .date .date-day{color:var(--ars-color-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .tile-time,.tile .time{font-size:small!important;font-weight:700!important}.tile .tile-title,.tile .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-height:50px!important;max-height:70px!important;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.tile .tile-title,.tile .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.stripe:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.stripe{cursor:pointer!important;padding:5px 10px!important;margin-bottom:10px!important}.stripe .body{padding:5px 15px!important}.stripe .image-mark{min-height:100%!important;border-left:6px solid transparent;margin:8px 0}.stripe .image-mark-unread{min-height:100%!important;border-left-color:var(--ars-color-error, #ff5449)!important;margin:8px 0}.stripe .stripe-image,.stripe .image{width:150px!important;height:70px!important;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.stripe .stripe-image img,.stripe .image img{object-fit:cover;width:100%;height:100%}.stripe .stripe-info-1,.stripe .info-1{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-text, #191c1b)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-info-2,.stripe .info-2{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-accent, #7894ae)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .buttons{position:absolute;left:0;top:0;height:42px}.stripe .buttons .check,.stripe .buttons .read{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.stripe .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)}.stripe .stripe-date,.stripe .date{padding:0!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-date .date-day,.stripe .date .date-day{color:var(--ars-color-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.stripe .stripe-time,.stripe .time{font-size:small!important;font-weight:700!important}.stripe .stripe-title,.stripe .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.stripe .stripe-title,.stripe .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:#427505;text-transform:uppercase;white-space:nowrap;color:#e0e2e5}.badge-red{background-color:#a80710}.busy-backdrop{background-color:#0000006b!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 .legend:not(:first-of-type){margin-left:10px}@media screen and (max-width:431px){.legend-container{font-size:9px!important}}.special-date,.special-date-expired,.special-date-expiring{border:2px var(--ars-color-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-color-error, #ff5449) solid!important}.special-date-expiring{border:2px var(--ars-color-warning, #FFC107) solid!important}.word-hit-chunk,.word-hit{display:inline-block;font-size:inherit;background-color:var(--ars-word-hit-background-color, #FFEB3B);color:var(--ars-word-hit-color, #191c1b);padding:0 4px;margin:0 4px;border-radius:4px}.word-hit-chunk{background-color:var(--ars-word-chunk-hit-background-color, #8AFF59);color:var(--ars-word-hit-chunk-color, #191c1b)}.thumb{font-size:x-small;height:10px;width:10px}.notes-container{display:flex;flex-wrap:wrap;column-gap:8px;margin-top:4px}.lowercase{text-transform:lowercase}\n"] }]
+                    ], template: "<div>\r\n  @if (displayMode() === displayModesEnum.List ) {\r\n  <div class=\"item\" fxLayout=\"row\" fxLayoutGap=\"6px\" fxLayoutAlign=\"start center\" fxFill\r\n    [class.item-selected]=\"isSelected()\" [matContextMenuTriggerFor]=\"actions()\"\r\n    [matContextMenuTriggerData]=\"{item: item()}\" (mouseenter)=\"item().isOver = true\"\r\n    (mouseleave)=\"item().isOver = false\">\r\n    <div fxFlex=\"6px\" fxFlexAlign=\"stretch\" [class]=\"parent().getItemStateCssClass(item())\"\r\n      [matTooltip]=\"parent().getItemStateTooltip(item())\"><span></span>\r\n    </div>\r\n    <div [fxFlex]=\"isSelectable() ? '48px' : '16px'\" fxLayoutAlign=\"center\">\r\n      @if (isSelectable() && (screenService.isTouchable || item().isOver || isSelected())) {\r\n      <mat-checkbox (click)=\"$event.stopPropagation()\"\r\n        (change)=\"$event ? parent().selection?.toggle(item(), item().documentId) : null\" [checked]=\"isSelected()\">\r\n      </mat-checkbox>\r\n      }\r\n    </div>\r\n    <div fxFlex=\"*\">\r\n      <div class=\"item-content\">\r\n\r\n        @if (displayModelName() && item().modelName) {\r\n        @if (item().origin === 'GC' || item().origin === 'GN') {\r\n        <div class=\"info-2\">GIURISPRUDENZA</div>\r\n        } @else {\r\n        <div class=\"info-2\">{{item().modelName}}</div>\r\n        }\r\n        }\r\n        @if (item().info && item().model === modelsEnum.Quesiti) {\r\n        @if(item().info) {\r\n        <div class=\"info-1\">{{item().info}}</div>\r\n        }\r\n        }@else if(item().model === modelsEnum.NormativaVigente ||\r\n        item().model === modelsEnum.AggiornamentoNormativo ||\r\n        item().model === modelsEnum.GiurisprudenzaRecente ||\r\n        item().model === modelsEnum.Juris) {\r\n        @if (item().author && (item().origin === 'LR' || item().origin === 'GC' || item().origin\r\n        === 'GN')) {\r\n        <div class=\"info-1\">{{item().author}}</div>\r\n        }\r\n        @if(item().model === modelsEnum.Juris && displayDate() && item().date) {\r\n        <div class=\"info-1\">{{item().date | format:'D':'d MMM yyyy'}}</div>\r\n        }\r\n        }@else if (displayDate() && item().date) {\r\n        <div class=\"info-1\">{{item().date | format:'D':'d MMM yyyy'}}</div>\r\n        }\r\n        <div>\r\n          <a class=\"link\" (click)=\"parent().open(item().documentId, undefined, item().chunksList)\"\r\n            [attr.aria-label]=\"'Apri documento ' + item().title1\">{{item().title1 ?? item().title2}}</a>\r\n          @if ((item().part ?? 0) > 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) > 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.News &&\r\n        item().model !== modelsEnum.Articoli &&\r\n        item().model !== modelsEnum.Juris &&\r\n        item().model !== modelsEnum.Quesiti &&\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        item().model !== modelsEnum.Scadenze &&\r\n        item().model !== modelsEnum.Segnalazioni &&\r\n        item().model !== modelsEnum.News &&\r\n        item().model !== modelsEnum.Articoli &&\r\n        item().model !== modelsEnum.Juris) {\r\n        <div class=\"info-1\"\r\n          [class.info-3]=\"(item().model === modelsEnum.Coordinamento && (item().validFromDate || item().applicableFromDate))\">\r\n          {{item().originDescription}}\r\n          @if (item().model === modelsEnum.Coordinamento ) {\r\n          @if (item().validFromDate) {\r\n          in vigore da: <span class=\"bold\">{{item().validFromDate | format:'D':'d MMMM yyyy'}}</span>\r\n          }\r\n          @if (item().applicableFromDate) {\r\n          applicabile da: <span class=\"bold\">{{item().applicableFromDate | format:'D':'d MMMM yyyy'}}</span>\r\n          }\r\n          }\r\n        </div>\r\n        }\r\n        @if ((item().anchors?.length ?? 0) > 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, undefined, item().chunksList)\"\r\n                [matTooltip]=\"a.title\" [class.bright]=\"(a.score ?? 0) > 0.75\">\r\n                {{a.text}}\r\n                @if (a.veryRelevant) {\r\n                <sup>\r\n                  <mat-icon class=\"thumb\"\r\n                    [matTooltip]=\"(a.score ?? 0) > 0.75 ? 'Molto rilevante' : 'Pi\u00F9 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 (taxonomy().length > 0) {\r\n        <div class=\"details\">\r\n          <div>ARGOMENTI</div>\r\n          <div class=\"links\">\r\n            <div [innerHTML]=\"taxonomy().join(' &nbsp;&minus;&nbsp; ')\"></div>\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (item().model === modelsEnum.News ||\r\n        item().model === modelsEnum.Articoli ||\r\n        item().model === modelsEnum.Juris) {\r\n        @if (item().info){\r\n        <div class=\"details\">\r\n          <div class=\"links\">\r\n            <div>{{item().info}}</div>\r\n          </div>\r\n        </div>\r\n        }\r\n        }\r\n        @if (item().model === modelsEnum.Coordinamento) {\r\n        @if (item().title1 && displayModifiedTitle()) {\r\n        <div class=\"details\">\r\n          <div>TITOLO DOCUMENTO MODIFICATO</div>\r\n          <div class=\"links\">\r\n            <div>{{item().title1}}</div>\r\n          </div>\r\n        </div>\r\n        }\r\n        }\r\n        @if (item().model === modelsEnum.Scadenze || item().model === modelsEnum.Segnalazioni) {\r\n        @if (item().expiringDescription) {\r\n        <div class=\"details\">\r\n          <div>PROSSIMA SCADENZA</div>\r\n          <div class=\"links\">\r\n            <div>{{item().expiringDescription}}</div>\r\n          </div>\r\n        </div>\r\n        }\r\n        }\r\n      </div>\r\n    </div>\r\n    <div fxFlex=\"48px\" fxLayoutAlign=\"end\">\r\n      @if (canBeRead())\r\n      {\r\n      <button type=\"button\" mat-icon-button matTooltip=\"Segna come gi\u00E0 letta\" [attr.aria-label]=\"'Segna come gi\u00E0 letta'\"\r\n        (click)=\"parent().toggleRead(item(), $event)\" [hidden]=\"!(item().isOver || item().isMenuOpen)\">\r\n        <mat-icon>flag</mat-icon>\r\n      </button>\r\n      }\r\n      <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Menu\" [attr.aria-label]=\"'Menu opzioni'\"\r\n        [matMenuTriggerFor]=\"actions()\" [matMenuTriggerData]=\"{item: item()}\" (click)=\"item().isMenuOpen = true\"\r\n        [hidden]=\"!(item().isOver || item().isMenuOpen)\">\r\n        <mat-icon>more_vert</mat-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  } @else if (displayMode() === displayModesEnum.Tile ) {\r\n  <div class=\"tile\" [matContextMenuTriggerFor]=\"actions()\" [matContextMenuTriggerData]=\"{item: item()}\"\r\n    (mouseenter)=\"item().isOver = true\" (mouseleave)=\"item().isOver = false\" [class.item-selected]=\"isSelected()\"\r\n    [class.item-unread]=\"isRead()\" (click)=\"parent().open(item().documentId, undefined, item().chunksList)\">\r\n    <div class=\"image\">\r\n      @if (canBeRead() || isSelectable()) {\r\n      <div class=\"buttons\">\r\n        @if (canBeRead()) {\r\n        <button mat-icon-button class=\"unread-button\" matTooltip=\"Segna come gi\u00E0 letto\"\r\n          (click)=\"parent().toggleRead(item(), $event)\"><mat-icon>flag</mat-icon></button>\r\n        }\r\n        @if (isSelectable() && (isSelected() || item().isOver === true)) {\r\n        <button mat-icon-button class=\"check\" [class.check-selected]=\"isSelected()\" matTooltip=\"Seleziona/Deseleziona\"\r\n          (click)=\"parent().toggleSelection(item(), $event)\"><mat-icon>check</mat-icon></button>\r\n        }\r\n      </div>\r\n      }\r\n      <div class=\"info-1\">{{item().modelName}}</div>\r\n      @if (item().info) {\r\n      <div class=\"info-2\">{{item().info}}</div>\r\n      }\r\n      @if (item().pictureId && tilePictureUrl()) {\r\n      <img decoding=\"async\" loading=\"lazy\" [src]=\"tilePictureUrl() + '?id=' + item().pictureId\" [alt]=\"item().title2\" />\r\n      } @else if (tileNoPictureUrl()) {\r\n      <picture>\r\n        <img decoding=\"async\" loading=\"lazy\" [src]=\"tileNoPictureUrl()\"\r\n          [alt]=\"item().title2 || 'immagine non trovata'\" />\r\n      </picture>\r\n      }\r\n    </div>\r\n    <div class=\"body\">\r\n      <div class=\"date\">\r\n        <span class=\"date-day\" [class.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  } @else if (displayMode() === displayModesEnum.Stripe ) {\r\n  <div class=\"stripe\" [matContextMenuTriggerFor]=\"actions()\" [matContextMenuTriggerData]=\"{item: item()}\"\r\n    (mouseenter)=\"item().isOver = true\" (mouseleave)=\"item().isOver = false\" [class.item-selected]=\"isSelected()\"\r\n    [class.item-unread]=\"isRead()\" (click)=\"parent().open(item().documentId, undefined, item().chunksList)\">\r\n    <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFill>\r\n      <div>\r\n        <div fxLayout=\"row\">\r\n          <div fxHide.xs class=\"image\">\r\n            @if (canBeRead() || isSelectable()) {\r\n            <div class=\"buttons\">\r\n              @if (canBeRead()) {\r\n              <button mat-icon-button class=\"unread-button\" matTooltip=\"Segna come gi\u00E0 letto\"\r\n                (click)=\"parent().toggleRead(item(), $event)\"><mat-icon>flag</mat-icon></button>\r\n              }\r\n              @if (isSelectable() && (isSelected() || item().isOver === true)) {\r\n              <button mat-icon-button class=\"check\" [class.check-selected]=\"isSelected()\"\r\n                matTooltip=\"Seleziona/Deseleziona\"\r\n                (click)=\"parent().toggleSelection(item(), $event)\"><mat-icon>check</mat-icon></button>\r\n              }\r\n            </div>\r\n            }\r\n            @if (item().pictureId && tilePictureUrl()) {\r\n            <img decoding=\"async\" loading=\"lazy\" [src]=\"tilePictureUrl() + '?id=' + item().pictureId\"\r\n              [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>\r\n      </div>\r\n      <div fxFlex=\"*\" class=\"body\">\r\n        <div class=\"date\">\r\n          <span class=\"date-day\" [class.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 fxLayout=\"row\" fxLayoutGap=\"10px\">\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        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.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-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.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}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.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:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!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 .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;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:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@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,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.clipper-selection-icon-button{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-color-primary-hi, #12c0ae)}.unread{color:var(--app-color-unread, #f7931c)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.expired{color:var(--app-color-expired, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-expiring, #FFC107)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.closed-bg{background-color:var(--app-color-closed, #388E3C)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.popular-bg{background-color:var(--app-color-closed, #388E3C)!important}.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-color-secondary, #4a635f);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:10px}.item{border-radius:12px;padding:10px 10px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}@media screen and (min-width:0px)and (max-width:430px){.item:hover{background-color:var(--ars-item-hover-background-color)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 55%,transparent 100%);mask-image:linear-gradient(to right,black 55%,transparent 100%)}}.item-content .item-info-1,.item-content .info-1{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent, #7894ae)}.item-content .item-info-2,.item-content .info-2{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent-low, #456179)}.item-content .item-info-3,.item-content .info-3{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-error, #ff5449)}.item-content .item-title,.item-content .title{font-size:small!important;line-height:18px;text-decoration:none!important;font-weight:400;min-height:unset;min-width:unset;white-space:initial!important}@supports (-webkit-line-clamp: 3){.item-content .item-title,.item-content .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.item-content .details{margin-top:4px;font-size:x-small!important;font-weight:700;line-height:15px;color:var(--ars-color-accent-low, #456179);text-transform:uppercase!important;border-left:4px solid var(--ars-color-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:500!important;font-size:11px!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-size:11px!important;font-weight:500!important}.item-content a.link{color:var(--ars-color-link, #03A9F4);cursor:pointer!important;text-decoration:none!important}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer!important;padding:10px 13px!important;margin-bottom:20px!important}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--app-color-unread, #f7931c);margin:0 8px}.tile .tile-image,.tile .image{height:125px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .tile-image img,.tile .image img{object-fit:cover;width:100%;height:100%}.tile .tile-image .tile-info-1,.tile .tile-image .info-1,.tile .image .tile-info-1,.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!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .tile-info-2,.tile .tile-image .info-2,.tile .image .tile-info-2,.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-color-accent, #7894ae);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .buttons,.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .tile-image .buttons .check,.tile .tile-image .buttons .read-button,.tile .image .buttons .check,.tile .image .buttons .read-button{background-color:var(--ars-color-primary, #00a293)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .unread-button,.tile .image .buttons .unread-button{background-color:var(--app-color-unread, #f7931c)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .check-selected,.tile .image .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)!important}.tile .tile-date,.tile .date{padding:8px 0 6px!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-date .date-day,.tile .date .date-day{color:var(--ars-color-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .tile-time,.tile .time{font-size:small!important;font-weight:700!important}.tile .tile-title,.tile .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-height:50px!important;max-height:70px!important;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.tile .tile-title,.tile .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.stripe:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.stripe{cursor:pointer!important;padding:5px 10px!important;margin-bottom:10px!important}.stripe .body{padding:5px 15px!important}.stripe .image-mark{min-height:100%!important;border-left:6px solid transparent;margin:8px 0}.stripe .image-mark-unread{min-height:100%!important;border-left-color:var(--ars-color-error, #ff5449)!important;margin:8px 0}.stripe .stripe-image,.stripe .image{width:150px!important;height:70px!important;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.stripe .stripe-image img,.stripe .image img{object-fit:cover;width:100%;height:100%}.stripe .stripe-info-1,.stripe .info-1{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-text, #191c1b)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-info-2,.stripe .info-2{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-accent, #7894ae)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .buttons{position:absolute;left:0;top:0;height:42px}.stripe .buttons .check,.stripe .buttons .read{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.stripe .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)}.stripe .stripe-date,.stripe .date{padding:0!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-date .date-day,.stripe .date .date-day{color:var(--ars-color-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.stripe .stripe-time,.stripe .time{font-size:small!important;font-weight:700!important}.stripe .stripe-title,.stripe .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.stripe .stripe-title,.stripe .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:#427505;text-transform:uppercase;white-space:nowrap;color:#e0e2e5}.badge-red{background-color:#a80710}.busy-backdrop{background-color:#0000006b!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 .legend:not(:first-of-type){margin-left:10px}@media screen and (max-width:431px){.legend-container{font-size:9px!important}}.special-date,.special-date-expired,.special-date-expiring{border:2px var(--ars-color-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-color-error, #ff5449) solid!important}.special-date-expiring{border:2px var(--ars-color-warning, #FFC107) solid!important}.word-hit-chunk,.word-hit{display:inline-block;font-size:inherit;background-color:var(--ars-word-hit-background-color, #FFEB3B);color:var(--ars-word-hit-color, #191c1b);padding:0 4px;margin:0 4px;border-radius:4px}.word-hit-chunk{background-color:var(--ars-word-chunk-hit-background-color, #8AFF59);color:var(--ars-word-hit-chunk-color, #191c1b)}.thumb{font-size:x-small;height:10px;width:10px}.lowercase{text-transform:lowercase}\n"] }]
         }], ctorParameters: () => [], propDecorators: { parent: [{ type: i0.Input, args: [{ isSignal: true, alias: "parent", required: true }] }], item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }, { type: i0.Output, args: ["itemChange"] }], actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: true }] }], tileNoPictureUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "tileNoPictureUrl", required: false }] }], tilePictureUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "tilePictureUrl", required: false }] }], isSelectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSelectable", required: false }] }], isReadable: [{ type: i0.Input, args: [{ isSignal: true, alias: "isReadable", required: false }] }], isReadableModel: [{ type: i0.Input, args: [{ isSignal: true, alias: "isReadableModel", required: false }] }], displayModifiedTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayModifiedTitle", required: false }] }], displayModelName: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayModelName", required: false }] }], displayDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayDate", required: false }] }], displayMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayMode", required: false }] }] } });
 
 class ClipperBrowserComponent extends ClipperSearchResultManager {
@@ -3490,7 +2989,7 @@ class ClipperBrowserComponent extends ClipperSearchResultManager {
         this.changeDetector.markForCheck();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ClipperBrowserComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: ClipperBrowserComponent, isStandalone: true, selector: "clipper-browser", inputs: { showChannels: { classPropertyName: "showChannels", publicName: "showChannels", isSignal: true, isRequired: false, transformFunction: null }, showRSOptions: { classPropertyName: "showRSOptions", publicName: "showRSOptions", isSignal: true, isRequired: false, transformFunction: null }, showAIAssistantOptions: { classPropertyName: "showAIAssistantOptions", publicName: "showAIAssistantOptions", isSignal: true, isRequired: false, transformFunction: null }, selectableModules: { classPropertyName: "selectableModules", publicName: "selectableModules", isSignal: true, isRequired: false, transformFunction: null }, initialModule: { classPropertyName: "initialModule", publicName: "initialModule", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "filterByNumber", first: true, predicate: ["filterByNumber"], descendants: true, isSignal: true }, { propertyName: "filterByText", first: true, predicate: ["filterByText"], descendants: true, isSignal: true }, { propertyName: "filterByChangeNumber", first: true, predicate: ["filterByChangeNumber"], descendants: true, isSignal: true }, { propertyName: "filterPane", first: true, predicate: ["filterPane"], descendants: true, isSignal: true }, { propertyName: "filterPane2", first: true, predicate: ["filterPane2"], descendants: true, isSignal: true }, { propertyName: "filterSelector", first: true, predicate: ["filterSelector"], descendants: true, isSignal: true }, { propertyName: "moduleSelector", first: true, predicate: ["moduleSelector"], descendants: true, isSignal: true }, { propertyName: "sourceExpansionPanel", first: true, predicate: ["sourceExpansionPanel"], descendants: true, isSignal: true }, { propertyName: "otherOptionsExpansionPanel", first: true, predicate: ["otherOptionsExpansionPanel"], descendants: true, isSignal: true }, { propertyName: "modifierExpansionPanel", first: true, predicate: ["modifierExpansionPanel"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<mat-drawer-container [hasBackdrop]=\"filterPaneHasBackdrop()\" class=\"fill\">\r\n  <mat-drawer #filterPane class=\"drawer\">\r\n    <div fxLayout=\"column\" fxFill>\r\n      <div fxFlex=\"78px\" class=\"title-container\">\r\n        <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\" fxFill>\r\n          <div class=\"title\">Filtro</div>\r\n          <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n            <button fxFlexAlign=\"center\" mat-icon-button (click)=\"saveFilter(true)\"\r\n              matTooltip=\"Crea una nuovo filtro con i parametri attuali \"><mat-icon>add</mat-icon></button>\r\n            <button fxFlexAlign=\"center\" mat-icon-button (click)=\"toggleFilterPane()\"\r\n              matTooltip=\"Nascondi\"><mat-icon>left_panel_close</mat-icon></button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      @if(hasFilters()) {\r\n      <div style=\"padding:10px 20px\">\r\n        <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n          <div fxFlex=\"*\">\r\n            <button-selector #filterSelector [options]=\"filters()\" label=\"Seleziona un filtro salvato\"\r\n              labelSelected=\"Filtro in uso:\" fxFlexAlign=\"center\" (selected)=\"selectFilter($event)\"\r\n              [matTooltip]=\"filterParams.searchName ?? ''\"></button-selector>\r\n          </div>\r\n          @if(filterParams.searchId) {\r\n          <div fxFlex=\"40px\">\r\n            <button fxFlexAlign=\"center\" mat-icon-button (click)=\"deleteFilter()\"\r\n              matTooltip=\"Elimina il filtro in uso\"><mat-icon>delete</mat-icon></button>\r\n          </div>\r\n          }\r\n        </div>\r\n      </div>\r\n      }\r\n      <div fxFlex=\"*\" class=\"content scroll-hidden\" style=\"padding-bottom: 10px;\">\r\n        <div class=\"scroll-auto\" style=\"padding: 0 10px;\">\r\n          <form name=\"form\" #f=\"ngForm\" (keyup.Enter)=\"applyFilter()\" novalidate>\r\n            <mat-accordion multi displayMode=\"flat\">\r\n              <mat-expansion-panel expanded class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Cerca in..\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n\r\n                <chips-selector #moduleSelector [(ngModel)]=\"filterParams.modules\" [collapseAt]=\"599\" [multiple]=\"true\"\r\n                  label=\"Sezioni\" name=\"modules\" [options]=\"filteredModules()\" (changed)=\"modulesChanged()\">\r\n                </chips-selector>\r\n              </mat-expansion-panel>\r\n\r\n              @if((hasTags() || hasTopics()) && !isCoordination()) {\r\n              <mat-expansion-panel class=\"accordion-panel mat-elevation-z0\">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Argomenti\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                @if(hasTags()) {\r\n                <chips-selector [collapseAt]=\"599\" [(ngModel)]=\"filterParams.tags\" [multiple]=\"true\" name=\"tags\"\r\n                  label=\"Argomenti\" [options]=\"tags()\"></chips-selector>\r\n                }\r\n                @if(hasTopics()) {\r\n                @if ((filterParams.topics?.length ?? 0) > 0) {\r\n                <mat-chip-grid #topics [(ngModel)]=\"filterParams.topics\" name=\"topics\" style=\"padding-bottom: 5px;\">\r\n                  @for (o of filterParams.topics; track $index) {\r\n                  <mat-chip-row [value]=\"o\" (removed)=\"deleteTopic(o)\">\r\n                    {{o.name}}\r\n                    <button matChipRemove>\r\n                      <mat-icon>cancel</mat-icon>\r\n                    </button></mat-chip-row>\r\n                  }\r\n                </mat-chip-grid>\r\n                <input style=\"display: none;\" [matChipInputFor]=\"topics\" />\r\n                }\r\n                <div fxLayout=\"row\" fxLayoutAlign=\"end center\">\r\n                  <button mat-button type=\"button\" (click)=\"addTopic()\"><mat-icon>add</mat-icon> Aggiungi\r\n                    argomento</button>\r\n                  @if ((filterParams.topics?.length ?? 0) > 0) {\r\n                  <button mat-button type=\"button\" (click)=\"clearTopics()\"><mat-icon>delete</mat-icon> Azzera</button>\r\n                  }\r\n                </div>\r\n                }\r\n              </mat-expansion-panel>\r\n              }\r\n              @if(hasSectors()) {\r\n              <mat-expansion-panel class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Settori\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <chips-selector [collapseAt]=\"599\" [(ngModel)]=\"filterParams.sectors\" [multiple]=\"true\" name=\"sectors\"\r\n                  label=\"Settori\" [options]=\"sectors()\" (changed)=\"sectorsChanged()\" />\r\n                @if(hasRegions())\r\n                {\r\n                <mat-divider style=\"padding-top: 8px; margin-top:8px\"></mat-divider>\r\n                <chips-selector [(ngModel)]=\"filterParams.authors\" [multiple]=\"true\" name=\"authors\" mode=\"collapsed\"\r\n                  label=\"Tutte le regioni\" [options]=\"regions()\" />\r\n                }\r\n              </mat-expansion-panel>\r\n              }\r\n              @if(!isCoordination()) {\r\n              <mat-expansion-panel expanded class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Documento\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <div fxLayout=\"column\">\r\n                  @if(isLaws()) {\r\n                  <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n                    <mat-form-field fxFlex=\"59\" fxFlex.xs=\"49\">\r\n                      <mat-label>Numero</mat-label>\r\n                      <input matInput maxlength=\"10\" [(ngModel)]=\"filterParams.number\" name=\"number\"\r\n                        #filterByNumber=\"matInput\" />\r\n                      @if (filterParams.number) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.number = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                    <mat-form-field fxFlex=\"39\" fxFlex.xs=\"49\">\r\n                      <mat-label>Anno</mat-label>\r\n                      <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"filterParams.year\"\r\n                        name=\"year\" />\r\n                      @if (filterParams.year) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.year = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                  </div>\r\n                  }\r\n                  <mat-form-field>\r\n                    <mat-label>Intervallo di pubblicazione</mat-label>\r\n                    <mat-date-range-input [rangePicker]=\"picker1\">\r\n                      <input matStartDate [(ngModel)]=\"interval.from\" [dateIntervalChange]=\"interval\"\r\n                        #rangeFrom1=\"ngModel\" name=\"rangeFrom1\" placeholder=\"Da data\">\r\n                      <input matEndDate [(ngModel)]=\"interval.to\" [dateIntervalChange]=\"interval\" [end]=\"true\"\r\n                        #rangeTo1=\"ngModel\" name=\"rangeTo1\" placeholder=\"A data\">\r\n                    </mat-date-range-input>\r\n                    @if (interval.from || interval.to) {\r\n                    <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                      (click)=\"interval.clear()\">\r\n                      <mat-icon>close</mat-icon>\r\n                    </button>\r\n                    }\r\n                    <mat-datepicker-toggle matSuffix [for]=\"picker1\"></mat-datepicker-toggle>\r\n                    <mat-date-range-picker #picker1></mat-date-range-picker>\r\n                    @if (rangeFrom1.invalid || rangeTo1.invalid) {\r\n                    <mat-error>Intervallo non valido.</mat-error>\r\n                    }\r\n                  </mat-form-field>\r\n                  <mat-form-field>\r\n                    <mat-label>Testo</mat-label>\r\n                    <input matInput maxlength=\"200\" [(ngModel)]=\"filterParams.text\" name=\"text\"\r\n                      #filterByText=\"matInput\" />\r\n                    @if (filterParams.text) {\r\n                    <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                      (click)=\"filterParams.text = undefined\">\r\n                      <mat-icon>close</mat-icon>\r\n                    </button>\r\n                    }\r\n                    <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix matTooltip=\"Opzioni\"\r\n                      aria-label=\"Opzioni\"\r\n                      [matMenuTriggerFor]=\"filterPaneOptionsMenu\"><mat-icon>more_vert</mat-icon></button>\r\n                  </mat-form-field>\r\n                  <div>\r\n                    @if(filterParams.text) {\r\n                    <div style=\"padding-bottom:10px\">\r\n                      <mat-slide-toggle [(ngModel)]=\"filterParams.titleOnly\" name=\"titleOnly\">Cerca solo nel\r\n                        titolo</mat-slide-toggle>\r\n                    </div>\r\n                    }\r\n                    @if(isLaws(false)) {\r\n                    <div style=\"padding-bottom:10px\">\r\n                      <mat-slide-toggle [(ngModel)]=\"filterParams.showNotAbrogatedDocumentsOnly\"\r\n                        name=\"showNotAbrogatedDocumentsOnly\">Mostra solo elementi non abrogati</mat-slide-toggle>\r\n                    </div>\r\n                    <div style=\"padding-bottom:10px\">\r\n                      <mat-slide-toggle [(ngModel)]=\"filterParams.showCommentedDocumentsOnly\"\r\n                        name=\"showCommentedDocumentsOnly\">Mostra solo elementi con commenti</mat-slide-toggle>\r\n                    </div>\r\n                    }\r\n                    @if(isReadable()) {\r\n                    <div style=\"padding-bottom:10px\">\r\n                      <mat-slide-toggle [(ngModel)]=\"filterParams.showUnreadDocumentsOnly\"\r\n                        name=\"showUnreadDocumentsOnly\">Mostra solo elementi non letti</mat-slide-toggle>\r\n                    </div>\r\n                    }\r\n\r\n                  </div>\r\n                </div>\r\n              </mat-expansion-panel>\r\n              @if(isLaws(false)) {\r\n              <mat-expansion-panel #sourceExpansionPanel class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Fonte\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <div fxLayout=\"column\">\r\n                  <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n                    <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n                      <mat-label>Numero</mat-label>\r\n                      <input matInput maxlength=\"10\" [(ngModel)]=\"filterParams.sourceNumber\" name=\"sourceNumber\" />\r\n                      @if (filterParams.sourceNumber) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.sourceNumber = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                    <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n                      <mat-label>Anno</mat-label>\r\n                      <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"filterParams.sourceYear\"\r\n                        name=\"sourceYear\" />\r\n                      @if (filterParams.sourceYear) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.sourceYear = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                  </div>\r\n                  <mat-form-field>\r\n                    <mat-label>Intervallo di pubblicazione</mat-label>\r\n                    <mat-date-range-input [rangePicker]=\"picker2\">\r\n                      <input matStartDate [(ngModel)]=\"sourceInterval.from\" [dateIntervalChange]=\"sourceInterval\"\r\n                        #rangeFrom2=\"ngModel\" name=\"rangeFrom2\" placeholder=\"Da data\">\r\n                      <input matEndDate [(ngModel)]=\"sourceInterval.to\" [dateIntervalChange]=\"sourceInterval\"\r\n                        [end]=\"true\" #rangeTo2=\"ngModel\" name=\"rangeTo2\" placeholder=\"A data\">\r\n                    </mat-date-range-input>\r\n                    @if (sourceInterval.from || sourceInterval.to) {\r\n                    <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                      (click)=\"sourceInterval.clear()\">\r\n                      <mat-icon>close</mat-icon>\r\n                    </button>\r\n                    }\r\n                    <mat-datepicker-toggle matSuffix [for]=\"picker2\"></mat-datepicker-toggle>\r\n                    <mat-date-range-picker #picker2></mat-date-range-picker>\r\n                    @if (rangeFrom2.invalid || rangeTo2.invalid) {\r\n                    <mat-error>Intervallo non valido.</mat-error>\r\n                    }\r\n                  </mat-form-field>\r\n                  <mat-form-field>\r\n                    <mat-label>Tipo</mat-label>\r\n                    <mat-select [(ngModel)]=\"filterParams.source\" name=\"source\">\r\n                      @for (s of sources(); track $index) {\r\n                      <mat-option [value]=\"s.value\" [matTooltip]=\"s.name\">\r\n                        {{s.name}}\r\n                      </mat-option>\r\n                      }\r\n                    </mat-select>\r\n                  </mat-form-field>\r\n\r\n                </div>\r\n              </mat-expansion-panel>\r\n              <mat-expansion-panel #otherOptionsExpansionPanel class=\"accordion-panel mat-elevation-z0\">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Altre opzioni\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <div fxLayout=\"column\">\r\n                  @if(authors().length > 0 && !hasRegions()) {\r\n                  <mat-form-field>\r\n                    <mat-label>Autore</mat-label>\r\n                    <mat-select [(ngModel)]=\"filterParams.author\" name=\"author\">\r\n                      @for (a of authors(); track $index) {\r\n                      <mat-option [value]=\"a.value\" [matTooltip]=\"a.name\">\r\n                        {{a.name}}\r\n                      </mat-option>\r\n                      }\r\n                    </mat-select>\r\n                  </mat-form-field>\r\n                  }\r\n                  <mat-form-field>\r\n                    <mat-label>Tipo documento</mat-label>\r\n                    <mat-select [(ngModel)]=\"filterParams.type\" name=\"type\">\r\n                      @for (t of types(); track $index) {\r\n                      <mat-option [value]=\"t.value\" [matTooltip]=\"t.name\">\r\n                        {{t.name}}\r\n                      </mat-option>\r\n                      }\r\n                    </mat-select>\r\n                  </mat-form-field>\r\n                </div>\r\n\r\n              </mat-expansion-panel>\r\n              }\r\n              } @else {\r\n              <mat-expansion-panel expanded class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Periodo\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <mat-form-field style=\"width:100%\">\r\n                  <mat-label>Intervallo di pubblicazione</mat-label>\r\n                  <mat-date-range-input [rangePicker]=\"picker1\">\r\n                    <input matStartDate [(ngModel)]=\"interval.from\" [dateIntervalChange]=\"interval\"\r\n                      #rangeFrom1=\"ngModel\" name=\"rangeFrom1\" placeholder=\"Da data\">\r\n                    <input matEndDate [(ngModel)]=\"interval.to\" [dateIntervalChange]=\"interval\" [end]=\"true\"\r\n                      #rangeTo1=\"ngModel\" name=\"rangeTo1\" placeholder=\"A data\">\r\n                  </mat-date-range-input>\r\n                  @if (interval.from || interval.to) {\r\n                  <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                    (click)=\"interval.clear()\">\r\n                    <mat-icon>close</mat-icon>\r\n                  </button>\r\n                  }\r\n                  <mat-datepicker-toggle matSuffix [for]=\"picker1\"></mat-datepicker-toggle>\r\n                  <mat-date-range-picker #picker1></mat-date-range-picker>\r\n                  @if (rangeFrom1.invalid || rangeTo1.invalid) {\r\n                  <mat-error>Intervallo non valido.</mat-error>\r\n                  }\r\n                </mat-form-field>\r\n                @if(isReadable()) {\r\n                <div style=\"padding-bottom:10px\">\r\n                  <mat-slide-toggle [(ngModel)]=\"filterParams.showUnreadDocumentsOnly\"\r\n                    name=\"showUnreadDocumentsOnly\">Mostra solo elementi non letti</mat-slide-toggle>\r\n                </div>\r\n                }\r\n              </mat-expansion-panel>\r\n              <mat-expansion-panel expanded class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Documento modificato\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <div fxLayout=\"column\">\r\n                  <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n                    <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n                      <mat-label>Numero</mat-label>\r\n                      <input matInput maxlength=\"10\" [(ngModel)]=\"filterParams.changedNumber\" name=\"changedNumber\"\r\n                        #filterByChangeNumber=\"matInput\" />\r\n                      @if (filterParams.changedNumber) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.changedNumber = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                    <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n                      <mat-label>Anno</mat-label>\r\n                      <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"filterParams.changedYear\"\r\n                        name=\"changedYear\" />\r\n                      @if (filterParams.changedYear) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.changedYear = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                  </div>\r\n                  <mat-form-field>\r\n                    <mat-label>Titolo</mat-label>\r\n                    <input matInput maxlength=\"200\" [(ngModel)]=\"filterParams.changedTitle\" name=\"changedTitle\" />\r\n                    @if (filterParams.changedTitle) {\r\n                    <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                      (click)=\"filterParams.changedTitle = undefined\">\r\n                      <mat-icon>close</mat-icon>\r\n                    </button>\r\n                    }\r\n                  </mat-form-field>\r\n                </div>\r\n              </mat-expansion-panel>\r\n              <mat-expansion-panel #modifierOptionsExpansionPanel class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Documento modificante\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <div fxLayout=\"column\">\r\n                  <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n                    <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n                      <mat-label>Numero</mat-label>\r\n                      <input matInput maxlength=\"10\" [(ngModel)]=\"filterParams.modifierNumber\" name=\"modifierNumber\" />\r\n                      @if (filterParams.changedNumber) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.modifierNumber = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                    <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n                      <mat-label>Anno</mat-label>\r\n                      <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"filterParams.modifierYear\"\r\n                        name=\"modifierYear\" />\r\n                      @if (filterParams.modifierYear) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.modifierYear = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                  </div>\r\n                  <mat-form-field>\r\n                    <mat-label>Titolo</mat-label>\r\n                    <input matInput maxlength=\"200\" [(ngModel)]=\"filterParams.modifierTitle\" name=\"modifierTitle\" />\r\n                    @if (filterParams.modifierTitle) {\r\n                    <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                      (click)=\"filterParams.modifierTitle = undefined\">\r\n                      <mat-icon>close</mat-icon>\r\n                    </button>\r\n                    }\r\n                  </mat-form-field>\r\n                </div>\r\n              </mat-expansion-panel>\r\n              <mat-expansion-panel #otherOptionsExpansionPanel class=\"accordion-panel mat-elevation-z0\">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Altre opzioni\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <div fxLayout=\"column\">\r\n                  <mat-form-field>\r\n                    <mat-label>Motivo</mat-label>\r\n                    <mat-select [(ngModel)]=\"filterParams.changeReason\" name=\"changeReason\">\r\n                      @for (r of reasons(); track $index) {\r\n                      <mat-option [value]=\"r.value\" [matTooltip]=\"r.name\">\r\n                        {{r.name}}\r\n                      </mat-option>\r\n                      }\r\n                    </mat-select>\r\n                  </mat-form-field>\r\n                </div>\r\n              </mat-expansion-panel>\r\n              }\r\n            </mat-accordion>\r\n          </form>\r\n        </div>\r\n      </div>\r\n      @if(showChannels()) {\r\n      <div style=\"padding:10px\">\r\n        <div fxLayout=\"column\">\r\n          <mat-expansion-panel class=\"accordion-panel mat-elevation-z0\" style=\"margin-bottom: 10px;\">\r\n            <mat-expansion-panel-header class=\"accordion-header\">\r\n              <mat-panel-title>\r\n                Canali\r\n              </mat-panel-title>\r\n              <mat-panel-description>\r\n                @for (c of clipperService.availableChannels(); track $index) {\r\n                <div class=\"channel-box\" [class.channel-disabled]=\"!c.active || c.disabled\" [matTooltip]=\"c.name\">\r\n                  <span class=\"label\">{{c.header}}</span>\r\n                </div>\r\n                }\r\n              </mat-panel-description>\r\n            </mat-expansion-panel-header>\r\n            <chips-selector [collapseAt]=\"599\" [(ngModel)]=\"filterParams.channels\" [multiple]=\"true\" name=\"channels\"\r\n              label=\"Canali\" [options]=\"clipperService.availableChannels()\"\r\n              (changed)=\"channelsChanged()\"></chips-selector>\r\n\r\n          </mat-expansion-panel>\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n            <div fxFlex=\"*\" fxFlexAlign=\"end\">\r\n              <button mat-stroked-button (click)=\"clearFilter()\">Pulisci</button>\r\n              <button mat-stroked-button (click)=\"saveFilter()\" style=\"margin-left: 10px;\">Salva</button>\r\n            </div>\r\n            <div fxLayoutAlign=\"end\">\r\n              <button fxFlexAlign=\"end\" mat-flat-button (click)=\"applyFilter()\"\r\n                [disabled]=\"!canSearch()\">Applica</button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      }\r\n    </div>\r\n  </mat-drawer>\r\n  <div fxLayout=\"column\" fxLayoutGap=\"10px\" fxFill class=\"drawer-content scroll-hidden\">\r\n    <div class=\"module-toolbar \">\r\n      <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n        <div fxFlex=\"49\" fxFlex.lt-md=\"100\" style=\"padding-left: 10px; padding-bottom: 5px;\">\r\n          @if(!filterPane.opened) {\r\n          <button-toggle cssClass=\"small\" cssClassSmall=\"x-small\" iconOn=\"left_panel_close\" iconOff=\"tune\"\r\n            labelOn=\"Nascondi<br>filtri\" labelOff=\"Mostra<br>filtri\" [value]=\"filterPane.opened\"\r\n            (changed)=\"toggleFilterPane()\"></button-toggle>\r\n          }\r\n        </div>\r\n        <div fxFlex=\"49\" fxFlex.lt-md=\"100\" fxLayoutAlign=\"end\">\r\n          <div fxLayout=\"row\" style=\"height:48px; padding-bottom: 5px;\">\r\n            @if((snapshot?.total ?? 0) > 0) {\r\n            @if(sortOptions().length > 0) {\r\n            <button-selector [options]=\"sortOptions()\" label=\"Ordina per:\" style=\"margin-right: 5px;\" [border]=\"0\"\r\n              fxFlexAlign=\"center\" [ngModel]=\"sortMode()\" name=\"sortMode\" (selected)=\"sort($event)\"></button-selector>\r\n            }\r\n            <button fxFlexAlign=\"center\" mat-icon-button matSuffix matTooltip=\"Opzioni sulla selezione\"\r\n              aria-label=\"Opzioni sulla selezione\" [matMenuTriggerFor]=\"selectionOptionsMenu\"\r\n              [matBadge]=\"countSelections()\"><mat-icon>checklist</mat-icon></button>\r\n            <button fxFlexAlign=\"center\" mat-icon-button matTooltip=\"Salva elenco in Excel \"\r\n              (click)=\"exportResults()\"><mat-icon>save_alt</mat-icon></button>\r\n            @if (!filterPane2?.opened && hasFacets()){\r\n            <button fxFlexAlign=\"center\" mat-icon-button matTooltip=\"Affina ricerca\"\r\n              (click)=\"toggleFilterPane2()\"><mat-icon>right_panel_open</mat-icon></button>\r\n            }\r\n            }\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div fxFlex=\"*\" class=\"module-content\">\r\n      <mat-drawer-container [hasBackdrop]=\"filterPane2HasBackdrop()\" class=\"fill\">\r\n        <mat-drawer #filterPane2 class=\"drawer-small drawer-with-loader\" position=\"end\" 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=\"78px\" class=\"title-container-with-loader\">\r\n              <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFill>\r\n                <div class=\"title\">Affina ricerca</div>\r\n                <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n                  <button mat-icon-button (click)=\"toggleFilterPane2()\"\r\n                    matTooltip=\"Nascondi\"><mat-icon>right_panel_close</mat-icon></button>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div fxFlex=\"*\" class=\"content scroll-hidden\" style=\"padding: 0 5px;\">\r\n              <clipper-search-facets #facets></clipper-search-facets>\r\n\r\n            </div>\r\n          </div>\r\n        </mat-drawer>\r\n        <div fxLayout=\"column\" fxFill>\r\n          <div fxFlex=\"*\" [id]=\"scrollerId\" cdkScrollable class=\"scroll-auto\" style=\"padding: 0 20px;\">\r\n            @if (!snapshot?.total) {\r\n            <div class=\"message-container\">\r\n              @if(snapshot?.total === 0) {\r\n              <p class=\"message\"><b>Nessun elemento da visualizzare.</b></p>\r\n              } @else {\r\n              <div class=\"message\">\r\n                <p fxHide.xs><b>Esegui una ricerca compilando i campi necessari nella maschera di ricarca qui a\r\n                    fianco.</b></p>\r\n                <p fxHide.gt-xs><b>Fai click sul bottone <span class=\"accent\"><mat-icon>tune</mat-icon></span> ed esegui\r\n                    una\r\n                    ricerca compilando i campi necessari.</b></p>\r\n                <p>E' possibile salvare i parametri delle le ricerche pi\u00F9 utilizzate facendo clic su &nbsp;\r\n                  <mat-icon\r\n                    style=\"display: inline-flex; border-radius: 9999px; height: 25px; width: 25px; color: var(--ars-color-text-low); background-color: var(--ars-color-accent);\">add</mat-icon>.\r\n                </p>\r\n              </div>\r\n              }\r\n            </div>\r\n            } @else {\r\n            @if (snapshot && (snapshot.total ?? 0) > 0) {\r\n            @for (item of snapshot.items; track $index; let i = $index) {\r\n            @if (item.group && isSortedByDate()) {\r\n            <div class=\"items-group-title\">\r\n              <div [class.group-spaced]=\"i > 0\">{{item.group}}</div>\r\n            </div>\r\n            }\r\n            <clipper-search-result-item [item]=\"item\" [parent]=\"this\" [displayModelName]=\"true\" [actions]=\"contextMenu\"\r\n              [isReadable]=\"true\"></clipper-search-result-item>\r\n            }\r\n            }\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 wrap\" fxLayoutGap=\"10px\" fxLayoutAlign=\"space-between center\" fxFill>\r\n              <!-- legend -->\r\n              <div fxFlex.lt-md=\"100\" class=\"legend-container\">\r\n                <div class=\"legend unread-bg\"></div>\r\n                non letto\r\n                <!--<div class=\"legend next very-popular-bg\"></div>\r\n                molto citato\r\n                <div class=\"legend next popular-bg\"></div>\r\n                citato-->\r\n                <div class=\"legend next expired-bg \"></div>\r\n                non pi\u00F9 vigente\r\n              </div>\r\n              <div fxFlex.lt-md=\"100\" fxLayoutAlign=\"end\" [class.wide]=\"filterPane2?.opened\">\r\n                <div fxLayout=\"row\">\r\n                  <mat-paginator fxFlexAlign=\"center\" #paginator class=\"paginator\" [hidePageSize]=\"true\"\r\n                    [length]=\"snapshot?.total ?? 0\" [pageSize]=\"filterParams.count\" [showFirstLastButtons]=\"true\"\r\n                    (page)=\"fetchMore($event)\">\r\n                  </mat-paginator>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          }\r\n        </div>\r\n      </mat-drawer-container>\r\n    </div>\r\n  </div>\r\n</mat-drawer-container>\r\n<mat-menu #filterPaneOptionsMenu=\"matMenu\">\r\n  <button mat-menu-item (click)=\"compose()\">\r\n    <mat-icon>build</mat-icon>Componi\r\n  </button>\r\n  <button mat-menu-item (click)=\"help()\">\r\n    <mat-icon>help</mat-icon>Come usare la ricerca in testo libero\r\n  </button>\r\n</mat-menu>\r\n<mat-menu #selectionOptionsMenu=\"matMenu\">\r\n  <button mat-menu-item (click)=\"selectAll()\">\r\n    <mat-icon>select_all</mat-icon>Seleziona tutti\r\n  </button>\r\n  <clipper-document-menu [parent]=\"this\" [useSelections]=\"true\" [isReadable]=\"true\" [canUseArchive]=\"false\"\r\n    [canUseCalendar]=\"false\" [canUseAIAssistant]=\"hasAIAssistant()\" [canUseRS]=\"showRSOptions()\">\r\n  </clipper-document-menu>\r\n</mat-menu>\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]=\"true\" [canUseArchive]=\"false\"\r\n      [canUseCalendar]=\"false\" [canUseAIAssistant]=\"hasAIAssistant()\" [canUseRS]=\"showRSOptions()\">\r\n    </clipper-document-menu>\r\n  </ng-template>\r\n</mat-menu>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.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-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.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}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.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:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!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 .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;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:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@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,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.clipper-selection-icon-button{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-color-primary-hi, #12c0ae)}.unread{color:var(--app-color-unread, #f7931c)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.expired{color:var(--app-color-expired, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-expiring, #FFC107)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.closed-bg{background-color:var(--app-color-closed, #388E3C)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.popular-bg{background-color:var(--app-color-closed, #388E3C)!important}.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-color-secondary, #4a635f);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:10px}.item{border-radius:12px;padding:10px 10px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}@media screen and (min-width:0px)and (max-width:430px){.item:hover{background-color:var(--ars-item-hover-background-color)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 55%,transparent 100%);mask-image:linear-gradient(to right,black 55%,transparent 100%)}}.item-content .item-info-1,.item-content .info-1{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent, #7894ae)}.item-content .item-info-2,.item-content .info-2{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent-low, #456179)}.item-content .item-info-3,.item-content .info-3{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-error, #ff5449)}.item-content .item-title,.item-content .title{font-size:small!important;line-height:18px;text-decoration:none!important;font-weight:400;min-height:unset;min-width:unset;white-space:initial!important}@supports (-webkit-line-clamp: 3){.item-content .item-title,.item-content .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.item-content .details{margin-top:4px;font-size:x-small!important;font-weight:700;line-height:15px;color:var(--ars-color-accent-low, #456179);text-transform:uppercase!important;border-left:4px solid var(--ars-color-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:500!important;font-size:11px!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-size:11px!important;font-weight:500!important}.item-content a.link{color:var(--ars-color-link, #03A9F4);cursor:pointer!important;text-decoration:none!important}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer!important;padding:10px 13px!important;margin-bottom:20px!important}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--app-color-unread, #f7931c);margin:0 8px}.tile .tile-image,.tile .image{height:125px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .tile-image img,.tile .image img{object-fit:cover;width:100%;height:100%}.tile .tile-image .tile-info-1,.tile .tile-image .info-1,.tile .image .tile-info-1,.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!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .tile-info-2,.tile .tile-image .info-2,.tile .image .tile-info-2,.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-color-accent, #7894ae);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .buttons,.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .tile-image .buttons .check,.tile .tile-image .buttons .read-button,.tile .image .buttons .check,.tile .image .buttons .read-button{background-color:var(--ars-color-primary, #00a293)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .unread-button,.tile .image .buttons .unread-button{background-color:var(--app-color-unread, #f7931c)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .check-selected,.tile .image .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)!important}.tile .tile-date,.tile .date{padding:8px 0 6px!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-date .date-day,.tile .date .date-day{color:var(--ars-color-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .tile-time,.tile .time{font-size:small!important;font-weight:700!important}.tile .tile-title,.tile .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-height:50px!important;max-height:70px!important;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.tile .tile-title,.tile .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.stripe:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.stripe{cursor:pointer!important;padding:5px 10px!important;margin-bottom:10px!important}.stripe .body{padding:5px 15px!important}.stripe .image-mark{min-height:100%!important;border-left:6px solid transparent;margin:8px 0}.stripe .image-mark-unread{min-height:100%!important;border-left-color:var(--ars-color-error, #ff5449)!important;margin:8px 0}.stripe .stripe-image,.stripe .image{width:150px!important;height:70px!important;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.stripe .stripe-image img,.stripe .image img{object-fit:cover;width:100%;height:100%}.stripe .stripe-info-1,.stripe .info-1{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-text, #191c1b)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-info-2,.stripe .info-2{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-accent, #7894ae)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .buttons{position:absolute;left:0;top:0;height:42px}.stripe .buttons .check,.stripe .buttons .read{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.stripe .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)}.stripe .stripe-date,.stripe .date{padding:0!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-date .date-day,.stripe .date .date-day{color:var(--ars-color-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.stripe .stripe-time,.stripe .time{font-size:small!important;font-weight:700!important}.stripe .stripe-title,.stripe .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.stripe .stripe-title,.stripe .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:#427505;text-transform:uppercase;white-space:nowrap;color:#e0e2e5}.badge-red{background-color:#a80710}.busy-backdrop{background-color:#0000006b!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 .legend:not(:first-of-type){margin-left:10px}@media screen and (max-width:431px){.legend-container{font-size:9px!important}}.special-date,.special-date-expired,.special-date-expiring{border:2px var(--ars-color-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-color-error, #ff5449) solid!important}.special-date-expiring{border:2px var(--ars-color-warning, #FFC107) solid!important}.word-hit-chunk,.word-hit{display:inline-block;font-size:inherit;background-color:var(--ars-word-hit-background-color, #FFEB3B);color:var(--ars-word-hit-color, #191c1b);padding:0 4px;margin:0 4px;border-radius:4px}.word-hit-chunk{background-color:var(--ars-word-chunk-hit-background-color, #8AFF59);color:var(--ars-word-hit-chunk-color, #191c1b)}.message-container{font-size:large;display:flex;justify-content:center;align-items:center;height:50%}.message-container .message{color:var(--ars-color-secondary, #4a635f);text-align:center;padding:40px}.module-content{overflow-x:hidden!important}.module-toolbar{padding:0 5px 0 10px!important}.frame{height:100%!important;min-height:100%!important}.drawer,.drawer-small{background-color:var(--ars-drawer-background-color)!important}@media screen and (min-width:431px){.drawer-small{min-width:360px!important;max-width:360px!important}}.channel-box{border-radius:4px;border:2px solid var(--ars-color-primary);color:var(--ars-color-primary);text-align:center;min-width:28px;min-height:28px;margin-right:12px;display:flex;align-items:center;justify-content:center}.channel-box .label{font-size:15px;font-weight:700}.channel-disabled{opacity:.3}.command{line-height:16px;color:var(--ars-color-primary);font-weight:500;cursor:pointer!important;text-decoration:none}.command:hover{opacity:.8!important}.link{color:var(--ars-color-link);font-weight:500;cursor:pointer!important;text-decoration:none}.link:hover{opacity:.8}.no-spaced{padding-top:0!important;padding-bottom:0!important}.spaced{padding-top:20px!important;padding-bottom:20px!important}.spaced-bottom-20{padding-bottom:20px!important}.spaced-top-20{padding-top:20px!important}.section,.spaced-bottom-10{padding-bottom:10px!important}.spaced-top-10{padding-top:10px!important}.section-title{font-size:large;font-weight:500;padding-top:20px;padding-bottom:8px}.info-3{margin-top:6px;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-text, #191c1b);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.info-4{margin-top:6px;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-accent, #7894ae);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NumberValueAccessor, selector: "input[type=number]:not([ngNoCva])[formControlName],input[type=number]:not([ngNoCva])[formControl],input[type=number]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.FxLayoutDirective, 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.FxFlexDirective, 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: i1.FxShowHideDirective, selector: "    [fxShow],    [fxHide],    [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.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.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.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: i1.FxLayoutAlignDirective, 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.FxLayoutGapDirective, 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.FxFlexAlignDirective, 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.FxFlexFillDirective, selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i6.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i7.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i7.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i8.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i8.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i8.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i8.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i8.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i4$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i5.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: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i5.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: MatFormFieldModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i13.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i13.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i13.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i13.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i13.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "directive", type: MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i15.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i15.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled", "readonly", "matChipInputDisabledInteractive"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i15.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i15.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i16.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "fullWidth", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i17.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: DateIntervalChangeDirective, selector: "[dateIntervalChange]", inputs: ["dateIntervalChange", "end"] }, { kind: "component", type: ChipsSelectorComponent, selector: "chips-selector", inputs: ["options", "collapsedWidth", "collapsedDisplayMode", "collapseAt", "collapseAtContainer", "label", "multiple", "mustSelect", "mode", "stacked", "padAt", "required", "placeholder", "disabled"], outputs: ["changed"] }, { kind: "component", type: ButtonSelectorComponent, selector: "button-selector", inputs: ["disabled", "width", "border", "borderRadius", "label", "labelSelected", "options", "autoSelect"], outputs: ["changed", "selected"] }, { kind: "component", type: ButtonToggleComponent, selector: "button-toggle", inputs: ["value", "width", "border", "labelOn", "labelOff", "iconOn", "iconOff", "cssClass", "cssClassSmall"], outputs: ["changed"] }, { kind: "component", type: ClipperSearchResultItemComponent, selector: "clipper-search-result-item", inputs: ["parent", "item", "actions", "tileNoPictureUrl", "tilePictureUrl", "isSelectable", "isReadable", "isReadableModel", "displayModifiedTitle", "displayModelName", "displayDate", "displayMode"], outputs: ["itemChange"] }, { kind: "component", type: ClipperDocumentMenuComponent, selector: "clipper-document-menu", inputs: ["useSelections", "selectionSource", "parent", "item", "isReference", "isReadable", "isReadableModel", "isLawInForce", "canPrint", "canFind", "canUseCalendar", "canUseArchive", "canUseNotes", "canUseAIAssistant", "canUseRS", "canOpenDocument"] }, { kind: "component", type: ClipperSearchFacetsComponent, selector: "clipper-search-facets", inputs: ["handleTooManyResults"], outputs: ["changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: ClipperBrowserComponent, isStandalone: true, selector: "clipper-browser", inputs: { showChannels: { classPropertyName: "showChannels", publicName: "showChannels", isSignal: true, isRequired: false, transformFunction: null }, showRSOptions: { classPropertyName: "showRSOptions", publicName: "showRSOptions", isSignal: true, isRequired: false, transformFunction: null }, showAIAssistantOptions: { classPropertyName: "showAIAssistantOptions", publicName: "showAIAssistantOptions", isSignal: true, isRequired: false, transformFunction: null }, selectableModules: { classPropertyName: "selectableModules", publicName: "selectableModules", isSignal: true, isRequired: false, transformFunction: null }, initialModule: { classPropertyName: "initialModule", publicName: "initialModule", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "filterByNumber", first: true, predicate: ["filterByNumber"], descendants: true, isSignal: true }, { propertyName: "filterByText", first: true, predicate: ["filterByText"], descendants: true, isSignal: true }, { propertyName: "filterByChangeNumber", first: true, predicate: ["filterByChangeNumber"], descendants: true, isSignal: true }, { propertyName: "filterPane", first: true, predicate: ["filterPane"], descendants: true, isSignal: true }, { propertyName: "filterPane2", first: true, predicate: ["filterPane2"], descendants: true, isSignal: true }, { propertyName: "filterSelector", first: true, predicate: ["filterSelector"], descendants: true, isSignal: true }, { propertyName: "moduleSelector", first: true, predicate: ["moduleSelector"], descendants: true, isSignal: true }, { propertyName: "sourceExpansionPanel", first: true, predicate: ["sourceExpansionPanel"], descendants: true, isSignal: true }, { propertyName: "otherOptionsExpansionPanel", first: true, predicate: ["otherOptionsExpansionPanel"], descendants: true, isSignal: true }, { propertyName: "modifierExpansionPanel", first: true, predicate: ["modifierExpansionPanel"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<mat-drawer-container [hasBackdrop]=\"filterPaneHasBackdrop()\" class=\"fill\">\r\n  <mat-drawer #filterPane class=\"drawer\">\r\n    <div fxLayout=\"column\" fxFill>\r\n      <div fxFlex=\"78px\" class=\"title-container\">\r\n        <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\" fxFill>\r\n          <div class=\"title\">Filtro</div>\r\n          <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n            <button fxFlexAlign=\"center\" mat-icon-button (click)=\"saveFilter(true)\"\r\n              matTooltip=\"Crea una nuovo filtro con i parametri attuali \"><mat-icon>add</mat-icon></button>\r\n            <button fxFlexAlign=\"center\" mat-icon-button (click)=\"toggleFilterPane()\"\r\n              matTooltip=\"Nascondi\"><mat-icon>left_panel_close</mat-icon></button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      @if(hasFilters()) {\r\n      <div style=\"padding:10px 20px\">\r\n        <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n          <div fxFlex=\"*\">\r\n            <button-selector #filterSelector [options]=\"filters()\" label=\"Seleziona un filtro salvato\"\r\n              labelSelected=\"Filtro in uso:\" fxFlexAlign=\"center\" (selected)=\"selectFilter($event)\"\r\n              [matTooltip]=\"filterParams.searchName ?? ''\"></button-selector>\r\n          </div>\r\n          @if(filterParams.searchId) {\r\n          <div fxFlex=\"40px\">\r\n            <button fxFlexAlign=\"center\" mat-icon-button (click)=\"deleteFilter()\"\r\n              matTooltip=\"Elimina il filtro in uso\"><mat-icon>delete</mat-icon></button>\r\n          </div>\r\n          }\r\n        </div>\r\n      </div>\r\n      }\r\n      <div fxFlex=\"*\" class=\"content scroll-hidden\" style=\"padding-bottom: 10px;\">\r\n        <div class=\"scroll-auto\" style=\"padding: 0 10px;\">\r\n          <form name=\"form\" #f=\"ngForm\" (keyup.Enter)=\"applyFilter()\" novalidate>\r\n            <mat-accordion multi displayMode=\"flat\">\r\n              <mat-expansion-panel expanded class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Cerca in..\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n\r\n                <chips-selector #moduleSelector [(ngModel)]=\"filterParams.modules\" [collapseAt]=\"599\" [multiple]=\"true\"\r\n                  label=\"Sezioni\" name=\"modules\" [options]=\"filteredModules()\" (changed)=\"modulesChanged()\">\r\n                </chips-selector>\r\n              </mat-expansion-panel>\r\n\r\n              @if((hasTags() || hasTopics()) && !isCoordination()) {\r\n              <mat-expansion-panel class=\"accordion-panel mat-elevation-z0\">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Argomenti\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                @if(hasTags()) {\r\n                <chips-selector [collapseAt]=\"599\" [(ngModel)]=\"filterParams.tags\" [multiple]=\"true\" name=\"tags\"\r\n                  label=\"Argomenti\" [options]=\"tags()\"></chips-selector>\r\n                }\r\n                @if(hasTopics()) {\r\n                @if ((filterParams.topics?.length ?? 0) > 0) {\r\n                <mat-chip-grid #topics [(ngModel)]=\"filterParams.topics\" name=\"topics\" style=\"padding-bottom: 5px;\">\r\n                  @for (o of filterParams.topics; track $index) {\r\n                  <mat-chip-row [value]=\"o\" (removed)=\"deleteTopic(o)\">\r\n                    {{o.name}}\r\n                    <button matChipRemove>\r\n                      <mat-icon>cancel</mat-icon>\r\n                    </button></mat-chip-row>\r\n                  }\r\n                </mat-chip-grid>\r\n                <input style=\"display: none;\" [matChipInputFor]=\"topics\" />\r\n                }\r\n                <div fxLayout=\"row\" fxLayoutAlign=\"end center\">\r\n                  <button mat-button type=\"button\" (click)=\"addTopic()\"><mat-icon>add</mat-icon> Aggiungi\r\n                    argomento</button>\r\n                  @if ((filterParams.topics?.length ?? 0) > 0) {\r\n                  <button mat-button type=\"button\" (click)=\"clearTopics()\"><mat-icon>delete</mat-icon> Azzera</button>\r\n                  }\r\n                </div>\r\n                }\r\n              </mat-expansion-panel>\r\n              }\r\n              @if(hasSectors()) {\r\n              <mat-expansion-panel class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Settori\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <chips-selector [collapseAt]=\"599\" [(ngModel)]=\"filterParams.sectors\" [multiple]=\"true\" name=\"sectors\"\r\n                  label=\"Settori\" [options]=\"sectors()\" (changed)=\"sectorsChanged()\" />\r\n                @if(hasRegions())\r\n                {\r\n                <mat-divider style=\"padding-top: 8px; margin-top:8px\"></mat-divider>\r\n                <chips-selector [(ngModel)]=\"filterParams.authors\" [multiple]=\"true\" name=\"authors\" mode=\"collapsed\"\r\n                  label=\"Tutte le regioni\" [options]=\"regions()\" />\r\n                }\r\n              </mat-expansion-panel>\r\n              }\r\n              @if(!isCoordination()) {\r\n              <mat-expansion-panel expanded class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Documento\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <div fxLayout=\"column\">\r\n                  @if(isLaws()) {\r\n                  <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n                    <mat-form-field fxFlex=\"59\" fxFlex.xs=\"49\">\r\n                      <mat-label>Numero</mat-label>\r\n                      <input matInput maxlength=\"10\" [(ngModel)]=\"filterParams.number\" name=\"number\"\r\n                        #filterByNumber=\"matInput\" />\r\n                      @if (filterParams.number) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.number = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                    <mat-form-field fxFlex=\"39\" fxFlex.xs=\"49\">\r\n                      <mat-label>Anno</mat-label>\r\n                      <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"filterParams.year\"\r\n                        name=\"year\" />\r\n                      @if (filterParams.year) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.year = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                  </div>\r\n                  }\r\n                  <mat-form-field>\r\n                    <mat-label>Intervallo di pubblicazione</mat-label>\r\n                    <mat-date-range-input [rangePicker]=\"picker1\">\r\n                      <input matStartDate [(ngModel)]=\"interval.from\" [dateIntervalChange]=\"interval\"\r\n                        #rangeFrom1=\"ngModel\" name=\"rangeFrom1\" placeholder=\"Da data\">\r\n                      <input matEndDate [(ngModel)]=\"interval.to\" [dateIntervalChange]=\"interval\" [end]=\"true\"\r\n                        #rangeTo1=\"ngModel\" name=\"rangeTo1\" placeholder=\"A data\">\r\n                    </mat-date-range-input>\r\n                    @if (interval.from || interval.to) {\r\n                    <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                      (click)=\"interval.clear()\">\r\n                      <mat-icon>close</mat-icon>\r\n                    </button>\r\n                    }\r\n                    <mat-datepicker-toggle matSuffix [for]=\"picker1\"></mat-datepicker-toggle>\r\n                    <mat-date-range-picker #picker1></mat-date-range-picker>\r\n                    @if (rangeFrom1.invalid || rangeTo1.invalid) {\r\n                    <mat-error>Intervallo non valido.</mat-error>\r\n                    }\r\n                  </mat-form-field>\r\n                  <mat-form-field>\r\n                    <mat-label>Testo</mat-label>\r\n                    <input matInput maxlength=\"200\" [(ngModel)]=\"filterParams.text\" name=\"text\"\r\n                      #filterByText=\"matInput\" />\r\n                    @if (filterParams.text) {\r\n                    <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                      (click)=\"filterParams.text = undefined\">\r\n                      <mat-icon>close</mat-icon>\r\n                    </button>\r\n                    }\r\n                    <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix matTooltip=\"Opzioni\"\r\n                      aria-label=\"Opzioni\"\r\n                      [matMenuTriggerFor]=\"filterPaneOptionsMenu\"><mat-icon>more_vert</mat-icon></button>\r\n                  </mat-form-field>\r\n                  <div>\r\n                    @if(filterParams.text) {\r\n                    <div style=\"padding-bottom:10px\">\r\n                      <mat-slide-toggle [(ngModel)]=\"filterParams.titleOnly\" name=\"titleOnly\">Cerca solo nel\r\n                        titolo</mat-slide-toggle>\r\n                    </div>\r\n                    }\r\n                    @if(isLaws(false)) {\r\n                    <div style=\"padding-bottom:10px\">\r\n                      <mat-slide-toggle [(ngModel)]=\"filterParams.showNotAbrogatedDocumentsOnly\"\r\n                        name=\"showNotAbrogatedDocumentsOnly\">Mostra solo elementi non abrogati</mat-slide-toggle>\r\n                    </div>\r\n                    <div style=\"padding-bottom:10px\">\r\n                      <mat-slide-toggle [(ngModel)]=\"filterParams.showCommentedDocumentsOnly\"\r\n                        name=\"showCommentedDocumentsOnly\">Mostra solo elementi con commenti</mat-slide-toggle>\r\n                    </div>\r\n                    }\r\n                    @if(isReadable()) {\r\n                    <div style=\"padding-bottom:10px\">\r\n                      <mat-slide-toggle [(ngModel)]=\"filterParams.showUnreadDocumentsOnly\"\r\n                        name=\"showUnreadDocumentsOnly\">Mostra solo elementi non letti</mat-slide-toggle>\r\n                    </div>\r\n                    }\r\n\r\n                  </div>\r\n                </div>\r\n              </mat-expansion-panel>\r\n              @if(isLaws(false)) {\r\n              <mat-expansion-panel #sourceExpansionPanel class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Fonte\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <div fxLayout=\"column\">\r\n                  <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n                    <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n                      <mat-label>Numero</mat-label>\r\n                      <input matInput maxlength=\"10\" [(ngModel)]=\"filterParams.sourceNumber\" name=\"sourceNumber\" />\r\n                      @if (filterParams.sourceNumber) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.sourceNumber = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                    <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n                      <mat-label>Anno</mat-label>\r\n                      <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"filterParams.sourceYear\"\r\n                        name=\"sourceYear\" />\r\n                      @if (filterParams.sourceYear) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.sourceYear = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                  </div>\r\n                  <mat-form-field>\r\n                    <mat-label>Intervallo di pubblicazione</mat-label>\r\n                    <mat-date-range-input [rangePicker]=\"picker2\">\r\n                      <input matStartDate [(ngModel)]=\"sourceInterval.from\" [dateIntervalChange]=\"sourceInterval\"\r\n                        #rangeFrom2=\"ngModel\" name=\"rangeFrom2\" placeholder=\"Da data\">\r\n                      <input matEndDate [(ngModel)]=\"sourceInterval.to\" [dateIntervalChange]=\"sourceInterval\"\r\n                        [end]=\"true\" #rangeTo2=\"ngModel\" name=\"rangeTo2\" placeholder=\"A data\">\r\n                    </mat-date-range-input>\r\n                    @if (sourceInterval.from || sourceInterval.to) {\r\n                    <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                      (click)=\"sourceInterval.clear()\">\r\n                      <mat-icon>close</mat-icon>\r\n                    </button>\r\n                    }\r\n                    <mat-datepicker-toggle matSuffix [for]=\"picker2\"></mat-datepicker-toggle>\r\n                    <mat-date-range-picker #picker2></mat-date-range-picker>\r\n                    @if (rangeFrom2.invalid || rangeTo2.invalid) {\r\n                    <mat-error>Intervallo non valido.</mat-error>\r\n                    }\r\n                  </mat-form-field>\r\n                  <mat-form-field>\r\n                    <mat-label>Tipo</mat-label>\r\n                    <mat-select [(ngModel)]=\"filterParams.source\" name=\"source\">\r\n                      @for (s of sources(); track $index) {\r\n                      <mat-option [value]=\"s.value\" [matTooltip]=\"s.name\">\r\n                        {{s.name}}\r\n                      </mat-option>\r\n                      }\r\n                    </mat-select>\r\n                  </mat-form-field>\r\n\r\n                </div>\r\n              </mat-expansion-panel>\r\n              <mat-expansion-panel #otherOptionsExpansionPanel class=\"accordion-panel mat-elevation-z0\">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Altre opzioni\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <div fxLayout=\"column\">\r\n                  @if(authors().length > 0 && !hasRegions()) {\r\n                  <mat-form-field>\r\n                    <mat-label>Autore</mat-label>\r\n                    <mat-select [(ngModel)]=\"filterParams.author\" name=\"author\">\r\n                      @for (a of authors(); track $index) {\r\n                      <mat-option [value]=\"a.value\" [matTooltip]=\"a.name\">\r\n                        {{a.name}}\r\n                      </mat-option>\r\n                      }\r\n                    </mat-select>\r\n                  </mat-form-field>\r\n                  }\r\n                  <mat-form-field>\r\n                    <mat-label>Tipo documento</mat-label>\r\n                    <mat-select [(ngModel)]=\"filterParams.type\" name=\"type\">\r\n                      @for (t of types(); track $index) {\r\n                      <mat-option [value]=\"t.value\" [matTooltip]=\"t.name\">\r\n                        {{t.name}}\r\n                      </mat-option>\r\n                      }\r\n                    </mat-select>\r\n                  </mat-form-field>\r\n                </div>\r\n\r\n              </mat-expansion-panel>\r\n              }\r\n              } @else {\r\n              <mat-expansion-panel expanded class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Periodo\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <mat-form-field style=\"width:100%\">\r\n                  <mat-label>Intervallo di pubblicazione</mat-label>\r\n                  <mat-date-range-input [rangePicker]=\"picker1\">\r\n                    <input matStartDate [(ngModel)]=\"interval.from\" [dateIntervalChange]=\"interval\"\r\n                      #rangeFrom1=\"ngModel\" name=\"rangeFrom1\" placeholder=\"Da data\">\r\n                    <input matEndDate [(ngModel)]=\"interval.to\" [dateIntervalChange]=\"interval\" [end]=\"true\"\r\n                      #rangeTo1=\"ngModel\" name=\"rangeTo1\" placeholder=\"A data\">\r\n                  </mat-date-range-input>\r\n                  @if (interval.from || interval.to) {\r\n                  <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                    (click)=\"interval.clear()\">\r\n                    <mat-icon>close</mat-icon>\r\n                  </button>\r\n                  }\r\n                  <mat-datepicker-toggle matSuffix [for]=\"picker1\"></mat-datepicker-toggle>\r\n                  <mat-date-range-picker #picker1></mat-date-range-picker>\r\n                  @if (rangeFrom1.invalid || rangeTo1.invalid) {\r\n                  <mat-error>Intervallo non valido.</mat-error>\r\n                  }\r\n                </mat-form-field>\r\n                @if(isReadable()) {\r\n                <div style=\"padding-bottom:10px\">\r\n                  <mat-slide-toggle [(ngModel)]=\"filterParams.showUnreadDocumentsOnly\"\r\n                    name=\"showUnreadDocumentsOnly\">Mostra solo elementi non letti</mat-slide-toggle>\r\n                </div>\r\n                }\r\n              </mat-expansion-panel>\r\n              <mat-expansion-panel expanded class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Documento modificato\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <div fxLayout=\"column\">\r\n                  <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n                    <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n                      <mat-label>Numero</mat-label>\r\n                      <input matInput maxlength=\"10\" [(ngModel)]=\"filterParams.changedNumber\" name=\"changedNumber\"\r\n                        #filterByChangeNumber=\"matInput\" />\r\n                      @if (filterParams.changedNumber) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.changedNumber = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                    <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n                      <mat-label>Anno</mat-label>\r\n                      <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"filterParams.changedYear\"\r\n                        name=\"changedYear\" />\r\n                      @if (filterParams.changedYear) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.changedYear = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                  </div>\r\n                  <mat-form-field>\r\n                    <mat-label>Titolo</mat-label>\r\n                    <input matInput maxlength=\"200\" [(ngModel)]=\"filterParams.changedTitle\" name=\"changedTitle\" />\r\n                    @if (filterParams.changedTitle) {\r\n                    <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                      (click)=\"filterParams.changedTitle = undefined\">\r\n                      <mat-icon>close</mat-icon>\r\n                    </button>\r\n                    }\r\n                  </mat-form-field>\r\n                </div>\r\n              </mat-expansion-panel>\r\n              <mat-expansion-panel #modifierOptionsExpansionPanel class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Documento modificante\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <div fxLayout=\"column\">\r\n                  <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n                    <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n                      <mat-label>Numero</mat-label>\r\n                      <input matInput maxlength=\"10\" [(ngModel)]=\"filterParams.modifierNumber\" name=\"modifierNumber\" />\r\n                      @if (filterParams.changedNumber) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.modifierNumber = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                    <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n                      <mat-label>Anno</mat-label>\r\n                      <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"filterParams.modifierYear\"\r\n                        name=\"modifierYear\" />\r\n                      @if (filterParams.modifierYear) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.modifierYear = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                  </div>\r\n                  <mat-form-field>\r\n                    <mat-label>Titolo</mat-label>\r\n                    <input matInput maxlength=\"200\" [(ngModel)]=\"filterParams.modifierTitle\" name=\"modifierTitle\" />\r\n                    @if (filterParams.modifierTitle) {\r\n                    <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                      (click)=\"filterParams.modifierTitle = undefined\">\r\n                      <mat-icon>close</mat-icon>\r\n                    </button>\r\n                    }\r\n                  </mat-form-field>\r\n                </div>\r\n              </mat-expansion-panel>\r\n              <mat-expansion-panel #otherOptionsExpansionPanel class=\"accordion-panel mat-elevation-z0\">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Altre opzioni\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <div fxLayout=\"column\">\r\n                  <mat-form-field>\r\n                    <mat-label>Motivo</mat-label>\r\n                    <mat-select [(ngModel)]=\"filterParams.changeReason\" name=\"changeReason\">\r\n                      @for (r of reasons(); track $index) {\r\n                      <mat-option [value]=\"r.value\" [matTooltip]=\"r.name\">\r\n                        {{r.name}}\r\n                      </mat-option>\r\n                      }\r\n                    </mat-select>\r\n                  </mat-form-field>\r\n                </div>\r\n              </mat-expansion-panel>\r\n              }\r\n            </mat-accordion>\r\n          </form>\r\n        </div>\r\n      </div>\r\n      @if(showChannels()) {\r\n      <div style=\"padding:10px\">\r\n        <div fxLayout=\"column\">\r\n          <mat-expansion-panel class=\"accordion-panel mat-elevation-z0\" style=\"margin-bottom: 10px;\">\r\n            <mat-expansion-panel-header class=\"accordion-header\">\r\n              <mat-panel-title>\r\n                Canali\r\n              </mat-panel-title>\r\n              <mat-panel-description>\r\n                @for (c of clipperService.availableChannels(); track $index) {\r\n                <div class=\"channel-box\" [class.channel-disabled]=\"!c.active || c.disabled\" [matTooltip]=\"c.name\">\r\n                  <span class=\"label\">{{c.header}}</span>\r\n                </div>\r\n                }\r\n              </mat-panel-description>\r\n            </mat-expansion-panel-header>\r\n            <chips-selector [collapseAt]=\"599\" [(ngModel)]=\"filterParams.channels\" [multiple]=\"true\" name=\"channels\"\r\n              label=\"Canali\" [options]=\"clipperService.availableChannels()\"\r\n              (changed)=\"channelsChanged()\"></chips-selector>\r\n\r\n          </mat-expansion-panel>\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n            <div fxFlex=\"*\" fxFlexAlign=\"end\">\r\n              <button mat-stroked-button (click)=\"clearFilter()\">Pulisci</button>\r\n              <button mat-stroked-button (click)=\"saveFilter()\" style=\"margin-left: 10px;\">Salva</button>\r\n            </div>\r\n            <div fxLayoutAlign=\"end\">\r\n              <button fxFlexAlign=\"end\" mat-flat-button (click)=\"applyFilter()\"\r\n                [disabled]=\"!canSearch()\">Applica</button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      }\r\n    </div>\r\n  </mat-drawer>\r\n  <div fxLayout=\"column\" fxLayoutGap=\"10px\" fxFill class=\"drawer-content scroll-hidden\">\r\n    <div class=\"module-toolbar \">\r\n      <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n        <div fxFlex=\"49\" fxFlex.lt-md=\"100\" style=\"padding-left: 10px; padding-bottom: 5px;\">\r\n          @if(!filterPane.opened) {\r\n          <button-toggle cssClass=\"small\" cssClassSmall=\"x-small\" iconOn=\"left_panel_close\" iconOff=\"tune\"\r\n            labelOn=\"Nascondi<br>filtri\" labelOff=\"Mostra<br>filtri\" [value]=\"filterPane.opened\"\r\n            (changed)=\"toggleFilterPane()\"></button-toggle>\r\n          }\r\n        </div>\r\n        <div fxFlex=\"49\" fxFlex.lt-md=\"100\" fxLayoutAlign=\"end\">\r\n          <div fxLayout=\"row\" style=\"height:48px; padding-bottom: 5px;\">\r\n            @if((snapshot?.total ?? 0) > 0) {\r\n            @if(sortOptions().length > 0) {\r\n            <button-selector [options]=\"sortOptions()\" label=\"Ordina per:\" style=\"margin-right: 5px;\" [border]=\"0\"\r\n              fxFlexAlign=\"center\" [ngModel]=\"sortMode()\" name=\"sortMode\" (selected)=\"sort($event)\"></button-selector>\r\n            }\r\n            <button fxFlexAlign=\"center\" mat-icon-button matSuffix matTooltip=\"Opzioni sulla selezione\"\r\n              aria-label=\"Opzioni sulla selezione\" [matMenuTriggerFor]=\"selectionOptionsMenu\"\r\n              [matBadge]=\"countSelections()\"><mat-icon>checklist</mat-icon></button>\r\n            <button fxFlexAlign=\"center\" mat-icon-button matTooltip=\"Salva elenco in Excel \"\r\n              (click)=\"exportResults()\"><mat-icon>save_alt</mat-icon></button>\r\n            @if (!filterPane2?.opened && hasFacets()){\r\n            <button fxFlexAlign=\"center\" mat-icon-button matTooltip=\"Affina ricerca\"\r\n              (click)=\"toggleFilterPane2()\"><mat-icon>right_panel_open</mat-icon></button>\r\n            }\r\n            }\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div fxFlex=\"*\" class=\"module-content\">\r\n      <mat-drawer-container [hasBackdrop]=\"filterPane2HasBackdrop()\" class=\"fill\">\r\n        <mat-drawer #filterPane2 class=\"drawer-small drawer-with-loader\" position=\"end\" 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=\"78px\" class=\"title-container-with-loader\">\r\n              <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFill>\r\n                <div class=\"title\">Affina ricerca</div>\r\n                <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n                  <button mat-icon-button (click)=\"toggleFilterPane2()\"\r\n                    matTooltip=\"Nascondi\"><mat-icon>right_panel_close</mat-icon></button>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div fxFlex=\"*\" class=\"content scroll-hidden\" style=\"padding: 0 5px;\">\r\n              <clipper-search-facets #facets></clipper-search-facets>\r\n\r\n            </div>\r\n          </div>\r\n        </mat-drawer>\r\n        <div fxLayout=\"column\" fxFill>\r\n          <div fxFlex=\"*\" [id]=\"scrollerId\" cdkScrollable class=\"scroll-auto\" style=\"padding: 0 20px;\">\r\n            @if (!snapshot?.total) {\r\n            <div class=\"message-container\">\r\n              @if(snapshot?.total === 0) {\r\n              <p class=\"message\"><b>Nessun elemento da visualizzare.</b></p>\r\n              } @else {\r\n              <div class=\"message\">\r\n                <p fxHide.xs><b>Esegui una ricerca compilando i campi necessari nella maschera di ricarca qui a\r\n                    fianco.</b></p>\r\n                <p fxHide.gt-xs><b>Fai click sul bottone <span class=\"accent\"><mat-icon>tune</mat-icon></span> ed esegui\r\n                    una\r\n                    ricerca compilando i campi necessari.</b></p>\r\n                <p>E' possibile salvare i parametri delle le ricerche pi\u00F9 utilizzate facendo clic su &nbsp;\r\n                  <mat-icon\r\n                    style=\"display: inline-flex; border-radius: 9999px; height: 25px; width: 25px; color: var(--ars-color-text-low); background-color: var(--ars-color-accent);\">add</mat-icon>.\r\n                </p>\r\n              </div>\r\n              }\r\n            </div>\r\n            } @else {\r\n            @if (snapshot && (snapshot.total ?? 0) > 0) {\r\n            @for (item of snapshot.items; track $index; let i = $index) {\r\n            @if (item.group && isSortedByDate()) {\r\n            <div class=\"items-group-title\">\r\n              <div [class.group-spaced]=\"i > 0\">{{item.group}}</div>\r\n            </div>\r\n            }\r\n            <clipper-search-result-item [item]=\"item\" [parent]=\"this\" [displayModelName]=\"true\" [actions]=\"contextMenu\"\r\n              [isReadable]=\"true\"></clipper-search-result-item>\r\n            }\r\n            }\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 wrap\" fxLayoutGap=\"10px\" fxLayoutAlign=\"space-between center\" fxFill>\r\n              <!-- legend -->\r\n              <div fxFlex.lt-md=\"100\" class=\"legend-container\">\r\n                <div class=\"legend unread-bg\"></div>\r\n                non letto\r\n                <!--<div class=\"legend next very-popular-bg\"></div>\r\n                molto citato\r\n                <div class=\"legend next popular-bg\"></div>\r\n                citato-->\r\n                <div class=\"legend next expired-bg \"></div>\r\n                non pi\u00F9 vigente\r\n              </div>\r\n              <div fxFlex.lt-md=\"100\" fxLayoutAlign=\"end\" [class.wide]=\"filterPane2?.opened\">\r\n                <div fxLayout=\"row\">\r\n                  <mat-paginator fxFlexAlign=\"center\" #paginator class=\"paginator\" [hidePageSize]=\"true\"\r\n                    [length]=\"snapshot?.total ?? 0\" [pageSize]=\"filterParams.count\" [showFirstLastButtons]=\"true\"\r\n                    (page)=\"fetchMore($event)\">\r\n                  </mat-paginator>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          }\r\n        </div>\r\n      </mat-drawer-container>\r\n    </div>\r\n  </div>\r\n</mat-drawer-container>\r\n<mat-menu #filterPaneOptionsMenu=\"matMenu\">\r\n  <button mat-menu-item (click)=\"compose()\">\r\n    <mat-icon>build</mat-icon>Componi\r\n  </button>\r\n  <button mat-menu-item (click)=\"help()\">\r\n    <mat-icon>help</mat-icon>Come usare la ricerca in testo libero\r\n  </button>\r\n</mat-menu>\r\n<mat-menu #selectionOptionsMenu=\"matMenu\">\r\n  <button mat-menu-item (click)=\"selectAll()\">\r\n    <mat-icon>select_all</mat-icon>Seleziona tutti\r\n  </button>\r\n  <clipper-document-menu [parent]=\"this\" [useSelections]=\"true\" [isReadable]=\"true\"\r\n    [canUseAIAssistant]=\"hasAIAssistant()\" [canUseRS]=\"showRSOptions()\">\r\n  </clipper-document-menu>\r\n</mat-menu>\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]=\"true\"\r\n      [canUseAIAssistant]=\"hasAIAssistant()\" [canUseRS]=\"showRSOptions()\">\r\n    </clipper-document-menu>\r\n  </ng-template>\r\n</mat-menu>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.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-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.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}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.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:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!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 .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;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:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@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,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.clipper-selection-icon-button{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-color-primary-hi, #12c0ae)}.unread{color:var(--app-color-unread, #f7931c)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.expired{color:var(--app-color-expired, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-expiring, #FFC107)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.closed-bg{background-color:var(--app-color-closed, #388E3C)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.popular-bg{background-color:var(--app-color-closed, #388E3C)!important}.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-color-secondary, #4a635f);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:10px}.item{border-radius:12px;padding:10px 10px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}@media screen and (min-width:0px)and (max-width:430px){.item:hover{background-color:var(--ars-item-hover-background-color)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 55%,transparent 100%);mask-image:linear-gradient(to right,black 55%,transparent 100%)}}.item-content .item-info-1,.item-content .info-1{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent, #7894ae)}.item-content .item-info-2,.item-content .info-2{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent-low, #456179)}.item-content .item-info-3,.item-content .info-3{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-error, #ff5449)}.item-content .item-title,.item-content .title{font-size:small!important;line-height:18px;text-decoration:none!important;font-weight:400;min-height:unset;min-width:unset;white-space:initial!important}@supports (-webkit-line-clamp: 3){.item-content .item-title,.item-content .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.item-content .details{margin-top:4px;font-size:x-small!important;font-weight:700;line-height:15px;color:var(--ars-color-accent-low, #456179);text-transform:uppercase!important;border-left:4px solid var(--ars-color-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:500!important;font-size:11px!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-size:11px!important;font-weight:500!important}.item-content a.link{color:var(--ars-color-link, #03A9F4);cursor:pointer!important;text-decoration:none!important}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer!important;padding:10px 13px!important;margin-bottom:20px!important}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--app-color-unread, #f7931c);margin:0 8px}.tile .tile-image,.tile .image{height:125px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .tile-image img,.tile .image img{object-fit:cover;width:100%;height:100%}.tile .tile-image .tile-info-1,.tile .tile-image .info-1,.tile .image .tile-info-1,.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!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .tile-info-2,.tile .tile-image .info-2,.tile .image .tile-info-2,.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-color-accent, #7894ae);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .buttons,.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .tile-image .buttons .check,.tile .tile-image .buttons .read-button,.tile .image .buttons .check,.tile .image .buttons .read-button{background-color:var(--ars-color-primary, #00a293)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .unread-button,.tile .image .buttons .unread-button{background-color:var(--app-color-unread, #f7931c)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .check-selected,.tile .image .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)!important}.tile .tile-date,.tile .date{padding:8px 0 6px!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-date .date-day,.tile .date .date-day{color:var(--ars-color-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .tile-time,.tile .time{font-size:small!important;font-weight:700!important}.tile .tile-title,.tile .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-height:50px!important;max-height:70px!important;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.tile .tile-title,.tile .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.stripe:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.stripe{cursor:pointer!important;padding:5px 10px!important;margin-bottom:10px!important}.stripe .body{padding:5px 15px!important}.stripe .image-mark{min-height:100%!important;border-left:6px solid transparent;margin:8px 0}.stripe .image-mark-unread{min-height:100%!important;border-left-color:var(--ars-color-error, #ff5449)!important;margin:8px 0}.stripe .stripe-image,.stripe .image{width:150px!important;height:70px!important;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.stripe .stripe-image img,.stripe .image img{object-fit:cover;width:100%;height:100%}.stripe .stripe-info-1,.stripe .info-1{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-text, #191c1b)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-info-2,.stripe .info-2{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-accent, #7894ae)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .buttons{position:absolute;left:0;top:0;height:42px}.stripe .buttons .check,.stripe .buttons .read{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.stripe .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)}.stripe .stripe-date,.stripe .date{padding:0!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-date .date-day,.stripe .date .date-day{color:var(--ars-color-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.stripe .stripe-time,.stripe .time{font-size:small!important;font-weight:700!important}.stripe .stripe-title,.stripe .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.stripe .stripe-title,.stripe .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:#427505;text-transform:uppercase;white-space:nowrap;color:#e0e2e5}.badge-red{background-color:#a80710}.busy-backdrop{background-color:#0000006b!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 .legend:not(:first-of-type){margin-left:10px}@media screen and (max-width:431px){.legend-container{font-size:9px!important}}.special-date,.special-date-expired,.special-date-expiring{border:2px var(--ars-color-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-color-error, #ff5449) solid!important}.special-date-expiring{border:2px var(--ars-color-warning, #FFC107) solid!important}.word-hit-chunk,.word-hit{display:inline-block;font-size:inherit;background-color:var(--ars-word-hit-background-color, #FFEB3B);color:var(--ars-word-hit-color, #191c1b);padding:0 4px;margin:0 4px;border-radius:4px}.word-hit-chunk{background-color:var(--ars-word-chunk-hit-background-color, #8AFF59);color:var(--ars-word-hit-chunk-color, #191c1b)}.message-container{font-size:large;display:flex;justify-content:center;align-items:center;height:50%}.message-container .message{color:var(--ars-color-secondary, #4a635f);text-align:center;padding:40px}.module-content{overflow-x:hidden!important}.module-toolbar{padding:0 5px 0 10px!important}.frame{height:100%!important;min-height:100%!important}.drawer,.drawer-small{background-color:var(--ars-drawer-background-color)!important}@media screen and (min-width:431px){.drawer-small{min-width:360px!important;max-width:360px!important}}.channel-box{border-radius:4px;border:2px solid var(--ars-color-primary);color:var(--ars-color-primary);text-align:center;min-width:28px;min-height:28px;margin-right:12px;display:flex;align-items:center;justify-content:center}.channel-box .label{font-size:15px;font-weight:700}.channel-disabled{opacity:.3}.command{line-height:16px;color:var(--ars-color-primary);font-weight:500;cursor:pointer!important;text-decoration:none}.command:hover{opacity:.8!important}.link{color:var(--ars-color-link);font-weight:500;cursor:pointer!important;text-decoration:none}.link:hover{opacity:.8}.no-spaced{padding-top:0!important;padding-bottom:0!important}.spaced{padding-top:20px!important;padding-bottom:20px!important}.spaced-bottom-20{padding-bottom:20px!important}.spaced-top-20{padding-top:20px!important}.section,.spaced-bottom-10{padding-bottom:10px!important}.spaced-top-10{padding-top:10px!important}.section-title{font-size:large;font-weight:500;padding-top:20px;padding-bottom:8px}.info-3{margin-top:6px;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-text, #191c1b);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.info-4{margin-top:6px;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-accent, #7894ae);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NumberValueAccessor, selector: "input[type=number]:not([ngNoCva])[formControlName],input[type=number]:not([ngNoCva])[formControl],input[type=number]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.FxLayoutDirective, 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.FxFlexDirective, 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: i1.FxShowHideDirective, selector: "    [fxShow],    [fxHide],    [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.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.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.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: i1.FxLayoutAlignDirective, 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.FxLayoutGapDirective, 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.FxFlexAlignDirective, 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.FxFlexFillDirective, selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i6.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i7.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i7.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i8.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i8.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i8.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i8.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i8.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i4$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i5.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: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i5.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: MatFormFieldModule }, { kind: "component", type: i11.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i11.MatLabel, selector: "mat-label" }, { kind: "directive", type: i11.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i11.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i12.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i13.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i13.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i13.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i13.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i13.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "directive", type: MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i14.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i14.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i15.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i15.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled", "readonly", "matChipInputDisabledInteractive"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i15.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i15.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i16.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "fullWidth", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i17.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: DateIntervalChangeDirective, selector: "[dateIntervalChange]", inputs: ["dateIntervalChange", "end"] }, { kind: "component", type: ChipsSelectorComponent, selector: "chips-selector", inputs: ["options", "collapsedWidth", "collapsedDisplayMode", "collapseAt", "collapseAtContainer", "label", "multiple", "mustSelect", "mode", "stacked", "padAt", "required", "placeholder", "disabled"], outputs: ["changed"] }, { kind: "component", type: ButtonSelectorComponent, selector: "button-selector", inputs: ["disabled", "width", "border", "borderRadius", "label", "labelSelected", "options", "autoSelect"], outputs: ["changed", "selected"] }, { kind: "component", type: ButtonToggleComponent, selector: "button-toggle", inputs: ["value", "width", "border", "labelOn", "labelOff", "iconOn", "iconOff", "cssClass", "cssClassSmall"], outputs: ["changed"] }, { kind: "component", type: ClipperSearchResultItemComponent, selector: "clipper-search-result-item", inputs: ["parent", "item", "actions", "tileNoPictureUrl", "tilePictureUrl", "isSelectable", "isReadable", "isReadableModel", "displayModifiedTitle", "displayModelName", "displayDate", "displayMode"], outputs: ["itemChange"] }, { kind: "component", type: ClipperDocumentMenuComponent, selector: "clipper-document-menu", inputs: ["useSelections", "selectionSource", "parent", "item", "isReference", "isReadable", "isReadableModel", "isLawInForce", "canPrint", "canFind", "canUseAIAssistant", "canUseRS", "canOpenDocument"] }, { kind: "component", type: ClipperSearchFacetsComponent, selector: "clipper-search-facets", inputs: ["handleTooManyResults"], outputs: ["changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ClipperBrowserComponent, decorators: [{
             type: Component,
@@ -3499,7 +2998,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
                         ScrollingModule, MatSelectModule, MatChipsModule, MatSlideToggleModule, MatPaginator, MatCheckboxModule, MatButtonToggleModule, MatProgressBarModule,
                         DateIntervalChangeDirective, ChipsSelectorComponent, ButtonSelectorComponent, ButtonToggleComponent,
                         ClipperSearchResultItemComponent,
-                        ClipperDocumentMenuComponent, ClipperSearchFacetsComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-drawer-container [hasBackdrop]=\"filterPaneHasBackdrop()\" class=\"fill\">\r\n  <mat-drawer #filterPane class=\"drawer\">\r\n    <div fxLayout=\"column\" fxFill>\r\n      <div fxFlex=\"78px\" class=\"title-container\">\r\n        <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\" fxFill>\r\n          <div class=\"title\">Filtro</div>\r\n          <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n            <button fxFlexAlign=\"center\" mat-icon-button (click)=\"saveFilter(true)\"\r\n              matTooltip=\"Crea una nuovo filtro con i parametri attuali \"><mat-icon>add</mat-icon></button>\r\n            <button fxFlexAlign=\"center\" mat-icon-button (click)=\"toggleFilterPane()\"\r\n              matTooltip=\"Nascondi\"><mat-icon>left_panel_close</mat-icon></button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      @if(hasFilters()) {\r\n      <div style=\"padding:10px 20px\">\r\n        <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n          <div fxFlex=\"*\">\r\n            <button-selector #filterSelector [options]=\"filters()\" label=\"Seleziona un filtro salvato\"\r\n              labelSelected=\"Filtro in uso:\" fxFlexAlign=\"center\" (selected)=\"selectFilter($event)\"\r\n              [matTooltip]=\"filterParams.searchName ?? ''\"></button-selector>\r\n          </div>\r\n          @if(filterParams.searchId) {\r\n          <div fxFlex=\"40px\">\r\n            <button fxFlexAlign=\"center\" mat-icon-button (click)=\"deleteFilter()\"\r\n              matTooltip=\"Elimina il filtro in uso\"><mat-icon>delete</mat-icon></button>\r\n          </div>\r\n          }\r\n        </div>\r\n      </div>\r\n      }\r\n      <div fxFlex=\"*\" class=\"content scroll-hidden\" style=\"padding-bottom: 10px;\">\r\n        <div class=\"scroll-auto\" style=\"padding: 0 10px;\">\r\n          <form name=\"form\" #f=\"ngForm\" (keyup.Enter)=\"applyFilter()\" novalidate>\r\n            <mat-accordion multi displayMode=\"flat\">\r\n              <mat-expansion-panel expanded class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Cerca in..\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n\r\n                <chips-selector #moduleSelector [(ngModel)]=\"filterParams.modules\" [collapseAt]=\"599\" [multiple]=\"true\"\r\n                  label=\"Sezioni\" name=\"modules\" [options]=\"filteredModules()\" (changed)=\"modulesChanged()\">\r\n                </chips-selector>\r\n              </mat-expansion-panel>\r\n\r\n              @if((hasTags() || hasTopics()) && !isCoordination()) {\r\n              <mat-expansion-panel class=\"accordion-panel mat-elevation-z0\">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Argomenti\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                @if(hasTags()) {\r\n                <chips-selector [collapseAt]=\"599\" [(ngModel)]=\"filterParams.tags\" [multiple]=\"true\" name=\"tags\"\r\n                  label=\"Argomenti\" [options]=\"tags()\"></chips-selector>\r\n                }\r\n                @if(hasTopics()) {\r\n                @if ((filterParams.topics?.length ?? 0) > 0) {\r\n                <mat-chip-grid #topics [(ngModel)]=\"filterParams.topics\" name=\"topics\" style=\"padding-bottom: 5px;\">\r\n                  @for (o of filterParams.topics; track $index) {\r\n                  <mat-chip-row [value]=\"o\" (removed)=\"deleteTopic(o)\">\r\n                    {{o.name}}\r\n                    <button matChipRemove>\r\n                      <mat-icon>cancel</mat-icon>\r\n                    </button></mat-chip-row>\r\n                  }\r\n                </mat-chip-grid>\r\n                <input style=\"display: none;\" [matChipInputFor]=\"topics\" />\r\n                }\r\n                <div fxLayout=\"row\" fxLayoutAlign=\"end center\">\r\n                  <button mat-button type=\"button\" (click)=\"addTopic()\"><mat-icon>add</mat-icon> Aggiungi\r\n                    argomento</button>\r\n                  @if ((filterParams.topics?.length ?? 0) > 0) {\r\n                  <button mat-button type=\"button\" (click)=\"clearTopics()\"><mat-icon>delete</mat-icon> Azzera</button>\r\n                  }\r\n                </div>\r\n                }\r\n              </mat-expansion-panel>\r\n              }\r\n              @if(hasSectors()) {\r\n              <mat-expansion-panel class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Settori\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <chips-selector [collapseAt]=\"599\" [(ngModel)]=\"filterParams.sectors\" [multiple]=\"true\" name=\"sectors\"\r\n                  label=\"Settori\" [options]=\"sectors()\" (changed)=\"sectorsChanged()\" />\r\n                @if(hasRegions())\r\n                {\r\n                <mat-divider style=\"padding-top: 8px; margin-top:8px\"></mat-divider>\r\n                <chips-selector [(ngModel)]=\"filterParams.authors\" [multiple]=\"true\" name=\"authors\" mode=\"collapsed\"\r\n                  label=\"Tutte le regioni\" [options]=\"regions()\" />\r\n                }\r\n              </mat-expansion-panel>\r\n              }\r\n              @if(!isCoordination()) {\r\n              <mat-expansion-panel expanded class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Documento\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <div fxLayout=\"column\">\r\n                  @if(isLaws()) {\r\n                  <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n                    <mat-form-field fxFlex=\"59\" fxFlex.xs=\"49\">\r\n                      <mat-label>Numero</mat-label>\r\n                      <input matInput maxlength=\"10\" [(ngModel)]=\"filterParams.number\" name=\"number\"\r\n                        #filterByNumber=\"matInput\" />\r\n                      @if (filterParams.number) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.number = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                    <mat-form-field fxFlex=\"39\" fxFlex.xs=\"49\">\r\n                      <mat-label>Anno</mat-label>\r\n                      <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"filterParams.year\"\r\n                        name=\"year\" />\r\n                      @if (filterParams.year) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.year = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                  </div>\r\n                  }\r\n                  <mat-form-field>\r\n                    <mat-label>Intervallo di pubblicazione</mat-label>\r\n                    <mat-date-range-input [rangePicker]=\"picker1\">\r\n                      <input matStartDate [(ngModel)]=\"interval.from\" [dateIntervalChange]=\"interval\"\r\n                        #rangeFrom1=\"ngModel\" name=\"rangeFrom1\" placeholder=\"Da data\">\r\n                      <input matEndDate [(ngModel)]=\"interval.to\" [dateIntervalChange]=\"interval\" [end]=\"true\"\r\n                        #rangeTo1=\"ngModel\" name=\"rangeTo1\" placeholder=\"A data\">\r\n                    </mat-date-range-input>\r\n                    @if (interval.from || interval.to) {\r\n                    <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                      (click)=\"interval.clear()\">\r\n                      <mat-icon>close</mat-icon>\r\n                    </button>\r\n                    }\r\n                    <mat-datepicker-toggle matSuffix [for]=\"picker1\"></mat-datepicker-toggle>\r\n                    <mat-date-range-picker #picker1></mat-date-range-picker>\r\n                    @if (rangeFrom1.invalid || rangeTo1.invalid) {\r\n                    <mat-error>Intervallo non valido.</mat-error>\r\n                    }\r\n                  </mat-form-field>\r\n                  <mat-form-field>\r\n                    <mat-label>Testo</mat-label>\r\n                    <input matInput maxlength=\"200\" [(ngModel)]=\"filterParams.text\" name=\"text\"\r\n                      #filterByText=\"matInput\" />\r\n                    @if (filterParams.text) {\r\n                    <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                      (click)=\"filterParams.text = undefined\">\r\n                      <mat-icon>close</mat-icon>\r\n                    </button>\r\n                    }\r\n                    <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix matTooltip=\"Opzioni\"\r\n                      aria-label=\"Opzioni\"\r\n                      [matMenuTriggerFor]=\"filterPaneOptionsMenu\"><mat-icon>more_vert</mat-icon></button>\r\n                  </mat-form-field>\r\n                  <div>\r\n                    @if(filterParams.text) {\r\n                    <div style=\"padding-bottom:10px\">\r\n                      <mat-slide-toggle [(ngModel)]=\"filterParams.titleOnly\" name=\"titleOnly\">Cerca solo nel\r\n                        titolo</mat-slide-toggle>\r\n                    </div>\r\n                    }\r\n                    @if(isLaws(false)) {\r\n                    <div style=\"padding-bottom:10px\">\r\n                      <mat-slide-toggle [(ngModel)]=\"filterParams.showNotAbrogatedDocumentsOnly\"\r\n                        name=\"showNotAbrogatedDocumentsOnly\">Mostra solo elementi non abrogati</mat-slide-toggle>\r\n                    </div>\r\n                    <div style=\"padding-bottom:10px\">\r\n                      <mat-slide-toggle [(ngModel)]=\"filterParams.showCommentedDocumentsOnly\"\r\n                        name=\"showCommentedDocumentsOnly\">Mostra solo elementi con commenti</mat-slide-toggle>\r\n                    </div>\r\n                    }\r\n                    @if(isReadable()) {\r\n                    <div style=\"padding-bottom:10px\">\r\n                      <mat-slide-toggle [(ngModel)]=\"filterParams.showUnreadDocumentsOnly\"\r\n                        name=\"showUnreadDocumentsOnly\">Mostra solo elementi non letti</mat-slide-toggle>\r\n                    </div>\r\n                    }\r\n\r\n                  </div>\r\n                </div>\r\n              </mat-expansion-panel>\r\n              @if(isLaws(false)) {\r\n              <mat-expansion-panel #sourceExpansionPanel class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Fonte\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <div fxLayout=\"column\">\r\n                  <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n                    <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n                      <mat-label>Numero</mat-label>\r\n                      <input matInput maxlength=\"10\" [(ngModel)]=\"filterParams.sourceNumber\" name=\"sourceNumber\" />\r\n                      @if (filterParams.sourceNumber) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.sourceNumber = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                    <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n                      <mat-label>Anno</mat-label>\r\n                      <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"filterParams.sourceYear\"\r\n                        name=\"sourceYear\" />\r\n                      @if (filterParams.sourceYear) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.sourceYear = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                  </div>\r\n                  <mat-form-field>\r\n                    <mat-label>Intervallo di pubblicazione</mat-label>\r\n                    <mat-date-range-input [rangePicker]=\"picker2\">\r\n                      <input matStartDate [(ngModel)]=\"sourceInterval.from\" [dateIntervalChange]=\"sourceInterval\"\r\n                        #rangeFrom2=\"ngModel\" name=\"rangeFrom2\" placeholder=\"Da data\">\r\n                      <input matEndDate [(ngModel)]=\"sourceInterval.to\" [dateIntervalChange]=\"sourceInterval\"\r\n                        [end]=\"true\" #rangeTo2=\"ngModel\" name=\"rangeTo2\" placeholder=\"A data\">\r\n                    </mat-date-range-input>\r\n                    @if (sourceInterval.from || sourceInterval.to) {\r\n                    <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                      (click)=\"sourceInterval.clear()\">\r\n                      <mat-icon>close</mat-icon>\r\n                    </button>\r\n                    }\r\n                    <mat-datepicker-toggle matSuffix [for]=\"picker2\"></mat-datepicker-toggle>\r\n                    <mat-date-range-picker #picker2></mat-date-range-picker>\r\n                    @if (rangeFrom2.invalid || rangeTo2.invalid) {\r\n                    <mat-error>Intervallo non valido.</mat-error>\r\n                    }\r\n                  </mat-form-field>\r\n                  <mat-form-field>\r\n                    <mat-label>Tipo</mat-label>\r\n                    <mat-select [(ngModel)]=\"filterParams.source\" name=\"source\">\r\n                      @for (s of sources(); track $index) {\r\n                      <mat-option [value]=\"s.value\" [matTooltip]=\"s.name\">\r\n                        {{s.name}}\r\n                      </mat-option>\r\n                      }\r\n                    </mat-select>\r\n                  </mat-form-field>\r\n\r\n                </div>\r\n              </mat-expansion-panel>\r\n              <mat-expansion-panel #otherOptionsExpansionPanel class=\"accordion-panel mat-elevation-z0\">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Altre opzioni\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <div fxLayout=\"column\">\r\n                  @if(authors().length > 0 && !hasRegions()) {\r\n                  <mat-form-field>\r\n                    <mat-label>Autore</mat-label>\r\n                    <mat-select [(ngModel)]=\"filterParams.author\" name=\"author\">\r\n                      @for (a of authors(); track $index) {\r\n                      <mat-option [value]=\"a.value\" [matTooltip]=\"a.name\">\r\n                        {{a.name}}\r\n                      </mat-option>\r\n                      }\r\n                    </mat-select>\r\n                  </mat-form-field>\r\n                  }\r\n                  <mat-form-field>\r\n                    <mat-label>Tipo documento</mat-label>\r\n                    <mat-select [(ngModel)]=\"filterParams.type\" name=\"type\">\r\n                      @for (t of types(); track $index) {\r\n                      <mat-option [value]=\"t.value\" [matTooltip]=\"t.name\">\r\n                        {{t.name}}\r\n                      </mat-option>\r\n                      }\r\n                    </mat-select>\r\n                  </mat-form-field>\r\n                </div>\r\n\r\n              </mat-expansion-panel>\r\n              }\r\n              } @else {\r\n              <mat-expansion-panel expanded class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Periodo\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <mat-form-field style=\"width:100%\">\r\n                  <mat-label>Intervallo di pubblicazione</mat-label>\r\n                  <mat-date-range-input [rangePicker]=\"picker1\">\r\n                    <input matStartDate [(ngModel)]=\"interval.from\" [dateIntervalChange]=\"interval\"\r\n                      #rangeFrom1=\"ngModel\" name=\"rangeFrom1\" placeholder=\"Da data\">\r\n                    <input matEndDate [(ngModel)]=\"interval.to\" [dateIntervalChange]=\"interval\" [end]=\"true\"\r\n                      #rangeTo1=\"ngModel\" name=\"rangeTo1\" placeholder=\"A data\">\r\n                  </mat-date-range-input>\r\n                  @if (interval.from || interval.to) {\r\n                  <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                    (click)=\"interval.clear()\">\r\n                    <mat-icon>close</mat-icon>\r\n                  </button>\r\n                  }\r\n                  <mat-datepicker-toggle matSuffix [for]=\"picker1\"></mat-datepicker-toggle>\r\n                  <mat-date-range-picker #picker1></mat-date-range-picker>\r\n                  @if (rangeFrom1.invalid || rangeTo1.invalid) {\r\n                  <mat-error>Intervallo non valido.</mat-error>\r\n                  }\r\n                </mat-form-field>\r\n                @if(isReadable()) {\r\n                <div style=\"padding-bottom:10px\">\r\n                  <mat-slide-toggle [(ngModel)]=\"filterParams.showUnreadDocumentsOnly\"\r\n                    name=\"showUnreadDocumentsOnly\">Mostra solo elementi non letti</mat-slide-toggle>\r\n                </div>\r\n                }\r\n              </mat-expansion-panel>\r\n              <mat-expansion-panel expanded class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Documento modificato\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <div fxLayout=\"column\">\r\n                  <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n                    <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n                      <mat-label>Numero</mat-label>\r\n                      <input matInput maxlength=\"10\" [(ngModel)]=\"filterParams.changedNumber\" name=\"changedNumber\"\r\n                        #filterByChangeNumber=\"matInput\" />\r\n                      @if (filterParams.changedNumber) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.changedNumber = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                    <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n                      <mat-label>Anno</mat-label>\r\n                      <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"filterParams.changedYear\"\r\n                        name=\"changedYear\" />\r\n                      @if (filterParams.changedYear) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.changedYear = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                  </div>\r\n                  <mat-form-field>\r\n                    <mat-label>Titolo</mat-label>\r\n                    <input matInput maxlength=\"200\" [(ngModel)]=\"filterParams.changedTitle\" name=\"changedTitle\" />\r\n                    @if (filterParams.changedTitle) {\r\n                    <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                      (click)=\"filterParams.changedTitle = undefined\">\r\n                      <mat-icon>close</mat-icon>\r\n                    </button>\r\n                    }\r\n                  </mat-form-field>\r\n                </div>\r\n              </mat-expansion-panel>\r\n              <mat-expansion-panel #modifierOptionsExpansionPanel class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Documento modificante\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <div fxLayout=\"column\">\r\n                  <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n                    <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n                      <mat-label>Numero</mat-label>\r\n                      <input matInput maxlength=\"10\" [(ngModel)]=\"filterParams.modifierNumber\" name=\"modifierNumber\" />\r\n                      @if (filterParams.changedNumber) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.modifierNumber = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                    <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n                      <mat-label>Anno</mat-label>\r\n                      <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"filterParams.modifierYear\"\r\n                        name=\"modifierYear\" />\r\n                      @if (filterParams.modifierYear) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.modifierYear = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                  </div>\r\n                  <mat-form-field>\r\n                    <mat-label>Titolo</mat-label>\r\n                    <input matInput maxlength=\"200\" [(ngModel)]=\"filterParams.modifierTitle\" name=\"modifierTitle\" />\r\n                    @if (filterParams.modifierTitle) {\r\n                    <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                      (click)=\"filterParams.modifierTitle = undefined\">\r\n                      <mat-icon>close</mat-icon>\r\n                    </button>\r\n                    }\r\n                  </mat-form-field>\r\n                </div>\r\n              </mat-expansion-panel>\r\n              <mat-expansion-panel #otherOptionsExpansionPanel class=\"accordion-panel mat-elevation-z0\">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Altre opzioni\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <div fxLayout=\"column\">\r\n                  <mat-form-field>\r\n                    <mat-label>Motivo</mat-label>\r\n                    <mat-select [(ngModel)]=\"filterParams.changeReason\" name=\"changeReason\">\r\n                      @for (r of reasons(); track $index) {\r\n                      <mat-option [value]=\"r.value\" [matTooltip]=\"r.name\">\r\n                        {{r.name}}\r\n                      </mat-option>\r\n                      }\r\n                    </mat-select>\r\n                  </mat-form-field>\r\n                </div>\r\n              </mat-expansion-panel>\r\n              }\r\n            </mat-accordion>\r\n          </form>\r\n        </div>\r\n      </div>\r\n      @if(showChannels()) {\r\n      <div style=\"padding:10px\">\r\n        <div fxLayout=\"column\">\r\n          <mat-expansion-panel class=\"accordion-panel mat-elevation-z0\" style=\"margin-bottom: 10px;\">\r\n            <mat-expansion-panel-header class=\"accordion-header\">\r\n              <mat-panel-title>\r\n                Canali\r\n              </mat-panel-title>\r\n              <mat-panel-description>\r\n                @for (c of clipperService.availableChannels(); track $index) {\r\n                <div class=\"channel-box\" [class.channel-disabled]=\"!c.active || c.disabled\" [matTooltip]=\"c.name\">\r\n                  <span class=\"label\">{{c.header}}</span>\r\n                </div>\r\n                }\r\n              </mat-panel-description>\r\n            </mat-expansion-panel-header>\r\n            <chips-selector [collapseAt]=\"599\" [(ngModel)]=\"filterParams.channels\" [multiple]=\"true\" name=\"channels\"\r\n              label=\"Canali\" [options]=\"clipperService.availableChannels()\"\r\n              (changed)=\"channelsChanged()\"></chips-selector>\r\n\r\n          </mat-expansion-panel>\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n            <div fxFlex=\"*\" fxFlexAlign=\"end\">\r\n              <button mat-stroked-button (click)=\"clearFilter()\">Pulisci</button>\r\n              <button mat-stroked-button (click)=\"saveFilter()\" style=\"margin-left: 10px;\">Salva</button>\r\n            </div>\r\n            <div fxLayoutAlign=\"end\">\r\n              <button fxFlexAlign=\"end\" mat-flat-button (click)=\"applyFilter()\"\r\n                [disabled]=\"!canSearch()\">Applica</button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      }\r\n    </div>\r\n  </mat-drawer>\r\n  <div fxLayout=\"column\" fxLayoutGap=\"10px\" fxFill class=\"drawer-content scroll-hidden\">\r\n    <div class=\"module-toolbar \">\r\n      <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n        <div fxFlex=\"49\" fxFlex.lt-md=\"100\" style=\"padding-left: 10px; padding-bottom: 5px;\">\r\n          @if(!filterPane.opened) {\r\n          <button-toggle cssClass=\"small\" cssClassSmall=\"x-small\" iconOn=\"left_panel_close\" iconOff=\"tune\"\r\n            labelOn=\"Nascondi<br>filtri\" labelOff=\"Mostra<br>filtri\" [value]=\"filterPane.opened\"\r\n            (changed)=\"toggleFilterPane()\"></button-toggle>\r\n          }\r\n        </div>\r\n        <div fxFlex=\"49\" fxFlex.lt-md=\"100\" fxLayoutAlign=\"end\">\r\n          <div fxLayout=\"row\" style=\"height:48px; padding-bottom: 5px;\">\r\n            @if((snapshot?.total ?? 0) > 0) {\r\n            @if(sortOptions().length > 0) {\r\n            <button-selector [options]=\"sortOptions()\" label=\"Ordina per:\" style=\"margin-right: 5px;\" [border]=\"0\"\r\n              fxFlexAlign=\"center\" [ngModel]=\"sortMode()\" name=\"sortMode\" (selected)=\"sort($event)\"></button-selector>\r\n            }\r\n            <button fxFlexAlign=\"center\" mat-icon-button matSuffix matTooltip=\"Opzioni sulla selezione\"\r\n              aria-label=\"Opzioni sulla selezione\" [matMenuTriggerFor]=\"selectionOptionsMenu\"\r\n              [matBadge]=\"countSelections()\"><mat-icon>checklist</mat-icon></button>\r\n            <button fxFlexAlign=\"center\" mat-icon-button matTooltip=\"Salva elenco in Excel \"\r\n              (click)=\"exportResults()\"><mat-icon>save_alt</mat-icon></button>\r\n            @if (!filterPane2?.opened && hasFacets()){\r\n            <button fxFlexAlign=\"center\" mat-icon-button matTooltip=\"Affina ricerca\"\r\n              (click)=\"toggleFilterPane2()\"><mat-icon>right_panel_open</mat-icon></button>\r\n            }\r\n            }\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div fxFlex=\"*\" class=\"module-content\">\r\n      <mat-drawer-container [hasBackdrop]=\"filterPane2HasBackdrop()\" class=\"fill\">\r\n        <mat-drawer #filterPane2 class=\"drawer-small drawer-with-loader\" position=\"end\" 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=\"78px\" class=\"title-container-with-loader\">\r\n              <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFill>\r\n                <div class=\"title\">Affina ricerca</div>\r\n                <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n                  <button mat-icon-button (click)=\"toggleFilterPane2()\"\r\n                    matTooltip=\"Nascondi\"><mat-icon>right_panel_close</mat-icon></button>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div fxFlex=\"*\" class=\"content scroll-hidden\" style=\"padding: 0 5px;\">\r\n              <clipper-search-facets #facets></clipper-search-facets>\r\n\r\n            </div>\r\n          </div>\r\n        </mat-drawer>\r\n        <div fxLayout=\"column\" fxFill>\r\n          <div fxFlex=\"*\" [id]=\"scrollerId\" cdkScrollable class=\"scroll-auto\" style=\"padding: 0 20px;\">\r\n            @if (!snapshot?.total) {\r\n            <div class=\"message-container\">\r\n              @if(snapshot?.total === 0) {\r\n              <p class=\"message\"><b>Nessun elemento da visualizzare.</b></p>\r\n              } @else {\r\n              <div class=\"message\">\r\n                <p fxHide.xs><b>Esegui una ricerca compilando i campi necessari nella maschera di ricarca qui a\r\n                    fianco.</b></p>\r\n                <p fxHide.gt-xs><b>Fai click sul bottone <span class=\"accent\"><mat-icon>tune</mat-icon></span> ed esegui\r\n                    una\r\n                    ricerca compilando i campi necessari.</b></p>\r\n                <p>E' possibile salvare i parametri delle le ricerche pi\u00F9 utilizzate facendo clic su &nbsp;\r\n                  <mat-icon\r\n                    style=\"display: inline-flex; border-radius: 9999px; height: 25px; width: 25px; color: var(--ars-color-text-low); background-color: var(--ars-color-accent);\">add</mat-icon>.\r\n                </p>\r\n              </div>\r\n              }\r\n            </div>\r\n            } @else {\r\n            @if (snapshot && (snapshot.total ?? 0) > 0) {\r\n            @for (item of snapshot.items; track $index; let i = $index) {\r\n            @if (item.group && isSortedByDate()) {\r\n            <div class=\"items-group-title\">\r\n              <div [class.group-spaced]=\"i > 0\">{{item.group}}</div>\r\n            </div>\r\n            }\r\n            <clipper-search-result-item [item]=\"item\" [parent]=\"this\" [displayModelName]=\"true\" [actions]=\"contextMenu\"\r\n              [isReadable]=\"true\"></clipper-search-result-item>\r\n            }\r\n            }\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 wrap\" fxLayoutGap=\"10px\" fxLayoutAlign=\"space-between center\" fxFill>\r\n              <!-- legend -->\r\n              <div fxFlex.lt-md=\"100\" class=\"legend-container\">\r\n                <div class=\"legend unread-bg\"></div>\r\n                non letto\r\n                <!--<div class=\"legend next very-popular-bg\"></div>\r\n                molto citato\r\n                <div class=\"legend next popular-bg\"></div>\r\n                citato-->\r\n                <div class=\"legend next expired-bg \"></div>\r\n                non pi\u00F9 vigente\r\n              </div>\r\n              <div fxFlex.lt-md=\"100\" fxLayoutAlign=\"end\" [class.wide]=\"filterPane2?.opened\">\r\n                <div fxLayout=\"row\">\r\n                  <mat-paginator fxFlexAlign=\"center\" #paginator class=\"paginator\" [hidePageSize]=\"true\"\r\n                    [length]=\"snapshot?.total ?? 0\" [pageSize]=\"filterParams.count\" [showFirstLastButtons]=\"true\"\r\n                    (page)=\"fetchMore($event)\">\r\n                  </mat-paginator>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          }\r\n        </div>\r\n      </mat-drawer-container>\r\n    </div>\r\n  </div>\r\n</mat-drawer-container>\r\n<mat-menu #filterPaneOptionsMenu=\"matMenu\">\r\n  <button mat-menu-item (click)=\"compose()\">\r\n    <mat-icon>build</mat-icon>Componi\r\n  </button>\r\n  <button mat-menu-item (click)=\"help()\">\r\n    <mat-icon>help</mat-icon>Come usare la ricerca in testo libero\r\n  </button>\r\n</mat-menu>\r\n<mat-menu #selectionOptionsMenu=\"matMenu\">\r\n  <button mat-menu-item (click)=\"selectAll()\">\r\n    <mat-icon>select_all</mat-icon>Seleziona tutti\r\n  </button>\r\n  <clipper-document-menu [parent]=\"this\" [useSelections]=\"true\" [isReadable]=\"true\" [canUseArchive]=\"false\"\r\n    [canUseCalendar]=\"false\" [canUseAIAssistant]=\"hasAIAssistant()\" [canUseRS]=\"showRSOptions()\">\r\n  </clipper-document-menu>\r\n</mat-menu>\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]=\"true\" [canUseArchive]=\"false\"\r\n      [canUseCalendar]=\"false\" [canUseAIAssistant]=\"hasAIAssistant()\" [canUseRS]=\"showRSOptions()\">\r\n    </clipper-document-menu>\r\n  </ng-template>\r\n</mat-menu>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.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-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.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}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.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:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!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 .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;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:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@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,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.clipper-selection-icon-button{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-color-primary-hi, #12c0ae)}.unread{color:var(--app-color-unread, #f7931c)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.expired{color:var(--app-color-expired, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-expiring, #FFC107)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.closed-bg{background-color:var(--app-color-closed, #388E3C)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.popular-bg{background-color:var(--app-color-closed, #388E3C)!important}.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-color-secondary, #4a635f);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:10px}.item{border-radius:12px;padding:10px 10px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}@media screen and (min-width:0px)and (max-width:430px){.item:hover{background-color:var(--ars-item-hover-background-color)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 55%,transparent 100%);mask-image:linear-gradient(to right,black 55%,transparent 100%)}}.item-content .item-info-1,.item-content .info-1{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent, #7894ae)}.item-content .item-info-2,.item-content .info-2{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent-low, #456179)}.item-content .item-info-3,.item-content .info-3{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-error, #ff5449)}.item-content .item-title,.item-content .title{font-size:small!important;line-height:18px;text-decoration:none!important;font-weight:400;min-height:unset;min-width:unset;white-space:initial!important}@supports (-webkit-line-clamp: 3){.item-content .item-title,.item-content .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.item-content .details{margin-top:4px;font-size:x-small!important;font-weight:700;line-height:15px;color:var(--ars-color-accent-low, #456179);text-transform:uppercase!important;border-left:4px solid var(--ars-color-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:500!important;font-size:11px!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-size:11px!important;font-weight:500!important}.item-content a.link{color:var(--ars-color-link, #03A9F4);cursor:pointer!important;text-decoration:none!important}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer!important;padding:10px 13px!important;margin-bottom:20px!important}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--app-color-unread, #f7931c);margin:0 8px}.tile .tile-image,.tile .image{height:125px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .tile-image img,.tile .image img{object-fit:cover;width:100%;height:100%}.tile .tile-image .tile-info-1,.tile .tile-image .info-1,.tile .image .tile-info-1,.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!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .tile-info-2,.tile .tile-image .info-2,.tile .image .tile-info-2,.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-color-accent, #7894ae);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .buttons,.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .tile-image .buttons .check,.tile .tile-image .buttons .read-button,.tile .image .buttons .check,.tile .image .buttons .read-button{background-color:var(--ars-color-primary, #00a293)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .unread-button,.tile .image .buttons .unread-button{background-color:var(--app-color-unread, #f7931c)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .check-selected,.tile .image .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)!important}.tile .tile-date,.tile .date{padding:8px 0 6px!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-date .date-day,.tile .date .date-day{color:var(--ars-color-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .tile-time,.tile .time{font-size:small!important;font-weight:700!important}.tile .tile-title,.tile .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-height:50px!important;max-height:70px!important;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.tile .tile-title,.tile .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.stripe:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.stripe{cursor:pointer!important;padding:5px 10px!important;margin-bottom:10px!important}.stripe .body{padding:5px 15px!important}.stripe .image-mark{min-height:100%!important;border-left:6px solid transparent;margin:8px 0}.stripe .image-mark-unread{min-height:100%!important;border-left-color:var(--ars-color-error, #ff5449)!important;margin:8px 0}.stripe .stripe-image,.stripe .image{width:150px!important;height:70px!important;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.stripe .stripe-image img,.stripe .image img{object-fit:cover;width:100%;height:100%}.stripe .stripe-info-1,.stripe .info-1{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-text, #191c1b)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-info-2,.stripe .info-2{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-accent, #7894ae)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .buttons{position:absolute;left:0;top:0;height:42px}.stripe .buttons .check,.stripe .buttons .read{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.stripe .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)}.stripe .stripe-date,.stripe .date{padding:0!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-date .date-day,.stripe .date .date-day{color:var(--ars-color-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.stripe .stripe-time,.stripe .time{font-size:small!important;font-weight:700!important}.stripe .stripe-title,.stripe .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.stripe .stripe-title,.stripe .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:#427505;text-transform:uppercase;white-space:nowrap;color:#e0e2e5}.badge-red{background-color:#a80710}.busy-backdrop{background-color:#0000006b!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 .legend:not(:first-of-type){margin-left:10px}@media screen and (max-width:431px){.legend-container{font-size:9px!important}}.special-date,.special-date-expired,.special-date-expiring{border:2px var(--ars-color-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-color-error, #ff5449) solid!important}.special-date-expiring{border:2px var(--ars-color-warning, #FFC107) solid!important}.word-hit-chunk,.word-hit{display:inline-block;font-size:inherit;background-color:var(--ars-word-hit-background-color, #FFEB3B);color:var(--ars-word-hit-color, #191c1b);padding:0 4px;margin:0 4px;border-radius:4px}.word-hit-chunk{background-color:var(--ars-word-chunk-hit-background-color, #8AFF59);color:var(--ars-word-hit-chunk-color, #191c1b)}.message-container{font-size:large;display:flex;justify-content:center;align-items:center;height:50%}.message-container .message{color:var(--ars-color-secondary, #4a635f);text-align:center;padding:40px}.module-content{overflow-x:hidden!important}.module-toolbar{padding:0 5px 0 10px!important}.frame{height:100%!important;min-height:100%!important}.drawer,.drawer-small{background-color:var(--ars-drawer-background-color)!important}@media screen and (min-width:431px){.drawer-small{min-width:360px!important;max-width:360px!important}}.channel-box{border-radius:4px;border:2px solid var(--ars-color-primary);color:var(--ars-color-primary);text-align:center;min-width:28px;min-height:28px;margin-right:12px;display:flex;align-items:center;justify-content:center}.channel-box .label{font-size:15px;font-weight:700}.channel-disabled{opacity:.3}.command{line-height:16px;color:var(--ars-color-primary);font-weight:500;cursor:pointer!important;text-decoration:none}.command:hover{opacity:.8!important}.link{color:var(--ars-color-link);font-weight:500;cursor:pointer!important;text-decoration:none}.link:hover{opacity:.8}.no-spaced{padding-top:0!important;padding-bottom:0!important}.spaced{padding-top:20px!important;padding-bottom:20px!important}.spaced-bottom-20{padding-bottom:20px!important}.spaced-top-20{padding-top:20px!important}.section,.spaced-bottom-10{padding-bottom:10px!important}.spaced-top-10{padding-top:10px!important}.section-title{font-size:large;font-weight:500;padding-top:20px;padding-bottom:8px}.info-3{margin-top:6px;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-text, #191c1b);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.info-4{margin-top:6px;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-accent, #7894ae);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}\n"] }]
+                        ClipperDocumentMenuComponent, ClipperSearchFacetsComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-drawer-container [hasBackdrop]=\"filterPaneHasBackdrop()\" class=\"fill\">\r\n  <mat-drawer #filterPane class=\"drawer\">\r\n    <div fxLayout=\"column\" fxFill>\r\n      <div fxFlex=\"78px\" class=\"title-container\">\r\n        <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"start center\" fxFill>\r\n          <div class=\"title\">Filtro</div>\r\n          <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n            <button fxFlexAlign=\"center\" mat-icon-button (click)=\"saveFilter(true)\"\r\n              matTooltip=\"Crea una nuovo filtro con i parametri attuali \"><mat-icon>add</mat-icon></button>\r\n            <button fxFlexAlign=\"center\" mat-icon-button (click)=\"toggleFilterPane()\"\r\n              matTooltip=\"Nascondi\"><mat-icon>left_panel_close</mat-icon></button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      @if(hasFilters()) {\r\n      <div style=\"padding:10px 20px\">\r\n        <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n          <div fxFlex=\"*\">\r\n            <button-selector #filterSelector [options]=\"filters()\" label=\"Seleziona un filtro salvato\"\r\n              labelSelected=\"Filtro in uso:\" fxFlexAlign=\"center\" (selected)=\"selectFilter($event)\"\r\n              [matTooltip]=\"filterParams.searchName ?? ''\"></button-selector>\r\n          </div>\r\n          @if(filterParams.searchId) {\r\n          <div fxFlex=\"40px\">\r\n            <button fxFlexAlign=\"center\" mat-icon-button (click)=\"deleteFilter()\"\r\n              matTooltip=\"Elimina il filtro in uso\"><mat-icon>delete</mat-icon></button>\r\n          </div>\r\n          }\r\n        </div>\r\n      </div>\r\n      }\r\n      <div fxFlex=\"*\" class=\"content scroll-hidden\" style=\"padding-bottom: 10px;\">\r\n        <div class=\"scroll-auto\" style=\"padding: 0 10px;\">\r\n          <form name=\"form\" #f=\"ngForm\" (keyup.Enter)=\"applyFilter()\" novalidate>\r\n            <mat-accordion multi displayMode=\"flat\">\r\n              <mat-expansion-panel expanded class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Cerca in..\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n\r\n                <chips-selector #moduleSelector [(ngModel)]=\"filterParams.modules\" [collapseAt]=\"599\" [multiple]=\"true\"\r\n                  label=\"Sezioni\" name=\"modules\" [options]=\"filteredModules()\" (changed)=\"modulesChanged()\">\r\n                </chips-selector>\r\n              </mat-expansion-panel>\r\n\r\n              @if((hasTags() || hasTopics()) && !isCoordination()) {\r\n              <mat-expansion-panel class=\"accordion-panel mat-elevation-z0\">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Argomenti\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                @if(hasTags()) {\r\n                <chips-selector [collapseAt]=\"599\" [(ngModel)]=\"filterParams.tags\" [multiple]=\"true\" name=\"tags\"\r\n                  label=\"Argomenti\" [options]=\"tags()\"></chips-selector>\r\n                }\r\n                @if(hasTopics()) {\r\n                @if ((filterParams.topics?.length ?? 0) > 0) {\r\n                <mat-chip-grid #topics [(ngModel)]=\"filterParams.topics\" name=\"topics\" style=\"padding-bottom: 5px;\">\r\n                  @for (o of filterParams.topics; track $index) {\r\n                  <mat-chip-row [value]=\"o\" (removed)=\"deleteTopic(o)\">\r\n                    {{o.name}}\r\n                    <button matChipRemove>\r\n                      <mat-icon>cancel</mat-icon>\r\n                    </button></mat-chip-row>\r\n                  }\r\n                </mat-chip-grid>\r\n                <input style=\"display: none;\" [matChipInputFor]=\"topics\" />\r\n                }\r\n                <div fxLayout=\"row\" fxLayoutAlign=\"end center\">\r\n                  <button mat-button type=\"button\" (click)=\"addTopic()\"><mat-icon>add</mat-icon> Aggiungi\r\n                    argomento</button>\r\n                  @if ((filterParams.topics?.length ?? 0) > 0) {\r\n                  <button mat-button type=\"button\" (click)=\"clearTopics()\"><mat-icon>delete</mat-icon> Azzera</button>\r\n                  }\r\n                </div>\r\n                }\r\n              </mat-expansion-panel>\r\n              }\r\n              @if(hasSectors()) {\r\n              <mat-expansion-panel class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Settori\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <chips-selector [collapseAt]=\"599\" [(ngModel)]=\"filterParams.sectors\" [multiple]=\"true\" name=\"sectors\"\r\n                  label=\"Settori\" [options]=\"sectors()\" (changed)=\"sectorsChanged()\" />\r\n                @if(hasRegions())\r\n                {\r\n                <mat-divider style=\"padding-top: 8px; margin-top:8px\"></mat-divider>\r\n                <chips-selector [(ngModel)]=\"filterParams.authors\" [multiple]=\"true\" name=\"authors\" mode=\"collapsed\"\r\n                  label=\"Tutte le regioni\" [options]=\"regions()\" />\r\n                }\r\n              </mat-expansion-panel>\r\n              }\r\n              @if(!isCoordination()) {\r\n              <mat-expansion-panel expanded class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Documento\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <div fxLayout=\"column\">\r\n                  @if(isLaws()) {\r\n                  <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n                    <mat-form-field fxFlex=\"59\" fxFlex.xs=\"49\">\r\n                      <mat-label>Numero</mat-label>\r\n                      <input matInput maxlength=\"10\" [(ngModel)]=\"filterParams.number\" name=\"number\"\r\n                        #filterByNumber=\"matInput\" />\r\n                      @if (filterParams.number) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.number = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                    <mat-form-field fxFlex=\"39\" fxFlex.xs=\"49\">\r\n                      <mat-label>Anno</mat-label>\r\n                      <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"filterParams.year\"\r\n                        name=\"year\" />\r\n                      @if (filterParams.year) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.year = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                  </div>\r\n                  }\r\n                  <mat-form-field>\r\n                    <mat-label>Intervallo di pubblicazione</mat-label>\r\n                    <mat-date-range-input [rangePicker]=\"picker1\">\r\n                      <input matStartDate [(ngModel)]=\"interval.from\" [dateIntervalChange]=\"interval\"\r\n                        #rangeFrom1=\"ngModel\" name=\"rangeFrom1\" placeholder=\"Da data\">\r\n                      <input matEndDate [(ngModel)]=\"interval.to\" [dateIntervalChange]=\"interval\" [end]=\"true\"\r\n                        #rangeTo1=\"ngModel\" name=\"rangeTo1\" placeholder=\"A data\">\r\n                    </mat-date-range-input>\r\n                    @if (interval.from || interval.to) {\r\n                    <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                      (click)=\"interval.clear()\">\r\n                      <mat-icon>close</mat-icon>\r\n                    </button>\r\n                    }\r\n                    <mat-datepicker-toggle matSuffix [for]=\"picker1\"></mat-datepicker-toggle>\r\n                    <mat-date-range-picker #picker1></mat-date-range-picker>\r\n                    @if (rangeFrom1.invalid || rangeTo1.invalid) {\r\n                    <mat-error>Intervallo non valido.</mat-error>\r\n                    }\r\n                  </mat-form-field>\r\n                  <mat-form-field>\r\n                    <mat-label>Testo</mat-label>\r\n                    <input matInput maxlength=\"200\" [(ngModel)]=\"filterParams.text\" name=\"text\"\r\n                      #filterByText=\"matInput\" />\r\n                    @if (filterParams.text) {\r\n                    <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                      (click)=\"filterParams.text = undefined\">\r\n                      <mat-icon>close</mat-icon>\r\n                    </button>\r\n                    }\r\n                    <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix matTooltip=\"Opzioni\"\r\n                      aria-label=\"Opzioni\"\r\n                      [matMenuTriggerFor]=\"filterPaneOptionsMenu\"><mat-icon>more_vert</mat-icon></button>\r\n                  </mat-form-field>\r\n                  <div>\r\n                    @if(filterParams.text) {\r\n                    <div style=\"padding-bottom:10px\">\r\n                      <mat-slide-toggle [(ngModel)]=\"filterParams.titleOnly\" name=\"titleOnly\">Cerca solo nel\r\n                        titolo</mat-slide-toggle>\r\n                    </div>\r\n                    }\r\n                    @if(isLaws(false)) {\r\n                    <div style=\"padding-bottom:10px\">\r\n                      <mat-slide-toggle [(ngModel)]=\"filterParams.showNotAbrogatedDocumentsOnly\"\r\n                        name=\"showNotAbrogatedDocumentsOnly\">Mostra solo elementi non abrogati</mat-slide-toggle>\r\n                    </div>\r\n                    <div style=\"padding-bottom:10px\">\r\n                      <mat-slide-toggle [(ngModel)]=\"filterParams.showCommentedDocumentsOnly\"\r\n                        name=\"showCommentedDocumentsOnly\">Mostra solo elementi con commenti</mat-slide-toggle>\r\n                    </div>\r\n                    }\r\n                    @if(isReadable()) {\r\n                    <div style=\"padding-bottom:10px\">\r\n                      <mat-slide-toggle [(ngModel)]=\"filterParams.showUnreadDocumentsOnly\"\r\n                        name=\"showUnreadDocumentsOnly\">Mostra solo elementi non letti</mat-slide-toggle>\r\n                    </div>\r\n                    }\r\n\r\n                  </div>\r\n                </div>\r\n              </mat-expansion-panel>\r\n              @if(isLaws(false)) {\r\n              <mat-expansion-panel #sourceExpansionPanel class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Fonte\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <div fxLayout=\"column\">\r\n                  <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n                    <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n                      <mat-label>Numero</mat-label>\r\n                      <input matInput maxlength=\"10\" [(ngModel)]=\"filterParams.sourceNumber\" name=\"sourceNumber\" />\r\n                      @if (filterParams.sourceNumber) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.sourceNumber = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                    <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n                      <mat-label>Anno</mat-label>\r\n                      <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"filterParams.sourceYear\"\r\n                        name=\"sourceYear\" />\r\n                      @if (filterParams.sourceYear) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.sourceYear = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                  </div>\r\n                  <mat-form-field>\r\n                    <mat-label>Intervallo di pubblicazione</mat-label>\r\n                    <mat-date-range-input [rangePicker]=\"picker2\">\r\n                      <input matStartDate [(ngModel)]=\"sourceInterval.from\" [dateIntervalChange]=\"sourceInterval\"\r\n                        #rangeFrom2=\"ngModel\" name=\"rangeFrom2\" placeholder=\"Da data\">\r\n                      <input matEndDate [(ngModel)]=\"sourceInterval.to\" [dateIntervalChange]=\"sourceInterval\"\r\n                        [end]=\"true\" #rangeTo2=\"ngModel\" name=\"rangeTo2\" placeholder=\"A data\">\r\n                    </mat-date-range-input>\r\n                    @if (sourceInterval.from || sourceInterval.to) {\r\n                    <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                      (click)=\"sourceInterval.clear()\">\r\n                      <mat-icon>close</mat-icon>\r\n                    </button>\r\n                    }\r\n                    <mat-datepicker-toggle matSuffix [for]=\"picker2\"></mat-datepicker-toggle>\r\n                    <mat-date-range-picker #picker2></mat-date-range-picker>\r\n                    @if (rangeFrom2.invalid || rangeTo2.invalid) {\r\n                    <mat-error>Intervallo non valido.</mat-error>\r\n                    }\r\n                  </mat-form-field>\r\n                  <mat-form-field>\r\n                    <mat-label>Tipo</mat-label>\r\n                    <mat-select [(ngModel)]=\"filterParams.source\" name=\"source\">\r\n                      @for (s of sources(); track $index) {\r\n                      <mat-option [value]=\"s.value\" [matTooltip]=\"s.name\">\r\n                        {{s.name}}\r\n                      </mat-option>\r\n                      }\r\n                    </mat-select>\r\n                  </mat-form-field>\r\n\r\n                </div>\r\n              </mat-expansion-panel>\r\n              <mat-expansion-panel #otherOptionsExpansionPanel class=\"accordion-panel mat-elevation-z0\">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Altre opzioni\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <div fxLayout=\"column\">\r\n                  @if(authors().length > 0 && !hasRegions()) {\r\n                  <mat-form-field>\r\n                    <mat-label>Autore</mat-label>\r\n                    <mat-select [(ngModel)]=\"filterParams.author\" name=\"author\">\r\n                      @for (a of authors(); track $index) {\r\n                      <mat-option [value]=\"a.value\" [matTooltip]=\"a.name\">\r\n                        {{a.name}}\r\n                      </mat-option>\r\n                      }\r\n                    </mat-select>\r\n                  </mat-form-field>\r\n                  }\r\n                  <mat-form-field>\r\n                    <mat-label>Tipo documento</mat-label>\r\n                    <mat-select [(ngModel)]=\"filterParams.type\" name=\"type\">\r\n                      @for (t of types(); track $index) {\r\n                      <mat-option [value]=\"t.value\" [matTooltip]=\"t.name\">\r\n                        {{t.name}}\r\n                      </mat-option>\r\n                      }\r\n                    </mat-select>\r\n                  </mat-form-field>\r\n                </div>\r\n\r\n              </mat-expansion-panel>\r\n              }\r\n              } @else {\r\n              <mat-expansion-panel expanded class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Periodo\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <mat-form-field style=\"width:100%\">\r\n                  <mat-label>Intervallo di pubblicazione</mat-label>\r\n                  <mat-date-range-input [rangePicker]=\"picker1\">\r\n                    <input matStartDate [(ngModel)]=\"interval.from\" [dateIntervalChange]=\"interval\"\r\n                      #rangeFrom1=\"ngModel\" name=\"rangeFrom1\" placeholder=\"Da data\">\r\n                    <input matEndDate [(ngModel)]=\"interval.to\" [dateIntervalChange]=\"interval\" [end]=\"true\"\r\n                      #rangeTo1=\"ngModel\" name=\"rangeTo1\" placeholder=\"A data\">\r\n                  </mat-date-range-input>\r\n                  @if (interval.from || interval.to) {\r\n                  <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                    (click)=\"interval.clear()\">\r\n                    <mat-icon>close</mat-icon>\r\n                  </button>\r\n                  }\r\n                  <mat-datepicker-toggle matSuffix [for]=\"picker1\"></mat-datepicker-toggle>\r\n                  <mat-date-range-picker #picker1></mat-date-range-picker>\r\n                  @if (rangeFrom1.invalid || rangeTo1.invalid) {\r\n                  <mat-error>Intervallo non valido.</mat-error>\r\n                  }\r\n                </mat-form-field>\r\n                @if(isReadable()) {\r\n                <div style=\"padding-bottom:10px\">\r\n                  <mat-slide-toggle [(ngModel)]=\"filterParams.showUnreadDocumentsOnly\"\r\n                    name=\"showUnreadDocumentsOnly\">Mostra solo elementi non letti</mat-slide-toggle>\r\n                </div>\r\n                }\r\n              </mat-expansion-panel>\r\n              <mat-expansion-panel expanded class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Documento modificato\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <div fxLayout=\"column\">\r\n                  <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n                    <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n                      <mat-label>Numero</mat-label>\r\n                      <input matInput maxlength=\"10\" [(ngModel)]=\"filterParams.changedNumber\" name=\"changedNumber\"\r\n                        #filterByChangeNumber=\"matInput\" />\r\n                      @if (filterParams.changedNumber) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.changedNumber = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                    <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n                      <mat-label>Anno</mat-label>\r\n                      <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"filterParams.changedYear\"\r\n                        name=\"changedYear\" />\r\n                      @if (filterParams.changedYear) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.changedYear = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                  </div>\r\n                  <mat-form-field>\r\n                    <mat-label>Titolo</mat-label>\r\n                    <input matInput maxlength=\"200\" [(ngModel)]=\"filterParams.changedTitle\" name=\"changedTitle\" />\r\n                    @if (filterParams.changedTitle) {\r\n                    <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                      (click)=\"filterParams.changedTitle = undefined\">\r\n                      <mat-icon>close</mat-icon>\r\n                    </button>\r\n                    }\r\n                  </mat-form-field>\r\n                </div>\r\n              </mat-expansion-panel>\r\n              <mat-expansion-panel #modifierOptionsExpansionPanel class=\"accordion-panel mat-elevation-z0 \">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Documento modificante\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <div fxLayout=\"column\">\r\n                  <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\" fxFill>\r\n                    <mat-form-field fxFlex=\"59\" fxFlex.xs=\"100\">\r\n                      <mat-label>Numero</mat-label>\r\n                      <input matInput maxlength=\"10\" [(ngModel)]=\"filterParams.modifierNumber\" name=\"modifierNumber\" />\r\n                      @if (filterParams.changedNumber) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.modifierNumber = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                    <mat-form-field fxHide.xs fxFlex=\"39\" fxFlex.xs=\"100\">\r\n                      <mat-label>Anno</mat-label>\r\n                      <input type=\"number\" min=\"1750\" matInput maxlength=\"4\" [(ngModel)]=\"filterParams.modifierYear\"\r\n                        name=\"modifierYear\" />\r\n                      @if (filterParams.modifierYear) {\r\n                      <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                        (click)=\"filterParams.modifierYear = undefined\">\r\n                        <mat-icon>close</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </mat-form-field>\r\n                  </div>\r\n                  <mat-form-field>\r\n                    <mat-label>Titolo</mat-label>\r\n                    <input matInput maxlength=\"200\" [(ngModel)]=\"filterParams.modifierTitle\" name=\"modifierTitle\" />\r\n                    @if (filterParams.modifierTitle) {\r\n                    <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                      (click)=\"filterParams.modifierTitle = undefined\">\r\n                      <mat-icon>close</mat-icon>\r\n                    </button>\r\n                    }\r\n                  </mat-form-field>\r\n                </div>\r\n              </mat-expansion-panel>\r\n              <mat-expansion-panel #otherOptionsExpansionPanel class=\"accordion-panel mat-elevation-z0\">\r\n                <mat-expansion-panel-header class=\"accordion-header\">\r\n                  <mat-panel-title>\r\n                    Altre opzioni\r\n                  </mat-panel-title>\r\n                </mat-expansion-panel-header>\r\n                <div fxLayout=\"column\">\r\n                  <mat-form-field>\r\n                    <mat-label>Motivo</mat-label>\r\n                    <mat-select [(ngModel)]=\"filterParams.changeReason\" name=\"changeReason\">\r\n                      @for (r of reasons(); track $index) {\r\n                      <mat-option [value]=\"r.value\" [matTooltip]=\"r.name\">\r\n                        {{r.name}}\r\n                      </mat-option>\r\n                      }\r\n                    </mat-select>\r\n                  </mat-form-field>\r\n                </div>\r\n              </mat-expansion-panel>\r\n              }\r\n            </mat-accordion>\r\n          </form>\r\n        </div>\r\n      </div>\r\n      @if(showChannels()) {\r\n      <div style=\"padding:10px\">\r\n        <div fxLayout=\"column\">\r\n          <mat-expansion-panel class=\"accordion-panel mat-elevation-z0\" style=\"margin-bottom: 10px;\">\r\n            <mat-expansion-panel-header class=\"accordion-header\">\r\n              <mat-panel-title>\r\n                Canali\r\n              </mat-panel-title>\r\n              <mat-panel-description>\r\n                @for (c of clipperService.availableChannels(); track $index) {\r\n                <div class=\"channel-box\" [class.channel-disabled]=\"!c.active || c.disabled\" [matTooltip]=\"c.name\">\r\n                  <span class=\"label\">{{c.header}}</span>\r\n                </div>\r\n                }\r\n              </mat-panel-description>\r\n            </mat-expansion-panel-header>\r\n            <chips-selector [collapseAt]=\"599\" [(ngModel)]=\"filterParams.channels\" [multiple]=\"true\" name=\"channels\"\r\n              label=\"Canali\" [options]=\"clipperService.availableChannels()\"\r\n              (changed)=\"channelsChanged()\"></chips-selector>\r\n\r\n          </mat-expansion-panel>\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n            <div fxFlex=\"*\" fxFlexAlign=\"end\">\r\n              <button mat-stroked-button (click)=\"clearFilter()\">Pulisci</button>\r\n              <button mat-stroked-button (click)=\"saveFilter()\" style=\"margin-left: 10px;\">Salva</button>\r\n            </div>\r\n            <div fxLayoutAlign=\"end\">\r\n              <button fxFlexAlign=\"end\" mat-flat-button (click)=\"applyFilter()\"\r\n                [disabled]=\"!canSearch()\">Applica</button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      }\r\n    </div>\r\n  </mat-drawer>\r\n  <div fxLayout=\"column\" fxLayoutGap=\"10px\" fxFill class=\"drawer-content scroll-hidden\">\r\n    <div class=\"module-toolbar \">\r\n      <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n        <div fxFlex=\"49\" fxFlex.lt-md=\"100\" style=\"padding-left: 10px; padding-bottom: 5px;\">\r\n          @if(!filterPane.opened) {\r\n          <button-toggle cssClass=\"small\" cssClassSmall=\"x-small\" iconOn=\"left_panel_close\" iconOff=\"tune\"\r\n            labelOn=\"Nascondi<br>filtri\" labelOff=\"Mostra<br>filtri\" [value]=\"filterPane.opened\"\r\n            (changed)=\"toggleFilterPane()\"></button-toggle>\r\n          }\r\n        </div>\r\n        <div fxFlex=\"49\" fxFlex.lt-md=\"100\" fxLayoutAlign=\"end\">\r\n          <div fxLayout=\"row\" style=\"height:48px; padding-bottom: 5px;\">\r\n            @if((snapshot?.total ?? 0) > 0) {\r\n            @if(sortOptions().length > 0) {\r\n            <button-selector [options]=\"sortOptions()\" label=\"Ordina per:\" style=\"margin-right: 5px;\" [border]=\"0\"\r\n              fxFlexAlign=\"center\" [ngModel]=\"sortMode()\" name=\"sortMode\" (selected)=\"sort($event)\"></button-selector>\r\n            }\r\n            <button fxFlexAlign=\"center\" mat-icon-button matSuffix matTooltip=\"Opzioni sulla selezione\"\r\n              aria-label=\"Opzioni sulla selezione\" [matMenuTriggerFor]=\"selectionOptionsMenu\"\r\n              [matBadge]=\"countSelections()\"><mat-icon>checklist</mat-icon></button>\r\n            <button fxFlexAlign=\"center\" mat-icon-button matTooltip=\"Salva elenco in Excel \"\r\n              (click)=\"exportResults()\"><mat-icon>save_alt</mat-icon></button>\r\n            @if (!filterPane2?.opened && hasFacets()){\r\n            <button fxFlexAlign=\"center\" mat-icon-button matTooltip=\"Affina ricerca\"\r\n              (click)=\"toggleFilterPane2()\"><mat-icon>right_panel_open</mat-icon></button>\r\n            }\r\n            }\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div fxFlex=\"*\" class=\"module-content\">\r\n      <mat-drawer-container [hasBackdrop]=\"filterPane2HasBackdrop()\" class=\"fill\">\r\n        <mat-drawer #filterPane2 class=\"drawer-small drawer-with-loader\" position=\"end\" 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=\"78px\" class=\"title-container-with-loader\">\r\n              <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFill>\r\n                <div class=\"title\">Affina ricerca</div>\r\n                <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n                  <button mat-icon-button (click)=\"toggleFilterPane2()\"\r\n                    matTooltip=\"Nascondi\"><mat-icon>right_panel_close</mat-icon></button>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div fxFlex=\"*\" class=\"content scroll-hidden\" style=\"padding: 0 5px;\">\r\n              <clipper-search-facets #facets></clipper-search-facets>\r\n\r\n            </div>\r\n          </div>\r\n        </mat-drawer>\r\n        <div fxLayout=\"column\" fxFill>\r\n          <div fxFlex=\"*\" [id]=\"scrollerId\" cdkScrollable class=\"scroll-auto\" style=\"padding: 0 20px;\">\r\n            @if (!snapshot?.total) {\r\n            <div class=\"message-container\">\r\n              @if(snapshot?.total === 0) {\r\n              <p class=\"message\"><b>Nessun elemento da visualizzare.</b></p>\r\n              } @else {\r\n              <div class=\"message\">\r\n                <p fxHide.xs><b>Esegui una ricerca compilando i campi necessari nella maschera di ricarca qui a\r\n                    fianco.</b></p>\r\n                <p fxHide.gt-xs><b>Fai click sul bottone <span class=\"accent\"><mat-icon>tune</mat-icon></span> ed esegui\r\n                    una\r\n                    ricerca compilando i campi necessari.</b></p>\r\n                <p>E' possibile salvare i parametri delle le ricerche pi\u00F9 utilizzate facendo clic su &nbsp;\r\n                  <mat-icon\r\n                    style=\"display: inline-flex; border-radius: 9999px; height: 25px; width: 25px; color: var(--ars-color-text-low); background-color: var(--ars-color-accent);\">add</mat-icon>.\r\n                </p>\r\n              </div>\r\n              }\r\n            </div>\r\n            } @else {\r\n            @if (snapshot && (snapshot.total ?? 0) > 0) {\r\n            @for (item of snapshot.items; track $index; let i = $index) {\r\n            @if (item.group && isSortedByDate()) {\r\n            <div class=\"items-group-title\">\r\n              <div [class.group-spaced]=\"i > 0\">{{item.group}}</div>\r\n            </div>\r\n            }\r\n            <clipper-search-result-item [item]=\"item\" [parent]=\"this\" [displayModelName]=\"true\" [actions]=\"contextMenu\"\r\n              [isReadable]=\"true\"></clipper-search-result-item>\r\n            }\r\n            }\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 wrap\" fxLayoutGap=\"10px\" fxLayoutAlign=\"space-between center\" fxFill>\r\n              <!-- legend -->\r\n              <div fxFlex.lt-md=\"100\" class=\"legend-container\">\r\n                <div class=\"legend unread-bg\"></div>\r\n                non letto\r\n                <!--<div class=\"legend next very-popular-bg\"></div>\r\n                molto citato\r\n                <div class=\"legend next popular-bg\"></div>\r\n                citato-->\r\n                <div class=\"legend next expired-bg \"></div>\r\n                non pi\u00F9 vigente\r\n              </div>\r\n              <div fxFlex.lt-md=\"100\" fxLayoutAlign=\"end\" [class.wide]=\"filterPane2?.opened\">\r\n                <div fxLayout=\"row\">\r\n                  <mat-paginator fxFlexAlign=\"center\" #paginator class=\"paginator\" [hidePageSize]=\"true\"\r\n                    [length]=\"snapshot?.total ?? 0\" [pageSize]=\"filterParams.count\" [showFirstLastButtons]=\"true\"\r\n                    (page)=\"fetchMore($event)\">\r\n                  </mat-paginator>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          }\r\n        </div>\r\n      </mat-drawer-container>\r\n    </div>\r\n  </div>\r\n</mat-drawer-container>\r\n<mat-menu #filterPaneOptionsMenu=\"matMenu\">\r\n  <button mat-menu-item (click)=\"compose()\">\r\n    <mat-icon>build</mat-icon>Componi\r\n  </button>\r\n  <button mat-menu-item (click)=\"help()\">\r\n    <mat-icon>help</mat-icon>Come usare la ricerca in testo libero\r\n  </button>\r\n</mat-menu>\r\n<mat-menu #selectionOptionsMenu=\"matMenu\">\r\n  <button mat-menu-item (click)=\"selectAll()\">\r\n    <mat-icon>select_all</mat-icon>Seleziona tutti\r\n  </button>\r\n  <clipper-document-menu [parent]=\"this\" [useSelections]=\"true\" [isReadable]=\"true\"\r\n    [canUseAIAssistant]=\"hasAIAssistant()\" [canUseRS]=\"showRSOptions()\">\r\n  </clipper-document-menu>\r\n</mat-menu>\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]=\"true\"\r\n      [canUseAIAssistant]=\"hasAIAssistant()\" [canUseRS]=\"showRSOptions()\">\r\n    </clipper-document-menu>\r\n  </ng-template>\r\n</mat-menu>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.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-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.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}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.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:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!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 .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;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:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@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,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.clipper-selection-icon-button{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-color-primary-hi, #12c0ae)}.unread{color:var(--app-color-unread, #f7931c)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.expired{color:var(--app-color-expired, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-expiring, #FFC107)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.closed-bg{background-color:var(--app-color-closed, #388E3C)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.popular-bg{background-color:var(--app-color-closed, #388E3C)!important}.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-color-secondary, #4a635f);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:10px}.item{border-radius:12px;padding:10px 10px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}@media screen and (min-width:0px)and (max-width:430px){.item:hover{background-color:var(--ars-item-hover-background-color)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 55%,transparent 100%);mask-image:linear-gradient(to right,black 55%,transparent 100%)}}.item-content .item-info-1,.item-content .info-1{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent, #7894ae)}.item-content .item-info-2,.item-content .info-2{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent-low, #456179)}.item-content .item-info-3,.item-content .info-3{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-error, #ff5449)}.item-content .item-title,.item-content .title{font-size:small!important;line-height:18px;text-decoration:none!important;font-weight:400;min-height:unset;min-width:unset;white-space:initial!important}@supports (-webkit-line-clamp: 3){.item-content .item-title,.item-content .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.item-content .details{margin-top:4px;font-size:x-small!important;font-weight:700;line-height:15px;color:var(--ars-color-accent-low, #456179);text-transform:uppercase!important;border-left:4px solid var(--ars-color-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:500!important;font-size:11px!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-size:11px!important;font-weight:500!important}.item-content a.link{color:var(--ars-color-link, #03A9F4);cursor:pointer!important;text-decoration:none!important}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer!important;padding:10px 13px!important;margin-bottom:20px!important}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--app-color-unread, #f7931c);margin:0 8px}.tile .tile-image,.tile .image{height:125px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .tile-image img,.tile .image img{object-fit:cover;width:100%;height:100%}.tile .tile-image .tile-info-1,.tile .tile-image .info-1,.tile .image .tile-info-1,.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!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .tile-info-2,.tile .tile-image .info-2,.tile .image .tile-info-2,.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-color-accent, #7894ae);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .buttons,.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .tile-image .buttons .check,.tile .tile-image .buttons .read-button,.tile .image .buttons .check,.tile .image .buttons .read-button{background-color:var(--ars-color-primary, #00a293)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .unread-button,.tile .image .buttons .unread-button{background-color:var(--app-color-unread, #f7931c)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .check-selected,.tile .image .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)!important}.tile .tile-date,.tile .date{padding:8px 0 6px!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-date .date-day,.tile .date .date-day{color:var(--ars-color-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .tile-time,.tile .time{font-size:small!important;font-weight:700!important}.tile .tile-title,.tile .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-height:50px!important;max-height:70px!important;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.tile .tile-title,.tile .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.stripe:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.stripe{cursor:pointer!important;padding:5px 10px!important;margin-bottom:10px!important}.stripe .body{padding:5px 15px!important}.stripe .image-mark{min-height:100%!important;border-left:6px solid transparent;margin:8px 0}.stripe .image-mark-unread{min-height:100%!important;border-left-color:var(--ars-color-error, #ff5449)!important;margin:8px 0}.stripe .stripe-image,.stripe .image{width:150px!important;height:70px!important;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.stripe .stripe-image img,.stripe .image img{object-fit:cover;width:100%;height:100%}.stripe .stripe-info-1,.stripe .info-1{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-text, #191c1b)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-info-2,.stripe .info-2{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-accent, #7894ae)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .buttons{position:absolute;left:0;top:0;height:42px}.stripe .buttons .check,.stripe .buttons .read{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.stripe .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)}.stripe .stripe-date,.stripe .date{padding:0!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-date .date-day,.stripe .date .date-day{color:var(--ars-color-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.stripe .stripe-time,.stripe .time{font-size:small!important;font-weight:700!important}.stripe .stripe-title,.stripe .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.stripe .stripe-title,.stripe .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:#427505;text-transform:uppercase;white-space:nowrap;color:#e0e2e5}.badge-red{background-color:#a80710}.busy-backdrop{background-color:#0000006b!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 .legend:not(:first-of-type){margin-left:10px}@media screen and (max-width:431px){.legend-container{font-size:9px!important}}.special-date,.special-date-expired,.special-date-expiring{border:2px var(--ars-color-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-color-error, #ff5449) solid!important}.special-date-expiring{border:2px var(--ars-color-warning, #FFC107) solid!important}.word-hit-chunk,.word-hit{display:inline-block;font-size:inherit;background-color:var(--ars-word-hit-background-color, #FFEB3B);color:var(--ars-word-hit-color, #191c1b);padding:0 4px;margin:0 4px;border-radius:4px}.word-hit-chunk{background-color:var(--ars-word-chunk-hit-background-color, #8AFF59);color:var(--ars-word-hit-chunk-color, #191c1b)}.message-container{font-size:large;display:flex;justify-content:center;align-items:center;height:50%}.message-container .message{color:var(--ars-color-secondary, #4a635f);text-align:center;padding:40px}.module-content{overflow-x:hidden!important}.module-toolbar{padding:0 5px 0 10px!important}.frame{height:100%!important;min-height:100%!important}.drawer,.drawer-small{background-color:var(--ars-drawer-background-color)!important}@media screen and (min-width:431px){.drawer-small{min-width:360px!important;max-width:360px!important}}.channel-box{border-radius:4px;border:2px solid var(--ars-color-primary);color:var(--ars-color-primary);text-align:center;min-width:28px;min-height:28px;margin-right:12px;display:flex;align-items:center;justify-content:center}.channel-box .label{font-size:15px;font-weight:700}.channel-disabled{opacity:.3}.command{line-height:16px;color:var(--ars-color-primary);font-weight:500;cursor:pointer!important;text-decoration:none}.command:hover{opacity:.8!important}.link{color:var(--ars-color-link);font-weight:500;cursor:pointer!important;text-decoration:none}.link:hover{opacity:.8}.no-spaced{padding-top:0!important;padding-bottom:0!important}.spaced{padding-top:20px!important;padding-bottom:20px!important}.spaced-bottom-20{padding-bottom:20px!important}.spaced-top-20{padding-top:20px!important}.section,.spaced-bottom-10{padding-bottom:10px!important}.spaced-top-10{padding-top:10px!important}.section-title{font-size:large;font-weight:500;padding-top:20px;padding-bottom:8px}.info-3{margin-top:6px;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-text, #191c1b);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.info-4{margin-top:6px;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-accent, #7894ae);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { filterByNumber: [{ type: i0.ViewChild, args: ['filterByNumber', { isSignal: true }] }], filterByText: [{ type: i0.ViewChild, args: ['filterByText', { isSignal: true }] }], filterByChangeNumber: [{ type: i0.ViewChild, args: ['filterByChangeNumber', { isSignal: true }] }], filterPane: [{ type: i0.ViewChild, args: ['filterPane', { isSignal: true }] }], filterPane2: [{ type: i0.ViewChild, args: ['filterPane2', { isSignal: true }] }], filterSelector: [{ type: i0.ViewChild, args: ['filterSelector', { isSignal: true }] }], moduleSelector: [{ type: i0.ViewChild, args: ['moduleSelector', { isSignal: true }] }], sourceExpansionPanel: [{ type: i0.ViewChild, args: ['sourceExpansionPanel', { isSignal: true }] }], otherOptionsExpansionPanel: [{ type: i0.ViewChild, args: ['otherOptionsExpansionPanel', { isSignal: true }] }], modifierExpansionPanel: [{ type: i0.ViewChild, args: ['modifierExpansionPanel', { isSignal: true }] }], showChannels: [{ type: i0.Input, args: [{ isSignal: true, alias: "showChannels", required: false }] }], showRSOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRSOptions", required: false }] }], showAIAssistantOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAIAssistantOptions", required: false }] }], selectableModules: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectableModules", required: false }] }], initialModule: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialModule", required: false }] }] } });
 
 class ClipperBrowserDialogComponent {
@@ -3572,94 +3071,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
             args: [{ host: { 'Bind': SystemUtils.generateUUID() }, imports: [MatDialogClose, MatDialogContent, MatButtonModule, MatBadgeModule, MatIconModule, FlexLayoutModule, ClipperBrowserComponent], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div style=\"padding:10px 0 10px 0\">\r\n    <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start center\" fxFill>\r\n        <div  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        <div fxFlex=\"*\"></div>\r\n        @if ((dialogData.selectionMode ?? 0) > 0 && canSelect()) {\r\n        <div fxFlexAlign=\"center\" fxFlex=\"170px\" fxFlex.lt-md=\"58px\">\r\n            <button fxHide.lt-md fxFlexAlign=\"center\" type=\"button\"  mat-flat-button (click)=\"select()\"\r\n                class=\"clipper-selection-button\">\r\n                <span class=\"small bold\">Usa selezione</span>\r\n            </button>\r\n            <button fxHide.gt-sm fxFlexAlign=\"center\" type=\"button\"  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 fxFlexAlign=\"center\" class=\"dialog-close\">\r\n            <div fxLayout=\"row\" fxLayoutAlign=\"end center\" fxLayoutGap=\"5px\">\r\n                @if (clipperService.bag.length > 0) {\r\n                <button type=\"button\" mat-icon-button matTooltip=\"Documenti di lavoro\"\r\n                    aria-label=\"'Documenti di lavoro'\" (click)=\"clipperBrowser.openBag()\">\r\n                    <mat-icon aria-hidden=\"false\" [matBadge]=\"clipperService.bag.length\"\r\n                        >work_outline</mat-icon>\r\n                </button>\r\n                }\r\n                <button type=\"button\" mat-icon-button matTooltip=\"Chiudi\" [mat-dialog-close]=\"true\" aria-label=\"Chiudi\">\r\n                    <mat-icon>close</mat-icon>\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<mat-dialog-content style=\"padding: 0\">\r\n    <clipper-browser #clipperBrowser class=\"wide fill\" [showChannels]=\"dialogData.showChannels ?? true\"\r\n        [selectableModules]=\"dialogData.selectableModules ?? []\"\r\n        [initialModule]=\"dialogData.initialModule\" [showRSOptions]=\"false\" [showAIAssistantOptions]=\"false\"></clipper-browser>\r\n</mat-dialog-content>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.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-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.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}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.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:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!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 .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;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:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@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,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.clipper-selection-icon-button{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-color-primary-hi, #12c0ae)}.unread{color:var(--app-color-unread, #f7931c)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.expired{color:var(--app-color-expired, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-expiring, #FFC107)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.closed-bg{background-color:var(--app-color-closed, #388E3C)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.popular-bg{background-color:var(--app-color-closed, #388E3C)!important}.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-color-secondary, #4a635f);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:10px}.item{border-radius:12px;padding:10px 10px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}@media screen and (min-width:0px)and (max-width:430px){.item:hover{background-color:var(--ars-item-hover-background-color)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 55%,transparent 100%);mask-image:linear-gradient(to right,black 55%,transparent 100%)}}.item-content .item-info-1,.item-content .info-1{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent, #7894ae)}.item-content .item-info-2,.item-content .info-2{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent-low, #456179)}.item-content .item-info-3,.item-content .info-3{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-error, #ff5449)}.item-content .item-title,.item-content .title{font-size:small!important;line-height:18px;text-decoration:none!important;font-weight:400;min-height:unset;min-width:unset;white-space:initial!important}@supports (-webkit-line-clamp: 3){.item-content .item-title,.item-content .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.item-content .details{margin-top:4px;font-size:x-small!important;font-weight:700;line-height:15px;color:var(--ars-color-accent-low, #456179);text-transform:uppercase!important;border-left:4px solid var(--ars-color-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:500!important;font-size:11px!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-size:11px!important;font-weight:500!important}.item-content a.link{color:var(--ars-color-link, #03A9F4);cursor:pointer!important;text-decoration:none!important}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer!important;padding:10px 13px!important;margin-bottom:20px!important}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--app-color-unread, #f7931c);margin:0 8px}.tile .tile-image,.tile .image{height:125px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .tile-image img,.tile .image img{object-fit:cover;width:100%;height:100%}.tile .tile-image .tile-info-1,.tile .tile-image .info-1,.tile .image .tile-info-1,.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!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .tile-info-2,.tile .tile-image .info-2,.tile .image .tile-info-2,.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-color-accent, #7894ae);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .buttons,.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .tile-image .buttons .check,.tile .tile-image .buttons .read-button,.tile .image .buttons .check,.tile .image .buttons .read-button{background-color:var(--ars-color-primary, #00a293)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .unread-button,.tile .image .buttons .unread-button{background-color:var(--app-color-unread, #f7931c)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .check-selected,.tile .image .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)!important}.tile .tile-date,.tile .date{padding:8px 0 6px!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-date .date-day,.tile .date .date-day{color:var(--ars-color-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .tile-time,.tile .time{font-size:small!important;font-weight:700!important}.tile .tile-title,.tile .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-height:50px!important;max-height:70px!important;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.tile .tile-title,.tile .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.stripe:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.stripe{cursor:pointer!important;padding:5px 10px!important;margin-bottom:10px!important}.stripe .body{padding:5px 15px!important}.stripe .image-mark{min-height:100%!important;border-left:6px solid transparent;margin:8px 0}.stripe .image-mark-unread{min-height:100%!important;border-left-color:var(--ars-color-error, #ff5449)!important;margin:8px 0}.stripe .stripe-image,.stripe .image{width:150px!important;height:70px!important;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.stripe .stripe-image img,.stripe .image img{object-fit:cover;width:100%;height:100%}.stripe .stripe-info-1,.stripe .info-1{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-text, #191c1b)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-info-2,.stripe .info-2{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-accent, #7894ae)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .buttons{position:absolute;left:0;top:0;height:42px}.stripe .buttons .check,.stripe .buttons .read{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.stripe .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)}.stripe .stripe-date,.stripe .date{padding:0!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-date .date-day,.stripe .date .date-day{color:var(--ars-color-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.stripe .stripe-time,.stripe .time{font-size:small!important;font-weight:700!important}.stripe .stripe-title,.stripe .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.stripe .stripe-title,.stripe .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:#427505;text-transform:uppercase;white-space:nowrap;color:#e0e2e5}.badge-red{background-color:#a80710}.busy-backdrop{background-color:#0000006b!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 .legend:not(:first-of-type){margin-left:10px}@media screen and (max-width:431px){.legend-container{font-size:9px!important}}.special-date,.special-date-expired,.special-date-expiring{border:2px var(--ars-color-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-color-error, #ff5449) solid!important}.special-date-expiring{border:2px var(--ars-color-warning, #FFC107) solid!important}.word-hit-chunk,.word-hit{display:inline-block;font-size:inherit;background-color:var(--ars-word-hit-background-color, #FFEB3B);color:var(--ars-word-hit-color, #191c1b);padding:0 4px;margin:0 4px;border-radius:4px}.word-hit-chunk{background-color:var(--ars-word-chunk-hit-background-color, #8AFF59);color:var(--ars-word-hit-chunk-color, #191c1b)}.mat-mdc-dialog-content{max-height:unset!important;padding:0!important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { clipperBrowser: [{ type: i0.ViewChild, args: ['clipperBrowser', { isSignal: true }] }] } });
 
-class ClipperContactEditComponent {
-    constructor() {
-        this.clipperService = inject(ClipperService);
-        this.dialogService = inject(DialogService);
-        this.dialogRef = inject(MatDialogRef);
-        this.dialogData = inject(MAT_DIALOG_DATA);
-        this.f = viewChild('f', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "f" }] : /* istanbul ignore next */ []));
-        this.done = output();
-        this.dialogTitle = this.dialogData?.currentItem ? 'Modifica contatto' : 'Nuovo contatto';
-        this.isNew = signal(!this.dialogData?.currentItem?.id, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isNew" }] : /* istanbul ignore next */ []));
-        this.item = this.dialogData?.currentItem ?? { id: 0 };
-        this.availableTeams = signal([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "availableTeams" }] : /* istanbul ignore next */ []));
-        this.selectedTeam = { name: 'Nessuno, usa contatti personali', value: SystemUtils.emptyUUID() };
-        this.loadTeams();
-    }
-    /**
-     * Loads the list of available teams from the server and populates the team selector.
-     * Pre-selects the team that matches the current contact's team id, falling back to 'Personale'.
-     */
-    loadTeams() {
-        this.clipperService.collaboration
-            .getTeams({ productId: ClipperTeamProduct.SharedNotes })
-            .subscribe(r => {
-            if (!r.success) {
-                this.dialogService.error(r.message);
-            }
-            else if ((r.value?.total ?? 0) > 0) {
-                const teams = [{ name: 'Nessuno, usa contatti personali', value: SystemUtils.emptyUUID() }];
-                r.value?.items.forEach(n => teams.push({ name: n.name, value: n.value.toLowerCase() }));
-                this.availableTeams.set(teams);
-                this.selectedTeam = teams.find(x => x.value === this.item.teamId) ?? teams[0];
-            }
-        });
-    }
-    /**
-     * Persists the current contact to the server.
-     * Closes the dialog without saving when editing an existing contact whose form is unchanged.
-     */
-    save() {
-        if (!this.isNew() && this.f()?.form.pristine) {
-            this.dialogRef.close();
-            return;
-        }
-        if (this.isNew()) {
-            this.item.teamId = this.selectedTeam.value;
-        }
-        this.dialogService.busy('Aggiornamento in corso...');
-        this.clipperService.collaboration.saveContact(this.item)
-            .pipe(finalize$1(() => this.dialogService.clearBusy()))
-            .subscribe(r => {
-            if (!r.success) {
-                this.dialogService.error(r.message);
-            }
-            else {
-                this.done.emit({ data: r.value, isNew: this.isNew() });
-                this.dialogService.toast('Operazione completata con successo.');
-                setTimeout(() => this.dialogRef.close(), 500);
-            }
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ClipperContactEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: ClipperContactEditComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done" }, host: { attributes: { "Bind": SystemUtils.generateUUID() } }, viewQueries: [{ propertyName: "f", first: true, predicate: ["f"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"dialog-info\">\r\n  @if (f.form.invalid) {\r\n  <span class=\"dialog-info-red\">Ci sono ancora dei campi obbligatori (*) non\r\n    compilati o con errori.</span>\r\n  } @else {\r\n  <span class=\"dialog-info-green\">Tutti i campi obbligatori (*) sono compilati senza errori.</span>\r\n  }\r\n</div>\r\n<div mat-dialog-title>{{dialogTitle}}</div>\r\n<div mat-dialog-content class=\" no-spaced\">\r\n  <form name=\"form\" #f=\"ngForm\" novalidate>\r\n    <div fxLayout=\"column\" class=\"spaced\">\r\n      @if (availableTeams() && availableTeams().length > 1) {\r\n      <mat-form-field>\r\n        <mat-label>Team</mat-label>\r\n        <mat-select [(ngModel)]=\"selectedTeam\" #team=\"ngModel\" name=\"team\" required [disabled]=\"!isNew()\">\r\n          @for (t of availableTeams(); track $index;) {\r\n          <mat-option [value]=\"t\">\r\n            {{t.name}}\r\n          </mat-option>\r\n          }\r\n        </mat-select>\r\n        @if (team.invalid) {\r\n        <mat-error>Obbligatorio.</mat-error>\r\n        }\r\n      </mat-form-field>\r\n      }\r\n      <mat-form-field>\r\n        <mat-label>Nome</mat-label>\r\n        <input matInput [(ngModel)]=\"item.name\" name=\"name\" #name=\"ngModel\" required maxlength=\"100\" />\r\n        <mat-hint align=\"end\">{{name.value?.length || 0}}/100 </mat-hint>\r\n        @if (name.invalid) {\r\n        <mat-error>Obbligatorio.</mat-error>\r\n        }\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>Elenco email...</mat-label>\r\n        <textarea matInput [(ngModel)]=\"item.emails\" name=\"emails\" #emails=\"ngModel\" maxlength=\"1000\"\r\n           emails cdkTextareaAutosize></textarea>\r\n        <mat-hint align=\"start\">Separati da punto e virgola</mat-hint>\r\n        <mat-hint align=\"end\">{{emails.value?.length || 0}}/1000 </mat-hint>\r\n        @if (emails.invalid) {\r\n        <mat-error>Non valido</mat-error>\r\n        }\r\n      </mat-form-field>\r\n\r\n    </div>\r\n  </form>\r\n</div>\r\n<div mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\r\n    <button mat-flat-button  [disabled]=\"f.form.invalid || f.form.pristine\"\r\n      (click)=\"save()\">Salva</button>\r\n    <button mat-stroked-button [mat-dialog-close]=\"true\" >Chiudi</button>\r\n  </div>\r\n</div>", styles: [".mat-mdc-option,.mat-option-text{height:32px!important;line-height:32px!important;font-size:small}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.FxLayoutDirective, 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.FxLayoutAlignDirective, 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.FxFlexFillDirective, selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i5$1.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ClipperContactEditComponent, decorators: [{
-            type: Component,
-            args: [{ host: { 'Bind': SystemUtils.generateUUID() }, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        MatDialogTitle,
-                        MatDialogContent,
-                        FormsModule,
-                        FlexLayoutModule,
-                        MatFormFieldModule,
-                        MatInputModule,
-                        MatButtonModule,
-                        MatIconModule,
-                        MatDialogActions,
-                        MatDialogClose,
-                        MatSelectModule
-                    ], template: "<div class=\"dialog-info\">\r\n  @if (f.form.invalid) {\r\n  <span class=\"dialog-info-red\">Ci sono ancora dei campi obbligatori (*) non\r\n    compilati o con errori.</span>\r\n  } @else {\r\n  <span class=\"dialog-info-green\">Tutti i campi obbligatori (*) sono compilati senza errori.</span>\r\n  }\r\n</div>\r\n<div mat-dialog-title>{{dialogTitle}}</div>\r\n<div mat-dialog-content class=\" no-spaced\">\r\n  <form name=\"form\" #f=\"ngForm\" novalidate>\r\n    <div fxLayout=\"column\" class=\"spaced\">\r\n      @if (availableTeams() && availableTeams().length > 1) {\r\n      <mat-form-field>\r\n        <mat-label>Team</mat-label>\r\n        <mat-select [(ngModel)]=\"selectedTeam\" #team=\"ngModel\" name=\"team\" required [disabled]=\"!isNew()\">\r\n          @for (t of availableTeams(); track $index;) {\r\n          <mat-option [value]=\"t\">\r\n            {{t.name}}\r\n          </mat-option>\r\n          }\r\n        </mat-select>\r\n        @if (team.invalid) {\r\n        <mat-error>Obbligatorio.</mat-error>\r\n        }\r\n      </mat-form-field>\r\n      }\r\n      <mat-form-field>\r\n        <mat-label>Nome</mat-label>\r\n        <input matInput [(ngModel)]=\"item.name\" name=\"name\" #name=\"ngModel\" required maxlength=\"100\" />\r\n        <mat-hint align=\"end\">{{name.value?.length || 0}}/100 </mat-hint>\r\n        @if (name.invalid) {\r\n        <mat-error>Obbligatorio.</mat-error>\r\n        }\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>Elenco email...</mat-label>\r\n        <textarea matInput [(ngModel)]=\"item.emails\" name=\"emails\" #emails=\"ngModel\" maxlength=\"1000\"\r\n           emails cdkTextareaAutosize></textarea>\r\n        <mat-hint align=\"start\">Separati da punto e virgola</mat-hint>\r\n        <mat-hint align=\"end\">{{emails.value?.length || 0}}/1000 </mat-hint>\r\n        @if (emails.invalid) {\r\n        <mat-error>Non valido</mat-error>\r\n        }\r\n      </mat-form-field>\r\n\r\n    </div>\r\n  </form>\r\n</div>\r\n<div mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"end\" fxFill>\r\n    <button mat-flat-button  [disabled]=\"f.form.invalid || f.form.pristine\"\r\n      (click)=\"save()\">Salva</button>\r\n    <button mat-stroked-button [mat-dialog-close]=\"true\" >Chiudi</button>\r\n  </div>\r\n</div>", styles: [".mat-mdc-option,.mat-option-text{height:32px!important;line-height:32px!important;font-size:small}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { f: [{ type: i0.ViewChild, args: ['f', { isSignal: true }] }], done: [{ type: i0.Output, args: ["done"] }] } });
-
-var contactEdit_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    ClipperContactEditComponent: ClipperContactEditComponent
-});
-
 class ClipperDocumentComponent extends ClipperDocumentManager {
     constructor() {
         super();
@@ -3673,7 +3084,7 @@ class ClipperDocumentComponent extends ClipperDocumentManager {
         this.closing = output();
         this.opening = output();
         this.destroyRef = inject(DestroyRef);
-        this.injector = inject(Injector);
+        this.documentUtils = inject(ClipperDocumentUtilsService);
         this.breakpointObserver = inject(BreakpointObserver);
         this.renderer = inject(Renderer2);
         this.router = inject(Router);
@@ -3770,31 +3181,6 @@ class ClipperDocumentComponent extends ClipperDocumentManager {
         });
         // Release the renderer listener on component destroy
         this.destroyRef.onDestroy(() => this.rendererListener1?.());
-        // React to broadcast messages from other components.
-        this.broadcastService.getMessage()
-            .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe(message => {
-            if (message.id === ClipperMessages.COMMAND_NOTES_DELETE) {
-                const p = this.lastDocument().notes?.findIndex(p => p.id === message.data.id);
-                if (p !== undefined && p >= 0) {
-                    this.lastDocument.update(v => ({ ...v, notes: v.notes?.filter((_, i) => i !== p) }));
-                }
-            }
-            else if (message.id === ClipperMessages.COMMAND_NOTES_UPDATE) {
-                const p = this.lastDocument().notes?.findIndex(p => p.id === message.data.id);
-                if (p !== undefined && p >= 0) {
-                    this.lastDocument.update(v => {
-                        const props = [...(v.notes ?? [])];
-                        props[p] = message.data;
-                        return { ...v, notes: props };
-                    });
-                }
-                else {
-                    // Note not found: add it to the list.
-                    this.lastDocument.update(v => ({ ...v, notes: [...(v.notes ?? []), message.data] }));
-                }
-            }
-        });
         // Start tracking breakpoint changes only after the first render, when the DOM is ready.
         afterNextRender(() => {
             this.breakpointObserver
@@ -4102,7 +3488,7 @@ class ClipperDocumentComponent extends ClipperDocumentManager {
         // Fetch and store the last update timestamp asynchronously
         this.clipperService.documents.metadata(id).subscribe(r => {
             if (r.success) {
-                this.lastDocument.update(doc => doc ? { ...doc, lastUpdate: r.value.item1, notes: r.value.item2 } : doc);
+                this.lastDocument.update(doc => doc ? { ...doc, lastUpdate: r.value.item1 } : doc);
             }
         });
     }
@@ -4342,7 +3728,7 @@ class ClipperDocumentComponent extends ClipperDocumentManager {
         }
     }
     /**
-     * Opens a document inline via the {@link ClipperDocumentsUtils} helper.
+     * Opens a document inline via the {@link ClipperDocumentUtilsService}.
      * @param documentId - The id of the document to open.
      * @param query - Optional free-text query for highlight.
      * @param queryChunks - Optional chunk offsets for semantic highlight.
@@ -4350,7 +3736,7 @@ class ClipperDocumentComponent extends ClipperDocumentManager {
     openDocument(documentId, query, queryChunks) {
         if (!documentId)
             return;
-        ClipperDocumentsUtils.openDocument(this.injector, documentId, query, queryChunks, this.dialogData.selectionMode, this.dialogData.selectableModules, this.dialogData.theme, this.dialogData.canUseArchive, this.dialogData.canUseNotes, this.dialogData.canHandleTooManyResults);
+        this.documentUtils.openDocument(documentId, query, queryChunks, this.dialogData.selectionMode, this.dialogData.selectableModules, this.dialogData.theme, this.dialogData.canHandleTooManyResults);
     }
     /**
      * Opens the references panel for the given document.
@@ -4376,8 +3762,6 @@ class ClipperDocumentComponent extends ClipperDocumentManager {
                     anchor,
                     anchorTitle,
                     update,
-                    canUseArchive: this.dialogData.canUseArchive,
-                    canUseNotes: this.dialogData.canUseNotes,
                     canHandleTooManyResults: this.dialogData.canHandleTooManyResults
                 },
                 minWidth: '375px',
@@ -4431,7 +3815,7 @@ class ClipperDocumentComponent extends ClipperDocumentManager {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ClipperDocumentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: ClipperDocumentComponent, isStandalone: true, selector: "ng-component", outputs: { closing: "closing", opening: "opening" }, host: { attributes: { "Bind": SystemUtils.generateUUID() } }, viewQueries: [{ propertyName: "relevantsPane", first: true, predicate: ["relevantsPane"], descendants: true, isSignal: true }, { propertyName: "iframeRef", first: true, predicate: ["docIframe"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"clipper-document-fixed\">\r\n  <div style=\"height:6px\">\r\n    @if (busy()) {\r\n    <mat-progress-bar style=\"z-index:11\" mode=\"indeterminate\"></mat-progress-bar>\r\n    }\r\n  </div>\r\n  <div>\r\n    <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start start\" fxFill>\r\n      <div fxFlex=\"*\" class=\"title-container\">\r\n        <div class=\"title bold\">{{title()}}</div>\r\n        @if (lastDocument()?.tags) {\r\n        <div style=\"padding-top: 5px;\">\r\n          <div class=\"x-small bold uppercase\">\r\n            TAG: <span class=\"accent\">{{lastDocument()?.tags}}</span>\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (lastDocument()?.lastUpdate) {\r\n        <div style=\"padding-top: 5px;\">\r\n          <div class=\"x-small bold uppercase\">\r\n            AGGIORNATO A:\r\n            <span class=\"accent\">{{lastDocument()?.lastUpdate}}</span>\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (lastDocument()?.expiringDescription || lastDocument()?.validityInfo) {\r\n        <div style=\"padding-top: 5px;\">\r\n          @if (lastDocument()?.expiringDescription) {\r\n          <div class=\"x-small error bold uppercase\">\r\n            {{lastDocument()?.expiringDescription}}</div>\r\n          }\r\n          @if (lastDocument()?.validityInfo) {\r\n          <div class=\"x-small error bold uppercase\"><b>Attenzione!</b>\r\n            {{lastDocument()?.validityInfo}}</div>\r\n          }\r\n        </div>\r\n        }\r\n        @if((lastDocument()?.notes?.length ?? 0) > 0 ) {\r\n        <div class=\"notes-container\">\r\n          @for (note of lastDocument()?.notes; track note.id) {\r\n          <clipper-note-badge [note]=\"note\" />\r\n          }\r\n        </div>\r\n        }\r\n      </div>\r\n      @if (canSelect()) {\r\n      <div fxFlex=\"170px\" fxFlex.lt-md=\"58px\">\r\n        <button fxHide.lt-md fxFlexAlign=\"center\" type=\"button\" mat-flat-button (click)=\"select()\"\r\n          class=\"clipper-selection-button\" style=\"margin-top: 8px;\">\r\n          <span class=\"small\">Usa selezione</span>\r\n        </button>\r\n        <button fxHide.gt-sm fxFlexAlign=\"center\" type=\"button\" mat-icon-button (click)=\"select()\"\r\n          class=\"clipper-selection-icon-button\" matTooltip=\"Usa selezione\" aria-label=\"'Usa la selezione'\"\r\n          style=\"margin-top: 4px;\">\r\n          <mat-icon>check</mat-icon>\r\n        </button>\r\n      </div>\r\n      }\r\n      <div fxFlex=\"170px\" fxFlex.lt-md=\"48px\" fxLayoutAlign=\"end\">\r\n        <div class=\"dialog-close\">\r\n          <button fxHide.lt-md fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Indietro\"\r\n            aria-label=\"Indietro\" (click)=\"back()\">\r\n            <mat-icon>arrow_back</mat-icon>\r\n          </button>\r\n          <button fxHide.lt-md fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Avanti\" aria-label=\"Avanti\"\r\n            (click)=\"forward()\">\r\n            <mat-icon>arrow_forward</mat-icon>\r\n          </button>\r\n          <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Chiudi\" aria-label=\"Chiudi\"\r\n            (click)=\"close()\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div>\r\n    <div fxLayout=\"row wrap \" fxFill fxLayoutAlign=\"space-between center\" style=\"padding: 10px 10px 10px 15px;\">\r\n      <div fxFlex.xs=\"100\">\r\n        @if (lastDocument()?.model === 9) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra indice'\"\r\n          (click)=\"index(lastDocument()?.documentId)\">\r\n          Indice\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && (lastDocument()?.bag[1] ==='T' || lastDocument()?.bag[3] ==='T')) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button matTooltip=\"Collegamenti\"\r\n          [attr.aria-label]=\"'Collegamenti al documento'\" [matMenuTriggerFor]=\"menuLinks\">\r\n          Collegamenti\r\n        </button>\r\n        }\r\n        <mat-menu #menuLinks=\"matMenu\">\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[1] ==='T') {\r\n          <button mat-menu-item [attr.aria-label]=\"'Mostra documenti richiamati'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 1)\">\r\n            Documenti richiamati\r\n          </button>\r\n          }\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[3] ==='T') {\r\n          <button mat-menu-item [attr.aria-label]=\"'Mostra documenti che richiamano'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 2)\">\r\n            Documenti che richiamano\r\n          </button>\r\n          }\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[2] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra juris'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 4)\">\r\n            Juris\r\n          </button>\r\n          }\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[4] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra modifiche subite'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 3)\">\r\n            Modifiche subite\r\n          </button>\r\n          }\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[4] !=='T' && lastDocument()?.bag[6] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra modifiche apportate'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 5)\">\r\n            Modifiche apportate\r\n          </button>\r\n          }\r\n        </mat-menu>\r\n        @if (lastDocument()?.hasPrimary) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra documento primario'\"\r\n          (click)=\"navigate(lastDocument()?.primaryId)\">\r\n          {{lastDocument()?.primaryDescription}}\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && lastDocument()?.bag[2] ==='T') {\r\n        <button fxFlexAlign=\"center\" type=\"button\" fxHide.lt-md mat-button [attr.aria-label]=\"'Mostra juris'\"\r\n          (click)=\"openReferences(lastDocument()?.documentId, 4)\">\r\n          Juris\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && lastDocument()?.bag[4] === 'T') {\r\n        <button fxFlexAlign=\"center\" type=\"button\" fxHide.lt-md mat-button [attr.aria-label]=\"'Mostra modifiche subite'\"\r\n          (click)=\"openReferences(lastDocument()?.documentId, 3)\">\r\n          Modifiche subite\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && lastDocument()?.bag[4] !== 'T' && lastDocument()?.bag[6] === 'T') {\r\n        <button fxFlexAlign=\"center\" type=\"button\" fxHide.lt-md mat-button\r\n          [attr.aria-label]=\"'Mostra modifiche apportate'\" (click)=\"openReferences(lastDocument()?.documentId, 5)\">\r\n          Modifiche apportate\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.secondaryId) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra documento secondario'\"\r\n          (click)=\"navigate(lastDocument()?.secondaryId)\">\r\n          Testo storico\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && lastDocument()?.bag[7] === 'T') {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra commento'\"\r\n          (click)=\"showComment()\">\r\n          Commento\r\n        </button>\r\n        }\r\n      </div>\r\n      <div fxFlex.xs=\"100\" fxLayoutAlign=\"end\">\r\n        <div fxFlexAlign=\"center\">\r\n          @if (relevants().hits) {\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n            <div fxFlexAlign=\"center\" class=\"small item-greyed\" style=\"margin-left:20px; margin-right: 5px\"\r\n              matTooltip=\"Parole evidenziate\">{{relevants().hit}}\r\n              di {{relevants().hits}}</div>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button [attr.aria-label]=\"'Vai alla parola precedente'\"\r\n              (click)=\"previousRelevant()\" matTooltip=\"Parola precedente\">\r\n              <mat-icon>chevron_left</mat-icon>\r\n            </button>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button [attr.aria-label]=\"'Vai alla prossima parola'\"\r\n              (click)=\"nextRelevant()\" matTooltip=\"Prossima parola\">\r\n              <mat-icon>chevron_right</mat-icon>\r\n            </button>\r\n          </div>\r\n          }\r\n        </div>\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Azioni sul documento\"\r\n          [attr.aria-label]=\"'Azioni da eseguire sul documento'\" [matMenuTriggerFor]=\"menuActions\">\r\n          <mat-icon>more_vert</mat-icon>\r\n        </button>\r\n        <mat-menu #menuActions=\"matMenu\">\r\n          <ng-template matMenuContent let-item=\"lastDocument\">\r\n            <clipper-document-menu [parent]=\"this\" [item]=\"lastDocument()\" [canOpenDocument]=\"false\" [canPrint]=\"true\"\r\n              [canFind]=\"true\" [isReadable]=\"false\" [canUseArchive]=\"dialogData.canUseArchive ?? false\"\r\n              [canUseNotes]=\"dialogData.canUseNotes ?? false\" [isLawInForce]=\"lastDocument()?.model === 9\"\r\n              selectionSource=\"none\" [canUseAIAssistant]=\"user?.hasAIAssistant ?? false\">\r\n            </clipper-document-menu>\r\n          </ng-template>\r\n        </mat-menu>\r\n        @if (hasRelevants() && relevants().items && relevantsPane && (!relevantsPane.opened || relevantsPaneClosed())) {\r\n        <div fxFlexAlign=\"center\">\r\n          <button type=\"button\" mat-icon-button matTooltip=\"Rilevanza\" aria-label=\"'Rilevanza'\"\r\n            (click)=\"toggleRelevantsPane()\">\r\n            <mat-icon>right_panel_open</mat-icon>\r\n          </button>\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<mat-dialog-content id=\"clipper-document-scrollable\">\r\n  <mat-drawer-container class=\"fill\" [hasBackdrop]=\"relevantsPaneHasBackdrop()\">\r\n    <mat-drawer #relevantsPane position=\"end\" class=\"drawer-small drawer-with-loader\" opened=\"false\">\r\n      @if (relevantsBusy()) {\r\n      <div class=\"overlay\"></div>\r\n      }\r\n      <div fxLayout=\"column\" fxFill>\r\n        <div fxFlex=\"6px\">\r\n          @if (relevantsBusy()) {\r\n          <mat-progress-bar style=\"z-index: 11;\" mode=\"indeterminate\">\r\n          </mat-progress-bar>\r\n          }\r\n        </div>\r\n        <div fxFlex=\"78px\" class=\"title-container-with-loader\">\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFill>\r\n            <div class=\"title\">Rilevanza</div>\r\n            <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n              <button mat-icon-button (click)=\"toggleRelevantsPane()\"\r\n                matTooltip=\"Nascondi\"><mat-icon>right_panel_close</mat-icon></button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div fxFlex=\"*\" class=\"relevants-container scroll-auto\">\r\n          <div fxLayout=\"column\" fxFill>\r\n            <div>\r\n              <p>Parti del documento pi\u00F9 significative per la ricerca di <span\r\n                  class='word-hit-chunk'>{{lastQuery}}</span>\r\n              </p>\r\n            </div>\r\n            <div fxFlex=\"*\">\r\n              <nav class=\"relevants-items\">\r\n                <ul>\r\n                  @for (item of relevants().items; track $index) {\r\n                  <li class=\"small\" (click)=\"gotoRelevant(item)\" [attr.aria-label]=\"item.title\"\r\n                    [class.bright]=\"item.score > 0.75\" [class.accent]=\"item.score > 0.75\">\r\n                    <div fxLayout=\"row\" fxLayoutAlign=\"start start\" fxLayoutGap=\"10px\" fxFill>\r\n                      <div fxFlex=\"*\">\r\n                        {{item.title}}\r\n                      </div>\r\n                      <div fxLayoutAlign=\"end\">\r\n                        @if (item.score > 0.7) {\r\n                        <mat-icon style='font-size:x-small; height: 10px; width:10px'\r\n                          [matTooltip]=\"item.score > 0.75 ? 'Molto rilevante' : 'Pi\u00F9 rilevante'\">thumb_up_alt</mat-icon>\r\n                        }\r\n                      </div>\r\n                    </div>\r\n                  </li>\r\n                  }\r\n                </ul>\r\n              </nav>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </mat-drawer>\r\n    <div class=\"fill scroll-hidden\">\r\n      <iframe #docIframe id=\"clipper-document-iframe\" class=\"iframe\"></iframe>\r\n    </div>\r\n  </mat-drawer-container>\r\n</mat-dialog-content>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.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-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.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}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.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:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!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 .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;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:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@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,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.clipper-selection-icon-button{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-color-primary-hi, #12c0ae)}.unread{color:var(--app-color-unread, #f7931c)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.expired{color:var(--app-color-expired, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-expiring, #FFC107)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.closed-bg{background-color:var(--app-color-closed, #388E3C)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.popular-bg{background-color:var(--app-color-closed, #388E3C)!important}.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-color-secondary, #4a635f);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:10px}.item{border-radius:12px;padding:10px 10px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}@media screen and (min-width:0px)and (max-width:430px){.item:hover{background-color:var(--ars-item-hover-background-color)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 55%,transparent 100%);mask-image:linear-gradient(to right,black 55%,transparent 100%)}}.item-content .item-info-1,.item-content .info-1{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent, #7894ae)}.item-content .item-info-2,.item-content .info-2{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent-low, #456179)}.item-content .item-info-3,.item-content .info-3{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-error, #ff5449)}.item-content .item-title,.item-content .title{font-size:small!important;line-height:18px;text-decoration:none!important;font-weight:400;min-height:unset;min-width:unset;white-space:initial!important}@supports (-webkit-line-clamp: 3){.item-content .item-title,.item-content .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.item-content .details{margin-top:4px;font-size:x-small!important;font-weight:700;line-height:15px;color:var(--ars-color-accent-low, #456179);text-transform:uppercase!important;border-left:4px solid var(--ars-color-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:500!important;font-size:11px!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-size:11px!important;font-weight:500!important}.item-content a.link{color:var(--ars-color-link, #03A9F4);cursor:pointer!important;text-decoration:none!important}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer!important;padding:10px 13px!important;margin-bottom:20px!important}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--app-color-unread, #f7931c);margin:0 8px}.tile .tile-image,.tile .image{height:125px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .tile-image img,.tile .image img{object-fit:cover;width:100%;height:100%}.tile .tile-image .tile-info-1,.tile .tile-image .info-1,.tile .image .tile-info-1,.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!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .tile-info-2,.tile .tile-image .info-2,.tile .image .tile-info-2,.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-color-accent, #7894ae);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .buttons,.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .tile-image .buttons .check,.tile .tile-image .buttons .read-button,.tile .image .buttons .check,.tile .image .buttons .read-button{background-color:var(--ars-color-primary, #00a293)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .unread-button,.tile .image .buttons .unread-button{background-color:var(--app-color-unread, #f7931c)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .check-selected,.tile .image .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)!important}.tile .tile-date,.tile .date{padding:8px 0 6px!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-date .date-day,.tile .date .date-day{color:var(--ars-color-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .tile-time,.tile .time{font-size:small!important;font-weight:700!important}.tile .tile-title,.tile .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-height:50px!important;max-height:70px!important;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.tile .tile-title,.tile .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.stripe:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.stripe{cursor:pointer!important;padding:5px 10px!important;margin-bottom:10px!important}.stripe .body{padding:5px 15px!important}.stripe .image-mark{min-height:100%!important;border-left:6px solid transparent;margin:8px 0}.stripe .image-mark-unread{min-height:100%!important;border-left-color:var(--ars-color-error, #ff5449)!important;margin:8px 0}.stripe .stripe-image,.stripe .image{width:150px!important;height:70px!important;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.stripe .stripe-image img,.stripe .image img{object-fit:cover;width:100%;height:100%}.stripe .stripe-info-1,.stripe .info-1{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-text, #191c1b)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-info-2,.stripe .info-2{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-accent, #7894ae)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .buttons{position:absolute;left:0;top:0;height:42px}.stripe .buttons .check,.stripe .buttons .read{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.stripe .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)}.stripe .stripe-date,.stripe .date{padding:0!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-date .date-day,.stripe .date .date-day{color:var(--ars-color-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.stripe .stripe-time,.stripe .time{font-size:small!important;font-weight:700!important}.stripe .stripe-title,.stripe .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.stripe .stripe-title,.stripe .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:#427505;text-transform:uppercase;white-space:nowrap;color:#e0e2e5}.badge-red{background-color:#a80710}.busy-backdrop{background-color:#0000006b!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 .legend:not(:first-of-type){margin-left:10px}@media screen and (max-width:431px){.legend-container{font-size:9px!important}}.special-date,.special-date-expired,.special-date-expiring{border:2px var(--ars-color-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-color-error, #ff5449) solid!important}.special-date-expiring{border:2px var(--ars-color-warning, #FFC107) solid!important}.word-hit-chunk,.word-hit{display:inline-block;font-size:inherit;background-color:var(--ars-word-hit-background-color, #FFEB3B);color:var(--ars-word-hit-color, #191c1b);padding:0 4px;margin:0 4px;border-radius:4px}.word-hit-chunk{background-color:var(--ars-word-chunk-hit-background-color, #8AFF59);color:var(--ars-word-hit-chunk-color, #191c1b)}::ng-deep .mat-mdc-menu-panel{min-width:320px!important;max-width:320px!important}.title-container{padding-left:20px;padding-top:14px}.title-container .title{font-size:large}@supports (-webkit-line-clamp: 2){.title-container .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.dialog-close{margin-right:10px;margin-top:4px}.iframe{width:100%;height:100%;border:0}.relevants-container{padding:0 20px 10px}.relevants-items{padding:0;margin:0}.relevants-items ul{list-style-type:none;padding:0;margin:0}.relevants-items ul li{font-size:small;padding:6px 12px;display:block;color:var(--ars-color-text, #191c1b)}.relevants-items ul li a{color:inherit;text-decoration:none;display:block}.relevants-items ul li:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:6px;cursor:pointer}.mat-mdc-dialog-content{max-height:unset!important;padding:0 0 16px!important}.notes-container{display:flex;flex-wrap:wrap;column-gap:8px;margin-top:4px}\n"], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.FxLayoutDirective, 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.FxFlexDirective, 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: i1.FxShowHideDirective, selector: "    [fxShow],    [fxHide],    [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.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.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.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: i1.FxLayoutAlignDirective, 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.FxLayoutGapDirective, 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.FxFlexAlignDirective, 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.FxFlexFillDirective, selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i5.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: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i17.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i7.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i7.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: ClipperDocumentMenuComponent, selector: "clipper-document-menu", inputs: ["useSelections", "selectionSource", "parent", "item", "isReference", "isReadable", "isReadableModel", "isLawInForce", "canPrint", "canFind", "canUseCalendar", "canUseArchive", "canUseNotes", "canUseAIAssistant", "canUseRS", "canOpenDocument"] }, { kind: "component", type: ClipperNoteBadgeComponent, selector: "clipper-note-badge", inputs: ["note"], outputs: ["populateContacts", "noteChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: ClipperDocumentComponent, isStandalone: true, selector: "ng-component", outputs: { closing: "closing", opening: "opening" }, host: { attributes: { "Bind": SystemUtils.generateUUID() } }, viewQueries: [{ propertyName: "relevantsPane", first: true, predicate: ["relevantsPane"], descendants: true, isSignal: true }, { propertyName: "iframeRef", first: true, predicate: ["docIframe"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"clipper-document-fixed\">\r\n  <div style=\"height:6px\">\r\n    @if (busy()) {\r\n    <mat-progress-bar style=\"z-index:11\" mode=\"indeterminate\"></mat-progress-bar>\r\n    }\r\n  </div>\r\n  <div>\r\n    <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start start\" fxFill>\r\n      <div fxFlex=\"*\" class=\"title-container\">\r\n        <div class=\"title bold\">{{title()}}</div>\r\n        @if (lastDocument()?.tags) {\r\n        <div style=\"padding-top: 5px;\">\r\n          <div class=\"x-small bold uppercase\">\r\n            TAG: <span class=\"accent\">{{lastDocument()?.tags}}</span>\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (lastDocument()?.lastUpdate) {\r\n        <div style=\"padding-top: 5px;\">\r\n          <div class=\"x-small bold uppercase\">\r\n            AGGIORNATO A:\r\n            <span class=\"accent\">{{lastDocument()?.lastUpdate}}</span>\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (lastDocument()?.expiringDescription || lastDocument()?.validityInfo) {\r\n        <div style=\"padding-top: 5px;\">\r\n          @if (lastDocument()?.expiringDescription) {\r\n          <div class=\"x-small error bold uppercase\">\r\n            {{lastDocument()?.expiringDescription}}</div>\r\n          }\r\n          @if (lastDocument()?.validityInfo) {\r\n          <div class=\"x-small error bold uppercase\"><b>Attenzione!</b>\r\n            {{lastDocument()?.validityInfo}}</div>\r\n          }\r\n        </div>\r\n        }\r\n      </div>\r\n      @if (canSelect()) {\r\n      <div fxFlex=\"170px\" fxFlex.lt-md=\"58px\">\r\n        <button fxHide.lt-md fxFlexAlign=\"center\" type=\"button\" mat-flat-button (click)=\"select()\"\r\n          class=\"clipper-selection-button\" style=\"margin-top: 8px;\">\r\n          <span class=\"small\">Usa selezione</span>\r\n        </button>\r\n        <button fxHide.gt-sm fxFlexAlign=\"center\" type=\"button\" mat-icon-button (click)=\"select()\"\r\n          class=\"clipper-selection-icon-button\" matTooltip=\"Usa selezione\" aria-label=\"'Usa la selezione'\"\r\n          style=\"margin-top: 4px;\">\r\n          <mat-icon>check</mat-icon>\r\n        </button>\r\n      </div>\r\n      }\r\n      <div fxFlex=\"170px\" fxFlex.lt-md=\"48px\" fxLayoutAlign=\"end\">\r\n        <div class=\"dialog-close\">\r\n          <button fxHide.lt-md fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Indietro\"\r\n            aria-label=\"Indietro\" (click)=\"back()\">\r\n            <mat-icon>arrow_back</mat-icon>\r\n          </button>\r\n          <button fxHide.lt-md fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Avanti\" aria-label=\"Avanti\"\r\n            (click)=\"forward()\">\r\n            <mat-icon>arrow_forward</mat-icon>\r\n          </button>\r\n          <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Chiudi\" aria-label=\"Chiudi\"\r\n            (click)=\"close()\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div>\r\n    <div fxLayout=\"row wrap \" fxFill fxLayoutAlign=\"space-between center\" style=\"padding: 10px 10px 10px 15px;\">\r\n      <div fxFlex.xs=\"100\">\r\n        @if (lastDocument()?.model === 9) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra indice'\"\r\n          (click)=\"index(lastDocument()?.documentId)\">\r\n          Indice\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && (lastDocument()?.bag[1] ==='T' || lastDocument()?.bag[3] ==='T')) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button matTooltip=\"Collegamenti\"\r\n          [attr.aria-label]=\"'Collegamenti al documento'\" [matMenuTriggerFor]=\"menuLinks\">\r\n          Collegamenti\r\n        </button>\r\n        }\r\n        <mat-menu #menuLinks=\"matMenu\">\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[1] ==='T') {\r\n          <button mat-menu-item [attr.aria-label]=\"'Mostra documenti richiamati'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 1)\">\r\n            Documenti richiamati\r\n          </button>\r\n          }\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[3] ==='T') {\r\n          <button mat-menu-item [attr.aria-label]=\"'Mostra documenti che richiamano'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 2)\">\r\n            Documenti che richiamano\r\n          </button>\r\n          }\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[2] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra juris'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 4)\">\r\n            Juris\r\n          </button>\r\n          }\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[4] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra modifiche subite'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 3)\">\r\n            Modifiche subite\r\n          </button>\r\n          }\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[4] !=='T' && lastDocument()?.bag[6] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra modifiche apportate'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 5)\">\r\n            Modifiche apportate\r\n          </button>\r\n          }\r\n        </mat-menu>\r\n        @if (lastDocument()?.hasPrimary) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra documento primario'\"\r\n          (click)=\"navigate(lastDocument()?.primaryId)\">\r\n          {{lastDocument()?.primaryDescription}}\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && lastDocument()?.bag[2] ==='T') {\r\n        <button fxFlexAlign=\"center\" type=\"button\" fxHide.lt-md mat-button [attr.aria-label]=\"'Mostra juris'\"\r\n          (click)=\"openReferences(lastDocument()?.documentId, 4)\">\r\n          Juris\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && lastDocument()?.bag[4] === 'T') {\r\n        <button fxFlexAlign=\"center\" type=\"button\" fxHide.lt-md mat-button [attr.aria-label]=\"'Mostra modifiche subite'\"\r\n          (click)=\"openReferences(lastDocument()?.documentId, 3)\">\r\n          Modifiche subite\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && lastDocument()?.bag[4] !== 'T' && lastDocument()?.bag[6] === 'T') {\r\n        <button fxFlexAlign=\"center\" type=\"button\" fxHide.lt-md mat-button\r\n          [attr.aria-label]=\"'Mostra modifiche apportate'\" (click)=\"openReferences(lastDocument()?.documentId, 5)\">\r\n          Modifiche apportate\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.secondaryId) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra documento secondario'\"\r\n          (click)=\"navigate(lastDocument()?.secondaryId)\">\r\n          Testo storico\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && lastDocument()?.bag[7] === 'T') {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra commento'\"\r\n          (click)=\"showComment()\">\r\n          Commento\r\n        </button>\r\n        }\r\n      </div>\r\n      <div fxFlex.xs=\"100\" fxLayoutAlign=\"end\">\r\n        <div fxFlexAlign=\"center\">\r\n          @if (relevants().hits) {\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n            <div fxFlexAlign=\"center\" class=\"small item-greyed\" style=\"margin-left:20px; margin-right: 5px\"\r\n              matTooltip=\"Parole evidenziate\">{{relevants().hit}}\r\n              di {{relevants().hits}}</div>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button [attr.aria-label]=\"'Vai alla parola precedente'\"\r\n              (click)=\"previousRelevant()\" matTooltip=\"Parola precedente\">\r\n              <mat-icon>chevron_left</mat-icon>\r\n            </button>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button [attr.aria-label]=\"'Vai alla prossima parola'\"\r\n              (click)=\"nextRelevant()\" matTooltip=\"Prossima parola\">\r\n              <mat-icon>chevron_right</mat-icon>\r\n            </button>\r\n          </div>\r\n          }\r\n        </div>\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Azioni sul documento\"\r\n          [attr.aria-label]=\"'Azioni da eseguire sul documento'\" [matMenuTriggerFor]=\"menuActions\">\r\n          <mat-icon>more_vert</mat-icon>\r\n        </button>\r\n        <mat-menu #menuActions=\"matMenu\">\r\n          <ng-template matMenuContent let-item=\"lastDocument\">\r\n            <clipper-document-menu [parent]=\"this\" [item]=\"lastDocument()\" [canOpenDocument]=\"false\" [canPrint]=\"true\"\r\n              [canFind]=\"true\" [isReadable]=\"false\" [isLawInForce]=\"lastDocument()?.model === 9\"\r\n              selectionSource=\"none\" [canUseAIAssistant]=\"user?.hasAIAssistant ?? false\">\r\n            </clipper-document-menu>\r\n          </ng-template>\r\n        </mat-menu>\r\n        @if (hasRelevants() && relevants().items && relevantsPane && (!relevantsPane.opened || relevantsPaneClosed())) {\r\n        <div fxFlexAlign=\"center\">\r\n          <button type=\"button\" mat-icon-button matTooltip=\"Rilevanza\" aria-label=\"'Rilevanza'\"\r\n            (click)=\"toggleRelevantsPane()\">\r\n            <mat-icon>right_panel_open</mat-icon>\r\n          </button>\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<mat-dialog-content id=\"clipper-document-scrollable\">\r\n  <mat-drawer-container class=\"fill\" [hasBackdrop]=\"relevantsPaneHasBackdrop()\">\r\n    <mat-drawer #relevantsPane position=\"end\" class=\"drawer-small drawer-with-loader\" opened=\"false\">\r\n      @if (relevantsBusy()) {\r\n      <div class=\"overlay\"></div>\r\n      }\r\n      <div fxLayout=\"column\" fxFill>\r\n        <div fxFlex=\"6px\">\r\n          @if (relevantsBusy()) {\r\n          <mat-progress-bar style=\"z-index: 11;\" mode=\"indeterminate\">\r\n          </mat-progress-bar>\r\n          }\r\n        </div>\r\n        <div fxFlex=\"78px\" class=\"title-container-with-loader\">\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFill>\r\n            <div class=\"title\">Rilevanza</div>\r\n            <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n              <button mat-icon-button (click)=\"toggleRelevantsPane()\"\r\n                matTooltip=\"Nascondi\"><mat-icon>right_panel_close</mat-icon></button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div fxFlex=\"*\" class=\"relevants-container scroll-auto\">\r\n          <div fxLayout=\"column\" fxFill>\r\n            <div>\r\n              <p>Parti del documento pi\u00F9 significative per la ricerca di <span\r\n                  class='word-hit-chunk'>{{lastQuery}}</span>\r\n              </p>\r\n            </div>\r\n            <div fxFlex=\"*\">\r\n              <nav class=\"relevants-items\">\r\n                <ul>\r\n                  @for (item of relevants().items; track $index) {\r\n                  <li class=\"small\" (click)=\"gotoRelevant(item)\" [attr.aria-label]=\"item.title\"\r\n                    [class.bright]=\"item.score > 0.75\" [class.accent]=\"item.score > 0.75\">\r\n                    <div fxLayout=\"row\" fxLayoutAlign=\"start start\" fxLayoutGap=\"10px\" fxFill>\r\n                      <div fxFlex=\"*\">\r\n                        {{item.title}}\r\n                      </div>\r\n                      <div fxLayoutAlign=\"end\">\r\n                        @if (item.score > 0.7) {\r\n                        <mat-icon style='font-size:x-small; height: 10px; width:10px'\r\n                          [matTooltip]=\"item.score > 0.75 ? 'Molto rilevante' : 'Pi\u00F9 rilevante'\">thumb_up_alt</mat-icon>\r\n                        }\r\n                      </div>\r\n                    </div>\r\n                  </li>\r\n                  }\r\n                </ul>\r\n              </nav>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </mat-drawer>\r\n    <div class=\"fill scroll-hidden\">\r\n      <iframe #docIframe id=\"clipper-document-iframe\" class=\"iframe\"></iframe>\r\n    </div>\r\n  </mat-drawer-container>\r\n</mat-dialog-content>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.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-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.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}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.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:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!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 .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;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:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@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,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.clipper-selection-icon-button{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-color-primary-hi, #12c0ae)}.unread{color:var(--app-color-unread, #f7931c)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.expired{color:var(--app-color-expired, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-expiring, #FFC107)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.closed-bg{background-color:var(--app-color-closed, #388E3C)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.popular-bg{background-color:var(--app-color-closed, #388E3C)!important}.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-color-secondary, #4a635f);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:10px}.item{border-radius:12px;padding:10px 10px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}@media screen and (min-width:0px)and (max-width:430px){.item:hover{background-color:var(--ars-item-hover-background-color)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 55%,transparent 100%);mask-image:linear-gradient(to right,black 55%,transparent 100%)}}.item-content .item-info-1,.item-content .info-1{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent, #7894ae)}.item-content .item-info-2,.item-content .info-2{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent-low, #456179)}.item-content .item-info-3,.item-content .info-3{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-error, #ff5449)}.item-content .item-title,.item-content .title{font-size:small!important;line-height:18px;text-decoration:none!important;font-weight:400;min-height:unset;min-width:unset;white-space:initial!important}@supports (-webkit-line-clamp: 3){.item-content .item-title,.item-content .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.item-content .details{margin-top:4px;font-size:x-small!important;font-weight:700;line-height:15px;color:var(--ars-color-accent-low, #456179);text-transform:uppercase!important;border-left:4px solid var(--ars-color-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:500!important;font-size:11px!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-size:11px!important;font-weight:500!important}.item-content a.link{color:var(--ars-color-link, #03A9F4);cursor:pointer!important;text-decoration:none!important}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer!important;padding:10px 13px!important;margin-bottom:20px!important}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--app-color-unread, #f7931c);margin:0 8px}.tile .tile-image,.tile .image{height:125px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .tile-image img,.tile .image img{object-fit:cover;width:100%;height:100%}.tile .tile-image .tile-info-1,.tile .tile-image .info-1,.tile .image .tile-info-1,.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!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .tile-info-2,.tile .tile-image .info-2,.tile .image .tile-info-2,.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-color-accent, #7894ae);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .buttons,.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .tile-image .buttons .check,.tile .tile-image .buttons .read-button,.tile .image .buttons .check,.tile .image .buttons .read-button{background-color:var(--ars-color-primary, #00a293)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .unread-button,.tile .image .buttons .unread-button{background-color:var(--app-color-unread, #f7931c)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .check-selected,.tile .image .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)!important}.tile .tile-date,.tile .date{padding:8px 0 6px!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-date .date-day,.tile .date .date-day{color:var(--ars-color-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .tile-time,.tile .time{font-size:small!important;font-weight:700!important}.tile .tile-title,.tile .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-height:50px!important;max-height:70px!important;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.tile .tile-title,.tile .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.stripe:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.stripe{cursor:pointer!important;padding:5px 10px!important;margin-bottom:10px!important}.stripe .body{padding:5px 15px!important}.stripe .image-mark{min-height:100%!important;border-left:6px solid transparent;margin:8px 0}.stripe .image-mark-unread{min-height:100%!important;border-left-color:var(--ars-color-error, #ff5449)!important;margin:8px 0}.stripe .stripe-image,.stripe .image{width:150px!important;height:70px!important;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.stripe .stripe-image img,.stripe .image img{object-fit:cover;width:100%;height:100%}.stripe .stripe-info-1,.stripe .info-1{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-text, #191c1b)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-info-2,.stripe .info-2{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-accent, #7894ae)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .buttons{position:absolute;left:0;top:0;height:42px}.stripe .buttons .check,.stripe .buttons .read{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.stripe .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)}.stripe .stripe-date,.stripe .date{padding:0!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-date .date-day,.stripe .date .date-day{color:var(--ars-color-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.stripe .stripe-time,.stripe .time{font-size:small!important;font-weight:700!important}.stripe .stripe-title,.stripe .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.stripe .stripe-title,.stripe .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:#427505;text-transform:uppercase;white-space:nowrap;color:#e0e2e5}.badge-red{background-color:#a80710}.busy-backdrop{background-color:#0000006b!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 .legend:not(:first-of-type){margin-left:10px}@media screen and (max-width:431px){.legend-container{font-size:9px!important}}.special-date,.special-date-expired,.special-date-expiring{border:2px var(--ars-color-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-color-error, #ff5449) solid!important}.special-date-expiring{border:2px var(--ars-color-warning, #FFC107) solid!important}.word-hit-chunk,.word-hit{display:inline-block;font-size:inherit;background-color:var(--ars-word-hit-background-color, #FFEB3B);color:var(--ars-word-hit-color, #191c1b);padding:0 4px;margin:0 4px;border-radius:4px}.word-hit-chunk{background-color:var(--ars-word-chunk-hit-background-color, #8AFF59);color:var(--ars-word-hit-chunk-color, #191c1b)}::ng-deep .mat-mdc-menu-panel{min-width:320px!important;max-width:320px!important}.title-container{padding-left:20px;padding-top:14px}.title-container .title{font-size:large}@supports (-webkit-line-clamp: 2){.title-container .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.dialog-close{margin-right:10px;margin-top:4px}.iframe{width:100%;height:100%;border:0}.relevants-container{padding:0 20px 10px}.relevants-items{padding:0;margin:0}.relevants-items ul{list-style-type:none;padding:0;margin:0}.relevants-items ul li{font-size:small;padding:6px 12px;display:block;color:var(--ars-color-text, #191c1b)}.relevants-items ul li a{color:inherit;text-decoration:none;display:block}.relevants-items ul li:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:6px;cursor:pointer}.mat-mdc-dialog-content{max-height:unset!important;padding:0 0 16px!important}\n"], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.FxLayoutDirective, 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.FxFlexDirective, 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: i1.FxShowHideDirective, selector: "    [fxShow],    [fxHide],    [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.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.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.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: i1.FxLayoutAlignDirective, 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.FxLayoutGapDirective, 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.FxFlexAlignDirective, 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.FxFlexFillDirective, selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i5.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: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i17.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i7.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i7.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: ClipperDocumentMenuComponent, selector: "clipper-document-menu", inputs: ["useSelections", "selectionSource", "parent", "item", "isReference", "isReadable", "isReadableModel", "isLawInForce", "canPrint", "canFind", "canUseAIAssistant", "canUseRS", "canOpenDocument"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ClipperDocumentComponent, decorators: [{
             type: Component,
@@ -4446,8 +3830,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
                         MatDialogContent,
                         MatSidenavModule,
                         ClipperDocumentMenuComponent,
-                        ClipperNoteBadgeComponent
-                    ], template: "<div class=\"clipper-document-fixed\">\r\n  <div style=\"height:6px\">\r\n    @if (busy()) {\r\n    <mat-progress-bar style=\"z-index:11\" mode=\"indeterminate\"></mat-progress-bar>\r\n    }\r\n  </div>\r\n  <div>\r\n    <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start start\" fxFill>\r\n      <div fxFlex=\"*\" class=\"title-container\">\r\n        <div class=\"title bold\">{{title()}}</div>\r\n        @if (lastDocument()?.tags) {\r\n        <div style=\"padding-top: 5px;\">\r\n          <div class=\"x-small bold uppercase\">\r\n            TAG: <span class=\"accent\">{{lastDocument()?.tags}}</span>\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (lastDocument()?.lastUpdate) {\r\n        <div style=\"padding-top: 5px;\">\r\n          <div class=\"x-small bold uppercase\">\r\n            AGGIORNATO A:\r\n            <span class=\"accent\">{{lastDocument()?.lastUpdate}}</span>\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (lastDocument()?.expiringDescription || lastDocument()?.validityInfo) {\r\n        <div style=\"padding-top: 5px;\">\r\n          @if (lastDocument()?.expiringDescription) {\r\n          <div class=\"x-small error bold uppercase\">\r\n            {{lastDocument()?.expiringDescription}}</div>\r\n          }\r\n          @if (lastDocument()?.validityInfo) {\r\n          <div class=\"x-small error bold uppercase\"><b>Attenzione!</b>\r\n            {{lastDocument()?.validityInfo}}</div>\r\n          }\r\n        </div>\r\n        }\r\n        @if((lastDocument()?.notes?.length ?? 0) > 0 ) {\r\n        <div class=\"notes-container\">\r\n          @for (note of lastDocument()?.notes; track note.id) {\r\n          <clipper-note-badge [note]=\"note\" />\r\n          }\r\n        </div>\r\n        }\r\n      </div>\r\n      @if (canSelect()) {\r\n      <div fxFlex=\"170px\" fxFlex.lt-md=\"58px\">\r\n        <button fxHide.lt-md fxFlexAlign=\"center\" type=\"button\" mat-flat-button (click)=\"select()\"\r\n          class=\"clipper-selection-button\" style=\"margin-top: 8px;\">\r\n          <span class=\"small\">Usa selezione</span>\r\n        </button>\r\n        <button fxHide.gt-sm fxFlexAlign=\"center\" type=\"button\" mat-icon-button (click)=\"select()\"\r\n          class=\"clipper-selection-icon-button\" matTooltip=\"Usa selezione\" aria-label=\"'Usa la selezione'\"\r\n          style=\"margin-top: 4px;\">\r\n          <mat-icon>check</mat-icon>\r\n        </button>\r\n      </div>\r\n      }\r\n      <div fxFlex=\"170px\" fxFlex.lt-md=\"48px\" fxLayoutAlign=\"end\">\r\n        <div class=\"dialog-close\">\r\n          <button fxHide.lt-md fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Indietro\"\r\n            aria-label=\"Indietro\" (click)=\"back()\">\r\n            <mat-icon>arrow_back</mat-icon>\r\n          </button>\r\n          <button fxHide.lt-md fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Avanti\" aria-label=\"Avanti\"\r\n            (click)=\"forward()\">\r\n            <mat-icon>arrow_forward</mat-icon>\r\n          </button>\r\n          <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Chiudi\" aria-label=\"Chiudi\"\r\n            (click)=\"close()\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div>\r\n    <div fxLayout=\"row wrap \" fxFill fxLayoutAlign=\"space-between center\" style=\"padding: 10px 10px 10px 15px;\">\r\n      <div fxFlex.xs=\"100\">\r\n        @if (lastDocument()?.model === 9) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra indice'\"\r\n          (click)=\"index(lastDocument()?.documentId)\">\r\n          Indice\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && (lastDocument()?.bag[1] ==='T' || lastDocument()?.bag[3] ==='T')) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button matTooltip=\"Collegamenti\"\r\n          [attr.aria-label]=\"'Collegamenti al documento'\" [matMenuTriggerFor]=\"menuLinks\">\r\n          Collegamenti\r\n        </button>\r\n        }\r\n        <mat-menu #menuLinks=\"matMenu\">\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[1] ==='T') {\r\n          <button mat-menu-item [attr.aria-label]=\"'Mostra documenti richiamati'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 1)\">\r\n            Documenti richiamati\r\n          </button>\r\n          }\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[3] ==='T') {\r\n          <button mat-menu-item [attr.aria-label]=\"'Mostra documenti che richiamano'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 2)\">\r\n            Documenti che richiamano\r\n          </button>\r\n          }\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[2] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra juris'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 4)\">\r\n            Juris\r\n          </button>\r\n          }\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[4] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra modifiche subite'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 3)\">\r\n            Modifiche subite\r\n          </button>\r\n          }\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[4] !=='T' && lastDocument()?.bag[6] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra modifiche apportate'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 5)\">\r\n            Modifiche apportate\r\n          </button>\r\n          }\r\n        </mat-menu>\r\n        @if (lastDocument()?.hasPrimary) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra documento primario'\"\r\n          (click)=\"navigate(lastDocument()?.primaryId)\">\r\n          {{lastDocument()?.primaryDescription}}\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && lastDocument()?.bag[2] ==='T') {\r\n        <button fxFlexAlign=\"center\" type=\"button\" fxHide.lt-md mat-button [attr.aria-label]=\"'Mostra juris'\"\r\n          (click)=\"openReferences(lastDocument()?.documentId, 4)\">\r\n          Juris\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && lastDocument()?.bag[4] === 'T') {\r\n        <button fxFlexAlign=\"center\" type=\"button\" fxHide.lt-md mat-button [attr.aria-label]=\"'Mostra modifiche subite'\"\r\n          (click)=\"openReferences(lastDocument()?.documentId, 3)\">\r\n          Modifiche subite\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && lastDocument()?.bag[4] !== 'T' && lastDocument()?.bag[6] === 'T') {\r\n        <button fxFlexAlign=\"center\" type=\"button\" fxHide.lt-md mat-button\r\n          [attr.aria-label]=\"'Mostra modifiche apportate'\" (click)=\"openReferences(lastDocument()?.documentId, 5)\">\r\n          Modifiche apportate\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.secondaryId) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra documento secondario'\"\r\n          (click)=\"navigate(lastDocument()?.secondaryId)\">\r\n          Testo storico\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && lastDocument()?.bag[7] === 'T') {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra commento'\"\r\n          (click)=\"showComment()\">\r\n          Commento\r\n        </button>\r\n        }\r\n      </div>\r\n      <div fxFlex.xs=\"100\" fxLayoutAlign=\"end\">\r\n        <div fxFlexAlign=\"center\">\r\n          @if (relevants().hits) {\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n            <div fxFlexAlign=\"center\" class=\"small item-greyed\" style=\"margin-left:20px; margin-right: 5px\"\r\n              matTooltip=\"Parole evidenziate\">{{relevants().hit}}\r\n              di {{relevants().hits}}</div>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button [attr.aria-label]=\"'Vai alla parola precedente'\"\r\n              (click)=\"previousRelevant()\" matTooltip=\"Parola precedente\">\r\n              <mat-icon>chevron_left</mat-icon>\r\n            </button>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button [attr.aria-label]=\"'Vai alla prossima parola'\"\r\n              (click)=\"nextRelevant()\" matTooltip=\"Prossima parola\">\r\n              <mat-icon>chevron_right</mat-icon>\r\n            </button>\r\n          </div>\r\n          }\r\n        </div>\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Azioni sul documento\"\r\n          [attr.aria-label]=\"'Azioni da eseguire sul documento'\" [matMenuTriggerFor]=\"menuActions\">\r\n          <mat-icon>more_vert</mat-icon>\r\n        </button>\r\n        <mat-menu #menuActions=\"matMenu\">\r\n          <ng-template matMenuContent let-item=\"lastDocument\">\r\n            <clipper-document-menu [parent]=\"this\" [item]=\"lastDocument()\" [canOpenDocument]=\"false\" [canPrint]=\"true\"\r\n              [canFind]=\"true\" [isReadable]=\"false\" [canUseArchive]=\"dialogData.canUseArchive ?? false\"\r\n              [canUseNotes]=\"dialogData.canUseNotes ?? false\" [isLawInForce]=\"lastDocument()?.model === 9\"\r\n              selectionSource=\"none\" [canUseAIAssistant]=\"user?.hasAIAssistant ?? false\">\r\n            </clipper-document-menu>\r\n          </ng-template>\r\n        </mat-menu>\r\n        @if (hasRelevants() && relevants().items && relevantsPane && (!relevantsPane.opened || relevantsPaneClosed())) {\r\n        <div fxFlexAlign=\"center\">\r\n          <button type=\"button\" mat-icon-button matTooltip=\"Rilevanza\" aria-label=\"'Rilevanza'\"\r\n            (click)=\"toggleRelevantsPane()\">\r\n            <mat-icon>right_panel_open</mat-icon>\r\n          </button>\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<mat-dialog-content id=\"clipper-document-scrollable\">\r\n  <mat-drawer-container class=\"fill\" [hasBackdrop]=\"relevantsPaneHasBackdrop()\">\r\n    <mat-drawer #relevantsPane position=\"end\" class=\"drawer-small drawer-with-loader\" opened=\"false\">\r\n      @if (relevantsBusy()) {\r\n      <div class=\"overlay\"></div>\r\n      }\r\n      <div fxLayout=\"column\" fxFill>\r\n        <div fxFlex=\"6px\">\r\n          @if (relevantsBusy()) {\r\n          <mat-progress-bar style=\"z-index: 11;\" mode=\"indeterminate\">\r\n          </mat-progress-bar>\r\n          }\r\n        </div>\r\n        <div fxFlex=\"78px\" class=\"title-container-with-loader\">\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFill>\r\n            <div class=\"title\">Rilevanza</div>\r\n            <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n              <button mat-icon-button (click)=\"toggleRelevantsPane()\"\r\n                matTooltip=\"Nascondi\"><mat-icon>right_panel_close</mat-icon></button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div fxFlex=\"*\" class=\"relevants-container scroll-auto\">\r\n          <div fxLayout=\"column\" fxFill>\r\n            <div>\r\n              <p>Parti del documento pi\u00F9 significative per la ricerca di <span\r\n                  class='word-hit-chunk'>{{lastQuery}}</span>\r\n              </p>\r\n            </div>\r\n            <div fxFlex=\"*\">\r\n              <nav class=\"relevants-items\">\r\n                <ul>\r\n                  @for (item of relevants().items; track $index) {\r\n                  <li class=\"small\" (click)=\"gotoRelevant(item)\" [attr.aria-label]=\"item.title\"\r\n                    [class.bright]=\"item.score > 0.75\" [class.accent]=\"item.score > 0.75\">\r\n                    <div fxLayout=\"row\" fxLayoutAlign=\"start start\" fxLayoutGap=\"10px\" fxFill>\r\n                      <div fxFlex=\"*\">\r\n                        {{item.title}}\r\n                      </div>\r\n                      <div fxLayoutAlign=\"end\">\r\n                        @if (item.score > 0.7) {\r\n                        <mat-icon style='font-size:x-small; height: 10px; width:10px'\r\n                          [matTooltip]=\"item.score > 0.75 ? 'Molto rilevante' : 'Pi\u00F9 rilevante'\">thumb_up_alt</mat-icon>\r\n                        }\r\n                      </div>\r\n                    </div>\r\n                  </li>\r\n                  }\r\n                </ul>\r\n              </nav>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </mat-drawer>\r\n    <div class=\"fill scroll-hidden\">\r\n      <iframe #docIframe id=\"clipper-document-iframe\" class=\"iframe\"></iframe>\r\n    </div>\r\n  </mat-drawer-container>\r\n</mat-dialog-content>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.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-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.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}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.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:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!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 .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;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:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@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,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.clipper-selection-icon-button{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-color-primary-hi, #12c0ae)}.unread{color:var(--app-color-unread, #f7931c)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.expired{color:var(--app-color-expired, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-expiring, #FFC107)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.closed-bg{background-color:var(--app-color-closed, #388E3C)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.popular-bg{background-color:var(--app-color-closed, #388E3C)!important}.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-color-secondary, #4a635f);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:10px}.item{border-radius:12px;padding:10px 10px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}@media screen and (min-width:0px)and (max-width:430px){.item:hover{background-color:var(--ars-item-hover-background-color)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 55%,transparent 100%);mask-image:linear-gradient(to right,black 55%,transparent 100%)}}.item-content .item-info-1,.item-content .info-1{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent, #7894ae)}.item-content .item-info-2,.item-content .info-2{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent-low, #456179)}.item-content .item-info-3,.item-content .info-3{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-error, #ff5449)}.item-content .item-title,.item-content .title{font-size:small!important;line-height:18px;text-decoration:none!important;font-weight:400;min-height:unset;min-width:unset;white-space:initial!important}@supports (-webkit-line-clamp: 3){.item-content .item-title,.item-content .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.item-content .details{margin-top:4px;font-size:x-small!important;font-weight:700;line-height:15px;color:var(--ars-color-accent-low, #456179);text-transform:uppercase!important;border-left:4px solid var(--ars-color-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:500!important;font-size:11px!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-size:11px!important;font-weight:500!important}.item-content a.link{color:var(--ars-color-link, #03A9F4);cursor:pointer!important;text-decoration:none!important}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer!important;padding:10px 13px!important;margin-bottom:20px!important}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--app-color-unread, #f7931c);margin:0 8px}.tile .tile-image,.tile .image{height:125px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .tile-image img,.tile .image img{object-fit:cover;width:100%;height:100%}.tile .tile-image .tile-info-1,.tile .tile-image .info-1,.tile .image .tile-info-1,.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!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .tile-info-2,.tile .tile-image .info-2,.tile .image .tile-info-2,.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-color-accent, #7894ae);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .buttons,.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .tile-image .buttons .check,.tile .tile-image .buttons .read-button,.tile .image .buttons .check,.tile .image .buttons .read-button{background-color:var(--ars-color-primary, #00a293)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .unread-button,.tile .image .buttons .unread-button{background-color:var(--app-color-unread, #f7931c)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .check-selected,.tile .image .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)!important}.tile .tile-date,.tile .date{padding:8px 0 6px!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-date .date-day,.tile .date .date-day{color:var(--ars-color-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .tile-time,.tile .time{font-size:small!important;font-weight:700!important}.tile .tile-title,.tile .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-height:50px!important;max-height:70px!important;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.tile .tile-title,.tile .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.stripe:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.stripe{cursor:pointer!important;padding:5px 10px!important;margin-bottom:10px!important}.stripe .body{padding:5px 15px!important}.stripe .image-mark{min-height:100%!important;border-left:6px solid transparent;margin:8px 0}.stripe .image-mark-unread{min-height:100%!important;border-left-color:var(--ars-color-error, #ff5449)!important;margin:8px 0}.stripe .stripe-image,.stripe .image{width:150px!important;height:70px!important;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.stripe .stripe-image img,.stripe .image img{object-fit:cover;width:100%;height:100%}.stripe .stripe-info-1,.stripe .info-1{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-text, #191c1b)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-info-2,.stripe .info-2{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-accent, #7894ae)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .buttons{position:absolute;left:0;top:0;height:42px}.stripe .buttons .check,.stripe .buttons .read{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.stripe .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)}.stripe .stripe-date,.stripe .date{padding:0!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-date .date-day,.stripe .date .date-day{color:var(--ars-color-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.stripe .stripe-time,.stripe .time{font-size:small!important;font-weight:700!important}.stripe .stripe-title,.stripe .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.stripe .stripe-title,.stripe .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:#427505;text-transform:uppercase;white-space:nowrap;color:#e0e2e5}.badge-red{background-color:#a80710}.busy-backdrop{background-color:#0000006b!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 .legend:not(:first-of-type){margin-left:10px}@media screen and (max-width:431px){.legend-container{font-size:9px!important}}.special-date,.special-date-expired,.special-date-expiring{border:2px var(--ars-color-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-color-error, #ff5449) solid!important}.special-date-expiring{border:2px var(--ars-color-warning, #FFC107) solid!important}.word-hit-chunk,.word-hit{display:inline-block;font-size:inherit;background-color:var(--ars-word-hit-background-color, #FFEB3B);color:var(--ars-word-hit-color, #191c1b);padding:0 4px;margin:0 4px;border-radius:4px}.word-hit-chunk{background-color:var(--ars-word-chunk-hit-background-color, #8AFF59);color:var(--ars-word-hit-chunk-color, #191c1b)}::ng-deep .mat-mdc-menu-panel{min-width:320px!important;max-width:320px!important}.title-container{padding-left:20px;padding-top:14px}.title-container .title{font-size:large}@supports (-webkit-line-clamp: 2){.title-container .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.dialog-close{margin-right:10px;margin-top:4px}.iframe{width:100%;height:100%;border:0}.relevants-container{padding:0 20px 10px}.relevants-items{padding:0;margin:0}.relevants-items ul{list-style-type:none;padding:0;margin:0}.relevants-items ul li{font-size:small;padding:6px 12px;display:block;color:var(--ars-color-text, #191c1b)}.relevants-items ul li a{color:inherit;text-decoration:none;display:block}.relevants-items ul li:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:6px;cursor:pointer}.mat-mdc-dialog-content{max-height:unset!important;padding:0 0 16px!important}.notes-container{display:flex;flex-wrap:wrap;column-gap:8px;margin-top:4px}\n"] }]
+                    ], template: "<div class=\"clipper-document-fixed\">\r\n  <div style=\"height:6px\">\r\n    @if (busy()) {\r\n    <mat-progress-bar style=\"z-index:11\" mode=\"indeterminate\"></mat-progress-bar>\r\n    }\r\n  </div>\r\n  <div>\r\n    <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start start\" fxFill>\r\n      <div fxFlex=\"*\" class=\"title-container\">\r\n        <div class=\"title bold\">{{title()}}</div>\r\n        @if (lastDocument()?.tags) {\r\n        <div style=\"padding-top: 5px;\">\r\n          <div class=\"x-small bold uppercase\">\r\n            TAG: <span class=\"accent\">{{lastDocument()?.tags}}</span>\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (lastDocument()?.lastUpdate) {\r\n        <div style=\"padding-top: 5px;\">\r\n          <div class=\"x-small bold uppercase\">\r\n            AGGIORNATO A:\r\n            <span class=\"accent\">{{lastDocument()?.lastUpdate}}</span>\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (lastDocument()?.expiringDescription || lastDocument()?.validityInfo) {\r\n        <div style=\"padding-top: 5px;\">\r\n          @if (lastDocument()?.expiringDescription) {\r\n          <div class=\"x-small error bold uppercase\">\r\n            {{lastDocument()?.expiringDescription}}</div>\r\n          }\r\n          @if (lastDocument()?.validityInfo) {\r\n          <div class=\"x-small error bold uppercase\"><b>Attenzione!</b>\r\n            {{lastDocument()?.validityInfo}}</div>\r\n          }\r\n        </div>\r\n        }\r\n      </div>\r\n      @if (canSelect()) {\r\n      <div fxFlex=\"170px\" fxFlex.lt-md=\"58px\">\r\n        <button fxHide.lt-md fxFlexAlign=\"center\" type=\"button\" mat-flat-button (click)=\"select()\"\r\n          class=\"clipper-selection-button\" style=\"margin-top: 8px;\">\r\n          <span class=\"small\">Usa selezione</span>\r\n        </button>\r\n        <button fxHide.gt-sm fxFlexAlign=\"center\" type=\"button\" mat-icon-button (click)=\"select()\"\r\n          class=\"clipper-selection-icon-button\" matTooltip=\"Usa selezione\" aria-label=\"'Usa la selezione'\"\r\n          style=\"margin-top: 4px;\">\r\n          <mat-icon>check</mat-icon>\r\n        </button>\r\n      </div>\r\n      }\r\n      <div fxFlex=\"170px\" fxFlex.lt-md=\"48px\" fxLayoutAlign=\"end\">\r\n        <div class=\"dialog-close\">\r\n          <button fxHide.lt-md fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Indietro\"\r\n            aria-label=\"Indietro\" (click)=\"back()\">\r\n            <mat-icon>arrow_back</mat-icon>\r\n          </button>\r\n          <button fxHide.lt-md fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Avanti\" aria-label=\"Avanti\"\r\n            (click)=\"forward()\">\r\n            <mat-icon>arrow_forward</mat-icon>\r\n          </button>\r\n          <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Chiudi\" aria-label=\"Chiudi\"\r\n            (click)=\"close()\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div>\r\n    <div fxLayout=\"row wrap \" fxFill fxLayoutAlign=\"space-between center\" style=\"padding: 10px 10px 10px 15px;\">\r\n      <div fxFlex.xs=\"100\">\r\n        @if (lastDocument()?.model === 9) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra indice'\"\r\n          (click)=\"index(lastDocument()?.documentId)\">\r\n          Indice\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && (lastDocument()?.bag[1] ==='T' || lastDocument()?.bag[3] ==='T')) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button matTooltip=\"Collegamenti\"\r\n          [attr.aria-label]=\"'Collegamenti al documento'\" [matMenuTriggerFor]=\"menuLinks\">\r\n          Collegamenti\r\n        </button>\r\n        }\r\n        <mat-menu #menuLinks=\"matMenu\">\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[1] ==='T') {\r\n          <button mat-menu-item [attr.aria-label]=\"'Mostra documenti richiamati'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 1)\">\r\n            Documenti richiamati\r\n          </button>\r\n          }\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[3] ==='T') {\r\n          <button mat-menu-item [attr.aria-label]=\"'Mostra documenti che richiamano'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 2)\">\r\n            Documenti che richiamano\r\n          </button>\r\n          }\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[2] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra juris'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 4)\">\r\n            Juris\r\n          </button>\r\n          }\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[4] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra modifiche subite'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 3)\">\r\n            Modifiche subite\r\n          </button>\r\n          }\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[4] !=='T' && lastDocument()?.bag[6] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra modifiche apportate'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 5)\">\r\n            Modifiche apportate\r\n          </button>\r\n          }\r\n        </mat-menu>\r\n        @if (lastDocument()?.hasPrimary) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra documento primario'\"\r\n          (click)=\"navigate(lastDocument()?.primaryId)\">\r\n          {{lastDocument()?.primaryDescription}}\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && lastDocument()?.bag[2] ==='T') {\r\n        <button fxFlexAlign=\"center\" type=\"button\" fxHide.lt-md mat-button [attr.aria-label]=\"'Mostra juris'\"\r\n          (click)=\"openReferences(lastDocument()?.documentId, 4)\">\r\n          Juris\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && lastDocument()?.bag[4] === 'T') {\r\n        <button fxFlexAlign=\"center\" type=\"button\" fxHide.lt-md mat-button [attr.aria-label]=\"'Mostra modifiche subite'\"\r\n          (click)=\"openReferences(lastDocument()?.documentId, 3)\">\r\n          Modifiche subite\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && lastDocument()?.bag[4] !== 'T' && lastDocument()?.bag[6] === 'T') {\r\n        <button fxFlexAlign=\"center\" type=\"button\" fxHide.lt-md mat-button\r\n          [attr.aria-label]=\"'Mostra modifiche apportate'\" (click)=\"openReferences(lastDocument()?.documentId, 5)\">\r\n          Modifiche apportate\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.secondaryId) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra documento secondario'\"\r\n          (click)=\"navigate(lastDocument()?.secondaryId)\">\r\n          Testo storico\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && lastDocument()?.bag[7] === 'T') {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra commento'\"\r\n          (click)=\"showComment()\">\r\n          Commento\r\n        </button>\r\n        }\r\n      </div>\r\n      <div fxFlex.xs=\"100\" fxLayoutAlign=\"end\">\r\n        <div fxFlexAlign=\"center\">\r\n          @if (relevants().hits) {\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n            <div fxFlexAlign=\"center\" class=\"small item-greyed\" style=\"margin-left:20px; margin-right: 5px\"\r\n              matTooltip=\"Parole evidenziate\">{{relevants().hit}}\r\n              di {{relevants().hits}}</div>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button [attr.aria-label]=\"'Vai alla parola precedente'\"\r\n              (click)=\"previousRelevant()\" matTooltip=\"Parola precedente\">\r\n              <mat-icon>chevron_left</mat-icon>\r\n            </button>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button [attr.aria-label]=\"'Vai alla prossima parola'\"\r\n              (click)=\"nextRelevant()\" matTooltip=\"Prossima parola\">\r\n              <mat-icon>chevron_right</mat-icon>\r\n            </button>\r\n          </div>\r\n          }\r\n        </div>\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Azioni sul documento\"\r\n          [attr.aria-label]=\"'Azioni da eseguire sul documento'\" [matMenuTriggerFor]=\"menuActions\">\r\n          <mat-icon>more_vert</mat-icon>\r\n        </button>\r\n        <mat-menu #menuActions=\"matMenu\">\r\n          <ng-template matMenuContent let-item=\"lastDocument\">\r\n            <clipper-document-menu [parent]=\"this\" [item]=\"lastDocument()\" [canOpenDocument]=\"false\" [canPrint]=\"true\"\r\n              [canFind]=\"true\" [isReadable]=\"false\" [isLawInForce]=\"lastDocument()?.model === 9\"\r\n              selectionSource=\"none\" [canUseAIAssistant]=\"user?.hasAIAssistant ?? false\">\r\n            </clipper-document-menu>\r\n          </ng-template>\r\n        </mat-menu>\r\n        @if (hasRelevants() && relevants().items && relevantsPane && (!relevantsPane.opened || relevantsPaneClosed())) {\r\n        <div fxFlexAlign=\"center\">\r\n          <button type=\"button\" mat-icon-button matTooltip=\"Rilevanza\" aria-label=\"'Rilevanza'\"\r\n            (click)=\"toggleRelevantsPane()\">\r\n            <mat-icon>right_panel_open</mat-icon>\r\n          </button>\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<mat-dialog-content id=\"clipper-document-scrollable\">\r\n  <mat-drawer-container class=\"fill\" [hasBackdrop]=\"relevantsPaneHasBackdrop()\">\r\n    <mat-drawer #relevantsPane position=\"end\" class=\"drawer-small drawer-with-loader\" opened=\"false\">\r\n      @if (relevantsBusy()) {\r\n      <div class=\"overlay\"></div>\r\n      }\r\n      <div fxLayout=\"column\" fxFill>\r\n        <div fxFlex=\"6px\">\r\n          @if (relevantsBusy()) {\r\n          <mat-progress-bar style=\"z-index: 11;\" mode=\"indeterminate\">\r\n          </mat-progress-bar>\r\n          }\r\n        </div>\r\n        <div fxFlex=\"78px\" class=\"title-container-with-loader\">\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFill>\r\n            <div class=\"title\">Rilevanza</div>\r\n            <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n              <button mat-icon-button (click)=\"toggleRelevantsPane()\"\r\n                matTooltip=\"Nascondi\"><mat-icon>right_panel_close</mat-icon></button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div fxFlex=\"*\" class=\"relevants-container scroll-auto\">\r\n          <div fxLayout=\"column\" fxFill>\r\n            <div>\r\n              <p>Parti del documento pi\u00F9 significative per la ricerca di <span\r\n                  class='word-hit-chunk'>{{lastQuery}}</span>\r\n              </p>\r\n            </div>\r\n            <div fxFlex=\"*\">\r\n              <nav class=\"relevants-items\">\r\n                <ul>\r\n                  @for (item of relevants().items; track $index) {\r\n                  <li class=\"small\" (click)=\"gotoRelevant(item)\" [attr.aria-label]=\"item.title\"\r\n                    [class.bright]=\"item.score > 0.75\" [class.accent]=\"item.score > 0.75\">\r\n                    <div fxLayout=\"row\" fxLayoutAlign=\"start start\" fxLayoutGap=\"10px\" fxFill>\r\n                      <div fxFlex=\"*\">\r\n                        {{item.title}}\r\n                      </div>\r\n                      <div fxLayoutAlign=\"end\">\r\n                        @if (item.score > 0.7) {\r\n                        <mat-icon style='font-size:x-small; height: 10px; width:10px'\r\n                          [matTooltip]=\"item.score > 0.75 ? 'Molto rilevante' : 'Pi\u00F9 rilevante'\">thumb_up_alt</mat-icon>\r\n                        }\r\n                      </div>\r\n                    </div>\r\n                  </li>\r\n                  }\r\n                </ul>\r\n              </nav>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </mat-drawer>\r\n    <div class=\"fill scroll-hidden\">\r\n      <iframe #docIframe id=\"clipper-document-iframe\" class=\"iframe\"></iframe>\r\n    </div>\r\n  </mat-drawer-container>\r\n</mat-dialog-content>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.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-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.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}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.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:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!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 .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;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:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@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,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.clipper-selection-icon-button{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-color-primary-hi, #12c0ae)}.unread{color:var(--app-color-unread, #f7931c)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.expired{color:var(--app-color-expired, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-expiring, #FFC107)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.closed-bg{background-color:var(--app-color-closed, #388E3C)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.popular-bg{background-color:var(--app-color-closed, #388E3C)!important}.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-color-secondary, #4a635f);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:10px}.item{border-radius:12px;padding:10px 10px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}@media screen and (min-width:0px)and (max-width:430px){.item:hover{background-color:var(--ars-item-hover-background-color)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 55%,transparent 100%);mask-image:linear-gradient(to right,black 55%,transparent 100%)}}.item-content .item-info-1,.item-content .info-1{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent, #7894ae)}.item-content .item-info-2,.item-content .info-2{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent-low, #456179)}.item-content .item-info-3,.item-content .info-3{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-error, #ff5449)}.item-content .item-title,.item-content .title{font-size:small!important;line-height:18px;text-decoration:none!important;font-weight:400;min-height:unset;min-width:unset;white-space:initial!important}@supports (-webkit-line-clamp: 3){.item-content .item-title,.item-content .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.item-content .details{margin-top:4px;font-size:x-small!important;font-weight:700;line-height:15px;color:var(--ars-color-accent-low, #456179);text-transform:uppercase!important;border-left:4px solid var(--ars-color-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:500!important;font-size:11px!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-size:11px!important;font-weight:500!important}.item-content a.link{color:var(--ars-color-link, #03A9F4);cursor:pointer!important;text-decoration:none!important}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer!important;padding:10px 13px!important;margin-bottom:20px!important}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--app-color-unread, #f7931c);margin:0 8px}.tile .tile-image,.tile .image{height:125px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .tile-image img,.tile .image img{object-fit:cover;width:100%;height:100%}.tile .tile-image .tile-info-1,.tile .tile-image .info-1,.tile .image .tile-info-1,.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!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .tile-info-2,.tile .tile-image .info-2,.tile .image .tile-info-2,.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-color-accent, #7894ae);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .buttons,.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .tile-image .buttons .check,.tile .tile-image .buttons .read-button,.tile .image .buttons .check,.tile .image .buttons .read-button{background-color:var(--ars-color-primary, #00a293)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .unread-button,.tile .image .buttons .unread-button{background-color:var(--app-color-unread, #f7931c)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .check-selected,.tile .image .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)!important}.tile .tile-date,.tile .date{padding:8px 0 6px!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-date .date-day,.tile .date .date-day{color:var(--ars-color-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .tile-time,.tile .time{font-size:small!important;font-weight:700!important}.tile .tile-title,.tile .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-height:50px!important;max-height:70px!important;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.tile .tile-title,.tile .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.stripe:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.stripe{cursor:pointer!important;padding:5px 10px!important;margin-bottom:10px!important}.stripe .body{padding:5px 15px!important}.stripe .image-mark{min-height:100%!important;border-left:6px solid transparent;margin:8px 0}.stripe .image-mark-unread{min-height:100%!important;border-left-color:var(--ars-color-error, #ff5449)!important;margin:8px 0}.stripe .stripe-image,.stripe .image{width:150px!important;height:70px!important;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.stripe .stripe-image img,.stripe .image img{object-fit:cover;width:100%;height:100%}.stripe .stripe-info-1,.stripe .info-1{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-text, #191c1b)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-info-2,.stripe .info-2{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-accent, #7894ae)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .buttons{position:absolute;left:0;top:0;height:42px}.stripe .buttons .check,.stripe .buttons .read{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.stripe .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)}.stripe .stripe-date,.stripe .date{padding:0!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-date .date-day,.stripe .date .date-day{color:var(--ars-color-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.stripe .stripe-time,.stripe .time{font-size:small!important;font-weight:700!important}.stripe .stripe-title,.stripe .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.stripe .stripe-title,.stripe .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:#427505;text-transform:uppercase;white-space:nowrap;color:#e0e2e5}.badge-red{background-color:#a80710}.busy-backdrop{background-color:#0000006b!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 .legend:not(:first-of-type){margin-left:10px}@media screen and (max-width:431px){.legend-container{font-size:9px!important}}.special-date,.special-date-expired,.special-date-expiring{border:2px var(--ars-color-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-color-error, #ff5449) solid!important}.special-date-expiring{border:2px var(--ars-color-warning, #FFC107) solid!important}.word-hit-chunk,.word-hit{display:inline-block;font-size:inherit;background-color:var(--ars-word-hit-background-color, #FFEB3B);color:var(--ars-word-hit-color, #191c1b);padding:0 4px;margin:0 4px;border-radius:4px}.word-hit-chunk{background-color:var(--ars-word-chunk-hit-background-color, #8AFF59);color:var(--ars-word-hit-chunk-color, #191c1b)}::ng-deep .mat-mdc-menu-panel{min-width:320px!important;max-width:320px!important}.title-container{padding-left:20px;padding-top:14px}.title-container .title{font-size:large}@supports (-webkit-line-clamp: 2){.title-container .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.dialog-close{margin-right:10px;margin-top:4px}.iframe{width:100%;height:100%;border:0}.relevants-container{padding:0 20px 10px}.relevants-items{padding:0;margin:0}.relevants-items ul{list-style-type:none;padding:0;margin:0}.relevants-items ul li{font-size:small;padding:6px 12px;display:block;color:var(--ars-color-text, #191c1b)}.relevants-items ul li a{color:inherit;text-decoration:none;display:block}.relevants-items ul li:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:6px;cursor:pointer}.mat-mdc-dialog-content{max-height:unset!important;padding:0 0 16px!important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { relevantsPane: [{ type: i0.ViewChild, args: ['relevantsPane', { isSignal: true }] }], iframeRef: [{ type: i0.ViewChild, args: ['docIframe', { isSignal: true }] }], closing: [{ type: i0.Output, args: ["closing"] }], opening: [{ type: i0.Output, args: ["opening"] }] } });
 
 var document_component = /*#__PURE__*/Object.freeze({
@@ -4554,110 +3937,6 @@ var documentIndex_component = /*#__PURE__*/Object.freeze({
     ClipperDocumentIndexComponent: ClipperDocumentIndexComponent
 });
 
-class ClipperNoteEditComponent {
-    constructor() {
-        this.done = output();
-        this.dialogService = inject(ApplicationDialogService);
-        this.dialogData = inject(MAT_DIALOG_DATA);
-        this.dialogTitle = signal((this.dialogData.currentItem?.id ?? 0) > 0 ? 'Modifica annotazione' : 'Nuova annotazione', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "dialogTitle" }] : /* istanbul ignore next */ []));
-        this.clipperService = inject(ClipperService);
-        this.colors = NotesColors;
-        this.isNew = signal(!this.dialogData?.currentItem?.id, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isNew" }] : /* istanbul ignore next */ []));
-        this.availableTeams = signal([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "availableTeams" }] : /* istanbul ignore next */ []));
-        this.selectedTeam = { name: 'Nessuno, usa note personali', value: SystemUtils.emptyUUID() };
-        this.item = this.dialogData.currentItem?.id
-            ? SystemUtils.clone(this.dialogData.currentItem)
-            : { color: this.colors[0].value };
-        if (this.dialogData.currentItem?.documentId) {
-            this.item.documentId = this.dialogData.currentItem.documentId;
-        }
-        if (this.dialogData.currentItem?.documentTitle) {
-            this.item.documentTitle = this.dialogData.currentItem.documentTitle;
-            this.dialogTitle.set(this.isNew()
-                ? `Nuova annotazione per:<br><div class="small bold accent uppercase">${this.dialogData.currentItem.documentTitle}</div>`
-                : `Modifica annotazione per:<br><div class="small bold accent uppercase">${this.dialogData.currentItem.documentTitle}</div>`);
-        }
-        this.loadTeams();
-    }
-    /**
-     * Returns the display name for the given colour value.
-     * @param value - The hex/CSS colour string to look up.
-     * @returns The human-readable colour name, or the raw value when not found.
-     */
-    colorName(value) {
-        return this.colors.find(c => c.value === value)?.name ?? value;
-    }
-    /**
-     * Loads the teams available for shared-workspace notes and populates the teams dropdown.
-     * Pre-selects the team matching the current item's teamId, defaulting to "Personale".
-     */
-    loadTeams() {
-        this.clipperService.collaboration
-            .getTeams({ productId: ClipperTeamProduct.SharedNotes })
-            .subscribe(r => {
-            if (!r.success) {
-                this.dialogService.error(r.message);
-                return;
-            }
-            if ((r.value?.total ?? 0) > 0) {
-                const teams = [{ name: 'Nessuno, usa note personali', value: SystemUtils.emptyUUID() }];
-                r.value?.items.forEach(n => teams.push({ name: n.name, value: n.value.toLowerCase() }));
-                this.availableTeams.set(teams);
-                this.selectedTeam = teams.find(x => x.value === this.item.teamId) ?? teams[0];
-            }
-        });
-    }
-    /**
-     * Saves the note via the service and emits the result through the `done` output.
-     * For new notes, assigns the selected team before saving.
-     */
-    ok() {
-        if (this.isNew()) {
-            this.item.teamId = this.selectedTeam.value;
-        }
-        this.clipperService.collaboration.saveNote(this.item)
-            .subscribe(r => {
-            if (!r.success) {
-                this.dialogService.error(r.message);
-            }
-            else {
-                this.done.emit(r.value);
-                this.dialogService.toast("Operazione completata con successo.");
-            }
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ClipperNoteEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: ClipperNoteEditComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done" }, host: { attributes: { "Bind": SystemUtils.generateUUID() } }, ngImport: i0, template: "<div class=\"dialog-info\">\r\n  @if (f.form.invalid) {\r\n  <span class=\"dialog-info-error\">Ci sono ancora dei campi obbligatori (*) non compilati.</span>\r\n  } @else {\r\n  <span class=\"dialog-info-ok\">Tutti i campi obbligatori (*) sono compilati.</span>\r\n  }\r\n</div>\r\n<div mat-dialog-title [innerHTML]=\"dialogTitle() | safeHtml\"></div>\r\n<mat-dialog-content>\r\n  <form name=\"form\" #f=\"ngForm\" novalidate>\r\n    <div fxLayout=\"column\" class=\"spaced\">\r\n      @if (availableTeams() && availableTeams().length > 1) {\r\n      <mat-form-field>\r\n        <mat-label>Team</mat-label>\r\n        <mat-select [(ngModel)]=\"selectedTeam\" #team=\"ngModel\" name=\"team\" required [disabled]=\"!isNew()\">\r\n          @for (t of availableTeams(); track $index;) {\r\n          <mat-option [value]=\"t\">\r\n            {{t.name}}\r\n          </mat-option>\r\n          }\r\n        </mat-select>\r\n        @if (team.invalid) {\r\n        <mat-error>Obbligatorio.</mat-error>\r\n        }\r\n      </mat-form-field>\r\n      }\r\n      <div fxLayout=\"row wrap\"  fxLayoutAlign=\"space-between center\" fxFill>\r\n        <div fxFlex=\"29\" fxFlex.xs=\"100\">\r\n          <mat-form-field class=\"wide\">\r\n            <mat-label>Colore</mat-label>\r\n            <mat-select name=\"color\" [(ngModel)]=\"item.color\" #color=\"ngModel\" name=\"color\" required>\r\n              <mat-select-trigger>\r\n                @if (item.color) {\r\n                <span style=\"display:inline-flex;align-items:center;gap:8px;\">\r\n                  <span [style.background]=\"item.color\" style=\"width:14px;height:14px;border-radius:50%;display:inline-block;flex-shrink:0;\"></span>\r\n                  {{ colorName(item.color) }}\r\n                </span>\r\n                }\r\n              </mat-select-trigger>\r\n              @for (c of colors; track c) {\r\n              <mat-option [value]=\"c.value\">\r\n                <span style=\"display:inline-flex;align-items:center;gap:8px;\">\r\n                  <span [style.background]=\"c.value\"\r\n                    style=\"width:16px;height:16px;border-radius:50%;display:inline-block;\"></span>\r\n                  {{ c.name }}\r\n                </span>\r\n              </mat-option>\r\n              }\r\n            </mat-select>\r\n            @if (color.invalid) {\r\n            <mat-error>Obbligatorio.</mat-error>\r\n            }\r\n          </mat-form-field>\r\n        </div>\r\n        <div fxFlex=\"69\" fxFlex.xs=\"100\">\r\n          <mat-form-field class=\"wide\">\r\n            <mat-label>Etichetta</mat-label>\r\n            <input matInput name=\"name\" [(ngModel)]=\"item.name\" #name=\"ngModel\" maxlength=\"100\" required />\r\n            @if (name.invalid) {\r\n            <mat-error>Obbligatorio.</mat-error>\r\n            }\r\n            <mat-hint align=\"end\">{{name.value?.length || 0}}/100 </mat-hint>\r\n          </mat-form-field>\r\n        </div>\r\n      </div>\r\n\r\n      <mat-form-field>\r\n        <mat-label>Note</mat-label>\r\n        <textarea matInput [(ngModel)]=\"item.note\" name=\"note\" maxlength=\"1000\" #text=\"ngModel\" cdkTextareaAutosize\r\n          cdkAutosizeMinRows=\"1\" cdkAutosizeMaxRows=\"10\"></textarea>\r\n        <mat-hint align=\"end\">{{text.value?.length || 0}}/1000 </mat-hint>\r\n      </mat-form-field>\r\n    </div>\r\n\r\n  </form>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxLayoutAlign=\"end\" fxFill>\r\n      <button mat-flat-button [disabled]=\"f.form.invalid\" (click)=\"ok()\">Salva</button>\r\n      <button mat-stroked-button [mat-dialog-close]=\"true\">Annulla</button>\r\n    </div>\r\n  </div>\r\n</mat-dialog-actions>", styles: [""], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.FxLayoutDirective, 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.FxFlexDirective, 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: i1.FxLayoutAlignDirective, 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.FxLayoutGapDirective, 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.FxFlexFillDirective, selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i5$1.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: TextFieldModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i7$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i7$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ClipperNoteEditComponent, decorators: [{
-            type: Component,
-            args: [{ host: { 'Bind': SystemUtils.generateUUID() }, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        MatDialogTitle,
-                        MatDialogContent,
-                        FormsModule,
-                        FlexLayoutModule,
-                        MatFormFieldModule,
-                        MatInputModule,
-                        TextFieldModule,
-                        MatButtonModule,
-                        MatIconModule,
-                        MatTooltipModule,
-                        MatCheckboxModule,
-                        MatDialogActions,
-                        MatDialogClose,
-                        SafeHtmlPipe,
-                        MatSelectModule
-                    ], template: "<div class=\"dialog-info\">\r\n  @if (f.form.invalid) {\r\n  <span class=\"dialog-info-error\">Ci sono ancora dei campi obbligatori (*) non compilati.</span>\r\n  } @else {\r\n  <span class=\"dialog-info-ok\">Tutti i campi obbligatori (*) sono compilati.</span>\r\n  }\r\n</div>\r\n<div mat-dialog-title [innerHTML]=\"dialogTitle() | safeHtml\"></div>\r\n<mat-dialog-content>\r\n  <form name=\"form\" #f=\"ngForm\" novalidate>\r\n    <div fxLayout=\"column\" class=\"spaced\">\r\n      @if (availableTeams() && availableTeams().length > 1) {\r\n      <mat-form-field>\r\n        <mat-label>Team</mat-label>\r\n        <mat-select [(ngModel)]=\"selectedTeam\" #team=\"ngModel\" name=\"team\" required [disabled]=\"!isNew()\">\r\n          @for (t of availableTeams(); track $index;) {\r\n          <mat-option [value]=\"t\">\r\n            {{t.name}}\r\n          </mat-option>\r\n          }\r\n        </mat-select>\r\n        @if (team.invalid) {\r\n        <mat-error>Obbligatorio.</mat-error>\r\n        }\r\n      </mat-form-field>\r\n      }\r\n      <div fxLayout=\"row wrap\"  fxLayoutAlign=\"space-between center\" fxFill>\r\n        <div fxFlex=\"29\" fxFlex.xs=\"100\">\r\n          <mat-form-field class=\"wide\">\r\n            <mat-label>Colore</mat-label>\r\n            <mat-select name=\"color\" [(ngModel)]=\"item.color\" #color=\"ngModel\" name=\"color\" required>\r\n              <mat-select-trigger>\r\n                @if (item.color) {\r\n                <span style=\"display:inline-flex;align-items:center;gap:8px;\">\r\n                  <span [style.background]=\"item.color\" style=\"width:14px;height:14px;border-radius:50%;display:inline-block;flex-shrink:0;\"></span>\r\n                  {{ colorName(item.color) }}\r\n                </span>\r\n                }\r\n              </mat-select-trigger>\r\n              @for (c of colors; track c) {\r\n              <mat-option [value]=\"c.value\">\r\n                <span style=\"display:inline-flex;align-items:center;gap:8px;\">\r\n                  <span [style.background]=\"c.value\"\r\n                    style=\"width:16px;height:16px;border-radius:50%;display:inline-block;\"></span>\r\n                  {{ c.name }}\r\n                </span>\r\n              </mat-option>\r\n              }\r\n            </mat-select>\r\n            @if (color.invalid) {\r\n            <mat-error>Obbligatorio.</mat-error>\r\n            }\r\n          </mat-form-field>\r\n        </div>\r\n        <div fxFlex=\"69\" fxFlex.xs=\"100\">\r\n          <mat-form-field class=\"wide\">\r\n            <mat-label>Etichetta</mat-label>\r\n            <input matInput name=\"name\" [(ngModel)]=\"item.name\" #name=\"ngModel\" maxlength=\"100\" required />\r\n            @if (name.invalid) {\r\n            <mat-error>Obbligatorio.</mat-error>\r\n            }\r\n            <mat-hint align=\"end\">{{name.value?.length || 0}}/100 </mat-hint>\r\n          </mat-form-field>\r\n        </div>\r\n      </div>\r\n\r\n      <mat-form-field>\r\n        <mat-label>Note</mat-label>\r\n        <textarea matInput [(ngModel)]=\"item.note\" name=\"note\" maxlength=\"1000\" #text=\"ngModel\" cdkTextareaAutosize\r\n          cdkAutosizeMinRows=\"1\" cdkAutosizeMaxRows=\"10\"></textarea>\r\n        <mat-hint align=\"end\">{{text.value?.length || 0}}/1000 </mat-hint>\r\n      </mat-form-field>\r\n    </div>\r\n\r\n  </form>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxLayoutAlign=\"end\" fxFill>\r\n      <button mat-flat-button [disabled]=\"f.form.invalid\" (click)=\"ok()\">Salva</button>\r\n      <button mat-stroked-button [mat-dialog-close]=\"true\">Annulla</button>\r\n    </div>\r\n  </div>\r\n</mat-dialog-actions>" }]
-        }], ctorParameters: () => [], propDecorators: { done: [{ type: i0.Output, args: ["done"] }] } });
-
-var noteEdit_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    ClipperNoteEditComponent: ClipperNoteEditComponent
-});
-
 class ClipperReferencesComponent extends ClipperSearchResultManager {
     constructor() {
         super();
@@ -4984,7 +4263,7 @@ class ClipperReferencesComponent extends ClipperSearchResultManager {
         return '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ClipperReferencesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: ClipperReferencesComponent, isStandalone: true, selector: "ng-component", host: { attributes: { "Bind": SystemUtils.generateUUID() } }, viewQueries: [{ propertyName: "filterPane", first: true, predicate: ["filterPane"], descendants: true, isSignal: 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        <div mat-dialog-title>{{title}} </div>\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 class=\"dialog-toolbar\">\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            &nbsp; 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            &nbsp; 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\" [matBadge]=\"selection?.all?.length\">\r\n            <mat-icon>checklist</mat-icon>\r\n          </button>\r\n          }\r\n          <mat-menu #menuSelections=\"matMenu\">\r\n            <clipper-document-menu [parent]=\"this\" selectionSource=\"selection\" [useSelections]=\"true\"\r\n            [canUseArchive]=\"dialogData.canUseArchive ?? false\"\r\n              [isReadable]=\"false\" [isReference]=\"true\" [canUseAIAssistant]=\"user?.hasAIAssistant ?? false\">\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>right_panel_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<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=\"78px\" class=\"title-container-with-loader\">\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFill>\r\n            <div class=\"title\">Affina ricerca</div>\r\n            <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n              <button mat-icon-button (click)=\"toggleFilterPane()\"\r\n                matTooltip=\"Nascondi\"><mat-icon>right_panel_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 [handleTooManyResults]=\"dialogData.canHandleTooManyResults\" ></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 class=\"message-container\">\r\n          <p class=\"message\"><b>Nessun elemento da visualizzare.</b></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 [class.group-spaced]=\"i > 0\">{{item.group}}</div>\r\n          </div>\r\n          }\r\n          <clipper-search-result-item [item]=\"item\" [parent]=\"this\" [isReadable]=\"false\"\r\n            [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                [canUseAIAssistant]=\"user?.hasAIAssistant ?? false\" [canUseArchive]=\"dialogData.canUseArchive ?? false\">\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 wrap\" fxLayoutGap=\"10px\" fxLayoutAlign=\"space-between center\" fxFill>\r\n          <!-- legend -->\r\n          <div fxFlex.lt-md=\"100\" class=\"legend-container\">\r\n            <div class=\"legend expired-bg \"></div>\r\n            non pi\u00F9 vigente\r\n          </div>\r\n          <div fxFlex.lt-md=\"100\" fxLayoutAlign=\"end\" [class.wide]=\"filterPane?.opened\">\r\n            <div fxLayout=\"row\">\r\n              <mat-paginator fxFlexAlign=\"center\" #paginator class=\"paginator\" [hidePageSize]=\"true\"\r\n                [length]=\"snapshot?.total ?? 0\" [pageSize]=\"filterParams.count ?? 15\" [showFirstLastButtons]=\"true\"\r\n                (page)=\"fetchMore($event)\">\r\n              </mat-paginator>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      }\r\n    </div>\r\n  </mat-drawer-container>\r\n</mat-dialog-content>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.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-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.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}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.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:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!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 .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;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:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@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,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.clipper-selection-icon-button{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-color-primary-hi, #12c0ae)}.unread{color:var(--app-color-unread, #f7931c)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.expired{color:var(--app-color-expired, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-expiring, #FFC107)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.closed-bg{background-color:var(--app-color-closed, #388E3C)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.popular-bg{background-color:var(--app-color-closed, #388E3C)!important}.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-color-secondary, #4a635f);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:10px}.item{border-radius:12px;padding:10px 10px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}@media screen and (min-width:0px)and (max-width:430px){.item:hover{background-color:var(--ars-item-hover-background-color)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 55%,transparent 100%);mask-image:linear-gradient(to right,black 55%,transparent 100%)}}.item-content .item-info-1,.item-content .info-1{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent, #7894ae)}.item-content .item-info-2,.item-content .info-2{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent-low, #456179)}.item-content .item-info-3,.item-content .info-3{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-error, #ff5449)}.item-content .item-title,.item-content .title{font-size:small!important;line-height:18px;text-decoration:none!important;font-weight:400;min-height:unset;min-width:unset;white-space:initial!important}@supports (-webkit-line-clamp: 3){.item-content .item-title,.item-content .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.item-content .details{margin-top:4px;font-size:x-small!important;font-weight:700;line-height:15px;color:var(--ars-color-accent-low, #456179);text-transform:uppercase!important;border-left:4px solid var(--ars-color-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:500!important;font-size:11px!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-size:11px!important;font-weight:500!important}.item-content a.link{color:var(--ars-color-link, #03A9F4);cursor:pointer!important;text-decoration:none!important}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer!important;padding:10px 13px!important;margin-bottom:20px!important}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--app-color-unread, #f7931c);margin:0 8px}.tile .tile-image,.tile .image{height:125px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .tile-image img,.tile .image img{object-fit:cover;width:100%;height:100%}.tile .tile-image .tile-info-1,.tile .tile-image .info-1,.tile .image .tile-info-1,.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!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .tile-info-2,.tile .tile-image .info-2,.tile .image .tile-info-2,.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-color-accent, #7894ae);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .buttons,.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .tile-image .buttons .check,.tile .tile-image .buttons .read-button,.tile .image .buttons .check,.tile .image .buttons .read-button{background-color:var(--ars-color-primary, #00a293)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .unread-button,.tile .image .buttons .unread-button{background-color:var(--app-color-unread, #f7931c)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .check-selected,.tile .image .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)!important}.tile .tile-date,.tile .date{padding:8px 0 6px!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-date .date-day,.tile .date .date-day{color:var(--ars-color-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .tile-time,.tile .time{font-size:small!important;font-weight:700!important}.tile .tile-title,.tile .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-height:50px!important;max-height:70px!important;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.tile .tile-title,.tile .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.stripe:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.stripe{cursor:pointer!important;padding:5px 10px!important;margin-bottom:10px!important}.stripe .body{padding:5px 15px!important}.stripe .image-mark{min-height:100%!important;border-left:6px solid transparent;margin:8px 0}.stripe .image-mark-unread{min-height:100%!important;border-left-color:var(--ars-color-error, #ff5449)!important;margin:8px 0}.stripe .stripe-image,.stripe .image{width:150px!important;height:70px!important;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.stripe .stripe-image img,.stripe .image img{object-fit:cover;width:100%;height:100%}.stripe .stripe-info-1,.stripe .info-1{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-text, #191c1b)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-info-2,.stripe .info-2{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-accent, #7894ae)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .buttons{position:absolute;left:0;top:0;height:42px}.stripe .buttons .check,.stripe .buttons .read{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.stripe .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)}.stripe .stripe-date,.stripe .date{padding:0!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-date .date-day,.stripe .date .date-day{color:var(--ars-color-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.stripe .stripe-time,.stripe .time{font-size:small!important;font-weight:700!important}.stripe .stripe-title,.stripe .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.stripe .stripe-title,.stripe .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:#427505;text-transform:uppercase;white-space:nowrap;color:#e0e2e5}.badge-red{background-color:#a80710}.busy-backdrop{background-color:#0000006b!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 .legend:not(:first-of-type){margin-left:10px}@media screen and (max-width:431px){.legend-container{font-size:9px!important}}.special-date,.special-date-expired,.special-date-expiring{border:2px var(--ars-color-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-color-error, #ff5449) solid!important}.special-date-expiring{border:2px var(--ars-color-warning, #FFC107) solid!important}.word-hit-chunk,.word-hit{display:inline-block;font-size:inherit;background-color:var(--ars-word-hit-background-color, #FFEB3B);color:var(--ars-word-hit-color, #191c1b);padding:0 4px;margin:0 4px;border-radius:4px}.word-hit-chunk{background-color:var(--ars-word-chunk-hit-background-color, #8AFF59);color:var(--ars-word-hit-chunk-color, #191c1b)}.message-container{font-size:large;display:flex;justify-content:center;align-items:center;height:50%}.message-container .message{color:var(--ars-color-secondary, #4a635f);text-align:center;padding:40px}.mat-mdc-dialog-content{max-height:unset!important;padding:0!important}\n"], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.FxLayoutDirective, 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.FxFlexDirective, 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: i1.FxLayoutAlignDirective, 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.FxLayoutGapDirective, 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.FxFlexAlignDirective, 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.FxFlexFillDirective, selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i16.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "fullWidth", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i5.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: i5.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i5.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: i2$1.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i9.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: i7.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i7.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i17.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: ClipperDocumentMenuComponent, selector: "clipper-document-menu", inputs: ["useSelections", "selectionSource", "parent", "item", "isReference", "isReadable", "isReadableModel", "isLawInForce", "canPrint", "canFind", "canUseCalendar", "canUseArchive", "canUseNotes", "canUseAIAssistant", "canUseRS", "canOpenDocument"] }, { kind: "component", type: ClipperSearchFacetsComponent, selector: "clipper-search-facets", inputs: ["handleTooManyResults"], outputs: ["changed"] }, { kind: "component", type: ClipperSearchResultItemComponent, selector: "clipper-search-result-item", inputs: ["parent", "item", "actions", "tileNoPictureUrl", "tilePictureUrl", "isSelectable", "isReadable", "isReadableModel", "displayModifiedTitle", "displayModelName", "displayDate", "displayMode"], outputs: ["itemChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: ClipperReferencesComponent, isStandalone: true, selector: "ng-component", host: { attributes: { "Bind": SystemUtils.generateUUID() } }, viewQueries: [{ propertyName: "filterPane", first: true, predicate: ["filterPane"], descendants: true, isSignal: 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        <div mat-dialog-title>{{title}} </div>\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 class=\"dialog-toolbar\">\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            &nbsp; 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            &nbsp; 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\" [matBadge]=\"selection?.all?.length\">\r\n            <mat-icon>checklist</mat-icon>\r\n          </button>\r\n          }\r\n          <mat-menu #menuSelections=\"matMenu\">\r\n            <clipper-document-menu [parent]=\"this\" selectionSource=\"selection\" [useSelections]=\"true\"\r\n              [isReadable]=\"false\" [isReference]=\"true\" [canUseAIAssistant]=\"user?.hasAIAssistant ?? false\">\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>right_panel_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<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=\"78px\" class=\"title-container-with-loader\">\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFill>\r\n            <div class=\"title\">Affina ricerca</div>\r\n            <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n              <button mat-icon-button (click)=\"toggleFilterPane()\"\r\n                matTooltip=\"Nascondi\"><mat-icon>right_panel_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 [handleTooManyResults]=\"dialogData.canHandleTooManyResults\" ></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 class=\"message-container\">\r\n          <p class=\"message\"><b>Nessun elemento da visualizzare.</b></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 [class.group-spaced]=\"i > 0\">{{item.group}}</div>\r\n          </div>\r\n          }\r\n          <clipper-search-result-item [item]=\"item\" [parent]=\"this\" [isReadable]=\"false\"\r\n            [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                [canUseAIAssistant]=\"user?.hasAIAssistant ?? false\">\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 wrap\" fxLayoutGap=\"10px\" fxLayoutAlign=\"space-between center\" fxFill>\r\n          <!-- legend -->\r\n          <div fxFlex.lt-md=\"100\" class=\"legend-container\">\r\n            <div class=\"legend expired-bg \"></div>\r\n            non pi\u00F9 vigente\r\n          </div>\r\n          <div fxFlex.lt-md=\"100\" fxLayoutAlign=\"end\" [class.wide]=\"filterPane?.opened\">\r\n            <div fxLayout=\"row\">\r\n              <mat-paginator fxFlexAlign=\"center\" #paginator class=\"paginator\" [hidePageSize]=\"true\"\r\n                [length]=\"snapshot?.total ?? 0\" [pageSize]=\"filterParams.count ?? 15\" [showFirstLastButtons]=\"true\"\r\n                (page)=\"fetchMore($event)\">\r\n              </mat-paginator>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      }\r\n    </div>\r\n  </mat-drawer-container>\r\n</mat-dialog-content>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.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-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.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}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.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:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!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 .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;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:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@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,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.clipper-selection-icon-button{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-color-primary-hi, #12c0ae)}.unread{color:var(--app-color-unread, #f7931c)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.expired{color:var(--app-color-expired, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-expiring, #FFC107)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.closed-bg{background-color:var(--app-color-closed, #388E3C)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.popular-bg{background-color:var(--app-color-closed, #388E3C)!important}.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-color-secondary, #4a635f);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:10px}.item{border-radius:12px;padding:10px 10px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}@media screen and (min-width:0px)and (max-width:430px){.item:hover{background-color:var(--ars-item-hover-background-color)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 55%,transparent 100%);mask-image:linear-gradient(to right,black 55%,transparent 100%)}}.item-content .item-info-1,.item-content .info-1{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent, #7894ae)}.item-content .item-info-2,.item-content .info-2{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent-low, #456179)}.item-content .item-info-3,.item-content .info-3{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-error, #ff5449)}.item-content .item-title,.item-content .title{font-size:small!important;line-height:18px;text-decoration:none!important;font-weight:400;min-height:unset;min-width:unset;white-space:initial!important}@supports (-webkit-line-clamp: 3){.item-content .item-title,.item-content .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.item-content .details{margin-top:4px;font-size:x-small!important;font-weight:700;line-height:15px;color:var(--ars-color-accent-low, #456179);text-transform:uppercase!important;border-left:4px solid var(--ars-color-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:500!important;font-size:11px!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-size:11px!important;font-weight:500!important}.item-content a.link{color:var(--ars-color-link, #03A9F4);cursor:pointer!important;text-decoration:none!important}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer!important;padding:10px 13px!important;margin-bottom:20px!important}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--app-color-unread, #f7931c);margin:0 8px}.tile .tile-image,.tile .image{height:125px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .tile-image img,.tile .image img{object-fit:cover;width:100%;height:100%}.tile .tile-image .tile-info-1,.tile .tile-image .info-1,.tile .image .tile-info-1,.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!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .tile-info-2,.tile .tile-image .info-2,.tile .image .tile-info-2,.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-color-accent, #7894ae);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .buttons,.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .tile-image .buttons .check,.tile .tile-image .buttons .read-button,.tile .image .buttons .check,.tile .image .buttons .read-button{background-color:var(--ars-color-primary, #00a293)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .unread-button,.tile .image .buttons .unread-button{background-color:var(--app-color-unread, #f7931c)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .check-selected,.tile .image .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)!important}.tile .tile-date,.tile .date{padding:8px 0 6px!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-date .date-day,.tile .date .date-day{color:var(--ars-color-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .tile-time,.tile .time{font-size:small!important;font-weight:700!important}.tile .tile-title,.tile .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-height:50px!important;max-height:70px!important;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.tile .tile-title,.tile .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.stripe:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.stripe{cursor:pointer!important;padding:5px 10px!important;margin-bottom:10px!important}.stripe .body{padding:5px 15px!important}.stripe .image-mark{min-height:100%!important;border-left:6px solid transparent;margin:8px 0}.stripe .image-mark-unread{min-height:100%!important;border-left-color:var(--ars-color-error, #ff5449)!important;margin:8px 0}.stripe .stripe-image,.stripe .image{width:150px!important;height:70px!important;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.stripe .stripe-image img,.stripe .image img{object-fit:cover;width:100%;height:100%}.stripe .stripe-info-1,.stripe .info-1{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-text, #191c1b)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-info-2,.stripe .info-2{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-accent, #7894ae)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .buttons{position:absolute;left:0;top:0;height:42px}.stripe .buttons .check,.stripe .buttons .read{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.stripe .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)}.stripe .stripe-date,.stripe .date{padding:0!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-date .date-day,.stripe .date .date-day{color:var(--ars-color-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.stripe .stripe-time,.stripe .time{font-size:small!important;font-weight:700!important}.stripe .stripe-title,.stripe .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.stripe .stripe-title,.stripe .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:#427505;text-transform:uppercase;white-space:nowrap;color:#e0e2e5}.badge-red{background-color:#a80710}.busy-backdrop{background-color:#0000006b!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 .legend:not(:first-of-type){margin-left:10px}@media screen and (max-width:431px){.legend-container{font-size:9px!important}}.special-date,.special-date-expired,.special-date-expiring{border:2px var(--ars-color-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-color-error, #ff5449) solid!important}.special-date-expiring{border:2px var(--ars-color-warning, #FFC107) solid!important}.word-hit-chunk,.word-hit{display:inline-block;font-size:inherit;background-color:var(--ars-word-hit-background-color, #FFEB3B);color:var(--ars-word-hit-color, #191c1b);padding:0 4px;margin:0 4px;border-radius:4px}.word-hit-chunk{background-color:var(--ars-word-chunk-hit-background-color, #8AFF59);color:var(--ars-word-hit-chunk-color, #191c1b)}.message-container{font-size:large;display:flex;justify-content:center;align-items:center;height:50%}.message-container .message{color:var(--ars-color-secondary, #4a635f);text-align:center;padding:40px}.mat-mdc-dialog-content{max-height:unset!important;padding:0!important}\n"], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.FxLayoutDirective, 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.FxFlexDirective, 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: i1.FxLayoutAlignDirective, 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.FxLayoutGapDirective, 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.FxFlexAlignDirective, 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.FxFlexFillDirective, selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i16.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "fullWidth", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i5.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: i5.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i5.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: i2$1.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i9.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: i7.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i7.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i17.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: ClipperDocumentMenuComponent, selector: "clipper-document-menu", inputs: ["useSelections", "selectionSource", "parent", "item", "isReference", "isReadable", "isReadableModel", "isLawInForce", "canPrint", "canFind", "canUseAIAssistant", "canUseRS", "canOpenDocument"] }, { kind: "component", type: ClipperSearchFacetsComponent, selector: "clipper-search-facets", inputs: ["handleTooManyResults"], outputs: ["changed"] }, { kind: "component", type: ClipperSearchResultItemComponent, selector: "clipper-search-result-item", inputs: ["parent", "item", "actions", "tileNoPictureUrl", "tilePictureUrl", "isSelectable", "isReadable", "isReadableModel", "displayModifiedTitle", "displayModelName", "displayDate", "displayMode"], outputs: ["itemChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ClipperReferencesComponent, decorators: [{
             type: Component,
@@ -5006,7 +4285,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", 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        <div mat-dialog-title>{{title}} </div>\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 class=\"dialog-toolbar\">\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            &nbsp; 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            &nbsp; 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\" [matBadge]=\"selection?.all?.length\">\r\n            <mat-icon>checklist</mat-icon>\r\n          </button>\r\n          }\r\n          <mat-menu #menuSelections=\"matMenu\">\r\n            <clipper-document-menu [parent]=\"this\" selectionSource=\"selection\" [useSelections]=\"true\"\r\n            [canUseArchive]=\"dialogData.canUseArchive ?? false\"\r\n              [isReadable]=\"false\" [isReference]=\"true\" [canUseAIAssistant]=\"user?.hasAIAssistant ?? false\">\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>right_panel_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<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=\"78px\" class=\"title-container-with-loader\">\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFill>\r\n            <div class=\"title\">Affina ricerca</div>\r\n            <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n              <button mat-icon-button (click)=\"toggleFilterPane()\"\r\n                matTooltip=\"Nascondi\"><mat-icon>right_panel_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 [handleTooManyResults]=\"dialogData.canHandleTooManyResults\" ></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 class=\"message-container\">\r\n          <p class=\"message\"><b>Nessun elemento da visualizzare.</b></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 [class.group-spaced]=\"i > 0\">{{item.group}}</div>\r\n          </div>\r\n          }\r\n          <clipper-search-result-item [item]=\"item\" [parent]=\"this\" [isReadable]=\"false\"\r\n            [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                [canUseAIAssistant]=\"user?.hasAIAssistant ?? false\" [canUseArchive]=\"dialogData.canUseArchive ?? false\">\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 wrap\" fxLayoutGap=\"10px\" fxLayoutAlign=\"space-between center\" fxFill>\r\n          <!-- legend -->\r\n          <div fxFlex.lt-md=\"100\" class=\"legend-container\">\r\n            <div class=\"legend expired-bg \"></div>\r\n            non pi\u00F9 vigente\r\n          </div>\r\n          <div fxFlex.lt-md=\"100\" fxLayoutAlign=\"end\" [class.wide]=\"filterPane?.opened\">\r\n            <div fxLayout=\"row\">\r\n              <mat-paginator fxFlexAlign=\"center\" #paginator class=\"paginator\" [hidePageSize]=\"true\"\r\n                [length]=\"snapshot?.total ?? 0\" [pageSize]=\"filterParams.count ?? 15\" [showFirstLastButtons]=\"true\"\r\n                (page)=\"fetchMore($event)\">\r\n              </mat-paginator>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      }\r\n    </div>\r\n  </mat-drawer-container>\r\n</mat-dialog-content>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.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-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.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}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.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:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!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 .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;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:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@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,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.clipper-selection-icon-button{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-color-primary-hi, #12c0ae)}.unread{color:var(--app-color-unread, #f7931c)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.expired{color:var(--app-color-expired, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-expiring, #FFC107)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.closed-bg{background-color:var(--app-color-closed, #388E3C)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.popular-bg{background-color:var(--app-color-closed, #388E3C)!important}.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-color-secondary, #4a635f);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:10px}.item{border-radius:12px;padding:10px 10px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}@media screen and (min-width:0px)and (max-width:430px){.item:hover{background-color:var(--ars-item-hover-background-color)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 55%,transparent 100%);mask-image:linear-gradient(to right,black 55%,transparent 100%)}}.item-content .item-info-1,.item-content .info-1{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent, #7894ae)}.item-content .item-info-2,.item-content .info-2{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent-low, #456179)}.item-content .item-info-3,.item-content .info-3{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-error, #ff5449)}.item-content .item-title,.item-content .title{font-size:small!important;line-height:18px;text-decoration:none!important;font-weight:400;min-height:unset;min-width:unset;white-space:initial!important}@supports (-webkit-line-clamp: 3){.item-content .item-title,.item-content .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.item-content .details{margin-top:4px;font-size:x-small!important;font-weight:700;line-height:15px;color:var(--ars-color-accent-low, #456179);text-transform:uppercase!important;border-left:4px solid var(--ars-color-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:500!important;font-size:11px!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-size:11px!important;font-weight:500!important}.item-content a.link{color:var(--ars-color-link, #03A9F4);cursor:pointer!important;text-decoration:none!important}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer!important;padding:10px 13px!important;margin-bottom:20px!important}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--app-color-unread, #f7931c);margin:0 8px}.tile .tile-image,.tile .image{height:125px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .tile-image img,.tile .image img{object-fit:cover;width:100%;height:100%}.tile .tile-image .tile-info-1,.tile .tile-image .info-1,.tile .image .tile-info-1,.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!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .tile-info-2,.tile .tile-image .info-2,.tile .image .tile-info-2,.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-color-accent, #7894ae);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .buttons,.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .tile-image .buttons .check,.tile .tile-image .buttons .read-button,.tile .image .buttons .check,.tile .image .buttons .read-button{background-color:var(--ars-color-primary, #00a293)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .unread-button,.tile .image .buttons .unread-button{background-color:var(--app-color-unread, #f7931c)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .check-selected,.tile .image .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)!important}.tile .tile-date,.tile .date{padding:8px 0 6px!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-date .date-day,.tile .date .date-day{color:var(--ars-color-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .tile-time,.tile .time{font-size:small!important;font-weight:700!important}.tile .tile-title,.tile .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-height:50px!important;max-height:70px!important;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.tile .tile-title,.tile .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.stripe:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.stripe{cursor:pointer!important;padding:5px 10px!important;margin-bottom:10px!important}.stripe .body{padding:5px 15px!important}.stripe .image-mark{min-height:100%!important;border-left:6px solid transparent;margin:8px 0}.stripe .image-mark-unread{min-height:100%!important;border-left-color:var(--ars-color-error, #ff5449)!important;margin:8px 0}.stripe .stripe-image,.stripe .image{width:150px!important;height:70px!important;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.stripe .stripe-image img,.stripe .image img{object-fit:cover;width:100%;height:100%}.stripe .stripe-info-1,.stripe .info-1{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-text, #191c1b)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-info-2,.stripe .info-2{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-accent, #7894ae)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .buttons{position:absolute;left:0;top:0;height:42px}.stripe .buttons .check,.stripe .buttons .read{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.stripe .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)}.stripe .stripe-date,.stripe .date{padding:0!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-date .date-day,.stripe .date .date-day{color:var(--ars-color-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.stripe .stripe-time,.stripe .time{font-size:small!important;font-weight:700!important}.stripe .stripe-title,.stripe .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.stripe .stripe-title,.stripe .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:#427505;text-transform:uppercase;white-space:nowrap;color:#e0e2e5}.badge-red{background-color:#a80710}.busy-backdrop{background-color:#0000006b!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 .legend:not(:first-of-type){margin-left:10px}@media screen and (max-width:431px){.legend-container{font-size:9px!important}}.special-date,.special-date-expired,.special-date-expiring{border:2px var(--ars-color-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-color-error, #ff5449) solid!important}.special-date-expiring{border:2px var(--ars-color-warning, #FFC107) solid!important}.word-hit-chunk,.word-hit{display:inline-block;font-size:inherit;background-color:var(--ars-word-hit-background-color, #FFEB3B);color:var(--ars-word-hit-color, #191c1b);padding:0 4px;margin:0 4px;border-radius:4px}.word-hit-chunk{background-color:var(--ars-word-chunk-hit-background-color, #8AFF59);color:var(--ars-word-hit-chunk-color, #191c1b)}.message-container{font-size:large;display:flex;justify-content:center;align-items:center;height:50%}.message-container .message{color:var(--ars-color-secondary, #4a635f);text-align:center;padding:40px}.mat-mdc-dialog-content{max-height:unset!important;padding:0!important}\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        <div mat-dialog-title>{{title}} </div>\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 class=\"dialog-toolbar\">\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            &nbsp; 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            &nbsp; 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\" [matBadge]=\"selection?.all?.length\">\r\n            <mat-icon>checklist</mat-icon>\r\n          </button>\r\n          }\r\n          <mat-menu #menuSelections=\"matMenu\">\r\n            <clipper-document-menu [parent]=\"this\" selectionSource=\"selection\" [useSelections]=\"true\"\r\n              [isReadable]=\"false\" [isReference]=\"true\" [canUseAIAssistant]=\"user?.hasAIAssistant ?? false\">\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>right_panel_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<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=\"78px\" class=\"title-container-with-loader\">\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFill>\r\n            <div class=\"title\">Affina ricerca</div>\r\n            <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n              <button mat-icon-button (click)=\"toggleFilterPane()\"\r\n                matTooltip=\"Nascondi\"><mat-icon>right_panel_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 [handleTooManyResults]=\"dialogData.canHandleTooManyResults\" ></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 class=\"message-container\">\r\n          <p class=\"message\"><b>Nessun elemento da visualizzare.</b></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 [class.group-spaced]=\"i > 0\">{{item.group}}</div>\r\n          </div>\r\n          }\r\n          <clipper-search-result-item [item]=\"item\" [parent]=\"this\" [isReadable]=\"false\"\r\n            [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                [canUseAIAssistant]=\"user?.hasAIAssistant ?? false\">\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 wrap\" fxLayoutGap=\"10px\" fxLayoutAlign=\"space-between center\" fxFill>\r\n          <!-- legend -->\r\n          <div fxFlex.lt-md=\"100\" class=\"legend-container\">\r\n            <div class=\"legend expired-bg \"></div>\r\n            non pi\u00F9 vigente\r\n          </div>\r\n          <div fxFlex.lt-md=\"100\" fxLayoutAlign=\"end\" [class.wide]=\"filterPane?.opened\">\r\n            <div fxLayout=\"row\">\r\n              <mat-paginator fxFlexAlign=\"center\" #paginator class=\"paginator\" [hidePageSize]=\"true\"\r\n                [length]=\"snapshot?.total ?? 0\" [pageSize]=\"filterParams.count ?? 15\" [showFirstLastButtons]=\"true\"\r\n                (page)=\"fetchMore($event)\">\r\n              </mat-paginator>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      }\r\n    </div>\r\n  </mat-drawer-container>\r\n</mat-dialog-content>", styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.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-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.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}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.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:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!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 .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;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:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@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,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.clipper-selection-icon-button{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-color-primary-hi, #12c0ae)}.unread{color:var(--app-color-unread, #f7931c)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.expired{color:var(--app-color-expired, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-expiring, #FFC107)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.closed-bg{background-color:var(--app-color-closed, #388E3C)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.popular-bg{background-color:var(--app-color-closed, #388E3C)!important}.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-color-secondary, #4a635f);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:10px}.item{border-radius:12px;padding:10px 10px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}@media screen and (min-width:0px)and (max-width:430px){.item:hover{background-color:var(--ars-item-hover-background-color)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 55%,transparent 100%);mask-image:linear-gradient(to right,black 55%,transparent 100%)}}.item-content .item-info-1,.item-content .info-1{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent, #7894ae)}.item-content .item-info-2,.item-content .info-2{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent-low, #456179)}.item-content .item-info-3,.item-content .info-3{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-error, #ff5449)}.item-content .item-title,.item-content .title{font-size:small!important;line-height:18px;text-decoration:none!important;font-weight:400;min-height:unset;min-width:unset;white-space:initial!important}@supports (-webkit-line-clamp: 3){.item-content .item-title,.item-content .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.item-content .details{margin-top:4px;font-size:x-small!important;font-weight:700;line-height:15px;color:var(--ars-color-accent-low, #456179);text-transform:uppercase!important;border-left:4px solid var(--ars-color-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:500!important;font-size:11px!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-size:11px!important;font-weight:500!important}.item-content a.link{color:var(--ars-color-link, #03A9F4);cursor:pointer!important;text-decoration:none!important}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer!important;padding:10px 13px!important;margin-bottom:20px!important}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--app-color-unread, #f7931c);margin:0 8px}.tile .tile-image,.tile .image{height:125px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .tile-image img,.tile .image img{object-fit:cover;width:100%;height:100%}.tile .tile-image .tile-info-1,.tile .tile-image .info-1,.tile .image .tile-info-1,.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!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .tile-info-2,.tile .tile-image .info-2,.tile .image .tile-info-2,.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-color-accent, #7894ae);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .buttons,.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .tile-image .buttons .check,.tile .tile-image .buttons .read-button,.tile .image .buttons .check,.tile .image .buttons .read-button{background-color:var(--ars-color-primary, #00a293)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .unread-button,.tile .image .buttons .unread-button{background-color:var(--app-color-unread, #f7931c)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .check-selected,.tile .image .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)!important}.tile .tile-date,.tile .date{padding:8px 0 6px!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-date .date-day,.tile .date .date-day{color:var(--ars-color-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .tile-time,.tile .time{font-size:small!important;font-weight:700!important}.tile .tile-title,.tile .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-height:50px!important;max-height:70px!important;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.tile .tile-title,.tile .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.stripe:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.stripe{cursor:pointer!important;padding:5px 10px!important;margin-bottom:10px!important}.stripe .body{padding:5px 15px!important}.stripe .image-mark{min-height:100%!important;border-left:6px solid transparent;margin:8px 0}.stripe .image-mark-unread{min-height:100%!important;border-left-color:var(--ars-color-error, #ff5449)!important;margin:8px 0}.stripe .stripe-image,.stripe .image{width:150px!important;height:70px!important;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.stripe .stripe-image img,.stripe .image img{object-fit:cover;width:100%;height:100%}.stripe .stripe-info-1,.stripe .info-1{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-text, #191c1b)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-info-2,.stripe .info-2{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-accent, #7894ae)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .buttons{position:absolute;left:0;top:0;height:42px}.stripe .buttons .check,.stripe .buttons .read{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.stripe .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)}.stripe .stripe-date,.stripe .date{padding:0!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-date .date-day,.stripe .date .date-day{color:var(--ars-color-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.stripe .stripe-time,.stripe .time{font-size:small!important;font-weight:700!important}.stripe .stripe-title,.stripe .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.stripe .stripe-title,.stripe .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:#427505;text-transform:uppercase;white-space:nowrap;color:#e0e2e5}.badge-red{background-color:#a80710}.busy-backdrop{background-color:#0000006b!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 .legend:not(:first-of-type){margin-left:10px}@media screen and (max-width:431px){.legend-container{font-size:9px!important}}.special-date,.special-date-expired,.special-date-expiring{border:2px var(--ars-color-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-color-error, #ff5449) solid!important}.special-date-expiring{border:2px var(--ars-color-warning, #FFC107) solid!important}.word-hit-chunk,.word-hit{display:inline-block;font-size:inherit;background-color:var(--ars-word-hit-background-color, #FFEB3B);color:var(--ars-word-hit-color, #191c1b);padding:0 4px;margin:0 4px;border-radius:4px}.word-hit-chunk{background-color:var(--ars-word-chunk-hit-background-color, #8AFF59);color:var(--ars-word-hit-chunk-color, #191c1b)}.message-container{font-size:large;display:flex;justify-content:center;align-items:center;height:50%}.message-container .message{color:var(--ars-color-secondary, #4a635f);text-align:center;padding:40px}.mat-mdc-dialog-content{max-height:unset!important;padding:0!important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { filterPane: [{ type: i0.ViewChild, args: ['filterPane', { isSignal: true }] }] } });
 
 var references_component = /*#__PURE__*/Object.freeze({
@@ -5223,7 +4502,7 @@ class ClipperSearchFreeTextQueryBuilderComponent {
             this.done.emit({ query: query.trim() });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ClipperSearchFreeTextQueryBuilderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: ClipperSearchFreeTextQueryBuilderComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done" }, host: { attributes: { "Bind": SystemUtils.generateUUID() } }, ngImport: i0, template: "<div  mat-dialog-title>Trova gli elementi che contengono...</div>\r\n<mat-dialog-content>\r\n  <form name=\"form\" #f=\"ngForm\" (keyup.Enter)=\"!f.form.invalid ? ok() : null\" novalidate>\r\n    <div fxLayout=\"column\" style=\"padding-bottom: 20px;\">\r\n      <mat-form-field>\r\n        <mat-label>Questa esatta parola o frase</mat-label>\r\n        <input matInput name=\"queryPhrase\" [(ngModel)]=\"queryPhrase\" maxlength=\"200\" />\r\n        @if (queryPhrase) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryPhrase=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>Tutte queste parole</mat-label>\r\n        <input matInput name=\"queryAnd\" [(ngModel)]=\"queryAnd\" maxlength=\"200\" />\r\n        @if (queryAnd) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryAnd=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n        <mat-hint>Separate da virgola</mat-hint>\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>Una qualunque di queste parole</mat-label>\r\n        <input matInput name=\"queryOr\" [(ngModel)]=\"queryOr\" maxlength=\"200\" />\r\n        @if (queryOr) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryOr=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n        <mat-hint>Separate da virgola</mat-hint>\r\n      </mat-form-field>\r\n      <!--\r\n      <mat-form-field>\r\n        <mat-label>Parole che iniziano con</mat-label>\r\n        <input matInput name=\"queryStart\" [(ngModel)]=\"queryStart\" maxlength=\"200\" />\r\n        @if (queryStart) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryStart=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n        <mat-hint>Separate da virgola</mat-hint>\r\n      </mat-form-field>\r\n    -->\r\n      <mat-form-field>\r\n        <mat-label>Nessuna qualunque di queste parole</mat-label>\r\n        <input matInput name=\"queryNot\" [(ngModel)]=\"queryNot\" maxlength=\"200\" />\r\n        @if (queryNot) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryNot=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n        <mat-hint>Separate da virgola. L'operatore di esclusione funziona solo se prima \u00E8 stato inserito un valore in\r\n          almeno uno degli altri quattro campi. </mat-hint>\r\n      </mat-form-field>\r\n    </div>\r\n  </form>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxFlex=\"30\" fxLayoutAlign=\"start\">\r\n      <button type=\"button\" mat-stroked-button (click)=\"clear()\">Pulisci</button>\r\n    </div>\r\n    <div fxFlex=\"70\" fxLayoutAlign=\"end\">\r\n      <button mat-flat-button (click)=\"ok()\">Ok</button>\r\n      <button mat-stroked-button [mat-dialog-close]=\"true\">Annulla</button>\r\n    </div>\r\n  </div>\r\n</mat-dialog-actions>", styles: [""], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.FxLayoutDirective, 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.FxFlexDirective, 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: i1.FxLayoutAlignDirective, 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.FxLayoutGapDirective, 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.FxFlexFillDirective, selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: ClipperSearchFreeTextQueryBuilderComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done" }, host: { attributes: { "Bind": SystemUtils.generateUUID() } }, ngImport: i0, template: "<div  mat-dialog-title>Trova gli elementi che contengono...</div>\r\n<mat-dialog-content>\r\n  <form name=\"form\" #f=\"ngForm\" (keyup.Enter)=\"!f.form.invalid ? ok() : null\" novalidate>\r\n    <div fxLayout=\"column\" style=\"padding-bottom: 20px;\">\r\n      <mat-form-field>\r\n        <mat-label>Questa esatta parola o frase</mat-label>\r\n        <input matInput name=\"queryPhrase\" [(ngModel)]=\"queryPhrase\" maxlength=\"200\" />\r\n        @if (queryPhrase) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryPhrase=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>Tutte queste parole</mat-label>\r\n        <input matInput name=\"queryAnd\" [(ngModel)]=\"queryAnd\" maxlength=\"200\" />\r\n        @if (queryAnd) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryAnd=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n        <mat-hint>Separate da virgola</mat-hint>\r\n      </mat-form-field>\r\n      <mat-form-field>\r\n        <mat-label>Una qualunque di queste parole</mat-label>\r\n        <input matInput name=\"queryOr\" [(ngModel)]=\"queryOr\" maxlength=\"200\" />\r\n        @if (queryOr) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryOr=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n        <mat-hint>Separate da virgola</mat-hint>\r\n      </mat-form-field>\r\n      <!--\r\n      <mat-form-field>\r\n        <mat-label>Parole che iniziano con</mat-label>\r\n        <input matInput name=\"queryStart\" [(ngModel)]=\"queryStart\" maxlength=\"200\" />\r\n        @if (queryStart) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryStart=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n        <mat-hint>Separate da virgola</mat-hint>\r\n      </mat-form-field>\r\n    -->\r\n      <mat-form-field>\r\n        <mat-label>Nessuna qualunque di queste parole</mat-label>\r\n        <input matInput name=\"queryNot\" [(ngModel)]=\"queryNot\" maxlength=\"200\" />\r\n        @if (queryNot) {\r\n        <a matSuffix mat-icon-button aria-label=\"Azzera\" (click)=\"queryNot=''\">\r\n          <mat-icon>close</mat-icon>\r\n        </a>\r\n        }\r\n        <mat-hint>Separate da virgola. L'operatore di esclusione funziona solo se prima \u00E8 stato inserito un valore in\r\n          almeno uno degli altri quattro campi. </mat-hint>\r\n      </mat-form-field>\r\n    </div>\r\n  </form>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxFlex=\"30\" fxLayoutAlign=\"start\">\r\n      <button type=\"button\" mat-stroked-button (click)=\"clear()\">Pulisci</button>\r\n    </div>\r\n    <div fxFlex=\"70\" fxLayoutAlign=\"end\">\r\n      <button mat-flat-button (click)=\"ok()\">Ok</button>\r\n      <button mat-stroked-button [mat-dialog-close]=\"true\">Annulla</button>\r\n    </div>\r\n  </div>\r\n</mat-dialog-actions>", styles: [""], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.FxLayoutDirective, 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.FxFlexDirective, 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: i1.FxLayoutAlignDirective, 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.FxLayoutGapDirective, 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.FxFlexFillDirective, selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ", inputs: ["fxFlexFill", "fxFill", "fxFlexFill.xs", "fxFlexFill.sm", "fxFlexFill.md", "fxFlexFill.lg", "fxFlexFill.xl", "fxFlexFill.lt-sm", "fxFlexFill.lt-md", "fxFlexFill.lt-lg", "fxFlexFill.lt-xl", "fxFlexFill.gt-xs", "fxFlexFill.gt-sm", "fxFlexFill.gt-md", "fxFlexFill.gt-lg"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i11.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i11.MatLabel, selector: "mat-label" }, { kind: "directive", type: i11.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i11.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i12.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ClipperSearchFreeTextQueryBuilderComponent, decorators: [{
             type: Component,
@@ -5244,5 +4523,5 @@ var searchFreeTextQueryBuilder_component = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { ClipperBrowserComponent, ClipperBrowserDialogComponent, ClipperContactEditComponent, ClipperContactsSelector, ClipperDocumentComponent, ClipperDocumentIndexComponent, ClipperDocumentManager, ClipperDocumentMenuComponent, ClipperDocumentsUtils, ClipperNoteBadgeComponent, ClipperNoteEditComponent, ClipperReferencesComponent, ClipperSearchCalendarComponent, ClipperSearchFacetsComponent, ClipperSearchFreeTextHelpComponent, ClipperSearchFreeTextQueryBuilderComponent, ClipperSearchResultItemComponent, ClipperSearchResultItemDisplayMode, ClipperSearchResultManager };
+export { ClipperBrowserComponent, ClipperBrowserDialogComponent, ClipperDocumentComponent, ClipperDocumentIndexComponent, ClipperDocumentManager, ClipperDocumentMenuComponent, ClipperDocumentUtilsService, ClipperDocumentsUtils, ClipperReferencesComponent, ClipperSearchCalendarComponent, ClipperSearchFacetsComponent, ClipperSearchFreeTextHelpComponent, ClipperSearchFreeTextQueryBuilderComponent, ClipperSearchResultItemComponent, ClipperSearchResultItemDisplayMode, ClipperSearchResultManager };
 //# sourceMappingURL=arsedizioni-ars-utils-clipper.ui.mjs.map