flightwatching / svg-animator

4 stars 0 forks source link

An in-range update of @angular/material is breaking the build 🚨 #101

Closed greenkeeper[bot] closed 6 years ago

greenkeeper[bot] commented 7 years ago

Version 2.0.0-beta.8 of @angular/material just got published.

Branch Build failing 🚨
Dependency @angular/material
Current Version 2.0.0-beta.7
Type dependency

This version is covered by your current version range and after updating it in your project the build failed.

@angular/material is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you it’s very likely also breaking them. I recommend you give this issue a very high priority. I’m sure you can resolve this :muscle:

Status Details - ❌ **continuous-integration/travis-ci/push** The Travis CI build failed [Details](https://travis-ci.org/flightwatching/svg-animator/builds/250859121?utm_source=github_status&utm_medium=notification)

Release Notes plasma-abacus

Highlights

  • This version marks the release of @angular/cdk (component dev kit)! This package contains
    general building blocks for UI components decoupled from the visuals of Material Design. In the
    initial release, code from Angular Material's core/ have been moved for a11y/, bidi/,
    coercion/, observe-content/, platform/, portal/. The @angular/material package now
    re-exports these symbols, marked as deprecated. The re-exports will be removed in a subsequent
    release.
  • Initial version of data-table component. There is both a <cdk-table> (the core) and the
    <md-table> (with Material Design styles). See the documentation on material.angular.io for more
    information.
  • Initial version of <md-paginator> and <md-sort-header> components, which can be used either
    with <md-table> or any other table.
  • Both @angular/material and @angular/cdk are now strict null compliant.

Breaking changes

  • @angular/material now depends on @angular/cdk as a peer dependency.
  • Some types have expanded to include | null or | undefined for strict null compatibility. If
    your application uses strict null checks, you may have to update the types in your app to match up
    with the more accurate types coming from Angular Material.
  • Angular Material no longer adds RxJS operators to the prototype of Observable. If your app
    depended on these operators being added by Angular Material, you will need to import them
    explicitly.

Bug Fixes

  • autocomplete: allow number zero as value (#5364) (9137fd9), closes #5363
  • autocomplete: don't scroll panel when option is visible (#4905) (d3af57d)
  • autocomplete: not closing when tapping away on mobile (#5260) (1dcaca7)
  • autocomplete: reopening when clicking an option in IE (#5172) (fe31210), closes #5165
  • autosize: resize when form value changes. Fixes #4657 (#5315) (8c9c11a)
  • button-toggle: fix standalone button toggle style (#5121) (3d8c833)
  • datepicker: pass layout direction to touchUi dialog (#5052) (8b6efb1)
  • datepicker: use theme foreground color (#5290) (51bf26e)
  • dialog: set aria-labelledby based on the md-dialog-title (#5178) (aee984a)
  • directionality: error on platform-server (#5234) (49dfe60)
  • input: theming mixin error (#5254) (37efb54), closes #5232
  • input: underline showing at end if text-align is set (#5280) (5c9391d), closes #5272
  • memory: Unsubscribe event listeners when using Observable.fromEvent (#5325) (1b351cd)
  • menu: role being set on the wrong element (#5191) (2239668)
  • overlay: remove webkit tap highlight from backdrop (#5258) (8feddd4)
  • select: align first option to trigger when it is inside a group (#5153) (d39cb12)
  • select: expose focus method (#5255) (7b2d4ae), closes #5251
  • select: md-optgroup not using typography styles (#5193) (b5bf6f5)
  • select: page scrolling down when selecting option with space (#5192) (2361385)
  • snackbar: clear timeout upon dismiss (#4860) (146160c)
  • tabs: server-side rendering error (#5348) (0174377)
  • unique-selection-dispatcher: remove listeners on destroy (#5164) (f9bbbe7)

Features

  • data-table: initial version. Too many commits to list.
  • directionality: a provider to get directionality (#4044) (61d979e), closes #3600
  • input: add custom error state matcher (#4750) (f73cc97)
  • pagination: initial pagination component (#5156) (85fb00a)
  • sort: add ability to manage and display sorting (#5307) (b328d36)
  • tab-nav-bar: support disabling tab links (#5257) (fc809ed), closes #5208
  • add support for strict null checks (#5094) (2bf7024)
  • remove uses of rxjs patch operators (#5314) (e488e3f), closes #2622
  • move a11y, bidi, platform, rxjs, and portal to cdk (#5386) (fde35e4)
  • move observe-content to cdk (#5438) (b00f838)
Not sure how things should work exactly? There is a collection of [frequently asked questions](https://greenkeeper.io/faq.html) and of course you may always [ask my humans](https://github.com/greenkeeperio/greenkeeper/issues/new).

Your Greenkeeper Bot :palm_tree:

greenkeeper[bot] commented 7 years ago

After pinning to 2.0.0-beta.7 your tests are passing again. Downgrade this dependency 📌.

greenkeeper[bot] commented 7 years ago

Version 2.0.0-beta.10 just got published.

Your tests are still failing with this version. Compare the changes 🚨

Release Notes découpage-panjandrum

Highlights

  • Over 140 bug fixes
  • Nested menus
    • Nested menus
      • Nested menus!
  • Autocomplete supports md-optgroup
  • Overlay moved to @angular/cdk
  • New component MdSelectionList
  • md-input-container renamed to md-form-field (while still being backwards compatible)
  • Almost all components now use OnPush change detection (dialog being the exception)
  • You can now get back the EmbeddedViewRef when attaching a TemplatePortal
  • MdSidenav has been split into MdSidenav and MdDrawer. The MdSidenav is now meant to be
    used for top-level application navigation, while the drawer is meant to be used for more local
    split views. While there are no differences introduced between the two in this release, future
    releases will see different features added to each

Breaking changes

  • Imports from @angular/cdk are now scoped to a specific sub-package. For example, if you
    previously had:
import {LiveAnnouncer, Overlay, Directionality} from '@angular/cdk';

You will now need to write:

import {LiveAnnouncer} from '@angular/cdk/a11y';
import {Directionality} from '@angular/cdk/bidi';
import {Overlay} from '@angular/cdk/overlay';

This helps ensure you're only pulling in the pieces of the cdk being used as well as providing more
context about what an imported symbol is being used for.

The current set of public @angular/cdk subpackages are:
a11y, bidi, coercion, collections, keycodes, observers, overlay, platform, portal, rxjs,
scrolling, table.

If you are using SystemJS, each package you use must be added to the SystemJS configuration.

  • All Overlay code has been moved from @angular/material to @angular/cdk. The symbols are
    still re-exported through @angular/material, but these re-exports will be removed in a
    subsequent release.
  • cdkScrollable, ScrollDispatcher, and ViewportRuler have been moved from overlay into its
    own scrolling subpackage in @angular/cdk.
  • input: Inputs have a width of 200px by default (similar to native input elements). The
    width can be overridden by via the mat-form-field css class.
  • input: CSS classes have changed from mat-input-container- to mat-form-field-.
  • input: md-prefix and md-suffix are now mdPrefix and mdSuffix.
  • portal: TemplatePortal now requires a generic type (C) to align with TemplateRef.
    This will usually be any.
  • portal: Attaching a template portal will now return an EmbeddedViewRef<C> instead of an
    empty Map.
  • observe-content: ObserveContentModule has been renamed to ObserversModule
  • overlay: PositionStrategy now has an attach method and no longer passes the overlay
    DOM element to apply.
  • datepicker: You must now use a date object (of whatever type your DateAdapter uses) rather
    than a string when setting the value of the datepicker programmatically (through value, ngModel,
    or formControl).
  • datepicker: mdDatepickerToggle is now an element <md-datepicker-toggle> with a for
    property that points to the MdDatepicker instance
  • datepicker: NativeDateAdapter will now use Angular's LOCALE_ID instead of the browser's
    locale.
  • sidenav: CSS classes have changed from mat-sidenav- to mat-drawer-
  • theming: The nonstandard 0 and 1000 hues have been removed from the mat-gray palette
  • chips: The selectable property of the md-chip-list has
    now been moved to md-chip to maintain consistency with the new
    removable option.

If you used the following code,

<md-chip-list [selectable]="selectable">
  <md-chip>My Chip</md-chip>
</md-chip-list>

you should switch it to

<md-chip-list>
  <md-chip [selectable]="selectable">My Chip</md-chip>
</md-chip-list>

Deprecations

  • All dash-case @Directive selectors are deprecated in favor of the camelCase equivalent. The
    dash-case selectors will be removed in a subsequent release. Some examples include:
Old New
md-line mdLine
md-tab-link mdTabLink
md-tab-label mdTabLabel
md-card-avatar mdCardAvatar
  • md-input-container has been renamed to md-form-field. The old selector will be removed in a
    subsequent release. This is in preparation to making md-select a child of md-form-field
    such that both select and input share the same features and appearance.
  • For camelCased directives, each corresponding @Input() is now also prefixed. For example,
    cdkConnectedOverlay now has inputs for
    cdkConnectedOverlayOrigin, cdkConnectedOverlayPositions, etc. The class members themselves are
    unchanged. The unprefixed inputs will be removed in a subsequent release. Affected directives are
    cdkPortalHost, cdkConnectedOverlay, mdTooltip, mdTextareaAutosize, and mdMenuTriggerFor.
  • MdCoreModule is deprecated and will be removed in a subsequent release now that most of its
    functionality has been moved to @angular/cdk
  • Reminder that MaterialModule is deprecated and will be removed in a subsequent release (see
    changelog from beta.3 for more information).

Features

  • autocomplete: emit event when an option is selected (#4187) (2dd5c7c), closes #4094 #3645
  • autocomplete: support for md-optgroup (#5604) (e41d0f3), closes #5581
  • cdk: move cdkScrollable, ScrollDispatcher, and ViewportRuler out of overlay (#6547) (0f6a2ec)
  • cdk: move overlay into cdk (#6100) (4d82f83)
  • chip: add aria-selected to chip (#5920) (281de25)
  • chips: Add removal functionality/styling. (#4912) (c82aca9), closes #3143
  • chips: add user defined tab index to chip list (#6073) (9eb9ddf)
  • datepicker: close calendar after choose the same date again (#6323) (9ba5d84)
  • datepicker: export unexported components for potential extension (#6314) (7bc648b)
  • dialog: add beforeClose method (#6377) (cdbf305)
  • dialog: expose backdrop clicks (#6511) (df28c3d)
  • dialog: open dialog API improvements (#6289) (8b54715), closes #6272
  • expansion-panel: add the ability to disable an expansion panel (#6529) (921432a), closes #6521
  • focus-trap: return whether shifting focus was successful (#6279) (7626c51)
  • menu: add indicator to menu items that trigger a sub-menu (#5995) (a51f82f)
  • menu: add injection token for overriding the default options (#5483) (3cb3945), closes #5479
  • menu: add nested menu functionality (#5493) (1e0c1fc)
  • menu: increase nested menu elevation based on depth (#5937) (91f7bf7)
  • native-date-adapter: use default locale from LOCALE_ID (#5419) (c09e8a7), closes #5393
  • option: support for disableRipple binding (#5915) (addf1ce)
  • overlay: add maxWidth and maxHeight (#6508) (9904e56)
  • overlay: add providers for overriding the scroll strategies per component (#5134) (184a6e4), closes #4093
  • overlay: support setting multiple panel classes (#6326) (a190de7), closes #6318
  • paginator: default page size to first option (#5822) (42c50b6)
  • portal: support context in TemplatePortal (#6408) (90a6ac9)
  • radio: add required attribute to radio-group (#5751) (f06fe11)
  • select: add ability to customize the select trigger (#3341) (72c5d39), closes #2275
  • select: allow disabling ripples for options (#5967) (34ec068)
  • select: allow focusing items by typing (#2907) (5ebca5e), closes #2668
  • select: implement compareWith for custom comparison (#4540) (054ea4d), closes #2250 #2785
  • select: support basic usage without @angular/forms (#5871) (9a90eaf)
  • selection-list: Selection-list initial version (#5562) (dccce1c)
  • snack-bar: inject data and MdSnackBarRef into custom snack-bar component (#5383) (baba6ef), closes #5371
  • tab-nav-bar: allow disabling ripples for links (#6273) (4ae1b0f), closes #6245
  • table: support dynamic column definitions (#5545) (66e222f)
  • tabs: add isActive flag on the individual tabs (#6424) (4d36ee0), closes #6422
  • add change emitters to the Intl providers (#5867) (0a5489f), closes #5738
  • tabs: add theming and ability to set background color (#5287) (374aaff)
  • typography: allow font-family to be set per typography level (#5905) (3b41c0c), closes #5563
  • typography: allow typography config to be passed via mat-core (#5625) (72148c0), closes #5589
  • expose version object in releases (#4962) (3bfe7f0)
  • rename cdk/keyboard -> keycodes & cdk/observe-content -> observers (#6039) (9df292f)
  • update to Angular 4.3 (#6483) (66da597)

Bug Fixes

  • autocomplete: attach overlay to a more accurate input element (#6282) (667a4e4)
  • autocomplete: don't darken select option (#6425) (67e91a3), closes #6407
  • autocomplete: don't prevent default enter action if panel is closed (#5977) (fdded66), closes #5976
  • autocomplete: error when closing destroyed panel (#5446) (880e6d5), closes #5413
  • autocomplete: highlighted option not reset when closed with escape or enter key (#6403) (bf59468), closes #6258
  • autocomplete: panel not resetting properly in certain scenarios (#5911) (ebb5e9e), closes #5910
  • autocomplete: placeholder not animating on focus (#3992) (ff54969), closes #5755
  • autocomplete: placeholder not resetting properly (#6141) (e4e7ee9)
  • autocomplete,datepicker,menu: closing parent dialog by pressing escape (#6226) (916d1f3), closes #6223
  • autosize: properly detect line-height in firefox (#6190) (3a766f1), closes #6179
  • bidi: make dir and changes readonly (#5645) (8c13325)
  • button-toggle: add aria-label for button-toggle (#5919) (eabe2cb)
  • button-toggle: button-toggle module depends on forms module (#5542) (9ab0c90)
  • button-toggle: remove emit change event when value changes (#6034) (f8c5be8)
  • card: prevent content from overlapping footer (#5583) (a394418), closes #5486
  • card: unable to bind to align attribute (#5495) (243b97d), closes #5490
  • checkbox: Add RequiredTrue validator for md-checkbox (#6006) (59319d0)
  • checkbox: remove checkmark from tab order (#6137) (735ffb5), closes #6125
  • checkbox: server-side rendering error when checking textContent (#5470) (0314bd8), closes #5453
  • checkbox, radio: setting id to null causes invalid id for input (#5398) (bcf4826), closes #5394
  • chips: add exportAs for chip and chip list (#6084) (e7da1e4), closes #6070
  • chips: cursor on remove button and box-shadow transition (#6019) (8253503)
  • chips: invalid aria-selected value for non-selectable chip (#6544) (90fc300)
  • chips: mark onFocus as internal (#6519) (449ed19)
  • chips: not visible in high contrast mode (#5338) (a5a8ff2)
  • chips: remove background from unstyled chip (#5777) (0f7be2e)
  • compat: add camelCase selectors to tab label wrapper (#5955) (a7e75da)
  • compat: add element selector for cdk-accordion (#5954) (3c46001)
  • connected-position-strategy: position change event not emitting for fallback positions (#5978) (63505dc)
  • datepicker: allow disabling calendar popup (#5305) (2294ea2)
  • datepicker: better support for input and change events (#4826) (35eb294)
  • datepicker: center date text properly on android (#5923) (bbadd01)
  • datepicker: deprecate selectedChanged output (#6025) (ee73d2c), closes #6000
  • datepicker: fix error when selecting month with fewer days in year (#6129) (9cff8c7)
  • datepicker: force Intl.DateTimeFormat to use UTC time zone ... (#5747) (76cc6f0)
  • datepicker: make height of calendar constant in non-touch mode (#5694) (5bcba85)
  • datepicker: make touch UI calendar use 80% of width in portrait (#5943) (641a38f)
  • datepicker: mark input tocuhed on calendar date selected (#6007) (21e9768)
  • datepicker: refactor datepicker toggle to support theming (#5317) (4255476)
  • datepicker: remove aria-expanded on datepicker input ... (#5746) (4ea4baa)
  • datepicker: remove toggle icon from tab order on IE (#6405) (ea17d3d)
  • datepicker: use 3 rows to display months of year (consistent with internal mocks) (#5427) (da1d1ca), closes #5202
  • datepicker: use correct viewContainerRef for dialog. (#6026) (08037f9)
  • datepicker: validate that input actually parses (#5711) (8bb54ca)
  • dialog: add config option for aria-describedby (#5365) (68241a8)
  • dialog: better handling of custom ViewContainerRef with OnPush change detection (#6164) (5967f6e)
  • dialog: move focus into container if no focusable elements are found (#6524) (4e12072), closes #6513
  • dialog: prevent dialog from opening while another dialog is animating (#5769) (36f708c), closes #5713
  • dialog: set margin on buttons inside md-dialog-actions (#5778) (643023d)
  • dialog: support passing in dialog result through all MdDialogClose selectors (#6293) (4a1f10e), closes #6278
  • expansion: use correct expanded line-height (#5744) (a921948)
  • expansion: animation not working in Angular 4.3 (#6442) (f9bd5d4)
  • expansion: only highlight keyboard-focused panel headers (#6148) (49a0d7b)
  • expansion: remove closed panel contents from tab order (#5441) (1efa594), closes #5432
  • expansion: remove margin from top and bottom panels in accordion (#6546) (7f0e58e)
  • expansion: set up typography styles (#5739) (e21b64c)
  • expansion: standalone panel shouldn't override margins (#5962) (81f1f97), closes #5949
  • expansion: toggle not being updated when set programmatically (#5650) (41c804b), closes #5549 #5623
  • expansion: wrong margins in rtl (#5800) (106ded4)
  • grid-list: figure not expanding to full width (#6578) (ea143a0), closes #6586
  • grid-list: invalid inline styles when rendering server-side (#6052) (22ce1da), closes #6048
  • icon: error when toggling icon with binding in IE11 (#6102) (0795432), closes #6093
  • icon: icon element not removed when svgIcon is reset (#6502) (5e3228f), closes #6495
  • input: add overflow:hidden when calculating autosize height (#5773) (e0fc526)
  • input: don't highlight container when readonly input is focused (#5776) (349121d), closes #5749
  • input: fix input/placeholder alignment on safari (#6072) (9ac5d13)
  • input: input module depends on forms module (#5579) (44ca46a)
  • input: invalid font declaration (#5154) (92d8368), closes #5262
  • input: make sure 1-line hint is fully contained by input container. (#5912) (ca3a3b8)
  • input: placeholder covering value when using OnPush (#5660) (219a8ae)
  • input: prevent input caret from sticking on iOS (#6128) (94bf5e9)
  • input: prevent textarea from resizing beyond input container (#5333) (36dc75a)
  • input: required asterisk being read out by screen readers (#6277) (0850981)
  • input: set default width of 200px on input-container (#5833) (e9ab9b4)
  • input: set proper role on md-error (#6259) (3df4d72)
  • input: underline should only be thicker if focused (#6152) (68e2f46)
  • input: update aria-describedby to also include errors (#6239) (2af284c)
  • input,select: align colors with spec (#5155) (266f237), closes #5114
  • list: :empty selector did not catch in mat-list-text (#6124) (846899d)
  • list: properly align contents in subheader (#6221) (4e6e42e), closes #6214
  • list: subheader margin being overwritten by typography (#5652) (5bc97ec), closes #5639
  • list-key-manager: increase typeahead range to include more characters (#6543) (1f4a962)
  • list-key-manager: typehead not handling non-English input (#6463) (08a6673)
  • live-announcer: remove announcer element on destroy (#5404) (b7efe48)
  • menu: align appearance with spec (#5361) (c20bec8)
  • menu: close child menus when parent is closed programmatically (#6329) (66b1ff5)
  • menu: complete close stream on destroy (#5368) (d810138)
  • menu: make it easier to override elevation (#5873) (6f5dcd5), closes #5870
  • menu: prevent user from accidentally opening a sub-menu while animating (#5996) (eaa6099)
  • menu: wrong animation in Angular 4.2+ (#5836) (39c3e42)
  • overlay: add prefixed inputs, deprecate old ones (#5957) (2bf6b57)
  • overlay: error when removing empty string theme (#6306) (faa7601)
  • overlay: remove overlay container on destroy (#5378) (154bb55)
  • paginator: add type button to next / prev buttons (5bd655b)
  • paginator: expose MdPaginatorIntl (#5716) (93789cf), closes #5715
  • paginator: remove dependency on @angular/forms (#6080) (953b38e), closes #5717
  • paginator: underlying select vertical alignment (#6354) (0d2ea10), closes #6338
  • progress-spinner: prevent users from tabbing into underlying SVG on IE (#6142) (235f664)
  • radio: animation looking off on IE (#5620) (d263ca2)
  • radio: forward focus to native input (#6274) (cea4d9f)
  • radio-group: coerce disabled property (#5837) (23ec30f)
  • select: bigger height for underline on focus (#5510) (78f0cec), closes #5499
  • select: consistent error behavior to md-input-container (#4754) (6f73b35), closes #4611
  • select: disabled select being set to touched state on click (#5328) (6b4f9c8)
  • select: don't shift option focus when multi-select value is changed programmatically (#5401) (6422640), closes #5381
  • select: error if triggerValue is accessed from an empty select (#6575) (0526689)
  • select: floating label overlapping elements above select (#6228) (a780052), closes #6171
  • select: lint issue (#6497) (1807c5b)
  • select: required asterisk should use warn color (#5498) (97494f7), closes #5496
  • select: server-side rendering error with preselected value (#6049) (2388d91), closes #6045
  • select: set aria-multiselectable for multi-select (#6110) (ce31113)
  • select: throwing additional errors if ngModel fails to initialize (#5405) (372549c), closes #5402
  • select: wrong option amount being read out by NVDA (#5181) (b8c900c)
  • select,autocomplete: darken selected option (#6302) (504b5df), closes #6229
  • sidenav: container not reacting to changes to sidenavs added after init (#6161) (0d80a77), closes #6127
  • sidenav: first animation not working in Angular 4.2+ (#5821) (804f4c0), closes #5673
  • slide-toggle: invalid model change event (#4220) (dfe10c3), closes #4124
  • slide-toggle: slide-toggle module depends on forms module (#5523) (d716b00)
  • slider: fix change & input emit logic. (#6234) (9d3c405)
  • slider: set proper font family on label (#5772) (1cba2dc)
  • slider: slider module depends on forms module (#5578) (c14978b)
  • slider: work around slidestart event sometimes not firing on iOS (#6009) (a87a000)
  • snack-bar: align theming with spec (#6506) (363562f)
  • snackbar: make closeWithAction public method (#5686) (f4f64ac)
  • table: column class names should be css friendly (#6173) (1748397)
  • table: eliminate need for second change detection (#5775) (388494f)
  • table: Fix change det issue with http example (#6169) (4afcc0a)
  • table: set font family (#5741) (5d5ce83)
  • tabs: add module dependency on MdCommonModule (#5304) (738b6be)
  • tabs: allow for tabs to be selected using the space key (#6426) (b5f4caf), closes #6406
  • tabs: check if the subscription is defined before unsubscribe (#5667) (0eedb5f)
  • tabs: improved vertical alignment of tab label (#5771) (b105039)
  • tabs: server-side rendering error when aligning ink bar (#5455) (448db8b)
  • add camelCase ng-content selectors (#5953) (f52c7f4)
  • theming: Light green 700 contrast should be white (#6346) (b4e2488)
  • deprecate CoreModule (#6588) (377a3bb)
  • improved key manager typings (#6443) (18c6dec)
  • remove ripples in high contrast mode (#6355) (fd5e5ff)
  • textarea: server-side rendering error when using mdTextareaAutosize (#6050) (05ca4a7), closes #6047
  • theming: remove non-standard grey palette hues (#6605) (3b46360)
  • tooltip: panel element blocks hover effects (#5514) (d04230c), closes #4691
  • tooltip: remove native event listener on component destroy (#5144) (32db2ba), closes #4499
  • tooltip: remove unnecessary tooltip whitespace (#6531) (6cdbf36)
  • xxx-intl: replace misused EventEmitter with Subject (#6313) (c20bcf9)

Performance Improvements

  • observe-content: run outside Angular zone (#6352) (5ccf25d)
  • sidenav: avoid recalculating the inline styles while sidenav is open (#6189) (57a2f29)
  • table: cell references not being cleaned up on destroy (#5809) (df1ddee)
  • tabs: avoid extra resize handler and reflow (#6434) (1df79e9)
greenkeeper[bot] commented 7 years ago

Version 2.0.0-beta.11 just got published.

Your tests are still failing with this version. Compare the changes 🚨

Release Notes carapace-parapet

Highlights

  • Each @angular/material component is now bundled into its own javascript file. This will allow
    tools like webpack to more easily load only the components being used in an application.
  • New stepper component! The base behavior lives in @angular/cdk with Material Design flavors in
    @angular/material.

Breaking changes

  • Angular Material now requires Angular 4.4.3 or greater
  • MaterialModule has been removed. (cf1ece0) (#6803)
    See the deprecation notice from beta.3 for more information.
  • MdCoreModule has been removed. Most of its functionality has been moved to @angular/cdk over
    the last few releases.
  • FocusOriginMonitor has been renamed to FocusMonitor and moved to @angular/cdk.
  • chip-list: The outputs select and deselect have been removed in favor of a single
    onSelectionChange output.
  • overlay: OverlayState has been renamed to OverlayConfig
  • overlay: Now that the Overlay is part of the cdk rather than Angular Material directly,
    the themeClass property has been removed. To add a class to the
    overlay for theming, you can do
overlayContainer.getContainerElement().classList.add('my-theme-class');
  • DateAdapter method getISODateString has been renamed to toIso8601 and a new method
    fromIso8601 has been added.

Deprecation of "md" prefix.

In earlier betas, we've had a compatibility mode that allowed people to use either "md" or "mat"
as the selector for Angular Material components. This was created so that these components could
live side-by-side with AngularJS Material without CSS from
the two libraries colliding.

For beta.11, we've made the decision to deprecate the "md" prefix completely and use "mat" moving
forward. This affects all class names, properties, inputs, outputs, and selectors (CSS classes were
changed back in February). The "md" prefixes will be removed in the next beta release.

You can automatically update your projects with the angular-material-prefix-updater tool.
Check out the tool's page for instructions on how to run.

Why are we doing this?

We like the "md" prefix too! We added compatibility mode in order to keep "md" around, but over
time we found that there were too many downsides to continue supporting both prefixes at the same
time:

  • Many users found the fact that the CSS used "mat" while templates used "md" confusing.
  • Users in compatibility mode found that having "mat" in their templates while TypeScript class
    names remained "Md" to be unfriendly.
  • Making both prefixes available consistently through templates required adding many
    getters/setters that aliased the "true" property
    .
    This ends up increasing payload size and complexity of the source code.
  • Compatiblity mode itself used broad directive selectors
    to enforce that only one prefix was used at a time. This causes a problem where this broad selector
    prevents Angular from throwing an error if an application uses a component without importing its
    NgModule.

Why not change the styles in AngularJS Material?

We explored this option early on (before creating compatibility mode). We found that changing the
library's styles such that they wouldn't affect the Angular Material components would increase
the specificity. This would have been a significant breaking change, as it would have potentially
broken countless custom styles that relied on a particular specificity working.

Bug Fixes

  • autocomplete,select: inconsistent disabled option coloring (#6640) (454781d), closes #6638
  • autosize: not resizing on programmatic changes (#6654) (89fea50), closes #5247
  • button-toggle: border radius ignored if option is selected (#6699) (82e14f8), closes #6689
  • checkbox: label content should not wrap (#6674) (9acab86), closes #6671
  • chips: set appropriate aria-orientation (#6464) (a37aa6a)
  • datepicker: allow date or datetime strings in fromIso8601 (#7220) (8436f8c)
  • datepicker: allow ISO 8601 strings as inputs (#7091) (d2ceb2c)
  • datepicker: backdrop class should be mat- (#7056) (2b61eb6)
  • datepicker: Create a new injection token to avoid overriding LOCALE_ID (#6708) (2635cad)
  • datepicker: fix wrong datepicker-input value for non MM/DD/YYYY locales (#6798) (29399b8)
  • datepicker: makes sure the datepickerInput is registered (#7049) (e4d48d7)
  • datepicker: toggle not reacting to disabled state changes in datepicker or input (#6964) (85993d3)
  • expansion-panel: dark theme header hover color (#6616) (21c68ad)
  • form-field: add aria-owns to label element (#6683) (4191b4d)
  • form-field: placeholder not floating if autofilled (#6839) (602a861), closes #6837
  • grid-list: avoid unnecessary calc declarations (#6745) (255611b)
  • grid-list: styles not cleared when switching to a different styling mode (#6660) (87d607e), closes #4047
  • input: remove resize handle from non-textarea inputs (#6768) (1272f03), closes #6757
  • list: subheader margin being overwritten by typography (#6735) (efe483a)
  • menu: multiple close events for a single close (#6961) (1cccd4b)
  • menu: nested menu hover not working when trigger is added lazily (#6807) (6b5100b), closes #6731
  • menu: nested trigger staying highlighted after click (#6853) (04bf3d1), closes #6838
  • overlay: rename OverlayState to OverlayConfig (#6972) (1cfce8d)
  • progress-bar: query mode not reversing direction in rtl (#6922) (8a21881)
  • select: extra whitespace around placeholder (#6955) (9fe6386), closes #6923
  • selection-list: do not coerece option value to boolean (#6983) (dfe01f2)
  • selection-list: proper style for disabled options (#6829) (547d11f)
  • slide-toggle: remove side-margin if slide-toggle label is empty (#6881) (a1ec81a), closes #6868
  • slide-toggle: support native tabindex attribute (#6613) (8f9f3c8)
  • slider: thumb disappearing on disabled element with thumb label (#6641) (8243b16), closes #6631
  • slider: update styles when focus and dir change (#6700) (8c49422)
  • slider, drawer: unsubscribe from directionaly change subject (#6907) (a7ce31e), closes #6892 #6903
  • snack-bar: animation not starting for subsequent snack bars (#6649) (730e7ae), closes #6222
  • sort: reverse directions and better animation (#6802) (6fa9e6f)
  • table: gracefully handle undefined/null columns (#6862) (3ddf65b)
  • tabs: fix infinite tab loop (#6663) (67e02b0), closes #4639
  • tabs: tab spacing on desktop incorrect (#6681) (b678119), closes #3347
  • tooltip: closing immediately when triggered on click (#6590) (bcd026f)
  • tooltip: ensure tooltip never passes undefined message to (#7018) (f6d1078)
  • add mat exportAs and class aliases (#7106) (a96b545)
  • tooltip: error on trigger escape presses while closed (#7028) (dcf3b27), closes #7009

Features

  • chip-list: implement FormFieldControl and ControlValueAccessor (#6686) (7a42706)
  • datepicker: Add Moment.js adapter (#6860) (9545427)
  • dialog: add afterOpen to MdDialogRef (#6887) (27cbe47)
  • expansion-panel: allow for the panel header height to be customized (#6643) (11e2239), closes #5641
  • overlay: replace OverlayContainer themeClass w/ addClass/removeClass methods (#6975) (a944f6e)
  • selection-list: add selectAll and deselectAll functions (#6971) (dc9679d), closes #6969
  • sort: add sorting indicator animation (#5831) (70bd5fc)
  • stepper: Add e2e test (#6776) (bef6271)
  • stepper: add moduleId to components (#6780) (f375f92)
  • stepper: Address previous comments + add directionality support (#6775) (c396596)
  • stepper: initial version of stepper (#6594) (87318bc)
  • viewport-ruler: add common window resize handler (#6680) (881630f)
  • add preserveWhitespaces: false to all components (#7115) (2b0315d)
  • move FocusMonitor into cdk (#6921) (6cfe5c4)

Performance Improvements

greenkeeper[bot] commented 7 years ago

Version 2.0.0-beta.12 just got published.

Your tests are still failing with this version. Compare the changes 🚨

Release Notes marble-mustache

Highlights

  • Progress spinner is now entirely css-based.
  • Fixed sidenav: the sidenav can now be configured to use fixed positioning. This resolves a longstanding issue where sidenav-container would always introduce a scrolling region.
  • mat-select is now used inside mat-form-field. This makes all of the existing form-field features available with mat-select, including hints, errors, prefixes, and suffixes. This also ensures that mat-select and matInput have a consistent presentation.
<mat-form-field>
  <mat-select placeholder="State">
    <mat-option *ngFor="let state of states" [value]="state">{{ state }}</mat-option>
  </mat-select>
</mat-form-field>

Breaking Changes

  • Previously the ScrollDispatcher.scrolled subscription would react both on scroll events and on window resize events. Now it only reacts to scroll events. To react to resize events, subscribe to the ViewportRuler.change() stream.
  • UniqueSelectionDispatcher, UniqueSelectionDispatcherListener and UNIQUE_SELECTION_DISPATCHER_PROVIDER are no longer
    available from @angular/material and instead must be imported from @angular/cdk/collections
  • isFocusTrapEnabled is now properly marked internal.
  • The OverlayRef.getState method has been renamed to OverlayRef.getConfig.
  • defaultErrorStateMatcher has been replaced by ErrorStateMatcher. For more info, see the input docs.

Features

  • autocomplete: add md-autocomplete classes to overlay panel (#7176) (f8cd790), closes #4196
  • dialog: add datepicker dialog and popup classes for easy styling (#7013) (0ff8d5d)
  • menu: support typeahead focus (#7385) (f0d20ca)
  • nav-tabs: add mat-tab-label-active class to active nav tab labels (#7508) (00e9338)
  • progress-spinner: switch to css-based animation (#6551) (630dfad)
  • select: add support for custom error state matcher (#7443) (a774688), closes #7419
  • select: make select work inside form-field (#6488) (d914cc4)
  • selection-model: de/select multiple values at the same time (#7001) (e52beeb)
  • sidenav: Add support for fixed sidenavs (#6712) (61579bc)
  • sort: add enter and leave arrow animations (#7180) (2d350a0)
  • table: add row when predicate (#6795) (0875b85)
  • viewport-ruler: add common window resize handler (#7113) (3b0915a)

Bug Fixes

  • add exportAs to missing components (#7392) (31e9775), closes #7361
  • remove all md prefixes (#7241) (20a23f1)
  • slide-toggle: report change to model before firing a change event (#7076) (c82fca8), closes #7074
  • remove cdk re-exports from @angular/material (#7112) (f9b5ccd)
  • autocomplete: don't open panel for readonly inputs (#7271) (5f8615f), closes #7269
  • autocomplete: emit closing action for escape keydown event (#6250) (f4673a5)
  • autocomplete: empty not cleaning up on tab (#7270) (6be0462), closes #7268
  • autocomplete: error if panel is added asynchronously (#7078) (504ba70), closes #7069
  • autocomplete: remove invalid aria markup (#7107) (6bd6b9f), closes #7100
  • button: allow for elevation to be overwritten (#7305) (92a868e), closes #7264
  • calendar: not reacting to min/max boundary changes (#7234) (eb012cc), closes #7202
  • checkbox: defaulting to invalid name and value attributes (#7130) (26788f1)
  • checkbox: support native tabindex attribute (#6793) (0270cf5)
  • chips: do not set chips value if there's no ngControl or value (#7285) (d9ba13f)
  • chips: fix chip list focus and keyboard behaviors (#7319) (f166468)
  • common: don't log doctype warning when rendering server-side (#6833) (f8ed442)
  • common-module: check if computed styles are available (#7003) (5da9e64), closes #7000
  • datepicker: make sure _datepickerInput exists before accessing its (#7033) (2129b7a)
  • dialog: directionality not injected into child components (#7111) (daa3880)
  • drawer: backdrop not transitioning on close (#6651) (80310a5)
  • drawer: drawer container animating when open by default (#7129) (4d278dd), closes #7007
  • drawer: drawer container not reacting to drawer removal (#7060) (b0b91f4), closes #6271
  • drawer: open event not firing on init (#7214) (ba5653d), closes #7208
  • input: apply readonly attribute when readonly (#7439) (01622b1)
  • input: don't highlight container when readonly input is focused (#7273) (f076390)
  • input: make autosize work inside tabs & stepper (#7341) (c6824d5)
  • list-key-manager: align matching logic with native listbox (#7212) (846cc13)
  • list-key-manager: don't focus disabled items in typeahead mode (#7382) (1823b2f)
  • menu: multiple close events for a single close (#7037) (2dcb76c)
  • menu: nested menu error when items are rendered in a repeater (#6766) (7a96570), closes #6765
  • overlay: detach method returns undefined (#7449) (0584cdf), closes #7408
  • paginator: page size selector not working (#7263) (2b3d795)
  • radio: defaulting to invalid name attribute (#7131) (c5e162b)
  • ripple: handle touch events (#7299) (fe0864b), closes #7062
  • ripple: remove unused ScrollDispatchModule (#7528) (4a1a68d)
  • ripple: use element coordinates instead of page coordinates (#7446) (7714a5c), closes #7436
  • select: losing focus when selecting values through binding (#7296) (86bea91), closes #7092
  • select: multiple change events emitted when changing options of a closed select (#7232) (c7ab828), closes #7227
  • select: prevent nbsp from getting butchered in AOT (#7363) (2e71cac)
  • select: theme not being transferred to the panel (#7342) (6b70ca6)
  • selection-list: model not updated when option is selected programmatically (#7334) (f40a7cc), closes #7318
  • selection-list: restore focus if active item is destroyed (#7125) (e05f939)
  • selection-list: tabIndex should respect disabled state (#7039) (c2a9516)
  • sidenav: change content from md- to mat- (#7307) (d05dcfa)
  • slider: change event is not being emitted (#7278) (39543a3), closes #7207
  • snack-bar: positioned snack bar animation not starting off-screen (#7453) (58d3bb8)
  • snack-bar: subsequent snack bars not opening; animation issues (#7086) (8e77261), closes #7063
  • sort: fix incorrect conditional grouping (#7427) (f5e916d)
  • sort: style changes to fix IE (#7375) (75f26e8)
  • sort: throw error on invalid direction (#7378) (cc6f39e)
  • stepper: align appearance with spec (#7279) (4122ae2), closes #7260
  • stepper: avoid blurry content on IE (#6992) (6f48710)
  • stepper: selected is always undefined (#7213) (217840c)
  • stepper: switch to OnPush change detection (#7119) (c2c6e04)
  • stepper: unable to internationalize labels (#7122) (6e3bbcb)
  • tabs: blurry content in IE (#6954) (7a354a0), closes #6944
  • tabs: update tab output names (#7134) (38268d3)
  • theming: incorrect green-500 contrast color (#7492) (c1f6ea1), closes #7490
  • tooltip: ensure tooltip stays within viewport (#6659) (c8ddd39), closes #5428
  • tooltip: minification issue (#7430) (b121e32)