npm - @arsedizioni/ars-utils - Versions diffs - 18.1.18 → 18.1.20 - Mend

@arsedizioni/ars-utils 18.1.18 → 18.1.20

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 (14) hide show

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

@@ -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 class=\"spaced-bottom-10\">\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 class=\"spaced-bottom-10\">\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 class=\"spaced-bottom-10\">\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: [".dialog-info{font-size:x-small;text-align:right;margin:10px}.dialog-title{padding:0 24px}b{font-weight:700}.large{font-size:large!important;line-height:18px!important}.small{font-size:small!important;line-height:16px!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:14px!important}.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}.no-spaced{padding-top:0!important;padding-bottom:0!important}.spaced-column{padding-top:20px!important;padding-bottom:20px!important}.spaced-20{padding-bottom:20px!important}.section,.spaced-10{padding-bottom:10px!important}.spaced-5{padding-bottom:5px!important}.section-title{font-size:large;font-weight:500;padding-top:10px;padding-bottom:8px}.icon-small{transform:scale(.8)}.icon-menu-drop-down{padding-right:0!important;margin-right:0!important}.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: [".dialog-info{font-size:x-small;text-align:right;margin:10px}.dialog-title{padding:0 24px}b{font-weight:700}.large{font-size:large!important;line-height:18px!important}.small{font-size:small!important;line-height:16px!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:14px!important}.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}.no-spaced{padding-top:0!important;padding-bottom:0!important}.spaced-column{padding-top:20px!important;padding-bottom:20px!important}.spaced-20{padding-bottom:20px!important}.section,.spaced-10{padding-bottom:10px!important}.spaced-5{padding-bottom:5px!important}.section-title{font-size:large;font-weight:500;padding-top:10px;padding-bottom:8px}.icon-small{transform:scale(.8)}.icon-menu-drop-down{padding-right:0!important;margin-right:0!important}.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 class=\"spaced-bottom-10\">\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 class=\"spaced-bottom-10\">\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 class=\"spaced-bottom-10\">\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: [".dialog-info{font-size:x-small;text-align:right;margin:10px}.dialog-title{padding:0 24px}b{font-weight:700}.large{font-size:large!important;line-height:18px!important}.small{font-size:small!important;line-height:16px!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:14px!important}.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}.no-spaced{padding-top:0!important;padding-bottom:0!important}.spaced-column{padding-top:20px!important;padding-bottom:20px!important}.spaced-20{padding-bottom:20px!important}.section,.spaced-10{padding-bottom:10px!important}.spaced-5{padding-bottom:5px!important}.section-title{font-size:large;font-weight:500;padding-top:10px;padding-bottom:8px}.icon-small{transform:scale(.8)}.icon-menu-drop-down{padding-right:0!important;margin-right:0!important}.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: [".dialog-info{font-size:x-small;text-align:right;margin:10px}.dialog-title{padding:0 24px}b{font-weight:700}.large{font-size:large!important;line-height:18px!important}.small{font-size:small!important;line-height:16px!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:14px!important}.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}.no-spaced{padding-top:0!important;padding-bottom:0!important}.spaced-column{padding-top:20px!important;padding-bottom:20px!important}.spaced-20{padding-bottom:20px!important}.section,.spaced-10{padding-bottom:10px!important}.spaced-5{padding-bottom:5px!important}.section-title{font-size:large;font-weight:500;padding-top:10px;padding-bottom:8px}.icon-small{transform:scale(.8)}.icon-menu-drop-down{padding-right:0!important;margin-right:0!important}.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]
@@ -1711,8 +1711,7 @@ class ClipperDocumentComponent extends ClipperDocumentBaseComponent {
                         }
                     }
                 }
-                catch (e) {
-                    console.log('json error: ' + event.data);
+                catch {
                 }
             }
         });