@memberjunction/ng-artifacts 2.127.0 → 2.128.0

package/dist/lib/components/plugins/data-requirements-viewer/data-requirements-viewer.component.js

@@ -0,0 +1,675 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@memberjunction/ng-markdown";
+const _forTrack0 = ($index, $item) => $item.name;
+function _forTrack1($index, $item) { return this.getQueryKey($item); }
+function DataRequirementsViewerComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵelement(1, "i", 2);
+    i0.ɵɵelementStart(2, "h3");
+    i0.ɵɵtext(3, "No Data Requirements");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p");
+    i0.ɵɵtext(5, "This component doesn't have any data requirements defined.");
+    i0.ɵɵelementEnd()();
+} }
+function DataRequirementsViewerComponent_Conditional_2_div_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8)(1, "span", 9);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 10);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.entities.length);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.entities.length === 1 ? "Entity" : "Entities");
+} }
+function DataRequirementsViewerComponent_Conditional_2_div_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8)(1, "span", 9);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 10);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.queries.length);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.queries.length === 1 ? "Query" : "Queries");
+} }
+function DataRequirementsViewerComponent_Conditional_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11)(1, "h4", 14);
+    i0.ɵɵelement(2, "i", 15);
+    i0.ɵɵtext(3, " Overview ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 16);
+    i0.ɵɵelement(5, "mj-markdown", 17);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("data", ctx_r0.description)("enableCollapsibleHeadings", false)("enableLineNumbers", false)("enableSmartypants", true)("enableHtml", true);
+} }
+function DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 28);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const entity_r3 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(entity_r3.description);
+} }
+function DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_For_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 35);
+    i0.ɵɵelement(1, "i", 5);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const perm_r4 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵstyleProp("background-color", ctx_r0.getPermissionColor(perm_r4));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.getPermissionIcon(perm_r4));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", perm_r4, " ");
+} }
+function DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Conditional_17_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 36);
+    i0.ɵɵelement(1, "i", 15);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const entity_r3 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(entity_r3.usageContext);
+} }
+function DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Conditional_17_Conditional_2_For_14_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 47);
+    i0.ɵɵtext(1, "*");
+    i0.ɵɵelementEnd();
+} }
+function DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Conditional_17_Conditional_2_For_14_For_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 50);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const tag_r5 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(7);
+    i0.ɵɵstyleProp("background-color", ctx_r0.getTagColor(tag_r5));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(tag_r5);
+} }
+function DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Conditional_17_Conditional_2_For_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 45)(1, "span", 41);
+    i0.ɵɵelement(2, "i", 5);
+    i0.ɵɵelementStart(3, "span", 46);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(5, DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Conditional_17_Conditional_2_For_14_Conditional_5_Template, 2, 0, "span", 47);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "span", 42)(7, "code", 48);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "span", 43);
+    i0.ɵɵrepeaterCreate(10, DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Conditional_17_Conditional_2_For_14_For_11_Template, 2, 3, "span", 49, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "span", 44);
+    i0.ɵɵtext(13);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const field_r6 = ctx.$implicit;
+    const entity_r3 = i0.ɵɵnextContext(3).$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("color", ctx_r0.getFieldTypeColor(field_r6.type));
+    i0.ɵɵproperty("ngClass", ctx_r0.getFieldTypeIcon(field_r6.type));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(field_r6.name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!field_r6.allowsNull ? 5 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.formatFieldType(field_r6.type));
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r0.getFieldUsageTags(field_r6, entity_r3));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", field_r6.description || "\u2014", " ");
+} }
+function DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Conditional_17_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 37)(1, "h5", 38);
+    i0.ɵɵtext(2, "Fields");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 39)(4, "div", 40)(5, "span", 41);
+    i0.ɵɵtext(6, "Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "span", 42);
+    i0.ɵɵtext(8, "Type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span", 43);
+    i0.ɵɵtext(10, "Usage");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "span", 44);
+    i0.ɵɵtext(12, "Description");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵrepeaterCreate(13, DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Conditional_17_Conditional_2_For_14_Template, 14, 7, "div", 45, _forTrack0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const entity_r3 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance(13);
+    i0.ɵɵrepeater(entity_r3.fieldMetadata);
+} }
+function DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 34);
+    i0.ɵɵtemplate(1, DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Conditional_17_Conditional_1_Template, 4, 1, "div", 36)(2, DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Conditional_17_Conditional_2_Template, 15, 0, "div", 37);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const entity_r3 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(entity_r3.usageContext ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(entity_r3.fieldMetadata && entity_r3.fieldMetadata.length > 0 ? 2 : -1);
+} }
+function DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23);
+    i0.ɵɵlistener("click", function DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Template_div_click_1_listener() { const entity_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.toggleEntity(entity_r3.name)); });
+    i0.ɵɵelementStart(2, "div", 24)(3, "div", 25);
+    i0.ɵɵelement(4, "i", 19);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 26)(6, "h4", 27);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(8, DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Conditional_8_Template, 2, 1, "p", 28);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "div", 29);
+    i0.ɵɵelement(10, "i", 5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "div", 30)(12, "div", 31);
+    i0.ɵɵrepeaterCreate(13, DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_For_14_Template, 3, 4, "span", 32, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "span", 33);
+    i0.ɵɵtext(16);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵtemplate(17, DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Conditional_17_Template, 3, 2, "div", 34);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const entity_r3 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("expanded", ctx_r0.isEntityExpanded(entity_r3.name));
+    i0.ɵɵadvance(7);
+    i0.ɵɵtextInterpolate(entity_r3.name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(entity_r3.description ? 8 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.isEntityExpanded(entity_r3.name) ? "fa-chevron-up" : "fa-chevron-down");
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(entity_r3.permissionLevelNeeded);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("", (entity_r3.fieldMetadata == null ? null : entity_r3.fieldMetadata.length) || 0, " fields");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.isEntityExpanded(entity_r3.name) ? 17 : -1);
+} }
+function DataRequirementsViewerComponent_Conditional_2_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12)(1, "h3", 18);
+    i0.ɵɵelement(2, "i", 19);
+    i0.ɵɵtext(3, " Entities ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 20);
+    i0.ɵɵrepeaterCreate(5, DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Template, 18, 7, "div", 21, _forTrack0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(5);
+    i0.ɵɵrepeater(ctx_r0.entities);
+} }
+function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 28);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const query_r8 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(query_r8.description);
+} }
+function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 57);
+    i0.ɵɵelement(1, "i", 19);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const entityName_r9 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", entityName_r9, " ");
+} }
+function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 56);
+    i0.ɵɵrepeaterCreate(1, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_14_For_2_Template, 3, 1, "span", 57, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const query_r8 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(query_r8.entityNames);
+} }
+function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_17_Conditional_1_For_6_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 66);
+    i0.ɵɵtext(1, "Required");
+    i0.ɵɵelementEnd();
+} }
+function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_17_Conditional_1_For_6_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 67);
+    i0.ɵɵtext(1, "Optional");
+    i0.ɵɵelementEnd();
+} }
+function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_17_Conditional_1_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "code", 68);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const param_r10 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(param_r10.type);
+} }
+function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_17_Conditional_1_For_6_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 69);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const param_r10 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(param_r10.description);
+} }
+function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_17_Conditional_1_For_6_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 70)(1, "span", 71);
+    i0.ɵɵtext(2, "Sample:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "code");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const param_r10 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(param_r10.sampleValue || param_r10.testValue);
+} }
+function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_17_Conditional_1_For_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 63)(1, "div", 64)(2, "span", 65);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(4, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_17_Conditional_1_For_6_Conditional_4_Template, 2, 0, "span", 66)(5, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_17_Conditional_1_For_6_Conditional_5_Template, 2, 0, "span", 67)(6, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_17_Conditional_1_For_6_Conditional_6_Template, 2, 1, "code", 68);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(7, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_17_Conditional_1_For_6_Conditional_7_Template, 2, 1, "p", 69)(8, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_17_Conditional_1_For_6_Conditional_8_Template, 5, 1, "div", 70);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const param_r10 = ctx.$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(param_r10.name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(param_r10.isRequired ? 4 : 5);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(param_r10.type ? 6 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(param_r10.description ? 7 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(param_r10.sampleValue || param_r10.testValue ? 8 : -1);
+} }
+function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_17_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 58)(1, "h5", 60);
+    i0.ɵɵelement(2, "i", 61);
+    i0.ɵɵtext(3, " Parameters ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 62);
+    i0.ɵɵrepeaterCreate(5, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_17_Conditional_1_For_6_Template, 9, 5, "div", 63, _forTrack0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const query_r8 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance(5);
+    i0.ɵɵrepeater(query_r8.parameters);
+} }
+function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_17_Conditional_2_For_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 45)(1, "span", 41);
+    i0.ɵɵelement(2, "i", 5);
+    i0.ɵɵelementStart(3, "span", 46);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "span", 42)(6, "code", 48);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "span", 44);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const field_r11 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(6);
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("color", ctx_r0.getFieldTypeColor(field_r11.type));
+    i0.ɵɵproperty("ngClass", ctx_r0.getFieldTypeIcon(field_r11.type));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(field_r11.name);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.formatFieldType(field_r11.type));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", field_r11.description || "\u2014", " ");
+} }
+function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_17_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 37)(1, "h5", 38);
+    i0.ɵɵtext(2, "Output Fields");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 39)(4, "div", 40)(5, "span", 41);
+    i0.ɵɵtext(6, "Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "span", 42);
+    i0.ɵɵtext(8, "Type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span", 44);
+    i0.ɵɵtext(10, "Description");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵrepeaterCreate(11, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_17_Conditional_2_For_12_Template, 10, 6, "div", 45, _forTrack0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const query_r8 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance(11);
+    i0.ɵɵrepeater(query_r8.fields);
+} }
+function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_17_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 59)(1, "h5", 72);
+    i0.ɵɵelement(2, "i", 73);
+    i0.ɵɵtext(3, " Query SQL ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "pre", 74);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const query_r8 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(query_r8.newQuerySQL);
+} }
+function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 34);
+    i0.ɵɵtemplate(1, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_17_Conditional_1_Template, 7, 0, "div", 58)(2, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_17_Conditional_2_Template, 13, 0, "div", 37)(3, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_17_Conditional_3_Template, 6, 1, "div", 59);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const query_r8 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(query_r8.parameters && query_r8.parameters.length > 0 ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(query_r8.fields && query_r8.fields.length > 0 ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(query_r8.newQuerySQL ? 3 : -1);
+} }
+function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 52)(1, "div", 23);
+    i0.ɵɵlistener("click", function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Template_div_click_1_listener() { const query_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.toggleQuery(ctx_r0.getQueryKey(query_r8))); });
+    i0.ɵɵelementStart(2, "div", 24)(3, "div", 53);
+    i0.ɵɵelement(4, "i", 54);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 26)(6, "h4", 27);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "p", 55);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(10, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_10_Template, 2, 1, "p", 28);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "div", 29);
+    i0.ɵɵelement(12, "i", 5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(13, "div", 30);
+    i0.ɵɵtemplate(14, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_14_Template, 3, 0, "div", 56);
+    i0.ɵɵelementStart(15, "span", 33);
+    i0.ɵɵtext(16);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵtemplate(17, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_17_Template, 4, 3, "div", 34);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const query_r8 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("expanded", ctx_r0.isQueryExpanded(ctx_r0.getQueryKey(query_r8)));
+    i0.ɵɵadvance(7);
+    i0.ɵɵtextInterpolate(query_r8.name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(query_r8.categoryPath);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(query_r8.description ? 10 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.isQueryExpanded(ctx_r0.getQueryKey(query_r8)) ? "fa-chevron-up" : "fa-chevron-down");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(query_r8.entityNames && query_r8.entityNames.length > 0 ? 14 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", (query_r8.fields == null ? null : query_r8.fields.length) || 0, " fields");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.isQueryExpanded(ctx_r0.getQueryKey(query_r8)) ? 17 : -1);
+} }
+function DataRequirementsViewerComponent_Conditional_2_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13)(1, "h3", 18);
+    i0.ɵɵelement(2, "i", 2);
+    i0.ɵɵtext(3, " Queries ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 20);
+    i0.ɵɵrepeaterCreate(5, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Template, 18, 9, "div", 51, _forTrack1, true);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(5);
+    i0.ɵɵrepeater(ctx_r0.queries);
+} }
+function DataRequirementsViewerComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3)(1, "div", 4);
+    i0.ɵɵelement(2, "i", 5);
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 6);
+    i0.ɵɵtemplate(6, DataRequirementsViewerComponent_Conditional_2_div_6_Template, 5, 2, "div", 7)(7, DataRequirementsViewerComponent_Conditional_2_div_7_Template, 5, 2, "div", 7);
+    i0.ɵɵelementStart(8, "div", 8)(9, "span", 9);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "span", 10);
+    i0.ɵɵtext(12);
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵtemplate(13, DataRequirementsViewerComponent_Conditional_2_Conditional_13_Template, 6, 5, "div", 11)(14, DataRequirementsViewerComponent_Conditional_2_Conditional_14_Template, 7, 0, "div", 12)(15, DataRequirementsViewerComponent_Conditional_2_Conditional_15_Template, 7, 0, "div", 13);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.modeIcon);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.modeLabel);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r0.entities.length > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r0.queries.length > 0);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.totalFieldCount);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.totalFieldCount === 1 ? "Field" : "Fields");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.description ? 13 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.entities.length > 0 ? 14 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.queries.length > 0 ? 15 : -1);
+} }
+/**
+ * Beautiful viewer component for ComponentDataRequirements.
+ * Displays entities, queries, and fields in an organized, visually appealing layout.
+ */
+export class DataRequirementsViewerComponent {
+    dataRequirements = null;
+    // Track expanded state for entities and queries
+    expandedEntities = new Set();
+    expandedQueries = new Set();
+    get hasData() {
+        return !!this.dataRequirements;
+    }
+    get mode() {
+        return this.dataRequirements?.mode || 'views';
+    }
+    get modeLabel() {
+        switch (this.mode) {
+            case 'views': return 'Entity Views';
+            case 'queries': return 'Stored Queries';
+            case 'hybrid': return 'Hybrid (Views + Queries)';
+            default: return this.mode;
+        }
+    }
+    get modeIcon() {
+        switch (this.mode) {
+            case 'views': return 'fa-table';
+            case 'queries': return 'fa-database';
+            case 'hybrid': return 'fa-layer-group';
+            default: return 'fa-database';
+        }
+    }
+    get entities() {
+        return this.dataRequirements?.entities || [];
+    }
+    get queries() {
+        return this.dataRequirements?.queries || [];
+    }
+    get description() {
+        return this.dataRequirements?.description || '';
+    }
+    get totalFieldCount() {
+        let count = 0;
+        for (const entity of this.entities) {
+            count += entity.fieldMetadata?.length || 0;
+        }
+        for (const query of this.queries) {
+            count += query.fields?.length || 0;
+        }
+        return count;
+    }
+    toggleEntity(entityName) {
+        if (this.expandedEntities.has(entityName)) {
+            this.expandedEntities.delete(entityName);
+        }
+        else {
+            this.expandedEntities.add(entityName);
+        }
+    }
+    toggleQuery(queryKey) {
+        if (this.expandedQueries.has(queryKey)) {
+            this.expandedQueries.delete(queryKey);
+        }
+        else {
+            this.expandedQueries.add(queryKey);
+        }
+    }
+    isEntityExpanded(entityName) {
+        return this.expandedEntities.has(entityName);
+    }
+    isQueryExpanded(queryKey) {
+        return this.expandedQueries.has(queryKey);
+    }
+    getQueryKey(query) {
+        return `${query.categoryPath}/${query.name}`;
+    }
+    getPermissionIcon(permission) {
+        switch (permission) {
+            case 'read': return 'fa-eye';
+            case 'create': return 'fa-plus';
+            case 'update': return 'fa-pen';
+            case 'delete': return 'fa-trash';
+            default: return 'fa-question';
+        }
+    }
+    getPermissionColor(permission) {
+        switch (permission) {
+            case 'read': return '#2196F3';
+            case 'create': return '#4CAF50';
+            case 'update': return '#FF9800';
+            case 'delete': return '#f44336';
+            default: return '#9E9E9E';
+        }
+    }
+    getFieldTypeIcon(type) {
+        const lowerType = (type || '').toLowerCase();
+        if (lowerType.includes('int') || lowerType.includes('decimal') || lowerType.includes('float') || lowerType.includes('numeric') || lowerType.includes('money')) {
+            return 'fa-hashtag';
+        }
+        if (lowerType.includes('date') || lowerType.includes('time')) {
+            return 'fa-calendar';
+        }
+        if (lowerType.includes('bit') || lowerType.includes('bool')) {
+            return 'fa-toggle-on';
+        }
+        if (lowerType.includes('uniqueidentifier') || lowerType.includes('guid')) {
+            return 'fa-fingerprint';
+        }
+        if (lowerType.includes('text') || lowerType.includes('varchar') || lowerType.includes('char') || lowerType.includes('nvarchar')) {
+            return 'fa-font';
+        }
+        if (lowerType.includes('binary') || lowerType.includes('image') || lowerType.includes('varbinary')) {
+            return 'fa-file-image';
+        }
+        return 'fa-circle';
+    }
+    getFieldTypeColor(type) {
+        const lowerType = (type || '').toLowerCase();
+        if (lowerType.includes('int') || lowerType.includes('decimal') || lowerType.includes('float') || lowerType.includes('numeric') || lowerType.includes('money')) {
+            return '#9C27B0';
+        }
+        if (lowerType.includes('date') || lowerType.includes('time')) {
+            return '#FF5722';
+        }
+        if (lowerType.includes('bit') || lowerType.includes('bool')) {
+            return '#009688';
+        }
+        if (lowerType.includes('uniqueidentifier') || lowerType.includes('guid')) {
+            return '#607D8B';
+        }
+        if (lowerType.includes('text') || lowerType.includes('varchar') || lowerType.includes('char') || lowerType.includes('nvarchar')) {
+            return '#2196F3';
+        }
+        return '#9E9E9E';
+    }
+    formatFieldType(type) {
+        return type || 'unknown';
+    }
+    getFieldUsageTags(field, entity) {
+        const tags = [];
+        if (field.isPrimaryKey) {
+            tags.push('PK');
+        }
+        if (entity.displayFields?.includes(field.name)) {
+            tags.push('Display');
+        }
+        if (entity.filterFields?.includes(field.name)) {
+            tags.push('Filter');
+        }
+        if (entity.sortFields?.includes(field.name)) {
+            tags.push('Sort');
+        }
+        return tags;
+    }
+    getTagColor(tag) {
+        switch (tag) {
+            case 'PK': return '#E91E63';
+            case 'Display': return '#2196F3';
+            case 'Filter': return '#FF9800';
+            case 'Sort': return '#9C27B0';
+            default: return '#9E9E9E';
+        }
+    }
+    static ɵfac = function DataRequirementsViewerComponent_Factory(t) { return new (t || DataRequirementsViewerComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DataRequirementsViewerComponent, selectors: [["mj-data-requirements-viewer"]], inputs: { dataRequirements: "dataRequirements" }, decls: 3, vars: 1, consts: [[1, "data-requirements-viewer"], [1, "empty-state"], [1, "fas", "fa-database"], [1, "summary-header"], [1, "mode-badge"], [1, "fas", 3, "ngClass"], [1, "stats"], ["class", "stat-item", 4, "ngIf"], [1, "stat-item"], [1, "stat-value"], [1, "stat-label"], [1, "description-section"], [1, "section", "entities-section"], [1, "section", "queries-section"], [1, "description-title"], [1, "fas", "fa-info-circle"], [1, "description-content"], [3, "data", "enableCollapsibleHeadings", "enableLineNumbers", "enableSmartypants", "enableHtml"], [1, "section-title"], [1, "fas", "fa-table"], [1, "cards-container"], [1, "data-card", "entity-card", 3, "expanded"], [1, "data-card", "entity-card"], [1, "card-header", 3, "click"], [1, "card-title-row"], [1, "card-icon"], [1, "card-title-info"], [1, "card-title"], [1, "card-description"], [1, "expand-icon"], [1, "card-meta"], [1, "permissions-row"], [1, "permission-badge", 3, "background-color"], [1, "field-count"], [1, "card-body"], [1, "permission-badge"], [1, "usage-context"], [1, "fields-section"], [1, "fields-title"], [1, "fields-table"], [1, "fields-header"], [1, "field-col", "name-col"], [1, "field-col", "type-col"], [1, "field-col", "tags-col"], [1, "field-col", "desc-col"], [1, "field-row"], [1, "field-name"], ["title", "Required", 1, "required-indicator"], [1, "field-type"], [1, "usage-tag", 3, "background-color"], [1, "usage-tag"], [1, "data-card", "query-card", 3, "expanded"], [1, "data-card", "query-card"], [1, "card-icon", "query-icon"], [1, "fas", "fa-code"], [1, "card-path"], [1, "entity-badges"], [1, "entity-badge"], [1, "parameters-section"], [1, "sql-section"], [1, "parameters-title"], [1, "fas", "fa-sliders-h"], [1, "parameters-list"], [1, "parameter-item"], [1, "param-header"], [1, "param-name"], [1, "required-badge"], [1, "optional-badge"], [1, "param-type"], [1, "param-description"], [1, "param-sample"], [1, "sample-label"], [1, "sql-title"], [1, "fas", "fa-terminal"], [1, "sql-code"]], template: function DataRequirementsViewerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵtemplate(1, DataRequirementsViewerComponent_Conditional_1_Template, 6, 0, "div", 1)(2, DataRequirementsViewerComponent_Conditional_2_Template, 16, 9);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.hasData ? 1 : 2);
+        } }, dependencies: [i1.NgClass, i1.NgIf, i2.MarkdownComponent], styles: [".data-requirements-viewer[_ngcontent-%COMP%] {\n  padding: 0;\n  height: 100%;\n  overflow-y: auto;\n  background: #fafbfc;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n  color: #6c757d;\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 48px;\n  margin-bottom: 16px;\n  color: #dee2e6;\n}\n\n.empty-state[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0 0 8px 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: #495057;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n  color: #6c757d;\n}\n\n\n\n.summary-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  background: linear-gradient(135deg, #033ba3 0%, #5cb6f6 100%);\n  color: white;\n  border-radius: 0;\n}\n\n.mode-badge[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.mode-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 20px;\n  opacity: 0.9;\n}\n\n.stats[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 24px;\n}\n\n.stat-item[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 2px;\n}\n\n.stat-value[_ngcontent-%COMP%] {\n  font-size: 24px;\n  font-weight: 700;\n  line-height: 1;\n}\n\n.stat-label[_ngcontent-%COMP%] {\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  opacity: 0.85;\n}\n\n\n\n.description-section[_ngcontent-%COMP%] {\n  padding: 20px;\n  background: white;\n  border-bottom: 1px solid #e9ecef;\n}\n\n.description-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: #495057;\n}\n\n.description-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #5B4FE9;\n}\n\n.description-content[_ngcontent-%COMP%] {\n  font-size: 14px;\n  line-height: 1.6;\n  color: #495057;\n}\n\n.description-content[_ngcontent-%COMP%]     p {\n  margin: 0 0 12px 0;\n}\n\n.description-content[_ngcontent-%COMP%]     p:last-child {\n  margin-bottom: 0;\n}\n\n.description-content[_ngcontent-%COMP%]     pre {\n  background: #f8f9fa;\n  padding: 12px;\n  border-radius: 6px;\n  overflow-x: auto;\n}\n\n.description-content[_ngcontent-%COMP%]     code {\n  background: #f1f3f4;\n  padding: 2px 6px;\n  border-radius: 4px;\n  font-size: 13px;\n}\n\n\n\n.section[_ngcontent-%COMP%] {\n  padding: 20px;\n}\n\n.section-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 16px 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: #343a40;\n}\n\n.section-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #5B4FE9;\n  font-size: 18px;\n}\n\n\n\n.cards-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n\n\n.data-card[_ngcontent-%COMP%] {\n  background: white;\n  border-radius: 8px;\n  border: 1px solid #e9ecef;\n  overflow: hidden;\n  transition: box-shadow 0.2s ease, border-color 0.2s ease;\n}\n\n.data-card[_ngcontent-%COMP%]:hover {\n  border-color: #dee2e6;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n}\n\n.data-card.expanded[_ngcontent-%COMP%] {\n  border-color: #5B4FE9;\n  box-shadow: 0 4px 12px rgba(91, 79, 233, 0.12);\n}\n\n\n\n.card-header[_ngcontent-%COMP%] {\n  padding: 16px;\n  cursor: pointer;\n  user-select: none;\n}\n\n.card-title-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.card-icon[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  border-radius: 8px;\n  background: linear-gradient(135deg, #E8F5E9 0%, #C8E6C9 100%);\n  color: #4CAF50;\n  font-size: 18px;\n  flex-shrink: 0;\n}\n\n.card-icon.query-icon[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%);\n  color: #2196F3;\n}\n\n.card-title-info[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.card-title[_ngcontent-%COMP%] {\n  margin: 0 0 4px 0;\n  font-size: 15px;\n  font-weight: 600;\n  color: #212529;\n}\n\n.card-path[_ngcontent-%COMP%] {\n  margin: 0 0 4px 0;\n  font-size: 12px;\n  color: #6c757d;\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n}\n\n.card-description[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 13px;\n  color: #6c757d;\n  line-height: 1.4;\n}\n\n.expand-icon[_ngcontent-%COMP%] {\n  color: #adb5bd;\n  font-size: 12px;\n  padding: 4px;\n}\n\n.data-card.expanded[_ngcontent-%COMP%]   .expand-icon[_ngcontent-%COMP%] {\n  color: #5B4FE9;\n}\n\n\n\n.card-meta[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 12px;\n  padding-top: 12px;\n  border-top: 1px solid #f1f3f4;\n}\n\n.permissions-row[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.permission-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 8px;\n  border-radius: 4px;\n  font-size: 11px;\n  font-weight: 500;\n  color: white;\n  text-transform: capitalize;\n}\n\n.permission-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n.field-count[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: #6c757d;\n}\n\n.entity-badges[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.entity-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 8px;\n  border-radius: 4px;\n  font-size: 11px;\n  background: #f1f3f4;\n  color: #495057;\n}\n\n.entity-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n  color: #6c757d;\n}\n\n\n\n.card-body[_ngcontent-%COMP%] {\n  padding: 0 16px 16px 16px;\n  border-top: 1px solid #f1f3f4;\n}\n\n\n\n.usage-context[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  padding: 12px;\n  margin-top: 12px;\n  background: #FFF8E1;\n  border-radius: 6px;\n  font-size: 13px;\n  color: #6d4c00;\n}\n\n.usage-context[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #FFA000;\n  margin-top: 2px;\n}\n\n\n\n.fields-section[_ngcontent-%COMP%] {\n  margin-top: 16px;\n}\n\n.fields-title[_ngcontent-%COMP%] {\n  margin: 0 0 12px 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: #495057;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n\n\n.fields-table[_ngcontent-%COMP%] {\n  border: 1px solid #e9ecef;\n  border-radius: 6px;\n  overflow: hidden;\n}\n\n.fields-header[_ngcontent-%COMP%] {\n  display: flex;\n  padding: 10px 12px;\n  background: #f8f9fa;\n  border-bottom: 1px solid #e9ecef;\n  font-size: 11px;\n  font-weight: 600;\n  color: #6c757d;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.field-row[_ngcontent-%COMP%] {\n  display: flex;\n  padding: 10px 12px;\n  border-bottom: 1px solid #f1f3f4;\n  font-size: 13px;\n  align-items: center;\n}\n\n.field-row[_ngcontent-%COMP%]:last-child {\n  border-bottom: none;\n}\n\n.field-row[_ngcontent-%COMP%]:hover {\n  background: #fafbfc;\n}\n\n.field-col[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.name-col[_ngcontent-%COMP%] {\n  flex: 0 0 200px;\n  min-width: 0;\n}\n\n.type-col[_ngcontent-%COMP%] {\n  flex: 0 0 120px;\n}\n\n.tags-col[_ngcontent-%COMP%] {\n  flex: 0 0 160px;\n  flex-wrap: wrap;\n  gap: 4px;\n}\n\n.desc-col[_ngcontent-%COMP%] {\n  flex: 1;\n  color: #6c757d;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.field-name[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: #212529;\n}\n\n.required-indicator[_ngcontent-%COMP%] {\n  color: #dc3545;\n  font-weight: bold;\n}\n\n.field-type[_ngcontent-%COMP%] {\n  padding: 2px 6px;\n  background: #f1f3f4;\n  border-radius: 4px;\n  font-size: 11px;\n  color: #495057;\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n}\n\n.usage-tag[_ngcontent-%COMP%] {\n  display: inline-block;\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: 10px;\n  font-weight: 600;\n  color: white;\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n}\n\n\n\n.parameters-section[_ngcontent-%COMP%] {\n  margin-top: 16px;\n}\n\n.parameters-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 0 0 12px 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: #495057;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.parameters-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #5B4FE9;\n}\n\n.parameters-list[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.parameter-item[_ngcontent-%COMP%] {\n  padding: 12px;\n  background: #f8f9fa;\n  border-radius: 6px;\n  border-left: 3px solid #5B4FE9;\n}\n\n.param-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.param-name[_ngcontent-%COMP%] {\n  font-weight: 600;\n  color: #212529;\n  font-size: 14px;\n}\n\n.required-badge[_ngcontent-%COMP%] {\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: 10px;\n  font-weight: 600;\n  background: #dc3545;\n  color: white;\n  text-transform: uppercase;\n}\n\n.optional-badge[_ngcontent-%COMP%] {\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: 10px;\n  font-weight: 600;\n  background: #6c757d;\n  color: white;\n  text-transform: uppercase;\n}\n\n.param-type[_ngcontent-%COMP%] {\n  padding: 2px 6px;\n  background: #e9ecef;\n  border-radius: 4px;\n  font-size: 11px;\n  color: #495057;\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n}\n\n.param-description[_ngcontent-%COMP%] {\n  margin: 8px 0 0 0;\n  font-size: 13px;\n  color: #495057;\n  line-height: 1.4;\n}\n\n.param-sample[_ngcontent-%COMP%] {\n  margin-top: 8px;\n  font-size: 12px;\n}\n\n.sample-label[_ngcontent-%COMP%] {\n  color: #6c757d;\n  margin-right: 4px;\n}\n\n.param-sample[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {\n  padding: 2px 6px;\n  background: white;\n  border: 1px solid #e9ecef;\n  border-radius: 4px;\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n  color: #e83e8c;\n}\n\n\n\n.sql-section[_ngcontent-%COMP%] {\n  margin-top: 16px;\n}\n\n.sql-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 0 0 12px 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: #495057;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.sql-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #5B4FE9;\n}\n\n.sql-code[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 16px;\n  background: #1e1e1e;\n  border-radius: 6px;\n  font-size: 12px;\n  line-height: 1.5;\n  color: #d4d4d4;\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n  overflow-x: auto;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n\n\n\n@media (max-width: 768px) {\n  .summary-header[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 16px;\n    align-items: flex-start;\n  }\n\n  .stats[_ngcontent-%COMP%] {\n    width: 100%;\n    justify-content: space-around;\n  }\n\n  .name-col[_ngcontent-%COMP%] {\n    flex: 0 0 140px;\n  }\n\n  .type-col[_ngcontent-%COMP%] {\n    flex: 0 0 90px;\n  }\n\n  .tags-col[_ngcontent-%COMP%] {\n    flex: 0 0 120px;\n  }\n\n  .card-meta[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 8px;\n    align-items: flex-start;\n  }\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DataRequirementsViewerComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-data-requirements-viewer', template: "<div class=\"data-requirements-viewer\">\n  @if (!hasData) {\n    <div class=\"empty-state\">\n      <i class=\"fas fa-database\"></i>\n      <h3>No Data Requirements</h3>\n      <p>This component doesn't have any data requirements defined.</p>\n    </div>\n  } @else {\n    <!-- Header Summary -->\n    <div class=\"summary-header\">\n      <div class=\"mode-badge\">\n        <i class=\"fas\" [ngClass]=\"modeIcon\"></i>\n        <span>{{ modeLabel }}</span>\n      </div>\n      <div class=\"stats\">\n        <div class=\"stat-item\" *ngIf=\"entities.length > 0\">\n          <span class=\"stat-value\">{{ entities.length }}</span>\n          <span class=\"stat-label\">{{ entities.length === 1 ? 'Entity' : 'Entities' }}</span>\n        </div>\n        <div class=\"stat-item\" *ngIf=\"queries.length > 0\">\n          <span class=\"stat-value\">{{ queries.length }}</span>\n          <span class=\"stat-label\">{{ queries.length === 1 ? 'Query' : 'Queries' }}</span>\n        </div>\n        <div class=\"stat-item\">\n          <span class=\"stat-value\">{{ totalFieldCount }}</span>\n          <span class=\"stat-label\">{{ totalFieldCount === 1 ? 'Field' : 'Fields' }}</span>\n        </div>\n      </div>\n    </div>\n\n    <!-- Description / Overview (supports markdown including mermaid diagrams) -->\n    @if (description) {\n      <div class=\"description-section\">\n        <h4 class=\"description-title\">\n          <i class=\"fas fa-info-circle\"></i>\n          Overview\n        </h4>\n        <div class=\"description-content\">\n          <mj-markdown [data]=\"description\"\n                       [enableCollapsibleHeadings]=\"false\"\n                       [enableLineNumbers]=\"false\"\n                       [enableSmartypants]=\"true\"\n                       [enableHtml]=\"true\"></mj-markdown>\n        </div>\n      </div>\n    }\n\n    <!-- Entities Section -->\n    @if (entities.length > 0) {\n      <div class=\"section entities-section\">\n        <h3 class=\"section-title\">\n          <i class=\"fas fa-table\"></i>\n          Entities\n        </h3>\n        <div class=\"cards-container\">\n          @for (entity of entities; track entity.name) {\n            <div class=\"data-card entity-card\" [class.expanded]=\"isEntityExpanded(entity.name)\">\n              <div class=\"card-header\" (click)=\"toggleEntity(entity.name)\">\n                <div class=\"card-title-row\">\n                  <div class=\"card-icon\">\n                    <i class=\"fas fa-table\"></i>\n                  </div>\n                  <div class=\"card-title-info\">\n                    <h4 class=\"card-title\">{{ entity.name }}</h4>\n                    @if (entity.description) {\n                      <p class=\"card-description\">{{ entity.description }}</p>\n                    }\n                  </div>\n                  <div class=\"expand-icon\">\n                    <i class=\"fas\" [ngClass]=\"isEntityExpanded(entity.name) ? 'fa-chevron-up' : 'fa-chevron-down'\"></i>\n                  </div>\n                </div>\n                <div class=\"card-meta\">\n                  <div class=\"permissions-row\">\n                    @for (perm of entity.permissionLevelNeeded; track perm) {\n                      <span class=\"permission-badge\" [style.background-color]=\"getPermissionColor(perm)\">\n                        <i class=\"fas\" [ngClass]=\"getPermissionIcon(perm)\"></i>\n                        {{ perm }}\n                      </span>\n                    }\n                  </div>\n                  <span class=\"field-count\">{{ entity.fieldMetadata?.length || 0 }} fields</span>\n                </div>\n              </div>\n\n              @if (isEntityExpanded(entity.name)) {\n                <div class=\"card-body\">\n                  @if (entity.usageContext) {\n                    <div class=\"usage-context\">\n                      <i class=\"fas fa-info-circle\"></i>\n                      <span>{{ entity.usageContext }}</span>\n                    </div>\n                  }\n\n                  <!-- Fields Table -->\n                  @if (entity.fieldMetadata && entity.fieldMetadata.length > 0) {\n                    <div class=\"fields-section\">\n                      <h5 class=\"fields-title\">Fields</h5>\n                      <div class=\"fields-table\">\n                        <div class=\"fields-header\">\n                          <span class=\"field-col name-col\">Name</span>\n                          <span class=\"field-col type-col\">Type</span>\n                          <span class=\"field-col tags-col\">Usage</span>\n                          <span class=\"field-col desc-col\">Description</span>\n                        </div>\n                        @for (field of entity.fieldMetadata; track field.name) {\n                          <div class=\"field-row\">\n                            <span class=\"field-col name-col\">\n                              <i class=\"fas\" [ngClass]=\"getFieldTypeIcon(field.type)\" [style.color]=\"getFieldTypeColor(field.type)\"></i>\n                              <span class=\"field-name\">{{ field.name }}</span>\n                              @if (!field.allowsNull) {\n                                <span class=\"required-indicator\" title=\"Required\">*</span>\n                              }\n                            </span>\n                            <span class=\"field-col type-col\">\n                              <code class=\"field-type\">{{ formatFieldType(field.type) }}</code>\n                            </span>\n                            <span class=\"field-col tags-col\">\n                              @for (tag of getFieldUsageTags(field, entity); track tag) {\n                                <span class=\"usage-tag\" [style.background-color]=\"getTagColor(tag)\">{{ tag }}</span>\n                              }\n                            </span>\n                            <span class=\"field-col desc-col\">\n                              {{ field.description || '\u2014' }}\n                            </span>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  }\n                </div>\n              }\n            </div>\n          }\n        </div>\n      </div>\n    }\n\n    <!-- Queries Section -->\n    @if (queries.length > 0) {\n      <div class=\"section queries-section\">\n        <h3 class=\"section-title\">\n          <i class=\"fas fa-database\"></i>\n          Queries\n        </h3>\n        <div class=\"cards-container\">\n          @for (query of queries; track getQueryKey(query)) {\n            <div class=\"data-card query-card\" [class.expanded]=\"isQueryExpanded(getQueryKey(query))\">\n              <div class=\"card-header\" (click)=\"toggleQuery(getQueryKey(query))\">\n                <div class=\"card-title-row\">\n                  <div class=\"card-icon query-icon\">\n                    <i class=\"fas fa-code\"></i>\n                  </div>\n                  <div class=\"card-title-info\">\n                    <h4 class=\"card-title\">{{ query.name }}</h4>\n                    <p class=\"card-path\">{{ query.categoryPath }}</p>\n                    @if (query.description) {\n                      <p class=\"card-description\">{{ query.description }}</p>\n                    }\n                  </div>\n                  <div class=\"expand-icon\">\n                    <i class=\"fas\" [ngClass]=\"isQueryExpanded(getQueryKey(query)) ? 'fa-chevron-up' : 'fa-chevron-down'\"></i>\n                  </div>\n                </div>\n                <div class=\"card-meta\">\n                  @if (query.entityNames && query.entityNames.length > 0) {\n                    <div class=\"entity-badges\">\n                      @for (entityName of query.entityNames; track entityName) {\n                        <span class=\"entity-badge\">\n                          <i class=\"fas fa-table\"></i>\n                          {{ entityName }}\n                        </span>\n                      }\n                    </div>\n                  }\n                  <span class=\"field-count\">{{ query.fields?.length || 0 }} fields</span>\n                </div>\n              </div>\n\n              @if (isQueryExpanded(getQueryKey(query))) {\n                <div class=\"card-body\">\n                  <!-- Parameters -->\n                  @if (query.parameters && query.parameters.length > 0) {\n                    <div class=\"parameters-section\">\n                      <h5 class=\"parameters-title\">\n                        <i class=\"fas fa-sliders-h\"></i>\n                        Parameters\n                      </h5>\n                      <div class=\"parameters-list\">\n                        @for (param of query.parameters; track param.name) {\n                          <div class=\"parameter-item\">\n                            <div class=\"param-header\">\n                              <span class=\"param-name\">{{ param.name }}</span>\n                              @if (param.isRequired) {\n                                <span class=\"required-badge\">Required</span>\n                              } @else {\n                                <span class=\"optional-badge\">Optional</span>\n                              }\n                              @if (param.type) {\n                                <code class=\"param-type\">{{ param.type }}</code>\n                              }\n                            </div>\n                            @if (param.description) {\n                              <p class=\"param-description\">{{ param.description }}</p>\n                            }\n                            @if (param.sampleValue || param.testValue) {\n                              <div class=\"param-sample\">\n                                <span class=\"sample-label\">Sample:</span>\n                                <code>{{ param.sampleValue || param.testValue }}</code>\n                              </div>\n                            }\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  }\n\n                  <!-- Fields Table -->\n                  @if (query.fields && query.fields.length > 0) {\n                    <div class=\"fields-section\">\n                      <h5 class=\"fields-title\">Output Fields</h5>\n                      <div class=\"fields-table\">\n                        <div class=\"fields-header\">\n                          <span class=\"field-col name-col\">Name</span>\n                          <span class=\"field-col type-col\">Type</span>\n                          <span class=\"field-col desc-col\">Description</span>\n                        </div>\n                        @for (field of query.fields; track field.name) {\n                          <div class=\"field-row\">\n                            <span class=\"field-col name-col\">\n                              <i class=\"fas\" [ngClass]=\"getFieldTypeIcon(field.type)\" [style.color]=\"getFieldTypeColor(field.type)\"></i>\n                              <span class=\"field-name\">{{ field.name }}</span>\n                            </span>\n                            <span class=\"field-col type-col\">\n                              <code class=\"field-type\">{{ formatFieldType(field.type) }}</code>\n                            </span>\n                            <span class=\"field-col desc-col\">\n                              {{ field.description || '\u2014' }}\n                            </span>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  }\n\n                  <!-- New Query SQL -->\n                  @if (query.newQuerySQL) {\n                    <div class=\"sql-section\">\n                      <h5 class=\"sql-title\">\n                        <i class=\"fas fa-terminal\"></i>\n                        Query SQL\n                      </h5>\n                      <pre class=\"sql-code\">{{ query.newQuerySQL }}</pre>\n                    </div>\n                  }\n                </div>\n              }\n            </div>\n          }\n        </div>\n      </div>\n    }\n  }\n</div>\n", styles: [".data-requirements-viewer {\n  padding: 0;\n  height: 100%;\n  overflow-y: auto;\n  background: #fafbfc;\n}\n\n/* Empty State */\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n  color: #6c757d;\n}\n\n.empty-state i {\n  font-size: 48px;\n  margin-bottom: 16px;\n  color: #dee2e6;\n}\n\n.empty-state h3 {\n  margin: 0 0 8px 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: #495057;\n}\n\n.empty-state p {\n  margin: 0;\n  font-size: 14px;\n  color: #6c757d;\n}\n\n/* Summary Header */\n.summary-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  background: linear-gradient(135deg, #033ba3 0%, #5cb6f6 100%);\n  color: white;\n  border-radius: 0;\n}\n\n.mode-badge {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.mode-badge i {\n  font-size: 20px;\n  opacity: 0.9;\n}\n\n.stats {\n  display: flex;\n  gap: 24px;\n}\n\n.stat-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 2px;\n}\n\n.stat-value {\n  font-size: 24px;\n  font-weight: 700;\n  line-height: 1;\n}\n\n.stat-label {\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  opacity: 0.85;\n}\n\n/* Description Section */\n.description-section {\n  padding: 20px;\n  background: white;\n  border-bottom: 1px solid #e9ecef;\n}\n\n.description-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: #495057;\n}\n\n.description-title i {\n  color: #5B4FE9;\n}\n\n.description-content {\n  font-size: 14px;\n  line-height: 1.6;\n  color: #495057;\n}\n\n.description-content ::ng-deep p {\n  margin: 0 0 12px 0;\n}\n\n.description-content ::ng-deep p:last-child {\n  margin-bottom: 0;\n}\n\n.description-content ::ng-deep pre {\n  background: #f8f9fa;\n  padding: 12px;\n  border-radius: 6px;\n  overflow-x: auto;\n}\n\n.description-content ::ng-deep code {\n  background: #f1f3f4;\n  padding: 2px 6px;\n  border-radius: 4px;\n  font-size: 13px;\n}\n\n/* Section Styling */\n.section {\n  padding: 20px;\n}\n\n.section-title {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 16px 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: #343a40;\n}\n\n.section-title i {\n  color: #5B4FE9;\n  font-size: 18px;\n}\n\n/* Cards Container */\n.cards-container {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n/* Data Card */\n.data-card {\n  background: white;\n  border-radius: 8px;\n  border: 1px solid #e9ecef;\n  overflow: hidden;\n  transition: box-shadow 0.2s ease, border-color 0.2s ease;\n}\n\n.data-card:hover {\n  border-color: #dee2e6;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n}\n\n.data-card.expanded {\n  border-color: #5B4FE9;\n  box-shadow: 0 4px 12px rgba(91, 79, 233, 0.12);\n}\n\n/* Card Header */\n.card-header {\n  padding: 16px;\n  cursor: pointer;\n  user-select: none;\n}\n\n.card-title-row {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.card-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  border-radius: 8px;\n  background: linear-gradient(135deg, #E8F5E9 0%, #C8E6C9 100%);\n  color: #4CAF50;\n  font-size: 18px;\n  flex-shrink: 0;\n}\n\n.card-icon.query-icon {\n  background: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%);\n  color: #2196F3;\n}\n\n.card-title-info {\n  flex: 1;\n  min-width: 0;\n}\n\n.card-title {\n  margin: 0 0 4px 0;\n  font-size: 15px;\n  font-weight: 600;\n  color: #212529;\n}\n\n.card-path {\n  margin: 0 0 4px 0;\n  font-size: 12px;\n  color: #6c757d;\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n}\n\n.card-description {\n  margin: 0;\n  font-size: 13px;\n  color: #6c757d;\n  line-height: 1.4;\n}\n\n.expand-icon {\n  color: #adb5bd;\n  font-size: 12px;\n  padding: 4px;\n}\n\n.data-card.expanded .expand-icon {\n  color: #5B4FE9;\n}\n\n/* Card Meta */\n.card-meta {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 12px;\n  padding-top: 12px;\n  border-top: 1px solid #f1f3f4;\n}\n\n.permissions-row {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.permission-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 8px;\n  border-radius: 4px;\n  font-size: 11px;\n  font-weight: 500;\n  color: white;\n  text-transform: capitalize;\n}\n\n.permission-badge i {\n  font-size: 10px;\n}\n\n.field-count {\n  font-size: 12px;\n  color: #6c757d;\n}\n\n.entity-badges {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.entity-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 8px;\n  border-radius: 4px;\n  font-size: 11px;\n  background: #f1f3f4;\n  color: #495057;\n}\n\n.entity-badge i {\n  font-size: 10px;\n  color: #6c757d;\n}\n\n/* Card Body */\n.card-body {\n  padding: 0 16px 16px 16px;\n  border-top: 1px solid #f1f3f4;\n}\n\n/* Usage Context */\n.usage-context {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  padding: 12px;\n  margin-top: 12px;\n  background: #FFF8E1;\n  border-radius: 6px;\n  font-size: 13px;\n  color: #6d4c00;\n}\n\n.usage-context i {\n  color: #FFA000;\n  margin-top: 2px;\n}\n\n/* Fields Section */\n.fields-section {\n  margin-top: 16px;\n}\n\n.fields-title {\n  margin: 0 0 12px 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: #495057;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n/* Fields Table */\n.fields-table {\n  border: 1px solid #e9ecef;\n  border-radius: 6px;\n  overflow: hidden;\n}\n\n.fields-header {\n  display: flex;\n  padding: 10px 12px;\n  background: #f8f9fa;\n  border-bottom: 1px solid #e9ecef;\n  font-size: 11px;\n  font-weight: 600;\n  color: #6c757d;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.field-row {\n  display: flex;\n  padding: 10px 12px;\n  border-bottom: 1px solid #f1f3f4;\n  font-size: 13px;\n  align-items: center;\n}\n\n.field-row:last-child {\n  border-bottom: none;\n}\n\n.field-row:hover {\n  background: #fafbfc;\n}\n\n.field-col {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.name-col {\n  flex: 0 0 200px;\n  min-width: 0;\n}\n\n.type-col {\n  flex: 0 0 120px;\n}\n\n.tags-col {\n  flex: 0 0 160px;\n  flex-wrap: wrap;\n  gap: 4px;\n}\n\n.desc-col {\n  flex: 1;\n  color: #6c757d;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.field-name {\n  font-weight: 500;\n  color: #212529;\n}\n\n.required-indicator {\n  color: #dc3545;\n  font-weight: bold;\n}\n\n.field-type {\n  padding: 2px 6px;\n  background: #f1f3f4;\n  border-radius: 4px;\n  font-size: 11px;\n  color: #495057;\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n}\n\n.usage-tag {\n  display: inline-block;\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: 10px;\n  font-weight: 600;\n  color: white;\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n}\n\n/* Parameters Section */\n.parameters-section {\n  margin-top: 16px;\n}\n\n.parameters-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 0 0 12px 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: #495057;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.parameters-title i {\n  color: #5B4FE9;\n}\n\n.parameters-list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.parameter-item {\n  padding: 12px;\n  background: #f8f9fa;\n  border-radius: 6px;\n  border-left: 3px solid #5B4FE9;\n}\n\n.param-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.param-name {\n  font-weight: 600;\n  color: #212529;\n  font-size: 14px;\n}\n\n.required-badge {\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: 10px;\n  font-weight: 600;\n  background: #dc3545;\n  color: white;\n  text-transform: uppercase;\n}\n\n.optional-badge {\n  padding: 2px 6px;\n  border-radius: 3px;\n  font-size: 10px;\n  font-weight: 600;\n  background: #6c757d;\n  color: white;\n  text-transform: uppercase;\n}\n\n.param-type {\n  padding: 2px 6px;\n  background: #e9ecef;\n  border-radius: 4px;\n  font-size: 11px;\n  color: #495057;\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n}\n\n.param-description {\n  margin: 8px 0 0 0;\n  font-size: 13px;\n  color: #495057;\n  line-height: 1.4;\n}\n\n.param-sample {\n  margin-top: 8px;\n  font-size: 12px;\n}\n\n.sample-label {\n  color: #6c757d;\n  margin-right: 4px;\n}\n\n.param-sample code {\n  padding: 2px 6px;\n  background: white;\n  border: 1px solid #e9ecef;\n  border-radius: 4px;\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n  color: #e83e8c;\n}\n\n/* SQL Section */\n.sql-section {\n  margin-top: 16px;\n}\n\n.sql-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 0 0 12px 0;\n  font-size: 13px;\n  font-weight: 600;\n  color: #495057;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.sql-title i {\n  color: #5B4FE9;\n}\n\n.sql-code {\n  margin: 0;\n  padding: 16px;\n  background: #1e1e1e;\n  border-radius: 6px;\n  font-size: 12px;\n  line-height: 1.5;\n  color: #d4d4d4;\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n  overflow-x: auto;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n\n/* Responsive adjustments */\n@media (max-width: 768px) {\n  .summary-header {\n    flex-direction: column;\n    gap: 16px;\n    align-items: flex-start;\n  }\n\n  .stats {\n    width: 100%;\n    justify-content: space-around;\n  }\n\n  .name-col {\n    flex: 0 0 140px;\n  }\n\n  .type-col {\n    flex: 0 0 90px;\n  }\n\n  .tags-col {\n    flex: 0 0 120px;\n  }\n\n  .card-meta {\n    flex-direction: column;\n    gap: 8px;\n    align-items: flex-start;\n  }\n}\n"] }]
+    }], null, { dataRequirements: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DataRequirementsViewerComponent, { className: "DataRequirementsViewerComponent", filePath: "src/lib/components/plugins/data-requirements-viewer/data-requirements-viewer.component.ts", lineNumber: 13 }); })();
+//# sourceMappingURL=data-requirements-viewer.component.js.map