@craftsjs/perfect-scrollbar 6.0.0 → 6.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +23 -10
- package/esm2022/lib/perfect-scrollbar.directive.mjs +4 -3
- package/esm2022/public-api.mjs +1 -2
- package/fesm2022/craftsjs-perfect-scrollbar.mjs +5 -21
- package/fesm2022/craftsjs-perfect-scrollbar.mjs.map +1 -1
- package/lib/perfect-scrollbar.directive.d.ts +1 -1
- package/package.json +2 -2
- package/public-api.d.ts +0 -1
- package/esm2022/lib/perfect-scrollbar.module.mjs +0 -20
- package/lib/perfect-scrollbar.module.d.ts +0 -7
package/README.md
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
#
|
|
2
|
-
Utility
|
|
1
|
+
# craftsjs perfect-scrollbar
|
|
2
|
+
Utility directive to enhance scrollbars with perfect-scrollbar.
|
|
3
3
|
|
|
4
4
|
## Getting Started
|
|
5
5
|
To get started, let's install the package through npm:
|
|
@@ -18,16 +18,29 @@ Choose the version corresponding to your Angular version:
|
|
|
18
18
|
npm i @craftsjs/perfect-scrollbar perfect-scrollbar --S
|
|
19
19
|
```
|
|
20
20
|
|
|
21
|
+
## Compatibility
|
|
22
|
+
|
|
23
|
+
Current version: 6.1.0 (Compatible with Angular v18)
|
|
24
|
+
|
|
21
25
|
## How to use
|
|
22
26
|
|
|
23
|
-
|
|
27
|
+
Use the standalone directive in your component
|
|
28
|
+
|
|
29
|
+
```ts
|
|
30
|
+
import { Component } from '@angular/core';
|
|
31
|
+
import { PerfectScrollbarDirective } from '@craftsjs/perfect-scrollbar';
|
|
24
32
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
33
|
+
@Component({
|
|
34
|
+
selector: 'app-example',
|
|
35
|
+
standalone: true,
|
|
36
|
+
imports: [PerfectScrollbarDirective],
|
|
37
|
+
template: `
|
|
38
|
+
<div perfectScrollbar class="menu-scroll-container">
|
|
39
|
+
...large content
|
|
40
|
+
</div>
|
|
41
|
+
`
|
|
42
|
+
})
|
|
43
|
+
export class ExampleComponent {}
|
|
31
44
|
```
|
|
32
45
|
|
|
33
46
|
```css
|
|
@@ -42,7 +55,7 @@ Import PerfectScrollbarModule in your module
|
|
|
42
55
|
```
|
|
43
56
|
|
|
44
57
|
Options
|
|
45
|
-
```
|
|
58
|
+
```ts
|
|
46
59
|
export interface Options {
|
|
47
60
|
handlers?: string[];
|
|
48
61
|
maxScrollbarLength?: number;
|
|
@@ -38,12 +38,13 @@ export class PerfectScrollbarDirective {
|
|
|
38
38
|
this.allSub.forEach(x => x.unsubscribe());
|
|
39
39
|
}
|
|
40
40
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PerfectScrollbarDirective, deps: [{ token: i0.ElementRef }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
41
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: PerfectScrollbarDirective, selector: "[perfectScrollbar]", inputs: { perfectScrollOptions: "perfectScrollOptions" }, host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0 }); }
|
|
41
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: PerfectScrollbarDirective, isStandalone: true, selector: "[perfectScrollbar]", inputs: { perfectScrollOptions: "perfectScrollOptions" }, host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0 }); }
|
|
42
42
|
}
|
|
43
43
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PerfectScrollbarDirective, decorators: [{
|
|
44
44
|
type: Directive,
|
|
45
45
|
args: [{
|
|
46
|
-
selector: '[perfectScrollbar]'
|
|
46
|
+
selector: '[perfectScrollbar]',
|
|
47
|
+
standalone: true
|
|
47
48
|
}]
|
|
48
49
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.Router }], propDecorators: { perfectScrollOptions: [{
|
|
49
50
|
type: Input
|
|
@@ -51,4 +52,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
51
52
|
type: HostListener,
|
|
52
53
|
args: ['window:resize']
|
|
53
54
|
}] } });
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVyZmVjdC1zY3JvbGxiYXIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3JhZnRzanMvcGVyZmVjdC1zY3JvbGxiYXIvc3JjL2xpYi9wZXJmZWN0LXNjcm9sbGJhci5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxZQUFZLEVBQWEsS0FBSyxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUNyRyxPQUFPLGdCQUFnQixNQUFNLG1CQUFtQixDQUFDO0FBQ2pELE9BQU8sRUFBVSxhQUFhLEVBQUUsZUFBZSxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDM0YsT0FBTyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBTy9DLE1BQU0sT0FBTyx5QkFBeUI7SUFRbEMsWUFBb0IsV0FBdUIsRUFBVyxPQUFlO1FBQWpELGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBQVcsWUFBTyxHQUFQLE9BQU8sQ0FBUTtRQUZyRSxXQUFNLEdBQUcsSUFBSSxLQUFLLEVBQWdCLENBQUM7UUFHL0IsSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELElBQ0ksb0JBQW9CLENBQUMsS0FBSztRQUMxQixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUN6QixDQUFDO0lBR0QsUUFBUTtRQUNKLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsZUFBZTtRQUNYLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQ3pCLE1BQU0sY0FBYyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTTthQUNyQyxJQUFJLENBQ0QsTUFBTSxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxLQUFLLFlBQVksYUFBYSxJQUFJLEtBQUssWUFBWSxlQUFlLElBQUksS0FBSyxZQUFZLGdCQUFnQixDQUFDLEVBQzFILEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FDYjthQUNBLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDWixJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDcEIsQ0FBQyxDQUFDLENBQUM7UUFDUCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBRUQsaUJBQWlCO1FBQ2IsaUVBQWlFO1FBQ2pFLElBQUksQ0FBQyxFQUFFLEdBQUcsSUFBSSxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUN2RSxDQUFDO0lBRU8sUUFBUTtRQUNaLElBQUksQ0FBQyxFQUFFLElBQUksSUFBSSxDQUFDLEVBQUUsQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUNoQyxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxFQUFFLElBQUksSUFBSSxDQUFDLEVBQUUsQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUM3QixJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO0lBQzlDLENBQUM7K0dBL0NRLHlCQUF5QjttR0FBekIseUJBQXlCOzs0RkFBekIseUJBQXlCO2tCQUpyQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFVBQVUsRUFBRSxJQUFJO2lCQUNuQjtvR0FjTyxvQkFBb0I7c0JBRHZCLEtBQUs7Z0JBTU4sUUFBUTtzQkFEUCxZQUFZO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEhvc3RMaXN0ZW5lciwgT25EZXN0cm95LCBJbnB1dCwgQWZ0ZXJWaWV3SW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgUGVyZmVjdFNjcm9sbGJhciBmcm9tICdwZXJmZWN0LXNjcm9sbGJhcic7XHJcbmltcG9ydCB7IFJvdXRlciwgTmF2aWdhdGlvbkVuZCwgTmF2aWdhdGlvbkVycm9yLCBOYXZpZ2F0aW9uQ2FuY2VsIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgZmlsdGVyLCBkZWxheSB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICAgIHNlbGVjdG9yOiAnW3BlcmZlY3RTY3JvbGxiYXJdJyxcclxuICAgIHN0YW5kYWxvbmU6IHRydWVcclxufSlcclxuZXhwb3J0IGNsYXNzIFBlcmZlY3RTY3JvbGxiYXJEaXJlY3RpdmUgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xyXG5cclxuICAgIHBzOiBQZXJmZWN0U2Nyb2xsYmFyO1xyXG5cclxuICAgIG9wdGlvbnM6IGFueTtcclxuXHJcbiAgICBhbGxTdWIgPSBuZXcgQXJyYXk8U3Vic2NyaXB0aW9uPigpO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHJlYWRvbmx5IF9yb3V0ZXI6IFJvdXRlcikge1xyXG4gICAgICAgIHRoaXMub3B0aW9ucyA9IHt9O1xyXG4gICAgfVxyXG5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBzZXQgcGVyZmVjdFNjcm9sbE9wdGlvbnModmFsdWUpIHtcclxuICAgICAgICB0aGlzLm9wdGlvbnMgPSB2YWx1ZTtcclxuICAgIH1cclxuXHJcbiAgICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJylcclxuICAgIG9uUmVzaXplKCkge1xyXG4gICAgICAgIHRoaXMucHNVcGRhdGUoKTtcclxuICAgIH1cclxuXHJcbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5pbml0UGVyZmVjdFNjcm9sbCgpO1xyXG4gICAgICAgIGNvbnN0IG5hdmlnYXRpb25FbmQkID0gdGhpcy5fcm91dGVyLmV2ZW50c1xyXG4gICAgICAgICAgICAucGlwZShcclxuICAgICAgICAgICAgICAgIGZpbHRlcigoZXZlbnQpID0+IGV2ZW50IGluc3RhbmNlb2YgTmF2aWdhdGlvbkVuZCB8fCBldmVudCBpbnN0YW5jZW9mIE5hdmlnYXRpb25FcnJvciB8fCBldmVudCBpbnN0YW5jZW9mIE5hdmlnYXRpb25DYW5jZWwpLFxyXG4gICAgICAgICAgICAgICAgZGVsYXkoMTAwKVxyXG4gICAgICAgICAgICApXHJcbiAgICAgICAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xyXG4gICAgICAgICAgICAgICAgdGhpcy5wc1VwZGF0ZSgpO1xyXG4gICAgICAgICAgICB9KTtcclxuICAgICAgICB0aGlzLmFsbFN1Yi5wdXNoKG5hdmlnYXRpb25FbmQkKTtcclxuICAgIH1cclxuXHJcbiAgICBpbml0UGVyZmVjdFNjcm9sbCgpIHtcclxuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVuc2FmZS1hcmd1bWVudFxyXG4gICAgICAgIHRoaXMucHMgPSBuZXcgUGVyZmVjdFNjcm9sbGJhcih0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsIHt9KTtcclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIHBzVXBkYXRlKCkge1xyXG4gICAgICAgIHRoaXMucHMgJiYgdGhpcy5wcy51cGRhdGUoKTtcclxuICAgIH1cclxuXHJcbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLnBzICYmIHRoaXMucHMuZGVzdHJveSgpO1xyXG4gICAgICAgIHRoaXMuYWxsU3ViLmZvckVhY2goeCA9PiB4LnVuc3Vic2NyaWJlKCkpO1xyXG4gICAgfVxyXG5cclxufVxyXG4iXX0=
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -2,5 +2,4 @@
|
|
|
2
2
|
* Public API Surface of perfect-scrollbar
|
|
3
3
|
*/
|
|
4
4
|
export * from './lib/perfect-scrollbar.directive';
|
|
5
|
-
|
|
6
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NyYWZ0c2pzL3BlcmZlY3Qtc2Nyb2xsYmFyL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLGdDQUFnQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIHBlcmZlY3Qtc2Nyb2xsYmFyXHJcbiAqL1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvcGVyZmVjdC1zY3JvbGxiYXIuZGlyZWN0aXZlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvcGVyZmVjdC1zY3JvbGxiYXIubW9kdWxlJztcclxuIl19
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NyYWZ0c2pzL3BlcmZlY3Qtc2Nyb2xsYmFyL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxtQ0FBbUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXHJcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBwZXJmZWN0LXNjcm9sbGJhclxyXG4gKi9cclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3BlcmZlY3Qtc2Nyb2xsYmFyLmRpcmVjdGl2ZSc7XHJcblxyXG4iXX0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { HostListener, Input, Directive
|
|
2
|
+
import { HostListener, Input, Directive } from '@angular/core';
|
|
3
3
|
import PerfectScrollbar from 'perfect-scrollbar';
|
|
4
4
|
import * as i1 from '@angular/router';
|
|
5
5
|
import { NavigationEnd, NavigationError, NavigationCancel } from '@angular/router';
|
|
@@ -39,12 +39,13 @@ class PerfectScrollbarDirective {
|
|
|
39
39
|
this.allSub.forEach(x => x.unsubscribe());
|
|
40
40
|
}
|
|
41
41
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PerfectScrollbarDirective, deps: [{ token: i0.ElementRef }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
42
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: PerfectScrollbarDirective, selector: "[perfectScrollbar]", inputs: { perfectScrollOptions: "perfectScrollOptions" }, host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0 }); }
|
|
42
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: PerfectScrollbarDirective, isStandalone: true, selector: "[perfectScrollbar]", inputs: { perfectScrollOptions: "perfectScrollOptions" }, host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0 }); }
|
|
43
43
|
}
|
|
44
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PerfectScrollbarDirective, decorators: [{
|
|
45
45
|
type: Directive,
|
|
46
46
|
args: [{
|
|
47
|
-
selector: '[perfectScrollbar]'
|
|
47
|
+
selector: '[perfectScrollbar]',
|
|
48
|
+
standalone: true
|
|
48
49
|
}]
|
|
49
50
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.Router }], propDecorators: { perfectScrollOptions: [{
|
|
50
51
|
type: Input
|
|
@@ -53,23 +54,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
53
54
|
args: ['window:resize']
|
|
54
55
|
}] } });
|
|
55
56
|
|
|
56
|
-
class PerfectScrollbarModule {
|
|
57
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PerfectScrollbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
58
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: PerfectScrollbarModule, declarations: [PerfectScrollbarDirective], exports: [PerfectScrollbarDirective] }); }
|
|
59
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PerfectScrollbarModule }); }
|
|
60
|
-
}
|
|
61
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PerfectScrollbarModule, decorators: [{
|
|
62
|
-
type: NgModule,
|
|
63
|
-
args: [{
|
|
64
|
-
declarations: [
|
|
65
|
-
PerfectScrollbarDirective
|
|
66
|
-
],
|
|
67
|
-
exports: [
|
|
68
|
-
PerfectScrollbarDirective
|
|
69
|
-
]
|
|
70
|
-
}]
|
|
71
|
-
}] });
|
|
72
|
-
|
|
73
57
|
/*
|
|
74
58
|
* Public API Surface of perfect-scrollbar
|
|
75
59
|
*/
|
|
@@ -78,5 +62,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
78
62
|
* Generated bundle index. Do not edit.
|
|
79
63
|
*/
|
|
80
64
|
|
|
81
|
-
export { PerfectScrollbarDirective
|
|
65
|
+
export { PerfectScrollbarDirective };
|
|
82
66
|
//# sourceMappingURL=craftsjs-perfect-scrollbar.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"craftsjs-perfect-scrollbar.mjs","sources":["../../../../projects/craftsjs/perfect-scrollbar/src/lib/perfect-scrollbar.directive.ts","../../../../projects/craftsjs/perfect-scrollbar/src/
|
|
1
|
+
{"version":3,"file":"craftsjs-perfect-scrollbar.mjs","sources":["../../../../projects/craftsjs/perfect-scrollbar/src/lib/perfect-scrollbar.directive.ts","../../../../projects/craftsjs/perfect-scrollbar/src/public-api.ts","../../../../projects/craftsjs/perfect-scrollbar/src/craftsjs-perfect-scrollbar.ts"],"sourcesContent":["import { Directive, ElementRef, HostListener, OnDestroy, Input, AfterViewInit } from '@angular/core';\r\nimport PerfectScrollbar from 'perfect-scrollbar';\r\nimport { Router, NavigationEnd, NavigationError, NavigationCancel } from '@angular/router';\r\nimport { filter, delay } from 'rxjs/operators';\r\nimport { Subscription } from 'rxjs';\r\n\r\n@Directive({\r\n selector: '[perfectScrollbar]',\r\n standalone: true\r\n})\r\nexport class PerfectScrollbarDirective implements AfterViewInit, OnDestroy {\r\n\r\n ps: PerfectScrollbar;\r\n\r\n options: any;\r\n\r\n allSub = new Array<Subscription>();\r\n\r\n constructor(private _elementRef: ElementRef, readonly _router: Router) {\r\n this.options = {};\r\n }\r\n\r\n @Input()\r\n set perfectScrollOptions(value) {\r\n this.options = value;\r\n }\r\n\r\n @HostListener('window:resize')\r\n onResize() {\r\n this.psUpdate();\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n this.initPerfectScroll();\r\n const navigationEnd$ = this._router.events\r\n .pipe(\r\n filter((event) => event instanceof NavigationEnd || event instanceof NavigationError || event instanceof NavigationCancel),\r\n delay(100)\r\n )\r\n .subscribe(() => {\r\n this.psUpdate();\r\n });\r\n this.allSub.push(navigationEnd$);\r\n }\r\n\r\n initPerfectScroll() {\r\n // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\r\n this.ps = new PerfectScrollbar(this._elementRef.nativeElement, {});\r\n }\r\n\r\n private psUpdate() {\r\n this.ps && this.ps.update();\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.ps && this.ps.destroy();\r\n this.allSub.forEach(x => x.unsubscribe());\r\n }\r\n\r\n}\r\n","/*\r\n * Public API Surface of perfect-scrollbar\r\n */\r\n\r\nexport * from './lib/perfect-scrollbar.directive';\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MAUa,yBAAyB,CAAA;IAQlC,WAAA,CAAoB,WAAuB,EAAW,OAAe,EAAA;QAAjD,IAAA,CAAA,WAAW,GAAX,WAAW;QAAuB,IAAA,CAAA,OAAO,GAAP,OAAO;AAF7D,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,KAAK,EAAgB;AAG9B,QAAA,IAAI,CAAC,OAAO,GAAG,EAAE;IACrB;IAEA,IACI,oBAAoB,CAAC,KAAK,EAAA;AAC1B,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;IACxB;IAGA,QAAQ,GAAA;QACJ,IAAI,CAAC,QAAQ,EAAE;IACnB;IAEA,eAAe,GAAA;QACX,IAAI,CAAC,iBAAiB,EAAE;AACxB,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC;aAC/B,IAAI,CACD,MAAM,CAAC,CAAC,KAAK,KAAK,KAAK,YAAY,aAAa,IAAI,KAAK,YAAY,eAAe,IAAI,KAAK,YAAY,gBAAgB,CAAC,EAC1H,KAAK,CAAC,GAAG,CAAC;aAEb,SAAS,CAAC,MAAK;YACZ,IAAI,CAAC,QAAQ,EAAE;AACnB,QAAA,CAAC,CAAC;AACN,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC;IACpC;IAEA,iBAAiB,GAAA;;AAEb,QAAA,IAAI,CAAC,EAAE,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,EAAE,CAAC;IACtE;IAEQ,QAAQ,GAAA;QACZ,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE;IAC/B;IAEA,WAAW,GAAA;QACP,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE;AAC5B,QAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC;IAC7C;+GA/CS,yBAAyB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,oBAAA,EAAA,sBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,eAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAJrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,UAAU,EAAE;AACf,iBAAA;oGAcO,oBAAoB,EAAA,CAAA;sBADvB;gBAMD,QAAQ,EAAA,CAAA;sBADP,YAAY;uBAAC,eAAe;;;AC3BjC;;AAEG;;ACFH;;AAEG;;;;"}
|
|
@@ -17,5 +17,5 @@ export declare class PerfectScrollbarDirective implements AfterViewInit, OnDestr
|
|
|
17
17
|
private psUpdate;
|
|
18
18
|
ngOnDestroy(): void;
|
|
19
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<PerfectScrollbarDirective, never>;
|
|
20
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PerfectScrollbarDirective, "[perfectScrollbar]", never, { "perfectScrollOptions": { "alias": "perfectScrollOptions"; "required": false; }; }, {}, never, never,
|
|
20
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PerfectScrollbarDirective, "[perfectScrollbar]", never, { "perfectScrollOptions": { "alias": "perfectScrollOptions"; "required": false; }; }, {}, never, never, true, never>;
|
|
21
21
|
}
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@craftsjs/perfect-scrollbar",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.1.0",
|
|
4
4
|
"author": "Addapptables",
|
|
5
5
|
"description": "Perfect scrollbar library for angular",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"homepage": "https://github.com/addapptables/alert-ui",
|
|
8
8
|
"peerDependencies": {
|
|
9
9
|
"@angular/core": ">=18.0.0 < 19.0.0",
|
|
10
|
-
"rxjs": "
|
|
10
|
+
"rxjs": "6.6.3",
|
|
11
11
|
"perfect-scrollbar": ">=1.0.0 < 2.0.0"
|
|
12
12
|
},
|
|
13
13
|
"repository": {
|
package/public-api.d.ts
CHANGED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { PerfectScrollbarDirective } from './perfect-scrollbar.directive';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export class PerfectScrollbarModule {
|
|
5
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PerfectScrollbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: PerfectScrollbarModule, declarations: [PerfectScrollbarDirective], exports: [PerfectScrollbarDirective] }); }
|
|
7
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PerfectScrollbarModule }); }
|
|
8
|
-
}
|
|
9
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PerfectScrollbarModule, decorators: [{
|
|
10
|
-
type: NgModule,
|
|
11
|
-
args: [{
|
|
12
|
-
declarations: [
|
|
13
|
-
PerfectScrollbarDirective
|
|
14
|
-
],
|
|
15
|
-
exports: [
|
|
16
|
-
PerfectScrollbarDirective
|
|
17
|
-
]
|
|
18
|
-
}]
|
|
19
|
-
}] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVyZmVjdC1zY3JvbGxiYXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3JhZnRzanMvcGVyZmVjdC1zY3JvbGxiYXIvc3JjL2xpYi9wZXJmZWN0LXNjcm9sbGJhci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7QUFVMUUsTUFBTSxPQUFPLHNCQUFzQjsrR0FBdEIsc0JBQXNCO2dIQUF0QixzQkFBc0IsaUJBTjNCLHlCQUF5QixhQUd6Qix5QkFBeUI7Z0hBR3BCLHNCQUFzQjs7NEZBQXRCLHNCQUFzQjtrQkFSbEMsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUU7d0JBQ1YseUJBQXlCO3FCQUM1QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wseUJBQXlCO3FCQUM1QjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFBlcmZlY3RTY3JvbGxiYXJEaXJlY3RpdmUgfSBmcm9tICcuL3BlcmZlY3Qtc2Nyb2xsYmFyLmRpcmVjdGl2ZSc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gICAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICAgICAgUGVyZmVjdFNjcm9sbGJhckRpcmVjdGl2ZVxyXG4gICAgXSxcclxuICAgIGV4cG9ydHM6IFtcclxuICAgICAgICBQZXJmZWN0U2Nyb2xsYmFyRGlyZWN0aXZlXHJcbiAgICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBQZXJmZWN0U2Nyb2xsYmFyTW9kdWxlIHsgfVxyXG4iXX0=
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./perfect-scrollbar.directive";
|
|
3
|
-
export declare class PerfectScrollbarModule {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PerfectScrollbarModule, never>;
|
|
5
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<PerfectScrollbarModule, [typeof i1.PerfectScrollbarDirective], never, [typeof i1.PerfectScrollbarDirective]>;
|
|
6
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<PerfectScrollbarModule>;
|
|
7
|
-
}
|