@sunbird-cb/utils-v2 0.0.11 → 0.0.13

package/esm2015/lib/directives/in-view-port/in-view-port.directive.js

@@ -1,68 +1,68 @@
-import { Directive, Output, EventEmitter, ElementRef } from '@angular/core';
-import { fromEvent } from 'rxjs';
-import { debounceTime } from 'rxjs/operators';
-export class InViewPortDirective {
-    constructor(_el) {
-        this._el = _el;
-        this.inViewport = new EventEmitter();
-    }
-    ngOnInit() {
-        this.check();
-        this.scroll =
-            fromEvent(window, 'scroll').pipe(debounceTime(100)).subscribe((() => {
-                this.check();
-            }));
-        this.resize =
-            fromEvent(window, 'resize').pipe(debounceTime(100)).subscribe((() => {
-                this.check();
-            }));
-    }
-    ngOnDestroy() {
-        this.scroll.unsubscribe();
-        this.resize.unsubscribe();
-    }
-    check(partial = true, direction = 'both') {
-        const el = this._el.nativeElement;
-        const elSize = (el.offsetWidth * el.offsetHeight);
-        const rec = el.getBoundingClientRect();
-        const vp = {
-            width: window.innerWidth,
-            height: window.innerHeight,
-        };
-        const tViz = rec.top >= 0 && rec.top < vp.height;
-        const bViz = rec.bottom > 0 && rec.bottom <= vp.height;
-        const lViz = rec.left >= 0 && rec.left < vp.width;
-        const rViz = rec.right > 0 && rec.right <= vp.width;
-        const vVisible = partial ? tViz || bViz : tViz && bViz;
-        const hVisible = partial ? lViz || rViz : lViz && rViz;
-        let event = false;
-        if (direction === 'both') {
-            event = (elSize && vVisible && hVisible) ? true : false;
-        }
-        else if (direction === 'vertical') {
-            event = (elSize && vVisible) ? true : false;
-        }
-        else if (direction === 'horizontal') {
-            event = (elSize && hVisible) ? true : false;
-        }
-        this.inViewport.emit(event);
-    }
-}
-InViewPortDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[wsUtilsInViewPort]',
-            },] }
-];
-InViewPortDirective.ctorParameters = () => [
-    { type: ElementRef }
-];
-InViewPortDirective.propDecorators = {
-    inViewport: [{ type: Output }]
-};
-if (false) {
-    InViewPortDirective.prototype.scroll;
-    InViewPortDirective.prototype.resize;
-    InViewPortDirective.prototype.inViewport;
-    InViewPortDirective.prototype._el;
-}
+import { Directive, Output, EventEmitter, ElementRef } from '@angular/core';
+import { fromEvent } from 'rxjs';
+import { debounceTime } from 'rxjs/operators';
+export class InViewPortDirective {
+    constructor(_el) {
+        this._el = _el;
+        this.inViewport = new EventEmitter();
+    }
+    ngOnInit() {
+        this.check();
+        this.scroll =
+            fromEvent(window, 'scroll').pipe(debounceTime(100)).subscribe((() => {
+                this.check();
+            }));
+        this.resize =
+            fromEvent(window, 'resize').pipe(debounceTime(100)).subscribe((() => {
+                this.check();
+            }));
+    }
+    ngOnDestroy() {
+        this.scroll.unsubscribe();
+        this.resize.unsubscribe();
+    }
+    check(partial = true, direction = 'both') {
+        const el = this._el.nativeElement;
+        const elSize = (el.offsetWidth * el.offsetHeight);
+        const rec = el.getBoundingClientRect();
+        const vp = {
+            width: window.innerWidth,
+            height: window.innerHeight,
+        };
+        const tViz = rec.top >= 0 && rec.top < vp.height;
+        const bViz = rec.bottom > 0 && rec.bottom <= vp.height;
+        const lViz = rec.left >= 0 && rec.left < vp.width;
+        const rViz = rec.right > 0 && rec.right <= vp.width;
+        const vVisible = partial ? tViz || bViz : tViz && bViz;
+        const hVisible = partial ? lViz || rViz : lViz && rViz;
+        let event = false;
+        if (direction === 'both') {
+            event = (elSize && vVisible && hVisible) ? true : false;
+        }
+        else if (direction === 'vertical') {
+            event = (elSize && vVisible) ? true : false;
+        }
+        else if (direction === 'horizontal') {
+            event = (elSize && hVisible) ? true : false;
+        }
+        this.inViewport.emit(event);
+    }
+}
+InViewPortDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[wsUtilsInViewPort]',
+            },] }
+];
+InViewPortDirective.ctorParameters = () => [
+    { type: ElementRef }
+];
+InViewPortDirective.propDecorators = {
+    inViewport: [{ type: Output }]
+};
+if (false) {
+    InViewPortDirective.prototype.scroll;
+    InViewPortDirective.prototype.resize;
+    InViewPortDirective.prototype.inViewport;
+    InViewPortDirective.prototype._el;
+}
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW4tdmlldy1wb3J0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdW5iaXJkLWNiL3V0aWxzLXYyLyIsInNvdXJjZXMiOlsibGliL2RpcmVjdGl2ZXMvaW4tdmlldy1wb3J0L2luLXZpZXctcG9ydC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBYSxNQUFNLGVBQWUsQ0FBQTtBQUM5RixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFBO0FBQ2hDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTtBQUs3QyxNQUFNLE9BQU8sbUJBQW1CO0lBTzlCLFlBQW9CLEdBQWU7UUFBZixRQUFHLEdBQUgsR0FBRyxDQUFZO1FBRnpCLGVBQVUsR0FBMEIsSUFBSSxZQUFZLEVBQVcsQ0FBQTtJQUVsQyxDQUFDO0lBRXhDLFFBQVE7UUFDTixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUE7UUFDWixJQUFJLENBQUMsTUFBTTtZQUNULFNBQVMsQ0FBQyxNQUFNLEVBQUUsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFBQyxHQUFHLEVBQUU7Z0JBQ2pFLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQTtZQUNkLENBQUMsRUFBQyxDQUFBO1FBQ0osSUFBSSxDQUFDLE1BQU07WUFDVCxTQUFTLENBQUMsTUFBTSxFQUFFLFFBQVEsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQUMsR0FBRyxFQUFFO2dCQUNqRSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUE7WUFDZCxDQUFDLEVBQUMsQ0FBQTtJQWdCTixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxNQUFNLENBQUMsV0FBVyxFQUFFLENBQUE7UUFDekIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLEVBQUUsQ0FBQTtJQUMzQixDQUFDO0lBRUQsS0FBSyxDQUFDLFVBQW1CLElBQUksRUFBRSxZQUFvQixNQUFNO2NBQ2pELEVBQUUsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWE7Y0FFM0IsTUFBTSxHQUFHLENBQUMsRUFBRSxDQUFDLFdBQVcsR0FBRyxFQUFFLENBQUMsWUFBWSxDQUFDO2NBRTNDLEdBQUcsR0FBRyxFQUFFLENBQUMscUJBQXFCLEVBQUU7Y0FFaEMsRUFBRSxHQUFHO1lBQ1QsS0FBSyxFQUFFLE1BQU0sQ0FBQyxVQUFVO1lBQ3hCLE1BQU0sRUFBRSxNQUFNLENBQUMsV0FBVztTQUMzQjtjQUVLLElBQUksR0FBRyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsR0FBRyxHQUFHLEVBQUUsQ0FBQyxNQUFNO2NBQzFDLElBQUksR0FBRyxHQUFHLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxHQUFHLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxNQUFNO2NBRWhELElBQUksR0FBRyxHQUFHLENBQUMsSUFBSSxJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsSUFBSSxHQUFHLEVBQUUsQ0FBQyxLQUFLO2NBQzNDLElBQUksR0FBRyxHQUFHLENBQUMsS0FBSyxHQUFHLENBQUMsSUFBSSxHQUFHLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxLQUFLO2NBRTdDLFFBQVEsR0FBRyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksSUFBSSxJQUFJO2NBQ2hELFFBQVEsR0FBRyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksSUFBSSxJQUFJO1lBRWxELEtBQUssR0FBRyxLQUFLO1FBRWpCLElBQUksU0FBUyxLQUFLLE1BQU0sRUFBRTtZQUN4QixLQUFLLEdBQUcsQ0FBQyxNQUFNLElBQUksUUFBUSxJQUFJLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQTtTQUN4RDthQUFNLElBQUksU0FBUyxLQUFLLFVBQVUsRUFBRTtZQUNuQyxLQUFLLEdBQUcsQ0FBQyxNQUFNLElBQUksUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFBO1NBQzVDO2FBQU0sSUFBSSxTQUFTLEtBQUssWUFBWSxFQUFFO1lBQ3JDLEtBQUssR0FBRyxDQUFDLE1BQU0sSUFBSSxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUE7U0FDNUM7UUFDRCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUM3QixDQUFDOzs7WUEzRUYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxxQkFBcUI7YUFDaEM7OztZQU5pRCxVQUFVOzs7eUJBWXpELE1BQU07OztJQUhQLHFDQUFtQjtJQUNuQixxQ0FBbUI7SUFFbkIseUNBQXlFO0lBRTdELGtDQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgT25Jbml0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgRWxlbWVudFJlZiwgT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcclxuaW1wb3J0IHsgZnJvbUV2ZW50IH0gZnJvbSAncnhqcydcclxuaW1wb3J0IHsgZGVib3VuY2VUaW1lIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnXHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICBzZWxlY3RvcjogJ1t3c1V0aWxzSW5WaWV3UG9ydF0nLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgSW5WaWV3UG9ydERpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuXHJcbiAgcHJpdmF0ZSBzY3JvbGw6IGFueVxyXG4gIHByaXZhdGUgcmVzaXplOiBhbnlcclxuXHJcbiAgQE91dHB1dCgpIGluVmlld3BvcnQ6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKVxyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9lbDogRWxlbWVudFJlZikgeyB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5jaGVjaygpXHJcbiAgICB0aGlzLnNjcm9sbCA9XHJcbiAgICAgIGZyb21FdmVudCh3aW5kb3csICdzY3JvbGwnKS5waXBlKGRlYm91bmNlVGltZSgxMDApKS5zdWJzY3JpYmUoKCkgPT4ge1xyXG4gICAgICAgIHRoaXMuY2hlY2soKVxyXG4gICAgICB9KVxyXG4gICAgdGhpcy5yZXNpemUgPVxyXG4gICAgICBmcm9tRXZlbnQod2luZG93LCAncmVzaXplJykucGlwZShkZWJvdW5jZVRpbWUoMTAwKSkuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgICB0aGlzLmNoZWNrKClcclxuICAgICAgfSlcclxuXHJcbiAgICAvLyBsZXQgbGltaXQgPSAxXHJcbiAgICAvLyB0aGlzLnNjcm9sbCA9XHJcbiAgICAvLyAgIGZyb21FdmVudCh3aW5kb3csICdzY3JvbGwnKS5waXBlKGRlYm91bmNlVGltZSgxMDApKS5zdWJzY3JpYmUoKCkgPT4ge1xyXG4gICAgLy8gICAgIGlmIChsaW1pdCkge1xyXG4gICAgLy8gICAgICAgdGhpcy5jaGVjaygpXHJcbiAgICAvLyAgICAgICBsaW1pdCAtPSAxXHJcbiAgICAvLyAgICAgfVxyXG4gICAgLy8gICB9KVxyXG5cclxuICAgIC8vIHRoaXMucmVzaXplID1cclxuICAgIC8vICAgZnJvbUV2ZW50KHdpbmRvdywgJ3Jlc2l6ZScpLnRvUHJvbWlzZSgpLnRoZW4oKCkgPT4ge1xyXG4gICAgLy8gICAgIHRoaXMuY2hlY2soKVxyXG4gICAgLy8gICB9KVxyXG5cclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCkge1xyXG4gICAgdGhpcy5zY3JvbGwudW5zdWJzY3JpYmUoKVxyXG4gICAgdGhpcy5yZXNpemUudW5zdWJzY3JpYmUoKVxyXG4gIH1cclxuXHJcbiAgY2hlY2socGFydGlhbDogYm9vbGVhbiA9IHRydWUsIGRpcmVjdGlvbjogc3RyaW5nID0gJ2JvdGgnKSB7XHJcbiAgICBjb25zdCBlbCA9IHRoaXMuX2VsLm5hdGl2ZUVsZW1lbnRcclxuXHJcbiAgICBjb25zdCBlbFNpemUgPSAoZWwub2Zmc2V0V2lkdGggKiBlbC5vZmZzZXRIZWlnaHQpXHJcblxyXG4gICAgY29uc3QgcmVjID0gZWwuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KClcclxuXHJcbiAgICBjb25zdCB2cCA9IHtcclxuICAgICAgd2lkdGg6IHdpbmRvdy5pbm5lcldpZHRoLFxyXG4gICAgICBoZWlnaHQ6IHdpbmRvdy5pbm5lckhlaWdodCxcclxuICAgIH1cclxuXHJcbiAgICBjb25zdCB0Vml6ID0gcmVjLnRvcCA+PSAwICYmIHJlYy50b3AgPCB2cC5oZWlnaHRcclxuICAgIGNvbnN0IGJWaXogPSByZWMuYm90dG9tID4gMCAmJiByZWMuYm90dG9tIDw9IHZwLmhlaWdodFxyXG5cclxuICAgIGNvbnN0IGxWaXogPSByZWMubGVmdCA+PSAwICYmIHJlYy5sZWZ0IDwgdnAud2lkdGhcclxuICAgIGNvbnN0IHJWaXogPSByZWMucmlnaHQgPiAwICYmIHJlYy5yaWdodCA8PSB2cC53aWR0aFxyXG5cclxuICAgIGNvbnN0IHZWaXNpYmxlID0gcGFydGlhbCA/IHRWaXogfHwgYlZpeiA6IHRWaXogJiYgYlZpelxyXG4gICAgY29uc3QgaFZpc2libGUgPSBwYXJ0aWFsID8gbFZpeiB8fCByVml6IDogbFZpeiAmJiByVml6XHJcblxyXG4gICAgbGV0IGV2ZW50ID0gZmFsc2VcclxuXHJcbiAgICBpZiAoZGlyZWN0aW9uID09PSAnYm90aCcpIHtcclxuICAgICAgZXZlbnQgPSAoZWxTaXplICYmIHZWaXNpYmxlICYmIGhWaXNpYmxlKSA/IHRydWUgOiBmYWxzZVxyXG4gICAgfSBlbHNlIGlmIChkaXJlY3Rpb24gPT09ICd2ZXJ0aWNhbCcpIHtcclxuICAgICAgZXZlbnQgPSAoZWxTaXplICYmIHZWaXNpYmxlKSA/IHRydWUgOiBmYWxzZVxyXG4gICAgfSBlbHNlIGlmIChkaXJlY3Rpb24gPT09ICdob3Jpem9udGFsJykge1xyXG4gICAgICBldmVudCA9IChlbFNpemUgJiYgaFZpc2libGUpID8gdHJ1ZSA6IGZhbHNlXHJcbiAgICB9XHJcbiAgICB0aGlzLmluVmlld3BvcnQuZW1pdChldmVudClcclxuICB9XHJcbn1cclxuIl19

package/esm2015/lib/directives/in-view-port/in-view-port.module.js

@@ -1,15 +1,15 @@
-import { InViewPortDirective } from './in-view-port.directive';
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-export class InViewPortModule {
-}
-InViewPortModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [InViewPortDirective],
-                exports: [InViewPortDirective],
-                imports: [
-                    CommonModule,
-                ],
-            },] }
-];
+import { InViewPortDirective } from './in-view-port.directive';
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+export class InViewPortModule {
+}
+InViewPortModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [InViewPortDirective],
+                exports: [InViewPortDirective],
+                imports: [
+                    CommonModule,
+                ],
+            },] }
+];
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW4tdmlldy1wb3J0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdW5iaXJkLWNiL3V0aWxzLXYyLyIsInNvdXJjZXMiOlsibGliL2RpcmVjdGl2ZXMvaW4tdmlldy1wb3J0L2luLXZpZXctcG9ydC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDOUQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFTOUMsTUFBTSxPQUFPLGdCQUFnQjs7O1lBUDVCLFFBQVEsU0FBQztnQkFDUixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztnQkFDbkMsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7Z0JBQzlCLE9BQU8sRUFBRTtvQkFDUCxZQUFZO2lCQUNiO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJblZpZXdQb3J0RGlyZWN0aXZlIH0gZnJvbSAnLi9pbi12aWV3LXBvcnQuZGlyZWN0aXZlJ1xyXG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbidcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbSW5WaWV3UG9ydERpcmVjdGl2ZV0sXHJcbiAgZXhwb3J0czogW0luVmlld1BvcnREaXJlY3RpdmVdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgSW5WaWV3UG9ydE1vZHVsZSB7IH1cclxuIl19

package/esm2015/lib/directives/navigation/navigation.directive.js

@@ -1,39 +1,39 @@
-import { Directive, Input, HostBinding, HostListener } from '@angular/core';
-export class NavigationDirective {
-    constructor() {
-        this.wsUtilsNavigation = '';
-        this.openInNewTab = false;
-        this.routeUrl = '';
-    }
-    onMouseEnter($event) {
-        if (this.openInNewTab || this.wsUtilsNavigation.includes('mailto')) {
-            $event.preventDefault();
-            $event.stopPropagation();
-            this.routeUrl = './';
-            window.open(this.wsUtilsNavigation);
-        }
-    }
-    ngOnChanges() {
-        if (this.openInNewTab || this.wsUtilsNavigation.includes('mailto')) {
-            this.routeUrl = './';
-        }
-    }
-}
-NavigationDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[wsUtilsNavigation]',
-            },] }
-];
-NavigationDirective.ctorParameters = () => [];
-NavigationDirective.propDecorators = {
-    wsUtilsNavigation: [{ type: Input }],
-    openInNewTab: [{ type: Input }],
-    routeUrl: [{ type: Input }, { type: HostBinding, args: ['attr.routerLink',] }],
-    onMouseEnter: [{ type: HostListener, args: ['mousedown', ['$event'],] }]
-};
-if (false) {
-    NavigationDirective.prototype.wsUtilsNavigation;
-    NavigationDirective.prototype.openInNewTab;
-    NavigationDirective.prototype.routeUrl;
-}
+import { Directive, Input, HostBinding, HostListener } from '@angular/core';
+export class NavigationDirective {
+    constructor() {
+        this.wsUtilsNavigation = '';
+        this.openInNewTab = false;
+        this.routeUrl = '';
+    }
+    onMouseEnter($event) {
+        if (this.openInNewTab || this.wsUtilsNavigation.includes('mailto')) {
+            $event.preventDefault();
+            $event.stopPropagation();
+            this.routeUrl = './';
+            window.open(this.wsUtilsNavigation);
+        }
+    }
+    ngOnChanges() {
+        if (this.openInNewTab || this.wsUtilsNavigation.includes('mailto')) {
+            this.routeUrl = './';
+        }
+    }
+}
+NavigationDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[wsUtilsNavigation]',
+            },] }
+];
+NavigationDirective.ctorParameters = () => [];
+NavigationDirective.propDecorators = {
+    wsUtilsNavigation: [{ type: Input }],
+    openInNewTab: [{ type: Input }],
+    routeUrl: [{ type: Input }, { type: HostBinding, args: ['attr.routerLink',] }],
+    onMouseEnter: [{ type: HostListener, args: ['mousedown', ['$event'],] }]
+};
+if (false) {
+    NavigationDirective.prototype.wsUtilsNavigation;
+    NavigationDirective.prototype.openInNewTab;
+    NavigationDirective.prototype.routeUrl;
+}
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac3VuYmlyZC1jYi91dGlscy12Mi8iLCJzb3VyY2VzIjpbImxpYi9kaXJlY3RpdmVzL25hdmlnYXRpb24vbmF2aWdhdGlvbi5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYSxLQUFLLEVBQUUsV0FBVyxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUt0RixNQUFNLE9BQU8sbUJBQW1CO0lBYTlCO1FBWlMsc0JBQWlCLEdBQUcsRUFBRSxDQUFBO1FBQ3RCLGlCQUFZLEdBQUcsS0FBSyxDQUFBO1FBRUcsYUFBUSxHQUFHLEVBQUUsQ0FBQTtJQVM3QixDQUFDO0lBUnNCLFlBQVksQ0FBQyxNQUFhO1FBQy9ELElBQUksSUFBSSxDQUFDLFlBQVksSUFBSSxJQUFJLENBQUMsaUJBQWlCLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQ2xFLE1BQU0sQ0FBQyxjQUFjLEVBQUUsQ0FBQTtZQUN2QixNQUFNLENBQUMsZUFBZSxFQUFFLENBQUE7WUFDeEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUE7WUFDcEIsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQTtTQUNwQztJQUNILENBQUM7SUFHRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsWUFBWSxJQUFJLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLEVBQUU7WUFDbEUsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUE7U0FDckI7SUFDSCxDQUFDOzs7WUF0QkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxxQkFBcUI7YUFDaEM7Ozs7Z0NBRUUsS0FBSzsyQkFDTCxLQUFLO3VCQUNMLEtBQUssWUFDTCxXQUFXLFNBQUMsaUJBQWlCOzJCQUM3QixZQUFZLFNBQUMsV0FBVyxFQUFFLENBQUMsUUFBUSxDQUFDOzs7SUFKckMsZ0RBQStCO0lBQy9CLDJDQUE2QjtJQUM3Qix1Q0FDNkMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIE9uQ2hhbmdlcywgSW5wdXQsIEhvc3RCaW5kaW5nLCBIb3N0TGlzdGVuZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgc2VsZWN0b3I6ICdbd3NVdGlsc05hdmlnYXRpb25dJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIE5hdmlnYXRpb25EaXJlY3RpdmUgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xyXG4gIEBJbnB1dCgpIHdzVXRpbHNOYXZpZ2F0aW9uID0gJydcclxuICBASW5wdXQoKSBvcGVuSW5OZXdUYWIgPSBmYWxzZVxyXG4gIEBJbnB1dCgpXHJcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLnJvdXRlckxpbmsnKSByb3V0ZVVybCA9ICcnXHJcbiAgQEhvc3RMaXN0ZW5lcignbW91c2Vkb3duJywgWyckZXZlbnQnXSkgb25Nb3VzZUVudGVyKCRldmVudDogRXZlbnQpIHtcclxuICAgIGlmICh0aGlzLm9wZW5Jbk5ld1RhYiB8fCB0aGlzLndzVXRpbHNOYXZpZ2F0aW9uLmluY2x1ZGVzKCdtYWlsdG8nKSkge1xyXG4gICAgICAkZXZlbnQucHJldmVudERlZmF1bHQoKVxyXG4gICAgICAkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcclxuICAgICAgdGhpcy5yb3V0ZVVybCA9ICcuLydcclxuICAgICAgd2luZG93Lm9wZW4odGhpcy53c1V0aWxzTmF2aWdhdGlvbilcclxuICAgIH1cclxuICB9XHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkNoYW5nZXMoKSB7XHJcbiAgICBpZiAodGhpcy5vcGVuSW5OZXdUYWIgfHwgdGhpcy53c1V0aWxzTmF2aWdhdGlvbi5pbmNsdWRlcygnbWFpbHRvJykpIHtcclxuICAgICAgdGhpcy5yb3V0ZVVybCA9ICcuLydcclxuICAgIH1cclxuICB9XHJcblxyXG59XHJcbiJdfQ==

package/esm2015/lib/directives/navigation/navigation.module.js

@@ -1,15 +1,15 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { NavigationDirective } from './navigation.directive';
-export class NavigationModule {
-}
-NavigationModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [NavigationDirective],
-                imports: [
-                    CommonModule,
-                ],
-                exports: [NavigationDirective],
-            },] }
-];
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { NavigationDirective } from './navigation.directive';
+export class NavigationModule {
+}
+NavigationModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [NavigationDirective],
+                imports: [
+                    CommonModule,
+                ],
+                exports: [NavigationDirective],
+            },] }
+];
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2aWdhdGlvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac3VuYmlyZC1jYi91dGlscy12Mi8iLCJzb3VyY2VzIjpbImxpYi9kaXJlY3RpdmVzL25hdmlnYXRpb24vbmF2aWdhdGlvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDOUMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFTNUQsTUFBTSxPQUFPLGdCQUFnQjs7O1lBUDVCLFFBQVEsU0FBQztnQkFDUixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztnQkFDbkMsT0FBTyxFQUFFO29CQUNQLFlBQVk7aUJBQ2I7Z0JBQ0QsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7YUFDL0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbidcclxuaW1wb3J0IHsgTmF2aWdhdGlvbkRpcmVjdGl2ZSB9IGZyb20gJy4vbmF2aWdhdGlvbi5kaXJlY3RpdmUnXHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW05hdmlnYXRpb25EaXJlY3RpdmVdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtOYXZpZ2F0aW9uRGlyZWN0aXZlXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIE5hdmlnYXRpb25Nb2R1bGUgeyB9XHJcbiJdfQ==

package/esm2015/lib/directives/permission/permission.directive.js

@@ -1,11 +1,11 @@
-import { Directive } from '@angular/core';
-export class PermissionDirective {
-    constructor() { }
-}
-PermissionDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[wsUtilsPermission]',
-            },] }
-];
-PermissionDirective.ctorParameters = () => [];
+import { Directive } from '@angular/core';
+export class PermissionDirective {
+    constructor() { }
+}
+PermissionDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[wsUtilsPermission]',
+            },] }
+];
+PermissionDirective.ctorParameters = () => [];
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVybWlzc2lvbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac3VuYmlyZC1jYi91dGlscy12Mi8iLCJzb3VyY2VzIjpbImxpYi9kaXJlY3RpdmVzL3Blcm1pc3Npb24vcGVybWlzc2lvbi5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUt6QyxNQUFNLE9BQU8sbUJBQW1CO0lBRTlCLGdCQUFnQixDQUFDOzs7WUFMbEIsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxxQkFBcUI7YUFDaEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgc2VsZWN0b3I6ICdbd3NVdGlsc1Blcm1pc3Npb25dJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIFBlcm1pc3Npb25EaXJlY3RpdmUge1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxufVxyXG4iXX0=

package/esm2015/lib/directives/permission/permission.module.js

@@ -1,15 +1,15 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { PermissionDirective } from './permission.directive';
-export class PermissionModule {
-}
-PermissionModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [PermissionDirective],
-                imports: [
-                    CommonModule,
-                ],
-                exports: [PermissionDirective],
-            },] }
-];
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { PermissionDirective } from './permission.directive';
+export class PermissionModule {
+}
+PermissionModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [PermissionDirective],
+                imports: [
+                    CommonModule,
+                ],
+                exports: [PermissionDirective],
+            },] }
+];
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVybWlzc2lvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac3VuYmlyZC1jYi91dGlscy12Mi8iLCJzb3VyY2VzIjpbImxpYi9kaXJlY3RpdmVzL3Blcm1pc3Npb24vcGVybWlzc2lvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDOUMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFTNUQsTUFBTSxPQUFPLGdCQUFnQjs7O1lBUDVCLFFBQVEsU0FBQztnQkFDUixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztnQkFDbkMsT0FBTyxFQUFFO29CQUNQLFlBQVk7aUJBQ2I7Z0JBQ0QsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7YUFDL0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbidcclxuaW1wb3J0IHsgUGVybWlzc2lvbkRpcmVjdGl2ZSB9IGZyb20gJy4vcGVybWlzc2lvbi5kaXJlY3RpdmUnXHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1Blcm1pc3Npb25EaXJlY3RpdmVdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtQZXJtaXNzaW9uRGlyZWN0aXZlXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFBlcm1pc3Npb25Nb2R1bGUgeyB9XHJcbiJdfQ==

package/esm2015/lib/helpers/functions/getStringifiedQueryParams.js

@@ -1,9 +1,9 @@
-export function getStringifiedQueryParams(obj) {
-    return Object.entries(obj)
-        .filter((u => u[1]))
-        .map((u => {
-        return `${u[0]}=${u[1]}`;
-    }))
-        .join('&');
-}
+export function getStringifiedQueryParams(obj) {
+    return Object.entries(obj)
+        .filter((u => u[1]))
+        .map((u => {
+        return `${u[0]}=${u[1]}`;
+    }))
+        .join('&');
+}
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0U3RyaW5naWZpZWRRdWVyeVBhcmFtcy5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdW5iaXJkLWNiL3V0aWxzLXYyLyIsInNvdXJjZXMiOlsibGliL2hlbHBlcnMvZnVuY3Rpb25zL2dldFN0cmluZ2lmaWVkUXVlcnlQYXJhbXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxVQUFVLHlCQUF5QixDQUFDLEdBQThEO0lBQ3RHLE9BQU8sTUFBTSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUM7U0FDdkIsTUFBTSxFQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFDO1NBQ2pCLEdBQUcsRUFBQyxDQUFDLENBQUMsRUFBRTtRQUNQLE9BQU8sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUE7SUFDMUIsQ0FBQyxFQUFDO1NBQ0QsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFBO0FBQ2QsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBmdW5jdGlvbiBnZXRTdHJpbmdpZmllZFF1ZXJ5UGFyYW1zKG9iajogeyBba2V5OiBzdHJpbmddOiBudW1iZXIgfCBzdHJpbmcgfCB1bmRlZmluZWQgfCBzdHJpbmdbXSB9KSB7XHJcbiAgcmV0dXJuIE9iamVjdC5lbnRyaWVzKG9iailcclxuICAgIC5maWx0ZXIodSA9PiB1WzFdKVxyXG4gICAgLm1hcCh1ID0+IHtcclxuICAgICAgcmV0dXJuIGAke3VbMF19PSR7dVsxXX1gXHJcbiAgICB9KVxyXG4gICAgLmpvaW4oJyYnKVxyXG59XHJcbiJdfQ==

package/esm2015/lib/helpers/horizontal-scroller/horizontal-scroller.component.js

@@ -1,99 +1,99 @@
-import { Component, Input, Output, ViewChild, EventEmitter } from '@angular/core';
-import { fromEvent, timer, } from 'rxjs';
-import { debounceTime, throttleTime } from 'rxjs/operators';
-export class HorizontalScrollerComponent {
-    constructor() {
-        this.loadStatus = 'none';
-        this.onHover = false;
-        this.loadNext = new EventEmitter();
-        this.horizontalScrollElem = null;
-        this.enablePrev = false;
-        this.enableNext = false;
-        this.scrollObserver = null;
-    }
-    ngOnInit() {
-        if (this.horizontalScrollElem) {
-            const horizontalScrollElem = this.horizontalScrollElem;
-            this.scrollObserver = fromEvent(horizontalScrollElem.nativeElement, 'scroll')
-                .pipe(debounceTime(100), throttleTime(100))
-                .subscribe((_ => {
-                this.updateNavigationBtnStatus(((horizontalScrollElem
-                    .nativeElement)));
-            }));
-        }
-    }
-    ngOnChanges() {
-        timer(100).subscribe((() => {
-            if (this.horizontalScrollElem) {
-                this.updateNavigationBtnStatus(((this.horizontalScrollElem
-                    .nativeElement)));
-            }
-        }));
-    }
-    ngOnDestroy() {
-        if (this.scrollObserver) {
-            this.scrollObserver.unsubscribe();
-        }
-    }
-    showPrev() {
-        if (this.horizontalScrollElem) {
-            if (this.horizontalScrollElem) {
-                const clientWidth = (this.horizontalScrollElem.nativeElement.clientWidth);
-                this.horizontalScrollElem.nativeElement.scrollTo({
-                    left: this.horizontalScrollElem.nativeElement.scrollLeft - clientWidth,
-                    behavior: 'smooth',
-                });
-            }
-        }
-    }
-    showNext() {
-        if (this.horizontalScrollElem) {
-            if (this.horizontalScrollElem) {
-                const clientWidth = (this.horizontalScrollElem.nativeElement.clientWidth);
-                this.horizontalScrollElem.nativeElement.scrollTo({
-                    left: this.horizontalScrollElem.nativeElement.scrollLeft + clientWidth,
-                    behavior: 'smooth',
-                });
-            }
-        }
-    }
-    updateNavigationBtnStatus(elem) {
-        this.enablePrev = true;
-        this.enableNext = true;
-        if (elem.scrollLeft === 0) {
-            this.enablePrev = false;
-        }
-        if (elem.scrollWidth === elem.clientWidth + elem.scrollLeft) {
-            if (this.loadStatus === 'hasMore') {
-                this.loadNext.emit();
-            }
-            else {
-                this.enableNext = false;
-            }
-        }
-    }
-}
-HorizontalScrollerComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'ws-utils-horizontal-scroller',
-                template: "<section class=\"horizontal-scroll-container h-full\">\r\n  <button i18n-aria-label aria-label=\"back\" name=\"content-backward-button\" mat-mini-fab color=\"primary\" (click)=\"showPrev()\"\r\n    class=\"prevBtn hidden-touch border-radius-xs\" [hidden]=\"!enablePrev\" [ngClass]=\"{'prevBtnHover': onHover}\">\r\n    <mat-icon>navigate_before</mat-icon>\r\n  </button>\r\n  <div name=\"horizontal-scroll-content-strip\" class=\"horizontal-scroll-content\" #horizontalScrollElem>\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <button i18n-aria-label aria-label=\"next\" name=\"content-forward-button\" mat-mini-fab (click)=\"showNext()\" color=\"primary\"\r\n    class=\"nextBtn hidden-touch border-radius-xs\" [ngClass]=\"{'nextBtnHover': onHover}\"\r\n    [hidden]=\"!enableNext || loadStatus === 'fetching'\">\r\n    <mat-icon>navigate_next</mat-icon>\r\n  </button>\r\n  <div class=\"nextLoading\" *ngIf=\"loadStatus === 'fetching'\">\r\n    <mat-spinner></mat-spinner>\r\n  </div>\r\n</section>",
-                styles: [".horizontal-scroll-container{position:relative;width:100%;min-height:100px}.nextBtn,.nextLoading,.prevBtn{position:absolute;top:50%;transform:translateY(-50%);z-index:999}.border-radius-xs{border-radius:8px!important}.prevBtn{left:-16px}.nextBtn{right:-16px}.nextLoading{padding:0;right:-16px}.horizontal-scroll-content{overflow-y:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;height:100%;flex-wrap:nowrap;display:flex;align-items:stretch;-ms-overflow-style:none;scrollbar-width:none}.horizontal-scroll-content::-webkit-scrollbar{width:0;height:0}"]
-            }] }
-];
-HorizontalScrollerComponent.ctorParameters = () => [];
-HorizontalScrollerComponent.propDecorators = {
-    loadStatus: [{ type: Input }],
-    onHover: [{ type: Input }],
-    loadNext: [{ type: Output }],
-    horizontalScrollElem: [{ type: ViewChild, args: ['horizontalScrollElem', { static: true },] }]
-};
-if (false) {
-    HorizontalScrollerComponent.prototype.loadStatus;
-    HorizontalScrollerComponent.prototype.onHover;
-    HorizontalScrollerComponent.prototype.loadNext;
-    HorizontalScrollerComponent.prototype.horizontalScrollElem;
-    HorizontalScrollerComponent.prototype.enablePrev;
-    HorizontalScrollerComponent.prototype.enableNext;
-    HorizontalScrollerComponent.prototype.scrollObserver;
-}
+import { Component, Input, Output, ViewChild, EventEmitter } from '@angular/core';
+import { fromEvent, timer, } from 'rxjs';
+import { debounceTime, throttleTime } from 'rxjs/operators';
+export class HorizontalScrollerComponent {
+    constructor() {
+        this.loadStatus = 'none';
+        this.onHover = false;
+        this.loadNext = new EventEmitter();
+        this.horizontalScrollElem = null;
+        this.enablePrev = false;
+        this.enableNext = false;
+        this.scrollObserver = null;
+    }
+    ngOnInit() {
+        if (this.horizontalScrollElem) {
+            const horizontalScrollElem = this.horizontalScrollElem;
+            this.scrollObserver = fromEvent(horizontalScrollElem.nativeElement, 'scroll')
+                .pipe(debounceTime(100), throttleTime(100))
+                .subscribe((_ => {
+                this.updateNavigationBtnStatus(((horizontalScrollElem
+                    .nativeElement)));
+            }));
+        }
+    }
+    ngOnChanges() {
+        timer(100).subscribe((() => {
+            if (this.horizontalScrollElem) {
+                this.updateNavigationBtnStatus(((this.horizontalScrollElem
+                    .nativeElement)));
+            }
+        }));
+    }
+    ngOnDestroy() {
+        if (this.scrollObserver) {
+            this.scrollObserver.unsubscribe();
+        }
+    }
+    showPrev() {
+        if (this.horizontalScrollElem) {
+            if (this.horizontalScrollElem) {
+                const clientWidth = (this.horizontalScrollElem.nativeElement.clientWidth);
+                this.horizontalScrollElem.nativeElement.scrollTo({
+                    left: this.horizontalScrollElem.nativeElement.scrollLeft - clientWidth,
+                    behavior: 'smooth',
+                });
+            }
+        }
+    }
+    showNext() {
+        if (this.horizontalScrollElem) {
+            if (this.horizontalScrollElem) {
+                const clientWidth = (this.horizontalScrollElem.nativeElement.clientWidth);
+                this.horizontalScrollElem.nativeElement.scrollTo({
+                    left: this.horizontalScrollElem.nativeElement.scrollLeft + clientWidth,
+                    behavior: 'smooth',
+                });
+            }
+        }
+    }
+    updateNavigationBtnStatus(elem) {
+        this.enablePrev = true;
+        this.enableNext = true;
+        if (elem.scrollLeft === 0) {
+            this.enablePrev = false;
+        }
+        if (elem.scrollWidth === elem.clientWidth + elem.scrollLeft) {
+            if (this.loadStatus === 'hasMore') {
+                this.loadNext.emit();
+            }
+            else {
+                this.enableNext = false;
+            }
+        }
+    }
+}
+HorizontalScrollerComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ws-utils-horizontal-scroller',
+                template: "<section class=\"horizontal-scroll-container h-full\">\r\n  <button i18n-aria-label aria-label=\"back\" name=\"content-backward-button\" mat-mini-fab color=\"primary\" (click)=\"showPrev()\"\r\n    class=\"prevBtn hidden-touch border-radius-xs\" [hidden]=\"!enablePrev\" [ngClass]=\"{'prevBtnHover': onHover}\">\r\n    <mat-icon>navigate_before</mat-icon>\r\n  </button>\r\n  <div name=\"horizontal-scroll-content-strip\" class=\"horizontal-scroll-content\" #horizontalScrollElem>\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <button i18n-aria-label aria-label=\"next\" name=\"content-forward-button\" mat-mini-fab (click)=\"showNext()\" color=\"primary\"\r\n    class=\"nextBtn hidden-touch border-radius-xs\" [ngClass]=\"{'nextBtnHover': onHover}\"\r\n    [hidden]=\"!enableNext || loadStatus === 'fetching'\">\r\n    <mat-icon>navigate_next</mat-icon>\r\n  </button>\r\n  <div class=\"nextLoading\" *ngIf=\"loadStatus === 'fetching'\">\r\n    <mat-spinner></mat-spinner>\r\n  </div>\r\n</section>",
+                styles: [".horizontal-scroll-container{position:relative;width:100%;min-height:100px}.nextBtn,.nextLoading,.prevBtn{position:absolute;top:50%;transform:translateY(-50%);z-index:999}.border-radius-xs{border-radius:8px!important}.prevBtn{left:-16px}.nextBtn{right:-16px}.nextLoading{padding:0;right:-16px}.horizontal-scroll-content{overflow-y:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;height:100%;flex-wrap:nowrap;display:flex;align-items:stretch;-ms-overflow-style:none;scrollbar-width:none}.horizontal-scroll-content::-webkit-scrollbar{width:0;height:0}"]
+            }] }
+];
+HorizontalScrollerComponent.ctorParameters = () => [];
+HorizontalScrollerComponent.propDecorators = {
+    loadStatus: [{ type: Input }],
+    onHover: [{ type: Input }],
+    loadNext: [{ type: Output }],
+    horizontalScrollElem: [{ type: ViewChild, args: ['horizontalScrollElem', { static: true },] }]
+};
+if (false) {
+    HorizontalScrollerComponent.prototype.loadStatus;
+    HorizontalScrollerComponent.prototype.onHover;
+    HorizontalScrollerComponent.prototype.loadNext;
+    HorizontalScrollerComponent.prototype.horizontalScrollElem;
+    HorizontalScrollerComponent.prototype.enablePrev;
+    HorizontalScrollerComponent.prototype.enableNext;
+    HorizontalScrollerComponent.prototype.scrollObserver;
+}
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG9yaXpvbnRhbC1zY3JvbGxlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac3VuYmlyZC1jYi91dGlscy12Mi8iLCJzb3VyY2VzIjpbImxpYi9oZWxwZXJzL2hvcml6b250YWwtc2Nyb2xsZXIvaG9yaXpvbnRhbC1zY3JvbGxlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBZ0MsS0FBSyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFjLE1BQU0sZUFBZSxDQUFBO0FBQzNILE9BQU8sRUFDTCxTQUFTLEVBRVQsS0FBSyxHQUNOLE1BQU0sTUFBTSxDQUFBO0FBQ2IsT0FBTyxFQUFFLFlBQVksRUFBRSxZQUFZLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTtBQVEzRCxNQUFNLE9BQU8sMkJBQTJCO0lBZXRDO1FBWkEsZUFBVSxHQUFpQixNQUFNLENBQUE7UUFFakMsWUFBTyxHQUFHLEtBQUssQ0FBQTtRQUVmLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFBO1FBRTdCLHlCQUFvQixHQUFzQixJQUFJLENBQUE7UUFFOUMsZUFBVSxHQUFHLEtBQUssQ0FBQTtRQUNsQixlQUFVLEdBQUcsS0FBSyxDQUFBO1FBQ1YsbUJBQWMsR0FBd0IsSUFBSSxDQUFBO0lBRWxDLENBQUM7SUFFakIsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLG9CQUFvQixFQUFFO2tCQUN2QixvQkFBb0IsR0FBRyxJQUFJLENBQUMsb0JBQW9CO1lBQ3RELElBQUksQ0FBQyxjQUFjLEdBQUcsU0FBUyxDQUM3QixvQkFBb0IsQ0FBQyxhQUFhLEVBQ2xDLFFBQVEsQ0FDVDtpQkFDRSxJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxFQUFFLFlBQVksQ0FBQyxHQUFHLENBQUMsQ0FBQztpQkFDMUMsU0FBUyxFQUFDLENBQUMsQ0FBQyxFQUFFO2dCQUNiLElBQUksQ0FBQyx5QkFBeUIsQ0FBQyxFQUFBLG9CQUFvQjtxQkFDaEQsYUFBYSxFQUFlLENBQUMsQ0FBQTtZQUNsQyxDQUFDLEVBQUMsQ0FBQTtTQUNMO0lBQ0gsQ0FBQztJQUNELFdBQVc7UUFDVCxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsU0FBUyxFQUFDLEdBQUcsRUFBRTtZQUN4QixJQUFJLElBQUksQ0FBQyxvQkFBb0IsRUFBRTtnQkFDN0IsSUFBSSxDQUFDLHlCQUF5QixDQUFDLEVBQUEsSUFBSSxDQUFDLG9CQUFvQjtxQkFDckQsYUFBYSxFQUFlLENBQUMsQ0FBQTthQUNqQztRQUNILENBQUMsRUFBQyxDQUFBO0lBQ0osQ0FBQztJQUNELFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDdkIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxXQUFXLEVBQUUsQ0FBQTtTQUNsQztJQUNILENBQUM7SUFDRCxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsb0JBQW9CLEVBQUU7WUFHN0IsSUFBSSxJQUFJLENBQUMsb0JBQW9CLEVBQUU7c0JBRXZCLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDO2dCQUN6RSxJQUFJLENBQUMsb0JBQW9CLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQztvQkFDL0MsSUFBSSxFQUFFLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxhQUFhLENBQUMsVUFBVSxHQUFHLFdBQVc7b0JBQ3RFLFFBQVEsRUFBRSxRQUFRO2lCQUNuQixDQUFDLENBQUE7YUFDSDtTQUNGO0lBQ0gsQ0FBQztJQUNELFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxvQkFBb0IsRUFBRTtZQUc3QixJQUFJLElBQUksQ0FBQyxvQkFBb0IsRUFBRTtzQkFFdkIsV0FBVyxHQUFHLENBQUMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUM7Z0JBQ3pFLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDO29CQUMvQyxJQUFJLEVBQUUsSUFBSSxDQUFDLG9CQUFvQixDQUFDLGFBQWEsQ0FBQyxVQUFVLEdBQUcsV0FBVztvQkFDdEUsUUFBUSxFQUFFLFFBQVE7aUJBQ25CLENBQUMsQ0FBQTthQUNIO1NBQ0Y7SUFDSCxDQUFDO0lBQ08seUJBQXlCLENBQUMsSUFBaUI7UUFDakQsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUE7UUFDdEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUE7UUFDdEIsSUFBSSxJQUFJLENBQUMsVUFBVSxLQUFLLENBQUMsRUFBRTtZQUN6QixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQTtTQUN4QjtRQUNELElBQUksSUFBSSxDQUFDLFdBQVcsS0FBSyxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDM0QsSUFBSSxJQUFJLENBQUMsVUFBVSxLQUFLLFNBQVMsRUFBRTtnQkFDakMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQTthQUNyQjtpQkFBTTtnQkFDTCxJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQTthQUN4QjtTQUNGO0lBQ0gsQ0FBQzs7O1lBMUZGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsOEJBQThCO2dCQUN4Qyx3L0JBQW1EOzthQUVwRDs7Ozt5QkFHRSxLQUFLO3NCQUVMLEtBQUs7dUJBRUwsTUFBTTttQ0FFTixTQUFTLFNBQUMsc0JBQXNCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFOzs7SUFObkQsaURBQ2lDO0lBQ2pDLDhDQUNlO0lBQ2YsK0NBQzZCO0lBQzdCLDJEQUM4QztJQUU5QyxpREFBa0I7SUFDbEIsaURBQWtCO0lBQ2xCLHFEQUFrRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBPbkNoYW5nZXMsIE9uRGVzdHJveSwgSW5wdXQsIE91dHB1dCwgVmlld0NoaWxkLCBFdmVudEVtaXR0ZXIsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xyXG5pbXBvcnQge1xyXG4gIGZyb21FdmVudCxcclxuICBTdWJzY3JpcHRpb24sXHJcbiAgdGltZXIsXHJcbn0gZnJvbSAncnhqcydcclxuaW1wb3J0IHsgZGVib3VuY2VUaW1lLCB0aHJvdHRsZVRpbWUgfSBmcm9tICdyeGpzL29wZXJhdG9ycydcclxuaW1wb3J0IHsgVEZldGNoU3RhdHVzIH0gZnJvbSAnLi4vLi4vY29uc3RhbnRzL21pc2MuY29uc3RhbnRzJ1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd3cy11dGlscy1ob3Jpem9udGFsLXNjcm9sbGVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vaG9yaXpvbnRhbC1zY3JvbGxlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vaG9yaXpvbnRhbC1zY3JvbGxlci5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgSG9yaXpvbnRhbFNjcm9sbGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMsIE9uRGVzdHJveSB7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgbG9hZFN0YXR1czogVEZldGNoU3RhdHVzID0gJ25vbmUnXHJcbiAgQElucHV0KClcclxuICBvbkhvdmVyID0gZmFsc2VcclxuICBAT3V0cHV0KClcclxuICBsb2FkTmV4dCA9IG5ldyBFdmVudEVtaXR0ZXIoKVxyXG4gIEBWaWV3Q2hpbGQoJ2hvcml6b250YWxTY3JvbGxFbGVtJywgeyBzdGF0aWM6IHRydWUgfSlcclxuICBob3Jpem9udGFsU2Nyb2xsRWxlbTogRWxlbWVudFJlZiB8IG51bGwgPSBudWxsXHJcblxyXG4gIGVuYWJsZVByZXYgPSBmYWxzZVxyXG4gIGVuYWJsZU5leHQgPSBmYWxzZVxyXG4gIHByaXZhdGUgc2Nyb2xsT2JzZXJ2ZXI6IFN1YnNjcmlwdGlvbiB8IG51bGwgPSBudWxsXHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgaWYgKHRoaXMuaG9yaXpvbnRhbFNjcm9sbEVsZW0pIHtcclxuICAgICAgY29uc3QgaG9yaXpvbnRhbFNjcm9sbEVsZW0gPSB0aGlzLmhvcml6b250YWxTY3JvbGxFbGVtXHJcbiAgICAgIHRoaXMuc2Nyb2xsT2JzZXJ2ZXIgPSBmcm9tRXZlbnQoXHJcbiAgICAgICAgaG9yaXpvbnRhbFNjcm9sbEVsZW0ubmF0aXZlRWxlbWVudCxcclxuICAgICAgICAnc2Nyb2xsJyxcclxuICAgICAgKVxyXG4gICAgICAgIC5waXBlKGRlYm91bmNlVGltZSgxMDApLCB0aHJvdHRsZVRpbWUoMTAwKSlcclxuICAgICAgICAuc3Vic2NyaWJlKF8gPT4ge1xyXG4gICAgICAgICAgdGhpcy51cGRhdGVOYXZpZ2F0aW9uQnRuU3RhdHVzKGhvcml6b250YWxTY3JvbGxFbGVtXHJcbiAgICAgICAgICAgIC5uYXRpdmVFbGVtZW50IGFzIEhUTUxFbGVtZW50KVxyXG4gICAgICAgIH0pXHJcbiAgICB9XHJcbiAgfVxyXG4gIG5nT25DaGFuZ2VzKCkge1xyXG4gICAgdGltZXIoMTAwKS5zdWJzY3JpYmUoKCkgPT4ge1xyXG4gICAgICBpZiAodGhpcy5ob3Jpem9udGFsU2Nyb2xsRWxlbSkge1xyXG4gICAgICAgIHRoaXMudXBkYXRlTmF2aWdhdGlvbkJ0blN0YXR1cyh0aGlzLmhvcml6b250YWxTY3JvbGxFbGVtXHJcbiAgICAgICAgICAubmF0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudClcclxuICAgICAgfVxyXG4gICAgfSlcclxuICB9XHJcbiAgbmdPbkRlc3Ryb3koKSB7XHJcbiAgICBpZiAodGhpcy5zY3JvbGxPYnNlcnZlcikge1xyXG4gICAgICB0aGlzLnNjcm9sbE9ic2VydmVyLnVuc3Vic2NyaWJlKClcclxuICAgIH1cclxuICB9XHJcbiAgc2hvd1ByZXYoKSB7XHJcbiAgICBpZiAodGhpcy5ob3Jpem9udGFsU2Nyb2xsRWxlbSkge1xyXG4gICAgICAvLyBjb25zdCBlbGVtID0gdGhpcy5ob3Jpem9udGFsU2Nyb2xsRWxlbS5uYXRpdmVFbGVtZW50XHJcbiAgICAgIC8vIGVsZW0uc2Nyb2xsTGVmdCAtPSAwLjIwICogZWxlbS5jbGllbnRXaWR0aFxyXG4gICAgICBpZiAodGhpcy5ob3Jpem9udGFsU2Nyb2xsRWxlbSkge1xyXG4gICAgICAgIC8vIGNvbnN0IGNsaWVudFdpZHRoID0gKHRoaXMuaG9yaXpvbnRhbFNjcm9sbEVsZW0ubmF0aXZlRWxlbWVudC5jbGllbnRXaWR0aCAqIDAuMjQpXHJcbiAgICAgICAgY29uc3QgY2xpZW50V2lkdGggPSAodGhpcy5ob3Jpem9udGFsU2Nyb2xsRWxlbS5uYXRpdmVFbGVtZW50LmNsaWVudFdpZHRoKVxyXG4gICAgICAgIHRoaXMuaG9yaXpvbnRhbFNjcm9sbEVsZW0ubmF0aXZlRWxlbWVudC5zY3JvbGxUbyh7XHJcbiAgICAgICAgICBsZWZ0OiB0aGlzLmhvcml6b250YWxTY3JvbGxFbGVtLm5hdGl2ZUVsZW1lbnQuc2Nyb2xsTGVmdCAtIGNsaWVudFdpZHRoLFxyXG4gICAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnLFxyXG4gICAgICAgIH0pXHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcbiAgc2hvd05leHQoKSB7XHJcbiAgICBpZiAodGhpcy5ob3Jpem9udGFsU2Nyb2xsRWxlbSkge1xyXG4gICAgICAvLyBjb25zdCBlbGVtID0gdGhpcy5ob3Jpem9udGFsU2Nyb2xsRWxlbS5uYXRpdmVFbGVtZW50XHJcbiAgICAgIC8vIGVsZW0uc2Nyb2xsTGVmdCArPSAwLjIwICogZWxlbS5jbGllbnRXaWR0aFxyXG4gICAgICBpZiAodGhpcy5ob3Jpem9udGFsU2Nyb2xsRWxlbSkge1xyXG4gICAgICAgIC8vIGNvbnN0IGNsaWVudFdpZHRoID0gKHRoaXMuaG9yaXpvbnRhbFNjcm9sbEVsZW0ubmF0aXZlRWxlbWVudC5jbGllbnRXaWR0aCAqIDAuMjQpXHJcbiAgICAgICAgY29uc3QgY2xpZW50V2lkdGggPSAodGhpcy5ob3Jpem9udGFsU2Nyb2xsRWxlbS5uYXRpdmVFbGVtZW50LmNsaWVudFdpZHRoKVxyXG4gICAgICAgIHRoaXMuaG9yaXpvbnRhbFNjcm9sbEVsZW0ubmF0aXZlRWxlbWVudC5zY3JvbGxUbyh7XHJcbiAgICAgICAgICBsZWZ0OiB0aGlzLmhvcml6b250YWxTY3JvbGxFbGVtLm5hdGl2ZUVsZW1lbnQuc2Nyb2xsTGVmdCArIGNsaWVudFdpZHRoLFxyXG4gICAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnLFxyXG4gICAgICAgIH0pXHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcbiAgcHJpdmF0ZSB1cGRhdGVOYXZpZ2F0aW9uQnRuU3RhdHVzKGVsZW06IEhUTUxFbGVtZW50KSB7XHJcbiAgICB0aGlzLmVuYWJsZVByZXYgPSB0cnVlXHJcbiAgICB0aGlzLmVuYWJsZU5leHQgPSB0cnVlXHJcbiAgICBpZiAoZWxlbS5zY3JvbGxMZWZ0ID09PSAwKSB7XHJcbiAgICAgIHRoaXMuZW5hYmxlUHJldiA9IGZhbHNlXHJcbiAgICB9XHJcbiAgICBpZiAoZWxlbS5zY3JvbGxXaWR0aCA9PT0gZWxlbS5jbGllbnRXaWR0aCArIGVsZW0uc2Nyb2xsTGVmdCkge1xyXG4gICAgICBpZiAodGhpcy5sb2FkU3RhdHVzID09PSAnaGFzTW9yZScpIHtcclxuICAgICAgICB0aGlzLmxvYWROZXh0LmVtaXQoKVxyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIHRoaXMuZW5hYmxlTmV4dCA9IGZhbHNlXHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19

package/esm2015/lib/helpers/horizontal-scroller/horizontal-scroller.module.js

@@ -1,19 +1,19 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { HorizontalScrollerComponent } from './horizontal-scroller.component';
-import { MatButtonModule, MatIconModule, MatProgressSpinnerModule } from '@angular/material';
-export class HorizontalScrollerModule {
-}
-HorizontalScrollerModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [HorizontalScrollerComponent],
-                imports: [
-                    CommonModule,
-                    MatButtonModule,
-                    MatIconModule,
-                    MatProgressSpinnerModule,
-                ],
-                exports: [HorizontalScrollerComponent],
-            },] }
-];
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { HorizontalScrollerComponent } from './horizontal-scroller.component';
+import { MatButtonModule, MatIconModule, MatProgressSpinnerModule } from '@angular/material';
+export class HorizontalScrollerModule {
+}
+HorizontalScrollerModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [HorizontalScrollerComponent],
+                imports: [
+                    CommonModule,
+                    MatButtonModule,
+                    MatIconModule,
+                    MatProgressSpinnerModule,
+                ],
+                exports: [HorizontalScrollerComponent],
+            },] }
+];
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG9yaXpvbnRhbC1zY3JvbGxlci5tb2R1bGUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac3VuYmlyZC1jYi91dGlscy12Mi8iLCJzb3VyY2VzIjpbImxpYi9oZWxwZXJzL2hvcml6b250YWwtc2Nyb2xsZXIvaG9yaXpvbnRhbC1zY3JvbGxlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDOUMsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0saUNBQWlDLENBQUE7QUFDN0UsT0FBTyxFQUFFLGVBQWUsRUFBRSxhQUFhLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQVk1RixNQUFNLE9BQU8sd0JBQXdCOzs7WUFWcEMsUUFBUSxTQUFDO2dCQUNSLFlBQVksRUFBRSxDQUFDLDJCQUEyQixDQUFDO2dCQUMzQyxPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixlQUFlO29CQUNmLGFBQWE7b0JBQ2Isd0JBQXdCO2lCQUN6QjtnQkFDRCxPQUFPLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQzthQUN2QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJ1xyXG5pbXBvcnQgeyBIb3Jpem9udGFsU2Nyb2xsZXJDb21wb25lbnQgfSBmcm9tICcuL2hvcml6b250YWwtc2Nyb2xsZXIuY29tcG9uZW50J1xyXG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUsIE1hdEljb25Nb2R1bGUsIE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsJ1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtIb3Jpem9udGFsU2Nyb2xsZXJDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcclxuICAgIE1hdEljb25Nb2R1bGUsXHJcbiAgICBNYXRQcm9ncmVzc1NwaW5uZXJNb2R1bGUsXHJcbiAgXSxcclxuICBleHBvcnRzOiBbSG9yaXpvbnRhbFNjcm9sbGVyQ29tcG9uZW50XSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEhvcml6b250YWxTY3JvbGxlck1vZHVsZSB7IH1cclxuIl19