@angular/cdk-experimental 19.0.0-next.8 → 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/column-resize/index.d.ts +3 -3
- package/fesm2022/cdk-experimental.mjs +1 -1
- package/fesm2022/cdk-experimental.mjs.map +1 -1
- package/fesm2022/column-resize.mjs +145 -172
- package/fesm2022/column-resize.mjs.map +1 -1
- package/fesm2022/combobox.mjs +34 -34
- package/fesm2022/combobox.mjs.map +1 -1
- package/fesm2022/popover-edit.mjs +180 -185
- package/fesm2022/popover-edit.mjs.map +1 -1
- package/fesm2022/scrolling.mjs +46 -33
- package/fesm2022/scrolling.mjs.map +1 -1
- package/fesm2022/selection.mjs +71 -53
- package/fesm2022/selection.mjs.map +1 -1
- package/fesm2022/table-scroll-container.mjs +19 -20
- package/fesm2022/table-scroll-container.mjs.map +1 -1
- package/package.json +2 -2
- package/selection/index.d.ts +7 -8
package/column-resize/index.d.ts
CHANGED
|
@@ -155,7 +155,7 @@ export declare abstract class ColumnResize implements AfterViewInit, OnDestroy {
|
|
|
155
155
|
private _listenForResizeActivity;
|
|
156
156
|
private _listenForHoverActivity;
|
|
157
157
|
static ɵfac: i0.ɵɵFactoryDeclaration<ColumnResize, never>;
|
|
158
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnResize, never, never, {}, {}, never, never,
|
|
158
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnResize, never, never, {}, {}, never, never, true, never>;
|
|
159
159
|
}
|
|
160
160
|
|
|
161
161
|
/** Service for triggering column resizes imperatively or being notified of them. */
|
|
@@ -329,7 +329,7 @@ export declare abstract class Resizable<HandleComponent extends ResizeOverlayHan
|
|
|
329
329
|
private _applyMaxWidthPx;
|
|
330
330
|
private _appendInlineHandle;
|
|
331
331
|
static ɵfac: i0.ɵɵFactoryDeclaration<Resizable<any>, never>;
|
|
332
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<Resizable<any>, never, never, {}, {}, never, never,
|
|
332
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<Resizable<any>, never, never, {}, {}, never, never, true, never>;
|
|
333
333
|
}
|
|
334
334
|
|
|
335
335
|
/**
|
|
@@ -358,7 +358,7 @@ export declare abstract class ResizeOverlayHandle implements AfterViewInit, OnDe
|
|
|
358
358
|
private _isLtr;
|
|
359
359
|
private _notifyResizeEnded;
|
|
360
360
|
static ɵfac: i0.ɵɵFactoryDeclaration<ResizeOverlayHandle, never>;
|
|
361
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ResizeOverlayHandle, never, never, {}, {}, never, never,
|
|
361
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ResizeOverlayHandle, never, never, {}, {}, never, never, true, never>;
|
|
362
362
|
}
|
|
363
363
|
|
|
364
364
|
/** Tracks state of resize events in progress. */
|
|
@@ -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,10 +77,10 @@ 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
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
83
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: ColumnResize, decorators: [{
|
|
84
84
|
type: Directive
|
|
85
85
|
}] });
|
|
86
86
|
|
|
@@ -89,27 +89,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8",
|
|
|
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.8", ngImport: i0, type: ColumnResizeNotifierSource, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
101
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0-next.8", 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
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
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,45 +115,43 @@ 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
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
121
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: ColumnResizeNotifier, decorators: [{
|
|
126
122
|
type: Injectable
|
|
127
123
|
}] });
|
|
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,10 +170,10 @@ 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
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
176
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: HeaderRowEventDispatcher, decorators: [{
|
|
183
177
|
type: Injectable
|
|
184
178
|
}] });
|
|
185
179
|
|
|
@@ -188,9 +182,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8",
|
|
|
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,10 +198,10 @@ 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
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
204
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: ResizeStrategy, decorators: [{
|
|
213
205
|
type: Injectable
|
|
214
206
|
}] });
|
|
215
207
|
/**
|
|
@@ -220,12 +212,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8",
|
|
|
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,10 +235,10 @@ 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
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
241
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: TableLayoutFixedResizeStrategy, decorators: [{
|
|
253
242
|
type: Injectable
|
|
254
243
|
}] });
|
|
255
244
|
/**
|
|
@@ -259,19 +248,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8",
|
|
|
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,10 +348,10 @@ 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
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
354
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkFlexTableResizeStrategy, decorators: [{
|
|
368
355
|
type: Injectable
|
|
369
356
|
}] });
|
|
370
357
|
/** Converts CSS pixel values to numbers, eg "123px" to 123. Returns NaN for non pixel values. */
|
|
@@ -409,24 +396,20 @@ 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.8", 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.8", 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
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
408
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkColumnResize, decorators: [{
|
|
425
409
|
type: Directive,
|
|
426
410
|
args: [{
|
|
427
411
|
selector: 'table[cdk-table][columnResize]',
|
|
428
412
|
providers: [...TABLE_PROVIDERS, { provide: ColumnResize, useExisting: CdkColumnResize }],
|
|
429
|
-
standalone: true,
|
|
430
413
|
}]
|
|
431
414
|
}] });
|
|
432
415
|
|
|
@@ -435,24 +418,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8",
|
|
|
435
418
|
* Individual columns must be annotated specifically.
|
|
436
419
|
*/
|
|
437
420
|
class CdkColumnResizeFlex extends ColumnResize {
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
}
|
|
447
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: CdkColumnResizeFlex, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
448
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.8", 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 });
|
|
449
429
|
}
|
|
450
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
430
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkColumnResizeFlex, decorators: [{
|
|
451
431
|
type: Directive,
|
|
452
432
|
args: [{
|
|
453
433
|
selector: 'cdk-table[columnResize]',
|
|
454
434
|
providers: [...FLEX_PROVIDERS, { provide: ColumnResize, useExisting: CdkColumnResizeFlex }],
|
|
455
|
-
standalone: true,
|
|
456
435
|
}]
|
|
457
436
|
}] });
|
|
458
437
|
|
|
@@ -461,22 +440,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8",
|
|
|
461
440
|
* Individual columns will be resizable unless opted out.
|
|
462
441
|
*/
|
|
463
442
|
class CdkDefaultEnabledColumnResize extends ColumnResize {
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
}
|
|
473
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: CdkDefaultEnabledColumnResize, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
474
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.8", 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: [
|
|
475
451
|
...TABLE_PROVIDERS,
|
|
476
452
|
{ provide: ColumnResize, useExisting: CdkDefaultEnabledColumnResize },
|
|
477
|
-
], usesInheritance: true, ngImport: i0 });
|
|
453
|
+
], usesInheritance: true, ngImport: i0 });
|
|
478
454
|
}
|
|
479
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
455
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkDefaultEnabledColumnResize, decorators: [{
|
|
480
456
|
type: Directive,
|
|
481
457
|
args: [{
|
|
482
458
|
selector: 'table[cdk-table]',
|
|
@@ -484,7 +460,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8",
|
|
|
484
460
|
...TABLE_PROVIDERS,
|
|
485
461
|
{ provide: ColumnResize, useExisting: CdkDefaultEnabledColumnResize },
|
|
486
462
|
],
|
|
487
|
-
standalone: true,
|
|
488
463
|
}]
|
|
489
464
|
}] });
|
|
490
465
|
|
|
@@ -493,22 +468,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8",
|
|
|
493
468
|
* Individual columns will be resizable unless opted out.
|
|
494
469
|
*/
|
|
495
470
|
class CdkDefaultEnabledColumnResizeFlex extends ColumnResize {
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
}
|
|
505
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.8", ngImport: i0, type: CdkDefaultEnabledColumnResizeFlex, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
506
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.8", 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: [
|
|
507
479
|
...FLEX_PROVIDERS,
|
|
508
480
|
{ provide: ColumnResize, useExisting: CdkDefaultEnabledColumnResizeFlex },
|
|
509
|
-
], usesInheritance: true, ngImport: i0 });
|
|
481
|
+
], usesInheritance: true, ngImport: i0 });
|
|
510
482
|
}
|
|
511
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
483
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkDefaultEnabledColumnResizeFlex, decorators: [{
|
|
512
484
|
type: Directive,
|
|
513
485
|
args: [{
|
|
514
486
|
selector: 'cdk-table',
|
|
@@ -516,7 +488,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8",
|
|
|
516
488
|
...FLEX_PROVIDERS,
|
|
517
489
|
{ provide: ColumnResize, useExisting: CdkDefaultEnabledColumnResizeFlex },
|
|
518
490
|
],
|
|
519
|
-
standalone: true,
|
|
520
491
|
}]
|
|
521
492
|
}] });
|
|
522
493
|
|
|
@@ -525,11 +496,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8",
|
|
|
525
496
|
* When using this module, columns are resizable by default.
|
|
526
497
|
*/
|
|
527
498
|
class CdkColumnResizeDefaultEnabledModule {
|
|
528
|
-
static
|
|
529
|
-
static
|
|
530
|
-
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 });
|
|
531
502
|
}
|
|
532
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
503
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkColumnResizeDefaultEnabledModule, decorators: [{
|
|
533
504
|
type: NgModule,
|
|
534
505
|
args: [{
|
|
535
506
|
imports: [CdkDefaultEnabledColumnResize, CdkDefaultEnabledColumnResizeFlex],
|
|
@@ -541,11 +512,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8",
|
|
|
541
512
|
* When using this module, columns are not resizable by default.
|
|
542
513
|
*/
|
|
543
514
|
class CdkColumnResizeModule {
|
|
544
|
-
static
|
|
545
|
-
static
|
|
546
|
-
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 });
|
|
547
518
|
}
|
|
548
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
519
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: CdkColumnResizeModule, decorators: [{
|
|
549
520
|
type: NgModule,
|
|
550
521
|
args: [{
|
|
551
522
|
imports: [CdkColumnResize, CdkColumnResizeFlex],
|
|
@@ -557,15 +528,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8",
|
|
|
557
528
|
* Can be provided by the host application to enable persistence of column resize state.
|
|
558
529
|
*/
|
|
559
530
|
class ColumnSizeStore {
|
|
560
|
-
static
|
|
561
|
-
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 });
|
|
562
533
|
}
|
|
563
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
534
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: ColumnSizeStore, decorators: [{
|
|
564
535
|
type: Injectable
|
|
565
536
|
}] });
|
|
566
537
|
|
|
567
538
|
/** Tracks state of resize events in progress. */
|
|
568
539
|
class ResizeRef {
|
|
540
|
+
origin;
|
|
541
|
+
overlayRef;
|
|
542
|
+
minWidthPx;
|
|
543
|
+
maxWidthPx;
|
|
569
544
|
constructor(origin, overlayRef, minWidthPx, maxWidthPx) {
|
|
570
545
|
this.origin = origin;
|
|
571
546
|
this.overlayRef = overlayRef;
|
|
@@ -580,13 +555,13 @@ const OVERLAY_ACTIVE_CLASS = 'cdk-resizable-overlay-thumb-active';
|
|
|
580
555
|
* resizable.
|
|
581
556
|
*/
|
|
582
557
|
class Resizable {
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
558
|
+
minWidthPxInternal = 0;
|
|
559
|
+
maxWidthPxInternal = Number.MAX_SAFE_INTEGER;
|
|
560
|
+
inlineHandle;
|
|
561
|
+
overlayRef;
|
|
562
|
+
destroyed = new Subject();
|
|
563
|
+
_viewInitialized = false;
|
|
564
|
+
_isDestroyed = false;
|
|
590
565
|
/** The minimum width to allow the column to be sized to. */
|
|
591
566
|
get minWidthPx() {
|
|
592
567
|
return this.minWidthPxInternal;
|
|
@@ -751,10 +726,10 @@ class Resizable {
|
|
|
751
726
|
this.elementRef.nativeElement.appendChild(this.inlineHandle);
|
|
752
727
|
});
|
|
753
728
|
}
|
|
754
|
-
static
|
|
755
|
-
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 });
|
|
756
731
|
}
|
|
757
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
732
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: Resizable, decorators: [{
|
|
758
733
|
type: Directive
|
|
759
734
|
}] });
|
|
760
735
|
|
|
@@ -765,9 +740,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.8",
|
|
|
765
740
|
* for handling column resize mouse events and displaying any visible UI on the column edge.
|
|
766
741
|
*/
|
|
767
742
|
class ResizeOverlayHandle {
|
|
768
|
-
|
|
769
|
-
this.destroyed = new Subject();
|
|
770
|
-
}
|
|
743
|
+
destroyed = new Subject();
|
|
771
744
|
ngAfterViewInit() {
|
|
772
745
|
this._listenForMouseEvents();
|
|
773
746
|
}
|
|
@@ -882,10 +855,10 @@ class ResizeOverlayHandle {
|
|
|
882
855
|
}
|
|
883
856
|
});
|
|
884
857
|
}
|
|
885
|
-
static
|
|
886
|
-
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 });
|
|
887
860
|
}
|
|
888
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.
|
|
861
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: ResizeOverlayHandle, decorators: [{
|
|
889
862
|
type: Directive
|
|
890
863
|
}] });
|
|
891
864
|
|