@memberjunction/ng-explorer-core 0.9.79 → 0.9.96

package/dist/lib/generic/base-form-component.js

@@ -1,436 +1,436 @@
-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 { Directive, ViewChildren, ViewChild } from '@angular/core';
-import { Subject, debounceTime, fromEvent } from 'rxjs';
-import { EntityInfo, EntityPermissionType, Metadata, LogError } from '@memberjunction/core';
-import { UserViewGridComponent } from '@memberjunction/ng-user-view-grid';
-import { BaseRecordComponent } from './base-record-component';
-import { TabStripComponent } from '@progress/kendo-angular-layout';
-import * as i0 from "@angular/core";
-import * as i1 from "../../shared/shared.service";
-import * as i2 from "@angular/router";
-export class BaseFormComponent extends BaseRecordComponent {
-    constructor(elementRef, sharedService, router, route) {
-        super();
-        this.elementRef = elementRef;
-        this.sharedService = sharedService;
-        this.router = router;
-        this.route = route;
-        this.activeTabIndex = 0;
-        this.selectedTab = 0;
-        this.EditMode = false;
-        this.BottomMargin = 53;
-        this.TabHeight = '500px';
-        this.GridBottomMargin = 100;
-        this.FavoriteInitDone = false;
-        this.isHistoryDialogOpen = false;
-        this.splitterLayoutChangeSubject = new Subject();
-        this._pendingRecords = [];
-        this._updatingBrowserUrl = false;
-        this.resizeSub = null;
-        this._isFavorite = false;
-        this._tabIndexes = [];
-        this._tabMargin = 10;
-        this.setupSplitterLayoutDebounce();
-    }
-    ngOnInit() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.record) {
-                const md = new Metadata();
-                this._isFavorite = yield md.GetRecordFavoriteStatus(md.CurrentUser.ID, this.record.EntityInfo.Name, this.record.PrimaryKeys.map(pk => { return { FieldName: pk.Name, Value: pk.Value }; }));
-                this.FavoriteInitDone = true;
-            }
-        });
-    }
-    ngAfterViewInit() {
-        this.setTabHeight();
-        this.route.queryParams.subscribe(params => {
-            if (!this._updatingBrowserUrl) {
-                // only do this if WE didn't invoke the browser URL update
-                const tabName = params['tab'];
-                if (tabName && tabName.length > 0) {
-                    // Select the proper tab based on the tabName
-                    const tabIndex = this.GetTabIndex(tabName);
-                    if (tabIndex >= 0) {
-                        // found the tab index, if we don't find it, do nothing
-                        this.activeTabIndex = tabIndex;
-                        this.tabComponent.selectTab(tabIndex);
-                        // now resize after a pause to allow the UI to settle
-                        setTimeout(() => {
-                            this.sharedService.InvokeManualResize();
-                        }, 100);
-                    }
-                }
-            }
-        });
-    }
-    ngOnDestroy() {
-        if (this.resizeSub) {
-            this.resizeSub.unsubscribe();
-        }
-    }
-    get PendingRecords() {
-        return this._pendingRecords;
-    }
-    onTabSelect(e) {
-        this.activeTabIndex = e.index;
-        this.sharedService.InvokeManualResize();
-        // now that we've updated our state and re-sized, also update the browser URL to add the tab name as a query parameter to the URL
-        const tabName = this._tabIndexes[this.activeTabIndex];
-        this._updatingBrowserUrl = true;
-        this.router.navigate([], { queryParams: { tab: tabName }, queryParamsHandling: 'merge' });
-        this._updatingBrowserUrl = true;
-    }
-    StartEditMode() {
-        this.EditMode = true;
-    }
-    handleHistoryDialog() {
-        this.isHistoryDialogOpen = !this.isHistoryDialogOpen;
-    }
-    RemoveFavorite() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return this.SetFavoriteStatus(false);
-        });
-    }
-    MakeFavorite() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return this.SetFavoriteStatus(true);
-        });
-    }
-    SetFavoriteStatus(isFavorite) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const md = new Metadata();
-            yield md.SetRecordFavoriteStatus(md.CurrentUser.ID, this.record.EntityInfo.Name, this.record.PrimaryKeys.map(pk => { return { FieldName: pk.Name, Value: pk.Value }; }), isFavorite);
-            this._isFavorite = isFavorite;
-        });
-    }
-    get IsFavorite() {
-        return this._isFavorite;
-    }
-    CheckUserPermission(type) {
-        try {
-            if (this.record)
-                return this.record.CheckPermissions(type, false);
-            else
-                return false;
-        }
-        catch (e) {
-            LogError(e);
-            return false;
-        }
-    }
-    get UserCanEdit() {
-        return this.CheckUserPermission(EntityPermissionType.Update);
-    }
-    get UserCanRead() {
-        return this.CheckUserPermission(EntityPermissionType.Read);
-    }
-    get UserCanCreate() {
-        return this.CheckUserPermission(EntityPermissionType.Create);
-    }
-    get UserCanDelete() {
-        return this.CheckUserPermission(EntityPermissionType.Delete);
-    }
-    GridEditMode() {
-        return this.EditMode ? "Queue" : "None";
-    }
-    GetTabIndex(tabName) {
-        return this._tabIndexes.indexOf(tabName);
-    }
-    RegisterTabs(tabs) {
-        // copy the array, clear existing array and copy all elements
-        this._tabIndexes.splice(0, this._tabIndexes.length);
-        for (let i = 0; i < tabs.length; i++)
-            this.RegisterTab(tabs[i]);
-    }
-    RegisterTab(tabName) {
-        const currentIndex = this._tabIndexes.indexOf(tabName);
-        if (currentIndex === -1) {
-            this._tabIndexes.push(tabName);
-            return this._tabIndexes.length - 1;
-        }
-        else
-            return currentIndex;
-    }
-    IsCurrentTab(tabName) {
-        if (this._tabIndexes.length === 0 || this._tabIndexes.indexOf(tabName) === -1)
-            return false;
-        else
-            return this.activeTabIndex === this.GetTabIndex(tabName);
-    }
-    RegisterAndCheckIfCurrentTab(tabName) {
-        this.RegisterTab(tabName);
-        return this.IsCurrentTab(tabName);
-    }
-    BuildRelationshipViewParams(item) {
-        return EntityInfo.BuildRelationshipViewParams(this.record, item); // new helper method in EntityInfo
-    }
-    BuildRelationshipViewParamsByEntityName(relatedEntityName) {
-        if (this.record) {
-            const eri = this.record.EntityInfo.RelatedEntities.find(x => x.RelatedEntity === relatedEntityName);
-            if (eri)
-                return this.BuildRelationshipViewParams(eri);
-        }
-        return {};
-    }
-    GetRelatedEntityTabDisplayName(relatedEntityName) {
-        if (this.record) {
-            const eri = this.record.EntityInfo.RelatedEntities.find(x => x.RelatedEntity === relatedEntityName);
-            if (eri)
-                return eri.DisplayName;
-        }
-        return relatedEntityName;
-    }
-    ValidatePendingRecords() {
-        const results = [];
-        for (let i = 0; i < this._pendingRecords.length; i++) {
-            const pendingRecord = this._pendingRecords[i];
-            results.push(pendingRecord.Validate());
-        }
-        return results;
-    }
-    Validate() {
-        const valResults = this.record.Validate();
-        const pendingValResults = this.ValidatePendingRecords();
-        for (let i = 0; i < pendingValResults.length; i++) {
-            const pendingValResult = pendingValResults[i];
-            if (!pendingValResult.Success) {
-                valResults.Success = false;
-                valResults.Errors.push(...pendingValResult.Errors);
-            }
-        }
-        return valResults;
-    }
-    SaveRecord(StopEditModeAfterSave) {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                if (this.record) {
-                    yield this.PopulatePendingRecords(); // do this before we validate as we must validate pending records too
-                    const valResults = this.Validate();
-                    if (valResults.Success) {
-                        const result = yield this.InternalSaveRecord();
-                        if (result) {
-                            // we have saved the record, so clear the pending records
-                            this._pendingRecords = [];
-                            if (StopEditModeAfterSave)
-                                this.EditMode = false;
-                            this.sharedService.CreateSimpleNotification('Record saved succesfully', 'success', 2500);
-                            return true;
-                        }
-                        else
-                            this.sharedService.CreateSimpleNotification('Error saving record', 'error', 5000);
-                    }
-                    else {
-                        this.sharedService.CreateSimpleNotification('Validation Errors\n' + valResults.Errors.map(x => x.Message).join('\n'), 'warning', 10000);
-                    }
-                }
-                return false; // if we get here, we have failed/validation error/etc
-            }
-            catch (e) {
-                this.sharedService.CreateSimpleNotification('Error saving record: ' + e, 'error', 5000);
-                return false;
-            }
-        });
-    }
-    Wait(duration) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise(resolve => setTimeout(resolve, duration));
-        });
-    }
-    CancelEdit() {
-        if (this.record) {
-            const r = this.record;
-            if (r.Dirty || this.PendingRecordsDirty()) {
-                // ask the user to make sure they want to throw out changes
-                if (!confirm('Are you sure you want to cancel your changes?')) {
-                    return;
-                }
-                r.Revert();
-                const pendingRecords = this.PendingRecords;
-                if (pendingRecords && pendingRecords.length > 0) {
-                    // we have pending records, so we need to revert them as well
-                    pendingRecords.forEach(p => {
-                        p.Revert();
-                    });
-                }
-                if (this.userViewGridComponents && this.userViewGridComponents.length > 0) {
-                    // we have grids, so we need to revert them as well
-                    this.userViewGridComponents.forEach(grid => {
-                        grid.RevertPendingChanges();
-                    });
-                }
-            }
-            // if we get here we are good to go
-            this.EditMode = false;
-        }
-    }
-    PendingRecordsDirty() {
-        this.PopulatePendingRecords();
-        const pendingRecords = this.PendingRecords;
-        if (pendingRecords && pendingRecords.length > 0) {
-            for (let i = 0; i < pendingRecords.length; i++) {
-                if (pendingRecords[i].Dirty)
-                    return true;
-            }
-        }
-        return false;
-    }
-    PopulatePendingRecords() {
-        return __awaiter(this, void 0, void 0, function* () {
-            // this method is called by the parent class at the right time to populate all of the pending records for a transaction
-            // all we do is talk to all of our grids and get their pending records and xfer them over to the PendingRecords array
-            // the parent class will then take care of the rest...
-            this._pendingRecords = []; // wipe out our array first
-            const grids = this.userViewGridComponents;
-            if (grids && grids.length > 0) {
-                for (let i = 0; i < grids.length; i++) {
-                    const grid = grids.get(i);
-                    if (grid) {
-                        yield grid.EditingComplete(); // need to check this and wait for it to make sure grid editing is done before we try to save
-                        grid.PendingRecords.forEach(p => {
-                            // populate our pending grids array from the composite of all the grids
-                            this.PendingRecords.push(p.record);
-                        });
-                    }
-                }
-            }
-        });
-    }
-    InternalSaveRecord() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.record) {
-                // save the record, but first create a transaction group if we have any other stuf to submit
-                yield this.PopulatePendingRecords();
-                if (this._pendingRecords.length > 0) {
-                    // we need to create a transaction group
-                    const md = new Metadata();
-                    const tg = yield md.CreateTransactionGroup();
-                    this.record.TransactionGroup = tg;
-                    this.record.Save(); // DO NOT USE await - trans group.submit() is where we await
-                    // now add to the rest of the pending records
-                    for (let i = 0; i < this._pendingRecords.length; i++) {
-                        const x = this._pendingRecords[i];
-                        x.TransactionGroup = tg;
-                        x.Save(); // DO NOT USE await - trans group.submit() is where we await
-                    }
-                    // finally submit the TG
-                    return yield tg.Submit();
-                }
-                else
-                    return yield this.record.Save();
-            }
-            else
-                return false;
-        });
-    }
-    GetTabTopPosition() {
-        if (this.elementRef && this.elementRef.nativeElement) {
-            const tabs = this.elementRef.nativeElement.getElementsByClassName('k-tabstrip');
-            if (tabs && tabs.length > 0) {
-                const tabElement = tabs[0];
-                const tabRect = tabElement.getBoundingClientRect();
-                const bodyRect = document.body.getBoundingClientRect();
-                return tabRect.top - bodyRect.top;
-            }
-        }
-        return 0;
-    }
-    setTabHeight() {
-        // 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.ResizeTab();
-        });
-        // Set the initial grid height with a slight delay to allow stuff to get set
-        setTimeout(() => {
-            this.ResizeTab();
-        }, 100);
-    }
-    get ContainerObjectHeight() {
-        return window.innerHeight; // default, can be overriden by subclasses
-    }
-    ResizeTab() {
-        this._tabMargin = this.GetTabTopPosition();
-        const height = this.ContainerObjectHeight - this._tabMargin - this.BottomMargin;
-        this.TabHeight = height.toString() + 'px';
-        this.GridBottomMargin = 40;
-    }
-    setupSplitterLayoutDebounce() {
-        this.splitterLayoutChangeSubject.pipe(debounceTime(300)).subscribe(() => {
-            this.setTabHeight(); // set the height of the tab first
-            // then wait through the timeout so the tab height change actually takes effect in the DOM - that's why we have the timeout
-            setTimeout(() => {
-                this.sharedService.InvokeManualResize();
-            }, 100);
-        });
-    }
-    splitterLayoutChange() {
-        this.splitterLayoutChangeSubject.next();
-    }
-    ResizeGrids() {
-        // do with a little timeout to let the visible grid show up and the DOM settle
-        setTimeout(() => {
-            if (this.userViewGridComponents && this.userViewGridComponents.length > 0) {
-                this.userViewGridComponents.forEach(grid => {
-                    //grid.ResizeGrid(); // automatic now via mjFillContainer
-                });
-            }
-        }, 10);
-    }
-    ShowDependencies() {
-        return __awaiter(this, void 0, void 0, function* () {
-            // for now dump to console
-            const md = new Metadata();
-            const dep = yield md.GetRecordDependencies(this.record.EntityInfo.Name, this.record.PrimaryKey.Value);
-            console.log('Dependencies for: ' + this.record.EntityInfo.Name + ' ' + this.record.PrimaryKey.Value);
-            console.log(dep);
-            // if (confirm('Do you want to merge records test?') == true) {
-            //   const mergeResult = await md.MergeRecords({
-            //     EntityName: this.record.EntityInfo.Name,
-            //     SurvivingRecordID: this.record.PrimaryKey.Value,
-            //     RecordsToMerge: [4],
-            //   })
-            //   console.log(mergeResult);
-            // }
-        });
-    }
-    get EntityInfo() {
-        try {
-            const r = this.record;
-            if (r)
-                return r.EntityInfo;
-            else
-                return undefined;
-        }
-        catch (e) {
-            LogError(e);
-            return undefined;
-        }
-    }
-}
-BaseFormComponent.ɵfac = function BaseFormComponent_Factory(t) { return new (t || BaseFormComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i2.ActivatedRoute)); };
-BaseFormComponent.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BaseFormComponent, viewQuery: function BaseFormComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(TabStripComponent, 5);
-        i0.ɵɵviewQuery(UserViewGridComponent, 5);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabComponent = _t.first);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.userViewGridComponents = _t);
-    } }, features: [i0.ɵɵInheritDefinitionFeature] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseFormComponent, [{
-        type: Directive
-    }], function () { return [{ type: i0.ElementRef }, { type: i1.SharedService }, { type: i2.Router }, { type: i2.ActivatedRoute }]; }, { tabComponent: [{
-            type: ViewChild,
-            args: [TabStripComponent, { static: false }]
-        }], userViewGridComponents: [{
-            type: ViewChildren,
-            args: [UserViewGridComponent]
-        }] }); })();
+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 { Directive, ViewChildren, ViewChild } from '@angular/core';
+import { Subject, debounceTime, fromEvent } from 'rxjs';
+import { EntityInfo, EntityPermissionType, Metadata, LogError } from '@memberjunction/core';
+import { UserViewGridComponent } from '@memberjunction/ng-user-view-grid';
+import { BaseRecordComponent } from './base-record-component';
+import { TabStripComponent } from '@progress/kendo-angular-layout';
+import * as i0 from "@angular/core";
+import * as i1 from "../../shared/shared.service";
+import * as i2 from "@angular/router";
+export class BaseFormComponent extends BaseRecordComponent {
+    constructor(elementRef, sharedService, router, route) {
+        super();
+        this.elementRef = elementRef;
+        this.sharedService = sharedService;
+        this.router = router;
+        this.route = route;
+        this.activeTabIndex = 0;
+        this.selectedTab = 0;
+        this.EditMode = false;
+        this.BottomMargin = 53;
+        this.TabHeight = '500px';
+        this.GridBottomMargin = 100;
+        this.FavoriteInitDone = false;
+        this.isHistoryDialogOpen = false;
+        this.splitterLayoutChangeSubject = new Subject();
+        this._pendingRecords = [];
+        this._updatingBrowserUrl = false;
+        this.resizeSub = null;
+        this._isFavorite = false;
+        this._tabIndexes = [];
+        this._tabMargin = 10;
+        this.setupSplitterLayoutDebounce();
+    }
+    ngOnInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.record) {
+                const md = new Metadata();
+                this._isFavorite = yield md.GetRecordFavoriteStatus(md.CurrentUser.ID, this.record.EntityInfo.Name, this.record.PrimaryKeys.map(pk => { return { FieldName: pk.Name, Value: pk.Value }; }));
+                this.FavoriteInitDone = true;
+            }
+        });
+    }
+    ngAfterViewInit() {
+        this.setTabHeight();
+        this.route.queryParams.subscribe(params => {
+            if (!this._updatingBrowserUrl) {
+                // only do this if WE didn't invoke the browser URL update
+                const tabName = params['tab'];
+                if (tabName && tabName.length > 0) {
+                    // Select the proper tab based on the tabName
+                    const tabIndex = this.GetTabIndex(tabName);
+                    if (tabIndex >= 0) {
+                        // found the tab index, if we don't find it, do nothing
+                        this.activeTabIndex = tabIndex;
+                        this.tabComponent.selectTab(tabIndex);
+                        // now resize after a pause to allow the UI to settle
+                        setTimeout(() => {
+                            this.sharedService.InvokeManualResize();
+                        }, 100);
+                    }
+                }
+            }
+        });
+    }
+    ngOnDestroy() {
+        if (this.resizeSub) {
+            this.resizeSub.unsubscribe();
+        }
+    }
+    get PendingRecords() {
+        return this._pendingRecords;
+    }
+    onTabSelect(e) {
+        this.activeTabIndex = e.index;
+        this.sharedService.InvokeManualResize();
+        // now that we've updated our state and re-sized, also update the browser URL to add the tab name as a query parameter to the URL
+        const tabName = this._tabIndexes[this.activeTabIndex];
+        this._updatingBrowserUrl = true;
+        this.router.navigate([], { queryParams: { tab: tabName }, queryParamsHandling: 'merge' });
+        this._updatingBrowserUrl = true;
+    }
+    StartEditMode() {
+        this.EditMode = true;
+    }
+    handleHistoryDialog() {
+        this.isHistoryDialogOpen = !this.isHistoryDialogOpen;
+    }
+    RemoveFavorite() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.SetFavoriteStatus(false);
+        });
+    }
+    MakeFavorite() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.SetFavoriteStatus(true);
+        });
+    }
+    SetFavoriteStatus(isFavorite) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const md = new Metadata();
+            yield md.SetRecordFavoriteStatus(md.CurrentUser.ID, this.record.EntityInfo.Name, this.record.PrimaryKeys.map(pk => { return { FieldName: pk.Name, Value: pk.Value }; }), isFavorite);
+            this._isFavorite = isFavorite;
+        });
+    }
+    get IsFavorite() {
+        return this._isFavorite;
+    }
+    CheckUserPermission(type) {
+        try {
+            if (this.record)
+                return this.record.CheckPermissions(type, false);
+            else
+                return false;
+        }
+        catch (e) {
+            LogError(e);
+            return false;
+        }
+    }
+    get UserCanEdit() {
+        return this.CheckUserPermission(EntityPermissionType.Update);
+    }
+    get UserCanRead() {
+        return this.CheckUserPermission(EntityPermissionType.Read);
+    }
+    get UserCanCreate() {
+        return this.CheckUserPermission(EntityPermissionType.Create);
+    }
+    get UserCanDelete() {
+        return this.CheckUserPermission(EntityPermissionType.Delete);
+    }
+    GridEditMode() {
+        return this.EditMode ? "Queue" : "None";
+    }
+    GetTabIndex(tabName) {
+        return this._tabIndexes.indexOf(tabName);
+    }
+    RegisterTabs(tabs) {
+        // copy the array, clear existing array and copy all elements
+        this._tabIndexes.splice(0, this._tabIndexes.length);
+        for (let i = 0; i < tabs.length; i++)
+            this.RegisterTab(tabs[i]);
+    }
+    RegisterTab(tabName) {
+        const currentIndex = this._tabIndexes.indexOf(tabName);
+        if (currentIndex === -1) {
+            this._tabIndexes.push(tabName);
+            return this._tabIndexes.length - 1;
+        }
+        else
+            return currentIndex;
+    }
+    IsCurrentTab(tabName) {
+        if (this._tabIndexes.length === 0 || this._tabIndexes.indexOf(tabName) === -1)
+            return false;
+        else
+            return this.activeTabIndex === this.GetTabIndex(tabName);
+    }
+    RegisterAndCheckIfCurrentTab(tabName) {
+        this.RegisterTab(tabName);
+        return this.IsCurrentTab(tabName);
+    }
+    BuildRelationshipViewParams(item) {
+        return EntityInfo.BuildRelationshipViewParams(this.record, item); // new helper method in EntityInfo
+    }
+    BuildRelationshipViewParamsByEntityName(relatedEntityName) {
+        if (this.record) {
+            const eri = this.record.EntityInfo.RelatedEntities.find(x => x.RelatedEntity === relatedEntityName);
+            if (eri)
+                return this.BuildRelationshipViewParams(eri);
+        }
+        return {};
+    }
+    GetRelatedEntityTabDisplayName(relatedEntityName) {
+        if (this.record) {
+            const eri = this.record.EntityInfo.RelatedEntities.find(x => x.RelatedEntity === relatedEntityName);
+            if (eri)
+                return eri.DisplayName;
+        }
+        return relatedEntityName;
+    }
+    ValidatePendingRecords() {
+        const results = [];
+        for (let i = 0; i < this._pendingRecords.length; i++) {
+            const pendingRecord = this._pendingRecords[i];
+            results.push(pendingRecord.Validate());
+        }
+        return results;
+    }
+    Validate() {
+        const valResults = this.record.Validate();
+        const pendingValResults = this.ValidatePendingRecords();
+        for (let i = 0; i < pendingValResults.length; i++) {
+            const pendingValResult = pendingValResults[i];
+            if (!pendingValResult.Success) {
+                valResults.Success = false;
+                valResults.Errors.push(...pendingValResult.Errors);
+            }
+        }
+        return valResults;
+    }
+    SaveRecord(StopEditModeAfterSave) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                if (this.record) {
+                    yield this.PopulatePendingRecords(); // do this before we validate as we must validate pending records too
+                    const valResults = this.Validate();
+                    if (valResults.Success) {
+                        const result = yield this.InternalSaveRecord();
+                        if (result) {
+                            // we have saved the record, so clear the pending records
+                            this._pendingRecords = [];
+                            if (StopEditModeAfterSave)
+                                this.EditMode = false;
+                            this.sharedService.CreateSimpleNotification('Record saved succesfully', 'success', 2500);
+                            return true;
+                        }
+                        else
+                            this.sharedService.CreateSimpleNotification('Error saving record', 'error', 5000);
+                    }
+                    else {
+                        this.sharedService.CreateSimpleNotification('Validation Errors\n' + valResults.Errors.map(x => x.Message).join('\n'), 'warning', 10000);
+                    }
+                }
+                return false; // if we get here, we have failed/validation error/etc
+            }
+            catch (e) {
+                this.sharedService.CreateSimpleNotification('Error saving record: ' + e, 'error', 5000);
+                return false;
+            }
+        });
+    }
+    Wait(duration) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise(resolve => setTimeout(resolve, duration));
+        });
+    }
+    CancelEdit() {
+        if (this.record) {
+            const r = this.record;
+            if (r.Dirty || this.PendingRecordsDirty()) {
+                // ask the user to make sure they want to throw out changes
+                if (!confirm('Are you sure you want to cancel your changes?')) {
+                    return;
+                }
+                r.Revert();
+                const pendingRecords = this.PendingRecords;
+                if (pendingRecords && pendingRecords.length > 0) {
+                    // we have pending records, so we need to revert them as well
+                    pendingRecords.forEach(p => {
+                        p.Revert();
+                    });
+                }
+                if (this.userViewGridComponents && this.userViewGridComponents.length > 0) {
+                    // we have grids, so we need to revert them as well
+                    this.userViewGridComponents.forEach(grid => {
+                        grid.RevertPendingChanges();
+                    });
+                }
+            }
+            // if we get here we are good to go
+            this.EditMode = false;
+        }
+    }
+    PendingRecordsDirty() {
+        this.PopulatePendingRecords();
+        const pendingRecords = this.PendingRecords;
+        if (pendingRecords && pendingRecords.length > 0) {
+            for (let i = 0; i < pendingRecords.length; i++) {
+                if (pendingRecords[i].Dirty)
+                    return true;
+            }
+        }
+        return false;
+    }
+    PopulatePendingRecords() {
+        return __awaiter(this, void 0, void 0, function* () {
+            // this method is called by the parent class at the right time to populate all of the pending records for a transaction
+            // all we do is talk to all of our grids and get their pending records and xfer them over to the PendingRecords array
+            // the parent class will then take care of the rest...
+            this._pendingRecords = []; // wipe out our array first
+            const grids = this.userViewGridComponents;
+            if (grids && grids.length > 0) {
+                for (let i = 0; i < grids.length; i++) {
+                    const grid = grids.get(i);
+                    if (grid) {
+                        yield grid.EditingComplete(); // need to check this and wait for it to make sure grid editing is done before we try to save
+                        grid.PendingRecords.forEach(p => {
+                            // populate our pending grids array from the composite of all the grids
+                            this.PendingRecords.push(p.record);
+                        });
+                    }
+                }
+            }
+        });
+    }
+    InternalSaveRecord() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.record) {
+                // save the record, but first create a transaction group if we have any other stuf to submit
+                yield this.PopulatePendingRecords();
+                if (this._pendingRecords.length > 0) {
+                    // we need to create a transaction group
+                    const md = new Metadata();
+                    const tg = yield md.CreateTransactionGroup();
+                    this.record.TransactionGroup = tg;
+                    this.record.Save(); // DO NOT USE await - trans group.submit() is where we await
+                    // now add to the rest of the pending records
+                    for (let i = 0; i < this._pendingRecords.length; i++) {
+                        const x = this._pendingRecords[i];
+                        x.TransactionGroup = tg;
+                        x.Save(); // DO NOT USE await - trans group.submit() is where we await
+                    }
+                    // finally submit the TG
+                    return yield tg.Submit();
+                }
+                else
+                    return yield this.record.Save();
+            }
+            else
+                return false;
+        });
+    }
+    GetTabTopPosition() {
+        if (this.elementRef && this.elementRef.nativeElement) {
+            const tabs = this.elementRef.nativeElement.getElementsByClassName('k-tabstrip');
+            if (tabs && tabs.length > 0) {
+                const tabElement = tabs[0];
+                const tabRect = tabElement.getBoundingClientRect();
+                const bodyRect = document.body.getBoundingClientRect();
+                return tabRect.top - bodyRect.top;
+            }
+        }
+        return 0;
+    }
+    setTabHeight() {
+        // 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.ResizeTab();
+        });
+        // Set the initial grid height with a slight delay to allow stuff to get set
+        setTimeout(() => {
+            this.ResizeTab();
+        }, 100);
+    }
+    get ContainerObjectHeight() {
+        return window.innerHeight; // default, can be overriden by subclasses
+    }
+    ResizeTab() {
+        this._tabMargin = this.GetTabTopPosition();
+        const height = this.ContainerObjectHeight - this._tabMargin - this.BottomMargin;
+        this.TabHeight = height.toString() + 'px';
+        this.GridBottomMargin = 40;
+    }
+    setupSplitterLayoutDebounce() {
+        this.splitterLayoutChangeSubject.pipe(debounceTime(300)).subscribe(() => {
+            this.setTabHeight(); // set the height of the tab first
+            // then wait through the timeout so the tab height change actually takes effect in the DOM - that's why we have the timeout
+            setTimeout(() => {
+                this.sharedService.InvokeManualResize();
+            }, 100);
+        });
+    }
+    splitterLayoutChange() {
+        this.splitterLayoutChangeSubject.next();
+    }
+    ResizeGrids() {
+        // do with a little timeout to let the visible grid show up and the DOM settle
+        setTimeout(() => {
+            if (this.userViewGridComponents && this.userViewGridComponents.length > 0) {
+                this.userViewGridComponents.forEach(grid => {
+                    //grid.ResizeGrid(); // automatic now via mjFillContainer
+                });
+            }
+        }, 10);
+    }
+    ShowDependencies() {
+        return __awaiter(this, void 0, void 0, function* () {
+            // for now dump to console
+            const md = new Metadata();
+            const dep = yield md.GetRecordDependencies(this.record.EntityInfo.Name, this.record.PrimaryKey.Value);
+            console.log('Dependencies for: ' + this.record.EntityInfo.Name + ' ' + this.record.PrimaryKey.Value);
+            console.log(dep);
+            // if (confirm('Do you want to merge records test?') == true) {
+            //   const mergeResult = await md.MergeRecords({
+            //     EntityName: this.record.EntityInfo.Name,
+            //     SurvivingRecordID: this.record.PrimaryKey.Value,
+            //     RecordsToMerge: [4],
+            //   })
+            //   console.log(mergeResult);
+            // }
+        });
+    }
+    get EntityInfo() {
+        try {
+            const r = this.record;
+            if (r)
+                return r.EntityInfo;
+            else
+                return undefined;
+        }
+        catch (e) {
+            LogError(e);
+            return undefined;
+        }
+    }
+}
+BaseFormComponent.ɵfac = function BaseFormComponent_Factory(t) { return new (t || BaseFormComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i2.ActivatedRoute)); };
+BaseFormComponent.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BaseFormComponent, viewQuery: function BaseFormComponent_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(TabStripComponent, 5);
+        i0.ɵɵviewQuery(UserViewGridComponent, 5);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabComponent = _t.first);
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.userViewGridComponents = _t);
+    } }, features: [i0.ɵɵInheritDefinitionFeature] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseFormComponent, [{
+        type: Directive
+    }], () => [{ type: i0.ElementRef }, { type: i1.SharedService }, { type: i2.Router }, { type: i2.ActivatedRoute }], { tabComponent: [{
+            type: ViewChild,
+            args: [TabStripComponent, { static: false }]
+        }], userViewGridComponents: [{
+            type: ViewChildren,
+            args: [UserViewGridComponent]
+        }] }); })();