@memberjunction/ng-data-context 3.4.0 → 4.0.0

package/dist/lib/ng-data-context-dialog.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ng-data-context-dialog.component.d.ts","sourceRoot":"","sources":["../../src/lib/ng-data-context-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAiB,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;;AAEzD;;GAEG;AACH,qBAKa,0BAA0B;IAC3B,YAAY,oBAAsB;IACnC,aAAa,EAAG,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAE5C,WAAW,EAAE,OAAO,CAAS;IAEpC,IAAW,WAAW,IAAI,MAAM,CAE/B;IAED,IAAW,YAAY,IAAI,MAAM,CAEhC;IAED,WAAW,IAAI,IAAI;IAInB,cAAc,IAAI,IAAI;yCApBX,0BAA0B;2CAA1B,0BAA0B;CAuBtC"}
+{"version":3,"file":"ng-data-context-dialog.component.d.ts","sourceRoot":"","sources":["../../src/lib/ng-data-context-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAiB,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;;AAEzD;;GAEG;AACH,qBAMa,0BAA0B;IAC3B,YAAY,oBAAsB;IACnC,aAAa,EAAG,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAE5C,WAAW,EAAE,OAAO,CAAS;IAEpC,IAAW,WAAW,IAAI,MAAM,CAE/B;IAED,IAAW,YAAY,IAAI,MAAM,CAEhC;IAED,WAAW,IAAI,IAAI;IAInB,cAAc,IAAI,IAAI;yCApBX,0BAA0B;2CAA1B,0BAA0B;CAuBtC"}

package/dist/lib/ng-data-context-dialog.component.js

@@ -24,7 +24,7 @@ export class DataContextDialogComponent {
         this.isMaximized = !this.isMaximized;
     }
     static ɵfac = function DataContextDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DataContextDialogComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DataContextDialogComponent, selectors: [["mj-data-context-dialog"]], inputs: { dataContextId: "dataContextId", dataContextName: "dataContextName", Provider: "Provider" }, outputs: { dialogClosed: "dialogClosed" }, decls: 15, vars: 16, consts: [[1, "data-context-dialog-wrapper"], [1, "k-overlay"], [1, "data-context-window", 3, "close", "width", "height", "minHeight", "minWidth", "resizable", "draggable"], [1, "window-title"], [1, "fa-solid", "fa-layer-group", "title-icon"], [1, "window-actions"], [1, "window-action-btn", 3, "click", "title"], [1, "fa-solid"], ["title", "Close", 1, "window-action-btn", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "dialog-content"], [3, "dataContextId", "Provider"]], template: function DataContextDialogComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DataContextDialogComponent, selectors: [["mj-data-context-dialog"]], inputs: { dataContextId: "dataContextId", dataContextName: "dataContextName", Provider: "Provider" }, outputs: { dialogClosed: "dialogClosed" }, standalone: false, decls: 15, vars: 17, consts: [[1, "data-context-dialog-wrapper"], [1, "k-overlay"], [1, "data-context-window", 3, "close", "width", "height", "minHeight", "minWidth", "resizable", "draggable"], [1, "window-title"], [1, "fa-solid", "fa-layer-group", "title-icon"], [1, "window-actions"], [1, "window-action-btn", 3, "click", "title"], [1, "fa-solid"], ["title", "Close", 1, "window-action-btn", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "dialog-content"], [3, "dataContextId", "Provider"]], template: function DataContextDialogComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "div", 1);
             i0.ɵɵelementStart(2, "kendo-window", 2);
@@ -50,9 +50,9 @@ export class DataContextDialogComponent {
             i0.ɵɵclassProp("maximized", ctx.isMaximized);
             i0.ɵɵproperty("width", ctx.dialogWidth)("height", ctx.dialogHeight)("minHeight", 400)("minWidth", 600)("resizable", !ctx.isMaximized)("draggable", !ctx.isMaximized);
             i0.ɵɵadvance(5);
-            i0.ɵɵtextInterpolate1("Data Context", ctx.dataContextName ? ": " + ctx.dataContextName : "", "");
+            i0.ɵɵtextInterpolate1("Data Context", ctx.dataContextName ? ": " + ctx.dataContextName : "");
             i0.ɵɵadvance(2);
-            i0.ɵɵpropertyInterpolate("title", ctx.isMaximized ? "Restore" : "Maximize");
+            i0.ɵɵproperty("title", i0.ɵɵinterpolate(ctx.isMaximized ? "Restore" : "Maximize"));
             i0.ɵɵadvance();
             i0.ɵɵclassProp("fa-maximize", !ctx.isMaximized)("fa-compress", ctx.isMaximized);
             i0.ɵɵadvance(4);
@@ -61,7 +61,7 @@ export class DataContextDialogComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DataContextDialogComponent, [{
         type: Component,
-        args: [{ selector: 'mj-data-context-dialog', template: "<div class=\"data-context-dialog-wrapper\">\n    <div class=\"k-overlay\"></div>\n    <kendo-window \n        class=\"data-context-window\"\n        [class.maximized]=\"isMaximized\"\n        [width]=\"dialogWidth\"\n        [height]=\"dialogHeight\"\n        [minHeight]=\"400\"\n        [minWidth]=\"600\"\n        [resizable]=\"!isMaximized\"\n        [draggable]=\"!isMaximized\"\n        (close)=\"closeDialog()\">\n        \n        <kendo-window-titlebar>\n            <div class=\"window-title\">\n                <i class=\"fa-solid fa-layer-group title-icon\"></i>\n                <span>Data Context{{ dataContextName ? ': ' + dataContextName : '' }}</span>\n            </div>\n            <div class=\"window-actions\">\n                <button \n                    (click)=\"toggleMaximize()\"\n                    title=\"{{ isMaximized ? 'Restore' : 'Maximize' }}\"\n                    class=\"window-action-btn\">\n                    <i class=\"fa-solid\" [class.fa-maximize]=\"!isMaximized\" [class.fa-compress]=\"isMaximized\"></i>\n                </button>\n                <button \n                    (click)=\"closeDialog()\"\n                    title=\"Close\"\n                    class=\"window-action-btn\">\n                    <i class=\"fa-solid fa-xmark\"></i>\n                </button>\n            </div>\n        </kendo-window-titlebar>\n        \n        <div class=\"dialog-content\">\n            <mj-data-context \n                [dataContextId]=\"dataContextId\" \n                [Provider]=\"Provider\">\n            </mj-data-context>\n        </div>\n    </kendo-window>\n</div>", styles: [".data-context-dialog-wrapper {\n    position: relative;\n}\n\n.data-context-window {\n    border-radius: 8px;\n    overflow: hidden;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);\n}\n\n/* Position the window properly */\n:host ::ng-deep .k-window {\n    margin: 0 auto;\n    top: 10% !important;\n    position: fixed !important;\n}\n\n\n.data-context-window.maximized {\n    position: fixed !important;\n    top: 2.5% !important;\n    left: 2.5% !important;\n}\n\n/* Custom Title Bar */\n.window-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 16px;\n    font-weight: 500;\n    color: #333333;\n}\n\n.title-icon {\n    color: #2196f3;\n    font-size: 18px;\n}\n\n.window-actions {\n    display: flex;\n    gap: 4px;\n    margin-left: auto;\n}\n\n.window-action-btn {\n    background: none;\n    border: none;\n    padding: 8px 10px;\n    cursor: pointer;\n    color: #656565;\n    transition: all 0.2s;\n    border-radius: 4px;\n    font-size: 14px;\n}\n\n.window-action-btn:hover {\n    background-color: #e3f2fd;\n    color: #2196f3;\n}\n\n.window-action-btn:last-child:hover {\n    background-color: #ffebee;\n    color: #f44336;\n}\n\n/* Dialog Content */\n.dialog-content {\n    height: 100%;\n    overflow: auto;\n    display: flex;\n    flex-direction: column;\n}\n\n/* Override Kendo Window Styles */\n:host ::ng-deep .k-window-titlebar {\n    background-color: #ffffff;\n    border-bottom: 1px solid #e2e8f0;\n    padding: 12px 16px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n:host ::ng-deep .k-window-title {\n    display: contents;\n}\n\n:host ::ng-deep .k-window-actions {\n    display: none; /* Hide default Kendo window actions since we have custom ones */\n}\n\n:host ::ng-deep .k-window-content {\n    padding: 0;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n}\n\n:host ::ng-deep .k-window {\n    border: none;\n}\n\n/* Animations */\n@keyframes fadeIn {\n    from {\n        opacity: 0;\n        transform: scale(0.95);\n    }\n    to {\n        opacity: 1;\n        transform: scale(1);\n    }\n}\n\n.data-context-window {\n    animation: fadeIn 0.2s ease-out;\n}"] }]
+        args: [{ standalone: false, selector: 'mj-data-context-dialog', template: "<div class=\"data-context-dialog-wrapper\">\n    <div class=\"k-overlay\"></div>\n    <kendo-window \n        class=\"data-context-window\"\n        [class.maximized]=\"isMaximized\"\n        [width]=\"dialogWidth\"\n        [height]=\"dialogHeight\"\n        [minHeight]=\"400\"\n        [minWidth]=\"600\"\n        [resizable]=\"!isMaximized\"\n        [draggable]=\"!isMaximized\"\n        (close)=\"closeDialog()\">\n        \n        <kendo-window-titlebar>\n            <div class=\"window-title\">\n                <i class=\"fa-solid fa-layer-group title-icon\"></i>\n                <span>Data Context{{ dataContextName ? ': ' + dataContextName : '' }}</span>\n            </div>\n            <div class=\"window-actions\">\n                <button \n                    (click)=\"toggleMaximize()\"\n                    title=\"{{ isMaximized ? 'Restore' : 'Maximize' }}\"\n                    class=\"window-action-btn\">\n                    <i class=\"fa-solid\" [class.fa-maximize]=\"!isMaximized\" [class.fa-compress]=\"isMaximized\"></i>\n                </button>\n                <button \n                    (click)=\"closeDialog()\"\n                    title=\"Close\"\n                    class=\"window-action-btn\">\n                    <i class=\"fa-solid fa-xmark\"></i>\n                </button>\n            </div>\n        </kendo-window-titlebar>\n        \n        <div class=\"dialog-content\">\n            <mj-data-context \n                [dataContextId]=\"dataContextId\" \n                [Provider]=\"Provider\">\n            </mj-data-context>\n        </div>\n    </kendo-window>\n</div>", styles: [".data-context-dialog-wrapper {\n    position: relative;\n}\n\n.data-context-window {\n    border-radius: 8px;\n    overflow: hidden;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);\n}\n\n/* Position the window properly */\n:host ::ng-deep .k-window {\n    margin: 0 auto;\n    top: 10% !important;\n    position: fixed !important;\n}\n\n\n.data-context-window.maximized {\n    position: fixed !important;\n    top: 2.5% !important;\n    left: 2.5% !important;\n}\n\n/* Custom Title Bar */\n.window-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 16px;\n    font-weight: 500;\n    color: #333333;\n}\n\n.title-icon {\n    color: #2196f3;\n    font-size: 18px;\n}\n\n.window-actions {\n    display: flex;\n    gap: 4px;\n    margin-left: auto;\n}\n\n.window-action-btn {\n    background: none;\n    border: none;\n    padding: 8px 10px;\n    cursor: pointer;\n    color: #656565;\n    transition: all 0.2s;\n    border-radius: 4px;\n    font-size: 14px;\n}\n\n.window-action-btn:hover {\n    background-color: #e3f2fd;\n    color: #2196f3;\n}\n\n.window-action-btn:last-child:hover {\n    background-color: #ffebee;\n    color: #f44336;\n}\n\n/* Dialog Content */\n.dialog-content {\n    height: 100%;\n    overflow: auto;\n    display: flex;\n    flex-direction: column;\n}\n\n/* Override Kendo Window Styles */\n:host ::ng-deep .k-window-titlebar {\n    background-color: #ffffff;\n    border-bottom: 1px solid #e2e8f0;\n    padding: 12px 16px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n:host ::ng-deep .k-window-title {\n    display: contents;\n}\n\n:host ::ng-deep .k-window-actions {\n    display: none; /* Hide default Kendo window actions since we have custom ones */\n}\n\n:host ::ng-deep .k-window-content {\n    padding: 0;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n}\n\n:host ::ng-deep .k-window {\n    border: none;\n}\n\n/* Animations */\n@keyframes fadeIn {\n    from {\n        opacity: 0;\n        transform: scale(0.95);\n    }\n    to {\n        opacity: 1;\n        transform: scale(1);\n    }\n}\n\n.data-context-window {\n    animation: fadeIn 0.2s ease-out;\n}"] }]
     }], null, { dialogClosed: [{
             type: Output
         }], dataContextId: [{
@@ -71,5 +71,5 @@ export class DataContextDialogComponent {
         }], Provider: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DataContextDialogComponent, { className: "DataContextDialogComponent", filePath: "src/lib/ng-data-context-dialog.component.ts", lineNumber: 12 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DataContextDialogComponent, { className: "DataContextDialogComponent", filePath: "src/lib/ng-data-context-dialog.component.ts", lineNumber: 13 }); })();
 //# sourceMappingURL=ng-data-context-dialog.component.js.map

package/dist/lib/ng-data-context-dialog.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-data-context-dialog.component.js","sourceRoot":"","sources":["../../src/lib/ng-data-context-dialog.component.ts","../../src/lib/ng-data-context-dialog.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;;;AAGvE;;GAEG;AAMH,MAAM,OAAO,0BAA0B;IAC3B,YAAY,GAAG,IAAI,YAAY,EAAE,CAAC;IACnC,aAAa,CAAU;IACvB,eAAe,CAAU;IACzB,QAAQ,GAA6B,IAAI,CAAC;IAE5C,WAAW,GAAY,KAAK,CAAC;IAEpC,IAAW,WAAW;QACpB,OAAO,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAC3D,CAAC;IAED,IAAW,YAAY;QACrB,OAAO,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAC5D,CAAC;IAED,WAAW;QACT,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IAC3B,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;IACvC,CAAC;oHAtBU,0BAA0B;6DAA1B,0BAA0B;YCXvC,8BAAyC;YACrC,yBAA6B;YAC7B,uCAS4B;YAAxB,6GAAS,iBAAa,IAAC;YAGnB,AADJ,6CAAuB,aACO;YACtB,uBAAkD;YAClD,4BAAM;YAAA,YAA+D;YACzE,AADyE,iBAAO,EAC1E;YAEF,AADJ,8BAA4B,gBAIM;YAF1B,uGAAS,oBAAgB,IAAC;YAG1B,wBAA6F;YACjG,iBAAS;YACT,kCAG8B;YAF1B,wGAAS,iBAAa,IAAC;YAGvB,wBAAiC;YAG7C,AADI,AADI,iBAAS,EACP,EACc;YAExB,gCAA4B;YACxB,uCAGkB;YAG9B,AADI,AADI,iBAAM,EACK,EACb;;YArCE,eAA+B;YAA/B,4CAA+B;YAM/B,AADA,AADA,AADA,AADA,AADA,uCAAqB,4BACE,kBACN,iBACD,+BACU,+BACA;YAMZ,eAA+D;YAA/D,gGAA+D;YAKjE,eAAkD;YAAlD,2EAAkD;YAE9B,cAAkC;YAAC,AAAnC,+CAAkC,gCAAkC;YAa5F,eAA+B;YAC/B,AADA,iDAA+B,0BACV;;;iFD1BxB,0BAA0B;cALtC,SAAS;2BACE,wBAAwB;gBAKxB,YAAY;kBAArB,MAAM;YACE,aAAa;kBAArB,KAAK;YACG,eAAe;kBAAvB,KAAK;YACG,QAAQ;kBAAhB,KAAK;;kFAJK,0BAA0B"}
+{"version":3,"file":"ng-data-context-dialog.component.js","sourceRoot":"","sources":["../../src/lib/ng-data-context-dialog.component.ts","../../src/lib/ng-data-context-dialog.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;;;AAGvE;;GAEG;AAOH,MAAM,OAAO,0BAA0B;IAC3B,YAAY,GAAG,IAAI,YAAY,EAAE,CAAC;IACnC,aAAa,CAAU;IACvB,eAAe,CAAU;IACzB,QAAQ,GAA6B,IAAI,CAAC;IAE5C,WAAW,GAAY,KAAK,CAAC;IAEpC,IAAW,WAAW;QACpB,OAAO,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAC3D,CAAC;IAED,IAAW,YAAY;QACrB,OAAO,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAC5D,CAAC;IAED,WAAW;QACT,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IAC3B,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;IACvC,CAAC;oHAtBU,0BAA0B;6DAA1B,0BAA0B;YCZvC,8BAAyC;YACrC,yBAA6B;YAC7B,uCAS4B;YAAxB,6GAAS,iBAAa,IAAC;YAGnB,AADJ,6CAAuB,aACO;YACtB,uBAAkD;YAClD,4BAAM;YAAA,YAA+D;YACzE,AADyE,iBAAO,EAC1E;YAEF,AADJ,8BAA4B,gBAIM;YAF1B,uGAAS,oBAAgB,IAAC;YAG1B,wBAA6F;YACjG,iBAAS;YACT,kCAG8B;YAF1B,wGAAS,iBAAa,IAAC;YAGvB,wBAAiC;YAG7C,AADI,AADI,iBAAS,EACP,EACc;YAExB,gCAA4B;YACxB,uCAGkB;YAG9B,AADI,AADI,iBAAM,EACK,EACb;;YArCE,eAA+B;YAA/B,4CAA+B;YAM/B,AADA,AADA,AADA,AADA,AADA,uCAAqB,4BACE,kBACN,iBACD,+BACU,+BACA;YAMZ,eAA+D;YAA/D,4FAA+D;YAKjE,eAAkD;YAAlD,uBAAA,0DAAkD,CAAA;YAE9B,cAAkC;YAAC,AAAnC,+CAAkC,gCAAkC;YAa5F,eAA+B;YAC/B,AADA,iDAA+B,0BACV;;;iFDzBxB,0BAA0B;cANtC,SAAS;6BACI,KAAK,YACP,wBAAwB;;kBAKjC,MAAM;;kBACN,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kFAJK,0BAA0B"}

package/dist/lib/ng-data-context.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ng-data-context.component.d.ts","sourceRoot":"","sources":["../../src/lib/ng-data-context.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,MAAM,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAiD,MAAM,sBAAsB,CAAC;AACxG,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;;AAEzF,qBAKa,oBAAqB,YAAW,MAAM;IACxC,aAAa,EAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAE5C,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,gBAAgB,EAAE,qBAAqB,EAAE,CAAM;IAC/C,UAAU,EAAE,OAAO,CAAS;IAC5B,YAAY,EAAE,MAAM,CAAM;IAC1B,UAAU,EAAE,MAAM,CAAM;IAGxB,cAAc,EAAE,OAAO,CAAS;IAChC,UAAU,EAAE,MAAM,CAAM;IACxB,WAAW,EAAE,MAAM,CAAM;IACzB,aAAa,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAM;IAEtD,IAAW,aAAa,IAAI,iBAAiB,CAE5C;IAED,IAAW,aAAa,IAAI,qBAAqB,EAAE,CAYlD;IAED,IAAW,SAAS,IAAI,MAAM,CAE7B;IAED,QAAQ,IAAI,IAAI;IAOV,eAAe,CAAC,aAAa,EAAE,MAAM;IAgCpC,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAYjC,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAYlC,aAAa,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS;IAMpD,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC;IAWxD,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC;IAWhE,cAAc,IAAI,IAAI;IAKtB,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAInC,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAYrE,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAKjC,eAAe,IAAI,IAAI;IAKvB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAKxC,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAKpC,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAKhC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IAK9B,WAAW,IAAI,IAAI;yCApLf,oBAAoB;2CAApB,oBAAoB;CA0MhC"}
+{"version":3,"file":"ng-data-context.component.d.ts","sourceRoot":"","sources":["../../src/lib/ng-data-context.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,MAAM,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAiD,MAAM,sBAAsB,CAAC;AACxG,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;;AAEzF,qBAMa,oBAAqB,YAAW,MAAM;IACxC,aAAa,EAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAE5C,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,gBAAgB,EAAE,qBAAqB,EAAE,CAAM;IAC/C,UAAU,EAAE,OAAO,CAAS;IAC5B,YAAY,EAAE,MAAM,CAAM;IAC1B,UAAU,EAAE,MAAM,CAAM;IAGxB,cAAc,EAAE,OAAO,CAAS;IAChC,UAAU,EAAE,MAAM,CAAM;IACxB,WAAW,EAAE,MAAM,CAAM;IACzB,aAAa,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAM;IAEtD,IAAW,aAAa,IAAI,iBAAiB,CAE5C;IAED,IAAW,aAAa,IAAI,qBAAqB,EAAE,CAYlD;IAED,IAAW,SAAS,IAAI,MAAM,CAE7B;IAED,QAAQ,IAAI,IAAI;IAOV,eAAe,CAAC,aAAa,EAAE,MAAM;IAgCpC,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAYjC,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAYlC,aAAa,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS;IAMpD,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC;IAWxD,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC;IAWhE,cAAc,IAAI,IAAI;IAKtB,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAInC,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAYrE,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAKjC,eAAe,IAAI,IAAI;IAKvB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAKxC,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAKpC,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAKhC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IAK9B,WAAW,IAAI,IAAI;yCApLf,oBAAoB;2CAApB,oBAAoB;CA0MhC"}

package/dist/lib/ng-data-context.component.js

@@ -106,9 +106,9 @@ function DataContextComponent_Conditional_2_For_29_Conditional_15_Template(rf, c
 } if (rf & 2) {
     const item_r4 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(4);
-    i0.ɵɵpropertyInterpolate("title", item_r4.ViewID);
+    i0.ɵɵproperty("title", i0.ɵɵinterpolate(item_r4.ViewID));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind3(6, 3, item_r4.ViewID, 0, 20), "", item_r4.ViewID.length > 20 ? "..." : "", "");
+    i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind3(6, 4, item_r4.ViewID, 0, 20), "", item_r4.ViewID.length > 20 ? "..." : "");
 } }
 function DataContextComponent_Conditional_2_For_29_Conditional_16_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
@@ -126,9 +126,9 @@ function DataContextComponent_Conditional_2_For_29_Conditional_16_Template(rf, c
 } if (rf & 2) {
     const item_r4 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(4);
-    i0.ɵɵpropertyInterpolate("title", item_r4.QueryID);
+    i0.ɵɵproperty("title", i0.ɵɵinterpolate(item_r4.QueryID));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind3(6, 3, item_r4.QueryID, 0, 20), "", item_r4.QueryID.length > 20 ? "..." : "", "");
+    i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind3(6, 4, item_r4.QueryID, 0, 20), "", item_r4.QueryID.length > 20 ? "..." : "");
 } }
 function DataContextComponent_Conditional_2_For_29_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
@@ -170,22 +170,25 @@ function DataContextComponent_Conditional_2_For_29_Template(rf, ctx) { if (rf &
     i0.ɵɵelementStart(5, "span");
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(7, DataContextComponent_Conditional_2_For_29_Conditional_7_Template, 2, 1, "span", 33);
+    i0.ɵɵconditionalCreate(7, DataContextComponent_Conditional_2_For_29_Conditional_7_Template, 2, 1, "span", 33);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(8, "button", 34);
     i0.ɵɵelement(9, "i", 13);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(10, "div", 35);
-    i0.ɵɵtemplate(11, DataContextComponent_Conditional_2_For_29_Conditional_11_Template, 15, 6, "div", 36);
+    i0.ɵɵconditionalCreate(11, DataContextComponent_Conditional_2_For_29_Conditional_11_Template, 15, 6, "div", 36);
     i0.ɵɵelementStart(12, "div", 37)(13, "div", 38);
-    i0.ɵɵtemplate(14, DataContextComponent_Conditional_2_For_29_Conditional_14_Template, 8, 1, "div", 39)(15, DataContextComponent_Conditional_2_For_29_Conditional_15_Template, 9, 7, "div", 39)(16, DataContextComponent_Conditional_2_For_29_Conditional_16_Template, 9, 7, "div", 39)(17, DataContextComponent_Conditional_2_For_29_Conditional_17_Template, 8, 5, "div", 39);
+    i0.ɵɵconditionalCreate(14, DataContextComponent_Conditional_2_For_29_Conditional_14_Template, 8, 1, "div", 39);
+    i0.ɵɵconditionalCreate(15, DataContextComponent_Conditional_2_For_29_Conditional_15_Template, 9, 8, "div", 39);
+    i0.ɵɵconditionalCreate(16, DataContextComponent_Conditional_2_For_29_Conditional_16_Template, 9, 8, "div", 39);
+    i0.ɵɵconditionalCreate(17, DataContextComponent_Conditional_2_For_29_Conditional_17_Template, 8, 5, "div", 39);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(18, "div", 40)(19, "span", 41);
     i0.ɵɵelement(20, "i", 42);
     i0.ɵɵtext(21);
     i0.ɵɵpipe(22, "date");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(23, DataContextComponent_Conditional_2_For_29_Conditional_23_Template, 4, 4, "span", 41);
+    i0.ɵɵconditionalCreate(23, DataContextComponent_Conditional_2_For_29_Conditional_23_Template, 4, 4, "span", 41);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const item_r4 = ctx.$implicit;
@@ -230,7 +233,7 @@ function DataContextComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(4, "h2");
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(6, DataContextComponent_Conditional_2_Conditional_6_Template, 2, 1, "p", 8);
+    i0.ɵɵconditionalCreate(6, DataContextComponent_Conditional_2_Conditional_6_Template, 2, 1, "p", 8);
     i0.ɵɵelementStart(7, "div", 9)(8, "span", 10);
     i0.ɵɵelement(9, "i", 11);
     i0.ɵɵtext(10);
@@ -252,7 +255,7 @@ function DataContextComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(21, "i", 19);
     i0.ɵɵtext(22, " Export ");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵtemplate(23, DataContextComponent_Conditional_2_Conditional_23_Template, 3, 1, "div", 20);
+    i0.ɵɵconditionalCreate(23, DataContextComponent_Conditional_2_Conditional_23_Template, 3, 1, "div", 20);
     i0.ɵɵelementStart(24, "div", 21)(25, "kendo-textbox", 22);
     i0.ɵɵtwoWayListener("ngModelChange", function DataContextComponent_Conditional_2_Template_kendo_textbox_ngModelChange_25_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.searchTerm, $event) || (ctx_r1.searchTerm = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵlistener("ngModelChange", function DataContextComponent_Conditional_2_Template_kendo_textbox_ngModelChange_25_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSearchChange()); });
@@ -260,7 +263,7 @@ function DataContextComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(27, "div", 24);
     i0.ɵɵrepeaterCreate(28, DataContextComponent_Conditional_2_For_29_Template, 24, 24, "div", 25, _forTrack0);
-    i0.ɵɵtemplate(30, DataContextComponent_Conditional_2_Conditional_30_Template, 4, 0, "div", 26);
+    i0.ɵɵconditionalCreate(30, DataContextComponent_Conditional_2_Conditional_30_Template, 4, 0, "div", 26);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -492,9 +495,10 @@ export class DataContextComponent {
         window.URL.revokeObjectURL(url);
     }
     static ɵfac = function DataContextComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DataContextComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DataContextComponent, selectors: [["mj-data-context"]], inputs: { dataContextId: "dataContextId", Provider: "Provider" }, decls: 4, vars: 2, consts: [[1, "data-context-viewer"], [1, "loading-container"], [1, "sql-preview-overlay"], ["text", "Loading data context...", "size", "large"], [1, "data-context-header"], [1, "header-info"], [1, "header-title"], [1, "fa-solid", "fa-layer-group", "header-icon"], [1, "header-description"], [1, "header-meta"], [1, "meta-item"], [1, "fa-solid", "fa-fingerprint"], ["title", "Copy ID", 1, "copy-btn", 3, "click"], [1, "fa-solid"], [1, "fa-solid", "fa-list-ol"], [1, "header-actions"], ["kendoButton", "", "look", "flat", "title", "Refresh", 3, "click"], [1, "fa-solid", "fa-rotate"], ["kendoButton", "", "look", "flat", "title", "Export to CSV", 3, "click"], [1, "fa-solid", "fa-download"], [1, "error-message"], [1, "search-container"], ["placeholder", "Search items by type, SQL, entity name, or description...", 1, "search-input", 3, "ngModelChange", "ngModel", "clearButton"], ["kendoTextBoxPrefixTemplate", ""], [1, "items-container"], [1, "data-context-card", 3, "expanded"], [1, "no-items"], [1, "fa-solid", "fa-circle-exclamation"], [1, "fa-solid", "fa-magnifying-glass", "search-icon"], [1, "data-context-card"], [1, "card-header", 3, "click"], [1, "card-header-left"], [1, "type-badge"], [1, "card-description"], [1, "expand-btn"], [1, "card-content"], [1, "sql-section"], [1, "metadata-section"], [1, "metadata-grid"], [1, "metadata-item"], [1, "card-footer"], [1, "timestamp"], [1, "fa-solid", "fa-clock"], [1, "section-header"], [1, "fa-solid", "fa-code"], [1, "sql-actions"], ["title", "Copy SQL", 1, "action-btn", 3, "click"], ["title", "Expand", 1, "action-btn", 3, "click"], [1, "fa-solid", "fa-expand"], [1, "sql-code"], [1, "metadata-label"], [1, "metadata-value"], ["title", "View entity", 1, "link-btn", 3, "click"], [1, "fa-solid", "fa-arrow-up-right-from-square"], [3, "title"], ["title", "View details", 1, "link-btn", 3, "click"], ["title", "View query", 1, "link-btn", 3, "click"], ["title", "Copy", 1, "link-btn", 3, "click"], [1, "fa-solid", "fa-pen"], [1, "fa-solid", "fa-inbox"], [1, "sql-preview-overlay", 3, "click"], [1, "sql-preview-dialog", 3, "click"], [1, "sql-preview-header"], [1, "close-btn", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "sql-preview-content"], [1, "sql-preview-actions"], ["kendoButton", "", 3, "click"]], template: function DataContextComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DataContextComponent, selectors: [["mj-data-context"]], inputs: { dataContextId: "dataContextId", Provider: "Provider" }, standalone: false, decls: 4, vars: 2, consts: [[1, "data-context-viewer"], [1, "loading-container"], [1, "sql-preview-overlay"], ["text", "Loading data context...", "size", "large"], [1, "data-context-header"], [1, "header-info"], [1, "header-title"], [1, "fa-solid", "fa-layer-group", "header-icon"], [1, "header-description"], [1, "header-meta"], [1, "meta-item"], [1, "fa-solid", "fa-fingerprint"], ["title", "Copy ID", 1, "copy-btn", 3, "click"], [1, "fa-solid"], [1, "fa-solid", "fa-list-ol"], [1, "header-actions"], ["kendoButton", "", "look", "flat", "title", "Refresh", 3, "click"], [1, "fa-solid", "fa-rotate"], ["kendoButton", "", "look", "flat", "title", "Export to CSV", 3, "click"], [1, "fa-solid", "fa-download"], [1, "error-message"], [1, "search-container"], ["placeholder", "Search items by type, SQL, entity name, or description...", 1, "search-input", 3, "ngModelChange", "ngModel", "clearButton"], ["kendoTextBoxPrefixTemplate", ""], [1, "items-container"], [1, "data-context-card", 3, "expanded"], [1, "no-items"], [1, "fa-solid", "fa-circle-exclamation"], [1, "fa-solid", "fa-magnifying-glass", "search-icon"], [1, "data-context-card"], [1, "card-header", 3, "click"], [1, "card-header-left"], [1, "type-badge"], [1, "card-description"], [1, "expand-btn"], [1, "card-content"], [1, "sql-section"], [1, "metadata-section"], [1, "metadata-grid"], [1, "metadata-item"], [1, "card-footer"], [1, "timestamp"], [1, "fa-solid", "fa-clock"], [1, "section-header"], [1, "fa-solid", "fa-code"], [1, "sql-actions"], ["title", "Copy SQL", 1, "action-btn", 3, "click"], ["title", "Expand", 1, "action-btn", 3, "click"], [1, "fa-solid", "fa-expand"], [1, "sql-code"], [1, "metadata-label"], [1, "metadata-value"], ["title", "View entity", 1, "link-btn", 3, "click"], [1, "fa-solid", "fa-arrow-up-right-from-square"], [3, "title"], ["title", "View details", 1, "link-btn", 3, "click"], ["title", "View query", 1, "link-btn", 3, "click"], ["title", "Copy", 1, "link-btn", 3, "click"], [1, "fa-solid", "fa-pen"], [1, "fa-solid", "fa-inbox"], [1, "sql-preview-overlay", 3, "click"], [1, "sql-preview-dialog", 3, "click"], [1, "sql-preview-header"], [1, "close-btn", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "sql-preview-content"], [1, "sql-preview-actions"], ["kendoButton", "", 3, "click"]], template: function DataContextComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵtemplate(1, DataContextComponent_Conditional_1_Template, 2, 0, "div", 1)(2, DataContextComponent_Conditional_2_Template, 31, 13)(3, DataContextComponent_Conditional_3_Template, 15, 6, "div", 2);
+            i0.ɵɵconditionalCreate(1, DataContextComponent_Conditional_1_Template, 2, 0, "div", 1)(2, DataContextComponent_Conditional_2_Template, 31, 13);
+            i0.ɵɵconditionalCreate(3, DataContextComponent_Conditional_3_Template, 15, 6, "div", 2);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance();
@@ -505,11 +509,11 @@ export class DataContextComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DataContextComponent, [{
         type: Component,
-        args: [{ selector: 'mj-data-context', template: "<div class=\"data-context-viewer\">\n    @if (showLoader) {\n        <div class=\"loading-container\">\n            <mj-loading text=\"Loading data context...\" size=\"large\"></mj-loading>\n        </div>\n    } @else {\n        <!-- Header Section -->\n        <div class=\"data-context-header\">\n            <div class=\"header-info\">\n                <div class=\"header-title\">\n                    <i class=\"fa-solid fa-layer-group header-icon\"></i>\n                    <h2>{{ dataContextRecord?.Name || 'Data Context' }}</h2>\n                </div>\n                @if (dataContextRecord && dataContextRecord.Description) {\n                    <p class=\"header-description\">{{ dataContextRecord.Description }}</p>\n                }\n                <div class=\"header-meta\">\n                    <span class=\"meta-item\">\n                        <i class=\"fa-solid fa-fingerprint\"></i>\n                        ID: {{ dataContextRecord?.ID }}\n                        <button class=\"copy-btn\" (click)=\"copyToClipboard(dataContextRecord?.ID || '', 'context-id')\" title=\"Copy ID\">\n                            <i class=\"fa-solid\" [class.fa-copy]=\"copiedField !== 'context-id'\" [class.fa-check]=\"copiedField === 'context-id'\"></i>\n                        </button>\n                    </span>\n                    <span class=\"meta-item\">\n                        <i class=\"fa-solid fa-list-ol\"></i>\n                        {{ itemCount }} {{ itemCount === 1 ? 'item' : 'items' }}\n                    </span>\n                </div>\n            </div>\n            <div class=\"header-actions\">\n                <button kendoButton look=\"flat\" (click)=\"refresh()\" title=\"Refresh\">\n                    <i class=\"fa-solid fa-rotate\"></i>\n                    Refresh\n                </button>\n                <button kendoButton look=\"flat\" (click)=\"exportToCSV()\" title=\"Export to CSV\">\n                    <i class=\"fa-solid fa-download\"></i>\n                    Export\n                </button>\n            </div>\n        </div>\n\n        @if (errorMessage) {\n            <div class=\"error-message\">\n                <i class=\"fa-solid fa-circle-exclamation\"></i>\n                {{ errorMessage }}\n            </div>\n        }\n\n        <!-- Search Bar -->\n        <div class=\"search-container\">\n            <kendo-textbox \n                [(ngModel)]=\"searchTerm\" \n                (ngModelChange)=\"onSearchChange()\"\n                placeholder=\"Search items by type, SQL, entity name, or description...\"\n                [clearButton]=\"true\"\n                class=\"search-input\">\n                <ng-template kendoTextBoxPrefixTemplate>\n                    <i class=\"fa-solid fa-magnifying-glass search-icon\"></i>\n                </ng-template>\n            </kendo-textbox>\n        </div>\n\n        <!-- Data Context Items as Cards -->\n        <div class=\"items-container\">\n            @for (item of filteredItems; track item.ID; let i = $index) {\n                <div class=\"data-context-card\" [class.expanded]=\"expandedItems[item.ID]\">\n                    <!-- Card Header -->\n                    <div class=\"card-header\" (click)=\"toggleItemExpansion(item.ID)\">\n                        <div class=\"card-header-left\">\n                            <div class=\"type-badge\" [style.background-color]=\"getTypeColor(item.Type) + '20'\" [style.color]=\"getTypeColor(item.Type)\">\n                                <i [class]=\"getTypeIcon(item.Type)\"></i>\n                                <span>{{ item.Type }}</span>\n                            </div>\n                            @if (item.Description) {\n                                <span class=\"card-description\">{{ item.Description }}</span>\n                            }\n                        </div>\n                        <button class=\"expand-btn\">\n                            <i class=\"fa-solid\" [class.fa-chevron-down]=\"!expandedItems[item.ID]\" [class.fa-chevron-up]=\"expandedItems[item.ID]\"></i>\n                        </button>\n                    </div>\n\n                    <!-- Card Content -->\n                    <div class=\"card-content\">\n                        <!-- SQL Section -->\n                        @if (item.SQL) {\n                            <div class=\"sql-section\">\n                                <div class=\"section-header\">\n                                    <h4><i class=\"fa-solid fa-code\"></i> SQL Query</h4>\n                                    <div class=\"sql-actions\">\n                                        <button class=\"action-btn\" (click)=\"copyToClipboard(item.SQL, 'sql-' + item.ID)\" title=\"Copy SQL\">\n                                            <i class=\"fa-solid\" [class.fa-copy]=\"copiedField !== 'sql-' + item.ID\" [class.fa-check]=\"copiedField === 'sql-' + item.ID\"></i>\n                                            {{ copiedField === 'sql-' + item.ID ? 'Copied!' : 'Copy' }}\n                                        </button>\n                                        <button class=\"action-btn\" (click)=\"previewSQLCode(item.SQL)\" title=\"Expand\">\n                                            <i class=\"fa-solid fa-expand\"></i>\n                                            Expand\n                                        </button>\n                                    </div>\n                                </div>\n                                <pre class=\"sql-code\"><code>{{ item.SQL }}</code></pre>\n                            </div>\n                        }\n\n                        <!-- Metadata Section -->\n                        <div class=\"metadata-section\">\n                            <div class=\"metadata-grid\">\n                                @if (item.EntityID) {\n                                    <div class=\"metadata-item\">\n                                        <span class=\"metadata-label\">Entity</span>\n                                        <div class=\"metadata-value\">\n                                            <span>{{ getEntityName(item.EntityID) || 'Unknown' }}</span>\n                                            <button class=\"link-btn\" (click)=\"navigateToEntity(item.EntityID)\" title=\"View entity\">\n                                                <i class=\"fa-solid fa-arrow-up-right-from-square\"></i>\n                                            </button>\n                                        </div>\n                                    </div>\n                                }\n                                @if (item.ViewID) {\n                                    <div class=\"metadata-item\">\n                                        <span class=\"metadata-label\">View</span>\n                                        <div class=\"metadata-value\">\n                                            <span title=\"{{ item.ViewID }}\">{{ item.ViewID | slice:0:20 }}{{ item.ViewID.length > 20 ? '...' : '' }}</span>\n                                            <button class=\"link-btn\" (click)=\"navigateToView(item.ViewID)\" title=\"View details\">\n                                                <i class=\"fa-solid fa-arrow-up-right-from-square\"></i>\n                                            </button>\n                                        </div>\n                                    </div>\n                                }\n                                @if (item.QueryID) {\n                                    <div class=\"metadata-item\">\n                                        <span class=\"metadata-label\">Query</span>\n                                        <div class=\"metadata-value\">\n                                            <span title=\"{{ item.QueryID }}\">{{ item.QueryID | slice:0:20 }}{{ item.QueryID.length > 20 ? '...' : '' }}</span>\n                                            <button class=\"link-btn\" (click)=\"navigateToQuery(item.QueryID)\" title=\"View query\">\n                                                <i class=\"fa-solid fa-arrow-up-right-from-square\"></i>\n                                            </button>\n                                        </div>\n                                    </div>\n                                }\n                                @if (item.RecordID) {\n                                    <div class=\"metadata-item\">\n                                        <span class=\"metadata-label\">Record ID</span>\n                                        <div class=\"metadata-value\">\n                                            <code>{{ item.RecordID }}</code>\n                                            <button class=\"link-btn\" (click)=\"copyToClipboard(item.RecordID, 'record-' + item.ID)\" title=\"Copy\">\n                                                <i class=\"fa-solid\" [class.fa-copy]=\"copiedField !== 'record-' + item.ID\" [class.fa-check]=\"copiedField === 'record-' + item.ID\"></i>\n                                            </button>\n                                        </div>\n                                    </div>\n                                }\n                            </div>\n                        </div>\n\n                        <!-- Footer -->\n                        <div class=\"card-footer\">\n                            <span class=\"timestamp\">\n                                <i class=\"fa-solid fa-clock\"></i>\n                                Created {{ item.__mj_CreatedAt | date:'short' }}\n                            </span>\n                            @if (item.__mj_UpdatedAt && item.__mj_UpdatedAt !== item.__mj_CreatedAt) {\n                                <span class=\"timestamp\">\n                                    <i class=\"fa-solid fa-pen\"></i>\n                                    Updated {{ item.__mj_UpdatedAt | date:'short' }}\n                                </span>\n                            }\n                        </div>\n                    </div>\n                </div>\n            }\n\n            @if (filteredItems.length === 0) {\n                <div class=\"no-items\">\n                    <i class=\"fa-solid fa-inbox\"></i>\n                    <p>No items found</p>\n                </div>\n            }\n        </div>\n    }\n\n    <!-- SQL Preview Dialog -->\n    @if (showSQLPreview) {\n        <div class=\"sql-preview-overlay\" (click)=\"closeSQLPreview()\">\n            <div class=\"sql-preview-dialog\" (click)=\"$event.stopPropagation()\">\n                <div class=\"sql-preview-header\">\n                    <h3>SQL Preview</h3>\n                    <button class=\"close-btn\" (click)=\"closeSQLPreview()\">\n                        <i class=\"fa-solid fa-xmark\"></i>\n                    </button>\n                </div>\n                <div class=\"sql-preview-content\">\n                    <pre><code>{{ previewSQL }}</code></pre>\n                </div>\n                <div class=\"sql-preview-actions\">\n                    <button kendoButton (click)=\"copyToClipboard(previewSQL, 'preview-sql')\">\n                        <i class=\"fa-solid\" [class.fa-copy]=\"copiedField !== 'preview-sql'\" [class.fa-check]=\"copiedField === 'preview-sql'\"></i>\n                        {{ copiedField === 'preview-sql' ? 'Copied!' : 'Copy SQL' }}\n                    </button>\n                </div>\n            </div>\n        </div>\n    }\n</div>", styles: [".data-context-viewer {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background-color: #f8f9fa;\n    border-radius: 8px;\n    overflow: hidden;\n    min-height: 0;\n}\n\n/* Loading State */\n.loading-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    min-height: 400px;\n}\n\n.loading-text {\n    margin-top: 16px;\n    color: #656565;\n    font-size: 14px;\n}\n\n/* Header Section */\n.data-context-header {\n    background-color: #ffffff;\n    padding: 24px;\n    border-bottom: 1px solid #e2e8f0;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 24px;\n    flex-shrink: 0;\n}\n\n.header-info {\n    flex: 1;\n}\n\n.header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 8px;\n}\n\n.header-icon {\n    font-size: 24px;\n    color: #2196f3;\n}\n\n.header-title h2 {\n    margin: 0;\n    font-size: 24px;\n    font-weight: 500;\n    color: #333333;\n}\n\n.header-description {\n    margin: 8px 0 16px 0;\n    color: #656565;\n    font-size: 14px;\n    line-height: 1.5;\n}\n\n.header-meta {\n    display: flex;\n    gap: 24px;\n    flex-wrap: wrap;\n}\n\n.meta-item {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 13px;\n    color: #656565;\n}\n\n.meta-item i {\n    font-size: 12px;\n    color: #9e9e9e;\n}\n\n.copy-btn {\n    background: none;\n    border: none;\n    padding: 4px;\n    cursor: pointer;\n    color: #656565;\n    transition: color 0.2s;\n    margin-left: 4px;\n}\n\n.copy-btn:hover {\n    color: #2196f3;\n}\n\n.copy-btn .fa-check {\n    color: #4caf50;\n}\n\n.header-actions {\n    display: flex;\n    gap: 8px;\n}\n\n/* Error Message */\n.error-message {\n    background-color: #fee;\n    color: #c62828;\n    padding: 12px 16px;\n    margin: 16px 24px;\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n}\n\n.error-message i {\n    font-size: 16px;\n}\n\n/* Search Container */\n.search-container {\n    padding: 16px 24px;\n    background-color: #ffffff;\n    border-bottom: 1px solid #e2e8f0;\n    flex-shrink: 0;\n}\n\n.search-input {\n    width: 100%;\n}\n\n.search-icon {\n    color: #9e9e9e;\n    margin-right: 8px;\n}\n\n/* Items Container */\n.items-container {\n    height: 100%;\n    padding: 24px;\n    overflow-y: auto;\n    overflow-x: hidden;\n    min-height: 0;\n}\n\n/* Data Context Card */\n.data-context-card {\n    background-color: #ffffff;\n    border-radius: 8px;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n    margin-bottom: 16px;\n    transition: all 0.3s ease;\n    overflow: hidden;\n}\n\n.data-context-card:hover {\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.data-context-card.expanded {\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n}\n\n/* Card Header */\n.card-header {\n    padding: 20px 24px;\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    transition: background-color 0.2s;\n    gap: 16px;\n}\n\n.card-header:hover {\n    background-color: #f8f9fa;\n}\n\n.card-header-left {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    flex: 1;\n}\n\n.type-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 6px 12px;\n    border-radius: 20px;\n    font-size: 14px;\n    font-weight: 500;\n    text-transform: uppercase;\n    flex-shrink: 0;\n}\n\n.type-badge i {\n    font-size: 14px;\n}\n\n.card-description {\n    color: #656565;\n    font-size: 14px;\n    flex: 1;\n    line-height: 1.4;\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n}\n\n.expand-btn {\n    background: none;\n    border: none;\n    padding: 8px;\n    cursor: pointer;\n    color: #656565;\n    transition: all 0.2s;\n    font-size: 16px;\n    flex-shrink: 0;\n    margin-top: -4px; /* Align with top of content */\n}\n\n.expand-btn:hover {\n    color: #2196f3;\n}\n\n/* Card Content */\n.card-content {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.3s ease;\n}\n\n.data-context-card.expanded .card-content {\n    max-height: 2000px;\n}\n\n/* SQL Section */\n.sql-section {\n    padding: 0 24px 20px;\n}\n\n.section-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 12px;\n}\n\n.section-header h4 {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 500;\n    color: #333333;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.section-header h4 i {\n    font-size: 14px;\n    color: #656565;\n}\n\n.sql-actions {\n    display: flex;\n    gap: 8px;\n}\n\n.action-btn {\n    background-color: #f5f5f5;\n    border: 1px solid #e0e0e0;\n    padding: 6px 12px;\n    border-radius: 4px;\n    cursor: pointer;\n    font-size: 13px;\n    color: #333333;\n    transition: all 0.2s;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.action-btn:hover {\n    background-color: #e3f2fd;\n    border-color: #2196f3;\n    color: #2196f3;\n}\n\n.action-btn .fa-check {\n    color: #4caf50;\n}\n\n.sql-code {\n    background-color: #f5f5f5;\n    padding: 16px;\n    border-radius: 6px;\n    margin: 0;\n    overflow-x: auto;\n    border: 1px solid #e0e0e0;\n}\n\n.sql-code code {\n    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n    font-size: 14px;\n    line-height: 1.6;\n    color: #333333;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n}\n\n/* Metadata Section */\n.metadata-section {\n    padding: 0 24px 20px;\n}\n\n.metadata-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 16px;\n}\n\n.metadata-item {\n    background-color: #f8f9fa;\n    padding: 12px;\n    border-radius: 6px;\n    border: 1px solid #e2e8f0;\n}\n\n.metadata-label {\n    display: block;\n    font-size: 12px;\n    font-weight: 500;\n    color: #656565;\n    text-transform: uppercase;\n    margin-bottom: 6px;\n}\n\n.metadata-value {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    font-size: 14px;\n    color: #333333;\n}\n\n.metadata-value code {\n    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n    font-size: 13px;\n    background-color: #ffffff;\n    padding: 2px 6px;\n    border-radius: 3px;\n    border: 1px solid #e0e0e0;\n}\n\n.link-btn {\n    background: none;\n    border: none;\n    padding: 4px 6px;\n    cursor: pointer;\n    color: #656565;\n    transition: all 0.2s;\n    border-radius: 3px;\n    font-size: 13px;\n}\n\n.link-btn:hover {\n    color: #2196f3;\n    background-color: #e3f2fd;\n}\n\n.link-btn .fa-check {\n    color: #4caf50;\n}\n\n/* Card Footer */\n.card-footer {\n    padding: 16px 24px;\n    background-color: #f8f9fa;\n    border-top: 1px solid #e2e8f0;\n    display: flex;\n    gap: 20px;\n    font-size: 12px;\n    color: #656565;\n}\n\n.timestamp {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.timestamp i {\n    font-size: 11px;\n}\n\n/* No Items */\n.no-items {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 80px 20px;\n    color: #9e9e9e;\n}\n\n.no-items i {\n    font-size: 48px;\n    margin-bottom: 16px;\n}\n\n.no-items p {\n    font-size: 16px;\n    margin: 0;\n}\n\n/* SQL Preview Modal */\n.sql-preview-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: rgba(0, 0, 0, 0.5);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1000;\n}\n\n.sql-preview-dialog {\n    background-color: #ffffff;\n    border-radius: 8px;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n    width: 90%;\n    max-width: 1000px;\n    max-height: 80vh;\n    display: flex;\n    flex-direction: column;\n}\n\n.sql-preview-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px 24px;\n    border-bottom: 1px solid #e2e8f0;\n}\n\n.sql-preview-header h3 {\n    margin: 0;\n    font-size: 18px;\n    font-weight: 500;\n    color: #333333;\n}\n\n.close-btn {\n    background: none;\n    border: none;\n    padding: 8px;\n    cursor: pointer;\n    color: #656565;\n    transition: color 0.2s;\n    font-size: 18px;\n}\n\n.close-btn:hover {\n    color: #333333;\n}\n\n.sql-preview-content {\n    flex: 1;\n    overflow: auto;\n    padding: 24px;\n    background-color: #f5f5f5;\n}\n\n.sql-preview-content pre {\n    margin: 0;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n}\n\n.sql-preview-content code {\n    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n    font-size: 16px;\n    color: #333333;\n    line-height: 1.6;\n}\n\n.sql-preview-actions {\n    padding: 16px 24px;\n    border-top: 1px solid #e2e8f0;\n    display: flex;\n    justify-content: flex-end;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n    .data-context-header {\n        flex-direction: column;\n        gap: 16px;\n    }\n    \n    .header-actions {\n        width: 100%;\n        justify-content: flex-start;\n    }\n    \n    .items-container {\n        padding: 16px;\n    }\n    \n    .card-header {\n        padding: 16px;\n    }\n    \n    .sql-section,\n    .metadata-section {\n        padding: 0 16px 16px;\n    }\n    \n    .metadata-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    .sql-preview-dialog {\n        width: 95%;\n        margin: 16px;\n    }\n}"] }]
+        args: [{ standalone: false, selector: 'mj-data-context', template: "<div class=\"data-context-viewer\">\n    @if (showLoader) {\n        <div class=\"loading-container\">\n            <mj-loading text=\"Loading data context...\" size=\"large\"></mj-loading>\n        </div>\n    } @else {\n        <!-- Header Section -->\n        <div class=\"data-context-header\">\n            <div class=\"header-info\">\n                <div class=\"header-title\">\n                    <i class=\"fa-solid fa-layer-group header-icon\"></i>\n                    <h2>{{ dataContextRecord?.Name || 'Data Context' }}</h2>\n                </div>\n                @if (dataContextRecord && dataContextRecord.Description) {\n                    <p class=\"header-description\">{{ dataContextRecord.Description }}</p>\n                }\n                <div class=\"header-meta\">\n                    <span class=\"meta-item\">\n                        <i class=\"fa-solid fa-fingerprint\"></i>\n                        ID: {{ dataContextRecord?.ID }}\n                        <button class=\"copy-btn\" (click)=\"copyToClipboard(dataContextRecord?.ID || '', 'context-id')\" title=\"Copy ID\">\n                            <i class=\"fa-solid\" [class.fa-copy]=\"copiedField !== 'context-id'\" [class.fa-check]=\"copiedField === 'context-id'\"></i>\n                        </button>\n                    </span>\n                    <span class=\"meta-item\">\n                        <i class=\"fa-solid fa-list-ol\"></i>\n                        {{ itemCount }} {{ itemCount === 1 ? 'item' : 'items' }}\n                    </span>\n                </div>\n            </div>\n            <div class=\"header-actions\">\n                <button kendoButton look=\"flat\" (click)=\"refresh()\" title=\"Refresh\">\n                    <i class=\"fa-solid fa-rotate\"></i>\n                    Refresh\n                </button>\n                <button kendoButton look=\"flat\" (click)=\"exportToCSV()\" title=\"Export to CSV\">\n                    <i class=\"fa-solid fa-download\"></i>\n                    Export\n                </button>\n            </div>\n        </div>\n\n        @if (errorMessage) {\n            <div class=\"error-message\">\n                <i class=\"fa-solid fa-circle-exclamation\"></i>\n                {{ errorMessage }}\n            </div>\n        }\n\n        <!-- Search Bar -->\n        <div class=\"search-container\">\n            <kendo-textbox \n                [(ngModel)]=\"searchTerm\" \n                (ngModelChange)=\"onSearchChange()\"\n                placeholder=\"Search items by type, SQL, entity name, or description...\"\n                [clearButton]=\"true\"\n                class=\"search-input\">\n                <ng-template kendoTextBoxPrefixTemplate>\n                    <i class=\"fa-solid fa-magnifying-glass search-icon\"></i>\n                </ng-template>\n            </kendo-textbox>\n        </div>\n\n        <!-- Data Context Items as Cards -->\n        <div class=\"items-container\">\n            @for (item of filteredItems; track item.ID; let i = $index) {\n                <div class=\"data-context-card\" [class.expanded]=\"expandedItems[item.ID]\">\n                    <!-- Card Header -->\n                    <div class=\"card-header\" (click)=\"toggleItemExpansion(item.ID)\">\n                        <div class=\"card-header-left\">\n                            <div class=\"type-badge\" [style.background-color]=\"getTypeColor(item.Type) + '20'\" [style.color]=\"getTypeColor(item.Type)\">\n                                <i [class]=\"getTypeIcon(item.Type)\"></i>\n                                <span>{{ item.Type }}</span>\n                            </div>\n                            @if (item.Description) {\n                                <span class=\"card-description\">{{ item.Description }}</span>\n                            }\n                        </div>\n                        <button class=\"expand-btn\">\n                            <i class=\"fa-solid\" [class.fa-chevron-down]=\"!expandedItems[item.ID]\" [class.fa-chevron-up]=\"expandedItems[item.ID]\"></i>\n                        </button>\n                    </div>\n\n                    <!-- Card Content -->\n                    <div class=\"card-content\">\n                        <!-- SQL Section -->\n                        @if (item.SQL) {\n                            <div class=\"sql-section\">\n                                <div class=\"section-header\">\n                                    <h4><i class=\"fa-solid fa-code\"></i> SQL Query</h4>\n                                    <div class=\"sql-actions\">\n                                        <button class=\"action-btn\" (click)=\"copyToClipboard(item.SQL, 'sql-' + item.ID)\" title=\"Copy SQL\">\n                                            <i class=\"fa-solid\" [class.fa-copy]=\"copiedField !== 'sql-' + item.ID\" [class.fa-check]=\"copiedField === 'sql-' + item.ID\"></i>\n                                            {{ copiedField === 'sql-' + item.ID ? 'Copied!' : 'Copy' }}\n                                        </button>\n                                        <button class=\"action-btn\" (click)=\"previewSQLCode(item.SQL)\" title=\"Expand\">\n                                            <i class=\"fa-solid fa-expand\"></i>\n                                            Expand\n                                        </button>\n                                    </div>\n                                </div>\n                                <pre class=\"sql-code\"><code>{{ item.SQL }}</code></pre>\n                            </div>\n                        }\n\n                        <!-- Metadata Section -->\n                        <div class=\"metadata-section\">\n                            <div class=\"metadata-grid\">\n                                @if (item.EntityID) {\n                                    <div class=\"metadata-item\">\n                                        <span class=\"metadata-label\">Entity</span>\n                                        <div class=\"metadata-value\">\n                                            <span>{{ getEntityName(item.EntityID) || 'Unknown' }}</span>\n                                            <button class=\"link-btn\" (click)=\"navigateToEntity(item.EntityID)\" title=\"View entity\">\n                                                <i class=\"fa-solid fa-arrow-up-right-from-square\"></i>\n                                            </button>\n                                        </div>\n                                    </div>\n                                }\n                                @if (item.ViewID) {\n                                    <div class=\"metadata-item\">\n                                        <span class=\"metadata-label\">View</span>\n                                        <div class=\"metadata-value\">\n                                            <span title=\"{{ item.ViewID }}\">{{ item.ViewID | slice:0:20 }}{{ item.ViewID.length > 20 ? '...' : '' }}</span>\n                                            <button class=\"link-btn\" (click)=\"navigateToView(item.ViewID)\" title=\"View details\">\n                                                <i class=\"fa-solid fa-arrow-up-right-from-square\"></i>\n                                            </button>\n                                        </div>\n                                    </div>\n                                }\n                                @if (item.QueryID) {\n                                    <div class=\"metadata-item\">\n                                        <span class=\"metadata-label\">Query</span>\n                                        <div class=\"metadata-value\">\n                                            <span title=\"{{ item.QueryID }}\">{{ item.QueryID | slice:0:20 }}{{ item.QueryID.length > 20 ? '...' : '' }}</span>\n                                            <button class=\"link-btn\" (click)=\"navigateToQuery(item.QueryID)\" title=\"View query\">\n                                                <i class=\"fa-solid fa-arrow-up-right-from-square\"></i>\n                                            </button>\n                                        </div>\n                                    </div>\n                                }\n                                @if (item.RecordID) {\n                                    <div class=\"metadata-item\">\n                                        <span class=\"metadata-label\">Record ID</span>\n                                        <div class=\"metadata-value\">\n                                            <code>{{ item.RecordID }}</code>\n                                            <button class=\"link-btn\" (click)=\"copyToClipboard(item.RecordID, 'record-' + item.ID)\" title=\"Copy\">\n                                                <i class=\"fa-solid\" [class.fa-copy]=\"copiedField !== 'record-' + item.ID\" [class.fa-check]=\"copiedField === 'record-' + item.ID\"></i>\n                                            </button>\n                                        </div>\n                                    </div>\n                                }\n                            </div>\n                        </div>\n\n                        <!-- Footer -->\n                        <div class=\"card-footer\">\n                            <span class=\"timestamp\">\n                                <i class=\"fa-solid fa-clock\"></i>\n                                Created {{ item.__mj_CreatedAt | date:'short' }}\n                            </span>\n                            @if (item.__mj_UpdatedAt && item.__mj_UpdatedAt !== item.__mj_CreatedAt) {\n                                <span class=\"timestamp\">\n                                    <i class=\"fa-solid fa-pen\"></i>\n                                    Updated {{ item.__mj_UpdatedAt | date:'short' }}\n                                </span>\n                            }\n                        </div>\n                    </div>\n                </div>\n            }\n\n            @if (filteredItems.length === 0) {\n                <div class=\"no-items\">\n                    <i class=\"fa-solid fa-inbox\"></i>\n                    <p>No items found</p>\n                </div>\n            }\n        </div>\n    }\n\n    <!-- SQL Preview Dialog -->\n    @if (showSQLPreview) {\n        <div class=\"sql-preview-overlay\" (click)=\"closeSQLPreview()\">\n            <div class=\"sql-preview-dialog\" (click)=\"$event.stopPropagation()\">\n                <div class=\"sql-preview-header\">\n                    <h3>SQL Preview</h3>\n                    <button class=\"close-btn\" (click)=\"closeSQLPreview()\">\n                        <i class=\"fa-solid fa-xmark\"></i>\n                    </button>\n                </div>\n                <div class=\"sql-preview-content\">\n                    <pre><code>{{ previewSQL }}</code></pre>\n                </div>\n                <div class=\"sql-preview-actions\">\n                    <button kendoButton (click)=\"copyToClipboard(previewSQL, 'preview-sql')\">\n                        <i class=\"fa-solid\" [class.fa-copy]=\"copiedField !== 'preview-sql'\" [class.fa-check]=\"copiedField === 'preview-sql'\"></i>\n                        {{ copiedField === 'preview-sql' ? 'Copied!' : 'Copy SQL' }}\n                    </button>\n                </div>\n            </div>\n        </div>\n    }\n</div>", styles: [".data-context-viewer {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background-color: #f8f9fa;\n    border-radius: 8px;\n    overflow: hidden;\n    min-height: 0;\n}\n\n/* Loading State */\n.loading-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    min-height: 400px;\n}\n\n.loading-text {\n    margin-top: 16px;\n    color: #656565;\n    font-size: 14px;\n}\n\n/* Header Section */\n.data-context-header {\n    background-color: #ffffff;\n    padding: 24px;\n    border-bottom: 1px solid #e2e8f0;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 24px;\n    flex-shrink: 0;\n}\n\n.header-info {\n    flex: 1;\n}\n\n.header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 8px;\n}\n\n.header-icon {\n    font-size: 24px;\n    color: #2196f3;\n}\n\n.header-title h2 {\n    margin: 0;\n    font-size: 24px;\n    font-weight: 500;\n    color: #333333;\n}\n\n.header-description {\n    margin: 8px 0 16px 0;\n    color: #656565;\n    font-size: 14px;\n    line-height: 1.5;\n}\n\n.header-meta {\n    display: flex;\n    gap: 24px;\n    flex-wrap: wrap;\n}\n\n.meta-item {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 13px;\n    color: #656565;\n}\n\n.meta-item i {\n    font-size: 12px;\n    color: #9e9e9e;\n}\n\n.copy-btn {\n    background: none;\n    border: none;\n    padding: 4px;\n    cursor: pointer;\n    color: #656565;\n    transition: color 0.2s;\n    margin-left: 4px;\n}\n\n.copy-btn:hover {\n    color: #2196f3;\n}\n\n.copy-btn .fa-check {\n    color: #4caf50;\n}\n\n.header-actions {\n    display: flex;\n    gap: 8px;\n}\n\n/* Error Message */\n.error-message {\n    background-color: #fee;\n    color: #c62828;\n    padding: 12px 16px;\n    margin: 16px 24px;\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n}\n\n.error-message i {\n    font-size: 16px;\n}\n\n/* Search Container */\n.search-container {\n    padding: 16px 24px;\n    background-color: #ffffff;\n    border-bottom: 1px solid #e2e8f0;\n    flex-shrink: 0;\n}\n\n.search-input {\n    width: 100%;\n}\n\n.search-icon {\n    color: #9e9e9e;\n    margin-right: 8px;\n}\n\n/* Items Container */\n.items-container {\n    height: 100%;\n    padding: 24px;\n    overflow-y: auto;\n    overflow-x: hidden;\n    min-height: 0;\n}\n\n/* Data Context Card */\n.data-context-card {\n    background-color: #ffffff;\n    border-radius: 8px;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n    margin-bottom: 16px;\n    transition: all 0.3s ease;\n    overflow: hidden;\n}\n\n.data-context-card:hover {\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.data-context-card.expanded {\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n}\n\n/* Card Header */\n.card-header {\n    padding: 20px 24px;\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    transition: background-color 0.2s;\n    gap: 16px;\n}\n\n.card-header:hover {\n    background-color: #f8f9fa;\n}\n\n.card-header-left {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    flex: 1;\n}\n\n.type-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 6px 12px;\n    border-radius: 20px;\n    font-size: 14px;\n    font-weight: 500;\n    text-transform: uppercase;\n    flex-shrink: 0;\n}\n\n.type-badge i {\n    font-size: 14px;\n}\n\n.card-description {\n    color: #656565;\n    font-size: 14px;\n    flex: 1;\n    line-height: 1.4;\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n}\n\n.expand-btn {\n    background: none;\n    border: none;\n    padding: 8px;\n    cursor: pointer;\n    color: #656565;\n    transition: all 0.2s;\n    font-size: 16px;\n    flex-shrink: 0;\n    margin-top: -4px; /* Align with top of content */\n}\n\n.expand-btn:hover {\n    color: #2196f3;\n}\n\n/* Card Content */\n.card-content {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.3s ease;\n}\n\n.data-context-card.expanded .card-content {\n    max-height: 2000px;\n}\n\n/* SQL Section */\n.sql-section {\n    padding: 0 24px 20px;\n}\n\n.section-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 12px;\n}\n\n.section-header h4 {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 500;\n    color: #333333;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.section-header h4 i {\n    font-size: 14px;\n    color: #656565;\n}\n\n.sql-actions {\n    display: flex;\n    gap: 8px;\n}\n\n.action-btn {\n    background-color: #f5f5f5;\n    border: 1px solid #e0e0e0;\n    padding: 6px 12px;\n    border-radius: 4px;\n    cursor: pointer;\n    font-size: 13px;\n    color: #333333;\n    transition: all 0.2s;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.action-btn:hover {\n    background-color: #e3f2fd;\n    border-color: #2196f3;\n    color: #2196f3;\n}\n\n.action-btn .fa-check {\n    color: #4caf50;\n}\n\n.sql-code {\n    background-color: #f5f5f5;\n    padding: 16px;\n    border-radius: 6px;\n    margin: 0;\n    overflow-x: auto;\n    border: 1px solid #e0e0e0;\n}\n\n.sql-code code {\n    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n    font-size: 14px;\n    line-height: 1.6;\n    color: #333333;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n}\n\n/* Metadata Section */\n.metadata-section {\n    padding: 0 24px 20px;\n}\n\n.metadata-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 16px;\n}\n\n.metadata-item {\n    background-color: #f8f9fa;\n    padding: 12px;\n    border-radius: 6px;\n    border: 1px solid #e2e8f0;\n}\n\n.metadata-label {\n    display: block;\n    font-size: 12px;\n    font-weight: 500;\n    color: #656565;\n    text-transform: uppercase;\n    margin-bottom: 6px;\n}\n\n.metadata-value {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    font-size: 14px;\n    color: #333333;\n}\n\n.metadata-value code {\n    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n    font-size: 13px;\n    background-color: #ffffff;\n    padding: 2px 6px;\n    border-radius: 3px;\n    border: 1px solid #e0e0e0;\n}\n\n.link-btn {\n    background: none;\n    border: none;\n    padding: 4px 6px;\n    cursor: pointer;\n    color: #656565;\n    transition: all 0.2s;\n    border-radius: 3px;\n    font-size: 13px;\n}\n\n.link-btn:hover {\n    color: #2196f3;\n    background-color: #e3f2fd;\n}\n\n.link-btn .fa-check {\n    color: #4caf50;\n}\n\n/* Card Footer */\n.card-footer {\n    padding: 16px 24px;\n    background-color: #f8f9fa;\n    border-top: 1px solid #e2e8f0;\n    display: flex;\n    gap: 20px;\n    font-size: 12px;\n    color: #656565;\n}\n\n.timestamp {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.timestamp i {\n    font-size: 11px;\n}\n\n/* No Items */\n.no-items {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 80px 20px;\n    color: #9e9e9e;\n}\n\n.no-items i {\n    font-size: 48px;\n    margin-bottom: 16px;\n}\n\n.no-items p {\n    font-size: 16px;\n    margin: 0;\n}\n\n/* SQL Preview Modal */\n.sql-preview-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: rgba(0, 0, 0, 0.5);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1000;\n}\n\n.sql-preview-dialog {\n    background-color: #ffffff;\n    border-radius: 8px;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n    width: 90%;\n    max-width: 1000px;\n    max-height: 80vh;\n    display: flex;\n    flex-direction: column;\n}\n\n.sql-preview-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px 24px;\n    border-bottom: 1px solid #e2e8f0;\n}\n\n.sql-preview-header h3 {\n    margin: 0;\n    font-size: 18px;\n    font-weight: 500;\n    color: #333333;\n}\n\n.close-btn {\n    background: none;\n    border: none;\n    padding: 8px;\n    cursor: pointer;\n    color: #656565;\n    transition: color 0.2s;\n    font-size: 18px;\n}\n\n.close-btn:hover {\n    color: #333333;\n}\n\n.sql-preview-content {\n    flex: 1;\n    overflow: auto;\n    padding: 24px;\n    background-color: #f5f5f5;\n}\n\n.sql-preview-content pre {\n    margin: 0;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n}\n\n.sql-preview-content code {\n    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n    font-size: 16px;\n    color: #333333;\n    line-height: 1.6;\n}\n\n.sql-preview-actions {\n    padding: 16px 24px;\n    border-top: 1px solid #e2e8f0;\n    display: flex;\n    justify-content: flex-end;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n    .data-context-header {\n        flex-direction: column;\n        gap: 16px;\n    }\n    \n    .header-actions {\n        width: 100%;\n        justify-content: flex-start;\n    }\n    \n    .items-container {\n        padding: 16px;\n    }\n    \n    .card-header {\n        padding: 16px;\n    }\n    \n    .sql-section,\n    .metadata-section {\n        padding: 0 16px 16px;\n    }\n    \n    .metadata-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    .sql-preview-dialog {\n        width: 95%;\n        margin: 16px;\n    }\n}"] }]
     }], null, { dataContextId: [{
             type: Input
         }], Provider: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DataContextComponent, { className: "DataContextComponent", filePath: "src/lib/ng-data-context.component.ts", lineNumber: 10 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DataContextComponent, { className: "DataContextComponent", filePath: "src/lib/ng-data-context.component.ts", lineNumber: 11 }); })();
 //# sourceMappingURL=ng-data-context.component.js.map

package/dist/lib/ng-data-context.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-data-context.component.js","sourceRoot":"","sources":["../../src/lib/ng-data-context.component.ts","../../src/lib/ng-data-context.component.html"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-data-context.component.js","sourceRoot":"","sources":["../../src/lib/ng-data-context.component.ts","../../src/lib/ng-data-context.component.html"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-data-context",
-  "version": "3.4.0",
+  "version": "4.0.0",
   "description": "MemberJunction: Angular component and pop-up window to display and edit the contents of a data context.",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",
@@ -15,26 +15,26 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "@angular/compiler": "18.2.14",
-    "@angular/compiler-cli": "18.2.14"
+    "@angular/compiler": "21.1.3",
+    "@angular/compiler-cli": "21.1.3"
   },
   "peerDependencies": {
-    "@angular/common": "18.2.14",
-    "@angular/core": "18.2.14",
-    "@progress/kendo-angular-grid": "16.2.0",
-    "@progress/kendo-angular-indicators": "16.2.0"
+    "@angular/common": "21.1.3",
+    "@angular/core": "21.1.3",
+    "@progress/kendo-angular-grid": "22.0.1",
+    "@progress/kendo-angular-indicators": "22.0.1"
   },
   "dependencies": {
-    "@angular/forms": "18.2.14",
-    "@memberjunction/core": "3.4.0",
-    "@memberjunction/core-entities": "3.4.0",
-    "@memberjunction/global": "3.4.0",
-    "@memberjunction/ng-container-directives": "3.4.0",
-    "@memberjunction/ng-shared-generic": "3.4.0",
-    "@progress/kendo-angular-buttons": "16.2.0",
-    "@progress/kendo-angular-dialog": "16.2.0",
-    "@progress/kendo-angular-inputs": "16.2.0",
-    "tslib": "^2.3.0"
+    "@angular/forms": "21.1.3",
+    "@memberjunction/core": "4.0.0",
+    "@memberjunction/core-entities": "4.0.0",
+    "@memberjunction/global": "4.0.0",
+    "@memberjunction/ng-container-directives": "4.0.0",
+    "@memberjunction/ng-shared-generic": "4.0.0",
+    "@progress/kendo-angular-buttons": "22.0.1",
+    "@progress/kendo-angular-dialog": "22.0.1",
+    "@progress/kendo-angular-inputs": "22.0.1",
+    "tslib": "^2.8.1"
   },
   "sideEffects": false,
   "repository": {