@memberjunction/ng-explorer-core 2.48.0 → 2.50.0

package/dist/lib/navigation/navigation.component.js

@@ -1,12 +1,3 @@
-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, ElementRef, ViewChild, HostListener, HostBinding, Input } from '@angular/core';
 import { NavigationEnd, NavigationSkipped } from '@angular/router';
 import { DrawerComponent } from "@progress/kendo-angular-layout";
@@ -146,6 +137,41 @@ function NavigationComponent_div_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngStyle", ctx_r1.contextMenuStyle);
 } }
 export class NavigationComponent {
+    router;
+    route;
+    sharedService;
+    location;
+    renderer;
+    titleService;
+    cdr;
+    applicationName;
+    drawerItems = [{
+            text: 'Loading...',
+            icon: 'k-i-apps',
+        }];
+    mode = 'push';
+    mini = true;
+    viewsList = [];
+    selectedDrawerItem = null;
+    selectedApp = null;
+    selectedEntity = null;
+    selectedView = null;
+    loading = true;
+    loader = false;
+    tabs = [];
+    closedTabs = []; // should always be empty after using it
+    tabQueryParams = {};
+    workSpace = undefined;
+    workSpaceItems = [];
+    panelItems = [];
+    showExpansionPanel = false;
+    routeSub = null;
+    isMobileScreen = false;
+    resizeTimeout;
+    drawer;
+    mjTabStrip;
+    drawerWrapper;
+    container;
     onWindowResize() {
         clearTimeout(this.resizeTimeout);
         this.resizeTimeout = setTimeout(() => {
@@ -155,6 +181,8 @@ export class NavigationComponent {
     onClick() {
         this.contextMenuVisible = false;
     }
+    contextMenuStyle = {};
+    contextMenuVisible = false;
     // Inject the authentication service into your component through the constructor
     constructor(router, route, sharedService, location, renderer, titleService, cdr) {
         this.router = router;
@@ -164,38 +192,9 @@ export class NavigationComponent {
         this.renderer = renderer;
         this.titleService = titleService;
         this.cdr = cdr;
-        this.drawerItems = [{
-                text: 'Loading...',
-                icon: 'k-i-apps',
-            }];
-        this.mode = 'push';
-        this.mini = true;
-        this.viewsList = [];
-        this.selectedDrawerItem = null;
-        this.selectedApp = null;
-        this.selectedEntity = null;
-        this.selectedView = null;
-        this.loading = true;
-        this.loader = false;
-        this.tabs = [];
-        this.closedTabs = []; // should always be empty after using it
-        this.tabQueryParams = {};
-        this.workSpace = undefined;
-        this.workSpaceItems = [];
-        this.panelItems = [];
-        this.showExpansionPanel = false;
-        this.routeSub = null;
-        this.isMobileScreen = false;
-        this.contextMenuStyle = {};
-        this.contextMenuVisible = false;
-        this._contextMenuSelectedTabIndex = -1;
-        this._loggedIn = false;
-        this._earlyEvents = [];
-        this.gotFirstNav = false;
-        this._mostRecentURL = '';
-        this._mostRecentHomeURL = ''; // used only when we're on the home tab so we can remember the full URL for the HOME tab when we come back to it from another tab
         this.tabs = [];
     }
+    _contextMenuSelectedTabIndex = -1;
     handleTabContextMenu(event) {
         event.mouseEvent.preventDefault();
         this._contextMenuSelectedTabIndex = event.index;
@@ -207,55 +206,53 @@ export class NavigationComponent {
         };
         this.contextMenuVisible = true;
     }
-    handleContextMenuOption(option) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.closedTabs = [];
-            switch (option) {
-                case 1:
-                    // Close All
-                    this.closedTabs = this.closedTabs.concat(this.tabs);
-                    this.tabs = [];
-                    break;
-                case 2:
-                    // Close Others
-                    // the _contextMenuSelectedTabIndex is the index of the tab that was right-clicked on and it INCLUDES the home tab so we have to adjust it
-                    // keep just that item 
-                    if (this._contextMenuSelectedTabIndex > 0) {
-                        this.closedTabs = this.tabs.filter((tab, index) => index !== this._contextMenuSelectedTabIndex - 1);
-                        this.tabs = [this.tabs[this._contextMenuSelectedTabIndex - 1]];
-                    }
-                    break;
-                case 3:
-                    // Close Tabs to the Right
-                    const currentTabIndex = this._contextMenuSelectedTabIndex - 1; // because the HOME tab is not in the array so we have to offset by 1 here for our data structure
-                    this.closedTabs = this.tabs.slice(currentTabIndex + 1); // close everything to right
-                    this.tabs = this.tabs.slice(0, currentTabIndex + 1);
-                    break;
-                default:
-                    // Handle other options if needed
-                    break;
-            }
-            this.contextMenuVisible = false;
-            const md = new Metadata();
-            const transGroup = yield md.CreateTransactionGroup();
-            for (let i = 0; i < this.closedTabs.length; ++i) {
-                const tab = this.closedTabs[i];
-                yield this.removeWorkspaceItem(tab, transGroup);
-            }
-            transGroup.Submit(); // INTENTIONALLY NOT USING AWAIT here - let's let the database updates for workspace edits happen in the background, no need to wait
-            yield this.waitForDomUpdate(); // make sure the DOM is updated before we do anything else so that the tab control knows about the changes from our data structure changes ABOVE
-            if (this.activeTabIndex > this.tabs.length) // DO NOT add 1 here because in this case, the array boundary is the max for the tab control
-                this.activeTabIndex = this.tabs.length; // don't subtract 1 here because the activeTabIndex is relative to the full set of tabs and the this.tabs array doesn't include the HOME tab
-            else
-                this.activeTabIndex = this.activeTabIndex; // this is a hack to force the tab control to update the selected tab
-            if (this.activeTabIndex === 0) {
-                // in this situation we have the home tab showing, so we need to update the URL path based on what's selected in the drawer
-                let url = this.selectedDrawerItem ? this.selectedDrawerItem.path : '/home';
-                this.router.navigate([url]);
-                //this.location.go(url); // update the browser URL if needed  
-                this._mostRecentURL = url;
-            }
-        });
+    async handleContextMenuOption(option) {
+        this.closedTabs = [];
+        switch (option) {
+            case 1:
+                // Close All
+                this.closedTabs = this.closedTabs.concat(this.tabs);
+                this.tabs = [];
+                break;
+            case 2:
+                // Close Others
+                // the _contextMenuSelectedTabIndex is the index of the tab that was right-clicked on and it INCLUDES the home tab so we have to adjust it
+                // keep just that item 
+                if (this._contextMenuSelectedTabIndex > 0) {
+                    this.closedTabs = this.tabs.filter((tab, index) => index !== this._contextMenuSelectedTabIndex - 1);
+                    this.tabs = [this.tabs[this._contextMenuSelectedTabIndex - 1]];
+                }
+                break;
+            case 3:
+                // Close Tabs to the Right
+                const currentTabIndex = this._contextMenuSelectedTabIndex - 1; // because the HOME tab is not in the array so we have to offset by 1 here for our data structure
+                this.closedTabs = this.tabs.slice(currentTabIndex + 1); // close everything to right
+                this.tabs = this.tabs.slice(0, currentTabIndex + 1);
+                break;
+            default:
+                // Handle other options if needed
+                break;
+        }
+        this.contextMenuVisible = false;
+        const md = new Metadata();
+        const transGroup = await md.CreateTransactionGroup();
+        for (let i = 0; i < this.closedTabs.length; ++i) {
+            const tab = this.closedTabs[i];
+            await this.removeWorkspaceItem(tab, transGroup);
+        }
+        transGroup.Submit(); // INTENTIONALLY NOT USING AWAIT here - let's let the database updates for workspace edits happen in the background, no need to wait
+        await this.waitForDomUpdate(); // make sure the DOM is updated before we do anything else so that the tab control knows about the changes from our data structure changes ABOVE
+        if (this.activeTabIndex > this.tabs.length) // DO NOT add 1 here because in this case, the array boundary is the max for the tab control
+            this.activeTabIndex = this.tabs.length; // don't subtract 1 here because the activeTabIndex is relative to the full set of tabs and the this.tabs array doesn't include the HOME tab
+        else
+            this.activeTabIndex = this.activeTabIndex; // this is a hack to force the tab control to update the selected tab
+        if (this.activeTabIndex === 0) {
+            // in this situation we have the home tab showing, so we need to update the URL path based on what's selected in the drawer
+            let url = this.selectedDrawerItem ? this.selectedDrawerItem.path : '/home';
+            this.router.navigate([url]);
+            //this.location.go(url); // update the browser URL if needed  
+            this._mostRecentURL = url;
+        }
     }
     checkViewportSize() {
         this.isMobileScreen = window.innerWidth <= 840;
@@ -271,68 +268,69 @@ export class NavigationComponent {
             this.tabQueryParams['tab_' + this.activeTabIndex] = params;
         });
     }
-    handleEvent(event, args) {
-        return __awaiter(this, void 0, void 0, function* () {
-            // event handler
-            switch (event.event) {
-                case MJEventType.LoggedIn:
-                    yield this.loadApp();
-                    yield this.loadWorkspace();
-                    this._loggedIn = true;
-                    // check for early events and replay them now that we're logged in
-                    for (let i = 0; i < this._earlyEvents.length; ++i) {
-                        const e = this._earlyEvents[i];
-                        this.handleEvent(e.event, e.args); // recursve call to handle the event
-                    }
-                    this._earlyEvents.length = 0; // clear the array
-                    // resize everything after a short delay
-                    setTimeout(() => {
-                        this.sharedService.InvokeManualResize();
-                    }, 100);
-                    this.checkForBaseURL();
-                    break;
-                case MJEventType.ComponentEvent:
-                    if (!this._loggedIn) {
-                        // we're not logged in yet, so queue up the event to be handled later
-                        this._earlyEvents.push({ event, args });
-                    }
-                    else {
-                        // we're logged in so go ahead and handle normally
-                        switch (event.eventCode) {
-                            case EventCodes.ViewNotifications:
-                                this.setActiveTabToHome();
-                                break;
-                            case EventCodes.ViewCreated:
-                            case EventCodes.AddDashboard:
-                            case EventCodes.AddReport:
-                            case EventCodes.AddQuery:
-                            case EventCodes.EntityRecordClicked:
-                            case EventCodes.ViewClicked:
-                            case EventCodes.ViewClicked:
-                            case EventCodes.RunSearch:
-                            case EventCodes.ListCreated:
-                            case EventCodes.ListClicked:
-                                // another component requested that we add something to our tab structure
-                                this.AddOrSelectTab(event.args);
-                                break;
-                            case EventCodes.CloseCurrentTab:
-                                if (this.mjTabStrip && this.activeTabIndex > 0) {
-                                    this.mjTabStrip.CloseTab(this.activeTabIndex);
-                                }
-                                else {
-                                    LogError("no active tab to close or tabstrip not available");
-                                }
-                                break;
-                            default:
-                                break;
-                        }
+    _loggedIn = false;
+    _earlyEvents = [];
+    async handleEvent(event, args) {
+        // event handler
+        switch (event.event) {
+            case MJEventType.LoggedIn:
+                await this.loadApp();
+                await this.loadWorkspace();
+                this._loggedIn = true;
+                // check for early events and replay them now that we're logged in
+                for (let i = 0; i < this._earlyEvents.length; ++i) {
+                    const e = this._earlyEvents[i];
+                    this.handleEvent(e.event, e.args); // recursve call to handle the event
+                }
+                this._earlyEvents.length = 0; // clear the array
+                // resize everything after a short delay
+                setTimeout(() => {
+                    this.sharedService.InvokeManualResize();
+                }, 100);
+                this.checkForBaseURL();
+                break;
+            case MJEventType.ComponentEvent:
+                if (!this._loggedIn) {
+                    // we're not logged in yet, so queue up the event to be handled later
+                    this._earlyEvents.push({ event, args });
+                }
+                else {
+                    // we're logged in so go ahead and handle normally
+                    switch (event.eventCode) {
+                        case EventCodes.ViewNotifications:
+                            this.setActiveTabToHome();
+                            break;
+                        case EventCodes.ViewCreated:
+                        case EventCodes.AddDashboard:
+                        case EventCodes.AddReport:
+                        case EventCodes.AddQuery:
+                        case EventCodes.EntityRecordClicked:
+                        case EventCodes.ViewClicked:
+                        case EventCodes.ViewClicked:
+                        case EventCodes.RunSearch:
+                        case EventCodes.ListCreated:
+                        case EventCodes.ListClicked:
+                            // another component requested that we add something to our tab structure
+                            this.AddOrSelectTab(event.args);
+                            break;
+                        case EventCodes.CloseCurrentTab:
+                            if (this.mjTabStrip && this.activeTabIndex > 0) {
+                                this.mjTabStrip.CloseTab(this.activeTabIndex);
+                            }
+                            else {
+                                LogError("no active tab to close or tabstrip not available");
+                            }
+                            break;
+                        default:
+                            break;
                     }
-                    break;
-                default:
-                    break;
-            }
-        });
+                }
+                break;
+            default:
+                break;
+        }
     }
+    gotFirstNav = false;
     ngOnInit() {
         this.checkViewportSize();
         // Subscribe to route changes
@@ -365,48 +363,48 @@ export class NavigationComponent {
             }
         });
     }
-    NavigateFromUrl() {
-        return __awaiter(this, void 0, void 0, function* () {
-            let url = this.router.url.trim().toLowerCase();
-            if (url === '/') {
-                this._mostRecentURL = '/home';
-                this.router.navigate(['/home']); // redirect to /home
+    _mostRecentURL = '';
+    _mostRecentHomeURL = ''; // used only when we're on the home tab so we can remember the full URL for the HOME tab when we come back to it from another tab
+    async NavigateFromUrl() {
+        let url = this.router.url.trim().toLowerCase();
+        if (url === '/') {
+            this._mostRecentURL = '/home';
+            this.router.navigate(['/home']); // redirect to /home
+            this.gotFirstNav = true;
+        }
+        else {
+            this._mostRecentURL = this.router.url;
+            // see if this matches a drawer item or not
+            const item = this.drawerItems.find(i => url.toLowerCase().trim().startsWith(i.path?.toLowerCase().trim()));
+            if (item) {
+                this.selectDrawerItem(this.drawerItems.indexOf(item));
                 this.gotFirstNav = true;
             }
-            else {
-                this._mostRecentURL = this.router.url;
-                // see if this matches a drawer item or not
-                const item = this.drawerItems.find(i => { var _a; return url.toLowerCase().trim().startsWith((_a = i.path) === null || _a === void 0 ? void 0 : _a.toLowerCase().trim()); });
-                if (item) {
-                    this.selectDrawerItem(this.drawerItems.indexOf(item));
-                    this.gotFirstNav = true;
-                }
-            }
-            if (this.activeTabIndex > 0) {
-                // check to see if there are query params on the url and if so, stash em in the tabQueryParams array so we can restore the full set of query params later if we
-                // come back to this tab
-                const urlParts = this.router.url.split('?');
-                if (urlParts.length > 1) {
-                    // we have query params, so stash them
-                    const params = new URLSearchParams(urlParts[1]);
-                    const queryParams = {};
-                    for (const [key, value] of params.entries()) {
-                        queryParams[key] = value;
-                    }
-                    this.tabQueryParams['tab_' + this.activeTabIndex] = queryParams;
+        }
+        if (this.activeTabIndex > 0) {
+            // check to see if there are query params on the url and if so, stash em in the tabQueryParams array so we can restore the full set of query params later if we
+            // come back to this tab
+            const urlParts = this.router.url.split('?');
+            if (urlParts.length > 1) {
+                // we have query params, so stash them
+                const params = new URLSearchParams(urlParts[1]);
+                const queryParams = {};
+                for (const [key, value] of params.entries()) {
+                    queryParams[key] = value;
                 }
+                this.tabQueryParams['tab_' + this.activeTabIndex] = queryParams;
             }
-            if (url.toLowerCase().includes('/app') && this.activeTabIndex > 0) {
-                this.setActiveTabToHome();
-            }
-            // finally, if we are on the home tab, update the _mostRecentHomeURL property to the current URL
-            if (this.activeTabIndex === 0) {
-                // only update the most recent home URL if we have a url that starts with something that is in the drawer
-                // or /app
-                if (!url.startsWith('/home') && (url.startsWith("/app") || this.drawerItems.find((item) => url.startsWith(item.path))))
-                    this._mostRecentHomeURL = url;
-            }
-        });
+        }
+        if (url.toLowerCase().includes('/app') && this.activeTabIndex > 0) {
+            this.setActiveTabToHome();
+        }
+        // finally, if we are on the home tab, update the _mostRecentHomeURL property to the current URL
+        if (this.activeTabIndex === 0) {
+            // only update the most recent home URL if we have a url that starts with something that is in the drawer
+            // or /app
+            if (!url.startsWith('/home') && (url.startsWith("/app") || this.drawerItems.find((item) => url.startsWith(item.path))))
+                this._mostRecentHomeURL = url;
+        }
     }
     selectDrawerItem(index) {
         this.selectedDrawerItem = this.drawerItems[index];
@@ -477,87 +475,83 @@ export class NavigationComponent {
     /**
      * This method will load the user's workspace and all the workspace items that are part of the workspace from the database.
      */
-    loadWorkspace() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const md = new Metadata();
-            const rv = new RunView();
-            const workspaceParams = {
-                EntityName: "Workspaces",
-                ExtraFilter: `UserID='${md.CurrentUser.ID}'`,
-                OrderBy: "__mj_UpdatedAt DESC", // by default get the workspace that was most recently updated
-                ResultType: "entity_object" /*we want entity objects back so that we can modify them as needed*/
-            };
-            const workspaces = yield rv.RunView(workspaceParams);
-            if (workspaces.Success) {
-                if (workspaces.Results.length) {
-                    this.workSpace = workspaces.Results[0]; // by default get the first one, and since we are sorting by __mj_UpdatedAt DESC above, will be most recently modified one. Future feature for multi-workspace support we'll have to adjust this
-                }
-                else {
-                    // no matching record found, so create a new one
-                    this.workSpace = yield md.GetEntityObject('Workspaces');
-                    this.workSpace.NewRecord();
-                    this.workSpace.Name = `${md.CurrentUser.Name || md.CurrentUser.ID}'s Workspace`;
-                    this.workSpace.UserID = md.CurrentUser.ID;
-                    yield this.workSpace.Save();
-                }
-                if (!this.workSpace)
-                    throw new Error('Error loading workspace');
-                if (this.workSpace.IsSaved) {
-                    const workspaceItemParams = {
-                        EntityName: "Workspace Items",
-                        ExtraFilter: `WorkspaceID='${this.workSpace.ID}'`,
-                        OrderBy: "Sequence ASC", // get them in order
-                        ResultType: "entity_object" /*we want entity objects back so that we can modify them as needed*/
-                    };
-                    const workspaceItems = yield rv.RunView(workspaceItemParams);
-                    if (workspaceItems.Success) {
-                        this.workSpaceItems = workspaceItems.Results;
-                        yield this.LoadWorkspaceItems();
-                    }
-                }
+    async loadWorkspace() {
+        const md = new Metadata();
+        const rv = new RunView();
+        const workspaceParams = {
+            EntityName: "Workspaces",
+            ExtraFilter: `UserID='${md.CurrentUser.ID}'`,
+            OrderBy: "__mj_UpdatedAt DESC", // by default get the workspace that was most recently updated
+            ResultType: "entity_object" /*we want entity objects back so that we can modify them as needed*/
+        };
+        const workspaces = await rv.RunView(workspaceParams);
+        if (workspaces.Success) {
+            if (workspaces.Results.length) {
+                this.workSpace = workspaces.Results[0]; // by default get the first one, and since we are sorting by __mj_UpdatedAt DESC above, will be most recently modified one. Future feature for multi-workspace support we'll have to adjust this
             }
-            else
+            else {
+                // no matching record found, so create a new one
+                this.workSpace = await md.GetEntityObject('Workspaces');
+                this.workSpace.NewRecord();
+                this.workSpace.Name = `${md.CurrentUser.Name || md.CurrentUser.ID}'s Workspace`;
+                this.workSpace.UserID = md.CurrentUser.ID;
+                await this.workSpace.Save();
+            }
+            if (!this.workSpace)
                 throw new Error('Error loading workspace');
-        });
+            if (this.workSpace.IsSaved) {
+                const workspaceItemParams = {
+                    EntityName: "Workspace Items",
+                    ExtraFilter: `WorkspaceID='${this.workSpace.ID}'`,
+                    OrderBy: "Sequence ASC", // get them in order
+                    ResultType: "entity_object" /*we want entity objects back so that we can modify them as needed*/
+                };
+                const workspaceItems = await rv.RunView(workspaceItemParams);
+                if (workspaceItems.Success) {
+                    this.workSpaceItems = workspaceItems.Results;
+                    await this.LoadWorkspaceItems();
+                }
+            }
+        }
+        else
+            throw new Error('Error loading workspace');
     }
     /**
      * This method will load all the workspace items that are part of the workspace currently set in the workSpace member variable
      */
-    LoadWorkspaceItems() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const md = new Metadata();
-            this.tabs = []; // first clear out the tabs - this is often already the state but in case this is a full refresh, make sure we do this.
-            for (let item of this.workSpaceItems) {
-                const itemData = item.Configuration ? JSON.parse(item.Configuration) : {};
-                const resourceData = new ResourceData({
-                    ID: item.ID,
-                    Name: item.Name,
-                    ResourceTypeID: item.ResourceTypeID,
-                    ResourceRecordID: item.ResourceRecordID,
-                    Configuration: itemData,
-                });
-                const newTab = {
-                    id: item.ID,
-                    labelLoading: true,
-                    contentLoading: false,
-                    data: resourceData,
-                    workspaceItem: item, // provide the entity object here so we can modify it later if needed
-                    icon: resourceData.ResourceIcon
-                };
-                // now add to data structure
-                yield this.internalAddTab(newTab);
-                setTimeout(() => __awaiter(this, void 0, void 0, function* () {
-                    // non-blocking, load the resource names dynamically as this requires additional DB lookups
-                    newTab.label = yield this.GetWorkspaceItemDisplayName(resourceData);
-                    const resourceDynamicIcon = yield this.GetWorkspaceItemIconClass(resourceData);
-                    newTab.icon = resourceDynamicIcon ? resourceDynamicIcon : newTab.icon;
-                    newTab.labelLoading = false;
-                    if (newTab === this.tabs[this.activeTabIndex - 1]) // subtract one since the activeTabIndex is relative to the full set of tabs and the this.tabs array doesn't include the HOME tab
-                        this.setAppTitle(newTab.label);
-                }), 10);
-            }
-            this.mjTabStrip.SelectedTabIndex = 0;
-        });
+    async LoadWorkspaceItems() {
+        const md = new Metadata();
+        this.tabs = []; // first clear out the tabs - this is often already the state but in case this is a full refresh, make sure we do this.
+        for (let item of this.workSpaceItems) {
+            const itemData = item.Configuration ? JSON.parse(item.Configuration) : {};
+            const resourceData = new ResourceData({
+                ID: item.ID,
+                Name: item.Name,
+                ResourceTypeID: item.ResourceTypeID,
+                ResourceRecordID: item.ResourceRecordID,
+                Configuration: itemData,
+            });
+            const newTab = {
+                id: item.ID,
+                labelLoading: true,
+                contentLoading: false,
+                data: resourceData,
+                workspaceItem: item, // provide the entity object here so we can modify it later if needed
+                icon: resourceData.ResourceIcon
+            };
+            // now add to data structure
+            await this.internalAddTab(newTab);
+            setTimeout(async () => {
+                // non-blocking, load the resource names dynamically as this requires additional DB lookups
+                newTab.label = await this.GetWorkspaceItemDisplayName(resourceData);
+                const resourceDynamicIcon = await this.GetWorkspaceItemIconClass(resourceData);
+                newTab.icon = resourceDynamicIcon ? resourceDynamicIcon : newTab.icon;
+                newTab.labelLoading = false;
+                if (newTab === this.tabs[this.activeTabIndex - 1]) // subtract one since the activeTabIndex is relative to the full set of tabs and the this.tabs array doesn't include the HOME tab
+                    this.setAppTitle(newTab.label);
+            }, 10);
+        }
+        this.mjTabStrip.SelectedTabIndex = 0;
     }
     setAppTitle(title = '') {
         if (title === '')
@@ -621,68 +615,64 @@ export class NavigationComponent {
      * This utility method is used to either Add a tab if a matching tab for the given data parameter isn't found, or to select the existing tab if it already exists.
      * @param data
      */
-    AddOrSelectTab(data) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const t = this.tabs;
-            this.loader = true;
-            const existingTab = this.findExistingTab(data);
-            if (existingTab) {
-                // merge the data that we are provided with in terms of its raw query params with the existing tab
-                // override existing values in the data.Configuration.___rawQueryParams from keys in the data.Configuration.___rawQueryParams
-                existingTab.data.Configuration.___rawQueryParams = Object.assign(Object.assign({}, existingTab.data.Configuration.___rawQueryParams), data.Configuration.___rawQueryParams);
-                const index = this.tabs.indexOf(existingTab);
-                // next, before we set the active tab, we need to merge the query params that we have for this tab with the query params that we have for the tab that we're about to select
-                // when the app first loads there won't be any query params for the tabs, but as we navigate around and the tabs get selected, we'll cache the query params for each tab
-                const tqp = this.tabQueryParams['tab_' + (index + 1)];
-                if (tqp)
-                    this.tabQueryParams['tab_' + (index + 1)] = Object.assign(Object.assign({}, tqp), existingTab.data.Configuration.___rawQueryParams);
-                else
-                    this.tabQueryParams['tab_' + (index + 1)] = existingTab.data.Configuration.___rawQueryParams;
-                // add one because the HOME tab is not in the tabs array but it IS part of our tab structure
-                this.activeTabIndex = index + 1;
-                this.scrollIntoView();
-                if (existingTab.label)
-                    this.setAppTitle(existingTab.label);
-                else
-                    this.setAppTitle();
+    async AddOrSelectTab(data) {
+        const t = this.tabs;
+        this.loader = true;
+        const existingTab = this.findExistingTab(data);
+        if (existingTab) {
+            // merge the data that we are provided with in terms of its raw query params with the existing tab
+            // override existing values in the data.Configuration.___rawQueryParams from keys in the data.Configuration.___rawQueryParams
+            existingTab.data.Configuration.___rawQueryParams = { ...existingTab.data.Configuration.___rawQueryParams, ...data.Configuration.___rawQueryParams };
+            const index = this.tabs.indexOf(existingTab);
+            // next, before we set the active tab, we need to merge the query params that we have for this tab with the query params that we have for the tab that we're about to select
+            // when the app first loads there won't be any query params for the tabs, but as we navigate around and the tabs get selected, we'll cache the query params for each tab
+            const tqp = this.tabQueryParams['tab_' + (index + 1)];
+            if (tqp)
+                this.tabQueryParams['tab_' + (index + 1)] = { ...tqp, ...existingTab.data.Configuration.___rawQueryParams };
+            else
+                this.tabQueryParams['tab_' + (index + 1)] = existingTab.data.Configuration.___rawQueryParams;
+            // add one because the HOME tab is not in the tabs array but it IS part of our tab structure
+            this.activeTabIndex = index + 1;
+            this.scrollIntoView();
+            if (existingTab.label)
+                this.setAppTitle(existingTab.label);
+            else
+                this.setAppTitle();
+            this.loader = false;
+        }
+        else {
+            const newTab = {
+                id: "", // initially blank but will be changed to the WorkspaceItem ID once we save it
+                data: data,
+                labelLoading: true,
+                contentLoading: false,
+                workspaceItem: null,
+                icon: data.ResourceIcon,
+            };
+            // save it before we push to the tabs colleciton because we want the WorkspaceItem ID to be populated in the tab.id before we initialize the new tab by adding it to the this.tabs array
+            await this.SaveSingleWorkspaceItem(newTab);
+            // now add to data structure
+            await this.internalAddTab(newTab);
+            // select the new tab
+            this.activeTabIndex = this.tabs.length; // this is intentionally past array boundary because ActiveTabIndex includes the Home tab that is not part of the tabs array
+            this.sharedService.InvokeManualResize();
+            this.scrollIntoView();
+            setTimeout(async () => {
+                // non-blocking this way
+                newTab.label = await this.GetWorkspaceItemDisplayName(data); // do this after we fire up the loading so that we don't block anything
+                const resourceDynamicIcon = await this.GetWorkspaceItemIconClass(data);
+                newTab.icon = resourceDynamicIcon ? resourceDynamicIcon : newTab.icon;
+                this.setAppTitle(newTab.label);
+                newTab.labelLoading = false;
                 this.loader = false;
-            }
-            else {
-                const newTab = {
-                    id: "", // initially blank but will be changed to the WorkspaceItem ID once we save it
-                    data: data,
-                    labelLoading: true,
-                    contentLoading: false,
-                    workspaceItem: null,
-                    icon: data.ResourceIcon,
-                };
-                // save it before we push to the tabs colleciton because we want the WorkspaceItem ID to be populated in the tab.id before we initialize the new tab by adding it to the this.tabs array
-                yield this.SaveSingleWorkspaceItem(newTab);
-                // now add to data structure
-                yield this.internalAddTab(newTab);
-                // select the new tab
-                this.activeTabIndex = this.tabs.length; // this is intentionally past array boundary because ActiveTabIndex includes the Home tab that is not part of the tabs array
-                this.sharedService.InvokeManualResize();
-                this.scrollIntoView();
-                setTimeout(() => __awaiter(this, void 0, void 0, function* () {
-                    // non-blocking this way
-                    newTab.label = yield this.GetWorkspaceItemDisplayName(data); // do this after we fire up the loading so that we don't block anything
-                    const resourceDynamicIcon = yield this.GetWorkspaceItemIconClass(data);
-                    newTab.icon = resourceDynamicIcon ? resourceDynamicIcon : newTab.icon;
-                    this.setAppTitle(newTab.label);
-                    newTab.labelLoading = false;
-                    this.loader = false;
-                }), 10);
-            }
-        });
+            }, 10);
+        }
     }
-    internalAddTab(newTab) {
-        return __awaiter(this, void 0, void 0, function* () {
-            // add the tab to the tabs collection
-            this.tabs.push(newTab);
-            // Manually trigger change detection and wait for DOM updates
-            yield this.waitForDomUpdate();
-        });
+    async internalAddTab(newTab) {
+        // add the tab to the tabs collection
+        this.tabs.push(newTab);
+        // Manually trigger change detection and wait for DOM updates
+        await this.waitForDomUpdate();
     }
     waitForDomUpdate() {
         return new Promise(resolve => {
@@ -692,16 +682,15 @@ export class NavigationComponent {
     }
     updateBrowserURL(tab, data) {
         // update the URL to reflect the current tab
-        var _a;
         // FIRST, construct the base URL based on the resource type
         const rt = this.sharedService.ResourceTypeByID(data.ResourceTypeID);
         let url = '/resource';
-        switch (rt === null || rt === void 0 ? void 0 : rt.Name.toLowerCase().trim()) {
+        switch (rt?.Name.toLowerCase().trim()) {
             case 'user views':
                 if (data.ResourceRecordID) {
                     url += `/view/${data.ResourceRecordID}`;
                 }
-                else if ((_a = data.Configuration) === null || _a === void 0 ? void 0 : _a.Entity) {
+                else if (data.Configuration?.Entity) {
                     // we don't have a view id. This can occur when we're referring to a dyanmic view where our data.Configuration.Entity is set and data.Configuration.ExtraFilter is set
                     // so we need to construct a URL that will load up the dynamic view
                     url += `/view/0?Entity=${data.Configuration.Entity}&ExtraFilter=${data.Configuration.ExtraFilter}`;
@@ -764,9 +753,9 @@ export class NavigationComponent {
                 delete this.tabQueryParams['tab_-1']; // remove it from the -1 key
                 const tqp = this.tabQueryParams['tab_' + tabIndex];
                 if (tqp)
-                    this.tabQueryParams['tab_' + tabIndex] = Object.assign(Object.assign({}, tqp), cachedQueryParams); // merge it with the existing key if it exists
+                    this.tabQueryParams['tab_' + tabIndex] = { ...tqp, ...cachedQueryParams }; // merge it with the existing key if it exists
                 else
-                    this.tabQueryParams['tab_' + tabIndex] = Object.assign({}, cachedQueryParams); // stuff it into the correct key
+                    this.tabQueryParams['tab_' + tabIndex] = { ...cachedQueryParams }; // stuff it into the correct key
             }
         }
         if (cachedQueryParams) {
@@ -793,118 +782,105 @@ export class NavigationComponent {
         if (this.mjTabStrip)
             this.mjTabStrip.scrollIntoView(this.activeTabIndex);
     }
-    GetWorkspaceItemDisplayName(data) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const resourceReg = MJGlobal.Instance.ClassFactory.GetRegistration(BaseResourceComponent, data.ResourceType);
-            if (resourceReg) {
-                const resource = new resourceReg.SubClass();
-                return yield resource.GetResourceDisplayName(data);
-            }
-            else {
-                return `Workspace Item ${data.ID}`;
-            }
-        });
+    async GetWorkspaceItemDisplayName(data) {
+        const resourceReg = MJGlobal.Instance.ClassFactory.GetRegistration(BaseResourceComponent, data.ResourceType);
+        if (resourceReg) {
+            const resource = new resourceReg.SubClass();
+            return await resource.GetResourceDisplayName(data);
+        }
+        else {
+            return `Workspace Item ${data.ID}`;
+        }
     }
-    GetWorkspaceItemIconClass(data) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const resourceReg = MJGlobal.Instance.ClassFactory.GetRegistration(BaseResourceComponent, data.ResourceType);
-            if (resourceReg) {
-                const resource = new resourceReg.SubClass();
-                return yield resource.GetResourceIconClass(data);
-            }
-            else {
-                return '';
-            }
-        });
+    async GetWorkspaceItemIconClass(data) {
+        const resourceReg = MJGlobal.Instance.ClassFactory.GetRegistration(BaseResourceComponent, data.ResourceType);
+        if (resourceReg) {
+            const resource = new resourceReg.SubClass();
+            return await resource.GetResourceIconClass(data);
+        }
+        else {
+            return '';
+        }
     }
     /**
      * Saves the workspace to the database.
      * @returns
      */
-    SaveWorkspace() {
-        return __awaiter(this, void 0, void 0, function* () {
-            let bSuccess = true;
-            for (let i = 0; i < this.tabs.length; ++i) {
-                const tab = this.tabs[i];
-                bSuccess = (yield this.SaveSingleWorkspaceItem(tab)) && bSuccess;
-            }
-            return bSuccess;
-        });
+    async SaveWorkspace() {
+        let bSuccess = true;
+        for (let i = 0; i < this.tabs.length; ++i) {
+            const tab = this.tabs[i];
+            bSuccess = await this.SaveSingleWorkspaceItem(tab) && bSuccess;
+        }
+        return bSuccess;
     }
-    HandleResourceRecordSaved(tab, resourceRecord) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const oldId = tab.data.ResourceRecordID;
-            tab.data.ResourceRecordID = resourceRecord.PrimaryKey.ToURLSegment();
-            // we need to update the label in case the "Name" of the record changed, or if it was new and no longer is new
-            tab.label = yield this.GetWorkspaceItemDisplayName(tab.data);
-            const resourceDynamicIcon = yield this.GetWorkspaceItemIconClass(tab.data);
-            tab.icon = resourceDynamicIcon ? resourceDynamicIcon : tab.icon;
-            // now check to see if the old id and the new ID are any different
-            // check for tab names that start with New as well...
-            // and if so we need to replace the state in the URL for Angular so that we don't have a New Record situation in the URL but have the actual ID now
-            //    if (oldId !== tab.data.ResourceRecordID || tab.label?.toLowerCase().trim().startsWith('new') ) {
-            this.updateBrowserURL(tab, tab.data);
-            //  }
-            return yield this.SaveSingleWorkspaceItem(tab);
-        });
+    async HandleResourceRecordSaved(tab, resourceRecord) {
+        const oldId = tab.data.ResourceRecordID;
+        tab.data.ResourceRecordID = resourceRecord.PrimaryKey.ToURLSegment();
+        // we need to update the label in case the "Name" of the record changed, or if it was new and no longer is new
+        tab.label = await this.GetWorkspaceItemDisplayName(tab.data);
+        const resourceDynamicIcon = await this.GetWorkspaceItemIconClass(tab.data);
+        tab.icon = resourceDynamicIcon ? resourceDynamicIcon : tab.icon;
+        // now check to see if the old id and the new ID are any different
+        // check for tab names that start with New as well...
+        // and if so we need to replace the state in the URL for Angular so that we don't have a New Record situation in the URL but have the actual ID now
+        //    if (oldId !== tab.data.ResourceRecordID || tab.label?.toLowerCase().trim().startsWith('new') ) {
+        this.updateBrowserURL(tab, tab.data);
+        //  }
+        return await this.SaveSingleWorkspaceItem(tab);
     }
     /**
      * Saves a single workspace item to the database.
      * @param tab
      * @returns
      */
-    SaveSingleWorkspaceItem(tab) {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            try {
-                if (!this.workSpace)
-                    throw new Error('No workspace loaded');
-                let index = this.tabs.indexOf(tab);
-                if (index < 0)
-                    index = this.tabs.length; // this situation occurs when the tab hasn't yet been added to the tabs collection so the index will be = the length of the tabs collection
-                const md = new Metadata();
-                let wsItem;
-                if (!tab.workspaceItem) {
-                    wsItem = yield md.GetEntityObject('Workspace Items');
-                    if (tab.data.ID && tab.data.ID.length > 0)
-                        yield wsItem.Load(tab.data.ID);
-                    else {
-                        wsItem.NewRecord();
-                        wsItem.Name = tab.data.Name ? tab.data.Name : tab.data.ResourceType + ' Record:' + tab.data.ResourceRecordID;
-                        wsItem.WorkspaceID = this.workSpace.ID;
-                        wsItem.ResourceTypeID = (_a = tab.data) === null || _a === void 0 ? void 0 : _a.ResourceTypeID;
-                    }
-                    tab.workspaceItem = wsItem;
-                }
+    async SaveSingleWorkspaceItem(tab) {
+        try {
+            if (!this.workSpace)
+                throw new Error('No workspace loaded');
+            let index = this.tabs.indexOf(tab);
+            if (index < 0)
+                index = this.tabs.length; // this situation occurs when the tab hasn't yet been added to the tabs collection so the index will be = the length of the tabs collection
+            const md = new Metadata();
+            let wsItem;
+            if (!tab.workspaceItem) {
+                wsItem = await md.GetEntityObject('Workspace Items');
+                if (tab.data.ID && tab.data.ID.length > 0)
+                    await wsItem.Load(tab.data.ID);
                 else {
-                    wsItem = tab.workspaceItem;
+                    wsItem.NewRecord();
+                    wsItem.Name = tab.data.Name ? tab.data.Name : tab.data.ResourceType + ' Record:' + tab.data.ResourceRecordID;
+                    wsItem.WorkspaceID = this.workSpace.ID;
+                    wsItem.ResourceTypeID = tab.data?.ResourceTypeID;
                 }
-                wsItem.ResourceRecordID = tab.data.ResourceRecordID.toString();
-                wsItem.Sequence = index;
-                wsItem.Configuration = JSON.stringify(tab.data.Configuration); // JSON.stringify({ Entity: tab.data.Entity });
-                const result = yield wsItem.Save();
-                tab.id = wsItem.ID;
-                return result;
+                tab.workspaceItem = wsItem;
             }
-            catch (err) {
-                LogError(err);
-                return false;
+            else {
+                wsItem = tab.workspaceItem;
             }
-        });
+            wsItem.ResourceRecordID = tab.data.ResourceRecordID.toString();
+            wsItem.Sequence = index;
+            wsItem.Configuration = JSON.stringify(tab.data.Configuration); // JSON.stringify({ Entity: tab.data.Entity });
+            const result = await wsItem.Save();
+            tab.id = wsItem.ID;
+            return result;
+        }
+        catch (err) {
+            LogError(err);
+            return false;
+        }
     }
     setTabContentLoadingStatus(tab, bLoading) {
         tab.contentLoading = bLoading;
         this.cdr.detectChanges(); // Manually trigger change detection
     }
-    handleTabClosed(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            // get our tab data structure item based on the index that we get in the event
-            if (event.index !== null && event.index >= 0 && event.index <= this.tabs.length) {
-                const tab = this.tabs[event.index - 1]; // subtract 1 because the event index includes the home tab and our data structure does not
-                yield this.closeTab(tab, event.newTabIndex);
-            }
-            event.done(); // let the tab control know that we're done handling the event
-        });
+    async handleTabClosed(event) {
+        // get our tab data structure item based on the index that we get in the event
+        if (event.index !== null && event.index >= 0 && event.index <= this.tabs.length) {
+            const tab = this.tabs[event.index - 1]; // subtract 1 because the event index includes the home tab and our data structure does not
+            await this.closeTab(tab, event.newTabIndex);
+        }
+        event.done(); // let the tab control know that we're done handling the event
     }
     handleTabSelected(event) {
         if (event.index !== null && event.index >= 0 && event.index <= this.tabs.length) {
@@ -916,65 +892,60 @@ export class NavigationComponent {
                 this.innerSelectTab(null); // home
         }
     }
-    closeTab(tab, newTabIndex) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const tabIndex = this.tabs.indexOf(tab);
-            if (tabIndex >= 0) {
-                // INTENTIONAL - do not use await here, we want to let the database updates happen in the background
-                this.removeWorkspaceItem(this.tabs[tabIndex], null /*no transaction group*/);
-                //await this.waitForDomUpdate(); // make sure dom is up to date
-                // now, check to see how many tabs we have left and if we have none, then we need to select the HOME tab
-                if (this.tabs.length > 0) {
-                    if (newTabIndex === 0) {
-                        // home tab
-                        this.innerSelectTab(null); // null param means home tab
-                    }
-                    else {
-                        // not home tab
-                        const tab = this.tabs[newTabIndex - 1]; // remove 1 because the newTabIndex includes the HOME tab and our data structure does not
-                        this.updateBrowserURL(tab, tab === null || tab === void 0 ? void 0 : tab.data);
-                    }
+    async closeTab(tab, newTabIndex) {
+        const tabIndex = this.tabs.indexOf(tab);
+        if (tabIndex >= 0) {
+            // INTENTIONAL - do not use await here, we want to let the database updates happen in the background
+            this.removeWorkspaceItem(this.tabs[tabIndex], null /*no transaction group*/);
+            //await this.waitForDomUpdate(); // make sure dom is up to date
+            // now, check to see how many tabs we have left and if we have none, then we need to select the HOME tab
+            if (this.tabs.length > 0) {
+                if (newTabIndex === 0) {
+                    // home tab
+                    this.innerSelectTab(null); // null param means home tab
                 }
                 else {
-                    this.innerSelectTab(null); // null param means home tab
+                    // not home tab
+                    const tab = this.tabs[newTabIndex - 1]; // remove 1 because the newTabIndex includes the HOME tab and our data structure does not
+                    this.updateBrowserURL(tab, tab?.data);
                 }
             }
-        });
-    }
-    removeWorkspaceItem(tab, transGroup) {
-        return __awaiter(this, void 0, void 0, function* () {
-            // remove the tab from the tabs collection
-            const index = this.tabs.indexOf(tab);
-            if (index >= 0)
-                this.tabs.splice(index, 1);
-            if (!tab.workspaceItem && tab.id && tab.id.length > 0) {
-                // we lazy load the workspaceItem entity objects, so we load it here so we can delete it below, but only when it wasn't already loaded
-                const md = new Metadata();
-                tab.workspaceItem = (yield md.GetEntityObject('Workspace Items'));
-                yield tab.workspaceItem.Load(tab.id);
+            else {
+                this.innerSelectTab(null); // null param means home tab
             }
-            if (tab.workspaceItem) {
-                const entity = tab.workspaceItem;
-                if (!transGroup) {
-                    if (!(yield entity.Delete())) {
-                        // error deleting the workspace item, alert the user
-                        this.sharedService.CreateSimpleNotification('Error deleting workspace item ' + tab.workspaceItem.Name + ' from the database. Please contact your system administrator.', 'error', 5000);
-                    }
-                }
-                else {
-                    entity.TransactionGroup = transGroup;
-                    yield entity.Delete();
+        }
+    }
+    async removeWorkspaceItem(tab, transGroup) {
+        // remove the tab from the tabs collection
+        const index = this.tabs.indexOf(tab);
+        if (index >= 0)
+            this.tabs.splice(index, 1);
+        if (!tab.workspaceItem && tab.id && tab.id.length > 0) {
+            // we lazy load the workspaceItem entity objects, so we load it here so we can delete it below, but only when it wasn't already loaded
+            const md = new Metadata();
+            tab.workspaceItem = await md.GetEntityObject('Workspace Items');
+            await tab.workspaceItem.Load(tab.id);
+        }
+        if (tab.workspaceItem) {
+            const entity = tab.workspaceItem;
+            if (!transGroup) {
+                if (!await entity.Delete()) {
+                    // error deleting the workspace item, alert the user
+                    this.sharedService.CreateSimpleNotification('Error deleting workspace item ' + tab.workspaceItem.Name + ' from the database. Please contact your system administrator.', 'error', 5000);
                 }
             }
-        });
+            else {
+                entity.TransactionGroup = transGroup;
+                await entity.Delete();
+            }
+        }
     }
     getActiveTabId() {
-        var _a;
         if (this.activeTabIndex === 0) {
             return null;
         }
         else // subtract 1 from the activeTabIndex if it is not the first tab since our data structure is for tabs 1 to n
-            return (_a = this.tabs[this.activeTabIndex - 1]) === null || _a === void 0 ? void 0 : _a.id;
+            return this.tabs[this.activeTabIndex - 1]?.id;
     }
     isTabActive(tabId) {
         return this.getActiveTabId() === tabId;
@@ -1027,150 +998,132 @@ export class NavigationComponent {
             }
         return appItem;
     }
-    loadApp() {
-        return __awaiter(this, void 0, void 0, function* () {
-            //setting the panelItems here because by this point
-            //the provider class is set within the MetaData class
-            //and the applications property is populated
-            const md = new Metadata();
-            const applications = md.Applications;
-            this.panelItems = applications.map((app) => {
-                let item = new TreeItem(app, ItemType.Application);
-                item.ChildItems = app.ApplicationEntities.map((entity) => {
-                    let childItem = new TreeItem(entity, ItemType.Entity);
-                    childItem.Name = entity.Entity;
-                    childItem.ChildItems.push(new TreeItem({ Name: 'Stub Node' }, ItemType.StubData));
-                    return childItem;
-                });
-                return item;
-            });
-            yield TemplateEngineBase.Instance.Config(false);
-            yield CommunicationEngineBase.Instance.Config(false);
-            yield EntityCommunicationsEngineClient.Instance.Config(false);
-            yield this.LoadDrawer();
-            this.setDrawerConfig();
-            window.addEventListener('resize', () => {
-                this.setDrawerConfig();
+    async loadApp() {
+        //setting the panelItems here because by this point
+        //the provider class is set within the MetaData class
+        //and the applications property is populated
+        const md = new Metadata();
+        const applications = md.Applications;
+        this.panelItems = applications.map((app) => {
+            let item = new TreeItem(app, ItemType.Application);
+            item.ChildItems = app.ApplicationEntities.map((entity) => {
+                let childItem = new TreeItem(entity, ItemType.Entity);
+                childItem.Name = entity.Entity;
+                childItem.ChildItems.push(new TreeItem({ Name: 'Stub Node' }, ItemType.StubData));
+                return childItem;
             });
+            return item;
         });
-    }
-    LoadDrawer() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const md = new Metadata();
-            //make sure SharedService_resourceTypes is populated first
-            yield SharedService.RefreshData(true);
-            this.drawerItems.length = 0; // clear the array
-            const items = md.VisibleExplorerNavigationItems.filter(item => item.ShowInNavigationDrawer);
-            items.forEach(item => {
-                const drawerItem = {
-                    id: item.ID,
-                    selected: false,
-                    text: item.Name,
-                    path: item.Route,
-                    icon: item.IconCSSClass
-                };
-                this.drawerItems.push(drawerItem);
-            });
-            this.loading = false;
+        await TemplateEngineBase.Instance.Config(false);
+        await CommunicationEngineBase.Instance.Config(false);
+        await EntityCommunicationsEngineClient.Instance.Config(false);
+        await this.LoadDrawer();
+        this.setDrawerConfig();
+        window.addEventListener('resize', () => {
+            this.setDrawerConfig();
         });
     }
-    loadSkip(md) {
-        return __awaiter(this, void 0, void 0, function* () {
+    async LoadDrawer() {
+        const md = new Metadata();
+        //make sure SharedService_resourceTypes is populated first
+        await SharedService.RefreshData(true);
+        this.drawerItems.length = 0; // clear the array
+        const items = md.VisibleExplorerNavigationItems.filter(item => item.ShowInNavigationDrawer);
+        items.forEach(item => {
             const drawerItem = {
-                id: 'AskSkip',
+                id: item.ID,
                 selected: false,
-                text: 'Ask Skip',
-                path: '/askskip',
-                icon: "fa-solid fa-robot"
+                text: item.Name,
+                path: item.Route,
+                icon: item.IconCSSClass
             };
             this.drawerItems.push(drawerItem);
         });
+        this.loading = false;
     }
-    loadHome(md) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const drawerItem = {
-                id: 'Home',
-                selected: true,
-                text: 'Home',
-                path: '/home',
-                icon: "fa-solid fa-house"
-            };
-            this.drawerItems.push(drawerItem);
-        });
+    async loadSkip(md) {
+        const drawerItem = {
+            id: 'AskSkip',
+            selected: false,
+            text: 'Ask Skip',
+            path: '/askskip',
+            icon: "fa-solid fa-robot"
+        };
+        this.drawerItems.push(drawerItem);
     }
-    loadSettings(md) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const drawerItem = {
-                id: 'Settings',
-                selected: false,
-                text: 'Settings',
-                path: '/settings',
-                icon: "fa-solid fa-gear"
-            };
-            this.drawerItems.push(drawerItem);
-        });
+    async loadHome(md) {
+        const drawerItem = {
+            id: 'Home',
+            selected: true,
+            text: 'Home',
+            path: '/home',
+            icon: "fa-solid fa-house"
+        };
+        this.drawerItems.push(drawerItem);
+    }
+    async loadSettings(md) {
+        const drawerItem = {
+            id: 'Settings',
+            selected: false,
+            text: 'Settings',
+            path: '/settings',
+            icon: "fa-solid fa-gear"
+        };
+        this.drawerItems.push(drawerItem);
+    }
+    async loadLists() {
+        const drawerItem = {
+            id: 'Lists',
+            selected: false,
+            text: 'Lists',
+            path: '/lists',
+            icon: "fa-solid fa-list"
+        };
+        this.drawerItems.push(drawerItem);
     }
-    loadLists() {
-        return __awaiter(this, void 0, void 0, function* () {
+    async loadFiles() {
+        const rv = new RunView();
+        const viewResults = await rv.RunView({
+            EntityName: 'File Storage Providers',
+            ExtraFilter: 'IsActive = 1',
+        });
+        const filesEnabled = viewResults.RowCount > 0;
+        if (filesEnabled) {
             const drawerItem = {
-                id: 'Lists',
+                id: 'Files',
                 selected: false,
-                text: 'Lists',
-                path: '/lists',
-                icon: "fa-solid fa-list"
+                text: 'Files',
+                path: '/files',
+                icon: "fa-regular fa-folder"
             };
             this.drawerItems.push(drawerItem);
-        });
+        }
     }
-    loadFiles() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const rv = new RunView();
-            const viewResults = yield rv.RunView({
-                EntityName: 'File Storage Providers',
-                ExtraFilter: 'IsActive = 1',
-            });
-            const filesEnabled = viewResults.RowCount > 0;
-            if (filesEnabled) {
-                const drawerItem = {
-                    id: 'Files',
-                    selected: false,
-                    text: 'Files',
-                    path: '/files',
-                    icon: "fa-regular fa-folder"
-                };
-                this.drawerItems.push(drawerItem);
-            }
-        });
+    async loadApplications(md) {
+        const drawerItem = {
+            id: 'Data',
+            selected: false,
+            text: 'Data',
+            path: '/data',
+            icon: "fa-solid fa-database"
+        };
+        this.drawerItems.push(drawerItem);
     }
-    loadApplications(md) {
-        return __awaiter(this, void 0, void 0, function* () {
+    async loadResourceType(key, resourceType, path, currentUserID) {
+        const rt = this.sharedService.ResourceTypeByName(resourceType);
+        if (rt) {
             const drawerItem = {
-                id: 'Data',
+                id: key,
                 selected: false,
-                text: 'Data',
-                path: '/data',
-                icon: "fa-solid fa-database"
+                text: resourceType,
+                path: path,
+                icon: rt.Icon ? rt.Icon : "fa-regular fa-file-alt"
             };
             this.drawerItems.push(drawerItem);
-        });
-    }
-    loadResourceType(key, resourceType, path, currentUserID) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const rt = this.sharedService.ResourceTypeByName(resourceType);
-            if (rt) {
-                const drawerItem = {
-                    id: key,
-                    selected: false,
-                    text: resourceType,
-                    path: path,
-                    icon: rt.Icon ? rt.Icon : "fa-regular fa-file-alt"
-                };
-                this.drawerItems.push(drawerItem);
-            }
-            else {
-                LogStatus("no resource type found for " + resourceType);
-            }
-        });
+        }
+        else {
+            LogStatus("no resource type found for " + resourceType);
+        }
     }
     setDrawerConfig() {
         const pageWidth = window.innerWidth;
@@ -1188,38 +1141,38 @@ export class NavigationComponent {
         this.mini = !this.mini;
         this.sharedService.InvokeManualResize();
     }
+    static ɵfac = function NavigationComponent_Factory(t) { return new (t || NavigationComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.SharedService), i0.ɵɵdirectiveInject(i3.Location), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i4.Title), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NavigationComponent, selectors: [["mj-navigation"]], viewQuery: function NavigationComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(DrawerComponent, 5);
+            i0.ɵɵviewQuery(_c0, 5);
+            i0.ɵɵviewQuery(_c1, 5);
+            i0.ɵɵviewQuery(_c2, 7, ElementRef);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.drawer = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.mjTabStrip = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.drawerWrapper = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
+        } }, hostVars: 2, hostBindings: function NavigationComponent_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("resize", function NavigationComponent_resize_HostBindingHandler() { return ctx.onWindowResize(); }, false, i0.ɵɵresolveWindow)("click", function NavigationComponent_click_HostBindingHandler() { return ctx.onClick(); }, false, i0.ɵɵresolveDocument);
+        } if (rf & 2) {
+            i0.ɵɵclassProp("mobile-screen", ctx.isMobileScreen);
+        } }, inputs: { applicationName: "applicationName" }, decls: 6, vars: 6, consts: [["drawerWrapper", ""], ["drawer", ""], ["mjTabstrip", ""], [1, "navigation-wrap", 3, "ngClass"], ["type", "converging-spinner", 4, "ngIf"], [4, "ngIf"], ["action", "route"], ["class", "context-menu", 3, "ngStyle", 4, "ngIf"], ["type", "converging-spinner"], [3, "select", "items", "mode", "mini", "animation", "autoCollapse"], ["kendoDrawerItemTemplate", ""], ["mjFillContainer", ""], ["mjFillContainer", "", 3, "TabClosed", "TabSelected", "TabContextMenu", "ResizeContainer"], [3, "TabCloseable"], [1, "drawer-item-icon"], ["class", "item-descr-wrap", 4, "ngIf"], [1, "item-descr-wrap"], [1, "item-descr"], [1, "fa-regular", "fa-clock", "tab-icon"], [3, "class"], ["mjFillContainer", "", 1, "tab-resource", 3, "ResourceRecordSaved", "ContentLoadingStarted", "ContentLoadingComplete", "Data", "isVisible"], [1, "context-menu", 3, "ngStyle"], [1, "context-menu-item", 3, "click"]], template: function NavigationComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 3, 0);
+            i0.ɵɵtemplate(2, NavigationComponent_kendo_loader_2_Template, 1, 0, "kendo-loader", 4)(3, NavigationComponent_kendo_drawer_container_3_Template, 15, 6, "kendo-drawer-container", 5);
+            i0.ɵɵelement(4, "mj-skip-button", 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(5, NavigationComponent_div_5_Template, 7, 1, "div", 7);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c3, ctx.loader));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.loading);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !ctx.loading);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.contextMenuVisible);
+        } }, dependencies: [i1.RouterOutlet, i3.NgClass, i3.NgIf, i3.NgStyle, i5.LoaderComponent, i6.FillContainer, i7.DrawerComponent, i7.DrawerContainerComponent, i7.DrawerContentComponent, i7.DrawerItemTemplateDirective, i8.SkipButtonComponent, i9.MJTabStripComponent, i9.MJTabBodyComponent, i9.MJTabComponent, i10.ResourceContainerComponent], styles: [".navigation-wrap[_ngcontent-%COMP%] {\n  height: calc(100vh - 80px);\n  width: 100%;\n  overflow:hidden\n}\n\n.nav-tab-title[_ngcontent-%COMP%] {\n  margin-left: 10px;\n}\n\n.drawer-item-icon[_ngcontent-%COMP%] {\n  width: 12px;\n  height: 12px;\n}\n\n.context-menu[_ngcontent-%COMP%] {\n  position: fixed;\n  z-index: 9999;\n  background-color: #ffffff;\n  border: 1px solid #ccc;\n  padding: 3px 3px;\n  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);\n}\n\n.tab-icon[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.context-menu-item[_ngcontent-%COMP%] {\n  padding: 8px 16px;\n  cursor: pointer;\n}\n\n.context-menu-item[_ngcontent-%COMP%]:hover {\n  background-color: #f1f1f1;\n}\n  .navigation-wrap .drawer-container {\n  background: var(--gray-color);\n}\n  .navigation-wrap .drawer-container .k-content {\n  padding: 25px;\n}\n  .navigation-wrap .drawer-container .k-tabstrip-items-wrapper {\n  background: var(--med-gray);\n  padding-left: 20px;\n}\n  .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item.k-active{\n  border: 1px solid var(--light-gray);\n  background: var(--light-gray);\n  border-radius: 8px 8px 0 0;\n  color: var(--blue-text);\n\n}\n  .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item:hover {\n  color: var(--blue-text);\n}\n\n  .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item {\n\n  background: var(--med-gray);\n  border-radius: 0;\n  border-right: 1px solid #909090;\n}\n\n.tab-resource[_ngcontent-%COMP%] {\n  display: block;\n}"] });
 }
-NavigationComponent.ɵfac = function NavigationComponent_Factory(t) { return new (t || NavigationComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.SharedService), i0.ɵɵdirectiveInject(i3.Location), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i4.Title), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-NavigationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NavigationComponent, selectors: [["mj-navigation"]], viewQuery: function NavigationComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(DrawerComponent, 5);
-        i0.ɵɵviewQuery(_c0, 5);
-        i0.ɵɵviewQuery(_c1, 5);
-        i0.ɵɵviewQuery(_c2, 7, ElementRef);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.drawer = _t.first);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.mjTabStrip = _t.first);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.drawerWrapper = _t.first);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
-    } }, hostVars: 2, hostBindings: function NavigationComponent_HostBindings(rf, ctx) { if (rf & 1) {
-        i0.ɵɵlistener("resize", function NavigationComponent_resize_HostBindingHandler() { return ctx.onWindowResize(); }, false, i0.ɵɵresolveWindow)("click", function NavigationComponent_click_HostBindingHandler() { return ctx.onClick(); }, false, i0.ɵɵresolveDocument);
-    } if (rf & 2) {
-        i0.ɵɵclassProp("mobile-screen", ctx.isMobileScreen);
-    } }, inputs: { applicationName: "applicationName" }, decls: 6, vars: 6, consts: [["drawerWrapper", ""], ["drawer", ""], ["mjTabstrip", ""], [1, "navigation-wrap", 3, "ngClass"], ["type", "converging-spinner", 4, "ngIf"], [4, "ngIf"], ["action", "route"], ["class", "context-menu", 3, "ngStyle", 4, "ngIf"], ["type", "converging-spinner"], [3, "select", "items", "mode", "mini", "animation", "autoCollapse"], ["kendoDrawerItemTemplate", ""], ["mjFillContainer", ""], ["mjFillContainer", "", 3, "TabClosed", "TabSelected", "TabContextMenu", "ResizeContainer"], [3, "TabCloseable"], [1, "drawer-item-icon"], ["class", "item-descr-wrap", 4, "ngIf"], [1, "item-descr-wrap"], [1, "item-descr"], [1, "fa-regular", "fa-clock", "tab-icon"], [3, "class"], ["mjFillContainer", "", 1, "tab-resource", 3, "ResourceRecordSaved", "ContentLoadingStarted", "ContentLoadingComplete", "Data", "isVisible"], [1, "context-menu", 3, "ngStyle"], [1, "context-menu-item", 3, "click"]], template: function NavigationComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 3, 0);
-        i0.ɵɵtemplate(2, NavigationComponent_kendo_loader_2_Template, 1, 0, "kendo-loader", 4)(3, NavigationComponent_kendo_drawer_container_3_Template, 15, 6, "kendo-drawer-container", 5);
-        i0.ɵɵelement(4, "mj-skip-button", 6);
-        i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(5, NavigationComponent_div_5_Template, 7, 1, "div", 7);
-    } if (rf & 2) {
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c3, ctx.loader));
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngIf", ctx.loading);
-        i0.ɵɵadvance();
-        i0.ɵɵproperty("ngIf", !ctx.loading);
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngIf", ctx.contextMenuVisible);
-    } }, dependencies: [i1.RouterOutlet, i3.NgClass, i3.NgIf, i3.NgStyle, i5.LoaderComponent, i6.FillContainer, i7.DrawerComponent, i7.DrawerContainerComponent, i7.DrawerContentComponent, i7.DrawerItemTemplateDirective, i8.SkipButtonComponent, i9.MJTabStripComponent, i9.MJTabBodyComponent, i9.MJTabComponent, i10.ResourceContainerComponent], styles: [".navigation-wrap[_ngcontent-%COMP%] {\n  height: calc(100vh - 80px);\n  width: 100%;\n  overflow:hidden\n}\n\n.nav-tab-title[_ngcontent-%COMP%] {\n  margin-left: 10px;\n}\n\n.drawer-item-icon[_ngcontent-%COMP%] {\n  width: 12px;\n  height: 12px;\n}\n\n.context-menu[_ngcontent-%COMP%] {\n  position: fixed;\n  z-index: 9999;\n  background-color: #ffffff;\n  border: 1px solid #ccc;\n  padding: 3px 3px;\n  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);\n}\n\n.tab-icon[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.context-menu-item[_ngcontent-%COMP%] {\n  padding: 8px 16px;\n  cursor: pointer;\n}\n\n.context-menu-item[_ngcontent-%COMP%]:hover {\n  background-color: #f1f1f1;\n}\n  .navigation-wrap .drawer-container {\n  background: var(--gray-color);\n}\n  .navigation-wrap .drawer-container .k-content {\n  padding: 25px;\n}\n  .navigation-wrap .drawer-container .k-tabstrip-items-wrapper {\n  background: var(--med-gray);\n  padding-left: 20px;\n}\n  .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item.k-active{\n  border: 1px solid var(--light-gray);\n  background: var(--light-gray);\n  border-radius: 8px 8px 0 0;\n  color: var(--blue-text);\n\n}\n  .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item:hover {\n  color: var(--blue-text);\n}\n\n  .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item {\n\n  background: var(--med-gray);\n  border-radius: 0;\n  border-right: 1px solid #909090;\n}\n\n.tab-resource[_ngcontent-%COMP%] {\n  display: block;\n}"] });
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigationComponent, [{
         type: Component,
         args: [{ selector: 'mj-navigation', template: "<div class=\"navigation-wrap\" [ngClass]=\"{'waiting': loader}\"  #drawerWrapper>\n  <kendo-loader *ngIf=\"loading\" type=\"converging-spinner\" ></kendo-loader>\n  <kendo-drawer-container *ngIf=\"!loading\" >\n    <kendo-drawer\n      #drawer\n      [items]=\"drawerItems\"\n      [mode]=\"mode\"\n      [mini]=\"mini\"\n      [animation]=\"false\"\n      (select)=\"onDrawerSelect($event)\"\n      [autoCollapse]=\"false\"\n    >\n      <ng-template kendoDrawerItemTemplate let-item>\n        <div class=\"drawer-item-icon\">\n          <span [class]=\"item.icon\"></span>\n        </div>\n        <div class=\"item-descr-wrap\" *ngIf=\"!mini\">\n          <div>{{ item.text }}</div>\n          <span class=\"item-descr\">{{ item.description }}</span>\n        </div>\n      </ng-template>    \n    </kendo-drawer>\n    <kendo-drawer-content mjFillContainer>\n\n      <mj-tabstrip #mjTabstrip mjFillContainer (TabClosed)=\"handleTabClosed($event)\" (TabSelected)=\"handleTabSelected($event)\" (TabContextMenu)=\"handleTabContextMenu($event)\" (ResizeContainer)=\"sharedService.InvokeManualResize()\">\n        <mj-tab [TabCloseable]=\"false\">\n          Home\n        </mj-tab>\n        <mj-tab-body>\n          <router-outlet></router-outlet>\n        </mj-tab-body>\n\n        @for(tab of tabs; track tab.id; let i = $index) {\n          <mj-tab [TabCloseable]=\"true\">\n            @if(tab?.contentLoading) {\n              <span class=\"fa-regular fa-clock tab-icon\"></span>\n            }\n            @else if (tab?.icon) {\n              <span [class]=\"tab.icon + ' tab-icon'\"></span>\n            }\n            {{ tab.labelLoading ? 'Loading...' : tab.label }}\n          </mj-tab>\n        }\n        @for(tab of tabs; track tab.id; let i = $index) {\n          <mj-tab-body>\n            <mj-resource [Data]=\"tab.data\" [isVisible]=\"activeTabIndex - 1 === i\"\n              (ResourceRecordSaved)=\"HandleResourceRecordSaved(tab, $event)\"\n              (ContentLoadingStarted)=\"setTabContentLoadingStatus(tab, true)\"\n              (ContentLoadingComplete)=\"setTabContentLoadingStatus(tab, false)\"\n              mjFillContainer\n              class=\"tab-resource\"\n            ></mj-resource>\n          </mj-tab-body>  \n        }\n      </mj-tabstrip>\n    </kendo-drawer-content>\n  </kendo-drawer-container>\n\n  \n  <mj-skip-button\n    action=\"route\"\n  ></mj-skip-button>\n  <!-- Skip Button shows up through the above line of code -->\n</div>\n\n<div class=\"context-menu\" [ngStyle]=\"contextMenuStyle\" *ngIf=\"contextMenuVisible\">\n  <div class=\"context-menu-item\" (click)=\"handleContextMenuOption(1)\">Close All</div>\n  <div class=\"context-menu-item\" (click)=\"handleContextMenuOption(2)\">Close Others</div>\n  <div class=\"context-menu-item\" (click)=\"handleContextMenuOption(3)\">Close Tabs to the Right</div>\n </div>\n", styles: [".navigation-wrap {\n  height: calc(100vh - 80px);\n  width: 100%;\n  overflow:hidden\n}\n\n.nav-tab-title {\n  margin-left: 10px;\n}\n\n.drawer-item-icon {\n  width: 12px;\n  height: 12px;\n}\n\n.context-menu {\n  position: fixed;\n  z-index: 9999;\n  background-color: #ffffff;\n  border: 1px solid #ccc;\n  padding: 3px 3px;\n  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);\n}\n\n.tab-icon {\n  margin-right: 5px;\n}\n\n.context-menu-item {\n  padding: 8px 16px;\n  cursor: pointer;\n}\n\n.context-menu-item:hover {\n  background-color: #f1f1f1;\n}\n::ng-deep .navigation-wrap .drawer-container {\n  background: var(--gray-color);\n}\n::ng-deep .navigation-wrap .drawer-container .k-content {\n  padding: 25px;\n}\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper {\n  background: var(--med-gray);\n  padding-left: 20px;\n}\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item.k-active{\n  border: 1px solid var(--light-gray);\n  background: var(--light-gray);\n  border-radius: 8px 8px 0 0;\n  color: var(--blue-text);\n\n}\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item:hover {\n  color: var(--blue-text);\n}\n\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item {\n\n  background: var(--med-gray);\n  border-radius: 0;\n  border-right: 1px solid #909090;\n}\n\n.tab-resource {\n  display: block;\n}"] }]