-
Notifications
You must be signed in to change notification settings - Fork 357
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
a9ad3d3
commit d41ddae
Showing
3 changed files
with
180 additions
and
33 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,3 +1,9 @@ | ||
## [6.4.1](https://github.com/Teradata/covalent/compare/v6.4.0...v6.4.1) (2024-12-04) | ||
|
||
### Bug Fixes | ||
|
||
- **build:** create a 6.5.0 release ([9364057](https://github.com/Teradata/covalent/commit/93640574c123af4e3334f24f9b09a74f5b799bda)) | ||
|
||
### Bug Fixes | ||
|
||
- covalent-markdown-navigator-typography for Angular Material 15 ([808543e](https://github.com/Teradata/covalent/commit/808543e4ca5795b5b12b33600aff7ea354a3c72d)) | ||
|
@@ -1805,7 +1811,10 @@ import { HttpInterceptorService, CovalentHttpModule } from '@covalent/http'; | |
After: | ||
|
||
```typescript | ||
import { HttpInterceptorService, CovalentHttpModule } from '@covalent/http-deprec'; | ||
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](https://teradata.github.io/covalent/#/components/http). | ||
|
@@ -2449,7 +2458,13 @@ The following inputs are: | |
Before: | ||
|
||
```html | ||
<td-paging-bar #pagingBar [pageSizes]="[50,100,200,500,1000]" [pageSize]="pageSize" [total]="1345" (change)="change($event)"> | ||
<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> | ||
|
@@ -2458,10 +2473,17 @@ Before: | |
After: | ||
|
||
```html | ||
<td-paging-bar #pagingBar [pageSize]="pageSize" [total]="1345" (change)="change($event)"> | ||
<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-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> | ||
|
@@ -2610,7 +2632,9 @@ Before: | |
|
||
```html | ||
<td-layout-nav-list #navList toolbarTitle="Title"> | ||
<div td-sidenav-content (click)="!media.query('gt-sm') && navList.close()">Sidenav Content</div> | ||
<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></td-layout-nav-list | ||
|
@@ -2624,7 +2648,9 @@ After: | |
<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-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> | ||
|
@@ -2642,7 +2668,9 @@ Before: | |
```html | ||
<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-sidenav-content (click)="!media.query('gt-sm') && manageList.close()"> | ||
Sidenav Content | ||
</div> | ||
<div td-toolbar-content>Toolbar content</div> | ||
Content | ||
<td-layout-manage-list></td-layout-manage-list | ||
|
@@ -2654,7 +2682,9 @@ After: | |
```html | ||
<td-layout-manage-list> | ||
<md-toolbar td-sidenav-content></md-toolbar> | ||
<div td-sidenav-content [tdLayoutManageListClose]="false">Sidenav Content</div> | ||
<div td-sidenav-content [tdLayoutManageListClose]="false"> | ||
Sidenav Content | ||
</div> | ||
<md-toolbar> | ||
<button md-icon-button tdLayoutManageListOpen [hideWhenOpened]="true"> | ||
<md-icon>arrow_back</md-icon> | ||
|
@@ -2681,11 +2711,18 @@ e.g. | |
<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> | ||
<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"> | ||
<button | ||
md-icon-button | ||
td-menu-button | ||
tdLayoutManageListOpen | ||
[hideWhenOpened]="true" | ||
> | ||
<md-icon>arrow_back</md-icon> | ||
</button> | ||
Content | ||
|
@@ -2778,7 +2815,14 @@ This will also allow the developer to create custom filters both locally and ser | |
e.g. | ||
|
||
```html | ||
<td-chips [items]="filteredStrings" [(ngModel)]="stringsModel" placeholder="Enter autocomplete strings" (inputChange)="filterStrings($event)" requireMatch> </td-chips> | ||
<td-chips | ||
[items]="filteredStrings" | ||
[(ngModel)]="stringsModel" | ||
placeholder="Enter autocomplete strings" | ||
(inputChange)="filterStrings($event)" | ||
requireMatch | ||
> | ||
</td-chips> | ||
``` | ||
|
||
```typescript | ||
|
@@ -3084,9 +3128,16 @@ These selectors were deprecated a few releases back so it should be ok to remove | |
Usage: | ||
|
||
```html | ||
<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 | ||
#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> | ||
``` | ||
|
||
|
@@ -3331,7 +3382,14 @@ Usage: | |
|
||
```html | ||
<td-layout> | ||
<td-navigation-drawer sidenavTitle="title" logo="logoName" name="User Name" email="[email protected]" backgroundUrl="safeUrl/to/background" color="none"> | ||
<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> | ||
|
@@ -3346,11 +3404,33 @@ Usage: | |
Usage: | ||
|
||
```html | ||
<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()"></md-nav-list></td-layout-manage-list> | ||
<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()" | ||
></md-nav-list | ||
></td-layout-manage-list> | ||
``` | ||
|
||
```html | ||
<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()"></md-nav-list></td-layout-nav-list> | ||
<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()" | ||
></md-nav-list | ||
></td-layout-nav-list> | ||
``` | ||
|
||
```typescript | ||
|
@@ -3608,7 +3688,12 @@ ngAfterViewInit(): void { | |
Usage: | ||
|
||
```html | ||
<td-notification-count color="primary | accent | warn" [notifications]="boolean | number"> ... // could be an icon <md-icon>notifications</md-icon> or empty </td-notification-count> | ||
<td-notification-count | ||
color="primary | accent | warn" | ||
[notifications]="boolean | number" | ||
> | ||
... // could be an icon <md-icon>notifications</md-icon> or empty | ||
</td-notification-count> | ||
``` | ||
|
||
- **notifications:** Added examples and demo for a `notifications` menu usage. ([746fe3caec62a77bc69b50a2fc0bfcf9b0a9a695](https://github.com/Teradata/covalent/commit/746fe3caec62a77bc69b50a2fc0bfcf9b0a9a695)) | ||
|
@@ -3649,7 +3734,11 @@ Before (deprecated): | |
```html | ||
<td-layout title="Covalent"> | ||
<td-layout-nav-list title="Covalent"> | ||
<td-layout-nav title="Covalent"> <td-layout-card-over title="Title" subtitle="Subtitle"></td-layout-card-over></td-layout-nav></td-layout-nav-list | ||
<td-layout-nav title="Covalent"> | ||
<td-layout-card-over | ||
title="Title" | ||
subtitle="Subtitle" | ||
></td-layout-card-over></td-layout-nav></td-layout-nav-list | ||
></td-layout> | ||
``` | ||
|
||
|
@@ -3658,7 +3747,11 @@ After: | |
```html | ||
<td-layout sidenavTitle="Title"> | ||
<td-layout-nav-list toolbarTitle="Title"> | ||
<td-layout-nav toolbarTitle="Title"> <td-layout-card-over cardTitle="Title" cardSubtitle="Subtitle"></td-layout-card-over></td-layout-nav></td-layout-nav-list | ||
<td-layout-nav toolbarTitle="Title"> | ||
<td-layout-card-over | ||
cardTitle="Title" | ||
cardSubtitle="Subtitle" | ||
></td-layout-card-over></td-layout-nav></td-layout-nav-list | ||
></td-layout> | ||
``` | ||
|
||
|
@@ -3688,13 +3781,38 @@ $theme: md-light-theme($primary, $accent, $warn); | |
Before: | ||
|
||
```html | ||
<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> | ||
<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: | ||
|
||
```html | ||
<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> | ||
<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> | ||
``` | ||
|
||
- **steps:** Remove [td-step-content] to fix bug with template referencing. ([5d87249e9a13561ff2bb14fd3ebf41393f902230](https://github.com/Teradata/covalent/commit/5d87249e9a13561ff2bb14fd3ebf41393f902230)) | ||
|
@@ -3703,14 +3821,18 @@ Before: | |
|
||
```html | ||
<td-step> | ||
<template td-step-content> ... add content that will be shown when the step is "active" </template> | ||
<template td-step-content> | ||
... add content that will be shown when the step is "active" | ||
</template> | ||
</td-step> | ||
``` | ||
|
||
After: | ||
|
||
```html | ||
<td-step> ... add content that will be shown when the step is "active" </td-step> | ||
<td-step> | ||
... add content that will be shown when the step is "active" | ||
</td-step> | ||
``` | ||
|
||
## Bug Fixes | ||
|
@@ -3739,7 +3861,17 @@ Usage: | |
|
||
```html | ||
<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> | ||
<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> | ||
|
@@ -3756,7 +3888,14 @@ Usage: | |
|
||
```html | ||
<td-data-table [data]="{'type': 'test'}" [columns]="['type']"> | ||
<template tdDataTableTemplate="type" let-value="value" let-row="row" let-column="column"> ... </template> | ||
<template | ||
tdDataTableTemplate="type" | ||
let-value="value" | ||
let-row="row" | ||
let-column="column" | ||
> | ||
... | ||
</template> | ||
</td-data-table> | ||
``` | ||
|
||
|
@@ -3767,9 +3906,15 @@ Usage: | |
|
||
```html | ||
<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> | ||
<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> | ||
``` | ||
|
@@ -3780,7 +3925,9 @@ Usage: | |
|
||
```html | ||
<td-step label="Label"> | ||
<template td-step-label> ... add label content (if not used, falls back to [label] input) </template> | ||
<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> | ||
``` | ||
|
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters