Add themed loading component in custom theme and fix issues

src/app/navbar/navbar.component.html

@@ -6,10 +6,10 @@
             <div id="collapsingNav">
                 <ul class="navbar-nav mr-auto shadow-none">
                     <ng-container *ngFor="let section of (sections | async)">
-                        <ng-container *ngComponentOutlet="(sectionMap$ | async).get(section.id)?.component; injector: (sectionMap$ | async).get(section.id).injector;"></ng-container>
+                        <ng-container *ngComponentOutlet="(sectionMap$ | async).get(section.id)?.component; injector: (sectionMap$ | async).get(section.id)?.injector;"></ng-container>
                     </ng-container>
                 </ul>
             </div>
         </div>
     </div>
-</nav>
+</nav>

src/app/shared/menu/menu-section.decorator.ts

@@ -1,6 +1,6 @@
 import { DEFAULT_THEME } from '../object-collection/shared/listable-object/listable-object.decorator';
 import { MenuID } from './initial-menus-state';
-import { hasNoValue, hasValue } from '../empty.util';
+import { hasValue } from '../empty.util';
 
 const menuComponentMap = new Map();
 

src/app/shared/theme-support/themed.component.ts

@@ -70,6 +70,7 @@ export abstract class ThemedComponent<T> implements OnInit, OnDestroy, OnChanges
 
     this.lazyLoadSub = this.resolveThemedComponent(this.themeService.getThemeName()).pipe(
       switchMap((themedFile: any) => {
+        console.log(themedFile);
         if (hasValue(themedFile) && hasValue(themedFile[this.getComponentName()])) {
           // if the file is not null, and exports a component with the specified name,
           // return that component

src/themes/custom/app/shared/loading/loading.component.ts

@@ -0,0 +1,13 @@
+import { Component } from '@angular/core';
+import { LoadingComponent as BaseComponent } from '../../../../../app/shared/loading/loading.component';
+
+@Component({
+  selector: 'ds-loading',
+  styleUrls: ['../../../../../app/shared/loading/loading.component.scss'],
+  // styleUrls: ['./loading.component.scss'],
+  templateUrl: '../../../../app/shared/loading/loading.component.html'
+  // templateUrl: './loading.component.html'
+})
+export class LoadingComponent extends BaseComponent {
+
+}

src/themes/custom/theme.module.ts

@@ -84,6 +84,7 @@ import { SearchModule } from '../../app/shared/search/search.module';
 import { ResourcePoliciesModule } from '../../app/shared/resource-policies/resource-policies.module';
 import { ComcolModule } from '../../app/shared/comcol/comcol.module';
 import { FeedbackComponent } from './app/info/feedback/feedback.component';
+import { LoadingComponent } from './app/shared/loading/loading.component';
 
 const DECLARATIONS = [
   FileSectionComponent,
@@ -126,7 +127,8 @@ const DECLARATIONS = [
   NavbarComponent,
   HeaderNavbarWrapperComponent,
   BreadcrumbsComponent,
-  FeedbackComponent
+  FeedbackComponent,
+  LoadingComponent
 ];
 
 @NgModule({