ng-virtual-list 20.11.1 → 20.11.3
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/fesm2022/ng-virtual-list.mjs +272 -278
- package/fesm2022/ng-virtual-list.mjs.map +1 -1
- package/index.d.ts +3 -2519
- package/lib/components/list-item/base/base-virtual-list-item-component.d.ts +56 -0
- package/lib/components/list-item/base/index.d.ts +2 -0
- package/lib/components/list-item/const/index.d.ts +1 -0
- package/lib/components/list-item/interfaces/index.d.ts +2 -0
- package/lib/components/list-item/interfaces/template-context.d.ts +42 -0
- package/lib/components/list-item/ng-virtual-list-item.component.d.ts +29 -0
- package/lib/components/list-item/ng-virtual-list-item.module.d.ts +9 -0
- package/lib/components/list-item/utils/create-display-id.d.ts +1 -0
- package/lib/components/list-item/utils/get-element-by-index.d.ts +1 -0
- package/lib/components/list-item/utils/index.d.ts +3 -0
- package/lib/components/ng-scroll-bar/const/index.d.ts +1 -0
- package/lib/components/ng-scroll-bar/enums/index.d.ts +2 -0
- package/lib/components/ng-scroll-bar/enums/scrollbar-states.d.ts +5 -0
- package/lib/components/ng-scroll-bar/interfaces/index.d.ts +3 -0
- package/lib/components/ng-scroll-bar/interfaces/scroll-bar-template-context.d.ts +26 -0
- package/lib/components/ng-scroll-bar/interfaces/scrollbar-drag-data.d.ts +13 -0
- package/lib/components/ng-scroll-bar/ng-scroll-bar-public.service.d.ts +16 -0
- package/lib/components/ng-scroll-bar/ng-scroll-bar.component.d.ts +51 -0
- package/lib/components/ng-scroll-bar/ng-scroll-bar.module.d.ts +8 -0
- package/lib/components/ng-scroll-bar/ng-scroll-bar.service.d.ts +22 -0
- package/lib/components/ng-scroll-bar/types/index.d.ts +2 -0
- package/lib/components/ng-scroll-bar/types/scrollbar-state.d.ts +2 -0
- package/lib/components/ng-scroll-view/base/base-scroll-view.component.d.ts +56 -0
- package/lib/components/ng-scroll-view/const/index.d.ts +5 -0
- package/lib/components/ng-scroll-view/enums/index.d.ts +4 -0
- package/lib/components/ng-scroll-view/enums/scroller-direction.d.ts +10 -0
- package/lib/components/ng-scroll-view/enums/scroller-directions.d.ts +8 -0
- package/lib/components/ng-scroll-view/index.d.ts +5 -0
- package/lib/components/ng-scroll-view/interfaces/index.d.ts +2 -0
- package/lib/components/ng-scroll-view/interfaces/scroll-to-params.d.ts +19 -0
- package/lib/components/ng-scroll-view/ng-scroll-view.component.d.ts +54 -0
- package/lib/components/ng-scroll-view/utils/calculate-direction.d.ts +1 -0
- package/lib/components/ng-scroll-view/utils/index.d.ts +3 -0
- package/lib/components/ng-scroll-view/utils/scroll-box.d.ts +39 -0
- package/lib/components/prerender-container/components/prerender-list/prerender-list.component.d.ts +61 -0
- package/lib/components/prerender-container/components/prerender-list/prerender-list.module.d.ts +10 -0
- package/lib/components/prerender-container/components/prerender-list-item/prerender-list-item.component.d.ts +17 -0
- package/lib/components/prerender-container/components/prerender-list-item/prerender-list-item.module.d.ts +9 -0
- package/lib/components/prerender-container/components/prerender-scroller/prerender-scroller.component.d.ts +41 -0
- package/lib/components/prerender-container/components/prerender-scroller/prerender-scroller.module.d.ts +9 -0
- package/lib/components/prerender-container/core/index.d.ts +2 -0
- package/lib/components/prerender-container/core/prerender-track-box.d.ts +35 -0
- package/lib/components/prerender-container/events/index.d.ts +6 -0
- package/lib/components/prerender-container/interfaces/index.d.ts +2 -0
- package/lib/components/prerender-container/interfaces/refresh-params.d.ts +16 -0
- package/lib/components/prerender-container/prerender-container.component.d.ts +37 -0
- package/lib/components/prerender-container/prerender-container.module.d.ts +9 -0
- package/lib/components/prerender-container/types/cache.d.ts +13 -0
- package/lib/components/prerender-container/types/index.d.ts +2 -0
- package/lib/components/scroller/const/index.d.ts +1 -0
- package/lib/components/scroller/enums/index.d.ts +4 -0
- package/lib/components/scroller/enums/scroller-direction.d.ts +4 -0
- package/lib/components/scroller/enums/scroller-directions.d.ts +2 -0
- package/lib/components/scroller/ng-scroller.component.d.ts +100 -0
- package/lib/components/scroller/ng-scroller.module.d.ts +11 -0
- package/lib/components/scroller/utils/index.d.ts +2 -0
- package/lib/components/scroller/utils/scroll-box.d.ts +40 -0
- package/lib/const/index.d.ts +111 -0
- package/lib/core/cache-map.d.ts +56 -0
- package/lib/core/track-box.d.ts +222 -0
- package/lib/core/tracker.d.ts +55 -0
- package/lib/directives/index.d.ts +3 -0
- package/lib/directives/item-click/item-click.directive.d.ts +19 -0
- package/lib/directives/item-click/item-click.module.d.ts +8 -0
- package/lib/directives/locale-sensitive/locale-sensitive.directive.d.ts +19 -0
- package/lib/directives/locale-sensitive/locale-sensitive.module.d.ts +8 -0
- package/lib/enums/collection-mode.d.ts +8 -0
- package/lib/enums/collection-modes.d.ts +16 -0
- package/lib/enums/direction.d.ts +8 -0
- package/lib/enums/directions.d.ts +16 -0
- package/lib/enums/focus-alignments.d.ts +12 -0
- package/lib/enums/index.d.ts +13 -0
- package/lib/enums/method-for-selecting-types.d.ts +20 -0
- package/lib/enums/method-for-selecting.d.ts +8 -0
- package/lib/enums/methods-for-selecting.d.ts +20 -0
- package/lib/enums/snapping-method.d.ts +10 -0
- package/lib/enums/snapping-methods.d.ts +16 -0
- package/lib/enums/text-direction.d.ts +10 -0
- package/lib/enums/text-directions.d.ts +12 -0
- package/lib/interfaces/animation-params.d.ts +13 -0
- package/lib/interfaces/base-virtual-list-item-component.d.ts +23 -0
- package/lib/interfaces/index.d.ts +9 -0
- package/lib/interfaces/rect.d.ts +17 -0
- package/lib/interfaces/render-stabilizer-options.d.ts +12 -0
- package/lib/interfaces/scroll-event.d.ts +58 -0
- package/lib/interfaces/scroll-options.d.ts +24 -0
- package/lib/interfaces/scroll-params.d.ts +16 -0
- package/lib/interfaces/scroll-to-params.d.ts +7 -0
- package/lib/interfaces/size.d.ts +16 -0
- package/lib/models/collection.model.d.ts +9 -0
- package/lib/models/component.model.d.ts +3 -0
- package/lib/models/display-object-config.model.d.ts +21 -0
- package/lib/models/display-object-measures.model.d.ts +45 -0
- package/lib/models/index.d.ts +9 -0
- package/lib/models/item-config-map.model.d.ts +30 -0
- package/lib/models/item.model.d.ts +10 -0
- package/lib/models/render-collection.model.d.ts +9 -0
- package/lib/models/render-item-config.model.d.ts +69 -0
- package/lib/models/render-item-measures.model.d.ts +45 -0
- package/lib/models/render-item.model.d.ts +40 -0
- package/lib/ng-virtual-list-public.service.d.ts +93 -0
- package/lib/ng-virtual-list.component.d.ts +432 -0
- package/lib/ng-virtual-list.module.d.ts +12 -0
- package/lib/ng-virtual-list.service.d.ts +132 -0
- package/lib/types/focus-alignment.d.ts +8 -0
- package/lib/types/focus-item-params.d.ts +7 -0
- package/lib/types/gradient-color-position.d.ts +7 -0
- package/lib/types/gradient-color-positions.d.ts +8 -0
- package/lib/types/id.d.ts +7 -0
- package/lib/types/index.d.ts +6 -0
- package/lib/types/scroll-direction.d.ts +6 -0
- package/lib/utils/animator/animator.d.ts +23 -0
- package/lib/utils/animator/ease.d.ts +2 -0
- package/lib/utils/animator/index.d.ts +5 -0
- package/lib/utils/animator/types/easing.d.ts +1 -0
- package/lib/utils/animator/types/index.d.ts +2 -0
- package/lib/utils/buffer-interpolation.d.ts +5 -0
- package/lib/utils/cmap.d.ts +16 -0
- package/lib/utils/debounce.d.ts +25 -0
- package/lib/utils/event-emitter/event-emitter.d.ts +42 -0
- package/lib/utils/event-emitter/index.d.ts +4 -0
- package/lib/utils/event-emitter/interfaces/event-emitter.d.ts +37 -0
- package/lib/utils/event-emitter/interfaces/index.d.ts +2 -0
- package/lib/utils/get-selector-by-item-id.d.ts +2 -0
- package/lib/utils/index.d.ts +6 -0
- package/lib/utils/is-collection-mode.d.ts +8 -0
- package/lib/utils/is-direction.d.ts +8 -0
- package/lib/utils/is-method-for-selecting.d.ts +8 -0
- package/lib/utils/list-validators.d.ts +2 -0
- package/lib/utils/object.d.ts +4 -0
- package/lib/utils/screen-reader-formatter.d.ts +4 -0
- package/lib/utils/scroll-event.d.ts +48 -0
- package/lib/utils/snapping-method.d.ts +3 -0
- package/lib/utils/toggle-class-name.d.ts +7 -0
- package/lib/utils/validation.d.ts +35 -0
- package/package.json +1 -1
- package/public-api.d.ts +13 -0
|
@@ -38,10 +38,10 @@ class NgScrollBarService {
|
|
|
38
38
|
click(event) {
|
|
39
39
|
this._$click.next(event);
|
|
40
40
|
}
|
|
41
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
42
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
41
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgScrollBarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
42
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgScrollBarService, providedIn: 'root' });
|
|
43
43
|
}
|
|
44
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
44
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgScrollBarService, decorators: [{
|
|
45
45
|
type: Injectable,
|
|
46
46
|
args: [{
|
|
47
47
|
providedIn: 'root'
|
|
@@ -60,10 +60,10 @@ class NgScrollBarPublicService {
|
|
|
60
60
|
_internalService = inject(NgScrollBarService);
|
|
61
61
|
get $click() { return this._internalService.$click; }
|
|
62
62
|
get $state() { return this._internalService.$state; }
|
|
63
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
64
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
63
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgScrollBarPublicService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
64
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgScrollBarPublicService, providedIn: 'root' });
|
|
65
65
|
}
|
|
66
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
66
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgScrollBarPublicService, decorators: [{
|
|
67
67
|
type: Injectable,
|
|
68
68
|
args: [{
|
|
69
69
|
providedIn: 'root'
|
|
@@ -2335,10 +2335,10 @@ class NgVirtualListService {
|
|
|
2335
2335
|
scrollToEnd(options) {
|
|
2336
2336
|
this._$scrollToEnd.next(options);
|
|
2337
2337
|
}
|
|
2338
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2339
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
2338
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgVirtualListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2339
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgVirtualListService, providedIn: 'root' });
|
|
2340
2340
|
}
|
|
2341
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2341
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgVirtualListService, decorators: [{
|
|
2342
2342
|
type: Injectable,
|
|
2343
2343
|
args: [{
|
|
2344
2344
|
providedIn: 'root'
|
|
@@ -2452,10 +2452,10 @@ class NgVirtualListPublicService {
|
|
|
2452
2452
|
scrollToEnd(options) {
|
|
2453
2453
|
this._internalService.scrollToEnd(options);
|
|
2454
2454
|
}
|
|
2455
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2456
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
2455
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgVirtualListPublicService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2456
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgVirtualListPublicService, providedIn: 'root' });
|
|
2457
2457
|
}
|
|
2458
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2458
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgVirtualListPublicService, decorators: [{
|
|
2459
2459
|
type: Injectable,
|
|
2460
2460
|
args: [{
|
|
2461
2461
|
providedIn: 'root'
|
|
@@ -2484,11 +2484,11 @@ class BaseVirtualListItemComponent {
|
|
|
2484
2484
|
}
|
|
2485
2485
|
_isSelected = false;
|
|
2486
2486
|
_isCollapsed = false;
|
|
2487
|
-
config = signal({}
|
|
2488
|
-
measures = signal(null
|
|
2489
|
-
focused = signal(false
|
|
2490
|
-
part = signal(PART_DEFAULT_ITEM
|
|
2491
|
-
data = signal(null
|
|
2487
|
+
config = signal({});
|
|
2488
|
+
measures = signal(null);
|
|
2489
|
+
focused = signal(false);
|
|
2490
|
+
part = signal(PART_DEFAULT_ITEM);
|
|
2491
|
+
data = signal(null);
|
|
2492
2492
|
_data = null;
|
|
2493
2493
|
set item(v) {
|
|
2494
2494
|
if (this._data === v || this._data?.id === -1 || !v) {
|
|
@@ -2521,7 +2521,7 @@ class BaseVirtualListItemComponent {
|
|
|
2521
2521
|
get itemId() {
|
|
2522
2522
|
return this._data?.id;
|
|
2523
2523
|
}
|
|
2524
|
-
itemRenderer = signal(undefined
|
|
2524
|
+
itemRenderer = signal(undefined);
|
|
2525
2525
|
_renderer;
|
|
2526
2526
|
set renderer(v) {
|
|
2527
2527
|
if (this._renderer !== v) {
|
|
@@ -2541,17 +2541,17 @@ class BaseVirtualListItemComponent {
|
|
|
2541
2541
|
[CLASS_NAME_SNAPPED]: data?.config?.snapped ?? false, [CLASS_NAME_SNAPPED_OUT]: data?.config?.snappedOut ?? false,
|
|
2542
2542
|
[CLASS_NAME_FOCUS]: focused,
|
|
2543
2543
|
};
|
|
2544
|
-
}
|
|
2544
|
+
});
|
|
2545
2545
|
this.index = computed(() => {
|
|
2546
2546
|
return this.config()?.tabIndex ?? -1;
|
|
2547
|
-
}
|
|
2547
|
+
});
|
|
2548
2548
|
this.templateContext = computed(() => {
|
|
2549
2549
|
const data = this.data(), measures = this.measures(), config = this.config();
|
|
2550
2550
|
return {
|
|
2551
2551
|
data: data?.data, prevData: data?.previouseData, nextData: data?.nextData, measures,
|
|
2552
2552
|
config, reseted: false, index: data?.index ?? -1, api: this._apiService,
|
|
2553
2553
|
};
|
|
2554
|
-
}
|
|
2554
|
+
});
|
|
2555
2555
|
}
|
|
2556
2556
|
updateMeasures(v) {
|
|
2557
2557
|
this.measures.set(v?.measures ? { ...v.measures } : null);
|
|
@@ -2693,10 +2693,10 @@ class ItemClickDirective {
|
|
|
2693
2693
|
}));
|
|
2694
2694
|
})).subscribe();
|
|
2695
2695
|
}
|
|
2696
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2697
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2696
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ItemClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
2697
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: ItemClickDirective, isStandalone: false, selector: "[itemClick]", inputs: { maxDistance: ["maxClickDistance", "maxDistance"] }, outputs: { onClick: "onClick" }, ngImport: i0 });
|
|
2698
2698
|
}
|
|
2699
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2699
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ItemClickDirective, decorators: [{
|
|
2700
2700
|
type: Directive,
|
|
2701
2701
|
args: [{
|
|
2702
2702
|
selector: '[itemClick]',
|
|
@@ -2705,7 +2705,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
2705
2705
|
}], ctorParameters: () => [], propDecorators: { maxDistance: [{
|
|
2706
2706
|
type: Input,
|
|
2707
2707
|
args: ['maxClickDistance']
|
|
2708
|
-
}]
|
|
2708
|
+
}] } });
|
|
2709
2709
|
|
|
2710
2710
|
/**
|
|
2711
2711
|
* Virtual list component.
|
|
@@ -2717,7 +2717,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
2717
2717
|
*/
|
|
2718
2718
|
class NgVirtualListItemComponent extends BaseVirtualListItemComponent {
|
|
2719
2719
|
_service = inject(NgVirtualListService);
|
|
2720
|
-
maxClickDistance = signal(DEFAULT_CLICK_DISTANCE
|
|
2720
|
+
maxClickDistance = signal(DEFAULT_CLICK_DISTANCE);
|
|
2721
2721
|
_injector = inject(Injector);
|
|
2722
2722
|
constructor() {
|
|
2723
2723
|
super();
|
|
@@ -2877,16 +2877,6 @@ class NgVirtualListItemComponent extends BaseVirtualListItemComponent {
|
|
|
2877
2877
|
}
|
|
2878
2878
|
return -1;
|
|
2879
2879
|
}
|
|
2880
|
-
focus(align = FocusAlignments.CENTER, index = -1) {
|
|
2881
|
-
if (this._service.listElement) {
|
|
2882
|
-
const tabIndex = index > -1 ? index : this._data?.config?.tabIndex ?? 0;
|
|
2883
|
-
let i = tabIndex;
|
|
2884
|
-
const element = this._service.listElement.querySelector(getListElementByIndex(i));
|
|
2885
|
-
if (!!element) {
|
|
2886
|
-
this._service.focus(element, align);
|
|
2887
|
-
}
|
|
2888
|
-
}
|
|
2889
|
-
}
|
|
2890
2880
|
updateConfig(v) {
|
|
2891
2881
|
this.config.set({
|
|
2892
2882
|
...v?.config || {}, selected: this._isSelected, collapsed: this._isCollapsed, focused: this.focused(),
|
|
@@ -2895,10 +2885,10 @@ class NgVirtualListItemComponent extends BaseVirtualListItemComponent {
|
|
|
2895
2885
|
onClickHandler() {
|
|
2896
2886
|
this._service.itemClick(this._data);
|
|
2897
2887
|
}
|
|
2898
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2899
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2888
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgVirtualListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2889
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: NgVirtualListItemComponent, isStandalone: false, selector: "ng-virtual-list-item", host: { attributes: { "role": "listitem" }, classAttribute: "ngvl__item" }, usesInheritance: true, ngImport: i0, template: "@let renderer = itemRenderer();\r\n<div itemClick [maxClickDistance]=\"maxClickDistance()\" [part]=\"part()\" [attr.ngvl-index]=\"index()\" tabindex=\"-1\"\r\n class=\"ngvl-item__container\" [ngClass]=\"classes()\" (onClick)=\"onClickHandler()\">\r\n @if (renderer) {\r\n <ng-container [ngTemplateOutlet]=\"renderer\" [ngTemplateOutletContext]=\"templateContext()\" />\r\n }\r\n</div>", styles: [":host{display:block;position:absolute;left:0;top:0;box-sizing:border-box;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;-moz-user-drag:none;text-rendering:optimizeSpeed;image-rendering:auto}.ngvl-item__container{margin:0;padding:0;overflow:hidden;background-color:#fff;width:inherit;height:inherit;box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: ItemClickDirective, selector: "[itemClick]", inputs: ["maxClickDistance"], outputs: ["onClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2900
2890
|
}
|
|
2901
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2891
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgVirtualListItemComponent, decorators: [{
|
|
2902
2892
|
type: Component,
|
|
2903
2893
|
args: [{ selector: 'ng-virtual-list-item', host: {
|
|
2904
2894
|
'class': 'ngvl__item',
|
|
@@ -3231,13 +3221,13 @@ class ScrollBox {
|
|
|
3231
3221
|
* @email djonnyx@gmail.com
|
|
3232
3222
|
*/
|
|
3233
3223
|
class BaseScrollView {
|
|
3234
|
-
scrollContent = viewChild('scrollContent'
|
|
3235
|
-
scrollViewport = viewChild('scrollViewport'
|
|
3236
|
-
direction = input(ScrollerDirection.VERTICAL
|
|
3237
|
-
startOffset = input(0
|
|
3238
|
-
endOffset = input(0
|
|
3224
|
+
scrollContent = viewChild('scrollContent');
|
|
3225
|
+
scrollViewport = viewChild('scrollViewport');
|
|
3226
|
+
direction = input(ScrollerDirection.VERTICAL);
|
|
3227
|
+
startOffset = input(0);
|
|
3228
|
+
endOffset = input(0);
|
|
3239
3229
|
isVertical;
|
|
3240
|
-
grabbing = signal(false
|
|
3230
|
+
grabbing = signal(false);
|
|
3241
3231
|
_$updateScrollBar = new Subject();
|
|
3242
3232
|
$updateScrollBar = this._$updateScrollBar.asObservable();
|
|
3243
3233
|
get scrollable() {
|
|
@@ -3310,13 +3300,13 @@ class BaseScrollView {
|
|
|
3310
3300
|
}
|
|
3311
3301
|
return contentHeight < viewportHeight ? isVertical ? startOffset : 0 : (contentHeight - viewportHeight);
|
|
3312
3302
|
}
|
|
3313
|
-
viewportBounds = signal({ width: 0, height: 0 }
|
|
3314
|
-
contentBounds = signal({ width: 0, height: 0 }
|
|
3303
|
+
viewportBounds = signal({ width: 0, height: 0 });
|
|
3304
|
+
contentBounds = signal({ width: 0, height: 0 });
|
|
3315
3305
|
_inversion = inject(SCROLL_VIEW_INVERSION);
|
|
3316
3306
|
constructor() {
|
|
3317
3307
|
this.isVertical = computed(() => {
|
|
3318
3308
|
return this.direction() === ScrollerDirection.VERTICAL;
|
|
3319
|
-
}
|
|
3309
|
+
});
|
|
3320
3310
|
}
|
|
3321
3311
|
tick() {
|
|
3322
3312
|
this.onResizeContent();
|
|
@@ -3342,16 +3332,16 @@ class BaseScrollView {
|
|
|
3342
3332
|
this.contentBounds.set({ width, height });
|
|
3343
3333
|
}
|
|
3344
3334
|
}
|
|
3345
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3346
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
3335
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: BaseScrollView, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3336
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.19", type: BaseScrollView, isStandalone: true, selector: "base-scroll-view", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, startOffset: { classPropertyName: "startOffset", publicName: "startOffset", isSignal: true, isRequired: false, transformFunction: null }, endOffset: { classPropertyName: "endOffset", publicName: "endOffset", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "scrollContent", first: true, predicate: ["scrollContent"], descendants: true, isSignal: true }, { propertyName: "scrollViewport", first: true, predicate: ["scrollViewport"], descendants: true, isSignal: true }], ngImport: i0, template: '', isInline: true });
|
|
3347
3337
|
}
|
|
3348
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3338
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: BaseScrollView, decorators: [{
|
|
3349
3339
|
type: Component,
|
|
3350
3340
|
args: [{
|
|
3351
3341
|
selector: 'base-scroll-view',
|
|
3352
3342
|
template: '',
|
|
3353
3343
|
}]
|
|
3354
|
-
}], ctorParameters: () => []
|
|
3344
|
+
}], ctorParameters: () => [] });
|
|
3355
3345
|
|
|
3356
3346
|
/**
|
|
3357
3347
|
* NgScrollView
|
|
@@ -3363,8 +3353,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
3363
3353
|
*/
|
|
3364
3354
|
class NgScrollView extends BaseScrollView {
|
|
3365
3355
|
cdkScrollable;
|
|
3366
|
-
scrollBehavior = input(DEFAULT_SCROLL_BEHAVIOR
|
|
3367
|
-
overscrollEnabled = input(DEFAULT_OVERSCROLL_ENABLED
|
|
3356
|
+
scrollBehavior = input(DEFAULT_SCROLL_BEHAVIOR);
|
|
3357
|
+
overscrollEnabled = input(DEFAULT_OVERSCROLL_ENABLED);
|
|
3368
3358
|
_normalizeValueFromZero = inject(SCROLL_VIEW_NORMALIZE_VALUE_FROM_ZERO);
|
|
3369
3359
|
_$scroll = new Subject();
|
|
3370
3360
|
$scroll = this._$scroll.asObservable();
|
|
@@ -3621,25 +3611,29 @@ class NgScrollView extends BaseScrollView {
|
|
|
3621
3611
|
}
|
|
3622
3612
|
else {
|
|
3623
3613
|
if (isVertical) {
|
|
3624
|
-
if (
|
|
3625
|
-
|
|
3626
|
-
|
|
3627
|
-
|
|
3628
|
-
|
|
3629
|
-
|
|
3630
|
-
|
|
3631
|
-
|
|
3614
|
+
if (this._y !== y) {
|
|
3615
|
+
if (!blending) {
|
|
3616
|
+
this.stopScrolling();
|
|
3617
|
+
}
|
|
3618
|
+
this.refreshY(y);
|
|
3619
|
+
this.y = y;
|
|
3620
|
+
this.emitScrollableEvent();
|
|
3621
|
+
if (fireUpdate) {
|
|
3622
|
+
this.fireScrollEvent(userAction);
|
|
3623
|
+
}
|
|
3632
3624
|
}
|
|
3633
3625
|
}
|
|
3634
3626
|
else {
|
|
3635
|
-
if (
|
|
3636
|
-
|
|
3637
|
-
|
|
3638
|
-
|
|
3639
|
-
|
|
3640
|
-
|
|
3641
|
-
|
|
3642
|
-
|
|
3627
|
+
if (this._x !== x) {
|
|
3628
|
+
if (!blending) {
|
|
3629
|
+
this.stopScrolling();
|
|
3630
|
+
}
|
|
3631
|
+
this.refreshX(x);
|
|
3632
|
+
this.x = x;
|
|
3633
|
+
this.emitScrollableEvent();
|
|
3634
|
+
if (fireUpdate) {
|
|
3635
|
+
this.fireScrollEvent(userAction);
|
|
3636
|
+
}
|
|
3643
3637
|
}
|
|
3644
3638
|
}
|
|
3645
3639
|
}
|
|
@@ -3670,10 +3664,10 @@ class NgScrollView extends BaseScrollView {
|
|
|
3670
3664
|
this._animator.dispose();
|
|
3671
3665
|
}
|
|
3672
3666
|
}
|
|
3673
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3674
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
3667
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgScrollView, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3668
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.19", type: NgScrollView, isStandalone: true, selector: "ng-scroll-view", inputs: { scrollBehavior: { classPropertyName: "scrollBehavior", publicName: "scrollBehavior", isSignal: true, isRequired: false, transformFunction: null }, overscrollEnabled: { classPropertyName: "overscrollEnabled", publicName: "overscrollEnabled", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "cdkScrollable", first: true, predicate: ["scrollViewport"], descendants: true, read: CdkScrollable }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
3675
3669
|
}
|
|
3676
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3670
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgScrollView, decorators: [{
|
|
3677
3671
|
type: Component,
|
|
3678
3672
|
args: [{
|
|
3679
3673
|
selector: 'ng-scroll-view',
|
|
@@ -3682,7 +3676,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
3682
3676
|
}], ctorParameters: () => [], propDecorators: { cdkScrollable: [{
|
|
3683
3677
|
type: ViewChild,
|
|
3684
3678
|
args: ['scrollViewport', { read: CdkScrollable }]
|
|
3685
|
-
}]
|
|
3679
|
+
}] } });
|
|
3686
3680
|
|
|
3687
3681
|
const DEFAULT_THICKNESS = 6, DEFAULT_SIZE = 6, PX = 'px', WIDTH = 'width', HEIGHT = 'height', OPACITY = 'opacity', OPACITY_0 = '0', OPACITY_1 = '1', TRANSITION = 'transition', NONE = 'none', TRANSITION_FADE_IN = `${OPACITY} 500ms ease-out`;
|
|
3688
3682
|
|
|
@@ -3695,24 +3689,24 @@ const DEFAULT_THICKNESS = 6, DEFAULT_SIZE = 6, PX = 'px', WIDTH = 'width', HEIGH
|
|
|
3695
3689
|
* @email djonnyx@gmail.com
|
|
3696
3690
|
*/
|
|
3697
3691
|
class NgScrollBarComponent extends NgScrollView {
|
|
3698
|
-
_defaultRenderer = viewChild('defaultRenderer'
|
|
3692
|
+
_defaultRenderer = viewChild('defaultRenderer');
|
|
3699
3693
|
_service = inject(NgScrollBarService);
|
|
3700
3694
|
_apiService = inject(NgScrollBarPublicService);
|
|
3701
|
-
loading = input(false
|
|
3695
|
+
loading = input(false);
|
|
3702
3696
|
onDrag = output();
|
|
3703
3697
|
onDragEnd = output();
|
|
3704
|
-
thumbGradientPositions = input([0, 0]
|
|
3705
|
-
size = input(DEFAULT_SIZE
|
|
3706
|
-
thickness = input(DEFAULT_THICKNESS
|
|
3707
|
-
scrollbarMinSize = input(0
|
|
3708
|
-
prepared = input(false
|
|
3709
|
-
interactive = input(DEFAULT_SCROLLBAR_INTERACTIVE
|
|
3710
|
-
show = input(false
|
|
3711
|
-
params = input({}
|
|
3712
|
-
renderer = input(null
|
|
3713
|
-
thumbRenderer = signal(this._defaultRenderer() ?? null
|
|
3714
|
-
hoverState = signal(false
|
|
3715
|
-
pressedState = signal(false
|
|
3698
|
+
thumbGradientPositions = input([0, 0]);
|
|
3699
|
+
size = input(DEFAULT_SIZE);
|
|
3700
|
+
thickness = input(DEFAULT_THICKNESS);
|
|
3701
|
+
scrollbarMinSize = input(0);
|
|
3702
|
+
prepared = input(false);
|
|
3703
|
+
interactive = input(DEFAULT_SCROLLBAR_INTERACTIVE);
|
|
3704
|
+
show = input(false);
|
|
3705
|
+
params = input({});
|
|
3706
|
+
renderer = input(null);
|
|
3707
|
+
thumbRenderer = signal(this._defaultRenderer() ?? null);
|
|
3708
|
+
hoverState = signal(false);
|
|
3709
|
+
pressedState = signal(false);
|
|
3716
3710
|
templateContext;
|
|
3717
3711
|
styles;
|
|
3718
3712
|
thumbWidth;
|
|
@@ -3731,7 +3725,7 @@ class NgScrollBarComponent extends NgScrollView {
|
|
|
3731
3725
|
params: this.params() ?? {},
|
|
3732
3726
|
};
|
|
3733
3727
|
return context;
|
|
3734
|
-
}
|
|
3728
|
+
});
|
|
3735
3729
|
const $renderer = toObservable(this.renderer).pipe(startWith(null)), $defaultRenderer = toObservable(this._defaultRenderer);
|
|
3736
3730
|
combineLatest([$renderer, $defaultRenderer]).pipe(takeUntilDestroyed(), switchMap$1(([renderer, defaultRenderer]) => {
|
|
3737
3731
|
return of((renderer ?? defaultRenderer) ?? null);
|
|
@@ -3747,10 +3741,10 @@ class NgScrollBarComponent extends NgScrollView {
|
|
|
3747
3741
|
})).subscribe();
|
|
3748
3742
|
this.thumbWidth = computed(() => {
|
|
3749
3743
|
return this.isVertical() ? this.thickness() : this.size();
|
|
3750
|
-
}
|
|
3744
|
+
});
|
|
3751
3745
|
this.thumbHeight = computed(() => {
|
|
3752
3746
|
return this.isVertical() ? this.size() : this.thickness();
|
|
3753
|
-
}
|
|
3747
|
+
});
|
|
3754
3748
|
const $pointerDown = fromEvent(this._elementRef.nativeElement, 'pointerdown').pipe(takeUntilDestroyed()), $pointerUp = fromEvent(this._elementRef.nativeElement, 'pointerup').pipe(takeUntilDestroyed()), $docPointerUp = fromEvent(document, 'pointerup').pipe(takeUntilDestroyed()), $pointerEnter = fromEvent(this._elementRef.nativeElement, 'pointerenter').pipe(takeUntilDestroyed()), $pointerLeave = fromEvent(this._elementRef.nativeElement, 'pointerleave').pipe(takeUntilDestroyed());
|
|
3755
3749
|
$pointerDown.pipe(takeUntilDestroyed(), tap(e => {
|
|
3756
3750
|
this.pressedState.set(this.thumbHit(e.clientX, e.clientY));
|
|
@@ -3789,7 +3783,7 @@ class NgScrollBarComponent extends NgScrollView {
|
|
|
3789
3783
|
[sizePropName]: `${show ? this.thickness() : 0}${PX}`,
|
|
3790
3784
|
[OPACITY]: show ? OPACITY_1 : OPACITY_0, [TRANSITION]: show ? TRANSITION_FADE_IN : NONE,
|
|
3791
3785
|
};
|
|
3792
|
-
}
|
|
3786
|
+
});
|
|
3793
3787
|
this.$scroll.pipe(takeUntilDestroyed(), tap(v => {
|
|
3794
3788
|
const event = this.createDragEvent(v);
|
|
3795
3789
|
if (!!event) {
|
|
@@ -3832,15 +3826,15 @@ class NgScrollBarComponent extends NgScrollView {
|
|
|
3832
3826
|
click(event) {
|
|
3833
3827
|
this._service.click(event);
|
|
3834
3828
|
}
|
|
3835
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3836
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
3829
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgScrollBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3830
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.19", type: NgScrollBarComponent, isStandalone: false, selector: "ng-scroll-bar", inputs: { loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, thumbGradientPositions: { classPropertyName: "thumbGradientPositions", publicName: "thumbGradientPositions", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, thickness: { classPropertyName: "thickness", publicName: "thickness", isSignal: true, isRequired: false, transformFunction: null }, scrollbarMinSize: { classPropertyName: "scrollbarMinSize", publicName: "scrollbarMinSize", isSignal: true, isRequired: false, transformFunction: null }, prepared: { classPropertyName: "prepared", publicName: "prepared", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, show: { classPropertyName: "show", publicName: "show", isSignal: true, isRequired: false, transformFunction: null }, params: { classPropertyName: "params", publicName: "params", isSignal: true, isRequired: false, transformFunction: null }, renderer: { classPropertyName: "renderer", publicName: "renderer", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onDrag: "onDrag", onDragEnd: "onDragEnd" }, providers: [
|
|
3837
3831
|
{ provide: SCROLL_VIEW_INVERSION, useValue: true },
|
|
3838
3832
|
{ provide: SCROLL_VIEW_NORMALIZE_VALUE_FROM_ZERO, useValue: false },
|
|
3839
3833
|
NgScrollBarService,
|
|
3840
3834
|
NgScrollBarPublicService,
|
|
3841
3835
|
], viewQueries: [{ propertyName: "_defaultRenderer", first: true, predicate: ["defaultRenderer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let grab = grabbing();\r\n<div #scrollViewport class=\"track\" part=\"scrollbar-track\" [ngStyle]=\"styles()\" [ngClass]=\"{grabbing: grab}\">\r\n <div #scrollContent class=\"thumb\" part=\"scrollbar-thumb\" [class.horizontal]=\"!isVertical()\"\r\n (pointerdown)=\"click($event)\">\r\n <ng-container [ngTemplateOutlet]=\"thumbRenderer()\" [ngTemplateOutletContext]=\"templateContext()\" />\r\n </div>\r\n</div>\r\n\r\n<ng-template #defaultRenderer let-api=\"api\" let-width=\"width\" let-height=\"height\" let-fillPositions=\"fillPositions\"\r\n let-params=\"params\">\r\n <div class=\"shape\" part=\"scrollbar-thumb__shape\" [style.width.px]=\"width\" [style.height.px]=\"height\"></div>\r\n</ng-template>", styles: [":host{position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;width:100%;height:100%}.track{position:relative;overflow:hidden;width:100%;height:100%;cursor:grab}.track.grabbing{cursor:grabbing}.track .thumb{display:block;position:absolute;list-style:none;padding:0;margin:0;overflow:hidden}.track .thumb.prepared{overflow:hidden}.track .thumb.horizontal{top:0}.track .thumb .shape{box-sizing:border-box;pointer-events:none;background-color:#818181;border-radius:0;overflow:hidden}.track.grabbing .thumb{cursor:grabbing}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
3842
3836
|
}
|
|
3843
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3837
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgScrollBarComponent, decorators: [{
|
|
3844
3838
|
type: Component,
|
|
3845
3839
|
args: [{ selector: 'ng-scroll-bar', providers: [
|
|
3846
3840
|
{ provide: SCROLL_VIEW_INVERSION, useValue: true },
|
|
@@ -3848,7 +3842,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
3848
3842
|
NgScrollBarService,
|
|
3849
3843
|
NgScrollBarPublicService,
|
|
3850
3844
|
], standalone: false, template: "@let grab = grabbing();\r\n<div #scrollViewport class=\"track\" part=\"scrollbar-track\" [ngStyle]=\"styles()\" [ngClass]=\"{grabbing: grab}\">\r\n <div #scrollContent class=\"thumb\" part=\"scrollbar-thumb\" [class.horizontal]=\"!isVertical()\"\r\n (pointerdown)=\"click($event)\">\r\n <ng-container [ngTemplateOutlet]=\"thumbRenderer()\" [ngTemplateOutletContext]=\"templateContext()\" />\r\n </div>\r\n</div>\r\n\r\n<ng-template #defaultRenderer let-api=\"api\" let-width=\"width\" let-height=\"height\" let-fillPositions=\"fillPositions\"\r\n let-params=\"params\">\r\n <div class=\"shape\" part=\"scrollbar-thumb__shape\" [style.width.px]=\"width\" [style.height.px]=\"height\"></div>\r\n</ng-template>", styles: [":host{position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;width:100%;height:100%}.track{position:relative;overflow:hidden;width:100%;height:100%;cursor:grab}.track.grabbing{cursor:grabbing}.track .thumb{display:block;position:absolute;list-style:none;padding:0;margin:0;overflow:hidden}.track .thumb.prepared{overflow:hidden}.track .thumb.horizontal{top:0}.track .thumb .shape{box-sizing:border-box;pointer-events:none;background-color:#818181;border-radius:0;overflow:hidden}.track.grabbing .thumb{cursor:grabbing}\n"] }]
|
|
3851
|
-
}], ctorParameters: () => []
|
|
3845
|
+
}], ctorParameters: () => [] });
|
|
3852
3846
|
|
|
3853
3847
|
const MAX_ITERATIONS_FOR_AVERAGE_CALCULATIONS = 5, MEASURE_VELOCITY_TIMER = 20;
|
|
3854
3848
|
|
|
@@ -3862,8 +3856,8 @@ const RIGHT = 'right', DIR = 'dir';
|
|
|
3862
3856
|
* @email djonnyx@gmail.com
|
|
3863
3857
|
*/
|
|
3864
3858
|
class LocaleSensitiveDirective {
|
|
3865
|
-
langTextDir = input(TextDirections.LTR
|
|
3866
|
-
listDir = input(ScrollerDirection$1.VERTICAL
|
|
3859
|
+
langTextDir = input(TextDirections.LTR);
|
|
3860
|
+
listDir = input(ScrollerDirection$1.VERTICAL);
|
|
3867
3861
|
_elementRef = inject((ElementRef));
|
|
3868
3862
|
constructor() {
|
|
3869
3863
|
const $langTextDir = toObservable(this.langTextDir), $listDir = toObservable(this.listDir);
|
|
@@ -3881,16 +3875,16 @@ class LocaleSensitiveDirective {
|
|
|
3881
3875
|
}
|
|
3882
3876
|
})).subscribe();
|
|
3883
3877
|
}
|
|
3884
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3885
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
3878
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LocaleSensitiveDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
3879
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.19", type: LocaleSensitiveDirective, isStandalone: false, selector: "[localeSensitive]", inputs: { langTextDir: { classPropertyName: "langTextDir", publicName: "langTextDir", isSignal: true, isRequired: false, transformFunction: null }, listDir: { classPropertyName: "listDir", publicName: "listDir", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
|
|
3886
3880
|
}
|
|
3887
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3881
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LocaleSensitiveDirective, decorators: [{
|
|
3888
3882
|
type: Directive,
|
|
3889
3883
|
args: [{
|
|
3890
3884
|
selector: '[localeSensitive]',
|
|
3891
3885
|
standalone: false,
|
|
3892
3886
|
}]
|
|
3893
|
-
}], ctorParameters: () => []
|
|
3887
|
+
}], ctorParameters: () => [] });
|
|
3894
3888
|
|
|
3895
3889
|
const TOP = 'top', LEFT = 'left', INSTANT = 'instant';
|
|
3896
3890
|
const SCROLL_EVENT = new Event(SCROLLER_SCROLL);
|
|
@@ -3905,24 +3899,24 @@ const SCROLL_EVENT = new Event(SCROLLER_SCROLL);
|
|
|
3905
3899
|
class NgScrollerComponent extends NgScrollView {
|
|
3906
3900
|
scrollBar;
|
|
3907
3901
|
onScrollbarVisible = output();
|
|
3908
|
-
scrollbarEnabled = input(DEFAULT_SCROLLBAR_ENABLED
|
|
3909
|
-
scrollbarInteractive = input(DEFAULT_SCROLLBAR_INTERACTIVE
|
|
3910
|
-
focusedElement = input(null
|
|
3911
|
-
content = input(
|
|
3912
|
-
loading = input(false
|
|
3913
|
-
classes = input({}
|
|
3914
|
-
scrollbarMinSize = input(DEFAULT_SCROLLBAR_MIN_SIZE
|
|
3915
|
-
scrollbarThickness = input(DEFAULT_SCROLLBAR_THICKNESS
|
|
3916
|
-
scrollbarThumbRenderer = input(null
|
|
3917
|
-
scrollbarThumbParams = input(null
|
|
3902
|
+
scrollbarEnabled = input(DEFAULT_SCROLLBAR_ENABLED);
|
|
3903
|
+
scrollbarInteractive = input(DEFAULT_SCROLLBAR_INTERACTIVE);
|
|
3904
|
+
focusedElement = input(null);
|
|
3905
|
+
content = input();
|
|
3906
|
+
loading = input(false);
|
|
3907
|
+
classes = input({});
|
|
3908
|
+
scrollbarMinSize = input(DEFAULT_SCROLLBAR_MIN_SIZE);
|
|
3909
|
+
scrollbarThickness = input(DEFAULT_SCROLLBAR_THICKNESS);
|
|
3910
|
+
scrollbarThumbRenderer = input(null);
|
|
3911
|
+
scrollbarThumbParams = input(null);
|
|
3918
3912
|
actualClasses;
|
|
3919
3913
|
containerClasses;
|
|
3920
|
-
thumbGradientPositions = signal([0, 0]
|
|
3921
|
-
thumbSize = signal(0
|
|
3922
|
-
scrollbarShow = signal(false
|
|
3923
|
-
preparedSignal = signal(false
|
|
3914
|
+
thumbGradientPositions = signal([0, 0]);
|
|
3915
|
+
thumbSize = signal(0);
|
|
3916
|
+
scrollbarShow = signal(false);
|
|
3917
|
+
preparedSignal = signal(false);
|
|
3924
3918
|
_service = inject(NgVirtualListService);
|
|
3925
|
-
langTextDir = signal(TextDirections.LTR
|
|
3919
|
+
langTextDir = signal(TextDirections.LTR);
|
|
3926
3920
|
_scrollBox = new ScrollBox$1();
|
|
3927
3921
|
get host() {
|
|
3928
3922
|
return this.scrollViewport()?.nativeElement;
|
|
@@ -3952,7 +3946,7 @@ class NgScrollerComponent extends NgScrollView {
|
|
|
3952
3946
|
}
|
|
3953
3947
|
}
|
|
3954
3948
|
get y() { return this._y; }
|
|
3955
|
-
viewInitialized = signal(false
|
|
3949
|
+
viewInitialized = signal(false);
|
|
3956
3950
|
_isScrollbarUserAction = false;
|
|
3957
3951
|
get isScrollbarUserAction() {
|
|
3958
3952
|
return this._isScrollbarUserAction;
|
|
@@ -3994,11 +3988,11 @@ class NgScrollerComponent extends NgScrollView {
|
|
|
3994
3988
|
this.actualClasses = computed(() => {
|
|
3995
3989
|
const classes = this.classes(), direction = this.direction();
|
|
3996
3990
|
return { ...classes, [direction]: true, grabbing: this.grabbing() };
|
|
3997
|
-
}
|
|
3991
|
+
});
|
|
3998
3992
|
this.containerClasses = computed(() => {
|
|
3999
3993
|
const { width: contentWidth, height: contentHeight } = this.contentBounds(), { width, height } = this.viewportBounds(), isVertical = this.isVertical(), viewportSize = isVertical ? height : width, contentSize = isVertical ? contentHeight : contentWidth;
|
|
4000
3994
|
return { [this.direction()]: true, grabbing: this.grabbing(), enabled: this.scrollbarEnabled(), scrollable: contentSize > viewportSize };
|
|
4001
|
-
}
|
|
3995
|
+
});
|
|
4002
3996
|
effect(() => {
|
|
4003
3997
|
const viewInitialized = this.viewInitialized();
|
|
4004
3998
|
if (viewInitialized) {
|
|
@@ -4202,13 +4196,13 @@ class NgScrollerComponent extends NgScrollView {
|
|
|
4202
4196
|
super.ngOnDestroy();
|
|
4203
4197
|
this.stopMeasureVelocity();
|
|
4204
4198
|
}
|
|
4205
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4206
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
4199
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgScrollerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4200
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: NgScrollerComponent, isStandalone: false, selector: "ng-scroller", inputs: { scrollbarEnabled: { classPropertyName: "scrollbarEnabled", publicName: "scrollbarEnabled", isSignal: true, isRequired: false, transformFunction: null }, scrollbarInteractive: { classPropertyName: "scrollbarInteractive", publicName: "scrollbarInteractive", isSignal: true, isRequired: false, transformFunction: null }, focusedElement: { classPropertyName: "focusedElement", publicName: "focusedElement", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null }, scrollbarMinSize: { classPropertyName: "scrollbarMinSize", publicName: "scrollbarMinSize", isSignal: true, isRequired: false, transformFunction: null }, scrollbarThickness: { classPropertyName: "scrollbarThickness", publicName: "scrollbarThickness", isSignal: true, isRequired: false, transformFunction: null }, scrollbarThumbRenderer: { classPropertyName: "scrollbarThumbRenderer", publicName: "scrollbarThumbRenderer", isSignal: true, isRequired: false, transformFunction: null }, scrollbarThumbParams: { classPropertyName: "scrollbarThumbParams", publicName: "scrollbarThumbParams", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onScrollbarVisible: "onScrollbarVisible" }, providers: [
|
|
4207
4201
|
{ provide: SCROLL_VIEW_INVERSION, useValue: false },
|
|
4208
4202
|
{ provide: SCROLL_VIEW_NORMALIZE_VALUE_FROM_ZERO, useValue: true },
|
|
4209
4203
|
], viewQueries: [{ propertyName: "scrollBar", first: true, predicate: ["scrollBar"], descendants: true, read: NgScrollBarComponent }], usesInheritance: true, ngImport: i0, template: "<div localeSensitive [langTextDir]=\"langTextDir()\" [listDir]=\"direction()\" class=\"ngvl__container\"\r\n [ngClass]=\"containerClasses()\">\r\n <div #scrollViewport cdkScrollable part=\"scroller\" class=\"ngvl__scroller\">\r\n <div #scrollContent [attr.aria-orientation]=\"direction()\" [attr.aria-activedescendant]=\"focusedElement()\"\r\n tabindex=\"0\" part=\"list\" class=\"ngvl__list\" [ngClass]=\"actualClasses()\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n @if (scrollbarEnabled()) {\r\n @let prepared = preparedSignal();\r\n <ng-scroll-bar #scrollBar [direction]=\"direction()\" [size]=\"thumbSize()\" [renderer]=\"scrollbarThumbRenderer()\"\r\n [thickness]=\"scrollbarThickness()\" [params]=\"scrollbarThumbParams()\" [loading]=\"loading()\"\r\n [thumbGradientPositions]=\"thumbGradientPositions()\" [prepared]=\"prepared\" [interactive]=\"scrollbarInteractive()\"\r\n [show]=\"scrollbarShow() && scrollbarEnabled() && prepared\" [startOffset]=\"startOffset()\"\r\n [endOffset]=\"endOffset()\" [overscrollEnabled]=\"overscrollEnabled()\" [scrollBehavior]=\"scrollBehavior()\"\r\n [scrollbarMinSize]=\"scrollbarMinSize()\" (onDrag)=\"onScrollBarDragHandler($event)\"\r\n (onDragEnd)=\"onScrollBarDragEndHandler($event)\"></ng-scroll-bar>\r\n }\r\n</div>", styles: [":host{position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.ngvl__container{position:relative;overflow:hidden;display:grid;width:100%;height:100%;cursor:grab}.ngvl__container.grabbing{cursor:grabbing}.ngvl__container.horizontal{grid-template-rows:1fr 0;transition:grid-template-rows .1s ease-out}.ngvl__container.horizontal.scrollable.enabled{grid-template-rows:1fr auto}.ngvl__container.horizontal .ngvl__list{display:inline-flex}.ngvl__container.horizontal .ngvl__scroller{overflow:hidden}.ngvl__container.vertical{grid-template-columns:1fr 0;transition:grid-template-columns .1s ease-out}.ngvl__container.vertical.scrollable.enabled{grid-template-columns:1fr auto}.ngvl__container.vertical .ngvl__scroller{overflow:hidden}.ngvl__scroller{display:block;position:relative;overflow:hidden;width:100%;height:100%}.ngvl__list{position:absolute;list-style:none;padding:0;margin:0;width:100%;height:100%;opacity:0}.ngvl__list.prepared{opacity:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: NgScrollBarComponent, selector: "ng-scroll-bar", inputs: ["loading", "thumbGradientPositions", "size", "thickness", "scrollbarMinSize", "prepared", "interactive", "show", "params", "renderer"], outputs: ["onDrag", "onDragEnd"] }, { kind: "directive", type: LocaleSensitiveDirective, selector: "[localeSensitive]", inputs: ["langTextDir", "listDir"] }, { kind: "directive", type: i4.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }] });
|
|
4210
4204
|
}
|
|
4211
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4205
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgScrollerComponent, decorators: [{
|
|
4212
4206
|
type: Component,
|
|
4213
4207
|
args: [{ selector: 'ng-scroller', providers: [
|
|
4214
4208
|
{ provide: SCROLL_VIEW_INVERSION, useValue: false },
|
|
@@ -4217,7 +4211,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
4217
4211
|
}], ctorParameters: () => [], propDecorators: { scrollBar: [{
|
|
4218
4212
|
type: ViewChild,
|
|
4219
4213
|
args: ['scrollBar', { read: NgScrollBarComponent }]
|
|
4220
|
-
}]
|
|
4214
|
+
}] } });
|
|
4221
4215
|
|
|
4222
4216
|
var PrerenderTrackBoxEvents;
|
|
4223
4217
|
(function (PrerenderTrackBoxEvents) {
|
|
@@ -4449,10 +4443,10 @@ class PrerenderVirtualListItemComponent extends NgVirtualListItemComponent {
|
|
|
4449
4443
|
styles.visibility = VISIBILITY_HIDDEN;
|
|
4450
4444
|
}
|
|
4451
4445
|
}
|
|
4452
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4453
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
4446
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: PrerenderVirtualListItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
4447
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: PrerenderVirtualListItemComponent, isStandalone: false, selector: "prerender-virtual-list-item", host: { attributes: { "role": "listitem" }, classAttribute: "ngvl__item" }, usesInheritance: true, ngImport: i0, template: "@let renderer = itemRenderer();\r\n<div itemClick [maxClickDistance]=\"maxClickDistance()\" [part]=\"part()\" [attr.ngvl-index]=\"index()\" tabindex=\"-1\"\r\n class=\"ngvl-item__container\" [ngClass]=\"classes()\" (onClick)=\"onClickHandler()\">\r\n @if (renderer) {\r\n <ng-container [ngTemplateOutlet]=\"renderer\" [ngTemplateOutletContext]=\"templateContext()\" />\r\n }\r\n</div>", styles: [":host{display:block;position:absolute;left:0;top:0;box-sizing:border-box;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;-moz-user-drag:none;text-rendering:optimizeSpeed;image-rendering:auto}.ngvl-item__container{margin:0;padding:0;overflow:hidden;background-color:#fff;width:inherit;height:inherit;box-sizing:border-box}\n", ":host{display:block;position:absolute!important;left:0;top:0;box-sizing:border-box;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;-moz-user-drag:none;pointer-events:none;-webkit-user-select:none;user-select:none;text-rendering:optimizeSpeed;image-rendering:pixelated}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: ItemClickDirective, selector: "[itemClick]", inputs: ["maxClickDistance"], outputs: ["onClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4454
4448
|
}
|
|
4455
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4449
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: PrerenderVirtualListItemComponent, decorators: [{
|
|
4456
4450
|
type: Component,
|
|
4457
4451
|
args: [{ selector: 'prerender-virtual-list-item', host: {
|
|
4458
4452
|
'class': 'ngvl__item',
|
|
@@ -4470,13 +4464,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
4470
4464
|
*/
|
|
4471
4465
|
class PrerenderScrollerComponent extends BaseScrollView {
|
|
4472
4466
|
scrollBar;
|
|
4473
|
-
langTextDir = signal(TextDirections.LTR
|
|
4474
|
-
scrollbarEnabled = input(DEFAULT_SCROLLBAR_ENABLED
|
|
4475
|
-
classes = input({}
|
|
4467
|
+
langTextDir = signal(TextDirections.LTR);
|
|
4468
|
+
scrollbarEnabled = input(DEFAULT_SCROLLBAR_ENABLED);
|
|
4469
|
+
classes = input({});
|
|
4476
4470
|
actualClasses;
|
|
4477
|
-
containerClasses = signal({}
|
|
4478
|
-
thumbSize = signal(0
|
|
4479
|
-
scrollbarShow = signal(false
|
|
4471
|
+
containerClasses = signal({});
|
|
4472
|
+
thumbSize = signal(0);
|
|
4473
|
+
scrollbarShow = signal(false);
|
|
4480
4474
|
set x(v) {
|
|
4481
4475
|
if (v !== undefined && !Number.isNaN(v)) {
|
|
4482
4476
|
this._x = this._actualX = v;
|
|
@@ -4491,27 +4485,27 @@ class PrerenderScrollerComponent extends BaseScrollView {
|
|
|
4491
4485
|
}
|
|
4492
4486
|
}
|
|
4493
4487
|
get y() { return this._y; }
|
|
4494
|
-
onResizeViewport
|
|
4488
|
+
onResizeViewport() {
|
|
4495
4489
|
const viewport = this.scrollViewport()?.nativeElement;
|
|
4496
4490
|
if (viewport) {
|
|
4497
4491
|
this.viewportBounds.set({ width: viewport.offsetWidth, height: viewport.offsetHeight });
|
|
4498
4492
|
this.updateScrollBar();
|
|
4499
4493
|
}
|
|
4500
|
-
}
|
|
4501
|
-
onResizeContent
|
|
4494
|
+
}
|
|
4495
|
+
onResizeContent() {
|
|
4502
4496
|
const content = this.scrollContent()?.nativeElement;
|
|
4503
4497
|
if (content) {
|
|
4504
4498
|
this.contentBounds.set({ width: content.offsetWidth, height: content.offsetHeight });
|
|
4505
4499
|
this.updateScrollBar();
|
|
4506
4500
|
}
|
|
4507
|
-
}
|
|
4501
|
+
}
|
|
4508
4502
|
_scrollBox = new ScrollBox$1();
|
|
4509
4503
|
constructor() {
|
|
4510
4504
|
super();
|
|
4511
4505
|
this.actualClasses = computed(() => {
|
|
4512
4506
|
const classes = this.classes(), direction = this.direction();
|
|
4513
4507
|
return { ...classes, [direction]: true };
|
|
4514
|
-
}
|
|
4508
|
+
});
|
|
4515
4509
|
const $contentBounds = toObservable(this.contentBounds), $viewportBounds = toObservable(this.viewportBounds), $isVertical = toObservable(this.isVertical), $direction = toObservable(this.direction), $scrollbarEnabled = toObservable(this.scrollbarEnabled);
|
|
4516
4510
|
combineLatest([$direction, $scrollbarEnabled, $isVertical, $contentBounds, $viewportBounds]).pipe(takeUntilDestroyed(), tap(([direction, scrollbarEnabled]) => {
|
|
4517
4511
|
this.containerClasses.set({ [direction]: true, enabled: scrollbarEnabled, scrollable: scrollbarEnabled });
|
|
@@ -4548,13 +4542,13 @@ class PrerenderScrollerComponent extends BaseScrollView {
|
|
|
4548
4542
|
updateScrollBar() {
|
|
4549
4543
|
this._$updateScrollBar.next();
|
|
4550
4544
|
}
|
|
4551
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4552
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
4545
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: PrerenderScrollerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4546
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.19", type: PrerenderScrollerComponent, isStandalone: false, selector: "prerender-scroller", inputs: { scrollbarEnabled: { classPropertyName: "scrollbarEnabled", publicName: "scrollbarEnabled", isSignal: true, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
4553
4547
|
{ provide: SCROLL_VIEW_INVERSION, useValue: false },
|
|
4554
4548
|
{ provide: SCROLL_VIEW_NORMALIZE_VALUE_FROM_ZERO, useValue: true },
|
|
4555
4549
|
], viewQueries: [{ propertyName: "scrollBar", first: true, predicate: ["scrollBar"], descendants: true, read: NgScrollBarComponent }], usesInheritance: true, ngImport: i0, template: "<div localeSensitive [langTextDir]=\"langTextDir()\" [listDir]=\"direction()\" class=\"ngvl__container\"\r\n [ngClass]=\"containerClasses()\">\r\n <div #scrollViewport part=\"scroller\" class=\"ngvl__scroller\">\r\n <div #scrollContent part=\"list\" class=\"ngvl__list\" [ngClass]=\"actualClasses()\">\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n</div>", styles: [":host{position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.ngvl__container{position:relative;overflow:hidden;display:grid;width:100%;height:100%;cursor:grab}.ngvl__container.grabbing{cursor:grabbing}.ngvl__container.horizontal{grid-template-rows:1fr 0;transition:grid-template-rows .1s ease-out}.ngvl__container.horizontal.scrollable.enabled{grid-template-rows:1fr auto}.ngvl__container.horizontal .ngvl__list{display:inline-flex}.ngvl__container.horizontal .ngvl__scroller{overflow:hidden}.ngvl__container.vertical{grid-template-columns:1fr 0;transition:grid-template-columns .1s ease-out}.ngvl__container.vertical.scrollable.enabled{grid-template-columns:1fr auto}.ngvl__container.vertical .ngvl__scroller{overflow:hidden}.ngvl__scroller{display:block;position:relative;overflow:hidden;width:100%;height:100%}.ngvl__list{position:absolute;list-style:none;padding:0;margin:0;width:100%;height:100%;opacity:0}.ngvl__list.prepared{opacity:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: LocaleSensitiveDirective, selector: "[localeSensitive]", inputs: ["langTextDir", "listDir"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4556
4550
|
}
|
|
4557
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4551
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: PrerenderScrollerComponent, decorators: [{
|
|
4558
4552
|
type: Component,
|
|
4559
4553
|
args: [{ selector: 'prerender-scroller', providers: [
|
|
4560
4554
|
{ provide: SCROLL_VIEW_INVERSION, useValue: false },
|
|
@@ -4563,7 +4557,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
4563
4557
|
}], ctorParameters: () => [], propDecorators: { scrollBar: [{
|
|
4564
4558
|
type: ViewChild,
|
|
4565
4559
|
args: ['scrollBar', { read: NgScrollBarComponent }]
|
|
4566
|
-
}]
|
|
4560
|
+
}] } });
|
|
4567
4561
|
|
|
4568
4562
|
/**
|
|
4569
4563
|
* PrerenderList.
|
|
@@ -4575,20 +4569,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
4575
4569
|
*/
|
|
4576
4570
|
class PrerenderList {
|
|
4577
4571
|
_listContainerRef;
|
|
4578
|
-
enabled = input(false
|
|
4579
|
-
direction = input(DEFAULT_DIRECTION
|
|
4580
|
-
isVertical = input(true
|
|
4581
|
-
scrollbarEnabled = input(DEFAULT_SCROLLBAR_ENABLED
|
|
4582
|
-
startOffset = input(0
|
|
4583
|
-
endOffset = input(0
|
|
4584
|
-
bounds = input.required(
|
|
4585
|
-
dynamic = input(DEFAULT_DYNAMIC_SIZE
|
|
4586
|
-
itemSize = input(DEFAULT_ITEM_SIZE
|
|
4587
|
-
trackBy = input(TRACK_BY_PROPERTY_NAME
|
|
4588
|
-
itemRenderer = input(
|
|
4589
|
-
itemComponentClass = input(PrerenderVirtualListItemComponent
|
|
4590
|
-
_items = signal(null
|
|
4591
|
-
classes = signal({ prepared: true }
|
|
4572
|
+
enabled = input(false);
|
|
4573
|
+
direction = input(DEFAULT_DIRECTION);
|
|
4574
|
+
isVertical = input(true);
|
|
4575
|
+
scrollbarEnabled = input(DEFAULT_SCROLLBAR_ENABLED);
|
|
4576
|
+
startOffset = input(0);
|
|
4577
|
+
endOffset = input(0);
|
|
4578
|
+
bounds = input.required();
|
|
4579
|
+
dynamic = input(DEFAULT_DYNAMIC_SIZE);
|
|
4580
|
+
itemSize = input(DEFAULT_ITEM_SIZE);
|
|
4581
|
+
trackBy = input(TRACK_BY_PROPERTY_NAME);
|
|
4582
|
+
itemRenderer = input();
|
|
4583
|
+
itemComponentClass = input(PrerenderVirtualListItemComponent);
|
|
4584
|
+
_items = signal(null);
|
|
4585
|
+
classes = signal({ prepared: true });
|
|
4592
4586
|
_$render = new Subject();
|
|
4593
4587
|
$render = this._$render.asObservable();
|
|
4594
4588
|
_$componentResize = new Subject();
|
|
@@ -4696,10 +4690,10 @@ class PrerenderList {
|
|
|
4696
4690
|
this._trackBox = null;
|
|
4697
4691
|
}
|
|
4698
4692
|
}
|
|
4699
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4700
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
4693
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: PrerenderList, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4694
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.19", type: PrerenderList, isStandalone: false, selector: "prerender-list", inputs: { enabled: { classPropertyName: "enabled", publicName: "enabled", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, isVertical: { classPropertyName: "isVertical", publicName: "isVertical", isSignal: true, isRequired: false, transformFunction: null }, scrollbarEnabled: { classPropertyName: "scrollbarEnabled", publicName: "scrollbarEnabled", isSignal: true, isRequired: false, transformFunction: null }, startOffset: { classPropertyName: "startOffset", publicName: "startOffset", isSignal: true, isRequired: false, transformFunction: null }, endOffset: { classPropertyName: "endOffset", publicName: "endOffset", isSignal: true, isRequired: false, transformFunction: null }, bounds: { classPropertyName: "bounds", publicName: "bounds", isSignal: true, isRequired: true, transformFunction: null }, dynamic: { classPropertyName: "dynamic", publicName: "dynamic", isSignal: true, isRequired: false, transformFunction: null }, itemSize: { classPropertyName: "itemSize", publicName: "itemSize", isSignal: true, isRequired: false, transformFunction: null }, trackBy: { classPropertyName: "trackBy", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null }, itemRenderer: { classPropertyName: "itemRenderer", publicName: "itemRenderer", isSignal: true, isRequired: false, transformFunction: null }, itemComponentClass: { classPropertyName: "itemComponentClass", publicName: "itemComponentClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "position: relative;" }, viewQueries: [{ propertyName: "_listContainerRef", first: true, predicate: ["renderersContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<prerender-scroller #scroller class=\"ngvl__list-scroller\" [classes]=\"classes()\" [direction]=\"direction()\"\r\n [scrollbarEnabled]=\"scrollbarEnabled()\" [startOffset]=\"startOffset()\" [endOffset]=\"endOffset()\">\r\n <ng-container #renderersContainer></ng-container>\r\n</prerender-scroller>", styles: [":host{position:relative;display:block;width:400px;overflow:hidden}:host(.horizontal){height:48px}:host(.vertical){height:320px}.ngvl__snapped-container{position:relative;width:100%;opacity:0}.ngvl__snapped-container.prepared{opacity:1}.ngvl__list-snapper{-webkit-tap-highlight-color:transparent;pointer-events:none;position:absolute;list-style:none;left:0;top:0;z-index:1}.ngvl__list-scroller{-webkit-tap-highlight-color:transparent;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}.ngvl__screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n", ":host{width:100%;height:100%}\n"], dependencies: [{ kind: "component", type: PrerenderScrollerComponent, selector: "prerender-scroller", inputs: ["scrollbarEnabled", "classes"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ShadowDom });
|
|
4701
4695
|
}
|
|
4702
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4696
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: PrerenderList, decorators: [{
|
|
4703
4697
|
type: Component,
|
|
4704
4698
|
args: [{ selector: 'prerender-list', host: {
|
|
4705
4699
|
'style': 'position: relative;'
|
|
@@ -4707,7 +4701,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
4707
4701
|
}], ctorParameters: () => [], propDecorators: { _listContainerRef: [{
|
|
4708
4702
|
type: ViewChild,
|
|
4709
4703
|
args: ['renderersContainer', { read: ViewContainerRef }]
|
|
4710
|
-
}]
|
|
4704
|
+
}] } });
|
|
4711
4705
|
|
|
4712
4706
|
/**
|
|
4713
4707
|
* Prerender container.
|
|
@@ -4718,18 +4712,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
4718
4712
|
* @email djonnyx@gmail.com
|
|
4719
4713
|
*/
|
|
4720
4714
|
class PrerenderContainer {
|
|
4721
|
-
_list = viewChild('list'
|
|
4722
|
-
enabled = input(false
|
|
4723
|
-
direction = input(DEFAULT_DIRECTION
|
|
4724
|
-
isVertical = input(true
|
|
4725
|
-
scrollbarEnabled = input(DEFAULT_SCROLLBAR_ENABLED
|
|
4726
|
-
startOffset = input(0
|
|
4727
|
-
endOffset = input(0
|
|
4728
|
-
bounds = input.required(
|
|
4729
|
-
dynamic = input(DEFAULT_DYNAMIC_SIZE
|
|
4730
|
-
itemSize = input(DEFAULT_ITEM_SIZE
|
|
4731
|
-
trackBy = input(TRACK_BY_PROPERTY_NAME
|
|
4732
|
-
itemRenderer = input(
|
|
4715
|
+
_list = viewChild('list');
|
|
4716
|
+
enabled = input(false);
|
|
4717
|
+
direction = input(DEFAULT_DIRECTION);
|
|
4718
|
+
isVertical = input(true);
|
|
4719
|
+
scrollbarEnabled = input(DEFAULT_SCROLLBAR_ENABLED);
|
|
4720
|
+
startOffset = input(0);
|
|
4721
|
+
endOffset = input(0);
|
|
4722
|
+
bounds = input.required();
|
|
4723
|
+
dynamic = input(DEFAULT_DYNAMIC_SIZE);
|
|
4724
|
+
itemSize = input(DEFAULT_ITEM_SIZE);
|
|
4725
|
+
trackBy = input(TRACK_BY_PROPERTY_NAME);
|
|
4726
|
+
itemRenderer = input();
|
|
4733
4727
|
$render;
|
|
4734
4728
|
get active() {
|
|
4735
4729
|
return this._list()?.active ?? false;
|
|
@@ -4756,15 +4750,15 @@ class PrerenderContainer {
|
|
|
4756
4750
|
list.off();
|
|
4757
4751
|
}
|
|
4758
4752
|
}
|
|
4759
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4760
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
4753
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: PrerenderContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4754
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.19", type: PrerenderContainer, isStandalone: false, selector: "prerender-container", inputs: { enabled: { classPropertyName: "enabled", publicName: "enabled", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, isVertical: { classPropertyName: "isVertical", publicName: "isVertical", isSignal: true, isRequired: false, transformFunction: null }, scrollbarEnabled: { classPropertyName: "scrollbarEnabled", publicName: "scrollbarEnabled", isSignal: true, isRequired: false, transformFunction: null }, startOffset: { classPropertyName: "startOffset", publicName: "startOffset", isSignal: true, isRequired: false, transformFunction: null }, endOffset: { classPropertyName: "endOffset", publicName: "endOffset", isSignal: true, isRequired: false, transformFunction: null }, bounds: { classPropertyName: "bounds", publicName: "bounds", isSignal: true, isRequired: true, transformFunction: null }, dynamic: { classPropertyName: "dynamic", publicName: "dynamic", isSignal: true, isRequired: false, transformFunction: null }, itemSize: { classPropertyName: "itemSize", publicName: "itemSize", isSignal: true, isRequired: false, transformFunction: null }, trackBy: { classPropertyName: "trackBy", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null }, itemRenderer: { classPropertyName: "itemRenderer", publicName: "itemRenderer", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "position: relative;" }, viewQueries: [{ propertyName: "_list", first: true, predicate: ["list"], descendants: true, isSignal: true }], ngImport: i0, template: "<prerender-list #list [bounds]=\"bounds()!\" [direction]=\"direction()\" [dynamic]=\"dynamic()\"\r\n [isVertical]=\"isVertical()\" [itemSize]=\"itemSize()\" [trackBy]=\"trackBy()\" [itemRenderer]=\"itemRenderer()\"\r\n [startOffset]=\"startOffset()\" [endOffset]=\"endOffset()\" [scrollbarEnabled]=\"scrollbarEnabled()\"\r\n [enabled]=\"enabled()\" />", styles: [":host{position:relative;display:block;width:400px;overflow:hidden}:host(.horizontal){height:48px}:host(.vertical){height:320px}.ngvl__snapped-container{position:relative;width:100%;opacity:0}.ngvl__snapped-container.prepared{opacity:1}.ngvl__list-snapper{-webkit-tap-highlight-color:transparent;pointer-events:none;position:absolute;list-style:none;left:0;top:0;z-index:1}.ngvl__list-scroller{-webkit-tap-highlight-color:transparent;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}.ngvl__screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n", ":host{visibility:hidden;height:0!important;width:0!important;overflow:hidden}\n"], dependencies: [{ kind: "component", type: PrerenderList, selector: "prerender-list", inputs: ["enabled", "direction", "isVertical", "scrollbarEnabled", "startOffset", "endOffset", "bounds", "dynamic", "itemSize", "trackBy", "itemRenderer", "itemComponentClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ShadowDom });
|
|
4761
4755
|
}
|
|
4762
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4756
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: PrerenderContainer, decorators: [{
|
|
4763
4757
|
type: Component,
|
|
4764
4758
|
args: [{ selector: 'prerender-container', host: {
|
|
4765
4759
|
'style': 'position: relative;'
|
|
4766
4760
|
}, standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.ShadowDom, template: "<prerender-list #list [bounds]=\"bounds()!\" [direction]=\"direction()\" [dynamic]=\"dynamic()\"\r\n [isVertical]=\"isVertical()\" [itemSize]=\"itemSize()\" [trackBy]=\"trackBy()\" [itemRenderer]=\"itemRenderer()\"\r\n [startOffset]=\"startOffset()\" [endOffset]=\"endOffset()\" [scrollbarEnabled]=\"scrollbarEnabled()\"\r\n [enabled]=\"enabled()\" />", styles: [":host{position:relative;display:block;width:400px;overflow:hidden}:host(.horizontal){height:48px}:host(.vertical){height:320px}.ngvl__snapped-container{position:relative;width:100%;opacity:0}.ngvl__snapped-container.prepared{opacity:1}.ngvl__list-snapper{-webkit-tap-highlight-color:transparent;pointer-events:none;position:absolute;list-style:none;left:0;top:0;z-index:1}.ngvl__list-scroller{-webkit-tap-highlight-color:transparent;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}.ngvl__screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n", ":host{visibility:hidden;height:0!important;width:0!important;overflow:hidden}\n"] }]
|
|
4767
|
-
}], ctorParameters: () => []
|
|
4761
|
+
}], ctorParameters: () => [] });
|
|
4768
4762
|
|
|
4769
4763
|
/**
|
|
4770
4764
|
* Virtual list component.
|
|
@@ -4782,10 +4776,10 @@ class NgVirtualListComponent {
|
|
|
4782
4776
|
*/
|
|
4783
4777
|
get id() { return this._id; }
|
|
4784
4778
|
_service = inject(NgVirtualListService);
|
|
4785
|
-
_prerender = viewChild('prerender'
|
|
4779
|
+
_prerender = viewChild('prerender');
|
|
4786
4780
|
_listContainerRef;
|
|
4787
4781
|
_snapContainerRef;
|
|
4788
|
-
_scrollerComponent = viewChild('scroller'
|
|
4782
|
+
_scrollerComponent = viewChild('scroller');
|
|
4789
4783
|
_scroller;
|
|
4790
4784
|
_list;
|
|
4791
4785
|
/**
|
|
@@ -4835,7 +4829,7 @@ class NgVirtualListComponent {
|
|
|
4835
4829
|
/**
|
|
4836
4830
|
* Scrollbar thickness.
|
|
4837
4831
|
*/
|
|
4838
|
-
scrollbarThickness = input(DEFAULT_SCROLLBAR_THICKNESS,
|
|
4832
|
+
scrollbarThickness = input(DEFAULT_SCROLLBAR_THICKNESS, { ...this._scrollbarThickness });
|
|
4839
4833
|
_scrollbarMinSize = {
|
|
4840
4834
|
transform: (v) => {
|
|
4841
4835
|
const valid = validateInt(v);
|
|
@@ -4849,7 +4843,7 @@ class NgVirtualListComponent {
|
|
|
4849
4843
|
/**
|
|
4850
4844
|
* Minimum scrollbar size.
|
|
4851
4845
|
*/
|
|
4852
|
-
scrollbarMinSize = input(DEFAULT_SCROLLBAR_MIN_SIZE,
|
|
4846
|
+
scrollbarMinSize = input(DEFAULT_SCROLLBAR_MIN_SIZE, { ...this._scrollbarMinSize });
|
|
4853
4847
|
_scrollbarThumbRenderer = {
|
|
4854
4848
|
transform: (v) => {
|
|
4855
4849
|
const valid = validateObject(v, true, true);
|
|
@@ -4863,7 +4857,7 @@ class NgVirtualListComponent {
|
|
|
4863
4857
|
/**
|
|
4864
4858
|
* Scrollbar customization template.
|
|
4865
4859
|
*/
|
|
4866
|
-
scrollbarThumbRenderer = input(null,
|
|
4860
|
+
scrollbarThumbRenderer = input(null, { ...this._scrollbarThumbRenderer });
|
|
4867
4861
|
_scrollbarThumbParams = {
|
|
4868
4862
|
transform: (v) => {
|
|
4869
4863
|
const valid = validateObject(v, true, true);
|
|
@@ -4877,7 +4871,7 @@ class NgVirtualListComponent {
|
|
|
4877
4871
|
/**
|
|
4878
4872
|
* Additional options for the scrollbar.
|
|
4879
4873
|
*/
|
|
4880
|
-
scrollbarThumbParams = input({},
|
|
4874
|
+
scrollbarThumbParams = input({}, { ...this._scrollbarThumbParams });
|
|
4881
4875
|
_loading = {
|
|
4882
4876
|
transform: (v) => {
|
|
4883
4877
|
const valid = validateBoolean(v);
|
|
@@ -4891,7 +4885,7 @@ class NgVirtualListComponent {
|
|
|
4891
4885
|
/**
|
|
4892
4886
|
* If `true`, the scrollBar goes into loading state. The default value is `false`.
|
|
4893
4887
|
*/
|
|
4894
|
-
loading = input(false,
|
|
4888
|
+
loading = input(false, { ...this._loading });
|
|
4895
4889
|
_waitForPreparation = {
|
|
4896
4890
|
transform: (v) => {
|
|
4897
4891
|
const valid = validateBoolean(v);
|
|
@@ -4905,7 +4899,7 @@ class NgVirtualListComponent {
|
|
|
4905
4899
|
/**
|
|
4906
4900
|
* If true, it will wait until the list items are fully prepared before displaying them.. The default value is `true`.
|
|
4907
4901
|
*/
|
|
4908
|
-
waitForPreparation = input(DEFAULT_WAIT_FOR_PREPARATION,
|
|
4902
|
+
waitForPreparation = input(DEFAULT_WAIT_FOR_PREPARATION, { ...this._waitForPreparation });
|
|
4909
4903
|
_clickDistance = {
|
|
4910
4904
|
transform: (v) => {
|
|
4911
4905
|
const valid = validateInt(v);
|
|
@@ -4919,7 +4913,7 @@ class NgVirtualListComponent {
|
|
|
4919
4913
|
/**
|
|
4920
4914
|
* The maximum scroll distance at which a click event is triggered.
|
|
4921
4915
|
*/
|
|
4922
|
-
clickDistance = input(DEFAULT_CLICK_DISTANCE,
|
|
4916
|
+
clickDistance = input(DEFAULT_CLICK_DISTANCE, { ...this._clickDistance });
|
|
4923
4917
|
_itemsOptions = {
|
|
4924
4918
|
transform: (v) => {
|
|
4925
4919
|
let valid = validateArray(v, true, true);
|
|
@@ -4948,9 +4942,9 @@ class NgVirtualListComponent {
|
|
|
4948
4942
|
/**
|
|
4949
4943
|
* Collection of list items.
|
|
4950
4944
|
*/
|
|
4951
|
-
items = input.required(
|
|
4952
|
-
|
|
4953
|
-
|
|
4945
|
+
items = input.required({
|
|
4946
|
+
...this._itemsOptions,
|
|
4947
|
+
});
|
|
4954
4948
|
_selectedIdsOptions = {
|
|
4955
4949
|
transform: (v) => {
|
|
4956
4950
|
let valid = validateArray(v, true, true) || validateString(v, true, true) || validateFloat(v, true);
|
|
@@ -4972,11 +4966,11 @@ class NgVirtualListComponent {
|
|
|
4972
4966
|
return v;
|
|
4973
4967
|
},
|
|
4974
4968
|
};
|
|
4975
|
-
defaultItemValue = input(null
|
|
4969
|
+
defaultItemValue = input(null);
|
|
4976
4970
|
/**
|
|
4977
4971
|
* Sets the selected items.
|
|
4978
4972
|
*/
|
|
4979
|
-
selectedIds = input(null,
|
|
4973
|
+
selectedIds = input(null, { ...this._selectedIdsOptions });
|
|
4980
4974
|
_collapsedIdsOptions = {
|
|
4981
4975
|
transform: (v) => {
|
|
4982
4976
|
let valid = validateArray(v, true, true);
|
|
@@ -5001,7 +4995,7 @@ class NgVirtualListComponent {
|
|
|
5001
4995
|
/**
|
|
5002
4996
|
* Sets the collapsed items.
|
|
5003
4997
|
*/
|
|
5004
|
-
collapsedIds = input([],
|
|
4998
|
+
collapsedIds = input([], { ...this._collapsedIdsOptions });
|
|
5005
4999
|
_selectByClickOptions = {
|
|
5006
5000
|
transform: (v) => {
|
|
5007
5001
|
const valid = validateBoolean(v);
|
|
@@ -5016,7 +5010,7 @@ class NgVirtualListComponent {
|
|
|
5016
5010
|
* If `false`, the element is selected using the config.select method passed to the template;
|
|
5017
5011
|
* if `true`, the element is selected by clicking on it. The default value is `true`.
|
|
5018
5012
|
*/
|
|
5019
|
-
selectByClick = input(DEFAULT_SELECT_BY_CLICK,
|
|
5013
|
+
selectByClick = input(DEFAULT_SELECT_BY_CLICK, { ...this._selectByClickOptions });
|
|
5020
5014
|
_collapseByClickOptions = {
|
|
5021
5015
|
transform: (v) => {
|
|
5022
5016
|
const valid = validateBoolean(v);
|
|
@@ -5031,7 +5025,7 @@ class NgVirtualListComponent {
|
|
|
5031
5025
|
* If `false`, the element is collapsed using the config.collapse method passed to the template;
|
|
5032
5026
|
* if `true`, the element is collapsed by clicking on it. The default value is `true`.
|
|
5033
5027
|
*/
|
|
5034
|
-
collapseByClick = input(DEFAULT_COLLAPSE_BY_CLICK,
|
|
5028
|
+
collapseByClick = input(DEFAULT_COLLAPSE_BY_CLICK, { ...this._collapseByClickOptions });
|
|
5035
5029
|
_snapOptions = {
|
|
5036
5030
|
transform: (v) => {
|
|
5037
5031
|
const valid = validateBoolean(v);
|
|
@@ -5045,7 +5039,7 @@ class NgVirtualListComponent {
|
|
|
5045
5039
|
/**
|
|
5046
5040
|
* Determines whether elements will snap. Default value is "true".
|
|
5047
5041
|
*/
|
|
5048
|
-
snap = input(DEFAULT_SNAP,
|
|
5042
|
+
snap = input(DEFAULT_SNAP, { ...this._snapOptions });
|
|
5049
5043
|
_snapToEndTransitionInstantOffsetOptions = {
|
|
5050
5044
|
transform: (v) => {
|
|
5051
5045
|
const valid = validateFloat(v, true);
|
|
@@ -5059,7 +5053,7 @@ class NgVirtualListComponent {
|
|
|
5059
5053
|
/**
|
|
5060
5054
|
* Sets the offset value; if the scroll area value is exceeded, the scroll animation will be disabled. Default value is "0".
|
|
5061
5055
|
*/
|
|
5062
|
-
snapToEndTransitionInstantOffset = input(DEFAULT_SNAP_TO_END_TRANSITION_INSTANT_OFFSET,
|
|
5056
|
+
snapToEndTransitionInstantOffset = input(DEFAULT_SNAP_TO_END_TRANSITION_INSTANT_OFFSET, { ...this._snapToEndTransitionInstantOffsetOptions });
|
|
5063
5057
|
_scrollStartOffsetOptions = {
|
|
5064
5058
|
transform: (v) => {
|
|
5065
5059
|
const valid = validateFloat(v, true);
|
|
@@ -5073,7 +5067,7 @@ class NgVirtualListComponent {
|
|
|
5073
5067
|
/**
|
|
5074
5068
|
* Sets the scroll start offset value; Default value is "0".
|
|
5075
5069
|
*/
|
|
5076
|
-
scrollStartOffset = input(0,
|
|
5070
|
+
scrollStartOffset = input(0, { ...this._scrollStartOffsetOptions });
|
|
5077
5071
|
_scrollEndOffsetOptions = {
|
|
5078
5072
|
transform: (v) => {
|
|
5079
5073
|
const valid = validateFloat(v, true);
|
|
@@ -5087,7 +5081,7 @@ class NgVirtualListComponent {
|
|
|
5087
5081
|
/**
|
|
5088
5082
|
* Sets the scroll end offset value; Default value is "0".
|
|
5089
5083
|
*/
|
|
5090
|
-
scrollEndOffset = input(0,
|
|
5084
|
+
scrollEndOffset = input(0, { ...this._scrollEndOffsetOptions });
|
|
5091
5085
|
_snapScrollToStartOptions = {
|
|
5092
5086
|
transform: (v) => {
|
|
5093
5087
|
const valid = validateBoolean(v, true);
|
|
@@ -5107,7 +5101,7 @@ class NgVirtualListComponent {
|
|
|
5107
5101
|
* if you move the scroll bar to the beginning, the list will snap to the beginning.
|
|
5108
5102
|
* If both snapScrollToStart and snapScrollToEnd are disabled, the list will never snap to the beginning or end.
|
|
5109
5103
|
*/
|
|
5110
|
-
snapScrollToStart = input(DEFAULT_SNAP_SCROLLTO_START,
|
|
5104
|
+
snapScrollToStart = input(DEFAULT_SNAP_SCROLLTO_START, { ...this._snapScrollToStartOptions });
|
|
5111
5105
|
_snapScrollToEndOptions = {
|
|
5112
5106
|
transform: (v) => {
|
|
5113
5107
|
const valid = validateBoolean(v, true);
|
|
@@ -5126,7 +5120,7 @@ class NgVirtualListComponent {
|
|
|
5126
5120
|
* if you move the scroll bar to the beginning, the list will snap to the beginning.
|
|
5127
5121
|
* If both snapScrollToStart and snapScrollToEnd are disabled, the list will never snap to the beginning or end.
|
|
5128
5122
|
*/
|
|
5129
|
-
snapScrollToEnd = input(DEFAULT_SNAP_SCROLLTO_END,
|
|
5123
|
+
snapScrollToEnd = input(DEFAULT_SNAP_SCROLLTO_END, { ...this._snapScrollToEndOptions });
|
|
5130
5124
|
_snapScrollToBottomOptions = {
|
|
5131
5125
|
transform: () => {
|
|
5132
5126
|
throw Error('The stopSnappingScrollToEnd property is deprecated. Use the snapScrollToEnd property.');
|
|
@@ -5136,7 +5130,7 @@ class NgVirtualListComponent {
|
|
|
5136
5130
|
* @deprecated
|
|
5137
5131
|
* The stopSnappingScrollToEnd property is deprecated. Use the snapScrollToEnd property.
|
|
5138
5132
|
*/
|
|
5139
|
-
snapScrollToBottom = input('deprecated',
|
|
5133
|
+
snapScrollToBottom = input('deprecated', { ...this._snapScrollToBottomOptions });
|
|
5140
5134
|
_scrollbarEnabledOptions = {
|
|
5141
5135
|
transform: (v) => {
|
|
5142
5136
|
const valid = validateBoolean(v, true);
|
|
@@ -5150,7 +5144,7 @@ class NgVirtualListComponent {
|
|
|
5150
5144
|
/**
|
|
5151
5145
|
* Determines whether the scrollbar is shown or not. The default value is "true".
|
|
5152
5146
|
*/
|
|
5153
|
-
scrollbarEnabled = input(DEFAULT_SCROLLBAR_ENABLED,
|
|
5147
|
+
scrollbarEnabled = input(DEFAULT_SCROLLBAR_ENABLED, { ...this._scrollbarEnabledOptions });
|
|
5154
5148
|
_scrollbarInteractiveOptions = {
|
|
5155
5149
|
transform: (v) => {
|
|
5156
5150
|
const valid = validateBoolean(v, true);
|
|
@@ -5164,7 +5158,7 @@ class NgVirtualListComponent {
|
|
|
5164
5158
|
/**
|
|
5165
5159
|
* Determines whether scrolling using the scrollbar will be possible. The default value is "true".
|
|
5166
5160
|
*/
|
|
5167
|
-
scrollbarInteractive = input(DEFAULT_SCROLLBAR_INTERACTIVE,
|
|
5161
|
+
scrollbarInteractive = input(DEFAULT_SCROLLBAR_INTERACTIVE, { ...this._scrollbarInteractiveOptions });
|
|
5168
5162
|
_scrollBehaviorOptions = {
|
|
5169
5163
|
transform: (v) => {
|
|
5170
5164
|
const valid = validateString(v, true, true);
|
|
@@ -5178,7 +5172,7 @@ class NgVirtualListComponent {
|
|
|
5178
5172
|
/**
|
|
5179
5173
|
* Defines the scrolling behavior for any element on the page. The default value is "smooth".
|
|
5180
5174
|
*/
|
|
5181
|
-
scrollBehavior = input(DEFAULT_SCROLL_BEHAVIOR,
|
|
5175
|
+
scrollBehavior = input(DEFAULT_SCROLL_BEHAVIOR, { ...this._scrollBehaviorOptions });
|
|
5182
5176
|
_animationParamsOptions = {
|
|
5183
5177
|
transform: (v) => {
|
|
5184
5178
|
const valid = validateObject(v, true, true);
|
|
@@ -5192,7 +5186,7 @@ class NgVirtualListComponent {
|
|
|
5192
5186
|
/**
|
|
5193
5187
|
* Animation parameters. The default value is "{ scrollToItem: 50, navigateToItem: 150 }".
|
|
5194
5188
|
*/
|
|
5195
|
-
animationParams = input(DEFAULT_ANIMATION_PARAMS,
|
|
5189
|
+
animationParams = input(DEFAULT_ANIMATION_PARAMS, { ...this._animationParamsOptions });
|
|
5196
5190
|
_overscrollEnabledOptions = {
|
|
5197
5191
|
transform: (v) => {
|
|
5198
5192
|
const valid = validateBoolean(v, true);
|
|
@@ -5206,7 +5200,7 @@ class NgVirtualListComponent {
|
|
|
5206
5200
|
/**
|
|
5207
5201
|
* Determines whether the overscroll (re-scroll) feature will work. The default value is "true".
|
|
5208
5202
|
*/
|
|
5209
|
-
overscrollEnabled = input(DEFAULT_OVERSCROLL_ENABLED,
|
|
5203
|
+
overscrollEnabled = input(DEFAULT_OVERSCROLL_ENABLED, { ...this._overscrollEnabledOptions });
|
|
5210
5204
|
_enabledBufferOptimizationOptions = {
|
|
5211
5205
|
transform: (v) => {
|
|
5212
5206
|
const valid = validateBoolean(v);
|
|
@@ -5223,7 +5217,7 @@ class NgVirtualListComponent {
|
|
|
5223
5217
|
* Can only be used if items in the collection are not added or updated. Otherwise, artifacts in the form of twitching of the scroll area are possible.
|
|
5224
5218
|
* Works only if the property dynamic = true
|
|
5225
5219
|
*/
|
|
5226
|
-
enabledBufferOptimization = input(DEFAULT_ENABLED_BUFFER_OPTIMIZATION,
|
|
5220
|
+
enabledBufferOptimization = input(DEFAULT_ENABLED_BUFFER_OPTIMIZATION, { ...this._enabledBufferOptimizationOptions });
|
|
5227
5221
|
_itemRendererOptions = {
|
|
5228
5222
|
transform: (v) => {
|
|
5229
5223
|
let valid = validateObject(v);
|
|
@@ -5239,8 +5233,8 @@ class NgVirtualListComponent {
|
|
|
5239
5233
|
/**
|
|
5240
5234
|
* Rendering element template.
|
|
5241
5235
|
*/
|
|
5242
|
-
itemRenderer = input.required(
|
|
5243
|
-
_itemRenderer = signal(undefined
|
|
5236
|
+
itemRenderer = input.required({ ...this._itemRendererOptions });
|
|
5237
|
+
_itemRenderer = signal(undefined);
|
|
5244
5238
|
_itemConfigMapOptions = {
|
|
5245
5239
|
transform: (v) => {
|
|
5246
5240
|
let valid = validateObject(v);
|
|
@@ -5276,7 +5270,7 @@ class NgVirtualListComponent {
|
|
|
5276
5270
|
* @author Evgenii Alexandrovich Grebennikov
|
|
5277
5271
|
* @email djonnyx@gmail.com
|
|
5278
5272
|
*/
|
|
5279
|
-
itemConfigMap = input({},
|
|
5273
|
+
itemConfigMap = input({}, { ...this._itemConfigMapOptions });
|
|
5280
5274
|
_itemSizeOptions = {
|
|
5281
5275
|
transform: (v) => {
|
|
5282
5276
|
const valid = validateFloat(v);
|
|
@@ -5292,7 +5286,7 @@ class NgVirtualListComponent {
|
|
|
5292
5286
|
* If the dynamicSize property is true, the items in the list can have different sizes, and you must specify the itemSize property
|
|
5293
5287
|
* to adjust the sizes of the items in the unallocated area.
|
|
5294
5288
|
*/
|
|
5295
|
-
itemSize = input(DEFAULT_ITEM_SIZE,
|
|
5289
|
+
itemSize = input(DEFAULT_ITEM_SIZE, { ...this._itemSizeOptions });
|
|
5296
5290
|
_dynamicSizeOptions = {
|
|
5297
5291
|
transform: (v) => {
|
|
5298
5292
|
const valid = validateBoolean(v);
|
|
@@ -5308,7 +5302,7 @@ class NgVirtualListComponent {
|
|
|
5308
5302
|
* the sizes of items in the unallocated area.
|
|
5309
5303
|
* If false then the items in the list have a fixed size specified by the itemSize property. The default value is true.
|
|
5310
5304
|
*/
|
|
5311
|
-
dynamicSize = input(DEFAULT_DYNAMIC_SIZE,
|
|
5305
|
+
dynamicSize = input(DEFAULT_DYNAMIC_SIZE, { ...this._dynamicSizeOptions });
|
|
5312
5306
|
_directionOptions = {
|
|
5313
5307
|
transform: (v) => {
|
|
5314
5308
|
const valid = validateString(v) && (v === 'horizontal' || v === 'vertical');
|
|
@@ -5322,7 +5316,7 @@ class NgVirtualListComponent {
|
|
|
5322
5316
|
/**
|
|
5323
5317
|
* Determines the direction in which elements are placed. Default value is "vertical".
|
|
5324
5318
|
*/
|
|
5325
|
-
direction = input(DEFAULT_DIRECTION,
|
|
5319
|
+
direction = input(DEFAULT_DIRECTION, { ...this._directionOptions });
|
|
5326
5320
|
_collectionModeOptions = {
|
|
5327
5321
|
transform: (v) => {
|
|
5328
5322
|
const valid = validateString(v) && (v === 'normal' || v === 'lazy');
|
|
@@ -5336,7 +5330,7 @@ class NgVirtualListComponent {
|
|
|
5336
5330
|
/**
|
|
5337
5331
|
* Determines the action modes for collection elements. Default value is "normal".
|
|
5338
5332
|
*/
|
|
5339
|
-
collectionMode = input(DEFAULT_COLLECTION_MODE,
|
|
5333
|
+
collectionMode = input(DEFAULT_COLLECTION_MODE, { ...this._collectionModeOptions });
|
|
5340
5334
|
_bufferSizeOptions = {
|
|
5341
5335
|
transform: (v) => {
|
|
5342
5336
|
const valid = validateInt(v);
|
|
@@ -5350,7 +5344,7 @@ class NgVirtualListComponent {
|
|
|
5350
5344
|
/**
|
|
5351
5345
|
* Number of elements outside the scope of visibility. Default value is 2.
|
|
5352
5346
|
*/
|
|
5353
|
-
bufferSize = input(DEFAULT_BUFFER_SIZE,
|
|
5347
|
+
bufferSize = input(DEFAULT_BUFFER_SIZE, { ...this._bufferSizeOptions });
|
|
5354
5348
|
_maxBufferSizeTransform = {
|
|
5355
5349
|
transform: (v) => {
|
|
5356
5350
|
let val = v;
|
|
@@ -5371,7 +5365,7 @@ class NgVirtualListComponent {
|
|
|
5371
5365
|
* If maxBufferSize is set to be greater than bufferSize, then adaptive buffer mode is enabled.
|
|
5372
5366
|
* The greater the scroll size, the more elements are allocated for rendering.
|
|
5373
5367
|
*/
|
|
5374
|
-
maxBufferSize = input(DEFAULT_MAX_BUFFER_SIZE,
|
|
5368
|
+
maxBufferSize = input(DEFAULT_MAX_BUFFER_SIZE, { ...this._maxBufferSizeTransform });
|
|
5375
5369
|
_snappingMethodOptions = {
|
|
5376
5370
|
transform: (v) => {
|
|
5377
5371
|
const valid = validateString(v) && (v === SnappingMethods.ADVANCED || v === SnappingMethods.STANDART);
|
|
@@ -5387,7 +5381,7 @@ class NgVirtualListComponent {
|
|
|
5387
5381
|
* 'standart' - Classic group visualization.
|
|
5388
5382
|
* 'advanced' - A mask is applied to the viewport area so that the background is displayed underneath the attached group.
|
|
5389
5383
|
*/
|
|
5390
|
-
snappingMethod = input(DEFAULT_SNAPPING_METHOD,
|
|
5384
|
+
snappingMethod = input(DEFAULT_SNAPPING_METHOD, { ...this._snappingMethodOptions });
|
|
5391
5385
|
_methodForSelectingOptions = {
|
|
5392
5386
|
transform: (v) => {
|
|
5393
5387
|
const valid = validateString(v) && (v === 'none' || v === 'select' || v === 'multi-select');
|
|
@@ -5404,7 +5398,7 @@ class NgVirtualListComponent {
|
|
|
5404
5398
|
* 'multi-select' - Multiple selection of list items.
|
|
5405
5399
|
* 'none' - List items are not selectable.
|
|
5406
5400
|
*/
|
|
5407
|
-
methodForSelecting = input(DEFAULT_SELECT_METHOD,
|
|
5401
|
+
methodForSelecting = input(DEFAULT_SELECT_METHOD, { ...this._methodForSelectingOptions });
|
|
5408
5402
|
_trackByOptions = {
|
|
5409
5403
|
transform: (v) => {
|
|
5410
5404
|
const valid = validateString(v);
|
|
@@ -5418,7 +5412,7 @@ class NgVirtualListComponent {
|
|
|
5418
5412
|
/**
|
|
5419
5413
|
* The name of the property by which tracking is performed
|
|
5420
5414
|
*/
|
|
5421
|
-
trackBy = input(TRACK_BY_PROPERTY_NAME,
|
|
5415
|
+
trackBy = input(TRACK_BY_PROPERTY_NAME, { ...this._trackByOptions });
|
|
5422
5416
|
_screenReaderMessageOptions = {
|
|
5423
5417
|
transform: (v) => {
|
|
5424
5418
|
const valid = validateString(v);
|
|
@@ -5435,8 +5429,8 @@ class NgVirtualListComponent {
|
|
|
5435
5429
|
* where $1 is the number of the first element of the screen collection,
|
|
5436
5430
|
* $2 is the number of the last element of the screen collection.
|
|
5437
5431
|
*/
|
|
5438
|
-
screenReaderMessage = input(DEFAULT_SCREEN_READER_MESSAGE,
|
|
5439
|
-
screenReaderFormattedMessage = signal(this.screenReaderMessage()
|
|
5432
|
+
screenReaderMessage = input(DEFAULT_SCREEN_READER_MESSAGE, { ...this._screenReaderMessageOptions });
|
|
5433
|
+
screenReaderFormattedMessage = signal(this.screenReaderMessage());
|
|
5440
5434
|
_langTextDir = {
|
|
5441
5435
|
transform: (v) => {
|
|
5442
5436
|
const valid = validateString(v);
|
|
@@ -5451,7 +5445,7 @@ class NgVirtualListComponent {
|
|
|
5451
5445
|
* A string indicating the direction of text for the locale.
|
|
5452
5446
|
* Can be either "ltr" (left-to-right) or "rtl" (right-to-left).
|
|
5453
5447
|
*/
|
|
5454
|
-
langTextDir = input(DEFAULT_LANG_TEXT_DIR,
|
|
5448
|
+
langTextDir = input(DEFAULT_LANG_TEXT_DIR, { ...this._langTextDir });
|
|
5455
5449
|
_isNotSelecting = this.getIsNotSelecting();
|
|
5456
5450
|
_isSingleSelecting = this.getIsSingleSelecting();
|
|
5457
5451
|
_isMultiSelecting = this.getIsMultiSelecting();
|
|
@@ -5460,19 +5454,19 @@ class NgVirtualListComponent {
|
|
|
5460
5454
|
get isVertical() {
|
|
5461
5455
|
return this._isVertical;
|
|
5462
5456
|
}
|
|
5463
|
-
focusedElement = signal(null
|
|
5464
|
-
classes = signal({}
|
|
5465
|
-
_actualItems = signal([]
|
|
5466
|
-
_collapsedItemIds = signal([]
|
|
5457
|
+
focusedElement = signal(null);
|
|
5458
|
+
classes = signal({});
|
|
5459
|
+
_actualItems = signal([]);
|
|
5460
|
+
_collapsedItemIds = signal([]);
|
|
5467
5461
|
_displayComponents = [];
|
|
5468
5462
|
_snappedDisplayComponents = [];
|
|
5469
|
-
_bounds = signal(null
|
|
5463
|
+
_bounds = signal(null);
|
|
5470
5464
|
get bounds() { return this._bounds; }
|
|
5471
|
-
_totalSize = signal(0
|
|
5472
|
-
_listBounds = signal(null
|
|
5473
|
-
_scrollSize = signal(0
|
|
5474
|
-
_isScrollStart = signal(true
|
|
5475
|
-
_isScrollEnd = signal(false
|
|
5465
|
+
_totalSize = signal(0);
|
|
5466
|
+
_listBounds = signal(null);
|
|
5467
|
+
_scrollSize = signal(0);
|
|
5468
|
+
_isScrollStart = signal(true);
|
|
5469
|
+
_isScrollEnd = signal(false);
|
|
5476
5470
|
_resizeSnappedComponentHandler = () => {
|
|
5477
5471
|
const list = this._list(), scroller = this._scroller(), bounds = this._bounds(), snappedComponents = this._snappedDisplayComponents;
|
|
5478
5472
|
if (list && scroller && snappedComponents.length > 0) {
|
|
@@ -5655,10 +5649,10 @@ class NgVirtualListComponent {
|
|
|
5655
5649
|
let hasUserAction = false, hasScrollbarUserAction = false;
|
|
5656
5650
|
this._scroller = computed(() => {
|
|
5657
5651
|
return this._scrollerComponent()?.scrollViewport();
|
|
5658
|
-
}
|
|
5652
|
+
});
|
|
5659
5653
|
this._list = computed(() => {
|
|
5660
5654
|
return this._scrollerComponent()?.scrollContent();
|
|
5661
|
-
}
|
|
5655
|
+
});
|
|
5662
5656
|
this._service.$focusItem.pipe(takeUntilDestroyed(this._destroyRef), tap((params) => {
|
|
5663
5657
|
const { element, position, align, behavior } = params;
|
|
5664
5658
|
this.focusItem(element, position, align, behavior);
|
|
@@ -6770,28 +6764,28 @@ class NgVirtualListComponent {
|
|
|
6770
6764
|
}
|
|
6771
6765
|
}
|
|
6772
6766
|
}
|
|
6773
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6774
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
6767
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgVirtualListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6768
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: NgVirtualListComponent, isStandalone: false, selector: "ng-virtual-list", inputs: { scrollbarThickness: { classPropertyName: "scrollbarThickness", publicName: "scrollbarThickness", isSignal: true, isRequired: false, transformFunction: null }, scrollbarMinSize: { classPropertyName: "scrollbarMinSize", publicName: "scrollbarMinSize", isSignal: true, isRequired: false, transformFunction: null }, scrollbarThumbRenderer: { classPropertyName: "scrollbarThumbRenderer", publicName: "scrollbarThumbRenderer", isSignal: true, isRequired: false, transformFunction: null }, scrollbarThumbParams: { classPropertyName: "scrollbarThumbParams", publicName: "scrollbarThumbParams", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, waitForPreparation: { classPropertyName: "waitForPreparation", publicName: "waitForPreparation", isSignal: true, isRequired: false, transformFunction: null }, clickDistance: { classPropertyName: "clickDistance", publicName: "clickDistance", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, defaultItemValue: { classPropertyName: "defaultItemValue", publicName: "defaultItemValue", isSignal: true, isRequired: false, transformFunction: null }, selectedIds: { classPropertyName: "selectedIds", publicName: "selectedIds", isSignal: true, isRequired: false, transformFunction: null }, collapsedIds: { classPropertyName: "collapsedIds", publicName: "collapsedIds", isSignal: true, isRequired: false, transformFunction: null }, selectByClick: { classPropertyName: "selectByClick", publicName: "selectByClick", isSignal: true, isRequired: false, transformFunction: null }, collapseByClick: { classPropertyName: "collapseByClick", publicName: "collapseByClick", isSignal: true, isRequired: false, transformFunction: null }, snap: { classPropertyName: "snap", publicName: "snap", isSignal: true, isRequired: false, transformFunction: null }, snapToEndTransitionInstantOffset: { classPropertyName: "snapToEndTransitionInstantOffset", publicName: "snapToEndTransitionInstantOffset", isSignal: true, isRequired: false, transformFunction: null }, scrollStartOffset: { classPropertyName: "scrollStartOffset", publicName: "scrollStartOffset", isSignal: true, isRequired: false, transformFunction: null }, scrollEndOffset: { classPropertyName: "scrollEndOffset", publicName: "scrollEndOffset", isSignal: true, isRequired: false, transformFunction: null }, snapScrollToStart: { classPropertyName: "snapScrollToStart", publicName: "snapScrollToStart", isSignal: true, isRequired: false, transformFunction: null }, snapScrollToEnd: { classPropertyName: "snapScrollToEnd", publicName: "snapScrollToEnd", isSignal: true, isRequired: false, transformFunction: null }, snapScrollToBottom: { classPropertyName: "snapScrollToBottom", publicName: "snapScrollToBottom", isSignal: true, isRequired: false, transformFunction: null }, scrollbarEnabled: { classPropertyName: "scrollbarEnabled", publicName: "scrollbarEnabled", isSignal: true, isRequired: false, transformFunction: null }, scrollbarInteractive: { classPropertyName: "scrollbarInteractive", publicName: "scrollbarInteractive", isSignal: true, isRequired: false, transformFunction: null }, scrollBehavior: { classPropertyName: "scrollBehavior", publicName: "scrollBehavior", isSignal: true, isRequired: false, transformFunction: null }, animationParams: { classPropertyName: "animationParams", publicName: "animationParams", isSignal: true, isRequired: false, transformFunction: null }, overscrollEnabled: { classPropertyName: "overscrollEnabled", publicName: "overscrollEnabled", isSignal: true, isRequired: false, transformFunction: null }, enabledBufferOptimization: { classPropertyName: "enabledBufferOptimization", publicName: "enabledBufferOptimization", isSignal: true, isRequired: false, transformFunction: null }, itemRenderer: { classPropertyName: "itemRenderer", publicName: "itemRenderer", isSignal: true, isRequired: true, transformFunction: null }, itemConfigMap: { classPropertyName: "itemConfigMap", publicName: "itemConfigMap", isSignal: true, isRequired: false, transformFunction: null }, itemSize: { classPropertyName: "itemSize", publicName: "itemSize", isSignal: true, isRequired: false, transformFunction: null }, dynamicSize: { classPropertyName: "dynamicSize", publicName: "dynamicSize", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, collectionMode: { classPropertyName: "collectionMode", publicName: "collectionMode", isSignal: true, isRequired: false, transformFunction: null }, bufferSize: { classPropertyName: "bufferSize", publicName: "bufferSize", isSignal: true, isRequired: false, transformFunction: null }, maxBufferSize: { classPropertyName: "maxBufferSize", publicName: "maxBufferSize", isSignal: true, isRequired: false, transformFunction: null }, snappingMethod: { classPropertyName: "snappingMethod", publicName: "snappingMethod", isSignal: true, isRequired: false, transformFunction: null }, methodForSelecting: { classPropertyName: "methodForSelecting", publicName: "methodForSelecting", isSignal: true, isRequired: false, transformFunction: null }, trackBy: { classPropertyName: "trackBy", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null }, screenReaderMessage: { classPropertyName: "screenReaderMessage", publicName: "screenReaderMessage", isSignal: true, isRequired: false, transformFunction: null }, langTextDir: { classPropertyName: "langTextDir", publicName: "langTextDir", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onScroll: "onScroll", onScrollEnd: "onScrollEnd", onViewportChange: "onViewportChange", onItemClick: "onItemClick", onSelect: "onSelect", onCollapse: "onCollapse", onScrollReachStart: "onScrollReachStart", onScrollReachEnd: "onScrollReachEnd" }, host: { styleAttribute: "position: relative;" }, providers: [NgVirtualListService, NgVirtualListPublicService], viewQueries: [{ propertyName: "_prerender", first: true, predicate: ["prerender"], descendants: true, isSignal: true }, { propertyName: "_scrollerComponent", first: true, predicate: ["scroller"], descendants: true, isSignal: true }, { propertyName: "_listContainerRef", first: true, predicate: ["renderersContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "_snapContainerRef", first: true, predicate: ["snapRendererContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div aria-live=\"polite\" aria-atomic=\"true\" class=\"ngvl__screen-reader\">\r\n {{ screenReaderFormattedMessage() }}\r\n</div>\r\n\r\n<prerender-container #prerender [bounds]=\"bounds()!\" [direction]=\"direction()\"\r\n [dynamic]=\"dynamicSize()\" [isVertical]=\"isVertical\" [itemSize]=\"itemSize()\" [trackBy]=\"trackBy()\"\r\n [itemRenderer]=\"itemRenderer()\" [startOffset]=\"scrollStartOffset()\" [endOffset]=\"scrollEndOffset()\"\r\n [scrollbarEnabled]=\"scroller.scrollbarShow()\" [enabled]=\"dynamicSize() && snapScrollToEnd()\" />\r\n\r\n@if (snap()) {\r\n <div localeSensitive [langTextDir]=\"langTextDir()\" #snappedContainer class=\"ngvl__snapped-container\"\r\n [ngClass]=\"classes()\">\r\n <div #snapped part=\"snapped-item\" class=\"ngvl__list-snapper\">\r\n <ng-container #snapRendererContainer></ng-container>\r\n </div>\r\n </div>\r\n}\r\n<ng-scroller #scroller class=\"ngvl__list-scroller\" [classes]=\"classes()\" [startOffset]=\"scrollStartOffset()\"\r\n [direction]=\"direction()\" [endOffset]=\"scrollEndOffset()\" [scrollbarThumbRenderer]=\"scrollbarThumbRenderer()\"\r\n [scrollbarThickness]=\"scrollbarThickness()\" [scrollbarThumbParams]=\"scrollbarThumbParams()\"\r\n [focusedElement]=\"focusedElement()\" [loading]=\"loading()\" [overscrollEnabled]=\"overscrollEnabled()\"\r\n [scrollbarEnabled]=\"scrollbarEnabled()\" [scrollbarInteractive]=\"scrollbarInteractive()\"\r\n [scrollbarMinSize]=\"scrollbarMinSize()\" [scrollBehavior]=\"scrollBehavior()\">\r\n <ng-container #renderersContainer></ng-container>\r\n</ng-scroller>", styles: [":host{position:relative;display:block;width:400px;overflow:hidden}:host(.horizontal){height:48px}:host(.vertical){height:320px}.ngvl__snapped-container{position:relative;width:100%;opacity:0}.ngvl__snapped-container.prepared{opacity:1}.ngvl__list-snapper{-webkit-tap-highlight-color:transparent;pointer-events:none;position:absolute;list-style:none;left:0;top:0;z-index:1}.ngvl__list-scroller{-webkit-tap-highlight-color:transparent;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}.ngvl__screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: NgScrollerComponent, selector: "ng-scroller", inputs: ["scrollbarEnabled", "scrollbarInteractive", "focusedElement", "content", "loading", "classes", "scrollbarMinSize", "scrollbarThickness", "scrollbarThumbRenderer", "scrollbarThumbParams"], outputs: ["onScrollbarVisible"] }, { kind: "component", type: PrerenderContainer, selector: "prerender-container", inputs: ["enabled", "direction", "isVertical", "scrollbarEnabled", "startOffset", "endOffset", "bounds", "dynamic", "itemSize", "trackBy", "itemRenderer"] }, { kind: "directive", type: LocaleSensitiveDirective, selector: "[localeSensitive]", inputs: ["langTextDir", "listDir"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ShadowDom });
|
|
6775
6769
|
}
|
|
6776
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6770
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgVirtualListComponent, decorators: [{
|
|
6777
6771
|
type: Component,
|
|
6778
6772
|
args: [{ selector: 'ng-virtual-list', host: {
|
|
6779
6773
|
'style': 'position: relative;'
|
|
6780
6774
|
}, standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.ShadowDom, providers: [NgVirtualListService, NgVirtualListPublicService], template: "<div aria-live=\"polite\" aria-atomic=\"true\" class=\"ngvl__screen-reader\">\r\n {{ screenReaderFormattedMessage() }}\r\n</div>\r\n\r\n<prerender-container #prerender [bounds]=\"bounds()!\" [direction]=\"direction()\"\r\n [dynamic]=\"dynamicSize()\" [isVertical]=\"isVertical\" [itemSize]=\"itemSize()\" [trackBy]=\"trackBy()\"\r\n [itemRenderer]=\"itemRenderer()\" [startOffset]=\"scrollStartOffset()\" [endOffset]=\"scrollEndOffset()\"\r\n [scrollbarEnabled]=\"scroller.scrollbarShow()\" [enabled]=\"dynamicSize() && snapScrollToEnd()\" />\r\n\r\n@if (snap()) {\r\n <div localeSensitive [langTextDir]=\"langTextDir()\" #snappedContainer class=\"ngvl__snapped-container\"\r\n [ngClass]=\"classes()\">\r\n <div #snapped part=\"snapped-item\" class=\"ngvl__list-snapper\">\r\n <ng-container #snapRendererContainer></ng-container>\r\n </div>\r\n </div>\r\n}\r\n<ng-scroller #scroller class=\"ngvl__list-scroller\" [classes]=\"classes()\" [startOffset]=\"scrollStartOffset()\"\r\n [direction]=\"direction()\" [endOffset]=\"scrollEndOffset()\" [scrollbarThumbRenderer]=\"scrollbarThumbRenderer()\"\r\n [scrollbarThickness]=\"scrollbarThickness()\" [scrollbarThumbParams]=\"scrollbarThumbParams()\"\r\n [focusedElement]=\"focusedElement()\" [loading]=\"loading()\" [overscrollEnabled]=\"overscrollEnabled()\"\r\n [scrollbarEnabled]=\"scrollbarEnabled()\" [scrollbarInteractive]=\"scrollbarInteractive()\"\r\n [scrollbarMinSize]=\"scrollbarMinSize()\" [scrollBehavior]=\"scrollBehavior()\">\r\n <ng-container #renderersContainer></ng-container>\r\n</ng-scroller>", styles: [":host{position:relative;display:block;width:400px;overflow:hidden}:host(.horizontal){height:48px}:host(.vertical){height:320px}.ngvl__snapped-container{position:relative;width:100%;opacity:0}.ngvl__snapped-container.prepared{opacity:1}.ngvl__list-snapper{-webkit-tap-highlight-color:transparent;pointer-events:none;position:absolute;list-style:none;left:0;top:0;z-index:1}.ngvl__list-scroller{-webkit-tap-highlight-color:transparent;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}.ngvl__screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"] }]
|
|
6781
|
-
}], ctorParameters: () => [], propDecorators: {
|
|
6775
|
+
}], ctorParameters: () => [], propDecorators: { _listContainerRef: [{
|
|
6782
6776
|
type: ViewChild,
|
|
6783
6777
|
args: ['renderersContainer', { read: ViewContainerRef }]
|
|
6784
6778
|
}], _snapContainerRef: [{
|
|
6785
6779
|
type: ViewChild,
|
|
6786
6780
|
args: ['snapRendererContainer', { read: ViewContainerRef }]
|
|
6787
|
-
}]
|
|
6781
|
+
}] } });
|
|
6788
6782
|
|
|
6789
6783
|
class LocaleSensitiveModule {
|
|
6790
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6791
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
6792
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
6784
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LocaleSensitiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6785
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: LocaleSensitiveModule, declarations: [LocaleSensitiveDirective], imports: [CommonModule], exports: [LocaleSensitiveDirective] });
|
|
6786
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LocaleSensitiveModule, imports: [CommonModule] });
|
|
6793
6787
|
}
|
|
6794
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6788
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LocaleSensitiveModule, decorators: [{
|
|
6795
6789
|
type: NgModule,
|
|
6796
6790
|
args: [{
|
|
6797
6791
|
declarations: [LocaleSensitiveDirective],
|
|
@@ -6802,11 +6796,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
6802
6796
|
}] });
|
|
6803
6797
|
|
|
6804
6798
|
class ItemClickModule {
|
|
6805
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6806
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
6807
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
6799
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ItemClickModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6800
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: ItemClickModule, declarations: [ItemClickDirective], imports: [CommonModule], exports: [ItemClickDirective] });
|
|
6801
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ItemClickModule, imports: [CommonModule] });
|
|
6808
6802
|
}
|
|
6809
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6803
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ItemClickModule, decorators: [{
|
|
6810
6804
|
type: NgModule,
|
|
6811
6805
|
args: [{
|
|
6812
6806
|
declarations: [ItemClickDirective],
|
|
@@ -6817,11 +6811,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
6817
6811
|
}] });
|
|
6818
6812
|
|
|
6819
6813
|
class NgVirtualListItemModule {
|
|
6820
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6821
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
6822
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
6814
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgVirtualListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6815
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: NgVirtualListItemModule, declarations: [NgVirtualListItemComponent], imports: [CommonModule, ItemClickModule], exports: [NgVirtualListItemComponent] });
|
|
6816
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgVirtualListItemModule, imports: [CommonModule, ItemClickModule] });
|
|
6823
6817
|
}
|
|
6824
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6818
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgVirtualListItemModule, decorators: [{
|
|
6825
6819
|
type: NgModule,
|
|
6826
6820
|
args: [{
|
|
6827
6821
|
declarations: [NgVirtualListItemComponent],
|
|
@@ -6832,11 +6826,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
6832
6826
|
}] });
|
|
6833
6827
|
|
|
6834
6828
|
class NgScrollBarModule {
|
|
6835
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6836
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
6837
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
6829
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgScrollBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6830
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: NgScrollBarModule, declarations: [NgScrollBarComponent], imports: [CommonModule], exports: [NgScrollBarComponent] });
|
|
6831
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgScrollBarModule, imports: [CommonModule] });
|
|
6838
6832
|
}
|
|
6839
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6833
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgScrollBarModule, decorators: [{
|
|
6840
6834
|
type: NgModule,
|
|
6841
6835
|
args: [{
|
|
6842
6836
|
declarations: [NgScrollBarComponent],
|
|
@@ -6847,11 +6841,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
6847
6841
|
}] });
|
|
6848
6842
|
|
|
6849
6843
|
class NgScrollerModule {
|
|
6850
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6851
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
6852
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
6844
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgScrollerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6845
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: NgScrollerModule, declarations: [NgScrollerComponent], imports: [CommonModule, NgScrollBarModule, LocaleSensitiveModule, CdkScrollableModule], exports: [NgScrollerComponent] });
|
|
6846
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgScrollerModule, imports: [CommonModule, NgScrollBarModule, LocaleSensitiveModule, CdkScrollableModule] });
|
|
6853
6847
|
}
|
|
6854
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6848
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgScrollerModule, decorators: [{
|
|
6855
6849
|
type: NgModule,
|
|
6856
6850
|
args: [{
|
|
6857
6851
|
declarations: [NgScrollerComponent],
|
|
@@ -6862,11 +6856,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
6862
6856
|
}] });
|
|
6863
6857
|
|
|
6864
6858
|
class PrerenderVirtualListItemModule {
|
|
6865
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6866
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
6867
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
6859
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: PrerenderVirtualListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6860
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: PrerenderVirtualListItemModule, declarations: [PrerenderVirtualListItemComponent], imports: [CommonModule, ItemClickModule], exports: [PrerenderVirtualListItemComponent] });
|
|
6861
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: PrerenderVirtualListItemModule, imports: [CommonModule, ItemClickModule] });
|
|
6868
6862
|
}
|
|
6869
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6863
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: PrerenderVirtualListItemModule, decorators: [{
|
|
6870
6864
|
type: NgModule,
|
|
6871
6865
|
args: [{
|
|
6872
6866
|
declarations: [PrerenderVirtualListItemComponent],
|
|
@@ -6877,11 +6871,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
6877
6871
|
}] });
|
|
6878
6872
|
|
|
6879
6873
|
class PrerenderScrollerModule {
|
|
6880
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6881
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
6882
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
6874
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: PrerenderScrollerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6875
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: PrerenderScrollerModule, declarations: [PrerenderScrollerComponent], imports: [CommonModule, LocaleSensitiveModule], exports: [PrerenderScrollerComponent] });
|
|
6876
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: PrerenderScrollerModule, imports: [CommonModule, LocaleSensitiveModule] });
|
|
6883
6877
|
}
|
|
6884
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6878
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: PrerenderScrollerModule, decorators: [{
|
|
6885
6879
|
type: NgModule,
|
|
6886
6880
|
args: [{
|
|
6887
6881
|
declarations: [PrerenderScrollerComponent],
|
|
@@ -6892,11 +6886,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
6892
6886
|
}] });
|
|
6893
6887
|
|
|
6894
6888
|
class PrerenderListModule {
|
|
6895
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6896
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
6897
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
6889
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: PrerenderListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6890
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: PrerenderListModule, declarations: [PrerenderList], imports: [CommonModule, PrerenderVirtualListItemModule, PrerenderScrollerModule], exports: [PrerenderList] });
|
|
6891
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: PrerenderListModule, imports: [CommonModule, PrerenderVirtualListItemModule, PrerenderScrollerModule] });
|
|
6898
6892
|
}
|
|
6899
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6893
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: PrerenderListModule, decorators: [{
|
|
6900
6894
|
type: NgModule,
|
|
6901
6895
|
args: [{
|
|
6902
6896
|
declarations: [PrerenderList],
|
|
@@ -6907,11 +6901,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
6907
6901
|
}] });
|
|
6908
6902
|
|
|
6909
6903
|
class PrerenderContainerModule {
|
|
6910
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6911
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
6912
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
6904
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: PrerenderContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6905
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: PrerenderContainerModule, declarations: [PrerenderContainer], imports: [CommonModule, PrerenderListModule], exports: [PrerenderContainer] });
|
|
6906
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: PrerenderContainerModule, imports: [CommonModule, PrerenderListModule] });
|
|
6913
6907
|
}
|
|
6914
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6908
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: PrerenderContainerModule, decorators: [{
|
|
6915
6909
|
type: NgModule,
|
|
6916
6910
|
args: [{
|
|
6917
6911
|
declarations: [PrerenderContainer],
|
|
@@ -6922,11 +6916,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
6922
6916
|
}] });
|
|
6923
6917
|
|
|
6924
6918
|
class NgVirtualListModule {
|
|
6925
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6926
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
6927
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
6919
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgVirtualListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6920
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.19", ngImport: i0, type: NgVirtualListModule, declarations: [NgVirtualListComponent], imports: [CommonModule, NgVirtualListItemModule, NgScrollerModule, PrerenderContainerModule, LocaleSensitiveModule], exports: [NgVirtualListComponent] });
|
|
6921
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgVirtualListModule, imports: [CommonModule, NgVirtualListItemModule, NgScrollerModule, PrerenderContainerModule, LocaleSensitiveModule] });
|
|
6928
6922
|
}
|
|
6929
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6923
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NgVirtualListModule, decorators: [{
|
|
6930
6924
|
type: NgModule,
|
|
6931
6925
|
args: [{
|
|
6932
6926
|
declarations: [NgVirtualListComponent],
|