docs: revert to perfect scrollbar for demo

Author: mattlewis92

package-lock.json

@@ -105,7 +105,7 @@
     "ng-packagr": "^5.3.0",
     "ngx-clipboard": "^12.1.0",
     "ngx-contextmenu": "^5.2.0",
-    "ngx-scrollbar": "^4.2.0",
+    "ngx-perfect-scrollbar": "^7.2.1",
     "node-sass": "^4.12.0",
     "postcss-cli": "^6.1.2",
     "postcss-flexibility": "^2.0.0",

package.json

@@ -125,9 +125,9 @@
 
 <div class="container-fluid">
   <div class="row fill-height">
-    <ng-scrollbar
-      [shown]="'hover'"
+    <div
       class="col-md-9 col-xl-10 fill-height scroll-y"
+      perfectScrollbar
       mwlDraggableScrollContainer
     >
       <div class="card" *ngIf="firstDemoLoaded; else loading">
@@ -186,10 +186,10 @@
           </ngb-tabset>
         </div>
       </div>
-    </ng-scrollbar>
-    <ng-scrollbar
-      [shown]="'hover'"
+    </div>
+    <div
       class="col-md-3 col-xl-2 fill-height sidebar-nav scroll-y"
+      perfectScrollbar
     >
       <input
         type="search"
@@ -209,6 +209,6 @@
         </li>
       </ul>
       <em *ngIf="filteredDemos.length === 0">No matching demos found</em>
-    </ng-scrollbar>
+    </div>
   </div>
 </div>

projects/demos/app/demo-app.html

@@ -11,7 +11,7 @@ import {
   NgbTooltipModule
 } from '@ng-bootstrap/ng-bootstrap';
 import { Angulartics2Module } from 'angulartics2';
-import { NgScrollbarModule } from 'ngx-scrollbar';
+import { PerfectScrollbarModule } from 'ngx-perfect-scrollbar';
 import { DragAndDropModule } from 'angular-draggable-droppable';
 import { DemoAppComponent } from './demo-app.component';
 import { DemoComponent as DefaultDemoComponent } from './demo-modules/kitchen-sink/component';
@@ -34,7 +34,7 @@ import { ClipboardModule } from 'ngx-clipboard';
     Angulartics2Module.forRoot({
       developerMode: !environment.production
     }),
-    NgScrollbarModule,
+    PerfectScrollbarModule,
     ClipboardModule,
     DefaultDemoModule,
     RouterModule.forRoot(

projects/demos/app/demo-app.module.ts

@@ -2,4 +2,5 @@
 @import '~font-awesome/css/font-awesome.css';
 @import '~highlight.js/styles/github.css';
 @import '~flatpickr/dist/flatpickr.css';
+@import '~perfect-scrollbar/css/perfect-scrollbar.css';
 @import '../angular-calendar/src/angular-calendar.scss';