@memberjunction/ng-base-forms 5.36.0 → 5.38.0

package/dist/lib/container/record-form-container.component.js

@@ -1,5 +1,6 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef, inject, NgZone, ContentChildren, ViewChild, ViewEncapsulation } from '@angular/core';
 import { CompositeKey, RunView } from '@memberjunction/core';
+import { UUIDsEqual } from '@memberjunction/global';
 import { BaseAngularComponent } from '@memberjunction/ng-base-types';
 import { UserInfoEngine } from '@memberjunction/core-entities';
 import { Subject } from 'rxjs';
@@ -9,6 +10,7 @@ import { MjCollapsiblePanelComponent } from '../panel/collapsible-panel.componen
 import { BeforeHistoryViewEventArgs, BeforeListManagementEventArgs } from '../types/form-events';
 import { RecordChangesComponent } from '@memberjunction/ng-record-changes';
 import { MJNotificationService } from '@memberjunction/ng-notifications';
+import { FormSlotCoordinator } from '../panel-slot/form-slot-coordinator.service';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-record-changes";
 import * as i2 from "@memberjunction/ng-list-management";
@@ -16,19 +18,26 @@ import * as i3 from "@memberjunction/ng-record-tags";
 import * as i4 from "../toolbar/form-toolbar.component";
 import * as i5 from "../section-manager/section-manager.component";
 import * as i6 from "../isa-related-panel/isa-related-panel.component";
+import * as i7 from "../panel-slot/form-panel-slot.component";
 const _c0 = [[["", "before-toolbar", ""]], "*"];
 const _c1 = ["[before-toolbar]", "*"];
 const _c2 = a0 => [a0];
 const _c3 = (a0, a1, a2) => ({ mode: "manage", entityId: a0, entityName: a1, recordIds: a2, allowCreate: true });
 function MjRecordFormContainerComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 5)(1, "div", 11);
-    i0.ɵɵelement(2, "i", 12);
+    i0.ɵɵelement(0, "mj-form-panel-slot", 5);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Entity", ctx_r0.Record.EntityInfo.Name)("Record", ctx_r0.Record)("FormComponent", ctx_r0.FormComponent);
+} }
+function MjRecordFormContainerComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 6)(1, "div", 12);
+    i0.ɵɵelement(2, "i", 13);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "h3", 13);
+    i0.ɵɵelementStart(3, "h3", 14);
     i0.ɵɵtext(4, "No sections found");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "p", 14);
+    i0.ɵɵelementStart(5, "p", 15);
     i0.ɵɵtext(6, " No sections match \"");
     i0.ɵɵelementStart(7, "strong");
     i0.ɵɵtext(8);
@@ -36,43 +45,43 @@ function MjRecordFormContainerComponent_Conditional_7_Template(rf, ctx) { if (rf
     i0.ɵɵtext(9, "\". ");
     i0.ɵɵelement(10, "br");
     i0.ɵɵtext(11, "Try a different search term or ");
-    i0.ɵɵelementStart(12, "a", 15);
-    i0.ɵɵlistener("click", function MjRecordFormContainerComponent_Conditional_7_Template_a_click_12_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.OnFilterChange(""); return i0.ɵɵresetView($event.preventDefault()); });
+    i0.ɵɵelementStart(12, "a", 16);
+    i0.ɵɵlistener("click", function MjRecordFormContainerComponent_Conditional_8_Template_a_click_12_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); ctx_r0.OnFilterChange(""); return i0.ɵɵresetView($event.preventDefault()); });
     i0.ɵɵtext(13, "clear the search");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(14, ". ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
+    const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(8);
-    i0.ɵɵtextInterpolate(ctx_r1.EffectiveSearchFilter);
+    i0.ɵɵtextInterpolate(ctx_r0.EffectiveSearchFilter);
 } }
-function MjRecordFormContainerComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+function MjRecordFormContainerComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-record-changes", 16);
-    i0.ɵɵlistener("RestoreRequested", function MjRecordFormContainerComponent_Conditional_9_Template_mj_record_changes_RestoreRequested_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnRestoreRequested($event)); })("dialogClosed", function MjRecordFormContainerComponent_Conditional_9_Template_mj_record_changes_dialogClosed_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnRecordChangesClosed()); });
+    i0.ɵɵelementStart(0, "mj-record-changes", 17);
+    i0.ɵɵlistener("RestoreRequested", function MjRecordFormContainerComponent_Conditional_10_Template_mj_record_changes_RestoreRequested_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnRestoreRequested($event)); })("dialogClosed", function MjRecordFormContainerComponent_Conditional_10_Template_mj_record_changes_dialogClosed_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnRecordChangesClosed()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("record", ctx_r1.EffectiveRecord)("AllowRestore", ctx_r1.EffectiveUserCanEdit);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("record", ctx_r0.EffectiveRecord)("AllowRestore", ctx_r0.EffectiveUserCanEdit);
 } }
-function MjRecordFormContainerComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+function MjRecordFormContainerComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-record-tags", 17);
-    i0.ɵɵlistener("PanelClosed", function MjRecordFormContainerComponent_Conditional_10_Template_mj_record_tags_PanelClosed_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnTagsPanelClosed()); })("TagCountChanged", function MjRecordFormContainerComponent_Conditional_10_Template_mj_record_tags_TagCountChanged_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnTagCountChanged($event)); })("RecordNavigate", function MjRecordFormContainerComponent_Conditional_10_Template_mj_record_tags_RecordNavigate_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnTagsRecordNavigate($event)); })("WidthChanged", function MjRecordFormContainerComponent_Conditional_10_Template_mj_record_tags_WidthChanged_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnTagsPanelWidthChanged($event)); });
+    i0.ɵɵelementStart(0, "mj-record-tags", 18);
+    i0.ɵɵlistener("PanelClosed", function MjRecordFormContainerComponent_Conditional_11_Template_mj_record_tags_PanelClosed_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnTagsPanelClosed()); })("TagCountChanged", function MjRecordFormContainerComponent_Conditional_11_Template_mj_record_tags_TagCountChanged_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnTagCountChanged($event)); })("RecordNavigate", function MjRecordFormContainerComponent_Conditional_11_Template_mj_record_tags_RecordNavigate_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnTagsRecordNavigate($event)); })("WidthChanged", function MjRecordFormContainerComponent_Conditional_11_Template_mj_record_tags_WidthChanged_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnTagsPanelWidthChanged($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("Record", ctx_r1.EffectiveRecord)("WidthPx", ctx_r1.TagsPanelWidth);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Record", ctx_r0.EffectiveRecord)("WidthPx", ctx_r0.TagsPanelWidth);
 } }
-function MjRecordFormContainerComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+function MjRecordFormContainerComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-list-management-dialog", 18);
-    i0.ɵɵlistener("complete", function MjRecordFormContainerComponent_Conditional_11_Template_mj_list_management_dialog_complete_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnListManagementClosed()); })("cancel", function MjRecordFormContainerComponent_Conditional_11_Template_mj_list_management_dialog_cancel_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnListManagementClosed()); });
+    i0.ɵɵelementStart(0, "mj-list-management-dialog", 19);
+    i0.ɵɵlistener("complete", function MjRecordFormContainerComponent_Conditional_12_Template_mj_list_management_dialog_complete_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnListManagementClosed()); })("cancel", function MjRecordFormContainerComponent_Conditional_12_Template_mj_list_management_dialog_cancel_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnListManagementClosed()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("visible", ctx_r1.ShowListManagement)("config", i0.ɵɵpureFunction3(4, _c3, ctx_r1.EffectiveRecord.EntityInfo.ID, ctx_r1.EffectiveRecord.EntityInfo.Name, i0.ɵɵpureFunction1(2, _c2, ctx_r1.EffectiveRecord.PrimaryKey.Values()[0])));
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("visible", ctx_r0.ShowListManagement)("config", i0.ɵɵpureFunction3(4, _c3, ctx_r0.EffectiveRecord.EntityInfo.ID, ctx_r0.EffectiveRecord.EntityInfo.Name, i0.ɵɵpureFunction1(2, _c2, ctx_r0.EffectiveRecord.PrimaryKey.Values()[0])));
 } }
 /**
  * Top-level container that composes the toolbar, content slots, and sticky behavior.
@@ -150,6 +159,24 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
     IsSaving = false;
     ToolbarConfig = DEFAULT_TOOLBAR_CONFIG;
     WidthMode = 'centered';
+    /**
+     * Variants available for this entity record. When more than one variant is
+     * provided, a compact picker appears between the toolbar and the form body
+     * letting the user switch which form is rendered. Empty / single-variant
+     * lists hide the picker entirely.
+     *
+     * Each item is a plain object — we don't take a hard dep on the resolver's
+     * row type from here (this is a Generic component; the Explorer-level
+     * single-record component shapes the resolver row into this minimal form).
+     */
+    Variants = [];
+    /**
+     * Override ID currently rendered. The picker highlights this entry. May be
+     * null when the active form is a class-based @RegisterClass form (no
+     * override is currently active) — in that case the picker still appears
+     * with "Default form" as the leading row.
+     */
+    CurrentVariantID = null;
     // ---- Outputs ----
     /** Emitted for all navigation actions (the host app maps these to its routing) */
     Navigate = new EventEmitter();
@@ -181,6 +208,14 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
     ShowChangesRequested = new EventEmitter();
     /** Emitted when a custom toolbar button is clicked */
     CustomButtonClick = new EventEmitter();
+    /**
+     * Emitted when the user chooses a different form variant from the picker.
+     * Carries the selected variant's override ID, or null when the user picks
+     * the "Default form" row. The host is responsible for persisting the choice
+     * (via FormResolverService.SetSelectedVariant) and reloading the record so
+     * the new form mounts.
+     */
+    VariantChange = new EventEmitter();
     // ---- Content Children ----
     Panels;
     // ---- FormComponent accessor ----
@@ -682,6 +717,54 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
             this.cdr.markForCheck();
         }
     }
+    // ---- Variant picker ----
+    /** Whether the variant dropdown menu is currently open. Toggled by the
+     *  control's click handler; closed on blur or after a row is picked. */
+    _variantMenuOpen = false;
+    /**
+     * Effective variants — prefer the form component's list (set by the host
+     * resolver) when present, fall back to the directly-bound @Input. This
+     * means generated form templates don't need to bind [Variants] explicitly;
+     * the host populates `instance.Variants` post-construction and the
+     * container reads it through this accessor.
+     */
+    get EffectiveVariants() {
+        return this.fc?.Variants
+            ?? this.Variants
+            ?? [];
+    }
+    get EffectiveCurrentVariantID() {
+        return this.fc?.CurrentVariantID ?? this.CurrentVariantID;
+    }
+    /** Whether to show the variant picker at all. Hidden when the entity has
+     *  zero or one applicable variant — there's nothing to switch between. */
+    get ShowVariantPicker() {
+        return (this.EffectiveVariants?.length ?? 0) > 1;
+    }
+    /** Label for the currently-selected variant (or "Default form" if none). */
+    get CurrentVariantLabel() {
+        const v = this.EffectiveVariants?.find(x => UUIDsEqual(x.ID, this.EffectiveCurrentVariantID));
+        return v?.Label ?? 'Default form';
+    }
+    /** Compact subtitle: scope + status, e.g. "User · Active". */
+    variantSubtitle(v) {
+        return `${v.Scope} · ${v.Status}`;
+    }
+    /**
+     * User picked an item from the variant menu. If the host installed a
+     * handler via `instance.OnVariantChanged`, call it; otherwise emit the
+     * VariantChange event for standalone consumers.
+     */
+    OnVariantPicked(variantID) {
+        if (variantID === this.EffectiveCurrentVariantID)
+            return;
+        if (this.fc && typeof this.fc.OnVariantChanged === 'function') {
+            this.fc.OnVariantChanged(variantID);
+        }
+        else {
+            this.VariantChange.emit(variantID);
+        }
+    }
     // ---- Section Manager Handlers ----
     OnManageSections() {
         this.ShowSectionManager = true;
@@ -711,47 +794,50 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.recordChangesDrawer = _t.first);
-        } }, inputs: { Record: "Record", FormComponent: "FormComponent", EntityInfo: "EntityInfo", EditMode: "EditMode", UserCanEdit: "UserCanEdit", UserCanDelete: "UserCanDelete", IsFavorite: "IsFavorite", FavoriteInitDone: "FavoriteInitDone", IsDirty: "IsDirty", DirtyFieldNames: "DirtyFieldNames", ListCount: "ListCount", IsSaving: "IsSaving", ToolbarConfig: "ToolbarConfig", WidthMode: "WidthMode" }, outputs: { Navigate: "Navigate", EditModeChange: "EditModeChange", BeforeSave: "BeforeSave", SaveRequested: "SaveRequested", BeforeCancel: "BeforeCancel", CancelRequested: "CancelRequested", BeforeDelete: "BeforeDelete", DeleteRequested: "DeleteRequested", FavoriteToggled: "FavoriteToggled", BeforeHistoryView: "BeforeHistoryView", HistoryRequested: "HistoryRequested", BeforeListManagement: "BeforeListManagement", ListManagementRequested: "ListManagementRequested", ShowChangesRequested: "ShowChangesRequested", CustomButtonClick: "CustomButtonClick" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1, decls: 13, vars: 37, consts: [[3, "Navigate", "EditModeChange", "BeforeSave", "SaveRequested", "BeforeCancel", "CancelRequested", "BeforeDelete", "DeleteRequested", "FavoriteToggled", "BeforeHistoryView", "HistoryRequested", "BeforeListManagement", "ListManagementRequested", "ShowChangesRequested", "CustomButtonClick", "FilterChange", "ExpandAllRequested", "CollapseAllRequested", "ShowEmptyFieldsChange", "WidthModeChange", "ResetSectionOrderRequested", "ManageSectionsRequested", "TagsPanelToggled", "Record", "EditMode", "UserCanEdit", "UserCanDelete", "IsFavorite", "FavoriteInitDone", "IsDirty", "DirtyFieldNames", "ListCount", "TagCount", "VersionCount", "EntityInfo", "Config", "IsSaving", "VisibleSectionCount", "TotalSectionCount", "ExpandedSectionCount", "SearchFilter", "ShowEmptyFields", "WidthMode", "HasCustomSectionOrder"], [1, "mj-forms-scroll-area"], [1, "mj-forms-panels-container"], [1, "mj-forms-layout-row"], [1, "mj-forms-all-panels"], [1, "mj-forms-empty-search-state"], [3, "Navigate", "Record", "EditMode", "Collapsed"], [3, "record", "AllowRestore"], [3, "Record", "WidthPx"], [3, "visible", "config"], [3, "SectionOrderChange", "ResetRequested", "Closed", "Sections", "SectionOrder", "Visible"], [1, "mj-forms-empty-search-icon"], [1, "fa-solid", "fa-magnifying-glass"], [1, "mj-forms-empty-search-title"], [1, "mj-forms-empty-search-message"], ["href", "#", 1, "mj-forms-empty-search-link", 3, "click"], [3, "RestoreRequested", "dialogClosed", "record", "AllowRestore"], [3, "PanelClosed", "TagCountChanged", "RecordNavigate", "WidthChanged", "Record", "WidthPx"], [3, "complete", "cancel", "visible", "config"]], template: function MjRecordFormContainerComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { Record: "Record", FormComponent: "FormComponent", EntityInfo: "EntityInfo", EditMode: "EditMode", UserCanEdit: "UserCanEdit", UserCanDelete: "UserCanDelete", IsFavorite: "IsFavorite", FavoriteInitDone: "FavoriteInitDone", IsDirty: "IsDirty", DirtyFieldNames: "DirtyFieldNames", ListCount: "ListCount", IsSaving: "IsSaving", ToolbarConfig: "ToolbarConfig", WidthMode: "WidthMode", 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", ShowChangesRequested: "ShowChangesRequested", CustomButtonClick: "CustomButtonClick", VariantChange: "VariantChange" }, standalone: false, features: [i0.ɵɵProvidersFeature([FormSlotCoordinator]), i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1, decls: 14, vars: 40, consts: [[3, "Navigate", "EditModeChange", "BeforeSave", "SaveRequested", "BeforeCancel", "CancelRequested", "BeforeDelete", "DeleteRequested", "FavoriteToggled", "BeforeHistoryView", "HistoryRequested", "BeforeListManagement", "ListManagementRequested", "ShowChangesRequested", "CustomButtonClick", "FilterChange", "ExpandAllRequested", "CollapseAllRequested", "ShowEmptyFieldsChange", "WidthModeChange", "ResetSectionOrderRequested", "ManageSectionsRequested", "TagsPanelToggled", "VariantPicked", "Record", "EditMode", "UserCanEdit", "UserCanDelete", "IsFavorite", "FavoriteInitDone", "IsDirty", "DirtyFieldNames", "ListCount", "TagCount", "VersionCount", "EntityInfo", "Config", "IsSaving", "VisibleSectionCount", "TotalSectionCount", "ExpandedSectionCount", "SearchFilter", "ShowEmptyFields", "WidthMode", "HasCustomSectionOrder", "Variants", "CurrentVariantID"], [1, "mj-forms-scroll-area"], [1, "mj-forms-panels-container"], [1, "mj-forms-layout-row"], [1, "mj-forms-all-panels"], ["Slot", "after-everything", 3, "Entity", "Record", "FormComponent"], [1, "mj-forms-empty-search-state"], [3, "Navigate", "Record", "EditMode", "Collapsed"], [3, "record", "AllowRestore"], [3, "Record", "WidthPx"], [3, "visible", "config"], [3, "SectionOrderChange", "ResetRequested", "Closed", "Sections", "SectionOrder", "Visible"], [1, "mj-forms-empty-search-icon"], [1, "fa-solid", "fa-magnifying-glass"], [1, "mj-forms-empty-search-title"], [1, "mj-forms-empty-search-message"], ["href", "#", 1, "mj-forms-empty-search-link", 3, "click"], [3, "RestoreRequested", "dialogClosed", "record", "AllowRestore"], [3, "PanelClosed", "TagCountChanged", "RecordNavigate", "WidthChanged", "Record", "WidthPx"], [3, "complete", "cancel", "visible", "config"]], template: function MjRecordFormContainerComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef(_c0);
             i0.ɵɵprojection(0);
             i0.ɵɵelementStart(1, "mj-form-toolbar", 0);
-            i0.ɵɵlistener("Navigate", function MjRecordFormContainerComponent_Template_mj_form_toolbar_Navigate_1_listener($event) { return ctx.OnNavigate($event); })("EditModeChange", function MjRecordFormContainerComponent_Template_mj_form_toolbar_EditModeChange_1_listener($event) { return ctx.OnEditModeChange($event); })("BeforeSave", function MjRecordFormContainerComponent_Template_mj_form_toolbar_BeforeSave_1_listener($event) { return ctx.BeforeSave.emit($event); })("SaveRequested", function MjRecordFormContainerComponent_Template_mj_form_toolbar_SaveRequested_1_listener() { return ctx.OnSaveRequested(); })("BeforeCancel", function MjRecordFormContainerComponent_Template_mj_form_toolbar_BeforeCancel_1_listener($event) { return ctx.BeforeCancel.emit($event); })("CancelRequested", function MjRecordFormContainerComponent_Template_mj_form_toolbar_CancelRequested_1_listener() { return ctx.OnCancelRequested(); })("BeforeDelete", function MjRecordFormContainerComponent_Template_mj_form_toolbar_BeforeDelete_1_listener($event) { return ctx.BeforeDelete.emit($event); })("DeleteRequested", function MjRecordFormContainerComponent_Template_mj_form_toolbar_DeleteRequested_1_listener() { return ctx.OnDeleteRequested(); })("FavoriteToggled", function MjRecordFormContainerComponent_Template_mj_form_toolbar_FavoriteToggled_1_listener() { return ctx.OnFavoriteToggled(); })("BeforeHistoryView", function MjRecordFormContainerComponent_Template_mj_form_toolbar_BeforeHistoryView_1_listener($event) { return ctx.BeforeHistoryView.emit($event); })("HistoryRequested", function MjRecordFormContainerComponent_Template_mj_form_toolbar_HistoryRequested_1_listener() { return ctx.OnHistoryRequested(); })("BeforeListManagement", function MjRecordFormContainerComponent_Template_mj_form_toolbar_BeforeListManagement_1_listener($event) { return ctx.BeforeListManagement.emit($event); })("ListManagementRequested", function MjRecordFormContainerComponent_Template_mj_form_toolbar_ListManagementRequested_1_listener() { return ctx.OnListManagementRequested(); })("ShowChangesRequested", function MjRecordFormContainerComponent_Template_mj_form_toolbar_ShowChangesRequested_1_listener() { return ctx.OnShowChangesRequested(); })("CustomButtonClick", function MjRecordFormContainerComponent_Template_mj_form_toolbar_CustomButtonClick_1_listener($event) { return ctx.CustomButtonClick.emit($event); })("FilterChange", function MjRecordFormContainerComponent_Template_mj_form_toolbar_FilterChange_1_listener($event) { return ctx.OnFilterChange($event); })("ExpandAllRequested", function MjRecordFormContainerComponent_Template_mj_form_toolbar_ExpandAllRequested_1_listener() { return ctx.OnExpandAll(); })("CollapseAllRequested", function MjRecordFormContainerComponent_Template_mj_form_toolbar_CollapseAllRequested_1_listener() { return ctx.OnCollapseAll(); })("ShowEmptyFieldsChange", function MjRecordFormContainerComponent_Template_mj_form_toolbar_ShowEmptyFieldsChange_1_listener($event) { return ctx.OnShowEmptyFieldsChange($event); })("WidthModeChange", function MjRecordFormContainerComponent_Template_mj_form_toolbar_WidthModeChange_1_listener($event) { return ctx.OnWidthModeChange($event); })("ResetSectionOrderRequested", function MjRecordFormContainerComponent_Template_mj_form_toolbar_ResetSectionOrderRequested_1_listener() { return ctx.OnResetSectionOrder(); })("ManageSectionsRequested", function MjRecordFormContainerComponent_Template_mj_form_toolbar_ManageSectionsRequested_1_listener() { return ctx.OnManageSections(); })("TagsPanelToggled", function MjRecordFormContainerComponent_Template_mj_form_toolbar_TagsPanelToggled_1_listener() { return ctx.OnTagsPanelToggled(); });
+            i0.ɵɵlistener("Navigate", function MjRecordFormContainerComponent_Template_mj_form_toolbar_Navigate_1_listener($event) { return ctx.OnNavigate($event); })("EditModeChange", function MjRecordFormContainerComponent_Template_mj_form_toolbar_EditModeChange_1_listener($event) { return ctx.OnEditModeChange($event); })("BeforeSave", function MjRecordFormContainerComponent_Template_mj_form_toolbar_BeforeSave_1_listener($event) { return ctx.BeforeSave.emit($event); })("SaveRequested", function MjRecordFormContainerComponent_Template_mj_form_toolbar_SaveRequested_1_listener() { return ctx.OnSaveRequested(); })("BeforeCancel", function MjRecordFormContainerComponent_Template_mj_form_toolbar_BeforeCancel_1_listener($event) { return ctx.BeforeCancel.emit($event); })("CancelRequested", function MjRecordFormContainerComponent_Template_mj_form_toolbar_CancelRequested_1_listener() { return ctx.OnCancelRequested(); })("BeforeDelete", function MjRecordFormContainerComponent_Template_mj_form_toolbar_BeforeDelete_1_listener($event) { return ctx.BeforeDelete.emit($event); })("DeleteRequested", function MjRecordFormContainerComponent_Template_mj_form_toolbar_DeleteRequested_1_listener() { return ctx.OnDeleteRequested(); })("FavoriteToggled", function MjRecordFormContainerComponent_Template_mj_form_toolbar_FavoriteToggled_1_listener() { return ctx.OnFavoriteToggled(); })("BeforeHistoryView", function MjRecordFormContainerComponent_Template_mj_form_toolbar_BeforeHistoryView_1_listener($event) { return ctx.BeforeHistoryView.emit($event); })("HistoryRequested", function MjRecordFormContainerComponent_Template_mj_form_toolbar_HistoryRequested_1_listener() { return ctx.OnHistoryRequested(); })("BeforeListManagement", function MjRecordFormContainerComponent_Template_mj_form_toolbar_BeforeListManagement_1_listener($event) { return ctx.BeforeListManagement.emit($event); })("ListManagementRequested", function MjRecordFormContainerComponent_Template_mj_form_toolbar_ListManagementRequested_1_listener() { return ctx.OnListManagementRequested(); })("ShowChangesRequested", function MjRecordFormContainerComponent_Template_mj_form_toolbar_ShowChangesRequested_1_listener() { return ctx.OnShowChangesRequested(); })("CustomButtonClick", function MjRecordFormContainerComponent_Template_mj_form_toolbar_CustomButtonClick_1_listener($event) { return ctx.CustomButtonClick.emit($event); })("FilterChange", function MjRecordFormContainerComponent_Template_mj_form_toolbar_FilterChange_1_listener($event) { return ctx.OnFilterChange($event); })("ExpandAllRequested", function MjRecordFormContainerComponent_Template_mj_form_toolbar_ExpandAllRequested_1_listener() { return ctx.OnExpandAll(); })("CollapseAllRequested", function MjRecordFormContainerComponent_Template_mj_form_toolbar_CollapseAllRequested_1_listener() { return ctx.OnCollapseAll(); })("ShowEmptyFieldsChange", function MjRecordFormContainerComponent_Template_mj_form_toolbar_ShowEmptyFieldsChange_1_listener($event) { return ctx.OnShowEmptyFieldsChange($event); })("WidthModeChange", function MjRecordFormContainerComponent_Template_mj_form_toolbar_WidthModeChange_1_listener($event) { return ctx.OnWidthModeChange($event); })("ResetSectionOrderRequested", function MjRecordFormContainerComponent_Template_mj_form_toolbar_ResetSectionOrderRequested_1_listener() { return ctx.OnResetSectionOrder(); })("ManageSectionsRequested", function MjRecordFormContainerComponent_Template_mj_form_toolbar_ManageSectionsRequested_1_listener() { return ctx.OnManageSections(); })("TagsPanelToggled", function MjRecordFormContainerComponent_Template_mj_form_toolbar_TagsPanelToggled_1_listener() { return ctx.OnTagsPanelToggled(); })("VariantPicked", function MjRecordFormContainerComponent_Template_mj_form_toolbar_VariantPicked_1_listener($event) { return ctx.OnVariantPicked($event); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(2, "div", 1)(3, "div", 2)(4, "div", 3)(5, "div", 4);
             i0.ɵɵprojection(6, 1);
-            i0.ɵɵconditionalCreate(7, MjRecordFormContainerComponent_Conditional_7_Template, 15, 1, "div", 5);
+            i0.ɵɵconditionalCreate(7, MjRecordFormContainerComponent_Conditional_7_Template, 1, 3, "mj-form-panel-slot", 5);
+            i0.ɵɵconditionalCreate(8, MjRecordFormContainerComponent_Conditional_8_Template, 15, 1, "div", 6);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(8, "mj-isa-related-panel", 6);
-            i0.ɵɵlistener("Navigate", function MjRecordFormContainerComponent_Template_mj_isa_related_panel_Navigate_8_listener($event) { return ctx.OnNavigate($event); });
+            i0.ɵɵelementStart(9, "mj-isa-related-panel", 7);
+            i0.ɵɵlistener("Navigate", function MjRecordFormContainerComponent_Template_mj_isa_related_panel_Navigate_9_listener($event) { return ctx.OnNavigate($event); });
             i0.ɵɵelementEnd()()()();
-            i0.ɵɵconditionalCreate(9, MjRecordFormContainerComponent_Conditional_9_Template, 1, 2, "mj-record-changes", 7);
-            i0.ɵɵconditionalCreate(10, MjRecordFormContainerComponent_Conditional_10_Template, 1, 2, "mj-record-tags", 8);
-            i0.ɵɵconditionalCreate(11, MjRecordFormContainerComponent_Conditional_11_Template, 1, 8, "mj-list-management-dialog", 9);
-            i0.ɵɵelementStart(12, "mj-section-manager", 10);
-            i0.ɵɵlistener("SectionOrderChange", function MjRecordFormContainerComponent_Template_mj_section_manager_SectionOrderChange_12_listener($event) { return ctx.OnSectionOrderChange($event); })("ResetRequested", function MjRecordFormContainerComponent_Template_mj_section_manager_ResetRequested_12_listener() { return ctx.OnSectionManagerReset(); })("Closed", function MjRecordFormContainerComponent_Template_mj_section_manager_Closed_12_listener() { return ctx.OnSectionManagerClosed(); });
+            i0.ɵɵconditionalCreate(10, MjRecordFormContainerComponent_Conditional_10_Template, 1, 2, "mj-record-changes", 8);
+            i0.ɵɵconditionalCreate(11, MjRecordFormContainerComponent_Conditional_11_Template, 1, 2, "mj-record-tags", 9);
+            i0.ɵɵconditionalCreate(12, MjRecordFormContainerComponent_Conditional_12_Template, 1, 8, "mj-list-management-dialog", 10);
+            i0.ɵɵelementStart(13, "mj-section-manager", 11);
+            i0.ɵɵlistener("SectionOrderChange", function MjRecordFormContainerComponent_Template_mj_section_manager_SectionOrderChange_13_listener($event) { return ctx.OnSectionOrderChange($event); })("ResetRequested", function MjRecordFormContainerComponent_Template_mj_section_manager_ResetRequested_13_listener() { return ctx.OnSectionManagerReset(); })("Closed", function MjRecordFormContainerComponent_Template_mj_section_manager_Closed_13_listener() { return ctx.OnSectionManagerClosed(); });
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance();
-            i0.ɵɵproperty("Record", ctx.EffectiveRecord)("EditMode", ctx.EffectiveEditMode)("UserCanEdit", ctx.EffectiveUserCanEdit)("UserCanDelete", ctx.EffectiveUserCanDelete)("IsFavorite", ctx.EffectiveIsFavorite)("FavoriteInitDone", ctx.EffectiveFavoriteInitDone)("IsDirty", ctx.EffectiveIsDirty)("DirtyFieldNames", ctx.EffectiveDirtyFieldNames)("ListCount", ctx.ListCount)("TagCount", ctx.TagCount)("VersionCount", ctx.VersionCount)("EntityInfo", ctx.EffectiveEntityInfo)("Config", ctx.ToolbarConfig)("IsSaving", ctx.EffectiveIsSaving)("VisibleSectionCount", ctx.VisibleSectionCount)("TotalSectionCount", ctx.TotalSectionCount)("ExpandedSectionCount", ctx.ExpandedSectionCount)("SearchFilter", ctx.EffectiveSearchFilter)("ShowEmptyFields", ctx.EffectiveShowEmptyFields)("WidthMode", ctx.EffectiveWidthMode)("HasCustomSectionOrder", ctx.EffectiveHasCustomSectionOrder);
+            i0.ɵɵproperty("Record", ctx.EffectiveRecord)("EditMode", ctx.EffectiveEditMode)("UserCanEdit", ctx.EffectiveUserCanEdit)("UserCanDelete", ctx.EffectiveUserCanDelete)("IsFavorite", ctx.EffectiveIsFavorite)("FavoriteInitDone", ctx.EffectiveFavoriteInitDone)("IsDirty", ctx.EffectiveIsDirty)("DirtyFieldNames", ctx.EffectiveDirtyFieldNames)("ListCount", ctx.ListCount)("TagCount", ctx.TagCount)("VersionCount", ctx.VersionCount)("EntityInfo", ctx.EffectiveEntityInfo)("Config", ctx.ToolbarConfig)("IsSaving", ctx.EffectiveIsSaving)("VisibleSectionCount", ctx.VisibleSectionCount)("TotalSectionCount", ctx.TotalSectionCount)("ExpandedSectionCount", ctx.ExpandedSectionCount)("SearchFilter", ctx.EffectiveSearchFilter)("ShowEmptyFields", ctx.EffectiveShowEmptyFields)("WidthMode", ctx.EffectiveWidthMode)("HasCustomSectionOrder", ctx.EffectiveHasCustomSectionOrder)("Variants", ctx.EffectiveVariants)("CurrentVariantID", ctx.EffectiveCurrentVariantID);
             i0.ɵɵadvance(2);
             i0.ɵɵclassProp("mj-forms-panels--full-width", ctx.EffectiveWidthMode === "full-width")("mj-forms-panels--edit-mode", ctx.EffectiveEditMode)("mj-forms-panels--has-isa-panel", ctx.HasIsaRelatedItems);
             i0.ɵɵadvance(4);
-            i0.ɵɵconditional(ctx.EffectiveSearchFilter && ctx.VisibleSectionCount === 0 ? 7 : -1);
+            i0.ɵɵconditional(ctx.Record && ctx.FormComponent ? 7 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.EffectiveSearchFilter && ctx.VisibleSectionCount === 0 ? 8 : -1);
             i0.ɵɵadvance();
             i0.ɵɵproperty("Record", ctx.EffectiveRecord)("EditMode", ctx.EffectiveEditMode)("Collapsed", ctx.EffectiveWidthMode === "full-width");
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ShowRecordChanges && ctx.EffectiveRecord ? 9 : -1);
+            i0.ɵɵconditional(ctx.ShowRecordChanges && ctx.EffectiveRecord ? 10 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ShowTagsPanel && ctx.EffectiveRecord ? 10 : -1);
+            i0.ɵɵconditional(ctx.ShowTagsPanel && ctx.EffectiveRecord ? 11 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ShowListManagement && ctx.EffectiveRecord ? 11 : -1);
+            i0.ɵɵconditional(ctx.ShowListManagement && ctx.EffectiveRecord ? 12 : -1);
             i0.ɵɵadvance();
             i0.ɵɵproperty("Sections", ctx.SectionManagerItems)("SectionOrder", ctx.SectionManagerOrder)("Visible", ctx.ShowSectionManager);
-        } }, dependencies: [i1.RecordChangesComponent, i2.ListManagementDialogComponent, i3.RecordTagsComponent, i4.MjFormToolbarComponent, i5.MjSectionManagerComponent, i6.MjIsaRelatedPanelComponent], styles: ["/* ============================================\n   RECORD FORM CONTAINER \u2014 uses global --mj-* design tokens\n   Top-level wrapper: toolbar + scrollable content\n   ============================================ */\nmj-record-form-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  position: relative;\n  overflow: hidden;\n}\n\n/* ViewEncapsulation.None fallback \u2014 ensure the element itself constrains overflow */\nmj-record-form-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  position: relative;\n  overflow: hidden;\n}\n\n/* ============================================\n   SCROLL AREA (full-width so mouse wheel works anywhere)\n   ============================================ */\n.mj-forms-scroll-area {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n  background: var(--mj-bg-page);\n}\n\n/* ============================================\n   PANELS CONTAINER (centered content within scroll area)\n   ============================================ */\n.mj-forms-panels-container {\n  padding: 24px 32px 48px;\n  max-width: 920px;\n  margin: 0 auto;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* Widen max-width when ISA side panel is present */\n.mj-forms-panels--has-isa-panel {\n  max-width: 1240px;\n}\n\n.mj-forms-panels--full-width {\n  max-width: none;\n  padding-left: 24px;\n  padding-right: 24px;\n}\n\n/* Flex row layout: form panels + optional ISA side panel */\n.mj-forms-layout-row {\n  display: flex;\n  gap: 20px;\n  align-items: flex-start;\n}\n\n/* All panels in a single flex container \u2014 CSS order drives sequencing */\n.mj-forms-all-panels {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  flex: 1;\n  min-width: 0;\n}\n\n/* Hide related entity panels in edit mode (variant host class on mj-collapsible-panel) */\n.mj-forms-panels--edit-mode .mj-panel--related-entity {\n  display: none;\n}\n\n/* ============================================\n   EMPTY SEARCH STATE\n   ============================================ */\n.mj-forms-empty-search-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 80px 24px;\n  text-align: center;\n  min-height: 400px;\n}\n\n.mj-forms-empty-search-icon {\n  width: 80px;\n  height: 80px;\n  border-radius: var(--mj-radius-full);\n  background: var(--mj-bg-surface-sunken);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 24px;\n}\n\n.mj-forms-empty-search-icon i {\n  font-size: 32px;\n  color: var(--mj-text-muted);\n}\n\n.mj-forms-empty-search-title {\n  font-size: var(--mj-text-xl);\n  font-weight: var(--mj-font-semibold);\n  color: var(--mj-text-primary);\n  margin: 0 0 12px 0;\n}\n\n.mj-forms-empty-search-message {\n  font-size: var(--mj-text-sm);\n  color: var(--mj-text-secondary);\n  line-height: 1.6;\n  max-width: 400px;\n  margin: 0;\n}\n\n.mj-forms-empty-search-message strong {\n  color: var(--mj-text-primary);\n  font-weight: var(--mj-font-semibold);\n}\n\n.mj-forms-empty-search-link {\n  color: var(--mj-brand-primary);\n  text-decoration: none;\n  font-weight: var(--mj-font-medium);\n}\n\n.mj-forms-empty-search-link:hover {\n  text-decoration: underline;\n}\n\n/* ============================================\n   RESPONSIVE\n   ============================================ */\n@media (max-width: 768px) {\n  .mj-forms-panels-container {\n    padding: 16px 12px 32px;\n  }\n}\n"], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [i1.RecordChangesComponent, i2.ListManagementDialogComponent, i3.RecordTagsComponent, i4.MjFormToolbarComponent, i5.MjSectionManagerComponent, i6.MjIsaRelatedPanelComponent, i7.FormPanelSlotComponent], styles: ["/* ============================================\n   RECORD FORM CONTAINER \u2014 uses global --mj-* design tokens\n   Top-level wrapper: toolbar + scrollable content\n   ============================================ */\nmj-record-form-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  position: relative;\n  overflow: hidden;\n}\n\n/* ViewEncapsulation.None fallback \u2014 ensure the element itself constrains overflow */\nmj-record-form-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  position: relative;\n  overflow: hidden;\n}\n\n/* ============================================\n   SCROLL AREA (full-width so mouse wheel works anywhere)\n   ============================================ */\n.mj-forms-scroll-area {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n  background: var(--mj-bg-page);\n}\n\n/* ============================================\n   PANELS CONTAINER (centered content within scroll area)\n   ============================================ */\n.mj-forms-panels-container {\n  padding: 24px 32px 48px;\n  max-width: 920px;\n  margin: 0 auto;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* Widen max-width when ISA side panel is present */\n.mj-forms-panels--has-isa-panel {\n  max-width: 1240px;\n}\n\n.mj-forms-panels--full-width {\n  max-width: none;\n  padding-left: 24px;\n  padding-right: 24px;\n}\n\n/* Flex row layout: form panels + optional ISA side panel */\n.mj-forms-layout-row {\n  display: flex;\n  gap: 20px;\n  align-items: flex-start;\n}\n\n/* All panels in a single flex container \u2014 CSS order drives sequencing */\n.mj-forms-all-panels {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  flex: 1;\n  min-width: 0;\n}\n\n/* Hide related entity panels in edit mode (variant host class on mj-collapsible-panel) */\n.mj-forms-panels--edit-mode .mj-panel--related-entity {\n  display: none;\n}\n\n/* ============================================\n   EMPTY SEARCH STATE\n   ============================================ */\n.mj-forms-empty-search-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 80px 24px;\n  text-align: center;\n  min-height: 400px;\n}\n\n.mj-forms-empty-search-icon {\n  width: 80px;\n  height: 80px;\n  border-radius: var(--mj-radius-full);\n  background: var(--mj-bg-surface-sunken);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 24px;\n}\n\n.mj-forms-empty-search-icon i {\n  font-size: 32px;\n  color: var(--mj-text-muted);\n}\n\n.mj-forms-empty-search-title {\n  font-size: var(--mj-text-xl);\n  font-weight: var(--mj-font-semibold);\n  color: var(--mj-text-primary);\n  margin: 0 0 12px 0;\n}\n\n.mj-forms-empty-search-message {\n  font-size: var(--mj-text-sm);\n  color: var(--mj-text-secondary);\n  line-height: 1.6;\n  max-width: 400px;\n  margin: 0;\n}\n\n.mj-forms-empty-search-message strong {\n  color: var(--mj-text-primary);\n  font-weight: var(--mj-font-semibold);\n}\n\n.mj-forms-empty-search-link {\n  color: var(--mj-brand-primary);\n  text-decoration: none;\n  font-weight: var(--mj-font-medium);\n}\n\n.mj-forms-empty-search-link:hover {\n  text-decoration: underline;\n}\n\n/* ============================================\n   RESPONSIVE\n   ============================================ */\n@media (max-width: 768px) {\n  .mj-forms-panels-container {\n    padding: 16px 12px 32px;\n  }\n}\n\n/* ====================================================================\n   VARIANT PICKER \u2014 between toolbar and form body\n   Compact \"Form: <name> \u25BE\" row that appears when more than one variant\n   is applicable for the current entity record.\n   ==================================================================== */\n\n.mj-form-variant-picker {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 6px 18px;\n  background: var(--mj-bg-surface-card);\n  border-bottom: 1px solid var(--mj-border-default);\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n}\n.mj-form-variant-picker-icon {\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n}\n.mj-form-variant-picker-label {\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n.mj-form-variant-picker-control {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md, 8px);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  cursor: pointer;\n  outline: none;\n  user-select: none;\n  min-width: 160px;\n}\n.mj-form-variant-picker-control:hover,\n.mj-form-variant-picker-control:focus,\n.mj-form-variant-picker-control.open {\n  border-color: var(--mj-border-focus);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n.mj-form-variant-picker-current {\n  font-weight: 600;\n  flex: 1;\n}\n.mj-form-variant-picker-menu {\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  z-index: 50;\n  min-width: 280px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md, 8px);\n  box-shadow: var(--mj-shadow-md, 0 4px 12px rgba(15, 23, 42, 0.08));\n  padding: 4px;\n  max-height: 320px;\n  overflow: auto;\n}\n.mj-form-variant-picker-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 10px;\n  border-radius: 6px;\n  cursor: pointer;\n}\n.mj-form-variant-picker-row:hover {\n  background: var(--mj-bg-surface-hover);\n}\n.mj-form-variant-picker-row.current {\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n.mj-form-variant-picker-row.inactive {\n  opacity: 0.7;\n}\n.mj-form-variant-picker-row-main {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  flex: 1;\n  min-width: 0;\n}\n.mj-form-variant-picker-row-title {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.mj-form-variant-picker-row-sub {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n}\n.mj-form-variant-picker-check {\n  color: var(--mj-brand-primary);\n  font-size: 11px;\n}\n\n/* Retrospective fix #8 \u2014 visually distinguish the Default row from variants. */\n.mj-form-variant-picker-row.mj-form-variant-picker-default {\n  border-bottom: 1px dashed var(--mj-border-default);\n  margin-bottom: 4px;\n  padding-bottom: 10px;\n}\n.mj-form-variant-picker-default-tag {\n  color: var(--mj-text-muted);\n  font-weight: 400;\n  font-size: 11px;\n  margin-left: 4px;\n}\n"], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MjRecordFormContainerComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-record-form-container', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<!-- ============================================\n     BEFORE-TOOLBAR SLOT\n     ============================================ -->\n<ng-content select=\"[before-toolbar]\"></ng-content>\n\n<!-- ============================================\n     TOOLBAR (bridges FormComponent state \u2192 toolbar inputs)\n     ============================================ -->\n<mj-form-toolbar\n  [Record]=\"EffectiveRecord\"\n  [EditMode]=\"EffectiveEditMode\"\n  [UserCanEdit]=\"EffectiveUserCanEdit\"\n  [UserCanDelete]=\"EffectiveUserCanDelete\"\n  [IsFavorite]=\"EffectiveIsFavorite\"\n  [FavoriteInitDone]=\"EffectiveFavoriteInitDone\"\n  [IsDirty]=\"EffectiveIsDirty\"\n  [DirtyFieldNames]=\"EffectiveDirtyFieldNames\"\n  [ListCount]=\"ListCount\"\n  [TagCount]=\"TagCount\"\n  [VersionCount]=\"VersionCount\"\n  [EntityInfo]=\"EffectiveEntityInfo\"\n  [Config]=\"ToolbarConfig\"\n  [IsSaving]=\"EffectiveIsSaving\"\n  [VisibleSectionCount]=\"VisibleSectionCount\"\n  [TotalSectionCount]=\"TotalSectionCount\"\n  [ExpandedSectionCount]=\"ExpandedSectionCount\"\n  [SearchFilter]=\"EffectiveSearchFilter\"\n  [ShowEmptyFields]=\"EffectiveShowEmptyFields\"\n  [WidthMode]=\"EffectiveWidthMode\"\n  [HasCustomSectionOrder]=\"EffectiveHasCustomSectionOrder\"\n  (Navigate)=\"OnNavigate($event)\"\n  (EditModeChange)=\"OnEditModeChange($event)\"\n  (BeforeSave)=\"BeforeSave.emit($event)\"\n  (SaveRequested)=\"OnSaveRequested()\"\n  (BeforeCancel)=\"BeforeCancel.emit($event)\"\n  (CancelRequested)=\"OnCancelRequested()\"\n  (BeforeDelete)=\"BeforeDelete.emit($event)\"\n  (DeleteRequested)=\"OnDeleteRequested()\"\n  (FavoriteToggled)=\"OnFavoriteToggled()\"\n  (BeforeHistoryView)=\"BeforeHistoryView.emit($event)\"\n  (HistoryRequested)=\"OnHistoryRequested()\"\n  (BeforeListManagement)=\"BeforeListManagement.emit($event)\"\n  (ListManagementRequested)=\"OnListManagementRequested()\"\n  (ShowChangesRequested)=\"OnShowChangesRequested()\"\n  (CustomButtonClick)=\"CustomButtonClick.emit($event)\"\n  (FilterChange)=\"OnFilterChange($event)\"\n  (ExpandAllRequested)=\"OnExpandAll()\"\n  (CollapseAllRequested)=\"OnCollapseAll()\"\n  (ShowEmptyFieldsChange)=\"OnShowEmptyFieldsChange($event)\"\n  (WidthModeChange)=\"OnWidthModeChange($event)\"\n  (ResetSectionOrderRequested)=\"OnResetSectionOrder()\"\n  (ManageSectionsRequested)=\"OnManageSections()\"\n  (TagsPanelToggled)=\"OnTagsPanelToggled()\">\n</mj-form-toolbar>\n\n<!-- ============================================\n     SCROLL AREA (full-width so mouse wheel works anywhere)\n     ============================================ -->\n<div class=\"mj-forms-scroll-area\">\n  <div class=\"mj-forms-panels-container\"\n       [class.mj-forms-panels--full-width]=\"EffectiveWidthMode === 'full-width'\"\n       [class.mj-forms-panels--edit-mode]=\"EffectiveEditMode\"\n       [class.mj-forms-panels--has-isa-panel]=\"HasIsaRelatedItems\">\n    <!-- Flex row: form panels on left, ISA side panel on right -->\n    <div class=\"mj-forms-layout-row\">\n      <!-- All panels in a single flex container \u2014 CSS order drives sequencing -->\n      <div class=\"mj-forms-all-panels\">\n        <ng-content></ng-content>\n\n        <!-- Empty state when no sections match search -->\n        @if (EffectiveSearchFilter && VisibleSectionCount === 0) {\n          <div class=\"mj-forms-empty-search-state\">\n            <div class=\"mj-forms-empty-search-icon\">\n              <i class=\"fa-solid fa-magnifying-glass\"></i>\n            </div>\n            <h3 class=\"mj-forms-empty-search-title\">No sections found</h3>\n            <p class=\"mj-forms-empty-search-message\">\n              No sections match \"<strong>{{ EffectiveSearchFilter }}</strong>\".\n              <br>Try a different search term or <a href=\"#\" (click)=\"OnFilterChange(''); $event.preventDefault()\" class=\"mj-forms-empty-search-link\">clear the search</a>.\n            </p>\n          </div>\n        }\n      </div>\n\n      <!-- IS-A Related Records Side Panel -->\n      <mj-isa-related-panel\n        [Record]=\"EffectiveRecord\"\n        [EditMode]=\"EffectiveEditMode\"\n        [Collapsed]=\"EffectiveWidthMode === 'full-width'\"\n        (Navigate)=\"OnNavigate($event)\">\n      </mj-isa-related-panel>\n    </div>\n  </div>\n</div>\n\n<!-- ============================================\n     RECORD CHANGES DRAWER (shown when history button clicked)\n     ============================================ -->\n@if (ShowRecordChanges && EffectiveRecord) {\n  <mj-record-changes\n    [record]=\"EffectiveRecord\"\n    [AllowRestore]=\"EffectiveUserCanEdit\"\n    (RestoreRequested)=\"OnRestoreRequested($event)\"\n    (dialogClosed)=\"OnRecordChangesClosed()\">\n  </mj-record-changes>\n}\n\n<!-- ============================================\n     TAGS PANEL (shown when tags button clicked)\n     ============================================ -->\n@if (ShowTagsPanel && EffectiveRecord) {\n  <mj-record-tags\n    [Record]=\"EffectiveRecord\"\n    [WidthPx]=\"TagsPanelWidth\"\n    (PanelClosed)=\"OnTagsPanelClosed()\"\n    (TagCountChanged)=\"OnTagCountChanged($event)\"\n    (RecordNavigate)=\"OnTagsRecordNavigate($event)\"\n    (WidthChanged)=\"OnTagsPanelWidthChanged($event)\">\n  </mj-record-tags>\n}\n\n<!-- ============================================\n     LIST MANAGEMENT DIALOG (shown when lists button clicked)\n     ============================================ -->\n@if (ShowListManagement && EffectiveRecord) {\n  <mj-list-management-dialog\n    [visible]=\"ShowListManagement\"\n    [config]=\"{\n      mode: 'manage',\n      entityId: EffectiveRecord.EntityInfo.ID,\n      entityName: EffectiveRecord.EntityInfo.Name,\n      recordIds: [EffectiveRecord.PrimaryKey.Values()[0]],\n      allowCreate: true\n    }\"\n    (complete)=\"OnListManagementClosed()\"\n    (cancel)=\"OnListManagementClosed()\">\n  </mj-list-management-dialog>\n}\n\n<!-- ============================================\n     SECTION MANAGER DRAWER (shown when manage-sections button clicked)\n     ============================================ -->\n<mj-section-manager\n  [Sections]=\"SectionManagerItems\"\n  [SectionOrder]=\"SectionManagerOrder\"\n  [Visible]=\"ShowSectionManager\"\n  (SectionOrderChange)=\"OnSectionOrderChange($event)\"\n  (ResetRequested)=\"OnSectionManagerReset()\"\n  (Closed)=\"OnSectionManagerClosed()\">\n</mj-section-manager>\n", styles: ["/* ============================================\n   RECORD FORM CONTAINER \u2014 uses global --mj-* design tokens\n   Top-level wrapper: toolbar + scrollable content\n   ============================================ */\nmj-record-form-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  position: relative;\n  overflow: hidden;\n}\n\n/* ViewEncapsulation.None fallback \u2014 ensure the element itself constrains overflow */\nmj-record-form-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  position: relative;\n  overflow: hidden;\n}\n\n/* ============================================\n   SCROLL AREA (full-width so mouse wheel works anywhere)\n   ============================================ */\n.mj-forms-scroll-area {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n  background: var(--mj-bg-page);\n}\n\n/* ============================================\n   PANELS CONTAINER (centered content within scroll area)\n   ============================================ */\n.mj-forms-panels-container {\n  padding: 24px 32px 48px;\n  max-width: 920px;\n  margin: 0 auto;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* Widen max-width when ISA side panel is present */\n.mj-forms-panels--has-isa-panel {\n  max-width: 1240px;\n}\n\n.mj-forms-panels--full-width {\n  max-width: none;\n  padding-left: 24px;\n  padding-right: 24px;\n}\n\n/* Flex row layout: form panels + optional ISA side panel */\n.mj-forms-layout-row {\n  display: flex;\n  gap: 20px;\n  align-items: flex-start;\n}\n\n/* All panels in a single flex container \u2014 CSS order drives sequencing */\n.mj-forms-all-panels {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  flex: 1;\n  min-width: 0;\n}\n\n/* Hide related entity panels in edit mode (variant host class on mj-collapsible-panel) */\n.mj-forms-panels--edit-mode .mj-panel--related-entity {\n  display: none;\n}\n\n/* ============================================\n   EMPTY SEARCH STATE\n   ============================================ */\n.mj-forms-empty-search-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 80px 24px;\n  text-align: center;\n  min-height: 400px;\n}\n\n.mj-forms-empty-search-icon {\n  width: 80px;\n  height: 80px;\n  border-radius: var(--mj-radius-full);\n  background: var(--mj-bg-surface-sunken);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 24px;\n}\n\n.mj-forms-empty-search-icon i {\n  font-size: 32px;\n  color: var(--mj-text-muted);\n}\n\n.mj-forms-empty-search-title {\n  font-size: var(--mj-text-xl);\n  font-weight: var(--mj-font-semibold);\n  color: var(--mj-text-primary);\n  margin: 0 0 12px 0;\n}\n\n.mj-forms-empty-search-message {\n  font-size: var(--mj-text-sm);\n  color: var(--mj-text-secondary);\n  line-height: 1.6;\n  max-width: 400px;\n  margin: 0;\n}\n\n.mj-forms-empty-search-message strong {\n  color: var(--mj-text-primary);\n  font-weight: var(--mj-font-semibold);\n}\n\n.mj-forms-empty-search-link {\n  color: var(--mj-brand-primary);\n  text-decoration: none;\n  font-weight: var(--mj-font-medium);\n}\n\n.mj-forms-empty-search-link:hover {\n  text-decoration: underline;\n}\n\n/* ============================================\n   RESPONSIVE\n   ============================================ */\n@media (max-width: 768px) {\n  .mj-forms-panels-container {\n    padding: 16px 12px 32px;\n  }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-record-form-container', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [FormSlotCoordinator], template: "<!-- ============================================\n     BEFORE-TOOLBAR SLOT\n     ============================================ -->\n<ng-content select=\"[before-toolbar]\"></ng-content>\n\n<!-- ============================================\n     TOOLBAR (bridges FormComponent state \u2192 toolbar inputs)\n     ============================================ -->\n<mj-form-toolbar\n  [Record]=\"EffectiveRecord\"\n  [EditMode]=\"EffectiveEditMode\"\n  [UserCanEdit]=\"EffectiveUserCanEdit\"\n  [UserCanDelete]=\"EffectiveUserCanDelete\"\n  [IsFavorite]=\"EffectiveIsFavorite\"\n  [FavoriteInitDone]=\"EffectiveFavoriteInitDone\"\n  [IsDirty]=\"EffectiveIsDirty\"\n  [DirtyFieldNames]=\"EffectiveDirtyFieldNames\"\n  [ListCount]=\"ListCount\"\n  [TagCount]=\"TagCount\"\n  [VersionCount]=\"VersionCount\"\n  [EntityInfo]=\"EffectiveEntityInfo\"\n  [Config]=\"ToolbarConfig\"\n  [IsSaving]=\"EffectiveIsSaving\"\n  [VisibleSectionCount]=\"VisibleSectionCount\"\n  [TotalSectionCount]=\"TotalSectionCount\"\n  [ExpandedSectionCount]=\"ExpandedSectionCount\"\n  [SearchFilter]=\"EffectiveSearchFilter\"\n  [ShowEmptyFields]=\"EffectiveShowEmptyFields\"\n  [WidthMode]=\"EffectiveWidthMode\"\n  [HasCustomSectionOrder]=\"EffectiveHasCustomSectionOrder\"\n  [Variants]=\"EffectiveVariants\"\n  [CurrentVariantID]=\"EffectiveCurrentVariantID\"\n  (Navigate)=\"OnNavigate($event)\"\n  (EditModeChange)=\"OnEditModeChange($event)\"\n  (BeforeSave)=\"BeforeSave.emit($event)\"\n  (SaveRequested)=\"OnSaveRequested()\"\n  (BeforeCancel)=\"BeforeCancel.emit($event)\"\n  (CancelRequested)=\"OnCancelRequested()\"\n  (BeforeDelete)=\"BeforeDelete.emit($event)\"\n  (DeleteRequested)=\"OnDeleteRequested()\"\n  (FavoriteToggled)=\"OnFavoriteToggled()\"\n  (BeforeHistoryView)=\"BeforeHistoryView.emit($event)\"\n  (HistoryRequested)=\"OnHistoryRequested()\"\n  (BeforeListManagement)=\"BeforeListManagement.emit($event)\"\n  (ListManagementRequested)=\"OnListManagementRequested()\"\n  (ShowChangesRequested)=\"OnShowChangesRequested()\"\n  (CustomButtonClick)=\"CustomButtonClick.emit($event)\"\n  (FilterChange)=\"OnFilterChange($event)\"\n  (ExpandAllRequested)=\"OnExpandAll()\"\n  (CollapseAllRequested)=\"OnCollapseAll()\"\n  (ShowEmptyFieldsChange)=\"OnShowEmptyFieldsChange($event)\"\n  (WidthModeChange)=\"OnWidthModeChange($event)\"\n  (ResetSectionOrderRequested)=\"OnResetSectionOrder()\"\n  (ManageSectionsRequested)=\"OnManageSections()\"\n  (TagsPanelToggled)=\"OnTagsPanelToggled()\"\n  (VariantPicked)=\"OnVariantPicked($event)\">\n</mj-form-toolbar>\n\n<!-- ============================================\n     SCROLL AREA (full-width so mouse wheel works anywhere)\n     Variant picker is now embedded in <mj-form-toolbar> as a right-side\n     button \u2014 see the [Variants]/[CurrentVariantID] inputs + (VariantPicked)\n     output on the toolbar above. Inline strip was removed.\n     ============================================ -->\n<div class=\"mj-forms-scroll-area\">\n  <div class=\"mj-forms-panels-container\"\n       [class.mj-forms-panels--full-width]=\"EffectiveWidthMode === 'full-width'\"\n       [class.mj-forms-panels--edit-mode]=\"EffectiveEditMode\"\n       [class.mj-forms-panels--has-isa-panel]=\"HasIsaRelatedItems\">\n    <!-- Flex row: form panels on left, ISA side panel on right -->\n    <div class=\"mj-forms-layout-row\">\n      <!-- All panels in a single flex container \u2014 CSS order drives sequencing -->\n      <div class=\"mj-forms-all-panels\">\n        <ng-content></ng-content>\n\n        <!--\n          Container-provided fallback slot. ALWAYS present \u2014 last in document\n          order \u2014 so any panel whose registered slot isn't found in the current\n          form falls through here via FormSlotCoordinator's chain. Downstream\n          consumers that haven't rerun CodeGen against the slot-emitting\n          template still see every panel; they just render at the bottom\n          instead of at their preferred position.\n        -->\n        @if (Record && FormComponent) {\n          <mj-form-panel-slot\n            [Entity]=\"Record.EntityInfo.Name\"\n            Slot=\"after-everything\"\n            [Record]=\"Record\"\n            [FormComponent]=\"FormComponent\">\n          </mj-form-panel-slot>\n        }\n\n        <!-- Empty state when no sections match search -->\n        @if (EffectiveSearchFilter && VisibleSectionCount === 0) {\n          <div class=\"mj-forms-empty-search-state\">\n            <div class=\"mj-forms-empty-search-icon\">\n              <i class=\"fa-solid fa-magnifying-glass\"></i>\n            </div>\n            <h3 class=\"mj-forms-empty-search-title\">No sections found</h3>\n            <p class=\"mj-forms-empty-search-message\">\n              No sections match \"<strong>{{ EffectiveSearchFilter }}</strong>\".\n              <br>Try a different search term or <a href=\"#\" (click)=\"OnFilterChange(''); $event.preventDefault()\" class=\"mj-forms-empty-search-link\">clear the search</a>.\n            </p>\n          </div>\n        }\n      </div>\n\n      <!-- IS-A Related Records Side Panel -->\n      <mj-isa-related-panel\n        [Record]=\"EffectiveRecord\"\n        [EditMode]=\"EffectiveEditMode\"\n        [Collapsed]=\"EffectiveWidthMode === 'full-width'\"\n        (Navigate)=\"OnNavigate($event)\">\n      </mj-isa-related-panel>\n    </div>\n  </div>\n</div>\n\n<!-- ============================================\n     RECORD CHANGES DRAWER (shown when history button clicked)\n     ============================================ -->\n@if (ShowRecordChanges && EffectiveRecord) {\n  <mj-record-changes\n    [record]=\"EffectiveRecord\"\n    [AllowRestore]=\"EffectiveUserCanEdit\"\n    (RestoreRequested)=\"OnRestoreRequested($event)\"\n    (dialogClosed)=\"OnRecordChangesClosed()\">\n  </mj-record-changes>\n}\n\n<!-- ============================================\n     TAGS PANEL (shown when tags button clicked)\n     ============================================ -->\n@if (ShowTagsPanel && EffectiveRecord) {\n  <mj-record-tags\n    [Record]=\"EffectiveRecord\"\n    [WidthPx]=\"TagsPanelWidth\"\n    (PanelClosed)=\"OnTagsPanelClosed()\"\n    (TagCountChanged)=\"OnTagCountChanged($event)\"\n    (RecordNavigate)=\"OnTagsRecordNavigate($event)\"\n    (WidthChanged)=\"OnTagsPanelWidthChanged($event)\">\n  </mj-record-tags>\n}\n\n<!-- ============================================\n     LIST MANAGEMENT DIALOG (shown when lists button clicked)\n     ============================================ -->\n@if (ShowListManagement && EffectiveRecord) {\n  <mj-list-management-dialog\n    [visible]=\"ShowListManagement\"\n    [config]=\"{\n      mode: 'manage',\n      entityId: EffectiveRecord.EntityInfo.ID,\n      entityName: EffectiveRecord.EntityInfo.Name,\n      recordIds: [EffectiveRecord.PrimaryKey.Values()[0]],\n      allowCreate: true\n    }\"\n    (complete)=\"OnListManagementClosed()\"\n    (cancel)=\"OnListManagementClosed()\">\n  </mj-list-management-dialog>\n}\n\n<!-- ============================================\n     SECTION MANAGER DRAWER (shown when manage-sections button clicked)\n     ============================================ -->\n<mj-section-manager\n  [Sections]=\"SectionManagerItems\"\n  [SectionOrder]=\"SectionManagerOrder\"\n  [Visible]=\"ShowSectionManager\"\n  (SectionOrderChange)=\"OnSectionOrderChange($event)\"\n  (ResetRequested)=\"OnSectionManagerReset()\"\n  (Closed)=\"OnSectionManagerClosed()\">\n</mj-section-manager>\n", styles: ["/* ============================================\n   RECORD FORM CONTAINER \u2014 uses global --mj-* design tokens\n   Top-level wrapper: toolbar + scrollable content\n   ============================================ */\nmj-record-form-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  position: relative;\n  overflow: hidden;\n}\n\n/* ViewEncapsulation.None fallback \u2014 ensure the element itself constrains overflow */\nmj-record-form-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  position: relative;\n  overflow: hidden;\n}\n\n/* ============================================\n   SCROLL AREA (full-width so mouse wheel works anywhere)\n   ============================================ */\n.mj-forms-scroll-area {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n  background: var(--mj-bg-page);\n}\n\n/* ============================================\n   PANELS CONTAINER (centered content within scroll area)\n   ============================================ */\n.mj-forms-panels-container {\n  padding: 24px 32px 48px;\n  max-width: 920px;\n  margin: 0 auto;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* Widen max-width when ISA side panel is present */\n.mj-forms-panels--has-isa-panel {\n  max-width: 1240px;\n}\n\n.mj-forms-panels--full-width {\n  max-width: none;\n  padding-left: 24px;\n  padding-right: 24px;\n}\n\n/* Flex row layout: form panels + optional ISA side panel */\n.mj-forms-layout-row {\n  display: flex;\n  gap: 20px;\n  align-items: flex-start;\n}\n\n/* All panels in a single flex container \u2014 CSS order drives sequencing */\n.mj-forms-all-panels {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  flex: 1;\n  min-width: 0;\n}\n\n/* Hide related entity panels in edit mode (variant host class on mj-collapsible-panel) */\n.mj-forms-panels--edit-mode .mj-panel--related-entity {\n  display: none;\n}\n\n/* ============================================\n   EMPTY SEARCH STATE\n   ============================================ */\n.mj-forms-empty-search-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 80px 24px;\n  text-align: center;\n  min-height: 400px;\n}\n\n.mj-forms-empty-search-icon {\n  width: 80px;\n  height: 80px;\n  border-radius: var(--mj-radius-full);\n  background: var(--mj-bg-surface-sunken);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 24px;\n}\n\n.mj-forms-empty-search-icon i {\n  font-size: 32px;\n  color: var(--mj-text-muted);\n}\n\n.mj-forms-empty-search-title {\n  font-size: var(--mj-text-xl);\n  font-weight: var(--mj-font-semibold);\n  color: var(--mj-text-primary);\n  margin: 0 0 12px 0;\n}\n\n.mj-forms-empty-search-message {\n  font-size: var(--mj-text-sm);\n  color: var(--mj-text-secondary);\n  line-height: 1.6;\n  max-width: 400px;\n  margin: 0;\n}\n\n.mj-forms-empty-search-message strong {\n  color: var(--mj-text-primary);\n  font-weight: var(--mj-font-semibold);\n}\n\n.mj-forms-empty-search-link {\n  color: var(--mj-brand-primary);\n  text-decoration: none;\n  font-weight: var(--mj-font-medium);\n}\n\n.mj-forms-empty-search-link:hover {\n  text-decoration: underline;\n}\n\n/* ============================================\n   RESPONSIVE\n   ============================================ */\n@media (max-width: 768px) {\n  .mj-forms-panels-container {\n    padding: 16px 12px 32px;\n  }\n}\n\n/* ====================================================================\n   VARIANT PICKER \u2014 between toolbar and form body\n   Compact \"Form: <name> \u25BE\" row that appears when more than one variant\n   is applicable for the current entity record.\n   ==================================================================== */\n\n.mj-form-variant-picker {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 6px 18px;\n  background: var(--mj-bg-surface-card);\n  border-bottom: 1px solid var(--mj-border-default);\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n}\n.mj-form-variant-picker-icon {\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n}\n.mj-form-variant-picker-label {\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n.mj-form-variant-picker-control {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md, 8px);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  cursor: pointer;\n  outline: none;\n  user-select: none;\n  min-width: 160px;\n}\n.mj-form-variant-picker-control:hover,\n.mj-form-variant-picker-control:focus,\n.mj-form-variant-picker-control.open {\n  border-color: var(--mj-border-focus);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n.mj-form-variant-picker-current {\n  font-weight: 600;\n  flex: 1;\n}\n.mj-form-variant-picker-menu {\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  z-index: 50;\n  min-width: 280px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md, 8px);\n  box-shadow: var(--mj-shadow-md, 0 4px 12px rgba(15, 23, 42, 0.08));\n  padding: 4px;\n  max-height: 320px;\n  overflow: auto;\n}\n.mj-form-variant-picker-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 10px;\n  border-radius: 6px;\n  cursor: pointer;\n}\n.mj-form-variant-picker-row:hover {\n  background: var(--mj-bg-surface-hover);\n}\n.mj-form-variant-picker-row.current {\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n.mj-form-variant-picker-row.inactive {\n  opacity: 0.7;\n}\n.mj-form-variant-picker-row-main {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  flex: 1;\n  min-width: 0;\n}\n.mj-form-variant-picker-row-title {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.mj-form-variant-picker-row-sub {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n}\n.mj-form-variant-picker-check {\n  color: var(--mj-brand-primary);\n  font-size: 11px;\n}\n\n/* Retrospective fix #8 \u2014 visually distinguish the Default row from variants. */\n.mj-form-variant-picker-row.mj-form-variant-picker-default {\n  border-bottom: 1px dashed var(--mj-border-default);\n  margin-bottom: 4px;\n  padding-bottom: 10px;\n}\n.mj-form-variant-picker-default-tag {\n  color: var(--mj-text-muted);\n  font-weight: 400;\n  font-size: 11px;\n  margin-left: 4px;\n}\n"] }]
     }], null, { recordChangesDrawer: [{
             type: ViewChild,
             args: [RecordChangesComponent]
@@ -783,6 +869,10 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
             type: Input
         }], WidthMode: [{
             type: Input
+        }], Variants: [{
+            type: Input
+        }], CurrentVariantID: [{
+            type: Input
         }], Navigate: [{
             type: Output
         }], EditModeChange: [{
@@ -813,9 +903,11 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
             type: Output
         }], CustomButtonClick: [{
             type: Output
+        }], VariantChange: [{
+            type: Output
         }], Panels: [{
             type: ContentChildren,
             args: [MjCollapsiblePanelComponent, { descendants: true }]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MjRecordFormContainerComponent, { className: "MjRecordFormContainerComponent", filePath: "src/lib/container/record-form-container.component.ts", lineNumber: 67 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MjRecordFormContainerComponent, { className: "MjRecordFormContainerComponent", filePath: "src/lib/container/record-form-container.component.ts", lineNumber: 84 }); })();
 //# sourceMappingURL=record-form-container.component.js.map