@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/fesm2020/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 () { return [{ type: i0.NgZone }, { type: i1.Platform }, { type: undefined, decorators: [{
|
|
@@ -544,9 +544,9 @@ class CdkScrollable {
|
|
|
544
544
|
}
|
|
545
545
|
}
|
|
546
546
|
}
|
|
547
|
-
CdkScrollable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-
|
|
548
|
-
CdkScrollable.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0-
|
|
549
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-
|
|
547
|
+
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 });
|
|
548
|
+
CdkScrollable.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0-rc.0", type: CdkScrollable, isStandalone: true, selector: "[cdk-scrollable], [cdkScrollable]", ngImport: i0 });
|
|
549
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkScrollable, decorators: [{
|
|
550
550
|
type: Directive,
|
|
551
551
|
args: [{
|
|
552
552
|
selector: '[cdk-scrollable], [cdkScrollable]',
|
|
@@ -683,9 +683,9 @@ class ViewportRuler {
|
|
|
683
683
|
: { width: 0, height: 0 };
|
|
684
684
|
}
|
|
685
685
|
}
|
|
686
|
-
ViewportRuler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-
|
|
687
|
-
ViewportRuler.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.0-
|
|
688
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-
|
|
686
|
+
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 });
|
|
687
|
+
ViewportRuler.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: ViewportRuler, providedIn: 'root' });
|
|
688
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: ViewportRuler, decorators: [{
|
|
689
689
|
type: Injectable,
|
|
690
690
|
args: [{ providedIn: 'root' }]
|
|
691
691
|
}], ctorParameters: function () { return [{ type: i1.Platform }, { type: i0.NgZone }, { type: undefined, decorators: [{
|
|
@@ -720,9 +720,9 @@ class CdkVirtualScrollable extends CdkScrollable {
|
|
|
720
720
|
return orientation === 'horizontal' ? viewportEl.clientWidth : viewportEl.clientHeight;
|
|
721
721
|
}
|
|
722
722
|
}
|
|
723
|
-
CdkVirtualScrollable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-
|
|
724
|
-
CdkVirtualScrollable.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0-
|
|
725
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-
|
|
723
|
+
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 });
|
|
724
|
+
CdkVirtualScrollable.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0-rc.0", type: CdkVirtualScrollable, usesInheritance: true, ngImport: i0 });
|
|
725
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkVirtualScrollable, decorators: [{
|
|
726
726
|
type: Directive
|
|
727
727
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: ScrollDispatcher }, { type: i0.NgZone }, { type: i2.Directionality, decorators: [{
|
|
728
728
|
type: Optional
|
|
@@ -747,6 +747,26 @@ function rangesEqual(r1, r2) {
|
|
|
747
747
|
const SCROLL_SCHEDULER = typeof requestAnimationFrame !== 'undefined' ? animationFrameScheduler : asapScheduler;
|
|
748
748
|
/** A viewport that virtualizes its scrolling with the help of `CdkVirtualForOf`. */
|
|
749
749
|
class CdkVirtualScrollViewport extends CdkVirtualScrollable {
|
|
750
|
+
/** The direction the viewport scrolls. */
|
|
751
|
+
get orientation() {
|
|
752
|
+
return this._orientation;
|
|
753
|
+
}
|
|
754
|
+
set orientation(orientation) {
|
|
755
|
+
if (this._orientation !== orientation) {
|
|
756
|
+
this._orientation = orientation;
|
|
757
|
+
this._calculateSpacerSize();
|
|
758
|
+
}
|
|
759
|
+
}
|
|
760
|
+
/**
|
|
761
|
+
* Whether rendered items should persist in the DOM after scrolling out of view. By default, items
|
|
762
|
+
* will be removed.
|
|
763
|
+
*/
|
|
764
|
+
get appendOnly() {
|
|
765
|
+
return this._appendOnly;
|
|
766
|
+
}
|
|
767
|
+
set appendOnly(value) {
|
|
768
|
+
this._appendOnly = coerceBooleanProperty(value);
|
|
769
|
+
}
|
|
750
770
|
constructor(elementRef, _changeDetectorRef, ngZone, _scrollStrategy, dir, scrollDispatcher, viewportRuler, scrollable) {
|
|
751
771
|
super(elementRef, scrollDispatcher, ngZone, dir);
|
|
752
772
|
this.elementRef = elementRef;
|
|
@@ -807,26 +827,6 @@ class CdkVirtualScrollViewport extends CdkVirtualScrollable {
|
|
|
807
827
|
this.scrollable = this;
|
|
808
828
|
}
|
|
809
829
|
}
|
|
810
|
-
/** The direction the viewport scrolls. */
|
|
811
|
-
get orientation() {
|
|
812
|
-
return this._orientation;
|
|
813
|
-
}
|
|
814
|
-
set orientation(orientation) {
|
|
815
|
-
if (this._orientation !== orientation) {
|
|
816
|
-
this._orientation = orientation;
|
|
817
|
-
this._calculateSpacerSize();
|
|
818
|
-
}
|
|
819
|
-
}
|
|
820
|
-
/**
|
|
821
|
-
* Whether rendered items should persist in the DOM after scrolling out of view. By default, items
|
|
822
|
-
* will be removed.
|
|
823
|
-
*/
|
|
824
|
-
get appendOnly() {
|
|
825
|
-
return this._appendOnly;
|
|
826
|
-
}
|
|
827
|
-
set appendOnly(value) {
|
|
828
|
-
this._appendOnly = coerceBooleanProperty(value);
|
|
829
|
-
}
|
|
830
830
|
ngOnInit() {
|
|
831
831
|
// Scrolling depends on the element dimensions which we can't get during SSR.
|
|
832
832
|
if (!this._platform.isBrowser) {
|
|
@@ -1105,15 +1105,15 @@ class CdkVirtualScrollViewport extends CdkVirtualScrollable {
|
|
|
1105
1105
|
this.orientation === 'horizontal' ? `${this._totalContentSize}px` : '';
|
|
1106
1106
|
}
|
|
1107
1107
|
}
|
|
1108
|
-
CdkVirtualScrollViewport.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-
|
|
1109
|
-
CdkVirtualScrollViewport.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0-
|
|
1108
|
+
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 });
|
|
1109
|
+
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: [
|
|
1110
1110
|
{
|
|
1111
1111
|
provide: CdkScrollable,
|
|
1112
1112
|
useFactory: (virtualScrollable, viewport) => virtualScrollable || viewport,
|
|
1113
1113
|
deps: [[new Optional(), new Inject(VIRTUAL_SCROLLABLE)], CdkVirtualScrollViewport],
|
|
1114
1114
|
},
|
|
1115
1115
|
], 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 });
|
|
1116
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-
|
|
1116
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkVirtualScrollViewport, decorators: [{
|
|
1117
1117
|
type: Component,
|
|
1118
1118
|
args: [{ selector: 'cdk-virtual-scroll-viewport', host: {
|
|
1119
1119
|
'class': 'cdk-virtual-scroll-viewport',
|
|
@@ -1173,6 +1173,50 @@ function getOffset(orientation, direction, node) {
|
|
|
1173
1173
|
* container.
|
|
1174
1174
|
*/
|
|
1175
1175
|
class CdkVirtualForOf {
|
|
1176
|
+
/** The DataSource to display. */
|
|
1177
|
+
get cdkVirtualForOf() {
|
|
1178
|
+
return this._cdkVirtualForOf;
|
|
1179
|
+
}
|
|
1180
|
+
set cdkVirtualForOf(value) {
|
|
1181
|
+
this._cdkVirtualForOf = value;
|
|
1182
|
+
if (isDataSource(value)) {
|
|
1183
|
+
this._dataSourceChanges.next(value);
|
|
1184
|
+
}
|
|
1185
|
+
else {
|
|
1186
|
+
// If value is an an NgIterable, convert it to an array.
|
|
1187
|
+
this._dataSourceChanges.next(new ArrayDataSource(isObservable(value) ? value : Array.from(value || [])));
|
|
1188
|
+
}
|
|
1189
|
+
}
|
|
1190
|
+
/**
|
|
1191
|
+
* The `TrackByFunction` to use for tracking changes. The `TrackByFunction` takes the index and
|
|
1192
|
+
* the item and produces a value to be used as the item's identity when tracking changes.
|
|
1193
|
+
*/
|
|
1194
|
+
get cdkVirtualForTrackBy() {
|
|
1195
|
+
return this._cdkVirtualForTrackBy;
|
|
1196
|
+
}
|
|
1197
|
+
set cdkVirtualForTrackBy(fn) {
|
|
1198
|
+
this._needsUpdate = true;
|
|
1199
|
+
this._cdkVirtualForTrackBy = fn
|
|
1200
|
+
? (index, item) => fn(index + (this._renderedRange ? this._renderedRange.start : 0), item)
|
|
1201
|
+
: undefined;
|
|
1202
|
+
}
|
|
1203
|
+
/** The template used to stamp out new elements. */
|
|
1204
|
+
set cdkVirtualForTemplate(value) {
|
|
1205
|
+
if (value) {
|
|
1206
|
+
this._needsUpdate = true;
|
|
1207
|
+
this._template = value;
|
|
1208
|
+
}
|
|
1209
|
+
}
|
|
1210
|
+
/**
|
|
1211
|
+
* The size of the cache used to store templates that are not being used for re-use later.
|
|
1212
|
+
* Setting the cache size to `0` will disable caching. Defaults to 20 templates.
|
|
1213
|
+
*/
|
|
1214
|
+
get cdkVirtualForTemplateCacheSize() {
|
|
1215
|
+
return this._viewRepeater.viewCacheSize;
|
|
1216
|
+
}
|
|
1217
|
+
set cdkVirtualForTemplateCacheSize(size) {
|
|
1218
|
+
this._viewRepeater.viewCacheSize = coerceNumberProperty(size);
|
|
1219
|
+
}
|
|
1176
1220
|
constructor(
|
|
1177
1221
|
/** The view container to add items to. */
|
|
1178
1222
|
_viewContainerRef,
|
|
@@ -1223,50 +1267,6 @@ class CdkVirtualForOf {
|
|
|
1223
1267
|
});
|
|
1224
1268
|
this._viewport.attach(this);
|
|
1225
1269
|
}
|
|
1226
|
-
/** The DataSource to display. */
|
|
1227
|
-
get cdkVirtualForOf() {
|
|
1228
|
-
return this._cdkVirtualForOf;
|
|
1229
|
-
}
|
|
1230
|
-
set cdkVirtualForOf(value) {
|
|
1231
|
-
this._cdkVirtualForOf = value;
|
|
1232
|
-
if (isDataSource(value)) {
|
|
1233
|
-
this._dataSourceChanges.next(value);
|
|
1234
|
-
}
|
|
1235
|
-
else {
|
|
1236
|
-
// If value is an an NgIterable, convert it to an array.
|
|
1237
|
-
this._dataSourceChanges.next(new ArrayDataSource(isObservable(value) ? value : Array.from(value || [])));
|
|
1238
|
-
}
|
|
1239
|
-
}
|
|
1240
|
-
/**
|
|
1241
|
-
* The `TrackByFunction` to use for tracking changes. The `TrackByFunction` takes the index and
|
|
1242
|
-
* the item and produces a value to be used as the item's identity when tracking changes.
|
|
1243
|
-
*/
|
|
1244
|
-
get cdkVirtualForTrackBy() {
|
|
1245
|
-
return this._cdkVirtualForTrackBy;
|
|
1246
|
-
}
|
|
1247
|
-
set cdkVirtualForTrackBy(fn) {
|
|
1248
|
-
this._needsUpdate = true;
|
|
1249
|
-
this._cdkVirtualForTrackBy = fn
|
|
1250
|
-
? (index, item) => fn(index + (this._renderedRange ? this._renderedRange.start : 0), item)
|
|
1251
|
-
: undefined;
|
|
1252
|
-
}
|
|
1253
|
-
/** The template used to stamp out new elements. */
|
|
1254
|
-
set cdkVirtualForTemplate(value) {
|
|
1255
|
-
if (value) {
|
|
1256
|
-
this._needsUpdate = true;
|
|
1257
|
-
this._template = value;
|
|
1258
|
-
}
|
|
1259
|
-
}
|
|
1260
|
-
/**
|
|
1261
|
-
* The size of the cache used to store templates that are not being used for re-use later.
|
|
1262
|
-
* Setting the cache size to `0` will disable caching. Defaults to 20 templates.
|
|
1263
|
-
*/
|
|
1264
|
-
get cdkVirtualForTemplateCacheSize() {
|
|
1265
|
-
return this._viewRepeater.viewCacheSize;
|
|
1266
|
-
}
|
|
1267
|
-
set cdkVirtualForTemplateCacheSize(size) {
|
|
1268
|
-
this._viewRepeater.viewCacheSize = coerceNumberProperty(size);
|
|
1269
|
-
}
|
|
1270
1270
|
/**
|
|
1271
1271
|
* Measures the combined size (width for horizontal orientation, height for vertical) of all items
|
|
1272
1272
|
* in the specified range. Throws an error if the range includes items that are not currently
|
|
@@ -1415,9 +1415,9 @@ class CdkVirtualForOf {
|
|
|
1415
1415
|
};
|
|
1416
1416
|
}
|
|
1417
1417
|
}
|
|
1418
|
-
CdkVirtualForOf.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-
|
|
1419
|
-
CdkVirtualForOf.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0-
|
|
1420
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-
|
|
1418
|
+
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 });
|
|
1419
|
+
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 });
|
|
1420
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkVirtualForOf, decorators: [{
|
|
1421
1421
|
type: Directive,
|
|
1422
1422
|
args: [{
|
|
1423
1423
|
selector: '[cdkVirtualFor][cdkVirtualForOf]',
|
|
@@ -1458,9 +1458,9 @@ class CdkVirtualScrollableElement extends CdkVirtualScrollable {
|
|
|
1458
1458
|
this.measureScrollOffset(from));
|
|
1459
1459
|
}
|
|
1460
1460
|
}
|
|
1461
|
-
CdkVirtualScrollableElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-
|
|
1462
|
-
CdkVirtualScrollableElement.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0-
|
|
1463
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-
|
|
1461
|
+
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 });
|
|
1462
|
+
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 });
|
|
1463
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkVirtualScrollableElement, decorators: [{
|
|
1464
1464
|
type: Directive,
|
|
1465
1465
|
args: [{
|
|
1466
1466
|
selector: '[cdkVirtualScrollingElement]',
|
|
@@ -1493,9 +1493,9 @@ class CdkVirtualScrollableWindow extends CdkVirtualScrollable {
|
|
|
1493
1493
|
return this.getElementRef().nativeElement.getBoundingClientRect()[from];
|
|
1494
1494
|
}
|
|
1495
1495
|
}
|
|
1496
|
-
CdkVirtualScrollableWindow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-
|
|
1497
|
-
CdkVirtualScrollableWindow.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0-
|
|
1498
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-
|
|
1496
|
+
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 });
|
|
1497
|
+
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 });
|
|
1498
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkVirtualScrollableWindow, decorators: [{
|
|
1499
1499
|
type: Directive,
|
|
1500
1500
|
args: [{
|
|
1501
1501
|
selector: 'cdk-virtual-scroll-viewport[scrollWindow]',
|
|
@@ -1515,10 +1515,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-next.3",
|
|
|
1515
1515
|
*/
|
|
1516
1516
|
class CdkScrollableModule {
|
|
1517
1517
|
}
|
|
1518
|
-
CdkScrollableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-
|
|
1519
|
-
CdkScrollableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.0-
|
|
1520
|
-
CdkScrollableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.0-
|
|
1521
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-
|
|
1518
|
+
CdkScrollableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkScrollableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1519
|
+
CdkScrollableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkScrollableModule, imports: [CdkScrollable], exports: [CdkScrollable] });
|
|
1520
|
+
CdkScrollableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkScrollableModule });
|
|
1521
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkScrollableModule, decorators: [{
|
|
1522
1522
|
type: NgModule,
|
|
1523
1523
|
args: [{
|
|
1524
1524
|
exports: [CdkScrollable],
|
|
@@ -1530,8 +1530,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-next.3",
|
|
|
1530
1530
|
*/
|
|
1531
1531
|
class ScrollingModule {
|
|
1532
1532
|
}
|
|
1533
|
-
ScrollingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-
|
|
1534
|
-
ScrollingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.0-
|
|
1533
|
+
ScrollingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: ScrollingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1534
|
+
ScrollingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.0-rc.0", ngImport: i0, type: ScrollingModule, imports: [BidiModule, CdkScrollableModule, CdkVirtualScrollViewport,
|
|
1535
1535
|
CdkFixedSizeVirtualScroll,
|
|
1536
1536
|
CdkVirtualForOf,
|
|
1537
1537
|
CdkVirtualScrollableWindow,
|
|
@@ -1540,10 +1540,10 @@ ScrollingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
|
|
|
1540
1540
|
CdkVirtualScrollViewport,
|
|
1541
1541
|
CdkVirtualScrollableWindow,
|
|
1542
1542
|
CdkVirtualScrollableElement] });
|
|
1543
|
-
ScrollingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.0-
|
|
1543
|
+
ScrollingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: ScrollingModule, imports: [BidiModule,
|
|
1544
1544
|
CdkScrollableModule,
|
|
1545
1545
|
CdkVirtualScrollViewport, BidiModule, CdkScrollableModule] });
|
|
1546
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-
|
|
1546
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: ScrollingModule, decorators: [{
|
|
1547
1547
|
type: NgModule,
|
|
1548
1548
|
args: [{
|
|
1549
1549
|
imports: [
|