@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
|
@@ -103,20 +103,16 @@ class CdkTableScrollContainer {
|
|
|
103
103
|
}
|
|
104
104
|
}
|
|
105
105
|
}
|
|
106
|
-
CdkTableScrollContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
107
|
-
CdkTableScrollContainer.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-
|
|
108
|
-
|
|
109
|
-
], ngImport: i0 });
|
|
110
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkTableScrollContainer, decorators: [{
|
|
106
|
+
CdkTableScrollContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkTableScrollContainer, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }, { token: i1.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
107
|
+
CdkTableScrollContainer.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-rc.3", type: CdkTableScrollContainer, selector: "[cdkTableScrollContainer]", host: { classAttribute: "cdk-table-scroll-container" }, providers: [{ provide: STICKY_POSITIONING_LISTENER, useExisting: CdkTableScrollContainer }], ngImport: i0 });
|
|
108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkTableScrollContainer, decorators: [{
|
|
111
109
|
type: Directive,
|
|
112
110
|
args: [{
|
|
113
111
|
selector: '[cdkTableScrollContainer]',
|
|
114
112
|
host: {
|
|
115
113
|
'class': 'cdk-table-scroll-container',
|
|
116
114
|
},
|
|
117
|
-
providers: [
|
|
118
|
-
{ provide: STICKY_POSITIONING_LISTENER, useExisting: CdkTableScrollContainer },
|
|
119
|
-
],
|
|
115
|
+
providers: [{ provide: STICKY_POSITIONING_LISTENER, useExisting: CdkTableScrollContainer }],
|
|
120
116
|
}]
|
|
121
117
|
}], ctorParameters: function () {
|
|
122
118
|
return [{ type: i0.ElementRef }, { type: Document, decorators: [{
|
|
@@ -146,10 +142,10 @@ function computeMargin(sizes) {
|
|
|
146
142
|
*/
|
|
147
143
|
class CdkTableScrollContainerModule {
|
|
148
144
|
}
|
|
149
|
-
CdkTableScrollContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
150
|
-
CdkTableScrollContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0-
|
|
151
|
-
CdkTableScrollContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0-
|
|
152
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-
|
|
145
|
+
CdkTableScrollContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkTableScrollContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
146
|
+
CdkTableScrollContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkTableScrollContainerModule, declarations: [CdkTableScrollContainer], exports: [CdkTableScrollContainer] });
|
|
147
|
+
CdkTableScrollContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkTableScrollContainerModule });
|
|
148
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkTableScrollContainerModule, decorators: [{
|
|
153
149
|
type: NgModule,
|
|
154
150
|
args: [{
|
|
155
151
|
declarations: [CdkTableScrollContainer],
|
|
@@ -165,6 +161,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15",
|
|
|
165
161
|
* found in the LICENSE file at https://angular.io/license
|
|
166
162
|
*/
|
|
167
163
|
|
|
164
|
+
/**
|
|
165
|
+
* @license
|
|
166
|
+
* Copyright Google LLC All Rights Reserved.
|
|
167
|
+
*
|
|
168
|
+
* Use of this source code is governed by an MIT-style license that can be
|
|
169
|
+
* found in the LICENSE file at https://angular.io/license
|
|
170
|
+
*/
|
|
171
|
+
|
|
168
172
|
/**
|
|
169
173
|
* Generated bundle index. Do not edit.
|
|
170
174
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-scroll-container.mjs","sources":["../../../../../../src/cdk-experimental/table-scroll-container/table-scroll-container.ts","../../../../../../src/cdk-experimental/table-scroll-container/table-scroll-container-module.ts","../../../../../../src/cdk-experimental/table-scroll-container/public-api.ts","../../../../../../src/cdk-experimental/table-scroll-container/index.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.io/license\n */\n\nimport {Directive, ElementRef, Inject, OnDestroy, OnInit, Optional} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {Directionality} from '@angular/cdk/bidi';\nimport {_getShadowRoot} from '@angular/cdk/platform';\nimport {\n STICKY_POSITIONING_LISTENER,\n StickyPositioningListener,\n StickySize,\n StickyUpdate,\n} from '@angular/cdk/table';\n\nlet nextId = 0;\n\n/**\n * Applies styles to the host element that make its scrollbars match up with\n * the non-sticky scrollable portions of the CdkTable contained within.\n *\n * This visual effect only works in Webkit and Blink based browsers (eg Chrome,\n * Safari, Edge). Other browsers such as Firefox will gracefully degrade to\n * normal scrollbar appearance.\n * Further note: These styles have no effect when the browser is using OS-default\n * scrollbars. The easiest way to force them into custom mode is to specify width\n * and height for the scrollbar and thumb.\n */\n@Directive({\n selector: '[cdkTableScrollContainer]',\n host: {\n 'class': 'cdk-table-scroll-container',\n },\n providers: [
|
|
1
|
+
{"version":3,"file":"table-scroll-container.mjs","sources":["../../../../../../src/cdk-experimental/table-scroll-container/table-scroll-container.ts","../../../../../../src/cdk-experimental/table-scroll-container/table-scroll-container-module.ts","../../../../../../src/cdk-experimental/table-scroll-container/public-api.ts","../../../../../../src/cdk-experimental/table-scroll-container/index.ts","../../../../../../src/cdk-experimental/table-scroll-container/table-scroll-container_public_index.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.io/license\n */\n\nimport {Directive, ElementRef, Inject, OnDestroy, OnInit, Optional} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {Directionality} from '@angular/cdk/bidi';\nimport {_getShadowRoot} from '@angular/cdk/platform';\nimport {\n STICKY_POSITIONING_LISTENER,\n StickyPositioningListener,\n StickySize,\n StickyUpdate,\n} from '@angular/cdk/table';\n\nlet nextId = 0;\n\n/**\n * Applies styles to the host element that make its scrollbars match up with\n * the non-sticky scrollable portions of the CdkTable contained within.\n *\n * This visual effect only works in Webkit and Blink based browsers (eg Chrome,\n * Safari, Edge). Other browsers such as Firefox will gracefully degrade to\n * normal scrollbar appearance.\n * Further note: These styles have no effect when the browser is using OS-default\n * scrollbars. The easiest way to force them into custom mode is to specify width\n * and height for the scrollbar and thumb.\n */\n@Directive({\n selector: '[cdkTableScrollContainer]',\n host: {\n 'class': 'cdk-table-scroll-container',\n },\n providers: [{provide: STICKY_POSITIONING_LISTENER, useExisting: CdkTableScrollContainer}],\n})\nexport class CdkTableScrollContainer implements StickyPositioningListener, OnDestroy, OnInit {\n private readonly _uniqueClassName: string;\n private _styleRoot!: Node;\n private _styleElement?: HTMLStyleElement;\n\n /** The most recent sticky column size values from the CdkTable. */\n private _startSizes: StickySize[] = [];\n private _endSizes: StickySize[] = [];\n private _headerSizes: StickySize[] = [];\n private _footerSizes: StickySize[] = [];\n\n constructor(\n private readonly _elementRef: ElementRef<HTMLElement>,\n @Inject(DOCUMENT) private readonly _document: Document,\n @Optional() private readonly _directionality?: Directionality,\n ) {\n this._uniqueClassName = `cdk-table-scroll-container-${++nextId}`;\n _elementRef.nativeElement.classList.add(this._uniqueClassName);\n }\n\n ngOnInit() {\n // Note that we need to look up the root node in ngOnInit, rather than the constructor, because\n // Angular seems to create the element outside the shadow root and then moves it inside, if the\n // node is inside an `ngIf` and a ShadowDom-encapsulated component.\n this._styleRoot = _getShadowRoot(this._elementRef.nativeElement) ?? this._document.head;\n }\n\n ngOnDestroy(): void {\n this._styleElement?.remove();\n this._styleElement = undefined;\n }\n\n stickyColumnsUpdated({sizes}: StickyUpdate): void {\n this._startSizes = sizes;\n this._updateScrollbar();\n }\n\n stickyEndColumnsUpdated({sizes}: StickyUpdate): void {\n this._endSizes = sizes;\n this._updateScrollbar();\n }\n\n stickyHeaderRowsUpdated({sizes}: StickyUpdate): void {\n this._headerSizes = sizes;\n this._updateScrollbar();\n }\n\n stickyFooterRowsUpdated({sizes}: StickyUpdate): void {\n this._footerSizes = sizes;\n this._updateScrollbar();\n }\n\n /**\n * Set padding on the scrollbar track based on the sticky states from CdkTable.\n */\n private _updateScrollbar(): void {\n const topMargin = computeMargin(this._headerSizes);\n const bottomMargin = computeMargin(this._footerSizes);\n const startMargin = computeMargin(this._startSizes);\n const endMargin = computeMargin(this._endSizes);\n\n if (topMargin === 0 && bottomMargin === 0 && startMargin === 0 && endMargin === 0) {\n this._clearCss();\n return;\n }\n\n const direction = this._directionality ? this._directionality.value : 'ltr';\n const leftMargin = direction === 'rtl' ? endMargin : startMargin;\n const rightMargin = direction === 'rtl' ? startMargin : endMargin;\n\n this._applyCss(`${topMargin}px ${rightMargin}px ${bottomMargin}px ${leftMargin}px`);\n }\n\n /** Gets the stylesheet for the scrollbar styles and creates it if need be. */\n private _getStyleSheet(): CSSStyleSheet {\n if (!this._styleElement) {\n this._styleElement = this._document.createElement('style');\n this._styleRoot.appendChild(this._styleElement);\n }\n\n return this._styleElement.sheet as CSSStyleSheet;\n }\n\n /** Updates the stylesheet with the specified scrollbar style. */\n private _applyCss(value: string) {\n this._clearCss();\n\n const selector = `.${this._uniqueClassName}::-webkit-scrollbar-track`;\n this._getStyleSheet().insertRule(`${selector} {margin: ${value}}`, 0);\n }\n\n private _clearCss() {\n const styleSheet = this._getStyleSheet();\n if (styleSheet.cssRules.length > 0) {\n styleSheet.deleteRule(0);\n }\n }\n}\n\nfunction computeMargin(sizes: (number | null | undefined)[]): number {\n let margin = 0;\n for (const size of sizes) {\n if (size == null) {\n break;\n }\n margin += size;\n }\n return margin;\n}\n","/**\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.io/license\n */\n\nimport {NgModule} from '@angular/core';\n\nimport {CdkTableScrollContainer} from './table-scroll-container';\n\n@NgModule({\n declarations: [CdkTableScrollContainer],\n exports: [CdkTableScrollContainer],\n})\nexport class CdkTableScrollContainerModule {}\n","/**\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.io/license\n */\n\nexport * from './table-scroll-container';\nexport * from './table-scroll-container-module';\n","/**\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.io/license\n */\n\nexport * from './public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ import { Version } from '@angular/core';
|
|
|
8
8
|
* found in the LICENSE file at https://angular.io/license
|
|
9
9
|
*/
|
|
10
10
|
/** Current version of the CDK Experimental package. */
|
|
11
|
-
const VERSION = new Version('13.0.0-
|
|
11
|
+
const VERSION = new Version('13.0.0-rc.3');
|
|
12
12
|
|
|
13
13
|
/**
|
|
14
14
|
* @license
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cdk-experimental.mjs","sources":["../../../../../../src/cdk-experimental/version.ts","../../../../../../src/cdk-experimental/public-api.ts","../../../../../../src/cdk-experimental/index.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.io/license\n */\n\nimport {Version} from '@angular/core';\n\n/** Current version of the CDK Experimental package. */\nexport const VERSION = new Version('13.0.0-
|
|
1
|
+
{"version":3,"file":"cdk-experimental.mjs","sources":["../../../../../../src/cdk-experimental/version.ts","../../../../../../src/cdk-experimental/public-api.ts","../../../../../../src/cdk-experimental/index.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.io/license\n */\n\nimport {Version} from '@angular/core';\n\n/** Current version of the CDK Experimental package. */\nexport const VERSION = new Version('13.0.0-rc.3');\n","/**\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.io/license\n */\n\nexport * from './version';\n","/**\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.io/license\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAAA;;;;;;;AAUA;MACa,OAAO,GAAG,IAAI,OAAO,CAAC,mBAAmB;;ACXtD;;;;;;;;ACAA;;;;;;;;;;"}
|
|
@@ -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
|
|
|
@@ -230,9 +243,9 @@ class ResizeStrategy {
|
|
|
230
243
|
this._pendingResizeDelta = (this._pendingResizeDelta ?? 0) + delta;
|
|
231
244
|
}
|
|
232
245
|
}
|
|
233
|
-
ResizeStrategy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
234
|
-
ResizeStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-
|
|
235
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-
|
|
246
|
+
ResizeStrategy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: ResizeStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
247
|
+
ResizeStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: ResizeStrategy });
|
|
248
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: ResizeStrategy, decorators: [{
|
|
236
249
|
type: Injectable
|
|
237
250
|
}] });
|
|
238
251
|
/**
|
|
@@ -270,9 +283,9 @@ class TableLayoutFixedResizeStrategy extends ResizeStrategy {
|
|
|
270
283
|
this.applyColumnSize(_, columnHeader, newWidth, currentWidth);
|
|
271
284
|
}
|
|
272
285
|
}
|
|
273
|
-
TableLayoutFixedResizeStrategy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
274
|
-
TableLayoutFixedResizeStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-
|
|
275
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-
|
|
286
|
+
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 });
|
|
287
|
+
TableLayoutFixedResizeStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: TableLayoutFixedResizeStrategy });
|
|
288
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: TableLayoutFixedResizeStrategy, decorators: [{
|
|
276
289
|
type: Injectable
|
|
277
290
|
}], ctorParameters: function () { return [{ type: ColumnResize }, { type: i3._CoalescedStyleScheduler, decorators: [{
|
|
278
291
|
type: Inject,
|
|
@@ -300,8 +313,9 @@ class CdkFlexTableResizeStrategy extends ResizeStrategy {
|
|
|
300
313
|
applyColumnSize(cssFriendlyColumnName, columnHeader, sizeInPx, previousSizeInPx) {
|
|
301
314
|
// Optimization: Check applied width first as we probably set it already before reading
|
|
302
315
|
// offsetWidth which triggers layout.
|
|
303
|
-
const delta = sizeInPx -
|
|
304
|
-
(
|
|
316
|
+
const delta = sizeInPx -
|
|
317
|
+
(previousSizeInPx ??
|
|
318
|
+
(this._getAppliedWidth(cssFriendlyColumnName) || columnHeader.offsetWidth));
|
|
305
319
|
if (delta === 0) {
|
|
306
320
|
return;
|
|
307
321
|
}
|
|
@@ -383,9 +397,9 @@ class CdkFlexTableResizeStrategy extends ResizeStrategy {
|
|
|
383
397
|
this._getStyleSheet().insertRule(`${selector} {${body}}`, index);
|
|
384
398
|
}
|
|
385
399
|
}
|
|
386
|
-
CdkFlexTableResizeStrategy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
387
|
-
CdkFlexTableResizeStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-
|
|
388
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-
|
|
400
|
+
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 });
|
|
401
|
+
CdkFlexTableResizeStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkFlexTableResizeStrategy });
|
|
402
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkFlexTableResizeStrategy, decorators: [{
|
|
389
403
|
type: Injectable
|
|
390
404
|
}], ctorParameters: function () { return [{ type: ColumnResize }, { type: i3._CoalescedStyleScheduler, decorators: [{
|
|
391
405
|
type: Inject,
|
|
@@ -460,19 +474,13 @@ class CdkColumnResize extends ColumnResize {
|
|
|
460
474
|
this.table = table;
|
|
461
475
|
}
|
|
462
476
|
}
|
|
463
|
-
CdkColumnResize.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
464
|
-
CdkColumnResize.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-
|
|
465
|
-
|
|
466
|
-
{ provide: ColumnResize, useExisting: CdkColumnResize },
|
|
467
|
-
], usesInheritance: true, ngImport: i0 });
|
|
468
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkColumnResize, decorators: [{
|
|
477
|
+
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 });
|
|
478
|
+
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 });
|
|
479
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkColumnResize, decorators: [{
|
|
469
480
|
type: Directive,
|
|
470
481
|
args: [{
|
|
471
482
|
selector: 'table[cdk-table][columnResize]',
|
|
472
|
-
providers: [
|
|
473
|
-
...TABLE_PROVIDERS,
|
|
474
|
-
{ provide: ColumnResize, useExisting: CdkColumnResize },
|
|
475
|
-
],
|
|
483
|
+
providers: [...TABLE_PROVIDERS, { provide: ColumnResize, useExisting: CdkColumnResize }],
|
|
476
484
|
}]
|
|
477
485
|
}], ctorParameters: function () { return [{ type: ColumnResizeNotifier }, { type: i0.ElementRef }, { type: HeaderRowEventDispatcher }, { type: i0.NgZone }, { type: ColumnResizeNotifierSource }, { type: i3.CdkTable }]; } });
|
|
478
486
|
|
|
@@ -498,19 +506,13 @@ class CdkColumnResizeFlex extends ColumnResize {
|
|
|
498
506
|
this.table = table;
|
|
499
507
|
}
|
|
500
508
|
}
|
|
501
|
-
CdkColumnResizeFlex.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
502
|
-
CdkColumnResizeFlex.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-
|
|
503
|
-
|
|
504
|
-
{ provide: ColumnResize, useExisting: CdkColumnResizeFlex },
|
|
505
|
-
], usesInheritance: true, ngImport: i0 });
|
|
506
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: CdkColumnResizeFlex, decorators: [{
|
|
509
|
+
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 });
|
|
510
|
+
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 });
|
|
511
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkColumnResizeFlex, decorators: [{
|
|
507
512
|
type: Directive,
|
|
508
513
|
args: [{
|
|
509
514
|
selector: 'cdk-table[columnResize]',
|
|
510
|
-
providers: [
|
|
511
|
-
...FLEX_PROVIDERS,
|
|
512
|
-
{ provide: ColumnResize, useExisting: CdkColumnResizeFlex },
|
|
513
|
-
],
|
|
515
|
+
providers: [...FLEX_PROVIDERS, { provide: ColumnResize, useExisting: CdkColumnResizeFlex }],
|
|
514
516
|
}]
|
|
515
517
|
}], ctorParameters: function () { return [{ type: ColumnResizeNotifier }, { type: i0.ElementRef }, { type: HeaderRowEventDispatcher }, { type: i0.NgZone }, { type: ColumnResizeNotifierSource }, { type: i3.CdkTable }]; } });
|
|
516
518
|
|
|
@@ -536,12 +538,12 @@ class CdkDefaultEnabledColumnResize extends ColumnResize {
|
|
|
536
538
|
this.table = table;
|
|
537
539
|
}
|
|
538
540
|
}
|
|
539
|
-
CdkDefaultEnabledColumnResize.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
540
|
-
CdkDefaultEnabledColumnResize.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-
|
|
541
|
+
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 });
|
|
542
|
+
CdkDefaultEnabledColumnResize.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-rc.3", type: CdkDefaultEnabledColumnResize, selector: "table[cdk-table]", providers: [
|
|
541
543
|
...TABLE_PROVIDERS,
|
|
542
544
|
{ provide: ColumnResize, useExisting: CdkDefaultEnabledColumnResize },
|
|
543
545
|
], usesInheritance: true, ngImport: i0 });
|
|
544
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-
|
|
546
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkDefaultEnabledColumnResize, decorators: [{
|
|
545
547
|
type: Directive,
|
|
546
548
|
args: [{
|
|
547
549
|
selector: 'table[cdk-table]',
|
|
@@ -574,12 +576,12 @@ class CdkDefaultEnabledColumnResizeFlex extends ColumnResize {
|
|
|
574
576
|
this.table = table;
|
|
575
577
|
}
|
|
576
578
|
}
|
|
577
|
-
CdkDefaultEnabledColumnResizeFlex.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
578
|
-
CdkDefaultEnabledColumnResizeFlex.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-
|
|
579
|
+
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 });
|
|
580
|
+
CdkDefaultEnabledColumnResizeFlex.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-rc.3", type: CdkDefaultEnabledColumnResizeFlex, selector: "cdk-table", providers: [
|
|
579
581
|
...FLEX_PROVIDERS,
|
|
580
582
|
{ provide: ColumnResize, useExisting: CdkDefaultEnabledColumnResizeFlex },
|
|
581
583
|
], usesInheritance: true, ngImport: i0 });
|
|
582
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-
|
|
584
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkDefaultEnabledColumnResizeFlex, decorators: [{
|
|
583
585
|
type: Directive,
|
|
584
586
|
args: [{
|
|
585
587
|
selector: 'cdk-table',
|
|
@@ -603,10 +605,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15",
|
|
|
603
605
|
*/
|
|
604
606
|
class CdkColumnResizeDefaultEnabledModule {
|
|
605
607
|
}
|
|
606
|
-
CdkColumnResizeDefaultEnabledModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
607
|
-
CdkColumnResizeDefaultEnabledModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0-
|
|
608
|
-
CdkColumnResizeDefaultEnabledModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0-
|
|
609
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-
|
|
608
|
+
CdkColumnResizeDefaultEnabledModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkColumnResizeDefaultEnabledModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
609
|
+
CdkColumnResizeDefaultEnabledModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkColumnResizeDefaultEnabledModule, declarations: [CdkDefaultEnabledColumnResize, CdkDefaultEnabledColumnResizeFlex], exports: [CdkDefaultEnabledColumnResize, CdkDefaultEnabledColumnResizeFlex] });
|
|
610
|
+
CdkColumnResizeDefaultEnabledModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkColumnResizeDefaultEnabledModule });
|
|
611
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkColumnResizeDefaultEnabledModule, decorators: [{
|
|
610
612
|
type: NgModule,
|
|
611
613
|
args: [{
|
|
612
614
|
declarations: [CdkDefaultEnabledColumnResize, CdkDefaultEnabledColumnResizeFlex],
|
|
@@ -619,10 +621,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15",
|
|
|
619
621
|
*/
|
|
620
622
|
class CdkColumnResizeModule {
|
|
621
623
|
}
|
|
622
|
-
CdkColumnResizeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
623
|
-
CdkColumnResizeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0-
|
|
624
|
-
CdkColumnResizeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0-
|
|
625
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-
|
|
624
|
+
CdkColumnResizeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkColumnResizeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
625
|
+
CdkColumnResizeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkColumnResizeModule, declarations: [CdkColumnResize, CdkColumnResizeFlex], exports: [CdkColumnResize, CdkColumnResizeFlex] });
|
|
626
|
+
CdkColumnResizeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkColumnResizeModule });
|
|
627
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: CdkColumnResizeModule, decorators: [{
|
|
626
628
|
type: NgModule,
|
|
627
629
|
args: [{
|
|
628
630
|
declarations: [CdkColumnResize, CdkColumnResizeFlex],
|
|
@@ -642,9 +644,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15",
|
|
|
642
644
|
*/
|
|
643
645
|
class ColumnSizeStore {
|
|
644
646
|
}
|
|
645
|
-
ColumnSizeStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
646
|
-
ColumnSizeStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-
|
|
647
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-
|
|
647
|
+
ColumnSizeStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: ColumnSizeStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
648
|
+
ColumnSizeStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: ColumnSizeStore });
|
|
649
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: ColumnSizeStore, decorators: [{
|
|
648
650
|
type: Injectable
|
|
649
651
|
}] });
|
|
650
652
|
|
|
@@ -727,18 +729,21 @@ class Resizable {
|
|
|
727
729
|
// of two table cells and is also useful for displaying a resize thumb
|
|
728
730
|
// over both cells and extending it down the table as needed.
|
|
729
731
|
const isRtl = this.directionality.value === 'rtl';
|
|
730
|
-
const positionStrategy = this.overlay
|
|
732
|
+
const positionStrategy = this.overlay
|
|
733
|
+
.position()
|
|
731
734
|
.flexibleConnectedTo(this.elementRef.nativeElement)
|
|
732
735
|
.withFlexibleDimensions(false)
|
|
733
736
|
.withGrowAfterOpen(false)
|
|
734
737
|
.withPush(false)
|
|
735
738
|
.withDefaultOffsetX(isRtl ? 1 : 0)
|
|
736
|
-
.withPositions([
|
|
739
|
+
.withPositions([
|
|
740
|
+
{
|
|
737
741
|
originX: isRtl ? 'start' : 'end',
|
|
738
742
|
originY: 'top',
|
|
739
743
|
overlayX: 'center',
|
|
740
744
|
overlayY: 'top',
|
|
741
|
-
}
|
|
745
|
+
},
|
|
746
|
+
]);
|
|
742
747
|
return this.overlay.create({
|
|
743
748
|
// Always position the overlay based on left-indexed coordinates.
|
|
744
749
|
direction: 'ltr',
|
|
@@ -751,8 +756,10 @@ class Resizable {
|
|
|
751
756
|
_listenForRowHoverEvents() {
|
|
752
757
|
const element = this.elementRef.nativeElement;
|
|
753
758
|
const takeUntilDestroyed = takeUntil(this.destroyed);
|
|
754
|
-
this.eventDispatcher
|
|
755
|
-
.
|
|
759
|
+
this.eventDispatcher
|
|
760
|
+
.resizeOverlayVisibleForHeaderRow(_closest(element, HEADER_ROW_SELECTOR))
|
|
761
|
+
.pipe(takeUntilDestroyed)
|
|
762
|
+
.subscribe(hoveringRow => {
|
|
756
763
|
if (hoveringRow) {
|
|
757
764
|
if (!this.overlayRef) {
|
|
758
765
|
this.overlayRef = this._createOverlayForHandle();
|
|
@@ -767,14 +774,18 @@ class Resizable {
|
|
|
767
774
|
}
|
|
768
775
|
_listenForResizeEvents() {
|
|
769
776
|
const takeUntilDestroyed = takeUntil(this.destroyed);
|
|
770
|
-
merge(this.resizeNotifier.resizeCanceled, this.resizeNotifier.triggerResize)
|
|
777
|
+
merge(this.resizeNotifier.resizeCanceled, this.resizeNotifier.triggerResize)
|
|
778
|
+
.pipe(takeUntilDestroyed, filter(columnSize => columnSize.columnId === this.columnDef.name))
|
|
779
|
+
.subscribe(({ size, previousSize, completeImmediately }) => {
|
|
771
780
|
this.elementRef.nativeElement.classList.add(OVERLAY_ACTIVE_CLASS);
|
|
772
781
|
this._applySize(size, previousSize);
|
|
773
782
|
if (completeImmediately) {
|
|
774
783
|
this._completeResizeOperation();
|
|
775
784
|
}
|
|
776
785
|
});
|
|
777
|
-
merge(this.resizeNotifier.resizeCanceled, this.resizeNotifier.resizeCompleted)
|
|
786
|
+
merge(this.resizeNotifier.resizeCanceled, this.resizeNotifier.resizeCompleted)
|
|
787
|
+
.pipe(takeUntilDestroyed)
|
|
788
|
+
.subscribe(columnSize => {
|
|
778
789
|
this._cleanUpAfterResize(columnSize);
|
|
779
790
|
});
|
|
780
791
|
}
|
|
@@ -799,10 +810,12 @@ class Resizable {
|
|
|
799
810
|
_createHandlePortal() {
|
|
800
811
|
const injector = Injector.create({
|
|
801
812
|
parent: this.injector,
|
|
802
|
-
providers: [
|
|
813
|
+
providers: [
|
|
814
|
+
{
|
|
803
815
|
provide: ResizeRef,
|
|
804
|
-
useValue: new ResizeRef(this.elementRef, this.overlayRef, this.minWidthPx, this.maxWidthPx)
|
|
805
|
-
}
|
|
816
|
+
useValue: new ResizeRef(this.elementRef, this.overlayRef, this.minWidthPx, this.maxWidthPx),
|
|
817
|
+
},
|
|
818
|
+
],
|
|
806
819
|
});
|
|
807
820
|
return new ComponentPortal(this.getOverlayHandleComponentType(), this.viewContainerRef, injector);
|
|
808
821
|
}
|
|
@@ -835,9 +848,9 @@ class Resizable {
|
|
|
835
848
|
});
|
|
836
849
|
}
|
|
837
850
|
}
|
|
838
|
-
Resizable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
839
|
-
Resizable.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-
|
|
840
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-
|
|
851
|
+
Resizable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: Resizable, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
852
|
+
Resizable.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-rc.3", type: Resizable, ngImport: i0 });
|
|
853
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: Resizable, decorators: [{
|
|
841
854
|
type: Directive
|
|
842
855
|
}] });
|
|
843
856
|
|
|
@@ -867,11 +880,15 @@ class ResizeOverlayHandle {
|
|
|
867
880
|
}
|
|
868
881
|
_listenForMouseEvents() {
|
|
869
882
|
this.ngZone.runOutsideAngular(() => {
|
|
870
|
-
fromEvent(this.elementRef.nativeElement, 'mouseenter')
|
|
871
|
-
|
|
872
|
-
|
|
883
|
+
fromEvent(this.elementRef.nativeElement, 'mouseenter')
|
|
884
|
+
.pipe(mapTo(this.resizeRef.origin.nativeElement), takeUntil(this.destroyed))
|
|
885
|
+
.subscribe(cell => this.eventDispatcher.headerCellHovered.next(cell));
|
|
886
|
+
fromEvent(this.elementRef.nativeElement, 'mouseleave')
|
|
887
|
+
.pipe(map(event => event.relatedTarget && _closest(event.relatedTarget, HEADER_CELL_SELECTOR)), takeUntil(this.destroyed))
|
|
888
|
+
.subscribe(cell => this.eventDispatcher.headerCellHovered.next(cell));
|
|
873
889
|
fromEvent(this.elementRef.nativeElement, 'mousedown')
|
|
874
|
-
.pipe(takeUntil(this.destroyed))
|
|
890
|
+
.pipe(takeUntil(this.destroyed))
|
|
891
|
+
.subscribe(mousedownEvent => {
|
|
875
892
|
this._dragStarted(mousedownEvent);
|
|
876
893
|
});
|
|
877
894
|
});
|
|
@@ -883,8 +900,7 @@ class ResizeOverlayHandle {
|
|
|
883
900
|
}
|
|
884
901
|
const mouseup = fromEvent(this.document, 'mouseup');
|
|
885
902
|
const mousemove = fromEvent(this.document, 'mousemove');
|
|
886
|
-
const escape = fromEvent(this.document, 'keyup')
|
|
887
|
-
.pipe(filter(event => event.keyCode === ESCAPE));
|
|
903
|
+
const escape = fromEvent(this.document, 'keyup').pipe(filter(event => event.keyCode === ESCAPE));
|
|
888
904
|
const startX = mousedownEvent.screenX;
|
|
889
905
|
const initialSize = this._getOriginWidth();
|
|
890
906
|
let overlayOffset = 0;
|
|
@@ -900,19 +916,21 @@ class ResizeOverlayHandle {
|
|
|
900
916
|
escape.pipe(takeUntil(merge(mouseup, this.destroyed))).subscribe(() => {
|
|
901
917
|
this._notifyResizeEnded(initialSize);
|
|
902
918
|
});
|
|
903
|
-
mousemove
|
|
919
|
+
mousemove
|
|
920
|
+
.pipe(map(({ screenX }) => screenX), startWith(startX), distinctUntilChanged(), pairwise(), takeUntil(merge(mouseup, escape, this.destroyed)))
|
|
921
|
+
.subscribe(([prevX, currX]) => {
|
|
904
922
|
let deltaX = currX - prevX;
|
|
905
923
|
// If the mouse moved further than the resize was able to match, limit the
|
|
906
924
|
// movement of the overlay to match the actual size and position of the origin.
|
|
907
925
|
if (overshot !== 0) {
|
|
908
|
-
if (overshot < 0 && deltaX < 0 || overshot > 0 && deltaX > 0) {
|
|
926
|
+
if ((overshot < 0 && deltaX < 0) || (overshot > 0 && deltaX > 0)) {
|
|
909
927
|
overshot += deltaX;
|
|
910
928
|
return;
|
|
911
929
|
}
|
|
912
930
|
else {
|
|
913
931
|
const remainingOvershot = overshot + deltaX;
|
|
914
|
-
overshot =
|
|
915
|
-
Math.max(remainingOvershot, 0) : Math.min(remainingOvershot, 0);
|
|
932
|
+
overshot =
|
|
933
|
+
overshot > 0 ? Math.max(remainingOvershot, 0) : Math.min(remainingOvershot, 0);
|
|
916
934
|
deltaX = remainingOvershot - overshot;
|
|
917
935
|
if (deltaX === 0) {
|
|
918
936
|
return;
|
|
@@ -950,8 +968,7 @@ class ResizeOverlayHandle {
|
|
|
950
968
|
return this.resizeRef.origin.nativeElement.offsetLeft;
|
|
951
969
|
}
|
|
952
970
|
_updateOverlayOffset(offset) {
|
|
953
|
-
this.resizeRef.overlayRef.overlayElement.style.transform =
|
|
954
|
-
`translateX(${coerceCssPixelValue(offset)})`;
|
|
971
|
+
this.resizeRef.overlayRef.overlayElement.style.transform = `translateX(${coerceCssPixelValue(offset)})`;
|
|
955
972
|
}
|
|
956
973
|
_isLtr() {
|
|
957
974
|
return this.directionality.value === 'ltr';
|
|
@@ -969,9 +986,9 @@ class ResizeOverlayHandle {
|
|
|
969
986
|
});
|
|
970
987
|
}
|
|
971
988
|
}
|
|
972
|
-
ResizeOverlayHandle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-
|
|
973
|
-
ResizeOverlayHandle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-
|
|
974
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-
|
|
989
|
+
ResizeOverlayHandle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: ResizeOverlayHandle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
990
|
+
ResizeOverlayHandle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-rc.3", type: ResizeOverlayHandle, ngImport: i0 });
|
|
991
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-rc.3", ngImport: i0, type: ResizeOverlayHandle, decorators: [{
|
|
975
992
|
type: Directive
|
|
976
993
|
}] });
|
|
977
994
|
|
|
@@ -983,6 +1000,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15",
|
|
|
983
1000
|
* found in the LICENSE file at https://angular.io/license
|
|
984
1001
|
*/
|
|
985
1002
|
|
|
1003
|
+
/**
|
|
1004
|
+
* @license
|
|
1005
|
+
* Copyright Google LLC All Rights Reserved.
|
|
1006
|
+
*
|
|
1007
|
+
* Use of this source code is governed by an MIT-style license that can be
|
|
1008
|
+
* found in the LICENSE file at https://angular.io/license
|
|
1009
|
+
*/
|
|
1010
|
+
|
|
986
1011
|
/**
|
|
987
1012
|
* Generated bundle index. Do not edit.
|
|
988
1013
|
*/
|