@arsedizioni/ars-utils 22.6.90 → 22.6.92

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 (10) hide show
  1. package/fesm2022/arsedizioni-ars-utils-clipper.common.mjs.map +1 -1
  2. package/fesm2022/arsedizioni-ars-utils-clipper.ui-document.component-BjMnaZGf.mjs +942 -0
  3. package/fesm2022/arsedizioni-ars-utils-clipper.ui-document.component-BjMnaZGf.mjs.map +1 -0
  4. package/fesm2022/arsedizioni-ars-utils-clipper.ui-references.component-C21l0EtN.mjs +718 -0
  5. package/fesm2022/arsedizioni-ars-utils-clipper.ui-references.component-C21l0EtN.mjs.map +1 -0
  6. package/fesm2022/arsedizioni-ars-utils-clipper.ui.mjs +2966 -4584
  7. package/fesm2022/arsedizioni-ars-utils-clipper.ui.mjs.map +1 -1
  8. package/package.json +1 -1
  9. package/types/arsedizioni-ars-utils-clipper.common.d.ts +14 -2
  10. package/types/arsedizioni-ars-utils-clipper.ui.d.ts +21 -8
package/fesm2022/arsedizioni-ars-utils-clipper.ui-references.component-C21l0EtN.mjs ADDED
@@ -0,0 +1,718 @@
1
+ import { ClipperDocumentMenuComponent, ClipperSearchFacetsComponent, ClipperSearchResultItemComponent, ClipperSearchResultManager } from "./arsedizioni-ars-utils-clipper.ui.mjs";
2
+ import { Breakpoints } from "@angular/cdk/layout";
3
+ import * as i0 from "@angular/core";
4
+ import { ChangeDetectionStrategy, Component, afterNextRender, inject, viewChild } from "@angular/core";
5
+ import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
6
+ import * as i7 from "@angular/material/badge";
7
+ import { MatBadgeModule } from "@angular/material/badge";
8
+ import * as i2 from "@angular/material/button";
9
+ import { MatButtonModule } from "@angular/material/button";
10
+ import { MatCheckboxModule } from "@angular/material/checkbox";
11
+ import * as i4 from "@angular/material/icon";
12
+ import { MatIconModule } from "@angular/material/icon";
13
+ import * as i6 from "@angular/material/menu";
14
+ import { MatMenuModule } from "@angular/material/menu";
15
+ import * as i8 from "@angular/material/paginator";
16
+ import { MatPaginatorModule } from "@angular/material/paginator";
17
+ import * as i10 from "@angular/material/progress-bar";
18
+ import { MatProgressBarModule } from "@angular/material/progress-bar";
19
+ import * as i9 from "@angular/material/sidenav";
20
+ import { MatSidenavModule } from "@angular/material/sidenav";
21
+ import * as i5 from "@angular/material/slide-toggle";
22
+ import { MatSlideToggleModule } from "@angular/material/slide-toggle";
23
+ import * as i3 from "@angular/material/tooltip";
24
+ import { MatTooltipModule } from "@angular/material/tooltip";
25
+ import { ClipperQueryReferencesMode, ClipperSearchParams } from "@arsedizioni/ars-utils/clipper.common";
26
+ import { SelectableModel, SystemUtils } from "@arsedizioni/ars-utils/core";
27
+ import * as i1 from "@arsedizioni/ars-utils/ui";
28
+ import { FlexLayoutModule } from "@arsedizioni/ars-utils/ui";
29
+ import { finalize } from "rxjs/operators";
30
+ import { MAT_DIALOG_DATA, MatDialogContent, MatDialogRef, MatDialogTitle } from "@angular/material/dialog";
31
+ var ClipperReferencesComponent = class ClipperReferencesComponent extends ClipperSearchResultManager {
32
+ constructor() {
33
+ super();
34
+ this.filterPane = viewChild("filterPane", ...ngDevMode ? [{ debugName: "filterPane" }] : /* istanbul ignore next */ []);
35
+ this.dialogRef = inject(MatDialogRef);
36
+ this.dialogData = inject(MAT_DIALOG_DATA) ?? { mode: ClipperQueryReferencesMode.ReferencesIn };
37
+ this.user = this.clipperService.user;
38
+ this._viewReady = false;
39
+ if (this.dialogData) {
40
+ switch (this.dialogData.mode) {
41
+ case ClipperQueryReferencesMode.ReferencesIn:
42
+ this.title = "Documenti richiamati nelle note o nel testo";
43
+ break;
44
+ case ClipperQueryReferencesMode.ReferencesOut:
45
+ this.title = "Documenti che richiamano quello in visione";
46
+ break;
47
+ case ClipperQueryReferencesMode.ChangesIn:
48
+ this.title = "Modifiche subite";
49
+ break;
50
+ case ClipperQueryReferencesMode.ChangesOut:
51
+ this.title = "Modifiche apportate";
52
+ break;
53
+ case ClipperQueryReferencesMode.Juris: this.title = "Giurisprudenza associata";
54
+ }
55
+ if (this.dialogData.anchorTitle) this.title += " - " + this.dialogData.anchorTitle;
56
+ this.snapshot = this.clipperService.referencesSnapshot() ?? {
57
+ searchParams: new ClipperSearchParams(),
58
+ interval: "-1"
59
+ };
60
+ if (this.filterParams.mode !== this.dialogData.mode || this.filterParams.id !== this.dialogData.documentId || this.filterParams.anchor !== this.dialogData.anchor) {
61
+ this.filterParams = new ClipperSearchParams();
62
+ this.filterParams.mode = this.dialogData.mode;
63
+ this.filterParams.model = this.dialogData.model;
64
+ this.filterParams.anchor = this.dialogData.anchor;
65
+ this.filterParams.id = this.dialogData.documentId;
66
+ this.filterParams.useModifierInfo = this.dialogData.mode === ClipperQueryReferencesMode.ChangesOut;
67
+ this.filterParams.returnModifierInfo = this.dialogData.mode !== ClipperQueryReferencesMode.ChangesOut;
68
+ this.clipperService.referencesSnapshot.set(this.snapshot);
69
+ }
70
+ }
71
+ this.selection = new SelectableModel(true, "documentId");
72
+ this.breakpointObserver.observe([
73
+ Breakpoints.XSmall,
74
+ Breakpoints.Small,
75
+ Breakpoints.Medium,
76
+ Breakpoints.Large,
77
+ Breakpoints.XLarge
78
+ ]).pipe(takeUntilDestroyed(this.destroyRef)).subscribe((result) => {
79
+ if (!this._viewReady) return;
80
+ for (const query of Object.keys(result.breakpoints)) if (result.breakpoints[query]) this.handleFilterPaneVisibility();
81
+ });
82
+ afterNextRender(() => {
83
+ this._viewReady = true;
84
+ this.handleFilterPaneVisibility();
85
+ const filterPane = this.filterPane();
86
+ if (filterPane) filterPane.openedChange.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((opened) => {
87
+ if (filterPane.mode === "over") this.filterPaneHasBackdrop.set(opened);
88
+ });
89
+ const facets = this.facets();
90
+ if (facets) facets.changed.subscribe((value) => {
91
+ this.snapshot.facets = value;
92
+ this.fetch(true);
93
+ });
94
+ this.fetch(true);
95
+ this.restoreFacets();
96
+ this.changeDetector.markForCheck();
97
+ });
98
+ }
99
+ toggleFilterPane() {
100
+ this.filterPaneClosed.set(!this.filterPaneClosed());
101
+ this.filterPane()?.toggle();
102
+ }
103
+ handleFilterPaneVisibility() {
104
+ const filterPane = this.filterPane();
105
+ if (filterPane) {
106
+ if (this.breakpointObserver.isMatched(Breakpoints.XSmall) || this.breakpointObserver.isMatched(Breakpoints.Small) || this.breakpointObserver.isMatched(Breakpoints.Medium)) {
107
+ if (filterPane.opened) filterPane.close();
108
+ filterPane.mode = "over";
109
+ filterPane.disableClose = false;
110
+ this.filterPaneHasBackdrop.set(filterPane.opened);
111
+ } else {
112
+ if (!this.hasFacets()) filterPane.close();
113
+ else if (!filterPane.opened && !this.filterPaneClosed()) filterPane.open();
114
+ else if (filterPane.opened && this.filterPaneClosed()) filterPane.close();
115
+ filterPane.mode = "side";
116
+ filterPane.disableClose = true;
117
+ this.filterPaneHasBackdrop.set(false);
118
+ }
119
+ }
120
+ }
121
+ close() {
122
+ this.dialogRef.close();
123
+ }
124
+ sendTo(item) {
125
+ this.sendItemsTo(item ? [item] : this.selection?.all);
126
+ }
127
+ prepareFetch(newSearch = false) {
128
+ const newParams = SystemUtils.clone(this.filterParams);
129
+ newParams.count = 15;
130
+ newParams.useModifierInfo = newParams.mode === ClipperQueryReferencesMode.ChangesOut;
131
+ newParams.returnModifierInfo = newParams.mode !== ClipperQueryReferencesMode.ChangesOut;
132
+ if (newSearch) {
133
+ newParams.first = 0;
134
+ this.filterParams.first = 0;
135
+ }
136
+ if (this.snapshot.facets?.fromDate) {
137
+ newParams.fromDate = this.snapshot.facets?.fromDate;
138
+ newParams.toDate = this.snapshot.facets?.toDate;
139
+ newParams.year = this.snapshot.facets?.fromDate.getFullYear();
140
+ }
141
+ if (this.snapshot.facets?.sector) newParams.sector = this.snapshot.facets?.sector;
142
+ if (this.snapshot.facets?.type) newParams.type = this.snapshot.facets?.type;
143
+ if (this.snapshot.facets?.author) newParams.author = this.snapshot.facets?.author;
144
+ return newParams;
145
+ }
146
+ toReferencesSearchParams(params) {
147
+ return {
148
+ documentId: params.id,
149
+ year: params.year,
150
+ sector: params.sector,
151
+ author: params.author,
152
+ anchor: params.anchor,
153
+ model: params.model?.toString() ?? null,
154
+ mode: params.mode,
155
+ excludeTextReferences: params.excludeTextReferences,
156
+ excludeNotesReferences: params.excludeNotesReferences,
157
+ returnModifierInfo: params.returnModifierInfo,
158
+ useModifierInfo: params.useModifierInfo,
159
+ count: 15,
160
+ first: params.first ?? 0
161
+ };
162
+ }
163
+ fetch(newSearch = false) {
164
+ if (!this.clipperService.loggedIn()) return;
165
+ this.dialogService.busy("Ricerca in corso...");
166
+ const searchParams = this.prepareFetch(newSearch);
167
+ if (searchParams) this.clipperService.documents.references(this.toReferencesSearchParams(searchParams)).pipe(finalize(() => this.dialogService.clearBusy())).subscribe((r) => {
168
+ if (!r.success) this.dialogService.error(r.message);
169
+ else {
170
+ this.prepareResults(r.value, newSearch);
171
+ if (this.snapshot.total > 0) {
172
+ if (newSearch) this.fetchFacets(searchParams);
173
+ } else this.hideFacets();
174
+ if (newSearch) {
175
+ const paginator = this.paginator();
176
+ if (paginator) paginator.pageIndex = 0;
177
+ }
178
+ this.scroll(0);
179
+ }
180
+ });
181
+ }
182
+ fetchMore(e) {
183
+ const first = e.pageIndex * (this.filterParams.count ?? 15);
184
+ this.filterParams.first = first;
185
+ this.fetch();
186
+ }
187
+ fetchFacets(params) {
188
+ if (!this.clipperService.loggedIn() || !params) return;
189
+ if (!this.snapshot.facets || this.snapshot.facets?.hasMoreFacets) {
190
+ this.filterBusy.set(true);
191
+ this.clipperService.documents.referencesFacets(this.toReferencesSearchParams(params)).subscribe({
192
+ next: (r) => {
193
+ if (r.success) {
194
+ let hasFacets = (r.value.facets?.length ?? 0) > 0;
195
+ if (r.value.facets) {
196
+ const facets = this.facets();
197
+ facets?.update(r.value.facets, r.value.interval);
198
+ if (facets && this.snapshot) {
199
+ hasFacets = facets.hasFacets();
200
+ this.snapshot.facets = facets.save();
201
+ this.snapshot.facets.hasTooManyResults = (this.snapshot?.total ?? 0) >= 1e3;
202
+ }
203
+ }
204
+ this.hasFacets.set(hasFacets);
205
+ this.handleFilterPaneVisibility();
206
+ }
207
+ },
208
+ complete: () => {
209
+ this.filterBusy.set(false);
210
+ }
211
+ });
212
+ }
213
+ }
214
+ hideFacets() {
215
+ this.hasFacets.set(false);
216
+ this.facets()?.reset();
217
+ this.filterPane().close();
218
+ this.filterPaneClosed.set(false);
219
+ }
220
+ restoreFacets() {
221
+ if (this.snapshot.facets) {
222
+ this.facets().restore(this.snapshot.facets);
223
+ this.handleFilterPaneVisibility();
224
+ }
225
+ }
226
+ open(documentId) {
227
+ if (documentId) this.dialogRef.close({ documentId });
228
+ }
229
+ getItemStateCssClass(item) {
230
+ if (item.isExpired) return "expired-bg";
231
+ }
232
+ getItemStateTooltip(item) {
233
+ if (item.isExpired) return "Non più vigente";
234
+ return "";
235
+ }
236
+ static {
237
+ this.ɵfac = i0.ɵɵngDeclareFactory({
238
+ minVersion: "12.0.0",
239
+ version: "22.2.1",
240
+ ngImport: i0,
241
+ type: ClipperReferencesComponent,
242
+ deps: [],
243
+ target: i0.ɵɵFactoryTarget.Component
244
+ });
245
+ }
246
+ static {
247
+ this.ɵcmp = i0.ɵɵngDeclareComponent({
248
+ minVersion: "17.0.0",
249
+ version: "22.2.1",
250
+ type: ClipperReferencesComponent,
251
+ isStandalone: true,
252
+ selector: "ng-component",
253
+ host: { attributes: { "Bind": SystemUtils.generateUUID() } },
254
+ viewQueries: [{
255
+ propertyName: "filterPane",
256
+ first: true,
257
+ predicate: ["filterPane"],
258
+ descendants: true,
259
+ isSignal: true
260
+ }],
261
+ usesInheritance: true,
262
+ ngImport: i0,
263
+ template: "<div class=\"clipper-references-fixed\">\n <div class=\"dialog-header\">\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap='10px' fxFill>\n <div fxFlex=\"*\">\n <div mat-dialog-title>{{title}} </div>\n </div>\n <div fxLayoutAlign=\"end\">\n <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Chiudi\" aria-label=\"Chiudi\"\n (click)=\"close()\" class=\"dialog-close\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n </div>\n @if (dialogData.mode > 0 || selection?.hasValue() || (snapshot && snapshot.facets?.hasFacets && filterPane &&\n (!filterPane.opened || filterPaneClosed()))) {\n <div class=\"dialog-toolbar\">\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFill>\n <div fxFlex=\"*\">\n @if (dialogData.mode === 1) {\n <mat-slide-toggle [checked]=\"filterParams.excludeTextReferences === true\"\n (change)=\"filterParams.excludeTextReferences = $event.checked; fetch(true)\">\n &nbsp; Mostra solo se citati nelle note\n </mat-slide-toggle>\n } @else if (dialogData.mode == 2) {\n <mat-slide-toggle [checked]=\"filterParams.excludeNotesReferences === true\"\n (change)=\"filterParams.excludeNotesReferences = $event.checked; fetch(true)\">\n &nbsp; Mostra solo se citano nel testo il documento\n </mat-slide-toggle>\n }\n </div>\n <div fxLayoutAlign=\"end\">\n @if (selection?.hasValue()) {\n <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button\n matTooltip=\"Azioni da eseguire sugli elementi selezionati\"\n [attr.aria-label]=\"'Menu opzioni per elementi selezionati'\" [matMenuTriggerFor]=\"menuSelections\"\n [disabled]=\"!snapshot.total\" [matBadge]=\"selection?.all?.length\">\n <mat-icon>checklist</mat-icon>\n </button>\n }\n <mat-menu #menuSelections=\"matMenu\">\n <clipper-document-menu [parent]=\"this\" selectionSource=\"selection\" [useSelections]=\"true\"\n [isReadable]=\"false\" [isReference]=\"true\" [canUseAIAssistant]=\"user?.hasAIAssistant ?? false\">\n </clipper-document-menu>\n </mat-menu>\n @if (snapshot && snapshot.facets?.hasFacets && filterPane && (!filterPane.opened || filterPaneClosed())) {\n <div fxFlexAlign=\"center\">\n <button type=\"button\" mat-icon-button matTooltip=\"Affina ricerca\" aria-label=\"'Affina ricerca'\"\n (click)=\"toggleFilterPane()\">\n <mat-icon>right_panel_open</mat-icon>\n </button>\n </div>\n }\n </div>\n </div>\n </div>\n }\n </div>\n</div>\n<mat-dialog-content id=\"clipper-references-scrollable\">\n <mat-drawer-container class=\"fill\" [hasBackdrop]=\"filterPaneHasBackdrop()\">\n <mat-drawer #filterPane position=\"end\" class=\"drawer-small drawer-with-loader\" opened=\"false\">\n @if (filterBusy()) {\n <div class=\"overlay\"></div>\n }\n <div fxLayout=\"column\" fxFill>\n <div fxFlex=\"6px\">\n @if (filterBusy()) {\n <mat-progress-bar style=\"z-index: 11;\" mode=\"indeterminate\">\n </mat-progress-bar>\n }\n </div>\n <div fxFlex=\"78px\" class=\"title-container-with-loader\">\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFill>\n <div class=\"title\">Affina ricerca</div>\n <div fxFlex=\"*\" fxLayoutAlign=\"end\">\n <button mat-icon-button (click)=\"toggleFilterPane()\"\n matTooltip=\"Nascondi\"><mat-icon>right_panel_close</mat-icon></button>\n </div>\n </div>\n </div>\n <div fxFlex=\"*\" class=\"scroll-hidden\" style=\"padding: 0 5px;\">\n <clipper-search-facets #facets [handleTooManyResults]=\"dialogData.canHandleTooManyResults\" ></clipper-search-facets>\n </div>\n </div>\n </mat-drawer>\n <div fxLayout=\"column\" fxFill>\n <div fxFlex=\"*\" [id]=\"scrollerId\" class=\"scroll-auto\" style=\"padding: 0 5px;\">\n @if (!snapshot.total) {\n <div class=\"message-container\">\n <p class=\"message\"><b>Nessun elemento da visualizzare.</b></p>\n </div>\n } @else {\n <div>\n @for (item of snapshot.items; track $index; let i = $index) {\n @if (item.group) {\n <div class=\"items-group-title\">\n <div [class.group-spaced]=\"i > 0\">{{item.group}}</div>\n </div>\n }\n <clipper-search-result-item [item]=\"item\" [parent]=\"this\" [isReadable]=\"false\"\n [actions]=\"contextMenu\"></clipper-search-result-item>\n }\n <mat-menu #contextMenu=\"matMenu\" (closed)=\"updateMenuButtonsVisibility()\">\n <ng-template matMenuContent let-item=\"item\">\n <clipper-document-menu [parent]=\"this\" [item]=\"item\" [isReadable]=\"false\" [isReference]=\"true\"\n [canUseAIAssistant]=\"user?.hasAIAssistant ?? false\">\n </clipper-document-menu>\n </ng-template>\n </mat-menu>\n </div>\n }\n </div>\n <!-- footer -->\n @if ((snapshot?.total ?? 0) > 0) {\n <div class=\"items-footer\">\n <div fxLayout=\"row wrap\" fxLayoutGap=\"10px\" fxLayoutAlign=\"space-between center\" fxFill>\n <!-- legend -->\n <div fxFlex.lt-md=\"100\" class=\"legend-container\">\n <div class=\"legend expired-bg \"></div>\n non più vigente\n </div>\n <div fxFlex.lt-md=\"100\" fxLayoutAlign=\"end\" [class.wide]=\"filterPane?.opened\">\n <div fxLayout=\"row\">\n <mat-paginator fxFlexAlign=\"center\" #paginator class=\"paginator\" [hidePageSize]=\"true\"\n [length]=\"snapshot?.total ?? 0\" [pageSize]=\"filterParams.count ?? 15\" [showFirstLastButtons]=\"true\"\n (page)=\"fetchMore($event)\">\n </mat-paginator>\n </div>\n </div>\n </div>\n </div>\n }\n </div>\n </mat-drawer-container>\n</mat-dialog-content>",
264
+ styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.clipper-selection-icon-button{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-color-primary-hi, #12c0ae)}.unread{color:var(--app-color-unread, #f7931c)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.expired{color:var(--app-color-expired, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-expiring, #FFC107)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.closed-bg{background-color:var(--app-color-closed, #388E3C)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.popular-bg{background-color:var(--app-color-closed, #388E3C)!important}.very-popular-bg{background-color:#4caf50}.item-selected{background-color:var(--ars-item-selected-background-color, #ced1d2);border-radius:0!important}.item-unread{font-weight:bolder}.items-group-title{color:var(--ars-color-secondary, #4a635f);font-size:large;font-weight:700;padding-left:25px;padding-bottom:10px;padding-top:10px}.items-group-title .group-spaced{padding:10px 0 0!important}.items-footer{padding:10px}.item{border-radius:12px;padding:10px 10px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}@media screen and (min-width:0px)and (max-width:430px){.item:hover{background-color:var(--ars-item-hover-background-color)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 55%,transparent 100%);mask-image:linear-gradient(to right,black 55%,transparent 100%)}}.item-content .item-info-1,.item-content .info-1{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent, #7894ae)}.item-content .item-info-2,.item-content .info-2{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent-low, #456179)}.item-content .item-info-3,.item-content .info-3{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-error, #ff5449)}.item-content .item-title,.item-content .title{font-size:small!important;line-height:18px;text-decoration:none!important;font-weight:400;min-height:unset;min-width:unset;white-space:initial!important}@supports (-webkit-line-clamp: 3){.item-content .item-title,.item-content .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.item-content .details{margin-top:4px;font-size:x-small!important;font-weight:700;line-height:15px;color:var(--ars-color-accent-low, #456179);text-transform:uppercase!important;border-left:4px solid var(--ars-color-accent-low, #456179);padding-left:10px}.item-content .details .links{text-transform:none;text-decoration:none}.item-content .details .links a,.item-content .details .links span,.item-content .details .links div{margin-right:8px;font-weight:500!important;font-size:11px!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-size:11px!important;font-weight:500!important}.item-content a.link{color:var(--ars-color-link, #03A9F4);cursor:pointer!important;text-decoration:none!important}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer!important;padding:10px 13px!important;margin-bottom:20px!important}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--app-color-unread, #f7931c);margin:0 8px}.tile .tile-image,.tile .image{height:125px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .tile-image img,.tile .image img{object-fit:cover;width:100%;height:100%}.tile .tile-image .tile-info-1,.tile .tile-image .info-1,.tile .image .tile-info-1,.tile .image .info-1{position:absolute;left:0;bottom:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-text, #191c1b);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .tile-info-2,.tile .tile-image .info-2,.tile .image .tile-info-2,.tile .image .info-2{position:absolute;right:0;top:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-accent, #7894ae);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .buttons,.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .tile-image .buttons .check,.tile .tile-image .buttons .read-button,.tile .image .buttons .check,.tile .image .buttons .read-button{background-color:var(--ars-color-primary, #00a293)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .unread-button,.tile .image .buttons .unread-button{background-color:var(--app-color-unread, #f7931c)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .check-selected,.tile .image .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)!important}.tile .tile-date,.tile .date{padding:8px 0 6px!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-date .date-day,.tile .date .date-day{color:var(--ars-color-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .tile-time,.tile .time{font-size:small!important;font-weight:700!important}.tile .tile-title,.tile .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-height:50px!important;max-height:70px!important;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.tile .tile-title,.tile .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.stripe:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.stripe{cursor:pointer!important;padding:5px 10px!important;margin-bottom:10px!important}.stripe .body{padding:5px 15px!important}.stripe .image-mark{min-height:100%!important;border-left:6px solid transparent;margin:8px 0}.stripe .image-mark-unread{min-height:100%!important;border-left-color:var(--ars-color-error, #ff5449)!important;margin:8px 0}.stripe .stripe-image,.stripe .image{width:150px!important;height:70px!important;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.stripe .stripe-image img,.stripe .image img{object-fit:cover;width:100%;height:100%}.stripe .stripe-info-1,.stripe .info-1{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-text, #191c1b)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-info-2,.stripe .info-2{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-accent, #7894ae)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .buttons{position:absolute;left:0;top:0;height:42px}.stripe .buttons .check,.stripe .buttons .read{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.stripe .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)}.stripe .stripe-date,.stripe .date{padding:0!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-date .date-day,.stripe .date .date-day{color:var(--ars-color-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.stripe .stripe-time,.stripe .time{font-size:small!important;font-weight:700!important}.stripe .stripe-title,.stripe .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.stripe .stripe-title,.stripe .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:#427505;text-transform:uppercase;white-space:nowrap;color:#e0e2e5}.badge-red{background-color:#a80710}.busy-backdrop{background-color:#0000006b!important}.legend-container{display:flex;flex-direction:row;align-items:center;font-size:x-small;text-transform:uppercase;font-weight:500;margin-left:10px}.legend-container .legend{display:inline-block;height:8px;width:8px;margin-right:4px}.legend-container .legend:not(:first-of-type){margin-left:10px}@media screen and (max-width:431px){.legend-container{font-size:9px!important}}.special-date,.special-date-expired,.special-date-expiring{border:2px var(--ars-color-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-color-error, #ff5449) solid!important}.special-date-expiring{border:2px var(--ars-color-warning, #FFC107) solid!important}.word-hit-chunk,.word-hit{display:inline-block;font-size:inherit;background-color:var(--ars-word-hit-background-color, #FFEB3B);color:var(--ars-word-hit-color, #191c1b);padding:0 4px;margin:0 4px;border-radius:4px}.word-hit-chunk{background-color:var(--ars-word-chunk-hit-background-color, #8AFF59);color:var(--ars-word-hit-chunk-color, #191c1b)}.message-container{font-size:large;display:flex;justify-content:center;align-items:center;height:50%}.message-container .message{color:var(--ars-color-secondary, #4a635f);text-align:center;padding:40px}.mat-mdc-dialog-content{max-height:unset!important;padding:0!important}\n"],
265
+ dependencies: [
266
+ {
267
+ kind: "ngmodule",
268
+ type: FlexLayoutModule
269
+ },
270
+ {
271
+ kind: "directive",
272
+ type: i1.FxLayoutDirective,
273
+ 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] ",
274
+ inputs: [
275
+ "fxLayout",
276
+ "fxLayout.xs",
277
+ "fxLayout.sm",
278
+ "fxLayout.md",
279
+ "fxLayout.lg",
280
+ "fxLayout.xl",
281
+ "fxLayout.lt-sm",
282
+ "fxLayout.lt-md",
283
+ "fxLayout.lt-lg",
284
+ "fxLayout.lt-xl",
285
+ "fxLayout.gt-xs",
286
+ "fxLayout.gt-sm",
287
+ "fxLayout.gt-md",
288
+ "fxLayout.gt-lg"
289
+ ]
290
+ },
291
+ {
292
+ kind: "directive",
293
+ type: i1.FxFlexDirective,
294
+ 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] ",
295
+ inputs: [
296
+ "fxFlex",
297
+ "fxFlex.xs",
298
+ "fxFlex.sm",
299
+ "fxFlex.md",
300
+ "fxFlex.lg",
301
+ "fxFlex.xl",
302
+ "fxFlex.lt-sm",
303
+ "fxFlex.lt-md",
304
+ "fxFlex.lt-lg",
305
+ "fxFlex.lt-xl",
306
+ "fxFlex.gt-xs",
307
+ "fxFlex.gt-sm",
308
+ "fxFlex.gt-md",
309
+ "fxFlex.gt-lg"
310
+ ]
311
+ },
312
+ {
313
+ kind: "directive",
314
+ type: i1.FxLayoutAlignDirective,
315
+ 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] ",
316
+ inputs: [
317
+ "fxLayoutAlign",
318
+ "fxLayoutAlign.xs",
319
+ "fxLayoutAlign.sm",
320
+ "fxLayoutAlign.md",
321
+ "fxLayoutAlign.lg",
322
+ "fxLayoutAlign.xl",
323
+ "fxLayoutAlign.lt-sm",
324
+ "fxLayoutAlign.lt-md",
325
+ "fxLayoutAlign.lt-lg",
326
+ "fxLayoutAlign.lt-xl",
327
+ "fxLayoutAlign.gt-xs",
328
+ "fxLayoutAlign.gt-sm",
329
+ "fxLayoutAlign.gt-md",
330
+ "fxLayoutAlign.gt-lg"
331
+ ]
332
+ },
333
+ {
334
+ kind: "directive",
335
+ type: i1.FxLayoutGapDirective,
336
+ 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] ",
337
+ inputs: [
338
+ "fxLayoutGap",
339
+ "fxLayoutGap.xs",
340
+ "fxLayoutGap.sm",
341
+ "fxLayoutGap.md",
342
+ "fxLayoutGap.lg",
343
+ "fxLayoutGap.xl",
344
+ "fxLayoutGap.lt-sm",
345
+ "fxLayoutGap.lt-md",
346
+ "fxLayoutGap.lt-lg",
347
+ "fxLayoutGap.lt-xl",
348
+ "fxLayoutGap.gt-xs",
349
+ "fxLayoutGap.gt-sm",
350
+ "fxLayoutGap.gt-md",
351
+ "fxLayoutGap.gt-lg"
352
+ ]
353
+ },
354
+ {
355
+ kind: "directive",
356
+ type: i1.FxFlexAlignDirective,
357
+ 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] ",
358
+ inputs: [
359
+ "fxFlexAlign",
360
+ "fxFlexAlign.xs",
361
+ "fxFlexAlign.sm",
362
+ "fxFlexAlign.md",
363
+ "fxFlexAlign.lg",
364
+ "fxFlexAlign.xl",
365
+ "fxFlexAlign.lt-sm",
366
+ "fxFlexAlign.lt-md",
367
+ "fxFlexAlign.lt-lg",
368
+ "fxFlexAlign.lt-xl",
369
+ "fxFlexAlign.gt-xs",
370
+ "fxFlexAlign.gt-sm",
371
+ "fxFlexAlign.gt-md",
372
+ "fxFlexAlign.gt-lg"
373
+ ]
374
+ },
375
+ {
376
+ kind: "directive",
377
+ type: i1.FxFlexFillDirective,
378
+ selector: " [fxFlexFill], [fxFill], [fxFlexFill.xs], [fxFlexFill.sm], [fxFlexFill.md], [fxFlexFill.lg], [fxFlexFill.xl], [fxFlexFill.lt-sm], [fxFlexFill.lt-md], [fxFlexFill.lt-lg], [fxFlexFill.lt-xl], [fxFlexFill.gt-xs], [fxFlexFill.gt-sm], [fxFlexFill.gt-md], [fxFlexFill.gt-lg] ",
379
+ inputs: [
380
+ "fxFlexFill",
381
+ "fxFill",
382
+ "fxFlexFill.xs",
383
+ "fxFlexFill.sm",
384
+ "fxFlexFill.md",
385
+ "fxFlexFill.lg",
386
+ "fxFlexFill.xl",
387
+ "fxFlexFill.lt-sm",
388
+ "fxFlexFill.lt-md",
389
+ "fxFlexFill.lt-lg",
390
+ "fxFlexFill.lt-xl",
391
+ "fxFlexFill.gt-xs",
392
+ "fxFlexFill.gt-sm",
393
+ "fxFlexFill.gt-md",
394
+ "fxFlexFill.gt-lg"
395
+ ]
396
+ },
397
+ {
398
+ kind: "directive",
399
+ type: MatDialogTitle,
400
+ selector: "[mat-dialog-title], [matDialogTitle]",
401
+ inputs: ["id"],
402
+ exportAs: ["matDialogTitle"]
403
+ },
404
+ {
405
+ kind: "ngmodule",
406
+ type: MatButtonModule
407
+ },
408
+ {
409
+ kind: "component",
410
+ type: i2.MatIconButton,
411
+ selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]",
412
+ exportAs: ["matButton", "matAnchor"]
413
+ },
414
+ {
415
+ kind: "ngmodule",
416
+ type: MatTooltipModule
417
+ },
418
+ {
419
+ kind: "directive",
420
+ type: i3.MatTooltip,
421
+ selector: "[matTooltip]",
422
+ inputs: [
423
+ "matTooltipPosition",
424
+ "matTooltipPositionAtOrigin",
425
+ "matTooltipDisabled",
426
+ "matTooltipShowDelay",
427
+ "matTooltipHideDelay",
428
+ "matTooltipTouchGestures",
429
+ "matTooltip",
430
+ "matTooltipClass"
431
+ ],
432
+ exportAs: ["matTooltip"]
433
+ },
434
+ {
435
+ kind: "ngmodule",
436
+ type: MatIconModule
437
+ },
438
+ {
439
+ kind: "component",
440
+ type: i4.MatIcon,
441
+ selector: "mat-icon",
442
+ inputs: [
443
+ "color",
444
+ "inline",
445
+ "svgIcon",
446
+ "fontSet",
447
+ "fontIcon"
448
+ ],
449
+ exportAs: ["matIcon"]
450
+ },
451
+ {
452
+ kind: "ngmodule",
453
+ type: MatCheckboxModule
454
+ },
455
+ {
456
+ kind: "ngmodule",
457
+ type: MatSlideToggleModule
458
+ },
459
+ {
460
+ kind: "component",
461
+ type: i5.MatSlideToggle,
462
+ selector: "mat-slide-toggle",
463
+ inputs: [
464
+ "name",
465
+ "id",
466
+ "labelPosition",
467
+ "aria-label",
468
+ "aria-labelledby",
469
+ "aria-describedby",
470
+ "required",
471
+ "color",
472
+ "disabled",
473
+ "fullWidth",
474
+ "disableRipple",
475
+ "tabIndex",
476
+ "checked",
477
+ "hideIcon",
478
+ "disabledInteractive"
479
+ ],
480
+ outputs: ["change", "toggleChange"],
481
+ exportAs: ["matSlideToggle"]
482
+ },
483
+ {
484
+ kind: "ngmodule",
485
+ type: MatMenuModule
486
+ },
487
+ {
488
+ kind: "component",
489
+ type: i6.MatMenu,
490
+ selector: "mat-menu",
491
+ inputs: [
492
+ "backdropClass",
493
+ "aria-label",
494
+ "aria-labelledby",
495
+ "aria-describedby",
496
+ "xPosition",
497
+ "yPosition",
498
+ "overlapTrigger",
499
+ "hasBackdrop",
500
+ "class",
501
+ "classList"
502
+ ],
503
+ outputs: ["closed", "close"],
504
+ exportAs: ["matMenu"]
505
+ },
506
+ {
507
+ kind: "directive",
508
+ type: i6.MatMenuContent,
509
+ selector: "ng-template[matMenuContent]"
510
+ },
511
+ {
512
+ kind: "directive",
513
+ type: i6.MatMenuTrigger,
514
+ selector: "[mat-menu-trigger-for], [matMenuTriggerFor]",
515
+ inputs: [
516
+ "mat-menu-trigger-for",
517
+ "matMenuTriggerFor",
518
+ "matMenuTriggerData",
519
+ "matMenuTriggerRestoreFocus"
520
+ ],
521
+ outputs: [
522
+ "menuOpened",
523
+ "onMenuOpen",
524
+ "menuClosed",
525
+ "onMenuClose"
526
+ ],
527
+ exportAs: ["matMenuTrigger"]
528
+ },
529
+ {
530
+ kind: "ngmodule",
531
+ type: MatBadgeModule
532
+ },
533
+ {
534
+ kind: "directive",
535
+ type: i7.MatBadge,
536
+ selector: "[matBadge]",
537
+ inputs: [
538
+ "matBadgeColor",
539
+ "matBadgeOverlap",
540
+ "matBadgeDisabled",
541
+ "matBadgePosition",
542
+ "matBadge",
543
+ "matBadgeDescription",
544
+ "matBadgeSize",
545
+ "matBadgeHidden"
546
+ ]
547
+ },
548
+ {
549
+ kind: "ngmodule",
550
+ type: MatPaginatorModule
551
+ },
552
+ {
553
+ kind: "component",
554
+ type: i8.MatPaginator,
555
+ selector: "mat-paginator",
556
+ inputs: [
557
+ "color",
558
+ "pageIndex",
559
+ "length",
560
+ "pageSize",
561
+ "pageSizeOptions",
562
+ "hidePageSize",
563
+ "showFirstLastButtons",
564
+ "selectConfig",
565
+ "disabled"
566
+ ],
567
+ outputs: ["page"],
568
+ exportAs: ["matPaginator"]
569
+ },
570
+ {
571
+ kind: "directive",
572
+ type: MatDialogContent,
573
+ selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]"
574
+ },
575
+ {
576
+ kind: "ngmodule",
577
+ type: MatSidenavModule
578
+ },
579
+ {
580
+ kind: "component",
581
+ type: i9.MatDrawer,
582
+ selector: "mat-drawer",
583
+ inputs: [
584
+ "position",
585
+ "mode",
586
+ "disableClose",
587
+ "autoFocus",
588
+ "opened"
589
+ ],
590
+ outputs: [
591
+ "openedChange",
592
+ "opened",
593
+ "openedStart",
594
+ "closed",
595
+ "closedStart",
596
+ "positionChanged"
597
+ ],
598
+ exportAs: ["matDrawer"]
599
+ },
600
+ {
601
+ kind: "component",
602
+ type: i9.MatDrawerContainer,
603
+ selector: "mat-drawer-container",
604
+ inputs: ["autosize", "hasBackdrop"],
605
+ outputs: ["backdropClick"],
606
+ exportAs: ["matDrawerContainer"]
607
+ },
608
+ {
609
+ kind: "ngmodule",
610
+ type: MatProgressBarModule
611
+ },
612
+ {
613
+ kind: "component",
614
+ type: i10.MatProgressBar,
615
+ selector: "mat-progress-bar",
616
+ inputs: [
617
+ "color",
618
+ "value",
619
+ "bufferValue",
620
+ "mode"
621
+ ],
622
+ outputs: ["animationEnd"],
623
+ exportAs: ["matProgressBar"]
624
+ },
625
+ {
626
+ kind: "component",
627
+ type: ClipperDocumentMenuComponent,
628
+ selector: "clipper-document-menu",
629
+ inputs: [
630
+ "useSelections",
631
+ "selectionSource",
632
+ "parent",
633
+ "item",
634
+ "isReference",
635
+ "isReadable",
636
+ "isReadableModel",
637
+ "isLawInForce",
638
+ "canPrint",
639
+ "canFind",
640
+ "canUseAIAssistant",
641
+ "canUseRS",
642
+ "canOpenDocument"
643
+ ]
644
+ },
645
+ {
646
+ kind: "component",
647
+ type: ClipperSearchFacetsComponent,
648
+ selector: "clipper-search-facets",
649
+ inputs: ["handleTooManyResults"],
650
+ outputs: ["changed"]
651
+ },
652
+ {
653
+ kind: "component",
654
+ type: ClipperSearchResultItemComponent,
655
+ selector: "clipper-search-result-item",
656
+ inputs: [
657
+ "parent",
658
+ "item",
659
+ "actions",
660
+ "tileNoPictureUrl",
661
+ "tilePictureUrl",
662
+ "isSelectable",
663
+ "isReadable",
664
+ "isReadableModel",
665
+ "displayModifiedTitle",
666
+ "displayModelName",
667
+ "displayDate",
668
+ "displayMode"
669
+ ],
670
+ outputs: ["itemChange"]
671
+ }
672
+ ],
673
+ changeDetection: i0.ChangeDetectionStrategy.OnPush
674
+ });
675
+ }
676
+ };
677
+ i0.ɵɵngDeclareClassMetadata({
678
+ minVersion: "12.0.0",
679
+ version: "22.2.1",
680
+ ngImport: i0,
681
+ type: ClipperReferencesComponent,
682
+ decorators: [{
683
+ type: Component,
684
+ args: [{
685
+ host: { "Bind": SystemUtils.generateUUID() },
686
+ standalone: true,
687
+ changeDetection: ChangeDetectionStrategy.OnPush,
688
+ imports: [
689
+ FlexLayoutModule,
690
+ MatDialogTitle,
691
+ MatButtonModule,
692
+ MatTooltipModule,
693
+ MatIconModule,
694
+ MatCheckboxModule,
695
+ MatSlideToggleModule,
696
+ MatMenuModule,
697
+ MatBadgeModule,
698
+ MatPaginatorModule,
699
+ MatDialogContent,
700
+ MatSidenavModule,
701
+ MatProgressBarModule,
702
+ ClipperDocumentMenuComponent,
703
+ ClipperSearchFacetsComponent,
704
+ ClipperSearchResultItemComponent
705
+ ],
706
+ template: "<div class=\"clipper-references-fixed\">\n <div class=\"dialog-header\">\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap='10px' fxFill>\n <div fxFlex=\"*\">\n <div mat-dialog-title>{{title}} </div>\n </div>\n <div fxLayoutAlign=\"end\">\n <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Chiudi\" aria-label=\"Chiudi\"\n (click)=\"close()\" class=\"dialog-close\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n </div>\n @if (dialogData.mode > 0 || selection?.hasValue() || (snapshot && snapshot.facets?.hasFacets && filterPane &&\n (!filterPane.opened || filterPaneClosed()))) {\n <div class=\"dialog-toolbar\">\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFill>\n <div fxFlex=\"*\">\n @if (dialogData.mode === 1) {\n <mat-slide-toggle [checked]=\"filterParams.excludeTextReferences === true\"\n (change)=\"filterParams.excludeTextReferences = $event.checked; fetch(true)\">\n &nbsp; Mostra solo se citati nelle note\n </mat-slide-toggle>\n } @else if (dialogData.mode == 2) {\n <mat-slide-toggle [checked]=\"filterParams.excludeNotesReferences === true\"\n (change)=\"filterParams.excludeNotesReferences = $event.checked; fetch(true)\">\n &nbsp; Mostra solo se citano nel testo il documento\n </mat-slide-toggle>\n }\n </div>\n <div fxLayoutAlign=\"end\">\n @if (selection?.hasValue()) {\n <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button\n matTooltip=\"Azioni da eseguire sugli elementi selezionati\"\n [attr.aria-label]=\"'Menu opzioni per elementi selezionati'\" [matMenuTriggerFor]=\"menuSelections\"\n [disabled]=\"!snapshot.total\" [matBadge]=\"selection?.all?.length\">\n <mat-icon>checklist</mat-icon>\n </button>\n }\n <mat-menu #menuSelections=\"matMenu\">\n <clipper-document-menu [parent]=\"this\" selectionSource=\"selection\" [useSelections]=\"true\"\n [isReadable]=\"false\" [isReference]=\"true\" [canUseAIAssistant]=\"user?.hasAIAssistant ?? false\">\n </clipper-document-menu>\n </mat-menu>\n @if (snapshot && snapshot.facets?.hasFacets && filterPane && (!filterPane.opened || filterPaneClosed())) {\n <div fxFlexAlign=\"center\">\n <button type=\"button\" mat-icon-button matTooltip=\"Affina ricerca\" aria-label=\"'Affina ricerca'\"\n (click)=\"toggleFilterPane()\">\n <mat-icon>right_panel_open</mat-icon>\n </button>\n </div>\n }\n </div>\n </div>\n </div>\n }\n </div>\n</div>\n<mat-dialog-content id=\"clipper-references-scrollable\">\n <mat-drawer-container class=\"fill\" [hasBackdrop]=\"filterPaneHasBackdrop()\">\n <mat-drawer #filterPane position=\"end\" class=\"drawer-small drawer-with-loader\" opened=\"false\">\n @if (filterBusy()) {\n <div class=\"overlay\"></div>\n }\n <div fxLayout=\"column\" fxFill>\n <div fxFlex=\"6px\">\n @if (filterBusy()) {\n <mat-progress-bar style=\"z-index: 11;\" mode=\"indeterminate\">\n </mat-progress-bar>\n }\n </div>\n <div fxFlex=\"78px\" class=\"title-container-with-loader\">\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFill>\n <div class=\"title\">Affina ricerca</div>\n <div fxFlex=\"*\" fxLayoutAlign=\"end\">\n <button mat-icon-button (click)=\"toggleFilterPane()\"\n matTooltip=\"Nascondi\"><mat-icon>right_panel_close</mat-icon></button>\n </div>\n </div>\n </div>\n <div fxFlex=\"*\" class=\"scroll-hidden\" style=\"padding: 0 5px;\">\n <clipper-search-facets #facets [handleTooManyResults]=\"dialogData.canHandleTooManyResults\" ></clipper-search-facets>\n </div>\n </div>\n </mat-drawer>\n <div fxLayout=\"column\" fxFill>\n <div fxFlex=\"*\" [id]=\"scrollerId\" class=\"scroll-auto\" style=\"padding: 0 5px;\">\n @if (!snapshot.total) {\n <div class=\"message-container\">\n <p class=\"message\"><b>Nessun elemento da visualizzare.</b></p>\n </div>\n } @else {\n <div>\n @for (item of snapshot.items; track $index; let i = $index) {\n @if (item.group) {\n <div class=\"items-group-title\">\n <div [class.group-spaced]=\"i > 0\">{{item.group}}</div>\n </div>\n }\n <clipper-search-result-item [item]=\"item\" [parent]=\"this\" [isReadable]=\"false\"\n [actions]=\"contextMenu\"></clipper-search-result-item>\n }\n <mat-menu #contextMenu=\"matMenu\" (closed)=\"updateMenuButtonsVisibility()\">\n <ng-template matMenuContent let-item=\"item\">\n <clipper-document-menu [parent]=\"this\" [item]=\"item\" [isReadable]=\"false\" [isReference]=\"true\"\n [canUseAIAssistant]=\"user?.hasAIAssistant ?? false\">\n </clipper-document-menu>\n </ng-template>\n </mat-menu>\n </div>\n }\n </div>\n <!-- footer -->\n @if ((snapshot?.total ?? 0) > 0) {\n <div class=\"items-footer\">\n <div fxLayout=\"row wrap\" fxLayoutGap=\"10px\" fxLayoutAlign=\"space-between center\" fxFill>\n <!-- legend -->\n <div fxFlex.lt-md=\"100\" class=\"legend-container\">\n <div class=\"legend expired-bg \"></div>\n non più vigente\n </div>\n <div fxFlex.lt-md=\"100\" fxLayoutAlign=\"end\" [class.wide]=\"filterPane?.opened\">\n <div fxLayout=\"row\">\n <mat-paginator fxFlexAlign=\"center\" #paginator class=\"paginator\" [hidePageSize]=\"true\"\n [length]=\"snapshot?.total ?? 0\" [pageSize]=\"filterParams.count ?? 15\" [showFirstLastButtons]=\"true\"\n (page)=\"fetchMore($event)\">\n </mat-paginator>\n </div>\n </div>\n </div>\n </div>\n }\n </div>\n </mat-drawer-container>\n</mat-dialog-content>",
707
+ styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.clipper-selection-icon-button{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-color-primary-hi, #12c0ae)}.unread{color:var(--app-color-unread, #f7931c)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.expired{color:var(--app-color-expired, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-expiring, #FFC107)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.closed-bg{background-color:var(--app-color-closed, #388E3C)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.popular-bg{background-color:var(--app-color-closed, #388E3C)!important}.very-popular-bg{background-color:#4caf50}.item-selected{background-color:var(--ars-item-selected-background-color, #ced1d2);border-radius:0!important}.item-unread{font-weight:bolder}.items-group-title{color:var(--ars-color-secondary, #4a635f);font-size:large;font-weight:700;padding-left:25px;padding-bottom:10px;padding-top:10px}.items-group-title .group-spaced{padding:10px 0 0!important}.items-footer{padding:10px}.item{border-radius:12px;padding:10px 10px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}@media screen and (min-width:0px)and (max-width:430px){.item:hover{background-color:var(--ars-item-hover-background-color)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 55%,transparent 100%);mask-image:linear-gradient(to right,black 55%,transparent 100%)}}.item-content .item-info-1,.item-content .info-1{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent, #7894ae)}.item-content .item-info-2,.item-content .info-2{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent-low, #456179)}.item-content .item-info-3,.item-content .info-3{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-error, #ff5449)}.item-content .item-title,.item-content .title{font-size:small!important;line-height:18px;text-decoration:none!important;font-weight:400;min-height:unset;min-width:unset;white-space:initial!important}@supports (-webkit-line-clamp: 3){.item-content .item-title,.item-content .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.item-content .details{margin-top:4px;font-size:x-small!important;font-weight:700;line-height:15px;color:var(--ars-color-accent-low, #456179);text-transform:uppercase!important;border-left:4px solid var(--ars-color-accent-low, #456179);padding-left:10px}.item-content .details .links{text-transform:none;text-decoration:none}.item-content .details .links a,.item-content .details .links span,.item-content .details .links div{margin-right:8px;font-weight:500!important;font-size:11px!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-size:11px!important;font-weight:500!important}.item-content a.link{color:var(--ars-color-link, #03A9F4);cursor:pointer!important;text-decoration:none!important}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer!important;padding:10px 13px!important;margin-bottom:20px!important}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--app-color-unread, #f7931c);margin:0 8px}.tile .tile-image,.tile .image{height:125px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .tile-image img,.tile .image img{object-fit:cover;width:100%;height:100%}.tile .tile-image .tile-info-1,.tile .tile-image .info-1,.tile .image .tile-info-1,.tile .image .info-1{position:absolute;left:0;bottom:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-text, #191c1b);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .tile-info-2,.tile .tile-image .info-2,.tile .image .tile-info-2,.tile .image .info-2{position:absolute;right:0;top:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-accent, #7894ae);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .buttons,.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .tile-image .buttons .check,.tile .tile-image .buttons .read-button,.tile .image .buttons .check,.tile .image .buttons .read-button{background-color:var(--ars-color-primary, #00a293)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .unread-button,.tile .image .buttons .unread-button{background-color:var(--app-color-unread, #f7931c)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .check-selected,.tile .image .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)!important}.tile .tile-date,.tile .date{padding:8px 0 6px!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-date .date-day,.tile .date .date-day{color:var(--ars-color-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .tile-time,.tile .time{font-size:small!important;font-weight:700!important}.tile .tile-title,.tile .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-height:50px!important;max-height:70px!important;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.tile .tile-title,.tile .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.stripe:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.stripe{cursor:pointer!important;padding:5px 10px!important;margin-bottom:10px!important}.stripe .body{padding:5px 15px!important}.stripe .image-mark{min-height:100%!important;border-left:6px solid transparent;margin:8px 0}.stripe .image-mark-unread{min-height:100%!important;border-left-color:var(--ars-color-error, #ff5449)!important;margin:8px 0}.stripe .stripe-image,.stripe .image{width:150px!important;height:70px!important;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.stripe .stripe-image img,.stripe .image img{object-fit:cover;width:100%;height:100%}.stripe .stripe-info-1,.stripe .info-1{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-text, #191c1b)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-info-2,.stripe .info-2{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-accent, #7894ae)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .buttons{position:absolute;left:0;top:0;height:42px}.stripe .buttons .check,.stripe .buttons .read{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.stripe .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)}.stripe .stripe-date,.stripe .date{padding:0!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-date .date-day,.stripe .date .date-day{color:var(--ars-color-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.stripe .stripe-time,.stripe .time{font-size:small!important;font-weight:700!important}.stripe .stripe-title,.stripe .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.stripe .stripe-title,.stripe .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:#427505;text-transform:uppercase;white-space:nowrap;color:#e0e2e5}.badge-red{background-color:#a80710}.busy-backdrop{background-color:#0000006b!important}.legend-container{display:flex;flex-direction:row;align-items:center;font-size:x-small;text-transform:uppercase;font-weight:500;margin-left:10px}.legend-container .legend{display:inline-block;height:8px;width:8px;margin-right:4px}.legend-container .legend:not(:first-of-type){margin-left:10px}@media screen and (max-width:431px){.legend-container{font-size:9px!important}}.special-date,.special-date-expired,.special-date-expiring{border:2px var(--ars-color-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-color-error, #ff5449) solid!important}.special-date-expiring{border:2px var(--ars-color-warning, #FFC107) solid!important}.word-hit-chunk,.word-hit{display:inline-block;font-size:inherit;background-color:var(--ars-word-hit-background-color, #FFEB3B);color:var(--ars-word-hit-color, #191c1b);padding:0 4px;margin:0 4px;border-radius:4px}.word-hit-chunk{background-color:var(--ars-word-chunk-hit-background-color, #8AFF59);color:var(--ars-word-hit-chunk-color, #191c1b)}.message-container{font-size:large;display:flex;justify-content:center;align-items:center;height:50%}.message-container .message{color:var(--ars-color-secondary, #4a635f);text-align:center;padding:40px}.mat-mdc-dialog-content{max-height:unset!important;padding:0!important}\n"]
708
+ }]
709
+ }],
710
+ ctorParameters: () => [],
711
+ propDecorators: { filterPane: [{
712
+ type: i0.ViewChild,
713
+ args: ["filterPane", { isSignal: true }]
714
+ }] }
715
+ });
716
+ export { ClipperReferencesComponent };
717
+
718
+ //# sourceMappingURL=arsedizioni-ars-utils-clipper.ui-references.component-C21l0EtN.mjs.map