Skip to content

Latest commit

 

History

History
3280 lines (2438 loc) · 264 KB

CHANGELOG.md

File metadata and controls

3280 lines (2438 loc) · 264 KB
Raw

3.0.0-beta.1-2 (2019-10-11)

Bug Fixes

3.0.0-beta.1-1 (2019-10-10)

Quick fix to address install issues with 3.0.0-beta.1, also add support range to ^7.X.X and ^8.X.X

Bug Fixes

Features

  • covalent-tools: move in covalent-tools configs (#1512) (5b8e571)
  • change ^X.X.X to ^X.X.X || ^X.X.X on ng versions (#1509) (9a6fab4)

3.0.0-beta.1 (2019-10-05)

We announce our first beta in the road for 3.0.0, this is meant to add new components over the next 3 months and also start working towards ivy and angular 9 support.

A few of the first new features/components are:

  • Markdown Navigator
  • Helper Functions
  • Draggable Dialog
  • Pie chart support
  • Schematics!

DEPRECATIONS

We also want to mention that we will deprecate a few modules that have been created already in @angular/material.

The modules are:

  • Expansion Panel
  • Virtual Scroll
  • File Upload Button

Possible modules we are still evaluating to deprecate are:

  • Data Table
  • Chips
  • Stepper (Wizard)
  • Media

Also we are removing the primary entry point for @covalent/core soon, so please start using secundary entry points like @covalent/core/loading, etc etc

BREAKING CHANGES

  • angular/http module not supported in angular 8
  • remove http-deprec code (#1462) (687b64a)

Bug Fixes

  • added missing sass functions to calc elevation (#1443) (9f4965b)
  • remove typings file from src (723e0a7)
  • prettier: add pattern to pre commit hook (#1458) (81fcd8c)

Features

  • dialog-service: add func to create draggable dialog + use in help (#1476) (ccd2793)
  • echarts: add pie chart type (#1484) (cca414f)
  • file: add send method to file service (#1348) (45ddcf6)
  • file-download: Content download utility functions (#1477) (79adaa3)
  • help: add ability to change toolbar color (#1456) (dd742d3)
  • markdown-nav: styling tweaks (#1500) (70437aa)
  • markdown-navigator: hide home button and show title (#1505) (707c372)
  • schematics: include code-editor as part of ng add (#1471) (0b0e707)
  • schematics: include echarts as part of ng add (#1463) (a170d9b)
  • schematics: include markdown navigator as part of ng-add (#1504) (ce05285)
  • schematics: include text-editor as part of ng add (#1472) (3c922ea)
  • promote markdown-navigator aka help package (#1485) (1aa7acb)
  • update material icon font (#1499) (b36735c)
  • upload-file: Content upload utility function (#1482) (cc0d55f)
  • utilities: scaffolding for utilities module (#1470) (6c34296)

2.1.0 (2019-07-15)

Bug Fixes

  • tab-select: make label render when needed (65bb05e)
  • make sure editor is instantiated before disposing (#68) (3be0008)
  • sidesheet action styling (#1442) (08dc408)
  • documentaion: minor updates to docs (#1399) (129f709), closes #1376 #1386
  • help: handle non raw image urls (#1405) (78dc739)
  • http: make appended/duplicated params work (#1394) (9d9276a)
  • markdown: fix anchor id creation for non-latin chars (#1410) (7f8e532)
  • markdown: fix github image rendering issues (#1411) (98157a7)
  • markdown: make sure styles dont bleed (#1416) (6611efe)
  • tab-select: hide body to avoid height jump (6f8876b)
  • tab-select: mark for check when number of tabs change (#1408) (430088b)

Features

Performance Improvements

  • monaco: make sure monaco is loaded only once (#67) (7df5d9d)

2.0.2 (2019-06-07)

Bug Fixes

  • build: Drop support for yarn in favor of package-lock.json (#1350) (c0b2f52)
  • usability-bug: style updates to the last breadcrumb (#1373) (75e0474)
  • add @angular/platform-browser as a peerDependency to highlight and markdown packages (#1383) (9420bc2)

2.0.4 (2019-02-13)

Bug Fixes

  • memory-leak: Dispose monaco editor on ngOnDestroy. (#64) (6ef0c05)

2.0.1 (2019-01-25)

Bug Fixes

  • dialog: make sure tdDialogService is not singleton (#1338) (3510925)
  • http: fix aot issue for http decorators (#1332) (4e5b052)
  • http: fix injection on aot (again) (#1335) (9185963)
  • json-formatter: property name should not be centered when value is large (#1326) (cac48e7)

2.0.3 (2019-01-17)

Bug Fixes

  • ng-model: Do not set value to an outdated value (#60) (3aaf83e)

2.0.2 (2019-01-08)

2.0.0 (2018-12-21)

2.0.0 (2018-12-20)

Bug Fixes

  • docs: Fix fullScreenKeyBinding row (#55) (55caaf8)
  • flavored-markdown: Prevent breakage from invalid table (#1320) (ba6ceeb)
  • flavored-markdown: Support lists that use hyphens and asterisks (#1321) (bb39d47)

2.0.0-rc.2 (2018-12-14)

Bug Fixes

  • data-table: remove unnecessary scrollbars (#1318) (21ac1a3)

2.0.0-rc.2 (2018-12-14)

Bug Fixes

  • config: change override order between inputs and config input (#49) (f811054)
  • dynamic-forms: disable file inputs via config (#1311) (7fe4241)
  • nav-steps: fix a11y issue with tabs (#1316) (ac701e8)

Features

  • chart: add themeName and renderer inputs to set theme and render mode (#48) (c7cc4b7)
  • data-table: atomic sorting icon example demo (#1317) (216c407)
  • events: rename outputs so they dont clash with native outputs (46ce972)
  • Cleanup Full Screen capability (#51) (9f30847)

2.0.0-rc.1 (2018-12-10)

Bug Fixes

  • animations: changing to overflow hidden instead of visibility hidden (#1296) (bdc5628)
  • chart: removed this._instance.clear() from ngOnChanges (#40) (5c1441b)
  • chips: subscription memory leak for inputChanges (#1298) (820569b)
  • data-table: add align input to cells (#1303) (641ece6)
  • data-table: reset scroll when hidding element (#1299) (4036ab3)
  • dynamic-forms: update template when manually adding errors to controls (#1292) (9cfa197)
  • highlight: wrong language loaded initially when using content input (#1301) (3709e28)
  • linting issues (8df1ce6)
  • http: remove aot warning compilation (#1315) (f2d5742)
  • http: reverse execution of interceptors for response and response error (#1300) (4c4f5c9)
  • lint: upgrade tslint to fix issue (f724a5c)
  • markdown: initial render was broken when using [content] input (c1399a7)

Features

  • animations: remove deprecated animation functions BREAKING CHANGE (#1297) (f37ce0c)
  • chips: add compareWith input (#1308) (93b9e2f)
  • docs: add link to github repo to toolbar (#1295) (f8bc7a6), closes #966
  • docs: use @covalent/flavored-markdown module (8a7ae34)
  • expansion-panel: add multi input, openAll(), and closeAll() Breaking Change (#1306) (1521137)
  • http: add http decorators to experimental usage (#1291) (fb175bc)
  • http: create http-deprec package for @angular/http use (#1305) (e44186a)
  • http: use HttpClient instead of Http and improve API usage + http decorators BREAKING CHANGE (#1310) (886db98)
  • markdown: add refresh method to rerender content (04d8816)
  • upgrade to latest Angular and Monaco (20d0694)
  • markdown: add simpleLineBreaks input (#1304) (e2f3c75), closes #1290
  • nav-steps: graduation from experimental to core (#1307) (fdb0df7)
  • search: added blur event on search-box (#1302) (7778c58)
  • toolbox: add toolbox atomic module and docs (#45) (654d120)

2.0.0-beta.5 (2018-11-21)

Bug Fixes

  • ghpages deploy npm alias (fb993fa)
  • remove experimental theme from docs (85a94f1)
  • chart: clear and destroy instance of chart when destroyed (e8916d3)
  • dynamic-forms: added missing hints for checkboxes, slide-toggles and sliders (#1277) (bd364fa)
  • flavored-markdown: change detection issue with data-table (160e59c)
  • sankey: fix demo extra > character (e51a65d)
  • series: fix issue when removing a series component on the fly (631a321)
  • tooltip: make sure options arent trigger twice on render (eebbc06)
  • tooltip: set formatter only if template has been provided (#36) (466c29e)
  • utils: remove keys from target that are not in any source (e05ccb1)

Features

  • breadcrumbs: remove not needed elements from breadcrumbs (#1275) (ff4e81a)
  • chart: use intervals to check for host size to avoid miss resizes (8c27f2b)
  • flavored-markdown: initial commit for flavored markdown module (#1276) (3537fac)
  • series: add graph series type (#35) (370092c)
  • series: add tree series type (a04bdc3)
  • virtual-scroll: added bottom event for infinite scroll (#1259) (ab10f9f)

Performance Improvements

  • breadcrumbs: simplify logic to show/hide breadcrumbs depending on host size (#1278) (9e6b463)
  • chart: make sure only to render chart when necessary (#37) (58c3319)
  • charts: abstract inputs into SeriesComponent (12d816b)
  • virtual-scroll: leverage scroll event to check bottom reached (#1286) (798a73b)

2.0.0-beta.4 (2018-10-29)

Bug Fixes

  • breadcrumbs: consistently align separator icons independent of their font-set class (#1255) (55f7485), closes #1254
  • Breadcrumbs responsive calculations with border, margin and padding (#1251) (7f6a9ca)
  • breadcrumbs: increase visibility of bounded getter (#1238) (0df63be), closes #1237
  • add color attr to all series (a7c24c3)
  • add color to interface of all series (48d305d)
  • build was failing due to improper import (becb7d7)
  • dark logo in logo style-guide (21156c3)
  • ghpages deploy output path (3bbf970)
  • dark-mode: fix markdown/branding theme (#1268) (5620ab0)
  • ghpages deployment script was not working (c389682)
  • build: Constructor was breaking the build in common entry d file (949b79d)
  • chips: add proper sass so invalid color remains even without focus (8f27cc0)
  • chips: long texts (#1248) (b104c85)
  • chips: mobile select (#1247) (1b57feb), closes #1044
  • chips: td-chips has memory leaks (#1257) (#1258) (7163ff1)
  • docs: Fix sample code not up to date with demo code (#1239) (dabe2ac)
  • dynamic-forms: added name to dynamic elements (#1244) (b0924fc)
  • layout: make layout provided optional and show warn message if not provided (#1262) (dd5db2e)
  • loading: make sure we check before attaching the content on replace (closes #1263) (#1266) (0bff41b)
  • search: align text in search box (#1265) (1a8ccc6)
  • tooltip: add missing export to @covalent/echarts (ea2ede3)
  • ghpages script was not working (dee7062)

Features

  • Add ability to update Editor Options after component is initialized (#42) (0da7dbb)
  • animation: parameterized animations + deprecate function animations (#1213) (1855676), closes #1214 #1228 #1214
  • add interfaces for axes (3cbaa6e)
  • base: rearchitect how series talks to its children to avoid direct dependencies (33c33c3)
  • brand: new brand & logo (#1246) (6f07516)
  • breadcrumbs: graduation from experimental to core (#1264) (bca08bb)
  • chips: added required attribute support (#1250) (e722c50)
  • docs: add covalent echarts in out optional components section (0830e86)
  • docs: initial documentation site w/ examples (#25) (ea032ac)
  • docs: remove ngx-charts from docs (#1249) (c817e6d)
  • docs: restructure docs and add READMEs (#26) (a36c092)
  • layout: support autosize in layout #1230 (#1234) (c6e201a)
  • Navigational Stepper: experimental (#1256) (fa764cf)
  • series: add bar and line types (#13) (23d9d02)
  • Add timeUntil pipe (#1240) (a7f3b9b)
  • series: add tooltip component (8377017)
  • tab-select: graduation from experimental to core (#1261) (68b17f0)
  • type: scatter chart and additional enums (e5496dd)
  • upgrade: upgrade to us angular 7 rc.0/1 (#1252) (a9a067d)
  • remove peerDependency to cdk and forms (d40b61d)

2.0.0-beta.5 (2018-08-30)

Features

  • add x and y axis components (#10) (e911117)
  • implement tooltip component (#9) (67a6d2a)
  • notification: add configurable limit for notification count (#1231) (5981b14)

2.0.0-beta.3 (2018-08-23)

Bug Fixes

  • unit tests failure and aot build (044bf0d)
  • breadcrumbs: clean up imports of observable creation methods (#1209) (3197c50), closes #1208
  • datatable: change detection error on datatable demo with pagination (#1198) (419396b)
  • datatable: row selection checkbox incorrectly fires row click event in firefox (#1195) (1db63f6)
  • datatable: selectAllRows doesn't trigger ngModelChange (#1194) (59055f4)
  • docs: Add documentation about clickable input on datatable (#1224) (95425ef)
  • docs: github deployment docs out of date (#1196) (61686f2)
  • dynamic-forms: make sure hints and errors dont overlap (#1222) (cf0439d)
  • paging: Fix paging demo with search to jump to page 1 after searching (#1203) (44f2212)

Features

  • install covalent tools as dependency (#1199) (2c74ee6)
  • setup of the experimental primary entry point (#1173) (09756b5)
  • angular: update to Angular 6.1.1 (#41) (9d08fcc), closes #36
  • breadcrumbs: initial implementation experimental (#1183) (256491e)
  • dynamic-forms: add support for Materials multiselect form field (closes #820) (95c773d)
  • dynamic-forms: adds hints to elements that allow mat-hints (#1221) (955e598)
  • dynamic-forms: allow elements to be disabled via configuration (#1219) (2e2b8a0)
  • tab-select: add stretchTabs input to stretch tabs on mat-tab-group (#1191) (d0f5fa5)
  • tab-select: initial implementation for tab select experimental (#1187) (66503a9)
  • test-bed: add test-bed project to test experimental components or new features (#1186) (6f8a3bf)

2.0.0-beta.2 (2018-05-28)

Bug Fixes

Features

BREAKING CHANGES

  • typography: removal of _typography.scss

2.0.0-beta.1 (2018-04-16)

Features

  • ng-packagr: Add Support for ng-packagr #27 (2eef386)
  • add rxjs@6 and angular@6 support (rc usage) (d9bcee9)
  • add support for angular@6 (#1136) (91687bd)

1.0.0 (2018-02-11)

1.0.0-rc.5 (2018-02-07)

Bug Fixes

  • lib: fix covalent build in case typeCheck is used in apps (#1117) (71c79a7)
  • search-input: make sure initializing ngModel doesnt trigger a debounce (#1109) (0bc5be6)

1.0.0-rc.4 (2018-01-26)

Bug Fixes

Features

1.0.0-rc.3 (2018-01-19)

Features

  • data-table: change API from data-table representation to lists (#1076) (9322d9e)
  • dependencies: upgrade covalent dependencies @angular@5.1 (#1096) (bffb143)
  • docs: add README for loading docs (#1092) (a6d3de6)
  • docs: change file-input API from tables to lists in README (#1082) (c492976)
  • docs: change file-upload API from tables to lists in README (#1085) (308b626)
  • docs: change layout API from tables to lists in README (#1086) (14d0e7a)
  • docs: change markdown API from tables to lists in README (#1081) (d9a0c03)
  • docs: change messages API from tables to lists in README (#1091) (d86d5cf)
  • docs: change notifications API from tables to lists in README (#1090) (b82fed7)
  • docs: change paging API from data-table to list (#1089) (08fb421)
  • docs: properly load README into http docs (#1088) (8bcfdf4)
  • docs: replace dynamic-forms API with list API in README (#1084) (1041d1f)
  • change to Covalent Angular package format build w/ ng-packagr (#1065) (cb2fd30)
  • docs: search and virtual scroll README refactor (#1093) (0b4cb6d)
  • docs: support list in pretty markdown to showcase API's better (#1073) (ac260e3)
  • expansion-panel: change API from data-table representation to lists (#1078) (44cd9a9)
  • highlight: change component API from tables to lists in README (#1080) (5b29a0a)
  • json-formatter: render README in docs (#1079) (a75c61f)

1.0.0-rc.2 (2018-01-05)

Bug Fixes

  • animations: allow child animations by default in our pre-canned animations (#1016) (94a9c64)
  • change-log: td-layout-manage-list example typo (#752) (ff2c944)
  • changlog: Angular Material version number (#944) (41a49f2)
  • chips: close manually autocomplete menu on mousedown (#784) (08937b5)
  • collapse: add overflow only when animating (#1017) (bd50947)
  • data-table: replace hardcoded 100px min width with projected width (#895) (025ead6)
  • data-table: show which column was deselected when using single selection mode (#896) (013df52)
  • docs: close sidenav properly when clicking on it in any scenario (#1030) (ba2b5ed)
  • dynamic-forms: dynamically add, edit, remove Form Controls (#787) (e7be2a8), closes #624 #624 #624
  • editor: fix multiple editors (72e055e), closes #11
  • es6: Publish es5 version to npm (81b98f2)
  • expansion-panel: let label flex without sublabel and follow MD spec better (#1068) (251abb8)
  • file-upload: clear internal file input on cancel (#905) (6220b2a)
  • json-formatter: represent array of arrays properly (#899) (42c8398)
  • layout: fix layout directives not hidden element in certain scenarios (#760) (d3c8d1b)
  • layout: fix proper width for manage-list layout (#962) (aa481db)
  • layout: fixed breakpoints limits (#781) (2e3b35f)
  • loading: change detection error in overlay mode (#973) (b9a4588), closes #972
  • loading: update circle height incase loader is rendered hidden (#1066) (f26bd4e)
  • media: fix for TdMediaService doesn't trigger Portrait or Landscape (#938) (3c7c5a1), closes #922
  • message: remove second host animation since it makes ngIf duplicate the component (#984) (7ef2d79)
  • notifications: fix menu header margin in demo (#1060) (55cb101)
  • paging: stop css bleed to all md-selects from paging scss (#894) (8a9b4db)
  • scss: missing scss variables for scss compilation (#858) (closes #851) (0a22bba)
  • stepper: fix change detection issue when number of step content children changed (#989) (c9d24d6)
  • virtual-scroll: fix issue with virtual scroll not respecting the parent's width (#943) (8849b00)
  • virtual-scroll: re-render rows with proper height when replacing the data set (#897) (6590cf2)

Features

  • add basic support for angular 5 (#865) (e5fc929)
  • change /deep/ in favor of ::ng-deep (#970) (7b9f72f)
  • improve rotation animation maintainability for tdRotate (#838) (28fde0a)
  • file: stop depending on layout.scss (#948) (3cc670d)
  • leverage coerceBooleanProperty from cdk (#757) (707d077)
  • all: ability to override typography in components (#963) (f8d2e00)
  • all: stop depending on layout.scss cleanup (#956) (cdcf358)
  • animation: attention seekers (#848) (f106ccf)
  • animations: add rotate animation utility function and documentation (#811) (e182bc5)
  • animations: added collapse and fade in/out animations + docs (#846) (6906c75)
  • behaviors: abstract disableRipple inputs and create mixin for reuse (#762) (df4fbf1)
  • chips: add inputPosition input to change its position to before or after (closes #990) (#1061) (70887dc)
  • chips: add chipBlur and chipFocus events to chips (#785) (ee7f40f), closes #700
  • chips: stop depending on layout.scss (#949) (fa4ff4c)
  • data-table: add index to row select and row click outputs (#1007) (7d4d87b)
  • data-table: allow dynamic row heights in data table even when using its virtual scroll (#898) (3379024)
  • data-table: make table header and body distinguishable (#1046) (e6bb7fc)
  • data-table: prioritize column setting for sortable (#935) (d927265)
  • data-table: virtual scroll + sticky headers + column widths (#859) (c5f065a)
  • dependencies: upgrade angular/cli to 1.2.7 (#807) (9d72f93)
  • dialog: stop depending on layout.scss (#952) (ae07dc5)
  • dialogs: extend MatDialogConfig to leverage all the dialog config (closes #1011) (#1059) (eb2ca43)
  • docs: Add dedicated Design Patterns section (#815) (e586d71)
  • docs: add roboto font to covalent docs (50e4d79)
  • docs: demo for Covalent Text/Markdown Editor (#804) (3127d76)
  • docs: migrate to material typography (#983) (45797ed)
  • dynamic-form: added dynamic file input (#789) (5993f7e)
  • dynamic-forms: add minLength and maxLength validations (#862) (be37ea1), closes #577 #577 #577
  • dynamic-forms: add custom validation capability and error message template (#708) (9050f96)
  • dynamic-forms: add datepicker support (#1058) (b92a6dc)
  • dynamic-forms: stop depending on layout.scss (#953) (a2c4924)
  • dynamic-forms: value/label selection values (#802) (closes #832) (closes #802) (8cc52a0)
  • editorOptions: Add Editor Options to Component (5aeada8), closes #15
  • editors: upgrade to latest Text and Code Editors (#805) (8f1e441)
  • expansion-panel: stop depending on layout.scss (#947) (354d054)
  • file: remove files variable since it was deprecated in a prev release (#1028) (cff2b7a)
  • file-upload: required support added (#951) (f62c4ed)
  • Icons: add icon service to CovalentCommonModule (#399) (da5bc31)
  • IE11: base platform & cocs support for IE11 (#831) (fee4182), closes #199
  • json-formatter: support properly RTL (#1033) (90903d0)
  • layout: stop depending on layout.scss (#954) (c341eff)
  • loader: remove blocking background from linear loader (#941) (5bdf4a4), closes #823
  • loading: stop depending on layout.scss (#950) (e50622b)
  • logo: new Covalent logo! (#977) (b82dff1)
  • markdown: make markdown include showdown.js implicitly (#958) (817f311)
  • media: change to BehaviorSubject to stop the use of broadcast method on page load (#969) (0177a9a)
  • message: support RTL (#1034) (e006105)
  • navigation-drawer: ability to override toolbar content (#778) (1a7c71b), closes #774
  • paging: new demo for input go to usage with paging bar leveraging exposed API's (#764) (846a4b4), closes #743
  • paging: refactor paging bar to allow devs leverage API for multiple usages (#772) (7f2815d)
  • paging: support OnPush change detection strat (#1031) (857425d)
  • patterns: empty state design pattern (#997) (1ca8db9)
  • make LayoutToggle class reuse disable mixin (#1022) (d42825f)
  • StackBlitz templates (#965) (d135e1e)
  • upgrade to [email protected] and [email protected] (#967) (ba18ef5)
  • upgrade to [email protected] (#890) (5ffb364)
  • patterns: stepper design pattern (#1048) (23dbc5f)
  • resources: update layout & add Illustrator (#911) (00fcf66)
  • rxjs: remove uses of rxjs patch operators (#755) (9394017)
  • search: add ngModel support to search-input and search-box (#1041) (8b4cb18)
  • search: add OnPush support (#1032) (5e35c5e)
  • search: Make icons of 'Search Box' and 'Search Input' customizable (#940) (798800b), closes #420
  • stepper: stop depending on layout.scss (#946) (2cbf923)
  • upgrade to [email protected] (#916) (f728be3)
  • theme: Add menu button to switch between dark and light themes (#939) (4e80434)
  • utilities: change push/pad/pull utility baselines to be based on 4px (#930) (d6e3613)
  • upgrade to [email protected] and switch to lettable operators (#960) (69e4cb4)
  • use secondary entry points for @angular/material and rxjs so we can cherry pick modules (#1019) (261d40d)
  • virtual-scroll: initial implementation of virtual scroll component (#854) (7bb723d)

Performance Improvements

  • data-table: make checkbox state check more performant (#777) (3d2a1ab)

1.0.0-beta.6 (2017-07-09)

Bug Fixes

  • card-images: sm/md/lg card images in title-group (closes #575) (#653) (dda5d9c)
  • chips: call change detection when replacing the ngModel array (4243fca)
  • chips: protect against case where click would close the autocomplete in certain cases (#641) (9ca5bdf)
  • chips: show underline when readOnly and add codeblocks (#563) (8ee80be)
  • chips: using debounce as output instead of input in demo (#647) (bdb0e08)
  • data-table: block (rowClick) event when clicking on checkbox (closes #611) (#619) (ec1cbd8)
  • data-table: fix pseudo checkbox in data-table (#570) (d4d90a2)
  • data-table: fix when data is undefined and multiple selection (#569) (783228f)
  • data-table: fixes click row error in firefox (#692) (#705) (c0da661)
  • data-table: selectAll event will send toggled rows only (#733) (0c3b31c)
  • docs: fixed closing html tags in message README.md (#721) (4d15d69)
  • dynamic-forms: fix AoT issue with min/max validators (closes #508) (#540) (5bd684f)
  • file-service: file upload xhr request status and response fix (closes #722) (#729) (34ed963)
  • file-service: make progress based on upload API (#728) (9180f99)
  • flex: flex=“value” for grow/initial/auto/none/noshink/nogrow (#591) (141550f)
  • language-service: complain with loading directive (template with no implicit value) (#734) (b84c6c7)
  • layout: remove % note from sidenavWidth (#738) (ec31c38)
  • layout: upgrade to [email protected] to use exposed ScrollDispatchModule (closes #620) (#628) (629d06f)
  • loading: remove OnPush from td-loading (#561) (baea6b3)
  • loading: when using the full screen loader in ngOnInit it fails (#682) (349d108)
  • pipes: convert bytes using powers of 2 in TdBytesPipe. (closes #527) (c77d517)
  • rtl-demo: fix rtl/lrt demo in docs (#663) (7874b5b)
  • stepper: horizontal scroll was not appearing when needed in certain cases. (closes #282) (#640) (9542139)
  • steps: change internal class to mat-inactive (#669) (bb9331b)
  • steps: issue margin-inline style in certain conditions. (closes #501) (#503) (193bc90)
  • theme: remove duplicate functions that are already part of material (#633) (98eaf28)
  • travis: fix npm install for now while we check why yarn install gives AoT errors (#506) (dc56437)
  • aot build break with prompt commit (#676) (3f86bce)
  • fix rollup build by adding merge (7a80d03)
  • footer & expansion theme, update logo docs (closes #578) (#689) (574e6d1)
  • try to add /n at the end for pretty markdown (f70ec35)

Features

  • chips: ability to disable chip addition (input). (closes #500) (#547) (1c75d35)
  • chips: ability to disable chip removal (input) (#615) (51ba94d)
  • chips: add [color] input to change the color of focused chips, input and underline (closes #605) (#627) (5c2635c)
  • chips: chip templates + object list support + async loading support. (closes #252) (closes #359) (closes #601) (#626) (22d4342)
  • chips: leverage td-chip for all cases introducing td-chip-avatar (#672) (fe9dacc)
  • chips: make chips preserve input height when chipAddition is false (#557) (755f846)
  • chips: new [stacked] input to make chips stack vertically. (#639) (9a18a63)
  • data-table: ability to exclude columns when filtering data (closes #513) (#548) (11c3d15)
  • data-table: ability to hide data table columns (closes #511) (#549) (0ccb191)
  • data-table: add [compareWith] input to allow row comparison (#730) (b948746)
  • data-table: indeterminate state in 'selectAll' checkbox (17241e1)
  • data-table: indeterminate state in 'selectAll' checkbox (closes #571) (#573) (bd0f7bc)
  • data-table: onclick event for datatable rows, select event only on checkboxes, multi shift click and basic a11y (closes #468) (closes #592) (#572) (4f84c6c)
  • dependencies: upgrade to @angular@4.2.0 (#608) (90e16f5)
  • dialog: improve prompt a11y by selection text in input when focused (#664) (e9427aa)
  • expansion-panel: introducing expansion-panel-group to only give margin to expansion panels when grouped (#666) (9ae0ba5)
  • expansion-panel) and (steps: add [disableRipple] input. (#665) (33810ce)
  • file: send additional form data with TdFileService#upload (closes #546) (#580) (77c89ac)
  • file-upload: add cancel event when cancel button is pressed (closes #499) (#541) (9e3be77)
  • highlight: added contentReady event binding. (closes #553) (#560) (b3e800c)
  • layout: add [mode], [opened] and [sidenavWidth] to main td-layout (#609) (e2172fa)
  • layout: add color input to td-layout-footer (#670) (e912ef4)
  • layout: add toggle/open/close directives for layouts with sidenav. (#745) (346a4bf)
  • layout: make navigation optional if there are no routes to navigate to. (#558) (dda9b4b)
  • loading: support for async and boolean with [until] input. (closes #528) (#583) (d57bf67)
  • markdown: added contentReady event binding. (closes #563) (#536) (cdf6cad)
  • message: add animation when opening/closing (#671) (5a858c7)
  • message: introducing message module. (closes #316) (#596) (8a517fb)
  • paging: ability to jump to page n with page links (closes #496) (#544) (459dcb3)
  • preload: add selective preload strategy for lazy loading (#678) (3b4da1c)

Performance Improvements

  • docs: lazy load docs for faster rendering (#589) (a06b5c4)
  • providers: make sure all services are singleton (#610) (4544c1a)
  • table: add selected input in row to preserve value (#731) (53592fa)

Reverts

  • "feat(data-table): indeterminate state in 'selectAll' checkbox" (33f529b)

1.0.0-beta.3-1 (2017-04-10)

Features

  • dependencies: upgrade @angular/material to beta.3. (#464) (1994564)

1.0.0-beta.3 (2017-04-05)

Bug Fixes

  • animations: fade & toggle explicitly used window.setTimeout (#227) (1cd3e49)
  • animations: remove overflow from styles in steps and expansion-panel (#374) (52e74da)
  • aot: make data-table template access only public variables (#472) (4aa916c)
  • animation not working correctly in navigation-drawer (#388) (db837b0)
  • aot: remove console.warn from forRoot methods (#477) (98e3cb7)
  • aot: remove private keyword from @View and @Content children. (#454) (04f2ba2)
  • charts: line charts wouldn’t render with empty data set (#138) (5c1df45)
  • code-health: fix to run unit tests in chrome 55 and travis CI (#191) (de393fd)
  • data-table: add missing export for ITdDataTableSelectAllEvent (#455) (42e89c5)
  • data-table: force change detection when model array is changed (#371) (65d1c3b)
  • data-table: format columns correctly when displaying them. closes(#187) (#188) (66ab3f6)
  • data-table: td-data-table-column return proper name in sort event (#353) (8a19aa0)
  • docs: date pipes were not working on safari (#380) (977e5ad)
  • docs: dev guidelines typo (a0827ea)
  • docs: dev guidelines typo (#147) (fa53203)
  • docs: uppercase button text for 1-2 words (#372) (8156396)
  • expansion-panel: remove hardcoded string (#432) (7b6745d)
  • http: rxjs changes which caused concurrency request failure (#228) (31a60cd)
  • loading: center loading on replace mode (#375) (3e40f4b)
  • loading: support OnPush change detection strategy (#428) (4bc56de)
  • media: check if subscription has been created before unsubscribing (#401) (7b559d4)
  • rollup: add missing dep to options.globals (#348) (231fc06)
  • search: overflow search-input fix + stop hiding label when focusing. (closes #412) (#418) (7282ff1)
  • search: stop debounceSearch event when page loads. (#392) (c052746)
  • tabindex: remove default outline (#467) (a9fe83a)
  • aot issues + build process (#448) (3952859)
  • change directive selectors to use ng-template for ng4 (#463) (a010c4d)
  • remove @Injectable decorator from HttpInterceptorService (#377) (08d272a)

Features

0.8.0 (2016-10-14)

Bug Fixes

  • karma: rc6 (code-health) (#61) (d11f0a9)

  • layout-docs: manage-list tutorial (#79) (b63bf5f)

  • upgraded angular & material modules to latest (#90) (790278d), closes #90

BREAKING CHANGES

  • to include only @angular/material package in package.json

  • changed @angular2-material/* to @angular/material

  • fixed rollup.js file

  • added require-dir, merge2 and upgraded gulp-typescript

  • fixed rollup build for platform deployment using ts2.0, material new package and webpack changes

  • added example for snackbar

  • update(app scss): remove color overrides

  • update(theme): main & example themes

  • update(themes): docs for new themes

  • update(theme): docs text padding

  • update(material-components): grid-list headers & footers

  • abstracted scss from app.component.scss and moved to styles.scss (global file)

  • added dialog examples

  • update(styles): comments & moved divider to app.component.scss

  • update(app scss): Shadow DOM divider styles

2.1.0 (2019-07-15)

Hey all! this will be our final 2.X release and now the team will focus on 3.X roadmap to fully support angular 8 and ivy plus lots a new components and features.

We will also focus on redesigning the documentation site, focusing more on the components and lots more.

Check our issues to see what the team is working on for 3.X.

Bug Fixes

Features

2.0.2 (2019-06-07)

This patch release is meant to prepare the codebase to support angular 8 and npm audit fixes.

There are some breaking changes in angular 8, so we might are deciding if we should do a major release or not.. expect PRs coming soon to add full support!

Thanks for the PRs to people in the community!

Bug Fixes

2.0.1 (2019-01-25)

Bug Fixes

  • dialog: make sure tdDialogService is not singleton (#1338) (3510925)
  • http: fix aot issue for http decorators (#1332) (4e5b052)
  • http: fix injection on aot (again) (#1335) (9185963)
  • json-formatter: property name should not be centered when value is large (#1326) (cac48e7)

2.0.0 (2018-12-21)

We are pleased to announce @covalent stable release!

A big thanks to our community that helped us every step of the way and drive us to make a better library every day.

Stay tunned for new features coming soon in our projects page.

Bug Fixes

  • flavored-markdown: Prevent breakage from invalid table (#1320) (ba6ceeb)

2.0.0-rc.2 (2018-12-14)

Bug Fixes

Features

  • data-table: atomic sorting icon example demo (#1317) (216c407)

2.0.0-rc.1 (2018-12-10)

Highlights:

  • @covalent/http now uses @angular/common/http under the covers and has new Http Decorator Framework.
  • Previous Http Module is now @covalent/http-deprec
  • Covalent Navigational Steps added into @covalent/core/steps.
  • Expansion panel group has accordion mode now!
  • Moar Bug fixes
  • Performance improvements.

Dont forget to check out @covalent/echarts

For more information go to the covalent echarts docs

Breaking Changes

As mentioned in our previous release, there are major changes with our http module since @angular/http will be removed soon from the angular framework 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. You can find more about it by clicking here.

  • animations: remove deprecated animation functions (#1297) (f37ce0c)

Function animations will no longer be part of covalent, please use the animation constants moving foward.

Before:

TdCollapseAnimation()

After:

tdCollapseAnimation

Usage info here

  • expansion-panel: add multi input, openAll(), and closeAll() (#1306) (1521137)

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>

Bug Fixes

  • animations: changing to overflow hidden instead of visibility hidden (#1296) (bdc5628)
  • chips: subscription memory leak for inputChanges (#1298) (820569b)
  • data-table: add align input to cells (#1303) (641ece6)
  • data-table: reset scroll when hidding element (#1299) (4036ab3)
  • dynamic-forms: update template when manually adding errors to controls (#1292) (9cfa197)
  • highlight: wrong language loaded initially when using content input (#1301) (3709e28)
  • http: reverse execution of interceptors for response and response error (#1300) (4c4f5c9)
  • lint: upgrade tslint to fix issue (f724a5c)
  • markdown: initial render was broken when using [content] input (c1399a7)

Features

  • chips: add compareWith input (#1308) (93b9e2f)
  • docs: add link to github repo to toolbar (#1295) (f8bc7a6), closes #966
  • expansion-panel: add multi input, openAll(), and closeAll() (#1306) (1521137)
  • http: create http-deprec package for [@angular](https://github.com/angular)/http use (#1305) (e44186a)
  • http: use HttpClient instead of Http and improve API usage + http decorators BREAKING CHANGE (#1310) (886db98)
  • markdown: add refresh method to rerender content (04d8816)
  • markdown: add simpleLineBreaks input (#1304) (e2f3c75), closes #1290
  • nav-steps: graduation from experimental to core (#1307) (fdb0df7)
  • search: added blur event on search-box (#1302) (7778c58)

2.0.0-beta.5 (2018-11-21)

Highlights:

  • (bottom) event added to Virtual Scroll for infinite scroll functionality
  • Covalent Flavored Markdown initial release!
  • Bug fixes
  • Performance improvements.

Dont forget to check out beta.2 release of @covalent/echarts

For more information go to the covalent echarts docs

Breaking Change Notice

We will change change the HttpInterceptor and RESTService to use HttpClient under the covers over the next following days, so stay tuned on the migration steps and breaking changes.

Bug Fixes

  • ghpages deploy npm alias (fb993fa)
  • remove experimental theme from docs (85a94f1)
  • dynamic-forms: added missing hints for checkboxes, slide-toggles and sliders (#1277) (bd364fa)

Features

  • flavored-markdown: initial commit for flavored markdown module (#1276) (3537fac)
  • virtual-scroll: added bottom event for infinite scroll (#1259) (ab10f9f)

Performance Improvements

  • breadcrumbs: remove not needed elements from breadcrumbs (#1275) (ff4e81a)
  • breadcrumbs: simplify logic to show/hide breadcrumbs depending on host size (#1278) (9e6b463)
  • virtual-scroll: leverage scroll event to check bottom reached (#1286) (798a73b)

2.0.0-beta.4 (2018-10-29)

Highlights:

  • Angular 7 Support!
  • Parameterized Animations
  • Tab Select graduation from experimental to core
  • Breadcrumbs graduation from experimental to core
  • Lots of bug fixes!

We are pleased to announce our initial Covalent Echarts Release!

You can start using these components for echarts by installing @covalent/echarts:

npm install --save @covalent/echarts

For more information go to the covalent echarts repo

Breaking Changes

We are favoring our pre-canned animations instead of the directives. The migration steps are the following:

Before:

<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">

more information about animations here

Bug Fixes

  • breadcrumbs: consistently align separator icons independent of their font-set class (#1255) (55f7485), closes #1254
  • breadcrumbs: responsive calculations with border, margin and padding (#1251) (7f6a9ca)
  • breadcrumbs: increase visibility of bounded getter (#1238) (0df63be), closes #1237
  • dark logo in logo style-guide (21156c3)
  • ghpages deploy output path (3bbf970)
  • dynamic-forms: added name to dynamic elements (#1244) (b0924fc)
  • ghpages deployment script was not working (c389682)
  • build: Constructor was breaking the build in common entry d file (949b79d)
  • chips: add proper sass so invalid color remains even without focus (8f27cc0)
  • chips: long texts (#1248) (b104c85)
  • chips: mobile select (#1247) (1b57feb), closes #1044
  • chips: td-chips has memory leaks (#1257) (#1258) (7163ff1)
  • dark-mode: fix markdown/branding theme (#1268) (5620ab0)
  • docs: Fix sample code not up to date with demo code (#1239) (dabe2ac)
  • layout: make layout provided optional and show warn message if not provided (#1262) (dd5db2e)
  • loading: make sure we check before attaching the content on replace (closes #1263) (#1266) (0bff41b)
  • search: align text in search box (#1265) (1a8ccc6)

Features

2.0.0-beta.3 (2018-08-23)

Highlights:

  • Experimental Module and Nightly Build
  • Tab Select and Breadcrumbs experimental modules!
  • Bugfixes for data-table and dynamic forms
  • Enhancements for dynamic forms like custom types and new properties.

We are pleased to annouce our experimental area where we test all our new components before we move them into the a production package.

You can start using these components at any point by installing our nightly experimental build:

npm install --save https://github.com/Teradata/covalent-experimental-nightly.git

NOTE: Beware breaking changes since this particular area will typically change as we encounter bugs or add features to suit the use cases we encounter.

Initial experimental components:

  • Breadcrumbs
  • Tab Select

Please try and use our components and help us improve them even more!

Bug Fixes

  • breadcrumbs: clean up imports of observable creation methods (#1209) (3197c50), closes #1208
  • datatable: change detection error on datatable demo with pagination (#1198) (419396b)
  • datatable: row selection checkbox incorrectly fires row click event in firefox (#1195) (1db63f6)
  • datatable: selectAllRows doesn't trigger ngModelChange (#1194) (59055f4)
  • docs: Add documentation about clickable input on datatable (#1224) (95425ef)
  • docs: Add documentation about custom sort on datatable (#1225) (be754dd) closes #674, closes #461, closes #521
  • docs: github deployment docs out of date (#1196) (61686f2)
  • dynamic-forms: make sure hints and errors dont overlap (#1222) (cf0439d)
  • paging: Fix paging demo with search to jump to page 1 after searching (#1203) (44f2212)

Features

  • breadcrumbs: initial implementation experimental (#1183) (256491e)
  • install covalent tools as dependency (#1199) (2c74ee6)
  • setup of the experimental primary entry point (#1173) (09756b5)
  • dynamic-forms: add support for Materials multiselect form field (closes #820) (95c773d)
  • dynamic-forms: adds hints to elements that allow mat-hints (#1221) (955e598)
  • dynamic-forms: allow elements to be disabled via configuration (#1219) (2e2b8a0)
  • tab-select: add stretchTabs input to stretch tabs on mat-tab-group (#1191) (d0f5fa5)
  • tab-select: initial implementation for tab select experimental (#1187) (66503a9)
  • test-bed: add test-bed project to test experimental components or new features (#1186) (6f8a3bf)

2.0.0-beta.2 (2018-05-28)

Bug Fixes

Features

BREAKING CHANGES

  • typography: fully remove deprecated covalent typography (#1146) (9301848)
  • typography: removal of _typography.scss

1.0.1 (2018-05-28)

Bug Fixes

2.0.0-beta.1 (2018-04-16)

Highlights:

  • Added support for angular@6!

Features

Internal

1.0.0 Covalently Bond (2018-02-11)

We are pleased to announce [email protected] stable!

Thanks to the community for helping us improve Covalent more as each day passes by.

Now that we are stable, the team will focus on improving our components and adding more and more features going forward.

1.0.0-rc.5 Compiled Typewritter (2018-02-07)

We were going to release stable, but we wanted to do one final thing before that.. and that is bump ng-packagr to its stable release and make sure Covalent can be used with fullTemplateTypeCheck in apps.

Bug Fixes

  • lib: fix covalent build in case typeCheck is used in apps (#1117) (71c79a7)
  • search-input: make sure initializing ngModel doesnt trigger a debounce (#1109) (0bc5be6)

1.0.0-rc.4 Recursive Fedora (2018-01-26)

The focus of this release is fixing an introduced issue with AoT when we changed our build process to use ng-packagr.

We also updated our Design Patterns to use stackblitz and added a few more.

Bug Fixes

Features

1.0.0-rc.3 Cranberry Zombie (2018-01-19)

Almost stable! This release centered around adding list support for our documentation renderer and making sure Covalent has the proper Angular build format leveraging ng-packagr.

This means you can now import directly from our secondary entry points, so you can minimize your build size by cherry picking what you need.

e.g.

import { CovalentLoadingModule } from '@covalent/core/loading';
import { CovalentSearchModule } from '@covalent/core/search';

In addition, following the Angular build format allows for SSR builds.

So start testing and let us know your issues!

Features

  • build: change to Covalent Angular package format build w/ ng-packagr (#1065) (cb2fd30)
  • dependencies: upgrade covalent dependencies @angular@5.1 (#1096) (bffb143)
  • docs: change data-table API from tables to lists in README (#1076) (9322d9e)
  • docs: add README for loading docs (#1092) (a6d3de6)
  • docs: change file-input API from tables to lists in README (#1082) (c492976)
  • docs: change file-upload API from tables to lists in README (#1085) (308b626)
  • docs: change layout API from tables to lists in README (#1086) (14d0e7a)
  • docs: change markdown API from tables to lists in README (#1081) (d9a0c03)
  • docs: change messages API from tables to lists in README (#1091) (d86d5cf)
  • docs: change notifications API from tables to lists in README (#1090) (b82fed7)
  • docs: change paging API from data-table to list in README (#1089) (08fb421)
  • docs: properly load README into http docs (#1088) (8bcfdf4)
  • docs: replace dynamic-forms API with list API in README (#1084) (1041d1f)
  • docs: search and virtual scroll README refactor (#1093) (0b4cb6d)
  • docs: support list in pretty markdown to showcase API's better (#1073) (ac260e3)
  • expansion-panel: change API from table to lists in README (#1078) (44cd9a9)
  • highlight: change component API from tables to lists in README (#1080) (5b29a0a)
  • json-formatter: render README in docs (#1079) (a75c61f)

1.0.0-rc.2 Transpiled Suspenders (2018-01-05)

Kicking off the year with our RC.2 release!

The Covalent team wishes everybody a Happy New Year and we want to thank everybody for their support. We will continue delivering new features and improvements this 2018.

More information of our roadmap here. Note: This is subject to change depending on the Material Repo's roadmap.

Highlights

  • Datepicker support for dynamic-forms.
  • inputPosition input for chips.
  • Simple Dialogs are more flexible and you can pass any MatDialogConfig.
  • More RTL and OnPush support.
  • More bug fixes and improvements!

Breaking Changes

Bug Fixes

  • docs: close sidenav properly when clicking on it in any scenario (#1030) (ba2b5ed)
  • expansion-panel: let label flex without sublabel and follow MD spec better (#1068) (251abb8)
  • loading: update circle height incase loader is rendered hidden (#1066) (f26bd4e)
  • notifications: fix menu header margin in demo (#1060) (55cb101)

Features

1.0.0-rc.1 Obfuscated Mustache (2017-12-12)

Highlights

  • @angular/[email protected] upgrade
  • Use material secondary entry points to load only required material modules
  • New logo to celebrate the march to 1.0 Stable
  • Moving to the @angular/material typography and deprecating Covalent typography
  • Bugfixes and improvements

Breaking Changes

Typography

Covalent typography will be deprecated in favor of the angular/material typography. Click here for more information.

Migration steps

  1. Replace md- with mat- in the typography classes with the exception of md-subhead
  2. Replace md-subhead with mat-subheading-1
  3. Import the Roboto font in index.html <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
  4. Customized the typography for proper font weights by replacing
@include mat-core();

with

// Custom typography
$custom-typography: mat-typography-config(
  $button: mat-typography-level(14px, 14px, 400)
);
$custom-toolbar-typography: mat-typography-config(
  $title: mat-typography-level(20px, 32px, 400)
);

// 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 mat-core($custom-typography);

// Setting the toolbar to the proper spec weight
@include mat-toolbar-typography($custom-toolbar-typography);

Bug Fixes

Features

Internal

1.0.0-rc.0 Responsive Skinnyjeans (2017-11-14)

The main focus of this release is support both @[email protected] and @angular/[email protected], also making our modules really stand alone so they dont depend on the platform.scss styles and configurable typography following the angular material usage.

Highlights

  • @[email protected] support
  • @angular/[email protected] support
  • Real stand alone modules with no dependency to external css styles
  • Create style mixins to pick and choose which utility classes you want
  • Configurable typography for all Covalent components
  • More templates and migration to StackBlitz
  • Bugfixes and improvements

Bug Fixes

Features

Internal

1.0.0-beta.8-1 (2017-10-06)

Small patch release to support @angular/[email protected]

Material Breaking Changes

The most important breaking change with this latest material release is that mat-select will need to be inside a mat-form-field if you want the placeholder and underline.

This does give an advantage that now matInput and mat-select will follow the same API's around hints, errors, prefix, suffix and placeholders.

Read more in the @angular/material changelog

Highlights

Features

1.0.0-beta.8 Free Fallin (2017-10-05)

The main focus of this release is support for @angular/[email protected] and rename all md references from our selectors and inputs to mat for future support since the md prefixes are gonna be removed on @angular/material's following release.

The material team created a tool to update it automatically if you want to give it a test. angular-material-prefix-updater

Material Breaking Changes

The material team decided to change their prefix from md to mat. Read more on the reasons in the @angular/material changelog

Steps to rename md to mat

We structured our commits in this PR with the specific steps needed for the md/mat conversion.

Highlights

Bug Fixes

Features

Refactor

Internal

1.0.0-beta.7 One Step Closer (2017-09-11)

This release will make sure Covalent works properly with @angular/[email protected].

We are also pleased to announce the release of the covalent/text-editor module which wraps the SimpleMDE lib for Angular use.

Highlights

  • Virtual scroll module
  • Text Editor module
  • Dynamic forms features and bug fixes
  • Data table sticky headers, configurable column widths and virtual scroll
  • Pre-canned animations!
  • Initial IE11 support (there may be issues, so please create an issue if you find one)

Breaking Changes

Please check the Angular Material beta.10 changelog for breaking changes and deprecations, since those will be breaking changes in future material releases.

CovalentDynamicFormsModule

In order to ensure proper i18n support, all error messages must be provided by the developer.

e.g.

<td-dynamic-forms #dynamicForm [elements]="dynamicElements">
  <ng-template let-element ngFor [ngForOf]="dynamicElements">
    <ng-template let-control="control" [tdDynamicFormsError]="element.name">
      <span *ngIf="control.touched || !control.pristine">
        <span *ngIf="control.hasError('required')">Required</span>
        <span *ngIf="control.hasError('min')">Min value: {{element.min}}</span>
        <span *ngIf="control.hasError('max')">Max value: {{element.max}}</span>
      </span>
    </ng-template>
  </ng-template>
</td-dynamic-forms>

CovalentPagingModule

The md-select component has been abstracted from the paging bar, so that it could be easily added by devs.

The following inputs are:

  • [pageSizes], [pageSizeAll], [pageSizeAllText].

Before:

<td-paging-bar #pagingBar
                       [pageSizes]="[50,100,200,500,1000]"
                       [pageSize]="pageSize"
                       [total]="1345"
                       (change)="change($event)">
  <span td-paging-bar-label hide-xs>Rows per page:</span>
  <span>{{pagingBar.range}} <span hide-xs>of {{pagingBar.total}}</span></span>
</td-paging-bar>

After:

<td-paging-bar #pagingBar
                       [pageSize]="pageSize"
                       [total]="1345"
                       (change)="change($event)">
  <span hide-xs>Rows per page:</span>
  <md-select [(ngModel)]="pageSize">
    <md-option *ngFor="let size of [50,100,200,500,1000]" [value]="size">
      {{size}}
    </md-option>
  </md-select>
  <span>{{pagingBar.range}} <span hide-xs>of {{pagingBar.total}}</span></span>
</td-paging-bar>

More information in https://github.com/Teradata/covalent/pull/772

Bug Fixes

Features

Refactor

Performance

Internal

1.0.0-beta.6 Midnight Rider (2017-07-07)

This release will make sure we work properly with @angular/[email protected] + usage of the cdk module + some layout structure changes to add more flexibility and better examples for each layout.

Please check the angular material beta.7 and beta.8 changelog

We are also pleased to announce the release of the covalent/code-editor module which makes the Monaco editor (used by vscode) simple to use in the browser or electron.

Breaking Changes

@angular/cdk

Material introduced the component toolkit module and covalent has been using it for quite a while (directly from @angular/material).

So this dependency is needed to be able to use covalent and soon material since they are deprecating the cdk imports from the @angular/material package.

So just npm install @angular/cdk and you will be good to go!

td-chips

We will deprecate the readOnly input in favor of a disabled input to keep consistency across components and reuse the newly disabled mixin.

CovalentLayoutModule

We abstracted the menu button from td-layout-nav and td-layout-nav-list, the arrow_back button from td-layout-nav-list and td-layout-manage-list and the md-toolbar from td-layout-manage-list and introduced layout directives that toggle/close/open their immediate parent.

The following directives are:

  • [tdLayoutToggle], [tdLayoutOpen], [tdLayoutClose] for the td-layout sidenav.
  • [tdLayoutNavListToggle], [tdLayoutNavListOpen], [tdLayoutNavListClose] for the td-layout-nav-list sidenav.
  • [tdLayoutManageListToggle], [tdLayoutManageListOpen], [tdLayoutManageListClose] for the td-layout-manage-list sidenav.

Every directive has a [hideWhenOpened] input that hides the host element when the bound sidenav is opened if set to true, also every directive can take a boolean to allow or block the click action.

e.g. td-layout-nav

Before:

<td-layout>
  <div td-sidenav-content>
    Sidenav content
  </div>
  <td-layout-nav toolbarTitle="Title">
    Content
  <td-layout-nav>
</td-layout>

After:

<td-layout>
  <div td-sidenav-content>
    Sidenav content
  </div>
  <td-layout-nav toolbarTitle="Title">
    <button md-icon-button td-menu-button tdLayoutToggle>
      <md-icon>menu</md-icon>
    </button>
    Content
  <td-layout-nav>
</div>

OR

<td-layout-nav toolbarTitle="Title">
  <button md-icon-button td-menu-button (click)="somethingElse()">
    <md-icon>menu</md-icon>
  </button>
  Content
<td-layout-nav>

e.g. td-layout-nav-list

Before:

<td-layout-nav-list #navList toolbarTitle="Title">
  <div td-sidenav-content (click)="!media.query('gt-sm') && navList.close()">
    Sidenav Content
  </div>
  <div td-toolbar-content>
    Toolbar content
  </div>
  Content
 <td-layout-nav-list>

After:

<td-layout-nav-list toolbarTitle="Title">
  <button md-icon-button td-menu-button tdLayoutToggle>
    <md-icon>menu</md-icon>
  </button>
  <div td-sidenav-content [tdLayoutNavListClose]="!media.query('gt-sm')">
    Sidenav Content
  </div>
  <div td-toolbar-content>
    <button md-icon-button tdLayoutNavListOpen [hideWhenOpened]="true">
      <md-icon>arrow_back</md-icon>
    </button>
  </div>
  Content
 <td-layout-nav-list>

e.g. td-layout-manage-list

Before:

<td-layout-manage-list #manageList>
  <md-toolbar td-sidenav-content></md-toolbar>
  <div td-sidenav-content (click)="!media.query('gt-sm') && manageList.close()">
    Sidenav Content
  </div>
  <div td-toolbar-content>
    Toolbar content
  </div>
  Content
 <td-layout-manage-list>

After:

<td-layout-manage-list>
  <md-toolbar td-sidenav-content></md-toolbar>
  <div td-sidenav-content [tdLayoutManageListClose]="!media.query('gt-sm')">
    Sidenav Content
  </div>
  <md-toolbar>
    <button md-icon-button tdLayoutManageListOpen [hideWhenOpened]="true">
      <md-icon>arrow_back</md-icon>
    </button>
  </md-toolbar>
  Content
 <td-layout-manage-list>

All these changes will allow the developers to toggle parent sidenavs with any clickable element + able to toggle/open/close parent sidenavs from child routes + allow mixing and matching different layouts.

e.g.

<td-layout>
  <div td-sidenav-content>
    Main Sidenav content
  </div>
  <td-layout-nav toolbarTitle="Title">
    <!-- [tdLayoutToggle] makes this button's click toggle the td-layout sidenav -->
    <!-- [td-menu-button] is used to position this button before the logo and title -->
    <button md-icon-button td-menu-button tdLayoutToggle>
      <md-icon>menu</md-icon>
    </button>
    <td-layout-manage-list>
      <md-toolbar td-sidenav-content>
        Section Title
      </md-toolbar>
      <!-- [tdLayoutManageListClose] makes this button's click close the td-layout-manage-list sidenav -->
      <div td-sidenav-content tdLayoutManageListClose>
        Manage List Sidenav Content
      </div>
      <td-layout-nav toolbarTitle="Page Title">
        <!-- [tdLayoutManageListOpen] makes this button's click close the td-layout-manage-list sidenav -->
        <!-- [hideWhenOpened] is used to hide the button when the sidenav is opened -->
        <button md-icon-button td-menu-button tdLayoutManageListOpen [hideWhenOpened]="true">
          <md-icon>arrow_back</md-icon>
        </button>
        Content
      </td-layout-nav>
    </td-layout-manage-list>
  </td-layout-nav>
</td-layout>

OR

<td-layout-nav toolbarTitle="Title">
  <!-- [td-menu-button] is used to position this button before the logo and title -->
  <!-- now we use it to toggle the manage-list sidenav for small/mid apps -->
  <button md-icon-button td-menu-button (click)="manageList.toggle()">
    <md-icon>menu</md-icon>
  </button>
  <td-layout-manage-list #manageList>
    <div td-sidenav-content>
      Manage List Sidenav Content
    </div>
    Content
  </td-layout-manage-list>
</td-layout-nav>

Bug Fixes

Features

Refactor

Performance

Internal

1.0.0-beta.5-1 (2017-06-12)

Small patch release to address a loading component issue and documentation updates with [email protected] change detection since creating components or changing inputs on component life hooks cycles need to explicitly call a change detection cycle by developers.

Bug Fixes

Internal

1.0.0-beta.5 Blackhole Sun (2017-06-09)

Breaking Change

td-chips

Now that chips have async support and we've abstracted the internal filtering mechanism, the developer needs to provide their own filter.

This will also allow the developer to create custom filters both locally and server-side.

e.g.

<td-chips [items]="filteredStrings"
          [(ngModel)]="stringsModel"
          placeholder="Enter autocomplete strings"
          (inputChange)="filterStrings($event)"
          requireMatch>
</td-chips>
strings: string[] = [
  'stepper',
  'expansion-panel',
  'markdown',
  'highlight',
  'loading',
  'media',
  'chips',
  'http',
  'json-formatter',
  'pipes',
  'need more?',
];

filteredStrings: string[];

stringsModel: string[] = this.strings.slice(0, 6);

ngOnInit(): void {
  this.filterStrings('');
}

filterStrings(value: string): void {
  if (value) {
    this.filteredStrings = this.strings.filter((item: any) => {
      return item.toLowerCase().indexOf(value.toLowerCase()) > -1;
    }).filter((filteredItem: any) => {
      return this.stringsModel ? this.stringsModel.indexOf(filteredItem) < 0 : true;
    });
  }
}

td-expansion-panel

With the introduction of td-expansion-panel-group, the td-expansion-panel expanded margin animation will not be applied unless the td-expansion-panel is grouped inside of a td-expansion-panel-group.

e.g.

<!-- not applied -->
<td-expansion-panel></td-expansion-panel>

<!-- applied -->
<td-expansion-panel-group>
  <td-expansion-panel></td-expansion-panel>
  <td-expansion-panel></td-expansion-panel>
  <td-expansion-panel></td-expansion-panel>
</td-expansion-panel-group>

Bug Fixes

Features

Performance

Internal

1.0.0-beta.4 Johnny B Goode (2017-05-16)

Breaking Change

This was announced as deprecated in beta.3, so now you only need to import the module and it will work the same way.

e.g.

import: [
  CovalentStepsModule // instead of CovalentStepsModule.forRoot()
]

This was announced as deprecated in beta.3 to make developer import only what they need to reduce bundle size.

Since CovalentCoreModule has been removed, there is really no use for @angular/flex-layout inernally. we will leave it to the developer to include it on demand.

To not force npm install to get a specific material version, @angular/material was moved as peerDependency. This means you will need to add it into your package.json explicitly.

These selectors were deprecated a few releases back so it should be ok to remove them now. See #535 for more information.

Bug Fixes

Features

Internal

1.0.0-beta.3-1 (2017-04-10)

External Breaking Changes

  • theming: update theming to point to the correct path

    Before:

      @import '~@angular/material/core/theming/all-theme';

    After:

      @import '~@angular/material/theming';

Breaking Changes

Bug Fixes

Features

Performance

1.0.0-beta.3 Electric Relaxation (2017-04-05)

Breaking Change

Bug Fixes

Features

Refactor

Internal

1.0.0-beta.2-1 (2017-02-27)

Bug Fixes

Internal

1.0.0-beta.2 Hotel California (2017-02-23)

Breaking Change

  • material: breaking changes from @material.

  • file-upload: add way to set its labels for easier i18n usage (c91d3cdd61358a1af2ad459cd67f56d62070c3c7), closes #286

    Usage:

    <td-file-upload #singleFileUpload (upload)="uploadEvent($event)" [disabled]="disabled">
  <md-icon>file_upload</md-icon><span>{{ singleFileUpload.files?.name }}</span>
  <template td-file-input-label>
    <md-icon>attach_file</md-icon><span>Choose a file...</span>
  </template>
</td-file-upload>

  • paging-bar: add way to set its labels for easier i18n usage. (e454b985fdbbaed6dce2040830177f47118a5be3) closes #356 and 214

    Usage:

    <td-paging-bar #pagingBar pageSizeAllText="All" [pageSizeAll]="true">
  <span td-paging-bar-label hide-xs>Row per page:</span>
  {{pagingBar.range}} <span hide-xs>of {{pagingBar.total}}</span>
</td-paging-bar>

Bug Fixes

Features

Refactor

Internal

1.0.0-beta.1-1 (2017-01-31)

Bug Fixes

  • loading: Fixed edge case that tried to create the same tdLoading twice a component that uses [routerLinkActive] when navigating into it.

1.0.0-beta.1 Purple Rain (2017-01-30)

Breaking Changes

td-layout

Before (deprecated):

<td-layout>
  <md-nav-list menu-items></md-nav-list>
  // content
</td-layout>

After:

<td-layout>
  <md-nav-list td-sidenav-content></md-nav-list>
  // content
</td-layout>

td-layout-nav

Before (deprecated):

<td-layout-nav>
  <div toolbar-content></div>
  // content
</td-layout-nav>

After:

<td-layout-nav>
  <div td-toolbar-content></div>
  // content
</td-layout-nav>

td-layout-card-over

Before (deprecated):

<td-layout-card-over>
  // content
  <div after-card></div>
</td-layout-card-over>

After:

<td-layout-card-over>
  // content
  <div td-after-card></div>
</td-layout-card-over>

td-layout-nav-list

Before (deprecated):

<td-layout-nav-list>
  <div list-toolbar-content></div>
  <md-nav-list list-items></md-nav-list>
  <div nav-toolbar-content></div>
  // content
</td-layout-nav-list>

After:

<td-layout-nav-list>
  <div td-sidenav-toolbar-content></div>
  <md-nav-list td-sidenav-content></md-nav-list>
  <div td-toolbar-content></div>
  // content
</td-layout-nav-list>

td-layout-manage-list

Before (deprecated):

<td-layout-manage-list>
  <md-toolbar list-items></md-toolbar>
  <md-nav-list list-items></md-nav-list>
  <div toolbar-buttons></div>
  // content
</td-layout-manage-list>

After:

<td-layout-manage-list>
  <md-toolbar td-sidenav-content></md-toolbar>
  <md-nav-list td-sidenav-content></md-nav-list>
  <div td-toolbar-content></div>
  // content
</td-layout-manage-list>

Bug Fixes

Features

Usage:

<td-layout>
  <td-navigation-drawer sidenavTitle="title" logo="logoName" name="User Name" email="[email protected]" backgroundUrl="safeUrl/to/background" color="none">
     Main Content
    <div td-navigation-drawer-menu>
      Menu Content
    </div>
  </td-navigation-drawer>
  .. rest of the app
</td-layout>

Usage:

<td-layout-manage-list #manageList
                        [opened]="media.registerQuery('gt-sm') | async"
                        [mode]="(media.registerQuery('gt-sm') | async) ? 'side' : 'push'"
                        [sidenavWidth]="(media.registerQuery('gt-xs') | async) ? '257px' : '100%'">
  <md-nav-list td-sidenav-content (click)="!media.query('gt-sm') && manageList.close()">
<td-layout-nav-list #navList
                    logo="assets:teradata"
                    toolbarTitle="Covalent"
                    [opened]="media.registerQuery('gt-sm') | async"
                    [mode]="(media.registerQuery('gt-sm') | async) ? 'side' : 'push'"
                    [sidenavWidth]="(media.registerQuery('gt-xs') | async) ? '350px' : '100%'">
  <md-nav-list td-sidenav-content (click)="!media.query('gt-sm') && navList.close()">
constructor(public media: TdMediaService) {}

ngAfterViewInit(): void {
  // broadcast to all listener observables when loading the page
  this.media.broadcast();
}

Internal

0.10.2 (2017-1-3)

Bug Fixes

  • http: interceptors instead of inteceptors typo in HttpConfig. closes #233

0.10.1 (2017-1-2)

Bug Fixes

0.10.0 Bedlington Cummerbund (2016-12-30)

Breaking Changes

  • deploy: Single core package. (81901b23eca8e02330260b5831c64da3005a39fd), closes #166 and #93

    • Created submodules of all core modules which are wrapped by one parent module CovalentCoreModule (@covalent/core)

      • CovalentCommonModule
      • CovalentChipsModule
      • CovalentDataTableModule
      • CovalentDialogsModule
      • CovalentExpansionPanelModule
      • CovalentFileModule
      • CovalentJsonFormatterModule
      • CovalentLayoutModule
      • CovalentLoadingModule
      • CovalentMediaModule
      • CovalentMenuModule
      • CovalentNofiticationsModule
      • CovalentPagingModule
      • CovalentSearchModule
      • CovalentStepsModule

    • Stand alone modules:

      • CovalentHttpModule (@covalent/http)
      • CovalentDynamicFormsModule (@covalent/dynamic-forms)
      • CovalentHighlightModule (@covalent/highlight)
      • CovalentMarkdownModule (@covalent/markdown)

    • markdown is a separate module and its theme needs to be imported separatly @import ~@covalent/markdown/markdown-theme' and included @include covalent-markdown-theme($theme);

    • highlight is a separate module and its theme needs to be imported separatly @import ~@covalent/highlight/highlight-theme' and included @include covalent-highlight-theme();

    • all-theme and platform.css changed directories.

      Before:

      `~@covalent/core/styles/platform.css`
`~@covalent/core/styles/theming/all-theme';`

      After:

      `@covalent/core/common/platform.css`
`~@covalent/core/theming/all-theme';`

  • http: Path interceptors configuration. (7db377e62254f6add6995065f09f4b5528bd0c16), closes #194

    Before:

    CovalentHttpModule.forRoot([Interceptor1, Interceptor2]),

    After:

    const httpInterceptorProviders: Type<IHttpInterceptor>[] = [
  Interceptor1,
  Interceptor2,
  ...
];
...
imports: [
  CovalentHttpModule.forRoot({
    interceptors: [{
      interceptor: Interceptor1, paths: ['**'],
    }, {
      interceptor: Interceptor2, paths: ['**'],
    }],
  }),
  ...
],
providers: [
  httpInterceptorProviders,
  ...
],

  • steps: (stepChange) event now returns the step objects instead of the step number. (6486eb527ae845224a170b8c7dda2dc92a089c3a)

    Before:

    export interface IStepChangeEvent {
  newStep: number;
  prevStep: number;
}

    After:

    export interface IStepChangeEvent {
  newStep: TdStepComponent;
  prevStep: TdStepComponent;
}

  • layouts: logo expects an svgIcon value now from an MdIconRegistry svg. (breaking change from @angular/material). (6cd31f063ae5a1fd0e31378c1bbf6c466a7d3c15)

    Before:

    <td-layout logo="/assets/route/to/icon1.svg">

    After (once at any toplevel component):

    import { DomSanitizer } from '@angular/platform-browser';
import { MdIconRegistry } from '@angular/material';
...
...
constructor(iconRegistry: MdIconRegistry, domSanitizer: DomSanitizer) {
  iconRegistry.addSvgIconInNamespace('assets', 'icon1', domSanitizer.bypassSecurityTrustResourceUrl('/assets/route/to/icon1.svg'));
}
    <td-layout logo="assets:icon1">

  • charts (deprecated): CovalentChartModule is being deprecated in favor of ngx-charts @swimlane/ngx-charts.

Bug Fixes

Features

Internal

Code Health

0.9.0 Pallettown Cummerbund (2016-11-21)

Breaking Changes

Before (deprecated):

<td-layout title="Covalent">
<td-layout-nav-list title="Covalent">
<td-layout-nav title="Covalent">
<td-layout-card-over title="Title" subtitle="Subtitle">

After:

<td-layout sidenavTitle="Title">
<td-layout-nav-list toolbarTitle="Title">
<td-layout-nav toolbarTitle="Title">
<td-layout-card-over cardTitle="Title" cardSubtitle="Subtitle">

Example:

@import '~@angular/material/core/theming/all-theme';
@import '~@covalent/core/styles/theming/all-theme';

@include md-core();

$primary: md-palette($md-orange, 800);
$accent:  md-palette($md-light-blue, 600, A100, A400);

$warn:    md-palette($md-red);

$theme: md-light-theme($primary, $accent, $warn);

@include angular-material-theme($theme);
@include covalent-theme($theme);

Before:

<td-data-table
  [data]="data"
  [columns]="columns"
  sortBy="age"
  title="title"
  sortOrder="DESC"
  pagination="true"
  pageSize="5"
  sorting="true"
  search="true"
  rowSelection="true"
  multiple="true"
  search="true">
</td-data-table>

After:

<td-data-table
  [data]="filteredData"
  [columns]="columns"
  [selectable]="selectable"
  [multiple]="multiple"
  [sortable]="true"
  [sortBy]="sortBy"
  [(ngModel)]="selectedRows"
  [sortOrder]="sortOrder"
  (sortChange)="sort($event)">
</td-data-table>

Before:

<td-step>
  <template td-step-content>
    ... add content that will be shown when the step is "active"
  </template>
</td-step>

After:

<td-step>
  ... add content that will be shown when the step is "active"
</td-step>

Bug Fixes

Features

Usage:

<table td-data-table>
  <th td-data-table-column
        [name]="colName"
        [numeric]="numeric"
        [active]="true|false"
        [sortable]="true|false"
        [sortOrder]="colName"
        (sortChange)="handleSort($event)">
    ...
  </th>
  <tr td-data-table-row>
    <td td-data-table-cell
        [numeric]="column.numeric">
      ...
    </td>
  </tr>
</table>

Usage:

 <td-data-table
  [data]="{'type': 'test'}"
  [columns]="['type']">
  <template tdDataTableTemplate="type" let-value="value" let-row="row" let-column="column">
    ...
  </template>
</td-data-table>

Usage:

<td-expansion-panel label="label" sublabel="sublabel">
  <template td-expansion-panel-header>
    ... add header content (overrides label and sublabel)
  </template>
  <template td-expansion-panel-label>
    ... add label content (if not used, falls back to [label] input)
  </template>
  <template td-expansion-panel-sublabel>
    ... add sublabel content (if not used, falls back to [sublabel] input)
  </template>
  ...
</td-expansion-panel>
  • steps: Support for label template template[td-step-label] as an alternative while keeping the easy API [label] input for normal (simple) use cases in td-step (5d87249e9a13561ff2bb14fd3ebf41393f902230)

Usage:

<td-step label="Label">
  <template td-step-label>
    ... add label content (if not used, falls back to [label] input)
  </template>
  ... add content that will be shown when the step is "active"
</td-step>

Internal

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

0.7.0 Beetlejuice Charizard (2016-09-14)

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 deprecated 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>

0.6.0 Butterfree Cumbersome (2016-08-19)

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>