Skip to content
This repository has been archived by the owner on Feb 26, 2024. It is now read-only.

Releases: angular/bower-material

v0.4

06 Oct 21:49
Compare
Choose a tag to compare

0.4 (2014-10-06)

Version 0.4 incorporates four (4) new components: circular progress, subheader, tooltip and bottom sheet. A new API has also been introduced for $materialDialog and $materialToast. Additionally, many small component functionality and performance issues have been resolved.

v0.4 is tested on desktop Chrome, Safari and Firefox, as well as Android 4.4+ and iOS7.

Breaking Changes

The services $materialDialog and $materialToast have changed API(s). See section at bottom for Change Details.

Bug Fixes

  • button:
    • no underline when button has a href (948aef0d)
    • disabled raised and fab buttons don't hover on focus (6d0ca8fb, closes #358)
  • checkbox: resolve TypeError for inputDirective.link (4da56732)
  • dialog: cancel instead of hiding when user escapes/clicks out (0cc21d47)
  • interimElement: make cancel and hide not fail when no element is shown (6162156d)
  • linear-progress: Add aria, tests and better animations (3b386276, closes #297)
  • radio: Radio button a11y (05ed42de, closes #310)
  • toolbar: Demo correct heading levels (fd7697d6)
  • ripple:
    • make detach method work properly (c3d858a2)
    • ripple container self-removal NPE fixed. (664ab996)
  • sidenav:
    • add display: none; while closed (8f104012, closes #300)
    • always leave >=56px of room, no matter the screensize (13a26670, closes #346)
  • slider: discrete mode supports live dragging and snap-to (b231f1c0, closes #331)
  • textfield:
    • ng-model bindings now working and demo rendering fixed. (e8f456fc)
    • match float-label (light theme) specifications (63eeb47f)

Features

  • circular-progress: Add circular progress component (07d56533, closes #365)
  • subheader: add subheader component with sticky scroll (7787c9cc, closes #216)
  • tooltip: add tooltip component (9f9b0897, closes #354)
  • bottomSheet add bottomSheet component (3be359c)


Details on Breaking Changes

1) $materialDialog:

Change your code from this:

var hideDialog = $materialDialog(options);
hideDialog();

To this:

$materialDialog
  .show(options)
  .then(
    function success(response) {},
    function cancelled(reason) {}
   );

// Hides the dialog last shown with `show()`
// and resolves the show() promise with `response`

$materialDialog.hide(response);

// Hides the dialog last shown and rejects the `show()`
// promise with the `reason`

$materialDialog.cancel(reason);

Note: If you previously provided a controller option to $materialDialog, that controller would be injected with a $hideDialog function. This feature no longer exists; use $materialDialog.hide().


2) $materialToast:

Change your code from this:

var hideToast = $materialToast(options);
hideToast();

To this:

$materialToast
  .show(options)
  .then(
    function success(response) {},
    function cancelled(reason) {}
  );


// Hides the dialog last shown with `show()`
// and resolves the show() promise with `response`

$materialToast.hide(response);

// Hides the dialog last shown and rejects the `show()`
// promise with the `reason`

$materialToast.cancel(reason);

Note: If you previously provided a `controller` option to `$materialToast`, that controller would be injected with a `$hideToast` function. This feature no longer exists; use `$materialToast.hide()`.