@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,90 +0,0 @@
|
|
1
|
-
$step-circle: 24px;
|
2
|
-
|
3
|
-
.td-step-header {
|
4
|
-
position: relative;
|
5
|
-
outline: none;
|
6
|
-
min-width: 120px;
|
7
|
-
height: 72px;
|
8
|
-
// layout row
|
9
|
-
flex-direction: row;
|
10
|
-
// layout
|
11
|
-
box-sizing: border-box;
|
12
|
-
display: flex;
|
13
|
-
// flex
|
14
|
-
flex: 1;
|
15
|
-
// layout-align start
|
16
|
-
justify-content: flex-start;
|
17
|
-
// layout-align start center
|
18
|
-
align-items: center;
|
19
|
-
align-content: center;
|
20
|
-
max-width: 100%;
|
21
|
-
&:hover:not(.mat-disabled) {
|
22
|
-
cursor: pointer;
|
23
|
-
}
|
24
|
-
mat-icon.td-edit-icon {
|
25
|
-
margin: 0 8px;
|
26
|
-
}
|
27
|
-
mat-icon {
|
28
|
-
&.mat-warn {
|
29
|
-
font-size: $step-circle;
|
30
|
-
height: $step-circle;
|
31
|
-
width: $step-circle;
|
32
|
-
}
|
33
|
-
&.mat-complete {
|
34
|
-
position: relative;
|
35
|
-
left: -2px;
|
36
|
-
top: 2px;
|
37
|
-
font-size: $step-circle + 4;
|
38
|
-
height: $step-circle;
|
39
|
-
width: $step-circle;
|
40
|
-
}
|
41
|
-
}
|
42
|
-
.td-circle {
|
43
|
-
height: $step-circle;
|
44
|
-
width: $step-circle;
|
45
|
-
line-height: $step-circle;
|
46
|
-
border-radius: 99%;
|
47
|
-
text-align: center;
|
48
|
-
flex: none;
|
49
|
-
& mat-icon {
|
50
|
-
margin-top: 2px;
|
51
|
-
font-weight: bold;
|
52
|
-
}
|
53
|
-
}
|
54
|
-
.td-triangle {
|
55
|
-
& > mat-icon {
|
56
|
-
font-size: 25px;
|
57
|
-
}
|
58
|
-
}
|
59
|
-
.td-complete {
|
60
|
-
font-size: 0;
|
61
|
-
}
|
62
|
-
.td-circle,
|
63
|
-
.td-triangle,
|
64
|
-
.td-complete {
|
65
|
-
::ng-deep :not([dir='rtl']) & {
|
66
|
-
margin: {
|
67
|
-
left: 8px;
|
68
|
-
right: 0;
|
69
|
-
}
|
70
|
-
}
|
71
|
-
::ng-deep [dir='rtl'] & {
|
72
|
-
margin: {
|
73
|
-
left: 0;
|
74
|
-
right: 8px;
|
75
|
-
}
|
76
|
-
}
|
77
|
-
}
|
78
|
-
.td-circle,
|
79
|
-
.td-complete {
|
80
|
-
font-size: 14px;
|
81
|
-
}
|
82
|
-
.td-step-label-wrapper {
|
83
|
-
padding-left: 8px;
|
84
|
-
padding-right: 8px;
|
85
|
-
}
|
86
|
-
.td-step-header-separator {
|
87
|
-
flex: 1;
|
88
|
-
box-sizing: border-box;
|
89
|
-
}
|
90
|
-
}
|
@@ -1,97 +0,0 @@
|
|
1
|
-
import { TemplateRef, ViewContainerRef, OnInit } from '@angular/core';
|
2
|
-
import { EventEmitter } from '@angular/core';
|
3
|
-
import { TemplatePortalDirective, TemplatePortal } from '@angular/cdk/portal';
|
4
|
-
import { ICanDisable, ICanDisableRipple } from '@covalent/core/common';
|
5
|
-
export declare enum StepState {
|
6
|
-
None = "none",
|
7
|
-
Required = "required",
|
8
|
-
Complete = "complete"
|
9
|
-
}
|
10
|
-
export declare class TdStepLabelDirective extends TemplatePortalDirective {
|
11
|
-
constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
|
12
|
-
}
|
13
|
-
export declare class TdStepActionsDirective extends TemplatePortalDirective {
|
14
|
-
constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
|
15
|
-
}
|
16
|
-
export declare class TdStepSummaryDirective extends TemplatePortalDirective {
|
17
|
-
constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
|
18
|
-
}
|
19
|
-
export declare class TdStepBase {
|
20
|
-
}
|
21
|
-
export declare const _TdStepMixinBase: (new (...args: any[]) => ICanDisableRipple) & (new (...args: any[]) => ICanDisable) & typeof TdStepBase;
|
22
|
-
export declare class TdStepComponent extends _TdStepMixinBase implements OnInit, ICanDisable, ICanDisableRipple {
|
23
|
-
private _viewContainerRef;
|
24
|
-
private _active;
|
25
|
-
private _state;
|
26
|
-
private _contentPortal;
|
27
|
-
get stepContent(): TemplatePortal<any>;
|
28
|
-
_content: TemplateRef<any>;
|
29
|
-
stepLabel: TdStepLabelDirective;
|
30
|
-
stepActions: TdStepActionsDirective;
|
31
|
-
stepSummary: TdStepSummaryDirective;
|
32
|
-
/**
|
33
|
-
* label?: string
|
34
|
-
* Sets label of [TdStepComponent] header.
|
35
|
-
* Defaults to 'Step #'
|
36
|
-
*/
|
37
|
-
label: string;
|
38
|
-
/**
|
39
|
-
* sublabel?: string
|
40
|
-
* Sets sublabel of [TdStepComponent] header.
|
41
|
-
*/
|
42
|
-
sublabel: string;
|
43
|
-
/**
|
44
|
-
* active?: boolean
|
45
|
-
* Toggles [TdStepComponent] between active/deactive.
|
46
|
-
*/
|
47
|
-
set active(active: boolean);
|
48
|
-
get active(): boolean;
|
49
|
-
/**
|
50
|
-
* state?: StepState or ['none' | 'required' | 'complete']
|
51
|
-
* Sets state of [TdStepComponent] depending on value.
|
52
|
-
* Defaults to [StepState.None | 'none'].
|
53
|
-
*/
|
54
|
-
set state(state: StepState);
|
55
|
-
get state(): StepState;
|
56
|
-
/**
|
57
|
-
* activated?: function
|
58
|
-
* Event emitted when [TdStepComponent] is activated.
|
59
|
-
*/
|
60
|
-
activated: EventEmitter<void>;
|
61
|
-
/**
|
62
|
-
* deactivated?: function
|
63
|
-
* Event emitted when [TdStepComponent] is deactivated.
|
64
|
-
*/
|
65
|
-
deactivated: EventEmitter<void>;
|
66
|
-
constructor(_viewContainerRef: ViewContainerRef);
|
67
|
-
ngOnInit(): void;
|
68
|
-
/**
|
69
|
-
* Toggle active state of [TdStepComponent]
|
70
|
-
* retuns 'true' if successful, else 'false'.
|
71
|
-
*/
|
72
|
-
toggle(): boolean;
|
73
|
-
/**
|
74
|
-
* Opens [TdStepComponent]
|
75
|
-
* retuns 'true' if successful, else 'false'.
|
76
|
-
*/
|
77
|
-
open(): boolean;
|
78
|
-
/**
|
79
|
-
* Closes [TdStepComponent]
|
80
|
-
* retuns 'true' if successful, else 'false'.
|
81
|
-
*/
|
82
|
-
close(): boolean;
|
83
|
-
/**
|
84
|
-
* Returns 'true' if [state] equals to [StepState.Complete | 'complete'], else 'false'.
|
85
|
-
*/
|
86
|
-
isComplete(): boolean;
|
87
|
-
/** Method executed when the disabled value changes */
|
88
|
-
onDisabledChange(v: boolean): void;
|
89
|
-
/**
|
90
|
-
* Method to change active state internally and emit the [activated] event if 'true' or [deactivated]
|
91
|
-
* event if 'false'. (Blocked if [disabled] is 'true')
|
92
|
-
* returns true if successfully changed state
|
93
|
-
*/
|
94
|
-
private _setActive;
|
95
|
-
private _onActivated;
|
96
|
-
private _onDeactivated;
|
97
|
-
}
|
@@ -1,60 +0,0 @@
|
|
1
|
-
import { OnDestroy, AfterContentInit } from '@angular/core';
|
2
|
-
import { EventEmitter, QueryList } from '@angular/core';
|
3
|
-
import { TdStepComponent } from './step.component';
|
4
|
-
export interface IStepChangeEvent {
|
5
|
-
newStep: TdStepComponent;
|
6
|
-
prevStep: TdStepComponent;
|
7
|
-
}
|
8
|
-
export declare enum StepMode {
|
9
|
-
Vertical = "vertical",
|
10
|
-
Horizontal = "horizontal"
|
11
|
-
}
|
12
|
-
export declare class TdStepsComponent implements OnDestroy, AfterContentInit {
|
13
|
-
private _subcriptions;
|
14
|
-
private _mode;
|
15
|
-
private _steps;
|
16
|
-
set stepsContent(steps: QueryList<TdStepComponent>);
|
17
|
-
get steps(): TdStepComponent[];
|
18
|
-
prevStep: TdStepComponent;
|
19
|
-
/**
|
20
|
-
* mode?: StepMode or ["vertical" | "horizontal"]
|
21
|
-
* Defines if the mode of the [TdStepsComponent]. Defaults to [StepMode.Vertical | "vertical"]
|
22
|
-
*/
|
23
|
-
set mode(mode: StepMode);
|
24
|
-
get mode(): StepMode;
|
25
|
-
/**
|
26
|
-
* stepChange?: function
|
27
|
-
* Method to be executed when [stepChange] event is emitted.
|
28
|
-
* Emits an [IStepChangeEvent] implemented object.
|
29
|
-
*/
|
30
|
-
stepChange: EventEmitter<IStepChangeEvent>;
|
31
|
-
/**
|
32
|
-
* Executed after content is initialized, loops through any [TdStepComponent] children elements,
|
33
|
-
* assigns them a number and subscribes as an observer to their [activated] event.
|
34
|
-
*/
|
35
|
-
ngAfterContentInit(): void;
|
36
|
-
/**
|
37
|
-
* Unsubscribes from [TdStepComponent] children elements when component is destroyed.
|
38
|
-
*/
|
39
|
-
ngOnDestroy(): void;
|
40
|
-
/**
|
41
|
-
* Returns 'true' if [mode] equals to [StepMode.Horizontal | 'horizontal'], else 'false'.
|
42
|
-
*/
|
43
|
-
isHorizontal(): boolean;
|
44
|
-
/**
|
45
|
-
* Returns 'true' if [mode] equals to [StepMode.Vertical | 'vertical'], else 'false'.
|
46
|
-
*/
|
47
|
-
isVertical(): boolean;
|
48
|
-
areStepsActive(): boolean;
|
49
|
-
/**
|
50
|
-
* Wraps previous and new [TdStepComponent] numbers in an object that implements [IStepChangeEvent]
|
51
|
-
* and emits [stepChange] event.
|
52
|
-
*/
|
53
|
-
private _onStepSelection;
|
54
|
-
/**
|
55
|
-
* Loops through [TdStepComponent] children elements and deactivates them ignoring the one passed as an argument.
|
56
|
-
*/
|
57
|
-
private _deactivateAllBut;
|
58
|
-
private _registerSteps;
|
59
|
-
private _deregisterSteps;
|
60
|
-
}
|
@@ -1,55 +0,0 @@
|
|
1
|
-
.td-line-wrapper,
|
2
|
-
.td-step {
|
3
|
-
position: relative;
|
4
|
-
}
|
5
|
-
|
6
|
-
.td-steps-header {
|
7
|
-
// layout
|
8
|
-
box-sizing: border-box;
|
9
|
-
display: flex;
|
10
|
-
// layout="row"
|
11
|
-
flex-direction: row;
|
12
|
-
}
|
13
|
-
|
14
|
-
.td-line-wrapper {
|
15
|
-
width: 24px;
|
16
|
-
min-height: 1px;
|
17
|
-
}
|
18
|
-
|
19
|
-
.td-horizontal-line {
|
20
|
-
border-bottom-width: 1px;
|
21
|
-
border-bottom-style: solid;
|
22
|
-
height: 1px;
|
23
|
-
position: relative;
|
24
|
-
top: 36px;
|
25
|
-
::ng-deep :not([dir='rtl']) & {
|
26
|
-
left: -6px;
|
27
|
-
right: -3px;
|
28
|
-
}
|
29
|
-
::ng-deep [dir='rtl'] & {
|
30
|
-
left: -3px;
|
31
|
-
right: -6px;
|
32
|
-
}
|
33
|
-
|
34
|
-
min-width: 15px;
|
35
|
-
// flex
|
36
|
-
flex: 1;
|
37
|
-
box-sizing: border-box;
|
38
|
-
}
|
39
|
-
|
40
|
-
.td-vertical-line {
|
41
|
-
position: absolute;
|
42
|
-
::ng-deep :not([dir='rtl']) & {
|
43
|
-
left: 20px;
|
44
|
-
right: auto;
|
45
|
-
}
|
46
|
-
::ng-deep [dir='rtl'] & {
|
47
|
-
left: auto;
|
48
|
-
right: 20px;
|
49
|
-
}
|
50
|
-
|
51
|
-
bottom: -16px;
|
52
|
-
top: -16px;
|
53
|
-
border-left-width: 1px;
|
54
|
-
border-left-style: solid;
|
55
|
-
}
|
package/steps/steps.module.d.ts
DELETED
package/tab-select/README.md
DELETED
@@ -1,93 +0,0 @@
|
|
1
|
-
# td-tab-select
|
2
|
-
|
3
|
-
`td-tab-select` element generates a tab group component that behaves like a `mat-select`.
|
4
|
-
|
5
|
-
## API Summary
|
6
|
-
|
7
|
-
#### Inputs
|
8
|
-
|
9
|
-
+ value?: any
|
10
|
-
+ Sets the value of the component.
|
11
|
-
+ disabled?: boolean
|
12
|
-
+ Sets disabled state of the component.
|
13
|
-
+ disabledRipple?: boolean
|
14
|
-
+ Disables ripple effect on component.
|
15
|
-
+ stretchTabs?: boolean
|
16
|
-
+ Makes the tabs stretch to fit the parent container.
|
17
|
-
+ color?: ThemePalette
|
18
|
-
+ Color of the tab group.
|
19
|
-
+ backgroundColor?: ThemePalette
|
20
|
-
+ Background color of the tab group.
|
21
|
-
|
22
|
-
#### Events
|
23
|
-
|
24
|
-
+ valueChange: function(value: any)
|
25
|
-
+ Event that emits whenever the raw value of the select changes.
|
26
|
-
+ This is here primarily to facilitate the two-way binding for the `value` input.
|
27
|
-
|
28
|
-
# td-tab-option
|
29
|
-
|
30
|
-
`td-tab-option` element generates a tab component to which a value can be binded to.
|
31
|
-
|
32
|
-
## API Summary
|
33
|
-
|
34
|
-
#### Inputs
|
35
|
-
|
36
|
-
+ value?: any
|
37
|
-
+ Bind a value to the component.
|
38
|
-
+ disabled?: boolean
|
39
|
-
+ Sets disabled state of the component.
|
40
|
-
|
41
|
-
## Setup
|
42
|
-
|
43
|
-
Import the [CovalentTabSelectModule] in your NgModule:
|
44
|
-
|
45
|
-
```typescript
|
46
|
-
import { CovalentTabSelectModule } from '@covalent/core/tab-select';
|
47
|
-
@NgModule({
|
48
|
-
imports: [
|
49
|
-
CovalentTabSelectModule,
|
50
|
-
...
|
51
|
-
],
|
52
|
-
...
|
53
|
-
})
|
54
|
-
export class MyModule {}
|
55
|
-
```
|
56
|
-
|
57
|
-
## Usage
|
58
|
-
|
59
|
-
Example without forms:
|
60
|
-
|
61
|
-
```html
|
62
|
-
<td-tab-select [(value)]="myValue">
|
63
|
-
<td-tab-option [value]="1">Label 1</td-tab-option>
|
64
|
-
<td-tab-option [value]="2">Label 2</td-tab-option>
|
65
|
-
<td-tab-option [value]="3">Label 3</td-tab-option>
|
66
|
-
</td-tab-select>
|
67
|
-
```
|
68
|
-
|
69
|
-
Example with forms:
|
70
|
-
|
71
|
-
```html
|
72
|
-
<td-tab-select [(ngModel)]="myValue">
|
73
|
-
<td-tab-option [value]="1">Label 1</td-tab-option>
|
74
|
-
<td-tab-option [value]="2">Label 2</td-tab-option>
|
75
|
-
<td-tab-option [value]="3">Label 3</td-tab-option>
|
76
|
-
</td-tab-select>
|
77
|
-
```
|
78
|
-
|
79
|
-
Example with all inputs/outputs:
|
80
|
-
|
81
|
-
```html
|
82
|
-
<td-tab-select [value]="myValue"
|
83
|
-
[backgroundColor]="'primary'"
|
84
|
-
[color]="'accent'"
|
85
|
-
[disabled]="false"
|
86
|
-
[disabledRipple]="false"
|
87
|
-
[stretchTabs]="true"
|
88
|
-
(valueChange)="myValue = $event">
|
89
|
-
<td-tab-option [value]="1" [disabled]="false">Label 1</td-tab-option>
|
90
|
-
<td-tab-option [value]="2">Label 2</td-tab-option>
|
91
|
-
<td-tab-option [value]="3" [disabled]="true">Label 3</td-tab-option>
|
92
|
-
</td-tab-select>
|
93
|
-
```
|
@@ -1 +0,0 @@
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"CovalentTabSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TdTabSelectComponent"},{"__symbolic":"reference","name":"TdTabOptionComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsModule","line":19,"character":4}],"exports":[{"__symbolic":"reference","name":"TdTabSelectComponent"},{"__symbolic":"reference","name":"TdTabOptionComponent"}]}]}],"members":{}},"TdTabSelectBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":38,"character":41}]}]}},"_TdTabSelectMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinControlValueAccessor","line":42,"character":37},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinDisabled","line":42,"character":63},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinDisableRipple","line":42,"character":77},"arguments":[{"__symbolic":"reference","name":"TdTabSelectBase"}]}]}]},"TdTabSelectComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_TdTabSelectMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":44,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":45,"character":19},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":48,"character":15},"useExisting":{"__symbolic":"reference","name":"TdTabSelectComponent"},"multi":true}],"selector":"td-tab-select","inputs":["value","disabled","disableRipple"],"template":"<mat-tab-group\n [attr.mat-stretch-tabs]=\"stretchTabs ? true : undefined\"\n [backgroundColor]=\"backgroundColor\"\n [color]=\"color\"\n [disableRipple]=\"disableRipple\"\n [selectedIndex]=\"selectedIndex\"\n (selectedIndexChange)=\"selectedIndexChange($event)\"\n>\n <ng-template let-tabOption ngFor [ngForOf]=\"tabOptions\">\n <mat-tab [disabled]=\"tabOption.disabled || disabled\">\n <ng-template matTabLabel>\n <ng-template *ngIf=\"tabOption.content\" [cdkPortalOutlet]=\"tabOption.content\"></ng-template>\n </ng-template>\n </mat-tab>\n </ng-template>\n</mat-tab-group>\n","styles":[":host::ng-deep>.mat-tab-group>.mat-tab-body-wrapper{display:none}"]}]}],"members":{"_matTabGroup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":70,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":70,"character":13},{"static":true}]}]}],"_tabOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":79,"character":3},"arguments":[{"__symbolic":"reference","name":"TdTabOptionComponent"},{"descendants":true}]}]}],"stretchTabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3},"arguments":["stretchTabs"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3}}]}],"backgroundColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":110,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":38,"character":41},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":112,"character":70},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":112,"character":99}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"selectedIndexChange":[{"__symbolic":"method"}],"_refreshValues":[{"__symbolic":"method"}],"_setValue":[{"__symbolic":"method"}]}},"TdTabOptionBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":15,"character":40},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":15,"character":85}]}]}},"_TdTabOptionMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinDisabled","line":19,"character":37},"arguments":[{"__symbolic":"reference","name":"TdTabOptionBase"}]},"TdTabOptionComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_TdTabOptionMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"td-tab-option","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":25,"character":19},"member":"OnPush"},"inputs":["disabled"],"template":"<ng-template>\n <ng-content></ng-content>\n</ng-template>\n","styles":[""]}]}],"members":{"_content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":35,"character":13},{"static":true}]}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":15,"character":40},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":15,"character":85}]}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"CovalentTabSelectModule":"./tab-select.module","TdTabSelectBase":"./tab-select.component","_TdTabSelectMixinBase":"./tab-select.component","TdTabSelectComponent":"./tab-select.component","TdTabOptionBase":"./tab-option.component","_TdTabOptionMixinBase":"./tab-option.component","TdTabOptionComponent":"./tab-option.component"},"importAs":"@covalent/core/tab-select"}
|
package/tab-select/index.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './public-api';
|
package/tab-select/package.json
DELETED
@@ -1,11 +0,0 @@
|
|
1
|
-
{
|
2
|
-
"main": "../bundles/covalent-core-tab-select.umd.js",
|
3
|
-
"module": "../fesm2015/covalent-core-tab-select.js",
|
4
|
-
"es2015": "../fesm2015/covalent-core-tab-select.js",
|
5
|
-
"esm2015": "../esm2015/tab-select/covalent-core-tab-select.js",
|
6
|
-
"fesm2015": "../fesm2015/covalent-core-tab-select.js",
|
7
|
-
"typings": "covalent-core-tab-select.d.ts",
|
8
|
-
"metadata": "covalent-core-tab-select.metadata.json",
|
9
|
-
"sideEffects": false,
|
10
|
-
"name": "@covalent/core/tab-select"
|
11
|
-
}
|
@@ -1,20 +0,0 @@
|
|
1
|
-
import { ChangeDetectorRef, TemplateRef, OnInit, ViewContainerRef } from '@angular/core';
|
2
|
-
import { TemplatePortal } from '@angular/cdk/portal';
|
3
|
-
import { ICanDisable } from '@covalent/core/common';
|
4
|
-
export declare class TdTabOptionBase {
|
5
|
-
_viewContainerRef: ViewContainerRef;
|
6
|
-
_changeDetectorRef: ChangeDetectorRef;
|
7
|
-
constructor(_viewContainerRef: ViewContainerRef, _changeDetectorRef: ChangeDetectorRef);
|
8
|
-
}
|
9
|
-
export declare const _TdTabOptionMixinBase: (new (...args: any[]) => ICanDisable) & typeof TdTabOptionBase;
|
10
|
-
export declare class TdTabOptionComponent extends _TdTabOptionMixinBase implements ICanDisable, OnInit {
|
11
|
-
private _contentPortal;
|
12
|
-
get content(): TemplatePortal<any>;
|
13
|
-
_content: TemplateRef<any>;
|
14
|
-
/**
|
15
|
-
* Value to which the option will be binded to.
|
16
|
-
*/
|
17
|
-
value: any;
|
18
|
-
constructor(_viewContainerRef: ViewContainerRef, _changeDetectorRef: ChangeDetectorRef);
|
19
|
-
ngOnInit(): void;
|
20
|
-
}
|
File without changes
|
@@ -1,62 +0,0 @@
|
|
1
|
-
import { ChangeDetectorRef, QueryList, OnInit, AfterContentInit, EventEmitter, OnDestroy, ElementRef, NgZone } from '@angular/core';
|
2
|
-
import { ThemePalette } from '@angular/material/core';
|
3
|
-
import { MatTabGroup } from '@angular/material/tabs';
|
4
|
-
import { ICanDisable, IControlValueAccessor, ICanDisableRipple } from '@covalent/core/common';
|
5
|
-
import { TdTabOptionComponent } from './tab-option.component';
|
6
|
-
export declare class TdTabSelectBase {
|
7
|
-
_changeDetectorRef: ChangeDetectorRef;
|
8
|
-
constructor(_changeDetectorRef: ChangeDetectorRef);
|
9
|
-
}
|
10
|
-
export declare const _TdTabSelectMixinBase: (new (...args: any[]) => IControlValueAccessor) & (new (...args: any[]) => ICanDisable) & (new (...args: any[]) => ICanDisableRipple) & typeof TdTabSelectBase;
|
11
|
-
export declare class TdTabSelectComponent extends _TdTabSelectMixinBase implements IControlValueAccessor, ICanDisable, ICanDisableRipple, OnInit, AfterContentInit, OnDestroy {
|
12
|
-
private _ngZone;
|
13
|
-
private _elementRef;
|
14
|
-
private _destroy;
|
15
|
-
private _widthSubject;
|
16
|
-
private _values;
|
17
|
-
private _selectedIndex;
|
18
|
-
private _stretchTabs;
|
19
|
-
_matTabGroup: MatTabGroup;
|
20
|
-
get selectedIndex(): number;
|
21
|
-
/**
|
22
|
-
* Gets all tab option children
|
23
|
-
*/
|
24
|
-
readonly _tabOptions: QueryList<TdTabOptionComponent>;
|
25
|
-
get tabOptions(): TdTabOptionComponent[];
|
26
|
-
/**
|
27
|
-
* Makes the tabs stretch to fit the parent container.
|
28
|
-
*/
|
29
|
-
set stretchTabs(stretchTabs: boolean);
|
30
|
-
get stretchTabs(): boolean;
|
31
|
-
/**
|
32
|
-
* Color of the tab group.
|
33
|
-
*/
|
34
|
-
color: ThemePalette;
|
35
|
-
/**
|
36
|
-
* Background color of the tab group.
|
37
|
-
*/
|
38
|
-
backgroundColor: ThemePalette;
|
39
|
-
/**
|
40
|
-
* Event that emits whenever the raw value of the select changes. This is here primarily
|
41
|
-
* to facilitate the two-way binding for the `value` input.
|
42
|
-
*/
|
43
|
-
readonly valueChange: EventEmitter<any>;
|
44
|
-
constructor(_changeDetectorRef: ChangeDetectorRef, _ngZone: NgZone, _elementRef: ElementRef);
|
45
|
-
ngOnInit(): void;
|
46
|
-
ngAfterContentInit(): void;
|
47
|
-
ngOnDestroy(): void;
|
48
|
-
/**
|
49
|
-
* Method executed when user selects a different tab
|
50
|
-
* This updates the new selectedIndex and infers what value should be mapped to.
|
51
|
-
*/
|
52
|
-
selectedIndexChange(selectedIndex: number): void;
|
53
|
-
/**
|
54
|
-
* Refresh the values array whenever the number of tabs gets updated
|
55
|
-
*/
|
56
|
-
private _refreshValues;
|
57
|
-
/**
|
58
|
-
* Try to set value depending if its part of our options
|
59
|
-
* else set the value of the first tab.
|
60
|
-
*/
|
61
|
-
private _setValue;
|
62
|
-
}
|
package/virtual-scroll/README.md
DELETED
@@ -1,68 +0,0 @@
|
|
1
|
-
# td-virtual-scroll-container
|
2
|
-
|
3
|
-
`td-virtual-scroll-container` element calculates the items that fit in the viewport and only renders those, improving resource efficiency in long lists.
|
4
|
-
|
5
|
-
**NOTE:** every row has to have the same height, since there are some calculations assumed for the total scroll height.
|
6
|
-
|
7
|
-
## API Summary
|
8
|
-
|
9
|
-
#### Inputs
|
10
|
-
|
11
|
-
+ data?: any[]
|
12
|
-
+ List of items to virtually iterate on.
|
13
|
-
+ trackBy?: TrackByFunction
|
14
|
-
+ This accepts the same trackBy function [ngFor] does.
|
15
|
-
|
16
|
-
#### Events
|
17
|
-
|
18
|
-
+ bottom?: function
|
19
|
-
+ Method to be executed when user scrolled to the last item of the list. No value is emitted.
|
20
|
-
+ An [ITdVirtualScrollBottomEvent] event is emitted
|
21
|
-
|
22
|
-
#### Methods
|
23
|
-
|
24
|
-
+ refresh?: function()
|
25
|
-
+ Method to refresh and recalculate the virtual rows
|
26
|
-
+ scrollTo?: function(row: number)
|
27
|
-
+ Method to scroll to a specific row of the list.
|
28
|
-
+ scrollToStart?: function()
|
29
|
-
+ Method to scroll to the start of the list.
|
30
|
-
+ scrollToEnd?: function()
|
31
|
-
+ Method to scroll to the end of the list.
|
32
|
-
|
33
|
-
## Setup
|
34
|
-
|
35
|
-
Import the [CovalentVirtualScrollModule] in your NgModule:
|
36
|
-
|
37
|
-
```typescript
|
38
|
-
import { CovalentVirtualScrollModule } from '@covalent/core/virtual-scroll';
|
39
|
-
@NgModule({
|
40
|
-
imports: [
|
41
|
-
CovalentVirtualScrollModule,
|
42
|
-
...
|
43
|
-
],
|
44
|
-
...
|
45
|
-
})
|
46
|
-
export class MyModule {}
|
47
|
-
```
|
48
|
-
|
49
|
-
## Usage
|
50
|
-
|
51
|
-
Example for HTML usage:
|
52
|
-
|
53
|
-
```html
|
54
|
-
<td-virtual-scroll-container [style.height.px]="400"
|
55
|
-
[data]="data"
|
56
|
-
[trackBy]="trackByFn"
|
57
|
-
(bottom)="fetchMoreData()">
|
58
|
-
<ng-template let-row="row"
|
59
|
-
let-index="index"
|
60
|
-
let-first="first"
|
61
|
-
let-last="last"
|
62
|
-
let-odd="odd"
|
63
|
-
let-even="even"
|
64
|
-
tdVirtualScrollRow>
|
65
|
-
{{row}}
|
66
|
-
</ng-template>
|
67
|
-
</td-virtual-scroll-container>
|
68
|
-
```
|
@@ -1 +0,0 @@
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"CovalentVirtualScrollModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":12}],"declarations":[[{"__symbolic":"reference","name":"TdVirtualScrollRowDirective"},{"__symbolic":"reference","name":"TdVirtualScrollContainerComponent"}]],"exports":[[{"__symbolic":"reference","name":"TdVirtualScrollRowDirective"},{"__symbolic":"reference","name":"TdVirtualScrollContainerComponent"}]]}]}],"members":{}},"ITdVirtualScrollBottomEvent":{"__symbolic":"interface"},"TdVirtualScrollContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":35,"character":1},"arguments":[{"selector":"td-virtual-scroll-container","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":39,"character":19},"member":"OnPush"},"template":"<div [style.height.px]=\"totalHeight\"></div>\n<div [style.transform]=\"offsetTransform\" [style.position]=\"'absolute'\" [style.width.%]=\"100\">\n <ng-template let-row let-index=\"index\" ngFor [ngForOf]=\"virtualData\" [ngForTrackBy]=\"trackBy\">\n <div #rowElement [style.width.%]=\"100\">\n <ng-template\n *ngIf=\"_rowTemplate\"\n [ngTemplateOutlet]=\"_rowTemplate.templateRef\"\n [ngTemplateOutletContext]=\"{\n row: row,\n index: fromRow + index,\n first: fromRow + index === 0,\n last: fromRow + index === data.length - 1,\n odd: (fromRow + index + 1) % 2 === 1,\n even: (fromRow + index + 1) % 2 === 0\n }\"\n ></ng-template>\n </div>\n </ng-template>\n</div>\n","styles":[":host{display:block;height:100%;overflow:auto;position:relative;width:100%}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3},"arguments":["data"]}]}],"bottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":82,"character":3}}]}],"_rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":84,"character":3},"arguments":["rowElement"]}]}],"_rowTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":86,"character":3},"arguments":[{"__symbolic":"reference","name":"TdVirtualScrollRowDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":112,"character":25},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":113,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":114,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":115,"character":32}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"trackBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":160,"character":3}}]}],"handleScroll":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":164,"character":3},"arguments":["scroll",["$event"]]}]}],"refresh":[{"__symbolic":"method"}],"scrollTo":[{"__symbolic":"method"}],"scrollToStart":[{"__symbolic":"method"}],"scrollToEnd":[{"__symbolic":"method"}],"_calculateVirtualRows":[{"__symbolic":"method"}]}},"TdVirtualScrollRowDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"TemplatePortalDirective","line":4,"character":49},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[tdVirtualScrollRow]"}]}],"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":5,"character":63}]}]}}},"origins":{"CovalentVirtualScrollModule":"./virtual-scroll.module","ITdVirtualScrollBottomEvent":"./virtual-scroll-container.component","TdVirtualScrollContainerComponent":"./virtual-scroll-container.component","TdVirtualScrollRowDirective":"./virtual-scroll-row.directive"},"importAs":"@covalent/core/virtual-scroll"}
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './public-api';
|
@@ -1,11 +0,0 @@
|
|
1
|
-
{
|
2
|
-
"main": "../bundles/covalent-core-virtual-scroll.umd.js",
|
3
|
-
"module": "../fesm2015/covalent-core-virtual-scroll.js",
|
4
|
-
"es2015": "../fesm2015/covalent-core-virtual-scroll.js",
|
5
|
-
"esm2015": "../esm2015/virtual-scroll/covalent-core-virtual-scroll.js",
|
6
|
-
"fesm2015": "../fesm2015/covalent-core-virtual-scroll.js",
|
7
|
-
"typings": "covalent-core-virtual-scroll.d.ts",
|
8
|
-
"metadata": "covalent-core-virtual-scroll.metadata.json",
|
9
|
-
"sideEffects": false,
|
10
|
-
"name": "@covalent/core/virtual-scroll"
|
11
|
-
}
|