@memberjunction/ng-dashboards 5.7.0 → 5.8.0

package/dist/Integration/components/sync-activity/sync-activity.component.js

@@ -0,0 +1,671 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { ChangeDetectorRef, Component, inject } from '@angular/core';
+import { RegisterClass, UUIDsEqual } from '@memberjunction/global';
+import { BaseResourceComponent } from '@memberjunction/ng-shared';
+import { RunView } from '@memberjunction/core';
+import { IntegrationDataService, } from '../../services/integration-data.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-shared-generic";
+import * as i3 from "@angular/common";
+const _forTrack0 = ($index, $item) => $item.ID;
+function SyncActivityComponent_For_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 8);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const integration_r1 = ctx.$implicit;
+    i0.ɵɵproperty("value", integration_r1.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(integration_r1.Name);
+} }
+function SyncActivityComponent_For_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 8);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const status_r2 = ctx.$implicit;
+    i0.ɵɵproperty("value", status_r2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(status_r2);
+} }
+function SyncActivityComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11)(1, "div", 15)(2, "span", 16);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 17);
+    i0.ɵɵtext(5, "Total Runs");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 18)(7, "span", 16);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span", 17);
+    i0.ɵɵtext(10, "Successful");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "div", 19)(12, "span", 16);
+    i0.ɵɵtext(13);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "span", 17);
+    i0.ɵɵtext(15, "Failed");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(16, "div", 15)(17, "span", 16);
+    i0.ɵɵtext(18);
+    i0.ɵɵpipe(19, "number");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "span", 17);
+    i0.ɵɵtext(21, "Records (filtered)");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r2.TotalRuns);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.SuccessfulRuns);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.FailedRuns);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(19, 4, ctx_r2.TotalRecordsInView));
+} }
+function SyncActivityComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12);
+    i0.ɵɵelement(1, "mj-loading", 20);
+    i0.ɵɵelementEnd();
+} }
+function SyncActivityComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13);
+    i0.ɵɵelement(1, "i", 21);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No runs found for the selected filters.");
+    i0.ɵɵelementEnd()();
+} }
+function SyncActivityComponent_Conditional_20_For_19_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 26);
+    i0.ɵɵlistener("click", function SyncActivityComponent_Conditional_20_For_19_Template_tr_click_0_listener() { const run_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnRunClick(run_r5)); });
+    i0.ɵɵelementStart(1, "td", 27)(2, "span", 28);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 29);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "td", 30);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "td")(9, "span");
+    i0.ɵɵelement(10, "i");
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(12, "td", 31);
+    i0.ɵɵtext(13);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "td", 31);
+    i0.ɵɵtext(15);
+    i0.ɵɵpipe(16, "number");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "td");
+    i0.ɵɵtext(18);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const run_r5 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("selected", ctx_r2.IsSelectedRun(run_r5.ID));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(run_r5.Integration);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(run_r5.Company);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatDate(run_r5.StartedAt));
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r2.StatusChipClass(run_r5.Status));
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r2.StatusIcon(run_r5.Status));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", run_r5.Status, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatDuration(run_r5));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(16, 13, run_r5.TotalRecords));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(run_r5.RunByUser);
+} }
+function SyncActivityComponent_Conditional_20_Conditional_20_Conditional_13_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 39);
+    i0.ɵɵelement(1, "mj-loading", 43);
+    i0.ɵɵelementEnd();
+} }
+function SyncActivityComponent_Conditional_20_Conditional_20_Conditional_13_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 40);
+    i0.ɵɵelement(1, "i", 44);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No entity detail records for this run.");
+    i0.ɵɵelementEnd()();
+} }
+function SyncActivityComponent_Conditional_20_Conditional_20_Conditional_13_Conditional_2_For_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "td", 45);
+    i0.ɵɵtext(4);
+    i0.ɵɵpipe(5, "number");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "td", 47);
+    i0.ɵɵtext(7);
+    i0.ɵɵpipe(8, "number");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "td", 48);
+    i0.ɵɵtext(10);
+    i0.ɵɵpipe(11, "number");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "td", 45);
+    i0.ɵɵtext(13);
+    i0.ɵɵpipe(14, "number");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "td", 49);
+    i0.ɵɵtext(16);
+    i0.ɵɵpipe(17, "number");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "td", 45);
+    i0.ɵɵtext(19);
+    i0.ɵɵpipe(20, "number");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const detail_r7 = ctx.$implicit;
+    i0.ɵɵclassProp("error-row", detail_r7.RecordsErrored > 0);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(detail_r7.Entity);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 9, detail_r7.RecordsProcessed));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 11, detail_r7.RecordsCreated));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(11, 13, detail_r7.RecordsUpdated));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(14, 15, detail_r7.RecordsDeleted));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(17, 17, detail_r7.RecordsErrored));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(20, 19, detail_r7.RecordsSkipped));
+} }
+function SyncActivityComponent_Conditional_20_Conditional_20_Conditional_13_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "table", 41)(1, "thead")(2, "tr")(3, "th");
+    i0.ɵɵtext(4, "Entity");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "th", 45);
+    i0.ɵɵtext(6, "Processed");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "th", 45);
+    i0.ɵɵtext(8, "Created");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "th", 45);
+    i0.ɵɵtext(10, "Updated");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "th", 45);
+    i0.ɵɵtext(12, "Deleted");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "th", 45);
+    i0.ɵɵtext(14, "Errors");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "th", 45);
+    i0.ɵɵtext(16, "Skipped");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(17, "tbody");
+    i0.ɵɵrepeaterCreate(18, SyncActivityComponent_Conditional_20_Conditional_20_Conditional_13_Conditional_2_For_19_Template, 21, 21, "tr", 46, _forTrack0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(18);
+    i0.ɵɵrepeater(ctx_r2.RunDetails);
+} }
+function SyncActivityComponent_Conditional_20_Conditional_20_Conditional_13_Conditional_3_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "pre", 53);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    let tmp_5_0;
+    const ctx_r2 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate((tmp_5_0 = ctx_r2.GetSelectedRun()) == null ? null : tmp_5_0.ErrorLog);
+} }
+function SyncActivityComponent_Conditional_20_Conditional_20_Conditional_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 42)(1, "button", 50);
+    i0.ɵɵlistener("click", function SyncActivityComponent_Conditional_20_Conditional_20_Conditional_13_Conditional_3_Template_button_click_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.ToggleErrorLog($event)); });
+    i0.ɵɵelement(2, "i", 51);
+    i0.ɵɵtext(3, " Error Log ");
+    i0.ɵɵelement(4, "i", 52);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, SyncActivityComponent_Conditional_20_Conditional_20_Conditional_13_Conditional_3_Conditional_5_Template, 2, 1, "pre", 53);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵclassProp("flipped", ctx_r2.ShowErrorLog);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ShowErrorLog ? 5 : -1);
+} }
+function SyncActivityComponent_Conditional_20_Conditional_20_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SyncActivityComponent_Conditional_20_Conditional_20_Conditional_13_Conditional_0_Template, 2, 0, "div", 39)(1, SyncActivityComponent_Conditional_20_Conditional_20_Conditional_13_Conditional_1_Template, 4, 0, "div", 40)(2, SyncActivityComponent_Conditional_20_Conditional_20_Conditional_13_Conditional_2_Template, 20, 0, "table", 41);
+    i0.ɵɵconditionalCreate(3, SyncActivityComponent_Conditional_20_Conditional_20_Conditional_13_Conditional_3_Template, 6, 3, "div", 42);
+} if (rf & 2) {
+    let tmp_4_0;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵconditional(ctx_r2.IsLoadingDetails ? 0 : ctx_r2.RunDetails.length === 0 ? 1 : 2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(((tmp_4_0 = ctx_r2.GetSelectedRun()) == null ? null : tmp_4_0.ErrorLog) ? 3 : -1);
+} }
+function SyncActivityComponent_Conditional_20_Conditional_20_Conditional_14_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 39);
+    i0.ɵɵelement(1, "mj-loading", 54);
+    i0.ɵɵelementEnd();
+} }
+function SyncActivityComponent_Conditional_20_Conditional_20_Conditional_14_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 40);
+    i0.ɵɵelement(1, "i", 55);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No watermarks recorded for this integration.");
+    i0.ɵɵelementEnd()();
+} }
+function SyncActivityComponent_Conditional_20_Conditional_20_Conditional_14_Conditional_2_For_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "td")(4, "span", 56);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "td", 57);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "td");
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const wm_r9 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(wm_r9.EntityMap);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(wm_r9.WatermarkType);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatWatermark(wm_r9.WatermarkValue));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatDate(wm_r9.LastAppliedAt));
+} }
+function SyncActivityComponent_Conditional_20_Conditional_20_Conditional_14_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "table", 41)(1, "thead")(2, "tr")(3, "th");
+    i0.ɵɵtext(4, "Entity Map");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "th");
+    i0.ɵɵtext(6, "Type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "th");
+    i0.ɵɵtext(8, "Current Value");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "th");
+    i0.ɵɵtext(10, "Last Applied");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(11, "tbody");
+    i0.ɵɵrepeaterCreate(12, SyncActivityComponent_Conditional_20_Conditional_20_Conditional_14_Conditional_2_For_13_Template, 10, 4, "tr", null, _forTrack0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(12);
+    i0.ɵɵrepeater(ctx_r2.Watermarks);
+} }
+function SyncActivityComponent_Conditional_20_Conditional_20_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SyncActivityComponent_Conditional_20_Conditional_20_Conditional_14_Conditional_0_Template, 2, 0, "div", 39)(1, SyncActivityComponent_Conditional_20_Conditional_20_Conditional_14_Conditional_1_Template, 4, 0, "div", 40)(2, SyncActivityComponent_Conditional_20_Conditional_20_Conditional_14_Conditional_2_Template, 14, 0, "table", 41);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵconditional(ctx_r2.IsLoadingWatermarks ? 0 : ctx_r2.Watermarks.length === 0 ? 1 : 2);
+} }
+function SyncActivityComponent_Conditional_20_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 25)(1, "div", 32)(2, "h3");
+    i0.ɵɵtext(3, "Run Details");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "button", 33);
+    i0.ɵɵlistener("click", function SyncActivityComponent_Conditional_20_Conditional_20_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnRunClick(ctx_r2.GetSelectedRun())); });
+    i0.ɵɵelement(5, "i", 34);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 35)(7, "button", 36);
+    i0.ɵɵlistener("click", function SyncActivityComponent_Conditional_20_Conditional_20_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.SetDetailsTab("entities")); });
+    i0.ɵɵelement(8, "i", 37);
+    i0.ɵɵtext(9, " Entity Breakdown ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "button", 36);
+    i0.ɵɵlistener("click", function SyncActivityComponent_Conditional_20_Conditional_20_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.SetDetailsTab("watermarks")); });
+    i0.ɵɵelement(11, "i", 38);
+    i0.ɵɵtext(12, " Watermarks ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(13, SyncActivityComponent_Conditional_20_Conditional_20_Conditional_13_Template, 4, 2);
+    i0.ɵɵconditionalCreate(14, SyncActivityComponent_Conditional_20_Conditional_20_Conditional_14_Template, 3, 1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(7);
+    i0.ɵɵclassProp("active", ctx_r2.ActiveDetailsTab === "entities");
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("active", ctx_r2.ActiveDetailsTab === "watermarks");
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r2.ActiveDetailsTab === "entities" ? 13 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ActiveDetailsTab === "watermarks" ? 14 : -1);
+} }
+function SyncActivityComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14)(1, "div", 22)(2, "table", 23)(3, "thead")(4, "tr")(5, "th");
+    i0.ɵɵtext(6, "Integration");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "th");
+    i0.ɵɵtext(8, "Started");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "th");
+    i0.ɵɵtext(10, "Status");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "th");
+    i0.ɵɵtext(12, "Duration");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "th");
+    i0.ɵɵtext(14, "Records");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "th");
+    i0.ɵɵtext(16, "Run By");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(17, "tbody");
+    i0.ɵɵrepeaterCreate(18, SyncActivityComponent_Conditional_20_For_19_Template, 19, 15, "tr", 24, _forTrack0);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(20, SyncActivityComponent_Conditional_20_Conditional_20_Template, 15, 6, "div", 25);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(18);
+    i0.ɵɵrepeater(ctx_r2.FilteredRuns);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.SelectedRunID ? 20 : -1);
+} }
+let SyncActivityComponent = class SyncActivityComponent extends BaseResourceComponent {
+    Integrations = [];
+    Runs = [];
+    FilteredRuns = [];
+    RunDetails = [];
+    Watermarks = [];
+    SelectedIntegrationID = '';
+    SelectedStatusFilter = 'All';
+    SelectedRunID = null;
+    ActiveDetailsTab = 'entities';
+    IsLoadingIntegrations = false;
+    IsLoadingRuns = false;
+    IsLoadingDetails = false;
+    IsLoadingWatermarks = false;
+    ShowErrorLog = false;
+    StatusOptions = ['All', 'Success', 'Failed', 'In Progress', 'Pending'];
+    dataService = inject(IntegrationDataService);
+    cdr = inject(ChangeDetectorRef);
+    async ngOnInit() {
+        await this.loadIntegrations();
+    }
+    async loadIntegrations() {
+        this.IsLoadingIntegrations = true;
+        this.cdr.detectChanges();
+        try {
+            const summaries = await this.dataService.LoadIntegrationSummaries(this.RunViewToUse);
+            this.Integrations = summaries.map(s => s.Integration);
+        }
+        catch (err) {
+            console.error('[SyncActivity] Failed to load integrations:', err);
+        }
+        finally {
+            this.IsLoadingIntegrations = false;
+            this.cdr.detectChanges();
+        }
+    }
+    async OnIntegrationChange() {
+        this.SelectedRunID = null;
+        this.RunDetails = [];
+        this.Watermarks = [];
+        this.ShowErrorLog = false;
+        await this.LoadRuns();
+    }
+    async LoadRuns() {
+        this.IsLoadingRuns = true;
+        this.SelectedRunID = null;
+        this.RunDetails = [];
+        this.ShowErrorLog = false;
+        this.cdr.detectChanges();
+        try {
+            if (this.SelectedIntegrationID) {
+                this.Runs = await this.dataService.LoadRunHistory(this.SelectedIntegrationID, 100, this.RunViewToUse);
+            }
+            else {
+                this.Runs = await this.loadAllRuns();
+            }
+            this.applyStatusFilter();
+        }
+        catch (err) {
+            console.error('[SyncActivity] Failed to load runs:', err);
+        }
+        finally {
+            this.IsLoadingRuns = false;
+            this.cdr.detectChanges();
+        }
+    }
+    async loadAllRuns() {
+        const rv = new RunView(this.RunViewToUse ?? null);
+        const result = await rv.RunView({
+            EntityName: 'MJ: Company Integration Runs',
+            ExtraFilter: '',
+            OrderBy: 'StartedAt DESC',
+            MaxRows: 200,
+            Fields: ['ID', 'CompanyIntegrationID', 'StartedAt', 'EndedAt', 'TotalRecords',
+                'Status', 'ErrorLog', 'Integration', 'Company', 'RunByUser'],
+            ResultType: 'simple'
+        });
+        return result.Results;
+    }
+    OnStatusFilterChange() {
+        this.applyStatusFilter();
+    }
+    applyStatusFilter() {
+        if (this.SelectedStatusFilter === 'All') {
+            this.FilteredRuns = this.Runs;
+        }
+        else {
+            this.FilteredRuns = this.Runs.filter(r => r.Status === this.SelectedStatusFilter);
+        }
+    }
+    async OnRunClick(run) {
+        if (UUIDsEqual(this.SelectedRunID, run.ID)) {
+            this.SelectedRunID = null;
+            this.RunDetails = [];
+            this.Watermarks = [];
+            this.ShowErrorLog = false;
+            return;
+        }
+        this.SelectedRunID = run.ID;
+        this.RunDetails = [];
+        this.Watermarks = [];
+        this.ShowErrorLog = false;
+        this.ActiveDetailsTab = 'entities';
+        await Promise.all([
+            this.loadRunDetails(run.ID),
+            this.loadWatermarks(run.CompanyIntegrationID),
+        ]);
+    }
+    async loadRunDetails(runID) {
+        this.IsLoadingDetails = true;
+        this.cdr.detectChanges();
+        try {
+            this.RunDetails = await this.dataService.LoadRunDetails(runID, this.RunViewToUse);
+        }
+        catch (err) {
+            console.error('[SyncActivity] Failed to load run details:', err);
+        }
+        finally {
+            this.IsLoadingDetails = false;
+            this.cdr.detectChanges();
+        }
+    }
+    async loadWatermarks(companyIntegrationID) {
+        this.IsLoadingWatermarks = true;
+        this.cdr.detectChanges();
+        try {
+            this.Watermarks = await this.loadWatermarkData(companyIntegrationID);
+        }
+        catch (err) {
+            console.error('[SyncActivity] Failed to load watermarks:', err);
+        }
+        finally {
+            this.IsLoadingWatermarks = false;
+            this.cdr.detectChanges();
+        }
+    }
+    async loadWatermarkData(companyIntegrationID) {
+        const entityMaps = await this.dataService.LoadEntityMaps(companyIntegrationID, this.RunViewToUse);
+        if (entityMaps.length === 0)
+            return [];
+        const entityMapIDs = entityMaps.map(m => `'${m.ID}'`).join(',');
+        const rv = new RunView(this.RunViewToUse ?? null);
+        const result = await rv.RunView({
+            EntityName: 'MJ: Company Integration Sync Watermarks',
+            ExtraFilter: `EntityMapID IN (${entityMapIDs})`,
+            OrderBy: 'LastAppliedAt DESC',
+            Fields: ['ID', 'EntityMapID', 'WatermarkType', 'WatermarkValue', 'LastAppliedAt'],
+            ResultType: 'simple'
+        });
+        return this.mergeWatermarksWithEntityMaps(result.Results, entityMaps);
+    }
+    mergeWatermarksWithEntityMaps(watermarks, entityMaps) {
+        const mapLookup = new Map(entityMaps.map(m => [m.ID.toLowerCase(), m]));
+        return watermarks.map(w => ({
+            ...w,
+            EntityMap: mapLookup.get(w.EntityMapID?.toLowerCase())?.ExternalObjectName ?? w.EntityMapID
+        }));
+    }
+    SetDetailsTab(tab) {
+        this.ActiveDetailsTab = tab;
+    }
+    ToggleErrorLog(event) {
+        event.stopPropagation();
+        this.ShowErrorLog = !this.ShowErrorLog;
+    }
+    IsSelectedRun(id) {
+        return UUIDsEqual(this.SelectedRunID, id);
+    }
+    GetSelectedRun() {
+        return this.FilteredRuns.find(r => UUIDsEqual(r.ID, this.SelectedRunID)) ?? null;
+    }
+    StatusChipClass(status) {
+        if (status === 'Success')
+            return 'chip chip-green';
+        if (status === 'Failed')
+            return 'chip chip-red';
+        if (status === 'In Progress')
+            return 'chip chip-amber';
+        return 'chip chip-gray';
+    }
+    StatusIcon(status) {
+        if (status === 'Success')
+            return 'fa-solid fa-circle-check';
+        if (status === 'Failed')
+            return 'fa-solid fa-circle-xmark';
+        if (status === 'In Progress')
+            return 'fa-solid fa-spinner fa-spin';
+        return 'fa-solid fa-clock';
+    }
+    FormatDate(dateStr) {
+        if (!dateStr)
+            return '--';
+        return new Date(dateStr).toLocaleString(undefined, {
+            month: 'short', day: 'numeric',
+            hour: '2-digit', minute: '2-digit'
+        });
+    }
+    FormatDuration(run) {
+        if (!run.StartedAt || !run.EndedAt)
+            return '--';
+        const ms = new Date(run.EndedAt).getTime() - new Date(run.StartedAt).getTime();
+        return this.dataService.FormatDuration(ms);
+    }
+    FormatWatermark(value) {
+        if (!value)
+            return 'Not set';
+        if (value.length > 40)
+            return value.substring(0, 37) + '...';
+        return value;
+    }
+    get TotalRuns() { return this.Runs.length; }
+    get SuccessfulRuns() { return this.Runs.filter(r => r.Status === 'Success').length; }
+    get FailedRuns() { return this.Runs.filter(r => r.Status === 'Failed').length; }
+    get TotalRecordsInView() {
+        return this.FilteredRuns.reduce((acc, r) => acc + r.TotalRecords, 0);
+    }
+    async GetResourceDisplayName(_data) {
+        return 'Sync Activity';
+    }
+    async GetResourceIconClass(_data) {
+        return 'fa-solid fa-clock-rotate-left';
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵSyncActivityComponent_BaseFactory; return function SyncActivityComponent_Factory(__ngFactoryType__) { return (ɵSyncActivityComponent_BaseFactory || (ɵSyncActivityComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SyncActivityComponent)))(__ngFactoryType__ || SyncActivityComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SyncActivityComponent, selectors: [["app-sync-activity"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 21, vars: 6, consts: [[1, "sync-activity"], [1, "activity-header"], [1, "header-left"], [1, "section-title"], [1, "fa-solid", "fa-clock-rotate-left"], [1, "header-filters"], [1, "filter-select", 3, "ngModelChange", "change", "ngModel"], ["value", ""], [3, "value"], ["title", "Refresh", 1, "refresh-btn", 3, "click"], [1, "fa-solid", "fa-rotate"], [1, "activity-kpis"], [1, "loading-area"], [1, "empty-state"], [1, "activity-body"], [1, "kpi-item"], [1, "kpi-value"], [1, "kpi-label"], [1, "kpi-item", "kpi-success"], [1, "kpi-item", "kpi-failed"], ["text", "Loading run history...", "size", "medium"], [1, "fa-solid", "fa-inbox"], [1, "run-list-panel"], [1, "run-table"], [1, "run-row", 3, "selected"], [1, "detail-panel"], [1, "run-row", 3, "click"], [1, "integration-cell"], [1, "integration-name"], [1, "company-name"], [1, "date-cell"], [1, "mono-cell"], [1, "detail-header"], ["title", "Close details", 1, "close-detail-btn", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "detail-tabs"], [1, "tab-btn", 3, "click"], [1, "fa-solid", "fa-table"], [1, "fa-solid", "fa-droplet"], [1, "detail-loading"], [1, "detail-empty"], [1, "detail-table"], [1, "error-log-section"], ["text", "Loading entity breakdown...", "size", "small"], [1, "fa-solid", "fa-circle-info"], [1, "num-col"], [3, "error-row"], [1, "num-col", "created-col"], [1, "num-col", "updated-col"], [1, "num-col", "error-col"], [1, "error-toggle-btn", 3, "click"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "fa-solid", "fa-chevron-down", "toggle-chevron"], [1, "error-log-content"], ["text", "Loading watermarks...", "size", "small"], [1, "fa-solid", "fa-droplet-slash"], [1, "type-badge"], [1, "watermark-value", "mono-cell"]], template: function SyncActivityComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h2", 3);
+            i0.ɵɵelement(4, "i", 4);
+            i0.ɵɵtext(5, " Sync Activity ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(6, "div", 5)(7, "select", 6);
+            i0.ɵɵtwoWayListener("ngModelChange", function SyncActivityComponent_Template_select_ngModelChange_7_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.SelectedIntegrationID, $event) || (ctx.SelectedIntegrationID = $event); return $event; });
+            i0.ɵɵlistener("change", function SyncActivityComponent_Template_select_change_7_listener() { return ctx.OnIntegrationChange(); });
+            i0.ɵɵelementStart(8, "option", 7);
+            i0.ɵɵtext(9, "All Integrations");
+            i0.ɵɵelementEnd();
+            i0.ɵɵrepeaterCreate(10, SyncActivityComponent_For_11_Template, 2, 2, "option", 8, _forTrack0);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(12, "select", 6);
+            i0.ɵɵtwoWayListener("ngModelChange", function SyncActivityComponent_Template_select_ngModelChange_12_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.SelectedStatusFilter, $event) || (ctx.SelectedStatusFilter = $event); return $event; });
+            i0.ɵɵlistener("change", function SyncActivityComponent_Template_select_change_12_listener() { return ctx.OnStatusFilterChange(); });
+            i0.ɵɵrepeaterCreate(13, SyncActivityComponent_For_14_Template, 2, 2, "option", 8, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(15, "button", 9);
+            i0.ɵɵlistener("click", function SyncActivityComponent_Template_button_click_15_listener() { return ctx.LoadRuns(); });
+            i0.ɵɵelement(16, "i", 10);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵconditionalCreate(17, SyncActivityComponent_Conditional_17_Template, 22, 6, "div", 11);
+            i0.ɵɵconditionalCreate(18, SyncActivityComponent_Conditional_18_Template, 2, 0, "div", 12);
+            i0.ɵɵconditionalCreate(19, SyncActivityComponent_Conditional_19_Template, 4, 0, "div", 13);
+            i0.ɵɵconditionalCreate(20, SyncActivityComponent_Conditional_20_Template, 21, 1, "div", 14);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(7);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.SelectedIntegrationID);
+            i0.ɵɵadvance(3);
+            i0.ɵɵrepeater(ctx.Integrations);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.SelectedStatusFilter);
+            i0.ɵɵadvance();
+            i0.ɵɵrepeater(ctx.StatusOptions);
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional(!ctx.IsLoadingRuns && ctx.Runs.length > 0 ? 17 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.IsLoadingRuns ? 18 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.IsLoadingRuns && ctx.FilteredRuns.length === 0 ? 19 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.IsLoadingRuns && ctx.FilteredRuns.length > 0 ? 20 : -1);
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel, i2.LoadingComponent, i3.DecimalPipe], styles: ["[_nghost-%COMP%] {\n  display: block;\n  height: 100%;\n}\n\n.sync-activity[_ngcontent-%COMP%] {\n  padding: 20px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  overflow: auto;\n}\n\n\n\n.activity-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.section-title[_ngcontent-%COMP%] {\n  font-size: 18px;\n  font-weight: 700;\n  color: #2c3e50;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.section-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--primary-color, #4a6cf7); }\n\n.header-filters[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.filter-select[_ngcontent-%COMP%] {\n  padding: 6px 10px;\n  border: 1px solid #ddd;\n  border-radius: 6px;\n  font-size: 13px;\n  background: #fff;\n  color: #333;\n  cursor: pointer;\n  min-width: 160px;\n}\n\n.filter-select[_ngcontent-%COMP%]:focus { outline: none; border-color: var(--primary-color, #4a6cf7); }\n\n.refresh-btn[_ngcontent-%COMP%] {\n  width: 34px;\n  height: 34px;\n  border: 1px solid #ddd;\n  border-radius: 6px;\n  background: #fff;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #666;\n  font-size: 14px;\n  transition: background 0.15s;\n}\n\n.refresh-btn[_ngcontent-%COMP%]:hover { background: #f0f4ff; color: var(--primary-color, #4a6cf7); }\n\n\n\n.activity-kpis[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.kpi-item[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 100px;\n  background: #fff;\n  border: 1px solid #eee;\n  border-radius: 8px;\n  padding: 12px 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.kpi-item.kpi-success[_ngcontent-%COMP%]   .kpi-value[_ngcontent-%COMP%] { color: #1b7a3d; }\n.kpi-item.kpi-failed[_ngcontent-%COMP%]   .kpi-value[_ngcontent-%COMP%] { color: #c62828; }\n\n.kpi-value[_ngcontent-%COMP%] {\n  font-size: 22px;\n  font-weight: 700;\n  color: #2c3e50;\n}\n\n.kpi-label[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: #888;\n  margin-top: 2px;\n  text-align: center;\n}\n\n\n\n.loading-area[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: center;\n  padding: 48px;\n}\n\n.empty-state[_ngcontent-%COMP%] {\n  text-align: center;\n  padding: 48px;\n  color: #aaa;\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 32px; margin-bottom: 12px; display: block; }\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] { margin: 0; font-size: 14px; }\n\n\n\n.activity-body[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n\n\n\n.run-list-panel[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow: auto;\n  border: 1px solid #eee;\n  border-radius: 8px;\n  background: #fff;\n}\n\n.run-table[_ngcontent-%COMP%] {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 13px;\n}\n\n.run-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  position: sticky;\n  top: 0;\n  background: #f8f9fa;\n  text-align: left;\n  padding: 8px 10px;\n  border-bottom: 2px solid #eee;\n  color: #555;\n  font-weight: 600;\n  z-index: 1;\n}\n\n.run-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] { padding: 8px 10px; border-bottom: 1px solid #f0f0f0; }\n\n.run-row[_ngcontent-%COMP%] {\n  cursor: pointer;\n  transition: background 0.1s;\n}\n\n.run-row[_ngcontent-%COMP%]:hover { background: #f8f9fa; }\n.run-row.selected[_ngcontent-%COMP%] { background: #f0f4ff; }\n\n.integration-cell[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.integration-name[_ngcontent-%COMP%] {\n  font-weight: 600;\n  color: #2c3e50;\n}\n\n.company-name[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: #888;\n}\n\n.date-cell[_ngcontent-%COMP%], .mono-cell[_ngcontent-%COMP%] {\n  font-variant-numeric: tabular-nums;\n  color: #555;\n  white-space: nowrap;\n}\n\n\n\n.chip[_ngcontent-%COMP%] {\n  font-size: 11px;\n  font-weight: 600;\n  padding: 3px 8px;\n  border-radius: 10px;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  white-space: nowrap;\n}\n.chip-green[_ngcontent-%COMP%] { background: #e6f9ed; color: #1b7a3d; }\n.chip-red[_ngcontent-%COMP%]   { background: #fde8e8; color: #c62828; }\n.chip-amber[_ngcontent-%COMP%] { background: #fff7e0; color: #b5850a; }\n.chip-gray[_ngcontent-%COMP%]  { background: #f0f0f0; color: #666; }\n\n\n\n.detail-panel[_ngcontent-%COMP%] {\n  width: 420px;\n  min-width: 380px;\n  border: 1px solid #eee;\n  border-radius: 8px;\n  background: #fff;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.detail-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 16px;\n  border-bottom: 1px solid #eee;\n  background: #f8f9fa;\n}\n\n.detail-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] { margin: 0; font-size: 15px; font-weight: 600; color: #2c3e50; }\n\n.close-detail-btn[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: #999;\n  font-size: 16px;\n  width: 28px;\n  height: 28px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.close-detail-btn[_ngcontent-%COMP%]:hover { background: #f0f0f0; color: #333; }\n\n\n\n.detail-tabs[_ngcontent-%COMP%] {\n  display: flex;\n  border-bottom: 1px solid #eee;\n  padding: 0 16px;\n  gap: 2px;\n}\n\n.tab-btn[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  border-bottom: 2px solid transparent;\n  cursor: pointer;\n  padding: 10px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  color: #888;\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  transition: color 0.15s, border-color 0.15s;\n}\n\n.tab-btn[_ngcontent-%COMP%]:hover { color: var(--primary-color, #4a6cf7); }\n.tab-btn.active[_ngcontent-%COMP%] {\n  color: var(--primary-color, #4a6cf7);\n  border-bottom-color: var(--primary-color, #4a6cf7);\n}\n\n\n\n.detail-loading[_ngcontent-%COMP%], .detail-empty[_ngcontent-%COMP%] {\n  padding: 24px;\n  text-align: center;\n  color: #aaa;\n}\n\n.detail-loading[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], .detail-empty[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 24px; margin-bottom: 8px; display: block; }\n.detail-loading[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], .detail-empty[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] { margin: 0; font-size: 13px; }\n\n.detail-table[_ngcontent-%COMP%] {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 12px;\n}\n\n.detail-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  text-align: left;\n  padding: 8px 10px;\n  color: #888;\n  font-weight: 600;\n  border-bottom: 1px solid #eee;\n  background: #fafbfc;\n}\n\n.detail-table[_ngcontent-%COMP%]   th.num-col[_ngcontent-%COMP%] { text-align: right; }\n.detail-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] { padding: 7px 10px; border-bottom: 1px solid #f5f5f5; }\n.detail-table[_ngcontent-%COMP%]   .num-col[_ngcontent-%COMP%] { text-align: right; font-variant-numeric: tabular-nums; }\n.detail-table[_ngcontent-%COMP%]   .created-col[_ngcontent-%COMP%] { color: #1b7a3d; font-weight: 600; }\n.detail-table[_ngcontent-%COMP%]   .updated-col[_ngcontent-%COMP%] { color: #0a6ea0; font-weight: 600; }\n.detail-table[_ngcontent-%COMP%]   .error-col[_ngcontent-%COMP%] { color: #c62828; font-weight: 600; }\n.detail-table[_ngcontent-%COMP%]   .watermark-value[_ngcontent-%COMP%] { color: #555; font-family: monospace; font-size: 11px; }\n\n.error-row[_ngcontent-%COMP%] { background: #fff8f8; }\n\n\n\n.error-log-section[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  border-top: 1px solid #eee;\n}\n\n.error-toggle-btn[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 600;\n  color: #c62828;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 0;\n}\n\n.error-toggle-btn[_ngcontent-%COMP%]:hover { text-decoration: underline; }\n\n.toggle-chevron[_ngcontent-%COMP%] {\n  font-size: 10px;\n  transition: transform 0.2s;\n}\n.toggle-chevron.flipped[_ngcontent-%COMP%] { transform: rotate(180deg); }\n\n.error-log-content[_ngcontent-%COMP%] {\n  margin: 8px 0 0;\n  padding: 10px;\n  background: #fff0f0;\n  border: 1px solid #fdd;\n  border-radius: 4px;\n  font-size: 11px;\n  white-space: pre-wrap;\n  word-break: break-word;\n  max-height: 220px;\n  overflow-y: auto;\n  color: #7a1111;\n}\n\n\n\n.type-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 10px;\n  font-weight: 600;\n  background: #e8eeff;\n  color: var(--primary-color, #4a6cf7);\n}"] });
+};
+SyncActivityComponent = __decorate([
+    RegisterClass(BaseResourceComponent, 'IntegrationSyncActivity')
+], SyncActivityComponent);
+export { SyncActivityComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SyncActivityComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'app-sync-activity', template: "<div class=\"sync-activity\">\n\n  <!-- Header bar -->\n  <div class=\"activity-header\">\n    <div class=\"header-left\">\n      <h2 class=\"section-title\">\n        <i class=\"fa-solid fa-clock-rotate-left\"></i>\n        Sync Activity\n      </h2>\n    </div>\n    <div class=\"header-filters\">\n      <select class=\"filter-select\" [(ngModel)]=\"SelectedIntegrationID\" (change)=\"OnIntegrationChange()\">\n        <option value=\"\">All Integrations</option>\n        @for (integration of Integrations; track integration.ID) {\n          <option [value]=\"integration.ID\">{{ integration.Name }}</option>\n        }\n      </select>\n\n      <select class=\"filter-select\" [(ngModel)]=\"SelectedStatusFilter\" (change)=\"OnStatusFilterChange()\">\n        @for (status of StatusOptions; track status) {\n          <option [value]=\"status\">{{ status }}</option>\n        }\n      </select>\n\n      <button class=\"refresh-btn\" (click)=\"LoadRuns()\" title=\"Refresh\">\n        <i class=\"fa-solid fa-rotate\"></i>\n      </button>\n    </div>\n  </div>\n\n  <!-- Summary KPIs -->\n  @if (!IsLoadingRuns && Runs.length > 0) {\n    <div class=\"activity-kpis\">\n      <div class=\"kpi-item\">\n        <span class=\"kpi-value\">{{ TotalRuns }}</span>\n        <span class=\"kpi-label\">Total Runs</span>\n      </div>\n      <div class=\"kpi-item kpi-success\">\n        <span class=\"kpi-value\">{{ SuccessfulRuns }}</span>\n        <span class=\"kpi-label\">Successful</span>\n      </div>\n      <div class=\"kpi-item kpi-failed\">\n        <span class=\"kpi-value\">{{ FailedRuns }}</span>\n        <span class=\"kpi-label\">Failed</span>\n      </div>\n      <div class=\"kpi-item\">\n        <span class=\"kpi-value\">{{ TotalRecordsInView | number }}</span>\n        <span class=\"kpi-label\">Records (filtered)</span>\n      </div>\n    </div>\n  }\n\n  <!-- Loading state -->\n  @if (IsLoadingRuns) {\n    <div class=\"loading-area\">\n      <mj-loading text=\"Loading run history...\" size=\"medium\"></mj-loading>\n    </div>\n  }\n\n  <!-- Empty state -->\n  @if (!IsLoadingRuns && FilteredRuns.length === 0) {\n    <div class=\"empty-state\">\n      <i class=\"fa-solid fa-inbox\"></i>\n      <p>No runs found for the selected filters.</p>\n    </div>\n  }\n\n  <!-- Run list + detail split -->\n  @if (!IsLoadingRuns && FilteredRuns.length > 0) {\n    <div class=\"activity-body\">\n\n      <!-- Run list -->\n      <div class=\"run-list-panel\">\n        <table class=\"run-table\">\n          <thead>\n            <tr>\n              <th>Integration</th>\n              <th>Started</th>\n              <th>Status</th>\n              <th>Duration</th>\n              <th>Records</th>\n              <th>Run By</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (run of FilteredRuns; track run.ID) {\n              <tr class=\"run-row\"\n                  [class.selected]=\"IsSelectedRun(run.ID)\"\n                  (click)=\"OnRunClick(run)\">\n                <td class=\"integration-cell\">\n                  <span class=\"integration-name\">{{ run.Integration }}</span>\n                  <span class=\"company-name\">{{ run.Company }}</span>\n                </td>\n                <td class=\"date-cell\">{{ FormatDate(run.StartedAt) }}</td>\n                <td>\n                  <span [class]=\"StatusChipClass(run.Status)\">\n                    <i [class]=\"StatusIcon(run.Status)\"></i>\n                    {{ run.Status }}\n                  </span>\n                </td>\n                <td class=\"mono-cell\">{{ FormatDuration(run) }}</td>\n                <td class=\"mono-cell\">{{ run.TotalRecords | number }}</td>\n                <td>{{ run.RunByUser }}</td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n\n      <!-- Detail panel -->\n      @if (SelectedRunID) {\n        <div class=\"detail-panel\">\n          <div class=\"detail-header\">\n            <h3>Run Details</h3>\n            <button class=\"close-detail-btn\" (click)=\"OnRunClick(GetSelectedRun()!)\"\n                    title=\"Close details\">\n              <i class=\"fa-solid fa-xmark\"></i>\n            </button>\n          </div>\n\n          <!-- Tab switcher -->\n          <div class=\"detail-tabs\">\n            <button class=\"tab-btn\" [class.active]=\"ActiveDetailsTab === 'entities'\"\n                    (click)=\"SetDetailsTab('entities')\">\n              <i class=\"fa-solid fa-table\"></i> Entity Breakdown\n            </button>\n            <button class=\"tab-btn\" [class.active]=\"ActiveDetailsTab === 'watermarks'\"\n                    (click)=\"SetDetailsTab('watermarks')\">\n              <i class=\"fa-solid fa-droplet\"></i> Watermarks\n            </button>\n          </div>\n\n          <!-- Entity breakdown tab -->\n          @if (ActiveDetailsTab === 'entities') {\n            @if (IsLoadingDetails) {\n              <div class=\"detail-loading\">\n                <mj-loading text=\"Loading entity breakdown...\" size=\"small\"></mj-loading>\n              </div>\n            } @else if (RunDetails.length === 0) {\n              <div class=\"detail-empty\">\n                <i class=\"fa-solid fa-circle-info\"></i>\n                <p>No entity detail records for this run.</p>\n              </div>\n            } @else {\n              <table class=\"detail-table\">\n                <thead>\n                  <tr>\n                    <th>Entity</th>\n                    <th class=\"num-col\">Processed</th>\n                    <th class=\"num-col\">Created</th>\n                    <th class=\"num-col\">Updated</th>\n                    <th class=\"num-col\">Deleted</th>\n                    <th class=\"num-col\">Errors</th>\n                    <th class=\"num-col\">Skipped</th>\n                  </tr>\n                </thead>\n                <tbody>\n                  @for (detail of RunDetails; track detail.ID) {\n                    <tr [class.error-row]=\"detail.RecordsErrored > 0\">\n                      <td>{{ detail.Entity }}</td>\n                      <td class=\"num-col\">{{ detail.RecordsProcessed | number }}</td>\n                      <td class=\"num-col created-col\">{{ detail.RecordsCreated | number }}</td>\n                      <td class=\"num-col updated-col\">{{ detail.RecordsUpdated | number }}</td>\n                      <td class=\"num-col\">{{ detail.RecordsDeleted | number }}</td>\n                      <td class=\"num-col error-col\">{{ detail.RecordsErrored | number }}</td>\n                      <td class=\"num-col\">{{ detail.RecordsSkipped | number }}</td>\n                    </tr>\n                  }\n                </tbody>\n              </table>\n            }\n\n            <!-- Error log section -->\n            @if (GetSelectedRun()?.ErrorLog) {\n              <div class=\"error-log-section\">\n                <button class=\"error-toggle-btn\" (click)=\"ToggleErrorLog($event)\">\n                  <i class=\"fa-solid fa-triangle-exclamation\"></i>\n                  Error Log\n                  <i class=\"fa-solid fa-chevron-down toggle-chevron\"\n                     [class.flipped]=\"ShowErrorLog\"></i>\n                </button>\n                @if (ShowErrorLog) {\n                  <pre class=\"error-log-content\">{{ GetSelectedRun()?.ErrorLog }}</pre>\n                }\n              </div>\n            }\n          }\n\n          <!-- Watermarks tab -->\n          @if (ActiveDetailsTab === 'watermarks') {\n            @if (IsLoadingWatermarks) {\n              <div class=\"detail-loading\">\n                <mj-loading text=\"Loading watermarks...\" size=\"small\"></mj-loading>\n              </div>\n            } @else if (Watermarks.length === 0) {\n              <div class=\"detail-empty\">\n                <i class=\"fa-solid fa-droplet-slash\"></i>\n                <p>No watermarks recorded for this integration.</p>\n              </div>\n            } @else {\n              <table class=\"detail-table\">\n                <thead>\n                  <tr>\n                    <th>Entity Map</th>\n                    <th>Type</th>\n                    <th>Current Value</th>\n                    <th>Last Applied</th>\n                  </tr>\n                </thead>\n                <tbody>\n                  @for (wm of Watermarks; track wm.ID) {\n                    <tr>\n                      <td>{{ wm.EntityMap }}</td>\n                      <td>\n                        <span class=\"type-badge\">{{ wm.WatermarkType }}</span>\n                      </td>\n                      <td class=\"watermark-value mono-cell\">{{ FormatWatermark(wm.WatermarkValue) }}</td>\n                      <td>{{ FormatDate(wm.LastAppliedAt) }}</td>\n                    </tr>\n                  }\n                </tbody>\n              </table>\n            }\n          }\n\n        </div>\n      }\n\n    </div>\n  }\n\n</div>\n", styles: [":host {\n  display: block;\n  height: 100%;\n}\n\n.sync-activity {\n  padding: 20px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  overflow: auto;\n}\n\n/* Header */\n.activity-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.section-title {\n  font-size: 18px;\n  font-weight: 700;\n  color: #2c3e50;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.section-title i { color: var(--primary-color, #4a6cf7); }\n\n.header-filters {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.filter-select {\n  padding: 6px 10px;\n  border: 1px solid #ddd;\n  border-radius: 6px;\n  font-size: 13px;\n  background: #fff;\n  color: #333;\n  cursor: pointer;\n  min-width: 160px;\n}\n\n.filter-select:focus { outline: none; border-color: var(--primary-color, #4a6cf7); }\n\n.refresh-btn {\n  width: 34px;\n  height: 34px;\n  border: 1px solid #ddd;\n  border-radius: 6px;\n  background: #fff;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #666;\n  font-size: 14px;\n  transition: background 0.15s;\n}\n\n.refresh-btn:hover { background: #f0f4ff; color: var(--primary-color, #4a6cf7); }\n\n/* KPIs */\n.activity-kpis {\n  display: flex;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.kpi-item {\n  flex: 1;\n  min-width: 100px;\n  background: #fff;\n  border: 1px solid #eee;\n  border-radius: 8px;\n  padding: 12px 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.kpi-item.kpi-success .kpi-value { color: #1b7a3d; }\n.kpi-item.kpi-failed .kpi-value { color: #c62828; }\n\n.kpi-value {\n  font-size: 22px;\n  font-weight: 700;\n  color: #2c3e50;\n}\n\n.kpi-label {\n  font-size: 11px;\n  color: #888;\n  margin-top: 2px;\n  text-align: center;\n}\n\n/* Loading / empty */\n.loading-area {\n  display: flex;\n  justify-content: center;\n  padding: 48px;\n}\n\n.empty-state {\n  text-align: center;\n  padding: 48px;\n  color: #aaa;\n}\n\n.empty-state i { font-size: 32px; margin-bottom: 12px; display: block; }\n.empty-state p { margin: 0; font-size: 14px; }\n\n/* Activity body split layout */\n.activity-body {\n  display: flex;\n  gap: 16px;\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n\n/* Run list panel */\n.run-list-panel {\n  flex: 1;\n  overflow: auto;\n  border: 1px solid #eee;\n  border-radius: 8px;\n  background: #fff;\n}\n\n.run-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 13px;\n}\n\n.run-table th {\n  position: sticky;\n  top: 0;\n  background: #f8f9fa;\n  text-align: left;\n  padding: 8px 10px;\n  border-bottom: 2px solid #eee;\n  color: #555;\n  font-weight: 600;\n  z-index: 1;\n}\n\n.run-table td { padding: 8px 10px; border-bottom: 1px solid #f0f0f0; }\n\n.run-row {\n  cursor: pointer;\n  transition: background 0.1s;\n}\n\n.run-row:hover { background: #f8f9fa; }\n.run-row.selected { background: #f0f4ff; }\n\n.integration-cell {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.integration-name {\n  font-weight: 600;\n  color: #2c3e50;\n}\n\n.company-name {\n  font-size: 11px;\n  color: #888;\n}\n\n.date-cell, .mono-cell {\n  font-variant-numeric: tabular-nums;\n  color: #555;\n  white-space: nowrap;\n}\n\n/* Status chips */\n.chip {\n  font-size: 11px;\n  font-weight: 600;\n  padding: 3px 8px;\n  border-radius: 10px;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  white-space: nowrap;\n}\n.chip-green { background: #e6f9ed; color: #1b7a3d; }\n.chip-red   { background: #fde8e8; color: #c62828; }\n.chip-amber { background: #fff7e0; color: #b5850a; }\n.chip-gray  { background: #f0f0f0; color: #666; }\n\n/* Detail panel */\n.detail-panel {\n  width: 420px;\n  min-width: 380px;\n  border: 1px solid #eee;\n  border-radius: 8px;\n  background: #fff;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.detail-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 16px;\n  border-bottom: 1px solid #eee;\n  background: #f8f9fa;\n}\n\n.detail-header h3 { margin: 0; font-size: 15px; font-weight: 600; color: #2c3e50; }\n\n.close-detail-btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: #999;\n  font-size: 16px;\n  width: 28px;\n  height: 28px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.close-detail-btn:hover { background: #f0f0f0; color: #333; }\n\n/* Tabs */\n.detail-tabs {\n  display: flex;\n  border-bottom: 1px solid #eee;\n  padding: 0 16px;\n  gap: 2px;\n}\n\n.tab-btn {\n  background: none;\n  border: none;\n  border-bottom: 2px solid transparent;\n  cursor: pointer;\n  padding: 10px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  color: #888;\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  transition: color 0.15s, border-color 0.15s;\n}\n\n.tab-btn:hover { color: var(--primary-color, #4a6cf7); }\n.tab-btn.active {\n  color: var(--primary-color, #4a6cf7);\n  border-bottom-color: var(--primary-color, #4a6cf7);\n}\n\n/* Detail content */\n.detail-loading, .detail-empty {\n  padding: 24px;\n  text-align: center;\n  color: #aaa;\n}\n\n.detail-loading i, .detail-empty i { font-size: 24px; margin-bottom: 8px; display: block; }\n.detail-loading p, .detail-empty p { margin: 0; font-size: 13px; }\n\n.detail-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 12px;\n}\n\n.detail-table th {\n  text-align: left;\n  padding: 8px 10px;\n  color: #888;\n  font-weight: 600;\n  border-bottom: 1px solid #eee;\n  background: #fafbfc;\n}\n\n.detail-table th.num-col { text-align: right; }\n.detail-table td { padding: 7px 10px; border-bottom: 1px solid #f5f5f5; }\n.detail-table .num-col { text-align: right; font-variant-numeric: tabular-nums; }\n.detail-table .created-col { color: #1b7a3d; font-weight: 600; }\n.detail-table .updated-col { color: #0a6ea0; font-weight: 600; }\n.detail-table .error-col { color: #c62828; font-weight: 600; }\n.detail-table .watermark-value { color: #555; font-family: monospace; font-size: 11px; }\n\n.error-row { background: #fff8f8; }\n\n/* Error log */\n.error-log-section {\n  padding: 12px 16px;\n  border-top: 1px solid #eee;\n}\n\n.error-toggle-btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 600;\n  color: #c62828;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 0;\n}\n\n.error-toggle-btn:hover { text-decoration: underline; }\n\n.toggle-chevron {\n  font-size: 10px;\n  transition: transform 0.2s;\n}\n.toggle-chevron.flipped { transform: rotate(180deg); }\n\n.error-log-content {\n  margin: 8px 0 0;\n  padding: 10px;\n  background: #fff0f0;\n  border: 1px solid #fdd;\n  border-radius: 4px;\n  font-size: 11px;\n  white-space: pre-wrap;\n  word-break: break-word;\n  max-height: 220px;\n  overflow-y: auto;\n  color: #7a1111;\n}\n\n/* Watermark type badge */\n.type-badge {\n  display: inline-flex;\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 10px;\n  font-weight: 600;\n  background: #e8eeff;\n  color: var(--primary-color, #4a6cf7);\n}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SyncActivityComponent, { className: "SyncActivityComponent", filePath: "src/Integration/components/sync-activity/sync-activity.component.ts", lineNumber: 32 }); })();
+export function LoadSyncActivityComponent() {
+    // Tree-shaking prevention: importing this module causes
+    // @RegisterClass decorators to fire, registering components.
+}
+//# sourceMappingURL=sync-activity.component.js.map