ngAfterViewInit(): void {
        const container = this.elementRef.nativeElement.querySelector('md-nav-list');
        Ps.initialize(container, { suppressScrollX: true });

        this.state.library.take(1)
            .subscribe(library => {
                if (library.length === 0) {
                    this.loadDefaultLibrary();
                }
            });
    }

/**
 * https://github.com/noraesae/perfect-scrollbar#how-to-use
 */

import * as Ps from 'perfect-scrollbar'
const container = document.body

// To initialise the plugin, `Ps.initialize` is used.
Ps.initialize(container)

// It can be initialised with optional parameters.
Ps.initialize(container, {
  wheelSpeed: 2,
  wheelPropagation: true,
  minScrollbarLength: 20
})

// If the size of your container or content changes, call `update`.
Ps.update(container)

// If you want to destroy the scrollbar, use `destroy`.
Ps.destroy(container)

// If you want to scroll to somewhere, just use a `scrollTop` property and update.
container.scrollTop = 0
Ps.update(container)

/**
 * https://github.com/noraesae/perfect-scrollbar#jquery
 */

 requestAnimationFrame(() => PS.initialize(this.$element, {
   wheelSpeed: 2,
   wheelPropagation: false,
   minScrollbarLength: 20,
   suppressScrollX: true
 }));