@memberjunction/ng-base-forms 4.4.0 → 5.1.0

package/dist/lib/toolbar/form-toolbar.component.js

@@ -1,16 +1,18 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef, inject } from '@angular/core';
 import { DEFAULT_TOOLBAR_CONFIG } from '../types/toolbar-config';
+import { DiscoverISADescendants, BuildDescendantTree } from '../isa-related-panel/isa-hierarchy-utils';
 import { BeforeSaveEventArgs, BeforeDeleteEventArgs, BeforeCancelEventArgs, BeforeHistoryViewEventArgs, BeforeListManagementEventArgs } from '../types/form-events';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 const _c0 = [[["", "toolbar-additional-controls", ""]]];
 const _c1 = ["[toolbar-additional-controls]"];
+const _c2 = a0 => ({ items: a0 });
 const _forTrack0 = ($index, $item) => $item.Key;
 const _forTrack1 = ($index, $item) => $item.ID;
-const _forTrack2 = ($index, $item) => $item.EntityInfo.ID;
+const _forTrack2 = ($index, $item) => $item.EntityName;
 function MjFormToolbarComponent_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 10);
-    i0.ɵɵelementStart(1, "span", 11)(2, "strong");
+    i0.ɵɵelement(0, "i", 11);
+    i0.ɵɵelementStart(1, "span", 12)(2, "strong");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(4);
@@ -23,8 +25,8 @@ function MjFormToolbarComponent_Conditional_0_Conditional_1_Template(rf, ctx) {
     i0.ɵɵtextInterpolate2(" field", ctx_r1.DirtyFieldDisplayNames.length === 1 ? "" : "s", " modified \u2014 ", ctx_r1.DirtyFieldDisplayNames.join(", "), " ");
 } }
 function MjFormToolbarComponent_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 12);
-    i0.ɵɵelementStart(1, "span", 13);
+    i0.ɵɵelement(0, "i", 13);
+    i0.ɵɵelementStart(1, "span", 14);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -34,19 +36,19 @@ function MjFormToolbarComponent_Conditional_0_Conditional_2_Template(rf, ctx) {
 } }
 function MjFormToolbarComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵelementStart(0, "div", 1);
     i0.ɵɵconditionalCreate(1, MjFormToolbarComponent_Conditional_0_Conditional_1_Template, 5, 3)(2, MjFormToolbarComponent_Conditional_0_Conditional_2_Template, 3, 1);
-    i0.ɵɵelement(3, "div", 3);
-    i0.ɵɵelementStart(4, "div", 4)(5, "button", 5);
+    i0.ɵɵelement(3, "div", 4);
+    i0.ɵɵelementStart(4, "div", 5)(5, "button", 6);
     i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_0_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnSave()); });
-    i0.ɵɵelement(6, "i", 6);
-    i0.ɵɵelementStart(7, "span", 7);
+    i0.ɵɵelement(6, "i", 7);
+    i0.ɵɵelementStart(7, "span", 8);
     i0.ɵɵtext(8, "Save Changes");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "button", 8);
+    i0.ɵɵelementStart(9, "button", 9);
     i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_0_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnCancel()); });
-    i0.ɵɵelement(10, "i", 9);
-    i0.ɵɵelementStart(11, "span", 7);
+    i0.ɵɵelement(10, "i", 10);
+    i0.ɵɵelementStart(11, "span", 8);
     i0.ɵɵtext(12, "Discard");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -60,21 +62,21 @@ function MjFormToolbarComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
 } }
 function MjFormToolbarComponent_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 25);
+    i0.ɵɵelementStart(0, "button", 26);
     i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnEdit()); });
-    i0.ɵɵelement(1, "i", 12);
+    i0.ɵɵelement(1, "i", 13);
     i0.ɵɵelementEnd();
 } }
 function MjFormToolbarComponent_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 26);
+    i0.ɵɵelementStart(0, "button", 27);
     i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnDeleteClick()); });
-    i0.ɵɵelement(1, "i", 27);
+    i0.ɵɵelement(1, "i", 28);
     i0.ɵɵelementEnd();
 } }
 function MjFormToolbarComponent_Conditional_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 28);
+    i0.ɵɵelementStart(0, "button", 29);
     i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFavoriteToggle()); });
     i0.ɵɵelement(1, "i");
     i0.ɵɵelementEnd();
@@ -86,13 +88,13 @@ function MjFormToolbarComponent_Conditional_1_Conditional_4_Template(rf, ctx) {
 } }
 function MjFormToolbarComponent_Conditional_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 29);
+    i0.ɵɵelementStart(0, "button", 30);
     i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnHistory()); });
-    i0.ɵɵelement(1, "i", 30);
+    i0.ɵɵelement(1, "i", 31);
     i0.ɵɵelementEnd();
 } }
 function MjFormToolbarComponent_Conditional_1_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 33);
+    i0.ɵɵelementStart(0, "span", 34);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -102,10 +104,10 @@ function MjFormToolbarComponent_Conditional_1_Conditional_6_Conditional_2_Templa
 } }
 function MjFormToolbarComponent_Conditional_1_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 31);
+    i0.ɵɵelementStart(0, "button", 32);
     i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnListManagement()); });
-    i0.ɵɵelement(1, "i", 32);
-    i0.ɵɵconditionalCreate(2, MjFormToolbarComponent_Conditional_1_Conditional_6_Conditional_2_Template, 2, 1, "span", 33);
+    i0.ɵɵelement(1, "i", 33);
+    i0.ɵɵconditionalCreate(2, MjFormToolbarComponent_Conditional_1_Conditional_6_Conditional_2_Template, 2, 1, "span", 34);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -115,7 +117,7 @@ function MjFormToolbarComponent_Conditional_1_Conditional_6_Template(rf, ctx) {
 } }
 function MjFormToolbarComponent_Conditional_1_For_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 35);
+    i0.ɵɵelementStart(0, "button", 36);
     i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_For_8_Conditional_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const button_r9 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnCustomButtonClick(button_r9)); });
     i0.ɵɵelement(1, "i");
     i0.ɵɵelementEnd();
@@ -127,23 +129,23 @@ function MjFormToolbarComponent_Conditional_1_For_8_Conditional_0_Template(rf, c
     i0.ɵɵclassMap(button_r9.Icon);
 } }
 function MjFormToolbarComponent_Conditional_1_For_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, MjFormToolbarComponent_Conditional_1_For_8_Conditional_0_Template, 2, 6, "button", 34);
+    i0.ɵɵconditionalCreate(0, MjFormToolbarComponent_Conditional_1_For_8_Conditional_0_Template, 2, 6, "button", 35);
 } if (rf & 2) {
     const button_r9 = ctx.$implicit;
     i0.ɵɵconditional(button_r9.Visible !== false ? 0 : -1);
 } }
 function MjFormToolbarComponent_Conditional_1_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 21);
+    i0.ɵɵelement(0, "div", 22);
 } }
 function MjFormToolbarComponent_Conditional_1_Conditional_10_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "a", 37);
+    i0.ɵɵelementStart(0, "a", 39);
     i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_10_For_2_Template_a_click_0_listener($event) { const parent_r11 = i0.ɵɵrestoreView(_r10).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnParentBadgeClick(parent_r11, $event)); });
-    i0.ɵɵelement(1, "i", 38);
+    i0.ɵɵelement(1, "i", 40);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 39);
-    i0.ɵɵelement(4, "i", 40);
+    i0.ɵɵelementStart(3, "span", 41);
+    i0.ɵɵelement(4, "i", 42);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const parent_r11 = ctx.$implicit;
@@ -151,30 +153,20 @@ function MjFormToolbarComponent_Conditional_1_Conditional_10_For_2_Template(rf,
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", parent_r11.Name, " ");
 } }
-function MjFormToolbarComponent_Conditional_1_Conditional_10_For_6_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 39);
-    i0.ɵɵelement(1, "i", 40);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "a", 41);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_10_For_6_Template_a_click_2_listener($event) { const child_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnChildBadgeClick(child_r13, $event)); });
-    i0.ɵɵelement(3, "i", 42);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
+function MjFormToolbarComponent_Conditional_1_Conditional_10_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0, 38);
 } if (rf & 2) {
-    const child_r13 = ctx.$implicit;
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("title", "Navigate to child: " + child_r13.EntityInfo.Name);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", child_r13.EntityInfo.Name, " ");
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    const descendantTreeTpl_r12 = i0.ɵɵreference(5);
+    i0.ɵɵproperty("ngTemplateOutlet", descendantTreeTpl_r12)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, ctx_r1.DescendantTree));
 } }
 function MjFormToolbarComponent_Conditional_1_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 22);
+    i0.ɵɵelementStart(0, "div", 23);
     i0.ɵɵrepeaterCreate(1, MjFormToolbarComponent_Conditional_1_Conditional_10_For_2_Template, 5, 2, null, null, _forTrack1);
-    i0.ɵɵelementStart(3, "span", 36);
+    i0.ɵɵelementStart(3, "span", 37);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(5, MjFormToolbarComponent_Conditional_1_Conditional_10_For_6_Template, 5, 2, null, null, _forTrack2);
+    i0.ɵɵconditionalCreate(5, MjFormToolbarComponent_Conditional_1_Conditional_10_Conditional_5_Template, 1, 4, "ng-container", 38);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -183,19 +175,19 @@ function MjFormToolbarComponent_Conditional_1_Conditional_10_Template(rf, ctx) {
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r1.EntityInfo == null ? null : ctx_r1.EntityInfo.Name);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.ChildChain);
+    i0.ɵɵconditional(ctx_r1.DescendantTree.length > 0 ? 5 : -1);
 } }
 function MjFormToolbarComponent_Conditional_1_Conditional_12_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
+    const _r15 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 53);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_12_Conditional_1_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnClearFilter()); });
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_12_Conditional_1_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnClearFilter()); });
     i0.ɵɵelement(1, "i", 54);
     i0.ɵɵelementEnd();
 } }
 function MjFormToolbarComponent_Conditional_1_Conditional_12_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
+    const _r14 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 43)(1, "input", 51);
-    i0.ɵɵlistener("input", function MjFormToolbarComponent_Conditional_1_Conditional_12_Conditional_1_Template_input_input_1_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFilterInput($event)); });
+    i0.ɵɵlistener("input", function MjFormToolbarComponent_Conditional_1_Conditional_12_Conditional_1_Template_input_input_1_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFilterInput($event)); });
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(2, MjFormToolbarComponent_Conditional_1_Conditional_12_Conditional_1_Conditional_2_Template, 2, 0, "button", 52);
     i0.ɵɵelementEnd();
@@ -208,35 +200,35 @@ function MjFormToolbarComponent_Conditional_1_Conditional_12_Conditional_1_Templ
     i0.ɵɵconditional(ctx_r1.SearchFilter ? 2 : -1);
 } }
 function MjFormToolbarComponent_Conditional_1_Conditional_12_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    const _r17 = i0.ɵɵgetCurrentView();
+    const _r16 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 55);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_12_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnResetSectionOrder()); });
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_12_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnResetSectionOrder()); });
     i0.ɵɵelement(1, "i", 56);
     i0.ɵɵelementEnd();
 } }
 function MjFormToolbarComponent_Conditional_1_Conditional_12_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = i0.ɵɵgetCurrentView();
+    const _r17 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 57);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_12_Conditional_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnManageSections()); });
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_12_Conditional_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnManageSections()); });
     i0.ɵɵelement(1, "i", 58);
     i0.ɵɵelementEnd();
 } }
 function MjFormToolbarComponent_Conditional_1_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 23);
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 24);
     i0.ɵɵconditionalCreate(1, MjFormToolbarComponent_Conditional_1_Conditional_12_Conditional_1_Template, 3, 4, "div", 43);
     i0.ɵɵelementStart(2, "button", 44);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_12_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnExpandAll()); });
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_12_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnExpandAll()); });
     i0.ɵɵelement(3, "i", 45);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "button", 46);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_12_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnCollapseAll()); });
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_12_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnCollapseAll()); });
     i0.ɵɵelement(5, "i", 47);
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(6, MjFormToolbarComponent_Conditional_1_Conditional_12_Conditional_6_Template, 2, 0, "button", 48);
     i0.ɵɵconditionalCreate(7, MjFormToolbarComponent_Conditional_1_Conditional_12_Conditional_7_Template, 2, 0, "button", 49);
     i0.ɵɵelementStart(8, "button", 50);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_12_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnToggleWidthMode()); });
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_12_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnToggleWidthMode()); });
     i0.ɵɵelement(9, "i");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -257,25 +249,25 @@ function MjFormToolbarComponent_Conditional_1_Conditional_12_Template(rf, ctx) {
     i0.ɵɵclassMap(ctx_r1.WidthMode === "centered" ? "fa-solid fa-arrows-left-right-to-line" : "fa-solid fa-compress");
 } }
 function MjFormToolbarComponent_Conditional_1_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, 24);
+    i0.ɵɵelementContainer(0, 25);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.AdditionalActionsTemplate);
 } }
 function MjFormToolbarComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 14)(1, "div", 15);
-    i0.ɵɵconditionalCreate(2, MjFormToolbarComponent_Conditional_1_Conditional_2_Template, 2, 0, "button", 16);
-    i0.ɵɵconditionalCreate(3, MjFormToolbarComponent_Conditional_1_Conditional_3_Template, 2, 0, "button", 17);
-    i0.ɵɵconditionalCreate(4, MjFormToolbarComponent_Conditional_1_Conditional_4_Template, 2, 3, "button", 18);
-    i0.ɵɵconditionalCreate(5, MjFormToolbarComponent_Conditional_1_Conditional_5_Template, 2, 0, "button", 19);
-    i0.ɵɵconditionalCreate(6, MjFormToolbarComponent_Conditional_1_Conditional_6_Template, 3, 2, "button", 20);
+    i0.ɵɵelementStart(0, "div", 15)(1, "div", 16);
+    i0.ɵɵconditionalCreate(2, MjFormToolbarComponent_Conditional_1_Conditional_2_Template, 2, 0, "button", 17);
+    i0.ɵɵconditionalCreate(3, MjFormToolbarComponent_Conditional_1_Conditional_3_Template, 2, 0, "button", 18);
+    i0.ɵɵconditionalCreate(4, MjFormToolbarComponent_Conditional_1_Conditional_4_Template, 2, 3, "button", 19);
+    i0.ɵɵconditionalCreate(5, MjFormToolbarComponent_Conditional_1_Conditional_5_Template, 2, 0, "button", 20);
+    i0.ɵɵconditionalCreate(6, MjFormToolbarComponent_Conditional_1_Conditional_6_Template, 3, 2, "button", 21);
     i0.ɵɵrepeaterCreate(7, MjFormToolbarComponent_Conditional_1_For_8_Template, 1, 1, null, null, _forTrack0);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(9, MjFormToolbarComponent_Conditional_1_Conditional_9_Template, 1, 0, "div", 21);
-    i0.ɵɵconditionalCreate(10, MjFormToolbarComponent_Conditional_1_Conditional_10_Template, 7, 1, "div", 22);
-    i0.ɵɵelement(11, "div", 3);
-    i0.ɵɵconditionalCreate(12, MjFormToolbarComponent_Conditional_1_Conditional_12_Template, 10, 8, "div", 23);
-    i0.ɵɵconditionalCreate(13, MjFormToolbarComponent_Conditional_1_Conditional_13_Template, 1, 1, "ng-container", 24);
+    i0.ɵɵconditionalCreate(9, MjFormToolbarComponent_Conditional_1_Conditional_9_Template, 1, 0, "div", 22);
+    i0.ɵɵconditionalCreate(10, MjFormToolbarComponent_Conditional_1_Conditional_10_Template, 6, 2, "div", 23);
+    i0.ɵɵelement(11, "div", 4);
+    i0.ɵɵconditionalCreate(12, MjFormToolbarComponent_Conditional_1_Conditional_12_Template, 10, 8, "div", 24);
+    i0.ɵɵconditionalCreate(13, MjFormToolbarComponent_Conditional_1_Conditional_13_Template, 1, 1, "ng-container", 25);
     i0.ɵɵprojection(14);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -303,16 +295,16 @@ function MjFormToolbarComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵconditional(ctx_r1.AdditionalActionsTemplate ? 13 : -1);
 } }
 function MjFormToolbarComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r19 = i0.ɵɵgetCurrentView();
+    const _r18 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 59);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_2_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDiscardCancel()); });
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_2_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDiscardCancel()); });
     i0.ɵɵelementStart(1, "div", 60);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_2_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r19); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_2_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r18); return i0.ɵɵresetView($event.stopPropagation()); });
     i0.ɵɵelementStart(2, "div", 61)(3, "h3");
     i0.ɵɵtext(4, "Discard Changes?");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "button", 62);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_2_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDiscardCancel()); });
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_2_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDiscardCancel()); });
     i0.ɵɵelement(6, "i", 54);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(7, "div", 63)(8, "p");
@@ -323,12 +315,12 @@ function MjFormToolbarComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(13, "div", 64)(14, "button", 65);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_2_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDiscardConfirm()); });
-    i0.ɵɵelement(15, "i", 9);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_2_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDiscardConfirm()); });
+    i0.ɵɵelement(15, "i", 10);
     i0.ɵɵtext(16, " Discard Changes ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(17, "button", 66);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_2_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDiscardCancel()); });
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_2_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDiscardCancel()); });
     i0.ɵɵtext(18, " Keep Editing ");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -339,31 +331,100 @@ function MjFormToolbarComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate2(" unsaved change", ctx_r1.DirtyFieldDisplayNames.length === 1 ? "" : "s", ". Are you sure you want to discard ", ctx_r1.DirtyFieldDisplayNames.length === 1 ? "it" : "them", "?");
 } }
 function MjFormToolbarComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
+    const _r19 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 59);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_3_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDeleteCancel()); });
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_3_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDeleteCancel()); });
     i0.ɵɵelementStart(1, "div", 60);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_3_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r20); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_3_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r19); return i0.ɵɵresetView($event.stopPropagation()); });
     i0.ɵɵelementStart(2, "div", 61)(3, "h3");
     i0.ɵɵtext(4, "Confirm Deletion");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "button", 62);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_3_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDeleteCancel()); });
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_3_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDeleteCancel()); });
     i0.ɵɵelement(6, "i", 54);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(7, "div", 63)(8, "p");
     i0.ɵɵtext(9, "Are you sure you want to delete this record? This action cannot be undone.");
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(10, "div", 64)(11, "button", 65);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_3_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDeleteConfirm()); });
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_3_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDeleteConfirm()); });
     i0.ɵɵelement(12, "i", 67);
     i0.ɵɵtext(13, " Delete ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(14, "button", 66);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_3_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDeleteCancel()); });
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_3_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDeleteCancel()); });
     i0.ɵɵtext(15, " Cancel ");
     i0.ɵɵelementEnd()()()();
 } }
+function MjFormToolbarComponent_ng_template_4_Conditional_0_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0, 38);
+} if (rf & 2) {
+    const items_r21 = i0.ɵɵnextContext(2).items;
+    i0.ɵɵnextContext();
+    const descendantTreeTpl_r12 = i0.ɵɵreference(5);
+    i0.ɵɵproperty("ngTemplateOutlet", descendantTreeTpl_r12)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, items_r21[0].Children));
+} }
+function MjFormToolbarComponent_ng_template_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r20 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 41);
+    i0.ɵɵelement(1, "i", 42);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "a", 69);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_ng_template_4_Conditional_0_Template_a_click_2_listener($event) { i0.ɵɵrestoreView(_r20); const items_r21 = i0.ɵɵnextContext().items; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDescendantBadgeClick(items_r21[0].EntityName, $event)); });
+    i0.ɵɵelement(3, "i", 70);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, MjFormToolbarComponent_ng_template_4_Conditional_0_Conditional_5_Template, 1, 4, "ng-container", 38);
+} if (rf & 2) {
+    const items_r21 = i0.ɵɵnextContext().items;
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("title", "Navigate to: " + items_r21[0].EntityName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", items_r21[0].EntityName, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(items_r21[0].Children.length > 0 ? 5 : -1);
+} }
+function MjFormToolbarComponent_ng_template_4_Conditional_1_For_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0, 38);
+} if (rf & 2) {
+    const item_r23 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵnextContext(3);
+    const descendantTreeTpl_r12 = i0.ɵɵreference(5);
+    i0.ɵɵproperty("ngTemplateOutlet", descendantTreeTpl_r12)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, item_r23.Children));
+} }
+function MjFormToolbarComponent_ng_template_4_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 71)(1, "a", 69);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_ng_template_4_Conditional_1_For_2_Template_a_click_1_listener($event) { const item_r23 = i0.ɵɵrestoreView(_r22).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnDescendantBadgeClick(item_r23.EntityName, $event)); });
+    i0.ɵɵelement(2, "i", 70);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, MjFormToolbarComponent_ng_template_4_Conditional_1_For_2_Conditional_4_Template, 1, 4, "ng-container", 38);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r23 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("title", "Navigate to: " + item_r23.EntityName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", item_r23.EntityName, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(item_r23.Children.length > 0 ? 4 : -1);
+} }
+function MjFormToolbarComponent_ng_template_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 68);
+    i0.ɵɵrepeaterCreate(1, MjFormToolbarComponent_ng_template_4_Conditional_1_For_2_Template, 5, 3, "div", 71, _forTrack2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const items_r21 = i0.ɵɵnextContext().items;
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(items_r21);
+} }
+function MjFormToolbarComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, MjFormToolbarComponent_ng_template_4_Conditional_0_Template, 6, 3)(1, MjFormToolbarComponent_ng_template_4_Conditional_1_Template, 3, 0, "div", 68);
+} if (rf & 2) {
+    const items_r21 = ctx.items;
+    i0.ɵɵconditional(items_r21.length === 1 ? 0 : items_r21.length > 1 ? 1 : -1);
+} }
 /**
  * Configurable form toolbar component.
  *
@@ -476,11 +537,16 @@ export class MjFormToolbarComponent {
     // ---- Internal state ----
     ShowDeleteDialog = false;
     ShowDiscardDialog = false;
+    /** Computed descendant tree for breadcrumb display */
+    DescendantTree = [];
+    _lastRecordForChains = null;
+    _chainsLoading = false;
     // ---- Lifecycle ----
     ngDoCheck() {
-        if (!this._formRef)
-            return;
-        this.SyncFromFormRef();
+        if (this._formRef) {
+            this.SyncFromFormRef();
+        }
+        this.CheckDescendantChains();
     }
     /**
      * Sync toolbar state from the legacy form reference.
@@ -565,6 +631,9 @@ export class MjFormToolbarComponent {
      * Walks Record.ISAChild → ISAChild.ISAChild → ... collecting each child entity.
      * This differs from ChildEntities (metadata) because it represents the SPECIFIC
      * child type that exists for THIS record, not all possible subtypes.
+     *
+     * For overlapping subtype parents, this is empty (ISAChild returns null) —
+     * use OverlappingChildren instead.
      */
     get ChildChain() {
         if (!this.Record)
@@ -581,9 +650,21 @@ export class MjFormToolbarComponent {
     get HasLoadedChild() {
         return this.Record?.ISAChild != null;
     }
+    /**
+     * For overlapping subtype parents (AllowMultipleSubtypes = true), returns the
+     * list of child entity type names that have records for this PK.
+     * Populated by InitializeChildEntity() during record load.
+     */
+    get OverlappingChildren() {
+        return this.Record?.ISAChildren ?? [];
+    }
+    /** Whether the current record has overlapping child types discovered */
+    get HasOverlappingChildren() {
+        return this.OverlappingChildren.length > 0;
+    }
     /** Whether this entity is part of any IS-A hierarchy (parent or child side) */
     get IsInHierarchy() {
-        return this.HasParentEntities || this.HasLoadedChild;
+        return this.HasParentEntities || this.HasLoadedChild || this.HasOverlappingChildren || this.DescendantTree.length > 0;
     }
     /** Display-friendly names of dirty fields for the edit banner */
     get DirtyFieldDisplayNames() {
@@ -606,6 +687,58 @@ export class MjFormToolbarComponent {
         }
         return this.Record.PrimaryKey.ToConcatenatedString();
     }
+    // ---- Descendant Chain Computation ----
+    /**
+     * Check if descendant chains need recomputation (called from DoCheck).
+     * Only triggers async computation when the record identity changes.
+     */
+    CheckDescendantChains() {
+        if (!this.Record) {
+            if (this.DescendantTree.length > 0) {
+                this.DescendantTree = [];
+                this._lastRecordForChains = null;
+                this.cdr.markForCheck();
+            }
+            return;
+        }
+        if (this.Record !== this._lastRecordForChains && !this._chainsLoading) {
+            this.ComputeDescendantChains();
+        }
+    }
+    /**
+     * Asynchronously discover all IS-A descendants and convert to chains
+     * for breadcrumb display. Each chain is a root-to-leaf path of entity names.
+     */
+    ComputeDescendantChains() {
+        this._lastRecordForChains = this.Record;
+        if (!this.Record?.EntityInfo?.IsParentType) {
+            this.DescendantTree = [];
+            return;
+        }
+        this._chainsLoading = true;
+        DiscoverISADescendants(this.Record).then(descendants => {
+            this.DescendantTree = BuildDescendantTree(descendants);
+            this._chainsLoading = false;
+            this.cdr.markForCheck();
+        }).catch(() => {
+            this.DescendantTree = [];
+            this._chainsLoading = false;
+            this.cdr.markForCheck();
+        });
+    }
+    /**
+     * Navigate to a descendant entity record in the IS-A hierarchy.
+     */
+    OnDescendantBadgeClick(entityName, event) {
+        if (!this.Record)
+            return;
+        this.Navigate.emit({
+            Kind: 'entity-hierarchy',
+            EntityName: entityName,
+            PrimaryKey: this.Record.PrimaryKey,
+            Direction: 'child'
+        });
+    }
     // ---- Actions ----
     OnEdit() {
         if (this.DispatchToFormRef('StartEditMode'))
@@ -771,6 +904,21 @@ export class MjFormToolbarComponent {
             Direction: 'child'
         });
     }
+    /**
+     * Navigate to an overlapping child entity record.
+     * Used when the parent has AllowMultipleSubtypes = true and multiple child
+     * types coexist for the same PK.
+     */
+    OnOverlappingChildClick(childEntityName, event) {
+        if (!this.Record)
+            return;
+        this.Navigate.emit({
+            Kind: 'entity-hierarchy',
+            EntityName: childEntityName,
+            PrimaryKey: this.Record.PrimaryKey,
+            Direction: 'child'
+        });
+    }
     // ---- Section Controls ----
     OnFilterInput(event) {
         const input = event.target;
@@ -799,12 +947,13 @@ export class MjFormToolbarComponent {
         this.ManageSectionsRequested.emit();
     }
     static ɵfac = function MjFormToolbarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MjFormToolbarComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MjFormToolbarComponent, selectors: [["mj-form-toolbar"]], inputs: { Form: "Form", _deprecatedForm: [0, "form", "_deprecatedForm"], Record: "Record", EditMode: "EditMode", UserCanEdit: "UserCanEdit", UserCanDelete: "UserCanDelete", IsFavorite: "IsFavorite", FavoriteInitDone: "FavoriteInitDone", IsDirty: "IsDirty", DirtyFieldNames: "DirtyFieldNames", ListCount: "ListCount", EntityInfo: "EntityInfo", Config: "Config", IsSaving: "IsSaving", VisibleSectionCount: "VisibleSectionCount", TotalSectionCount: "TotalSectionCount", ExpandedSectionCount: "ExpandedSectionCount", SearchFilter: "SearchFilter", ShowEmptyFields: "ShowEmptyFields", WidthMode: "WidthMode", HasCustomSectionOrder: "HasCustomSectionOrder", AdditionalActionsTemplate: "AdditionalActionsTemplate" }, outputs: { Navigate: "Navigate", EditModeChange: "EditModeChange", BeforeSave: "BeforeSave", SaveRequested: "SaveRequested", BeforeCancel: "BeforeCancel", CancelRequested: "CancelRequested", BeforeDelete: "BeforeDelete", DeleteRequested: "DeleteRequested", FavoriteToggled: "FavoriteToggled", BeforeHistoryView: "BeforeHistoryView", HistoryRequested: "HistoryRequested", BeforeListManagement: "BeforeListManagement", ListManagementRequested: "ListManagementRequested", ShowChangesRequested: "ShowChangesRequested", CustomButtonClick: "CustomButtonClick", FilterChange: "FilterChange", ExpandAllRequested: "ExpandAllRequested", CollapseAllRequested: "CollapseAllRequested", ShowEmptyFieldsChange: "ShowEmptyFieldsChange", WidthModeChange: "WidthModeChange", ResetSectionOrderRequested: "ResetSectionOrderRequested", ManageSectionsRequested: "ManageSectionsRequested" }, standalone: false, ngContentSelectors: _c1, decls: 4, vars: 4, consts: [[1, "mj-forms-edit-banner"], [1, "mj-forms-toolbar", 3, "mj-forms-toolbar--sticky"], [1, "mj-dialog-overlay"], [1, "mj-forms-toolbar-spacer"], [1, "mj-forms-edit-banner-actions"], ["title", "Save Changes", 1, "mj-forms-btn", "mj-forms-btn--primary", 3, "click", "disabled"], [1, "fa-solid", "fa-floppy-disk"], [1, "mj-forms-btn-text"], ["title", "Discard Changes", 1, "mj-forms-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-rotate-left"], [1, "fa-solid", "fa-circle-exclamation", "mj-forms-edit-banner-icon--dirty"], [1, "mj-forms-edit-banner-dirty"], [1, "fa-solid", "fa-pen-to-square"], [1, "mj-forms-edit-banner-text"], [1, "mj-forms-toolbar"], [1, "mj-forms-toolbar-group"], ["title", "Edit this Record", 1, "mj-forms-btn"], ["title", "Delete this Record", 1, "mj-forms-btn"], [1, "mj-forms-btn", 3, "title"], ["title", "Record Changes", 1, "mj-forms-btn"], [1, "mj-forms-btn", "mj-forms-btn--list", 3, "title"], [1, "mj-forms-toolbar-separator"], [1, "mj-entity-hierarchy"], [1, "mj-forms-toolbar-group", "mj-section-controls"], [3, "ngTemplateOutlet"], ["title", "Edit this Record", 1, "mj-forms-btn", 3, "click"], ["title", "Delete this Record", 1, "mj-forms-btn", 3, "click"], [1, "fa-regular", "fa-trash-can"], [1, "mj-forms-btn", 3, "click", "title"], ["title", "Record Changes", 1, "mj-forms-btn", 3, "click"], [1, "fa-regular", "fa-clock"], [1, "mj-forms-btn", "mj-forms-btn--list", 3, "click", "title"], [1, "fa-regular", "fa-bookmark"], [1, "mj-list-count-badge"], [1, "mj-forms-btn", 3, "class", "disabled", "title"], [1, "mj-forms-btn", 3, "click", "disabled", "title"], [1, "mj-entity-badge", "mj-entity-badge--current"], [1, "mj-entity-badge", "mj-entity-badge--parent", 3, "click", "title"], [1, "fa-solid", "fa-arrow-up"], [1, "mj-hierarchy-arrow"], [1, "fa-solid", "fa-chevron-right"], [1, "mj-entity-badge", "mj-entity-badge--child", 3, "click", "title"], [1, "fa-solid", "fa-arrow-down"], [1, "mj-forms-search-wrapper"], ["title", "Expand all sections", 1, "mj-forms-btn", "mj-forms-btn--ghost", "mj-forms-btn--icon-only", 3, "click", "disabled"], [1, "fa-solid", "fa-angles-down"], ["title", "Collapse all sections", 1, "mj-forms-btn", "mj-forms-btn--ghost", "mj-forms-btn--icon-only", 3, "click", "disabled"], [1, "fa-solid", "fa-angles-up"], ["title", "Reset section order", 1, "mj-forms-btn", "mj-forms-btn--ghost", "mj-forms-btn--icon-only"], ["title", "Manage section order", 1, "mj-forms-btn", "mj-forms-btn--ghost", "mj-forms-btn--icon-only"], [1, "mj-forms-btn", "mj-forms-btn--ghost", "mj-forms-btn--icon-only", 3, "click", "title"], ["type", "text", "placeholder", "Search sections...", 1, "mj-section-search", 3, "input", "value"], ["title", "Clear search", 1, "mj-clear-search"], ["title", "Clear search", 1, "mj-clear-search", 3, "click"], [1, "fa-solid", "fa-xmark"], ["title", "Reset section order", 1, "mj-forms-btn", "mj-forms-btn--ghost", "mj-forms-btn--icon-only", 3, "click"], [1, "fa-solid", "fa-arrow-rotate-left"], ["title", "Manage section order", 1, "mj-forms-btn", "mj-forms-btn--ghost", "mj-forms-btn--icon-only", 3, "click"], [1, "fa-solid", "fa-bars-staggered"], [1, "mj-dialog-overlay", 3, "click"], [1, "mj-dialog", 3, "click"], [1, "mj-dialog-header"], [1, "mj-dialog-close", 3, "click"], [1, "mj-dialog-body"], [1, "mj-dialog-footer"], [1, "mj-forms-btn", "mj-forms-btn--danger", 3, "click"], [1, "mj-forms-btn", 3, "click"], [1, "fa-solid", "fa-trash-can"]], template: function MjFormToolbarComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MjFormToolbarComponent, selectors: [["mj-form-toolbar"]], inputs: { Form: "Form", _deprecatedForm: [0, "form", "_deprecatedForm"], Record: "Record", EditMode: "EditMode", UserCanEdit: "UserCanEdit", UserCanDelete: "UserCanDelete", IsFavorite: "IsFavorite", FavoriteInitDone: "FavoriteInitDone", IsDirty: "IsDirty", DirtyFieldNames: "DirtyFieldNames", ListCount: "ListCount", EntityInfo: "EntityInfo", Config: "Config", IsSaving: "IsSaving", VisibleSectionCount: "VisibleSectionCount", TotalSectionCount: "TotalSectionCount", ExpandedSectionCount: "ExpandedSectionCount", SearchFilter: "SearchFilter", ShowEmptyFields: "ShowEmptyFields", WidthMode: "WidthMode", HasCustomSectionOrder: "HasCustomSectionOrder", AdditionalActionsTemplate: "AdditionalActionsTemplate" }, outputs: { Navigate: "Navigate", EditModeChange: "EditModeChange", BeforeSave: "BeforeSave", SaveRequested: "SaveRequested", BeforeCancel: "BeforeCancel", CancelRequested: "CancelRequested", BeforeDelete: "BeforeDelete", DeleteRequested: "DeleteRequested", FavoriteToggled: "FavoriteToggled", BeforeHistoryView: "BeforeHistoryView", HistoryRequested: "HistoryRequested", BeforeListManagement: "BeforeListManagement", ListManagementRequested: "ListManagementRequested", ShowChangesRequested: "ShowChangesRequested", CustomButtonClick: "CustomButtonClick", FilterChange: "FilterChange", ExpandAllRequested: "ExpandAllRequested", CollapseAllRequested: "CollapseAllRequested", ShowEmptyFieldsChange: "ShowEmptyFieldsChange", WidthModeChange: "WidthModeChange", ResetSectionOrderRequested: "ResetSectionOrderRequested", ManageSectionsRequested: "ManageSectionsRequested" }, standalone: false, ngContentSelectors: _c1, decls: 6, vars: 4, consts: [["descendantTreeTpl", ""], [1, "mj-forms-edit-banner"], [1, "mj-forms-toolbar", 3, "mj-forms-toolbar--sticky"], [1, "mj-dialog-overlay"], [1, "mj-forms-toolbar-spacer"], [1, "mj-forms-edit-banner-actions"], ["title", "Save Changes", 1, "mj-forms-btn", "mj-forms-btn--primary", 3, "click", "disabled"], [1, "fa-solid", "fa-floppy-disk"], [1, "mj-forms-btn-text"], ["title", "Discard Changes", 1, "mj-forms-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-rotate-left"], [1, "fa-solid", "fa-circle-exclamation", "mj-forms-edit-banner-icon--dirty"], [1, "mj-forms-edit-banner-dirty"], [1, "fa-solid", "fa-pen-to-square"], [1, "mj-forms-edit-banner-text"], [1, "mj-forms-toolbar"], [1, "mj-forms-toolbar-group"], ["title", "Edit this Record", 1, "mj-forms-btn"], ["title", "Delete this Record", 1, "mj-forms-btn"], [1, "mj-forms-btn", 3, "title"], ["title", "MJ: Record Changes", 1, "mj-forms-btn"], [1, "mj-forms-btn", "mj-forms-btn--list", 3, "title"], [1, "mj-forms-toolbar-separator"], [1, "mj-entity-hierarchy"], [1, "mj-forms-toolbar-group", "mj-section-controls"], [3, "ngTemplateOutlet"], ["title", "Edit this Record", 1, "mj-forms-btn", 3, "click"], ["title", "Delete this Record", 1, "mj-forms-btn", 3, "click"], [1, "fa-regular", "fa-trash-can"], [1, "mj-forms-btn", 3, "click", "title"], ["title", "MJ: Record Changes", 1, "mj-forms-btn", 3, "click"], [1, "fa-regular", "fa-clock"], [1, "mj-forms-btn", "mj-forms-btn--list", 3, "click", "title"], [1, "fa-regular", "fa-bookmark"], [1, "mj-list-count-badge"], [1, "mj-forms-btn", 3, "class", "disabled", "title"], [1, "mj-forms-btn", 3, "click", "disabled", "title"], [1, "mj-entity-badge", "mj-entity-badge--current"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "mj-entity-badge", "mj-entity-badge--parent", 3, "click", "title"], [1, "fa-solid", "fa-arrow-up"], [1, "mj-hierarchy-arrow"], [1, "fa-solid", "fa-chevron-right"], [1, "mj-forms-search-wrapper"], ["title", "Expand all sections", 1, "mj-forms-btn", "mj-forms-btn--ghost", "mj-forms-btn--icon-only", 3, "click", "disabled"], [1, "fa-solid", "fa-angles-down"], ["title", "Collapse all sections", 1, "mj-forms-btn", "mj-forms-btn--ghost", "mj-forms-btn--icon-only", 3, "click", "disabled"], [1, "fa-solid", "fa-angles-up"], ["title", "Reset section order", 1, "mj-forms-btn", "mj-forms-btn--ghost", "mj-forms-btn--icon-only"], ["title", "Manage section order", 1, "mj-forms-btn", "mj-forms-btn--ghost", "mj-forms-btn--icon-only"], [1, "mj-forms-btn", "mj-forms-btn--ghost", "mj-forms-btn--icon-only", 3, "click", "title"], ["type", "text", "placeholder", "Search sections...", 1, "mj-section-search", 3, "input", "value"], ["title", "Clear search", 1, "mj-clear-search"], ["title", "Clear search", 1, "mj-clear-search", 3, "click"], [1, "fa-solid", "fa-xmark"], ["title", "Reset section order", 1, "mj-forms-btn", "mj-forms-btn--ghost", "mj-forms-btn--icon-only", 3, "click"], [1, "fa-solid", "fa-arrow-rotate-left"], ["title", "Manage section order", 1, "mj-forms-btn", "mj-forms-btn--ghost", "mj-forms-btn--icon-only", 3, "click"], [1, "fa-solid", "fa-bars-staggered"], [1, "mj-dialog-overlay", 3, "click"], [1, "mj-dialog", 3, "click"], [1, "mj-dialog-header"], [1, "mj-dialog-close", 3, "click"], [1, "mj-dialog-body"], [1, "mj-dialog-footer"], [1, "mj-forms-btn", "mj-forms-btn--danger", 3, "click"], [1, "mj-forms-btn", 3, "click"], [1, "fa-solid", "fa-trash-can"], [1, "mj-descendant-chains"], [1, "mj-entity-badge", "mj-entity-badge--child", 3, "click", "title"], [1, "fa-solid", "fa-arrow-down"], [1, "mj-descendant-chain"]], template: function MjFormToolbarComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef(_c0);
-            i0.ɵɵconditionalCreate(0, MjFormToolbarComponent_Conditional_0_Template, 13, 3, "div", 0);
-            i0.ɵɵconditionalCreate(1, MjFormToolbarComponent_Conditional_1_Template, 15, 11, "div", 1);
-            i0.ɵɵconditionalCreate(2, MjFormToolbarComponent_Conditional_2_Template, 19, 3, "div", 2);
-            i0.ɵɵconditionalCreate(3, MjFormToolbarComponent_Conditional_3_Template, 16, 0, "div", 2);
+            i0.ɵɵconditionalCreate(0, MjFormToolbarComponent_Conditional_0_Template, 13, 3, "div", 1);
+            i0.ɵɵconditionalCreate(1, MjFormToolbarComponent_Conditional_1_Template, 15, 11, "div", 2);
+            i0.ɵɵconditionalCreate(2, MjFormToolbarComponent_Conditional_2_Template, 19, 3, "div", 3);
+            i0.ɵɵconditionalCreate(3, MjFormToolbarComponent_Conditional_3_Template, 16, 0, "div", 3);
+            i0.ɵɵtemplate(4, MjFormToolbarComponent_ng_template_4_Template, 2, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.EditMode && ctx.Config.ShowEditBanner ? 0 : -1);
             i0.ɵɵadvance();
@@ -813,11 +962,11 @@ export class MjFormToolbarComponent {
             i0.ɵɵconditional(ctx.ShowDiscardDialog ? 2 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.ShowDeleteDialog ? 3 : -1);
-        } }, dependencies: [i1.NgTemplateOutlet], styles: ["\n\n\n\n[_nghost-%COMP%] {\n  --mj-forms-toolbar-bg: #f9fafb;\n  --mj-card-bg: #ffffff;\n  --mj-accent: #667eea;\n  --mj-accent-light: rgba(102, 126, 234, 0.08);\n  --mj-text-primary: #1f2937;\n  --mj-text-secondary: #6b7280;\n  --mj-text-muted: #9ca3af;\n  --mj-border: #e5e7eb;\n  --mj-error: #ef4444;\n  --mj-warning: #f59e0b;\n  --mj-isa-parent: #8b5cf6;\n  --mj-isa-child: #06b6d4;\n  --mj-transition: 200ms;\n\n  display: block;\n}\n\n\n\n\n\n.mj-forms-edit-banner[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 16px 16px;\n  background: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%);\n  border-bottom: 2px solid var(--mj-accent);\n  font-size: 13px;\n  color: var(--mj-accent);\n  font-weight: 500;\n}\n\n.mj-forms-edit-banner[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n\n.mj-forms-edit-banner-icon--dirty[_ngcontent-%COMP%] {\n  color: var(--mj-warning);\n  font-size: 16px;\n}\n\n.mj-forms-edit-banner-text[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n\n.mj-forms-edit-banner-dirty[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: #374151;\n}\n\n.mj-forms-edit-banner-dirty[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n  color: var(--mj-warning);\n  font-weight: 700;\n}\n\n.mj-forms-edit-banner-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n\n\n\n\n.mj-forms-toolbar[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 22px 16px;\n  background: var(--mj-forms-toolbar-bg);\n  border-bottom: 2px solid var(--mj-border);\n  flex-wrap: wrap;\n  z-index: 40;\n}\n\n.mj-forms-toolbar--sticky[_ngcontent-%COMP%] {\n  position: sticky;\n  top: 0;\n}\n\n.mj-forms-toolbar--disabled[_ngcontent-%COMP%] {\n  pointer-events: none;\n  opacity: 0.7;\n}\n\n.mj-forms-toolbar-group[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.mj-forms-toolbar-separator[_ngcontent-%COMP%] {\n  width: 1px;\n  height: 24px;\n  background: var(--mj-border);\n  margin: 0 4px;\n}\n\n.mj-forms-toolbar-spacer[_ngcontent-%COMP%] {\n  flex: 1;\n}\n\n\n\n\n\n.mj-forms-btn[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  font-size: 13px;\n  font-weight: 500;\n  border: 1px solid var(--mj-border);\n  background: var(--mj-card-bg);\n  color: var(--mj-text-primary);\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all var(--mj-transition) ease;\n  white-space: nowrap;\n  font-family: inherit;\n  line-height: 1;\n}\n\n.mj-forms-btn[_ngcontent-%COMP%]:hover {\n  background: #f3f4f6;\n  border-color: #9ca3af;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.08);\n}\n\n.mj-forms-btn[_ngcontent-%COMP%]:active {\n  transform: translateY(0);\n  box-shadow: none;\n}\n\n.mj-forms-btn[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.mj-forms-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 15px;\n  line-height: 1;\n}\n\n.mj-forms-btn--primary[_ngcontent-%COMP%] {\n  background: var(--mj-accent);\n  color: white;\n  border-color: var(--mj-accent);\n}\n\n.mj-forms-btn--primary[_ngcontent-%COMP%]:hover {\n  background: #5a6fd6;\n  border-color: #5a6fd6;\n  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);\n}\n\n.mj-forms-btn--danger[_ngcontent-%COMP%] {\n  color: var(--mj-error);\n  border-color: #fecaca;\n  background: #fef2f2;\n}\n\n.mj-forms-btn--danger[_ngcontent-%COMP%]:hover {\n  background: #fee2e2;\n  border-color: var(--mj-error);\n}\n\n.mj-forms-btn--ghost[_ngcontent-%COMP%] {\n  border-color: transparent;\n  background: transparent;\n}\n\n.mj-forms-btn--ghost[_ngcontent-%COMP%]:hover {\n  background: var(--mj-accent-light);\n  border-color: transparent;\n}\n\n.mj-forms-btn--icon-only[_ngcontent-%COMP%] {\n  padding: 7px 9px;\n}\n\n.mj-forms-btn--sm[_ngcontent-%COMP%] {\n  padding: 5px 12px;\n  font-size: 12px;\n}\n\n.mj-forms-btn--sm[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n.mj-forms-btn-text[_ngcontent-%COMP%] {\n  margin-left: 2px;\n}\n\n.mj-icon--favorite[_ngcontent-%COMP%] {\n  color: #f59e0b;\n}\n\n\n\n.mj-forms-btn--list[_ngcontent-%COMP%] {\n  position: relative;\n}\n\n.mj-list-count-badge[_ngcontent-%COMP%] {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  font-size: 10px;\n  font-weight: 700;\n  color: white;\n  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 2px solid var(--mj-forms-toolbar-bg);\n}\n\n\n\n\n\n.mj-entity-hierarchy[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.mj-entity-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 4px 10px;\n  font-size: 12px;\n  font-weight: 600;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all var(--mj-transition) ease;\n  text-decoration: none;\n  border: 1px solid transparent;\n}\n\n.mj-entity-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 11px;\n}\n\n.mj-entity-badge--parent[_ngcontent-%COMP%] {\n  background: #f3f0ff;\n  color: var(--mj-isa-parent);\n  border-color: #e0d5ff;\n}\n\n.mj-entity-badge--parent[_ngcontent-%COMP%]:hover {\n  background: #e8e0ff;\n  border-color: var(--mj-isa-parent);\n  box-shadow: 0 2px 6px rgba(139, 92, 246, 0.15);\n}\n\n.mj-entity-badge--current[_ngcontent-%COMP%] {\n  font-weight: 600;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  padding: 4px 8px;\n  background: #f3f4f6;\n  border-radius: 6px;\n  cursor: default;\n}\n\n.mj-entity-badge--child[_ngcontent-%COMP%] {\n  background: #ecfeff;\n  color: var(--mj-isa-child);\n  border-color: #cffafe;\n}\n\n.mj-entity-badge--child[_ngcontent-%COMP%]:hover {\n  background: #cffafe;\n  border-color: var(--mj-isa-child);\n  box-shadow: 0 2px 6px rgba(6, 182, 212, 0.15);\n}\n\n.mj-child-count[_ngcontent-%COMP%] {\n  background: var(--mj-isa-child);\n  color: white;\n  font-size: 10px;\n  padding: 1px 5px;\n  border-radius: 8px;\n  font-weight: 700;\n}\n\n.mj-entity-badge--leaf[_ngcontent-%COMP%] {\n  border-style: dashed;\n}\n\n.mj-entity-badge--root[_ngcontent-%COMP%] {\n  border-style: dashed;\n}\n\n.mj-hierarchy-arrow[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n  font-size: 10px;\n}\n\n\n\n\n\n\n\n\n.mj-section-controls[_ngcontent-%COMP%] {\n  gap: 6px;\n}\n\n.mj-forms-search-wrapper[_ngcontent-%COMP%] {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n\n.mj-section-search[_ngcontent-%COMP%] {\n  max-width: 180px;\n  font-size: 13px;\n  padding: 6px 28px 6px 8px;\n  border: 1px solid var(--mj-border);\n  border-radius: 6px;\n  background: white;\n  outline: none;\n  font-family: inherit;\n  transition: all var(--mj-transition);\n}\n\n.mj-section-search[_ngcontent-%COMP%]:focus {\n  border-color: var(--mj-accent);\n  box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.1);\n}\n\n\n\n.mj-section-search--active[_ngcontent-%COMP%] {\n  background-color: #fef08a;\n  border-color: #eab308;\n  color: #854d0e;\n  font-weight: 600;\n  box-shadow: 0 0 0 2px rgba(254, 240, 138, 0.5);\n}\n\n.mj-section-search[_ngcontent-%COMP%]::placeholder {\n  color: var(--mj-text-muted);\n  font-style: italic;\n}\n\n.mj-clear-search[_ngcontent-%COMP%] {\n  position: absolute;\n  right: 4px;\n  padding: 4px;\n  background: none;\n  border: none;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  font-size: 12px;\n  line-height: 1;\n}\n\n.mj-clear-search[_ngcontent-%COMP%]:hover {\n  color: var(--mj-text-secondary);\n}\n\n\n\n\n\n.mj-dialog-overlay[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.4);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000;\n  animation: _ngcontent-%COMP%_mj-fade-in 150ms ease;\n}\n\n.mj-dialog[_ngcontent-%COMP%] {\n  background: var(--mj-card-bg);\n  border-radius: 12px;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n  min-width: 400px;\n  max-width: 550px;\n  animation: _ngcontent-%COMP%_mj-slide-up 200ms ease;\n}\n\n.mj-dialog-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--mj-border);\n}\n\n.mj-dialog-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.mj-dialog-close[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  padding: 4px;\n  font-size: 16px;\n  transition: color var(--mj-transition);\n}\n\n.mj-dialog-close[_ngcontent-%COMP%]:hover {\n  color: var(--mj-text-primary);\n}\n\n.mj-dialog-body[_ngcontent-%COMP%] {\n  padding: 20px;\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n  line-height: 1.6;\n}\n\n.mj-dialog-body[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n}\n\n.mj-dialog-footer[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border);\n}\n\n@keyframes _ngcontent-%COMP%_mj-fade-in {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n@keyframes _ngcontent-%COMP%_mj-slide-up {\n  from { transform: translateY(8px); opacity: 0; }\n  to { transform: translateY(0); opacity: 1; }\n}"], changeDetection: 0 });
+        } }, dependencies: [i1.NgTemplateOutlet], styles: ["\n\n\n\n[_nghost-%COMP%] {\n  --mj-forms-toolbar-bg: #f9fafb;\n  --mj-card-bg: #ffffff;\n  --mj-accent: #667eea;\n  --mj-accent-light: rgba(102, 126, 234, 0.08);\n  --mj-text-primary: #1f2937;\n  --mj-text-secondary: #6b7280;\n  --mj-text-muted: #9ca3af;\n  --mj-border: #e5e7eb;\n  --mj-error: #ef4444;\n  --mj-warning: #f59e0b;\n  --mj-isa-parent: #8b5cf6;\n  --mj-isa-child: #06b6d4;\n  --mj-transition: 200ms;\n\n  display: block;\n}\n\n\n\n\n\n.mj-forms-edit-banner[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 16px 16px;\n  background: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%);\n  border-bottom: 2px solid var(--mj-accent);\n  font-size: 13px;\n  color: var(--mj-accent);\n  font-weight: 500;\n}\n\n.mj-forms-edit-banner[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n\n.mj-forms-edit-banner-icon--dirty[_ngcontent-%COMP%] {\n  color: var(--mj-warning);\n  font-size: 16px;\n}\n\n.mj-forms-edit-banner-text[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n\n.mj-forms-edit-banner-dirty[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: #374151;\n}\n\n.mj-forms-edit-banner-dirty[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n  color: var(--mj-warning);\n  font-weight: 700;\n}\n\n.mj-forms-edit-banner-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n\n\n\n\n.mj-forms-toolbar[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 22px 16px;\n  background: var(--mj-forms-toolbar-bg);\n  border-bottom: 2px solid var(--mj-border);\n  flex-wrap: wrap;\n  z-index: 40;\n}\n\n.mj-forms-toolbar--sticky[_ngcontent-%COMP%] {\n  position: sticky;\n  top: 0;\n}\n\n.mj-forms-toolbar--disabled[_ngcontent-%COMP%] {\n  pointer-events: none;\n  opacity: 0.7;\n}\n\n.mj-forms-toolbar-group[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.mj-forms-toolbar-separator[_ngcontent-%COMP%] {\n  width: 1px;\n  height: 24px;\n  background: var(--mj-border);\n  margin: 0 4px;\n}\n\n.mj-forms-toolbar-spacer[_ngcontent-%COMP%] {\n  flex: 1;\n}\n\n\n\n\n\n.mj-forms-btn[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  font-size: 13px;\n  font-weight: 500;\n  border: 1px solid var(--mj-border);\n  background: var(--mj-card-bg);\n  color: var(--mj-text-primary);\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all var(--mj-transition) ease;\n  white-space: nowrap;\n  font-family: inherit;\n  line-height: 1;\n}\n\n.mj-forms-btn[_ngcontent-%COMP%]:hover {\n  background: #f3f4f6;\n  border-color: #9ca3af;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.08);\n}\n\n.mj-forms-btn[_ngcontent-%COMP%]:active {\n  transform: translateY(0);\n  box-shadow: none;\n}\n\n.mj-forms-btn[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.mj-forms-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 15px;\n  line-height: 1;\n}\n\n.mj-forms-btn--primary[_ngcontent-%COMP%] {\n  background: var(--mj-accent);\n  color: white;\n  border-color: var(--mj-accent);\n}\n\n.mj-forms-btn--primary[_ngcontent-%COMP%]:hover {\n  background: #5a6fd6;\n  border-color: #5a6fd6;\n  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);\n}\n\n.mj-forms-btn--danger[_ngcontent-%COMP%] {\n  color: var(--mj-error);\n  border-color: #fecaca;\n  background: #fef2f2;\n}\n\n.mj-forms-btn--danger[_ngcontent-%COMP%]:hover {\n  background: #fee2e2;\n  border-color: var(--mj-error);\n}\n\n.mj-forms-btn--ghost[_ngcontent-%COMP%] {\n  border-color: transparent;\n  background: transparent;\n}\n\n.mj-forms-btn--ghost[_ngcontent-%COMP%]:hover {\n  background: var(--mj-accent-light);\n  border-color: transparent;\n}\n\n.mj-forms-btn--icon-only[_ngcontent-%COMP%] {\n  padding: 7px 9px;\n}\n\n.mj-forms-btn--sm[_ngcontent-%COMP%] {\n  padding: 5px 12px;\n  font-size: 12px;\n}\n\n.mj-forms-btn--sm[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n.mj-forms-btn-text[_ngcontent-%COMP%] {\n  margin-left: 2px;\n}\n\n.mj-icon--favorite[_ngcontent-%COMP%] {\n  color: #f59e0b;\n}\n\n\n\n.mj-forms-btn--list[_ngcontent-%COMP%] {\n  position: relative;\n}\n\n.mj-list-count-badge[_ngcontent-%COMP%] {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  font-size: 10px;\n  font-weight: 700;\n  color: white;\n  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 2px solid var(--mj-forms-toolbar-bg);\n}\n\n\n\n\n\n.mj-entity-hierarchy[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.mj-entity-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 4px 10px;\n  font-size: 12px;\n  font-weight: 600;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all var(--mj-transition) ease;\n  text-decoration: none;\n  border: 1px solid transparent;\n}\n\n.mj-entity-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 11px;\n}\n\n.mj-entity-badge--parent[_ngcontent-%COMP%] {\n  background: #f3f0ff;\n  color: var(--mj-isa-parent);\n  border-color: #e0d5ff;\n}\n\n.mj-entity-badge--parent[_ngcontent-%COMP%]:hover {\n  background: #e8e0ff;\n  border-color: var(--mj-isa-parent);\n  box-shadow: 0 2px 6px rgba(139, 92, 246, 0.15);\n}\n\n.mj-entity-badge--current[_ngcontent-%COMP%] {\n  font-weight: 600;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  padding: 4px 8px;\n  background: #f3f4f6;\n  border-radius: 6px;\n  cursor: default;\n}\n\n.mj-entity-badge--child[_ngcontent-%COMP%] {\n  background: #ecfeff;\n  color: var(--mj-isa-child);\n  border-color: #cffafe;\n}\n\n.mj-entity-badge--child[_ngcontent-%COMP%]:hover {\n  background: #cffafe;\n  border-color: var(--mj-isa-child);\n  box-shadow: 0 2px 6px rgba(6, 182, 212, 0.15);\n}\n\n.mj-entity-badge--overlapping[_ngcontent-%COMP%] {\n  background: #fffbeb;\n  color: #d97706;\n  border-color: #fde68a;\n}\n\n.mj-entity-badge--overlapping[_ngcontent-%COMP%]:hover {\n  background: #fef3c7;\n  border-color: #d97706;\n  box-shadow: 0 2px 6px rgba(217, 119, 6, 0.15);\n}\n\n.mj-entity-badge-group[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  flex-wrap: wrap;\n}\n\n.mj-child-count[_ngcontent-%COMP%] {\n  background: var(--mj-isa-child);\n  color: white;\n  font-size: 10px;\n  padding: 1px 5px;\n  border-radius: 8px;\n  font-weight: 700;\n}\n\n.mj-entity-badge--leaf[_ngcontent-%COMP%] {\n  border-style: dashed;\n}\n\n.mj-entity-badge--root[_ngcontent-%COMP%] {\n  border-style: dashed;\n}\n\n.mj-hierarchy-arrow[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n  font-size: 10px;\n}\n\n\n\n.mj-descendant-chains[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  position: relative;\n  padding-left: 20px;\n}\n\n\n\n.mj-descendant-chains[_ngcontent-%COMP%]::before {\n  content: '';\n  position: absolute;\n  left: -4px;\n  top: 50%;\n  width: 4px;\n  border-top: 1.5px solid var(--mj-text-muted);\n}\n\n.mj-descendant-chain[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  position: relative;\n  padding: 2px 0;\n}\n\n\n\n.mj-descendant-chain[_ngcontent-%COMP%]::before {\n  content: '';\n  position: absolute;\n  left: -20px;\n  top: 50%;\n  width: 18px;\n  border-top: 1.5px solid var(--mj-text-muted);\n}\n\n\n\n.mj-descendant-chain[_ngcontent-%COMP%]::after {\n  content: '';\n  position: absolute;\n  left: -20px;\n  top: 0;\n  bottom: 0;\n  border-left: 1.5px solid var(--mj-text-muted);\n}\n\n\n\n.mj-descendant-chain[_ngcontent-%COMP%]:first-child::after {\n  top: 50%;\n}\n\n\n\n.mj-descendant-chain[_ngcontent-%COMP%]:last-child::after {\n  bottom: 50%;\n}\n\n\n\n\n\n\n\n\n.mj-section-controls[_ngcontent-%COMP%] {\n  gap: 6px;\n}\n\n.mj-forms-search-wrapper[_ngcontent-%COMP%] {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n\n.mj-section-search[_ngcontent-%COMP%] {\n  max-width: 180px;\n  font-size: 13px;\n  padding: 6px 28px 6px 8px;\n  border: 1px solid var(--mj-border);\n  border-radius: 6px;\n  background: white;\n  outline: none;\n  font-family: inherit;\n  transition: all var(--mj-transition);\n}\n\n.mj-section-search[_ngcontent-%COMP%]:focus {\n  border-color: var(--mj-accent);\n  box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.1);\n}\n\n\n\n.mj-section-search--active[_ngcontent-%COMP%] {\n  background-color: #fef08a;\n  border-color: #eab308;\n  color: #854d0e;\n  font-weight: 600;\n  box-shadow: 0 0 0 2px rgba(254, 240, 138, 0.5);\n}\n\n.mj-section-search[_ngcontent-%COMP%]::placeholder {\n  color: var(--mj-text-muted);\n  font-style: italic;\n}\n\n.mj-clear-search[_ngcontent-%COMP%] {\n  position: absolute;\n  right: 4px;\n  padding: 4px;\n  background: none;\n  border: none;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  font-size: 12px;\n  line-height: 1;\n}\n\n.mj-clear-search[_ngcontent-%COMP%]:hover {\n  color: var(--mj-text-secondary);\n}\n\n\n\n\n\n.mj-dialog-overlay[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.4);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000;\n  animation: _ngcontent-%COMP%_mj-fade-in 150ms ease;\n}\n\n.mj-dialog[_ngcontent-%COMP%] {\n  background: var(--mj-card-bg);\n  border-radius: 12px;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n  min-width: 400px;\n  max-width: 550px;\n  animation: _ngcontent-%COMP%_mj-slide-up 200ms ease;\n}\n\n.mj-dialog-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--mj-border);\n}\n\n.mj-dialog-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.mj-dialog-close[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  padding: 4px;\n  font-size: 16px;\n  transition: color var(--mj-transition);\n}\n\n.mj-dialog-close[_ngcontent-%COMP%]:hover {\n  color: var(--mj-text-primary);\n}\n\n.mj-dialog-body[_ngcontent-%COMP%] {\n  padding: 20px;\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n  line-height: 1.6;\n}\n\n.mj-dialog-body[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n}\n\n.mj-dialog-footer[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border);\n}\n\n@keyframes _ngcontent-%COMP%_mj-fade-in {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n@keyframes _ngcontent-%COMP%_mj-slide-up {\n  from { transform: translateY(8px); opacity: 0; }\n  to { transform: translateY(0); opacity: 1; }\n}"], changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MjFormToolbarComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-form-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- ============================================\n     EDIT MODE BANNER (shows above toolbar when editing)\n     ============================================ -->\n@if (EditMode && Config.ShowEditBanner) {\n  <div class=\"mj-forms-edit-banner\">\n    @if (DirtyFieldDisplayNames.length > 0) {\n      <i class=\"fa-solid fa-circle-exclamation mj-forms-edit-banner-icon--dirty\"></i>\n      <span class=\"mj-forms-edit-banner-dirty\">\n        <strong>{{ DirtyFieldDisplayNames.length }}</strong>\n        field{{ DirtyFieldDisplayNames.length === 1 ? '' : 's' }} modified\n        &mdash; {{ DirtyFieldDisplayNames.join(', ') }}\n      </span>\n    } @else {\n      <i class=\"fa-solid fa-pen-to-square\"></i>\n      <span class=\"mj-forms-edit-banner-text\">Editing: {{ RecordDisplayName }}</span>\n    }\n    <div class=\"mj-forms-toolbar-spacer\"></div>\n    <div class=\"mj-forms-edit-banner-actions\">\n      <button class=\"mj-forms-btn mj-forms-btn--primary\" (click)=\"OnSave()\" [disabled]=\"IsSaving\" title=\"Save Changes\">\n        <i class=\"fa-solid fa-floppy-disk\"></i>\n        <span class=\"mj-forms-btn-text\">Save Changes</span>\n      </button>\n      <button class=\"mj-forms-btn\" (click)=\"OnCancel()\" [disabled]=\"IsSaving\" title=\"Discard Changes\">\n        <i class=\"fa-solid fa-rotate-left\"></i>\n        <span class=\"mj-forms-btn-text\">Discard</span>\n      </button>\n    </div>\n  </div>\n}\n\n<!-- ============================================\n     MAIN TOOLBAR (read mode only \u2014 hidden in edit mode)\n     ============================================ -->\n@if (!EditMode) {\n  <div class=\"mj-forms-toolbar\" [class.mj-forms-toolbar--sticky]=\"Config.StickyToolbar\">\n\n    <!-- Action buttons -->\n    <div class=\"mj-forms-toolbar-group\">\n      @if (Config.ShowEditButton && UserCanEdit) {\n        <button class=\"mj-forms-btn\" (click)=\"OnEdit()\" title=\"Edit this Record\">\n          <i class=\"fa-solid fa-pen-to-square\"></i>\n        </button>\n      }\n      @if (Config.ShowDeleteButton && UserCanDelete) {\n        <button class=\"mj-forms-btn\" (click)=\"OnDeleteClick()\" title=\"Delete this Record\">\n          <i class=\"fa-regular fa-trash-can\"></i>\n        </button>\n      }\n      @if (Config.ShowFavoriteButton && FavoriteInitDone) {\n        <button class=\"mj-forms-btn\" (click)=\"OnFavoriteToggle()\" [title]=\"IsFavorite ? 'Remove Favorite' : 'Make Favorite'\">\n          <i [class]=\"IsFavorite ? 'fa-solid fa-star mj-icon--favorite' : 'fa-regular fa-star'\"></i>\n        </button>\n      }\n      @if (Config.ShowHistoryButton && TracksChanges) {\n        <button class=\"mj-forms-btn\" (click)=\"OnHistory()\" title=\"Record Changes\">\n          <i class=\"fa-regular fa-clock\"></i>\n        </button>\n      }\n      @if (Config.ShowListButton) {\n        <button class=\"mj-forms-btn mj-forms-btn--list\" (click)=\"OnListManagement()\"\n          [title]=\"ListCount > 0 ? 'Member of ' + ListCount + ' list(s)' : 'Add to a list'\">\n          <i class=\"fa-regular fa-bookmark\"></i>\n          @if (ListCount > 0) {\n            <span class=\"mj-list-count-badge\">{{ ListCount }}</span>\n          }\n        </button>\n      }\n\n      <!-- Custom toolbar buttons -->\n      @for (button of Config.CustomButtons; track button.Key) {\n        @if (button.Visible !== false) {\n          <button class=\"mj-forms-btn\"\n            [class]=\"button.CssClass || ''\"\n            [disabled]=\"button.Disabled || false\"\n            [title]=\"button.Description\"\n            (click)=\"OnCustomButtonClick(button)\">\n            <i [class]=\"button.Icon\"></i>\n          </button>\n        }\n      }\n    </div>\n\n    <!-- Separator before hierarchy -->\n    @if (Config.ShowEntityHierarchy && IsInHierarchy) {\n      <div class=\"mj-forms-toolbar-separator\"></div>\n    }\n\n    <!-- IS-A Entity Hierarchy Breadcrumb (bidirectional: Root \u2192 ... \u2192 Current \u2192 ... \u2192 Leaf) -->\n    @if (Config.ShowEntityHierarchy && IsInHierarchy) {\n      <div class=\"mj-entity-hierarchy\">\n        <!-- Parent chain (root \u2192 ... \u2192 immediate parent) -->\n        @for (parent of ParentChain; track parent.ID) {\n          <a class=\"mj-entity-badge mj-entity-badge--parent\"\n             [title]=\"'Navigate to parent: ' + parent.Name\"\n             (click)=\"OnParentBadgeClick(parent, $event)\">\n            <i class=\"fa-solid fa-arrow-up\"></i>\n            {{ parent.Name }}\n          </a>\n          <span class=\"mj-hierarchy-arrow\"><i class=\"fa-solid fa-chevron-right\"></i></span>\n        }\n\n        <!-- Current entity (always shown) -->\n        <span class=\"mj-entity-badge mj-entity-badge--current\">{{ EntityInfo?.Name }}</span>\n\n        <!-- Child chain (immediate child \u2192 ... \u2192 leaf) -->\n        @for (child of ChildChain; track child.EntityInfo.ID) {\n          <span class=\"mj-hierarchy-arrow\"><i class=\"fa-solid fa-chevron-right\"></i></span>\n          <a class=\"mj-entity-badge mj-entity-badge--child\"\n             [title]=\"'Navigate to child: ' + child.EntityInfo.Name\"\n             (click)=\"OnChildBadgeClick(child, $event)\">\n            <i class=\"fa-solid fa-arrow-down\"></i>\n            {{ child.EntityInfo.Name }}\n          </a>\n        }\n      </div>\n    }\n\n    <!-- Spacer pushes section controls to the right -->\n    <div class=\"mj-forms-toolbar-spacer\"></div>\n\n    <!-- Section Controls -->\n    @if (Config.ShowSectionControls) {\n      <div class=\"mj-forms-toolbar-group mj-section-controls\">\n        @if (Config.ShowSectionFilter) {\n          <div class=\"mj-forms-search-wrapper\">\n            <input type=\"text\"\n              class=\"mj-section-search\"\n              [class.mj-section-search--active]=\"SearchFilter\"\n              [value]=\"SearchFilter\"\n              (input)=\"OnFilterInput($event)\"\n              placeholder=\"Search sections...\">\n            @if (SearchFilter) {\n              <button class=\"mj-clear-search\" (click)=\"OnClearFilter()\" title=\"Clear search\">\n                <i class=\"fa-solid fa-xmark\"></i>\n              </button>\n            }\n          </div>\n        }\n        <button class=\"mj-forms-btn mj-forms-btn--ghost mj-forms-btn--icon-only\"\n          [disabled]=\"ExpandedSectionCount >= VisibleSectionCount\"\n          (click)=\"OnExpandAll()\" title=\"Expand all sections\">\n          <i class=\"fa-solid fa-angles-down\"></i>\n        </button>\n        <button class=\"mj-forms-btn mj-forms-btn--ghost mj-forms-btn--icon-only\"\n          [disabled]=\"ExpandedSectionCount === 0\"\n          (click)=\"OnCollapseAll()\" title=\"Collapse all sections\">\n          <i class=\"fa-solid fa-angles-up\"></i>\n        </button>\n        @if (HasCustomSectionOrder) {\n          <button class=\"mj-forms-btn mj-forms-btn--ghost mj-forms-btn--icon-only\" (click)=\"OnResetSectionOrder()\" title=\"Reset section order\">\n            <i class=\"fa-solid fa-arrow-rotate-left\"></i>\n          </button>\n        }\n        @if (Config.ShowSectionManager) {\n          <button class=\"mj-forms-btn mj-forms-btn--ghost mj-forms-btn--icon-only\"\n            (click)=\"OnManageSections()\" title=\"Manage section order\">\n            <i class=\"fa-solid fa-bars-staggered\"></i>\n          </button>\n        }\n        <button class=\"mj-forms-btn mj-forms-btn--ghost mj-forms-btn--icon-only\"\n          (click)=\"OnToggleWidthMode()\"\n          [title]=\"WidthMode === 'centered' ? 'Expand to full width' : 'Center content'\">\n          <i [class]=\"WidthMode === 'centered' ? 'fa-solid fa-arrows-left-right-to-line' : 'fa-solid fa-compress'\"></i>\n        </button>\n      </div>\n    }\n\n    <!-- Additional actions slot -->\n    @if (AdditionalActionsTemplate) {\n      <ng-container [ngTemplateOutlet]=\"AdditionalActionsTemplate\"></ng-container>\n    }\n    <ng-content select=\"[toolbar-additional-controls]\"></ng-content>\n  </div>\n}\n\n<!-- ============================================\n     DISCARD CHANGES CONFIRMATION DIALOG\n     ============================================ -->\n@if (ShowDiscardDialog) {\n  <div class=\"mj-dialog-overlay\" (click)=\"OnDiscardCancel()\">\n    <div class=\"mj-dialog\" (click)=\"$event.stopPropagation()\">\n      <div class=\"mj-dialog-header\">\n        <h3>Discard Changes?</h3>\n        <button class=\"mj-dialog-close\" (click)=\"OnDiscardCancel()\">\n          <i class=\"fa-solid fa-xmark\"></i>\n        </button>\n      </div>\n      <div class=\"mj-dialog-body\">\n        <p>You have <strong>{{ DirtyFieldDisplayNames.length }}</strong> unsaved change{{ DirtyFieldDisplayNames.length === 1 ? '' : 's' }}. Are you sure you want to discard {{ DirtyFieldDisplayNames.length === 1 ? 'it' : 'them' }}?</p>\n      </div>\n      <div class=\"mj-dialog-footer\">\n        <button class=\"mj-forms-btn mj-forms-btn--danger\" (click)=\"OnDiscardConfirm()\">\n          <i class=\"fa-solid fa-rotate-left\"></i>\n          Discard Changes\n        </button>\n        <button class=\"mj-forms-btn\" (click)=\"OnDiscardCancel()\">\n          Keep Editing\n        </button>\n      </div>\n    </div>\n  </div>\n}\n\n<!-- ============================================\n     DELETE CONFIRMATION DIALOG\n     ============================================ -->\n@if (ShowDeleteDialog) {\n  <div class=\"mj-dialog-overlay\" (click)=\"OnDeleteCancel()\">\n    <div class=\"mj-dialog\" (click)=\"$event.stopPropagation()\">\n      <div class=\"mj-dialog-header\">\n        <h3>Confirm Deletion</h3>\n        <button class=\"mj-dialog-close\" (click)=\"OnDeleteCancel()\">\n          <i class=\"fa-solid fa-xmark\"></i>\n        </button>\n      </div>\n      <div class=\"mj-dialog-body\">\n        <p>Are you sure you want to delete this record? This action cannot be undone.</p>\n      </div>\n      <div class=\"mj-dialog-footer\">\n        <button class=\"mj-forms-btn mj-forms-btn--danger\" (click)=\"OnDeleteConfirm()\">\n          <i class=\"fa-solid fa-trash-can\"></i>\n          Delete\n        </button>\n        <button class=\"mj-forms-btn\" (click)=\"OnDeleteCancel()\">\n          Cancel\n        </button>\n      </div>\n    </div>\n  </div>\n}\n", styles: ["/* ============================================\n   CSS VARIABLES (theming hooks)\n   ============================================ */\n:host {\n  --mj-forms-toolbar-bg: #f9fafb;\n  --mj-card-bg: #ffffff;\n  --mj-accent: #667eea;\n  --mj-accent-light: rgba(102, 126, 234, 0.08);\n  --mj-text-primary: #1f2937;\n  --mj-text-secondary: #6b7280;\n  --mj-text-muted: #9ca3af;\n  --mj-border: #e5e7eb;\n  --mj-error: #ef4444;\n  --mj-warning: #f59e0b;\n  --mj-isa-parent: #8b5cf6;\n  --mj-isa-child: #06b6d4;\n  --mj-transition: 200ms;\n\n  display: block;\n}\n\n/* ============================================\n   EDIT BANNER\n   ============================================ */\n.mj-forms-edit-banner {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 16px 16px;\n  background: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%);\n  border-bottom: 2px solid var(--mj-accent);\n  font-size: 13px;\n  color: var(--mj-accent);\n  font-weight: 500;\n}\n\n.mj-forms-edit-banner > i {\n  font-size: 14px;\n}\n\n.mj-forms-edit-banner-icon--dirty {\n  color: var(--mj-warning);\n  font-size: 16px;\n}\n\n.mj-forms-edit-banner-text {\n  font-size: 14px;\n}\n\n.mj-forms-edit-banner-dirty {\n  font-size: 14px;\n  color: #374151;\n}\n\n.mj-forms-edit-banner-dirty strong {\n  color: var(--mj-warning);\n  font-weight: 700;\n}\n\n.mj-forms-edit-banner-actions {\n  display: flex;\n  gap: 8px;\n}\n\n/* ============================================\n   MAIN TOOLBAR\n   ============================================ */\n.mj-forms-toolbar {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 22px 16px;\n  background: var(--mj-forms-toolbar-bg);\n  border-bottom: 2px solid var(--mj-border);\n  flex-wrap: wrap;\n  z-index: 40;\n}\n\n.mj-forms-toolbar--sticky {\n  position: sticky;\n  top: 0;\n}\n\n.mj-forms-toolbar--disabled {\n  pointer-events: none;\n  opacity: 0.7;\n}\n\n.mj-forms-toolbar-group {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.mj-forms-toolbar-separator {\n  width: 1px;\n  height: 24px;\n  background: var(--mj-border);\n  margin: 0 4px;\n}\n\n.mj-forms-toolbar-spacer {\n  flex: 1;\n}\n\n/* ============================================\n   BUTTONS\n   ============================================ */\n.mj-forms-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  font-size: 13px;\n  font-weight: 500;\n  border: 1px solid var(--mj-border);\n  background: var(--mj-card-bg);\n  color: var(--mj-text-primary);\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all var(--mj-transition) ease;\n  white-space: nowrap;\n  font-family: inherit;\n  line-height: 1;\n}\n\n.mj-forms-btn:hover {\n  background: #f3f4f6;\n  border-color: #9ca3af;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.08);\n}\n\n.mj-forms-btn:active {\n  transform: translateY(0);\n  box-shadow: none;\n}\n\n.mj-forms-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.mj-forms-btn i {\n  font-size: 15px;\n  line-height: 1;\n}\n\n.mj-forms-btn--primary {\n  background: var(--mj-accent);\n  color: white;\n  border-color: var(--mj-accent);\n}\n\n.mj-forms-btn--primary:hover {\n  background: #5a6fd6;\n  border-color: #5a6fd6;\n  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);\n}\n\n.mj-forms-btn--danger {\n  color: var(--mj-error);\n  border-color: #fecaca;\n  background: #fef2f2;\n}\n\n.mj-forms-btn--danger:hover {\n  background: #fee2e2;\n  border-color: var(--mj-error);\n}\n\n.mj-forms-btn--ghost {\n  border-color: transparent;\n  background: transparent;\n}\n\n.mj-forms-btn--ghost:hover {\n  background: var(--mj-accent-light);\n  border-color: transparent;\n}\n\n.mj-forms-btn--icon-only {\n  padding: 7px 9px;\n}\n\n.mj-forms-btn--sm {\n  padding: 5px 12px;\n  font-size: 12px;\n}\n\n.mj-forms-btn--sm i {\n  font-size: 12px;\n}\n\n.mj-forms-btn-text {\n  margin-left: 2px;\n}\n\n.mj-icon--favorite {\n  color: #f59e0b;\n}\n\n/* List button with count badge */\n.mj-forms-btn--list {\n  position: relative;\n}\n\n.mj-list-count-badge {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  font-size: 10px;\n  font-weight: 700;\n  color: white;\n  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 2px solid var(--mj-forms-toolbar-bg);\n}\n\n/* ============================================\n   IS-A ENTITY HIERARCHY\n   ============================================ */\n.mj-entity-hierarchy {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.mj-entity-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 4px 10px;\n  font-size: 12px;\n  font-weight: 600;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all var(--mj-transition) ease;\n  text-decoration: none;\n  border: 1px solid transparent;\n}\n\n.mj-entity-badge i {\n  font-size: 11px;\n}\n\n.mj-entity-badge--parent {\n  background: #f3f0ff;\n  color: var(--mj-isa-parent);\n  border-color: #e0d5ff;\n}\n\n.mj-entity-badge--parent:hover {\n  background: #e8e0ff;\n  border-color: var(--mj-isa-parent);\n  box-shadow: 0 2px 6px rgba(139, 92, 246, 0.15);\n}\n\n.mj-entity-badge--current {\n  font-weight: 600;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  padding: 4px 8px;\n  background: #f3f4f6;\n  border-radius: 6px;\n  cursor: default;\n}\n\n.mj-entity-badge--child {\n  background: #ecfeff;\n  color: var(--mj-isa-child);\n  border-color: #cffafe;\n}\n\n.mj-entity-badge--child:hover {\n  background: #cffafe;\n  border-color: var(--mj-isa-child);\n  box-shadow: 0 2px 6px rgba(6, 182, 212, 0.15);\n}\n\n.mj-child-count {\n  background: var(--mj-isa-child);\n  color: white;\n  font-size: 10px;\n  padding: 1px 5px;\n  border-radius: 8px;\n  font-weight: 700;\n}\n\n.mj-entity-badge--leaf {\n  border-style: dashed;\n}\n\n.mj-entity-badge--root {\n  border-style: dashed;\n}\n\n.mj-hierarchy-arrow {\n  color: var(--mj-text-muted);\n  font-size: 10px;\n}\n\n/* (dirty summary removed \u2014 now inline in edit banner) */\n\n/* ============================================\n   SECTION CONTROLS\n   ============================================ */\n.mj-section-controls {\n  gap: 6px;\n}\n\n.mj-forms-search-wrapper {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n\n.mj-section-search {\n  max-width: 180px;\n  font-size: 13px;\n  padding: 6px 28px 6px 8px;\n  border: 1px solid var(--mj-border);\n  border-radius: 6px;\n  background: white;\n  outline: none;\n  font-family: inherit;\n  transition: all var(--mj-transition);\n}\n\n.mj-section-search:focus {\n  border-color: var(--mj-accent);\n  box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.1);\n}\n\n/* Active filter highlight \u2014 matches the yellow used on matched panel/field names */\n.mj-section-search--active {\n  background-color: #fef08a;\n  border-color: #eab308;\n  color: #854d0e;\n  font-weight: 600;\n  box-shadow: 0 0 0 2px rgba(254, 240, 138, 0.5);\n}\n\n.mj-section-search::placeholder {\n  color: var(--mj-text-muted);\n  font-style: italic;\n}\n\n.mj-clear-search {\n  position: absolute;\n  right: 4px;\n  padding: 4px;\n  background: none;\n  border: none;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  font-size: 12px;\n  line-height: 1;\n}\n\n.mj-clear-search:hover {\n  color: var(--mj-text-secondary);\n}\n\n/* ============================================\n   DIALOG (lightweight inline)\n   ============================================ */\n.mj-dialog-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.4);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000;\n  animation: mj-fade-in 150ms ease;\n}\n\n.mj-dialog {\n  background: var(--mj-card-bg);\n  border-radius: 12px;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n  min-width: 400px;\n  max-width: 550px;\n  animation: mj-slide-up 200ms ease;\n}\n\n.mj-dialog-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--mj-border);\n}\n\n.mj-dialog-header h3 {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.mj-dialog-close {\n  background: none;\n  border: none;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  padding: 4px;\n  font-size: 16px;\n  transition: color var(--mj-transition);\n}\n\n.mj-dialog-close:hover {\n  color: var(--mj-text-primary);\n}\n\n.mj-dialog-body {\n  padding: 20px;\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n  line-height: 1.6;\n}\n\n.mj-dialog-body p {\n  margin: 0;\n}\n\n.mj-dialog-footer {\n  display: flex;\n  gap: 8px;\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border);\n}\n\n@keyframes mj-fade-in {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n@keyframes mj-slide-up {\n  from { transform: translateY(8px); opacity: 0; }\n  to { transform: translateY(0); opacity: 1; }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-form-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- ============================================\n     EDIT MODE BANNER (shows above toolbar when editing)\n     ============================================ -->\n@if (EditMode && Config.ShowEditBanner) {\n  <div class=\"mj-forms-edit-banner\">\n    @if (DirtyFieldDisplayNames.length > 0) {\n      <i class=\"fa-solid fa-circle-exclamation mj-forms-edit-banner-icon--dirty\"></i>\n      <span class=\"mj-forms-edit-banner-dirty\">\n        <strong>{{ DirtyFieldDisplayNames.length }}</strong>\n        field{{ DirtyFieldDisplayNames.length === 1 ? '' : 's' }} modified\n        &mdash; {{ DirtyFieldDisplayNames.join(', ') }}\n      </span>\n    } @else {\n      <i class=\"fa-solid fa-pen-to-square\"></i>\n      <span class=\"mj-forms-edit-banner-text\">Editing: {{ RecordDisplayName }}</span>\n    }\n    <div class=\"mj-forms-toolbar-spacer\"></div>\n    <div class=\"mj-forms-edit-banner-actions\">\n      <button class=\"mj-forms-btn mj-forms-btn--primary\" (click)=\"OnSave()\" [disabled]=\"IsSaving\" title=\"Save Changes\">\n        <i class=\"fa-solid fa-floppy-disk\"></i>\n        <span class=\"mj-forms-btn-text\">Save Changes</span>\n      </button>\n      <button class=\"mj-forms-btn\" (click)=\"OnCancel()\" [disabled]=\"IsSaving\" title=\"Discard Changes\">\n        <i class=\"fa-solid fa-rotate-left\"></i>\n        <span class=\"mj-forms-btn-text\">Discard</span>\n      </button>\n    </div>\n  </div>\n}\n\n<!-- ============================================\n     MAIN TOOLBAR (read mode only \u2014 hidden in edit mode)\n     ============================================ -->\n@if (!EditMode) {\n  <div class=\"mj-forms-toolbar\" [class.mj-forms-toolbar--sticky]=\"Config.StickyToolbar\">\n\n    <!-- Action buttons -->\n    <div class=\"mj-forms-toolbar-group\">\n      @if (Config.ShowEditButton && UserCanEdit) {\n        <button class=\"mj-forms-btn\" (click)=\"OnEdit()\" title=\"Edit this Record\">\n          <i class=\"fa-solid fa-pen-to-square\"></i>\n        </button>\n      }\n      @if (Config.ShowDeleteButton && UserCanDelete) {\n        <button class=\"mj-forms-btn\" (click)=\"OnDeleteClick()\" title=\"Delete this Record\">\n          <i class=\"fa-regular fa-trash-can\"></i>\n        </button>\n      }\n      @if (Config.ShowFavoriteButton && FavoriteInitDone) {\n        <button class=\"mj-forms-btn\" (click)=\"OnFavoriteToggle()\" [title]=\"IsFavorite ? 'Remove Favorite' : 'Make Favorite'\">\n          <i [class]=\"IsFavorite ? 'fa-solid fa-star mj-icon--favorite' : 'fa-regular fa-star'\"></i>\n        </button>\n      }\n      @if (Config.ShowHistoryButton && TracksChanges) {\n        <button class=\"mj-forms-btn\" (click)=\"OnHistory()\" title=\"MJ: Record Changes\">\n          <i class=\"fa-regular fa-clock\"></i>\n        </button>\n      }\n      @if (Config.ShowListButton) {\n        <button class=\"mj-forms-btn mj-forms-btn--list\" (click)=\"OnListManagement()\"\n          [title]=\"ListCount > 0 ? 'Member of ' + ListCount + ' list(s)' : 'Add to a list'\">\n          <i class=\"fa-regular fa-bookmark\"></i>\n          @if (ListCount > 0) {\n            <span class=\"mj-list-count-badge\">{{ ListCount }}</span>\n          }\n        </button>\n      }\n\n      <!-- Custom toolbar buttons -->\n      @for (button of Config.CustomButtons; track button.Key) {\n        @if (button.Visible !== false) {\n          <button class=\"mj-forms-btn\"\n            [class]=\"button.CssClass || ''\"\n            [disabled]=\"button.Disabled || false\"\n            [title]=\"button.Description\"\n            (click)=\"OnCustomButtonClick(button)\">\n            <i [class]=\"button.Icon\"></i>\n          </button>\n        }\n      }\n    </div>\n\n    <!-- Separator before hierarchy -->\n    @if (Config.ShowEntityHierarchy && IsInHierarchy) {\n      <div class=\"mj-forms-toolbar-separator\"></div>\n    }\n\n    <!-- IS-A Entity Hierarchy Breadcrumb (bidirectional: Root \u2192 ... \u2192 Current \u2192 ... \u2192 Leaf) -->\n    @if (Config.ShowEntityHierarchy && IsInHierarchy) {\n      <div class=\"mj-entity-hierarchy\">\n        <!-- Parent chain (root \u2192 ... \u2192 immediate parent) -->\n        @for (parent of ParentChain; track parent.ID) {\n          <a class=\"mj-entity-badge mj-entity-badge--parent\"\n             [title]=\"'Navigate to parent: ' + parent.Name\"\n             (click)=\"OnParentBadgeClick(parent, $event)\">\n            <i class=\"fa-solid fa-arrow-up\"></i>\n            {{ parent.Name }}\n          </a>\n          <span class=\"mj-hierarchy-arrow\"><i class=\"fa-solid fa-chevron-right\"></i></span>\n        }\n\n        <!-- Current entity (always shown) -->\n        <span class=\"mj-entity-badge mj-entity-badge--current\">{{ EntityInfo?.Name }}</span>\n\n        <!-- Descendant tree (recursive: inline for single paths, branching for multiple) -->\n        @if (DescendantTree.length > 0) {\n          <ng-container [ngTemplateOutlet]=\"descendantTreeTpl\"\n            [ngTemplateOutletContext]=\"{ items: DescendantTree }\"></ng-container>\n        }\n      </div>\n    }\n\n    <!-- Spacer pushes section controls to the right -->\n    <div class=\"mj-forms-toolbar-spacer\"></div>\n\n    <!-- Section Controls -->\n    @if (Config.ShowSectionControls) {\n      <div class=\"mj-forms-toolbar-group mj-section-controls\">\n        @if (Config.ShowSectionFilter) {\n          <div class=\"mj-forms-search-wrapper\">\n            <input type=\"text\"\n              class=\"mj-section-search\"\n              [class.mj-section-search--active]=\"SearchFilter\"\n              [value]=\"SearchFilter\"\n              (input)=\"OnFilterInput($event)\"\n              placeholder=\"Search sections...\">\n            @if (SearchFilter) {\n              <button class=\"mj-clear-search\" (click)=\"OnClearFilter()\" title=\"Clear search\">\n                <i class=\"fa-solid fa-xmark\"></i>\n              </button>\n            }\n          </div>\n        }\n        <button class=\"mj-forms-btn mj-forms-btn--ghost mj-forms-btn--icon-only\"\n          [disabled]=\"ExpandedSectionCount >= VisibleSectionCount\"\n          (click)=\"OnExpandAll()\" title=\"Expand all sections\">\n          <i class=\"fa-solid fa-angles-down\"></i>\n        </button>\n        <button class=\"mj-forms-btn mj-forms-btn--ghost mj-forms-btn--icon-only\"\n          [disabled]=\"ExpandedSectionCount === 0\"\n          (click)=\"OnCollapseAll()\" title=\"Collapse all sections\">\n          <i class=\"fa-solid fa-angles-up\"></i>\n        </button>\n        @if (HasCustomSectionOrder) {\n          <button class=\"mj-forms-btn mj-forms-btn--ghost mj-forms-btn--icon-only\" (click)=\"OnResetSectionOrder()\" title=\"Reset section order\">\n            <i class=\"fa-solid fa-arrow-rotate-left\"></i>\n          </button>\n        }\n        @if (Config.ShowSectionManager) {\n          <button class=\"mj-forms-btn mj-forms-btn--ghost mj-forms-btn--icon-only\"\n            (click)=\"OnManageSections()\" title=\"Manage section order\">\n            <i class=\"fa-solid fa-bars-staggered\"></i>\n          </button>\n        }\n        <button class=\"mj-forms-btn mj-forms-btn--ghost mj-forms-btn--icon-only\"\n          (click)=\"OnToggleWidthMode()\"\n          [title]=\"WidthMode === 'centered' ? 'Expand to full width' : 'Center content'\">\n          <i [class]=\"WidthMode === 'centered' ? 'fa-solid fa-arrows-left-right-to-line' : 'fa-solid fa-compress'\"></i>\n        </button>\n      </div>\n    }\n\n    <!-- Additional actions slot -->\n    @if (AdditionalActionsTemplate) {\n      <ng-container [ngTemplateOutlet]=\"AdditionalActionsTemplate\"></ng-container>\n    }\n    <ng-content select=\"[toolbar-additional-controls]\"></ng-content>\n  </div>\n}\n\n<!-- ============================================\n     DISCARD CHANGES CONFIRMATION DIALOG\n     ============================================ -->\n@if (ShowDiscardDialog) {\n  <div class=\"mj-dialog-overlay\" (click)=\"OnDiscardCancel()\">\n    <div class=\"mj-dialog\" (click)=\"$event.stopPropagation()\">\n      <div class=\"mj-dialog-header\">\n        <h3>Discard Changes?</h3>\n        <button class=\"mj-dialog-close\" (click)=\"OnDiscardCancel()\">\n          <i class=\"fa-solid fa-xmark\"></i>\n        </button>\n      </div>\n      <div class=\"mj-dialog-body\">\n        <p>You have <strong>{{ DirtyFieldDisplayNames.length }}</strong> unsaved change{{ DirtyFieldDisplayNames.length === 1 ? '' : 's' }}. Are you sure you want to discard {{ DirtyFieldDisplayNames.length === 1 ? 'it' : 'them' }}?</p>\n      </div>\n      <div class=\"mj-dialog-footer\">\n        <button class=\"mj-forms-btn mj-forms-btn--danger\" (click)=\"OnDiscardConfirm()\">\n          <i class=\"fa-solid fa-rotate-left\"></i>\n          Discard Changes\n        </button>\n        <button class=\"mj-forms-btn\" (click)=\"OnDiscardCancel()\">\n          Keep Editing\n        </button>\n      </div>\n    </div>\n  </div>\n}\n\n<!-- ============================================\n     DELETE CONFIRMATION DIALOG\n     ============================================ -->\n@if (ShowDeleteDialog) {\n  <div class=\"mj-dialog-overlay\" (click)=\"OnDeleteCancel()\">\n    <div class=\"mj-dialog\" (click)=\"$event.stopPropagation()\">\n      <div class=\"mj-dialog-header\">\n        <h3>Confirm Deletion</h3>\n        <button class=\"mj-dialog-close\" (click)=\"OnDeleteCancel()\">\n          <i class=\"fa-solid fa-xmark\"></i>\n        </button>\n      </div>\n      <div class=\"mj-dialog-body\">\n        <p>Are you sure you want to delete this record? This action cannot be undone.</p>\n      </div>\n      <div class=\"mj-dialog-footer\">\n        <button class=\"mj-forms-btn mj-forms-btn--danger\" (click)=\"OnDeleteConfirm()\">\n          <i class=\"fa-solid fa-trash-can\"></i>\n          Delete\n        </button>\n        <button class=\"mj-forms-btn\" (click)=\"OnDeleteCancel()\">\n          Cancel\n        </button>\n      </div>\n    </div>\n  </div>\n}\n\n<!-- Recursive template for IS-A descendant tree rendering.\n     Single child at a level \u2192 inline with chevron.\n     Multiple children at a level \u2192 tree branch with CSS connector lines. -->\n<ng-template #descendantTreeTpl let-items=\"items\">\n  @if (items.length === 1) {\n    <span class=\"mj-hierarchy-arrow\"><i class=\"fa-solid fa-chevron-right\"></i></span>\n    <a class=\"mj-entity-badge mj-entity-badge--child\"\n       [title]=\"'Navigate to: ' + items[0].EntityName\"\n       (click)=\"OnDescendantBadgeClick(items[0].EntityName, $event)\">\n      <i class=\"fa-solid fa-arrow-down\"></i>\n      {{ items[0].EntityName }}\n    </a>\n    @if (items[0].Children.length > 0) {\n      <ng-container [ngTemplateOutlet]=\"descendantTreeTpl\"\n        [ngTemplateOutletContext]=\"{ items: items[0].Children }\"></ng-container>\n    }\n  } @else if (items.length > 1) {\n    <div class=\"mj-descendant-chains\">\n      @for (item of items; track item.EntityName) {\n        <div class=\"mj-descendant-chain\">\n          <a class=\"mj-entity-badge mj-entity-badge--child\"\n             [title]=\"'Navigate to: ' + item.EntityName\"\n             (click)=\"OnDescendantBadgeClick(item.EntityName, $event)\">\n            <i class=\"fa-solid fa-arrow-down\"></i>\n            {{ item.EntityName }}\n          </a>\n          @if (item.Children.length > 0) {\n            <ng-container [ngTemplateOutlet]=\"descendantTreeTpl\"\n              [ngTemplateOutletContext]=\"{ items: item.Children }\"></ng-container>\n          }\n        </div>\n      }\n    </div>\n  }\n</ng-template>\n", styles: ["/* ============================================\n   CSS VARIABLES (theming hooks)\n   ============================================ */\n:host {\n  --mj-forms-toolbar-bg: #f9fafb;\n  --mj-card-bg: #ffffff;\n  --mj-accent: #667eea;\n  --mj-accent-light: rgba(102, 126, 234, 0.08);\n  --mj-text-primary: #1f2937;\n  --mj-text-secondary: #6b7280;\n  --mj-text-muted: #9ca3af;\n  --mj-border: #e5e7eb;\n  --mj-error: #ef4444;\n  --mj-warning: #f59e0b;\n  --mj-isa-parent: #8b5cf6;\n  --mj-isa-child: #06b6d4;\n  --mj-transition: 200ms;\n\n  display: block;\n}\n\n/* ============================================\n   EDIT BANNER\n   ============================================ */\n.mj-forms-edit-banner {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 16px 16px;\n  background: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%);\n  border-bottom: 2px solid var(--mj-accent);\n  font-size: 13px;\n  color: var(--mj-accent);\n  font-weight: 500;\n}\n\n.mj-forms-edit-banner > i {\n  font-size: 14px;\n}\n\n.mj-forms-edit-banner-icon--dirty {\n  color: var(--mj-warning);\n  font-size: 16px;\n}\n\n.mj-forms-edit-banner-text {\n  font-size: 14px;\n}\n\n.mj-forms-edit-banner-dirty {\n  font-size: 14px;\n  color: #374151;\n}\n\n.mj-forms-edit-banner-dirty strong {\n  color: var(--mj-warning);\n  font-weight: 700;\n}\n\n.mj-forms-edit-banner-actions {\n  display: flex;\n  gap: 8px;\n}\n\n/* ============================================\n   MAIN TOOLBAR\n   ============================================ */\n.mj-forms-toolbar {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 22px 16px;\n  background: var(--mj-forms-toolbar-bg);\n  border-bottom: 2px solid var(--mj-border);\n  flex-wrap: wrap;\n  z-index: 40;\n}\n\n.mj-forms-toolbar--sticky {\n  position: sticky;\n  top: 0;\n}\n\n.mj-forms-toolbar--disabled {\n  pointer-events: none;\n  opacity: 0.7;\n}\n\n.mj-forms-toolbar-group {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.mj-forms-toolbar-separator {\n  width: 1px;\n  height: 24px;\n  background: var(--mj-border);\n  margin: 0 4px;\n}\n\n.mj-forms-toolbar-spacer {\n  flex: 1;\n}\n\n/* ============================================\n   BUTTONS\n   ============================================ */\n.mj-forms-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  font-size: 13px;\n  font-weight: 500;\n  border: 1px solid var(--mj-border);\n  background: var(--mj-card-bg);\n  color: var(--mj-text-primary);\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all var(--mj-transition) ease;\n  white-space: nowrap;\n  font-family: inherit;\n  line-height: 1;\n}\n\n.mj-forms-btn:hover {\n  background: #f3f4f6;\n  border-color: #9ca3af;\n  box-shadow: 0 1px 3px rgba(0,0,0,0.08);\n}\n\n.mj-forms-btn:active {\n  transform: translateY(0);\n  box-shadow: none;\n}\n\n.mj-forms-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.mj-forms-btn i {\n  font-size: 15px;\n  line-height: 1;\n}\n\n.mj-forms-btn--primary {\n  background: var(--mj-accent);\n  color: white;\n  border-color: var(--mj-accent);\n}\n\n.mj-forms-btn--primary:hover {\n  background: #5a6fd6;\n  border-color: #5a6fd6;\n  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);\n}\n\n.mj-forms-btn--danger {\n  color: var(--mj-error);\n  border-color: #fecaca;\n  background: #fef2f2;\n}\n\n.mj-forms-btn--danger:hover {\n  background: #fee2e2;\n  border-color: var(--mj-error);\n}\n\n.mj-forms-btn--ghost {\n  border-color: transparent;\n  background: transparent;\n}\n\n.mj-forms-btn--ghost:hover {\n  background: var(--mj-accent-light);\n  border-color: transparent;\n}\n\n.mj-forms-btn--icon-only {\n  padding: 7px 9px;\n}\n\n.mj-forms-btn--sm {\n  padding: 5px 12px;\n  font-size: 12px;\n}\n\n.mj-forms-btn--sm i {\n  font-size: 12px;\n}\n\n.mj-forms-btn-text {\n  margin-left: 2px;\n}\n\n.mj-icon--favorite {\n  color: #f59e0b;\n}\n\n/* List button with count badge */\n.mj-forms-btn--list {\n  position: relative;\n}\n\n.mj-list-count-badge {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  font-size: 10px;\n  font-weight: 700;\n  color: white;\n  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 2px solid var(--mj-forms-toolbar-bg);\n}\n\n/* ============================================\n   IS-A ENTITY HIERARCHY\n   ============================================ */\n.mj-entity-hierarchy {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.mj-entity-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 4px 10px;\n  font-size: 12px;\n  font-weight: 600;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all var(--mj-transition) ease;\n  text-decoration: none;\n  border: 1px solid transparent;\n}\n\n.mj-entity-badge i {\n  font-size: 11px;\n}\n\n.mj-entity-badge--parent {\n  background: #f3f0ff;\n  color: var(--mj-isa-parent);\n  border-color: #e0d5ff;\n}\n\n.mj-entity-badge--parent:hover {\n  background: #e8e0ff;\n  border-color: var(--mj-isa-parent);\n  box-shadow: 0 2px 6px rgba(139, 92, 246, 0.15);\n}\n\n.mj-entity-badge--current {\n  font-weight: 600;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  padding: 4px 8px;\n  background: #f3f4f6;\n  border-radius: 6px;\n  cursor: default;\n}\n\n.mj-entity-badge--child {\n  background: #ecfeff;\n  color: var(--mj-isa-child);\n  border-color: #cffafe;\n}\n\n.mj-entity-badge--child:hover {\n  background: #cffafe;\n  border-color: var(--mj-isa-child);\n  box-shadow: 0 2px 6px rgba(6, 182, 212, 0.15);\n}\n\n.mj-entity-badge--overlapping {\n  background: #fffbeb;\n  color: #d97706;\n  border-color: #fde68a;\n}\n\n.mj-entity-badge--overlapping:hover {\n  background: #fef3c7;\n  border-color: #d97706;\n  box-shadow: 0 2px 6px rgba(217, 119, 6, 0.15);\n}\n\n.mj-entity-badge-group {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  flex-wrap: wrap;\n}\n\n.mj-child-count {\n  background: var(--mj-isa-child);\n  color: white;\n  font-size: 10px;\n  padding: 1px 5px;\n  border-radius: 8px;\n  font-weight: 700;\n}\n\n.mj-entity-badge--leaf {\n  border-style: dashed;\n}\n\n.mj-entity-badge--root {\n  border-style: dashed;\n}\n\n.mj-hierarchy-arrow {\n  color: var(--mj-text-muted);\n  font-size: 10px;\n}\n\n/* Descendant chain tree (connecting lines when multiple chains branch) */\n.mj-descendant-chains {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  position: relative;\n  padding-left: 20px;\n}\n\n/* Horizontal connector from parent entity badge to tree trunk */\n.mj-descendant-chains::before {\n  content: '';\n  position: absolute;\n  left: -4px;\n  top: 50%;\n  width: 4px;\n  border-top: 1.5px solid var(--mj-text-muted);\n}\n\n.mj-descendant-chain {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  position: relative;\n  padding: 2px 0;\n}\n\n/* Horizontal branch line from trunk to chain content */\n.mj-descendant-chain::before {\n  content: '';\n  position: absolute;\n  left: -20px;\n  top: 50%;\n  width: 18px;\n  border-top: 1.5px solid var(--mj-text-muted);\n}\n\n/* Vertical trunk segment (each chain draws its portion) */\n.mj-descendant-chain::after {\n  content: '';\n  position: absolute;\n  left: -20px;\n  top: 0;\n  bottom: 0;\n  border-left: 1.5px solid var(--mj-text-muted);\n}\n\n/* First chain: trunk starts from center */\n.mj-descendant-chain:first-child::after {\n  top: 50%;\n}\n\n/* Last chain: trunk ends at center */\n.mj-descendant-chain:last-child::after {\n  bottom: 50%;\n}\n\n/* (dirty summary removed \u2014 now inline in edit banner) */\n\n/* ============================================\n   SECTION CONTROLS\n   ============================================ */\n.mj-section-controls {\n  gap: 6px;\n}\n\n.mj-forms-search-wrapper {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n\n.mj-section-search {\n  max-width: 180px;\n  font-size: 13px;\n  padding: 6px 28px 6px 8px;\n  border: 1px solid var(--mj-border);\n  border-radius: 6px;\n  background: white;\n  outline: none;\n  font-family: inherit;\n  transition: all var(--mj-transition);\n}\n\n.mj-section-search:focus {\n  border-color: var(--mj-accent);\n  box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.1);\n}\n\n/* Active filter highlight \u2014 matches the yellow used on matched panel/field names */\n.mj-section-search--active {\n  background-color: #fef08a;\n  border-color: #eab308;\n  color: #854d0e;\n  font-weight: 600;\n  box-shadow: 0 0 0 2px rgba(254, 240, 138, 0.5);\n}\n\n.mj-section-search::placeholder {\n  color: var(--mj-text-muted);\n  font-style: italic;\n}\n\n.mj-clear-search {\n  position: absolute;\n  right: 4px;\n  padding: 4px;\n  background: none;\n  border: none;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  font-size: 12px;\n  line-height: 1;\n}\n\n.mj-clear-search:hover {\n  color: var(--mj-text-secondary);\n}\n\n/* ============================================\n   DIALOG (lightweight inline)\n   ============================================ */\n.mj-dialog-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.4);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000;\n  animation: mj-fade-in 150ms ease;\n}\n\n.mj-dialog {\n  background: var(--mj-card-bg);\n  border-radius: 12px;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\n  min-width: 400px;\n  max-width: 550px;\n  animation: mj-slide-up 200ms ease;\n}\n\n.mj-dialog-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--mj-border);\n}\n\n.mj-dialog-header h3 {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.mj-dialog-close {\n  background: none;\n  border: none;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  padding: 4px;\n  font-size: 16px;\n  transition: color var(--mj-transition);\n}\n\n.mj-dialog-close:hover {\n  color: var(--mj-text-primary);\n}\n\n.mj-dialog-body {\n  padding: 20px;\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n  line-height: 1.6;\n}\n\n.mj-dialog-body p {\n  margin: 0;\n}\n\n.mj-dialog-footer {\n  display: flex;\n  gap: 8px;\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border);\n}\n\n@keyframes mj-fade-in {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n@keyframes mj-slide-up {\n  from { transform: translateY(8px); opacity: 0; }\n  to { transform: translateY(0); opacity: 1; }\n}\n"] }]
     }], null, { Form: [{
             type: Input
         }], _deprecatedForm: [{
@@ -908,5 +1057,5 @@ export class MjFormToolbarComponent {
         }], ManageSectionsRequested: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MjFormToolbarComponent, { className: "MjFormToolbarComponent", filePath: "src/lib/toolbar/form-toolbar.component.ts", lineNumber: 45 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MjFormToolbarComponent, { className: "MjFormToolbarComponent", filePath: "src/lib/toolbar/form-toolbar.component.ts", lineNumber: 46 }); })();
 //# sourceMappingURL=form-toolbar.component.js.map