@memberjunction/ng-dashboards 5.34.1 → 5.36.0

package/dist/VersionHistory/components/restore-resource.component.js

@@ -13,285 +13,254 @@ import { RunView } from '@memberjunction/core';
 import { UserInfoEngine } from '@memberjunction/core-entities';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "@memberjunction/ng-shared-generic";
+import * as i2 from "@memberjunction/ng-ui-components";
+import * as i3 from "@memberjunction/ng-shared-generic";
 const _c0 = a0 => ({ "expanded": a0 });
-function VersionHistoryRestoreResourceComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-loading", 1);
+function VersionHistoryRestoreResourceComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 9);
 } }
-function VersionHistoryRestoreResourceComponent_Conditional_2_Conditional_52_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 32);
+function VersionHistoryRestoreResourceComponent_Conditional_12_Conditional_33_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 31);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const restore_r4 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const restore_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.FormatDate(restore_r4.StartedAt));
+    i0.ɵɵtextInterpolate(ctx_r2.FormatDate(restore_r2.StartedAt));
 } }
-function VersionHistoryRestoreResourceComponent_Conditional_2_Conditional_52_For_2_Conditional_14_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 40)(1, "span", 41);
+function VersionHistoryRestoreResourceComponent_Conditional_12_Conditional_33_For_2_Conditional_14_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 39)(1, "span", 40);
     i0.ɵɵtext(2, "Restored By");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 43);
+    i0.ɵɵelementStart(3, "span", 42);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const restore_r4 = i0.ɵɵnextContext(2).$implicit;
+    const restore_r2 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(restore_r4.User);
+    i0.ɵɵtextInterpolate(restore_r2.User);
 } }
-function VersionHistoryRestoreResourceComponent_Conditional_2_Conditional_52_For_2_Conditional_14_Conditional_18_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 45);
+function VersionHistoryRestoreResourceComponent_Conditional_12_Conditional_33_For_2_Conditional_14_Conditional_18_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 44);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const restore_r4 = i0.ɵɵnextContext(3).$implicit;
+    const restore_r2 = i0.ɵɵnextContext(3).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", restore_r4.PreRestoreLabel, " ");
+    i0.ɵɵtextInterpolate1(" ", restore_r2.PreRestoreLabel, " ");
 } }
-function VersionHistoryRestoreResourceComponent_Conditional_2_Conditional_52_For_2_Conditional_14_Conditional_18_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 45);
+function VersionHistoryRestoreResourceComponent_Conditional_12_Conditional_33_For_2_Conditional_14_Conditional_18_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 44);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "slice");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const restore_r4 = i0.ɵɵnextContext(3).$implicit;
+    const restore_r2 = i0.ɵɵnextContext(3).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind3(2, 1, restore_r4.PreRestoreLabelID, 0, 20), "... ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind3(2, 1, restore_r2.PreRestoreLabelID, 0, 20), "... ");
 } }
-function VersionHistoryRestoreResourceComponent_Conditional_2_Conditional_52_For_2_Conditional_14_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 40)(1, "span", 41);
+function VersionHistoryRestoreResourceComponent_Conditional_12_Conditional_33_For_2_Conditional_14_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 39)(1, "span", 40);
     i0.ɵɵtext(2, "Pre-Restore Label");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, VersionHistoryRestoreResourceComponent_Conditional_2_Conditional_52_For_2_Conditional_14_Conditional_18_Conditional_3_Template, 2, 1, "span", 45);
-    i0.ɵɵconditionalCreate(4, VersionHistoryRestoreResourceComponent_Conditional_2_Conditional_52_For_2_Conditional_14_Conditional_18_Conditional_4_Template, 3, 5, "span", 45);
+    i0.ɵɵconditionalCreate(3, VersionHistoryRestoreResourceComponent_Conditional_12_Conditional_33_For_2_Conditional_14_Conditional_18_Conditional_3_Template, 2, 1, "span", 44);
+    i0.ɵɵconditionalCreate(4, VersionHistoryRestoreResourceComponent_Conditional_12_Conditional_33_For_2_Conditional_14_Conditional_18_Conditional_4_Template, 3, 5, "span", 44);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const restore_r4 = i0.ɵɵnextContext(2).$implicit;
+    const restore_r2 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(restore_r4.PreRestoreLabel ? 3 : -1);
+    i0.ɵɵconditional(restore_r2.PreRestoreLabel ? 3 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!restore_r4.PreRestoreLabel ? 4 : -1);
+    i0.ɵɵconditional(!restore_r2.PreRestoreLabel ? 4 : -1);
 } }
-function VersionHistoryRestoreResourceComponent_Conditional_2_Conditional_52_For_2_Conditional_14_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 44)(1, "div", 46);
-    i0.ɵɵelement(2, "i", 47);
+function VersionHistoryRestoreResourceComponent_Conditional_12_Conditional_33_For_2_Conditional_14_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 43)(1, "div", 45);
+    i0.ɵɵelement(2, "i", 46);
     i0.ɵɵtext(3, " Error Log ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "pre", 48);
+    i0.ɵɵelementStart(4, "pre", 47);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const restore_r4 = i0.ɵɵnextContext(2).$implicit;
+    const restore_r2 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(restore_r4.ErrorLog);
+    i0.ɵɵtextInterpolate(restore_r2.ErrorLog);
 } }
-function VersionHistoryRestoreResourceComponent_Conditional_2_Conditional_52_For_2_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 38)(1, "div", 39)(2, "div", 40)(3, "span", 41);
+function VersionHistoryRestoreResourceComponent_Conditional_12_Conditional_33_For_2_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 37)(1, "div", 38)(2, "div", 39)(3, "span", 40);
     i0.ɵɵtext(4, "Status");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 42);
+    i0.ɵɵelementStart(5, "span", 41);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 40)(8, "span", 41);
+    i0.ɵɵelementStart(7, "div", 39)(8, "span", 40);
     i0.ɵɵtext(9, "Items Completed");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "span", 43);
+    i0.ɵɵelementStart(10, "span", 42);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "div", 40)(13, "span", 41);
+    i0.ɵɵelementStart(12, "div", 39)(13, "span", 40);
     i0.ɵɵtext(14, "Items Failed");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "span", 43);
+    i0.ɵɵelementStart(15, "span", 42);
     i0.ɵɵtext(16);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(17, VersionHistoryRestoreResourceComponent_Conditional_2_Conditional_52_For_2_Conditional_14_Conditional_17_Template, 5, 1, "div", 40);
-    i0.ɵɵconditionalCreate(18, VersionHistoryRestoreResourceComponent_Conditional_2_Conditional_52_For_2_Conditional_14_Conditional_18_Template, 5, 2, "div", 40);
+    i0.ɵɵconditionalCreate(17, VersionHistoryRestoreResourceComponent_Conditional_12_Conditional_33_For_2_Conditional_14_Conditional_17_Template, 5, 1, "div", 39);
+    i0.ɵɵconditionalCreate(18, VersionHistoryRestoreResourceComponent_Conditional_12_Conditional_33_For_2_Conditional_14_Conditional_18_Template, 5, 2, "div", 39);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(19, VersionHistoryRestoreResourceComponent_Conditional_2_Conditional_52_For_2_Conditional_14_Conditional_19_Template, 6, 1, "div", 44);
+    i0.ɵɵconditionalCreate(19, VersionHistoryRestoreResourceComponent_Conditional_12_Conditional_33_For_2_Conditional_14_Conditional_19_Template, 6, 1, "div", 43);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const restore_r4 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const restore_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(5);
-    i0.ɵɵproperty("ngClass", ctx_r1.GetStatusClass(restore_r4.Status));
+    i0.ɵɵproperty("ngClass", ctx_r2.GetStatusClass(restore_r2.Status));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", restore_r4.Status, " ");
+    i0.ɵɵtextInterpolate1(" ", restore_r2.Status, " ");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(restore_r4.CompletedItems ?? 0);
+    i0.ɵɵtextInterpolate(restore_r2.CompletedItems ?? 0);
     i0.ɵɵadvance(4);
-    i0.ɵɵclassProp("text-error", (restore_r4.FailedItems ?? 0) > 0);
+    i0.ɵɵclassProp("text-error", (restore_r2.FailedItems ?? 0) > 0);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", restore_r4.FailedItems ?? 0, " ");
+    i0.ɵɵtextInterpolate1(" ", restore_r2.FailedItems ?? 0, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(restore_r4.User ? 17 : -1);
+    i0.ɵɵconditional(restore_r2.User ? 17 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(restore_r4.PreRestoreLabelID ? 18 : -1);
+    i0.ɵɵconditional(restore_r2.PreRestoreLabelID ? 18 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(restore_r4.ErrorLog ? 19 : -1);
+    i0.ɵɵconditional(restore_r2.ErrorLog ? 19 : -1);
 } }
-function VersionHistoryRestoreResourceComponent_Conditional_2_Conditional_52_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 26)(1, "div", 27);
-    i0.ɵɵlistener("click", function VersionHistoryRestoreResourceComponent_Conditional_2_Conditional_52_For_2_Template_div_click_1_listener() { const restore_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.ToggleExpand(restore_r4.ID)); });
-    i0.ɵɵelementStart(2, "div", 28);
-    i0.ɵɵelement(3, "i", 29);
-    i0.ɵɵelementStart(4, "div", 30)(5, "div", 31);
+function VersionHistoryRestoreResourceComponent_Conditional_12_Conditional_33_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 25)(1, "div", 26);
+    i0.ɵɵlistener("click", function VersionHistoryRestoreResourceComponent_Conditional_12_Conditional_33_For_2_Template_div_click_1_listener() { const restore_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.ToggleExpand(restore_r2.ID)); });
+    i0.ɵɵelementStart(2, "div", 27);
+    i0.ɵɵelement(3, "i", 28);
+    i0.ɵɵelementStart(4, "div", 29)(5, "div", 30);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(7, VersionHistoryRestoreResourceComponent_Conditional_2_Conditional_52_For_2_Conditional_7_Template, 2, 1, "div", 32);
+    i0.ɵɵconditionalCreate(7, VersionHistoryRestoreResourceComponent_Conditional_12_Conditional_33_For_2_Conditional_7_Template, 2, 1, "div", 31);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 33)(9, "div", 34);
-    i0.ɵɵelement(10, "div", 35);
+    i0.ɵɵelementStart(8, "div", 32)(9, "div", 33);
+    i0.ɵɵelement(10, "div", 34);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "span", 36);
+    i0.ɵɵelementStart(11, "span", 35);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(13, "i", 37);
+    i0.ɵɵelement(13, "i", 36);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(14, VersionHistoryRestoreResourceComponent_Conditional_2_Conditional_52_For_2_Conditional_14_Template, 20, 9, "div", 38);
+    i0.ɵɵconditionalCreate(14, VersionHistoryRestoreResourceComponent_Conditional_12_Conditional_33_For_2_Conditional_14_Template, 20, 9, "div", 37);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const restore_r4 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(13, _c0, ctx_r1.IsExpanded(restore_r4.ID)));
+    const restore_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(13, _c0, ctx_r2.IsExpanded(restore_r2.ID)));
     i0.ɵɵadvance(3);
-    i0.ɵɵclassMap(ctx_r1.GetStatusIcon(restore_r4.Status));
-    i0.ɵɵproperty("ngClass", ctx_r1.GetStatusClass(restore_r4.Status));
+    i0.ɵɵclassMap(ctx_r2.GetStatusIcon(restore_r2.Status));
+    i0.ɵɵproperty("ngClass", ctx_r2.GetStatusClass(restore_r2.Status));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", restore_r4.VersionLabel, " ");
+    i0.ɵɵtextInterpolate1(" ", restore_r2.VersionLabel, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(restore_r4.StartedAt ? 7 : -1);
+    i0.ɵɵconditional(restore_r2.StartedAt ? 7 : -1);
     i0.ɵɵadvance(3);
-    i0.ɵɵstyleProp("width", ctx_r1.GetProgressPercent(restore_r4), "%");
-    i0.ɵɵproperty("ngClass", ctx_r1.GetStatusClass(restore_r4.Status));
+    i0.ɵɵstyleProp("width", ctx_r2.GetProgressPercent(restore_r2), "%");
+    i0.ɵɵproperty("ngClass", ctx_r2.GetStatusClass(restore_r2.Status));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate2(" ", restore_r4.CompletedItems ?? 0, " / ", restore_r4.TotalItems ?? 0, " items ");
+    i0.ɵɵtextInterpolate2(" ", restore_r2.CompletedItems ?? 0, " / ", restore_r2.TotalItems ?? 0, " items ");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.IsExpanded(restore_r4.ID) ? "fa-chevron-up" : "fa-chevron-down");
+    i0.ɵɵproperty("ngClass", ctx_r2.IsExpanded(restore_r2.ID) ? "fa-chevron-up" : "fa-chevron-down");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsExpanded(restore_r4.ID) ? 14 : -1);
+    i0.ɵɵconditional(ctx_r2.IsExpanded(restore_r2.ID) ? 14 : -1);
 } }
-function VersionHistoryRestoreResourceComponent_Conditional_2_Conditional_52_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 24);
-    i0.ɵɵrepeaterCreate(1, VersionHistoryRestoreResourceComponent_Conditional_2_Conditional_52_For_2_Template, 15, 15, "div", 26, i0.ɵɵrepeaterTrackByIdentity);
+function VersionHistoryRestoreResourceComponent_Conditional_12_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 23);
+    i0.ɵɵrepeaterCreate(1, VersionHistoryRestoreResourceComponent_Conditional_12_Conditional_33_For_2_Template, 15, 15, "div", 25, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.FilteredRestores);
+    i0.ɵɵrepeater(ctx_r2.FilteredRestores);
 } }
-function VersionHistoryRestoreResourceComponent_Conditional_2_Conditional_53_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function VersionHistoryRestoreResourceComponent_Conditional_12_Conditional_34_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p");
     i0.ɵɵtext(1, " Try adjusting your filters. ");
     i0.ɵɵelementEnd();
 } }
-function VersionHistoryRestoreResourceComponent_Conditional_2_Conditional_53_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function VersionHistoryRestoreResourceComponent_Conditional_12_Conditional_34_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p");
     i0.ɵɵtext(1, " No restores have been performed yet. Use the VersionHistoryEngine to restore records to a labeled state. ");
     i0.ɵɵelementEnd();
 } }
-function VersionHistoryRestoreResourceComponent_Conditional_2_Conditional_53_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 25);
-    i0.ɵɵelement(1, "i", 49);
+function VersionHistoryRestoreResourceComponent_Conditional_12_Conditional_34_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 24);
+    i0.ɵɵelement(1, "i", 48);
     i0.ɵɵelementStart(2, "h3");
     i0.ɵɵtext(3, "No restore operations found");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, VersionHistoryRestoreResourceComponent_Conditional_2_Conditional_53_Conditional_4_Template, 2, 0, "p");
-    i0.ɵɵconditionalCreate(5, VersionHistoryRestoreResourceComponent_Conditional_2_Conditional_53_Conditional_5_Template, 2, 0, "p");
+    i0.ɵɵconditionalCreate(4, VersionHistoryRestoreResourceComponent_Conditional_12_Conditional_34_Conditional_4_Template, 2, 0, "p");
+    i0.ɵɵconditionalCreate(5, VersionHistoryRestoreResourceComponent_Conditional_12_Conditional_34_Conditional_5_Template, 2, 0, "p");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.StatusFilter ? 4 : -1);
+    i0.ɵɵconditional(ctx_r2.StatusFilter ? 4 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r1.StatusFilter ? 5 : -1);
+    i0.ɵɵconditional(!ctx_r2.StatusFilter ? 5 : -1);
 } }
-function VersionHistoryRestoreResourceComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "h2", 4);
-    i0.ɵɵtext(3, "Restore History");
+function VersionHistoryRestoreResourceComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10)(1, "div", 11)(2, "div", 12);
+    i0.ɵɵelement(3, "i", 13);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 5);
-    i0.ɵɵtext(5, "Track all restore operations and their outcomes");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 6)(7, "button", 7);
-    i0.ɵɵlistener("click", function VersionHistoryRestoreResourceComponent_Conditional_2_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Refresh()); });
-    i0.ɵɵelement(8, "i", 8);
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(9, "div", 9)(10, "div", 10)(11, "div", 11);
-    i0.ɵɵelement(12, "i", 12);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "div", 13)(14, "div", 14);
-    i0.ɵɵtext(15);
+    i0.ɵɵelementStart(4, "div", 14)(5, "div", 15);
+    i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "div", 15);
-    i0.ɵɵtext(17, "Total Restores");
+    i0.ɵɵelementStart(7, "div", 16);
+    i0.ɵɵtext(8, "Total Restores");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(18, "div", 10)(19, "div", 16);
-    i0.ɵɵelement(20, "i", 17);
+    i0.ɵɵelementStart(9, "div", 11)(10, "div", 17);
+    i0.ɵɵelement(11, "i", 18);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "div", 13)(22, "div", 14);
-    i0.ɵɵtext(23);
+    i0.ɵɵelementStart(12, "div", 14)(13, "div", 15);
+    i0.ɵɵtext(14);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "div", 15);
-    i0.ɵɵtext(25, "Successful");
+    i0.ɵɵelementStart(15, "div", 16);
+    i0.ɵɵtext(16, "Successful");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(26, "div", 10)(27, "div", 18);
-    i0.ɵɵelement(28, "i", 19);
+    i0.ɵɵelementStart(17, "div", 11)(18, "div", 19);
+    i0.ɵɵelement(19, "i", 20);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(29, "div", 13)(30, "div", 14);
-    i0.ɵɵtext(31);
+    i0.ɵɵelementStart(20, "div", 14)(21, "div", 15);
+    i0.ɵɵtext(22);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(32, "div", 15);
-    i0.ɵɵtext(33, "Failed");
+    i0.ɵɵelementStart(23, "div", 16);
+    i0.ɵɵtext(24, "Failed");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(34, "div", 10)(35, "div", 20);
-    i0.ɵɵelement(36, "i", 21);
+    i0.ɵɵelementStart(25, "div", 11)(26, "div", 21);
+    i0.ɵɵelement(27, "i", 22);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(37, "div", 13)(38, "div", 14);
-    i0.ɵɵtext(39);
+    i0.ɵɵelementStart(28, "div", 14)(29, "div", 15);
+    i0.ɵɵtext(30);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(40, "div", 15);
-    i0.ɵɵtext(41, "Partial");
+    i0.ɵɵelementStart(31, "div", 16);
+    i0.ɵɵtext(32, "Partial");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(42, "div", 22)(43, "button", 23);
-    i0.ɵɵlistener("click", function VersionHistoryRestoreResourceComponent_Conditional_2_Template_button_click_43_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnStatusFilterChange("Complete")); });
-    i0.ɵɵelement(44, "i", 17);
-    i0.ɵɵtext(45, " Complete ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(46, "button", 23);
-    i0.ɵɵlistener("click", function VersionHistoryRestoreResourceComponent_Conditional_2_Template_button_click_46_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnStatusFilterChange("Error")); });
-    i0.ɵɵelement(47, "i", 19);
-    i0.ɵɵtext(48, " Error ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(49, "button", 23);
-    i0.ɵɵlistener("click", function VersionHistoryRestoreResourceComponent_Conditional_2_Template_button_click_49_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnStatusFilterChange("Partial")); });
-    i0.ɵɵelement(50, "i", 21);
-    i0.ɵɵtext(51, " Partial ");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(52, VersionHistoryRestoreResourceComponent_Conditional_2_Conditional_52_Template, 3, 0, "div", 24);
-    i0.ɵɵconditionalCreate(53, VersionHistoryRestoreResourceComponent_Conditional_2_Conditional_53_Template, 6, 2, "div", 25);
+    i0.ɵɵconditionalCreate(33, VersionHistoryRestoreResourceComponent_Conditional_12_Conditional_33_Template, 3, 0, "div", 23);
+    i0.ɵɵconditionalCreate(34, VersionHistoryRestoreResourceComponent_Conditional_12_Conditional_34_Template, 6, 2, "div", 24);
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(15);
-    i0.ɵɵtextInterpolate(ctx_r1.TotalRestores);
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r2.TotalRestores);
     i0.ɵɵadvance(8);
-    i0.ɵɵtextInterpolate(ctx_r1.SuccessfulRestores);
+    i0.ɵɵtextInterpolate(ctx_r2.SuccessfulRestores);
     i0.ɵɵadvance(8);
-    i0.ɵɵtextInterpolate(ctx_r1.FailedRestores);
+    i0.ɵɵtextInterpolate(ctx_r2.FailedRestores);
     i0.ɵɵadvance(8);
-    i0.ɵɵtextInterpolate(ctx_r1.PartialRestores);
-    i0.ɵɵadvance(4);
-    i0.ɵɵclassProp("active", ctx_r1.StatusFilter === "Complete");
-    i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("active", ctx_r1.StatusFilter === "Error");
+    i0.ɵɵtextInterpolate(ctx_r2.PartialRestores);
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("active", ctx_r1.StatusFilter === "Partial");
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.FilteredRestores.length > 0 ? 52 : -1);
+    i0.ɵɵconditional(ctx_r2.FilteredRestores.length > 0 ? 33 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.FilteredRestores.length === 0 && !ctx_r1.IsLoading ? 53 : -1);
+    i0.ɵɵconditional(ctx_r2.FilteredRestores.length === 0 && !ctx_r2.IsLoading ? 34 : -1);
 } }
 let VersionHistoryRestoreResourceComponent = class VersionHistoryRestoreResourceComponent extends BaseResourceComponent {
     static { VersionHistoryRestoreResourceComponent_1 = this; }
@@ -450,17 +419,42 @@ let VersionHistoryRestoreResourceComponent = class VersionHistoryRestoreResource
         this.LoadData();
     }
     static ɵfac = function VersionHistoryRestoreResourceComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || VersionHistoryRestoreResourceComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: VersionHistoryRestoreResourceComponent, selectors: [["mj-version-history-restore-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [[1, "restore-container"], ["text", "Loading restore history..."], [1, "page-header"], [1, "header-left"], [1, "page-title"], [1, "page-subtitle"], [1, "header-actions"], ["title", "Refresh", 1, "btn-icon", 3, "click"], [1, "fa-solid", "fa-refresh"], [1, "kpi-row"], [1, "kpi-card"], [1, "kpi-icon", 2, "background", "color-mix(in srgb, var(--mj-brand-primary) 10%, transparent)", "color", "var(--mj-brand-primary)"], [1, "fa-solid", "fa-clock-rotate-left"], [1, "kpi-content"], [1, "kpi-value"], [1, "kpi-label"], [1, "kpi-icon", 2, "background", "color-mix(in srgb, var(--mj-status-success) 10%, transparent)", "color", "var(--mj-status-success)"], [1, "fa-solid", "fa-circle-check"], [1, "kpi-icon", 2, "background", "color-mix(in srgb, var(--mj-status-error) 10%, transparent)", "color", "var(--mj-status-error)"], [1, "fa-solid", "fa-circle-xmark"], [1, "kpi-icon", 2, "background", "color-mix(in srgb, var(--mj-status-warning) 10%, transparent)", "color", "var(--mj-status-warning)"], [1, "fa-solid", "fa-circle-half-stroke"], [1, "filter-row"], [1, "filter-chip", 3, "click"], [1, "restore-list"], [1, "empty-state"], [1, "restore-card", 3, "ngClass"], [1, "restore-header", 3, "click"], [1, "restore-header-left"], [1, "status-icon", 3, "ngClass"], [1, "restore-info"], [1, "restore-label-name"], [1, "restore-date"], [1, "restore-header-right"], [1, "restore-progress-bar"], [1, "progress-fill", 3, "ngClass"], [1, "restore-count"], [1, "expand-icon", 3, "ngClass"], [1, "restore-details"], [1, "detail-grid"], [1, "detail-item"], [1, "detail-label"], [1, "detail-value", 3, "ngClass"], [1, "detail-value"], [1, "error-log"], [1, "detail-value", "detail-mono"], [1, "error-log-header"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "error-log-content"], [1, "fa-solid", "fa-clock-rotate-left", "empty-icon"]], template: function VersionHistoryRestoreResourceComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵconditionalCreate(1, VersionHistoryRestoreResourceComponent_Conditional_1_Template, 1, 0, "mj-loading", 1);
-            i0.ɵɵconditionalCreate(2, VersionHistoryRestoreResourceComponent_Conditional_2_Template, 54, 12);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: VersionHistoryRestoreResourceComponent, selectors: [["mj-version-history-restore-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 13, vars: 8, consts: [["Title", "Restore History", "Icon", "fa-solid fa-clock-rotate-left", "Subtitle", "Track all restore operations and their outcomes"], ["meta", ""], ["Label", "restores", 3, "Count", "Total"], ["actions", ""], [3, "Clicked", "Loading"], ["toolbar", ""], ["Label", "Complete", "Icon", "fa-solid fa-circle-check", 3, "Clicked", "Active"], ["Label", "Error", "Icon", "fa-solid fa-circle-xmark", 3, "Clicked", "Active"], ["Label", "Partial", "Icon", "fa-solid fa-circle-half-stroke", 3, "Clicked", "Active"], ["text", "Loading restore history..."], [1, "kpi-row"], [1, "kpi-card"], [1, "kpi-icon", 2, "background", "color-mix(in srgb, var(--mj-brand-primary) 10%, transparent)", "color", "var(--mj-brand-primary)"], [1, "fa-solid", "fa-clock-rotate-left"], [1, "kpi-content"], [1, "kpi-value"], [1, "kpi-label"], [1, "kpi-icon", 2, "background", "color-mix(in srgb, var(--mj-status-success) 10%, transparent)", "color", "var(--mj-status-success)"], [1, "fa-solid", "fa-circle-check"], [1, "kpi-icon", 2, "background", "color-mix(in srgb, var(--mj-status-error) 10%, transparent)", "color", "var(--mj-status-error)"], [1, "fa-solid", "fa-circle-xmark"], [1, "kpi-icon", 2, "background", "color-mix(in srgb, var(--mj-status-warning) 10%, transparent)", "color", "var(--mj-status-warning)"], [1, "fa-solid", "fa-circle-half-stroke"], [1, "restore-list"], [1, "empty-state"], [1, "restore-card", 3, "ngClass"], [1, "restore-header", 3, "click"], [1, "restore-header-left"], [1, "status-icon", 3, "ngClass"], [1, "restore-info"], [1, "restore-label-name"], [1, "restore-date"], [1, "restore-header-right"], [1, "restore-progress-bar"], [1, "progress-fill", 3, "ngClass"], [1, "restore-count"], [1, "expand-icon", 3, "ngClass"], [1, "restore-details"], [1, "detail-grid"], [1, "detail-item"], [1, "detail-label"], [1, "detail-value", 3, "ngClass"], [1, "detail-value"], [1, "error-log"], [1, "detail-value", "detail-mono"], [1, "error-log-header"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "error-log-content"], [1, "fa-solid", "fa-clock-rotate-left", "empty-icon"]], template: function VersionHistoryRestoreResourceComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-page-layout")(1, "mj-page-header", 0)(2, "div", 1);
+            i0.ɵɵelement(3, "mj-stat-badge", 2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "div", 3)(5, "mj-refresh-button", 4);
+            i0.ɵɵlistener("Clicked", function VersionHistoryRestoreResourceComponent_Template_mj_refresh_button_Clicked_5_listener() { return ctx.Refresh(); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(6, "div", 5)(7, "mj-filter-chip", 6);
+            i0.ɵɵlistener("Clicked", function VersionHistoryRestoreResourceComponent_Template_mj_filter_chip_Clicked_7_listener() { return ctx.OnStatusFilterChange("Complete"); });
             i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(8, "mj-filter-chip", 7);
+            i0.ɵɵlistener("Clicked", function VersionHistoryRestoreResourceComponent_Template_mj_filter_chip_Clicked_8_listener() { return ctx.OnStatusFilterChange("Error"); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(9, "mj-filter-chip", 8);
+            i0.ɵɵlistener("Clicked", function VersionHistoryRestoreResourceComponent_Template_mj_filter_chip_Clicked_9_listener() { return ctx.OnStatusFilterChange("Partial"); });
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(10, "mj-page-body");
+            i0.ɵɵconditionalCreate(11, VersionHistoryRestoreResourceComponent_Conditional_11_Template, 1, 0, "mj-loading", 9);
+            i0.ɵɵconditionalCreate(12, VersionHistoryRestoreResourceComponent_Conditional_12_Template, 35, 6);
+            i0.ɵɵelementEnd()();
         } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("Count", ctx.FilteredRestores.length)("Total", ctx.Restores.length);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("Loading", ctx.IsLoading);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("Active", ctx.StatusFilter === "Complete");
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Active", ctx.StatusFilter === "Error");
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.IsLoading ? 1 : -1);
+            i0.ɵɵproperty("Active", ctx.StatusFilter === "Partial");
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.IsLoading ? 11 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.IsLoading ? 2 : -1);
-        } }, dependencies: [i1.NgClass, i2.LoadingComponent, i1.SlicePipe], styles: [".restore-container[_ngcontent-%COMP%] {\n    padding: 24px;\n    height: 100%;\n    overflow-y: auto;\n}\n\n\n\n.page-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 24px;\n}\n\n.header-left[_ngcontent-%COMP%] { flex: 1; }\n\n.page-title[_ngcontent-%COMP%] {\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    margin: 0 0 4px 0;\n}\n\n.page-subtitle[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n.header-actions[_ngcontent-%COMP%] { display: flex; gap: 12px; }\n\n.btn-icon[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    color: var(--mj-text-secondary);\n}\n\n.btn-icon[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n\n\n.kpi-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    margin-bottom: 24px;\n}\n\n.kpi-card[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n}\n\n.kpi-icon[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    font-size: 20px;\n    flex-shrink: 0;\n}\n\n.kpi-value[_ngcontent-%COMP%] {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1;\n}\n\n.kpi-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    margin-top: 4px;\n}\n\n\n\n.filter-row[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-bottom: 20px;\n}\n\n.filter-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 20px;\n    cursor: pointer;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    transition: all 0.2s ease;\n}\n\n.filter-chip[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.filter-chip.active[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n\n\n.restore-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.restore-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    overflow: hidden;\n    transition: all 0.2s ease;\n}\n\n.restore-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.restore-card.expanded[_ngcontent-%COMP%] {\n    box-shadow: var(--mj-shadow-md);\n}\n\n.restore-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    cursor: pointer;\n}\n\n.restore-header-left[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n}\n\n.status-icon[_ngcontent-%COMP%] {\n    font-size: 20px;\n}\n\n.status-success[_ngcontent-%COMP%] { color: var(--mj-status-success); }\n.status-failed[_ngcontent-%COMP%] { color: var(--mj-status-error); }\n.status-progress[_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n.status-pending[_ngcontent-%COMP%] { color: var(--mj-status-warning); }\n\n.restore-info[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.restore-label-name[_ngcontent-%COMP%] {\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.dry-run-badge[_ngcontent-%COMP%] {\n    font-size: 10px;\n    font-weight: 700;\n    padding: 2px 8px;\n    background: color-mix(in srgb, var(--mj-status-warning) 10%, transparent);\n    color: var(--mj-status-warning);\n    border-radius: 8px;\n    letter-spacing: 0.5px;\n}\n\n.restore-date[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.restore-header-right[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n}\n\n.restore-progress-bar[_ngcontent-%COMP%] {\n    width: 80px;\n    height: 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 3px;\n    overflow: hidden;\n}\n\n.progress-fill[_ngcontent-%COMP%] {\n    height: 100%;\n    border-radius: 3px;\n    transition: width 0.3s ease;\n}\n\n.progress-fill.status-success[_ngcontent-%COMP%] { background: var(--mj-status-success); }\n.progress-fill.status-failed[_ngcontent-%COMP%] { background: var(--mj-status-error); }\n.progress-fill.status-progress[_ngcontent-%COMP%] { background: var(--mj-brand-primary); }\n.progress-fill.status-pending[_ngcontent-%COMP%] { background: var(--mj-status-warning); }\n\n.restore-count[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n}\n\n.expand-icon[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n}\n\n\n\n.restore-details[_ngcontent-%COMP%] {\n    padding: 0 20px 20px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n.detail-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n    gap: 16px;\n    padding-top: 16px;\n}\n\n.detail-item[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.detail-label[_ngcontent-%COMP%] {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.detail-value[_ngcontent-%COMP%] {\n    font-size: 15px;\n    color: var(--mj-text-primary);\n    font-weight: 500;\n}\n\n.detail-mono[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Fira Code', monospace;\n    font-size: 13px;\n}\n\n.text-error[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n\n\n\n.error-log[_ngcontent-%COMP%] {\n    margin-top: 16px;\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 20%, transparent);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.error-log-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 14px;\n    background: color-mix(in srgb, var(--mj-status-error) 6%, transparent);\n    color: var(--mj-status-error);\n    font-size: 13px;\n    font-weight: 600;\n}\n\n.error-log-content[_ngcontent-%COMP%] {\n    margin: 0;\n    padding: 12px 14px;\n    font-size: 12px;\n    font-family: 'SF Mono', 'Fira Code', monospace;\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface-card);\n    overflow-x: auto;\n    white-space: pre-wrap;\n    word-break: break-word;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 20px;\n    text-align: center;\n}\n\n.empty-icon[_ngcontent-%COMP%] {\n    font-size: 48px;\n    color: var(--mj-text-muted);\n    margin-bottom: 16px;\n}\n\n.empty-state[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n    max-width: 400px;\n}\n\n@media (max-width: 768px) {\n    .kpi-row[_ngcontent-%COMP%] { grid-template-columns: repeat(2, 1fr); }\n}"], changeDetection: 0 });
+            i0.ɵɵconditional(!ctx.IsLoading ? 12 : -1);
+        } }, dependencies: [i1.NgClass, i2.MJPageHeaderComponent, i2.MJPageLayoutComponent, i2.MJPageBodyComponent, i2.MJFilterChipComponent, i2.MJStatBadgeComponent, i2.MJRefreshButtonComponent, i3.LoadingComponent, i1.SlicePipe], styles: ["\n\n.kpi-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    margin-bottom: 24px;\n}\n\n.kpi-card[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n}\n\n.kpi-icon[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    font-size: 20px;\n    flex-shrink: 0;\n}\n\n.kpi-value[_ngcontent-%COMP%] {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1;\n}\n\n.kpi-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    margin-top: 4px;\n}\n\n\n\n.restore-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.restore-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    overflow: hidden;\n    transition: all 0.2s ease;\n}\n\n.restore-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.restore-card.expanded[_ngcontent-%COMP%] {\n    box-shadow: var(--mj-shadow-md);\n}\n\n.restore-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    cursor: pointer;\n}\n\n.restore-header-left[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n}\n\n.status-icon[_ngcontent-%COMP%] {\n    font-size: 20px;\n}\n\n.status-success[_ngcontent-%COMP%] { color: var(--mj-status-success); }\n.status-failed[_ngcontent-%COMP%] { color: var(--mj-status-error); }\n.status-progress[_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n.status-pending[_ngcontent-%COMP%] { color: var(--mj-status-warning); }\n\n.restore-info[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.restore-label-name[_ngcontent-%COMP%] {\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.dry-run-badge[_ngcontent-%COMP%] {\n    font-size: 10px;\n    font-weight: 700;\n    padding: 2px 8px;\n    background: color-mix(in srgb, var(--mj-status-warning) 10%, transparent);\n    color: var(--mj-status-warning);\n    border-radius: 8px;\n    letter-spacing: 0.5px;\n}\n\n.restore-date[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.restore-header-right[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n}\n\n.restore-progress-bar[_ngcontent-%COMP%] {\n    width: 80px;\n    height: 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 3px;\n    overflow: hidden;\n}\n\n.progress-fill[_ngcontent-%COMP%] {\n    height: 100%;\n    border-radius: 3px;\n    transition: width 0.3s ease;\n}\n\n.progress-fill.status-success[_ngcontent-%COMP%] { background: var(--mj-status-success); }\n.progress-fill.status-failed[_ngcontent-%COMP%] { background: var(--mj-status-error); }\n.progress-fill.status-progress[_ngcontent-%COMP%] { background: var(--mj-brand-primary); }\n.progress-fill.status-pending[_ngcontent-%COMP%] { background: var(--mj-status-warning); }\n\n.restore-count[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n}\n\n.expand-icon[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n}\n\n\n\n.restore-details[_ngcontent-%COMP%] {\n    padding: 0 20px 20px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n.detail-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n    gap: 16px;\n    padding-top: 16px;\n}\n\n.detail-item[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.detail-label[_ngcontent-%COMP%] {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.detail-value[_ngcontent-%COMP%] {\n    font-size: 15px;\n    color: var(--mj-text-primary);\n    font-weight: 500;\n}\n\n.detail-mono[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Fira Code', monospace;\n    font-size: 13px;\n}\n\n.text-error[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n\n\n\n.error-log[_ngcontent-%COMP%] {\n    margin-top: 16px;\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 20%, transparent);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.error-log-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 14px;\n    background: color-mix(in srgb, var(--mj-status-error) 6%, transparent);\n    color: var(--mj-status-error);\n    font-size: 13px;\n    font-weight: 600;\n}\n\n.error-log-content[_ngcontent-%COMP%] {\n    margin: 0;\n    padding: 12px 14px;\n    font-size: 12px;\n    font-family: 'SF Mono', 'Fira Code', monospace;\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface-card);\n    overflow-x: auto;\n    white-space: pre-wrap;\n    word-break: break-word;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 20px;\n    text-align: center;\n}\n\n.empty-icon[_ngcontent-%COMP%] {\n    font-size: 48px;\n    color: var(--mj-text-muted);\n    margin-bottom: 16px;\n}\n\n.empty-state[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n    max-width: 400px;\n}\n\n@media (max-width: 768px) {\n    .kpi-row[_ngcontent-%COMP%] { grid-template-columns: repeat(2, 1fr); }\n}"], changeDetection: 0 });
 };
 VersionHistoryRestoreResourceComponent = VersionHistoryRestoreResourceComponent_1 = __decorate([
     RegisterClass(BaseResourceComponent, 'VersionHistoryRestoreResource')
@@ -468,7 +462,7 @@ VersionHistoryRestoreResourceComponent = VersionHistoryRestoreResourceComponent_
 export { VersionHistoryRestoreResourceComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(VersionHistoryRestoreResourceComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-version-history-restore-resource', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"restore-container\">\n  @if (IsLoading) {\n    <mj-loading text=\"Loading restore history...\"></mj-loading>\n  }\n\n  @if (!IsLoading) {\n    <!-- Header -->\n    <div class=\"page-header\">\n      <div class=\"header-left\">\n        <h2 class=\"page-title\">Restore History</h2>\n        <p class=\"page-subtitle\">Track all restore operations and their outcomes</p>\n      </div>\n      <div class=\"header-actions\">\n        <button class=\"btn-icon\" (click)=\"Refresh()\" title=\"Refresh\">\n          <i class=\"fa-solid fa-refresh\"></i>\n        </button>\n      </div>\n    </div>\n    <!-- KPI Cards -->\n    <div class=\"kpi-row\">\n      <div class=\"kpi-card\">\n        <div class=\"kpi-icon\" style=\"background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent); color: var(--mj-brand-primary);\">\n          <i class=\"fa-solid fa-clock-rotate-left\"></i>\n        </div>\n        <div class=\"kpi-content\">\n          <div class=\"kpi-value\">{{TotalRestores}}</div>\n          <div class=\"kpi-label\">Total Restores</div>\n        </div>\n      </div>\n      <div class=\"kpi-card\">\n        <div class=\"kpi-icon\" style=\"background: color-mix(in srgb, var(--mj-status-success) 10%, transparent); color: var(--mj-status-success);\">\n          <i class=\"fa-solid fa-circle-check\"></i>\n        </div>\n        <div class=\"kpi-content\">\n          <div class=\"kpi-value\">{{SuccessfulRestores}}</div>\n          <div class=\"kpi-label\">Successful</div>\n        </div>\n      </div>\n      <div class=\"kpi-card\">\n        <div class=\"kpi-icon\" style=\"background: color-mix(in srgb, var(--mj-status-error) 10%, transparent); color: var(--mj-status-error);\">\n          <i class=\"fa-solid fa-circle-xmark\"></i>\n        </div>\n        <div class=\"kpi-content\">\n          <div class=\"kpi-value\">{{FailedRestores}}</div>\n          <div class=\"kpi-label\">Failed</div>\n        </div>\n      </div>\n      <div class=\"kpi-card\">\n        <div class=\"kpi-icon\" style=\"background: color-mix(in srgb, var(--mj-status-warning) 10%, transparent); color: var(--mj-status-warning);\">\n          <i class=\"fa-solid fa-circle-half-stroke\"></i>\n        </div>\n        <div class=\"kpi-content\">\n          <div class=\"kpi-value\">{{PartialRestores}}</div>\n          <div class=\"kpi-label\">Partial</div>\n        </div>\n      </div>\n    </div>\n    <!-- Filters -->\n    <div class=\"filter-row\">\n      <button class=\"filter-chip\"\n        [class.active]=\"StatusFilter === 'Complete'\"\n        (click)=\"OnStatusFilterChange('Complete')\">\n        <i class=\"fa-solid fa-circle-check\"></i> Complete\n      </button>\n      <button class=\"filter-chip\"\n        [class.active]=\"StatusFilter === 'Error'\"\n        (click)=\"OnStatusFilterChange('Error')\">\n        <i class=\"fa-solid fa-circle-xmark\"></i> Error\n      </button>\n      <button class=\"filter-chip\"\n        [class.active]=\"StatusFilter === 'Partial'\"\n        (click)=\"OnStatusFilterChange('Partial')\">\n        <i class=\"fa-solid fa-circle-half-stroke\"></i> Partial\n      </button>\n    </div>\n    <!-- Restore List -->\n    @if (FilteredRestores.length > 0) {\n      <div class=\"restore-list\">\n        @for (restore of FilteredRestores; track restore) {\n          <div class=\"restore-card\"\n            [ngClass]=\"{'expanded': IsExpanded(restore.ID)}\">\n            <div class=\"restore-header\" (click)=\"ToggleExpand(restore.ID)\">\n              <div class=\"restore-header-left\">\n                <i [class]=\"GetStatusIcon(restore.Status)\"\n                  [ngClass]=\"GetStatusClass(restore.Status)\"\n                class=\"status-icon\"></i>\n                <div class=\"restore-info\">\n                  <div class=\"restore-label-name\">\n                    {{restore.VersionLabel}}\n                  </div>\n                  @if (restore.StartedAt) {\n                    <div class=\"restore-date\">{{FormatDate(restore.StartedAt)}}</div>\n                  }\n                </div>\n              </div>\n              <div class=\"restore-header-right\">\n                <div class=\"restore-progress-bar\">\n                  <div class=\"progress-fill\"\n                    [ngClass]=\"GetStatusClass(restore.Status)\"\n                    [style.width.%]=\"GetProgressPercent(restore)\">\n                  </div>\n                </div>\n                <span class=\"restore-count\">\n                  {{restore.CompletedItems ?? 0}} / {{restore.TotalItems ?? 0}} items\n                </span>\n                <i class=\"fa-solid\"\n                  [ngClass]=\"IsExpanded(restore.ID) ? 'fa-chevron-up' : 'fa-chevron-down'\"\n                  class=\"expand-icon\">\n                </i>\n              </div>\n            </div>\n            <!-- Expanded Details -->\n            @if (IsExpanded(restore.ID)) {\n              <div class=\"restore-details\">\n                <div class=\"detail-grid\">\n                  <div class=\"detail-item\">\n                    <span class=\"detail-label\">Status</span>\n                    <span class=\"detail-value\" [ngClass]=\"GetStatusClass(restore.Status)\">\n                      {{restore.Status}}\n                    </span>\n                  </div>\n                  <div class=\"detail-item\">\n                    <span class=\"detail-label\">Items Completed</span>\n                    <span class=\"detail-value\">{{restore.CompletedItems ?? 0}}</span>\n                  </div>\n                  <div class=\"detail-item\">\n                    <span class=\"detail-label\">Items Failed</span>\n                    <span class=\"detail-value\" [class.text-error]=\"(restore.FailedItems ?? 0) > 0\">\n                      {{restore.FailedItems ?? 0}}\n                    </span>\n                  </div>\n                  @if (restore.User) {\n                    <div class=\"detail-item\">\n                      <span class=\"detail-label\">Restored By</span>\n                      <span class=\"detail-value\">{{restore.User}}</span>\n                    </div>\n                  }\n                  @if (restore.PreRestoreLabelID) {\n                    <div class=\"detail-item\">\n                      <span class=\"detail-label\">Pre-Restore Label</span>\n                      @if (restore.PreRestoreLabel) {\n                        <span class=\"detail-value detail-mono\">\n                          {{restore.PreRestoreLabel}}\n                        </span>\n                      }\n                      @if (!restore.PreRestoreLabel) {\n                        <span class=\"detail-value detail-mono\">\n                          {{restore.PreRestoreLabelID | slice:0:20}}...\n                        </span>\n                      }\n                    </div>\n                  }\n                </div>\n                @if (restore.ErrorLog) {\n                  <div class=\"error-log\">\n                    <div class=\"error-log-header\">\n                      <i class=\"fa-solid fa-triangle-exclamation\"></i>\n                      Error Log\n                    </div>\n                    <pre class=\"error-log-content\">{{restore.ErrorLog}}</pre>\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n    <!-- Empty State -->\n    @if (FilteredRestores.length === 0 && !IsLoading) {\n      <div class=\"empty-state\">\n        <i class=\"fa-solid fa-clock-rotate-left empty-icon\"></i>\n        <h3>No restore operations found</h3>\n        @if (StatusFilter) {\n          <p>\n            Try adjusting your filters.\n          </p>\n        }\n        @if (!StatusFilter) {\n          <p>\n            No restores have been performed yet. Use the VersionHistoryEngine to restore records to a labeled state.\n          </p>\n        }\n      </div>\n    }\n  }\n</div>\n", styles: [".restore-container {\n    padding: 24px;\n    height: 100%;\n    overflow-y: auto;\n}\n\n/* Header */\n.page-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 24px;\n}\n\n.header-left { flex: 1; }\n\n.page-title {\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    margin: 0 0 4px 0;\n}\n\n.page-subtitle {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n.header-actions { display: flex; gap: 12px; }\n\n.btn-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    color: var(--mj-text-secondary);\n}\n\n.btn-icon:hover {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n/* KPI Row */\n.kpi-row {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    margin-bottom: 24px;\n}\n\n.kpi-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n}\n\n.kpi-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    font-size: 20px;\n    flex-shrink: 0;\n}\n\n.kpi-value {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1;\n}\n\n.kpi-label {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    margin-top: 4px;\n}\n\n/* Filter Row */\n.filter-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-bottom: 20px;\n}\n\n.filter-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 20px;\n    cursor: pointer;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    transition: all 0.2s ease;\n}\n\n.filter-chip:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.filter-chip.active {\n    background: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n/* Restore List */\n.restore-list {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.restore-card {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    overflow: hidden;\n    transition: all 0.2s ease;\n}\n\n.restore-card:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.restore-card.expanded {\n    box-shadow: var(--mj-shadow-md);\n}\n\n.restore-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    cursor: pointer;\n}\n\n.restore-header-left {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n}\n\n.status-icon {\n    font-size: 20px;\n}\n\n.status-success { color: var(--mj-status-success); }\n.status-failed { color: var(--mj-status-error); }\n.status-progress { color: var(--mj-brand-primary); }\n.status-pending { color: var(--mj-status-warning); }\n\n.restore-info {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.restore-label-name {\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.dry-run-badge {\n    font-size: 10px;\n    font-weight: 700;\n    padding: 2px 8px;\n    background: color-mix(in srgb, var(--mj-status-warning) 10%, transparent);\n    color: var(--mj-status-warning);\n    border-radius: 8px;\n    letter-spacing: 0.5px;\n}\n\n.restore-date {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.restore-header-right {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n}\n\n.restore-progress-bar {\n    width: 80px;\n    height: 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 3px;\n    overflow: hidden;\n}\n\n.progress-fill {\n    height: 100%;\n    border-radius: 3px;\n    transition: width 0.3s ease;\n}\n\n.progress-fill.status-success { background: var(--mj-status-success); }\n.progress-fill.status-failed { background: var(--mj-status-error); }\n.progress-fill.status-progress { background: var(--mj-brand-primary); }\n.progress-fill.status-pending { background: var(--mj-status-warning); }\n\n.restore-count {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n}\n\n.expand-icon {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n}\n\n/* Expanded Details */\n.restore-details {\n    padding: 0 20px 20px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n.detail-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n    gap: 16px;\n    padding-top: 16px;\n}\n\n.detail-item {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.detail-label {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.detail-value {\n    font-size: 15px;\n    color: var(--mj-text-primary);\n    font-weight: 500;\n}\n\n.detail-mono {\n    font-family: 'SF Mono', 'Fira Code', monospace;\n    font-size: 13px;\n}\n\n.text-error {\n    color: var(--mj-status-error);\n}\n\n/* Error Log */\n.error-log {\n    margin-top: 16px;\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 20%, transparent);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.error-log-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 14px;\n    background: color-mix(in srgb, var(--mj-status-error) 6%, transparent);\n    color: var(--mj-status-error);\n    font-size: 13px;\n    font-weight: 600;\n}\n\n.error-log-content {\n    margin: 0;\n    padding: 12px 14px;\n    font-size: 12px;\n    font-family: 'SF Mono', 'Fira Code', monospace;\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface-card);\n    overflow-x: auto;\n    white-space: pre-wrap;\n    word-break: break-word;\n}\n\n/* Empty State */\n.empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 20px;\n    text-align: center;\n}\n\n.empty-icon {\n    font-size: 48px;\n    color: var(--mj-text-muted);\n    margin-bottom: 16px;\n}\n\n.empty-state h3 {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.empty-state p {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n    max-width: 400px;\n}\n\n@media (max-width: 768px) {\n    .kpi-row { grid-template-columns: repeat(2, 1fr); }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-version-history-restore-resource', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mj-page-layout>\n  <mj-page-header\n    Title=\"Restore History\"\n    Icon=\"fa-solid fa-clock-rotate-left\"\n    Subtitle=\"Track all restore operations and their outcomes\">\n    <div meta>\n      <mj-stat-badge\n        [Count]=\"FilteredRestores.length\"\n        [Total]=\"Restores.length\"\n        Label=\"restores\">\n      </mj-stat-badge>\n    </div>\n    <div actions>\n      <mj-refresh-button [Loading]=\"IsLoading\" (Clicked)=\"Refresh()\"></mj-refresh-button>\n    </div>\n    <div toolbar>\n      <mj-filter-chip\n        Label=\"Complete\"\n        Icon=\"fa-solid fa-circle-check\"\n        [Active]=\"StatusFilter === 'Complete'\"\n        (Clicked)=\"OnStatusFilterChange('Complete')\">\n      </mj-filter-chip>\n      <mj-filter-chip\n        Label=\"Error\"\n        Icon=\"fa-solid fa-circle-xmark\"\n        [Active]=\"StatusFilter === 'Error'\"\n        (Clicked)=\"OnStatusFilterChange('Error')\">\n      </mj-filter-chip>\n      <mj-filter-chip\n        Label=\"Partial\"\n        Icon=\"fa-solid fa-circle-half-stroke\"\n        [Active]=\"StatusFilter === 'Partial'\"\n        (Clicked)=\"OnStatusFilterChange('Partial')\">\n      </mj-filter-chip>\n    </div>\n  </mj-page-header>\n\n  <mj-page-body>\n  @if (IsLoading) {\n    <mj-loading text=\"Loading restore history...\"></mj-loading>\n  }\n\n  @if (!IsLoading) {\n    <!-- KPI Cards -->\n    <div class=\"kpi-row\">\n      <div class=\"kpi-card\">\n        <div class=\"kpi-icon\" style=\"background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent); color: var(--mj-brand-primary);\">\n          <i class=\"fa-solid fa-clock-rotate-left\"></i>\n        </div>\n        <div class=\"kpi-content\">\n          <div class=\"kpi-value\">{{TotalRestores}}</div>\n          <div class=\"kpi-label\">Total Restores</div>\n        </div>\n      </div>\n      <div class=\"kpi-card\">\n        <div class=\"kpi-icon\" style=\"background: color-mix(in srgb, var(--mj-status-success) 10%, transparent); color: var(--mj-status-success);\">\n          <i class=\"fa-solid fa-circle-check\"></i>\n        </div>\n        <div class=\"kpi-content\">\n          <div class=\"kpi-value\">{{SuccessfulRestores}}</div>\n          <div class=\"kpi-label\">Successful</div>\n        </div>\n      </div>\n      <div class=\"kpi-card\">\n        <div class=\"kpi-icon\" style=\"background: color-mix(in srgb, var(--mj-status-error) 10%, transparent); color: var(--mj-status-error);\">\n          <i class=\"fa-solid fa-circle-xmark\"></i>\n        </div>\n        <div class=\"kpi-content\">\n          <div class=\"kpi-value\">{{FailedRestores}}</div>\n          <div class=\"kpi-label\">Failed</div>\n        </div>\n      </div>\n      <div class=\"kpi-card\">\n        <div class=\"kpi-icon\" style=\"background: color-mix(in srgb, var(--mj-status-warning) 10%, transparent); color: var(--mj-status-warning);\">\n          <i class=\"fa-solid fa-circle-half-stroke\"></i>\n        </div>\n        <div class=\"kpi-content\">\n          <div class=\"kpi-value\">{{PartialRestores}}</div>\n          <div class=\"kpi-label\">Partial</div>\n        </div>\n      </div>\n    </div>\n    <!-- Restore List -->\n    @if (FilteredRestores.length > 0) {\n      <div class=\"restore-list\">\n        @for (restore of FilteredRestores; track restore) {\n          <div class=\"restore-card\"\n            [ngClass]=\"{'expanded': IsExpanded(restore.ID)}\">\n            <div class=\"restore-header\" (click)=\"ToggleExpand(restore.ID)\">\n              <div class=\"restore-header-left\">\n                <i [class]=\"GetStatusIcon(restore.Status)\"\n                  [ngClass]=\"GetStatusClass(restore.Status)\"\n                class=\"status-icon\"></i>\n                <div class=\"restore-info\">\n                  <div class=\"restore-label-name\">\n                    {{restore.VersionLabel}}\n                  </div>\n                  @if (restore.StartedAt) {\n                    <div class=\"restore-date\">{{FormatDate(restore.StartedAt)}}</div>\n                  }\n                </div>\n              </div>\n              <div class=\"restore-header-right\">\n                <div class=\"restore-progress-bar\">\n                  <div class=\"progress-fill\"\n                    [ngClass]=\"GetStatusClass(restore.Status)\"\n                    [style.width.%]=\"GetProgressPercent(restore)\">\n                  </div>\n                </div>\n                <span class=\"restore-count\">\n                  {{restore.CompletedItems ?? 0}} / {{restore.TotalItems ?? 0}} items\n                </span>\n                <i class=\"fa-solid\"\n                  [ngClass]=\"IsExpanded(restore.ID) ? 'fa-chevron-up' : 'fa-chevron-down'\"\n                  class=\"expand-icon\">\n                </i>\n              </div>\n            </div>\n            <!-- Expanded Details -->\n            @if (IsExpanded(restore.ID)) {\n              <div class=\"restore-details\">\n                <div class=\"detail-grid\">\n                  <div class=\"detail-item\">\n                    <span class=\"detail-label\">Status</span>\n                    <span class=\"detail-value\" [ngClass]=\"GetStatusClass(restore.Status)\">\n                      {{restore.Status}}\n                    </span>\n                  </div>\n                  <div class=\"detail-item\">\n                    <span class=\"detail-label\">Items Completed</span>\n                    <span class=\"detail-value\">{{restore.CompletedItems ?? 0}}</span>\n                  </div>\n                  <div class=\"detail-item\">\n                    <span class=\"detail-label\">Items Failed</span>\n                    <span class=\"detail-value\" [class.text-error]=\"(restore.FailedItems ?? 0) > 0\">\n                      {{restore.FailedItems ?? 0}}\n                    </span>\n                  </div>\n                  @if (restore.User) {\n                    <div class=\"detail-item\">\n                      <span class=\"detail-label\">Restored By</span>\n                      <span class=\"detail-value\">{{restore.User}}</span>\n                    </div>\n                  }\n                  @if (restore.PreRestoreLabelID) {\n                    <div class=\"detail-item\">\n                      <span class=\"detail-label\">Pre-Restore Label</span>\n                      @if (restore.PreRestoreLabel) {\n                        <span class=\"detail-value detail-mono\">\n                          {{restore.PreRestoreLabel}}\n                        </span>\n                      }\n                      @if (!restore.PreRestoreLabel) {\n                        <span class=\"detail-value detail-mono\">\n                          {{restore.PreRestoreLabelID | slice:0:20}}...\n                        </span>\n                      }\n                    </div>\n                  }\n                </div>\n                @if (restore.ErrorLog) {\n                  <div class=\"error-log\">\n                    <div class=\"error-log-header\">\n                      <i class=\"fa-solid fa-triangle-exclamation\"></i>\n                      Error Log\n                    </div>\n                    <pre class=\"error-log-content\">{{restore.ErrorLog}}</pre>\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n    <!-- Empty State -->\n    @if (FilteredRestores.length === 0 && !IsLoading) {\n      <div class=\"empty-state\">\n        <i class=\"fa-solid fa-clock-rotate-left empty-icon\"></i>\n        <h3>No restore operations found</h3>\n        @if (StatusFilter) {\n          <p>\n            Try adjusting your filters.\n          </p>\n        }\n        @if (!StatusFilter) {\n          <p>\n            No restores have been performed yet. Use the VersionHistoryEngine to restore records to a labeled state.\n          </p>\n        }\n      </div>\n    }\n  }\n  </mj-page-body>\n</mj-page-layout>\n", styles: ["/* KPI Row */\n.kpi-row {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    margin-bottom: 24px;\n}\n\n.kpi-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n}\n\n.kpi-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    font-size: 20px;\n    flex-shrink: 0;\n}\n\n.kpi-value {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1;\n}\n\n.kpi-label {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    margin-top: 4px;\n}\n\n/* Restore List */\n.restore-list {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.restore-card {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    overflow: hidden;\n    transition: all 0.2s ease;\n}\n\n.restore-card:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.restore-card.expanded {\n    box-shadow: var(--mj-shadow-md);\n}\n\n.restore-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    cursor: pointer;\n}\n\n.restore-header-left {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n}\n\n.status-icon {\n    font-size: 20px;\n}\n\n.status-success { color: var(--mj-status-success); }\n.status-failed { color: var(--mj-status-error); }\n.status-progress { color: var(--mj-brand-primary); }\n.status-pending { color: var(--mj-status-warning); }\n\n.restore-info {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.restore-label-name {\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.dry-run-badge {\n    font-size: 10px;\n    font-weight: 700;\n    padding: 2px 8px;\n    background: color-mix(in srgb, var(--mj-status-warning) 10%, transparent);\n    color: var(--mj-status-warning);\n    border-radius: 8px;\n    letter-spacing: 0.5px;\n}\n\n.restore-date {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.restore-header-right {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n}\n\n.restore-progress-bar {\n    width: 80px;\n    height: 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 3px;\n    overflow: hidden;\n}\n\n.progress-fill {\n    height: 100%;\n    border-radius: 3px;\n    transition: width 0.3s ease;\n}\n\n.progress-fill.status-success { background: var(--mj-status-success); }\n.progress-fill.status-failed { background: var(--mj-status-error); }\n.progress-fill.status-progress { background: var(--mj-brand-primary); }\n.progress-fill.status-pending { background: var(--mj-status-warning); }\n\n.restore-count {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n}\n\n.expand-icon {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n}\n\n/* Expanded Details */\n.restore-details {\n    padding: 0 20px 20px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n.detail-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n    gap: 16px;\n    padding-top: 16px;\n}\n\n.detail-item {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.detail-label {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.detail-value {\n    font-size: 15px;\n    color: var(--mj-text-primary);\n    font-weight: 500;\n}\n\n.detail-mono {\n    font-family: 'SF Mono', 'Fira Code', monospace;\n    font-size: 13px;\n}\n\n.text-error {\n    color: var(--mj-status-error);\n}\n\n/* Error Log */\n.error-log {\n    margin-top: 16px;\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 20%, transparent);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.error-log-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 14px;\n    background: color-mix(in srgb, var(--mj-status-error) 6%, transparent);\n    color: var(--mj-status-error);\n    font-size: 13px;\n    font-weight: 600;\n}\n\n.error-log-content {\n    margin: 0;\n    padding: 12px 14px;\n    font-size: 12px;\n    font-family: 'SF Mono', 'Fira Code', monospace;\n    color: var(--mj-text-primary);\n    background: var(--mj-bg-surface-card);\n    overflow-x: auto;\n    white-space: pre-wrap;\n    word-break: break-word;\n}\n\n/* Empty State */\n.empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 20px;\n    text-align: center;\n}\n\n.empty-icon {\n    font-size: 48px;\n    color: var(--mj-text-muted);\n    margin-bottom: 16px;\n}\n\n.empty-state h3 {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 8px 0;\n}\n\n.empty-state p {\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n    margin: 0;\n    max-width: 400px;\n}\n\n@media (max-width: 768px) {\n    .kpi-row { grid-template-columns: repeat(2, 1fr); }\n}\n"] }]
     }], () => [{ type: i0.ChangeDetectorRef }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(VersionHistoryRestoreResourceComponent, { className: "VersionHistoryRestoreResourceComponent", filePath: "src/VersionHistory/components/restore-resource.component.ts", lineNumber: 19 }); })();
 //# sourceMappingURL=restore-resource.component.js.map