remove or update libraries

src/app/shared/form/chips/chips.component.html

@@ -1,5 +1,5 @@
 <div [className]="'float-left w-100 ' + wrapperClass">
-  <div role="list" class="nav nav-pills d-flex flex-column flex-sm-row" [sortablejs]="chips.getChips()" [sortablejsOptions]="options">
+  <div role="list" class="nav nav-pills d-flex flex-column flex-sm-row">
     <ng-container *ngFor="let c of chips.getChips(); let i = index">
       <ng-template #tipContent>
         <p class="text-left p-0 m-0" *ngFor="let tip of tipText">

src/app/shared/form/chips/chips.component.spec.ts

@@ -11,7 +11,6 @@ import { createTestComponent } from '../../testing/utils.test';
 import { AuthorityConfidenceStateDirective } from '../directives/authority-confidence-state.directive';
 import { TranslateModule } from '@ngx-translate/core';
 import { ConfidenceType } from '../../../core/shared/confidence-type';
-import { SortablejsModule } from 'ngx-sortablejs';
 import { environment } from '../../../../environments/environment';
 
 describe('ChipsComponent test suite', () => {
@@ -29,7 +28,6 @@ describe('ChipsComponent test suite', () => {
     TestBed.configureTestingModule({
     imports: [
         NgbModule,
-        SortablejsModule.forRoot({ animation: 150 }),
         TranslateModule.forRoot(),
         ChipsComponent,
         TestComponent,

src/app/shared/form/chips/chips.component.ts

@@ -7,10 +7,8 @@ import { Chips } from './models/chips.model';
 import { ChipsItem } from './models/chips-item.model';
 import { DragService } from '../../../core/drag.service';
 import { TranslateModule, TranslateService } from '@ngx-translate/core';
-import { Options } from 'sortablejs';
 import { BehaviorSubject } from 'rxjs';
 import { AsyncPipe, NgClass, NgForOf, NgIf } from '@angular/common';
-import { SortablejsModule } from 'ngx-sortablejs';
 import { AuthorityConfidenceStateDirective } from '../directives/authority-confidence-state.directive';
 
 @Component({
@@ -21,7 +19,6 @@ import { AuthorityConfidenceStateDirective } from '../directives/authority-confi
     NgbTooltipModule,
     NgClass,
     NgForOf,
-    SortablejsModule,
     AsyncPipe,
     AuthorityConfidenceStateDirective,
     NgIf,
@@ -41,7 +38,6 @@ export class ChipsComponent implements OnChanges {
   @Output() change: EventEmitter<any> = new EventEmitter<any>();
 
   isDragging: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false);
-  options: Options;
   dragged = -1;
   tipText: string[];
 
@@ -50,13 +46,6 @@ export class ChipsComponent implements OnChanges {
     private dragService: DragService,
     private translate: TranslateService) {
 
-    this.options = {
-      animation: 300,
-      chosenClass: 'm-0',
-      dragClass: 'm-0',
-      filter: '.chips-sort-ignore',
-      ghostClass: 'm-0'
-    };
   }
 
   ngOnChanges(changes: SimpleChanges) {

src/app/shared/form/form.module.ts

@@ -61,7 +61,6 @@ import { DynamicFormsNGBootstrapUIModule } from '@ng-dynamic-forms/ui-ng-bootstr
 import { ChipsComponent } from './chips/chips.component';
 import { NumberPickerComponent } from './number-picker/number-picker.component';
 import { AuthorityConfidenceStateDirective } from './directives/authority-confidence-state.directive';
-import { SortablejsModule } from 'ngx-sortablejs';
 import { VocabularyTreeviewComponent } from './vocabulary-treeview/vocabulary-treeview.component';
 import { VocabularyTreeviewModalComponent } from './vocabulary-treeview-modal/vocabulary-treeview-modal.component';
 import { FormBuilderService } from './builder/form-builder.service';
@@ -124,7 +123,6 @@ const DIRECTIVES = [
         DynamicFormsNGBootstrapUIModule,
         SearchModule,
         TranslateModule,
-        SortablejsModule,
         NgxMaskModule.forRoot(),
         NgbDatepickerModule,
         NgbTimepickerModule,

src/modules/app/browser-app.module.ts

@@ -7,8 +7,6 @@ import { REQUEST } from '@nguniversal/express-engine/tokens';
 import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
 import { TranslateBrowserLoader } from '../../ngx-translate-loaders/translate-browser.loader';
 
-import { IdlePreloadModule } from 'angular-idle-preload';
-
 import { AppComponent } from '../../app/app.component';
 
 import { AppModule } from '../../app/app.module';
@@ -55,7 +53,6 @@ export function getRequest(transferState: TransferState): any {
   imports: [
     HttpClientModule,
     // forRoot ensures the providers are only created once
-    IdlePreloadModule.forRoot(),
     StatisticsModule.forRoot(),
     Angulartics2RouterlessModule.forRoot(),
     BrowserAnimationsModule,

src/themes/custom/lazy-theme.module.ts

@@ -6,7 +6,6 @@ import { DragDropModule } from '@angular/cdk/drag-drop';
 import { EditItemPageModule } from '../../app/item-page/edit-item-page/edit-item-page.module';
 import { FormsModule } from '@angular/forms';
 import { HttpClientModule } from '@angular/common/http';
-import { IdlePreloadModule } from 'angular-idle-preload';
 import { MenuModule } from '../../app/shared/menu/menu.module';
 import { NavbarModule } from '../../app/navbar/navbar.module';
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
@@ -271,7 +270,6 @@ const DECLARATIONS = [
     ItemVersionsModule,
     FormsModule,
     HttpClientModule,
-    IdlePreloadModule,
     InfoModule,
     MenuModule,
     DsoPageModule,

src/themes/dspace/lazy-theme.module.ts

@@ -6,7 +6,6 @@ import { DragDropModule } from '@angular/cdk/drag-drop';
 import { EditItemPageModule } from '../../app/item-page/edit-item-page/edit-item-page.module';
 import { FormsModule } from '@angular/forms';
 import { HttpClientModule } from '@angular/common/http';
-import { IdlePreloadModule } from 'angular-idle-preload';
 import { MenuModule } from '../../app/shared/menu/menu.module';
 import { NavbarModule } from '../../app/navbar/navbar.module';
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
@@ -53,7 +52,6 @@ const DECLARATIONS = [
     ItemVersionsModule,
     FormsModule,
     HttpClientModule,
-    IdlePreloadModule,
     InfoModule,
     MenuModule,
     NavbarModule,