@memberjunction/ng-explorer-core 2.0.0 → 2.1.1

package/dist/lib/single-list-detail/single-list-detail.component.js

@@ -322,4 +322,4 @@ SingleListDetailComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: S
         type: Component,
         args: [{ selector: 'mj-list-detail', template: "<div class=\"app-container\">\n    <div class=\"flex-display-row-header\">\n        <h1>{{listName}}</h1>\n        <button kendobutton class=\"add-btn\" (click)=\"toggleAddDialog(true)\" themeColor=\"info\">\n            <span class=\"fa-solid fa-plus\"></span>\n            Add More Records\n        </button>\n    </div>\n    <div>\n        <div class=\"title-wrapper\">\n            <div class=\"search\">\n              <kendo-textbox \n              type=\"text\" \n              #searchInput \n              placeholder=\"Search in List\" \n              (keyup)=\"onKeyup(searchInput.value)\"\n              [clearButton]=\"true\"\n              size=\"large\"\n              rounded=\"large\"\n              fillMode=\"solid\"\n              >\n                <ng-template kendoTextBoxPrefixTemplate [showSeparator]=\"true\">\n                  <span class=\"fa-solid fa-magnifying-glass margin-left-small\"></span>\n                </ng-template>\n              </kendo-textbox>\n            </div>\n          </div>\n    </div>\n    @if(showLoader){\n        <kendo-loader type=\"converging-spinner\"></kendo-loader>\n    }\n    @else{\n        <kendo-grid [data]=\"filteredGridData\"></kendo-grid>\n    }\n</div>\n\n<kendo-dialog\nclass=\"dialog-wrapper\"\ntitle=\"Select Views to Add\"\n*ngIf=\"showAddDialog\"\n(close)=\"toggleAddDialog(false)\"\n[minWidth]=\"250\"\n[width]=\"650\"\n[height]=\"550\"\n>\n<div class=\"search-header\">\n    <kendo-textbox\n  id=\"listSearch\"\n  placeholder=\"Search Views...\"\n  kendoTextBox\n  [clearButton]=\"true\"\n  class=\"search-bar\"\n></kendo-textbox>\n<!--\n<button kendoButton class=\"btn-no-border btn-outline\">\n    <span class=\"fa-solid fa-plus\"></span>\n    New View\n</button>\n-->\n</div>\n<hr>\n<div class=\"overflow-y-scroll\">\n    @if(showAddLoader){\n        <kendo-loader type=\"converging-spinner\"></kendo-loader>\n    }\n    @else {\n        @for(userView of userViews; track userView){\n            <div class=\"list-item\">\n                <div class=\"list-text\" [ngClass]=\"{'list-selected': userViewsToAdd.includes(userView)}\">\n                    {{userView.Name}}\n                </div>\n                @if(userViewsToAdd.includes(userView)){\n                    <button kendoButton class=\"btn-no-border btn-selected\" (click)=\"removeViewFromSelectedList(userView)\">\n                        <span class=\"fa-solid fa-minus\"></span>\n                        Remove\n                    </button>\n                }\n                @else {\n                    <button kendoButton class=\"btn-no-border\" (click)=\"addViewToSelectedList(userView)\">\n                        <div class=\"btn-margin-right\">\n                            <span class=\"fa-solid fa-plus\"></span>\n                            Add\n                        </div>\n                    </button>\n                }\n            </div>\n            <hr>\n        }\n    }\n</div>\n<kendo-dialog-actions class=\"popup-actions-btn\">\n    <button class=\"cancel-btn\" (click)=\"addTolist()\" [disabled]=\"showAddLoader\" kendoButton themeColor=\"info\">\n      Done\n    </button>\n    <button  class=\"yes-btn\" (click)=\"toggleAddDialog(false)\" [disabled]=\"showAddLoader\" kendoButton fillMode=\"outline\" themeColor=\"info\">\n      Cancel\n    </button>\n</kendo-dialog-actions>\n</kendo-dialog>", styles: [".app-container {\n    padding: 20px;\n}\n\n.flex-display-row-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-bottom: 10px;\n}\n\n.title-wrapper {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 14px 0;\n    border-bottom: 1px solid var(--med-gray);\n}\n\n.title-wrapper h4 {\n    margin: 0;\n    font-size: 24px;\n    line-height: 28px;\n}\n\n.title-wrapper .search input {\n    width: 100%;\n    height: 100%;\n    font-size: 16px;\n    background: transparent;\n    border: none;\n    box-sizing: border-box;\n    padding-left: 40px;\n}\n\n .title-wrapper .search  {\n    background: var(--light-shade);\n    width: 360px;\n    height: 44px;\n    position: relative;\n    border-radius: 10px;\n}\n\n.title-wrapper .search svg {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: 12px;\n}\n\n.add-btn {\n    padding: 10px 30px;\n    border-radius: 10px;\n    color: white;\n    background-color: var(--border-blue);\n    font-size: initial;\n    cursor: pointer;\n}\n\n.add-btn:hover {\n    filter: brightness(85%);\n}\n\n.margin-left-small {\n    margin-left: 10px;\n}\n\n\n.overflow-y-scroll {\n    overflow-y: auto;\n    max-height: 300px;\n}\n\n.padding-bottom-small {\n    padding-bottom: 10px;\n}\n\n.list-item {\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 5px;\n    align-items: center;\n}\n\n.btn-no-border {\n    border: none;\n    background: none;\n    color: var(--border-blue);\n    font-size: 16px;\n    font-weight: 500;\n    cursor: pointer;\n}\n\n.btn-selected {\n    font-weight: bold;\n}\n\n.list-text {\n    font-size: large;\n}\n.list-selected {\n    font-weight: bold;\n    color: var(--border-blue);\n}\n\n.btn-margin-right {\n    margin-right: 35px;\n}\n\n.divider {\n    color: lightgray\n}\n\n.search-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 10px 0;\n}\n\n.search-bar {\n    width: 65%;\n    padding-bottom: 10px;\n}\n\n.dialog-wrapper {\n    padding: 15px 25px;\n}\n\n.btn-outline {\n    border: 2px solid var(--border-blue);\n    border-radius: 8px;\n    padding: 5px 30px;\n\n    background: none;\n    color: var(--border-blue);\n    font-size: 16px;\n    font-weight: 500;\n    cursor: pointer;\n}"] }]
     }], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.SharedService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleListDetailComponent, { className: "SingleListDetailComponent" }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleListDetailComponent, { className: "SingleListDetailComponent", filePath: "src/lib/single-list-detail/single-list-detail.component.ts", lineNumber: 13 }); })();

package/dist/lib/single-query/single-query.component.js

@@ -67,4 +67,4 @@ SingleQueryComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Single
             type: ViewChild,
             args: ['theQuery', { static: true }]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleQueryComponent, { className: "SingleQueryComponent" }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleQueryComponent, { className: "SingleQueryComponent", filePath: "src/lib/single-query/single-query.component.ts", lineNumber: 11 }); })();

package/dist/lib/single-record/single-record.component.js

@@ -146,4 +146,4 @@ SingleRecordComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Singl
         }], recordSaved: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleRecordComponent, { className: "SingleRecordComponent" }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleRecordComponent, { className: "SingleRecordComponent", filePath: "src/lib/single-record/single-record.component.ts", lineNumber: 14 }); })();

package/dist/lib/single-report/single-report.component.js

@@ -83,4 +83,4 @@ SingleReportComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Singl
             type: ViewChild,
             args: ['theReport', { static: true }]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleReportComponent, { className: "SingleReportComponent" }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleReportComponent, { className: "SingleReportComponent", filePath: "src/lib/single-report/single-report.component.ts", lineNumber: 11 }); })();

package/dist/lib/single-search-result/single-search-result.component.js

@@ -21,7 +21,7 @@ export class SingleSearchResultComponent {
     get params() {
         const p = {
             EntityName: this.entity,
-            ExtraFilter: "ID > 0", // temporary hack as ExtraFilter is required for dynamic views
+            ExtraFilter: "ID IS NOT NULL", // temporary hack as ExtraFilter is required for dynamic views
             UserSearchString: this.searchInput,
         };
         return p;
@@ -58,4 +58,4 @@ SingleSearchResultComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
             type: ViewChild,
             args: [UserViewGridComponent]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleSearchResultComponent, { className: "SingleSearchResultComponent" }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleSearchResultComponent, { className: "SingleSearchResultComponent", filePath: "src/lib/single-search-result/single-search-result.component.ts", lineNumber: 10 }); })();

package/dist/lib/single-view/single-view.component.js

@@ -201,4 +201,4 @@ SingleViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SingleV
         }], loadComplete: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleViewComponent, { className: "SingleViewComponent" }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleViewComponent, { className: "SingleViewComponent", filePath: "src/lib/single-view/single-view.component.ts", lineNumber: 16 }); })();

package/dist/lib/user-notifications/user-notifications.component.js

@@ -167,7 +167,7 @@ export class UserNotificationsComponent {
         var _a;
         let url = [];
         let queryString = '';
-        if (notification.ResourceRecordID && notification.ResourceRecordID > 0 &&
+        if (notification.ResourceRecordID && notification.ResourceRecordID.length > 0 &&
             notification.ResourceTypeID && notification.ResourceTypeID.length > 0) {
             // we have a resource here, like a Report, Dashboard, etc
             // we can generate a url to navigate to it
@@ -397,4 +397,4 @@ UserNotificationsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
             type: ViewChild,
             args: ['readRadio']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserNotificationsComponent, { className: "UserNotificationsComponent" }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserNotificationsComponent, { className: "UserNotificationsComponent", filePath: "src/lib/user-notifications/user-notifications.component.ts", lineNumber: 12 }); })();

package/dist/lib/user-profile/user-profile.component.js

@@ -39,4 +39,4 @@ UserProfileComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserPr
         type: Component,
         args: [{ selector: 'app-user-profile', template: "<ul *ngIf=\"User | async\">\n    <li>{{ User.name }}</li>\n    <li>{{ User.email }}</li>\n    <li>{{ JSON.stringify(User) }}</li>\n</ul>" }]
     }], () => [{ type: i1.MJAuthBase }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserProfileComponent, { className: "UserProfileComponent" }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserProfileComponent, { className: "UserProfileComponent", filePath: "src/lib/user-profile/user-profile.component.ts", lineNumber: 10 }); })();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-explorer-core",
-  "version": "2.0.0",
+  "version": "2.1.1",
   "description": "MemberJunction Explorer: Core Angular Components",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",
@@ -26,23 +26,23 @@
     "@angular/router": "18.0.2"
   },
   "dependencies": {
-    "@memberjunction/global": "2.0.0",
-    "@memberjunction/core": "2.0.0",
-    "@memberjunction/ng-compare-records": "2.0.0",
-    "@memberjunction/ng-file-storage": "2.0.0",
-    "@memberjunction/ng-record-changes": "2.0.0",
-    "@memberjunction/ng-container-directives": "2.0.0",
-    "@memberjunction/ng-user-view-grid": "2.0.0",
-    "@memberjunction/ng-query-grid": "2.0.0",
-    "@memberjunction/ng-user-view-properties": "2.0.0",
-    "@memberjunction/ng-shared": "2.0.0",
-    "@memberjunction/ng-tabstrip": "2.0.0",
-    "@memberjunction/ng-ask-skip": "2.0.0",
-    "@memberjunction/ng-auth-services": "2.0.0",
-    "@memberjunction/ng-explorer-settings": "2.0.0",
-    "@memberjunction/ng-base-forms": "2.0.0",
-    "@memberjunction/ng-entity-form-dialog": "2.0.0",
-    "@memberjunction/ng-record-selector": "2.0.0",
+    "@memberjunction/global": "2.1.1",
+    "@memberjunction/core": "2.1.1",
+    "@memberjunction/ng-compare-records": "2.1.1",
+    "@memberjunction/ng-file-storage": "2.1.1",
+    "@memberjunction/ng-record-changes": "2.1.1",
+    "@memberjunction/ng-container-directives": "2.1.1",
+    "@memberjunction/ng-user-view-grid": "2.1.1",
+    "@memberjunction/ng-query-grid": "2.1.1",
+    "@memberjunction/ng-user-view-properties": "2.1.1",
+    "@memberjunction/ng-shared": "2.1.1",
+    "@memberjunction/ng-tabstrip": "2.1.1",
+    "@memberjunction/ng-ask-skip": "2.1.1",
+    "@memberjunction/ng-auth-services": "2.1.1",
+    "@memberjunction/ng-explorer-settings": "2.1.1",
+    "@memberjunction/ng-base-forms": "2.1.1",
+    "@memberjunction/ng-entity-form-dialog": "2.1.1",
+    "@memberjunction/ng-record-selector": "2.1.1",
     "@progress/kendo-angular-grid": "16.2.0",
     "@progress/kendo-angular-buttons": "16.2.0",
     "@progress/kendo-angular-listview": "16.2.0",

package/dist/lib/join-grid/join-grid.component.d.ts

@@ -1,31 +0,0 @@
-import { AfterViewInit, OnInit } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class JoinGridComponent implements OnInit, AfterViewInit {
-    RowsEntity: string;
-    ColumnsEntity: string;
-    JoinEntity: string;
-    JoinRowForeignKey: string;
-    JoinColumunForeignKey: string;
-    RowsFilter: string;
-    ColumnsFilter: string;
-    EditMode: boolean;
-    showloader: boolean;
-    viewData: any[];
-    visibleColumns: any[];
-    ShowError: boolean;
-    ErrorMessage: string;
-    gridHeight: number;
-    private resizeSub;
-    constructor();
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    LoadData(): Promise<void>;
-    getJoinData(rows: any[], columns: any[]): Promise<void>;
-    prepareGridData(rows: any[], columns: any[], joinEntities: any[]): void;
-    private _gridMargin;
-    setGridHeight(): void;
-    ResizeGrid(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<JoinGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<JoinGridComponent, "app-join-grid", never, { "RowsEntity": { "alias": "RowsEntity"; "required": false; }; "ColumnsEntity": { "alias": "ColumnsEntity"; "required": false; }; "JoinEntity": { "alias": "JoinEntity"; "required": false; }; "JoinRowForeignKey": { "alias": "JoinRowForeignKey"; "required": false; }; "JoinColumunForeignKey": { "alias": "JoinColumunForeignKey"; "required": false; }; "RowsFilter": { "alias": "RowsFilter"; "required": false; }; "ColumnsFilter": { "alias": "ColumnsFilter"; "required": false; }; "EditMode": { "alias": "EditMode"; "required": false; }; }, {}, never, never, false, never>;
-}
-//# sourceMappingURL=join-grid.component.d.ts.map

package/dist/lib/join-grid/join-grid.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"join-grid.component.d.ts","sourceRoot":"","sources":["../../../src/lib/join-grid/join-grid.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAoB,MAAM,EAAE,MAAM,eAAe,CAAC;;AAIxE,qBAKa,iBAAkB,YAAW,MAAM,EAAE,aAAa;IACpD,UAAU,EAAE,MAAM,CAAM;IACxB,aAAa,EAAE,MAAM,CAAM;IAC3B,UAAU,EAAE,MAAM,CAAM;IACxB,iBAAiB,EAAE,MAAM,CAAM;IAC/B,qBAAqB,EAAE,MAAM,CAAM;IACnC,UAAU,EAAE,MAAM,CAAM;IACxB,aAAa,EAAE,MAAM,CAAM;IAC3B,QAAQ,EAAE,OAAO,CAAS;IAC5B,UAAU,EAAE,OAAO,CAAS;IAC5B,QAAQ,EAAE,GAAG,EAAE,CAAM;IACrB,cAAc,EAAE,GAAG,EAAE,CAAM;IAC3B,SAAS,EAAE,OAAO,CAAS;IAC3B,YAAY,EAAE,MAAM,CAAM;IAC1B,UAAU,EAAE,MAAM,CAAO;IAChC,OAAO,CAAC,SAAS,CAA6B;;IAI9C,QAAQ,IAAI,IAAI;IAShB,eAAe,IAAI,IAAI;IAIjB,QAAQ;IAeR,WAAW,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;IAa7C,eAAe,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE;IA8BhE,OAAO,CAAC,WAAW,CAAO;IAC1B,aAAa,IAAI,IAAI;IAed,UAAU,IAAI,IAAI;yCA1Gd,iBAAiB;2CAAjB,iBAAiB;CA8G7B"}

package/dist/lib/join-grid/join-grid.component.js

@@ -1,222 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { Component, Input } from '@angular/core';
-import { RunView } from '@memberjunction/core';
-import { debounceTime, fromEvent } from 'rxjs';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@progress/kendo-angular-grid";
-import * as i3 from "@progress/kendo-angular-buttons";
-function JoinGridComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.ErrorMessage, "\n");
-} }
-function JoinGridComponent_div_1_3_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 9);
-    i0.ɵɵtext(1, "Save");
-    i0.ɵɵelementEnd();
-} }
-function JoinGridComponent_div_1_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, JoinGridComponent_div_1_3_ng_template_0_Template, 2, 0, "ng-template", 8);
-} }
-function JoinGridComponent_div_1_kendo_grid_column_4_1_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0);
-} if (rf & 2) {
-    const dataItem_r12 = ctx.$implicit;
-    const item_r6 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵtextInterpolate1(" ", dataItem_r12[item_r6.field], " ");
-} }
-function JoinGridComponent_div_1_kendo_grid_column_4_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, JoinGridComponent_div_1_kendo_grid_column_4_1_ng_template_0_Template, 1, 1, "ng-template", 11);
-} }
-function JoinGridComponent_div_1_kendo_grid_column_4_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "input", 12);
-} if (rf & 2) {
-    const dataItem_r14 = ctx.$implicit;
-    const item_r6 = i0.ɵɵnextContext().$implicit;
-    const ctx_r9 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("checked", dataItem_r14[item_r6.field])("disabled", !ctx_r9.EditMode);
-} }
-function JoinGridComponent_div_1_kendo_grid_column_4_3_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0);
-} if (rf & 2) {
-    const ctx_r16 = i0.ɵɵnextContext(4);
-    i0.ɵɵtextInterpolate1(" ", ctx_r16.viewData.length, " records ");
-} }
-function JoinGridComponent_div_1_kendo_grid_column_4_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, JoinGridComponent_div_1_kendo_grid_column_4_3_ng_template_0_Template, 1, 1, "ng-template", 13);
-} }
-const _c0 = () => ({ "font-weight": "bold", "background-color": "#a9c2af" });
-function JoinGridComponent_div_1_kendo_grid_column_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-grid-column", 10);
-    i0.ɵɵtemplate(1, JoinGridComponent_div_1_kendo_grid_column_4_1_Template, 1, 0, null, 6)(2, JoinGridComponent_div_1_kendo_grid_column_4_ng_template_2_Template, 1, 2, "ng-template", 11)(3, JoinGridComponent_div_1_kendo_grid_column_4_3_Template, 1, 0, null, 6);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r6 = ctx.$implicit;
-    const i_r7 = ctx.index;
-    i0.ɵɵpropertyInterpolate("field", item_r6.field);
-    i0.ɵɵpropertyInterpolate("title", item_r6.title);
-    i0.ɵɵproperty("width", item_r6.width)("headerStyle", i0.ɵɵpureFunction0(6, _c0));
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", i_r7 === 0);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", i_r7 === 0);
-} }
-function JoinGridComponent_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 3)(1, "kendo-grid", 4, 5);
-    i0.ɵɵtemplate(3, JoinGridComponent_div_1_3_Template, 1, 0, null, 6)(4, JoinGridComponent_div_1_kendo_grid_column_4_Template, 4, 7, "kendo-grid-column", 7);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("resizable", true)("data", ctx_r1.viewData)("rowHeight", 36)("loading", ctx_r1.showloader)("height", ctx_r1.gridHeight)("sortable", true)("resizable", true)("reorderable", true)("selectable", true);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r1.EditMode);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r1.visibleColumns);
-} }
-export class JoinGridComponent {
-    constructor() {
-        this.RowsEntity = '';
-        this.ColumnsEntity = '';
-        this.JoinEntity = '';
-        this.JoinRowForeignKey = '';
-        this.JoinColumunForeignKey = '';
-        this.RowsFilter = '';
-        this.ColumnsFilter = '';
-        this.EditMode = false;
-        this.showloader = false;
-        this.viewData = [];
-        this.visibleColumns = [];
-        this.ShowError = false;
-        this.ErrorMessage = '';
-        this.gridHeight = 750;
-        this.resizeSub = null;
-        this._gridMargin = 150;
-    }
-    ngOnInit() {
-        if (!this.RowsEntity || !this.ColumnsEntity || !this.JoinEntity || !this.JoinRowForeignKey || !this.JoinColumunForeignKey) {
-            this.ShowError = true;
-            this.ErrorMessage = 'Missing required parameters';
-        }
-        else {
-            this.LoadData();
-        }
-    }
-    ngAfterViewInit() {
-        this.setGridHeight();
-    }
-    LoadData() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const rv = new RunView();
-            this.showloader = true;
-            const promises = [];
-            promises.push(rv.RunView({ EntityName: this.RowsEntity, ExtraFilter: this.RowsFilter }));
-            promises.push(rv.RunView({ EntityName: this.ColumnsEntity, ExtraFilter: this.ColumnsFilter }));
-            const responses = yield Promise.all(promises);
-            if (responses[0].Success && responses[1].Success) {
-                this.getJoinData(responses[0].Results, responses[1].Results);
-            }
-            else {
-                this.ShowError = true;
-                this.ErrorMessage = responses[0].ErrorMessage || responses[1].ErrorMessage;
-            }
-        });
-    }
-    getJoinData(rows, columns) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const rv = new RunView();
-            // getting the relations between rows and columns
-            const res = yield rv.RunView({ EntityName: this.JoinEntity, ExtraFilter: `${this.JoinRowForeignKey} IN (${rows.map(obj => obj.ID).join(',')}) AND ${this.JoinColumunForeignKey} IN (${columns.map(obj => obj.ID).join(',')})` });
-            if (res.Success) {
-                this.prepareGridData(rows, columns, res.Results);
-            }
-            else {
-                this.showloader = false;
-                this.ShowError = true;
-                this.ErrorMessage = res.ErrorMessage;
-            }
-        });
-    }
-    prepareGridData(rows, columns, joinEntities) {
-        const gridData = [];
-        this.visibleColumns = [{ field: 'first', title: '', width: 80 }];
-        columns.forEach(column => {
-            this.visibleColumns.push({ field: column.Name, title: column.Name, width: 80 });
-        });
-        rows.forEach(row => {
-            let rowData = {
-                first: row.Name
-            };
-            columns.forEach(column => {
-                const join = joinEntities.find(j => j[this.JoinColumunForeignKey] === column.ID && j[this.JoinRowForeignKey] === row.ID);
-                if (join) {
-                    rowData = Object.assign(Object.assign({}, rowData), { [column.Name]: true, [this.JoinColumunForeignKey]: join[this.JoinColumunForeignKey], [this.JoinRowForeignKey]: join[this.JoinRowForeignKey], [this.JoinEntity]: join[this.JoinEntity] });
-                }
-                else {
-                    rowData[column.Name] = false;
-                }
-            });
-            gridData.push(rowData);
-        });
-        this.showloader = false;
-        this.viewData = gridData;
-    }
-    setGridHeight() {
-        // Subscribe to the window resize event
-        this.resizeSub = fromEvent(window, 'resize').pipe(debounceTime(100) // Debounce the resize event to avoid frequent updates
-        ).subscribe(() => {
-            // Update the grid height when the window is resized
-            this.ResizeGrid();
-        });
-        // Set the initial grid height with a slight delay to allow stuff to get set
-        setTimeout(() => {
-            this.ResizeGrid();
-        }, 100);
-    }
-    ResizeGrid() {
-        // this._gridMargin = this.getGridTopPosition();
-        this.gridHeight = window.innerHeight - this._gridMargin;
-    }
-}
-JoinGridComponent.ɵfac = function JoinGridComponent_Factory(t) { return new (t || JoinGridComponent)(); };
-JoinGridComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: JoinGridComponent, selectors: [["app-join-grid"]], inputs: { RowsEntity: "RowsEntity", ColumnsEntity: "ColumnsEntity", JoinEntity: "JoinEntity", JoinRowForeignKey: "JoinRowForeignKey", JoinColumunForeignKey: "JoinColumunForeignKey", RowsFilter: "RowsFilter", ColumnsFilter: "ColumnsFilter", EditMode: "EditMode" }, decls: 2, vars: 2, consts: [["class", "card-container", 4, "ngIf"], ["class", "user-view-grid-wrap", 4, "ngIf"], [1, "card-container"], [1, "user-view-grid-wrap"], ["scrollable", "virtual", 3, "resizable", "data", "rowHeight", "loading", "height", "sortable", "reorderable", "selectable"], ["kendoGrid", ""], [4, "ngIf"], [3, "field", "title", "width", "headerStyle", 4, "ngFor", "ngForOf"], ["kendoGridToolbarTemplate", ""], ["kendoButton", ""], [3, "field", "title", "width", "headerStyle"], ["kendoGridCellTemplate", ""], ["type", "checkbox", 3, "checked", "disabled"], ["kendoGridFooterTemplate", ""]], template: function JoinGridComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, JoinGridComponent_div_0_Template, 2, 1, "div", 0)(1, JoinGridComponent_div_1_Template, 5, 11, "div", 1);
-    } if (rf & 2) {
-        i0.ɵɵproperty("ngIf", ctx.ShowError);
-        i0.ɵɵadvance();
-        i0.ɵɵproperty("ngIf", !ctx.ShowError);
-    } }, dependencies: [i1.NgForOf, i1.NgIf, i2.GridComponent, i2.ToolbarTemplateDirective, i2.ColumnComponent, i2.FooterTemplateDirective, i2.CellTemplateDirective, i3.ButtonComponent] });
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(JoinGridComponent, [{
-        type: Component,
-        args: [{ selector: 'app-join-grid', template: "<div class=\"card-container\" *ngIf=\"ShowError\">\n    {{ErrorMessage}}\n</div>\n<div class=\"user-view-grid-wrap\" *ngIf=\"!ShowError\">\n    <kendo-grid \n        #kendoGrid \n        [resizable]=\"true\" \n        [data]=\"viewData\" \n        scrollable=\"virtual\" \n        [rowHeight]=\"36\"\n        [loading]=\"showloader\"\n        [height]=\"gridHeight\"\n        [sortable]=\"true\"\n        [resizable]=\"true\"\n        [reorderable]=\"true\"\n        [selectable]=\"true\">\n\n        <ng-template kendoGridToolbarTemplate *ngIf=\"EditMode\">\n            <button kendoButton>Save</button>\n        </ng-template>\n\n        <kendo-grid-column *ngFor=\"let item of visibleColumns; let i = index\" field=\"{{item.field}}\"\n            title=\"{{item.title}}\" [width]=\"item.width\"\n            [headerStyle]=\"{ 'font-weight' : 'bold', 'background-color': '#a9c2af' }\">\n            <ng-template *ngIf=\"i === 0\" kendoGridCellTemplate let-dataItem>\n                {{dataItem[item.field]}}\n            </ng-template>\n            <ng-template kendoGridCellTemplate let-dataItem>\n                <input type=\"checkbox\" [checked]=\"dataItem[item.field]\" [disabled]=\"!EditMode\" />\n            </ng-template>\n            <ng-template *ngIf=\"i === 0\" kendoGridFooterTemplate>\n                {{this.viewData.length}} records\n            </ng-template>\n        </kendo-grid-column>\n\n    </kendo-grid>\n</div>" }]
-    }], () => [], { RowsEntity: [{
-            type: Input
-        }], ColumnsEntity: [{
-            type: Input
-        }], JoinEntity: [{
-            type: Input
-        }], JoinRowForeignKey: [{
-            type: Input
-        }], JoinColumunForeignKey: [{
-            type: Input
-        }], RowsFilter: [{
-            type: Input
-        }], ColumnsFilter: [{
-            type: Input
-        }], EditMode: [{
-            type: Input
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(JoinGridComponent, { className: "JoinGridComponent" }); })();