@angular/cdk-experimental 13.0.0-next.8 → 13.0.0-rc.3
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/column-resize_public_index.d.ts +4 -0
- package/column-resize/index.d.ts +5 -1
- package/column-resize/package.json +2 -2
- package/combobox/combobox_public_index.d.ts +4 -0
- package/combobox/index.d.ts +5 -1
- package/combobox/package.json +2 -2
- package/dialog/dialog_public_index.d.ts +4 -0
- package/dialog/index.d.ts +5 -1
- package/dialog/package.json +2 -2
- package/esm2020/column-resize/column-resize-directives/column-resize-flex.mjs +5 -11
- package/esm2020/column-resize/column-resize-directives/column-resize.mjs +5 -11
- package/esm2020/column-resize/column-resize-directives/default-enabled-column-resize-flex.mjs +4 -4
- package/esm2020/column-resize/column-resize-directives/default-enabled-column-resize.mjs +4 -4
- package/esm2020/column-resize/column-resize-module.mjs +9 -9
- package/esm2020/column-resize/column-resize-notifier.mjs +13 -8
- package/esm2020/column-resize/column-resize.mjs +17 -9
- package/esm2020/column-resize/column-resize_public_index.mjs +5 -0
- package/esm2020/column-resize/column-size-store.mjs +4 -4
- package/esm2020/column-resize/event-dispatcher.mjs +8 -8
- package/esm2020/column-resize/index.mjs +6 -2
- package/esm2020/column-resize/overlay-handle.mjs +20 -16
- package/esm2020/column-resize/resizable.mjs +25 -14
- package/esm2020/column-resize/resize-ref.mjs +1 -1
- package/esm2020/column-resize/resize-strategy.mjs +13 -12
- package/esm2020/combobox/combobox-module.mjs +5 -5
- package/esm2020/combobox/combobox-panel.mjs +5 -5
- package/esm2020/combobox/combobox-popup.mjs +7 -7
- package/esm2020/combobox/combobox.mjs +27 -15
- package/esm2020/combobox/combobox_public_index.mjs +5 -0
- package/esm2020/combobox/index.mjs +6 -2
- package/esm2020/dialog/dialog-container.mjs +26 -15
- package/esm2020/dialog/dialog-injectors.mjs +2 -2
- package/esm2020/dialog/dialog-module.mjs +9 -21
- package/esm2020/dialog/dialog-ref.mjs +3 -2
- package/esm2020/dialog/dialog.mjs +19 -14
- package/esm2020/dialog/dialog_public_index.mjs +5 -0
- package/esm2020/dialog/index.mjs +6 -2
- package/esm2020/listbox/index.mjs +6 -2
- package/esm2020/listbox/listbox-module.mjs +5 -5
- package/esm2020/listbox/listbox.mjs +24 -25
- package/esm2020/listbox/listbox_public_index.mjs +5 -0
- package/esm2020/menu/context-menu.mjs +9 -11
- package/esm2020/menu/index.mjs +6 -2
- package/esm2020/menu/menu-aim.mjs +7 -7
- package/esm2020/menu/menu-bar.mjs +4 -4
- package/esm2020/menu/menu-errors.mjs +1 -1
- 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-trigger.mjs +4 -4
- package/esm2020/menu/menu-item.mjs +4 -4
- package/esm2020/menu/menu-module.mjs +5 -5
- package/esm2020/menu/menu-panel.mjs +4 -4
- package/esm2020/menu/menu.mjs +4 -4
- package/esm2020/menu/menu_public_index.mjs +5 -0
- package/esm2020/menu/pointer-focus-tracker.mjs +1 -1
- package/esm2020/popover-edit/edit-event-dispatcher.mjs +11 -11
- package/esm2020/popover-edit/edit-ref.mjs +4 -4
- package/esm2020/popover-edit/edit-services.mjs +4 -4
- package/esm2020/popover-edit/focus-dispatcher.mjs +5 -5
- package/esm2020/popover-edit/focus-escape-notifier.mjs +4 -4
- package/esm2020/popover-edit/index.mjs +6 -2
- package/esm2020/popover-edit/lens-directives.mjs +11 -11
- package/esm2020/popover-edit/polyfill.mjs +8 -6
- package/esm2020/popover-edit/popover-edit-module.mjs +17 -17
- package/esm2020/popover-edit/popover-edit-position-strategy-factory.mjs +13 -10
- package/esm2020/popover-edit/popover-edit_public_index.mjs +5 -0
- package/esm2020/popover-edit/table-directives.mjs +50 -33
- package/esm2020/scrolling/auto-size-virtual-scroll.mjs +32 -22
- package/esm2020/scrolling/index.mjs +6 -2
- package/esm2020/scrolling/scrolling-module.mjs +5 -5
- package/esm2020/scrolling/scrolling_public_index.mjs +5 -0
- package/esm2020/selection/index.mjs +6 -2
- package/esm2020/selection/row-selection.mjs +10 -6
- package/esm2020/selection/select-all.mjs +5 -5
- package/esm2020/selection/selection-column.mjs +5 -5
- package/esm2020/selection/selection-module.mjs +8 -25
- package/esm2020/selection/selection-set.mjs +1 -1
- package/esm2020/selection/selection-toggle.mjs +11 -7
- package/esm2020/selection/selection.mjs +13 -12
- package/esm2020/selection/selection_public_index.mjs +5 -0
- package/esm2020/table-scroll-container/index.mjs +6 -2
- package/esm2020/table-scroll-container/table-scroll-container-module.mjs +5 -5
- package/esm2020/table-scroll-container/table-scroll-container.mjs +5 -9
- package/esm2020/table-scroll-container/table-scroll-container_public_index.mjs +5 -0
- package/esm2020/version.mjs +1 -1
- package/fesm2015/cdk-experimental.mjs +1 -1
- package/fesm2015/cdk-experimental.mjs.map +1 -1
- package/fesm2015/column-resize.mjs +122 -97
- package/fesm2015/column-resize.mjs.map +1 -1
- package/fesm2015/combobox.mjs +45 -25
- package/fesm2015/combobox.mjs.map +1 -1
- package/fesm2015/dialog.mjs +59 -46
- package/fesm2015/dialog.mjs.map +1 -1
- package/fesm2015/listbox.mjs +34 -27
- package/fesm2015/listbox.mjs.map +1 -1
- package/fesm2015/menu.mjs +53 -47
- package/fesm2015/menu.mjs.map +1 -1
- package/fesm2015/popover-edit.mjs +122 -92
- package/fesm2015/popover-edit.mjs.map +1 -1
- package/fesm2015/scrolling.mjs +42 -24
- package/fesm2015/scrolling.mjs.map +1 -1
- package/fesm2015/selection.mjs +53 -53
- package/fesm2015/selection.mjs.map +1 -1
- package/fesm2015/table-scroll-container.mjs +16 -12
- package/fesm2015/table-scroll-container.mjs.map +1 -1
- package/fesm2020/cdk-experimental.mjs +1 -1
- package/fesm2020/cdk-experimental.mjs.map +1 -1
- package/fesm2020/column-resize.mjs +123 -98
- package/fesm2020/column-resize.mjs.map +1 -1
- package/fesm2020/combobox.mjs +45 -25
- package/fesm2020/combobox.mjs.map +1 -1
- package/fesm2020/dialog.mjs +59 -46
- package/fesm2020/dialog.mjs.map +1 -1
- package/fesm2020/listbox.mjs +34 -27
- package/fesm2020/listbox.mjs.map +1 -1
- package/fesm2020/menu.mjs +53 -47
- package/fesm2020/menu.mjs.map +1 -1
- package/fesm2020/popover-edit.mjs +122 -92
- package/fesm2020/popover-edit.mjs.map +1 -1
- package/fesm2020/scrolling.mjs +42 -24
- package/fesm2020/scrolling.mjs.map +1 -1
- package/fesm2020/selection.mjs +53 -53
- package/fesm2020/selection.mjs.map +1 -1
- package/fesm2020/table-scroll-container.mjs +16 -12
- package/fesm2020/table-scroll-container.mjs.map +1 -1
- package/listbox/index.d.ts +5 -1
- package/listbox/listbox_public_index.d.ts +4 -0
- package/listbox/package.json +2 -2
- package/menu/index.d.ts +5 -1
- package/menu/menu_public_index.d.ts +4 -0
- package/menu/package.json +2 -2
- package/package.json +20 -20
- package/popover-edit/index.d.ts +5 -1
- package/popover-edit/package.json +2 -2
- package/popover-edit/popover-edit_public_index.d.ts +4 -0
- package/scrolling/index.d.ts +5 -1
- package/scrolling/package.json +2 -2
- package/scrolling/scrolling_public_index.d.ts +4 -0
- package/selection/index.d.ts +5 -1
- package/selection/package.json +2 -2
- package/selection/selection_public_index.d.ts +4 -0
- package/table-scroll-container/index.d.ts +5 -1
- package/table-scroll-container/package.json +2 -2
- package/table-scroll-container/table-scroll-container_public_index.d.ts +4 -0
|
@@ -64,18 +64,26 @@ class ColumnResize {
|
|
|
64
64
|
_listenForRowHoverEvents() {
|
|
65
65
|
this.ngZone.runOutsideAngular(() => {
|
|
66
66
|
const element = this.elementRef.nativeElement;
|
|
67
|
-
fromEvent(element, 'mouseover')
|
|
68
|
-
|
|
69
|
-
|
|
67
|
+
fromEvent(element, 'mouseover')
|
|
68
|
+
.pipe(map(event => _closest(event.target, HEADER_CELL_SELECTOR)), takeUntil(this.destroyed))
|
|
69
|
+
.subscribe(this.eventDispatcher.headerCellHovered);
|
|
70
|
+
fromEvent(element, 'mouseleave')
|
|
71
|
+
.pipe(filter(event => !!event.relatedTarget &&
|
|
72
|
+
!_matches(event.relatedTarget, RESIZE_OVERLAY_SELECTOR)), mapTo(null), takeUntil(this.destroyed))
|
|
73
|
+
.subscribe(this.eventDispatcher.headerCellHovered);
|
|
70
74
|
});
|
|
71
75
|
}
|
|
72
76
|
_listenForResizeActivity() {
|
|
73
|
-
merge(this.eventDispatcher.overlayHandleActiveForCell.pipe(mapTo(undefined)), this.notifier.triggerResize.pipe(mapTo(undefined)), this.notifier.resizeCompleted.pipe(mapTo(undefined)))
|
|
77
|
+
merge(this.eventDispatcher.overlayHandleActiveForCell.pipe(mapTo(undefined)), this.notifier.triggerResize.pipe(mapTo(undefined)), this.notifier.resizeCompleted.pipe(mapTo(undefined)))
|
|
78
|
+
.pipe(take(1), takeUntil(this.destroyed))
|
|
79
|
+
.subscribe(() => {
|
|
74
80
|
this.setResized();
|
|
75
81
|
});
|
|
76
82
|
}
|
|
77
83
|
_listenForHoverActivity() {
|
|
78
|
-
this.eventDispatcher.headerRowHoveredOrActiveDistinct
|
|
84
|
+
this.eventDispatcher.headerRowHoveredOrActiveDistinct
|
|
85
|
+
.pipe(startWith(null), pairwise(), takeUntil(this.destroyed))
|
|
86
|
+
.subscribe(([previousRow, hoveredRow]) => {
|
|
79
87
|
if (hoveredRow) {
|
|
80
88
|
hoveredRow.classList.add(HOVER_OR_ACTIVE_CLASS);
|
|
81
89
|
}
|
|
@@ -85,9 +93,9 @@ class ColumnResize {
|
|
|
85
93
|
});
|
|
86
94
|
}
|
|
87
95
|
}
|
|
88
|
-
ColumnResize.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
89
|
-
ColumnResize.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-
|
|
90
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-
|
|
96
|
+
ColumnResize.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: ColumnResize, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
97
|
+
ColumnResize.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-rc.3", type: ColumnResize, ngImport: i0 });
|
|
98
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: ColumnResize, decorators: [{
|
|
91
99
|
type: Directive
|
|
92
100
|
}] });
|
|
93
101
|
|
|
@@ -112,9 +120,9 @@ class ColumnResizeNotifierSource {
|
|
|
112
120
|
this.triggerResize = new Subject();
|
|
113
121
|
}
|
|
114
122
|
}
|
|
115
|
-
ColumnResizeNotifierSource.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
116
|
-
ColumnResizeNotifierSource.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-
|
|
117
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-
|
|
123
|
+
ColumnResizeNotifierSource.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: ColumnResizeNotifierSource, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
124
|
+
ColumnResizeNotifierSource.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: ColumnResizeNotifierSource });
|
|
125
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: ColumnResizeNotifierSource, decorators: [{
|
|
118
126
|
type: Injectable
|
|
119
127
|
}] });
|
|
120
128
|
/** Service for triggering column resizes imperatively or being notified of them. */
|
|
@@ -126,12 +134,17 @@ class ColumnResizeNotifier {
|
|
|
126
134
|
}
|
|
127
135
|
/** Instantly resizes the specified column. */
|
|
128
136
|
resize(columnId, size) {
|
|
129
|
-
this._source.triggerResize.next({
|
|
137
|
+
this._source.triggerResize.next({
|
|
138
|
+
columnId,
|
|
139
|
+
size,
|
|
140
|
+
completeImmediately: true,
|
|
141
|
+
isStickyColumn: true,
|
|
142
|
+
});
|
|
130
143
|
}
|
|
131
144
|
}
|
|
132
|
-
ColumnResizeNotifier.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
133
|
-
ColumnResizeNotifier.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-
|
|
134
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-
|
|
145
|
+
ColumnResizeNotifier.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: ColumnResizeNotifier, deps: [{ token: ColumnResizeNotifierSource }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
146
|
+
ColumnResizeNotifier.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: ColumnResizeNotifier });
|
|
147
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: ColumnResizeNotifier, decorators: [{
|
|
135
148
|
type: Injectable
|
|
136
149
|
}], ctorParameters: function () { return [{ type: ColumnResizeNotifierSource }]; } });
|
|
137
150
|
|
|
@@ -186,16 +199,16 @@ class HeaderRowEventDispatcher {
|
|
|
186
199
|
return this._lastSeenRowHover;
|
|
187
200
|
}
|
|
188
201
|
_enterZone() {
|
|
189
|
-
return (source) => new Observable(
|
|
190
|
-
next:
|
|
191
|
-
error:
|
|
192
|
-
complete: () => observer.complete()
|
|
202
|
+
return (source) => new Observable(observer => source.subscribe({
|
|
203
|
+
next: value => this._ngZone.run(() => observer.next(value)),
|
|
204
|
+
error: err => observer.error(err),
|
|
205
|
+
complete: () => observer.complete(),
|
|
193
206
|
}));
|
|
194
207
|
}
|
|
195
208
|
}
|
|
196
|
-
HeaderRowEventDispatcher.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
197
|
-
HeaderRowEventDispatcher.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-
|
|
198
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-
|
|
209
|
+
HeaderRowEventDispatcher.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: HeaderRowEventDispatcher, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
210
|
+
HeaderRowEventDispatcher.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: HeaderRowEventDispatcher });
|
|
211
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: HeaderRowEventDispatcher, decorators: [{
|
|
199
212
|
type: Injectable
|
|
200
213
|
}], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
|
|
201
214
|
|
|
@@ -231,9 +244,9 @@ class ResizeStrategy {
|
|
|
231
244
|
this._pendingResizeDelta = ((_a = this._pendingResizeDelta) !== null && _a !== void 0 ? _a : 0) + delta;
|
|
232
245
|
}
|
|
233
246
|
}
|
|
234
|
-
ResizeStrategy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
235
|
-
ResizeStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-
|
|
236
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-
|
|
247
|
+
ResizeStrategy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: ResizeStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
248
|
+
ResizeStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: ResizeStrategy });
|
|
249
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: ResizeStrategy, decorators: [{
|
|
237
250
|
type: Injectable
|
|
238
251
|
}] });
|
|
239
252
|
/**
|
|
@@ -271,9 +284,9 @@ class TableLayoutFixedResizeStrategy extends ResizeStrategy {
|
|
|
271
284
|
this.applyColumnSize(_, columnHeader, newWidth, currentWidth);
|
|
272
285
|
}
|
|
273
286
|
}
|
|
274
|
-
TableLayoutFixedResizeStrategy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
275
|
-
TableLayoutFixedResizeStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-
|
|
276
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-
|
|
287
|
+
TableLayoutFixedResizeStrategy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: TableLayoutFixedResizeStrategy, deps: [{ token: ColumnResize }, { token: _COALESCED_STYLE_SCHEDULER }, { token: i3.CdkTable }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
288
|
+
TableLayoutFixedResizeStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: TableLayoutFixedResizeStrategy });
|
|
289
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: TableLayoutFixedResizeStrategy, decorators: [{
|
|
277
290
|
type: Injectable
|
|
278
291
|
}], ctorParameters: function () {
|
|
279
292
|
return [{ type: ColumnResize }, { type: i3._CoalescedStyleScheduler, decorators: [{
|
|
@@ -303,7 +316,8 @@ class CdkFlexTableResizeStrategy extends ResizeStrategy {
|
|
|
303
316
|
applyColumnSize(cssFriendlyColumnName, columnHeader, sizeInPx, previousSizeInPx) {
|
|
304
317
|
// Optimization: Check applied width first as we probably set it already before reading
|
|
305
318
|
// offsetWidth which triggers layout.
|
|
306
|
-
const delta = sizeInPx -
|
|
319
|
+
const delta = sizeInPx -
|
|
320
|
+
(previousSizeInPx !== null && previousSizeInPx !== void 0 ? previousSizeInPx : (this._getAppliedWidth(cssFriendlyColumnName) || columnHeader.offsetWidth));
|
|
307
321
|
if (delta === 0) {
|
|
308
322
|
return;
|
|
309
323
|
}
|
|
@@ -386,9 +400,9 @@ class CdkFlexTableResizeStrategy extends ResizeStrategy {
|
|
|
386
400
|
this._getStyleSheet().insertRule(`${selector} {${body}}`, index);
|
|
387
401
|
}
|
|
388
402
|
}
|
|
389
|
-
CdkFlexTableResizeStrategy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
390
|
-
CdkFlexTableResizeStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-
|
|
391
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-
|
|
403
|
+
CdkFlexTableResizeStrategy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkFlexTableResizeStrategy, deps: [{ token: ColumnResize }, { token: _COALESCED_STYLE_SCHEDULER }, { token: i3.CdkTable }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
404
|
+
CdkFlexTableResizeStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkFlexTableResizeStrategy });
|
|
405
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkFlexTableResizeStrategy, decorators: [{
|
|
392
406
|
type: Injectable
|
|
393
407
|
}], ctorParameters: function () {
|
|
394
408
|
return [{ type: ColumnResize }, { type: i3._CoalescedStyleScheduler, decorators: [{
|
|
@@ -467,19 +481,13 @@ class CdkColumnResize extends ColumnResize {
|
|
|
467
481
|
this.table = table;
|
|
468
482
|
}
|
|
469
483
|
}
|
|
470
|
-
CdkColumnResize.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
471
|
-
CdkColumnResize.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-
|
|
472
|
-
|
|
473
|
-
{ provide: ColumnResize, useExisting: CdkColumnResize },
|
|
474
|
-
], usesInheritance: true, ngImport: i0 });
|
|
475
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkColumnResize, decorators: [{
|
|
484
|
+
CdkColumnResize.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkColumnResize, deps: [{ token: ColumnResizeNotifier }, { token: i0.ElementRef }, { token: HeaderRowEventDispatcher }, { token: i0.NgZone }, { token: ColumnResizeNotifierSource }, { token: i3.CdkTable }], target: i0.ɵɵFactoryTarget.Directive });
|
|
485
|
+
CdkColumnResize.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-rc.3", type: CdkColumnResize, selector: "table[cdk-table][columnResize]", providers: [...TABLE_PROVIDERS, { provide: ColumnResize, useExisting: CdkColumnResize }], usesInheritance: true, ngImport: i0 });
|
|
486
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkColumnResize, decorators: [{
|
|
476
487
|
type: Directive,
|
|
477
488
|
args: [{
|
|
478
489
|
selector: 'table[cdk-table][columnResize]',
|
|
479
|
-
providers: [
|
|
480
|
-
...TABLE_PROVIDERS,
|
|
481
|
-
{ provide: ColumnResize, useExisting: CdkColumnResize },
|
|
482
|
-
],
|
|
490
|
+
providers: [...TABLE_PROVIDERS, { provide: ColumnResize, useExisting: CdkColumnResize }],
|
|
483
491
|
}]
|
|
484
492
|
}], ctorParameters: function () { return [{ type: ColumnResizeNotifier }, { type: i0.ElementRef }, { type: HeaderRowEventDispatcher }, { type: i0.NgZone }, { type: ColumnResizeNotifierSource }, { type: i3.CdkTable }]; } });
|
|
485
493
|
|
|
@@ -505,19 +513,13 @@ class CdkColumnResizeFlex extends ColumnResize {
|
|
|
505
513
|
this.table = table;
|
|
506
514
|
}
|
|
507
515
|
}
|
|
508
|
-
CdkColumnResizeFlex.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
509
|
-
CdkColumnResizeFlex.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-
|
|
510
|
-
|
|
511
|
-
{ provide: ColumnResize, useExisting: CdkColumnResizeFlex },
|
|
512
|
-
], usesInheritance: true, ngImport: i0 });
|
|
513
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkColumnResizeFlex, decorators: [{
|
|
516
|
+
CdkColumnResizeFlex.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkColumnResizeFlex, deps: [{ token: ColumnResizeNotifier }, { token: i0.ElementRef }, { token: HeaderRowEventDispatcher }, { token: i0.NgZone }, { token: ColumnResizeNotifierSource }, { token: i3.CdkTable }], target: i0.ɵɵFactoryTarget.Directive });
|
|
517
|
+
CdkColumnResizeFlex.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-rc.3", type: CdkColumnResizeFlex, selector: "cdk-table[columnResize]", providers: [...FLEX_PROVIDERS, { provide: ColumnResize, useExisting: CdkColumnResizeFlex }], usesInheritance: true, ngImport: i0 });
|
|
518
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkColumnResizeFlex, decorators: [{
|
|
514
519
|
type: Directive,
|
|
515
520
|
args: [{
|
|
516
521
|
selector: 'cdk-table[columnResize]',
|
|
517
|
-
providers: [
|
|
518
|
-
...FLEX_PROVIDERS,
|
|
519
|
-
{ provide: ColumnResize, useExisting: CdkColumnResizeFlex },
|
|
520
|
-
],
|
|
522
|
+
providers: [...FLEX_PROVIDERS, { provide: ColumnResize, useExisting: CdkColumnResizeFlex }],
|
|
521
523
|
}]
|
|
522
524
|
}], ctorParameters: function () { return [{ type: ColumnResizeNotifier }, { type: i0.ElementRef }, { type: HeaderRowEventDispatcher }, { type: i0.NgZone }, { type: ColumnResizeNotifierSource }, { type: i3.CdkTable }]; } });
|
|
523
525
|
|
|
@@ -543,12 +545,12 @@ class CdkDefaultEnabledColumnResize extends ColumnResize {
|
|
|
543
545
|
this.table = table;
|
|
544
546
|
}
|
|
545
547
|
}
|
|
546
|
-
CdkDefaultEnabledColumnResize.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
547
|
-
CdkDefaultEnabledColumnResize.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-
|
|
548
|
+
CdkDefaultEnabledColumnResize.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkDefaultEnabledColumnResize, deps: [{ token: ColumnResizeNotifier }, { token: i0.ElementRef }, { token: HeaderRowEventDispatcher }, { token: i0.NgZone }, { token: ColumnResizeNotifierSource }, { token: i3.CdkTable }], target: i0.ɵɵFactoryTarget.Directive });
|
|
549
|
+
CdkDefaultEnabledColumnResize.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-rc.3", type: CdkDefaultEnabledColumnResize, selector: "table[cdk-table]", providers: [
|
|
548
550
|
...TABLE_PROVIDERS,
|
|
549
551
|
{ provide: ColumnResize, useExisting: CdkDefaultEnabledColumnResize },
|
|
550
552
|
], usesInheritance: true, ngImport: i0 });
|
|
551
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-
|
|
553
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkDefaultEnabledColumnResize, decorators: [{
|
|
552
554
|
type: Directive,
|
|
553
555
|
args: [{
|
|
554
556
|
selector: 'table[cdk-table]',
|
|
@@ -581,12 +583,12 @@ class CdkDefaultEnabledColumnResizeFlex extends ColumnResize {
|
|
|
581
583
|
this.table = table;
|
|
582
584
|
}
|
|
583
585
|
}
|
|
584
|
-
CdkDefaultEnabledColumnResizeFlex.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
585
|
-
CdkDefaultEnabledColumnResizeFlex.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-
|
|
586
|
+
CdkDefaultEnabledColumnResizeFlex.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkDefaultEnabledColumnResizeFlex, deps: [{ token: ColumnResizeNotifier }, { token: i0.ElementRef }, { token: HeaderRowEventDispatcher }, { token: i0.NgZone }, { token: ColumnResizeNotifierSource }, { token: i3.CdkTable }], target: i0.ɵɵFactoryTarget.Directive });
|
|
587
|
+
CdkDefaultEnabledColumnResizeFlex.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-rc.3", type: CdkDefaultEnabledColumnResizeFlex, selector: "cdk-table", providers: [
|
|
586
588
|
...FLEX_PROVIDERS,
|
|
587
589
|
{ provide: ColumnResize, useExisting: CdkDefaultEnabledColumnResizeFlex },
|
|
588
590
|
], usesInheritance: true, ngImport: i0 });
|
|
589
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-
|
|
591
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkDefaultEnabledColumnResizeFlex, decorators: [{
|
|
590
592
|
type: Directive,
|
|
591
593
|
args: [{
|
|
592
594
|
selector: 'cdk-table',
|
|
@@ -610,10 +612,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15",
|
|
|
610
612
|
*/
|
|
611
613
|
class CdkColumnResizeDefaultEnabledModule {
|
|
612
614
|
}
|
|
613
|
-
CdkColumnResizeDefaultEnabledModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
614
|
-
CdkColumnResizeDefaultEnabledModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0-
|
|
615
|
-
CdkColumnResizeDefaultEnabledModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0-
|
|
616
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-
|
|
615
|
+
CdkColumnResizeDefaultEnabledModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkColumnResizeDefaultEnabledModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
616
|
+
CdkColumnResizeDefaultEnabledModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkColumnResizeDefaultEnabledModule, declarations: [CdkDefaultEnabledColumnResize, CdkDefaultEnabledColumnResizeFlex], exports: [CdkDefaultEnabledColumnResize, CdkDefaultEnabledColumnResizeFlex] });
|
|
617
|
+
CdkColumnResizeDefaultEnabledModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkColumnResizeDefaultEnabledModule });
|
|
618
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkColumnResizeDefaultEnabledModule, decorators: [{
|
|
617
619
|
type: NgModule,
|
|
618
620
|
args: [{
|
|
619
621
|
declarations: [CdkDefaultEnabledColumnResize, CdkDefaultEnabledColumnResizeFlex],
|
|
@@ -626,10 +628,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15",
|
|
|
626
628
|
*/
|
|
627
629
|
class CdkColumnResizeModule {
|
|
628
630
|
}
|
|
629
|
-
CdkColumnResizeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
630
|
-
CdkColumnResizeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0-
|
|
631
|
-
CdkColumnResizeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0-
|
|
632
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-
|
|
631
|
+
CdkColumnResizeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkColumnResizeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
632
|
+
CdkColumnResizeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkColumnResizeModule, declarations: [CdkColumnResize, CdkColumnResizeFlex], exports: [CdkColumnResize, CdkColumnResizeFlex] });
|
|
633
|
+
CdkColumnResizeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkColumnResizeModule });
|
|
634
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkColumnResizeModule, decorators: [{
|
|
633
635
|
type: NgModule,
|
|
634
636
|
args: [{
|
|
635
637
|
declarations: [CdkColumnResize, CdkColumnResizeFlex],
|
|
@@ -649,9 +651,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15",
|
|
|
649
651
|
*/
|
|
650
652
|
class ColumnSizeStore {
|
|
651
653
|
}
|
|
652
|
-
ColumnSizeStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
653
|
-
ColumnSizeStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-
|
|
654
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-
|
|
654
|
+
ColumnSizeStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: ColumnSizeStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
655
|
+
ColumnSizeStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: ColumnSizeStore });
|
|
656
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: ColumnSizeStore, decorators: [{
|
|
655
657
|
type: Injectable
|
|
656
658
|
}] });
|
|
657
659
|
|
|
@@ -735,18 +737,21 @@ class Resizable {
|
|
|
735
737
|
// of two table cells and is also useful for displaying a resize thumb
|
|
736
738
|
// over both cells and extending it down the table as needed.
|
|
737
739
|
const isRtl = this.directionality.value === 'rtl';
|
|
738
|
-
const positionStrategy = this.overlay
|
|
740
|
+
const positionStrategy = this.overlay
|
|
741
|
+
.position()
|
|
739
742
|
.flexibleConnectedTo(this.elementRef.nativeElement)
|
|
740
743
|
.withFlexibleDimensions(false)
|
|
741
744
|
.withGrowAfterOpen(false)
|
|
742
745
|
.withPush(false)
|
|
743
746
|
.withDefaultOffsetX(isRtl ? 1 : 0)
|
|
744
|
-
.withPositions([
|
|
747
|
+
.withPositions([
|
|
748
|
+
{
|
|
745
749
|
originX: isRtl ? 'start' : 'end',
|
|
746
750
|
originY: 'top',
|
|
747
751
|
overlayX: 'center',
|
|
748
752
|
overlayY: 'top',
|
|
749
|
-
}
|
|
753
|
+
},
|
|
754
|
+
]);
|
|
750
755
|
return this.overlay.create({
|
|
751
756
|
// Always position the overlay based on left-indexed coordinates.
|
|
752
757
|
direction: 'ltr',
|
|
@@ -759,8 +764,10 @@ class Resizable {
|
|
|
759
764
|
_listenForRowHoverEvents() {
|
|
760
765
|
const element = this.elementRef.nativeElement;
|
|
761
766
|
const takeUntilDestroyed = takeUntil(this.destroyed);
|
|
762
|
-
this.eventDispatcher
|
|
763
|
-
.
|
|
767
|
+
this.eventDispatcher
|
|
768
|
+
.resizeOverlayVisibleForHeaderRow(_closest(element, HEADER_ROW_SELECTOR))
|
|
769
|
+
.pipe(takeUntilDestroyed)
|
|
770
|
+
.subscribe(hoveringRow => {
|
|
764
771
|
if (hoveringRow) {
|
|
765
772
|
if (!this.overlayRef) {
|
|
766
773
|
this.overlayRef = this._createOverlayForHandle();
|
|
@@ -775,14 +782,18 @@ class Resizable {
|
|
|
775
782
|
}
|
|
776
783
|
_listenForResizeEvents() {
|
|
777
784
|
const takeUntilDestroyed = takeUntil(this.destroyed);
|
|
778
|
-
merge(this.resizeNotifier.resizeCanceled, this.resizeNotifier.triggerResize)
|
|
785
|
+
merge(this.resizeNotifier.resizeCanceled, this.resizeNotifier.triggerResize)
|
|
786
|
+
.pipe(takeUntilDestroyed, filter(columnSize => columnSize.columnId === this.columnDef.name))
|
|
787
|
+
.subscribe(({ size, previousSize, completeImmediately }) => {
|
|
779
788
|
this.elementRef.nativeElement.classList.add(OVERLAY_ACTIVE_CLASS);
|
|
780
789
|
this._applySize(size, previousSize);
|
|
781
790
|
if (completeImmediately) {
|
|
782
791
|
this._completeResizeOperation();
|
|
783
792
|
}
|
|
784
793
|
});
|
|
785
|
-
merge(this.resizeNotifier.resizeCanceled, this.resizeNotifier.resizeCompleted)
|
|
794
|
+
merge(this.resizeNotifier.resizeCanceled, this.resizeNotifier.resizeCompleted)
|
|
795
|
+
.pipe(takeUntilDestroyed)
|
|
796
|
+
.subscribe(columnSize => {
|
|
786
797
|
this._cleanUpAfterResize(columnSize);
|
|
787
798
|
});
|
|
788
799
|
}
|
|
@@ -807,10 +818,12 @@ class Resizable {
|
|
|
807
818
|
_createHandlePortal() {
|
|
808
819
|
const injector = Injector.create({
|
|
809
820
|
parent: this.injector,
|
|
810
|
-
providers: [
|
|
821
|
+
providers: [
|
|
822
|
+
{
|
|
811
823
|
provide: ResizeRef,
|
|
812
|
-
useValue: new ResizeRef(this.elementRef, this.overlayRef, this.minWidthPx, this.maxWidthPx)
|
|
813
|
-
}
|
|
824
|
+
useValue: new ResizeRef(this.elementRef, this.overlayRef, this.minWidthPx, this.maxWidthPx),
|
|
825
|
+
},
|
|
826
|
+
],
|
|
814
827
|
});
|
|
815
828
|
return new ComponentPortal(this.getOverlayHandleComponentType(), this.viewContainerRef, injector);
|
|
816
829
|
}
|
|
@@ -843,9 +856,9 @@ class Resizable {
|
|
|
843
856
|
});
|
|
844
857
|
}
|
|
845
858
|
}
|
|
846
|
-
Resizable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
847
|
-
Resizable.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-
|
|
848
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-
|
|
859
|
+
Resizable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: Resizable, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
860
|
+
Resizable.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-rc.3", type: Resizable, ngImport: i0 });
|
|
861
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: Resizable, decorators: [{
|
|
849
862
|
type: Directive
|
|
850
863
|
}] });
|
|
851
864
|
|
|
@@ -875,11 +888,15 @@ class ResizeOverlayHandle {
|
|
|
875
888
|
}
|
|
876
889
|
_listenForMouseEvents() {
|
|
877
890
|
this.ngZone.runOutsideAngular(() => {
|
|
878
|
-
fromEvent(this.elementRef.nativeElement, 'mouseenter')
|
|
879
|
-
|
|
880
|
-
|
|
891
|
+
fromEvent(this.elementRef.nativeElement, 'mouseenter')
|
|
892
|
+
.pipe(mapTo(this.resizeRef.origin.nativeElement), takeUntil(this.destroyed))
|
|
893
|
+
.subscribe(cell => this.eventDispatcher.headerCellHovered.next(cell));
|
|
894
|
+
fromEvent(this.elementRef.nativeElement, 'mouseleave')
|
|
895
|
+
.pipe(map(event => event.relatedTarget && _closest(event.relatedTarget, HEADER_CELL_SELECTOR)), takeUntil(this.destroyed))
|
|
896
|
+
.subscribe(cell => this.eventDispatcher.headerCellHovered.next(cell));
|
|
881
897
|
fromEvent(this.elementRef.nativeElement, 'mousedown')
|
|
882
|
-
.pipe(takeUntil(this.destroyed))
|
|
898
|
+
.pipe(takeUntil(this.destroyed))
|
|
899
|
+
.subscribe(mousedownEvent => {
|
|
883
900
|
this._dragStarted(mousedownEvent);
|
|
884
901
|
});
|
|
885
902
|
});
|
|
@@ -891,8 +908,7 @@ class ResizeOverlayHandle {
|
|
|
891
908
|
}
|
|
892
909
|
const mouseup = fromEvent(this.document, 'mouseup');
|
|
893
910
|
const mousemove = fromEvent(this.document, 'mousemove');
|
|
894
|
-
const escape = fromEvent(this.document, 'keyup')
|
|
895
|
-
.pipe(filter(event => event.keyCode === ESCAPE));
|
|
911
|
+
const escape = fromEvent(this.document, 'keyup').pipe(filter(event => event.keyCode === ESCAPE));
|
|
896
912
|
const startX = mousedownEvent.screenX;
|
|
897
913
|
const initialSize = this._getOriginWidth();
|
|
898
914
|
let overlayOffset = 0;
|
|
@@ -908,19 +924,21 @@ class ResizeOverlayHandle {
|
|
|
908
924
|
escape.pipe(takeUntil(merge(mouseup, this.destroyed))).subscribe(() => {
|
|
909
925
|
this._notifyResizeEnded(initialSize);
|
|
910
926
|
});
|
|
911
|
-
mousemove
|
|
927
|
+
mousemove
|
|
928
|
+
.pipe(map(({ screenX }) => screenX), startWith(startX), distinctUntilChanged(), pairwise(), takeUntil(merge(mouseup, escape, this.destroyed)))
|
|
929
|
+
.subscribe(([prevX, currX]) => {
|
|
912
930
|
let deltaX = currX - prevX;
|
|
913
931
|
// If the mouse moved further than the resize was able to match, limit the
|
|
914
932
|
// movement of the overlay to match the actual size and position of the origin.
|
|
915
933
|
if (overshot !== 0) {
|
|
916
|
-
if (overshot < 0 && deltaX < 0 || overshot > 0 && deltaX > 0) {
|
|
934
|
+
if ((overshot < 0 && deltaX < 0) || (overshot > 0 && deltaX > 0)) {
|
|
917
935
|
overshot += deltaX;
|
|
918
936
|
return;
|
|
919
937
|
}
|
|
920
938
|
else {
|
|
921
939
|
const remainingOvershot = overshot + deltaX;
|
|
922
|
-
overshot =
|
|
923
|
-
Math.max(remainingOvershot, 0) : Math.min(remainingOvershot, 0);
|
|
940
|
+
overshot =
|
|
941
|
+
overshot > 0 ? Math.max(remainingOvershot, 0) : Math.min(remainingOvershot, 0);
|
|
924
942
|
deltaX = remainingOvershot - overshot;
|
|
925
943
|
if (deltaX === 0) {
|
|
926
944
|
return;
|
|
@@ -958,8 +976,7 @@ class ResizeOverlayHandle {
|
|
|
958
976
|
return this.resizeRef.origin.nativeElement.offsetLeft;
|
|
959
977
|
}
|
|
960
978
|
_updateOverlayOffset(offset) {
|
|
961
|
-
this.resizeRef.overlayRef.overlayElement.style.transform =
|
|
962
|
-
`translateX(${coerceCssPixelValue(offset)})`;
|
|
979
|
+
this.resizeRef.overlayRef.overlayElement.style.transform = `translateX(${coerceCssPixelValue(offset)})`;
|
|
963
980
|
}
|
|
964
981
|
_isLtr() {
|
|
965
982
|
return this.directionality.value === 'ltr';
|
|
@@ -977,9 +994,9 @@ class ResizeOverlayHandle {
|
|
|
977
994
|
});
|
|
978
995
|
}
|
|
979
996
|
}
|
|
980
|
-
ResizeOverlayHandle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
981
|
-
ResizeOverlayHandle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-
|
|
982
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-
|
|
997
|
+
ResizeOverlayHandle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: ResizeOverlayHandle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
998
|
+
ResizeOverlayHandle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-rc.3", type: ResizeOverlayHandle, ngImport: i0 });
|
|
999
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: ResizeOverlayHandle, decorators: [{
|
|
983
1000
|
type: Directive
|
|
984
1001
|
}] });
|
|
985
1002
|
|
|
@@ -991,6 +1008,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15",
|
|
|
991
1008
|
* found in the LICENSE file at https://angular.io/license
|
|
992
1009
|
*/
|
|
993
1010
|
|
|
1011
|
+
/**
|
|
1012
|
+
* @license
|
|
1013
|
+
* Copyright Google LLC All Rights Reserved.
|
|
1014
|
+
*
|
|
1015
|
+
* Use of this source code is governed by an MIT-style license that can be
|
|
1016
|
+
* found in the LICENSE file at https://angular.io/license
|
|
1017
|
+
*/
|
|
1018
|
+
|
|
994
1019
|
/**
|
|
995
1020
|
* Generated bundle index. Do not edit.
|
|
996
1021
|
*/
|