@memberjunction/ng-record-changes 5.27.1 → 5.28.0

package/dist/lib/restore-preview-panel/restore-preview-panel.component.js

@@ -0,0 +1,748 @@
+import { Component, ChangeDetectionStrategy, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
+import { EntityFieldTSType, Metadata, } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-versions";
+const _forTrack0 = ($index, $item) => $item.FieldName;
+function RestorePreviewPanelComponent_Conditional_1_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span")(1, "strong");
+    i0.ɵɵtext(2, "By:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.VersionUser);
+} }
+function RestorePreviewPanelComponent_Conditional_1_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵelement(1, "i", 20);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate2("", ctx_r1.DriftCount, " field", ctx_r1.DriftCount === 1 ? "" : "s", " from this snapshot no longer exist on the entity and will be skipped.");
+} }
+function RestorePreviewPanelComponent_Conditional_1_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵelement(1, "i", 21);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No fields could be parsed from this snapshot.");
+    i0.ɵɵelementEnd()();
+} }
+function RestorePreviewPanelComponent_Conditional_1_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 10)(1, "span", 22);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 23)(4, "button", 24);
+    i0.ɵɵlistener("click", function RestorePreviewPanelComponent_Conditional_1_Conditional_15_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SelectAll()); });
+    i0.ɵɵtext(5, "Select all changed");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "span", 25);
+    i0.ɵɵtext(7, "\u00B7");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "button", 24);
+    i0.ɵɵlistener("click", function RestorePreviewPanelComponent_Conditional_1_Conditional_15_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.DeselectAll()); });
+    i0.ɵɵtext(9, "Deselect all");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2("", ctx_r1.ChangedCount, " field", ctx_r1.ChangedCount === 1 ? "" : "s", " differ from current");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r1.IsRestoring);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("disabled", ctx_r1.IsRestoring);
+} }
+function RestorePreviewPanelComponent_Conditional_1_Conditional_16_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th", 33);
+    i0.ɵɵtext(1, "Current Value");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "th", 34);
+    i0.ɵɵtext(3, "Restore To");
+    i0.ɵɵelementEnd();
+} }
+function RestorePreviewPanelComponent_Conditional_1_Conditional_16_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th", 30);
+    i0.ɵɵtext(1, "Will be created with");
+    i0.ɵɵelementEnd();
+} }
+function RestorePreviewPanelComponent_Conditional_1_Conditional_16_For_12_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 37);
+} }
+function RestorePreviewPanelComponent_Conditional_1_Conditional_16_For_12_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 33);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "td", 34);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r5 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵclassProp("rpp-empty-cell", !row_r5.CurrentValue);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", row_r5.CurrentValue || "(empty)", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("rpp-empty-cell", !row_r5.RestoreValue);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", row_r5.RestoreValue || "(empty)", " ");
+} }
+function RestorePreviewPanelComponent_Conditional_1_Conditional_16_For_12_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 30);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r5 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵclassProp("rpp-empty-cell", !row_r5.RestoreValue);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", row_r5.RestoreValue || "(empty)", " ");
+} }
+function RestorePreviewPanelComponent_Conditional_1_Conditional_16_For_12_Conditional_0_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 41);
+} }
+function RestorePreviewPanelComponent_Conditional_1_Conditional_16_For_12_Conditional_0_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 42);
+} }
+function RestorePreviewPanelComponent_Conditional_1_Conditional_16_For_12_Conditional_0_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 43);
+} }
+function RestorePreviewPanelComponent_Conditional_1_Conditional_16_For_12_Conditional_0_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 44);
+} }
+function RestorePreviewPanelComponent_Conditional_1_Conditional_16_For_12_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr")(1, "td", 28)(2, "button", 36);
+    i0.ɵɵlistener("click", function RestorePreviewPanelComponent_Conditional_1_Conditional_16_For_12_Conditional_0_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r4); const row_r5 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.ToggleRow(row_r5)); });
+    i0.ɵɵconditionalCreate(3, RestorePreviewPanelComponent_Conditional_1_Conditional_16_For_12_Conditional_0_Conditional_3_Template, 1, 0, "i", 37);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(4, "td", 29)(5, "div", 38);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 39);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(9, RestorePreviewPanelComponent_Conditional_1_Conditional_16_For_12_Conditional_0_Conditional_9_Template, 4, 6)(10, RestorePreviewPanelComponent_Conditional_1_Conditional_16_For_12_Conditional_0_Conditional_10_Template, 2, 3, "td", 40);
+    i0.ɵɵelementStart(11, "td", 31);
+    i0.ɵɵconditionalCreate(12, RestorePreviewPanelComponent_Conditional_1_Conditional_16_For_12_Conditional_0_Conditional_12_Template, 1, 0, "i", 41)(13, RestorePreviewPanelComponent_Conditional_1_Conditional_16_For_12_Conditional_0_Conditional_13_Template, 1, 0, "i", 42)(14, RestorePreviewPanelComponent_Conditional_1_Conditional_16_For_12_Conditional_0_Conditional_14_Template, 1, 0, "i", 43)(15, RestorePreviewPanelComponent_Conditional_1_Conditional_16_For_12_Conditional_0_Conditional_15_Template, 1, 0, "i", 44);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const row_r5 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("rpp-row-changed", row_r5.IsChanged)("rpp-row-unchanged", !row_r5.IsChanged)("rpp-row-immutable", row_r5.IsImmutable)("rpp-row-drift", row_r5.IsMissingInSchema);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("checked", row_r5.Selected)("disabled", row_r5.IsImmutable || row_r5.IsMissingInSchema);
+    i0.ɵɵproperty("disabled", row_r5.IsImmutable || row_r5.IsMissingInSchema || ctx_r1.IsRestoring);
+    i0.ɵɵattribute("aria-label", "Toggle " + row_r5.DisplayName);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(row_r5.Selected ? 3 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(row_r5.DisplayName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r5.FieldName);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.Mode === "live" ? 9 : 10);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(row_r5.IsMissingInSchema ? 12 : row_r5.IsImmutable ? 13 : row_r5.IsChanged ? 14 : 15);
+} }
+function RestorePreviewPanelComponent_Conditional_1_Conditional_16_For_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, RestorePreviewPanelComponent_Conditional_1_Conditional_16_For_12_Conditional_0_Template, 16, 19, "tr", 35);
+} if (rf & 2) {
+    const row_r5 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵconditional(row_r5.IsChanged || ctx_r1.ShowUnchanged ? 0 : -1);
+} }
+function RestorePreviewPanelComponent_Conditional_1_Conditional_16_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 45);
+    i0.ɵɵlistener("click", function RestorePreviewPanelComponent_Conditional_1_Conditional_16_Conditional_13_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.ToggleUnchanged()); });
+    i0.ɵɵelement(1, "i", 46);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-chevron-right", !ctx_r1.ShowUnchanged)("fa-chevron-down", ctx_r1.ShowUnchanged);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate3("", ctx_r1.ShowUnchanged ? "Hide" : "Show", " ", ctx_r1.UnchangedCount, " unchanged field", ctx_r1.UnchangedCount === 1 ? "" : "s");
+} }
+function RestorePreviewPanelComponent_Conditional_1_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 26)(1, "table", 27)(2, "thead")(3, "tr");
+    i0.ɵɵelement(4, "th", 28);
+    i0.ɵɵelementStart(5, "th", 29);
+    i0.ɵɵtext(6, "Field");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(7, RestorePreviewPanelComponent_Conditional_1_Conditional_16_Conditional_7_Template, 4, 0)(8, RestorePreviewPanelComponent_Conditional_1_Conditional_16_Conditional_8_Template, 2, 0, "th", 30);
+    i0.ɵɵelement(9, "th", 31);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "tbody");
+    i0.ɵɵrepeaterCreate(11, RestorePreviewPanelComponent_Conditional_1_Conditional_16_For_12_Template, 1, 1, null, null, _forTrack0);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(13, RestorePreviewPanelComponent_Conditional_1_Conditional_16_Conditional_13_Template, 4, 7, "button", 32);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(7);
+    i0.ɵɵconditional(ctx_r1.Mode === "live" ? 7 : 8);
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(ctx_r1.Rows);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.UnchangedCount > 0 && ctx_r1.Mode === "live" ? 13 : -1);
+} }
+function RestorePreviewPanelComponent_Conditional_1_Conditional_17_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 48);
+    i0.ɵɵtext(1, "*");
+    i0.ɵɵelementEnd();
+} }
+function RestorePreviewPanelComponent_Conditional_1_Conditional_17_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 49);
+    i0.ɵɵtext(1, "(optional)");
+    i0.ɵɵelementEnd();
+} }
+function RestorePreviewPanelComponent_Conditional_1_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 11)(1, "label", 47);
+    i0.ɵɵtext(2, " Reason for restore ");
+    i0.ɵɵconditionalCreate(3, RestorePreviewPanelComponent_Conditional_1_Conditional_17_Conditional_3_Template, 2, 0, "span", 48)(4, RestorePreviewPanelComponent_Conditional_1_Conditional_17_Conditional_4_Template, 2, 0, "span", 49);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "textarea", 50);
+    i0.ɵɵtwoWayListener("ngModelChange", function RestorePreviewPanelComponent_Conditional_1_Conditional_17_Template_textarea_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.Reason, $event) || (ctx_r1.Reason = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.RequireReason ? 3 : 4);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.Reason);
+    i0.ɵɵproperty("disabled", ctx_r1.IsRestoring);
+} }
+function RestorePreviewPanelComponent_Conditional_1_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, "A snapshot of the current state is saved automatically before the restore.");
+    i0.ɵɵelementEnd();
+} }
+function RestorePreviewPanelComponent_Conditional_1_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, "A new \"Created\" entry will be added to this record's history, linked back to the original deletion.");
+    i0.ɵɵelementEnd();
+} }
+function RestorePreviewPanelComponent_Conditional_1_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 17);
+} }
+function RestorePreviewPanelComponent_Conditional_1_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 18);
+} }
+function RestorePreviewPanelComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "div", 3);
+    i0.ɵɵelement(3, "i", 4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 5)(5, "div", 6);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 7)(8, "span")(9, "strong");
+    i0.ɵɵtext(10, "Version:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(12, RestorePreviewPanelComponent_Conditional_1_Conditional_12_Template, 4, 1, "span");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(13, RestorePreviewPanelComponent_Conditional_1_Conditional_13_Template, 4, 2, "div", 8);
+    i0.ɵɵconditionalCreate(14, RestorePreviewPanelComponent_Conditional_1_Conditional_14_Template, 4, 0, "div", 9);
+    i0.ɵɵconditionalCreate(15, RestorePreviewPanelComponent_Conditional_1_Conditional_15_Template, 10, 4, "div", 10);
+    i0.ɵɵconditionalCreate(16, RestorePreviewPanelComponent_Conditional_1_Conditional_16_Template, 14, 2);
+    i0.ɵɵconditionalCreate(17, RestorePreviewPanelComponent_Conditional_1_Conditional_17_Template, 6, 3, "div", 11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "div", 12)(19, "div", 13);
+    i0.ɵɵelement(20, "i", 14);
+    i0.ɵɵconditionalCreate(21, RestorePreviewPanelComponent_Conditional_1_Conditional_21_Template, 2, 0, "span")(22, RestorePreviewPanelComponent_Conditional_1_Conditional_22_Template, 2, 0, "span");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(23, "div", 15)(24, "button", 16);
+    i0.ɵɵlistener("click", function RestorePreviewPanelComponent_Conditional_1_Template_button_click_24_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ConfirmRestore()); });
+    i0.ɵɵconditionalCreate(25, RestorePreviewPanelComponent_Conditional_1_Conditional_25_Template, 1, 0, "i", 17)(26, RestorePreviewPanelComponent_Conditional_1_Conditional_26_Template, 1, 0, "i", 18);
+    i0.ɵɵtext(27);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(28, "button", 19);
+    i0.ɵɵlistener("click", function RestorePreviewPanelComponent_Conditional_1_Template_button_click_28_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Cancel()); });
+    i0.ɵɵtext(29, "Cancel");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.HeaderTitle);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatTimestamp(ctx_r1.VersionTimestamp));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.VersionUser ? 12 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.DriftCount > 0 ? 13 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.Rows.length === 0 ? 14 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.Rows.length > 0 && ctx_r1.Mode !== "undelete" ? 15 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.Rows.length > 0 ? 16 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r1.HideReason && ctx_r1.Rows.length > 0 ? 17 : -1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r1.Mode === "live" ? 21 : 22);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", ctx_r1.IsRestoreDisabled);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.IsRestoring ? 25 : 26);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.RestoreButtonLabel, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r1.IsRestoring);
+} }
+/**
+ * Reusable slide-in panel that previews a restore operation against a
+ * historical {@link MJRecordChangeEntity} and lets the user confirm with
+ * field-level granularity.
+ *
+ * This component is rendered by both:
+ * - The Record Changes timeline (for restoring a live record from any past
+ *   change row)
+ * - The Recycle Bin (for re-creating a hard-deleted record from its delete
+ *   snapshot)
+ *
+ * It does NOT perform the save itself — the host component receives a
+ * {@link RestoreCommitEvent} with the selected field values and is
+ * responsible for applying them to a BaseEntity, setting the restore
+ * context, and calling Save(). This keeps the component purely
+ * presentational and reusable in any context.
+ *
+ * ### Semantic correctness
+ *
+ * The preview compares the **full snapshot** captured in the source
+ * change's `FullRecordJSON` to the current live record (or to nothing in
+ * un-delete mode). It does NOT roll back a single delta — restoring `v2`
+ * means "make the record look like it did at v2", not "undo v3's changes".
+ *
+ * @example Live restore from the timeline
+ *   <mj-restore-preview-panel
+ *     [Visible]="showPreview"
+ *     [Mode]="'live'"
+ *     [RecordChange]="selectedChange"
+ *     [LiveRecord]="record"
+ *     (RestoreConfirmed)="onRestoreConfirmed($event)"
+ *     (RestoreCancelled)="showPreview = false">
+ *   </mj-restore-preview-panel>
+ *
+ * @example Un-delete from the Recycle Bin
+ *   <mj-restore-preview-panel
+ *     [Visible]="showPreview"
+ *     [Mode]="'undelete'"
+ *     [RecordChange]="deletedChange"
+ *     [EntityName]="'Customers'"
+ *     (RestoreConfirmed)="onRecreate($event)"
+ *     (RestoreCancelled)="showPreview = false">
+ *   </mj-restore-preview-panel>
+ */
+export class RestorePreviewPanelComponent {
+    cdr;
+    // ─── Inputs ─────────────────────────────────────────────────────
+    /**
+     * Controls panel visibility. Setting to true opens the slide-in;
+     * setting to false closes it.
+     */
+    Visible = false;
+    /**
+     * Operating mode — `'live'` for restoring an existing record from a
+     * snapshot, `'undelete'` for re-creating a hard-deleted record.
+     */
+    Mode = 'live';
+    /**
+     * The historical RecordChange row whose state will be restored. Required.
+     * The component reads `FullRecordJSON` from this entity to determine the
+     * target state. The change's `Type` does not matter — `Create`,
+     * `Update`, `Snapshot`, and `Delete` are all valid restore sources.
+     */
+    _recordChange = null;
+    set RecordChange(value) {
+        this._recordChange = value;
+        if (this.isInitialized)
+            this.rebuildRows();
+    }
+    get RecordChange() {
+        return this._recordChange;
+    }
+    /**
+     * The current live record to diff against. Required in `'live'` mode,
+     * ignored in `'undelete'` mode (since the live record no longer exists).
+     */
+    _liveRecord = null;
+    set LiveRecord(value) {
+        this._liveRecord = value;
+        if (this.isInitialized)
+            this.rebuildRows();
+    }
+    get LiveRecord() {
+        return this._liveRecord;
+    }
+    /**
+     * The entity name. Required in `'undelete'` mode (since there's no live
+     * record to read it from). In `'live'` mode it can be omitted and is
+     * inferred from the LiveRecord.
+     */
+    EntityName = null;
+    /**
+     * When true, the Restore button is disabled until the user enters a
+     * non-empty reason. Useful for regulated environments where every
+     * reversal needs justification. Default: false.
+     */
+    RequireReason = false;
+    /**
+     * When true, hides the optional reason text area entirely. Default: false.
+     */
+    HideReason = false;
+    // ─── Outputs ────────────────────────────────────────────────────
+    /**
+     * Cancelable event fired when the user clicks Restore but before
+     * {@link RestoreConfirmed} emits. Consumers can set `cancel = true` on
+     * the event arg to abort the operation — useful for custom approval
+     * workflows or for taking over the save themselves.
+     */
+    BeforeRestoreCommit = new EventEmitter();
+    /**
+     * Emitted after the user confirms the restore (and BeforeRestoreCommit
+     * was not cancelled). The host is responsible for applying the field
+     * values to a BaseEntity, calling SetRestoreContext, and invoking Save().
+     */
+    RestoreConfirmed = new EventEmitter();
+    /**
+     * Emitted when the user cancels the preview without restoring.
+     */
+    RestoreCancelled = new EventEmitter();
+    // ─── Public state (read by template) ────────────────────────────
+    Rows = [];
+    Reason = '';
+    IsRestoring = false;
+    ShowUnchanged = false;
+    /** Number of rows where the current value differs from the snapshot. */
+    ChangedCount = 0;
+    /** Number of rows that are checked (will be applied on restore). */
+    SelectedCount = 0;
+    /** Number of rows the schema has dropped or renamed since the snapshot. */
+    DriftCount = 0;
+    isInitialized = false;
+    resolvedEntityInfo = null;
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    ngOnInit() {
+        this.isInitialized = true;
+        this.rebuildRows();
+    }
+    // ─── Public methods ─────────────────────────────────────────────
+    /**
+     * Toggles whether unchanged rows are visible in the table. When false
+     * (default), only rows where current ≠ snapshot are shown.
+     */
+    ToggleUnchanged() {
+        this.ShowUnchanged = !this.ShowUnchanged;
+        this.cdr.markForCheck();
+    }
+    /**
+     * Toggles whether a single row is selected for restore. Updates the
+     * SelectedCount in real time so the primary button label reflects it.
+     */
+    ToggleRow(row) {
+        if (row.IsImmutable || row.IsMissingInSchema)
+            return;
+        row.Selected = !row.Selected;
+        this.recountSelected();
+        this.cdr.markForCheck();
+    }
+    /**
+     * Selects every row that can be selected (skips immutable / drifted).
+     */
+    SelectAll() {
+        for (const row of this.Rows) {
+            if (!row.IsImmutable && !row.IsMissingInSchema)
+                row.Selected = true;
+        }
+        this.recountSelected();
+        this.cdr.markForCheck();
+    }
+    /**
+     * Deselects every row in the preview.
+     */
+    DeselectAll() {
+        for (const row of this.Rows)
+            row.Selected = false;
+        this.recountSelected();
+        this.cdr.markForCheck();
+    }
+    /**
+     * User clicked Restore — fire BeforeRestoreCommit (cancelable), then
+     * RestoreConfirmed if not cancelled.
+     */
+    ConfirmRestore() {
+        if (!this._recordChange)
+            return;
+        if (this.IsRestoreDisabled)
+            return;
+        const selected = this.Rows.filter(r => r.Selected && !r.IsMissingInSchema && !r.IsImmutable);
+        const reason = this.Reason.trim() ? this.Reason.trim() : null;
+        const beforeEvent = {
+            cancel: false,
+            SelectedFieldNames: selected.map(r => r.FieldName),
+            AllRows: this.Rows.slice(),
+            SourceChangeID: this._recordChange.ID,
+            Reason: reason,
+            Mode: this.Mode,
+        };
+        this.BeforeRestoreCommit.emit(beforeEvent);
+        if (beforeEvent.cancel)
+            return;
+        this.IsRestoring = true;
+        this.cdr.markForCheck();
+        const commitEvent = {
+            SourceChangeID: this._recordChange.ID,
+            Reason: reason,
+            FieldValues: selected.map(r => ({ FieldName: r.FieldName, Value: r.RawRestoreValue })),
+            AllRows: this.Rows.slice(),
+            Mode: this.Mode,
+        };
+        this.RestoreConfirmed.emit(commitEvent);
+    }
+    /**
+     * User cancelled the preview. Resets state and emits RestoreCancelled.
+     */
+    Cancel() {
+        this.RestoreCancelled.emit();
+    }
+    /**
+     * Resets internal state — useful after a save completes so the panel
+     * can be reopened cleanly. Called by the host component when needed.
+     */
+    Reset() {
+        this.Reason = '';
+        this.IsRestoring = false;
+        this.ShowUnchanged = false;
+        this.rebuildRows();
+    }
+    // ─── Computed getters (template) ────────────────────────────────
+    get IsRestoreDisabled() {
+        if (this.IsRestoring)
+            return true;
+        if (this.SelectedCount === 0)
+            return true;
+        if (this.RequireReason && this.Reason.trim().length === 0)
+            return true;
+        return false;
+    }
+    get RestoreButtonLabel() {
+        if (this.IsRestoring)
+            return 'Restoring…';
+        if (this.Mode === 'undelete') {
+            return this.SelectedCount > 0 ? `Re-create (${this.SelectedCount} field${this.SelectedCount === 1 ? '' : 's'})` : 'Re-create';
+        }
+        return this.SelectedCount > 0 ? `Restore (${this.SelectedCount} field${this.SelectedCount === 1 ? '' : 's'})` : 'Restore';
+    }
+    get HeaderTitle() {
+        return this.Mode === 'undelete' ? 'Re-create from snapshot' : 'Restore record to this version';
+    }
+    get VersionTimestamp() {
+        return this._recordChange?.ChangedAt ?? null;
+    }
+    get VersionUser() {
+        return this._recordChange?.User ?? '';
+    }
+    get UnchangedCount() {
+        return this.Rows.length - this.ChangedCount;
+    }
+    // ─── Internal: row building ─────────────────────────────────────
+    /**
+     * Rebuilds the Rows array from the current RecordChange + LiveRecord.
+     * Idempotent and cheap — safe to call from input setters.
+     */
+    rebuildRows() {
+        this.Rows = [];
+        this.ChangedCount = 0;
+        this.SelectedCount = 0;
+        this.DriftCount = 0;
+        if (!this._recordChange) {
+            this.cdr.markForCheck();
+            return;
+        }
+        const snapshot = this.parseSnapshot(this._recordChange.FullRecordJSON);
+        if (!snapshot) {
+            this.cdr.markForCheck();
+            return;
+        }
+        const entityInfo = this.resolveEntityInfo();
+        if (!entityInfo) {
+            this.cdr.markForCheck();
+            return;
+        }
+        // Build a row for every field in the snapshot. We iterate the snapshot
+        // (not EntityInfo.Fields) so fields that exist in the snapshot but no
+        // longer in the schema surface as drift warnings.
+        const seen = new Set();
+        for (const fieldName of Object.keys(snapshot)) {
+            seen.add(fieldName.toLowerCase());
+            const row = this.buildRowFromSnapshot(fieldName, snapshot[fieldName], entityInfo);
+            if (row)
+                this.Rows.push(row);
+        }
+        // Sort: changed rows first, then unchanged. Within each group, by display name.
+        this.Rows.sort((a, b) => {
+            if (a.IsChanged !== b.IsChanged)
+                return a.IsChanged ? -1 : 1;
+            return a.DisplayName.localeCompare(b.DisplayName);
+        });
+        this.ChangedCount = this.Rows.filter(r => r.IsChanged).length;
+        this.DriftCount = this.Rows.filter(r => r.IsMissingInSchema).length;
+        this.recountSelected();
+        this.cdr.markForCheck();
+    }
+    buildRowFromSnapshot(fieldName, snapshotValue, entityInfo) {
+        const field = entityInfo.Fields.find((f) => f.Name.trim().toLowerCase() === fieldName.trim().toLowerCase());
+        // Skip system / timestamp fields that the platform manages.
+        if (fieldName.startsWith('__mj_'))
+            return null;
+        const isImmutable = !!field && (field.ReadOnly || field.IsPrimaryKey);
+        const isMissingInSchema = !field;
+        const isDateField = field?.TSType === EntityFieldTSType.Date;
+        const formattedRestore = this.formatValue(snapshotValue, isDateField);
+        const formattedCurrent = this.Mode === 'undelete'
+            ? ''
+            : this.getCurrentFieldValue(fieldName, isDateField);
+        const isChanged = this.Mode === 'undelete'
+            ? snapshotValue != null && snapshotValue !== ''
+            : formattedCurrent !== formattedRestore;
+        // Default selection: pre-check changed rows that we can actually apply.
+        const selected = isChanged && !isImmutable && !isMissingInSchema;
+        return {
+            FieldName: fieldName,
+            DisplayName: field?.DisplayNameOrName ?? fieldName,
+            CurrentValue: formattedCurrent,
+            RestoreValue: formattedRestore,
+            RawRestoreValue: snapshotValue,
+            IsChanged: isChanged,
+            Selected: selected,
+            IsMissingInSchema: isMissingInSchema,
+            IsFKMissing: false, // Reserved for future FK-existence check
+            IsImmutable: isImmutable,
+        };
+    }
+    getCurrentFieldValue(fieldName, isDateField) {
+        if (!this._liveRecord)
+            return '';
+        const field = this._liveRecord.Fields.find(f => f.Name.trim().toLowerCase() === fieldName.trim().toLowerCase());
+        if (!field)
+            return '';
+        return this.formatValue(field.Value, isDateField);
+    }
+    parseSnapshot(json) {
+        if (!json)
+            return null;
+        try {
+            return JSON.parse(json);
+        }
+        catch {
+            return null;
+        }
+    }
+    /**
+     * Resolves the entity metadata. Prefers LiveRecord.EntityInfo (always
+     * accurate). Falls back to looking up by EntityName. Memoized.
+     */
+    resolveEntityInfo() {
+        if (this.resolvedEntityInfo)
+            return this.resolvedEntityInfo;
+        if (this._liveRecord?.EntityInfo) {
+            this.resolvedEntityInfo = this._liveRecord.EntityInfo;
+            return this.resolvedEntityInfo;
+        }
+        if (this.EntityName) {
+            const md = new Metadata();
+            const ei = md.Entities.find(e => e.Name.trim().toLowerCase() === this.EntityName.trim().toLowerCase());
+            this.resolvedEntityInfo = ei ?? null;
+            return this.resolvedEntityInfo;
+        }
+        return null;
+    }
+    formatValue(value, isDateField) {
+        if (value == null)
+            return '';
+        if (typeof value === 'object') {
+            const keys = Object.keys(value);
+            if (keys.length === 0)
+                return '';
+            return JSON.stringify(value);
+        }
+        if (isDateField && typeof value === 'string') {
+            const date = new Date(value);
+            if (!isNaN(date.getTime())) {
+                return new Intl.DateTimeFormat('en-US', {
+                    month: 'short',
+                    day: 'numeric',
+                    year: 'numeric',
+                    hour: 'numeric',
+                    minute: '2-digit',
+                    hour12: true,
+                }).format(date);
+            }
+        }
+        return String(value);
+    }
+    recountSelected() {
+        this.SelectedCount = this.Rows.filter(r => r.Selected).length;
+    }
+    // ─── Display helpers (template) ─────────────────────────────────
+    formatTimestamp(date) {
+        if (!date)
+            return '';
+        return new Intl.DateTimeFormat('en-US', {
+            year: 'numeric',
+            month: 'long',
+            day: 'numeric',
+            hour: 'numeric',
+            minute: '2-digit',
+            hour12: true,
+        }).format(new Date(date));
+    }
+    static ɵfac = function RestorePreviewPanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RestorePreviewPanelComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RestorePreviewPanelComponent, selectors: [["mj-restore-preview-panel"]], inputs: { Visible: "Visible", Mode: "Mode", RecordChange: "RecordChange", LiveRecord: "LiveRecord", EntityName: "EntityName", RequireReason: "RequireReason", HideReason: "HideReason" }, outputs: { BeforeRestoreCommit: "BeforeRestoreCommit", RestoreConfirmed: "RestoreConfirmed", RestoreCancelled: "RestoreCancelled" }, standalone: false, decls: 2, vars: 7, consts: [[3, "Closed", "Mode", "Title", "Visible", "Resizable", "MinWidthPx", "MaxWidthRatio"], [1, "rpp-container"], [1, "rpp-header"], [1, "rpp-header-icon"], ["aria-hidden", "true", 1, "fa-solid", "fa-clock-rotate-left"], [1, "rpp-header-text"], [1, "rpp-header-title"], [1, "rpp-header-meta"], [1, "rpp-banner", "rpp-banner-warning"], [1, "rpp-empty"], [1, "rpp-action-bar"], [1, "rpp-reason-section"], [1, "rpp-footer"], [1, "rpp-footer-info"], ["aria-hidden", "true", 1, "fa-solid", "fa-shield-halved"], [1, "rpp-footer-actions"], ["type", "button", 1, "rpp-btn", "rpp-btn-primary", 3, "click", "disabled"], ["aria-hidden", "true", 1, "fa-solid", "fa-spinner", "fa-spin"], ["aria-hidden", "true", 1, "fa-solid", "fa-rotate-left"], ["type", "button", 1, "rpp-btn", "rpp-btn-secondary", 3, "click", "disabled"], ["aria-hidden", "true", 1, "fa-solid", "fa-triangle-exclamation"], ["aria-hidden", "true", 1, "fa-solid", "fa-circle-info"], [1, "rpp-action-bar-label"], [1, "rpp-action-bar-buttons"], ["type", "button", 1, "rpp-link-btn", 3, "click", "disabled"], [1, "rpp-action-bar-sep"], [1, "rpp-table-wrap"], [1, "rpp-table"], [1, "rpp-col-check"], [1, "rpp-col-field"], ["colspan", "2", 1, "rpp-col-restore"], [1, "rpp-col-flag"], ["type", "button", 1, "rpp-disclosure"], [1, "rpp-col-current"], [1, "rpp-col-restore"], [3, "rpp-row-changed", "rpp-row-unchanged", "rpp-row-immutable", "rpp-row-drift"], ["type", "button", 1, "rpp-checkbox", 3, "click", "disabled"], ["aria-hidden", "true", 1, "fa-solid", "fa-check"], [1, "rpp-field-display"], [1, "rpp-field-name"], ["colspan", "2", 1, "rpp-col-restore", 3, "rpp-empty-cell"], ["title", "This field no longer exists on the entity and will be skipped", "aria-hidden", "true", 1, "fa-solid", "fa-triangle-exclamation", "rpp-flag-drift"], ["title", "Read-only or system field \u2014 cannot be modified", "aria-hidden", "true", 1, "fa-solid", "fa-lock", "rpp-flag-immutable"], ["title", "Will be changed", "aria-hidden", "true", 1, "fa-solid", "fa-circle-exclamation", "rpp-flag-changed"], ["title", "Already matches", "aria-hidden", "true", 1, "fa-solid", "fa-check", "rpp-flag-ok"], ["type", "button", 1, "rpp-disclosure", 3, "click"], ["aria-hidden", "true", 1, "fa-solid"], ["for", "rpp-reason-input"], [1, "rpp-required"], [1, "rpp-optional"], ["id", "rpp-reason-input", "placeholder", "e.g., Reverting incorrect Q2 entries", "rows", "2", 1, "rpp-reason-textarea", 3, "ngModelChange", "ngModel", "disabled"]], template: function RestorePreviewPanelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-slide-panel", 0);
+            i0.ɵɵlistener("Closed", function RestorePreviewPanelComponent_Template_mj_slide_panel_Closed_0_listener() { return ctx.Cancel(); });
+            i0.ɵɵconditionalCreate(1, RestorePreviewPanelComponent_Conditional_1_Template, 30, 13);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Mode", "slide")("Title", ctx.HeaderTitle)("Visible", ctx.Visible)("Resizable", true)("MinWidthPx", 500)("MaxWidthRatio", 0.7);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.RecordChange ? 1 : -1);
+        } }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel, i2.MjSlidePanelComponent], styles: ["/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n *  Restore Preview Panel\n *  Slide-in panel that previews a restore operation field-by-field.\n *  All colors use --mj-* design tokens so it adapts to dark mode and\n *  white-label themes.\n * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.rpp-container {\n  padding: 18px 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n\n/* \u2500\u2500\u2500 Header summary \u2500\u2500\u2500 */\n\n.rpp-header {\n  display: flex;\n  align-items: flex-start;\n  gap: 14px;\n  padding-bottom: 14px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.rpp-header-icon {\n  width: 38px;\n  height: 38px;\n  border-radius: 8px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  font-size: 16px;\n}\n\n.rpp-header-text {\n  flex: 1;\n  min-width: 0;\n}\n\n.rpp-header-title {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin-bottom: 4px;\n}\n\n.rpp-header-meta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n.rpp-header-meta strong {\n  color: var(--mj-text-secondary);\n  font-weight: 500;\n  margin-right: 4px;\n}\n\n/* \u2500\u2500\u2500 Banners \u2500\u2500\u2500 */\n\n.rpp-banner {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  padding: 10px 12px;\n  border-radius: 8px;\n  font-size: 12px;\n  border: 1px solid;\n}\n\n.rpp-banner-warning {\n  background: var(--mj-status-warning-bg);\n  color: var(--mj-status-warning-text);\n  border-color: var(--mj-status-warning-border);\n}\n\n/* \u2500\u2500\u2500 Empty state \u2500\u2500\u2500 */\n\n.rpp-empty {\n  text-align: center;\n  padding: 30px 20px;\n  color: var(--mj-text-muted);\n}\n\n.rpp-empty i {\n  font-size: 24px;\n  margin-bottom: 8px;\n}\n\n.rpp-empty p {\n  margin: 0;\n  font-size: 13px;\n}\n\n/* \u2500\u2500\u2500 Action bar (select all / deselect all) \u2500\u2500\u2500 */\n\n.rpp-action-bar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  padding: 8px 12px;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-subtle);\n  border-radius: 7px;\n  font-size: 12px;\n}\n\n.rpp-action-bar-label {\n  color: var(--mj-text-secondary);\n  font-weight: 500;\n}\n\n.rpp-action-bar-buttons {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.rpp-action-bar-sep {\n  color: var(--mj-text-disabled);\n}\n\n.rpp-link-btn {\n  background: none;\n  border: none;\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n  font-weight: 500;\n  cursor: pointer;\n  padding: 2px 4px;\n  border-radius: 4px;\n}\n\n.rpp-link-btn:hover:not(:disabled) {\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n\n.rpp-link-btn:disabled {\n  color: var(--mj-text-disabled);\n  cursor: not-allowed;\n}\n\n/* \u2500\u2500\u2500 Diff table \u2500\u2500\u2500 */\n\n.rpp-table-wrap {\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.rpp-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 13px;\n  background: var(--mj-bg-surface);\n}\n\n.rpp-table thead th {\n  text-align: left;\n  padding: 10px 12px;\n  background: var(--mj-bg-surface-card);\n  border-bottom: 1px solid var(--mj-border-default);\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--mj-text-muted);\n  font-weight: 600;\n}\n\n.rpp-table tbody td {\n  padding: 10px 12px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  vertical-align: top;\n}\n\n.rpp-table tbody tr:last-child td {\n  border-bottom: none;\n}\n\n.rpp-row-changed { background: var(--mj-bg-surface); }\n.rpp-row-unchanged {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-disabled);\n}\n.rpp-row-immutable { opacity: 0.7; }\n.rpp-row-drift { background: color-mix(in srgb, var(--mj-status-warning) 5%, var(--mj-bg-surface)); }\n\n/* Column widths */\n.rpp-col-check { width: 36px; padding: 8px 4px 8px 12px; }\n.rpp-col-field { width: 28%; min-width: 140px; }\n.rpp-col-current,\n.rpp-col-restore { word-break: break-word; }\n.rpp-col-flag { width: 28px; text-align: right; padding-right: 12px; }\n\n/* \u2500\u2500\u2500 Field cell \u2500\u2500\u2500 */\n\n.rpp-field-display {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  margin-bottom: 2px;\n}\n\n.rpp-field-name {\n  color: var(--mj-text-disabled);\n  font-size: 11px;\n  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;\n}\n\n.rpp-row-unchanged .rpp-field-display { color: var(--mj-text-muted); }\n\n/* \u2500\u2500\u2500 Value cells \u2500\u2500\u2500 */\n\n.rpp-col-current { color: var(--mj-text-secondary); }\n.rpp-col-restore {\n  color: var(--mj-text-primary);\n  font-weight: 500;\n  background: linear-gradient(90deg,\n    color-mix(in srgb, var(--mj-brand-primary) 6%, transparent),\n    transparent 80%);\n}\n\n.rpp-empty-cell {\n  color: var(--mj-text-disabled);\n  font-style: italic;\n}\n\n/* \u2500\u2500\u2500 Checkbox \u2500\u2500\u2500 */\n\n.rpp-checkbox {\n  width: 18px;\n  height: 18px;\n  border: 1.5px solid var(--mj-border-strong);\n  border-radius: 4px;\n  background: var(--mj-bg-surface);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  padding: 0;\n  color: var(--mj-text-inverse, #fff);\n  transition: background-color 0.1s, border-color 0.1s;\n}\n\n.rpp-checkbox:hover:not(:disabled) {\n  border-color: var(--mj-brand-primary);\n}\n\n.rpp-checkbox.checked {\n  background: var(--mj-brand-primary);\n  border-color: var(--mj-brand-primary);\n}\n\n.rpp-checkbox.checked i {\n  font-size: 11px;\n}\n\n.rpp-checkbox.disabled,\n.rpp-checkbox:disabled {\n  background: var(--mj-bg-surface-sunken);\n  border-color: var(--mj-border-default);\n  cursor: not-allowed;\n}\n\n/* \u2500\u2500\u2500 Flag icons \u2500\u2500\u2500 */\n\n.rpp-flag-changed { color: var(--mj-status-warning); }\n.rpp-flag-ok { color: var(--mj-text-disabled); }\n.rpp-flag-drift { color: var(--mj-status-warning); }\n.rpp-flag-immutable { color: var(--mj-text-disabled); }\n\n/* \u2500\u2500\u2500 Unchanged disclosure \u2500\u2500\u2500 */\n\n.rpp-disclosure {\n  background: none;\n  border: none;\n  color: var(--mj-text-muted);\n  font-size: 12px;\n  cursor: pointer;\n  padding: 8px 4px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  text-align: left;\n}\n\n.rpp-disclosure:hover {\n  color: var(--mj-text-primary);\n}\n\n.rpp-disclosure i {\n  font-size: 10px;\n  width: 12px;\n}\n\n/* \u2500\u2500\u2500 Reason section \u2500\u2500\u2500 */\n\n.rpp-reason-section {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.rpp-reason-section label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n}\n\n.rpp-required {\n  color: var(--mj-status-error);\n  margin-left: 4px;\n}\n\n.rpp-optional {\n  color: var(--mj-text-disabled);\n  font-weight: 400;\n  margin-left: 4px;\n}\n\n.rpp-reason-textarea {\n  width: 100%;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 7px;\n  padding: 8px 10px;\n  font-family: inherit;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  background: var(--mj-bg-surface);\n  resize: vertical;\n  min-height: 50px;\n  box-sizing: border-box;\n}\n\n.rpp-reason-textarea:focus {\n  outline: 2px solid var(--mj-brand-primary);\n  outline-offset: -1px;\n  border-color: var(--mj-brand-primary);\n}\n\n.rpp-reason-textarea:disabled {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-disabled);\n}\n\n/* \u2500\u2500\u2500 Footer \u2500\u2500\u2500 */\n\n.rpp-footer {\n  position: sticky;\n  bottom: 0;\n  background: var(--mj-bg-surface);\n  border-top: 1px solid var(--mj-border-default);\n  padding: 12px 20px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 14px;\n}\n\n.rpp-footer-info {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  color: var(--mj-text-muted);\n  font-size: 12px;\n}\n\n.rpp-footer-info i {\n  color: var(--mj-brand-primary);\n}\n\n.rpp-footer-actions {\n  display: flex;\n  gap: 10px;\n}\n\n.rpp-btn {\n  padding: 8px 16px;\n  border-radius: 7px;\n  font-size: 13px;\n  font-weight: 600;\n  cursor: pointer;\n  border: 1px solid transparent;\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  font-family: inherit;\n}\n\n.rpp-btn-primary {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse, #fff);\n  border-color: var(--mj-brand-primary);\n}\n\n.rpp-btn-primary:hover:not(:disabled) {\n  background: var(--mj-brand-primary-hover);\n}\n\n.rpp-btn-primary:disabled {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-disabled);\n  border-color: var(--mj-border-default);\n  cursor: not-allowed;\n}\n\n.rpp-btn-secondary {\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  border-color: var(--mj-border-default);\n  font-weight: 500;\n}\n\n.rpp-btn-secondary:hover:not(:disabled) {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n.rpp-btn-secondary:disabled {\n  color: var(--mj-text-disabled);\n  cursor: not-allowed;\n}\n"], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RestorePreviewPanelComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-restore-preview-panel', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<mj-slide-panel\n  [Mode]=\"'slide'\"\n  [Title]=\"HeaderTitle\"\n  [Visible]=\"Visible\"\n  [Resizable]=\"true\"\n  [MinWidthPx]=\"500\"\n  [MaxWidthRatio]=\"0.7\"\n  (Closed)=\"Cancel()\">\n\n  @if (RecordChange) {\n    <div class=\"rpp-container\">\n\n      <!-- Header summary block -->\n      <div class=\"rpp-header\">\n        <div class=\"rpp-header-icon\">\n          <i class=\"fa-solid fa-clock-rotate-left\" aria-hidden=\"true\"></i>\n        </div>\n        <div class=\"rpp-header-text\">\n          <div class=\"rpp-header-title\">{{ HeaderTitle }}</div>\n          <div class=\"rpp-header-meta\">\n            <span><strong>Version:</strong> {{ formatTimestamp(VersionTimestamp) }}</span>\n            @if (VersionUser) {\n              <span><strong>By:</strong> {{ VersionUser }}</span>\n            }\n          </div>\n        </div>\n      </div>\n\n      <!-- Drift warning -->\n      @if (DriftCount > 0) {\n        <div class=\"rpp-banner rpp-banner-warning\">\n          <i class=\"fa-solid fa-triangle-exclamation\" aria-hidden=\"true\"></i>\n          <span>{{ DriftCount }} field{{ DriftCount === 1 ? '' : 's' }} from this snapshot no longer exist on the entity and will be skipped.</span>\n        </div>\n      }\n\n      <!-- Empty state -->\n      @if (Rows.length === 0) {\n        <div class=\"rpp-empty\">\n          <i class=\"fa-solid fa-circle-info\" aria-hidden=\"true\"></i>\n          <p>No fields could be parsed from this snapshot.</p>\n        </div>\n      }\n\n      <!-- Action bar (select all / deselect all) -->\n      @if (Rows.length > 0 && Mode !== 'undelete') {\n        <div class=\"rpp-action-bar\">\n          <span class=\"rpp-action-bar-label\">{{ ChangedCount }} field{{ ChangedCount === 1 ? '' : 's' }} differ from current</span>\n          <div class=\"rpp-action-bar-buttons\">\n            <button class=\"rpp-link-btn\" type=\"button\" (click)=\"SelectAll()\" [disabled]=\"IsRestoring\">Select all changed</button>\n            <span class=\"rpp-action-bar-sep\">\u00B7</span>\n            <button class=\"rpp-link-btn\" type=\"button\" (click)=\"DeselectAll()\" [disabled]=\"IsRestoring\">Deselect all</button>\n          </div>\n        </div>\n      }\n\n      <!-- Diff table -->\n      @if (Rows.length > 0) {\n        <div class=\"rpp-table-wrap\">\n          <table class=\"rpp-table\">\n            <thead>\n              <tr>\n                <th class=\"rpp-col-check\"></th>\n                <th class=\"rpp-col-field\">Field</th>\n                @if (Mode === 'live') {\n                  <th class=\"rpp-col-current\">Current Value</th>\n                  <th class=\"rpp-col-restore\">Restore To</th>\n                } @else {\n                  <th class=\"rpp-col-restore\" colspan=\"2\">Will be created with</th>\n                }\n                <th class=\"rpp-col-flag\"></th>\n              </tr>\n            </thead>\n            <tbody>\n              @for (row of Rows; track row.FieldName) {\n                @if (row.IsChanged || ShowUnchanged) {\n                  <tr [class.rpp-row-changed]=\"row.IsChanged\"\n                      [class.rpp-row-unchanged]=\"!row.IsChanged\"\n                      [class.rpp-row-immutable]=\"row.IsImmutable\"\n                      [class.rpp-row-drift]=\"row.IsMissingInSchema\">\n                    <td class=\"rpp-col-check\">\n                      <button type=\"button\"\n                        class=\"rpp-checkbox\"\n                        [class.checked]=\"row.Selected\"\n                        [class.disabled]=\"row.IsImmutable || row.IsMissingInSchema\"\n                        [disabled]=\"row.IsImmutable || row.IsMissingInSchema || IsRestoring\"\n                        [attr.aria-label]=\"'Toggle ' + row.DisplayName\"\n                        (click)=\"ToggleRow(row)\">\n                        @if (row.Selected) {\n                          <i class=\"fa-solid fa-check\" aria-hidden=\"true\"></i>\n                        }\n                      </button>\n                    </td>\n                    <td class=\"rpp-col-field\">\n                      <div class=\"rpp-field-display\">{{ row.DisplayName }}</div>\n                      <div class=\"rpp-field-name\">{{ row.FieldName }}</div>\n                    </td>\n                    @if (Mode === 'live') {\n                      <td class=\"rpp-col-current\" [class.rpp-empty-cell]=\"!row.CurrentValue\">\n                        {{ row.CurrentValue || '(empty)' }}\n                      </td>\n                      <td class=\"rpp-col-restore\" [class.rpp-empty-cell]=\"!row.RestoreValue\">\n                        {{ row.RestoreValue || '(empty)' }}\n                      </td>\n                    } @else {\n                      <td class=\"rpp-col-restore\" colspan=\"2\" [class.rpp-empty-cell]=\"!row.RestoreValue\">\n                        {{ row.RestoreValue || '(empty)' }}\n                      </td>\n                    }\n                    <td class=\"rpp-col-flag\">\n                      @if (row.IsMissingInSchema) {\n                        <i class=\"fa-solid fa-triangle-exclamation rpp-flag-drift\"\n                           title=\"This field no longer exists on the entity and will be skipped\"\n                           aria-hidden=\"true\"></i>\n                      } @else if (row.IsImmutable) {\n                        <i class=\"fa-solid fa-lock rpp-flag-immutable\"\n                           title=\"Read-only or system field \u2014 cannot be modified\"\n                           aria-hidden=\"true\"></i>\n                      } @else if (row.IsChanged) {\n                        <i class=\"fa-solid fa-circle-exclamation rpp-flag-changed\"\n                           title=\"Will be changed\"\n                           aria-hidden=\"true\"></i>\n                      } @else {\n                        <i class=\"fa-solid fa-check rpp-flag-ok\"\n                           title=\"Already matches\"\n                           aria-hidden=\"true\"></i>\n                      }\n                    </td>\n                  </tr>\n                }\n              }\n            </tbody>\n          </table>\n        </div>\n\n        <!-- Unchanged disclosure -->\n        @if (UnchangedCount > 0 && Mode === 'live') {\n          <button class=\"rpp-disclosure\" type=\"button\" (click)=\"ToggleUnchanged()\">\n            <i class=\"fa-solid\"\n               [class.fa-chevron-right]=\"!ShowUnchanged\"\n               [class.fa-chevron-down]=\"ShowUnchanged\"\n               aria-hidden=\"true\"></i>\n            <span>{{ ShowUnchanged ? 'Hide' : 'Show' }} {{ UnchangedCount }} unchanged field{{ UnchangedCount === 1 ? '' : 's' }}</span>\n          </button>\n        }\n      }\n\n      <!-- Reason text area -->\n      @if (!HideReason && Rows.length > 0) {\n        <div class=\"rpp-reason-section\">\n          <label for=\"rpp-reason-input\">\n            Reason for restore\n            @if (RequireReason) {\n              <span class=\"rpp-required\">*</span>\n            } @else {\n              <span class=\"rpp-optional\">(optional)</span>\n            }\n          </label>\n          <textarea id=\"rpp-reason-input\"\n            [(ngModel)]=\"Reason\"\n            [disabled]=\"IsRestoring\"\n            placeholder=\"e.g., Reverting incorrect Q2 entries\"\n            class=\"rpp-reason-textarea\"\n            rows=\"2\"></textarea>\n        </div>\n      }\n    </div>\n\n    <!-- Footer actions -->\n    <div class=\"rpp-footer\">\n      <div class=\"rpp-footer-info\">\n        <i class=\"fa-solid fa-shield-halved\" aria-hidden=\"true\"></i>\n        @if (Mode === 'live') {\n          <span>A snapshot of the current state is saved automatically before the restore.</span>\n        } @else {\n          <span>A new \"Created\" entry will be added to this record's history, linked back to the original deletion.</span>\n        }\n      </div>\n      <div class=\"rpp-footer-actions\">\n        <button type=\"button\"\n          class=\"rpp-btn rpp-btn-primary\"\n          [disabled]=\"IsRestoreDisabled\"\n          (click)=\"ConfirmRestore()\">\n          @if (IsRestoring) {\n            <i class=\"fa-solid fa-spinner fa-spin\" aria-hidden=\"true\"></i>\n          } @else {\n            <i class=\"fa-solid fa-rotate-left\" aria-hidden=\"true\"></i>\n          }\n          {{ RestoreButtonLabel }}\n        </button>\n        <button type=\"button\"\n          class=\"rpp-btn rpp-btn-secondary\"\n          [disabled]=\"IsRestoring\"\n          (click)=\"Cancel()\">Cancel</button>\n      </div>\n    </div>\n  }\n</mj-slide-panel>\n", styles: ["/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n *  Restore Preview Panel\n *  Slide-in panel that previews a restore operation field-by-field.\n *  All colors use --mj-* design tokens so it adapts to dark mode and\n *  white-label themes.\n * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.rpp-container {\n  padding: 18px 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n\n/* \u2500\u2500\u2500 Header summary \u2500\u2500\u2500 */\n\n.rpp-header {\n  display: flex;\n  align-items: flex-start;\n  gap: 14px;\n  padding-bottom: 14px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.rpp-header-icon {\n  width: 38px;\n  height: 38px;\n  border-radius: 8px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  font-size: 16px;\n}\n\n.rpp-header-text {\n  flex: 1;\n  min-width: 0;\n}\n\n.rpp-header-title {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin-bottom: 4px;\n}\n\n.rpp-header-meta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n.rpp-header-meta strong {\n  color: var(--mj-text-secondary);\n  font-weight: 500;\n  margin-right: 4px;\n}\n\n/* \u2500\u2500\u2500 Banners \u2500\u2500\u2500 */\n\n.rpp-banner {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  padding: 10px 12px;\n  border-radius: 8px;\n  font-size: 12px;\n  border: 1px solid;\n}\n\n.rpp-banner-warning {\n  background: var(--mj-status-warning-bg);\n  color: var(--mj-status-warning-text);\n  border-color: var(--mj-status-warning-border);\n}\n\n/* \u2500\u2500\u2500 Empty state \u2500\u2500\u2500 */\n\n.rpp-empty {\n  text-align: center;\n  padding: 30px 20px;\n  color: var(--mj-text-muted);\n}\n\n.rpp-empty i {\n  font-size: 24px;\n  margin-bottom: 8px;\n}\n\n.rpp-empty p {\n  margin: 0;\n  font-size: 13px;\n}\n\n/* \u2500\u2500\u2500 Action bar (select all / deselect all) \u2500\u2500\u2500 */\n\n.rpp-action-bar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  padding: 8px 12px;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-subtle);\n  border-radius: 7px;\n  font-size: 12px;\n}\n\n.rpp-action-bar-label {\n  color: var(--mj-text-secondary);\n  font-weight: 500;\n}\n\n.rpp-action-bar-buttons {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.rpp-action-bar-sep {\n  color: var(--mj-text-disabled);\n}\n\n.rpp-link-btn {\n  background: none;\n  border: none;\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n  font-weight: 500;\n  cursor: pointer;\n  padding: 2px 4px;\n  border-radius: 4px;\n}\n\n.rpp-link-btn:hover:not(:disabled) {\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n\n.rpp-link-btn:disabled {\n  color: var(--mj-text-disabled);\n  cursor: not-allowed;\n}\n\n/* \u2500\u2500\u2500 Diff table \u2500\u2500\u2500 */\n\n.rpp-table-wrap {\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.rpp-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 13px;\n  background: var(--mj-bg-surface);\n}\n\n.rpp-table thead th {\n  text-align: left;\n  padding: 10px 12px;\n  background: var(--mj-bg-surface-card);\n  border-bottom: 1px solid var(--mj-border-default);\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--mj-text-muted);\n  font-weight: 600;\n}\n\n.rpp-table tbody td {\n  padding: 10px 12px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  vertical-align: top;\n}\n\n.rpp-table tbody tr:last-child td {\n  border-bottom: none;\n}\n\n.rpp-row-changed { background: var(--mj-bg-surface); }\n.rpp-row-unchanged {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-disabled);\n}\n.rpp-row-immutable { opacity: 0.7; }\n.rpp-row-drift { background: color-mix(in srgb, var(--mj-status-warning) 5%, var(--mj-bg-surface)); }\n\n/* Column widths */\n.rpp-col-check { width: 36px; padding: 8px 4px 8px 12px; }\n.rpp-col-field { width: 28%; min-width: 140px; }\n.rpp-col-current,\n.rpp-col-restore { word-break: break-word; }\n.rpp-col-flag { width: 28px; text-align: right; padding-right: 12px; }\n\n/* \u2500\u2500\u2500 Field cell \u2500\u2500\u2500 */\n\n.rpp-field-display {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  margin-bottom: 2px;\n}\n\n.rpp-field-name {\n  color: var(--mj-text-disabled);\n  font-size: 11px;\n  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;\n}\n\n.rpp-row-unchanged .rpp-field-display { color: var(--mj-text-muted); }\n\n/* \u2500\u2500\u2500 Value cells \u2500\u2500\u2500 */\n\n.rpp-col-current { color: var(--mj-text-secondary); }\n.rpp-col-restore {\n  color: var(--mj-text-primary);\n  font-weight: 500;\n  background: linear-gradient(90deg,\n    color-mix(in srgb, var(--mj-brand-primary) 6%, transparent),\n    transparent 80%);\n}\n\n.rpp-empty-cell {\n  color: var(--mj-text-disabled);\n  font-style: italic;\n}\n\n/* \u2500\u2500\u2500 Checkbox \u2500\u2500\u2500 */\n\n.rpp-checkbox {\n  width: 18px;\n  height: 18px;\n  border: 1.5px solid var(--mj-border-strong);\n  border-radius: 4px;\n  background: var(--mj-bg-surface);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  padding: 0;\n  color: var(--mj-text-inverse, #fff);\n  transition: background-color 0.1s, border-color 0.1s;\n}\n\n.rpp-checkbox:hover:not(:disabled) {\n  border-color: var(--mj-brand-primary);\n}\n\n.rpp-checkbox.checked {\n  background: var(--mj-brand-primary);\n  border-color: var(--mj-brand-primary);\n}\n\n.rpp-checkbox.checked i {\n  font-size: 11px;\n}\n\n.rpp-checkbox.disabled,\n.rpp-checkbox:disabled {\n  background: var(--mj-bg-surface-sunken);\n  border-color: var(--mj-border-default);\n  cursor: not-allowed;\n}\n\n/* \u2500\u2500\u2500 Flag icons \u2500\u2500\u2500 */\n\n.rpp-flag-changed { color: var(--mj-status-warning); }\n.rpp-flag-ok { color: var(--mj-text-disabled); }\n.rpp-flag-drift { color: var(--mj-status-warning); }\n.rpp-flag-immutable { color: var(--mj-text-disabled); }\n\n/* \u2500\u2500\u2500 Unchanged disclosure \u2500\u2500\u2500 */\n\n.rpp-disclosure {\n  background: none;\n  border: none;\n  color: var(--mj-text-muted);\n  font-size: 12px;\n  cursor: pointer;\n  padding: 8px 4px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  text-align: left;\n}\n\n.rpp-disclosure:hover {\n  color: var(--mj-text-primary);\n}\n\n.rpp-disclosure i {\n  font-size: 10px;\n  width: 12px;\n}\n\n/* \u2500\u2500\u2500 Reason section \u2500\u2500\u2500 */\n\n.rpp-reason-section {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.rpp-reason-section label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n}\n\n.rpp-required {\n  color: var(--mj-status-error);\n  margin-left: 4px;\n}\n\n.rpp-optional {\n  color: var(--mj-text-disabled);\n  font-weight: 400;\n  margin-left: 4px;\n}\n\n.rpp-reason-textarea {\n  width: 100%;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 7px;\n  padding: 8px 10px;\n  font-family: inherit;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  background: var(--mj-bg-surface);\n  resize: vertical;\n  min-height: 50px;\n  box-sizing: border-box;\n}\n\n.rpp-reason-textarea:focus {\n  outline: 2px solid var(--mj-brand-primary);\n  outline-offset: -1px;\n  border-color: var(--mj-brand-primary);\n}\n\n.rpp-reason-textarea:disabled {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-disabled);\n}\n\n/* \u2500\u2500\u2500 Footer \u2500\u2500\u2500 */\n\n.rpp-footer {\n  position: sticky;\n  bottom: 0;\n  background: var(--mj-bg-surface);\n  border-top: 1px solid var(--mj-border-default);\n  padding: 12px 20px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 14px;\n}\n\n.rpp-footer-info {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  color: var(--mj-text-muted);\n  font-size: 12px;\n}\n\n.rpp-footer-info i {\n  color: var(--mj-brand-primary);\n}\n\n.rpp-footer-actions {\n  display: flex;\n  gap: 10px;\n}\n\n.rpp-btn {\n  padding: 8px 16px;\n  border-radius: 7px;\n  font-size: 13px;\n  font-weight: 600;\n  cursor: pointer;\n  border: 1px solid transparent;\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  font-family: inherit;\n}\n\n.rpp-btn-primary {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse, #fff);\n  border-color: var(--mj-brand-primary);\n}\n\n.rpp-btn-primary:hover:not(:disabled) {\n  background: var(--mj-brand-primary-hover);\n}\n\n.rpp-btn-primary:disabled {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-disabled);\n  border-color: var(--mj-border-default);\n  cursor: not-allowed;\n}\n\n.rpp-btn-secondary {\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  border-color: var(--mj-border-default);\n  font-weight: 500;\n}\n\n.rpp-btn-secondary:hover:not(:disabled) {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n.rpp-btn-secondary:disabled {\n  color: var(--mj-text-disabled);\n  cursor: not-allowed;\n}\n"] }]
+    }], () => [{ type: i0.ChangeDetectorRef }], { Visible: [{
+            type: Input
+        }], Mode: [{
+            type: Input
+        }], RecordChange: [{
+            type: Input
+        }], LiveRecord: [{
+            type: Input
+        }], EntityName: [{
+            type: Input
+        }], RequireReason: [{
+            type: Input
+        }], HideReason: [{
+            type: Input
+        }], BeforeRestoreCommit: [{
+            type: Output
+        }], RestoreConfirmed: [{
+            type: Output
+        }], RestoreCancelled: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RestorePreviewPanelComponent, { className: "RestorePreviewPanelComponent", filePath: "src/lib/restore-preview-panel/restore-preview-panel.component.ts", lineNumber: 159 }); })();
+//# sourceMappingURL=restore-preview-panel.component.js.map