@theseam/ui-common 0.2.9

package/datatable/services/datatable-scrollbar-helper.service.d.ts

@@ -0,0 +1,19 @@
+import { NgZone } from '@angular/core';
+import { OverlayScrollbarsService } from '@theseam/ui-common/scrollbar';
+export declare class TheSeamDatatableScrollbarHelperService {
+    private _ngZone;
+    private _scrollbars;
+    width: number;
+    /**
+     * Animates programmatic scrolling, such as switching pages.
+     *
+     * NOTE: Animating the scrolling works, but the datatable may need changes
+     * before this is enabled, because it seems a little stuttery when it moves.
+     */
+    animatedScrolling: boolean;
+    animatedScrollingTime: number;
+    constructor(_ngZone: NgZone, _scrollbars: OverlayScrollbarsService);
+    onInitScroller(scroller: any): void;
+    onDestroyScroller(scroller: any): void;
+    setOffset(scroller: any, offsetY: number): void;
+}

package/datatable/theseam-ui-common-datatable.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+export { THESEAM_DATATABLE_ACCESSOR as ɵa } from './tokens/datatable-accessor';

package/datatable/theseam-ui-common-datatable.metadata.json

@@ -0,0 +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":88,"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":104,"character":1},"arguments":[{"selector":"seam-datatable","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":108,"character":19},"member":"OnPush"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":110,"character":4},"arguments":["slideDown",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":111,"character":6},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":112,"character":8},"arguments":[{"transform":"translateY(-20%)","opacity":"0"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":113,"character":8},"arguments":["250ms",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":113,"character":25},"arguments":[{"transform":"translateY(0)","opacity":"1"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":115,"character":6},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":116,"character":8},"arguments":[{"transform":"translateY(0)","opacity":"1"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":117,"character":8},"arguments":["250ms",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":117,"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        class=\"bootstrap\"\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>\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;top:12px;bottom:12px;right:0;width:2px;background-color:#e1e3e6}.datatable-sort-target{cursor:pointer}"]}]}],"members":{"preferencesKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":161,"character":3}}]}],"targetMarkerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":166,"character":3}}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":168,"character":3}}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":176,"character":3}}]}],"columnMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":183,"character":3}}]}],"groupRowsBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":185,"character":3}}]}],"groupedRows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":186,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":188,"character":3}}]}],"externalPaging":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":190,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":190,"character":12}}]}],"externalSorting":[{"__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}}]}],"externalFiltering":[{"__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}}]}],"limit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":194,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputNumber","line":194,"character":12}}]}],"count":[{"__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},"arguments":[0]}]}],"offset":[{"__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]}]}],"loadingIndicator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":198,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":198,"character":12}}]}],"selectionType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":200,"character":3}}]}],"reorderable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":202,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":202,"character":12}}]}],"swapColumns":[{"__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}}]}],"sortType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":205,"character":3}}]}],"sorts":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":207,"character":3}}]}],"cssClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":214,"character":3}}]}],"messages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":223,"character":3}}]}],"rowIdentity":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":235,"character":3}}]}],"rowClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":237,"character":3}}]}],"selectCheck":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":239,"character":3}}]}],"displayCheck":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":240,"character":3}}]}],"groupExpansionDefault":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":242,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":242,"character":12}}]}],"trackByProp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":244,"character":3}}]}],"selectAllRowsOnPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":246,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":246,"character":12}}]}],"treeFromRelation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":248,"character":3}}]}],"treeToRelation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":249,"character":3}}]}],"summaryRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":250,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":250,"character":12}}]}],"summaryHeight":[{"__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":"InputNumber","line":251,"character":12}}]}],"summaryPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":252,"character":3}}]}],"virtualization":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":254,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":254,"character":12}}]}],"headerHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":256,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputNumber","line":256,"character":12}}]}],"rowHeight":[{"__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}}]}],"footerHeight":[{"__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}}]}],"scrollbarV":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":260,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":260,"character":12}}]}],"scrollbarH":[{"__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}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":263,"character":3}}]}],"scroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":271,"character":3}}]}],"activate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":272,"character":3}}]}],"select":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":273,"character":3}}]}],"sort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":274,"character":3}}]}],"page":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":275,"character":3}}]}],"reorder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":276,"character":3}}]}],"resize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":277,"character":3}}]}],"tableContextmenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":278,"character":3}}]}],"treeAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":279,"character":3}}]}],"actionRefreshRequest":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":281,"character":3}}]}],"hiddenColumnsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":282,"character":3}}]}],"columnComponents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":284,"character":3},"arguments":[{"__symbolic":"reference","name":"DatatableColumnComponent"}]}]}],"actionMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":286,"character":3},"arguments":[{"__symbolic":"reference","name":"DatatableActionMenuComponent"},{"static":true}]}]}],"rowActionItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":287,"character":3},"arguments":[{"__symbolic":"reference","name":"DatatableRowActionItemDirective"},{"static":true}]}]}],"rowDetail":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":288,"character":3},"arguments":[{"__symbolic":"reference","name":"TheSeamDatatableRowDetailDirective"},{"static":true}]}]}],"menuBarComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":290,"character":3},"arguments":[{"__symbolic":"reference","name":"DatatableMenuBarComponent"}]}]}],"ngxDatatable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":307,"character":3},"arguments":[{"__symbolic":"reference","module":"@marklb/ngx-datatable","name":"DatatableComponent","line":307,"character":13}]}]}],"ngxDatatableElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":308,"character":3},"arguments":[{"__symbolic":"reference","module":"@marklb/ngx-datatable","name":"DatatableComponent","line":308,"character":13},{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":308,"character":44}}]}]}],"ngxRowDetail":[{"__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":"DatatableRowDetailDirective","line":309,"character":13}]}]}],"actionMenuCellTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":311,"character":3},"arguments":["actionMenuCellTpl",{"static":true}]}]}],"treeToggleTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":312,"character":3},"arguments":["treeToggleTpl",{"static":true}]}]}],"headerTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":313,"character":3},"arguments":["headerTpl",{"static":true}]}]}],"blankHeaderTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":314,"character":3},"arguments":["blankHeaderTpl",{"static":true}]}]}],"cellTypeSelectorTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":315,"character":3},"arguments":["cellTypeSelectorTpl",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DatatableColumnChangesService"},{"__symbolic":"reference","module":"@angular/core","name":"KeyValueDiffers","line":330,"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"}]}},"_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":45,"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":"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":69,"character":4},{"__symbolic":"reference","module":"@marklb/ngx-datatable","name":"NgxDatatableModule","line":70,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":71,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":72,"character":4},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":73,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/shared","name":"TheSeamSharedModule","line":74,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":75,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/menu","name":"TheSeamMenuModule","line":76,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/buttons","name":"TheSeamButtonsModule","line":77,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/icon","name":"TheSeamIconModule","line":78,"character":4},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrModule","line":79,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/loading","name":"TheSeamLoadingModule","line":80,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":81,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/confirm-dialog","name":"TheSeamConfirmDialogModule","line":82,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/popover","name":"TheSeamPopoverModule","line":83,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/checkbox","name":"TheSeamCheckboxModule","line":84,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/form-field","name":"TheSeamFormFieldModule","line":85,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":86,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/table-cell-type","name":"TheSeamTableCellTypeModule","line":87,"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":"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":111,"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","_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"}

package/datatable/tokens/datatable-accessor.d.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+import { TheSeamDatatableAccessor } from '../models/datatable-accessor';
+export declare const THESEAM_DATATABLE_ACCESSOR: InjectionToken<TheSeamDatatableAccessor>;

package/datatable/tokens/datatable-preferences-accessor.d.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+import { ITheSeamDatatablePreferencesAccessor } from '../models/preferences-accessor';
+export declare const THESEAM_DATATABLE_PREFERENCES_ACCESSOR: InjectionToken<ITheSeamDatatablePreferencesAccessor>;

package/datatable/tokens/menubar-item-data.d.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+import { MenubarItemData } from '../models/menubar-item-data';
+export declare const THESEAM_MENUBAR_ITEM_DATA: InjectionToken<MenubarItemData>;

package/datatable/utils/with-stored-column-info.d.ts

@@ -0,0 +1,3 @@
+import { ITheSeamDatatablePreferencesColumn } from '../models/preferences';
+import { TheSeamDatatableColumn } from '../models/table-column';
+export declare function withStoredColumnInfo(columns: TheSeamDatatableColumn[], preferenceColumns: ITheSeamDatatablePreferencesColumn[]): TheSeamDatatableColumn[];

package/datatable-dynamic/datatable-dynamic-action-menu/datatable-dynamic-action-menu.component.d.ts

@@ -0,0 +1,32 @@
+import { OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { DynamicValueHelperService } from '@theseam/ui-common/dynamic';
+import { DynamicDatatableRow } from '../datatable-dynamic-def';
+import { DynamicDatatableRowActionsService } from '../dynamic-datatable-row-actions.service';
+import { DynamicDatatableActionMenuRecord } from '../models/dynamic-datatable-action-menu-record';
+import { DynamicDatatableRowAction } from '../models/dynamic-datatable-row-action';
+export declare class DatatableDynamicActionMenuComponent implements OnInit {
+    private _valueHelper;
+    private _dynamicRowActions;
+    faEllipsisH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    get row(): DynamicDatatableRow | undefined;
+    set row(value: DynamicDatatableRow | undefined);
+    private _row;
+    get actionDefs(): DynamicDatatableRowAction[];
+    set actionDefs(value: DynamicDatatableRowAction[]);
+    private _actionDefs;
+    _menuRecords$: Observable<DynamicDatatableActionMenuRecord[]>;
+    /** @ignore */
+    _actionMenuPositions: {
+        originX: string;
+        originY: string;
+        overlayX: string;
+        overlayY: string;
+    }[];
+    constructor(_valueHelper: DynamicValueHelperService, _dynamicRowActions: DynamicDatatableRowActionsService);
+    ngOnInit(): void;
+    private _mapRecords;
+    /** @ignore */
+    private _getRowActionContext;
+    private _expectedElementType;
+}

package/datatable-dynamic/datatable-dynamic-def.d.ts

@@ -0,0 +1,71 @@
+import { TheSeamDatatableColumn, TheSeamDatatableRow } from '@theseam/ui-common/datatable';
+import { ThemeTypes } from '@theseam/ui-common/models';
+import { TableCellTypeConfig, TableCellTypeName, TheSeamTableColumn } from '@theseam/ui-common/table-cell-type';
+import { DynamicDatatableMenuBar } from './models/dynamic-datatable-menu-bar';
+import { DynamicDatatableRowAction } from './models/dynamic-datatable-row-action';
+export declare type DynamicDatatableColumn<T extends TableCellTypeName = any, C extends TableCellTypeConfig<T> = any> = TheSeamDatatableColumn<T, C> | TheSeamTableColumn<T, C>;
+export declare type DynamicDatatableRow = TheSeamDatatableRow;
+export interface DynamicDatatableFilterMenuItemDef<O = any> {
+    /** */
+    name: string;
+    /**
+     * TODO: Refactor filter menu items to use locations instead of trying to
+     * maintain a mix of generic and specific types.
+     *
+     * Default: 'common'
+     */
+    type: 'common' | 'full-search';
+    /**
+     * Default: 0
+     */
+    order?: number;
+    /** */
+    options?: O;
+}
+export interface DynamicDatatableFilterMenu {
+    /**
+     * Default 'default'
+     */
+    state?: 'hidden' | 'always-visible' | 'default';
+    /**
+     *
+     */
+    filters?: DynamicDatatableFilterMenuItemDef[];
+    /**
+     *
+     * Example: [ 'exporter:csv', 'exporter:xlsx' ]
+     */
+    exporters?: string[];
+}
+export declare type DynamicDatatableFooterMenuItemType = 'button' | 'text';
+export interface DynamicDatatableFooterMenuItem<T = DynamicDatatableFooterMenuItemType> {
+    type: T;
+}
+export interface DynamicDatatableFooterMenuItemButton extends DynamicDatatableFooterMenuItem<'button'> {
+    text: string;
+    theme: ThemeTypes;
+}
+export interface DynamicDatatableFooterMenuItemText extends DynamicDatatableFooterMenuItem<'text'> {
+    text: string;
+}
+export interface DynamicDatatableOptions {
+    /**
+     * Default: false
+     */
+    virtualization?: boolean;
+}
+export interface DynamicDatatableFooterMenu {
+    /**
+     * Default 'default'
+     */
+    state?: 'hidden' | 'always-visible' | 'default';
+    items?: DynamicDatatableFooterMenuItem[];
+}
+export interface DatatableDynamicDef {
+    readonly menuBar?: DynamicDatatableMenuBar;
+    readonly filterMenu?: DynamicDatatableFilterMenu;
+    readonly columns: DynamicDatatableColumn<TableCellTypeName, TableCellTypeConfig<TableCellTypeName>>[];
+    readonly rows: DynamicDatatableRow[];
+    readonly rowActions?: DynamicDatatableRowAction[];
+    readonly options?: DynamicDatatableOptions;
+}

package/datatable-dynamic/datatable-dynamic-filter-container/datatable-dynamic-filter-container.component.d.ts

@@ -0,0 +1,15 @@
+import { ComponentPortal } from '@angular/cdk/portal';
+import { Injector, OnInit } from '@angular/core';
+import type { ComponentType } from '@theseam/ui-common/models';
+export declare class DatatableDynamicFilterContainerComponent<C> implements OnInit {
+    private _injector;
+    set filterComponent(value: ComponentType<C> | undefined | null);
+    get filterComponent(): ComponentType<C> | undefined | null;
+    private _filterComponent;
+    options: any;
+    _portal: ComponentPortal<C> | null;
+    constructor(_injector: Injector);
+    ngOnInit(): void;
+    private _setPortal;
+    private _createInjector;
+}

package/datatable-dynamic/datatable-dynamic-menu-bar-content/datatable-dynamic-menu-bar-content.component.d.ts

@@ -0,0 +1,61 @@
+import { ComponentPortal } from '@angular/cdk/portal';
+import { Injector, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { DynamicValueHelperService } from '@theseam/ui-common/dynamic';
+import { TheSeamDynamicComponentLoader } from '@theseam/ui-common/dynamic-component-loader';
+import { IDatatableDynamicMenuBarItemManifest } from '../datatable-dynamic-menu-bar-item-manifest';
+import { DynamicDatatableMenuBar, DynamicDatatableMenuBarColumn, DynamicDatatableMenuBarItem, DynamicDatatableMenuBarRow } from '../models/dynamic-datatable-menu-bar';
+export interface IDatatableDynamicMenuBarContentItem {
+    portal?: ComponentPortal<{}>;
+}
+export interface IDatatableDynamicMenuBarContentColumn {
+    styles?: string | string[];
+    cssClass?: string | string[];
+    items?: IDatatableDynamicMenuBarContentItem[];
+}
+export interface IDatatableDynamicMenuBarContentRowLayoutTriColumn {
+    columnLeft?: IDatatableDynamicMenuBarContentColumn;
+    columnCenter?: IDatatableDynamicMenuBarContentColumn;
+    columnRight?: IDatatableDynamicMenuBarContentColumn;
+}
+export interface IDatatableDynamicMenuBarContentRow {
+    styles?: string | string[];
+    cssClass?: string | string[];
+    priority?: number;
+    layoutType?: string;
+    layout?: IDatatableDynamicMenuBarContentRowLayoutTriColumn;
+}
+export interface IDatatableDynamicMenuBarContentRowContext {
+    row: DynamicDatatableMenuBarRow;
+}
+export interface IDatatableDynamicMenuBarContentColumnContext {
+    column: DynamicDatatableMenuBarColumn;
+    row: DynamicDatatableMenuBarRow;
+}
+export interface IDatatableDynamicMenuBarContentItemContext {
+    item: DynamicDatatableMenuBarItem;
+    row: DynamicDatatableMenuBarRow;
+    column: DynamicDatatableMenuBarColumn;
+}
+export declare class DatatableDynamicMenuBarContentComponent implements OnInit {
+    private readonly _valueHelper;
+    private readonly _dynamicComponentLoader;
+    private readonly _injector;
+    private readonly _menuBarItemManifests?;
+    private readonly _def;
+    set def(value: DynamicDatatableMenuBar | undefined);
+    get def(): DynamicDatatableMenuBar | undefined;
+    readonly def$: Observable<DynamicDatatableMenuBar | undefined>;
+    readonly _rows$: Observable<IDatatableDynamicMenuBarContentRow[]>;
+    constructor(_valueHelper: DynamicValueHelperService, _dynamicComponentLoader: TheSeamDynamicComponentLoader, _injector: Injector, _menuBarItemManifests?: IDatatableDynamicMenuBarItemManifest<any>[] | undefined);
+    ngOnInit(): void;
+    private _mapRows;
+    private _mapRow;
+    private _mapRowLayout;
+    private _mapColumn;
+    private _mapItem;
+    private _createRowContext;
+    private _createColumnContext;
+    private _createItemContext;
+    private _getComponentPortal;
+}

package/datatable-dynamic/datatable-dynamic-menu-bar-item-manifest.d.ts

@@ -0,0 +1,16 @@
+import { ComponentType } from '@angular/cdk/portal';
+import { InjectionToken } from '@angular/core';
+export interface IDatatableDynamicMenuBarItemManifest<T = any> {
+    /**
+     * Unique name to represent this item in JSON def.
+     */
+    name: string;
+    /**
+     * Component to render for this item.
+     */
+    component: ComponentType<{}> | string;
+    /**
+     * InjectionToken to inject data as.
+     */
+    dataToken?: InjectionToken<T>;
+}

package/datatable-dynamic/datatable-dynamic-menu-bar-token.d.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+import { IDatatableDynamicMenuBarItemManifest } from './datatable-dynamic-menu-bar-item-manifest';
+export declare const THESEAM_DATATABLE_DYNAMIC_MENUBAR_ITEM: InjectionToken<IDatatableDynamicMenuBarItemManifest<any>>;

package/datatable-dynamic/datatable-dynamic.component.d.ts

@@ -0,0 +1,89 @@
+import { OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { IDataExporter } from '@theseam/ui-common/data-exporter';
+import { DatatableDynamicDef, DynamicDatatableOptions } from './datatable-dynamic-def';
+import { DynamicDatatableDefService } from './dynamic-datatable-def.service';
+import { DynamicDatatableFilterMenuItem } from './models/dynamic-datatable-filter-menu-item';
+import { DynamicDatatableMenuBar } from './models/dynamic-datatable-menu-bar';
+/**
+ * # EXPERIMENTAL
+ *
+ * NOTE: This component is still experimental. When stable all standard
+ * datatables must use this component, unless there is a good reason not to, in
+ * our apps.
+ *
+ * ----------------------------------------------------------------------------
+ *
+ * Datatable that is built from a json definition.
+ *
+ * All standard datatables in our apps must use this component, unless there is
+ * a good reason not to. If a standard datatable does not use this component
+ * then an explaination comment needs to be clearly provided in the code to
+ * avoid getting migrated to this component.
+ *
+ * A few reasons this component should to be used:
+ * - We can, more easily, control what a datatable in our app does by requiring
+ *   the definition follow a json schema, instead of having full scripting
+ *   access available to the developer.
+ *   + By using json we can maintain the tables from any external app/language
+ *     that can produce a json string.
+ *   + More scripting access often leads to different hacks across the tables
+ *     that should have just been supported by this component if it is a feature
+ *     a datatable should be able to do in an app of ours.
+ * - We can allow any of our tables to be configured by the server.
+ *   + By supporting configuration on the server we can change the tables
+ *     without a new build and do things like allowing non-developers/clients to
+ *     maintain the tables functionality.
+ */
+export declare class DatatableDynamicComponent implements OnInit {
+    private readonly _dynamicDef;
+    /** The `DatatableDynamicDef` that defines the datatable. */
+    set def(value: DatatableDynamicDef | undefined | null);
+    /**
+     * Observes whether the datatable has a def.
+     * @ignore
+     */
+    _hasDef$: Observable<boolean>;
+    /**
+     * Observes whether the datatable has a menu bar.
+     */
+    menuBar$: Observable<DynamicDatatableMenuBar | undefined>;
+    /**
+     * The available exporters.
+     * @ignore
+     */
+    _exporters$: Observable<IDataExporter[]>;
+    /**
+     * The 'common' type filter menu items.
+     * @ignore
+     */
+    _commonFilterMenuItems$: Observable<DynamicDatatableFilterMenuItem[]>;
+    /**
+     * Observes whether the datatable has a 'full-search' menu item.
+     * @ignore
+     */
+    _hasFullSearch$: Observable<boolean>;
+    /**
+     * Observes whether the datatable has a filter menu.
+     * @ignore
+     */
+    _hasFilterMenu$: Observable<boolean>;
+    /**
+     * Observes datatable options.
+     * @ignore
+     */
+    _options$: Observable<DynamicDatatableOptions | undefined>;
+    /**
+     * TODO: Implement def columns parser.
+     * @ignore
+     */
+    _tmp_columns$: Observable<any>;
+    /**
+     * TODO: Implement def rows parser.
+     * @ignore
+     */
+    _tmp_rows$: Observable<any>;
+    constructor(_dynamicDef: DynamicDatatableDefService);
+    /** @ignore */
+    ngOnInit(): void;
+}

package/datatable-dynamic/datatable-dynamic.module.d.ts

@@ -0,0 +1,2 @@
+export declare class TheSeamDatatableDynamicModule {
+}

package/datatable-dynamic/directives/datatable-dynamic-action-menu-item.directive.d.ts

@@ -0,0 +1,73 @@
+import { LocationStrategy } from '@angular/common';
+import { ElementRef, OnChanges, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { ActivatedRoute, QueryParamsHandling, Router, RouterLink, RouterLinkWithHref } from '@angular/router';
+import { Observable } from 'rxjs';
+import { AssetReaderHelperService } from '@theseam/ui-common/asset-reader';
+import { DynamicActionHelperService, DynamicValueHelperService } from '@theseam/ui-common/dynamic';
+import type { DynamicDatatableActionMenuRecord } from '../models/dynamic-datatable-action-menu-record';
+/**
+ * Class to act as a substitute to `routerLink` directive until the menu items
+ * can be dynamically built in a clean way with or without `routerLink`.
+ */
+export declare class DatatableDynamicActionMenuItemRouterLink {
+    private router;
+    private route;
+    private renderer;
+    private el;
+    private locationStrategy;
+    private _rLink?;
+    private _rLinkWithHref?;
+    private _rLinkClickEventListener?;
+    constructor(router: Router, route: ActivatedRoute, tabIndex: string | null, renderer: Renderer2, el: ElementRef, locationStrategy: LocationStrategy);
+    get routerLink(): RouterLink | undefined;
+    get routerLinkWithHref(): RouterLinkWithHref | undefined;
+    set routerLinkInput(commands: any[] | string);
+    set queryParams(value: {
+        [k: string]: any;
+    });
+    set fragment(value: string);
+    set queryParamsHandling(value: QueryParamsHandling);
+    set preserveFragment(value: boolean);
+    set skipLocationChange(value: boolean);
+    set replaceUrl(value: boolean);
+    set state(value: {
+        [k: string]: any;
+    });
+    set target(value: string | undefined);
+    destroy(): void;
+}
+export declare class DatatableDynamicActionMenuItemDirective implements OnInit, OnDestroy, OnChanges {
+    private _elementRef;
+    private _renderer;
+    private _valueHelper;
+    private _actionHelper;
+    private _assetReaderHelper;
+    private _router;
+    private _route;
+    private _locationStrategy;
+    set seamDatatableDynamicActionMenuItem(value: DynamicDatatableActionMenuRecord);
+    private _record;
+    private _clickSubscription?;
+    private _menuRouterLink?;
+    private _recordSubscription;
+    constructor(_elementRef: ElementRef<HTMLElement>, _renderer: Renderer2, _valueHelper: DynamicValueHelperService, _actionHelper: DynamicActionHelperService, _assetReaderHelper: AssetReaderHelperService, _router: Router, _route: ActivatedRoute, _locationStrategy: LocationStrategy);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngOnChanges(changes: {}): void;
+    _update(record: DynamicDatatableActionMenuRecord): Observable<void>;
+    private _updateAnchorElement;
+    private _updateButtonElement;
+    private _updateAssetElement;
+    private _updateClickElement;
+    private _unsubClick;
+    private _setAttr;
+    private _tryInitTabIndex;
+    private _tryInitBlockClick;
+    private _blockClickExprObservable;
+    private _initMenuItemRouterLink;
+    private _isAnchor;
+    private _getUiProps;
+    /** @ignore */
+    private _getContext;
+    private _setInvalidActionState;
+}

package/datatable-dynamic/dynamic-datatable-def.service.d.ts

@@ -0,0 +1,59 @@
+import { ComponentType } from '@angular/cdk/portal';
+import { Observable } from 'rxjs';
+import { IDataExporter } from '@theseam/ui-common/data-exporter';
+import { IDataFilter } from '@theseam/ui-common/data-filters';
+import { DynamicValueHelperService } from '@theseam/ui-common/dynamic';
+import { DynamicDatatableOptions } from './datatable-dynamic-def';
+import { DatatableDynamicDef } from './datatable-dynamic-def';
+import { DynamicDatatableMenuBar } from './models/dynamic-datatable-menu-bar';
+import { DynamicDatatableFilterMenuItem } from './models/index';
+/**
+ * Manages the data defined in the `DatatableDynamicDef`. Simplifies accessing
+ * and observing the needed data based on the `DatatableDynamicDef`.
+ */
+export declare class DynamicDatatableDefService {
+    private _valueHelper;
+    /**
+     * @deprecated
+     * @ignore
+     */
+    private _dataExporters;
+    /**
+     * @deprecated
+     * @ignore
+     */
+    private _dataFilters;
+    /** @ignore */
+    private readonly _defSubject;
+    /** Dynamic datatable definition. */
+    readonly def$: Observable<DatatableDynamicDef | undefined>;
+    /**
+     * Exporters in the def that are available.
+     * @deprecated
+     */
+    readonly exporters$: Observable<IDataExporter[]>;
+    /**
+     * Filter menu items in the def that are available.
+     * @deprecated
+     */
+    readonly filterMenuItems$: Observable<DynamicDatatableFilterMenuItem[]>;
+    /**
+     * Observes whether the datatable has a filter menu.
+     * @deprecated
+     */
+    readonly hasFilterMenu$: Observable<boolean>;
+    /** Observes datatable options. */
+    readonly options$: Observable<DynamicDatatableOptions | undefined>;
+    /** Observes the datatable def menu bar. */
+    readonly menuBar$: Observable<DynamicDatatableMenuBar | undefined>;
+    constructor(dataExporters: IDataExporter[], dataFilters: {
+        name: string;
+        component: ComponentType<IDataFilter>;
+    }[], _valueHelper: DynamicValueHelperService);
+    /** Sets the `DatatableDynamicDef` that defines the datatable.  */
+    setDef(def: DatatableDynamicDef | undefined): void;
+    /** Map the def exporters to the provided `IDataExporter` objects. */
+    private _mapExporters;
+    /** Map the def filter menu items to provided components. */
+    private _mapFilterMenuItems;
+}