@covalent/core 3.1.2 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/covalent-core-user-profile.umd.js +1 -9
- package/bundles/covalent-core-user-profile.umd.js.map +1 -1
- package/bundles/covalent-core-user-profile.umd.min.js.map +1 -1
- package/esm2015/user-profile/user-profile.module.js +3 -11
- package/fesm2015/covalent-core-user-profile.js +1 -9
- package/fesm2015/covalent-core-user-profile.js.map +1 -1
- package/package.json +1 -1
- package/schematics/components.js +1 -14
- package/schematics/components.js.map +1 -1
- package/theming/_all-theme.scss +0 -14
- package/theming/prebuilt/blue-grey-deep-orange.css +0 -248
- package/theming/prebuilt/blue-grey-deep-orange.css.map +1 -1
- package/theming/prebuilt/blue-orange.css +0 -248
- package/theming/prebuilt/blue-orange.css.map +1 -1
- package/theming/prebuilt/indigo-pink.css +0 -248
- package/theming/prebuilt/indigo-pink.css.map +1 -1
- package/theming/prebuilt/orange-light-blue.css +0 -248
- package/theming/prebuilt/orange-light-blue.css.map +1 -1
- package/theming/prebuilt/teal-orange.css +0 -248
- package/theming/prebuilt/teal-orange.css.map +1 -1
- package/typography/_all-typography.scss +0 -10
- package/user-profile/covalent-core-user-profile.metadata.json +1 -1
- package/bundles/covalent-core-chips.umd.js +0 -1507
- package/bundles/covalent-core-chips.umd.js.map +0 -1
- package/bundles/covalent-core-chips.umd.min.js +0 -16
- package/bundles/covalent-core-chips.umd.min.js.map +0 -1
- package/bundles/covalent-core-data-table.umd.js +0 -2756
- package/bundles/covalent-core-data-table.umd.js.map +0 -1
- package/bundles/covalent-core-data-table.umd.min.js +0 -16
- package/bundles/covalent-core-data-table.umd.min.js.map +0 -1
- package/bundles/covalent-core-expansion-panel.umd.js +0 -853
- package/bundles/covalent-core-expansion-panel.umd.js.map +0 -1
- package/bundles/covalent-core-expansion-panel.umd.min.js +0 -16
- package/bundles/covalent-core-expansion-panel.umd.min.js.map +0 -1
- package/bundles/covalent-core-loading.umd.js +0 -1534
- package/bundles/covalent-core-loading.umd.js.map +0 -1
- package/bundles/covalent-core-loading.umd.min.js +0 -16
- package/bundles/covalent-core-loading.umd.min.js.map +0 -1
- package/bundles/covalent-core-media.umd.js +0 -749
- package/bundles/covalent-core-media.umd.js.map +0 -1
- package/bundles/covalent-core-media.umd.min.js +0 -16
- package/bundles/covalent-core-media.umd.min.js.map +0 -1
- package/bundles/covalent-core-nav-links.umd.js +0 -197
- package/bundles/covalent-core-nav-links.umd.js.map +0 -1
- package/bundles/covalent-core-nav-links.umd.min.js +0 -2
- package/bundles/covalent-core-nav-links.umd.min.js.map +0 -1
- package/bundles/covalent-core-notifications.umd.js +0 -275
- package/bundles/covalent-core-notifications.umd.js.map +0 -1
- package/bundles/covalent-core-notifications.umd.min.js +0 -2
- package/bundles/covalent-core-notifications.umd.min.js.map +0 -1
- package/bundles/covalent-core-paging.umd.js +0 -491
- package/bundles/covalent-core-paging.umd.js.map +0 -1
- package/bundles/covalent-core-paging.umd.min.js +0 -2
- package/bundles/covalent-core-paging.umd.min.js.map +0 -1
- package/bundles/covalent-core-sidesheet.umd.js +0 -145
- package/bundles/covalent-core-sidesheet.umd.js.map +0 -1
- package/bundles/covalent-core-sidesheet.umd.min.js +0 -2
- package/bundles/covalent-core-sidesheet.umd.min.js.map +0 -1
- package/bundles/covalent-core-steps.umd.js +0 -1756
- package/bundles/covalent-core-steps.umd.js.map +0 -1
- package/bundles/covalent-core-steps.umd.min.js +0 -16
- package/bundles/covalent-core-steps.umd.min.js.map +0 -1
- package/bundles/covalent-core-tab-select.umd.js +0 -732
- package/bundles/covalent-core-tab-select.umd.js.map +0 -1
- package/bundles/covalent-core-tab-select.umd.min.js +0 -16
- package/bundles/covalent-core-tab-select.umd.min.js.map +0 -1
- package/bundles/covalent-core-virtual-scroll.umd.js +0 -785
- package/bundles/covalent-core-virtual-scroll.umd.js.map +0 -1
- package/bundles/covalent-core-virtual-scroll.umd.min.js +0 -16
- package/bundles/covalent-core-virtual-scroll.umd.min.js.map +0 -1
- package/chips/README.md +0 -99
- package/chips/_chips-theme.scss +0 -87
- package/chips/chips.component.d.ts +0 -287
- package/chips/chips.component.scss +0 -147
- package/chips/chips.module.d.ts +0 -2
- package/chips/covalent-core-chips.d.ts +0 -4
- package/chips/covalent-core-chips.metadata.json +0 -1
- package/chips/index.d.ts +0 -1
- package/chips/package.json +0 -11
- package/chips/public-api.d.ts +0 -2
- package/data-table/README.md +0 -134
- package/data-table/_data-table-theme.scss +0 -115
- package/data-table/covalent-core-data-table.d.ts +0 -4
- package/data-table/covalent-core-data-table.metadata.json +0 -1
- package/data-table/data-table-cell/data-table-cell.component.d.ts +0 -22
- package/data-table/data-table-cell/data-table-cell.component.scss +0 -58
- package/data-table/data-table-column/data-table-column.component.d.ts +0 -63
- package/data-table/data-table-column/data-table-column.component.scss +0 -80
- package/data-table/data-table-row/data-table-row.component.d.ts +0 -20
- package/data-table/data-table-row/data-table-row.component.scss +0 -12
- package/data-table/data-table-table/data-table-table.component.d.ts +0 -6
- package/data-table/data-table-table/data-table-table.component.scss +0 -7
- package/data-table/data-table.component.d.ts +0 -356
- package/data-table/data-table.component.scss +0 -93
- package/data-table/data-table.module.d.ts +0 -2
- package/data-table/directives/data-table-template.directive.d.ts +0 -6
- package/data-table/index.d.ts +0 -1
- package/data-table/package.json +0 -11
- package/data-table/public-api.d.ts +0 -8
- package/data-table/services/data-table.service.d.ts +0 -31
- package/esm2015/chips/chips.component.js +0 -1115
- package/esm2015/chips/chips.module.js +0 -23
- package/esm2015/chips/covalent-core-chips.js +0 -10
- package/esm2015/chips/index.js +0 -7
- package/esm2015/chips/public-api.js +0 -8
- package/esm2015/data-table/covalent-core-data-table.js +0 -10
- package/esm2015/data-table/data-table-cell/data-table-cell.component.js +0 -88
- package/esm2015/data-table/data-table-column/data-table-column.component.js +0 -218
- package/esm2015/data-table/data-table-row/data-table-row.component.js +0 -132
- package/esm2015/data-table/data-table-table/data-table-table.component.js +0 -43
- package/esm2015/data-table/data-table.component.js +0 -1640
- package/esm2015/data-table/data-table.module.js +0 -39
- package/esm2015/data-table/directives/data-table-template.directive.js +0 -32
- package/esm2015/data-table/index.js +0 -7
- package/esm2015/data-table/public-api.js +0 -14
- package/esm2015/data-table/services/data-table.service.js +0 -116
- package/esm2015/expansion-panel/covalent-core-expansion-panel.js +0 -10
- package/esm2015/expansion-panel/expansion-panel-group.component.js +0 -212
- package/esm2015/expansion-panel/expansion-panel.component.js +0 -272
- package/esm2015/expansion-panel/expansion-panel.module.js +0 -31
- package/esm2015/expansion-panel/index.js +0 -7
- package/esm2015/expansion-panel/public-api.js +0 -9
- package/esm2015/loading/covalent-core-loading.js +0 -10
- package/esm2015/loading/directives/loading.directive.js +0 -231
- package/esm2015/loading/index.js +0 -7
- package/esm2015/loading/loading.component.js +0 -302
- package/esm2015/loading/loading.module.js +0 -30
- package/esm2015/loading/public-api.js +0 -11
- package/esm2015/loading/services/loading.factory.js +0 -297
- package/esm2015/loading/services/loading.service.js +0 -319
- package/esm2015/media/covalent-core-media.js +0 -10
- package/esm2015/media/directives/media-toggle.directive.js +0 -207
- package/esm2015/media/index.js +0 -7
- package/esm2015/media/media.module.js +0 -20
- package/esm2015/media/public-api.js +0 -9
- package/esm2015/media/services/media.service.js +0 -169
- package/esm2015/nav-links/covalent-core-nav-links.js +0 -10
- package/esm2015/nav-links/index.js +0 -7
- package/esm2015/nav-links/nav-links.component.js +0 -138
- package/esm2015/nav-links/nav-links.module.js +0 -37
- package/esm2015/nav-links/public-api.js +0 -8
- package/esm2015/notifications/covalent-core-notifications.js +0 -10
- package/esm2015/notifications/index.js +0 -7
- package/esm2015/notifications/notification-count.component.js +0 -191
- package/esm2015/notifications/notifications.module.js +0 -20
- package/esm2015/notifications/public-api.js +0 -8
- package/esm2015/paging/covalent-core-paging.js +0 -10
- package/esm2015/paging/index.js +0 -7
- package/esm2015/paging/paging-bar.component.js +0 -412
- package/esm2015/paging/paging.module.js +0 -20
- package/esm2015/paging/public-api.js +0 -8
- package/esm2015/sidesheet/covalent-core-sidesheet.js +0 -10
- package/esm2015/sidesheet/index.js +0 -7
- package/esm2015/sidesheet/public-api.js +0 -8
- package/esm2015/sidesheet/sidesheet.component.js +0 -72
- package/esm2015/sidesheet/sidesheet.module.js +0 -27
- package/esm2015/steps/covalent-core-steps.js +0 -10
- package/esm2015/steps/index.js +0 -7
- package/esm2015/steps/nav/nav-step-link/nav-step-link.component.js +0 -144
- package/esm2015/steps/nav/nav-steps-horizontal/nav-steps-horizontal.component.js +0 -371
- package/esm2015/steps/nav/nav-steps-vertical/nav-steps-vertical.component.js +0 -130
- package/esm2015/steps/public-api.js +0 -14
- package/esm2015/steps/step-body/step-body.component.js +0 -83
- package/esm2015/steps/step-header/step-header.component.js +0 -79
- package/esm2015/steps/step.component.js +0 -312
- package/esm2015/steps/steps.component.js +0 -234
- package/esm2015/steps/steps.module.js +0 -44
- package/esm2015/tab-select/covalent-core-tab-select.js +0 -10
- package/esm2015/tab-select/index.js +0 -7
- package/esm2015/tab-select/public-api.js +0 -9
- package/esm2015/tab-select/tab-option.component.js +0 -82
- package/esm2015/tab-select/tab-select.component.js +0 -291
- package/esm2015/tab-select/tab-select.module.js +0 -31
- package/esm2015/virtual-scroll/covalent-core-virtual-scroll.js +0 -10
- package/esm2015/virtual-scroll/index.js +0 -7
- package/esm2015/virtual-scroll/public-api.js +0 -9
- package/esm2015/virtual-scroll/virtual-scroll-container.component.js +0 -391
- package/esm2015/virtual-scroll/virtual-scroll-row.directive.js +0 -25
- package/esm2015/virtual-scroll/virtual-scroll.module.js +0 -21
- package/expansion-panel/README.md +0 -116
- package/expansion-panel/_expansion-panel-theme.scss +0 -80
- package/expansion-panel/covalent-core-expansion-panel.d.ts +0 -4
- package/expansion-panel/covalent-core-expansion-panel.metadata.json +0 -1
- package/expansion-panel/expansion-panel-group.component.d.ts +0 -31
- package/expansion-panel/expansion-panel-group.component.scss +0 -0
- package/expansion-panel/expansion-panel.component.d.ts +0 -82
- package/expansion-panel/expansion-panel.component.scss +0 -50
- package/expansion-panel/expansion-panel.module.d.ts +0 -2
- package/expansion-panel/index.d.ts +0 -1
- package/expansion-panel/package.json +0 -11
- package/expansion-panel/public-api.d.ts +0 -3
- package/fesm2015/covalent-core-chips.js +0 -1151
- package/fesm2015/covalent-core-chips.js.map +0 -1
- package/fesm2015/covalent-core-data-table.js +0 -2309
- package/fesm2015/covalent-core-data-table.js.map +0 -1
- package/fesm2015/covalent-core-expansion-panel.js +0 -528
- package/fesm2015/covalent-core-expansion-panel.js.map +0 -1
- package/fesm2015/covalent-core-loading.js +0 -1179
- package/fesm2015/covalent-core-loading.js.map +0 -1
- package/fesm2015/covalent-core-media.js +0 -411
- package/fesm2015/covalent-core-media.js.map +0 -1
- package/fesm2015/covalent-core-nav-links.js +0 -193
- package/fesm2015/covalent-core-nav-links.js.map +0 -1
- package/fesm2015/covalent-core-notifications.js +0 -228
- package/fesm2015/covalent-core-notifications.js.map +0 -1
- package/fesm2015/covalent-core-paging.js +0 -451
- package/fesm2015/covalent-core-paging.js.map +0 -1
- package/fesm2015/covalent-core-sidesheet.js +0 -118
- package/fesm2015/covalent-core-sidesheet.js.map +0 -1
- package/fesm2015/covalent-core-steps.js +0 -1384
- package/fesm2015/covalent-core-steps.js.map +0 -1
- package/fesm2015/covalent-core-tab-select.js +0 -416
- package/fesm2015/covalent-core-tab-select.js.map +0 -1
- package/fesm2015/covalent-core-virtual-scroll.js +0 -453
- package/fesm2015/covalent-core-virtual-scroll.js.map +0 -1
- package/loading/README.md +0 -180
- package/loading/_loading-theme.scss +0 -10
- package/loading/covalent-core-loading.d.ts +0 -4
- package/loading/covalent-core-loading.metadata.json +0 -1
- package/loading/directives/loading.directive.d.ts +0 -71
- package/loading/index.d.ts +0 -1
- package/loading/loading.component.d.ts +0 -87
- package/loading/loading.component.scss +0 -42
- package/loading/loading.module.d.ts +0 -2
- package/loading/package.json +0 -11
- package/loading/public-api.d.ts +0 -5
- package/loading/services/loading.factory.d.ts +0 -66
- package/loading/services/loading.service.d.ts +0 -118
- package/media/covalent-core-media.d.ts +0 -4
- package/media/covalent-core-media.metadata.json +0 -1
- package/media/directives/media-toggle.directive.d.ts +0 -42
- package/media/index.d.ts +0 -1
- package/media/media.module.d.ts +0 -2
- package/media/package.json +0 -11
- package/media/public-api.d.ts +0 -3
- package/media/services/media.service.d.ts +0 -31
- package/nav-links/README.md +0 -1
- package/nav-links/covalent-core-nav-links.d.ts +0 -4
- package/nav-links/covalent-core-nav-links.metadata.json +0 -1
- package/nav-links/index.d.ts +0 -1
- package/nav-links/nav-links.component.d.ts +0 -51
- package/nav-links/nav-links.component.scss +0 -15
- package/nav-links/nav-links.module.d.ts +0 -2
- package/nav-links/package.json +0 -11
- package/nav-links/public-api.d.ts +0 -2
- package/notifications/README.md +0 -69
- package/notifications/_notification-count-theme.scss +0 -27
- package/notifications/covalent-core-notifications.d.ts +0 -4
- package/notifications/covalent-core-notifications.metadata.json +0 -1
- package/notifications/index.d.ts +0 -1
- package/notifications/notification-count.component.d.ts +0 -74
- package/notifications/notification-count.component.scss +0 -90
- package/notifications/notifications.module.d.ts +0 -2
- package/notifications/package.json +0 -11
- package/notifications/public-api.d.ts +0 -2
- package/paging/README.md +0 -141
- package/paging/_paging-bar-theme.scss +0 -26
- package/paging/covalent-core-paging.d.ts +0 -4
- package/paging/covalent-core-paging.metadata.json +0 -1
- package/paging/index.d.ts +0 -1
- package/paging/package.json +0 -11
- package/paging/paging-bar.component.d.ts +0 -115
- package/paging/paging-bar.component.scss +0 -23
- package/paging/paging.module.d.ts +0 -2
- package/paging/public-api.d.ts +0 -2
- package/sidesheet/README.md +0 -68
- package/sidesheet/covalent-core-sidesheet.d.ts +0 -4
- package/sidesheet/covalent-core-sidesheet.metadata.json +0 -1
- package/sidesheet/index.d.ts +0 -1
- package/sidesheet/package.json +0 -11
- package/sidesheet/public-api.d.ts +0 -2
- package/sidesheet/sidesheet.component.d.ts +0 -13
- package/sidesheet/sidesheet.component.scss +0 -101
- package/sidesheet/sidesheet.module.d.ts +0 -2
- package/steps/README.md +0 -159
- package/steps/_steps-theme.scss +0 -108
- package/steps/covalent-core-steps.d.ts +0 -4
- package/steps/covalent-core-steps.metadata.json +0 -1
- package/steps/index.d.ts +0 -1
- package/steps/nav/README.md +0 -90
- package/steps/nav/nav-step-link/nav-step-link.component.d.ts +0 -42
- package/steps/nav/nav-step-link/nav-step-link.component.scss +0 -17
- package/steps/nav/nav-steps-horizontal/nav-steps-horizontal.component.d.ts +0 -79
- package/steps/nav/nav-steps-horizontal/nav-steps-horizontal.component.scss +0 -83
- package/steps/nav/nav-steps-vertical/nav-steps-vertical.component.d.ts +0 -18
- package/steps/nav/nav-steps-vertical/nav-steps-vertical.component.scss +0 -18
- package/steps/package.json +0 -11
- package/steps/public-api.d.ts +0 -8
- package/steps/step-body/step-body.component.d.ts +0 -25
- package/steps/step-body/step-body.component.scss +0 -29
- package/steps/step-header/step-header.component.d.ts +0 -35
- package/steps/step-header/step-header.component.scss +0 -90
- package/steps/step.component.d.ts +0 -97
- package/steps/steps.component.d.ts +0 -60
- package/steps/steps.component.scss +0 -55
- package/steps/steps.module.d.ts +0 -2
- package/tab-select/README.md +0 -93
- package/tab-select/covalent-core-tab-select.d.ts +0 -4
- package/tab-select/covalent-core-tab-select.metadata.json +0 -1
- package/tab-select/index.d.ts +0 -1
- package/tab-select/package.json +0 -11
- package/tab-select/public-api.d.ts +0 -3
- package/tab-select/tab-option.component.d.ts +0 -20
- package/tab-select/tab-option.component.scss +0 -0
- package/tab-select/tab-select.component.d.ts +0 -62
- package/tab-select/tab-select.component.scss +0 -3
- package/tab-select/tab-select.module.d.ts +0 -2
- package/virtual-scroll/README.md +0 -68
- package/virtual-scroll/covalent-core-virtual-scroll.d.ts +0 -4
- package/virtual-scroll/covalent-core-virtual-scroll.metadata.json +0 -1
- package/virtual-scroll/index.d.ts +0 -1
- package/virtual-scroll/package.json +0 -11
- package/virtual-scroll/public-api.d.ts +0 -3
- package/virtual-scroll/virtual-scroll-container.component.d.ts +0 -73
- package/virtual-scroll/virtual-scroll-container.component.scss +0 -7
- package/virtual-scroll/virtual-scroll-row.directive.d.ts +0 -5
- package/virtual-scroll/virtual-scroll.module.d.ts +0 -2
@@ -1,147 +0,0 @@
|
|
1
|
-
@import '../common/styles/rtl';
|
2
|
-
|
3
|
-
:host {
|
4
|
-
display: block;
|
5
|
-
padding: 0 5px;
|
6
|
-
min-height: 48px;
|
7
|
-
.td-chips-wrapper {
|
8
|
-
min-height: 42px;
|
9
|
-
display: flex;
|
10
|
-
flex-direction: row;
|
11
|
-
flex-wrap: wrap;
|
12
|
-
align-items: flex-start;
|
13
|
-
&.td-chips-stacked .mat-basic-chip,
|
14
|
-
&.td-chips-stacked .td-chips-form-field {
|
15
|
-
width: 100%;
|
16
|
-
}
|
17
|
-
&.td-chips-input-before-position {
|
18
|
-
.td-chips-form-field {
|
19
|
-
order: -1;
|
20
|
-
}
|
21
|
-
}
|
22
|
-
}
|
23
|
-
.td-chip {
|
24
|
-
&,
|
25
|
-
> .td-chip-content {
|
26
|
-
// layout
|
27
|
-
box-sizing: border-box;
|
28
|
-
display: flex;
|
29
|
-
// layout row
|
30
|
-
flex-direction: row;
|
31
|
-
// layout-align start center
|
32
|
-
max-width: 100%;
|
33
|
-
align-items: center;
|
34
|
-
align-content: center;
|
35
|
-
justify-content: flex-start;
|
36
|
-
// truncate content on flexbox children
|
37
|
-
min-width: 0;
|
38
|
-
&.td-chip-stacked {
|
39
|
-
// layout-align space-between center
|
40
|
-
justify-content: space-between;
|
41
|
-
}
|
42
|
-
}
|
43
|
-
}
|
44
|
-
::ng-deep {
|
45
|
-
.mat-form-field-wrapper {
|
46
|
-
padding-bottom: 2px;
|
47
|
-
}
|
48
|
-
|
49
|
-
/* TODO see if we can make styles more abstract to future proof for contact chips */
|
50
|
-
.mat-basic-chip {
|
51
|
-
display: inline-block;
|
52
|
-
cursor: default;
|
53
|
-
border-radius: 16px;
|
54
|
-
@include rtl(margin, 8px 8px 0 0, 8px 0 0 8px);
|
55
|
-
.td-chip {
|
56
|
-
min-height: 32px;
|
57
|
-
line-height: 32px;
|
58
|
-
font-size: 13px;
|
59
|
-
@include rtl(padding, 0 0 0 12px, 0 12px 0 0);
|
60
|
-
[td-chip-avatar] {
|
61
|
-
display: inline-block;
|
62
|
-
order: -20;
|
63
|
-
justify-content: center;
|
64
|
-
align-items: center;
|
65
|
-
text-align: center;
|
66
|
-
height: 32px;
|
67
|
-
width: 32px;
|
68
|
-
@include rtl(margin, 0 8px 0 -12px, 0 -12px 0 8px);
|
69
|
-
|
70
|
-
border-radius: 50%;
|
71
|
-
// emulate flex="none"
|
72
|
-
flex: 0 0 auto;
|
73
|
-
box-sizing: border-box;
|
74
|
-
}
|
75
|
-
}
|
76
|
-
|
77
|
-
box-sizing: border-box;
|
78
|
-
max-width: 100%;
|
79
|
-
position: relative;
|
80
|
-
&.td-chip-after-pad {
|
81
|
-
@include rtl(padding, 0 12px 0 0, 0 0 0 12px);
|
82
|
-
}
|
83
|
-
mat-icon.td-chip-removal {
|
84
|
-
margin: 0 4px;
|
85
|
-
font-size: 21px;
|
86
|
-
line-height: 22px;
|
87
|
-
&:hover {
|
88
|
-
cursor: pointer;
|
89
|
-
}
|
90
|
-
}
|
91
|
-
}
|
92
|
-
.td-chips-stacked {
|
93
|
-
.mat-basic-chip {
|
94
|
-
margin: 4px 0;
|
95
|
-
&:first-of-type {
|
96
|
-
margin: 8px 0 4px;
|
97
|
-
}
|
98
|
-
&:last-of-type {
|
99
|
-
margin: 4px 0 8px;
|
100
|
-
}
|
101
|
-
}
|
102
|
-
}
|
103
|
-
}
|
104
|
-
.mat-form-field-underline {
|
105
|
-
position: relative;
|
106
|
-
height: 1px;
|
107
|
-
width: 100%;
|
108
|
-
bottom: 0;
|
109
|
-
|
110
|
-
&.mat-disabled {
|
111
|
-
background-position: 0;
|
112
|
-
bottom: -4px;
|
113
|
-
background-color: transparent;
|
114
|
-
}
|
115
|
-
|
116
|
-
.mat-form-field-ripple {
|
117
|
-
position: absolute;
|
118
|
-
height: 2px;
|
119
|
-
top: 0;
|
120
|
-
width: 100%;
|
121
|
-
transform-origin: 50%;
|
122
|
-
transform: scaleX(0.5);
|
123
|
-
visibility: hidden;
|
124
|
-
opacity: 0;
|
125
|
-
transition: background-color 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
|
126
|
-
&.mat-focused {
|
127
|
-
visibility: visible;
|
128
|
-
opacity: 1;
|
129
|
-
transform: scaleX(1);
|
130
|
-
transition: transform 150ms linear, background-color 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
|
131
|
-
}
|
132
|
-
}
|
133
|
-
}
|
134
|
-
&.ng-invalid {
|
135
|
-
.mat-form-field-underline .mat-form-field-ripple {
|
136
|
-
visibility: visible;
|
137
|
-
opacity: 1;
|
138
|
-
transform: scaleX(1);
|
139
|
-
transition: transform 150ms linear, background-color 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
|
140
|
-
}
|
141
|
-
}
|
142
|
-
::ng-deep mat-form-field {
|
143
|
-
.mat-form-field-underline {
|
144
|
-
display: none;
|
145
|
-
}
|
146
|
-
}
|
147
|
-
}
|
package/chips/chips.module.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"CovalentChipsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":13,"character":12},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":33},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":13,"character":47},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":13,"character":63},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":13,"character":78},{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteModule","line":13,"character":94}],"declarations":[{"__symbolic":"reference","name":"TdChipsComponent"},{"__symbolic":"reference","name":"TdChipDirective"},{"__symbolic":"reference","name":"TdAutocompleteOptionDirective"}],"exports":[{"__symbolic":"reference","name":"TdChipsComponent"},{"__symbolic":"reference","name":"TdChipDirective"},{"__symbolic":"reference","name":"TdAutocompleteOptionDirective"}]}]}],"members":{}},"TdChipDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"TemplatePortalDirective","line":57,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":54,"character":1},"arguments":[{"selector":"[td-chip]ng-template"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":58,"character":63}]}]}},"TdAutocompleteOptionDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"TemplatePortalDirective","line":66,"character":51},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":63,"character":1},"arguments":[{"selector":"[td-autocomplete-option]ng-template"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":58,"character":63}]}]}},"TdChipsBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":73,"character":41}]}]}},"_TdChipsMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinControlValueAccessor","line":77,"character":33},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinDisabled","line":77,"character":59},"arguments":[{"__symbolic":"reference","name":"TdChipsBase"}]},[]]},"TdChipsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_TdChipsMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":79,"character":1},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":82,"character":15},"useExisting":{"__symbolic":"reference","name":"TdChipsComponent"},"multi":true}],"selector":"td-chips","inputs":["disabled","value"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":91,"character":19},"member":"OnPush"},"template":"<div\n class=\"td-chips-wrapper\"\n [class.td-chips-stacked]=\"stacked\"\n [class.td-chips-input-before-position]=\"inputPosition === 'before'\"\n>\n <ng-template let-chip let-first=\"first\" let-index=\"index\" ngFor [ngForOf]=\"value\">\n <mat-basic-chip\n [class.td-chip-disabled]=\"disabled\"\n [class.td-chip-after-pad]=\"!canRemoveChip\"\n [disableRipple]=\"true\"\n [color]=\"color\"\n (keydown)=\"_chipKeydown($event, index)\"\n (blur)=\"_handleChipBlur($event, chip)\"\n (focus)=\"_handleChipFocus($event, chip)\"\n >\n <div class=\"td-chip\" [class.td-chip-stacked]=\"stacked\">\n <span class=\"td-chip-content\">\n <span *ngIf=\"!_chipTemplate?.templateRef\">{{ chip }}</span>\n <ng-template\n *ngIf=\"_chipTemplate?.templateRef\"\n [ngTemplateOutlet]=\"_chipTemplate?.templateRef\"\n [ngTemplateOutletContext]=\"{ chip: chip }\"\n ></ng-template>\n </span>\n <mat-icon *ngIf=\"canRemoveChip\" class=\"td-chip-removal\" (click)=\"_internalClick = removeChip(index)\">\n cancel\n </mat-icon>\n </div>\n </mat-basic-chip>\n </ng-template>\n <mat-form-field\n floatLabel=\"never\"\n class=\"td-chips-form-field\"\n [style.width.px]=\"canAddChip ? null : 0\"\n [style.height.px]=\"canAddChip ? null : 0\"\n [color]=\"color\"\n >\n <input\n matInput\n #input\n [tabIndex]=\"-1\"\n [matAutocomplete]=\"autocomplete\"\n [formControl]=\"inputControl\"\n [placeholder]=\"displayPlaceHolder\"\n (keydown)=\"_inputKeydown($event)\"\n (keyup.enter)=\"_handleAddChip()\"\n (focus)=\"_handleFocus()\"\n />\n </mat-form-field>\n <mat-autocomplete\n #autocomplete=\"matAutocomplete\"\n [displayWith]=\"_removeInputDisplay\"\n (optionSelected)=\"addChip($event.option.value)\"\n >\n <ng-template let-item let-first=\"first\" ngFor [ngForOf]=\"items\">\n <mat-option (click)=\"_setInternalClick()\" [value]=\"item\">\n <span *ngIf=\"!_autocompleteOptionTemplate?.templateRef\">{{ item }}</span>\n <ng-template\n *ngIf=\"_autocompleteOptionTemplate?.templateRef\"\n [ngTemplateOutlet]=\"_autocompleteOptionTemplate?.templateRef\"\n [ngTemplateOutletContext]=\"{ option: item }\"\n ></ng-template>\n </mat-option>\n </ng-template>\n </mat-autocomplete>\n</div>\n<div *ngIf=\"chipAddition\" class=\"mat-form-field-underline\" [class.mat-disabled]=\"disabled\">\n <span class=\"mat-form-field-ripple\" [class.mat-focused]=\"focused\"></span>\n</div>\n<ng-content></ng-content>\n","styles":[":host{display:block;min-height:48px;padding:0 5px}:host .td-chips-wrapper{-ms-flex-align:start;-ms-flex-direction:row;-ms-flex-wrap:wrap;align-items:flex-start;display:-ms-flexbox;display:flex;flex-direction:row;flex-wrap:wrap;min-height:42px}:host .td-chips-wrapper.td-chips-stacked .mat-basic-chip,:host .td-chips-wrapper.td-chips-stacked .td-chips-form-field{width:100%}:host .td-chips-wrapper.td-chips-input-before-position .td-chips-form-field{-ms-flex-order:-1;order:-1}:host .td-chip,:host .td-chip>.td-chip-content{-ms-flex-align:center;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:start;align-content:center;align-items:center;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row;justify-content:flex-start;max-width:100%;min-width:0}:host .td-chip.td-chip-stacked,:host .td-chip>.td-chip-content.td-chip-stacked{-ms-flex-pack:justify;justify-content:space-between}:host ::ng-deep .mat-form-field-wrapper{padding-bottom:2px}:host ::ng-deep .mat-basic-chip{border-radius:16px;box-sizing:border-box;cursor:default;display:inline-block;margin:8px 8px 0 0;max-width:100%;position:relative}html[dir=rtl] :host ::ng-deep .mat-basic-chip{margin:8px 0 0 8px;unicode-bidi:embed}body[dir=rtl] :host ::ng-deep .mat-basic-chip{margin:8px 0 0 8px;unicode-bidi:embed}[dir=rtl] :host ::ng-deep .mat-basic-chip{margin:8px 0 0 8px;unicode-bidi:embed}:host ::ng-deep .mat-basic-chip bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host ::ng-deep .mat-basic-chip bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host ::ng-deep .mat-basic-chip .td-chip{font-size:13px;line-height:32px;min-height:32px;padding:0 0 0 12px}html[dir=rtl] :host ::ng-deep .mat-basic-chip .td-chip{padding:0 12px 0 0;unicode-bidi:embed}body[dir=rtl] :host ::ng-deep .mat-basic-chip .td-chip{padding:0 12px 0 0;unicode-bidi:embed}[dir=rtl] :host ::ng-deep .mat-basic-chip .td-chip{padding:0 12px 0 0;unicode-bidi:embed}:host ::ng-deep .mat-basic-chip .td-chip bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host ::ng-deep .mat-basic-chip .td-chip bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host ::ng-deep .mat-basic-chip .td-chip [td-chip-avatar]{-ms-flex:0 0 auto;-ms-flex-align:center;-ms-flex-order:-20;-ms-flex-pack:center;align-items:center;border-radius:50%;box-sizing:border-box;display:inline-block;flex:0 0 auto;height:32px;justify-content:center;margin:0 8px 0 -12px;order:-20;text-align:center;width:32px}html[dir=rtl] :host ::ng-deep .mat-basic-chip .td-chip [td-chip-avatar]{margin:0 -12px 0 8px;unicode-bidi:embed}body[dir=rtl] :host ::ng-deep .mat-basic-chip .td-chip [td-chip-avatar]{margin:0 -12px 0 8px;unicode-bidi:embed}[dir=rtl] :host ::ng-deep .mat-basic-chip .td-chip [td-chip-avatar]{margin:0 -12px 0 8px;unicode-bidi:embed}:host ::ng-deep .mat-basic-chip .td-chip [td-chip-avatar] bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host ::ng-deep .mat-basic-chip .td-chip [td-chip-avatar] bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host ::ng-deep .mat-basic-chip.td-chip-after-pad{padding:0 12px 0 0}html[dir=rtl] :host ::ng-deep .mat-basic-chip.td-chip-after-pad{padding:0 0 0 12px;unicode-bidi:embed}body[dir=rtl] :host ::ng-deep .mat-basic-chip.td-chip-after-pad{padding:0 0 0 12px;unicode-bidi:embed}[dir=rtl] :host ::ng-deep .mat-basic-chip.td-chip-after-pad{padding:0 0 0 12px;unicode-bidi:embed}:host ::ng-deep .mat-basic-chip.td-chip-after-pad bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host ::ng-deep .mat-basic-chip.td-chip-after-pad bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host ::ng-deep .mat-basic-chip mat-icon.td-chip-removal{font-size:21px;line-height:22px;margin:0 4px}:host ::ng-deep .mat-basic-chip mat-icon.td-chip-removal:hover{cursor:pointer}:host ::ng-deep .td-chips-stacked .mat-basic-chip{margin:4px 0}:host ::ng-deep .td-chips-stacked .mat-basic-chip:first-of-type{margin:8px 0 4px}:host ::ng-deep .td-chips-stacked .mat-basic-chip:last-of-type{margin:4px 0 8px}:host .mat-form-field-underline{bottom:0;height:1px;position:relative;width:100%}:host .mat-form-field-underline.mat-disabled{background-color:rgba(0,0,0,0);background-position:0;bottom:-4px}:host .mat-form-field-underline .mat-form-field-ripple{-ms-transform:scaleX(.5);-ms-transform-origin:50%;height:2px;opacity:0;position:absolute;top:0;transform:scaleX(.5);transform-origin:50%;transition:background-color .3s cubic-bezier(.55,0,.55,.2);visibility:hidden;width:100%}:host .mat-form-field-underline .mat-form-field-ripple.mat-focused,:host.ng-invalid .mat-form-field-underline .mat-form-field-ripple{-ms-transform:scaleX(1);opacity:1;transform:scaleX(1);transition:transform .15s linear,background-color .3s cubic-bezier(.55,0,.55,.2);visibility:visible}:host ::ng-deep mat-form-field .mat-form-field-underline{display:none}"]}]}],"members":{"_nativeInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":117,"character":3},"arguments":["input",{"static":true}]}]}],"_inputChild":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":118,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/input","name":"MatInput","line":118,"character":13},{"static":true}]}]}],"_autocompleteTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":119,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteTrigger","line":119,"character":13},{"static":true}]}]}],"_chipsChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":120,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChip","line":120,"character":16}]}]}],"_chipTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":122,"character":3},"arguments":[{"__symbolic":"reference","name":"TdChipDirective"}]}]}],"_autocompleteOptionTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":123,"character":3},"arguments":[{"__symbolic":"reference","name":"TdAutocompleteOptionDirective"}]}]}],"_options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":126,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MatOption","line":126,"character":16}]}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":3},"arguments":["items"]}]}],"stacked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":159,"character":3},"arguments":["stacked"]}]}],"inputPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":3},"arguments":["inputPosition"]}]}],"requireMatch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":184,"character":3},"arguments":["requireMatch"]}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":197,"character":3},"arguments":["required"]}]}],"chipAddition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":210,"character":3},"arguments":["chipAddition"]}]}],"chipRemoval":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":232,"character":3},"arguments":["chipRemoval"]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":262,"character":3}}]}],"debounce":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":268,"character":3}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":275,"character":3},"arguments":["color"]}]}],"add":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":292,"character":3}}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":299,"character":3}}]}],"inputChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":306,"character":3}}]}],"chipFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":313,"character":3}}]}],"chipBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":320,"character":3}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":325,"character":3},"arguments":["attr.tabindex"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":333,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":333,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":333,"character":24}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":331,"character":25},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":332,"character":23},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":73,"character":41}]}],"compareWith":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":345,"character":3}}]}],"focusListener":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":352,"character":3},"arguments":["focus",["$event"]]}]}],"mousedownListener":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":364,"character":3},"arguments":["mousedown",["$event"]]}]}],"clickListener":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":379,"character":3},"arguments":["click",["$event"]]}]}],"keydownListener":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":392,"character":3},"arguments":["keydown",["$event"]]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_setInternalClick":[{"__symbolic":"method"}],"onDisabledChange":[{"__symbolic":"method"}],"_handleAddChip":[{"__symbolic":"method"}],"addChip":[{"__symbolic":"method"}],"removeChip":[{"__symbolic":"method"}],"_handleChipBlur":[{"__symbolic":"method"}],"_handleChipFocus":[{"__symbolic":"method"}],"_handleFocus":[{"__symbolic":"method"}],"setFocusedState":[{"__symbolic":"method"}],"removeFocusedState":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_inputKeydown":[{"__symbolic":"method"}],"_chipKeydown":[{"__symbolic":"method"}],"_removeInputDisplay":[{"__symbolic":"method"}],"_openAutocomplete":[{"__symbolic":"method"}],"_closeAutocomplete":[{"__symbolic":"method"}],"_focusChip":[{"__symbolic":"method"}],"_focusFirstChip":[{"__symbolic":"method"}],"_focusLastChip":[{"__symbolic":"method"}],"_toggleInput":[{"__symbolic":"method"}],"_setFirstOptionActive":[{"__symbolic":"method"}],"_watchOutsideClick":[{"__symbolic":"method"}]}}},"origins":{"CovalentChipsModule":"./chips.module","TdChipDirective":"./chips.component","TdAutocompleteOptionDirective":"./chips.component","TdChipsBase":"./chips.component","_TdChipsMixinBase":"./chips.component","TdChipsComponent":"./chips.component"},"importAs":"@covalent/core/chips"}
|
package/chips/index.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './public-api';
|
package/chips/package.json
DELETED
@@ -1,11 +0,0 @@
|
|
1
|
-
{
|
2
|
-
"main": "../bundles/covalent-core-chips.umd.js",
|
3
|
-
"module": "../fesm2015/covalent-core-chips.js",
|
4
|
-
"es2015": "../fesm2015/covalent-core-chips.js",
|
5
|
-
"esm2015": "../esm2015/chips/covalent-core-chips.js",
|
6
|
-
"fesm2015": "../fesm2015/covalent-core-chips.js",
|
7
|
-
"typings": "covalent-core-chips.d.ts",
|
8
|
-
"metadata": "covalent-core-chips.metadata.json",
|
9
|
-
"sideEffects": false,
|
10
|
-
"name": "@covalent/core/chips"
|
11
|
-
}
|
package/chips/public-api.d.ts
DELETED
package/data-table/README.md
DELETED
@@ -1,134 +0,0 @@
|
|
1
|
-
# td-data-table
|
2
|
-
|
3
|
-
`td-data-table` element generates a data driven table layout sorting events.
|
4
|
-
|
5
|
-
Use [tdDataTableTemplate] directive for template support which gives context access to [value], [row] and [column].
|
6
|
-
|
7
|
-
## API Summary
|
8
|
-
|
9
|
-
#### Inputs
|
10
|
-
|
11
|
-
+ data: any[]
|
12
|
-
+ Rows of data to be displayed.
|
13
|
-
+ columns?: ITdDataTableColumn[]
|
14
|
-
+ List of columns to be displayed.
|
15
|
-
+ selectable?: boolean
|
16
|
-
+ Enables row selection events, hover and selected row states.
|
17
|
-
+ multiple?: boolean
|
18
|
-
+ Enables multiple row selection. [selectable] needs to be enabled.
|
19
|
-
+ sortable?: boolean
|
20
|
-
+ Enables sorting events, sort icons and active column states.
|
21
|
-
+ sortBy?: string
|
22
|
-
+ Sets the active sort column. [sortable] needs to be enabled.
|
23
|
-
+ sortOrder?: TdDataTableSortingOrder
|
24
|
-
+ Sets the sort order of the [sortBy] column. [sortable] needs to be enabled.
|
25
|
-
+ Defaults to 'ASC' or TdDataTableSortingOrder.Ascending
|
26
|
-
+ clickable?: boolean
|
27
|
-
+ Enables row click events, hover.
|
28
|
-
+ Defaults to 'false'
|
29
|
-
+ compareWith: function(row, model)
|
30
|
-
+ Allows custom comparison between row and model to see if row is selected or not.
|
31
|
-
|
32
|
-
#### Events
|
33
|
-
|
34
|
-
+ sortChange: function
|
35
|
-
+ Event emitted when the column headers are clicked. [sortable] needs to be enabled.
|
36
|
-
+ Emits an [ITdDataTableSortEvent] implemented object.
|
37
|
-
+ rowSelect: function
|
38
|
-
+ Event emitted when a row is selected/deselected. [selectable] needs to be enabled.
|
39
|
-
+ Emits an [ITdDataTableSelectEvent] implemented object.
|
40
|
-
+ rowClick: function
|
41
|
-
+ Event emitted when a row is clicked. [clickable] needs to be enabled.
|
42
|
-
+ Emits an [ITdDataTableRowClickEvent] implemented object.
|
43
|
-
+ selectAll: function
|
44
|
-
+ Event emitted when all rows are selected/deselected by the all checkbox. [selectable] needs to be enabled.
|
45
|
-
+ Emits an [ITdDataTableSelectAllEvent] implemented object.
|
46
|
-
|
47
|
-
#### Methods
|
48
|
-
|
49
|
-
+ refresh: function
|
50
|
-
+ Refreshes data table and rerenders [data] and [columns]
|
51
|
-
|
52
|
-
## Setup
|
53
|
-
|
54
|
-
Import the [CovalentDataTableModule] in your NgModule:
|
55
|
-
|
56
|
-
```typescript
|
57
|
-
import { CovalentDataTableModule } from '@covalent/core/data-table';
|
58
|
-
@NgModule({
|
59
|
-
imports: [
|
60
|
-
CovalentDataTableModule,
|
61
|
-
...
|
62
|
-
],
|
63
|
-
...
|
64
|
-
})
|
65
|
-
export class MyModule {}
|
66
|
-
```
|
67
|
-
|
68
|
-
## Usage
|
69
|
-
|
70
|
-
The `ITdDataTableColumn` interface for columns has the following contract:
|
71
|
-
|
72
|
-
```typescript
|
73
|
-
export interface ITdDataTableColumn {
|
74
|
-
name: string;
|
75
|
-
label: string;
|
76
|
-
tooltip?: string; // used to add a tooltip into the column header
|
77
|
-
numeric?: boolean; // used to right align elements if they are numeric
|
78
|
-
format?: (value: any) => any; // used to format the cell values
|
79
|
-
nested?: boolean; // when this is true, the `.` characters will be taken as key separators for nested values
|
80
|
-
sortable?: boolean; // used to make a particular column sortable
|
81
|
-
hidden?: boolean; // used to hide the column in the data table on the fly
|
82
|
-
filter?: boolean;
|
83
|
-
width?: ITdDataTableColumnWidth | number; // used to configure the widths of the columns, if omitted it will fill the rest of the space
|
84
|
-
}
|
85
|
-
|
86
|
-
export interface ITdDataTableColumnWidth {
|
87
|
-
min?: number;
|
88
|
-
max?: number;
|
89
|
-
}
|
90
|
-
```
|
91
|
-
|
92
|
-
Example for HTML usage:
|
93
|
-
|
94
|
-
```html
|
95
|
-
<td-data-table
|
96
|
-
[data]="data"
|
97
|
-
[columns]="columns"
|
98
|
-
[selectable]="true|false"
|
99
|
-
[multiple]="true|false"
|
100
|
-
[sortable]="true|false"
|
101
|
-
[sortBy]="sortBy"
|
102
|
-
[sortOrder]="'ASC'|'DESC'"
|
103
|
-
[compareWith]="compareWith"
|
104
|
-
(sortChange)="sortEvent($event)"
|
105
|
-
(rowSelect)="selectEvent($event)"
|
106
|
-
(selectAll)="selectAllEvent($event)">
|
107
|
-
<ng-template tdDataTableTemplate="columnName" let-value="value" let-row="row" let-column="column">
|
108
|
-
<div layout="row">
|
109
|
-
<span flex>{{value}}</span> // or <span flex>{{row[column]}}</span>
|
110
|
-
<mat-icon>star</mat-icon>
|
111
|
-
</div>
|
112
|
-
</ng-template>
|
113
|
-
</td-data-table>
|
114
|
-
```
|
115
|
-
|
116
|
-
```typescript
|
117
|
-
import { ITdDataTableColumn } from '@covalent/core/data-table';
|
118
|
-
...
|
119
|
-
})
|
120
|
-
export class Demo {
|
121
|
-
private data: any[] = [
|
122
|
-
{ sku: '1452-2', item: 'Pork Chops', price: 32.11 },
|
123
|
-
{ sku: '1421-0', item: 'Prime Rib', price: 41.15 },
|
124
|
-
];
|
125
|
-
private columns: ITdDataTableColumn[] = [
|
126
|
-
{ name: 'sku', label: 'SKU #', tooltip: 'Stock Keeping Unit', sortable: true },
|
127
|
-
{ name: 'item', label: 'Item name', width: 200 },
|
128
|
-
{ name: 'price', label: 'Price (US$)', numeric: true, format: v => v.toFixed(2), width: { min: 100, max: 400 } },
|
129
|
-
];
|
130
|
-
compareWith(row: any: model: any): boolean {
|
131
|
-
return row.id === model.id; // or any property you want to compare by.
|
132
|
-
}
|
133
|
-
}
|
134
|
-
```
|
@@ -1,115 +0,0 @@
|
|
1
|
-
@import '../common/styles/typography-functions';
|
2
|
-
|
3
|
-
@mixin td-data-table-typography($config) {
|
4
|
-
.td-data-table-cell {
|
5
|
-
font: {
|
6
|
-
family: td-font-family($config);
|
7
|
-
size: td-font-size($config, body-1);
|
8
|
-
weight: td-font-weight($config, body-1);
|
9
|
-
}
|
10
|
-
|
11
|
-
line-height: td-line-height($config, body-1);
|
12
|
-
}
|
13
|
-
.td-data-table-column {
|
14
|
-
font: {
|
15
|
-
family: td-font-family($config);
|
16
|
-
size: td-font-size($config, caption);
|
17
|
-
weight: 600;
|
18
|
-
}
|
19
|
-
}
|
20
|
-
.td-data-table-sort-badge {
|
21
|
-
font: {
|
22
|
-
family: td-font-family($config);
|
23
|
-
size: td-font-size($config, caption);
|
24
|
-
weight: td-font-weight($config, body-1);
|
25
|
-
}
|
26
|
-
}
|
27
|
-
}
|
28
|
-
|
29
|
-
@mixin td-data-table-theme($theme) {
|
30
|
-
$primary: map-get($theme, primary);
|
31
|
-
$accent: map-get($theme, accent);
|
32
|
-
$warn: map-get($theme, warn);
|
33
|
-
$background: map-get($theme, background);
|
34
|
-
$foreground: map-get($theme, foreground);
|
35
|
-
$is-dark-theme: map-get($theme, is-dark);
|
36
|
-
|
37
|
-
td-data-table {
|
38
|
-
border-bottom: 1px solid mat-color($foreground, divider);
|
39
|
-
}
|
40
|
-
.td-data-table-scrollable {
|
41
|
-
border-top: 1px solid mat-color($foreground, divider);
|
42
|
-
}
|
43
|
-
.td-data-table-column-resizer {
|
44
|
-
.td-data-table-column-separator {
|
45
|
-
border-right: 2px solid mat-color($foreground, divider);
|
46
|
-
opacity: 0.3;
|
47
|
-
}
|
48
|
-
&:hover,
|
49
|
-
&.td-resizing {
|
50
|
-
.td-data-table-column-separator {
|
51
|
-
opacity: 1;
|
52
|
-
}
|
53
|
-
}
|
54
|
-
}
|
55
|
-
table[td-data-table] {
|
56
|
-
.td-data-table-column-row,
|
57
|
-
.td-data-table-row {
|
58
|
-
border-bottom-color: mat-color($foreground, divider);
|
59
|
-
}
|
60
|
-
.mat-checkbox-cell,
|
61
|
-
.mat-checkbox-column {
|
62
|
-
color: mat-color($foreground, secondary-text);
|
63
|
-
mat-pseudo-checkbox.mat-pseudo-checkbox-checked {
|
64
|
-
background-color: mat-color($accent);
|
65
|
-
}
|
66
|
-
}
|
67
|
-
.td-data-table-cell {
|
68
|
-
mat-form-field {
|
69
|
-
.mat-form-field-underline {
|
70
|
-
display: none;
|
71
|
-
}
|
72
|
-
}
|
73
|
-
}
|
74
|
-
.td-data-table-column {
|
75
|
-
color: mat-color($foreground, secondary-text);
|
76
|
-
* {
|
77
|
-
vertical-align: middle;
|
78
|
-
}
|
79
|
-
mat-icon {
|
80
|
-
&.td-data-table-sort-icon {
|
81
|
-
color: mat-color($foreground, disabled);
|
82
|
-
}
|
83
|
-
}
|
84
|
-
&.mat-active,
|
85
|
-
&.mat-active mat-icon {
|
86
|
-
color: mat-color($foreground, base);
|
87
|
-
}
|
88
|
-
}
|
89
|
-
&.mat-selectable tbody > tr.td-data-table-row {
|
90
|
-
&.td-selected {
|
91
|
-
background-color: mat-color($background, 'app-bar');
|
92
|
-
}
|
93
|
-
&:focus {
|
94
|
-
background-color: mat-color($background, 'hover');
|
95
|
-
}
|
96
|
-
}
|
97
|
-
&.mat-clickable tbody > tr.td-data-table-row {
|
98
|
-
&:hover {
|
99
|
-
background-color: mat-color($background, 'hover');
|
100
|
-
}
|
101
|
-
}
|
102
|
-
}
|
103
|
-
.mat-selected-title {
|
104
|
-
background-color: mat-color($accent, 0.12);
|
105
|
-
color: mat-color($accent);
|
106
|
-
}
|
107
|
-
.td-data-table-sort-badge {
|
108
|
-
background-color: if(
|
109
|
-
$is-dark-theme,
|
110
|
-
map-get($mat-dark-theme-background, background),
|
111
|
-
mat-color($background, 'app-bar')
|
112
|
-
);
|
113
|
-
color: if($is-dark-theme, $light-secondary-text, mat-color($foreground, icon));
|
114
|
-
}
|
115
|
-
}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"CovalentDataTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":26,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":27,"character":12},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":27,"character":26},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":27,"character":45},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":27,"character":63},{"__symbolic":"reference","module":"@angular/material/core","name":"MatPseudoCheckboxModule","line":27,"character":78}],"declarations":[[{"__symbolic":"reference","name":"TdDataTableComponent"},{"__symbolic":"reference","name":"TdDataTableTemplateDirective"},{"__symbolic":"reference","name":"TdDataTableColumnComponent"},{"__symbolic":"reference","name":"TdDataTableCellComponent"},{"__symbolic":"reference","name":"TdDataTableRowComponent"},{"__symbolic":"reference","name":"TdDataTableColumnRowComponent"},{"__symbolic":"reference","name":"TdDataTableTableComponent"}]],"exports":[[{"__symbolic":"reference","name":"TdDataTableComponent"},{"__symbolic":"reference","name":"TdDataTableTemplateDirective"},{"__symbolic":"reference","name":"TdDataTableColumnComponent"},{"__symbolic":"reference","name":"TdDataTableCellComponent"},{"__symbolic":"reference","name":"TdDataTableRowComponent"},{"__symbolic":"reference","name":"TdDataTableColumnRowComponent"},{"__symbolic":"reference","name":"TdDataTableTableComponent"}]],"providers":[{"__symbolic":"reference","name":"TdDataTableService"}]}]}],"members":{}},"TdDataTableSortingOrder":{"Ascending":"ASC","Descending":"DESC"},"ITdDataTableColumnWidth":{"__symbolic":"interface"},"ITdDataTableColumn":{"__symbolic":"interface"},"ITdDataTableSelectEvent":{"__symbolic":"interface"},"ITdDataTableSelectAllEvent":{"__symbolic":"interface"},"ITdDataTableRowClickEvent":{"__symbolic":"interface"},"IInternalColumnWidth":{"__symbolic":"interface"},"TdDataTableBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":100,"character":41}]}]}},"_TdDataTableMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinControlValueAccessor","line":104,"character":37},"arguments":[{"__symbolic":"reference","name":"TdDataTableBase"},[]]},"TdDataTableComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_TdDataTableMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":106,"character":1},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":109,"character":15},"useExisting":{"__symbolic":"reference","name":"TdDataTableComponent"},"multi":true}],"selector":"td-data-table","inputs":["value"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":118,"character":19},"member":"OnPush"},"template":"<table td-data-table [style.left.px]=\"columnsLeftScroll\" [class.mat-selectable]=\"selectable\">\n <thead class=\"td-data-table-head\" (dragover)=\"_handleColumnDrag($event)\">\n <tr td-data-table-column-row>\n <th td-data-table-column class=\"mat-checkbox-column\" *ngIf=\"selectable\">\n <mat-checkbox\n #checkBoxAll\n *ngIf=\"multiple\"\n [disabled]=\"!hasData\"\n [indeterminate]=\"indeterminate && !allSelected && hasData\"\n [checked]=\"allSelected && hasData\"\n (click)=\"blockEvent($event); _selectAll(!checkBoxAll.checked)\"\n (keyup.enter)=\"_selectAll(!checkBoxAll.checked)\"\n (keyup.space)=\"_selectAll(!checkBoxAll.checked)\"\n (keydown.space)=\"blockEvent($event)\"\n ></mat-checkbox>\n </th>\n <th\n td-data-table-column\n #columnElement\n *ngFor=\"let column of columns; let i = index; let last = last\"\n [style.min-width.px]=\"getColumnWidth(i)\"\n [style.max-width.px]=\"getColumnWidth(i)\"\n [name]=\"column.name\"\n [numeric]=\"column.numeric\"\n [active]=\"(column.sortable || sortable) && column === sortByColumn\"\n [sortable]=\"column.sortable || (sortable && column.sortable !== false)\"\n [sortOrder]=\"sortOrderEnum\"\n [hidden]=\"column.hidden\"\n [isColumnSortOrder]=\"!!column.columnSortOrder\"\n (sortChange)=\"handleSort(column)\"\n >\n <span [matTooltip]=\"column.tooltip\" [class]=\"column.columnSortOrder ? 'td-table-header-label' : ''\">\n {{ column.label }}\n <span *ngIf=\"column.columnSortOrder\" class=\"td-data-table-sort-badge\">\n {{ column.columnSortOrder || '' }}\n\n <span\n td-column-resizer\n *ngIf=\"resizableColumns\"\n draggable=\"true\"\n class=\"td-data-table-column-resizer\"\n [class.td-resizing]=\"i === resizingColumn\"\n (mousedown)=\"_handleStartColumnDrag(i, $event)\"\n (dragstart)=\"$event?.dataTransfer?.setData('text', '')\"\n (drag)=\"_handleColumnDrag($event)\"\n (dragend)=\"_handleEndColumnDrag()\"\n (mouseup)=\"_handleEndColumnDrag()\"\n >\n <span class=\"td-data-table-column-separator\"></span>\n </span>\n </span>\n </span>\n </th>\n </tr>\n </thead>\n</table>\n<div #scrollableDiv class=\"td-data-table-scrollable\" (scroll)=\"handleScroll($event)\">\n <div [style.height.px]=\"totalHeight\"></div>\n <table\n td-data-table\n [style.transform]=\"offsetTransform\"\n [style.position]=\"'absolute'\"\n [class.mat-selectable]=\"selectable\"\n [class.mat-clickable]=\"clickable\"\n >\n <tbody class=\"td-data-table-body\">\n <tr\n td-data-table-row\n #dtRow\n [tabIndex]=\"selectable ? 0 : -1\"\n [selected]=\"(clickable || selectable) && isRowSelected(row)\"\n *ngFor=\"let row of virtualData; let rowIndex = index\"\n (click)=\"handleRowClick(row, fromRow + rowIndex, $event)\"\n (keyup)=\"selectable && _rowKeyup($event, row, rowIndex)\"\n (keydown.space)=\"blockEvent($event)\"\n (keydown.shift.space)=\"blockEvent($event)\"\n (keydown.shift)=\"disableTextSelection()\"\n (keyup.shift)=\"enableTextSelection()\"\n >\n <td td-data-table-cell class=\"mat-checkbox-cell\" *ngIf=\"selectable\">\n <mat-pseudo-checkbox\n [state]=\"dtRow.selected ? 'checked' : 'unchecked'\"\n (mousedown)=\"disableTextSelection()\"\n (mouseup)=\"enableTextSelection()\"\n stopRowClick\n (click)=\"select(row, $event, fromRow + rowIndex)\"\n ></mat-pseudo-checkbox>\n </td>\n <td\n td-data-table-cell\n [numeric]=\"column.numeric\"\n [hidden]=\"column.hidden\"\n *ngFor=\"let column of columns; let i = index\"\n [style.min-width.px]=\"getColumnWidth(i)\"\n [style.max-width.px]=\"getColumnWidth(i)\"\n >\n <span *ngIf=\"!getTemplateRef(column.name)\">\n {{ column.format ? column.format(getCellValue(column, row)) : getCellValue(column, row) }}\n </span>\n <ng-template\n *ngIf=\"getTemplateRef(column.name)\"\n [ngTemplateOutlet]=\"getTemplateRef(column.name)\"\n [ngTemplateOutletContext]=\"{\n value: getCellValue(column, row),\n row: row,\n column: column.name,\n index: rowIndex\n }\"\n ></ng-template>\n </td>\n </tr>\n </tbody>\n </table>\n</div>\n<ng-content></ng-content>\n","styles":[".td-data-table-sort-badge{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;border-radius:50%;display:-ms-flexbox;display:flex;height:16px;justify-content:center;margin-left:4px;width:16px}:host{display:block;overflow:hidden}:host .td-data-table-scrollable{height:calc(100% - 56px);overflow:auto;position:relative}.td-table-header-label{display:-ms-flexbox;display:flex}.td-data-table-column-resizer{cursor:col-resize;right:0;width:6px}.td-data-table-column-resizer,.td-data-table-column-resizer .td-data-table-column-separator{height:100%;position:absolute;top:0}.td-data-table-column-resizer .td-data-table-column-separator{left:2px}.td-data-table-column-resizer.td-resizing{cursor:-webkit-grabbing}table.td-data-table{width:auto!important}table.td-data-table.mat-selectable tbody>tr.td-data-table-row{transition:background-color .2s}table.td-data-table.mat-selectable .td-data-table-column:first-child>.td-data-table-column-content-wrapper,table.td-data-table.mat-selectable td.td-data-table-cell:first-child>.td-data-table-column-content-wrapper,table.td-data-table.mat-selectable th.td-data-table-column:first-child>.td-data-table-column-content-wrapper{min-width:18px;padding:0 24px;width:18px}table.td-data-table.mat-selectable .td-data-table-column:nth-child(2)>.td-data-table-column-content-wrapper,table.td-data-table.mat-selectable td.td-data-table-cell:nth-child(2)>.td-data-table-column-content-wrapper,table.td-data-table.mat-selectable th.td-data-table-column:nth-child(2)>.td-data-table-column-content-wrapper{padding-left:0}[dir=rtl] table.td-data-table.mat-selectable .td-data-table-column:nth-child(2)>.td-data-table-column-content-wrapper,[dir=rtl] table.td-data-table.mat-selectable td.td-data-table-cell:nth-child(2)>.td-data-table-column-content-wrapper,[dir=rtl] table.td-data-table.mat-selectable th.td-data-table-column:nth-child(2)>.td-data-table-column-content-wrapper{padding-left:28px;padding-right:0}table.td-data-table td.mat-checkbox-cell,table.td-data-table th.mat-checkbox-column{font-size:0!important;min-width:42px;width:42px}table.td-data-table td.mat-checkbox-cell mat-pseudo-checkbox,table.td-data-table th.mat-checkbox-column mat-pseudo-checkbox{height:18px;width:18px}::ng-deep table.td-data-table td.mat-checkbox-cell mat-pseudo-checkbox.mat-pseudo-checkbox-checked:after,::ng-deep table.td-data-table th.mat-checkbox-column mat-pseudo-checkbox.mat-pseudo-checkbox-checked:after{height:4px!important;width:11px!important}table.td-data-table td.mat-checkbox-cell mat-checkbox ::ng-deep .mat-checkbox-inner-container,table.td-data-table th.mat-checkbox-column mat-checkbox ::ng-deep .mat-checkbox-inner-container{height:18px;margin:0;width:18px}"]}]}],"members":{"_templates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":229,"character":3},"arguments":[{"__symbolic":"reference","name":"TdDataTableTemplateDirective"},{"descendants":true}]}]}],"_scrollableDiv":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":232,"character":3},"arguments":["scrollableDiv",{"static":true}]}]}],"_colElements":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":234,"character":3},"arguments":["columnElement"]}]}],"_rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":236,"character":3},"arguments":[{"__symbolic":"reference","name":"TdDataTableRowComponent"}]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":264,"character":3},"arguments":["data"]}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":287,"character":3},"arguments":["columns"]}]}],"resizableColumns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":316,"character":3},"arguments":["resizableColumns"]}]}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":329,"character":3},"arguments":["selectable"]}]}],"clickable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":342,"character":3},"arguments":["clickable"]}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":355,"character":3},"arguments":["multiple"]}]}],"sortable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":368,"character":3},"arguments":["sortable"]}]}],"sortBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":380,"character":3},"arguments":["sortBy"]}]}],"sortOrder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":401,"character":3},"arguments":["sortOrder"]}]}],"sortChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":423,"character":3}}]}],"rowSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":430,"character":3}}]}],"rowClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":437,"character":3}}]}],"selectAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":444,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":447,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":447,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":447,"character":24}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":448,"character":25},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":449,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":100,"character":41}]}],"compareWith":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":460,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"handleScroll":[{"__symbolic":"method"}],"getColumnWidth":[{"__symbolic":"method"}],"getCellValue":[{"__symbolic":"method"}],"getTemplateRef":[{"__symbolic":"method"}],"clearModel":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"_selectAll":[{"__symbolic":"method"}],"isRowSelected":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"disableTextSelection":[{"__symbolic":"method"}],"enableTextSelection":[{"__symbolic":"method"}],"handleRowClick":[{"__symbolic":"method"}],"handleSort":[{"__symbolic":"method"}],"_rowKeyup":[{"__symbolic":"method"}],"_handleStartColumnDrag":[{"__symbolic":"method"}],"_handleColumnDrag":[{"__symbolic":"method"}],"_handleEndColumnDrag":[{"__symbolic":"method"}],"blockEvent":[{"__symbolic":"method"}],"_getNestedValue":[{"__symbolic":"method"}],"_doSelection":[{"__symbolic":"method"}],"_calculateCheckboxState":[{"__symbolic":"method"}],"_calculateWidths":[{"__symbolic":"method"}],"_adjustColumnWidhts":[{"__symbolic":"method"}],"_adjustColumnWidth":[{"__symbolic":"method"}],"_calculateWidth":[{"__symbolic":"method"}],"_calculateVirtualRows":[{"__symbolic":"method"}]}},"TdDataTableCellAlign":{"__symbolic":"interface"},"TdDataTableCellComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"td[td-data-table-cell]","template":"<div\n class=\"td-data-table-cell-content-wrapper\"\n [class.td-data-table-cell-numeric]=\"numeric\"\n [class.td-data-table-cell-align-center]=\"align === 'center'\"\n [class.td-data-table-cell-align-end]=\"align === 'end'\"\n [class.td-data-table-cell-align-start]=\"align === 'start'\"\n>\n <ng-content></ng-content>\n</div>\n","styles":[":host{padding:0;text-align:left;vertical-align:middle}html[dir=rtl] :host{text-align:right;unicode-bidi:embed}body[dir=rtl] :host{text-align:right;unicode-bidi:embed}[dir=rtl] :host{text-align:right;unicode-bidi:embed}:host bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host>.td-data-table-cell-content-wrapper{-ms-flex-align:center;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:start;align-content:center;align-items:center;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row;justify-content:flex-start;max-width:100%;padding:0 28px}:host>.td-data-table-cell-content-wrapper.td-data-table-cell-numeric{-ms-flex-pack:end;justify-content:flex-end}:host>.td-data-table-cell-content-wrapper.td-data-table-cell-align-start{-ms-flex-pack:start;justify-content:flex-start}:host>.td-data-table-cell-content-wrapper.td-data-table-cell-align-end{-ms-flex-pack:end;justify-content:flex-end}:host>.td-data-table-cell-content-wrapper.td-data-table-cell-align-center{-ms-flex-pack:center;justify-content:center}:host:first-child>.td-data-table-cell-content-wrapper{padding-left:24px;padding-right:0}html[dir=rtl] :host:first-child>.td-data-table-cell-content-wrapper{padding-left:0}body[dir=rtl] :host:first-child>.td-data-table-cell-content-wrapper{padding-left:0}[dir=rtl] :host:first-child>.td-data-table-cell-content-wrapper{padding-left:0}html[dir=rtl] :host:first-child>.td-data-table-cell-content-wrapper{padding-right:24px;unicode-bidi:embed}body[dir=rtl] :host:first-child>.td-data-table-cell-content-wrapper{padding-right:24px;unicode-bidi:embed}[dir=rtl] :host:first-child>.td-data-table-cell-content-wrapper{padding-right:24px;unicode-bidi:embed}:host:first-child>.td-data-table-cell-content-wrapper bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host:first-child>.td-data-table-cell-content-wrapper bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host:last-child>.td-data-table-cell-content-wrapper{padding-left:28px;padding-right:24px}html[dir=rtl] :host:last-child>.td-data-table-cell-content-wrapper{padding-left:24px}body[dir=rtl] :host:last-child>.td-data-table-cell-content-wrapper{padding-left:24px}[dir=rtl] :host:last-child>.td-data-table-cell-content-wrapper{padding-left:24px}html[dir=rtl] :host:last-child>.td-data-table-cell-content-wrapper{padding-right:28px;unicode-bidi:embed}body[dir=rtl] :host:last-child>.td-data-table-cell-content-wrapper{padding-right:28px;unicode-bidi:embed}[dir=rtl] :host:last-child>.td-data-table-cell-content-wrapper{padding-right:28px;unicode-bidi:embed}:host:last-child>.td-data-table-cell-content-wrapper bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host:last-child>.td-data-table-cell-content-wrapper bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host>*{vertical-align:middle}:host.mat-clickable{cursor:pointer}:host.mat-clickable:focus{outline:none}:host.mat-numeric{text-align:right}html[dir=rtl] :host.mat-numeric{text-align:left;unicode-bidi:embed}body[dir=rtl] :host.mat-numeric{text-align:left;unicode-bidi:embed}[dir=rtl] :host.mat-numeric{text-align:left;unicode-bidi:embed}:host.mat-numeric bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host.mat-numeric bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}"]}]}],"members":{"numeric":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"bindNumeric":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":33,"character":3},"arguments":["class.mat-numeric"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":38,"character":35},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":38,"character":66}]}]}},"ITdDataTableSortChangeEvent":{"__symbolic":"interface"},"TdDataTableColumnComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"th[td-data-table-column]","template":"<span #columnContent class=\"td-data-table-heading\">\n <mat-icon\n class=\"td-data-table-sort-icon\"\n *ngIf=\"sortable && numeric\"\n [class.mat-asc]=\"isAscending()\"\n [class.mat-desc]=\"isDescending()\"\n >\n arrow_upward\n </mat-icon>\n <span>\n <ng-content></ng-content>\n </span>\n <mat-icon\n class=\"td-data-table-sort-icon\"\n *ngIf=\"sortable && !numeric\"\n [class.mat-asc]=\"isAscending()\"\n [class.mat-desc]=\"isDescending()\"\n [class.display-numeric]=\"isColumnSortOrder\"\n >\n arrow_upward\n </mat-icon>\n</span>\n<ng-content select=\"[td-column-resizer]\"></ng-content>\n","styles":[":host{padding:0;position:relative;text-align:left;vertical-align:middle;white-space:nowrap}:host>.td-data-table-heading{padding:0 28px}:host:first-child>.td-data-table-heading{padding-left:24px;padding-right:0}html[dir=rtl] :host:first-child>.td-data-table-heading{padding-left:0}body[dir=rtl] :host:first-child>.td-data-table-heading{padding-left:0}[dir=rtl] :host:first-child>.td-data-table-heading{padding-left:0}html[dir=rtl] :host:first-child>.td-data-table-heading{padding-right:24px;unicode-bidi:embed}body[dir=rtl] :host:first-child>.td-data-table-heading{padding-right:24px;unicode-bidi:embed}[dir=rtl] :host:first-child>.td-data-table-heading{padding-right:24px;unicode-bidi:embed}:host:first-child>.td-data-table-heading bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host:first-child>.td-data-table-heading bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host:last-child>.td-data-table-heading{padding-left:28px;padding-right:24px}html[dir=rtl] :host:last-child>.td-data-table-heading{padding-left:24px}body[dir=rtl] :host:last-child>.td-data-table-heading{padding-left:24px}[dir=rtl] :host:last-child>.td-data-table-heading{padding-left:24px}html[dir=rtl] :host:last-child>.td-data-table-heading{padding-right:28px;unicode-bidi:embed}body[dir=rtl] :host:last-child>.td-data-table-heading{padding-right:28px;unicode-bidi:embed}[dir=rtl] :host:last-child>.td-data-table-heading{padding-right:28px;unicode-bidi:embed}:host:last-child>.td-data-table-heading bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host:last-child>.td-data-table-heading bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host mat-icon{font-size:16px!important;height:16px;line-height:16px!important;width:16px}:host mat-icon.td-data-table-sort-icon{opacity:0;position:absolute;top:0;transition:transform .25s}:host mat-icon.td-data-table-sort-icon.display-numeric{right:0}:host mat-icon.td-data-table-sort-icon.mat-asc{-ms-transform:rotate(0deg);transform:rotate(0deg)}:host mat-icon.td-data-table-sort-icon.mat-desc{-ms-transform:rotate(180deg);transform:rotate(180deg)}:host.mat-active.mat-sortable mat-icon.td-data-table-sort-icon,:host:hover.mat-sortable mat-icon.td-data-table-sort-icon{opacity:1}html[dir=rtl] :host{text-align:right;unicode-bidi:embed}body[dir=rtl] :host{text-align:right;unicode-bidi:embed}[dir=rtl] :host{text-align:right;unicode-bidi:embed}:host bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host>*{vertical-align:middle}:host.mat-clickable{cursor:pointer}:host.mat-clickable:focus{outline:none}:host .td-data-table-heading{display:inline-block;position:relative}:host.mat-numeric{text-align:right}html[dir=rtl] :host.mat-numeric{text-align:left;unicode-bidi:embed}body[dir=rtl] :host.mat-numeric{text-align:left;unicode-bidi:embed}[dir=rtl] :host.mat-numeric{text-align:left;unicode-bidi:embed}:host.mat-numeric bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host.mat-numeric bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host.mat-numeric mat-icon.td-data-table-sort-icon{margin-left:-22px;margin-right:0}html[dir=rtl] :host.mat-numeric mat-icon.td-data-table-sort-icon{margin-left:0}body[dir=rtl] :host.mat-numeric mat-icon.td-data-table-sort-icon{margin-left:0}[dir=rtl] :host.mat-numeric mat-icon.td-data-table-sort-icon{margin-left:0}html[dir=rtl] :host.mat-numeric mat-icon.td-data-table-sort-icon{margin-right:-22px;unicode-bidi:embed}body[dir=rtl] :host.mat-numeric mat-icon.td-data-table-sort-icon{margin-right:-22px;unicode-bidi:embed}[dir=rtl] :host.mat-numeric mat-icon.td-data-table-sort-icon{margin-right:-22px;unicode-bidi:embed}:host.mat-numeric mat-icon.td-data-table-sort-icon bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host.mat-numeric mat-icon.td-data-table-sort-icon bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}:host:not(.mat-numeric) mat-icon.td-data-table-sort-icon{margin-left:6px;margin-right:0}html[dir=rtl] :host:not(.mat-numeric) mat-icon.td-data-table-sort-icon{margin-left:0}body[dir=rtl] :host:not(.mat-numeric) mat-icon.td-data-table-sort-icon{margin-left:0}[dir=rtl] :host:not(.mat-numeric) mat-icon.td-data-table-sort-icon{margin-left:0}html[dir=rtl] :host:not(.mat-numeric) mat-icon.td-data-table-sort-icon{margin-right:6px;unicode-bidi:embed}body[dir=rtl] :host:not(.mat-numeric) mat-icon.td-data-table-sort-icon{margin-right:6px;unicode-bidi:embed}[dir=rtl] :host:not(.mat-numeric) mat-icon.td-data-table-sort-icon{margin-right:6px;unicode-bidi:embed}:host:not(.mat-numeric) mat-icon.td-data-table-sort-icon bdo[dir=rtl]{direction:rtl;unicode-bidi:bidi-override}:host:not(.mat-numeric) mat-icon.td-data-table-sort-icon bdo[dir=ltr]{direction:ltr;unicode-bidi:bidi-override}"]}]}],"members":{"_columnContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":3},"arguments":["columnContent",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":28,"character":38},"static":true}]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"sortable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"numeric":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"isColumnSortOrder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"sortOrder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3},"arguments":["sortOrder"]}]}],"sortChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":89,"character":3}}]}],"bindClickable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":91,"character":3},"arguments":["class.mat-clickable"]}]}],"bingSortable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":96,"character":3},"arguments":["class.mat-sortable"]}]}],"bindActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":101,"character":3},"arguments":["class.mat-active"]}]}],"bindNumeric":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":106,"character":3},"arguments":["class.mat-numeric"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":111,"character":35},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":111,"character":66}]}],"handleClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":118,"character":3},"arguments":["click"]}]}],"isAscending":[{"__symbolic":"method"}],"isDescending":[{"__symbolic":"method"}]}},"TdDataTableColumnRowComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"tr[td-data-table-column-row]","template":"<ng-content></ng-content>\n","styles":[":host{border-bottom-style:solid;border-bottom-width:1px}:host.td-data-table-row{height:48px}:host.td-data-table-column-row{height:56px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":21,"character":37},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":21,"character":70}]}]}},"TdDataTableRowComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"tr[td-data-table-row]","template":"<ng-content></ng-content>\n","styles":[":host{border-bottom-style:solid;border-bottom-width:1px}:host.td-data-table-row{height:48px}:host.td-data-table-column-row{height:56px}"]}]}],"members":{"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3},"arguments":["selected"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":21,"character":37},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":21,"character":70}]}],"clickListener":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":63,"character":3},"arguments":["click"]}]}],"focus":[{"__symbolic":"method"}]}},"TdDataTableTableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"table[td-data-table]","template":"<ng-content></ng-content>\n","styles":[":host{border-collapse:collapse;border-spacing:0;overflow:hidden;position:relative;width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":9,"character":35},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":9,"character":66}]}]}},"TdDataTableTemplateDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"TemplatePortalDirective","line":4,"character":50},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[tdDataTableTemplate]ng-template"}]}],"members":{"tdDataTableTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":5,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":6,"character":63}]}]}},"TdDataTableService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"filterData":[{"__symbolic":"method"}],"sortData":[{"__symbolic":"method"}],"pageData":[{"__symbolic":"method"}]}}},"origins":{"CovalentDataTableModule":"./data-table.module","TdDataTableSortingOrder":"./data-table.component","ITdDataTableColumnWidth":"./data-table.component","ITdDataTableColumn":"./data-table.component","ITdDataTableSelectEvent":"./data-table.component","ITdDataTableSelectAllEvent":"./data-table.component","ITdDataTableRowClickEvent":"./data-table.component","IInternalColumnWidth":"./data-table.component","TdDataTableBase":"./data-table.component","_TdDataTableMixinBase":"./data-table.component","TdDataTableComponent":"./data-table.component","TdDataTableCellAlign":"./data-table-cell/data-table-cell.component","TdDataTableCellComponent":"./data-table-cell/data-table-cell.component","ITdDataTableSortChangeEvent":"./data-table-column/data-table-column.component","TdDataTableColumnComponent":"./data-table-column/data-table-column.component","TdDataTableColumnRowComponent":"./data-table-row/data-table-row.component","TdDataTableRowComponent":"./data-table-row/data-table-row.component","TdDataTableTableComponent":"./data-table-table/data-table-table.component","TdDataTableTemplateDirective":"./directives/data-table-template.directive","TdDataTableService":"./services/data-table.service"},"importAs":"@covalent/core/data-table"}
|
@@ -1,22 +0,0 @@
|
|
1
|
-
import { Renderer2, ElementRef } from '@angular/core';
|
2
|
-
export declare type TdDataTableCellAlign = 'start' | 'center' | 'end';
|
3
|
-
export declare class TdDataTableCellComponent {
|
4
|
-
private _elementRef;
|
5
|
-
private _renderer;
|
6
|
-
private _align;
|
7
|
-
/**
|
8
|
-
* numeric?: boolean
|
9
|
-
* Makes cell follow the numeric data-table specs.
|
10
|
-
* Defaults to 'false'
|
11
|
-
*/
|
12
|
-
numeric: boolean;
|
13
|
-
/**
|
14
|
-
* align?: 'start' | 'center' | 'end'
|
15
|
-
* Makes cell content align on demand
|
16
|
-
* Defaults to 'left', overrides numeric
|
17
|
-
*/
|
18
|
-
set align(align: TdDataTableCellAlign);
|
19
|
-
get align(): TdDataTableCellAlign;
|
20
|
-
get bindNumeric(): boolean;
|
21
|
-
constructor(_elementRef: ElementRef, _renderer: Renderer2);
|
22
|
-
}
|