@arsedizioni/ars-utils 21.1.11 → 21.1.14

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

@@ -867,7 +867,7 @@ class ClipperDocumentComponent extends ClipperDocumentManager {
         this.url = signal(null, ...(ngDevMode ? [{ debugName: "url" }] : []));
         this.title = signal(null, ...(ngDevMode ? [{ debugName: "title" }] : []));
         this.busy = signal(false, ...(ngDevMode ? [{ debugName: "busy" }] : []));
-        this.lastAugmentedQuery = [];
+        this.lastQueryChunks = '';
         this.lastDocument = {};
         this.relevants = {
             items: [],
@@ -884,9 +884,14 @@ class ClipperDocumentComponent extends ClipperDocumentManager {
     ngOnInit() {
         if (this.dialogData) {
             if (this.dialogData.id) {
+                // Compose query
+                let query = this.dialogData.query ?? '';
+                if (this.dialogData.queryChunks) {
+                    query += '__CHUNKS__' + this.dialogData.id + ':' + this.dialogData.queryChunks;
+                }
                 const url = this.clipperService.serviceUri +
                     "/documents/render/?query=" +
-                    (this.dialogData.queryChunks ?? this.dialogData.query ?? '') +
+                    query +
                     "&theme=" +
                     this.dialogData.theme +
                     "&id=" +
@@ -1045,13 +1050,22 @@ class ClipperDocumentComponent extends ClipperDocumentManager {
                 }
                 catch {
                 }
-                const queryParts = query.split('__TERM__');
+                // Get the id
+                let id = '';
+                p = url.indexOf('id=');
+                while (url.length > p && url[p] !== '&' && url[p] !== '#') {
+                    id += url[p++];
+                }
+                // Split query and chunks
+                const queryParts = query.split('__CHUNKS__');
                 if (queryParts.length > 0) {
                     this.lastQuery = queryParts[0];
                     if (queryParts.length > 1) {
-                        this.lastAugmentedQuery = [];
-                        for (var i = 1; i < queryParts.length; i++) {
-                            this.lastAugmentedQuery.push(queryParts[i]);
+                        const queryChunksParts = queryParts[1].split(':');
+                        if (queryChunksParts.length > 2) {
+                            if (queryChunksParts[0] === id) {
+                                this.lastQueryChunks = queryChunksParts[1];
+                            }
                         }
                     }
                 }
@@ -1247,9 +1261,7 @@ class ClipperDocumentComponent extends ClipperDocumentManager {
      * Update relevant items
      */
     updateRelevants() {
-        const query = this.lastAugmentedQuery.length > 0
-            ? this.lastAugmentedQuery.join("__TERM__")
-            : this.lastQuery;
+        const query = this.lastQuery;
         if (!query ||
             query.length === 0 ||
             query === ' ') {
@@ -1495,7 +1507,7 @@ class ClipperDocumentComponent extends ClipperDocumentManager {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ClipperDocumentComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", 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 }], 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 && 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 && 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 && (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 (hasRelevants() && relevants.hits) {\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n            <div fxFlexAlign=\"center\" class=\"small item-greyed\" style=\"margin-left:20px; margin-right: 5px\"\r\n              matTooltip=\"Parole evidenziate\">{{relevants.hit}}\r\n              di {{relevants.hits}}</div>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button [attr.aria-label]=\"'Vai alla parola precedente'\"\r\n              (click)=\"previousRelevant()\" matTooltip=\"Parola precedente\" [disabled]=\"relevants.hit <= 1\">\r\n              <mat-icon>chevron_left</mat-icon>\r\n            </button>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button [attr.aria-label]=\"'Vai alla prossima parola'\"\r\n              (click)=\"nextRelevant()\" matTooltip=\"Prossima parola\" [disabled]=\"relevants.hit >= relevants.hits\">\r\n              <mat-icon>chevron_right</mat-icon>\r\n            </button>\r\n          </div>\r\n          }\r\n        </div>\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Azioni sul documento\"\r\n          [attr.aria-label]=\"'Azioni da eseguire sul documento'\" [matMenuTriggerFor]=\"menuActions\">\r\n          <mat-icon>more_vert</mat-icon>\r\n        </button>\r\n        <mat-menu #menuActions=\"matMenu\">\r\n          <ng-template matMenuContent let-item=\"lastDocument\">\r\n            <clipper-document-menu [parent]=\"this\" [item]=\"lastDocument\" [canOpenDocument]=\"false\" [canPrint]=\"true\"\r\n              [canFind]=\"true\" [isReadable]=\"false\" [canUseArchive]=\"dialogData.canUseArchive ?? false\"\r\n              [isLawInForce]=\"lastDocument?.model === 9\" selectionSource=\"none\"\r\n              [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 class='word-hit'>{{lastQuery}}</span>\r\n                @if((lastAugmentedQuery?.length ?? 0) > 0) {\r\n                &nbsp; + &nbsp; <span class='word-hit-ai'\r\n                  [matTooltip]=\"'Assistente IA ha considerato anche: ' + lastAugmentedQuery?.join(', ')\"><mat-icon\r\n                    style=\"width:14px; height:14px; font-size:16px\">borg</mat-icon>&nbsp;Assistente&nbsp;IA</span>\r\n                }\r\n              </p>\r\n            </div>\r\n            <div fxFlex=\"*\">\r\n              <nav class=\"relevants-items\">\r\n                <ul>\r\n                  @for (item of relevants.items; track $index) {\r\n                  <li class=\"small\" (click)=\"gotoRelevant(item)\" [attr.aria-label]=\"item.title\">\r\n                    <div fxLayout=\"row\" fxLayoutAlign=\"start start\" fxLayoutGap=\"10px\" fxFill>\r\n                      <div fxFlex=\"*\">\r\n                        {{item.title}}\r\n                      </div>\r\n                      <div fxLayoutAlign=\"end\">\r\n                        @if (item.score > 1.2) {\r\n                        <mat-icon style='font-size:x-small; height: 10px; width:10px'\r\n                          matTooltip=\"Molto rilevante\">thumb_up_alt</mat-icon>\r\n                        }\r\n                      </div>\r\n                    </div>\r\n                  </li>\r\n                  }\r\n                </ul>\r\n              </nav>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </mat-drawer>\r\n    <div class=\"fill scroll-hidden\">\r\n      <iframe id=\"clipper-document-iframe\" class=\"iframe\" [src]=\"url() | safeUrl\"></iframe>\r\n    </div>\r\n  </mat-drawer-container>\r\n</mat-dialog-content>", styles: [".dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-close{margin-right: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}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important}.smaller{font-size:smaller!important}.small{font-size:small!important;line-height:16px!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:14px!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-small .title-container{padding:20px 5px 20px 0}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 5px 20px 0}.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}}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b{font-weight:600}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.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}.expired{color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-warning, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.popular-bg,.closed-bg{background-color:var(--ars-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:600!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-weight:600!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-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-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-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-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}::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}.word-hit{font-size:inherit;background-color:var(--ars-word-hit-background-color, #FFEB3B);color:var(--ars-word-hit-color, #191c1b);padding:0 4px}.word-hit-ai{font-size:inherit;background-color:var(--ars-word-hit-ai-background-color, #8AFF59);color:var(--ars-word-hit-ai-color, #191c1b);padding:0 4px;display:inline-block}.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!important}\n"], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i1.DefaultFlexAlignDirective, selector: "  [fxFlexAlign], [fxFlexAlign.xs], [fxFlexAlign.sm], [fxFlexAlign.md],  [fxFlexAlign.lg], [fxFlexAlign.xl], [fxFlexAlign.lt-sm], [fxFlexAlign.lt-md],  [fxFlexAlign.lt-lg], [fxFlexAlign.lt-xl], [fxFlexAlign.gt-xs], [fxFlexAlign.gt-sm],  [fxFlexAlign.gt-md], [fxFlexAlign.gt-lg]", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg"] }, { kind: "directive", type: i1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i2$2.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.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$1.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: i6.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i7.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: i8.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i8.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", "canUseAIAssistant", "canUseRS", "canOpenDocument"] }, { kind: "pipe", type: SafeUrlPipe, name: "safeUrl" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", 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 }], 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 && 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 && 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 && (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 (hasRelevants() && relevants.hits) {\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n            <div fxFlexAlign=\"center\" class=\"small item-greyed\" style=\"margin-left:20px; margin-right: 5px\"\r\n              matTooltip=\"Parole evidenziate\">{{relevants.hit}}\r\n              di {{relevants.hits}}</div>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button [attr.aria-label]=\"'Vai alla parola precedente'\"\r\n              (click)=\"previousRelevant()\" matTooltip=\"Parola precedente\" [disabled]=\"relevants.hit <= 1\">\r\n              <mat-icon>chevron_left</mat-icon>\r\n            </button>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button [attr.aria-label]=\"'Vai alla prossima parola'\"\r\n              (click)=\"nextRelevant()\" matTooltip=\"Prossima parola\" [disabled]=\"relevants.hit >= relevants.hits\">\r\n              <mat-icon>chevron_right</mat-icon>\r\n            </button>\r\n          </div>\r\n          }\r\n        </div>\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Azioni sul documento\"\r\n          [attr.aria-label]=\"'Azioni da eseguire sul documento'\" [matMenuTriggerFor]=\"menuActions\">\r\n          <mat-icon>more_vert</mat-icon>\r\n        </button>\r\n        <mat-menu #menuActions=\"matMenu\">\r\n          <ng-template matMenuContent let-item=\"lastDocument\">\r\n            <clipper-document-menu [parent]=\"this\" [item]=\"lastDocument\" [canOpenDocument]=\"false\" [canPrint]=\"true\"\r\n              [canFind]=\"true\" [isReadable]=\"false\" [canUseArchive]=\"dialogData.canUseArchive ?? false\"\r\n              [isLawInForce]=\"lastDocument?.model === 9\" selectionSource=\"none\"\r\n              [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 class='word-hit'>{{lastQuery}}</span>                \r\n              </p>\r\n            </div>\r\n            <div fxFlex=\"*\">\r\n              <nav class=\"relevants-items\">\r\n                <ul>\r\n                  @for (item of relevants.items; track $index) {\r\n                  <li class=\"small\" (click)=\"gotoRelevant(item)\" [attr.aria-label]=\"item.title\">\r\n                    <div fxLayout=\"row\" fxLayoutAlign=\"start start\" fxLayoutGap=\"10px\" fxFill>\r\n                      <div fxFlex=\"*\">\r\n                        {{item.title}}\r\n                      </div>\r\n                      <div fxLayoutAlign=\"end\">\r\n                        @if (item.score > 1.2) {\r\n                        <mat-icon style='font-size:x-small; height: 10px; width:10px'\r\n                          matTooltip=\"Molto rilevante\">thumb_up_alt</mat-icon>\r\n                        }\r\n                      </div>\r\n                    </div>\r\n                  </li>\r\n                  }\r\n                </ul>\r\n              </nav>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </mat-drawer>\r\n    <div class=\"fill scroll-hidden\">\r\n      <iframe id=\"clipper-document-iframe\" class=\"iframe\" [src]=\"url() | safeUrl\"></iframe>\r\n    </div>\r\n  </mat-drawer-container>\r\n</mat-dialog-content>", styles: [".dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-close{margin-right: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}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important}.smaller{font-size:smaller!important}.small{font-size:small!important;line-height:16px!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:14px!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-small .title-container{padding:20px 5px 20px 0}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 5px 20px 0}.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}}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b{font-weight:600}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.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}.expired{color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-warning, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.popular-bg,.closed-bg{background-color:var(--ars-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:600!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-weight:600!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-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-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-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-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}::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}.word-hit{font-size:inherit;background-color:var(--ars-word-hit-background-color, #FFEB3B);color:var(--ars-word-hit-color, #191c1b);padding:0 4px}.word-hit-ai{font-size:inherit;background-color:var(--ars-word-hit-ai-background-color, #8AFF59);color:var(--ars-word-hit-ai-color, #191c1b);padding:0 4px;display:inline-block}.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!important}\n"], dependencies: [{ kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i1.DefaultFlexAlignDirective, selector: "  [fxFlexAlign], [fxFlexAlign.xs], [fxFlexAlign.sm], [fxFlexAlign.md],  [fxFlexAlign.lg], [fxFlexAlign.xl], [fxFlexAlign.lt-sm], [fxFlexAlign.lt-md],  [fxFlexAlign.lt-lg], [fxFlexAlign.lt-xl], [fxFlexAlign.gt-xs], [fxFlexAlign.gt-sm],  [fxFlexAlign.gt-md], [fxFlexAlign.gt-lg]", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg"] }, { kind: "directive", type: i1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i2$2.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.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$1.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: i6.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i7.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: i8.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i8.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", "canUseAIAssistant", "canUseRS", "canOpenDocument"] }, { kind: "pipe", type: SafeUrlPipe, name: "safeUrl" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ClipperDocumentComponent, decorators: [{
             type: Component,
@@ -1511,7 +1523,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
                         MatSidenavModule,
                         SafeUrlPipe,
                         ClipperDocumentMenuComponent
-                    ], 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 && 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 && 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 && (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 (hasRelevants() && relevants.hits) {\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n            <div fxFlexAlign=\"center\" class=\"small item-greyed\" style=\"margin-left:20px; margin-right: 5px\"\r\n              matTooltip=\"Parole evidenziate\">{{relevants.hit}}\r\n              di {{relevants.hits}}</div>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button [attr.aria-label]=\"'Vai alla parola precedente'\"\r\n              (click)=\"previousRelevant()\" matTooltip=\"Parola precedente\" [disabled]=\"relevants.hit <= 1\">\r\n              <mat-icon>chevron_left</mat-icon>\r\n            </button>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button [attr.aria-label]=\"'Vai alla prossima parola'\"\r\n              (click)=\"nextRelevant()\" matTooltip=\"Prossima parola\" [disabled]=\"relevants.hit >= relevants.hits\">\r\n              <mat-icon>chevron_right</mat-icon>\r\n            </button>\r\n          </div>\r\n          }\r\n        </div>\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Azioni sul documento\"\r\n          [attr.aria-label]=\"'Azioni da eseguire sul documento'\" [matMenuTriggerFor]=\"menuActions\">\r\n          <mat-icon>more_vert</mat-icon>\r\n        </button>\r\n        <mat-menu #menuActions=\"matMenu\">\r\n          <ng-template matMenuContent let-item=\"lastDocument\">\r\n            <clipper-document-menu [parent]=\"this\" [item]=\"lastDocument\" [canOpenDocument]=\"false\" [canPrint]=\"true\"\r\n              [canFind]=\"true\" [isReadable]=\"false\" [canUseArchive]=\"dialogData.canUseArchive ?? false\"\r\n              [isLawInForce]=\"lastDocument?.model === 9\" selectionSource=\"none\"\r\n              [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 class='word-hit'>{{lastQuery}}</span>\r\n                @if((lastAugmentedQuery?.length ?? 0) > 0) {\r\n                &nbsp; + &nbsp; <span class='word-hit-ai'\r\n                  [matTooltip]=\"'Assistente IA ha considerato anche: ' + lastAugmentedQuery?.join(', ')\"><mat-icon\r\n                    style=\"width:14px; height:14px; font-size:16px\">borg</mat-icon>&nbsp;Assistente&nbsp;IA</span>\r\n                }\r\n              </p>\r\n            </div>\r\n            <div fxFlex=\"*\">\r\n              <nav class=\"relevants-items\">\r\n                <ul>\r\n                  @for (item of relevants.items; track $index) {\r\n                  <li class=\"small\" (click)=\"gotoRelevant(item)\" [attr.aria-label]=\"item.title\">\r\n                    <div fxLayout=\"row\" fxLayoutAlign=\"start start\" fxLayoutGap=\"10px\" fxFill>\r\n                      <div fxFlex=\"*\">\r\n                        {{item.title}}\r\n                      </div>\r\n                      <div fxLayoutAlign=\"end\">\r\n                        @if (item.score > 1.2) {\r\n                        <mat-icon style='font-size:x-small; height: 10px; width:10px'\r\n                          matTooltip=\"Molto rilevante\">thumb_up_alt</mat-icon>\r\n                        }\r\n                      </div>\r\n                    </div>\r\n                  </li>\r\n                  }\r\n                </ul>\r\n              </nav>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </mat-drawer>\r\n    <div class=\"fill scroll-hidden\">\r\n      <iframe id=\"clipper-document-iframe\" class=\"iframe\" [src]=\"url() | safeUrl\"></iframe>\r\n    </div>\r\n  </mat-drawer-container>\r\n</mat-dialog-content>", styles: [".dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-close{margin-right: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}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important}.smaller{font-size:smaller!important}.small{font-size:small!important;line-height:16px!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:14px!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-small .title-container{padding:20px 5px 20px 0}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 5px 20px 0}.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}}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b{font-weight:600}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.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}.expired{color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-warning, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.popular-bg,.closed-bg{background-color:var(--ars-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:600!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-weight:600!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-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-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-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-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}::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}.word-hit{font-size:inherit;background-color:var(--ars-word-hit-background-color, #FFEB3B);color:var(--ars-word-hit-color, #191c1b);padding:0 4px}.word-hit-ai{font-size:inherit;background-color:var(--ars-word-hit-ai-background-color, #8AFF59);color:var(--ars-word-hit-ai-color, #191c1b);padding:0 4px;display:inline-block}.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!important}\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 && 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 && 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 && (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 (hasRelevants() && relevants.hits) {\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n            <div fxFlexAlign=\"center\" class=\"small item-greyed\" style=\"margin-left:20px; margin-right: 5px\"\r\n              matTooltip=\"Parole evidenziate\">{{relevants.hit}}\r\n              di {{relevants.hits}}</div>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button [attr.aria-label]=\"'Vai alla parola precedente'\"\r\n              (click)=\"previousRelevant()\" matTooltip=\"Parola precedente\" [disabled]=\"relevants.hit <= 1\">\r\n              <mat-icon>chevron_left</mat-icon>\r\n            </button>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button [attr.aria-label]=\"'Vai alla prossima parola'\"\r\n              (click)=\"nextRelevant()\" matTooltip=\"Prossima parola\" [disabled]=\"relevants.hit >= relevants.hits\">\r\n              <mat-icon>chevron_right</mat-icon>\r\n            </button>\r\n          </div>\r\n          }\r\n        </div>\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Azioni sul documento\"\r\n          [attr.aria-label]=\"'Azioni da eseguire sul documento'\" [matMenuTriggerFor]=\"menuActions\">\r\n          <mat-icon>more_vert</mat-icon>\r\n        </button>\r\n        <mat-menu #menuActions=\"matMenu\">\r\n          <ng-template matMenuContent let-item=\"lastDocument\">\r\n            <clipper-document-menu [parent]=\"this\" [item]=\"lastDocument\" [canOpenDocument]=\"false\" [canPrint]=\"true\"\r\n              [canFind]=\"true\" [isReadable]=\"false\" [canUseArchive]=\"dialogData.canUseArchive ?? false\"\r\n              [isLawInForce]=\"lastDocument?.model === 9\" selectionSource=\"none\"\r\n              [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 class='word-hit'>{{lastQuery}}</span>                \r\n              </p>\r\n            </div>\r\n            <div fxFlex=\"*\">\r\n              <nav class=\"relevants-items\">\r\n                <ul>\r\n                  @for (item of relevants.items; track $index) {\r\n                  <li class=\"small\" (click)=\"gotoRelevant(item)\" [attr.aria-label]=\"item.title\">\r\n                    <div fxLayout=\"row\" fxLayoutAlign=\"start start\" fxLayoutGap=\"10px\" fxFill>\r\n                      <div fxFlex=\"*\">\r\n                        {{item.title}}\r\n                      </div>\r\n                      <div fxLayoutAlign=\"end\">\r\n                        @if (item.score > 1.2) {\r\n                        <mat-icon style='font-size:x-small; height: 10px; width:10px'\r\n                          matTooltip=\"Molto rilevante\">thumb_up_alt</mat-icon>\r\n                        }\r\n                      </div>\r\n                    </div>\r\n                  </li>\r\n                  }\r\n                </ul>\r\n              </nav>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </mat-drawer>\r\n    <div class=\"fill scroll-hidden\">\r\n      <iframe id=\"clipper-document-iframe\" class=\"iframe\" [src]=\"url() | safeUrl\"></iframe>\r\n    </div>\r\n  </mat-drawer-container>\r\n</mat-dialog-content>", styles: [".dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-close{margin-right: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}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important}.smaller{font-size:smaller!important}.small{font-size:small!important;line-height:16px!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:14px!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-small .title-container{padding:20px 5px 20px 0}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 5px 20px 0}.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}}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b{font-weight:600}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.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}.expired{color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-warning, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.popular-bg,.closed-bg{background-color:var(--ars-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:600!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-weight:600!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-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-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-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-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}::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}.word-hit{font-size:inherit;background-color:var(--ars-word-hit-background-color, #FFEB3B);color:var(--ars-word-hit-color, #191c1b);padding:0 4px}.word-hit-ai{font-size:inherit;background-color:var(--ars-word-hit-ai-background-color, #8AFF59);color:var(--ars-word-hit-ai-color, #191c1b);padding:0 4px;display:inline-block}.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!important}\n"] }]
         }], propDecorators: { relevantsPane: [{ type: i0.ViewChild, args: ['relevantsPane', { isSignal: true }] }], closing: [{ type: i0.Output, args: ["closing"] }], opening: [{ type: i0.Output, args: ["opening"] }] } });
 
 class ClipperDocumentsUtils {
@@ -2486,9 +2498,9 @@ class ClipperSearchResultItemComponent {
      * Get the chunks info for the current item
      * @returns the chunks info string or undefined
      */
-    getChunks() {
+    getQueryChunks() {
         if (this.item().chunks && this.item().chunks.length > 0) {
-            let chunks = "chunks:";
+            let chunks = '';
             let count = 0;
             this.item().chunks.forEach((chunk, index) => {
                 if (chunk <= 0)
@@ -2528,7 +2540,7 @@ class ClipperSearchResultItemComponent {
     }
     ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ClipperSearchResultItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", 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 } }, 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        @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, getChunks())\"\r\n            [attr.aria-label]=\"'Apri documento ' + item().title1\">{{item().title1 ?? item().title2}}</a>\r\n          @if (item().part > 0) {\r\n          <span class=\"badge\">PARTE {{item().part}}</span>\r\n          }\r\n          @if (item().isCommented) {\r\n          <span class=\"badge\">COMMENTATA</span>\r\n          }\r\n          @if (item().validityState > 0) {\r\n          <span class=\"badge-red\">{{item().validityDescription}}</span>\r\n          }\r\n        </div>\r\n        @if(item().description && item().model === modelsEnum.Coordinamento) {\r\n        <div class=\"title\">{{item().description}}</div>\r\n        }\r\n        @if (item().title2 &&\r\n        item().model !== modelsEnum.Coordinamento &&\r\n        item().model !== modelsEnum.News &&\r\n        item().model !== modelsEnum.AllerteAlimentari &&\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\" [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) {\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, getChunks())\" [matTooltip]=\"a.title\">{{a.text}} @if\r\n                (a.veryRelevant) {\r\n                <sup>\r\n                  <mat-icon style='font-size:x-small; height: 10px; width:10px' \r\n                    matTooltip=\"Molto rilevante\">thumb_up_alt</mat-icon>\r\n                </sup>\r\n                }</a>\r\n              }\r\n              @if (!a.uri && a.text) {\r\n              <span>{{a.text}}</span>\r\n              }\r\n            </span>\r\n            }\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (item().taxonomy?.length > 0) {\r\n        <div class=\"details\">\r\n          <div>ARGOMENTI</div>\r\n          <div class=\"links\">\r\n            @for (n of item().taxonomy?.split('\\r\\n'); track $index) {\r\n            <div class=\"link\">\r\n              {{n}}\r\n            </div>\r\n            }\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (item().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      @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())\"\r\n        [attr.aria-label]=\"'Aggiungi al tuo calendario'\" [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, getChunks())\">\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, getChunks())\">\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: [".dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-close{margin-right: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}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important}.smaller{font-size:smaller!important}.small{font-size:small!important;line-height:16px!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:14px!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-small .title-container{padding:20px 5px 20px 0}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 5px 20px 0}.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}}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b{font-weight:600}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.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}.expired{color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-warning, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.popular-bg,.closed-bg{background-color:var(--ars-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:600!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-weight:600!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-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-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-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-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}\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$1.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: i6.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: i6.MatContextMenuTrigger, selector: "[matContextMenuTriggerFor]", inputs: ["matContextMenuTriggerFor", "matContextMenuTriggerData", "matContextMenuTriggerRestoreFocus", "matContextMenuTriggerDisabled"], outputs: ["menuOpened", "menuClosed"], exportAs: ["matContextMenuTrigger"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i1.DefaultFlexAlignDirective, selector: "  [fxFlexAlign], [fxFlexAlign.xs], [fxFlexAlign.sm], [fxFlexAlign.md],  [fxFlexAlign.lg], [fxFlexAlign.xl], [fxFlexAlign.lt-sm], [fxFlexAlign.lt-md],  [fxFlexAlign.lt-lg], [fxFlexAlign.lt-xl], [fxFlexAlign.gt-xs], [fxFlexAlign.gt-sm],  [fxFlexAlign.gt-md], [fxFlexAlign.gt-lg]", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg"] }, { kind: "directive", type: i1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i2$2.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "pipe", type: FormatPipe, name: "format" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", 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 } }, 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        @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, getQueryChunks())\"\r\n            [attr.aria-label]=\"'Apri documento ' + item().title1\">{{item().title1 ?? item().title2}}</a>\r\n          @if (item().part > 0) {\r\n          <span class=\"badge\">PARTE {{item().part}}</span>\r\n          }\r\n          @if (item().isCommented) {\r\n          <span class=\"badge\">COMMENTATA</span>\r\n          }\r\n          @if (item().validityState > 0) {\r\n          <span class=\"badge-red\">{{item().validityDescription}}</span>\r\n          }\r\n        </div>\r\n        @if(item().description && item().model === modelsEnum.Coordinamento) {\r\n        <div class=\"title\">{{item().description}}</div>\r\n        }\r\n        @if (item().title2 &&\r\n        item().model !== modelsEnum.Coordinamento &&\r\n        item().model !== modelsEnum.News &&\r\n        item().model !== modelsEnum.AllerteAlimentari &&\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\" [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) {\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, getQueryChunks())\" [matTooltip]=\"a.title\">{{a.text}} @if\r\n                (a.veryRelevant) {\r\n                <sup>\r\n                  <mat-icon style='font-size:x-small; height: 10px; width:10px' \r\n                    matTooltip=\"Molto rilevante\">thumb_up_alt</mat-icon>\r\n                </sup>\r\n                }</a>\r\n              }\r\n              @if (!a.uri && a.text) {\r\n              <span>{{a.text}}</span>\r\n              }\r\n            </span>\r\n            }\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (item().taxonomy?.length > 0) {\r\n        <div class=\"details\">\r\n          <div>ARGOMENTI</div>\r\n          <div class=\"links\">\r\n            @for (n of item().taxonomy?.split('\\r\\n'); track $index) {\r\n            <div class=\"link\">\r\n              {{n}}\r\n            </div>\r\n            }\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (item().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      @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())\"\r\n        [attr.aria-label]=\"'Aggiungi al tuo calendario'\" [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, getQueryChunks())\">\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, getQueryChunks())\">\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: [".dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-close{margin-right: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}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important}.smaller{font-size:smaller!important}.small{font-size:small!important;line-height:16px!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:14px!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-small .title-container{padding:20px 5px 20px 0}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 5px 20px 0}.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}}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b{font-weight:600}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.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}.expired{color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-warning, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.popular-bg,.closed-bg{background-color:var(--ars-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:600!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-weight:600!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-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-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-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-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}\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$1.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: i6.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: i6.MatContextMenuTrigger, selector: "[matContextMenuTriggerFor]", inputs: ["matContextMenuTriggerFor", "matContextMenuTriggerData", "matContextMenuTriggerRestoreFocus", "matContextMenuTriggerDisabled"], outputs: ["menuOpened", "menuClosed"], exportAs: ["matContextMenuTrigger"] }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i1.DefaultFlexAlignDirective, selector: "  [fxFlexAlign], [fxFlexAlign.xs], [fxFlexAlign.sm], [fxFlexAlign.md],  [fxFlexAlign.lg], [fxFlexAlign.xl], [fxFlexAlign.lt-sm], [fxFlexAlign.lt-md],  [fxFlexAlign.lt-lg], [fxFlexAlign.lt-xl], [fxFlexAlign.gt-xs], [fxFlexAlign.gt-sm],  [fxFlexAlign.gt-md], [fxFlexAlign.gt-lg]", inputs: ["fxFlexAlign", "fxFlexAlign.xs", "fxFlexAlign.sm", "fxFlexAlign.md", "fxFlexAlign.lg", "fxFlexAlign.xl", "fxFlexAlign.lt-sm", "fxFlexAlign.lt-md", "fxFlexAlign.lt-lg", "fxFlexAlign.lt-xl", "fxFlexAlign.gt-xs", "fxFlexAlign.gt-sm", "fxFlexAlign.gt-md", "fxFlexAlign.gt-lg"] }, { kind: "directive", type: i1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i2$2.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "pipe", type: FormatPipe, name: "format" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ClipperSearchResultItemComponent, decorators: [{
             type: Component,
@@ -2540,7 +2552,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
                         MatMenuModule,
                         FlexLayoutModule,
                         FormatPipe
-                    ], template: "<div>\r\n  @if (displayMode() === displayModesEnum.List ) {\r\n  <div class=\"item\" fxLayout=\"row\" fxLayoutGap=\"6px\" fxLayoutAlign=\"start center\" fxFill\r\n    [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        @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, getChunks())\"\r\n            [attr.aria-label]=\"'Apri documento ' + item().title1\">{{item().title1 ?? item().title2}}</a>\r\n          @if (item().part > 0) {\r\n          <span class=\"badge\">PARTE {{item().part}}</span>\r\n          }\r\n          @if (item().isCommented) {\r\n          <span class=\"badge\">COMMENTATA</span>\r\n          }\r\n          @if (item().validityState > 0) {\r\n          <span class=\"badge-red\">{{item().validityDescription}}</span>\r\n          }\r\n        </div>\r\n        @if(item().description && item().model === modelsEnum.Coordinamento) {\r\n        <div class=\"title\">{{item().description}}</div>\r\n        }\r\n        @if (item().title2 &&\r\n        item().model !== modelsEnum.Coordinamento &&\r\n        item().model !== modelsEnum.News &&\r\n        item().model !== modelsEnum.AllerteAlimentari &&\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\" [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) {\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, getChunks())\" [matTooltip]=\"a.title\">{{a.text}} @if\r\n                (a.veryRelevant) {\r\n                <sup>\r\n                  <mat-icon style='font-size:x-small; height: 10px; width:10px' \r\n                    matTooltip=\"Molto rilevante\">thumb_up_alt</mat-icon>\r\n                </sup>\r\n                }</a>\r\n              }\r\n              @if (!a.uri && a.text) {\r\n              <span>{{a.text}}</span>\r\n              }\r\n            </span>\r\n            }\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (item().taxonomy?.length > 0) {\r\n        <div class=\"details\">\r\n          <div>ARGOMENTI</div>\r\n          <div class=\"links\">\r\n            @for (n of item().taxonomy?.split('\\r\\n'); track $index) {\r\n            <div class=\"link\">\r\n              {{n}}\r\n            </div>\r\n            }\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (item().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      @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())\"\r\n        [attr.aria-label]=\"'Aggiungi al tuo calendario'\" [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, getChunks())\">\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, getChunks())\">\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: [".dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-close{margin-right: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}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important}.smaller{font-size:smaller!important}.small{font-size:small!important;line-height:16px!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:14px!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-small .title-container{padding:20px 5px 20px 0}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 5px 20px 0}.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}}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b{font-weight:600}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.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}.expired{color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-warning, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.popular-bg,.closed-bg{background-color:var(--ars-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:600!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-weight:600!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-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-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-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-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}\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        @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, getQueryChunks())\"\r\n            [attr.aria-label]=\"'Apri documento ' + item().title1\">{{item().title1 ?? item().title2}}</a>\r\n          @if (item().part > 0) {\r\n          <span class=\"badge\">PARTE {{item().part}}</span>\r\n          }\r\n          @if (item().isCommented) {\r\n          <span class=\"badge\">COMMENTATA</span>\r\n          }\r\n          @if (item().validityState > 0) {\r\n          <span class=\"badge-red\">{{item().validityDescription}}</span>\r\n          }\r\n        </div>\r\n        @if(item().description && item().model === modelsEnum.Coordinamento) {\r\n        <div class=\"title\">{{item().description}}</div>\r\n        }\r\n        @if (item().title2 &&\r\n        item().model !== modelsEnum.Coordinamento &&\r\n        item().model !== modelsEnum.News &&\r\n        item().model !== modelsEnum.AllerteAlimentari &&\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\" [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) {\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, getQueryChunks())\" [matTooltip]=\"a.title\">{{a.text}} @if\r\n                (a.veryRelevant) {\r\n                <sup>\r\n                  <mat-icon style='font-size:x-small; height: 10px; width:10px' \r\n                    matTooltip=\"Molto rilevante\">thumb_up_alt</mat-icon>\r\n                </sup>\r\n                }</a>\r\n              }\r\n              @if (!a.uri && a.text) {\r\n              <span>{{a.text}}</span>\r\n              }\r\n            </span>\r\n            }\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (item().taxonomy?.length > 0) {\r\n        <div class=\"details\">\r\n          <div>ARGOMENTI</div>\r\n          <div class=\"links\">\r\n            @for (n of item().taxonomy?.split('\\r\\n'); track $index) {\r\n            <div class=\"link\">\r\n              {{n}}\r\n            </div>\r\n            }\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (item().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      @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())\"\r\n        [attr.aria-label]=\"'Aggiungi al tuo calendario'\" [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, getQueryChunks())\">\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, getQueryChunks())\">\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: [".dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-close{margin-right: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}.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.fill{min-width:100%!important;max-width:100%!important;width:100%!important;min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important}.smaller{font-size:smaller!important}.small{font-size:small!important;line-height:16px!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:14px!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-small .title-container{padding:20px 5px 20px 0}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding:14px 5px 20px 0}.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}}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b{font-weight:600}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.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}.expired{color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-warning, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.popular-bg,.closed-bg{background-color:var(--ars-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:600!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-weight:600!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-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-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-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-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}\n"] }]
         }], propDecorators: { parent: [{ type: i0.Input, args: [{ isSignal: true, alias: "parent", required: true }] }], item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }], 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 ClipperReferencesComponent extends ClipperSearchResultManager {
@@ -4008,7 +4020,6 @@ class ClipperBrowserComponent extends ClipperSearchResultManager {
                     if (this.paginator()) {
                         this.paginator().pageIndex = 0;
                     }
-                    this.filterParams.augmentedText = r.value.terms?.join("__TERM__");
                 }
                 this.scroll(0);
                 this.handleFilterPaneVisibility();