@arsedizioni/ars-utils 22.6.89 → 22.6.91

package/fesm2022/arsedizioni-ars-utils-clipper.ui-document.component-BjMnaZGf.mjs

@@ -0,0 +1,942 @@
+import { ClipperDocumentIndexComponent, ClipperDocumentManager, ClipperDocumentMenuComponent, ClipperDocumentViewerService } from "./arsedizioni-ars-utils-clipper.ui.mjs";
+import { BreakpointObserver, Breakpoints } from "@angular/cdk/layout";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, Renderer2, afterNextRender, effect, inject, output, signal, viewChild } from "@angular/core";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import * as i2 from "@angular/material/button";
+import { MatButtonModule } from "@angular/material/button";
+import { MatDividerModule } from "@angular/material/divider";
+import * as i4 from "@angular/material/icon";
+import { MatIconModule } from "@angular/material/icon";
+import * as i5 from "@angular/material/menu";
+import { MatMenuModule } from "@angular/material/menu";
+import * as i6 from "@angular/material/progress-bar";
+import { MatProgressBarModule } from "@angular/material/progress-bar";
+import * as i7 from "@angular/material/sidenav";
+import { MatSidenavModule } from "@angular/material/sidenav";
+import * as i3 from "@angular/material/tooltip";
+import { MatTooltipModule } from "@angular/material/tooltip";
+import { ClipperMessages, ClipperModel, ClipperQueryReferencesMode, ClipperSearchParams, ClipperSearchUtils, ClipperUtils } from "@arsedizioni/ars-utils/clipper.common";
+import { SystemUtils } from "@arsedizioni/ars-utils/core";
+import * as i1 from "@arsedizioni/ars-utils/ui";
+import { FlexLayoutModule } from "@arsedizioni/ars-utils/ui";
+import { MAT_DIALOG_DATA, MatDialogContent, MatDialogRef } from "@angular/material/dialog";
+import { Router } from "@angular/router";
+import { ShellService } from "@arsedizioni/ars-utils/ui.shell";
+import { FilePreviewComponent } from "@arsedizioni/ars-utils/ui.files";
+var ClipperDocumentComponent = class ClipperDocumentComponent extends ClipperDocumentManager {
+	constructor() {
+		super();
+		this.relevantsPane = viewChild("relevantsPane", ...ngDevMode ? [{ debugName: "relevantsPane" }] : /* istanbul ignore next */ []);
+		this.iframeRef = viewChild("docIframe", ...ngDevMode ? [{ debugName: "iframeRef" }] : /* istanbul ignore next */ []);
+		this.pendingUrl = null;
+		this.closing = output();
+		this.opening = output();
+		this.destroyRef = inject(DestroyRef);
+		this.documentUtils = inject(ClipperDocumentViewerService);
+		this.breakpointObserver = inject(BreakpointObserver);
+		this.renderer = inject(Renderer2);
+		this.router = inject(Router);
+		this.shellService = inject(ShellService);
+		this.dialogRef = inject(MatDialogRef);
+		this.dialogData = inject(MAT_DIALOG_DATA) ?? { mode: ClipperQueryReferencesMode.ReferencesIn };
+		this.url = signal(null, ...ngDevMode ? [{ debugName: "url" }] : /* istanbul ignore next */ []);
+		this.title = signal(null, ...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
+		this.busy = signal(false, ...ngDevMode ? [{ debugName: "busy" }] : /* istanbul ignore next */ []);
+		this.lastQueryChunks = "";
+		this.lastQueryType = "fulltext";
+		this.lastDocument = signal(void 0, ...ngDevMode ? [{ debugName: "lastDocument" }] : /* istanbul ignore next */ []);
+		this.relevants = signal({
+			items: [],
+			hits: 0,
+			hit: 0,
+			chunks: 0
+		}, ...ngDevMode ? [{ debugName: "relevants" }] : /* istanbul ignore next */ []);
+		this.relevantsPaneHasBackdrop = signal(false, ...ngDevMode ? [{ debugName: "relevantsPaneHasBackdrop" }] : /* istanbul ignore next */ []);
+		this.relevantsPaneClosed = signal(false, ...ngDevMode ? [{ debugName: "relevantsPaneClosed" }] : /* istanbul ignore next */ []);
+		this.relevantsBusy = signal(false, ...ngDevMode ? [{ debugName: "relevantsBusy" }] : /* istanbul ignore next */ []);
+		this.hasRelevants = signal(false, ...ngDevMode ? [{ debugName: "hasRelevants" }] : /* istanbul ignore next */ []);
+		this.user = this.clipperService.user;
+		effect(() => {
+			const ref = this.iframeRef();
+			if (ref && this.pendingUrl !== null) {
+				const u = this.pendingUrl;
+				this.pendingUrl = null;
+				this.setIframeSrc(ref.nativeElement, u);
+			}
+		});
+		if (this.dialogData?.id) {
+			let id = this.dialogData.id.toString();
+			const hashPos = id.indexOf("#");
+			if (hashPos !== -1) id = id.substring(0, hashPos);
+			let query = this.dialogData.query ?? "";
+			if (this.dialogData.queryChunks && this.dialogData.queryChunks.length > 0) query += "__CHUNKS__" + id + ":" + this.dialogData.queryChunks;
+			const url = this.clipperService.serviceUri + "/documents/render/?query=" + query + "&theme=" + this.dialogData.theme + "&id=" + this.dialogData.id;
+			this.navigateByUrl(url);
+		}
+		this.rendererListener1 = this.renderer.listen("window", "message", (e) => {
+			const event = e;
+			if (!event?.data) return;
+			try {
+				const data = JSON.parse(event.data);
+				if (!data) return;
+				switch (data.type) {
+					case "navigated":
+						this.navigated(data.id, data.title1, data.title2, data.tags, data.model, data.module, data.moduleName, data.date, data.number, data.author, data.origin, data.originDescription, data.bag, data.validityInfo, data.expiringInfo, data.primaryId, data.primaryModel, data.secondaryId, data.isTrial);
+						break;
+					case "navigate":
+						this.navigate(data.url);
+						break;
+					case "references":
+						this.openReferences(data.id, data.mode, data.model, data.anchor, data.anchorTitle, data.update);
+						break;
+					case "hits":
+						this.relevants.update((r) => ({
+							...r,
+							hits: data.total
+						}));
+						if (data.update) this.updateRelevants();
+						break;
+					case "hits2":
+						this.relevants.update((r) => ({
+							...r,
+							chunks: data.total
+						}));
+						this.updateRelevants2(data.items);
+				}
+			} catch {}
+		});
+		this.destroyRef.onDestroy(() => this.rendererListener1?.());
+		afterNextRender(() => {
+			this.breakpointObserver.observe([
+				Breakpoints.XSmall,
+				Breakpoints.Small,
+				Breakpoints.Medium,
+				Breakpoints.Large,
+				Breakpoints.XLarge
+			]).pipe(takeUntilDestroyed(this.destroyRef)).subscribe((result) => {
+				for (const query of Object.keys(result.breakpoints)) if (result.breakpoints[query]) this.handleRelevantsPaneVisibility();
+			});
+		});
+	}
+	toggleRelevantsPane() {
+		this.relevantsPaneClosed.set(!this.relevantsPaneClosed());
+		this.relevantsPane()?.toggle();
+	}
+	handleRelevantsPaneVisibility() {
+		const relevantsPane = this.relevantsPane();
+		if (!relevantsPane) return;
+		if (this.breakpointObserver.isMatched(Breakpoints.XSmall) || this.breakpointObserver.isMatched(Breakpoints.Small) || this.breakpointObserver.isMatched(Breakpoints.Medium)) {
+			if (relevantsPane.opened) relevantsPane.close();
+			relevantsPane.mode = "over";
+			relevantsPane.disableClose = false;
+			this.relevantsPaneHasBackdrop.set(true);
+		} else {
+			if (!relevantsPane.opened && !this.relevantsPaneClosed() && this.hasRelevants()) relevantsPane.open();
+			else if (relevantsPane.opened && this.relevantsPaneClosed()) relevantsPane.close();
+			relevantsPane.mode = "side";
+			relevantsPane.disableClose = true;
+			this.relevantsPaneHasBackdrop.set(false);
+		}
+	}
+	close() {
+		this.closing.emit();
+		setTimeout(() => this.dialogRef.close(), 500);
+	}
+	navigate(id) {
+		if (!id || id.length === 0) return;
+		if (id.indexOf("?") !== -1) {
+			if (id.startsWith("/api")) this.navigateByUrl(this.clipperService.serviceUri + id.substring(4));
+			else if (!id.startsWith(this.clipperService.serviceUri)) this.navigateByUrl(this.clipperService.serviceUri + id);
+			else this.navigateByUrl(id);
+		} else this.navigateByUrl(this.clipperService.serviceUri + "/documents/render/?query=&id=" + id);
+	}
+	navigateByUrl(url) {
+		if (!url || url.length === 0 || url === "about:blank") return;
+		const urlParts = url.split("#");
+		url = urlParts[0];
+		if (urlParts.length > 1) url += "#" + urlParts[1];
+		let query = "";
+		let p = url.indexOf("query=");
+		if (p !== -1) {
+			p += 6;
+			while (url.length > p && url[p] !== "&" && url[p] !== "#") query += url[p++];
+			if (query.length > 0) {
+				if (query[0] === "$") {
+					query = query.substring(1);
+					this.lastQueryType = "semantic";
+				}
+				this.relevants.update((r) => ({
+					...r,
+					hit: 0
+				}));
+				try {
+					query = decodeURIComponent(encodeURIComponent(query));
+				} catch {}
+				let id = "";
+				p = url.indexOf("id=");
+				while (url.length > p && url[p] !== "&" && url[p] !== "#") id += url[p++];
+				const queryParts = query.split("__CHUNKS__");
+				if (queryParts.length > 0) {
+					this.lastQuery = ClipperSearchUtils.normalizeTextQuery2(queryParts[0]);
+					if (queryParts.length > 1) {
+						const queryChunksParts = queryParts[1].split(":");
+						if (queryChunksParts.length > 2 && queryChunksParts[0] === id) this.lastQueryChunks = queryChunksParts[1];
+					}
+				}
+			}
+		}
+		if (url.indexOf("theme=") === -1) {
+			p = url.indexOf("id=");
+			if (p !== -1) url = url.substring(0, p) + "theme=" + this.dialogData.theme + "&" + url.substring(p);
+		}
+		if (url.indexOf("&file=true") !== -1) this.previewFile(url);
+		else this.clipperService.documents.preRender().subscribe(() => {
+			this.busy.set(url.indexOf("documents/render/item") === -1);
+			this.url.set(url);
+			this.applyIframeUrl(url);
+		});
+	}
+	applyIframeUrl(url) {
+		const ref = this.iframeRef();
+		if (ref) this.setIframeSrc(ref.nativeElement, url);
+		else this.pendingUrl = url;
+	}
+	setIframeSrc(el, url) {
+		try {
+			el.contentWindow?.location.assign(url);
+		} catch {
+			el.src = url;
+		}
+	}
+	navigated(id, title1, title2, tags, model, moduleId, moduleName, date, number, author, origin, originDescription, bag, validityInfo, expiringInfo, primaryId, primaryModel, secondaryId, isTrial) {
+		if (title1 === "Sessione non valida") {
+			this.shellService.error(title2, null, title1, "Accedi di nuovo").afterClosed().subscribe(() => this.router.navigate(["login"]));
+			return;
+		}
+		let primaryDescription;
+		if (primaryId) switch (primaryModel ?? model) {
+			case ClipperModel.NormativaVigente:
+				primaryDescription = "Testo vigente";
+				break;
+			case ClipperModel.AggiornamentoNormativo:
+				primaryDescription = "Testo storico";
+				break;
+			case ClipperModel.Scadenze:
+				primaryDescription = "Scadenza";
+				break;
+			case ClipperModel.Coordinamento:
+				primaryDescription = "Modifica";
+				break;
+			default: primaryDescription = "Collegamento";
+		}
+		let expiringDate;
+		let expiringInfoText;
+		let expiringDescription;
+		if (expiringInfo) {
+			const expiringParts = expiringInfo.split("#");
+			if (expiringParts.length > 0) {
+				const dateParts = expiringParts[0].split("|");
+				if (dateParts.length > 0) expiringDate = new Date(dateParts[0]);
+				if (dateParts.length > 1) expiringInfoText = dateParts[1];
+				if (dateParts.length > 2) expiringInfoText += "|" + dateParts[2];
+			}
+			if (expiringParts.length > 1) expiringDescription = expiringParts[1];
+		}
+		const updatedDoc = {
+			...this.lastDocument() ?? {},
+			id,
+			documentId: id,
+			title1: title1 ? SystemUtils.urlDecode(title1).replaceAll("\\\"", "\"") : void 0,
+			title2: title2 ? SystemUtils.urlDecode(title2).replaceAll("\\\"", "\"") : void 0,
+			tags,
+			model,
+			module: moduleId,
+			moduleName,
+			date: new Date(date),
+			number,
+			author,
+			origin,
+			originDescription,
+			bag,
+			validityInfo,
+			primaryId,
+			primaryModel,
+			hasPrimary: !!primaryId && (model === ClipperModel.AggiornamentoNormativo || model === ClipperModel.NormativaVigente),
+			primaryDescription,
+			secondaryId,
+			isTrial,
+			expiringDate,
+			expiringInfo: expiringInfoText,
+			expiringDescription
+		};
+		this.lastDocument.set(updatedDoc);
+		this.title.set(updatedDoc.title1 ?? updatedDoc.title2 ?? null);
+		this.busy.set(false);
+		this.broadcastService.sendMessage(ClipperMessages.DOCUMENT_NAVIGATED, { document: SystemUtils.clone(updatedDoc) });
+		this.clipperService.documents.metadata(id).subscribe((r) => {
+			if (r.success) this.lastDocument.update((doc) => doc ? {
+				...doc,
+				lastUpdate: r.value.item1
+			} : doc);
+		});
+	}
+	back() {
+		document.getElementById("clipper-document-iframe")?.contentWindow.postMessage("{\"type\": \"back\"}", "*");
+	}
+	forward() {
+		document.getElementById("clipper-document-iframe")?.contentWindow.postMessage("{\"type\": \"forward\"}", "*");
+	}
+	nextRelevant() {
+		const current = this.relevants();
+		let i = current.hit + 1;
+		if (i > current.hits) i = 0;
+		document.getElementById("clipper-document-iframe")?.contentWindow.postMessage("{\"type\": \"relevant\", \"value\": \"next\"}", "*");
+		this.relevants.update((r) => ({
+			...r,
+			hit: i
+		}));
+	}
+	previousRelevant() {
+		const current = this.relevants();
+		let i = current.hit - 1;
+		if (i < 0) i = current.hits;
+		document.getElementById("clipper-document-iframe")?.contentWindow.postMessage("{\"type\": \"relevant\", \"value\": \"previous\"}", "*");
+		this.relevants.update((r) => ({
+			...r,
+			hit: i
+		}));
+	}
+	gotoRelevant(item) {
+		if (item.type === 20) window.open(this.clipperService.serviceUri + "/documents/render/item/?theme=" + this.dialogData.theme + "&id=" + item.documentId, "_blank");
+		else document.getElementById("clipper-document-iframe")?.contentWindow.postMessage("{\"type\": \"relevant\", \"value\": \"" + item.uri + "\"}", "*");
+	}
+	updateRelevants() {
+		const query = this.lastQuery;
+		if (!query || query.length === 0 || query === " ") {
+			this.handleRelevantsPaneVisibility();
+			return;
+		}
+		const doc = this.lastDocument();
+		const docId = doc?.documentId ?? doc?.id;
+		if (!docId) return;
+		const params = new ClipperSearchParams();
+		params.id = docId;
+		params.text = query;
+		params.count = 1;
+		this.clipperService.documents.query(params).subscribe((r) => {
+			if (!r.success) this.dialogService.error(r.message);
+			else if (r.value?.items && r.value.items.length > 0) {
+				const anchors = r.value.items[0].anchors;
+				let minScore = 10;
+				let maxScore = 0;
+				anchors.forEach((n) => {
+					if (n.score < minScore) minScore = n.score;
+					if (n.score > maxScore) maxScore = n.score;
+				});
+				const range = maxScore - minScore;
+				anchors.forEach((n) => {
+					const score = range > 0 ? (n.score - minScore) / range : 0;
+					n.score = score;
+					n.veryRelevant = score > .7;
+				});
+				this.relevants.update((r) => ({
+					...r,
+					items: anchors
+				}));
+				this.hasRelevants.set(anchors.length > 0);
+			}
+			this.handleRelevantsPaneVisibility();
+		});
+	}
+	updateRelevants2(anchors) {
+		if (!anchors?.length) return;
+		const items = anchors.map((a) => ({
+			score: ClipperSearchUtils.getRankFromChar(a.score),
+			veryRelevant: a.score.toUpperCase() === "A",
+			title: a.text,
+			uri: a.uri ?? "__CHUNK_" + a.index
+		}));
+		this.relevants.update((r) => ({
+			...r,
+			items
+		}));
+		this.hasRelevants.set(items.length > 0);
+		this.handleRelevantsPaneVisibility();
+	}
+	index(documentId) {
+		const d = this.dialogService.open(ClipperDocumentIndexComponent, {
+			ariaLabel: "indice documento",
+			autoFocus: "dialog",
+			restoreFocus: false,
+			disableClose: true,
+			closeOnNavigation: false,
+			data: {
+				documentId,
+				excludedTypes: null,
+				multiple: false
+			},
+			minWidth: "375px",
+			maxWidth: "600px",
+			width: "100%"
+		});
+		d.componentInstance.done.subscribe((r) => {
+			const item = r.data.length > 0 ? r.data[0] : null;
+			if (item) {
+				if (item.documentId === documentId) document.getElementById("clipper-document-iframe")?.contentWindow.postMessage("{\"type\": \"goto\", \"value\":\"" + item.uri + "\"}", "*");
+				else this.openDocument(item.documentId + "#" + item.uri);
+			}
+			d.close();
+		});
+	}
+	getId(url, name = "id") {
+		const start = url.lastIndexOf(name + "=") + name.length + 1;
+		const end = url.indexOf("&", start);
+		return url.substring(start, end);
+	}
+	previewFile(url) {
+		if (!url || url.length === 0) return;
+		const id = this.getId(url);
+		if (!id || id.length === 0) return;
+		this.clipperService.session.newOTP(id).subscribe((r) => {
+			if (!r.success) this.dialogService.error(r.message);
+			else if (!r.value.canPreview) location.href = url;
+			else this.dialogService.open(FilePreviewComponent, {
+				panelClass: "preview-panel",
+				ariaLabel: "anteprima",
+				autoFocus: "dialog",
+				restoreFocus: false,
+				disableClose: true,
+				data: {
+					url,
+					embed: r.value.canEmbed
+				},
+				minWidth: "375px",
+				maxWidth: "900px",
+				width: "100%",
+				height: "100%"
+			});
+		});
+	}
+	showComment() {
+		const doc = this.lastDocument();
+		if (doc?.bag?.[7] !== "T") return;
+		this.clipperService.documents.comment(doc.documentId).subscribe((r) => {
+			if (!r.success) {
+				if (r.message === "Il tuo abbonamento non consente di visualizzare i commenti alle norme.") this.dialogService.error("Il servizio di <b>commenti alle norme</b> non è compreso nel tuo abbonamento, per maggiori informazioni rivolgersi all'agente commerciale di riferimento o inviare una mail a <a href='mailto:sales@arsedizioni.it' target='_blank'>sales@arsedizioni.it</a>.", null, "Attenzione");
+				else this.dialogService.error(r.message);
+			} else if (r.value && r.value.length > 1) this.dialogService.info(r.value.replace(/<\/p><br>\r\n/g, "</p>\r\n"), "Commento", "Chiudi", 700);
+			else this.dialogService.info("Commento non più disponibile o in fase di revisione.");
+		});
+	}
+	open(documentId, query, queryChunks, newWindow) {
+		if (!newWindow) {
+			if (this.opening) this.opening.emit(documentId);
+			else this.openDocument(documentId, query, queryChunks);
+		} else window.open((this.clipperService.appUri ?? "") + "/documento/" + documentId, "_blank");
+	}
+	openDocument(documentId, query, queryChunks) {
+		if (!documentId) return;
+		this.documentUtils.openDocument(documentId, query, queryChunks, this.dialogData.selectionMode, this.dialogData.selectableModules, this.dialogData.theme, this.dialogData.canHandleTooManyResults);
+	}
+	openReferences(documentId, mode = ClipperQueryReferencesMode.ReferencesIn, model = null, anchor = null, anchorTitle = null, update = true) {
+		import("./arsedizioni-ars-utils-clipper.ui-references.component-C21l0EtN.mjs").then(({ ClipperReferencesComponent }) => {
+			this.dialogService.open(ClipperReferencesComponent, {
+				ariaLabel: "riferimenti legati al documento",
+				autoFocus: "dialog",
+				restoreFocus: false,
+				disableClose: true,
+				closeOnNavigation: false,
+				data: {
+					documentId: documentId ?? this.lastDocument()?.documentId,
+					mode,
+					model,
+					anchor,
+					anchorTitle,
+					update,
+					canHandleTooManyResults: this.dialogData.canHandleTooManyResults
+				},
+				minWidth: "375px",
+				maxWidth: "1200px",
+				width: "100%",
+				height: "100%"
+			}).afterClosed().subscribe((r) => {
+				if (r?.documentId) this.navigate(r.documentId);
+			});
+		});
+	}
+	displayReport(item) {
+		if (!item) return;
+		if (item.model != ClipperModel.NormativaVigente && item.model != ClipperModel.Scadenze) {
+			this.dialogService.info("Questa funzionalità non è disponibile per questo tipo di documento.");
+			return;
+		}
+		this.openReport(item.id, item.title1 ? item.title1 : item.title2);
+	}
+	canSelect() {
+		const doc = this.lastDocument();
+		const selectionMode = this.dialogData.selectionMode ?? 0;
+		const selectableModules = this.dialogData.selectableModules;
+		if (!doc || selectionMode === 0) return false;
+		if (!selectableModules?.length) return doc.model === ClipperModel.NormativaVigente || doc.model === ClipperModel.AggiornamentoNormativo;
+		return selectableModules.findIndex((x) => x === ClipperUtils.getClipperModuleFromModel(doc)) !== -1;
+	}
+	select() {
+		const doc = this.lastDocument();
+		if (doc) {
+			this.broadcastService.sendMessage(ClipperMessages.DOCUMENT_SELECTED_INNER, doc);
+			this.close();
+		}
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.1",
+			ngImport: i0,
+			type: ClipperDocumentComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.1",
+			type: ClipperDocumentComponent,
+			isStandalone: true,
+			selector: "ng-component",
+			outputs: {
+				closing: "closing",
+				opening: "opening"
+			},
+			host: { attributes: { "Bind": SystemUtils.generateUUID() } },
+			viewQueries: [{
+				propertyName: "relevantsPane",
+				first: true,
+				predicate: ["relevantsPane"],
+				descendants: true,
+				isSignal: true
+			}, {
+				propertyName: "iframeRef",
+				first: true,
+				predicate: ["docIframe"],
+				descendants: true,
+				isSignal: true
+			}],
+			usesInheritance: true,
+			ngImport: i0,
+			template: "<div class=\"clipper-document-fixed\">\r\n  <div style=\"height:6px\">\r\n    @if (busy()) {\r\n    <mat-progress-bar style=\"z-index:11\" mode=\"indeterminate\"></mat-progress-bar>\r\n    }\r\n  </div>\r\n  <div>\r\n    <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start start\" fxFill>\r\n      <div fxFlex=\"*\" class=\"title-container\">\r\n        <div class=\"title bold\">{{title()}}</div>\r\n        @if (lastDocument()?.tags) {\r\n        <div style=\"padding-top: 5px;\">\r\n          <div class=\"x-small bold uppercase\">\r\n            TAG: <span class=\"accent\">{{lastDocument()?.tags}}</span>\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (lastDocument()?.lastUpdate) {\r\n        <div style=\"padding-top: 5px;\">\r\n          <div class=\"x-small bold uppercase\">\r\n            AGGIORNATO A:\r\n            <span class=\"accent\">{{lastDocument()?.lastUpdate}}</span>\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (lastDocument()?.expiringDescription || lastDocument()?.validityInfo) {\r\n        <div style=\"padding-top: 5px;\">\r\n          @if (lastDocument()?.expiringDescription) {\r\n          <div class=\"x-small error bold uppercase\">\r\n            {{lastDocument()?.expiringDescription}}</div>\r\n          }\r\n          @if (lastDocument()?.validityInfo) {\r\n          <div class=\"x-small error bold uppercase\"><b>Attenzione!</b>\r\n            {{lastDocument()?.validityInfo}}</div>\r\n          }\r\n        </div>\r\n        }\r\n      </div>\r\n      @if (canSelect()) {\r\n      <div fxFlex=\"170px\" fxFlex.lt-md=\"58px\">\r\n        <button fxHide.lt-md fxFlexAlign=\"center\" type=\"button\" mat-flat-button (click)=\"select()\"\r\n          class=\"clipper-selection-button\" style=\"margin-top: 8px;\">\r\n          <span class=\"small\">Usa selezione</span>\r\n        </button>\r\n        <button fxHide.gt-sm fxFlexAlign=\"center\" type=\"button\" mat-icon-button (click)=\"select()\"\r\n          class=\"clipper-selection-icon-button\" matTooltip=\"Usa selezione\" aria-label=\"'Usa la selezione'\"\r\n          style=\"margin-top: 4px;\">\r\n          <mat-icon>check</mat-icon>\r\n        </button>\r\n      </div>\r\n      }\r\n      <div fxFlex=\"170px\" fxFlex.lt-md=\"48px\" fxLayoutAlign=\"end\">\r\n        <div class=\"dialog-close\">\r\n          <button fxHide.lt-md fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Indietro\"\r\n            aria-label=\"Indietro\" (click)=\"back()\">\r\n            <mat-icon>arrow_back</mat-icon>\r\n          </button>\r\n          <button fxHide.lt-md fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Avanti\" aria-label=\"Avanti\"\r\n            (click)=\"forward()\">\r\n            <mat-icon>arrow_forward</mat-icon>\r\n          </button>\r\n          <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Chiudi\" aria-label=\"Chiudi\"\r\n            (click)=\"close()\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div>\r\n    <div fxLayout=\"row wrap \" fxFill fxLayoutAlign=\"space-between center\" style=\"padding: 10px 10px 10px 15px;\">\r\n      <div fxFlex.xs=\"100\">\r\n        @if (lastDocument()?.model === 9) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra indice'\"\r\n          (click)=\"index(lastDocument()?.documentId)\">\r\n          Indice\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && (lastDocument()?.bag[1] ==='T' || lastDocument()?.bag[3] ==='T')) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button matTooltip=\"Collegamenti\"\r\n          [attr.aria-label]=\"'Collegamenti al documento'\" [matMenuTriggerFor]=\"menuLinks\">\r\n          Collegamenti\r\n        </button>\r\n        }\r\n        <mat-menu #menuLinks=\"matMenu\">\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[1] ==='T') {\r\n          <button mat-menu-item [attr.aria-label]=\"'Mostra documenti richiamati'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 1)\">\r\n            Documenti richiamati\r\n          </button>\r\n          }\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[3] ==='T') {\r\n          <button mat-menu-item [attr.aria-label]=\"'Mostra documenti che richiamano'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 2)\">\r\n            Documenti che richiamano\r\n          </button>\r\n          }\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[2] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra juris'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 4)\">\r\n            Juris\r\n          </button>\r\n          }\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[4] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra modifiche subite'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 3)\">\r\n            Modifiche subite\r\n          </button>\r\n          }\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[4] !=='T' && lastDocument()?.bag[6] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra modifiche apportate'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 5)\">\r\n            Modifiche apportate\r\n          </button>\r\n          }\r\n        </mat-menu>\r\n        @if (lastDocument()?.hasPrimary) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra documento primario'\"\r\n          (click)=\"navigate(lastDocument()?.primaryId)\">\r\n          {{lastDocument()?.primaryDescription}}\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && lastDocument()?.bag[2] ==='T') {\r\n        <button fxFlexAlign=\"center\" type=\"button\" fxHide.lt-md mat-button [attr.aria-label]=\"'Mostra juris'\"\r\n          (click)=\"openReferences(lastDocument()?.documentId, 4)\">\r\n          Juris\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && lastDocument()?.bag[4] === 'T') {\r\n        <button fxFlexAlign=\"center\" type=\"button\" fxHide.lt-md mat-button [attr.aria-label]=\"'Mostra modifiche subite'\"\r\n          (click)=\"openReferences(lastDocument()?.documentId, 3)\">\r\n          Modifiche subite\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && lastDocument()?.bag[4] !== 'T' && lastDocument()?.bag[6] === 'T') {\r\n        <button fxFlexAlign=\"center\" type=\"button\" fxHide.lt-md mat-button\r\n          [attr.aria-label]=\"'Mostra modifiche apportate'\" (click)=\"openReferences(lastDocument()?.documentId, 5)\">\r\n          Modifiche apportate\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.secondaryId) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra documento secondario'\"\r\n          (click)=\"navigate(lastDocument()?.secondaryId)\">\r\n          Testo storico\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && lastDocument()?.bag[7] === 'T') {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra commento'\"\r\n          (click)=\"showComment()\">\r\n          Commento\r\n        </button>\r\n        }\r\n      </div>\r\n      <div fxFlex.xs=\"100\" fxLayoutAlign=\"end\">\r\n        <div fxFlexAlign=\"center\">\r\n          @if (relevants().hits) {\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n            <div fxFlexAlign=\"center\" class=\"small item-greyed\" style=\"margin-left:20px; margin-right: 5px\"\r\n              matTooltip=\"Parole evidenziate\">{{relevants().hit}}\r\n              di {{relevants().hits}}</div>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button [attr.aria-label]=\"'Vai alla parola precedente'\"\r\n              (click)=\"previousRelevant()\" matTooltip=\"Parola precedente\">\r\n              <mat-icon>chevron_left</mat-icon>\r\n            </button>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button [attr.aria-label]=\"'Vai alla prossima parola'\"\r\n              (click)=\"nextRelevant()\" matTooltip=\"Prossima parola\">\r\n              <mat-icon>chevron_right</mat-icon>\r\n            </button>\r\n          </div>\r\n          }\r\n        </div>\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Azioni sul documento\"\r\n          [attr.aria-label]=\"'Azioni da eseguire sul documento'\" [matMenuTriggerFor]=\"menuActions\">\r\n          <mat-icon>more_vert</mat-icon>\r\n        </button>\r\n        <mat-menu #menuActions=\"matMenu\">\r\n          <ng-template matMenuContent let-item=\"lastDocument\">\r\n            <clipper-document-menu [parent]=\"this\" [item]=\"lastDocument()\" [canOpenDocument]=\"false\" [canPrint]=\"true\"\r\n              [canFind]=\"true\" [isReadable]=\"false\" [isLawInForce]=\"lastDocument()?.model === 9\"\r\n              selectionSource=\"none\" [canUseAIAssistant]=\"user?.hasAIAssistant ?? false\">\r\n            </clipper-document-menu>\r\n          </ng-template>\r\n        </mat-menu>\r\n        @if (hasRelevants() && relevants().items && relevantsPane && (!relevantsPane.opened || relevantsPaneClosed())) {\r\n        <div fxFlexAlign=\"center\">\r\n          <button type=\"button\" mat-icon-button matTooltip=\"Rilevanza\" aria-label=\"'Rilevanza'\"\r\n            (click)=\"toggleRelevantsPane()\">\r\n            <mat-icon>right_panel_open</mat-icon>\r\n          </button>\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<mat-dialog-content id=\"clipper-document-scrollable\">\r\n  <mat-drawer-container class=\"fill\" [hasBackdrop]=\"relevantsPaneHasBackdrop()\">\r\n    <mat-drawer #relevantsPane position=\"end\" class=\"drawer-small drawer-with-loader\" opened=\"false\">\r\n      @if (relevantsBusy()) {\r\n      <div class=\"overlay\"></div>\r\n      }\r\n      <div fxLayout=\"column\" fxFill>\r\n        <div fxFlex=\"6px\">\r\n          @if (relevantsBusy()) {\r\n          <mat-progress-bar style=\"z-index: 11;\" mode=\"indeterminate\">\r\n          </mat-progress-bar>\r\n          }\r\n        </div>\r\n        <div fxFlex=\"78px\" class=\"title-container-with-loader\">\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFill>\r\n            <div class=\"title\">Rilevanza</div>\r\n            <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n              <button mat-icon-button (click)=\"toggleRelevantsPane()\"\r\n                matTooltip=\"Nascondi\"><mat-icon>right_panel_close</mat-icon></button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div fxFlex=\"*\" class=\"relevants-container scroll-auto\">\r\n          <div fxLayout=\"column\" fxFill>\r\n            <div>\r\n              <p>Parti del documento più significative per la ricerca di <span\r\n                  class='word-hit-chunk'>{{lastQuery}}</span>\r\n              </p>\r\n            </div>\r\n            <div fxFlex=\"*\">\r\n              <nav class=\"relevants-items\">\r\n                <ul>\r\n                  @for (item of relevants().items; track $index) {\r\n                  <li class=\"small\" (click)=\"gotoRelevant(item)\" [attr.aria-label]=\"item.title\"\r\n                    [class.bright]=\"item.score > 0.75\" [class.accent]=\"item.score > 0.75\">\r\n                    <div fxLayout=\"row\" fxLayoutAlign=\"start start\" fxLayoutGap=\"10px\" fxFill>\r\n                      <div fxFlex=\"*\">\r\n                        {{item.title}}\r\n                      </div>\r\n                      <div fxLayoutAlign=\"end\">\r\n                        @if (item.score > 0.7) {\r\n                        <mat-icon style='font-size:x-small; height: 10px; width:10px'\r\n                          [matTooltip]=\"item.score > 0.75 ? 'Molto rilevante' : 'Più rilevante'\">thumb_up_alt</mat-icon>\r\n                        }\r\n                      </div>\r\n                    </div>\r\n                  </li>\r\n                  }\r\n                </ul>\r\n              </nav>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </mat-drawer>\r\n    <div class=\"fill scroll-hidden\">\r\n      <iframe #docIframe id=\"clipper-document-iframe\" class=\"iframe\"></iframe>\r\n    </div>\r\n  </mat-drawer-container>\r\n</mat-dialog-content>",
+			styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.clipper-selection-icon-button{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-color-primary-hi, #12c0ae)}.unread{color:var(--app-color-unread, #f7931c)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.expired{color:var(--app-color-expired, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-expiring, #FFC107)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.closed-bg{background-color:var(--app-color-closed, #388E3C)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.popular-bg{background-color:var(--app-color-closed, #388E3C)!important}.very-popular-bg{background-color:#4caf50}.item-selected{background-color:var(--ars-item-selected-background-color, #ced1d2);border-radius:0!important}.item-unread{font-weight:bolder}.items-group-title{color:var(--ars-color-secondary, #4a635f);font-size:large;font-weight:700;padding-left:25px;padding-bottom:10px;padding-top:10px}.items-group-title .group-spaced{padding:10px 0 0!important}.items-footer{padding:10px}.item{border-radius:12px;padding:10px 10px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}@media screen and (min-width:0px)and (max-width:430px){.item:hover{background-color:var(--ars-item-hover-background-color)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 55%,transparent 100%);mask-image:linear-gradient(to right,black 55%,transparent 100%)}}.item-content .item-info-1,.item-content .info-1{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent, #7894ae)}.item-content .item-info-2,.item-content .info-2{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent-low, #456179)}.item-content .item-info-3,.item-content .info-3{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-error, #ff5449)}.item-content .item-title,.item-content .title{font-size:small!important;line-height:18px;text-decoration:none!important;font-weight:400;min-height:unset;min-width:unset;white-space:initial!important}@supports (-webkit-line-clamp: 3){.item-content .item-title,.item-content .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.item-content .details{margin-top:4px;font-size:x-small!important;font-weight:700;line-height:15px;color:var(--ars-color-accent-low, #456179);text-transform:uppercase!important;border-left:4px solid var(--ars-color-accent-low, #456179);padding-left:10px}.item-content .details .links{text-transform:none;text-decoration:none}.item-content .details .links a,.item-content .details .links span,.item-content .details .links div{margin-right:8px;font-weight:500!important;font-size:11px!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-size:11px!important;font-weight:500!important}.item-content a.link{color:var(--ars-color-link, #03A9F4);cursor:pointer!important;text-decoration:none!important}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer!important;padding:10px 13px!important;margin-bottom:20px!important}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--app-color-unread, #f7931c);margin:0 8px}.tile .tile-image,.tile .image{height:125px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .tile-image img,.tile .image img{object-fit:cover;width:100%;height:100%}.tile .tile-image .tile-info-1,.tile .tile-image .info-1,.tile .image .tile-info-1,.tile .image .info-1{position:absolute;left:0;bottom:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-text, #191c1b);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .tile-info-2,.tile .tile-image .info-2,.tile .image .tile-info-2,.tile .image .info-2{position:absolute;right:0;top:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-accent, #7894ae);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .buttons,.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .tile-image .buttons .check,.tile .tile-image .buttons .read-button,.tile .image .buttons .check,.tile .image .buttons .read-button{background-color:var(--ars-color-primary, #00a293)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .unread-button,.tile .image .buttons .unread-button{background-color:var(--app-color-unread, #f7931c)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .check-selected,.tile .image .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)!important}.tile .tile-date,.tile .date{padding:8px 0 6px!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-date .date-day,.tile .date .date-day{color:var(--ars-color-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .tile-time,.tile .time{font-size:small!important;font-weight:700!important}.tile .tile-title,.tile .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-height:50px!important;max-height:70px!important;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.tile .tile-title,.tile .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.stripe:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.stripe{cursor:pointer!important;padding:5px 10px!important;margin-bottom:10px!important}.stripe .body{padding:5px 15px!important}.stripe .image-mark{min-height:100%!important;border-left:6px solid transparent;margin:8px 0}.stripe .image-mark-unread{min-height:100%!important;border-left-color:var(--ars-color-error, #ff5449)!important;margin:8px 0}.stripe .stripe-image,.stripe .image{width:150px!important;height:70px!important;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.stripe .stripe-image img,.stripe .image img{object-fit:cover;width:100%;height:100%}.stripe .stripe-info-1,.stripe .info-1{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-text, #191c1b)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-info-2,.stripe .info-2{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-accent, #7894ae)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .buttons{position:absolute;left:0;top:0;height:42px}.stripe .buttons .check,.stripe .buttons .read{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.stripe .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)}.stripe .stripe-date,.stripe .date{padding:0!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-date .date-day,.stripe .date .date-day{color:var(--ars-color-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.stripe .stripe-time,.stripe .time{font-size:small!important;font-weight:700!important}.stripe .stripe-title,.stripe .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.stripe .stripe-title,.stripe .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:#427505;text-transform:uppercase;white-space:nowrap;color:#e0e2e5}.badge-red{background-color:#a80710}.busy-backdrop{background-color:#0000006b!important}.legend-container{display:flex;flex-direction:row;align-items:center;font-size:x-small;text-transform:uppercase;font-weight:500;margin-left:10px}.legend-container .legend{display:inline-block;height:8px;width:8px;margin-right:4px}.legend-container .legend:not(:first-of-type){margin-left:10px}@media screen and (max-width:431px){.legend-container{font-size:9px!important}}.special-date,.special-date-expired,.special-date-expiring{border:2px var(--ars-color-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-color-error, #ff5449) solid!important}.special-date-expiring{border:2px var(--ars-color-warning, #FFC107) solid!important}.word-hit-chunk,.word-hit{display:inline-block;font-size:inherit;background-color:var(--ars-word-hit-background-color, #FFEB3B);color:var(--ars-word-hit-color, #191c1b);padding:0 4px;margin:0 4px;border-radius:4px}.word-hit-chunk{background-color:var(--ars-word-chunk-hit-background-color, #8AFF59);color:var(--ars-word-hit-chunk-color, #191c1b)}::ng-deep .mat-mdc-menu-panel{min-width:320px!important;max-width:320px!important}.title-container{padding-left:20px;padding-top:14px}.title-container .title{font-size:large}@supports (-webkit-line-clamp: 2){.title-container .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.dialog-close{margin-right:10px;margin-top:4px}.iframe{width:100%;height:100%;border:0}.relevants-container{padding:0 20px 10px}.relevants-items{padding:0;margin:0}.relevants-items ul{list-style-type:none;padding:0;margin:0}.relevants-items ul li{font-size:small;padding:6px 12px;display:block;color:var(--ars-color-text, #191c1b)}.relevants-items ul li a{color:inherit;text-decoration:none;display:block}.relevants-items ul li:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:6px;cursor:pointer}.mat-mdc-dialog-content{max-height:unset!important;padding:0 0 16px!important}\n"],
+			dependencies: [
+				{
+					kind: "ngmodule",
+					type: FlexLayoutModule
+				},
+				{
+					kind: "directive",
+					type: i1.FxLayoutDirective,
+					selector: "    [fxLayout],    [fxLayout.xs],    [fxLayout.sm],    [fxLayout.md],    [fxLayout.lg],    [fxLayout.xl],    [fxLayout.lt-sm],    [fxLayout.lt-md],    [fxLayout.lt-lg],    [fxLayout.lt-xl],    [fxLayout.gt-xs],    [fxLayout.gt-sm],    [fxLayout.gt-md],    [fxLayout.gt-lg]  ",
+					inputs: [
+						"fxLayout",
+						"fxLayout.xs",
+						"fxLayout.sm",
+						"fxLayout.md",
+						"fxLayout.lg",
+						"fxLayout.xl",
+						"fxLayout.lt-sm",
+						"fxLayout.lt-md",
+						"fxLayout.lt-lg",
+						"fxLayout.lt-xl",
+						"fxLayout.gt-xs",
+						"fxLayout.gt-sm",
+						"fxLayout.gt-md",
+						"fxLayout.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxFlexDirective,
+					selector: "    [fxFlex],    [fxFlex.xs],    [fxFlex.sm],    [fxFlex.md],    [fxFlex.lg],    [fxFlex.xl],    [fxFlex.lt-sm],    [fxFlex.lt-md],    [fxFlex.lt-lg],    [fxFlex.lt-xl],    [fxFlex.gt-xs],    [fxFlex.gt-sm],    [fxFlex.gt-md],    [fxFlex.gt-lg]  ",
+					inputs: [
+						"fxFlex",
+						"fxFlex.xs",
+						"fxFlex.sm",
+						"fxFlex.md",
+						"fxFlex.lg",
+						"fxFlex.xl",
+						"fxFlex.lt-sm",
+						"fxFlex.lt-md",
+						"fxFlex.lt-lg",
+						"fxFlex.lt-xl",
+						"fxFlex.gt-xs",
+						"fxFlex.gt-sm",
+						"fxFlex.gt-md",
+						"fxFlex.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxShowHideDirective,
+					selector: "    [fxShow],    [fxHide],    [fxShow.xs],    [fxShow.sm],    [fxShow.md],    [fxShow.lg],    [fxShow.xl],    [fxShow.lt-sm],    [fxShow.lt-md],    [fxShow.lt-lg],    [fxShow.lt-xl],    [fxShow.gt-xs],    [fxShow.gt-sm],    [fxShow.gt-md],    [fxShow.gt-lg],    [fxHide.xs],    [fxHide.sm],    [fxHide.md],    [fxHide.lg],    [fxHide.xl],    [fxHide.lt-sm],    [fxHide.lt-md],    [fxHide.lt-lg],    [fxHide.lt-xl],    [fxHide.gt-xs],    [fxHide.gt-sm],    [fxHide.gt-md],    [fxHide.gt-lg]  ",
+					inputs: [
+						"fxShow",
+						"fxShow.xs",
+						"fxShow.sm",
+						"fxShow.md",
+						"fxShow.lg",
+						"fxShow.xl",
+						"fxShow.lt-sm",
+						"fxShow.lt-md",
+						"fxShow.lt-lg",
+						"fxShow.lt-xl",
+						"fxShow.gt-xs",
+						"fxShow.gt-sm",
+						"fxShow.gt-md",
+						"fxShow.gt-lg",
+						"fxHide",
+						"fxHide.xs",
+						"fxHide.sm",
+						"fxHide.md",
+						"fxHide.lg",
+						"fxHide.xl",
+						"fxHide.lt-sm",
+						"fxHide.lt-md",
+						"fxHide.lt-lg",
+						"fxHide.lt-xl",
+						"fxHide.gt-xs",
+						"fxHide.gt-sm",
+						"fxHide.gt-md",
+						"fxHide.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxLayoutAlignDirective,
+					selector: "    [fxLayoutAlign],    [fxLayoutAlign.xs],    [fxLayoutAlign.sm],    [fxLayoutAlign.md],    [fxLayoutAlign.lg],    [fxLayoutAlign.xl],    [fxLayoutAlign.lt-sm],    [fxLayoutAlign.lt-md],    [fxLayoutAlign.lt-lg],    [fxLayoutAlign.lt-xl],    [fxLayoutAlign.gt-xs],    [fxLayoutAlign.gt-sm],    [fxLayoutAlign.gt-md],    [fxLayoutAlign.gt-lg]  ",
+					inputs: [
+						"fxLayoutAlign",
+						"fxLayoutAlign.xs",
+						"fxLayoutAlign.sm",
+						"fxLayoutAlign.md",
+						"fxLayoutAlign.lg",
+						"fxLayoutAlign.xl",
+						"fxLayoutAlign.lt-sm",
+						"fxLayoutAlign.lt-md",
+						"fxLayoutAlign.lt-lg",
+						"fxLayoutAlign.lt-xl",
+						"fxLayoutAlign.gt-xs",
+						"fxLayoutAlign.gt-sm",
+						"fxLayoutAlign.gt-md",
+						"fxLayoutAlign.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxLayoutGapDirective,
+					selector: "    [fxLayoutGap],    [fxLayoutGap.xs],    [fxLayoutGap.sm],    [fxLayoutGap.md],    [fxLayoutGap.lg],    [fxLayoutGap.xl],    [fxLayoutGap.lt-sm],    [fxLayoutGap.lt-md],    [fxLayoutGap.lt-lg],    [fxLayoutGap.lt-xl],    [fxLayoutGap.gt-xs],    [fxLayoutGap.gt-sm],    [fxLayoutGap.gt-md],    [fxLayoutGap.gt-lg]  ",
+					inputs: [
+						"fxLayoutGap",
+						"fxLayoutGap.xs",
+						"fxLayoutGap.sm",
+						"fxLayoutGap.md",
+						"fxLayoutGap.lg",
+						"fxLayoutGap.xl",
+						"fxLayoutGap.lt-sm",
+						"fxLayoutGap.lt-md",
+						"fxLayoutGap.lt-lg",
+						"fxLayoutGap.lt-xl",
+						"fxLayoutGap.gt-xs",
+						"fxLayoutGap.gt-sm",
+						"fxLayoutGap.gt-md",
+						"fxLayoutGap.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxFlexAlignDirective,
+					selector: "    [fxFlexAlign],    [fxFlexAlign.xs],    [fxFlexAlign.sm],    [fxFlexAlign.md],    [fxFlexAlign.lg],    [fxFlexAlign.xl],    [fxFlexAlign.lt-sm],    [fxFlexAlign.lt-md],    [fxFlexAlign.lt-lg],    [fxFlexAlign.lt-xl],    [fxFlexAlign.gt-xs],    [fxFlexAlign.gt-sm],    [fxFlexAlign.gt-md],    [fxFlexAlign.gt-lg]  ",
+					inputs: [
+						"fxFlexAlign",
+						"fxFlexAlign.xs",
+						"fxFlexAlign.sm",
+						"fxFlexAlign.md",
+						"fxFlexAlign.lg",
+						"fxFlexAlign.xl",
+						"fxFlexAlign.lt-sm",
+						"fxFlexAlign.lt-md",
+						"fxFlexAlign.lt-lg",
+						"fxFlexAlign.lt-xl",
+						"fxFlexAlign.gt-xs",
+						"fxFlexAlign.gt-sm",
+						"fxFlexAlign.gt-md",
+						"fxFlexAlign.gt-lg"
+					]
+				},
+				{
+					kind: "directive",
+					type: i1.FxFlexFillDirective,
+					selector: "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ",
+					inputs: [
+						"fxFlexFill",
+						"fxFill",
+						"fxFlexFill.xs",
+						"fxFlexFill.sm",
+						"fxFlexFill.md",
+						"fxFlexFill.lg",
+						"fxFlexFill.xl",
+						"fxFlexFill.lt-sm",
+						"fxFlexFill.lt-md",
+						"fxFlexFill.lt-lg",
+						"fxFlexFill.lt-xl",
+						"fxFlexFill.gt-xs",
+						"fxFlexFill.gt-sm",
+						"fxFlexFill.gt-md",
+						"fxFlexFill.gt-lg"
+					]
+				},
+				{
+					kind: "ngmodule",
+					type: MatButtonModule
+				},
+				{
+					kind: "component",
+					type: i2.MatButton,
+					selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ",
+					inputs: ["matButton"],
+					exportAs: ["matButton", "matAnchor"]
+				},
+				{
+					kind: "component",
+					type: i2.MatIconButton,
+					selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]",
+					exportAs: ["matButton", "matAnchor"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatTooltipModule
+				},
+				{
+					kind: "directive",
+					type: i3.MatTooltip,
+					selector: "[matTooltip]",
+					inputs: [
+						"matTooltipPosition",
+						"matTooltipPositionAtOrigin",
+						"matTooltipDisabled",
+						"matTooltipShowDelay",
+						"matTooltipHideDelay",
+						"matTooltipTouchGestures",
+						"matTooltip",
+						"matTooltipClass"
+					],
+					exportAs: ["matTooltip"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatIconModule
+				},
+				{
+					kind: "component",
+					type: i4.MatIcon,
+					selector: "mat-icon",
+					inputs: [
+						"color",
+						"inline",
+						"svgIcon",
+						"fontSet",
+						"fontIcon"
+					],
+					exportAs: ["matIcon"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatMenuModule
+				},
+				{
+					kind: "component",
+					type: i5.MatMenu,
+					selector: "mat-menu",
+					inputs: [
+						"backdropClass",
+						"aria-label",
+						"aria-labelledby",
+						"aria-describedby",
+						"xPosition",
+						"yPosition",
+						"overlapTrigger",
+						"hasBackdrop",
+						"class",
+						"classList"
+					],
+					outputs: ["closed", "close"],
+					exportAs: ["matMenu"]
+				},
+				{
+					kind: "component",
+					type: i5.MatMenuItem,
+					selector: "[mat-menu-item]",
+					inputs: [
+						"role",
+						"disabled",
+						"disabledInteractive",
+						"disableRipple"
+					],
+					exportAs: ["matMenuItem"]
+				},
+				{
+					kind: "directive",
+					type: i5.MatMenuContent,
+					selector: "ng-template[matMenuContent]"
+				},
+				{
+					kind: "directive",
+					type: i5.MatMenuTrigger,
+					selector: "[mat-menu-trigger-for], [matMenuTriggerFor]",
+					inputs: [
+						"mat-menu-trigger-for",
+						"matMenuTriggerFor",
+						"matMenuTriggerData",
+						"matMenuTriggerRestoreFocus"
+					],
+					outputs: [
+						"menuOpened",
+						"onMenuOpen",
+						"menuClosed",
+						"onMenuClose"
+					],
+					exportAs: ["matMenuTrigger"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatDividerModule
+				},
+				{
+					kind: "ngmodule",
+					type: MatProgressBarModule
+				},
+				{
+					kind: "component",
+					type: i6.MatProgressBar,
+					selector: "mat-progress-bar",
+					inputs: [
+						"color",
+						"value",
+						"bufferValue",
+						"mode"
+					],
+					outputs: ["animationEnd"],
+					exportAs: ["matProgressBar"]
+				},
+				{
+					kind: "directive",
+					type: MatDialogContent,
+					selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]"
+				},
+				{
+					kind: "ngmodule",
+					type: MatSidenavModule
+				},
+				{
+					kind: "component",
+					type: i7.MatDrawer,
+					selector: "mat-drawer",
+					inputs: [
+						"position",
+						"mode",
+						"disableClose",
+						"autoFocus",
+						"opened"
+					],
+					outputs: [
+						"openedChange",
+						"opened",
+						"openedStart",
+						"closed",
+						"closedStart",
+						"positionChanged"
+					],
+					exportAs: ["matDrawer"]
+				},
+				{
+					kind: "component",
+					type: i7.MatDrawerContainer,
+					selector: "mat-drawer-container",
+					inputs: ["autosize", "hasBackdrop"],
+					outputs: ["backdropClick"],
+					exportAs: ["matDrawerContainer"]
+				},
+				{
+					kind: "component",
+					type: ClipperDocumentMenuComponent,
+					selector: "clipper-document-menu",
+					inputs: [
+						"useSelections",
+						"selectionSource",
+						"parent",
+						"item",
+						"isReference",
+						"isReadable",
+						"isReadableModel",
+						"isLawInForce",
+						"canPrint",
+						"canFind",
+						"canUseAIAssistant",
+						"canUseRS",
+						"canOpenDocument"
+					]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: ClipperDocumentComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			host: { "Bind": SystemUtils.generateUUID() },
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			standalone: true,
+			imports: [
+				FlexLayoutModule,
+				MatButtonModule,
+				MatTooltipModule,
+				MatIconModule,
+				MatMenuModule,
+				MatDividerModule,
+				MatProgressBarModule,
+				MatDialogContent,
+				MatSidenavModule,
+				ClipperDocumentMenuComponent
+			],
+			template: "<div class=\"clipper-document-fixed\">\r\n  <div style=\"height:6px\">\r\n    @if (busy()) {\r\n    <mat-progress-bar style=\"z-index:11\" mode=\"indeterminate\"></mat-progress-bar>\r\n    }\r\n  </div>\r\n  <div>\r\n    <div fxLayout=\"row\" fxLayoutGap=\"20px\" fxLayoutAlign=\"start start\" fxFill>\r\n      <div fxFlex=\"*\" class=\"title-container\">\r\n        <div class=\"title bold\">{{title()}}</div>\r\n        @if (lastDocument()?.tags) {\r\n        <div style=\"padding-top: 5px;\">\r\n          <div class=\"x-small bold uppercase\">\r\n            TAG: <span class=\"accent\">{{lastDocument()?.tags}}</span>\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (lastDocument()?.lastUpdate) {\r\n        <div style=\"padding-top: 5px;\">\r\n          <div class=\"x-small bold uppercase\">\r\n            AGGIORNATO A:\r\n            <span class=\"accent\">{{lastDocument()?.lastUpdate}}</span>\r\n          </div>\r\n        </div>\r\n        }\r\n        @if (lastDocument()?.expiringDescription || lastDocument()?.validityInfo) {\r\n        <div style=\"padding-top: 5px;\">\r\n          @if (lastDocument()?.expiringDescription) {\r\n          <div class=\"x-small error bold uppercase\">\r\n            {{lastDocument()?.expiringDescription}}</div>\r\n          }\r\n          @if (lastDocument()?.validityInfo) {\r\n          <div class=\"x-small error bold uppercase\"><b>Attenzione!</b>\r\n            {{lastDocument()?.validityInfo}}</div>\r\n          }\r\n        </div>\r\n        }\r\n      </div>\r\n      @if (canSelect()) {\r\n      <div fxFlex=\"170px\" fxFlex.lt-md=\"58px\">\r\n        <button fxHide.lt-md fxFlexAlign=\"center\" type=\"button\" mat-flat-button (click)=\"select()\"\r\n          class=\"clipper-selection-button\" style=\"margin-top: 8px;\">\r\n          <span class=\"small\">Usa selezione</span>\r\n        </button>\r\n        <button fxHide.gt-sm fxFlexAlign=\"center\" type=\"button\" mat-icon-button (click)=\"select()\"\r\n          class=\"clipper-selection-icon-button\" matTooltip=\"Usa selezione\" aria-label=\"'Usa la selezione'\"\r\n          style=\"margin-top: 4px;\">\r\n          <mat-icon>check</mat-icon>\r\n        </button>\r\n      </div>\r\n      }\r\n      <div fxFlex=\"170px\" fxFlex.lt-md=\"48px\" fxLayoutAlign=\"end\">\r\n        <div class=\"dialog-close\">\r\n          <button fxHide.lt-md fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Indietro\"\r\n            aria-label=\"Indietro\" (click)=\"back()\">\r\n            <mat-icon>arrow_back</mat-icon>\r\n          </button>\r\n          <button fxHide.lt-md fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Avanti\" aria-label=\"Avanti\"\r\n            (click)=\"forward()\">\r\n            <mat-icon>arrow_forward</mat-icon>\r\n          </button>\r\n          <button fxFlexAlign=\"start\" type=\"button\" mat-icon-button matTooltip=\"Chiudi\" aria-label=\"Chiudi\"\r\n            (click)=\"close()\">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div>\r\n    <div fxLayout=\"row wrap \" fxFill fxLayoutAlign=\"space-between center\" style=\"padding: 10px 10px 10px 15px;\">\r\n      <div fxFlex.xs=\"100\">\r\n        @if (lastDocument()?.model === 9) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra indice'\"\r\n          (click)=\"index(lastDocument()?.documentId)\">\r\n          Indice\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && (lastDocument()?.bag[1] ==='T' || lastDocument()?.bag[3] ==='T')) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button matTooltip=\"Collegamenti\"\r\n          [attr.aria-label]=\"'Collegamenti al documento'\" [matMenuTriggerFor]=\"menuLinks\">\r\n          Collegamenti\r\n        </button>\r\n        }\r\n        <mat-menu #menuLinks=\"matMenu\">\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[1] ==='T') {\r\n          <button mat-menu-item [attr.aria-label]=\"'Mostra documenti richiamati'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 1)\">\r\n            Documenti richiamati\r\n          </button>\r\n          }\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[3] ==='T') {\r\n          <button mat-menu-item [attr.aria-label]=\"'Mostra documenti che richiamano'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 2)\">\r\n            Documenti che richiamano\r\n          </button>\r\n          }\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[2] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra juris'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 4)\">\r\n            Juris\r\n          </button>\r\n          }\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[4] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra modifiche subite'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 3)\">\r\n            Modifiche subite\r\n          </button>\r\n          }\r\n          @if (lastDocument()?.bag && lastDocument()?.bag[4] !=='T' && lastDocument()?.bag[6] ==='T') {\r\n          <button fxHide fxShow.lt-md mat-menu-item [attr.aria-label]=\"'Mostra modifiche apportate'\"\r\n            (click)=\"openReferences(lastDocument()?.documentId, 5)\">\r\n            Modifiche apportate\r\n          </button>\r\n          }\r\n        </mat-menu>\r\n        @if (lastDocument()?.hasPrimary) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra documento primario'\"\r\n          (click)=\"navigate(lastDocument()?.primaryId)\">\r\n          {{lastDocument()?.primaryDescription}}\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && lastDocument()?.bag[2] ==='T') {\r\n        <button fxFlexAlign=\"center\" type=\"button\" fxHide.lt-md mat-button [attr.aria-label]=\"'Mostra juris'\"\r\n          (click)=\"openReferences(lastDocument()?.documentId, 4)\">\r\n          Juris\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && lastDocument()?.bag[4] === 'T') {\r\n        <button fxFlexAlign=\"center\" type=\"button\" fxHide.lt-md mat-button [attr.aria-label]=\"'Mostra modifiche subite'\"\r\n          (click)=\"openReferences(lastDocument()?.documentId, 3)\">\r\n          Modifiche subite\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && lastDocument()?.bag[4] !== 'T' && lastDocument()?.bag[6] === 'T') {\r\n        <button fxFlexAlign=\"center\" type=\"button\" fxHide.lt-md mat-button\r\n          [attr.aria-label]=\"'Mostra modifiche apportate'\" (click)=\"openReferences(lastDocument()?.documentId, 5)\">\r\n          Modifiche apportate\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.secondaryId) {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra documento secondario'\"\r\n          (click)=\"navigate(lastDocument()?.secondaryId)\">\r\n          Testo storico\r\n        </button>\r\n        }\r\n        @if (lastDocument()?.bag && lastDocument()?.bag[7] === 'T') {\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-button [attr.aria-label]=\"'Mostra commento'\"\r\n          (click)=\"showComment()\">\r\n          Commento\r\n        </button>\r\n        }\r\n      </div>\r\n      <div fxFlex.xs=\"100\" fxLayoutAlign=\"end\">\r\n        <div fxFlexAlign=\"center\">\r\n          @if (relevants().hits) {\r\n          <div fxLayout=\"row\" fxLayoutGap=\"10px\">\r\n            <div fxFlexAlign=\"center\" class=\"small item-greyed\" style=\"margin-left:20px; margin-right: 5px\"\r\n              matTooltip=\"Parole evidenziate\">{{relevants().hit}}\r\n              di {{relevants().hits}}</div>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button [attr.aria-label]=\"'Vai alla parola precedente'\"\r\n              (click)=\"previousRelevant()\" matTooltip=\"Parola precedente\">\r\n              <mat-icon>chevron_left</mat-icon>\r\n            </button>\r\n            <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button [attr.aria-label]=\"'Vai alla prossima parola'\"\r\n              (click)=\"nextRelevant()\" matTooltip=\"Prossima parola\">\r\n              <mat-icon>chevron_right</mat-icon>\r\n            </button>\r\n          </div>\r\n          }\r\n        </div>\r\n        <button fxFlexAlign=\"center\" type=\"button\" mat-icon-button matTooltip=\"Azioni sul documento\"\r\n          [attr.aria-label]=\"'Azioni da eseguire sul documento'\" [matMenuTriggerFor]=\"menuActions\">\r\n          <mat-icon>more_vert</mat-icon>\r\n        </button>\r\n        <mat-menu #menuActions=\"matMenu\">\r\n          <ng-template matMenuContent let-item=\"lastDocument\">\r\n            <clipper-document-menu [parent]=\"this\" [item]=\"lastDocument()\" [canOpenDocument]=\"false\" [canPrint]=\"true\"\r\n              [canFind]=\"true\" [isReadable]=\"false\" [isLawInForce]=\"lastDocument()?.model === 9\"\r\n              selectionSource=\"none\" [canUseAIAssistant]=\"user?.hasAIAssistant ?? false\">\r\n            </clipper-document-menu>\r\n          </ng-template>\r\n        </mat-menu>\r\n        @if (hasRelevants() && relevants().items && relevantsPane && (!relevantsPane.opened || relevantsPaneClosed())) {\r\n        <div fxFlexAlign=\"center\">\r\n          <button type=\"button\" mat-icon-button matTooltip=\"Rilevanza\" aria-label=\"'Rilevanza'\"\r\n            (click)=\"toggleRelevantsPane()\">\r\n            <mat-icon>right_panel_open</mat-icon>\r\n          </button>\r\n        </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<mat-dialog-content id=\"clipper-document-scrollable\">\r\n  <mat-drawer-container class=\"fill\" [hasBackdrop]=\"relevantsPaneHasBackdrop()\">\r\n    <mat-drawer #relevantsPane position=\"end\" class=\"drawer-small drawer-with-loader\" opened=\"false\">\r\n      @if (relevantsBusy()) {\r\n      <div class=\"overlay\"></div>\r\n      }\r\n      <div fxLayout=\"column\" fxFill>\r\n        <div fxFlex=\"6px\">\r\n          @if (relevantsBusy()) {\r\n          <mat-progress-bar style=\"z-index: 11;\" mode=\"indeterminate\">\r\n          </mat-progress-bar>\r\n          }\r\n        </div>\r\n        <div fxFlex=\"78px\" class=\"title-container-with-loader\">\r\n          <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxFill>\r\n            <div class=\"title\">Rilevanza</div>\r\n            <div fxFlex=\"*\" fxLayoutAlign=\"end\">\r\n              <button mat-icon-button (click)=\"toggleRelevantsPane()\"\r\n                matTooltip=\"Nascondi\"><mat-icon>right_panel_close</mat-icon></button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div fxFlex=\"*\" class=\"relevants-container scroll-auto\">\r\n          <div fxLayout=\"column\" fxFill>\r\n            <div>\r\n              <p>Parti del documento più significative per la ricerca di <span\r\n                  class='word-hit-chunk'>{{lastQuery}}</span>\r\n              </p>\r\n            </div>\r\n            <div fxFlex=\"*\">\r\n              <nav class=\"relevants-items\">\r\n                <ul>\r\n                  @for (item of relevants().items; track $index) {\r\n                  <li class=\"small\" (click)=\"gotoRelevant(item)\" [attr.aria-label]=\"item.title\"\r\n                    [class.bright]=\"item.score > 0.75\" [class.accent]=\"item.score > 0.75\">\r\n                    <div fxLayout=\"row\" fxLayoutAlign=\"start start\" fxLayoutGap=\"10px\" fxFill>\r\n                      <div fxFlex=\"*\">\r\n                        {{item.title}}\r\n                      </div>\r\n                      <div fxLayoutAlign=\"end\">\r\n                        @if (item.score > 0.7) {\r\n                        <mat-icon style='font-size:x-small; height: 10px; width:10px'\r\n                          [matTooltip]=\"item.score > 0.75 ? 'Molto rilevante' : 'Più rilevante'\">thumb_up_alt</mat-icon>\r\n                        }\r\n                      </div>\r\n                    </div>\r\n                  </li>\r\n                  }\r\n                </ul>\r\n              </nav>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </mat-drawer>\r\n    <div class=\"fill scroll-hidden\">\r\n      <iframe #docIframe id=\"clipper-document-iframe\" class=\"iframe\"></iframe>\r\n    </div>\r\n  </mat-drawer-container>\r\n</mat-dialog-content>",
+			styles: [".fill,.wide{min-width:100%!important;max-width:100%!important;width:100%!important}.dialog-info{font-size:x-small;font-weight:700;text-align:right;padding:10px}.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #388E3C)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #a80710)}.dialog-header{padding-bottom:20px}.dialog-toolbar{padding:0 5px 0 24px;height:48px;min-height:48px}.dialog-close{margin-right:5px;margin-top:0}.dialog-menu{margin-left:10px;margin-top:10px}.dialog-title{padding:0 24px}.section-title{font-size:large;font-weight:600;padding-top:10px;padding-bottom:8px}.center{text-align:center}.fill{min-height:100%!important;max-height:100%!important;height:100%!important}.scroll-auto{overflow:auto;height:100%}.scroll-hidden{overflow:hidden;height:100%}b{font-weight:700}.large{font-size:large!important;line-height:1.2!important}.smaller{font-size:smaller!important;line-height:1.2!important}.small{font-size:small!important;line-height:1.2!important}.small-icon-button{width:1.5rem!important;height:1.5rem!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.small-icon-button .mat-mdc-button-touch-target{width:1.5rem!important;height:1.5rem!important}.x-small{font-size:x-small!important;line-height:1.2!important}.bold{font-weight:700}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.truncated{min-width:0;max-width:100%}@supports (-webkit-line-clamp: 2){.truncated{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.truncated span,.truncated div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@supports (-webkit-line-clamp: 2){.truncated span,.truncated div{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.clipped{min-width:0;max-width:100%}.clipped span,.clipped div{white-space:nowrap;overflow:hidden;text-overflow:clip}.accent{color:var(--ars-color-accent, #7894ae)!important}.primary{color:var(--ars-color-primary, #00a293)!important}.secondary{color:var(--ars-color-secondary, #4a635f)!important}.error{color:var(--ars-color-error, #ff5449)!important}.success{color:var(--ars-color-ok, #388E3C)!important}.warning{color:var(--ars-color-warning, #FFC107)!important}.text{color:var(--ars-color-text, #191c1b)!important}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))}.drawer-content{padding-top:10px}.drawer .title-container,.drawer .title-container-with-loader,.drawer-small .title-container,.drawer-small .title-container-with-loader{padding-right:5px;padding-bottom:20px;padding-left:0}.drawer .title-container,.drawer-small .title-container{padding-top:20px}.drawer .title-container-with-loader,.drawer-small .title-container-with-loader{padding-top:14px}.drawer .title,.drawer-small .title{font-size:19.2px!important;font-weight:600;padding-left:15px;min-width:150px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer .accordion-panel,.drawer-small .accordion-panel{background-color:transparent!important}.drawer .accordion-header,.drawer-small .accordion-header{padding-left:10px;padding-right:10px;border-radius:var(--mat-expansion-container-shape)}.drawer .mat-expansion-panel-body,.drawer-small .mat-expansion-panel-body{padding-left:10px!important;padding-right:10px!important;padding-bottom:20px!important}@media screen and (min-width:0px)and (max-width:430px){.drawer,.drawer-small{border-radius:0!important;min-width:100%!important;max-width:100%!important}}@media screen and (min-width:431px){.drawer{min-width:420px!important;max-width:420px!important}.drawer .title{min-width:200px}.drawer .mat-expansion-panel-body{padding-left:15px!important;padding-right:15px!important;padding-bottom:20px!important}.drawer-small{min-width:360px!important;max-width:360px!important}}.drawer-with-loader{padding-top:0!important}.drawer-transparent{background-color:transparent}.fade-in{animation:fadein .5s linear}@keyframes fadein{0%{opacity:0}to{opacity:1}}.bright{filter:brightness(.7)!important}@media(prefers-color-scheme:dark){.dialog-info-green,.dialog-info-ok{color:var(--ars-color-ok, #4CAF50)}.dialog-info-red,.dialog-info-error{color:var(--mat-form-field-error-text-color, #ff5449)}b,.bold{font-weight:600}.bright{filter:brightness(1.5)!important}}.clipper-logo{background-size:110px 48px;width:110px;height:48px}.clipper-selection-button{width:150px;font-size:small;font-weight:600}.clipper-selection-icon-button{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.clipper-selection-icon-button:hover{background-color:var(--ars-color-primary-hi, #12c0ae)}.unread{color:var(--app-color-unread, #f7931c)!important}.unread-bg{background-color:var(--app-color-unread, #f7931c)!important}.expired{color:var(--app-color-expired, #ff5449)!important}.expired-bg{background-color:var(--app-color-expired, #ff5449)!important}.expiring{color:var(--app-color-expiring, #FFC107)!important}.expiring-bg{background-color:var(--app-color-expiring, #FFC107)!important}.closed{color:var(--app-color-closed, #388E3C)!important}.closed-bg{background-color:var(--app-color-closed, #388E3C)!important}.error-bg{background-color:var(--ars-color-error, #ff5449)!important}.popular-bg{background-color:var(--app-color-closed, #388E3C)!important}.very-popular-bg{background-color:#4caf50}.item-selected{background-color:var(--ars-item-selected-background-color, #ced1d2);border-radius:0!important}.item-unread{font-weight:bolder}.items-group-title{color:var(--ars-color-secondary, #4a635f);font-size:large;font-weight:700;padding-left:25px;padding-bottom:10px;padding-top:10px}.items-group-title .group-spaced{padding:10px 0 0!important}.items-footer{padding:10px}.item{border-radius:12px;padding:10px 10px 10px 0;min-height:68px!important;margin-bottom:2px}.item:hover{background-color:var(--ars-item-hover-background-color, #eaecef)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}@media screen and (min-width:0px)and (max-width:430px){.item:hover{background-color:var(--ars-item-hover-background-color)}.item:hover .item-content{-webkit-mask-image:linear-gradient(to right,black 55%,transparent 100%);mask-image:linear-gradient(to right,black 55%,transparent 100%)}}.item-content .item-info-1,.item-content .info-1{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent, #7894ae)}.item-content .item-info-2,.item-content .info-2{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-accent-low, #456179)}.item-content .item-info-3,.item-content .info-3{font-size:x-small!important;font-weight:700!important;line-height:18px;text-transform:uppercase!important;color:var(--ars-color-error, #ff5449)}.item-content .item-title,.item-content .title{font-size:small!important;line-height:18px;text-decoration:none!important;font-weight:400;min-height:unset;min-width:unset;white-space:initial!important}@supports (-webkit-line-clamp: 3){.item-content .item-title,.item-content .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.item-content .details{margin-top:4px;font-size:x-small!important;font-weight:700;line-height:15px;color:var(--ars-color-accent-low, #456179);text-transform:uppercase!important;border-left:4px solid var(--ars-color-accent-low, #456179);padding-left:10px}.item-content .details .links{text-transform:none;text-decoration:none}.item-content .details .links a,.item-content .details .links span,.item-content .details .links div{margin-right:8px;font-weight:500!important;font-size:11px!important;color:var(--ars-color-text, #191c1b)}.item-content .details .links a{cursor:pointer!important;color:var(--ars-color-link, #03A9F4);font-size:11px!important;font-weight:500!important}.item-content a.link{color:var(--ars-color-link, #03A9F4);cursor:pointer!important;text-decoration:none!important}.tile:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.tile{cursor:pointer!important;padding:10px 13px!important;margin-bottom:20px!important}.tile .body{padding:4px 6px}.tile .image-mark{border-top:6px solid transparent;margin:0 8px}.tile .image-mark-unread{border-top-color:var(--app-color-unread, #f7931c);margin:0 8px}.tile .tile-image,.tile .image{height:125px;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.tile .tile-image img,.tile .image img{object-fit:cover;width:100%;height:100%}.tile .tile-image .tile-info-1,.tile .tile-image .info-1,.tile .image .tile-info-1,.tile .image .info-1{position:absolute;left:0;bottom:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-text, #191c1b);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .tile-info-2,.tile .tile-image .info-2,.tile .image .tile-info-2,.tile .image .info-2{position:absolute;right:0;top:0;padding:4px 8px;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75));color:var(--ars-color-accent, #7894ae);font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-image .buttons,.tile .image .buttons{position:absolute;left:0;top:0;height:42px}.tile .tile-image .buttons .check,.tile .tile-image .buttons .read-button,.tile .image .buttons .check,.tile .image .buttons .read-button{background-color:var(--ars-color-primary, #00a293)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .unread-button,.tile .image .buttons .unread-button{background-color:var(--app-color-unread, #f7931c)!important;color:var(--ars-color-text-low, #e0e2e5)!important}.tile .tile-image .buttons .check-selected,.tile .image .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)!important}.tile .tile-date,.tile .date{padding:8px 0 6px!important;font-weight:700!important;text-transform:uppercase!important}.tile .tile-date .date-day,.tile .date .date-day{color:var(--ars-color-accent, #7894ae)}.tile .tile-date .date-divider,.tile .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.tile .tile-time,.tile .time{font-size:small!important;font-weight:700!important}.tile .tile-title,.tile .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-height:50px!important;max-height:70px!important;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.tile .tile-title,.tile .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.stripe:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:12px}.stripe{cursor:pointer!important;padding:5px 10px!important;margin-bottom:10px!important}.stripe .body{padding:5px 15px!important}.stripe .image-mark{min-height:100%!important;border-left:6px solid transparent;margin:8px 0}.stripe .image-mark-unread{min-height:100%!important;border-left-color:var(--ars-color-error, #ff5449)!important;margin:8px 0}.stripe .stripe-image,.stripe .image{width:150px!important;height:70px!important;position:relative;background-color:transparent;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px}.stripe .stripe-image img,.stripe .image img{object-fit:cover;width:100%;height:100%}.stripe .stripe-info-1,.stripe .info-1{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-text, #191c1b)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-info-2,.stripe .info-2{margin-top:8px;padding:4px 8px!important;background-color:var(--ars-color-overlay, rgba(255, 255, 255, .75))!important;color:var(--ars-color-accent, #7894ae)!important;font-size:small!important;font-weight:700!important;text-transform:uppercase!important}.stripe .buttons{position:absolute;left:0;top:0;height:42px}.stripe .buttons .check,.stripe .buttons .read{background-color:var(--ars-color-primary, #00a293);color:var(--ars-color-text-low, #e0e2e5)}.stripe .buttons .check-selected{background-color:var(--ars-color-primary-hi, #12c0ae)}.stripe .stripe-date,.stripe .date{padding:0!important;font-weight:700!important;text-transform:uppercase!important}.stripe .stripe-date .date-day,.stripe .date .date-day{color:var(--ars-color-accent, #7894ae)}.stripe .stripe-date .date-divider,.stripe .date .date-divider{width:1px;margin:0 8px;border-left:1px solid var(--ars-color-divider, #757d87)}.stripe .stripe-time,.stripe .time{font-size:small!important;font-weight:700!important}.stripe .stripe-title,.stripe .title{text-decoration:none!important;font-size:16px!important;font-weight:600;min-width:100%;white-space:initial!important;overflow:hidden!important}@supports (-webkit-line-clamp: 3){.stripe .stripe-title,.stripe .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.badge,.badge-red{margin-left:10px;padding:1px 4px;border-radius:3px;font-size:x-small;font-weight:600;text-align:center;background-color:#427505;text-transform:uppercase;white-space:nowrap;color:#e0e2e5}.badge-red{background-color:#a80710}.busy-backdrop{background-color:#0000006b!important}.legend-container{display:flex;flex-direction:row;align-items:center;font-size:x-small;text-transform:uppercase;font-weight:500;margin-left:10px}.legend-container .legend{display:inline-block;height:8px;width:8px;margin-right:4px}.legend-container .legend:not(:first-of-type){margin-left:10px}@media screen and (max-width:431px){.legend-container{font-size:9px!important}}.special-date,.special-date-expired,.special-date-expiring{border:2px var(--ars-color-accent, #7894ae) solid!important;border-radius:100%!important}.special-date-expired{border:2px var(--ars-color-error, #ff5449) solid!important}.special-date-expiring{border:2px var(--ars-color-warning, #FFC107) solid!important}.word-hit-chunk,.word-hit{display:inline-block;font-size:inherit;background-color:var(--ars-word-hit-background-color, #FFEB3B);color:var(--ars-word-hit-color, #191c1b);padding:0 4px;margin:0 4px;border-radius:4px}.word-hit-chunk{background-color:var(--ars-word-chunk-hit-background-color, #8AFF59);color:var(--ars-word-hit-chunk-color, #191c1b)}::ng-deep .mat-mdc-menu-panel{min-width:320px!important;max-width:320px!important}.title-container{padding-left:20px;padding-top:14px}.title-container .title{font-size:large}@supports (-webkit-line-clamp: 2){.title-container .title{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.dialog-close{margin-right:10px;margin-top:4px}.iframe{width:100%;height:100%;border:0}.relevants-container{padding:0 20px 10px}.relevants-items{padding:0;margin:0}.relevants-items ul{list-style-type:none;padding:0;margin:0}.relevants-items ul li{font-size:small;padding:6px 12px;display:block;color:var(--ars-color-text, #191c1b)}.relevants-items ul li a{color:inherit;text-decoration:none;display:block}.relevants-items ul li:hover{background-color:var(--ars-item-hover-background-color, #eaecef);border-radius:6px;cursor:pointer}.mat-mdc-dialog-content{max-height:unset!important;padding:0 0 16px!important}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		relevantsPane: [{
+			type: i0.ViewChild,
+			args: ["relevantsPane", { isSignal: true }]
+		}],
+		iframeRef: [{
+			type: i0.ViewChild,
+			args: ["docIframe", { isSignal: true }]
+		}],
+		closing: [{
+			type: i0.Output,
+			args: ["closing"]
+		}],
+		opening: [{
+			type: i0.Output,
+			args: ["opening"]
+		}]
+	}
+});
+export { ClipperDocumentComponent };
+
+//# sourceMappingURL=arsedizioni-ars-utils-clipper.ui-document.component-BjMnaZGf.mjs.map