@memberjunction/ng-artifacts 3.4.0 → 4.1.0

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

@@ -14,11 +14,11 @@ function DataRequirementsViewerComponent_Conditional_1_Template(rf, ctx) { if (r
     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);
+function DataRequirementsViewerComponent_Conditional_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7)(1, "span", 8);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 10);
+    i0.ɵɵelementStart(3, "span", 9);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -28,11 +28,11 @@ function DataRequirementsViewerComponent_Conditional_2_div_6_Template(rf, ctx) {
     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);
+function DataRequirementsViewerComponent_Conditional_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7)(1, "span", 8);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 10);
+    i0.ɵɵelementStart(3, "span", 9);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -43,12 +43,12 @@ function DataRequirementsViewerComponent_Conditional_2_div_7_Template(rf, ctx) {
     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.ɵɵelementStart(0, "div", 10)(1, "h4", 13);
+    i0.ɵɵelement(2, "i", 14);
     i0.ɵɵtext(3, " Overview ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 16);
-    i0.ɵɵelement(5, "mj-markdown", 17);
+    i0.ɵɵelementStart(4, "div", 15);
+    i0.ɵɵelement(5, "mj-markdown", 16);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -56,7 +56,7 @@ function DataRequirementsViewerComponent_Conditional_2_Conditional_13_Template(r
     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.ɵɵelementStart(0, "p", 27);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -65,7 +65,7 @@ function DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Cond
     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.ɵɵelementStart(0, "span", 34);
     i0.ɵɵelement(1, "i", 5);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
@@ -79,8 +79,8 @@ function DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_For_
     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(0, "div", 35);
+    i0.ɵɵelement(1, "i", 14);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -90,12 +90,12 @@ function DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Cond
     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.ɵɵelementStart(0, "span", 46);
     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.ɵɵelementStart(0, "span", 49);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -106,20 +106,20 @@ function DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Cond
     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.ɵɵelementStart(0, "div", 44)(1, "span", 40);
     i0.ɵɵelement(2, "i", 5);
-    i0.ɵɵelementStart(3, "span", 46);
+    i0.ɵɵelementStart(3, "span", 45);
     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.ɵɵconditionalCreate(5, DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Conditional_17_Conditional_2_For_14_Conditional_5_Template, 2, 0, "span", 46);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 42)(7, "code", 48);
+    i0.ɵɵelementStart(6, "span", 41)(7, "code", 47);
     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.ɵɵelementStart(9, "span", 42);
+    i0.ɵɵrepeaterCreate(10, DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Conditional_17_Conditional_2_For_14_For_11_Template, 2, 3, "span", 48, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "span", 44);
+    i0.ɵɵelementStart(12, "span", 43);
     i0.ɵɵtext(13);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -141,22 +141,22 @@ function DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Cond
     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.ɵɵelementStart(0, "div", 36)(1, "h5", 37);
     i0.ɵɵtext(2, "Fields");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 39)(4, "div", 40)(5, "span", 41);
+    i0.ɵɵelementStart(3, "div", 38)(4, "div", 39)(5, "span", 40);
     i0.ɵɵtext(6, "Name");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "span", 42);
+    i0.ɵɵelementStart(7, "span", 41);
     i0.ɵɵtext(8, "Type");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 43);
+    i0.ɵɵelementStart(9, "span", 42);
     i0.ɵɵtext(10, "Usage");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "span", 44);
+    i0.ɵɵelementStart(11, "span", 43);
     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.ɵɵrepeaterCreate(13, DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Conditional_17_Conditional_2_For_14_Template, 14, 7, "div", 44, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const entity_r3 = i0.ɵɵnextContext(2).$implicit;
@@ -164,8 +164,9 @@ function DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Cond
     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.ɵɵelementStart(0, "div", 33);
+    i0.ɵɵconditionalCreate(1, DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Conditional_17_Conditional_1_Template, 4, 1, "div", 35);
+    i0.ɵɵconditionalCreate(2, DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Conditional_17_Conditional_2_Template, 15, 0, "div", 36);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const entity_r3 = i0.ɵɵnextContext().$implicit;
@@ -176,26 +177,26 @@ function DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Cond
 } }
 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.ɵɵelementStart(0, "div", 21)(1, "div", 22);
     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.ɵɵelementStart(2, "div", 23)(3, "div", 24);
+    i0.ɵɵelement(4, "i", 18);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 26)(6, "h4", 27);
+    i0.ɵɵelementStart(5, "div", 25)(6, "h4", 26);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(8, DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Conditional_8_Template, 2, 1, "p", 28);
+    i0.ɵɵconditionalCreate(8, DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Conditional_8_Template, 2, 1, "p", 27);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "div", 29);
+    i0.ɵɵelementStart(9, "div", 28);
     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.ɵɵelementStart(11, "div", 29)(12, "div", 30);
+    i0.ɵɵrepeaterCreate(13, DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_For_14_Template, 3, 4, "span", 31, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "span", 33);
+    i0.ɵɵelementStart(15, "span", 32);
     i0.ɵɵtext(16);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵtemplate(17, DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Conditional_17_Template, 3, 2, "div", 34);
+    i0.ɵɵconditionalCreate(17, DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Conditional_17_Template, 3, 2, "div", 33);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const entity_r3 = ctx.$implicit;
@@ -215,12 +216,12 @@ function DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Temp
     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.ɵɵelementStart(0, "div", 11)(1, "h3", 17);
+    i0.ɵɵelement(2, "i", 18);
     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.ɵɵelementStart(4, "div", 19);
+    i0.ɵɵrepeaterCreate(5, DataRequirementsViewerComponent_Conditional_2_Conditional_14_For_6_Template, 18, 7, "div", 20, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -228,13 +229,13 @@ function DataRequirementsViewerComponent_Conditional_2_Conditional_14_Template(r
     i0.ɵɵrepeater(ctx_r0.entities);
 } }
 function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 56);
-    i0.ɵɵelement(1, "i", 59);
+    i0.ɵɵelementStart(0, "span", 55);
+    i0.ɵɵelement(1, "i", 58);
     i0.ɵɵtext(2, " NEW ");
     i0.ɵɵelementEnd();
 } }
 function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 28);
+    i0.ɵɵelementStart(0, "p", 27);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -243,8 +244,8 @@ function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Cond
     i0.ɵɵtextInterpolate(query_r8.description);
 } }
 function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_16_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 60);
-    i0.ɵɵelement(1, "i", 19);
+    i0.ɵɵelementStart(0, "span", 59);
+    i0.ɵɵelement(1, "i", 18);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -253,8 +254,8 @@ function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Cond
     i0.ɵɵtextInterpolate1(" ", entityName_r9, " ");
 } }
 function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 58);
-    i0.ɵɵrepeaterCreate(1, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_16_For_2_Template, 3, 1, "span", 60, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(0, "div", 57);
+    i0.ɵɵrepeaterCreate(1, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_16_For_2_Template, 3, 1, "span", 59, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const query_r8 = i0.ɵɵnextContext().$implicit;
@@ -262,17 +263,17 @@ function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Cond
     i0.ɵɵrepeater(query_r8.entityNames);
 } }
 function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_1_For_6_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 69);
+    i0.ɵɵelementStart(0, "span", 68);
     i0.ɵɵtext(1, "Required");
     i0.ɵɵelementEnd();
 } }
 function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_1_For_6_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 70);
+    i0.ɵɵelementStart(0, "span", 69);
     i0.ɵɵtext(1, "Optional");
     i0.ɵɵelementEnd();
 } }
 function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_1_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "code", 71);
+    i0.ɵɵelementStart(0, "code", 70);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -281,7 +282,7 @@ function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Cond
     i0.ɵɵtextInterpolate(param_r10.type);
 } }
 function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_1_For_6_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 72);
+    i0.ɵɵelementStart(0, "p", 71);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -290,7 +291,7 @@ function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Cond
     i0.ɵɵtextInterpolate(param_r10.description);
 } }
 function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_1_For_6_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 73)(1, "span", 74);
+    i0.ɵɵelementStart(0, "div", 72)(1, "span", 73);
     i0.ɵɵtext(2, "Sample:");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "code");
@@ -302,12 +303,14 @@ function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Cond
     i0.ɵɵtextInterpolate(param_r10.sampleValue || param_r10.testValue);
 } }
 function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_1_For_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 66)(1, "div", 67)(2, "span", 68);
+    i0.ɵɵelementStart(0, "div", 65)(1, "div", 66)(2, "span", 67);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_1_For_6_Conditional_4_Template, 2, 0, "span", 69)(5, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_1_For_6_Conditional_5_Template, 2, 0, "span", 70)(6, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_1_For_6_Conditional_6_Template, 2, 1, "code", 71);
+    i0.ɵɵconditionalCreate(4, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_1_For_6_Conditional_4_Template, 2, 0, "span", 68)(5, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_1_For_6_Conditional_5_Template, 2, 0, "span", 69);
+    i0.ɵɵconditionalCreate(6, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_1_For_6_Conditional_6_Template, 2, 1, "code", 70);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(7, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_1_For_6_Conditional_7_Template, 2, 1, "p", 72)(8, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_1_For_6_Conditional_8_Template, 5, 1, "div", 73);
+    i0.ɵɵconditionalCreate(7, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_1_For_6_Conditional_7_Template, 2, 1, "p", 71);
+    i0.ɵɵconditionalCreate(8, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_1_For_6_Conditional_8_Template, 5, 1, "div", 72);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const param_r10 = ctx.$implicit;
@@ -323,12 +326,12 @@ function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Cond
     i0.ɵɵconditional(param_r10.sampleValue || param_r10.testValue ? 8 : -1);
 } }
 function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 61)(1, "h5", 63);
-    i0.ɵɵelement(2, "i", 64);
+    i0.ɵɵelementStart(0, "div", 60)(1, "h5", 62);
+    i0.ɵɵelement(2, "i", 63);
     i0.ɵɵtext(3, " Parameters ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 65);
-    i0.ɵɵrepeaterCreate(5, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_1_For_6_Template, 9, 5, "div", 66, _forTrack0);
+    i0.ɵɵelementStart(4, "div", 64);
+    i0.ɵɵrepeaterCreate(5, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_1_For_6_Template, 9, 5, "div", 65, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const query_r8 = i0.ɵɵnextContext(2).$implicit;
@@ -336,15 +339,15 @@ function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Cond
     i0.ɵɵrepeater(query_r8.parameters);
 } }
 function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_2_For_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 45)(1, "span", 41);
+    i0.ɵɵelementStart(0, "div", 44)(1, "span", 40);
     i0.ɵɵelement(2, "i", 5);
-    i0.ɵɵelementStart(3, "span", 46);
+    i0.ɵɵelementStart(3, "span", 45);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "span", 42)(6, "code", 48);
+    i0.ɵɵelementStart(5, "span", 41)(6, "code", 47);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "span", 44);
+    i0.ɵɵelementStart(8, "span", 43);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -361,19 +364,19 @@ function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Cond
     i0.ɵɵtextInterpolate1(" ", field_r11.description || "\u2014", " ");
 } }
 function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 37)(1, "h5", 38);
+    i0.ɵɵelementStart(0, "div", 36)(1, "h5", 37);
     i0.ɵɵtext(2, "Output Fields");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 39)(4, "div", 40)(5, "span", 41);
+    i0.ɵɵelementStart(3, "div", 38)(4, "div", 39)(5, "span", 40);
     i0.ɵɵtext(6, "Name");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "span", 42);
+    i0.ɵɵelementStart(7, "span", 41);
     i0.ɵɵtext(8, "Type");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 44);
+    i0.ɵɵelementStart(9, "span", 43);
     i0.ɵɵtext(10, "Description");
     i0.ɵɵelementEnd()();
-    i0.ɵɵrepeaterCreate(11, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_2_For_12_Template, 10, 6, "div", 45, _forTrack0);
+    i0.ɵɵrepeaterCreate(11, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_2_For_12_Template, 10, 6, "div", 44, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const query_r8 = i0.ɵɵnextContext(2).$implicit;
@@ -381,11 +384,11 @@ function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Cond
     i0.ɵɵrepeater(query_r8.fields);
 } }
 function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 62)(1, "h5", 75);
-    i0.ɵɵelement(2, "i", 76);
+    i0.ɵɵelementStart(0, "div", 61)(1, "h5", 74);
+    i0.ɵɵelement(2, "i", 75);
     i0.ɵɵtext(3, " Query SQL ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "pre", 77);
+    i0.ɵɵelementStart(4, "pre", 76);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -394,8 +397,10 @@ function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Cond
     i0.ɵɵtextInterpolate(query_r8.newQuerySQL);
 } }
 function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 34);
-    i0.ɵɵtemplate(1, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_1_Template, 7, 0, "div", 61)(2, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_2_Template, 13, 0, "div", 37)(3, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_3_Template, 6, 1, "div", 62);
+    i0.ɵɵelementStart(0, "div", 33);
+    i0.ɵɵconditionalCreate(1, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_1_Template, 7, 0, "div", 60);
+    i0.ɵɵconditionalCreate(2, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_2_Template, 13, 0, "div", 36);
+    i0.ɵɵconditionalCreate(3, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Conditional_3_Template, 6, 1, "div", 61);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const query_r8 = i0.ɵɵnextContext().$implicit;
@@ -408,30 +413,30 @@ function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Cond
 } }
 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.ɵɵelementStart(0, "div", 51)(1, "div", 22);
     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.ɵɵelementStart(2, "div", 23)(3, "div", 52);
+    i0.ɵɵelement(4, "i", 53);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 26)(6, "div", 55)(7, "h4", 27);
+    i0.ɵɵelementStart(5, "div", 25)(6, "div", 54)(7, "h4", 26);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(9, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_9_Template, 3, 0, "span", 56);
+    i0.ɵɵconditionalCreate(9, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_9_Template, 3, 0, "span", 55);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "p", 57);
+    i0.ɵɵelementStart(10, "p", 56);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(12, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_12_Template, 2, 1, "p", 28);
+    i0.ɵɵconditionalCreate(12, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_12_Template, 2, 1, "p", 27);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "div", 29);
+    i0.ɵɵelementStart(13, "div", 28);
     i0.ɵɵelement(14, "i", 5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(15, "div", 30);
-    i0.ɵɵtemplate(16, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_16_Template, 3, 0, "div", 58);
-    i0.ɵɵelementStart(17, "span", 33);
+    i0.ɵɵelementStart(15, "div", 29);
+    i0.ɵɵconditionalCreate(16, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_16_Template, 3, 0, "div", 57);
+    i0.ɵɵelementStart(17, "span", 32);
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵtemplate(19, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Template, 4, 3, "div", 34);
+    i0.ɵɵconditionalCreate(19, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Conditional_19_Template, 4, 3, "div", 33);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const query_r8 = ctx.$implicit;
@@ -455,12 +460,12 @@ function DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Temp
     i0.ɵɵconditional(ctx_r0.isQueryExpanded(ctx_r0.getQueryKey(query_r8)) ? 19 : -1);
 } }
 function DataRequirementsViewerComponent_Conditional_2_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 13)(1, "h3", 18);
+    i0.ɵɵelementStart(0, "div", 12)(1, "h3", 17);
     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, 20, 10, "div", 51, _forTrack1, true);
+    i0.ɵɵelementStart(4, "div", 19);
+    i0.ɵɵrepeaterCreate(5, DataRequirementsViewerComponent_Conditional_2_Conditional_15_For_6_Template, 20, 10, "div", 50, _forTrack1, true);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -474,14 +479,17 @@ function DataRequirementsViewerComponent_Conditional_2_Template(rf, ctx) { if (r
     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.ɵɵconditionalCreate(6, DataRequirementsViewerComponent_Conditional_2_Conditional_6_Template, 5, 2, "div", 7);
+    i0.ɵɵconditionalCreate(7, DataRequirementsViewerComponent_Conditional_2_Conditional_7_Template, 5, 2, "div", 7);
+    i0.ɵɵelementStart(8, "div", 7)(9, "span", 8);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "span", 10);
+    i0.ɵɵelementStart(11, "span", 9);
     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);
+    i0.ɵɵconditionalCreate(13, DataRequirementsViewerComponent_Conditional_2_Conditional_13_Template, 6, 5, "div", 10);
+    i0.ɵɵconditionalCreate(14, DataRequirementsViewerComponent_Conditional_2_Conditional_14_Template, 7, 0, "div", 11);
+    i0.ɵɵconditionalCreate(15, DataRequirementsViewerComponent_Conditional_2_Conditional_15_Template, 7, 0, "div", 12);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
@@ -489,9 +497,9 @@ function DataRequirementsViewerComponent_Conditional_2_Template(rf, ctx) { if (r
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r0.modeLabel);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r0.entities.length > 0);
+    i0.ɵɵconditional(ctx_r0.entities.length > 0 ? 6 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.queries.length > 0);
+    i0.ɵɵconditional(ctx_r0.queries.length > 0 ? 7 : -1);
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r0.totalFieldCount);
     i0.ɵɵadvance(2);
@@ -666,20 +674,20 @@ export class DataRequirementsViewerComponent {
         }
     }
     static ɵfac = function DataRequirementsViewerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || 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, "title-with-badge"], ["title", "This query was newly created for this component", 1, "new-query-badge"], [1, "card-path"], [1, "entity-badges"], [1, "fas", "fa-sparkles"], [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) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DataRequirementsViewerComponent, selectors: [["mj-data-requirements-viewer"]], inputs: { dataRequirements: "dataRequirements" }, standalone: false, 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"], [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, "title-with-badge"], ["title", "This query was newly created for this component", 1, "new-query-badge"], [1, "card-path"], [1, "entity-badges"], [1, "fas", "fa-sparkles"], [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.ɵɵconditionalCreate(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.title-with-badge[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-bottom: 4px;\n}\n\n.card-title[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 15px;\n  font-weight: 600;\n  color: #212529;\n}\n\n.new-query-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: 10px;\n  font-weight: 700;\n  background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n  color: white;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  box-shadow: 0 2px 4px rgba(16, 185, 129, 0.2);\n  animation: _ngcontent-%COMP%_subtle-pulse 2s ease-in-out infinite;\n}\n\n.new-query-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 9px;\n}\n\n@keyframes _ngcontent-%COMP%_subtle-pulse {\n  0%, 100% {\n    box-shadow: 0 2px 4px rgba(16, 185, 129, 0.2);\n  }\n  50% {\n    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.4);\n  }\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}"] });
+        } }, dependencies: [i1.NgClass, 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.title-with-badge[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-bottom: 4px;\n}\n\n.card-title[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 15px;\n  font-weight: 600;\n  color: #212529;\n}\n\n.new-query-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: 10px;\n  font-weight: 700;\n  background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n  color: white;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  box-shadow: 0 2px 4px rgba(16, 185, 129, 0.2);\n  animation: _ngcontent-%COMP%_subtle-pulse 2s ease-in-out infinite;\n}\n\n.new-query-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 9px;\n}\n\n@keyframes _ngcontent-%COMP%_subtle-pulse {\n  0%, 100% {\n    box-shadow: 0 2px 4px rgba(16, 185, 129, 0.2);\n  }\n  50% {\n    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.4);\n  }\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                    <div class=\"title-with-badge\">\n                      <h4 class=\"card-title\">{{ query.name }}</h4>\n                      @if (query.isNew) {\n                        <span class=\"new-query-badge\" title=\"This query was newly created for this component\">\n                          <i class=\"fas fa-sparkles\"></i>\n                          NEW\n                        </span>\n                      }\n                    </div>\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.title-with-badge {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-bottom: 4px;\n}\n\n.card-title {\n  margin: 0;\n  font-size: 15px;\n  font-weight: 600;\n  color: #212529;\n}\n\n.new-query-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 8px;\n  border-radius: 4px;\n  font-size: 10px;\n  font-weight: 700;\n  background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n  color: white;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  box-shadow: 0 2px 4px rgba(16, 185, 129, 0.2);\n  animation: subtle-pulse 2s ease-in-out infinite;\n}\n\n.new-query-badge i {\n  font-size: 9px;\n}\n\n@keyframes subtle-pulse {\n  0%, 100% {\n    box-shadow: 0 2px 4px rgba(16, 185, 129, 0.2);\n  }\n  50% {\n    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.4);\n  }\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"] }]
+        args: [{ standalone: false, 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        @if (entities.length > 0) {\n          <div class=\"stat-item\">\n            <span class=\"stat-value\">{{ entities.length }}</span>\n            <span class=\"stat-label\">{{ entities.length === 1 ? 'Entity' : 'Entities' }}</span>\n          </div>\n        }\n        @if (queries.length > 0) {\n          <div class=\"stat-item\">\n            <span class=\"stat-value\">{{ queries.length }}</span>\n            <span class=\"stat-label\">{{ queries.length === 1 ? 'Query' : 'Queries' }}</span>\n          </div>\n        }\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                    <div class=\"title-with-badge\">\n                      <h4 class=\"card-title\">{{ query.name }}</h4>\n                      @if (query.isNew) {\n                        <span class=\"new-query-badge\" title=\"This query was newly created for this component\">\n                          <i class=\"fas fa-sparkles\"></i>\n                          NEW\n                        </span>\n                      }\n                    </div>\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.title-with-badge {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-bottom: 4px;\n}\n\n.card-title {\n  margin: 0;\n  font-size: 15px;\n  font-weight: 600;\n  color: #212529;\n}\n\n.new-query-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 8px;\n  border-radius: 4px;\n  font-size: 10px;\n  font-weight: 700;\n  background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n  color: white;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  box-shadow: 0 2px 4px rgba(16, 185, 129, 0.2);\n  animation: subtle-pulse 2s ease-in-out infinite;\n}\n\n.new-query-badge i {\n  font-size: 9px;\n}\n\n@keyframes subtle-pulse {\n  0%, 100% {\n    box-shadow: 0 2px 4px rgba(16, 185, 129, 0.2);\n  }\n  50% {\n    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.4);\n  }\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 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DataRequirementsViewerComponent, { className: "DataRequirementsViewerComponent", filePath: "src/lib/components/plugins/data-requirements-viewer/data-requirements-viewer.component.ts", lineNumber: 14 }); })();
 //# sourceMappingURL=data-requirements-viewer.component.js.map