@covalent/core 2.0.0-rc.2 → 2.1.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/breadcrumbs/_breadcrumbs-theme.scss +1 -2
- package/breadcrumbs/breadcrumb/breadcrumb.component.scss +22 -0
- package/breadcrumbs/breadcrumbs.component.scss +7 -0
- package/breadcrumbs/covalent-core-breadcrumbs.metadata.json +1 -1
- package/bundles/covalent-core-breadcrumbs.umd.js +1 -1
- package/bundles/covalent-core-breadcrumbs.umd.min.js +1 -1
- package/bundles/covalent-core-breadcrumbs.umd.min.js.map +1 -1
- package/bundles/covalent-core-chips.umd.js +6 -6
- package/bundles/covalent-core-chips.umd.js.map +1 -1
- package/bundles/covalent-core-chips.umd.min.js +1 -1
- package/bundles/covalent-core-chips.umd.min.js.map +1 -1
- package/bundles/covalent-core-common.umd.js +251 -84
- package/bundles/covalent-core-common.umd.js.map +1 -1
- package/bundles/covalent-core-common.umd.min.js +1 -1
- package/bundles/covalent-core-common.umd.min.js.map +1 -1
- package/bundles/covalent-core-data-table.umd.js +9 -9
- package/bundles/covalent-core-data-table.umd.js.map +1 -1
- package/bundles/covalent-core-data-table.umd.min.js +1 -1
- package/bundles/covalent-core-data-table.umd.min.js.map +1 -1
- package/bundles/covalent-core-dialogs.umd.js +3 -20
- package/bundles/covalent-core-dialogs.umd.js.map +1 -1
- package/bundles/covalent-core-dialogs.umd.min.js +1 -1
- package/bundles/covalent-core-dialogs.umd.min.js.map +1 -1
- package/bundles/covalent-core-expansion-panel.umd.js +1 -1
- package/bundles/covalent-core-expansion-panel.umd.min.js +1 -1
- package/bundles/covalent-core-expansion-panel.umd.min.js.map +1 -1
- package/bundles/covalent-core-file.umd.min.js +1 -1
- package/bundles/covalent-core-file.umd.min.js.map +1 -1
- package/bundles/covalent-core-json-formatter.umd.js +1 -1
- package/bundles/covalent-core-json-formatter.umd.min.js +1 -1
- package/bundles/covalent-core-json-formatter.umd.min.js.map +1 -1
- package/bundles/covalent-core-layout.umd.js +8 -7
- package/bundles/covalent-core-layout.umd.js.map +1 -1
- package/bundles/covalent-core-layout.umd.min.js +1 -1
- package/bundles/covalent-core-layout.umd.min.js.map +1 -1
- package/bundles/covalent-core-loading.umd.js +1 -1
- package/bundles/covalent-core-loading.umd.min.js +1 -1
- package/bundles/covalent-core-loading.umd.min.js.map +1 -1
- package/bundles/covalent-core-media.umd.min.js +1 -1
- package/bundles/covalent-core-media.umd.min.js.map +1 -1
- package/bundles/covalent-core-menu.umd.js +1 -1
- package/bundles/covalent-core-menu.umd.min.js +1 -1
- package/bundles/covalent-core-menu.umd.min.js.map +1 -1
- package/bundles/covalent-core-message.umd.js +1 -1
- package/bundles/covalent-core-message.umd.min.js +1 -1
- package/bundles/covalent-core-message.umd.min.js.map +1 -1
- package/bundles/covalent-core-notifications.umd.min.js +1 -1
- package/bundles/covalent-core-notifications.umd.min.js.map +1 -1
- package/bundles/covalent-core-paging.umd.js +1 -1
- package/bundles/covalent-core-paging.umd.min.js +1 -1
- package/bundles/covalent-core-paging.umd.min.js.map +1 -1
- package/bundles/covalent-core-search.umd.js +5 -4
- package/bundles/covalent-core-search.umd.js.map +1 -1
- package/bundles/covalent-core-search.umd.min.js +1 -1
- package/bundles/covalent-core-search.umd.min.js.map +1 -1
- package/bundles/covalent-core-sidesheet.umd.js +137 -0
- package/bundles/covalent-core-sidesheet.umd.js.map +1 -0
- package/bundles/covalent-core-sidesheet.umd.min.js +2 -0
- package/bundles/covalent-core-sidesheet.umd.min.js.map +1 -0
- package/bundles/covalent-core-steps.umd.js +5 -5
- package/bundles/covalent-core-steps.umd.min.js +1 -1
- package/bundles/covalent-core-steps.umd.min.js.map +1 -1
- package/bundles/covalent-core-tab-select.umd.js +3 -2
- package/bundles/covalent-core-tab-select.umd.js.map +1 -1
- package/bundles/covalent-core-tab-select.umd.min.js +1 -1
- package/bundles/covalent-core-tab-select.umd.min.js.map +1 -1
- package/bundles/covalent-core-virtual-scroll.umd.min.js +1 -1
- package/bundles/covalent-core-virtual-scroll.umd.min.js.map +1 -1
- package/bundles/covalent-core.umd.js +223 -82
- package/bundles/covalent-core.umd.js.map +1 -1
- package/bundles/covalent-core.umd.min.js +1 -1
- package/bundles/covalent-core.umd.min.js.map +1 -1
- package/chips/chips.component.scss +143 -0
- package/chips/covalent-core-chips.metadata.json +1 -1
- package/common/covalent-core-common.d.ts +4 -3
- package/common/covalent-core-common.metadata.json +1 -1
- package/common/directives/fullscreen/fullscreen.directive.d.ts +22 -0
- package/common/material-icons.css.map +1 -1
- package/common/platform.css +10 -10
- package/common/platform.css.map +1 -1
- package/common/styles/_layout.scss +1 -1
- package/covalent-core.d.ts +8 -7
- package/covalent-core.metadata.json +1 -1
- package/data-table/README.md +2 -2
- package/data-table/covalent-core-data-table.metadata.json +1 -1
- package/data-table/data-table-cell/data-table-cell.component.scss +57 -0
- package/data-table/data-table-column/data-table-column.component.scss +78 -0
- package/data-table/data-table-row/data-table-row.component.scss +12 -0
- package/data-table/data-table-table/data-table-table.component.scss +7 -0
- package/data-table/data-table.component.scss +77 -0
- package/dialogs/alert-dialog/alert-dialog.component.scss +3 -0
- package/dialogs/confirm-dialog/confirm-dialog.component.scss +3 -0
- package/dialogs/covalent-core-dialogs.metadata.json +1 -1
- package/dialogs/dialog.component.scss +43 -0
- package/dialogs/prompt-dialog/prompt-dialog.component.scss +15 -0
- package/dialogs/services/dialog.service.d.ts +0 -3
- package/esm2015/breadcrumbs/breadcrumb/breadcrumb.component.js +1 -1
- package/esm2015/chips/chips.component.js +3 -3
- package/esm2015/common/common.module.js +8 -26
- package/esm2015/common/covalent-core-common.js +5 -4
- package/esm2015/common/directives/fullscreen/fullscreen.directive.js +136 -0
- package/esm2015/covalent-core.js +10 -9
- package/esm2015/data-table/data-table-cell/data-table-cell.component.js +1 -1
- package/esm2015/data-table/data-table-column/data-table-column.component.js +1 -1
- package/esm2015/data-table/data-table.component.js +5 -4
- package/esm2015/dialogs/covalent-core-dialogs.js +2 -2
- package/esm2015/dialogs/dialog.component.js +1 -1
- package/esm2015/dialogs/dialogs.module.js +3 -3
- package/esm2015/dialogs/index.js +2 -2
- package/esm2015/dialogs/prompt-dialog/prompt-dialog.component.js +1 -1
- package/esm2015/dialogs/public-api.js +2 -2
- package/esm2015/dialogs/services/dialog.service.js +2 -17
- package/esm2015/expansion-panel/expansion-panel.component.js +1 -1
- package/esm2015/index.js +2 -2
- package/esm2015/json-formatter/json-formatter.component.js +1 -1
- package/esm2015/layout/layout-card-over/layout-card-over.component.js +1 -1
- package/esm2015/layout/layout-manage-list/layout-manage-list.component.js +1 -1
- package/esm2015/layout/layout-nav/layout-nav.component.js +1 -1
- package/esm2015/layout/layout-nav-list/layout-nav-list.component.js +1 -1
- package/esm2015/layout/layout.component.js +1 -1
- package/esm2015/layout/navigation-drawer/navigation-drawer.component.js +12 -3
- package/esm2015/loading/loading.component.js +1 -1
- package/esm2015/menu/menu.component.js +1 -1
- package/esm2015/message/message.component.js +1 -1
- package/esm2015/paging/paging-bar.component.js +1 -1
- package/esm2015/public_api.js +2 -2
- package/esm2015/search/search-box/search-box.component.js +3 -3
- package/esm2015/search/search-input/search-input.component.js +10 -3
- package/esm2015/sidesheet/covalent-core-sidesheet.js +9 -0
- package/esm2015/sidesheet/index.js +6 -0
- package/esm2015/sidesheet/public-api.js +7 -0
- package/esm2015/sidesheet/sidesheet.component.js +70 -0
- package/esm2015/sidesheet/sidesheet.module.js +33 -0
- package/esm2015/steps/nav/nav-step-link/nav-step-link.component.js +1 -1
- package/esm2015/steps/nav/nav-steps-horizontal/nav-steps-horizontal.component.js +1 -1
- package/esm2015/steps/step-body/step-body.component.js +1 -1
- package/esm2015/steps/step-header/step-header.component.js +1 -1
- package/esm2015/steps/steps.component.js +1 -1
- package/esm2015/tab-select/tab-select.component.js +4 -3
- package/esm5/breadcrumbs/breadcrumb/breadcrumb.component.js +1 -1
- package/esm5/chips/chips.component.js +3 -3
- package/esm5/common/common.module.js +8 -26
- package/esm5/common/covalent-core-common.js +5 -4
- package/esm5/common/directives/fullscreen/fullscreen.directive.js +184 -0
- package/esm5/covalent-core.js +10 -9
- package/esm5/data-table/data-table-cell/data-table-cell.component.js +1 -1
- package/esm5/data-table/data-table-column/data-table-column.component.js +1 -1
- package/esm5/data-table/data-table.component.js +5 -4
- package/esm5/dialogs/covalent-core-dialogs.js +2 -2
- package/esm5/dialogs/dialog.component.js +1 -1
- package/esm5/dialogs/dialogs.module.js +3 -3
- package/esm5/dialogs/index.js +2 -2
- package/esm5/dialogs/prompt-dialog/prompt-dialog.component.js +1 -1
- package/esm5/dialogs/public-api.js +2 -2
- package/esm5/dialogs/services/dialog.service.js +2 -17
- package/esm5/expansion-panel/expansion-panel.component.js +1 -1
- package/esm5/index.js +2 -2
- package/esm5/json-formatter/json-formatter.component.js +1 -1
- package/esm5/layout/layout-card-over/layout-card-over.component.js +1 -1
- package/esm5/layout/layout-manage-list/layout-manage-list.component.js +1 -1
- package/esm5/layout/layout-nav/layout-nav.component.js +1 -1
- package/esm5/layout/layout-nav-list/layout-nav-list.component.js +1 -1
- package/esm5/layout/layout.component.js +1 -1
- package/esm5/layout/navigation-drawer/navigation-drawer.component.js +12 -3
- package/esm5/loading/loading.component.js +1 -1
- package/esm5/menu/menu.component.js +1 -1
- package/esm5/message/message.component.js +1 -1
- package/esm5/paging/paging-bar.component.js +1 -1
- package/esm5/public_api.js +2 -2
- package/esm5/search/search-box/search-box.component.js +3 -3
- package/esm5/search/search-input/search-input.component.js +10 -3
- package/esm5/sidesheet/covalent-core-sidesheet.js +9 -0
- package/esm5/sidesheet/index.js +6 -0
- package/esm5/sidesheet/public-api.js +7 -0
- package/esm5/sidesheet/sidesheet.component.js +88 -0
- package/esm5/sidesheet/sidesheet.module.js +37 -0
- package/esm5/steps/nav/nav-step-link/nav-step-link.component.js +1 -1
- package/esm5/steps/nav/nav-steps-horizontal/nav-steps-horizontal.component.js +1 -1
- package/esm5/steps/step-body/step-body.component.js +1 -1
- package/esm5/steps/step-header/step-header.component.js +1 -1
- package/esm5/steps/steps.component.js +1 -1
- package/esm5/tab-select/tab-select.component.js +4 -3
- package/expansion-panel/covalent-core-expansion-panel.metadata.json +1 -1
- package/expansion-panel/expansion-panel-group.component.scss +0 -0
- package/expansion-panel/expansion-panel.component.scss +50 -0
- package/fesm2015/covalent-core-breadcrumbs.js +1 -1
- package/fesm2015/covalent-core-chips.js +2 -3
- package/fesm2015/covalent-core-chips.js.map +1 -1
- package/fesm2015/covalent-core-common.js +114 -26
- package/fesm2015/covalent-core-common.js.map +1 -1
- package/fesm2015/covalent-core-data-table.js +6 -6
- package/fesm2015/covalent-core-data-table.js.map +1 -1
- package/fesm2015/covalent-core-dialogs.js +5 -20
- package/fesm2015/covalent-core-dialogs.js.map +1 -1
- package/fesm2015/covalent-core-expansion-panel.js +1 -1
- package/fesm2015/covalent-core-json-formatter.js +1 -1
- package/fesm2015/covalent-core-layout.js +8 -7
- package/fesm2015/covalent-core-layout.js.map +1 -1
- package/fesm2015/covalent-core-loading.js +1 -1
- package/fesm2015/covalent-core-menu.js +1 -1
- package/fesm2015/covalent-core-message.js +1 -1
- package/fesm2015/covalent-core-paging.js +1 -1
- package/fesm2015/covalent-core-search.js +5 -4
- package/fesm2015/covalent-core-search.js.map +1 -1
- package/fesm2015/covalent-core-sidesheet.js +110 -0
- package/fesm2015/covalent-core-sidesheet.js.map +1 -0
- package/fesm2015/covalent-core-steps.js +5 -5
- package/fesm2015/covalent-core-tab-select.js +3 -2
- package/fesm2015/covalent-core-tab-select.js.map +1 -1
- package/fesm2015/covalent-core.js +151 -75
- package/fesm2015/covalent-core.js.map +1 -1
- package/fesm5/covalent-core-breadcrumbs.js +1 -1
- package/fesm5/covalent-core-chips.js +2 -3
- package/fesm5/covalent-core-chips.js.map +1 -1
- package/fesm5/covalent-core-common.js +161 -27
- package/fesm5/covalent-core-common.js.map +1 -1
- package/fesm5/covalent-core-data-table.js +6 -6
- package/fesm5/covalent-core-data-table.js.map +1 -1
- package/fesm5/covalent-core-dialogs.js +5 -20
- package/fesm5/covalent-core-dialogs.js.map +1 -1
- package/fesm5/covalent-core-expansion-panel.js +1 -1
- package/fesm5/covalent-core-json-formatter.js +1 -1
- package/fesm5/covalent-core-layout.js +8 -7
- package/fesm5/covalent-core-layout.js.map +1 -1
- package/fesm5/covalent-core-loading.js +1 -1
- package/fesm5/covalent-core-menu.js +1 -1
- package/fesm5/covalent-core-message.js +1 -1
- package/fesm5/covalent-core-paging.js +1 -1
- package/fesm5/covalent-core-search.js +5 -4
- package/fesm5/covalent-core-search.js.map +1 -1
- package/fesm5/covalent-core-sidesheet.js +126 -0
- package/fesm5/covalent-core-sidesheet.js.map +1 -0
- package/fesm5/covalent-core-steps.js +5 -5
- package/fesm5/covalent-core-tab-select.js +3 -2
- package/fesm5/covalent-core-tab-select.js.map +1 -1
- package/fesm5/covalent-core.js +198 -76
- package/fesm5/covalent-core.js.map +1 -1
- package/file/file-input/file-input.component.scss +19 -0
- package/file/file-upload/file-upload.component.scss +29 -0
- package/json-formatter/covalent-core-json-formatter.metadata.json +1 -1
- package/json-formatter/json-formatter.component.scss +61 -0
- package/layout/README.md +5 -2
- package/layout/covalent-core-layout.metadata.json +1 -1
- package/layout/layout-card-over/layout-card-over.component.scss +42 -0
- package/layout/layout-footer/layout-footer.component.scss +4 -0
- package/layout/layout-manage-list/layout-manage-list.component.scss +77 -0
- package/layout/layout-nav/layout-nav.component.scss +50 -0
- package/layout/layout-nav-list/layout-nav-list.component.scss +109 -0
- package/layout/layout.component.scss +20 -0
- package/layout/navigation-drawer/navigation-drawer.component.d.ts +7 -0
- package/layout/navigation-drawer/navigation-drawer.component.scss +57 -0
- package/loading/covalent-core-loading.metadata.json +1 -1
- package/loading/loading.component.scss +42 -0
- package/menu/covalent-core-menu.metadata.json +1 -1
- package/menu/menu.component.scss +43 -0
- package/message/covalent-core-message.metadata.json +1 -1
- package/message/message.component.scss +29 -0
- package/notifications/notification-count.component.scss +89 -0
- package/package.json +1 -1
- package/paging/covalent-core-paging.metadata.json +1 -1
- package/paging/paging-bar.component.scss +23 -0
- package/search/covalent-core-search.metadata.json +1 -1
- package/search/search-box/search-box.component.scss +32 -0
- package/search/search-input/README.md +5 -2
- package/search/search-input/search-input.component.d.ts +6 -0
- package/search/search-input/search-input.component.scss +63 -0
- package/sidesheet/README.md +68 -0
- package/sidesheet/covalent-core-sidesheet.d.ts +4 -0
- package/sidesheet/covalent-core-sidesheet.metadata.json +1 -0
- package/sidesheet/index.d.ts +1 -0
- package/sidesheet/package.json +13 -0
- package/sidesheet/public-api.d.ts +2 -0
- package/sidesheet/sidesheet.component.d.ts +13 -0
- package/sidesheet/sidesheet.component.scss +96 -0
- package/sidesheet/sidesheet.module.d.ts +2 -0
- package/steps/covalent-core-steps.metadata.json +1 -1
- package/steps/nav/nav-step-link/nav-step-link.component.scss +17 -0
- package/steps/nav/nav-steps-horizontal/nav-steps-horizontal.component.scss +81 -0
- package/steps/nav/nav-steps-vertical/nav-steps-vertical.component.scss +18 -0
- package/steps/step-body/step-body.component.scss +29 -0
- package/steps/step-header/step-header.component.scss +90 -0
- package/steps/steps.component.scss +53 -0
- package/tab-select/covalent-core-tab-select.metadata.json +1 -1
- package/tab-select/tab-option.component.scss +0 -0
- package/tab-select/tab-select.component.scss +3 -0
- package/theming/prebuilt/blue-grey-deep-orange.css +92 -87
- package/theming/prebuilt/blue-grey-deep-orange.css.map +1 -1
- package/theming/prebuilt/blue-orange.css +92 -87
- package/theming/prebuilt/blue-orange.css.map +1 -1
- package/theming/prebuilt/indigo-pink.css +92 -87
- package/theming/prebuilt/indigo-pink.css.map +1 -1
- package/theming/prebuilt/orange-light-blue.css +92 -87
- package/theming/prebuilt/orange-light-blue.css.map +1 -1
- package/theming/prebuilt/teal-orange.css +92 -87
- package/theming/prebuilt/teal-orange.css.map +1 -1
- package/virtual-scroll/virtual-scroll-container.component.scss +7 -0
package/data-table/README.md
CHANGED
@@ -124,8 +124,8 @@ export class Demo {
|
|
124
124
|
];
|
125
125
|
private columns: ITdDataTableColumn[] = [
|
126
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 } },
|
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
129
|
];
|
130
130
|
compareWith(row: any: model: any): boolean {
|
131
131
|
return row.id === model.id; // or any property you want to compare by.
|
@@ -1 +1 @@
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"CovalentDataTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":27,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":29,"character":4},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":30,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":31,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":32,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatPseudoCheckboxModule","line":33,"character":4}],"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":"DATA_TABLE_PROVIDER"}]}]}],"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":77,"character":41}]}]}},"_TdDataTableMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinControlValueAccessor","line":81,"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":83,"character":1},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":85,"character":13},"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":93,"character":19},"member":"OnPush"},"template":"<table td-data-table\n [style.left.px]=\"columnsLeftScroll\"\n [class.mat-selectable]=\"selectable\">\n <thead class=\"td-data-table-head\"\n (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 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 (sortChange)=\"handleSort(column)\">\n <span [matTooltip]=\"column.tooltip\">{{column.label}}</span>\n <span 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 <span class=\"td-data-table-column-separator\"></span>\n </span>\n </th>\n </tr>\n </thead>\n</table>\n<div #scrollableDiv class=\"td-data-table-scrollable\"\n (scroll)=\"handleScroll($event)\">\n <div [style.height.px]=\"totalHeight\"></div>\n <table td-data-table\n [style.transform]=\"offsetTransform\"\n [style.position]=\"'absolute'\"\n [class.mat-selectable]=\"selectable\"\n [class.mat-clickable]=\"clickable\">\n <tbody class=\"td-data-table-body\">\n <tr 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 <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 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 <span *ngIf=\"!getTemplateRef(column.name)\">{{column.format ? column.format(getCellValue(column, row)) : getCellValue(column, row)}}</span>\n <ng-template\n *ngIf=\"getTemplateRef(column.name)\"\n [ngTemplateOutlet]=\"getTemplateRef(column.name)\"\n [ngTemplateOutletContext]=\"{ value: getCellValue(column, row), row: row, column: column.name }\">\n </ng-template>\n </td>\n </tr>\n </tbody>\n </table>\n</div>\n<ng-content></ng-content>\n","styles":[":host{display:block;overflow:hidden}:host .td-data-table-scrollable{position:relative;overflow:auto;height:calc(100% - 56px)}.td-data-table-column-resizer{right:0;width:6px;cursor:col-resize}.td-data-table-column-resizer,.td-data-table-column-resizer .td-data-table-column-separator{position:absolute;height:100%;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{width:18px;min-width:18px;padding:0 24px}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-right:0;padding-left:28px}table.td-data-table td.mat-checkbox-cell,table.td-data-table th.mat-checkbox-column{min-width:42px;width:42px;font-size:0!important}table.td-data-table td.mat-checkbox-cell mat-pseudo-checkbox,table.td-data-table th.mat-checkbox-column mat-pseudo-checkbox{width:18px;height: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{width:11px!important;height:4px!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{width:18px;height:18px;margin:0}"]}]}],"members":{"_templates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":203,"character":3},"arguments":[{"__symbolic":"reference","name":"TdDataTableTemplateDirective"}]}]}],"_scrollableDiv":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":205,"character":3},"arguments":["scrollableDiv"]}]}],"_colElements":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":207,"character":3},"arguments":["columnElement"]}]}],"_rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":209,"character":3},"arguments":[{"__symbolic":"reference","name":"TdDataTableRowComponent"}]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":237,"character":3},"arguments":["data"]}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":260,"character":3},"arguments":["columns"]}]}],"resizableColumns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":289,"character":3},"arguments":["resizableColumns"]}]}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":302,"character":3},"arguments":["selectable"]}]}],"clickable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":315,"character":3},"arguments":["clickable"]}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":328,"character":3},"arguments":["multiple"]}]}],"sortable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":341,"character":3},"arguments":["sortable"]}]}],"sortBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":353,"character":3},"arguments":["sortBy"]}]}],"sortOrder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":374,"character":3},"arguments":["sortOrder"]}]}],"onSortChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":397,"character":3},"arguments":["sortChange"]}]}],"onRowSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":405,"character":3},"arguments":["rowSelect"]}]}],"onRowClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":412,"character":3},"arguments":["rowClick"]}]}],"onSelectAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":419,"character":3},"arguments":["selectAll"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":422,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":422,"character":27},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DOCUMENT","line":422,"character":34}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":423,"character":35},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":424,"character":37},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":77,"character":41}]}],"compareWith":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":434,"character":3},"arguments":["compareWith"]}]}],"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 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>","styles":[":host{vertical-align:middle;text-align:left;padding:0}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{padding:0 28px;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%;-ms-flex-pack:start;justify-content:start}: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: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:initial}html[dir=rtl] :host:first-child>.td-data-table-cell-content-wrapper{padding-left:initial;unicode-bidi:embed;padding-right:24px;unicode-bidi:embed}body[dir=rtl] :host:first-child>.td-data-table-cell-content-wrapper{padding-left:initial;unicode-bidi:embed;padding-right:24px;unicode-bidi:embed}[dir=rtl] :host:first-child>.td-data-table-cell-content-wrapper{padding-left:initial;unicode-bidi:embed;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;unicode-bidi:embed;padding-right:28px;unicode-bidi:embed}body[dir=rtl] :host:last-child>.td-data-table-cell-content-wrapper{padding-left:24px;unicode-bidi:embed;padding-right:28px;unicode-bidi:embed}[dir=rtl] :host:last-child>.td-data-table-cell-content-wrapper{padding-left:24px;unicode-bidi:embed;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:0}: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":19,"character":3},"arguments":["numeric"]}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"bindNumeric":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":34,"character":3},"arguments":["class.mat-numeric"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":39,"character":35},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":39,"character":66}]}]}},"ITdDataTableSortChangeEvent":{"__symbolic":"interface"},"TdDataTableColumnComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"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 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 arrow_upward\n </mat-icon>\n</span>\n<ng-content select=\"[td-column-resizer]\"></ng-content>\n","styles":[":host{white-space:nowrap;position:relative;padding:0;vertical-align:middle;text-align:left}:host>.td-data-table-heading{padding:0 28px}:host:first-child>.td-data-table-heading{padding-left:24px;padding-right:initial}html[dir=rtl] :host:first-child>.td-data-table-heading{padding-left:initial;unicode-bidi:embed;padding-right:24px;unicode-bidi:embed}body[dir=rtl] :host:first-child>.td-data-table-heading{padding-left:initial;unicode-bidi:embed;padding-right:24px;unicode-bidi:embed}[dir=rtl] :host:first-child>.td-data-table-heading{padding-left:initial;unicode-bidi:embed;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;unicode-bidi:embed;padding-right:28px;unicode-bidi:embed}body[dir=rtl] :host:last-child>.td-data-table-heading{padding-left:24px;unicode-bidi:embed;padding-right:28px;unicode-bidi:embed}[dir=rtl] :host:last-child>.td-data-table-heading{padding-left:24px;unicode-bidi:embed;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{height:16px;width:16px;font-size:16px!important;line-height:16px!important}:host mat-icon.td-data-table-sort-icon{opacity:0;transition:transform .25s;transition:transform .25s,-webkit-transform .25s;position:absolute;top:0}:host mat-icon.td-data-table-sort-icon.mat-asc{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}:host mat-icon.td-data-table-sort-icon.mat-desc{-webkit-transform:rotate(180deg);-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:0}: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:initial}html[dir=rtl] :host.mat-numeric mat-icon.td-data-table-sort-icon{margin-left:initial;unicode-bidi:embed;margin-right:-22px;unicode-bidi:embed}body[dir=rtl] :host.mat-numeric mat-icon.td-data-table-sort-icon{margin-left:initial;unicode-bidi:embed;margin-right:-22px;unicode-bidi:embed}[dir=rtl] :host.mat-numeric mat-icon.td-data-table-sort-icon{margin-left:initial;unicode-bidi:embed;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:initial}html[dir=rtl] :host:not(.mat-numeric) mat-icon.td-data-table-sort-icon{margin-left:initial;unicode-bidi:embed;margin-right:6px;unicode-bidi:embed}body[dir=rtl] :host:not(.mat-numeric) mat-icon.td-data-table-sort-icon{margin-left:initial;unicode-bidi:embed;margin-right:6px;unicode-bidi:embed}[dir=rtl] :host:not(.mat-numeric) mat-icon.td-data-table-sort-icon{margin-left:initial;unicode-bidi:embed;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":19,"character":3},"arguments":["columnContent",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":19,"character":37}}]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3},"arguments":["name"]}]}],"sortable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3},"arguments":["sortable"]}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3},"arguments":["active"]}]}],"numeric":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3},"arguments":["numeric"]}]}],"sortOrder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3},"arguments":["sortOrder"]}]}],"onSortChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":76,"character":3},"arguments":["sortChange"]}]}],"bindClickable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":79,"character":3},"arguments":["class.mat-clickable"]}]}],"bingSortable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":84,"character":3},"arguments":["class.mat-sortable"]}]}],"bindActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":89,"character":3},"arguments":["class.mat-active"]}]}],"bindNumeric":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":94,"character":3},"arguments":["class.mat-numeric"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":99,"character":35},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":99,"character":66}]}],"handleClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":106,"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":5,"character":1},"arguments":[{"selector":"tr[td-data-table-column-row]","template":"<ng-content></ng-content>","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":13,"character":37},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":13,"character":70}]}]}},"TdDataTableRowComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"tr[td-data-table-row]","template":"<ng-content></ng-content>","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":29,"character":3},"arguments":["selected"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":13,"character":37},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":13,"character":70}]}],"clickListener":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":57,"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>","styles":[":host{width:100%;position:relative;border-spacing:0;overflow:hidden;border-collapse:collapse}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":10,"character":35},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":10,"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":6,"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":7,"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"}]}},"DATA_TABLE_PROVIDER_FACTORY":{"__symbolic":"function","parameters":["parent"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"parent"},"right":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"TdDataTableService"}}}},"DATA_TABLE_PROVIDER":{"provide":{"__symbolic":"reference","name":"TdDataTableService"},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":87,"character":14}},{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":87,"character":30}},{"__symbolic":"reference","name":"TdDataTableService"}]],"useFactory":{"__symbolic":"reference","name":"DATA_TABLE_PROVIDER_FACTORY"}}},"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","DATA_TABLE_PROVIDER_FACTORY":"./services/data-table.service","DATA_TABLE_PROVIDER":"./services/data-table.service"},"importAs":"@covalent/core/data-table"}
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"CovalentDataTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":27,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":29,"character":4},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":30,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":31,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":32,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatPseudoCheckboxModule","line":33,"character":4}],"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":"DATA_TABLE_PROVIDER"}]}]}],"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":78,"character":41}]}]}},"_TdDataTableMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinControlValueAccessor","line":82,"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":84,"character":1},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":86,"character":13},"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":94,"character":19},"member":"OnPush"},"template":"<table td-data-table\n [style.left.px]=\"columnsLeftScroll\"\n [class.mat-selectable]=\"selectable\">\n <thead class=\"td-data-table-head\"\n (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 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 (sortChange)=\"handleSort(column)\">\n <span [matTooltip]=\"column.tooltip\">{{column.label}}</span>\n <span 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 <span class=\"td-data-table-column-separator\"></span>\n </span>\n </th>\n </tr>\n </thead>\n</table>\n<div #scrollableDiv class=\"td-data-table-scrollable\"\n (scroll)=\"handleScroll($event)\">\n <div [style.height.px]=\"totalHeight\"></div>\n <table td-data-table\n [style.transform]=\"offsetTransform\"\n [style.position]=\"'absolute'\"\n [class.mat-selectable]=\"selectable\"\n [class.mat-clickable]=\"clickable\">\n <tbody class=\"td-data-table-body\">\n <tr 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 <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 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 <span *ngIf=\"!getTemplateRef(column.name)\">{{column.format ? column.format(getCellValue(column, row)) : getCellValue(column, row)}}</span>\n <ng-template\n *ngIf=\"getTemplateRef(column.name)\"\n [ngTemplateOutlet]=\"getTemplateRef(column.name)\"\n [ngTemplateOutletContext]=\"{ value: getCellValue(column, row), row: row, column: column.name, index: rowIndex }\">\n </ng-template>\n </td>\n </tr>\n </tbody>\n </table>\n</div>\n<ng-content></ng-content>\n","styles":[":host{display:block;overflow:hidden}:host .td-data-table-scrollable{position:relative;overflow:auto;height:calc(100% - 56px)}.td-data-table-column-resizer{right:0;width:6px;cursor:col-resize}.td-data-table-column-resizer,.td-data-table-column-resizer .td-data-table-column-separator{position:absolute;height:100%;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{-webkit-transition:background-color .2s;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{width:18px;min-width:18px;padding:0 24px}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-right:0;padding-left:28px}table.td-data-table td.mat-checkbox-cell,table.td-data-table th.mat-checkbox-column{min-width:42px;width:42px;font-size:0!important}table.td-data-table td.mat-checkbox-cell mat-pseudo-checkbox,table.td-data-table th.mat-checkbox-column mat-pseudo-checkbox{width:18px;height: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{width:11px!important;height:4px!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{width:18px;height:18px;margin:0}"]}]}],"members":{"_templates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":204,"character":3},"arguments":[{"__symbolic":"reference","name":"TdDataTableTemplateDirective"}]}]}],"_scrollableDiv":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":206,"character":3},"arguments":["scrollableDiv"]}]}],"_colElements":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":208,"character":3},"arguments":["columnElement"]}]}],"_rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":210,"character":3},"arguments":[{"__symbolic":"reference","name":"TdDataTableRowComponent"}]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":238,"character":3},"arguments":["data"]}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":261,"character":3},"arguments":["columns"]}]}],"resizableColumns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":290,"character":3},"arguments":["resizableColumns"]}]}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":303,"character":3},"arguments":["selectable"]}]}],"clickable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":316,"character":3},"arguments":["clickable"]}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":329,"character":3},"arguments":["multiple"]}]}],"sortable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":342,"character":3},"arguments":["sortable"]}]}],"sortBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":354,"character":3},"arguments":["sortBy"]}]}],"sortOrder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":375,"character":3},"arguments":["sortOrder"]}]}],"onSortChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":398,"character":3},"arguments":["sortChange"]}]}],"onRowSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":406,"character":3},"arguments":["rowSelect"]}]}],"onRowClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":413,"character":3},"arguments":["rowClick"]}]}],"onSelectAll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":420,"character":3},"arguments":["selectAll"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":423,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":423,"character":27},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":423,"character":34}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":424,"character":35},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":425,"character":37},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":78,"character":41}]}],"compareWith":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":435,"character":3},"arguments":["compareWith"]}]}],"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 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>","styles":[":host{vertical-align:middle;text-align:left;padding:0}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{padding:0 28px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}:host>.td-data-table-cell-content-wrapper.td-data-table-cell-numeric{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}:host>.td-data-table-cell-content-wrapper.td-data-table-cell-align-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}:host>.td-data-table-cell-content-wrapper.td-data-table-cell-align-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}:host>.td-data-table-cell-content-wrapper.td-data-table-cell-align-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}:host:first-child>.td-data-table-cell-content-wrapper{padding-left:24px;padding-right:initial}html[dir=rtl] :host:first-child>.td-data-table-cell-content-wrapper{padding-left:initial;unicode-bidi:embed;padding-right:24px;unicode-bidi:embed}body[dir=rtl] :host:first-child>.td-data-table-cell-content-wrapper{padding-left:initial;unicode-bidi:embed;padding-right:24px;unicode-bidi:embed}[dir=rtl] :host:first-child>.td-data-table-cell-content-wrapper{padding-left:initial;unicode-bidi:embed;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;unicode-bidi:embed;padding-right:28px;unicode-bidi:embed}body[dir=rtl] :host:last-child>.td-data-table-cell-content-wrapper{padding-left:24px;unicode-bidi:embed;padding-right:28px;unicode-bidi:embed}[dir=rtl] :host:last-child>.td-data-table-cell-content-wrapper{padding-left:24px;unicode-bidi:embed;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:0}: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":19,"character":3},"arguments":["numeric"]}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"bindNumeric":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":34,"character":3},"arguments":["class.mat-numeric"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":39,"character":35},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":39,"character":66}]}]}},"ITdDataTableSortChangeEvent":{"__symbolic":"interface"},"TdDataTableColumnComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"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 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 arrow_upward\n </mat-icon>\n</span>\n<ng-content select=\"[td-column-resizer]\"></ng-content>\n","styles":[":host{white-space:nowrap;position:relative;padding:0;vertical-align:middle;text-align:left}:host>.td-data-table-heading{padding:0 28px}:host:first-child>.td-data-table-heading{padding-left:24px;padding-right:initial}html[dir=rtl] :host:first-child>.td-data-table-heading{padding-left:initial;unicode-bidi:embed;padding-right:24px;unicode-bidi:embed}body[dir=rtl] :host:first-child>.td-data-table-heading{padding-left:initial;unicode-bidi:embed;padding-right:24px;unicode-bidi:embed}[dir=rtl] :host:first-child>.td-data-table-heading{padding-left:initial;unicode-bidi:embed;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;unicode-bidi:embed;padding-right:28px;unicode-bidi:embed}body[dir=rtl] :host:last-child>.td-data-table-heading{padding-left:24px;unicode-bidi:embed;padding-right:28px;unicode-bidi:embed}[dir=rtl] :host:last-child>.td-data-table-heading{padding-left:24px;unicode-bidi:embed;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{height:16px;width:16px;font-size:16px!important;line-height:16px!important}:host mat-icon.td-data-table-sort-icon{opacity:0;-webkit-transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s;position:absolute;top:0}:host mat-icon.td-data-table-sort-icon.mat-asc{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}:host mat-icon.td-data-table-sort-icon.mat-desc{-webkit-transform:rotate(180deg);-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:0}: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:initial}html[dir=rtl] :host.mat-numeric mat-icon.td-data-table-sort-icon{margin-left:initial;unicode-bidi:embed;margin-right:-22px;unicode-bidi:embed}body[dir=rtl] :host.mat-numeric mat-icon.td-data-table-sort-icon{margin-left:initial;unicode-bidi:embed;margin-right:-22px;unicode-bidi:embed}[dir=rtl] :host.mat-numeric mat-icon.td-data-table-sort-icon{margin-left:initial;unicode-bidi:embed;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:initial}html[dir=rtl] :host:not(.mat-numeric) mat-icon.td-data-table-sort-icon{margin-left:initial;unicode-bidi:embed;margin-right:6px;unicode-bidi:embed}body[dir=rtl] :host:not(.mat-numeric) mat-icon.td-data-table-sort-icon{margin-left:initial;unicode-bidi:embed;margin-right:6px;unicode-bidi:embed}[dir=rtl] :host:not(.mat-numeric) mat-icon.td-data-table-sort-icon{margin-left:initial;unicode-bidi:embed;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":19,"character":3},"arguments":["columnContent",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":19,"character":37}}]}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3},"arguments":["name"]}]}],"sortable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3},"arguments":["sortable"]}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3},"arguments":["active"]}]}],"numeric":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3},"arguments":["numeric"]}]}],"sortOrder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3},"arguments":["sortOrder"]}]}],"onSortChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":76,"character":3},"arguments":["sortChange"]}]}],"bindClickable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":79,"character":3},"arguments":["class.mat-clickable"]}]}],"bingSortable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":84,"character":3},"arguments":["class.mat-sortable"]}]}],"bindActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":89,"character":3},"arguments":["class.mat-active"]}]}],"bindNumeric":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":94,"character":3},"arguments":["class.mat-numeric"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":99,"character":35},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":99,"character":66}]}],"handleClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":106,"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":5,"character":1},"arguments":[{"selector":"tr[td-data-table-column-row]","template":"<ng-content></ng-content>","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":13,"character":37},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":13,"character":70}]}]}},"TdDataTableRowComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"tr[td-data-table-row]","template":"<ng-content></ng-content>","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":29,"character":3},"arguments":["selected"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":13,"character":37},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":13,"character":70}]}],"clickListener":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":57,"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>","styles":[":host{width:100%;position:relative;border-spacing:0;overflow:hidden;border-collapse:collapse}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":10,"character":35},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":10,"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":6,"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":7,"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"}]}},"DATA_TABLE_PROVIDER_FACTORY":{"__symbolic":"function","parameters":["parent"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"parent"},"right":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"TdDataTableService"}}}},"DATA_TABLE_PROVIDER":{"provide":{"__symbolic":"reference","name":"TdDataTableService"},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":87,"character":14}},{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":87,"character":30}},{"__symbolic":"reference","name":"TdDataTableService"}]],"useFactory":{"__symbolic":"reference","name":"DATA_TABLE_PROVIDER_FACTORY"}}},"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","DATA_TABLE_PROVIDER_FACTORY":"./services/data-table.service","DATA_TABLE_PROVIDER":"./services/data-table.service"},"importAs":"@covalent/core/data-table"}
|
@@ -0,0 +1,57 @@
|
|
1
|
+
@import '../../common/styles/rtl';
|
2
|
+
:host {
|
3
|
+
vertical-align: middle;
|
4
|
+
@include rtl(text-align, left, right);
|
5
|
+
padding: 0;
|
6
|
+
> .td-data-table-cell-content-wrapper {
|
7
|
+
padding: 0 28px;
|
8
|
+
// [layout]
|
9
|
+
box-sizing: border-box;
|
10
|
+
display: flex;
|
11
|
+
// [layout="row"]
|
12
|
+
flex-direction: row;
|
13
|
+
// [layout-align="start center"]
|
14
|
+
align-items: center;
|
15
|
+
align-content: center;
|
16
|
+
max-width: 100%;
|
17
|
+
justify-content: flex-start;
|
18
|
+
&.td-data-table-cell-numeric {
|
19
|
+
// [layout-align="end center"]
|
20
|
+
justify-content: flex-end;
|
21
|
+
}
|
22
|
+
&.td-data-table-cell-align-start {
|
23
|
+
justify-content: flex-start;
|
24
|
+
}
|
25
|
+
&.td-data-table-cell-align-end {
|
26
|
+
justify-content: flex-end;
|
27
|
+
}
|
28
|
+
&.td-data-table-cell-align-center {
|
29
|
+
justify-content: center;
|
30
|
+
}
|
31
|
+
}
|
32
|
+
|
33
|
+
&:first-child > .td-data-table-cell-content-wrapper {
|
34
|
+
@include rtl(padding-left, 24px, initial);
|
35
|
+
@include rtl(padding-right, initial, 24px);
|
36
|
+
}
|
37
|
+
&:last-child > .td-data-table-cell-content-wrapper {
|
38
|
+
@include rtl(padding-left, 28px, 24px);
|
39
|
+
@include rtl(padding-right, 24px, 28px);
|
40
|
+
}
|
41
|
+
|
42
|
+
> * {
|
43
|
+
vertical-align: middle;
|
44
|
+
}
|
45
|
+
|
46
|
+
&.mat-clickable {
|
47
|
+
cursor: pointer;
|
48
|
+
|
49
|
+
&:focus {
|
50
|
+
outline: none;
|
51
|
+
}
|
52
|
+
}
|
53
|
+
|
54
|
+
&.mat-numeric {
|
55
|
+
@include rtl(text-align, right, left);
|
56
|
+
}
|
57
|
+
}
|
@@ -0,0 +1,78 @@
|
|
1
|
+
@import '../../common/styles/rtl';
|
2
|
+
|
3
|
+
:host {
|
4
|
+
white-space: nowrap;
|
5
|
+
position: relative;
|
6
|
+
padding: 0;
|
7
|
+
> .td-data-table-heading {
|
8
|
+
padding: 0 28px;
|
9
|
+
}
|
10
|
+
|
11
|
+
&:first-child > .td-data-table-heading {
|
12
|
+
@include rtl(padding-left, 24px, initial);
|
13
|
+
@include rtl(padding-right, initial, 24px);
|
14
|
+
}
|
15
|
+
&:last-child > .td-data-table-heading {
|
16
|
+
@include rtl(padding-left, 28px, 24px);
|
17
|
+
@include rtl(padding-right, 24px, 28px);
|
18
|
+
}
|
19
|
+
|
20
|
+
mat-icon {
|
21
|
+
height: 16px;
|
22
|
+
width: 16px;
|
23
|
+
font-size: 16px !important;
|
24
|
+
line-height: 16px !important;
|
25
|
+
|
26
|
+
&.td-data-table-sort-icon {
|
27
|
+
opacity: 0;
|
28
|
+
transition: transform 0.25s;
|
29
|
+
position: absolute;
|
30
|
+
top: 0;
|
31
|
+
|
32
|
+
&.mat-asc {
|
33
|
+
transform: rotate(0deg);
|
34
|
+
}
|
35
|
+
|
36
|
+
&.mat-desc {
|
37
|
+
transform: rotate(180deg);
|
38
|
+
}
|
39
|
+
}
|
40
|
+
}
|
41
|
+
|
42
|
+
&:hover.mat-sortable mat-icon.td-data-table-sort-icon,
|
43
|
+
&.mat-active.mat-sortable mat-icon.td-data-table-sort-icon {
|
44
|
+
opacity: 1;
|
45
|
+
}
|
46
|
+
|
47
|
+
vertical-align: middle;
|
48
|
+
@include rtl(text-align, left, right);
|
49
|
+
|
50
|
+
> * {
|
51
|
+
vertical-align: middle;
|
52
|
+
}
|
53
|
+
|
54
|
+
&.mat-clickable {
|
55
|
+
cursor: pointer;
|
56
|
+
|
57
|
+
&:focus {
|
58
|
+
outline: none;
|
59
|
+
}
|
60
|
+
}
|
61
|
+
.td-data-table-heading {
|
62
|
+
display: inline-block;
|
63
|
+
position: relative;
|
64
|
+
}
|
65
|
+
&.mat-numeric {
|
66
|
+
@include rtl(text-align, right, left);
|
67
|
+
mat-icon.td-data-table-sort-icon {
|
68
|
+
@include rtl(margin-left, -22px, initial);
|
69
|
+
@include rtl(margin-right, initial, -22px);
|
70
|
+
}
|
71
|
+
}
|
72
|
+
&:not(.mat-numeric) {
|
73
|
+
mat-icon.td-data-table-sort-icon {
|
74
|
+
@include rtl(margin-left, 6px, initial);
|
75
|
+
@include rtl(margin-right, initial, 6px);
|
76
|
+
}
|
77
|
+
}
|
78
|
+
}
|
@@ -0,0 +1,77 @@
|
|
1
|
+
$backdrop-index: 80;
|
2
|
+
$checkbox-size: 18px;
|
3
|
+
|
4
|
+
:host {
|
5
|
+
display: block;
|
6
|
+
overflow: hidden;
|
7
|
+
.td-data-table-scrollable {
|
8
|
+
position: relative;
|
9
|
+
overflow: auto;
|
10
|
+
height: calc(100% - 56px);
|
11
|
+
}
|
12
|
+
}
|
13
|
+
|
14
|
+
.td-data-table-column-resizer {
|
15
|
+
&, .td-data-table-column-separator {
|
16
|
+
position: absolute;
|
17
|
+
height: 100%;
|
18
|
+
top: 0;
|
19
|
+
}
|
20
|
+
.td-data-table-column-separator {
|
21
|
+
left: 2px;
|
22
|
+
}
|
23
|
+
right: 0;
|
24
|
+
width: 6px;
|
25
|
+
cursor: col-resize;
|
26
|
+
&.td-resizing {
|
27
|
+
cursor: -webkit-grabbing;
|
28
|
+
}
|
29
|
+
}
|
30
|
+
|
31
|
+
table.td-data-table {
|
32
|
+
width: auto !important;
|
33
|
+
&.mat-selectable tbody > tr.td-data-table-row {
|
34
|
+
transition: background-color 0.2s;
|
35
|
+
}
|
36
|
+
|
37
|
+
&.mat-selectable .td-data-table-column,
|
38
|
+
&.mat-selectable th.td-data-table-column,
|
39
|
+
&.mat-selectable td.td-data-table-cell {
|
40
|
+
&:first-child > .td-data-table-column-content-wrapper {
|
41
|
+
width: 18px;
|
42
|
+
min-width: 18px;
|
43
|
+
padding: 0 24px;
|
44
|
+
}
|
45
|
+
&:nth-child(2) > .td-data-table-column-content-wrapper {
|
46
|
+
padding-left: 0;
|
47
|
+
}
|
48
|
+
[dir='rtl'] & {
|
49
|
+
&:nth-child(2) > .td-data-table-column-content-wrapper {
|
50
|
+
padding-right: 0;
|
51
|
+
padding-left: 28px;
|
52
|
+
}
|
53
|
+
}
|
54
|
+
}
|
55
|
+
|
56
|
+
td.mat-checkbox-cell,
|
57
|
+
th.mat-checkbox-column {
|
58
|
+
min-width: 42px;
|
59
|
+
width: 42px;
|
60
|
+
font-size: 0 !important;
|
61
|
+
mat-pseudo-checkbox {
|
62
|
+
width: $checkbox-size;
|
63
|
+
height: $checkbox-size;
|
64
|
+
::ng-deep &.mat-pseudo-checkbox-checked::after {
|
65
|
+
width: 11px !important;
|
66
|
+
height: 4px !important;
|
67
|
+
}
|
68
|
+
}
|
69
|
+
mat-checkbox {
|
70
|
+
::ng-deep .mat-checkbox-inner-container {
|
71
|
+
width: $checkbox-size;
|
72
|
+
height: $checkbox-size;
|
73
|
+
margin: 0;
|
74
|
+
}
|
75
|
+
}
|
76
|
+
}
|
77
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"CovalentDialogsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":32,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":34,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":35,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":36,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":37,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":38,"character":4}],"declarations":[[{"__symbolic":"reference","name":"TdAlertDialogComponent"},{"__symbolic":"reference","name":"TdConfirmDialogComponent"},{"__symbolic":"reference","name":"TdPromptDialogComponent"},{"__symbolic":"reference","name":"TdDialogComponent"},{"__symbolic":"reference","name":"TdDialogTitleDirective"},{"__symbolic":"reference","name":"TdDialogActionsDirective"},{"__symbolic":"reference","name":"TdDialogContentDirective"}]],"exports":[[{"__symbolic":"reference","name":"TdAlertDialogComponent"},{"__symbolic":"reference","name":"TdConfirmDialogComponent"},{"__symbolic":"reference","name":"TdPromptDialogComponent"},{"__symbolic":"reference","name":"TdDialogComponent"},{"__symbolic":"reference","name":"TdDialogTitleDirective"},{"__symbolic":"reference","name":"TdDialogActionsDirective"},{"__symbolic":"reference","name":"TdDialogContentDirective"}]],"providers":[{"__symbolic":"reference","name":"DIALOG_PROVIDER"}],"entryComponents":[[{"__symbolic":"reference","name":"TdAlertDialogComponent"},{"__symbolic":"reference","name":"TdConfirmDialogComponent"},{"__symbolic":"reference","name":"TdPromptDialogComponent"}]]}]}],"members":{}},"TdDialogTitleDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"td-dialog-title"}]}],"members":{}},"TdDialogContentDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"td-dialog-content"}]}],"members":{}},"TdDialogActionsDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":8,"character":1},"arguments":[{"selector":"td-dialog-actions"}]}],"members":{}},"TdDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"td-dialog","template":"<div class=\"td-dialog-wrapper\">\n <h3 class=\"td-dialog-title\" *ngIf=\"dialogTitle.length > 0\">\n <ng-content select=\"td-dialog-title\"></ng-content>\n </h3>\n <div class=\"td-dialog-content\" *ngIf=\"dialogContent.length > 0\">\n <ng-content select=\"td-dialog-content\"></ng-content>\n </div>\n <div class=\"td-dialog-actions\" *ngIf=\"dialogActions.length > 0\">\n <span class=\"td-dialog-spacer\"></span>\n <ng-content select=\"td-dialog-actions\"></ng-content>\n </div>\n</div>","styles":[".td-dialog-title{margin-top:0;margin-bottom:20px}.td-dialog-content{margin-bottom:16px}.td-dialog-actions{position:relative;top:16px;left:16px}::ng-deep [dir=rtl] .td-dialog-actions{right:16px;left:auto}:host{display:block}:host .td-dialog-actions{-ms-flex-direction:row;flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex}:host .td-dialog-actions .td-dialog-spacer{-ms-flex:1;flex:1}:host .td-dialog-actions ::ng-deep button{text-transform:uppercase;margin-left:8px;padding-left:8px;padding-right:8px;min-width:64px}[dir=rtl] :host .td-dialog-actions ::ng-deep button{margin-right:8px;margin-left:inherit}"]}]}],"members":{"dialogTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":18,"character":3},"arguments":[{"__symbolic":"reference","name":"TdDialogTitleDirective"}]}]}],"dialogContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":19,"character":3},"arguments":[{"__symbolic":"reference","name":"TdDialogContentDirective"}]}]}],"dialogActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":20,"character":3},"arguments":[{"__symbolic":"reference","name":"TdDialogActionsDirective"}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}]}},"TdAlertDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"td-alert-dialog","template":"<td-dialog>\n <td-dialog-title *ngIf=\"title\">\n {{title}}\n </td-dialog-title>\n <td-dialog-content>\n <span class=\"td-dialog-message\">{{message}}</span>\n </td-dialog-content>\n <td-dialog-actions>\n <button mat-button color=\"accent\" (click)=\"close()\">{{closeButton}}</button>\n </td-dialog-actions>\n</td-dialog>","styles":[".td-dialog-message{word-break:break-word}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"TdAlertDialogComponent"}]}]}],"close":[{"__symbolic":"method"}]}},"TdConfirmDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"td-confirm-dialog","template":"<td-dialog>\n <td-dialog-title *ngIf=\"title\">\n {{title}}\n </td-dialog-title>\n <td-dialog-content>\n <span class=\"td-dialog-message\">{{message}}</span>\n </td-dialog-content>\n <td-dialog-actions>\n <button mat-button\n #closeBtn \n (keydown.arrowright)=\"acceptBtn.focus()\"\n (click)=\"cancel()\">{{cancelButton}}</button>\n <button mat-button\n color=\"accent\"\n #acceptBtn\n (keydown.arrowleft)=\"closeBtn.focus()\"\n (click)=\"accept()\">{{acceptButton}}</button>\n </td-dialog-actions>\n</td-dialog>","styles":[".td-dialog-message{word-break:break-word}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"TdConfirmDialogComponent"}]}]}],"cancel":[{"__symbolic":"method"}],"accept":[{"__symbolic":"method"}]}},"TdPromptDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"td-prompt-dialog","template":"<td-dialog>\n <td-dialog-title *ngIf=\"title\">\n {{title}}\n </td-dialog-title>\n <td-dialog-content>\n <span class=\"td-dialog-message\">{{message}}</span>\n <form #form=\"ngForm\" novalidate>\n <div class=\"td-dialog-input-wrapper\">\n <mat-form-field class=\"td-dialog-input\">\n <input matInput\n #input\n (focus)=\"handleInputFocus()\"\n (keydown.enter)=\"$event.preventDefault(); form.valid && accept()\"\n [(ngModel)]=\"value\"\n name=\"value\"\n required/>\n </mat-form-field>\n </div>\n </form>\n </td-dialog-content>\n <td-dialog-actions>\n <button mat-button\n #closeBtn \n (keydown.arrowright)=\"acceptBtn.focus()\"\n (click)=\"cancel()\">{{cancelButton}}</button>\n <button mat-button\n color=\"accent\"\n #acceptBtn\n (keydown.arrowleft)=\"closeBtn.focus()\"\n [disabled]=\"!form.valid\"\n (click)=\"accept()\">{{acceptButton}}</button>\n </td-dialog-actions>\n</td-dialog>","styles":[".td-dialog-input-wrapper{-ms-flex-direction:row;flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex}.td-dialog-input-wrapper .td-dialog-input{-ms-flex:1;flex:1;box-sizing:border-box}.td-dialog-message{word-break:break-word}"]}]}],"members":{"_input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":15,"character":3},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"TdPromptDialogComponent"}]}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"handleInputFocus":[{"__symbolic":"method"}],"cancel":[{"__symbolic":"method"}],"accept":[{"__symbolic":"method"}]}},"IDialogConfig":{"__symbolic":"interface"},"IAlertConfig":{"__symbolic":"interface"},"IConfirmConfig":{"__symbolic":"interface"},"IPromptConfig":{"__symbolic":"interface"},"TdDialogService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":26,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":29,"character":38}]}],"open":[{"__symbolic":"method"}],"closeAll":[{"__symbolic":"method"}],"openAlert":[{"__symbolic":"method"}],"openConfirm":[{"__symbolic":"method"}],"openPrompt":[{"__symbolic":"method"}],"_createConfig":[{"__symbolic":"method"}]}},"DIALOG_PROVIDER_FACTORY":{"__symbolic":"function","parameters":["parent","dialog"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"parent"},"right":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"TdDialogService"},"arguments":[{"__symbolic":"reference","name":"dialog"}]}}},"DIALOG_PROVIDER":{"provide":{"__symbolic":"reference","name":"TdDialogService"},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":152,"character":14}},{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":152,"character":30}},{"__symbolic":"reference","name":"TdDialogService"}],{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":29,"character":38}],"useFactory":{"__symbolic":"reference","name":"DIALOG_PROVIDER_FACTORY"}}},"origins":{"CovalentDialogsModule":"./dialogs.module","TdDialogTitleDirective":"./dialog.component","TdDialogContentDirective":"./dialog.component","TdDialogActionsDirective":"./dialog.component","TdDialogComponent":"./dialog.component","TdAlertDialogComponent":"./alert-dialog/alert-dialog.component","TdConfirmDialogComponent":"./confirm-dialog/confirm-dialog.component","TdPromptDialogComponent":"./prompt-dialog/prompt-dialog.component","IDialogConfig":"./services/dialog.service","IAlertConfig":"./services/dialog.service","IConfirmConfig":"./services/dialog.service","IPromptConfig":"./services/dialog.service","TdDialogService":"./services/dialog.service","DIALOG_PROVIDER_FACTORY":"./services/dialog.service","DIALOG_PROVIDER":"./services/dialog.service"},"importAs":"@covalent/core/dialogs"}
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"CovalentDialogsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":32,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":34,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":35,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":36,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":37,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":38,"character":4}],"declarations":[[{"__symbolic":"reference","name":"TdAlertDialogComponent"},{"__symbolic":"reference","name":"TdConfirmDialogComponent"},{"__symbolic":"reference","name":"TdPromptDialogComponent"},{"__symbolic":"reference","name":"TdDialogComponent"},{"__symbolic":"reference","name":"TdDialogTitleDirective"},{"__symbolic":"reference","name":"TdDialogActionsDirective"},{"__symbolic":"reference","name":"TdDialogContentDirective"}]],"exports":[[{"__symbolic":"reference","name":"TdAlertDialogComponent"},{"__symbolic":"reference","name":"TdConfirmDialogComponent"},{"__symbolic":"reference","name":"TdPromptDialogComponent"},{"__symbolic":"reference","name":"TdDialogComponent"},{"__symbolic":"reference","name":"TdDialogTitleDirective"},{"__symbolic":"reference","name":"TdDialogActionsDirective"},{"__symbolic":"reference","name":"TdDialogContentDirective"}]],"providers":[{"__symbolic":"reference","name":"TdDialogService"}],"entryComponents":[[{"__symbolic":"reference","name":"TdAlertDialogComponent"},{"__symbolic":"reference","name":"TdConfirmDialogComponent"},{"__symbolic":"reference","name":"TdPromptDialogComponent"}]]}]}],"members":{}},"TdDialogTitleDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"td-dialog-title"}]}],"members":{}},"TdDialogContentDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"td-dialog-content"}]}],"members":{}},"TdDialogActionsDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":8,"character":1},"arguments":[{"selector":"td-dialog-actions"}]}],"members":{}},"TdDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"td-dialog","template":"<div class=\"td-dialog-wrapper\">\n <h3 class=\"td-dialog-title\" *ngIf=\"dialogTitle.length > 0\">\n <ng-content select=\"td-dialog-title\"></ng-content>\n </h3>\n <div class=\"td-dialog-content\" *ngIf=\"dialogContent.length > 0\">\n <ng-content select=\"td-dialog-content\"></ng-content>\n </div>\n <div class=\"td-dialog-actions\" *ngIf=\"dialogActions.length > 0\">\n <span class=\"td-dialog-spacer\"></span>\n <ng-content select=\"td-dialog-actions\"></ng-content>\n </div>\n</div>","styles":[".td-dialog-title{margin-top:0;margin-bottom:20px}.td-dialog-content{margin-bottom:16px}.td-dialog-actions{position:relative;top:16px;left:16px}::ng-deep [dir=rtl] .td-dialog-actions{right:16px;left:auto}:host{display:block}:host .td-dialog-actions{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}:host .td-dialog-actions .td-dialog-spacer{-webkit-box-flex:1;-ms-flex:1;flex:1}:host .td-dialog-actions ::ng-deep button{text-transform:uppercase;margin-left:8px;padding-left:8px;padding-right:8px;min-width:64px}[dir=rtl] :host .td-dialog-actions ::ng-deep button{margin-right:8px;margin-left:inherit}"]}]}],"members":{"dialogTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":18,"character":3},"arguments":[{"__symbolic":"reference","name":"TdDialogTitleDirective"}]}]}],"dialogContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":19,"character":3},"arguments":[{"__symbolic":"reference","name":"TdDialogContentDirective"}]}]}],"dialogActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":20,"character":3},"arguments":[{"__symbolic":"reference","name":"TdDialogActionsDirective"}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}]}},"TdAlertDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"td-alert-dialog","template":"<td-dialog>\n <td-dialog-title *ngIf=\"title\">\n {{title}}\n </td-dialog-title>\n <td-dialog-content>\n <span class=\"td-dialog-message\">{{message}}</span>\n </td-dialog-content>\n <td-dialog-actions>\n <button mat-button color=\"accent\" (click)=\"close()\">{{closeButton}}</button>\n </td-dialog-actions>\n</td-dialog>","styles":[".td-dialog-message{word-break:break-word}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"TdAlertDialogComponent"}]}]}],"close":[{"__symbolic":"method"}]}},"TdConfirmDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"td-confirm-dialog","template":"<td-dialog>\n <td-dialog-title *ngIf=\"title\">\n {{title}}\n </td-dialog-title>\n <td-dialog-content>\n <span class=\"td-dialog-message\">{{message}}</span>\n </td-dialog-content>\n <td-dialog-actions>\n <button mat-button\n #closeBtn \n (keydown.arrowright)=\"acceptBtn.focus()\"\n (click)=\"cancel()\">{{cancelButton}}</button>\n <button mat-button\n color=\"accent\"\n #acceptBtn\n (keydown.arrowleft)=\"closeBtn.focus()\"\n (click)=\"accept()\">{{acceptButton}}</button>\n </td-dialog-actions>\n</td-dialog>","styles":[".td-dialog-message{word-break:break-word}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"TdConfirmDialogComponent"}]}]}],"cancel":[{"__symbolic":"method"}],"accept":[{"__symbolic":"method"}]}},"TdPromptDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"td-prompt-dialog","template":"<td-dialog>\n <td-dialog-title *ngIf=\"title\">\n {{title}}\n </td-dialog-title>\n <td-dialog-content>\n <span class=\"td-dialog-message\">{{message}}</span>\n <form #form=\"ngForm\" novalidate>\n <div class=\"td-dialog-input-wrapper\">\n <mat-form-field class=\"td-dialog-input\">\n <input matInput\n #input\n (focus)=\"handleInputFocus()\"\n (keydown.enter)=\"$event.preventDefault(); form.valid && accept()\"\n [(ngModel)]=\"value\"\n name=\"value\"\n required/>\n </mat-form-field>\n </div>\n </form>\n </td-dialog-content>\n <td-dialog-actions>\n <button mat-button\n #closeBtn \n (keydown.arrowright)=\"acceptBtn.focus()\"\n (click)=\"cancel()\">{{cancelButton}}</button>\n <button mat-button\n color=\"accent\"\n #acceptBtn\n (keydown.arrowleft)=\"closeBtn.focus()\"\n [disabled]=\"!form.valid\"\n (click)=\"accept()\">{{acceptButton}}</button>\n </td-dialog-actions>\n</td-dialog>","styles":[".td-dialog-input-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}.td-dialog-input-wrapper .td-dialog-input{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box}.td-dialog-message{word-break:break-word}"]}]}],"members":{"_input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":15,"character":3},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"TdPromptDialogComponent"}]}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"handleInputFocus":[{"__symbolic":"method"}],"cancel":[{"__symbolic":"method"}],"accept":[{"__symbolic":"method"}]}},"IDialogConfig":{"__symbolic":"interface"},"IAlertConfig":{"__symbolic":"interface"},"IConfirmConfig":{"__symbolic":"interface"},"IPromptConfig":{"__symbolic":"interface"},"TdDialogService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":26,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":29,"character":38}]}],"open":[{"__symbolic":"method"}],"closeAll":[{"__symbolic":"method"}],"openAlert":[{"__symbolic":"method"}],"openConfirm":[{"__symbolic":"method"}],"openPrompt":[{"__symbolic":"method"}],"_createConfig":[{"__symbolic":"method"}]}}},"origins":{"CovalentDialogsModule":"./dialogs.module","TdDialogTitleDirective":"./dialog.component","TdDialogContentDirective":"./dialog.component","TdDialogActionsDirective":"./dialog.component","TdDialogComponent":"./dialog.component","TdAlertDialogComponent":"./alert-dialog/alert-dialog.component","TdConfirmDialogComponent":"./confirm-dialog/confirm-dialog.component","TdPromptDialogComponent":"./prompt-dialog/prompt-dialog.component","IDialogConfig":"./services/dialog.service","IAlertConfig":"./services/dialog.service","IConfirmConfig":"./services/dialog.service","IPromptConfig":"./services/dialog.service","TdDialogService":"./services/dialog.service"},"importAs":"@covalent/core/dialogs"}
|
@@ -0,0 +1,43 @@
|
|
1
|
+
.td-dialog-title {
|
2
|
+
margin-top: 0;
|
3
|
+
margin-bottom: 20px;
|
4
|
+
}
|
5
|
+
|
6
|
+
.td-dialog-content {
|
7
|
+
margin-bottom: 16px;
|
8
|
+
}
|
9
|
+
|
10
|
+
.td-dialog-actions {
|
11
|
+
position: relative;
|
12
|
+
top: 16px;
|
13
|
+
left: 16px;
|
14
|
+
::ng-deep [dir='rtl'] & {
|
15
|
+
right: 16px;
|
16
|
+
left: auto;
|
17
|
+
}
|
18
|
+
}
|
19
|
+
|
20
|
+
:host {
|
21
|
+
display: block;
|
22
|
+
.td-dialog-actions {
|
23
|
+
// [layout="row"]
|
24
|
+
flex-direction: row;
|
25
|
+
box-sizing: border-box;
|
26
|
+
display: flex;
|
27
|
+
.td-dialog-spacer {
|
28
|
+
// flex
|
29
|
+
flex: 1;
|
30
|
+
}
|
31
|
+
::ng-deep button {
|
32
|
+
text-transform: uppercase;
|
33
|
+
margin-left: 8px;
|
34
|
+
[dir='rtl'] & {
|
35
|
+
margin-right: 8px;
|
36
|
+
margin-left: inherit;
|
37
|
+
}
|
38
|
+
padding-left: 8px;
|
39
|
+
padding-right: 8px;
|
40
|
+
min-width: 64px;
|
41
|
+
}
|
42
|
+
}
|
43
|
+
}
|