npm - @arsedizioni/ars-utils - Versions diffs - 18.1.70 → 18.1.71 - Mend

@arsedizioni/ars-utils 18.1.70 → 18.1.71

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (39) hide show

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

@@ -533,11 +533,11 @@ class ClipperSearchFacetsComponent {
         this.type = null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ClipperSearchFacetsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: ClipperSearchFacetsComponent, isStandalone: true, selector: "clipper-search-facets", inputs: { busy: "busy" }, outputs: { changed: "changed" }, ngImport: i0, template: "<div fxLayout=\"column\" fxFill style=\"overflow: hidden;\">\r\n  <div>\r\n    @if (usedGroups.length > 0) {\r\n<div class=\"small\" style=\"padding-left: 15px\">\r\n      <div>Selezione:</div>\r\n      <div class=\"facets-selection\">\r\n        @for (ug of usedGroups; track ug) {\r\n  <div fxLayout=\"row\" fxLayoutGap=\"5px\" fxFill>\r\n          <div fxFlexAlign=\"center\" class=\"small item-greyed-1 bold\">{{ug.name}}:</div>\r\n          <div fxFlex=\"*\" fxFlexAlign=\"center\" class=\"small truncated bold\">\r\n            <div>{{ug.selectedValueDescription}}</div>\r\n          </div>\r\n          <div fxLayoutAlign=\"end\">\r\n            <button fxFlexAlign=\"center\" mat-icon-button class=\"small-icon-button\" matTooltip=\"Rimuovi\"\r\n              (click)=\"dismiss(ug)\" color=\"primary\">\r\n              <mat-icon>remove</mat-icon>\r\n            </button>\r\n          </div>\r\n        </div>\r\n}\r\n      </div>\r\n      <mat-divider></mat-divider>\r\n    </div>\r\n}\r\n    @if (busy) {\r\n<div style=\"padding: 15px\">\r\n      <p>Sto calcolando...</p>\r\n    </div>\r\n}\r\n  </div>\r\n  @if (!busy) {\r\n<div fxFlex=\"100\" style=\"overflow: auto\">\r\n    <div class=\"facets-items-container\">\r\n      @for (group of groups; track group; let i = $index) {\r\n  <mat-accordion displayMode=\"flat\" class=\"mat-elevation-z0\">\r\n        <mat-expansion-panel class=\"facets-panel mat-elevation-z0\" [expanded]=\"i == 0\" hideToggle=\"false\">\r\n          <mat-expansion-panel-header class=\"facets-header\" [collapsedHeight]=\"'40px'\" [expandedHeight]=\"'40px'\"\r\n            [attr.aria-label]=\"group.name\">\r\n            <mat-panel-title>\r\n              @if (group.index == 2 && interval) {\r\n<div style=\"width: 180px\">{{interval}} &nbsp;\r\n                ({{group.values.length}})\r\n              </div>\r\n}\r\n              @if (group.index != 2 || !interval) {\r\n<div style=\"width: 180px\">{{group.name}} &nbsp;\r\n                ({{group.values.length}}) </div>\r\n}\r\n            </mat-panel-title>\r\n            <mat-panel-description>\r\n              <div style=\"width:100%\"></div>\r\n            </mat-panel-description>\r\n          </mat-expansion-panel-header>\r\n          <nav class=\"facets-items\">\r\n            <ul>\r\n              @for (item of group.values; track item) {\r\n  <li class=\"small\" (click)=\"use(group, item)\"\r\n                [attr.aria-label]=\"item.title\">\r\n                <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill fxFlexAlign=\"center\">\r\n                  <div fxFlex=\"*\" class=\"truncated\">\r\n                    <div>{{item.title}}</div>\r\n                  </div>\r\n                  <div fxLayoutAlign=\"end\">\r\n                    {{hasTooManyResults ? '~' : ''}}{{item.count}}\r\n                  </div>\r\n                </div>\r\n              </li>\r\n}\r\n            </ul>\r\n          </nav>\r\n        </mat-expansion-panel>\r\n      </mat-accordion>\r\n}\r\n    </div>\r\n  </div>\r\n}\r\n</div>", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}::ng-deep .facets-panel .mat-expansion-panel-body{padding:0 0 5px 15px;background-color:#f8f8f8}::ng-deep .facets-panel .mat-expansion-panel-header{padding-right:15px;background-color:#f8f8f8}.facets-panel .mat-expansion-panel,.facets-panel .mat-expansion-panel:hover,.facets-panel .mat-expansion-panel.mat-expanded,.facets-panel .mat-expansion-panel.mat-expanded:hover{border-radius:0!important;background-color:#f8f8f8}.facets-header{padding-left:10px!important}.facets-items{overflow:hidden;padding-right:6px}.facets-items ul{list-style-type:none;padding:0;margin:0}.facets-items ul li{padding:6px;display:block;color:#2d2e2e}.facets-items ul li a{color:inherit;text-decoration:none;display:block}.facets-items ul li:hover{background-color:#fff;cursor:pointer}.factes-items-container{width:235px;padding-top:5px;padding-left:5px}.facets-selection{padding:8px 2px 10px 8px}\n"], dependencies: [{ kind: "ngmodule", type: FlexModule }, { kind: "directive", type: i6.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: i6.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: i6.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: i6.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i6.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: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i6$1.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i6$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i6$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i6$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i6$1.MatExpansionPanelDescription, selector: "mat-panel-description" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: ClipperSearchFacetsComponent, isStandalone: true, selector: "clipper-search-facets", inputs: { busy: "busy" }, outputs: { changed: "changed" }, ngImport: i0, template: "<div fxLayout=\"column\" fxFill style=\"overflow: hidden;\">\r\n  <div>\r\n    @if (usedGroups.length > 0) {\r\n<div class=\"small\" style=\"padding-left: 15px\">\r\n      <div>Selezione:</div>\r\n      <div class=\"facets-selection\">\r\n        @for (ug of usedGroups; track ug) {\r\n  <div fxLayout=\"row\" fxLayoutGap=\"5px\" fxFill>\r\n          <div fxFlexAlign=\"center\" class=\"small item-greyed-1 bold\">{{ug.name}}:</div>\r\n          <div fxFlex=\"*\" fxFlexAlign=\"center\" class=\"small truncated bold\">\r\n            <div>{{ug.selectedValueDescription}}</div>\r\n          </div>\r\n          <div fxLayoutAlign=\"end\">\r\n            <button fxFlexAlign=\"center\" mat-icon-button class=\"small-icon-button\" matTooltip=\"Rimuovi\"\r\n              (click)=\"dismiss(ug)\" color=\"primary\">\r\n              <mat-icon>remove</mat-icon>\r\n            </button>\r\n          </div>\r\n        </div>\r\n}\r\n      </div>\r\n      <mat-divider></mat-divider>\r\n    </div>\r\n}\r\n    @if (busy) {\r\n<div style=\"padding: 15px\">\r\n      <p>Sto calcolando...</p>\r\n    </div>\r\n}\r\n  </div>\r\n  @if (!busy) {\r\n<div fxFlex=\"100\" style=\"overflow: auto\">\r\n    <div class=\"facets-items-container\">\r\n      @for (group of groups; track group; let i = $index) {\r\n  <mat-accordion displayMode=\"flat\" class=\"mat-elevation-z0\">\r\n        <mat-expansion-panel class=\"facets-panel mat-elevation-z0\" [expanded]=\"i == 0\" hideToggle=\"false\">\r\n          <mat-expansion-panel-header class=\"facets-header\" [collapsedHeight]=\"'40px'\" [expandedHeight]=\"'40px'\"\r\n            [attr.aria-label]=\"group.name\">\r\n            <mat-panel-title>\r\n              @if (group.index == 2 && interval) {\r\n<div style=\"width: 180px\">{{interval}} &nbsp;\r\n                ({{group.values.length}})\r\n              </div>\r\n}\r\n              @if (group.index != 2 || !interval) {\r\n<div style=\"width: 180px\">{{group.name}} &nbsp;\r\n                ({{group.values.length}}) </div>\r\n}\r\n            </mat-panel-title>\r\n            <mat-panel-description>\r\n              <div style=\"width:100%\"></div>\r\n            </mat-panel-description>\r\n          </mat-expansion-panel-header>\r\n          <nav class=\"facets-items\">\r\n            <ul>\r\n              @for (item of group.values; track item) {\r\n  <li class=\"small\" (click)=\"use(group, item)\"\r\n                [attr.aria-label]=\"item.title\">\r\n                <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill fxFlexAlign=\"center\">\r\n                  <div fxFlex=\"*\" class=\"truncated\">\r\n                    <div>{{item.title}}</div>\r\n                  </div>\r\n                  <div fxLayoutAlign=\"end\">\r\n                    {{hasTooManyResults ? '~' : ''}}{{item.count}}\r\n                  </div>\r\n                </div>\r\n              </li>\r\n}\r\n            </ul>\r\n          </nav>\r\n        </mat-expansion-panel>\r\n      </mat-accordion>\r\n}\r\n    </div>\r\n  </div>\r\n}\r\n</div>", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}::ng-deep .facets-panel .mat-expansion-panel-body{padding:0 0 5px 15px;background-color:#f8f8f8}::ng-deep .facets-panel .mat-expansion-panel-header{padding-right:15px;background-color:#f8f8f8}.facets-panel .mat-expansion-panel,.facets-panel .mat-expansion-panel:hover,.facets-panel .mat-expansion-panel.mat-expanded,.facets-panel .mat-expansion-panel.mat-expanded:hover{border-radius:0!important;background-color:#f8f8f8}.facets-header{padding-left:10px!important}.facets-items{overflow:hidden;padding-right:6px}.facets-items ul{list-style-type:none;padding:0;margin:0}.facets-items ul li{padding:6px;display:block;color:#2d2e2e}.facets-items ul li a{color:inherit;text-decoration:none;display:block}.facets-items ul li:hover{background-color:#fff;cursor:pointer}.factes-items-container{width:235px;padding-top:5px;padding-left:5px}.facets-selection{padding:8px 2px 10px 8px}\n"], dependencies: [{ kind: "ngmodule", type: FlexModule }, { kind: "directive", type: i6.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: i6.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: i6.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: i6.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i6.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: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i6$1.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i6$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i6$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i6$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i6$1.MatExpansionPanelDescription, selector: "mat-panel-description" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ClipperSearchFacetsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'clipper-search-facets', standalone: true, imports: [FlexModule, MatButtonModule, MatTooltipModule, MatIconModule, MatDividerModule, MatExpansionModule], template: "<div fxLayout=\"column\" fxFill style=\"overflow: hidden;\">\r\n  <div>\r\n    @if (usedGroups.length > 0) {\r\n<div class=\"small\" style=\"padding-left: 15px\">\r\n      <div>Selezione:</div>\r\n      <div class=\"facets-selection\">\r\n        @for (ug of usedGroups; track ug) {\r\n  <div fxLayout=\"row\" fxLayoutGap=\"5px\" fxFill>\r\n          <div fxFlexAlign=\"center\" class=\"small item-greyed-1 bold\">{{ug.name}}:</div>\r\n          <div fxFlex=\"*\" fxFlexAlign=\"center\" class=\"small truncated bold\">\r\n            <div>{{ug.selectedValueDescription}}</div>\r\n          </div>\r\n          <div fxLayoutAlign=\"end\">\r\n            <button fxFlexAlign=\"center\" mat-icon-button class=\"small-icon-button\" matTooltip=\"Rimuovi\"\r\n              (click)=\"dismiss(ug)\" color=\"primary\">\r\n              <mat-icon>remove</mat-icon>\r\n            </button>\r\n          </div>\r\n        </div>\r\n}\r\n      </div>\r\n      <mat-divider></mat-divider>\r\n    </div>\r\n}\r\n    @if (busy) {\r\n<div style=\"padding: 15px\">\r\n      <p>Sto calcolando...</p>\r\n    </div>\r\n}\r\n  </div>\r\n  @if (!busy) {\r\n<div fxFlex=\"100\" style=\"overflow: auto\">\r\n    <div class=\"facets-items-container\">\r\n      @for (group of groups; track group; let i = $index) {\r\n  <mat-accordion displayMode=\"flat\" class=\"mat-elevation-z0\">\r\n        <mat-expansion-panel class=\"facets-panel mat-elevation-z0\" [expanded]=\"i == 0\" hideToggle=\"false\">\r\n          <mat-expansion-panel-header class=\"facets-header\" [collapsedHeight]=\"'40px'\" [expandedHeight]=\"'40px'\"\r\n            [attr.aria-label]=\"group.name\">\r\n            <mat-panel-title>\r\n              @if (group.index == 2 && interval) {\r\n<div style=\"width: 180px\">{{interval}} &nbsp;\r\n                ({{group.values.length}})\r\n              </div>\r\n}\r\n              @if (group.index != 2 || !interval) {\r\n<div style=\"width: 180px\">{{group.name}} &nbsp;\r\n                ({{group.values.length}}) </div>\r\n}\r\n            </mat-panel-title>\r\n            <mat-panel-description>\r\n              <div style=\"width:100%\"></div>\r\n            </mat-panel-description>\r\n          </mat-expansion-panel-header>\r\n          <nav class=\"facets-items\">\r\n            <ul>\r\n              @for (item of group.values; track item) {\r\n  <li class=\"small\" (click)=\"use(group, item)\"\r\n                [attr.aria-label]=\"item.title\">\r\n                <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill fxFlexAlign=\"center\">\r\n                  <div fxFlex=\"*\" class=\"truncated\">\r\n                    <div>{{item.title}}</div>\r\n                  </div>\r\n                  <div fxLayoutAlign=\"end\">\r\n                    {{hasTooManyResults ? '~' : ''}}{{item.count}}\r\n                  </div>\r\n                </div>\r\n              </li>\r\n}\r\n            </ul>\r\n          </nav>\r\n        </mat-expansion-panel>\r\n      </mat-accordion>\r\n}\r\n    </div>\r\n  </div>\r\n}\r\n</div>", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}::ng-deep .facets-panel .mat-expansion-panel-body{padding:0 0 5px 15px;background-color:#f8f8f8}::ng-deep .facets-panel .mat-expansion-panel-header{padding-right:15px;background-color:#f8f8f8}.facets-panel .mat-expansion-panel,.facets-panel .mat-expansion-panel:hover,.facets-panel .mat-expansion-panel.mat-expanded,.facets-panel .mat-expansion-panel.mat-expanded:hover{border-radius:0!important;background-color:#f8f8f8}.facets-header{padding-left:10px!important}.facets-items{overflow:hidden;padding-right:6px}.facets-items ul{list-style-type:none;padding:0;margin:0}.facets-items ul li{padding:6px;display:block;color:#2d2e2e}.facets-items ul li a{color:inherit;text-decoration:none;display:block}.facets-items ul li:hover{background-color:#fff;cursor:pointer}.factes-items-container{width:235px;padding-top:5px;padding-left:5px}.facets-selection{padding:8px 2px 10px 8px}\n"] }]
+            args: [{ selector: 'clipper-search-facets', standalone: true, imports: [FlexModule, MatButtonModule, MatTooltipModule, MatIconModule, MatDividerModule, MatExpansionModule], template: "<div fxLayout=\"column\" fxFill style=\"overflow: hidden;\">\r\n  <div>\r\n    @if (usedGroups.length > 0) {\r\n<div class=\"small\" style=\"padding-left: 15px\">\r\n      <div>Selezione:</div>\r\n      <div class=\"facets-selection\">\r\n        @for (ug of usedGroups; track ug) {\r\n  <div fxLayout=\"row\" fxLayoutGap=\"5px\" fxFill>\r\n          <div fxFlexAlign=\"center\" class=\"small item-greyed-1 bold\">{{ug.name}}:</div>\r\n          <div fxFlex=\"*\" fxFlexAlign=\"center\" class=\"small truncated bold\">\r\n            <div>{{ug.selectedValueDescription}}</div>\r\n          </div>\r\n          <div fxLayoutAlign=\"end\">\r\n            <button fxFlexAlign=\"center\" mat-icon-button class=\"small-icon-button\" matTooltip=\"Rimuovi\"\r\n              (click)=\"dismiss(ug)\" color=\"primary\">\r\n              <mat-icon>remove</mat-icon>\r\n            </button>\r\n          </div>\r\n        </div>\r\n}\r\n      </div>\r\n      <mat-divider></mat-divider>\r\n    </div>\r\n}\r\n    @if (busy) {\r\n<div style=\"padding: 15px\">\r\n      <p>Sto calcolando...</p>\r\n    </div>\r\n}\r\n  </div>\r\n  @if (!busy) {\r\n<div fxFlex=\"100\" style=\"overflow: auto\">\r\n    <div class=\"facets-items-container\">\r\n      @for (group of groups; track group; let i = $index) {\r\n  <mat-accordion displayMode=\"flat\" class=\"mat-elevation-z0\">\r\n        <mat-expansion-panel class=\"facets-panel mat-elevation-z0\" [expanded]=\"i == 0\" hideToggle=\"false\">\r\n          <mat-expansion-panel-header class=\"facets-header\" [collapsedHeight]=\"'40px'\" [expandedHeight]=\"'40px'\"\r\n            [attr.aria-label]=\"group.name\">\r\n            <mat-panel-title>\r\n              @if (group.index == 2 && interval) {\r\n<div style=\"width: 180px\">{{interval}} &nbsp;\r\n                ({{group.values.length}})\r\n              </div>\r\n}\r\n              @if (group.index != 2 || !interval) {\r\n<div style=\"width: 180px\">{{group.name}} &nbsp;\r\n                ({{group.values.length}}) </div>\r\n}\r\n            </mat-panel-title>\r\n            <mat-panel-description>\r\n              <div style=\"width:100%\"></div>\r\n            </mat-panel-description>\r\n          </mat-expansion-panel-header>\r\n          <nav class=\"facets-items\">\r\n            <ul>\r\n              @for (item of group.values; track item) {\r\n  <li class=\"small\" (click)=\"use(group, item)\"\r\n                [attr.aria-label]=\"item.title\">\r\n                <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill fxFlexAlign=\"center\">\r\n                  <div fxFlex=\"*\" class=\"truncated\">\r\n                    <div>{{item.title}}</div>\r\n                  </div>\r\n                  <div fxLayoutAlign=\"end\">\r\n                    {{hasTooManyResults ? '~' : ''}}{{item.count}}\r\n                  </div>\r\n                </div>\r\n              </li>\r\n}\r\n            </ul>\r\n          </nav>\r\n        </mat-expansion-panel>\r\n      </mat-accordion>\r\n}\r\n    </div>\r\n  </div>\r\n}\r\n</div>", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}::ng-deep .facets-panel .mat-expansion-panel-body{padding:0 0 5px 15px;background-color:#f8f8f8}::ng-deep .facets-panel .mat-expansion-panel-header{padding-right:15px;background-color:#f8f8f8}.facets-panel .mat-expansion-panel,.facets-panel .mat-expansion-panel:hover,.facets-panel .mat-expansion-panel.mat-expanded,.facets-panel .mat-expansion-panel.mat-expanded:hover{border-radius:0!important;background-color:#f8f8f8}.facets-header{padding-left:10px!important}.facets-items{overflow:hidden;padding-right:6px}.facets-items ul{list-style-type:none;padding:0;margin:0}.facets-items ul li{padding:6px;display:block;color:#2d2e2e}.facets-items ul li a{color:inherit;text-decoration:none;display:block}.facets-items ul li:hover{background-color:#fff;cursor:pointer}.factes-items-container{width:235px;padding-top:5px;padding-left:5px}.facets-selection{padding:8px 2px 10px 8px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { busy: [{
                 type: Input
             }], changed: [{
@@ -1094,7 +1094,7 @@ class ClipperReferencesComponent extends ClipperDocumentBaseComponent {
         this.dialogRef.close({ id: id });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ClipperReferencesComponent, deps: [{ token: i1.DialogService }, { token: i2.ClipperService }, { token: i3.ScreenService }, { token: i4.MediaObserver }, { token: i3$1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: ClipperReferencesComponent, isStandalone: true, selector: "ng-component", host: { attributes: { "Bind": SystemUtils.generateUUID() } }, viewQueries: [{ propertyName: "facetsSidenav", first: true, predicate: ["facetsSidenav"], descendants: true }, { propertyName: "facetsSearch", first: true, predicate: ["facetsSearch"], descendants: true }, { propertyName: "paginator", first: true, predicate: ["paginator"], descendants: true }, { propertyName: "contextMenu", first: true, predicate: ["contextMenuTrigger"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div id=\"clipper-references-fixed\">\r\n  <div id=\"clipper-references-header\">\r\n    <div fxLayout=\"row\" fxLayoutGap='10px' fxFill>\r\n      <div fxFlex=\"*\" fxFlexAlign=\"center\">\r\n        <h2 mat-dialog-title>{{title}} </h2>\r\n      </div>\r\n      <div fxLayoutAlign=\"end\">\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Chiudi\"\r\n          aria-label=\"Chiudi\" (click)=\"close()\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div fxLayout=\"row\" fxFill style=\"padding: 0 0 0 15px;\">\r\n    <div fxFlex=\"*\" fxFlexAlign=\"center\">\r\n      @if (snapshot.searchParams.mode == 1) {\r\n      <mat-checkbox color=\"primary\" name=\"excludeTextReferences\"\r\n        [(ngModel)]=\"snapshot.searchParams.excludeTextReferences\" (change)=\"fetch(true)\">\r\n        Mostra solo se citati nelle note</mat-checkbox>\r\n      }\r\n      @if (snapshot.searchParams.mode == 2) {\r\n      <mat-checkbox color=\"primary\" name=\"excludeNotesReferences\"\r\n        [(ngModel)]=\"snapshot.searchParams.excludeNotesReferences\" (change)=\"fetch(true)\">\r\n        Mostra solo se citano nel testo il documento\r\n      </mat-checkbox>\r\n      }\r\n    </div>\r\n    <div fxLayoutAlign=\"end\">\r\n      @if (selection.hasValue()) {\r\n      <button fxFlexAlign=\"center\" type=\"button\" mat-button matTooltip=\"Azioni da eseguire sugli elementi selezionati\"\r\n        [attr.aria-label]=\"'Menu opzioni per elementi selezionati'\" [matMenuTriggerFor]=\"menuSelections\" color=\"primary\"\r\n        [disabled]=\"!snapshot.total\">\r\n        <mat-icon aria-hidden=\"false\" [matBadge]=\"selection.all.length\"\r\n          matBadgeColor=\"accent\">playlist_add_check</mat-icon>\r\n        <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n      </button>\r\n      }\r\n      <mat-menu #menuSelections=\"matMenu\">\r\n        <clipper-document-menu [parent]=\"this\" [selectionSource]=\"selection\" [isReadable]=\"false\" [isReference]=\"true\">\r\n        </clipper-document-menu>\r\n      </mat-menu>\r\n      @if (facetsSearch && facetsSearch.hasFacets && facetsSidenav && (!facetsSidenav.opened || facetsClosed)) {\r\n      <div fxFlexAlign=\"center\">\r\n        <button type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Affina ricerca\" aria-label=\"'Affina ricerca'\"\r\n          (click)=\"facetsOpen()\">\r\n          <mat-icon>menu_open</mat-icon>\r\n        </button>\r\n      </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n<div mat-dialog-content style=\"padding:0 0 0 15px\" [ngStyle]=\"{'min-height.px': contentHeight}\">\r\n  <mat-sidenav-container [ngStyle]=\"{'height.px': contentHeight}\">\r\n    <mat-sidenav #facetsSidenav position=\"end\" autoFocus=\"false\" opened=\"false\" mode=\"{{facetsMode}}\"\r\n      class=\"sidenav sidenav-facets\">\r\n      @if (facetsSearch.busy) {\r\n      <div class=\"sidenav-overlay\"></div>\r\n      }\r\n      <div fxLayout=\"column\" fxFill>\r\n        <div style=\"height:5px\">\r\n          @if (facetsSearch.busy) {\r\n          <mat-progress-bar class=\"sidenav-loader\" mode=\"indeterminate\"></mat-progress-bar>\r\n          }\r\n        </div>\r\n        <div fxFlex=\"64px\">\r\n          <div fxLayout=\"row\" fxFill class=\"sidenav-title-container\">\r\n            <div fxFlex=\"*\" fxFlexAlign=\"center\" fxLayoutAlign=\"start\">\r\n              <span class=\"sidenav-title\">Affina ricerca</span>\r\n            </div>\r\n            <div fxLayoutAlign=\"end\">\r\n              <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Nascondi\"\r\n                (click)=\"facetsClose(true)\" color=\"primary\">\r\n                <mat-icon>clear</mat-icon>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div fxFlex=\"*\" style=\"overflow: hidden;\">\r\n          <clipper-search-facets #facetsSearch></clipper-search-facets>\r\n        </div>\r\n      </div>\r\n    </mat-sidenav>\r\n    <mat-sidenav-content>\r\n      <div [ngStyle]=\"{'height.px': contentHeight }\">\r\n        <div fxLayout=\"column\" fxFill>\r\n          <div fxFlex=\"100\" id=\"references_container\" style=\"overflow: auto\">\r\n            <div style=\"overflow:hidden\">\r\n              @if (!snapshot.total) {\r\n              <div style=\"padding:32px;\">\r\n                <div class=\"item-greyed-1\" style='text-align: center'>\r\n                  <p>Nessun elemento da visualizzare.</p>\r\n                  <p>Il filtro applicato non consente la selezione di alcun risulato.</p>\r\n                </div>\r\n              </div>\r\n              }\r\n              @if (snapshot.total) {\r\n              <div>\r\n                @for (item of snapshot.items; track item) {\r\n                <div (contextmenu)=\"onContextMenu($event, item)\" (mouseenter)=\"item.isOver = true\"\r\n                  (mouseleave)=\"item.isOver = false\">\r\n                  @if (item.group) {\r\n                  <div style=\"padding-left: 15px; padding-top:24px;\">\r\n                    <div class=\"item-accent\">{{item.group}}</div>\r\n                  </div>\r\n                  }\r\n                  <div fxLayout=\"row\" fxLayoutGap=\"0px\" fxFill class=\"item\"\r\n                    [ngClass]=\"{'item-selected': selection.isSelected(item.documentId) }\">\r\n                    <div fxFlex=\"48px\" fxFlexAlign=\"center\" fxLayoutAlign=\"center\">\r\n                      @if ($screen.isTouchable || item.isOver || selection.isSelected(item.documentId)) {\r\n                      <mat-checkbox color=\"primary\" (click)=\"$event.stopPropagation()\"\r\n                        (change)=\"$event ? selection.toggle(item, item.documentId) : null\"\r\n                        [checked]=\"selection.isSelected(item.documentId)\">\r\n                      </mat-checkbox>\r\n                      }\r\n                    </div>\r\n                    <div fxFlex=\"100\" fxFlexAlign=\"center\">\r\n                      @if (!item.isJuris && item.model != 9 && (item.model != 11 || snapshot.searchParams.mode == 2) &&\r\n                      item.modelName && item.modelName.length > 0) {\r\n                      <div class=\"item-line item-line-3 item-line-read item-greyed-1 uppercase\">\r\n                        {{item.modelName}}</div>\r\n                      }\r\n                      @if (!item.isJuris && item.model == 22) {\r\n                      <div class=\"item-line item-line-3 item-line-read item-greyed-1 uppercase\">ARS\r\n                        BLOG</div>\r\n                      }\r\n                      @if (item.author && item.origin === 'LR') {\r\n                      <div class=\"item-line item-line-3 item-line-read item-greyed-1 uppercase\">{{item.author}}</div>\r\n                      }\r\n                      <div class=\"item-line item-line-2 item-line-read\">\r\n                        <a (click)=\"open(item.documentId)\"\r\n                          [attr.aria-label]=\"'Apri documento ' + (item.title1 ? item.title1: item.title2)\">{{item.title1\r\n                          ? item.title1 : item.title2}}</a>\r\n                        @if (item.part > 0) {\r\n                        <span class=\"item-badge\">PARTE {{item.part}}</span>\r\n                        }\r\n\r\n                      </div>\r\n                      @if (item.title1 && item.title2) {\r\n                      <div class=\"item-line item-line-2 item-line-read\">\r\n                        {{item.title2}}\r\n                      </div>\r\n                      }\r\n                      @if (item.originDescription ) {\r\n                      <div class=\"item-line item-line-3 item-line-read item-greyed-2\">\r\n                        {{item.originDescription}}\r\n                      </div>\r\n                      }\r\n                      @if (item.anchors.length > 0) {\r\n                      <div class=\"item-line item-line-3 item-line-read\">\r\n                        <div class=\"item-line-block\">\r\n                          <div class=\"item-line-block-title\">DETTAGLIO</div>\r\n                          <div>\r\n                            @for (a of item.anchors; track a) {\r\n                            <span>\r\n                              @if (a.uri && a.text) {\r\n                              <a class=\"link\" style='line-height: 18px; margin-right: 8px'\r\n                                (click)=\"open(a.documentId + '#' + a.uri)\" [matTooltip]=\"a.title\">{{a.text}} @if\r\n                                (a.veryRelevant) {\r\n                                <sup>\r\n                                  <mat-icon style='font-size:x-small; height: 10px; width:10px' color=\"primary\"\r\n                                    matTooltip=\"Molto rilevante\">thumb_up_alt</mat-icon>\r\n                                </sup>\r\n                                }</a>\r\n                              }\r\n                              @if (!a.uri && a.text) {\r\n                              <span style='line-height: 18px; margin-right: 8px '>{{a.text}}</span>\r\n                              }\r\n                            </span>\r\n                            }\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      }\r\n                      @if (item.validityState > 0) {\r\n                      <div class=\"item-line item-line-3 item-line-read\">\r\n                        <span\r\n                          style=\"background-color: red; color: white; padding: 2px 4px; border-radius: 3px; border: 1px solid red\">\r\n                          {{item.validityDescription}}\r\n                        </span>\r\n                      </div>\r\n                      }\r\n\r\n                    </div>\r\n                    <div fxFlex=\"48px\" fxLayoutAlign=\"end\">\r\n                      @if (item.isOver || item.isMenuOpen || selection.isSelected(item.documentId)) {\r\n                      <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Menu\"\r\n                        [attr.aria-label]=\"'Menu opzioni'\" [matMenuTriggerFor]=\"contextMenu\"\r\n                        [matMenuTriggerData]=\"{item: item}\" (click)=\"item.isMenuOpen = true\">\r\n                        <mat-icon>more_vert</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                }\r\n                <div #contextMenuTrigger=\"matMenuTrigger\" style=\"position: fixed\" [style.left]=\"contextMenuPosition.x\"\r\n                  [style.top]=\"contextMenuPosition.y\" [matMenuTriggerFor]=\"contextMenu\"\r\n                  [matMenuTriggerData]=\"{item: item}\">\r\n                </div>\r\n                <mat-menu #contextMenu=\"matMenu\" (closed)=\"updateMenuButtonsVisibility()\">\r\n                  <ng-template matMenuContent let-item=\"item\">\r\n                    <clipper-document-menu [parent]=\"this\" [item]=\"item\" [isReadable]=\"false\" [isReference]=\"true\">\r\n                    </clipper-document-menu>\r\n                  </ng-template>\r\n                </mat-menu>\r\n              </div>\r\n              }\r\n            </div>\r\n          </div>\r\n          <div>\r\n            <div fxLayout=\"row\" fxLayoutAlign=\"end\">\r\n              <div fxFlexAlign=\"center\">\r\n                @if (snapshot.total > 0) {\r\n                <mat-paginator #paginator class=\"paginator\" [hidePageSize]=\"true\" [length]=\"snapshot.total\"\r\n                  [pageSize]=\"25\" [showFirstLastButtons]=\"true\" (page)=\"fetchMore($event)\">\r\n                </mat-paginator>\r\n                }\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </mat-sidenav-content>\r\n  </mat-sidenav-container>\r\n</div>", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}\n"], dependencies: [{ kind: "ngmodule", type: FlexModule }, { kind: "directive", type: i6.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: i6.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: i6.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: i6.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i6.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: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i10$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i12.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i12.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i12.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i13.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: ClipperDocumentMenuComponent, selector: "clipper-document-menu", inputs: ["selectionSource", "parent", "item", "isReference", "isReadable", "isSelectable", "isDeadline", "isLawInForce", "isLaw"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ExtendedModule }, { kind: "directive", type: i14.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i14.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i15.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i15.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i15.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i16.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: ClipperSearchFacetsComponent, selector: "clipper-search-facets", inputs: ["busy"], outputs: ["changed"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i17.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: ClipperReferencesComponent, isStandalone: true, selector: "ng-component", host: { attributes: { "Bind": SystemUtils.generateUUID() } }, viewQueries: [{ propertyName: "facetsSidenav", first: true, predicate: ["facetsSidenav"], descendants: true }, { propertyName: "facetsSearch", first: true, predicate: ["facetsSearch"], descendants: true }, { propertyName: "paginator", first: true, predicate: ["paginator"], descendants: true }, { propertyName: "contextMenu", first: true, predicate: ["contextMenuTrigger"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div id=\"clipper-references-fixed\">\r\n  <div id=\"clipper-references-header\">\r\n    <div fxLayout=\"row\" fxLayoutGap='10px' fxFill>\r\n      <div fxFlex=\"*\" fxFlexAlign=\"center\">\r\n        <h2 mat-dialog-title>{{title}} </h2>\r\n      </div>\r\n      <div fxLayoutAlign=\"end\">\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Chiudi\"\r\n          aria-label=\"Chiudi\" (click)=\"close()\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div fxLayout=\"row\" fxFill style=\"padding: 0 0 0 15px;\">\r\n    <div fxFlex=\"*\" fxFlexAlign=\"center\">\r\n      @if (snapshot.searchParams.mode == 1) {\r\n      <mat-checkbox color=\"primary\" name=\"excludeTextReferences\"\r\n        [(ngModel)]=\"snapshot.searchParams.excludeTextReferences\" (change)=\"fetch(true)\">\r\n        Mostra solo se citati nelle note</mat-checkbox>\r\n      }\r\n      @if (snapshot.searchParams.mode == 2) {\r\n      <mat-checkbox color=\"primary\" name=\"excludeNotesReferences\"\r\n        [(ngModel)]=\"snapshot.searchParams.excludeNotesReferences\" (change)=\"fetch(true)\">\r\n        Mostra solo se citano nel testo il documento\r\n      </mat-checkbox>\r\n      }\r\n    </div>\r\n    <div fxLayoutAlign=\"end\">\r\n      @if (selection.hasValue()) {\r\n      <button fxFlexAlign=\"center\" type=\"button\" mat-button matTooltip=\"Azioni da eseguire sugli elementi selezionati\"\r\n        [attr.aria-label]=\"'Menu opzioni per elementi selezionati'\" [matMenuTriggerFor]=\"menuSelections\" color=\"primary\"\r\n        [disabled]=\"!snapshot.total\">\r\n        <mat-icon aria-hidden=\"false\" [matBadge]=\"selection.all.length\"\r\n          matBadgeColor=\"accent\">playlist_add_check</mat-icon>\r\n        <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n      </button>\r\n      }\r\n      <mat-menu #menuSelections=\"matMenu\">\r\n        <clipper-document-menu [parent]=\"this\" [selectionSource]=\"selection\" [isReadable]=\"false\" [isReference]=\"true\">\r\n        </clipper-document-menu>\r\n      </mat-menu>\r\n      @if (facetsSearch && facetsSearch.hasFacets && facetsSidenav && (!facetsSidenav.opened || facetsClosed)) {\r\n      <div fxFlexAlign=\"center\">\r\n        <button type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Affina ricerca\" aria-label=\"'Affina ricerca'\"\r\n          (click)=\"facetsOpen()\">\r\n          <mat-icon>menu_open</mat-icon>\r\n        </button>\r\n      </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n<div mat-dialog-content style=\"padding:0 0 0 15px\" [ngStyle]=\"{'min-height.px': contentHeight}\">\r\n  <mat-sidenav-container [ngStyle]=\"{'height.px': contentHeight}\">\r\n    <mat-sidenav #facetsSidenav position=\"end\" autoFocus=\"false\" opened=\"false\" mode=\"{{facetsMode}}\"\r\n      class=\"sidenav sidenav-facets\">\r\n      @if (facetsSearch.busy) {\r\n      <div class=\"sidenav-overlay\"></div>\r\n      }\r\n      <div fxLayout=\"column\" fxFill>\r\n        <div style=\"height:5px\">\r\n          @if (facetsSearch.busy) {\r\n          <mat-progress-bar class=\"sidenav-loader\" mode=\"indeterminate\"></mat-progress-bar>\r\n          }\r\n        </div>\r\n        <div fxFlex=\"64px\">\r\n          <div fxLayout=\"row\" fxFill class=\"sidenav-title-container\">\r\n            <div fxFlex=\"*\" fxFlexAlign=\"center\" fxLayoutAlign=\"start\">\r\n              <span class=\"sidenav-title\">Affina ricerca</span>\r\n            </div>\r\n            <div fxLayoutAlign=\"end\">\r\n              <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Nascondi\"\r\n                (click)=\"facetsClose(true)\" color=\"primary\">\r\n                <mat-icon>clear</mat-icon>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div fxFlex=\"*\" style=\"overflow: hidden;\">\r\n          <clipper-search-facets #facetsSearch></clipper-search-facets>\r\n        </div>\r\n      </div>\r\n    </mat-sidenav>\r\n    <mat-sidenav-content>\r\n      <div [ngStyle]=\"{'height.px': contentHeight }\">\r\n        <div fxLayout=\"column\" fxFill>\r\n          <div fxFlex=\"100\" id=\"references_container\" style=\"overflow: auto\">\r\n            <div style=\"overflow:hidden\">\r\n              @if (!snapshot.total) {\r\n              <div style=\"padding:32px;\">\r\n                <div class=\"item-greyed-1\" style='text-align: center'>\r\n                  <p>Nessun elemento da visualizzare.</p>\r\n                  <p>Il filtro applicato non consente la selezione di alcun risulato.</p>\r\n                </div>\r\n              </div>\r\n              }\r\n              @if (snapshot.total) {\r\n              <div>\r\n                @for (item of snapshot.items; track item) {\r\n                <div (contextmenu)=\"onContextMenu($event, item)\" (mouseenter)=\"item.isOver = true\"\r\n                  (mouseleave)=\"item.isOver = false\">\r\n                  @if (item.group) {\r\n                  <div style=\"padding-left: 15px; padding-top:24px;\">\r\n                    <div class=\"item-accent\">{{item.group}}</div>\r\n                  </div>\r\n                  }\r\n                  <div fxLayout=\"row\" fxLayoutGap=\"0px\" fxFill class=\"item\"\r\n                    [ngClass]=\"{'item-selected': selection.isSelected(item.documentId) }\">\r\n                    <div fxFlex=\"48px\" fxFlexAlign=\"center\" fxLayoutAlign=\"center\">\r\n                      @if ($screen.isTouchable || item.isOver || selection.isSelected(item.documentId)) {\r\n                      <mat-checkbox color=\"primary\" (click)=\"$event.stopPropagation()\"\r\n                        (change)=\"$event ? selection.toggle(item, item.documentId) : null\"\r\n                        [checked]=\"selection.isSelected(item.documentId)\">\r\n                      </mat-checkbox>\r\n                      }\r\n                    </div>\r\n                    <div fxFlex=\"100\" fxFlexAlign=\"center\">\r\n                      @if (!item.isJuris && item.model != 9 && (item.model != 11 || snapshot.searchParams.mode == 2) &&\r\n                      item.modelName && item.modelName.length > 0) {\r\n                      <div class=\"item-line item-line-3 item-line-read item-greyed-1 uppercase\">\r\n                        {{item.modelName}}</div>\r\n                      }\r\n                      @if (!item.isJuris && item.model == 22) {\r\n                      <div class=\"item-line item-line-3 item-line-read item-greyed-1 uppercase\">ARS\r\n                        BLOG</div>\r\n                      }\r\n                      @if (item.author && item.origin === 'LR') {\r\n                      <div class=\"item-line item-line-3 item-line-read item-greyed-1 uppercase\">{{item.author}}</div>\r\n                      }\r\n                      <div class=\"item-line item-line-2 item-line-read\">\r\n                        <a (click)=\"open(item.documentId)\"\r\n                          [attr.aria-label]=\"'Apri documento ' + (item.title1 ? item.title1: item.title2)\">{{item.title1\r\n                          ? item.title1 : item.title2}}</a>\r\n                        @if (item.part > 0) {\r\n                        <span class=\"item-badge\">PARTE {{item.part}}</span>\r\n                        }\r\n\r\n                      </div>\r\n                      @if (item.title1 && item.title2) {\r\n                      <div class=\"item-line item-line-2 item-line-read\">\r\n                        {{item.title2}}\r\n                      </div>\r\n                      }\r\n                      @if (item.originDescription ) {\r\n                      <div class=\"item-line item-line-3 item-line-read item-greyed-2\">\r\n                        {{item.originDescription}}\r\n                      </div>\r\n                      }\r\n                      @if (item.anchors.length > 0) {\r\n                      <div class=\"item-line item-line-3 item-line-read\">\r\n                        <div class=\"item-line-block\">\r\n                          <div class=\"item-line-block-title\">DETTAGLIO</div>\r\n                          <div>\r\n                            @for (a of item.anchors; track a) {\r\n                            <span>\r\n                              @if (a.uri && a.text) {\r\n                              <a class=\"link\" style='line-height: 18px; margin-right: 8px'\r\n                                (click)=\"open(a.documentId + '#' + a.uri)\" [matTooltip]=\"a.title\">{{a.text}} @if\r\n                                (a.veryRelevant) {\r\n                                <sup>\r\n                                  <mat-icon style='font-size:x-small; height: 10px; width:10px' color=\"primary\"\r\n                                    matTooltip=\"Molto rilevante\">thumb_up_alt</mat-icon>\r\n                                </sup>\r\n                                }</a>\r\n                              }\r\n                              @if (!a.uri && a.text) {\r\n                              <span style='line-height: 18px; margin-right: 8px '>{{a.text}}</span>\r\n                              }\r\n                            </span>\r\n                            }\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      }\r\n                      @if (item.validityState > 0) {\r\n                      <div class=\"item-line item-line-3 item-line-read\">\r\n                        <span\r\n                          style=\"background-color: red; color: white; padding: 2px 4px; border-radius: 3px; border: 1px solid red\">\r\n                          {{item.validityDescription}}\r\n                        </span>\r\n                      </div>\r\n                      }\r\n\r\n                    </div>\r\n                    <div fxFlex=\"48px\" fxLayoutAlign=\"end\">\r\n                      @if (item.isOver || item.isMenuOpen || selection.isSelected(item.documentId)) {\r\n                      <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Menu\"\r\n                        [attr.aria-label]=\"'Menu opzioni'\" [matMenuTriggerFor]=\"contextMenu\"\r\n                        [matMenuTriggerData]=\"{item: item}\" (click)=\"item.isMenuOpen = true\">\r\n                        <mat-icon>more_vert</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                }\r\n                <div #contextMenuTrigger=\"matMenuTrigger\" style=\"position: fixed\" [style.left]=\"contextMenuPosition.x\"\r\n                  [style.top]=\"contextMenuPosition.y\" [matMenuTriggerFor]=\"contextMenu\"\r\n                  [matMenuTriggerData]=\"{item: item}\">\r\n                </div>\r\n                <mat-menu #contextMenu=\"matMenu\" (closed)=\"updateMenuButtonsVisibility()\">\r\n                  <ng-template matMenuContent let-item=\"item\">\r\n                    <clipper-document-menu [parent]=\"this\" [item]=\"item\" [isReadable]=\"false\" [isReference]=\"true\">\r\n                    </clipper-document-menu>\r\n                  </ng-template>\r\n                </mat-menu>\r\n              </div>\r\n              }\r\n            </div>\r\n          </div>\r\n          <div>\r\n            <div fxLayout=\"row\" fxLayoutAlign=\"end\">\r\n              <div fxFlexAlign=\"center\">\r\n                @if (snapshot.total > 0) {\r\n                <mat-paginator #paginator class=\"paginator\" [hidePageSize]=\"true\" [length]=\"snapshot.total\"\r\n                  [pageSize]=\"25\" [showFirstLastButtons]=\"true\" (page)=\"fetchMore($event)\">\r\n                </mat-paginator>\r\n                }\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </mat-sidenav-content>\r\n  </mat-sidenav-container>\r\n</div>", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}\n"], dependencies: [{ kind: "ngmodule", type: FlexModule }, { kind: "directive", type: i6.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: i6.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: i6.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: i6.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i6.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: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i10$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i12.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i12.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i12.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i13.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: ClipperDocumentMenuComponent, selector: "clipper-document-menu", inputs: ["selectionSource", "parent", "item", "isReference", "isReadable", "isSelectable", "isDeadline", "isLawInForce", "isLaw"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ExtendedModule }, { kind: "directive", type: i14.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i14.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i15.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i15.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i15.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i16.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: ClipperSearchFacetsComponent, selector: "clipper-search-facets", inputs: ["busy"], outputs: ["changed"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i17.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ClipperReferencesComponent, decorators: [{
             type: Component,
@@ -1117,7 +1117,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
                         ClipperSearchFacetsComponent,
                         NgClass,
                         MatPaginatorModule,
-                    ], template: "<div id=\"clipper-references-fixed\">\r\n  <div id=\"clipper-references-header\">\r\n    <div fxLayout=\"row\" fxLayoutGap='10px' fxFill>\r\n      <div fxFlex=\"*\" fxFlexAlign=\"center\">\r\n        <h2 mat-dialog-title>{{title}} </h2>\r\n      </div>\r\n      <div fxLayoutAlign=\"end\">\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Chiudi\"\r\n          aria-label=\"Chiudi\" (click)=\"close()\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div fxLayout=\"row\" fxFill style=\"padding: 0 0 0 15px;\">\r\n    <div fxFlex=\"*\" fxFlexAlign=\"center\">\r\n      @if (snapshot.searchParams.mode == 1) {\r\n      <mat-checkbox color=\"primary\" name=\"excludeTextReferences\"\r\n        [(ngModel)]=\"snapshot.searchParams.excludeTextReferences\" (change)=\"fetch(true)\">\r\n        Mostra solo se citati nelle note</mat-checkbox>\r\n      }\r\n      @if (snapshot.searchParams.mode == 2) {\r\n      <mat-checkbox color=\"primary\" name=\"excludeNotesReferences\"\r\n        [(ngModel)]=\"snapshot.searchParams.excludeNotesReferences\" (change)=\"fetch(true)\">\r\n        Mostra solo se citano nel testo il documento\r\n      </mat-checkbox>\r\n      }\r\n    </div>\r\n    <div fxLayoutAlign=\"end\">\r\n      @if (selection.hasValue()) {\r\n      <button fxFlexAlign=\"center\" type=\"button\" mat-button matTooltip=\"Azioni da eseguire sugli elementi selezionati\"\r\n        [attr.aria-label]=\"'Menu opzioni per elementi selezionati'\" [matMenuTriggerFor]=\"menuSelections\" color=\"primary\"\r\n        [disabled]=\"!snapshot.total\">\r\n        <mat-icon aria-hidden=\"false\" [matBadge]=\"selection.all.length\"\r\n          matBadgeColor=\"accent\">playlist_add_check</mat-icon>\r\n        <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n      </button>\r\n      }\r\n      <mat-menu #menuSelections=\"matMenu\">\r\n        <clipper-document-menu [parent]=\"this\" [selectionSource]=\"selection\" [isReadable]=\"false\" [isReference]=\"true\">\r\n        </clipper-document-menu>\r\n      </mat-menu>\r\n      @if (facetsSearch && facetsSearch.hasFacets && facetsSidenav && (!facetsSidenav.opened || facetsClosed)) {\r\n      <div fxFlexAlign=\"center\">\r\n        <button type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Affina ricerca\" aria-label=\"'Affina ricerca'\"\r\n          (click)=\"facetsOpen()\">\r\n          <mat-icon>menu_open</mat-icon>\r\n        </button>\r\n      </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n<div mat-dialog-content style=\"padding:0 0 0 15px\" [ngStyle]=\"{'min-height.px': contentHeight}\">\r\n  <mat-sidenav-container [ngStyle]=\"{'height.px': contentHeight}\">\r\n    <mat-sidenav #facetsSidenav position=\"end\" autoFocus=\"false\" opened=\"false\" mode=\"{{facetsMode}}\"\r\n      class=\"sidenav sidenav-facets\">\r\n      @if (facetsSearch.busy) {\r\n      <div class=\"sidenav-overlay\"></div>\r\n      }\r\n      <div fxLayout=\"column\" fxFill>\r\n        <div style=\"height:5px\">\r\n          @if (facetsSearch.busy) {\r\n          <mat-progress-bar class=\"sidenav-loader\" mode=\"indeterminate\"></mat-progress-bar>\r\n          }\r\n        </div>\r\n        <div fxFlex=\"64px\">\r\n          <div fxLayout=\"row\" fxFill class=\"sidenav-title-container\">\r\n            <div fxFlex=\"*\" fxFlexAlign=\"center\" fxLayoutAlign=\"start\">\r\n              <span class=\"sidenav-title\">Affina ricerca</span>\r\n            </div>\r\n            <div fxLayoutAlign=\"end\">\r\n              <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Nascondi\"\r\n                (click)=\"facetsClose(true)\" color=\"primary\">\r\n                <mat-icon>clear</mat-icon>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div fxFlex=\"*\" style=\"overflow: hidden;\">\r\n          <clipper-search-facets #facetsSearch></clipper-search-facets>\r\n        </div>\r\n      </div>\r\n    </mat-sidenav>\r\n    <mat-sidenav-content>\r\n      <div [ngStyle]=\"{'height.px': contentHeight }\">\r\n        <div fxLayout=\"column\" fxFill>\r\n          <div fxFlex=\"100\" id=\"references_container\" style=\"overflow: auto\">\r\n            <div style=\"overflow:hidden\">\r\n              @if (!snapshot.total) {\r\n              <div style=\"padding:32px;\">\r\n                <div class=\"item-greyed-1\" style='text-align: center'>\r\n                  <p>Nessun elemento da visualizzare.</p>\r\n                  <p>Il filtro applicato non consente la selezione di alcun risulato.</p>\r\n                </div>\r\n              </div>\r\n              }\r\n              @if (snapshot.total) {\r\n              <div>\r\n                @for (item of snapshot.items; track item) {\r\n                <div (contextmenu)=\"onContextMenu($event, item)\" (mouseenter)=\"item.isOver = true\"\r\n                  (mouseleave)=\"item.isOver = false\">\r\n                  @if (item.group) {\r\n                  <div style=\"padding-left: 15px; padding-top:24px;\">\r\n                    <div class=\"item-accent\">{{item.group}}</div>\r\n                  </div>\r\n                  }\r\n                  <div fxLayout=\"row\" fxLayoutGap=\"0px\" fxFill class=\"item\"\r\n                    [ngClass]=\"{'item-selected': selection.isSelected(item.documentId) }\">\r\n                    <div fxFlex=\"48px\" fxFlexAlign=\"center\" fxLayoutAlign=\"center\">\r\n                      @if ($screen.isTouchable || item.isOver || selection.isSelected(item.documentId)) {\r\n                      <mat-checkbox color=\"primary\" (click)=\"$event.stopPropagation()\"\r\n                        (change)=\"$event ? selection.toggle(item, item.documentId) : null\"\r\n                        [checked]=\"selection.isSelected(item.documentId)\">\r\n                      </mat-checkbox>\r\n                      }\r\n                    </div>\r\n                    <div fxFlex=\"100\" fxFlexAlign=\"center\">\r\n                      @if (!item.isJuris && item.model != 9 && (item.model != 11 || snapshot.searchParams.mode == 2) &&\r\n                      item.modelName && item.modelName.length > 0) {\r\n                      <div class=\"item-line item-line-3 item-line-read item-greyed-1 uppercase\">\r\n                        {{item.modelName}}</div>\r\n                      }\r\n                      @if (!item.isJuris && item.model == 22) {\r\n                      <div class=\"item-line item-line-3 item-line-read item-greyed-1 uppercase\">ARS\r\n                        BLOG</div>\r\n                      }\r\n                      @if (item.author && item.origin === 'LR') {\r\n                      <div class=\"item-line item-line-3 item-line-read item-greyed-1 uppercase\">{{item.author}}</div>\r\n                      }\r\n                      <div class=\"item-line item-line-2 item-line-read\">\r\n                        <a (click)=\"open(item.documentId)\"\r\n                          [attr.aria-label]=\"'Apri documento ' + (item.title1 ? item.title1: item.title2)\">{{item.title1\r\n                          ? item.title1 : item.title2}}</a>\r\n                        @if (item.part > 0) {\r\n                        <span class=\"item-badge\">PARTE {{item.part}}</span>\r\n                        }\r\n\r\n                      </div>\r\n                      @if (item.title1 && item.title2) {\r\n                      <div class=\"item-line item-line-2 item-line-read\">\r\n                        {{item.title2}}\r\n                      </div>\r\n                      }\r\n                      @if (item.originDescription ) {\r\n                      <div class=\"item-line item-line-3 item-line-read item-greyed-2\">\r\n                        {{item.originDescription}}\r\n                      </div>\r\n                      }\r\n                      @if (item.anchors.length > 0) {\r\n                      <div class=\"item-line item-line-3 item-line-read\">\r\n                        <div class=\"item-line-block\">\r\n                          <div class=\"item-line-block-title\">DETTAGLIO</div>\r\n                          <div>\r\n                            @for (a of item.anchors; track a) {\r\n                            <span>\r\n                              @if (a.uri && a.text) {\r\n                              <a class=\"link\" style='line-height: 18px; margin-right: 8px'\r\n                                (click)=\"open(a.documentId + '#' + a.uri)\" [matTooltip]=\"a.title\">{{a.text}} @if\r\n                                (a.veryRelevant) {\r\n                                <sup>\r\n                                  <mat-icon style='font-size:x-small; height: 10px; width:10px' color=\"primary\"\r\n                                    matTooltip=\"Molto rilevante\">thumb_up_alt</mat-icon>\r\n                                </sup>\r\n                                }</a>\r\n                              }\r\n                              @if (!a.uri && a.text) {\r\n                              <span style='line-height: 18px; margin-right: 8px '>{{a.text}}</span>\r\n                              }\r\n                            </span>\r\n                            }\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      }\r\n                      @if (item.validityState > 0) {\r\n                      <div class=\"item-line item-line-3 item-line-read\">\r\n                        <span\r\n                          style=\"background-color: red; color: white; padding: 2px 4px; border-radius: 3px; border: 1px solid red\">\r\n                          {{item.validityDescription}}\r\n                        </span>\r\n                      </div>\r\n                      }\r\n\r\n                    </div>\r\n                    <div fxFlex=\"48px\" fxLayoutAlign=\"end\">\r\n                      @if (item.isOver || item.isMenuOpen || selection.isSelected(item.documentId)) {\r\n                      <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Menu\"\r\n                        [attr.aria-label]=\"'Menu opzioni'\" [matMenuTriggerFor]=\"contextMenu\"\r\n                        [matMenuTriggerData]=\"{item: item}\" (click)=\"item.isMenuOpen = true\">\r\n                        <mat-icon>more_vert</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                }\r\n                <div #contextMenuTrigger=\"matMenuTrigger\" style=\"position: fixed\" [style.left]=\"contextMenuPosition.x\"\r\n                  [style.top]=\"contextMenuPosition.y\" [matMenuTriggerFor]=\"contextMenu\"\r\n                  [matMenuTriggerData]=\"{item: item}\">\r\n                </div>\r\n                <mat-menu #contextMenu=\"matMenu\" (closed)=\"updateMenuButtonsVisibility()\">\r\n                  <ng-template matMenuContent let-item=\"item\">\r\n                    <clipper-document-menu [parent]=\"this\" [item]=\"item\" [isReadable]=\"false\" [isReference]=\"true\">\r\n                    </clipper-document-menu>\r\n                  </ng-template>\r\n                </mat-menu>\r\n              </div>\r\n              }\r\n            </div>\r\n          </div>\r\n          <div>\r\n            <div fxLayout=\"row\" fxLayoutAlign=\"end\">\r\n              <div fxFlexAlign=\"center\">\r\n                @if (snapshot.total > 0) {\r\n                <mat-paginator #paginator class=\"paginator\" [hidePageSize]=\"true\" [length]=\"snapshot.total\"\r\n                  [pageSize]=\"25\" [showFirstLastButtons]=\"true\" (page)=\"fetchMore($event)\">\r\n                </mat-paginator>\r\n                }\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </mat-sidenav-content>\r\n  </mat-sidenav-container>\r\n</div>", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}\n"] }]
+                    ], template: "<div id=\"clipper-references-fixed\">\r\n  <div id=\"clipper-references-header\">\r\n    <div fxLayout=\"row\" fxLayoutGap='10px' fxFill>\r\n      <div fxFlex=\"*\" fxFlexAlign=\"center\">\r\n        <h2 mat-dialog-title>{{title}} </h2>\r\n      </div>\r\n      <div fxLayoutAlign=\"end\">\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Chiudi\"\r\n          aria-label=\"Chiudi\" (click)=\"close()\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div fxLayout=\"row\" fxFill style=\"padding: 0 0 0 15px;\">\r\n    <div fxFlex=\"*\" fxFlexAlign=\"center\">\r\n      @if (snapshot.searchParams.mode == 1) {\r\n      <mat-checkbox color=\"primary\" name=\"excludeTextReferences\"\r\n        [(ngModel)]=\"snapshot.searchParams.excludeTextReferences\" (change)=\"fetch(true)\">\r\n        Mostra solo se citati nelle note</mat-checkbox>\r\n      }\r\n      @if (snapshot.searchParams.mode == 2) {\r\n      <mat-checkbox color=\"primary\" name=\"excludeNotesReferences\"\r\n        [(ngModel)]=\"snapshot.searchParams.excludeNotesReferences\" (change)=\"fetch(true)\">\r\n        Mostra solo se citano nel testo il documento\r\n      </mat-checkbox>\r\n      }\r\n    </div>\r\n    <div fxLayoutAlign=\"end\">\r\n      @if (selection.hasValue()) {\r\n      <button fxFlexAlign=\"center\" type=\"button\" mat-button matTooltip=\"Azioni da eseguire sugli elementi selezionati\"\r\n        [attr.aria-label]=\"'Menu opzioni per elementi selezionati'\" [matMenuTriggerFor]=\"menuSelections\" color=\"primary\"\r\n        [disabled]=\"!snapshot.total\">\r\n        <mat-icon aria-hidden=\"false\" [matBadge]=\"selection.all.length\"\r\n          matBadgeColor=\"accent\">playlist_add_check</mat-icon>\r\n        <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n      </button>\r\n      }\r\n      <mat-menu #menuSelections=\"matMenu\">\r\n        <clipper-document-menu [parent]=\"this\" [selectionSource]=\"selection\" [isReadable]=\"false\" [isReference]=\"true\">\r\n        </clipper-document-menu>\r\n      </mat-menu>\r\n      @if (facetsSearch && facetsSearch.hasFacets && facetsSidenav && (!facetsSidenav.opened || facetsClosed)) {\r\n      <div fxFlexAlign=\"center\">\r\n        <button type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Affina ricerca\" aria-label=\"'Affina ricerca'\"\r\n          (click)=\"facetsOpen()\">\r\n          <mat-icon>menu_open</mat-icon>\r\n        </button>\r\n      </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n<div mat-dialog-content style=\"padding:0 0 0 15px\" [ngStyle]=\"{'min-height.px': contentHeight}\">\r\n  <mat-sidenav-container [ngStyle]=\"{'height.px': contentHeight}\">\r\n    <mat-sidenav #facetsSidenav position=\"end\" autoFocus=\"false\" opened=\"false\" mode=\"{{facetsMode}}\"\r\n      class=\"sidenav sidenav-facets\">\r\n      @if (facetsSearch.busy) {\r\n      <div class=\"sidenav-overlay\"></div>\r\n      }\r\n      <div fxLayout=\"column\" fxFill>\r\n        <div style=\"height:5px\">\r\n          @if (facetsSearch.busy) {\r\n          <mat-progress-bar class=\"sidenav-loader\" mode=\"indeterminate\"></mat-progress-bar>\r\n          }\r\n        </div>\r\n        <div fxFlex=\"64px\">\r\n          <div fxLayout=\"row\" fxFill class=\"sidenav-title-container\">\r\n            <div fxFlex=\"*\" fxFlexAlign=\"center\" fxLayoutAlign=\"start\">\r\n              <span class=\"sidenav-title\">Affina ricerca</span>\r\n            </div>\r\n            <div fxLayoutAlign=\"end\">\r\n              <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Nascondi\"\r\n                (click)=\"facetsClose(true)\" color=\"primary\">\r\n                <mat-icon>clear</mat-icon>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div fxFlex=\"*\" style=\"overflow: hidden;\">\r\n          <clipper-search-facets #facetsSearch></clipper-search-facets>\r\n        </div>\r\n      </div>\r\n    </mat-sidenav>\r\n    <mat-sidenav-content>\r\n      <div [ngStyle]=\"{'height.px': contentHeight }\">\r\n        <div fxLayout=\"column\" fxFill>\r\n          <div fxFlex=\"100\" id=\"references_container\" style=\"overflow: auto\">\r\n            <div style=\"overflow:hidden\">\r\n              @if (!snapshot.total) {\r\n              <div style=\"padding:32px;\">\r\n                <div class=\"item-greyed-1\" style='text-align: center'>\r\n                  <p>Nessun elemento da visualizzare.</p>\r\n                  <p>Il filtro applicato non consente la selezione di alcun risulato.</p>\r\n                </div>\r\n              </div>\r\n              }\r\n              @if (snapshot.total) {\r\n              <div>\r\n                @for (item of snapshot.items; track item) {\r\n                <div (contextmenu)=\"onContextMenu($event, item)\" (mouseenter)=\"item.isOver = true\"\r\n                  (mouseleave)=\"item.isOver = false\">\r\n                  @if (item.group) {\r\n                  <div style=\"padding-left: 15px; padding-top:24px;\">\r\n                    <div class=\"item-accent\">{{item.group}}</div>\r\n                  </div>\r\n                  }\r\n                  <div fxLayout=\"row\" fxLayoutGap=\"0px\" fxFill class=\"item\"\r\n                    [ngClass]=\"{'item-selected': selection.isSelected(item.documentId) }\">\r\n                    <div fxFlex=\"48px\" fxFlexAlign=\"center\" fxLayoutAlign=\"center\">\r\n                      @if ($screen.isTouchable || item.isOver || selection.isSelected(item.documentId)) {\r\n                      <mat-checkbox color=\"primary\" (click)=\"$event.stopPropagation()\"\r\n                        (change)=\"$event ? selection.toggle(item, item.documentId) : null\"\r\n                        [checked]=\"selection.isSelected(item.documentId)\">\r\n                      </mat-checkbox>\r\n                      }\r\n                    </div>\r\n                    <div fxFlex=\"100\" fxFlexAlign=\"center\">\r\n                      @if (!item.isJuris && item.model != 9 && (item.model != 11 || snapshot.searchParams.mode == 2) &&\r\n                      item.modelName && item.modelName.length > 0) {\r\n                      <div class=\"item-line item-line-3 item-line-read item-greyed-1 uppercase\">\r\n                        {{item.modelName}}</div>\r\n                      }\r\n                      @if (!item.isJuris && item.model == 22) {\r\n                      <div class=\"item-line item-line-3 item-line-read item-greyed-1 uppercase\">ARS\r\n                        BLOG</div>\r\n                      }\r\n                      @if (item.author && item.origin === 'LR') {\r\n                      <div class=\"item-line item-line-3 item-line-read item-greyed-1 uppercase\">{{item.author}}</div>\r\n                      }\r\n                      <div class=\"item-line item-line-2 item-line-read\">\r\n                        <a (click)=\"open(item.documentId)\"\r\n                          [attr.aria-label]=\"'Apri documento ' + (item.title1 ? item.title1: item.title2)\">{{item.title1\r\n                          ? item.title1 : item.title2}}</a>\r\n                        @if (item.part > 0) {\r\n                        <span class=\"item-badge\">PARTE {{item.part}}</span>\r\n                        }\r\n\r\n                      </div>\r\n                      @if (item.title1 && item.title2) {\r\n                      <div class=\"item-line item-line-2 item-line-read\">\r\n                        {{item.title2}}\r\n                      </div>\r\n                      }\r\n                      @if (item.originDescription ) {\r\n                      <div class=\"item-line item-line-3 item-line-read item-greyed-2\">\r\n                        {{item.originDescription}}\r\n                      </div>\r\n                      }\r\n                      @if (item.anchors.length > 0) {\r\n                      <div class=\"item-line item-line-3 item-line-read\">\r\n                        <div class=\"item-line-block\">\r\n                          <div class=\"item-line-block-title\">DETTAGLIO</div>\r\n                          <div>\r\n                            @for (a of item.anchors; track a) {\r\n                            <span>\r\n                              @if (a.uri && a.text) {\r\n                              <a class=\"link\" style='line-height: 18px; margin-right: 8px'\r\n                                (click)=\"open(a.documentId + '#' + a.uri)\" [matTooltip]=\"a.title\">{{a.text}} @if\r\n                                (a.veryRelevant) {\r\n                                <sup>\r\n                                  <mat-icon style='font-size:x-small; height: 10px; width:10px' color=\"primary\"\r\n                                    matTooltip=\"Molto rilevante\">thumb_up_alt</mat-icon>\r\n                                </sup>\r\n                                }</a>\r\n                              }\r\n                              @if (!a.uri && a.text) {\r\n                              <span style='line-height: 18px; margin-right: 8px '>{{a.text}}</span>\r\n                              }\r\n                            </span>\r\n                            }\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      }\r\n                      @if (item.validityState > 0) {\r\n                      <div class=\"item-line item-line-3 item-line-read\">\r\n                        <span\r\n                          style=\"background-color: red; color: white; padding: 2px 4px; border-radius: 3px; border: 1px solid red\">\r\n                          {{item.validityDescription}}\r\n                        </span>\r\n                      </div>\r\n                      }\r\n\r\n                    </div>\r\n                    <div fxFlex=\"48px\" fxLayoutAlign=\"end\">\r\n                      @if (item.isOver || item.isMenuOpen || selection.isSelected(item.documentId)) {\r\n                      <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Menu\"\r\n                        [attr.aria-label]=\"'Menu opzioni'\" [matMenuTriggerFor]=\"contextMenu\"\r\n                        [matMenuTriggerData]=\"{item: item}\" (click)=\"item.isMenuOpen = true\">\r\n                        <mat-icon>more_vert</mat-icon>\r\n                      </button>\r\n                      }\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                }\r\n                <div #contextMenuTrigger=\"matMenuTrigger\" style=\"position: fixed\" [style.left]=\"contextMenuPosition.x\"\r\n                  [style.top]=\"contextMenuPosition.y\" [matMenuTriggerFor]=\"contextMenu\"\r\n                  [matMenuTriggerData]=\"{item: item}\">\r\n                </div>\r\n                <mat-menu #contextMenu=\"matMenu\" (closed)=\"updateMenuButtonsVisibility()\">\r\n                  <ng-template matMenuContent let-item=\"item\">\r\n                    <clipper-document-menu [parent]=\"this\" [item]=\"item\" [isReadable]=\"false\" [isReference]=\"true\">\r\n                    </clipper-document-menu>\r\n                  </ng-template>\r\n                </mat-menu>\r\n              </div>\r\n              }\r\n            </div>\r\n          </div>\r\n          <div>\r\n            <div fxLayout=\"row\" fxLayoutAlign=\"end\">\r\n              <div fxFlexAlign=\"center\">\r\n                @if (snapshot.total > 0) {\r\n                <mat-paginator #paginator class=\"paginator\" [hidePageSize]=\"true\" [length]=\"snapshot.total\"\r\n                  [pageSize]=\"25\" [showFirstLastButtons]=\"true\" (page)=\"fetchMore($event)\">\r\n                </mat-paginator>\r\n                }\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </mat-sidenav-content>\r\n  </mat-sidenav-container>\r\n</div>", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}\n"] }]
         }], ctorParameters: () => [{ type: i1.DialogService }, { type: i2.ClipperService }, { type: i3.ScreenService }, { type: i4.MediaObserver }, { type: i3$1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -1488,7 +1488,7 @@ class ClipperSearchDialogComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ClipperSearchDialogComponent, deps: [{ token: i1$1.ApplicationDialogService }, { token: i2.ClipperService }, { token: i3$1.MatDialog }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: ClipperSearchDialogComponent, isStandalone: true, selector: "ng-component", outputs: { done: "done" }, host: { attributes: { "Bind": SystemUtils.generateUUID() } }, providers: [
             MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER
-        ], viewQueries: [{ propertyName: "okButton", first: true, predicate: ["okButton"], descendants: true }], ngImport: i0, template: "<h2 mat-dialog-title>Ricerca</h2>\r\n<div mat-dialog-content>\r\n  <form name=\"form\" #f=\"ngForm\" (keyup.Enter)=\"!f.form.invalid ? ok() : null\" novalidate>\r\n    <div fxLayout=\"column\">\r\n      <div fxFlexAlign=\"end\">\r\n        @if (enableRead) {\r\n<div style=\"padding-bottom:10px\">\r\n          <mat-checkbox color=\"primary\" name=\"showUnreadDocumentsOnly\" [(ngModel)]=\"params.showUnreadDocumentsOnly\">\r\n            Mostra solo non letti</mat-checkbox>\r\n        </div>\r\n}\r\n        @if (enableComments) {\r\n<div style=\"padding-bottom:10px\">\r\n          <mat-checkbox color=\"primary\" name=\"showCommentedDocumentsOnly\"\r\n            [(ngModel)]=\"params.showCommentedDocumentsOnly\">\r\n            Mostra solo norme con commenti</mat-checkbox>\r\n        </div>\r\n}\r\n      </div>\r\n      @if (enableModel) {\r\n<mat-form-field>\r\n        <mat-label>Tipo</mat-label>\r\n        <mat-select [(ngModel)]=\"params.sector\" #sector=\"ngModel\" name=\"model\" (selectionChange)=\"sectorChanged()\">\r\n          <mat-option>Tutti</mat-option>\r\n          @for (m of models; track m) {\r\n  <mat-option [value]=\"m.id\">\r\n            {{m.name}}\r\n          </mat-option>\r\n}\r\n        </mat-select>\r\n      </mat-form-field>\r\n}\r\n      @if (enableSector) {\r\n<mat-form-field>\r\n        <mat-label>Settore</mat-label>\r\n        <mat-select [(ngModel)]=\"params.sector\" #sector=\"ngModel\" name=\"sector\" (selectionChange)=\"sectorChanged()\">\r\n          <mat-option>Tutti</mat-option>\r\n          @for (s of sectors; track s) {\r\n  <mat-option [value]=\"s.id\">\r\n            @if (s.group == 'A') {\r\n<span>&nbsp;&nbsp;</span>\r\n}\r\n            {{s.name}}\r\n          </mat-option>\r\n}\r\n        </mat-select>\r\n      </mat-form-field>\r\n}\r\n      @if (enableAuthor && authors && authors.length > 0) {\r\n<mat-form-field>\r\n        <mat-label>Autore</mat-label>\r\n        <mat-select [(ngModel)]=\"params.author\" #sector=\"ngModel\" name=\"author\">\r\n          <mat-option>Tutti</mat-option>\r\n          @for (a of authors; track a) {\r\n  <mat-option [value]=\"a.authorId\">\r\n            {{a.authorDescription}}\r\n          </mat-option>\r\n}\r\n        </mat-select>\r\n      </mat-form-field>\r\n}\r\n      @if (enableTopic && topics && topics.length > 0) {\r\n<mat-form-field>\r\n        <mat-label>Argomento</mat-label>\r\n        <mat-select [(ngModel)]=\"params.topic\" #topic=\"ngModel\" name=\"topic\">\r\n          <mat-option>Tutti</mat-option>\r\n          @for (t of topics; track t) {\r\n  <mat-option [value]=\"t.value\" [matTooltip]=\"t.name\">\r\n            <div [innerHtml]=\"t.title | safeHtml\"></div>\r\n          </mat-option>\r\n}\r\n        </mat-select>\r\n      </mat-form-field>\r\n}\r\n      @if (enableTaxonomy) {\r\n<mat-form-field>\r\n        <mat-label>Argomento</mat-label>\r\n        <input matInput [(ngModel)]=\"params.taxonomyNode\" readonly name=\"taxonomy\" />\r\n        @if (params.taxonomyNode) {\r\n<button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\"\r\n          (click)=\"params.taxonomy = null; params.taxonomyNode = null; params.taxonomyPath = null\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n}\r\n        <button type=\"button\" mat-icon-button matSuffix aria-label=\"Scegli\" matTooltip=\"Scegli\"\r\n          (click)=\"selectTaxonomy()\">\r\n          <mat-icon>search</mat-icon>\r\n        </button>\r\n        @if (params.taxonomyNode) {\r\n<mat-hint align=\"start\" class=\"truncated lowercase\">\r\n          <div>{{params.taxonomyPath}}</div>\r\n        </mat-hint>\r\n}\r\n      </mat-form-field>\r\n}\r\n      @if (enableType) {\r\n<mat-form-field>\r\n        <mat-label>Tipo</mat-label>\r\n        <mat-select [(ngModel)]=\"params.type\" #topic=\"ngModel\" name=\"type\">\r\n          <mat-option>Tutti</mat-option>\r\n          @for (t of types; track t) {\r\n  <mat-option [value]=\"t.documentTypeId\" [matTooltip]=\"t.documentTypeDescription\">\r\n            {{t.documentTypeDescription}}\r\n          </mat-option>\r\n}\r\n        </mat-select>\r\n      </mat-form-field>\r\n}\r\n      @if (enableText) {\r\n<mat-form-field>\r\n        <mat-label>Testo</mat-label>\r\n        <input matInput name=\"text\" #text [(ngModel)]=\"params.text\" maxlength=\"200\" />\r\n        @if (params.text) {\r\n<button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\"\r\n          (click)=\"params.text = null\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n}\r\n        <button fxHide.xs type=\"button\" mat-icon-button matSuffix aria-label=\"Componi\" matTooltip=\"Componi\"\r\n          (click)=\"text.focus(); compose()\">\r\n          <mat-icon>build</mat-icon>\r\n        </button>\r\n        <button fxHide.xs type=\"button\" mat-icon-button matSuffix aria-label=\"Informazioni\"\r\n          matTooltip=\"Come effettuare la ricerca in testo libero\" (click)=\"text.focus(); help()\">\r\n          <mat-icon>help_outline</mat-icon>\r\n        </button>\r\n      </mat-form-field>\r\n}\r\n      @if (enableText) {\r\n<div style=\"padding-bottom:10px\">\r\n        <mat-checkbox color=\"primary\" [disabled]=\"!params.text\" name=\"titleOnly\"\r\n          [(ngModel)]=\"params.titleOnly\">Cerca\r\n          solo nel titolo</mat-checkbox>\r\n      </div>\r\n}\r\n      @if (enablePublication) {\r\n<div>\r\n        <div class=\"section-title\">Pubblicazione</div>\r\n        <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n          <mat-form-field fxFlex=\"49\" fxFlex.xs=\"100\">\r\n            <mat-label>Intervallo</mat-label>\r\n            <mat-date-range-input [rangePicker]=\"picker1\">\r\n              <input matStartDate [(ngModel)]=\"interval.from\" [dateIntervalChange]=\"interval\" #rangeFrom1=\"ngModel\"\r\n                name=\"rangeFrom1\" placeholder=\"Da data\">\r\n              <input matEndDate [(ngModel)]=\"interval.to\" [dateIntervalChange]=\"interval\" [end]=\"true\"\r\n                #rangeTo1=\"ngModel\" name=\"rangeTo1\" placeholder=\"A data\">\r\n            </mat-date-range-input>\r\n            @if (interval.from || interval.to) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n              aria-label=\"Pulisci\" (click)=\"interval.clear()\">\r\n              <mat-icon>close</mat-icon>\r\n            </button>\r\n}\r\n            <mat-datepicker-toggle matSuffix [for]=\"picker1\"></mat-datepicker-toggle>\r\n            <mat-date-range-picker #picker1></mat-date-range-picker>\r\n            @if (rangeFrom1.invalid || rangeTo1.invalid) {\r\n<mat-error>Intervallo non valido.</mat-error>\r\n}\r\n          </mat-form-field>\r\n        </div>\r\n      </div>\r\n}\r\n      @if (enableDocument) {\r\n<div>\r\n        <div class=\"section-title\">Estremi documento</div>\r\n        <div class=\"section\">\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n            <mat-form-field fxFlex=\"30\" fxFlex.xs=\"100\">\r\n              <mat-label>Num. doc.</mat-label>\r\n              <input matInput [(ngModel)]=\"params.number\" #number=\"ngModel\" name=\"number\" maxlength=\"10\" />\r\n              @if (params.number) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.number = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-hint>Senza spazi</mat-hint>\r\n              @if (number.invalid) {\r\n<mat-error>Spazi non validi.</mat-error>\r\n}\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"68\" fxFlex.xs=\"100\">\r\n              <mat-label>Intervallo</mat-label>\r\n              <mat-date-range-input [rangePicker]=\"picker2\">\r\n                <input matStartDate [(ngModel)]=\"interval.from\" [dateIntervalChange]=\"interval\" #rangeFrom2=\"ngModel\"\r\n                  name=\"rangeFrom2\" placeholder=\"Da data\">\r\n                <input matEndDate [(ngModel)]=\"interval.to\" [dateIntervalChange]=\"interval\" [end]=\"true\"\r\n                  #rangeTo2=\"ngModel\" name=\"rangeTo2\" placeholder=\"A data\">\r\n              </mat-date-range-input>\r\n              @if (interval.from || interval.to) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"interval.clear()\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-datepicker-toggle matSuffix [for]=\"picker2\"></mat-datepicker-toggle>\r\n              <mat-date-range-picker #picker2></mat-date-range-picker>\r\n              @if (rangeFrom2.invalid || rangeTo2.invalid) {\r\n<mat-error>Intervallo non valido.</mat-error>\r\n}\r\n            </mat-form-field>\r\n          </div>\r\n        </div>\r\n      </div>\r\n}\r\n      @if (enableSource) {\r\n<div>\r\n        <div class=\"section-title\">Fonte</div>\r\n        <div class=\"section\">\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n            <mat-form-field fxFlex=\"30\" fxFlex.xs=\"100\">\r\n              <mat-label>Num. doc.</mat-label>\r\n              <input matInput [(ngModel)]=\"params.sourceNumber\" #sourceNumber=\"ngModel\" name=\"sourceNumber\"\r\n                maxlength=\"10\" />\r\n              @if (params.sourceNumber) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.sourceNumber = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-hint>Senza spazi</mat-hint>\r\n              @if (sourceNumber.invalid) {\r\n<mat-error>Spazi non validi.</mat-error>\r\n}\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"68\" fxFlex.xs=\"100\">\r\n              <mat-label>Intervallo</mat-label>\r\n              <mat-date-range-input [rangePicker]=\"picker3\">\r\n                <input matStartDate [(ngModel)]=\"sourceInterval.from\" [dateIntervalChange]=\"sourceInterval\"\r\n                  #rangeFrom3=\"ngModel\" name=\"rangeFrom3\" placeholder=\"Da data\">\r\n                <input matEndDate [(ngModel)]=\"sourceInterval.to\" [dateIntervalChange]=\"sourceInterval\" [end]=\"true\"\r\n                  #rangeTo3=\"ngModel\" name=\"rangeTo3\" placeholder=\"A data\">\r\n              </mat-date-range-input>\r\n              @if (sourceInterval.from || sourceInterval.to) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix\r\n                mat-icon-button aria-label=\"Pulisci\" (click)=\"sourceInterval.clear()\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-datepicker-toggle matSuffix [for]=\"picker3\"></mat-datepicker-toggle>\r\n              <mat-date-range-picker #picker3></mat-date-range-picker>\r\n              @if (rangeFrom3.invalid || rangeTo3.invalid) {\r\n<mat-error>Intervallo non valido.</mat-error>\r\n}\r\n            </mat-form-field>\r\n          </div>\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n            @if (sources && sources.length > 0) {\r\n<mat-form-field fxFlex=\"100\">\r\n              <mat-label>Tipo fonte</mat-label>\r\n              <mat-select [(ngModel)]=\"params.source\" #sector=\"ngModel\" name=\"source\">\r\n                <mat-option>Tutti</mat-option>\r\n                @for (s of sources; track s) {\r\n  <mat-option [value]=\"s.id\">\r\n                  {{s.name}}\r\n                </mat-option>\r\n}\r\n              </mat-select>\r\n            </mat-form-field>\r\n}\r\n          </div>\r\n        </div>\r\n      </div>\r\n}\r\n      @if (enableChanges) {\r\n<div>\r\n        <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n          <mat-form-field fxFlex=\"49\" fxFlex.xs=\"100\">\r\n            <mat-label>Motivo</mat-label>\r\n            <mat-select [(ngModel)]=\"params.reason\" #topic=\"ngModel\" name=\"reason\">\r\n              @for (t of types; track t) {\r\n  <mat-option [value]=\"t.value\" [matTooltip]=\"t.name\">\r\n                {{t.name}}\r\n              </mat-option>\r\n}\r\n            </mat-select>\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"section-title mat-body-3\">Documento modificato</div>\r\n        <div class=\"section\">\r\n          <p class=\"small\" style=\"line-height: 12px\"><i>Saranno visualizzati i documenti modificanti.</i>\r\n          </p>\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n            <mat-form-field fxFlex=\"23\" fxFlex.xs=\"100\">\r\n              <mat-label>Num. doc.</mat-label>\r\n              <input matInput [(ngModel)]=\"params.changedNumber\" #changedNumber=\"ngModel\" name=\"changedNumber\"\r\n                maxlength=\"10\" />\r\n              @if (params.changedNumber) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.changedNumber = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-hint>Senza spazi</mat-hint>\r\n              @if (changedNumber.invalid) {\r\n<mat-error>Spazi non validi.</mat-error>\r\n}\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"23\" fxFlex.xs=\"100\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" min=\"1750\" matInput [(ngModel)]=\"params.changedYear\" #changedYear=\"ngModel\"\r\n                name=\"changedYear\" maxlength=\"4\" />\r\n              @if (params.changedYear) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.changedYear = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-hint>Dal 1750</mat-hint>\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"51\" fxFlex.xs=\"100\">\r\n              <mat-label>Titolo</mat-label>\r\n              <input matInput [(ngModel)]=\"params.changedTitle\" #changedTitle=\"ngModel\" name=\"changedTitle\"\r\n                maxlength=\"10\" />\r\n              @if (params.changedTitle) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.changedTitle = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n            </mat-form-field>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"section-title \">Documento modificante</div>\r\n        <div class=\"section\">\r\n          <p class=\"small\" style=\"line-height: 12px\">\r\n            <i>Saranno visualizzati i documenti modificati, oppure solo i modificanti se \u00E8 stato specificato\r\n              l'estremo del documento modificato.</i>\r\n          </p>\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n            <mat-form-field fxFlex=\"23\" fxFlex.xs=\"100\">\r\n              <mat-label>Num. doc.</mat-label>\r\n              <input matInput [(ngModel)]=\"params.modifierNumber\" #modifierNumber=\"ngModel\" name=\"modifierNumber\"\r\n                maxlength=\"10\" />\r\n              @if (params.modifierNumber) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.modifierNumber = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-hint>Senza spazi</mat-hint>\r\n              @if (modifierNumber.invalid) {\r\n<mat-error>Spazi non validi.</mat-error>\r\n}\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"23\" fxFlex.xs=\"100\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" min=1750 matInput [(ngModel)]=\"params.modifierYear\" #modifierYear=\"ngModel\"\r\n                name=\"modifierYear\" maxlength=\"4\" />\r\n              @if (params.modifierYear) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.modifierYear = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-hint>Dal 1750</mat-hint>\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"51\" fxFlex.xs=\"100\">\r\n              <mat-label>Titolo</mat-label>\r\n              <input matInput [(ngModel)]=\"params.modifierTitle\" #modifierTitle=\"ngModel\" name=\"modifierTitle\"\r\n                maxlength=\"10\" />\r\n              @if (params.modifierTitle) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.modifierTitle = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n            </mat-form-field>\r\n          </div>\r\n        </div>\r\n      </div>\r\n}\r\n    </div>\r\n  </form>\r\n</div>\r\n<div mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxFlex=\"30\">\r\n      <button type=\"button\" mat-button (click)=\"clear()\" color=\"primary\">PULISCI</button>\r\n    </div>\r\n    <div fxFlex=\"70\" fxLayoutAlign=\"end\">\r\n      <button mat-flat-button color=\"primary\" #okButton [disabled]=\"f.form.invalid\" (click)=\"ok()\">TROVA</button>\r\n      <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">CHIUDI</button>\r\n    </div>\r\n  </div>\r\n</div>", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i4$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FlexModule }, { kind: "directive", type: i6.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: i6.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: i6.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: i6.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i6.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: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i10$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i7$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i7$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i7$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i8.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i9$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ExtendedModule }, { kind: "directive", type: i14.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: MatDatepickerModule }, { kind: "component", type: i15$1.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i15$1.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i15$1.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i15$1.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i15$1.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "directive", type: DateIntervalChangeDirective, selector: "[dateIntervalChange]", inputs: ["dateIntervalChange", "end"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
+        ], viewQueries: [{ propertyName: "okButton", first: true, predicate: ["okButton"], descendants: true }], ngImport: i0, template: "<h2 mat-dialog-title>Ricerca</h2>\r\n<div mat-dialog-content>\r\n  <form name=\"form\" #f=\"ngForm\" (keyup.Enter)=\"!f.form.invalid ? ok() : null\" novalidate>\r\n    <div fxLayout=\"column\">\r\n      <div fxFlexAlign=\"end\">\r\n        @if (enableRead) {\r\n<div style=\"padding-bottom:10px\">\r\n          <mat-checkbox color=\"primary\" name=\"showUnreadDocumentsOnly\" [(ngModel)]=\"params.showUnreadDocumentsOnly\">\r\n            Mostra solo non letti</mat-checkbox>\r\n        </div>\r\n}\r\n        @if (enableComments) {\r\n<div style=\"padding-bottom:10px\">\r\n          <mat-checkbox color=\"primary\" name=\"showCommentedDocumentsOnly\"\r\n            [(ngModel)]=\"params.showCommentedDocumentsOnly\">\r\n            Mostra solo norme con commenti</mat-checkbox>\r\n        </div>\r\n}\r\n      </div>\r\n      @if (enableModel) {\r\n<mat-form-field>\r\n        <mat-label>Tipo</mat-label>\r\n        <mat-select [(ngModel)]=\"params.sector\" #sector=\"ngModel\" name=\"model\" (selectionChange)=\"sectorChanged()\">\r\n          <mat-option>Tutti</mat-option>\r\n          @for (m of models; track m) {\r\n  <mat-option [value]=\"m.id\">\r\n            {{m.name}}\r\n          </mat-option>\r\n}\r\n        </mat-select>\r\n      </mat-form-field>\r\n}\r\n      @if (enableSector) {\r\n<mat-form-field>\r\n        <mat-label>Settore</mat-label>\r\n        <mat-select [(ngModel)]=\"params.sector\" #sector=\"ngModel\" name=\"sector\" (selectionChange)=\"sectorChanged()\">\r\n          <mat-option>Tutti</mat-option>\r\n          @for (s of sectors; track s) {\r\n  <mat-option [value]=\"s.id\">\r\n            @if (s.group == 'A') {\r\n<span>&nbsp;&nbsp;</span>\r\n}\r\n            {{s.name}}\r\n          </mat-option>\r\n}\r\n        </mat-select>\r\n      </mat-form-field>\r\n}\r\n      @if (enableAuthor && authors && authors.length > 0) {\r\n<mat-form-field>\r\n        <mat-label>Autore</mat-label>\r\n        <mat-select [(ngModel)]=\"params.author\" #sector=\"ngModel\" name=\"author\">\r\n          <mat-option>Tutti</mat-option>\r\n          @for (a of authors; track a) {\r\n  <mat-option [value]=\"a.authorId\">\r\n            {{a.authorDescription}}\r\n          </mat-option>\r\n}\r\n        </mat-select>\r\n      </mat-form-field>\r\n}\r\n      @if (enableTopic && topics && topics.length > 0) {\r\n<mat-form-field>\r\n        <mat-label>Argomento</mat-label>\r\n        <mat-select [(ngModel)]=\"params.topic\" #topic=\"ngModel\" name=\"topic\">\r\n          <mat-option>Tutti</mat-option>\r\n          @for (t of topics; track t) {\r\n  <mat-option [value]=\"t.value\" [matTooltip]=\"t.name\">\r\n            <div [innerHtml]=\"t.title | safeHtml\"></div>\r\n          </mat-option>\r\n}\r\n        </mat-select>\r\n      </mat-form-field>\r\n}\r\n      @if (enableTaxonomy) {\r\n<mat-form-field>\r\n        <mat-label>Argomento</mat-label>\r\n        <input matInput [(ngModel)]=\"params.taxonomyNode\" readonly name=\"taxonomy\" />\r\n        @if (params.taxonomyNode) {\r\n<button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\"\r\n          (click)=\"params.taxonomy = null; params.taxonomyNode = null; params.taxonomyPath = null\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n}\r\n        <button type=\"button\" mat-icon-button matSuffix aria-label=\"Scegli\" matTooltip=\"Scegli\"\r\n          (click)=\"selectTaxonomy()\">\r\n          <mat-icon>search</mat-icon>\r\n        </button>\r\n        @if (params.taxonomyNode) {\r\n<mat-hint align=\"start\" class=\"truncated lowercase\">\r\n          <div>{{params.taxonomyPath}}</div>\r\n        </mat-hint>\r\n}\r\n      </mat-form-field>\r\n}\r\n      @if (enableType) {\r\n<mat-form-field>\r\n        <mat-label>Tipo</mat-label>\r\n        <mat-select [(ngModel)]=\"params.type\" #topic=\"ngModel\" name=\"type\">\r\n          <mat-option>Tutti</mat-option>\r\n          @for (t of types; track t) {\r\n  <mat-option [value]=\"t.documentTypeId\" [matTooltip]=\"t.documentTypeDescription\">\r\n            {{t.documentTypeDescription}}\r\n          </mat-option>\r\n}\r\n        </mat-select>\r\n      </mat-form-field>\r\n}\r\n      @if (enableText) {\r\n<mat-form-field>\r\n        <mat-label>Testo</mat-label>\r\n        <input matInput name=\"text\" #text [(ngModel)]=\"params.text\" maxlength=\"200\" />\r\n        @if (params.text) {\r\n<button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\"\r\n          (click)=\"params.text = null\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n}\r\n        <button fxHide.xs type=\"button\" mat-icon-button matSuffix aria-label=\"Componi\" matTooltip=\"Componi\"\r\n          (click)=\"text.focus(); compose()\">\r\n          <mat-icon>build</mat-icon>\r\n        </button>\r\n        <button fxHide.xs type=\"button\" mat-icon-button matSuffix aria-label=\"Informazioni\"\r\n          matTooltip=\"Come effettuare la ricerca in testo libero\" (click)=\"text.focus(); help()\">\r\n          <mat-icon>help_outline</mat-icon>\r\n        </button>\r\n      </mat-form-field>\r\n}\r\n      @if (enableText) {\r\n<div style=\"padding-bottom:10px\">\r\n        <mat-checkbox color=\"primary\" [disabled]=\"!params.text\" name=\"titleOnly\"\r\n          [(ngModel)]=\"params.titleOnly\">Cerca\r\n          solo nel titolo</mat-checkbox>\r\n      </div>\r\n}\r\n      @if (enablePublication) {\r\n<div>\r\n        <div class=\"section-title\">Pubblicazione</div>\r\n        <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n          <mat-form-field fxFlex=\"49\" fxFlex.xs=\"100\">\r\n            <mat-label>Intervallo</mat-label>\r\n            <mat-date-range-input [rangePicker]=\"picker1\">\r\n              <input matStartDate [(ngModel)]=\"interval.from\" [dateIntervalChange]=\"interval\" #rangeFrom1=\"ngModel\"\r\n                name=\"rangeFrom1\" placeholder=\"Da data\">\r\n              <input matEndDate [(ngModel)]=\"interval.to\" [dateIntervalChange]=\"interval\" [end]=\"true\"\r\n                #rangeTo1=\"ngModel\" name=\"rangeTo1\" placeholder=\"A data\">\r\n            </mat-date-range-input>\r\n            @if (interval.from || interval.to) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n              aria-label=\"Pulisci\" (click)=\"interval.clear()\">\r\n              <mat-icon>close</mat-icon>\r\n            </button>\r\n}\r\n            <mat-datepicker-toggle matSuffix [for]=\"picker1\"></mat-datepicker-toggle>\r\n            <mat-date-range-picker #picker1></mat-date-range-picker>\r\n            @if (rangeFrom1.invalid || rangeTo1.invalid) {\r\n<mat-error>Intervallo non valido.</mat-error>\r\n}\r\n          </mat-form-field>\r\n        </div>\r\n      </div>\r\n}\r\n      @if (enableDocument) {\r\n<div>\r\n        <div class=\"section-title\">Estremi documento</div>\r\n        <div class=\"section\">\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n            <mat-form-field fxFlex=\"30\" fxFlex.xs=\"100\">\r\n              <mat-label>Num. doc.</mat-label>\r\n              <input matInput [(ngModel)]=\"params.number\" #number=\"ngModel\" name=\"number\" maxlength=\"10\" />\r\n              @if (params.number) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.number = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-hint>Senza spazi</mat-hint>\r\n              @if (number.invalid) {\r\n<mat-error>Spazi non validi.</mat-error>\r\n}\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"68\" fxFlex.xs=\"100\">\r\n              <mat-label>Intervallo</mat-label>\r\n              <mat-date-range-input [rangePicker]=\"picker2\">\r\n                <input matStartDate [(ngModel)]=\"interval.from\" [dateIntervalChange]=\"interval\" #rangeFrom2=\"ngModel\"\r\n                  name=\"rangeFrom2\" placeholder=\"Da data\">\r\n                <input matEndDate [(ngModel)]=\"interval.to\" [dateIntervalChange]=\"interval\" [end]=\"true\"\r\n                  #rangeTo2=\"ngModel\" name=\"rangeTo2\" placeholder=\"A data\">\r\n              </mat-date-range-input>\r\n              @if (interval.from || interval.to) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"interval.clear()\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-datepicker-toggle matSuffix [for]=\"picker2\"></mat-datepicker-toggle>\r\n              <mat-date-range-picker #picker2></mat-date-range-picker>\r\n              @if (rangeFrom2.invalid || rangeTo2.invalid) {\r\n<mat-error>Intervallo non valido.</mat-error>\r\n}\r\n            </mat-form-field>\r\n          </div>\r\n        </div>\r\n      </div>\r\n}\r\n      @if (enableSource) {\r\n<div>\r\n        <div class=\"section-title\">Fonte</div>\r\n        <div class=\"section\">\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n            <mat-form-field fxFlex=\"30\" fxFlex.xs=\"100\">\r\n              <mat-label>Num. doc.</mat-label>\r\n              <input matInput [(ngModel)]=\"params.sourceNumber\" #sourceNumber=\"ngModel\" name=\"sourceNumber\"\r\n                maxlength=\"10\" />\r\n              @if (params.sourceNumber) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.sourceNumber = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-hint>Senza spazi</mat-hint>\r\n              @if (sourceNumber.invalid) {\r\n<mat-error>Spazi non validi.</mat-error>\r\n}\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"68\" fxFlex.xs=\"100\">\r\n              <mat-label>Intervallo</mat-label>\r\n              <mat-date-range-input [rangePicker]=\"picker3\">\r\n                <input matStartDate [(ngModel)]=\"sourceInterval.from\" [dateIntervalChange]=\"sourceInterval\"\r\n                  #rangeFrom3=\"ngModel\" name=\"rangeFrom3\" placeholder=\"Da data\">\r\n                <input matEndDate [(ngModel)]=\"sourceInterval.to\" [dateIntervalChange]=\"sourceInterval\" [end]=\"true\"\r\n                  #rangeTo3=\"ngModel\" name=\"rangeTo3\" placeholder=\"A data\">\r\n              </mat-date-range-input>\r\n              @if (sourceInterval.from || sourceInterval.to) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix\r\n                mat-icon-button aria-label=\"Pulisci\" (click)=\"sourceInterval.clear()\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-datepicker-toggle matSuffix [for]=\"picker3\"></mat-datepicker-toggle>\r\n              <mat-date-range-picker #picker3></mat-date-range-picker>\r\n              @if (rangeFrom3.invalid || rangeTo3.invalid) {\r\n<mat-error>Intervallo non valido.</mat-error>\r\n}\r\n            </mat-form-field>\r\n          </div>\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n            @if (sources && sources.length > 0) {\r\n<mat-form-field fxFlex=\"100\">\r\n              <mat-label>Tipo fonte</mat-label>\r\n              <mat-select [(ngModel)]=\"params.source\" #sector=\"ngModel\" name=\"source\">\r\n                <mat-option>Tutti</mat-option>\r\n                @for (s of sources; track s) {\r\n  <mat-option [value]=\"s.id\">\r\n                  {{s.name}}\r\n                </mat-option>\r\n}\r\n              </mat-select>\r\n            </mat-form-field>\r\n}\r\n          </div>\r\n        </div>\r\n      </div>\r\n}\r\n      @if (enableChanges) {\r\n<div>\r\n        <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n          <mat-form-field fxFlex=\"49\" fxFlex.xs=\"100\">\r\n            <mat-label>Motivo</mat-label>\r\n            <mat-select [(ngModel)]=\"params.reason\" #topic=\"ngModel\" name=\"reason\">\r\n              @for (t of types; track t) {\r\n  <mat-option [value]=\"t.value\" [matTooltip]=\"t.name\">\r\n                {{t.name}}\r\n              </mat-option>\r\n}\r\n            </mat-select>\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"section-title mat-body-3\">Documento modificato</div>\r\n        <div class=\"section\">\r\n          <p class=\"small\" style=\"line-height: 12px\"><i>Saranno visualizzati i documenti modificanti.</i>\r\n          </p>\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n            <mat-form-field fxFlex=\"23\" fxFlex.xs=\"100\">\r\n              <mat-label>Num. doc.</mat-label>\r\n              <input matInput [(ngModel)]=\"params.changedNumber\" #changedNumber=\"ngModel\" name=\"changedNumber\"\r\n                maxlength=\"10\" />\r\n              @if (params.changedNumber) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.changedNumber = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-hint>Senza spazi</mat-hint>\r\n              @if (changedNumber.invalid) {\r\n<mat-error>Spazi non validi.</mat-error>\r\n}\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"23\" fxFlex.xs=\"100\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" min=\"1750\" matInput [(ngModel)]=\"params.changedYear\" #changedYear=\"ngModel\"\r\n                name=\"changedYear\" maxlength=\"4\" />\r\n              @if (params.changedYear) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.changedYear = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-hint>Dal 1750</mat-hint>\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"51\" fxFlex.xs=\"100\">\r\n              <mat-label>Titolo</mat-label>\r\n              <input matInput [(ngModel)]=\"params.changedTitle\" #changedTitle=\"ngModel\" name=\"changedTitle\"\r\n                maxlength=\"10\" />\r\n              @if (params.changedTitle) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.changedTitle = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n            </mat-form-field>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"section-title \">Documento modificante</div>\r\n        <div class=\"section\">\r\n          <p class=\"small\" style=\"line-height: 12px\">\r\n            <i>Saranno visualizzati i documenti modificati, oppure solo i modificanti se \u00E8 stato specificato\r\n              l'estremo del documento modificato.</i>\r\n          </p>\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n            <mat-form-field fxFlex=\"23\" fxFlex.xs=\"100\">\r\n              <mat-label>Num. doc.</mat-label>\r\n              <input matInput [(ngModel)]=\"params.modifierNumber\" #modifierNumber=\"ngModel\" name=\"modifierNumber\"\r\n                maxlength=\"10\" />\r\n              @if (params.modifierNumber) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.modifierNumber = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-hint>Senza spazi</mat-hint>\r\n              @if (modifierNumber.invalid) {\r\n<mat-error>Spazi non validi.</mat-error>\r\n}\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"23\" fxFlex.xs=\"100\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" min=1750 matInput [(ngModel)]=\"params.modifierYear\" #modifierYear=\"ngModel\"\r\n                name=\"modifierYear\" maxlength=\"4\" />\r\n              @if (params.modifierYear) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.modifierYear = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-hint>Dal 1750</mat-hint>\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"51\" fxFlex.xs=\"100\">\r\n              <mat-label>Titolo</mat-label>\r\n              <input matInput [(ngModel)]=\"params.modifierTitle\" #modifierTitle=\"ngModel\" name=\"modifierTitle\"\r\n                maxlength=\"10\" />\r\n              @if (params.modifierTitle) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.modifierTitle = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n            </mat-form-field>\r\n          </div>\r\n        </div>\r\n      </div>\r\n}\r\n    </div>\r\n  </form>\r\n</div>\r\n<div mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxFlex=\"30\">\r\n      <button type=\"button\" mat-button (click)=\"clear()\" color=\"primary\">PULISCI</button>\r\n    </div>\r\n    <div fxFlex=\"70\" fxLayoutAlign=\"end\">\r\n      <button mat-flat-button color=\"primary\" #okButton [disabled]=\"f.form.invalid\" (click)=\"ok()\">TROVA</button>\r\n      <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">CHIUDI</button>\r\n    </div>\r\n  </div>\r\n</div>", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}\n"], dependencies: [{ kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i4$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FlexModule }, { kind: "directive", type: i6.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: i6.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: i6.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: i6.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i6.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: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i10$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i7$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i7$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i7$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i8.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i9$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ExtendedModule }, { kind: "directive", type: i14.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: MatDatepickerModule }, { kind: "component", type: i15$1.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i15$1.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i15$1.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i15$1.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i15$1.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "directive", type: DateIntervalChangeDirective, selector: "[dateIntervalChange]", inputs: ["dateIntervalChange", "end"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ClipperSearchDialogComponent, decorators: [{
             type: Component,
@@ -1513,7 +1513,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
                         MatDialogActions,
                         MatDialogClose,
                         SafeHtmlPipe,
-                    ], template: "<h2 mat-dialog-title>Ricerca</h2>\r\n<div mat-dialog-content>\r\n  <form name=\"form\" #f=\"ngForm\" (keyup.Enter)=\"!f.form.invalid ? ok() : null\" novalidate>\r\n    <div fxLayout=\"column\">\r\n      <div fxFlexAlign=\"end\">\r\n        @if (enableRead) {\r\n<div style=\"padding-bottom:10px\">\r\n          <mat-checkbox color=\"primary\" name=\"showUnreadDocumentsOnly\" [(ngModel)]=\"params.showUnreadDocumentsOnly\">\r\n            Mostra solo non letti</mat-checkbox>\r\n        </div>\r\n}\r\n        @if (enableComments) {\r\n<div style=\"padding-bottom:10px\">\r\n          <mat-checkbox color=\"primary\" name=\"showCommentedDocumentsOnly\"\r\n            [(ngModel)]=\"params.showCommentedDocumentsOnly\">\r\n            Mostra solo norme con commenti</mat-checkbox>\r\n        </div>\r\n}\r\n      </div>\r\n      @if (enableModel) {\r\n<mat-form-field>\r\n        <mat-label>Tipo</mat-label>\r\n        <mat-select [(ngModel)]=\"params.sector\" #sector=\"ngModel\" name=\"model\" (selectionChange)=\"sectorChanged()\">\r\n          <mat-option>Tutti</mat-option>\r\n          @for (m of models; track m) {\r\n  <mat-option [value]=\"m.id\">\r\n            {{m.name}}\r\n          </mat-option>\r\n}\r\n        </mat-select>\r\n      </mat-form-field>\r\n}\r\n      @if (enableSector) {\r\n<mat-form-field>\r\n        <mat-label>Settore</mat-label>\r\n        <mat-select [(ngModel)]=\"params.sector\" #sector=\"ngModel\" name=\"sector\" (selectionChange)=\"sectorChanged()\">\r\n          <mat-option>Tutti</mat-option>\r\n          @for (s of sectors; track s) {\r\n  <mat-option [value]=\"s.id\">\r\n            @if (s.group == 'A') {\r\n<span>&nbsp;&nbsp;</span>\r\n}\r\n            {{s.name}}\r\n          </mat-option>\r\n}\r\n        </mat-select>\r\n      </mat-form-field>\r\n}\r\n      @if (enableAuthor && authors && authors.length > 0) {\r\n<mat-form-field>\r\n        <mat-label>Autore</mat-label>\r\n        <mat-select [(ngModel)]=\"params.author\" #sector=\"ngModel\" name=\"author\">\r\n          <mat-option>Tutti</mat-option>\r\n          @for (a of authors; track a) {\r\n  <mat-option [value]=\"a.authorId\">\r\n            {{a.authorDescription}}\r\n          </mat-option>\r\n}\r\n        </mat-select>\r\n      </mat-form-field>\r\n}\r\n      @if (enableTopic && topics && topics.length > 0) {\r\n<mat-form-field>\r\n        <mat-label>Argomento</mat-label>\r\n        <mat-select [(ngModel)]=\"params.topic\" #topic=\"ngModel\" name=\"topic\">\r\n          <mat-option>Tutti</mat-option>\r\n          @for (t of topics; track t) {\r\n  <mat-option [value]=\"t.value\" [matTooltip]=\"t.name\">\r\n            <div [innerHtml]=\"t.title | safeHtml\"></div>\r\n          </mat-option>\r\n}\r\n        </mat-select>\r\n      </mat-form-field>\r\n}\r\n      @if (enableTaxonomy) {\r\n<mat-form-field>\r\n        <mat-label>Argomento</mat-label>\r\n        <input matInput [(ngModel)]=\"params.taxonomyNode\" readonly name=\"taxonomy\" />\r\n        @if (params.taxonomyNode) {\r\n<button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\"\r\n          (click)=\"params.taxonomy = null; params.taxonomyNode = null; params.taxonomyPath = null\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n}\r\n        <button type=\"button\" mat-icon-button matSuffix aria-label=\"Scegli\" matTooltip=\"Scegli\"\r\n          (click)=\"selectTaxonomy()\">\r\n          <mat-icon>search</mat-icon>\r\n        </button>\r\n        @if (params.taxonomyNode) {\r\n<mat-hint align=\"start\" class=\"truncated lowercase\">\r\n          <div>{{params.taxonomyPath}}</div>\r\n        </mat-hint>\r\n}\r\n      </mat-form-field>\r\n}\r\n      @if (enableType) {\r\n<mat-form-field>\r\n        <mat-label>Tipo</mat-label>\r\n        <mat-select [(ngModel)]=\"params.type\" #topic=\"ngModel\" name=\"type\">\r\n          <mat-option>Tutti</mat-option>\r\n          @for (t of types; track t) {\r\n  <mat-option [value]=\"t.documentTypeId\" [matTooltip]=\"t.documentTypeDescription\">\r\n            {{t.documentTypeDescription}}\r\n          </mat-option>\r\n}\r\n        </mat-select>\r\n      </mat-form-field>\r\n}\r\n      @if (enableText) {\r\n<mat-form-field>\r\n        <mat-label>Testo</mat-label>\r\n        <input matInput name=\"text\" #text [(ngModel)]=\"params.text\" maxlength=\"200\" />\r\n        @if (params.text) {\r\n<button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\"\r\n          (click)=\"params.text = null\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n}\r\n        <button fxHide.xs type=\"button\" mat-icon-button matSuffix aria-label=\"Componi\" matTooltip=\"Componi\"\r\n          (click)=\"text.focus(); compose()\">\r\n          <mat-icon>build</mat-icon>\r\n        </button>\r\n        <button fxHide.xs type=\"button\" mat-icon-button matSuffix aria-label=\"Informazioni\"\r\n          matTooltip=\"Come effettuare la ricerca in testo libero\" (click)=\"text.focus(); help()\">\r\n          <mat-icon>help_outline</mat-icon>\r\n        </button>\r\n      </mat-form-field>\r\n}\r\n      @if (enableText) {\r\n<div style=\"padding-bottom:10px\">\r\n        <mat-checkbox color=\"primary\" [disabled]=\"!params.text\" name=\"titleOnly\"\r\n          [(ngModel)]=\"params.titleOnly\">Cerca\r\n          solo nel titolo</mat-checkbox>\r\n      </div>\r\n}\r\n      @if (enablePublication) {\r\n<div>\r\n        <div class=\"section-title\">Pubblicazione</div>\r\n        <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n          <mat-form-field fxFlex=\"49\" fxFlex.xs=\"100\">\r\n            <mat-label>Intervallo</mat-label>\r\n            <mat-date-range-input [rangePicker]=\"picker1\">\r\n              <input matStartDate [(ngModel)]=\"interval.from\" [dateIntervalChange]=\"interval\" #rangeFrom1=\"ngModel\"\r\n                name=\"rangeFrom1\" placeholder=\"Da data\">\r\n              <input matEndDate [(ngModel)]=\"interval.to\" [dateIntervalChange]=\"interval\" [end]=\"true\"\r\n                #rangeTo1=\"ngModel\" name=\"rangeTo1\" placeholder=\"A data\">\r\n            </mat-date-range-input>\r\n            @if (interval.from || interval.to) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n              aria-label=\"Pulisci\" (click)=\"interval.clear()\">\r\n              <mat-icon>close</mat-icon>\r\n            </button>\r\n}\r\n            <mat-datepicker-toggle matSuffix [for]=\"picker1\"></mat-datepicker-toggle>\r\n            <mat-date-range-picker #picker1></mat-date-range-picker>\r\n            @if (rangeFrom1.invalid || rangeTo1.invalid) {\r\n<mat-error>Intervallo non valido.</mat-error>\r\n}\r\n          </mat-form-field>\r\n        </div>\r\n      </div>\r\n}\r\n      @if (enableDocument) {\r\n<div>\r\n        <div class=\"section-title\">Estremi documento</div>\r\n        <div class=\"section\">\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n            <mat-form-field fxFlex=\"30\" fxFlex.xs=\"100\">\r\n              <mat-label>Num. doc.</mat-label>\r\n              <input matInput [(ngModel)]=\"params.number\" #number=\"ngModel\" name=\"number\" maxlength=\"10\" />\r\n              @if (params.number) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.number = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-hint>Senza spazi</mat-hint>\r\n              @if (number.invalid) {\r\n<mat-error>Spazi non validi.</mat-error>\r\n}\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"68\" fxFlex.xs=\"100\">\r\n              <mat-label>Intervallo</mat-label>\r\n              <mat-date-range-input [rangePicker]=\"picker2\">\r\n                <input matStartDate [(ngModel)]=\"interval.from\" [dateIntervalChange]=\"interval\" #rangeFrom2=\"ngModel\"\r\n                  name=\"rangeFrom2\" placeholder=\"Da data\">\r\n                <input matEndDate [(ngModel)]=\"interval.to\" [dateIntervalChange]=\"interval\" [end]=\"true\"\r\n                  #rangeTo2=\"ngModel\" name=\"rangeTo2\" placeholder=\"A data\">\r\n              </mat-date-range-input>\r\n              @if (interval.from || interval.to) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"interval.clear()\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-datepicker-toggle matSuffix [for]=\"picker2\"></mat-datepicker-toggle>\r\n              <mat-date-range-picker #picker2></mat-date-range-picker>\r\n              @if (rangeFrom2.invalid || rangeTo2.invalid) {\r\n<mat-error>Intervallo non valido.</mat-error>\r\n}\r\n            </mat-form-field>\r\n          </div>\r\n        </div>\r\n      </div>\r\n}\r\n      @if (enableSource) {\r\n<div>\r\n        <div class=\"section-title\">Fonte</div>\r\n        <div class=\"section\">\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n            <mat-form-field fxFlex=\"30\" fxFlex.xs=\"100\">\r\n              <mat-label>Num. doc.</mat-label>\r\n              <input matInput [(ngModel)]=\"params.sourceNumber\" #sourceNumber=\"ngModel\" name=\"sourceNumber\"\r\n                maxlength=\"10\" />\r\n              @if (params.sourceNumber) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.sourceNumber = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-hint>Senza spazi</mat-hint>\r\n              @if (sourceNumber.invalid) {\r\n<mat-error>Spazi non validi.</mat-error>\r\n}\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"68\" fxFlex.xs=\"100\">\r\n              <mat-label>Intervallo</mat-label>\r\n              <mat-date-range-input [rangePicker]=\"picker3\">\r\n                <input matStartDate [(ngModel)]=\"sourceInterval.from\" [dateIntervalChange]=\"sourceInterval\"\r\n                  #rangeFrom3=\"ngModel\" name=\"rangeFrom3\" placeholder=\"Da data\">\r\n                <input matEndDate [(ngModel)]=\"sourceInterval.to\" [dateIntervalChange]=\"sourceInterval\" [end]=\"true\"\r\n                  #rangeTo3=\"ngModel\" name=\"rangeTo3\" placeholder=\"A data\">\r\n              </mat-date-range-input>\r\n              @if (sourceInterval.from || sourceInterval.to) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix\r\n                mat-icon-button aria-label=\"Pulisci\" (click)=\"sourceInterval.clear()\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-datepicker-toggle matSuffix [for]=\"picker3\"></mat-datepicker-toggle>\r\n              <mat-date-range-picker #picker3></mat-date-range-picker>\r\n              @if (rangeFrom3.invalid || rangeTo3.invalid) {\r\n<mat-error>Intervallo non valido.</mat-error>\r\n}\r\n            </mat-form-field>\r\n          </div>\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n            @if (sources && sources.length > 0) {\r\n<mat-form-field fxFlex=\"100\">\r\n              <mat-label>Tipo fonte</mat-label>\r\n              <mat-select [(ngModel)]=\"params.source\" #sector=\"ngModel\" name=\"source\">\r\n                <mat-option>Tutti</mat-option>\r\n                @for (s of sources; track s) {\r\n  <mat-option [value]=\"s.id\">\r\n                  {{s.name}}\r\n                </mat-option>\r\n}\r\n              </mat-select>\r\n            </mat-form-field>\r\n}\r\n          </div>\r\n        </div>\r\n      </div>\r\n}\r\n      @if (enableChanges) {\r\n<div>\r\n        <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n          <mat-form-field fxFlex=\"49\" fxFlex.xs=\"100\">\r\n            <mat-label>Motivo</mat-label>\r\n            <mat-select [(ngModel)]=\"params.reason\" #topic=\"ngModel\" name=\"reason\">\r\n              @for (t of types; track t) {\r\n  <mat-option [value]=\"t.value\" [matTooltip]=\"t.name\">\r\n                {{t.name}}\r\n              </mat-option>\r\n}\r\n            </mat-select>\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"section-title mat-body-3\">Documento modificato</div>\r\n        <div class=\"section\">\r\n          <p class=\"small\" style=\"line-height: 12px\"><i>Saranno visualizzati i documenti modificanti.</i>\r\n          </p>\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n            <mat-form-field fxFlex=\"23\" fxFlex.xs=\"100\">\r\n              <mat-label>Num. doc.</mat-label>\r\n              <input matInput [(ngModel)]=\"params.changedNumber\" #changedNumber=\"ngModel\" name=\"changedNumber\"\r\n                maxlength=\"10\" />\r\n              @if (params.changedNumber) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.changedNumber = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-hint>Senza spazi</mat-hint>\r\n              @if (changedNumber.invalid) {\r\n<mat-error>Spazi non validi.</mat-error>\r\n}\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"23\" fxFlex.xs=\"100\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" min=\"1750\" matInput [(ngModel)]=\"params.changedYear\" #changedYear=\"ngModel\"\r\n                name=\"changedYear\" maxlength=\"4\" />\r\n              @if (params.changedYear) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.changedYear = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-hint>Dal 1750</mat-hint>\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"51\" fxFlex.xs=\"100\">\r\n              <mat-label>Titolo</mat-label>\r\n              <input matInput [(ngModel)]=\"params.changedTitle\" #changedTitle=\"ngModel\" name=\"changedTitle\"\r\n                maxlength=\"10\" />\r\n              @if (params.changedTitle) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.changedTitle = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n            </mat-form-field>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"section-title \">Documento modificante</div>\r\n        <div class=\"section\">\r\n          <p class=\"small\" style=\"line-height: 12px\">\r\n            <i>Saranno visualizzati i documenti modificati, oppure solo i modificanti se \u00E8 stato specificato\r\n              l'estremo del documento modificato.</i>\r\n          </p>\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n            <mat-form-field fxFlex=\"23\" fxFlex.xs=\"100\">\r\n              <mat-label>Num. doc.</mat-label>\r\n              <input matInput [(ngModel)]=\"params.modifierNumber\" #modifierNumber=\"ngModel\" name=\"modifierNumber\"\r\n                maxlength=\"10\" />\r\n              @if (params.modifierNumber) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.modifierNumber = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-hint>Senza spazi</mat-hint>\r\n              @if (modifierNumber.invalid) {\r\n<mat-error>Spazi non validi.</mat-error>\r\n}\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"23\" fxFlex.xs=\"100\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" min=1750 matInput [(ngModel)]=\"params.modifierYear\" #modifierYear=\"ngModel\"\r\n                name=\"modifierYear\" maxlength=\"4\" />\r\n              @if (params.modifierYear) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.modifierYear = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-hint>Dal 1750</mat-hint>\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"51\" fxFlex.xs=\"100\">\r\n              <mat-label>Titolo</mat-label>\r\n              <input matInput [(ngModel)]=\"params.modifierTitle\" #modifierTitle=\"ngModel\" name=\"modifierTitle\"\r\n                maxlength=\"10\" />\r\n              @if (params.modifierTitle) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.modifierTitle = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n            </mat-form-field>\r\n          </div>\r\n        </div>\r\n      </div>\r\n}\r\n    </div>\r\n  </form>\r\n</div>\r\n<div mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxFlex=\"30\">\r\n      <button type=\"button\" mat-button (click)=\"clear()\" color=\"primary\">PULISCI</button>\r\n    </div>\r\n    <div fxFlex=\"70\" fxLayoutAlign=\"end\">\r\n      <button mat-flat-button color=\"primary\" #okButton [disabled]=\"f.form.invalid\" (click)=\"ok()\">TROVA</button>\r\n      <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">CHIUDI</button>\r\n    </div>\r\n  </div>\r\n</div>", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}\n"] }]
+                    ], template: "<h2 mat-dialog-title>Ricerca</h2>\r\n<div mat-dialog-content>\r\n  <form name=\"form\" #f=\"ngForm\" (keyup.Enter)=\"!f.form.invalid ? ok() : null\" novalidate>\r\n    <div fxLayout=\"column\">\r\n      <div fxFlexAlign=\"end\">\r\n        @if (enableRead) {\r\n<div style=\"padding-bottom:10px\">\r\n          <mat-checkbox color=\"primary\" name=\"showUnreadDocumentsOnly\" [(ngModel)]=\"params.showUnreadDocumentsOnly\">\r\n            Mostra solo non letti</mat-checkbox>\r\n        </div>\r\n}\r\n        @if (enableComments) {\r\n<div style=\"padding-bottom:10px\">\r\n          <mat-checkbox color=\"primary\" name=\"showCommentedDocumentsOnly\"\r\n            [(ngModel)]=\"params.showCommentedDocumentsOnly\">\r\n            Mostra solo norme con commenti</mat-checkbox>\r\n        </div>\r\n}\r\n      </div>\r\n      @if (enableModel) {\r\n<mat-form-field>\r\n        <mat-label>Tipo</mat-label>\r\n        <mat-select [(ngModel)]=\"params.sector\" #sector=\"ngModel\" name=\"model\" (selectionChange)=\"sectorChanged()\">\r\n          <mat-option>Tutti</mat-option>\r\n          @for (m of models; track m) {\r\n  <mat-option [value]=\"m.id\">\r\n            {{m.name}}\r\n          </mat-option>\r\n}\r\n        </mat-select>\r\n      </mat-form-field>\r\n}\r\n      @if (enableSector) {\r\n<mat-form-field>\r\n        <mat-label>Settore</mat-label>\r\n        <mat-select [(ngModel)]=\"params.sector\" #sector=\"ngModel\" name=\"sector\" (selectionChange)=\"sectorChanged()\">\r\n          <mat-option>Tutti</mat-option>\r\n          @for (s of sectors; track s) {\r\n  <mat-option [value]=\"s.id\">\r\n            @if (s.group == 'A') {\r\n<span>&nbsp;&nbsp;</span>\r\n}\r\n            {{s.name}}\r\n          </mat-option>\r\n}\r\n        </mat-select>\r\n      </mat-form-field>\r\n}\r\n      @if (enableAuthor && authors && authors.length > 0) {\r\n<mat-form-field>\r\n        <mat-label>Autore</mat-label>\r\n        <mat-select [(ngModel)]=\"params.author\" #sector=\"ngModel\" name=\"author\">\r\n          <mat-option>Tutti</mat-option>\r\n          @for (a of authors; track a) {\r\n  <mat-option [value]=\"a.authorId\">\r\n            {{a.authorDescription}}\r\n          </mat-option>\r\n}\r\n        </mat-select>\r\n      </mat-form-field>\r\n}\r\n      @if (enableTopic && topics && topics.length > 0) {\r\n<mat-form-field>\r\n        <mat-label>Argomento</mat-label>\r\n        <mat-select [(ngModel)]=\"params.topic\" #topic=\"ngModel\" name=\"topic\">\r\n          <mat-option>Tutti</mat-option>\r\n          @for (t of topics; track t) {\r\n  <mat-option [value]=\"t.value\" [matTooltip]=\"t.name\">\r\n            <div [innerHtml]=\"t.title | safeHtml\"></div>\r\n          </mat-option>\r\n}\r\n        </mat-select>\r\n      </mat-form-field>\r\n}\r\n      @if (enableTaxonomy) {\r\n<mat-form-field>\r\n        <mat-label>Argomento</mat-label>\r\n        <input matInput [(ngModel)]=\"params.taxonomyNode\" readonly name=\"taxonomy\" />\r\n        @if (params.taxonomyNode) {\r\n<button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\"\r\n          (click)=\"params.taxonomy = null; params.taxonomyNode = null; params.taxonomyPath = null\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n}\r\n        <button type=\"button\" mat-icon-button matSuffix aria-label=\"Scegli\" matTooltip=\"Scegli\"\r\n          (click)=\"selectTaxonomy()\">\r\n          <mat-icon>search</mat-icon>\r\n        </button>\r\n        @if (params.taxonomyNode) {\r\n<mat-hint align=\"start\" class=\"truncated lowercase\">\r\n          <div>{{params.taxonomyPath}}</div>\r\n        </mat-hint>\r\n}\r\n      </mat-form-field>\r\n}\r\n      @if (enableType) {\r\n<mat-form-field>\r\n        <mat-label>Tipo</mat-label>\r\n        <mat-select [(ngModel)]=\"params.type\" #topic=\"ngModel\" name=\"type\">\r\n          <mat-option>Tutti</mat-option>\r\n          @for (t of types; track t) {\r\n  <mat-option [value]=\"t.documentTypeId\" [matTooltip]=\"t.documentTypeDescription\">\r\n            {{t.documentTypeDescription}}\r\n          </mat-option>\r\n}\r\n        </mat-select>\r\n      </mat-form-field>\r\n}\r\n      @if (enableText) {\r\n<mat-form-field>\r\n        <mat-label>Testo</mat-label>\r\n        <input matInput name=\"text\" #text [(ngModel)]=\"params.text\" maxlength=\"200\" />\r\n        @if (params.text) {\r\n<button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\"\r\n          (click)=\"params.text = null\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n}\r\n        <button fxHide.xs type=\"button\" mat-icon-button matSuffix aria-label=\"Componi\" matTooltip=\"Componi\"\r\n          (click)=\"text.focus(); compose()\">\r\n          <mat-icon>build</mat-icon>\r\n        </button>\r\n        <button fxHide.xs type=\"button\" mat-icon-button matSuffix aria-label=\"Informazioni\"\r\n          matTooltip=\"Come effettuare la ricerca in testo libero\" (click)=\"text.focus(); help()\">\r\n          <mat-icon>help_outline</mat-icon>\r\n        </button>\r\n      </mat-form-field>\r\n}\r\n      @if (enableText) {\r\n<div style=\"padding-bottom:10px\">\r\n        <mat-checkbox color=\"primary\" [disabled]=\"!params.text\" name=\"titleOnly\"\r\n          [(ngModel)]=\"params.titleOnly\">Cerca\r\n          solo nel titolo</mat-checkbox>\r\n      </div>\r\n}\r\n      @if (enablePublication) {\r\n<div>\r\n        <div class=\"section-title\">Pubblicazione</div>\r\n        <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n          <mat-form-field fxFlex=\"49\" fxFlex.xs=\"100\">\r\n            <mat-label>Intervallo</mat-label>\r\n            <mat-date-range-input [rangePicker]=\"picker1\">\r\n              <input matStartDate [(ngModel)]=\"interval.from\" [dateIntervalChange]=\"interval\" #rangeFrom1=\"ngModel\"\r\n                name=\"rangeFrom1\" placeholder=\"Da data\">\r\n              <input matEndDate [(ngModel)]=\"interval.to\" [dateIntervalChange]=\"interval\" [end]=\"true\"\r\n                #rangeTo1=\"ngModel\" name=\"rangeTo1\" placeholder=\"A data\">\r\n            </mat-date-range-input>\r\n            @if (interval.from || interval.to) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n              aria-label=\"Pulisci\" (click)=\"interval.clear()\">\r\n              <mat-icon>close</mat-icon>\r\n            </button>\r\n}\r\n            <mat-datepicker-toggle matSuffix [for]=\"picker1\"></mat-datepicker-toggle>\r\n            <mat-date-range-picker #picker1></mat-date-range-picker>\r\n            @if (rangeFrom1.invalid || rangeTo1.invalid) {\r\n<mat-error>Intervallo non valido.</mat-error>\r\n}\r\n          </mat-form-field>\r\n        </div>\r\n      </div>\r\n}\r\n      @if (enableDocument) {\r\n<div>\r\n        <div class=\"section-title\">Estremi documento</div>\r\n        <div class=\"section\">\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n            <mat-form-field fxFlex=\"30\" fxFlex.xs=\"100\">\r\n              <mat-label>Num. doc.</mat-label>\r\n              <input matInput [(ngModel)]=\"params.number\" #number=\"ngModel\" name=\"number\" maxlength=\"10\" />\r\n              @if (params.number) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"params.number = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-hint>Senza spazi</mat-hint>\r\n              @if (number.invalid) {\r\n<mat-error>Spazi non validi.</mat-error>\r\n}\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"68\" fxFlex.xs=\"100\">\r\n              <mat-label>Intervallo</mat-label>\r\n              <mat-date-range-input [rangePicker]=\"picker2\">\r\n                <input matStartDate [(ngModel)]=\"interval.from\" [dateIntervalChange]=\"interval\" #rangeFrom2=\"ngModel\"\r\n                  name=\"rangeFrom2\" placeholder=\"Da data\">\r\n                <input matEndDate [(ngModel)]=\"interval.to\" [dateIntervalChange]=\"interval\" [end]=\"true\"\r\n                  #rangeTo2=\"ngModel\" name=\"rangeTo2\" placeholder=\"A data\">\r\n              </mat-date-range-input>\r\n              @if (interval.from || interval.to) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"interval.clear()\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-datepicker-toggle matSuffix [for]=\"picker2\"></mat-datepicker-toggle>\r\n              <mat-date-range-picker #picker2></mat-date-range-picker>\r\n              @if (rangeFrom2.invalid || rangeTo2.invalid) {\r\n<mat-error>Intervallo non valido.</mat-error>\r\n}\r\n            </mat-form-field>\r\n          </div>\r\n        </div>\r\n      </div>\r\n}\r\n      @if (enableSource) {\r\n<div>\r\n        <div class=\"section-title\">Fonte</div>\r\n        <div class=\"section\">\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n            <mat-form-field fxFlex=\"30\" fxFlex.xs=\"100\">\r\n              <mat-label>Num. doc.</mat-label>\r\n              <input matInput [(ngModel)]=\"params.sourceNumber\" #sourceNumber=\"ngModel\" name=\"sourceNumber\"\r\n                maxlength=\"10\" />\r\n              @if (params.sourceNumber) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.sourceNumber = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-hint>Senza spazi</mat-hint>\r\n              @if (sourceNumber.invalid) {\r\n<mat-error>Spazi non validi.</mat-error>\r\n}\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"68\" fxFlex.xs=\"100\">\r\n              <mat-label>Intervallo</mat-label>\r\n              <mat-date-range-input [rangePicker]=\"picker3\">\r\n                <input matStartDate [(ngModel)]=\"sourceInterval.from\" [dateIntervalChange]=\"sourceInterval\"\r\n                  #rangeFrom3=\"ngModel\" name=\"rangeFrom3\" placeholder=\"Da data\">\r\n                <input matEndDate [(ngModel)]=\"sourceInterval.to\" [dateIntervalChange]=\"sourceInterval\" [end]=\"true\"\r\n                  #rangeTo3=\"ngModel\" name=\"rangeTo3\" placeholder=\"A data\">\r\n              </mat-date-range-input>\r\n              @if (sourceInterval.from || sourceInterval.to) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix\r\n                mat-icon-button aria-label=\"Pulisci\" (click)=\"sourceInterval.clear()\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-datepicker-toggle matSuffix [for]=\"picker3\"></mat-datepicker-toggle>\r\n              <mat-date-range-picker #picker3></mat-date-range-picker>\r\n              @if (rangeFrom3.invalid || rangeTo3.invalid) {\r\n<mat-error>Intervallo non valido.</mat-error>\r\n}\r\n            </mat-form-field>\r\n          </div>\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n            @if (sources && sources.length > 0) {\r\n<mat-form-field fxFlex=\"100\">\r\n              <mat-label>Tipo fonte</mat-label>\r\n              <mat-select [(ngModel)]=\"params.source\" #sector=\"ngModel\" name=\"source\">\r\n                <mat-option>Tutti</mat-option>\r\n                @for (s of sources; track s) {\r\n  <mat-option [value]=\"s.id\">\r\n                  {{s.name}}\r\n                </mat-option>\r\n}\r\n              </mat-select>\r\n            </mat-form-field>\r\n}\r\n          </div>\r\n        </div>\r\n      </div>\r\n}\r\n      @if (enableChanges) {\r\n<div>\r\n        <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n          <mat-form-field fxFlex=\"49\" fxFlex.xs=\"100\">\r\n            <mat-label>Motivo</mat-label>\r\n            <mat-select [(ngModel)]=\"params.reason\" #topic=\"ngModel\" name=\"reason\">\r\n              @for (t of types; track t) {\r\n  <mat-option [value]=\"t.value\" [matTooltip]=\"t.name\">\r\n                {{t.name}}\r\n              </mat-option>\r\n}\r\n            </mat-select>\r\n          </mat-form-field>\r\n        </div>\r\n\r\n        <div class=\"section-title mat-body-3\">Documento modificato</div>\r\n        <div class=\"section\">\r\n          <p class=\"small\" style=\"line-height: 12px\"><i>Saranno visualizzati i documenti modificanti.</i>\r\n          </p>\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n            <mat-form-field fxFlex=\"23\" fxFlex.xs=\"100\">\r\n              <mat-label>Num. doc.</mat-label>\r\n              <input matInput [(ngModel)]=\"params.changedNumber\" #changedNumber=\"ngModel\" name=\"changedNumber\"\r\n                maxlength=\"10\" />\r\n              @if (params.changedNumber) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.changedNumber = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-hint>Senza spazi</mat-hint>\r\n              @if (changedNumber.invalid) {\r\n<mat-error>Spazi non validi.</mat-error>\r\n}\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"23\" fxFlex.xs=\"100\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" min=\"1750\" matInput [(ngModel)]=\"params.changedYear\" #changedYear=\"ngModel\"\r\n                name=\"changedYear\" maxlength=\"4\" />\r\n              @if (params.changedYear) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.changedYear = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-hint>Dal 1750</mat-hint>\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"51\" fxFlex.xs=\"100\">\r\n              <mat-label>Titolo</mat-label>\r\n              <input matInput [(ngModel)]=\"params.changedTitle\" #changedTitle=\"ngModel\" name=\"changedTitle\"\r\n                maxlength=\"10\" />\r\n              @if (params.changedTitle) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.changedTitle = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n            </mat-form-field>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"section-title \">Documento modificante</div>\r\n        <div class=\"section\">\r\n          <p class=\"small\" style=\"line-height: 12px\">\r\n            <i>Saranno visualizzati i documenti modificati, oppure solo i modificanti se \u00E8 stato specificato\r\n              l'estremo del documento modificato.</i>\r\n          </p>\r\n          <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between\" fxFill>\r\n            <mat-form-field fxFlex=\"23\" fxFlex.xs=\"100\">\r\n              <mat-label>Num. doc.</mat-label>\r\n              <input matInput [(ngModel)]=\"params.modifierNumber\" #modifierNumber=\"ngModel\" name=\"modifierNumber\"\r\n                maxlength=\"10\" />\r\n              @if (params.modifierNumber) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.modifierNumber = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-hint>Senza spazi</mat-hint>\r\n              @if (modifierNumber.invalid) {\r\n<mat-error>Spazi non validi.</mat-error>\r\n}\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"23\" fxFlex.xs=\"100\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" min=1750 matInput [(ngModel)]=\"params.modifierYear\" #modifierYear=\"ngModel\"\r\n                name=\"modifierYear\" maxlength=\"4\" />\r\n              @if (params.modifierYear) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.modifierYear = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n              <mat-hint>Dal 1750</mat-hint>\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"51\" fxFlex.xs=\"100\">\r\n              <mat-label>Titolo</mat-label>\r\n              <input matInput [(ngModel)]=\"params.modifierTitle\" #modifierTitle=\"ngModel\" name=\"modifierTitle\"\r\n                maxlength=\"10\" />\r\n              @if (params.modifierTitle) {\r\n<button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button\r\n                aria-label=\"Pulisci\" (click)=\"params.modifierTitle = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n}\r\n            </mat-form-field>\r\n          </div>\r\n        </div>\r\n      </div>\r\n}\r\n    </div>\r\n  </form>\r\n</div>\r\n<div mat-dialog-actions>\r\n  <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxFlex=\"30\">\r\n      <button type=\"button\" mat-button (click)=\"clear()\" color=\"primary\">PULISCI</button>\r\n    </div>\r\n    <div fxFlex=\"70\" fxLayoutAlign=\"end\">\r\n      <button mat-flat-button color=\"primary\" #okButton [disabled]=\"f.form.invalid\" (click)=\"ok()\">TROVA</button>\r\n      <button mat-button [mat-dialog-close]=\"true\" color=\"primary\">CHIUDI</button>\r\n    </div>\r\n  </div>\r\n</div>", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.ApplicationDialogService }, { type: i2.ClipperService }, { type: i3$1.MatDialog }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -2393,7 +2393,7 @@ class ClipperDocumentComponent extends ClipperDocumentBaseComponent {
         return true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ClipperDocumentComponent, deps: [{ token: i3.BroadcastService }, { token: i1.DialogService }, { token: i2.ClipperService }, { token: i4.MediaObserver }, { token: i0.Renderer2 }, { token: i5$1.Router }, { token: i6$3.DomSanitizer }, { token: i3$1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: ClipperDocumentComponent, isStandalone: true, selector: "ng-component", outputs: { closing: "closing", opening: "opening", onComplianceAnalysis: "onComplianceAnalysis", onCompliancePlanning: "onCompliancePlanning", onComplianceUsageReport: "onComplianceUsageReport" }, host: { attributes: { "Bind": SystemUtils.generateUUID() } }, viewQueries: [{ propertyName: "relevantsSidenav", first: true, predicate: ["relevantsSidenav"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div id=\"clipper-document-fixed\">\r\n  <div class=\"clipper-document-header\">\r\n    <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"space-between\" fxFill>\r\n      <div fxFlex.lt-md=\"50\" fxFlex=\"70\" fxFlexAlign=\"center\" class=\"document-title-block\">\r\n        <div class=\"truncated\">\r\n          <div class=\"large bold\">{{title}}</div>\r\n          @if (lastDocument && lastDocument.lastUpdate) {\r\n          <div class=\"small item-greyed-2\" style=\"padding-top:5px\">\r\n            AGGIORNATO A:\r\n            {{lastDocument.lastUpdate}}\r\n          </div>\r\n          }\r\n          @if (lastDocument && lastDocument.expiringDescription) {\r\n          <div class=\"small item-greyed-2\" style=\"padding-top:5px\">\r\n            {{lastDocument.expiringDescription}}</div>\r\n          }\r\n          @if (lastDocument && lastDocument.validityInfo) {\r\n          <div class=\"small\" style=\"padding-top:5px\"><span class=\"item-line-red-badge\"><b>Attenzione!</b>\r\n              {{lastDocument.validityInfo}}</span></div>\r\n          }\r\n        </div>\r\n      </div>\r\n      <div fxFlex.lt-md=\"50\" fxFlex=\"30\" fxLayoutAlign=\"end\">\r\n        <div fxFlexAlign=\"start\" style=\"padding:6px 10px 5px 0\">\r\n          @if (canSelect()) {\r\n          <button type=\"button\" mat-flat-button color=\"primary\" (click)=\"select()\">\r\n            Usa selezione\r\n          </button>\r\n          }\r\n        </div>\r\n        <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Indietro\"\r\n          aria-label=\"Indietro\" (click)=\"back()\">\r\n          <mat-icon>arrow_back</mat-icon>\r\n        </button>\r\n        <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Avanti\"\r\n          aria-label=\"Avanti\" (click)=\"forward()\">\r\n          <mat-icon>arrow_forward</mat-icon>\r\n        </button>\r\n        <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Chiudi\"\r\n          aria-label=\"Chiudi\" (click)=\"close()\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div fxLayout=\"row wrap \" fxFill fxLayoutAlign=\"space-between\" style=\"padding-left: 8px\">\r\n      <div fxFlex.xs=\"100\" fxFlexAlign=\"center\">\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.id)\" color=\"primary\">\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\" color=\"primary\">\r\n          Collegamenti\r\n          <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n        </button>\r\n        }\r\n        <mat-menu #menuLinks=\"matMenu\">\r\n          @if (lastDocument.bag && lastDocument.bag[1] ==='T') {\r\n          <button mat-menu-item [attr.aria-label]=\"'Mostra documenti richiamati'\"\r\n            (click)=\"openReferences(lastDocument.id, 1)\">\r\n            Documenti richiamati\r\n          </button>\r\n          }\r\n          @if (lastDocument.bag && lastDocument.bag[3] ==='T') {\r\n          <button mat-menu-item [attr.aria-label]=\"'Mostra documenti che richiamano'\"\r\n            (click)=\"openReferences(lastDocument.id, 2)\">\r\n            Documenti che richiamano\r\n          </button>\r\n          }\r\n          @if (lastDocument.bag && lastDocument.bag[2] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra juris'\"\r\n            (click)=\"openReferences(lastDocument.id, 4)\">\r\n            Juris\r\n          </button>\r\n          }\r\n          @if (lastDocument.bag && lastDocument.bag[4] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra modifiche subite'\"\r\n            (click)=\"openReferences(lastDocument.id, 3)\">\r\n            Modifiche subite\r\n          </button>\r\n          }\r\n          @if (lastDocument.bag && lastDocument.bag[4] !=='T' && lastDocument.bag[6] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra modifiche apportate'\"\r\n            (click)=\"openReferences(lastDocument.id, 5)\">\r\n            Modifiche apportate\r\n          </button>\r\n          }\r\n        </mat-menu>\r\n        @if (lastDocument.hasPrimary) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra documento primario'\"\r\n          (click)=\"navigate(lastDocument.primaryId)\" color=\"primary\">\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.id, 4)\" color=\"primary\">\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.id, 3)\" color=\"primary\">\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.id, 5)\" color=\"primary\">\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)\" color=\"primary\">\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()\" color=\"primary\">\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()\" color=\"primary\" matTooltip=\"Parola precedente\"\r\n              [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()\" color=\"primary\" matTooltip=\"Prossima parola\"\r\n              [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-button matTooltip=\"Azioni sul documento\"\r\n          [attr.aria-label]=\"'Azioni da eseguire sul documento'\" [matMenuTriggerFor]=\"menuActions\" color=\"primary\">\r\n          Azioni\r\n          <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n        </button>\r\n        <mat-menu #menuActions=\"matMenu\">\r\n          <button mat-menu-item [attr.aria-label]=\"'Apri documento in una nuova finestra'\"\r\n            (click)=\"open(lastDocument, true)\">\r\n            <mat-icon>open_in_browser</mat-icon>Apri in nuova finestra\r\n          </button>\r\n          <button mat-menu-item (click)=\"print()\" [attr.aria-label]=\"'Stampa documento'\">\r\n            <mat-icon>print</mat-icon>Stampa\r\n          </button>\r\n          <button mat-menu-item (click)=\"find()\" [attr.aria-label]=\"'Trova nel documento'\">\r\n            <mat-icon>find_in_page</mat-icon>Trova nel documento (CTRL+F)\r\n          </button>\r\n          <button mat-menu-item (click)=\"sendItemsTo([lastDocument])\" [attr.aria-label]=\"'Invia documento per email'\">\r\n            <mat-icon>send</mat-icon>Invia per email\r\n          </button>\r\n          <button mat-menu-item (click)=\"addToBag([lastDocument])\"\r\n            [attr.aria-label]=\"'Aggiungi ai documenti di lavoro'\">\r\n            <mat-icon>work_outline</mat-icon>Aggiungi ai documenti di lavoro\r\n          </button>\r\n          @if (lastDocument && lastDocument.model != 11) {\r\n          <button mat-menu-item (click)=\"exportPdf(lastDocument)\" [attr.aria-label]=\"'Salva documento in pdf'\">\r\n            <mat-icon>save_alt</mat-icon>Salva in pdf\r\n          </button>\r\n          }\r\n          <button mat-menu-item [attr.aria-label]=\"'Genera un link permanente da utilizzare esternamente'\"\r\n            (click)=\"showLink(lastDocument)\">\r\n            <mat-icon>link</mat-icon>Link\r\n          </button>\r\n          @if ((lastDocument.model === 9 || lastDocument.model === 10)) {\r\n          <button mat-menu-item [attr.aria-label]=\"'Genera un report sul documento'\"\r\n            (click)=\"displayReport(lastDocument)\">\r\n            <mat-icon>assignment</mat-icon>Report\r\n          </button>\r\n          }\r\n          @if (RS_enabled([lastDocument]) && !canSelect()) {\r\n          <mat-divider></mat-divider>\r\n          }\r\n          @if (RS_enabled([lastDocument]) && !canSelect()) {\r\n          <button type=\"button\" mat-menu-item matTooltip=\"Registro & Scadenzario\"\r\n            [attr.aria-label]=\"'Opzioni di Registro & Scadenzario'\" [matMenuTriggerFor]=\"menuRS\">\r\n            <mat-icon>alarm_on</mat-icon>\r\n            Registro e scadenzario\r\n          </button>\r\n          }\r\n          <mat-menu #menuRS=\"matMenu\">\r\n            <button mat-menu-item [attr.aria-label]=\"'Nuova legge'\" (click)=\"RS_newLaw(lastDocument)\">\r\n              Nuova legge\r\n            </button>\r\n            <button mat-menu-item [attr.aria-label]=\"'Nuova attivit\u00E0'\" (click)=\"RS_newActivity(lastDocument)\">\r\n              Nuova attivit\u00E0\r\n            </button>\r\n            <button mat-menu-item [attr.aria-label]=\"'Report utilizzo norma'\" (click)=\"RS_usageReport(lastDocument)\">\r\n              Report utilizzo norma\r\n            </button>\r\n          </mat-menu>\r\n        </mat-menu>\r\n        @if (hasRelevants() && relevants.items && relevantsSidenav && (!relevantsSidenav.opened || relevantsClosed)) {\r\n        <div fxFlexAlign=\"center\">\r\n          <button type=\"button\" fxHide fxShow.xs mat-icon-button color=\"primary\" matTooltip=\"Rilevanza\"\r\n            aria-label=\"'Rilevanza'\" (click)=\"relevantsOpen()\">\r\n            <mat-icon>menu_open</mat-icon>\r\n          </button>\r\n          <button type=\"button\" fxShow fxHide.xs mat-button color=\"primary\" aria-label=\"'Rilevanza'\"\r\n            (click)=\"relevantsOpen()\">\r\n            Rilevanza\r\n          </button>\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n    @if (busy) {\r\n    <mat-progress-bar class=\"sidenav-loader\" mode=\"indeterminate\"></mat-progress-bar>\r\n    }\r\n  </div>\r\n</div>\r\n<div mat-dialog-content style=\"padding:0\" [ngStyle]=\"{'min-height.px': contentHeight}\">\r\n  <mat-sidenav-container [hasBackdrop]=\"false\" [ngStyle]=\"{'height.px': contentHeight}\">\r\n    <mat-sidenav #relevantsSidenav position=\"end\" autoFocus=\"false\" opened=\"false\" mode=\"{{relevantsMode}}\"\r\n      class=\"sidenav sidenav-facets relevants-sidenav\">\r\n      @if (relevantsBusy) {\r\n      <div class=\"sidenav-overlay\"></div>\r\n      }\r\n      <div fxLayout=\"column\" fxFill>\r\n        <div style=\"height:5px\">\r\n          @if (relevantsBusy) {\r\n          <mat-progress-bar class=\"sidenav-loader\" mode=\"indeterminate\"></mat-progress-bar>\r\n          }\r\n        </div>\r\n        <div fxFlex=\"64px\">\r\n          <div fxLayout=\"row\" fxFill class=\"sidenav-title-container\">\r\n            <div fxFlex=\"100\" fxFlexAlign=\"center\" fxLayoutAlign=\"start\">\r\n              <span class=\"sidenav-title\">Rilevanza</span>\r\n            </div>\r\n            <div fxLayoutAlign=\"end\">\r\n              <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Nascondi\"\r\n                (click)=\"relevantsClose(true)\" color=\"primary\">\r\n                <mat-icon>clear</mat-icon>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"scrollbox\">\r\n          @if (relevantsBusy) {\r\n          <div style=\"padding: 10px; max-width: 340px;\">\r\n            <p>Ricerca parti del documento significative in corso...</p>\r\n          </div>\r\n          }\r\n          @if (!relevantsBusy) {\r\n          <div style=\"max-width: 340px;\">\r\n            <div style=\"padding: 0 10px\">\r\n              <p>Parti del documento pi\u00F9 significative per la ricerca di <span class='word-hit'>{{lastQuery}}</span>\r\n              </p>\r\n              <nav class=\"relevant-items\">\r\n                <ul>\r\n                  @for (item of relevants.items; track item) {\r\n                  <li class=\"small\" (click)=\"gotoRelevant(item)\" [attr.aria-label]=\"item.title\">\r\n                    <div fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n                      <div fxFlex=\"100\">\r\n                        <!--<div [matTooltip]=\"item.title\"> -->\r\n                        {{item.title}}\r\n                        <!--</div> -->\r\n                      </div>\r\n                      <div fxLayoutAlign=\"end\">\r\n                        @if (item.score > 1.2) {\r\n                        <span fxFlexAlign=\"start\">\r\n                          <mat-icon style='font-size:small; height: 10px; width:10px' color=\"primary\"\r\n                            matTooltip=\"Molto rilevante\">thumb_up_alt</mat-icon>\r\n                        </span>\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          }\r\n        </div>\r\n      </div>\r\n    </mat-sidenav>\r\n    <mat-sidenav-content>\r\n      <div id=\"scroller\" style=\"overflow:auto;\" [ngStyle]=\"{'height.px': contentHeight}\">\r\n        <iframe id=\"documentBody\" name=\"documentBody\" style=\"width: 100%;  border:0; overflow:hidden;\"\r\n          [src]=\"url | safeUrl\" [ngStyle]=\"{'height.px': contentHeight-10}\"></iframe>\r\n      </div>\r\n    </mat-sidenav-content>\r\n  </mat-sidenav-container>\r\n</div>", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}.document-title-block{padding-left:15px;padding-top:5px;padding-bottom:5px}.relevants-sidenav{width:350px!important}.relevant-items{overflow:hidden;margin-right:0;margin-left:10px}.relevant-items ul{list-style-type:none;padding:0;margin:0}.relevant-items ul li{padding:6px;display:block;color:#2d2e2e}.relevant-items ul li a{color:inherit;text-decoration:none;display:block}.relevant-items ul li:hover{background-color:#fff;cursor:pointer}.word-hit{font-size:inherit;background-color:#ff0;border:1px solid silver;padding:0 4px}\n"], dependencies: [{ kind: "ngmodule", type: FlexModule }, { kind: "directive", type: i6.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: i6.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: i6.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: i6.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i6.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: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i12.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: i12.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i12.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: ExtendedModule }, { kind: "directive", type: i14.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i14.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i16.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: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i15.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i15.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i15.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "pipe", type: SafeUrlPipe, name: "safeUrl" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: ClipperDocumentComponent, isStandalone: true, selector: "ng-component", outputs: { closing: "closing", opening: "opening", onComplianceAnalysis: "onComplianceAnalysis", onCompliancePlanning: "onCompliancePlanning", onComplianceUsageReport: "onComplianceUsageReport" }, host: { attributes: { "Bind": SystemUtils.generateUUID() } }, viewQueries: [{ propertyName: "relevantsSidenav", first: true, predicate: ["relevantsSidenav"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div id=\"clipper-document-fixed\">\r\n  <div class=\"clipper-document-header\">\r\n    <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"space-between\" fxFill>\r\n      <div fxFlex.lt-md=\"50\" fxFlex=\"70\" fxFlexAlign=\"center\" class=\"document-title-block\">\r\n        <div class=\"truncated\">\r\n          <div class=\"large bold\">{{title}}</div>\r\n          @if (lastDocument && lastDocument.lastUpdate) {\r\n          <div class=\"small item-greyed-2\" style=\"padding-top:5px\">\r\n            AGGIORNATO A:\r\n            {{lastDocument.lastUpdate}}\r\n          </div>\r\n          }\r\n          @if (lastDocument && lastDocument.expiringDescription) {\r\n          <div class=\"small item-greyed-2\" style=\"padding-top:5px\">\r\n            {{lastDocument.expiringDescription}}</div>\r\n          }\r\n          @if (lastDocument && lastDocument.validityInfo) {\r\n          <div class=\"small\" style=\"padding-top:5px\"><span class=\"item-line-red-badge\"><b>Attenzione!</b>\r\n              {{lastDocument.validityInfo}}</span></div>\r\n          }\r\n        </div>\r\n      </div>\r\n      <div fxFlex.lt-md=\"50\" fxFlex=\"30\" fxLayoutAlign=\"end\">\r\n        <div fxFlexAlign=\"start\" style=\"padding:6px 10px 5px 0\">\r\n          @if (canSelect()) {\r\n          <button type=\"button\" mat-flat-button color=\"primary\" (click)=\"select()\">\r\n            Usa selezione\r\n          </button>\r\n          }\r\n        </div>\r\n        <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Indietro\"\r\n          aria-label=\"Indietro\" (click)=\"back()\">\r\n          <mat-icon>arrow_back</mat-icon>\r\n        </button>\r\n        <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Avanti\"\r\n          aria-label=\"Avanti\" (click)=\"forward()\">\r\n          <mat-icon>arrow_forward</mat-icon>\r\n        </button>\r\n        <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Chiudi\"\r\n          aria-label=\"Chiudi\" (click)=\"close()\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div fxLayout=\"row wrap \" fxFill fxLayoutAlign=\"space-between\" style=\"padding-left: 8px\">\r\n      <div fxFlex.xs=\"100\" fxFlexAlign=\"center\">\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.id)\" color=\"primary\">\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\" color=\"primary\">\r\n          Collegamenti\r\n          <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n        </button>\r\n        }\r\n        <mat-menu #menuLinks=\"matMenu\">\r\n          @if (lastDocument.bag && lastDocument.bag[1] ==='T') {\r\n          <button mat-menu-item [attr.aria-label]=\"'Mostra documenti richiamati'\"\r\n            (click)=\"openReferences(lastDocument.id, 1)\">\r\n            Documenti richiamati\r\n          </button>\r\n          }\r\n          @if (lastDocument.bag && lastDocument.bag[3] ==='T') {\r\n          <button mat-menu-item [attr.aria-label]=\"'Mostra documenti che richiamano'\"\r\n            (click)=\"openReferences(lastDocument.id, 2)\">\r\n            Documenti che richiamano\r\n          </button>\r\n          }\r\n          @if (lastDocument.bag && lastDocument.bag[2] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra juris'\"\r\n            (click)=\"openReferences(lastDocument.id, 4)\">\r\n            Juris\r\n          </button>\r\n          }\r\n          @if (lastDocument.bag && lastDocument.bag[4] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra modifiche subite'\"\r\n            (click)=\"openReferences(lastDocument.id, 3)\">\r\n            Modifiche subite\r\n          </button>\r\n          }\r\n          @if (lastDocument.bag && lastDocument.bag[4] !=='T' && lastDocument.bag[6] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra modifiche apportate'\"\r\n            (click)=\"openReferences(lastDocument.id, 5)\">\r\n            Modifiche apportate\r\n          </button>\r\n          }\r\n        </mat-menu>\r\n        @if (lastDocument.hasPrimary) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra documento primario'\"\r\n          (click)=\"navigate(lastDocument.primaryId)\" color=\"primary\">\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.id, 4)\" color=\"primary\">\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.id, 3)\" color=\"primary\">\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.id, 5)\" color=\"primary\">\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)\" color=\"primary\">\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()\" color=\"primary\">\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()\" color=\"primary\" matTooltip=\"Parola precedente\"\r\n              [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()\" color=\"primary\" matTooltip=\"Prossima parola\"\r\n              [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-button matTooltip=\"Azioni sul documento\"\r\n          [attr.aria-label]=\"'Azioni da eseguire sul documento'\" [matMenuTriggerFor]=\"menuActions\" color=\"primary\">\r\n          Azioni\r\n          <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n        </button>\r\n        <mat-menu #menuActions=\"matMenu\">\r\n          <button mat-menu-item [attr.aria-label]=\"'Apri documento in una nuova finestra'\"\r\n            (click)=\"open(lastDocument, true)\">\r\n            <mat-icon>open_in_browser</mat-icon>Apri in nuova finestra\r\n          </button>\r\n          <button mat-menu-item (click)=\"print()\" [attr.aria-label]=\"'Stampa documento'\">\r\n            <mat-icon>print</mat-icon>Stampa\r\n          </button>\r\n          <button mat-menu-item (click)=\"find()\" [attr.aria-label]=\"'Trova nel documento'\">\r\n            <mat-icon>find_in_page</mat-icon>Trova nel documento (CTRL+F)\r\n          </button>\r\n          <button mat-menu-item (click)=\"sendItemsTo([lastDocument])\" [attr.aria-label]=\"'Invia documento per email'\">\r\n            <mat-icon>send</mat-icon>Invia per email\r\n          </button>\r\n          <button mat-menu-item (click)=\"addToBag([lastDocument])\"\r\n            [attr.aria-label]=\"'Aggiungi ai documenti di lavoro'\">\r\n            <mat-icon>work_outline</mat-icon>Aggiungi ai documenti di lavoro\r\n          </button>\r\n          @if (lastDocument && lastDocument.model != 11) {\r\n          <button mat-menu-item (click)=\"exportPdf(lastDocument)\" [attr.aria-label]=\"'Salva documento in pdf'\">\r\n            <mat-icon>save_alt</mat-icon>Salva in pdf\r\n          </button>\r\n          }\r\n          <button mat-menu-item [attr.aria-label]=\"'Genera un link permanente da utilizzare esternamente'\"\r\n            (click)=\"showLink(lastDocument)\">\r\n            <mat-icon>link</mat-icon>Link\r\n          </button>\r\n          @if ((lastDocument.model === 9 || lastDocument.model === 10)) {\r\n          <button mat-menu-item [attr.aria-label]=\"'Genera un report sul documento'\"\r\n            (click)=\"displayReport(lastDocument)\">\r\n            <mat-icon>assignment</mat-icon>Report\r\n          </button>\r\n          }\r\n          @if (RS_enabled([lastDocument]) && !canSelect()) {\r\n          <mat-divider></mat-divider>\r\n          }\r\n          @if (RS_enabled([lastDocument]) && !canSelect()) {\r\n          <button type=\"button\" mat-menu-item matTooltip=\"Registro & Scadenzario\"\r\n            [attr.aria-label]=\"'Opzioni di Registro & Scadenzario'\" [matMenuTriggerFor]=\"menuRS\">\r\n            <mat-icon>alarm_on</mat-icon>\r\n            Registro e scadenzario\r\n          </button>\r\n          }\r\n          <mat-menu #menuRS=\"matMenu\">\r\n            <button mat-menu-item [attr.aria-label]=\"'Nuova legge'\" (click)=\"RS_newLaw(lastDocument)\">\r\n              Nuova legge\r\n            </button>\r\n            <button mat-menu-item [attr.aria-label]=\"'Nuova attivit\u00E0'\" (click)=\"RS_newActivity(lastDocument)\">\r\n              Nuova attivit\u00E0\r\n            </button>\r\n            <button mat-menu-item [attr.aria-label]=\"'Report utilizzo norma'\" (click)=\"RS_usageReport(lastDocument)\">\r\n              Report utilizzo norma\r\n            </button>\r\n          </mat-menu>\r\n        </mat-menu>\r\n        @if (hasRelevants() && relevants.items && relevantsSidenav && (!relevantsSidenav.opened || relevantsClosed)) {\r\n        <div fxFlexAlign=\"center\">\r\n          <button type=\"button\" fxHide fxShow.xs mat-icon-button color=\"primary\" matTooltip=\"Rilevanza\"\r\n            aria-label=\"'Rilevanza'\" (click)=\"relevantsOpen()\">\r\n            <mat-icon>menu_open</mat-icon>\r\n          </button>\r\n          <button type=\"button\" fxShow fxHide.xs mat-button color=\"primary\" aria-label=\"'Rilevanza'\"\r\n            (click)=\"relevantsOpen()\">\r\n            Rilevanza\r\n          </button>\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n    @if (busy) {\r\n    <mat-progress-bar class=\"sidenav-loader\" mode=\"indeterminate\"></mat-progress-bar>\r\n    }\r\n  </div>\r\n</div>\r\n<div mat-dialog-content style=\"padding:0\" [ngStyle]=\"{'min-height.px': contentHeight}\">\r\n  <mat-sidenav-container [hasBackdrop]=\"false\" [ngStyle]=\"{'height.px': contentHeight}\">\r\n    <mat-sidenav #relevantsSidenav position=\"end\" autoFocus=\"false\" opened=\"false\" mode=\"{{relevantsMode}}\"\r\n      class=\"sidenav sidenav-facets relevants-sidenav\">\r\n      @if (relevantsBusy) {\r\n      <div class=\"sidenav-overlay\"></div>\r\n      }\r\n      <div fxLayout=\"column\" fxFill>\r\n        <div style=\"height:5px\">\r\n          @if (relevantsBusy) {\r\n          <mat-progress-bar class=\"sidenav-loader\" mode=\"indeterminate\"></mat-progress-bar>\r\n          }\r\n        </div>\r\n        <div fxFlex=\"64px\">\r\n          <div fxLayout=\"row\" fxFill class=\"sidenav-title-container\">\r\n            <div fxFlex=\"100\" fxFlexAlign=\"center\" fxLayoutAlign=\"start\">\r\n              <span class=\"sidenav-title\">Rilevanza</span>\r\n            </div>\r\n            <div fxLayoutAlign=\"end\">\r\n              <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Nascondi\"\r\n                (click)=\"relevantsClose(true)\" color=\"primary\">\r\n                <mat-icon>clear</mat-icon>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"scrollbox\">\r\n          @if (relevantsBusy) {\r\n          <div style=\"padding: 10px; max-width: 340px;\">\r\n            <p>Ricerca parti del documento significative in corso...</p>\r\n          </div>\r\n          }\r\n          @if (!relevantsBusy) {\r\n          <div style=\"max-width: 340px;\">\r\n            <div style=\"padding: 0 10px\">\r\n              <p>Parti del documento pi\u00F9 significative per la ricerca di <span class='word-hit'>{{lastQuery}}</span>\r\n              </p>\r\n              <nav class=\"relevant-items\">\r\n                <ul>\r\n                  @for (item of relevants.items; track item) {\r\n                  <li class=\"small\" (click)=\"gotoRelevant(item)\" [attr.aria-label]=\"item.title\">\r\n                    <div fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n                      <div fxFlex=\"100\">\r\n                        <!--<div [matTooltip]=\"item.title\"> -->\r\n                        {{item.title}}\r\n                        <!--</div> -->\r\n                      </div>\r\n                      <div fxLayoutAlign=\"end\">\r\n                        @if (item.score > 1.2) {\r\n                        <span fxFlexAlign=\"start\">\r\n                          <mat-icon style='font-size:small; height: 10px; width:10px' color=\"primary\"\r\n                            matTooltip=\"Molto rilevante\">thumb_up_alt</mat-icon>\r\n                        </span>\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          }\r\n        </div>\r\n      </div>\r\n    </mat-sidenav>\r\n    <mat-sidenav-content>\r\n      <div id=\"scroller\" style=\"overflow:auto;\" [ngStyle]=\"{'height.px': contentHeight}\">\r\n        <iframe id=\"documentBody\" name=\"documentBody\" style=\"width: 100%;  border:0; overflow:hidden;\"\r\n          [src]=\"url | safeUrl\" [ngStyle]=\"{'height.px': contentHeight-10}\"></iframe>\r\n      </div>\r\n    </mat-sidenav-content>\r\n  </mat-sidenav-container>\r\n</div>", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}.document-title-block{padding-left:15px;padding-top:5px;padding-bottom:5px}.relevants-sidenav{width:350px!important}.relevant-items{overflow:hidden;margin-right:0;margin-left:10px}.relevant-items ul{list-style-type:none;padding:0;margin:0}.relevant-items ul li{padding:6px;display:block;color:#2d2e2e}.relevant-items ul li a{color:inherit;text-decoration:none;display:block}.relevant-items ul li:hover{background-color:#fff;cursor:pointer}.word-hit{font-size:inherit;background-color:#ff0;border:1px solid silver;padding:0 4px}\n"], dependencies: [{ kind: "ngmodule", type: FlexModule }, { kind: "directive", type: i6.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: i6.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: i6.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: i6.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i6.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: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i12.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: i12.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i12.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: ExtendedModule }, { kind: "directive", type: i14.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i14.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i16.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: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i15.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i15.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i15.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "pipe", type: SafeUrlPipe, name: "safeUrl" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ClipperDocumentComponent, decorators: [{
             type: Component,
@@ -2410,7 +2410,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
                         NgStyle,
                         MatSidenavModule,
                         SafeUrlPipe,
-                    ], template: "<div id=\"clipper-document-fixed\">\r\n  <div class=\"clipper-document-header\">\r\n    <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"space-between\" fxFill>\r\n      <div fxFlex.lt-md=\"50\" fxFlex=\"70\" fxFlexAlign=\"center\" class=\"document-title-block\">\r\n        <div class=\"truncated\">\r\n          <div class=\"large bold\">{{title}}</div>\r\n          @if (lastDocument && lastDocument.lastUpdate) {\r\n          <div class=\"small item-greyed-2\" style=\"padding-top:5px\">\r\n            AGGIORNATO A:\r\n            {{lastDocument.lastUpdate}}\r\n          </div>\r\n          }\r\n          @if (lastDocument && lastDocument.expiringDescription) {\r\n          <div class=\"small item-greyed-2\" style=\"padding-top:5px\">\r\n            {{lastDocument.expiringDescription}}</div>\r\n          }\r\n          @if (lastDocument && lastDocument.validityInfo) {\r\n          <div class=\"small\" style=\"padding-top:5px\"><span class=\"item-line-red-badge\"><b>Attenzione!</b>\r\n              {{lastDocument.validityInfo}}</span></div>\r\n          }\r\n        </div>\r\n      </div>\r\n      <div fxFlex.lt-md=\"50\" fxFlex=\"30\" fxLayoutAlign=\"end\">\r\n        <div fxFlexAlign=\"start\" style=\"padding:6px 10px 5px 0\">\r\n          @if (canSelect()) {\r\n          <button type=\"button\" mat-flat-button color=\"primary\" (click)=\"select()\">\r\n            Usa selezione\r\n          </button>\r\n          }\r\n        </div>\r\n        <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Indietro\"\r\n          aria-label=\"Indietro\" (click)=\"back()\">\r\n          <mat-icon>arrow_back</mat-icon>\r\n        </button>\r\n        <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Avanti\"\r\n          aria-label=\"Avanti\" (click)=\"forward()\">\r\n          <mat-icon>arrow_forward</mat-icon>\r\n        </button>\r\n        <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Chiudi\"\r\n          aria-label=\"Chiudi\" (click)=\"close()\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div fxLayout=\"row wrap \" fxFill fxLayoutAlign=\"space-between\" style=\"padding-left: 8px\">\r\n      <div fxFlex.xs=\"100\" fxFlexAlign=\"center\">\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.id)\" color=\"primary\">\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\" color=\"primary\">\r\n          Collegamenti\r\n          <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n        </button>\r\n        }\r\n        <mat-menu #menuLinks=\"matMenu\">\r\n          @if (lastDocument.bag && lastDocument.bag[1] ==='T') {\r\n          <button mat-menu-item [attr.aria-label]=\"'Mostra documenti richiamati'\"\r\n            (click)=\"openReferences(lastDocument.id, 1)\">\r\n            Documenti richiamati\r\n          </button>\r\n          }\r\n          @if (lastDocument.bag && lastDocument.bag[3] ==='T') {\r\n          <button mat-menu-item [attr.aria-label]=\"'Mostra documenti che richiamano'\"\r\n            (click)=\"openReferences(lastDocument.id, 2)\">\r\n            Documenti che richiamano\r\n          </button>\r\n          }\r\n          @if (lastDocument.bag && lastDocument.bag[2] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra juris'\"\r\n            (click)=\"openReferences(lastDocument.id, 4)\">\r\n            Juris\r\n          </button>\r\n          }\r\n          @if (lastDocument.bag && lastDocument.bag[4] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra modifiche subite'\"\r\n            (click)=\"openReferences(lastDocument.id, 3)\">\r\n            Modifiche subite\r\n          </button>\r\n          }\r\n          @if (lastDocument.bag && lastDocument.bag[4] !=='T' && lastDocument.bag[6] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra modifiche apportate'\"\r\n            (click)=\"openReferences(lastDocument.id, 5)\">\r\n            Modifiche apportate\r\n          </button>\r\n          }\r\n        </mat-menu>\r\n        @if (lastDocument.hasPrimary) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra documento primario'\"\r\n          (click)=\"navigate(lastDocument.primaryId)\" color=\"primary\">\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.id, 4)\" color=\"primary\">\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.id, 3)\" color=\"primary\">\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.id, 5)\" color=\"primary\">\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)\" color=\"primary\">\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()\" color=\"primary\">\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()\" color=\"primary\" matTooltip=\"Parola precedente\"\r\n              [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()\" color=\"primary\" matTooltip=\"Prossima parola\"\r\n              [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-button matTooltip=\"Azioni sul documento\"\r\n          [attr.aria-label]=\"'Azioni da eseguire sul documento'\" [matMenuTriggerFor]=\"menuActions\" color=\"primary\">\r\n          Azioni\r\n          <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n        </button>\r\n        <mat-menu #menuActions=\"matMenu\">\r\n          <button mat-menu-item [attr.aria-label]=\"'Apri documento in una nuova finestra'\"\r\n            (click)=\"open(lastDocument, true)\">\r\n            <mat-icon>open_in_browser</mat-icon>Apri in nuova finestra\r\n          </button>\r\n          <button mat-menu-item (click)=\"print()\" [attr.aria-label]=\"'Stampa documento'\">\r\n            <mat-icon>print</mat-icon>Stampa\r\n          </button>\r\n          <button mat-menu-item (click)=\"find()\" [attr.aria-label]=\"'Trova nel documento'\">\r\n            <mat-icon>find_in_page</mat-icon>Trova nel documento (CTRL+F)\r\n          </button>\r\n          <button mat-menu-item (click)=\"sendItemsTo([lastDocument])\" [attr.aria-label]=\"'Invia documento per email'\">\r\n            <mat-icon>send</mat-icon>Invia per email\r\n          </button>\r\n          <button mat-menu-item (click)=\"addToBag([lastDocument])\"\r\n            [attr.aria-label]=\"'Aggiungi ai documenti di lavoro'\">\r\n            <mat-icon>work_outline</mat-icon>Aggiungi ai documenti di lavoro\r\n          </button>\r\n          @if (lastDocument && lastDocument.model != 11) {\r\n          <button mat-menu-item (click)=\"exportPdf(lastDocument)\" [attr.aria-label]=\"'Salva documento in pdf'\">\r\n            <mat-icon>save_alt</mat-icon>Salva in pdf\r\n          </button>\r\n          }\r\n          <button mat-menu-item [attr.aria-label]=\"'Genera un link permanente da utilizzare esternamente'\"\r\n            (click)=\"showLink(lastDocument)\">\r\n            <mat-icon>link</mat-icon>Link\r\n          </button>\r\n          @if ((lastDocument.model === 9 || lastDocument.model === 10)) {\r\n          <button mat-menu-item [attr.aria-label]=\"'Genera un report sul documento'\"\r\n            (click)=\"displayReport(lastDocument)\">\r\n            <mat-icon>assignment</mat-icon>Report\r\n          </button>\r\n          }\r\n          @if (RS_enabled([lastDocument]) && !canSelect()) {\r\n          <mat-divider></mat-divider>\r\n          }\r\n          @if (RS_enabled([lastDocument]) && !canSelect()) {\r\n          <button type=\"button\" mat-menu-item matTooltip=\"Registro & Scadenzario\"\r\n            [attr.aria-label]=\"'Opzioni di Registro & Scadenzario'\" [matMenuTriggerFor]=\"menuRS\">\r\n            <mat-icon>alarm_on</mat-icon>\r\n            Registro e scadenzario\r\n          </button>\r\n          }\r\n          <mat-menu #menuRS=\"matMenu\">\r\n            <button mat-menu-item [attr.aria-label]=\"'Nuova legge'\" (click)=\"RS_newLaw(lastDocument)\">\r\n              Nuova legge\r\n            </button>\r\n            <button mat-menu-item [attr.aria-label]=\"'Nuova attivit\u00E0'\" (click)=\"RS_newActivity(lastDocument)\">\r\n              Nuova attivit\u00E0\r\n            </button>\r\n            <button mat-menu-item [attr.aria-label]=\"'Report utilizzo norma'\" (click)=\"RS_usageReport(lastDocument)\">\r\n              Report utilizzo norma\r\n            </button>\r\n          </mat-menu>\r\n        </mat-menu>\r\n        @if (hasRelevants() && relevants.items && relevantsSidenav && (!relevantsSidenav.opened || relevantsClosed)) {\r\n        <div fxFlexAlign=\"center\">\r\n          <button type=\"button\" fxHide fxShow.xs mat-icon-button color=\"primary\" matTooltip=\"Rilevanza\"\r\n            aria-label=\"'Rilevanza'\" (click)=\"relevantsOpen()\">\r\n            <mat-icon>menu_open</mat-icon>\r\n          </button>\r\n          <button type=\"button\" fxShow fxHide.xs mat-button color=\"primary\" aria-label=\"'Rilevanza'\"\r\n            (click)=\"relevantsOpen()\">\r\n            Rilevanza\r\n          </button>\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n    @if (busy) {\r\n    <mat-progress-bar class=\"sidenav-loader\" mode=\"indeterminate\"></mat-progress-bar>\r\n    }\r\n  </div>\r\n</div>\r\n<div mat-dialog-content style=\"padding:0\" [ngStyle]=\"{'min-height.px': contentHeight}\">\r\n  <mat-sidenav-container [hasBackdrop]=\"false\" [ngStyle]=\"{'height.px': contentHeight}\">\r\n    <mat-sidenav #relevantsSidenav position=\"end\" autoFocus=\"false\" opened=\"false\" mode=\"{{relevantsMode}}\"\r\n      class=\"sidenav sidenav-facets relevants-sidenav\">\r\n      @if (relevantsBusy) {\r\n      <div class=\"sidenav-overlay\"></div>\r\n      }\r\n      <div fxLayout=\"column\" fxFill>\r\n        <div style=\"height:5px\">\r\n          @if (relevantsBusy) {\r\n          <mat-progress-bar class=\"sidenav-loader\" mode=\"indeterminate\"></mat-progress-bar>\r\n          }\r\n        </div>\r\n        <div fxFlex=\"64px\">\r\n          <div fxLayout=\"row\" fxFill class=\"sidenav-title-container\">\r\n            <div fxFlex=\"100\" fxFlexAlign=\"center\" fxLayoutAlign=\"start\">\r\n              <span class=\"sidenav-title\">Rilevanza</span>\r\n            </div>\r\n            <div fxLayoutAlign=\"end\">\r\n              <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Nascondi\"\r\n                (click)=\"relevantsClose(true)\" color=\"primary\">\r\n                <mat-icon>clear</mat-icon>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"scrollbox\">\r\n          @if (relevantsBusy) {\r\n          <div style=\"padding: 10px; max-width: 340px;\">\r\n            <p>Ricerca parti del documento significative in corso...</p>\r\n          </div>\r\n          }\r\n          @if (!relevantsBusy) {\r\n          <div style=\"max-width: 340px;\">\r\n            <div style=\"padding: 0 10px\">\r\n              <p>Parti del documento pi\u00F9 significative per la ricerca di <span class='word-hit'>{{lastQuery}}</span>\r\n              </p>\r\n              <nav class=\"relevant-items\">\r\n                <ul>\r\n                  @for (item of relevants.items; track item) {\r\n                  <li class=\"small\" (click)=\"gotoRelevant(item)\" [attr.aria-label]=\"item.title\">\r\n                    <div fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n                      <div fxFlex=\"100\">\r\n                        <!--<div [matTooltip]=\"item.title\"> -->\r\n                        {{item.title}}\r\n                        <!--</div> -->\r\n                      </div>\r\n                      <div fxLayoutAlign=\"end\">\r\n                        @if (item.score > 1.2) {\r\n                        <span fxFlexAlign=\"start\">\r\n                          <mat-icon style='font-size:small; height: 10px; width:10px' color=\"primary\"\r\n                            matTooltip=\"Molto rilevante\">thumb_up_alt</mat-icon>\r\n                        </span>\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          }\r\n        </div>\r\n      </div>\r\n    </mat-sidenav>\r\n    <mat-sidenav-content>\r\n      <div id=\"scroller\" style=\"overflow:auto;\" [ngStyle]=\"{'height.px': contentHeight}\">\r\n        <iframe id=\"documentBody\" name=\"documentBody\" style=\"width: 100%;  border:0; overflow:hidden;\"\r\n          [src]=\"url | safeUrl\" [ngStyle]=\"{'height.px': contentHeight-10}\"></iframe>\r\n      </div>\r\n    </mat-sidenav-content>\r\n  </mat-sidenav-container>\r\n</div>", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}.document-title-block{padding-left:15px;padding-top:5px;padding-bottom:5px}.relevants-sidenav{width:350px!important}.relevant-items{overflow:hidden;margin-right:0;margin-left:10px}.relevant-items ul{list-style-type:none;padding:0;margin:0}.relevant-items ul li{padding:6px;display:block;color:#2d2e2e}.relevant-items ul li a{color:inherit;text-decoration:none;display:block}.relevant-items ul li:hover{background-color:#fff;cursor:pointer}.word-hit{font-size:inherit;background-color:#ff0;border:1px solid silver;padding:0 4px}\n"] }]
+                    ], template: "<div id=\"clipper-document-fixed\">\r\n  <div class=\"clipper-document-header\">\r\n    <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"space-between\" fxFill>\r\n      <div fxFlex.lt-md=\"50\" fxFlex=\"70\" fxFlexAlign=\"center\" class=\"document-title-block\">\r\n        <div class=\"truncated\">\r\n          <div class=\"large bold\">{{title}}</div>\r\n          @if (lastDocument && lastDocument.lastUpdate) {\r\n          <div class=\"small item-greyed-2\" style=\"padding-top:5px\">\r\n            AGGIORNATO A:\r\n            {{lastDocument.lastUpdate}}\r\n          </div>\r\n          }\r\n          @if (lastDocument && lastDocument.expiringDescription) {\r\n          <div class=\"small item-greyed-2\" style=\"padding-top:5px\">\r\n            {{lastDocument.expiringDescription}}</div>\r\n          }\r\n          @if (lastDocument && lastDocument.validityInfo) {\r\n          <div class=\"small\" style=\"padding-top:5px\"><span class=\"item-line-red-badge\"><b>Attenzione!</b>\r\n              {{lastDocument.validityInfo}}</span></div>\r\n          }\r\n        </div>\r\n      </div>\r\n      <div fxFlex.lt-md=\"50\" fxFlex=\"30\" fxLayoutAlign=\"end\">\r\n        <div fxFlexAlign=\"start\" style=\"padding:6px 10px 5px 0\">\r\n          @if (canSelect()) {\r\n          <button type=\"button\" mat-flat-button color=\"primary\" (click)=\"select()\">\r\n            Usa selezione\r\n          </button>\r\n          }\r\n        </div>\r\n        <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Indietro\"\r\n          aria-label=\"Indietro\" (click)=\"back()\">\r\n          <mat-icon>arrow_back</mat-icon>\r\n        </button>\r\n        <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Avanti\"\r\n          aria-label=\"Avanti\" (click)=\"forward()\">\r\n          <mat-icon>arrow_forward</mat-icon>\r\n        </button>\r\n        <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Chiudi\"\r\n          aria-label=\"Chiudi\" (click)=\"close()\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div fxLayout=\"row wrap \" fxFill fxLayoutAlign=\"space-between\" style=\"padding-left: 8px\">\r\n      <div fxFlex.xs=\"100\" fxFlexAlign=\"center\">\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.id)\" color=\"primary\">\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\" color=\"primary\">\r\n          Collegamenti\r\n          <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n        </button>\r\n        }\r\n        <mat-menu #menuLinks=\"matMenu\">\r\n          @if (lastDocument.bag && lastDocument.bag[1] ==='T') {\r\n          <button mat-menu-item [attr.aria-label]=\"'Mostra documenti richiamati'\"\r\n            (click)=\"openReferences(lastDocument.id, 1)\">\r\n            Documenti richiamati\r\n          </button>\r\n          }\r\n          @if (lastDocument.bag && lastDocument.bag[3] ==='T') {\r\n          <button mat-menu-item [attr.aria-label]=\"'Mostra documenti che richiamano'\"\r\n            (click)=\"openReferences(lastDocument.id, 2)\">\r\n            Documenti che richiamano\r\n          </button>\r\n          }\r\n          @if (lastDocument.bag && lastDocument.bag[2] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra juris'\"\r\n            (click)=\"openReferences(lastDocument.id, 4)\">\r\n            Juris\r\n          </button>\r\n          }\r\n          @if (lastDocument.bag && lastDocument.bag[4] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra modifiche subite'\"\r\n            (click)=\"openReferences(lastDocument.id, 3)\">\r\n            Modifiche subite\r\n          </button>\r\n          }\r\n          @if (lastDocument.bag && lastDocument.bag[4] !=='T' && lastDocument.bag[6] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra modifiche apportate'\"\r\n            (click)=\"openReferences(lastDocument.id, 5)\">\r\n            Modifiche apportate\r\n          </button>\r\n          }\r\n        </mat-menu>\r\n        @if (lastDocument.hasPrimary) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra documento primario'\"\r\n          (click)=\"navigate(lastDocument.primaryId)\" color=\"primary\">\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.id, 4)\" color=\"primary\">\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.id, 3)\" color=\"primary\">\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.id, 5)\" color=\"primary\">\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)\" color=\"primary\">\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()\" color=\"primary\">\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()\" color=\"primary\" matTooltip=\"Parola precedente\"\r\n              [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()\" color=\"primary\" matTooltip=\"Prossima parola\"\r\n              [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-button matTooltip=\"Azioni sul documento\"\r\n          [attr.aria-label]=\"'Azioni da eseguire sul documento'\" [matMenuTriggerFor]=\"menuActions\" color=\"primary\">\r\n          Azioni\r\n          <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n        </button>\r\n        <mat-menu #menuActions=\"matMenu\">\r\n          <button mat-menu-item [attr.aria-label]=\"'Apri documento in una nuova finestra'\"\r\n            (click)=\"open(lastDocument, true)\">\r\n            <mat-icon>open_in_browser</mat-icon>Apri in nuova finestra\r\n          </button>\r\n          <button mat-menu-item (click)=\"print()\" [attr.aria-label]=\"'Stampa documento'\">\r\n            <mat-icon>print</mat-icon>Stampa\r\n          </button>\r\n          <button mat-menu-item (click)=\"find()\" [attr.aria-label]=\"'Trova nel documento'\">\r\n            <mat-icon>find_in_page</mat-icon>Trova nel documento (CTRL+F)\r\n          </button>\r\n          <button mat-menu-item (click)=\"sendItemsTo([lastDocument])\" [attr.aria-label]=\"'Invia documento per email'\">\r\n            <mat-icon>send</mat-icon>Invia per email\r\n          </button>\r\n          <button mat-menu-item (click)=\"addToBag([lastDocument])\"\r\n            [attr.aria-label]=\"'Aggiungi ai documenti di lavoro'\">\r\n            <mat-icon>work_outline</mat-icon>Aggiungi ai documenti di lavoro\r\n          </button>\r\n          @if (lastDocument && lastDocument.model != 11) {\r\n          <button mat-menu-item (click)=\"exportPdf(lastDocument)\" [attr.aria-label]=\"'Salva documento in pdf'\">\r\n            <mat-icon>save_alt</mat-icon>Salva in pdf\r\n          </button>\r\n          }\r\n          <button mat-menu-item [attr.aria-label]=\"'Genera un link permanente da utilizzare esternamente'\"\r\n            (click)=\"showLink(lastDocument)\">\r\n            <mat-icon>link</mat-icon>Link\r\n          </button>\r\n          @if ((lastDocument.model === 9 || lastDocument.model === 10)) {\r\n          <button mat-menu-item [attr.aria-label]=\"'Genera un report sul documento'\"\r\n            (click)=\"displayReport(lastDocument)\">\r\n            <mat-icon>assignment</mat-icon>Report\r\n          </button>\r\n          }\r\n          @if (RS_enabled([lastDocument]) && !canSelect()) {\r\n          <mat-divider></mat-divider>\r\n          }\r\n          @if (RS_enabled([lastDocument]) && !canSelect()) {\r\n          <button type=\"button\" mat-menu-item matTooltip=\"Registro & Scadenzario\"\r\n            [attr.aria-label]=\"'Opzioni di Registro & Scadenzario'\" [matMenuTriggerFor]=\"menuRS\">\r\n            <mat-icon>alarm_on</mat-icon>\r\n            Registro e scadenzario\r\n          </button>\r\n          }\r\n          <mat-menu #menuRS=\"matMenu\">\r\n            <button mat-menu-item [attr.aria-label]=\"'Nuova legge'\" (click)=\"RS_newLaw(lastDocument)\">\r\n              Nuova legge\r\n            </button>\r\n            <button mat-menu-item [attr.aria-label]=\"'Nuova attivit\u00E0'\" (click)=\"RS_newActivity(lastDocument)\">\r\n              Nuova attivit\u00E0\r\n            </button>\r\n            <button mat-menu-item [attr.aria-label]=\"'Report utilizzo norma'\" (click)=\"RS_usageReport(lastDocument)\">\r\n              Report utilizzo norma\r\n            </button>\r\n          </mat-menu>\r\n        </mat-menu>\r\n        @if (hasRelevants() && relevants.items && relevantsSidenav && (!relevantsSidenav.opened || relevantsClosed)) {\r\n        <div fxFlexAlign=\"center\">\r\n          <button type=\"button\" fxHide fxShow.xs mat-icon-button color=\"primary\" matTooltip=\"Rilevanza\"\r\n            aria-label=\"'Rilevanza'\" (click)=\"relevantsOpen()\">\r\n            <mat-icon>menu_open</mat-icon>\r\n          </button>\r\n          <button type=\"button\" fxShow fxHide.xs mat-button color=\"primary\" aria-label=\"'Rilevanza'\"\r\n            (click)=\"relevantsOpen()\">\r\n            Rilevanza\r\n          </button>\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n    @if (busy) {\r\n    <mat-progress-bar class=\"sidenav-loader\" mode=\"indeterminate\"></mat-progress-bar>\r\n    }\r\n  </div>\r\n</div>\r\n<div mat-dialog-content style=\"padding:0\" [ngStyle]=\"{'min-height.px': contentHeight}\">\r\n  <mat-sidenav-container [hasBackdrop]=\"false\" [ngStyle]=\"{'height.px': contentHeight}\">\r\n    <mat-sidenav #relevantsSidenav position=\"end\" autoFocus=\"false\" opened=\"false\" mode=\"{{relevantsMode}}\"\r\n      class=\"sidenav sidenav-facets relevants-sidenav\">\r\n      @if (relevantsBusy) {\r\n      <div class=\"sidenav-overlay\"></div>\r\n      }\r\n      <div fxLayout=\"column\" fxFill>\r\n        <div style=\"height:5px\">\r\n          @if (relevantsBusy) {\r\n          <mat-progress-bar class=\"sidenav-loader\" mode=\"indeterminate\"></mat-progress-bar>\r\n          }\r\n        </div>\r\n        <div fxFlex=\"64px\">\r\n          <div fxLayout=\"row\" fxFill class=\"sidenav-title-container\">\r\n            <div fxFlex=\"100\" fxFlexAlign=\"center\" fxLayoutAlign=\"start\">\r\n              <span class=\"sidenav-title\">Rilevanza</span>\r\n            </div>\r\n            <div fxLayoutAlign=\"end\">\r\n              <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Nascondi\"\r\n                (click)=\"relevantsClose(true)\" color=\"primary\">\r\n                <mat-icon>clear</mat-icon>\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"scrollbox\">\r\n          @if (relevantsBusy) {\r\n          <div style=\"padding: 10px; max-width: 340px;\">\r\n            <p>Ricerca parti del documento significative in corso...</p>\r\n          </div>\r\n          }\r\n          @if (!relevantsBusy) {\r\n          <div style=\"max-width: 340px;\">\r\n            <div style=\"padding: 0 10px\">\r\n              <p>Parti del documento pi\u00F9 significative per la ricerca di <span class='word-hit'>{{lastQuery}}</span>\r\n              </p>\r\n              <nav class=\"relevant-items\">\r\n                <ul>\r\n                  @for (item of relevants.items; track item) {\r\n                  <li class=\"small\" (click)=\"gotoRelevant(item)\" [attr.aria-label]=\"item.title\">\r\n                    <div fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n                      <div fxFlex=\"100\">\r\n                        <!--<div [matTooltip]=\"item.title\"> -->\r\n                        {{item.title}}\r\n                        <!--</div> -->\r\n                      </div>\r\n                      <div fxLayoutAlign=\"end\">\r\n                        @if (item.score > 1.2) {\r\n                        <span fxFlexAlign=\"start\">\r\n                          <mat-icon style='font-size:small; height: 10px; width:10px' color=\"primary\"\r\n                            matTooltip=\"Molto rilevante\">thumb_up_alt</mat-icon>\r\n                        </span>\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          }\r\n        </div>\r\n      </div>\r\n    </mat-sidenav>\r\n    <mat-sidenav-content>\r\n      <div id=\"scroller\" style=\"overflow:auto;\" [ngStyle]=\"{'height.px': contentHeight}\">\r\n        <iframe id=\"documentBody\" name=\"documentBody\" style=\"width: 100%;  border:0; overflow:hidden;\"\r\n          [src]=\"url | safeUrl\" [ngStyle]=\"{'height.px': contentHeight-10}\"></iframe>\r\n      </div>\r\n    </mat-sidenav-content>\r\n  </mat-sidenav-container>\r\n</div>", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}.document-title-block{padding-left:15px;padding-top:5px;padding-bottom:5px}.relevants-sidenav{width:350px!important}.relevant-items{overflow:hidden;margin-right:0;margin-left:10px}.relevant-items ul{list-style-type:none;padding:0;margin:0}.relevant-items ul li{padding:6px;display:block;color:#2d2e2e}.relevant-items ul li a{color:inherit;text-decoration:none;display:block}.relevant-items ul li:hover{background-color:#fff;cursor:pointer}.word-hit{font-size:inherit;background-color:#ff0;border:1px solid silver;padding:0 4px}\n"] }]
         }], ctorParameters: () => [{ type: i3.BroadcastService }, { type: i1.DialogService }, { type: i2.ClipperService }, { type: i4.MediaObserver }, { type: i0.Renderer2 }, { type: i5$1.Router }, { type: i6$3.DomSanitizer }, { type: i3$1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -2557,11 +2557,11 @@ class ClipperLast15DaysComponent extends ClipperDocumentBaseComponent {
             this.daysAccordion.openAll();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ClipperLast15DaysComponent, deps: [{ token: i1.DialogService }, { token: i2.ClipperService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: ClipperLast15DaysComponent, isStandalone: true, selector: "clipper-last-15-days", inputs: { showHeader: "showHeader" }, viewQueries: [{ propertyName: "daysAccordion", first: true, predicate: MatAccordion, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (showHeader) {\r\n<div class=\"dialog-title form-column\">\r\n  <p>Ecco cosa \u00E8 successo negli ultimi 15 giorni in base alla tua configurazione.</p>\r\n  <p>Per modificare la tua\r\n    configurazione devi accedere a <a class=\"link\" href=\"https://clipper.arsedizioni.it\"\r\n      matTooltip=\"Apri Clipper in un nuovo tab\" target=\"_blank\">Clipper</a>.</p>\r\n  <div fxLayout=\"row\" fxLayoutGap='10px' fxFill>\r\n    <div fxFlexAlign=\"center\">\r\n      <button mat-button matTooltip=\"Espandi tutto\" [attr.aria-label]=\"'Espandi tutto \\ comprimi tutto'\" color=\"primary\"\r\n        (click)=\"expand()\">\r\n        Espandi tutto\r\n      </button>\r\n      <button mat-button matTooltip=\"Comprimi tutto\" [attr.aria-label]=\"'Comprimi tutto'\" color=\"primary\"\r\n        (click)=\"expand(true)\">\r\n        Comprimi tutto\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n}\r\n<div>\r\n  <mat-accordion #daysAccordion displayMode=\"flat\" multi=\"true\">\r\n    @for (d of days; track d; let i = $index) {\r\n  <mat-expansion-panel class=\"mat-elevation-z0\" [expanded]=\"i == 0\">\r\n      <mat-expansion-panel-header>\r\n        <mat-panel-title>\r\n          <span class=\"item-greyed-2\">{{d.label}} &nbsp;({{d.count}})</span>\r\n        </mat-panel-title>\r\n      </mat-expansion-panel-header>\r\n      @for (g of d.items; track g; let j = $index) {\r\n  <div style=\"padding-left: 15px;\">\r\n        <div class=\"item-accent\" style=\"padding-top: 8px;\">{{g.label}} &nbsp;({{g.items.length}})</div>\r\n        @for (item of g.items; track item; let k = $index) {\r\n  <div style=\"padding-left: 15px;\">\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n            <div fxFlex=\"30px\" fxFlexAlign=\"center\">{{k + 1}}.</div>\r\n            <div fxFlex=\"100\" fxFlexAlign=\"center\">\r\n              <div fxLayout=\"column\" fxFill class=\"item\" style=\"padding: 4px 8px; cursor: pointer\"\r\n                [attr.aria-label]=\"'Apri documento'\" (click)=\"open(item.documentId)\">\r\n                @if (item.author && item.origin === 'LR') {\r\n<div class=\"item-line item-line-3 item-line-read item-greyed-1 uppercase\"\r\n                 >\r\n                  {{item.author}}</div>\r\n}\r\n                <div class=\"item-line item-line-2 item-line-read\">\r\n                  @if (item.title1) {\r\n<span><b>{{item.title1}}\r\n                      @if (item.part > 0) {\r\n<span class=\"item-badge\">PARTE\r\n                        {{item.part}}</span>\r\n}</b></span>\r\n}\r\n                </div>\r\n                @if (item.title2) {\r\n<div class=\"item-line item-line-2 item-line-read\">{{item.title2}}\r\n                </div>\r\n}\r\n                @if (item.originDescription  ) {\r\n<div class=\"item-line item-line-3 item-line-read item-greyed-2\">\r\n                  {{item.originDescription}}\r\n                </div>\r\n}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n}\r\n      </div>\r\n}\r\n    </mat-expansion-panel>\r\n}\r\n  </mat-accordion>\r\n</div>\r\n", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}\n"], dependencies: [{ kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: FlexModule }, { kind: "directive", type: i6.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: i6.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: i6.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i6.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: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i6$1.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i6$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i6$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i6$1.MatExpansionPanelTitle, selector: "mat-panel-title" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: ClipperLast15DaysComponent, isStandalone: true, selector: "clipper-last-15-days", inputs: { showHeader: "showHeader" }, viewQueries: [{ propertyName: "daysAccordion", first: true, predicate: MatAccordion, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (showHeader) {\r\n<div class=\"dialog-title form-column\">\r\n  <p>Ecco cosa \u00E8 successo negli ultimi 15 giorni in base alla tua configurazione.</p>\r\n  <p>Per modificare la tua\r\n    configurazione devi accedere a <a class=\"link\" href=\"https://clipper.arsedizioni.it\"\r\n      matTooltip=\"Apri Clipper in un nuovo tab\" target=\"_blank\">Clipper</a>.</p>\r\n  <div fxLayout=\"row\" fxLayoutGap='10px' fxFill>\r\n    <div fxFlexAlign=\"center\">\r\n      <button mat-button matTooltip=\"Espandi tutto\" [attr.aria-label]=\"'Espandi tutto \\ comprimi tutto'\" color=\"primary\"\r\n        (click)=\"expand()\">\r\n        Espandi tutto\r\n      </button>\r\n      <button mat-button matTooltip=\"Comprimi tutto\" [attr.aria-label]=\"'Comprimi tutto'\" color=\"primary\"\r\n        (click)=\"expand(true)\">\r\n        Comprimi tutto\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n}\r\n<div>\r\n  <mat-accordion #daysAccordion displayMode=\"flat\" multi=\"true\">\r\n    @for (d of days; track d; let i = $index) {\r\n  <mat-expansion-panel class=\"mat-elevation-z0\" [expanded]=\"i == 0\">\r\n      <mat-expansion-panel-header>\r\n        <mat-panel-title>\r\n          <span class=\"item-greyed-2\">{{d.label}} &nbsp;({{d.count}})</span>\r\n        </mat-panel-title>\r\n      </mat-expansion-panel-header>\r\n      @for (g of d.items; track g; let j = $index) {\r\n  <div style=\"padding-left: 15px;\">\r\n        <div class=\"item-accent\" style=\"padding-top: 8px;\">{{g.label}} &nbsp;({{g.items.length}})</div>\r\n        @for (item of g.items; track item; let k = $index) {\r\n  <div style=\"padding-left: 15px;\">\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n            <div fxFlex=\"30px\" fxFlexAlign=\"center\">{{k + 1}}.</div>\r\n            <div fxFlex=\"100\" fxFlexAlign=\"center\">\r\n              <div fxLayout=\"column\" fxFill class=\"item\" style=\"padding: 4px 8px; cursor: pointer\"\r\n                [attr.aria-label]=\"'Apri documento'\" (click)=\"open(item.documentId)\">\r\n                @if (item.author && item.origin === 'LR') {\r\n<div class=\"item-line item-line-3 item-line-read item-greyed-1 uppercase\"\r\n                 >\r\n                  {{item.author}}</div>\r\n}\r\n                <div class=\"item-line item-line-2 item-line-read\">\r\n                  @if (item.title1) {\r\n<span><b>{{item.title1}}\r\n                      @if (item.part > 0) {\r\n<span class=\"item-badge\">PARTE\r\n                        {{item.part}}</span>\r\n}</b></span>\r\n}\r\n                </div>\r\n                @if (item.title2) {\r\n<div class=\"item-line item-line-2 item-line-read\">{{item.title2}}\r\n                </div>\r\n}\r\n                @if (item.originDescription  ) {\r\n<div class=\"item-line item-line-3 item-line-read item-greyed-2\">\r\n                  {{item.originDescription}}\r\n                </div>\r\n}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n}\r\n      </div>\r\n}\r\n    </mat-expansion-panel>\r\n}\r\n  </mat-accordion>\r\n</div>\r\n", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}\n"], dependencies: [{ kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: FlexModule }, { kind: "directive", type: i6.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: i6.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: i6.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i6.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: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i6$1.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i6$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i6$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i6$1.MatExpansionPanelTitle, selector: "mat-panel-title" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ClipperLast15DaysComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'clipper-last-15-days', standalone: true, imports: [MatTooltipModule, FlexModule, MatButtonModule, MatExpansionModule], template: "@if (showHeader) {\r\n<div class=\"dialog-title form-column\">\r\n  <p>Ecco cosa \u00E8 successo negli ultimi 15 giorni in base alla tua configurazione.</p>\r\n  <p>Per modificare la tua\r\n    configurazione devi accedere a <a class=\"link\" href=\"https://clipper.arsedizioni.it\"\r\n      matTooltip=\"Apri Clipper in un nuovo tab\" target=\"_blank\">Clipper</a>.</p>\r\n  <div fxLayout=\"row\" fxLayoutGap='10px' fxFill>\r\n    <div fxFlexAlign=\"center\">\r\n      <button mat-button matTooltip=\"Espandi tutto\" [attr.aria-label]=\"'Espandi tutto \\ comprimi tutto'\" color=\"primary\"\r\n        (click)=\"expand()\">\r\n        Espandi tutto\r\n      </button>\r\n      <button mat-button matTooltip=\"Comprimi tutto\" [attr.aria-label]=\"'Comprimi tutto'\" color=\"primary\"\r\n        (click)=\"expand(true)\">\r\n        Comprimi tutto\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n}\r\n<div>\r\n  <mat-accordion #daysAccordion displayMode=\"flat\" multi=\"true\">\r\n    @for (d of days; track d; let i = $index) {\r\n  <mat-expansion-panel class=\"mat-elevation-z0\" [expanded]=\"i == 0\">\r\n      <mat-expansion-panel-header>\r\n        <mat-panel-title>\r\n          <span class=\"item-greyed-2\">{{d.label}} &nbsp;({{d.count}})</span>\r\n        </mat-panel-title>\r\n      </mat-expansion-panel-header>\r\n      @for (g of d.items; track g; let j = $index) {\r\n  <div style=\"padding-left: 15px;\">\r\n        <div class=\"item-accent\" style=\"padding-top: 8px;\">{{g.label}} &nbsp;({{g.items.length}})</div>\r\n        @for (item of g.items; track item; let k = $index) {\r\n  <div style=\"padding-left: 15px;\">\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n            <div fxFlex=\"30px\" fxFlexAlign=\"center\">{{k + 1}}.</div>\r\n            <div fxFlex=\"100\" fxFlexAlign=\"center\">\r\n              <div fxLayout=\"column\" fxFill class=\"item\" style=\"padding: 4px 8px; cursor: pointer\"\r\n                [attr.aria-label]=\"'Apri documento'\" (click)=\"open(item.documentId)\">\r\n                @if (item.author && item.origin === 'LR') {\r\n<div class=\"item-line item-line-3 item-line-read item-greyed-1 uppercase\"\r\n                 >\r\n                  {{item.author}}</div>\r\n}\r\n                <div class=\"item-line item-line-2 item-line-read\">\r\n                  @if (item.title1) {\r\n<span><b>{{item.title1}}\r\n                      @if (item.part > 0) {\r\n<span class=\"item-badge\">PARTE\r\n                        {{item.part}}</span>\r\n}</b></span>\r\n}\r\n                </div>\r\n                @if (item.title2) {\r\n<div class=\"item-line item-line-2 item-line-read\">{{item.title2}}\r\n                </div>\r\n}\r\n                @if (item.originDescription  ) {\r\n<div class=\"item-line item-line-3 item-line-read item-greyed-2\">\r\n                  {{item.originDescription}}\r\n                </div>\r\n}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n}\r\n      </div>\r\n}\r\n    </mat-expansion-panel>\r\n}\r\n  </mat-accordion>\r\n</div>\r\n", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}\n"] }]
+            args: [{ selector: 'clipper-last-15-days', standalone: true, imports: [MatTooltipModule, FlexModule, MatButtonModule, MatExpansionModule], template: "@if (showHeader) {\r\n<div class=\"dialog-title form-column\">\r\n  <p>Ecco cosa \u00E8 successo negli ultimi 15 giorni in base alla tua configurazione.</p>\r\n  <p>Per modificare la tua\r\n    configurazione devi accedere a <a class=\"link\" href=\"https://clipper.arsedizioni.it\"\r\n      matTooltip=\"Apri Clipper in un nuovo tab\" target=\"_blank\">Clipper</a>.</p>\r\n  <div fxLayout=\"row\" fxLayoutGap='10px' fxFill>\r\n    <div fxFlexAlign=\"center\">\r\n      <button mat-button matTooltip=\"Espandi tutto\" [attr.aria-label]=\"'Espandi tutto \\ comprimi tutto'\" color=\"primary\"\r\n        (click)=\"expand()\">\r\n        Espandi tutto\r\n      </button>\r\n      <button mat-button matTooltip=\"Comprimi tutto\" [attr.aria-label]=\"'Comprimi tutto'\" color=\"primary\"\r\n        (click)=\"expand(true)\">\r\n        Comprimi tutto\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n}\r\n<div>\r\n  <mat-accordion #daysAccordion displayMode=\"flat\" multi=\"true\">\r\n    @for (d of days; track d; let i = $index) {\r\n  <mat-expansion-panel class=\"mat-elevation-z0\" [expanded]=\"i == 0\">\r\n      <mat-expansion-panel-header>\r\n        <mat-panel-title>\r\n          <span class=\"item-greyed-2\">{{d.label}} &nbsp;({{d.count}})</span>\r\n        </mat-panel-title>\r\n      </mat-expansion-panel-header>\r\n      @for (g of d.items; track g; let j = $index) {\r\n  <div style=\"padding-left: 15px;\">\r\n        <div class=\"item-accent\" style=\"padding-top: 8px;\">{{g.label}} &nbsp;({{g.items.length}})</div>\r\n        @for (item of g.items; track item; let k = $index) {\r\n  <div style=\"padding-left: 15px;\">\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill>\r\n            <div fxFlex=\"30px\" fxFlexAlign=\"center\">{{k + 1}}.</div>\r\n            <div fxFlex=\"100\" fxFlexAlign=\"center\">\r\n              <div fxLayout=\"column\" fxFill class=\"item\" style=\"padding: 4px 8px; cursor: pointer\"\r\n                [attr.aria-label]=\"'Apri documento'\" (click)=\"open(item.documentId)\">\r\n                @if (item.author && item.origin === 'LR') {\r\n<div class=\"item-line item-line-3 item-line-read item-greyed-1 uppercase\"\r\n                 >\r\n                  {{item.author}}</div>\r\n}\r\n                <div class=\"item-line item-line-2 item-line-read\">\r\n                  @if (item.title1) {\r\n<span><b>{{item.title1}}\r\n                      @if (item.part > 0) {\r\n<span class=\"item-badge\">PARTE\r\n                        {{item.part}}</span>\r\n}</b></span>\r\n}\r\n                </div>\r\n                @if (item.title2) {\r\n<div class=\"item-line item-line-2 item-line-read\">{{item.title2}}\r\n                </div>\r\n}\r\n                @if (item.originDescription  ) {\r\n<div class=\"item-line item-line-3 item-line-read item-greyed-2\">\r\n                  {{item.originDescription}}\r\n                </div>\r\n}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n}\r\n      </div>\r\n}\r\n    </mat-expansion-panel>\r\n}\r\n  </mat-accordion>\r\n</div>\r\n", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}\n"] }]
         }], ctorParameters: () => [{ type: i1.DialogService }, { type: i2.ClipperService }], propDecorators: { daysAccordion: [{
                 type: ViewChild,
                 args: [MatAccordion]
@@ -2578,14 +2578,14 @@ class ClipperSearchResultItemComponent {
         this.parent.open(documentId);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ClipperSearchResultItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: ClipperSearchResultItemComponent, isStandalone: true, selector: "clipper-search-result-item", inputs: { parent: "parent", item: "item" }, ngImport: i0, template: "<div class=\"item-line item-line-4 item-line-read item-greyed-2 uppercase bold\">\r\n  {{item.modelName}}\r\n</div>\r\n@if (item.author && item.origin === 'LR') {\r\n<div class=\"item-line item-line-3 item-line-read item-greyed-1 uppercase\">\r\n  {{item.author}}\r\n</div>\r\n}\r\n<div class=\"item-line item-line-2 item-line-read\">\r\n  <a (click)=\"open(item.documentId)\" [attr.aria-label]=\"'Apri documento ' + (item.title1 || item.title2)\">{{item.title1\r\n    ||\r\n    item.title2}}</a>\r\n  @if (item.part > 0) {\r\n<span class=\"item-badge\">PARTE {{item.part}}</span>\r\n}\r\n</div>\r\n@if (item.title1 && item.title2) {\r\n<div class=\"item-line item-line-2 item-line-read\">\r\n  {{item.title2}}\r\n</div>\r\n}\r\n@if (item.originDescription  ) {\r\n<div class=\"item-line item-line-3 item-line-read item-greyed-2\">\r\n  {{item.originDescription}}</div>\r\n}\r\n@if (item.anchors.length > 0) {\r\n<div class=\"item-line item-line-3 item-line-read\">\r\n  <div class=\"item-line-block\">\r\n    <div class=\"item-line-block-title\">DETTAGLIO</div>\r\n    <div>\r\n      @for (a of item.anchors; track a) {\r\n  <span>\r\n        @if (a.uri && a.text) {\r\n<a class=\"link\" style='line-height: 18px; margin-right: 8px'\r\n          (click)=\"open(a.documentId + '#' + a.uri)\" [matTooltip]=\"a.title\">{{a.text}} @if (a.veryRelevant) {\r\n<sup>\r\n            <mat-icon style='font-size:x-small; height: 10px; width:10px' color=\"primary\"\r\n              matTooltip=\"Molto rilevante\">thumb_up_alt</mat-icon>\r\n          </sup>\r\n}</a>\r\n}\r\n        @if (!a.uri && a.text) {\r\n<span style='line-height: 18px; margin-right: 8px '>{{a.text}}</span>\r\n}\r\n      </span>\r\n}\r\n    </div>\r\n  </div>\r\n</div>\r\n}\r\n@if (item.validityState > 0) {\r\n<div class=\"item-line item-line-3 item-line-read\">\r\n  <span class=\"item-line-red-badge\">\r\n    {{item.validityDescription}}\r\n  </span>\r\n</div>\r\n}", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}\n"], dependencies: [{ kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: ClipperSearchResultItemComponent, isStandalone: true, selector: "clipper-search-result-item", inputs: { parent: "parent", item: "item" }, ngImport: i0, template: "<div class=\"item-line item-line-4 item-line-read item-greyed-2 uppercase bold\">\r\n  {{item.modelName}}\r\n</div>\r\n@if (item.author && item.origin === 'LR') {\r\n<div class=\"item-line item-line-3 item-line-read item-greyed-1 uppercase\">\r\n  {{item.author}}\r\n</div>\r\n}\r\n<div class=\"item-line item-line-2 item-line-read\">\r\n  <a (click)=\"open(item.documentId)\" [attr.aria-label]=\"'Apri documento ' + (item.title1 || item.title2)\">{{item.title1\r\n    ||\r\n    item.title2}}</a>\r\n  @if (item.part > 0) {\r\n<span class=\"item-badge\">PARTE {{item.part}}</span>\r\n}\r\n</div>\r\n@if (item.title1 && item.title2) {\r\n<div class=\"item-line item-line-2 item-line-read\">\r\n  {{item.title2}}\r\n</div>\r\n}\r\n@if (item.originDescription  ) {\r\n<div class=\"item-line item-line-3 item-line-read item-greyed-2\">\r\n  {{item.originDescription}}</div>\r\n}\r\n@if (item.anchors.length > 0) {\r\n<div class=\"item-line item-line-3 item-line-read\">\r\n  <div class=\"item-line-block\">\r\n    <div class=\"item-line-block-title\">DETTAGLIO</div>\r\n    <div>\r\n      @for (a of item.anchors; track a) {\r\n  <span>\r\n        @if (a.uri && a.text) {\r\n<a class=\"link\" style='line-height: 18px; margin-right: 8px'\r\n          (click)=\"open(a.documentId + '#' + a.uri)\" [matTooltip]=\"a.title\">{{a.text}} @if (a.veryRelevant) {\r\n<sup>\r\n            <mat-icon style='font-size:x-small; height: 10px; width:10px' color=\"primary\"\r\n              matTooltip=\"Molto rilevante\">thumb_up_alt</mat-icon>\r\n          </sup>\r\n}</a>\r\n}\r\n        @if (!a.uri && a.text) {\r\n<span style='line-height: 18px; margin-right: 8px '>{{a.text}}</span>\r\n}\r\n      </span>\r\n}\r\n    </div>\r\n  </div>\r\n</div>\r\n}\r\n@if (item.validityState > 0) {\r\n<div class=\"item-line item-line-3 item-line-read\">\r\n  <span class=\"item-line-red-badge\">\r\n    {{item.validityDescription}}\r\n  </span>\r\n</div>\r\n}", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}\n"], dependencies: [{ kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ClipperSearchResultItemComponent, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'clipper-search-result-item', standalone: true, imports: [
                         MatTooltipModule,
                         MatIconModule,
-                    ], template: "<div class=\"item-line item-line-4 item-line-read item-greyed-2 uppercase bold\">\r\n  {{item.modelName}}\r\n</div>\r\n@if (item.author && item.origin === 'LR') {\r\n<div class=\"item-line item-line-3 item-line-read item-greyed-1 uppercase\">\r\n  {{item.author}}\r\n</div>\r\n}\r\n<div class=\"item-line item-line-2 item-line-read\">\r\n  <a (click)=\"open(item.documentId)\" [attr.aria-label]=\"'Apri documento ' + (item.title1 || item.title2)\">{{item.title1\r\n    ||\r\n    item.title2}}</a>\r\n  @if (item.part > 0) {\r\n<span class=\"item-badge\">PARTE {{item.part}}</span>\r\n}\r\n</div>\r\n@if (item.title1 && item.title2) {\r\n<div class=\"item-line item-line-2 item-line-read\">\r\n  {{item.title2}}\r\n</div>\r\n}\r\n@if (item.originDescription  ) {\r\n<div class=\"item-line item-line-3 item-line-read item-greyed-2\">\r\n  {{item.originDescription}}</div>\r\n}\r\n@if (item.anchors.length > 0) {\r\n<div class=\"item-line item-line-3 item-line-read\">\r\n  <div class=\"item-line-block\">\r\n    <div class=\"item-line-block-title\">DETTAGLIO</div>\r\n    <div>\r\n      @for (a of item.anchors; track a) {\r\n  <span>\r\n        @if (a.uri && a.text) {\r\n<a class=\"link\" style='line-height: 18px; margin-right: 8px'\r\n          (click)=\"open(a.documentId + '#' + a.uri)\" [matTooltip]=\"a.title\">{{a.text}} @if (a.veryRelevant) {\r\n<sup>\r\n            <mat-icon style='font-size:x-small; height: 10px; width:10px' color=\"primary\"\r\n              matTooltip=\"Molto rilevante\">thumb_up_alt</mat-icon>\r\n          </sup>\r\n}</a>\r\n}\r\n        @if (!a.uri && a.text) {\r\n<span style='line-height: 18px; margin-right: 8px '>{{a.text}}</span>\r\n}\r\n      </span>\r\n}\r\n    </div>\r\n  </div>\r\n</div>\r\n}\r\n@if (item.validityState > 0) {\r\n<div class=\"item-line item-line-3 item-line-read\">\r\n  <span class=\"item-line-red-badge\">\r\n    {{item.validityDescription}}\r\n  </span>\r\n</div>\r\n}", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}\n"] }]
+                    ], template: "<div class=\"item-line item-line-4 item-line-read item-greyed-2 uppercase bold\">\r\n  {{item.modelName}}\r\n</div>\r\n@if (item.author && item.origin === 'LR') {\r\n<div class=\"item-line item-line-3 item-line-read item-greyed-1 uppercase\">\r\n  {{item.author}}\r\n</div>\r\n}\r\n<div class=\"item-line item-line-2 item-line-read\">\r\n  <a (click)=\"open(item.documentId)\" [attr.aria-label]=\"'Apri documento ' + (item.title1 || item.title2)\">{{item.title1\r\n    ||\r\n    item.title2}}</a>\r\n  @if (item.part > 0) {\r\n<span class=\"item-badge\">PARTE {{item.part}}</span>\r\n}\r\n</div>\r\n@if (item.title1 && item.title2) {\r\n<div class=\"item-line item-line-2 item-line-read\">\r\n  {{item.title2}}\r\n</div>\r\n}\r\n@if (item.originDescription  ) {\r\n<div class=\"item-line item-line-3 item-line-read item-greyed-2\">\r\n  {{item.originDescription}}</div>\r\n}\r\n@if (item.anchors.length > 0) {\r\n<div class=\"item-line item-line-3 item-line-read\">\r\n  <div class=\"item-line-block\">\r\n    <div class=\"item-line-block-title\">DETTAGLIO</div>\r\n    <div>\r\n      @for (a of item.anchors; track a) {\r\n  <span>\r\n        @if (a.uri && a.text) {\r\n<a class=\"link\" style='line-height: 18px; margin-right: 8px'\r\n          (click)=\"open(a.documentId + '#' + a.uri)\" [matTooltip]=\"a.title\">{{a.text}} @if (a.veryRelevant) {\r\n<sup>\r\n            <mat-icon style='font-size:x-small; height: 10px; width:10px' color=\"primary\"\r\n              matTooltip=\"Molto rilevante\">thumb_up_alt</mat-icon>\r\n          </sup>\r\n}</a>\r\n}\r\n        @if (!a.uri && a.text) {\r\n<span style='line-height: 18px; margin-right: 8px '>{{a.text}}</span>\r\n}\r\n      </span>\r\n}\r\n    </div>\r\n  </div>\r\n</div>\r\n}\r\n@if (item.validityState > 0) {\r\n<div class=\"item-line item-line-3 item-line-read\">\r\n  <span class=\"item-line-red-badge\">\r\n    {{item.validityDescription}}\r\n  </span>\r\n</div>\r\n}", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}\n"] }]
         }], propDecorators: { parent: [{
                 type: Input
             }], item: [{
@@ -3703,7 +3703,7 @@ class ClipperBrowserDialogComponent extends ClipperDocumentBaseComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ClipperBrowserDialogComponent, deps: [{ token: i1$1.ApplicationDialogService }, { token: i2.ClipperService }, { token: i3.ScreenService }, { token: i3.BroadcastService }, { token: i3$1.MatDialogRef }, { token: i4.MediaObserver }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: ClipperBrowserDialogComponent, isStandalone: true, selector: "ng-component", host: { attributes: { "Bind": SystemUtils.generateUUID() } }, providers: [
             MAT_DATEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER
-        ], viewQueries: [{ propertyName: "facetsSidenav", first: true, predicate: ["facetsSidenav"], descendants: true }, { propertyName: "facetsSearch", first: true, predicate: ["facetsSearch"], descendants: true }, { propertyName: "last15Days", first: true, predicate: ["last15Days"], descendants: true }, { propertyName: "paginator", first: true, predicate: ["paginator"], descendants: true }, { propertyName: "contextMenu", first: true, predicate: ["contextMenuTrigger"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div id=\"clipper-browser-fixed\">\r\n  <div class=\"clipper-browser-header\">\r\n    <div fxLayout=\"row\" fxLayoutGap='10px' fxFill>\r\n      <div fxFlex=\"100\" fxFlexAlign=\"center\">\r\n        <a href=\"https://clipper.arsedizioni.it\" matTooltip=\"Apri Clipper in un nuovo tab\" target=\"_blank\">\r\n          <img src=\"./../../../assets/images/clipper_logo.png\" alt=\"Clipper\" style=\"max-height: 50px; padding: 5px\" />\r\n        </a>\r\n      </div>\r\n      @if (data.selectionMode > 0) {\r\n      <div fxLayoutAlign=\"end\">\r\n        <div fxFlexAlign=\"center\">\r\n          @if (canSelect()) {\r\n          <button type=\"button\" mat-flat-button color=\"primary\" (click)=\"select()\">\r\n            Usa selezione\r\n          </button>\r\n          }\r\n        </div>\r\n      </div>\r\n      }\r\n      <div fxFlex=\"150px\" fxLayoutAlign=\"end\">\r\n        @if ($clipper.bag.length > 0) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Documenti di lavoro\"\r\n          aria-label=\"'Documenti di lavoro'\" (click)=\"manageBag()\">\r\n          <mat-icon aria-hidden=\"false\" [matBadge]=\"$clipper.bag.length\" matBadgeColor=\"accent\">work_outline</mat-icon>\r\n        </button>\r\n        }\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Chiudi\"\r\n          aria-label=\"Chiudi\" (click)=\"close()\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <nav mat-tab-nav-bar mat-stretch-tabs [tabPanel]=\"tabPanel1\">\r\n    <a mat-tab-link (click)=\"dialogTab = 1\" [active]=\"dialogTab === 1\" [disabled]=\"!$clipper.loggedIn\">Ricerca</a>\r\n    <a mat-tab-link (click)=\"showHome()\" [active]=\"dialogTab === 2\" [disabled]=\"!$clipper.loggedIn\">\r\n      <mat-icon>update</mat-icon>\r\n      <span fxHide.xs style=\"margin-left: 8px\"> Ultimi 15 giorni</span>\r\n    </a>\r\n  </nav>\r\n  <mat-tab-nav-panel #tabPanel1></mat-tab-nav-panel>\r\n  <div [hidden]=\"dialogTab !== 1\">\r\n    <div style=\"padding: 15px 0 10px 15px\">\r\n      <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"space-between\" fxFill>\r\n        <div fxFlex=\"100\" fxFlex.xs=\"62\">\r\n          <div fxLayout=\"row\" fxLayoutGap='10px' fxFill>\r\n            <mat-form-field fxFlex=\"130px\" fxHide.xs subscriptSizing=\"dynamic\" appearance=\"outline\">\r\n              <mat-label>Numero</mat-label>\r\n              <input type=\"text\" matInput [(ngModel)]=\"snapshot.searchParams.number\" #number=\"ngModel\" name=\"number\"\r\n                maxlength=\"10\" (keyup.Enter)=\"fetch(true)\">\r\n              @if (snapshot.searchParams.number) {\r\n              <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\"\r\n                (click)=\"snapshot.searchParams.number = null;\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"130px\" fxHide.xs subscriptSizing=\"dynamic\" appearance=\"outline\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" matInput [(ngModel)]=\"snapshot.searchParams.year\" #year=\"ngModel\" name=\"year\" min=\"0\"\r\n                maxlength=\"4\" (keyup.Enter)=\"fetch(true)\" />\r\n              @if (snapshot.searchParams.year) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"snapshot.searchParams.year = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n              @if (year.invalid) {\r\n              <mat-error>Non valido.</mat-error>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"100\" subscriptSizing=\"dynamic\" appearance=\"outline\">\r\n              <mat-label>Parole, frasi o concetti...</mat-label>\r\n              <input matInput #searchInput=\"matInput\" type=\"text\" #text [(ngModel)]=\"snapshot.searchParams.text\"\r\n                maxlength=\"200\" (keyup.Enter)=\"search()\" autofocus />\r\n              @if (snapshot.searchParams.text) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"snapshot.searchParams.text = ''\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n              <button fxHide.xs type=\"button\" mat-icon-button matSuffix aria-label=\"Componi\" matTooltip=\"Componi\"\r\n                (click)=\"text.focus(); composeSearch()\">\r\n                <mat-icon>build</mat-icon>\r\n              </button>\r\n              <button fxHide.xs type=\"button\" mat-icon-button matSuffix aria-label=\"Informazioni\"\r\n                matTooltip=\"Come effettuare la ricerca in testo libero\" (click)=\"text.focus(); helpSearch()\">\r\n                <mat-icon>help_outline</mat-icon>\r\n              </button>\r\n            </mat-form-field>\r\n          </div>\r\n        </div>\r\n        <div fxFlex.xs=\"36\">\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"end\" fxFill>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button (click)=\"search()\" color=\"primary\"\r\n              [attr.aria-label]=\"'Avvia la ricerca'\" matTooltip=\"Avvia ricerca\" [disabled]=\"!$clipper.loggedIn\">\r\n              <mat-icon>search</mat-icon>\r\n            </button>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button (click)=\"advancedSearch()\" color=\"primary\"\r\n              [attr.aria-label]=\"'Ricerca avanzata'\" matTooltip=\"Ricerca avanzata\" [disabled]=\"!$clipper.loggedIn\">\r\n              <mat-icon>settings</mat-icon>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    @if (snapshot.searchInfo && snapshot.searchInfo.length > 0) {\r\n    <div fxHide.xs class=\"search-info small\">\r\n      <div fxLayout=\"row\" fxLayoutGap='10px' fxFill>\r\n        <div fxFlex=\"*\" fxFlexAlign=\"center\">\r\n          <b>RICERCA ATTIVA</b>&nbsp;&nbsp;&nbsp;\r\n          @for (si of snapshot.searchInfo; track si) {\r\n          <span>\r\n            {{si.sep ? '&nbsp;&nbsp;' : ''}} {{si.field}}: <span\r\n              class=\"item-primary lowercase\"><i>{{si.value}}</i></span>\r\n          </span>\r\n          }\r\n        </div>\r\n        <div fxFlexAlign=\"start\">\r\n          <button type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Azzera ricerca\" (click)=\"clearSearch()\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    }\r\n    <div style=\"padding:0 0 6px 20px;\" fxLayout=\"row wrap-reverse\" fxLayoutAlign=\"space-between\" fxFill>\r\n      <div fxFlexAlign=\"center\">\r\n        <div fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n          @if (snapshot.total > 0) {\r\n          <div fxFlexAlign=\"center\">\r\n            <mat-checkbox color=\"primary\" (change)=\"$event ? masterSelectionToggle($event) : null\"\r\n              [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\r\n              [attr.aria-label]=\"'Seleziona/deseleziona tutto'\" matTooltip=\"Seleziona/deseleziona tutto\"\r\n              [disabled]=\"!snapshot.items || snapshot.items.length == 0\">\r\n            </mat-checkbox>\r\n          </div>\r\n          }\r\n          <div fxFlex=\"*\">\r\n            @if (snapshot.total > 0) {\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-button matTooltip=\"Ordina\" [attr.aria-label]=\"'Menu ordina'\"\r\n              [matMenuTriggerFor]=\"menuSort\" color=\"primary\" [disabled]=\"!snapshot.total\">\r\n              <span fxHide.lt-lg>Ordina per:</span>\r\n              <mat-icon fxHide.gt-md>sort</mat-icon> {{currentSort}}\r\n              <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n            </button>\r\n            }\r\n            <mat-menu #menuSort=\"matMenu\">\r\n              <button mat-menu-item (click)=\"sortBy(3)\" [attr.aria-label]=\"'Ordina per data decrescente'\">\r\n                Data decrescente\r\n              </button>\r\n              <button mat-menu-item (click)=\"sortBy(2)\" [attr.aria-label]=\"'Ordina per data crescente'\">\r\n                Data crescente\r\n              </button>\r\n              @if (snapshot.searchParams.text) {\r\n              <button mat-menu-item (click)=\"sortBy(1)\" [attr.aria-label]=\"'Ordina per rilevanza'\">\r\n                Rilevanza\r\n              </button>\r\n              }\r\n              <button mat-menu-item (click)=\"sortBy(5)\" [attr.aria-label]=\"'Ordina per popolarit\u00E0'\">\r\n                Popolarit\u00E0\r\n              </button>\r\n              <!-- <mat-divider></mat-divider>\r\n              <button mat-menu-item (click)=\"sortBy(4)\"\r\n                [attr.aria-label]=\"'Ordina per data di inserimento descrescente'\">\r\n                Data di inserimento decrescente\r\n              </button>-->\r\n            </mat-menu>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Menu modello'\"\r\n              [matMenuTriggerFor]=\"menuModels\" color=\"primary\">\r\n              <span fxHide.lt-lg>Mostra:</span>\r\n              <mat-icon fxHide.gt-md>filter_list</mat-icon> {{currentModel}}\r\n              <mat-icon class=\" icon-menu-drop-down\">expand_more</mat-icon>\r\n            </button>\r\n            <mat-menu #menuModels=\"matMenu\">\r\n              <button mat-menu-item (click)=\"changeModel(2)\" [attr.aria-label]=\"'Mostra aggiornamento normativo'\">\r\n                Gazzette e bollettini\r\n              </button>\r\n              <button mat-menu-item (click)=\"changeModel(9)\" [attr.aria-label]=\"'Normativa vigente'\">\r\n                Normativa vigente\r\n              </button>\r\n              <mat-divider></mat-divider>\r\n              <button mat-menu-item (click)=\"changeModel()\" [attr.aria-label]=\"'Mostra tutti i documenti'\">\r\n                Tutto\r\n              </button>\r\n            </mat-menu>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div fxLayoutAlign=\"end\">\r\n        @if (selection.hasValue()) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button matTooltip=\"Azioni da eseguire sugli elementi selezionati\"\r\n          [attr.aria-label]=\"'Menu opzioni per elementi selezionati'\" [matMenuTriggerFor]=\"menuSelections\"\r\n          color=\"primary\" [disabled]=\"!snapshot.total\">\r\n          <mat-icon aria-hidden=\"false\" [matBadge]=\"selection.all.length\"\r\n            matBadgeColor=\"accent\">playlist_add_check</mat-icon>\r\n          <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n        </button>\r\n        }\r\n        <mat-menu #menuSelections=\"matMenu\">\r\n          <clipper-document-menu [parent]=\"this\" selectionSource=\"selection\" [isSelectable]=\"canSelect()\"\r\n            [isReadable]=\"false\" [isLawInForce]=\"true\">\r\n          </clipper-document-menu>\r\n        </mat-menu>\r\n        @if (facetsSearch && facetsSearch.hasFacets && facetsSidenav && (!facetsSidenav.opened || facetsClosed)) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Affina ricerca\"\r\n          aria-label=\"'Affina ricerca'\" (click)=\"facetsOpen()\">\r\n          <mat-icon>menu_open</mat-icon>\r\n        </button>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div [hidden]=\"dialogTab !== 2\">\r\n    <div class=\"dialog-title form-column\">\r\n      <p>Ecco cosa \u00E8 successo negli ultimi 15 giorni in base alla tua configurazione.</p>\r\n      <p>Per modificare la tua\r\n        configurazione devi accedere a <a class=\"link\" href=\"https://clipper.arsedizioni.it\"\r\n          matTooltip=\"Apri Clipper in un nuovo tab\" target=\"_blank\">Clipper</a>.</p>\r\n      <div fxLayout=\"row\" fxLayoutGap='10px' fxFill>\r\n        <div fxFlexAlign=\"center\">\r\n          <button mat-button matTooltip=\"Espandi tutto\" [attr.aria-label]=\"'Espandi tutto \\ comprimi tutto'\"\r\n            color=\"primary\" (click)=\"expandHome()\">\r\n            Espandi tutto\r\n          </button>\r\n          <button mat-button matTooltip=\"Comprimi tutto\" [attr.aria-label]=\"'Comprimi tutto'\" color=\"primary\"\r\n            (click)=\"expandHome(true)\">\r\n            Comprimi tutto\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div mat-dialog-content style=\"padding:0 0 0 15px\" [ngStyle]=\"{'min-height.px': contentHeight}\">\r\n  <div [hidden]=\"dialogTab !== 1\">\r\n    <mat-sidenav-container [ngStyle]=\"{'height.px': contentHeight}\">\r\n      <mat-sidenav #facetsSidenav position=\"end\" autoFocus=\"false\" opened=\"false\" mode=\"{{facetsMode}}\"\r\n        class=\"sidenav sidenav-facets\">\r\n        @if (facetsSearch.busy) {\r\n        <div class=\"sidenav-overlay\"></div>\r\n        }\r\n        <div fxLayout=\"column\" fxFill>\r\n          <div style=\"height:5px\">\r\n            @if (facetsSearch.busy) {\r\n            <mat-progress-bar class=\"sidenav-loader\" mode=\"indeterminate\"></mat-progress-bar>\r\n            }\r\n          </div>\r\n          <div fxFlex=\"64px\">\r\n            <div fxLayout=\"row\" fxFill class=\"sidenav-title-container\">\r\n              <div fxFlex=\"*\" fxFlexAlign=\"center\" fxLayoutAlign=\"start\">\r\n                <span class=\"sidenav-title\">Affina ricerca</span>\r\n              </div>\r\n              <div fxLayoutAlign=\"end\">\r\n                <button fxFlexAlign=\"center\" mat-icon-button matTooltip=\"Nascondi\" (click)=\"facetsClose(true)\"\r\n                  color=\"primary\">\r\n                  <mat-icon>clear</mat-icon>\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div fxFlex=\"*\" style=\"overflow: hidden;\">\r\n            <clipper-search-facets #facetsSearch></clipper-search-facets>\r\n          </div>\r\n        </div>\r\n      </mat-sidenav>\r\n      <mat-sidenav-content>\r\n        <div [ngStyle]=\"{'height.px': contentHeight }\">\r\n          <div fxLayout=\"column\" fxFill>\r\n            <div fxFlex=\"100\" id=\"search_container\" style=\"overflow: auto\">\r\n              <div style=\"overflow:hidden\">\r\n                @if (!snapshot.total) {\r\n                <div style=\"padding:32px; text-align: center;\" class=\"item-greyed-1\">\r\n                  <p>\r\n                    Non hai ancora effettuato\r\n                    la tua prima ricerca oppure la ricerca effettuata non ha prodotto alcun risultato.</p>\r\n                  <p>Inserisci nell'apposito campo ci\u00F2 che intendi cercare e fai click su <b>Trova</b> oppure utilizza\r\n                    la\r\n                    <b>Ricerca avanzata</b>\r\n                  </p>.\r\n                </div>\r\n                }\r\n                @if (snapshot.total > 0) {\r\n                <div>\r\n                  @for (item of snapshot.items; track trackableId($index, item)) {\r\n                  <div (contextmenu)=\"onContextMenu($event, item)\" (mouseenter)=\"item.isOver = true\"\r\n                    (mouseleave)=\"item.isOver = false\">\r\n                    @if (item.group) {\r\n                    <div class=\"items-group-title item-accent\">{{item.group}}</div>\r\n                    }\r\n                    <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill class=\"item\"\r\n                      [ngClass]=\"{'item-selected': selection.isSelected(item) }\">\r\n                      <div fxFlex=\"48px\" fxFlexAlign=\"center\">\r\n                        @if ($screen.isTouchable || item.isOver || selection.isSelected(item.documentId)) {\r\n                        <mat-checkbox fxLayoutAlign=\"center\" color=\"primary\" (click)=\"$event.stopPropagation()\"\r\n                          (change)=\"$event ? selection.toggle(item, item.documentId) : null\"\r\n                          [checked]=\"selection.isSelected(item.documentId)\">\r\n                        </mat-checkbox>\r\n                        }\r\n                      </div>\r\n                      <div fxFlex=\"100\" fxFlexAlign=\"center\" style=\"padding:6px 0\">\r\n                        <clipper-search-result-item [parent]=\"this\" [item]=\"item\"></clipper-search-result-item>\r\n                      </div>\r\n                      <div fxFlex=\"48px\" fxLayoutAlign=\"end\">\r\n                        @if (item.isOver || item.isMenuOpen || selection.isSelected(item)) {\r\n                        <button fxFlexAlign=\"center\" mat-icon-button matTooltip=\"Menu\"\r\n                          [attr.aria-label]=\"'Menu opzioni'\" [matMenuTriggerFor]=\"contextMenu\"\r\n                          [matMenuTriggerData]=\"{item: item}\" (click)=\"item.isMenuOpen = true\">\r\n                          <mat-icon>more_vert</mat-icon>\r\n                        </button>\r\n                        }\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  }\r\n                  <div #contextMenuTrigger=\"matMenuTrigger\" style=\"position: fixed\" [style.left]=\"contextMenuPosition.x\"\r\n                    [style.top]=\"contextMenuPosition.y\" [matMenuTriggerFor]=\"contextMenu\"\r\n                    [matMenuTriggerData]=\"{item: item}\">\r\n                  </div>\r\n                  <mat-menu #contextMenu=\"matMenu\" (closed)=\"updateMenuButtonsVisibility()\">\r\n                    <ng-template matMenuContent let-item=\"item\">\r\n                      <clipper-document-menu [parent]=\"this\" [item]=\"item\" [isSelectable]=\"canSelect()\"\r\n                        [isReadable]=\"false\" [isLawInForce]=\"true\">\r\n                      </clipper-document-menu>\r\n                    </ng-template>\r\n                  </mat-menu>\r\n\r\n                </div>\r\n                }\r\n              </div>\r\n            </div>\r\n            <div>\r\n              <div fxLayout=\"row\" fxLayoutAlign=\"end\">\r\n                <div fxFlexAlign=\"center\">\r\n                  @if (snapshot.total > 0) {\r\n                  <mat-paginator #paginator class=\"paginator\" [hidePageSize]=\"true\"\r\n                    [pageIndex]=\"snapshot.searchParams.first / snapshot.searchParams.count\" [length]=\"snapshot.total\"\r\n                    [pageSize]=\"snapshot.searchParams.count\" [showFirstLastButtons]=\"true\" (page)=\"fetchMore($event)\">\r\n                  </mat-paginator>\r\n                  }\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </mat-sidenav-content>\r\n    </mat-sidenav-container>\r\n  </div>\r\n  <div [hidden]=\"dialogTab !== 2\">\r\n    <clipper-last-15-days #last15Days [showHeader]=\"false\"></clipper-last-15-days>\r\n  </div>\r\n</div>", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}.sidenav{width:250px;background-color:#fff;border-left:0!important;border-right:0!important}.sidenav-facets{background-color:#f8f8f8!important}.search-info{padding-left:30px}\n"], dependencies: [{ kind: "ngmodule", type: FlexModule }, { kind: "directive", type: i6.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: i6.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: i6.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: i6.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i6.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: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i13.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i11.MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["fitInkBarToContent", "mat-stretch-tabs", "animationDuration", "backgroundColor", "disableRipple", "color", "tabPanel"], exportAs: ["matTabNavBar", "matTabNav"] }, { kind: "component", type: i11.MatTabNavPanel, selector: "mat-tab-nav-panel", inputs: ["id"], exportAs: ["matTabNavPanel"] }, { kind: "component", type: i11.MatTabLink, selector: "[mat-tab-link], [matTabLink]", inputs: ["active", "disabled", "disableRipple", "tabIndex", "id"], exportAs: ["matTabLink"] }, { kind: "ngmodule", type: ExtendedModule }, { kind: "directive", type: i14.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i14.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i14.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i7$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i7$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i4$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i10$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i12.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: i12.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i12.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i12.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: ClipperDocumentMenuComponent, selector: "clipper-document-menu", inputs: ["selectionSource", "parent", "item", "isReference", "isReadable", "isSelectable", "isDeadline", "isLawInForce", "isLaw"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i15.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i15.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i15.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i16.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: ClipperSearchFacetsComponent, selector: "clipper-search-facets", inputs: ["busy"], outputs: ["changed"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ClipperSearchResultItemComponent, selector: "clipper-search-result-item", inputs: ["parent", "item"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i17.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "component", type: ClipperLast15DaysComponent, selector: "clipper-last-15-days", inputs: ["showHeader"] }] }); }
+        ], viewQueries: [{ propertyName: "facetsSidenav", first: true, predicate: ["facetsSidenav"], descendants: true }, { propertyName: "facetsSearch", first: true, predicate: ["facetsSearch"], descendants: true }, { propertyName: "last15Days", first: true, predicate: ["last15Days"], descendants: true }, { propertyName: "paginator", first: true, predicate: ["paginator"], descendants: true }, { propertyName: "contextMenu", first: true, predicate: ["contextMenuTrigger"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div id=\"clipper-browser-fixed\">\r\n  <div class=\"clipper-browser-header\">\r\n    <div fxLayout=\"row\" fxLayoutGap='10px' fxFill>\r\n      <div fxFlex=\"100\" fxFlexAlign=\"center\">\r\n        <a href=\"https://clipper.arsedizioni.it\" matTooltip=\"Apri Clipper in un nuovo tab\" target=\"_blank\">\r\n          <img src=\"./../../../assets/images/clipper_logo.png\" alt=\"Clipper\" style=\"max-height: 50px; padding: 5px\" />\r\n        </a>\r\n      </div>\r\n      @if (data.selectionMode > 0) {\r\n      <div fxLayoutAlign=\"end\">\r\n        <div fxFlexAlign=\"center\">\r\n          @if (canSelect()) {\r\n          <button type=\"button\" mat-flat-button color=\"primary\" (click)=\"select()\">\r\n            Usa selezione\r\n          </button>\r\n          }\r\n        </div>\r\n      </div>\r\n      }\r\n      <div fxFlex=\"150px\" fxLayoutAlign=\"end\">\r\n        @if ($clipper.bag.length > 0) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Documenti di lavoro\"\r\n          aria-label=\"'Documenti di lavoro'\" (click)=\"manageBag()\">\r\n          <mat-icon aria-hidden=\"false\" [matBadge]=\"$clipper.bag.length\" matBadgeColor=\"accent\">work_outline</mat-icon>\r\n        </button>\r\n        }\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Chiudi\"\r\n          aria-label=\"Chiudi\" (click)=\"close()\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <nav mat-tab-nav-bar mat-stretch-tabs [tabPanel]=\"tabPanel1\">\r\n    <a mat-tab-link (click)=\"dialogTab = 1\" [active]=\"dialogTab === 1\" [disabled]=\"!$clipper.loggedIn\">Ricerca</a>\r\n    <a mat-tab-link (click)=\"showHome()\" [active]=\"dialogTab === 2\" [disabled]=\"!$clipper.loggedIn\">\r\n      <mat-icon>update</mat-icon>\r\n      <span fxHide.xs style=\"margin-left: 8px\"> Ultimi 15 giorni</span>\r\n    </a>\r\n  </nav>\r\n  <mat-tab-nav-panel #tabPanel1></mat-tab-nav-panel>\r\n  <div [hidden]=\"dialogTab !== 1\">\r\n    <div style=\"padding: 15px 0 10px 15px\">\r\n      <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"space-between\" fxFill>\r\n        <div fxFlex=\"100\" fxFlex.xs=\"62\">\r\n          <div fxLayout=\"row\" fxLayoutGap='10px' fxFill>\r\n            <mat-form-field fxFlex=\"130px\" fxHide.xs subscriptSizing=\"dynamic\" appearance=\"outline\">\r\n              <mat-label>Numero</mat-label>\r\n              <input type=\"text\" matInput [(ngModel)]=\"snapshot.searchParams.number\" #number=\"ngModel\" name=\"number\"\r\n                maxlength=\"10\" (keyup.Enter)=\"fetch(true)\">\r\n              @if (snapshot.searchParams.number) {\r\n              <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\"\r\n                (click)=\"snapshot.searchParams.number = null;\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"130px\" fxHide.xs subscriptSizing=\"dynamic\" appearance=\"outline\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" matInput [(ngModel)]=\"snapshot.searchParams.year\" #year=\"ngModel\" name=\"year\" min=\"0\"\r\n                maxlength=\"4\" (keyup.Enter)=\"fetch(true)\" />\r\n              @if (snapshot.searchParams.year) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"snapshot.searchParams.year = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n              @if (year.invalid) {\r\n              <mat-error>Non valido.</mat-error>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"100\" subscriptSizing=\"dynamic\" appearance=\"outline\">\r\n              <mat-label>Parole, frasi o concetti...</mat-label>\r\n              <input matInput #searchInput=\"matInput\" type=\"text\" #text [(ngModel)]=\"snapshot.searchParams.text\"\r\n                maxlength=\"200\" (keyup.Enter)=\"search()\" autofocus />\r\n              @if (snapshot.searchParams.text) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"snapshot.searchParams.text = ''\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n              <button fxHide.xs type=\"button\" mat-icon-button matSuffix aria-label=\"Componi\" matTooltip=\"Componi\"\r\n                (click)=\"text.focus(); composeSearch()\">\r\n                <mat-icon>build</mat-icon>\r\n              </button>\r\n              <button fxHide.xs type=\"button\" mat-icon-button matSuffix aria-label=\"Informazioni\"\r\n                matTooltip=\"Come effettuare la ricerca in testo libero\" (click)=\"text.focus(); helpSearch()\">\r\n                <mat-icon>help_outline</mat-icon>\r\n              </button>\r\n            </mat-form-field>\r\n          </div>\r\n        </div>\r\n        <div fxFlex.xs=\"36\">\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"end\" fxFill>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button (click)=\"search()\" color=\"primary\"\r\n              [attr.aria-label]=\"'Avvia la ricerca'\" matTooltip=\"Avvia ricerca\" [disabled]=\"!$clipper.loggedIn\">\r\n              <mat-icon>search</mat-icon>\r\n            </button>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button (click)=\"advancedSearch()\" color=\"primary\"\r\n              [attr.aria-label]=\"'Ricerca avanzata'\" matTooltip=\"Ricerca avanzata\" [disabled]=\"!$clipper.loggedIn\">\r\n              <mat-icon>settings</mat-icon>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    @if (snapshot.searchInfo && snapshot.searchInfo.length > 0) {\r\n    <div fxHide.xs class=\"search-info small\">\r\n      <div fxLayout=\"row\" fxLayoutGap='10px' fxFill>\r\n        <div fxFlex=\"*\" fxFlexAlign=\"center\">\r\n          <b>RICERCA ATTIVA</b>&nbsp;&nbsp;&nbsp;\r\n          @for (si of snapshot.searchInfo; track si) {\r\n          <span>\r\n            {{si.sep ? '&nbsp;&nbsp;' : ''}} {{si.field}}: <span\r\n              class=\"item-primary lowercase\"><i>{{si.value}}</i></span>\r\n          </span>\r\n          }\r\n        </div>\r\n        <div fxFlexAlign=\"start\">\r\n          <button type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Azzera ricerca\" (click)=\"clearSearch()\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    }\r\n    <div style=\"padding:0 0 6px 20px;\" fxLayout=\"row wrap-reverse\" fxLayoutAlign=\"space-between\" fxFill>\r\n      <div fxFlexAlign=\"center\">\r\n        <div fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n          @if (snapshot.total > 0) {\r\n          <div fxFlexAlign=\"center\">\r\n            <mat-checkbox color=\"primary\" (change)=\"$event ? masterSelectionToggle($event) : null\"\r\n              [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\r\n              [attr.aria-label]=\"'Seleziona/deseleziona tutto'\" matTooltip=\"Seleziona/deseleziona tutto\"\r\n              [disabled]=\"!snapshot.items || snapshot.items.length == 0\">\r\n            </mat-checkbox>\r\n          </div>\r\n          }\r\n          <div fxFlex=\"*\">\r\n            @if (snapshot.total > 0) {\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-button matTooltip=\"Ordina\" [attr.aria-label]=\"'Menu ordina'\"\r\n              [matMenuTriggerFor]=\"menuSort\" color=\"primary\" [disabled]=\"!snapshot.total\">\r\n              <span fxHide.lt-lg>Ordina per:</span>\r\n              <mat-icon fxHide.gt-md>sort</mat-icon> {{currentSort}}\r\n              <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n            </button>\r\n            }\r\n            <mat-menu #menuSort=\"matMenu\">\r\n              <button mat-menu-item (click)=\"sortBy(3)\" [attr.aria-label]=\"'Ordina per data decrescente'\">\r\n                Data decrescente\r\n              </button>\r\n              <button mat-menu-item (click)=\"sortBy(2)\" [attr.aria-label]=\"'Ordina per data crescente'\">\r\n                Data crescente\r\n              </button>\r\n              @if (snapshot.searchParams.text) {\r\n              <button mat-menu-item (click)=\"sortBy(1)\" [attr.aria-label]=\"'Ordina per rilevanza'\">\r\n                Rilevanza\r\n              </button>\r\n              }\r\n              <button mat-menu-item (click)=\"sortBy(5)\" [attr.aria-label]=\"'Ordina per popolarit\u00E0'\">\r\n                Popolarit\u00E0\r\n              </button>\r\n              <!-- <mat-divider></mat-divider>\r\n              <button mat-menu-item (click)=\"sortBy(4)\"\r\n                [attr.aria-label]=\"'Ordina per data di inserimento descrescente'\">\r\n                Data di inserimento decrescente\r\n              </button>-->\r\n            </mat-menu>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Menu modello'\"\r\n              [matMenuTriggerFor]=\"menuModels\" color=\"primary\">\r\n              <span fxHide.lt-lg>Mostra:</span>\r\n              <mat-icon fxHide.gt-md>filter_list</mat-icon> {{currentModel}}\r\n              <mat-icon class=\" icon-menu-drop-down\">expand_more</mat-icon>\r\n            </button>\r\n            <mat-menu #menuModels=\"matMenu\">\r\n              <button mat-menu-item (click)=\"changeModel(2)\" [attr.aria-label]=\"'Mostra aggiornamento normativo'\">\r\n                Gazzette e bollettini\r\n              </button>\r\n              <button mat-menu-item (click)=\"changeModel(9)\" [attr.aria-label]=\"'Normativa vigente'\">\r\n                Normativa vigente\r\n              </button>\r\n              <mat-divider></mat-divider>\r\n              <button mat-menu-item (click)=\"changeModel()\" [attr.aria-label]=\"'Mostra tutti i documenti'\">\r\n                Tutto\r\n              </button>\r\n            </mat-menu>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div fxLayoutAlign=\"end\">\r\n        @if (selection.hasValue()) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button matTooltip=\"Azioni da eseguire sugli elementi selezionati\"\r\n          [attr.aria-label]=\"'Menu opzioni per elementi selezionati'\" [matMenuTriggerFor]=\"menuSelections\"\r\n          color=\"primary\" [disabled]=\"!snapshot.total\">\r\n          <mat-icon aria-hidden=\"false\" [matBadge]=\"selection.all.length\"\r\n            matBadgeColor=\"accent\">playlist_add_check</mat-icon>\r\n          <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n        </button>\r\n        }\r\n        <mat-menu #menuSelections=\"matMenu\">\r\n          <clipper-document-menu [parent]=\"this\" selectionSource=\"selection\" [isSelectable]=\"canSelect()\"\r\n            [isReadable]=\"false\" [isLawInForce]=\"true\">\r\n          </clipper-document-menu>\r\n        </mat-menu>\r\n        @if (facetsSearch && facetsSearch.hasFacets && facetsSidenav && (!facetsSidenav.opened || facetsClosed)) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Affina ricerca\"\r\n          aria-label=\"'Affina ricerca'\" (click)=\"facetsOpen()\">\r\n          <mat-icon>menu_open</mat-icon>\r\n        </button>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div [hidden]=\"dialogTab !== 2\">\r\n    <div class=\"dialog-title form-column\">\r\n      <p>Ecco cosa \u00E8 successo negli ultimi 15 giorni in base alla tua configurazione.</p>\r\n      <p>Per modificare la tua\r\n        configurazione devi accedere a <a class=\"link\" href=\"https://clipper.arsedizioni.it\"\r\n          matTooltip=\"Apri Clipper in un nuovo tab\" target=\"_blank\">Clipper</a>.</p>\r\n      <div fxLayout=\"row\" fxLayoutGap='10px' fxFill>\r\n        <div fxFlexAlign=\"center\">\r\n          <button mat-button matTooltip=\"Espandi tutto\" [attr.aria-label]=\"'Espandi tutto \\ comprimi tutto'\"\r\n            color=\"primary\" (click)=\"expandHome()\">\r\n            Espandi tutto\r\n          </button>\r\n          <button mat-button matTooltip=\"Comprimi tutto\" [attr.aria-label]=\"'Comprimi tutto'\" color=\"primary\"\r\n            (click)=\"expandHome(true)\">\r\n            Comprimi tutto\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div mat-dialog-content style=\"padding:0 0 0 15px\" [ngStyle]=\"{'min-height.px': contentHeight}\">\r\n  <div [hidden]=\"dialogTab !== 1\">\r\n    <mat-sidenav-container [ngStyle]=\"{'height.px': contentHeight}\">\r\n      <mat-sidenav #facetsSidenav position=\"end\" autoFocus=\"false\" opened=\"false\" mode=\"{{facetsMode}}\"\r\n        class=\"sidenav sidenav-facets\">\r\n        @if (facetsSearch.busy) {\r\n        <div class=\"sidenav-overlay\"></div>\r\n        }\r\n        <div fxLayout=\"column\" fxFill>\r\n          <div style=\"height:5px\">\r\n            @if (facetsSearch.busy) {\r\n            <mat-progress-bar class=\"sidenav-loader\" mode=\"indeterminate\"></mat-progress-bar>\r\n            }\r\n          </div>\r\n          <div fxFlex=\"64px\">\r\n            <div fxLayout=\"row\" fxFill class=\"sidenav-title-container\">\r\n              <div fxFlex=\"*\" fxFlexAlign=\"center\" fxLayoutAlign=\"start\">\r\n                <span class=\"sidenav-title\">Affina ricerca</span>\r\n              </div>\r\n              <div fxLayoutAlign=\"end\">\r\n                <button fxFlexAlign=\"center\" mat-icon-button matTooltip=\"Nascondi\" (click)=\"facetsClose(true)\"\r\n                  color=\"primary\">\r\n                  <mat-icon>clear</mat-icon>\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div fxFlex=\"*\" style=\"overflow: hidden;\">\r\n            <clipper-search-facets #facetsSearch></clipper-search-facets>\r\n          </div>\r\n        </div>\r\n      </mat-sidenav>\r\n      <mat-sidenav-content>\r\n        <div [ngStyle]=\"{'height.px': contentHeight }\">\r\n          <div fxLayout=\"column\" fxFill>\r\n            <div fxFlex=\"100\" id=\"search_container\" style=\"overflow: auto\">\r\n              <div style=\"overflow:hidden\">\r\n                @if (!snapshot.total) {\r\n                <div style=\"padding:32px; text-align: center;\" class=\"item-greyed-1\">\r\n                  <p>\r\n                    Non hai ancora effettuato\r\n                    la tua prima ricerca oppure la ricerca effettuata non ha prodotto alcun risultato.</p>\r\n                  <p>Inserisci nell'apposito campo ci\u00F2 che intendi cercare e fai click su <b>Trova</b> oppure utilizza\r\n                    la\r\n                    <b>Ricerca avanzata</b>\r\n                  </p>.\r\n                </div>\r\n                }\r\n                @if (snapshot.total > 0) {\r\n                <div>\r\n                  @for (item of snapshot.items; track trackableId($index, item)) {\r\n                  <div (contextmenu)=\"onContextMenu($event, item)\" (mouseenter)=\"item.isOver = true\"\r\n                    (mouseleave)=\"item.isOver = false\">\r\n                    @if (item.group) {\r\n                    <div class=\"items-group-title item-accent\">{{item.group}}</div>\r\n                    }\r\n                    <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill class=\"item\"\r\n                      [ngClass]=\"{'item-selected': selection.isSelected(item) }\">\r\n                      <div fxFlex=\"48px\" fxFlexAlign=\"center\">\r\n                        @if ($screen.isTouchable || item.isOver || selection.isSelected(item.documentId)) {\r\n                        <mat-checkbox fxLayoutAlign=\"center\" color=\"primary\" (click)=\"$event.stopPropagation()\"\r\n                          (change)=\"$event ? selection.toggle(item, item.documentId) : null\"\r\n                          [checked]=\"selection.isSelected(item.documentId)\">\r\n                        </mat-checkbox>\r\n                        }\r\n                      </div>\r\n                      <div fxFlex=\"100\" fxFlexAlign=\"center\" style=\"padding:6px 0\">\r\n                        <clipper-search-result-item [parent]=\"this\" [item]=\"item\"></clipper-search-result-item>\r\n                      </div>\r\n                      <div fxFlex=\"48px\" fxLayoutAlign=\"end\">\r\n                        @if (item.isOver || item.isMenuOpen || selection.isSelected(item)) {\r\n                        <button fxFlexAlign=\"center\" mat-icon-button matTooltip=\"Menu\"\r\n                          [attr.aria-label]=\"'Menu opzioni'\" [matMenuTriggerFor]=\"contextMenu\"\r\n                          [matMenuTriggerData]=\"{item: item}\" (click)=\"item.isMenuOpen = true\">\r\n                          <mat-icon>more_vert</mat-icon>\r\n                        </button>\r\n                        }\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  }\r\n                  <div #contextMenuTrigger=\"matMenuTrigger\" style=\"position: fixed\" [style.left]=\"contextMenuPosition.x\"\r\n                    [style.top]=\"contextMenuPosition.y\" [matMenuTriggerFor]=\"contextMenu\"\r\n                    [matMenuTriggerData]=\"{item: item}\">\r\n                  </div>\r\n                  <mat-menu #contextMenu=\"matMenu\" (closed)=\"updateMenuButtonsVisibility()\">\r\n                    <ng-template matMenuContent let-item=\"item\">\r\n                      <clipper-document-menu [parent]=\"this\" [item]=\"item\" [isSelectable]=\"canSelect()\"\r\n                        [isReadable]=\"false\" [isLawInForce]=\"true\">\r\n                      </clipper-document-menu>\r\n                    </ng-template>\r\n                  </mat-menu>\r\n\r\n                </div>\r\n                }\r\n              </div>\r\n            </div>\r\n            <div>\r\n              <div fxLayout=\"row\" fxLayoutAlign=\"end\">\r\n                <div fxFlexAlign=\"center\">\r\n                  @if (snapshot.total > 0) {\r\n                  <mat-paginator #paginator class=\"paginator\" [hidePageSize]=\"true\"\r\n                    [pageIndex]=\"snapshot.searchParams.first / snapshot.searchParams.count\" [length]=\"snapshot.total\"\r\n                    [pageSize]=\"snapshot.searchParams.count\" [showFirstLastButtons]=\"true\" (page)=\"fetchMore($event)\">\r\n                  </mat-paginator>\r\n                  }\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </mat-sidenav-content>\r\n    </mat-sidenav-container>\r\n  </div>\r\n  <div [hidden]=\"dialogTab !== 2\">\r\n    <clipper-last-15-days #last15Days [showHeader]=\"false\"></clipper-last-15-days>\r\n  </div>\r\n</div>", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}.sidenav{width:250px;background-color:#fff;border-left:0!important;border-right:0!important}.sidenav-facets{background-color:#f8f8f8!important}.search-info{padding-left:30px}\n"], dependencies: [{ kind: "ngmodule", type: FlexModule }, { kind: "directive", type: i6.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: i6.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: i6.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: i6.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "directive", type: i6.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: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i9.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i13.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i11.MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["fitInkBarToContent", "mat-stretch-tabs", "animationDuration", "backgroundColor", "disableRipple", "color", "tabPanel"], exportAs: ["matTabNavBar", "matTabNav"] }, { kind: "component", type: i11.MatTabNavPanel, selector: "mat-tab-nav-panel", inputs: ["id"], exportAs: ["matTabNavPanel"] }, { kind: "component", type: i11.MatTabLink, selector: "[mat-tab-link], [matTabLink]", inputs: ["active", "disabled", "disableRipple", "tabIndex", "id"], exportAs: ["matTabLink"] }, { kind: "ngmodule", type: ExtendedModule }, { kind: "directive", type: i14.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i14.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i14.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i7$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i7$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i4$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i10$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i12.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: i12.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i12.MatMenuContent, selector: "ng-template[matMenuContent]" }, { kind: "directive", type: i12.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: ClipperDocumentMenuComponent, selector: "clipper-document-menu", inputs: ["selectionSource", "parent", "item", "isReference", "isReadable", "isSelectable", "isDeadline", "isLawInForce", "isLaw"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i15.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i15.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i15.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i16.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: ClipperSearchFacetsComponent, selector: "clipper-search-facets", inputs: ["busy"], outputs: ["changed"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ClipperSearchResultItemComponent, selector: "clipper-search-result-item", inputs: ["parent", "item"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i17.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "component", type: ClipperLast15DaysComponent, selector: "clipper-last-15-days", inputs: ["showHeader"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ClipperBrowserDialogComponent, decorators: [{
             type: Component,
@@ -3733,7 +3733,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
                         ClipperSearchResultItemComponent,
                         MatPaginatorModule,
                         ClipperLast15DaysComponent,
-                    ], template: "<div id=\"clipper-browser-fixed\">\r\n  <div class=\"clipper-browser-header\">\r\n    <div fxLayout=\"row\" fxLayoutGap='10px' fxFill>\r\n      <div fxFlex=\"100\" fxFlexAlign=\"center\">\r\n        <a href=\"https://clipper.arsedizioni.it\" matTooltip=\"Apri Clipper in un nuovo tab\" target=\"_blank\">\r\n          <img src=\"./../../../assets/images/clipper_logo.png\" alt=\"Clipper\" style=\"max-height: 50px; padding: 5px\" />\r\n        </a>\r\n      </div>\r\n      @if (data.selectionMode > 0) {\r\n      <div fxLayoutAlign=\"end\">\r\n        <div fxFlexAlign=\"center\">\r\n          @if (canSelect()) {\r\n          <button type=\"button\" mat-flat-button color=\"primary\" (click)=\"select()\">\r\n            Usa selezione\r\n          </button>\r\n          }\r\n        </div>\r\n      </div>\r\n      }\r\n      <div fxFlex=\"150px\" fxLayoutAlign=\"end\">\r\n        @if ($clipper.bag.length > 0) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Documenti di lavoro\"\r\n          aria-label=\"'Documenti di lavoro'\" (click)=\"manageBag()\">\r\n          <mat-icon aria-hidden=\"false\" [matBadge]=\"$clipper.bag.length\" matBadgeColor=\"accent\">work_outline</mat-icon>\r\n        </button>\r\n        }\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Chiudi\"\r\n          aria-label=\"Chiudi\" (click)=\"close()\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <nav mat-tab-nav-bar mat-stretch-tabs [tabPanel]=\"tabPanel1\">\r\n    <a mat-tab-link (click)=\"dialogTab = 1\" [active]=\"dialogTab === 1\" [disabled]=\"!$clipper.loggedIn\">Ricerca</a>\r\n    <a mat-tab-link (click)=\"showHome()\" [active]=\"dialogTab === 2\" [disabled]=\"!$clipper.loggedIn\">\r\n      <mat-icon>update</mat-icon>\r\n      <span fxHide.xs style=\"margin-left: 8px\"> Ultimi 15 giorni</span>\r\n    </a>\r\n  </nav>\r\n  <mat-tab-nav-panel #tabPanel1></mat-tab-nav-panel>\r\n  <div [hidden]=\"dialogTab !== 1\">\r\n    <div style=\"padding: 15px 0 10px 15px\">\r\n      <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"space-between\" fxFill>\r\n        <div fxFlex=\"100\" fxFlex.xs=\"62\">\r\n          <div fxLayout=\"row\" fxLayoutGap='10px' fxFill>\r\n            <mat-form-field fxFlex=\"130px\" fxHide.xs subscriptSizing=\"dynamic\" appearance=\"outline\">\r\n              <mat-label>Numero</mat-label>\r\n              <input type=\"text\" matInput [(ngModel)]=\"snapshot.searchParams.number\" #number=\"ngModel\" name=\"number\"\r\n                maxlength=\"10\" (keyup.Enter)=\"fetch(true)\">\r\n              @if (snapshot.searchParams.number) {\r\n              <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\"\r\n                (click)=\"snapshot.searchParams.number = null;\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"130px\" fxHide.xs subscriptSizing=\"dynamic\" appearance=\"outline\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" matInput [(ngModel)]=\"snapshot.searchParams.year\" #year=\"ngModel\" name=\"year\" min=\"0\"\r\n                maxlength=\"4\" (keyup.Enter)=\"fetch(true)\" />\r\n              @if (snapshot.searchParams.year) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"snapshot.searchParams.year = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n              @if (year.invalid) {\r\n              <mat-error>Non valido.</mat-error>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"100\" subscriptSizing=\"dynamic\" appearance=\"outline\">\r\n              <mat-label>Parole, frasi o concetti...</mat-label>\r\n              <input matInput #searchInput=\"matInput\" type=\"text\" #text [(ngModel)]=\"snapshot.searchParams.text\"\r\n                maxlength=\"200\" (keyup.Enter)=\"search()\" autofocus />\r\n              @if (snapshot.searchParams.text) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"snapshot.searchParams.text = ''\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n              <button fxHide.xs type=\"button\" mat-icon-button matSuffix aria-label=\"Componi\" matTooltip=\"Componi\"\r\n                (click)=\"text.focus(); composeSearch()\">\r\n                <mat-icon>build</mat-icon>\r\n              </button>\r\n              <button fxHide.xs type=\"button\" mat-icon-button matSuffix aria-label=\"Informazioni\"\r\n                matTooltip=\"Come effettuare la ricerca in testo libero\" (click)=\"text.focus(); helpSearch()\">\r\n                <mat-icon>help_outline</mat-icon>\r\n              </button>\r\n            </mat-form-field>\r\n          </div>\r\n        </div>\r\n        <div fxFlex.xs=\"36\">\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"end\" fxFill>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button (click)=\"search()\" color=\"primary\"\r\n              [attr.aria-label]=\"'Avvia la ricerca'\" matTooltip=\"Avvia ricerca\" [disabled]=\"!$clipper.loggedIn\">\r\n              <mat-icon>search</mat-icon>\r\n            </button>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button (click)=\"advancedSearch()\" color=\"primary\"\r\n              [attr.aria-label]=\"'Ricerca avanzata'\" matTooltip=\"Ricerca avanzata\" [disabled]=\"!$clipper.loggedIn\">\r\n              <mat-icon>settings</mat-icon>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    @if (snapshot.searchInfo && snapshot.searchInfo.length > 0) {\r\n    <div fxHide.xs class=\"search-info small\">\r\n      <div fxLayout=\"row\" fxLayoutGap='10px' fxFill>\r\n        <div fxFlex=\"*\" fxFlexAlign=\"center\">\r\n          <b>RICERCA ATTIVA</b>&nbsp;&nbsp;&nbsp;\r\n          @for (si of snapshot.searchInfo; track si) {\r\n          <span>\r\n            {{si.sep ? '&nbsp;&nbsp;' : ''}} {{si.field}}: <span\r\n              class=\"item-primary lowercase\"><i>{{si.value}}</i></span>\r\n          </span>\r\n          }\r\n        </div>\r\n        <div fxFlexAlign=\"start\">\r\n          <button type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Azzera ricerca\" (click)=\"clearSearch()\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    }\r\n    <div style=\"padding:0 0 6px 20px;\" fxLayout=\"row wrap-reverse\" fxLayoutAlign=\"space-between\" fxFill>\r\n      <div fxFlexAlign=\"center\">\r\n        <div fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n          @if (snapshot.total > 0) {\r\n          <div fxFlexAlign=\"center\">\r\n            <mat-checkbox color=\"primary\" (change)=\"$event ? masterSelectionToggle($event) : null\"\r\n              [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\r\n              [attr.aria-label]=\"'Seleziona/deseleziona tutto'\" matTooltip=\"Seleziona/deseleziona tutto\"\r\n              [disabled]=\"!snapshot.items || snapshot.items.length == 0\">\r\n            </mat-checkbox>\r\n          </div>\r\n          }\r\n          <div fxFlex=\"*\">\r\n            @if (snapshot.total > 0) {\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-button matTooltip=\"Ordina\" [attr.aria-label]=\"'Menu ordina'\"\r\n              [matMenuTriggerFor]=\"menuSort\" color=\"primary\" [disabled]=\"!snapshot.total\">\r\n              <span fxHide.lt-lg>Ordina per:</span>\r\n              <mat-icon fxHide.gt-md>sort</mat-icon> {{currentSort}}\r\n              <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n            </button>\r\n            }\r\n            <mat-menu #menuSort=\"matMenu\">\r\n              <button mat-menu-item (click)=\"sortBy(3)\" [attr.aria-label]=\"'Ordina per data decrescente'\">\r\n                Data decrescente\r\n              </button>\r\n              <button mat-menu-item (click)=\"sortBy(2)\" [attr.aria-label]=\"'Ordina per data crescente'\">\r\n                Data crescente\r\n              </button>\r\n              @if (snapshot.searchParams.text) {\r\n              <button mat-menu-item (click)=\"sortBy(1)\" [attr.aria-label]=\"'Ordina per rilevanza'\">\r\n                Rilevanza\r\n              </button>\r\n              }\r\n              <button mat-menu-item (click)=\"sortBy(5)\" [attr.aria-label]=\"'Ordina per popolarit\u00E0'\">\r\n                Popolarit\u00E0\r\n              </button>\r\n              <!-- <mat-divider></mat-divider>\r\n              <button mat-menu-item (click)=\"sortBy(4)\"\r\n                [attr.aria-label]=\"'Ordina per data di inserimento descrescente'\">\r\n                Data di inserimento decrescente\r\n              </button>-->\r\n            </mat-menu>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Menu modello'\"\r\n              [matMenuTriggerFor]=\"menuModels\" color=\"primary\">\r\n              <span fxHide.lt-lg>Mostra:</span>\r\n              <mat-icon fxHide.gt-md>filter_list</mat-icon> {{currentModel}}\r\n              <mat-icon class=\" icon-menu-drop-down\">expand_more</mat-icon>\r\n            </button>\r\n            <mat-menu #menuModels=\"matMenu\">\r\n              <button mat-menu-item (click)=\"changeModel(2)\" [attr.aria-label]=\"'Mostra aggiornamento normativo'\">\r\n                Gazzette e bollettini\r\n              </button>\r\n              <button mat-menu-item (click)=\"changeModel(9)\" [attr.aria-label]=\"'Normativa vigente'\">\r\n                Normativa vigente\r\n              </button>\r\n              <mat-divider></mat-divider>\r\n              <button mat-menu-item (click)=\"changeModel()\" [attr.aria-label]=\"'Mostra tutti i documenti'\">\r\n                Tutto\r\n              </button>\r\n            </mat-menu>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div fxLayoutAlign=\"end\">\r\n        @if (selection.hasValue()) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button matTooltip=\"Azioni da eseguire sugli elementi selezionati\"\r\n          [attr.aria-label]=\"'Menu opzioni per elementi selezionati'\" [matMenuTriggerFor]=\"menuSelections\"\r\n          color=\"primary\" [disabled]=\"!snapshot.total\">\r\n          <mat-icon aria-hidden=\"false\" [matBadge]=\"selection.all.length\"\r\n            matBadgeColor=\"accent\">playlist_add_check</mat-icon>\r\n          <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n        </button>\r\n        }\r\n        <mat-menu #menuSelections=\"matMenu\">\r\n          <clipper-document-menu [parent]=\"this\" selectionSource=\"selection\" [isSelectable]=\"canSelect()\"\r\n            [isReadable]=\"false\" [isLawInForce]=\"true\">\r\n          </clipper-document-menu>\r\n        </mat-menu>\r\n        @if (facetsSearch && facetsSearch.hasFacets && facetsSidenav && (!facetsSidenav.opened || facetsClosed)) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Affina ricerca\"\r\n          aria-label=\"'Affina ricerca'\" (click)=\"facetsOpen()\">\r\n          <mat-icon>menu_open</mat-icon>\r\n        </button>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div [hidden]=\"dialogTab !== 2\">\r\n    <div class=\"dialog-title form-column\">\r\n      <p>Ecco cosa \u00E8 successo negli ultimi 15 giorni in base alla tua configurazione.</p>\r\n      <p>Per modificare la tua\r\n        configurazione devi accedere a <a class=\"link\" href=\"https://clipper.arsedizioni.it\"\r\n          matTooltip=\"Apri Clipper in un nuovo tab\" target=\"_blank\">Clipper</a>.</p>\r\n      <div fxLayout=\"row\" fxLayoutGap='10px' fxFill>\r\n        <div fxFlexAlign=\"center\">\r\n          <button mat-button matTooltip=\"Espandi tutto\" [attr.aria-label]=\"'Espandi tutto \\ comprimi tutto'\"\r\n            color=\"primary\" (click)=\"expandHome()\">\r\n            Espandi tutto\r\n          </button>\r\n          <button mat-button matTooltip=\"Comprimi tutto\" [attr.aria-label]=\"'Comprimi tutto'\" color=\"primary\"\r\n            (click)=\"expandHome(true)\">\r\n            Comprimi tutto\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div mat-dialog-content style=\"padding:0 0 0 15px\" [ngStyle]=\"{'min-height.px': contentHeight}\">\r\n  <div [hidden]=\"dialogTab !== 1\">\r\n    <mat-sidenav-container [ngStyle]=\"{'height.px': contentHeight}\">\r\n      <mat-sidenav #facetsSidenav position=\"end\" autoFocus=\"false\" opened=\"false\" mode=\"{{facetsMode}}\"\r\n        class=\"sidenav sidenav-facets\">\r\n        @if (facetsSearch.busy) {\r\n        <div class=\"sidenav-overlay\"></div>\r\n        }\r\n        <div fxLayout=\"column\" fxFill>\r\n          <div style=\"height:5px\">\r\n            @if (facetsSearch.busy) {\r\n            <mat-progress-bar class=\"sidenav-loader\" mode=\"indeterminate\"></mat-progress-bar>\r\n            }\r\n          </div>\r\n          <div fxFlex=\"64px\">\r\n            <div fxLayout=\"row\" fxFill class=\"sidenav-title-container\">\r\n              <div fxFlex=\"*\" fxFlexAlign=\"center\" fxLayoutAlign=\"start\">\r\n                <span class=\"sidenav-title\">Affina ricerca</span>\r\n              </div>\r\n              <div fxLayoutAlign=\"end\">\r\n                <button fxFlexAlign=\"center\" mat-icon-button matTooltip=\"Nascondi\" (click)=\"facetsClose(true)\"\r\n                  color=\"primary\">\r\n                  <mat-icon>clear</mat-icon>\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div fxFlex=\"*\" style=\"overflow: hidden;\">\r\n            <clipper-search-facets #facetsSearch></clipper-search-facets>\r\n          </div>\r\n        </div>\r\n      </mat-sidenav>\r\n      <mat-sidenav-content>\r\n        <div [ngStyle]=\"{'height.px': contentHeight }\">\r\n          <div fxLayout=\"column\" fxFill>\r\n            <div fxFlex=\"100\" id=\"search_container\" style=\"overflow: auto\">\r\n              <div style=\"overflow:hidden\">\r\n                @if (!snapshot.total) {\r\n                <div style=\"padding:32px; text-align: center;\" class=\"item-greyed-1\">\r\n                  <p>\r\n                    Non hai ancora effettuato\r\n                    la tua prima ricerca oppure la ricerca effettuata non ha prodotto alcun risultato.</p>\r\n                  <p>Inserisci nell'apposito campo ci\u00F2 che intendi cercare e fai click su <b>Trova</b> oppure utilizza\r\n                    la\r\n                    <b>Ricerca avanzata</b>\r\n                  </p>.\r\n                </div>\r\n                }\r\n                @if (snapshot.total > 0) {\r\n                <div>\r\n                  @for (item of snapshot.items; track trackableId($index, item)) {\r\n                  <div (contextmenu)=\"onContextMenu($event, item)\" (mouseenter)=\"item.isOver = true\"\r\n                    (mouseleave)=\"item.isOver = false\">\r\n                    @if (item.group) {\r\n                    <div class=\"items-group-title item-accent\">{{item.group}}</div>\r\n                    }\r\n                    <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill class=\"item\"\r\n                      [ngClass]=\"{'item-selected': selection.isSelected(item) }\">\r\n                      <div fxFlex=\"48px\" fxFlexAlign=\"center\">\r\n                        @if ($screen.isTouchable || item.isOver || selection.isSelected(item.documentId)) {\r\n                        <mat-checkbox fxLayoutAlign=\"center\" color=\"primary\" (click)=\"$event.stopPropagation()\"\r\n                          (change)=\"$event ? selection.toggle(item, item.documentId) : null\"\r\n                          [checked]=\"selection.isSelected(item.documentId)\">\r\n                        </mat-checkbox>\r\n                        }\r\n                      </div>\r\n                      <div fxFlex=\"100\" fxFlexAlign=\"center\" style=\"padding:6px 0\">\r\n                        <clipper-search-result-item [parent]=\"this\" [item]=\"item\"></clipper-search-result-item>\r\n                      </div>\r\n                      <div fxFlex=\"48px\" fxLayoutAlign=\"end\">\r\n                        @if (item.isOver || item.isMenuOpen || selection.isSelected(item)) {\r\n                        <button fxFlexAlign=\"center\" mat-icon-button matTooltip=\"Menu\"\r\n                          [attr.aria-label]=\"'Menu opzioni'\" [matMenuTriggerFor]=\"contextMenu\"\r\n                          [matMenuTriggerData]=\"{item: item}\" (click)=\"item.isMenuOpen = true\">\r\n                          <mat-icon>more_vert</mat-icon>\r\n                        </button>\r\n                        }\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  }\r\n                  <div #contextMenuTrigger=\"matMenuTrigger\" style=\"position: fixed\" [style.left]=\"contextMenuPosition.x\"\r\n                    [style.top]=\"contextMenuPosition.y\" [matMenuTriggerFor]=\"contextMenu\"\r\n                    [matMenuTriggerData]=\"{item: item}\">\r\n                  </div>\r\n                  <mat-menu #contextMenu=\"matMenu\" (closed)=\"updateMenuButtonsVisibility()\">\r\n                    <ng-template matMenuContent let-item=\"item\">\r\n                      <clipper-document-menu [parent]=\"this\" [item]=\"item\" [isSelectable]=\"canSelect()\"\r\n                        [isReadable]=\"false\" [isLawInForce]=\"true\">\r\n                      </clipper-document-menu>\r\n                    </ng-template>\r\n                  </mat-menu>\r\n\r\n                </div>\r\n                }\r\n              </div>\r\n            </div>\r\n            <div>\r\n              <div fxLayout=\"row\" fxLayoutAlign=\"end\">\r\n                <div fxFlexAlign=\"center\">\r\n                  @if (snapshot.total > 0) {\r\n                  <mat-paginator #paginator class=\"paginator\" [hidePageSize]=\"true\"\r\n                    [pageIndex]=\"snapshot.searchParams.first / snapshot.searchParams.count\" [length]=\"snapshot.total\"\r\n                    [pageSize]=\"snapshot.searchParams.count\" [showFirstLastButtons]=\"true\" (page)=\"fetchMore($event)\">\r\n                  </mat-paginator>\r\n                  }\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </mat-sidenav-content>\r\n    </mat-sidenav-container>\r\n  </div>\r\n  <div [hidden]=\"dialogTab !== 2\">\r\n    <clipper-last-15-days #last15Days [showHeader]=\"false\"></clipper-last-15-days>\r\n  </div>\r\n</div>", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}.sidenav{width:250px;background-color:#fff;border-left:0!important;border-right:0!important}.sidenav-facets{background-color:#f8f8f8!important}.search-info{padding-left:30px}\n"] }]
+                    ], template: "<div id=\"clipper-browser-fixed\">\r\n  <div class=\"clipper-browser-header\">\r\n    <div fxLayout=\"row\" fxLayoutGap='10px' fxFill>\r\n      <div fxFlex=\"100\" fxFlexAlign=\"center\">\r\n        <a href=\"https://clipper.arsedizioni.it\" matTooltip=\"Apri Clipper in un nuovo tab\" target=\"_blank\">\r\n          <img src=\"./../../../assets/images/clipper_logo.png\" alt=\"Clipper\" style=\"max-height: 50px; padding: 5px\" />\r\n        </a>\r\n      </div>\r\n      @if (data.selectionMode > 0) {\r\n      <div fxLayoutAlign=\"end\">\r\n        <div fxFlexAlign=\"center\">\r\n          @if (canSelect()) {\r\n          <button type=\"button\" mat-flat-button color=\"primary\" (click)=\"select()\">\r\n            Usa selezione\r\n          </button>\r\n          }\r\n        </div>\r\n      </div>\r\n      }\r\n      <div fxFlex=\"150px\" fxLayoutAlign=\"end\">\r\n        @if ($clipper.bag.length > 0) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Documenti di lavoro\"\r\n          aria-label=\"'Documenti di lavoro'\" (click)=\"manageBag()\">\r\n          <mat-icon aria-hidden=\"false\" [matBadge]=\"$clipper.bag.length\" matBadgeColor=\"accent\">work_outline</mat-icon>\r\n        </button>\r\n        }\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Chiudi\"\r\n          aria-label=\"Chiudi\" (click)=\"close()\">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <nav mat-tab-nav-bar mat-stretch-tabs [tabPanel]=\"tabPanel1\">\r\n    <a mat-tab-link (click)=\"dialogTab = 1\" [active]=\"dialogTab === 1\" [disabled]=\"!$clipper.loggedIn\">Ricerca</a>\r\n    <a mat-tab-link (click)=\"showHome()\" [active]=\"dialogTab === 2\" [disabled]=\"!$clipper.loggedIn\">\r\n      <mat-icon>update</mat-icon>\r\n      <span fxHide.xs style=\"margin-left: 8px\"> Ultimi 15 giorni</span>\r\n    </a>\r\n  </nav>\r\n  <mat-tab-nav-panel #tabPanel1></mat-tab-nav-panel>\r\n  <div [hidden]=\"dialogTab !== 1\">\r\n    <div style=\"padding: 15px 0 10px 15px\">\r\n      <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"space-between\" fxFill>\r\n        <div fxFlex=\"100\" fxFlex.xs=\"62\">\r\n          <div fxLayout=\"row\" fxLayoutGap='10px' fxFill>\r\n            <mat-form-field fxFlex=\"130px\" fxHide.xs subscriptSizing=\"dynamic\" appearance=\"outline\">\r\n              <mat-label>Numero</mat-label>\r\n              <input type=\"text\" matInput [(ngModel)]=\"snapshot.searchParams.number\" #number=\"ngModel\" name=\"number\"\r\n                maxlength=\"10\" (keyup.Enter)=\"fetch(true)\">\r\n              @if (snapshot.searchParams.number) {\r\n              <button type=\"button\" tabindex=\"-1\" mat-icon-button matSuffix aria-label=\"Azzera\"\r\n                (click)=\"snapshot.searchParams.number = null;\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"130px\" fxHide.xs subscriptSizing=\"dynamic\" appearance=\"outline\">\r\n              <mat-label>Anno</mat-label>\r\n              <input type=\"number\" matInput [(ngModel)]=\"snapshot.searchParams.year\" #year=\"ngModel\" name=\"year\" min=\"0\"\r\n                maxlength=\"4\" (keyup.Enter)=\"fetch(true)\" />\r\n              @if (snapshot.searchParams.year) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"snapshot.searchParams.year = null\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n              @if (year.invalid) {\r\n              <mat-error>Non valido.</mat-error>\r\n              }\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"100\" subscriptSizing=\"dynamic\" appearance=\"outline\">\r\n              <mat-label>Parole, frasi o concetti...</mat-label>\r\n              <input matInput #searchInput=\"matInput\" type=\"text\" #text [(ngModel)]=\"snapshot.searchParams.text\"\r\n                maxlength=\"200\" (keyup.Enter)=\"search()\" autofocus />\r\n              @if (snapshot.searchParams.text) {\r\n              <button type=\"button\" tabindex=\"-1\" matSuffix mat-icon-button aria-label=\"Pulisci\"\r\n                (click)=\"snapshot.searchParams.text = ''\">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              }\r\n              <button fxHide.xs type=\"button\" mat-icon-button matSuffix aria-label=\"Componi\" matTooltip=\"Componi\"\r\n                (click)=\"text.focus(); composeSearch()\">\r\n                <mat-icon>build</mat-icon>\r\n              </button>\r\n              <button fxHide.xs type=\"button\" mat-icon-button matSuffix aria-label=\"Informazioni\"\r\n                matTooltip=\"Come effettuare la ricerca in testo libero\" (click)=\"text.focus(); helpSearch()\">\r\n                <mat-icon>help_outline</mat-icon>\r\n              </button>\r\n            </mat-form-field>\r\n          </div>\r\n        </div>\r\n        <div fxFlex.xs=\"36\">\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxLayoutAlign=\"end\" fxFill>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button (click)=\"search()\" color=\"primary\"\r\n              [attr.aria-label]=\"'Avvia la ricerca'\" matTooltip=\"Avvia ricerca\" [disabled]=\"!$clipper.loggedIn\">\r\n              <mat-icon>search</mat-icon>\r\n            </button>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button (click)=\"advancedSearch()\" color=\"primary\"\r\n              [attr.aria-label]=\"'Ricerca avanzata'\" matTooltip=\"Ricerca avanzata\" [disabled]=\"!$clipper.loggedIn\">\r\n              <mat-icon>settings</mat-icon>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    @if (snapshot.searchInfo && snapshot.searchInfo.length > 0) {\r\n    <div fxHide.xs class=\"search-info small\">\r\n      <div fxLayout=\"row\" fxLayoutGap='10px' fxFill>\r\n        <div fxFlex=\"*\" fxFlexAlign=\"center\">\r\n          <b>RICERCA ATTIVA</b>&nbsp;&nbsp;&nbsp;\r\n          @for (si of snapshot.searchInfo; track si) {\r\n          <span>\r\n            {{si.sep ? '&nbsp;&nbsp;' : ''}} {{si.field}}: <span\r\n              class=\"item-primary lowercase\"><i>{{si.value}}</i></span>\r\n          </span>\r\n          }\r\n        </div>\r\n        <div fxFlexAlign=\"start\">\r\n          <button type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Azzera ricerca\" (click)=\"clearSearch()\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    }\r\n    <div style=\"padding:0 0 6px 20px;\" fxLayout=\"row wrap-reverse\" fxLayoutAlign=\"space-between\" fxFill>\r\n      <div fxFlexAlign=\"center\">\r\n        <div fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n          @if (snapshot.total > 0) {\r\n          <div fxFlexAlign=\"center\">\r\n            <mat-checkbox color=\"primary\" (change)=\"$event ? masterSelectionToggle($event) : null\"\r\n              [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\r\n              [attr.aria-label]=\"'Seleziona/deseleziona tutto'\" matTooltip=\"Seleziona/deseleziona tutto\"\r\n              [disabled]=\"!snapshot.items || snapshot.items.length == 0\">\r\n            </mat-checkbox>\r\n          </div>\r\n          }\r\n          <div fxFlex=\"*\">\r\n            @if (snapshot.total > 0) {\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-button matTooltip=\"Ordina\" [attr.aria-label]=\"'Menu ordina'\"\r\n              [matMenuTriggerFor]=\"menuSort\" color=\"primary\" [disabled]=\"!snapshot.total\">\r\n              <span fxHide.lt-lg>Ordina per:</span>\r\n              <mat-icon fxHide.gt-md>sort</mat-icon> {{currentSort}}\r\n              <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n            </button>\r\n            }\r\n            <mat-menu #menuSort=\"matMenu\">\r\n              <button mat-menu-item (click)=\"sortBy(3)\" [attr.aria-label]=\"'Ordina per data decrescente'\">\r\n                Data decrescente\r\n              </button>\r\n              <button mat-menu-item (click)=\"sortBy(2)\" [attr.aria-label]=\"'Ordina per data crescente'\">\r\n                Data crescente\r\n              </button>\r\n              @if (snapshot.searchParams.text) {\r\n              <button mat-menu-item (click)=\"sortBy(1)\" [attr.aria-label]=\"'Ordina per rilevanza'\">\r\n                Rilevanza\r\n              </button>\r\n              }\r\n              <button mat-menu-item (click)=\"sortBy(5)\" [attr.aria-label]=\"'Ordina per popolarit\u00E0'\">\r\n                Popolarit\u00E0\r\n              </button>\r\n              <!-- <mat-divider></mat-divider>\r\n              <button mat-menu-item (click)=\"sortBy(4)\"\r\n                [attr.aria-label]=\"'Ordina per data di inserimento descrescente'\">\r\n                Data di inserimento decrescente\r\n              </button>-->\r\n            </mat-menu>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Menu modello'\"\r\n              [matMenuTriggerFor]=\"menuModels\" color=\"primary\">\r\n              <span fxHide.lt-lg>Mostra:</span>\r\n              <mat-icon fxHide.gt-md>filter_list</mat-icon> {{currentModel}}\r\n              <mat-icon class=\" icon-menu-drop-down\">expand_more</mat-icon>\r\n            </button>\r\n            <mat-menu #menuModels=\"matMenu\">\r\n              <button mat-menu-item (click)=\"changeModel(2)\" [attr.aria-label]=\"'Mostra aggiornamento normativo'\">\r\n                Gazzette e bollettini\r\n              </button>\r\n              <button mat-menu-item (click)=\"changeModel(9)\" [attr.aria-label]=\"'Normativa vigente'\">\r\n                Normativa vigente\r\n              </button>\r\n              <mat-divider></mat-divider>\r\n              <button mat-menu-item (click)=\"changeModel()\" [attr.aria-label]=\"'Mostra tutti i documenti'\">\r\n                Tutto\r\n              </button>\r\n            </mat-menu>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div fxLayoutAlign=\"end\">\r\n        @if (selection.hasValue()) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button matTooltip=\"Azioni da eseguire sugli elementi selezionati\"\r\n          [attr.aria-label]=\"'Menu opzioni per elementi selezionati'\" [matMenuTriggerFor]=\"menuSelections\"\r\n          color=\"primary\" [disabled]=\"!snapshot.total\">\r\n          <mat-icon aria-hidden=\"false\" [matBadge]=\"selection.all.length\"\r\n            matBadgeColor=\"accent\">playlist_add_check</mat-icon>\r\n          <mat-icon class=\"icon-menu-drop-down\">expand_more</mat-icon>\r\n        </button>\r\n        }\r\n        <mat-menu #menuSelections=\"matMenu\">\r\n          <clipper-document-menu [parent]=\"this\" selectionSource=\"selection\" [isSelectable]=\"canSelect()\"\r\n            [isReadable]=\"false\" [isLawInForce]=\"true\">\r\n          </clipper-document-menu>\r\n        </mat-menu>\r\n        @if (facetsSearch && facetsSearch.hasFacets && facetsSidenav && (!facetsSidenav.opened || facetsClosed)) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button color=\"primary\" matTooltip=\"Affina ricerca\"\r\n          aria-label=\"'Affina ricerca'\" (click)=\"facetsOpen()\">\r\n          <mat-icon>menu_open</mat-icon>\r\n        </button>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div [hidden]=\"dialogTab !== 2\">\r\n    <div class=\"dialog-title form-column\">\r\n      <p>Ecco cosa \u00E8 successo negli ultimi 15 giorni in base alla tua configurazione.</p>\r\n      <p>Per modificare la tua\r\n        configurazione devi accedere a <a class=\"link\" href=\"https://clipper.arsedizioni.it\"\r\n          matTooltip=\"Apri Clipper in un nuovo tab\" target=\"_blank\">Clipper</a>.</p>\r\n      <div fxLayout=\"row\" fxLayoutGap='10px' fxFill>\r\n        <div fxFlexAlign=\"center\">\r\n          <button mat-button matTooltip=\"Espandi tutto\" [attr.aria-label]=\"'Espandi tutto \\ comprimi tutto'\"\r\n            color=\"primary\" (click)=\"expandHome()\">\r\n            Espandi tutto\r\n          </button>\r\n          <button mat-button matTooltip=\"Comprimi tutto\" [attr.aria-label]=\"'Comprimi tutto'\" color=\"primary\"\r\n            (click)=\"expandHome(true)\">\r\n            Comprimi tutto\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div mat-dialog-content style=\"padding:0 0 0 15px\" [ngStyle]=\"{'min-height.px': contentHeight}\">\r\n  <div [hidden]=\"dialogTab !== 1\">\r\n    <mat-sidenav-container [ngStyle]=\"{'height.px': contentHeight}\">\r\n      <mat-sidenav #facetsSidenav position=\"end\" autoFocus=\"false\" opened=\"false\" mode=\"{{facetsMode}}\"\r\n        class=\"sidenav sidenav-facets\">\r\n        @if (facetsSearch.busy) {\r\n        <div class=\"sidenav-overlay\"></div>\r\n        }\r\n        <div fxLayout=\"column\" fxFill>\r\n          <div style=\"height:5px\">\r\n            @if (facetsSearch.busy) {\r\n            <mat-progress-bar class=\"sidenav-loader\" mode=\"indeterminate\"></mat-progress-bar>\r\n            }\r\n          </div>\r\n          <div fxFlex=\"64px\">\r\n            <div fxLayout=\"row\" fxFill class=\"sidenav-title-container\">\r\n              <div fxFlex=\"*\" fxFlexAlign=\"center\" fxLayoutAlign=\"start\">\r\n                <span class=\"sidenav-title\">Affina ricerca</span>\r\n              </div>\r\n              <div fxLayoutAlign=\"end\">\r\n                <button fxFlexAlign=\"center\" mat-icon-button matTooltip=\"Nascondi\" (click)=\"facetsClose(true)\"\r\n                  color=\"primary\">\r\n                  <mat-icon>clear</mat-icon>\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div fxFlex=\"*\" style=\"overflow: hidden;\">\r\n            <clipper-search-facets #facetsSearch></clipper-search-facets>\r\n          </div>\r\n        </div>\r\n      </mat-sidenav>\r\n      <mat-sidenav-content>\r\n        <div [ngStyle]=\"{'height.px': contentHeight }\">\r\n          <div fxLayout=\"column\" fxFill>\r\n            <div fxFlex=\"100\" id=\"search_container\" style=\"overflow: auto\">\r\n              <div style=\"overflow:hidden\">\r\n                @if (!snapshot.total) {\r\n                <div style=\"padding:32px; text-align: center;\" class=\"item-greyed-1\">\r\n                  <p>\r\n                    Non hai ancora effettuato\r\n                    la tua prima ricerca oppure la ricerca effettuata non ha prodotto alcun risultato.</p>\r\n                  <p>Inserisci nell'apposito campo ci\u00F2 che intendi cercare e fai click su <b>Trova</b> oppure utilizza\r\n                    la\r\n                    <b>Ricerca avanzata</b>\r\n                  </p>.\r\n                </div>\r\n                }\r\n                @if (snapshot.total > 0) {\r\n                <div>\r\n                  @for (item of snapshot.items; track trackableId($index, item)) {\r\n                  <div (contextmenu)=\"onContextMenu($event, item)\" (mouseenter)=\"item.isOver = true\"\r\n                    (mouseleave)=\"item.isOver = false\">\r\n                    @if (item.group) {\r\n                    <div class=\"items-group-title item-accent\">{{item.group}}</div>\r\n                    }\r\n                    <div fxLayout=\"row\" fxLayoutGap=\"10px\" fxFill class=\"item\"\r\n                      [ngClass]=\"{'item-selected': selection.isSelected(item) }\">\r\n                      <div fxFlex=\"48px\" fxFlexAlign=\"center\">\r\n                        @if ($screen.isTouchable || item.isOver || selection.isSelected(item.documentId)) {\r\n                        <mat-checkbox fxLayoutAlign=\"center\" color=\"primary\" (click)=\"$event.stopPropagation()\"\r\n                          (change)=\"$event ? selection.toggle(item, item.documentId) : null\"\r\n                          [checked]=\"selection.isSelected(item.documentId)\">\r\n                        </mat-checkbox>\r\n                        }\r\n                      </div>\r\n                      <div fxFlex=\"100\" fxFlexAlign=\"center\" style=\"padding:6px 0\">\r\n                        <clipper-search-result-item [parent]=\"this\" [item]=\"item\"></clipper-search-result-item>\r\n                      </div>\r\n                      <div fxFlex=\"48px\" fxLayoutAlign=\"end\">\r\n                        @if (item.isOver || item.isMenuOpen || selection.isSelected(item)) {\r\n                        <button fxFlexAlign=\"center\" mat-icon-button matTooltip=\"Menu\"\r\n                          [attr.aria-label]=\"'Menu opzioni'\" [matMenuTriggerFor]=\"contextMenu\"\r\n                          [matMenuTriggerData]=\"{item: item}\" (click)=\"item.isMenuOpen = true\">\r\n                          <mat-icon>more_vert</mat-icon>\r\n                        </button>\r\n                        }\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  }\r\n                  <div #contextMenuTrigger=\"matMenuTrigger\" style=\"position: fixed\" [style.left]=\"contextMenuPosition.x\"\r\n                    [style.top]=\"contextMenuPosition.y\" [matMenuTriggerFor]=\"contextMenu\"\r\n                    [matMenuTriggerData]=\"{item: item}\">\r\n                  </div>\r\n                  <mat-menu #contextMenu=\"matMenu\" (closed)=\"updateMenuButtonsVisibility()\">\r\n                    <ng-template matMenuContent let-item=\"item\">\r\n                      <clipper-document-menu [parent]=\"this\" [item]=\"item\" [isSelectable]=\"canSelect()\"\r\n                        [isReadable]=\"false\" [isLawInForce]=\"true\">\r\n                      </clipper-document-menu>\r\n                    </ng-template>\r\n                  </mat-menu>\r\n\r\n                </div>\r\n                }\r\n              </div>\r\n            </div>\r\n            <div>\r\n              <div fxLayout=\"row\" fxLayoutAlign=\"end\">\r\n                <div fxFlexAlign=\"center\">\r\n                  @if (snapshot.total > 0) {\r\n                  <mat-paginator #paginator class=\"paginator\" [hidePageSize]=\"true\"\r\n                    [pageIndex]=\"snapshot.searchParams.first / snapshot.searchParams.count\" [length]=\"snapshot.total\"\r\n                    [pageSize]=\"snapshot.searchParams.count\" [showFirstLastButtons]=\"true\" (page)=\"fetchMore($event)\">\r\n                  </mat-paginator>\r\n                  }\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </mat-sidenav-content>\r\n    </mat-sidenav-container>\r\n  </div>\r\n  <div [hidden]=\"dialogTab !== 2\">\r\n    <clipper-last-15-days #last15Days [showHeader]=\"false\"></clipper-last-15-days>\r\n  </div>\r\n</div>", styles: [":root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #7894ae;--ars-color-accent-low: #456179;--ars-color-primary: #00a293;--ars-color-primary-low: #006a60;--ars-color-primary-hi: #12c0ae;--ars-color-secondary: #4a635f;--ars-color-secondary-low: #27403c;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #388E3C;--ars-color-ok-low: #29692c;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #eaecef;--ars-item-selected-background-color: #ced1d2;--ars-item-opaque-background-color: rgba(255, 255, 255, .75);--ars-filterbox-filtered-background-color: #f9fbe7}.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-close{margin-right:10px;margin-top:10px}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.scroll-auto{overflow:auto}.scroll-hidden{overflow:hidden}b{font-weight:700}.large{font-size:large!important}.small{font-size:small!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){:root{--ars-color-link: #03A9F4;--ars-color-link-low: #0288D1;--ars-color-accent: #adcae6;--ars-color-accent-low: #5e7a93;--ars-color-primary: #53dbc9;--ars-color-primary-low: #008679;--ars-color-primary-hi: #74f8e5;--ars-color-secondary: #b1ccc6;--ars-color-secondary-low: #627c77;--ars-color-error: #ff5449;--ars-color-error-low: #a80710;--ars-color-ok: #4CAF50;--ars-color-ok-low: #3f8f41;--ars-color-warning: #FFC107;--ars-color-warning-low: #FFA000;--ars-item-hover-background-color: #262a29;--ars-item-selected-background-color: #3f4342;--ars-item-opaque-background-color: rgba(0, 0, 0, .65);--ars-filterbox-filtered-background-color: #c6c7b8}.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}}.item{min-height:50px!important;border-bottom:1px dotted #eee!important;line-height:18px}.item:hover{background-color:#fff8e1}.item-cell{padding:5px 0}.item-line{padding-top:1px;padding-bottom:1px}.item-line .command a{text-decoration:none;color:#2a91e0;font-weight:500;cursor:pointer!important}.item-line .command a:hover{opacity:.7}.item-line>a{color:#2a91e0!important;opacity:1!important;cursor:pointer}.item-line>a:hover{opacity:.7!important}.item-line-1{font-weight:500;font-size:1em;color:#000}.item-line-2{font-size:.9em;color:#000}.item-line-3{font-size:.8em;color:#000}.item-line-4{font-size:.7em;color:#000}.item-line-block-title{font-size:.8em;font-weight:500}.item-line-block{margin-top:4px;margin-bottom:4px;margin-left:10px;padding-left:10px;border-left:2px solid #009688}.item-line-read{font-weight:400!important}.item-line-read .command,.item-line-read a{color:#2a91e0;cursor:pointer!important;opacity:1!important}.item-line-read .command:hover,.item-line-read a:hover{opacity:.7!important}.item-line-red-badge{background-color:red;color:#fff;padding:2px 4px;border-radius:3px;border:1px solid red}.items-group-title{line-height:24px;padding:20px 10px 10px 20px;font-weight:500;font-size:19.2px}.items-footer{padding-top:10px}.sidenav-title-container{min-height:64px!important;padding-left:15px;margin-bottom:4px}.sidenav-title{color:#009688;font-weight:500;font-size:19.2px}.item-greyed-1{color:#607d8b}.item-greyed-2{color:#90a4ae}.item-accent{color:#0d7066}.item-primary{color:#009688}.item-badge{margin-left:10px;margin-bottom:5px;padding:0 4px;height:12px;line-height:12px;border-radius:3px;font-size:x-small;font-weight:500;text-align:center;background-color:orange;color:#000}.sidenav{width:250px;background-color:#fff;border-left:0!important;border-right:0!important}.sidenav-facets{background-color:#f8f8f8!important}.search-info{padding-left:30px}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.ApplicationDialogService }, { type: i2.ClipperService }, { type: i3.ScreenService }, { type: i3.BroadcastService }, { type: i3$1.MatDialogRef }, { type: i4.MediaObserver }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]