@memberjunction/ng-base-forms 2.121.0 → 2.122.0

package/dist/lib/form-state.service.d.ts

@@ -0,0 +1,153 @@
+import { Observable } from 'rxjs';
+import { FormState, FormSectionState } from './form-state.interface';
+import * as i0 from "@angular/core";
+/**
+ * Service for managing form state persistence per entity.
+ * State is stored in the User Settings entity and shared reactively
+ * across all form instances for the same entity.
+ */
+export declare class FormStateService {
+    /** Cache of BehaviorSubjects per entity name */
+    private stateCache;
+    /** Debounce timeouts per entity name */
+    private saveTimeouts;
+    /** Track which entities have been loaded from DB */
+    private loadedEntities;
+    /** Track loading promises to prevent duplicate loads */
+    private loadingPromises;
+    private metadata;
+    /**
+     * Get the observable state for an entity.
+     * Automatically loads from User Settings on first access.
+     * @param entityName The entity name
+     * @returns Observable of the form state
+     */
+    getState$(entityName: string): Observable<FormState>;
+    /**
+     * Get the current state value for an entity.
+     * @param entityName The entity name
+     * @returns Current form state
+     */
+    getCurrentState(entityName: string): FormState;
+    /**
+     * Initialize state for an entity by loading from User Settings.
+     * Call this when a form component initializes.
+     * @param entityName The entity name
+     */
+    initializeState(entityName: string): Promise<FormState>;
+    /**
+     * Get section state, returning defaults if section doesn't exist yet.
+     * @param entityName The entity name
+     * @param sectionKey The section key
+     * @returns Section state with defaults applied
+     */
+    getSectionState(entityName: string, sectionKey: string): FormSectionState;
+    /**
+     * Check if a section is expanded.
+     * @param entityName The entity name
+     * @param sectionKey The section key
+     * @returns True if expanded
+     */
+    isSectionExpanded(entityName: string, sectionKey: string): boolean;
+    /**
+     * Set section expanded state.
+     * @param entityName The entity name
+     * @param sectionKey The section key
+     * @param isExpanded Whether the section is expanded
+     */
+    setSectionExpanded(entityName: string, sectionKey: string, isExpanded: boolean): void;
+    /**
+     * Toggle section expanded state.
+     * @param entityName The entity name
+     * @param sectionKey The section key
+     */
+    toggleSection(entityName: string, sectionKey: string): void;
+    /**
+     * Get section width mode.
+     * @param entityName The entity name
+     * @param sectionKey The section key
+     * @returns Width mode ('normal' or 'full-width')
+     */
+    getSectionWidthMode(entityName: string, sectionKey: string): 'normal' | 'full-width';
+    /**
+     * Set section width mode.
+     * @param entityName The entity name
+     * @param sectionKey The section key
+     * @param widthMode The width mode
+     */
+    setSectionWidthMode(entityName: string, sectionKey: string, widthMode: 'normal' | 'full-width'): void;
+    /**
+     * Toggle section width mode between normal and full-width.
+     * @param entityName The entity name
+     * @param sectionKey The section key
+     */
+    toggleSectionWidthMode(entityName: string, sectionKey: string): void;
+    /**
+     * Get showEmptyFields preference for an entity.
+     * @param entityName The entity name
+     * @returns Whether to show empty fields
+     */
+    getShowEmptyFields(entityName: string): boolean;
+    /**
+     * Set showEmptyFields preference for an entity.
+     * @param entityName The entity name
+     * @param show Whether to show empty fields
+     */
+    setShowEmptyFields(entityName: string, show: boolean): void;
+    /**
+     * Expand all sections for an entity.
+     * @param entityName The entity name
+     * @param sectionKeys Array of all section keys to expand
+     */
+    expandAllSections(entityName: string, sectionKeys: string[]): void;
+    /**
+     * Collapse all sections for an entity.
+     * @param entityName The entity name
+     * @param sectionKeys Array of all section keys to collapse
+     */
+    collapseAllSections(entityName: string, sectionKeys: string[]): void;
+    /**
+     * Reset all panel widths to normal for an entity.
+     * @param entityName The entity name
+     */
+    resetAllPanelWidths(entityName: string): void;
+    /**
+     * Reset state to defaults for an entity.
+     * @param entityName The entity name
+     */
+    resetToDefaults(entityName: string): void;
+    /**
+     * Get the count of expanded sections.
+     * @param entityName The entity name
+     * @param sectionKeys Array of section keys to check
+     * @returns Number of expanded sections
+     */
+    getExpandedCount(entityName: string, sectionKeys: string[]): number;
+    /**
+     * Get or create the BehaviorSubject for an entity.
+     */
+    private getOrCreateSubject;
+    /**
+     * Update a single section's state.
+     */
+    private updateSectionState;
+    /**
+     * Generate the User Settings key for an entity.
+     */
+    private getSettingKey;
+    /**
+     * Load state from User Settings.
+     */
+    private loadState;
+    /**
+     * Debounced save to avoid too many writes.
+     */
+    private debouncedSave;
+    /**
+     * Save state to User Settings.
+     */
+    private saveState;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormStateService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FormStateService>;
+}
+//# sourceMappingURL=form-state.service.d.ts.map

package/dist/lib/form-state.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-state.service.d.ts","sourceRoot":"","sources":["../../src/lib/form-state.service.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,UAAU,EAAE,MAAM,MAAM,CAAC;AAGnD,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAA6C,MAAM,wBAAwB,CAAC;;AAKhH;;;;GAIG;AACH,qBAGa,gBAAgB;IACzB,gDAAgD;IAChD,OAAO,CAAC,UAAU,CAAiD;IAEnE,wCAAwC;IACxC,OAAO,CAAC,YAAY,CAAoD;IAExE,oDAAoD;IACpD,OAAO,CAAC,cAAc,CAAqB;IAE3C,wDAAwD;IACxD,OAAO,CAAC,eAAe,CAAoC;IAE3D,OAAO,CAAC,QAAQ,CAAkB;IAElC;;;;;OAKG;IACH,SAAS,CAAC,UAAU,EAAE,MAAM,GAAG,UAAU,CAAC,SAAS,CAAC;IAIpD;;;;OAIG;IACH,eAAe,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS;IAI9C;;;;OAIG;IACG,eAAe,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC;IA0B7D;;;;;OAKG;IACH,eAAe,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,gBAAgB;IAKzE;;;;;OAKG;IACH,iBAAiB,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,OAAO;IAIlE;;;;;OAKG;IACH,kBAAkB,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,GAAG,IAAI;IAIrF;;;;OAIG;IACH,aAAa,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI;IAK3D;;;;;OAKG;IACH,mBAAmB,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY;IAIpF;;;;;OAKG;IACH,mBAAmB,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,GAAG,YAAY,GAAG,IAAI;IAIrG;;;;OAIG;IACH,sBAAsB,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI;IAKpE;;;;OAIG;IACH,kBAAkB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO;IAI/C;;;;OAIG;IACH,kBAAkB,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI;IAW3D;;;;OAIG;IACH,iBAAiB,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,IAAI;IAiBlE;;;;OAIG;IACH,mBAAmB,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,IAAI;IAiBpE;;;OAGG;IACH,mBAAmB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAa7C;;;OAGG;IACH,eAAe,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAMzC;;;;;OAKG;IACH,gBAAgB,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,MAAM;IAUnE;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAS1B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAoB1B;;OAEG;IACH,OAAO,CAAC,aAAa;IAIrB;;OAEG;YACW,SAAS;IAkCvB;;OAEG;IACH,OAAO,CAAC,aAAa;IAcrB;;OAEG;YACW,SAAS;yCA3Vd,gBAAgB;6CAAhB,gBAAgB;CA6X5B"}

package/dist/lib/form-state.service.js

@@ -0,0 +1,360 @@
+import { Injectable } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { Metadata, RunView } from '@memberjunction/core';
+import { DEFAULT_FORM_STATE, DEFAULT_SECTION_STATE } from './form-state.interface';
+import * as i0 from "@angular/core";
+const SETTING_KEY_PREFIX = 'Form.State.';
+const SAVE_DEBOUNCE_MS = 1000;
+/**
+ * Service for managing form state persistence per entity.
+ * State is stored in the User Settings entity and shared reactively
+ * across all form instances for the same entity.
+ */
+export class FormStateService {
+    /** Cache of BehaviorSubjects per entity name */
+    stateCache = new Map();
+    /** Debounce timeouts per entity name */
+    saveTimeouts = new Map();
+    /** Track which entities have been loaded from DB */
+    loadedEntities = new Set();
+    /** Track loading promises to prevent duplicate loads */
+    loadingPromises = new Map();
+    metadata = new Metadata();
+    /**
+     * Get the observable state for an entity.
+     * Automatically loads from User Settings on first access.
+     * @param entityName The entity name
+     * @returns Observable of the form state
+     */
+    getState$(entityName) {
+        return this.getOrCreateSubject(entityName).asObservable();
+    }
+    /**
+     * Get the current state value for an entity.
+     * @param entityName The entity name
+     * @returns Current form state
+     */
+    getCurrentState(entityName) {
+        return this.getOrCreateSubject(entityName).value;
+    }
+    /**
+     * Initialize state for an entity by loading from User Settings.
+     * Call this when a form component initializes.
+     * @param entityName The entity name
+     */
+    async initializeState(entityName) {
+        // If already loaded, return current state
+        if (this.loadedEntities.has(entityName)) {
+            return this.getCurrentState(entityName);
+        }
+        // If currently loading, wait for that promise
+        const existingPromise = this.loadingPromises.get(entityName);
+        if (existingPromise) {
+            await existingPromise;
+            return this.getCurrentState(entityName);
+        }
+        // Start loading
+        const loadPromise = this.loadState(entityName);
+        this.loadingPromises.set(entityName, loadPromise);
+        try {
+            await loadPromise;
+            this.loadedEntities.add(entityName);
+            return this.getCurrentState(entityName);
+        }
+        finally {
+            this.loadingPromises.delete(entityName);
+        }
+    }
+    /**
+     * Get section state, returning defaults if section doesn't exist yet.
+     * @param entityName The entity name
+     * @param sectionKey The section key
+     * @returns Section state with defaults applied
+     */
+    getSectionState(entityName, sectionKey) {
+        const state = this.getCurrentState(entityName);
+        return state.sections[sectionKey] || { ...DEFAULT_SECTION_STATE };
+    }
+    /**
+     * Check if a section is expanded.
+     * @param entityName The entity name
+     * @param sectionKey The section key
+     * @returns True if expanded
+     */
+    isSectionExpanded(entityName, sectionKey) {
+        return this.getSectionState(entityName, sectionKey).isExpanded;
+    }
+    /**
+     * Set section expanded state.
+     * @param entityName The entity name
+     * @param sectionKey The section key
+     * @param isExpanded Whether the section is expanded
+     */
+    setSectionExpanded(entityName, sectionKey, isExpanded) {
+        this.updateSectionState(entityName, sectionKey, { isExpanded });
+    }
+    /**
+     * Toggle section expanded state.
+     * @param entityName The entity name
+     * @param sectionKey The section key
+     */
+    toggleSection(entityName, sectionKey) {
+        const current = this.isSectionExpanded(entityName, sectionKey);
+        this.setSectionExpanded(entityName, sectionKey, !current);
+    }
+    /**
+     * Get section width mode.
+     * @param entityName The entity name
+     * @param sectionKey The section key
+     * @returns Width mode ('normal' or 'full-width')
+     */
+    getSectionWidthMode(entityName, sectionKey) {
+        return this.getSectionState(entityName, sectionKey).widthMode;
+    }
+    /**
+     * Set section width mode.
+     * @param entityName The entity name
+     * @param sectionKey The section key
+     * @param widthMode The width mode
+     */
+    setSectionWidthMode(entityName, sectionKey, widthMode) {
+        this.updateSectionState(entityName, sectionKey, { widthMode });
+    }
+    /**
+     * Toggle section width mode between normal and full-width.
+     * @param entityName The entity name
+     * @param sectionKey The section key
+     */
+    toggleSectionWidthMode(entityName, sectionKey) {
+        const current = this.getSectionWidthMode(entityName, sectionKey);
+        this.setSectionWidthMode(entityName, sectionKey, current === 'normal' ? 'full-width' : 'normal');
+    }
+    /**
+     * Get showEmptyFields preference for an entity.
+     * @param entityName The entity name
+     * @returns Whether to show empty fields
+     */
+    getShowEmptyFields(entityName) {
+        return this.getCurrentState(entityName).showEmptyFields;
+    }
+    /**
+     * Set showEmptyFields preference for an entity.
+     * @param entityName The entity name
+     * @param show Whether to show empty fields
+     */
+    setShowEmptyFields(entityName, show) {
+        const subject = this.getOrCreateSubject(entityName);
+        const currentState = subject.value;
+        const newState = {
+            ...currentState,
+            showEmptyFields: show
+        };
+        subject.next(newState);
+        this.debouncedSave(entityName);
+    }
+    /**
+     * Expand all sections for an entity.
+     * @param entityName The entity name
+     * @param sectionKeys Array of all section keys to expand
+     */
+    expandAllSections(entityName, sectionKeys) {
+        const subject = this.getOrCreateSubject(entityName);
+        const currentState = subject.value;
+        const newSections = { ...currentState.sections };
+        for (const key of sectionKeys) {
+            newSections[key] = {
+                ...DEFAULT_SECTION_STATE,
+                ...newSections[key],
+                isExpanded: true
+            };
+        }
+        subject.next({ ...currentState, sections: newSections });
+        this.debouncedSave(entityName);
+    }
+    /**
+     * Collapse all sections for an entity.
+     * @param entityName The entity name
+     * @param sectionKeys Array of all section keys to collapse
+     */
+    collapseAllSections(entityName, sectionKeys) {
+        const subject = this.getOrCreateSubject(entityName);
+        const currentState = subject.value;
+        const newSections = { ...currentState.sections };
+        for (const key of sectionKeys) {
+            newSections[key] = {
+                ...DEFAULT_SECTION_STATE,
+                ...newSections[key],
+                isExpanded: false
+            };
+        }
+        subject.next({ ...currentState, sections: newSections });
+        this.debouncedSave(entityName);
+    }
+    /**
+     * Reset all panel widths to normal for an entity.
+     * @param entityName The entity name
+     */
+    resetAllPanelWidths(entityName) {
+        const subject = this.getOrCreateSubject(entityName);
+        const currentState = subject.value;
+        const newSections = {};
+        for (const [key, section] of Object.entries(currentState.sections)) {
+            newSections[key] = { ...section, widthMode: 'normal' };
+        }
+        subject.next({ ...currentState, sections: newSections });
+        this.debouncedSave(entityName);
+    }
+    /**
+     * Reset state to defaults for an entity.
+     * @param entityName The entity name
+     */
+    resetToDefaults(entityName) {
+        const subject = this.getOrCreateSubject(entityName);
+        subject.next({ ...DEFAULT_FORM_STATE });
+        this.debouncedSave(entityName);
+    }
+    /**
+     * Get the count of expanded sections.
+     * @param entityName The entity name
+     * @param sectionKeys Array of section keys to check
+     * @returns Number of expanded sections
+     */
+    getExpandedCount(entityName, sectionKeys) {
+        const state = this.getCurrentState(entityName);
+        return sectionKeys.filter(key => {
+            const section = state.sections[key];
+            return section ? section.isExpanded : DEFAULT_SECTION_STATE.isExpanded;
+        }).length;
+    }
+    // -------------------- Private Methods --------------------
+    /**
+     * Get or create the BehaviorSubject for an entity.
+     */
+    getOrCreateSubject(entityName) {
+        let subject = this.stateCache.get(entityName);
+        if (!subject) {
+            subject = new BehaviorSubject({ ...DEFAULT_FORM_STATE });
+            this.stateCache.set(entityName, subject);
+        }
+        return subject;
+    }
+    /**
+     * Update a single section's state.
+     */
+    updateSectionState(entityName, sectionKey, updates) {
+        const subject = this.getOrCreateSubject(entityName);
+        const currentState = subject.value;
+        const currentSection = currentState.sections[sectionKey] || { ...DEFAULT_SECTION_STATE };
+        const newState = {
+            ...currentState,
+            sections: {
+                ...currentState.sections,
+                [sectionKey]: {
+                    ...currentSection,
+                    ...updates
+                }
+            }
+        };
+        subject.next(newState);
+        this.debouncedSave(entityName);
+    }
+    /**
+     * Generate the User Settings key for an entity.
+     */
+    getSettingKey(entityName) {
+        return `${SETTING_KEY_PREFIX}${entityName}`;
+    }
+    /**
+     * Load state from User Settings.
+     */
+    async loadState(entityName) {
+        try {
+            const userId = this.metadata.CurrentUser?.ID;
+            if (!userId) {
+                return;
+            }
+            const settingKey = this.getSettingKey(entityName);
+            const rv = new RunView();
+            const result = await rv.RunView({
+                EntityName: 'MJ: User Settings',
+                ExtraFilter: `UserID='${userId}' AND Setting='${settingKey}'`,
+                ResultType: 'entity_object'
+            });
+            const subject = this.getOrCreateSubject(entityName);
+            if (result.Success && result.Results.length > 0) {
+                const setting = result.Results[0];
+                if (setting.Value) {
+                    const savedState = JSON.parse(setting.Value);
+                    // Merge with defaults to handle new properties
+                    subject.next({ ...DEFAULT_FORM_STATE, ...savedState });
+                }
+            }
+            else {
+                // No saved state, use defaults
+                subject.next({ ...DEFAULT_FORM_STATE });
+            }
+        }
+        catch (error) {
+            console.warn(`Failed to load form state for ${entityName}:`, error);
+            // Keep default state on error
+        }
+    }
+    /**
+     * Debounced save to avoid too many writes.
+     */
+    debouncedSave(entityName) {
+        const existingTimeout = this.saveTimeouts.get(entityName);
+        if (existingTimeout) {
+            clearTimeout(existingTimeout);
+        }
+        const timeout = setTimeout(() => {
+            this.saveState(entityName);
+            this.saveTimeouts.delete(entityName);
+        }, SAVE_DEBOUNCE_MS);
+        this.saveTimeouts.set(entityName, timeout);
+    }
+    /**
+     * Save state to User Settings.
+     */
+    async saveState(entityName) {
+        try {
+            const userId = this.metadata.CurrentUser?.ID;
+            if (!userId) {
+                return;
+            }
+            const settingKey = this.getSettingKey(entityName);
+            const state = this.getCurrentState(entityName);
+            const md = new Metadata();
+            const rv = new RunView();
+            // Check if setting exists
+            const result = await rv.RunView({
+                EntityName: 'MJ: User Settings',
+                ExtraFilter: `UserID='${userId}' AND Setting='${settingKey}'`,
+                ResultType: 'entity_object'
+            });
+            let setting;
+            if (result.Success && result.Results.length > 0) {
+                setting = result.Results[0];
+            }
+            else {
+                setting = await md.GetEntityObject('MJ: User Settings');
+                setting.UserID = userId;
+                setting.Setting = settingKey;
+            }
+            setting.Value = JSON.stringify(state);
+            await setting.Save();
+        }
+        catch (error) {
+            console.warn(`Failed to save form state for ${entityName}:`, error);
+        }
+    }
+    static ɵfac = function FormStateService_Factory(t) { return new (t || FormStateService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: FormStateService, factory: FormStateService.ɵfac, providedIn: 'root' });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormStateService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], null, null); })();
+//# sourceMappingURL=form-state.service.js.map

package/dist/lib/form-state.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-state.service.js","sourceRoot":"","sources":["../../src/lib/form-state.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAc,MAAM,MAAM,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EAA+B,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;;AAEhH,MAAM,kBAAkB,GAAG,aAAa,CAAC;AACzC,MAAM,gBAAgB,GAAG,IAAI,CAAC;AAE9B;;;;GAIG;AAIH,MAAM,OAAO,gBAAgB;IACzB,gDAAgD;IACxC,UAAU,GAAG,IAAI,GAAG,EAAsC,CAAC;IAEnE,wCAAwC;IAChC,YAAY,GAAG,IAAI,GAAG,EAAyC,CAAC;IAExE,oDAAoD;IAC5C,cAAc,GAAG,IAAI,GAAG,EAAU,CAAC;IAE3C,wDAAwD;IAChD,eAAe,GAAG,IAAI,GAAG,EAAyB,CAAC;IAEnD,QAAQ,GAAG,IAAI,QAAQ,EAAE,CAAC;IAElC;;;;;OAKG;IACH,SAAS,CAAC,UAAkB;QACxB,OAAO,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC,YAAY,EAAE,CAAC;IAC9D,CAAC;IAED;;;;OAIG;IACH,eAAe,CAAC,UAAkB;QAC9B,OAAO,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC;IACrD,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,eAAe,CAAC,UAAkB;QACpC,0CAA0C;QAC1C,IAAI,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;YACtC,OAAO,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QAC5C,CAAC;QAED,8CAA8C;QAC9C,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QAC7D,IAAI,eAAe,EAAE,CAAC;YAClB,MAAM,eAAe,CAAC;YACtB,OAAO,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QAC5C,CAAC;QAED,gBAAgB;QAChB,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAC/C,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;QAElD,IAAI,CAAC;YACD,MAAM,WAAW,CAAC;YAClB,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YACpC,OAAO,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QAC5C,CAAC;gBAAS,CAAC;YACP,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAC5C,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,eAAe,CAAC,UAAkB,EAAE,UAAkB;QAClD,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QAC/C,OAAO,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACtE,CAAC;IAED;;;;;OAKG;IACH,iBAAiB,CAAC,UAAkB,EAAE,UAAkB;QACpD,OAAO,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,UAAU,CAAC;IACnE,CAAC;IAED;;;;;OAKG;IACH,kBAAkB,CAAC,UAAkB,EAAE,UAAkB,EAAE,UAAmB;QAC1E,IAAI,CAAC,kBAAkB,CAAC,UAAU,EAAE,UAAU,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;IACpE,CAAC;IAED;;;;OAIG;IACH,aAAa,CAAC,UAAkB,EAAE,UAAkB;QAChD,MAAM,OAAO,GAAG,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;QAC/D,IAAI,CAAC,kBAAkB,CAAC,UAAU,EAAE,UAAU,EAAE,CAAC,OAAO,CAAC,CAAC;IAC9D,CAAC;IAED;;;;;OAKG;IACH,mBAAmB,CAAC,UAAkB,EAAE,UAAkB;QACtD,OAAO,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,SAAS,CAAC;IAClE,CAAC;IAED;;;;;OAKG;IACH,mBAAmB,CAAC,UAAkB,EAAE,UAAkB,EAAE,SAAkC;QAC1F,IAAI,CAAC,kBAAkB,CAAC,UAAU,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC;IACnE,CAAC;IAED;;;;OAIG;IACH,sBAAsB,CAAC,UAAkB,EAAE,UAAkB;QACzD,MAAM,OAAO,GAAG,IAAI,CAAC,mBAAmB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;QACjE,IAAI,CAAC,mBAAmB,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IACrG,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,UAAkB;QACjC,OAAO,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,eAAe,CAAC;IAC5D,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,UAAkB,EAAE,IAAa;QAChD,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC;QACpD,MAAM,YAAY,GAAG,OAAO,CAAC,KAAK,CAAC;QACnC,MAAM,QAAQ,GAAc;YACxB,GAAG,YAAY;YACf,eAAe,EAAE,IAAI;SACxB,CAAC;QACF,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACvB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACnC,CAAC;IAED;;;;OAIG;IACH,iBAAiB,CAAC,UAAkB,EAAE,WAAqB;QACvD,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC;QACpD,MAAM,YAAY,GAAG,OAAO,CAAC,KAAK,CAAC;QACnC,MAAM,WAAW,GAAG,EAAE,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;QAEjD,KAAK,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC;YAC5B,WAAW,CAAC,GAAG,CAAC,GAAG;gBACf,GAAG,qBAAqB;gBACxB,GAAG,WAAW,CAAC,GAAG,CAAC;gBACnB,UAAU,EAAE,IAAI;aACnB,CAAC;QACN,CAAC;QAED,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAC;QACzD,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACnC,CAAC;IAED;;;;OAIG;IACH,mBAAmB,CAAC,UAAkB,EAAE,WAAqB;QACzD,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC;QACpD,MAAM,YAAY,GAAG,OAAO,CAAC,KAAK,CAAC;QACnC,MAAM,WAAW,GAAG,EAAE,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;QAEjD,KAAK,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC;YAC5B,WAAW,CAAC,GAAG,CAAC,GAAG;gBACf,GAAG,qBAAqB;gBACxB,GAAG,WAAW,CAAC,GAAG,CAAC;gBACnB,UAAU,EAAE,KAAK;aACpB,CAAC;QACN,CAAC;QAED,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAC;QACzD,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACnC,CAAC;IAED;;;OAGG;IACH,mBAAmB,CAAC,UAAkB;QAClC,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC;QACpD,MAAM,YAAY,GAAG,OAAO,CAAC,KAAK,CAAC;QACnC,MAAM,WAAW,GAAqC,EAAE,CAAC;QAEzD,KAAK,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAC;YACjE,WAAW,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;QAC3D,CAAC;QAED,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAC;QACzD,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACnC,CAAC;IAED;;;OAGG;IACH,eAAe,CAAC,UAAkB;QAC9B,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC;QACpD,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,kBAAkB,EAAE,CAAC,CAAC;QACxC,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACnC,CAAC;IAED;;;;;OAKG;IACH,gBAAgB,CAAC,UAAkB,EAAE,WAAqB;QACtD,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QAC/C,OAAO,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE;YAC5B,MAAM,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;YACpC,OAAO,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,qBAAqB,CAAC,UAAU,CAAC;QAC3E,CAAC,CAAC,CAAC,MAAM,CAAC;IACd,CAAC;IAED,4DAA4D;IAE5D;;OAEG;IACK,kBAAkB,CAAC,UAAkB;QACzC,IAAI,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QAC9C,IAAI,CAAC,OAAO,EAAE,CAAC;YACX,OAAO,GAAG,IAAI,eAAe,CAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC,CAAC;YACpE,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;QAC7C,CAAC;QACD,OAAO,OAAO,CAAC;IACnB,CAAC;IAED;;OAEG;IACK,kBAAkB,CAAC,UAAkB,EAAE,UAAkB,EAAE,OAAkC;QACjG,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC;QACpD,MAAM,YAAY,GAAG,OAAO,CAAC,KAAK,CAAC;QACnC,MAAM,cAAc,GAAG,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;QAEzF,MAAM,QAAQ,GAAc;YACxB,GAAG,YAAY;YACf,QAAQ,EAAE;gBACN,GAAG,YAAY,CAAC,QAAQ;gBACxB,CAAC,UAAU,CAAC,EAAE;oBACV,GAAG,cAAc;oBACjB,GAAG,OAAO;iBACb;aACJ;SACJ,CAAC;QAEF,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACvB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACnC,CAAC;IAED;;OAEG;IACK,aAAa,CAAC,UAAkB;QACpC,OAAO,GAAG,kBAAkB,GAAG,UAAU,EAAE,CAAC;IAChD,CAAC;IAED;;OAEG;IACK,KAAK,CAAC,SAAS,CAAC,UAAkB;QACtC,IAAI,CAAC;YACD,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,EAAE,CAAC;YAC7C,IAAI,CAAC,MAAM,EAAE,CAAC;gBACV,OAAO;YACX,CAAC;YAED,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;YAClD,MAAM,EAAE,GAAG,IAAI,OAAO,EAAE,CAAC;YACzB,MAAM,MAAM,GAAG,MAAM,EAAE,CAAC,OAAO,CAAoB;gBAC/C,UAAU,EAAE,mBAAmB;gBAC/B,WAAW,EAAE,WAAW,MAAM,kBAAkB,UAAU,GAAG;gBAC7D,UAAU,EAAE,eAAe;aAC9B,CAAC,CAAC;YAEH,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC;YAEpD,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC9C,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;gBAClC,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;oBAChB,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAuB,CAAC;oBACnE,+CAA+C;oBAC/C,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,kBAAkB,EAAE,GAAG,UAAU,EAAE,CAAC,CAAC;gBAC3D,CAAC;YACL,CAAC;iBAAM,CAAC;gBACJ,+BAA+B;gBAC/B,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,kBAAkB,EAAE,CAAC,CAAC;YAC5C,CAAC;QACL,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACb,OAAO,CAAC,IAAI,CAAC,iCAAiC,UAAU,GAAG,EAAE,KAAK,CAAC,CAAC;YACpE,8BAA8B;QAClC,CAAC;IACL,CAAC;IAED;;OAEG;IACK,aAAa,CAAC,UAAkB;QACpC,MAAM,eAAe,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QAC1D,IAAI,eAAe,EAAE,CAAC;YAClB,YAAY,CAAC,eAAe,CAAC,CAAC;QAClC,CAAC;QAED,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC5B,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;YAC3B,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACzC,CAAC,EAAE,gBAAgB,CAAC,CAAC;QAErB,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAC/C,CAAC;IAED;;OAEG;IACK,KAAK,CAAC,SAAS,CAAC,UAAkB;QACtC,IAAI,CAAC;YACD,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,EAAE,CAAC;YAC7C,IAAI,CAAC,MAAM,EAAE,CAAC;gBACV,OAAO;YACX,CAAC;YAED,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;YAClD,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;YAC/C,MAAM,EAAE,GAAG,IAAI,QAAQ,EAAE,CAAC;YAC1B,MAAM,EAAE,GAAG,IAAI,OAAO,EAAE,CAAC;YAEzB,0BAA0B;YAC1B,MAAM,MAAM,GAAG,MAAM,EAAE,CAAC,OAAO,CAAoB;gBAC/C,UAAU,EAAE,mBAAmB;gBAC/B,WAAW,EAAE,WAAW,MAAM,kBAAkB,UAAU,GAAG;gBAC7D,UAAU,EAAE,eAAe;aAC9B,CAAC,CAAC;YAEH,IAAI,OAA0B,CAAC;YAC/B,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC9C,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YAChC,CAAC;iBAAM,CAAC;gBACJ,OAAO,GAAG,MAAM,EAAE,CAAC,eAAe,CAAoB,mBAAmB,CAAC,CAAC;gBAC3E,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC;gBACxB,OAAO,CAAC,OAAO,GAAG,UAAU,CAAC;YACjC,CAAC;YAED,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YACtC,MAAM,OAAO,CAAC,IAAI,EAAE,CAAC;QACzB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACb,OAAO,CAAC,IAAI,CAAC,iCAAiC,UAAU,GAAG,EAAE,KAAK,CAAC,CAAC;QACxE,CAAC;IACL,CAAC;0EA5XQ,gBAAgB;gEAAhB,gBAAgB,WAAhB,gBAAgB,mBAFb,MAAM;;iFAET,gBAAgB;cAH5B,UAAU;eAAC;gBACR,UAAU,EAAE,MAAM;aACrB"}

package/dist/lib/link-field.component.d.ts

@@ -1,7 +1,7 @@
 import { AfterViewInit, ElementRef, ChangeDetectorRef } from "@angular/core";
 import { BaseRecordComponent } from "./base-record-component";
 import { BaseEntity, EntityFieldInfo, EntityInfo } from "@memberjunction/core";
-import { Router } from "@angular/router";
+import { NavigationService } from "@memberjunction/ng-shared";
 import * as i0 from "@angular/core";
 /**
  * This component is used to automatically generate a UI for any field in a given BaseEntity object. The CodeGen tool will generate forms and form sections that
@@ -11,8 +11,8 @@ import * as i0 from "@angular/core";
  */
 export declare class MJLinkField extends BaseRecordComponent implements AfterViewInit {
     private cdr;
-    private router;
-    constructor(cdr: ChangeDetectorRef, router: Router);
+    private navigationService;
+    constructor(cdr: ChangeDetectorRef, navigationService: NavigationService);
     /**
      * The record object that contains the field to be rendered. This object should be an instance of BaseEntity or a derived class.
      */

package/dist/lib/link-field.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link-field.component.d.ts","sourceRoot":"","sources":["../../src/lib/link-field.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAa,UAAU,EAAoB,iBAAiB,EAA4B,MAAM,eAAe,CAAC;AACpI,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAgB,eAAe,EAAE,UAAU,EAA+B,MAAM,sBAAsB,CAAC;AAG1H,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;;AAEzC;;;;;GAKG;AACH,qBAKa,WAAY,SAAQ,mBAAoB,YAAW,aAAa;IAC7D,OAAO,CAAC,GAAG;IAAqB,OAAO,CAAC,MAAM;gBAAtC,GAAG,EAAE,iBAAiB,EAAU,MAAM,EAAE,MAAM;IAGlE;;OAEG;IACM,MAAM,EAAG,UAAU,CAAC;IAE7B;;OAEG;IACM,SAAS,EAAE,MAAM,CAAM;IAEhC;;OAEG;IACM,UAAU,CAAC,EAAE,MAAM,CAAM;IAElC;;;OAGG;IACM,iBAAiB,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAY;IAEvD,iBAAiB,EAAE,UAAU,GAAG,SAAS,CAAa;IAE7D,OAAO,CAAC,eAAe,CAAqC;IAC5D,IAAW,cAAc,IAAI,UAAU,GAAG,SAAS,CAElD;IACD,IAAW,cAAc,CAAC,GAAG,EAAE,UAAU,GAAG,SAAS,EAOpD;IACM,YAAY,EAAE,OAAO,CAAS;IAC9B,oBAAoB,EAAE,UAAU,EAAE,CAAM;IACxC,mBAAmB,EAAE,OAAO,CAAS;IACrC,eAAe,EAAE,eAAe,EAAE,CAAM;IAEL,QAAQ,EAAG,UAAU,CAAC;YAElD,aAAa;IA0CrB,eAAe;IAIrB,OAAO,CAAC,mCAAmC,CAAwB;IACnE,IAAW,4BAA4B,IAAI,OAAO,CAcjD;IAEM,YAAY;cAsBH,kBAAkB;IAoBlC,IAAW,KAAK,IAAI,GAAG,CAEtB;IAED,IAAW,KAAK,CAAC,GAAG,EAAE,GAAG,EAQxB;IAED,IAAW,WAAW,IAAI,eAAe,GAAG,SAAS,CAEpD;IACD,IAAW,WAAW,IAAI,MAAM,CAM/B;IAGM,cAAc;IAOd,sBAAsB,EAAE,MAAM,CAAM;cAC3B,oBAAoB,CAAC,KAAK,EAAE,MAAM;IAuD3C,sBAAsB,CAAC,MAAM,EAAE,GAAG;cAazB,oBAAoB;cA4BpB,gBAAgB;IAIzB,gBAAgB,CAAC,YAAY,EAAE,UAAU;yCA7RvC,WAAW;2CAAX,WAAW;CA8SvB"}
+{"version":3,"file":"link-field.component.d.ts","sourceRoot":"","sources":["../../src/lib/link-field.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAa,UAAU,EAAoB,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC1G,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAgB,eAAe,EAAE,UAAU,EAAqB,MAAM,sBAAsB,CAAC;AAEhH,OAAO,EAAiB,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;;AAE7E;;;;;GAKG;AACH,qBAKa,WAAY,SAAQ,mBAAoB,YAAW,aAAa;IAC7D,OAAO,CAAC,GAAG;IAAqB,OAAO,CAAC,iBAAiB;gBAAjD,GAAG,EAAE,iBAAiB,EAAU,iBAAiB,EAAE,iBAAiB;IAGxF;;OAEG;IACM,MAAM,EAAG,UAAU,CAAC;IAE7B;;OAEG;IACM,SAAS,EAAE,MAAM,CAAM;IAEhC;;OAEG;IACM,UAAU,CAAC,EAAE,MAAM,CAAM;IAElC;;;OAGG;IACM,iBAAiB,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAY;IAEvD,iBAAiB,EAAE,UAAU,GAAG,SAAS,CAAa;IAE7D,OAAO,CAAC,eAAe,CAAqC;IAC5D,IAAW,cAAc,IAAI,UAAU,GAAG,SAAS,CAElD;IACD,IAAW,cAAc,CAAC,GAAG,EAAE,UAAU,GAAG,SAAS,EAOpD;IACM,YAAY,EAAE,OAAO,CAAS;IAC9B,oBAAoB,EAAE,UAAU,EAAE,CAAM;IACxC,mBAAmB,EAAE,OAAO,CAAS;IACrC,eAAe,EAAE,eAAe,EAAE,CAAM;IAEL,QAAQ,EAAG,UAAU,CAAC;YAElD,aAAa;IA0CrB,eAAe;IAIrB,OAAO,CAAC,mCAAmC,CAAwB;IACnE,IAAW,4BAA4B,IAAI,OAAO,CAcjD;IAEM,YAAY;cAcH,kBAAkB;IAoBlC,IAAW,KAAK,IAAI,GAAG,CAEtB;IAED,IAAW,KAAK,CAAC,GAAG,EAAE,GAAG,EAQxB;IAED,IAAW,WAAW,IAAI,eAAe,GAAG,SAAS,CAEpD;IACD,IAAW,WAAW,IAAI,MAAM,CAM/B;IAGM,cAAc;IAOd,sBAAsB,EAAE,MAAM,CAAM;cAC3B,oBAAoB,CAAC,KAAK,EAAE,MAAM;IAuD3C,sBAAsB,CAAC,MAAM,EAAE,GAAG;cAazB,oBAAoB;cA4BpB,gBAAgB;IAIzB,gBAAgB,CAAC,YAAY,EAAE,UAAU;yCArRvC,WAAW;2CAAX,WAAW;CAsSvB"}

package/dist/lib/link-field.component.js

@@ -1,10 +1,10 @@
 import { Component, Input, ViewChild } from "@angular/core";
 import { BaseRecordComponent } from "./base-record-component";
-import { CompositeKey, LogError, Metadata, RunView } from "@memberjunction/core";
+import { CompositeKey, Metadata, RunView } from "@memberjunction/core";
 import { debounceTime, fromEvent } from 'rxjs';
 import { SharedService } from "@memberjunction/ng-shared";
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/router";
+import * as i1 from "@memberjunction/ng-shared";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/forms";
 import * as i4 from "@progress/kendo-angular-buttons";
@@ -93,11 +93,11 @@ function MJLinkField_Conditional_2_Template(rf, ctx) { if (rf & 1) {
  */
 export class MJLinkField extends BaseRecordComponent {
     cdr;
-    router;
-    constructor(cdr, router) {
+    navigationService;
+    constructor(cdr, navigationService) {
         super();
         this.cdr = cdr;
-        this.router = router;
+        this.navigationService = navigationService;
     }
     /**
      * The record object that contains the field to be rendered. This object should be an instance of BaseEntity or a derived class.
@@ -194,15 +194,8 @@ export class MJLinkField extends BaseRecordComponent {
     onNewClicked() {
         // user wants to create a new record, double check to make sure we can create a record
         if (this.UserCanCreateNewLinkedRecord && this.RelatedEntityInfo) {
-            // AT THE MOMENT - we only support foreign keys with a single value
-            const keyVals = ''; // leave blank so that we invoke the new record functionality
-            const newURL = ['resource', 'record', keyVals];
-            this.router.navigate(newURL, { queryParams: { Entity: this.RelatedEntityInfo.Name } }).then(params => {
-                console.log('navigated to:', newURL.join('/'));
-            }).catch(err => {
-                const newURLString = newURL.join('/');
-                LogError(`Error navigating to ${newURLString}: ${err}`);
-            });
+            // Use NavigationService to open a new record form
+            this.navigationService.OpenNewEntityRecord(this.RelatedEntityInfo.Name);
         }
         else {
             // user can't create a new record, so let's tell them
@@ -364,7 +357,7 @@ export class MJLinkField extends BaseRecordComponent {
         }
         this.cdr.detectChanges();
     }
-    static ɵfac = function MJLinkField_Factory(t) { return new (t || MJLinkField)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.Router)); };
+    static ɵfac = function MJLinkField_Factory(t) { return new (t || MJLinkField)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.NavigationService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJLinkField, selectors: [["mj-link-field"]], viewQuery: function MJLinkField_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0, 5);
         } if (rf & 2) {
@@ -382,7 +375,7 @@ export class MJLinkField extends BaseRecordComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJLinkField, [{
         type: Component,
         args: [{ selector: 'mj-link-field', template: "<div>\n    @if (LinkComponentType === 'Search') {\n        <input \n            #inputBox\n            type=\"text\" \n            class=\"input-box\" \n            [ngClass]=\"RecordLinked ? 'record-linked' : ''\" \n            [(ngModel)]=\"RecordName\" \n            kendoTextBox \n        />\n        <button kendoButton (click)=\"onClearClicked()\" title=\"Clear\" [ngClass]=\"UserCanCreateNewLinkedRecord ? '' : 'last-button-in-row'\"><span class=\"fa-solid fa-delete-left\"></span></button>\n        @if (UserCanCreateNewLinkedRecord) {\n            <button kendoButton (click)=\"onNewClicked()\" title=\"Create New Record\" class=\"last-button-in-row\"><span class=\"fa-solid fa-plus\"></span></button>\n        }\n\n        <ul *ngIf=\"showMatchingRecords\" class=\"matching-records\">\n            <li *ngFor=\"let record of RelatedEntityRecords\" (click)=\"onRecordSelected(record)\">\n                {{ GetRecordDisplayString(record)}}\n            </li>\n        </ul>\n    }\n    @else {\n        @if (RelatedEntityInfo) {\n            <kendo-multicolumncombobox \n                [data]=\"RelatedEntityRecords\"\n                [textField]=\"RelatedEntityInfo.NameField ? RelatedEntityInfo.NameField.Name : RelatedEntityInfo.FirstPrimaryKey.Name\"\n                [valueField]=\"RelatedEntityInfo.FirstPrimaryKey.Name\"\n                [(value)]=\"SelectedRecord\"\n                >\n                @for (d of dropDownColumns; track d) {\n                    <kendo-combobox-column\n                        [field]=\"d.Name\"\n                        [title]=\"d.DisplayNameOrName\"\n                    >\n                    </kendo-combobox-column>\n                }\n            </kendo-multicolumncombobox> \n        }\n    }\n</div>", styles: [".record-linked {\n  color: darkblue;\n  text-decoration: underline;\n}\n\n.input-box {\n    width: 406px;\n    border-radius: 3px 0 0 3px; /* top-left, top-right, bottom-right, bottom-left don't make the right/top and right/bottom rounded so it ties up to the buttons better */\n}\n\nbutton {\n    width: 28px;\n    border-radius: 0 0 0 0; \n    border-left: 0; /* remove the left border */\n}\n\nbutton.last-button-in-row {\n    border-radius: 0 3px 3px 0; /*round the top right and bottom right for the last button only*/ \n}\n\n.matching-records {\n    width: 406px;\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n    max-height: 200px;\n    overflow-y: auto;\n    border: 1px solid #ccc;\n}\n\n.matching-records li {\n    padding: 8px;\n    cursor: pointer;\n}\n\n.matching-records li:hover {\n    background-color: #f0f0f0;\n}\n"] }]
-    }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.Router }], { record: [{
+    }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.NavigationService }], { record: [{
             type: Input
         }], FieldName: [{
             type: Input
@@ -394,5 +387,5 @@ export class MJLinkField extends BaseRecordComponent {
             type: ViewChild,
             args: ['inputBox', { static: false }]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJLinkField, { className: "MJLinkField", filePath: "src/lib/link-field.component.ts", lineNumber: 19 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJLinkField, { className: "MJLinkField", filePath: "src/lib/link-field.component.ts", lineNumber: 18 }); })();
 //# sourceMappingURL=link-field.component.js.map