v0.4

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()`.