@memberjunction/ng-base-forms 4.0.0 → 4.1.0

package/dist/lib/panel/collapsible-panel.component.js

@@ -0,0 +1,468 @@
+import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef, inject, ContentChildren, HostBinding, HostListener, ElementRef, ViewChild, NgZone, ViewEncapsulation } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { MjFormFieldComponent } from '../field/form-field.component';
+import { CompositeKey } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+const _c0 = ["panelContent"];
+const _c1 = ["*"];
+function MjCollapsiblePanelComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 14);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("mj-forms-row-count-badge--zero", ctx_r1.BadgeCount === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.BadgeCount, " ");
+} }
+function MjCollapsiblePanelComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "a", 15);
+    i0.ɵɵlistener("click", function MjCollapsiblePanelComponent_Conditional_9_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnInheritedBadgeClick($event)); });
+    i0.ɵɵelement(1, "i", 16);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("title", "View parent record: " + ctx_r1.InheritedFromEntity);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" Inherited from ", ctx_r1.InheritedFromEntity, " ");
+} }
+/**
+ * Reusable collapsible panel for form sections.
+ *
+ * Supports three visual variants:
+ * - **default**: White card with accent border (standard field sections)
+ * - **related-entity**: Blue-accented card with row count badge (related entity grids)
+ * - **inherited**: Purple-accented card with "Inherited from X" badge (IS-A parent field sections)
+ *
+ * Features:
+ * - Expand/collapse with smooth animation
+ * - Search filtering (hides non-matching panels, highlights matched names)
+ * - Drag-to-reorder sections
+ * - Inheritable "Inherited from X" badge with navigation event
+ * - Row count badge for related entity sections
+ *
+ * @example
+ * ```html
+ * <mj-collapsible-panel
+ *   SectionKey="productDetails"
+ *   SectionName="Product Details"
+ *   Icon="fa fa-box"
+ *   Variant="inherited"
+ *   InheritedFromEntity="Products"
+ *   [Form]="formComponent"
+ *   [FormContext]="formContext"
+ *   (Navigate)="onNavigate($event)">
+ *   <mj-form-field ...></mj-form-field>
+ * </mj-collapsible-panel>
+ * ```
+ */
+export class MjCollapsiblePanelComponent {
+    cdr = inject(ChangeDetectorRef);
+    elementRef = inject(ElementRef);
+    ngZone = inject(NgZone);
+    /** Unique key for state persistence */
+    SectionKey = '';
+    /** Display name shown in the panel header */
+    SectionName = '';
+    /** Font Awesome icon class for the panel header */
+    Icon = 'fa fa-folder';
+    /**
+     * Reference to the parent form component for state delegation.
+     * Expected to have IsSectionExpanded, SetSectionExpanded, getSectionDisplayOrder methods.
+     */
+    Form;
+    /** Form-level context (search filter, showEmptyFields) */
+    FormContext;
+    /** Panel visual variant */
+    Variant = 'default';
+    /** Row count badge for related entity sections */
+    BadgeCount;
+    /** Default expanded state when no persisted state exists */
+    DefaultExpanded;
+    /**
+     * For 'inherited' variant: the parent entity name this section's fields come from.
+     * Displayed as "Inherited from X" badge and used for navigation.
+     */
+    InheritedFromEntity = '';
+    /**
+     * For 'inherited' variant: the primary key to navigate to when clicking the badge.
+     * (Shared PK in IS-A relationships.)
+     */
+    InheritedRecordPrimaryKey;
+    // ---- Deprecated camelCase aliases (backward compat) ----
+    /** @deprecated Use [SectionKey] instead */
+    set _deprecatedSectionKey(value) { this.SectionKey = value; }
+    /** @deprecated Use [SectionName] instead */
+    set _deprecatedSectionName(value) { this.SectionName = value; }
+    /** @deprecated Use [Icon] instead */
+    set _deprecatedIcon(value) { this.Icon = value; }
+    /** @deprecated Use [Form] instead */
+    set _deprecatedForm(value) { this.Form = value; }
+    /** @deprecated Use [FormContext] instead */
+    set _deprecatedFormContext(value) { this.FormContext = value; }
+    // ---- Outputs ----
+    DragStarted = new EventEmitter();
+    DragEnded = new EventEmitter();
+    PanelDrop = new EventEmitter();
+    Navigate = new EventEmitter();
+    // ---- Content Children ----
+    FieldComponents;
+    // ---- State ----
+    DisplayName = '';
+    FieldNames = '';
+    IsVisible = true;
+    get IsHidden() {
+        return !this.IsVisible;
+    }
+    get CssOrder() {
+        const formRef = this.Form;
+        return formRef?.getSectionDisplayOrder ? formRef.getSectionDisplayOrder(this.SectionKey) : 0;
+    }
+    IsDragging = false;
+    IsDragOver = false;
+    // ---- Event relay ----
+    /** Signals re-subscription when ContentChildren change */
+    fieldNavReset$ = new Subject();
+    // ---- Panel content resize ----
+    panelContentRef;
+    resizeObserver;
+    resizeDebounceTimer;
+    /**
+     * Persisted panel height for related-entity panels.
+     * Returns undefined to let CSS default (400px) apply.
+     */
+    get PanelContentHeight() {
+        if (this.Variant !== 'related-entity')
+            return undefined;
+        const formRef = this.Form;
+        return formRef?.GetSectionPanelHeight?.(this.SectionKey);
+    }
+    /** Whether the panel is expanded (delegates to form state) */
+    get Expanded() {
+        const formRef = this.Form;
+        return formRef?.IsSectionExpanded ? formRef.IsSectionExpanded(this.SectionKey, this.DefaultExpanded) : true;
+    }
+    // ---- Lifecycle ----
+    ngOnInit() {
+        this.DisplayName = this.SectionName;
+    }
+    ngAfterContentInit() {
+        this.UpdateFieldNames();
+        this.SubscribeToFieldNavigateEvents();
+        this.FieldComponents.changes.subscribe(() => {
+            this.UpdateFieldNames();
+            this.SubscribeToFieldNavigateEvents();
+        });
+    }
+    ngOnChanges(changes) {
+        if (changes['SectionName']) {
+            this.DisplayName = this.SectionName;
+        }
+        if (changes['SectionName'] || changes['FormContext']) {
+            this.UpdateVisibilityAndHighlighting();
+        }
+        if (changes['FormContext'] && this.FieldComponents) {
+            this.FieldComponents.forEach(field => {
+                field.FormContext = this.FormContext;
+            });
+        }
+    }
+    ngAfterViewInit() {
+        this.SetupResizeObserver();
+    }
+    ngOnDestroy() {
+        this.fieldNavReset$.next();
+        this.fieldNavReset$.complete();
+        this.resizeObserver?.disconnect();
+        if (this.resizeDebounceTimer) {
+            clearTimeout(this.resizeDebounceTimer);
+        }
+    }
+    // ---- Actions ----
+    Toggle() {
+        const formRef = this.Form;
+        if (formRef?.SetSectionExpanded) {
+            formRef.SetSectionExpanded(this.SectionKey, !this.Expanded);
+            this.cdr.markForCheck();
+        }
+    }
+    /**
+     * Navigate to the parent entity when clicking the "Inherited from X" badge.
+     */
+    OnInheritedBadgeClick(event) {
+        event.stopPropagation();
+        if (!this.InheritedFromEntity)
+            return;
+        this.Navigate.emit({
+            Kind: 'entity-hierarchy',
+            EntityName: this.InheritedFromEntity,
+            PrimaryKey: this.InheritedRecordPrimaryKey ?? new CompositeKey([]),
+            Direction: 'parent'
+        });
+    }
+    // ---- Drag and Drop ----
+    OnDragOver(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (event.dataTransfer?.types.includes('text/plain')) {
+            this.IsDragOver = true;
+        }
+    }
+    OnDragLeave(event) {
+        event.preventDefault();
+        this.IsDragOver = false;
+    }
+    OnDrop(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.IsDragOver = false;
+        const sourceSectionKey = event.dataTransfer?.getData('text/plain');
+        if (sourceSectionKey && sourceSectionKey !== this.SectionKey) {
+            this.PanelDrop.emit({
+                SourceSectionKey: sourceSectionKey,
+                TargetSectionKey: this.SectionKey
+            });
+            this.ReorderSections(sourceSectionKey, this.SectionKey);
+        }
+    }
+    OnDragStart(event) {
+        this.IsDragging = true;
+        event.dataTransfer?.setData('text/plain', this.SectionKey);
+        if (event.dataTransfer) {
+            event.dataTransfer.effectAllowed = 'move';
+        }
+        this.DragStarted.emit({ SectionKey: this.SectionKey, Event: event });
+    }
+    OnDragEnd() {
+        this.IsDragging = false;
+        this.DragEnded.emit();
+    }
+    // ---- Private Methods ----
+    ReorderSections(sourceSectionKey, targetSectionKey) {
+        const formRef = this.Form;
+        if (!formRef?.getSectionOrder || !formRef?.setSectionOrder)
+            return;
+        const currentOrder = formRef.getSectionOrder();
+        const sourceIndex = currentOrder.indexOf(sourceSectionKey);
+        const targetIndex = currentOrder.indexOf(targetSectionKey);
+        if (sourceIndex === -1 || targetIndex === -1)
+            return;
+        const newOrder = [...currentOrder];
+        newOrder.splice(sourceIndex, 1);
+        newOrder.splice(targetIndex, 0, sourceSectionKey);
+        formRef.setSectionOrder(newOrder);
+        this.cdr.markForCheck();
+    }
+    UpdateFieldNames() {
+        if (this.FieldComponents) {
+            const names = [];
+            this.FieldComponents.forEach(field => {
+                if (field.DisplayName) {
+                    names.push(field.DisplayName.toLowerCase());
+                }
+            });
+            this.FieldNames = names.join(' ');
+            this.UpdateVisibilityAndHighlighting();
+        }
+    }
+    /**
+     * Subscribes to Navigate events from all child form-field components
+     * and relays them through this panel's Navigate output.
+     */
+    SubscribeToFieldNavigateEvents() {
+        this.fieldNavReset$.next(); // tear down previous subscriptions
+        this.FieldComponents.forEach(field => {
+            field.Navigate.pipe(takeUntil(this.fieldNavReset$)).subscribe((event) => {
+                this.Navigate.emit(event);
+            });
+        });
+    }
+    /**
+     * Sets up a ResizeObserver on the panel content div for related-entity panels.
+     * When the user drags the CSS resize handle, we persist the new height.
+     */
+    SetupResizeObserver() {
+        if (this.Variant !== 'related-entity' || !this.panelContentRef)
+            return;
+        const el = this.panelContentRef.nativeElement;
+        // Run outside Angular zone to avoid triggering change detection on every resize frame
+        this.ngZone.runOutsideAngular(() => {
+            this.resizeObserver = new ResizeObserver((entries) => {
+                const entry = entries[0];
+                if (!entry)
+                    return;
+                const newHeight = Math.round(entry.contentRect.height);
+                this.DebouncePersistHeight(newHeight);
+            });
+            this.resizeObserver.observe(el);
+        });
+    }
+    /**
+     * Debounces height persistence so we don't write to DB on every resize frame.
+     */
+    DebouncePersistHeight(height) {
+        if (this.resizeDebounceTimer) {
+            clearTimeout(this.resizeDebounceTimer);
+        }
+        this.resizeDebounceTimer = setTimeout(() => {
+            const formRef = this.Form;
+            formRef?.SetSectionPanelHeight?.(this.SectionKey, height);
+        }, 500);
+    }
+    UpdateVisibilityAndHighlighting() {
+        const searchTerm = (this.FormContext?.sectionFilter || '').toLowerCase().trim();
+        if (!searchTerm) {
+            this.IsVisible = true;
+            this.DisplayName = this.SectionName;
+            this.cdr.markForCheck();
+            return;
+        }
+        const sectionMatches = this.SectionName.toLowerCase().includes(searchTerm);
+        const fieldsMatch = this.FieldNames.includes(searchTerm);
+        this.IsVisible = sectionMatches || fieldsMatch;
+        if (this.IsVisible && sectionMatches) {
+            const escaped = searchTerm.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+            const regex = new RegExp(escaped, 'gi');
+            this.DisplayName = this.SectionName.replace(regex, '<mark class="mj-forms-search-highlight">$&</mark>');
+        }
+        else {
+            this.DisplayName = this.SectionName;
+        }
+        this.cdr.markForCheck();
+    }
+    static ɵfac = function MjCollapsiblePanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MjCollapsiblePanelComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MjCollapsiblePanelComponent, selectors: [["mj-collapsible-panel"]], contentQueries: function MjCollapsiblePanelComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuery(dirIndex, MjFormFieldComponent, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.FieldComponents = _t);
+        } }, viewQuery: function MjCollapsiblePanelComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.panelContentRef = _t.first);
+        } }, hostVars: 8, hostBindings: function MjCollapsiblePanelComponent_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("dragover", function MjCollapsiblePanelComponent_dragover_HostBindingHandler($event) { return ctx.OnDragOver($event); })("dragleave", function MjCollapsiblePanelComponent_dragleave_HostBindingHandler($event) { return ctx.OnDragLeave($event); })("drop", function MjCollapsiblePanelComponent_drop_HostBindingHandler($event) { return ctx.OnDrop($event); });
+        } if (rf & 2) {
+            i0.ɵɵstyleProp("order", ctx.CssOrder);
+            i0.ɵɵclassProp("mj-search-hidden", ctx.IsHidden)("mj-dragging", ctx.IsDragging)("mj-drag-over", ctx.IsDragOver);
+        } }, inputs: { SectionKey: "SectionKey", SectionName: "SectionName", Icon: "Icon", Form: "Form", FormContext: "FormContext", Variant: "Variant", BadgeCount: "BadgeCount", DefaultExpanded: "DefaultExpanded", InheritedFromEntity: "InheritedFromEntity", InheritedRecordPrimaryKey: "InheritedRecordPrimaryKey", _deprecatedSectionKey: [0, "sectionKey", "_deprecatedSectionKey"], _deprecatedSectionName: [0, "sectionName", "_deprecatedSectionName"], _deprecatedIcon: [0, "icon", "_deprecatedIcon"], _deprecatedForm: [0, "form", "_deprecatedForm"], _deprecatedFormContext: [0, "formContext", "_deprecatedFormContext"] }, outputs: { DragStarted: "DragStarted", DragEnded: "DragEnded", PanelDrop: "PanelDrop", Navigate: "Navigate" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c1, decls: 16, vars: 16, consts: [["panelContent", ""], [1, "mj-forms-panel"], ["role", "button", "tabindex", "0", 1, "mj-forms-panel-header", 3, "click"], ["title", "Drag to reorder sections", "draggable", "true", 1, "mj-forms-drag-handle", 3, "dragstart", "dragend", "click"], [1, "fa-solid", "fa-grip-vertical"], [1, "mj-forms-panel-title-group"], [1, "mj-forms-panel-icon"], [1, "mj-forms-panel-title"], [3, "innerHTML"], [1, "mj-forms-row-count-badge", 3, "mj-forms-row-count-badge--zero"], [1, "mj-forms-inherited-badge", 3, "title"], [1, "mj-forms-panel-chevron"], [1, "mj-forms-panel-body"], [1, "mj-forms-panel-content"], [1, "mj-forms-row-count-badge"], [1, "mj-forms-inherited-badge", 3, "click", "title"], [1, "fa-solid", "fa-arrow-up"]], template: function MjCollapsiblePanelComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
+            i0.ɵɵlistener("click", function MjCollapsiblePanelComponent_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.Toggle()); });
+            i0.ɵɵelementStart(2, "div", 3);
+            i0.ɵɵlistener("dragstart", function MjCollapsiblePanelComponent_Template_div_dragstart_2_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnDragStart($event)); })("dragend", function MjCollapsiblePanelComponent_Template_div_dragend_2_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnDragEnd()); })("click", function MjCollapsiblePanelComponent_Template_div_click_2_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
+            i0.ɵɵelement(3, "i", 4);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "div", 5);
+            i0.ɵɵelement(5, "i", 6);
+            i0.ɵɵelementStart(6, "h3", 7);
+            i0.ɵɵelement(7, "span", 8);
+            i0.ɵɵconditionalCreate(8, MjCollapsiblePanelComponent_Conditional_8_Template, 2, 3, "span", 9);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(9, MjCollapsiblePanelComponent_Conditional_9_Template, 3, 2, "a", 10);
+            i0.ɵɵelementStart(10, "div", 11);
+            i0.ɵɵelement(11, "i");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(12, "div", 12)(13, "div", 13, 0);
+            i0.ɵɵprojection(15);
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵclassProp("mj-forms-panel--related", ctx.Variant === "related-entity")("mj-forms-panel--inherited", ctx.Variant === "inherited");
+            i0.ɵɵattribute("data-section-key", ctx.SectionKey);
+            i0.ɵɵadvance(5);
+            i0.ɵɵclassMap(ctx.Icon);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("innerHTML", ctx.DisplayName, i0.ɵɵsanitizeHtml);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.BadgeCount !== undefined ? 8 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Variant === "inherited" && ctx.InheritedFromEntity ? 9 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassMap(ctx.Expanded ? "fa fa-chevron-up" : "fa fa-chevron-down");
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("mj-forms-panel-body--collapsed", !ctx.Expanded);
+            i0.ɵɵadvance();
+            i0.ɵɵstyleProp("height", ctx.PanelContentHeight, "px");
+        } }, styles: ["mj-collapsible-panel {\n  --mj-card-bg: #ffffff;\n  --mj-card-radius: 8px;\n  --mj-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 4px 12px rgba(0, 0, 0, 0.05);\n  --mj-accent: #667eea;\n  --mj-accent-light: rgba(102, 126, 234, 0.08);\n  --mj-text-primary: #1f2937;\n  --mj-text-secondary: #6b7280;\n  --mj-text-muted: #9ca3af;\n  --mj-border: #e5e7eb;\n  --mj-success: #10b981;\n  --mj-isa-parent: #8b5cf6;\n  --mj-related-accent: #3b82f6;\n  --mj-transition: 200ms;\n\n  display: block;\n}\n\nmj-collapsible-panel.mj-search-hidden {\n  display: none;\n}\n\nmj-collapsible-panel.mj-drag-over {\n  border: 2px dashed var(--mj-accent);\n  border-radius: var(--mj-card-radius);\n}\n\n/* ============================================\n   PANEL CARD\n   ============================================ */\n.mj-forms-panel {\n  background: var(--mj-card-bg);\n  border-radius: var(--mj-card-radius);\n  box-shadow: var(--mj-card-shadow);\n  border: 1px solid rgba(0, 0, 0, 0.07);\n  overflow: hidden;\n  transition: all 0.3s ease;\n}\n\n/* ============================================\n   HEADER\n   ============================================ */\n.mj-forms-panel-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px 20px;\n  background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n  border-bottom: 2px solid var(--mj-border);\n  cursor: pointer;\n  user-select: none;\n  transition: all 0.3s ease;\n}\n\n.mj-forms-panel-header:hover {\n  background: linear-gradient(135deg, #f3f4f6 0%, #f9fafb 100%);\n  border-bottom-color: var(--mj-accent);\n}\n\n/* Drag handle */\n.mj-forms-drag-handle {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 0;\n  height: 24px;\n  color: var(--mj-text-muted);\n  cursor: grab;\n  opacity: 0;\n  overflow: hidden;\n  transition: width var(--mj-transition) ease, opacity var(--mj-transition) ease;\n  flex-shrink: 0;\n}\n\n.mj-forms-panel-header:hover .mj-forms-drag-handle {\n  width: 24px;\n  opacity: 1;\n}\n\n.mj-forms-drag-handle:hover {\n  color: var(--mj-accent);\n}\n\n.mj-forms-drag-handle:active {\n  cursor: grabbing;\n}\n\nmj-collapsible-panel.mj-dragging .mj-forms-drag-handle {\n  width: 24px;\n  opacity: 1;\n  color: var(--mj-accent);\n}\n\n/* Title group */\n.mj-forms-panel-title-group {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n}\n\n.mj-forms-panel-icon {\n  font-size: 18px;\n  color: var(--mj-accent);\n  width: 24px;\n  text-align: center;\n}\n\n.mj-forms-panel-title {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.mj-forms-panel-chevron {\n  color: var(--mj-text-secondary);\n  font-size: 14px;\n  transition: transform 0.3s ease;\n  padding: 4px;\n}\n\n/* Row count badge */\n.mj-forms-row-count-badge {\n  background: var(--mj-success);\n  color: white;\n  padding: 2px 8px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 600;\n  margin-left: 8px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 24px;\n  line-height: 1;\n}\n\n.mj-forms-row-count-badge--zero {\n  background: var(--mj-text-muted);\n}\n\n/* ============================================\n   INHERITED VARIANT (IS-A parent fields)\n   ============================================ */\n.mj-forms-panel--inherited {\n  border-left: 3px solid var(--mj-isa-parent);\n}\n\n.mj-forms-panel--inherited .mj-forms-panel-header {\n  background: linear-gradient(135deg, #f5f3ff 0%, #ffffff 100%);\n}\n\n.mj-forms-panel--inherited .mj-forms-panel-header:hover {\n  background: linear-gradient(135deg, #ede9fe 0%, #f5f3ff 100%);\n  border-bottom-color: var(--mj-isa-parent);\n}\n\n.mj-forms-panel--inherited .mj-forms-panel-icon {\n  color: var(--mj-isa-parent);\n}\n\n.mj-forms-inherited-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 11px;\n  font-weight: 600;\n  padding: 3px 10px;\n  border-radius: 4px;\n  background: #f3f0ff;\n  color: var(--mj-isa-parent);\n  border: 1px solid #e0d5ff;\n  cursor: pointer;\n  transition: all var(--mj-transition) ease;\n  text-decoration: none;\n}\n\n.mj-forms-inherited-badge:hover {\n  background: #e8e0ff;\n  border-color: var(--mj-isa-parent);\n  box-shadow: 0 2px 6px rgba(139, 92, 246, 0.2);\n}\n\n.mj-forms-inherited-badge i {\n  font-size: 10px;\n}\n\n/* ============================================\n   RELATED ENTITY VARIANT\n   ============================================ */\n.mj-forms-panel--related {\n  border-left: 3px solid var(--mj-related-accent);\n}\n\n.mj-forms-panel--related .mj-forms-panel-header {\n  background: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 100%);\n}\n\n.mj-forms-panel--related .mj-forms-panel-header:hover {\n  background: linear-gradient(135deg, #bfdbfe 0%, #e0f2fe 100%);\n  border-bottom-color: var(--mj-related-accent);\n}\n\n.mj-forms-panel--related .mj-forms-panel-icon {\n  color: var(--mj-related-accent);\n}\n\n/* Related entity content \u2014 400px default, user can drag-resize vertically */\n.mj-forms-panel--related .mj-forms-panel-content {\n  height: 400px;\n  padding: 0;\n  overflow: hidden;\n  resize: vertical;\n  min-height: 120px;\n  max-height: 800px;\n}\n\n/* Ensure child chain fills the resizable content area */\n.mj-forms-panel--related .mj-forms-panel-content > *,\n.mj-forms-panel--related .mj-forms-panel-content > .ng-star-inserted {\n  height: 100%;\n}\n\n.mj-forms-panel--related .mj-forms-panel-content > * > * {\n  height: 100%;\n}\n\n/* Related entity panels need the body to not clip the resize handle */\n.mj-forms-panel--related .mj-forms-panel-body {\n  overflow: visible;\n}\n\n/* ============================================\n   BODY (collapsible)\n   ============================================ */\n.mj-forms-panel-body {\n  max-height: 2000px;\n  overflow: hidden;\n  transition: max-height 0.4s ease, padding 0.4s ease, opacity 0.3s ease;\n  opacity: 1;\n}\n\n.mj-forms-panel-body--collapsed {\n  max-height: 0;\n  padding: 0;\n  opacity: 0;\n}\n\n.mj-forms-panel-content {\n  padding: 20px;\n  overflow: auto;\n  max-height: 600px;\n}\n\n/* ============================================\n   SEARCH HIGHLIGHTING\n   ============================================ */\n.mj-forms-panel-title ::ng-deep .mj-forms-search-highlight {\n  background-color: #fef08a;\n  color: #854d0e;\n  padding: 0;\n  border-radius: 2px;\n  font-weight: 700;\n  box-shadow: 0 0 0 2px #fef08a;\n}\n"], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MjCollapsiblePanelComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-collapsible-panel', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"mj-forms-panel\"\n     [class.mj-forms-panel--related]=\"Variant === 'related-entity'\"\n     [class.mj-forms-panel--inherited]=\"Variant === 'inherited'\"\n     [attr.data-section-key]=\"SectionKey\">\n\n  <!-- Panel Header -->\n  <div class=\"mj-forms-panel-header\" role=\"button\" tabindex=\"0\" (click)=\"Toggle()\">\n    <!-- Drag Handle -->\n    <div class=\"mj-forms-drag-handle\"\n         title=\"Drag to reorder sections\"\n         draggable=\"true\"\n         (dragstart)=\"OnDragStart($event)\"\n         (dragend)=\"OnDragEnd()\"\n         (click)=\"$event.stopPropagation()\">\n      <i class=\"fa-solid fa-grip-vertical\"></i>\n    </div>\n\n    <!-- Icon + Title -->\n    <div class=\"mj-forms-panel-title-group\">\n      <i [class]=\"Icon\" class=\"mj-forms-panel-icon\"></i>\n      <h3 class=\"mj-forms-panel-title\">\n        <span [innerHTML]=\"DisplayName\"></span>\n        <!-- Row count badge for related entities -->\n        @if (BadgeCount !== undefined) {\n          <span class=\"mj-forms-row-count-badge\" [class.mj-forms-row-count-badge--zero]=\"BadgeCount === 0\">\n            {{ BadgeCount }}\n          </span>\n        }\n      </h3>\n    </div>\n\n    <!-- Inherited From badge (IS-A) -->\n    @if (Variant === 'inherited' && InheritedFromEntity) {\n      <a class=\"mj-forms-inherited-badge\" (click)=\"OnInheritedBadgeClick($event)\"\n         [title]=\"'View parent record: ' + InheritedFromEntity\">\n        <i class=\"fa-solid fa-arrow-up\"></i>\n        Inherited from {{ InheritedFromEntity }}\n      </a>\n    }\n\n    <!-- Chevron -->\n    <div class=\"mj-forms-panel-chevron\">\n      <i [class]=\"Expanded ? 'fa fa-chevron-up' : 'fa fa-chevron-down'\"></i>\n    </div>\n  </div>\n\n  <!-- Panel Body -->\n  <div class=\"mj-forms-panel-body\" [class.mj-forms-panel-body--collapsed]=\"!Expanded\">\n    <div class=\"mj-forms-panel-content\"\n         #panelContent\n         [style.height.px]=\"PanelContentHeight\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: ["mj-collapsible-panel {\n  --mj-card-bg: #ffffff;\n  --mj-card-radius: 8px;\n  --mj-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 4px 12px rgba(0, 0, 0, 0.05);\n  --mj-accent: #667eea;\n  --mj-accent-light: rgba(102, 126, 234, 0.08);\n  --mj-text-primary: #1f2937;\n  --mj-text-secondary: #6b7280;\n  --mj-text-muted: #9ca3af;\n  --mj-border: #e5e7eb;\n  --mj-success: #10b981;\n  --mj-isa-parent: #8b5cf6;\n  --mj-related-accent: #3b82f6;\n  --mj-transition: 200ms;\n\n  display: block;\n}\n\nmj-collapsible-panel.mj-search-hidden {\n  display: none;\n}\n\nmj-collapsible-panel.mj-drag-over {\n  border: 2px dashed var(--mj-accent);\n  border-radius: var(--mj-card-radius);\n}\n\n/* ============================================\n   PANEL CARD\n   ============================================ */\n.mj-forms-panel {\n  background: var(--mj-card-bg);\n  border-radius: var(--mj-card-radius);\n  box-shadow: var(--mj-card-shadow);\n  border: 1px solid rgba(0, 0, 0, 0.07);\n  overflow: hidden;\n  transition: all 0.3s ease;\n}\n\n/* ============================================\n   HEADER\n   ============================================ */\n.mj-forms-panel-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px 20px;\n  background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n  border-bottom: 2px solid var(--mj-border);\n  cursor: pointer;\n  user-select: none;\n  transition: all 0.3s ease;\n}\n\n.mj-forms-panel-header:hover {\n  background: linear-gradient(135deg, #f3f4f6 0%, #f9fafb 100%);\n  border-bottom-color: var(--mj-accent);\n}\n\n/* Drag handle */\n.mj-forms-drag-handle {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 0;\n  height: 24px;\n  color: var(--mj-text-muted);\n  cursor: grab;\n  opacity: 0;\n  overflow: hidden;\n  transition: width var(--mj-transition) ease, opacity var(--mj-transition) ease;\n  flex-shrink: 0;\n}\n\n.mj-forms-panel-header:hover .mj-forms-drag-handle {\n  width: 24px;\n  opacity: 1;\n}\n\n.mj-forms-drag-handle:hover {\n  color: var(--mj-accent);\n}\n\n.mj-forms-drag-handle:active {\n  cursor: grabbing;\n}\n\nmj-collapsible-panel.mj-dragging .mj-forms-drag-handle {\n  width: 24px;\n  opacity: 1;\n  color: var(--mj-accent);\n}\n\n/* Title group */\n.mj-forms-panel-title-group {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n}\n\n.mj-forms-panel-icon {\n  font-size: 18px;\n  color: var(--mj-accent);\n  width: 24px;\n  text-align: center;\n}\n\n.mj-forms-panel-title {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.mj-forms-panel-chevron {\n  color: var(--mj-text-secondary);\n  font-size: 14px;\n  transition: transform 0.3s ease;\n  padding: 4px;\n}\n\n/* Row count badge */\n.mj-forms-row-count-badge {\n  background: var(--mj-success);\n  color: white;\n  padding: 2px 8px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 600;\n  margin-left: 8px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 24px;\n  line-height: 1;\n}\n\n.mj-forms-row-count-badge--zero {\n  background: var(--mj-text-muted);\n}\n\n/* ============================================\n   INHERITED VARIANT (IS-A parent fields)\n   ============================================ */\n.mj-forms-panel--inherited {\n  border-left: 3px solid var(--mj-isa-parent);\n}\n\n.mj-forms-panel--inherited .mj-forms-panel-header {\n  background: linear-gradient(135deg, #f5f3ff 0%, #ffffff 100%);\n}\n\n.mj-forms-panel--inherited .mj-forms-panel-header:hover {\n  background: linear-gradient(135deg, #ede9fe 0%, #f5f3ff 100%);\n  border-bottom-color: var(--mj-isa-parent);\n}\n\n.mj-forms-panel--inherited .mj-forms-panel-icon {\n  color: var(--mj-isa-parent);\n}\n\n.mj-forms-inherited-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 11px;\n  font-weight: 600;\n  padding: 3px 10px;\n  border-radius: 4px;\n  background: #f3f0ff;\n  color: var(--mj-isa-parent);\n  border: 1px solid #e0d5ff;\n  cursor: pointer;\n  transition: all var(--mj-transition) ease;\n  text-decoration: none;\n}\n\n.mj-forms-inherited-badge:hover {\n  background: #e8e0ff;\n  border-color: var(--mj-isa-parent);\n  box-shadow: 0 2px 6px rgba(139, 92, 246, 0.2);\n}\n\n.mj-forms-inherited-badge i {\n  font-size: 10px;\n}\n\n/* ============================================\n   RELATED ENTITY VARIANT\n   ============================================ */\n.mj-forms-panel--related {\n  border-left: 3px solid var(--mj-related-accent);\n}\n\n.mj-forms-panel--related .mj-forms-panel-header {\n  background: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 100%);\n}\n\n.mj-forms-panel--related .mj-forms-panel-header:hover {\n  background: linear-gradient(135deg, #bfdbfe 0%, #e0f2fe 100%);\n  border-bottom-color: var(--mj-related-accent);\n}\n\n.mj-forms-panel--related .mj-forms-panel-icon {\n  color: var(--mj-related-accent);\n}\n\n/* Related entity content \u2014 400px default, user can drag-resize vertically */\n.mj-forms-panel--related .mj-forms-panel-content {\n  height: 400px;\n  padding: 0;\n  overflow: hidden;\n  resize: vertical;\n  min-height: 120px;\n  max-height: 800px;\n}\n\n/* Ensure child chain fills the resizable content area */\n.mj-forms-panel--related .mj-forms-panel-content > *,\n.mj-forms-panel--related .mj-forms-panel-content > .ng-star-inserted {\n  height: 100%;\n}\n\n.mj-forms-panel--related .mj-forms-panel-content > * > * {\n  height: 100%;\n}\n\n/* Related entity panels need the body to not clip the resize handle */\n.mj-forms-panel--related .mj-forms-panel-body {\n  overflow: visible;\n}\n\n/* ============================================\n   BODY (collapsible)\n   ============================================ */\n.mj-forms-panel-body {\n  max-height: 2000px;\n  overflow: hidden;\n  transition: max-height 0.4s ease, padding 0.4s ease, opacity 0.3s ease;\n  opacity: 1;\n}\n\n.mj-forms-panel-body--collapsed {\n  max-height: 0;\n  padding: 0;\n  opacity: 0;\n}\n\n.mj-forms-panel-content {\n  padding: 20px;\n  overflow: auto;\n  max-height: 600px;\n}\n\n/* ============================================\n   SEARCH HIGHLIGHTING\n   ============================================ */\n.mj-forms-panel-title ::ng-deep .mj-forms-search-highlight {\n  background-color: #fef08a;\n  color: #854d0e;\n  padding: 0;\n  border-radius: 2px;\n  font-weight: 700;\n  box-shadow: 0 0 0 2px #fef08a;\n}\n"] }]
+    }], null, { SectionKey: [{
+            type: Input
+        }], SectionName: [{
+            type: Input
+        }], Icon: [{
+            type: Input
+        }], Form: [{
+            type: Input
+        }], FormContext: [{
+            type: Input
+        }], Variant: [{
+            type: Input
+        }], BadgeCount: [{
+            type: Input
+        }], DefaultExpanded: [{
+            type: Input
+        }], InheritedFromEntity: [{
+            type: Input
+        }], InheritedRecordPrimaryKey: [{
+            type: Input
+        }], _deprecatedSectionKey: [{
+            type: Input,
+            args: ['sectionKey']
+        }], _deprecatedSectionName: [{
+            type: Input,
+            args: ['sectionName']
+        }], _deprecatedIcon: [{
+            type: Input,
+            args: ['icon']
+        }], _deprecatedForm: [{
+            type: Input,
+            args: ['form']
+        }], _deprecatedFormContext: [{
+            type: Input,
+            args: ['formContext']
+        }], DragStarted: [{
+            type: Output
+        }], DragEnded: [{
+            type: Output
+        }], PanelDrop: [{
+            type: Output
+        }], Navigate: [{
+            type: Output
+        }], FieldComponents: [{
+            type: ContentChildren,
+            args: [MjFormFieldComponent, { descendants: true }]
+        }], IsHidden: [{
+            type: HostBinding,
+            args: ['class.mj-search-hidden']
+        }], CssOrder: [{
+            type: HostBinding,
+            args: ['style.order']
+        }], IsDragging: [{
+            type: HostBinding,
+            args: ['class.mj-dragging']
+        }], IsDragOver: [{
+            type: HostBinding,
+            args: ['class.mj-drag-over']
+        }], panelContentRef: [{
+            type: ViewChild,
+            args: ['panelContent']
+        }], OnDragOver: [{
+            type: HostListener,
+            args: ['dragover', ['$event']]
+        }], OnDragLeave: [{
+            type: HostListener,
+            args: ['dragleave', ['$event']]
+        }], OnDrop: [{
+            type: HostListener,
+            args: ['drop', ['$event']]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MjCollapsiblePanelComponent, { className: "MjCollapsiblePanelComponent", filePath: "src/lib/panel/collapsible-panel.component.ts", lineNumber: 53 }); })();
+//# sourceMappingURL=collapsible-panel.component.js.map

package/dist/lib/panel/collapsible-panel.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-panel.component.js","sourceRoot":"","sources":["../../../src/lib/panel/collapsible-panel.component.ts","../../../src/lib/panel/collapsible-panel.component.html"],"names":[],"mappings":"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"}