Fix build errors

src/app/_shared/shared.module.ts

@@ -34,12 +34,10 @@ export function minlengthValidationMessage(err: any, field: { templateOptions: {
     PasswordInputComponent,
   ],
   exports: [
-  MatMenuModule,
   FormsModule,
   ReactiveFormsModule,
   FlexModule,
   FlexLayoutModule,
-  MatListModule,
   BreadcrumbComponent,
 
   MatTreeModule,

src/app/app.module.ts

@@ -56,15 +56,15 @@ import {TranslateHttpLoader} from '@ngx-translate/http-loader';
 import {YoutubeUploadComponent} from './components/youtube-upload/youtube-upload.component';
 import {BloomenSearchPageComponent} from './pages/bloomen-search-page/bloomen-search-page.component';
 import {HttpErrorInterceptor} from './_shared/404.interceptor';
-import {FormlyModule} from '@ngx-formly/core';
+
 import {UserIpnFormComponent} from './forms/user-ipn-form/user-ipn-form.component';
 import {GenericFormComponent} from './forms/generic-form/generic-form.component';
 import {FormTestPageComponent} from './pages/form-test-page/form-test-page.component';
 import {OrderKeysPipe} from './pipes/order-keys.pipe';
 import {ShowShareLinkDialogComponent} from './dialogs/show-share-link-dialog/show-share-link-dialog.component';
 import {FormlyImageInputComponent} from './form-controls/formly-image-input/formly-image-input.component';
 import {FormlyAudioInputComponent} from './form-controls/formly-audio-input/formly-audio-input.component';
-import {MonacoEditorModule} from 'ngx-monaco-editor';
+
 import {FormBuilderPageComponent} from './pages/form-builder-page/form-builder-page.component';
 import {FormSelectDialogComponent} from './dialogs/form-select-dialog/form-select-dialog.component';
 import {FormDataSelectDialogComponent} from './dialogs/form-data-select-dialog/form-data-select-dialog.component';
@@ -378,10 +378,6 @@ const monacoConfig: NgxMonacoEditorConfig = {
         FormsModule,
         NgxTaggerModule,
         MessagesModule,
-        AgGridModule.withComponents([
-            WorkflowCellRendererComponent,
-            ConnectionStatusRendererComponent
-        ]),
         DragDropModule,
         LeafletModule,
         LeafletMarkerClusterModule,

src/app/dialogs/edit-workflow-metadata-dialog/edit-workflow-metadata-dialog.component.html

@@ -1,26 +1,31 @@
+<mat-dialog-content>
 <form [formGroup]="form">
   <mat-form-field>
+    <mat-label>Title</mat-label>
     <input matInput placeholder="Title" formControlName="title" name="title">
   </mat-form-field>
   <mat-form-field>
+    <mat-label>Adapter name</mat-label>
     <input matInput placeholder="Adapter name" formControlName="adapterName" name="adapterName">
   </mat-form-field>
   <mat-form-field>
+    <mat-label>Workflow ID</mat-label>
     <input matInput placeholder="Workflow ID" formControlName="id" name="id">
   </mat-form-field>
-  <mat-form-field class="example-chip-list">
-    <mat-chip-listbox #chipList aria-label="Fruit selection">
-      <mat-chip-option *ngFor="let tag of tags.getRawValue()" [selectable]="selectable"
+  <mat-form-field class="chip-list">
+    <mat-label>Add tag...</mat-label>
+    <mat-chip-grid #chipList aria-label="tags">
+      <mat-chip-row *ngFor="let tag of tags.getRawValue()" [selectable]="selectable"
                 [removable]="removable" (removed)="removeTag(tag)">
         {{tag}}
         <mat-icon matChipRemove *ngIf="removable">cancel</mat-icon>
-      </mat-chip-option>
+      </mat-chip-row>
       <input placeholder="Add tag..."
              [matChipInputFor]="chipList"
              [matChipInputSeparatorKeyCodes]="separatorKeysCodes"
              [matChipInputAddOnBlur]="addOnBlur"
              (matChipInputTokenEnd)="addTag($event)">
-    </mat-chip-listbox>
+    </mat-chip-grid>
   </mat-form-field>
 </form>
 

src/styles.scss

@@ -20,26 +20,26 @@
 
 @include mat.all-component-typographies();
 @include mat.core();
-@import '@angular/material/theming';
+
 // @include mat-core();
 
 // Define the palettes for your theme using the Material Design palettes available in palette.scss
 // (imported above). For each palette, you can optionally specify a default, lighter, and darker
 // hue. Available color palettes: https://material.io/design/color/
-$kendraio-app-primary: mat.define-palette(mat.$green-palette);
-$kendraio-app-accent: mat.define-palette(mat.$orange-palette, A200, A100, A400);
+$kendraio-app-primary: mat.m2-define-palette(mat.$m2-green-palette);
+$kendraio-app-accent: mat.m2-define-palette(mat.$m2-orange-palette, A200, A100, A400);
 
 // The warn palette is optional (defaults to red).
-$kendraio-app-warn: mat.define-palette(mat.$red-palette);
+$kendraio-app-warn: mat.m2-define-palette(mat.$m2-red-palette);
 
 // Create the theme object (a Sass map containing all of the palettes).
-$kendraio-app-theme: mat.define-light-theme((
+$kendraio-app-theme: mat.m2-define-light-theme((
   color: (
     primary: $kendraio-app-primary,
     accent: $kendraio-app-accent,
     warn: $kendraio-app-warn
   ),
-  typography: mat.define-typography-config(),
+  typography: mat.m2-define-typography-config(),
   density: 0,
 ));
 
@@ -48,7 +48,7 @@ $kendraio-app-theme: mat.define-light-theme((
 // Alternatively, you can import and @include the theme mixins for each component
 // that you are using.
 @include mat.all-component-themes($kendraio-app-theme);
-@include angular-material-theme($kendraio-app-theme);
+
 
 
 html, body { height: 100%; overflow: hidden; }