@angular/cdk 15.1.0-next.2 → 15.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (204) hide show
  1. package/LICENSE +1 -1
  2. package/drag-drop/index.d.ts +11 -0
  3. package/esm2020/a11y/a11y-module.mjs +5 -5
  4. package/esm2020/a11y/aria-describer/aria-describer.mjs +4 -4
  5. package/esm2020/a11y/focus-monitor/focus-monitor.mjs +7 -7
  6. package/esm2020/a11y/focus-trap/configurable-focus-trap-factory.mjs +4 -4
  7. package/esm2020/a11y/focus-trap/configurable-focus-trap.mjs +7 -7
  8. package/esm2020/a11y/focus-trap/focus-trap-manager.mjs +4 -4
  9. package/esm2020/a11y/focus-trap/focus-trap.mjs +30 -30
  10. package/esm2020/a11y/high-contrast-mode/high-contrast-mode-detector.mjs +4 -4
  11. package/esm2020/a11y/input-modality/input-modality-detector.mjs +8 -8
  12. package/esm2020/a11y/interactivity-checker/interactivity-checker.mjs +4 -4
  13. package/esm2020/a11y/live-announcer/live-announcer.mjs +14 -14
  14. package/esm2020/accordion/accordion-item.mjs +38 -38
  15. package/esm2020/accordion/accordion-module.mjs +5 -5
  16. package/esm2020/accordion/accordion.mjs +4 -4
  17. package/esm2020/bidi/bidi-module.mjs +5 -5
  18. package/esm2020/bidi/dir.mjs +4 -4
  19. package/esm2020/bidi/directionality.mjs +4 -4
  20. package/esm2020/clipboard/clipboard-module.mjs +5 -5
  21. package/esm2020/clipboard/clipboard.mjs +4 -4
  22. package/esm2020/clipboard/copy-to-clipboard.mjs +4 -4
  23. package/esm2020/collections/selection-model.mjs +8 -8
  24. package/esm2020/collections/unique-selection-dispatcher.mjs +4 -4
  25. package/esm2020/dialog/dialog-container.mjs +4 -4
  26. package/esm2020/dialog/dialog-module.mjs +5 -5
  27. package/esm2020/dialog/dialog.mjs +12 -12
  28. package/esm2020/drag-drop/directives/drag-handle.mjs +12 -12
  29. package/esm2020/drag-drop/directives/drag-placeholder.mjs +4 -4
  30. package/esm2020/drag-drop/directives/drag-preview.mjs +8 -8
  31. package/esm2020/drag-drop/directives/drag.mjs +12 -12
  32. package/esm2020/drag-drop/directives/drop-list-group.mjs +4 -4
  33. package/esm2020/drag-drop/directives/drop-list.mjs +17 -16
  34. package/esm2020/drag-drop/drag-drop-module.mjs +5 -5
  35. package/esm2020/drag-drop/drag-drop-registry.mjs +4 -4
  36. package/esm2020/drag-drop/drag-drop.mjs +4 -4
  37. package/esm2020/drag-drop/drag-ref.mjs +13 -13
  38. package/esm2020/drag-drop/drop-list-ref.mjs +13 -1
  39. package/esm2020/layout/breakpoints-observer.mjs +4 -4
  40. package/esm2020/layout/layout-module.mjs +5 -5
  41. package/esm2020/layout/media-matcher.mjs +4 -4
  42. package/esm2020/listbox/listbox-module.mjs +5 -5
  43. package/esm2020/listbox/listbox.mjs +7 -7
  44. package/esm2020/menu/context-menu-trigger.mjs +14 -14
  45. package/esm2020/menu/menu-aim.mjs +7 -7
  46. package/esm2020/menu/menu-bar.mjs +4 -4
  47. package/esm2020/menu/menu-base.mjs +4 -4
  48. package/esm2020/menu/menu-group.mjs +4 -4
  49. package/esm2020/menu/menu-item-checkbox.mjs +4 -4
  50. package/esm2020/menu/menu-item-radio.mjs +4 -4
  51. package/esm2020/menu/menu-item-selectable.mjs +4 -4
  52. package/esm2020/menu/menu-item.mjs +26 -20
  53. package/esm2020/menu/menu-module.mjs +5 -5
  54. package/esm2020/menu/menu-stack.mjs +4 -4
  55. package/esm2020/menu/menu-trigger-base.mjs +4 -4
  56. package/esm2020/menu/menu-trigger.mjs +16 -11
  57. package/esm2020/menu/menu.mjs +4 -4
  58. package/esm2020/observers/observe-content.mjs +23 -23
  59. package/esm2020/overlay/dispatchers/base-overlay-dispatcher.mjs +4 -4
  60. package/esm2020/overlay/dispatchers/overlay-keyboard-dispatcher.mjs +4 -4
  61. package/esm2020/overlay/dispatchers/overlay-outside-click-dispatcher.mjs +4 -4
  62. package/esm2020/overlay/fullscreen-overlay-container.mjs +4 -4
  63. package/esm2020/overlay/overlay-container.mjs +4 -4
  64. package/esm2020/overlay/overlay-directives.mjs +44 -42
  65. package/esm2020/overlay/overlay-module.mjs +6 -7
  66. package/esm2020/overlay/overlay.mjs +4 -4
  67. package/esm2020/overlay/position/flexible-connected-position-strategy.mjs +5 -5
  68. package/esm2020/overlay/position/overlay-position-builder.mjs +4 -4
  69. package/esm2020/overlay/scroll/scroll-strategy-options.mjs +4 -4
  70. package/esm2020/platform/platform-module.mjs +5 -5
  71. package/esm2020/platform/platform.mjs +4 -4
  72. package/esm2020/portal/portal-directives.mjs +17 -17
  73. package/esm2020/scrolling/fixed-size-virtual-scroll.mjs +4 -4
  74. package/esm2020/scrolling/scroll-dispatcher.mjs +4 -4
  75. package/esm2020/scrolling/scrollable.mjs +4 -4
  76. package/esm2020/scrolling/scrolling-module.mjs +9 -9
  77. package/esm2020/scrolling/viewport-ruler.mjs +4 -4
  78. package/esm2020/scrolling/virtual-for-of.mjs +48 -48
  79. package/esm2020/scrolling/virtual-scroll-viewport.mjs +24 -24
  80. package/esm2020/scrolling/virtual-scrollable-element.mjs +4 -4
  81. package/esm2020/scrolling/virtual-scrollable-window.mjs +4 -4
  82. package/esm2020/scrolling/virtual-scrollable.mjs +4 -4
  83. package/esm2020/stepper/step-header.mjs +4 -4
  84. package/esm2020/stepper/step-label.mjs +4 -4
  85. package/esm2020/stepper/stepper-button.mjs +7 -7
  86. package/esm2020/stepper/stepper-module.mjs +5 -5
  87. package/esm2020/stepper/stepper.mjs +37 -37
  88. package/esm2020/table/can-stick.mjs +7 -7
  89. package/esm2020/table/cell.mjs +27 -27
  90. package/esm2020/table/coalesced-style-scheduler.mjs +4 -4
  91. package/esm2020/table/row.mjs +28 -28
  92. package/esm2020/table/table-module.mjs +5 -5
  93. package/esm2020/table/table.mjs +93 -93
  94. package/esm2020/table/text-column.mjs +14 -14
  95. package/esm2020/testing/harness-environment.mjs +4 -4
  96. package/esm2020/text-field/autofill.mjs +7 -7
  97. package/esm2020/text-field/autosize.mjs +26 -26
  98. package/esm2020/text-field/text-field-module.mjs +5 -5
  99. package/esm2020/tree/nested-node.mjs +4 -4
  100. package/esm2020/tree/node.mjs +4 -4
  101. package/esm2020/tree/outlet.mjs +4 -4
  102. package/esm2020/tree/padding.mjs +21 -21
  103. package/esm2020/tree/toggle.mjs +9 -9
  104. package/esm2020/tree/tree-module.mjs +5 -5
  105. package/esm2020/tree/tree.mjs +30 -30
  106. package/esm2020/version.mjs +1 -1
  107. package/fesm2015/a11y.mjs +80 -80
  108. package/fesm2015/a11y.mjs.map +1 -1
  109. package/fesm2015/accordion.mjs +44 -44
  110. package/fesm2015/accordion.mjs.map +1 -1
  111. package/fesm2015/bidi.mjs +10 -10
  112. package/fesm2015/bidi.mjs.map +1 -1
  113. package/fesm2015/cdk.mjs +1 -1
  114. package/fesm2015/cdk.mjs.map +1 -1
  115. package/fesm2015/clipboard.mjs +10 -10
  116. package/fesm2015/clipboard.mjs.map +1 -1
  117. package/fesm2015/collections.mjs +10 -10
  118. package/fesm2015/collections.mjs.map +1 -1
  119. package/fesm2015/dialog.mjs +18 -18
  120. package/fesm2015/dialog.mjs.map +1 -1
  121. package/fesm2015/drag-drop.mjs +84 -71
  122. package/fesm2015/drag-drop.mjs.map +1 -1
  123. package/fesm2015/layout.mjs +10 -10
  124. package/fesm2015/layout.mjs.map +1 -1
  125. package/fesm2015/listbox.mjs +10 -10
  126. package/fesm2015/listbox.mjs.map +1 -1
  127. package/fesm2015/menu.mjs +90 -81
  128. package/fesm2015/menu.mjs.map +1 -1
  129. package/fesm2015/observers.mjs +22 -22
  130. package/fesm2015/observers.mjs.map +1 -1
  131. package/fesm2015/overlay.mjs +76 -75
  132. package/fesm2015/overlay.mjs.map +1 -1
  133. package/fesm2015/platform.mjs +7 -7
  134. package/fesm2015/platform.mjs.map +1 -1
  135. package/fesm2015/portal.mjs +16 -16
  136. package/fesm2015/portal.mjs.map +1 -1
  137. package/fesm2015/scrolling.mjs +99 -99
  138. package/fesm2015/scrolling.mjs.map +1 -1
  139. package/fesm2015/stepper.mjs +52 -52
  140. package/fesm2015/stepper.mjs.map +1 -1
  141. package/fesm2015/table.mjs +171 -171
  142. package/fesm2015/table.mjs.map +1 -1
  143. package/fesm2015/testing.mjs +3 -3
  144. package/fesm2015/testing.mjs.map +1 -1
  145. package/fesm2015/text-field.mjs +35 -35
  146. package/fesm2015/text-field.mjs.map +1 -1
  147. package/fesm2015/tree.mjs +70 -70
  148. package/fesm2015/tree.mjs.map +1 -1
  149. package/fesm2020/a11y.mjs +80 -80
  150. package/fesm2020/a11y.mjs.map +1 -1
  151. package/fesm2020/accordion.mjs +44 -44
  152. package/fesm2020/accordion.mjs.map +1 -1
  153. package/fesm2020/bidi.mjs +10 -10
  154. package/fesm2020/bidi.mjs.map +1 -1
  155. package/fesm2020/cdk.mjs +1 -1
  156. package/fesm2020/cdk.mjs.map +1 -1
  157. package/fesm2020/clipboard.mjs +10 -10
  158. package/fesm2020/clipboard.mjs.map +1 -1
  159. package/fesm2020/collections.mjs +10 -10
  160. package/fesm2020/collections.mjs.map +1 -1
  161. package/fesm2020/dialog.mjs +18 -18
  162. package/fesm2020/dialog.mjs.map +1 -1
  163. package/fesm2020/drag-drop.mjs +84 -71
  164. package/fesm2020/drag-drop.mjs.map +1 -1
  165. package/fesm2020/layout.mjs +10 -10
  166. package/fesm2020/layout.mjs.map +1 -1
  167. package/fesm2020/listbox.mjs +10 -10
  168. package/fesm2020/listbox.mjs.map +1 -1
  169. package/fesm2020/menu.mjs +89 -80
  170. package/fesm2020/menu.mjs.map +1 -1
  171. package/fesm2020/observers.mjs +22 -22
  172. package/fesm2020/observers.mjs.map +1 -1
  173. package/fesm2020/overlay.mjs +76 -75
  174. package/fesm2020/overlay.mjs.map +1 -1
  175. package/fesm2020/platform.mjs +7 -7
  176. package/fesm2020/platform.mjs.map +1 -1
  177. package/fesm2020/portal.mjs +16 -16
  178. package/fesm2020/portal.mjs.map +1 -1
  179. package/fesm2020/scrolling.mjs +99 -99
  180. package/fesm2020/scrolling.mjs.map +1 -1
  181. package/fesm2020/stepper.mjs +52 -52
  182. package/fesm2020/stepper.mjs.map +1 -1
  183. package/fesm2020/table.mjs +171 -171
  184. package/fesm2020/table.mjs.map +1 -1
  185. package/fesm2020/testing.mjs +3 -3
  186. package/fesm2020/testing.mjs.map +1 -1
  187. package/fesm2020/text-field.mjs +35 -35
  188. package/fesm2020/text-field.mjs.map +1 -1
  189. package/fesm2020/tree.mjs +70 -70
  190. package/fesm2020/tree.mjs.map +1 -1
  191. package/menu/index.d.ts +7 -8
  192. package/overlay/index.d.ts +7 -7
  193. package/package.json +1 -1
  194. package/schematics/ng-add/index.js +1 -1
  195. package/schematics/ng-add/index.mjs +1 -1
  196. package/schematics/ng-update/data/constructor-checks.d.ts +1 -1
  197. package/schematics/ng-update/devkit-migration-rule.d.ts +2 -2
  198. package/schematics/ng-update/devkit-migration.d.ts +2 -2
  199. package/schematics/update-tool/file-system.d.ts +1 -1
  200. package/schematics/update-tool/migration.d.ts +3 -3
  201. package/schematics/update-tool/utils/decorators.d.ts +1 -1
  202. package/schematics/update-tool/utils/property-name.d.ts +1 -1
  203. package/schematics/update-tool/version-changes.d.ts +3 -3
  204. package/schematics/utils/parse5-element.d.ts +2 -2
@@ -345,6 +345,18 @@ const dragImportantProperties = new Set([
345
345
  * Reference to a draggable item. Used to manipulate or dispose of the item.
346
346
  */
347
347
  class DragRef {
348
+ /** Whether starting to drag this element is disabled. */
349
+ get disabled() {
350
+ return this._disabled || !!(this._dropContainer && this._dropContainer.disabled);
351
+ }
352
+ set disabled(value) {
353
+ const newValue = coerceBooleanProperty(value);
354
+ if (newValue !== this._disabled) {
355
+ this._disabled = newValue;
356
+ this._toggleNativeDragInteractions();
357
+ this._handles.forEach(handle => toggleNativeDragInteractions(handle, newValue));
358
+ }
359
+ }
348
360
  constructor(element, _config, _document, _ngZone, _viewportRuler, _dragDropRegistry) {
349
361
  this._config = _config;
350
362
  this._document = _document;
@@ -512,18 +524,6 @@ class DragRef {
512
524
  this._parentPositions = new ParentPositionTracker(_document);
513
525
  _dragDropRegistry.registerDragItem(this);
514
526
  }
515
- /** Whether starting to drag this element is disabled. */
516
- get disabled() {
517
- return this._disabled || !!(this._dropContainer && this._dropContainer.disabled);
518
- }
519
- set disabled(value) {
520
- const newValue = coerceBooleanProperty(value);
521
- if (newValue !== this._disabled) {
522
- this._disabled = newValue;
523
- this._toggleNativeDragInteractions();
524
- this._handles.forEach(handle => toggleNativeDragInteractions(handle, newValue));
525
- }
526
- }
527
527
  /**
528
528
  * Returns the element that is being used as a placeholder
529
529
  * while the current element is being dragged.
@@ -1917,6 +1917,10 @@ class DropListRef {
1917
1917
  this.dropped = new Subject();
1918
1918
  /** Emits as the user is swapping items while actively dragging. */
1919
1919
  this.sorted = new Subject();
1920
+ /** Emits when a dragging sequence is started in a list connected to the current one. */
1921
+ this.receivingStarted = new Subject();
1922
+ /** Emits when a dragging sequence is stopped from a list connected to the current one. */
1923
+ this.receivingStopped = new Subject();
1920
1924
  /** Whether an item in the list is being dragged. */
1921
1925
  this._isDragging = false;
1922
1926
  /** Draggable items in the container. */
@@ -1975,6 +1979,8 @@ class DropListRef {
1975
1979
  this.exited.complete();
1976
1980
  this.dropped.complete();
1977
1981
  this.sorted.complete();
1982
+ this.receivingStarted.complete();
1983
+ this.receivingStopped.complete();
1978
1984
  this._activeSiblings.clear();
1979
1985
  this._scrollNode = null;
1980
1986
  this._parentPositions.clear();
@@ -2305,6 +2311,11 @@ class DropListRef {
2305
2311
  activeSiblings.add(sibling);
2306
2312
  this._cacheParentPositions();
2307
2313
  this._listenToScrollEvents();
2314
+ this.receivingStarted.next({
2315
+ initiator: sibling,
2316
+ receiver: this,
2317
+ items,
2318
+ });
2308
2319
  }
2309
2320
  }
2310
2321
  /**
@@ -2314,6 +2325,7 @@ class DropListRef {
2314
2325
  _stopReceiving(sibling) {
2315
2326
  this._activeSiblings.delete(sibling);
2316
2327
  this._viewportScrollSubscription.unsubscribe();
2328
+ this.receivingStopped.next({ initiator: sibling, receiver: this });
2317
2329
  }
2318
2330
  /**
2319
2331
  * Starts listening to scroll events on the viewport.
@@ -2645,9 +2657,9 @@ class DragDropRegistry {
2645
2657
  this._globalListeners.clear();
2646
2658
  }
2647
2659
  }
2648
- DragDropRegistry.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: DragDropRegistry, deps: [{ token: i0.NgZone }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
2649
- DragDropRegistry.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: DragDropRegistry, providedIn: 'root' });
2650
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: DragDropRegistry, decorators: [{
2660
+ DragDropRegistry.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: DragDropRegistry, deps: [{ token: i0.NgZone }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
2661
+ DragDropRegistry.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: DragDropRegistry, providedIn: 'root' });
2662
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: DragDropRegistry, decorators: [{
2651
2663
  type: Injectable,
2652
2664
  args: [{ providedIn: 'root' }]
2653
2665
  }], ctorParameters: function () {
@@ -2695,9 +2707,9 @@ class DragDrop {
2695
2707
  return new DropListRef(element, this._dragDropRegistry, this._document, this._ngZone, this._viewportRuler);
2696
2708
  }
2697
2709
  }
2698
- DragDrop.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: DragDrop, deps: [{ token: DOCUMENT }, { token: i0.NgZone }, { token: i1.ViewportRuler }, { token: DragDropRegistry }], target: i0.ɵɵFactoryTarget.Injectable });
2699
- DragDrop.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: DragDrop, providedIn: 'root' });
2700
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: DragDrop, decorators: [{
2710
+ DragDrop.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: DragDrop, deps: [{ token: DOCUMENT }, { token: i0.NgZone }, { token: i1.ViewportRuler }, { token: DragDropRegistry }], target: i0.ɵɵFactoryTarget.Injectable });
2711
+ DragDrop.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: DragDrop, providedIn: 'root' });
2712
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: DragDrop, decorators: [{
2701
2713
  type: Injectable,
2702
2714
  args: [{ providedIn: 'root' }]
2703
2715
  }], ctorParameters: function () {
@@ -2758,9 +2770,9 @@ class CdkDropListGroup {
2758
2770
  this._items.clear();
2759
2771
  }
2760
2772
  }
2761
- CdkDropListGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: CdkDropListGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
2762
- CdkDropListGroup.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: CdkDropListGroup, isStandalone: true, selector: "[cdkDropListGroup]", inputs: { disabled: ["cdkDropListGroupDisabled", "disabled"] }, providers: [{ provide: CDK_DROP_LIST_GROUP, useExisting: CdkDropListGroup }], exportAs: ["cdkDropListGroup"], ngImport: i0 });
2763
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: CdkDropListGroup, decorators: [{
2773
+ CdkDropListGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkDropListGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
2774
+ CdkDropListGroup.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0-rc.0", type: CdkDropListGroup, isStandalone: true, selector: "[cdkDropListGroup]", inputs: { disabled: ["cdkDropListGroupDisabled", "disabled"] }, providers: [{ provide: CDK_DROP_LIST_GROUP, useExisting: CdkDropListGroup }], exportAs: ["cdkDropListGroup"], ngImport: i0 });
2775
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkDropListGroup, decorators: [{
2764
2776
  type: Directive,
2765
2777
  args: [{
2766
2778
  selector: '[cdkDropListGroup]',
@@ -2821,6 +2833,17 @@ let _uniqueIdCounter = 0;
2821
2833
  const CDK_DROP_LIST = new InjectionToken('CdkDropList');
2822
2834
  /** Container that wraps a set of draggable items. */
2823
2835
  class CdkDropList {
2836
+ /** Whether starting a dragging sequence from this container is disabled. */
2837
+ get disabled() {
2838
+ return this._disabled || (!!this._group && this._group.disabled);
2839
+ }
2840
+ set disabled(value) {
2841
+ // Usually we sync the directive and ref state right before dragging starts, in order to have
2842
+ // a single point of failure and to avoid having to use setters for everything. `disabled` is
2843
+ // a special case, because it can prevent the `beforeStarted` event from firing, which can lock
2844
+ // the user in a disabled state, so we also need to sync it as it's being set.
2845
+ this._dropListRef.disabled = this._disabled = coerceBooleanProperty(value);
2846
+ }
2824
2847
  constructor(
2825
2848
  /** Element that the drop list is attached to. */
2826
2849
  element, dragDrop, _changeDetectorRef, _scrollDispatcher, _dir, _group, config) {
@@ -2891,17 +2914,6 @@ class CdkDropList {
2891
2914
  _group._items.add(this);
2892
2915
  }
2893
2916
  }
2894
- /** Whether starting a dragging sequence from this container is disabled. */
2895
- get disabled() {
2896
- return this._disabled || (!!this._group && this._group.disabled);
2897
- }
2898
- set disabled(value) {
2899
- // Usually we sync the directive and ref state right before dragging starts, in order to have
2900
- // a single point of failure and to avoid having to use setters for everything. `disabled` is
2901
- // a special case, because it can prevent the `beforeStarted` event from firing, which can lock
2902
- // the user in a disabled state, so we also need to sync it as it's being set.
2903
- this._dropListRef.disabled = this._disabled = coerceBooleanProperty(value);
2904
- }
2905
2917
  /** Registers an items with the drop list. */
2906
2918
  addItem(item) {
2907
2919
  this._unsortedItems.add(item);
@@ -3031,6 +3043,7 @@ class CdkDropList {
3031
3043
  // detection and we're not guaranteed for something else to have triggered it.
3032
3044
  this._changeDetectorRef.markForCheck();
3033
3045
  });
3046
+ merge(ref.receivingStarted, ref.receivingStopped).subscribe(() => this._changeDetectorRef.markForCheck());
3034
3047
  }
3035
3048
  /** Assigns the default input values based on a provided config object. */
3036
3049
  _assignDefaults(config) {
@@ -3050,13 +3063,13 @@ class CdkDropList {
3050
3063
  }
3051
3064
  /** Keeps track of the drop lists that are currently on the page. */
3052
3065
  CdkDropList._dropLists = [];
3053
- CdkDropList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: CdkDropList, deps: [{ token: i0.ElementRef }, { token: DragDrop }, { token: i0.ChangeDetectorRef }, { token: i1.ScrollDispatcher }, { token: i3.Directionality, optional: true }, { token: CDK_DROP_LIST_GROUP, optional: true, skipSelf: true }, { token: CDK_DRAG_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
3054
- CdkDropList.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: CdkDropList, isStandalone: true, selector: "[cdkDropList], cdk-drop-list", inputs: { connectedTo: ["cdkDropListConnectedTo", "connectedTo"], data: ["cdkDropListData", "data"], orientation: ["cdkDropListOrientation", "orientation"], id: "id", lockAxis: ["cdkDropListLockAxis", "lockAxis"], disabled: ["cdkDropListDisabled", "disabled"], sortingDisabled: ["cdkDropListSortingDisabled", "sortingDisabled"], enterPredicate: ["cdkDropListEnterPredicate", "enterPredicate"], sortPredicate: ["cdkDropListSortPredicate", "sortPredicate"], autoScrollDisabled: ["cdkDropListAutoScrollDisabled", "autoScrollDisabled"], autoScrollStep: ["cdkDropListAutoScrollStep", "autoScrollStep"] }, outputs: { dropped: "cdkDropListDropped", entered: "cdkDropListEntered", exited: "cdkDropListExited", sorted: "cdkDropListSorted" }, host: { properties: { "attr.id": "id", "class.cdk-drop-list-disabled": "disabled", "class.cdk-drop-list-dragging": "_dropListRef.isDragging()", "class.cdk-drop-list-receiving": "_dropListRef.isReceiving()" }, classAttribute: "cdk-drop-list" }, providers: [
3066
+ CdkDropList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkDropList, deps: [{ token: i0.ElementRef }, { token: DragDrop }, { token: i0.ChangeDetectorRef }, { token: i1.ScrollDispatcher }, { token: i3.Directionality, optional: true }, { token: CDK_DROP_LIST_GROUP, optional: true, skipSelf: true }, { token: CDK_DRAG_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
3067
+ CdkDropList.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0-rc.0", type: CdkDropList, isStandalone: true, selector: "[cdkDropList], cdk-drop-list", inputs: { connectedTo: ["cdkDropListConnectedTo", "connectedTo"], data: ["cdkDropListData", "data"], orientation: ["cdkDropListOrientation", "orientation"], id: "id", lockAxis: ["cdkDropListLockAxis", "lockAxis"], disabled: ["cdkDropListDisabled", "disabled"], sortingDisabled: ["cdkDropListSortingDisabled", "sortingDisabled"], enterPredicate: ["cdkDropListEnterPredicate", "enterPredicate"], sortPredicate: ["cdkDropListSortPredicate", "sortPredicate"], autoScrollDisabled: ["cdkDropListAutoScrollDisabled", "autoScrollDisabled"], autoScrollStep: ["cdkDropListAutoScrollStep", "autoScrollStep"] }, outputs: { dropped: "cdkDropListDropped", entered: "cdkDropListEntered", exited: "cdkDropListExited", sorted: "cdkDropListSorted" }, host: { properties: { "attr.id": "id", "class.cdk-drop-list-disabled": "disabled", "class.cdk-drop-list-dragging": "_dropListRef.isDragging()", "class.cdk-drop-list-receiving": "_dropListRef.isReceiving()" }, classAttribute: "cdk-drop-list" }, providers: [
3055
3068
  // Prevent child drop lists from picking up the same group as their parent.
3056
3069
  { provide: CDK_DROP_LIST_GROUP, useValue: undefined },
3057
3070
  { provide: CDK_DROP_LIST, useExisting: CdkDropList },
3058
3071
  ], exportAs: ["cdkDropList"], ngImport: i0 });
3059
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: CdkDropList, decorators: [{
3072
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkDropList, decorators: [{
3060
3073
  type: Directive,
3061
3074
  args: [{
3062
3075
  selector: '[cdkDropList], cdk-drop-list',
@@ -3152,6 +3165,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
3152
3165
  const CDK_DRAG_HANDLE = new InjectionToken('CdkDragHandle');
3153
3166
  /** Handle that can be used to drag a CdkDrag instance. */
3154
3167
  class CdkDragHandle {
3168
+ /** Whether starting to drag through this handle is disabled. */
3169
+ get disabled() {
3170
+ return this._disabled;
3171
+ }
3172
+ set disabled(value) {
3173
+ this._disabled = coerceBooleanProperty(value);
3174
+ this._stateChanges.next(this);
3175
+ }
3155
3176
  constructor(element, parentDrag) {
3156
3177
  this.element = element;
3157
3178
  /** Emits when the state of the handle has changed. */
@@ -3162,21 +3183,13 @@ class CdkDragHandle {
3162
3183
  }
3163
3184
  this._parentDrag = parentDrag;
3164
3185
  }
3165
- /** Whether starting to drag through this handle is disabled. */
3166
- get disabled() {
3167
- return this._disabled;
3168
- }
3169
- set disabled(value) {
3170
- this._disabled = coerceBooleanProperty(value);
3171
- this._stateChanges.next(this);
3172
- }
3173
3186
  ngOnDestroy() {
3174
3187
  this._stateChanges.complete();
3175
3188
  }
3176
3189
  }
3177
- CdkDragHandle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: CdkDragHandle, deps: [{ token: i0.ElementRef }, { token: CDK_DRAG_PARENT, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
3178
- CdkDragHandle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: CdkDragHandle, isStandalone: true, selector: "[cdkDragHandle]", inputs: { disabled: ["cdkDragHandleDisabled", "disabled"] }, host: { classAttribute: "cdk-drag-handle" }, providers: [{ provide: CDK_DRAG_HANDLE, useExisting: CdkDragHandle }], ngImport: i0 });
3179
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: CdkDragHandle, decorators: [{
3190
+ CdkDragHandle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkDragHandle, deps: [{ token: i0.ElementRef }, { token: CDK_DRAG_PARENT, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
3191
+ CdkDragHandle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0-rc.0", type: CdkDragHandle, isStandalone: true, selector: "[cdkDragHandle]", inputs: { disabled: ["cdkDragHandleDisabled", "disabled"] }, host: { classAttribute: "cdk-drag-handle" }, providers: [{ provide: CDK_DRAG_HANDLE, useExisting: CdkDragHandle }], ngImport: i0 });
3192
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkDragHandle, decorators: [{
3180
3193
  type: Directive,
3181
3194
  args: [{
3182
3195
  selector: '[cdkDragHandle]',
@@ -3222,9 +3235,9 @@ class CdkDragPlaceholder {
3222
3235
  this.templateRef = templateRef;
3223
3236
  }
3224
3237
  }
3225
- CdkDragPlaceholder.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: CdkDragPlaceholder, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
3226
- CdkDragPlaceholder.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: CdkDragPlaceholder, isStandalone: true, selector: "ng-template[cdkDragPlaceholder]", inputs: { data: "data" }, providers: [{ provide: CDK_DRAG_PLACEHOLDER, useExisting: CdkDragPlaceholder }], ngImport: i0 });
3227
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: CdkDragPlaceholder, decorators: [{
3238
+ CdkDragPlaceholder.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkDragPlaceholder, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
3239
+ CdkDragPlaceholder.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0-rc.0", type: CdkDragPlaceholder, isStandalone: true, selector: "ng-template[cdkDragPlaceholder]", inputs: { data: "data" }, providers: [{ provide: CDK_DRAG_PLACEHOLDER, useExisting: CdkDragPlaceholder }], ngImport: i0 });
3240
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkDragPlaceholder, decorators: [{
3228
3241
  type: Directive,
3229
3242
  args: [{
3230
3243
  selector: 'ng-template[cdkDragPlaceholder]',
@@ -3253,10 +3266,6 @@ const CDK_DRAG_PREVIEW = new InjectionToken('CdkDragPreview');
3253
3266
  * of a CdkDrag when it is being dragged.
3254
3267
  */
3255
3268
  class CdkDragPreview {
3256
- constructor(templateRef) {
3257
- this.templateRef = templateRef;
3258
- this._matchSize = false;
3259
- }
3260
3269
  /** Whether the preview should preserve the same size as the item that is being dragged. */
3261
3270
  get matchSize() {
3262
3271
  return this._matchSize;
@@ -3264,10 +3273,14 @@ class CdkDragPreview {
3264
3273
  set matchSize(value) {
3265
3274
  this._matchSize = coerceBooleanProperty(value);
3266
3275
  }
3276
+ constructor(templateRef) {
3277
+ this.templateRef = templateRef;
3278
+ this._matchSize = false;
3279
+ }
3267
3280
  }
3268
- CdkDragPreview.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: CdkDragPreview, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
3269
- CdkDragPreview.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: CdkDragPreview, isStandalone: true, selector: "ng-template[cdkDragPreview]", inputs: { data: "data", matchSize: "matchSize" }, providers: [{ provide: CDK_DRAG_PREVIEW, useExisting: CdkDragPreview }], ngImport: i0 });
3270
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: CdkDragPreview, decorators: [{
3281
+ CdkDragPreview.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkDragPreview, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
3282
+ CdkDragPreview.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0-rc.0", type: CdkDragPreview, isStandalone: true, selector: "ng-template[cdkDragPreview]", inputs: { data: "data", matchSize: "matchSize" }, providers: [{ provide: CDK_DRAG_PREVIEW, useExisting: CdkDragPreview }], ngImport: i0 });
3283
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkDragPreview, decorators: [{
3271
3284
  type: Directive,
3272
3285
  args: [{
3273
3286
  selector: 'ng-template[cdkDragPreview]',
@@ -3283,6 +3296,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImpor
3283
3296
  const DRAG_HOST_CLASS = 'cdk-drag';
3284
3297
  /** Element that can be moved inside a CdkDropList container. */
3285
3298
  class CdkDrag {
3299
+ /** Whether starting to drag this element is disabled. */
3300
+ get disabled() {
3301
+ return this._disabled || (this.dropContainer && this.dropContainer.disabled);
3302
+ }
3303
+ set disabled(value) {
3304
+ this._disabled = coerceBooleanProperty(value);
3305
+ this._dragRef.disabled = this._disabled;
3306
+ }
3286
3307
  constructor(
3287
3308
  /** Element that the draggable is attached to. */
3288
3309
  element,
@@ -3361,14 +3382,6 @@ class CdkDrag {
3361
3382
  this._syncInputs(this._dragRef);
3362
3383
  this._handleEvents(this._dragRef);
3363
3384
  }
3364
- /** Whether starting to drag this element is disabled. */
3365
- get disabled() {
3366
- return this._disabled || (this.dropContainer && this.dropContainer.disabled);
3367
- }
3368
- set disabled(value) {
3369
- this._disabled = coerceBooleanProperty(value);
3370
- this._dragRef.disabled = this._disabled;
3371
- }
3372
3385
  /**
3373
3386
  * Returns the element that is being used as a placeholder
3374
3387
  * while the current element is being dragged.
@@ -3637,9 +3650,9 @@ class CdkDrag {
3637
3650
  }
3638
3651
  }
3639
3652
  CdkDrag._dragInstances = [];
3640
- CdkDrag.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: CdkDrag, deps: [{ token: i0.ElementRef }, { token: CDK_DROP_LIST, optional: true, skipSelf: true }, { token: DOCUMENT }, { token: i0.NgZone }, { token: i0.ViewContainerRef }, { token: CDK_DRAG_CONFIG, optional: true }, { token: i3.Directionality, optional: true }, { token: DragDrop }, { token: i0.ChangeDetectorRef }, { token: CDK_DRAG_HANDLE, optional: true, self: true }, { token: CDK_DRAG_PARENT, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
3641
- CdkDrag.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.0", type: CdkDrag, isStandalone: true, selector: "[cdkDrag]", inputs: { data: ["cdkDragData", "data"], lockAxis: ["cdkDragLockAxis", "lockAxis"], rootElementSelector: ["cdkDragRootElement", "rootElementSelector"], boundaryElement: ["cdkDragBoundary", "boundaryElement"], dragStartDelay: ["cdkDragStartDelay", "dragStartDelay"], freeDragPosition: ["cdkDragFreeDragPosition", "freeDragPosition"], disabled: ["cdkDragDisabled", "disabled"], constrainPosition: ["cdkDragConstrainPosition", "constrainPosition"], previewClass: ["cdkDragPreviewClass", "previewClass"], previewContainer: ["cdkDragPreviewContainer", "previewContainer"] }, outputs: { started: "cdkDragStarted", released: "cdkDragReleased", ended: "cdkDragEnded", entered: "cdkDragEntered", exited: "cdkDragExited", dropped: "cdkDragDropped", moved: "cdkDragMoved" }, host: { properties: { "class.cdk-drag-disabled": "disabled", "class.cdk-drag-dragging": "_dragRef.isDragging()" }, classAttribute: "cdk-drag" }, providers: [{ provide: CDK_DRAG_PARENT, useExisting: CdkDrag }], queries: [{ propertyName: "_previewTemplate", first: true, predicate: CDK_DRAG_PREVIEW, descendants: true }, { propertyName: "_placeholderTemplate", first: true, predicate: CDK_DRAG_PLACEHOLDER, descendants: true }, { propertyName: "_handles", predicate: CDK_DRAG_HANDLE, descendants: true }], exportAs: ["cdkDrag"], usesOnChanges: true, ngImport: i0 });
3642
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: CdkDrag, decorators: [{
3653
+ CdkDrag.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkDrag, deps: [{ token: i0.ElementRef }, { token: CDK_DROP_LIST, optional: true, skipSelf: true }, { token: DOCUMENT }, { token: i0.NgZone }, { token: i0.ViewContainerRef }, { token: CDK_DRAG_CONFIG, optional: true }, { token: i3.Directionality, optional: true }, { token: DragDrop }, { token: i0.ChangeDetectorRef }, { token: CDK_DRAG_HANDLE, optional: true, self: true }, { token: CDK_DRAG_PARENT, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
3654
+ CdkDrag.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0-rc.0", type: CdkDrag, isStandalone: true, selector: "[cdkDrag]", inputs: { data: ["cdkDragData", "data"], lockAxis: ["cdkDragLockAxis", "lockAxis"], rootElementSelector: ["cdkDragRootElement", "rootElementSelector"], boundaryElement: ["cdkDragBoundary", "boundaryElement"], dragStartDelay: ["cdkDragStartDelay", "dragStartDelay"], freeDragPosition: ["cdkDragFreeDragPosition", "freeDragPosition"], disabled: ["cdkDragDisabled", "disabled"], constrainPosition: ["cdkDragConstrainPosition", "constrainPosition"], previewClass: ["cdkDragPreviewClass", "previewClass"], previewContainer: ["cdkDragPreviewContainer", "previewContainer"] }, outputs: { started: "cdkDragStarted", released: "cdkDragReleased", ended: "cdkDragEnded", entered: "cdkDragEntered", exited: "cdkDragExited", dropped: "cdkDragDropped", moved: "cdkDragMoved" }, host: { properties: { "class.cdk-drag-disabled": "disabled", "class.cdk-drag-dragging": "_dragRef.isDragging()" }, classAttribute: "cdk-drag" }, providers: [{ provide: CDK_DRAG_PARENT, useExisting: CdkDrag }], queries: [{ propertyName: "_previewTemplate", first: true, predicate: CDK_DRAG_PREVIEW, descendants: true }, { propertyName: "_placeholderTemplate", first: true, predicate: CDK_DRAG_PLACEHOLDER, descendants: true }, { propertyName: "_handles", predicate: CDK_DRAG_HANDLE, descendants: true }], exportAs: ["cdkDrag"], usesOnChanges: true, ngImport: i0 });
3655
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: CdkDrag, decorators: [{
3643
3656
  type: Directive,
3644
3657
  args: [{
3645
3658
  selector: '[cdkDrag]',
@@ -3764,8 +3777,8 @@ const DRAG_DROP_DIRECTIVES = [
3764
3777
  ];
3765
3778
  class DragDropModule {
3766
3779
  }
3767
- DragDropModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: DragDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
3768
- DragDropModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.0", ngImport: i0, type: DragDropModule, imports: [CdkDropList,
3780
+ DragDropModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: DragDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
3781
+ DragDropModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.0-rc.0", ngImport: i0, type: DragDropModule, imports: [CdkDropList,
3769
3782
  CdkDropListGroup,
3770
3783
  CdkDrag,
3771
3784
  CdkDragHandle,
@@ -3776,8 +3789,8 @@ DragDropModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
3776
3789
  CdkDragHandle,
3777
3790
  CdkDragPreview,
3778
3791
  CdkDragPlaceholder] });
3779
- DragDropModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: DragDropModule, providers: [DragDrop], imports: [CdkScrollableModule] });
3780
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0", ngImport: i0, type: DragDropModule, decorators: [{
3792
+ DragDropModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: DragDropModule, providers: [DragDrop], imports: [CdkScrollableModule] });
3793
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0-rc.0", ngImport: i0, type: DragDropModule, decorators: [{
3781
3794
  type: NgModule,
3782
3795
  args: [{
3783
3796
  imports: DRAG_DROP_DIRECTIVES,