{"action":"published","release":{"url":"https://api.github.com/repos/expandjs/mat-icon/releases/2282742","assets_url":"https://api.github.com/repos/expandjs/mat-icon/releases/2282742/assets","upload_url":"https://uploads.github.com/repos/expandjs/mat-icon/releases/2282742/assets{?name,label}","html_url":"https://github.com/expandjs/mat-icon/releases/tag/v0.10.0","id":2282742,"tag_name":"v0.10.0","target_commitish":"master","name":"v0.10.0","draft":false,"author":{"login":"Pupix","id":4929965,"avatar_url":"https://avatars.githubusercontent.com/u/4929965?v=3","gravatar_id":"","url":"https://api.github.com/users/Pupix","html_url":"https://github.com/Pupix","followers_url":"https://api.github.com/users/Pupix/followers","following_url":"https://api.github.com/users/Pupix/following{/other_user}","gists_url":"https://api.github.com/users/Pupix/gists{/gist_id}","starred_url":"https://api.github.com/users/Pupix/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Pupix/subscriptions","organizations_url":"https://api.github.com/users/Pupix/orgs","repos_url":"https://api.github.com/users/Pupix/repos","events_url":"https://api.github.com/users/Pupix/events{/privacy}","received_events_url":"https://api.github.com/users/Pupix/received_events","type":"User","site_admin":false},"prerelease":false,"created_at":"2015-12-14T10:47:40Z","published_at":"2015-12-14T11:37:21Z","assets":[],"tarball_url":"https://api.github.com/repos/expandjs/mat-icon/tarball/v0.10.0","zipball_url":"https://api.github.com/repos/expandjs/mat-icon/zipball/v0.10.0","body":"# ExpandJS v0.10.0 RC1\n\n**TL;DR:** 2x faster, updated components, behavioral composition.\n\nGetting closer to the v1.0 stable, we had to provide **production ready performance** and,\nmost importantly, support for **native ShadowDOM**. This update is just that: all components\nnow run **2x faster** and the elements are based on *behavioral composition*, which moves\nlogic into **separate behaviors** and styling into **importable stylesheets**, leaving just\nthe html layout to the element.\n\n**Behavioral composition** provides a start up and runtime performance boost by lowering the\nnumber of custom elements needed into the ShadowDOM. This helps reduce attributes/properties\nduplication and junk bindings used to expose a child element's properties.\n\n**N.B.** ExpandJS now uses Polymer v1.2.x and there are a few breaking changes in\nthis update, so you should check the [Breaking changes](#Breakingchanges) section\nbefore updating, to make sure all your apps work properly.\n\n## TOC\n\n- [Breaking changes](#Breakingchanges)\n    - mat-dialog\n    - mat-drawer\n    - mat-header\n    - mat-header-panel\n    - mat-item\n    - mat-label\n    - mat-list\n\n- [Deprecated methods](#Deprecatedmethods)\n    - Deferred\n    - Promise\n    - createElement\n    - createElementNS\n    - getChildren\n    - getDistributedElement\n    - getDistributedElements\n    - getParentElement\n    - hasChild\n    - setChildren\n    - updateElement\n    - isContent\n\n- [New methods](#Newmethods)\n    - literalOf\n    - hasChildren\n    - setNodes\n    - getter\n    - setter\n\n- [Deprecated elements](#Deprecatedelements)\n    - mat-input-decorator\n    - mat-settings\n    - xp-collapse\n    - xp-dialog\n    - xp-doc-page\n    - xp-doc-viewer\n    - xp-embedded-behavior\n    - xp-icon\n    - xp-label\n    - xp-list\n    - xp-multi-select-behavior\n    - xp-pubsub-behavior\n    - xp-referral-behavior\n    - xp-selected-behavior\n    - xp-sublist\n    - xp-tooltip\n\n- [Updated elements](#Updatedelements)\n    - mat-dialog\n    - mat-drawer\n    - mat-fab\n    - mat-header\n    - mat-header-panel\n    - mat-icons\n    - mat-item\n    - mat-label\n    - mat-list\n    - mat-panel\n    - mat-typography\n    - xp-form\n    - xp-markdown\n    - xp-overlay-behavior\n    - xp-overlay-injector\n    - xp-overlay-styles\n    - xp-targeter-behavior\n\n- [New elements](#Newelements)\n\n<a name=\"Breakingchanges\"></a>\n## Breaking changes\n\n- [**mat-dialog**](http://expandjs.com/elements/mat-dialog) The attribute `action` on action buttons has been removed. Now uses `class=\"action\"`.\n\n    ```html\n    // Before\n    <mat-dialog>\n        ...\n        <mat-button ... action></mat-button>\n    </mat-dialog>\n\n    // After\n    <mat-dialog>\n        ...\n        <mat-button ... class=\"action\"></mat-button>\n    </mat-dialog>\n    ```\n\n- [**mat-drawer**](http://expandjs.com/elements/mat-drawer) No longer uses `target` attribute.\n\n    ```html\n    // Before\n    <mat-drawer-panel>\n        <mat-drawer target=\"content\">...</mat-drawer>\n        <mat-header-panel id=\"content\">\n            ...\n        </mat-header-panel>\n        <mat-drawer target=\"content\" right>...</mat-drawer>\n    </mat-drawer-panel>\n\n    // After\n    <mat-drawer-panel>\n        <mat-drawer>...</mat-drawer>\n        <mat-header-panel>\n            ...\n        </mat-header-panel>\n        <mat-drawer right>...</mat-drawer>\n    </mat-drawer-panel>\n    ```\n\n- [**mat-header**](http://expandjs.com/elements/mat-header) `label` and `extended` attributes have been replaced with `class=\"label\"` and `class=\"extended\"` respectively.\n\n    ```html\n    // Before\n    <mat-header>\n        <div label>Title</div>\n        <div extended>Extended content</div>\n    </mat-header>\n\n    // After\n    <mat-header>\n        <div class=\"label\">Title</div>\n        <div class=\"extended\">Extended content</div>\n    </mat-header>\n    ```\n\n- [**mat-header-panel**](http://expandjs.com/elements/mat-header-panel) The `footer` attribute has been replaced with `class=\"footer\"`.\n\n    ```html\n    // Before\n    <mat-header-panel>\n        ...\n        <mat-toolbar footer>...</mat-toolbar>\n    </mat-header-panel>\n\n    // After\n    <mat-header-panel>\n        ...\n        <mat-toolbar class=\"footer\">...</mat-toolbar>\n    </mat-header-panel>\n    ```\n\n- [**mat-item**](http://expandjs.com/elements/mat-item) `primary-*` and `secondary-*` have been removed (except `secondary-text`). Now consumes other content components with `class=\"primary\"` and `class=\"secondary\"`.\n\n    ```html\n    // Before\n    <mat-item label=\"Label\"\n        description=\"Description\"\n        primary-type=\"avatar\"\n        primary-icon-src=\"...\"\n        secondary-text=\"12:30\"\n        secondary-active-color=\"amber\"\n        secondary-active-icon=\"toggle:star\"\n        secondary-icon=\"toggle:star-outline\"\n        secondary-toggleable>Content</mat-item>\n\n    // After\n    <mat-item label=\"Label\" description=\"Description\" secondary-text=\"12:30\">\n        <mat-avatar class=\"primary\" icon-src=\"...\"></mat-avatar>\n        <span>Content</span>\n        <mat-icon-button class=\"secondary\" icon=\"toggle:star-outline\" active-icon=\"toggle:star\" active-color=\"amber\" toggleable></mat-icon-button>\n    </mat-item>\n    ```\n\n- [**mat-label**](http://expandjs.com/elements/mat-label) Now extends the native HTML label.\n\n    ```html\n    // Before\n    <mat-label>This is a label</mat-label>\n\n    // After\n    <label is=\"mat-label\">This is a label</label>\n    ```\n\n- [**mat-list**](http://expandjs.com/elements/mat-list) The `selectable` attribute has been moved to the `mat-list`.\n\n    ```html\n    // Before\n    <mat-list>\n        <mat-item label=\"Item 1\" selectable></mat-item>\n        <mat-item label=\"Item 2\" selectable></mat-item>\n        <mat-item label=\"Item 3\" selectable></mat-item>\n        ...\n    </mat-list>\n\n    // After\n    <mat-list selectable>\n        <mat-item label=\"Item 1\"></mat-item>\n        <mat-item label=\"Item 2\"></mat-item>\n        <mat-item label=\"Item 3\"></mat-item>\n        ...\n    </mat-list>\n    ```\n\n- [**mat-panel**](http://expandjs.com/elements/mat-panel) The `raised` attribute has been replaced by `z`, which has a default value of `2`.\n\n    ```html\n    // Before\n    <mat-panel raised>\n        ...\n    </mat-panel>\n\n    // After\n    <mat-panel>\n        ...\n    </mat-panel>\n    ```\n\n<a name=\"Deprecatedelements\"></a>\n## Deprecated methods\n\n- **Constructors**\n    - **Deferred** - deprecated in favor of native `Promise`\n    - **Promise** - deprecated in favor of native `Promise`\n\n- **DOM**\n    - **createElement** - deprecated in favor of native `document.createElement`\n    - **createElementNS** - deprecated in favor of native `document.createElementNS`\n    - **getChildren** - has been merged into [findElements](http://expandjs.com/utilities/findElements)\n    - **getDistributedElement** - has been merged into [findElement](http://expandjs.com/utilities/findElement)\n    - **getDistributedElements** - has been merged into [findElements](http://expandjs.com/utilities/findElements)\n    - **getParentElement** - deprecated in favor of native `HTMLElement.parentElement`\n    - **hasChild** - has been renamed to [hasChildren](http://expandjs.com/utilities/hasChildren)\n    - **setChildren** - has been renamed to [setNodes](http://expandjs.com/utilities/setNodes)\n    - **updateElement** - deprecated in favor of native methods\n\n- **Tester**\n    - **isContent** - has been merged into [hasChildren](http://expandjs.com/utilities/hasChildren)\n\n\n## New methods\n\n- **Collection**\n    - [**literalOf**](http://expandjs.com/utilities/literalOf)\n\n- **DOM**\n    - [**hasChildren**](http://expandjs.com/utilities/hasChildren)\n    - [**setNodes**](http://expandjs.com/utilities/setNodes)\n\n- **String**\n    - [**getter**](http://expandjs.com/utilities/getter)\n    - [**setter**](http://expandjs.com/utilities/setter)\n\n<a name=\"Updatedelements\"></a>\n## Updated elements\n\n- [**mat-dialog**](http://expandjs.com/elements/mat-dialog) The attribute `action` on action buttons has been removed. Now uses `class=\"action\"`.\n- [**mat-drawer**](http://expandjs.com/elements/mat-drawer) No longer uses `target` attribute.\n- [**mat-fab**](http://expandjs.com/elements/mat-fab) Now support `toggleable` and `active-icon` when `active` and setting or removing the `hidden` attribute will cause the FAB to animate into or away from the view.\n- [**mat-header**](http://expandjs.com/elements/mat-header) `label` and `extended` attributes have been replaced with `class=\"label\"` and `class=\"extended\"` respectively.\n- [**mat-header-panel**](http://expandjs.com/elements/mat-header-panel) The `footer` attribute has been replaced with `class=\"footer\"`.\n- [**mat-icons**](http://expandjs.com/elements/mat-icons) Now uses [Material Design Iconsv2.1](https://github.com/google/material-design-icons/releases/tag/2.1).\n- [**mat-item**](http://expandjs.com/elements/mat-item) `primary-*` and `secondary-*` have been removed (except `secondary-text`). Now consumes other content components with `class=\"primary\"` and `class=\"secondary\"`.\n- [**mat-label**](http://expandjs.com/elements/mat-label) Now extends the native HTML label.\n- [**mat-list**](http://expandjs.com/elements/mat-list) The `selectable` attribute has been moved to the `mat-list`.\n- [**mat-panel**](http://expandjs.com/elements/mat-panel) The `raised` attribute has been replaced by `z`, which has a default value of `2`.\n- [**mat-tabs**](http://expandjs.com/elements/mat-tabs) `closer-target` now can supports an element's `id` as value\n- [**mat-typography**](http://expandjs.com/elements/mat-typography) No longer sets default text color values on `<html>` tag\n- [**xp-form**](http://expandjs.com/elements/xp-form) The `data` property will be merged with data comming from the form's input before being submitted.\n- [**xp-markdown**](http://expandjs.com/elements/xp-markdown) Now exposes it's contents in the `light DOM`. Passed content via `light DOM` will be assigned to the `code` property and will be replaced with the resulting HTML code.\n- [**xp-overlay-behavior**](http://expandjs.com/elements/xp-overlay-behavior) has been moved in `xp-overlay`.\n- [**xp-overlay-injector**](http://expandjs.com/elements/xp-overlay-injector) has been moved in `xp-overlay`.\n- [**xp-overlay-styles**](http://expandjs.com/elements/xp-overlay-styles) has been moved in `xp-overlay`.\n- [**xp-refirer-behavior**](http://expandjs.com/elements/xp-refirer-behavior) now adds `notifyAll`, `notifyChange` and `notifyOthers`.\n- [**xp-targeter-behavior**](http://expandjs.com/elements/xp-targeter-behavior) now works inside `ShadowDOM`.\n\n<a name=\"Deprecatedelements\"></a>\n## Deprecated elements\n\n- **mat-input-decorator** has been replaced by [mat-input-behavior](http://expandjs.com/elements/mat-input-behavior) and [mat-input-styles](http://expandjs.com/elements/mat-input-styles)\n- **mat-settings** has been removed\n- **xp-collapse** has been replaced by [xp-collapse-behavior](http://expandjs.com/elements/xp-collapse-behavior) and [xp-collapse-styles](http://expandjs.com/elements/xp-collapse-styles)\n- **xp-dialog** has been replaced by [xp-dialog-behavior](http://expandjs.com/elements/xp-dialog-behavior) and [xp-dialog-styles](http://expandjs.com/elements/xp-dialog-styles)\n- **xp-doc-page** has been replaced by [mat-dos](http://expandjs.com/elements/mat-docs).\n- **xp-doc-viewer** has been replaced by [mat-docs](http://expandjs.com/elements/mat-docs).\n- **xp-embedded-behavior** has been removed.\n- **xp-icon** has been replaced by [xp-icon-behavior](http://expandjs.com/elements/xp-icon-behavior) and [xp-icon-styles](http://expandjs.com/elements/xp-icon-styles)\n- **xp-label** has been replaced by [xp-label-behavior](http://expandjs.com/elements/xp-label-behavior) and [xp-label-styles](http://expandjs.com/elements/xp-label-styles)\n- **xp-list** has been replaced by [xp-list-behavior](http://expandjs.com/elements/xp-list-behavior) and [xp-list-styles](http://expandjs.com/elements/xp-list-styles)\n- **xp-multi-select-behavior** has been replaced by [xp-selector-multi-behavior](http://expandjs.com/elements/xp-selector-multi-behavior).\n- **xp-pubsub-behavior** has been removed.\n- **xp-referral-behavior** has been removed.\n- **xp-selected-behavior** has been replaced by [xp-selector-behavior](http://expandjs.com/elements/xp-selector-behavior).\n- **xp-sublist** has been replaced by [xp-sublist-behavior](http://expandjs.com/elements/xp-sublist-behavior) and [xp-sublist-styles](http://expandjs.com/elements/xp-sublist-styles)\n- **xp-tooltip** has been replaced by [xp-tooltip-behavior](http://expandjs.com/elements/xp-tooltip-behavior) and [xp-tooltip-styles](http://expandjs.com/elements/xp-tooltip-styles).\n\n<a name=\"Newelements\"></a>\n## New elements\n\n- **Behaviors**\n    - [**mat-ink-behavior**](http://expandjs.com/elements/mat-ink-behavior).\n    - [**mat-input-behavior**](http://expandjs.com/elements/mat-input-behavior).\n    - [**mat-paper-behavior**](http://expandjs.com/elements/mat-paper-behavior).\n    - [**mat-pressed-behavior**](http://expandjs.com/elements/mat-pressed-behavior)\n    - [**mat-pressed-ink-behavior**](http://expandjs.com/elements/mat-pressed-ink-behavior)\n    - [**mat-pressed-paper-behavior**](http://expandjs.com/elements/mat-pressed-paper-behavior)\n    - [**mat-shell-behavior**](http://expandjs.com/elements/mat-shell-behavior)\n    - [**xp-breadcrumb-behavior**](http://expandjs.com/elements/xp-breadcrumb-behavior)\n    - [**xp-breadcrumb-step-behavior**](http://expandjs.com/elements/xp-breadcrumb-step-behavior)\n    - [**xp-collapse-behavior**](http://expandjs.com/elements/xp-collapse-behavior)\n    - [**xp-commands-behavior**](http://expandjs.com/elements/xp-commands-behavior)\n    - [**xp-common-behavior**](http://expandjs.com/elements/xp-common-behavior)\n    - [**xp-device-behavior**](http://expandjs.com/elements/xp-device-behavior)\n    - [**xp-dialog-behavior**](http://expandjs.com/elements/xp-dialog-behavior)\n    - [**xp-dialog-wrapper**](http://expandjs.com/elements/xp-dialog-wrapper)\n    - [**xp-form-wrapper**](http://expandjs.com/elements/xp-form-wrapper)\n    - [**xp-icon-behavior**](http://expandjs.com/elements/xp-icon-behavior)\n    - [**xp-iconset-finder**](http://expandjs.com/elements/xp-iconset-finder)\n    - [**xp-label-behavior**](http://expandjs.com/elements/xp-label-behavior)\n    - [**xp-list-behavior**](http://expandjs.com/elements/xp-list-behavior)\n    - [**xp-list-wrapper**](http://expandjs.com/elements/xp-list-wrapper)\n    - [**xp-sublist-behavior**](http://expandjs.com/elements/xp-sublist-behavior)\n    - [**xp-menu-behavior**](http://expandjs.com/elements/xp-menu-behavior)\n    - [**xp-menu-wrapper**](http://expandjs.com/elements/xp-menu-wrapper)\n    - [**xp-submenu-behavior**](http://expandjs.com/elements/xp-submenu-behavior)\n    - [**xp-overlay-wrapper**](http://expandjs.com/elements/xp-overlay-wrapper)\n    - [**xp-page-behavior**](http://expandjs.com/elements/xp-page-behavior)\n    - [**xp-pages-behavior**](http://expandjs.com/elements/xp-pages-behavior)\n    - [**xp-progress-behavior**](http://expandjs.com/elements/xp-progress-behavior)\n    - [**xp-selector-behavior**](http://expandjs.com/elements/xp-selector-behavior)\n    - [**xp-selector-multi-behavior**](http://expandjs.com/elements/xp-selector-multi-behavior)\n    - [**xp-shell-behavior**](http://expandjs.com/elements/xp-shell-behavior)\n    - [**xp-snackbar-behavior**](http://expandjs.com/elements/xp-snackbar-behavior)\n    - [**xp-spinner-behavior**](http://expandjs.com/elements/xp-spinner-behavior)\n    - [**xp-table-behavior**](http://expandjs.com/elements/xp-table-behavior)\n    - [**xp-tbody-behavior**](http://expandjs.com/elements/xp-tbody-behavior)\n    - [**xp-td-behavior**](http://expandjs.com/elements/xp-td-behavior)\n    - [**xp-th-behavior**](http://expandjs.com/elements/xp-th-behavior)\n    - [**xp-thead-behavior**](http://expandjs.com/elements/xp-thead-behavior)\n    - [**xp-tr-behavior**](http://expandjs.com/elements/xp-tr-behavior)\n    - [**xp-tooltip-behavior**](http://expandjs.com/elements/xp-tooltip-behavior)\n    - [**xp-tab-behavior**](http://expandjs.com/elements/xp-tab-behavior)\n    - [**xp-tabs-behavior**](http://expandjs.com/elements/xp-tabs-behavior)\n\n- **Contents**\n    - [**mat-docs**](http://expandjs.com/elements/mat-docs).\n\n- **Inputs**\n    - [**mat-radio**](http://expandjs.com/elements/mat-radio).\n\n- **Stylesheets**\n    - [**mat-ink-styles**](http://expandjs.com/elements/mat-ink-styles)\n    - [**mat-input-styles**](http://expandjs.com/elements/mat-input-styles)\n    - [**mat-paper-styles**](http://expandjs.com/elements/mat-paper-styles)\n    - [**mat-pressed-styles**](http://expandjs.com/elements/mat-pressed-styles)\n    - [**mat-pressed-ink-styles**](http://expandjs.com/elements/mat-pressed-ink-styles)\n    - [**mat-pressed-paper-styles**](http://expandjs.com/elements/mat-pressed-paper-styles)\n    - [**mat-shell-styles**](http://expandjs.com/elements/mat-shell-styles)\n    - [**mat-spacing**](http://expandjs.com/elements/mat-spacing)\n    - [**xp-anchor-styles**](http://expandjs.com/elements/xp-anchor-styles)\n    - [**xp-breadcrumb-styles**](http://expandjs.com/elements/xp-breadcrumb-styles)\n    - [**xp-breadcrumb-step-styles**](http://expandjs.com/elements/xp-breadcrumb-step-styles)\n    - [**xp-collapse-styles**](http://expandjs.com/elements/xp-collapse-styles)\n    - [**xp-dialog-styles**](http://expandjs.com/elements/xp-dialog-styles)\n    - [**xp-focused-styles**](http://expandjs.com/elements/xp-focused-styles)\n    - [**xp-icon-styles**](http://expandjs.com/elements/xp-icon-styles)\n    - [**xp-input-styles**](http://expandjs.com/elements/xp-input-styles)\n    - [**xp-label-styles**](http://expandjs.com/elements/xp-label-styles)\n    - [**xp-list-styles**](http://expandjs.com/elements/xp-list-styles)\n    - [**xp-sublist-styles**](http://expandjs.com/elements/xp-sublist-styles)\n    - [**xp-menu-styles**](http://expandjs.com/elements/xp-menu-styles)\n    - [**xp-submenu-styles**](http://expandjs.com/elements/xp-submenu-styles)\n    - [**xp-page-styles**](http://expandjs.com/elements/xp-page-styles)\n    - [**xp-pages-styles**](http://expandjs.com/elements/xp-pages-styles)\n    - [**xp-progress-styles**](http://expandjs.com/elements/xp-progress-styles)\n    - [**xp-shell-styles**](http://expandjs.com/elements/xp-shell-styles)\n    - [**xp-snackbar-styles**](http://expandjs.com/elements/xp-snackbar-styles)\n    - [**xp-spinner-styles**](http://expandjs.com/elements/xp-spinner-styles)\n    - [**xp-table-styles**](http://expandjs.com/elements/xp-table-styles)\n    - [**xp-tbody-styles**](http://expandjs.com/elements/xp-tbody-styles)\n    - [**xp-td-styles**](http://expandjs.com/elements/xp-td-styles)\n    - [**xp-th-styles**](http://expandjs.com/elements/xp-th-styles)\n    - [**xp-thead-styles**](http://expandjs.com/elements/xp-thead-styles)\n    - [**xp-tr-styles**](http://expandjs.com/elements/xp-tr-styles)\n    - [**xp-tabs-styles**](http://expandjs.com/elements/xp-tabs-styles)\n    - [**xp-tab-styles**](http://expandjs.com/elements/xp-tab-styles)\n    - [**xp-tooltip-styles**](http://expandjs.com/elements/xp-tooltip-styles)"}}