@covalent/core 2.0.0-rc.2 → 2.1.0

package/data-table/README.md

@@ -124,8 +124,8 @@ export class Demo {
   ];
   private columns: ITdDataTableColumn[] = [
     { name: 'sku', label: 'SKU #', tooltip: 'Stock Keeping Unit', sortable: true },
-    { name: 'item', label: 'Item name', width: 200, align: 'start' },
-    { name: 'price', label 'Price (US$)', numeric: true, format: v => v.toFixed(2), width: { min: 100, max: 400 } },
+    { name: 'item', label: 'Item name', width: 200 },
+    { name: 'price', label: 'Price (US$)', numeric: true, format: v => v.toFixed(2), width: { min: 100, max: 400 } },
   ];
   compareWith(row: any: model: any): boolean {
     return row.id === model.id; // or any property you want to compare by.

package/data-table/covalent-core-data-table.metadata.json

@@ -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"}
+{"__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"}

package/data-table/data-table-cell/data-table-cell.component.scss

@@ -0,0 +1,57 @@
+@import '../../common/styles/rtl';
+:host {
+  vertical-align: middle;
+  @include rtl(text-align, left, right);
+  padding: 0;
+  > .td-data-table-cell-content-wrapper {
+    padding: 0 28px;
+    // [layout]
+    box-sizing: border-box;
+    display: flex;
+    // [layout="row"]
+    flex-direction: row;
+    // [layout-align="start center"]
+    align-items: center;
+    align-content: center;
+    max-width: 100%;
+    justify-content: flex-start;
+    &.td-data-table-cell-numeric {
+      // [layout-align="end center"]
+      justify-content: flex-end;
+    }
+    &.td-data-table-cell-align-start {
+      justify-content: flex-start;
+    }
+    &.td-data-table-cell-align-end {
+      justify-content: flex-end;
+    }
+    &.td-data-table-cell-align-center {
+      justify-content: center;
+    }
+  }
+
+  &:first-child > .td-data-table-cell-content-wrapper {
+    @include rtl(padding-left, 24px, initial);
+    @include rtl(padding-right, initial, 24px);
+  }
+  &:last-child > .td-data-table-cell-content-wrapper {
+    @include rtl(padding-left, 28px, 24px);
+    @include rtl(padding-right, 24px, 28px);
+  }
+
+  > * {
+    vertical-align: middle;
+  }
+
+  &.mat-clickable {
+    cursor: pointer;
+
+    &:focus {
+      outline: none;
+    }
+  }
+
+  &.mat-numeric {
+    @include rtl(text-align, right, left);
+  }
+}

package/data-table/data-table-column/data-table-column.component.scss

@@ -0,0 +1,78 @@
+@import '../../common/styles/rtl';
+
+:host {
+  white-space: nowrap;
+  position: relative;
+  padding: 0;
+  > .td-data-table-heading {
+    padding: 0 28px;
+  }
+
+  &:first-child > .td-data-table-heading {
+    @include rtl(padding-left, 24px, initial);
+    @include rtl(padding-right, initial, 24px);
+  }
+  &:last-child > .td-data-table-heading {
+    @include rtl(padding-left, 28px, 24px);
+    @include rtl(padding-right, 24px, 28px);
+  }
+
+  mat-icon {
+    height: 16px;
+    width: 16px;
+    font-size: 16px !important;
+    line-height: 16px !important;
+
+    &.td-data-table-sort-icon {
+      opacity: 0;
+      transition: transform 0.25s;
+      position: absolute;
+      top: 0;
+
+      &.mat-asc {
+        transform: rotate(0deg);
+      }
+
+      &.mat-desc {
+        transform: rotate(180deg);
+      }
+    }
+  }
+
+  &:hover.mat-sortable mat-icon.td-data-table-sort-icon,
+  &.mat-active.mat-sortable mat-icon.td-data-table-sort-icon {
+    opacity: 1;
+  }
+
+  vertical-align: middle;
+  @include rtl(text-align, left, right);
+
+  > * {
+    vertical-align: middle;
+  }
+
+  &.mat-clickable {
+    cursor: pointer;
+
+    &:focus {
+      outline: none;
+    }
+  }
+  .td-data-table-heading {
+    display: inline-block;
+    position: relative;
+  }
+  &.mat-numeric {
+    @include rtl(text-align, right, left);
+    mat-icon.td-data-table-sort-icon {
+      @include rtl(margin-left, -22px, initial);
+      @include rtl(margin-right, initial, -22px);
+    }
+  }
+  &:not(.mat-numeric) {
+    mat-icon.td-data-table-sort-icon {
+      @include rtl(margin-left, 6px, initial);
+      @include rtl(margin-right, initial, 6px);
+    }
+  }
+}

package/data-table/data-table-row/data-table-row.component.scss

@@ -0,0 +1,12 @@
+:host {
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+
+:host.td-data-table-row {
+  height: 48px;
+}
+
+:host.td-data-table-column-row {
+  height: 56px;
+}

package/data-table/data-table-table/data-table-table.component.scss

@@ -0,0 +1,7 @@
+:host {
+  width: 100%;
+  position: relative;
+  border-spacing: 0;
+  overflow: hidden;
+  border-collapse: collapse;
+}

package/data-table/data-table.component.scss

@@ -0,0 +1,77 @@
+$backdrop-index: 80;
+$checkbox-size: 18px;
+
+:host {
+  display: block;
+  overflow: hidden;
+  .td-data-table-scrollable {
+    position: relative;
+    overflow: auto;
+    height: calc(100% - 56px);
+  }
+}
+
+.td-data-table-column-resizer {
+  &, .td-data-table-column-separator {
+    position: absolute;
+    height: 100%;
+    top: 0;
+  }
+  .td-data-table-column-separator {
+    left: 2px;
+  }
+  right: 0;
+  width: 6px;
+  cursor: col-resize;
+  &.td-resizing {
+    cursor: -webkit-grabbing;
+  }
+}
+
+table.td-data-table {
+  width: auto !important;
+  &.mat-selectable tbody > tr.td-data-table-row {
+    transition: background-color 0.2s;
+  }
+
+  &.mat-selectable .td-data-table-column,
+  &.mat-selectable th.td-data-table-column,
+  &.mat-selectable td.td-data-table-cell {
+    &:first-child > .td-data-table-column-content-wrapper {
+      width: 18px;
+      min-width: 18px;
+      padding: 0 24px;
+    }
+    &:nth-child(2) > .td-data-table-column-content-wrapper {
+      padding-left: 0;
+    }
+    [dir='rtl'] & {
+      &:nth-child(2) > .td-data-table-column-content-wrapper {
+        padding-right: 0;
+        padding-left: 28px;
+      }
+    }
+  }
+
+  td.mat-checkbox-cell,
+  th.mat-checkbox-column {
+    min-width: 42px;
+    width: 42px;
+    font-size: 0 !important;
+    mat-pseudo-checkbox {
+      width: $checkbox-size;
+      height: $checkbox-size;
+      ::ng-deep &.mat-pseudo-checkbox-checked::after {
+        width: 11px !important;
+        height: 4px !important;
+      }
+    }
+    mat-checkbox {
+      ::ng-deep .mat-checkbox-inner-container {
+        width: $checkbox-size;
+        height: $checkbox-size;
+        margin: 0;
+      }
+    }
+  }
+}

package/dialogs/alert-dialog/alert-dialog.component.scss

@@ -0,0 +1,3 @@
+.td-dialog-message {
+  word-break: break-word;
+}

package/dialogs/confirm-dialog/confirm-dialog.component.scss

@@ -0,0 +1,3 @@
+.td-dialog-message {
+  word-break: break-word;
+}

package/dialogs/covalent-core-dialogs.metadata.json

@@ -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"}
+{"__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"}

package/dialogs/dialog.component.scss

@@ -0,0 +1,43 @@
+.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'] & {
+    right: 16px;
+    left: auto;
+  }
+}
+
+:host {
+  display: block;
+  .td-dialog-actions {
+    // [layout="row"]
+    flex-direction: row;
+    box-sizing: border-box;
+    display: flex;
+    .td-dialog-spacer {
+      // flex
+      flex: 1;
+    }
+    ::ng-deep button {
+      text-transform: uppercase;
+      margin-left: 8px;
+      [dir='rtl'] & {
+        margin-right: 8px;
+        margin-left: inherit;
+      }
+      padding-left: 8px;
+      padding-right: 8px;
+      min-width: 64px;
+    }
+  }
+}

package/dialogs/prompt-dialog/prompt-dialog.component.scss

@@ -0,0 +1,15 @@
+.td-dialog-input-wrapper {
+  // layout row
+  flex-direction: row;
+  box-sizing: border-box;
+  display: flex;
+  .td-dialog-input {
+    // flex
+    flex: 1;
+    box-sizing: border-box;
+  }
+}
+
+.td-dialog-message {
+  word-break: break-word;
+}