Skip to content

Latest commit

 

History

History
363 lines (279 loc) · 21 KB

CHANGELOG.md

File metadata and controls

363 lines (279 loc) · 21 KB

0.8.0 Pixel Raichu (2016-10-14)

Breaking Changes

theme.scss content:

@import '~@angular/material/core/theming/all-theme';
// Plus imports for other components in your app.

// Include the base styles for Angular Material core. We include this here so that you only
// have to load a single css file for Angular Material in your app.
@include md-core();

// Define the palettes for your theme using the Material Design palettes available in palette.scss
// (imported above). For each palette, you can optionally specify a default, lighter, and darker
// hue.
$primary: md-palette($md-orange, 800);
$accent:  md-palette($md-light-blue, 600, A100, A400);

// The warn palette is optional (defaults to red).
$warn:    md-palette($md-red, 600);

// Create the theme object (a Sass map containing all of the palettes).
$theme: md-light-theme($primary, $accent, $warn);

// Include theme styles for core and each component used in your app.
// Alternatively, you can import and @include the theme mixins for each component
// that you are using.
@include angular-material-theme($theme);

Before:

<td-step-summary>
  // summary here
</td-step-summary>

<td-step-actions>
  // actions here
</td-step-actions>

After:

<template td-step-summary>
  // summary here
</template >

<template td-step-actions>
  // actions here
</template >

Before:

<td-step>
  // content here
</td-step>

After:

<td-step>
  <template td-step-content>
    // content here
  </template >
</td-step>

Bug Fixes

Features

Internal

Bug Fixes

Code Refactoring

Features

Internal

Breaking Changes

  • release: Upgraded to RC7. (78f813c412ea42124e399edd7960b58d56139768), closes #36

  • release: Upgrade material to alpha.8-1. (6104b554376bb70d013e80d7b39d78a04dc4aa62)

  • release: Updated rxjs to 5.0.0-beta.12 (@angular dependency). (78f813c412ea42124e399edd7960b58d56139768)

  • release: Updated zone.js to 0.6.21 (@angular dependency). (78f813c412ea42124e399edd7960b58d56139768)

  • release: Added hammerjs dependency (@angular2-material dependency). (6104b554376bb70d013e80d7b39d78a04dc4aa62)

  • release: Removed bootstrap and implemented everything with NgModule decorator. (6104b554376bb70d013e80d7b39d78a04dc4aa62)

  • loading: Removed tdLoadingDirective class from API. (2bbe223982df4deb2d3eca15cad9b4a230f66713)

  • highlight: Removed static lib file and added npm dependency for highlight.js (see docs for more info on how to setup). (e555bc438ab898c48a24f507204205db95c4dcbc)

  • all: Covalent now depends on TypeScript 2.0.

  • all: Updated packaging to match angular/angular2-material's packaging creating a [module].umd.js file per module.

    Example SystemJS config with UMD bundles:

    '@covalent/core': {
        format: 'cjs',
        main: 'core.umd.js'
      }
  • all: Covalent modules must be included with forRoot() when bootstrapping. See the ngModules guide for more information.

    @NgModule({
        imports: [
            CovalentCoreModule.forRoot(),
            CovalentHttpModule.forRoot()
        ]
    ...
    });
  • http: Use CovalentHttpModule.forRoot() to register interceptors. (provideInterceptors() is depricated and removed) (91050c51fa32b6e57d711199997829d0f4fc4c62), closes #58

    Before:

      bootstrap(AppComponent,[
        provideInterceptors([ CustomInterceptor ]),
        ...
      ])

    After:

      imports: [
        CovalentHttpModule.forRoot([ CustomInterceptor ]),
        ...
      ]
  • layouts: Changed placeholders to accept attributes since angular2 complains if the element doesnt exist, and turned md-content into a class since angular2-material never intended for it to be a component. (ab67c403d0aad3022e2e0112dfd62a89295c4f4b)

    Before(elements):

      <toolbar-content>
        ...
      </toolbar-content>
    
      <list-toolbar-content>
        ...
      </list-toolbar-content>
    
      <toolbar-buttons>
        ...
      </toolbar-buttons>
    
      <nav-toolbar-content>
        ...
      </nav-toolbar-content>
    
      <md-content>
        ...
      </md-content>

    After(attributes):

      <div toolbar-content>
        ...
      </div>
    
      <div list-toolbar-content>
        ...
      </div>
    
      <div toolbar-buttons>
        ...
      </div>
    
      <div nav-toolbar-content>
        ...
      </div>
    
      <div class="md-content">
        ...
      </div>  

Bug Fixes

Code Refactoring

Features

Internal

Breaking Changes

  • loading: There is a need to add TD_LOADING_ENTRY_COMPONENTS in the precompile array of your main component, so the TdLoadingComponent can be resolved by the ComponentFactoryResolver.

    e.g.

    import { TD_LOADING_ENTRY_COMPONENTS } from '@covalent/core';
    ...
      precompile: [ TD_LOADING_ENTRY_COMPONENTS ],
    })
    export class YourMainComponent {}
  • td-layout: <menu-items> will need to change to <md-nav-list menu-items>

    Before:

    <td-layout>
      <menu-items>
        ...
      </menu-items>
    </td-layout>

    After:

    <td-layout>
      <md-nav-list menu-items>
        ...
      </md-nav-list>
    </td-layout>
  • td-layout-nav-list: <list-items> will need to change to <md-nav-list list-items>

    Before:

    <td-layout-nav-list>
      <list-items>
        ...
      </list-items>
    </td-layout-nav-list>

    After:

    <td-layout-nav-list>
      <md-nav-list list-items>
        ...
      </md-nav-list>
    </td-layout-nav-list>
  • td-layout-manage-list: <list-items> will need to change to <md-nav-list list-items>

    Before:

    <td-layout-manage-list>
      <list-items>
        ...
      </list-items>
    </td-layout-manage-list>

    After:

    <td-layout-manage-list>
      <md-nav-list list-items>
        ...
      </md-nav-list>
    </td-layout-manage-list>