@memberjunction/ng-explorer-core 5.38.0 → 5.40.0

package/dist/lib/single-record/single-record.component.js

@@ -1,442 +1,61 @@
-import { ChangeDetectorRef, Component, EventEmitter, inject, Input, Output, ViewChild } from '@angular/core';
-import { CompositeKey, FieldValueCollection, EntityFieldTSType } from '@memberjunction/core';
-import { Container } from '@memberjunction/ng-container-directives';
-import { InteractiveFormComponent } from '@memberjunction/ng-base-forms';
+import { Component, EventEmitter, inject, Input, Output } from '@angular/core';
+import { CompositeKey } from '@memberjunction/core';
+import { MJFormPresenterService } from '@memberjunction/ng-base-forms';
 import { NavigationService, RecentAccessService, SharedService } from '@memberjunction/ng-shared';
-import { FormResolverService } from '../services/form-resolver.service';
 import { BaseAngularComponent } from '@memberjunction/ng-base-types';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/router";
-import * as i2 from "@memberjunction/ng-container-directives";
-import * as i3 from "@memberjunction/ng-shared-generic";
-function SingleRecordComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-loading", 0);
-} if (rf & 2) {
-    i0.ɵɵproperty("showText", false);
-} }
-function SingleRecordComponent_Conditional_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 6);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r0.errorDetail);
-} }
-function SingleRecordComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1)(1, "div", 3);
-    i0.ɵɵelement(2, "i", 4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "h2", 5);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, SingleRecordComponent_Conditional_1_Conditional_5_Template, 2, 1, "p", 6);
-    i0.ɵɵelementStart(6, "p", 7);
-    i0.ɵɵtext(7, "See browser console for technical details.");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r0.errorTitle);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.errorDetail ? 5 : -1);
-} }
-function SingleRecordComponent_ng_template_2_Template(rf, ctx) { }
+import * as i1 from "@memberjunction/ng-base-forms";
+/**
+ * Explorer-side host for a single entity record in the main tab area.
+ *
+ * This is now a **thin wrapper** around the Generic `<mj-entity-form-host>`
+ * (in `@memberjunction/ng-base-forms`), which owns all the mechanics: resolving
+ * the form (class / custom / interactive override + variants), loading the
+ * record, dynamically creating the form, binding it, and tearing it down.
+ *
+ * SingleRecordComponent's only remaining job is the **Explorer mapping**:
+ * translating the host's framework-agnostic events into Explorer services —
+ * `Navigate` → {@link NavigationService}, `Notification` → {@link SharedService},
+ * record loads → {@link RecentAccessService} — none of which belong in a Generic
+ * component.
+ */
 export class SingleRecordComponent extends BaseAngularComponent {
-    route;
-    formContainer;
-    _primaryKey = new CompositeKey();
-    set PrimaryKey(value) {
-        const changed = !this.compositeKeysEqual(this._primaryKey, value);
-        this._primaryKey = value ?? new CompositeKey();
-        if (!changed || !this._viewInitialized) {
-            return;
-        }
-        // Skip reload when the incoming key just reflects the current record's now-saved PK.
-        // After a new-record save, BaseResourceComponent updates parent.Data.ResourceRecordID,
-        // the parent's PrimaryKey getter then returns a fresh CK with the saved ID, and Angular
-        // pushes it down to us. The form already represents that record in-place — destroying
-        // and rebuilding it here would lose edit state, refetch from DB, and spawn a redundant
-        // GetRecordFavoriteStatus call. Genuine external swaps (parent rebinds to a different
-        // record) still trigger the reload because `value` won't match `_currentRecord.PrimaryKey`.
-        if (this._currentRecord && this.compositeKeysEqual(value, this._currentRecord.PrimaryKey)) {
-            return;
-        }
-        this.reloadCurrentForm();
-    }
-    get PrimaryKey() {
-        return this._primaryKey;
-    }
-    _entityName = '';
-    set entityName(value) {
-        const changed = this._entityName !== value;
-        this._entityName = value;
-        if (changed && this._viewInitialized) {
-            this.reloadCurrentForm();
-        }
-    }
-    get entityName() {
-        return this._entityName;
-    }
+    PrimaryKey = new CompositeKey();
+    entityName = '';
     newRecordValues = '';
     loadComplete = new EventEmitter();
     recordSaved = new EventEmitter();
-    /**
-     * Emitted when the hosted form asks to be dismissed (e.g., user clicked Discard on
-     * a brand-new record). Parent components should close the tab / route the user back.
-     */
+    /** Emitted when the hosted form asks to be dismissed (e.g. Discard on a new record). */
     recordDismissed = new EventEmitter();
-    recentAccessService;
     navigationService = inject(NavigationService);
     sharedService = inject(SharedService);
-    cdr = inject(ChangeDetectorRef);
-    formResolver = inject(FormResolverService);
-    constructor(route) {
-        super();
-        this.route = route;
-        this.recentAccessService = new RecentAccessService();
-    }
-    appDescription = '';
-    useGenericForm = false;
-    loading = true;
-    errorTitle = null;
-    errorDetail = null;
-    // Track dynamically created components and entities for cleanup
-    _formComponentRef = null;
-    _currentRecord = null;
-    _eventHandlerSubscription = null;
-    _formEventSubscriptions = [];
-    _viewInitialized = false;
-    ngOnInit() {
-    }
-    ngAfterViewInit() {
-        this._viewInitialized = true;
-        this.LoadForm(this._primaryKey, this._entityName);
-    }
-    /**
-     * Re-run LoadForm when an @Input changes after initial view init.
-     *
-     * Defense-in-depth: the tab/cache rekey on save (in TabContainerComponent) is the
-     * primary fix that prevents stale-form bugs after creating a new record. This setter
-     * path ensures we self-heal if a host ever swaps the bound inputs without recreating
-     * the component — without it, LoadForm only ever runs once per component instance.
-     *
-     * Tears down the previous form (component, record, event handlers) before loading the
-     * new one so we don't leak references or stack multiple forms in the container.
-     */
-    reloadCurrentForm() {
-        this.teardownActiveForm();
-        if (!this._entityName) {
-            return;
-        }
-        this.loading = true;
-        this.LoadForm(this._primaryKey, this._entityName);
-    }
-    /**
-     * Compare two CompositeKey instances by their key/value contents.
-     * Two different instances representing the same key should NOT count as a change.
-     *
-     * Filters out KVPs with empty Values before comparing. Different callers represent
-     * "no key" differently — some use an empty KeyValuePairs list, others use a single
-     * KVP with an empty Value (e.g. `LoadFromURLSegment(entity, '')`). Both mean the
-     * same thing semantically and must not trigger a change.
-     */
-    compositeKeysEqual(a, b) {
-        if (a === b)
-            return true;
-        if (!a || !b)
-            return false;
-        const aKvps = (a.KeyValuePairs || []).filter(kvp => String(kvp.Value ?? '').length > 0);
-        const bKvps = (b.KeyValuePairs || []).filter(kvp => String(kvp.Value ?? '').length > 0);
-        if (aKvps.length !== bKvps.length)
-            return false;
-        for (let i = 0; i < aKvps.length; i++) {
-            if (aKvps[i].FieldName !== bKvps[i].FieldName)
-                return false;
-            if (String(aKvps[i].Value ?? '') !== String(bKvps[i].Value ?? ''))
-                return false;
-        }
-        return true;
-    }
-    /**
-     * Tear down the currently rendered form so a new one can be loaded in its place.
-     * Mirrors the cleanup done in ngOnDestroy, minus the final state reset.
-     */
-    teardownActiveForm() {
-        this.cleanupFormSubscriptions();
-        if (this._eventHandlerSubscription) {
-            this._eventHandlerSubscription.unsubscribe();
-            this._eventHandlerSubscription = null;
-        }
-        if (this._formComponentRef) {
-            try {
-                this._formComponentRef.destroy();
-            }
-            catch { /* noop */ }
-            this._formComponentRef = null;
-        }
-        this._currentRecord = null;
-        if (this.formContainer?.viewContainerRef) {
-            this.formContainer.viewContainerRef.clear();
-        }
-    }
-    async LoadForm(primaryKey, entityName) {
-        // Perform any necessary actions with the ViewID, such as fetching data
-        if (!entityName || entityName.trim().length === 0) {
-            // No entity yet — caller will re-invoke once it has one. Don't emit loadComplete;
-            // it would race the real load. The shell's recovery timer will surface the
-            // "taking longer than expected" reset if this is the terminal state.
-            return;
-        }
-        // Write through to backing fields directly. Going through the setters here would
-        // re-trigger reloadCurrentForm() and recurse — we're already inside LoadForm.
-        //
-        // Use the parameter as-is rather than substituting `new CompositeKey()` for the
-        // !HasValue branch. The parent's getter (e.g. EntityRecordResource.GetPrimaryKey)
-        // builds its CK via `LoadFromURLSegment(entity, '')`, which yields `[{FieldName: 'ID',
-        // Value: ''}]` for a new record — a single KVP with an empty value, NOT an empty
-        // KVP list. Substituting an empty CK here creates a structural mismatch that makes
-        // the setter's compositeKeysEqual see a phantom change on the very next CD cycle,
-        // which triggers reload → LoadForm → CD → setter → reload (infinite loop).
-        this._entityName = entityName;
-        this._primaryKey = primaryKey ?? new CompositeKey();
-        const md = this.ProviderToUse;
-        const entity = md.EntityByName(entityName);
-        const permissions = entity?.GetUserPermisions(md.CurrentUser);
-        try {
-            if (!entity) {
-                this.failWithUserError(`Entity not found: "${entityName}"`, `This MemberJunction instance has no metadata for entity "${entityName}". Check that the entity name in the URL matches a row in __mj.Entity, and that the metadata cache is current.`);
-                return;
-            }
-            // Resolve which form to render: User/Role/Global EntityFormOverride first,
-            // then ClassFactory-registered Angular form, then nothing.
-            const resolution = await this.formResolver.ResolveFormForEntity(entity, md.CurrentUser, md);
-            if (resolution.kind === 'none') {
-                this.failWithUserError(`No form is registered for "${entityName}".`, `MemberJunction could not find an EntityFormOverride or a class-based form for entity "${entityName}". This usually means CodeGen has not generated a form for this entity in the running build (forms live under packages/MJExplorer or your app's entity-form package). Run CodeGen, ensure the generated module is imported, register a custom form via @RegisterClass(BaseFormComponent, '${entityName}'), or create an EntityFormOverride row pointing at a runtime Component.`, { entityId: entity.ID, recordKey: primaryKey?.ToString?.() ?? '(none)' });
-                return;
-            }
-            const record = await md.GetEntityObject(entityName);
-            if (!record) {
-                throw new Error(`Unable to instantiate entity ${entityName} with primary key values: ${primaryKey.ToString()}`);
-            }
-            if (primaryKey.HasValue) {
-                const loadOk = await record.InnerLoad(primaryKey);
-                if (!loadOk) {
-                    this.failWithUserError(`Could not load ${entityName} record.`, record.LatestResult?.Message
-                        ? `Server error: ${record.LatestResult.Message}`
-                        : `InnerLoad returned false for entity "${entityName}" with key ${primaryKey.ToString()}. The record may not exist, you may lack permission to view it, or the load may have been blocked server-side.`, { recordKey: primaryKey.ToString() });
-                    return;
-                }
-                // Log access to existing record (fire-and-forget, don't await)
-                this.recentAccessService.logAccess(entityName, primaryKey, 'record');
-            }
-            else {
-                record.NewRecord();
-                this.SetNewRecordValues(record);
-            }
-            // CRITICAL: Track the event handler subscription for cleanup
-            this._eventHandlerSubscription = record.RegisterEventHandler((eventType) => {
-                if (eventType.type === 'save')
-                    this.recordSaved.emit(record);
-            });
-            const viewContainerRef = this.formContainer.viewContainerRef;
-            viewContainerRef.clear();
-            // Generated forms expose properties (e.g. `userPermissions`) that aren't
-            // on the abstract `BaseFormComponent`. Widen the instance type for the
-            // setter surface we share across class-based and interactive forms.
-            const componentRef = resolution.kind === 'interactive'
-                ? viewContainerRef.createComponent(InteractiveFormComponent)
-                : viewContainerRef.createComponent(resolution.subClass);
-            if (resolution.kind === 'interactive') {
-                componentRef.instance.ComponentID = resolution.override.ComponentID;
-            }
-            // Track component and record for cleanup
-            this._formComponentRef = componentRef;
-            this._currentRecord = record;
-            const instance = componentRef.instance;
-            instance.record = record;
-            instance.userPermissions = permissions;
-            instance.EditMode = !primaryKey.HasValue; // for new records go direct into edit mode
-            // Push variant list + active selection into the form so the
-            // record-form-container's picker renders. The resolver returns
-            // every applicable override regardless of status, but the runtime
-            // picker should only surface **Active** ones — Inactive rows are
-            // historical (e.g. the previous Component version that an agent
-            // refinement superseded) and Pending rows are AI-authored work
-            // awaiting activation in Form Builder. Picking either does
-            // nothing at runtime (pickActive requires Status='Active'), so
-            // including them in the picker was misleading the user into
-            // thinking "I can switch to this" when they actually can't.
-            //
-            // Authorship of Pending/Inactive overrides happens in the Form
-            // Builder cockpit, which intentionally shows the full lifecycle.
-            instance.Variants = (resolution.variants ?? [])
-                .filter(v => v.Status === 'Active')
-                .map(v => ({
-                ID: v.ID,
-                Label: v.Name ?? `Override ${v.ID.substring(0, 8)}`,
-                Scope: v.Scope,
-                Status: v.Status,
-            }));
-            instance.CurrentVariantID = resolution.kind === 'interactive' ? resolution.override.ID : null;
-            // Wire the handler: persist the selection in localStorage and reload
-            // the form. Reload uses the existing entry path so all the resolver's
-            // tier/priority semantics apply (and the saved choice now overrides).
-            instance.OnVariantChanged = (variantID) => {
-                // null from the picker = user picked the "Default form" row →
-                // store the explicit-default sentinel so the resolver skips ALL
-                // overrides and falls back to the CodeGen / @RegisterClass form.
-                // Without this, clearing the preference let the resolver auto-pick
-                // the first Active override again, making Default unreachable from
-                // the UI for entities that have any user-scope overrides.
-                if (variantID === null) {
-                    this.formResolver.SetExplicitDefault(entityName);
-                }
-                else {
-                    this.formResolver.SetSelectedVariant(entityName, variantID);
-                }
-                // Re-run the load with the same key — the resolver will honour the
-                // updated session-local selection.
-                this.LoadForm(this.PrimaryKey, entityName);
-            };
-            // Subscribe to form @Output events and map them to Explorer services
-            this.subscribeToFormEvents(instance);
-            this.useGenericForm = false;
-            this.errorTitle = null;
-            this.errorDetail = null;
-            this.loadComplete.emit();
-        }
-        catch (err) {
-            const msg = err instanceof Error ? err.message : String(err);
-            this.failWithUserError(`Failed to load ${entityName} record.`, `An unexpected error occurred while loading this record: ${msg}`, { error: err });
-        }
-        this.loading = false;
-        this.cdr.detectChanges();
-    }
-    /**
-     * Render a user-visible error state inside the record pane AND log a structured
-     * console.error for developers. Always emits `loadComplete` so the Explorer shell
-     * does not hang on its first-resource-load gate.
-     */
-    failWithUserError(title, detail, context) {
-        this.errorTitle = title;
-        this.errorDetail = detail;
-        this.loading = false;
-        // Single structured console.error for devs — easy to grep, easy to read.
-        console.error(`[SingleRecord] ${title}\n${detail}` +
-            (context ? `\nContext: ${JSON.stringify(context, null, 2)}` : ''));
-        // Clear any prior form/component so the error UI is what shows.
-        if (this._formComponentRef) {
-            try {
-                this._formComponentRef.destroy();
-            }
-            catch { /* noop */ }
-            this._formComponentRef = null;
-        }
-        if (this.formContainer?.viewContainerRef) {
-            this.formContainer.viewContainerRef.clear();
-        }
-        // Always unblock the shell.
+    formPresenter = inject(MJFormPresenterService);
+    recentAccessService = new RecentAccessService();
+    /** Unblock the shell's first-resource-load gate (success or error). */
+    onLoadComplete() {
         this.loadComplete.emit();
-        this.cdr.detectChanges();
     }
-    SetNewRecordValues(record) {
-        if (!this.newRecordValues) {
-            return;
-        }
-        // Handle both object and string (URL segment) formats
-        if (typeof this.newRecordValues === 'string') {
-            if (this.newRecordValues.length === 0) {
-                return;
-            }
-            // we have a URL segment string format: "field1|value1||field2|value2"
-            const fv = new FieldValueCollection();
-            fv.SimpleLoadFromURLSegment(this.newRecordValues);
-            // now apply the values to the record
-            fv.KeyValuePairs.filter(kvp => kvp.Value !== null && kvp.Value !== undefined).forEach(kvp => {
-                const f = record.Fields.find(f => f.Name.trim().toLowerCase() === kvp.FieldName.trim().toLowerCase());
-                if (f) {
-                    // make sure we set the value to the right type based on the f.TSType property
-                    switch (f.EntityFieldInfo.TSType) {
-                        case EntityFieldTSType.String:
-                            record.Set(kvp.FieldName, kvp.Value);
-                            break;
-                        case EntityFieldTSType.Number:
-                            record.Set(kvp.FieldName, parseFloat(kvp.Value));
-                            break;
-                        case EntityFieldTSType.Boolean:
-                            if (kvp.Value === 'false' || kvp.Value === '0' || kvp.Value.toString().trim().length === 0)
-                                record.Set(kvp.FieldName, false);
-                            else
-                                record.Set(kvp.FieldName, true);
-                            break;
-                        case EntityFieldTSType.Date:
-                            record.Set(kvp.FieldName, new Date(kvp.Value));
-                            break;
-                    }
-                }
-            });
-        }
-        else {
-            // we have a plain object format: { field1: value1, field2: value2 }
-            const recordValues = this.newRecordValues;
-            Object.keys(recordValues)
-                .filter(key => recordValues[key] !== null && recordValues[key] !== undefined)
-                .forEach(key => {
-                const f = record.Fields.find(f => f.Name.trim().toLowerCase() === key.trim().toLowerCase());
-                if (f) {
-                    const value = recordValues[key];
-                    // Set the value with proper type conversion
-                    switch (f.EntityFieldInfo.TSType) {
-                        case EntityFieldTSType.String:
-                            record.Set(key, value?.toString() || '');
-                            break;
-                        case EntityFieldTSType.Number:
-                            record.Set(key, typeof value === 'number' ? value : parseFloat(value?.toString() || '0'));
-                            break;
-                        case EntityFieldTSType.Boolean:
-                            if (typeof value === 'boolean') {
-                                record.Set(key, value);
-                            }
-                            else if (typeof value === 'string') {
-                                record.Set(key, value !== 'false' && value !== '0' && value.trim().length > 0);
-                            }
-                            else {
-                                record.Set(key, !!value);
-                            }
-                            break;
-                        case EntityFieldTSType.Date:
-                            record.Set(key, value instanceof Date ? value : new Date(value?.toString() || ''));
-                            break;
-                        default:
-                            record.Set(key, value);
-                            break;
-                    }
-                }
-            });
+    /** Log access for existing records once the form's record is ready. */
+    onRecordReady(record) {
+        if (record?.IsSaved) {
+            this.recentAccessService.logAccess(record.EntityInfo.Name, record.PrimaryKey, 'record');
         }
     }
-    /**
-     * Subscribe to BaseFormComponent @Output events and map them to Explorer services.
-     */
-    subscribeToFormEvents(form) {
-        this.cleanupFormSubscriptions();
-        this._formEventSubscriptions.push(form.Navigate.subscribe((event) => this.handleNavigation(event)), form.Notification.subscribe((event) => {
-            this.sharedService.CreateSimpleNotification(event.Message, event.Type, event.Duration);
-        }));
+    onSaved(record) {
+        this.recordSaved.emit(record);
+    }
+    onNotification(event) {
+        this.sharedService.CreateSimpleNotification(event.Message, event.Type, event.Duration);
     }
+    /** Map the form's navigation requests onto Explorer's NavigationService. */
     handleNavigation(event) {
         switch (event.Kind) {
             case 'record':
                 this.navigationService.OpenEntityRecord(event.EntityName, event.PrimaryKey, { forceNewTab: event.OpenInNewTab });
                 break;
             case 'new-record':
-                // Creating a new related record from inside an open record form (e.g. + New
-                // on a related-entity grid). Force a new tab so the parent record stays
-                // intact — otherwise the new-record form silently replaces the parent in
-                // single-resource mode and the user loses their context. This is the
-                // original intent of dea32401ff, now stated explicitly at the call site
-                // instead of as a global navigation heuristic.
+                // Creating a related record from inside an open form: force a new tab so the
+                // parent record stays intact in single-resource mode.
                 this.navigationService.OpenNewEntityRecord(event.EntityName, {
                     newRecordValues: event.DefaultValues,
                     forceNewTab: true,
@@ -452,66 +71,36 @@ export class SingleRecordComponent extends BaseAngularComponent {
                 window.open(`mailto:${event.EmailAddress}`, '_self');
                 break;
             case 'dismiss':
-                // Form asked to be dismissed (typically Discard on a new record).
-                // Re-emit so the parent (EntityRecordResource) can close the tab.
                 this.recordDismissed.emit();
                 break;
+            case 'create-related': {
+                // A FK field wants a new related record created. Open the related entity's form
+                // as a dialog/slide-in (prefilled), then hand the saved record back so the field
+                // can select it.
+                const ref = this.formPresenter.Open({
+                    EntityName: event.EntityName,
+                    Presentation: event.Presentation ?? 'dialog',
+                    NewRecordValues: event.NewRecordValues,
+                    Provider: event.Provider,
+                });
+                ref.AfterSaved().then(created => event.Complete(created));
+                break;
+            }
         }
     }
-    cleanupFormSubscriptions() {
-        for (const sub of this._formEventSubscriptions) {
-            sub.unsubscribe();
-        }
-        this._formEventSubscriptions = [];
-    }
-    ngOnDestroy() {
-        // CRITICAL: Clean up form event subscriptions first
-        this.cleanupFormSubscriptions();
-        // CRITICAL: Clean up dynamically created form component to prevent zombie components
-        if (this._formComponentRef) {
-            this._formComponentRef.destroy();
-            this._formComponentRef = null;
-        }
-        // CRITICAL: Unsubscribe from event handler to prevent memory leaks
-        if (this._eventHandlerSubscription) {
-            this._eventHandlerSubscription.unsubscribe();
-            this._eventHandlerSubscription = null;
-        }
-        // Clean up record reference
-        if (this._currentRecord) {
-            this._currentRecord = null;
-        }
-        // Clear the view container to ensure no lingering references
-        if (this.formContainer?.viewContainerRef) {
-            this.formContainer.viewContainerRef.clear();
-        }
-        // Reset state
-        this.loading = true;
-        this.useGenericForm = false;
-    }
-    static ɵfac = function SingleRecordComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SingleRecordComponent)(i0.ɵɵdirectiveInject(i1.ActivatedRoute)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SingleRecordComponent, selectors: [["mj-single-record"]], viewQuery: function SingleRecordComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(Container, 7);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.formContainer = _t.first);
-        } }, inputs: { PrimaryKey: "PrimaryKey", entityName: "entityName", newRecordValues: "newRecordValues" }, outputs: { loadComplete: "loadComplete", recordSaved: "recordSaved", recordDismissed: "recordDismissed" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [["size", "large", 3, "showText"], ["role", "alert", 1, "single-record-error"], ["mjContainer", ""], [1, "single-record-error__icon"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "single-record-error__title"], [1, "single-record-error__detail"], [1, "single-record-error__hint"]], template: function SingleRecordComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, SingleRecordComponent_Conditional_0_Template, 1, 1, "mj-loading", 0);
-            i0.ɵɵconditionalCreate(1, SingleRecordComponent_Conditional_1_Template, 8, 2, "div", 1);
-            i0.ɵɵtemplate(2, SingleRecordComponent_ng_template_2_Template, 0, 0, "ng-template", 2);
+    static ɵfac = /*@__PURE__*/ (() => { let ɵSingleRecordComponent_BaseFactory; return function SingleRecordComponent_Factory(__ngFactoryType__) { return (ɵSingleRecordComponent_BaseFactory || (ɵSingleRecordComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SingleRecordComponent)))(__ngFactoryType__ || SingleRecordComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SingleRecordComponent, selectors: [["mj-single-record"]], inputs: { PrimaryKey: "PrimaryKey", entityName: "entityName", newRecordValues: "newRecordValues" }, outputs: { loadComplete: "loadComplete", recordSaved: "recordSaved", recordDismissed: "recordDismissed" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 4, consts: [[3, "LoadComplete", "LoadError", "RecordReady", "Saved", "Navigate", "Notification", "Dismissed", "EntityName", "PrimaryKey", "NewRecordValues", "Provider"]], template: function SingleRecordComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-entity-form-host", 0);
+            i0.ɵɵlistener("LoadComplete", function SingleRecordComponent_Template_mj_entity_form_host_LoadComplete_0_listener() { return ctx.onLoadComplete(); })("LoadError", function SingleRecordComponent_Template_mj_entity_form_host_LoadError_0_listener() { return ctx.onLoadComplete(); })("RecordReady", function SingleRecordComponent_Template_mj_entity_form_host_RecordReady_0_listener($event) { return ctx.onRecordReady($event); })("Saved", function SingleRecordComponent_Template_mj_entity_form_host_Saved_0_listener($event) { return ctx.onSaved($event); })("Navigate", function SingleRecordComponent_Template_mj_entity_form_host_Navigate_0_listener($event) { return ctx.handleNavigation($event); })("Notification", function SingleRecordComponent_Template_mj_entity_form_host_Notification_0_listener($event) { return ctx.onNotification($event); })("Dismissed", function SingleRecordComponent_Template_mj_entity_form_host_Dismissed_0_listener() { return ctx.recordDismissed.emit(); });
+            i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵconditional(ctx.loading ? 0 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.errorTitle ? 1 : -1);
-        } }, dependencies: [i2.Container, i3.LoadingComponent], styles: ["[_nghost-%COMP%] {\n    display: block;\n    height: 100%;\n    width: 100%;\n}\n\n.single-record-error[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 48px 32px;\n    max-width: 720px;\n    margin: 64px auto;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-status-error-border);\n    border-radius: 8px;\n    color: var(--mj-text-primary);\n}\n\n.single-record-error__icon[_ngcontent-%COMP%] {\n    font-size: 36px;\n    color: var(--mj-status-error);\n    margin-bottom: 16px;\n}\n\n.single-record-error__title[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    margin: 0 0 12px 0;\n    color: var(--mj-status-error-text);\n}\n\n.single-record-error__detail[_ngcontent-%COMP%] {\n    font-size: 14px;\n    line-height: 1.5;\n    color: var(--mj-text-secondary);\n    margin: 0 0 16px 0;\n    white-space: pre-wrap;\n}\n\n.single-record-error__hint[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    margin: 0;\n    font-style: italic;\n}"] });
+            i0.ɵɵproperty("EntityName", ctx.entityName)("PrimaryKey", ctx.PrimaryKey)("NewRecordValues", ctx.newRecordValues)("Provider", ctx.Provider);
+        } }, dependencies: [i1.MjEntityFormHostComponent], styles: ["[_nghost-%COMP%] {\n    display: block;\n    height: 100%;\n    width: 100%;\n}\n\n.single-record-error[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 48px 32px;\n    max-width: 720px;\n    margin: 64px auto;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-status-error-border);\n    border-radius: 8px;\n    color: var(--mj-text-primary);\n}\n\n.single-record-error__icon[_ngcontent-%COMP%] {\n    font-size: 36px;\n    color: var(--mj-status-error);\n    margin-bottom: 16px;\n}\n\n.single-record-error__title[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    margin: 0 0 12px 0;\n    color: var(--mj-status-error-text);\n}\n\n.single-record-error__detail[_ngcontent-%COMP%] {\n    font-size: 14px;\n    line-height: 1.5;\n    color: var(--mj-text-secondary);\n    margin: 0 0 16px 0;\n    white-space: pre-wrap;\n}\n\n.single-record-error__hint[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    margin: 0;\n    font-style: italic;\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SingleRecordComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-single-record', template: "@if (loading) {\n  <mj-loading [showText]=\"false\" size=\"large\"></mj-loading>\n}\n@if (errorTitle) {\n  <div class=\"single-record-error\" role=\"alert\">\n    <div class=\"single-record-error__icon\">\n      <i class=\"fa-solid fa-triangle-exclamation\"></i>\n    </div>\n    <h2 class=\"single-record-error__title\">{{ errorTitle }}</h2>\n    @if (errorDetail) {\n      <p class=\"single-record-error__detail\">{{ errorDetail }}</p>\n    }\n    <p class=\"single-record-error__hint\">See browser console for technical details.</p>\n  </div>\n}\n<ng-template mjContainer></ng-template>\n", styles: [":host {\n    display: block;\n    height: 100%;\n    width: 100%;\n}\n\n.single-record-error {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 48px 32px;\n    max-width: 720px;\n    margin: 64px auto;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-status-error-border);\n    border-radius: 8px;\n    color: var(--mj-text-primary);\n}\n\n.single-record-error__icon {\n    font-size: 36px;\n    color: var(--mj-status-error);\n    margin-bottom: 16px;\n}\n\n.single-record-error__title {\n    font-size: 18px;\n    font-weight: 600;\n    margin: 0 0 12px 0;\n    color: var(--mj-status-error-text);\n}\n\n.single-record-error__detail {\n    font-size: 14px;\n    line-height: 1.5;\n    color: var(--mj-text-secondary);\n    margin: 0 0 16px 0;\n    white-space: pre-wrap;\n}\n\n.single-record-error__hint {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    margin: 0;\n    font-style: italic;\n}\n"] }]
-    }], () => [{ type: i1.ActivatedRoute }], { formContainer: [{
-            type: ViewChild,
-            args: [Container, { static: true }]
-        }], PrimaryKey: [{
+        args: [{ standalone: false, selector: 'mj-single-record', template: "<mj-entity-form-host\n  [EntityName]=\"entityName\"\n  [PrimaryKey]=\"PrimaryKey\"\n  [NewRecordValues]=\"newRecordValues\"\n  [Provider]=\"Provider\"\n  (LoadComplete)=\"onLoadComplete()\"\n  (LoadError)=\"onLoadComplete()\"\n  (RecordReady)=\"onRecordReady($event)\"\n  (Saved)=\"onSaved($event)\"\n  (Navigate)=\"handleNavigation($event)\"\n  (Notification)=\"onNotification($event)\"\n  (Dismissed)=\"recordDismissed.emit()\">\n</mj-entity-form-host>\n", styles: [":host {\n    display: block;\n    height: 100%;\n    width: 100%;\n}\n\n.single-record-error {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 48px 32px;\n    max-width: 720px;\n    margin: 64px auto;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-status-error-border);\n    border-radius: 8px;\n    color: var(--mj-text-primary);\n}\n\n.single-record-error__icon {\n    font-size: 36px;\n    color: var(--mj-status-error);\n    margin-bottom: 16px;\n}\n\n.single-record-error__title {\n    font-size: 18px;\n    font-weight: 600;\n    margin: 0 0 12px 0;\n    color: var(--mj-status-error-text);\n}\n\n.single-record-error__detail {\n    font-size: 14px;\n    line-height: 1.5;\n    color: var(--mj-text-secondary);\n    margin: 0 0 16px 0;\n    white-space: pre-wrap;\n}\n\n.single-record-error__hint {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    margin: 0;\n    font-style: italic;\n}\n"] }]
+    }], null, { PrimaryKey: [{
             type: Input
         }], entityName: [{
             type: Input
@@ -524,5 +113,5 @@ export class SingleRecordComponent extends BaseAngularComponent {
         }], recordDismissed: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleRecordComponent, { className: "SingleRecordComponent", filePath: "src/lib/single-record/single-record.component.ts", lineNumber: 18 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleRecordComponent, { className: "SingleRecordComponent", filePath: "src/lib/single-record/single-record.component.ts", lineNumber: 27 }); })();
 //# sourceMappingURL=single-record.component.js.map