@memberjunction/ng-query-viewer 5.11.0 → 5.12.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.
Files changed (19) hide show
  1. package/dist/lib/query-data-grid/query-data-grid.component.d.ts +15 -3
  2. package/dist/lib/query-data-grid/query-data-grid.component.d.ts.map +1 -1
  3. package/dist/lib/query-data-grid/query-data-grid.component.js +83 -34
  4. package/dist/lib/query-data-grid/query-data-grid.component.js.map +1 -1
  5. package/dist/lib/query-info-panel/query-info-panel.component.js +2 -2
  6. package/dist/lib/query-info-panel/query-info-panel.component.js.map +1 -1
  7. package/dist/lib/query-parameter-form/query-parameter-form.component.js +2 -2
  8. package/dist/lib/query-parameter-form/query-parameter-form.component.js.map +1 -1
  9. package/dist/lib/query-row-detail/query-row-detail.component.js +2 -2
  10. package/dist/lib/query-row-detail/query-row-detail.component.js.map +1 -1
  11. package/dist/lib/query-viewer/query-viewer.component.d.ts +13 -4
  12. package/dist/lib/query-viewer/query-viewer.component.d.ts.map +1 -1
  13. package/dist/lib/query-viewer/query-viewer.component.js +31 -8
  14. package/dist/lib/query-viewer/query-viewer.component.js.map +1 -1
  15. package/dist/lib/query-viewer.module.d.ts +5 -4
  16. package/dist/lib/query-viewer.module.d.ts.map +1 -1
  17. package/dist/lib/query-viewer.module.js +4 -0
  18. package/dist/lib/query-viewer.module.js.map +1 -1
  19. package/package.json +11 -10
package/dist/lib/query-row-detail/query-row-detail.component.js CHANGED
@@ -700,7 +700,7 @@ export class QueryRowDetailComponent {
700
700
  i0.ɵɵconditional(ctx.Visible ? 0 : -1);
701
701
  i0.ɵɵadvance();
702
702
  i0.ɵɵconditional(ctx.Visible ? 1 : -1);
703
- } }, styles: ["\n\n\n[_nghost-%COMP%] {\n display: block;\n}\n\n\n\n\n\n\n.row-detail-panel[_ngcontent-%COMP%] {\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n background: #fff;\n box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);\n z-index: 1000;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n\n\n\n\n\n.resize-handle[_ngcontent-%COMP%] {\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 6px;\n cursor: ew-resize;\n background: transparent;\n transition: background 0.15s ease;\n z-index: 10;\n}\n\n.resize-handle[_ngcontent-%COMP%]:hover, \n.resize-handle.resizing[_ngcontent-%COMP%] {\n background: rgba(33, 150, 243, 0.3);\n}\n\n.resize-handle[_ngcontent-%COMP%]::before {\n content: '';\n position: absolute;\n left: 2px;\n top: 50%;\n transform: translateY(-50%);\n width: 2px;\n height: 40px;\n background: #ccc;\n border-radius: 1px;\n transition: background 0.15s ease;\n}\n\n.resize-handle[_ngcontent-%COMP%]:hover::before, \n.resize-handle.resizing[_ngcontent-%COMP%]::before {\n background: #2196F3;\n}\n\n\n\n\n\n\n.panel-header[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 16px 20px;\n background: linear-gradient(135deg, #5c6bc0 0%, #3949ab 100%);\n color: #fff;\n flex-shrink: 0;\n}\n\n.header-left[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.header-icon[_ngcontent-%COMP%] {\n font-size: 20px;\n opacity: 0.9;\n}\n\n.close-btn[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n padding: 0;\n border: none;\n background: rgba(255, 255, 255, 0.15);\n color: #fff;\n cursor: pointer;\n border-radius: 6px;\n transition: all 0.15s ease;\n}\n\n.close-btn[_ngcontent-%COMP%]:hover {\n background: rgba(255, 255, 255, 0.25);\n}\n\n.panel-title[_ngcontent-%COMP%] {\n margin: 0;\n font-size: 16px;\n font-weight: 600;\n color: #fff;\n}\n\n.header-right[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n\n\n\n\n\n.row-nav[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 4px 8px;\n background: rgba(255, 255, 255, 0.15);\n border-radius: 4px;\n}\n\n.nav-btn[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 28px;\n height: 28px;\n padding: 0;\n border: none;\n background: transparent;\n color: #fff;\n cursor: pointer;\n border-radius: 4px;\n transition: all 0.15s ease;\n}\n\n.nav-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n background: rgba(255, 255, 255, 0.15);\n}\n\n.nav-btn[_ngcontent-%COMP%]:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n}\n\n.row-indicator[_ngcontent-%COMP%] {\n font-size: 12px;\n font-weight: 500;\n color: #fff;\n padding: 0 4px;\n min-width: 50px;\n text-align: center;\n}\n\n\n\n\n\n\n.action-btn[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n padding: 0;\n border: none;\n background: rgba(255, 255, 255, 0.15);\n color: #fff;\n cursor: pointer;\n border-radius: 6px;\n transition: all 0.15s ease;\n}\n\n.action-btn[_ngcontent-%COMP%]:hover {\n background: rgba(255, 255, 255, 0.25);\n}\n\n.action-btn.active[_ngcontent-%COMP%] {\n background: rgba(255, 255, 255, 0.3);\n}\n\n.hidden-count[_ngcontent-%COMP%] {\n font-weight: 400;\n font-size: 11px;\n color: rgba(255, 255, 255, 0.7);\n margin-left: auto;\n}\n\n\n\n\n\n\n.panel-content[_ngcontent-%COMP%] {\n flex: 1;\n overflow-y: auto;\n padding: 16px;\n}\n\n\n\n\n\n\n.field-section[_ngcontent-%COMP%] {\n margin-bottom: 24px;\n}\n\n.field-section[_ngcontent-%COMP%]:last-child {\n margin-bottom: 0;\n}\n\n.section-title[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n margin: 0 0 12px 0;\n font-size: 14px;\n font-weight: 600;\n color: #333;\n padding-bottom: 8px;\n border-bottom: 1px solid #e0e0e0;\n}\n\n.section-icon[_ngcontent-%COMP%] {\n font-size: 12px;\n}\n\n.pk-icon[_ngcontent-%COMP%] {\n color: #f9a825;\n}\n\n.fk-icon[_ngcontent-%COMP%] {\n color: #2196F3;\n}\n\n\n\n\n\n\n.field-list[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.field-item[_ngcontent-%COMP%] {\n padding: 10px 12px;\n background: #f8f9fa;\n border-radius: 6px;\n border-left: 3px solid #5c6bc0;\n}\n\n.field-header[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 6px;\n}\n\n.field-name[_ngcontent-%COMP%] {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n flex-shrink: 0;\n}\n\n.field-type[_ngcontent-%COMP%] {\n font-size: 11px;\n font-family: 'Consolas', 'Monaco', monospace;\n color: #666;\n background: #e8eaf6;\n padding: 2px 6px;\n border-radius: 4px;\n}\n\n.target-entity[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 4px;\n font-size: 11px;\n color: #2196F3;\n margin-left: auto;\n}\n\n.target-entity[_ngcontent-%COMP%] i[_ngcontent-%COMP%] {\n font-size: 8px;\n}\n\n.copy-btn[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n padding: 0;\n border: none;\n background: transparent;\n color: #aaa;\n cursor: pointer;\n border-radius: 4px;\n margin-left: auto;\n opacity: 0;\n transition: all 0.15s ease;\n}\n\n.field-item[_ngcontent-%COMP%]:hover .copy-btn[_ngcontent-%COMP%] {\n opacity: 1;\n}\n\n.copy-btn[_ngcontent-%COMP%]:hover {\n background: rgba(0, 0, 0, 0.08);\n color: #666;\n}\n\n\n\n\n\n\n.field-value[_ngcontent-%COMP%] {\n font-size: 13px;\n color: #333;\n line-height: 1.5;\n word-break: break-word;\n}\n\n.field-value.empty[_ngcontent-%COMP%] {\n color: #999;\n font-style: italic;\n}\n\n.field-value.clickable[_ngcontent-%COMP%] {\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 6px 8px;\n margin: -2px -4px;\n border-radius: 4px;\n transition: background 0.15s ease;\n}\n\n.field-value.clickable[_ngcontent-%COMP%]:hover {\n background: rgba(33, 150, 243, 0.1);\n}\n\n.entity-icon[_ngcontent-%COMP%] {\n font-size: 12px;\n color: #2196F3;\n flex-shrink: 0;\n}\n\n.link-icon[_ngcontent-%COMP%] {\n font-size: 10px;\n color: #aaa;\n margin-left: auto;\n opacity: 0;\n transition: opacity 0.15s ease;\n}\n\n.field-value.clickable[_ngcontent-%COMP%]:hover .link-icon[_ngcontent-%COMP%] {\n opacity: 1;\n}\n\n.value-text[_ngcontent-%COMP%] {\n flex: 1;\n}\n\n.value-text.monospace[_ngcontent-%COMP%] {\n font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;\n font-size: 12px;\n}\n\n\n\n\n\n\n.boolean-value[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.bool-true[_ngcontent-%COMP%] {\n color: #4caf50;\n}\n\n.bool-false[_ngcontent-%COMP%] {\n color: #9e9e9e;\n}\n\n\n\n\n\n\n.json-value[_ngcontent-%COMP%] {\n position: relative;\n}\n\n.json-content[_ngcontent-%COMP%] {\n margin: 0;\n padding: 8px;\n background: #f5f5f5;\n border-radius: 4px;\n font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;\n font-size: 11px;\n line-height: 1.4;\n overflow: hidden;\n max-height: 100px;\n white-space: pre-wrap;\n word-break: break-all;\n}\n\n.json-value.expanded[_ngcontent-%COMP%] .json-content[_ngcontent-%COMP%] {\n max-height: none;\n}\n\n\n\n\n\n\n.long-text[_ngcontent-%COMP%] {\n position: relative;\n}\n\n.long-text[_ngcontent-%COMP%] .value-text[_ngcontent-%COMP%] {\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n\n.long-text.expanded[_ngcontent-%COMP%] .value-text[_ngcontent-%COMP%] {\n display: block;\n -webkit-line-clamp: unset;\n}\n\n\n\n\n\n\n.expand-btn[_ngcontent-%COMP%] {\n display: inline-block;\n margin-top: 6px;\n padding: 4px 8px;\n border: none;\n background: transparent;\n color: #2196F3;\n font-size: 11px;\n font-weight: 500;\n cursor: pointer;\n border-radius: 4px;\n transition: background 0.15s ease;\n}\n\n.expand-btn[_ngcontent-%COMP%]:hover {\n background: rgba(33, 150, 243, 0.1);\n}\n\n\n\n\n\n\n.panel-backdrop[_ngcontent-%COMP%] {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.3);\n z-index: 999;\n}\n\n\n\n\n\n\n.panel-content[_ngcontent-%COMP%]::-webkit-scrollbar {\n width: 6px;\n}\n\n.panel-content[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n background: transparent;\n}\n\n.panel-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n background: #ccc;\n border-radius: 3px;\n}\n\n.panel-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n background: #aaa;\n}\n\n\n\n\n\n\n@media (max-width: 600px) {\n .row-detail-panel[_ngcontent-%COMP%] {\n width: 100% !important;\n }\n\n .resize-handle[_ngcontent-%COMP%] {\n display: none;\n }\n}"], data: { animation: [
703
+ } }, styles: ["\n\n\n[_nghost-%COMP%] {\n display: block;\n}\n\n\n\n\n\n\n.row-detail-panel[_ngcontent-%COMP%] {\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n background: var(--mj-bg-surface);\n box-shadow: -4px 0 20px var(--mj-bg-overlay);\n z-index: 1000;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n\n\n\n\n\n.resize-handle[_ngcontent-%COMP%] {\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 6px;\n cursor: ew-resize;\n background: transparent;\n transition: background 0.15s ease;\n z-index: 10;\n}\n\n.resize-handle[_ngcontent-%COMP%]:hover, \n.resize-handle.resizing[_ngcontent-%COMP%] {\n background: color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n}\n\n.resize-handle[_ngcontent-%COMP%]::before {\n content: '';\n position: absolute;\n left: 2px;\n top: 50%;\n transform: translateY(-50%);\n width: 2px;\n height: 40px;\n background: var(--mj-border-strong);\n border-radius: 1px;\n transition: background 0.15s ease;\n}\n\n.resize-handle[_ngcontent-%COMP%]:hover::before, \n.resize-handle.resizing[_ngcontent-%COMP%]::before {\n background: var(--mj-brand-primary);\n}\n\n\n\n\n\n\n.panel-header[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 16px 20px;\n background: var(--mj-brand-primary);\n color: var(--mj-text-inverse);\n flex-shrink: 0;\n}\n\n.header-left[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.header-icon[_ngcontent-%COMP%] {\n font-size: 20px;\n opacity: 0.9;\n}\n\n.close-btn[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n padding: 0;\n border: none;\n background: rgba(255, 255, 255, 0.15);\n color: var(--mj-text-inverse);\n cursor: pointer;\n border-radius: 6px;\n transition: all 0.15s ease;\n}\n\n.close-btn[_ngcontent-%COMP%]:hover {\n background: rgba(255, 255, 255, 0.25);\n}\n\n.panel-title[_ngcontent-%COMP%] {\n margin: 0;\n font-size: 16px;\n font-weight: 600;\n color: var(--mj-text-inverse);\n}\n\n.header-right[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n\n\n\n\n\n.row-nav[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 4px 8px;\n background: rgba(255, 255, 255, 0.15);\n border-radius: 4px;\n}\n\n.nav-btn[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 28px;\n height: 28px;\n padding: 0;\n border: none;\n background: transparent;\n color: var(--mj-text-inverse);\n cursor: pointer;\n border-radius: 4px;\n transition: all 0.15s ease;\n}\n\n.nav-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n background: rgba(255, 255, 255, 0.15);\n}\n\n.nav-btn[_ngcontent-%COMP%]:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n}\n\n.row-indicator[_ngcontent-%COMP%] {\n font-size: 12px;\n font-weight: 500;\n color: var(--mj-text-inverse);\n padding: 0 4px;\n min-width: 50px;\n text-align: center;\n}\n\n\n\n\n\n\n.action-btn[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n padding: 0;\n border: none;\n background: rgba(255, 255, 255, 0.15);\n color: var(--mj-text-inverse);\n cursor: pointer;\n border-radius: 6px;\n transition: all 0.15s ease;\n}\n\n.action-btn[_ngcontent-%COMP%]:hover {\n background: rgba(255, 255, 255, 0.25);\n}\n\n.action-btn.active[_ngcontent-%COMP%] {\n background: rgba(255, 255, 255, 0.3);\n}\n\n.hidden-count[_ngcontent-%COMP%] {\n font-weight: 400;\n font-size: 11px;\n color: rgba(255, 255, 255, 0.7);\n margin-left: auto;\n}\n\n\n\n\n\n\n.panel-content[_ngcontent-%COMP%] {\n flex: 1;\n overflow-y: auto;\n padding: 16px;\n}\n\n\n\n\n\n\n.field-section[_ngcontent-%COMP%] {\n margin-bottom: 24px;\n}\n\n.field-section[_ngcontent-%COMP%]:last-child {\n margin-bottom: 0;\n}\n\n.section-title[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n margin: 0 0 12px 0;\n font-size: 14px;\n font-weight: 600;\n color: var(--mj-text-primary);\n padding-bottom: 8px;\n border-bottom: 1px solid var(--mj-border-default);\n}\n\n.section-icon[_ngcontent-%COMP%] {\n font-size: 12px;\n}\n\n.pk-icon[_ngcontent-%COMP%] {\n color: var(--mj-status-warning);\n}\n\n.fk-icon[_ngcontent-%COMP%] {\n color: var(--mj-brand-primary);\n}\n\n\n\n\n\n\n.field-list[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.field-item[_ngcontent-%COMP%] {\n padding: 10px 12px;\n background: var(--mj-bg-surface-card);\n border-radius: 6px;\n border-left: 3px solid var(--mj-brand-primary);\n}\n\n.field-header[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 6px;\n}\n\n.field-name[_ngcontent-%COMP%] {\n font-size: 12px;\n font-weight: 600;\n color: var(--mj-text-primary);\n flex-shrink: 0;\n}\n\n.field-type[_ngcontent-%COMP%] {\n font-size: 11px;\n font-family: 'Consolas', 'Monaco', monospace;\n color: var(--mj-text-secondary);\n background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n padding: 2px 6px;\n border-radius: 4px;\n}\n\n.target-entity[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 4px;\n font-size: 11px;\n color: var(--mj-brand-primary);\n margin-left: auto;\n}\n\n.target-entity[_ngcontent-%COMP%] i[_ngcontent-%COMP%] {\n font-size: 8px;\n}\n\n.copy-btn[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n padding: 0;\n border: none;\n background: transparent;\n color: var(--mj-text-disabled);\n cursor: pointer;\n border-radius: 4px;\n margin-left: auto;\n opacity: 0;\n transition: all 0.15s ease;\n}\n\n.field-item[_ngcontent-%COMP%]:hover .copy-btn[_ngcontent-%COMP%] {\n opacity: 1;\n}\n\n.copy-btn[_ngcontent-%COMP%]:hover {\n background: color-mix(in srgb, var(--mj-text-primary) 8%, transparent);\n color: var(--mj-text-secondary);\n}\n\n\n\n\n\n\n.field-value[_ngcontent-%COMP%] {\n font-size: 13px;\n color: var(--mj-text-primary);\n line-height: 1.5;\n word-break: break-word;\n}\n\n.field-value.empty[_ngcontent-%COMP%] {\n color: var(--mj-text-disabled);\n font-style: italic;\n}\n\n.field-value.clickable[_ngcontent-%COMP%] {\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 6px 8px;\n margin: -2px -4px;\n border-radius: 4px;\n transition: background 0.15s ease;\n}\n\n.field-value.clickable[_ngcontent-%COMP%]:hover {\n background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.entity-icon[_ngcontent-%COMP%] {\n font-size: 12px;\n color: var(--mj-brand-primary);\n flex-shrink: 0;\n}\n\n.link-icon[_ngcontent-%COMP%] {\n font-size: 10px;\n color: var(--mj-text-disabled);\n margin-left: auto;\n opacity: 0;\n transition: opacity 0.15s ease;\n}\n\n.field-value.clickable[_ngcontent-%COMP%]:hover .link-icon[_ngcontent-%COMP%] {\n opacity: 1;\n}\n\n.value-text[_ngcontent-%COMP%] {\n flex: 1;\n}\n\n.value-text.monospace[_ngcontent-%COMP%] {\n font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;\n font-size: 12px;\n}\n\n\n\n\n\n\n.boolean-value[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.bool-true[_ngcontent-%COMP%] {\n color: var(--mj-status-success);\n}\n\n.bool-false[_ngcontent-%COMP%] {\n color: var(--mj-text-disabled);\n}\n\n\n\n\n\n\n.json-value[_ngcontent-%COMP%] {\n position: relative;\n}\n\n.json-content[_ngcontent-%COMP%] {\n margin: 0;\n padding: 8px;\n background: var(--mj-bg-surface-sunken);\n border-radius: 4px;\n font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;\n font-size: 11px;\n line-height: 1.4;\n overflow: hidden;\n max-height: 100px;\n white-space: pre-wrap;\n word-break: break-all;\n}\n\n.json-value.expanded[_ngcontent-%COMP%] .json-content[_ngcontent-%COMP%] {\n max-height: none;\n}\n\n\n\n\n\n\n.long-text[_ngcontent-%COMP%] {\n position: relative;\n}\n\n.long-text[_ngcontent-%COMP%] .value-text[_ngcontent-%COMP%] {\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n\n.long-text.expanded[_ngcontent-%COMP%] .value-text[_ngcontent-%COMP%] {\n display: block;\n -webkit-line-clamp: unset;\n}\n\n\n\n\n\n\n.expand-btn[_ngcontent-%COMP%] {\n display: inline-block;\n margin-top: 6px;\n padding: 4px 8px;\n border: none;\n background: transparent;\n color: var(--mj-brand-primary);\n font-size: 11px;\n font-weight: 500;\n cursor: pointer;\n border-radius: 4px;\n transition: background 0.15s ease;\n}\n\n.expand-btn[_ngcontent-%COMP%]:hover {\n background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n\n\n\n\n\n.panel-backdrop[_ngcontent-%COMP%] {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: var(--mj-bg-overlay);\n z-index: 999;\n}\n\n\n\n\n\n\n.panel-content[_ngcontent-%COMP%]::-webkit-scrollbar {\n width: 6px;\n}\n\n.panel-content[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n background: transparent;\n}\n\n.panel-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n background: var(--mj-border-strong);\n border-radius: 3px;\n}\n\n.panel-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n background: var(--mj-text-disabled);\n}\n\n\n\n\n\n\n@media (max-width: 600px) {\n .row-detail-panel[_ngcontent-%COMP%] {\n width: 100% !important;\n }\n\n .resize-handle[_ngcontent-%COMP%] {\n display: none;\n }\n}"], data: { animation: [
704
704
  trigger('slideIn', [
705
705
  transition(':enter', [
706
706
  style({ transform: 'translateX(100%)', opacity: 0 }),
@@ -724,7 +724,7 @@ export class QueryRowDetailComponent {
724
724
  animate('150ms ease-in', style({ transform: 'translateX(100%)', opacity: 0 }))
725
725
  ])
726
726
  ])
727
- ], template: "<!-- Row Detail Slide-in Panel -->\n@if (Visible) {\n <div class=\"row-detail-panel\"\n @slideIn\n [style.width.px]=\"PanelWidth\">\n <!-- Resize handle -->\n <div class=\"resize-handle\"\n (mousedown)=\"onResizeStart($event)\"\n [class.resizing]=\"IsResizing\">\n </div>\n <!-- Header -->\n <div class=\"panel-header\">\n <div class=\"header-left\">\n <i class=\"fa-solid fa-table-cells-large header-icon\"></i>\n <h3 class=\"panel-title\">Row Details</h3>\n </div>\n <div class=\"header-right\">\n <!-- Row navigation -->\n @if (TotalRows > 1) {\n <div class=\"row-nav\">\n <button class=\"nav-btn\"\n [disabled]=\"RowIndex === 0\"\n (click)=\"onNavigatePrev()\"\n title=\"Previous row (\u2191 or K)\">\n <i class=\"fa-solid fa-chevron-up\"></i>\n </button>\n <span class=\"row-indicator\">{{ RowIndex + 1 }} / {{ TotalRows }}</span>\n <button class=\"nav-btn\"\n [disabled]=\"RowIndex >= TotalRows - 1\"\n (click)=\"onNavigateNext()\"\n title=\"Next row (\u2193 or J)\">\n <i class=\"fa-solid fa-chevron-down\"></i>\n </button>\n </div>\n }\n <!-- Toggle empty fields -->\n <button class=\"action-btn\"\n (click)=\"toggleHideEmptyFields()\"\n [class.active]=\"HideEmptyFields\"\n [title]=\"HideEmptyFields ? 'Show empty fields' : 'Hide empty fields'\">\n <i class=\"fa-solid\" [class.fa-eye]=\"!HideEmptyFields\" [class.fa-eye-slash]=\"HideEmptyFields\"></i>\n </button>\n <!-- Copy JSON button -->\n <button class=\"action-btn\" (click)=\"copyRowAsJson()\" title=\"Copy row as JSON\">\n <i class=\"fa-solid fa-copy\"></i>\n </button>\n <!-- Close button -->\n <button class=\"close-btn\" (click)=\"onClose()\" title=\"Close (Esc)\">\n <i class=\"fa-solid fa-times\"></i>\n </button>\n </div>\n </div>\n <!-- Content -->\n <div class=\"panel-content\">\n <!-- Primary Keys Section -->\n @if (getVisibleFields(PrimaryKeyFields).length > 0) {\n <div class=\"field-section\">\n <h4 class=\"section-title\">\n <i class=\"fa-solid fa-key section-icon pk-icon\"></i>\n Primary Key\n </h4>\n <div class=\"field-list\">\n @for (field of getVisibleFields(PrimaryKeyFields); track field) {\n <div class=\"field-item\">\n <div class=\"field-header\">\n <span class=\"field-name\">{{ field.displayName }}</span>\n <button class=\"copy-btn\" (click)=\"copyValue(field)\" title=\"Copy value\">\n <i class=\"fa-solid fa-copy\"></i>\n </button>\n </div>\n <div class=\"field-value\"\n [class.clickable]=\"field.targetEntityName\"\n (click)=\"field.targetEntityName && onEntityLinkClick(field)\">\n @if (field.targetEntityIcon) {\n <i\n [class]=\"field.targetEntityIcon\"\n class=\"entity-icon\"></i>\n }\n <span class=\"value-text monospace\">{{ field.formattedValue }}</span>\n @if (field.targetEntityName) {\n <i\n class=\"fa-solid fa-arrow-up-right-from-square link-icon\"></i>\n }\n </div>\n </div>\n }\n </div>\n </div>\n }\n <!-- Foreign Keys Section -->\n @if (getVisibleFields(ForeignKeyFields).length > 0) {\n <div class=\"field-section\">\n <h4 class=\"section-title\">\n <i class=\"fa-solid fa-link section-icon fk-icon\"></i>\n Related Records\n </h4>\n <div class=\"field-list\">\n @for (field of getVisibleFields(ForeignKeyFields); track field) {\n <div class=\"field-item\">\n <div class=\"field-header\">\n <span class=\"field-name\">{{ field.displayName }}</span>\n @if (field.targetEntityName) {\n <span class=\"target-entity\">\n <i class=\"fa-solid fa-arrow-right\"></i>\n {{ field.targetEntityName }}\n </span>\n }\n <button class=\"copy-btn\" (click)=\"copyValue(field)\" title=\"Copy value\">\n <i class=\"fa-solid fa-copy\"></i>\n </button>\n </div>\n @if (field.value != null) {\n <div class=\"field-value clickable\"\n (click)=\"onEntityLinkClick(field)\">\n @if (field.targetEntityIcon) {\n <i\n [class]=\"field.targetEntityIcon\"\n class=\"entity-icon\"></i>\n }\n <span class=\"value-text monospace\">{{ field.formattedValue }}</span>\n <i class=\"fa-solid fa-arrow-up-right-from-square link-icon\"></i>\n </div>\n }\n @if (field.value == null) {\n <div class=\"field-value empty\">\n <span class=\"value-text\">(empty)</span>\n </div>\n }\n </div>\n }\n </div>\n </div>\n }\n <!-- Regular Fields Section -->\n @if (getVisibleFields(RegularFields).length > 0) {\n <div class=\"field-section\">\n <h4 class=\"section-title\">\n <i class=\"fa-solid fa-list section-icon\"></i>\n Fields\n @if (HideEmptyFields && getEmptyFieldCount(RegularFields) > 0) {\n <span class=\"hidden-count\">\n ({{ getEmptyFieldCount(RegularFields) }} empty hidden)\n </span>\n }\n </h4>\n <div class=\"field-list\">\n @for (field of getVisibleFields(RegularFields); track field) {\n <div class=\"field-item\">\n <div class=\"field-header\">\n <span class=\"field-name\">{{ field.displayName }}</span>\n <span class=\"field-type\">{{ field.sqlType }}</span>\n <button class=\"copy-btn\" (click)=\"copyValue(field)\" title=\"Copy value\">\n <i class=\"fa-solid fa-copy\"></i>\n </button>\n </div>\n <!-- JSON value -->\n @if (isJson(field.formattedValue)) {\n <div class=\"field-value json-value\"\n [class.expanded]=\"field.isExpanded\">\n <pre class=\"json-content\">{{ formatJson(field.formattedValue) }}</pre>\n <button class=\"expand-btn\" (click)=\"toggleFieldExpand(field)\">\n {{ field.isExpanded ? 'Collapse' : 'Expand' }}\n </button>\n </div>\n }\n <!-- Long text value -->\n @if (!isJson(field.formattedValue) && field.isLongText) {\n <div class=\"field-value long-text\"\n [class.expanded]=\"field.isExpanded\">\n <span class=\"value-text\">{{ field.formattedValue }}</span>\n <button class=\"expand-btn\" (click)=\"toggleFieldExpand(field)\">\n {{ field.isExpanded ? 'Show less' : 'Show more' }}\n </button>\n </div>\n }\n <!-- Boolean value -->\n @if (field.sqlType.toLowerCase() === 'bit' && !isJson(field.formattedValue)) {\n <div class=\"field-value boolean-value\"\n >\n <i [class]=\"field.value ? 'fa-solid fa-check-circle bool-true' : 'fa-solid fa-times-circle bool-false'\"></i>\n <span class=\"value-text\">{{ field.formattedValue }}</span>\n </div>\n }\n <!-- Empty value -->\n @if (field.value == null && !isJson(field.formattedValue)) {\n <div class=\"field-value empty\"\n >\n <span class=\"value-text\">(empty)</span>\n </div>\n }\n <!-- Regular value -->\n @if (field.value != null && !isJson(field.formattedValue) && !field.isLongText && field.sqlType.toLowerCase() !== 'bit') {\n <div class=\"field-value\"\n >\n <span class=\"value-text\"\n [class.monospace]=\"field.sqlType.toLowerCase().includes('uniqueidentifier') || field.name.toLowerCase().includes('id')\">\n {{ field.formattedValue }}\n </span>\n </div>\n }\n </div>\n }\n </div>\n </div>\n }\n </div>\n </div>\n}\n\n<!-- Backdrop -->\n@if (Visible) {\n <div class=\"panel-backdrop\"\n (click)=\"onClose()\">\n </div>\n}\n", styles: ["/* Query Row Detail Panel Styles */\n\n:host {\n display: block;\n}\n\n/* ========================================\n Panel Container\n ======================================== */\n\n.row-detail-panel {\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n background: #fff;\n box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);\n z-index: 1000;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n/* ========================================\n Resize Handle\n ======================================== */\n\n.resize-handle {\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 6px;\n cursor: ew-resize;\n background: transparent;\n transition: background 0.15s ease;\n z-index: 10;\n}\n\n.resize-handle:hover,\n.resize-handle.resizing {\n background: rgba(33, 150, 243, 0.3);\n}\n\n.resize-handle::before {\n content: '';\n position: absolute;\n left: 2px;\n top: 50%;\n transform: translateY(-50%);\n width: 2px;\n height: 40px;\n background: #ccc;\n border-radius: 1px;\n transition: background 0.15s ease;\n}\n\n.resize-handle:hover::before,\n.resize-handle.resizing::before {\n background: #2196F3;\n}\n\n/* ========================================\n Header\n ======================================== */\n\n.panel-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 16px 20px;\n background: linear-gradient(135deg, #5c6bc0 0%, #3949ab 100%);\n color: #fff;\n flex-shrink: 0;\n}\n\n.header-left {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.header-icon {\n font-size: 20px;\n opacity: 0.9;\n}\n\n.close-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n padding: 0;\n border: none;\n background: rgba(255, 255, 255, 0.15);\n color: #fff;\n cursor: pointer;\n border-radius: 6px;\n transition: all 0.15s ease;\n}\n\n.close-btn:hover {\n background: rgba(255, 255, 255, 0.25);\n}\n\n.panel-title {\n margin: 0;\n font-size: 16px;\n font-weight: 600;\n color: #fff;\n}\n\n.header-right {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n/* ========================================\n Row Navigation\n ======================================== */\n\n.row-nav {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 4px 8px;\n background: rgba(255, 255, 255, 0.15);\n border-radius: 4px;\n}\n\n.nav-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 28px;\n height: 28px;\n padding: 0;\n border: none;\n background: transparent;\n color: #fff;\n cursor: pointer;\n border-radius: 4px;\n transition: all 0.15s ease;\n}\n\n.nav-btn:hover:not(:disabled) {\n background: rgba(255, 255, 255, 0.15);\n}\n\n.nav-btn:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n}\n\n.row-indicator {\n font-size: 12px;\n font-weight: 500;\n color: #fff;\n padding: 0 4px;\n min-width: 50px;\n text-align: center;\n}\n\n/* ========================================\n Action Buttons\n ======================================== */\n\n.action-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n padding: 0;\n border: none;\n background: rgba(255, 255, 255, 0.15);\n color: #fff;\n cursor: pointer;\n border-radius: 6px;\n transition: all 0.15s ease;\n}\n\n.action-btn:hover {\n background: rgba(255, 255, 255, 0.25);\n}\n\n.action-btn.active {\n background: rgba(255, 255, 255, 0.3);\n}\n\n.hidden-count {\n font-weight: 400;\n font-size: 11px;\n color: rgba(255, 255, 255, 0.7);\n margin-left: auto;\n}\n\n/* ========================================\n Content\n ======================================== */\n\n.panel-content {\n flex: 1;\n overflow-y: auto;\n padding: 16px;\n}\n\n/* ========================================\n Field Sections\n ======================================== */\n\n.field-section {\n margin-bottom: 24px;\n}\n\n.field-section:last-child {\n margin-bottom: 0;\n}\n\n.section-title {\n display: flex;\n align-items: center;\n gap: 8px;\n margin: 0 0 12px 0;\n font-size: 14px;\n font-weight: 600;\n color: #333;\n padding-bottom: 8px;\n border-bottom: 1px solid #e0e0e0;\n}\n\n.section-icon {\n font-size: 12px;\n}\n\n.pk-icon {\n color: #f9a825;\n}\n\n.fk-icon {\n color: #2196F3;\n}\n\n/* ========================================\n Field Items\n ======================================== */\n\n.field-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.field-item {\n padding: 10px 12px;\n background: #f8f9fa;\n border-radius: 6px;\n border-left: 3px solid #5c6bc0;\n}\n\n.field-header {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 6px;\n}\n\n.field-name {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n flex-shrink: 0;\n}\n\n.field-type {\n font-size: 11px;\n font-family: 'Consolas', 'Monaco', monospace;\n color: #666;\n background: #e8eaf6;\n padding: 2px 6px;\n border-radius: 4px;\n}\n\n.target-entity {\n display: flex;\n align-items: center;\n gap: 4px;\n font-size: 11px;\n color: #2196F3;\n margin-left: auto;\n}\n\n.target-entity i {\n font-size: 8px;\n}\n\n.copy-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n padding: 0;\n border: none;\n background: transparent;\n color: #aaa;\n cursor: pointer;\n border-radius: 4px;\n margin-left: auto;\n opacity: 0;\n transition: all 0.15s ease;\n}\n\n.field-item:hover .copy-btn {\n opacity: 1;\n}\n\n.copy-btn:hover {\n background: rgba(0, 0, 0, 0.08);\n color: #666;\n}\n\n/* ========================================\n Field Values\n ======================================== */\n\n.field-value {\n font-size: 13px;\n color: #333;\n line-height: 1.5;\n word-break: break-word;\n}\n\n.field-value.empty {\n color: #999;\n font-style: italic;\n}\n\n.field-value.clickable {\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 6px 8px;\n margin: -2px -4px;\n border-radius: 4px;\n transition: background 0.15s ease;\n}\n\n.field-value.clickable:hover {\n background: rgba(33, 150, 243, 0.1);\n}\n\n.entity-icon {\n font-size: 12px;\n color: #2196F3;\n flex-shrink: 0;\n}\n\n.link-icon {\n font-size: 10px;\n color: #aaa;\n margin-left: auto;\n opacity: 0;\n transition: opacity 0.15s ease;\n}\n\n.field-value.clickable:hover .link-icon {\n opacity: 1;\n}\n\n.value-text {\n flex: 1;\n}\n\n.value-text.monospace {\n font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;\n font-size: 12px;\n}\n\n/* ========================================\n Boolean Values\n ======================================== */\n\n.boolean-value {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.bool-true {\n color: #4caf50;\n}\n\n.bool-false {\n color: #9e9e9e;\n}\n\n/* ========================================\n JSON Values\n ======================================== */\n\n.json-value {\n position: relative;\n}\n\n.json-content {\n margin: 0;\n padding: 8px;\n background: #f5f5f5;\n border-radius: 4px;\n font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;\n font-size: 11px;\n line-height: 1.4;\n overflow: hidden;\n max-height: 100px;\n white-space: pre-wrap;\n word-break: break-all;\n}\n\n.json-value.expanded .json-content {\n max-height: none;\n}\n\n/* ========================================\n Long Text Values\n ======================================== */\n\n.long-text {\n position: relative;\n}\n\n.long-text .value-text {\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n\n.long-text.expanded .value-text {\n display: block;\n -webkit-line-clamp: unset;\n}\n\n/* ========================================\n Expand Button\n ======================================== */\n\n.expand-btn {\n display: inline-block;\n margin-top: 6px;\n padding: 4px 8px;\n border: none;\n background: transparent;\n color: #2196F3;\n font-size: 11px;\n font-weight: 500;\n cursor: pointer;\n border-radius: 4px;\n transition: background 0.15s ease;\n}\n\n.expand-btn:hover {\n background: rgba(33, 150, 243, 0.1);\n}\n\n/* ========================================\n Backdrop\n ======================================== */\n\n.panel-backdrop {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.3);\n z-index: 999;\n}\n\n/* ========================================\n Scrollbar\n ======================================== */\n\n.panel-content::-webkit-scrollbar {\n width: 6px;\n}\n\n.panel-content::-webkit-scrollbar-track {\n background: transparent;\n}\n\n.panel-content::-webkit-scrollbar-thumb {\n background: #ccc;\n border-radius: 3px;\n}\n\n.panel-content::-webkit-scrollbar-thumb:hover {\n background: #aaa;\n}\n\n/* ========================================\n Responsive\n ======================================== */\n\n@media (max-width: 600px) {\n .row-detail-panel {\n width: 100% !important;\n }\n\n .resize-handle {\n display: none;\n }\n}\n"] }]
727
+ ], template: "<!-- Row Detail Slide-in Panel -->\n@if (Visible) {\n <div class=\"row-detail-panel\"\n @slideIn\n [style.width.px]=\"PanelWidth\">\n <!-- Resize handle -->\n <div class=\"resize-handle\"\n (mousedown)=\"onResizeStart($event)\"\n [class.resizing]=\"IsResizing\">\n </div>\n <!-- Header -->\n <div class=\"panel-header\">\n <div class=\"header-left\">\n <i class=\"fa-solid fa-table-cells-large header-icon\"></i>\n <h3 class=\"panel-title\">Row Details</h3>\n </div>\n <div class=\"header-right\">\n <!-- Row navigation -->\n @if (TotalRows > 1) {\n <div class=\"row-nav\">\n <button class=\"nav-btn\"\n [disabled]=\"RowIndex === 0\"\n (click)=\"onNavigatePrev()\"\n title=\"Previous row (\u2191 or K)\">\n <i class=\"fa-solid fa-chevron-up\"></i>\n </button>\n <span class=\"row-indicator\">{{ RowIndex + 1 }} / {{ TotalRows }}</span>\n <button class=\"nav-btn\"\n [disabled]=\"RowIndex >= TotalRows - 1\"\n (click)=\"onNavigateNext()\"\n title=\"Next row (\u2193 or J)\">\n <i class=\"fa-solid fa-chevron-down\"></i>\n </button>\n </div>\n }\n <!-- Toggle empty fields -->\n <button class=\"action-btn\"\n (click)=\"toggleHideEmptyFields()\"\n [class.active]=\"HideEmptyFields\"\n [title]=\"HideEmptyFields ? 'Show empty fields' : 'Hide empty fields'\">\n <i class=\"fa-solid\" [class.fa-eye]=\"!HideEmptyFields\" [class.fa-eye-slash]=\"HideEmptyFields\"></i>\n </button>\n <!-- Copy JSON button -->\n <button class=\"action-btn\" (click)=\"copyRowAsJson()\" title=\"Copy row as JSON\">\n <i class=\"fa-solid fa-copy\"></i>\n </button>\n <!-- Close button -->\n <button class=\"close-btn\" (click)=\"onClose()\" title=\"Close (Esc)\">\n <i class=\"fa-solid fa-times\"></i>\n </button>\n </div>\n </div>\n <!-- Content -->\n <div class=\"panel-content\">\n <!-- Primary Keys Section -->\n @if (getVisibleFields(PrimaryKeyFields).length > 0) {\n <div class=\"field-section\">\n <h4 class=\"section-title\">\n <i class=\"fa-solid fa-key section-icon pk-icon\"></i>\n Primary Key\n </h4>\n <div class=\"field-list\">\n @for (field of getVisibleFields(PrimaryKeyFields); track field) {\n <div class=\"field-item\">\n <div class=\"field-header\">\n <span class=\"field-name\">{{ field.displayName }}</span>\n <button class=\"copy-btn\" (click)=\"copyValue(field)\" title=\"Copy value\">\n <i class=\"fa-solid fa-copy\"></i>\n </button>\n </div>\n <div class=\"field-value\"\n [class.clickable]=\"field.targetEntityName\"\n (click)=\"field.targetEntityName && onEntityLinkClick(field)\">\n @if (field.targetEntityIcon) {\n <i\n [class]=\"field.targetEntityIcon\"\n class=\"entity-icon\"></i>\n }\n <span class=\"value-text monospace\">{{ field.formattedValue }}</span>\n @if (field.targetEntityName) {\n <i\n class=\"fa-solid fa-arrow-up-right-from-square link-icon\"></i>\n }\n </div>\n </div>\n }\n </div>\n </div>\n }\n <!-- Foreign Keys Section -->\n @if (getVisibleFields(ForeignKeyFields).length > 0) {\n <div class=\"field-section\">\n <h4 class=\"section-title\">\n <i class=\"fa-solid fa-link section-icon fk-icon\"></i>\n Related Records\n </h4>\n <div class=\"field-list\">\n @for (field of getVisibleFields(ForeignKeyFields); track field) {\n <div class=\"field-item\">\n <div class=\"field-header\">\n <span class=\"field-name\">{{ field.displayName }}</span>\n @if (field.targetEntityName) {\n <span class=\"target-entity\">\n <i class=\"fa-solid fa-arrow-right\"></i>\n {{ field.targetEntityName }}\n </span>\n }\n <button class=\"copy-btn\" (click)=\"copyValue(field)\" title=\"Copy value\">\n <i class=\"fa-solid fa-copy\"></i>\n </button>\n </div>\n @if (field.value != null) {\n <div class=\"field-value clickable\"\n (click)=\"onEntityLinkClick(field)\">\n @if (field.targetEntityIcon) {\n <i\n [class]=\"field.targetEntityIcon\"\n class=\"entity-icon\"></i>\n }\n <span class=\"value-text monospace\">{{ field.formattedValue }}</span>\n <i class=\"fa-solid fa-arrow-up-right-from-square link-icon\"></i>\n </div>\n }\n @if (field.value == null) {\n <div class=\"field-value empty\">\n <span class=\"value-text\">(empty)</span>\n </div>\n }\n </div>\n }\n </div>\n </div>\n }\n <!-- Regular Fields Section -->\n @if (getVisibleFields(RegularFields).length > 0) {\n <div class=\"field-section\">\n <h4 class=\"section-title\">\n <i class=\"fa-solid fa-list section-icon\"></i>\n Fields\n @if (HideEmptyFields && getEmptyFieldCount(RegularFields) > 0) {\n <span class=\"hidden-count\">\n ({{ getEmptyFieldCount(RegularFields) }} empty hidden)\n </span>\n }\n </h4>\n <div class=\"field-list\">\n @for (field of getVisibleFields(RegularFields); track field) {\n <div class=\"field-item\">\n <div class=\"field-header\">\n <span class=\"field-name\">{{ field.displayName }}</span>\n <span class=\"field-type\">{{ field.sqlType }}</span>\n <button class=\"copy-btn\" (click)=\"copyValue(field)\" title=\"Copy value\">\n <i class=\"fa-solid fa-copy\"></i>\n </button>\n </div>\n <!-- JSON value -->\n @if (isJson(field.formattedValue)) {\n <div class=\"field-value json-value\"\n [class.expanded]=\"field.isExpanded\">\n <pre class=\"json-content\">{{ formatJson(field.formattedValue) }}</pre>\n <button class=\"expand-btn\" (click)=\"toggleFieldExpand(field)\">\n {{ field.isExpanded ? 'Collapse' : 'Expand' }}\n </button>\n </div>\n }\n <!-- Long text value -->\n @if (!isJson(field.formattedValue) && field.isLongText) {\n <div class=\"field-value long-text\"\n [class.expanded]=\"field.isExpanded\">\n <span class=\"value-text\">{{ field.formattedValue }}</span>\n <button class=\"expand-btn\" (click)=\"toggleFieldExpand(field)\">\n {{ field.isExpanded ? 'Show less' : 'Show more' }}\n </button>\n </div>\n }\n <!-- Boolean value -->\n @if (field.sqlType.toLowerCase() === 'bit' && !isJson(field.formattedValue)) {\n <div class=\"field-value boolean-value\"\n >\n <i [class]=\"field.value ? 'fa-solid fa-check-circle bool-true' : 'fa-solid fa-times-circle bool-false'\"></i>\n <span class=\"value-text\">{{ field.formattedValue }}</span>\n </div>\n }\n <!-- Empty value -->\n @if (field.value == null && !isJson(field.formattedValue)) {\n <div class=\"field-value empty\"\n >\n <span class=\"value-text\">(empty)</span>\n </div>\n }\n <!-- Regular value -->\n @if (field.value != null && !isJson(field.formattedValue) && !field.isLongText && field.sqlType.toLowerCase() !== 'bit') {\n <div class=\"field-value\"\n >\n <span class=\"value-text\"\n [class.monospace]=\"field.sqlType.toLowerCase().includes('uniqueidentifier') || field.name.toLowerCase().includes('id')\">\n {{ field.formattedValue }}\n </span>\n </div>\n }\n </div>\n }\n </div>\n </div>\n }\n </div>\n </div>\n}\n\n<!-- Backdrop -->\n@if (Visible) {\n <div class=\"panel-backdrop\"\n (click)=\"onClose()\">\n </div>\n}\n", styles: ["/* Query Row Detail Panel Styles */\n\n:host {\n display: block;\n}\n\n/* ========================================\n Panel Container\n ======================================== */\n\n.row-detail-panel {\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n background: var(--mj-bg-surface);\n box-shadow: -4px 0 20px var(--mj-bg-overlay);\n z-index: 1000;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n/* ========================================\n Resize Handle\n ======================================== */\n\n.resize-handle {\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 6px;\n cursor: ew-resize;\n background: transparent;\n transition: background 0.15s ease;\n z-index: 10;\n}\n\n.resize-handle:hover,\n.resize-handle.resizing {\n background: color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n}\n\n.resize-handle::before {\n content: '';\n position: absolute;\n left: 2px;\n top: 50%;\n transform: translateY(-50%);\n width: 2px;\n height: 40px;\n background: var(--mj-border-strong);\n border-radius: 1px;\n transition: background 0.15s ease;\n}\n\n.resize-handle:hover::before,\n.resize-handle.resizing::before {\n background: var(--mj-brand-primary);\n}\n\n/* ========================================\n Header\n ======================================== */\n\n.panel-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 16px 20px;\n background: var(--mj-brand-primary);\n color: var(--mj-text-inverse);\n flex-shrink: 0;\n}\n\n.header-left {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.header-icon {\n font-size: 20px;\n opacity: 0.9;\n}\n\n.close-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n padding: 0;\n border: none;\n background: rgba(255, 255, 255, 0.15);\n color: var(--mj-text-inverse);\n cursor: pointer;\n border-radius: 6px;\n transition: all 0.15s ease;\n}\n\n.close-btn:hover {\n background: rgba(255, 255, 255, 0.25);\n}\n\n.panel-title {\n margin: 0;\n font-size: 16px;\n font-weight: 600;\n color: var(--mj-text-inverse);\n}\n\n.header-right {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n/* ========================================\n Row Navigation\n ======================================== */\n\n.row-nav {\n display: flex;\n align-items: center;\n gap: 4px;\n padding: 4px 8px;\n background: rgba(255, 255, 255, 0.15);\n border-radius: 4px;\n}\n\n.nav-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 28px;\n height: 28px;\n padding: 0;\n border: none;\n background: transparent;\n color: var(--mj-text-inverse);\n cursor: pointer;\n border-radius: 4px;\n transition: all 0.15s ease;\n}\n\n.nav-btn:hover:not(:disabled) {\n background: rgba(255, 255, 255, 0.15);\n}\n\n.nav-btn:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n}\n\n.row-indicator {\n font-size: 12px;\n font-weight: 500;\n color: var(--mj-text-inverse);\n padding: 0 4px;\n min-width: 50px;\n text-align: center;\n}\n\n/* ========================================\n Action Buttons\n ======================================== */\n\n.action-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n padding: 0;\n border: none;\n background: rgba(255, 255, 255, 0.15);\n color: var(--mj-text-inverse);\n cursor: pointer;\n border-radius: 6px;\n transition: all 0.15s ease;\n}\n\n.action-btn:hover {\n background: rgba(255, 255, 255, 0.25);\n}\n\n.action-btn.active {\n background: rgba(255, 255, 255, 0.3);\n}\n\n.hidden-count {\n font-weight: 400;\n font-size: 11px;\n color: rgba(255, 255, 255, 0.7);\n margin-left: auto;\n}\n\n/* ========================================\n Content\n ======================================== */\n\n.panel-content {\n flex: 1;\n overflow-y: auto;\n padding: 16px;\n}\n\n/* ========================================\n Field Sections\n ======================================== */\n\n.field-section {\n margin-bottom: 24px;\n}\n\n.field-section:last-child {\n margin-bottom: 0;\n}\n\n.section-title {\n display: flex;\n align-items: center;\n gap: 8px;\n margin: 0 0 12px 0;\n font-size: 14px;\n font-weight: 600;\n color: var(--mj-text-primary);\n padding-bottom: 8px;\n border-bottom: 1px solid var(--mj-border-default);\n}\n\n.section-icon {\n font-size: 12px;\n}\n\n.pk-icon {\n color: var(--mj-status-warning);\n}\n\n.fk-icon {\n color: var(--mj-brand-primary);\n}\n\n/* ========================================\n Field Items\n ======================================== */\n\n.field-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.field-item {\n padding: 10px 12px;\n background: var(--mj-bg-surface-card);\n border-radius: 6px;\n border-left: 3px solid var(--mj-brand-primary);\n}\n\n.field-header {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 6px;\n}\n\n.field-name {\n font-size: 12px;\n font-weight: 600;\n color: var(--mj-text-primary);\n flex-shrink: 0;\n}\n\n.field-type {\n font-size: 11px;\n font-family: 'Consolas', 'Monaco', monospace;\n color: var(--mj-text-secondary);\n background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n padding: 2px 6px;\n border-radius: 4px;\n}\n\n.target-entity {\n display: flex;\n align-items: center;\n gap: 4px;\n font-size: 11px;\n color: var(--mj-brand-primary);\n margin-left: auto;\n}\n\n.target-entity i {\n font-size: 8px;\n}\n\n.copy-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n padding: 0;\n border: none;\n background: transparent;\n color: var(--mj-text-disabled);\n cursor: pointer;\n border-radius: 4px;\n margin-left: auto;\n opacity: 0;\n transition: all 0.15s ease;\n}\n\n.field-item:hover .copy-btn {\n opacity: 1;\n}\n\n.copy-btn:hover {\n background: color-mix(in srgb, var(--mj-text-primary) 8%, transparent);\n color: var(--mj-text-secondary);\n}\n\n/* ========================================\n Field Values\n ======================================== */\n\n.field-value {\n font-size: 13px;\n color: var(--mj-text-primary);\n line-height: 1.5;\n word-break: break-word;\n}\n\n.field-value.empty {\n color: var(--mj-text-disabled);\n font-style: italic;\n}\n\n.field-value.clickable {\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 6px 8px;\n margin: -2px -4px;\n border-radius: 4px;\n transition: background 0.15s ease;\n}\n\n.field-value.clickable:hover {\n background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.entity-icon {\n font-size: 12px;\n color: var(--mj-brand-primary);\n flex-shrink: 0;\n}\n\n.link-icon {\n font-size: 10px;\n color: var(--mj-text-disabled);\n margin-left: auto;\n opacity: 0;\n transition: opacity 0.15s ease;\n}\n\n.field-value.clickable:hover .link-icon {\n opacity: 1;\n}\n\n.value-text {\n flex: 1;\n}\n\n.value-text.monospace {\n font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;\n font-size: 12px;\n}\n\n/* ========================================\n Boolean Values\n ======================================== */\n\n.boolean-value {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.bool-true {\n color: var(--mj-status-success);\n}\n\n.bool-false {\n color: var(--mj-text-disabled);\n}\n\n/* ========================================\n JSON Values\n ======================================== */\n\n.json-value {\n position: relative;\n}\n\n.json-content {\n margin: 0;\n padding: 8px;\n background: var(--mj-bg-surface-sunken);\n border-radius: 4px;\n font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;\n font-size: 11px;\n line-height: 1.4;\n overflow: hidden;\n max-height: 100px;\n white-space: pre-wrap;\n word-break: break-all;\n}\n\n.json-value.expanded .json-content {\n max-height: none;\n}\n\n/* ========================================\n Long Text Values\n ======================================== */\n\n.long-text {\n position: relative;\n}\n\n.long-text .value-text {\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n\n.long-text.expanded .value-text {\n display: block;\n -webkit-line-clamp: unset;\n}\n\n/* ========================================\n Expand Button\n ======================================== */\n\n.expand-btn {\n display: inline-block;\n margin-top: 6px;\n padding: 4px 8px;\n border: none;\n background: transparent;\n color: var(--mj-brand-primary);\n font-size: 11px;\n font-weight: 500;\n cursor: pointer;\n border-radius: 4px;\n transition: background 0.15s ease;\n}\n\n.expand-btn:hover {\n background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n/* ========================================\n Backdrop\n ======================================== */\n\n.panel-backdrop {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: var(--mj-bg-overlay);\n z-index: 999;\n}\n\n/* ========================================\n Scrollbar\n ======================================== */\n\n.panel-content::-webkit-scrollbar {\n width: 6px;\n}\n\n.panel-content::-webkit-scrollbar-track {\n background: transparent;\n}\n\n.panel-content::-webkit-scrollbar-thumb {\n background: var(--mj-border-strong);\n border-radius: 3px;\n}\n\n.panel-content::-webkit-scrollbar-thumb:hover {\n background: var(--mj-text-disabled);\n}\n\n/* ========================================\n Responsive\n ======================================== */\n\n@media (max-width: 600px) {\n .row-detail-panel {\n width: 100% !important;\n }\n\n .resize-handle {\n display: none;\n }\n}\n"] }]
728
728
  }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], { RowData: [{
729
729
  type: Input
730
730
  }], Columns: [{
package/dist/lib/query-row-detail/query-row-detail.component.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"query-row-detail.component.js","sourceRoot":"","sources":["../../../src/lib/query-row-detail/query-row-detail.component.ts","../../../src/lib/query-row-detail/query-row-detail.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Input,\n Output,\n EventEmitter,\n OnInit,\n OnDestroy,\n ChangeDetectorRef,\n ChangeDetectionStrategy,\n ElementRef,\n HostListener\n} from '@angular/core';\nimport { trigger, transition, style, animate } from '@angular/animations';\nimport { Subject } from 'rxjs';\nimport { takeUntil, debounceTime } from 'rxjs/operators';\nimport { Metadata, QueryInfo, QueryFieldInfo, EntityInfo } from '@memberjunction/core';\nimport { UserInfoEngine } from '@memberjunction/core-entities';\nimport { QueryGridColumnConfig } from '../query-data-grid/models/query-grid-types';\n\n/**\n * Event emitted when navigating to a linked entity record\n */\nexport interface RowDetailEntityLinkEvent {\n entityName: string;\n recordId: string;\n fieldName: string;\n}\n\n/**\n * Field display configuration for the detail panel\n */\ninterface DetailField {\n name: string;\n displayName: string;\n value: unknown;\n formattedValue: string;\n sqlType: string;\n isPrimaryKey: boolean;\n isForeignKey: boolean;\n targetEntityName?: string;\n targetEntityIcon?: string;\n sourceEntityName?: string;\n isLongText: boolean;\n isExpanded: boolean;\n}\n\n/**\n * Settings key for panel width persistence\n */\nconst PANEL_WIDTH_SETTING_KEY = 'QueryViewer_RowDetailPanel_Width';\n\n/**\n * Settings key for hide empty fields preference\n */\nconst HIDE_EMPTY_FIELDS_KEY = 'QueryViewer_RowDetailPanel_HideEmptyFields';\n\n/**\n * Row detail slide-in panel component.\n * Displays a single row's data in a formatted, grouped view with entity links.\n */\n@Component({\n standalone: false,\n selector: 'mj-query-row-detail',\n templateUrl: './query-row-detail.component.html',\n styleUrls: ['./query-row-detail.component.css'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n animations: [\n trigger('slideIn', [\n transition(':enter', [\n style({ transform: 'translateX(100%)', opacity: 0 }),\n animate('200ms ease-out', style({ transform: 'translateX(0)', opacity: 1 }))\n ]),\n transition(':leave', [\n animate('150ms ease-in', style({ transform: 'translateX(100%)', opacity: 0 }))\n ])\n ])\n ]\n})\nexport class QueryRowDetailComponent implements OnInit, OnDestroy {\n // ========================================\n // Inputs\n // ========================================\n\n private _rowData: Record<string, unknown> | null = null;\n @Input()\n set RowData(value: Record<string, unknown> | null) {\n this._rowData = value;\n if (value) {\n this.buildDetailFields();\n }\n }\n get RowData(): Record<string, unknown> | null {\n return this._rowData;\n }\n\n private _columns: QueryGridColumnConfig[] = [];\n @Input()\n set Columns(value: QueryGridColumnConfig[]) {\n this._columns = value || [];\n if (this._rowData) {\n this.buildDetailFields();\n }\n }\n get Columns(): QueryGridColumnConfig[] {\n return this._columns;\n }\n\n @Input() QueryInfo: QueryInfo | null = null;\n @Input() Visible: boolean = false;\n @Input() RowIndex: number = 0;\n @Input() TotalRows: number = 0;\n\n // ========================================\n // Outputs\n // ========================================\n\n @Output() Close = new EventEmitter<void>();\n @Output() EntityLinkClick = new EventEmitter<RowDetailEntityLinkEvent>();\n @Output() NavigateRow = new EventEmitter<'prev' | 'next'>();\n\n // ========================================\n // Internal State\n // ========================================\n\n public PrimaryKeyFields: DetailField[] = [];\n public ForeignKeyFields: DetailField[] = [];\n public RegularFields: DetailField[] = [];\n public PanelWidth: number = 400;\n public IsResizing: boolean = false;\n public HideEmptyFields: boolean = true;\n\n private destroy$ = new Subject<void>();\n private widthPersistSubject = new Subject<number>();\n private metadata = new Metadata();\n private minWidth = 300;\n private maxWidth = 800;\n\n constructor(\n private cdr: ChangeDetectorRef,\n private elementRef: ElementRef\n ) {\n // Debounce width persistence\n this.widthPersistSubject.pipe(\n debounceTime(500),\n takeUntil(this.destroy$)\n ).subscribe(width => {\n this.persistPanelWidth(width);\n });\n }\n\n ngOnInit(): void {\n this.loadPersistedWidth();\n this.loadHideEmptyFieldsPreference();\n }\n\n ngOnDestroy(): void {\n this.destroy$.next();\n this.destroy$.complete();\n }\n\n // ========================================\n // Field Building\n // ========================================\n\n private buildDetailFields(): void {\n if (!this._rowData || !this._columns.length) {\n this.PrimaryKeyFields = [];\n this.ForeignKeyFields = [];\n this.RegularFields = [];\n return;\n }\n\n const primaryKeys: DetailField[] = [];\n const foreignKeys: DetailField[] = [];\n const regular: DetailField[] = [];\n\n for (const col of this._columns) {\n const value = this._rowData[col.field];\n const field = this.buildDetailField(col, value);\n\n if (field.isPrimaryKey) {\n primaryKeys.push(field);\n } else if (field.isForeignKey) {\n foreignKeys.push(field);\n } else {\n regular.push(field);\n }\n }\n\n this.PrimaryKeyFields = primaryKeys;\n this.ForeignKeyFields = foreignKeys;\n this.RegularFields = regular;\n this.cdr.markForCheck();\n }\n\n private buildDetailField(col: QueryGridColumnConfig, value: unknown): DetailField {\n const formattedValue = this.formatValue(value, col);\n const isLongText = typeof value === 'string' && value.length > 200;\n\n return {\n name: col.field,\n displayName: col.title,\n value,\n formattedValue,\n sqlType: col.sqlBaseType,\n isPrimaryKey: col.isPrimaryKey || false,\n isForeignKey: col.isForeignKey || false,\n targetEntityName: col.targetEntityName,\n targetEntityIcon: col.targetEntityIcon,\n sourceEntityName: col.sourceEntityName,\n isLongText,\n isExpanded: false\n };\n }\n\n private formatValue(value: unknown, col: QueryGridColumnConfig): string {\n if (value === null || value === undefined) {\n return '(empty)';\n }\n\n const baseType = col.sqlBaseType.toLowerCase();\n\n // Boolean\n if (baseType === 'bit') {\n return value ? 'Yes' : 'No';\n }\n\n // Date/Time\n if (['date', 'datetime', 'datetime2', 'smalldatetime', 'datetimeoffset'].includes(baseType)) {\n const date = new Date(value as string);\n if (isNaN(date.getTime())) return String(value);\n\n const now = new Date();\n const diffMs = now.getTime() - date.getTime();\n const diffHours = Math.floor(diffMs / (1000 * 60 * 60));\n const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));\n\n let relativeTime = '';\n if (diffHours < 1) {\n relativeTime = 'just now';\n } else if (diffHours < 24) {\n relativeTime = `${diffHours} hour${diffHours === 1 ? '' : 's'} ago`;\n } else if (diffDays < 7) {\n relativeTime = `${diffDays} day${diffDays === 1 ? '' : 's'} ago`;\n }\n\n const formatted = baseType === 'date'\n ? date.toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric' })\n : date.toLocaleString('en-US', {\n year: 'numeric', month: 'short', day: 'numeric',\n hour: 'numeric', minute: '2-digit'\n });\n\n return relativeTime ? `${formatted} • ${relativeTime}` : formatted;\n }\n\n // Numbers\n if (['int', 'bigint', 'smallint', 'tinyint'].includes(baseType)) {\n const num = Number(value);\n if (isNaN(num)) return String(value);\n return num.toLocaleString();\n }\n\n if (['decimal', 'numeric', 'float', 'real'].includes(baseType)) {\n const num = Number(value);\n if (isNaN(num)) return String(value);\n return num.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 4 });\n }\n\n if (['money', 'smallmoney'].includes(baseType)) {\n const num = Number(value);\n if (isNaN(num)) return String(value);\n return new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(num);\n }\n\n // JSON detection\n const strValue = String(value);\n if (strValue.startsWith('{') || strValue.startsWith('[')) {\n try {\n JSON.parse(strValue);\n return strValue; // Will be formatted as JSON in template\n } catch {\n // Not valid JSON, continue\n }\n }\n\n return strValue;\n }\n\n // ========================================\n // User Actions\n // ========================================\n\n public onClose(): void {\n this.Close.emit();\n }\n\n public onEntityLinkClick(field: DetailField): void {\n if (field.targetEntityName && field.value != null) {\n this.EntityLinkClick.emit({\n entityName: field.targetEntityName,\n recordId: String(field.value),\n fieldName: field.name\n });\n }\n }\n\n public onNavigatePrev(): void {\n this.NavigateRow.emit('prev');\n }\n\n public onNavigateNext(): void {\n this.NavigateRow.emit('next');\n }\n\n public toggleFieldExpand(field: DetailField): void {\n field.isExpanded = !field.isExpanded;\n this.cdr.markForCheck();\n }\n\n public copyValue(field: DetailField): void {\n const textToCopy = field.value != null ? String(field.value) : '';\n navigator.clipboard.writeText(textToCopy);\n }\n\n public copyRowAsJson(): void {\n if (this._rowData) {\n const json = JSON.stringify(this._rowData, null, 2);\n navigator.clipboard.writeText(json);\n }\n }\n\n public isJson(value: string): boolean {\n if (!value || typeof value !== 'string') return false;\n const trimmed = value.trim();\n return (trimmed.startsWith('{') && trimmed.endsWith('}')) ||\n (trimmed.startsWith('[') && trimmed.endsWith(']'));\n }\n\n public formatJson(value: string): string {\n try {\n return JSON.stringify(JSON.parse(value), null, 2);\n } catch {\n return value;\n }\n }\n\n // ========================================\n // Resize Handling\n // ========================================\n\n public onResizeStart(event: MouseEvent): void {\n event.preventDefault();\n this.IsResizing = true;\n document.body.style.cursor = 'ew-resize';\n document.body.style.userSelect = 'none';\n }\n\n @HostListener('document:mousemove', ['$event'])\n onMouseMove(event: MouseEvent): void {\n if (!this.IsResizing) return;\n\n const containerRect = this.elementRef.nativeElement.parentElement?.getBoundingClientRect();\n if (!containerRect) return;\n\n const newWidth = containerRect.right - event.clientX;\n this.PanelWidth = Math.min(Math.max(newWidth, this.minWidth), this.maxWidth);\n this.cdr.markForCheck();\n }\n\n @HostListener('document:mouseup')\n onMouseUp(): void {\n if (this.IsResizing) {\n this.IsResizing = false;\n document.body.style.cursor = '';\n document.body.style.userSelect = '';\n this.widthPersistSubject.next(this.PanelWidth);\n }\n }\n\n // ========================================\n // Persistence\n // ========================================\n\n private loadPersistedWidth(): void {\n try {\n const savedWidth = UserInfoEngine.Instance.GetSetting(PANEL_WIDTH_SETTING_KEY);\n if (savedWidth) {\n const width = parseInt(savedWidth, 10);\n if (!isNaN(width) && width >= this.minWidth && width <= this.maxWidth) {\n this.PanelWidth = width;\n }\n }\n } catch (error) {\n console.error('[query-row-detail] Failed to load persisted width:', error);\n }\n }\n\n private async persistPanelWidth(width: number): Promise<void> {\n try {\n await UserInfoEngine.Instance.SetSetting(PANEL_WIDTH_SETTING_KEY, String(width));\n } catch (error) {\n console.error('[query-row-detail] Failed to persist panel width:', error);\n }\n }\n\n private loadHideEmptyFieldsPreference(): void {\n try {\n const saved = UserInfoEngine.Instance.GetSetting(HIDE_EMPTY_FIELDS_KEY);\n if (saved !== undefined) {\n this.HideEmptyFields = saved === 'true';\n }\n } catch (error) {\n console.error('[query-row-detail] Failed to load hide empty fields preference:', error);\n }\n }\n\n private async persistHideEmptyFieldsPreference(): Promise<void> {\n try {\n await UserInfoEngine.Instance.SetSetting(HIDE_EMPTY_FIELDS_KEY, String(this.HideEmptyFields));\n } catch (error) {\n console.error('[query-row-detail] Failed to persist hide empty fields preference:', error);\n }\n }\n\n public toggleHideEmptyFields(): void {\n this.HideEmptyFields = !this.HideEmptyFields;\n this.persistHideEmptyFieldsPreference();\n this.cdr.markForCheck();\n }\n\n /**\n * Returns visible fields based on HideEmptyFields setting\n */\n public getVisibleFields(fields: DetailField[]): DetailField[] {\n if (!this.HideEmptyFields) {\n return fields;\n }\n return fields.filter(f => f.value !== null && f.value !== undefined && f.value !== '');\n }\n\n /**\n * Returns count of empty fields for display\n */\n public getEmptyFieldCount(fields: DetailField[]): number {\n return fields.filter(f => f.value === null || f.value === undefined || f.value === '').length;\n }\n\n // ========================================\n // Keyboard Navigation\n // ========================================\n\n @HostListener('document:keydown', ['$event'])\n onKeyDown(event: KeyboardEvent): void {\n if (!this.Visible) return;\n\n if (event.key === 'Escape') {\n this.onClose();\n } else if (event.key === 'ArrowUp' || event.key === 'k') {\n if (this.RowIndex > 0) {\n this.onNavigatePrev();\n }\n } else if (event.key === 'ArrowDown' || event.key === 'j') {\n if (this.RowIndex < this.TotalRows - 1) {\n this.onNavigateNext();\n }\n }\n }\n}\n","<!-- Row Detail Slide-in Panel -->\n@if (Visible) {\n <div class=\"row-detail-panel\"\n @slideIn\n [style.width.px]=\"PanelWidth\">\n <!-- Resize handle -->\n <div class=\"resize-handle\"\n (mousedown)=\"onResizeStart($event)\"\n [class.resizing]=\"IsResizing\">\n </div>\n <!-- Header -->\n <div class=\"panel-header\">\n <div class=\"header-left\">\n <i class=\"fa-solid fa-table-cells-large header-icon\"></i>\n <h3 class=\"panel-title\">Row Details</h3>\n </div>\n <div class=\"header-right\">\n <!-- Row navigation -->\n @if (TotalRows > 1) {\n <div class=\"row-nav\">\n <button class=\"nav-btn\"\n [disabled]=\"RowIndex === 0\"\n (click)=\"onNavigatePrev()\"\n title=\"Previous row (↑ or K)\">\n <i class=\"fa-solid fa-chevron-up\"></i>\n </button>\n <span class=\"row-indicator\">{{ RowIndex + 1 }} / {{ TotalRows }}</span>\n <button class=\"nav-btn\"\n [disabled]=\"RowIndex >= TotalRows - 1\"\n (click)=\"onNavigateNext()\"\n title=\"Next row (↓ or J)\">\n <i class=\"fa-solid fa-chevron-down\"></i>\n </button>\n </div>\n }\n <!-- Toggle empty fields -->\n <button class=\"action-btn\"\n (click)=\"toggleHideEmptyFields()\"\n [class.active]=\"HideEmptyFields\"\n [title]=\"HideEmptyFields ? 'Show empty fields' : 'Hide empty fields'\">\n <i class=\"fa-solid\" [class.fa-eye]=\"!HideEmptyFields\" [class.fa-eye-slash]=\"HideEmptyFields\"></i>\n </button>\n <!-- Copy JSON button -->\n <button class=\"action-btn\" (click)=\"copyRowAsJson()\" title=\"Copy row as JSON\">\n <i class=\"fa-solid fa-copy\"></i>\n </button>\n <!-- Close button -->\n <button class=\"close-btn\" (click)=\"onClose()\" title=\"Close (Esc)\">\n <i class=\"fa-solid fa-times\"></i>\n </button>\n </div>\n </div>\n <!-- Content -->\n <div class=\"panel-content\">\n <!-- Primary Keys Section -->\n @if (getVisibleFields(PrimaryKeyFields).length > 0) {\n <div class=\"field-section\">\n <h4 class=\"section-title\">\n <i class=\"fa-solid fa-key section-icon pk-icon\"></i>\n Primary Key\n </h4>\n <div class=\"field-list\">\n @for (field of getVisibleFields(PrimaryKeyFields); track field) {\n <div class=\"field-item\">\n <div class=\"field-header\">\n <span class=\"field-name\">{{ field.displayName }}</span>\n <button class=\"copy-btn\" (click)=\"copyValue(field)\" title=\"Copy value\">\n <i class=\"fa-solid fa-copy\"></i>\n </button>\n </div>\n <div class=\"field-value\"\n [class.clickable]=\"field.targetEntityName\"\n (click)=\"field.targetEntityName && onEntityLinkClick(field)\">\n @if (field.targetEntityIcon) {\n <i\n [class]=\"field.targetEntityIcon\"\n class=\"entity-icon\"></i>\n }\n <span class=\"value-text monospace\">{{ field.formattedValue }}</span>\n @if (field.targetEntityName) {\n <i\n class=\"fa-solid fa-arrow-up-right-from-square link-icon\"></i>\n }\n </div>\n </div>\n }\n </div>\n </div>\n }\n <!-- Foreign Keys Section -->\n @if (getVisibleFields(ForeignKeyFields).length > 0) {\n <div class=\"field-section\">\n <h4 class=\"section-title\">\n <i class=\"fa-solid fa-link section-icon fk-icon\"></i>\n Related Records\n </h4>\n <div class=\"field-list\">\n @for (field of getVisibleFields(ForeignKeyFields); track field) {\n <div class=\"field-item\">\n <div class=\"field-header\">\n <span class=\"field-name\">{{ field.displayName }}</span>\n @if (field.targetEntityName) {\n <span class=\"target-entity\">\n <i class=\"fa-solid fa-arrow-right\"></i>\n {{ field.targetEntityName }}\n </span>\n }\n <button class=\"copy-btn\" (click)=\"copyValue(field)\" title=\"Copy value\">\n <i class=\"fa-solid fa-copy\"></i>\n </button>\n </div>\n @if (field.value != null) {\n <div class=\"field-value clickable\"\n (click)=\"onEntityLinkClick(field)\">\n @if (field.targetEntityIcon) {\n <i\n [class]=\"field.targetEntityIcon\"\n class=\"entity-icon\"></i>\n }\n <span class=\"value-text monospace\">{{ field.formattedValue }}</span>\n <i class=\"fa-solid fa-arrow-up-right-from-square link-icon\"></i>\n </div>\n }\n @if (field.value == null) {\n <div class=\"field-value empty\">\n <span class=\"value-text\">(empty)</span>\n </div>\n }\n </div>\n }\n </div>\n </div>\n }\n <!-- Regular Fields Section -->\n @if (getVisibleFields(RegularFields).length > 0) {\n <div class=\"field-section\">\n <h4 class=\"section-title\">\n <i class=\"fa-solid fa-list section-icon\"></i>\n Fields\n @if (HideEmptyFields && getEmptyFieldCount(RegularFields) > 0) {\n <span class=\"hidden-count\">\n ({{ getEmptyFieldCount(RegularFields) }} empty hidden)\n </span>\n }\n </h4>\n <div class=\"field-list\">\n @for (field of getVisibleFields(RegularFields); track field) {\n <div class=\"field-item\">\n <div class=\"field-header\">\n <span class=\"field-name\">{{ field.displayName }}</span>\n <span class=\"field-type\">{{ field.sqlType }}</span>\n <button class=\"copy-btn\" (click)=\"copyValue(field)\" title=\"Copy value\">\n <i class=\"fa-solid fa-copy\"></i>\n </button>\n </div>\n <!-- JSON value -->\n @if (isJson(field.formattedValue)) {\n <div class=\"field-value json-value\"\n [class.expanded]=\"field.isExpanded\">\n <pre class=\"json-content\">{{ formatJson(field.formattedValue) }}</pre>\n <button class=\"expand-btn\" (click)=\"toggleFieldExpand(field)\">\n {{ field.isExpanded ? 'Collapse' : 'Expand' }}\n </button>\n </div>\n }\n <!-- Long text value -->\n @if (!isJson(field.formattedValue) && field.isLongText) {\n <div class=\"field-value long-text\"\n [class.expanded]=\"field.isExpanded\">\n <span class=\"value-text\">{{ field.formattedValue }}</span>\n <button class=\"expand-btn\" (click)=\"toggleFieldExpand(field)\">\n {{ field.isExpanded ? 'Show less' : 'Show more' }}\n </button>\n </div>\n }\n <!-- Boolean value -->\n @if (field.sqlType.toLowerCase() === 'bit' && !isJson(field.formattedValue)) {\n <div class=\"field-value boolean-value\"\n >\n <i [class]=\"field.value ? 'fa-solid fa-check-circle bool-true' : 'fa-solid fa-times-circle bool-false'\"></i>\n <span class=\"value-text\">{{ field.formattedValue }}</span>\n </div>\n }\n <!-- Empty value -->\n @if (field.value == null && !isJson(field.formattedValue)) {\n <div class=\"field-value empty\"\n >\n <span class=\"value-text\">(empty)</span>\n </div>\n }\n <!-- Regular value -->\n @if (field.value != null && !isJson(field.formattedValue) && !field.isLongText && field.sqlType.toLowerCase() !== 'bit') {\n <div class=\"field-value\"\n >\n <span class=\"value-text\"\n [class.monospace]=\"field.sqlType.toLowerCase().includes('uniqueidentifier') || field.name.toLowerCase().includes('id')\">\n {{ field.formattedValue }}\n </span>\n </div>\n }\n </div>\n }\n </div>\n </div>\n }\n </div>\n </div>\n}\n\n<!-- Backdrop -->\n@if (Visible) {\n <div class=\"panel-backdrop\"\n (click)=\"onClose()\">\n </div>\n}\n"]}
1
+ {"version":3,"file":"query-row-detail.component.js","sourceRoot":"","sources":["../../../src/lib/query-row-detail/query-row-detail.component.ts","../../../src/lib/query-row-detail/query-row-detail.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Input,\n Output,\n EventEmitter,\n OnInit,\n OnDestroy,\n ChangeDetectorRef,\n ChangeDetectionStrategy,\n ElementRef,\n HostListener\n} from '@angular/core';\nimport { trigger, transition, style, animate } from '@angular/animations';\nimport { Subject } from 'rxjs';\nimport { takeUntil, debounceTime } from 'rxjs/operators';\nimport { Metadata, QueryInfo, QueryFieldInfo, EntityInfo } from '@memberjunction/core';\nimport { UserInfoEngine } from '@memberjunction/core-entities';\nimport { QueryGridColumnConfig } from '../query-data-grid/models/query-grid-types';\n\n/**\n * Event emitted when navigating to a linked entity record\n */\nexport interface RowDetailEntityLinkEvent {\n entityName: string;\n recordId: string;\n fieldName: string;\n}\n\n/**\n * Field display configuration for the detail panel\n */\ninterface DetailField {\n name: string;\n displayName: string;\n value: unknown;\n formattedValue: string;\n sqlType: string;\n isPrimaryKey: boolean;\n isForeignKey: boolean;\n targetEntityName?: string;\n targetEntityIcon?: string;\n sourceEntityName?: string;\n isLongText: boolean;\n isExpanded: boolean;\n}\n\n/**\n * Settings key for panel width persistence\n */\nconst PANEL_WIDTH_SETTING_KEY = 'QueryViewer_RowDetailPanel_Width';\n\n/**\n * Settings key for hide empty fields preference\n */\nconst HIDE_EMPTY_FIELDS_KEY = 'QueryViewer_RowDetailPanel_HideEmptyFields';\n\n/**\n * Row detail slide-in panel component.\n * Displays a single row's data in a formatted, grouped view with entity links.\n */\n@Component({\n standalone: false,\n selector: 'mj-query-row-detail',\n templateUrl: './query-row-detail.component.html',\n styleUrls: ['./query-row-detail.component.css'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n animations: [\n trigger('slideIn', [\n transition(':enter', [\n style({ transform: 'translateX(100%)', opacity: 0 }),\n animate('200ms ease-out', style({ transform: 'translateX(0)', opacity: 1 }))\n ]),\n transition(':leave', [\n animate('150ms ease-in', style({ transform: 'translateX(100%)', opacity: 0 }))\n ])\n ])\n ]\n})\nexport class QueryRowDetailComponent implements OnInit, OnDestroy {\n // ========================================\n // Inputs\n // ========================================\n\n private _rowData: Record<string, unknown> | null = null;\n @Input()\n set RowData(value: Record<string, unknown> | null) {\n this._rowData = value;\n if (value) {\n this.buildDetailFields();\n }\n }\n get RowData(): Record<string, unknown> | null {\n return this._rowData;\n }\n\n private _columns: QueryGridColumnConfig[] = [];\n @Input()\n set Columns(value: QueryGridColumnConfig[]) {\n this._columns = value || [];\n if (this._rowData) {\n this.buildDetailFields();\n }\n }\n get Columns(): QueryGridColumnConfig[] {\n return this._columns;\n }\n\n @Input() QueryInfo: QueryInfo | null = null;\n @Input() Visible: boolean = false;\n @Input() RowIndex: number = 0;\n @Input() TotalRows: number = 0;\n\n // ========================================\n // Outputs\n // ========================================\n\n @Output() Close = new EventEmitter<void>();\n @Output() EntityLinkClick = new EventEmitter<RowDetailEntityLinkEvent>();\n @Output() NavigateRow = new EventEmitter<'prev' | 'next'>();\n\n // ========================================\n // Internal State\n // ========================================\n\n public PrimaryKeyFields: DetailField[] = [];\n public ForeignKeyFields: DetailField[] = [];\n public RegularFields: DetailField[] = [];\n public PanelWidth: number = 400;\n public IsResizing: boolean = false;\n public HideEmptyFields: boolean = true;\n\n private destroy$ = new Subject<void>();\n private widthPersistSubject = new Subject<number>();\n private metadata = new Metadata();\n private minWidth = 300;\n private maxWidth = 800;\n\n constructor(\n private cdr: ChangeDetectorRef,\n private elementRef: ElementRef\n ) {\n // Debounce width persistence\n this.widthPersistSubject.pipe(\n debounceTime(500),\n takeUntil(this.destroy$)\n ).subscribe(width => {\n this.persistPanelWidth(width);\n });\n }\n\n ngOnInit(): void {\n this.loadPersistedWidth();\n this.loadHideEmptyFieldsPreference();\n }\n\n ngOnDestroy(): void {\n this.destroy$.next();\n this.destroy$.complete();\n }\n\n // ========================================\n // Field Building\n // ========================================\n\n private buildDetailFields(): void {\n if (!this._rowData || !this._columns.length) {\n this.PrimaryKeyFields = [];\n this.ForeignKeyFields = [];\n this.RegularFields = [];\n return;\n }\n\n const primaryKeys: DetailField[] = [];\n const foreignKeys: DetailField[] = [];\n const regular: DetailField[] = [];\n\n for (const col of this._columns) {\n const value = this._rowData[col.field];\n const field = this.buildDetailField(col, value);\n\n if (field.isPrimaryKey) {\n primaryKeys.push(field);\n } else if (field.isForeignKey) {\n foreignKeys.push(field);\n } else {\n regular.push(field);\n }\n }\n\n this.PrimaryKeyFields = primaryKeys;\n this.ForeignKeyFields = foreignKeys;\n this.RegularFields = regular;\n this.cdr.markForCheck();\n }\n\n private buildDetailField(col: QueryGridColumnConfig, value: unknown): DetailField {\n const formattedValue = this.formatValue(value, col);\n const isLongText = typeof value === 'string' && value.length > 200;\n\n return {\n name: col.field,\n displayName: col.title,\n value,\n formattedValue,\n sqlType: col.sqlBaseType,\n isPrimaryKey: col.isPrimaryKey || false,\n isForeignKey: col.isForeignKey || false,\n targetEntityName: col.targetEntityName,\n targetEntityIcon: col.targetEntityIcon,\n sourceEntityName: col.sourceEntityName,\n isLongText,\n isExpanded: false\n };\n }\n\n private formatValue(value: unknown, col: QueryGridColumnConfig): string {\n if (value === null || value === undefined) {\n return '(empty)';\n }\n\n const baseType = col.sqlBaseType.toLowerCase();\n\n // Boolean\n if (baseType === 'bit') {\n return value ? 'Yes' : 'No';\n }\n\n // Date/Time\n if (['date', 'datetime', 'datetime2', 'smalldatetime', 'datetimeoffset'].includes(baseType)) {\n const date = new Date(value as string);\n if (isNaN(date.getTime())) return String(value);\n\n const now = new Date();\n const diffMs = now.getTime() - date.getTime();\n const diffHours = Math.floor(diffMs / (1000 * 60 * 60));\n const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));\n\n let relativeTime = '';\n if (diffHours < 1) {\n relativeTime = 'just now';\n } else if (diffHours < 24) {\n relativeTime = `${diffHours} hour${diffHours === 1 ? '' : 's'} ago`;\n } else if (diffDays < 7) {\n relativeTime = `${diffDays} day${diffDays === 1 ? '' : 's'} ago`;\n }\n\n const formatted = baseType === 'date'\n ? date.toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric' })\n : date.toLocaleString('en-US', {\n year: 'numeric', month: 'short', day: 'numeric',\n hour: 'numeric', minute: '2-digit'\n });\n\n return relativeTime ? `${formatted} • ${relativeTime}` : formatted;\n }\n\n // Numbers\n if (['int', 'bigint', 'smallint', 'tinyint'].includes(baseType)) {\n const num = Number(value);\n if (isNaN(num)) return String(value);\n return num.toLocaleString();\n }\n\n if (['decimal', 'numeric', 'float', 'real'].includes(baseType)) {\n const num = Number(value);\n if (isNaN(num)) return String(value);\n return num.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 4 });\n }\n\n if (['money', 'smallmoney'].includes(baseType)) {\n const num = Number(value);\n if (isNaN(num)) return String(value);\n return new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(num);\n }\n\n // JSON detection\n const strValue = String(value);\n if (strValue.startsWith('{') || strValue.startsWith('[')) {\n try {\n JSON.parse(strValue);\n return strValue; // Will be formatted as JSON in template\n } catch {\n // Not valid JSON, continue\n }\n }\n\n return strValue;\n }\n\n // ========================================\n // User Actions\n // ========================================\n\n public onClose(): void {\n this.Close.emit();\n }\n\n public onEntityLinkClick(field: DetailField): void {\n if (field.targetEntityName && field.value != null) {\n this.EntityLinkClick.emit({\n entityName: field.targetEntityName,\n recordId: String(field.value),\n fieldName: field.name\n });\n }\n }\n\n public onNavigatePrev(): void {\n this.NavigateRow.emit('prev');\n }\n\n public onNavigateNext(): void {\n this.NavigateRow.emit('next');\n }\n\n public toggleFieldExpand(field: DetailField): void {\n field.isExpanded = !field.isExpanded;\n this.cdr.markForCheck();\n }\n\n public copyValue(field: DetailField): void {\n const textToCopy = field.value != null ? String(field.value) : '';\n navigator.clipboard.writeText(textToCopy);\n }\n\n public copyRowAsJson(): void {\n if (this._rowData) {\n const json = JSON.stringify(this._rowData, null, 2);\n navigator.clipboard.writeText(json);\n }\n }\n\n public isJson(value: string): boolean {\n if (!value || typeof value !== 'string') return false;\n const trimmed = value.trim();\n return (trimmed.startsWith('{') && trimmed.endsWith('}')) ||\n (trimmed.startsWith('[') && trimmed.endsWith(']'));\n }\n\n public formatJson(value: string): string {\n try {\n return JSON.stringify(JSON.parse(value), null, 2);\n } catch {\n return value;\n }\n }\n\n // ========================================\n // Resize Handling\n // ========================================\n\n public onResizeStart(event: MouseEvent): void {\n event.preventDefault();\n this.IsResizing = true;\n document.body.style.cursor = 'ew-resize';\n document.body.style.userSelect = 'none';\n }\n\n @HostListener('document:mousemove', ['$event'])\n onMouseMove(event: MouseEvent): void {\n if (!this.IsResizing) return;\n\n const containerRect = this.elementRef.nativeElement.parentElement?.getBoundingClientRect();\n if (!containerRect) return;\n\n const newWidth = containerRect.right - event.clientX;\n this.PanelWidth = Math.min(Math.max(newWidth, this.minWidth), this.maxWidth);\n this.cdr.markForCheck();\n }\n\n @HostListener('document:mouseup')\n onMouseUp(): void {\n if (this.IsResizing) {\n this.IsResizing = false;\n document.body.style.cursor = '';\n document.body.style.userSelect = '';\n this.widthPersistSubject.next(this.PanelWidth);\n }\n }\n\n // ========================================\n // Persistence\n // ========================================\n\n private loadPersistedWidth(): void {\n try {\n const savedWidth = UserInfoEngine.Instance.GetSetting(PANEL_WIDTH_SETTING_KEY);\n if (savedWidth) {\n const width = parseInt(savedWidth, 10);\n if (!isNaN(width) && width >= this.minWidth && width <= this.maxWidth) {\n this.PanelWidth = width;\n }\n }\n } catch (error) {\n console.error('[query-row-detail] Failed to load persisted width:', error);\n }\n }\n\n private async persistPanelWidth(width: number): Promise<void> {\n try {\n await UserInfoEngine.Instance.SetSetting(PANEL_WIDTH_SETTING_KEY, String(width));\n } catch (error) {\n console.error('[query-row-detail] Failed to persist panel width:', error);\n }\n }\n\n private loadHideEmptyFieldsPreference(): void {\n try {\n const saved = UserInfoEngine.Instance.GetSetting(HIDE_EMPTY_FIELDS_KEY);\n if (saved !== undefined) {\n this.HideEmptyFields = saved === 'true';\n }\n } catch (error) {\n console.error('[query-row-detail] Failed to load hide empty fields preference:', error);\n }\n }\n\n private async persistHideEmptyFieldsPreference(): Promise<void> {\n try {\n await UserInfoEngine.Instance.SetSetting(HIDE_EMPTY_FIELDS_KEY, String(this.HideEmptyFields));\n } catch (error) {\n console.error('[query-row-detail] Failed to persist hide empty fields preference:', error);\n }\n }\n\n public toggleHideEmptyFields(): void {\n this.HideEmptyFields = !this.HideEmptyFields;\n this.persistHideEmptyFieldsPreference();\n this.cdr.markForCheck();\n }\n\n /**\n * Returns visible fields based on HideEmptyFields setting\n */\n public getVisibleFields(fields: DetailField[]): DetailField[] {\n if (!this.HideEmptyFields) {\n return fields;\n }\n return fields.filter(f => f.value !== null && f.value !== undefined && f.value !== '');\n }\n\n /**\n * Returns count of empty fields for display\n */\n public getEmptyFieldCount(fields: DetailField[]): number {\n return fields.filter(f => f.value === null || f.value === undefined || f.value === '').length;\n }\n\n // ========================================\n // Keyboard Navigation\n // ========================================\n\n @HostListener('document:keydown', ['$event'])\n onKeyDown(event: KeyboardEvent): void {\n if (!this.Visible) return;\n\n if (event.key === 'Escape') {\n this.onClose();\n } else if (event.key === 'ArrowUp' || event.key === 'k') {\n if (this.RowIndex > 0) {\n this.onNavigatePrev();\n }\n } else if (event.key === 'ArrowDown' || event.key === 'j') {\n if (this.RowIndex < this.TotalRows - 1) {\n this.onNavigateNext();\n }\n }\n }\n}\n","<!-- Row Detail Slide-in Panel -->\n@if (Visible) {\n <div class=\"row-detail-panel\"\n @slideIn\n [style.width.px]=\"PanelWidth\">\n <!-- Resize handle -->\n <div class=\"resize-handle\"\n (mousedown)=\"onResizeStart($event)\"\n [class.resizing]=\"IsResizing\">\n </div>\n <!-- Header -->\n <div class=\"panel-header\">\n <div class=\"header-left\">\n <i class=\"fa-solid fa-table-cells-large header-icon\"></i>\n <h3 class=\"panel-title\">Row Details</h3>\n </div>\n <div class=\"header-right\">\n <!-- Row navigation -->\n @if (TotalRows > 1) {\n <div class=\"row-nav\">\n <button class=\"nav-btn\"\n [disabled]=\"RowIndex === 0\"\n (click)=\"onNavigatePrev()\"\n title=\"Previous row (↑ or K)\">\n <i class=\"fa-solid fa-chevron-up\"></i>\n </button>\n <span class=\"row-indicator\">{{ RowIndex + 1 }} / {{ TotalRows }}</span>\n <button class=\"nav-btn\"\n [disabled]=\"RowIndex >= TotalRows - 1\"\n (click)=\"onNavigateNext()\"\n title=\"Next row (↓ or J)\">\n <i class=\"fa-solid fa-chevron-down\"></i>\n </button>\n </div>\n }\n <!-- Toggle empty fields -->\n <button class=\"action-btn\"\n (click)=\"toggleHideEmptyFields()\"\n [class.active]=\"HideEmptyFields\"\n [title]=\"HideEmptyFields ? 'Show empty fields' : 'Hide empty fields'\">\n <i class=\"fa-solid\" [class.fa-eye]=\"!HideEmptyFields\" [class.fa-eye-slash]=\"HideEmptyFields\"></i>\n </button>\n <!-- Copy JSON button -->\n <button class=\"action-btn\" (click)=\"copyRowAsJson()\" title=\"Copy row as JSON\">\n <i class=\"fa-solid fa-copy\"></i>\n </button>\n <!-- Close button -->\n <button class=\"close-btn\" (click)=\"onClose()\" title=\"Close (Esc)\">\n <i class=\"fa-solid fa-times\"></i>\n </button>\n </div>\n </div>\n <!-- Content -->\n <div class=\"panel-content\">\n <!-- Primary Keys Section -->\n @if (getVisibleFields(PrimaryKeyFields).length > 0) {\n <div class=\"field-section\">\n <h4 class=\"section-title\">\n <i class=\"fa-solid fa-key section-icon pk-icon\"></i>\n Primary Key\n </h4>\n <div class=\"field-list\">\n @for (field of getVisibleFields(PrimaryKeyFields); track field) {\n <div class=\"field-item\">\n <div class=\"field-header\">\n <span class=\"field-name\">{{ field.displayName }}</span>\n <button class=\"copy-btn\" (click)=\"copyValue(field)\" title=\"Copy value\">\n <i class=\"fa-solid fa-copy\"></i>\n </button>\n </div>\n <div class=\"field-value\"\n [class.clickable]=\"field.targetEntityName\"\n (click)=\"field.targetEntityName && onEntityLinkClick(field)\">\n @if (field.targetEntityIcon) {\n <i\n [class]=\"field.targetEntityIcon\"\n class=\"entity-icon\"></i>\n }\n <span class=\"value-text monospace\">{{ field.formattedValue }}</span>\n @if (field.targetEntityName) {\n <i\n class=\"fa-solid fa-arrow-up-right-from-square link-icon\"></i>\n }\n </div>\n </div>\n }\n </div>\n </div>\n }\n <!-- Foreign Keys Section -->\n @if (getVisibleFields(ForeignKeyFields).length > 0) {\n <div class=\"field-section\">\n <h4 class=\"section-title\">\n <i class=\"fa-solid fa-link section-icon fk-icon\"></i>\n Related Records\n </h4>\n <div class=\"field-list\">\n @for (field of getVisibleFields(ForeignKeyFields); track field) {\n <div class=\"field-item\">\n <div class=\"field-header\">\n <span class=\"field-name\">{{ field.displayName }}</span>\n @if (field.targetEntityName) {\n <span class=\"target-entity\">\n <i class=\"fa-solid fa-arrow-right\"></i>\n {{ field.targetEntityName }}\n </span>\n }\n <button class=\"copy-btn\" (click)=\"copyValue(field)\" title=\"Copy value\">\n <i class=\"fa-solid fa-copy\"></i>\n </button>\n </div>\n @if (field.value != null) {\n <div class=\"field-value clickable\"\n (click)=\"onEntityLinkClick(field)\">\n @if (field.targetEntityIcon) {\n <i\n [class]=\"field.targetEntityIcon\"\n class=\"entity-icon\"></i>\n }\n <span class=\"value-text monospace\">{{ field.formattedValue }}</span>\n <i class=\"fa-solid fa-arrow-up-right-from-square link-icon\"></i>\n </div>\n }\n @if (field.value == null) {\n <div class=\"field-value empty\">\n <span class=\"value-text\">(empty)</span>\n </div>\n }\n </div>\n }\n </div>\n </div>\n }\n <!-- Regular Fields Section -->\n @if (getVisibleFields(RegularFields).length > 0) {\n <div class=\"field-section\">\n <h4 class=\"section-title\">\n <i class=\"fa-solid fa-list section-icon\"></i>\n Fields\n @if (HideEmptyFields && getEmptyFieldCount(RegularFields) > 0) {\n <span class=\"hidden-count\">\n ({{ getEmptyFieldCount(RegularFields) }} empty hidden)\n </span>\n }\n </h4>\n <div class=\"field-list\">\n @for (field of getVisibleFields(RegularFields); track field) {\n <div class=\"field-item\">\n <div class=\"field-header\">\n <span class=\"field-name\">{{ field.displayName }}</span>\n <span class=\"field-type\">{{ field.sqlType }}</span>\n <button class=\"copy-btn\" (click)=\"copyValue(field)\" title=\"Copy value\">\n <i class=\"fa-solid fa-copy\"></i>\n </button>\n </div>\n <!-- JSON value -->\n @if (isJson(field.formattedValue)) {\n <div class=\"field-value json-value\"\n [class.expanded]=\"field.isExpanded\">\n <pre class=\"json-content\">{{ formatJson(field.formattedValue) }}</pre>\n <button class=\"expand-btn\" (click)=\"toggleFieldExpand(field)\">\n {{ field.isExpanded ? 'Collapse' : 'Expand' }}\n </button>\n </div>\n }\n <!-- Long text value -->\n @if (!isJson(field.formattedValue) && field.isLongText) {\n <div class=\"field-value long-text\"\n [class.expanded]=\"field.isExpanded\">\n <span class=\"value-text\">{{ field.formattedValue }}</span>\n <button class=\"expand-btn\" (click)=\"toggleFieldExpand(field)\">\n {{ field.isExpanded ? 'Show less' : 'Show more' }}\n </button>\n </div>\n }\n <!-- Boolean value -->\n @if (field.sqlType.toLowerCase() === 'bit' && !isJson(field.formattedValue)) {\n <div class=\"field-value boolean-value\"\n >\n <i [class]=\"field.value ? 'fa-solid fa-check-circle bool-true' : 'fa-solid fa-times-circle bool-false'\"></i>\n <span class=\"value-text\">{{ field.formattedValue }}</span>\n </div>\n }\n <!-- Empty value -->\n @if (field.value == null && !isJson(field.formattedValue)) {\n <div class=\"field-value empty\"\n >\n <span class=\"value-text\">(empty)</span>\n </div>\n }\n <!-- Regular value -->\n @if (field.value != null && !isJson(field.formattedValue) && !field.isLongText && field.sqlType.toLowerCase() !== 'bit') {\n <div class=\"field-value\"\n >\n <span class=\"value-text\"\n [class.monospace]=\"field.sqlType.toLowerCase().includes('uniqueidentifier') || field.name.toLowerCase().includes('id')\">\n {{ field.formattedValue }}\n </span>\n </div>\n }\n </div>\n }\n </div>\n </div>\n }\n </div>\n </div>\n}\n\n<!-- Backdrop -->\n@if (Visible) {\n <div class=\"panel-backdrop\"\n (click)=\"onClose()\">\n </div>\n}\n"]}
package/dist/lib/query-viewer/query-viewer.component.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { EventEmitter, OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
2
- import { QueryInfo } from '@memberjunction/core';
3
- import { RunQueryResult } from '@memberjunction/core';
2
+ import { RunQueryResult, QueryInfo } from '@memberjunction/core';
3
+ import { PageChangeEvent } from '@memberjunction/ng-pagination';
4
4
  import { CompositionTokenClickEvent } from '@memberjunction/ng-code-editor';
5
5
  import { QueryDataGridComponent } from '../query-data-grid/query-data-grid.component';
6
6
  import { QueryGridSelectionMode, QueryGridState, QueryGridVisualConfig, QueryParameterValues, QueryEntityLinkClickEvent, QueryGridStateChangedEvent, QuerySelectionChangedEvent, QueryRowClickEvent } from '../query-data-grid/models/query-grid-types';
@@ -55,6 +55,11 @@ export declare class QueryViewerComponent implements OnInit, OnDestroy {
55
55
  * Whether to persist parameter values
56
56
  */
57
57
  PersistParameters: boolean;
58
+ /**
59
+ * Number of rows per page for server-side paging.
60
+ * Set to 0 to disable paging and load all rows at once.
61
+ */
62
+ PageSize: number;
58
63
  /**
59
64
  * Fired when an entity link is clicked in the grid
60
65
  */
@@ -101,6 +106,9 @@ export declare class QueryViewerComponent implements OnInit, OnDestroy {
101
106
  ExecutionTimeMs: number | null;
102
107
  SavedGridState: QueryGridState | null;
103
108
  SavedParams: QueryParameterValues;
109
+ /** Paging state */
110
+ QueryTotalRowCount: number;
111
+ CurrentPageNumber: number;
104
112
  private metadata;
105
113
  private destroy$;
106
114
  private userInfoEngine;
@@ -114,13 +122,14 @@ export declare class QueryViewerComponent implements OnInit, OnDestroy {
114
122
  private saveParameters;
115
123
  private getUserSetting;
116
124
  private setUserSetting;
117
- RunQuery(params: QueryParameterValues): Promise<void>;
125
+ RunQuery(params: QueryParameterValues, pageNumber?: number): Promise<void>;
118
126
  OnParametersSubmit(params: QueryParameterValues): void;
119
127
  OnParamsPanelClose(): void;
120
128
  OnGridStateChange(event: QueryGridStateChangedEvent): void;
121
129
  OnEntityLinkClick(event: QueryEntityLinkClickEvent): void;
122
130
  OnRowDoubleClick(event: QueryRowClickEvent): void;
123
131
  OnSelectionChange(event: QuerySelectionChangedEvent): void;
132
+ OnPageChange(event: PageChangeEvent): void;
124
133
  OnRefreshRequest(): void;
125
134
  OpenParametersPanel(): void;
126
135
  OpenInfoPanel(): void;
@@ -133,6 +142,6 @@ export declare class QueryViewerComponent implements OnInit, OnDestroy {
133
142
  Refresh(): void;
134
143
  get HasParameters(): boolean;
135
144
  static ɵfac: i0.ɵɵFactoryDeclaration<QueryViewerComponent, never>;
136
- static ɵcmp: i0.ɵɵComponentDeclaration<QueryViewerComponent, "mj-query-viewer", never, { "QueryId": { "alias": "QueryId"; "required": false; }; "AutoRun": { "alias": "AutoRun"; "required": false; }; "SelectionMode": { "alias": "SelectionMode"; "required": false; }; "ShowToolbar": { "alias": "ShowToolbar"; "required": false; }; "VisualConfig": { "alias": "VisualConfig"; "required": false; }; "PersistState": { "alias": "PersistState"; "required": false; }; "PersistParameters": { "alias": "PersistParameters"; "required": false; }; }, { "EntityLinkClick": "EntityLinkClick"; "RowDoubleClick": "RowDoubleClick"; "SelectionChange": "SelectionChange"; "QueryStart": "QueryStart"; "QueryComplete": "QueryComplete"; "QueryError": "QueryError"; "OpenQueryRecord": "OpenQueryRecord"; "CompositionTokenClick": "CompositionTokenClick"; }, never, never, false, never>;
145
+ static ɵcmp: i0.ɵɵComponentDeclaration<QueryViewerComponent, "mj-query-viewer", never, { "QueryId": { "alias": "QueryId"; "required": false; }; "AutoRun": { "alias": "AutoRun"; "required": false; }; "SelectionMode": { "alias": "SelectionMode"; "required": false; }; "ShowToolbar": { "alias": "ShowToolbar"; "required": false; }; "VisualConfig": { "alias": "VisualConfig"; "required": false; }; "PersistState": { "alias": "PersistState"; "required": false; }; "PersistParameters": { "alias": "PersistParameters"; "required": false; }; "PageSize": { "alias": "PageSize"; "required": false; }; }, { "EntityLinkClick": "EntityLinkClick"; "RowDoubleClick": "RowDoubleClick"; "SelectionChange": "SelectionChange"; "QueryStart": "QueryStart"; "QueryComplete": "QueryComplete"; "QueryError": "QueryError"; "OpenQueryRecord": "OpenQueryRecord"; "CompositionTokenClick": "CompositionTokenClick"; }, never, never, false, never>;
137
146
  }
138
147
  //# sourceMappingURL=query-viewer.component.d.ts.map
package/dist/lib/query-viewer/query-viewer.component.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"query-viewer.component.d.ts","sourceRoot":"","sources":["../../../src/lib/query-viewer/query-viewer.component.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"query-viewer.component.d.ts","sourceRoot":"","sources":["../../../src/lib/query-viewer/query-viewer.component.ts"],"names":[],"mappings":"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"}