@memberjunction/ng-core-entity-forms 2.115.0 → 2.116.0

package/dist/lib/generated/Entities/DuplicateRunDetail/duplicaterundetail.form.component.js

@@ -7,53 +7,223 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Component } from '@angular/core';
 import { RegisterClass } from '@memberjunction/global';
 import { BaseFormComponent } from '@memberjunction/ng-base-forms';
-import { LoadDuplicateRunDetailDetailsComponent } from "./sections/details.component";
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/forms";
 import * as i3 from "@memberjunction/ng-user-view-grid";
 import * as i4 from "@memberjunction/ng-base-forms";
 import * as i5 from "@memberjunction/ng-form-toolbar";
-import * as i6 from "@memberjunction/ng-tabstrip";
+function DuplicateRunDetailFormComponent_form_1_span_68_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 42);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("zero-rows", ctx_r1.sectionRowCounts["duplicateRunDetailMatches"] === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.sectionRowCounts["duplicateRunDetailMatches"], " ");
+} }
+function DuplicateRunDetailFormComponent_form_1_div_71_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "mj-user-view-grid", 43);
+    i0.ɵɵlistener("dataLoaded", function DuplicateRunDetailFormComponent_form_1_div_71_Template_mj_user_view_grid_dataLoaded_2_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView((ctx_r1.sectionRowCounts["duplicateRunDetailMatches"] = $event.totalRowCount)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.duplicateRunDetailMatches);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("Duplicate Run Detail Matches", "DuplicateRunDetailID"))("NewRecordValues", ctx_r1.NewRecordValues("Duplicate Run Detail Matches"))("AllowLoad", ctx_r1.IsCurrentSection("duplicateRunDetailMatches"))("EditMode", ctx_r1.GridEditMode());
+} }
 function DuplicateRunDetailFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "form", 3, 0);
-    i0.ɵɵelement(2, "mj-form-toolbar", 4);
-    i0.ɵɵelementStart(3, "mj-tabstrip", 5);
-    i0.ɵɵlistener("TabSelected", function DuplicateRunDetailFormComponent_form_1_Template_mj_tabstrip_TabSelected_3_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTabSelect($event)); })("ResizeContainer", function DuplicateRunDetailFormComponent_form_1_Template_mj_tabstrip_ResizeContainer_3_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.InvokeManualResize()); });
-    i0.ɵɵelementStart(4, "mj-tab", 6);
-    i0.ɵɵtext(5, " Details ");
+    i0.ɵɵelementStart(0, "form", 4, 0);
+    i0.ɵɵelement(2, "mj-form-toolbar", 5);
+    i0.ɵɵelementStart(3, "div", 6)(4, "div", 7)(5, "button", 8);
+    i0.ɵɵlistener("click", function DuplicateRunDetailFormComponent_form_1_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.expandAllSections()); });
+    i0.ɵɵelement(6, "i", 9);
+    i0.ɵɵtext(7, "Expand All ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "mj-tab-body");
-    i0.ɵɵelement(7, "mj-form-section", 7);
+    i0.ɵɵelementStart(8, "button", 10);
+    i0.ɵɵlistener("click", function DuplicateRunDetailFormComponent_form_1_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.collapseAllSections()); });
+    i0.ɵɵelement(9, "i", 11);
+    i0.ɵɵtext(10, "Collapse All ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "input", 12, 1);
+    i0.ɵɵlistener("input", function DuplicateRunDetailFormComponent_form_1_Template_input_input_11_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.filterSections($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "mj-tab", 8);
-    i0.ɵɵtext(9, " Duplicate Run Detail Matches ");
+    i0.ɵɵelementStart(13, "span", 13)(14, "span", 14);
+    i0.ɵɵtext(15);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "mj-tab-body");
-    i0.ɵɵelement(11, "mj-user-view-grid", 9);
+    i0.ɵɵtext(16, " of 4 expanded ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(17, "div", 15)(18, "div", 16)(19, "div", 17);
+    i0.ɵɵlistener("click", function DuplicateRunDetailFormComponent_form_1_Template_div_click_19_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("runIdentification")); });
+    i0.ɵɵelementStart(20, "div", 18);
+    i0.ɵɵelement(21, "i", 19);
+    i0.ɵɵelementStart(22, "h3")(23, "span", 20);
+    i0.ɵɵtext(24, "Run Identification");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(25, "div", 21);
+    i0.ɵɵelement(26, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(27, "div", 22)(28, "div", 23);
+    i0.ɵɵelement(29, "mj-form-field", 24)(30, "mj-form-field", 25);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(31, "div", 26)(32, "div", 17);
+    i0.ɵɵlistener("click", function DuplicateRunDetailFormComponent_form_1_Template_div_click_32_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("processingOutcomes")); });
+    i0.ɵɵelementStart(33, "div", 18);
+    i0.ɵɵelement(34, "i", 27);
+    i0.ɵɵelementStart(35, "h3")(36, "span", 20);
+    i0.ɵɵtext(37, "Processing Outcomes");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(38, "div", 21);
+    i0.ɵɵelement(39, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(40, "div", 22)(41, "div", 23);
+    i0.ɵɵelement(42, "mj-form-field", 28)(43, "mj-form-field", 29)(44, "mj-form-field", 30)(45, "mj-form-field", 31)(46, "mj-form-field", 32);
     i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(47, "div", 33)(48, "div", 17);
+    i0.ɵɵlistener("click", function DuplicateRunDetailFormComponent_form_1_Template_div_click_48_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("systemMetadata")); });
+    i0.ɵɵelementStart(49, "div", 18);
+    i0.ɵɵelement(50, "i", 34);
+    i0.ɵɵelementStart(51, "h3")(52, "span", 20);
+    i0.ɵɵtext(53, "System Metadata");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(54, "div", 21);
+    i0.ɵɵelement(55, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(56, "div", 22)(57, "div", 23);
+    i0.ɵɵelement(58, "mj-form-field", 35)(59, "mj-form-field", 36);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(60, "div", 37)(61, "div", 38)(62, "div", 17);
+    i0.ɵɵlistener("click", function DuplicateRunDetailFormComponent_form_1_Template_div_click_62_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("duplicateRunDetailMatches")); });
+    i0.ɵɵelementStart(63, "div", 18);
+    i0.ɵɵelement(64, "i", 39);
+    i0.ɵɵelementStart(65, "h3")(66, "span", 20);
+    i0.ɵɵtext(67, "Duplicate Run Detail Matches");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(68, DuplicateRunDetailFormComponent_form_1_span_68_Template, 2, 3, "span", 40);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(69, "div", 21);
+    i0.ɵɵelement(70, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(71, DuplicateRunDetailFormComponent_form_1_div_71_Template, 3, 6, "div", 41);
+    i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("form", ctx_r1);
-    i0.ɵɵadvance(5);
-    i0.ɵɵproperty("record", ctx_r1.record)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance(13);
+    i0.ɵɵtextInterpolate(ctx_r1.getExpandedCount());
+    i0.ɵɵadvance(11);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.runIdentification ? "fa fa-chevron-up" : "fa fa-chevron-down");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.runIdentification);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance(9);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.processingOutcomes ? "fa fa-chevron-up" : "fa fa-chevron-down");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.processingOutcomes);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance(9);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.systemMetadata ? "fa fa-chevron-up" : "fa fa-chevron-down");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.systemMetadata);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance(9);
+    i0.ɵɵproperty("ngIf", (ctx_r1.sectionRowCounts == null ? null : ctx_r1.sectionRowCounts["duplicateRunDetailMatches"]) !== undefined);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.duplicateRunDetailMatches ? "fa fa-chevron-up" : "fa fa-chevron-down");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("Visible", ctx_r1.record.IsSaved);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("Duplicate Run Detail Matches", "DuplicateRunDetailID"))("NewRecordValues", ctx_r1.NewRecordValues("Duplicate Run Detail Matches"))("AllowLoad", ctx_r1.IsCurrentTab("Duplicate Run Detail Matches"))("EditMode", ctx_r1.GridEditMode());
+    i0.ɵɵproperty("ngIf", ctx_r1.record.IsSaved);
 } }
 let DuplicateRunDetailFormComponent = class DuplicateRunDetailFormComponent extends BaseFormComponent {
+    constructor() {
+        super(...arguments);
+        // Collapsible section state
+        this.sectionsExpanded = {
+            runIdentification: true,
+            processingOutcomes: true,
+            systemMetadata: false,
+            duplicateRunDetailMatches: false
+        };
+        // Row counts for related entity sections (populated after grids load)
+        this.sectionRowCounts = {};
+    }
+    toggleSection(section) {
+        this.sectionsExpanded[section] = !this.sectionsExpanded[section];
+    }
+    expandAllSections() {
+        Object.keys(this.sectionsExpanded).forEach(key => {
+            this.sectionsExpanded[key] = true;
+        });
+    }
+    collapseAllSections() {
+        Object.keys(this.sectionsExpanded).forEach(key => {
+            this.sectionsExpanded[key] = false;
+        });
+    }
+    getExpandedCount() {
+        return Object.values(this.sectionsExpanded).filter(v => v === true).length;
+    }
+    filterSections(event) {
+        const searchTerm = event.target.value.toLowerCase();
+        const panels = document.querySelectorAll('.form-card.collapsible-card');
+        panels.forEach((panel) => {
+            const sectionName = panel.getAttribute('data-section-name') || '';
+            const fieldNames = panel.getAttribute('data-field-names') || '';
+            // Show section if search term matches section name OR any field name
+            const matches = sectionName.includes(searchTerm) || fieldNames.includes(searchTerm);
+            if (matches) {
+                panel.classList.remove('search-hidden');
+                // Add highlighting to matched text in section name
+                if (searchTerm && sectionName.includes(searchTerm)) {
+                    const h3 = panel.querySelector('.collapsible-title h3 .section-name');
+                    if (h3) {
+                        const originalText = h3.textContent || '';
+                        const regex = new RegExp(`(${searchTerm})`, 'gi');
+                        h3.innerHTML = originalText.replace(regex, '<span class="search-highlight">$1</span>');
+                    }
+                }
+            }
+            else {
+                panel.classList.add('search-hidden');
+            }
+        });
+        // Clear highlighting when search is empty
+        if (!searchTerm) {
+            panels.forEach((panel) => {
+                const h3 = panel.querySelector('.collapsible-title h3 .section-name');
+                if (h3) {
+                    h3.innerHTML = h3.textContent || '';
+                }
+            });
+        }
+    }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵDuplicateRunDetailFormComponent_BaseFactory; return function DuplicateRunDetailFormComponent_Factory(t) { return (ɵDuplicateRunDetailFormComponent_BaseFactory || (ɵDuplicateRunDetailFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(DuplicateRunDetailFormComponent)))(t || DuplicateRunDetailFormComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DuplicateRunDetailFormComponent, selectors: [["gen-duplicaterundetail-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [["form", "ngForm"], [1, "record-form-container"], ["class", "record-form", 4, "ngIf"], [1, "record-form"], [3, "form"], [3, "TabSelected", "ResizeContainer"], ["Name", "Details"], ["Entity", "Duplicate Run Details", "Section", "details", 3, "record", "EditMode"], ["Name", "Duplicate Run Detail Matches", 3, "Visible"], [3, "Params", "NewRecordValues", "AllowLoad", "EditMode"]], template: function DuplicateRunDetailFormComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 1);
-            i0.ɵɵtemplate(1, DuplicateRunDetailFormComponent_form_1_Template, 12, 8, "form", 2);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DuplicateRunDetailFormComponent, selectors: [["gen-duplicaterundetail-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [["form", "ngForm"], ["sectionSearch", ""], [1, "record-form-container"], ["class", "record-form", 4, "ngIf"], [1, "record-form"], [3, "form"], [1, "form-section-controls"], [1, "control-group"], ["title", "Expand all sections", 3, "click"], [1, "fa", "fa-expand-alt"], ["title", "Collapse all sections", 3, "click"], [1, "fa", "fa-compress-alt"], ["type", "text", "placeholder", "Search sections...", 1, "section-search", 3, "input"], [1, "section-count"], [1, "section-count-badge"], [1, "form-panels-container"], ["data-section-name", "run identification", "data-field-names", "duplicaterunid duplicate run id recordid record id", 1, "form-card", "collapsible-card"], ["role", "button", "tabindex", "0", 1, "collapsible-header", 3, "click"], [1, "collapsible-title"], [1, "fa", "fa-key"], [1, "section-name"], [1, "collapse-icon"], [1, "collapsible-body"], [1, "form-body"], ["FieldName", "DuplicateRunID", "Type", "textbox", "LinkType", "Record", "LinkComponentType", "Search", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "RecordID", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["data-section-name", "processing outcomes", "data-field-names", "matchstatus match status skippedreason skipped reason matcherrormessage match error message mergestatus merge status mergeerrormessage merge error message", 1, "form-card", "collapsible-card"], [1, "fa", "fa-flag"], ["FieldName", "MatchStatus", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "SkippedReason", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "MatchErrorMessage", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "MergeStatus", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "MergeErrorMessage", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["data-section-name", "system metadata", "data-field-names", "__mj_createdat created at __mj_updatedat updated at", 1, "form-card", "collapsible-card"], [1, "fa", "fa-cog"], ["FieldName", "__mj_CreatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "__mj_UpdatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], [1, "related-entity-grid"], ["data-section-name", "duplicate run detail matches", "data-field-names", "duplicate run detail matches", "data-section-key", "duplicateRunDetailMatches", 1, "form-card", "collapsible-card", "related-entity"], [1, "fa", "fa-clone"], ["class", "row-count-badge", 3, "zero-rows", 4, "ngIf"], ["class", "collapsible-body", 3, "collapsed", 4, "ngIf"], [1, "row-count-badge"], [3, "dataLoaded", "Params", "NewRecordValues", "AllowLoad", "EditMode"]], template: function DuplicateRunDetailFormComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 2);
+            i0.ɵɵtemplate(1, DuplicateRunDetailFormComponent_form_1_Template, 72, 45, "form", 3);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.record);
-        } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.UserViewGridComponent, i4.SectionLoaderComponent, i5.FormToolbarComponent, i6.MJTabStripComponent, i6.MJTabBodyComponent, i6.MJTabComponent], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n}\n\n.content-margin[_ngcontent-%COMP%] {\n  margin: 10px;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}"] }); }
+        } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.UserViewGridComponent, i4.MJFormField, i5.FormToolbarComponent], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n}\n\n.content-margin[_ngcontent-%COMP%] {\n  margin: 10px;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 0;\n  min-height: 100vh;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n\n\n\n.form-panels-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding: 16px;\n  background-color: #F5F6FA;\n}\n\n\n\n.form-panels-container[_ngcontent-%COMP%]    > .form-card[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n\n\n.form-panels-container[_ngcontent-%COMP%]   .related-entity-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 16px;\n  width: 100%;\n}\n\n\n\n@media (min-width: 1400px) {\n  .form-panels-container[_ngcontent-%COMP%]   .related-entity-grid[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));\n  }\n}\n\n.form-card[_ngcontent-%COMP%] {\n  background: white;\n  border-radius: 8px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  overflow: hidden;\n}\n\n.collapsible-card[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n\n.collapsible-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px 24px;\n  background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n  border-bottom: 2px solid #e5e7eb;\n  cursor: pointer;\n  user-select: none;\n  transition: all 0.3s ease;\n}\n\n.collapsible-header[_ngcontent-%COMP%]:hover {\n  background: linear-gradient(135deg, #f3f4f6 0%, #f9fafb 100%);\n  border-bottom-color: #667eea;\n}\n\n.collapsible-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n}\n\n.collapsible-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 20px;\n  color: #667eea;\n}\n\n.collapsible-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: #1f2937;\n}\n\n.collapsible-header[_ngcontent-%COMP%]   .collapse-icon[_ngcontent-%COMP%] {\n  color: #6b7280;\n  transition: transform 0.3s ease;\n}\n\n.collapsible-body[_ngcontent-%COMP%] {\n  max-height: 2000px;\n  overflow: hidden;\n  transition: max-height 0.4s ease, padding 0.4s ease, opacity 0.3s ease;\n  opacity: 1;\n}\n\n.collapsible-body.collapsed[_ngcontent-%COMP%] {\n  max-height: 0;\n  padding: 0;\n  opacity: 0;\n}\n\n.form-body[_ngcontent-%COMP%] {\n  padding: 24px;\n}\n\n\n\n.form-card.related-entity[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 100%);\n  border-left: 3px solid #3b82f6;\n}\n\n.form-card.related-entity[_ngcontent-%COMP%]   .collapsible-header[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 100%);\n}\n\n.form-card.related-entity[_ngcontent-%COMP%]   .collapsible-header[_ngcontent-%COMP%]:hover {\n  background: linear-gradient(135deg, #bfdbfe 0%, #e0f2fe 100%);\n  border-bottom-color: #3b82f6;\n}\n\n.form-card.related-entity[_ngcontent-%COMP%]   .collapsible-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #3b82f6;\n}\n\n\n\n.form-section-controls[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 10px;\n  padding: 14px 18px;\n  background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n  border-bottom: 2px solid #e5e7eb;\n  align-items: center;\n  flex-wrap: wrap;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .control-group[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  padding: 8px 14px;\n  font-size: 13px;\n  border: 1px solid #d1d5db;\n  background: white;\n  color: #374151;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s;\n  margin-right: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 500;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover {\n  background: #667eea;\n  color: white;\n  border-color: #667eea;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px rgba(102, 126, 234, 0.2);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:active {\n  transform: translateY(0);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 0;\n  font-size: 14px;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-search[_ngcontent-%COMP%] {\n  padding: 8px 14px;\n  font-size: 13px;\n  border: 1px solid #d1d5db;\n  border-radius: 6px;\n  width: 240px;\n  transition: all 0.2s;\n  background: white;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-search[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: #667eea;\n  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-search[_ngcontent-%COMP%]::placeholder {\n  color: #9ca3af;\n  font-style: italic;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-count[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: #6b7280;\n  margin-left: auto;\n  font-weight: 500;\n}\n\n\n\n.form-card.search-hidden[_ngcontent-%COMP%] {\n  display: none;\n}\n\n\n\n.section-count-badge[_ngcontent-%COMP%] {\n  background: #667eea;\n  color: white;\n  padding: 2px 8px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n\n\n.collapsible-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   .search-highlight[_ngcontent-%COMP%] {\n  background-color: #fef08a;\n  color: #854d0e;\n  padding: 2px 4px;\n  border-radius: 3px;\n  font-weight: 700;\n}\n\n\n\n.collapsible-title[_ngcontent-%COMP%]   .row-count-badge[_ngcontent-%COMP%] {\n  background: #10b981;\n  color: white;\n  padding: 3px 6px 2px 6px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 600;\n  margin-left: 8px;\n  vertical-align: middle;\n  position: relative;\n  top: -2px;\n  display: inline-block;\n  line-height: 1;\n}\n\n\n\n.collapsible-title[_ngcontent-%COMP%]   .row-count-badge.zero-rows[_ngcontent-%COMP%] {\n  background: #9ca3af;\n}"] }); }
 };
 DuplicateRunDetailFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Duplicate Run Details') // Tell MemberJunction about this class
@@ -61,10 +231,10 @@ DuplicateRunDetailFormComponent = __decorate([
 export { DuplicateRunDetailFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DuplicateRunDetailFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-duplicaterundetail-form', template: "<div class=\"record-form-container\"  >\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" >\n        <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event)\"  (ResizeContainer)=\"InvokeManualResize()\">\n                    \n                    <mj-tab Name=\"Details\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section \n                            Entity=\"Duplicate Run Details\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </mj-form-section>\n                    </mj-tab-body>\n                    \n                    <mj-tab Name=\"Duplicate Run Detail Matches\" [Visible]=\"record.IsSaved\"> \n                        Duplicate Run Detail Matches\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Duplicate Run Detail Matches','DuplicateRunDetailID')\"  \n                            [NewRecordValues]=\"NewRecordValues('Duplicate Run Detail Matches')\"\n                            [AllowLoad]=\"IsCurrentTab('Duplicate Run Detail Matches')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            >\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n                </mj-tabstrip>\n    </form>\n</div>\n        ", styles: [".k-pane {\n  background-color: #F5F6FA;\n}\n\n.content-margin {\n  margin: 10px;\n} \n\n\na {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon {\n  margin-right: 5px;\n}\n\n.record-form {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton {\n  margin-right: 5px;\n}\n\n.record-form h2 {\n  margin-bottom: 10px;\n}\n\n.k-splitter {\n  border-width: 0px;\n}\n\n.record-form-row {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n/* .record-form .record-form-row:nth-child(odd) {\n  background-color: #f2f2f2; \n} */\n\n/* \n.record-form .record-form-row:nth-child(even) {\n  background-color: #ffffff;  \n} */\n\n.record-form .record-form-row > :first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form .record-form-row > span {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row label {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n"] }]
+        args: [{ selector: 'gen-duplicaterundetail-form', template: "<div class=\"record-form-container\">\n    <form *ngIf=\"record\" class=\"record-form\" #form=\"ngForm\">\n        <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n\n        <div class=\"form-section-controls\">\n            <div class=\"control-group\">\n                <button (click)=\"expandAllSections()\" title=\"Expand all sections\">\n                    <i class=\"fa fa-expand-alt\"></i>Expand All\n                </button>\n                <button (click)=\"collapseAllSections()\" title=\"Collapse all sections\">\n                    <i class=\"fa fa-compress-alt\"></i>Collapse All\n                </button>\n            </div>\n            <input type=\"text\"\n                   class=\"section-search\"\n                   placeholder=\"Search sections...\"\n                   (input)=\"filterSections($event)\"\n                   #sectionSearch>\n            <span class=\"section-count\">\n                <span class=\"section-count-badge\">{{getExpandedCount()}}</span> of 4 expanded\n            </span>\n        </div>\n        <div class=\"form-panels-container\">\n<!-- Run Identification Section -->\n        <div class=\"form-card collapsible-card\" data-section-name=\"run identification\" data-field-names=\"duplicaterunid duplicate run id recordid record id\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('runIdentification')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-key\"></i>\n                    <h3><span class=\"section-name\">Run Identification</span></h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.runIdentification ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.runIdentification\">\n                <div class=\"form-body\">\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"DuplicateRunID\"\n            Type=\"textbox\"\n            [EditMode]=\"EditMode\"\n            LinkType=\"Record\"\n            LinkComponentType=\"Search\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"RecordID\"\n            Type=\"textarea\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n\n                </div>\n            </div>\n        </div>\n\n        <!-- Processing Outcomes Section -->\n        <div class=\"form-card collapsible-card\" data-section-name=\"processing outcomes\" data-field-names=\"matchstatus match status skippedreason skipped reason matcherrormessage match error message mergestatus merge status mergeerrormessage merge error message\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('processingOutcomes')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-flag\"></i>\n                    <h3><span class=\"section-name\">Processing Outcomes</span></h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.processingOutcomes ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.processingOutcomes\">\n                <div class=\"form-body\">\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"MatchStatus\"\n            Type=\"dropdownlist\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"SkippedReason\"\n            Type=\"textarea\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"MatchErrorMessage\"\n            Type=\"textarea\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"MergeStatus\"\n            Type=\"dropdownlist\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"MergeErrorMessage\"\n            Type=\"textarea\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n\n                </div>\n            </div>\n        </div>\n\n        <!-- System Metadata Section -->\n        <div class=\"form-card collapsible-card\" data-section-name=\"system metadata\" data-field-names=\"__mj_createdat created at __mj_updatedat updated at\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('systemMetadata')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-cog\"></i>\n                    <h3><span class=\"section-name\">System Metadata</span></h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.systemMetadata ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.systemMetadata\">\n                <div class=\"form-body\">\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"__mj_CreatedAt\"\n            Type=\"textbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"__mj_UpdatedAt\"\n            Type=\"textbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n\n                </div>\n            </div>\n        </div>\n        <div class=\"related-entity-grid\">\n\n        <!-- Duplicate Run Detail Matches Section -->\n        <div class=\"form-card collapsible-card related-entity\" data-section-name=\"duplicate run detail matches\" data-field-names=\"duplicate run detail matches\" data-section-key=\"duplicateRunDetailMatches\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('duplicateRunDetailMatches')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-clone\"></i>\n                    <h3>\n                        <span class=\"section-name\">Duplicate Run Detail Matches</span>\n                        <span class=\"row-count-badge\"\n                              *ngIf=\"sectionRowCounts?.['duplicateRunDetailMatches'] !== undefined\"\n                              [class.zero-rows]=\"sectionRowCounts['duplicateRunDetailMatches'] === 0\">\n                            {{sectionRowCounts['duplicateRunDetailMatches']}}\n                        </span>\n                    </h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.duplicateRunDetailMatches ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.duplicateRunDetailMatches\" *ngIf=\"record.IsSaved\">\n                <div class=\"form-body\">\n                    <mj-user-view-grid\n                        [Params]=\"BuildRelationshipViewParamsByEntityName('Duplicate Run Detail Matches','DuplicateRunDetailID')\"\n                        [NewRecordValues]=\"NewRecordValues('Duplicate Run Detail Matches')\"\n                        [AllowLoad]=\"IsCurrentSection('duplicateRunDetailMatches')\"\n                        [EditMode]=\"GridEditMode()\"\n                        (dataLoaded)=\"sectionRowCounts['duplicateRunDetailMatches'] = $event.totalRowCount\"\n                        >\n                    </mj-user-view-grid>\n                </div>\n            </div>\n        </div>\n        </div>\n        </div>\n    </form>\n</div>\n        ", styles: [".k-pane {\n  background-color: #F5F6FA;\n}\n\n.content-margin {\n  margin: 10px;\n} \n\n\na {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon {\n  margin-right: 5px;\n}\n\n.record-form {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 0;\n  min-height: 100vh;\n}\n\n.record-form-group {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton {\n  margin-right: 5px;\n}\n\n.record-form h2 {\n  margin-bottom: 10px;\n}\n\n.k-splitter {\n  border-width: 0px;\n}\n\n.record-form-row {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n/* .record-form .record-form-row:nth-child(odd) {\n  background-color: #f2f2f2; \n} */\n\n/* \n.record-form .record-form-row:nth-child(even) {\n  background-color: #ffffff;  \n} */\n\n.record-form .record-form-row > :first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form .record-form-row > span {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row label {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n\n/* Collapsible Panel Styles */\n.form-panels-container {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding: 16px;\n  background-color: #F5F6FA;\n}\n\n/* All field sections take full width */\n.form-panels-container > .form-card {\n  width: 100%;\n}\n\n/* Related entity grid container - responsive layout */\n.form-panels-container .related-entity-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 16px;\n  width: 100%;\n}\n\n/* Responsive multi-column layout for related entities on wider screens */\n@media (min-width: 1400px) {\n  .form-panels-container .related-entity-grid {\n    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));\n  }\n}\n\n.form-card {\n  background: white;\n  border-radius: 8px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  overflow: hidden;\n}\n\n.collapsible-card {\n  overflow: hidden;\n}\n\n.collapsible-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px 24px;\n  background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n  border-bottom: 2px solid #e5e7eb;\n  cursor: pointer;\n  user-select: none;\n  transition: all 0.3s ease;\n}\n\n.collapsible-header:hover {\n  background: linear-gradient(135deg, #f3f4f6 0%, #f9fafb 100%);\n  border-bottom-color: #667eea;\n}\n\n.collapsible-title {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n}\n\n.collapsible-title i {\n  font-size: 20px;\n  color: #667eea;\n}\n\n.collapsible-title h3 {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: #1f2937;\n}\n\n.collapsible-header .collapse-icon {\n  color: #6b7280;\n  transition: transform 0.3s ease;\n}\n\n.collapsible-body {\n  max-height: 2000px;\n  overflow: hidden;\n  transition: max-height 0.4s ease, padding 0.4s ease, opacity 0.3s ease;\n  opacity: 1;\n}\n\n.collapsible-body.collapsed {\n  max-height: 0;\n  padding: 0;\n  opacity: 0;\n}\n\n.form-body {\n  padding: 24px;\n}\n\n/* Related Entity Sections - Visual Distinction */\n.form-card.related-entity {\n  background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 100%);\n  border-left: 3px solid #3b82f6;\n}\n\n.form-card.related-entity .collapsible-header {\n  background: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 100%);\n}\n\n.form-card.related-entity .collapsible-header:hover {\n  background: linear-gradient(135deg, #bfdbfe 0%, #e0f2fe 100%);\n  border-bottom-color: #3b82f6;\n}\n\n.form-card.related-entity .collapsible-title i {\n  color: #3b82f6;\n}\n\n/* Section Controls */\n.form-section-controls {\n  display: flex;\n  gap: 10px;\n  padding: 14px 18px;\n  background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n  border-bottom: 2px solid #e5e7eb;\n  align-items: center;\n  flex-wrap: wrap;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n.form-section-controls .control-group {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.form-section-controls button {\n  padding: 8px 14px;\n  font-size: 13px;\n  border: 1px solid #d1d5db;\n  background: white;\n  color: #374151;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s;\n  margin-right: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 500;\n}\n\n.form-section-controls button:hover {\n  background: #667eea;\n  color: white;\n  border-color: #667eea;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px rgba(102, 126, 234, 0.2);\n}\n\n.form-section-controls button:active {\n  transform: translateY(0);\n}\n\n.form-section-controls button i {\n  margin-right: 0;\n  font-size: 14px;\n}\n\n.form-section-controls .section-search {\n  padding: 8px 14px;\n  font-size: 13px;\n  border: 1px solid #d1d5db;\n  border-radius: 6px;\n  width: 240px;\n  transition: all 0.2s;\n  background: white;\n}\n\n.form-section-controls .section-search:focus {\n  outline: none;\n  border-color: #667eea;\n  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);\n}\n\n.form-section-controls .section-search::placeholder {\n  color: #9ca3af;\n  font-style: italic;\n}\n\n.form-section-controls .section-count {\n  font-size: 13px;\n  color: #6b7280;\n  margin-left: auto;\n  font-weight: 500;\n}\n\n/* Hidden sections for search filter */\n.form-card.search-hidden {\n  display: none;\n}\n\n/* Section count badge */\n.section-count-badge {\n  background: #667eea;\n  color: white;\n  padding: 2px 8px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n/* Search highlighting in section names */\n.collapsible-title h3 .search-highlight {\n  background-color: #fef08a;\n  color: #854d0e;\n  padding: 2px 4px;\n  border-radius: 3px;\n  font-weight: 700;\n}\n\n/* Row count badge in section headers */\n.collapsible-title .row-count-badge {\n  background: #10b981;\n  color: white;\n  padding: 3px 6px 2px 6px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 600;\n  margin-left: 8px;\n  vertical-align: middle;\n  position: relative;\n  top: -2px;\n  display: inline-block;\n  line-height: 1;\n}\n\n/* Gray badge for zero rows (loaded but empty) */\n.collapsible-title .row-count-badge.zero-rows {\n  background: #9ca3af;\n}\n"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DuplicateRunDetailFormComponent, { className: "DuplicateRunDetailFormComponent", filePath: "src/lib/generated/Entities/DuplicateRunDetail/duplicaterundetail.form.component.ts", lineNumber: 14 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DuplicateRunDetailFormComponent, { className: "DuplicateRunDetailFormComponent", filePath: "src/lib/generated/Entities/DuplicateRunDetail/duplicaterundetail.form.component.ts", lineNumber: 13 }); })();
 export function LoadDuplicateRunDetailFormComponent() {
-    LoadDuplicateRunDetailDetailsComponent();
+    // does nothing, but called to prevent tree-shaking from eliminating this component from the build
 }
 //# sourceMappingURL=duplicaterundetail.form.component.js.map

package/dist/lib/generated/Entities/DuplicateRunDetail/duplicaterundetail.form.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"duplicaterundetail.form.component.js","sourceRoot":"","sources":["../../../../../src/lib/generated/Entities/DuplicateRunDetail/duplicaterundetail.form.component.ts","../../../../../src/lib/generated/Entities/DuplicateRunDetail/duplicaterundetail.form.component.html"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,sCAAsC,EAAE,MAAM,8BAA8B,CAAA;;;;;;;;;;ICHjF,kCAA0D;IACtD,qCAAiD;IAEzC,sCAA2F;IAAzC,AAArC,mNAAe,0BAAmB,KAAC,wMAAqB,2BAAoB,KAAC;IAEtF,iCAAuB;IACnB,yBACJ;IAAA,iBAAS;IACT,mCAAa;IACT,qCAKkB;IACtB,iBAAc;IAEd,iCAAuE;IACnE,8CACJ;IAAA,iBAAS;IACT,oCAAa;IACT,wCAMoB;IAGxC,AADY,AADI,iBAAc,EACJ,EACnB;;;IA7Bc,eAAa;IAAb,6BAAa;IAWV,eAAiB;IACjB,AADA,sCAAiB,6BACS;IAIU,cAA0B;IAA1B,+CAA0B;IAK9D,eAAyG;IAGzG,AADA,AADA,AADA,+HAAyG,2EACtC,kEACT,mCAC/B;;ADbhD,IAAM,+BAA+B,GAArC,MAAM,+BAAgC,SAAQ,iBAAiB;gSAAzD,+BAA+B,SAA/B,+BAA+B;oEAA/B,+BAA+B;YCb5C,8BAAqC;YACjC,mFAA0D;YA+B9D,iBAAM;;YA/BK,cAAY;YAAZ,iCAAY;;;ADYV,+BAA+B;IAN3C,aAAa,CAAC,iBAAiB,EAAE,uBAAuB,CAAC,CAAC,uCAAuC;GAMrF,+BAA+B,CAE3C;;iFAFY,+BAA+B;cAL3C,SAAS;2BACI,6BAA6B;;kFAI9B,+BAA+B;AAI5C,MAAM,UAAU,mCAAmC;IAC/C,sCAAsC,EAAE,CAAC;AAC7C,CAAC"}
+{"version":3,"file":"duplicaterundetail.form.component.js","sourceRoot":"","sources":["../../../../../src/lib/generated/Entities/DuplicateRunDetail/duplicaterundetail.form.component.ts","../../../../../src/lib/generated/Entities/DuplicateRunDetail/duplicaterundetail.form.component.html"],"names":[],"mappings":"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"}

package/dist/lib/generated/Entities/DuplicateRunDetailMatch/duplicaterundetailmatch.form.component.d.ts

@@ -3,6 +3,12 @@ import { BaseFormComponent } from '@memberjunction/ng-base-forms';
 import * as i0 from "@angular/core";
 export declare class DuplicateRunDetailMatchFormComponent extends BaseFormComponent {
     record: DuplicateRunDetailMatchEntity;
+    sectionsExpanded: {
+        matchResults: boolean;
+        resolutionManagement: boolean;
+        systemMetadata: boolean;
+    };
+    toggleSection(section: keyof typeof this.sectionsExpanded): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DuplicateRunDetailMatchFormComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DuplicateRunDetailMatchFormComponent, "gen-duplicaterundetailmatch-form", never, {}, {}, never, never, false, never>;
 }

package/dist/lib/generated/Entities/DuplicateRunDetailMatch/duplicaterundetailmatch.form.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"duplicaterundetailmatch.form.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/generated/Entities/DuplicateRunDetailMatch/duplicaterundetailmatch.form.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AAE9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;;AAGlE,qBAMa,oCAAqC,SAAQ,iBAAiB;IAChE,MAAM,EAAG,6BAA6B,CAAC;yCADrC,oCAAoC;2CAApC,oCAAoC;CAEhD;AAED,wBAAgB,wCAAwC,SAEvD"}
+{"version":3,"file":"duplicaterundetailmatch.form.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/generated/Entities/DuplicateRunDetailMatch/duplicaterundetailmatch.form.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AAE9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;;AAElE,qBAMa,oCAAqC,SAAQ,iBAAiB;IAChE,MAAM,EAAG,6BAA6B,CAAC;IAGvC,gBAAgB;;;;MAIrB;IAEK,aAAa,CAAC,OAAO,EAAE,MAAM,OAAO,IAAI,CAAC,gBAAgB,GAAG,IAAI;yCAV9D,oCAAoC;2CAApC,oCAAoC;CAahD;AAED,wBAAgB,wCAAwC,SAEvD"}

package/dist/lib/generated/Entities/DuplicateRunDetailMatch/duplicaterundetailmatch.form.component.js

@@ -7,42 +7,117 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Component } from '@angular/core';
 import { RegisterClass } from '@memberjunction/global';
 import { BaseFormComponent } from '@memberjunction/ng-base-forms';
-import { LoadDuplicateRunDetailMatchDetailsComponent } from "./sections/details.component";
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/forms";
 import * as i3 from "@memberjunction/ng-base-forms";
 import * as i4 from "@memberjunction/ng-form-toolbar";
-import * as i5 from "@memberjunction/ng-tabstrip";
 function DuplicateRunDetailMatchFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "form", 3, 0);
     i0.ɵɵelement(2, "mj-form-toolbar", 4);
-    i0.ɵɵelementStart(3, "mj-tabstrip", 5);
-    i0.ɵɵlistener("TabSelected", function DuplicateRunDetailMatchFormComponent_form_1_Template_mj_tabstrip_TabSelected_3_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTabSelect($event)); })("ResizeContainer", function DuplicateRunDetailMatchFormComponent_form_1_Template_mj_tabstrip_ResizeContainer_3_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.InvokeManualResize()); });
-    i0.ɵɵelementStart(4, "mj-tab", 6);
-    i0.ɵɵtext(5, " Details ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "mj-tab-body");
-    i0.ɵɵelement(7, "mj-form-section", 7);
+    i0.ɵɵelementStart(3, "div", 5)(4, "div", 6)(5, "div", 7);
+    i0.ɵɵlistener("click", function DuplicateRunDetailMatchFormComponent_form_1_Template_div_click_5_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("matchResults")); });
+    i0.ɵɵelementStart(6, "div", 8);
+    i0.ɵɵelement(7, "i", 9);
+    i0.ɵɵelementStart(8, "h3")(9, "span", 10);
+    i0.ɵɵtext(10, "Match Results");
     i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(11, "div", 11);
+    i0.ɵɵelement(12, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(13, "div", 12)(14, "div", 13);
+    i0.ɵɵelement(15, "mj-form-field", 14)(16, "mj-form-field", 15)(17, "mj-form-field", 16)(18, "mj-form-field", 17)(19, "mj-form-field", 18);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(20, "div", 19)(21, "div", 7);
+    i0.ɵɵlistener("click", function DuplicateRunDetailMatchFormComponent_form_1_Template_div_click_21_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("resolutionManagement")); });
+    i0.ɵɵelementStart(22, "div", 8);
+    i0.ɵɵelement(23, "i", 20);
+    i0.ɵɵelementStart(24, "h3")(25, "span", 10);
+    i0.ɵɵtext(26, "Resolution Management");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(27, "div", 11);
+    i0.ɵɵelement(28, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(29, "div", 12)(30, "div", 13);
+    i0.ɵɵelement(31, "mj-form-field", 21)(32, "mj-form-field", 22)(33, "mj-form-field", 23)(34, "mj-form-field", 24)(35, "mj-form-field", 25);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(36, "div", 26)(37, "div", 7);
+    i0.ɵɵlistener("click", function DuplicateRunDetailMatchFormComponent_form_1_Template_div_click_37_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSection("systemMetadata")); });
+    i0.ɵɵelementStart(38, "div", 8);
+    i0.ɵɵelement(39, "i", 27);
+    i0.ɵɵelementStart(40, "h3")(41, "span", 10);
+    i0.ɵɵtext(42, "System Metadata");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(43, "div", 11);
+    i0.ɵɵelement(44, "i");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(45, "div", 12)(46, "div", 13);
+    i0.ɵɵelement(47, "mj-form-field", 28)(48, "mj-form-field", 29);
+    i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("form", ctx_r1);
-    i0.ɵɵadvance(5);
-    i0.ɵɵproperty("record", ctx_r1.record)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance(10);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.matchResults ? "fa fa-chevron-up" : "fa fa-chevron-down");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.matchResults);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance(9);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.resolutionManagement ? "fa fa-chevron-up" : "fa fa-chevron-down");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.resolutionManagement);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance(9);
+    i0.ɵɵclassMap(ctx_r1.sectionsExpanded.systemMetadata ? "fa fa-chevron-up" : "fa fa-chevron-down");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("collapsed", !ctx_r1.sectionsExpanded.systemMetadata);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
 } }
 let DuplicateRunDetailMatchFormComponent = class DuplicateRunDetailMatchFormComponent extends BaseFormComponent {
+    constructor() {
+        super(...arguments);
+        // Collapsible section state
+        this.sectionsExpanded = {
+            matchResults: true,
+            resolutionManagement: true,
+            systemMetadata: false
+        };
+    }
+    toggleSection(section) {
+        this.sectionsExpanded[section] = !this.sectionsExpanded[section];
+    }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵDuplicateRunDetailMatchFormComponent_BaseFactory; return function DuplicateRunDetailMatchFormComponent_Factory(t) { return (ɵDuplicateRunDetailMatchFormComponent_BaseFactory || (ɵDuplicateRunDetailMatchFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(DuplicateRunDetailMatchFormComponent)))(t || DuplicateRunDetailMatchFormComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DuplicateRunDetailMatchFormComponent, selectors: [["gen-duplicaterundetailmatch-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [["form", "ngForm"], [1, "record-form-container"], ["class", "record-form", 4, "ngIf"], [1, "record-form"], [3, "form"], [3, "TabSelected", "ResizeContainer"], ["Name", "Details"], ["Entity", "Duplicate Run Detail Matches", "Section", "details", 3, "record", "EditMode"]], template: function DuplicateRunDetailMatchFormComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DuplicateRunDetailMatchFormComponent, selectors: [["gen-duplicaterundetailmatch-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [["form", "ngForm"], [1, "record-form-container"], ["class", "record-form", 4, "ngIf"], [1, "record-form"], [3, "form"], [1, "form-panels-container"], ["data-section-name", "match results", "data-field-names", "duplicaterundetailid duplicate run detail id matchsource match source matchrecordid match record id matchprobability match probability matchedat matched at", 1, "form-card", "collapsible-card"], ["role", "button", "tabindex", "0", 1, "collapsible-header", 3, "click"], [1, "collapsible-title"], [1, "fa", "fa-search"], [1, "section-name"], [1, "collapse-icon"], [1, "collapsible-body"], [1, "form-body"], ["FieldName", "DuplicateRunDetailID", "Type", "textbox", "LinkType", "Record", "LinkComponentType", "Search", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "MatchSource", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "MatchRecordID", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "MatchProbability", "Type", "numerictextbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "MatchedAt", "Type", "datepicker", 3, "record", "ShowLabel", "EditMode"], ["data-section-name", "resolution management", "data-field-names", "action approvalstatus approval status recordmergelogid record merge log id mergestatus merge status mergedat merged at", 1, "form-card", "collapsible-card"], [1, "fa", "fa-tasks"], ["FieldName", "Action", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ApprovalStatus", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "RecordMergeLogID", "Type", "textbox", "LinkType", "Record", "LinkComponentType", "Search", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "MergeStatus", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "MergedAt", "Type", "datepicker", 3, "record", "ShowLabel", "EditMode"], ["data-section-name", "system metadata", "data-field-names", "__mj_createdat created at __mj_updatedat updated at", 1, "form-card", "collapsible-card"], [1, "fa", "fa-cog"], ["FieldName", "__mj_CreatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "__mj_UpdatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"]], template: function DuplicateRunDetailMatchFormComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 1);
-            i0.ɵɵtemplate(1, DuplicateRunDetailMatchFormComponent_form_1_Template, 8, 3, "form", 2);
+            i0.ɵɵtemplate(1, DuplicateRunDetailMatchFormComponent_form_1_Template, 49, 49, "form", 2);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.record);
-        } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.SectionLoaderComponent, i4.FormToolbarComponent, i5.MJTabStripComponent, i5.MJTabBodyComponent, i5.MJTabComponent], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n}\n\n.content-margin[_ngcontent-%COMP%] {\n  margin: 10px;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}"] }); }
+        } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.MJFormField, i4.FormToolbarComponent], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n}\n\n.content-margin[_ngcontent-%COMP%] {\n  margin: 10px;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 0;\n  min-height: 100vh;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n\n\n\n.form-panels-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding: 16px;\n  background-color: #F5F6FA;\n}\n\n\n\n.form-panels-container[_ngcontent-%COMP%]    > .form-card[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n\n\n.form-panels-container[_ngcontent-%COMP%]   .related-entity-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 16px;\n  width: 100%;\n}\n\n\n\n@media (min-width: 1400px) {\n  .form-panels-container[_ngcontent-%COMP%]   .related-entity-grid[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));\n  }\n}\n\n.form-card[_ngcontent-%COMP%] {\n  background: white;\n  border-radius: 8px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  overflow: hidden;\n}\n\n.collapsible-card[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n\n.collapsible-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px 24px;\n  background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n  border-bottom: 2px solid #e5e7eb;\n  cursor: pointer;\n  user-select: none;\n  transition: all 0.3s ease;\n}\n\n.collapsible-header[_ngcontent-%COMP%]:hover {\n  background: linear-gradient(135deg, #f3f4f6 0%, #f9fafb 100%);\n  border-bottom-color: #667eea;\n}\n\n.collapsible-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n}\n\n.collapsible-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 20px;\n  color: #667eea;\n}\n\n.collapsible-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: #1f2937;\n}\n\n.collapsible-header[_ngcontent-%COMP%]   .collapse-icon[_ngcontent-%COMP%] {\n  color: #6b7280;\n  transition: transform 0.3s ease;\n}\n\n.collapsible-body[_ngcontent-%COMP%] {\n  max-height: 2000px;\n  overflow: hidden;\n  transition: max-height 0.4s ease, padding 0.4s ease, opacity 0.3s ease;\n  opacity: 1;\n}\n\n.collapsible-body.collapsed[_ngcontent-%COMP%] {\n  max-height: 0;\n  padding: 0;\n  opacity: 0;\n}\n\n.form-body[_ngcontent-%COMP%] {\n  padding: 24px;\n}\n\n\n\n.form-card.related-entity[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 100%);\n  border-left: 3px solid #3b82f6;\n}\n\n.form-card.related-entity[_ngcontent-%COMP%]   .collapsible-header[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 100%);\n}\n\n.form-card.related-entity[_ngcontent-%COMP%]   .collapsible-header[_ngcontent-%COMP%]:hover {\n  background: linear-gradient(135deg, #bfdbfe 0%, #e0f2fe 100%);\n  border-bottom-color: #3b82f6;\n}\n\n.form-card.related-entity[_ngcontent-%COMP%]   .collapsible-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #3b82f6;\n}\n\n\n\n.form-section-controls[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 10px;\n  padding: 14px 18px;\n  background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n  border-bottom: 2px solid #e5e7eb;\n  align-items: center;\n  flex-wrap: wrap;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .control-group[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  padding: 8px 14px;\n  font-size: 13px;\n  border: 1px solid #d1d5db;\n  background: white;\n  color: #374151;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s;\n  margin-right: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 500;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover {\n  background: #667eea;\n  color: white;\n  border-color: #667eea;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px rgba(102, 126, 234, 0.2);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:active {\n  transform: translateY(0);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 0;\n  font-size: 14px;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-search[_ngcontent-%COMP%] {\n  padding: 8px 14px;\n  font-size: 13px;\n  border: 1px solid #d1d5db;\n  border-radius: 6px;\n  width: 240px;\n  transition: all 0.2s;\n  background: white;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-search[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: #667eea;\n  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-search[_ngcontent-%COMP%]::placeholder {\n  color: #9ca3af;\n  font-style: italic;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-count[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: #6b7280;\n  margin-left: auto;\n  font-weight: 500;\n}\n\n\n\n.form-card.search-hidden[_ngcontent-%COMP%] {\n  display: none;\n}\n\n\n\n.section-count-badge[_ngcontent-%COMP%] {\n  background: #667eea;\n  color: white;\n  padding: 2px 8px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n\n\n.collapsible-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   .search-highlight[_ngcontent-%COMP%] {\n  background-color: #fef08a;\n  color: #854d0e;\n  padding: 2px 4px;\n  border-radius: 3px;\n  font-weight: 700;\n}\n\n\n\n.collapsible-title[_ngcontent-%COMP%]   .row-count-badge[_ngcontent-%COMP%] {\n  background: #10b981;\n  color: white;\n  padding: 3px 6px 2px 6px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 600;\n  margin-left: 8px;\n  vertical-align: middle;\n  position: relative;\n  top: -2px;\n  display: inline-block;\n  line-height: 1;\n}\n\n\n\n.collapsible-title[_ngcontent-%COMP%]   .row-count-badge.zero-rows[_ngcontent-%COMP%] {\n  background: #9ca3af;\n}"] }); }
 };
 DuplicateRunDetailMatchFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Duplicate Run Detail Matches') // Tell MemberJunction about this class
@@ -50,10 +125,10 @@ DuplicateRunDetailMatchFormComponent = __decorate([
 export { DuplicateRunDetailMatchFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DuplicateRunDetailMatchFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-duplicaterundetailmatch-form', template: "<div class=\"record-form-container\"  >\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" >\n        <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event)\"  (ResizeContainer)=\"InvokeManualResize()\">\n                    \n                    <mj-tab Name=\"Details\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section \n                            Entity=\"Duplicate Run Detail Matches\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </mj-form-section>\n                    </mj-tab-body>\n                    \n                </mj-tabstrip>\n    </form>\n</div>\n        ", styles: [".k-pane {\n  background-color: #F5F6FA;\n}\n\n.content-margin {\n  margin: 10px;\n} \n\n\na {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon {\n  margin-right: 5px;\n}\n\n.record-form {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton {\n  margin-right: 5px;\n}\n\n.record-form h2 {\n  margin-bottom: 10px;\n}\n\n.k-splitter {\n  border-width: 0px;\n}\n\n.record-form-row {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n/* .record-form .record-form-row:nth-child(odd) {\n  background-color: #f2f2f2; \n} */\n\n/* \n.record-form .record-form-row:nth-child(even) {\n  background-color: #ffffff;  \n} */\n\n.record-form .record-form-row > :first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form .record-form-row > span {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row label {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n"] }]
+        args: [{ selector: 'gen-duplicaterundetailmatch-form', template: "<div class=\"record-form-container\">\n    <form *ngIf=\"record\" class=\"record-form\" #form=\"ngForm\">\n        <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n\n        <div class=\"form-panels-container\">\n<!-- Match Results Section -->\n        <div class=\"form-card collapsible-card\" data-section-name=\"match results\" data-field-names=\"duplicaterundetailid duplicate run detail id matchsource match source matchrecordid match record id matchprobability match probability matchedat matched at\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('matchResults')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-search\"></i>\n                    <h3><span class=\"section-name\">Match Results</span></h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.matchResults ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.matchResults\">\n                <div class=\"form-body\">\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"DuplicateRunDetailID\"\n            Type=\"textbox\"\n            [EditMode]=\"EditMode\"\n            LinkType=\"Record\"\n            LinkComponentType=\"Search\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"MatchSource\"\n            Type=\"dropdownlist\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"MatchRecordID\"\n            Type=\"textarea\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"MatchProbability\"\n            Type=\"numerictextbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"MatchedAt\"\n            Type=\"datepicker\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n\n                </div>\n            </div>\n        </div>\n\n        <!-- Resolution Management Section -->\n        <div class=\"form-card collapsible-card\" data-section-name=\"resolution management\" data-field-names=\"action approvalstatus approval status recordmergelogid record merge log id mergestatus merge status mergedat merged at\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('resolutionManagement')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-tasks\"></i>\n                    <h3><span class=\"section-name\">Resolution Management</span></h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.resolutionManagement ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.resolutionManagement\">\n                <div class=\"form-body\">\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"Action\"\n            Type=\"textbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"ApprovalStatus\"\n            Type=\"dropdownlist\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"RecordMergeLogID\"\n            Type=\"textbox\"\n            [EditMode]=\"EditMode\"\n            LinkType=\"Record\"\n            LinkComponentType=\"Search\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"MergeStatus\"\n            Type=\"dropdownlist\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"MergedAt\"\n            Type=\"datepicker\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n\n                </div>\n            </div>\n        </div>\n\n        <!-- System Metadata Section -->\n        <div class=\"form-card collapsible-card\" data-section-name=\"system metadata\" data-field-names=\"__mj_createdat created at __mj_updatedat updated at\">\n            <div class=\"collapsible-header\" (click)=\"toggleSection('systemMetadata')\" role=\"button\" tabindex=\"0\">\n                <div class=\"collapsible-title\">\n                    <i class=\"fa fa-cog\"></i>\n                    <h3><span class=\"section-name\">System Metadata</span></h3>\n                </div>\n                <div class=\"collapse-icon\">\n                    <i [class]=\"sectionsExpanded.systemMetadata ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n                </div>\n            </div>\n            <div class=\"collapsible-body\" [class.collapsed]=\"!sectionsExpanded.systemMetadata\">\n                <div class=\"form-body\">\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"__mj_CreatedAt\"\n            Type=\"textbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n        <mj-form-field \n            [record]=\"record\"\n            [ShowLabel]=\"true\"\n            FieldName=\"__mj_UpdatedAt\"\n            Type=\"textbox\"\n            [EditMode]=\"EditMode\"\n        ></mj-form-field>\n\n                </div>\n            </div>\n        </div>\n        </div>\n    </form>\n</div>\n        ", styles: [".k-pane {\n  background-color: #F5F6FA;\n}\n\n.content-margin {\n  margin: 10px;\n} \n\n\na {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon {\n  margin-right: 5px;\n}\n\n.record-form {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 0;\n  min-height: 100vh;\n}\n\n.record-form-group {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton {\n  margin-right: 5px;\n}\n\n.record-form h2 {\n  margin-bottom: 10px;\n}\n\n.k-splitter {\n  border-width: 0px;\n}\n\n.record-form-row {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n/* .record-form .record-form-row:nth-child(odd) {\n  background-color: #f2f2f2; \n} */\n\n/* \n.record-form .record-form-row:nth-child(even) {\n  background-color: #ffffff;  \n} */\n\n.record-form .record-form-row > :first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form .record-form-row > span {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row label {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n\n/* Collapsible Panel Styles */\n.form-panels-container {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding: 16px;\n  background-color: #F5F6FA;\n}\n\n/* All field sections take full width */\n.form-panels-container > .form-card {\n  width: 100%;\n}\n\n/* Related entity grid container - responsive layout */\n.form-panels-container .related-entity-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 16px;\n  width: 100%;\n}\n\n/* Responsive multi-column layout for related entities on wider screens */\n@media (min-width: 1400px) {\n  .form-panels-container .related-entity-grid {\n    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));\n  }\n}\n\n.form-card {\n  background: white;\n  border-radius: 8px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  overflow: hidden;\n}\n\n.collapsible-card {\n  overflow: hidden;\n}\n\n.collapsible-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px 24px;\n  background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n  border-bottom: 2px solid #e5e7eb;\n  cursor: pointer;\n  user-select: none;\n  transition: all 0.3s ease;\n}\n\n.collapsible-header:hover {\n  background: linear-gradient(135deg, #f3f4f6 0%, #f9fafb 100%);\n  border-bottom-color: #667eea;\n}\n\n.collapsible-title {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n}\n\n.collapsible-title i {\n  font-size: 20px;\n  color: #667eea;\n}\n\n.collapsible-title h3 {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: #1f2937;\n}\n\n.collapsible-header .collapse-icon {\n  color: #6b7280;\n  transition: transform 0.3s ease;\n}\n\n.collapsible-body {\n  max-height: 2000px;\n  overflow: hidden;\n  transition: max-height 0.4s ease, padding 0.4s ease, opacity 0.3s ease;\n  opacity: 1;\n}\n\n.collapsible-body.collapsed {\n  max-height: 0;\n  padding: 0;\n  opacity: 0;\n}\n\n.form-body {\n  padding: 24px;\n}\n\n/* Related Entity Sections - Visual Distinction */\n.form-card.related-entity {\n  background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 100%);\n  border-left: 3px solid #3b82f6;\n}\n\n.form-card.related-entity .collapsible-header {\n  background: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 100%);\n}\n\n.form-card.related-entity .collapsible-header:hover {\n  background: linear-gradient(135deg, #bfdbfe 0%, #e0f2fe 100%);\n  border-bottom-color: #3b82f6;\n}\n\n.form-card.related-entity .collapsible-title i {\n  color: #3b82f6;\n}\n\n/* Section Controls */\n.form-section-controls {\n  display: flex;\n  gap: 10px;\n  padding: 14px 18px;\n  background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n  border-bottom: 2px solid #e5e7eb;\n  align-items: center;\n  flex-wrap: wrap;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n.form-section-controls .control-group {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.form-section-controls button {\n  padding: 8px 14px;\n  font-size: 13px;\n  border: 1px solid #d1d5db;\n  background: white;\n  color: #374151;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s;\n  margin-right: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 500;\n}\n\n.form-section-controls button:hover {\n  background: #667eea;\n  color: white;\n  border-color: #667eea;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px rgba(102, 126, 234, 0.2);\n}\n\n.form-section-controls button:active {\n  transform: translateY(0);\n}\n\n.form-section-controls button i {\n  margin-right: 0;\n  font-size: 14px;\n}\n\n.form-section-controls .section-search {\n  padding: 8px 14px;\n  font-size: 13px;\n  border: 1px solid #d1d5db;\n  border-radius: 6px;\n  width: 240px;\n  transition: all 0.2s;\n  background: white;\n}\n\n.form-section-controls .section-search:focus {\n  outline: none;\n  border-color: #667eea;\n  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);\n}\n\n.form-section-controls .section-search::placeholder {\n  color: #9ca3af;\n  font-style: italic;\n}\n\n.form-section-controls .section-count {\n  font-size: 13px;\n  color: #6b7280;\n  margin-left: auto;\n  font-weight: 500;\n}\n\n/* Hidden sections for search filter */\n.form-card.search-hidden {\n  display: none;\n}\n\n/* Section count badge */\n.section-count-badge {\n  background: #667eea;\n  color: white;\n  padding: 2px 8px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n/* Search highlighting in section names */\n.collapsible-title h3 .search-highlight {\n  background-color: #fef08a;\n  color: #854d0e;\n  padding: 2px 4px;\n  border-radius: 3px;\n  font-weight: 700;\n}\n\n/* Row count badge in section headers */\n.collapsible-title .row-count-badge {\n  background: #10b981;\n  color: white;\n  padding: 3px 6px 2px 6px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 600;\n  margin-left: 8px;\n  vertical-align: middle;\n  position: relative;\n  top: -2px;\n  display: inline-block;\n  line-height: 1;\n}\n\n/* Gray badge for zero rows (loaded but empty) */\n.collapsible-title .row-count-badge.zero-rows {\n  background: #9ca3af;\n}\n"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DuplicateRunDetailMatchFormComponent, { className: "DuplicateRunDetailMatchFormComponent", filePath: "src/lib/generated/Entities/DuplicateRunDetailMatch/duplicaterundetailmatch.form.component.ts", lineNumber: 13 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DuplicateRunDetailMatchFormComponent, { className: "DuplicateRunDetailMatchFormComponent", filePath: "src/lib/generated/Entities/DuplicateRunDetailMatch/duplicaterundetailmatch.form.component.ts", lineNumber: 12 }); })();
 export function LoadDuplicateRunDetailMatchFormComponent() {
-    LoadDuplicateRunDetailMatchDetailsComponent();
+    // does nothing, but called to prevent tree-shaking from eliminating this component from the build
 }
 //# sourceMappingURL=duplicaterundetailmatch.form.component.js.map