@memberjunction/ng-base-forms 6.1.0-edge.2 → 6.1.0-edge.3

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

@@ -1,9 +1,13 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef, inject } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
 import { BaseAngularComponent } from '@memberjunction/ng-base-types';
 import { UUIDsEqual } from '@memberjunction/global';
 import { DEFAULT_TOOLBAR_CONFIG } from '../types/toolbar-config';
+import { IsAccordionFormChrome } from '../chrome/form-chrome';
 import { DiscoverISADescendants, BuildDescendantTree } from '../isa-related-panel/isa-hierarchy-utils';
-import { BeforeSaveEventArgs, BeforeDeleteEventArgs, BeforeCancelEventArgs, BeforeHistoryViewEventArgs, BeforeListManagementEventArgs } from '../types/form-events';
+import { FormRecordRefreshCoordinator } from '../form-record-refresh.coordinator';
+import { BeforeSaveEventArgs, BeforeDeleteEventArgs, BeforeRefreshEventArgs, BeforeCancelEventArgs, BeforeHistoryViewEventArgs, BeforeListManagementEventArgs } from '../types/form-events';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 const _c0 = [[["", "toolbar-additional-controls", ""]]];
@@ -13,8 +17,8 @@ const _forTrack0 = ($index, $item) => $item.Key;
 const _forTrack1 = ($index, $item) => $item.ID;
 const _forTrack2 = ($index, $item) => $item.EntityName;
 function MjFormToolbarComponent_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 11);
-    i0.ɵɵelementStart(1, "span", 12)(2, "strong");
+    i0.ɵɵelement(0, "i", 12);
+    i0.ɵɵelementStart(1, "span", 13)(2, "strong");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(4);
@@ -27,8 +31,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", 13);
-    i0.ɵɵelementStart(1, "span", 14);
+    i0.ɵɵelement(0, "i", 14);
+    i0.ɵɵelementStart(1, "span", 15);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -36,176 +40,217 @@ function MjFormToolbarComponent_Conditional_0_Conditional_2_Template(rf, ctx) {
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("Editing: ", ctx_r1.RecordDisplayName);
 } }
-function MjFormToolbarComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    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", 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", 7);
-    i0.ɵɵelementStart(7, "span", 8);
-    i0.ɵɵtext(8, "Save Changes");
-    i0.ɵɵelementEnd()();
-    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", 10);
-    i0.ɵɵelementStart(11, "span", 8);
-    i0.ɵɵtext(12, "Discard");
-    i0.ɵɵelementEnd()()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.DirtyFieldDisplayNames.length > 0 ? 1 : 2);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("disabled", ctx_r1.IsSaving);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("disabled", ctx_r1.IsSaving);
-} }
-function MjFormToolbarComponent_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 27);
-    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", 13);
-    i0.ɵɵelementEnd();
+function MjFormToolbarComponent_Conditional_0_For_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 17);
 } }
-function MjFormToolbarComponent_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 28);
-    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", 29);
-    i0.ɵɵelementEnd();
+function MjFormToolbarComponent_Conditional_0_For_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i");
+} if (rf & 2) {
+    const item_r4 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵclassMap(item_r4.Icon);
 } }
-function MjFormToolbarComponent_Conditional_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 30);
-    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");
+function MjFormToolbarComponent_Conditional_0_For_6_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 9);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("title", ctx_r1.IsFavorite ? "Remove Favorite" : "Make Favorite");
+    const item_r4 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r1.IsFavorite ? "fa-solid fa-star mj-icon--favorite" : "fa-regular fa-star");
+    i0.ɵɵtextInterpolate(item_r4.Text);
 } }
-function MjFormToolbarComponent_Conditional_1_Conditional_5_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 33);
+function MjFormToolbarComponent_Conditional_0_For_6_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 19);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const item_r4 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("v", ctx_r1.VersionCount);
+    i0.ɵɵtextInterpolate(item_r4.Badge);
 } }
-function MjFormToolbarComponent_Conditional_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 31);
-    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", 32);
-    i0.ɵɵconditionalCreate(2, MjFormToolbarComponent_Conditional_1_Conditional_5_Conditional_2_Template, 2, 1, "span", 33);
+function MjFormToolbarComponent_Conditional_0_For_6_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 16);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_0_For_6_Template_button_click_0_listener($event) { const item_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnToolbarItemClick(item_r4, $event)); });
+    i0.ɵɵconditionalCreate(1, MjFormToolbarComponent_Conditional_0_For_6_Conditional_1_Template, 1, 0, "i", 17)(2, MjFormToolbarComponent_Conditional_0_For_6_Conditional_2_Template, 1, 2, "i", 18);
+    i0.ɵɵconditionalCreate(3, MjFormToolbarComponent_Conditional_0_For_6_Conditional_3_Template, 2, 1, "span", 9);
+    i0.ɵɵconditionalCreate(4, MjFormToolbarComponent_Conditional_0_For_6_Conditional_4_Template, 2, 1, "span", 19);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
+    const item_r4 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("title", ctx_r1.VersionCount > 0 ? ctx_r1.VersionCount + " version(s) tracked" : "Record Changes");
+    i0.ɵɵclassMap(item_r4.CssClass);
+    i0.ɵɵclassProp("mj-forms-btn--primary", item_r4.Variant === "primary")("mj-forms-btn--secondary", item_r4.Variant === "secondary")("mj-forms-btn--accent", item_r4.Variant === "accent")("mj-forms-btn--danger", item_r4.Variant === "danger")("mj-forms-btn--ghost", item_r4.Variant === "ghost");
+    i0.ɵɵproperty("disabled", item_r4.Disabled || item_r4.IsLoading || ctx_r1.IsSaving)("title", item_r4.Description);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(item_r4.IsLoading ? 1 : item_r4.Icon ? 2 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.VersionCount > 0 ? 2 : -1);
+    i0.ɵɵconditional(item_r4.Text ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(item_r4.Badge != null ? 4 : -1);
+} }
+function MjFormToolbarComponent_Conditional_0_For_16_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 17);
+} }
+function MjFormToolbarComponent_Conditional_0_For_16_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i");
+} if (rf & 2) {
+    const item_r6 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵclassMap(item_r6.Icon);
 } }
-function MjFormToolbarComponent_Conditional_1_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 36);
+function MjFormToolbarComponent_Conditional_0_For_16_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 9);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const item_r6 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.ListCount);
+    i0.ɵɵtextInterpolate(item_r6.Text);
 } }
-function MjFormToolbarComponent_Conditional_1_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 34);
-    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", 35);
-    i0.ɵɵconditionalCreate(2, MjFormToolbarComponent_Conditional_1_Conditional_6_Conditional_2_Template, 2, 1, "span", 36);
+function MjFormToolbarComponent_Conditional_0_For_16_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 19);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r6 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(item_r6.Badge);
+} }
+function MjFormToolbarComponent_Conditional_0_For_16_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 16);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_0_For_16_Template_button_click_0_listener($event) { const item_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnToolbarItemClick(item_r6, $event)); });
+    i0.ɵɵconditionalCreate(1, MjFormToolbarComponent_Conditional_0_For_16_Conditional_1_Template, 1, 0, "i", 17)(2, MjFormToolbarComponent_Conditional_0_For_16_Conditional_2_Template, 1, 2, "i", 18);
+    i0.ɵɵconditionalCreate(3, MjFormToolbarComponent_Conditional_0_For_16_Conditional_3_Template, 2, 1, "span", 9);
+    i0.ɵɵconditionalCreate(4, MjFormToolbarComponent_Conditional_0_For_16_Conditional_4_Template, 2, 1, "span", 19);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
+    const item_r6 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("title", ctx_r1.ListCount > 0 ? "Member of " + ctx_r1.ListCount + " list(s)" : "Add to a list");
+    i0.ɵɵclassMap(item_r6.CssClass);
+    i0.ɵɵclassProp("mj-forms-btn--primary", item_r6.Variant === "primary")("mj-forms-btn--secondary", item_r6.Variant === "secondary")("mj-forms-btn--accent", item_r6.Variant === "accent")("mj-forms-btn--danger", item_r6.Variant === "danger")("mj-forms-btn--ghost", item_r6.Variant === "ghost");
+    i0.ɵɵproperty("disabled", item_r6.Disabled || item_r6.IsLoading || ctx_r1.IsSaving)("title", item_r6.Description);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(item_r6.IsLoading ? 1 : item_r6.Icon ? 2 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.ListCount > 0 ? 2 : -1);
+    i0.ɵɵconditional(item_r6.Text ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(item_r6.Badge != null ? 4 : -1);
 } }
-function MjFormToolbarComponent_Conditional_1_Conditional_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 36);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
+function MjFormToolbarComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    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", 4);
+    i0.ɵɵelementStart(4, "div", 5);
+    i0.ɵɵrepeaterCreate(5, MjFormToolbarComponent_Conditional_0_For_6_Template, 5, 17, "button", 6, _forTrack0);
+    i0.ɵɵelementStart(7, "button", 7);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_0_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnSave()); });
+    i0.ɵɵelement(8, "i", 8);
+    i0.ɵɵelementStart(9, "span", 9);
+    i0.ɵɵtext(10, "Save Changes");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "button", 10);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_0_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnCancel()); });
+    i0.ɵɵelement(12, "i", 11);
+    i0.ɵɵelementStart(13, "span", 9);
+    i0.ɵɵtext(14, "Discard");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵrepeaterCreate(15, MjFormToolbarComponent_Conditional_0_For_16_Template, 5, 17, "button", 6, _forTrack0);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.TagCount);
+    i0.ɵɵconditional(ctx_r1.DirtyFieldDisplayNames.length > 0 ? 1 : 2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(ctx_r1.ResolvedEditBeforeSaveItems);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r1.IsSaving);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("disabled", ctx_r1.IsSaving);
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(ctx_r1.ResolvedEditAfterSaveItems);
 } }
-function MjFormToolbarComponent_Conditional_1_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 30);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnTagsPanel()); });
-    i0.ɵɵelement(1, "i", 37);
-    i0.ɵɵconditionalCreate(2, MjFormToolbarComponent_Conditional_1_Conditional_7_Conditional_2_Template, 2, 1, "span", 36);
+function MjFormToolbarComponent_Conditional_1_For_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 17);
+} }
+function MjFormToolbarComponent_Conditional_1_For_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i");
+} if (rf & 2) {
+    const item_r8 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵclassMap(item_r8.Icon);
+} }
+function MjFormToolbarComponent_Conditional_1_For_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 9);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("title", ctx_r1.TagCount > 0 ? ctx_r1.TagCount + " tag(s)" : "View tags");
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.TagCount > 0 ? 2 : -1);
+    const item_r8 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(item_r8.Text);
 } }
-function MjFormToolbarComponent_Conditional_1_For_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 39);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_For_9_Conditional_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const button_r10 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnCustomButtonClick(button_r10)); });
-    i0.ɵɵelement(1, "i");
+function MjFormToolbarComponent_Conditional_1_For_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const button_r10 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵclassMap(button_r10.CssClass || "");
-    i0.ɵɵproperty("disabled", button_r10.Disabled || false)("title", button_r10.Description);
+    const item_r8 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵclassMap(item_r8.Key === "history" ? "mj-version-count-badge" : "mj-list-count-badge");
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(button_r10.Icon);
+    i0.ɵɵtextInterpolate(item_r8.Badge);
 } }
-function MjFormToolbarComponent_Conditional_1_For_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, MjFormToolbarComponent_Conditional_1_For_9_Conditional_0_Template, 2, 6, "button", 38);
+function MjFormToolbarComponent_Conditional_1_For_3_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 16);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_For_3_Template_button_click_0_listener($event) { const item_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnToolbarItemClick(item_r8, $event)); });
+    i0.ɵɵconditionalCreate(1, MjFormToolbarComponent_Conditional_1_For_3_Conditional_1_Template, 1, 0, "i", 17)(2, MjFormToolbarComponent_Conditional_1_For_3_Conditional_2_Template, 1, 2, "i", 18);
+    i0.ɵɵconditionalCreate(3, MjFormToolbarComponent_Conditional_1_For_3_Conditional_3_Template, 2, 1, "span", 9);
+    i0.ɵɵconditionalCreate(4, MjFormToolbarComponent_Conditional_1_For_3_Conditional_4_Template, 2, 3, "span", 18);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const button_r10 = ctx.$implicit;
-    i0.ɵɵconditional(button_r10.Visible !== false ? 0 : -1);
+    const item_r8 = ctx.$implicit;
+    i0.ɵɵclassMap(item_r8.CssClass);
+    i0.ɵɵclassProp("mj-forms-btn--primary", item_r8.Variant === "primary")("mj-forms-btn--secondary", item_r8.Variant === "secondary")("mj-forms-btn--accent", item_r8.Variant === "accent")("mj-forms-btn--danger", item_r8.Variant === "danger")("mj-forms-btn--ghost", item_r8.Variant === "ghost")("mj-forms-btn--history", item_r8.Key === "history")("mj-forms-btn--list", item_r8.Key === "list")("mj-forms-btn--tags", item_r8.Key === "tags")("mj-forms-btn--attachments", item_r8.Key === "attachments");
+    i0.ɵɵproperty("disabled", item_r8.Disabled || item_r8.IsLoading)("title", item_r8.Description);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(item_r8.IsLoading ? 1 : item_r8.Icon ? 2 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(item_r8.Text ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(item_r8.Badge != null ? 4 : -1);
 } }
-function MjFormToolbarComponent_Conditional_1_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 22);
+function MjFormToolbarComponent_Conditional_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 23);
 } }
-function MjFormToolbarComponent_Conditional_1_Conditional_11_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "a", 42);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_11_For_2_Template_a_click_0_listener($event) { const parent_r12 = i0.ɵɵrestoreView(_r11).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnParentBadgeClick(parent_r12, $event)); });
-    i0.ɵɵelement(1, "i", 43);
+function MjFormToolbarComponent_Conditional_1_Conditional_5_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "a", 30);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_5_For_2_Template_a_click_0_listener($event) { const parent_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnParentBadgeClick(parent_r10, $event)); });
+    i0.ɵɵelement(1, "i", 31);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 44);
-    i0.ɵɵelement(4, "i", 45);
+    i0.ɵɵelementStart(3, "span", 32);
+    i0.ɵɵelement(4, "i", 33);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const parent_r12 = ctx.$implicit;
-    i0.ɵɵproperty("title", "Navigate to parent: " + parent_r12.Name);
+    const parent_r10 = ctx.$implicit;
+    i0.ɵɵproperty("title", "Navigate to parent: " + parent_r10.Name);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", parent_r12.Name, " ");
+    i0.ɵɵtextInterpolate1(" ", parent_r10.Name, " ");
 } }
-function MjFormToolbarComponent_Conditional_1_Conditional_11_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, 41);
+function MjFormToolbarComponent_Conditional_1_Conditional_5_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0, 29);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
-    const descendantTreeTpl_r13 = i0.ɵɵreference(5);
-    i0.ɵɵproperty("ngTemplateOutlet", descendantTreeTpl_r13)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, ctx_r1.DescendantTree));
+    const descendantTreeTpl_r11 = i0.ɵɵreference(5);
+    i0.ɵɵproperty("ngTemplateOutlet", descendantTreeTpl_r11)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, ctx_r1.DescendantTree));
 } }
-function MjFormToolbarComponent_Conditional_1_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 23);
-    i0.ɵɵrepeaterCreate(1, MjFormToolbarComponent_Conditional_1_Conditional_11_For_2_Template, 5, 2, null, null, _forTrack1);
-    i0.ɵɵelementStart(3, "span", 40);
+function MjFormToolbarComponent_Conditional_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 24);
+    i0.ɵɵrepeaterCreate(1, MjFormToolbarComponent_Conditional_1_Conditional_5_For_2_Template, 5, 2, null, null, _forTrack1);
+    i0.ɵɵelementStart(3, "span", 28);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, MjFormToolbarComponent_Conditional_1_Conditional_11_Conditional_5_Template, 1, 4, "ng-container", 41);
+    i0.ɵɵconditionalCreate(5, MjFormToolbarComponent_Conditional_1_Conditional_5_Conditional_5_Template, 1, 4, "ng-container", 29);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -216,52 +261,52 @@ function MjFormToolbarComponent_Conditional_1_Conditional_11_Template(rf, ctx) {
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.DescendantTree.length > 0 ? 5 : -1);
 } }
-function MjFormToolbarComponent_Conditional_1_Conditional_13_Conditional_6_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 58);
+function MjFormToolbarComponent_Conditional_1_Conditional_7_Conditional_6_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 46);
 } }
-function MjFormToolbarComponent_Conditional_1_Conditional_13_Conditional_6_For_11_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 58);
+function MjFormToolbarComponent_Conditional_1_Conditional_7_Conditional_6_For_11_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 46);
 } }
-function MjFormToolbarComponent_Conditional_1_Conditional_13_Conditional_6_For_11_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 60);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_13_Conditional_6_For_11_Template_div_click_0_listener() { const v_r17 = i0.ɵɵrestoreView(_r16).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnVariantClick(v_r17.ID)); });
-    i0.ɵɵelementStart(1, "div", 54)(2, "span", 55);
+function MjFormToolbarComponent_Conditional_1_Conditional_7_Conditional_6_For_11_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 48);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_7_Conditional_6_For_11_Template_div_click_0_listener() { const v_r15 = i0.ɵɵrestoreView(_r14).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnVariantClick(v_r15.ID)); });
+    i0.ɵɵelementStart(1, "div", 42)(2, "span", 43);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 57);
+    i0.ɵɵelementStart(4, "span", 45);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(6, MjFormToolbarComponent_Conditional_1_Conditional_13_Conditional_6_For_11_Conditional_6_Template, 1, 0, "i", 58);
+    i0.ɵɵconditionalCreate(6, MjFormToolbarComponent_Conditional_1_Conditional_7_Conditional_6_For_11_Conditional_6_Template, 1, 0, "i", 46);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const v_r17 = ctx.$implicit;
+    const v_r15 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("current", v_r17.ID === ctx_r1.CurrentVariantID)("inactive", v_r17.Status !== "Active");
+    i0.ɵɵclassProp("current", v_r15.ID === ctx_r1.CurrentVariantID)("inactive", v_r15.Status !== "Active");
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(v_r17.Label);
+    i0.ɵɵtextInterpolate(v_r15.Label);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.VariantSubtitle(v_r17));
+    i0.ɵɵtextInterpolate(ctx_r1.VariantSubtitle(v_r15));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(v_r17.ID === ctx_r1.CurrentVariantID ? 6 : -1);
+    i0.ɵɵconditional(v_r15.ID === ctx_r1.CurrentVariantID ? 6 : -1);
 } }
-function MjFormToolbarComponent_Conditional_1_Conditional_13_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 52);
-    i0.ɵɵlistener("mousedown", function MjFormToolbarComponent_Conditional_1_Conditional_13_Conditional_6_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r15); return i0.ɵɵresetView($event.preventDefault()); })("click", function MjFormToolbarComponent_Conditional_1_Conditional_13_Conditional_6_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r15); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(1, "div", 53);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_13_Conditional_6_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnVariantClick(null)); });
-    i0.ɵɵelementStart(2, "div", 54)(3, "span", 55);
+function MjFormToolbarComponent_Conditional_1_Conditional_7_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 40);
+    i0.ɵɵlistener("mousedown", function MjFormToolbarComponent_Conditional_1_Conditional_7_Conditional_6_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r13); return i0.ɵɵresetView($event.preventDefault()); })("click", function MjFormToolbarComponent_Conditional_1_Conditional_7_Conditional_6_Template_div_click_0_listener($event) { i0.ɵɵrestoreView(_r13); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(1, "div", 41);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_7_Conditional_6_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnVariantClick(null)); });
+    i0.ɵɵelementStart(2, "div", 42)(3, "span", 43);
     i0.ɵɵtext(4, " Default form ");
-    i0.ɵɵelementStart(5, "span", 56);
+    i0.ɵɵelementStart(5, "span", 44);
     i0.ɵɵtext(6, "(default)");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "span", 57);
+    i0.ɵɵelementStart(7, "span", 45);
     i0.ɵɵtext(8, "CodeGen-generated Angular fallback");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(9, MjFormToolbarComponent_Conditional_1_Conditional_13_Conditional_6_Conditional_9_Template, 1, 0, "i", 58);
+    i0.ɵɵconditionalCreate(9, MjFormToolbarComponent_Conditional_1_Conditional_7_Conditional_6_Conditional_9_Template, 1, 0, "i", 46);
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(10, MjFormToolbarComponent_Conditional_1_Conditional_13_Conditional_6_For_11_Template, 7, 7, "div", 59, _forTrack1);
+    i0.ɵɵrepeaterCreate(10, MjFormToolbarComponent_Conditional_1_Conditional_7_Conditional_6_For_11_Template, 7, 7, "div", 47, _forTrack1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -272,17 +317,17 @@ function MjFormToolbarComponent_Conditional_1_Conditional_13_Conditional_6_Templ
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r1.Variants);
 } }
-function MjFormToolbarComponent_Conditional_1_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 46)(1, "button", 47);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_13_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ToggleVariantMenu()); })("blur", function MjFormToolbarComponent_Conditional_1_Conditional_13_Template_button_blur_1_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.CloseVariantMenu()); });
-    i0.ɵɵelement(2, "i", 48);
-    i0.ɵɵelementStart(3, "span", 49);
+function MjFormToolbarComponent_Conditional_1_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 34)(1, "button", 35);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_7_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ToggleVariantMenu()); })("blur", function MjFormToolbarComponent_Conditional_1_Conditional_7_Template_button_blur_1_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.CloseVariantMenu()); });
+    i0.ɵɵelement(2, "i", 36);
+    i0.ɵɵelementStart(3, "span", 37);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "i", 50);
+    i0.ɵɵelement(5, "i", 38);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, MjFormToolbarComponent_Conditional_1_Conditional_13_Conditional_6_Template, 12, 3, "div", 51);
+    i0.ɵɵconditionalCreate(6, MjFormToolbarComponent_Conditional_1_Conditional_7_Conditional_6_Template, 12, 3, "div", 39);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -294,19 +339,19 @@ function MjFormToolbarComponent_Conditional_1_Conditional_13_Template(rf, ctx) {
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r1.VariantMenuOpen ? 6 : -1);
 } }
-function MjFormToolbarComponent_Conditional_1_Conditional_14_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r19 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 67);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_14_Conditional_1_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnClearFilter()); });
-    i0.ɵɵelement(1, "i", 68);
+function MjFormToolbarComponent_Conditional_1_Conditional_8_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 55);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_8_Conditional_1_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnClearFilter()); });
+    i0.ɵɵelement(1, "i", 56);
     i0.ɵɵelementEnd();
 } }
-function MjFormToolbarComponent_Conditional_1_Conditional_14_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 61)(1, "input", 65);
-    i0.ɵɵlistener("input", function MjFormToolbarComponent_Conditional_1_Conditional_14_Conditional_1_Template_input_input_1_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFilterInput($event)); });
+function MjFormToolbarComponent_Conditional_1_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 49)(1, "input", 53);
+    i0.ɵɵlistener("input", function MjFormToolbarComponent_Conditional_1_Conditional_8_Conditional_1_Template_input_input_1_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFilterInput($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(2, MjFormToolbarComponent_Conditional_1_Conditional_14_Conditional_1_Conditional_2_Template, 2, 0, "button", 66);
+    i0.ɵɵconditionalCreate(2, MjFormToolbarComponent_Conditional_1_Conditional_8_Conditional_1_Conditional_2_Template, 2, 0, "button", 54);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -316,15 +361,15 @@ function MjFormToolbarComponent_Conditional_1_Conditional_14_Conditional_1_Templ
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.SearchFilter ? 2 : -1);
 } }
-function MjFormToolbarComponent_Conditional_1_Conditional_14_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 69);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_14_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnExpandAll()); });
-    i0.ɵɵelement(1, "i", 70);
+function MjFormToolbarComponent_Conditional_1_Conditional_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 57);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_8_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnExpandAll()); });
+    i0.ɵɵelement(1, "i", 58);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "button", 71);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_14_Conditional_2_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnCollapseAll()); });
-    i0.ɵɵelement(3, "i", 72);
+    i0.ɵɵelementStart(2, "button", 59);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_8_Conditional_2_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnCollapseAll()); });
+    i0.ɵɵelement(3, "i", 60);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -332,24 +377,24 @@ function MjFormToolbarComponent_Conditional_1_Conditional_14_Conditional_2_Templ
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("disabled", ctx_r1.ExpandedSectionCount === 0);
 } }
-function MjFormToolbarComponent_Conditional_1_Conditional_14_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 73);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_14_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnResetSectionOrder()); });
-    i0.ɵɵelement(1, "i", 74);
+function MjFormToolbarComponent_Conditional_1_Conditional_8_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 61);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_8_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnResetSectionOrder()); });
+    i0.ɵɵelement(1, "i", 62);
     i0.ɵɵelementEnd();
 } }
-function MjFormToolbarComponent_Conditional_1_Conditional_14_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 75);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_14_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnManageSections()); });
-    i0.ɵɵelement(1, "i", 76);
+function MjFormToolbarComponent_Conditional_1_Conditional_8_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r20 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 63);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_8_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnManageSections()); });
+    i0.ɵɵelement(1, "i", 64);
     i0.ɵɵelementEnd();
 } }
-function MjFormToolbarComponent_Conditional_1_Conditional_14_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    const _r23 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 77);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_14_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnToggleWidthMode()); });
+function MjFormToolbarComponent_Conditional_1_Conditional_8_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 65);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_1_Conditional_8_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnToggleWidthMode()); });
     i0.ɵɵelement(1, "i");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -358,20 +403,20 @@ function MjFormToolbarComponent_Conditional_1_Conditional_14_Conditional_5_Templ
     i0.ɵɵadvance();
     i0.ɵɵclassMap(ctx_r1.WidthMode === "centered" ? "fa-solid fa-arrows-left-right-to-line" : "fa-solid fa-compress");
 } }
-function MjFormToolbarComponent_Conditional_1_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 25);
-    i0.ɵɵconditionalCreate(1, MjFormToolbarComponent_Conditional_1_Conditional_14_Conditional_1_Template, 3, 4, "div", 61);
-    i0.ɵɵconditionalCreate(2, MjFormToolbarComponent_Conditional_1_Conditional_14_Conditional_2_Template, 4, 2);
-    i0.ɵɵconditionalCreate(3, MjFormToolbarComponent_Conditional_1_Conditional_14_Conditional_3_Template, 2, 0, "button", 62);
-    i0.ɵɵconditionalCreate(4, MjFormToolbarComponent_Conditional_1_Conditional_14_Conditional_4_Template, 2, 0, "button", 63);
-    i0.ɵɵconditionalCreate(5, MjFormToolbarComponent_Conditional_1_Conditional_14_Conditional_5_Template, 2, 3, "button", 64);
+function MjFormToolbarComponent_Conditional_1_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 26);
+    i0.ɵɵconditionalCreate(1, MjFormToolbarComponent_Conditional_1_Conditional_8_Conditional_1_Template, 3, 4, "div", 49);
+    i0.ɵɵconditionalCreate(2, MjFormToolbarComponent_Conditional_1_Conditional_8_Conditional_2_Template, 4, 2);
+    i0.ɵɵconditionalCreate(3, MjFormToolbarComponent_Conditional_1_Conditional_8_Conditional_3_Template, 2, 0, "button", 50);
+    i0.ɵɵconditionalCreate(4, MjFormToolbarComponent_Conditional_1_Conditional_8_Conditional_4_Template, 2, 0, "button", 51);
+    i0.ɵɵconditionalCreate(5, MjFormToolbarComponent_Conditional_1_Conditional_8_Conditional_5_Template, 2, 3, "button", 52);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.Config.ShowSectionFilter ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.Config.ShowExpandCollapseAllButtons ? 2 : -1);
+    i0.ɵɵconditional(ctx_r1.ShowExpandCollapseAll ? 2 : -1);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.HasCustomSectionOrder ? 3 : -1);
     i0.ɵɵadvance();
@@ -379,85 +424,67 @@ function MjFormToolbarComponent_Conditional_1_Conditional_14_Template(rf, ctx) {
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.Config.ShowWidthToggle ? 5 : -1);
 } }
-function MjFormToolbarComponent_Conditional_1_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, 26);
+function MjFormToolbarComponent_Conditional_1_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0, 27);
 } 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", 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, 3, 2, "button", 20);
-    i0.ɵɵconditionalCreate(6, MjFormToolbarComponent_Conditional_1_Conditional_6_Template, 3, 2, "button", 21);
-    i0.ɵɵconditionalCreate(7, MjFormToolbarComponent_Conditional_1_Conditional_7_Template, 3, 2, "button", 19);
-    i0.ɵɵrepeaterCreate(8, MjFormToolbarComponent_Conditional_1_For_9_Template, 1, 1, null, null, _forTrack0);
+    i0.ɵɵelementStart(0, "div", 20)(1, "div", 21);
+    i0.ɵɵrepeaterCreate(2, MjFormToolbarComponent_Conditional_1_For_3_Template, 5, 25, "button", 22, _forTrack0);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(10, MjFormToolbarComponent_Conditional_1_Conditional_10_Template, 1, 0, "div", 22);
-    i0.ɵɵconditionalCreate(11, MjFormToolbarComponent_Conditional_1_Conditional_11_Template, 6, 2, "div", 23);
-    i0.ɵɵelement(12, "div", 4);
-    i0.ɵɵconditionalCreate(13, MjFormToolbarComponent_Conditional_1_Conditional_13_Template, 7, 5, "div", 24);
-    i0.ɵɵconditionalCreate(14, MjFormToolbarComponent_Conditional_1_Conditional_14_Template, 6, 5, "div", 25);
-    i0.ɵɵconditionalCreate(15, MjFormToolbarComponent_Conditional_1_Conditional_15_Template, 1, 1, "ng-container", 26);
-    i0.ɵɵprojection(16);
+    i0.ɵɵconditionalCreate(4, MjFormToolbarComponent_Conditional_1_Conditional_4_Template, 1, 0, "div", 23);
+    i0.ɵɵconditionalCreate(5, MjFormToolbarComponent_Conditional_1_Conditional_5_Template, 6, 2, "div", 24);
+    i0.ɵɵelement(6, "div", 4);
+    i0.ɵɵconditionalCreate(7, MjFormToolbarComponent_Conditional_1_Conditional_7_Template, 7, 5, "div", 25);
+    i0.ɵɵconditionalCreate(8, MjFormToolbarComponent_Conditional_1_Conditional_8_Template, 6, 5, "div", 26);
+    i0.ɵɵconditionalCreate(9, MjFormToolbarComponent_Conditional_1_Conditional_9_Template, 1, 1, "ng-container", 27);
+    i0.ɵɵprojection(10);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵclassProp("mj-forms-toolbar--sticky", ctx_r1.Config.StickyToolbar);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.Config.ShowEditButton && ctx_r1.UserCanEdit ? 2 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.Config.ShowDeleteButton && ctx_r1.UserCanDelete ? 3 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.Config.ShowFavoriteButton && ctx_r1.FavoriteInitDone ? 4 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.Config.ShowHistoryButton && ctx_r1.TracksChanges ? 5 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.Config.ShowListButton ? 6 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.Config.ShowTagsButton ? 7 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.Config.CustomButtons);
+    i0.ɵɵrepeater(ctx_r1.ResolvedActionItems);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.Config.ShowEntityHierarchy && ctx_r1.IsInHierarchy ? 10 : -1);
+    i0.ɵɵconditional(ctx_r1.Config.ShowEntityHierarchy && ctx_r1.IsInHierarchy ? 4 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.Config.ShowEntityHierarchy && ctx_r1.IsInHierarchy ? 11 : -1);
+    i0.ɵɵconditional(ctx_r1.Config.ShowEntityHierarchy && ctx_r1.IsInHierarchy ? 5 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.ShowVariantPickerButton ? 13 : -1);
+    i0.ɵɵconditional(ctx_r1.ShowVariantPickerButton ? 7 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.Config.ShowSectionControls ? 14 : -1);
+    i0.ɵɵconditional(ctx_r1.Config.ShowSectionControls ? 8 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.AdditionalActionsTemplate ? 15 : -1);
+    i0.ɵɵconditional(ctx_r1.AdditionalActionsTemplate ? 9 : -1);
 } }
 function MjFormToolbarComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 78);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_2_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDiscardCancel()); });
-    i0.ɵɵelementStart(1, "div", 79);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_2_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r24); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(2, "div", 80)(3, "h3");
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 66);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_2_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDiscardCancel()); });
+    i0.ɵɵelementStart(1, "div", 67);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_2_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r22); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 68)(3, "h3");
     i0.ɵɵtext(4, "Discard Changes?");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "button", 81);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_2_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDiscardCancel()); });
-    i0.ɵɵelement(6, "i", 68);
+    i0.ɵɵelementStart(5, "button", 69);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_2_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDiscardCancel()); });
+    i0.ɵɵelement(6, "i", 56);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 82)(8, "p");
+    i0.ɵɵelementStart(7, "div", 70)(8, "p");
     i0.ɵɵtext(9, "You have ");
     i0.ɵɵelementStart(10, "strong");
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "div", 83)(14, "button", 84);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_2_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDiscardConfirm()); });
-    i0.ɵɵelement(15, "i", 10);
+    i0.ɵɵelementStart(13, "div", 71)(14, "button", 72);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_2_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDiscardConfirm()); });
+    i0.ɵɵelement(15, "i", 11);
     i0.ɵɵtext(16, " Discard Changes ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "button", 85);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_2_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDiscardCancel()); });
+    i0.ɵɵelementStart(17, "button", 73);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_2_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDiscardCancel()); });
     i0.ɵɵtext(18, " Keep Editing ");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -468,99 +495,99 @@ 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 _r25 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 78);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_3_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDeleteCancel()); });
-    i0.ɵɵelementStart(1, "div", 79);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_3_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r25); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(2, "div", 80)(3, "h3");
+    const _r23 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 66);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_3_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDeleteCancel()); });
+    i0.ɵɵelementStart(1, "div", 67);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_3_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r23); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 68)(3, "h3");
     i0.ɵɵtext(4, "Confirm Deletion");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "button", 81);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_3_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDeleteCancel()); });
-    i0.ɵɵelement(6, "i", 68);
+    i0.ɵɵelementStart(5, "button", 69);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_3_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDeleteCancel()); });
+    i0.ɵɵelement(6, "i", 56);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 82)(8, "p");
+    i0.ɵɵelementStart(7, "div", 70)(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", 83)(11, "button", 84);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_3_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDeleteConfirm()); });
-    i0.ɵɵelement(12, "i", 86);
+    i0.ɵɵelementStart(10, "div", 71)(11, "button", 72);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_3_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDeleteConfirm()); });
+    i0.ɵɵelement(12, "i", 74);
     i0.ɵɵtext(13, " Delete ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "button", 85);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_3_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDeleteCancel()); });
+    i0.ɵɵelementStart(14, "button", 73);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_Conditional_3_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r23); 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, 41);
+    i0.ɵɵelementContainer(0, 29);
 } if (rf & 2) {
-    const items_r27 = i0.ɵɵnextContext(2).items;
+    const items_r25 = i0.ɵɵnextContext(2).items;
     i0.ɵɵnextContext();
-    const descendantTreeTpl_r13 = i0.ɵɵreference(5);
-    i0.ɵɵproperty("ngTemplateOutlet", descendantTreeTpl_r13)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, items_r27[0].Children));
+    const descendantTreeTpl_r11 = i0.ɵɵreference(5);
+    i0.ɵɵproperty("ngTemplateOutlet", descendantTreeTpl_r11)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, items_r25[0].Children));
 } }
 function MjFormToolbarComponent_ng_template_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r26 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 44);
-    i0.ɵɵelement(1, "i", 45);
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 32);
+    i0.ɵɵelement(1, "i", 33);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "a", 88);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_ng_template_4_Conditional_0_Template_a_click_2_listener($event) { i0.ɵɵrestoreView(_r26); const items_r27 = i0.ɵɵnextContext().items; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDescendantBadgeClick(items_r27[0].EntityName, $event)); });
-    i0.ɵɵelement(3, "i", 89);
+    i0.ɵɵelementStart(2, "a", 76);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_ng_template_4_Conditional_0_Template_a_click_2_listener($event) { i0.ɵɵrestoreView(_r24); const items_r25 = i0.ɵɵnextContext().items; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDescendantBadgeClick(items_r25[0].EntityName, $event)); });
+    i0.ɵɵelement(3, "i", 77);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, MjFormToolbarComponent_ng_template_4_Conditional_0_Conditional_5_Template, 1, 4, "ng-container", 41);
+    i0.ɵɵconditionalCreate(5, MjFormToolbarComponent_ng_template_4_Conditional_0_Conditional_5_Template, 1, 4, "ng-container", 29);
 } if (rf & 2) {
-    const items_r27 = i0.ɵɵnextContext().items;
+    const items_r25 = i0.ɵɵnextContext().items;
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("title", "Navigate to: " + items_r27[0].EntityName);
+    i0.ɵɵproperty("title", "Navigate to: " + items_r25[0].EntityName);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", items_r27[0].EntityName, " ");
+    i0.ɵɵtextInterpolate1(" ", items_r25[0].EntityName, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(items_r27[0].Children.length > 0 ? 5 : -1);
+    i0.ɵɵconditional(items_r25[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, 41);
+    i0.ɵɵelementContainer(0, 29);
 } if (rf & 2) {
-    const item_r29 = i0.ɵɵnextContext().$implicit;
+    const item_r27 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵnextContext(3);
-    const descendantTreeTpl_r13 = i0.ɵɵreference(5);
-    i0.ɵɵproperty("ngTemplateOutlet", descendantTreeTpl_r13)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, item_r29.Children));
+    const descendantTreeTpl_r11 = i0.ɵɵreference(5);
+    i0.ɵɵproperty("ngTemplateOutlet", descendantTreeTpl_r11)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, item_r27.Children));
 } }
 function MjFormToolbarComponent_ng_template_4_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r28 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 90)(1, "a", 88);
-    i0.ɵɵlistener("click", function MjFormToolbarComponent_ng_template_4_Conditional_1_For_2_Template_a_click_1_listener($event) { const item_r29 = i0.ɵɵrestoreView(_r28).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnDescendantBadgeClick(item_r29.EntityName, $event)); });
-    i0.ɵɵelement(2, "i", 89);
+    const _r26 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 78)(1, "a", 76);
+    i0.ɵɵlistener("click", function MjFormToolbarComponent_ng_template_4_Conditional_1_For_2_Template_a_click_1_listener($event) { const item_r27 = i0.ɵɵrestoreView(_r26).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnDescendantBadgeClick(item_r27.EntityName, $event)); });
+    i0.ɵɵelement(2, "i", 77);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, MjFormToolbarComponent_ng_template_4_Conditional_1_For_2_Conditional_4_Template, 1, 4, "ng-container", 41);
+    i0.ɵɵconditionalCreate(4, MjFormToolbarComponent_ng_template_4_Conditional_1_For_2_Conditional_4_Template, 1, 4, "ng-container", 29);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r29 = ctx.$implicit;
+    const item_r27 = ctx.$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵproperty("title", "Navigate to: " + item_r29.EntityName);
+    i0.ɵɵproperty("title", "Navigate to: " + item_r27.EntityName);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", item_r29.EntityName, " ");
+    i0.ɵɵtextInterpolate1(" ", item_r27.EntityName, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(item_r29.Children.length > 0 ? 4 : -1);
+    i0.ɵɵconditional(item_r27.Children.length > 0 ? 4 : -1);
 } }
 function MjFormToolbarComponent_ng_template_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 87);
-    i0.ɵɵrepeaterCreate(1, MjFormToolbarComponent_ng_template_4_Conditional_1_For_2_Template, 5, 3, "div", 90, _forTrack2);
+    i0.ɵɵelementStart(0, "div", 75);
+    i0.ɵɵrepeaterCreate(1, MjFormToolbarComponent_ng_template_4_Conditional_1_For_2_Template, 5, 3, "div", 78, _forTrack2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const items_r27 = i0.ɵɵnextContext().items;
+    const items_r25 = i0.ɵɵnextContext().items;
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(items_r27);
+    i0.ɵɵrepeater(items_r25);
 } }
 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", 87);
+    i0.ɵɵconditionalCreate(0, MjFormToolbarComponent_ng_template_4_Conditional_0_Template, 6, 3)(1, MjFormToolbarComponent_ng_template_4_Conditional_1_Template, 3, 0, "div", 75);
 } if (rf & 2) {
-    const items_r27 = ctx.items;
-    i0.ɵɵconditional(items_r27.length === 1 ? 0 : items_r27.length > 1 ? 1 : -1);
+    const items_r25 = ctx.items;
+    i0.ɵɵconditional(items_r25.length === 1 ? 0 : items_r25.length > 1 ? 1 : -1);
 } }
 /**
  * Configurable form toolbar component.
@@ -586,6 +613,8 @@ function MjFormToolbarComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
  */
 export class MjFormToolbarComponent extends BaseAngularComponent {
     cdr = inject(ChangeDetectorRef);
+    recordRefresh = inject(FormRecordRefreshCoordinator, { optional: true });
+    destroy$ = new Subject();
     // ---- Deprecated form reference (backward compat) ----
     _formRef;
     /**
@@ -620,6 +649,12 @@ export class MjFormToolbarComponent extends BaseAngularComponent {
     TagCount = 0;
     /** Whether the tags panel is currently open */
     IsTagsPanelOpen = false;
+    /** Number of attachments linked to this record */
+    AttachmentCount = 0;
+    /** Whether the attachments feature is available for this record */
+    AttachmentsAvailable = false;
+    /** Whether the attachments panel is currently open */
+    IsAttachmentsPanelOpen = false;
     /** Number of record change versions for this record (displayed as "vN" badge on history button) */
     VersionCount = 0;
     /** Entity info for IS-A hierarchy and metadata */
@@ -628,6 +663,8 @@ export class MjFormToolbarComponent extends BaseAngularComponent {
     Config = DEFAULT_TOOLBAR_CONFIG;
     /** Whether to show the toolbar in a saving/loading state */
     IsSaving = false;
+    /** Whether a refresh from database operation is currently in progress */
+    IsRefreshing = false;
     // Section controls inputs
     VisibleSectionCount = 0;
     TotalSectionCount = 0;
@@ -636,6 +673,14 @@ export class MjFormToolbarComponent extends BaseAngularComponent {
     ShowEmptyFields = false;
     WidthMode = 'centered';
     HasCustomSectionOrder = false;
+    /**
+     * Form chrome layout. Expand/collapse-all only render for accordion.
+     * Left-nav and right-nav show one section at a time.
+     */
+    ChromeLayout = 'accordion';
+    get ShowExpandCollapseAll() {
+        return this.Config.ShowExpandCollapseAllButtons && IsAccordionFormChrome(this.ChromeLayout);
+    }
     /** Optional template for additional toolbar actions */
     AdditionalActionsTemplate = null;
     /**
@@ -650,9 +695,17 @@ export class MjFormToolbarComponent extends BaseAngularComponent {
      * {@link VariantPickerItem} on the container for the canonical shape.
      */
     Variants = [];
+    /** Dynamic toolbar items registered by FormComponent or BaseFormPanels */
+    RegisteredItems = [];
+    /** Toolbar item property overrides */
+    ItemOverrides = null;
+    /** Reference to the form component instance for event payloads */
+    FormComponent = null;
     /** The currently-applied variant ID, or null when the Default form is active. */
     CurrentVariantID = null;
     // ---- Outputs ----
+    /** Emitted when any toolbar item (standard or custom) is clicked */
+    ToolbarItemClick = new EventEmitter();
     /** Emitted for all navigation actions (record links, hierarchy clicks, etc.) */
     Navigate = new EventEmitter();
     /** Request to enter or exit edit mode */
@@ -669,6 +722,10 @@ export class MjFormToolbarComponent extends BaseAngularComponent {
     BeforeDelete = new EventEmitter();
     /** Request to delete the current record */
     DeleteRequested = new EventEmitter();
+    /** Emitted BEFORE refresh - can be cancelled by setting event.Cancel = true */
+    BeforeRefresh = new EventEmitter();
+    /** Request to refresh the current record from the database */
+    RefreshRequested = new EventEmitter();
     /** Request to toggle favorite status */
     FavoriteToggled = new EventEmitter();
     /** Emitted BEFORE history view - can be cancelled by setting event.Cancel = true */
@@ -681,6 +738,8 @@ export class MjFormToolbarComponent extends BaseAngularComponent {
     ListManagementRequested = new EventEmitter();
     /** Emitted when the Tags button is clicked */
     TagsPanelToggled = new EventEmitter();
+    /** Emitted when the Attachments button is clicked */
+    AttachmentsPanelToggled = new EventEmitter();
     /** Request to show dirty field changes */
     ShowChangesRequested = new EventEmitter();
     /**
@@ -707,6 +766,15 @@ export class MjFormToolbarComponent extends BaseAngularComponent {
     _lastRecordForChains = null;
     _chainsLoading = false;
     // ---- Lifecycle ----
+    ngOnInit() {
+        this.recordRefresh?.Refreshed$.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.InvalidateHierarchy();
+        });
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
     ngDoCheck() {
         if (this._formRef) {
             this.SyncFromFormRef();
@@ -853,6 +921,16 @@ export class MjFormToolbarComponent extends BaseAngularComponent {
         return this.Record.PrimaryKey.ToConcatenatedString();
     }
     // ---- Descendant Chain Computation ----
+    /**
+     * Force a recompute of the IS-A descendant breadcrumb. Needed after
+     * in-place record refresh because the Record object identity does not
+     * change, so {@link CheckDescendantChains} would otherwise skip.
+     */
+    InvalidateHierarchy() {
+        this._lastRecordForChains = null;
+        this.ComputeDescendantChains();
+        this.cdr.markForCheck();
+    }
     /**
      * Check if descendant chains need recomputation (called from DoCheck).
      * Only triggers async computation when the record identity changes.
@@ -976,6 +1054,18 @@ export class MjFormToolbarComponent extends BaseAngularComponent {
         this.ShowDeleteDialog = false;
         this.cdr.markForCheck();
     }
+    OnRefresh() {
+        if (this.IsRefreshing || this.IsSaving)
+            return;
+        // Emit Before event - handler can cancel by setting event.Cancel = true
+        const beforeEvent = new BeforeRefreshEventArgs();
+        this.BeforeRefresh.emit(beforeEvent);
+        if (beforeEvent.Cancel)
+            return;
+        if (this.DispatchToFormRef('RefreshRecord'))
+            return;
+        this.RefreshRequested.emit();
+    }
     OnFavoriteToggle() {
         if (this.DispatchToFormRef('OnFavoriteToggled'))
             return;
@@ -1006,6 +1096,11 @@ export class MjFormToolbarComponent extends BaseAngularComponent {
             return;
         this.TagsPanelToggled.emit();
     }
+    OnAttachmentsPanel() {
+        if (this.DispatchToFormRef('HandleAttachmentsPanel'))
+            return;
+        this.AttachmentsPanelToggled.emit();
+    }
     OnCustomButtonClick(button) {
         if (button.Disabled)
             return;
@@ -1014,6 +1109,315 @@ export class MjFormToolbarComponent extends BaseAngularComponent {
             Button: button
         });
     }
+    /**
+     * Resolves all standard and custom toolbar items into their active runtime state,
+     * evaluated against the current Record and EditMode.
+     */
+    get ResolvedToolbarItems() {
+        const rawItems = [];
+        // 1. Standard Built-in Items
+        rawItems.push({
+            Key: 'edit',
+            Text: '',
+            Description: 'Edit this Record',
+            Icon: 'fa-solid fa-pen-to-square',
+            Variant: 'default',
+            Mode: 'read',
+            Placement: 'actions',
+            Order: 10,
+            Visible: this.Config.ShowEditButton && this.UserCanEdit,
+            Disabled: false,
+        }, {
+            Key: 'delete',
+            Text: '',
+            Description: 'Delete this Record',
+            Icon: 'fa-regular fa-trash-can',
+            Variant: 'default',
+            Mode: 'read',
+            Placement: 'actions',
+            Order: 20,
+            Visible: this.Config.ShowDeleteButton && this.UserCanDelete,
+            Disabled: false,
+        }, {
+            Key: 'refresh',
+            Text: '',
+            Description: 'Refresh record from database',
+            Icon: 'fa-solid fa-arrows-rotate',
+            Variant: 'default',
+            Mode: 'read',
+            Placement: 'actions',
+            Order: 25,
+            Visible: this.Config.ShowRefreshButton !== false && (this.Record?.IsSaved ?? false),
+            Disabled: this.IsSaving || this.IsRefreshing,
+            IsLoading: this.IsRefreshing,
+        }, {
+            Key: 'favorite',
+            Text: '',
+            Description: this.IsFavorite ? 'Remove Favorite' : 'Make Favorite',
+            Icon: this.IsFavorite ? 'fa-solid fa-star mj-icon--favorite' : 'fa-regular fa-star',
+            Variant: 'default',
+            Mode: 'read',
+            Placement: 'actions',
+            Order: 30,
+            Visible: this.Config.ShowFavoriteButton && this.FavoriteInitDone,
+            Disabled: false,
+        }, {
+            Key: 'history',
+            Text: '',
+            Description: this.VersionCount > 0 ? `${this.VersionCount} version(s) tracked` : 'Record Changes',
+            Icon: 'fa-regular fa-clock',
+            Badge: this.VersionCount > 0 ? `v${this.VersionCount}` : undefined,
+            Variant: 'default',
+            Mode: 'read',
+            Placement: 'actions',
+            Order: 40,
+            Visible: this.Config.ShowHistoryButton && this.TracksChanges,
+            Disabled: false,
+        }, {
+            Key: 'list',
+            Text: '',
+            Description: this.ListCount > 0 ? `Member of ${this.ListCount} list(s)` : 'Add to a list',
+            Icon: 'fa-regular fa-bookmark',
+            Badge: this.ListCount > 0 ? this.ListCount : undefined,
+            Variant: 'default',
+            Mode: 'read',
+            Placement: 'actions',
+            Order: 50,
+            Visible: this.Config.ShowListButton,
+            Disabled: false,
+        }, {
+            Key: 'tags',
+            Text: '',
+            Description: this.TagCount > 0 ? `${this.TagCount} tag(s)` : 'View tags',
+            Icon: 'fa-solid fa-tags',
+            Badge: this.TagCount > 0 ? this.TagCount : undefined,
+            Variant: 'default',
+            Mode: 'read',
+            Placement: 'actions',
+            Order: 60,
+            Visible: this.Config.ShowTagsButton,
+            Disabled: false,
+        }, {
+            Key: 'attachments',
+            Text: '',
+            Description: this.AttachmentCount > 0 ? `${this.AttachmentCount} attachment${this.AttachmentCount === 1 ? '' : 's'}` : 'Attachments',
+            Icon: 'fa-solid fa-paperclip',
+            Badge: this.AttachmentCount > 0 ? this.AttachmentCount : undefined,
+            Variant: 'default',
+            Mode: 'read',
+            Placement: 'actions',
+            Order: 70,
+            Visible: this.Config.ShowAttachmentsButton && this.AttachmentsAvailable,
+            Disabled: false,
+            CssClass: this.IsAttachmentsPanelOpen ? 'active' : '',
+        });
+        // 2. Legacy Custom Buttons from Config.CustomButtons (if not already registered dynamically)
+        if (this.Config.CustomButtons && this.Config.CustomButtons.length > 0) {
+            for (const cb of this.Config.CustomButtons) {
+                if (!this.RegisteredItems.some(r => r.Key === cb.Key)) {
+                    rawItems.push({
+                        Key: cb.Key,
+                        Text: cb.Name || '',
+                        Description: cb.Description || '',
+                        Icon: cb.Icon || '',
+                        Variant: 'default',
+                        Mode: 'read',
+                        Placement: 'actions',
+                        Order: 100,
+                        Visible: cb.Visible !== false,
+                        Disabled: cb.Disabled || false,
+                        CssClass: cb.CssClass || '',
+                    });
+                }
+            }
+        }
+        // 3. Dynamically Registered Items (from BaseFormComponent / BaseFormPanel)
+        if (this.RegisteredItems && this.RegisteredItems.length > 0) {
+            for (const item of this.RegisteredItems) {
+                const existingIdx = rawItems.findIndex(r => r.Key === item.Key);
+                if (existingIdx >= 0) {
+                    rawItems[existingIdx] = { ...rawItems[existingIdx], ...item };
+                }
+                else {
+                    rawItems.push({ ...item });
+                }
+            }
+        }
+        // 4. Resolve states, evaluate predicates, apply overrides
+        const resolved = [];
+        const standardKeys = new Set(['edit', 'delete', 'refresh', 'favorite', 'history', 'list', 'tags', 'attachments']);
+        for (const item of rawItems) {
+            const overrides = this.ItemOverrides?.get(item.Key);
+            const merged = overrides ? { ...item, ...overrides } : item;
+            // Mode check
+            const mode = merged.Mode ?? 'read';
+            if (mode === 'read' && this.EditMode)
+                continue;
+            if (mode === 'edit' && !this.EditMode)
+                continue;
+            // Visibility evaluation
+            let visible = true;
+            if (typeof merged.Visible === 'function') {
+                try {
+                    visible = merged.Visible(this.Record, this.EditMode);
+                }
+                catch {
+                    visible = false;
+                }
+            }
+            else if (typeof merged.Visible === 'boolean') {
+                visible = merged.Visible;
+            }
+            if (!visible)
+                continue;
+            // Disabled evaluation
+            let disabled = false;
+            let disabledReason;
+            if (typeof merged.Disabled === 'function') {
+                try {
+                    const res = merged.Disabled(this.Record, this.EditMode);
+                    if (typeof res === 'string') {
+                        disabled = true;
+                        disabledReason = res;
+                    }
+                    else {
+                        disabled = !!res;
+                    }
+                }
+                catch {
+                    disabled = true;
+                }
+            }
+            else if (typeof merged.Disabled === 'string') {
+                disabled = true;
+                disabledReason = merged.Disabled;
+            }
+            else if (typeof merged.Disabled === 'boolean') {
+                disabled = merged.Disabled;
+            }
+            // Loading evaluation
+            let isLoading = false;
+            if (typeof merged.IsLoading === 'function') {
+                try {
+                    isLoading = merged.IsLoading(this.Record, this.EditMode);
+                }
+                catch {
+                    isLoading = false;
+                }
+            }
+            else if (typeof merged.IsLoading === 'boolean') {
+                isLoading = merged.IsLoading;
+            }
+            // Badge evaluation
+            let badge;
+            if (typeof merged.Badge === 'function') {
+                try {
+                    const b = merged.Badge(this.Record);
+                    badge = b != null ? b : undefined;
+                }
+                catch {
+                    badge = undefined;
+                }
+            }
+            else if (merged.Badge != null) {
+                badge = merged.Badge;
+            }
+            const description = disabled && disabledReason ? disabledReason : (merged.Description ?? '');
+            resolved.push({
+                Key: merged.Key,
+                Text: merged.Text ?? '',
+                Description: description,
+                Icon: merged.Icon ?? '',
+                Variant: merged.Variant ?? 'default',
+                Mode: mode,
+                Placement: merged.Placement ?? 'actions',
+                Order: merged.Order ?? 100,
+                Visible: true,
+                Disabled: disabled,
+                DisabledReason: disabledReason,
+                Badge: badge,
+                IsLoading: isLoading,
+                CssClass: merged.CssClass ?? '',
+                IsStandard: standardKeys.has(merged.Key),
+                Config: merged,
+            });
+        }
+        return resolved.sort((a, b) => a.Order - b.Order);
+    }
+    get ResolvedActionItems() {
+        return this.ResolvedToolbarItems.filter(item => item.Placement === 'actions');
+    }
+    get ResolvedEditBeforeSaveItems() {
+        return this.ResolvedActionItems.filter(item => (item.Order ?? 100) < 50);
+    }
+    get ResolvedEditAfterSaveItems() {
+        return this.ResolvedActionItems.filter(item => (item.Order ?? 100) >= 50);
+    }
+    get ResolvedRightItems() {
+        return this.ResolvedToolbarItems.filter(item => item.Placement === 'right');
+    }
+    async OnToolbarItemClick(item, event) {
+        if (item.Disabled || item.IsLoading) {
+            return;
+        }
+        const clickArgs = {
+            ItemKey: item.Key,
+            Item: item.Config,
+            Record: this.Record,
+            EditMode: this.EditMode,
+            FormComponent: this.FormComponent,
+            Cancel: false
+        };
+        if (item.IsStandard) {
+            switch (item.Key) {
+                case 'edit':
+                    this.OnEdit();
+                    break;
+                case 'delete':
+                    this.OnDeleteClick();
+                    break;
+                case 'refresh':
+                    this.OnRefresh();
+                    break;
+                case 'favorite':
+                    this.OnFavoriteToggle();
+                    break;
+                case 'history':
+                    this.OnHistory();
+                    break;
+                case 'list':
+                    this.OnListManagement();
+                    break;
+                case 'tags':
+                    this.OnTagsPanel();
+                    break;
+                case 'attachments':
+                    this.OnAttachmentsPanel();
+                    break;
+            }
+        }
+        this.ToolbarItemClick.emit(clickArgs);
+        this.CustomButtonClick.emit({
+            ButtonKey: item.Key,
+            Button: {
+                Key: item.Key,
+                Name: item.Text,
+                Description: item.Description,
+                Icon: item.Icon,
+                Visible: item.Visible,
+                Disabled: item.Disabled,
+                CssClass: item.CssClass
+            }
+        });
+        if (!clickArgs.Cancel && item.Config.OnClick) {
+            try {
+                await item.Config.OnClick(clickArgs);
+            }
+            catch (err) {
+                console.error(`[FormToolbar] Error executing OnClick for toolbar item '${item.Key}':`, err);
+            }
+        }
+    }
     OnShowChanges() {
         if (this.DispatchToFormRef('ShowChanges'))
             return;
@@ -1167,10 +1571,10 @@ export class MjFormToolbarComponent extends BaseAngularComponent {
         this.ManageSectionsRequested.emit();
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵMjFormToolbarComponent_BaseFactory; return function MjFormToolbarComponent_Factory(__ngFactoryType__) { return (ɵMjFormToolbarComponent_BaseFactory || (ɵMjFormToolbarComponent_BaseFactory = i0.ɵɵgetInheritedFactory(MjFormToolbarComponent)))(__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", TagCount: "TagCount", IsTagsPanelOpen: "IsTagsPanelOpen", VersionCount: "VersionCount", EntityInfo: "EntityInfo", Config: "Config", IsSaving: "IsSaving", VisibleSectionCount: "VisibleSectionCount", TotalSectionCount: "TotalSectionCount", ExpandedSectionCount: "ExpandedSectionCount", SearchFilter: "SearchFilter", ShowEmptyFields: "ShowEmptyFields", WidthMode: "WidthMode", HasCustomSectionOrder: "HasCustomSectionOrder", AdditionalActionsTemplate: "AdditionalActionsTemplate", Variants: "Variants", CurrentVariantID: "CurrentVariantID" }, 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", TagsPanelToggled: "TagsPanelToggled", ShowChangesRequested: "ShowChangesRequested", VariantPicked: "VariantPicked", CustomButtonClick: "CustomButtonClick", FilterChange: "FilterChange", ExpandAllRequested: "ExpandAllRequested", CollapseAllRequested: "CollapseAllRequested", ShowEmptyFieldsChange: "ShowEmptyFieldsChange", WidthModeChange: "WidthModeChange", ResetSectionOrderRequested: "ResetSectionOrderRequested", ManageSectionsRequested: "ManageSectionsRequested" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], 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"], [1, "mj-forms-btn", "mj-forms-btn--history", 3, "title"], [1, "mj-forms-btn", "mj-forms-btn--list", 3, "title"], [1, "mj-forms-toolbar-separator"], [1, "mj-entity-hierarchy"], [1, "mj-form-variant-picker-host", 3, "open"], [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"], [1, "mj-forms-btn", "mj-forms-btn--history", 3, "click", "title"], [1, "fa-regular", "fa-clock"], [1, "mj-version-count-badge"], [1, "mj-forms-btn", "mj-forms-btn--list", 3, "click", "title"], [1, "fa-regular", "fa-bookmark"], [1, "mj-list-count-badge"], [1, "fa-solid", "fa-tags"], [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-form-variant-picker-host"], ["type", "button", 1, "mj-forms-btn", "mj-form-variant-picker-trigger", 3, "click", "blur", "title"], [1, "fa-solid", "fa-pen-ruler"], [1, "mj-form-variant-picker-current-label"], [1, "fa-solid", "fa-chevron-down", "chev"], [1, "mj-form-variant-picker-menu"], [1, "mj-form-variant-picker-menu", 3, "mousedown", "click"], [1, "mj-form-variant-picker-row", "mj-form-variant-picker-default", 3, "click"], [1, "mj-form-variant-picker-row-main"], [1, "mj-form-variant-picker-row-title"], [1, "mj-form-variant-picker-default-tag"], [1, "mj-form-variant-picker-row-sub"], [1, "fa-solid", "fa-check", "mj-form-variant-picker-check"], [1, "mj-form-variant-picker-row", 3, "current", "inactive"], [1, "mj-form-variant-picker-row", 3, "click"], [1, "mj-forms-search-wrapper"], ["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, "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", "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", 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-forms-btn", "mj-forms-btn--ghost", "mj-forms-btn--icon-only", 3, "click", "title"], [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) {
+    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", TagCount: "TagCount", IsTagsPanelOpen: "IsTagsPanelOpen", AttachmentCount: "AttachmentCount", AttachmentsAvailable: "AttachmentsAvailable", IsAttachmentsPanelOpen: "IsAttachmentsPanelOpen", VersionCount: "VersionCount", EntityInfo: "EntityInfo", Config: "Config", IsSaving: "IsSaving", IsRefreshing: "IsRefreshing", VisibleSectionCount: "VisibleSectionCount", TotalSectionCount: "TotalSectionCount", ExpandedSectionCount: "ExpandedSectionCount", SearchFilter: "SearchFilter", ShowEmptyFields: "ShowEmptyFields", WidthMode: "WidthMode", HasCustomSectionOrder: "HasCustomSectionOrder", ChromeLayout: "ChromeLayout", AdditionalActionsTemplate: "AdditionalActionsTemplate", Variants: "Variants", RegisteredItems: "RegisteredItems", ItemOverrides: "ItemOverrides", FormComponent: "FormComponent", CurrentVariantID: "CurrentVariantID" }, outputs: { ToolbarItemClick: "ToolbarItemClick", Navigate: "Navigate", EditModeChange: "EditModeChange", BeforeSave: "BeforeSave", SaveRequested: "SaveRequested", BeforeCancel: "BeforeCancel", CancelRequested: "CancelRequested", BeforeDelete: "BeforeDelete", DeleteRequested: "DeleteRequested", BeforeRefresh: "BeforeRefresh", RefreshRequested: "RefreshRequested", FavoriteToggled: "FavoriteToggled", BeforeHistoryView: "BeforeHistoryView", HistoryRequested: "HistoryRequested", BeforeListManagement: "BeforeListManagement", ListManagementRequested: "ListManagementRequested", TagsPanelToggled: "TagsPanelToggled", AttachmentsPanelToggled: "AttachmentsPanelToggled", ShowChangesRequested: "ShowChangesRequested", VariantPicked: "VariantPicked", CustomButtonClick: "CustomButtonClick", FilterChange: "FilterChange", ExpandAllRequested: "ExpandAllRequested", CollapseAllRequested: "CollapseAllRequested", ShowEmptyFieldsChange: "ShowEmptyFieldsChange", WidthModeChange: "WidthModeChange", ResetSectionOrderRequested: "ResetSectionOrderRequested", ManageSectionsRequested: "ManageSectionsRequested" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], 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"], [1, "mj-forms-btn", 3, "mj-forms-btn--primary", "mj-forms-btn--secondary", "mj-forms-btn--accent", "mj-forms-btn--danger", "mj-forms-btn--ghost", "class", "disabled", "title"], ["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-btn", 3, "click", "disabled", "title"], [1, "fa-solid", "fa-spinner", "fa-spin"], [3, "class"], [1, "mj-list-count-badge"], [1, "mj-forms-toolbar"], [1, "mj-forms-toolbar-group"], [1, "mj-forms-btn", 3, "mj-forms-btn--primary", "mj-forms-btn--secondary", "mj-forms-btn--accent", "mj-forms-btn--danger", "mj-forms-btn--ghost", "mj-forms-btn--history", "mj-forms-btn--list", "mj-forms-btn--tags", "mj-forms-btn--attachments", "class", "disabled", "title"], [1, "mj-forms-toolbar-separator"], [1, "mj-entity-hierarchy"], [1, "mj-form-variant-picker-host", 3, "open"], [1, "mj-forms-toolbar-group", "mj-section-controls"], [3, "ngTemplateOutlet"], [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-form-variant-picker-host"], ["type", "button", 1, "mj-forms-btn", "mj-form-variant-picker-trigger", 3, "click", "blur", "title"], [1, "fa-solid", "fa-pen-ruler"], [1, "mj-form-variant-picker-current-label"], [1, "fa-solid", "fa-chevron-down", "chev"], [1, "mj-form-variant-picker-menu"], [1, "mj-form-variant-picker-menu", 3, "mousedown", "click"], [1, "mj-form-variant-picker-row", "mj-form-variant-picker-default", 3, "click"], [1, "mj-form-variant-picker-row-main"], [1, "mj-form-variant-picker-row-title"], [1, "mj-form-variant-picker-default-tag"], [1, "mj-form-variant-picker-row-sub"], [1, "fa-solid", "fa-check", "mj-form-variant-picker-check"], [1, "mj-form-variant-picker-row", 3, "current", "inactive"], [1, "mj-form-variant-picker-row", 3, "click"], [1, "mj-forms-search-wrapper"], ["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, "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", "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", 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-forms-btn", "mj-forms-btn--ghost", "mj-forms-btn--icon-only", 3, "click", "title"], [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", 1);
-            i0.ɵɵconditionalCreate(1, MjFormToolbarComponent_Conditional_1_Template, 17, 13, "div", 2);
+            i0.ɵɵconditionalCreate(0, MjFormToolbarComponent_Conditional_0_Template, 17, 3, "div", 1);
+            i0.ɵɵconditionalCreate(1, MjFormToolbarComponent_Conditional_1_Template, 11, 7, "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);
@@ -1182,11 +1586,11 @@ export class MjFormToolbarComponent extends BaseAngularComponent {
             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  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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  border-bottom: 2px solid var(--mj-brand-primary);\n  font-size: 13px;\n  color: var(--mj-brand-primary);\n  font-weight: var(--mj-font-medium);\n}\n\n.mj-forms-edit-banner[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-sm);\n}\n\n.mj-forms-edit-banner-icon--dirty[_ngcontent-%COMP%] {\n  color: var(--mj-status-warning);\n  font-size: var(--mj-text-base);\n}\n\n.mj-forms-edit-banner-text[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-sm);\n}\n\n.mj-forms-edit-banner-dirty[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-sm);\n  color: var(--mj-text-primary);\n}\n\n.mj-forms-edit-banner-dirty[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n  color: var(--mj-status-warning);\n  font-weight: var(--mj-font-bold);\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-bg-surface-card);\n  border-bottom: 2px solid var(--mj-border-default);\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-default);\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  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  font-size: 13px;\n  font-weight: var(--mj-font-medium);\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  border-radius: var(--mj-radius-sm);\n  cursor: pointer;\n  transition: all var(--mj-transition-base) ease;\n  white-space: nowrap;\n  font-family: inherit;\n  line-height: 1;\n}\n\n.mj-forms-btn[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-border-strong);\n  box-shadow: var(--mj-shadow-sm);\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-brand-primary);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-brand-primary);\n}\n\n.mj-forms-btn--primary[_ngcontent-%COMP%]:hover {\n  background: var(--mj-brand-primary-hover);\n  border-color: var(--mj-brand-primary-hover);\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n}\n\n.mj-forms-btn--danger[_ngcontent-%COMP%] {\n  color: var(--mj-status-error);\n  border-color: color-mix(in srgb, var(--mj-status-error) 30%, transparent);\n  background: color-mix(in srgb, var(--mj-status-error) 5%, var(--mj-bg-surface));\n}\n\n.mj-forms-btn--danger[_ngcontent-%COMP%]:hover {\n  background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n  border-color: var(--mj-status-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: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\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: var(--mj-text-xs);\n}\n\n.mj-forms-btn--sm[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-xs);\n}\n\n.mj-forms-btn-text[_ngcontent-%COMP%] {\n  margin-left: 2px;\n}\n\n.mj-icon--favorite[_ngcontent-%COMP%] {\n  color: var(--mj-status-warning);\n}\n\n\n\n.mj-forms-btn--list[_ngcontent-%COMP%] {\n  position: relative;\n}\n\n\n\n.mj-forms-btn--history[_ngcontent-%COMP%] {\n  position: relative;\n}\n\n.mj-version-count-badge[_ngcontent-%COMP%] {\n  position: absolute;\n  top: -6px;\n  right: -10px;\n  padding: 0 5px;\n  font-size: 10px;\n  font-weight: var(--mj-font-bold);\n  color: var(--mj-text-inverse);\n  background: linear-gradient(135deg, var(--mj-status-success) 0%, color-mix(in srgb, var(--mj-status-success) 85%, black) 100%);\n  border-radius: var(--mj-radius-full);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 16px;\n  border: 2px solid var(--mj-bg-surface-card);\n  white-space: nowrap;\n  line-height: 1;\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: var(--mj-font-bold);\n  color: var(--mj-text-inverse);\n  background: linear-gradient(135deg, var(--mj-status-info) 0%, color-mix(in srgb, var(--mj-status-info) 85%, black) 100%);\n  border-radius: var(--mj-radius-full);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 2px solid var(--mj-bg-surface-card);\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: var(--mj-text-xs);\n  font-weight: var(--mj-font-semibold);\n  border-radius: var(--mj-radius-sm);\n  cursor: pointer;\n  transition: all var(--mj-transition-base) 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: color-mix(in srgb, var(--mj-brand-accent) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-accent);\n  border-color: color-mix(in srgb, var(--mj-brand-accent) 25%, transparent);\n}\n\n.mj-entity-badge--parent[_ngcontent-%COMP%]:hover {\n  background: color-mix(in srgb, var(--mj-brand-accent) 18%, var(--mj-bg-surface));\n  border-color: var(--mj-brand-accent);\n  box-shadow: 0 2px 6px color-mix(in srgb, var(--mj-brand-accent) 15%, transparent);\n}\n\n.mj-entity-badge--current[_ngcontent-%COMP%] {\n  font-weight: var(--mj-font-semibold);\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  padding: 4px 8px;\n  background: var(--mj-bg-surface-hover);\n  border-radius: var(--mj-radius-sm);\n  cursor: default;\n}\n\n.mj-entity-badge--child[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-status-info) 10%, var(--mj-bg-surface));\n  color: var(--mj-status-info);\n  border-color: color-mix(in srgb, var(--mj-status-info) 25%, transparent);\n}\n\n.mj-entity-badge--child[_ngcontent-%COMP%]:hover {\n  background: color-mix(in srgb, var(--mj-status-info) 18%, var(--mj-bg-surface));\n  border-color: var(--mj-status-info);\n  box-shadow: 0 2px 6px color-mix(in srgb, var(--mj-status-info) 15%, transparent);\n}\n\n.mj-entity-badge--overlapping[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-status-warning) 10%, var(--mj-bg-surface));\n  color: color-mix(in srgb, var(--mj-status-warning) 85%, black);\n  border-color: color-mix(in srgb, var(--mj-status-warning) 40%, transparent);\n}\n\n.mj-entity-badge--overlapping[_ngcontent-%COMP%]:hover {\n  background: color-mix(in srgb, var(--mj-status-warning) 18%, var(--mj-bg-surface));\n  border-color: color-mix(in srgb, var(--mj-status-warning) 85%, black);\n  box-shadow: 0 2px 6px color-mix(in srgb, var(--mj-status-warning) 15%, transparent);\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-status-info);\n  color: var(--mj-text-inverse);\n  font-size: 10px;\n  padding: 1px 5px;\n  border-radius: var(--mj-radius-full);\n  font-weight: var(--mj-font-bold);\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-default);\n  border-radius: var(--mj-radius-sm);\n  background: var(--mj-bg-surface);\n  outline: none;\n  font-family: inherit;\n  transition: all var(--mj-transition-base);\n}\n\n.mj-section-search[_ngcontent-%COMP%]:focus {\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n\n\n.mj-section-search--active[_ngcontent-%COMP%] {\n  background-color: color-mix(in srgb, var(--mj-status-warning) 40%, var(--mj-bg-surface));\n  border-color: var(--mj-status-warning);\n  color: color-mix(in srgb, var(--mj-status-warning) 80%, black);\n  font-weight: var(--mj-font-semibold);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-status-warning) 25%, transparent);\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: var(--mj-text-xs);\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: var(--mj-bg-overlay);\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-bg-surface-card);\n  border-radius: var(--mj-radius-lg);\n  box-shadow: var(--mj-shadow-lg);\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-default);\n}\n\n.mj-dialog-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: var(--mj-text-base);\n  font-weight: var(--mj-font-semibold);\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: var(--mj-text-base);\n  transition: color var(--mj-transition-base);\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: var(--mj-text-sm);\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-default);\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}\n\n\n\n\n\n\n\n\n.mj-form-variant-picker-host[_ngcontent-%COMP%] {\n  position: relative;\n  display: inline-flex;\n}\n\n.mj-form-variant-picker-trigger[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  max-width: 240px;\n}\n\n.mj-form-variant-picker-trigger[_ngcontent-%COMP%]   .chev[_ngcontent-%COMP%] {\n  font-size: 10px;\n  opacity: 0.7;\n}\n\n.mj-form-variant-picker-current-label[_ngcontent-%COMP%] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 160px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.mj-form-variant-picker-host.open[_ngcontent-%COMP%]   .mj-form-variant-picker-trigger[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-border-focus);\n}\n\n.mj-form-variant-picker-menu[_ngcontent-%COMP%] {\n  position: absolute;\n  top: calc(100% + 4px);\n  right: 0;\n  z-index: 50;\n  min-width: 280px;\n  max-height: 360px;\n  overflow-y: auto;\n  background: var(--mj-bg-surface-elevated);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n  padding: 4px 0;\n}\n\n.mj-form-variant-picker-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  padding: 8px 12px;\n  cursor: pointer;\n  color: var(--mj-text-primary);\n  font-size: 13px;\n  transition: background 120ms;\n}\n\n.mj-form-variant-picker-row[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.mj-form-variant-picker-row.current[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.mj-form-variant-picker-row.inactive[_ngcontent-%COMP%] {\n  opacity: 0.6;\n}\n\n.mj-form-variant-picker-row-main[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.mj-form-variant-picker-row-title[_ngcontent-%COMP%] {\n  font-weight: 600;\n}\n\n.mj-form-variant-picker-row-sub[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n}\n\n.mj-form-variant-picker-default-tag[_ngcontent-%COMP%] {\n  font-size: 10px;\n  font-weight: 500;\n  color: var(--mj-text-muted);\n  margin-left: 4px;\n}\n\n.mj-form-variant-picker-default[_ngcontent-%COMP%] {\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mj-form-variant-picker-check[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n  margin-top: 2px;\n}"], changeDetection: 0 });
+        } }, dependencies: [i1.NgTemplateOutlet], styles: ["\n\n\n\n[_nghost-%COMP%] {\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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  border-bottom: 2px solid var(--mj-brand-primary);\n  font-size: 13px;\n  color: var(--mj-brand-primary);\n  font-weight: var(--mj-font-medium);\n}\n\n.mj-forms-edit-banner[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-sm);\n}\n\n.mj-forms-edit-banner-icon--dirty[_ngcontent-%COMP%] {\n  color: var(--mj-status-warning);\n  font-size: var(--mj-text-base);\n}\n\n.mj-forms-edit-banner-text[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-sm);\n}\n\n.mj-forms-edit-banner-dirty[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-sm);\n  color: var(--mj-text-primary);\n}\n\n.mj-forms-edit-banner-dirty[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n  color: var(--mj-status-warning);\n  font-weight: var(--mj-font-bold);\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-bg-surface-card);\n  border-bottom: 2px solid var(--mj-border-default);\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-default);\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  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  font-size: 13px;\n  font-weight: var(--mj-font-medium);\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  border-radius: var(--mj-radius-sm);\n  cursor: pointer;\n  transition: all var(--mj-transition-base) ease;\n  white-space: nowrap;\n  font-family: inherit;\n  line-height: 1;\n}\n\n.mj-forms-btn[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-border-strong);\n  box-shadow: var(--mj-shadow-sm);\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-brand-primary);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-brand-primary);\n}\n\n.mj-forms-btn--primary[_ngcontent-%COMP%]:hover {\n  background: var(--mj-brand-primary-hover);\n  border-color: var(--mj-brand-primary-hover);\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n}\n\n.mj-forms-btn--secondary[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-border-default));\n}\n\n.mj-forms-btn--secondary[_ngcontent-%COMP%]:hover {\n  background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n  border-color: var(--mj-brand-primary);\n}\n\n.mj-forms-btn--accent[_ngcontent-%COMP%] {\n  background: var(--mj-brand-accent, #6366f1);\n  color: var(--mj-text-inverse, #ffffff);\n  border-color: var(--mj-brand-accent, #6366f1);\n}\n\n.mj-forms-btn--accent[_ngcontent-%COMP%]:hover {\n  filter: brightness(1.1);\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-accent, #6366f1) 30%, transparent);\n}\n\n.mj-forms-btn--danger[_ngcontent-%COMP%] {\n  color: var(--mj-status-error);\n  border-color: color-mix(in srgb, var(--mj-status-error) 30%, transparent);\n  background: color-mix(in srgb, var(--mj-status-error) 5%, var(--mj-bg-surface));\n}\n\n.mj-forms-btn--danger[_ngcontent-%COMP%]:hover {\n  background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n  border-color: var(--mj-status-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: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\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: var(--mj-text-xs);\n}\n\n.mj-forms-btn--sm[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-xs);\n}\n\n.mj-forms-btn-text[_ngcontent-%COMP%] {\n  margin-left: 2px;\n}\n\n.mj-icon--favorite[_ngcontent-%COMP%] {\n  color: var(--mj-status-warning);\n}\n\n\n\n.mj-forms-btn--list[_ngcontent-%COMP%] {\n  position: relative;\n}\n\n\n\n.mj-forms-btn--history[_ngcontent-%COMP%] {\n  position: relative;\n}\n\n.mj-version-count-badge[_ngcontent-%COMP%] {\n  position: absolute;\n  top: -6px;\n  right: -10px;\n  padding: 0 5px;\n  font-size: 10px;\n  font-weight: var(--mj-font-bold);\n  color: var(--mj-text-inverse);\n  background: linear-gradient(135deg, var(--mj-status-success) 0%, color-mix(in srgb, var(--mj-status-success) 85%, black) 100%);\n  border-radius: var(--mj-radius-full);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 16px;\n  border: 2px solid var(--mj-bg-surface-card);\n  white-space: nowrap;\n  line-height: 1;\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: var(--mj-font-bold);\n  color: var(--mj-text-inverse);\n  background: linear-gradient(135deg, var(--mj-status-info) 0%, color-mix(in srgb, var(--mj-status-info) 85%, black) 100%);\n  border-radius: var(--mj-radius-full);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 2px solid var(--mj-bg-surface-card);\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: var(--mj-text-xs);\n  font-weight: var(--mj-font-semibold);\n  border-radius: var(--mj-radius-sm);\n  cursor: pointer;\n  transition: all var(--mj-transition-base) 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: color-mix(in srgb, var(--mj-brand-accent) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-accent);\n  border-color: color-mix(in srgb, var(--mj-brand-accent) 25%, transparent);\n}\n\n.mj-entity-badge--parent[_ngcontent-%COMP%]:hover {\n  background: color-mix(in srgb, var(--mj-brand-accent) 18%, var(--mj-bg-surface));\n  border-color: var(--mj-brand-accent);\n  box-shadow: 0 2px 6px color-mix(in srgb, var(--mj-brand-accent) 15%, transparent);\n}\n\n.mj-entity-badge--current[_ngcontent-%COMP%] {\n  font-weight: var(--mj-font-semibold);\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  padding: 4px 8px;\n  background: var(--mj-bg-surface-hover);\n  border-radius: var(--mj-radius-sm);\n  cursor: default;\n}\n\n.mj-entity-badge--child[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-status-info) 10%, var(--mj-bg-surface));\n  color: var(--mj-status-info);\n  border-color: color-mix(in srgb, var(--mj-status-info) 25%, transparent);\n}\n\n.mj-entity-badge--child[_ngcontent-%COMP%]:hover {\n  background: color-mix(in srgb, var(--mj-status-info) 18%, var(--mj-bg-surface));\n  border-color: var(--mj-status-info);\n  box-shadow: 0 2px 6px color-mix(in srgb, var(--mj-status-info) 15%, transparent);\n}\n\n.mj-entity-badge--overlapping[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-status-warning) 10%, var(--mj-bg-surface));\n  color: color-mix(in srgb, var(--mj-status-warning) 85%, black);\n  border-color: color-mix(in srgb, var(--mj-status-warning) 40%, transparent);\n}\n\n.mj-entity-badge--overlapping[_ngcontent-%COMP%]:hover {\n  background: color-mix(in srgb, var(--mj-status-warning) 18%, var(--mj-bg-surface));\n  border-color: color-mix(in srgb, var(--mj-status-warning) 85%, black);\n  box-shadow: 0 2px 6px color-mix(in srgb, var(--mj-status-warning) 15%, transparent);\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-status-info);\n  color: var(--mj-text-inverse);\n  font-size: 10px;\n  padding: 1px 5px;\n  border-radius: var(--mj-radius-full);\n  font-weight: var(--mj-font-bold);\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-default);\n  border-radius: var(--mj-radius-sm);\n  background: var(--mj-bg-surface);\n  outline: none;\n  font-family: inherit;\n  transition: all var(--mj-transition-base);\n}\n\n.mj-section-search[_ngcontent-%COMP%]:focus {\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n\n\n.mj-section-search--active[_ngcontent-%COMP%] {\n  background-color: color-mix(in srgb, var(--mj-status-warning) 40%, var(--mj-bg-surface));\n  border-color: var(--mj-status-warning);\n  color: color-mix(in srgb, var(--mj-status-warning) 80%, black);\n  font-weight: var(--mj-font-semibold);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-status-warning) 25%, transparent);\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: var(--mj-text-xs);\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: var(--mj-bg-overlay);\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-bg-surface-card);\n  border-radius: var(--mj-radius-lg);\n  box-shadow: var(--mj-shadow-lg);\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-default);\n}\n\n.mj-dialog-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: var(--mj-text-base);\n  font-weight: var(--mj-font-semibold);\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: var(--mj-text-base);\n  transition: color var(--mj-transition-base);\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: var(--mj-text-sm);\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-default);\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}\n\n\n\n\n\n\n\n\n.mj-form-variant-picker-host[_ngcontent-%COMP%] {\n  position: relative;\n  display: inline-flex;\n}\n\n.mj-form-variant-picker-trigger[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  max-width: 240px;\n}\n\n.mj-form-variant-picker-trigger[_ngcontent-%COMP%]   .chev[_ngcontent-%COMP%] {\n  font-size: 10px;\n  opacity: 0.7;\n}\n\n.mj-form-variant-picker-current-label[_ngcontent-%COMP%] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 160px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.mj-form-variant-picker-host.open[_ngcontent-%COMP%]   .mj-form-variant-picker-trigger[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-border-focus);\n}\n\n.mj-form-variant-picker-menu[_ngcontent-%COMP%] {\n  position: absolute;\n  top: calc(100% + 4px);\n  right: 0;\n  z-index: 50;\n  min-width: 280px;\n  max-height: 360px;\n  overflow-y: auto;\n  background: var(--mj-bg-surface-elevated);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n  padding: 4px 0;\n}\n\n.mj-form-variant-picker-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  padding: 8px 12px;\n  cursor: pointer;\n  color: var(--mj-text-primary);\n  font-size: 13px;\n  transition: background 120ms;\n}\n\n.mj-form-variant-picker-row[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.mj-form-variant-picker-row.current[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.mj-form-variant-picker-row.inactive[_ngcontent-%COMP%] {\n  opacity: 0.6;\n}\n\n.mj-form-variant-picker-row-main[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.mj-form-variant-picker-row-title[_ngcontent-%COMP%] {\n  font-weight: 600;\n}\n\n.mj-form-variant-picker-row-sub[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n}\n\n.mj-form-variant-picker-default-tag[_ngcontent-%COMP%] {\n  font-size: 10px;\n  font-weight: 500;\n  color: var(--mj-text-muted);\n  margin-left: 4px;\n}\n\n.mj-form-variant-picker-default[_ngcontent-%COMP%] {\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mj-form-variant-picker-check[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n  margin-top: 2px;\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 mj-forms-btn--history\" (click)=\"OnHistory()\"\n          [title]=\"VersionCount > 0 ? VersionCount + ' version(s) tracked' : 'Record Changes'\">\n          <i class=\"fa-regular fa-clock\"></i>\n          @if (VersionCount > 0) {\n            <span class=\"mj-version-count-badge\">v{{ VersionCount }}</span>\n          }\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      @if (Config.ShowTagsButton) {\n        <button class=\"mj-forms-btn\" (click)=\"OnTagsPanel()\"\n          [title]=\"TagCount > 0 ? TagCount + ' tag(s)' : 'View tags'\">\n          <i class=\"fa-solid fa-tags\"></i>\n          @if (TagCount > 0) {\n            <span class=\"mj-list-count-badge\">{{ TagCount }}</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    <!-- Form-variant picker: right-side toolbar button. Opens a dropdown\n         with the Default (CodeGen Angular) form + every variant the host\n         supplied. Persists the user's pick via the host's resolver (which\n         goes through UserInfoEngine settings, not localStorage). Hidden\n         entirely when the host disables ShowFormVariantPicker or supplied\n         fewer than 2 variants. -->\n    @if (ShowVariantPickerButton) {\n      <div class=\"mj-form-variant-picker-host\"\n           [class.open]=\"VariantMenuOpen\">\n        <button class=\"mj-forms-btn mj-form-variant-picker-trigger\"\n                type=\"button\"\n                (click)=\"ToggleVariantMenu()\"\n                (blur)=\"CloseVariantMenu()\"\n                [title]=\"'Form variant: ' + CurrentVariantLabel + ' \u2014 click to change'\">\n          <i class=\"fa-solid fa-pen-ruler\"></i>\n          <span class=\"mj-form-variant-picker-current-label\">{{ CurrentVariantLabel }}</span>\n          <i class=\"fa-solid fa-chevron-down chev\"></i>\n        </button>\n        @if (VariantMenuOpen) {\n          <div class=\"mj-form-variant-picker-menu\"\n               (mousedown)=\"$event.preventDefault()\"\n               (click)=\"$event.stopPropagation()\">\n            <div class=\"mj-form-variant-picker-row mj-form-variant-picker-default\"\n                 [class.current]=\"!CurrentVariantID\"\n                 (click)=\"OnVariantClick(null)\">\n              <div class=\"mj-form-variant-picker-row-main\">\n                <span class=\"mj-form-variant-picker-row-title\">\n                  Default form <span class=\"mj-form-variant-picker-default-tag\">(default)</span>\n                </span>\n                <span class=\"mj-form-variant-picker-row-sub\">CodeGen-generated Angular fallback</span>\n              </div>\n              @if (!CurrentVariantID) {\n                <i class=\"fa-solid fa-check mj-form-variant-picker-check\"></i>\n              }\n            </div>\n            @for (v of Variants; track v.ID) {\n              <div class=\"mj-form-variant-picker-row\"\n                   [class.current]=\"v.ID === CurrentVariantID\"\n                   [class.inactive]=\"v.Status !== 'Active'\"\n                   (click)=\"OnVariantClick(v.ID)\">\n                <div class=\"mj-form-variant-picker-row-main\">\n                  <span class=\"mj-form-variant-picker-row-title\">{{ v.Label }}</span>\n                  <span class=\"mj-form-variant-picker-row-sub\">{{ VariantSubtitle(v) }}</span>\n                </div>\n                @if (v.ID === CurrentVariantID) {\n                  <i class=\"fa-solid fa-check mj-form-variant-picker-check\"></i>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\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        @if (Config.ShowExpandCollapseAllButtons) {\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        }\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        @if (Config.ShowWidthToggle) {\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        }\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   FORM TOOLBAR \u2014 uses global --mj-* design tokens\n   ============================================ */\n:host {\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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  border-bottom: 2px solid var(--mj-brand-primary);\n  font-size: 13px;\n  color: var(--mj-brand-primary);\n  font-weight: var(--mj-font-medium);\n}\n\n.mj-forms-edit-banner > i {\n  font-size: var(--mj-text-sm);\n}\n\n.mj-forms-edit-banner-icon--dirty {\n  color: var(--mj-status-warning);\n  font-size: var(--mj-text-base);\n}\n\n.mj-forms-edit-banner-text {\n  font-size: var(--mj-text-sm);\n}\n\n.mj-forms-edit-banner-dirty {\n  font-size: var(--mj-text-sm);\n  color: var(--mj-text-primary);\n}\n\n.mj-forms-edit-banner-dirty strong {\n  color: var(--mj-status-warning);\n  font-weight: var(--mj-font-bold);\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-bg-surface-card);\n  border-bottom: 2px solid var(--mj-border-default);\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-default);\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  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  font-size: 13px;\n  font-weight: var(--mj-font-medium);\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  border-radius: var(--mj-radius-sm);\n  cursor: pointer;\n  transition: all var(--mj-transition-base) ease;\n  white-space: nowrap;\n  font-family: inherit;\n  line-height: 1;\n}\n\n.mj-forms-btn:hover {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-border-strong);\n  box-shadow: var(--mj-shadow-sm);\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-brand-primary);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-brand-primary);\n}\n\n.mj-forms-btn--primary:hover {\n  background: var(--mj-brand-primary-hover);\n  border-color: var(--mj-brand-primary-hover);\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n}\n\n.mj-forms-btn--danger {\n  color: var(--mj-status-error);\n  border-color: color-mix(in srgb, var(--mj-status-error) 30%, transparent);\n  background: color-mix(in srgb, var(--mj-status-error) 5%, var(--mj-bg-surface));\n}\n\n.mj-forms-btn--danger:hover {\n  background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n  border-color: var(--mj-status-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: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\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: var(--mj-text-xs);\n}\n\n.mj-forms-btn--sm i {\n  font-size: var(--mj-text-xs);\n}\n\n.mj-forms-btn-text {\n  margin-left: 2px;\n}\n\n.mj-icon--favorite {\n  color: var(--mj-status-warning);\n}\n\n/* List button with count badge */\n.mj-forms-btn--list {\n  position: relative;\n}\n\n/* History button with version badge */\n.mj-forms-btn--history {\n  position: relative;\n}\n\n.mj-version-count-badge {\n  position: absolute;\n  top: -6px;\n  right: -10px;\n  padding: 0 5px;\n  font-size: 10px;\n  font-weight: var(--mj-font-bold);\n  color: var(--mj-text-inverse);\n  background: linear-gradient(135deg, var(--mj-status-success) 0%, color-mix(in srgb, var(--mj-status-success) 85%, black) 100%);\n  border-radius: var(--mj-radius-full);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 16px;\n  border: 2px solid var(--mj-bg-surface-card);\n  white-space: nowrap;\n  line-height: 1;\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: var(--mj-font-bold);\n  color: var(--mj-text-inverse);\n  background: linear-gradient(135deg, var(--mj-status-info) 0%, color-mix(in srgb, var(--mj-status-info) 85%, black) 100%);\n  border-radius: var(--mj-radius-full);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 2px solid var(--mj-bg-surface-card);\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: var(--mj-text-xs);\n  font-weight: var(--mj-font-semibold);\n  border-radius: var(--mj-radius-sm);\n  cursor: pointer;\n  transition: all var(--mj-transition-base) 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: color-mix(in srgb, var(--mj-brand-accent) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-accent);\n  border-color: color-mix(in srgb, var(--mj-brand-accent) 25%, transparent);\n}\n\n.mj-entity-badge--parent:hover {\n  background: color-mix(in srgb, var(--mj-brand-accent) 18%, var(--mj-bg-surface));\n  border-color: var(--mj-brand-accent);\n  box-shadow: 0 2px 6px color-mix(in srgb, var(--mj-brand-accent) 15%, transparent);\n}\n\n.mj-entity-badge--current {\n  font-weight: var(--mj-font-semibold);\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  padding: 4px 8px;\n  background: var(--mj-bg-surface-hover);\n  border-radius: var(--mj-radius-sm);\n  cursor: default;\n}\n\n.mj-entity-badge--child {\n  background: color-mix(in srgb, var(--mj-status-info) 10%, var(--mj-bg-surface));\n  color: var(--mj-status-info);\n  border-color: color-mix(in srgb, var(--mj-status-info) 25%, transparent);\n}\n\n.mj-entity-badge--child:hover {\n  background: color-mix(in srgb, var(--mj-status-info) 18%, var(--mj-bg-surface));\n  border-color: var(--mj-status-info);\n  box-shadow: 0 2px 6px color-mix(in srgb, var(--mj-status-info) 15%, transparent);\n}\n\n.mj-entity-badge--overlapping {\n  background: color-mix(in srgb, var(--mj-status-warning) 10%, var(--mj-bg-surface));\n  color: color-mix(in srgb, var(--mj-status-warning) 85%, black);\n  border-color: color-mix(in srgb, var(--mj-status-warning) 40%, transparent);\n}\n\n.mj-entity-badge--overlapping:hover {\n  background: color-mix(in srgb, var(--mj-status-warning) 18%, var(--mj-bg-surface));\n  border-color: color-mix(in srgb, var(--mj-status-warning) 85%, black);\n  box-shadow: 0 2px 6px color-mix(in srgb, var(--mj-status-warning) 15%, transparent);\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-status-info);\n  color: var(--mj-text-inverse);\n  font-size: 10px;\n  padding: 1px 5px;\n  border-radius: var(--mj-radius-full);\n  font-weight: var(--mj-font-bold);\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-default);\n  border-radius: var(--mj-radius-sm);\n  background: var(--mj-bg-surface);\n  outline: none;\n  font-family: inherit;\n  transition: all var(--mj-transition-base);\n}\n\n.mj-section-search:focus {\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n/* Active filter highlight \u2014 matches the yellow used on matched panel/field names */\n.mj-section-search--active {\n  background-color: color-mix(in srgb, var(--mj-status-warning) 40%, var(--mj-bg-surface));\n  border-color: var(--mj-status-warning);\n  color: color-mix(in srgb, var(--mj-status-warning) 80%, black);\n  font-weight: var(--mj-font-semibold);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-status-warning) 25%, transparent);\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: var(--mj-text-xs);\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: var(--mj-bg-overlay);\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-bg-surface-card);\n  border-radius: var(--mj-radius-lg);\n  box-shadow: var(--mj-shadow-lg);\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-default);\n}\n\n.mj-dialog-header h3 {\n  margin: 0;\n  font-size: var(--mj-text-base);\n  font-weight: var(--mj-font-semibold);\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: var(--mj-text-base);\n  transition: color var(--mj-transition-base);\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: var(--mj-text-sm);\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-default);\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\n/* ============================================================ */\n/* FORM-VARIANT PICKER (toolbar-embedded; right-side)            */\n/* ============================================================ */\n\n.mj-form-variant-picker-host {\n  position: relative;\n  display: inline-flex;\n}\n\n.mj-form-variant-picker-trigger {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  max-width: 240px;\n}\n\n.mj-form-variant-picker-trigger .chev {\n  font-size: 10px;\n  opacity: 0.7;\n}\n\n.mj-form-variant-picker-current-label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 160px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.mj-form-variant-picker-host.open .mj-form-variant-picker-trigger {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-border-focus);\n}\n\n.mj-form-variant-picker-menu {\n  position: absolute;\n  top: calc(100% + 4px);\n  right: 0;\n  z-index: 50;\n  min-width: 280px;\n  max-height: 360px;\n  overflow-y: auto;\n  background: var(--mj-bg-surface-elevated);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n  padding: 4px 0;\n}\n\n.mj-form-variant-picker-row {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  padding: 8px 12px;\n  cursor: pointer;\n  color: var(--mj-text-primary);\n  font-size: 13px;\n  transition: background 120ms;\n}\n\n.mj-form-variant-picker-row:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.mj-form-variant-picker-row.current {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.mj-form-variant-picker-row.inactive {\n  opacity: 0.6;\n}\n\n.mj-form-variant-picker-row-main {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.mj-form-variant-picker-row-title {\n  font-weight: 600;\n}\n\n.mj-form-variant-picker-row-sub {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n}\n\n.mj-form-variant-picker-default-tag {\n  font-size: 10px;\n  font-weight: 500;\n  color: var(--mj-text-muted);\n  margin-left: 4px;\n}\n\n.mj-form-variant-picker-default {\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mj-form-variant-picker-check {\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n  margin-top: 2px;\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      @for (item of ResolvedEditBeforeSaveItems; track item.Key) {\n        <button class=\"mj-forms-btn\"\n          [class.mj-forms-btn--primary]=\"item.Variant === 'primary'\"\n          [class.mj-forms-btn--secondary]=\"item.Variant === 'secondary'\"\n          [class.mj-forms-btn--accent]=\"item.Variant === 'accent'\"\n          [class.mj-forms-btn--danger]=\"item.Variant === 'danger'\"\n          [class.mj-forms-btn--ghost]=\"item.Variant === 'ghost'\"\n          [class]=\"item.CssClass\"\n          [disabled]=\"item.Disabled || item.IsLoading || IsSaving\"\n          [title]=\"item.Description\"\n          (click)=\"OnToolbarItemClick(item, $event)\">\n          @if (item.IsLoading) {\n            <i class=\"fa-solid fa-spinner fa-spin\"></i>\n          } @else if (item.Icon) {\n            <i [class]=\"item.Icon\"></i>\n          }\n          @if (item.Text) {\n            <span class=\"mj-forms-btn-text\">{{ item.Text }}</span>\n          }\n          @if (item.Badge != null) {\n            <span class=\"mj-list-count-badge\">{{ item.Badge }}</span>\n          }\n        </button>\n      }\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      @for (item of ResolvedEditAfterSaveItems; track item.Key) {\n        <button class=\"mj-forms-btn\"\n          [class.mj-forms-btn--primary]=\"item.Variant === 'primary'\"\n          [class.mj-forms-btn--secondary]=\"item.Variant === 'secondary'\"\n          [class.mj-forms-btn--accent]=\"item.Variant === 'accent'\"\n          [class.mj-forms-btn--danger]=\"item.Variant === 'danger'\"\n          [class.mj-forms-btn--ghost]=\"item.Variant === 'ghost'\"\n          [class]=\"item.CssClass\"\n          [disabled]=\"item.Disabled || item.IsLoading || IsSaving\"\n          [title]=\"item.Description\"\n          (click)=\"OnToolbarItemClick(item, $event)\">\n          @if (item.IsLoading) {\n            <i class=\"fa-solid fa-spinner fa-spin\"></i>\n          } @else if (item.Icon) {\n            <i [class]=\"item.Icon\"></i>\n          }\n          @if (item.Text) {\n            <span class=\"mj-forms-btn-text\">{{ item.Text }}</span>\n          }\n          @if (item.Badge != null) {\n            <span class=\"mj-list-count-badge\">{{ item.Badge }}</span>\n          }\n        </button>\n      }\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      @for (item of ResolvedActionItems; track item.Key) {\n        <button class=\"mj-forms-btn\"\n          [class.mj-forms-btn--primary]=\"item.Variant === 'primary'\"\n          [class.mj-forms-btn--secondary]=\"item.Variant === 'secondary'\"\n          [class.mj-forms-btn--accent]=\"item.Variant === 'accent'\"\n          [class.mj-forms-btn--danger]=\"item.Variant === 'danger'\"\n          [class.mj-forms-btn--ghost]=\"item.Variant === 'ghost'\"\n          [class.mj-forms-btn--history]=\"item.Key === 'history'\"\n          [class.mj-forms-btn--list]=\"item.Key === 'list'\"\n          [class.mj-forms-btn--tags]=\"item.Key === 'tags'\"\n          [class.mj-forms-btn--attachments]=\"item.Key === 'attachments'\"\n          [class]=\"item.CssClass\"\n          [disabled]=\"item.Disabled || item.IsLoading\"\n          [title]=\"item.Description\"\n          (click)=\"OnToolbarItemClick(item, $event)\">\n          @if (item.IsLoading) {\n            <i class=\"fa-solid fa-spinner fa-spin\"></i>\n          } @else if (item.Icon) {\n            <i [class]=\"item.Icon\"></i>\n          }\n          @if (item.Text) {\n            <span class=\"mj-forms-btn-text\">{{ item.Text }}</span>\n          }\n          @if (item.Badge != null) {\n            <span [class]=\"item.Key === 'history' ? 'mj-version-count-badge' : 'mj-list-count-badge'\">{{ item.Badge }}</span>\n          }\n        </button>\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    <!-- Form-variant picker: right-side toolbar button. Opens a dropdown\n         with the Default (CodeGen Angular) form + every variant the host\n         supplied. Persists the user's pick via the host's resolver (which\n         goes through UserInfoEngine settings, not localStorage). Hidden\n         entirely when the host disables ShowFormVariantPicker or supplied\n         fewer than 2 variants. -->\n    @if (ShowVariantPickerButton) {\n      <div class=\"mj-form-variant-picker-host\"\n           [class.open]=\"VariantMenuOpen\">\n        <button class=\"mj-forms-btn mj-form-variant-picker-trigger\"\n                type=\"button\"\n                (click)=\"ToggleVariantMenu()\"\n                (blur)=\"CloseVariantMenu()\"\n                [title]=\"'Form variant: ' + CurrentVariantLabel + ' \u2014 click to change'\">\n          <i class=\"fa-solid fa-pen-ruler\"></i>\n          <span class=\"mj-form-variant-picker-current-label\">{{ CurrentVariantLabel }}</span>\n          <i class=\"fa-solid fa-chevron-down chev\"></i>\n        </button>\n        @if (VariantMenuOpen) {\n          <div class=\"mj-form-variant-picker-menu\"\n               (mousedown)=\"$event.preventDefault()\"\n               (click)=\"$event.stopPropagation()\">\n            <div class=\"mj-form-variant-picker-row mj-form-variant-picker-default\"\n                 [class.current]=\"!CurrentVariantID\"\n                 (click)=\"OnVariantClick(null)\">\n              <div class=\"mj-form-variant-picker-row-main\">\n                <span class=\"mj-form-variant-picker-row-title\">\n                  Default form <span class=\"mj-form-variant-picker-default-tag\">(default)</span>\n                </span>\n                <span class=\"mj-form-variant-picker-row-sub\">CodeGen-generated Angular fallback</span>\n              </div>\n              @if (!CurrentVariantID) {\n                <i class=\"fa-solid fa-check mj-form-variant-picker-check\"></i>\n              }\n            </div>\n            @for (v of Variants; track v.ID) {\n              <div class=\"mj-form-variant-picker-row\"\n                   [class.current]=\"v.ID === CurrentVariantID\"\n                   [class.inactive]=\"v.Status !== 'Active'\"\n                   (click)=\"OnVariantClick(v.ID)\">\n                <div class=\"mj-form-variant-picker-row-main\">\n                  <span class=\"mj-form-variant-picker-row-title\">{{ v.Label }}</span>\n                  <span class=\"mj-form-variant-picker-row-sub\">{{ VariantSubtitle(v) }}</span>\n                </div>\n                @if (v.ID === CurrentVariantID) {\n                  <i class=\"fa-solid fa-check mj-form-variant-picker-check\"></i>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\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        @if (ShowExpandCollapseAll) {\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        }\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        @if (Config.ShowWidthToggle) {\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        }\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   FORM TOOLBAR \u2014 uses global --mj-* design tokens\n   ============================================ */\n:host {\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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  border-bottom: 2px solid var(--mj-brand-primary);\n  font-size: 13px;\n  color: var(--mj-brand-primary);\n  font-weight: var(--mj-font-medium);\n}\n\n.mj-forms-edit-banner > i {\n  font-size: var(--mj-text-sm);\n}\n\n.mj-forms-edit-banner-icon--dirty {\n  color: var(--mj-status-warning);\n  font-size: var(--mj-text-base);\n}\n\n.mj-forms-edit-banner-text {\n  font-size: var(--mj-text-sm);\n}\n\n.mj-forms-edit-banner-dirty {\n  font-size: var(--mj-text-sm);\n  color: var(--mj-text-primary);\n}\n\n.mj-forms-edit-banner-dirty strong {\n  color: var(--mj-status-warning);\n  font-weight: var(--mj-font-bold);\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-bg-surface-card);\n  border-bottom: 2px solid var(--mj-border-default);\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-default);\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  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  font-size: 13px;\n  font-weight: var(--mj-font-medium);\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  border-radius: var(--mj-radius-sm);\n  cursor: pointer;\n  transition: all var(--mj-transition-base) ease;\n  white-space: nowrap;\n  font-family: inherit;\n  line-height: 1;\n}\n\n.mj-forms-btn:hover {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-border-strong);\n  box-shadow: var(--mj-shadow-sm);\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-brand-primary);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-brand-primary);\n}\n\n.mj-forms-btn--primary:hover {\n  background: var(--mj-brand-primary-hover);\n  border-color: var(--mj-brand-primary-hover);\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n}\n\n.mj-forms-btn--secondary {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-border-default));\n}\n\n.mj-forms-btn--secondary:hover {\n  background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n  border-color: var(--mj-brand-primary);\n}\n\n.mj-forms-btn--accent {\n  background: var(--mj-brand-accent, #6366f1);\n  color: var(--mj-text-inverse, #ffffff);\n  border-color: var(--mj-brand-accent, #6366f1);\n}\n\n.mj-forms-btn--accent:hover {\n  filter: brightness(1.1);\n  box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-accent, #6366f1) 30%, transparent);\n}\n\n.mj-forms-btn--danger {\n  color: var(--mj-status-error);\n  border-color: color-mix(in srgb, var(--mj-status-error) 30%, transparent);\n  background: color-mix(in srgb, var(--mj-status-error) 5%, var(--mj-bg-surface));\n}\n\n.mj-forms-btn--danger:hover {\n  background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n  border-color: var(--mj-status-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: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\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: var(--mj-text-xs);\n}\n\n.mj-forms-btn--sm i {\n  font-size: var(--mj-text-xs);\n}\n\n.mj-forms-btn-text {\n  margin-left: 2px;\n}\n\n.mj-icon--favorite {\n  color: var(--mj-status-warning);\n}\n\n/* List button with count badge */\n.mj-forms-btn--list {\n  position: relative;\n}\n\n/* History button with version badge */\n.mj-forms-btn--history {\n  position: relative;\n}\n\n.mj-version-count-badge {\n  position: absolute;\n  top: -6px;\n  right: -10px;\n  padding: 0 5px;\n  font-size: 10px;\n  font-weight: var(--mj-font-bold);\n  color: var(--mj-text-inverse);\n  background: linear-gradient(135deg, var(--mj-status-success) 0%, color-mix(in srgb, var(--mj-status-success) 85%, black) 100%);\n  border-radius: var(--mj-radius-full);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 16px;\n  border: 2px solid var(--mj-bg-surface-card);\n  white-space: nowrap;\n  line-height: 1;\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: var(--mj-font-bold);\n  color: var(--mj-text-inverse);\n  background: linear-gradient(135deg, var(--mj-status-info) 0%, color-mix(in srgb, var(--mj-status-info) 85%, black) 100%);\n  border-radius: var(--mj-radius-full);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 2px solid var(--mj-bg-surface-card);\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: var(--mj-text-xs);\n  font-weight: var(--mj-font-semibold);\n  border-radius: var(--mj-radius-sm);\n  cursor: pointer;\n  transition: all var(--mj-transition-base) 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: color-mix(in srgb, var(--mj-brand-accent) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-accent);\n  border-color: color-mix(in srgb, var(--mj-brand-accent) 25%, transparent);\n}\n\n.mj-entity-badge--parent:hover {\n  background: color-mix(in srgb, var(--mj-brand-accent) 18%, var(--mj-bg-surface));\n  border-color: var(--mj-brand-accent);\n  box-shadow: 0 2px 6px color-mix(in srgb, var(--mj-brand-accent) 15%, transparent);\n}\n\n.mj-entity-badge--current {\n  font-weight: var(--mj-font-semibold);\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  padding: 4px 8px;\n  background: var(--mj-bg-surface-hover);\n  border-radius: var(--mj-radius-sm);\n  cursor: default;\n}\n\n.mj-entity-badge--child {\n  background: color-mix(in srgb, var(--mj-status-info) 10%, var(--mj-bg-surface));\n  color: var(--mj-status-info);\n  border-color: color-mix(in srgb, var(--mj-status-info) 25%, transparent);\n}\n\n.mj-entity-badge--child:hover {\n  background: color-mix(in srgb, var(--mj-status-info) 18%, var(--mj-bg-surface));\n  border-color: var(--mj-status-info);\n  box-shadow: 0 2px 6px color-mix(in srgb, var(--mj-status-info) 15%, transparent);\n}\n\n.mj-entity-badge--overlapping {\n  background: color-mix(in srgb, var(--mj-status-warning) 10%, var(--mj-bg-surface));\n  color: color-mix(in srgb, var(--mj-status-warning) 85%, black);\n  border-color: color-mix(in srgb, var(--mj-status-warning) 40%, transparent);\n}\n\n.mj-entity-badge--overlapping:hover {\n  background: color-mix(in srgb, var(--mj-status-warning) 18%, var(--mj-bg-surface));\n  border-color: color-mix(in srgb, var(--mj-status-warning) 85%, black);\n  box-shadow: 0 2px 6px color-mix(in srgb, var(--mj-status-warning) 15%, transparent);\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-status-info);\n  color: var(--mj-text-inverse);\n  font-size: 10px;\n  padding: 1px 5px;\n  border-radius: var(--mj-radius-full);\n  font-weight: var(--mj-font-bold);\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-default);\n  border-radius: var(--mj-radius-sm);\n  background: var(--mj-bg-surface);\n  outline: none;\n  font-family: inherit;\n  transition: all var(--mj-transition-base);\n}\n\n.mj-section-search:focus {\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n/* Active filter highlight \u2014 matches the yellow used on matched panel/field names */\n.mj-section-search--active {\n  background-color: color-mix(in srgb, var(--mj-status-warning) 40%, var(--mj-bg-surface));\n  border-color: var(--mj-status-warning);\n  color: color-mix(in srgb, var(--mj-status-warning) 80%, black);\n  font-weight: var(--mj-font-semibold);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-status-warning) 25%, transparent);\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: var(--mj-text-xs);\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: var(--mj-bg-overlay);\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-bg-surface-card);\n  border-radius: var(--mj-radius-lg);\n  box-shadow: var(--mj-shadow-lg);\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-default);\n}\n\n.mj-dialog-header h3 {\n  margin: 0;\n  font-size: var(--mj-text-base);\n  font-weight: var(--mj-font-semibold);\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: var(--mj-text-base);\n  transition: color var(--mj-transition-base);\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: var(--mj-text-sm);\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-default);\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\n/* ============================================================ */\n/* FORM-VARIANT PICKER (toolbar-embedded; right-side)            */\n/* ============================================================ */\n\n.mj-form-variant-picker-host {\n  position: relative;\n  display: inline-flex;\n}\n\n.mj-form-variant-picker-trigger {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  max-width: 240px;\n}\n\n.mj-form-variant-picker-trigger .chev {\n  font-size: 10px;\n  opacity: 0.7;\n}\n\n.mj-form-variant-picker-current-label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 160px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.mj-form-variant-picker-host.open .mj-form-variant-picker-trigger {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-border-focus);\n}\n\n.mj-form-variant-picker-menu {\n  position: absolute;\n  top: calc(100% + 4px);\n  right: 0;\n  z-index: 50;\n  min-width: 280px;\n  max-height: 360px;\n  overflow-y: auto;\n  background: var(--mj-bg-surface-elevated);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n  padding: 4px 0;\n}\n\n.mj-form-variant-picker-row {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  padding: 8px 12px;\n  cursor: pointer;\n  color: var(--mj-text-primary);\n  font-size: 13px;\n  transition: background 120ms;\n}\n\n.mj-form-variant-picker-row:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.mj-form-variant-picker-row.current {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.mj-form-variant-picker-row.inactive {\n  opacity: 0.6;\n}\n\n.mj-form-variant-picker-row-main {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.mj-form-variant-picker-row-title {\n  font-weight: 600;\n}\n\n.mj-form-variant-picker-row-sub {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n}\n\n.mj-form-variant-picker-default-tag {\n  font-size: 10px;\n  font-weight: 500;\n  color: var(--mj-text-muted);\n  margin-left: 4px;\n}\n\n.mj-form-variant-picker-default {\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mj-form-variant-picker-check {\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n  margin-top: 2px;\n}\n"] }]
     }], null, { Form: [{
             type: Input
         }], _deprecatedForm: [{
@@ -1214,6 +1618,12 @@ export class MjFormToolbarComponent extends BaseAngularComponent {
             type: Input
         }], IsTagsPanelOpen: [{
             type: Input
+        }], AttachmentCount: [{
+            type: Input
+        }], AttachmentsAvailable: [{
+            type: Input
+        }], IsAttachmentsPanelOpen: [{
+            type: Input
         }], VersionCount: [{
             type: Input
         }], EntityInfo: [{
@@ -1222,6 +1632,8 @@ export class MjFormToolbarComponent extends BaseAngularComponent {
             type: Input
         }], IsSaving: [{
             type: Input
+        }], IsRefreshing: [{
+            type: Input
         }], VisibleSectionCount: [{
             type: Input
         }], TotalSectionCount: [{
@@ -1236,12 +1648,22 @@ export class MjFormToolbarComponent extends BaseAngularComponent {
             type: Input
         }], HasCustomSectionOrder: [{
             type: Input
+        }], ChromeLayout: [{
+            type: Input
         }], AdditionalActionsTemplate: [{
             type: Input
         }], Variants: [{
             type: Input
+        }], RegisteredItems: [{
+            type: Input
+        }], ItemOverrides: [{
+            type: Input
+        }], FormComponent: [{
+            type: Input
         }], CurrentVariantID: [{
             type: Input
+        }], ToolbarItemClick: [{
+            type: Output
         }], Navigate: [{
             type: Output
         }], EditModeChange: [{
@@ -1258,6 +1680,10 @@ export class MjFormToolbarComponent extends BaseAngularComponent {
             type: Output
         }], DeleteRequested: [{
             type: Output
+        }], BeforeRefresh: [{
+            type: Output
+        }], RefreshRequested: [{
+            type: Output
         }], FavoriteToggled: [{
             type: Output
         }], BeforeHistoryView: [{
@@ -1270,6 +1696,8 @@ export class MjFormToolbarComponent extends BaseAngularComponent {
             type: Output
         }], TagsPanelToggled: [{
             type: Output
+        }], AttachmentsPanelToggled: [{
+            type: Output
         }], ShowChangesRequested: [{
             type: Output
         }], VariantPicked: [{
@@ -1291,5 +1719,5 @@ export class MjFormToolbarComponent extends BaseAngularComponent {
         }], ManageSectionsRequested: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MjFormToolbarComponent, { className: "MjFormToolbarComponent", filePath: "src/lib/toolbar/form-toolbar.component.ts", lineNumber: 48 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MjFormToolbarComponent, { className: "MjFormToolbarComponent", filePath: "src/lib/toolbar/form-toolbar.component.ts", lineNumber: 54 }); })();
 //# sourceMappingURL=form-toolbar.component.js.map