helium-barbell

cdk

Highlights

• New cdk/clipboard subpackage containing helpers for working with the clipboard.

bug fix	scrolling: expand type for "cdkVirtualForOf" input to allow null (#17421) (3e5e9db), closes #17411
feature	testing: add method to wait for async tasks outside the angular zone (#17408) (c50aa21)
feature	clipboard: new clipboard module (#17272) (473d4c6)
feature	change tslib from direct dependency to peerDependency (#17393) (41166b7)

material

Breaking changes:

• We no longer have a direct depedency on tslib. Instead it is now listed a
  peerDependency. This matches Angular framework.

Users not using the Angular CLI will need to manually install tslib via;

yarn add tslib

or

npm install tslib --save

bug fix	button-toggle: indirect descendant buttons not picked up… (#17451) (67b009f)
bug fix	chips: don't set aria-required when element doesn't have… (#17425) (939c18d), closes #17397
bug fix	dialog: don't move focus if it was moved during close ani… (#17300) (3476f51), closes #17296
bug fix	drag-drop: global resize subscription not cleared (#17257) (f10b222), closes #17255
bug fix	drag-drop: not picking up indirect descendant items (#17226) (ef92091), closes #17047
bug fix	drag-drop: only call enterPredicate when pointer is inside drop list (#17310) (9fe32c0), closes #17266
bug fix	drag-drop: unable to drop into connected list inside shad… (#17424) (593a06c), closes #16899 #17422
bug fix	form-field: annotate base class with Directive for Ivy (#17457) (4663d8f), closes #17022
bug fix	form-field: ensure that descendants are picked up in Ivy (#17439) (1d40ec9)
bug fix	form-field: outline gap no calculated in shadow dom (#17303) (1b94295), closes #17262
bug fix	menu: trigger should aria-controls panel (#17365) (405f5d0)
bug fix	schematics: secondary entry point migration not working against v9 (#17452) (5e10833), closes #17433
bug fix	select: not picking up indirect descendant option groups (#17458) (d773cce)
bug fix	sidenav: container not picking up indirect descendant sid… (#17453) (9933479)
bug fix	snack-bar: handle large numbers passed in as duration (#17239) (86a8fee), closes #17234
bug fix	tabs: no longer use OnPush (#16529) (35b3226), closes #15440
bug fix	tabs: not picking up indirect descendant tabs in ivy (#17346) (ed0067e), closes #17336
bug fix	toolbar: not picking up indirect descendant rows (#17469) (646d47f)
feature	autocomplete/testing: polish harness API (#17350) (7a748fc)
feature	drag-drop: allow drag start delay to be configured based… (#17301) (43c7a7d), closes #17260
feature	drag-drop: allow for custom class to be set on preview (#17304) (34e848f), closes #17089
feature	menu/testing: finish implementing harness (#17379) (aa2cbf7)
feature	ng-update: add migration for hammerjs in version 9 (#17369) (f065977)
feature	radio/testing: polish harness API (#17414) (36d34a6)
feature	sidenav/testing: polish harness API (#17415) (9e79940)
feature	slide-toggle/testing: polish harness API (#17416) (db999ff)
feature	tabs: add input to opt out of pagination (#17409) (bb9a3a8), closes #17317
feature	tabs/testing: polish harness API (#17417) (05600a2)
feature	change tslib from direct dependency to peerDependency (#17393) (41166b7)
performance	tooltip: avoid triggering change detection for all keydown events (#17331) (493c32d)

cdk-experimental

bug fix	dialog: don't move focus if it was moved during close animation (#17320) (442ec30), closes #17300

material-experimental

bug fix	mdc-button: elevate z-index of content (#17349) (230403e)
bug fix	mdc-slide-toggle: missing focus indication in high contrast mode (#17471) (3de0b08)
bug fix	mdc-slider: remove theme import from all-theme (#17348) (40665e9)
bug fix	mdc-tabs: add .mdc-tab__ripple container (#17498) (409e656)
bug fix	mdc-progress-bar: server-side rendering error (#17359) ([b30aedd](https...

tinsel-pretzel

cdk

bug fix	drag-drop: dragging styles not reset once dragging is… (#17150) (4d489f0), closes #17139

material

bug fix	a11y: focus monitor not identifying touch focus inside shadow root (#17167) (bacb8df)
bug fix	datepicker: year not formatted in multi-year view button (#17202) (13363e6), closes #17187
bug fix	overlay: error when trying to add/remove empty string cla… (#14919) (9894ab2)
bug fix	select: highlighted option not updated if value is reset while closed (#17213) (d996abd), closes #17212
bug fix	stepper: unable to skip step if completed value is overwritten (#15403) (9f497a0), closes #15310
bug fix	tabs: avoid Ivy template type checking errors in tab link (#17282) (cd11ae5), closes #17228
bug fix	tabs: avoid template type checking errors with Ivy (#17228) (1bfa1ea), closes #17121

material-experimental

bug fix	mdc-checkbox: model value not updated through toggle method (#17229) (73b086d), closes #11902
bug fix	mdc-button: use state container for button interaction (#17284) (070d0a5)
bug fix	mdc-button: add ::after to reflect active styles (#17283) (4380179)
bug fix	mdc-slider: incorrectly rendering extra background (#17207) (561c90c)

cardboard-cpu

cdk

Highlights:

• New infrastructure for creating component test harnesses is available in @angular/cdk/testing.
  Documentation for this infrastructure and for specific Angular Material harnesses is in-progress.

bug fix	drag-drop: dragging styles not reset once dragging is completed (#17150) (e62e6bd), closes #17139
feature	testing: move harness code out of cdk-experimental (#17026) (bacdc85)

material

Breaking changes:

• Components can no longer be imported through "@angular/material".
  Use the individual secondary entry-points, such as @angular/material/button.

bug fix	a11y: focus monitor not identifying touch focus inside shadow root (#17167) (3673f3d)
bug fix	datepicker: year not formatted in multi-year view button (#17202) (ae28fce), closes #17187
bug fix	overlay: error when trying to add/remove empty string class (#14919) (5509c23)
bug fix	schematics: support stricter TypeScript compiler flags (#17159) (f32fb68), closes #17135
bug fix	select: highlighted option not updated if value is reset while closed (#17213) (d453d06), closes #17212
bug fix	stepper: unable to skip step if completed value is overwritten (#15403) (bebb9ff), closes #15310
bug fix	tabs: avoid Ivy template type checking errors in tab link (#17282) (ef5d9cb), closes #17228
bug fix	tabs: avoid template type checking errors with Ivy (#17228) (8c98013), closes #17022 #17121
feature	autocomplete: move harness out of experimental (#17080) (dec116b)
feature	button: move harness out of experimental (#17098) (3dc33f1)
feature	checkbox: move checkbox harness out of experimental (#17067) (09ded04)
feature	core: allow more granular control over sanity checks (#16973) (77994e9), closes #16617
feature	dialog: move test harness out of experimental (#17104) (8859dfc)
feature	menu: move test harness out of experimental (#17113) (170299b)
feature	progress: move harnesses out of experimental (#17115) (26df035)
feature	radio: move test harness out of experimental (#17117) (ef439b4)
feature	sidenav: move harnesses out of experimental (#17122) (aa2e0ab)
feature	slide-toggle: move harness out of experimental (#17132) (15ba871)
feature	slide-toggle: remove Hammer.js dependency (#17102) (534b9c2)
feature	slider: move harness out of experimental (#17136) (8229353)
feature	slider: remove Hammer.js dependency (#16860) (00a3e79)
feature	snack-bar: add test harness for snack-bar (#17127) (6a732d3)
feature	tabs: move harnesses out of experimental (#17137) (a2ccacd)
feature	tooltip: remove Hammer.js dependency (#17003) (4126029), closes #16850
refactor	remove re-exports from primary entry-point (0c1d369)

material-experimental

bug fix	mdc-checkbox: model value not updated through toggle method (#17229) (f178f20), closes #11902
bug fix	mdc-button: use state container for button interaction (#17284) (ae682d8)
bug fix	mdc-button: add ::after to reflect active styles (#17283) (4dbf9f6)
bug fix	mdc-radio: rename mdc-radio APIs to match existing radio APIs (#17178) (8e141ef)
bug fix	mdc-slider: incorrectly rendering extra background (#17207) (7bee53f)
feature	mdc-radio: Set up the MDC foundation (#17180) (67f3c0b)
feature	mdc-radio: use MDC DOM structure and styles (#17179) (2112fac)

vantablack-rainbow

cdk

bug fix	drag-drop: unable to drop into connected sibling after scrolling into view via the parent (#17162) (357d1c3), closes #17144

material

bug fix	autocomplete: top option group not scrolled into view when going up (#16343) (c0034d3)
bug fix	button: focus method does not respect specified origin (#17183) (7355389), closes #17174
bug fix	datepicker: add scope to calendar headers (#17163) (cf244ff), closes #17038
bug fix	form-field: FormField with outline doesn't work well with dir="r… (#15415) (8158754), closes #14944
bug fix	list: selection list checkbox theme overwritten by parent theme (#16939) (57b2c3f), closes #16891

cdk-experimental

bug fix	clipboard: avoid changing layout with temporary textarea (#17227) (d4d958e)

material-experimental

bug fix	mdc-slider: not usable in high contrast mode (#17164) (73a233d)

cashmere-ore

cdk

bug fix	a11y: remove aria-describedby attribute when no descriptions are left (#17074) (0e5c82c), closes #17070

material

bug fix	icon: use ErrorHandler to log MatIcon errors (#16999) (8f54f5c), closes #16967
bug fix	select: fix recursive call to SelectionModel.select() (#17071) (ed96878)
bug fix	slide-toggle: clear static aria attributes from host nodes (#17085) (8d73869), closes #16938

youtube-player

bug fix	errors during server-side rendering (#17091) (9b547b9)

cdk-experimental

feature	expose root loader instance in testbed harness environment (#16903) (69f7693), closes #16697 #16709

material-experimental

bug fix	button: ripple color should match state color (#17066) (7e98a7e)
bug fix	button: ripples were using mat-button styles (#17069) (6d48c4f)
bug fix	mdc-tabs: error during server-side rendering (#17169) (57fa880)
feature	drawer: add harness for mat-drawer (#17010) (7ad30eb), closes #16695
feature	form-field: add test harness (#17138) (eebf589)
bug fix	testing: throw better error when trying to use fixture after it has been destroyed (#17058) (5e2296f)

silicon-neuron

Highlights

New @angular/youtube-player package!

Earlier this year, we changed the name of this repo to "angular/components" to emphasisze our goal
to provide more than only Material Design components. The 8.2.0 release includes one of the next new
features in that regard- a new package that wraps the
YouTube Player API for iframe Embeds
in an easy-to-use Angular component.

You can see the
documentation on GitHub
for the time being.

Big thanks to @YourDeveloperFriend for contributing this!

Bug Fixes

• autocomplete: unable to open panel via click inside shadow DOM (#15616) (6e1fe2c), closes #15606
• button: fix typo in comment (#17001) (5fb0d57)
• card: stroked buttons missing margin (#16576) (399ed29), closes #16546
• chips: allow null to be set as chip value (#16950) (57998a2), closes #16844
• chips: preselected chip not highlighted on init inside OnPush component (#16868) (aad7ff7), closes #16841
• drag-drop: connected drop zones not working inside shadow root (#16899) (6009211), closes #16898
• drag-drop: drop list ref sorting disabled by default (#16963) (306e07c), closes #16961
• drag-drop: error if custom preview or placeholder node is not an element (#16409) (8a4bed5)
• drag-drop: handle list and viewport auto scroll regions overlapping (#16675) (792e886), closes #16647
• drag-drop: handle the element going out of the boundary after a viewport resize (#16874) (44b8a47), closes #16536
• drag-drop: incorrectly constraining element position if size changes between drag sequences (#16876) (cad0102), closes #15749
• drag-drop: preview position relative to cursor thrown off if item has margin (#16180) (46cf45f), closes #16171
• drag-drop: unable to drop into connected sibling that was scrolled into view (#16681) (dd59044)
• expansion: show header focus state when expanded (#16486) (7bf5e4e)
• icon: not copying attributes from symbol nodes (#16896) (425eb7e), closes #16892
• icon: use ErrorHandler to log MatIcon errors (#16967) (dccddd9)
• icon: use ErrorLogger to log http errors (#16855) (75686e8)
• menu: keyboard controls not working if all items are disabled (#16572) (d3f63a3), closes #16565
• menu: restore focus immediately when menu is closed (#16960) (bfa1853), closes #16954
• paginator: MatPaginatorIntl will now cause MatPaginator to display an 'EN DASH' (U+2013) rather than a 'HYPHEN-MINUS' (U+002D) by default
• progress-spinner: animation node inserted into wrong style root when using ngIf with ShadowDom encapsulation (#16982) (dadb3e1)
• radio: clear aria attributes from host node (#16938) (237e030), closes #16913
• slider: displayWith function never called with "null" (#16707) (17c8983)
• snack-bar: don't stretch to fullscreen in landscape orientation (#16940) (8d12902), closes #16911
• snack-bar: too tall under some circumstances in Safari (#16679) (e9baa09), closes #16605
• tabs: tab nav bar not highlighting active tab if rendered after init (#16624) (93e9415), closes #16607
• tooltip: avoid adding same aria description as trigger's aria-label (#16870) (1006cc2), closes #16719

Features

• dialog: allow for custom ComponentFactoryResolver to be passed in (#16437) (565bd7d), closes #16431
• dialog: expose current dialog state (#16691) (3f0268f), closes #16636
• dialog: don't override type attribute if set on mat-dialog-close (#16927) (3ee3ecb), closes #16909 #16909
• form-field: allow hideRequiredMarker default value to be configured through the MAT_FORM_FIELD_DEFAULT_OPTIONS (#16244) (94c3fed), closes #16243
• icon: allow viewBox to be configured when registering icons (#16320) (3638886), closes #2981 #16293
• moment-date-adapter: implement strict mode (#16462) (dd42956)
• overlay: allow width/height when using point as flexible origin (#16739) (b98a3bd), closes #16160
• select: allow for typeahead debounce interval to be customized (#16579) (f23a56a), closes #16472
• sort: remove hammer dependency (#16951) (7594ca1)

orichalcum-ocarina

Bug Fixes

• button: fix opacity is not added to ripple when using CSS variables to define custom theme (c62330b)
• datepicker: don't set aria-haspopup if no datepicker is set (#15554) (f590dc6)
• dialog: not applying margins to new button variants (#11961) (0ad0d7a)
• expansion: not adding margin for all button types (#16806) (1d545a6)
• menu: inconsistent behavior when clicking on a disabled item (#16696) (e441a75), closes #16694
• menu: mark lazy menu content as dirty before attach (#16506) (1b54011)
• overlay: _updateElementSize should not fail if pane is disposed. (#16600) (febcaff)
• radio: show ripple on programmatic focus (#16512) (a243ef9)
• radio-button: underlying input not respecting value binding (e1760b6)
• schematics: module imports not generated for schematics (#16787) (2cfcd36)
• schematics: navigation schematic not respecting breakpoints on initial render (#16788) (621ddf7)
• sidenav: avoid CSS class name conflict (#16798) (636cb9f)
• sidenav: focus trap enabled state not updated if mode changes while open (#16602) (666e9b3), closes #16601
• slider: inconsistent cursor behavior if user's pointer moves around while dragging (d62b19e), closes #14613

gelatin-key

Bug Fixes

• cdk/virtual-scroll: fix subpixel rounding errors on hdpi… (#16269) (5bbf9ba)
• cdk-experimental/popover-edit: prevent default escape action (#16747) (073b98c), closes #16202

Features

• cdk-experimental/clipboard: add cdk-experimental clipboard service + directive (#16704) (6c51995)

bologna-bayou

Bug Fixes

• bottom-sheet: not moving focus to container if autoFocus is disabled and focus was moved while animating (#16418) (0720a41), closes #16297 #16221
• button-toggle: error when check value is set via static attribute in Ivy (#16587) (3c92c08), closes #16471
• overlay: clear duplicate overlay container coming in from the server (#11940) (ba508a6), closes #11817
• slide-toggle: invalid required validator in template-driven forms (#16547) (dc0c271)
• tabs: only use aria-current on active links (#16562) (b0937dc), closes #16557
• tree: unable to set zero as the padding of a tree node (#16345) (bf66d81), closes #16338
• typography: use calc to allow css variables (#16475) (6013036)

vantablack-glowstick

Bug Fixes

• form-field: superfluous whitespace when compiled with bazel (#13911) (fdad49d)
• ng-update: material update fails due to circular dependency (#16538) (5d731d3)