@angular/cdk 20.0.0-rc.1 → 20.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/index.d.ts +3 -1
- package/dialog/index.d.ts +2 -2
- package/drag-drop/index.d.ts +2 -2
- package/fesm2022/{a11y-module-CbrGzbQN.mjs → a11y-module-DHa4AVFz.mjs} +27 -27
- package/fesm2022/a11y-module-DHa4AVFz.mjs.map +1 -0
- package/fesm2022/a11y.mjs +19 -19
- package/fesm2022/a11y.mjs.map +1 -1
- package/fesm2022/accordion.mjs +20 -14
- package/fesm2022/accordion.mjs.map +1 -1
- package/fesm2022/{activedescendant-key-manager-DC3-fwQI.mjs → activedescendant-key-manager-CZAE5aFC.mjs} +2 -2
- package/fesm2022/activedescendant-key-manager-CZAE5aFC.mjs.map +1 -0
- package/fesm2022/array-I1yfCXUO.mjs.map +1 -1
- package/fesm2022/bidi.mjs +9 -9
- package/fesm2022/bidi.mjs.map +1 -1
- package/fesm2022/{breakpoints-observer-CNqHxU7z.mjs → breakpoints-observer-QutrMj4x.mjs} +8 -8
- package/fesm2022/breakpoints-observer-QutrMj4x.mjs.map +1 -0
- package/fesm2022/cdk.mjs +1 -1
- package/fesm2022/cdk.mjs.map +1 -1
- package/fesm2022/clipboard.mjs +10 -10
- package/fesm2022/clipboard.mjs.map +1 -1
- package/fesm2022/coercion/private.mjs.map +1 -1
- package/fesm2022/coercion.mjs.map +1 -1
- package/fesm2022/collections.mjs +1 -1
- package/fesm2022/css-pixel-value-C_HEqLhI.mjs.map +1 -1
- package/fesm2022/data-source-D34wiQZj.mjs.map +1 -1
- package/fesm2022/dialog.mjs +18 -18
- package/fesm2022/dialog.mjs.map +1 -1
- package/fesm2022/{directionality-E3zek-p1.mjs → directionality-CChdj3az.mjs} +4 -4
- package/fesm2022/directionality-CChdj3az.mjs.map +1 -0
- package/fesm2022/dispose-view-repeater-strategy-D_JReLI1.mjs.map +1 -1
- package/fesm2022/drag-drop.mjs +35 -35
- package/fesm2022/drag-drop.mjs.map +1 -1
- package/fesm2022/element-x4z00URv.mjs.map +1 -1
- package/fesm2022/fake-event-detection-DWOdFTFz.mjs.map +1 -1
- package/fesm2022/{focus-key-manager-C1rAQJ5z.mjs → focus-key-manager-CPmlyB_c.mjs} +2 -2
- package/fesm2022/focus-key-manager-CPmlyB_c.mjs.map +1 -0
- package/fesm2022/{focus-monitor-T5ZlFpu4.mjs → focus-monitor-DLjkiju1.mjs} +11 -11
- package/fesm2022/focus-monitor-DLjkiju1.mjs.map +1 -0
- package/fesm2022/{id-generator-C27MsMu2.mjs → id-generator-LuoRZSid.mjs} +4 -4
- package/fesm2022/id-generator-LuoRZSid.mjs.map +1 -0
- package/fesm2022/keycodes-CpHkExLC.mjs.map +1 -1
- package/fesm2022/keycodes.mjs.map +1 -1
- package/fesm2022/layout.mjs +6 -6
- package/fesm2022/layout.mjs.map +1 -1
- package/fesm2022/{list-key-manager-CyOIXo8P.mjs → list-key-manager-C7tp3RbG.mjs} +13 -13
- package/fesm2022/list-key-manager-C7tp3RbG.mjs.map +1 -0
- package/fesm2022/listbox.mjs +15 -15
- package/fesm2022/listbox.mjs.map +1 -1
- package/fesm2022/menu.mjs +58 -58
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/observers/private.mjs +3 -3
- package/fesm2022/observers/private.mjs.map +1 -1
- package/fesm2022/observers.mjs +13 -13
- package/fesm2022/observers.mjs.map +1 -1
- package/fesm2022/{overlay-module-CCzhcXfK.mjs → overlay-module-Bd2UplUU.mjs} +39 -39
- package/fesm2022/overlay-module-Bd2UplUU.mjs.map +1 -0
- package/fesm2022/overlay.mjs +9 -9
- package/fesm2022/overlay.mjs.map +1 -1
- package/fesm2022/passive-listeners-esHZRgIN.mjs.map +1 -1
- package/fesm2022/{platform-gLq1JIgc.mjs → platform-DNDzkVcI.mjs} +4 -4
- package/fesm2022/platform-DNDzkVcI.mjs.map +1 -0
- package/fesm2022/platform.mjs +5 -5
- package/fesm2022/platform.mjs.map +1 -1
- package/fesm2022/portal.mjs +16 -16
- package/fesm2022/portal.mjs.map +1 -1
- package/fesm2022/private.mjs +4 -4
- package/fesm2022/private.mjs.map +1 -1
- package/fesm2022/recycle-view-repeater-strategy-DoWdPqVw.mjs.map +1 -1
- package/fesm2022/scrolling-BkvA05C8.mjs.map +1 -1
- package/fesm2022/scrolling.mjs +44 -46
- package/fesm2022/scrolling.mjs.map +1 -1
- package/fesm2022/selection-model-BCgC8uEN.mjs.map +1 -1
- package/fesm2022/shadow-dom-B0oHn41l.mjs.map +1 -1
- package/fesm2022/stepper.mjs +127 -108
- package/fesm2022/stepper.mjs.map +1 -1
- package/fesm2022/{style-loader-i2d7TEeo.mjs → style-loader-B2sGQXxD.mjs} +4 -4
- package/fesm2022/style-loader-B2sGQXxD.mjs.map +1 -0
- package/fesm2022/table.mjs +75 -75
- package/fesm2022/table.mjs.map +1 -1
- package/fesm2022/test-environment-CT0XxPyp.mjs.map +1 -1
- package/fesm2022/testing/selenium-webdriver.mjs.map +1 -1
- package/fesm2022/testing/testbed.mjs.map +1 -1
- package/fesm2022/testing.mjs.map +1 -1
- package/fesm2022/text-field.mjs +18 -18
- package/fesm2022/text-field.mjs.map +1 -1
- package/fesm2022/tree-key-manager-KnCoIkIC.mjs.map +1 -1
- package/fesm2022/tree.mjs +26 -26
- package/fesm2022/tree.mjs.map +1 -1
- package/fesm2022/typeahead-9ZW4Dtsf.mjs.map +1 -1
- package/fesm2022/{unique-selection-dispatcher-YfWmNNyz.mjs → unique-selection-dispatcher-Cewa_Eg3.mjs} +4 -4
- package/fesm2022/unique-selection-dispatcher-Cewa_Eg3.mjs.map +1 -0
- package/menu/index.d.ts +2 -2
- package/overlay/index.d.ts +4 -4
- package/{overlay-module.d-BiAhhk6g.d.ts → overlay-module.d-CVO-IcaN.d.ts} +1 -1
- package/package.json +3 -3
- package/schematics/ng-add/index.js +1 -1
- package/scrolling/index.d.ts +1 -1
- package/{scrolling-module.d-DP0Qb7T9.d.ts → scrolling-module.d-BvCGMKMo.d.ts} +2 -2
- package/stepper/index.d.ts +18 -10
- package/table/index.d.ts +1 -1
- package/fesm2022/a11y-module-CbrGzbQN.mjs.map +0 -1
- package/fesm2022/activedescendant-key-manager-DC3-fwQI.mjs.map +0 -1
- package/fesm2022/breakpoints-observer-CNqHxU7z.mjs.map +0 -1
- package/fesm2022/directionality-E3zek-p1.mjs.map +0 -1
- package/fesm2022/focus-key-manager-C1rAQJ5z.mjs.map +0 -1
- package/fesm2022/focus-monitor-T5ZlFpu4.mjs.map +0 -1
- package/fesm2022/id-generator-C27MsMu2.mjs.map +0 -1
- package/fesm2022/list-key-manager-CyOIXo8P.mjs.map +0 -1
- package/fesm2022/overlay-module-CCzhcXfK.mjs.map +0 -1
- package/fesm2022/platform-gLq1JIgc.mjs.map +0 -1
- package/fesm2022/style-loader-i2d7TEeo.mjs.map +0 -1
- package/fesm2022/unique-selection-dispatcher-YfWmNNyz.mjs.map +0 -1
package/fesm2022/scrolling.mjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { InjectionToken, forwardRef, Directive, Input, inject, NgZone, RendererFactory2, Injectable, ElementRef, Renderer2, DOCUMENT, ChangeDetectorRef, Injector, afterNextRender, booleanAttribute, Optional, Inject, Component, ViewEncapsulation, ChangeDetectionStrategy, Output, ViewChild, ViewContainerRef, TemplateRef, IterableDiffers, NgModule } from '@angular/core';
|
|
2
|
+
import { InjectionToken, forwardRef, Directive, Input, inject, NgZone, RendererFactory2, Injectable, ElementRef, Renderer2, DOCUMENT, ChangeDetectorRef, signal, Injector, afterNextRender, booleanAttribute, Optional, Inject, Component, ViewEncapsulation, ChangeDetectionStrategy, Output, ViewChild, ViewContainerRef, TemplateRef, IterableDiffers, NgModule } from '@angular/core';
|
|
3
3
|
import { Subject, of, Observable, Subscription, animationFrameScheduler, asapScheduler, isObservable } from 'rxjs';
|
|
4
4
|
import { distinctUntilChanged, auditTime, filter, startWith, takeUntil, pairwise, switchMap, shareReplay } from 'rxjs/operators';
|
|
5
5
|
import { c as coerceNumberProperty, a as coerceElement } from './element-x4z00URv.mjs';
|
|
6
|
-
import { P as Platform } from './platform-
|
|
7
|
-
import { D as Directionality } from './directionality-
|
|
6
|
+
import { P as Platform } from './platform-DNDzkVcI.mjs';
|
|
7
|
+
import { D as Directionality } from './directionality-CChdj3az.mjs';
|
|
8
8
|
import { g as getRtlScrollAxisType, R as RtlScrollAxisType, s as supportsScrollBehavior } from './scrolling-BkvA05C8.mjs';
|
|
9
9
|
import { BidiModule } from './bidi.mjs';
|
|
10
10
|
export { Dir as ɵɵDir } from './bidi.mjs';
|
|
@@ -194,8 +194,8 @@ class CdkFixedSizeVirtualScroll {
|
|
|
194
194
|
ngOnChanges() {
|
|
195
195
|
this._scrollStrategy.updateItemAndBufferSize(this.itemSize, this.minBufferPx, this.maxBufferPx);
|
|
196
196
|
}
|
|
197
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0
|
|
198
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0
|
|
197
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CdkFixedSizeVirtualScroll, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
198
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0", type: CdkFixedSizeVirtualScroll, isStandalone: true, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: { itemSize: "itemSize", minBufferPx: "minBufferPx", maxBufferPx: "maxBufferPx" }, providers: [
|
|
199
199
|
{
|
|
200
200
|
provide: VIRTUAL_SCROLL_STRATEGY,
|
|
201
201
|
useFactory: _fixedSizeVirtualScrollStrategyFactory,
|
|
@@ -203,7 +203,7 @@ class CdkFixedSizeVirtualScroll {
|
|
|
203
203
|
},
|
|
204
204
|
], usesOnChanges: true, ngImport: i0 });
|
|
205
205
|
}
|
|
206
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0
|
|
206
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CdkFixedSizeVirtualScroll, decorators: [{
|
|
207
207
|
type: Directive,
|
|
208
208
|
args: [{
|
|
209
209
|
selector: 'cdk-virtual-scroll-viewport[itemSize]',
|
|
@@ -338,10 +338,10 @@ class ScrollDispatcher {
|
|
|
338
338
|
} while ((element = element.parentElement));
|
|
339
339
|
return false;
|
|
340
340
|
}
|
|
341
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0
|
|
342
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0
|
|
341
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ScrollDispatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
342
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ScrollDispatcher, providedIn: 'root' });
|
|
343
343
|
}
|
|
344
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0
|
|
344
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ScrollDispatcher, decorators: [{
|
|
345
345
|
type: Injectable,
|
|
346
346
|
args: [{ providedIn: 'root' }]
|
|
347
347
|
}], ctorParameters: () => [] });
|
|
@@ -497,10 +497,10 @@ class CdkScrollable {
|
|
|
497
497
|
}
|
|
498
498
|
}
|
|
499
499
|
}
|
|
500
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0
|
|
501
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0
|
|
500
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CdkScrollable, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
501
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0", type: CdkScrollable, isStandalone: true, selector: "[cdk-scrollable], [cdkScrollable]", ngImport: i0 });
|
|
502
502
|
}
|
|
503
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0
|
|
503
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CdkScrollable, decorators: [{
|
|
504
504
|
type: Directive,
|
|
505
505
|
args: [{
|
|
506
506
|
selector: '[cdk-scrollable], [cdkScrollable]',
|
|
@@ -624,10 +624,10 @@ class ViewportRuler {
|
|
|
624
624
|
? { width: window.innerWidth, height: window.innerHeight }
|
|
625
625
|
: { width: 0, height: 0 };
|
|
626
626
|
}
|
|
627
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0
|
|
628
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0
|
|
627
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ViewportRuler, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
628
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ViewportRuler, providedIn: 'root' });
|
|
629
629
|
}
|
|
630
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0
|
|
630
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ViewportRuler, decorators: [{
|
|
631
631
|
type: Injectable,
|
|
632
632
|
args: [{ providedIn: 'root' }]
|
|
633
633
|
}], ctorParameters: () => [] });
|
|
@@ -649,10 +649,10 @@ class CdkVirtualScrollable extends CdkScrollable {
|
|
|
649
649
|
const viewportEl = this.elementRef.nativeElement;
|
|
650
650
|
return orientation === 'horizontal' ? viewportEl.clientWidth : viewportEl.clientHeight;
|
|
651
651
|
}
|
|
652
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0
|
|
653
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0
|
|
652
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CdkVirtualScrollable, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
653
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0", type: CdkVirtualScrollable, isStandalone: true, usesInheritance: true, ngImport: i0 });
|
|
654
654
|
}
|
|
655
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0
|
|
655
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CdkVirtualScrollable, decorators: [{
|
|
656
656
|
type: Directive
|
|
657
657
|
}], ctorParameters: () => [] });
|
|
658
658
|
|
|
@@ -710,9 +710,9 @@ class CdkVirtualScrollViewport extends CdkVirtualScrollable {
|
|
|
710
710
|
*/
|
|
711
711
|
_totalContentSize = 0;
|
|
712
712
|
/** A string representing the `style.width` property value to be used for the spacer element. */
|
|
713
|
-
_totalContentWidth = '';
|
|
713
|
+
_totalContentWidth = signal('');
|
|
714
714
|
/** A string representing the `style.height` property value to be used for the spacer element. */
|
|
715
|
-
_totalContentHeight = '';
|
|
715
|
+
_totalContentHeight = signal('');
|
|
716
716
|
/**
|
|
717
717
|
* The CSS transform applied to the rendered subset of items so that they appear within the bounds
|
|
718
718
|
* of the visible viewport.
|
|
@@ -1040,21 +1040,19 @@ class CdkVirtualScrollViewport extends CdkVirtualScrollable {
|
|
|
1040
1040
|
}
|
|
1041
1041
|
/** Calculates the `style.width` and `style.height` for the spacer element. */
|
|
1042
1042
|
_calculateSpacerSize() {
|
|
1043
|
-
this._totalContentHeight
|
|
1044
|
-
|
|
1045
|
-
this._totalContentWidth =
|
|
1046
|
-
this.orientation === 'horizontal' ? `${this._totalContentSize}px` : '';
|
|
1043
|
+
this._totalContentHeight.set(this.orientation === 'horizontal' ? '' : `${this._totalContentSize}px`);
|
|
1044
|
+
this._totalContentWidth.set(this.orientation === 'horizontal' ? `${this._totalContentSize}px` : '');
|
|
1047
1045
|
}
|
|
1048
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0
|
|
1049
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.0.0
|
|
1046
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CdkVirtualScrollViewport, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1047
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.0.0", type: CdkVirtualScrollViewport, isStandalone: true, selector: "cdk-virtual-scroll-viewport", inputs: { orientation: "orientation", appendOnly: ["appendOnly", "appendOnly", booleanAttribute] }, outputs: { scrolledIndexChange: "scrolledIndexChange" }, host: { properties: { "class.cdk-virtual-scroll-orientation-horizontal": "orientation === \"horizontal\"", "class.cdk-virtual-scroll-orientation-vertical": "orientation !== \"horizontal\"" }, classAttribute: "cdk-virtual-scroll-viewport" }, providers: [
|
|
1050
1048
|
{
|
|
1051
1049
|
provide: CdkScrollable,
|
|
1052
1050
|
useFactory: (virtualScrollable, viewport) => virtualScrollable || viewport,
|
|
1053
1051
|
deps: [[new Optional(), new Inject(VIRTUAL_SCROLLABLE)], CdkVirtualScrollViewport],
|
|
1054
1052
|
},
|
|
1055
|
-
], viewQueries: [{ propertyName: "_contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<!--\n Wrap the rendered content in an element that will be used to offset it based on the scroll\n position.\n-->\n<div #contentWrapper class=\"cdk-virtual-scroll-content-wrapper\">\n <ng-content></ng-content>\n</div>\n<!--\n Spacer used to force the scrolling container to the correct size for the *total* number of items\n so that the scrollbar captures the size of the entire data set.\n-->\n<div class=\"cdk-virtual-scroll-spacer\"\n [style.width]=\"_totalContentWidth\" [style.height]=\"_totalContentHeight\"></div>\n", styles: ["cdk-virtual-scroll-viewport{display:block;position:relative;transform:translateZ(0)}.cdk-virtual-scrollable{overflow:auto;will-change:scroll-position;contain:strict}.cdk-virtual-scroll-content-wrapper{position:absolute;top:0;left:0;contain:content}[dir=rtl] .cdk-virtual-scroll-content-wrapper{right:0;left:auto}.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper{min-height:100%}.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>dl:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>ol:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>table:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>ul:not([cdkVirtualFor]){padding-left:0;padding-right:0;margin-left:0;margin-right:0;border-left-width:0;border-right-width:0;outline:none}.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{min-width:100%}.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>dl:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>ol:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>table:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>ul:not([cdkVirtualFor]){padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;border-top-width:0;border-bottom-width:0;outline:none}.cdk-virtual-scroll-spacer{height:1px;transform-origin:0 0;flex:0 0 auto}[dir=rtl] .cdk-virtual-scroll-spacer{transform-origin:100% 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1053
|
+
], viewQueries: [{ propertyName: "_contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<!--\n Wrap the rendered content in an element that will be used to offset it based on the scroll\n position.\n-->\n<div #contentWrapper class=\"cdk-virtual-scroll-content-wrapper\">\n <ng-content></ng-content>\n</div>\n<!--\n Spacer used to force the scrolling container to the correct size for the *total* number of items\n so that the scrollbar captures the size of the entire data set.\n-->\n<div class=\"cdk-virtual-scroll-spacer\"\n [style.width]=\"_totalContentWidth()\" [style.height]=\"_totalContentHeight()\"></div>\n", styles: ["cdk-virtual-scroll-viewport{display:block;position:relative;transform:translateZ(0)}.cdk-virtual-scrollable{overflow:auto;will-change:scroll-position;contain:strict}.cdk-virtual-scroll-content-wrapper{position:absolute;top:0;left:0;contain:content}[dir=rtl] .cdk-virtual-scroll-content-wrapper{right:0;left:auto}.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper{min-height:100%}.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>dl:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>ol:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>table:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>ul:not([cdkVirtualFor]){padding-left:0;padding-right:0;margin-left:0;margin-right:0;border-left-width:0;border-right-width:0;outline:none}.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{min-width:100%}.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>dl:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>ol:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>table:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>ul:not([cdkVirtualFor]){padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;border-top-width:0;border-bottom-width:0;outline:none}.cdk-virtual-scroll-spacer{height:1px;transform-origin:0 0;flex:0 0 auto}[dir=rtl] .cdk-virtual-scroll-spacer{transform-origin:100% 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1056
1054
|
}
|
|
1057
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0
|
|
1055
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CdkVirtualScrollViewport, decorators: [{
|
|
1058
1056
|
type: Component,
|
|
1059
1057
|
args: [{ selector: 'cdk-virtual-scroll-viewport', host: {
|
|
1060
1058
|
'class': 'cdk-virtual-scroll-viewport',
|
|
@@ -1066,7 +1064,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-rc.0", ng
|
|
|
1066
1064
|
useFactory: (virtualScrollable, viewport) => virtualScrollable || viewport,
|
|
1067
1065
|
deps: [[new Optional(), new Inject(VIRTUAL_SCROLLABLE)], CdkVirtualScrollViewport],
|
|
1068
1066
|
},
|
|
1069
|
-
], template: "<!--\n Wrap the rendered content in an element that will be used to offset it based on the scroll\n position.\n-->\n<div #contentWrapper class=\"cdk-virtual-scroll-content-wrapper\">\n <ng-content></ng-content>\n</div>\n<!--\n Spacer used to force the scrolling container to the correct size for the *total* number of items\n so that the scrollbar captures the size of the entire data set.\n-->\n<div class=\"cdk-virtual-scroll-spacer\"\n [style.width]=\"_totalContentWidth\" [style.height]=\"_totalContentHeight\"></div>\n", styles: ["cdk-virtual-scroll-viewport{display:block;position:relative;transform:translateZ(0)}.cdk-virtual-scrollable{overflow:auto;will-change:scroll-position;contain:strict}.cdk-virtual-scroll-content-wrapper{position:absolute;top:0;left:0;contain:content}[dir=rtl] .cdk-virtual-scroll-content-wrapper{right:0;left:auto}.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper{min-height:100%}.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>dl:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>ol:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>table:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>ul:not([cdkVirtualFor]){padding-left:0;padding-right:0;margin-left:0;margin-right:0;border-left-width:0;border-right-width:0;outline:none}.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{min-width:100%}.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>dl:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>ol:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>table:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>ul:not([cdkVirtualFor]){padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;border-top-width:0;border-bottom-width:0;outline:none}.cdk-virtual-scroll-spacer{height:1px;transform-origin:0 0;flex:0 0 auto}[dir=rtl] .cdk-virtual-scroll-spacer{transform-origin:100% 0}\n"] }]
|
|
1067
|
+
], template: "<!--\n Wrap the rendered content in an element that will be used to offset it based on the scroll\n position.\n-->\n<div #contentWrapper class=\"cdk-virtual-scroll-content-wrapper\">\n <ng-content></ng-content>\n</div>\n<!--\n Spacer used to force the scrolling container to the correct size for the *total* number of items\n so that the scrollbar captures the size of the entire data set.\n-->\n<div class=\"cdk-virtual-scroll-spacer\"\n [style.width]=\"_totalContentWidth()\" [style.height]=\"_totalContentHeight()\"></div>\n", styles: ["cdk-virtual-scroll-viewport{display:block;position:relative;transform:translateZ(0)}.cdk-virtual-scrollable{overflow:auto;will-change:scroll-position;contain:strict}.cdk-virtual-scroll-content-wrapper{position:absolute;top:0;left:0;contain:content}[dir=rtl] .cdk-virtual-scroll-content-wrapper{right:0;left:auto}.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper{min-height:100%}.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>dl:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>ol:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>table:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>ul:not([cdkVirtualFor]){padding-left:0;padding-right:0;margin-left:0;margin-right:0;border-left-width:0;border-right-width:0;outline:none}.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{min-width:100%}.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>dl:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>ol:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>table:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>ul:not([cdkVirtualFor]){padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;border-top-width:0;border-bottom-width:0;outline:none}.cdk-virtual-scroll-spacer{height:1px;transform-origin:0 0;flex:0 0 auto}[dir=rtl] .cdk-virtual-scroll-spacer{transform-origin:100% 0}\n"] }]
|
|
1070
1068
|
}], ctorParameters: () => [], propDecorators: { orientation: [{
|
|
1071
1069
|
type: Input
|
|
1072
1070
|
}], appendOnly: [{
|
|
@@ -1339,10 +1337,10 @@ class CdkVirtualForOf {
|
|
|
1339
1337
|
static ngTemplateContextGuard(directive, context) {
|
|
1340
1338
|
return true;
|
|
1341
1339
|
}
|
|
1342
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0
|
|
1343
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0
|
|
1340
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CdkVirtualForOf, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1341
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0", type: CdkVirtualForOf, isStandalone: true, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: { cdkVirtualForOf: "cdkVirtualForOf", cdkVirtualForTrackBy: "cdkVirtualForTrackBy", cdkVirtualForTemplate: "cdkVirtualForTemplate", cdkVirtualForTemplateCacheSize: "cdkVirtualForTemplateCacheSize" }, providers: [{ provide: _VIEW_REPEATER_STRATEGY, useClass: _RecycleViewRepeaterStrategy }], ngImport: i0 });
|
|
1344
1342
|
}
|
|
1345
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0
|
|
1343
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CdkVirtualForOf, decorators: [{
|
|
1346
1344
|
type: Directive,
|
|
1347
1345
|
args: [{
|
|
1348
1346
|
selector: '[cdkVirtualFor][cdkVirtualForOf]',
|
|
@@ -1369,10 +1367,10 @@ class CdkVirtualScrollableElement extends CdkVirtualScrollable {
|
|
|
1369
1367
|
return (this.getElementRef().nativeElement.getBoundingClientRect()[from] -
|
|
1370
1368
|
this.measureScrollOffset(from));
|
|
1371
1369
|
}
|
|
1372
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0
|
|
1373
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0
|
|
1370
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CdkVirtualScrollableElement, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1371
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0", type: CdkVirtualScrollableElement, isStandalone: true, selector: "[cdkVirtualScrollingElement]", host: { classAttribute: "cdk-virtual-scrollable" }, providers: [{ provide: VIRTUAL_SCROLLABLE, useExisting: CdkVirtualScrollableElement }], usesInheritance: true, ngImport: i0 });
|
|
1374
1372
|
}
|
|
1375
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0
|
|
1373
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CdkVirtualScrollableElement, decorators: [{
|
|
1376
1374
|
type: Directive,
|
|
1377
1375
|
args: [{
|
|
1378
1376
|
selector: '[cdkVirtualScrollingElement]',
|
|
@@ -1396,10 +1394,10 @@ class CdkVirtualScrollableWindow extends CdkVirtualScrollable {
|
|
|
1396
1394
|
measureBoundingClientRectWithScrollOffset(from) {
|
|
1397
1395
|
return this.getElementRef().nativeElement.getBoundingClientRect()[from];
|
|
1398
1396
|
}
|
|
1399
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0
|
|
1400
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0
|
|
1397
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CdkVirtualScrollableWindow, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1398
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0", type: CdkVirtualScrollableWindow, isStandalone: true, selector: "cdk-virtual-scroll-viewport[scrollWindow]", providers: [{ provide: VIRTUAL_SCROLLABLE, useExisting: CdkVirtualScrollableWindow }], usesInheritance: true, ngImport: i0 });
|
|
1401
1399
|
}
|
|
1402
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0
|
|
1400
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CdkVirtualScrollableWindow, decorators: [{
|
|
1403
1401
|
type: Directive,
|
|
1404
1402
|
args: [{
|
|
1405
1403
|
selector: 'cdk-virtual-scroll-viewport[scrollWindow]',
|
|
@@ -1408,11 +1406,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-rc.0", ng
|
|
|
1408
1406
|
}], ctorParameters: () => [] });
|
|
1409
1407
|
|
|
1410
1408
|
class CdkScrollableModule {
|
|
1411
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0
|
|
1412
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.0
|
|
1413
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.0
|
|
1409
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CdkScrollableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1410
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.0", ngImport: i0, type: CdkScrollableModule, imports: [CdkScrollable], exports: [CdkScrollable] });
|
|
1411
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CdkScrollableModule });
|
|
1414
1412
|
}
|
|
1415
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0
|
|
1413
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CdkScrollableModule, decorators: [{
|
|
1416
1414
|
type: NgModule,
|
|
1417
1415
|
args: [{
|
|
1418
1416
|
exports: [CdkScrollable],
|
|
@@ -1423,8 +1421,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-rc.0", ng
|
|
|
1423
1421
|
* @docs-primary-export
|
|
1424
1422
|
*/
|
|
1425
1423
|
class ScrollingModule {
|
|
1426
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0
|
|
1427
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.0
|
|
1424
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ScrollingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1425
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.0", ngImport: i0, type: ScrollingModule, imports: [BidiModule, CdkScrollableModule, CdkVirtualScrollViewport,
|
|
1428
1426
|
CdkFixedSizeVirtualScroll,
|
|
1429
1427
|
CdkVirtualForOf,
|
|
1430
1428
|
CdkVirtualScrollableWindow,
|
|
@@ -1433,10 +1431,10 @@ class ScrollingModule {
|
|
|
1433
1431
|
CdkVirtualScrollViewport,
|
|
1434
1432
|
CdkVirtualScrollableWindow,
|
|
1435
1433
|
CdkVirtualScrollableElement] });
|
|
1436
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.0
|
|
1434
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ScrollingModule, imports: [BidiModule,
|
|
1437
1435
|
CdkScrollableModule, BidiModule, CdkScrollableModule] });
|
|
1438
1436
|
}
|
|
1439
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0
|
|
1437
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ScrollingModule, decorators: [{
|
|
1440
1438
|
type: NgModule,
|
|
1441
1439
|
args: [{
|
|
1442
1440
|
imports: [
|