@mintplayer/ng-spark 22.23.0 → 22.24.0

package/fesm2022/mintplayer-ng-spark-po-edit.mjs

@@ -1,285 +1,293 @@
-import * as i0 from '@angular/core';
-import { inject, output, signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { CommonModule } from '@angular/common';
-import { ActivatedRoute, Router } from '@angular/router';
-import { Color } from '@mintplayer/ng-bootstrap';
-import { BsAlertComponent } from '@mintplayer/ng-bootstrap/alert';
-import { BsContainerComponent } from '@mintplayer/ng-bootstrap/container';
-import { BsSpinnerComponent } from '@mintplayer/ng-bootstrap/spinner';
-import { SparkService, SparkLanguageService } from '@mintplayer/ng-spark/services';
-import { SparkPoFormComponent } from '@mintplayer/ng-spark/po-form';
-import { ResolveTranslationPipe, TranslateKeyPipe } from '@mintplayer/ng-spark/pipes';
-import { nestedPoToDict, isDateDataType, toDateInputValue, applyOverlay, hasShowedOnFlag, ShowedOn, dictToNestedPo, fromDateInputValue, wireDatesEqual } from '@mintplayer/ng-spark/models';
-
-class SparkPoEditComponent {
-    route = inject(ActivatedRoute);
-    router = inject(Router);
-    sparkService = inject(SparkService);
-    language = inject(SparkLanguageService);
-    saved = output();
-    cancelled = output();
-    colors = Color;
-    entityType = signal(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "entityType" }] : /* istanbul ignore next */ []));
-    item = signal(null, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "item" }] : /* istanbul ignore next */ []));
-    type = '';
-    id = '';
-    formData = signal({}, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "formData" }] : /* istanbul ignore next */ []));
-    /**
-     * Bound two-way to the form, which is where refreshes land. Read by
-     * {@link getEditableAttributes} so the save sees the object the user was actually shown.
-     */
-    refreshOverlay = signal({}, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "refreshOverlay" }] : /* istanbul ignore next */ []));
-    validationErrors = signal([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "validationErrors" }] : /* istanbul ignore next */ []));
-    isSaving = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isSaving" }] : /* istanbul ignore next */ []));
-    // Cached list of every entity type — needed by the AsDetail save path to resolve
-    // nested type schemas when rebuilding the nested PO wire shape from the flat form dict.
-    allEntityTypes = signal([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "allEntityTypes" }] : /* istanbul ignore next */ []));
-    generalErrors = computed(() => this.validationErrors().filter(e => !e.attributeName), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "generalErrors" }] : /* istanbul ignore next */ []));
-    constructor() {
-        this.route.paramMap.pipe(takeUntilDestroyed()).subscribe(params => this.onParamsChange(params));
-    }
-    async onParamsChange(params) {
-        this.type = params.get('type') || '';
-        this.id = params.get('id') || '';
-        try {
-            const [types, item] = await Promise.all([
-                this.sparkService.getEntityTypes(),
-                this.sparkService.get(this.type, this.id)
-            ]);
-            const entityType = types.find(t => t.id === this.type || t.alias === this.type) || null;
-            this.entityType.set(entityType);
-            this.allEntityTypes.set(types);
-            this.item.set(item);
-            this.initFormData();
-        }
-        catch (e) {
-            const error = e;
-            this.validationErrors.set([{
-                    attributeName: '',
-                    errorMessage: { en: error.error?.error || error.message || 'An unexpected error occurred' },
-                    ruleType: 'error'
-                }]);
-        }
-    }
-    initFormData() {
-        const data = {};
-        const currentItem = this.item();
-        this.getEditableAttributes().forEach(attr => {
-            const itemAttr = currentItem?.attributes.find(a => a.name === attr.name);
-            if (attr.dataType === 'Reference') {
-                data[attr.name] = itemAttr?.value ?? null;
-            }
-            else if (attr.dataType === 'AsDetail') {
-                // Server emits nested PO(s) in attr.object / attr.objects. Flatten back into the
-                // Record<string, any> shape the form has always used so the rest of the component
-                // tree stays unchanged.
-                if (attr.isArray) {
-                    data[attr.name] = (itemAttr?.objects ?? []).map(po => nestedPoToDict(po));
-                }
-                else {
-                    data[attr.name] = itemAttr?.object ? nestedPoToDict(itemAttr.object) : {};
-                }
-            }
-            else if (attr.dataType === 'boolean' && !attr.lookupReferenceType) {
-                // `?? false` only for a real two-state checkbox. A lookup-backed boolean has a third state
-                // that is expressed as the absence of a value, and coercing it here destroyed that BEFORE
-                // the control rendered: merely opening the form and saving turned "unset" into an explicit
-                // false, permanently and with nothing shown to the user.
-                data[attr.name] = itemAttr?.value ?? false;
-            }
-            else if (isDateDataType(attr.dataType)) {
-                // The wire carries a full ISO-8601 instant with an offset; a native date/time control accepts
-                // only a bare local wall clock. Assigning the wire value directly does not fail loudly -- the
-                // control just renders blank, and saving the untouched form writes that blank back.
-                data[attr.name] = toDateInputValue(attr.dataType, itemAttr?.value);
-            }
-            else {
-                data[attr.name] = itemAttr?.value ?? '';
-            }
-        });
-        this.formData.set(data);
-    }
-    /**
-     * Resolves a nested AsDetail type by CLR name, for rebuilding the nested PO wire shape on save.
-     *
-     * ⚠️ <b>`detailTypes` first, catalogue second.</b> The catalogue from `/spark/types` is
-     * <b>Query-gated</b>, and an AsDetail row type usually has no rights of its own — nobody grants
-     * `Query/GateSettings`, because a gate is edited through the Repository that owns it. So the
-     * catalogue does not contain it, the resolver returned undefined, and the save quietly took the
-     * scalar branch: the attribute went out as a raw dict under `value` instead of a nested PO under
-     * `object`, the server could not map it, and `EntityMapper`'s conversion `catch` swallowed the
-     * failure. The save reported success and wrote nothing.
-     * <para>
-     * `detailTypes` is the parent's own copy of its row types, carried on the type definition for
-     * exactly this reason (#385 fixed the rendering half; this is the save half). It is gated on the
-     * parent's right, which is the right that governs editing the row anyway.
-     * </para>
-     */
-    resolveEntityType() {
-        const cache = this.allEntityTypes();
-        const detailTypes = this.entityType()?.detailTypes ?? [];
-        return (clrName) => detailTypes.find(t => t.clrType === clrName) ?? cache.find(t => t.clrType === clrName);
-    }
-    /**
-     * The attributes this page will read values from when it builds the save.
-     *
-     * ⚠️ <b>Overlaid before filtering, not after loading.</b> A refresh hook can reveal an attribute
-     * that was hidden when the object was loaded, and the ordinary reason it does so is that the
-     * attribute has just become required. Filtering on the loaded state left such an attribute out of
-     * both {@link initFormData} and the save payload, so the user filled in a field whose value was
-     * then dropped on the floor and refused by the server as missing — with no way out of the form.
-     * The overlay is the form's, bound two-way, so the two halves cannot drift again.
-     */
-    getEditableAttributes() {
-        const overlay = this.refreshOverlay();
-        return this.entityType()?.attributes
-            .map(a => applyOverlay(a, overlay[a.name]))
-            .filter(a => a.isVisible && !a.isReadOnly && hasShowedOnFlag(a.showedOn, ShowedOn.PersistentObject))
-            .sort((a, b) => a.order - b.order) || [];
-    }
-    async onSave() {
-        const currentItem = this.item();
-        if (!this.entityType() || !currentItem)
-            return;
-        this.validationErrors.set([]);
-        this.isSaving.set(true);
-        const resolver = this.resolveEntityType();
-        const attributes = currentItem.attributes.map(attr => {
-            const editableAttr = this.getEditableAttributes().find(a => a.name === attr.name);
-            // AsDetail: formData[name] is a flat dict (single) or array of dicts (array). Rebuild
-            // the nested PO wire shape so the server's polymorphic converter hydrates it into a
-            // PersistentObjectAttributeAsDetail.
-            if (editableAttr?.dataType === 'AsDetail' && editableAttr.asDetailType) {
-                const nestedType = resolver(editableAttr.asDetailType);
-                if (nestedType) {
-                    const raw = this.formData()[attr.name];
-                    if (editableAttr.isArray) {
-                        const items = Array.isArray(raw) ? raw : [];
-                        return {
-                            ...attr,
-                            value: null,
-                            object: null,
-                            objects: items.map(item => dictToNestedPo((item ?? {}), nestedType, resolver)),
-                            asDetailType: editableAttr.asDetailType,
-                            isValueChanged: true,
-                        };
-                    }
-                    return {
-                        ...attr,
-                        value: null,
-                        object: raw ? dictToNestedPo(raw, nestedType, resolver) : null,
-                        objects: null,
-                        asDetailType: editableAttr.asDetailType,
-                        isValueChanged: true,
-                    };
-                }
-            }
-            // `in`, not a truthiness or `?? attr.value` check: an attribute the refresh revealed has no
-            // slot until its control writes one, and an attribute the user cleared has a slot holding ''.
-            // Coalescing would resurrect the loaded value on exactly the edit that removed it.
-            const formData = this.formData();
-            const rawValue = editableAttr && attr.name in formData ? formData[attr.name] : attr.value;
-            if (editableAttr && isDateDataType(editableAttr.dataType)) {
-                // Back out of the control's bare wall clock into a complete ISO-8601 instant, carrying the
-                // viewer's offset for the entered date.
-                const converted = fromDateInputValue(editableAttr.dataType, rawValue);
-                // Compare by instant, not by text: the round trip rewrites the offset to the viewer's even
-                // when nothing was edited.
-                const changed = !wireDatesEqual(converted, attr.value);
-                return {
-                    ...attr,
-                    // When the value did not actually change, send back exactly what was loaded. Sending the
-                    // re-converted string would preserve the instant but rewrite the stored offset to the
-                    // viewer's, so merely opening a record and saving it would relabel a Seattle registration
-                    // as a Brussels one. The offset is not business data (so the instant is what we guarantee),
-                    // but there is no reason to discard it on a save that changed nothing.
-                    value: changed ? converted : attr.value,
-                    isValueChanged: changed,
-                };
-            }
-            const newValue = rawValue;
-            return {
-                ...attr,
-                value: newValue,
-                isValueChanged: editableAttr ? newValue !== attr.value : false
-            };
-        });
-        const po = {
-            id: currentItem.id,
-            // Send back the token this object was loaded with. Left out, the server skips the
-            // concurrency check entirely -- it is opt-in by presence -- and a save over somebody else's
-            // edit succeeds silently. Left as undefined when the server sent none, which drops the key
-            // from the JSON and restores exactly the old behaviour rather than sending an empty string
-            // that could never match.
-            etag: currentItem.etag,
-            name: this.formData()['Name'] || currentItem.name,
-            objectTypeId: this.entityType().id,
-            attributes
-        };
-        try {
-            const result = await this.sparkService.update(this.type, this.id, po);
-            this.isSaving.set(false);
-            this.saved.emit(result);
-            this.router.navigate(['/po', this.type, this.id]);
-        }
-        catch (e) {
-            this.isSaving.set(false);
-            const error = e;
-            // ⚠️ The errors live under `result`, because every endpoint wraps its body in a
-            // ClientOperationEnvelope: `{ result: { errors: [...] }, operations: [] }`. Reading
-            // `error.error.errors` matched nothing, so this branch was dead and EVERY save-time
-            // validation failure fell through to the raw Angular HTTP string below.
-            const errors = error.error?.result?.errors ?? error.error?.errors;
-            if (error.status === 400 && errors) {
-                this.validationErrors.set(errors);
-            }
-            else if (error.status === 409) {
-                // Somebody saved this record between the load and this save. The server's own body says
-                // only "Concurrency conflict" -- deliberately, since the real message carries the change
-                // vector -- which is accurate, untranslated, and tells the user nothing to do about it.
-                // The form keeps its values, so the typing is not lost.
-                this.validationErrors.set([{
-                        attributeName: '',
-                        errorMessage: { en: this.language.t('common.concurrencyConflict') },
-                        ruleType: 'error'
-                    }]);
-            }
-            else {
-                this.validationErrors.set([{
-                        attributeName: '',
-                        // Prefer the server's own message, as the load path already does. A refusal arrives as
-                        // 404 by design (an anti-oracle measure), and `error.message` renders that as
-                        // "Http failure response for /spark/po/...: 404 Not Found" inside the validation summary.
-                        errorMessage: { en: error.error?.result?.error || error.error?.error || error.message || 'An unexpected error occurred' },
-                        ruleType: 'error'
-                    }]);
-            }
-        }
-    }
-    onCancel() {
-        this.cancelled.emit();
-        this.router.navigate(['/po', this.type, this.id]);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkPoEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: SparkPoEditComponent, isStandalone: true, selector: "spark-po-edit", outputs: { saved: "saved", cancelled: "cancelled" }, ngImport: i0, template: "<bs-container>\n<div class=\"container\">\n  @for (error of generalErrors(); track error.errorMessage) {\n    <bs-alert [type]=\"colors.danger\" class=\"mb-3\">\n      {{ error.errorMessage | resolveTranslation }}\n    </bs-alert>\n  }\n\n  @if (entityType(); as et) {\n    @if (item()) {\n    <h2 class=\"mb-4\">{{ 'common.edit' | t }} {{ (et.description | resolveTranslation) || et.name }}</h2>\n\n    <spark-po-form\n      [entityType]=\"et\"\n      [(formData)]=\"formData\"\n      [(refreshOverlay)]=\"refreshOverlay\"\n      [objectTypeId]=\"type\"\n      [objectId]=\"id\"\n      [validationErrors]=\"validationErrors()\"\n      [showButtons]=\"true\"\n      [isSaving]=\"isSaving()\"\n      [parentId]=\"id\"\n      [parentType]=\"type\"\n      (save)=\"onSave()\"\n      (cancel)=\"onCancel()\">\n    </spark-po-form>\n    }\n  } @else {\n    <div class=\"text-center p-5\">\n      <bs-spinner />\n    </div>\n  }\n</div>\n</bs-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: BsAlertComponent, selector: "bs-alert", inputs: ["type", "announce", "isVisible"], outputs: ["isVisibleChange", "afterOpenedOrClosed"] }, { kind: "component", type: BsContainerComponent, selector: "bs-container" }, { kind: "component", type: BsSpinnerComponent, selector: "bs-spinner", inputs: ["type", "color"] }, { kind: "component", type: SparkPoFormComponent, selector: "spark-po-form", inputs: ["entityType", "formData", "validationErrors", "showButtons", "isSaving", "parentId", "parentType", "objectTypeId", "objectId", "triggerPathPrefix", "refreshOverlay"], outputs: ["formDataChange", "save", "cancel", "nestedTriggerRequested", "nestedTriggerBlurred", "refreshOverlayChange"] }, { kind: "pipe", type: ResolveTranslationPipe, name: "resolveTranslation" }, { kind: "pipe", type: TranslateKeyPipe, name: "t" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SparkPoEditComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'spark-po-edit', imports: [CommonModule, BsAlertComponent, BsContainerComponent, BsSpinnerComponent, SparkPoFormComponent, ResolveTranslationPipe, TranslateKeyPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<bs-container>\n<div class=\"container\">\n  @for (error of generalErrors(); track error.errorMessage) {\n    <bs-alert [type]=\"colors.danger\" class=\"mb-3\">\n      {{ error.errorMessage | resolveTranslation }}\n    </bs-alert>\n  }\n\n  @if (entityType(); as et) {\n    @if (item()) {\n    <h2 class=\"mb-4\">{{ 'common.edit' | t }} {{ (et.description | resolveTranslation) || et.name }}</h2>\n\n    <spark-po-form\n      [entityType]=\"et\"\n      [(formData)]=\"formData\"\n      [(refreshOverlay)]=\"refreshOverlay\"\n      [objectTypeId]=\"type\"\n      [objectId]=\"id\"\n      [validationErrors]=\"validationErrors()\"\n      [showButtons]=\"true\"\n      [isSaving]=\"isSaving()\"\n      [parentId]=\"id\"\n      [parentType]=\"type\"\n      (save)=\"onSave()\"\n      (cancel)=\"onCancel()\">\n    </spark-po-form>\n    }\n  } @else {\n    <div class=\"text-center p-5\">\n      <bs-spinner />\n    </div>\n  }\n</div>\n</bs-container>\n" }]
-        }], ctorParameters: () => [], propDecorators: { saved: [{ type: i0.Output, args: ["saved"] }], cancelled: [{ type: i0.Output, args: ["cancelled"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, inject, output, signal } from "@angular/core";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import { CommonModule } from "@angular/common";
+import { ActivatedRoute, Router } from "@angular/router";
+import { Color } from "@mintplayer/ng-bootstrap";
+import { BsAlertComponent } from "@mintplayer/ng-bootstrap/alert";
+import { BsContainerComponent } from "@mintplayer/ng-bootstrap/container";
+import { BsSpinnerComponent } from "@mintplayer/ng-bootstrap/spinner";
+import { SparkLanguageService, SparkService } from "@mintplayer/ng-spark/services";
+import { SparkPoFormComponent } from "@mintplayer/ng-spark/po-form";
+import { ResolveTranslationPipe, TranslateKeyPipe } from "@mintplayer/ng-spark/pipes";
+import { ShowedOn, applyOverlay, dictToNestedPo, fromDateInputValue, hasShowedOnFlag, isDateDataType, nestedPoToDict, toDateInputValue, wireDatesEqual } from "@mintplayer/ng-spark/models";
+var SparkPoEditComponent = class SparkPoEditComponent {
+	route = inject(ActivatedRoute);
+	router = inject(Router);
+	sparkService = inject(SparkService);
+	language = inject(SparkLanguageService);
+	saved = output();
+	cancelled = output();
+	colors = Color;
+	entityType = signal(null, ...ngDevMode ? [{ debugName: "entityType" }] : /* istanbul ignore next */ []);
+	item = signal(null, ...ngDevMode ? [{ debugName: "item" }] : /* istanbul ignore next */ []);
+	type = "";
+	id = "";
+	formData = signal({}, ...ngDevMode ? [{ debugName: "formData" }] : /* istanbul ignore next */ []);
+	refreshOverlay = signal({}, ...ngDevMode ? [{ debugName: "refreshOverlay" }] : /* istanbul ignore next */ []);
+	validationErrors = signal([], ...ngDevMode ? [{ debugName: "validationErrors" }] : /* istanbul ignore next */ []);
+	isSaving = signal(false, ...ngDevMode ? [{ debugName: "isSaving" }] : /* istanbul ignore next */ []);
+	allEntityTypes = signal([], ...ngDevMode ? [{ debugName: "allEntityTypes" }] : /* istanbul ignore next */ []);
+	generalErrors = computed(() => this.validationErrors().filter((e) => !e.attributeName), ...ngDevMode ? [{ debugName: "generalErrors" }] : /* istanbul ignore next */ []);
+	constructor() {
+		this.route.paramMap.pipe(takeUntilDestroyed()).subscribe((params) => this.onParamsChange(params));
+	}
+	async onParamsChange(params) {
+		this.type = params.get("type") || "";
+		this.id = params.get("id") || "";
+		try {
+			const [types, item] = await Promise.all([this.sparkService.getEntityTypes(), this.sparkService.get(this.type, this.id)]);
+			const entityType = types.find((t) => t.id === this.type || t.alias === this.type) || null;
+			this.entityType.set(entityType);
+			this.allEntityTypes.set(types);
+			this.item.set(item);
+			this.initFormData();
+		} catch (e) {
+			const error = e;
+			this.validationErrors.set([{
+				attributeName: "",
+				errorMessage: { en: error.error?.error || error.message || "An unexpected error occurred" },
+				ruleType: "error"
+			}]);
+		}
+	}
+	initFormData() {
+		const data = {};
+		const currentItem = this.item();
+		this.getEditableAttributes().forEach((attr) => {
+			const itemAttr = currentItem?.attributes.find((a) => a.name === attr.name);
+			if (attr.dataType === "Reference") data[attr.name] = itemAttr?.value ?? null;
+			else if (attr.dataType === "AsDetail") {
+				if (attr.isArray) data[attr.name] = (itemAttr?.objects ?? []).map((po) => nestedPoToDict(po));
+				else data[attr.name] = itemAttr?.object ? nestedPoToDict(itemAttr.object) : {};
+			} else if (attr.dataType === "boolean" && !attr.lookupReferenceType) data[attr.name] = itemAttr?.value ?? false;
+			else if (isDateDataType(attr.dataType)) data[attr.name] = toDateInputValue(attr.dataType, itemAttr?.value);
+			else data[attr.name] = itemAttr?.value ?? "";
+		});
+		this.formData.set(data);
+	}
+	resolveEntityType() {
+		const cache = this.allEntityTypes();
+		const detailTypes = this.entityType()?.detailTypes ?? [];
+		return (clrName) => detailTypes.find((t) => t.clrType === clrName) ?? cache.find((t) => t.clrType === clrName);
+	}
+	getEditableAttributes() {
+		const overlay = this.refreshOverlay();
+		return this.entityType()?.attributes.map((a) => applyOverlay(a, overlay[a.name])).filter((a) => a.isVisible && !a.isReadOnly && hasShowedOnFlag(a.showedOn, ShowedOn.PersistentObject)).sort((a, b) => a.order - b.order) || [];
+	}
+	async onSave() {
+		const currentItem = this.item();
+		if (!this.entityType() || !currentItem) return;
+		this.validationErrors.set([]);
+		this.isSaving.set(true);
+		const resolver = this.resolveEntityType();
+		const attributes = currentItem.attributes.map((attr) => {
+			const editableAttr = this.getEditableAttributes().find((a) => a.name === attr.name);
+			if (editableAttr?.dataType === "AsDetail" && editableAttr.asDetailType) {
+				const nestedType = resolver(editableAttr.asDetailType);
+				if (nestedType) {
+					const raw = this.formData()[attr.name];
+					if (editableAttr.isArray) {
+						const items = Array.isArray(raw) ? raw : [];
+						return {
+							...attr,
+							value: null,
+							object: null,
+							objects: items.map((item) => dictToNestedPo(item ?? {}, nestedType, resolver)),
+							asDetailType: editableAttr.asDetailType,
+							isValueChanged: true
+						};
+					}
+					return {
+						...attr,
+						value: null,
+						object: raw ? dictToNestedPo(raw, nestedType, resolver) : null,
+						objects: null,
+						asDetailType: editableAttr.asDetailType,
+						isValueChanged: true
+					};
+				}
+			}
+			const formData = this.formData();
+			const rawValue = editableAttr && attr.name in formData ? formData[attr.name] : attr.value;
+			if (editableAttr && isDateDataType(editableAttr.dataType)) {
+				const converted = fromDateInputValue(editableAttr.dataType, rawValue);
+				const changed = !wireDatesEqual(converted, attr.value);
+				return {
+					...attr,
+					value: changed ? converted : attr.value,
+					isValueChanged: changed
+				};
+			}
+			const newValue = rawValue;
+			return {
+				...attr,
+				value: newValue,
+				isValueChanged: editableAttr ? newValue !== attr.value : false
+			};
+		});
+		const po = {
+			id: currentItem.id,
+			etag: currentItem.etag,
+			name: this.formData()["Name"] || currentItem.name,
+			objectTypeId: this.entityType().id,
+			attributes
+		};
+		try {
+			const result = await this.sparkService.update(this.type, this.id, po);
+			this.isSaving.set(false);
+			this.saved.emit(result);
+			this.router.navigate([
+				"/po",
+				this.type,
+				this.id
+			]);
+		} catch (e) {
+			this.isSaving.set(false);
+			const error = e;
+			const errors = error.error?.result?.errors ?? error.error?.errors;
+			if (error.status === 400 && errors) this.validationErrors.set(errors);
+			else if (error.status === 409) this.validationErrors.set([{
+				attributeName: "",
+				errorMessage: { en: this.language.t("common.concurrencyConflict") },
+				ruleType: "error"
+			}]);
+			else this.validationErrors.set([{
+				attributeName: "",
+				errorMessage: { en: error.error?.result?.error || error.error?.error || error.message || "An unexpected error occurred" },
+				ruleType: "error"
+			}]);
+		}
+	}
+	onCancel() {
+		this.cancelled.emit();
+		this.router.navigate([
+			"/po",
+			this.type,
+			this.id
+		]);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: SparkPoEditComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: SparkPoEditComponent,
+		isStandalone: true,
+		selector: "spark-po-edit",
+		outputs: {
+			saved: "saved",
+			cancelled: "cancelled"
+		},
+		ngImport: i0,
+		template: "<bs-container>\n<div class=\"container\">\n  @for (error of generalErrors(); track error.errorMessage) {\n    <bs-alert [type]=\"colors.danger\" class=\"mb-3\">\n      {{ error.errorMessage | resolveTranslation }}\n    </bs-alert>\n  }\n\n  @if (entityType(); as et) {\n    @if (item()) {\n    <h2 class=\"mb-4\">{{ 'common.edit' | t }} {{ (et.description | resolveTranslation) || et.name }}</h2>\n\n    <spark-po-form\n      [entityType]=\"et\"\n      [(formData)]=\"formData\"\n      [(refreshOverlay)]=\"refreshOverlay\"\n      [objectTypeId]=\"type\"\n      [objectId]=\"id\"\n      [validationErrors]=\"validationErrors()\"\n      [showButtons]=\"true\"\n      [isSaving]=\"isSaving()\"\n      [parentId]=\"id\"\n      [parentType]=\"type\"\n      (save)=\"onSave()\"\n      (cancel)=\"onCancel()\">\n    </spark-po-form>\n    }\n  } @else {\n    <div class=\"text-center p-5\">\n      <bs-spinner />\n    </div>\n  }\n</div>\n</bs-container>\n",
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: CommonModule
+			},
+			{
+				kind: "component",
+				type: BsAlertComponent,
+				selector: "bs-alert",
+				inputs: [
+					"type",
+					"announce",
+					"isVisible"
+				],
+				outputs: ["isVisibleChange", "afterOpenedOrClosed"]
+			},
+			{
+				kind: "component",
+				type: BsContainerComponent,
+				selector: "bs-container"
+			},
+			{
+				kind: "component",
+				type: BsSpinnerComponent,
+				selector: "bs-spinner",
+				inputs: ["type", "color"]
+			},
+			{
+				kind: "component",
+				type: SparkPoFormComponent,
+				selector: "spark-po-form",
+				inputs: [
+					"entityType",
+					"formData",
+					"validationErrors",
+					"showButtons",
+					"isSaving",
+					"parentId",
+					"parentType",
+					"objectTypeId",
+					"objectId",
+					"triggerPathPrefix",
+					"refreshOverlay"
+				],
+				outputs: [
+					"formDataChange",
+					"save",
+					"cancel",
+					"nestedTriggerRequested",
+					"nestedTriggerBlurred",
+					"refreshOverlayChange"
+				]
+			},
+			{
+				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: SparkPoEditComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "spark-po-edit",
+			imports: [
+				CommonModule,
+				BsAlertComponent,
+				BsContainerComponent,
+				BsSpinnerComponent,
+				SparkPoFormComponent,
+				ResolveTranslationPipe,
+				TranslateKeyPipe
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<bs-container>\n<div class=\"container\">\n  @for (error of generalErrors(); track error.errorMessage) {\n    <bs-alert [type]=\"colors.danger\" class=\"mb-3\">\n      {{ error.errorMessage | resolveTranslation }}\n    </bs-alert>\n  }\n\n  @if (entityType(); as et) {\n    @if (item()) {\n    <h2 class=\"mb-4\">{{ 'common.edit' | t }} {{ (et.description | resolveTranslation) || et.name }}</h2>\n\n    <spark-po-form\n      [entityType]=\"et\"\n      [(formData)]=\"formData\"\n      [(refreshOverlay)]=\"refreshOverlay\"\n      [objectTypeId]=\"type\"\n      [objectId]=\"id\"\n      [validationErrors]=\"validationErrors()\"\n      [showButtons]=\"true\"\n      [isSaving]=\"isSaving()\"\n      [parentId]=\"id\"\n      [parentType]=\"type\"\n      (save)=\"onSave()\"\n      (cancel)=\"onCancel()\">\n    </spark-po-form>\n    }\n  } @else {\n    <div class=\"text-center p-5\">\n      <bs-spinner />\n    </div>\n  }\n</div>\n</bs-container>\n"
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		saved: [{
+			type: i0.Output,
+			args: ["saved"]
+		}],
+		cancelled: [{
+			type: i0.Output,
+			args: ["cancelled"]
+		}]
+	}
+});
 export { SparkPoEditComponent };
-//# sourceMappingURL=mintplayer-ng-spark-po-edit.mjs.map
+
+//# sourceMappingURL=mintplayer-ng-spark-po-edit.mjs.map