@mintplayer/ng-spark 22.23.0 → 22.25.0

package/fesm2022/mintplayer-ng-spark-history.mjs

@@ -0,0 +1,598 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Injectable, computed, effect, inject, input, output, signal, untracked } from "@angular/core";
+import { SparkLanguageService, SparkService } from "@mintplayer/ng-spark/services";
+import { ShowedOn, comparableValue, hasShowedOnFlag, valueFor } from "@mintplayer/ng-spark/models";
+import { DatePipe } from "@angular/common";
+import { Color } from "@mintplayer/ng-bootstrap";
+import { BsAlertComponent } from "@mintplayer/ng-bootstrap/alert";
+import { BsBadgeComponent } from "@mintplayer/ng-bootstrap/badge";
+import { BsSpinnerComponent } from "@mintplayer/ng-bootstrap/spinner";
+import { BsTableComponent } from "@mintplayer/ng-bootstrap/table";
+import { SparkGridCellComponent, SparkGridRenderers } from "@mintplayer/ng-spark/grid";
+import { QueryCellValuePipe, QueryReferenceChipsPipe, ResolveTranslationPipe, TranslateKeyPipe } from "@mintplayer/ng-spark/pipes";
+import { cellValue } from "@mintplayer/ng-spark/renderers";
+import { BsCardComponent, BsCardHeaderComponent } from "@mintplayer/ng-bootstrap/card";
+import { provideSparkDetailPanels } from "@mintplayer/ng-spark/panels";
+var SparkHistoryService = class SparkHistoryService {
+	spark = inject(SparkService);
+	list(type, id, options) {
+		return this.spark.postEnvelope("/po/revisions", {
+			objectTypeId: type,
+			id,
+			...options?.skip ? { skip: options.skip } : {},
+			...options?.take ? { take: options.take } : {},
+			...options?.deleted && options.deleted !== "exclude" ? { deleted: options.deleted } : {}
+		});
+	}
+	get(type, id, changeVector, options) {
+		return this.spark.postEnvelope("/po/revision", {
+			objectTypeId: type,
+			id,
+			changeVector,
+			...options?.deleted && options.deleted !== "exclude" ? { deleted: options.deleted } : {}
+		});
+	}
+	revert(type, id, changeVector) {
+		return this.spark.postEnvelope("/po/revert", {
+			objectTypeId: type,
+			id,
+			changeVector
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SparkHistoryService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SparkHistoryService,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SparkHistoryService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+function revisionAttributes(entityType) {
+	return (entityType?.attributes ?? []).filter((a) => a.isVisible && hasShowedOnFlag(a.showedOn, ShowedOn.PersistentObject)).sort((a, b) => a.order - b.order);
+}
+function diffRevision(entityType, revision, current) {
+	if (!revision || !current) return [];
+	const changes = [];
+	for (const attribute of revisionAttributes(entityType)) {
+		const r = revision.attributes.find((a) => a.name === attribute.name);
+		const c = current.attributes.find((a) => a.name === attribute.name);
+		if (comparableValue(r) !== comparableValue(c)) changes.push({
+			attribute,
+			revision: r,
+			current: c
+		});
+	}
+	return changes;
+}
+const cellValuePipe = new QueryCellValuePipe();
+const chipsPipe = new QueryReferenceChipsPipe();
+var SparkPoHistoryComponent = class SparkPoHistoryComponent {
+	history = inject(SparkHistoryService);
+	lang = inject(SparkLanguageService);
+	type = input.required(...ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []);
+	id = input.required(...ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []);
+	entityType = input.required(...ngDevMode ? [{ debugName: "entityType" }] : /* istanbul ignore next */ []);
+	current = input(null, ...ngDevMode ? [{ debugName: "current" }] : /* istanbul ignore next */ []);
+	permissions = input(null, ...ngDevMode ? [{ debugName: "permissions" }] : /* istanbul ignore next */ []);
+	deleted = input(null, ...ngDevMode ? [{ debugName: "deleted" }] : /* istanbul ignore next */ []);
+	pageSize = input(50, ...ngDevMode ? [{ debugName: "pageSize" }] : /* istanbul ignore next */ []);
+	reverted = output();
+	colors = Color;
+	revisions = signal([], ...ngDevMode ? [{ debugName: "revisions" }] : /* istanbul ignore next */ []);
+	loading = signal(false, ...ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []);
+	hasMore = signal(false, ...ngDevMode ? [{ debugName: "hasMore" }] : /* istanbul ignore next */ []);
+	error = signal(null, ...ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []);
+	selected = signal(null, ...ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []);
+	selectedObject = signal(null, ...ngDevMode ? [{ debugName: "selectedObject" }] : /* istanbul ignore next */ []);
+	selectedLoading = signal(false, ...ngDevMode ? [{ debugName: "selectedLoading" }] : /* istanbul ignore next */ []);
+	view = signal("diff", ...ngDevMode ? [{ debugName: "view" }] : /* istanbul ignore next */ []);
+	reverting = signal(false, ...ngDevMode ? [{ debugName: "reverting" }] : /* istanbul ignore next */ []);
+	canView = computed(() => this.permissions()?.canViewHistory === true, ...ngDevMode ? [{ debugName: "canView" }] : /* istanbul ignore next */ []);
+	attributes = computed(() => revisionAttributes(this.entityType()), ...ngDevMode ? [{ debugName: "attributes" }] : /* istanbul ignore next */ []);
+	changes = computed(() => diffRevision(this.entityType(), this.selectedObject(), this.current()), ...ngDevMode ? [{ debugName: "changes" }] : /* istanbul ignore next */ []);
+	gridRenderers = inject(SparkGridRenderers);
+	lookupOptions = signal({}, ...ngDevMode ? [{ debugName: "lookupOptions" }] : /* istanbul ignore next */ []);
+	viewCells = computed(() => {
+		const revision = this.selectedObject();
+		return revision ? this.attributes().map((a) => ({
+			attribute: a,
+			cell: this.cell(a, revision)
+		})) : [];
+	}, ...ngDevMode ? [{ debugName: "viewCells" }] : /* istanbul ignore next */ []);
+	changeCells = computed(() => {
+		const revision = this.selectedObject();
+		const current = this.current();
+		return this.changes().map((change) => ({
+			change,
+			old: this.cell(change.attribute, revision),
+			now: this.cell(change.attribute, current)
+		}));
+	}, ...ngDevMode ? [{ debugName: "changeCells" }] : /* istanbul ignore next */ []);
+	canRevertSelected = computed(() => {
+		const revision = this.selected();
+		return !!revision && this.permissions()?.canRevert === true && this.deleted() !== "only" && !revision.isCurrent && !revision.isDeleteRevision && !!this.selectedObject();
+	}, ...ngDevMode ? [{ debugName: "canRevertSelected" }] : /* istanbul ignore next */ []);
+	constructor() {
+		effect(() => {
+			const attributes = this.attributes();
+			untracked(() => {
+				this.gridRenderers.loadLookupOptions(attributes).then((o) => this.lookupOptions.set(o), () => this.lookupOptions.set({}));
+			});
+		});
+		effect(() => {
+			const type = this.type();
+			const id = this.id();
+			const deleted = this.deleted();
+			const allowed = this.canView();
+			untracked(() => {
+				this.clearSelection();
+				this.revisions.set([]);
+				if (allowed && type && id) this.loadPage(type, id, deleted, 0);
+			});
+		});
+	}
+	async refresh() {
+		this.clearSelection();
+		this.revisions.set([]);
+		await this.loadPage(this.type(), this.id(), this.deleted(), 0);
+	}
+	async loadMore() {
+		await this.loadPage(this.type(), this.id(), this.deleted(), this.revisions().length);
+	}
+	async loadPage(type, id, deleted, skip) {
+		this.loading.set(true);
+		this.error.set(null);
+		try {
+			const take = this.pageSize();
+			const page = await this.history.list(type, id, {
+				skip,
+				take,
+				deleted
+			});
+			if (type !== this.type() || id !== this.id()) return;
+			this.revisions.update((existing) => skip === 0 ? page : [...existing, ...page]);
+			this.hasMore.set(page.length >= take);
+		} catch (e) {
+			this.error.set(this.describe(e));
+		} finally {
+			this.loading.set(false);
+		}
+	}
+	async select(revision) {
+		if (this.selected()?.changeVector === revision.changeVector) {
+			this.clearSelection();
+			return;
+		}
+		this.selected.set(revision);
+		this.selectedObject.set(null);
+		this.error.set(null);
+		this.selectedLoading.set(true);
+		try {
+			const po = await this.history.get(this.type(), this.id(), revision.changeVector, { deleted: this.deleted() });
+			if (this.selected()?.changeVector === revision.changeVector) this.selectedObject.set(po);
+		} catch (e) {
+			this.error.set(this.describe(e));
+		} finally {
+			this.selectedLoading.set(false);
+		}
+	}
+	clearSelection() {
+		this.selected.set(null);
+		this.selectedObject.set(null);
+	}
+	async revert() {
+		const revision = this.selected();
+		if (!revision || !this.canRevertSelected() || this.reverting()) return;
+		if (!confirm(this.lang.t("history.confirmRevert"))) return;
+		this.reverting.set(true);
+		this.error.set(null);
+		try {
+			const saved = await this.history.revert(this.type(), this.id(), revision.changeVector);
+			this.reverted.emit(saved);
+			await this.refresh();
+		} catch (e) {
+			this.error.set(this.describe(e));
+		} finally {
+			this.reverting.set(false);
+		}
+	}
+	cell(attribute, po) {
+		const column = attribute;
+		const row = po;
+		const display = cellValuePipe.transform(column, row, this.lookupOptions());
+		return {
+			column,
+			display: attribute.dataType !== "boolean" && (display == null || display === "") ? "-" : display,
+			rendererValue: cellValue(valueFor(row, attribute.name)),
+			chips: chipsPipe.transform(column, row)
+		};
+	}
+	who(revision) {
+		return revision.userName || revision.userId || this.lang.t("history.unknownUser");
+	}
+	describe(err) {
+		switch (err?.status) {
+			case 404: return this.lang.t("history.unavailable");
+			case 409: return this.lang.t("history.conflict");
+			default: return err?.error?.error || err?.message || this.lang.t("common.actionFailed");
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SparkPoHistoryComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: SparkPoHistoryComponent,
+		isStandalone: true,
+		selector: "spark-po-history",
+		inputs: {
+			type: {
+				classPropertyName: "type",
+				publicName: "type",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			id: {
+				classPropertyName: "id",
+				publicName: "id",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			entityType: {
+				classPropertyName: "entityType",
+				publicName: "entityType",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			current: {
+				classPropertyName: "current",
+				publicName: "current",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			permissions: {
+				classPropertyName: "permissions",
+				publicName: "permissions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			deleted: {
+				classPropertyName: "deleted",
+				publicName: "deleted",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pageSize: {
+				classPropertyName: "pageSize",
+				publicName: "pageSize",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { reverted: "reverted" },
+		ngImport: i0,
+		template: "@if (canView()) {\n  <div class=\"spark-po-history\">\n    @if (error(); as message) {\n      <bs-alert [type]=\"colors.danger\" class=\"d-block mb-3\">{{ message }}</bs-alert>\n    }\n\n    @if (revisions().length === 0 && !loading()) {\n      <p class=\"text-muted mb-0 spark-history-empty\">{{ 'history.noRevisions' | t }}</p>\n    } @else {\n      <bs-table [isResponsive]=\"true\">\n        <thead>\n          <tr>\n            <th>{{ 'history.modifiedAt' | t }}</th>\n            <th>{{ 'history.modifiedBy' | t }}</th>\n            <th></th>\n          </tr>\n        </thead>\n        <tbody>\n          @for (revision of revisions(); track revision.changeVector) {\n            <tr class=\"spark-history-row\" [class.table-active]=\"selected()?.changeVector === revision.changeVector\">\n              <td>\n                <button type=\"button\" class=\"btn btn-link p-0 spark-history-select\" (click)=\"select(revision)\">\n                  {{ revision.lastModified ? (revision.lastModified | date:'medium') : '—' }}\n                </button>\n              </td>\n              <td>{{ who(revision) }}</td>\n              <td class=\"text-end\">\n                @if (revision.isCurrent) {\n                  <bs-badge [type]=\"colors.primary\" class=\"spark-history-current\">{{ 'history.current' | t }}</bs-badge>\n                }\n                @if (revision.isDeleteRevision) {\n                  <bs-badge [type]=\"colors.secondary\" class=\"ms-1\">{{ 'history.deleteRevision' | t }}</bs-badge>\n                }\n              </td>\n            </tr>\n          }\n        </tbody>\n      </bs-table>\n    }\n\n    @if (loading()) {\n      <div class=\"text-center p-2\"><bs-spinner /></div>\n    } @else if (hasMore()) {\n      <button type=\"button\" class=\"btn btn-outline-secondary btn-sm spark-history-more\" (click)=\"loadMore()\">\n        {{ 'history.loadMore' | t }}\n      </button>\n    }\n\n    @if (selected(); as revision) {\n      <div class=\"mt-3 spark-history-selected\">\n        <div class=\"d-flex flex-wrap gap-2 align-items-center mb-2\">\n          <div class=\"btn-group\" role=\"group\">\n            <button type=\"button\" class=\"btn btn-sm spark-history-diff-tab\"\n                    [class.btn-secondary]=\"view() === 'diff'\" [class.btn-outline-secondary]=\"view() !== 'diff'\"\n                    (click)=\"view.set('diff')\">{{ 'history.changes' | t }}</button>\n            <button type=\"button\" class=\"btn btn-sm spark-history-view-tab\"\n                    [class.btn-secondary]=\"view() === 'view'\" [class.btn-outline-secondary]=\"view() !== 'view'\"\n                    (click)=\"view.set('view')\">{{ 'history.revision' | t }}</button>\n          </div>\n          @if (canRevertSelected()) {\n            <button type=\"button\" class=\"btn btn-warning btn-sm spark-history-revert\" [disabled]=\"reverting()\" (click)=\"revert()\">\n              {{ 'history.revert' | t }}\n            </button>\n          }\n          <button type=\"button\" class=\"btn btn-outline-secondary btn-sm ms-auto\" (click)=\"clearSelection()\">\n            {{ 'history.close' | t }}\n          </button>\n        </div>\n\n        @if (selectedLoading()) {\n          <div class=\"text-center p-2\"><bs-spinner /></div>\n        } @else if (selectedObject()) {\n          @if (view() === 'diff') {\n            @if (changes().length === 0) {\n              <p class=\"text-muted spark-history-nochanges\">{{ 'history.noChanges' | t }}</p>\n            } @else {\n              <bs-table [isResponsive]=\"true\">\n                <thead>\n                  <tr>\n                    <th>{{ 'history.field' | t }}</th>\n                    <th>{{ 'history.revisionValue' | t }}</th>\n                    <th>{{ 'history.currentValue' | t }}</th>\n                  </tr>\n                </thead>\n                <tbody>\n                  @for (row of changeCells(); track row.change.attribute.name) {\n                    <tr class=\"spark-history-change\">\n                      <th scope=\"row\">{{ row.change.attribute.label | resolveTranslation:row.change.attribute.name }}</th>\n                      <td class=\"spark-history-old\">\n                        <spark-grid-cell [column]=\"row.old.column\" [display]=\"row.old.display\" [rendererValue]=\"row.old.rendererValue\"\n                                         [item]=\"selectedObject()\" [chips]=\"row.old.chips\" />\n                      </td>\n                      <td class=\"spark-history-new\">\n                        <spark-grid-cell [column]=\"row.now.column\" [display]=\"row.now.display\" [rendererValue]=\"row.now.rendererValue\"\n                                         [item]=\"current()\" [chips]=\"row.now.chips\" />\n                      </td>\n                    </tr>\n                  }\n                </tbody>\n              </bs-table>\n            }\n          } @else {\n            <dl class=\"spark-history-view\">\n              @for (entry of viewCells(); track entry.attribute.name) {\n                <dt>{{ entry.attribute.label | resolveTranslation:entry.attribute.name }}</dt>\n                <dd>\n                  <spark-grid-cell [column]=\"entry.cell.column\" [display]=\"entry.cell.display\" [rendererValue]=\"entry.cell.rendererValue\"\n                                   [item]=\"selectedObject()\" [chips]=\"entry.cell.chips\" />\n                </dd>\n              }\n            </dl>\n          }\n        }\n      </div>\n    }\n  </div>\n}\n",
+		dependencies: [
+			{
+				kind: "component",
+				type: BsAlertComponent,
+				selector: "bs-alert",
+				inputs: [
+					"type",
+					"announce",
+					"isVisible"
+				],
+				outputs: ["isVisibleChange", "afterOpenedOrClosed"]
+			},
+			{
+				kind: "component",
+				type: BsBadgeComponent,
+				selector: "bs-badge",
+				inputs: [
+					"type",
+					"unit",
+					"decorative"
+				]
+			},
+			{
+				kind: "component",
+				type: BsSpinnerComponent,
+				selector: "bs-spinner",
+				inputs: ["type", "color"]
+			},
+			{
+				kind: "component",
+				type: BsTableComponent,
+				selector: "bs-table",
+				inputs: [
+					"isResponsive",
+					"striped",
+					"hover",
+					"border",
+					"ariaRowCount"
+				]
+			},
+			{
+				kind: "component",
+				type: SparkGridCellComponent,
+				selector: "spark-grid-cell",
+				inputs: [
+					"column",
+					"display",
+					"rendererValue",
+					"item",
+					"chips",
+					"link"
+				]
+			},
+			{
+				kind: "pipe",
+				type: DatePipe,
+				name: "date"
+			},
+			{
+				kind: "pipe",
+				type: ResolveTranslationPipe,
+				name: "resolveTranslation"
+			},
+			{
+				kind: "pipe",
+				type: TranslateKeyPipe,
+				name: "t"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SparkPoHistoryComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "spark-po-history",
+			imports: [
+				DatePipe,
+				BsAlertComponent,
+				BsBadgeComponent,
+				BsSpinnerComponent,
+				BsTableComponent,
+				SparkGridCellComponent,
+				ResolveTranslationPipe,
+				TranslateKeyPipe
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "@if (canView()) {\n  <div class=\"spark-po-history\">\n    @if (error(); as message) {\n      <bs-alert [type]=\"colors.danger\" class=\"d-block mb-3\">{{ message }}</bs-alert>\n    }\n\n    @if (revisions().length === 0 && !loading()) {\n      <p class=\"text-muted mb-0 spark-history-empty\">{{ 'history.noRevisions' | t }}</p>\n    } @else {\n      <bs-table [isResponsive]=\"true\">\n        <thead>\n          <tr>\n            <th>{{ 'history.modifiedAt' | t }}</th>\n            <th>{{ 'history.modifiedBy' | t }}</th>\n            <th></th>\n          </tr>\n        </thead>\n        <tbody>\n          @for (revision of revisions(); track revision.changeVector) {\n            <tr class=\"spark-history-row\" [class.table-active]=\"selected()?.changeVector === revision.changeVector\">\n              <td>\n                <button type=\"button\" class=\"btn btn-link p-0 spark-history-select\" (click)=\"select(revision)\">\n                  {{ revision.lastModified ? (revision.lastModified | date:'medium') : '—' }}\n                </button>\n              </td>\n              <td>{{ who(revision) }}</td>\n              <td class=\"text-end\">\n                @if (revision.isCurrent) {\n                  <bs-badge [type]=\"colors.primary\" class=\"spark-history-current\">{{ 'history.current' | t }}</bs-badge>\n                }\n                @if (revision.isDeleteRevision) {\n                  <bs-badge [type]=\"colors.secondary\" class=\"ms-1\">{{ 'history.deleteRevision' | t }}</bs-badge>\n                }\n              </td>\n            </tr>\n          }\n        </tbody>\n      </bs-table>\n    }\n\n    @if (loading()) {\n      <div class=\"text-center p-2\"><bs-spinner /></div>\n    } @else if (hasMore()) {\n      <button type=\"button\" class=\"btn btn-outline-secondary btn-sm spark-history-more\" (click)=\"loadMore()\">\n        {{ 'history.loadMore' | t }}\n      </button>\n    }\n\n    @if (selected(); as revision) {\n      <div class=\"mt-3 spark-history-selected\">\n        <div class=\"d-flex flex-wrap gap-2 align-items-center mb-2\">\n          <div class=\"btn-group\" role=\"group\">\n            <button type=\"button\" class=\"btn btn-sm spark-history-diff-tab\"\n                    [class.btn-secondary]=\"view() === 'diff'\" [class.btn-outline-secondary]=\"view() !== 'diff'\"\n                    (click)=\"view.set('diff')\">{{ 'history.changes' | t }}</button>\n            <button type=\"button\" class=\"btn btn-sm spark-history-view-tab\"\n                    [class.btn-secondary]=\"view() === 'view'\" [class.btn-outline-secondary]=\"view() !== 'view'\"\n                    (click)=\"view.set('view')\">{{ 'history.revision' | t }}</button>\n          </div>\n          @if (canRevertSelected()) {\n            <button type=\"button\" class=\"btn btn-warning btn-sm spark-history-revert\" [disabled]=\"reverting()\" (click)=\"revert()\">\n              {{ 'history.revert' | t }}\n            </button>\n          }\n          <button type=\"button\" class=\"btn btn-outline-secondary btn-sm ms-auto\" (click)=\"clearSelection()\">\n            {{ 'history.close' | t }}\n          </button>\n        </div>\n\n        @if (selectedLoading()) {\n          <div class=\"text-center p-2\"><bs-spinner /></div>\n        } @else if (selectedObject()) {\n          @if (view() === 'diff') {\n            @if (changes().length === 0) {\n              <p class=\"text-muted spark-history-nochanges\">{{ 'history.noChanges' | t }}</p>\n            } @else {\n              <bs-table [isResponsive]=\"true\">\n                <thead>\n                  <tr>\n                    <th>{{ 'history.field' | t }}</th>\n                    <th>{{ 'history.revisionValue' | t }}</th>\n                    <th>{{ 'history.currentValue' | t }}</th>\n                  </tr>\n                </thead>\n                <tbody>\n                  @for (row of changeCells(); track row.change.attribute.name) {\n                    <tr class=\"spark-history-change\">\n                      <th scope=\"row\">{{ row.change.attribute.label | resolveTranslation:row.change.attribute.name }}</th>\n                      <td class=\"spark-history-old\">\n                        <spark-grid-cell [column]=\"row.old.column\" [display]=\"row.old.display\" [rendererValue]=\"row.old.rendererValue\"\n                                         [item]=\"selectedObject()\" [chips]=\"row.old.chips\" />\n                      </td>\n                      <td class=\"spark-history-new\">\n                        <spark-grid-cell [column]=\"row.now.column\" [display]=\"row.now.display\" [rendererValue]=\"row.now.rendererValue\"\n                                         [item]=\"current()\" [chips]=\"row.now.chips\" />\n                      </td>\n                    </tr>\n                  }\n                </tbody>\n              </bs-table>\n            }\n          } @else {\n            <dl class=\"spark-history-view\">\n              @for (entry of viewCells(); track entry.attribute.name) {\n                <dt>{{ entry.attribute.label | resolveTranslation:entry.attribute.name }}</dt>\n                <dd>\n                  <spark-grid-cell [column]=\"entry.cell.column\" [display]=\"entry.cell.display\" [rendererValue]=\"entry.cell.rendererValue\"\n                                   [item]=\"selectedObject()\" [chips]=\"entry.cell.chips\" />\n                </dd>\n              }\n            </dl>\n          }\n        }\n      </div>\n    }\n  </div>\n}\n"
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		type: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "type",
+				required: true
+			}]
+		}],
+		id: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "id",
+				required: true
+			}]
+		}],
+		entityType: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "entityType",
+				required: true
+			}]
+		}],
+		current: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "current",
+				required: false
+			}]
+		}],
+		permissions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "permissions",
+				required: false
+			}]
+		}],
+		deleted: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "deleted",
+				required: false
+			}]
+		}],
+		pageSize: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pageSize",
+				required: false
+			}]
+		}],
+		reverted: [{
+			type: i0.Output,
+			args: ["reverted"]
+		}]
+	}
+});
+var SparkHistoryPanelComponent = class SparkHistoryPanelComponent {
+	context = input.required(...ngDevMode ? [{ debugName: "context" }] : /* istanbul ignore next */ []);
+	visible = computed(() => this.context().permissions?.canViewHistory === true, ...ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SparkHistoryPanelComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: SparkHistoryPanelComponent,
+		isStandalone: true,
+		selector: "spark-history-panel",
+		inputs: { context: {
+			classPropertyName: "context",
+			publicName: "context",
+			isSignal: true,
+			isRequired: true,
+			transformFunction: null
+		} },
+		ngImport: i0,
+		template: `
+    @if (visible()) {
+      <bs-card class="d-block spark-history-panel">
+        <bs-card-header>{{ 'history.title' | t }}</bs-card-header>
+        <div class="p-3">
+          <spark-po-history
+            [type]="context().type"
+            [id]="context().id"
+            [entityType]="context().entityType"
+            [current]="context().item"
+            [permissions]="context().permissions"
+            [deleted]="context().deleted"
+            (reverted)="context().reload()" />
+        </div>
+      </bs-card>
+    }
+  `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "component",
+				type: BsCardComponent,
+				selector: "bs-card",
+				inputs: ["color", "outline"]
+			},
+			{
+				kind: "component",
+				type: BsCardHeaderComponent,
+				selector: "bs-card-header",
+				inputs: ["color", "navStyle"]
+			},
+			{
+				kind: "component",
+				type: SparkPoHistoryComponent,
+				selector: "spark-po-history",
+				inputs: [
+					"type",
+					"id",
+					"entityType",
+					"current",
+					"permissions",
+					"deleted",
+					"pageSize"
+				],
+				outputs: ["reverted"]
+			},
+			{
+				kind: "pipe",
+				type: TranslateKeyPipe,
+				name: "t"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: SparkHistoryPanelComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "spark-history-panel",
+			imports: [
+				BsCardComponent,
+				BsCardHeaderComponent,
+				TranslateKeyPipe,
+				SparkPoHistoryComponent
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: `
+    @if (visible()) {
+      <bs-card class="d-block spark-history-panel">
+        <bs-card-header>{{ 'history.title' | t }}</bs-card-header>
+        <div class="p-3">
+          <spark-po-history
+            [type]="context().type"
+            [id]="context().id"
+            [entityType]="context().entityType"
+            [current]="context().item"
+            [permissions]="context().permissions"
+            [deleted]="context().deleted"
+            (reverted)="context().reload()" />
+        </div>
+      </bs-card>
+    }
+  `
+		}]
+	}],
+	propDecorators: { context: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "context",
+			required: true
+		}]
+	}] }
+});
+function provideSparkHistory(options) {
+	return provideSparkDetailPanels({
+		id: "spark-history",
+		component: SparkHistoryPanelComponent,
+		order: options?.order ?? 100
+	});
+}
+export { SparkHistoryPanelComponent, SparkHistoryService, SparkPoHistoryComponent, comparableValue, diffRevision, provideSparkHistory, revisionAttributes };
+
+//# sourceMappingURL=mintplayer-ng-spark-history.mjs.map