Upgrade from 2.0.0 beta.3 to 2.0.0

Follow these steps to upgrade to Covalent 2.0.0:

• Visit the Angular Upgrade Guide to upgrade to Angular 7
  • Select Angular version upgrade from 6.0 (which Covalent 2.0.0-beta.3 is using) to 7.0 (which Covalent 2.0.0 is using)
  • Select other options respective of your projects configuration
  • Complete all the steps indicated
• Upgrade the Covalent packages applicable to your project to their new versions:

"@covalent/code-editor": "2.0.2", 
"@covalent/core": "2.0.0",
"@covalent/dynamic-forms": "2.0.0",
"@covalent/echarts": "2.0.0",
"@covalent/flavored-markdown": "2.0.0",
"@covalent/highlight": "2.0.0",
"@covalent/http": "2.0.0",
"@covalent/markdown": "2.0.0",
"@covalent/text-editor": "2.0.0",

• Resolve Covalent specific breaking changes listed below

Breaking change: Animations (1/4):

We are favoring our pre-canned animations instead of the directives.

Before:

HTML:

<div [tdToggle]="boolean">
<div [tdFade]="boolean">

After:

TypeScript:

import { tdCollapseAnimation, tdFadeInOutAnimation } from '@covalent/core/common'
...
  animations: [ tdCollapseAnimation, tdFadeInOutAnimation ],
})

HTML:

<div [@tdCollapse]="boolean">
<div [@tdFadeInOut]="boolean">

---

Fix Covalent breaking change (2/4):

There are major changes to the @covalent/http module since @angular/http will soon be deprecated. So we are moving to @angular/common/http.

If you still want to keep using the deprecated version of http that uses @angular/http, you can do so by installing @covalent/http-deprec.

Before:

import { HttpInterceptorService, CovalentHttpModule } from '@covalent/http';

After:

import { HttpInterceptorService, CovalentHttpModule } from '@covalent/http-deprec';

Our new http module has a different usage and uses @angular/common/http under the covers.

---

Fix Covalent breaking change (3/4):

Remove deprecated animation functions. Function animations will no longer be part of covalent, please use the animation constants moving forward. This applies to all Covalent animation helpers, not just the example below.

Before:

TdCollapseAnimation()

After:

tdCollapseAnimation

Additional Usage info here

---

Fix Covalent breaking change (4/4):

With the new multi input in td-expansion-panel-group, the expansions will be accordion by default ([multi]="false"). So if you want to keep the same behavior, please add multi as an input.

Before:

<td-expansion-panel-group>

After:

<td-expansion-panel-group multi>

---