ng-mat-select-infinite-scroll 2.0.0 → 3.0.1
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/LICENSE +1 -1
- package/README.md +12 -12
- package/bundles/ng-mat-select-infinite-scroll.umd.js +81 -159
- package/bundles/ng-mat-select-infinite-scroll.umd.js.map +1 -1
- package/esm2015/lib/mat-select-infinite-scroll.directive.js +29 -119
- package/esm2015/lib/mat-select-infinite-scroll.module.js +17 -14
- package/esm2015/ng-mat-select-infinite-scroll.js +2 -6
- package/esm2015/public-api.js +6 -0
- package/fesm2015/ng-mat-select-infinite-scroll.js +47 -136
- package/fesm2015/ng-mat-select-infinite-scroll.js.map +1 -1
- package/lib/mat-select-infinite-scroll.directive.d.ts +3 -0
- package/lib/mat-select-infinite-scroll.module.d.ts +6 -0
- package/ng-mat-select-infinite-scroll-3.0.1.tgz +0 -0
- package/ng-mat-select-infinite-scroll.d.ts +2 -1
- package/package.json +6 -10
- package/{public_api.d.ts → public-api.d.ts} +0 -0
- package/bundles/ng-mat-select-infinite-scroll.umd.min.js +0 -2
- package/bundles/ng-mat-select-infinite-scroll.umd.min.js.map +0 -1
- package/esm2015/public_api.js +0 -10
- package/esm5/lib/mat-select-infinite-scroll.directive.js +0 -198
- package/esm5/lib/mat-select-infinite-scroll.module.js +0 -23
- package/esm5/ng-mat-select-infinite-scroll.js +0 -9
- package/esm5/public_api.js +0 -10
- package/fesm5/ng-mat-select-infinite-scroll.js +0 -229
- package/fesm5/ng-mat-select-infinite-scroll.js.map +0 -1
- package/ng-mat-select-infinite-scroll-2.0.0.tgz +0 -0
- package/ng-mat-select-infinite-scroll.metadata.json +0 -1
|
@@ -1,198 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @fileoverview added by tsickle
|
|
3
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
4
|
-
*/
|
|
5
|
-
import { Directive, EventEmitter, Input, NgZone, Output } from '@angular/core';
|
|
6
|
-
import { MatSelect, SELECT_ITEM_HEIGHT_EM } from '@angular/material/select';
|
|
7
|
-
import { debounceTime, takeUntil, tap } from 'rxjs/operators';
|
|
8
|
-
import { fromEvent, Subject } from 'rxjs';
|
|
9
|
-
var MatSelectInfiniteScrollDirective = /** @class */ (function () {
|
|
10
|
-
function MatSelectInfiniteScrollDirective(matSelect, ngZone) {
|
|
11
|
-
this.matSelect = matSelect;
|
|
12
|
-
this.ngZone = ngZone;
|
|
13
|
-
this.threshold = '15%';
|
|
14
|
-
this.debounceTime = 150;
|
|
15
|
-
this.infiniteScroll = new EventEmitter();
|
|
16
|
-
this.thrPx = 0;
|
|
17
|
-
this.thrPc = 0;
|
|
18
|
-
this.singleOptionHeight = SELECT_ITEM_HEIGHT_EM;
|
|
19
|
-
this.destroyed$ = new Subject();
|
|
20
|
-
}
|
|
21
|
-
/**
|
|
22
|
-
* @return {?}
|
|
23
|
-
*/
|
|
24
|
-
MatSelectInfiniteScrollDirective.prototype.ngOnInit = /**
|
|
25
|
-
* @return {?}
|
|
26
|
-
*/
|
|
27
|
-
function () {
|
|
28
|
-
this.evaluateThreshold();
|
|
29
|
-
};
|
|
30
|
-
/**
|
|
31
|
-
* @return {?}
|
|
32
|
-
*/
|
|
33
|
-
MatSelectInfiniteScrollDirective.prototype.ngAfterViewInit = /**
|
|
34
|
-
* @return {?}
|
|
35
|
-
*/
|
|
36
|
-
function () {
|
|
37
|
-
var _this = this;
|
|
38
|
-
this.matSelect.openedChange.pipe(takeUntil(this.destroyed$)).subscribe((/**
|
|
39
|
-
* @param {?} opened
|
|
40
|
-
* @return {?}
|
|
41
|
-
*/
|
|
42
|
-
function (opened) {
|
|
43
|
-
if (opened) {
|
|
44
|
-
_this.panel = _this.matSelect.panel.nativeElement;
|
|
45
|
-
_this.singleOptionHeight = _this.getSelectItemHeightPx();
|
|
46
|
-
_this.registerScrollListener();
|
|
47
|
-
}
|
|
48
|
-
}));
|
|
49
|
-
};
|
|
50
|
-
/**
|
|
51
|
-
* @return {?}
|
|
52
|
-
*/
|
|
53
|
-
MatSelectInfiniteScrollDirective.prototype.ngOnDestroy = /**
|
|
54
|
-
* @return {?}
|
|
55
|
-
*/
|
|
56
|
-
function () {
|
|
57
|
-
this.destroyed$.next(true);
|
|
58
|
-
this.destroyed$.complete();
|
|
59
|
-
};
|
|
60
|
-
/**
|
|
61
|
-
* @return {?}
|
|
62
|
-
*/
|
|
63
|
-
MatSelectInfiniteScrollDirective.prototype.evaluateThreshold = /**
|
|
64
|
-
* @return {?}
|
|
65
|
-
*/
|
|
66
|
-
function () {
|
|
67
|
-
if (this.threshold.lastIndexOf('%') > -1) {
|
|
68
|
-
this.thrPx = 0;
|
|
69
|
-
this.thrPc = (parseFloat(this.threshold) / 100);
|
|
70
|
-
}
|
|
71
|
-
else {
|
|
72
|
-
this.thrPx = parseFloat(this.threshold);
|
|
73
|
-
this.thrPc = 0;
|
|
74
|
-
}
|
|
75
|
-
};
|
|
76
|
-
/**
|
|
77
|
-
* @return {?}
|
|
78
|
-
*/
|
|
79
|
-
MatSelectInfiniteScrollDirective.prototype.registerScrollListener = /**
|
|
80
|
-
* @return {?}
|
|
81
|
-
*/
|
|
82
|
-
function () {
|
|
83
|
-
var _this = this;
|
|
84
|
-
fromEvent(this.panel, 'scroll').pipe(takeUntil(this.destroyed$), debounceTime(this.debounceTime), tap((/**
|
|
85
|
-
* @param {?} event
|
|
86
|
-
* @return {?}
|
|
87
|
-
*/
|
|
88
|
-
function (event) {
|
|
89
|
-
_this.handleScrollEvent(event);
|
|
90
|
-
}))).subscribe();
|
|
91
|
-
};
|
|
92
|
-
/**
|
|
93
|
-
* @param {?} event
|
|
94
|
-
* @return {?}
|
|
95
|
-
*/
|
|
96
|
-
MatSelectInfiniteScrollDirective.prototype.handleScrollEvent = /**
|
|
97
|
-
* @param {?} event
|
|
98
|
-
* @return {?}
|
|
99
|
-
*/
|
|
100
|
-
function (event) {
|
|
101
|
-
var _this = this;
|
|
102
|
-
this.ngZone.runOutsideAngular((/**
|
|
103
|
-
* @return {?}
|
|
104
|
-
*/
|
|
105
|
-
function () {
|
|
106
|
-
if (_this.complete) {
|
|
107
|
-
return;
|
|
108
|
-
}
|
|
109
|
-
/** @type {?} */
|
|
110
|
-
var countOfRenderedOptions = _this.matSelect.options.length;
|
|
111
|
-
/** @type {?} */
|
|
112
|
-
var infiniteScrollDistance = _this.singleOptionHeight * countOfRenderedOptions;
|
|
113
|
-
/** @type {?} */
|
|
114
|
-
var threshold = _this.thrPc !== 0 ? (infiniteScrollDistance * _this.thrPc) : _this.thrPx;
|
|
115
|
-
/** @type {?} */
|
|
116
|
-
var scrolledDistance = _this.panel.clientHeight + event.target.scrollTop;
|
|
117
|
-
if ((scrolledDistance + threshold) >= infiniteScrollDistance) {
|
|
118
|
-
_this.ngZone.run((/**
|
|
119
|
-
* @return {?}
|
|
120
|
-
*/
|
|
121
|
-
function () { return _this.infiniteScroll.emit(); }));
|
|
122
|
-
}
|
|
123
|
-
}));
|
|
124
|
-
};
|
|
125
|
-
/**
|
|
126
|
-
* @return {?}
|
|
127
|
-
*/
|
|
128
|
-
MatSelectInfiniteScrollDirective.prototype.getSelectItemHeightPx = /**
|
|
129
|
-
* @return {?}
|
|
130
|
-
*/
|
|
131
|
-
function () {
|
|
132
|
-
return parseFloat(getComputedStyle(this.panel).fontSize) * SELECT_ITEM_HEIGHT_EM;
|
|
133
|
-
};
|
|
134
|
-
MatSelectInfiniteScrollDirective.decorators = [
|
|
135
|
-
{ type: Directive, args: [{
|
|
136
|
-
selector: '[msInfiniteScroll]'
|
|
137
|
-
},] }
|
|
138
|
-
];
|
|
139
|
-
/** @nocollapse */
|
|
140
|
-
MatSelectInfiniteScrollDirective.ctorParameters = function () { return [
|
|
141
|
-
{ type: MatSelect },
|
|
142
|
-
{ type: NgZone }
|
|
143
|
-
]; };
|
|
144
|
-
MatSelectInfiniteScrollDirective.propDecorators = {
|
|
145
|
-
threshold: [{ type: Input }],
|
|
146
|
-
debounceTime: [{ type: Input }],
|
|
147
|
-
complete: [{ type: Input }],
|
|
148
|
-
infiniteScroll: [{ type: Output }]
|
|
149
|
-
};
|
|
150
|
-
return MatSelectInfiniteScrollDirective;
|
|
151
|
-
}());
|
|
152
|
-
export { MatSelectInfiniteScrollDirective };
|
|
153
|
-
if (false) {
|
|
154
|
-
/** @type {?} */
|
|
155
|
-
MatSelectInfiniteScrollDirective.prototype.threshold;
|
|
156
|
-
/** @type {?} */
|
|
157
|
-
MatSelectInfiniteScrollDirective.prototype.debounceTime;
|
|
158
|
-
/** @type {?} */
|
|
159
|
-
MatSelectInfiniteScrollDirective.prototype.complete;
|
|
160
|
-
/** @type {?} */
|
|
161
|
-
MatSelectInfiniteScrollDirective.prototype.infiniteScroll;
|
|
162
|
-
/**
|
|
163
|
-
* @type {?}
|
|
164
|
-
* @private
|
|
165
|
-
*/
|
|
166
|
-
MatSelectInfiniteScrollDirective.prototype.panel;
|
|
167
|
-
/**
|
|
168
|
-
* @type {?}
|
|
169
|
-
* @private
|
|
170
|
-
*/
|
|
171
|
-
MatSelectInfiniteScrollDirective.prototype.thrPx;
|
|
172
|
-
/**
|
|
173
|
-
* @type {?}
|
|
174
|
-
* @private
|
|
175
|
-
*/
|
|
176
|
-
MatSelectInfiniteScrollDirective.prototype.thrPc;
|
|
177
|
-
/**
|
|
178
|
-
* @type {?}
|
|
179
|
-
* @private
|
|
180
|
-
*/
|
|
181
|
-
MatSelectInfiniteScrollDirective.prototype.singleOptionHeight;
|
|
182
|
-
/**
|
|
183
|
-
* @type {?}
|
|
184
|
-
* @private
|
|
185
|
-
*/
|
|
186
|
-
MatSelectInfiniteScrollDirective.prototype.destroyed$;
|
|
187
|
-
/**
|
|
188
|
-
* @type {?}
|
|
189
|
-
* @private
|
|
190
|
-
*/
|
|
191
|
-
MatSelectInfiniteScrollDirective.prototype.matSelect;
|
|
192
|
-
/**
|
|
193
|
-
* @type {?}
|
|
194
|
-
* @private
|
|
195
|
-
*/
|
|
196
|
-
MatSelectInfiniteScrollDirective.prototype.ngZone;
|
|
197
|
-
}
|
|
198
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0LXNlbGVjdC1pbmZpbml0ZS1zY3JvbGwuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmctbWF0LXNlbGVjdC1pbmZpbml0ZS1zY3JvbGwvIiwic291cmNlcyI6WyJsaWIvbWF0LXNlbGVjdC1pbmZpbml0ZS1zY3JvbGwuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQWdCLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBcUIsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQy9HLE9BQU8sRUFBQyxTQUFTLEVBQUUscUJBQXFCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUMxRSxPQUFPLEVBQUMsWUFBWSxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUM1RCxPQUFPLEVBQUMsU0FBUyxFQUFFLE9BQU8sRUFBQyxNQUFNLE1BQU0sQ0FBQztBQUV4QztJQWlCRSwwQ0FBb0IsU0FBb0IsRUFBVSxNQUFjO1FBQTVDLGNBQVMsR0FBVCxTQUFTLENBQVc7UUFBVSxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBWnZELGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsaUJBQVksR0FBRyxHQUFHLENBQUM7UUFFbEIsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRzVDLFVBQUssR0FBRyxDQUFDLENBQUM7UUFDVixVQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ1YsdUJBQWtCLEdBQUcscUJBQXFCLENBQUM7UUFFM0MsZUFBVSxHQUFHLElBQUksT0FBTyxFQUFXLENBQUM7SUFHNUMsQ0FBQzs7OztJQUVELG1EQUFROzs7SUFBUjtRQUNFLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQzNCLENBQUM7Ozs7SUFFRCwwREFBZTs7O0lBQWY7UUFBQSxpQkFVQztRQVRDLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxDQUFDLElBQUksQ0FDOUIsU0FBUyxD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aUJBQy9COzs7O2dCQU5PLFNBQVM7Z0JBRHNDLE1BQU07Ozs0QkFVMUQsS0FBSzsrQkFDTCxLQUFLOzJCQUNMLEtBQUs7aUNBQ0wsTUFBTTs7SUEyRVQsdUNBQUM7Q0FBQSxBQW5GRCxJQW1GQztTQWhGWSxnQ0FBZ0M7OztJQUUzQyxxREFBMkI7O0lBQzNCLHdEQUE0Qjs7SUFDNUIsb0RBQTJCOztJQUMzQiwwREFBb0Q7Ozs7O0lBRXBELGlEQUF1Qjs7Ozs7SUFDdkIsaURBQWtCOzs7OztJQUNsQixpREFBa0I7Ozs7O0lBQ2xCLDhEQUFtRDs7Ozs7SUFFbkQsc0RBQTRDOzs7OztJQUVoQyxxREFBNEI7Ozs7O0lBQUUsa0RBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBZnRlclZpZXdJbml0LCBEaXJlY3RpdmUsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE5nWm9uZSwgT25EZXN0cm95LCBPbkluaXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge01hdFNlbGVjdCwgU0VMRUNUX0lURU1fSEVJR0hUX0VNfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zZWxlY3QnO1xuaW1wb3J0IHtkZWJvdW5jZVRpbWUsIHRha2VVbnRpbCwgdGFwfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQge2Zyb21FdmVudCwgU3ViamVjdH0gZnJvbSAncnhqcyc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1ttc0luZmluaXRlU2Nyb2xsXSdcbn0pXG5leHBvcnQgY2xhc3MgTWF0U2VsZWN0SW5maW5pdGVTY3JvbGxEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSwgQWZ0ZXJWaWV3SW5pdCB7XG5cbiAgQElucHV0KCkgdGhyZXNob2xkID0gJzE1JSc7XG4gIEBJbnB1dCgpIGRlYm91bmNlVGltZSA9IDE1MDtcbiAgQElucHV0KCkgY29tcGxldGU6IGJvb2xlYW47XG4gIEBPdXRwdXQoKSBpbmZpbml0ZVNjcm9sbCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBwcml2YXRlIHBhbmVsOiBFbGVtZW50O1xuICBwcml2YXRlIHRoclB4ID0gMDtcbiAgcHJpdmF0ZSB0aHJQYyA9IDA7XG4gIHByaXZhdGUgc2luZ2xlT3B0aW9uSGVpZ2h0ID0gU0VMRUNUX0lURU1fSEVJR0hUX0VNO1xuXG4gIHByaXZhdGUgZGVzdHJveWVkJCA9IG5ldyBTdWJqZWN0PGJvb2xlYW4+KCk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBtYXRTZWxlY3Q6IE1hdFNlbGVjdCwgcHJpdmF0ZSBuZ1pvbmU6IE5nWm9uZSkge1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5ldmFsdWF0ZVRocmVzaG9sZCgpO1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIHRoaXMubWF0U2VsZWN0Lm9wZW5lZENoYW5nZS5waXBlKFxuICAgICAgdGFrZVVudGlsKHRoaXMuZGVzdHJveWVkJClcbiAgICApLnN1YnNjcmliZSgob3BlbmVkKSA9PiB7XG4gICAgICBpZiAob3BlbmVkKSB7XG4gICAgICAgIHRoaXMucGFuZWwgPSB0aGlzLm1hdFNlbGVjdC5wYW5lbC5uYXRpdmVFbGVtZW50O1xuICAgICAgICB0aGlzLnNpbmdsZU9wdGlvbkhlaWdodCA9IHRoaXMuZ2V0U2VsZWN0SXRlbUhlaWdodFB4KCk7XG4gICAgICAgIHRoaXMucmVnaXN0ZXJTY3JvbGxMaXN0ZW5lcigpO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5kZXN0cm95ZWQkLm5leHQodHJ1ZSk7XG4gICAgdGhpcy5kZXN0cm95ZWQkLmNvbXBsZXRlKCk7XG4gIH1cblxuICBldmFsdWF0ZVRocmVzaG9sZCgpIHtcbiAgICBpZiAodGhpcy50aHJlc2hvbGQubGFzdEluZGV4T2YoJyUnKSA+IC0xKSB7XG4gICAgICB0aGlzLnRoclB4ID0gMDtcbiAgICAgIHRoaXMudGhyUGMgPSAocGFyc2VGbG9hdCh0aGlzLnRocmVzaG9sZCkgLyAxMDApO1xuXG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMudGhyUHggPSBwYXJzZUZsb2F0KHRoaXMudGhyZXNob2xkKTtcbiAgICAgIHRoaXMudGhyUGMgPSAwO1xuICAgIH1cbiAgfVxuXG4gIHJlZ2lzdGVyU2Nyb2xsTGlzdGVuZXIoKSB7XG4gICAgZnJvbUV2ZW50KHRoaXMucGFuZWwsICdzY3JvbGwnKS5waXBlKFxuICAgICAgdGFrZVVudGlsKHRoaXMuZGVzdHJveWVkJCksXG4gICAgICBkZWJvdW5jZVRpbWUodGhpcy5kZWJvdW5jZVRpbWUpLFxuICAgICAgdGFwKChldmVudCkgPT4ge1xuICAgICAgICB0aGlzLmhhbmRsZVNjcm9sbEV2ZW50KGV2ZW50KTtcbiAgICAgIH0pXG4gICAgKS5zdWJzY3JpYmUoKTtcbiAgfVxuXG4gIGhhbmRsZVNjcm9sbEV2ZW50KGV2ZW50KSB7XG4gICAgdGhpcy5uZ1pvbmUucnVuT3V0c2lkZUFuZ3VsYXIoKCkgPT4ge1xuICAgICAgaWYgKHRoaXMuY29tcGxldGUpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgY29uc3QgY291bnRPZlJlbmRlcmVkT3B0aW9ucyA9IHRoaXMubWF0U2VsZWN0Lm9wdGlvbnMubGVuZ3RoO1xuICAgICAgY29uc3QgaW5maW5pdGVTY3JvbGxEaXN0YW5jZSA9IHRoaXMuc2luZ2xlT3B0aW9uSGVpZ2h0ICogY291bnRPZlJlbmRlcmVkT3B0aW9ucztcbiAgICAgIGNvbnN0IHRocmVzaG9sZCA9IHRoaXMudGhyUGMgIT09IDAgPyAoaW5maW5pdGVTY3JvbGxEaXN0YW5jZSAqIHRoaXMudGhyUGMpIDogdGhpcy50aHJQeDtcblxuICAgICAgY29uc3Qgc2Nyb2xsZWREaXN0YW5jZSA9IHRoaXMucGFuZWwuY2xpZW50SGVpZ2h0ICsgZXZlbnQudGFyZ2V0LnNjcm9sbFRvcDtcblxuICAgICAgaWYgKChzY3JvbGxlZERpc3RhbmNlICsgdGhyZXNob2xkKSA+PSBpbmZpbml0ZVNjcm9sbERpc3RhbmNlKSB7XG4gICAgICAgIHRoaXMubmdab25lLnJ1bigoKSA9PiB0aGlzLmluZmluaXRlU2Nyb2xsLmVtaXQoKSk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBnZXRTZWxlY3RJdGVtSGVpZ2h0UHgoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gcGFyc2VGbG9hdChnZXRDb21wdXRlZFN0eWxlKHRoaXMucGFuZWwpLmZvbnRTaXplKSAqIFNFTEVDVF9JVEVNX0hFSUdIVF9FTTtcbiAgfVxuXG59XG4iXX0=
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @fileoverview added by tsickle
|
|
3
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
4
|
-
*/
|
|
5
|
-
import { NgModule } from '@angular/core';
|
|
6
|
-
import { MatSelectInfiniteScrollDirective } from './mat-select-infinite-scroll.directive';
|
|
7
|
-
import { MatSelectModule } from '@angular/material/select';
|
|
8
|
-
var MatSelectInfiniteScrollModule = /** @class */ (function () {
|
|
9
|
-
function MatSelectInfiniteScrollModule() {
|
|
10
|
-
}
|
|
11
|
-
MatSelectInfiniteScrollModule.decorators = [
|
|
12
|
-
{ type: NgModule, args: [{
|
|
13
|
-
declarations: [MatSelectInfiniteScrollDirective],
|
|
14
|
-
imports: [
|
|
15
|
-
MatSelectModule
|
|
16
|
-
],
|
|
17
|
-
exports: [MatSelectInfiniteScrollDirective]
|
|
18
|
-
},] }
|
|
19
|
-
];
|
|
20
|
-
return MatSelectInfiniteScrollModule;
|
|
21
|
-
}());
|
|
22
|
-
export { MatSelectInfiniteScrollModule };
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0LXNlbGVjdC1pbmZpbml0ZS1zY3JvbGwubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmctbWF0LXNlbGVjdC1pbmZpbml0ZS1zY3JvbGwvIiwic291cmNlcyI6WyJsaWIvbWF0LXNlbGVjdC1pbmZpbml0ZS1zY3JvbGwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxnQ0FBZ0MsRUFBQyxNQUFNLHdDQUF3QyxDQUFDO0FBQ3hGLE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUV6RDtJQUFBO0lBUUEsQ0FBQzs7Z0JBUkEsUUFBUSxTQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGdDQUFnQyxDQUFDO29CQUNoRCxPQUFPLEVBQUU7d0JBQ1AsZUFBZTtxQkFDaEI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsZ0NBQWdDLENBQUM7aUJBQzVDOztJQUVELG9DQUFDO0NBQUEsQUFSRCxJQVFDO1NBRFksNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge01hdFNlbGVjdEluZmluaXRlU2Nyb2xsRGlyZWN0aXZlfSBmcm9tICcuL21hdC1zZWxlY3QtaW5maW5pdGUtc2Nyb2xsLmRpcmVjdGl2ZSc7XG5pbXBvcnQge01hdFNlbGVjdE1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2VsZWN0JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbTWF0U2VsZWN0SW5maW5pdGVTY3JvbGxEaXJlY3RpdmVdLFxuICBpbXBvcnRzOiBbXG4gICAgTWF0U2VsZWN0TW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtNYXRTZWxlY3RJbmZpbml0ZVNjcm9sbERpcmVjdGl2ZV1cbn0pXG5leHBvcnQgY2xhc3MgTWF0U2VsZWN0SW5maW5pdGVTY3JvbGxNb2R1bGUge1xufVxuIl19
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @fileoverview added by tsickle
|
|
3
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* Generated bundle index. Do not edit.
|
|
7
|
-
*/
|
|
8
|
-
export { MatSelectInfiniteScrollDirective, MatSelectInfiniteScrollModule } from './public_api';
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbWF0LXNlbGVjdC1pbmZpbml0ZS1zY3JvbGwuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZy1tYXQtc2VsZWN0LWluZmluaXRlLXNjcm9sbC8iLCJzb3VyY2VzIjpbIm5nLW1hdC1zZWxlY3QtaW5maW5pdGUtc2Nyb2xsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFJQSxnRkFBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljX2FwaSc7XG4iXX0=
|
package/esm5/public_api.js
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @fileoverview added by tsickle
|
|
3
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
4
|
-
*/
|
|
5
|
-
/*
|
|
6
|
-
* Public API Surface of ng-mat-select-infinite-scroll
|
|
7
|
-
*/
|
|
8
|
-
export { MatSelectInfiniteScrollDirective } from './lib/mat-select-infinite-scroll.directive';
|
|
9
|
-
export { MatSelectInfiniteScrollModule } from './lib/mat-select-infinite-scroll.module';
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLW1hdC1zZWxlY3QtaW5maW5pdGUtc2Nyb2xsLyIsInNvdXJjZXMiOlsicHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBSUEsaURBQWMsNENBQTRDLENBQUM7QUFDM0QsOENBQWMseUNBQXlDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIG5nLW1hdC1zZWxlY3QtaW5maW5pdGUtc2Nyb2xsXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvbWF0LXNlbGVjdC1pbmZpbml0ZS1zY3JvbGwuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21hdC1zZWxlY3QtaW5maW5pdGUtc2Nyb2xsLm1vZHVsZSc7XG4iXX0=
|
|
@@ -1,229 +0,0 @@
|
|
|
1
|
-
import { EventEmitter, Directive, NgZone, Input, Output, NgModule } from '@angular/core';
|
|
2
|
-
import { SELECT_ITEM_HEIGHT_EM, MatSelect, MatSelectModule } from '@angular/material/select';
|
|
3
|
-
import { takeUntil, debounceTime, tap } from 'rxjs/operators';
|
|
4
|
-
import { Subject, fromEvent } from 'rxjs';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* @fileoverview added by tsickle
|
|
8
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
9
|
-
*/
|
|
10
|
-
var MatSelectInfiniteScrollDirective = /** @class */ (function () {
|
|
11
|
-
function MatSelectInfiniteScrollDirective(matSelect, ngZone) {
|
|
12
|
-
this.matSelect = matSelect;
|
|
13
|
-
this.ngZone = ngZone;
|
|
14
|
-
this.threshold = '15%';
|
|
15
|
-
this.debounceTime = 150;
|
|
16
|
-
this.infiniteScroll = new EventEmitter();
|
|
17
|
-
this.thrPx = 0;
|
|
18
|
-
this.thrPc = 0;
|
|
19
|
-
this.singleOptionHeight = SELECT_ITEM_HEIGHT_EM;
|
|
20
|
-
this.destroyed$ = new Subject();
|
|
21
|
-
}
|
|
22
|
-
/**
|
|
23
|
-
* @return {?}
|
|
24
|
-
*/
|
|
25
|
-
MatSelectInfiniteScrollDirective.prototype.ngOnInit = /**
|
|
26
|
-
* @return {?}
|
|
27
|
-
*/
|
|
28
|
-
function () {
|
|
29
|
-
this.evaluateThreshold();
|
|
30
|
-
};
|
|
31
|
-
/**
|
|
32
|
-
* @return {?}
|
|
33
|
-
*/
|
|
34
|
-
MatSelectInfiniteScrollDirective.prototype.ngAfterViewInit = /**
|
|
35
|
-
* @return {?}
|
|
36
|
-
*/
|
|
37
|
-
function () {
|
|
38
|
-
var _this = this;
|
|
39
|
-
this.matSelect.openedChange.pipe(takeUntil(this.destroyed$)).subscribe((/**
|
|
40
|
-
* @param {?} opened
|
|
41
|
-
* @return {?}
|
|
42
|
-
*/
|
|
43
|
-
function (opened) {
|
|
44
|
-
if (opened) {
|
|
45
|
-
_this.panel = _this.matSelect.panel.nativeElement;
|
|
46
|
-
_this.singleOptionHeight = _this.getSelectItemHeightPx();
|
|
47
|
-
_this.registerScrollListener();
|
|
48
|
-
}
|
|
49
|
-
}));
|
|
50
|
-
};
|
|
51
|
-
/**
|
|
52
|
-
* @return {?}
|
|
53
|
-
*/
|
|
54
|
-
MatSelectInfiniteScrollDirective.prototype.ngOnDestroy = /**
|
|
55
|
-
* @return {?}
|
|
56
|
-
*/
|
|
57
|
-
function () {
|
|
58
|
-
this.destroyed$.next(true);
|
|
59
|
-
this.destroyed$.complete();
|
|
60
|
-
};
|
|
61
|
-
/**
|
|
62
|
-
* @return {?}
|
|
63
|
-
*/
|
|
64
|
-
MatSelectInfiniteScrollDirective.prototype.evaluateThreshold = /**
|
|
65
|
-
* @return {?}
|
|
66
|
-
*/
|
|
67
|
-
function () {
|
|
68
|
-
if (this.threshold.lastIndexOf('%') > -1) {
|
|
69
|
-
this.thrPx = 0;
|
|
70
|
-
this.thrPc = (parseFloat(this.threshold) / 100);
|
|
71
|
-
}
|
|
72
|
-
else {
|
|
73
|
-
this.thrPx = parseFloat(this.threshold);
|
|
74
|
-
this.thrPc = 0;
|
|
75
|
-
}
|
|
76
|
-
};
|
|
77
|
-
/**
|
|
78
|
-
* @return {?}
|
|
79
|
-
*/
|
|
80
|
-
MatSelectInfiniteScrollDirective.prototype.registerScrollListener = /**
|
|
81
|
-
* @return {?}
|
|
82
|
-
*/
|
|
83
|
-
function () {
|
|
84
|
-
var _this = this;
|
|
85
|
-
fromEvent(this.panel, 'scroll').pipe(takeUntil(this.destroyed$), debounceTime(this.debounceTime), tap((/**
|
|
86
|
-
* @param {?} event
|
|
87
|
-
* @return {?}
|
|
88
|
-
*/
|
|
89
|
-
function (event) {
|
|
90
|
-
_this.handleScrollEvent(event);
|
|
91
|
-
}))).subscribe();
|
|
92
|
-
};
|
|
93
|
-
/**
|
|
94
|
-
* @param {?} event
|
|
95
|
-
* @return {?}
|
|
96
|
-
*/
|
|
97
|
-
MatSelectInfiniteScrollDirective.prototype.handleScrollEvent = /**
|
|
98
|
-
* @param {?} event
|
|
99
|
-
* @return {?}
|
|
100
|
-
*/
|
|
101
|
-
function (event) {
|
|
102
|
-
var _this = this;
|
|
103
|
-
this.ngZone.runOutsideAngular((/**
|
|
104
|
-
* @return {?}
|
|
105
|
-
*/
|
|
106
|
-
function () {
|
|
107
|
-
if (_this.complete) {
|
|
108
|
-
return;
|
|
109
|
-
}
|
|
110
|
-
/** @type {?} */
|
|
111
|
-
var countOfRenderedOptions = _this.matSelect.options.length;
|
|
112
|
-
/** @type {?} */
|
|
113
|
-
var infiniteScrollDistance = _this.singleOptionHeight * countOfRenderedOptions;
|
|
114
|
-
/** @type {?} */
|
|
115
|
-
var threshold = _this.thrPc !== 0 ? (infiniteScrollDistance * _this.thrPc) : _this.thrPx;
|
|
116
|
-
/** @type {?} */
|
|
117
|
-
var scrolledDistance = _this.panel.clientHeight + event.target.scrollTop;
|
|
118
|
-
if ((scrolledDistance + threshold) >= infiniteScrollDistance) {
|
|
119
|
-
_this.ngZone.run((/**
|
|
120
|
-
* @return {?}
|
|
121
|
-
*/
|
|
122
|
-
function () { return _this.infiniteScroll.emit(); }));
|
|
123
|
-
}
|
|
124
|
-
}));
|
|
125
|
-
};
|
|
126
|
-
/**
|
|
127
|
-
* @return {?}
|
|
128
|
-
*/
|
|
129
|
-
MatSelectInfiniteScrollDirective.prototype.getSelectItemHeightPx = /**
|
|
130
|
-
* @return {?}
|
|
131
|
-
*/
|
|
132
|
-
function () {
|
|
133
|
-
return parseFloat(getComputedStyle(this.panel).fontSize) * SELECT_ITEM_HEIGHT_EM;
|
|
134
|
-
};
|
|
135
|
-
MatSelectInfiniteScrollDirective.decorators = [
|
|
136
|
-
{ type: Directive, args: [{
|
|
137
|
-
selector: '[msInfiniteScroll]'
|
|
138
|
-
},] }
|
|
139
|
-
];
|
|
140
|
-
/** @nocollapse */
|
|
141
|
-
MatSelectInfiniteScrollDirective.ctorParameters = function () { return [
|
|
142
|
-
{ type: MatSelect },
|
|
143
|
-
{ type: NgZone }
|
|
144
|
-
]; };
|
|
145
|
-
MatSelectInfiniteScrollDirective.propDecorators = {
|
|
146
|
-
threshold: [{ type: Input }],
|
|
147
|
-
debounceTime: [{ type: Input }],
|
|
148
|
-
complete: [{ type: Input }],
|
|
149
|
-
infiniteScroll: [{ type: Output }]
|
|
150
|
-
};
|
|
151
|
-
return MatSelectInfiniteScrollDirective;
|
|
152
|
-
}());
|
|
153
|
-
if (false) {
|
|
154
|
-
/** @type {?} */
|
|
155
|
-
MatSelectInfiniteScrollDirective.prototype.threshold;
|
|
156
|
-
/** @type {?} */
|
|
157
|
-
MatSelectInfiniteScrollDirective.prototype.debounceTime;
|
|
158
|
-
/** @type {?} */
|
|
159
|
-
MatSelectInfiniteScrollDirective.prototype.complete;
|
|
160
|
-
/** @type {?} */
|
|
161
|
-
MatSelectInfiniteScrollDirective.prototype.infiniteScroll;
|
|
162
|
-
/**
|
|
163
|
-
* @type {?}
|
|
164
|
-
* @private
|
|
165
|
-
*/
|
|
166
|
-
MatSelectInfiniteScrollDirective.prototype.panel;
|
|
167
|
-
/**
|
|
168
|
-
* @type {?}
|
|
169
|
-
* @private
|
|
170
|
-
*/
|
|
171
|
-
MatSelectInfiniteScrollDirective.prototype.thrPx;
|
|
172
|
-
/**
|
|
173
|
-
* @type {?}
|
|
174
|
-
* @private
|
|
175
|
-
*/
|
|
176
|
-
MatSelectInfiniteScrollDirective.prototype.thrPc;
|
|
177
|
-
/**
|
|
178
|
-
* @type {?}
|
|
179
|
-
* @private
|
|
180
|
-
*/
|
|
181
|
-
MatSelectInfiniteScrollDirective.prototype.singleOptionHeight;
|
|
182
|
-
/**
|
|
183
|
-
* @type {?}
|
|
184
|
-
* @private
|
|
185
|
-
*/
|
|
186
|
-
MatSelectInfiniteScrollDirective.prototype.destroyed$;
|
|
187
|
-
/**
|
|
188
|
-
* @type {?}
|
|
189
|
-
* @private
|
|
190
|
-
*/
|
|
191
|
-
MatSelectInfiniteScrollDirective.prototype.matSelect;
|
|
192
|
-
/**
|
|
193
|
-
* @type {?}
|
|
194
|
-
* @private
|
|
195
|
-
*/
|
|
196
|
-
MatSelectInfiniteScrollDirective.prototype.ngZone;
|
|
197
|
-
}
|
|
198
|
-
|
|
199
|
-
/**
|
|
200
|
-
* @fileoverview added by tsickle
|
|
201
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
202
|
-
*/
|
|
203
|
-
var MatSelectInfiniteScrollModule = /** @class */ (function () {
|
|
204
|
-
function MatSelectInfiniteScrollModule() {
|
|
205
|
-
}
|
|
206
|
-
MatSelectInfiniteScrollModule.decorators = [
|
|
207
|
-
{ type: NgModule, args: [{
|
|
208
|
-
declarations: [MatSelectInfiniteScrollDirective],
|
|
209
|
-
imports: [
|
|
210
|
-
MatSelectModule
|
|
211
|
-
],
|
|
212
|
-
exports: [MatSelectInfiniteScrollDirective]
|
|
213
|
-
},] }
|
|
214
|
-
];
|
|
215
|
-
return MatSelectInfiniteScrollModule;
|
|
216
|
-
}());
|
|
217
|
-
|
|
218
|
-
/**
|
|
219
|
-
* @fileoverview added by tsickle
|
|
220
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
221
|
-
*/
|
|
222
|
-
|
|
223
|
-
/**
|
|
224
|
-
* @fileoverview added by tsickle
|
|
225
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
226
|
-
*/
|
|
227
|
-
|
|
228
|
-
export { MatSelectInfiniteScrollDirective, MatSelectInfiniteScrollModule };
|
|
229
|
-
//# sourceMappingURL=ng-mat-select-infinite-scroll.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ng-mat-select-infinite-scroll.js","sources":["ng://ng-mat-select-infinite-scroll/lib/mat-select-infinite-scroll.directive.ts","ng://ng-mat-select-infinite-scroll/lib/mat-select-infinite-scroll.module.ts"],"sourcesContent":["import {AfterViewInit, Directive, EventEmitter, Input, NgZone, OnDestroy, OnInit, Output} from '@angular/core';\nimport {MatSelect, SELECT_ITEM_HEIGHT_EM} from '@angular/material/select';\nimport {debounceTime, takeUntil, tap} from 'rxjs/operators';\nimport {fromEvent, Subject} from 'rxjs';\n\n@Directive({\n selector: '[msInfiniteScroll]'\n})\nexport class MatSelectInfiniteScrollDirective implements OnInit, OnDestroy, AfterViewInit {\n\n @Input() threshold = '15%';\n @Input() debounceTime = 150;\n @Input() complete: boolean;\n @Output() infiniteScroll = new EventEmitter<void>();\n\n private panel: Element;\n private thrPx = 0;\n private thrPc = 0;\n private singleOptionHeight = SELECT_ITEM_HEIGHT_EM;\n\n private destroyed$ = new Subject<boolean>();\n\n constructor(private matSelect: MatSelect, private ngZone: NgZone) {\n }\n\n ngOnInit() {\n this.evaluateThreshold();\n }\n\n ngAfterViewInit() {\n this.matSelect.openedChange.pipe(\n takeUntil(this.destroyed$)\n ).subscribe((opened) => {\n if (opened) {\n this.panel = this.matSelect.panel.nativeElement;\n this.singleOptionHeight = this.getSelectItemHeightPx();\n this.registerScrollListener();\n }\n });\n }\n\n ngOnDestroy() {\n this.destroyed$.next(true);\n this.destroyed$.complete();\n }\n\n evaluateThreshold() {\n if (this.threshold.lastIndexOf('%') > -1) {\n this.thrPx = 0;\n this.thrPc = (parseFloat(this.threshold) / 100);\n\n } else {\n this.thrPx = parseFloat(this.threshold);\n this.thrPc = 0;\n }\n }\n\n registerScrollListener() {\n fromEvent(this.panel, 'scroll').pipe(\n takeUntil(this.destroyed$),\n debounceTime(this.debounceTime),\n tap((event) => {\n this.handleScrollEvent(event);\n })\n ).subscribe();\n }\n\n handleScrollEvent(event) {\n this.ngZone.runOutsideAngular(() => {\n if (this.complete) {\n return;\n }\n const countOfRenderedOptions = this.matSelect.options.length;\n const infiniteScrollDistance = this.singleOptionHeight * countOfRenderedOptions;\n const threshold = this.thrPc !== 0 ? (infiniteScrollDistance * this.thrPc) : this.thrPx;\n\n const scrolledDistance = this.panel.clientHeight + event.target.scrollTop;\n\n if ((scrolledDistance + threshold) >= infiniteScrollDistance) {\n this.ngZone.run(() => this.infiniteScroll.emit());\n }\n });\n }\n\n getSelectItemHeightPx(): number {\n return parseFloat(getComputedStyle(this.panel).fontSize) * SELECT_ITEM_HEIGHT_EM;\n }\n\n}\n","import {NgModule} from '@angular/core';\nimport {MatSelectInfiniteScrollDirective} from './mat-select-infinite-scroll.directive';\nimport {MatSelectModule} from '@angular/material/select';\n\n@NgModule({\n declarations: [MatSelectInfiniteScrollDirective],\n imports: [\n MatSelectModule\n ],\n exports: [MatSelectInfiniteScrollDirective]\n})\nexport class MatSelectInfiniteScrollModule {\n}\n"],"names":[],"mappings":"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"}
|
|
Binary file
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"MatSelectInfiniteScrollDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"[msInfiniteScroll]"}]}],"members":{"threshold":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"debounceTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"complete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"infiniteScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelect","line":22,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":22,"character":60}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"evaluateThreshold":[{"__symbolic":"method"}],"registerScrollListener":[{"__symbolic":"method"}],"handleScrollEvent":[{"__symbolic":"method"}],"getSelectItemHeightPx":[{"__symbolic":"method"}]}},"MatSelectInfiniteScrollModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MatSelectInfiniteScrollDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":7,"character":4}],"exports":[{"__symbolic":"reference","name":"MatSelectInfiniteScrollDirective"}]}]}],"members":{}}},"origins":{"MatSelectInfiniteScrollDirective":"./lib/mat-select-infinite-scroll.directive","MatSelectInfiniteScrollModule":"./lib/mat-select-infinite-scroll.module"},"importAs":"ng-mat-select-infinite-scroll"}
|