@memberjunction/ng-versions 5.42.0 → 5.44.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/label-create/label-create.component.js +56 -59
- package/dist/lib/label-create/label-create.component.js.map +1 -1
- package/dist/lib/label-detail/label-detail.component.js +134 -150
- package/dist/lib/label-detail/label-detail.component.js.map +1 -1
- package/dist/lib/record-micro-view/record-micro-view.component.js +6 -7
- package/dist/lib/record-micro-view/record-micro-view.component.js.map +1 -1
- package/dist/lib/versions.module.d.ts +2 -1
- package/dist/lib/versions.module.d.ts.map +1 -1
- package/dist/lib/versions.module.js +10 -3
- package/dist/lib/versions.module.js.map +1 -1
- package/package.json +9 -7
- package/dist/__tests__/index.test.d.ts +0 -2
- package/dist/__tests__/index.test.d.ts.map +0 -1
- package/dist/__tests__/index.test.js +0 -7
- package/dist/__tests__/index.test.js.map +0 -1
- package/dist/__tests__/types.test.d.ts +0 -2
- package/dist/__tests__/types.test.d.ts.map +0 -1
- package/dist/__tests__/types.test.js +0 -57
- package/dist/__tests__/types.test.js.map +0 -1
|
@@ -5,6 +5,7 @@ import { BaseAngularComponent } from '@memberjunction/ng-base-types';
|
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
import * as i1 from "@angular/common";
|
|
7
7
|
import * as i2 from "@memberjunction/ng-shared-generic";
|
|
8
|
+
import * as i3 from "@memberjunction/ng-ui-components";
|
|
8
9
|
function MjRecordMicroViewComponent_Conditional_0_ng_container_2_Template(rf, ctx) { if (rf & 1) {
|
|
9
10
|
i0.ɵɵelementContainer(0);
|
|
10
11
|
} }
|
|
@@ -308,9 +309,7 @@ function MjRecordMicroViewComponent_ng_template_2_Conditional_5_Template(rf, ctx
|
|
|
308
309
|
i0.ɵɵrepeater(ctx_r1.VisibleFields);
|
|
309
310
|
} }
|
|
310
311
|
function MjRecordMicroViewComponent_ng_template_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
311
|
-
i0.ɵɵ
|
|
312
|
-
i0.ɵɵtext(2, "No field data available.");
|
|
313
|
-
i0.ɵɵelementEnd()();
|
|
312
|
+
i0.ɵɵelement(0, "mj-empty-state", 11);
|
|
314
313
|
} }
|
|
315
314
|
function MjRecordMicroViewComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
|
|
316
315
|
i0.ɵɵconditionalCreate(0, MjRecordMicroViewComponent_ng_template_2_Conditional_0_Template, 17, 5, "div", 5);
|
|
@@ -319,7 +318,7 @@ function MjRecordMicroViewComponent_ng_template_2_Template(rf, ctx) { if (rf & 1
|
|
|
319
318
|
i0.ɵɵconditionalCreate(3, MjRecordMicroViewComponent_ng_template_2_Conditional_3_Template, 1, 0, "mj-loading", 8);
|
|
320
319
|
i0.ɵɵconditionalCreate(4, MjRecordMicroViewComponent_ng_template_2_Conditional_4_Template, 4, 1, "div", 9);
|
|
321
320
|
i0.ɵɵconditionalCreate(5, MjRecordMicroViewComponent_ng_template_2_Conditional_5_Template, 9, 3, "div", 10);
|
|
322
|
-
i0.ɵɵconditionalCreate(6, MjRecordMicroViewComponent_ng_template_2_Conditional_6_Template,
|
|
321
|
+
i0.ɵɵconditionalCreate(6, MjRecordMicroViewComponent_ng_template_2_Conditional_6_Template, 1, 0, "mj-empty-state", 11);
|
|
323
322
|
i0.ɵɵelementEnd();
|
|
324
323
|
} if (rf & 2) {
|
|
325
324
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -796,7 +795,7 @@ export class MjRecordMicroViewComponent extends BaseAngularComponent {
|
|
|
796
795
|
static ɵfac = function MjRecordMicroViewComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MjRecordMicroViewComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
|
|
797
796
|
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MjRecordMicroViewComponent, selectors: [["mj-record-micro-view"]], hostBindings: function MjRecordMicroViewComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
798
797
|
i0.ɵɵlistener("keydown.escape", function MjRecordMicroViewComponent_keydown_escape_HostBindingHandler() { return ctx.OnEscapeKey(); }, i0.ɵɵresolveDocument);
|
|
799
|
-
} }, inputs: { Data: "Data", Inline: "Inline" }, outputs: { Close: "Close", EntityLinkClick: "EntityLinkClick", OpenRecord: "OpenRecord" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 2, consts: [["microContent", ""], [1, "micro-inline"], [1, "micro-backdrop", 3, "click"], [1, "micro-panel"], [4, "ngTemplateOutlet"], [1, "micro-header"], [1, "micro-inline-header"], [1, "micro-content"], ["text", "Loading record data..."], [1, "micro-error"], [1, "micro-fields"], [1, "micro-empty"], [1, "micro-header-info"], [1, "micro-entity"], [1, "micro-entity-icon"], [1, "micro-record-name"], [1, "micro-record-id"], [1, "fa-solid", "fa-fingerprint"], [1, "micro-header-actions"], ["title", "Open this record", 1, "micro-open-btn", 3, "click"], [1, "fa-solid", "fa-arrow-up-right-from-square"], [1, "micro-close", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "micro-header-left"], [1, "fa-solid", "fa-circle-exclamation"], [1, "micro-toolbar"], [1, "micro-field-header"], [1, "mf-col-name"], [1, "mf-col-value"], [1, "micro-field-row", 3, "odd", "ngClass"], [1, "null-toggle"], ["type", "checkbox", 3, "change", "checked"], [1, "null-toggle-label"], [1, "mf-col-old"], [1, "mf-col-new"], [1, "micro-field-row", 3, "ngClass"], [1, "mf-col-name", 3, "title"], [1, "mf-type-icon"], [1, "mf-field-name"], [1, "mf-col-value", 3, "title"], [1, "mf-fk-link", 3, "title"], [1, "mf-json-value"], [1, "mf-bool-icon"], [1, "mf-bool-label"], [1, "mf-fk-link", 3, "click", "title"], [1, "mf-fk-id"], [1, "fa-solid", "fa-arrow-up-right-from-square", "mf-fk-icon"], [1, "mf-col-old", 3, "title"], [1, "mf-col-new", 3, "title"]], template: function MjRecordMicroViewComponent_Template(rf, ctx) { if (rf & 1) {
|
|
798
|
+
} }, inputs: { Data: "Data", Inline: "Inline" }, outputs: { Close: "Close", EntityLinkClick: "EntityLinkClick", OpenRecord: "OpenRecord" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 2, consts: [["microContent", ""], [1, "micro-inline"], [1, "micro-backdrop", 3, "click"], [1, "micro-panel"], [4, "ngTemplateOutlet"], [1, "micro-header"], [1, "micro-inline-header"], [1, "micro-content"], ["text", "Loading record data..."], [1, "micro-error"], [1, "micro-fields"], ["Size", "compact", "Icon", "", "Title", "No field data available.", 1, "micro-empty"], [1, "micro-header-info"], [1, "micro-entity"], [1, "micro-entity-icon"], [1, "micro-record-name"], [1, "micro-record-id"], [1, "fa-solid", "fa-fingerprint"], [1, "micro-header-actions"], ["title", "Open this record", 1, "micro-open-btn", 3, "click"], [1, "fa-solid", "fa-arrow-up-right-from-square"], [1, "micro-close", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "micro-header-left"], [1, "fa-solid", "fa-circle-exclamation"], [1, "micro-toolbar"], [1, "micro-field-header"], [1, "mf-col-name"], [1, "mf-col-value"], [1, "micro-field-row", 3, "odd", "ngClass"], [1, "null-toggle"], ["type", "checkbox", 3, "change", "checked"], [1, "null-toggle-label"], [1, "mf-col-old"], [1, "mf-col-new"], [1, "micro-field-row", 3, "ngClass"], [1, "mf-col-name", 3, "title"], [1, "mf-type-icon"], [1, "mf-field-name"], [1, "mf-col-value", 3, "title"], [1, "mf-fk-link", 3, "title"], [1, "mf-json-value"], [1, "mf-bool-icon"], [1, "mf-bool-label"], [1, "mf-fk-link", 3, "click", "title"], [1, "mf-fk-id"], [1, "fa-solid", "fa-arrow-up-right-from-square", "mf-fk-icon"], [1, "mf-col-old", 3, "title"], [1, "mf-col-new", 3, "title"]], template: function MjRecordMicroViewComponent_Template(rf, ctx) { if (rf & 1) {
|
|
800
799
|
i0.ɵɵconditionalCreate(0, MjRecordMicroViewComponent_Conditional_0_Template, 3, 5);
|
|
801
800
|
i0.ɵɵconditionalCreate(1, MjRecordMicroViewComponent_Conditional_1_Template, 2, 1, "div", 1);
|
|
802
801
|
i0.ɵɵtemplate(2, MjRecordMicroViewComponent_ng_template_2_Template, 7, 8, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
|
|
@@ -804,11 +803,11 @@ export class MjRecordMicroViewComponent extends BaseAngularComponent {
|
|
|
804
803
|
i0.ɵɵconditional(!ctx.Inline ? 0 : -1);
|
|
805
804
|
i0.ɵɵadvance();
|
|
806
805
|
i0.ɵɵconditional(ctx.Inline ? 1 : -1);
|
|
807
|
-
} }, dependencies: [i1.NgClass, i1.NgTemplateOutlet, i2.LoadingComponent, i1.SlicePipe], styles: ["\n\n\n\n\n\n\n.micro-backdrop[_ngcontent-%COMP%] {\n position: fixed;\n inset: 0;\n background: transparent;\n z-index: 1100;\n transition: background 0.25s ease;\n pointer-events: none;\n}\n\n.micro-backdrop.visible[_ngcontent-%COMP%] {\n background: var(--mj-bg-overlay);\n pointer-events: auto;\n}\n\n.micro-panel[_ngcontent-%COMP%] {\n position: fixed;\n top: 0;\n right: 0;\n width: 480px;\n max-width: 90vw;\n height: 100vh;\n background: var(--mj-bg-surface);\n box-shadow: var(--mj-shadow-lg);\n z-index: 1101;\n display: flex;\n flex-direction: column;\n transform: translateX(100%);\n transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.micro-panel.visible[_ngcontent-%COMP%] {\n transform: translateX(0);\n}\n\n\n\n\n\n\n\n\n.micro-inline[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\n.micro-inline-header[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n padding: 16px 24px;\n border-bottom: 1px solid var(--mj-border-default);\n flex-shrink: 0;\n}\n\n.micro-header-left[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 4px;\n min-width: 0;\n}\n\n.micro-content-inline[_ngcontent-%COMP%] {\n padding: 0;\n}\n\n\n\n\n\n\n\n\n.micro-header[_ngcontent-%COMP%] {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n padding: 16px 20px;\n border-bottom: 1px solid var(--mj-border-default);\n flex-shrink: 0;\n}\n\n.micro-header-info[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 6px;\n min-width: 0;\n}\n\n.micro-header-actions[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-shrink: 0;\n}\n\n.micro-entity[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 15px;\n font-weight: 600;\n color: var(--mj-text-primary);\n}\n\n.micro-entity-icon[_ngcontent-%COMP%] {\n color: var(--mj-brand-primary);\n}\n\n\n\n.micro-record-name[_ngcontent-%COMP%] {\n color: var(--mj-brand-primary);\n font-weight: 700;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.micro-record-id[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 12px;\n color: var(--mj-text-disabled);\n font-family: 'SF Mono', 'Fira Code', monospace;\n}\n\n.micro-record-id[_ngcontent-%COMP%] i[_ngcontent-%COMP%] {\n font-size: 11px;\n}\n\n\n\n.micro-open-btn[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n padding: 6px 12px;\n background: var(--mj-bg-surface);\n border: 1px solid var(--mj-border-default);\n border-radius: 6px;\n color: var(--mj-brand-primary);\n font-size: 12px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.15s ease;\n white-space: nowrap;\n flex-shrink: 0;\n}\n\n.micro-open-btn[_ngcontent-%COMP%]:hover {\n background: var(--mj-brand-primary);\n color: var(--mj-text-inverse);\n border-color: var(--mj-brand-primary);\n}\n\n.micro-open-btn[_ngcontent-%COMP%] i[_ngcontent-%COMP%] {\n font-size: 11px;\n}\n\n.micro-close[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n background: none;\n border: none;\n border-radius: 6px;\n color: var(--mj-text-secondary);\n cursor: pointer;\n transition: all 0.15s ease;\n font-size: 14px;\n flex-shrink: 0;\n}\n\n.micro-close[_ngcontent-%COMP%]:hover {\n background: var(--mj-bg-surface-sunken);\n color: var(--mj-text-primary);\n}\n\n\n\n\n\n\n\n\n.micro-content[_ngcontent-%COMP%] {\n flex: 1;\n overflow-y: auto;\n padding: 16px 0;\n}\n\n.micro-error[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 12px 20px;\n margin: 0 20px;\n background: color-mix(in srgb, var(--mj-status-error) 6%, var(--mj-bg-surface));\n border: 1px solid color-mix(in srgb, var(--mj-status-error) 15%, transparent);\n border-radius: 8px;\n font-size: 13px;\n color: var(--mj-status-error);\n}\n\n\n\n.micro-toolbar[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n padding: 8px 20px;\n border-bottom: 1px solid var(--mj-border-default);\n}\n\n.null-toggle[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 6px;\n cursor: pointer;\n font-size: 12px;\n color: var(--mj-text-secondary);\n user-select: none;\n}\n\n.null-toggle[_ngcontent-%COMP%] input[type=\"checkbox\"][_ngcontent-%COMP%] {\n width: 14px;\n height: 14px;\n accent-color: var(--mj-brand-primary);\n cursor: pointer;\n}\n\n.null-toggle-label[_ngcontent-%COMP%] {\n font-weight: 500;\n}\n\n\n\n.micro-fields[_ngcontent-%COMP%] {\n font-size: 13px;\n}\n\n.micro-field-header[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: 180px 1fr;\n padding: 8px 20px;\n font-size: 11px;\n font-weight: 600;\n color: var(--mj-text-disabled);\n text-transform: uppercase;\n letter-spacing: 0.04em;\n border-bottom: 1px solid var(--mj-border-default);\n position: sticky;\n top: 0;\n background: var(--mj-bg-surface);\n z-index: 1;\n}\n\n.micro-field-header[_ngcontent-%COMP%]:has(.mf-col-old) {\n grid-template-columns: 160px 1fr 1fr;\n}\n\n.micro-field-row[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: 180px 1fr;\n padding: 7px 20px;\n align-items: baseline;\n border-bottom: 1px solid var(--mj-border-default);\n transition: background 0.1s ease;\n}\n\n.micro-field-row[_ngcontent-%COMP%]:hover {\n background: var(--mj-bg-surface-card);\n}\n\n.micro-field-row.odd[_ngcontent-%COMP%] {\n background: var(--mj-bg-surface-card);\n}\n\n.micro-field-row.odd[_ngcontent-%COMP%]:hover {\n background: var(--mj-bg-surface-sunken);\n}\n\n\n\n.micro-field-row.diff-added[_ngcontent-%COMP%] {\n background: color-mix(in srgb, var(--mj-status-success) 4%, var(--mj-bg-surface)) !important;\n border-left: 3px solid var(--mj-status-success);\n}\n\n.micro-field-row.diff-modified[_ngcontent-%COMP%] {\n background: color-mix(in srgb, var(--mj-status-warning) 4%, var(--mj-bg-surface)) !important;\n border-left: 3px solid var(--mj-status-warning);\n}\n\n.micro-field-row.diff-removed[_ngcontent-%COMP%] {\n background: color-mix(in srgb, var(--mj-status-error) 4%, var(--mj-bg-surface)) !important;\n border-left: 3px solid var(--mj-status-error);\n}\n\n.micro-field-row[_ngcontent-%COMP%]:has(.mf-col-old) {\n grid-template-columns: 160px 1fr 1fr;\n}\n\n.mf-col-name[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 6px;\n overflow: hidden;\n cursor: default;\n}\n\n.mf-type-icon[_ngcontent-%COMP%] {\n color: var(--mj-border-strong);\n font-size: 11px;\n width: 14px;\n text-align: center;\n flex-shrink: 0;\n}\n\n.mf-field-name[_ngcontent-%COMP%] {\n font-weight: 500;\n color: var(--mj-text-primary);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.mf-col-value[_ngcontent-%COMP%], \n.mf-col-old[_ngcontent-%COMP%], \n.mf-col-new[_ngcontent-%COMP%] {\n color: var(--mj-text-secondary);\n word-break: break-word;\n line-height: 1.4;\n font-family: 'SF Mono', 'Fira Code', monospace;\n font-size: 12px;\n}\n\n.mf-col-old[_ngcontent-%COMP%] {\n color: var(--mj-status-error);\n opacity: 0.7;\n text-decoration: line-through;\n}\n\n.mf-col-new[_ngcontent-%COMP%] {\n color: var(--mj-status-success);\n}\n\n\n\n\n\n\n\n\n.mf-bool-icon[_ngcontent-%COMP%] {\n font-size: 14px;\n vertical-align: middle;\n}\n\n.mf-bool-true[_ngcontent-%COMP%] {\n color: var(--mj-status-success);\n}\n\n.mf-bool-false[_ngcontent-%COMP%] {\n color: var(--mj-border-strong);\n}\n\n.mf-bool-label[_ngcontent-%COMP%] {\n margin-left: 6px;\n font-family: inherit;\n font-size: 12px;\n color: var(--mj-text-secondary);\n}\n\n\n\n\n\n\n\n\n.mf-fk-link[_ngcontent-%COMP%] {\n color: var(--mj-brand-primary);\n cursor: pointer;\n text-decoration: none;\n font-family: inherit;\n font-size: inherit;\n transition: color 0.15s ease;\n display: inline-flex;\n align-items: center;\n gap: 4px;\n}\n\n.mf-fk-link[_ngcontent-%COMP%]:hover {\n color: var(--mj-brand-primary-hover);\n text-decoration: underline;\n}\n\n.mf-fk-id[_ngcontent-%COMP%] {\n color: var(--mj-text-disabled);\n font-size: 10px;\n font-family: 'SF Mono', 'Fira Code', monospace;\n}\n\n.mf-fk-icon[_ngcontent-%COMP%] {\n font-size: 9px;\n opacity: 0.6;\n transition: opacity 0.15s ease;\n}\n\n.mf-fk-link[_ngcontent-%COMP%]:hover .mf-fk-icon[_ngcontent-%COMP%] {\n opacity: 1;\n}\n\n\n\n\n\n\n\n\n.mf-json-value[_ngcontent-%COMP%] {\n margin: 0;\n padding: 8px 10px;\n background: var(--mj-bg-surface-card);\n border: 1px solid var(--mj-border-default);\n border-radius: 6px;\n font-family: 'SF Mono', 'Fira Code', monospace;\n font-size: 11px;\n line-height: 1.5;\n color: var(--mj-text-secondary);\n white-space: pre-wrap;\n word-break: break-word;\n max-height: 200px;\n overflow-y: auto;\n}\n\n\n\n.micro-empty[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 40px 20px;\n}\n\n.micro-empty[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n font-size: 14px;\n color: var(--mj-text-disabled);\n margin: 0;\n}\n\n\n\n\n\n\n\n\n.micro-inline[_ngcontent-%COMP%] .micro-field-header[_ngcontent-%COMP%], \n.micro-inline[_ngcontent-%COMP%] .micro-field-row[_ngcontent-%COMP%] {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.micro-inline[_ngcontent-%COMP%] .micro-toolbar[_ngcontent-%COMP%] {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n@media (max-width: 600px) {\n .micro-field-header[_ngcontent-%COMP%], \n .micro-field-row[_ngcontent-%COMP%] {\n grid-template-columns: 120px 1fr;\n }\n\n .micro-field-header[_ngcontent-%COMP%]:has(.mf-col-old), \n .micro-field-row[_ngcontent-%COMP%]:has(.mf-col-old) {\n grid-template-columns: 100px 1fr 1fr;\n }\n\n .micro-record-name[_ngcontent-%COMP%] {\n max-width: 120px;\n }\n}"], changeDetection: 0 });
|
|
806
|
+
} }, dependencies: [i1.NgClass, i1.NgTemplateOutlet, i2.LoadingComponent, i3.MJEmptyStateComponent, i1.SlicePipe], styles: ["\n\n\n\n\n\n\n.micro-backdrop[_ngcontent-%COMP%] {\n position: fixed;\n inset: 0;\n background: transparent;\n z-index: 1100;\n transition: background 0.25s ease;\n pointer-events: none;\n}\n\n.micro-backdrop.visible[_ngcontent-%COMP%] {\n background: var(--mj-bg-overlay);\n pointer-events: auto;\n}\n\n.micro-panel[_ngcontent-%COMP%] {\n position: fixed;\n top: 0;\n right: 0;\n width: 480px;\n max-width: 90vw;\n height: 100vh;\n background: var(--mj-bg-surface);\n box-shadow: var(--mj-shadow-lg);\n z-index: 1101;\n display: flex;\n flex-direction: column;\n transform: translateX(100%);\n transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.micro-panel.visible[_ngcontent-%COMP%] {\n transform: translateX(0);\n}\n\n\n\n\n\n\n\n\n.micro-inline[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\n.micro-inline-header[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n padding: 16px 24px;\n border-bottom: 1px solid var(--mj-border-default);\n flex-shrink: 0;\n}\n\n.micro-header-left[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 4px;\n min-width: 0;\n}\n\n.micro-content-inline[_ngcontent-%COMP%] {\n padding: 0;\n}\n\n\n\n\n\n\n\n\n.micro-header[_ngcontent-%COMP%] {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n padding: 16px 20px;\n border-bottom: 1px solid var(--mj-border-default);\n flex-shrink: 0;\n}\n\n.micro-header-info[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 6px;\n min-width: 0;\n}\n\n.micro-header-actions[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-shrink: 0;\n}\n\n.micro-entity[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 15px;\n font-weight: 600;\n color: var(--mj-text-primary);\n}\n\n.micro-entity-icon[_ngcontent-%COMP%] {\n color: var(--mj-brand-primary);\n}\n\n\n\n.micro-record-name[_ngcontent-%COMP%] {\n color: var(--mj-brand-primary);\n font-weight: 700;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.micro-record-id[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 12px;\n color: var(--mj-text-disabled);\n font-family: 'SF Mono', 'Fira Code', monospace;\n}\n\n.micro-record-id[_ngcontent-%COMP%] i[_ngcontent-%COMP%] {\n font-size: 11px;\n}\n\n\n\n.micro-open-btn[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n padding: 6px 12px;\n background: var(--mj-bg-surface);\n border: 1px solid var(--mj-border-default);\n border-radius: 6px;\n color: var(--mj-brand-primary);\n font-size: 12px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.15s ease;\n white-space: nowrap;\n flex-shrink: 0;\n}\n\n.micro-open-btn[_ngcontent-%COMP%]:hover {\n background: var(--mj-brand-primary);\n color: var(--mj-text-inverse);\n border-color: var(--mj-brand-primary);\n}\n\n.micro-open-btn[_ngcontent-%COMP%] i[_ngcontent-%COMP%] {\n font-size: 11px;\n}\n\n.micro-close[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n background: none;\n border: none;\n border-radius: 6px;\n color: var(--mj-text-secondary);\n cursor: pointer;\n transition: all 0.15s ease;\n font-size: 14px;\n flex-shrink: 0;\n}\n\n.micro-close[_ngcontent-%COMP%]:hover {\n background: var(--mj-bg-surface-sunken);\n color: var(--mj-text-primary);\n}\n\n\n\n\n\n\n\n\n.micro-content[_ngcontent-%COMP%] {\n flex: 1;\n overflow-y: auto;\n padding: 16px 0;\n}\n\n.micro-error[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 12px 20px;\n margin: 0 20px;\n background: color-mix(in srgb, var(--mj-status-error) 6%, var(--mj-bg-surface));\n border: 1px solid color-mix(in srgb, var(--mj-status-error) 15%, transparent);\n border-radius: 8px;\n font-size: 13px;\n color: var(--mj-status-error);\n}\n\n\n\n.micro-toolbar[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n padding: 8px 20px;\n border-bottom: 1px solid var(--mj-border-default);\n}\n\n.null-toggle[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 6px;\n cursor: pointer;\n font-size: 12px;\n color: var(--mj-text-secondary);\n user-select: none;\n}\n\n.null-toggle[_ngcontent-%COMP%] input[type=\"checkbox\"][_ngcontent-%COMP%] {\n width: 14px;\n height: 14px;\n accent-color: var(--mj-brand-primary);\n cursor: pointer;\n}\n\n.null-toggle-label[_ngcontent-%COMP%] {\n font-weight: 500;\n}\n\n\n\n.micro-fields[_ngcontent-%COMP%] {\n font-size: 13px;\n}\n\n.micro-field-header[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: 180px 1fr;\n padding: 8px 20px;\n font-size: 11px;\n font-weight: 600;\n color: var(--mj-text-disabled);\n text-transform: uppercase;\n letter-spacing: 0.04em;\n border-bottom: 1px solid var(--mj-border-default);\n position: sticky;\n top: 0;\n background: var(--mj-bg-surface);\n z-index: 1;\n}\n\n.micro-field-header[_ngcontent-%COMP%]:has(.mf-col-old) {\n grid-template-columns: 160px 1fr 1fr;\n}\n\n.micro-field-row[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: 180px 1fr;\n padding: 7px 20px;\n align-items: baseline;\n border-bottom: 1px solid var(--mj-border-default);\n transition: background 0.1s ease;\n}\n\n.micro-field-row[_ngcontent-%COMP%]:hover {\n background: var(--mj-bg-surface-card);\n}\n\n.micro-field-row.odd[_ngcontent-%COMP%] {\n background: var(--mj-bg-surface-card);\n}\n\n.micro-field-row.odd[_ngcontent-%COMP%]:hover {\n background: var(--mj-bg-surface-sunken);\n}\n\n\n\n.micro-field-row.diff-added[_ngcontent-%COMP%] {\n background: color-mix(in srgb, var(--mj-status-success) 4%, var(--mj-bg-surface)) !important;\n border-left: 3px solid var(--mj-status-success);\n}\n\n.micro-field-row.diff-modified[_ngcontent-%COMP%] {\n background: color-mix(in srgb, var(--mj-status-warning) 4%, var(--mj-bg-surface)) !important;\n border-left: 3px solid var(--mj-status-warning);\n}\n\n.micro-field-row.diff-removed[_ngcontent-%COMP%] {\n background: color-mix(in srgb, var(--mj-status-error) 4%, var(--mj-bg-surface)) !important;\n border-left: 3px solid var(--mj-status-error);\n}\n\n.micro-field-row[_ngcontent-%COMP%]:has(.mf-col-old) {\n grid-template-columns: 160px 1fr 1fr;\n}\n\n.mf-col-name[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 6px;\n overflow: hidden;\n cursor: default;\n}\n\n.mf-type-icon[_ngcontent-%COMP%] {\n color: var(--mj-border-strong);\n font-size: 11px;\n width: 14px;\n text-align: center;\n flex-shrink: 0;\n}\n\n.mf-field-name[_ngcontent-%COMP%] {\n font-weight: 500;\n color: var(--mj-text-primary);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.mf-col-value[_ngcontent-%COMP%], \n.mf-col-old[_ngcontent-%COMP%], \n.mf-col-new[_ngcontent-%COMP%] {\n color: var(--mj-text-secondary);\n word-break: break-word;\n line-height: 1.4;\n font-family: 'SF Mono', 'Fira Code', monospace;\n font-size: 12px;\n}\n\n.mf-col-old[_ngcontent-%COMP%] {\n color: var(--mj-status-error);\n opacity: 0.7;\n text-decoration: line-through;\n}\n\n.mf-col-new[_ngcontent-%COMP%] {\n color: var(--mj-status-success);\n}\n\n\n\n\n\n\n\n\n.mf-bool-icon[_ngcontent-%COMP%] {\n font-size: 14px;\n vertical-align: middle;\n}\n\n.mf-bool-true[_ngcontent-%COMP%] {\n color: var(--mj-status-success);\n}\n\n.mf-bool-false[_ngcontent-%COMP%] {\n color: var(--mj-border-strong);\n}\n\n.mf-bool-label[_ngcontent-%COMP%] {\n margin-left: 6px;\n font-family: inherit;\n font-size: 12px;\n color: var(--mj-text-secondary);\n}\n\n\n\n\n\n\n\n\n.mf-fk-link[_ngcontent-%COMP%] {\n color: var(--mj-brand-primary);\n cursor: pointer;\n text-decoration: none;\n font-family: inherit;\n font-size: inherit;\n transition: color 0.15s ease;\n display: inline-flex;\n align-items: center;\n gap: 4px;\n}\n\n.mf-fk-link[_ngcontent-%COMP%]:hover {\n color: var(--mj-brand-primary-hover);\n text-decoration: underline;\n}\n\n.mf-fk-id[_ngcontent-%COMP%] {\n color: var(--mj-text-disabled);\n font-size: 10px;\n font-family: 'SF Mono', 'Fira Code', monospace;\n}\n\n.mf-fk-icon[_ngcontent-%COMP%] {\n font-size: 9px;\n opacity: 0.6;\n transition: opacity 0.15s ease;\n}\n\n.mf-fk-link[_ngcontent-%COMP%]:hover .mf-fk-icon[_ngcontent-%COMP%] {\n opacity: 1;\n}\n\n\n\n\n\n\n\n\n.mf-json-value[_ngcontent-%COMP%] {\n margin: 0;\n padding: 8px 10px;\n background: var(--mj-bg-surface-card);\n border: 1px solid var(--mj-border-default);\n border-radius: 6px;\n font-family: 'SF Mono', 'Fira Code', monospace;\n font-size: 11px;\n line-height: 1.5;\n color: var(--mj-text-secondary);\n white-space: pre-wrap;\n word-break: break-word;\n max-height: 200px;\n overflow-y: auto;\n}\n\n\n\n.micro-empty[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 40px 20px;\n}\n\n.micro-empty[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n font-size: 14px;\n color: var(--mj-text-disabled);\n margin: 0;\n}\n\n\n\n\n\n\n\n\n.micro-inline[_ngcontent-%COMP%] .micro-field-header[_ngcontent-%COMP%], \n.micro-inline[_ngcontent-%COMP%] .micro-field-row[_ngcontent-%COMP%] {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.micro-inline[_ngcontent-%COMP%] .micro-toolbar[_ngcontent-%COMP%] {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n@media (max-width: 600px) {\n .micro-field-header[_ngcontent-%COMP%], \n .micro-field-row[_ngcontent-%COMP%] {\n grid-template-columns: 120px 1fr;\n }\n\n .micro-field-header[_ngcontent-%COMP%]:has(.mf-col-old), \n .micro-field-row[_ngcontent-%COMP%]:has(.mf-col-old) {\n grid-template-columns: 100px 1fr 1fr;\n }\n\n .micro-record-name[_ngcontent-%COMP%] {\n max-width: 120px;\n }\n}"], changeDetection: 0 });
|
|
808
807
|
}
|
|
809
808
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MjRecordMicroViewComponent, [{
|
|
810
809
|
type: Component,
|
|
811
|
-
args: [{ standalone: false, selector: 'mj-record-micro-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- Overlay mode -->\n@if (!Inline) {\n <div class=\"micro-backdrop\" [class.visible]=\"IsVisible\" (click)=\"OnBackdropClick()\"></div>\n <div class=\"micro-panel\" [class.visible]=\"IsVisible\">\n <ng-container *ngTemplateOutlet=\"microContent\"></ng-container>\n </div>\n}\n\n<!-- Inline mode (embedded in parent panel) -->\n@if (Inline) {\n <div class=\"micro-inline\">\n <ng-container *ngTemplateOutlet=\"microContent\"></ng-container>\n </div>\n}\n\n<!-- Shared content template -->\n<ng-template #microContent>\n <!-- Header (overlay mode only) -->\n @if (!Inline) {\n <div class=\"micro-header\">\n <div class=\"micro-header-info\">\n <div class=\"micro-entity\">\n <i [class]=\"EntityIcon\" class=\"micro-entity-icon\"></i>\n <span>{{Data.EntityName}}</span>\n @if (RecordDisplayName) {\n <span class=\"micro-record-name\">{{RecordDisplayName}}</span>\n }\n </div>\n <div class=\"micro-record-id\">\n <i class=\"fa-solid fa-fingerprint\"></i>\n <span>{{DisplayRecordID}}</span>\n </div>\n </div>\n <div class=\"micro-header-actions\">\n <button class=\"micro-open-btn\" (click)=\"OnOpenRecord()\" title=\"Open this record\">\n <i class=\"fa-solid fa-arrow-up-right-from-square\"></i> Open\n </button>\n <button class=\"micro-close\" (click)=\"OnClose()\">\n <i class=\"fa-solid fa-xmark\"></i>\n </button>\n </div>\n </div>\n }\n\n <!-- Inline header -->\n @if (Inline) {\n <div class=\"micro-inline-header\">\n <div class=\"micro-header-left\">\n <div class=\"micro-entity\">\n <i [class]=\"EntityIcon\" class=\"micro-entity-icon\"></i>\n <span>{{Data.EntityName}}</span>\n @if (RecordDisplayName) {\n <span class=\"micro-record-name\">{{RecordDisplayName}}</span>\n }\n </div>\n <div class=\"micro-record-id\">\n <i class=\"fa-solid fa-fingerprint\"></i>\n <span>{{DisplayRecordID}}</span>\n </div>\n </div>\n <button class=\"micro-open-btn\" (click)=\"OnOpenRecord()\" title=\"Open this record\">\n <i class=\"fa-solid fa-arrow-up-right-from-square\"></i> Open\n </button>\n </div>\n }\n\n <!-- Content -->\n <div class=\"micro-content\" [class.micro-content-inline]=\"Inline\">\n @if (IsLoading) {\n <mj-loading text=\"Loading record data...\"></mj-loading>\n }\n\n <!-- Error -->\n @if (!IsLoading && ErrorMessage) {\n <div class=\"micro-error\">\n <i class=\"fa-solid fa-circle-exclamation\"></i>\n <span>{{ErrorMessage}}</span>\n </div>\n }\n\n <!-- Field table -->\n @if (!IsLoading && !ErrorMessage && Fields.length > 0) {\n <div class=\"micro-fields\">\n <!-- Null toggle toolbar -->\n @if (HiddenNullCount > 0) {\n <div class=\"micro-toolbar\">\n <label class=\"null-toggle\">\n <input type=\"checkbox\" [checked]=\"ShowNullValues\" (change)=\"ToggleShowNulls()\" />\n <span class=\"null-toggle-label\">Show null values ({{HiddenNullCount}})</span>\n </label>\n </div>\n }\n <div class=\"micro-field-header\">\n <span class=\"mf-col-name\">Field</span>\n @if (!HasDiffs) {\n <span class=\"mf-col-value\">Value</span>\n }\n @if (HasDiffs) {\n <span class=\"mf-col-old\">Old</span>\n <span class=\"mf-col-new\">New</span>\n }\n </div>\n @for (field of VisibleFields; track field; let odd = $odd) {\n <div class=\"micro-field-row\"\n [class.odd]=\"odd\" [ngClass]=\"field.DiffClass\">\n <span class=\"mf-col-name\" [title]=\"field.Description\">\n <i [class]=\"GetTypeIcon(field.Type)\" class=\"mf-type-icon\"></i>\n <span class=\"mf-field-name\">{{field.DisplayName}}</span>\n </span>\n @if (!HasDiffs) {\n <span class=\"mf-col-value\" [title]=\"field.Value\">\n <!-- Boolean field -->\n @if (field.IsBoolean && !field.IsNull) {\n <i [class]=\"field.BooleanValue ? 'fa-solid fa-square-check mf-bool-true' : 'fa-regular fa-square mf-bool-false'\"\n class=\"mf-bool-icon\"></i>\n <span class=\"mf-bool-label\">{{field.BooleanValue ? 'Yes' : 'No'}}</span>\n }\n <!-- FK field with display value \u2014 show display name (ID) with open icon -->\n @if (!field.IsBoolean && field.ForeignKeyEntityName && field.ForeignKeyDisplayValue) {\n <a class=\"mf-fk-link\" (click)=\"OnEntityLinkClicked($event, field)\"\n [title]=\"field.ForeignKeyEntityName + ': ' + field.ForeignKeyRecordId\">\n {{field.ForeignKeyDisplayValue}}\n <span class=\"mf-fk-id\">({{field.ForeignKeyRecordId | slice:0:8}}...)</span>\n <i class=\"fa-solid fa-arrow-up-right-from-square mf-fk-icon\"></i>\n </a>\n }\n <!-- FK field without display value \u2014 show raw ID with open icon -->\n @if (!field.IsBoolean && field.ForeignKeyEntityName && !field.ForeignKeyDisplayValue) {\n <a class=\"mf-fk-link\" (click)=\"OnEntityLinkClicked($event, field)\"\n [title]=\"'Open ' + field.ForeignKeyEntityName\">\n {{field.Value}}\n <i class=\"fa-solid fa-arrow-up-right-from-square mf-fk-icon\"></i>\n </a>\n }\n <!-- JSON field \u2014 formatted -->\n @if (!field.IsBoolean && !field.ForeignKeyEntityName && field.IsJson) {\n <pre class=\"mf-json-value\">{{field.Value}}</pre>\n }\n <!-- Regular value -->\n @if (!field.IsBoolean && !field.ForeignKeyEntityName && !field.IsJson) {\n {{field.Value}}\n }\n </span>\n }\n @if (HasDiffs) {\n <span class=\"mf-col-old\" [title]=\"field.OldValue\">\n {{field.OldValue || field.Value}}\n </span>\n <span class=\"mf-col-new\" [title]=\"field.Value\">\n {{field.Value}}\n </span>\n }\n </div>\n }\n </div>\n }\n\n <!-- Empty -->\n @if (!IsLoading && !ErrorMessage && Fields.length === 0) {\n <div class=\"micro-empty\">\n <p>No field data available.</p>\n </div>\n }\n </div>\n</ng-template>\n", styles: ["/* ================================================================= */\n/* OVERLAY MODE */\n/* ================================================================= */\n\n.micro-backdrop {\n position: fixed;\n inset: 0;\n background: transparent;\n z-index: 1100;\n transition: background 0.25s ease;\n pointer-events: none;\n}\n\n.micro-backdrop.visible {\n background: var(--mj-bg-overlay);\n pointer-events: auto;\n}\n\n.micro-panel {\n position: fixed;\n top: 0;\n right: 0;\n width: 480px;\n max-width: 90vw;\n height: 100vh;\n background: var(--mj-bg-surface);\n box-shadow: var(--mj-shadow-lg);\n z-index: 1101;\n display: flex;\n flex-direction: column;\n transform: translateX(100%);\n transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.micro-panel.visible {\n transform: translateX(0);\n}\n\n/* ================================================================= */\n/* INLINE MODE */\n/* ================================================================= */\n\n.micro-inline {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\n.micro-inline-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n padding: 16px 24px;\n border-bottom: 1px solid var(--mj-border-default);\n flex-shrink: 0;\n}\n\n.micro-header-left {\n display: flex;\n flex-direction: column;\n gap: 4px;\n min-width: 0;\n}\n\n.micro-content-inline {\n padding: 0;\n}\n\n/* ================================================================= */\n/* HEADER (overlay mode) */\n/* ================================================================= */\n\n.micro-header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n padding: 16px 20px;\n border-bottom: 1px solid var(--mj-border-default);\n flex-shrink: 0;\n}\n\n.micro-header-info {\n display: flex;\n flex-direction: column;\n gap: 6px;\n min-width: 0;\n}\n\n.micro-header-actions {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-shrink: 0;\n}\n\n.micro-entity {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 15px;\n font-weight: 600;\n color: var(--mj-text-primary);\n}\n\n.micro-entity-icon {\n color: var(--mj-brand-primary);\n}\n\n/* Record display name shown prominently next to entity name */\n.micro-record-name {\n color: var(--mj-brand-primary);\n font-weight: 700;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.micro-record-id {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 12px;\n color: var(--mj-text-disabled);\n font-family: 'SF Mono', 'Fira Code', monospace;\n}\n\n.micro-record-id i {\n font-size: 11px;\n}\n\n/* Open record button */\n.micro-open-btn {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n padding: 6px 12px;\n background: var(--mj-bg-surface);\n border: 1px solid var(--mj-border-default);\n border-radius: 6px;\n color: var(--mj-brand-primary);\n font-size: 12px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.15s ease;\n white-space: nowrap;\n flex-shrink: 0;\n}\n\n.micro-open-btn:hover {\n background: var(--mj-brand-primary);\n color: var(--mj-text-inverse);\n border-color: var(--mj-brand-primary);\n}\n\n.micro-open-btn i {\n font-size: 11px;\n}\n\n.micro-close {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n background: none;\n border: none;\n border-radius: 6px;\n color: var(--mj-text-secondary);\n cursor: pointer;\n transition: all 0.15s ease;\n font-size: 14px;\n flex-shrink: 0;\n}\n\n.micro-close:hover {\n background: var(--mj-bg-surface-sunken);\n color: var(--mj-text-primary);\n}\n\n/* ================================================================= */\n/* CONTENT */\n/* ================================================================= */\n\n.micro-content {\n flex: 1;\n overflow-y: auto;\n padding: 16px 0;\n}\n\n.micro-error {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 12px 20px;\n margin: 0 20px;\n background: color-mix(in srgb, var(--mj-status-error) 6%, var(--mj-bg-surface));\n border: 1px solid color-mix(in srgb, var(--mj-status-error) 15%, transparent);\n border-radius: 8px;\n font-size: 13px;\n color: var(--mj-status-error);\n}\n\n/* Null toggle toolbar */\n.micro-toolbar {\n display: flex;\n align-items: center;\n padding: 8px 20px;\n border-bottom: 1px solid var(--mj-border-default);\n}\n\n.null-toggle {\n display: flex;\n align-items: center;\n gap: 6px;\n cursor: pointer;\n font-size: 12px;\n color: var(--mj-text-secondary);\n user-select: none;\n}\n\n.null-toggle input[type=\"checkbox\"] {\n width: 14px;\n height: 14px;\n accent-color: var(--mj-brand-primary);\n cursor: pointer;\n}\n\n.null-toggle-label {\n font-weight: 500;\n}\n\n/* Field table */\n.micro-fields {\n font-size: 13px;\n}\n\n.micro-field-header {\n display: grid;\n grid-template-columns: 180px 1fr;\n padding: 8px 20px;\n font-size: 11px;\n font-weight: 600;\n color: var(--mj-text-disabled);\n text-transform: uppercase;\n letter-spacing: 0.04em;\n border-bottom: 1px solid var(--mj-border-default);\n position: sticky;\n top: 0;\n background: var(--mj-bg-surface);\n z-index: 1;\n}\n\n.micro-field-header:has(.mf-col-old) {\n grid-template-columns: 160px 1fr 1fr;\n}\n\n.micro-field-row {\n display: grid;\n grid-template-columns: 180px 1fr;\n padding: 7px 20px;\n align-items: baseline;\n border-bottom: 1px solid var(--mj-border-default);\n transition: background 0.1s ease;\n}\n\n.micro-field-row:hover {\n background: var(--mj-bg-surface-card);\n}\n\n.micro-field-row.odd {\n background: var(--mj-bg-surface-card);\n}\n\n.micro-field-row.odd:hover {\n background: var(--mj-bg-surface-sunken);\n}\n\n/* Diff styling */\n.micro-field-row.diff-added {\n background: color-mix(in srgb, var(--mj-status-success) 4%, var(--mj-bg-surface)) !important;\n border-left: 3px solid var(--mj-status-success);\n}\n\n.micro-field-row.diff-modified {\n background: color-mix(in srgb, var(--mj-status-warning) 4%, var(--mj-bg-surface)) !important;\n border-left: 3px solid var(--mj-status-warning);\n}\n\n.micro-field-row.diff-removed {\n background: color-mix(in srgb, var(--mj-status-error) 4%, var(--mj-bg-surface)) !important;\n border-left: 3px solid var(--mj-status-error);\n}\n\n.micro-field-row:has(.mf-col-old) {\n grid-template-columns: 160px 1fr 1fr;\n}\n\n.mf-col-name {\n display: flex;\n align-items: center;\n gap: 6px;\n overflow: hidden;\n cursor: default;\n}\n\n.mf-type-icon {\n color: var(--mj-border-strong);\n font-size: 11px;\n width: 14px;\n text-align: center;\n flex-shrink: 0;\n}\n\n.mf-field-name {\n font-weight: 500;\n color: var(--mj-text-primary);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.mf-col-value,\n.mf-col-old,\n.mf-col-new {\n color: var(--mj-text-secondary);\n word-break: break-word;\n line-height: 1.4;\n font-family: 'SF Mono', 'Fira Code', monospace;\n font-size: 12px;\n}\n\n.mf-col-old {\n color: var(--mj-status-error);\n opacity: 0.7;\n text-decoration: line-through;\n}\n\n.mf-col-new {\n color: var(--mj-status-success);\n}\n\n/* ================================================================= */\n/* BOOLEAN FIELD DISPLAY */\n/* ================================================================= */\n\n.mf-bool-icon {\n font-size: 14px;\n vertical-align: middle;\n}\n\n.mf-bool-true {\n color: var(--mj-status-success);\n}\n\n.mf-bool-false {\n color: var(--mj-border-strong);\n}\n\n.mf-bool-label {\n margin-left: 6px;\n font-family: inherit;\n font-size: 12px;\n color: var(--mj-text-secondary);\n}\n\n/* ================================================================= */\n/* FOREIGN KEY LINK STYLES */\n/* ================================================================= */\n\n.mf-fk-link {\n color: var(--mj-brand-primary);\n cursor: pointer;\n text-decoration: none;\n font-family: inherit;\n font-size: inherit;\n transition: color 0.15s ease;\n display: inline-flex;\n align-items: center;\n gap: 4px;\n}\n\n.mf-fk-link:hover {\n color: var(--mj-brand-primary-hover);\n text-decoration: underline;\n}\n\n.mf-fk-id {\n color: var(--mj-text-disabled);\n font-size: 10px;\n font-family: 'SF Mono', 'Fira Code', monospace;\n}\n\n.mf-fk-icon {\n font-size: 9px;\n opacity: 0.6;\n transition: opacity 0.15s ease;\n}\n\n.mf-fk-link:hover .mf-fk-icon {\n opacity: 1;\n}\n\n/* ================================================================= */\n/* JSON FIELD DISPLAY */\n/* ================================================================= */\n\n.mf-json-value {\n margin: 0;\n padding: 8px 10px;\n background: var(--mj-bg-surface-card);\n border: 1px solid var(--mj-border-default);\n border-radius: 6px;\n font-family: 'SF Mono', 'Fira Code', monospace;\n font-size: 11px;\n line-height: 1.5;\n color: var(--mj-text-secondary);\n white-space: pre-wrap;\n word-break: break-word;\n max-height: 200px;\n overflow-y: auto;\n}\n\n/* Empty */\n.micro-empty {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 40px 20px;\n}\n\n.micro-empty p {\n font-size: 14px;\n color: var(--mj-text-disabled);\n margin: 0;\n}\n\n/* ================================================================= */\n/* INLINE MODE - Responsive */\n/* ================================================================= */\n\n.micro-inline .micro-field-header,\n.micro-inline .micro-field-row {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.micro-inline .micro-toolbar {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n@media (max-width: 600px) {\n .micro-field-header,\n .micro-field-row {\n grid-template-columns: 120px 1fr;\n }\n\n .micro-field-header:has(.mf-col-old),\n .micro-field-row:has(.mf-col-old) {\n grid-template-columns: 100px 1fr 1fr;\n }\n\n .micro-record-name {\n max-width: 120px;\n }\n}\n"] }]
|
|
810
|
+
args: [{ standalone: false, selector: 'mj-record-micro-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- Overlay mode -->\n@if (!Inline) {\n <div class=\"micro-backdrop\" [class.visible]=\"IsVisible\" (click)=\"OnBackdropClick()\"></div>\n <div class=\"micro-panel\" [class.visible]=\"IsVisible\">\n <ng-container *ngTemplateOutlet=\"microContent\"></ng-container>\n </div>\n}\n\n<!-- Inline mode (embedded in parent panel) -->\n@if (Inline) {\n <div class=\"micro-inline\">\n <ng-container *ngTemplateOutlet=\"microContent\"></ng-container>\n </div>\n}\n\n<!-- Shared content template -->\n<ng-template #microContent>\n <!-- Header (overlay mode only) -->\n @if (!Inline) {\n <div class=\"micro-header\">\n <div class=\"micro-header-info\">\n <div class=\"micro-entity\">\n <i [class]=\"EntityIcon\" class=\"micro-entity-icon\"></i>\n <span>{{Data.EntityName}}</span>\n @if (RecordDisplayName) {\n <span class=\"micro-record-name\">{{RecordDisplayName}}</span>\n }\n </div>\n <div class=\"micro-record-id\">\n <i class=\"fa-solid fa-fingerprint\"></i>\n <span>{{DisplayRecordID}}</span>\n </div>\n </div>\n <div class=\"micro-header-actions\">\n <button class=\"micro-open-btn\" (click)=\"OnOpenRecord()\" title=\"Open this record\">\n <i class=\"fa-solid fa-arrow-up-right-from-square\"></i> Open\n </button>\n <button class=\"micro-close\" (click)=\"OnClose()\">\n <i class=\"fa-solid fa-xmark\"></i>\n </button>\n </div>\n </div>\n }\n\n <!-- Inline header -->\n @if (Inline) {\n <div class=\"micro-inline-header\">\n <div class=\"micro-header-left\">\n <div class=\"micro-entity\">\n <i [class]=\"EntityIcon\" class=\"micro-entity-icon\"></i>\n <span>{{Data.EntityName}}</span>\n @if (RecordDisplayName) {\n <span class=\"micro-record-name\">{{RecordDisplayName}}</span>\n }\n </div>\n <div class=\"micro-record-id\">\n <i class=\"fa-solid fa-fingerprint\"></i>\n <span>{{DisplayRecordID}}</span>\n </div>\n </div>\n <button class=\"micro-open-btn\" (click)=\"OnOpenRecord()\" title=\"Open this record\">\n <i class=\"fa-solid fa-arrow-up-right-from-square\"></i> Open\n </button>\n </div>\n }\n\n <!-- Content -->\n <div class=\"micro-content\" [class.micro-content-inline]=\"Inline\">\n @if (IsLoading) {\n <mj-loading text=\"Loading record data...\"></mj-loading>\n }\n\n <!-- Error -->\n @if (!IsLoading && ErrorMessage) {\n <div class=\"micro-error\">\n <i class=\"fa-solid fa-circle-exclamation\"></i>\n <span>{{ErrorMessage}}</span>\n </div>\n }\n\n <!-- Field table -->\n @if (!IsLoading && !ErrorMessage && Fields.length > 0) {\n <div class=\"micro-fields\">\n <!-- Null toggle toolbar -->\n @if (HiddenNullCount > 0) {\n <div class=\"micro-toolbar\">\n <label class=\"null-toggle\">\n <input type=\"checkbox\" [checked]=\"ShowNullValues\" (change)=\"ToggleShowNulls()\" />\n <span class=\"null-toggle-label\">Show null values ({{HiddenNullCount}})</span>\n </label>\n </div>\n }\n <div class=\"micro-field-header\">\n <span class=\"mf-col-name\">Field</span>\n @if (!HasDiffs) {\n <span class=\"mf-col-value\">Value</span>\n }\n @if (HasDiffs) {\n <span class=\"mf-col-old\">Old</span>\n <span class=\"mf-col-new\">New</span>\n }\n </div>\n @for (field of VisibleFields; track field; let odd = $odd) {\n <div class=\"micro-field-row\"\n [class.odd]=\"odd\" [ngClass]=\"field.DiffClass\">\n <span class=\"mf-col-name\" [title]=\"field.Description\">\n <i [class]=\"GetTypeIcon(field.Type)\" class=\"mf-type-icon\"></i>\n <span class=\"mf-field-name\">{{field.DisplayName}}</span>\n </span>\n @if (!HasDiffs) {\n <span class=\"mf-col-value\" [title]=\"field.Value\">\n <!-- Boolean field -->\n @if (field.IsBoolean && !field.IsNull) {\n <i [class]=\"field.BooleanValue ? 'fa-solid fa-square-check mf-bool-true' : 'fa-regular fa-square mf-bool-false'\"\n class=\"mf-bool-icon\"></i>\n <span class=\"mf-bool-label\">{{field.BooleanValue ? 'Yes' : 'No'}}</span>\n }\n <!-- FK field with display value \u2014 show display name (ID) with open icon -->\n @if (!field.IsBoolean && field.ForeignKeyEntityName && field.ForeignKeyDisplayValue) {\n <a class=\"mf-fk-link\" (click)=\"OnEntityLinkClicked($event, field)\"\n [title]=\"field.ForeignKeyEntityName + ': ' + field.ForeignKeyRecordId\">\n {{field.ForeignKeyDisplayValue}}\n <span class=\"mf-fk-id\">({{field.ForeignKeyRecordId | slice:0:8}}...)</span>\n <i class=\"fa-solid fa-arrow-up-right-from-square mf-fk-icon\"></i>\n </a>\n }\n <!-- FK field without display value \u2014 show raw ID with open icon -->\n @if (!field.IsBoolean && field.ForeignKeyEntityName && !field.ForeignKeyDisplayValue) {\n <a class=\"mf-fk-link\" (click)=\"OnEntityLinkClicked($event, field)\"\n [title]=\"'Open ' + field.ForeignKeyEntityName\">\n {{field.Value}}\n <i class=\"fa-solid fa-arrow-up-right-from-square mf-fk-icon\"></i>\n </a>\n }\n <!-- JSON field \u2014 formatted -->\n @if (!field.IsBoolean && !field.ForeignKeyEntityName && field.IsJson) {\n <pre class=\"mf-json-value\">{{field.Value}}</pre>\n }\n <!-- Regular value -->\n @if (!field.IsBoolean && !field.ForeignKeyEntityName && !field.IsJson) {\n {{field.Value}}\n }\n </span>\n }\n @if (HasDiffs) {\n <span class=\"mf-col-old\" [title]=\"field.OldValue\">\n {{field.OldValue || field.Value}}\n </span>\n <span class=\"mf-col-new\" [title]=\"field.Value\">\n {{field.Value}}\n </span>\n }\n </div>\n }\n </div>\n }\n\n <!-- Empty -->\n @if (!IsLoading && !ErrorMessage && Fields.length === 0) {\n <mj-empty-state class=\"micro-empty\" Size=\"compact\"\n Icon=\"\" Title=\"No field data available.\" />\n }\n </div>\n</ng-template>\n", styles: ["/* ================================================================= */\n/* OVERLAY MODE */\n/* ================================================================= */\n\n.micro-backdrop {\n position: fixed;\n inset: 0;\n background: transparent;\n z-index: 1100;\n transition: background 0.25s ease;\n pointer-events: none;\n}\n\n.micro-backdrop.visible {\n background: var(--mj-bg-overlay);\n pointer-events: auto;\n}\n\n.micro-panel {\n position: fixed;\n top: 0;\n right: 0;\n width: 480px;\n max-width: 90vw;\n height: 100vh;\n background: var(--mj-bg-surface);\n box-shadow: var(--mj-shadow-lg);\n z-index: 1101;\n display: flex;\n flex-direction: column;\n transform: translateX(100%);\n transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.micro-panel.visible {\n transform: translateX(0);\n}\n\n/* ================================================================= */\n/* INLINE MODE */\n/* ================================================================= */\n\n.micro-inline {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\n.micro-inline-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n padding: 16px 24px;\n border-bottom: 1px solid var(--mj-border-default);\n flex-shrink: 0;\n}\n\n.micro-header-left {\n display: flex;\n flex-direction: column;\n gap: 4px;\n min-width: 0;\n}\n\n.micro-content-inline {\n padding: 0;\n}\n\n/* ================================================================= */\n/* HEADER (overlay mode) */\n/* ================================================================= */\n\n.micro-header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n padding: 16px 20px;\n border-bottom: 1px solid var(--mj-border-default);\n flex-shrink: 0;\n}\n\n.micro-header-info {\n display: flex;\n flex-direction: column;\n gap: 6px;\n min-width: 0;\n}\n\n.micro-header-actions {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-shrink: 0;\n}\n\n.micro-entity {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 15px;\n font-weight: 600;\n color: var(--mj-text-primary);\n}\n\n.micro-entity-icon {\n color: var(--mj-brand-primary);\n}\n\n/* Record display name shown prominently next to entity name */\n.micro-record-name {\n color: var(--mj-brand-primary);\n font-weight: 700;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.micro-record-id {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 12px;\n color: var(--mj-text-disabled);\n font-family: 'SF Mono', 'Fira Code', monospace;\n}\n\n.micro-record-id i {\n font-size: 11px;\n}\n\n/* Open record button */\n.micro-open-btn {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n padding: 6px 12px;\n background: var(--mj-bg-surface);\n border: 1px solid var(--mj-border-default);\n border-radius: 6px;\n color: var(--mj-brand-primary);\n font-size: 12px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.15s ease;\n white-space: nowrap;\n flex-shrink: 0;\n}\n\n.micro-open-btn:hover {\n background: var(--mj-brand-primary);\n color: var(--mj-text-inverse);\n border-color: var(--mj-brand-primary);\n}\n\n.micro-open-btn i {\n font-size: 11px;\n}\n\n.micro-close {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n background: none;\n border: none;\n border-radius: 6px;\n color: var(--mj-text-secondary);\n cursor: pointer;\n transition: all 0.15s ease;\n font-size: 14px;\n flex-shrink: 0;\n}\n\n.micro-close:hover {\n background: var(--mj-bg-surface-sunken);\n color: var(--mj-text-primary);\n}\n\n/* ================================================================= */\n/* CONTENT */\n/* ================================================================= */\n\n.micro-content {\n flex: 1;\n overflow-y: auto;\n padding: 16px 0;\n}\n\n.micro-error {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 12px 20px;\n margin: 0 20px;\n background: color-mix(in srgb, var(--mj-status-error) 6%, var(--mj-bg-surface));\n border: 1px solid color-mix(in srgb, var(--mj-status-error) 15%, transparent);\n border-radius: 8px;\n font-size: 13px;\n color: var(--mj-status-error);\n}\n\n/* Null toggle toolbar */\n.micro-toolbar {\n display: flex;\n align-items: center;\n padding: 8px 20px;\n border-bottom: 1px solid var(--mj-border-default);\n}\n\n.null-toggle {\n display: flex;\n align-items: center;\n gap: 6px;\n cursor: pointer;\n font-size: 12px;\n color: var(--mj-text-secondary);\n user-select: none;\n}\n\n.null-toggle input[type=\"checkbox\"] {\n width: 14px;\n height: 14px;\n accent-color: var(--mj-brand-primary);\n cursor: pointer;\n}\n\n.null-toggle-label {\n font-weight: 500;\n}\n\n/* Field table */\n.micro-fields {\n font-size: 13px;\n}\n\n.micro-field-header {\n display: grid;\n grid-template-columns: 180px 1fr;\n padding: 8px 20px;\n font-size: 11px;\n font-weight: 600;\n color: var(--mj-text-disabled);\n text-transform: uppercase;\n letter-spacing: 0.04em;\n border-bottom: 1px solid var(--mj-border-default);\n position: sticky;\n top: 0;\n background: var(--mj-bg-surface);\n z-index: 1;\n}\n\n.micro-field-header:has(.mf-col-old) {\n grid-template-columns: 160px 1fr 1fr;\n}\n\n.micro-field-row {\n display: grid;\n grid-template-columns: 180px 1fr;\n padding: 7px 20px;\n align-items: baseline;\n border-bottom: 1px solid var(--mj-border-default);\n transition: background 0.1s ease;\n}\n\n.micro-field-row:hover {\n background: var(--mj-bg-surface-card);\n}\n\n.micro-field-row.odd {\n background: var(--mj-bg-surface-card);\n}\n\n.micro-field-row.odd:hover {\n background: var(--mj-bg-surface-sunken);\n}\n\n/* Diff styling */\n.micro-field-row.diff-added {\n background: color-mix(in srgb, var(--mj-status-success) 4%, var(--mj-bg-surface)) !important;\n border-left: 3px solid var(--mj-status-success);\n}\n\n.micro-field-row.diff-modified {\n background: color-mix(in srgb, var(--mj-status-warning) 4%, var(--mj-bg-surface)) !important;\n border-left: 3px solid var(--mj-status-warning);\n}\n\n.micro-field-row.diff-removed {\n background: color-mix(in srgb, var(--mj-status-error) 4%, var(--mj-bg-surface)) !important;\n border-left: 3px solid var(--mj-status-error);\n}\n\n.micro-field-row:has(.mf-col-old) {\n grid-template-columns: 160px 1fr 1fr;\n}\n\n.mf-col-name {\n display: flex;\n align-items: center;\n gap: 6px;\n overflow: hidden;\n cursor: default;\n}\n\n.mf-type-icon {\n color: var(--mj-border-strong);\n font-size: 11px;\n width: 14px;\n text-align: center;\n flex-shrink: 0;\n}\n\n.mf-field-name {\n font-weight: 500;\n color: var(--mj-text-primary);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.mf-col-value,\n.mf-col-old,\n.mf-col-new {\n color: var(--mj-text-secondary);\n word-break: break-word;\n line-height: 1.4;\n font-family: 'SF Mono', 'Fira Code', monospace;\n font-size: 12px;\n}\n\n.mf-col-old {\n color: var(--mj-status-error);\n opacity: 0.7;\n text-decoration: line-through;\n}\n\n.mf-col-new {\n color: var(--mj-status-success);\n}\n\n/* ================================================================= */\n/* BOOLEAN FIELD DISPLAY */\n/* ================================================================= */\n\n.mf-bool-icon {\n font-size: 14px;\n vertical-align: middle;\n}\n\n.mf-bool-true {\n color: var(--mj-status-success);\n}\n\n.mf-bool-false {\n color: var(--mj-border-strong);\n}\n\n.mf-bool-label {\n margin-left: 6px;\n font-family: inherit;\n font-size: 12px;\n color: var(--mj-text-secondary);\n}\n\n/* ================================================================= */\n/* FOREIGN KEY LINK STYLES */\n/* ================================================================= */\n\n.mf-fk-link {\n color: var(--mj-brand-primary);\n cursor: pointer;\n text-decoration: none;\n font-family: inherit;\n font-size: inherit;\n transition: color 0.15s ease;\n display: inline-flex;\n align-items: center;\n gap: 4px;\n}\n\n.mf-fk-link:hover {\n color: var(--mj-brand-primary-hover);\n text-decoration: underline;\n}\n\n.mf-fk-id {\n color: var(--mj-text-disabled);\n font-size: 10px;\n font-family: 'SF Mono', 'Fira Code', monospace;\n}\n\n.mf-fk-icon {\n font-size: 9px;\n opacity: 0.6;\n transition: opacity 0.15s ease;\n}\n\n.mf-fk-link:hover .mf-fk-icon {\n opacity: 1;\n}\n\n/* ================================================================= */\n/* JSON FIELD DISPLAY */\n/* ================================================================= */\n\n.mf-json-value {\n margin: 0;\n padding: 8px 10px;\n background: var(--mj-bg-surface-card);\n border: 1px solid var(--mj-border-default);\n border-radius: 6px;\n font-family: 'SF Mono', 'Fira Code', monospace;\n font-size: 11px;\n line-height: 1.5;\n color: var(--mj-text-secondary);\n white-space: pre-wrap;\n word-break: break-word;\n max-height: 200px;\n overflow-y: auto;\n}\n\n/* Empty */\n.micro-empty {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 40px 20px;\n}\n\n.micro-empty p {\n font-size: 14px;\n color: var(--mj-text-disabled);\n margin: 0;\n}\n\n/* ================================================================= */\n/* INLINE MODE - Responsive */\n/* ================================================================= */\n\n.micro-inline .micro-field-header,\n.micro-inline .micro-field-row {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n.micro-inline .micro-toolbar {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n@media (max-width: 600px) {\n .micro-field-header,\n .micro-field-row {\n grid-template-columns: 120px 1fr;\n }\n\n .micro-field-header:has(.mf-col-old),\n .micro-field-row:has(.mf-col-old) {\n grid-template-columns: 100px 1fr 1fr;\n }\n\n .micro-record-name {\n max-width: 120px;\n }\n}\n"] }]
|
|
812
811
|
}], () => [{ type: i0.ChangeDetectorRef }], { Data: [{
|
|
813
812
|
type: Input
|
|
814
813
|
}], Inline: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"record-micro-view.component.js","sourceRoot":"","sources":["../../../src/lib/record-micro-view/record-micro-view.component.ts","../../../src/lib/record-micro-view/record-micro-view.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit, ChangeDetectorRef, ChangeDetectionStrategy, HostListener } from '@angular/core';\nimport { RunView, EntityInfo, CompositeKey } from '@memberjunction/core';\nimport { UUIDsEqual } from '@memberjunction/global';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { MicroViewData } from '../types';\n\ninterface FieldDisplay {\n Name: string;\n DisplayName: string;\n Value: string;\n Type: string;\n Description: string;\n DiffClass: string;\n OldValue: string;\n IsNull: boolean;\n IsBoolean: boolean;\n BooleanValue: boolean;\n IsJson: boolean;\n Sequence: number;\n /** When set, the field is a FK and this holds the display value from the related virtual field */\n ForeignKeyDisplayValue: string;\n /** When set, user can click to navigate to this related record */\n ForeignKeyEntityName: string;\n /** The raw FK value (a GUID) for navigation */\n ForeignKeyRecordId: string;\n}\n\ninterface RecordChangeSimple {\n FullRecordJSON: string;\n}\n\n/** Event emitted when user wants to navigate to a related FK record */\nexport interface EntityLinkClickEvent {\n EntityName: string;\n RecordID: string;\n CompositeKey: CompositeKey;\n}\n\n@Component({\n standalone: false,\n selector: 'mj-record-micro-view',\n templateUrl: './record-micro-view.component.html',\n styleUrls: ['./record-micro-view.component.css'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MjRecordMicroViewComponent extends BaseAngularComponent implements OnInit {\n @Input() Data!: MicroViewData;\n @Input() Inline = false;\n @Output() Close = new EventEmitter<void>();\n @Output() EntityLinkClick = new EventEmitter<EntityLinkClickEvent>();\n @Output() OpenRecord = new EventEmitter<EntityLinkClickEvent>();\n\n public IsLoading = true;\n public IsVisible = false;\n public Fields: FieldDisplay[] = [];\n public ErrorMessage = '';\n public ShowNullValues = false;\n\n /** Formatted display of the record primary key (simplified for single-value PKs) */\n public DisplayRecordID = '';\n\n /** The value of the IsNameField for display in the header */\n public RecordDisplayName = '';\n\n /** Icon CSS class from EntityInfo.Icon, falls back to 'fa-solid fa-table' */\n public EntityIcon = 'fa-solid fa-table';\n\n private get metadata() { return this.ProviderToUse; }\n\n constructor(private cdr: ChangeDetectorRef) { super(); }\n\n ngOnInit(): void {\n if (this.Inline) {\n this.IsVisible = true;\n } else {\n Promise.resolve().then(() => {\n this.IsVisible = true;\n this.cdr.markForCheck();\n });\n }\n this.DisplayRecordID = this.formatRecordId(this.Data.RecordID);\n this.loadRecordData();\n }\n\n @HostListener('document:keydown.escape')\n public OnEscapeKey(): void {\n if (!this.Inline) {\n this.OnClose();\n }\n }\n\n public OnClose(): void {\n if (this.Inline) {\n this.Close.emit();\n } else {\n this.IsVisible = false;\n this.cdr.markForCheck();\n setTimeout(() => this.Close.emit(), 250);\n }\n }\n\n public OnBackdropClick(): void {\n this.OnClose();\n }\n\n public GetTypeIcon(type: string): string {\n const icons: Record<string, string> = {\n 'uniqueidentifier': 'fa-solid fa-fingerprint',\n 'datetime': 'fa-solid fa-calendar',\n 'datetimeoffset': 'fa-solid fa-calendar',\n 'date': 'fa-solid fa-calendar-day',\n 'time': 'fa-solid fa-clock',\n 'bit': 'fa-solid fa-toggle-on',\n 'boolean': 'fa-solid fa-toggle-on',\n 'int': 'fa-solid fa-hashtag',\n 'bigint': 'fa-solid fa-hashtag',\n 'float': 'fa-solid fa-hashtag',\n 'decimal': 'fa-solid fa-hashtag',\n 'money': 'fa-solid fa-hashtag',\n 'number': 'fa-solid fa-hashtag',\n 'nvarchar': 'fa-solid fa-font',\n 'varchar': 'fa-solid fa-font',\n 'ntext': 'fa-solid fa-align-left',\n 'text': 'fa-solid fa-align-left',\n 'string': 'fa-solid fa-font',\n 'object': 'fa-solid fa-code',\n 'null': 'fa-solid fa-circle-xmark'\n };\n return icons[type.toLowerCase()] ?? 'fa-solid fa-font';\n }\n\n public get HasDiffs(): boolean {\n return this.Data.FieldDiffs != null && this.Data.FieldDiffs.length > 0;\n }\n\n public get VisibleFields(): FieldDisplay[] {\n if (this.ShowNullValues) {\n return this.Fields;\n }\n return this.Fields.filter(f => !f.IsNull);\n }\n\n public get HiddenNullCount(): number {\n return this.Fields.filter(f => f.IsNull).length;\n }\n\n public ToggleShowNulls(): void {\n this.ShowNullValues = !this.ShowNullValues;\n this.cdr.markForCheck();\n }\n\n public OnEntityLinkClicked(event: MouseEvent, field: FieldDisplay): void {\n event.stopPropagation();\n if (field.ForeignKeyEntityName && field.ForeignKeyRecordId) {\n const pkey = new CompositeKey([{ FieldName: 'ID', Value: field.ForeignKeyRecordId }]);\n this.EntityLinkClick.emit({\n EntityName: field.ForeignKeyEntityName,\n RecordID: field.ForeignKeyRecordId,\n CompositeKey: pkey\n });\n }\n }\n\n public OnOpenRecord(): void {\n if (this.Data.EntityName && this.Data.RecordID) {\n const rawId = this.extractRawId(this.Data.RecordID);\n const pkey = new CompositeKey([{ FieldName: 'ID', Value: rawId }]);\n this.OpenRecord.emit({\n EntityName: this.Data.EntityName,\n RecordID: rawId,\n CompositeKey: pkey\n });\n }\n }\n\n // =========================================================================\n // Data loading\n // =========================================================================\n\n private async loadRecordData(): Promise<void> {\n this.IsLoading = true;\n this.cdr.markForCheck();\n\n try {\n let recordData = this.Data.FullRecordJSON;\n\n if (!recordData && this.Data.RecordChangeID) {\n recordData = await this.loadRecordChangeJson(this.Data.RecordChangeID);\n }\n\n if (recordData) {\n const entityInfo = this.findEntityInfo();\n this.EntityIcon = entityInfo?.Icon || 'fa-solid fa-table';\n this.RecordDisplayName = this.extractNameFieldValue(entityInfo, recordData);\n this.Fields = this.buildFieldList(recordData, entityInfo);\n } else {\n this.ErrorMessage = 'Unable to load record data.';\n }\n } catch (e) {\n this.ErrorMessage = e instanceof Error ? e.message : 'Failed to load record data.';\n } finally {\n this.IsLoading = false;\n this.cdr.markForCheck();\n }\n }\n\n private async loadRecordChangeJson(changeId: string): Promise<Record<string, unknown> | null> {\n const rv = RunView.FromMetadataProvider(this.ProviderToUse);\n const result = await rv.RunView<RecordChangeSimple>({\n EntityName: 'MJ: Record Changes',\n ExtraFilter: `ID = '${changeId}'`,\n Fields: ['FullRecordJSON'],\n ResultType: 'simple'\n });\n\n if (result.Success && result.Results.length > 0) {\n const json = result.Results[0].FullRecordJSON;\n if (json) {\n return JSON.parse(json) as Record<string, unknown>;\n }\n }\n return null;\n }\n\n // =========================================================================\n // Field building\n // =========================================================================\n\n private buildFieldList(data: Record<string, unknown>, entityInfo: EntityInfo | undefined): FieldDisplay[] {\n const diffMap = this.buildDiffMap();\n const fkMap = this.buildForeignKeyMap(entityInfo, data);\n const virtualFieldNames = this.getVirtualFieldNames(entityInfo);\n const fields: FieldDisplay[] = [];\n\n for (const [key, value] of Object.entries(data)) {\n if (key.startsWith('__mj_')) continue;\n // Skip virtual fields that we've merged into their FK counterpart\n if (virtualFieldNames.has(key)) continue;\n\n const fieldMeta = entityInfo?.Fields.find(f => f.Name === key);\n const diff = diffMap.get(key);\n const fkInfo = fkMap.get(key);\n const fieldType = fieldMeta?.Type ?? this.inferType(value);\n const isBooleanField = this.isBooleanType(fieldType, value);\n const isJsonField = this.isJsonValue(value);\n\n fields.push({\n Name: key,\n DisplayName: fieldMeta?.DisplayNameOrName ?? key,\n Value: this.formatValue(value, isJsonField),\n Type: fieldType,\n Description: fieldMeta?.Description ?? '',\n DiffClass: diff?.ChangeType ? `diff-${diff.ChangeType.toLowerCase()}` : '',\n OldValue: diff?.OldValue ?? '',\n IsNull: value == null,\n IsBoolean: isBooleanField,\n BooleanValue: this.toBooleanValue(value),\n IsJson: isJsonField,\n Sequence: fieldMeta?.Sequence ?? 9999,\n ForeignKeyDisplayValue: fkInfo?.DisplayValue ?? '',\n ForeignKeyEntityName: fkInfo?.EntityName ?? '',\n ForeignKeyRecordId: fkInfo?.RecordId ?? ''\n });\n }\n\n return fields.sort((a, b) => a.Sequence - b.Sequence);\n }\n\n /**\n * Find the entity's NameField (uses EntityInfo.NameField getter which checks\n * IsNameField first, then falls back to a field called \"Name\").\n */\n private extractNameFieldValue(entityInfo: EntityInfo | undefined, data: Record<string, unknown>): string {\n if (!entityInfo) return '';\n const nameField = entityInfo.NameField;\n if (nameField && data[nameField.Name] != null) {\n return String(data[nameField.Name]);\n }\n return '';\n }\n\n private findEntityInfo(): EntityInfo | undefined {\n if (this.Data.EntityName && this.Data.EntityName !== 'Unknown') {\n return this.metadata.Entities.find(e => e.Name === this.Data.EntityName);\n }\n if (this.Data.EntityID) {\n return this.metadata.Entities.find(e => UUIDsEqual(e.ID, this.Data.EntityID));\n }\n return undefined;\n }\n\n private buildDiffMap(): Map<string, { ChangeType: string; OldValue: string }> {\n const map = new Map<string, { ChangeType: string; OldValue: string }>();\n if (this.Data.FieldDiffs) {\n for (const diff of this.Data.FieldDiffs) {\n map.set(diff.FieldName, { ChangeType: diff.ChangeType, OldValue: diff.OldValue });\n }\n }\n return map;\n }\n\n /**\n * Build a map of FK field name -> { DisplayValue, EntityName, RecordId }\n * by matching FK fields to their associated virtual (display) fields.\n */\n private buildForeignKeyMap(\n entityInfo: EntityInfo | undefined,\n data: Record<string, unknown>\n ): Map<string, { DisplayValue: string; EntityName: string; RecordId: string }> {\n const map = new Map<string, { DisplayValue: string; EntityName: string; RecordId: string }>();\n if (!entityInfo) return map;\n\n for (const field of entityInfo.Fields) {\n if (!field.RelatedEntityID || field.Name === 'ID') continue;\n\n // Find the related entity name\n const relatedEntity = this.metadata.Entities.find(e => UUIDsEqual(e.ID, field.RelatedEntityID));\n if (!relatedEntity) continue;\n\n const fkValue = data[field.Name];\n if (fkValue == null) continue;\n\n // Find display value from the associated virtual field\n const displayValue = this.findFkDisplayValue(entityInfo, field.Name, data);\n\n map.set(field.Name, {\n DisplayValue: displayValue,\n EntityName: relatedEntity.Name,\n RecordId: String(fkValue)\n });\n }\n\n return map;\n }\n\n /**\n * Find the display value for a FK field by checking multiple strategies:\n * 1. Look for a virtual field with RelatedEntityNameFieldMap pointing to this FK\n * 2. Look for any virtual field whose name is derived from the FK name\n * 3. Scan data keys for common naming patterns (e.g., \"TypeID\" -> \"Type\")\n */\n private findFkDisplayValue(entityInfo: EntityInfo, fkFieldName: string, data: Record<string, unknown>): string {\n // Strategy 1: Metadata-linked virtual field via RelatedEntityNameFieldMap\n const linkedVirtual = entityInfo.Fields.find(f =>\n f.RelatedEntityNameFieldMap === fkFieldName && f.IsVirtual\n );\n if (linkedVirtual && data[linkedVirtual.Name] != null) {\n return String(data[linkedVirtual.Name]);\n }\n\n // Strategy 2: Find any virtual field that looks like a display field for this FK\n // by checking all virtual fields and matching via naming patterns\n const virtualFields = entityInfo.Fields.filter(f => f.IsVirtual);\n for (const vf of virtualFields) {\n // Check if this virtual field's RelatedEntityNameFieldMap matches (case-insensitive)\n if (vf.RelatedEntityNameFieldMap &&\n vf.RelatedEntityNameFieldMap.toLowerCase() === fkFieldName.toLowerCase() &&\n data[vf.Name] != null) {\n return String(data[vf.Name]);\n }\n }\n\n // Strategy 3: Try common naming conventions in the data itself\n // e.g., \"TypeID\" -> look for \"Type\" key in data\n // \"OwnerUserID\" -> look for \"Owner User\" or \"OwnerUser\"\n // Strip trailing \"ID\" from the FK name and try variations\n if (fkFieldName.endsWith('ID') && fkFieldName.length > 2) {\n const baseName = fkFieldName.slice(0, -2);\n\n // Direct match in data (e.g., \"CategoryID\" -> \"Category\")\n if (data[baseName] != null && typeof data[baseName] === 'string' &&\n !this.looksLikeGuid(data[baseName] as string)) {\n return String(data[baseName]);\n }\n\n // Try with space before capitals (e.g., \"OwnerUserID\" -> \"Owner User\")\n const spacedName = baseName.replace(/([a-z])([A-Z])/g, '$1 $2');\n if (spacedName !== baseName && data[spacedName] != null &&\n typeof data[spacedName] === 'string' &&\n !this.looksLikeGuid(data[spacedName] as string)) {\n return String(data[spacedName]);\n }\n }\n\n return '';\n }\n\n /** Quick check if a string looks like a GUID (to avoid using GUIDs as display values). */\n private looksLikeGuid(value: string): boolean {\n return /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(value);\n }\n\n /**\n * Get the set of virtual field names so we can skip them in the main field list.\n * Virtual fields are display-only fields whose values are merged into FK rows.\n * We skip ALL virtual fields — not just ones with RelatedEntityNameFieldMap —\n * because they are derived/computed and don't represent stored data.\n */\n private getVirtualFieldNames(entityInfo: EntityInfo | undefined): Set<string> {\n const names = new Set<string>();\n if (!entityInfo) return names;\n\n for (const field of entityInfo.Fields) {\n if (field.IsVirtual) {\n names.add(field.Name);\n }\n }\n\n return names;\n }\n\n // =========================================================================\n // Record ID formatting\n // =========================================================================\n\n /**\n * For single-value PKs like \"ID|<uuid>\", extract just the uuid.\n * For composite keys, show the full concatenated string.\n */\n private formatRecordId(recordId: string): string {\n if (!recordId) return '';\n const parts = recordId.split('||');\n if (parts.length === 1) {\n const singleParts = recordId.split('|');\n if (singleParts.length === 2) {\n return singleParts[1];\n }\n }\n return recordId;\n }\n\n /**\n * Extract the raw ID value from a potentially formatted record ID string.\n */\n private extractRawId(recordId: string): string {\n if (!recordId) return '';\n const parts = recordId.split('||');\n if (parts.length === 1) {\n const singleParts = recordId.split('|');\n if (singleParts.length === 2) {\n return singleParts[1];\n }\n }\n return recordId;\n }\n\n // =========================================================================\n // Type helpers\n // =========================================================================\n\n private isBooleanType(type: string, value: unknown): boolean {\n const t = type.toLowerCase();\n if (t === 'bit' || t === 'boolean') return true;\n if (value === true || value === false) return true;\n return false;\n }\n\n private toBooleanValue(value: unknown): boolean {\n if (value === true || value === 1 || value === '1' || value === 'true') return true;\n return false;\n }\n\n private isJsonValue(value: unknown): boolean {\n if (typeof value === 'object' && value != null) return true;\n if (typeof value === 'string') {\n const trimmed = value.trim();\n return (trimmed.startsWith('{') && trimmed.endsWith('}')) ||\n (trimmed.startsWith('[') && trimmed.endsWith(']'));\n }\n return false;\n }\n\n // =========================================================================\n // Formatting helpers\n // =========================================================================\n\n private formatValue(value: unknown, isJson: boolean): string {\n if (value == null) return 'null';\n if (typeof value === 'boolean') return value ? 'true' : 'false';\n if (typeof value === 'number') return String(value);\n if (typeof value === 'string') {\n if (this.isDateString(value)) return this.formatDate(value);\n // Try to pretty-print JSON strings\n if (isJson) return this.formatJsonString(value);\n if (value.length > 300) return value.substring(0, 300) + '...';\n return value;\n }\n if (typeof value === 'object') {\n try {\n return JSON.stringify(value, null, 2);\n } catch {\n return String(value);\n }\n }\n return String(value);\n }\n\n private formatJsonString(value: string): string {\n try {\n const parsed = JSON.parse(value);\n return JSON.stringify(parsed, null, 2);\n } catch {\n return value;\n }\n }\n\n private isDateString(value: string): boolean {\n return /^\\d{4}-\\d{2}-\\d{2}T/.test(value);\n }\n\n private formatDate(value: string): string {\n try {\n const d = new Date(value);\n return d.toLocaleDateString('en-US', {\n month: 'short', day: 'numeric', year: 'numeric',\n hour: '2-digit', minute: '2-digit'\n });\n } catch {\n return value;\n }\n }\n\n private inferType(value: unknown): string {\n if (value == null) return 'null';\n if (typeof value === 'boolean') return 'bit';\n if (typeof value === 'number') return 'int';\n if (typeof value === 'string') {\n if (this.isDateString(value)) return 'datetime';\n if (/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(value)) return 'uniqueidentifier';\n return 'nvarchar';\n }\n return 'object';\n }\n}\n","<!-- Overlay mode -->\n@if (!Inline) {\n <div class=\"micro-backdrop\" [class.visible]=\"IsVisible\" (click)=\"OnBackdropClick()\"></div>\n <div class=\"micro-panel\" [class.visible]=\"IsVisible\">\n <ng-container *ngTemplateOutlet=\"microContent\"></ng-container>\n </div>\n}\n\n<!-- Inline mode (embedded in parent panel) -->\n@if (Inline) {\n <div class=\"micro-inline\">\n <ng-container *ngTemplateOutlet=\"microContent\"></ng-container>\n </div>\n}\n\n<!-- Shared content template -->\n<ng-template #microContent>\n <!-- Header (overlay mode only) -->\n @if (!Inline) {\n <div class=\"micro-header\">\n <div class=\"micro-header-info\">\n <div class=\"micro-entity\">\n <i [class]=\"EntityIcon\" class=\"micro-entity-icon\"></i>\n <span>{{Data.EntityName}}</span>\n @if (RecordDisplayName) {\n <span class=\"micro-record-name\">{{RecordDisplayName}}</span>\n }\n </div>\n <div class=\"micro-record-id\">\n <i class=\"fa-solid fa-fingerprint\"></i>\n <span>{{DisplayRecordID}}</span>\n </div>\n </div>\n <div class=\"micro-header-actions\">\n <button class=\"micro-open-btn\" (click)=\"OnOpenRecord()\" title=\"Open this record\">\n <i class=\"fa-solid fa-arrow-up-right-from-square\"></i> Open\n </button>\n <button class=\"micro-close\" (click)=\"OnClose()\">\n <i class=\"fa-solid fa-xmark\"></i>\n </button>\n </div>\n </div>\n }\n\n <!-- Inline header -->\n @if (Inline) {\n <div class=\"micro-inline-header\">\n <div class=\"micro-header-left\">\n <div class=\"micro-entity\">\n <i [class]=\"EntityIcon\" class=\"micro-entity-icon\"></i>\n <span>{{Data.EntityName}}</span>\n @if (RecordDisplayName) {\n <span class=\"micro-record-name\">{{RecordDisplayName}}</span>\n }\n </div>\n <div class=\"micro-record-id\">\n <i class=\"fa-solid fa-fingerprint\"></i>\n <span>{{DisplayRecordID}}</span>\n </div>\n </div>\n <button class=\"micro-open-btn\" (click)=\"OnOpenRecord()\" title=\"Open this record\">\n <i class=\"fa-solid fa-arrow-up-right-from-square\"></i> Open\n </button>\n </div>\n }\n\n <!-- Content -->\n <div class=\"micro-content\" [class.micro-content-inline]=\"Inline\">\n @if (IsLoading) {\n <mj-loading text=\"Loading record data...\"></mj-loading>\n }\n\n <!-- Error -->\n @if (!IsLoading && ErrorMessage) {\n <div class=\"micro-error\">\n <i class=\"fa-solid fa-circle-exclamation\"></i>\n <span>{{ErrorMessage}}</span>\n </div>\n }\n\n <!-- Field table -->\n @if (!IsLoading && !ErrorMessage && Fields.length > 0) {\n <div class=\"micro-fields\">\n <!-- Null toggle toolbar -->\n @if (HiddenNullCount > 0) {\n <div class=\"micro-toolbar\">\n <label class=\"null-toggle\">\n <input type=\"checkbox\" [checked]=\"ShowNullValues\" (change)=\"ToggleShowNulls()\" />\n <span class=\"null-toggle-label\">Show null values ({{HiddenNullCount}})</span>\n </label>\n </div>\n }\n <div class=\"micro-field-header\">\n <span class=\"mf-col-name\">Field</span>\n @if (!HasDiffs) {\n <span class=\"mf-col-value\">Value</span>\n }\n @if (HasDiffs) {\n <span class=\"mf-col-old\">Old</span>\n <span class=\"mf-col-new\">New</span>\n }\n </div>\n @for (field of VisibleFields; track field; let odd = $odd) {\n <div class=\"micro-field-row\"\n [class.odd]=\"odd\" [ngClass]=\"field.DiffClass\">\n <span class=\"mf-col-name\" [title]=\"field.Description\">\n <i [class]=\"GetTypeIcon(field.Type)\" class=\"mf-type-icon\"></i>\n <span class=\"mf-field-name\">{{field.DisplayName}}</span>\n </span>\n @if (!HasDiffs) {\n <span class=\"mf-col-value\" [title]=\"field.Value\">\n <!-- Boolean field -->\n @if (field.IsBoolean && !field.IsNull) {\n <i [class]=\"field.BooleanValue ? 'fa-solid fa-square-check mf-bool-true' : 'fa-regular fa-square mf-bool-false'\"\n class=\"mf-bool-icon\"></i>\n <span class=\"mf-bool-label\">{{field.BooleanValue ? 'Yes' : 'No'}}</span>\n }\n <!-- FK field with display value — show display name (ID) with open icon -->\n @if (!field.IsBoolean && field.ForeignKeyEntityName && field.ForeignKeyDisplayValue) {\n <a class=\"mf-fk-link\" (click)=\"OnEntityLinkClicked($event, field)\"\n [title]=\"field.ForeignKeyEntityName + ': ' + field.ForeignKeyRecordId\">\n {{field.ForeignKeyDisplayValue}}\n <span class=\"mf-fk-id\">({{field.ForeignKeyRecordId | slice:0:8}}...)</span>\n <i class=\"fa-solid fa-arrow-up-right-from-square mf-fk-icon\"></i>\n </a>\n }\n <!-- FK field without display value — show raw ID with open icon -->\n @if (!field.IsBoolean && field.ForeignKeyEntityName && !field.ForeignKeyDisplayValue) {\n <a class=\"mf-fk-link\" (click)=\"OnEntityLinkClicked($event, field)\"\n [title]=\"'Open ' + field.ForeignKeyEntityName\">\n {{field.Value}}\n <i class=\"fa-solid fa-arrow-up-right-from-square mf-fk-icon\"></i>\n </a>\n }\n <!-- JSON field — formatted -->\n @if (!field.IsBoolean && !field.ForeignKeyEntityName && field.IsJson) {\n <pre class=\"mf-json-value\">{{field.Value}}</pre>\n }\n <!-- Regular value -->\n @if (!field.IsBoolean && !field.ForeignKeyEntityName && !field.IsJson) {\n {{field.Value}}\n }\n </span>\n }\n @if (HasDiffs) {\n <span class=\"mf-col-old\" [title]=\"field.OldValue\">\n {{field.OldValue || field.Value}}\n </span>\n <span class=\"mf-col-new\" [title]=\"field.Value\">\n {{field.Value}}\n </span>\n }\n </div>\n }\n </div>\n }\n\n <!-- Empty -->\n @if (!IsLoading && !ErrorMessage && Fields.length === 0) {\n <div class=\"micro-empty\">\n <p>No field data available.</p>\n </div>\n }\n </div>\n</ng-template>\n"]}
|
|
1
|
+
{"version":3,"file":"record-micro-view.component.js","sourceRoot":"","sources":["../../../src/lib/record-micro-view/record-micro-view.component.ts","../../../src/lib/record-micro-view/record-micro-view.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit, ChangeDetectorRef, ChangeDetectionStrategy, HostListener } from '@angular/core';\nimport { RunView, EntityInfo, CompositeKey } from '@memberjunction/core';\nimport { UUIDsEqual } from '@memberjunction/global';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { MicroViewData } from '../types';\n\ninterface FieldDisplay {\n Name: string;\n DisplayName: string;\n Value: string;\n Type: string;\n Description: string;\n DiffClass: string;\n OldValue: string;\n IsNull: boolean;\n IsBoolean: boolean;\n BooleanValue: boolean;\n IsJson: boolean;\n Sequence: number;\n /** When set, the field is a FK and this holds the display value from the related virtual field */\n ForeignKeyDisplayValue: string;\n /** When set, user can click to navigate to this related record */\n ForeignKeyEntityName: string;\n /** The raw FK value (a GUID) for navigation */\n ForeignKeyRecordId: string;\n}\n\ninterface RecordChangeSimple {\n FullRecordJSON: string;\n}\n\n/** Event emitted when user wants to navigate to a related FK record */\nexport interface EntityLinkClickEvent {\n EntityName: string;\n RecordID: string;\n CompositeKey: CompositeKey;\n}\n\n@Component({\n standalone: false,\n selector: 'mj-record-micro-view',\n templateUrl: './record-micro-view.component.html',\n styleUrls: ['./record-micro-view.component.css'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MjRecordMicroViewComponent extends BaseAngularComponent implements OnInit {\n @Input() Data!: MicroViewData;\n @Input() Inline = false;\n @Output() Close = new EventEmitter<void>();\n @Output() EntityLinkClick = new EventEmitter<EntityLinkClickEvent>();\n @Output() OpenRecord = new EventEmitter<EntityLinkClickEvent>();\n\n public IsLoading = true;\n public IsVisible = false;\n public Fields: FieldDisplay[] = [];\n public ErrorMessage = '';\n public ShowNullValues = false;\n\n /** Formatted display of the record primary key (simplified for single-value PKs) */\n public DisplayRecordID = '';\n\n /** The value of the IsNameField for display in the header */\n public RecordDisplayName = '';\n\n /** Icon CSS class from EntityInfo.Icon, falls back to 'fa-solid fa-table' */\n public EntityIcon = 'fa-solid fa-table';\n\n private get metadata() { return this.ProviderToUse; }\n\n constructor(private cdr: ChangeDetectorRef) { super(); }\n\n ngOnInit(): void {\n if (this.Inline) {\n this.IsVisible = true;\n } else {\n Promise.resolve().then(() => {\n this.IsVisible = true;\n this.cdr.markForCheck();\n });\n }\n this.DisplayRecordID = this.formatRecordId(this.Data.RecordID);\n this.loadRecordData();\n }\n\n @HostListener('document:keydown.escape')\n public OnEscapeKey(): void {\n if (!this.Inline) {\n this.OnClose();\n }\n }\n\n public OnClose(): void {\n if (this.Inline) {\n this.Close.emit();\n } else {\n this.IsVisible = false;\n this.cdr.markForCheck();\n setTimeout(() => this.Close.emit(), 250);\n }\n }\n\n public OnBackdropClick(): void {\n this.OnClose();\n }\n\n public GetTypeIcon(type: string): string {\n const icons: Record<string, string> = {\n 'uniqueidentifier': 'fa-solid fa-fingerprint',\n 'datetime': 'fa-solid fa-calendar',\n 'datetimeoffset': 'fa-solid fa-calendar',\n 'date': 'fa-solid fa-calendar-day',\n 'time': 'fa-solid fa-clock',\n 'bit': 'fa-solid fa-toggle-on',\n 'boolean': 'fa-solid fa-toggle-on',\n 'int': 'fa-solid fa-hashtag',\n 'bigint': 'fa-solid fa-hashtag',\n 'float': 'fa-solid fa-hashtag',\n 'decimal': 'fa-solid fa-hashtag',\n 'money': 'fa-solid fa-hashtag',\n 'number': 'fa-solid fa-hashtag',\n 'nvarchar': 'fa-solid fa-font',\n 'varchar': 'fa-solid fa-font',\n 'ntext': 'fa-solid fa-align-left',\n 'text': 'fa-solid fa-align-left',\n 'string': 'fa-solid fa-font',\n 'object': 'fa-solid fa-code',\n 'null': 'fa-solid fa-circle-xmark'\n };\n return icons[type.toLowerCase()] ?? 'fa-solid fa-font';\n }\n\n public get HasDiffs(): boolean {\n return this.Data.FieldDiffs != null && this.Data.FieldDiffs.length > 0;\n }\n\n public get VisibleFields(): FieldDisplay[] {\n if (this.ShowNullValues) {\n return this.Fields;\n }\n return this.Fields.filter(f => !f.IsNull);\n }\n\n public get HiddenNullCount(): number {\n return this.Fields.filter(f => f.IsNull).length;\n }\n\n public ToggleShowNulls(): void {\n this.ShowNullValues = !this.ShowNullValues;\n this.cdr.markForCheck();\n }\n\n public OnEntityLinkClicked(event: MouseEvent, field: FieldDisplay): void {\n event.stopPropagation();\n if (field.ForeignKeyEntityName && field.ForeignKeyRecordId) {\n const pkey = new CompositeKey([{ FieldName: 'ID', Value: field.ForeignKeyRecordId }]);\n this.EntityLinkClick.emit({\n EntityName: field.ForeignKeyEntityName,\n RecordID: field.ForeignKeyRecordId,\n CompositeKey: pkey\n });\n }\n }\n\n public OnOpenRecord(): void {\n if (this.Data.EntityName && this.Data.RecordID) {\n const rawId = this.extractRawId(this.Data.RecordID);\n const pkey = new CompositeKey([{ FieldName: 'ID', Value: rawId }]);\n this.OpenRecord.emit({\n EntityName: this.Data.EntityName,\n RecordID: rawId,\n CompositeKey: pkey\n });\n }\n }\n\n // =========================================================================\n // Data loading\n // =========================================================================\n\n private async loadRecordData(): Promise<void> {\n this.IsLoading = true;\n this.cdr.markForCheck();\n\n try {\n let recordData = this.Data.FullRecordJSON;\n\n if (!recordData && this.Data.RecordChangeID) {\n recordData = await this.loadRecordChangeJson(this.Data.RecordChangeID);\n }\n\n if (recordData) {\n const entityInfo = this.findEntityInfo();\n this.EntityIcon = entityInfo?.Icon || 'fa-solid fa-table';\n this.RecordDisplayName = this.extractNameFieldValue(entityInfo, recordData);\n this.Fields = this.buildFieldList(recordData, entityInfo);\n } else {\n this.ErrorMessage = 'Unable to load record data.';\n }\n } catch (e) {\n this.ErrorMessage = e instanceof Error ? e.message : 'Failed to load record data.';\n } finally {\n this.IsLoading = false;\n this.cdr.markForCheck();\n }\n }\n\n private async loadRecordChangeJson(changeId: string): Promise<Record<string, unknown> | null> {\n const rv = RunView.FromMetadataProvider(this.ProviderToUse);\n const result = await rv.RunView<RecordChangeSimple>({\n EntityName: 'MJ: Record Changes',\n ExtraFilter: `ID = '${changeId}'`,\n Fields: ['FullRecordJSON'],\n ResultType: 'simple'\n });\n\n if (result.Success && result.Results.length > 0) {\n const json = result.Results[0].FullRecordJSON;\n if (json) {\n return JSON.parse(json) as Record<string, unknown>;\n }\n }\n return null;\n }\n\n // =========================================================================\n // Field building\n // =========================================================================\n\n private buildFieldList(data: Record<string, unknown>, entityInfo: EntityInfo | undefined): FieldDisplay[] {\n const diffMap = this.buildDiffMap();\n const fkMap = this.buildForeignKeyMap(entityInfo, data);\n const virtualFieldNames = this.getVirtualFieldNames(entityInfo);\n const fields: FieldDisplay[] = [];\n\n for (const [key, value] of Object.entries(data)) {\n if (key.startsWith('__mj_')) continue;\n // Skip virtual fields that we've merged into their FK counterpart\n if (virtualFieldNames.has(key)) continue;\n\n const fieldMeta = entityInfo?.Fields.find(f => f.Name === key);\n const diff = diffMap.get(key);\n const fkInfo = fkMap.get(key);\n const fieldType = fieldMeta?.Type ?? this.inferType(value);\n const isBooleanField = this.isBooleanType(fieldType, value);\n const isJsonField = this.isJsonValue(value);\n\n fields.push({\n Name: key,\n DisplayName: fieldMeta?.DisplayNameOrName ?? key,\n Value: this.formatValue(value, isJsonField),\n Type: fieldType,\n Description: fieldMeta?.Description ?? '',\n DiffClass: diff?.ChangeType ? `diff-${diff.ChangeType.toLowerCase()}` : '',\n OldValue: diff?.OldValue ?? '',\n IsNull: value == null,\n IsBoolean: isBooleanField,\n BooleanValue: this.toBooleanValue(value),\n IsJson: isJsonField,\n Sequence: fieldMeta?.Sequence ?? 9999,\n ForeignKeyDisplayValue: fkInfo?.DisplayValue ?? '',\n ForeignKeyEntityName: fkInfo?.EntityName ?? '',\n ForeignKeyRecordId: fkInfo?.RecordId ?? ''\n });\n }\n\n return fields.sort((a, b) => a.Sequence - b.Sequence);\n }\n\n /**\n * Find the entity's NameField (uses EntityInfo.NameField getter which checks\n * IsNameField first, then falls back to a field called \"Name\").\n */\n private extractNameFieldValue(entityInfo: EntityInfo | undefined, data: Record<string, unknown>): string {\n if (!entityInfo) return '';\n const nameField = entityInfo.NameField;\n if (nameField && data[nameField.Name] != null) {\n return String(data[nameField.Name]);\n }\n return '';\n }\n\n private findEntityInfo(): EntityInfo | undefined {\n if (this.Data.EntityName && this.Data.EntityName !== 'Unknown') {\n return this.metadata.Entities.find(e => e.Name === this.Data.EntityName);\n }\n if (this.Data.EntityID) {\n return this.metadata.Entities.find(e => UUIDsEqual(e.ID, this.Data.EntityID));\n }\n return undefined;\n }\n\n private buildDiffMap(): Map<string, { ChangeType: string; OldValue: string }> {\n const map = new Map<string, { ChangeType: string; OldValue: string }>();\n if (this.Data.FieldDiffs) {\n for (const diff of this.Data.FieldDiffs) {\n map.set(diff.FieldName, { ChangeType: diff.ChangeType, OldValue: diff.OldValue });\n }\n }\n return map;\n }\n\n /**\n * Build a map of FK field name -> { DisplayValue, EntityName, RecordId }\n * by matching FK fields to their associated virtual (display) fields.\n */\n private buildForeignKeyMap(\n entityInfo: EntityInfo | undefined,\n data: Record<string, unknown>\n ): Map<string, { DisplayValue: string; EntityName: string; RecordId: string }> {\n const map = new Map<string, { DisplayValue: string; EntityName: string; RecordId: string }>();\n if (!entityInfo) return map;\n\n for (const field of entityInfo.Fields) {\n if (!field.RelatedEntityID || field.Name === 'ID') continue;\n\n // Find the related entity name\n const relatedEntity = this.metadata.Entities.find(e => UUIDsEqual(e.ID, field.RelatedEntityID));\n if (!relatedEntity) continue;\n\n const fkValue = data[field.Name];\n if (fkValue == null) continue;\n\n // Find display value from the associated virtual field\n const displayValue = this.findFkDisplayValue(entityInfo, field.Name, data);\n\n map.set(field.Name, {\n DisplayValue: displayValue,\n EntityName: relatedEntity.Name,\n RecordId: String(fkValue)\n });\n }\n\n return map;\n }\n\n /**\n * Find the display value for a FK field by checking multiple strategies:\n * 1. Look for a virtual field with RelatedEntityNameFieldMap pointing to this FK\n * 2. Look for any virtual field whose name is derived from the FK name\n * 3. Scan data keys for common naming patterns (e.g., \"TypeID\" -> \"Type\")\n */\n private findFkDisplayValue(entityInfo: EntityInfo, fkFieldName: string, data: Record<string, unknown>): string {\n // Strategy 1: Metadata-linked virtual field via RelatedEntityNameFieldMap\n const linkedVirtual = entityInfo.Fields.find(f =>\n f.RelatedEntityNameFieldMap === fkFieldName && f.IsVirtual\n );\n if (linkedVirtual && data[linkedVirtual.Name] != null) {\n return String(data[linkedVirtual.Name]);\n }\n\n // Strategy 2: Find any virtual field that looks like a display field for this FK\n // by checking all virtual fields and matching via naming patterns\n const virtualFields = entityInfo.Fields.filter(f => f.IsVirtual);\n for (const vf of virtualFields) {\n // Check if this virtual field's RelatedEntityNameFieldMap matches (case-insensitive)\n if (vf.RelatedEntityNameFieldMap &&\n vf.RelatedEntityNameFieldMap.toLowerCase() === fkFieldName.toLowerCase() &&\n data[vf.Name] != null) {\n return String(data[vf.Name]);\n }\n }\n\n // Strategy 3: Try common naming conventions in the data itself\n // e.g., \"TypeID\" -> look for \"Type\" key in data\n // \"OwnerUserID\" -> look for \"Owner User\" or \"OwnerUser\"\n // Strip trailing \"ID\" from the FK name and try variations\n if (fkFieldName.endsWith('ID') && fkFieldName.length > 2) {\n const baseName = fkFieldName.slice(0, -2);\n\n // Direct match in data (e.g., \"CategoryID\" -> \"Category\")\n if (data[baseName] != null && typeof data[baseName] === 'string' &&\n !this.looksLikeGuid(data[baseName] as string)) {\n return String(data[baseName]);\n }\n\n // Try with space before capitals (e.g., \"OwnerUserID\" -> \"Owner User\")\n const spacedName = baseName.replace(/([a-z])([A-Z])/g, '$1 $2');\n if (spacedName !== baseName && data[spacedName] != null &&\n typeof data[spacedName] === 'string' &&\n !this.looksLikeGuid(data[spacedName] as string)) {\n return String(data[spacedName]);\n }\n }\n\n return '';\n }\n\n /** Quick check if a string looks like a GUID (to avoid using GUIDs as display values). */\n private looksLikeGuid(value: string): boolean {\n return /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(value);\n }\n\n /**\n * Get the set of virtual field names so we can skip them in the main field list.\n * Virtual fields are display-only fields whose values are merged into FK rows.\n * We skip ALL virtual fields — not just ones with RelatedEntityNameFieldMap —\n * because they are derived/computed and don't represent stored data.\n */\n private getVirtualFieldNames(entityInfo: EntityInfo | undefined): Set<string> {\n const names = new Set<string>();\n if (!entityInfo) return names;\n\n for (const field of entityInfo.Fields) {\n if (field.IsVirtual) {\n names.add(field.Name);\n }\n }\n\n return names;\n }\n\n // =========================================================================\n // Record ID formatting\n // =========================================================================\n\n /**\n * For single-value PKs like \"ID|<uuid>\", extract just the uuid.\n * For composite keys, show the full concatenated string.\n */\n private formatRecordId(recordId: string): string {\n if (!recordId) return '';\n const parts = recordId.split('||');\n if (parts.length === 1) {\n const singleParts = recordId.split('|');\n if (singleParts.length === 2) {\n return singleParts[1];\n }\n }\n return recordId;\n }\n\n /**\n * Extract the raw ID value from a potentially formatted record ID string.\n */\n private extractRawId(recordId: string): string {\n if (!recordId) return '';\n const parts = recordId.split('||');\n if (parts.length === 1) {\n const singleParts = recordId.split('|');\n if (singleParts.length === 2) {\n return singleParts[1];\n }\n }\n return recordId;\n }\n\n // =========================================================================\n // Type helpers\n // =========================================================================\n\n private isBooleanType(type: string, value: unknown): boolean {\n const t = type.toLowerCase();\n if (t === 'bit' || t === 'boolean') return true;\n if (value === true || value === false) return true;\n return false;\n }\n\n private toBooleanValue(value: unknown): boolean {\n if (value === true || value === 1 || value === '1' || value === 'true') return true;\n return false;\n }\n\n private isJsonValue(value: unknown): boolean {\n if (typeof value === 'object' && value != null) return true;\n if (typeof value === 'string') {\n const trimmed = value.trim();\n return (trimmed.startsWith('{') && trimmed.endsWith('}')) ||\n (trimmed.startsWith('[') && trimmed.endsWith(']'));\n }\n return false;\n }\n\n // =========================================================================\n // Formatting helpers\n // =========================================================================\n\n private formatValue(value: unknown, isJson: boolean): string {\n if (value == null) return 'null';\n if (typeof value === 'boolean') return value ? 'true' : 'false';\n if (typeof value === 'number') return String(value);\n if (typeof value === 'string') {\n if (this.isDateString(value)) return this.formatDate(value);\n // Try to pretty-print JSON strings\n if (isJson) return this.formatJsonString(value);\n if (value.length > 300) return value.substring(0, 300) + '...';\n return value;\n }\n if (typeof value === 'object') {\n try {\n return JSON.stringify(value, null, 2);\n } catch {\n return String(value);\n }\n }\n return String(value);\n }\n\n private formatJsonString(value: string): string {\n try {\n const parsed = JSON.parse(value);\n return JSON.stringify(parsed, null, 2);\n } catch {\n return value;\n }\n }\n\n private isDateString(value: string): boolean {\n return /^\\d{4}-\\d{2}-\\d{2}T/.test(value);\n }\n\n private formatDate(value: string): string {\n try {\n const d = new Date(value);\n return d.toLocaleDateString('en-US', {\n month: 'short', day: 'numeric', year: 'numeric',\n hour: '2-digit', minute: '2-digit'\n });\n } catch {\n return value;\n }\n }\n\n private inferType(value: unknown): string {\n if (value == null) return 'null';\n if (typeof value === 'boolean') return 'bit';\n if (typeof value === 'number') return 'int';\n if (typeof value === 'string') {\n if (this.isDateString(value)) return 'datetime';\n if (/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(value)) return 'uniqueidentifier';\n return 'nvarchar';\n }\n return 'object';\n }\n}\n","<!-- Overlay mode -->\n@if (!Inline) {\n <div class=\"micro-backdrop\" [class.visible]=\"IsVisible\" (click)=\"OnBackdropClick()\"></div>\n <div class=\"micro-panel\" [class.visible]=\"IsVisible\">\n <ng-container *ngTemplateOutlet=\"microContent\"></ng-container>\n </div>\n}\n\n<!-- Inline mode (embedded in parent panel) -->\n@if (Inline) {\n <div class=\"micro-inline\">\n <ng-container *ngTemplateOutlet=\"microContent\"></ng-container>\n </div>\n}\n\n<!-- Shared content template -->\n<ng-template #microContent>\n <!-- Header (overlay mode only) -->\n @if (!Inline) {\n <div class=\"micro-header\">\n <div class=\"micro-header-info\">\n <div class=\"micro-entity\">\n <i [class]=\"EntityIcon\" class=\"micro-entity-icon\"></i>\n <span>{{Data.EntityName}}</span>\n @if (RecordDisplayName) {\n <span class=\"micro-record-name\">{{RecordDisplayName}}</span>\n }\n </div>\n <div class=\"micro-record-id\">\n <i class=\"fa-solid fa-fingerprint\"></i>\n <span>{{DisplayRecordID}}</span>\n </div>\n </div>\n <div class=\"micro-header-actions\">\n <button class=\"micro-open-btn\" (click)=\"OnOpenRecord()\" title=\"Open this record\">\n <i class=\"fa-solid fa-arrow-up-right-from-square\"></i> Open\n </button>\n <button class=\"micro-close\" (click)=\"OnClose()\">\n <i class=\"fa-solid fa-xmark\"></i>\n </button>\n </div>\n </div>\n }\n\n <!-- Inline header -->\n @if (Inline) {\n <div class=\"micro-inline-header\">\n <div class=\"micro-header-left\">\n <div class=\"micro-entity\">\n <i [class]=\"EntityIcon\" class=\"micro-entity-icon\"></i>\n <span>{{Data.EntityName}}</span>\n @if (RecordDisplayName) {\n <span class=\"micro-record-name\">{{RecordDisplayName}}</span>\n }\n </div>\n <div class=\"micro-record-id\">\n <i class=\"fa-solid fa-fingerprint\"></i>\n <span>{{DisplayRecordID}}</span>\n </div>\n </div>\n <button class=\"micro-open-btn\" (click)=\"OnOpenRecord()\" title=\"Open this record\">\n <i class=\"fa-solid fa-arrow-up-right-from-square\"></i> Open\n </button>\n </div>\n }\n\n <!-- Content -->\n <div class=\"micro-content\" [class.micro-content-inline]=\"Inline\">\n @if (IsLoading) {\n <mj-loading text=\"Loading record data...\"></mj-loading>\n }\n\n <!-- Error -->\n @if (!IsLoading && ErrorMessage) {\n <div class=\"micro-error\">\n <i class=\"fa-solid fa-circle-exclamation\"></i>\n <span>{{ErrorMessage}}</span>\n </div>\n }\n\n <!-- Field table -->\n @if (!IsLoading && !ErrorMessage && Fields.length > 0) {\n <div class=\"micro-fields\">\n <!-- Null toggle toolbar -->\n @if (HiddenNullCount > 0) {\n <div class=\"micro-toolbar\">\n <label class=\"null-toggle\">\n <input type=\"checkbox\" [checked]=\"ShowNullValues\" (change)=\"ToggleShowNulls()\" />\n <span class=\"null-toggle-label\">Show null values ({{HiddenNullCount}})</span>\n </label>\n </div>\n }\n <div class=\"micro-field-header\">\n <span class=\"mf-col-name\">Field</span>\n @if (!HasDiffs) {\n <span class=\"mf-col-value\">Value</span>\n }\n @if (HasDiffs) {\n <span class=\"mf-col-old\">Old</span>\n <span class=\"mf-col-new\">New</span>\n }\n </div>\n @for (field of VisibleFields; track field; let odd = $odd) {\n <div class=\"micro-field-row\"\n [class.odd]=\"odd\" [ngClass]=\"field.DiffClass\">\n <span class=\"mf-col-name\" [title]=\"field.Description\">\n <i [class]=\"GetTypeIcon(field.Type)\" class=\"mf-type-icon\"></i>\n <span class=\"mf-field-name\">{{field.DisplayName}}</span>\n </span>\n @if (!HasDiffs) {\n <span class=\"mf-col-value\" [title]=\"field.Value\">\n <!-- Boolean field -->\n @if (field.IsBoolean && !field.IsNull) {\n <i [class]=\"field.BooleanValue ? 'fa-solid fa-square-check mf-bool-true' : 'fa-regular fa-square mf-bool-false'\"\n class=\"mf-bool-icon\"></i>\n <span class=\"mf-bool-label\">{{field.BooleanValue ? 'Yes' : 'No'}}</span>\n }\n <!-- FK field with display value — show display name (ID) with open icon -->\n @if (!field.IsBoolean && field.ForeignKeyEntityName && field.ForeignKeyDisplayValue) {\n <a class=\"mf-fk-link\" (click)=\"OnEntityLinkClicked($event, field)\"\n [title]=\"field.ForeignKeyEntityName + ': ' + field.ForeignKeyRecordId\">\n {{field.ForeignKeyDisplayValue}}\n <span class=\"mf-fk-id\">({{field.ForeignKeyRecordId | slice:0:8}}...)</span>\n <i class=\"fa-solid fa-arrow-up-right-from-square mf-fk-icon\"></i>\n </a>\n }\n <!-- FK field without display value — show raw ID with open icon -->\n @if (!field.IsBoolean && field.ForeignKeyEntityName && !field.ForeignKeyDisplayValue) {\n <a class=\"mf-fk-link\" (click)=\"OnEntityLinkClicked($event, field)\"\n [title]=\"'Open ' + field.ForeignKeyEntityName\">\n {{field.Value}}\n <i class=\"fa-solid fa-arrow-up-right-from-square mf-fk-icon\"></i>\n </a>\n }\n <!-- JSON field — formatted -->\n @if (!field.IsBoolean && !field.ForeignKeyEntityName && field.IsJson) {\n <pre class=\"mf-json-value\">{{field.Value}}</pre>\n }\n <!-- Regular value -->\n @if (!field.IsBoolean && !field.ForeignKeyEntityName && !field.IsJson) {\n {{field.Value}}\n }\n </span>\n }\n @if (HasDiffs) {\n <span class=\"mf-col-old\" [title]=\"field.OldValue\">\n {{field.OldValue || field.Value}}\n </span>\n <span class=\"mf-col-new\" [title]=\"field.Value\">\n {{field.Value}}\n </span>\n }\n </div>\n }\n </div>\n }\n\n <!-- Empty -->\n @if (!IsLoading && !ErrorMessage && Fields.length === 0) {\n <mj-empty-state class=\"micro-empty\" Size=\"compact\"\n Icon=\"\" Title=\"No field data available.\" />\n }\n </div>\n</ng-template>\n"]}
|
|
@@ -5,9 +5,10 @@ import * as i3 from "./label-detail/label-detail.component";
|
|
|
5
5
|
import * as i4 from "@angular/common";
|
|
6
6
|
import * as i5 from "@angular/forms";
|
|
7
7
|
import * as i6 from "@memberjunction/ng-shared-generic";
|
|
8
|
+
import * as i7 from "@memberjunction/ng-ui-components";
|
|
8
9
|
export declare class VersionsModule {
|
|
9
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<VersionsModule, never>;
|
|
10
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<VersionsModule, [typeof i1.MjRecordMicroViewComponent, typeof i2.MjLabelCreateComponent, typeof i3.MjLabelDetailComponent], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.SharedGenericModule], [typeof i1.MjRecordMicroViewComponent, typeof i2.MjLabelCreateComponent, typeof i3.MjLabelDetailComponent]>;
|
|
11
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<VersionsModule, [typeof i1.MjRecordMicroViewComponent, typeof i2.MjLabelCreateComponent, typeof i3.MjLabelDetailComponent], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.SharedGenericModule, typeof i7.MJEmptyStateComponent, typeof i7.MJAccordionModule], [typeof i1.MjRecordMicroViewComponent, typeof i2.MjLabelCreateComponent, typeof i3.MjLabelDetailComponent]>;
|
|
11
12
|
static ɵinj: i0.ɵɵInjectorDeclaration<VersionsModule>;
|
|
12
13
|
}
|
|
13
14
|
//# sourceMappingURL=versions.module.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"versions.module.d.ts","sourceRoot":"","sources":["../../src/lib/versions.module.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"versions.module.d.ts","sourceRoot":"","sources":["../../src/lib/versions.module.ts"],"names":[],"mappings":";;;;;;;;AAUA,qBAmBa,cAAc;yCAAd,cAAc;0CAAd,cAAc;0CAAd,cAAc;CAAG"}
|
|
@@ -2,6 +2,7 @@ import { NgModule } from '@angular/core';
|
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { FormsModule } from '@angular/forms';
|
|
4
4
|
import { SharedGenericModule } from '@memberjunction/ng-shared-generic';
|
|
5
|
+
import { MJEmptyStateComponent, MJAccordionModule } from '@memberjunction/ng-ui-components';
|
|
5
6
|
import { MjRecordMicroViewComponent } from './record-micro-view/record-micro-view.component';
|
|
6
7
|
import { MjLabelCreateComponent } from './label-create/label-create.component';
|
|
7
8
|
import { MjLabelDetailComponent } from './label-detail/label-detail.component';
|
|
@@ -11,7 +12,9 @@ export class VersionsModule {
|
|
|
11
12
|
static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: VersionsModule });
|
|
12
13
|
static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
|
|
13
14
|
FormsModule,
|
|
14
|
-
SharedGenericModule
|
|
15
|
+
SharedGenericModule,
|
|
16
|
+
MJEmptyStateComponent,
|
|
17
|
+
MJAccordionModule] });
|
|
15
18
|
}
|
|
16
19
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(VersionsModule, [{
|
|
17
20
|
type: NgModule,
|
|
@@ -24,7 +27,9 @@ export class VersionsModule {
|
|
|
24
27
|
imports: [
|
|
25
28
|
CommonModule,
|
|
26
29
|
FormsModule,
|
|
27
|
-
SharedGenericModule
|
|
30
|
+
SharedGenericModule,
|
|
31
|
+
MJEmptyStateComponent,
|
|
32
|
+
MJAccordionModule
|
|
28
33
|
],
|
|
29
34
|
exports: [
|
|
30
35
|
MjRecordMicroViewComponent,
|
|
@@ -37,7 +42,9 @@ export class VersionsModule {
|
|
|
37
42
|
MjLabelCreateComponent,
|
|
38
43
|
MjLabelDetailComponent], imports: [CommonModule,
|
|
39
44
|
FormsModule,
|
|
40
|
-
SharedGenericModule
|
|
45
|
+
SharedGenericModule,
|
|
46
|
+
MJEmptyStateComponent,
|
|
47
|
+
MJAccordionModule], exports: [MjRecordMicroViewComponent,
|
|
41
48
|
MjLabelCreateComponent,
|
|
42
49
|
MjLabelDetailComponent] }); })();
|
|
43
50
|
//# sourceMappingURL=versions.module.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"versions.module.js","sourceRoot":"","sources":["../../src/lib/versions.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;
|
|
1
|
+
{"version":3,"file":"versions.module.js","sourceRoot":"","sources":["../../src/lib/versions.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAE5F,OAAO,EAAE,0BAA0B,EAAE,MAAM,iDAAiD,CAAC;AAC7F,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;;AAqB/E,MAAM,OAAO,cAAc;wGAAd,cAAc;4DAAd,cAAc;gEAZnB,YAAY;YACZ,WAAW;YACX,mBAAmB;YACnB,qBAAqB;YACrB,iBAAiB;;iFAQZ,cAAc;cAnB1B,QAAQ;eAAC;gBACN,YAAY,EAAE;oBACV,0BAA0B;oBAC1B,sBAAsB;oBACtB,sBAAsB;iBACzB;gBACD,OAAO,EAAE;oBACL,YAAY;oBACZ,WAAW;oBACX,mBAAmB;oBACnB,qBAAqB;oBACrB,iBAAiB;iBACpB;gBACD,OAAO,EAAE;oBACL,0BAA0B;oBAC1B,sBAAsB;oBACtB,sBAAsB;iBACzB;aACJ;;wFACY,cAAc,mBAjBnB,0BAA0B;QAC1B,sBAAsB;QACtB,sBAAsB,aAGtB,YAAY;QACZ,WAAW;QACX,mBAAmB;QACnB,qBAAqB;QACrB,iBAAiB,aAGjB,0BAA0B;QAC1B,sBAAsB;QACtB,sBAAsB","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { SharedGenericModule } from '@memberjunction/ng-shared-generic';\nimport { MJEmptyStateComponent, MJAccordionModule } from '@memberjunction/ng-ui-components';\n\nimport { MjRecordMicroViewComponent } from './record-micro-view/record-micro-view.component';\nimport { MjLabelCreateComponent } from './label-create/label-create.component';\nimport { MjLabelDetailComponent } from './label-detail/label-detail.component';\n\n@NgModule({\n declarations: [\n MjRecordMicroViewComponent,\n MjLabelCreateComponent,\n MjLabelDetailComponent\n ],\n imports: [\n CommonModule,\n FormsModule,\n SharedGenericModule,\n MJEmptyStateComponent,\n MJAccordionModule\n ],\n exports: [\n MjRecordMicroViewComponent,\n MjLabelCreateComponent,\n MjLabelDetailComponent\n ]\n})\nexport class VersionsModule {}\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@memberjunction/ng-versions",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.44.0",
|
|
4
4
|
"description": "MemberJunction: Angular Version History Components - Label creation, detail viewing, and slide panel",
|
|
5
5
|
"main": "./dist/public-api.js",
|
|
6
6
|
"typings": "./dist/public-api.d.ts",
|
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
"devDependencies": {
|
|
19
19
|
"@angular/compiler": "21.1.3",
|
|
20
20
|
"@angular/compiler-cli": "21.1.3",
|
|
21
|
+
"@memberjunction/ng-test-utils": "5.44.0",
|
|
21
22
|
"vitest": "^4.0.18"
|
|
22
23
|
},
|
|
23
24
|
"peerDependencies": {
|
|
@@ -26,12 +27,13 @@
|
|
|
26
27
|
"@angular/forms": "21.1.3"
|
|
27
28
|
},
|
|
28
29
|
"dependencies": {
|
|
29
|
-
"@memberjunction/
|
|
30
|
-
"@memberjunction/
|
|
31
|
-
"@memberjunction/
|
|
32
|
-
"@memberjunction/
|
|
33
|
-
"@memberjunction/
|
|
34
|
-
"@memberjunction/
|
|
30
|
+
"@memberjunction/ng-ui-components": "5.44.0",
|
|
31
|
+
"@memberjunction/core": "5.44.0",
|
|
32
|
+
"@memberjunction/ng-base-types": "5.44.0",
|
|
33
|
+
"@memberjunction/core-entities": "5.44.0",
|
|
34
|
+
"@memberjunction/global": "5.44.0",
|
|
35
|
+
"@memberjunction/graphql-dataprovider": "5.44.0",
|
|
36
|
+
"@memberjunction/ng-shared-generic": "5.44.0",
|
|
35
37
|
"rxjs": "^7.8.2",
|
|
36
38
|
"tslib": "^2.8.1"
|
|
37
39
|
},
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/index.test.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.js","sourceRoot":"","sources":["../../src/__tests__/index.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAE9C,QAAQ,CAAC,6BAA6B,EAAE,GAAG,EAAE;IAC3C,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;QACpC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { describe, it, expect } from 'vitest';\n\ndescribe('@memberjunction/ng-versions', () => {\n it('should have a passing test', () => {\n expect(true).toBe(true);\n });\n});\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/types.test.ts"],"names":[],"mappings":""}
|