ngx-slimscroll - npm Package Compare versions

Comparing version 12.1.0 to 12.2.0

bundles/ngx-slimscroll.umd.js

@@ -114,2 +114,3 @@ (function (global, factory) {
             this.barVisibilityChange = new i0.EventEmitter();
+            this.locked = false;
             this.el = this.viewContainer.element.nativeElement;
@@ -201,2 +202,8 @@ this.body = this.document.querySelector('body');
             }
+            else if (e.type === 'lock') {
+                this.locked = true;
+            }
+            else if (e.type === 'unlock') {
+                this.locked = false;
+            }
         };
@@ -275,2 +282,5 @@ SlimScrollDirective.prototype.setStyle = function () {
             var _this = this;
+            if (this.locked) {
+                return;
+            }
             var start = Date.now();
@@ -319,2 +329,5 @@ var from = this.el.scrollTop;
             var _this = this;
+            if (this.locked) {
+                return;
+            }
             var delta = y;
@@ -388,3 +401,3 @@ var maxTop = this.el.offsetHeight - this.bar.offsetHeight;
                 _this.top = parseFloat(getComputedStyle(bar).top);
-                return mousemove.pipe(operators.map(function (emove) {
+                return mousemove.pipe(operators.filter(function () { return !_this.locked; }), operators.map(function (emove) {
                     emove.preventDefault();
@@ -397,3 +410,3 @@ return _this.top + emove.pageY - _this.pageY;
                 _this.top = -parseFloat(getComputedStyle(bar).top);
-                return touchmove.pipe(operators.map(function (tmove) {
+                return touchmove.pipe(operators.filter(function () { return !_this.locked; }), operators.map(function (tmove) {
                     return -(_this.top + tmove.targetTouches[0].pageY - _this.pageY);
@@ -400,0 +413,0 @@ }), operators.takeUntil(touchend));

esm2015/lib/slimscroll-event.class.js

@@ -10,2 +10,2 @@ export class SlimScrollEvent {
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpbXNjcm9sbC1ldmVudC5jbGFzcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zbGltc2Nyb2xsL3NyYy9saWIvc2xpbXNjcm9sbC1ldmVudC5jbGFzcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVQSxNQUFNLE9BQU8sZUFBZTtJQVMxQixZQUFZLEdBQXNCO1FBQ2hDLElBQUksQ0FBQyxJQUFJLEdBQUcsR0FBRyxDQUFDLElBQUksQ0FBQztRQUNyQixJQUFJLENBQUMsQ0FBQyxHQUFHLEdBQUcsSUFBSSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDbEMsSUFBSSxDQUFDLE9BQU8sR0FBRyxHQUFHLElBQUksR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3BELElBQUksQ0FBQyxRQUFRLEdBQUcsR0FBRyxJQUFJLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUN2RCxJQUFJLENBQUMsTUFBTSxHQUFHLEdBQUcsSUFBSSxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUM7SUFDMUQsQ0FBQztDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBJU2xpbVNjcm9sbEV2ZW50IHtcbiAgdHlwZTogJ3Njcm9sbFRvQm90dG9tJyB8ICdzY3JvbGxUb1RvcCcgfCAnc2Nyb2xsVG9QZXJjZW50JyB8ICdzY3JvbGxUbycgfCAncmVjYWxjdWxhdGUnO1xuICB5PzogbnVtYmVyO1xuICBwZXJjZW50PzogbnVtYmVyO1xuICBkdXJhdGlvbj86IG51bWJlcjtcbiAgZWFzaW5nPzogJ2xpbmVhcicgfCAnaW5RdWFkJyB8ICdvdXRRdWFkJyB8ICdpbk91dFF1YWQnIHwgJ2luQ3ViaWMnIHxcbiAgJ291dEN1YmljJyB8ICdpbk91dEN1YmljJyB8ICdpblF1YXJ0JyB8ICdvdXRRdWFydCcgfCAnaW5PdXRRdWFydCcgfFxuICAnaW5RdWludCcgfCAnb3V0UXVpbnQnIHwgJ2luT3V0UXVpbnQnO1xufVxuXG5leHBvcnQgY2xhc3MgU2xpbVNjcm9sbEV2ZW50IGltcGxlbWVudHMgSVNsaW1TY3JvbGxFdmVudCB7XG4gIHR5cGU6ICdzY3JvbGxUb0JvdHRvbScgfCAnc2Nyb2xsVG9Ub3AnIHwgJ3Njcm9sbFRvUGVyY2VudCcgfCAnc2Nyb2xsVG8nIHwgJ3JlY2FsY3VsYXRlJztcbiAgeT86IG51bWJlcjtcbiAgcGVyY2VudD86IG51bWJlcjtcbiAgZHVyYXRpb24/OiBudW1iZXI7XG4gIGVhc2luZzogJ2xpbmVhcicgfCAnaW5RdWFkJyB8ICdvdXRRdWFkJyB8ICdpbk91dFF1YWQnIHwgJ2luQ3ViaWMnIHxcbiAgICAnb3V0Q3ViaWMnIHwgJ2luT3V0Q3ViaWMnIHwgJ2luUXVhcnQnIHwgJ291dFF1YXJ0JyB8ICdpbk91dFF1YXJ0JyB8XG4gICAgJ2luUXVpbnQnIHwgJ291dFF1aW50JyB8ICdpbk91dFF1aW50JztcblxuICBjb25zdHJ1Y3RvcihvYmo/OiBJU2xpbVNjcm9sbEV2ZW50KSB7XG4gICAgdGhpcy50eXBlID0gb2JqLnR5cGU7XG4gICAgdGhpcy55ID0gb2JqICYmIG9iai55ID8gb2JqLnkgOiAwO1xuICAgIHRoaXMucGVyY2VudCA9IG9iaiAmJiBvYmoucGVyY2VudCA/IG9iai5wZXJjZW50IDogMDtcbiAgICB0aGlzLmR1cmF0aW9uID0gb2JqICYmIG9iai5kdXJhdGlvbiA/IG9iai5kdXJhdGlvbiA6IDA7XG4gICAgdGhpcy5lYXNpbmcgPSBvYmogJiYgb2JqLmVhc2luZyA/IG9iai5lYXNpbmcgOiAnbGluZWFyJztcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpbXNjcm9sbC1ldmVudC5jbGFzcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zbGltc2Nyb2xsL3NyYy9saWIvc2xpbXNjcm9sbC1ldmVudC5jbGFzcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQkEsTUFBTSxPQUFPLGVBQWU7SUFvQjFCLFlBQVksR0FBc0I7UUFDaEMsSUFBSSxDQUFDLElBQUksR0FBRyxHQUFHLENBQUMsSUFBSSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxDQUFDLEdBQUcsR0FBRyxJQUFJLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNsQyxJQUFJLENBQUMsT0FBTyxHQUFHLEdBQUcsSUFBSSxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDcEQsSUFBSSxDQUFDLFFBQVEsR0FBRyxHQUFHLElBQUksR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3ZELElBQUksQ0FBQyxNQUFNLEdBQUcsR0FBRyxJQUFJLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQztJQUMxRCxDQUFDO0NBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIElTbGltU2Nyb2xsRXZlbnQge1xuICB0eXBlOiAnc2Nyb2xsVG9Cb3R0b20nIHwgJ3Njcm9sbFRvVG9wJyB8ICdzY3JvbGxUb1BlcmNlbnQnIHwgJ3Njcm9sbFRvJyB8ICdyZWNhbGN1bGF0ZScgfCAnbG9jaycgfCAndW5sb2NrJztcbiAgeT86IG51bWJlcjtcbiAgcGVyY2VudD86IG51bWJlcjtcbiAgZHVyYXRpb24/OiBudW1iZXI7XG4gIGVhc2luZz86XG4gICAgfCAnbGluZWFyJ1xuICAgIHwgJ2luUXVhZCdcbiAgICB8ICdvdXRRdWFkJ1xuICAgIHwgJ2luT3V0UXVhZCdcbiAgICB8ICdpbkN1YmljJ1xuICAgIHwgJ291dEN1YmljJ1xuICAgIHwgJ2luT3V0Q3ViaWMnXG4gICAgfCAnaW5RdWFydCdcbiAgICB8ICdvdXRRdWFydCdcbiAgICB8ICdpbk91dFF1YXJ0J1xuICAgIHwgJ2luUXVpbnQnXG4gICAgfCAnb3V0UXVpbnQnXG4gICAgfCAnaW5PdXRRdWludCc7XG59XG5cbmV4cG9ydCBjbGFzcyBTbGltU2Nyb2xsRXZlbnQgaW1wbGVtZW50cyBJU2xpbVNjcm9sbEV2ZW50IHtcbiAgdHlwZTogJ3Njcm9sbFRvQm90dG9tJyB8ICdzY3JvbGxUb1RvcCcgfCAnc2Nyb2xsVG9QZXJjZW50JyB8ICdzY3JvbGxUbycgfCAncmVjYWxjdWxhdGUnIHwgJ2xvY2snIHwgJ3VubG9jayc7XG4gIHk/OiBudW1iZXI7XG4gIHBlcmNlbnQ/OiBudW1iZXI7XG4gIGR1cmF0aW9uPzogbnVtYmVyO1xuICBlYXNpbmc6XG4gICAgfCAnbGluZWFyJ1xuICAgIHwgJ2luUXVhZCdcbiAgICB8ICdvdXRRdWFkJ1xuICAgIHwgJ2luT3V0UXVhZCdcbiAgICB8ICdpbkN1YmljJ1xuICAgIHwgJ291dEN1YmljJ1xuICAgIHwgJ2luT3V0Q3ViaWMnXG4gICAgfCAnaW5RdWFydCdcbiAgICB8ICdvdXRRdWFydCdcbiAgICB8ICdpbk91dFF1YXJ0J1xuICAgIHwgJ2luUXVpbnQnXG4gICAgfCAnb3V0UXVpbnQnXG4gICAgfCAnaW5PdXRRdWludCc7XG5cbiAgY29uc3RydWN0b3Iob2JqPzogSVNsaW1TY3JvbGxFdmVudCkge1xuICAgIHRoaXMudHlwZSA9IG9iai50eXBlO1xuICAgIHRoaXMueSA9IG9iaiAmJiBvYmoueSA/IG9iai55IDogMDtcbiAgICB0aGlzLnBlcmNlbnQgPSBvYmogJiYgb2JqLnBlcmNlbnQgPyBvYmoucGVyY2VudCA6IDA7XG4gICAgdGhpcy5kdXJhdGlvbiA9IG9iaiAmJiBvYmouZHVyYXRpb24gPyBvYmouZHVyYXRpb24gOiAwO1xuICAgIHRoaXMuZWFzaW5nID0gb2JqICYmIG9iai5lYXNpbmcgPyBvYmouZWFzaW5nIDogJ2xpbmVhcic7XG4gIH1cbn1cbiJdfQ==

fesm2015/ngx-slimscroll.js

@@ -5,3 +5,3 @@ import * as i0 from '@angular/core';
 import { Subscription, fromEvent, merge } from 'rxjs';
-import { mergeMap, map, takeUntil } from 'rxjs/operators';
+import { mergeMap, filter, map, takeUntil } from 'rxjs/operators';
 
@@ -90,2 +90,3 @@ class SlimScrollEvent {
         this.barVisibilityChange = new EventEmitter();
+        this.locked = false;
         this.el = this.viewContainer.element.nativeElement;
@@ -175,2 +176,8 @@ this.body = this.document.querySelector('body');
         }
+        else if (e.type === 'lock') {
+            this.locked = true;
+        }
+        else if (e.type === 'unlock') {
+            this.locked = false;
+        }
     }
@@ -248,2 +255,5 @@ setStyle() {
     scrollTo(y, duration, easingFunc) {
+        if (this.locked) {
+            return;
+        }
         const start = Date.now();
@@ -291,2 +301,5 @@ const from = this.el.scrollTop;
     scrollContent(y, isWheel, isJump) {
+        if (this.locked) {
+            return;
+        }
         let delta = y;
@@ -358,3 +371,3 @@ const maxTop = this.el.offsetHeight - this.bar.offsetHeight;
             this.top = parseFloat(getComputedStyle(bar).top);
-            return mousemove.pipe(map((emove) => {
+            return mousemove.pipe(filter(() => !this.locked), map((emove) => {
                 emove.preventDefault();
@@ -367,3 +380,3 @@ return this.top + emove.pageY - this.pageY;
             this.top = -parseFloat(getComputedStyle(bar).top);
-            return touchmove.pipe(map((tmove) => {
+            return touchmove.pipe(filter(() => !this.locked), map((tmove) => {
                 return -(this.top + tmove.targetTouches[0].pageY - this.pageY);
@@ -370,0 +383,0 @@ }), takeUntil(touchend));

lib/slimscroll-event.class.d.ts

 export interface ISlimScrollEvent {
-    type: 'scrollToBottom' | 'scrollToTop' | 'scrollToPercent' | 'scrollTo' | 'recalculate';
+    type: 'scrollToBottom' | 'scrollToTop' | 'scrollToPercent' | 'scrollTo' | 'recalculate' | 'lock' | 'unlock';
     y?: number;
@@ -9,3 +9,3 @@ percent?: number;
 export declare class SlimScrollEvent implements ISlimScrollEvent {
-    type: 'scrollToBottom' | 'scrollToTop' | 'scrollToPercent' | 'scrollTo' | 'recalculate';
+    type: 'scrollToBottom' | 'scrollToTop' | 'scrollToPercent' | 'scrollTo' | 'recalculate' | 'lock' | 'unlock';
     y?: number;
@@ -12,0 +12,0 @@ percent?: number;

lib/slimscroll.directive.d.ts

@@ -37,2 +37,3 @@ import { EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges, ViewContainerRef } from '@angular/core';
     };
+    locked: boolean;
     constructor(viewContainer: ViewContainerRef, renderer: Renderer2, document: Document, optionsDefaults: ISlimScrollOptions);
@@ -39,0 +40,0 @@ ngOnInit(): void;

package.json

 {
   "name": "ngx-slimscroll",
-  "version": "12.1.0",
+  "version": "12.2.0",
   "peerDependencies": {
@@ -5,0 +5,0 @@ "@angular/common": ">= 12.0.0",

README.md

 # ngx-slimscroll
 
-[![AbstruseCI](https://ci.bleenco.io/badge/9)](https://ci.bleenco.io/badge/9)
-
 ***ngx-slimscroll*** is a customizable scrollbar directive for Angular2+.
@@ -234,3 +232,3 @@
 export interface ISlimScrollEvent {
-  type: 'scrollToBottom' | 'scrollToTop' | 'scrollToPercent' | 'scrollTo' | 'recalculate';
+  type: 'scrollToBottom' | 'scrollToTop' | 'scrollToPercent' | 'scrollTo' | 'recalculate' | 'lock' | 'unlock';
   y?: number;
@@ -237,0 +235,0 @@ duration?: number;

No alert changes

Improved metrics

Total package byte prevSize

258497

increased by1.64%

Lines of code

1775

increased by2.31%

Worsened metrics

Number of lines in readme file

260

decreased by-0.76%

No dependency changes