@angular/cdk-experimental 20.0.0-next.0 → 20.0.0-next.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/column-resize/index.d.ts +247 -295
- package/combobox/index.d.ts +13 -38
- package/fesm2022/cdk-experimental.mjs +1 -1
- package/fesm2022/cdk-experimental.mjs.map +1 -1
- package/fesm2022/column-resize.mjs +56 -60
- package/fesm2022/column-resize.mjs.map +1 -1
- package/fesm2022/combobox.mjs +10 -14
- package/fesm2022/combobox.mjs.map +1 -1
- package/fesm2022/listbox.mjs +7 -11
- package/fesm2022/listbox.mjs.map +1 -1
- package/fesm2022/option-d2bb1041.mjs +607 -0
- package/fesm2022/option-d2bb1041.mjs.map +1 -0
- package/fesm2022/polyfill-ae40ec6f.mjs +14 -0
- package/fesm2022/polyfill-ae40ec6f.mjs.map +1 -0
- package/fesm2022/popover-edit.mjs +47 -63
- package/fesm2022/popover-edit.mjs.map +1 -1
- package/fesm2022/scrolling.mjs +7 -11
- package/fesm2022/scrolling.mjs.map +1 -1
- package/fesm2022/selection.mjs +19 -27
- package/fesm2022/selection.mjs.map +1 -1
- package/fesm2022/table-scroll-container.mjs +7 -11
- package/fesm2022/table-scroll-container.mjs.map +1 -1
- package/fesm2022/ui-patterns.mjs +2 -606
- package/fesm2022/ui-patterns.mjs.map +1 -1
- package/index.d.ts +2 -2
- package/listbox/index.d.ts +23 -29
- package/listbox.d-8e28229b.d.ts +376 -0
- package/package.json +2 -2
- package/popover-edit/index.d.ts +268 -316
- package/scrolling/index.d.ts +34 -47
- package/selection/index.d.ts +118 -161
- package/table-scroll-container/index.d.ts +6 -14
- package/ui-patterns/index.d.ts +2 -391
package/combobox/index.d.ts
CHANGED
|
@@ -1,18 +1,13 @@
|
|
|
1
|
-
import { BooleanInput } from '@angular/cdk/coercion';
|
|
2
|
-
import { EventEmitter } from '@angular/core';
|
|
3
1
|
import * as i0 from '@angular/core';
|
|
2
|
+
import { InjectionToken, OnDestroy, ViewContainerRef, TemplateRef, EventEmitter, OnInit } from '@angular/core';
|
|
4
3
|
import * as i1 from '@angular/cdk/overlay';
|
|
5
|
-
import {
|
|
6
|
-
import { OnDestroy } from '@angular/core';
|
|
7
|
-
import { OnInit } from '@angular/core';
|
|
8
|
-
import { TemplateRef } from '@angular/core';
|
|
9
|
-
import { ViewContainerRef } from '@angular/core';
|
|
10
|
-
|
|
11
|
-
export declare type AriaHasPopupValue = 'false' | 'true' | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
|
|
12
|
-
|
|
13
|
-
export declare const CDK_COMBOBOX: InjectionToken<CdkCombobox<unknown>>;
|
|
4
|
+
import { BooleanInput } from '@angular/cdk/coercion';
|
|
14
5
|
|
|
15
|
-
|
|
6
|
+
type AriaHasPopupValue = 'false' | 'true' | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
|
|
7
|
+
type OpenAction = 'focus' | 'click' | 'downKey' | 'toggle';
|
|
8
|
+
type OpenActionInput = OpenAction | OpenAction[] | string | null | undefined;
|
|
9
|
+
declare const CDK_COMBOBOX: InjectionToken<CdkCombobox<unknown>>;
|
|
10
|
+
declare class CdkCombobox<T = unknown> implements OnDestroy {
|
|
16
11
|
private readonly _elementRef;
|
|
17
12
|
private readonly _overlay;
|
|
18
13
|
protected readonly _viewContainerRef: ViewContainerRef;
|
|
@@ -72,13 +67,7 @@ export declare class CdkCombobox<T = unknown> implements OnDestroy {
|
|
|
72
67
|
static ɵdir: i0.ɵɵDirectiveDeclaration<CdkCombobox<any>, "[cdkCombobox]", ["cdkCombobox"], { "_panelTemplateRef": { "alias": "cdkComboboxTriggerFor"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "openActions": { "alias": "openActions"; "required": false; }; "autoSetText": { "alias": "autoSetText"; "required": false; }; }, { "opened": "comboboxPanelOpened"; "closed": "comboboxPanelClosed"; "panelValueChanged": "panelValueChanged"; }, never, never, true, never>;
|
|
73
68
|
}
|
|
74
69
|
|
|
75
|
-
|
|
76
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CdkComboboxModule, never>;
|
|
77
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<CdkComboboxModule, never, [typeof i1.OverlayModule, typeof i2.CdkCombobox, typeof i3.CdkComboboxPopup], [typeof i2.CdkCombobox, typeof i3.CdkComboboxPopup]>;
|
|
78
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<CdkComboboxModule>;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
export declare class CdkComboboxPopup<T = unknown> implements OnInit {
|
|
70
|
+
declare class CdkComboboxPopup<T = unknown> implements OnInit {
|
|
82
71
|
private readonly _elementRef;
|
|
83
72
|
private readonly _combobox;
|
|
84
73
|
get role(): AriaHasPopupValue;
|
|
@@ -95,24 +84,10 @@ export declare class CdkComboboxPopup<T = unknown> implements OnInit {
|
|
|
95
84
|
static ɵdir: i0.ɵɵDirectiveDeclaration<CdkComboboxPopup<any>, "[cdkComboboxPopup]", ["cdkComboboxPopup"], { "role": { "alias": "role"; "required": false; }; "firstFocus": { "alias": "firstFocus"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
|
|
96
85
|
}
|
|
97
86
|
|
|
98
|
-
declare
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
OpenActionInput,
|
|
103
|
-
CDK_COMBOBOX,
|
|
104
|
-
CdkCombobox
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
declare namespace i3 {
|
|
109
|
-
export {
|
|
110
|
-
CdkComboboxPopup
|
|
111
|
-
}
|
|
87
|
+
declare class CdkComboboxModule {
|
|
88
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CdkComboboxModule, never>;
|
|
89
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CdkComboboxModule, never, [typeof i1.OverlayModule, typeof CdkCombobox, typeof CdkComboboxPopup], [typeof CdkCombobox, typeof CdkComboboxPopup]>;
|
|
90
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<CdkComboboxModule>;
|
|
112
91
|
}
|
|
113
92
|
|
|
114
|
-
export
|
|
115
|
-
|
|
116
|
-
export declare type OpenActionInput = OpenAction | OpenAction[] | string | null | undefined;
|
|
117
|
-
|
|
118
|
-
export { }
|
|
93
|
+
export { type AriaHasPopupValue, CDK_COMBOBOX, CdkCombobox, CdkComboboxModule, CdkComboboxPopup, type OpenAction, type OpenActionInput };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Version } from '@angular/core';
|
|
2
2
|
|
|
3
3
|
/** Current version of the CDK Experimental package. */
|
|
4
|
-
const VERSION = new Version('20.0.0-next.
|
|
4
|
+
const VERSION = new Version('20.0.0-next.1');
|
|
5
5
|
|
|
6
6
|
export { VERSION };
|
|
7
7
|
//# sourceMappingURL=cdk-experimental.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cdk-experimental.mjs","sources":["../../../../../../src/cdk-experimental/version.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {Version} from '@angular/core';\n\n/** Current version of the CDK Experimental package. */\nexport const VERSION = new Version('20.0.0-next.
|
|
1
|
+
{"version":3,"file":"cdk-experimental.mjs","sources":["../../../../../../src/cdk-experimental/version.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {Version} from '@angular/core';\n\n/** Current version of the CDK Experimental package. */\nexport const VERSION = new Version('20.0.0-next.1');\n"],"names":[],"mappings":";;AAUA;MACa,OAAO,GAAG,IAAI,OAAO,CAAC,mBAAmB;;;;"}
|
|
@@ -3,7 +3,7 @@ import { InjectionToken, inject, Renderer2, Directive, Input, Injectable, NgZone
|
|
|
3
3
|
import { _IdGenerator } from '@angular/cdk/a11y';
|
|
4
4
|
import { Subject, merge, combineLatest, Observable } from 'rxjs';
|
|
5
5
|
import { mapTo, take, takeUntil, startWith, pairwise, distinctUntilChanged, share, map, skip, filter } from 'rxjs/operators';
|
|
6
|
-
import {
|
|
6
|
+
import { c as closest } from './polyfill-ae40ec6f.mjs';
|
|
7
7
|
import { _COALESCED_STYLE_SCHEDULER, CdkTable } from '@angular/cdk/table';
|
|
8
8
|
import { DOCUMENT } from '@angular/common';
|
|
9
9
|
import { coerceCssPixelValue } from '@angular/cdk/coercion';
|
|
@@ -66,7 +66,7 @@ class ColumnResize {
|
|
|
66
66
|
const element = this.elementRef.nativeElement;
|
|
67
67
|
this._eventCleanups = [
|
|
68
68
|
this._renderer.listen(element, 'mouseover', (event) => {
|
|
69
|
-
this.eventDispatcher.headerCellHovered.next(
|
|
69
|
+
this.eventDispatcher.headerCellHovered.next(closest(event.target, HEADER_CELL_SELECTOR));
|
|
70
70
|
}),
|
|
71
71
|
this._renderer.listen(element, 'mouseleave', (event) => {
|
|
72
72
|
if (event.relatedTarget &&
|
|
@@ -96,10 +96,10 @@ class ColumnResize {
|
|
|
96
96
|
}
|
|
97
97
|
});
|
|
98
98
|
}
|
|
99
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
100
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
99
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: ColumnResize, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
100
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0-next.1", type: ColumnResize, isStandalone: true, inputs: { liveResizeUpdates: "liveResizeUpdates" }, ngImport: i0 });
|
|
101
101
|
}
|
|
102
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
102
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: ColumnResize, decorators: [{
|
|
103
103
|
type: Directive
|
|
104
104
|
}], propDecorators: { liveResizeUpdates: [{
|
|
105
105
|
type: Input
|
|
@@ -116,10 +116,10 @@ class ColumnResizeNotifierSource {
|
|
|
116
116
|
resizeCompleted = new Subject();
|
|
117
117
|
/** Triggers a resize action. */
|
|
118
118
|
triggerResize = new Subject();
|
|
119
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
120
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
119
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: ColumnResizeNotifierSource, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
120
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: ColumnResizeNotifierSource });
|
|
121
121
|
}
|
|
122
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
122
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: ColumnResizeNotifierSource, decorators: [{
|
|
123
123
|
type: Injectable
|
|
124
124
|
}] });
|
|
125
125
|
/** Service for triggering column resizes imperatively or being notified of them. */
|
|
@@ -136,10 +136,10 @@ class ColumnResizeNotifier {
|
|
|
136
136
|
isStickyColumn: true,
|
|
137
137
|
});
|
|
138
138
|
}
|
|
139
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
140
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
139
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: ColumnResizeNotifier, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
140
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: ColumnResizeNotifier });
|
|
141
141
|
}
|
|
142
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
142
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: ColumnResizeNotifier, decorators: [{
|
|
143
143
|
type: Injectable
|
|
144
144
|
}] });
|
|
145
145
|
|
|
@@ -164,8 +164,8 @@ class HeaderRowEventDispatcher {
|
|
|
164
164
|
* taking precedence).
|
|
165
165
|
*/
|
|
166
166
|
headerRowHoveredOrActiveDistinct = combineLatest([
|
|
167
|
-
this.headerCellHoveredDistinct.pipe(map(cell =>
|
|
168
|
-
this.overlayHandleActiveForCell.pipe(map(cell =>
|
|
167
|
+
this.headerCellHoveredDistinct.pipe(map(cell => closest(cell, HEADER_ROW_SELECTOR)), startWith(null), distinctUntilChanged()),
|
|
168
|
+
this.overlayHandleActiveForCell.pipe(map(cell => closest(cell, HEADER_ROW_SELECTOR)), startWith(null), distinctUntilChanged()),
|
|
169
169
|
]).pipe(skip(1), // Ignore initial [null, null] emission.
|
|
170
170
|
map(([hovered, active]) => active || hovered), distinctUntilChanged(), share());
|
|
171
171
|
_headerRowHoveredOrActiveDistinctReenterZone = this.headerRowHoveredOrActiveDistinct.pipe(this._enterZone(), share());
|
|
@@ -191,10 +191,10 @@ class HeaderRowEventDispatcher {
|
|
|
191
191
|
complete: () => observer.complete(),
|
|
192
192
|
}));
|
|
193
193
|
}
|
|
194
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
195
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
194
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: HeaderRowEventDispatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
195
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: HeaderRowEventDispatcher });
|
|
196
196
|
}
|
|
197
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
197
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: HeaderRowEventDispatcher, decorators: [{
|
|
198
198
|
type: Injectable
|
|
199
199
|
}] });
|
|
200
200
|
|
|
@@ -254,10 +254,10 @@ class ResizeStrategy {
|
|
|
254
254
|
this._elemSizeCache.set(entry.target, newEntry);
|
|
255
255
|
}
|
|
256
256
|
}
|
|
257
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
258
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
257
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: ResizeStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
258
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: ResizeStrategy });
|
|
259
259
|
}
|
|
260
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
260
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: ResizeStrategy, decorators: [{
|
|
261
261
|
type: Injectable
|
|
262
262
|
}] });
|
|
263
263
|
/**
|
|
@@ -291,10 +291,10 @@ class TableLayoutFixedResizeStrategy extends ResizeStrategy {
|
|
|
291
291
|
const newWidth = Math.min(currentWidth, sizeInPx);
|
|
292
292
|
this.applyColumnSize(_, columnHeader, newWidth, currentWidth);
|
|
293
293
|
}
|
|
294
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
295
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
294
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: TableLayoutFixedResizeStrategy, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
295
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: TableLayoutFixedResizeStrategy });
|
|
296
296
|
}
|
|
297
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
297
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: TableLayoutFixedResizeStrategy, decorators: [{
|
|
298
298
|
type: Injectable
|
|
299
299
|
}] });
|
|
300
300
|
/**
|
|
@@ -405,10 +405,10 @@ class CdkFlexTableResizeStrategy extends ResizeStrategy {
|
|
|
405
405
|
const body = propertyKeys.map(key => `${key}:${properties.get(key)}`).join(';');
|
|
406
406
|
this._getStyleSheet().insertRule(`${selector} {${body}}`, index);
|
|
407
407
|
}
|
|
408
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
409
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
408
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: CdkFlexTableResizeStrategy, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
409
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: CdkFlexTableResizeStrategy });
|
|
410
410
|
}
|
|
411
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
411
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: CdkFlexTableResizeStrategy, decorators: [{
|
|
412
412
|
type: Injectable
|
|
413
413
|
}] });
|
|
414
414
|
/** Converts CSS pixel values to numbers, eg "123px" to 123. Returns NaN for non pixel values. */
|
|
@@ -453,10 +453,10 @@ class CdkColumnResize extends ColumnResize {
|
|
|
453
453
|
ngZone = inject(NgZone);
|
|
454
454
|
notifier = inject(ColumnResizeNotifierSource);
|
|
455
455
|
table = inject(CdkTable);
|
|
456
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
457
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
456
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: CdkColumnResize, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
457
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0-next.1", type: CdkColumnResize, isStandalone: true, selector: "table[cdk-table][columnResize]", providers: [...TABLE_PROVIDERS, { provide: ColumnResize, useExisting: CdkColumnResize }], usesInheritance: true, ngImport: i0 });
|
|
458
458
|
}
|
|
459
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
459
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: CdkColumnResize, decorators: [{
|
|
460
460
|
type: Directive,
|
|
461
461
|
args: [{
|
|
462
462
|
selector: 'table[cdk-table][columnResize]',
|
|
@@ -475,10 +475,10 @@ class CdkColumnResizeFlex extends ColumnResize {
|
|
|
475
475
|
ngZone = inject(NgZone);
|
|
476
476
|
notifier = inject(ColumnResizeNotifierSource);
|
|
477
477
|
table = inject(CdkTable);
|
|
478
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
479
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
478
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: CdkColumnResizeFlex, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
479
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0-next.1", type: CdkColumnResizeFlex, isStandalone: true, selector: "cdk-table[columnResize]", providers: [...FLEX_PROVIDERS, { provide: ColumnResize, useExisting: CdkColumnResizeFlex }], usesInheritance: true, ngImport: i0 });
|
|
480
480
|
}
|
|
481
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
481
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: CdkColumnResizeFlex, decorators: [{
|
|
482
482
|
type: Directive,
|
|
483
483
|
args: [{
|
|
484
484
|
selector: 'cdk-table[columnResize]',
|
|
@@ -497,13 +497,13 @@ class CdkDefaultEnabledColumnResize extends ColumnResize {
|
|
|
497
497
|
ngZone = inject(NgZone);
|
|
498
498
|
notifier = inject(ColumnResizeNotifierSource);
|
|
499
499
|
table = inject(CdkTable);
|
|
500
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
501
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
500
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: CdkDefaultEnabledColumnResize, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
501
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0-next.1", type: CdkDefaultEnabledColumnResize, isStandalone: true, selector: "table[cdk-table]", providers: [
|
|
502
502
|
...TABLE_PROVIDERS,
|
|
503
503
|
{ provide: ColumnResize, useExisting: CdkDefaultEnabledColumnResize },
|
|
504
504
|
], usesInheritance: true, ngImport: i0 });
|
|
505
505
|
}
|
|
506
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
506
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: CdkDefaultEnabledColumnResize, decorators: [{
|
|
507
507
|
type: Directive,
|
|
508
508
|
args: [{
|
|
509
509
|
selector: 'table[cdk-table]',
|
|
@@ -525,13 +525,13 @@ class CdkDefaultEnabledColumnResizeFlex extends ColumnResize {
|
|
|
525
525
|
ngZone = inject(NgZone);
|
|
526
526
|
notifier = inject(ColumnResizeNotifierSource);
|
|
527
527
|
table = inject(CdkTable);
|
|
528
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
529
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
528
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: CdkDefaultEnabledColumnResizeFlex, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
529
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0-next.1", type: CdkDefaultEnabledColumnResizeFlex, isStandalone: true, selector: "cdk-table", providers: [
|
|
530
530
|
...FLEX_PROVIDERS,
|
|
531
531
|
{ provide: ColumnResize, useExisting: CdkDefaultEnabledColumnResizeFlex },
|
|
532
532
|
], usesInheritance: true, ngImport: i0 });
|
|
533
533
|
}
|
|
534
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
534
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: CdkDefaultEnabledColumnResizeFlex, decorators: [{
|
|
535
535
|
type: Directive,
|
|
536
536
|
args: [{
|
|
537
537
|
selector: 'cdk-table',
|
|
@@ -547,11 +547,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImpor
|
|
|
547
547
|
* When using this module, columns are resizable by default.
|
|
548
548
|
*/
|
|
549
549
|
class CdkColumnResizeDefaultEnabledModule {
|
|
550
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
551
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
552
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
550
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: CdkColumnResizeDefaultEnabledModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
551
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.0-next.1", ngImport: i0, type: CdkColumnResizeDefaultEnabledModule, imports: [CdkDefaultEnabledColumnResize, CdkDefaultEnabledColumnResizeFlex], exports: [CdkDefaultEnabledColumnResize, CdkDefaultEnabledColumnResizeFlex] });
|
|
552
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: CdkColumnResizeDefaultEnabledModule });
|
|
553
553
|
}
|
|
554
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
554
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: CdkColumnResizeDefaultEnabledModule, decorators: [{
|
|
555
555
|
type: NgModule,
|
|
556
556
|
args: [{
|
|
557
557
|
imports: [CdkDefaultEnabledColumnResize, CdkDefaultEnabledColumnResizeFlex],
|
|
@@ -563,11 +563,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImpor
|
|
|
563
563
|
* When using this module, columns are not resizable by default.
|
|
564
564
|
*/
|
|
565
565
|
class CdkColumnResizeModule {
|
|
566
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
567
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
568
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
566
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: CdkColumnResizeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
567
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.0-next.1", ngImport: i0, type: CdkColumnResizeModule, imports: [CdkColumnResize, CdkColumnResizeFlex], exports: [CdkColumnResize, CdkColumnResizeFlex] });
|
|
568
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: CdkColumnResizeModule });
|
|
569
569
|
}
|
|
570
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
570
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: CdkColumnResizeModule, decorators: [{
|
|
571
571
|
type: NgModule,
|
|
572
572
|
args: [{
|
|
573
573
|
imports: [CdkColumnResize, CdkColumnResizeFlex],
|
|
@@ -579,10 +579,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImpor
|
|
|
579
579
|
* Can be provided by the host application to enable persistence of column resize state.
|
|
580
580
|
*/
|
|
581
581
|
class ColumnSizeStore {
|
|
582
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
583
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
582
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: ColumnSizeStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
583
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: ColumnSizeStore });
|
|
584
584
|
}
|
|
585
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
585
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: ColumnSizeStore, decorators: [{
|
|
586
586
|
type: Injectable
|
|
587
587
|
}] });
|
|
588
588
|
|
|
@@ -702,7 +702,7 @@ class Resizable {
|
|
|
702
702
|
const element = this.elementRef.nativeElement;
|
|
703
703
|
const takeUntilDestroyed = takeUntil(this.destroyed);
|
|
704
704
|
this.eventDispatcher
|
|
705
|
-
.resizeOverlayVisibleForHeaderRow(
|
|
705
|
+
.resizeOverlayVisibleForHeaderRow(closest(element, HEADER_ROW_SELECTOR))
|
|
706
706
|
.pipe(takeUntilDestroyed)
|
|
707
707
|
.subscribe(hoveringRow => {
|
|
708
708
|
if (hoveringRow) {
|
|
@@ -796,10 +796,10 @@ class Resizable {
|
|
|
796
796
|
// TODO: Apply correct aria role (probably slider) after a11y spec questions resolved.
|
|
797
797
|
this.elementRef.nativeElement.appendChild(this.inlineHandle);
|
|
798
798
|
}
|
|
799
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
800
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
799
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: Resizable, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
800
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0-next.1", type: Resizable, isStandalone: true, ngImport: i0 });
|
|
801
801
|
}
|
|
802
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
802
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: Resizable, decorators: [{
|
|
803
803
|
type: Directive
|
|
804
804
|
}] });
|
|
805
805
|
|
|
@@ -826,7 +826,7 @@ class ResizeOverlayHandle {
|
|
|
826
826
|
.pipe(mapTo(this.resizeRef.origin.nativeElement), takeUntil(this.destroyed))
|
|
827
827
|
.subscribe(cell => this.eventDispatcher.headerCellHovered.next(cell));
|
|
828
828
|
this._observableFromEvent(this.elementRef.nativeElement, 'mouseleave')
|
|
829
|
-
.pipe(map(event => event.relatedTarget &&
|
|
829
|
+
.pipe(map(event => event.relatedTarget && closest(event.relatedTarget, HEADER_CELL_SELECTOR)), takeUntil(this.destroyed))
|
|
830
830
|
.subscribe(cell => this.eventDispatcher.headerCellHovered.next(cell));
|
|
831
831
|
this._observableFromEvent(this.elementRef.nativeElement, 'mousedown')
|
|
832
832
|
.pipe(takeUntil(this.destroyed))
|
|
@@ -956,16 +956,12 @@ class ResizeOverlayHandle {
|
|
|
956
956
|
};
|
|
957
957
|
});
|
|
958
958
|
}
|
|
959
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
960
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
959
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: ResizeOverlayHandle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
960
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.0-next.1", type: ResizeOverlayHandle, isStandalone: true, ngImport: i0 });
|
|
961
961
|
}
|
|
962
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
962
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.1", ngImport: i0, type: ResizeOverlayHandle, decorators: [{
|
|
963
963
|
type: Directive
|
|
964
964
|
}] });
|
|
965
965
|
|
|
966
|
-
/**
|
|
967
|
-
* Generated bundle index. Do not edit.
|
|
968
|
-
*/
|
|
969
|
-
|
|
970
966
|
export { COLUMN_RESIZE_OPTIONS, CdkColumnResize, CdkColumnResizeDefaultEnabledModule, CdkColumnResizeFlex, CdkColumnResizeModule, CdkDefaultEnabledColumnResize, CdkDefaultEnabledColumnResizeFlex, CdkFlexTableResizeStrategy, ColumnResize, ColumnResizeNotifier, ColumnResizeNotifierSource, ColumnSizeStore, FLEX_RESIZE_STRATEGY_PROVIDER, HeaderRowEventDispatcher, Resizable, ResizeOverlayHandle, ResizeRef, ResizeStrategy, TABLE_LAYOUT_FIXED_RESIZE_STRATEGY_PROVIDER, TableLayoutFixedResizeStrategy };
|
|
971
967
|
//# sourceMappingURL=column-resize.mjs.map
|