Description

PR for Bar & Line Charts

What's included?

• Single Line Chart
• Multi Line Chart
• Bar Chart
• Responsive Charts
• Supports three formats: json, csv, tsv
• Default Color Palette for Bar Chart
• Drop Shadow in Bar Chart
• Config Parameters : Axis Titles, Chart Title, dataSrc for data source, contentType, zDepth, lineTitles & lineColors for Multi Line Chart

Test Steps

• Navigate to http://localhost:4200/#/components/bar-chart & http://localhost:4200/#/components/line-chart
• Check charts

What's coming next

• [x] creating custom color palette using two colors provided by user
• [x] changing nomenclature for all the charts and bringing them under one td-chart element
• [x] data limit
• [x] line/bars shown on the page limit
• [x] more configs

Screenshots or link to CodePen/Plunker/JSfiddle

I had the same error as here: https://github.com/Teradata/covalent-code-editor/issues/22 I followed the instructions and the error is gone, however the editor is still not displayed.

<td-code-editor _ngcontent-c1="" automaticlayout="" id="editWindow" _nghost-c4="" ng-reflect-language="mcscript" ng-reflect-theme="mcfunction" ng-reflect-automatic-layout="" class="ng-untouched ng-valid ng-dirty" style="display: block;" ng-reflect-model="">
<div _ngcontent-c4="" class="editorContainer">
<webview nodeintegration="true" disablewebsecurity="true" src="data:text/html;base64,PCFET0NUWVBFIGh0bWw+CiAgICAgICAgICAgIDxodG1sIHN0eWxlPSJoZWlnaHQ6MTAwJSI+CiAgICAgICAgICAgIDxoZWFkPgogICAgICAgICAgICAgICAgPG1ldGEgaHR0cC1lcXVpdj0iWC1VQS1Db21wYXRpYmxlIiBjb250ZW50PSJJRT1lZGdlIiAvPgogICAgICAgICAgICAgICAgPG1ldGEgaHR0cC1lcXVpdj0iQ29udGVudC1UeXBlIiBjb250ZW50PSJ0ZXh0L2h0bWw7Y2hhcnNldD11dGYtOCIgPgogICAgICAgICAgICAgICAgPGxpbmsgcmVsPSJzdHlsZXNoZWV0IiBkYXRhLW5hbWU9InZzL2VkaXRvci9lZGl0b3IubWFpbiIKICAgICAgICAgICAgICAgICAgICBocmVmPSJmaWxlOi8vL2Fzc2V0cy9tb25hY28vdnMvZWRpdG9yL2VkaXRvci5tYWluLmNzcyI+CiAgICAgICAgICAgIDwvaGVhZD4KICAgICAgICAgICAgPGJvZHkgc3R5bGU9ImhlaWdodDoxMDAlO3dpZHRoOiAxMDAlO21hcmdpbjogMDtwYWRkaW5nOiAwO292ZXJmbG93OiBoaWRkZW47Ij4KICAgICAgICAgICAgPGRpdiBpZD0iZWRpdG9ySW5uZXJDb250YWluZXIwIiBzdHlsZT0id2lkdGg6MTAwJTtoZWlnaHQ6MTAwJTt3aWR0aDoxMDAlO2hlaWdodDoxMDAlO2JvcmRlcjoxcHggc29saWQgZ3JleTsiPjwvZGl2PgogICAgICAgICAgICA8c2NyaXB0PgogICAgICAgICAgICAgICAgLy8gR2V0IHRoZSBpcGNSZW5kZXJlciBvZiBlbGVjdHJvbiBmb3IgY29tbXVuaWNhdGlvbgogICAgICAgICAgICAgICAgY29uc3Qge2lwY1JlbmRlcmVyfSA9IHJlcXVpcmUoJ2VsZWN0cm9uJyk7CiAgICAgICAgICAgIDwvc2NyaXB0PgogICAgICAgICAgICA8c2NyaXB0IHNyYz0iZmlsZTovLy9hc3NldHMvbW9uYWNvL3ZzL2xvYWRlci5qcyI+PC9zY3JpcHQ+CiAgICAgICAgICAgIDxzY3JpcHQ+CiAgICAgICAgICAgICAgICB2YXIgZWRpdG9yOwogICAgICAgICAgICAgICAgdmFyIHRoZW1lID0gJ21jZnVuY3Rpb24nOwogICAgICAgICAgICAgICAgdmFyIHZhbHVlID0gJyc7CiAgICAgICAgICAgICAgICByZXF1aXJlLmNvbmZpZyh7CiAgICAgICAgICAgICAgICAgICAgYmFzZVVybDogJ0M6L3dlYmRldi9hbmd1bGFyIDQvbWNzRWRpdG9yL2Fzc2V0cy9tb25hY28nCiAgICAgICAgICAgICAgICB9KTsKICAgICAgICAgICAgICAgIHNlbGYubW9kdWxlID0gdW5kZWZpbmVkOwogICAgICAgICAgICAgICAgc2VsZi5wcm9jZXNzLmJyb3dzZXIgPSB0cnVlOwogICAgICAgICAgICAgICAgcmVxdWlyZShbJ3ZzL2VkaXRvci9lZGl0b3IubWFpbiddLCBmdW5jdGlvbigpIHsKICAgICAgICAgICAgICAgICAgICBlZGl0b3IgPSBtb25hY28uZWRpdG9yLmNyZWF0ZShkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnZWRpdG9ySW5uZXJDb250YWluZXIwJyksIE9iamVjdC5hc3NpZ24oewogICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZTogdmFsdWUsCiAgICAgICAgICAgICAgICAgICAgICAgIGxhbmd1YWdlOiAnbWNzY3JpcHQnLAogICAgICAgICAgICAgICAgICAgICAgICB0aGVtZTogJ21jZnVuY3Rpb24nLAogICAgICAgICAgICAgICAgICAgIH0sIHt9KSk7CiAgICAgICAgICAgICAgICAgICAgZWRpdG9yLmdldE1vZGVsKCkub25EaWRDaGFuZ2VDb250ZW50KCAoZSk9PiB7CiAgICAgICAgICAgICAgICAgICAgICAgIGlwY1JlbmRlcmVyLnNlbmRUb0hvc3QoIm9uRWRpdG9yQ29udGVudENoYW5nZSIsIGVkaXRvci5nZXRWYWx1ZSgpKTsKICAgICAgICAgICAgICAgICAgICB9KTsKICAgICAgICAgICAgICAgICAgICBpcGNSZW5kZXJlci5zZW5kVG9Ib3N0KCJvbkVkaXRvckluaXRpYWxpemVkIiwgJycpOwogICAgICAgICAgICAgICAgfSk7CiAgICAgICAgICAgICAgICAvLyByZXR1cm4gYmFjayB0aGUgdmFsdWUgaW4gdGhlIGVkaXRvciB0byB0aGUgbWFpbnZpZXcKICAgICAgICAgICAgICAgIGlwY1JlbmRlcmVyLm9uKCdnZXRFZGl0b3JDb250ZW50JywgZnVuY3Rpb24oKXsKICAgICAgICAgICAgICAgICAgICBpcGNSZW5kZXJlci5zZW5kVG9Ib3N0KCJlZGl0b3JDb250ZW50IiwgZWRpdG9yLmdldFZhbHVlKCkpOwogICAgICAgICAgICAgICAgfSk7CiAgICAgICAgICAgICAgICAvLyBzZXQgdGhlIHZhbHVlIG9mIHRoZSBlZGl0b3IgZnJvbSB3aGF0IHdhcyBzZW50IGZyb20gdGhlIG1haW52aWV3CiAgICAgICAgICAgICAgICBpcGNSZW5kZXJlci5vbignc2V0RWRpdG9yQ29udGVudCcsIGZ1bmN0aW9uKGV2ZW50LCBkYXRhKXsKICAgICAgICAgICAgICAgICAgICB2YWx1ZSA9IGRhdGE7CiAgICAgICAgICAgICAgICAgICAgZWRpdG9yLnNldFZhbHVlKGRhdGEpOwogICAgICAgICAgICAgICAgfSk7CiAgICAgICAgICAgICAgICAvLyBzZXQgdGhlIHN0eWxlIG9mIHRoZSBlZGl0b3IgY29udGFpbmVyIGRpdgogICAgICAgICAgICAgICAgaXBjUmVuZGVyZXIub24oJ3NldEVkaXRvclN0eWxlJywgZnVuY3Rpb24oZXZlbnQsIGRhdGEpewogICAgICAgICAgICAgICAgICAgIHZhciBlZGl0b3JEaXYgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnZWRpdG9ySW5uZXJDb250YWluZXIwJyk7CiAgICAgICAgICAgICAgICAgICAgZWRpdG9yRGl2LnN0eWxlID0gZGF0YS5zdHlsZTsKICAgICAgICAgICAgICAgICAgICB2YXIgY3VycmVudFZhbHVlID0gZWRpdG9yLmdldFZhbHVlKCk7CiAgICAgICAgICAgICAgICAgICAgZWRpdG9yLmRpc3Bvc2UoKTsKICAgICAgICAgICAgICAgICAgICBlZGl0b3IgPSBtb25hY28uZWRpdG9yLmNyZWF0ZShkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnZWRpdG9ySW5uZXJDb250YWluZXIwJyksIE9iamVjdC5hc3NpZ24oewogICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZTogY3VycmVudFZhbHVlLAogICAgICAgICAgICAgICAgICAgICAgICBsYW5ndWFnZTogZGF0YS5sYW5ndWFnZSwKICAgICAgICAgICAgICAgICAgICAgICAgdGhlbWU6IGRhdGEudGhlbWUsCiAgICAgICAgICAgICAgICAgICAgfSwge30pKTsKICAgICAgICAgICAgICAgIH0pOwogICAgICAgICAgICAgICAgLy8gc2V0IHRoZSBvcHRpb25zIG9mIHRoZSBlZGl0b3IgZnJvbSB3aGF0IHdhcyBzZW50IGZyb20gdGhlIG1haW52aWV3CiAgICAgICAgICAgICAgICBpcGNSZW5kZXJlci5vbignc2V0RWRpdG9yT3B0aW9ucycsIGZ1bmN0aW9uKGV2ZW50LCBkYXRhKXsKICAgICAgICAgICAgICAgICAgICBlZGl0b3IudXBkYXRlT3B0aW9ucyhkYXRhKTsKICAgICAgICAgICAgICAgICAgICBpcGNSZW5kZXJlci5zZW5kVG9Ib3N0KCJvbkVkaXRvckNvbmZpZ3VyYXRpb25DaGFuZ2VkIiwgJycpOwogICAgICAgICAgICAgICAgfSk7CiAgICAgICAgICAgICAgICAvLyBzZXQgdGhlIGxhbmd1YWdlIG9mIHRoZSBlZGl0b3IgZnJvbSB3aGF0IHdhcyBzZW50IGZyb20gdGhlIG1haW52aWV3CiAgICAgICAgICAgICAgICBpcGNSZW5kZXJlci5vbignc2V0TGFuZ3VhZ2UnLCBmdW5jdGlvbihldmVudCwgZGF0YSl7CiAgICAgICAgICAgICAgICAgICAgdmFyIGN1cnJlbnRWYWx1ZSA9IGVkaXRvci5nZXRWYWx1ZSgpOwogICAgICAgICAgICAgICAgICAgIGVkaXRvci5kaXNwb3NlKCk7CiAgICAgICAgICAgICAgICAgICAgZWRpdG9yID0gbW9uYWNvLmVkaXRvci5jcmVhdGUoZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2VkaXRvcklubmVyQ29udGFpbmVyMCcpLCBPYmplY3QuYXNzaWduKHsKICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU6IGN1cnJlbnRWYWx1ZSwKICAgICAgICAgICAgICAgICAgICAgICAgbGFuZ3VhZ2U6IGRhdGEsCiAgICAgICAgICAgICAgICAgICAgICAgIHRoZW1lOiB0aGVtZSwKICAgICAgICAgICAgICAgICAgICB9LCB7fSkpOwogICAgICAgICAgICAgICAgICAgIGlwY1JlbmRlcmVyLnNlbmRUb0hvc3QoIm9uRWRpdG9yQ29uZmlndXJhdGlvbkNoYW5nZWQiLCAnJyk7CiAgICAgICAgICAgICAgICAgICAgaXBjUmVuZGVyZXIuc2VuZFRvSG9zdCgib25FZGl0b3JMYW5ndWFnZUNoYW5nZWQiLCAnJyk7CiAgICAgICAgICAgICAgICB9KTsKICAgICAgICAgICAgICAgIC8vIHJlZ2lzdGVyIGEgbmV3IGxhbmd1YWdlIHdpdGggZWRpdG9yCiAgICAgICAgICAgICAgICBpcGNSZW5kZXJlci5vbigncmVnaXN0ZXJMYW5ndWFnZScsIGZ1bmN0aW9uKGV2ZW50LCBkYXRhKXsKICAgICAgICAgICAgICAgICAgICB2YXIgY3VycmVudFZhbHVlID0gZWRpdG9yLmdldFZhbHVlKCk7CiAgICAgICAgICAgICAgICAgICAgZWRpdG9yLmRpc3Bvc2UoKTsKICAgICAgICAgICAgICAgICAgICBmb3IgKHZhciBpID0gMDsgaSA8IGRhdGEuY29tcGxldGlvbkl0ZW1Qcm92aWRlci5sZW5ndGg7IGkrKykgewogICAgICAgICAgICAgICAgICAgICAgICB2YXIgcHJvdmlkZXIgPSBkYXRhLmNvbXBsZXRpb25JdGVtUHJvdmlkZXJbaV07CiAgICAgICAgICAgICAgICAgICAgICAgIHByb3ZpZGVyLmtpbmQgPSBldmFsKHByb3ZpZGVyLmtpbmQpOwogICAgICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAgICAgICBmb3IgKHZhciBpID0gMDsgaSA8IGRhdGEubW9uYXJjaFRva2Vuc1Byb3ZpZGVyLmxlbmd0aDsgaSsrKSB7CiAgICAgICAgICAgICAgICAgICAgICAgIHZhciBtb25hcmNoVG9rZW5zID0gZGF0YS5tb25hcmNoVG9rZW5zUHJvdmlkZXJbaV07CiAgICAgICAgICAgICAgICAgICAgICAgIG1vbmFyY2hUb2tlbnNbMF0gPSBldmFsKG1vbmFyY2hUb2tlbnNbMF0pOwogICAgICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAgICAgICBtb25hY28ubGFuZ3VhZ2VzLnJlZ2lzdGVyKHsgaWQ6IGRhdGEuaWQgfSk7CiAgICAgICAgICAgICAgICAgICAgbW9uYWNvLmxhbmd1YWdlcy5zZXRNb25hcmNoVG9rZW5zUHJvdmlkZXIoZGF0YS5pZCwgewogICAgICAgICAgICAgICAgICAgICAgICB0b2tlbml6ZXI6IHsKICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJvb3Q6IGRhdGEubW9uYXJjaFRva2Vuc1Byb3ZpZGVyCiAgICAgICAgICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgICAgICAgICB9KTsKICAgICAgICAgICAgICAgICAgICAvLyBEZWZpbmUgYSBuZXcgdGhlbWUgdGhhdCBjb25zdGFpbnMgb25seSBydWxlcyB0aGF0IG1hdGNoIHRoaXMgbGFuZ3VhZ2UKICAgICAgICAgICAgICAgICAgICBtb25hY28uZWRpdG9yLmRlZmluZVRoZW1lKGRhdGEuY3VzdG9tVGhlbWUuaWQsIGRhdGEuY3VzdG9tVGhlbWUudGhlbWUpOwogICAgICAgICAgICAgICAgICAgIHRoZW1lID0gZGF0YS5jdXN0b21UaGVtZS5pZDsKICAgICAgICAgICAgICAgICAgICBtb25hY28ubGFuZ3VhZ2VzLnJlZ2lzdGVyQ29tcGxldGlvbkl0ZW1Qcm92aWRlcihkYXRhLmlkLCB7CiAgICAgICAgICAgICAgICAgICAgICAgIHByb3ZpZGVDb21wbGV0aW9uSXRlbXM6ICgpID0+IHsKICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiBkYXRhLmNvbXBsZXRpb25JdGVtUHJvdmlkZXIKICAgICAgICAgICAgICAgICAgICAgICAgfQogICAgICAgICAgICAgICAgICAgIH0pOwogICAgICAgICAgICAgICAgICAgIHZhciBjc3MgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCJzdHlsZSIpOwogICAgICAgICAgICAgICAgICAgIGNzcy50eXBlID0gInRleHQvY3NzIjsKICAgICAgICAgICAgICAgICAgICBjc3MuaW5uZXJIVE1MID0gZGF0YS5tb25hcmNoVG9rZW5zUHJvdmlkZXJDU1M7CiAgICAgICAgICAgICAgICAgICAgZG9jdW1lbnQuYm9keS5hcHBlbmRDaGlsZChjc3MpOwogICAgICAgICAgICAgICAgICAgIGlwY1JlbmRlcmVyLnNlbmRUb0hvc3QoIm9uRWRpdG9yQ29uZmlndXJhdGlvbkNoYW5nZWQiLCAnJyk7CiAgICAgICAgICAgICAgICB9KTsKICAgICAgICAgICAgICAgIC8vIEluc3RydWN0IHRoZSBlZGl0b3IgdG8gcmVtZWFzdXJlIGl0cyBjb250YWluZXIKICAgICAgICAgICAgICAgIGlwY1JlbmRlcmVyLm9uKCdsYXlvdXQnLCBmdW5jdGlvbigpewogICAgICAgICAgICAgICAgICAgIGVkaXRvci5sYXlvdXQoKTsKICAgICAgICAgICAgICAgIH0pOwogICAgICAgICAgICAgICAgLy8gbmVlZCB0byBtYW51YWxseSByZXNpemUgdGhlIGVkaXRvciBhbnkgdGltZSB0aGUgd2luZG93IHNpemUKICAgICAgICAgICAgICAgIC8vIGNoYW5nZXMuIFNlZTogaHR0cHM6Ly9naXRodWIuY29tL01pY3Jvc29mdC9tb25hY28tZWRpdG9yL2lzc3Vlcy8yOAogICAgICAgICAgICAgICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoInJlc2l6ZSIsIGZ1bmN0aW9uIHJlc2l6ZUVkaXRvcigpIHsKICAgICAgICAgICAgICAgICAgICBlZGl0b3IubGF5b3V0KCk7CiAgICAgICAgICAgICAgICB9KTsKICAgICAgICAgICAgPC9zY3JpcHQ+CiAgICAgICAgICAgIDwvYm9keT4KICAgICAgICAgICAgPC9odG1sPg==" style="display:inline-flex; width:100%; height:100%" tabindex="-1" guestinstance="4">
</webview>
</div>
</td-code-editor>

But the webview with the base64 string is loaded. In the browser it works perfectly.

I don´t know what I am doing wrong here(I also specify a custom language on the component)

in my source html:

<td-code-editor (keydown)="test($event)" [style.display]="(selectedTab || selectedTab.content != '\t\r') ? 'block' : 'none' " [theme]="editorOptions.theme" automaticLayout [language]="editorOptions.language" [(ngModel)]="selectedTab.content" id="editWindow" #editWindow></td-code-editor>

Description

This branch introduces a new Covalent component td-data-table. It was heavily inspired on Angular 1's md-data-table. https://github.com/Teradata/covalent/issues/2

What's included?

• Features:
  • [x] Basic table layout
  • [x] Automatic columns when none provided
  • [x] Row selection
  • [x] Multiple or single row selection
  • [x] Search
  • [x] Pagination
  • [x] Sorting
  • [ ] In line edit
• An incomplete example of its usage
• Updated documentation (WIP)

Test Steps

• Navigate to http://localhost:4200/#/components/data-table
• Check examples

Screenshots or link to CodePen/Plunker/JSfiddle

Description

feat(data-table): (rowClick) event for datatable rows enabled by new [clickable] input. feat(data-table): select event will be trigger only when clicking on checkbox. feat(data-table): shift-click for multiple row selection/deselection feat(data-table): improved keyboard a11y for row selection (space, enter, up, down)

What's included?

• modified: src/platform/core/data-table/data-table.component.html
• modified: src/platform/core/data-table/data-table.component.spec.ts
• modified: src/platform/core/data-table/data-table.component.ts

Test Steps

• [x] checkout branch
• [x] ng serve
• [x] go to http://localhost:4200/#/components/data-table
• [x] On table "Data Table with components" see that selecting a row still works
• [ ] Run unit tests and see that event is emitted and caught

General Tests for Every PR

• [ ] ng serve --aot still works.
• [ ] npm run lint passes.
• [ ] npm test passes and code coverage is not lower.
• [ ] npm run build still works.

Description

Following the breaking changes from https://github.com/angular/material2/releases/tag/2.0.0-beta.11, this will give covalent the beta.11 support (provided the mat- prefix is used)

Test Steps

• [ ] yarn install
• [ ] ng serve
• [ ] See all still working

General Tests for Every PR

• [ ] ng serve --aot still works.
• [ ] npm run lint passes.
• [ ] npm test passes and code coverage is not lower.
• [ ] npm run build still works.

Screenshots or link to CodePen/Plunker/JSfiddle

Description

Following the breaking changes from https://github.com/angular/material2/releases/tag/5.0.0-rc0, this will give covalent the 5.0.0-rc0 support plus [email protected] support

What's included

• chore(): upgrade material/cdk dependencies to 5.0.0-rc0
• chore(): upgrade angular dependencies to 5.0.0
• chore(): upgrade angular/cli dependencies to 1.5.0
• fix(): breaking change replace MatDrawerToggleResult with void return
• feat(): breaking change from angular 5 we have to register specific locale
• fix(): remove deprecated methods and classes

Test Steps

• [ ] yarn install
• [ ] ng serve
• [ ] See all still working

General Tests for Every PR

• [ ] ng serve --aot still works.
• [ ] npm run lint passes.
• [ ] npm test passes and code coverage is not lower.
• [ ] npm run build still works.

Description

Following the Flexbox quirks & lack of full support documented here, this PR has small fixes & workarounds for several components and documentation app areas, as well as IE11 docs for necessary polyfills and workarounds.

What's included?

• IE11 Docs site fixes
• IE11 support documentation
• IE11 fixes for Logo md-icon sizing
• IE11 fixes for Chips component
• IE11 fixes for Navigation Drawer component
• IE11 fixes for Message component
• IE11 fixes for Notification count component in toolbar
• IE11 fixes for Layout docs demos (height)
• IE11 style for layout scss
• overflow-visible utility style
• IE11 polyfills for NGX-Charts

IE11 VM for OSX/macOS

• [x] Download & install Virtualbox http://download.virtualbox.org/virtualbox/5.1.26/VirtualBox-5.1.26-117224-OSX.dmg
• [x] Download IE11 on Win81 for Virtualbox from https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/
• [x] tar xf IE11.Win8.1.For.Windows.VirtualBox.zip
• [x] Open Virtualbox and import IE11 - Win8.1.ova
• [x] Run IE11
• [x] you may need to turn on Internet Sharing in macOS Settings > Sharing

Test Steps

• [x] check out feature/ie11
• [x] rm -rf node_modules
• [x] yarn install
• [x] ng serve --host 0.0.0.0 --disable-host-check
• [x] in IE11 VM visit http://10.0.2.2:4200

Test Covalent

• [x] Test Docs homepage and make sure sections are overflowing
• [x] Test Chips and see that they have proper width
• [x] Test Message and see that they're properly vertically center
• [x] Test Notifications and see that the notification icon in the toolbar isn't chopped off
• [x] Test Navigation drawer and see that it has the proper height (may need browser resize for change detection)
• [x] Test Layout docs and see they have proper height for demos
• [x] Test NGX Charts to see that it actually loads (there are card chart issues beyond our fix)
• [x] Read /docs/IE11.md

General Tests for Every PR

• [x] ng serve --aot still works.
• [x] npm run lint passes.
• [x] npm test passes and code coverage is not lower.
• [x] npm run build still works.

Screenshots or link to CodePen/Plunker/JSfiddle

Do you want to request a feature or report a bug?

Feature

Feature Request

Messaging component for info, alerts, warnings, errors, and successes.

Screenshots or link to CodePen/Plunker/JSfiddle

Examples:

What is the expected behavior?

Component should have the ability to implement color and icon style in the template.

What is the motivation / use case for changing the behavior?

Create and standardize patterns for surfacing relevant and timely information to the user.

Other information

Material design patterns for errors: https://material.io/guidelines/patterns/errors.html Material design patterns for notifications: https://material.io/guidelines/patterns/notifications.html

Description

Upgrade to latest @angular/[email protected]. https://github.com/angular/material2/blob/master/CHANGELOG.md#200-beta2-flannel-papaya-2017-02-15

What's included?

Material Changes:

• Breaking change from material where md-input has been removed as component and directive in favor of the mdInput directive selector.
• Leverage new input of md-menu [overlapTrigger]="false" in notifications demo so the menu doesnt overlap the icon
• Now we can use the (change) event from md-select.

Covalent Changes/Fixes because of material:

• internal(efficiency): No more need for refresh work around for tooltips used under OnPush https://github.com/angular/material2/commit/632b964b0dd1cf15349265ec118a6844e6cec9d0
• bugfix(layout): Leverage disableClose input from sidenav to prevent ESC closing the sidenav on side mode. https://github.com/angular/material2/commit/52ade97cfc91d22b9d5b0c77c7bd09581816f5a0
• bugfix(dynamic-forms): number type input works again.
• feature(data-table): Leverage the md-pseudo-checkbox to render the selectable rows more efficiently. https://github.com/angular/material2/commit/3b6cab01c7ff44c999ffcdc99d2ec9a2fb63e96a

Test Steps

• npm run reinstall
• ng serve
• Play around with docs

General Tests for Every PR

• [x] ng serve --aot still works.
• [x] npm run lint passes.
• [x] npm test passes and code coverage is not lower.
• [x] npm run build still works.

NOTE: Needs heavy testing on all fronts since the .mat prefix change affected how certain rules are applied.

Do you want to request a feature or report a bug?

Feature

Feature Request

Make Server Side Rendering

I haven't found any server side rendering feature request or issue on this repo, that is why I am making a new feature request.

I am using your covalent for web app development, everything is going well. in next few week I am gonna deploy it on DEV server (alpha/beta release)

I have done AOT and its working fine but looking forward make server side rendering and SEO kind of problem.

What is the expected behavior?

it should render angular 2 code for search engine bot.

What is the motivation / use case for changing the behavior?

After developing application final stage is that make it available for people, and for that, you need to do some marketing. SEO is a most important thing of digital marketing. so I think server-side rendering will help to solve this problem.

I am working with full-time Node.js backend developer, side by side learning angular 2. I have show lot of people want to make blog and eCommerce website using angular 2. the main thing is / the last problem is that SEO, server side rendering which is more important in eCommerce and blog like web app/website.

I think covalent team is doing a very good job to keep in sync with angular 2 and material 2. you guys are doing an awesome job. I think you need to look at server side rendering at the same time.

Thank you for your time to read this long boring explanation, I am very bad at explaining.

What is the expected behaviour?

Trying to integrate covalent's aitocomplete into a project using SystemJS and getting this:

ERROR Error: Uncaught (in promise): Error: The "mat-" prefix cannot be used in ng-material v1 compatibility mode. It was used on an "mat-form-field" element. Error: The "mat-" prefix cannot be used in ng-material v1 compatibility mode. It was used on an "mat-form-field" element.

I did not Include the core and theme styles in my scss file yet (would like to see a default behaviour on app).

Which version of Angular and Material, and which browser and OS does this issue affect?

angular 4.1.0 material 2.0.0-beta.11

Did this work in previous versions of Angular / Material? I am just a beginner with covalent so not sure about previous versions.

Hello, based on this PR, it seems many libraries have been deprecated.

https://github.com/Teradata/covalent/pull/1872

What is the equivalent to covalent/core/media though? It seems it was not deprecated outright, but is no longer present in v4. Thanks.

Description

Upgrading angular and nx versions

What's included?

• upgrading angular
• upgrading nx

Notes

• sidesheet component still needs to work to close.
• requires monaco webpack config adjustment. add this to module.rules

 module: {
    rules: [
      {
        test: /\.css$/,
        include: [/node_modules\/monaco-editor/],
        use: ['style-loader', 'css-loader'],
      },
    ],
  },

Test Steps

• [ ] npm run start
• [ ] then this
• [ ] finally this

General Tests for Every PR

• [ ] npm run start still works.
• [ ] npm run lint passes.
• [ ] npm run stylelint passes.
• [ ] npm test passes and code coverage is not lower.
• [ ] npm run build still works.

Screenshots or link to StackBlitz/Plunker

Description

As mentioned in https://github.com/Teradata/covalent/issues/1933, the user currently has make the echarts library globally available. This PR provides a way to resolve that and enable full tree-shaking support. This should also be a partial fix for https://github.com/Teradata/covalent/issues/1775.

What's included?

This PR introduces a new TD_ECHARTS_CONFIG injectiontoken that is used to pass the echarts library reference to CovalentBaseEchartsModule.

import * as echartsLibraryReference from 'echarts';

...
  CovalentBaseEchartsModule.forRoot({
    echarts: echartsLibraryReference,
    defaultThemes: false
  }),

or  

providers: [{
  provide: TD_ECHARTS_CONFIG,
  useValue: {
    echarts: echartsLibraryReference,
    defaultThemes: false
  }
}]

Test Steps

• [ ] npm run start
• [ ] then this
• [ ] finally this

General Tests for Every PR

• [x] npm run start still works.
• [x] npm run lint passes.
• [ ] npm run stylelint passes.
• [ ] npm test passes and code coverage is not lower.
• [x] npm run build still works.

Screenshots or link to StackBlitz/Plunker

Describe the bug Module CovalentStepsModule seems to have vanished from release 4.

I recently updated an old app on Angular 15 and as I was fixing errors related to updates, I could not find the latest equivalent of the CovalentStepsModule. It is still mentioned in some documentation in the repository, but the code seems to have been removed.

Can you confirm the component has been ditched from releases 4.x? If yes, may it reappear sometime in the future?

Describe the bug In td-navigation-drawer toggle menu tdNavigationDrawerMenu does not work properly

To Reproduce Steps to reproduce the behavior:

1. Go to documentation
2. Click on hamburger menu -> arrow down(next to the email)
3. See error, menu items are invisible

Expected behavior

• Profile menu item should be invisible at the beginning
• Profile menu item should be visible, after arrow had clicked

Screenshots

Desktop (please complete the following information):

• OS: ubuntu
• Browser: chrome
• Version 107.0.5304.110 (Official Build) (64-bit)

Describe the bug Snackbars open centered in the window

To Reproduce

1. Visit https://teradata.github.io/covalent/docs/components/?path=/story/components-snackbar--basic
2. Click the "Toggle snackbar" button

Expected behavior The snackbar should open 24px from the bottom left of the UI.

Screenshots