@memberjunction/ng-entity-viewer 6.1.4 → 6.2.0-edge.1

package/dist/lib/entity-record-detail-panel/entity-record-detail-panel.component.js

@@ -1,7 +1,7 @@
 import { Component, Input, Output, EventEmitter } from '@angular/core';
 import { BaseAngularComponent } from '@memberjunction/ng-base-types';
-import { EntityInfo, RunView, EntityFieldValueListType } from '@memberjunction/core';
-import { buildCompositeKey, buildPkString } from '../utils/record.util';
+import { EntityInfo, RunView, EntityFieldValueListType, IsDateOnlySQLType, FormatDateOnly } from '@memberjunction/core';
+import { BuildCompositeKey, BuildPkString } from '../utils/record.util';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-shared-generic";
 import * as i2 from "@memberjunction/ng-ui-components";
@@ -393,21 +393,109 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
     entity = null;
     record = null;
     close = new EventEmitter();
-    openRecord = new EventEmitter();
-    navigateToRelated = new EventEmitter();
-    openRelatedRecord = new EventEmitter();
-    openForeignKeyRecord = new EventEmitter();
+    OpenRecord = new EventEmitter();
+    /**
+     * @deprecated Use {@link OpenRecord}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (openRecord) keeps working. Must stay AFTER OpenRecord: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    openRecord = this.OpenRecord;
+    NavigateToRelated = new EventEmitter();
+    /**
+     * @deprecated Use {@link NavigateToRelated}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (navigateToRelated) keeps working. Must stay AFTER NavigateToRelated: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    navigateToRelated = this.NavigateToRelated;
+    OpenRelatedRecord = new EventEmitter();
+    /**
+     * @deprecated Use {@link OpenRelatedRecord}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (openRelatedRecord) keeps working. Must stay AFTER OpenRelatedRecord: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    openRelatedRecord = this.OpenRelatedRecord;
+    OpenForeignKeyRecord = new EventEmitter();
+    /**
+     * @deprecated Use {@link OpenForeignKeyRecord}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (openForeignKeyRecord) keeps working. Must stay AFTER OpenForeignKeyRecord: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    openForeignKeyRecord = this.OpenForeignKeyRecord;
     // Related entity counts
-    relatedEntities = [];
-    isLoadingRelationships = false;
+    RelatedEntities = [];
+    /** @deprecated Use {@link RelatedEntities}. */
+    get relatedEntities() {
+        return this.RelatedEntities;
+    }
+    /** @deprecated Use {@link RelatedEntities}. */
+    set relatedEntities(value) {
+        this.RelatedEntities = value;
+    }
+    IsLoadingRelationships = false;
+    /** @deprecated Use {@link IsLoadingRelationships}. */
+    get isLoadingRelationships() {
+        return this.IsLoadingRelationships;
+    }
+    /** @deprecated Use {@link IsLoadingRelationships}. */
+    set isLoadingRelationships(value) {
+        this.IsLoadingRelationships = value;
+    }
     // Organic key match counts
-    organicKeyMatches = [];
-    isLoadingOrganicKeys = false;
+    OrganicKeyMatches = [];
+    /** @deprecated Use {@link OrganicKeyMatches}. */
+    get organicKeyMatches() {
+        return this.OrganicKeyMatches;
+    }
+    /** @deprecated Use {@link OrganicKeyMatches}. */
+    set organicKeyMatches(value) {
+        this.OrganicKeyMatches = value;
+    }
+    IsLoadingOrganicKeys = false;
+    /** @deprecated Use {@link IsLoadingOrganicKeys}. */
+    get isLoadingOrganicKeys() {
+        return this.IsLoadingOrganicKeys;
+    }
+    /** @deprecated Use {@link IsLoadingOrganicKeys}. */
+    set isLoadingOrganicKeys(value) {
+        this.IsLoadingOrganicKeys = value;
+    }
     metadata = this.ProviderToUse;
     // Sections expanded state
-    detailsSectionExpanded = true;
-    relationshipsSectionExpanded = true;
-    organicKeysSectionExpanded = true;
+    DetailsSectionExpanded = true;
+    /** @deprecated Use {@link DetailsSectionExpanded}. */
+    get detailsSectionExpanded() {
+        return this.DetailsSectionExpanded;
+    }
+    /** @deprecated Use {@link DetailsSectionExpanded}. */
+    set detailsSectionExpanded(value) {
+        this.DetailsSectionExpanded = value;
+    }
+    RelationshipsSectionExpanded = true;
+    /** @deprecated Use {@link RelationshipsSectionExpanded}. */
+    get relationshipsSectionExpanded() {
+        return this.RelationshipsSectionExpanded;
+    }
+    /** @deprecated Use {@link RelationshipsSectionExpanded}. */
+    set relationshipsSectionExpanded(value) {
+        this.RelationshipsSectionExpanded = value;
+    }
+    OrganicKeysSectionExpanded = true;
+    /** @deprecated Use {@link OrganicKeysSectionExpanded}. */
+    get organicKeysSectionExpanded() {
+        return this.OrganicKeysSectionExpanded;
+    }
+    /** @deprecated Use {@link OrganicKeysSectionExpanded}. */
+    set organicKeysSectionExpanded(value) {
+        this.OrganicKeysSectionExpanded = value;
+    }
     constructor(cdr, ngZone) {
         super();
         this.cdr = cdr;
@@ -425,20 +513,20 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
     async loadRelationshipCounts() {
         if (!this.entity || !this.record)
             return;
-        this.isLoadingRelationships = true;
-        this.relatedEntities = [];
+        this.IsLoadingRelationships = true;
+        this.RelatedEntities = [];
         // Get relationships where this entity is the related entity (foreign keys pointing TO this record)
         const relationships = this.entity.RelatedEntities;
         if (relationships.length === 0) {
-            this.isLoadingRelationships = false;
+            this.IsLoadingRelationships = false;
             return;
         }
         // Build a CompositeKey for the current record
-        const compositeKey = buildCompositeKey(this.record, this.entity);
+        const compositeKey = BuildCompositeKey(this.record, this.entity);
         // Get the first PK value for the join field filter
         const pkValue = compositeKey.KeyValuePairs[0]?.Value;
         if (!pkValue) {
-            this.isLoadingRelationships = false;
+            this.IsLoadingRelationships = false;
             return;
         }
         // Build batch query params for all relationships
@@ -451,7 +539,7 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
             const rv = RunView.FromMetadataProvider(this.ProviderToUse);
             const results = await rv.RunViews(viewParams);
             // Map results back to relationship data
-            this.relatedEntities = relationships.map((rel, index) => {
+            this.RelatedEntities = relationships.map((rel, index) => {
                 const result = results[index];
                 return {
                     relationship: rel,
@@ -466,7 +554,7 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
         catch (error) {
             console.warn('Failed to load relationship counts:', error);
             // Initialize with zero counts on error
-            this.relatedEntities = relationships.map(rel => ({
+            this.RelatedEntities = relationships.map(rel => ({
                 relationship: rel,
                 relatedEntityName: rel.RelatedEntity,
                 count: 0,
@@ -477,7 +565,7 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
         }
         finally {
             this.ngZone.run(() => {
-                this.isLoadingRelationships = false;
+                this.IsLoadingRelationships = false;
                 this.cdr.detectChanges();
             });
         }
@@ -491,7 +579,7 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
             return;
         const organicKeys = this.entity.OrganicKeys;
         if (!organicKeys || organicKeys.length === 0) {
-            this.organicKeyMatches = [];
+            this.OrganicKeyMatches = [];
             return;
         }
         // Flatten all organic key related entities
@@ -502,11 +590,11 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
             }
         }
         if (allPairs.length === 0) {
-            this.organicKeyMatches = [];
+            this.OrganicKeyMatches = [];
             return;
         }
-        this.isLoadingOrganicKeys = true;
-        this.organicKeyMatches = [];
+        this.IsLoadingOrganicKeys = true;
+        this.OrganicKeyMatches = [];
         // Build a mock BaseEntity-like object for BuildOrganicKeyViewParams
         // The static method only calls record.Get(fieldName), so we can duck-type it
         const mockRecord = {
@@ -522,7 +610,7 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
         try {
             const rv = RunView.FromMetadataProvider(this.ProviderToUse);
             const results = await rv.RunViews(viewParams);
-            this.organicKeyMatches = allPairs.map((pair, index) => {
+            this.OrganicKeyMatches = allPairs.map((pair, index) => {
                 const result = results[index];
                 return {
                     organicKey: pair.organicKey,
@@ -537,7 +625,7 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
         }
         catch (error) {
             console.warn('Failed to load organic key counts:', error);
-            this.organicKeyMatches = allPairs.map(pair => ({
+            this.OrganicKeyMatches = allPairs.map(pair => ({
                 organicKey: pair.organicKey,
                 relatedEntity: pair.relatedEntity,
                 relatedEntityName: pair.relatedEntity.DisplayName || pair.relatedEntity.RelatedEntity,
@@ -549,7 +637,7 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
         }
         finally {
             this.ngZone.run(() => {
-                this.isLoadingOrganicKeys = false;
+                this.IsLoadingOrganicKeys = false;
                 this.cdr.detectChanges();
             });
         }
@@ -557,13 +645,17 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
     /**
      * Get only organic key matches that have records (count > 0)
      */
+    get OrganicKeyMatchesWithRecords() {
+        return this.OrganicKeyMatches.filter(m => m.count > 0);
+    }
+    /** @deprecated Use {@link OrganicKeyMatchesWithRecords}. */
     get organicKeyMatchesWithRecords() {
-        return this.organicKeyMatches.filter(m => m.count > 0);
+        return this.OrganicKeyMatchesWithRecords;
     }
     /**
      * Toggle expansion of an organic key match section and load records if needed
      */
-    async toggleOrganicKeyExpansion(match, event) {
+    async ToggleOrganicKeyExpansion(match, event) {
         event.stopPropagation();
         if (match.count === 0)
             return;
@@ -572,6 +664,10 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
             await this.loadOrganicKeyRecords(match);
         }
     }
+    /** @deprecated Use {@link ToggleOrganicKeyExpansion}. */
+    async toggleOrganicKeyExpansion(match, event) {
+        return this.ToggleOrganicKeyExpansion(match, event);
+    }
     /**
      * Load actual records for an organic key match
      */
@@ -616,17 +712,21 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
     /**
      * Handle click on an organic key record
      */
-    onOrganicKeyRecordClick(match, record, event) {
+    OnOrganicKeyRecordClick(match, record, event) {
         event.stopPropagation();
-        this.openRelatedRecord.emit({
+        this.OpenRelatedRecord.emit({
             entityName: match.relatedEntity.RelatedEntity,
             record,
         });
     }
+    /** @deprecated Use {@link OnOrganicKeyRecordClick}. */
+    onOrganicKeyRecordClick(match, record, event) {
+        return this.OnOrganicKeyRecordClick(match, record, event);
+    }
     /**
      * Navigate to view all organic key matched records
      */
-    onViewAllOrganicKey(match, event) {
+    OnViewAllOrganicKey(match, event) {
         event.stopPropagation();
         if (!this.record || !this.entity)
             return;
@@ -635,15 +735,19 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
             EntityInfo: this.entity,
         };
         const params = EntityInfo.BuildOrganicKeyViewParams(mockRecord, match.relatedEntity, match.organicKey);
-        this.navigateToRelated.emit({
+        this.NavigateToRelated.emit({
             entityName: match.relatedEntity.RelatedEntity,
             filter: String(params.ExtraFilter || ''),
         });
     }
+    /** @deprecated Use {@link OnViewAllOrganicKey}. */
+    onViewAllOrganicKey(match, event) {
+        return this.OnViewAllOrganicKey(match, event);
+    }
     /**
      * Get display name for an organic key record
      */
-    getOrganicKeyRecordDisplayName(match, record) {
+    GetOrganicKeyRecordDisplayName(match, record) {
         const entityInfo = this.metadata.Entities.find(e => e.Name === match.relatedEntity.RelatedEntity);
         if (entityInfo?.NameField) {
             const name = record[entityInfo.NameField.Name];
@@ -651,14 +755,18 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
                 return String(name);
         }
         if (entityInfo) {
-            return buildPkString(record, entityInfo);
+            return BuildPkString(record, entityInfo);
         }
         return 'Record';
     }
+    /** @deprecated Use {@link GetOrganicKeyRecordDisplayName}. */
+    getOrganicKeyRecordDisplayName(match, record) {
+        return this.GetOrganicKeyRecordDisplayName(match, record);
+    }
     /**
      * Get subtitle for an organic key record
      */
-    getOrganicKeyRecordSubtitle(match, record) {
+    GetOrganicKeyRecordSubtitle(match, record) {
         const entityInfo = this.metadata.Entities.find(e => e.Name === match.relatedEntity.RelatedEntity);
         if (!entityInfo)
             return '';
@@ -668,26 +776,34 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
             if (field) {
                 const value = record[field.Name];
                 if (value !== null && value !== undefined) {
-                    return this.formatFieldValue(value, field.Name);
+                    return this.formatFieldValue(value, field);
                 }
             }
         }
         return '';
     }
+    /** @deprecated Use {@link GetOrganicKeyRecordSubtitle}. */
+    getOrganicKeyRecordSubtitle(match, record) {
+        return this.GetOrganicKeyRecordSubtitle(match, record);
+    }
     /**
      * Get icon for an organic key matched entity
      */
-    getOrganicKeyEntityIcon(match) {
+    GetOrganicKeyEntityIcon(match) {
         const entityInfo = this.metadata.Entities.find(e => e.Name === match.relatedEntity.RelatedEntity);
         if (entityInfo?.Icon) {
             return this.formatEntityIcon(entityInfo.Icon);
         }
         return 'fa-solid fa-link';
     }
+    /** @deprecated Use {@link GetOrganicKeyEntityIcon}. */
+    getOrganicKeyEntityIcon(match) {
+        return this.GetOrganicKeyEntityIcon(match);
+    }
     /**
      * Get key fields to display in details section, categorized by type
      */
-    get displayFields() {
+    get DisplayFields() {
         if (!this.entity || !this.record)
             return [];
         const fields = [];
@@ -731,11 +847,15 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
                 type: isEnum ? 'enum' : 'regular',
                 name: field.Name,
                 label: this.formatFieldLabel(field),
-                value: this.formatFieldValue(value, field.Name)
+                value: this.formatFieldValue(value, field)
             });
         }
         return fields;
     }
+    /** @deprecated Use {@link DisplayFields}. */
+    get displayFields() {
+        return this.DisplayFields;
+    }
     /**
      * Build display info for a foreign key field
      * Uses RelatedEntityNameFieldMap to get the human-readable name
@@ -796,12 +916,14 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
     /**
      * Format field value for display
      */
-    formatFieldValue(value, fieldName) {
+    formatFieldValue(value, field) {
         if (value === null || value === undefined)
             return '-';
-        // Handle dates
+        // Handle dates. A `date` column is a calendar day that arrives as UTC midnight; a local-zone
+        // formatter would land on the previous day for every reader west of Greenwich (MJ#4210).
+        // A timestamp names an instant and stays in local time.
         if (value instanceof Date) {
-            return value.toLocaleDateString();
+            return IsDateOnlySQLType(field.Type) ? FormatDateOnly(value) : value.toLocaleDateString();
         }
         // Handle booleans
         if (typeof value === 'boolean') {
@@ -809,7 +931,7 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
         }
         // Handle numbers that look like currency
         if (typeof value === 'number') {
-            const nameLower = fieldName.toLowerCase();
+            const nameLower = field.Name.toLowerCase();
             if (nameLower.includes('amount') ||
                 nameLower.includes('price') ||
                 nameLower.includes('cost') ||
@@ -829,7 +951,7 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
     /**
      * Get record title
      */
-    get recordTitle() {
+    get RecordTitle() {
         if (!this.entity || !this.record)
             return 'Record';
         if (this.entity.NameField) {
@@ -837,26 +959,38 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
             if (name)
                 return String(name);
         }
-        return buildPkString(this.record, this.entity);
+        return BuildPkString(this.record, this.entity);
+    }
+    /** @deprecated Use {@link RecordTitle}. */
+    get recordTitle() {
+        return this.RecordTitle;
     }
     /**
      * Handle close button click
      */
-    onClose() {
+    OnClose() {
         this.close.emit();
     }
+    /** @deprecated Use {@link OnClose}. */
+    onClose() {
+        return this.OnClose();
+    }
     /**
      * Handle open record button click
      */
-    onOpenRecord() {
+    OnOpenRecord() {
         if (this.record) {
-            this.openRecord.emit(this.record);
+            this.OpenRecord.emit(this.record);
         }
     }
+    /** @deprecated Use {@link OnOpenRecord}. */
+    onOpenRecord() {
+        return this.OnOpenRecord();
+    }
     /**
      * Copy primary key value to clipboard
      */
-    copyToClipboard(value, event) {
+    CopyToClipboard(value, event) {
         event.stopPropagation();
         navigator.clipboard.writeText(value).then(() => {
             // Could add a toast notification here
@@ -865,31 +999,43 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
             console.error('Failed to copy:', err);
         });
     }
+    /** @deprecated Use {@link CopyToClipboard}. */
+    copyToClipboard(value, event) {
+        return this.CopyToClipboard(value, event);
+    }
     /**
      * Open a foreign key record (FK link click)
      * Emits openForeignKeyRecord event for parent to handle opening the record
      */
-    onForeignKeyClick(field, event) {
+    OnForeignKeyClick(field, event) {
         event.stopPropagation();
         if (field.relatedEntityName && field.relatedRecordId) {
-            this.openForeignKeyRecord.emit({
+            this.OpenForeignKeyRecord.emit({
                 entityName: field.relatedEntityName,
                 recordId: field.relatedRecordId
             });
         }
     }
+    /** @deprecated Use {@link OnForeignKeyClick}. */
+    onForeignKeyClick(field, event) {
+        return this.OnForeignKeyClick(field, event);
+    }
     /**
      * Check if a FK display value is different from the raw ID (i.e., we have a name to show)
      */
-    hasFriendlyName(field) {
+    HasFriendlyName(field) {
         return field.type === 'foreign-key' &&
             field.displayValue !== undefined &&
             field.displayValue !== field.value;
     }
+    /** @deprecated Use {@link HasFriendlyName}. */
+    hasFriendlyName(field) {
+        return this.HasFriendlyName(field);
+    }
     /**
      * Toggle expansion of related entity section and load records if needed
      */
-    async toggleRelatedEntityExpansion(relEntity, event) {
+    async ToggleRelatedEntityExpansion(relEntity, event) {
         event.stopPropagation();
         if (relEntity.count === 0)
             return;
@@ -899,13 +1045,17 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
             await this.loadRelatedRecords(relEntity);
         }
     }
+    /** @deprecated Use {@link ToggleRelatedEntityExpansion}. */
+    async toggleRelatedEntityExpansion(relEntity, event) {
+        return this.ToggleRelatedEntityExpansion(relEntity, event);
+    }
     /**
      * Load actual records for a related entity
      */
     async loadRelatedRecords(relEntity) {
         if (!this.record || !this.entity)
             return;
-        const compositeKey = buildCompositeKey(this.record, this.entity);
+        const compositeKey = BuildCompositeKey(this.record, this.entity);
         const pkValue = compositeKey.KeyValuePairs[0]?.Value;
         if (!pkValue)
             return;
@@ -944,33 +1094,41 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
     /**
      * Handle click on individual related record - opens in new tab
      */
-    onRelatedRecordClick(relEntity, record, event) {
+    OnRelatedRecordClick(relEntity, record, event) {
         event.stopPropagation();
-        this.openRelatedRecord.emit({
+        this.OpenRelatedRecord.emit({
             entityName: relEntity.relatedEntityName,
             record
         });
     }
+    /** @deprecated Use {@link OnRelatedRecordClick}. */
+    onRelatedRecordClick(relEntity, record, event) {
+        return this.OnRelatedRecordClick(relEntity, record, event);
+    }
     /**
      * Navigate to view all related records (when count > 10)
      */
-    onViewAllRelated(relEntity, event) {
+    OnViewAllRelated(relEntity, event) {
         event.stopPropagation();
         if (!this.record || !this.entity)
             return;
-        const compositeKey = buildCompositeKey(this.record, this.entity);
+        const compositeKey = BuildCompositeKey(this.record, this.entity);
         const pkValue = compositeKey.KeyValuePairs[0]?.Value;
         if (!pkValue)
             return;
-        this.navigateToRelated.emit({
+        this.NavigateToRelated.emit({
             entityName: relEntity.relatedEntityName,
             filter: `${relEntity.relationship.RelatedEntityJoinField}='${pkValue}'`
         });
     }
+    /** @deprecated Use {@link OnViewAllRelated}. */
+    onViewAllRelated(relEntity, event) {
+        return this.OnViewAllRelated(relEntity, event);
+    }
     /**
      * Get display name for a related record
      */
-    getRelatedRecordDisplayName(relEntity, record) {
+    GetRelatedRecordDisplayName(relEntity, record) {
         const entityInfo = this.metadata.Entities.find(e => e.Name === relEntity.relatedEntityName);
         if (entityInfo?.NameField) {
             const name = record[entityInfo.NameField.Name];
@@ -978,14 +1136,18 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
                 return String(name);
         }
         if (entityInfo) {
-            return buildPkString(record, entityInfo);
+            return BuildPkString(record, entityInfo);
         }
         return 'Record';
     }
+    /** @deprecated Use {@link GetRelatedRecordDisplayName}. */
+    getRelatedRecordDisplayName(relEntity, record) {
+        return this.GetRelatedRecordDisplayName(relEntity, record);
+    }
     /**
      * Get subtitle/secondary info for a related record
      */
-    getRelatedRecordSubtitle(relEntity, record) {
+    GetRelatedRecordSubtitle(relEntity, record) {
         const entityInfo = this.metadata.Entities.find(e => e.Name === relEntity.relatedEntityName);
         if (!entityInfo)
             return '';
@@ -996,37 +1158,53 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
             if (field) {
                 const value = record[field.Name];
                 if (value !== null && value !== undefined) {
-                    return this.formatFieldValue(value, field.Name);
+                    return this.formatFieldValue(value, field);
                 }
             }
         }
         return '';
     }
+    /** @deprecated Use {@link GetRelatedRecordSubtitle}. */
+    getRelatedRecordSubtitle(relEntity, record) {
+        return this.GetRelatedRecordSubtitle(relEntity, record);
+    }
     /**
      * Get only related entities that have records (count > 0)
      */
+    get RelatedEntitiesWithRecords() {
+        return this.RelatedEntities.filter(r => r.count > 0);
+    }
+    /** @deprecated Use {@link RelatedEntitiesWithRecords}. */
     get relatedEntitiesWithRecords() {
-        return this.relatedEntities.filter(r => r.count > 0);
+        return this.RelatedEntitiesWithRecords;
     }
     /**
      * Get icon for related entity by looking up EntityInfo from Metadata
      */
-    getRelatedEntityIcon(relEntity) {
+    GetRelatedEntityIcon(relEntity) {
         const entityInfo = this.metadata.Entities.find(e => e.Name === relEntity.relatedEntityName);
         if (entityInfo?.Icon) {
             return this.formatEntityIcon(entityInfo.Icon);
         }
         return 'fa-solid fa-table';
     }
+    /** @deprecated Use {@link GetRelatedEntityIcon}. */
+    getRelatedEntityIcon(relEntity) {
+        return this.GetRelatedEntityIcon(relEntity);
+    }
     /**
      * Get the icon class for the current entity
      */
-    getEntityIconClass() {
+    GetEntityIconClass() {
         if (!this.entity?.Icon) {
             return 'fa-solid fa-table';
         }
         return this.formatEntityIcon(this.entity.Icon);
     }
+    /** @deprecated Use {@link GetEntityIconClass}. */
+    getEntityIconClass() {
+        return this.GetEntityIconClass();
+    }
     /**
      * Format entity icon to ensure proper Font Awesome class format
      */
@@ -1049,7 +1227,7 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
         return `fa-solid fa-${icon}`;
     }
     static ɵfac = function EntityRecordDetailPanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || EntityRecordDetailPanelComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityRecordDetailPanelComponent, selectors: [["mj-entity-record-detail-panel"]], inputs: { entity: "entity", record: "record" }, outputs: { close: "close", openRecord: "openRecord", navigateToRelated: "navigateToRelated", openRelatedRecord: "openRelatedRecord", openForeignKeyRecord: "openForeignKeyRecord" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 24, vars: 9, consts: [[1, "entity-record-card-container"], [1, "panel-header"], [1, "panel-title-row"], [1, "entity-icon", 3, "class"], [1, "panel-title"], ["title", "Close", "aria-label", "Close panel", 1, "close-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "panel-content"], [3, "ExpandedChange", "Expanded", "TitleIconMuted"], ["mjAccordionTitle", ""], ["Size", "compact", "Icon", "fa-solid fa-circle-info", "Title", "No details available"], [1, "relationships-loading"], ["Size", "compact", "Icon", "fa-solid fa-diagram-project", "Title", "No related records"], [3, "Expanded", "TitleIconMuted"], [1, "panel-footer"], [1, "open-record-btn", 3, "click"], [1, "fa-solid", "fa-external-link-alt"], [1, "entity-icon"], [1, "fa-solid", "fa-info-circle"], [1, "field-row", "field-row-pk"], [1, "field-row", "field-row-fk"], [1, "field-row"], [1, "pk-row"], [1, "fa-solid", "fa-key", "pk-icon"], [1, "field-label"], ["title", "Copy ID", 1, "copy-btn", 3, "click"], [1, "fa-solid", "fa-copy"], [1, "fk-value-row"], [1, "field-value", "fk-display-value"], [1, "field-value", "fk-id-value"], [1, "fk-link-btn", 3, "title"], [1, "fk-link-btn", 3, "click", "title"], [3, "value"], [1, "field-value"], [1, "fa-solid", "fa-project-diagram"], ["text", "Loading related records...", "size", "small"], [1, "related-entity-group", 3, "expanded"], [1, "related-entity-group"], [1, "related-entity-header", 3, "click"], [1, "fa-solid", "expand-chevron"], [1, "related-entity-name"], [1, "related-entity-count"], [1, "related-records-list"], [1, "records-loading"], ["text", "Loading...", "size", "small"], [1, "related-record-item"], [1, "view-all-link"], [1, "related-record-item", 3, "click"], [1, "record-info"], [1, "record-name"], [1, "record-subtitle"], [1, "fa-solid", "fa-external-link-alt", "record-open-icon"], [1, "view-all-link", 3, "click"], [1, "fa-solid", "fa-arrow-right"], ["Size", "compact", "Icon", "fa-solid fa-link", "Title", "No organic key matches"], [1, "fa-solid", "fa-link"], ["text", "Loading organic key matches...", "size", "small"]], template: function EntityRecordDetailPanelComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityRecordDetailPanelComponent, selectors: [["mj-entity-record-detail-panel"]], inputs: { entity: "entity", record: "record" }, outputs: { close: "close", OpenRecord: "OpenRecord", openRecord: "openRecord", NavigateToRelated: "NavigateToRelated", navigateToRelated: "navigateToRelated", OpenRelatedRecord: "OpenRelatedRecord", openRelatedRecord: "openRelatedRecord", OpenForeignKeyRecord: "OpenForeignKeyRecord", openForeignKeyRecord: "openForeignKeyRecord" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 24, vars: 9, consts: [[1, "entity-record-card-container"], [1, "panel-header"], [1, "panel-title-row"], [1, "entity-icon", 3, "class"], [1, "panel-title"], ["title", "Close", "aria-label", "Close panel", 1, "close-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "panel-content"], [3, "ExpandedChange", "Expanded", "TitleIconMuted"], ["mjAccordionTitle", ""], ["Size", "compact", "Icon", "fa-solid fa-circle-info", "Title", "No details available"], [1, "relationships-loading"], ["Size", "compact", "Icon", "fa-solid fa-diagram-project", "Title", "No related records"], [3, "Expanded", "TitleIconMuted"], [1, "panel-footer"], [1, "open-record-btn", 3, "click"], [1, "fa-solid", "fa-external-link-alt"], [1, "entity-icon"], [1, "fa-solid", "fa-info-circle"], [1, "field-row", "field-row-pk"], [1, "field-row", "field-row-fk"], [1, "field-row"], [1, "pk-row"], [1, "fa-solid", "fa-key", "pk-icon"], [1, "field-label"], ["title", "Copy ID", 1, "copy-btn", 3, "click"], [1, "fa-solid", "fa-copy"], [1, "fk-value-row"], [1, "field-value", "fk-display-value"], [1, "field-value", "fk-id-value"], [1, "fk-link-btn", 3, "title"], [1, "fk-link-btn", 3, "click", "title"], [3, "value"], [1, "field-value"], [1, "fa-solid", "fa-project-diagram"], ["text", "Loading related records...", "size", "small"], [1, "related-entity-group", 3, "expanded"], [1, "related-entity-group"], [1, "related-entity-header", 3, "click"], [1, "fa-solid", "expand-chevron"], [1, "related-entity-name"], [1, "related-entity-count"], [1, "related-records-list"], [1, "records-loading"], ["text", "Loading...", "size", "small"], [1, "related-record-item"], [1, "view-all-link"], [1, "related-record-item", 3, "click"], [1, "record-info"], [1, "record-name"], [1, "record-subtitle"], [1, "fa-solid", "fa-external-link-alt", "record-open-icon"], [1, "view-all-link", 3, "click"], [1, "fa-solid", "fa-arrow-right"], ["Size", "compact", "Icon", "fa-solid fa-link", "Title", "No organic key matches"], [1, "fa-solid", "fa-link"], ["text", "Loading organic key matches...", "size", "small"]], template: function EntityRecordDetailPanelComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
             i0.ɵɵconditionalCreate(3, EntityRecordDetailPanelComponent_Conditional_3_Template, 1, 2, "i", 3);
             i0.ɵɵelementStart(4, "h3", 4);
@@ -1107,12 +1285,20 @@ export class EntityRecordDetailPanelComponent extends BaseAngularComponent {
             type: Input
         }], close: [{
             type: Output
+        }], OpenRecord: [{
+            type: Output
         }], openRecord: [{
             type: Output
+        }], NavigateToRelated: [{
+            type: Output
         }], navigateToRelated: [{
             type: Output
+        }], OpenRelatedRecord: [{
+            type: Output
         }], openRelatedRecord: [{
             type: Output
+        }], OpenForeignKeyRecord: [{
+            type: Output
         }], openForeignKeyRecord: [{
             type: Output
         }] }); })();