@theseam/ui-common 0.2.10 → 0.2.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/theseam-ui-common-datatable.umd.js +1 -1
- package/datatable/theseam-ui-common-datatable.metadata.json +1 -1
- package/esm2015/datatable/datatable/datatable.component.js +1 -1
- package/fesm2015/theseam-ui-common-datatable.js +1 -1
- package/package.json +1 -1
- package/styles/vendor/ngx-datatable/_ngx-datatable.scss +33 -30
- package/styles/vendor/ngx-datatable/_themes/bootstrap/_variables.scss +3 -2
|
@@ -1508,7 +1508,7 @@
|
|
|
1508
1508
|
])
|
|
1509
1509
|
],
|
|
1510
1510
|
providers: [_THESEAM_DATATABLE, DatatableColumnChangesService, _THESEAM_DATATABLE_ACCESSOR],
|
|
1511
|
-
styles: [":host{display:flex;flex-grow:1;flex-direction:column}::ng-deep .seam-datatable-action-menu{min-width:auto!important}ngx-datatable{position:absolute;top:0;left:0;right:0;bottom:0}.datatable-wrapper{display:flex;flex-direction:column;flex-grow:1}.datatable-wrapper .datatable-table-wrapper{position:relative;flex:1 1 100%}.datatable-column-header-separator{position:absolute}.datatable-sort-target{cursor:pointer}"]
|
|
1511
|
+
styles: [":host{display:flex;flex-grow:1;flex-direction:column}::ng-deep .seam-datatable-action-menu{min-width:auto!important}ngx-datatable{position:absolute!important;top:0;left:0;right:0;bottom:0}.datatable-wrapper{display:flex;flex-direction:column;flex-grow:1}.datatable-wrapper .datatable-table-wrapper{position:relative;flex:1 1 100%}.datatable-column-header-separator{position:absolute}.datatable-sort-target{cursor:pointer}"]
|
|
1512
1512
|
},] }
|
|
1513
1513
|
];
|
|
1514
1514
|
DatatableComponent.ctorParameters = function () { return [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"_setColumnDefaults":{"__symbolic":"function"},"ICellContext":{"__symbolic":"interface"},"THESEAM_DATATABLE":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":89,"character":37},"arguments":["LibDatatable"]},"_THESEAM_DATATABLE":{"provide":{"__symbolic":"reference","name":"THESEAM_DATATABLE"},"useExisting":{"__symbolic":"reference","name":"DatatableComponent"}},"_THESEAM_DATATABLE_ACCESSOR":{"provide":{"__symbolic":"reference","name":"ɵa"},"useExisting":{"__symbolic":"reference","name":"DatatableComponent"}},"DatatableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":105,"character":1},"arguments":[{"selector":"seam-datatable","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":109,"character":19},"member":"OnPush"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":111,"character":4},"arguments":["slideDown",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":112,"character":6},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":113,"character":8},"arguments":[{"transform":"translateY(-20%)","opacity":"0"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":114,"character":8},"arguments":["250ms",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":114,"character":25},"arguments":[{"transform":"translateY(0)","opacity":"1"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":116,"character":6},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":117,"character":8},"arguments":[{"transform":"translateY(0)","opacity":"1"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":118,"character":8},"arguments":["250ms",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":118,"character":25},"arguments":[{"transform":"translateY(-20%)","opacity":"0"}]}]}]]}]]}],"providers":[{"__symbolic":"reference","name":"_THESEAM_DATATABLE"},{"__symbolic":"reference","name":"DatatableColumnChangesService"},{"__symbolic":"reference","name":"_THESEAM_DATATABLE_ACCESSOR"}],"template":"<div class=\"datatable-wrapper\">\n <ng-content select=\"seam-datatable-menu-bar\"></ng-content>\n <div class=\"datatable-table-wrapper\">\n <ng-container>\n <ngx-datatable\n [columnMode]=\"$any(columnMode)\"\n [scrollbarV]=\"scrollbarV\"\n [scrollbarH]=\"scrollbarH\"\n [virtualization]=\"virtualization\"\n [targetMarkerTemplate]=\"targetMarkerTemplate\"\n [groupRowsBy]=\"$any(groupRowsBy)\"\n [groupedRows]=\"$any(groupedRows)\"\n [selected]=\"$any(selected)\"\n [externalPaging]=\"externalPaging\"\n [externalSorting]=\"externalSorting\"\n [limit]=\"$any(limit)\"\n [count]=\"$any(count)\"\n [offset]=\"$any(offset)\"\n [loadingIndicator]=\"loadingIndicator\"\n [selectionType]=\"$any(selectionType)\"\n [reorderable]=\"reorderable\"\n [swapColumns]=\"swapColumns\"\n [sortType]=\"$any(sortType)\"\n [sorts]=\"$any(_sorts)\"\n [cssClasses]=\"cssClasses\"\n [messages]=\"messages\"\n [rowIdentity]=\"$any(rowIdentity)\"\n [rowClass]=\"rowClass\"\n [selectCheck]=\"selectCheck\"\n [displayCheck]=\"$any(displayCheck)\"\n [groupExpansionDefault]=\"groupExpansionDefault\"\n [trackByProp]=\"$any(trackByProp)\"\n [selectAllRowsOnPage]=\"selectAllRowsOnPage\"\n [treeFromRelation]=\"$any(treeFromRelation)\"\n [treeToRelation]=\"$any(treeToRelation)\"\n [summaryRow]=\"summaryRow\"\n [summaryHeight]=\"$any(summaryHeight)\"\n [summaryPosition]=\"$any(summaryPosition)\"\n [rows]=\"rows$ | async\"\n [columns]=\"$any(displayColumns$ | async)\"\n [headerHeight]=\"$any(headerHeight)\"\n [rowHeight]=\"$any(rowHeight)\"\n [footerHeight]=\"$any(footerHeight)\"\n (scroll)=\"scroll.emit($event)\"\n (activate)=\"activate.emit($event)\"\n (select)=\"select.emit($event)\"\n (sort)=\"sort.emit($event)\"\n (page)=\"page.emit($event)\"\n (reorder)=\"reorder.emit($event)\"\n (resize)=\"_onResize($event)\"\n (tableContextmenu)=\"tableContextmenu.emit($event)\"\n (treeAction)=\"treeAction.emit($event)\"\n (seamElemResized)=\"onDatatableResize($event)\"\n (treeAction)=\"_onTreeAction($event)\">\n\n <ngx-datatable-group-header [rowHeight]=\"50\" #myGroupHeader *ngIf=\"groupRowsBy\">\n <ng-template let-group=\"group\" let-expanded=\"expanded\" ngx-datatable-group-header-template>\n <div\n class=\"w-100 bg-light p-1\"\n [class.border-bottom]=\"!expanded\"\n [class.datatable-icon-right]=\"!expanded\"\n [class.datatable-icon-down]=\"expanded\"\n title=\"Expand/Collapse Group\"\n (click)=\"ngxDatatable?.groupHeader?.toggleExpandGroup(group)\">\n <b>Age: {{ group.age }}</b>\n </div>\n </ng-template>\n </ngx-datatable-group-header>\n\n <ngx-datatable-row-detail *ngIf=\"rowDetail && rowDetail.template\"\n [rowHeight]=\"rowDetail.rowHeight || 0\"\n [template]=\"$any(rowDetail.template)\"\n (toggle)=\"rowDetail.toggle.emit($event)\">\n </ngx-datatable-row-detail>\n\n <ngx-datatable-footer *ngIf=\"footer && footer.template\"\n [template]=\"$any(footer.template)\">\n </ngx-datatable-footer>\n </ngx-datatable>\n </ng-container>\n </div>\n</div>\n\n<ng-template #blankHeaderTpl ngx-datatable-header-template></ng-template>\n\n<ng-template #headerTpl ngx-datatable-header-template\n let-column=\"column\" let-sortFn=\"sortFn\">\n <strong *ngIf=\"!column.sortable\" class=\"draggable\">{{column.name}}</strong>\n <strong *ngIf=\"column.sortable\" class=\"datatable-sort-target draggable\" (click)=\"sortFn()\">{{column.name}}</strong>\n <div class=\"datatable-column-header-separator\"></div>\n</ng-template>\n\n<ng-template #cellTypeSelectorTpl ngx-datatable-cell-template\n let-value=\"value\" let-rowIndex=\"rowIndex\" let-row=\"row\" let-column=\"column\">\n <seam-table-cell-type-selector *ngIf=\"row\"\n [type]=\"column.cellType\"\n [value]=\"value\"\n [rowIndex]=\"rowIndex\"\n [row]=\"row\"\n [colData]=\"column\">\n </seam-table-cell-type-selector>\n</ng-template>\n\n<ng-template #actionMenuCellTpl ngx-datatable-cell-template\n let-value=\"value\" let-rowIndex=\"rowIndex\" let-row=\"row\">\n\n <ng-container *ngIf=\"row && rowActionItem?.template\">\n <ng-template\n [ngTemplateOutlet]=\"$any(rowActionItem?.template)\"\n [ngTemplateOutletContext]=\"{ $implicit: row, row: row, rowIndex: rowIndex }\">\n </ng-template>\n </ng-container>\n\n</ng-template>\n\n<ng-template #treeToggleTpl ngx-datatable-tree-toggle let-tree=\"cellContext\">\n <button\n class=\"p-0 bg-transparent border-0 btn\"\n [disabled]=\"tree.treeStatus==='disabled'\"\n (click)=\"tree.onTreeAction()\">\n <span *ngIf=\"tree.treeStatus==='loading'\">\n <fa-icon [icon]=\"faSpinner\"></fa-icon>\n </span>\n <span *ngIf=\"tree.treeStatus==='collapsed'\">\n <fa-icon [icon]=\"faChevronRight\"></fa-icon>\n </span>\n <span *ngIf=\"tree.treeStatus==='expanded'\">\n <fa-icon [icon]=\"faChevronDown\"></fa-icon>\n </span>\n <span *ngIf=\"tree.treeStatus==='disabled'\">\n <fa-icon [icon]=\"faChevronRight\"></fa-icon>\n </span>\n </button>\n</ng-template>\n","styles":[":host{display:flex;flex-grow:1;flex-direction:column}::ng-deep .seam-datatable-action-menu{min-width:auto!important}ngx-datatable{position:absolute;top:0;left:0;right:0;bottom:0}.datatable-wrapper{display:flex;flex-direction:column;flex-grow:1}.datatable-wrapper .datatable-table-wrapper{position:relative;flex:1 1 100%}.datatable-column-header-separator{position:absolute}.datatable-sort-target{cursor:pointer}"]}]}],"members":{"preferencesKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":162,"character":3}}]}],"targetMarkerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":167,"character":3}}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":169,"character":3}}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":177,"character":3}}]}],"columnMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":184,"character":3}}]}],"groupRowsBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":186,"character":3}}]}],"groupedRows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":187,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":189,"character":3}}]}],"externalPaging":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":191,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":191,"character":12}}]}],"externalSorting":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":192,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":192,"character":12}}]}],"externalFiltering":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":193,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":193,"character":12}}]}],"limit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":195,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputNumber","line":195,"character":12}}]}],"count":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":196,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputNumber","line":196,"character":12},"arguments":[0]}]}],"offset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":197,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputNumber","line":197,"character":12},"arguments":[0]}]}],"loadingIndicator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":199,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":199,"character":12}}]}],"selectionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":201,"character":3}}]}],"reorderable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":203,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":203,"character":12}}]}],"swapColumns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":204,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":204,"character":12}}]}],"sortType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":206,"character":3}}]}],"sorts":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":208,"character":3}}]}],"cssClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":215,"character":3}}]}],"messages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":224,"character":3}}]}],"rowIdentity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":236,"character":3}}]}],"rowClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":238,"character":3}}]}],"selectCheck":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":240,"character":3}}]}],"displayCheck":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":241,"character":3}}]}],"groupExpansionDefault":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":243,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":243,"character":12}}]}],"trackByProp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":245,"character":3}}]}],"selectAllRowsOnPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":247,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":247,"character":12}}]}],"treeFromRelation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":249,"character":3}}]}],"treeToRelation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":250,"character":3}}]}],"summaryRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":251,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":251,"character":12}}]}],"summaryHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":252,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputNumber","line":252,"character":12}}]}],"summaryPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":253,"character":3}}]}],"virtualization":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":255,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":255,"character":12}}]}],"headerHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":257,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputNumber","line":257,"character":12}}]}],"rowHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":258,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputNumber","line":258,"character":12}}]}],"footerHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":259,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputNumber","line":259,"character":12}}]}],"scrollbarV":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":261,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":261,"character":12}}]}],"scrollbarH":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":262,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":262,"character":12}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":264,"character":3}}]}],"scroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":272,"character":3}}]}],"activate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":273,"character":3}}]}],"select":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":274,"character":3}}]}],"sort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":275,"character":3}}]}],"page":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":276,"character":3}}]}],"reorder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":277,"character":3}}]}],"resize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":278,"character":3}}]}],"tableContextmenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":279,"character":3}}]}],"treeAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":280,"character":3}}]}],"actionRefreshRequest":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":282,"character":3}}]}],"hiddenColumnsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":283,"character":3}}]}],"columnComponents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":285,"character":3},"arguments":[{"__symbolic":"reference","name":"DatatableColumnComponent"}]}]}],"actionMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":287,"character":3},"arguments":[{"__symbolic":"reference","name":"DatatableActionMenuComponent"},{"static":true}]}]}],"rowActionItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":288,"character":3},"arguments":[{"__symbolic":"reference","name":"DatatableRowActionItemDirective"},{"static":true}]}]}],"rowDetail":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":289,"character":3},"arguments":[{"__symbolic":"reference","name":"TheSeamDatatableRowDetailDirective"},{"static":true}]}]}],"footer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":290,"character":3},"arguments":[{"__symbolic":"reference","name":"TheSeamDatatableFooterDirective"},{"static":true}]}]}],"menuBarComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":292,"character":3},"arguments":[{"__symbolic":"reference","name":"DatatableMenuBarComponent"}]}]}],"ngxDatatable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":309,"character":3},"arguments":[{"__symbolic":"reference","module":"@marklb/ngx-datatable","name":"DatatableComponent","line":309,"character":13}]}]}],"ngxDatatableElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":310,"character":3},"arguments":[{"__symbolic":"reference","module":"@marklb/ngx-datatable","name":"DatatableComponent","line":310,"character":13},{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":310,"character":44}}]}]}],"ngxRowDetail":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":311,"character":3},"arguments":[{"__symbolic":"reference","module":"@marklb/ngx-datatable","name":"DatatableRowDetailDirective","line":311,"character":13}]}]}],"actionMenuCellTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":313,"character":3},"arguments":["actionMenuCellTpl",{"static":true}]}]}],"treeToggleTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":314,"character":3},"arguments":["treeToggleTpl",{"static":true}]}]}],"headerTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":315,"character":3},"arguments":["headerTpl",{"static":true}]}]}],"blankHeaderTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":316,"character":3},"arguments":["blankHeaderTpl",{"static":true}]}]}],"cellTypeSelectorTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":317,"character":3},"arguments":["cellTypeSelectorTpl",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DatatableColumnChangesService"},{"__symbolic":"reference","module":"@angular/core","name":"KeyValueDiffers","line":332,"character":31},{"__symbolic":"reference","name":"DatatablePreferencesService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"_getMergedTplAndInpColumns":[{"__symbolic":"method"}],"_hasPrevColDiff":[{"__symbolic":"method"}],"_getColDiff":[{"__symbolic":"method"}],"_removeUnusedDiffs":[{"__symbolic":"method"}],"_setMenuBarFilters":[{"__symbolic":"method"}],"getColumnComponent":[{"__symbolic":"method"}],"_columnData":[{"__symbolic":"method"}],"_getRowExpanded":[{"__symbolic":"method"}],"trackByFnColumn":[{"__symbolic":"method"}],"onDatatableResize":[{"__symbolic":"method"}],"_onResize":[{"__symbolic":"method"}],"_onTreeAction":[{"__symbolic":"method"}],"triggerActionRefreshRequest":[{"__symbolic":"method"}]}},"DatatableActionMenuComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"seam-datatable-action-menu","template":"<seam-menu #menu\n menuClass=\"list-group py-0 border-0 seam-datatable-action-menu\"\n animationType=\"fade\">\n\n <ng-container *ngFor=\"let item of items\">\n <ng-container *ngIf=\"(item.routerLink || item.href) && !item.confirmDialog; else noRouterLink\">\n <a *ngIf=\"item.href; else noHref\"\n seamMenuItem\n class=\"list-group-item list-group-item-action py-1\"\n [disabled]=\"item.disabled\"\n [attr.href]=\"item.href\"\n [target]=\"item.target\"\n (click)=\"activateItem($event, item)\">\n {{ item.label }}\n </a>\n <ng-template #noHref>\n <a seamMenuItem\n class=\"list-group-item list-group-item-action py-1\"\n [disabled]=\"item.disabled\"\n [queryParams]=\"item.queryParams\"\n [fragment]=\"$any(item.fragment)\"\n [queryParamsHandling]=\"item.queryParamsHandling\"\n [preserveFragment]=\"$any(item.preserveFragment)\"\n [skipLocationChange]=\"$any(item.skipLocationChange)\"\n [replaceUrl]=\"$any(item.replaceUrl)\"\n [state]=\"$any(item.state)\"\n [routerLink]=\"item.routerLink\"\n [target]=\"$any(item.target)\"\n (click)=\"activateItem($event, item)\">\n {{ item.label }}\n </a>\n </ng-template>\n </ng-container>\n <ng-template #noRouterLink>\n <button seamMenuItem\n type=\"button\"\n class=\"list-group-item list-group-item-action py-1\"\n [disabled]=\"item.disabled\"\n (click)=\"activateItem($event, item)\">\n {{ item.label }}\n </button>\n </ng-template>\n </ng-container>\n</seam-menu>\n\n<button type=\"button\" class=\"datatable-action-button btn\"\n [seamMenuToggle]=\"menu\"\n [positions]=\"_actionMenuPositions || []\"\n title=\"Row Actions\">\n <seam-icon [icon]=\"faEllipsisH\"></seam-icon>\n</button>\n","styles":[":host{display:block;position:relative}.datatable-action-button{font-size:20px;line-height:20px;width:30px;height:30px;padding:0;border-radius:15px;text-align:center}.datatable-action-button::ng-deep .svg-inline--fa{vertical-align:middle}"]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":19,"character":3},"arguments":[{"__symbolic":"reference","name":"DatatableActionMenuItemComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@theseam/ui-common/confirm-dialog","name":"SeamConfirmDialogService","line":50,"character":28},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":51,"character":21}]}],"activateItem":[{"__symbolic":"method"}]}},"DatatableActionMenuItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"seam-datatable-action-menu-item","template":"","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":13,"character":19},"member":"OnPush"}}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"href":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3},"arguments":["attr.href"]}]}],"target":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"queryParams":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"fragment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"queryParamsHandling":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"preserveFragment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"skipLocationChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"replaceUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"routerLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"confirmDialog":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"click":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}]}},"DatatableColumnComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"seam-datatable-column","template":"<p>\n datatable-column works!\n</p>\n","styles":[""]}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"prop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"flexGrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"minWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"maxWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"resizeable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"sortable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"canAutoResize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"comparator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"headerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"checkboxable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"headerCheckboxable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"headerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"cellClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"frozenLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"frozenRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"pipe":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"isTreeColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"treeLevelIndent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"summaryFunc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"summaryTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"hidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"cellTplDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":59,"character":3},"arguments":[{"__symbolic":"reference","name":"DatatableCellTplDirective"},{"static":true}]}]}],"_cellTemplateInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3},"arguments":["cellTemplate"]}]}],"_cellTemplateQuery":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":65,"character":3},"arguments":[{"__symbolic":"reference","name":"DatatableCellTplDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":65,"character":51},"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DatatableColumnChangesService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getCellDirective":[{"__symbolic":"method"}]}},"DatatableColumnPreferencesComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"seam-datatable-column-preferences","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":14,"character":19},"member":"OnPush"},"template":"<h3>Columns</h3>\n\n<seam-form-field [numPaddingErrors]=\"0\" >\n <input seamInput [formControl]=\"_filterControl\" seamInputSize=\"sm\" placeholder=\"Search\">\n</seam-form-field>\n\n<div seamOverlayScrollbar style=\"min-height: 200px; max-height: 600px; min-width: 250px;\" class=\"flex-grow-1 mb-2\">\n <div class=\"p-2\">\n <ng-container *ngFor=\"let col of _columns$ | async\">\n <seam-checkbox [checked]=\"!col.hidden\" (change)=\"_onChange($event, col)\">{{ col.name || col.prop }}</seam-checkbox>\n </ng-container>\n </div>\n\n</div>\n<div class=\"d-flex flex-row justify-content-end\">\n <!-- <button seamButton size=\"sm\" theme=\"lightgray\" (click)=\"_onCloseClick()\">Close</button> -->\n <!-- <button seamButton size=\"sm\" theme=\"lightgray\" class=\"mr-1\">Cancel</button>\n <button seamButton size=\"sm\" theme=\"success\">Done</button> -->\n</div>\n","styles":[":host{display:flex;flex-direction:column}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":23,"character":5},"arguments":[{"__symbolic":"reference","name":"THESEAM_DATATABLE"}]}]],"parameters":[{"__symbolic":"reference","name":"DatatableComponent"}]}],"ngOnInit":[{"__symbolic":"method"}],"_onChange":[{"__symbolic":"method"}],"_onCloseClick":[{"__symbolic":"method"}]}},"DatatableColumnPreferencesButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"seam-datatable-column-preferences-button","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":8,"character":19},"member":"OnPush"},"template":"<ng-template #colPrefsTpl>\n <seam-datatable-column-preferences></seam-datatable-column-preferences>\n</ng-template>\n\n\n<button\n seamButton\n [seamPopover]=\"colPrefsTpl\"\n theme=\"lightgray\"\n size=\"sm\"\n style=\"padding-left: 10px; padding-right: 10px;\"\n title=\"Column Preferences\"\n >\n <seam-icon [icon]=\"icon\"></seam-icon>\n <span class=\"sr-only\">Column Preferences</span>\n</button>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"IDatatableExportButtonData":{"__symbolic":"interface"},"DatatableExportButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"seam-datatable-export-button","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":23,"character":19},"member":"OnPush"},"template":"<seam-menu #menu>\n <button *ngFor=\"let exp of exporters\"\n seamMenuItem\n [icon]=\"exp?.icon\"\n (click)=\"_onExporterClicked(exp)\">\n {{ exp.label }}\n </button>\n</seam-menu>\n<button\n [seamMenuToggle]=\"menu\"\n seamButton\n theme=\"lightgray\"\n size=\"sm\"\n class=\"dropdown-toggle\"\n style=\"padding-left: 10px; padding-right: 10px;\"\n title=\"Export\"\n [disabled]=\"disabled\"\n >\n <seam-icon [icon]=\"icon\" class=\"mr-2\"></seam-icon>\n</button>\n","styles":[":host{display:inline-block}"]}]}],"members":{"exporters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":36,"character":5},"arguments":[{"__symbolic":"reference","name":"THESEAM_DATATABLE"}]}],null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":40,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":40,"character":17},"arguments":[{"__symbolic":"reference","module":"@theseam/ui-common/dynamic","name":"THESEAM_DYNAMIC_DATA","line":40,"character":24}]}]],"parameters":[{"__symbolic":"reference","name":"DatatableComponent"},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":37,"character":30},{"__symbolic":"reference","module":"@theseam/ui-common/loading","name":"TheSeamLoadingOverlayService","line":38,"character":31},{"__symbolic":"reference","module":"@theseam/ui-common/dynamic","name":"DynamicValueHelperService","line":39,"character":35},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"_onExporterClicked":[{"__symbolic":"method"}],"_mapExportData":[{"__symbolic":"method"}],"_rowValue":[{"__symbolic":"method"}]}},"DatatableFooterTplDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamDatatableFooterTpl]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"TheSeamDatatableFooterDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"seam-datatable-footer"}]}],"members":{"_templateInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3},"arguments":["template"]}]}],"_templateQuery":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":14,"character":3},"arguments":[{"__symbolic":"reference","name":"DatatableFooterTplDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":14,"character":53},"static":true}]}]}]}},"_THESEAM_DATA_FILTER_CONTAINER":{"provide":{"__symbolic":"reference","module":"@theseam/ui-common/data-filters","name":"THESEAM_DATA_FILTER_CONTAINER","line":8,"character":11},"useExisting":{"__symbolic":"reference","name":"DatatableMenuBarComponent"}},"DatatableMenuBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"seam-datatable-menu-bar","providers":[{"__symbolic":"reference","name":"_THESEAM_DATA_FILTER_CONTAINER"}],"template":"<div class=\"bg-light border rounded p-2\">\n <ng-content></ng-content>\n</div>\n","styles":[":host{display:block}"]}]}],"members":{"filterDirectives":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":21,"character":3},"arguments":[{"__symbolic":"reference","name":"DatatableFilterDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"filters":[{"__symbolic":"method"}],"addFilter":[{"__symbolic":"method"}],"removeFilter":[{"__symbolic":"method"}]}},"DatatableMenuBarColumnCenterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-datatable-menu-bar-column-center","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"template":"<ng-content></ng-content>\n","styles":[":host{display:flex;flex-direction:row;flex:1 1 auto;justify-content:center}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"DatatableMenuBarColumnLeftComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-datatable-menu-bar-column-left","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"template":"<ng-content></ng-content>\n","styles":[":host{display:flex;flex-direction:row;flex:1 1 0%;justify-content:flex-start}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"DatatableMenuBarColumnRightComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-datatable-menu-bar-column-right","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"template":"<ng-content></ng-content>\n","styles":[":host{display:flex;flex-direction:row;flex:1 1 0%;justify-content:flex-end}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"DatatableMenuBarRowComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-datatable-menu-bar-row","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"template":"<ng-content></ng-content>\n","styles":[":host{display:flex;flex-direction:row;flex-wrap:wrap}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"DatatableMenuBarTextComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"seam-datatable-menu-bar-text","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":12,"character":19},"member":"OnPush"},"template":"{{ value }}\n","styles":[""]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":21,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":21,"character":17},"arguments":[{"__symbolic":"reference","name":"THESEAM_MENUBAR_ITEM_DATA"}]}]],"parameters":[{"__symbolic":"reference","name":"DatatableMenuBarComponent"},{"__symbolic":"reference","name":"MenubarItemData"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"DatatableRowDetailTplDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamDatatableRowDetailTpl]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"TheSeamDatatableRowDetailDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"seam-datatable-row-detail"}]}],"members":{"rowHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"_templateInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3},"arguments":["template"]}]}],"_templateQuery":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":20,"character":3},"arguments":[{"__symbolic":"reference","name":"DatatableRowDetailTplDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":20,"character":56},"static":true}]}]}],"toggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"toggleExpandRow":[{"__symbolic":"method"}],"expandAllRows":[{"__symbolic":"method"}],"collapseAllRows":[{"__symbolic":"method"}]}},"TheSeamDatatableRow":{"__symbolic":"interface"},"DatatableActionMenuItemDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":38,"character":1},"arguments":[{"selector":"[seamDatatableActionMenuItem]"}]}],"members":{"_listGroupItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":43,"character":3},"arguments":["class.list-group-item"]}]}],"_listGroupItemAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":44,"character":3},"arguments":["class.list-group-item-action"]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"href":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3},"arguments":["attr.href"]}]}],"target":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"queryParams":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"fragment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"queryParamsHandling":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"preserveFragment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"skipLocationChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"replaceUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"routerLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"confirmDialog":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"row":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3}}]}],"click":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":103,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":108,"character":5}}]],"parameters":[{"__symbolic":"reference","module":"@theseam/ui-common/modal","name":"Modal","line":106,"character":29},{"__symbolic":"reference","module":"@theseam/ui-common/dynamic-component-loader","name":"TheSeamDynamicComponentLoader","line":107,"character":46},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":108,"character":40}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"DatatableActionMenuToggleDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"[seamDatatableActionMenuToggle]","exportAs":"seamDatatableActionMenuToggle"}]}],"members":{"seamDatatableActionMenuToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"_onKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":17,"character":3},"arguments":["document:keydown",["$event"]]}]}],"_onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":24,"character":3},"arguments":["click",["$event"]]}]}],"_mouseDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":29,"character":3},"arguments":["mousedown",["$event"]]}]}],"_pointerDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":30,"character":3},"arguments":["pointerdown",["$event"]]}]}],"_mouseUp":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":32,"character":3},"arguments":["mouseup",["$event"]]}]}],"_pointerUp":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":33,"character":3},"arguments":["pointerup",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":36,"character":36,"context":{"typeName":"HTMLElement"},"module":"./directives/datatable-action-menu-toggle.directive"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":37,"character":31},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":38,"character":22}]}],"toggle":[{"__symbolic":"method"}],"enable":[{"__symbolic":"method"}],"disable":[{"__symbolic":"method"}],"getOverlayPosition":[{"__symbolic":"method"}],"getPositions":[{"__symbolic":"method"}],"onFocusChangeOverlay":[{"__symbolic":"method"}],"onInputDown":[{"__symbolic":"method"}],"onInputUp":[{"__symbolic":"method"}]}},"DatatableCellTplDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamDatatableCellTpl]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"DatatableFilterDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[seamDatatableFilter]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":12,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":13},"arguments":[{"__symbolic":"reference","module":"@theseam/ui-common/data-filters","name":"THESEAM_DATA_FILTER","line":12,"character":20}]}]],"parameters":[{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","module":"@theseam/ui-common/data-filters","name":"IDataFilter","line":12,"character":54}]}]}]}},"DatatableRowActionItemDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamDatatableRowActionItem]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"TheSeamDatatableAccessor":{"__symbolic":"interface"},"DatatableDataSource":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@angular/cdk/collections","name":"DataSource","line":10,"character":56},"members":{"__ctor__":[{"__symbolic":"constructor"}],"setDatatableAccessor":[{"__symbolic":"method"}]}},"DatatableGqlDataSource":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"DatatableDataSource"},"members":{"connect":[{"__symbolic":"method"}],"disconnect":[{"__symbolic":"method"}]}},"MenubarItemData":{"__symbolic":"interface"},"TheSeamPageInfo":{"__symbolic":"interface"},"ITheSeamDatatablePreferencesAccessor":{"__symbolic":"interface"},"ITheSeamDatatablePreferencesColumn":{"__symbolic":"interface"},"ITheSeamDatatablePreferences":{"__symbolic":"interface"},"TheSeamDatatableColumnHidable":{"__symbolic":"interface"},"TheSeamDatatableColumn":{"__symbolic":"interface"},"SortEvent":{"__symbolic":"interface"},"SortItem":{"__symbolic":"interface"},"DatatableColumnChangesService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"onInputChange":[{"__symbolic":"method"}]}},"IDatatablePreferencesMapRecord":{"__symbolic":"interface"},"DatatablePreferencesService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":26,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":26,"character":17},"arguments":[{"__symbolic":"reference","name":"THESEAM_DATATABLE_PREFERENCES_ACCESSOR"}]}]],"parameters":[{"__symbolic":"reference","name":"ITheSeamDatatablePreferencesAccessor"}]}],"preferences":[{"__symbolic":"method"}],"_createObservable":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"setColumnPreference":[{"__symbolic":"method"}],"withColumnPreferences":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"TheSeamDatatableScrollbarHelperService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":19,"character":21},{"__symbolic":"reference","module":"@theseam/ui-common/scrollbar","name":"OverlayScrollbarsService","line":20,"character":25}]}],"onInitScroller":[{"__symbolic":"method"}],"onDestroyScroller":[{"__symbolic":"method"}],"setOffset":[{"__symbolic":"method"}]}},"THESEAM_DATATABLE_PREFERENCES_ACCESSOR":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":58},"arguments":["ITheSeamDatatablePreferencesAccessor"]},"THESEAM_MENUBAR_ITEM_DATA":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":45},"arguments":["MenubarItemData"]},"withStoredColumnInfo":{"__symbolic":"function"},"TheSeamDatatableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":47,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DatatableComponent"},{"__symbolic":"reference","name":"DatatableCellTplDirective"},{"__symbolic":"reference","name":"DatatableColumnComponent"},{"__symbolic":"reference","name":"DatatableActionMenuComponent"},{"__symbolic":"reference","name":"DatatableActionMenuToggleDirective"},{"__symbolic":"reference","name":"DatatableActionMenuItemComponent"},{"__symbolic":"reference","name":"DatatableMenuBarComponent"},{"__symbolic":"reference","name":"DatatableFilterDirective"},{"__symbolic":"reference","name":"DatatableRowActionItemDirective"},{"__symbolic":"reference","name":"DatatableExportButtonComponent"},{"__symbolic":"reference","name":"TheSeamDatatableRowDetailDirective"},{"__symbolic":"reference","name":"DatatableRowDetailTplDirective"},{"__symbolic":"reference","name":"TheSeamDatatableFooterDirective"},{"__symbolic":"reference","name":"DatatableFooterTplDirective"},{"__symbolic":"reference","name":"DatatableColumnPreferencesComponent"},{"__symbolic":"reference","name":"DatatableColumnPreferencesButtonComponent"},{"__symbolic":"reference","name":"DatatableActionMenuItemDirective"},{"__symbolic":"reference","name":"DatatableMenuBarRowComponent"},{"__symbolic":"reference","name":"DatatableMenuBarColumnLeftComponent"},{"__symbolic":"reference","name":"DatatableMenuBarColumnCenterComponent"},{"__symbolic":"reference","name":"DatatableMenuBarColumnRightComponent"},{"__symbolic":"reference","name":"DatatableMenuBarTextComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":73,"character":4},{"__symbolic":"reference","module":"@marklb/ngx-datatable","name":"NgxDatatableModule","line":74,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":75,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":76,"character":4},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":77,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/shared","name":"TheSeamSharedModule","line":78,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":79,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/menu","name":"TheSeamMenuModule","line":80,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/buttons","name":"TheSeamButtonsModule","line":81,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/icon","name":"TheSeamIconModule","line":82,"character":4},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrModule","line":83,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/loading","name":"TheSeamLoadingModule","line":84,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":85,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/confirm-dialog","name":"TheSeamConfirmDialogModule","line":86,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/popover","name":"TheSeamPopoverModule","line":87,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/checkbox","name":"TheSeamCheckboxModule","line":88,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/form-field","name":"TheSeamFormFieldModule","line":89,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":90,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/table-cell-type","name":"TheSeamTableCellTypeModule","line":91,"character":4}],"exports":[{"__symbolic":"reference","name":"DatatableComponent"},{"__symbolic":"reference","name":"DatatableCellTplDirective"},{"__symbolic":"reference","name":"DatatableColumnComponent"},{"__symbolic":"reference","name":"DatatableActionMenuComponent"},{"__symbolic":"reference","name":"DatatableActionMenuItemComponent"},{"__symbolic":"reference","name":"DatatableMenuBarComponent"},{"__symbolic":"reference","name":"DatatableFilterDirective"},{"__symbolic":"reference","name":"DatatableRowActionItemDirective"},{"__symbolic":"reference","name":"DatatableExportButtonComponent"},{"__symbolic":"reference","name":"TheSeamDatatableRowDetailDirective"},{"__symbolic":"reference","name":"DatatableRowDetailTplDirective"},{"__symbolic":"reference","name":"TheSeamDatatableFooterDirective"},{"__symbolic":"reference","name":"DatatableFooterTplDirective"},{"__symbolic":"reference","name":"DatatableColumnPreferencesComponent"},{"__symbolic":"reference","name":"DatatableColumnPreferencesButtonComponent"},{"__symbolic":"reference","name":"DatatableActionMenuItemDirective"},{"__symbolic":"reference","name":"DatatableMenuBarRowComponent"},{"__symbolic":"reference","name":"DatatableMenuBarColumnLeftComponent"},{"__symbolic":"reference","name":"DatatableMenuBarColumnCenterComponent"},{"__symbolic":"reference","name":"DatatableMenuBarColumnRightComponent"},{"__symbolic":"reference","name":"DatatableMenuBarTextComponent"}],"providers":[{"provide":{"__symbolic":"reference","module":"@marklb/ngx-datatable","name":"ScrollbarHelper","line":117,"character":15},"useClass":{"__symbolic":"reference","name":"TheSeamDatatableScrollbarHelperService"}}],"entryComponents":[{"__symbolic":"reference","name":"DatatableColumnPreferencesComponent"},{"__symbolic":"reference","name":"DatatableExportButtonComponent"},{"__symbolic":"reference","name":"DatatableMenuBarTextComponent"}]}]}],"members":{}},"ɵa":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":46},"arguments":["TheSeamDatatableAccessor"]}},"origins":{"_setColumnDefaults":"./datatable/datatable.component","ICellContext":"./datatable/datatable.component","THESEAM_DATATABLE":"./datatable/datatable.component","_THESEAM_DATATABLE":"./datatable/datatable.component","_THESEAM_DATATABLE_ACCESSOR":"./datatable/datatable.component","DatatableComponent":"./datatable/datatable.component","DatatableActionMenuComponent":"./datatable-action-menu/datatable-action-menu.component","DatatableActionMenuItemComponent":"./datatable-action-menu-item/datatable-action-menu-item.component","DatatableColumnComponent":"./datatable-column/datatable-column.component","DatatableColumnPreferencesComponent":"./datatable-column-preferences/datatable-column-preferences.component","DatatableColumnPreferencesButtonComponent":"./datatable-column-preferences-button/datatable-column-preferences-button.component","IDatatableExportButtonData":"./datatable-export-button/datatable-export-button.component","DatatableExportButtonComponent":"./datatable-export-button/datatable-export-button.component","DatatableFooterTplDirective":"./datatable-footer/datatable-footer-tpl.directive","TheSeamDatatableFooterDirective":"./datatable-footer/datatable-footer.directive","_THESEAM_DATA_FILTER_CONTAINER":"./datatable-menu-bar/datatable-menu-bar.component","DatatableMenuBarComponent":"./datatable-menu-bar/datatable-menu-bar.component","DatatableMenuBarColumnCenterComponent":"./datatable-menu-bar-column-center/datatable-menu-bar-column-center.component","DatatableMenuBarColumnLeftComponent":"./datatable-menu-bar-column-left/datatable-menu-bar-column-left.component","DatatableMenuBarColumnRightComponent":"./datatable-menu-bar-column-right/datatable-menu-bar-column-right.component","DatatableMenuBarRowComponent":"./datatable-menu-bar-row/datatable-menu-bar-row.component","DatatableMenuBarTextComponent":"./datatable-menu-bar-text/datatable-menu-bar-text.component","DatatableRowDetailTplDirective":"./datatable-row-detail/datatable-row-detail-tpl.directive","TheSeamDatatableRowDetailDirective":"./datatable-row-detail/datatable-row-detail.directive","TheSeamDatatableRow":"./directives/datatable-action-menu-item.directive","DatatableActionMenuItemDirective":"./directives/datatable-action-menu-item.directive","DatatableActionMenuToggleDirective":"./directives/datatable-action-menu-toggle.directive","DatatableCellTplDirective":"./directives/datatable-cell-tpl.directive","DatatableFilterDirective":"./directives/datatable-filter.directive","DatatableRowActionItemDirective":"./directives/datatable-row-action-item.directive","TheSeamDatatableAccessor":"./models/datatable-accessor","DatatableDataSource":"./models/datatable-data-source","DatatableGqlDataSource":"./models/datatable-gql-data-source","MenubarItemData":"./models/menubar-item-data","TheSeamPageInfo":"./models/page-info","ITheSeamDatatablePreferencesAccessor":"./models/preferences-accessor","ITheSeamDatatablePreferencesColumn":"./models/preferences","ITheSeamDatatablePreferences":"./models/preferences","TheSeamDatatableColumnHidable":"./models/table-column","TheSeamDatatableColumn":"./models/table-column","SortEvent":"./models/sort-event","SortItem":"./models/sort-item","DatatableColumnChangesService":"./services/datatable-column-changes.service","IDatatablePreferencesMapRecord":"./services/datatable-preferences.service","DatatablePreferencesService":"./services/datatable-preferences.service","TheSeamDatatableScrollbarHelperService":"./services/datatable-scrollbar-helper.service","THESEAM_DATATABLE_PREFERENCES_ACCESSOR":"./tokens/datatable-preferences-accessor","THESEAM_MENUBAR_ITEM_DATA":"./tokens/menubar-item-data","withStoredColumnInfo":"./utils/with-stored-column-info","TheSeamDatatableModule":"./datatable.module","ɵa":"./tokens/datatable-accessor"},"importAs":"@theseam/ui-common/datatable"}
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"_setColumnDefaults":{"__symbolic":"function"},"ICellContext":{"__symbolic":"interface"},"THESEAM_DATATABLE":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":89,"character":37},"arguments":["LibDatatable"]},"_THESEAM_DATATABLE":{"provide":{"__symbolic":"reference","name":"THESEAM_DATATABLE"},"useExisting":{"__symbolic":"reference","name":"DatatableComponent"}},"_THESEAM_DATATABLE_ACCESSOR":{"provide":{"__symbolic":"reference","name":"ɵa"},"useExisting":{"__symbolic":"reference","name":"DatatableComponent"}},"DatatableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":105,"character":1},"arguments":[{"selector":"seam-datatable","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":109,"character":19},"member":"OnPush"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":111,"character":4},"arguments":["slideDown",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":112,"character":6},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":113,"character":8},"arguments":[{"transform":"translateY(-20%)","opacity":"0"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":114,"character":8},"arguments":["250ms",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":114,"character":25},"arguments":[{"transform":"translateY(0)","opacity":"1"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":116,"character":6},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":117,"character":8},"arguments":[{"transform":"translateY(0)","opacity":"1"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":118,"character":8},"arguments":["250ms",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":118,"character":25},"arguments":[{"transform":"translateY(-20%)","opacity":"0"}]}]}]]}]]}],"providers":[{"__symbolic":"reference","name":"_THESEAM_DATATABLE"},{"__symbolic":"reference","name":"DatatableColumnChangesService"},{"__symbolic":"reference","name":"_THESEAM_DATATABLE_ACCESSOR"}],"template":"<div class=\"datatable-wrapper\">\n <ng-content select=\"seam-datatable-menu-bar\"></ng-content>\n <div class=\"datatable-table-wrapper\">\n <ng-container>\n <ngx-datatable\n [columnMode]=\"$any(columnMode)\"\n [scrollbarV]=\"scrollbarV\"\n [scrollbarH]=\"scrollbarH\"\n [virtualization]=\"virtualization\"\n [targetMarkerTemplate]=\"targetMarkerTemplate\"\n [groupRowsBy]=\"$any(groupRowsBy)\"\n [groupedRows]=\"$any(groupedRows)\"\n [selected]=\"$any(selected)\"\n [externalPaging]=\"externalPaging\"\n [externalSorting]=\"externalSorting\"\n [limit]=\"$any(limit)\"\n [count]=\"$any(count)\"\n [offset]=\"$any(offset)\"\n [loadingIndicator]=\"loadingIndicator\"\n [selectionType]=\"$any(selectionType)\"\n [reorderable]=\"reorderable\"\n [swapColumns]=\"swapColumns\"\n [sortType]=\"$any(sortType)\"\n [sorts]=\"$any(_sorts)\"\n [cssClasses]=\"cssClasses\"\n [messages]=\"messages\"\n [rowIdentity]=\"$any(rowIdentity)\"\n [rowClass]=\"rowClass\"\n [selectCheck]=\"selectCheck\"\n [displayCheck]=\"$any(displayCheck)\"\n [groupExpansionDefault]=\"groupExpansionDefault\"\n [trackByProp]=\"$any(trackByProp)\"\n [selectAllRowsOnPage]=\"selectAllRowsOnPage\"\n [treeFromRelation]=\"$any(treeFromRelation)\"\n [treeToRelation]=\"$any(treeToRelation)\"\n [summaryRow]=\"summaryRow\"\n [summaryHeight]=\"$any(summaryHeight)\"\n [summaryPosition]=\"$any(summaryPosition)\"\n [rows]=\"rows$ | async\"\n [columns]=\"$any(displayColumns$ | async)\"\n [headerHeight]=\"$any(headerHeight)\"\n [rowHeight]=\"$any(rowHeight)\"\n [footerHeight]=\"$any(footerHeight)\"\n (scroll)=\"scroll.emit($event)\"\n (activate)=\"activate.emit($event)\"\n (select)=\"select.emit($event)\"\n (sort)=\"sort.emit($event)\"\n (page)=\"page.emit($event)\"\n (reorder)=\"reorder.emit($event)\"\n (resize)=\"_onResize($event)\"\n (tableContextmenu)=\"tableContextmenu.emit($event)\"\n (treeAction)=\"treeAction.emit($event)\"\n (seamElemResized)=\"onDatatableResize($event)\"\n (treeAction)=\"_onTreeAction($event)\">\n\n <ngx-datatable-group-header [rowHeight]=\"50\" #myGroupHeader *ngIf=\"groupRowsBy\">\n <ng-template let-group=\"group\" let-expanded=\"expanded\" ngx-datatable-group-header-template>\n <div\n class=\"w-100 bg-light p-1\"\n [class.border-bottom]=\"!expanded\"\n [class.datatable-icon-right]=\"!expanded\"\n [class.datatable-icon-down]=\"expanded\"\n title=\"Expand/Collapse Group\"\n (click)=\"ngxDatatable?.groupHeader?.toggleExpandGroup(group)\">\n <b>Age: {{ group.age }}</b>\n </div>\n </ng-template>\n </ngx-datatable-group-header>\n\n <ngx-datatable-row-detail *ngIf=\"rowDetail && rowDetail.template\"\n [rowHeight]=\"rowDetail.rowHeight || 0\"\n [template]=\"$any(rowDetail.template)\"\n (toggle)=\"rowDetail.toggle.emit($event)\">\n </ngx-datatable-row-detail>\n\n <ngx-datatable-footer *ngIf=\"footer && footer.template\"\n [template]=\"$any(footer.template)\">\n </ngx-datatable-footer>\n </ngx-datatable>\n </ng-container>\n </div>\n</div>\n\n<ng-template #blankHeaderTpl ngx-datatable-header-template></ng-template>\n\n<ng-template #headerTpl ngx-datatable-header-template\n let-column=\"column\" let-sortFn=\"sortFn\">\n <strong *ngIf=\"!column.sortable\" class=\"draggable\">{{column.name}}</strong>\n <strong *ngIf=\"column.sortable\" class=\"datatable-sort-target draggable\" (click)=\"sortFn()\">{{column.name}}</strong>\n <div class=\"datatable-column-header-separator\"></div>\n</ng-template>\n\n<ng-template #cellTypeSelectorTpl ngx-datatable-cell-template\n let-value=\"value\" let-rowIndex=\"rowIndex\" let-row=\"row\" let-column=\"column\">\n <seam-table-cell-type-selector *ngIf=\"row\"\n [type]=\"column.cellType\"\n [value]=\"value\"\n [rowIndex]=\"rowIndex\"\n [row]=\"row\"\n [colData]=\"column\">\n </seam-table-cell-type-selector>\n</ng-template>\n\n<ng-template #actionMenuCellTpl ngx-datatable-cell-template\n let-value=\"value\" let-rowIndex=\"rowIndex\" let-row=\"row\">\n\n <ng-container *ngIf=\"row && rowActionItem?.template\">\n <ng-template\n [ngTemplateOutlet]=\"$any(rowActionItem?.template)\"\n [ngTemplateOutletContext]=\"{ $implicit: row, row: row, rowIndex: rowIndex }\">\n </ng-template>\n </ng-container>\n\n</ng-template>\n\n<ng-template #treeToggleTpl ngx-datatable-tree-toggle let-tree=\"cellContext\">\n <button\n class=\"p-0 bg-transparent border-0 btn\"\n [disabled]=\"tree.treeStatus==='disabled'\"\n (click)=\"tree.onTreeAction()\">\n <span *ngIf=\"tree.treeStatus==='loading'\">\n <fa-icon [icon]=\"faSpinner\"></fa-icon>\n </span>\n <span *ngIf=\"tree.treeStatus==='collapsed'\">\n <fa-icon [icon]=\"faChevronRight\"></fa-icon>\n </span>\n <span *ngIf=\"tree.treeStatus==='expanded'\">\n <fa-icon [icon]=\"faChevronDown\"></fa-icon>\n </span>\n <span *ngIf=\"tree.treeStatus==='disabled'\">\n <fa-icon [icon]=\"faChevronRight\"></fa-icon>\n </span>\n </button>\n</ng-template>\n","styles":[":host{display:flex;flex-grow:1;flex-direction:column}::ng-deep .seam-datatable-action-menu{min-width:auto!important}ngx-datatable{position:absolute!important;top:0;left:0;right:0;bottom:0}.datatable-wrapper{display:flex;flex-direction:column;flex-grow:1}.datatable-wrapper .datatable-table-wrapper{position:relative;flex:1 1 100%}.datatable-column-header-separator{position:absolute}.datatable-sort-target{cursor:pointer}"]}]}],"members":{"preferencesKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":162,"character":3}}]}],"targetMarkerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":167,"character":3}}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":169,"character":3}}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":177,"character":3}}]}],"columnMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":184,"character":3}}]}],"groupRowsBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":186,"character":3}}]}],"groupedRows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":187,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":189,"character":3}}]}],"externalPaging":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":191,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":191,"character":12}}]}],"externalSorting":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":192,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":192,"character":12}}]}],"externalFiltering":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":193,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":193,"character":12}}]}],"limit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":195,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputNumber","line":195,"character":12}}]}],"count":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":196,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputNumber","line":196,"character":12},"arguments":[0]}]}],"offset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":197,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputNumber","line":197,"character":12},"arguments":[0]}]}],"loadingIndicator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":199,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":199,"character":12}}]}],"selectionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":201,"character":3}}]}],"reorderable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":203,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":203,"character":12}}]}],"swapColumns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":204,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":204,"character":12}}]}],"sortType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":206,"character":3}}]}],"sorts":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":208,"character":3}}]}],"cssClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":215,"character":3}}]}],"messages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":224,"character":3}}]}],"rowIdentity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":236,"character":3}}]}],"rowClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":238,"character":3}}]}],"selectCheck":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":240,"character":3}}]}],"displayCheck":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":241,"character":3}}]}],"groupExpansionDefault":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":243,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":243,"character":12}}]}],"trackByProp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":245,"character":3}}]}],"selectAllRowsOnPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":247,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":247,"character":12}}]}],"treeFromRelation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":249,"character":3}}]}],"treeToRelation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":250,"character":3}}]}],"summaryRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":251,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":251,"character":12}}]}],"summaryHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":252,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputNumber","line":252,"character":12}}]}],"summaryPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":253,"character":3}}]}],"virtualization":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":255,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":255,"character":12}}]}],"headerHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":257,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputNumber","line":257,"character":12}}]}],"rowHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":258,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputNumber","line":258,"character":12}}]}],"footerHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":259,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputNumber","line":259,"character":12}}]}],"scrollbarV":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":261,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":261,"character":12}}]}],"scrollbarH":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":262,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":262,"character":12}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":264,"character":3}}]}],"scroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":272,"character":3}}]}],"activate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":273,"character":3}}]}],"select":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":274,"character":3}}]}],"sort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":275,"character":3}}]}],"page":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":276,"character":3}}]}],"reorder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":277,"character":3}}]}],"resize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":278,"character":3}}]}],"tableContextmenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":279,"character":3}}]}],"treeAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":280,"character":3}}]}],"actionRefreshRequest":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":282,"character":3}}]}],"hiddenColumnsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":283,"character":3}}]}],"columnComponents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":285,"character":3},"arguments":[{"__symbolic":"reference","name":"DatatableColumnComponent"}]}]}],"actionMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":287,"character":3},"arguments":[{"__symbolic":"reference","name":"DatatableActionMenuComponent"},{"static":true}]}]}],"rowActionItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":288,"character":3},"arguments":[{"__symbolic":"reference","name":"DatatableRowActionItemDirective"},{"static":true}]}]}],"rowDetail":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":289,"character":3},"arguments":[{"__symbolic":"reference","name":"TheSeamDatatableRowDetailDirective"},{"static":true}]}]}],"footer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":290,"character":3},"arguments":[{"__symbolic":"reference","name":"TheSeamDatatableFooterDirective"},{"static":true}]}]}],"menuBarComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":292,"character":3},"arguments":[{"__symbolic":"reference","name":"DatatableMenuBarComponent"}]}]}],"ngxDatatable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":309,"character":3},"arguments":[{"__symbolic":"reference","module":"@marklb/ngx-datatable","name":"DatatableComponent","line":309,"character":13}]}]}],"ngxDatatableElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":310,"character":3},"arguments":[{"__symbolic":"reference","module":"@marklb/ngx-datatable","name":"DatatableComponent","line":310,"character":13},{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":310,"character":44}}]}]}],"ngxRowDetail":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":311,"character":3},"arguments":[{"__symbolic":"reference","module":"@marklb/ngx-datatable","name":"DatatableRowDetailDirective","line":311,"character":13}]}]}],"actionMenuCellTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":313,"character":3},"arguments":["actionMenuCellTpl",{"static":true}]}]}],"treeToggleTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":314,"character":3},"arguments":["treeToggleTpl",{"static":true}]}]}],"headerTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":315,"character":3},"arguments":["headerTpl",{"static":true}]}]}],"blankHeaderTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":316,"character":3},"arguments":["blankHeaderTpl",{"static":true}]}]}],"cellTypeSelectorTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":317,"character":3},"arguments":["cellTypeSelectorTpl",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DatatableColumnChangesService"},{"__symbolic":"reference","module":"@angular/core","name":"KeyValueDiffers","line":332,"character":31},{"__symbolic":"reference","name":"DatatablePreferencesService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"_getMergedTplAndInpColumns":[{"__symbolic":"method"}],"_hasPrevColDiff":[{"__symbolic":"method"}],"_getColDiff":[{"__symbolic":"method"}],"_removeUnusedDiffs":[{"__symbolic":"method"}],"_setMenuBarFilters":[{"__symbolic":"method"}],"getColumnComponent":[{"__symbolic":"method"}],"_columnData":[{"__symbolic":"method"}],"_getRowExpanded":[{"__symbolic":"method"}],"trackByFnColumn":[{"__symbolic":"method"}],"onDatatableResize":[{"__symbolic":"method"}],"_onResize":[{"__symbolic":"method"}],"_onTreeAction":[{"__symbolic":"method"}],"triggerActionRefreshRequest":[{"__symbolic":"method"}]}},"DatatableActionMenuComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"seam-datatable-action-menu","template":"<seam-menu #menu\n menuClass=\"list-group py-0 border-0 seam-datatable-action-menu\"\n animationType=\"fade\">\n\n <ng-container *ngFor=\"let item of items\">\n <ng-container *ngIf=\"(item.routerLink || item.href) && !item.confirmDialog; else noRouterLink\">\n <a *ngIf=\"item.href; else noHref\"\n seamMenuItem\n class=\"list-group-item list-group-item-action py-1\"\n [disabled]=\"item.disabled\"\n [attr.href]=\"item.href\"\n [target]=\"item.target\"\n (click)=\"activateItem($event, item)\">\n {{ item.label }}\n </a>\n <ng-template #noHref>\n <a seamMenuItem\n class=\"list-group-item list-group-item-action py-1\"\n [disabled]=\"item.disabled\"\n [queryParams]=\"item.queryParams\"\n [fragment]=\"$any(item.fragment)\"\n [queryParamsHandling]=\"item.queryParamsHandling\"\n [preserveFragment]=\"$any(item.preserveFragment)\"\n [skipLocationChange]=\"$any(item.skipLocationChange)\"\n [replaceUrl]=\"$any(item.replaceUrl)\"\n [state]=\"$any(item.state)\"\n [routerLink]=\"item.routerLink\"\n [target]=\"$any(item.target)\"\n (click)=\"activateItem($event, item)\">\n {{ item.label }}\n </a>\n </ng-template>\n </ng-container>\n <ng-template #noRouterLink>\n <button seamMenuItem\n type=\"button\"\n class=\"list-group-item list-group-item-action py-1\"\n [disabled]=\"item.disabled\"\n (click)=\"activateItem($event, item)\">\n {{ item.label }}\n </button>\n </ng-template>\n </ng-container>\n</seam-menu>\n\n<button type=\"button\" class=\"datatable-action-button btn\"\n [seamMenuToggle]=\"menu\"\n [positions]=\"_actionMenuPositions || []\"\n title=\"Row Actions\">\n <seam-icon [icon]=\"faEllipsisH\"></seam-icon>\n</button>\n","styles":[":host{display:block;position:relative}.datatable-action-button{font-size:20px;line-height:20px;width:30px;height:30px;padding:0;border-radius:15px;text-align:center}.datatable-action-button::ng-deep .svg-inline--fa{vertical-align:middle}"]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":19,"character":3},"arguments":[{"__symbolic":"reference","name":"DatatableActionMenuItemComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@theseam/ui-common/confirm-dialog","name":"SeamConfirmDialogService","line":50,"character":28},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":51,"character":21}]}],"activateItem":[{"__symbolic":"method"}]}},"DatatableActionMenuItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"seam-datatable-action-menu-item","template":"","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":13,"character":19},"member":"OnPush"}}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"href":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3},"arguments":["attr.href"]}]}],"target":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"queryParams":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"fragment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"queryParamsHandling":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"preserveFragment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"skipLocationChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"replaceUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"routerLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"confirmDialog":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"click":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}]}},"DatatableColumnComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"seam-datatable-column","template":"<p>\n datatable-column works!\n</p>\n","styles":[""]}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"prop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"flexGrow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"minWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"maxWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"resizeable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"sortable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"canAutoResize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"comparator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"headerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"checkboxable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"headerCheckboxable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"headerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"cellClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"frozenLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"frozenRight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"pipe":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"isTreeColumn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"treeLevelIndent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"summaryFunc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"summaryTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"hidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"cellTplDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":59,"character":3},"arguments":[{"__symbolic":"reference","name":"DatatableCellTplDirective"},{"static":true}]}]}],"_cellTemplateInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3},"arguments":["cellTemplate"]}]}],"_cellTemplateQuery":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":65,"character":3},"arguments":[{"__symbolic":"reference","name":"DatatableCellTplDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":65,"character":51},"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DatatableColumnChangesService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getCellDirective":[{"__symbolic":"method"}]}},"DatatableColumnPreferencesComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"seam-datatable-column-preferences","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":14,"character":19},"member":"OnPush"},"template":"<h3>Columns</h3>\n\n<seam-form-field [numPaddingErrors]=\"0\" >\n <input seamInput [formControl]=\"_filterControl\" seamInputSize=\"sm\" placeholder=\"Search\">\n</seam-form-field>\n\n<div seamOverlayScrollbar style=\"min-height: 200px; max-height: 600px; min-width: 250px;\" class=\"flex-grow-1 mb-2\">\n <div class=\"p-2\">\n <ng-container *ngFor=\"let col of _columns$ | async\">\n <seam-checkbox [checked]=\"!col.hidden\" (change)=\"_onChange($event, col)\">{{ col.name || col.prop }}</seam-checkbox>\n </ng-container>\n </div>\n\n</div>\n<div class=\"d-flex flex-row justify-content-end\">\n <!-- <button seamButton size=\"sm\" theme=\"lightgray\" (click)=\"_onCloseClick()\">Close</button> -->\n <!-- <button seamButton size=\"sm\" theme=\"lightgray\" class=\"mr-1\">Cancel</button>\n <button seamButton size=\"sm\" theme=\"success\">Done</button> -->\n</div>\n","styles":[":host{display:flex;flex-direction:column}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":23,"character":5},"arguments":[{"__symbolic":"reference","name":"THESEAM_DATATABLE"}]}]],"parameters":[{"__symbolic":"reference","name":"DatatableComponent"}]}],"ngOnInit":[{"__symbolic":"method"}],"_onChange":[{"__symbolic":"method"}],"_onCloseClick":[{"__symbolic":"method"}]}},"DatatableColumnPreferencesButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"seam-datatable-column-preferences-button","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":8,"character":19},"member":"OnPush"},"template":"<ng-template #colPrefsTpl>\n <seam-datatable-column-preferences></seam-datatable-column-preferences>\n</ng-template>\n\n\n<button\n seamButton\n [seamPopover]=\"colPrefsTpl\"\n theme=\"lightgray\"\n size=\"sm\"\n style=\"padding-left: 10px; padding-right: 10px;\"\n title=\"Column Preferences\"\n >\n <seam-icon [icon]=\"icon\"></seam-icon>\n <span class=\"sr-only\">Column Preferences</span>\n</button>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"IDatatableExportButtonData":{"__symbolic":"interface"},"DatatableExportButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"seam-datatable-export-button","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":23,"character":19},"member":"OnPush"},"template":"<seam-menu #menu>\n <button *ngFor=\"let exp of exporters\"\n seamMenuItem\n [icon]=\"exp?.icon\"\n (click)=\"_onExporterClicked(exp)\">\n {{ exp.label }}\n </button>\n</seam-menu>\n<button\n [seamMenuToggle]=\"menu\"\n seamButton\n theme=\"lightgray\"\n size=\"sm\"\n class=\"dropdown-toggle\"\n style=\"padding-left: 10px; padding-right: 10px;\"\n title=\"Export\"\n [disabled]=\"disabled\"\n >\n <seam-icon [icon]=\"icon\" class=\"mr-2\"></seam-icon>\n</button>\n","styles":[":host{display:inline-block}"]}]}],"members":{"exporters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":36,"character":5},"arguments":[{"__symbolic":"reference","name":"THESEAM_DATATABLE"}]}],null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":40,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":40,"character":17},"arguments":[{"__symbolic":"reference","module":"@theseam/ui-common/dynamic","name":"THESEAM_DYNAMIC_DATA","line":40,"character":24}]}]],"parameters":[{"__symbolic":"reference","name":"DatatableComponent"},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":37,"character":30},{"__symbolic":"reference","module":"@theseam/ui-common/loading","name":"TheSeamLoadingOverlayService","line":38,"character":31},{"__symbolic":"reference","module":"@theseam/ui-common/dynamic","name":"DynamicValueHelperService","line":39,"character":35},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"_onExporterClicked":[{"__symbolic":"method"}],"_mapExportData":[{"__symbolic":"method"}],"_rowValue":[{"__symbolic":"method"}]}},"DatatableFooterTplDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamDatatableFooterTpl]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"TheSeamDatatableFooterDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"seam-datatable-footer"}]}],"members":{"_templateInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3},"arguments":["template"]}]}],"_templateQuery":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":14,"character":3},"arguments":[{"__symbolic":"reference","name":"DatatableFooterTplDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":14,"character":53},"static":true}]}]}]}},"_THESEAM_DATA_FILTER_CONTAINER":{"provide":{"__symbolic":"reference","module":"@theseam/ui-common/data-filters","name":"THESEAM_DATA_FILTER_CONTAINER","line":8,"character":11},"useExisting":{"__symbolic":"reference","name":"DatatableMenuBarComponent"}},"DatatableMenuBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"seam-datatable-menu-bar","providers":[{"__symbolic":"reference","name":"_THESEAM_DATA_FILTER_CONTAINER"}],"template":"<div class=\"bg-light border rounded p-2\">\n <ng-content></ng-content>\n</div>\n","styles":[":host{display:block}"]}]}],"members":{"filterDirectives":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":21,"character":3},"arguments":[{"__symbolic":"reference","name":"DatatableFilterDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"filters":[{"__symbolic":"method"}],"addFilter":[{"__symbolic":"method"}],"removeFilter":[{"__symbolic":"method"}]}},"DatatableMenuBarColumnCenterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-datatable-menu-bar-column-center","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"template":"<ng-content></ng-content>\n","styles":[":host{display:flex;flex-direction:row;flex:1 1 auto;justify-content:center}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"DatatableMenuBarColumnLeftComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-datatable-menu-bar-column-left","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"template":"<ng-content></ng-content>\n","styles":[":host{display:flex;flex-direction:row;flex:1 1 0%;justify-content:flex-start}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"DatatableMenuBarColumnRightComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-datatable-menu-bar-column-right","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"template":"<ng-content></ng-content>\n","styles":[":host{display:flex;flex-direction:row;flex:1 1 0%;justify-content:flex-end}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"DatatableMenuBarRowComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-datatable-menu-bar-row","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"template":"<ng-content></ng-content>\n","styles":[":host{display:flex;flex-direction:row;flex-wrap:wrap}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"DatatableMenuBarTextComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"seam-datatable-menu-bar-text","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":12,"character":19},"member":"OnPush"},"template":"{{ value }}\n","styles":[""]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":21,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":21,"character":17},"arguments":[{"__symbolic":"reference","name":"THESEAM_MENUBAR_ITEM_DATA"}]}]],"parameters":[{"__symbolic":"reference","name":"DatatableMenuBarComponent"},{"__symbolic":"reference","name":"MenubarItemData"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"DatatableRowDetailTplDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamDatatableRowDetailTpl]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"TheSeamDatatableRowDetailDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"seam-datatable-row-detail"}]}],"members":{"rowHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"_templateInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3},"arguments":["template"]}]}],"_templateQuery":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":20,"character":3},"arguments":[{"__symbolic":"reference","name":"DatatableRowDetailTplDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":20,"character":56},"static":true}]}]}],"toggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"toggleExpandRow":[{"__symbolic":"method"}],"expandAllRows":[{"__symbolic":"method"}],"collapseAllRows":[{"__symbolic":"method"}]}},"TheSeamDatatableRow":{"__symbolic":"interface"},"DatatableActionMenuItemDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":38,"character":1},"arguments":[{"selector":"[seamDatatableActionMenuItem]"}]}],"members":{"_listGroupItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":43,"character":3},"arguments":["class.list-group-item"]}]}],"_listGroupItemAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":44,"character":3},"arguments":["class.list-group-item-action"]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"href":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3},"arguments":["attr.href"]}]}],"target":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":3}}]}],"queryParams":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"fragment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"queryParamsHandling":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"preserveFragment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"skipLocationChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"replaceUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"routerLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"confirmDialog":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"row":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3}}]}],"click":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":103,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":108,"character":5}}]],"parameters":[{"__symbolic":"reference","module":"@theseam/ui-common/modal","name":"Modal","line":106,"character":29},{"__symbolic":"reference","module":"@theseam/ui-common/dynamic-component-loader","name":"TheSeamDynamicComponentLoader","line":107,"character":46},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":108,"character":40}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"DatatableActionMenuToggleDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"[seamDatatableActionMenuToggle]","exportAs":"seamDatatableActionMenuToggle"}]}],"members":{"seamDatatableActionMenuToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"_onKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":17,"character":3},"arguments":["document:keydown",["$event"]]}]}],"_onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":24,"character":3},"arguments":["click",["$event"]]}]}],"_mouseDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":29,"character":3},"arguments":["mousedown",["$event"]]}]}],"_pointerDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":30,"character":3},"arguments":["pointerdown",["$event"]]}]}],"_mouseUp":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":32,"character":3},"arguments":["mouseup",["$event"]]}]}],"_pointerUp":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":33,"character":3},"arguments":["pointerup",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":36,"character":36,"context":{"typeName":"HTMLElement"},"module":"./directives/datatable-action-menu-toggle.directive"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":37,"character":31},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":38,"character":22}]}],"toggle":[{"__symbolic":"method"}],"enable":[{"__symbolic":"method"}],"disable":[{"__symbolic":"method"}],"getOverlayPosition":[{"__symbolic":"method"}],"getPositions":[{"__symbolic":"method"}],"onFocusChangeOverlay":[{"__symbolic":"method"}],"onInputDown":[{"__symbolic":"method"}],"onInputUp":[{"__symbolic":"method"}]}},"DatatableCellTplDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamDatatableCellTpl]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"DatatableFilterDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[seamDatatableFilter]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":12,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":13},"arguments":[{"__symbolic":"reference","module":"@theseam/ui-common/data-filters","name":"THESEAM_DATA_FILTER","line":12,"character":20}]}]],"parameters":[{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","module":"@theseam/ui-common/data-filters","name":"IDataFilter","line":12,"character":54}]}]}]}},"DatatableRowActionItemDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamDatatableRowActionItem]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"TheSeamDatatableAccessor":{"__symbolic":"interface"},"DatatableDataSource":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@angular/cdk/collections","name":"DataSource","line":10,"character":56},"members":{"__ctor__":[{"__symbolic":"constructor"}],"setDatatableAccessor":[{"__symbolic":"method"}]}},"DatatableGqlDataSource":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"DatatableDataSource"},"members":{"connect":[{"__symbolic":"method"}],"disconnect":[{"__symbolic":"method"}]}},"MenubarItemData":{"__symbolic":"interface"},"TheSeamPageInfo":{"__symbolic":"interface"},"ITheSeamDatatablePreferencesAccessor":{"__symbolic":"interface"},"ITheSeamDatatablePreferencesColumn":{"__symbolic":"interface"},"ITheSeamDatatablePreferences":{"__symbolic":"interface"},"TheSeamDatatableColumnHidable":{"__symbolic":"interface"},"TheSeamDatatableColumn":{"__symbolic":"interface"},"SortEvent":{"__symbolic":"interface"},"SortItem":{"__symbolic":"interface"},"DatatableColumnChangesService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"onInputChange":[{"__symbolic":"method"}]}},"IDatatablePreferencesMapRecord":{"__symbolic":"interface"},"DatatablePreferencesService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":26,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":26,"character":17},"arguments":[{"__symbolic":"reference","name":"THESEAM_DATATABLE_PREFERENCES_ACCESSOR"}]}]],"parameters":[{"__symbolic":"reference","name":"ITheSeamDatatablePreferencesAccessor"}]}],"preferences":[{"__symbolic":"method"}],"_createObservable":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"setColumnPreference":[{"__symbolic":"method"}],"withColumnPreferences":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"TheSeamDatatableScrollbarHelperService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":19,"character":21},{"__symbolic":"reference","module":"@theseam/ui-common/scrollbar","name":"OverlayScrollbarsService","line":20,"character":25}]}],"onInitScroller":[{"__symbolic":"method"}],"onDestroyScroller":[{"__symbolic":"method"}],"setOffset":[{"__symbolic":"method"}]}},"THESEAM_DATATABLE_PREFERENCES_ACCESSOR":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":58},"arguments":["ITheSeamDatatablePreferencesAccessor"]},"THESEAM_MENUBAR_ITEM_DATA":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":45},"arguments":["MenubarItemData"]},"withStoredColumnInfo":{"__symbolic":"function"},"TheSeamDatatableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":47,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DatatableComponent"},{"__symbolic":"reference","name":"DatatableCellTplDirective"},{"__symbolic":"reference","name":"DatatableColumnComponent"},{"__symbolic":"reference","name":"DatatableActionMenuComponent"},{"__symbolic":"reference","name":"DatatableActionMenuToggleDirective"},{"__symbolic":"reference","name":"DatatableActionMenuItemComponent"},{"__symbolic":"reference","name":"DatatableMenuBarComponent"},{"__symbolic":"reference","name":"DatatableFilterDirective"},{"__symbolic":"reference","name":"DatatableRowActionItemDirective"},{"__symbolic":"reference","name":"DatatableExportButtonComponent"},{"__symbolic":"reference","name":"TheSeamDatatableRowDetailDirective"},{"__symbolic":"reference","name":"DatatableRowDetailTplDirective"},{"__symbolic":"reference","name":"TheSeamDatatableFooterDirective"},{"__symbolic":"reference","name":"DatatableFooterTplDirective"},{"__symbolic":"reference","name":"DatatableColumnPreferencesComponent"},{"__symbolic":"reference","name":"DatatableColumnPreferencesButtonComponent"},{"__symbolic":"reference","name":"DatatableActionMenuItemDirective"},{"__symbolic":"reference","name":"DatatableMenuBarRowComponent"},{"__symbolic":"reference","name":"DatatableMenuBarColumnLeftComponent"},{"__symbolic":"reference","name":"DatatableMenuBarColumnCenterComponent"},{"__symbolic":"reference","name":"DatatableMenuBarColumnRightComponent"},{"__symbolic":"reference","name":"DatatableMenuBarTextComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":73,"character":4},{"__symbolic":"reference","module":"@marklb/ngx-datatable","name":"NgxDatatableModule","line":74,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":75,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":76,"character":4},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":77,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/shared","name":"TheSeamSharedModule","line":78,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":79,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/menu","name":"TheSeamMenuModule","line":80,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/buttons","name":"TheSeamButtonsModule","line":81,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/icon","name":"TheSeamIconModule","line":82,"character":4},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrModule","line":83,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/loading","name":"TheSeamLoadingModule","line":84,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":85,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/confirm-dialog","name":"TheSeamConfirmDialogModule","line":86,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/popover","name":"TheSeamPopoverModule","line":87,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/checkbox","name":"TheSeamCheckboxModule","line":88,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/form-field","name":"TheSeamFormFieldModule","line":89,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":90,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/table-cell-type","name":"TheSeamTableCellTypeModule","line":91,"character":4}],"exports":[{"__symbolic":"reference","name":"DatatableComponent"},{"__symbolic":"reference","name":"DatatableCellTplDirective"},{"__symbolic":"reference","name":"DatatableColumnComponent"},{"__symbolic":"reference","name":"DatatableActionMenuComponent"},{"__symbolic":"reference","name":"DatatableActionMenuItemComponent"},{"__symbolic":"reference","name":"DatatableMenuBarComponent"},{"__symbolic":"reference","name":"DatatableFilterDirective"},{"__symbolic":"reference","name":"DatatableRowActionItemDirective"},{"__symbolic":"reference","name":"DatatableExportButtonComponent"},{"__symbolic":"reference","name":"TheSeamDatatableRowDetailDirective"},{"__symbolic":"reference","name":"DatatableRowDetailTplDirective"},{"__symbolic":"reference","name":"TheSeamDatatableFooterDirective"},{"__symbolic":"reference","name":"DatatableFooterTplDirective"},{"__symbolic":"reference","name":"DatatableColumnPreferencesComponent"},{"__symbolic":"reference","name":"DatatableColumnPreferencesButtonComponent"},{"__symbolic":"reference","name":"DatatableActionMenuItemDirective"},{"__symbolic":"reference","name":"DatatableMenuBarRowComponent"},{"__symbolic":"reference","name":"DatatableMenuBarColumnLeftComponent"},{"__symbolic":"reference","name":"DatatableMenuBarColumnCenterComponent"},{"__symbolic":"reference","name":"DatatableMenuBarColumnRightComponent"},{"__symbolic":"reference","name":"DatatableMenuBarTextComponent"}],"providers":[{"provide":{"__symbolic":"reference","module":"@marklb/ngx-datatable","name":"ScrollbarHelper","line":117,"character":15},"useClass":{"__symbolic":"reference","name":"TheSeamDatatableScrollbarHelperService"}}],"entryComponents":[{"__symbolic":"reference","name":"DatatableColumnPreferencesComponent"},{"__symbolic":"reference","name":"DatatableExportButtonComponent"},{"__symbolic":"reference","name":"DatatableMenuBarTextComponent"}]}]}],"members":{}},"ɵa":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":46},"arguments":["TheSeamDatatableAccessor"]}},"origins":{"_setColumnDefaults":"./datatable/datatable.component","ICellContext":"./datatable/datatable.component","THESEAM_DATATABLE":"./datatable/datatable.component","_THESEAM_DATATABLE":"./datatable/datatable.component","_THESEAM_DATATABLE_ACCESSOR":"./datatable/datatable.component","DatatableComponent":"./datatable/datatable.component","DatatableActionMenuComponent":"./datatable-action-menu/datatable-action-menu.component","DatatableActionMenuItemComponent":"./datatable-action-menu-item/datatable-action-menu-item.component","DatatableColumnComponent":"./datatable-column/datatable-column.component","DatatableColumnPreferencesComponent":"./datatable-column-preferences/datatable-column-preferences.component","DatatableColumnPreferencesButtonComponent":"./datatable-column-preferences-button/datatable-column-preferences-button.component","IDatatableExportButtonData":"./datatable-export-button/datatable-export-button.component","DatatableExportButtonComponent":"./datatable-export-button/datatable-export-button.component","DatatableFooterTplDirective":"./datatable-footer/datatable-footer-tpl.directive","TheSeamDatatableFooterDirective":"./datatable-footer/datatable-footer.directive","_THESEAM_DATA_FILTER_CONTAINER":"./datatable-menu-bar/datatable-menu-bar.component","DatatableMenuBarComponent":"./datatable-menu-bar/datatable-menu-bar.component","DatatableMenuBarColumnCenterComponent":"./datatable-menu-bar-column-center/datatable-menu-bar-column-center.component","DatatableMenuBarColumnLeftComponent":"./datatable-menu-bar-column-left/datatable-menu-bar-column-left.component","DatatableMenuBarColumnRightComponent":"./datatable-menu-bar-column-right/datatable-menu-bar-column-right.component","DatatableMenuBarRowComponent":"./datatable-menu-bar-row/datatable-menu-bar-row.component","DatatableMenuBarTextComponent":"./datatable-menu-bar-text/datatable-menu-bar-text.component","DatatableRowDetailTplDirective":"./datatable-row-detail/datatable-row-detail-tpl.directive","TheSeamDatatableRowDetailDirective":"./datatable-row-detail/datatable-row-detail.directive","TheSeamDatatableRow":"./directives/datatable-action-menu-item.directive","DatatableActionMenuItemDirective":"./directives/datatable-action-menu-item.directive","DatatableActionMenuToggleDirective":"./directives/datatable-action-menu-toggle.directive","DatatableCellTplDirective":"./directives/datatable-cell-tpl.directive","DatatableFilterDirective":"./directives/datatable-filter.directive","DatatableRowActionItemDirective":"./directives/datatable-row-action-item.directive","TheSeamDatatableAccessor":"./models/datatable-accessor","DatatableDataSource":"./models/datatable-data-source","DatatableGqlDataSource":"./models/datatable-gql-data-source","MenubarItemData":"./models/menubar-item-data","TheSeamPageInfo":"./models/page-info","ITheSeamDatatablePreferencesAccessor":"./models/preferences-accessor","ITheSeamDatatablePreferencesColumn":"./models/preferences","ITheSeamDatatablePreferences":"./models/preferences","TheSeamDatatableColumnHidable":"./models/table-column","TheSeamDatatableColumn":"./models/table-column","SortEvent":"./models/sort-event","SortItem":"./models/sort-item","DatatableColumnChangesService":"./services/datatable-column-changes.service","IDatatablePreferencesMapRecord":"./services/datatable-preferences.service","DatatablePreferencesService":"./services/datatable-preferences.service","TheSeamDatatableScrollbarHelperService":"./services/datatable-scrollbar-helper.service","THESEAM_DATATABLE_PREFERENCES_ACCESSOR":"./tokens/datatable-preferences-accessor","THESEAM_MENUBAR_ITEM_DATA":"./tokens/menubar-item-data","withStoredColumnInfo":"./utils/with-stored-column-info","TheSeamDatatableModule":"./datatable.module","ɵa":"./tokens/datatable-accessor"},"importAs":"@theseam/ui-common/datatable"}
|
|
@@ -450,7 +450,7 @@ DatatableComponent.decorators = [
|
|
|
450
450
|
])
|
|
451
451
|
],
|
|
452
452
|
providers: [_THESEAM_DATATABLE, DatatableColumnChangesService, _THESEAM_DATATABLE_ACCESSOR],
|
|
453
|
-
styles: [":host{display:flex;flex-grow:1;flex-direction:column}::ng-deep .seam-datatable-action-menu{min-width:auto!important}ngx-datatable{position:absolute;top:0;left:0;right:0;bottom:0}.datatable-wrapper{display:flex;flex-direction:column;flex-grow:1}.datatable-wrapper .datatable-table-wrapper{position:relative;flex:1 1 100%}.datatable-column-header-separator{position:absolute}.datatable-sort-target{cursor:pointer}"]
|
|
453
|
+
styles: [":host{display:flex;flex-grow:1;flex-direction:column}::ng-deep .seam-datatable-action-menu{min-width:auto!important}ngx-datatable{position:absolute!important;top:0;left:0;right:0;bottom:0}.datatable-wrapper{display:flex;flex-direction:column;flex-grow:1}.datatable-wrapper .datatable-table-wrapper{position:relative;flex:1 1 100%}.datatable-column-header-separator{position:absolute}.datatable-sort-target{cursor:pointer}"]
|
|
454
454
|
},] }
|
|
455
455
|
];
|
|
456
456
|
DatatableComponent.ctorParameters = () => [
|
|
@@ -1061,7 +1061,7 @@ DatatableComponent.decorators = [
|
|
|
1061
1061
|
])
|
|
1062
1062
|
],
|
|
1063
1063
|
providers: [_THESEAM_DATATABLE, DatatableColumnChangesService, _THESEAM_DATATABLE_ACCESSOR],
|
|
1064
|
-
styles: [":host{display:flex;flex-grow:1;flex-direction:column}::ng-deep .seam-datatable-action-menu{min-width:auto!important}ngx-datatable{position:absolute;top:0;left:0;right:0;bottom:0}.datatable-wrapper{display:flex;flex-direction:column;flex-grow:1}.datatable-wrapper .datatable-table-wrapper{position:relative;flex:1 1 100%}.datatable-column-header-separator{position:absolute}.datatable-sort-target{cursor:pointer}"]
|
|
1064
|
+
styles: [":host{display:flex;flex-grow:1;flex-direction:column}::ng-deep .seam-datatable-action-menu{min-width:auto!important}ngx-datatable{position:absolute!important;top:0;left:0;right:0;bottom:0}.datatable-wrapper{display:flex;flex-direction:column;flex-grow:1}.datatable-wrapper .datatable-table-wrapper{position:relative;flex:1 1 100%}.datatable-column-header-separator{position:absolute}.datatable-sort-target{cursor:pointer}"]
|
|
1065
1065
|
},] }
|
|
1066
1066
|
];
|
|
1067
1067
|
DatatableComponent.ctorParameters = () => [
|
package/package.json
CHANGED
|
@@ -284,41 +284,44 @@
|
|
|
284
284
|
}
|
|
285
285
|
}
|
|
286
286
|
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
position: absolute;
|
|
290
|
-
width: 100%;
|
|
291
|
-
height: 5px;
|
|
292
|
-
padding: 0;
|
|
293
|
-
margin: 0;
|
|
294
|
-
top: 0;
|
|
295
|
-
|
|
296
|
-
.container {
|
|
287
|
+
@if $datatable-progress-effect {
|
|
288
|
+
.progress-linear {
|
|
297
289
|
display: block;
|
|
298
|
-
position:
|
|
299
|
-
overflow: hidden;
|
|
290
|
+
position: absolute;
|
|
300
291
|
width: 100%;
|
|
301
|
-
max-width: 100%;
|
|
302
292
|
height: 5px;
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
.
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
transition: -webkit-transform 0.2s linear;
|
|
313
|
-
transition: transform 0.2s linear;
|
|
314
|
-
background-color: $datatable-progress-linear-accent-color;
|
|
315
|
-
|
|
316
|
-
position: absolute;
|
|
317
|
-
left: 0;
|
|
318
|
-
top: 0;
|
|
319
|
-
bottom: 0;
|
|
293
|
+
padding: 0;
|
|
294
|
+
margin: 0;
|
|
295
|
+
top: 0;
|
|
296
|
+
|
|
297
|
+
.container {
|
|
298
|
+
display: block;
|
|
299
|
+
position: relative;
|
|
300
|
+
overflow: hidden;
|
|
320
301
|
width: 100%;
|
|
302
|
+
max-width: 100%;
|
|
321
303
|
height: 5px;
|
|
304
|
+
-webkit-transform: translate(0, 0) scale(1, 1);
|
|
305
|
+
transform: translate(0, 0) scale(1, 1);
|
|
306
|
+
background-color: $datatable-progress-linear-background-color;
|
|
307
|
+
|
|
308
|
+
.bar {
|
|
309
|
+
transition: all 0.2s linear;
|
|
310
|
+
-webkit-animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
|
|
311
|
+
animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
|
|
312
|
+
|
|
313
|
+
transition: -webkit-transform 0.2s linear;
|
|
314
|
+
transition: transform 0.2s linear;
|
|
315
|
+
background-color: $datatable-progress-linear-accent-color;
|
|
316
|
+
color: $datatable-progress-linear-accent-color;
|
|
317
|
+
|
|
318
|
+
position: absolute;
|
|
319
|
+
left: 0;
|
|
320
|
+
top: 0;
|
|
321
|
+
bottom: 0;
|
|
322
|
+
width: 100%;
|
|
323
|
+
height: 5px;
|
|
324
|
+
}
|
|
322
325
|
}
|
|
323
326
|
}
|
|
324
327
|
}
|
|
@@ -59,6 +59,7 @@ $datatable-header-resize-handle-bottom: 12px !default;
|
|
|
59
59
|
$datatable-header-resize-handle-left: 0 !default;
|
|
60
60
|
$datatable-header-resize-handle-width: 02px !default;
|
|
61
61
|
|
|
62
|
+
$datatable-progress-effect: false !default;
|
|
62
63
|
$datatable-progress-linear-background-color: rgb(170, 209, 249) !default;
|
|
63
64
|
$datatable-progress-linear-accent-color: rgb(16, 108, 200) !default;
|
|
64
65
|
|
|
@@ -75,7 +76,7 @@ $datatable-row-border-color: #d1d4d7 !default;
|
|
|
75
76
|
$datatable-body-margin: -1px 0 0 0 !default;
|
|
76
77
|
|
|
77
78
|
$datatable-body-cell-color: $body-color !default;
|
|
78
|
-
$datatable-body-cell-font-size:
|
|
79
|
+
$datatable-body-cell-font-size: $datatable-font-size !default;
|
|
79
80
|
$datatable-body-cell-font-weight: 400 !default;
|
|
80
81
|
$datatable-body-cell-text-align: left !default;
|
|
81
82
|
$datatable-body-cell-padding: 12px !default;
|
|
@@ -127,7 +128,7 @@ $datatable-footer-border-right-width: $datatable-default-border-width !default;
|
|
|
127
128
|
$datatable-footer-border-bottom-width: $datatable-default-border-width !default;
|
|
128
129
|
$datatable-footer-border-left-width: $datatable-default-border-width !default;
|
|
129
130
|
$datatable-footer-border-color: #dee2e6 !default;
|
|
130
|
-
$datatable-footer-font-size:
|
|
131
|
+
$datatable-footer-font-size: $datatable-font-size !default;
|
|
131
132
|
$datatable-footer-font-weight: 400 !default;
|
|
132
133
|
$datatable-footer-color: $body-color !default;
|
|
133
134
|
$datatable-footer-margin: 0 !default;
|