@angular/cdk 7.1.1 → 7.2.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 (122) hide show
  1. package/bundles/cdk-a11y.umd.js +5 -1
  2. package/bundles/cdk-a11y.umd.js.map +1 -1
  3. package/bundles/cdk-a11y.umd.min.js +1 -1
  4. package/bundles/cdk-a11y.umd.min.js.map +1 -1
  5. package/bundles/cdk-drag-drop.umd.js +2030 -1049
  6. package/bundles/cdk-drag-drop.umd.js.map +1 -1
  7. package/bundles/cdk-drag-drop.umd.min.js +2 -1
  8. package/bundles/cdk-drag-drop.umd.min.js.map +1 -1
  9. package/bundles/cdk-stepper.umd.js +11 -3
  10. package/bundles/cdk-stepper.umd.js.map +1 -1
  11. package/bundles/cdk-stepper.umd.min.js +1 -1
  12. package/bundles/cdk-stepper.umd.min.js.map +1 -1
  13. package/bundles/cdk-text-field.umd.js +41 -16
  14. package/bundles/cdk-text-field.umd.js.map +1 -1
  15. package/bundles/cdk-text-field.umd.min.js +1 -1
  16. package/bundles/cdk-text-field.umd.min.js.map +1 -1
  17. package/bundles/cdk-tree.umd.js +1 -1
  18. package/bundles/cdk-tree.umd.js.map +1 -1
  19. package/bundles/cdk-tree.umd.min.js +1 -1
  20. package/bundles/cdk-tree.umd.min.js.map +1 -1
  21. package/bundles/cdk.umd.js +1 -1
  22. package/bundles/cdk.umd.js.map +1 -1
  23. package/bundles/cdk.umd.min.js +1 -1
  24. package/bundles/cdk.umd.min.js.map +1 -1
  25. package/drag-drop/typings/{drag-handle.d.ts → directives/drag-handle.d.ts} +0 -0
  26. package/drag-drop/typings/{drag-placeholder.d.ts → directives/drag-placeholder.d.ts} +0 -0
  27. package/drag-drop/typings/{drag-preview.d.ts → directives/drag-preview.d.ts} +0 -0
  28. package/drag-drop/typings/directives/drag.d.ts +108 -0
  29. package/{typings/esm5/drag-drop → drag-drop/typings/directives}/drop-list-group.d.ts +3 -0
  30. package/drag-drop/typings/directives/drop-list.d.ts +135 -0
  31. package/drag-drop/typings/drag-drop-registry.d.ts +8 -3
  32. package/drag-drop/typings/drag-events.d.ts +14 -7
  33. package/{typings/esm5/drag-drop/drag.d.ts → drag-drop/typings/drag-ref.d.ts} +143 -82
  34. package/drag-drop/typings/drop-list-container.d.ts +19 -3
  35. package/drag-drop/typings/{drop-list.d.ts → drop-list-ref.d.ts} +132 -84
  36. package/drag-drop/typings/index.d.ts +1 -0
  37. package/drag-drop/typings/index.metadata.json +1 -1
  38. package/drag-drop/typings/public-api.d.ts +13 -6
  39. package/esm2015/a11y.js +5 -1
  40. package/esm2015/a11y.js.map +1 -1
  41. package/esm2015/cdk.js +1 -1
  42. package/esm2015/cdk.js.map +1 -1
  43. package/esm2015/drag-drop.js +1546 -811
  44. package/esm2015/drag-drop.js.map +1 -1
  45. package/esm2015/stepper.js +11 -4
  46. package/esm2015/stepper.js.map +1 -1
  47. package/esm2015/text-field.js +28 -16
  48. package/esm2015/text-field.js.map +1 -1
  49. package/esm2015/tree.js +2 -2
  50. package/esm2015/tree.js.map +1 -1
  51. package/esm5/a11y.es5.js +5 -1
  52. package/esm5/a11y.es5.js.map +1 -1
  53. package/esm5/cdk.es5.js +1 -1
  54. package/esm5/cdk.es5.js.map +1 -1
  55. package/esm5/drag-drop.es5.js +2025 -1045
  56. package/esm5/drag-drop.es5.js.map +1 -1
  57. package/esm5/stepper.es5.js +11 -4
  58. package/esm5/stepper.es5.js.map +1 -1
  59. package/esm5/text-field.es5.js +41 -16
  60. package/esm5/text-field.es5.js.map +1 -1
  61. package/esm5/tree.es5.js +2 -2
  62. package/esm5/tree.es5.js.map +1 -1
  63. package/package.json +4 -4
  64. package/schematics/ng-generate/drag-drop/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +2 -2
  65. package/schematics/ng-update/upgrade-data.js +2 -1
  66. package/schematics/ng-update/upgrade-data.js.map +1 -1
  67. package/schematics/ng-update/upgrade-rules/index.js +3 -2
  68. package/schematics/ng-update/upgrade-rules/index.js.map +1 -1
  69. package/schematics/utils/ast/ng-module-imports.d.ts +1 -1
  70. package/schematics/utils/ast/ng-module-imports.js +25 -13
  71. package/schematics/utils/ast/ng-module-imports.js.map +1 -1
  72. package/schematics/utils/get-project.js +2 -1
  73. package/schematics/utils/get-project.js.map +1 -1
  74. package/schematics/utils/parse5-element.js +3 -2
  75. package/schematics/utils/parse5-element.js.map +1 -1
  76. package/schematics/utils/project-targets.js +2 -1
  77. package/schematics/utils/project-targets.js.map +1 -1
  78. package/schematics/utils/version-agnostic-typescript.js +3 -2
  79. package/schematics/utils/version-agnostic-typescript.js.map +1 -1
  80. package/stepper/typings/index.metadata.json +1 -1
  81. package/stepper/typings/stepper.d.ts +6 -0
  82. package/text-field/typings/autosize.d.ts +6 -0
  83. package/text-field/typings/index.metadata.json +1 -1
  84. package/typings/drag-drop/{drag-handle.d.ts → directives/drag-handle.d.ts} +0 -0
  85. package/typings/drag-drop/{drag-placeholder.d.ts → directives/drag-placeholder.d.ts} +0 -0
  86. package/typings/drag-drop/{drag-preview.d.ts → directives/drag-preview.d.ts} +0 -0
  87. package/typings/drag-drop/directives/drag.d.ts +108 -0
  88. package/typings/drag-drop/{drop-list-group.d.ts → directives/drop-list-group.d.ts} +3 -0
  89. package/typings/drag-drop/directives/drop-list.d.ts +135 -0
  90. package/typings/drag-drop/drag-drop-registry.d.ts +8 -3
  91. package/typings/drag-drop/drag-events.d.ts +14 -7
  92. package/typings/drag-drop/{drag.d.ts → drag-ref.d.ts} +143 -82
  93. package/typings/drag-drop/drop-list-container.d.ts +19 -3
  94. package/typings/{esm5/drag-drop/drop-list.d.ts → drag-drop/drop-list-ref.d.ts} +132 -84
  95. package/typings/drag-drop/index.d.ts +1 -0
  96. package/typings/drag-drop/index.metadata.json +1 -1
  97. package/typings/drag-drop/public-api.d.ts +13 -6
  98. package/typings/esm5/drag-drop/{drag-handle.d.ts → directives/drag-handle.d.ts} +0 -0
  99. package/typings/esm5/drag-drop/{drag-placeholder.d.ts → directives/drag-placeholder.d.ts} +0 -0
  100. package/typings/esm5/drag-drop/{drag-preview.d.ts → directives/drag-preview.d.ts} +0 -0
  101. package/typings/esm5/drag-drop/directives/drag.d.ts +108 -0
  102. package/{drag-drop/typings → typings/esm5/drag-drop/directives}/drop-list-group.d.ts +3 -0
  103. package/typings/esm5/drag-drop/directives/drop-list.d.ts +135 -0
  104. package/typings/esm5/drag-drop/drag-drop-registry.d.ts +8 -3
  105. package/typings/esm5/drag-drop/drag-events.d.ts +14 -7
  106. package/{drag-drop/typings/drag.d.ts → typings/esm5/drag-drop/drag-ref.d.ts} +143 -82
  107. package/typings/esm5/drag-drop/drop-list-container.d.ts +19 -3
  108. package/typings/{drag-drop/drop-list.d.ts → esm5/drag-drop/drop-list-ref.d.ts} +132 -84
  109. package/typings/esm5/drag-drop/index.d.ts +1 -0
  110. package/typings/esm5/drag-drop/index.metadata.json +1 -1
  111. package/typings/esm5/drag-drop/public-api.d.ts +13 -6
  112. package/typings/esm5/index.metadata.json +1 -1
  113. package/typings/esm5/stepper/index.metadata.json +1 -1
  114. package/typings/esm5/stepper/stepper.d.ts +6 -0
  115. package/typings/esm5/text-field/autosize.d.ts +6 -0
  116. package/typings/esm5/text-field/index.metadata.json +1 -1
  117. package/typings/index.metadata.json +1 -1
  118. package/typings/schematics/utils/ast/ng-module-imports.d.ts +1 -1
  119. package/typings/stepper/index.metadata.json +1 -1
  120. package/typings/stepper/stepper.d.ts +6 -0
  121. package/typings/text-field/autosize.d.ts +6 -0
  122. package/typings/text-field/index.metadata.json +1 -1
@@ -1 +1 @@
1
- {"__symbolic":"module","version":4,"metadata":{"StepContentPositionState":{"__symbolic":"interface"},"StepperOrientation":{"__symbolic":"interface"},"StepperSelectionEvent":{"__symbolic":"class","members":{}},"StepState":{"__symbolic":"interface"},"STEP_STATE":{"NUMBER":"number","EDIT":"edit","DONE":"done","ERROR":"error"},"MAT_STEPPER_GLOBAL_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":82,"character":6},"arguments":["mat-stepper-global-options"]},"StepperOptions":{"__symbolic":"interface"},"CdkStep":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":100,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"cdk-step","exportAs":"cdkStep","template":"<ng-template><ng-content></ng-content></ng-template>","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":105,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":106,"character":19},"member":"OnPush"}}]}],"members":{"stepLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":114,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkStepLabel"}]}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":117,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":117,"character":13}]}]}],"stepControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":3}}]}],"errorMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":3}}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":132,"character":3},"arguments":["aria-label"]}]}],"ariaLabelledby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":138,"character":3},"arguments":["aria-labelledby"]}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":3}}]}],"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":3}}]}],"optional":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":152,"character":3}}]}],"completed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":160,"character":3}}]}],"_getDefaultCompleted":[{"__symbolic":"method"}],"hasError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":174,"character":3}}]}],"_getDefaultError":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":189,"character":5},"arguments":[{"__symbolic":"reference","name":"CdkStepper"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":190,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":190,"character":17},"arguments":[{"__symbolic":"reference","name":"MAT_STEPPER_GLOBAL_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","name":"CdkStepper"},{"__symbolic":"reference","name":"any"}]}],"select":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}},"CdkStepper":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":225,"character":1},"arguments":[{"selector":"[cdkStepper]","exportAs":"cdkStepper"}]}],"members":{"_steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":243,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkStep"}]}]}],"_stepHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":250,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkStepHeader"}]}]}],"linear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":253,"character":3}}]}],"selectedIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":259,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":280,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":290,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":299,"character":5}}],null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":303,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":303,"character":12}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":299,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":300,"character":32},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":302,"character":37,"context":{"typeName":"HTMLElement"},"module":"./stepper"}]},{"__symbolic":"reference","name":"any"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"previous":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"_getStepLabelId":[{"__symbolic":"method"}],"_getStepContentId":[{"__symbolic":"method"}],"_stateChanged":[{"__symbolic":"method"}],"_getAnimationDirection":[{"__symbolic":"method"}],"_getIndicatorType":[{"__symbolic":"method"}],"_getDefaultIndicatorLogic":[{"__symbolic":"method"}],"_getGuidelineLogic":[{"__symbolic":"method"}],"_isCurrentStep":[{"__symbolic":"method"}],"_getFocusIndex":[{"__symbolic":"method"}],"_updateSelectedItemIndex":[{"__symbolic":"method"}],"_onKeydown":[{"__symbolic":"method"}],"_anyControlsInvalidOrPending":[{"__symbolic":"method"}],"_layoutDirection":[{"__symbolic":"method"}],"_containsFocus":[{"__symbolic":"method"}]}},"CdkStepLabel":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"[cdkStepLabel]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"CdkStepperNext":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"button[cdkStepperNext]","host":{"(click)":"_stepper.next()","[type]":"type","$quoted$":["(click)","[type]"]}}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"CdkStepper"}]}]}},"CdkStepperPrevious":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":27,"character":1},"arguments":[{"selector":"button[cdkStepperPrevious]","host":{"(click)":"_stepper.previous()","[type]":"type","$quoted$":["(click)","[type]"]}}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"CdkStepper"}]}]}},"CdkStepperModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"BidiModule","line":17,"character":12},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":24}],"exports":[{"__symbolic":"reference","name":"CdkStep"},{"__symbolic":"reference","name":"CdkStepper"},{"__symbolic":"reference","name":"CdkStepHeader"},{"__symbolic":"reference","name":"CdkStepLabel"},{"__symbolic":"reference","name":"CdkStepperNext"},{"__symbolic":"reference","name":"CdkStepperPrevious"}],"declarations":[{"__symbolic":"reference","name":"CdkStep"},{"__symbolic":"reference","name":"CdkStepper"},{"__symbolic":"reference","name":"CdkStepHeader"},{"__symbolic":"reference","name":"CdkStepLabel"},{"__symbolic":"reference","name":"CdkStepperNext"},{"__symbolic":"reference","name":"CdkStepperPrevious"}]}]}],"members":{}},"CdkStepHeader":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"[cdkStepHeader]","host":{"role":"tab","$quoted$":["role"]}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":19,"character":48,"context":{"typeName":"HTMLElement"},"module":"./step-header"}]}]}],"focus":[{"__symbolic":"method"}]}}},"origins":{"StepContentPositionState":"./stepper","StepperOrientation":"./stepper","StepperSelectionEvent":"./stepper","StepState":"./stepper","STEP_STATE":"./stepper","MAT_STEPPER_GLOBAL_OPTIONS":"./stepper","StepperOptions":"./stepper","CdkStep":"./stepper","CdkStepper":"./stepper","CdkStepLabel":"./step-label","CdkStepperNext":"./stepper-button","CdkStepperPrevious":"./stepper-button","CdkStepperModule":"./stepper-module","CdkStepHeader":"./step-header"},"importAs":"@angular/cdk/stepper"}
1
+ {"__symbolic":"module","version":4,"metadata":{"StepContentPositionState":{"__symbolic":"interface"},"StepperOrientation":{"__symbolic":"interface"},"StepperSelectionEvent":{"__symbolic":"class","members":{}},"StepState":{"__symbolic":"interface"},"STEP_STATE":{"NUMBER":"number","EDIT":"edit","DONE":"done","ERROR":"error"},"STEPPER_GLOBAL_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":82,"character":6},"arguments":["STEPPER_GLOBAL_OPTIONS"]},"MAT_STEPPER_GLOBAL_OPTIONS":{"__symbolic":"reference","name":"STEPPER_GLOBAL_OPTIONS"},"StepperOptions":{"__symbolic":"interface"},"CdkStep":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":107,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"cdk-step","exportAs":"cdkStep","template":"<ng-template><ng-content></ng-content></ng-template>","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":112,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":113,"character":19},"member":"OnPush"}}]}],"members":{"stepLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":121,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkStepLabel"}]}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":124,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":124,"character":13}]}]}],"stepControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":133,"character":3}}]}],"errorMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3}}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":139,"character":3},"arguments":["aria-label"]}]}],"ariaLabelledby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":145,"character":3},"arguments":["aria-labelledby"]}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":148,"character":3}}]}],"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":151,"character":3}}]}],"optional":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":159,"character":3}}]}],"completed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":167,"character":3}}]}],"_getDefaultCompleted":[{"__symbolic":"method"}],"hasError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":181,"character":3}}]}],"_getDefaultError":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":196,"character":5},"arguments":[{"__symbolic":"reference","name":"CdkStepper"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":197,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":197,"character":17},"arguments":[{"__symbolic":"reference","name":"STEPPER_GLOBAL_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","name":"CdkStepper"},{"__symbolic":"reference","name":"any"}]}],"select":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}]}},"CdkStepper":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":232,"character":1},"arguments":[{"selector":"[cdkStepper]","exportAs":"cdkStepper"}]}],"members":{"_steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":250,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkStep"}]}]}],"_stepHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":257,"character":3},"arguments":[{"__symbolic":"reference","name":"CdkStepHeader"}]}]}],"linear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":260,"character":3}}]}],"selectedIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":266,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":287,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":297,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":306,"character":5}}],null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":310,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":310,"character":12}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Directionality","line":306,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":307,"character":32},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":309,"character":37,"context":{"typeName":"HTMLElement"},"module":"./stepper"}]},{"__symbolic":"reference","name":"any"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"previous":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"_getStepLabelId":[{"__symbolic":"method"}],"_getStepContentId":[{"__symbolic":"method"}],"_stateChanged":[{"__symbolic":"method"}],"_getAnimationDirection":[{"__symbolic":"method"}],"_getIndicatorType":[{"__symbolic":"method"}],"_getDefaultIndicatorLogic":[{"__symbolic":"method"}],"_getGuidelineLogic":[{"__symbolic":"method"}],"_isCurrentStep":[{"__symbolic":"method"}],"_getFocusIndex":[{"__symbolic":"method"}],"_updateSelectedItemIndex":[{"__symbolic":"method"}],"_onKeydown":[{"__symbolic":"method"}],"_anyControlsInvalidOrPending":[{"__symbolic":"method"}],"_layoutDirection":[{"__symbolic":"method"}],"_containsFocus":[{"__symbolic":"method"}]}},"CdkStepLabel":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"[cdkStepLabel]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"CdkStepperNext":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"button[cdkStepperNext]","host":{"(click)":"_stepper.next()","[type]":"type","$quoted$":["(click)","[type]"]}}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"CdkStepper"}]}]}},"CdkStepperPrevious":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":27,"character":1},"arguments":[{"selector":"button[cdkStepperPrevious]","host":{"(click)":"_stepper.previous()","[type]":"type","$quoted$":["(click)","[type]"]}}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"CdkStepper"}]}]}},"CdkStepperModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"BidiModule","line":17,"character":12},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":24}],"exports":[{"__symbolic":"reference","name":"CdkStep"},{"__symbolic":"reference","name":"CdkStepper"},{"__symbolic":"reference","name":"CdkStepHeader"},{"__symbolic":"reference","name":"CdkStepLabel"},{"__symbolic":"reference","name":"CdkStepperNext"},{"__symbolic":"reference","name":"CdkStepperPrevious"}],"declarations":[{"__symbolic":"reference","name":"CdkStep"},{"__symbolic":"reference","name":"CdkStepper"},{"__symbolic":"reference","name":"CdkStepHeader"},{"__symbolic":"reference","name":"CdkStepLabel"},{"__symbolic":"reference","name":"CdkStepperNext"},{"__symbolic":"reference","name":"CdkStepperPrevious"}]}]}],"members":{}},"CdkStepHeader":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"[cdkStepHeader]","host":{"role":"tab","$quoted$":["role"]}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":19,"character":48,"context":{"typeName":"HTMLElement"},"module":"./step-header"}]}]}],"focus":[{"__symbolic":"method"}]}}},"origins":{"StepContentPositionState":"./stepper","StepperOrientation":"./stepper","StepperSelectionEvent":"./stepper","StepState":"./stepper","STEP_STATE":"./stepper","STEPPER_GLOBAL_OPTIONS":"./stepper","MAT_STEPPER_GLOBAL_OPTIONS":"./stepper","StepperOptions":"./stepper","CdkStep":"./stepper","CdkStepper":"./stepper","CdkStepLabel":"./step-label","CdkStepperNext":"./stepper-button","CdkStepperPrevious":"./stepper-button","CdkStepperModule":"./stepper-module","CdkStepHeader":"./step-header"},"importAs":"@angular/cdk/stepper"}
@@ -39,6 +39,12 @@ export declare const STEP_STATE: {
39
39
  ERROR: string;
40
40
  };
41
41
  /** InjectionToken that can be used to specify the global stepper options. */
42
+ export declare const STEPPER_GLOBAL_OPTIONS: InjectionToken<StepperOptions>;
43
+ /**
44
+ * InjectionToken that can be used to specify the global stepper options.
45
+ * @deprecated Use `STEPPER_GLOBAL_OPTIONS` instead.
46
+ * @breaking-change 8.0.0.
47
+ */
42
48
  export declare const MAT_STEPPER_GLOBAL_OPTIONS: InjectionToken<StepperOptions>;
43
49
  /** Configurable options for stepper. */
44
50
  export interface StepperOptions {
@@ -61,4 +61,10 @@ export declare class CdkTextareaAutosize implements AfterViewInit, DoCheck, OnDe
61
61
  */
62
62
  reset(): void;
63
63
  _noopInputHandler(): void;
64
+ /**
65
+ * Scrolls a textarea to the caret position. On Firefox resizing the textarea will
66
+ * prevent it from scrolling to the caret position. We need to re-set the selection
67
+ * in order for it to scroll to the proper position.
68
+ */
69
+ private _scrollToCaretPosition;
64
70
  }
@@ -1 +1 @@
1
- {"__symbolic":"module","version":4,"metadata":{"AutofillEvent":{"__symbolic":"interface"},"AutofillMonitor":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":47,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/platform","name":"Platform","line":51,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":51,"character":60}]}],"monitor":[{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"}],"stopMonitoring":[{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"CdkAutofill":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":143,"character":1},"arguments":[{"selector":"[cdkAutofill]"}]}],"members":{"cdkAutofill":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":148,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":150,"character":46,"context":{"typeName":"HTMLElement"},"module":"./autofill"}]},{"__symbolic":"reference","name":"AutofillMonitor"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"CdkTextareaAutosize":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":24,"character":1},"arguments":[{"selector":"textarea[cdkTextareaAutosize]","exportAs":"cdkTextareaAutosize","host":{"class":"cdk-textarea-autosize","rows":"1","(input)":"_noopInputHandler()","$quoted$":["class","rows","(input)"]}}]}],"members":{"minRows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3},"arguments":["cdkAutosizeMinRows"]}]}],"maxRows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3},"arguments":["cdkAutosizeMaxRows"]}]}],"enabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3},"arguments":["cdkTextareaAutosize"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":87,"character":36,"context":{"typeName":"HTMLElement"},"module":"./autosize"}]},{"__symbolic":"reference","module":"@angular/cdk/platform","name":"Platform","line":88,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":89,"character":21}]}],"_setMinHeight":[{"__symbolic":"method"}],"_setMaxHeight":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_cacheTextareaLineHeight":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"resizeToFitContent":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"_noopInputHandler":[{"__symbolic":"method"}]}},"TextFieldModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CdkAutofill"},{"__symbolic":"reference","name":"CdkTextareaAutosize"}],"imports":[{"__symbolic":"reference","module":"@angular/cdk/platform","name":"PlatformModule","line":16,"character":12}],"exports":[{"__symbolic":"reference","name":"CdkAutofill"},{"__symbolic":"reference","name":"CdkTextareaAutosize"}]}]}],"members":{}}},"origins":{"AutofillEvent":"./autofill","AutofillMonitor":"./autofill","CdkAutofill":"./autofill","CdkTextareaAutosize":"./autosize","TextFieldModule":"./text-field-module"},"importAs":"@angular/cdk/text-field"}
1
+ {"__symbolic":"module","version":4,"metadata":{"AutofillEvent":{"__symbolic":"interface"},"AutofillMonitor":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":47,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/platform","name":"Platform","line":51,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":51,"character":60}]}],"monitor":[{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"}],"stopMonitoring":[{"__symbolic":"method"},{"__symbolic":"method"},{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"CdkAutofill":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":143,"character":1},"arguments":[{"selector":"[cdkAutofill]"}]}],"members":{"cdkAutofill":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":148,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":150,"character":46,"context":{"typeName":"HTMLElement"},"module":"./autofill"}]},{"__symbolic":"reference","name":"AutofillMonitor"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"CdkTextareaAutosize":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":24,"character":1},"arguments":[{"selector":"textarea[cdkTextareaAutosize]","exportAs":"cdkTextareaAutosize","host":{"class":"cdk-textarea-autosize","rows":"1","(input)":"_noopInputHandler()","$quoted$":["class","rows","(input)"]}}]}],"members":{"minRows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3},"arguments":["cdkAutosizeMinRows"]}]}],"maxRows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3},"arguments":["cdkAutosizeMaxRows"]}]}],"enabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3},"arguments":["cdkTextareaAutosize"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":87,"character":36,"context":{"typeName":"HTMLElement"},"module":"./autosize"}]},{"__symbolic":"reference","module":"@angular/cdk/platform","name":"Platform","line":88,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":89,"character":21}]}],"_setMinHeight":[{"__symbolic":"method"}],"_setMaxHeight":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_cacheTextareaLineHeight":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"resizeToFitContent":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"_noopInputHandler":[{"__symbolic":"method"}],"_scrollToCaretPosition":[{"__symbolic":"method"}]}},"TextFieldModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CdkAutofill"},{"__symbolic":"reference","name":"CdkTextareaAutosize"}],"imports":[{"__symbolic":"reference","module":"@angular/cdk/platform","name":"PlatformModule","line":16,"character":12}],"exports":[{"__symbolic":"reference","name":"CdkAutofill"},{"__symbolic":"reference","name":"CdkTextareaAutosize"}]}]}],"members":{}}},"origins":{"AutofillEvent":"./autofill","AutofillMonitor":"./autofill","CdkAutofill":"./autofill","CdkTextareaAutosize":"./autosize","TextFieldModule":"./text-field-module"},"importAs":"@angular/cdk/text-field"}
@@ -0,0 +1,108 @@
1
+ /**
2
+ * @license
3
+ * Copyright Google LLC All Rights Reserved.
4
+ *
5
+ * Use of this source code is governed by an MIT-style license that can be
6
+ * found in the LICENSE file at https://angular.io/license
7
+ */
8
+ import { Directionality } from '@angular/cdk/bidi';
9
+ import { ViewportRuler } from '@angular/cdk/scrolling';
10
+ import { AfterViewInit, ElementRef, EventEmitter, InjectionToken, NgZone, OnDestroy, QueryList, ViewContainerRef } from '@angular/core';
11
+ import { Observable } from 'rxjs';
12
+ import { DragDropRegistry } from '../drag-drop-registry';
13
+ import { CdkDragDrop, CdkDragEnd, CdkDragEnter, CdkDragExit, CdkDragMove, CdkDragStart, CdkDragRelease } from '../drag-events';
14
+ import { CdkDragHandle } from './drag-handle';
15
+ import { CdkDragPlaceholder } from './drag-placeholder';
16
+ import { CdkDragPreview } from './drag-preview';
17
+ import { DragRef, DragRefConfig } from '../drag-ref';
18
+ import { DropListRef } from '../drop-list-ref';
19
+ import { CdkDropListInternal as CdkDropList } from './drop-list';
20
+ /** Injection token that can be used to configure the behavior of `CdkDrag`. */
21
+ export declare const CDK_DRAG_CONFIG: InjectionToken<DragRefConfig>;
22
+ /** @docs-private */
23
+ export declare function CDK_DRAG_CONFIG_FACTORY(): DragRefConfig;
24
+ /** Element that can be moved inside a CdkDropList container. */
25
+ export declare class CdkDrag<T = any> implements AfterViewInit, OnDestroy {
26
+ /** Element that the draggable is attached to. */
27
+ element: ElementRef<HTMLElement>;
28
+ /** Droppable container that the draggable is a part of. */
29
+ dropContainer: CdkDropList;
30
+ private _document;
31
+ private _ngZone;
32
+ private _viewContainerRef;
33
+ private _viewportRuler;
34
+ private _dragDropRegistry;
35
+ private _config;
36
+ private _dir;
37
+ /** Subscription to the stream that initializes the root element. */
38
+ private _rootElementInitSubscription;
39
+ /** Reference to the underlying drag instance. */
40
+ _dragRef: DragRef<CdkDrag<T>>;
41
+ /** Elements that can be used to drag the draggable item. */
42
+ _handles: QueryList<CdkDragHandle>;
43
+ /** Element that will be used as a template to create the draggable item's preview. */
44
+ _previewTemplate: CdkDragPreview;
45
+ /** Template for placeholder element rendered to show where a draggable would be dropped. */
46
+ _placeholderTemplate: CdkDragPlaceholder;
47
+ /** Arbitrary data to attach to this drag instance. */
48
+ data: T;
49
+ /** Locks the position of the dragged element along the specified axis. */
50
+ lockAxis: 'x' | 'y';
51
+ /**
52
+ * Selector that will be used to determine the root draggable element, starting from
53
+ * the `cdkDrag` element and going up the DOM. Passing an alternate root element is useful
54
+ * when trying to enable dragging on an element that you might not have access to.
55
+ */
56
+ rootElementSelector: string;
57
+ /**
58
+ * Selector that will be used to determine the element to which the draggable's position will
59
+ * be constrained. Matching starts from the element's parent and goes up the DOM until a matching
60
+ * element has been found.
61
+ */
62
+ boundaryElementSelector: string;
63
+ /** Whether starting to drag this element is disabled. */
64
+ disabled: boolean;
65
+ private _disabled;
66
+ /** Emits when the user starts dragging the item. */
67
+ started: EventEmitter<CdkDragStart>;
68
+ /** Emits when the user has released a drag item, before any animations have started. */
69
+ released: EventEmitter<CdkDragRelease>;
70
+ /** Emits when the user stops dragging an item in the container. */
71
+ ended: EventEmitter<CdkDragEnd>;
72
+ /** Emits when the user has moved the item into a new container. */
73
+ entered: EventEmitter<CdkDragEnter<any>>;
74
+ /** Emits when the user removes the item its container by dragging it into another container. */
75
+ exited: EventEmitter<CdkDragExit<any>>;
76
+ /** Emits when the user drops the item inside a container. */
77
+ dropped: EventEmitter<CdkDragDrop<any>>;
78
+ /**
79
+ * Emits as the user is dragging the item. Use with caution,
80
+ * because this event will fire for every pixel that the user has dragged.
81
+ */
82
+ moved: Observable<CdkDragMove<T>>;
83
+ constructor(
84
+ /** Element that the draggable is attached to. */
85
+ element: ElementRef<HTMLElement>,
86
+ /** Droppable container that the draggable is a part of. */
87
+ dropContainer: CdkDropList, _document: any, _ngZone: NgZone, _viewContainerRef: ViewContainerRef, _viewportRuler: ViewportRuler, _dragDropRegistry: DragDropRegistry<DragRef, DropListRef>, _config: DragRefConfig, _dir: Directionality);
88
+ /**
89
+ * Returns the element that is being used as a placeholder
90
+ * while the current element is being dragged.
91
+ */
92
+ getPlaceholderElement(): HTMLElement;
93
+ /** Returns the root draggable element. */
94
+ getRootElement(): HTMLElement;
95
+ /** Resets a standalone drag item to its initial position. */
96
+ reset(): void;
97
+ ngAfterViewInit(): void;
98
+ ngOnDestroy(): void;
99
+ /** Gets the root draggable element, based on the `rootElementSelector`. */
100
+ private _getRootElement;
101
+ /** Gets the boundary element, based on the `boundaryElementSelector`. */
102
+ private _getBoundaryElement;
103
+ /**
104
+ * Proxies the events from a DragRef to events that
105
+ * match the interfaces of the CdkDrag outputs.
106
+ */
107
+ private _proxyEvents;
108
+ }
@@ -15,5 +15,8 @@ import { OnDestroy } from '@angular/core';
15
15
  export declare class CdkDropListGroup<T> implements OnDestroy {
16
16
  /** Drop lists registered inside the group. */
17
17
  readonly _items: Set<T>;
18
+ /** Whether starting a dragging sequence from inside this group is disabled. */
19
+ disabled: boolean;
20
+ private _disabled;
18
21
  ngOnDestroy(): void;
19
22
  }
@@ -0,0 +1,135 @@
1
+ /**
2
+ * @license
3
+ * Copyright Google LLC All Rights Reserved.
4
+ *
5
+ * Use of this source code is governed by an MIT-style license that can be
6
+ * found in the LICENSE file at https://angular.io/license
7
+ */
8
+ import { ElementRef, EventEmitter, OnDestroy, QueryList, ChangeDetectorRef } from '@angular/core';
9
+ import { Directionality } from '@angular/cdk/bidi';
10
+ import { CdkDrag } from './drag';
11
+ import { DragDropRegistry } from '../drag-drop-registry';
12
+ import { CdkDragDrop, CdkDragEnter, CdkDragExit, CdkDragSortEvent } from '../drag-events';
13
+ import { CdkDropListContainer } from '../drop-list-container';
14
+ import { CdkDropListGroup } from './drop-list-group';
15
+ import { DropListRef } from '../drop-list-ref';
16
+ import { DragRef } from '../drag-ref';
17
+ /**
18
+ * Internal compile-time-only representation of a `CdkDropList`.
19
+ * Used to avoid circular import issues between the `CdkDropList` and the `CdkDrag`.
20
+ * @docs-private
21
+ */
22
+ export interface CdkDropListInternal extends CdkDropList {
23
+ }
24
+ /** Container that wraps a set of draggable items. */
25
+ export declare class CdkDropList<T = any> implements CdkDropListContainer, OnDestroy {
26
+ element: ElementRef<HTMLElement>;
27
+ private _changeDetectorRef;
28
+ private _group?;
29
+ /** Keeps track of the drop lists that are currently on the page. */
30
+ private static _dropLists;
31
+ /** Reference to the underlying drop list instance. */
32
+ _dropListRef: DropListRef<CdkDropList<T>>;
33
+ /** Draggable items in the container. */
34
+ _draggables: QueryList<CdkDrag>;
35
+ /**
36
+ * Other draggable containers that this container is connected to and into which the
37
+ * container's items can be transferred. Can either be references to other drop containers,
38
+ * or their unique IDs.
39
+ */
40
+ connectedTo: (CdkDropList | string)[] | CdkDropList | string;
41
+ /** Arbitrary data to attach to this container. */
42
+ data: T;
43
+ /** Direction in which the list is oriented. */
44
+ orientation: 'horizontal' | 'vertical';
45
+ /**
46
+ * Unique ID for the drop zone. Can be used as a reference
47
+ * in the `connectedTo` of another `CdkDropList`.
48
+ */
49
+ id: string;
50
+ /** Locks the position of the draggable elements inside the container along the specified axis. */
51
+ lockAxis: 'x' | 'y';
52
+ /** Whether starting a dragging sequence from this container is disabled. */
53
+ disabled: boolean;
54
+ private _disabled;
55
+ /**
56
+ * Function that is used to determine whether an item
57
+ * is allowed to be moved into a drop container.
58
+ */
59
+ enterPredicate: (drag: CdkDrag, drop: CdkDropList) => boolean;
60
+ /** Emits when the user drops an item inside the container. */
61
+ dropped: EventEmitter<CdkDragDrop<T, any>>;
62
+ /**
63
+ * Emits when the user has moved a new drag item into this container.
64
+ */
65
+ entered: EventEmitter<CdkDragEnter<T>>;
66
+ /**
67
+ * Emits when the user removes an item from the container
68
+ * by dragging it into another container.
69
+ */
70
+ exited: EventEmitter<CdkDragExit<T>>;
71
+ /** Emits as the user is swapping items while actively dragging. */
72
+ sorted: EventEmitter<CdkDragSortEvent<T>>;
73
+ constructor(element: ElementRef<HTMLElement>, dragDropRegistry: DragDropRegistry<DragRef, DropListRef>, _changeDetectorRef: ChangeDetectorRef, dir?: Directionality, _group?: CdkDropListGroup<CdkDropList<any>> | undefined, _document?: any);
74
+ ngOnDestroy(): void;
75
+ /** Starts dragging an item. */
76
+ start(): void;
77
+ /**
78
+ * Drops an item into this container.
79
+ * @param item Item being dropped into the container.
80
+ * @param currentIndex Index at which the item should be inserted.
81
+ * @param previousContainer Container from which the item got dragged in.
82
+ * @param isPointerOverContainer Whether the user's pointer was over the
83
+ * container when the item was dropped.
84
+ */
85
+ drop(item: CdkDrag, currentIndex: number, previousContainer: Partial<CdkDropListContainer>, isPointerOverContainer: boolean): void;
86
+ /**
87
+ * Emits an event to indicate that the user moved an item into the container.
88
+ * @param item Item that was moved into the container.
89
+ * @param pointerX Position of the item along the X axis.
90
+ * @param pointerY Position of the item along the Y axis.
91
+ */
92
+ enter(item: CdkDrag, pointerX: number, pointerY: number): void;
93
+ /**
94
+ * Removes an item from the container after it was dragged into another container by the user.
95
+ * @param item Item that was dragged out.
96
+ */
97
+ exit(item: CdkDrag): void;
98
+ /**
99
+ * Figures out the index of an item in the container.
100
+ * @param item Item whose index should be determined.
101
+ */
102
+ getItemIndex(item: CdkDrag): number;
103
+ /**
104
+ * Sorts an item inside the container based on its position.
105
+ * @param item Item to be sorted.
106
+ * @param pointerX Position of the item along the X axis.
107
+ * @param pointerY Position of the item along the Y axis.
108
+ * @param pointerDelta Direction in which the pointer is moving along each axis.
109
+ */
110
+ _sortItem(item: CdkDrag, pointerX: number, pointerY: number, pointerDelta: {
111
+ x: number;
112
+ y: number;
113
+ }): void;
114
+ /**
115
+ * Figures out whether an item should be moved into a sibling
116
+ * drop container, based on its current position.
117
+ * @param item Drag item that is being moved.
118
+ * @param x Position of the item along the X axis.
119
+ * @param y Position of the item along the Y axis.
120
+ */
121
+ _getSiblingContainerFromPosition(item: CdkDrag, x: number, y: number): CdkDropListContainer | null;
122
+ /**
123
+ * Checks whether the user's pointer is positioned over the container.
124
+ * @param x Pointer position along the X axis.
125
+ * @param y Pointer position along the Y axis.
126
+ */
127
+ _isOverContainer(x: number, y: number): boolean;
128
+ /** Syncs the inputs of the CdkDropList with the options of the underlying DropListRef. */
129
+ private _syncInputs;
130
+ /**
131
+ * Proxies the events from a DropListRef to events that
132
+ * match the interfaces of the CdkDropList outputs.
133
+ */
134
+ private _proxyEvents;
135
+ }
@@ -54,13 +54,18 @@ export declare class DragDropRegistry<I, C extends {
54
54
  stopDragging(drag: I): void;
55
55
  /** Gets whether a drag item instance is currently being dragged. */
56
56
  isDragging(drag: I): boolean;
57
- /** Gets a drop container by its id. */
57
+ /**
58
+ * Gets a drop container by its id.
59
+ * @deprecated No longer being used. To be removed.
60
+ * @breaking-change 8.0.0
61
+ */
58
62
  getDropContainer(id: string): C | undefined;
59
63
  ngOnDestroy(): void;
60
64
  /**
61
- * Listener used to prevent `touchmove` and `wheel` events while the element is being dragged.
65
+ * Event listener that will prevent the default browser action while the user is dragging.
66
+ * @param event Event whose default action should be prevented.
62
67
  */
63
- private _preventScrollListener;
68
+ private _preventDefaultWhileDragging;
64
69
  /** Clears out the global event listeners from the `document`. */
65
70
  private _clearGlobalListeners;
66
71
  }
@@ -5,13 +5,18 @@
5
5
  * Use of this source code is governed by an MIT-style license that can be
6
6
  * found in the LICENSE file at https://angular.io/license
7
7
  */
8
- import { CdkDrag } from './drag';
9
- import { CdkDropListContainer } from './drop-list-container';
8
+ import { CdkDrag } from './directives/drag';
9
+ import { CdkDropList } from './directives/drop-list';
10
10
  /** Event emitted when the user starts dragging a draggable. */
11
11
  export interface CdkDragStart<T = any> {
12
12
  /** Draggable that emitted the event. */
13
13
  source: CdkDrag<T>;
14
14
  }
15
+ /** Event emitted when the user releases an item, before any animations have started. */
16
+ export interface CdkDragRelease<T = any> {
17
+ /** Draggable that emitted the event. */
18
+ source: CdkDrag<T>;
19
+ }
15
20
  /** Event emitted when the user stops dragging a draggable. */
16
21
  export interface CdkDragEnd<T = any> {
17
22
  /** Draggable that emitted the event. */
@@ -20,7 +25,7 @@ export interface CdkDragEnd<T = any> {
20
25
  /** Event emitted when the user moves an item into a new drop container. */
21
26
  export interface CdkDragEnter<T = any, I = T> {
22
27
  /** Container into which the user has moved the item. */
23
- container: CdkDropListContainer<T>;
28
+ container: CdkDropList<T>;
24
29
  /** Item that was removed from the container. */
25
30
  item: CdkDrag<I>;
26
31
  }
@@ -30,7 +35,7 @@ export interface CdkDragEnter<T = any, I = T> {
30
35
  */
31
36
  export interface CdkDragExit<T = any, I = T> {
32
37
  /** Container from which the user has a removed an item. */
33
- container: CdkDropListContainer<T>;
38
+ container: CdkDropList<T>;
34
39
  /** Item that was removed from the container. */
35
40
  item: CdkDrag<I>;
36
41
  }
@@ -43,9 +48,11 @@ export interface CdkDragDrop<T, O = T> {
43
48
  /** Item that is being dropped. */
44
49
  item: CdkDrag;
45
50
  /** Container in which the item was dropped. */
46
- container: CdkDropListContainer<T>;
51
+ container: CdkDropList<T>;
47
52
  /** Container from which the item was picked up. Can be the same as the `container`. */
48
- previousContainer: CdkDropListContainer<O>;
53
+ previousContainer: CdkDropList<O>;
54
+ /** Whether the user's pointer was over the container when the item was dropped. */
55
+ isPointerOverContainer: boolean;
49
56
  }
50
57
  /** Event emitted as the user is dragging a draggable item. */
51
58
  export interface CdkDragMove<T = any> {
@@ -76,7 +83,7 @@ export interface CdkDragSortEvent<T = any, I = T> {
76
83
  /** Index that the item is currently in. */
77
84
  currentIndex: number;
78
85
  /** Container that the item belongs to. */
79
- container: CdkDropListContainer<T>;
86
+ container: CdkDropList<T>;
80
87
  /** Item that is being sorted. */
81
88
  item: CdkDrag<I>;
82
89
  }