@angular/cdk-experimental 19.0.0-next.9 → 19.0.0-rc.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/fesm2022/cdk-experimental.mjs +1 -1
- package/fesm2022/cdk-experimental.mjs.map +1 -1
- package/fesm2022/column-resize.mjs +129 -152
- package/fesm2022/column-resize.mjs.map +1 -1
- package/fesm2022/combobox.mjs +31 -29
- package/fesm2022/combobox.mjs.map +1 -1
- package/fesm2022/popover-edit.mjs +166 -163
- package/fesm2022/popover-edit.mjs.map +1 -1
- package/fesm2022/scrolling.mjs +44 -30
- package/fesm2022/scrolling.mjs.map +1 -1
- package/fesm2022/selection.mjs +65 -42
- package/fesm2022/selection.mjs.map +1 -1
- package/fesm2022/table-scroll-container.mjs +17 -17
- package/fesm2022/table-scroll-container.mjs.map +1 -1
- package/package.json +2 -2
- package/selection/index.d.ts +7 -8
|
@@ -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('19.0.0-
|
|
4
|
+
const VERSION = new Version('19.0.0-rc.0');
|
|
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('19.0.0-
|
|
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('19.0.0-rc.0');\n"],"names":[],"mappings":";;AAUA;MACa,OAAO,GAAG,IAAI,OAAO,CAAC,mBAAmB;;;;"}
|
|
@@ -23,11 +23,11 @@ let nextId = 0;
|
|
|
23
23
|
* provide common events and services for column resizing.
|
|
24
24
|
*/
|
|
25
25
|
class ColumnResize {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
26
|
+
destroyed = new Subject();
|
|
27
|
+
/** Unique ID for this table instance. */
|
|
28
|
+
selectorId = `${++nextId}`;
|
|
29
|
+
/** The id attribute of the table, if specified. */
|
|
30
|
+
id;
|
|
31
31
|
ngAfterViewInit() {
|
|
32
32
|
this.elementRef.nativeElement.classList.add(this.getUniqueCssClass());
|
|
33
33
|
this._listenForRowHoverEvents();
|
|
@@ -77,8 +77,8 @@ class ColumnResize {
|
|
|
77
77
|
}
|
|
78
78
|
});
|
|
79
79
|
}
|
|
80
|
-
static
|
|
81
|
-
static
|
|
80
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: ColumnResize, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
81
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: ColumnResize, isStandalone: true, ngImport: i0 });
|
|
82
82
|
}
|
|
83
83
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: ColumnResize, decorators: [{
|
|
84
84
|
type: Directive
|
|
@@ -89,27 +89,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10",
|
|
|
89
89
|
* @docs-private
|
|
90
90
|
*/
|
|
91
91
|
class ColumnResizeNotifierSource {
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
}
|
|
100
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: ColumnResizeNotifierSource, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
101
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: ColumnResizeNotifierSource }); }
|
|
92
|
+
/** Emits when an in-progress resize is canceled. */
|
|
93
|
+
resizeCanceled = new Subject();
|
|
94
|
+
/** Emits when a resize is applied. */
|
|
95
|
+
resizeCompleted = new Subject();
|
|
96
|
+
/** Triggers a resize action. */
|
|
97
|
+
triggerResize = new Subject();
|
|
98
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: ColumnResizeNotifierSource, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
99
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: ColumnResizeNotifierSource });
|
|
102
100
|
}
|
|
103
101
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: ColumnResizeNotifierSource, decorators: [{
|
|
104
102
|
type: Injectable
|
|
105
103
|
}] });
|
|
106
104
|
/** Service for triggering column resizes imperatively or being notified of them. */
|
|
107
105
|
class ColumnResizeNotifier {
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
this.resizeCompleted = this._source.resizeCompleted;
|
|
112
|
-
}
|
|
106
|
+
_source = inject(ColumnResizeNotifierSource);
|
|
107
|
+
/** Emits whenever a column is resized. */
|
|
108
|
+
resizeCompleted = this._source.resizeCompleted;
|
|
113
109
|
/** Instantly resizes the specified column. */
|
|
114
110
|
resize(columnId, size) {
|
|
115
111
|
this._source.triggerResize.next({
|
|
@@ -119,8 +115,8 @@ class ColumnResizeNotifier {
|
|
|
119
115
|
isStickyColumn: true,
|
|
120
116
|
});
|
|
121
117
|
}
|
|
122
|
-
static
|
|
123
|
-
static
|
|
118
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: ColumnResizeNotifier, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
119
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: ColumnResizeNotifier });
|
|
124
120
|
}
|
|
125
121
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: ColumnResizeNotifier, decorators: [{
|
|
126
122
|
type: Injectable
|
|
@@ -128,36 +124,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10",
|
|
|
128
124
|
|
|
129
125
|
/** Coordinates events between the column resize directives. */
|
|
130
126
|
class HeaderRowEventDispatcher {
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
this.
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
this._lastSeenRowHover = null;
|
|
160
|
-
}
|
|
127
|
+
_ngZone = inject(NgZone);
|
|
128
|
+
/**
|
|
129
|
+
* Emits the currently hovered header cell or null when no header cells are hovered.
|
|
130
|
+
* Exposed publicly for events to feed in, but subscribers should use headerCellHoveredDistinct,
|
|
131
|
+
* defined below.
|
|
132
|
+
*/
|
|
133
|
+
headerCellHovered = new Subject();
|
|
134
|
+
/**
|
|
135
|
+
* Emits the header cell for which a user-triggered resize is active or null
|
|
136
|
+
* when no resize is in progress.
|
|
137
|
+
*/
|
|
138
|
+
overlayHandleActiveForCell = new Subject();
|
|
139
|
+
/** Distinct and shared version of headerCellHovered. */
|
|
140
|
+
headerCellHoveredDistinct = this.headerCellHovered.pipe(distinctUntilChanged(), share());
|
|
141
|
+
/**
|
|
142
|
+
* Emits the header that is currently hovered or hosting an active resize event (with active
|
|
143
|
+
* taking precedence).
|
|
144
|
+
*/
|
|
145
|
+
headerRowHoveredOrActiveDistinct = combineLatest([
|
|
146
|
+
this.headerCellHoveredDistinct.pipe(map(cell => _closest(cell, HEADER_ROW_SELECTOR)), startWith(null), distinctUntilChanged()),
|
|
147
|
+
this.overlayHandleActiveForCell.pipe(map(cell => _closest(cell, HEADER_ROW_SELECTOR)), startWith(null), distinctUntilChanged()),
|
|
148
|
+
]).pipe(skip(1), // Ignore initial [null, null] emission.
|
|
149
|
+
map(([hovered, active]) => active || hovered), distinctUntilChanged(), share());
|
|
150
|
+
_headerRowHoveredOrActiveDistinctReenterZone = this.headerRowHoveredOrActiveDistinct.pipe(this._enterZone(), share());
|
|
151
|
+
// Optimization: Share row events observable with subsequent callers.
|
|
152
|
+
// At startup, calls will be sequential by row (and typically there's only one).
|
|
153
|
+
_lastSeenRow = null;
|
|
154
|
+
_lastSeenRowHover = null;
|
|
161
155
|
/**
|
|
162
156
|
* Emits whether the specified row should show its overlay controls.
|
|
163
157
|
* Emission occurs within the NgZone.
|
|
@@ -176,8 +170,8 @@ class HeaderRowEventDispatcher {
|
|
|
176
170
|
complete: () => observer.complete(),
|
|
177
171
|
}));
|
|
178
172
|
}
|
|
179
|
-
static
|
|
180
|
-
static
|
|
173
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: HeaderRowEventDispatcher, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
174
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: HeaderRowEventDispatcher });
|
|
181
175
|
}
|
|
182
176
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: HeaderRowEventDispatcher, decorators: [{
|
|
183
177
|
type: Injectable
|
|
@@ -188,9 +182,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10",
|
|
|
188
182
|
* The details of how resizing works for tables for flex mat-tables are quite different.
|
|
189
183
|
*/
|
|
190
184
|
class ResizeStrategy {
|
|
191
|
-
|
|
192
|
-
this._pendingResizeDelta = null;
|
|
193
|
-
}
|
|
185
|
+
_pendingResizeDelta = null;
|
|
194
186
|
/** Adjusts the width of the table element by the specified delta. */
|
|
195
187
|
updateTableWidthAndStickyColumns(delta) {
|
|
196
188
|
if (this._pendingResizeDelta === null) {
|
|
@@ -206,8 +198,8 @@ class ResizeStrategy {
|
|
|
206
198
|
}
|
|
207
199
|
this._pendingResizeDelta = (this._pendingResizeDelta ?? 0) + delta;
|
|
208
200
|
}
|
|
209
|
-
static
|
|
210
|
-
static
|
|
201
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: ResizeStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
202
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: ResizeStrategy });
|
|
211
203
|
}
|
|
212
204
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: ResizeStrategy, decorators: [{
|
|
213
205
|
type: Injectable
|
|
@@ -220,12 +212,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10",
|
|
|
220
212
|
* Updating all cell nodes
|
|
221
213
|
*/
|
|
222
214
|
class TableLayoutFixedResizeStrategy extends ResizeStrategy {
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
this.styleScheduler = inject(_COALESCED_STYLE_SCHEDULER);
|
|
227
|
-
this.table = inject(CdkTable);
|
|
228
|
-
}
|
|
215
|
+
columnResize = inject(ColumnResize);
|
|
216
|
+
styleScheduler = inject(_COALESCED_STYLE_SCHEDULER);
|
|
217
|
+
table = inject(CdkTable);
|
|
229
218
|
applyColumnSize(_, columnHeader, sizeInPx, previousSizeInPx) {
|
|
230
219
|
const delta = sizeInPx - (previousSizeInPx ?? getElementWidth(columnHeader));
|
|
231
220
|
if (delta === 0) {
|
|
@@ -246,8 +235,8 @@ class TableLayoutFixedResizeStrategy extends ResizeStrategy {
|
|
|
246
235
|
const newWidth = Math.min(currentWidth, sizeInPx);
|
|
247
236
|
this.applyColumnSize(_, columnHeader, newWidth, currentWidth);
|
|
248
237
|
}
|
|
249
|
-
static
|
|
250
|
-
static
|
|
238
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: TableLayoutFixedResizeStrategy, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
239
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: TableLayoutFixedResizeStrategy });
|
|
251
240
|
}
|
|
252
241
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: TableLayoutFixedResizeStrategy, decorators: [{
|
|
253
242
|
type: Injectable
|
|
@@ -259,19 +248,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10",
|
|
|
259
248
|
* Updating all mat-cell nodes
|
|
260
249
|
*/
|
|
261
250
|
class CdkFlexTableResizeStrategy extends ResizeStrategy {
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
this.defaultMaxSize = Number.MAX_SAFE_INTEGER;
|
|
274
|
-
}
|
|
251
|
+
columnResize = inject(ColumnResize);
|
|
252
|
+
styleScheduler = inject(_COALESCED_STYLE_SCHEDULER);
|
|
253
|
+
table = inject(CdkTable);
|
|
254
|
+
_nonce = inject(CSP_NONCE, { optional: true });
|
|
255
|
+
_document = inject(DOCUMENT);
|
|
256
|
+
_columnIndexes = new Map();
|
|
257
|
+
_columnProperties = new Map();
|
|
258
|
+
_styleElement;
|
|
259
|
+
_indexSequence = 0;
|
|
260
|
+
defaultMinSize = 0;
|
|
261
|
+
defaultMaxSize = Number.MAX_SAFE_INTEGER;
|
|
275
262
|
applyColumnSize(cssFriendlyColumnName, columnHeader, sizeInPx, previousSizeInPx) {
|
|
276
263
|
// Optimization: Check applied width first as we probably set it already before reading
|
|
277
264
|
// offsetWidth which triggers layout.
|
|
@@ -361,8 +348,8 @@ class CdkFlexTableResizeStrategy extends ResizeStrategy {
|
|
|
361
348
|
const body = propertyKeys.map(key => `${key}:${properties.get(key)}`).join(';');
|
|
362
349
|
this._getStyleSheet().insertRule(`${selector} {${body}}`, index);
|
|
363
350
|
}
|
|
364
|
-
static
|
|
365
|
-
static
|
|
351
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkFlexTableResizeStrategy, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
352
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkFlexTableResizeStrategy });
|
|
366
353
|
}
|
|
367
354
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkFlexTableResizeStrategy, decorators: [{
|
|
368
355
|
type: Injectable
|
|
@@ -409,17 +396,14 @@ const FLEX_PROVIDERS = [...PROVIDERS, FLEX_RESIZE_STRATEGY_PROVIDER];
|
|
|
409
396
|
* Individual columns must be annotated specifically.
|
|
410
397
|
*/
|
|
411
398
|
class CdkColumnResize extends ColumnResize {
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
}
|
|
421
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkColumnResize, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
422
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: CdkColumnResize, isStandalone: true, selector: "table[cdk-table][columnResize]", providers: [...TABLE_PROVIDERS, { provide: ColumnResize, useExisting: CdkColumnResize }], usesInheritance: true, ngImport: i0 }); }
|
|
399
|
+
columnResizeNotifier = inject(ColumnResizeNotifier);
|
|
400
|
+
elementRef = inject(ElementRef);
|
|
401
|
+
eventDispatcher = inject(HeaderRowEventDispatcher);
|
|
402
|
+
ngZone = inject(NgZone);
|
|
403
|
+
notifier = inject(ColumnResizeNotifierSource);
|
|
404
|
+
table = inject(CdkTable);
|
|
405
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkColumnResize, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
406
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: CdkColumnResize, isStandalone: true, selector: "table[cdk-table][columnResize]", providers: [...TABLE_PROVIDERS, { provide: ColumnResize, useExisting: CdkColumnResize }], usesInheritance: true, ngImport: i0 });
|
|
423
407
|
}
|
|
424
408
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkColumnResize, decorators: [{
|
|
425
409
|
type: Directive,
|
|
@@ -434,17 +418,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10",
|
|
|
434
418
|
* Individual columns must be annotated specifically.
|
|
435
419
|
*/
|
|
436
420
|
class CdkColumnResizeFlex extends ColumnResize {
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
}
|
|
446
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkColumnResizeFlex, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
447
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: CdkColumnResizeFlex, isStandalone: true, selector: "cdk-table[columnResize]", providers: [...FLEX_PROVIDERS, { provide: ColumnResize, useExisting: CdkColumnResizeFlex }], usesInheritance: true, ngImport: i0 }); }
|
|
421
|
+
columnResizeNotifier = inject(ColumnResizeNotifier);
|
|
422
|
+
elementRef = inject(ElementRef);
|
|
423
|
+
eventDispatcher = inject(HeaderRowEventDispatcher);
|
|
424
|
+
ngZone = inject(NgZone);
|
|
425
|
+
notifier = inject(ColumnResizeNotifierSource);
|
|
426
|
+
table = inject(CdkTable);
|
|
427
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkColumnResizeFlex, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
428
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: CdkColumnResizeFlex, isStandalone: true, selector: "cdk-table[columnResize]", providers: [...FLEX_PROVIDERS, { provide: ColumnResize, useExisting: CdkColumnResizeFlex }], usesInheritance: true, ngImport: i0 });
|
|
448
429
|
}
|
|
449
430
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkColumnResizeFlex, decorators: [{
|
|
450
431
|
type: Directive,
|
|
@@ -459,20 +440,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10",
|
|
|
459
440
|
* Individual columns will be resizable unless opted out.
|
|
460
441
|
*/
|
|
461
442
|
class CdkDefaultEnabledColumnResize extends ColumnResize {
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
}
|
|
471
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkDefaultEnabledColumnResize, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
472
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: CdkDefaultEnabledColumnResize, isStandalone: true, selector: "table[cdk-table]", providers: [
|
|
443
|
+
columnResizeNotifier = inject(ColumnResizeNotifier);
|
|
444
|
+
elementRef = inject(ElementRef);
|
|
445
|
+
eventDispatcher = inject(HeaderRowEventDispatcher);
|
|
446
|
+
ngZone = inject(NgZone);
|
|
447
|
+
notifier = inject(ColumnResizeNotifierSource);
|
|
448
|
+
table = inject(CdkTable);
|
|
449
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkDefaultEnabledColumnResize, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
450
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: CdkDefaultEnabledColumnResize, isStandalone: true, selector: "table[cdk-table]", providers: [
|
|
473
451
|
...TABLE_PROVIDERS,
|
|
474
452
|
{ provide: ColumnResize, useExisting: CdkDefaultEnabledColumnResize },
|
|
475
|
-
], usesInheritance: true, ngImport: i0 });
|
|
453
|
+
], usesInheritance: true, ngImport: i0 });
|
|
476
454
|
}
|
|
477
455
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkDefaultEnabledColumnResize, decorators: [{
|
|
478
456
|
type: Directive,
|
|
@@ -490,20 +468,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10",
|
|
|
490
468
|
* Individual columns will be resizable unless opted out.
|
|
491
469
|
*/
|
|
492
470
|
class CdkDefaultEnabledColumnResizeFlex extends ColumnResize {
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
}
|
|
502
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkDefaultEnabledColumnResizeFlex, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
503
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: CdkDefaultEnabledColumnResizeFlex, isStandalone: true, selector: "cdk-table", providers: [
|
|
471
|
+
columnResizeNotifier = inject(ColumnResizeNotifier);
|
|
472
|
+
elementRef = inject(ElementRef);
|
|
473
|
+
eventDispatcher = inject(HeaderRowEventDispatcher);
|
|
474
|
+
ngZone = inject(NgZone);
|
|
475
|
+
notifier = inject(ColumnResizeNotifierSource);
|
|
476
|
+
table = inject(CdkTable);
|
|
477
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkDefaultEnabledColumnResizeFlex, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
478
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: CdkDefaultEnabledColumnResizeFlex, isStandalone: true, selector: "cdk-table", providers: [
|
|
504
479
|
...FLEX_PROVIDERS,
|
|
505
480
|
{ provide: ColumnResize, useExisting: CdkDefaultEnabledColumnResizeFlex },
|
|
506
|
-
], usesInheritance: true, ngImport: i0 });
|
|
481
|
+
], usesInheritance: true, ngImport: i0 });
|
|
507
482
|
}
|
|
508
483
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkDefaultEnabledColumnResizeFlex, decorators: [{
|
|
509
484
|
type: Directive,
|
|
@@ -521,9 +496,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10",
|
|
|
521
496
|
* When using this module, columns are resizable by default.
|
|
522
497
|
*/
|
|
523
498
|
class CdkColumnResizeDefaultEnabledModule {
|
|
524
|
-
static
|
|
525
|
-
static
|
|
526
|
-
static
|
|
499
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkColumnResizeDefaultEnabledModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
500
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkColumnResizeDefaultEnabledModule, imports: [CdkDefaultEnabledColumnResize, CdkDefaultEnabledColumnResizeFlex], exports: [CdkDefaultEnabledColumnResize, CdkDefaultEnabledColumnResizeFlex] });
|
|
501
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkColumnResizeDefaultEnabledModule });
|
|
527
502
|
}
|
|
528
503
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkColumnResizeDefaultEnabledModule, decorators: [{
|
|
529
504
|
type: NgModule,
|
|
@@ -537,9 +512,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10",
|
|
|
537
512
|
* When using this module, columns are not resizable by default.
|
|
538
513
|
*/
|
|
539
514
|
class CdkColumnResizeModule {
|
|
540
|
-
static
|
|
541
|
-
static
|
|
542
|
-
static
|
|
515
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkColumnResizeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
516
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkColumnResizeModule, imports: [CdkColumnResize, CdkColumnResizeFlex], exports: [CdkColumnResize, CdkColumnResizeFlex] });
|
|
517
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkColumnResizeModule });
|
|
543
518
|
}
|
|
544
519
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkColumnResizeModule, decorators: [{
|
|
545
520
|
type: NgModule,
|
|
@@ -553,8 +528,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10",
|
|
|
553
528
|
* Can be provided by the host application to enable persistence of column resize state.
|
|
554
529
|
*/
|
|
555
530
|
class ColumnSizeStore {
|
|
556
|
-
static
|
|
557
|
-
static
|
|
531
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: ColumnSizeStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
532
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: ColumnSizeStore });
|
|
558
533
|
}
|
|
559
534
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: ColumnSizeStore, decorators: [{
|
|
560
535
|
type: Injectable
|
|
@@ -562,6 +537,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10",
|
|
|
562
537
|
|
|
563
538
|
/** Tracks state of resize events in progress. */
|
|
564
539
|
class ResizeRef {
|
|
540
|
+
origin;
|
|
541
|
+
overlayRef;
|
|
542
|
+
minWidthPx;
|
|
543
|
+
maxWidthPx;
|
|
565
544
|
constructor(origin, overlayRef, minWidthPx, maxWidthPx) {
|
|
566
545
|
this.origin = origin;
|
|
567
546
|
this.overlayRef = overlayRef;
|
|
@@ -576,13 +555,13 @@ const OVERLAY_ACTIVE_CLASS = 'cdk-resizable-overlay-thumb-active';
|
|
|
576
555
|
* resizable.
|
|
577
556
|
*/
|
|
578
557
|
class Resizable {
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
558
|
+
minWidthPxInternal = 0;
|
|
559
|
+
maxWidthPxInternal = Number.MAX_SAFE_INTEGER;
|
|
560
|
+
inlineHandle;
|
|
561
|
+
overlayRef;
|
|
562
|
+
destroyed = new Subject();
|
|
563
|
+
_viewInitialized = false;
|
|
564
|
+
_isDestroyed = false;
|
|
586
565
|
/** The minimum width to allow the column to be sized to. */
|
|
587
566
|
get minWidthPx() {
|
|
588
567
|
return this.minWidthPxInternal;
|
|
@@ -747,8 +726,8 @@ class Resizable {
|
|
|
747
726
|
this.elementRef.nativeElement.appendChild(this.inlineHandle);
|
|
748
727
|
});
|
|
749
728
|
}
|
|
750
|
-
static
|
|
751
|
-
static
|
|
729
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: Resizable, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
730
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: Resizable, isStandalone: true, ngImport: i0 });
|
|
752
731
|
}
|
|
753
732
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: Resizable, decorators: [{
|
|
754
733
|
type: Directive
|
|
@@ -761,9 +740,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10",
|
|
|
761
740
|
* for handling column resize mouse events and displaying any visible UI on the column edge.
|
|
762
741
|
*/
|
|
763
742
|
class ResizeOverlayHandle {
|
|
764
|
-
|
|
765
|
-
this.destroyed = new Subject();
|
|
766
|
-
}
|
|
743
|
+
destroyed = new Subject();
|
|
767
744
|
ngAfterViewInit() {
|
|
768
745
|
this._listenForMouseEvents();
|
|
769
746
|
}
|
|
@@ -878,8 +855,8 @@ class ResizeOverlayHandle {
|
|
|
878
855
|
}
|
|
879
856
|
});
|
|
880
857
|
}
|
|
881
|
-
static
|
|
882
|
-
static
|
|
858
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: ResizeOverlayHandle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
859
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: ResizeOverlayHandle, isStandalone: true, ngImport: i0 });
|
|
883
860
|
}
|
|
884
861
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: ResizeOverlayHandle, decorators: [{
|
|
885
862
|
type: Directive
|