Skip to content

Releases: angular/components

tinsel-pretzel

09 Oct 15:39
0b175c6
Compare
Choose a tag to compare

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

03 Oct 23:06
569c149
Compare
Choose a tag to compare
cardboard-cpu Pre-release
Pre-release

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

30 Sep 22:57
0462599
Compare
Choose a tag to compare

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

24 Sep 18:57
a5d2ed8
Compare
Choose a tag to compare

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

10 Sep 17:02
c29c507
Compare
Choose a tag to compare

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

orichalcum-ocarina

26 Aug 21:22
Compare
Choose a tag to compare

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

14 Aug 21:15
5af6a8e
Compare
Choose a tag to compare

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

29 Jul 23:03
8e6ff7e
Compare
Choose a tag to compare

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

16 Jul 19:36
b4eb254
Compare
Choose a tag to compare

Bug Fixes

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

denim-antipode

16 Jul 18:50
8dffd8e
Compare
Choose a tag to compare

Highlights

  • The MatNavTabBar now support tab pagination, a long-requested feature.
  • CdkDrag now supports scrolling the viewport when an item is dragged near the edge.

Bug Fixes

  • card: disable all animations when using NoopAnimationsModule (#11538) (11a4ff0), closes #10590
  • drag-drop: fix drag start delay behavior to allow scrolling (#16228) (738f10c), closes #16224
  • drag-drop: return up-to-date position if getFreeDragPosition is called while dragging (#16464) (1540391)
  • expansion: incorrect margin for "before" indicator when expanded (#16420) (98a231d)
  • menu: keyboard controls not respecting DOM order when items are added at a later point (#11720) (49e8c59), closes #11652
  • overlay: incorrectly calculating position when page is scrolled horizontally and overlay is anchored to the right (#16235) (f61730a), closes #16009
  • overlay: OverlayKeyboardDispatcher (used in dialog and overlay
    and available in the CDK) now listens on bubbling/propagation phase
    instead of capture phase. This means that overlay keydown handlers
    are now called after any applicable handlers inside of an overlay,
    and it respects any stopPropagation() calls from inside the overlay.

Features

  • a11y: allow for element to be used as message in AriaDescriber (#16118) (8c4f25f), closes #16099
  • common: Add dev-mode sanity check for mismatched versions of cdk and material (#15395) (ffad004)
  • drag-drop: add support for automatic scrolling (#16382) (207dba6), closes #13588
  • expansion: allow expansion toggle indicator positioning (#16257) (c3eac17)
  • radio: add provider for default color input (#15811) (5c51301)
  • schematics: add font-display query (#16363) (43a01e9)
  • style: allow palettes to specify a separate hue for colored text (#15149) (15038e3), closes #15148
  • tabs: support pagination in nav bar (#16055) (aa22368), closes #2177