@angular/cdk 15.1.0-rc.0 → 15.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/drag-drop/index.d.ts +11 -0
- package/esm2020/a11y/a11y-module.mjs +5 -5
- package/esm2020/a11y/aria-describer/aria-describer.mjs +4 -4
- package/esm2020/a11y/focus-monitor/focus-monitor.mjs +7 -7
- package/esm2020/a11y/focus-trap/configurable-focus-trap-factory.mjs +4 -4
- package/esm2020/a11y/focus-trap/configurable-focus-trap.mjs +7 -7
- package/esm2020/a11y/focus-trap/focus-trap-manager.mjs +4 -4
- package/esm2020/a11y/focus-trap/focus-trap.mjs +30 -30
- package/esm2020/a11y/high-contrast-mode/high-contrast-mode-detector.mjs +4 -4
- package/esm2020/a11y/input-modality/input-modality-detector.mjs +8 -8
- package/esm2020/a11y/interactivity-checker/interactivity-checker.mjs +4 -4
- package/esm2020/a11y/live-announcer/live-announcer.mjs +14 -14
- package/esm2020/accordion/accordion-item.mjs +38 -38
- package/esm2020/accordion/accordion-module.mjs +5 -5
- package/esm2020/accordion/accordion.mjs +4 -4
- package/esm2020/bidi/bidi-module.mjs +5 -5
- package/esm2020/bidi/dir.mjs +4 -4
- package/esm2020/bidi/directionality.mjs +4 -4
- package/esm2020/clipboard/clipboard-module.mjs +5 -5
- package/esm2020/clipboard/clipboard.mjs +4 -4
- package/esm2020/clipboard/copy-to-clipboard.mjs +4 -4
- package/esm2020/collections/selection-model.mjs +8 -8
- package/esm2020/collections/unique-selection-dispatcher.mjs +4 -4
- package/esm2020/dialog/dialog-container.mjs +4 -4
- package/esm2020/dialog/dialog-module.mjs +5 -5
- package/esm2020/dialog/dialog.mjs +12 -12
- package/esm2020/drag-drop/directives/drag-handle.mjs +12 -12
- package/esm2020/drag-drop/directives/drag-placeholder.mjs +4 -4
- package/esm2020/drag-drop/directives/drag-preview.mjs +8 -8
- package/esm2020/drag-drop/directives/drag.mjs +12 -12
- package/esm2020/drag-drop/directives/drop-list-group.mjs +4 -4
- package/esm2020/drag-drop/directives/drop-list.mjs +17 -16
- package/esm2020/drag-drop/drag-drop-module.mjs +5 -5
- package/esm2020/drag-drop/drag-drop-registry.mjs +4 -4
- package/esm2020/drag-drop/drag-drop.mjs +4 -4
- package/esm2020/drag-drop/drag-ref.mjs +13 -13
- package/esm2020/drag-drop/drop-list-ref.mjs +13 -1
- package/esm2020/layout/breakpoints-observer.mjs +4 -4
- package/esm2020/layout/layout-module.mjs +5 -5
- package/esm2020/layout/media-matcher.mjs +4 -4
- package/esm2020/listbox/listbox-module.mjs +5 -5
- package/esm2020/listbox/listbox.mjs +7 -7
- package/esm2020/menu/context-menu-trigger.mjs +14 -14
- package/esm2020/menu/menu-aim.mjs +7 -7
- package/esm2020/menu/menu-bar.mjs +4 -4
- package/esm2020/menu/menu-base.mjs +4 -4
- package/esm2020/menu/menu-group.mjs +4 -4
- package/esm2020/menu/menu-item-checkbox.mjs +4 -4
- package/esm2020/menu/menu-item-radio.mjs +4 -4
- package/esm2020/menu/menu-item-selectable.mjs +4 -4
- package/esm2020/menu/menu-item.mjs +15 -15
- package/esm2020/menu/menu-module.mjs +5 -5
- package/esm2020/menu/menu-stack.mjs +4 -4
- package/esm2020/menu/menu-trigger-base.mjs +4 -4
- package/esm2020/menu/menu-trigger.mjs +4 -4
- package/esm2020/menu/menu.mjs +4 -4
- package/esm2020/observers/observe-content.mjs +23 -23
- package/esm2020/overlay/dispatchers/base-overlay-dispatcher.mjs +4 -4
- package/esm2020/overlay/dispatchers/overlay-keyboard-dispatcher.mjs +4 -4
- package/esm2020/overlay/dispatchers/overlay-outside-click-dispatcher.mjs +4 -4
- package/esm2020/overlay/fullscreen-overlay-container.mjs +4 -4
- package/esm2020/overlay/overlay-container.mjs +4 -4
- package/esm2020/overlay/overlay-directives.mjs +42 -42
- package/esm2020/overlay/overlay-module.mjs +5 -5
- package/esm2020/overlay/overlay.mjs +4 -4
- package/esm2020/overlay/position/flexible-connected-position-strategy.mjs +5 -5
- package/esm2020/overlay/position/overlay-position-builder.mjs +4 -4
- package/esm2020/overlay/scroll/scroll-strategy-options.mjs +4 -4
- package/esm2020/platform/platform-module.mjs +5 -5
- package/esm2020/platform/platform.mjs +4 -4
- package/esm2020/portal/portal-directives.mjs +17 -17
- package/esm2020/scrolling/fixed-size-virtual-scroll.mjs +4 -4
- package/esm2020/scrolling/scroll-dispatcher.mjs +4 -4
- package/esm2020/scrolling/scrollable.mjs +4 -4
- package/esm2020/scrolling/scrolling-module.mjs +9 -9
- package/esm2020/scrolling/viewport-ruler.mjs +4 -4
- package/esm2020/scrolling/virtual-for-of.mjs +48 -48
- package/esm2020/scrolling/virtual-scroll-viewport.mjs +24 -24
- package/esm2020/scrolling/virtual-scrollable-element.mjs +4 -4
- package/esm2020/scrolling/virtual-scrollable-window.mjs +4 -4
- package/esm2020/scrolling/virtual-scrollable.mjs +4 -4
- package/esm2020/stepper/step-header.mjs +4 -4
- package/esm2020/stepper/step-label.mjs +4 -4
- package/esm2020/stepper/stepper-button.mjs +7 -7
- package/esm2020/stepper/stepper-module.mjs +5 -5
- package/esm2020/stepper/stepper.mjs +37 -37
- package/esm2020/table/can-stick.mjs +7 -7
- package/esm2020/table/cell.mjs +27 -27
- package/esm2020/table/coalesced-style-scheduler.mjs +4 -4
- package/esm2020/table/row.mjs +28 -28
- package/esm2020/table/table-module.mjs +5 -5
- package/esm2020/table/table.mjs +93 -93
- package/esm2020/table/text-column.mjs +14 -14
- package/esm2020/testing/harness-environment.mjs +4 -4
- package/esm2020/text-field/autofill.mjs +7 -7
- package/esm2020/text-field/autosize.mjs +26 -26
- package/esm2020/text-field/text-field-module.mjs +5 -5
- package/esm2020/tree/nested-node.mjs +4 -4
- package/esm2020/tree/node.mjs +4 -4
- package/esm2020/tree/outlet.mjs +4 -4
- package/esm2020/tree/padding.mjs +21 -21
- package/esm2020/tree/toggle.mjs +9 -9
- package/esm2020/tree/tree-module.mjs +5 -5
- package/esm2020/tree/tree.mjs +30 -30
- package/esm2020/version.mjs +1 -1
- package/fesm2015/a11y.mjs +80 -80
- package/fesm2015/a11y.mjs.map +1 -1
- package/fesm2015/accordion.mjs +44 -44
- package/fesm2015/accordion.mjs.map +1 -1
- package/fesm2015/bidi.mjs +10 -10
- package/fesm2015/bidi.mjs.map +1 -1
- package/fesm2015/cdk.mjs +1 -1
- package/fesm2015/cdk.mjs.map +1 -1
- package/fesm2015/clipboard.mjs +10 -10
- package/fesm2015/clipboard.mjs.map +1 -1
- package/fesm2015/collections.mjs +10 -10
- package/fesm2015/collections.mjs.map +1 -1
- package/fesm2015/dialog.mjs +18 -18
- package/fesm2015/dialog.mjs.map +1 -1
- package/fesm2015/drag-drop.mjs +84 -71
- package/fesm2015/drag-drop.mjs.map +1 -1
- package/fesm2015/layout.mjs +10 -10
- package/fesm2015/layout.mjs.map +1 -1
- package/fesm2015/listbox.mjs +10 -10
- package/fesm2015/listbox.mjs.map +1 -1
- package/fesm2015/menu.mjs +68 -68
- package/fesm2015/menu.mjs.map +1 -1
- package/fesm2015/observers.mjs +22 -22
- package/fesm2015/observers.mjs.map +1 -1
- package/fesm2015/overlay.mjs +73 -73
- package/fesm2015/overlay.mjs.map +1 -1
- package/fesm2015/platform.mjs +7 -7
- package/fesm2015/platform.mjs.map +1 -1
- package/fesm2015/portal.mjs +16 -16
- package/fesm2015/portal.mjs.map +1 -1
- package/fesm2015/scrolling.mjs +99 -99
- package/fesm2015/scrolling.mjs.map +1 -1
- package/fesm2015/stepper.mjs +52 -52
- package/fesm2015/stepper.mjs.map +1 -1
- package/fesm2015/table.mjs +171 -171
- package/fesm2015/table.mjs.map +1 -1
- package/fesm2015/testing.mjs +3 -3
- package/fesm2015/testing.mjs.map +1 -1
- package/fesm2015/text-field.mjs +35 -35
- package/fesm2015/text-field.mjs.map +1 -1
- package/fesm2015/tree.mjs +70 -70
- package/fesm2015/tree.mjs.map +1 -1
- package/fesm2020/a11y.mjs +80 -80
- package/fesm2020/a11y.mjs.map +1 -1
- package/fesm2020/accordion.mjs +44 -44
- package/fesm2020/accordion.mjs.map +1 -1
- package/fesm2020/bidi.mjs +10 -10
- package/fesm2020/bidi.mjs.map +1 -1
- package/fesm2020/cdk.mjs +1 -1
- package/fesm2020/cdk.mjs.map +1 -1
- package/fesm2020/clipboard.mjs +10 -10
- package/fesm2020/clipboard.mjs.map +1 -1
- package/fesm2020/collections.mjs +10 -10
- package/fesm2020/collections.mjs.map +1 -1
- package/fesm2020/dialog.mjs +18 -18
- package/fesm2020/dialog.mjs.map +1 -1
- package/fesm2020/drag-drop.mjs +84 -71
- package/fesm2020/drag-drop.mjs.map +1 -1
- package/fesm2020/layout.mjs +10 -10
- package/fesm2020/layout.mjs.map +1 -1
- package/fesm2020/listbox.mjs +10 -10
- package/fesm2020/listbox.mjs.map +1 -1
- package/fesm2020/menu.mjs +67 -67
- package/fesm2020/menu.mjs.map +1 -1
- package/fesm2020/observers.mjs +22 -22
- package/fesm2020/observers.mjs.map +1 -1
- package/fesm2020/overlay.mjs +73 -73
- package/fesm2020/overlay.mjs.map +1 -1
- package/fesm2020/platform.mjs +7 -7
- package/fesm2020/platform.mjs.map +1 -1
- package/fesm2020/portal.mjs +16 -16
- package/fesm2020/portal.mjs.map +1 -1
- package/fesm2020/scrolling.mjs +99 -99
- package/fesm2020/scrolling.mjs.map +1 -1
- package/fesm2020/stepper.mjs +52 -52
- package/fesm2020/stepper.mjs.map +1 -1
- package/fesm2020/table.mjs +171 -171
- package/fesm2020/table.mjs.map +1 -1
- package/fesm2020/testing.mjs +3 -3
- package/fesm2020/testing.mjs.map +1 -1
- package/fesm2020/text-field.mjs +35 -35
- package/fesm2020/text-field.mjs.map +1 -1
- package/fesm2020/tree.mjs +70 -70
- package/fesm2020/tree.mjs.map +1 -1
- package/package.json +3 -3
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-add/index.mjs +1 -1
- package/schematics/ng-update/data/constructor-checks.d.ts +1 -1
- package/schematics/ng-update/devkit-migration-rule.d.ts +2 -2
- package/schematics/ng-update/devkit-migration.d.ts +2 -2
- package/schematics/update-tool/file-system.d.ts +1 -1
- package/schematics/update-tool/migration.d.ts +3 -3
- package/schematics/update-tool/utils/decorators.d.ts +1 -1
- package/schematics/update-tool/utils/property-name.d.ts +1 -1
- package/schematics/update-tool/version-changes.d.ts +3 -3
- package/schematics/utils/parse5-element.d.ts +2 -2
package/fesm2015/scrolling.mjs
CHANGED
|
@@ -204,15 +204,15 @@ class CdkFixedSizeVirtualScroll {
|
|
|
204
204
|
this._scrollStrategy.updateItemAndBufferSize(this.itemSize, this.minBufferPx, this.maxBufferPx);
|
|
205
205
|
}
|
|
206
206
|
}
|
|
207
|
-
CdkFixedSizeVirtualScroll.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-
|
|
208
|
-
CdkFixedSizeVirtualScroll.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0-
|
|
207
|
+
CdkFixedSizeVirtualScroll.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkFixedSizeVirtualScroll, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
208
|
+
CdkFixedSizeVirtualScroll.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0-rc.0", type: CdkFixedSizeVirtualScroll, isStandalone: true, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: { itemSize: "itemSize", minBufferPx: "minBufferPx", maxBufferPx: "maxBufferPx" }, providers: [
|
|
209
209
|
{
|
|
210
210
|
provide: VIRTUAL_SCROLL_STRATEGY,
|
|
211
211
|
useFactory: _fixedSizeVirtualScrollStrategyFactory,
|
|
212
212
|
deps: [forwardRef(() => CdkFixedSizeVirtualScroll)],
|
|
213
213
|
},
|
|
214
214
|
], usesOnChanges: true, ngImport: i0 });
|
|
215
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-
|
|
215
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkFixedSizeVirtualScroll, decorators: [{
|
|
216
216
|
type: Directive,
|
|
217
217
|
args: [{
|
|
218
218
|
selector: 'cdk-virtual-scroll-viewport[itemSize]',
|
|
@@ -376,9 +376,9 @@ class ScrollDispatcher {
|
|
|
376
376
|
}
|
|
377
377
|
}
|
|
378
378
|
}
|
|
379
|
-
ScrollDispatcher.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-
|
|
380
|
-
ScrollDispatcher.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.0-
|
|
381
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-
|
|
379
|
+
ScrollDispatcher.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: ScrollDispatcher, deps: [{ token: i0.NgZone }, { token: i1.Platform }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
380
|
+
ScrollDispatcher.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: ScrollDispatcher, providedIn: 'root' });
|
|
381
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: ScrollDispatcher, decorators: [{
|
|
382
382
|
type: Injectable,
|
|
383
383
|
args: [{ providedIn: 'root' }]
|
|
384
384
|
}], ctorParameters: function () {
|
|
@@ -539,9 +539,9 @@ class CdkScrollable {
|
|
|
539
539
|
}
|
|
540
540
|
}
|
|
541
541
|
}
|
|
542
|
-
CdkScrollable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-
|
|
543
|
-
CdkScrollable.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0-
|
|
544
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-
|
|
542
|
+
CdkScrollable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkScrollable, deps: [{ token: i0.ElementRef }, { token: ScrollDispatcher }, { token: i0.NgZone }, { token: i2.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
543
|
+
CdkScrollable.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0-rc.0", type: CdkScrollable, isStandalone: true, selector: "[cdk-scrollable], [cdkScrollable]", ngImport: i0 });
|
|
544
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkScrollable, decorators: [{
|
|
545
545
|
type: Directive,
|
|
546
546
|
args: [{
|
|
547
547
|
selector: '[cdk-scrollable], [cdkScrollable]',
|
|
@@ -571,9 +571,9 @@ class CdkVirtualScrollable extends CdkScrollable {
|
|
|
571
571
|
return orientation === 'horizontal' ? viewportEl.clientWidth : viewportEl.clientHeight;
|
|
572
572
|
}
|
|
573
573
|
}
|
|
574
|
-
CdkVirtualScrollable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-
|
|
575
|
-
CdkVirtualScrollable.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0-
|
|
576
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-
|
|
574
|
+
CdkVirtualScrollable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkVirtualScrollable, deps: [{ token: i0.ElementRef }, { token: ScrollDispatcher }, { token: i0.NgZone }, { token: i2.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
575
|
+
CdkVirtualScrollable.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0-rc.0", type: CdkVirtualScrollable, usesInheritance: true, ngImport: i0 });
|
|
576
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkVirtualScrollable, decorators: [{
|
|
577
577
|
type: Directive
|
|
578
578
|
}], ctorParameters: function () {
|
|
579
579
|
return [{ type: i0.ElementRef }, { type: ScrollDispatcher }, { type: i0.NgZone }, { type: i2.Directionality, decorators: [{
|
|
@@ -701,9 +701,9 @@ class ViewportRuler {
|
|
|
701
701
|
: { width: 0, height: 0 };
|
|
702
702
|
}
|
|
703
703
|
}
|
|
704
|
-
ViewportRuler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-
|
|
705
|
-
ViewportRuler.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.0-
|
|
706
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-
|
|
704
|
+
ViewportRuler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: ViewportRuler, deps: [{ token: i1.Platform }, { token: i0.NgZone }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
705
|
+
ViewportRuler.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: ViewportRuler, providedIn: 'root' });
|
|
706
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: ViewportRuler, decorators: [{
|
|
707
707
|
type: Injectable,
|
|
708
708
|
args: [{ providedIn: 'root' }]
|
|
709
709
|
}], ctorParameters: function () {
|
|
@@ -727,6 +727,26 @@ function rangesEqual(r1, r2) {
|
|
|
727
727
|
const SCROLL_SCHEDULER = typeof requestAnimationFrame !== 'undefined' ? animationFrameScheduler : asapScheduler;
|
|
728
728
|
/** A viewport that virtualizes its scrolling with the help of `CdkVirtualForOf`. */
|
|
729
729
|
class CdkVirtualScrollViewport extends CdkVirtualScrollable {
|
|
730
|
+
/** The direction the viewport scrolls. */
|
|
731
|
+
get orientation() {
|
|
732
|
+
return this._orientation;
|
|
733
|
+
}
|
|
734
|
+
set orientation(orientation) {
|
|
735
|
+
if (this._orientation !== orientation) {
|
|
736
|
+
this._orientation = orientation;
|
|
737
|
+
this._calculateSpacerSize();
|
|
738
|
+
}
|
|
739
|
+
}
|
|
740
|
+
/**
|
|
741
|
+
* Whether rendered items should persist in the DOM after scrolling out of view. By default, items
|
|
742
|
+
* will be removed.
|
|
743
|
+
*/
|
|
744
|
+
get appendOnly() {
|
|
745
|
+
return this._appendOnly;
|
|
746
|
+
}
|
|
747
|
+
set appendOnly(value) {
|
|
748
|
+
this._appendOnly = coerceBooleanProperty(value);
|
|
749
|
+
}
|
|
730
750
|
constructor(elementRef, _changeDetectorRef, ngZone, _scrollStrategy, dir, scrollDispatcher, viewportRuler, scrollable) {
|
|
731
751
|
super(elementRef, scrollDispatcher, ngZone, dir);
|
|
732
752
|
this.elementRef = elementRef;
|
|
@@ -787,26 +807,6 @@ class CdkVirtualScrollViewport extends CdkVirtualScrollable {
|
|
|
787
807
|
this.scrollable = this;
|
|
788
808
|
}
|
|
789
809
|
}
|
|
790
|
-
/** The direction the viewport scrolls. */
|
|
791
|
-
get orientation() {
|
|
792
|
-
return this._orientation;
|
|
793
|
-
}
|
|
794
|
-
set orientation(orientation) {
|
|
795
|
-
if (this._orientation !== orientation) {
|
|
796
|
-
this._orientation = orientation;
|
|
797
|
-
this._calculateSpacerSize();
|
|
798
|
-
}
|
|
799
|
-
}
|
|
800
|
-
/**
|
|
801
|
-
* Whether rendered items should persist in the DOM after scrolling out of view. By default, items
|
|
802
|
-
* will be removed.
|
|
803
|
-
*/
|
|
804
|
-
get appendOnly() {
|
|
805
|
-
return this._appendOnly;
|
|
806
|
-
}
|
|
807
|
-
set appendOnly(value) {
|
|
808
|
-
this._appendOnly = coerceBooleanProperty(value);
|
|
809
|
-
}
|
|
810
810
|
ngOnInit() {
|
|
811
811
|
// Scrolling depends on the element dimensions which we can't get during SSR.
|
|
812
812
|
if (!this._platform.isBrowser) {
|
|
@@ -1086,15 +1086,15 @@ class CdkVirtualScrollViewport extends CdkVirtualScrollable {
|
|
|
1086
1086
|
this.orientation === 'horizontal' ? `${this._totalContentSize}px` : '';
|
|
1087
1087
|
}
|
|
1088
1088
|
}
|
|
1089
|
-
CdkVirtualScrollViewport.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-
|
|
1090
|
-
CdkVirtualScrollViewport.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0-
|
|
1089
|
+
CdkVirtualScrollViewport.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkVirtualScrollViewport, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: VIRTUAL_SCROLL_STRATEGY, optional: true }, { token: i2.Directionality, optional: true }, { token: ScrollDispatcher }, { token: ViewportRuler }, { token: VIRTUAL_SCROLLABLE, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
1090
|
+
CdkVirtualScrollViewport.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0-rc.0", type: CdkVirtualScrollViewport, isStandalone: true, selector: "cdk-virtual-scroll-viewport", inputs: { orientation: "orientation", appendOnly: "appendOnly" }, 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: [
|
|
1091
1091
|
{
|
|
1092
1092
|
provide: CdkScrollable,
|
|
1093
1093
|
useFactory: (virtualScrollable, viewport) => virtualScrollable || viewport,
|
|
1094
1094
|
deps: [[new Optional(), new Inject(VIRTUAL_SCROLLABLE)], CdkVirtualScrollViewport],
|
|
1095
1095
|
},
|
|
1096
1096
|
], 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;-webkit-overflow-scrolling:touch}.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}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1097
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-
|
|
1097
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkVirtualScrollViewport, decorators: [{
|
|
1098
1098
|
type: Component,
|
|
1099
1099
|
args: [{ selector: 'cdk-virtual-scroll-viewport', host: {
|
|
1100
1100
|
'class': 'cdk-virtual-scroll-viewport',
|
|
@@ -1156,6 +1156,50 @@ function getOffset(orientation, direction, node) {
|
|
|
1156
1156
|
* container.
|
|
1157
1157
|
*/
|
|
1158
1158
|
class CdkVirtualForOf {
|
|
1159
|
+
/** The DataSource to display. */
|
|
1160
|
+
get cdkVirtualForOf() {
|
|
1161
|
+
return this._cdkVirtualForOf;
|
|
1162
|
+
}
|
|
1163
|
+
set cdkVirtualForOf(value) {
|
|
1164
|
+
this._cdkVirtualForOf = value;
|
|
1165
|
+
if (isDataSource(value)) {
|
|
1166
|
+
this._dataSourceChanges.next(value);
|
|
1167
|
+
}
|
|
1168
|
+
else {
|
|
1169
|
+
// If value is an an NgIterable, convert it to an array.
|
|
1170
|
+
this._dataSourceChanges.next(new ArrayDataSource(isObservable(value) ? value : Array.from(value || [])));
|
|
1171
|
+
}
|
|
1172
|
+
}
|
|
1173
|
+
/**
|
|
1174
|
+
* The `TrackByFunction` to use for tracking changes. The `TrackByFunction` takes the index and
|
|
1175
|
+
* the item and produces a value to be used as the item's identity when tracking changes.
|
|
1176
|
+
*/
|
|
1177
|
+
get cdkVirtualForTrackBy() {
|
|
1178
|
+
return this._cdkVirtualForTrackBy;
|
|
1179
|
+
}
|
|
1180
|
+
set cdkVirtualForTrackBy(fn) {
|
|
1181
|
+
this._needsUpdate = true;
|
|
1182
|
+
this._cdkVirtualForTrackBy = fn
|
|
1183
|
+
? (index, item) => fn(index + (this._renderedRange ? this._renderedRange.start : 0), item)
|
|
1184
|
+
: undefined;
|
|
1185
|
+
}
|
|
1186
|
+
/** The template used to stamp out new elements. */
|
|
1187
|
+
set cdkVirtualForTemplate(value) {
|
|
1188
|
+
if (value) {
|
|
1189
|
+
this._needsUpdate = true;
|
|
1190
|
+
this._template = value;
|
|
1191
|
+
}
|
|
1192
|
+
}
|
|
1193
|
+
/**
|
|
1194
|
+
* The size of the cache used to store templates that are not being used for re-use later.
|
|
1195
|
+
* Setting the cache size to `0` will disable caching. Defaults to 20 templates.
|
|
1196
|
+
*/
|
|
1197
|
+
get cdkVirtualForTemplateCacheSize() {
|
|
1198
|
+
return this._viewRepeater.viewCacheSize;
|
|
1199
|
+
}
|
|
1200
|
+
set cdkVirtualForTemplateCacheSize(size) {
|
|
1201
|
+
this._viewRepeater.viewCacheSize = coerceNumberProperty(size);
|
|
1202
|
+
}
|
|
1159
1203
|
constructor(
|
|
1160
1204
|
/** The view container to add items to. */
|
|
1161
1205
|
_viewContainerRef,
|
|
@@ -1206,50 +1250,6 @@ class CdkVirtualForOf {
|
|
|
1206
1250
|
});
|
|
1207
1251
|
this._viewport.attach(this);
|
|
1208
1252
|
}
|
|
1209
|
-
/** The DataSource to display. */
|
|
1210
|
-
get cdkVirtualForOf() {
|
|
1211
|
-
return this._cdkVirtualForOf;
|
|
1212
|
-
}
|
|
1213
|
-
set cdkVirtualForOf(value) {
|
|
1214
|
-
this._cdkVirtualForOf = value;
|
|
1215
|
-
if (isDataSource(value)) {
|
|
1216
|
-
this._dataSourceChanges.next(value);
|
|
1217
|
-
}
|
|
1218
|
-
else {
|
|
1219
|
-
// If value is an an NgIterable, convert it to an array.
|
|
1220
|
-
this._dataSourceChanges.next(new ArrayDataSource(isObservable(value) ? value : Array.from(value || [])));
|
|
1221
|
-
}
|
|
1222
|
-
}
|
|
1223
|
-
/**
|
|
1224
|
-
* The `TrackByFunction` to use for tracking changes. The `TrackByFunction` takes the index and
|
|
1225
|
-
* the item and produces a value to be used as the item's identity when tracking changes.
|
|
1226
|
-
*/
|
|
1227
|
-
get cdkVirtualForTrackBy() {
|
|
1228
|
-
return this._cdkVirtualForTrackBy;
|
|
1229
|
-
}
|
|
1230
|
-
set cdkVirtualForTrackBy(fn) {
|
|
1231
|
-
this._needsUpdate = true;
|
|
1232
|
-
this._cdkVirtualForTrackBy = fn
|
|
1233
|
-
? (index, item) => fn(index + (this._renderedRange ? this._renderedRange.start : 0), item)
|
|
1234
|
-
: undefined;
|
|
1235
|
-
}
|
|
1236
|
-
/** The template used to stamp out new elements. */
|
|
1237
|
-
set cdkVirtualForTemplate(value) {
|
|
1238
|
-
if (value) {
|
|
1239
|
-
this._needsUpdate = true;
|
|
1240
|
-
this._template = value;
|
|
1241
|
-
}
|
|
1242
|
-
}
|
|
1243
|
-
/**
|
|
1244
|
-
* The size of the cache used to store templates that are not being used for re-use later.
|
|
1245
|
-
* Setting the cache size to `0` will disable caching. Defaults to 20 templates.
|
|
1246
|
-
*/
|
|
1247
|
-
get cdkVirtualForTemplateCacheSize() {
|
|
1248
|
-
return this._viewRepeater.viewCacheSize;
|
|
1249
|
-
}
|
|
1250
|
-
set cdkVirtualForTemplateCacheSize(size) {
|
|
1251
|
-
this._viewRepeater.viewCacheSize = coerceNumberProperty(size);
|
|
1252
|
-
}
|
|
1253
1253
|
/**
|
|
1254
1254
|
* Measures the combined size (width for horizontal orientation, height for vertical) of all items
|
|
1255
1255
|
* in the specified range. Throws an error if the range includes items that are not currently
|
|
@@ -1398,9 +1398,9 @@ class CdkVirtualForOf {
|
|
|
1398
1398
|
};
|
|
1399
1399
|
}
|
|
1400
1400
|
}
|
|
1401
|
-
CdkVirtualForOf.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-
|
|
1402
|
-
CdkVirtualForOf.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0-
|
|
1403
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-
|
|
1401
|
+
CdkVirtualForOf.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkVirtualForOf, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: i0.IterableDiffers }, { token: _VIEW_REPEATER_STRATEGY }, { token: CdkVirtualScrollViewport, skipSelf: true }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1402
|
+
CdkVirtualForOf.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0-rc.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 });
|
|
1403
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkVirtualForOf, decorators: [{
|
|
1404
1404
|
type: Directive,
|
|
1405
1405
|
args: [{
|
|
1406
1406
|
selector: '[cdkVirtualFor][cdkVirtualForOf]',
|
|
@@ -1436,9 +1436,9 @@ class CdkVirtualScrollableElement extends CdkVirtualScrollable {
|
|
|
1436
1436
|
this.measureScrollOffset(from));
|
|
1437
1437
|
}
|
|
1438
1438
|
}
|
|
1439
|
-
CdkVirtualScrollableElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-
|
|
1440
|
-
CdkVirtualScrollableElement.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0-
|
|
1441
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-
|
|
1439
|
+
CdkVirtualScrollableElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkVirtualScrollableElement, deps: [{ token: i0.ElementRef }, { token: ScrollDispatcher }, { token: i0.NgZone }, { token: i2.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1440
|
+
CdkVirtualScrollableElement.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0-rc.0", type: CdkVirtualScrollableElement, isStandalone: true, selector: "[cdkVirtualScrollingElement]", host: { classAttribute: "cdk-virtual-scrollable" }, providers: [{ provide: VIRTUAL_SCROLLABLE, useExisting: CdkVirtualScrollableElement }], usesInheritance: true, ngImport: i0 });
|
|
1441
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkVirtualScrollableElement, decorators: [{
|
|
1442
1442
|
type: Directive,
|
|
1443
1443
|
args: [{
|
|
1444
1444
|
selector: '[cdkVirtualScrollingElement]',
|
|
@@ -1466,9 +1466,9 @@ class CdkVirtualScrollableWindow extends CdkVirtualScrollable {
|
|
|
1466
1466
|
return this.getElementRef().nativeElement.getBoundingClientRect()[from];
|
|
1467
1467
|
}
|
|
1468
1468
|
}
|
|
1469
|
-
CdkVirtualScrollableWindow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-
|
|
1470
|
-
CdkVirtualScrollableWindow.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0-
|
|
1471
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-
|
|
1469
|
+
CdkVirtualScrollableWindow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkVirtualScrollableWindow, deps: [{ token: ScrollDispatcher }, { token: i0.NgZone }, { token: i2.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1470
|
+
CdkVirtualScrollableWindow.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0-rc.0", type: CdkVirtualScrollableWindow, isStandalone: true, selector: "cdk-virtual-scroll-viewport[scrollWindow]", providers: [{ provide: VIRTUAL_SCROLLABLE, useExisting: CdkVirtualScrollableWindow }], usesInheritance: true, ngImport: i0 });
|
|
1471
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkVirtualScrollableWindow, decorators: [{
|
|
1472
1472
|
type: Directive,
|
|
1473
1473
|
args: [{
|
|
1474
1474
|
selector: 'cdk-virtual-scroll-viewport[scrollWindow]',
|
|
@@ -1490,10 +1490,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-next.3",
|
|
|
1490
1490
|
*/
|
|
1491
1491
|
class CdkScrollableModule {
|
|
1492
1492
|
}
|
|
1493
|
-
CdkScrollableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-
|
|
1494
|
-
CdkScrollableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.0-
|
|
1495
|
-
CdkScrollableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.0-
|
|
1496
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-
|
|
1493
|
+
CdkScrollableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkScrollableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1494
|
+
CdkScrollableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkScrollableModule, imports: [CdkScrollable], exports: [CdkScrollable] });
|
|
1495
|
+
CdkScrollableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkScrollableModule });
|
|
1496
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkScrollableModule, decorators: [{
|
|
1497
1497
|
type: NgModule,
|
|
1498
1498
|
args: [{
|
|
1499
1499
|
exports: [CdkScrollable],
|
|
@@ -1505,8 +1505,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-next.3",
|
|
|
1505
1505
|
*/
|
|
1506
1506
|
class ScrollingModule {
|
|
1507
1507
|
}
|
|
1508
|
-
ScrollingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-
|
|
1509
|
-
ScrollingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.0-
|
|
1508
|
+
ScrollingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: ScrollingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1509
|
+
ScrollingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.0-rc.0", ngImport: i0, type: ScrollingModule, imports: [BidiModule, CdkScrollableModule, CdkVirtualScrollViewport,
|
|
1510
1510
|
CdkFixedSizeVirtualScroll,
|
|
1511
1511
|
CdkVirtualForOf,
|
|
1512
1512
|
CdkVirtualScrollableWindow,
|
|
@@ -1515,10 +1515,10 @@ ScrollingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
|
|
|
1515
1515
|
CdkVirtualScrollViewport,
|
|
1516
1516
|
CdkVirtualScrollableWindow,
|
|
1517
1517
|
CdkVirtualScrollableElement] });
|
|
1518
|
-
ScrollingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.0-
|
|
1518
|
+
ScrollingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: ScrollingModule, imports: [BidiModule,
|
|
1519
1519
|
CdkScrollableModule,
|
|
1520
1520
|
CdkVirtualScrollViewport, BidiModule, CdkScrollableModule] });
|
|
1521
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-
|
|
1521
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: ScrollingModule, decorators: [{
|
|
1522
1522
|
type: NgModule,
|
|
1523
1523
|
args: [{
|
|
1524
1524
|
imports: [
|