npm - @theseam/ui-common - Versions diffs - 0.2.9 - Mend

@theseam/ui-common 0.2.9

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.

Files changed (1567) hide show

package/fesm2015/theseam-ui-common-datatable-dynamic.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"theseam-ui-common-datatable-dynamic.js","sources":["../../../projects/ui-common/datatable-dynamic/utils/defaults/set-dynamic-datatable-columns-defaults.ts","../../../projects/ui-common/datatable-dynamic/utils/defaults/set-dynamic-datatable-filter-menu-defaults.ts","../../../projects/ui-common/datatable-dynamic/utils/defaults/set-dynamic-datatable-options-defaults.ts","../../../projects/ui-common/datatable-dynamic/utils/defaults/set-dynamic-datatable-def-defaults.ts","../../../projects/ui-common/datatable-dynamic/dynamic-datatable-def.service.ts","../../../projects/ui-common/datatable-dynamic/dynamic-datatable-row-actions.service.ts","../../../projects/ui-common/datatable-dynamic/datatable-dynamic-action-menu/datatable-dynamic-action-menu.component.ts","../../../projects/ui-common/datatable-dynamic/datatable-dynamic-filter-container/datatable-dynamic-filter-container.component.ts","../../../projects/ui-common/datatable-dynamic/datatable-dynamic-menu-bar-token.ts","../../../projects/ui-common/datatable-dynamic/datatable-dynamic-menu-bar-content/datatable-dynamic-menu-bar-content.component.ts","../../../projects/ui-common/datatable-dynamic/directives/datatable-dynamic-action-menu-item.directive.ts","../../../projects/ui-common/datatable-dynamic/datatable-dynamic.component.ts","../../../projects/ui-common/datatable-dynamic/datatable-dynamic.module.ts","../../../projects/ui-common/datatable-dynamic/theseam-ui-common-datatable-dynamic.ts"],"sourcesContent":["import { DynamicDatatableColumn } from '../../datatable-dynamic-def'\n\nexport function setDynamicDatatableColumnsDefaults(\n columns: DynamicDatatableColumn[]\n) {\n for (const col of columns) {\n if (!col.cellType) {\n col.cellType = 'string'\n }\n }\n}\n","import { DynamicDatatableFilterMenu } from '../../datatable-dynamic-def'\n\nexport function setDynamicDatatableFilterMenuDefaults(\n filterMenu: DynamicDatatableFilterMenu\n) {\n if (!filterMenu.state) {\n filterMenu.state = 'default'\n }\n}\n","import { DynamicDatatableOptions } from '../../datatable-dynamic-def'\n\nexport function setDynamicDatatableOptionsDefaults(\n options: DynamicDatatableOptions\n) {\n if (options.virtualization === undefined || options.virtualization === null) {\n options.virtualization = true\n }\n}\n","import { DatatableDynamicDef } from '../../datatable-dynamic-def'\n\nimport { setDynamicDatatableColumnsDefaults } from './set-dynamic-datatable-columns-defaults'\nimport { setDynamicDatatableFilterMenuDefaults } from './set-dynamic-datatable-filter-menu-defaults'\nimport { setDynamicDatatableOptionsDefaults } from './set-dynamic-datatable-options-defaults'\n\nexport function setDynamicDatatableDefDefaults(\n def: DatatableDynamicDef\n) {\n setDynamicDatatableColumnsDefaults(def.columns)\n\n if (def.filterMenu) {\n setDynamicDatatableFilterMenuDefaults(def.filterMenu)\n }\n\n if (def.options) {\n setDynamicDatatableOptionsDefaults(def.options)\n }\n}\n","import { ComponentType } from '@angular/cdk/portal'\nimport { Inject, Injectable } from '@angular/core'\nimport { BehaviorSubject, combineLatest, Observable, of } from 'rxjs'\nimport { map, shareReplay, switchMap } from 'rxjs/operators'\n\nimport { IDataExporter, THESEAM_DATA_EXPORTER } from '@theseam/ui-common/data-exporter'\nimport { IDataFilter, THESEAM_DATA_FILTER_DEF } from '@theseam/ui-common/data-filters'\nimport { DynamicValueHelperService } from '@theseam/ui-common/dynamic'\nimport { hasProperty, notNullOrUndefined } from '@theseam/ui-common/utils'\n\nimport { DynamicDatatableOptions } from './datatable-dynamic-def'\nimport { DatatableDynamicDef } from './datatable-dynamic-def'\nimport { DynamicDatatableMenuBar } from './models/dynamic-datatable-menu-bar'\nimport { DynamicDatatableFilterMenuItem } from './models/index'\nimport { setDynamicDatatableDefDefaults } from './utils/index'\n\n/**\n * Manages the data defined in the `DatatableDynamicDef`. Simplifies accessing\n * and observing the needed data based on the `DatatableDynamicDef`.\n */\n@Injectable()\nexport class DynamicDatatableDefService {\n\n /**\n * @deprecated\n * @ignore\n */\n private _dataExporters: IDataExporter[]\n\n /**\n * @deprecated\n * @ignore\n */\n private _dataFilters: { name: string, component: ComponentType<IDataFilter> }[]\n\n /** @ignore */\n private readonly _defSubject = new BehaviorSubject<DatatableDynamicDef | undefined>(undefined)\n\n /** Dynamic datatable definition. */\n public readonly def$: Observable<DatatableDynamicDef | undefined>\n\n /**\n * Exporters in the def that are available.\n * @deprecated\n */\n public readonly exporters$: Observable<IDataExporter[]>\n\n /**\n * Filter menu items in the def that are available.\n * @deprecated\n */\n public readonly filterMenuItems$: Observable<DynamicDatatableFilterMenuItem[]>\n\n /**\n * Observes whether the datatable has a filter menu.\n * @deprecated\n */\n public readonly hasFilterMenu$: Observable<boolean>\n\n /** Observes datatable options. */\n public readonly options$: Observable<DynamicDatatableOptions | undefined>\n\n /** Observes the datatable def menu bar. */\n public readonly menuBar$: Observable<DynamicDatatableMenuBar | undefined>\n\n constructor(\n @Inject(THESEAM_DATA_EXPORTER) dataExporters: IDataExporter[],\n @Inject(THESEAM_DATA_FILTER_DEF) dataFilters: { name: string, component: ComponentType<IDataFilter> }[],\n private _valueHelper: DynamicValueHelperService,\n ) {\n this._dataExporters = (dataExporters || [])\n this._dataFilters = (dataFilters || [])\n\n this.def$ = this._defSubject.asObservable()\n\n this.exporters$ = this.def$.pipe(\n map(def => !!def ? this._mapExporters(def) : []),\n shareReplay({ bufferSize: 1, refCount: true })\n )\n\n this.filterMenuItems$ = this.def$.pipe(\n map(def => !!def ? this._mapFilterMenuItems(def) : []),\n shareReplay({ bufferSize: 1, refCount: true })\n )\n\n this.hasFilterMenu$ = this.def$.pipe(\n switchMap(def => {\n if (!def) { return of(false) }\n\n // Check if the visibility can be determined by the state value only.\n if (def.filterMenu && def.filterMenu.state) {\n switch (def.filterMenu.state) {\n case 'always-visible': return of(true)\n case 'hidden': return of(false)\n }\n }\n\n // Check if there is anything to put in the filter menu.\n return combineLatest([\n this.exporters$.pipe(map(e => e.length > 0)),\n this.filterMenuItems$.pipe(map(f => f.length > 0))\n ]).pipe(map(v => v.indexOf(true) !== -1))\n }),\n shareReplay({ bufferSize: 1, refCount: true })\n )\n\n this.options$ = this.def$.pipe(\n map(def => !!def ? def.options : undefined),\n shareReplay({ bufferSize: 1, refCount: true })\n )\n\n this.menuBar$ = this.def$.pipe(\n map(def => (notNullOrUndefined(def) && hasProperty(def, 'menuBar')) ? def.menuBar : undefined),\n // tap(v => console.log('menubar', v)),\n shareReplay({ bufferSize: 1, refCount: true })\n )\n }\n\n /** Sets the `DatatableDynamicDef` that defines the datatable. */\n public setDef(def: DatatableDynamicDef | undefined): void {\n if (def) { setDynamicDatatableDefDefaults(def) }\n this._defSubject.next(def || undefined)\n }\n\n /** Map the def exporters to the provided `IDataExporter` objects. */\n private _mapExporters(def: DatatableDynamicDef): IDataExporter[] {\n if (!def.filterMenu || !Array.isArray(def.filterMenu.exporters)) {\n return []\n }\n\n return def.filterMenu.exporters\n .map(e => this._dataExporters.find(de => de.name === e))\n .filter(notNullOrUndefined)\n }\n\n /** Map the def filter menu items to provided components. */\n private _mapFilterMenuItems(def: DatatableDynamicDef): DynamicDatatableFilterMenuItem[] {\n if (!def.filterMenu || !def.filterMenu.filters || !Array.isArray(def.filterMenu.filters)) {\n return []\n }\n\n return def.filterMenu.filters\n .map(f => {\n const _df = this._dataFilters.find(df => df.name === f.name)\n if (_df) { return { ...f, component: _df.component } }\n })\n .filter(notNullOrUndefined)\n }\n\n}\n","import { Injectable } from '@angular/core'\nimport { from, Observable, of } from 'rxjs'\nimport { map, switchMap, toArray } from 'rxjs/operators'\n\nimport { DynamicValueHelperService } from '@theseam/ui-common/dynamic'\nimport { notNullOrUndefined } from '@theseam/ui-common/utils'\n\nimport { DynamicDatatableRow } from './datatable-dynamic-def'\nimport { DynamicDatatableDefService } from './dynamic-datatable-def.service'\nimport { DynamicDatatableRowAction } from './models/dynamic-datatable-row-action'\nimport { DynamicDatatableRowActionContext } from './models/dynamic-datatable-row-action-context'\n\n@Injectable()\nexport class DynamicDatatableRowActionsService {\n\n constructor(\n private _valueHelper: DynamicValueHelperService,\n private _dynamicDef: DynamicDatatableDefService\n ) { }\n\n /**\n * Observe actions for specified row\n */\n public rowActions(row: DynamicDatatableRow): Observable<DynamicDatatableRowAction[]> {\n return this._dynamicDef.def$.pipe(\n map(def => (def && def.rowActions) ? def.rowActions || [] : []),\n switchMap(rowActions => !!rowActions\n ? from(rowActions).pipe(\n map(rowAction => {\n if (rowAction.hasOwnProperty('hidden')) {\n if (typeof rowAction.hidden === 'boolean') {\n return rowAction.hidden ? undefined : rowAction\n } else {\n const context = this._getRowActionContext(row, rowAction)\n // TODO: Fix async eval\n const isHidden = this._valueHelper.evalSync(rowAction.hidden, context)\n return isHidden ? undefined : rowAction\n }\n }\n return rowAction\n }),\n toArray(),\n map(v => v.filter(notNullOrUndefined))\n )\n : of([])\n )\n )\n }\n\n /** @ignore */\n private _getRowActionContext(row: DynamicDatatableRow, rowActionDef: DynamicDatatableRowAction): DynamicDatatableRowActionContext {\n return {\n row\n }\n }\n\n}\n","import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core'\nimport { BehaviorSubject, from, Observable, of } from 'rxjs'\nimport { concatMap, filter, switchMap, toArray } from 'rxjs/operators'\n\nimport { faEllipsisH } from '@fortawesome/free-solid-svg-icons'\n\nimport { DynamicValueHelperService } from '@theseam/ui-common/dynamic'\nimport { hasProperty, notNullOrUndefined } from '@theseam/ui-common/utils'\n\nimport { DynamicDatatableRow } from '../datatable-dynamic-def'\nimport { DynamicDatatableRowActionsService } from '../dynamic-datatable-row-actions.service'\nimport { DynamicDatatableActionMenuElementTypes, DynamicDatatableActionMenuRecord } from '../models/dynamic-datatable-action-menu-record'\nimport { DynamicDatatableRowAction } from '../models/dynamic-datatable-row-action'\nimport { DynamicDatatableRowActionContext } from '../models/dynamic-datatable-row-action-context'\n\n@Component({\n selector: 'seam-datatable-dynamic-action-menu',\n templateUrl: './datatable-dynamic-action-menu.component.html',\n styleUrls: ['./datatable-dynamic-action-menu.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DatatableDynamicActionMenuComponent implements OnInit {\n\n faEllipsisH = faEllipsisH\n\n @Input()\n get row() { return this._row.value }\n set row(value: DynamicDatatableRow | undefined) {\n this._row.next(value || undefined)\n }\n private _row = new BehaviorSubject<DynamicDatatableRow | undefined>(undefined)\n\n @Input()\n get actionDefs() { return this._actionDefs.value }\n set actionDefs(value: DynamicDatatableRowAction[]) {\n this._actionDefs.next(value || [])\n }\n private _actionDefs = new BehaviorSubject<DynamicDatatableRowAction[]>([])\n\n _menuRecords$: Observable<DynamicDatatableActionMenuRecord[]>\n\n /** @ignore */\n _actionMenuPositions = [\n {\n originX: 'start',\n originY: 'bottom',\n overlayX: 'end',\n overlayY: 'top',\n },\n {\n originX: 'start',\n originY: 'top',\n overlayX: 'end',\n overlayY: 'bottom',\n },\n {\n originX: 'end',\n originY: 'bottom',\n overlayX: 'start',\n overlayY: 'top',\n },\n {\n originX: 'end',\n originY: 'top',\n overlayX: 'start',\n overlayY: 'bottom',\n },\n ]\n\n constructor(\n private _valueHelper: DynamicValueHelperService,\n private _dynamicRowActions: DynamicDatatableRowActionsService\n ) {\n // this._menuRecords$ = combineLatest([ this._row, this._actionDefs ]).pipe(\n // switchMap(([ row, actionDefs ]) => !!row ? this._mapRecords(row, actionDefs) : of([]))\n // )\n this._menuRecords$ = this._row.pipe(\n switchMap(row => !!row\n ? this._dynamicRowActions.rowActions(row).pipe(\n switchMap(actionDefs => this._mapRecords(row, actionDefs))\n )\n : of([])\n ),\n // tap(v => console.log('actions', v))\n )\n\n // this._menuRecords$.subscribe()\n }\n\n ngOnInit() { }\n\n // TODO: Consider moving this to `DynamicDatatableRowActionsService`.\n private _mapRecords<A extends DynamicDatatableRowAction>(\n row: DynamicDatatableRow,\n actionDefs: A[]\n ): Observable<DynamicDatatableActionMenuRecord[]> {\n return from(actionDefs).pipe(\n concatMap(actionDef => {\n return (async () => {\n const _rowAction: DynamicDatatableRowAction = {\n ...actionDef\n }\n\n const context = this._getRowActionContext(row, actionDef)\n\n if (hasProperty(_rowAction, 'hidden')) {\n _rowAction.hidden = await this._valueHelper.eval(_rowAction.hidden, context)\n if (_rowAction.hidden) {\n return undefined\n }\n }\n\n _rowAction.label = await this._valueHelper.eval(actionDef.label, context)\n\n if (hasProperty(_rowAction, 'disabled')) {\n _rowAction.disabled = await this._valueHelper.eval(_rowAction.disabled, context)\n }\n\n const record: DynamicDatatableActionMenuRecord = {\n _row: row,\n _def: actionDef,\n rowAction: _rowAction,\n elementType: this._expectedElementType(actionDef)\n }\n\n return record\n })()\n }),\n filter(notNullOrUndefined),\n toArray()\n )\n }\n\n /** @ignore */\n private _getRowActionContext(\n row: DynamicDatatableRow,\n rowActionDef: DynamicDatatableRowAction\n ): DynamicDatatableRowActionContext {\n return {\n row\n }\n }\n\n private _expectedElementType(def: DynamicDatatableRowAction): DynamicDatatableActionMenuElementTypes {\n const action = def.action\n\n if (action.type === 'link') {\n if (hasProperty(<any>action, 'asset')) {\n return 'button'\n }\n return 'a'\n }\n\n return 'button'\n }\n\n}\n","import { ComponentPortal, PortalInjector } from '@angular/cdk/portal'\nimport { ChangeDetectionStrategy, Component, Injector, Input, OnInit } from '@angular/core'\n\nimport { THESEAM_DATA_FILTER_OPTIONS } from '@theseam/ui-common/data-filters'\nimport type { ComponentType } from '@theseam/ui-common/models'\n\n@Component({\n selector: 'seam-datatable-dynamic-filter-container',\n templateUrl: './datatable-dynamic-filter-container.component.html',\n styleUrls: ['./datatable-dynamic-filter-container.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DatatableDynamicFilterContainerComponent<C> implements OnInit {\n\n @Input()\n set filterComponent(value: ComponentType<C> | undefined | null) {\n this._filterComponent = value\n // if (this._filterComponent !== value) {\n // this._setPortal(value)\n // }\n }\n get filterComponent() { return this._filterComponent }\n private _filterComponent: ComponentType<C> | undefined | null\n\n @Input() options: any\n\n _portal: ComponentPortal<C> | null = null\n\n constructor(\n private _injector: Injector\n ) { }\n\n ngOnInit() {\n if (this.filterComponent) {\n this._setPortal(this.filterComponent)\n }\n }\n\n private _setPortal(component: ComponentType<C>) {\n if (this._portal) {\n this._portal = null\n }\n\n if (component) {\n this._portal = new ComponentPortal(component, undefined, this._createInjector())\n } else {\n this._portal = null\n }\n }\n\n private _createInjector(): PortalInjector {\n return new PortalInjector(this._injector, new WeakMap <any, any> ([\n [ THESEAM_DATA_FILTER_OPTIONS, this.options ]\n ]))\n }\n\n}\n","import { InjectionToken } from '@angular/core'\n\nimport { IDatatableDynamicMenuBarItemManifest } from './datatable-dynamic-menu-bar-item-manifest'\n\nexport const THESEAM_DATATABLE_DYNAMIC_MENUBAR_ITEM = new InjectionToken<IDatatableDynamicMenuBarItemManifest>(\n 'IDatatableDynamicMenuBarItemManifest'\n)\n","import { ComponentPortal, PortalInjector } from '@angular/cdk/portal'\nimport { ChangeDetectionStrategy, Component, Inject, Injector, Input, OnInit, Optional } from '@angular/core'\nimport { BehaviorSubject, Observable } from 'rxjs'\nimport { map, switchMap } from 'rxjs/operators'\n\nimport { DynamicValueHelperService } from '@theseam/ui-common/dynamic'\nimport { TheSeamDynamicComponentLoader } from '@theseam/ui-common/dynamic-component-loader'\nimport { hasProperty } from '@theseam/ui-common/utils'\n\nimport { IDatatableDynamicMenuBarItemManifest } from '../datatable-dynamic-menu-bar-item-manifest'\nimport { THESEAM_DATATABLE_DYNAMIC_MENUBAR_ITEM } from '../datatable-dynamic-menu-bar-token'\nimport {\n DynamicDatatableMenuBar,\n DynamicDatatableMenuBarColumn,\n DynamicDatatableMenuBarItem,\n DynamicDatatableMenuBarRow,\n DynamicDatatableMenuBarRowLayoutTriColumn\n} from '../models/dynamic-datatable-menu-bar'\n\nexport interface IDatatableDynamicMenuBarContentItem {\n // styles?: string | string[]\n // cssClass?: string | string[]\n portal?: ComponentPortal<{}>\n // component?: string | ComponentType<{}>\n // config?: any\n}\n\nexport interface IDatatableDynamicMenuBarContentColumn {\n styles?: string | string[]\n cssClass?: string | string[]\n items?: IDatatableDynamicMenuBarContentItem[]\n}\n\nexport interface IDatatableDynamicMenuBarContentRowLayoutTriColumn {\n columnLeft?: IDatatableDynamicMenuBarContentColumn\n columnCenter?: IDatatableDynamicMenuBarContentColumn\n columnRight?: IDatatableDynamicMenuBarContentColumn\n}\n\nexport interface IDatatableDynamicMenuBarContentRow {\n styles?: string | string[]\n cssClass?: string | string[]\n priority?: number\n layoutType?: string\n layout?: IDatatableDynamicMenuBarContentRowLayoutTriColumn\n}\n\nexport interface IDatatableDynamicMenuBarContentRowContext {\n row: DynamicDatatableMenuBarRow\n}\n\nexport interface IDatatableDynamicMenuBarContentColumnContext {\n column: DynamicDatatableMenuBarColumn\n row: DynamicDatatableMenuBarRow\n}\n\nexport interface IDatatableDynamicMenuBarContentItemContext {\n item: DynamicDatatableMenuBarItem\n row: DynamicDatatableMenuBarRow\n column: DynamicDatatableMenuBarColumn\n}\n\n@Component({\n selector: 'seam-datatable-dynamic-menu-bar-content',\n templateUrl: './datatable-dynamic-menu-bar-content.component.html',\n styleUrls: ['./datatable-dynamic-menu-bar-content.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DatatableDynamicMenuBarContentComponent implements OnInit {\n\n private readonly _def = new BehaviorSubject<DynamicDatatableMenuBar | undefined>(undefined)\n\n @Input()\n set def(value: DynamicDatatableMenuBar | undefined) { this._def.next(value) }\n get def(): DynamicDatatableMenuBar | undefined { return this._def.value }\n\n public readonly def$: Observable<DynamicDatatableMenuBar | undefined>\n\n readonly _rows$: Observable<IDatatableDynamicMenuBarContentRow[]>\n\n constructor(\n private readonly _valueHelper: DynamicValueHelperService,\n private readonly _dynamicComponentLoader: TheSeamDynamicComponentLoader,\n private readonly _injector: Injector,\n @Optional() @Inject(THESEAM_DATATABLE_DYNAMIC_MENUBAR_ITEM)\n private readonly _menuBarItemManifests?: IDatatableDynamicMenuBarItemManifest[]\n ) {\n this.def$ = this._def.asObservable()\n // .pipe(tap(v => console.log('def$', v)))\n\n this._rows$ = this.def$.pipe(switchMap(def => this._mapRows(def && def.rows || [])))\n // .pipe(tap(v => console.log('_rows$', v)))\n }\n\n ngOnInit() { }\n\n private _mapRows(rows: DynamicDatatableMenuBarRow[]): Promise<IDatatableDynamicMenuBarContentRow[]> {\n return Promise.all(rows.map(r => this._mapRow(r)))\n }\n\n private async _mapRow(row: DynamicDatatableMenuBarRow): Promise<IDatatableDynamicMenuBarContentRow> {\n const result: IDatatableDynamicMenuBarContentRow = { }\n const context = this._createRowContext(row)\n\n if (hasProperty(row, 'styles')) {\n result.styles = await this._valueHelper.eval(row.styles, context)\n }\n\n if (hasProperty(row, 'cssClass')) {\n result.cssClass = await this._valueHelper.eval(row.cssClass, context)\n }\n\n if (hasProperty(row, 'priority')) {\n result.priority = await this._valueHelper.eval(row.priority, context)\n }\n\n result.layoutType = row.layout.type\n result.layout = await this._mapRowLayout(row.layout, row)\n\n return result\n }\n\n private async _mapRowLayout(\n layout: DynamicDatatableMenuBarRowLayoutTriColumn,\n row: DynamicDatatableMenuBarRow\n ): Promise<IDatatableDynamicMenuBarContentRowLayoutTriColumn> {\n const result: IDatatableDynamicMenuBarContentRowLayoutTriColumn = { }\n\n if (hasProperty(layout, 'columnLeft')) {\n result.columnLeft = await this._mapColumn(layout.columnLeft, row)\n }\n\n if (hasProperty(layout, 'columnCenter')) {\n result.columnCenter = await this._mapColumn(layout.columnCenter, row)\n }\n\n if (hasProperty(layout, 'columnRight')) {\n result.columnRight = await this._mapColumn(layout.columnRight, row)\n }\n\n return result\n }\n\n private async _mapColumn(\n column: DynamicDatatableMenuBarColumn,\n row: DynamicDatatableMenuBarRow\n ): Promise<IDatatableDynamicMenuBarContentColumn> {\n const result: IDatatableDynamicMenuBarContentColumn = { }\n const context = this._createColumnContext(column, row)\n\n if (hasProperty(column, 'styles')) {\n result.styles = await this._valueHelper.eval(column.styles, context)\n }\n\n if (hasProperty(column, 'cssClass')) {\n result.cssClass = await this._valueHelper.eval(column.cssClass, context)\n }\n\n result.items = await Promise.all(column.items.map(v => this._mapItem(v, row, column)))\n\n return result\n }\n\n private async _mapItem(\n item: DynamicDatatableMenuBarItem,\n row: DynamicDatatableMenuBarRow,\n column: DynamicDatatableMenuBarColumn\n ): Promise<IDatatableDynamicMenuBarContentItem> {\n const result: IDatatableDynamicMenuBarContentItem = { }\n const context = this._createItemContext(item, row, column)\n\n // if (hasProperty(item, 'styles')) {\n // result.styles = await this._valueHelper.eval(item.styles, context)\n // }\n\n // if (hasProperty(item, 'cssClass')) {\n // result.cssClass = await this._valueHelper.eval(item.cssClass, context)\n // }\n\n if (hasProperty(item, 'component')) {\n // result.component = await this._valueHelper.eval(item.component, context)\n const component = await this._valueHelper.eval(item.component, context)\n\n let data: any\n if (hasProperty(item, 'data')) {\n // result.data = await this._valueHelper.eval(item.data, context)\n // console.log('%cdata', 'color:cyan', item.data)\n data = await this._valueHelper.eval(item.data, context)\n // console.log('%cdata', 'color:limegreen', data)\n }\n\n result.portal = await this._getComponentPortal(component, data)\n }\n\n return result\n }\n\n private _createRowContext(row: DynamicDatatableMenuBarRow): IDatatableDynamicMenuBarContentRowContext {\n return {\n row\n }\n }\n\n private _createColumnContext(\n column: DynamicDatatableMenuBarColumn,\n row: DynamicDatatableMenuBarRow\n ): IDatatableDynamicMenuBarContentColumnContext {\n return {\n row,\n column\n }\n }\n\n private _createItemContext(\n item: DynamicDatatableMenuBarItem,\n row: DynamicDatatableMenuBarRow,\n column: DynamicDatatableMenuBarColumn\n ): IDatatableDynamicMenuBarContentItemContext {\n return {\n item,\n row,\n column\n }\n }\n\n private async _getComponentPortal(component: string, data?: any): Promise<ComponentPortal<{}> | undefined> {\n const manifest = (this._menuBarItemManifests || []).find(m => m.name === component)\n\n if (!manifest) {\n // TODO: Make sure the component is skipped instead of erroring outside of dev mode.\n throw Error(`MenuBar manifest for '${component}' not found.`)\n }\n\n // TODO: Create a new injector with the data injected\n let injector = this._injector\n if (manifest.dataToken) {\n injector = new PortalInjector(this._injector, new WeakMap([\n [manifest.dataToken, data]\n ]))\n }\n\n if (typeof manifest.component === 'string') {\n this._dynamicComponentLoader.getComponentFactory<{}>(manifest.component).pipe(\n map(componentFactory => {\n return new ComponentPortal(\n componentFactory.componentType,\n null,\n injector,\n (<any /* ComponentFactoryBoundToModule */>componentFactory).ngModule.componentFactoryResolver\n )\n })\n ).toPromise()\n } else {\n return new ComponentPortal(manifest.component, null, injector, null)\n }\n }\n\n}\n","import { LocationStrategy } from '@angular/common'\nimport {\n Attribute,\n Directive,\n ElementRef,\n Input,\n isDevMode,\n OnChanges,\n OnDestroy,\n OnInit,\n Renderer2\n} from '@angular/core'\nimport { ActivatedRoute, QueryParamsHandling, Router, RouterLink, RouterLinkWithHref } from '@angular/router'\nimport { from, fromEvent, Observable, of, ReplaySubject, Subscription } from 'rxjs'\nimport { catchError, mapTo, switchMap, tap } from 'rxjs/operators'\n\nimport { AssetReaderHelperService } from '@theseam/ui-common/asset-reader'\nimport {\n DynamicActionHelperService,\n DynamicActionUiAnchorDef,\n DynamicActionUiButtonDef,\n DynamicActionUiDef,\n DynamicValueHelperService\n} from '@theseam/ui-common/dynamic'\nimport { getAttribute, hasProperty, toggleAttribute } from '@theseam/ui-common/utils'\n\nimport { DynamicDatatableRow } from '../datatable-dynamic-def'\nimport type { DynamicDatatableActionMenuRecord } from '../models/dynamic-datatable-action-menu-record'\nimport { DynamicDatatableRowAction } from '../models/dynamic-datatable-row-action'\nimport { DynamicDatatableRowActionContext } from '../models/dynamic-datatable-row-action-context'\n\n/**\n * Class to act as a substitute to `routerLink` directive until the menu items\n * can be dynamically built in a clean way with or without `routerLink`.\n */\nexport class DatatableDynamicActionMenuItemRouterLink {\n\n private _rLink?: RouterLink\n private _rLinkWithHref?: RouterLinkWithHref\n\n // private _clickSubscription?: Subscription\n private _rLinkClickEventListener?: any\n\n constructor(\n private router: Router,\n private route: ActivatedRoute,\n @Attribute('tabindex') tabIndex: string | null,\n private renderer: Renderer2,\n private el: ElementRef,\n private locationStrategy: LocationStrategy\n ) {\n if (el.nativeElement.nodeName.toLowerCase() === 'a') {\n this._rLinkWithHref = new RouterLinkWithHref(\n router,\n route,\n locationStrategy\n )\n // console.log('rLinkWithHref', this.rLinkWithHref)\n\n this._rLinkClickEventListener = this.el.nativeElement.addEventListener('click', (event: MouseEvent) => {\n // console.log('this._rLinkWithHref', this._rLinkWithHref, this._rLinkWithHref && this._rLinkWithHref.href)\n if (this._rLinkWithHref) {\n return this._rLinkWithHref.onClick(event.button, event.ctrlKey, event.shiftKey, event.altKey, event.metaKey)\n }\n })\n } else {\n this._rLink = new RouterLink(\n router,\n route,\n tabIndex as string,\n renderer,\n el\n )\n // console.log('rLink', this.rLink)\n\n this._rLinkClickEventListener = this.el.nativeElement.addEventListener('click', () => {\n // console.log('this._rLink', this._rLink && this._rLink.urlTree)\n if (this._rLink) { return this._rLink.onClick() }\n })\n\n // this._clickSubscription = fromEvent(el.nativeElement, 'click')\n // .subscribe(() => {\n // if (this._rLink) {\n // this._rLink.onClick()\n // } else {\n // if (this._clickSubscription && !this._clickSubscription.closed) {\n // this._clickSubscription.unsubscribe()\n // }\n // }\n // })\n }\n }\n\n get routerLink(): RouterLink | undefined { return this._rLink }\n get routerLinkWithHref(): RouterLinkWithHref | undefined { return this._rLinkWithHref }\n\n set routerLinkInput(commands: any[] | string) {\n if (this._rLink) {\n this._rLink.routerLink = commands\n } else if (this._rLinkWithHref) {\n this._rLinkWithHref.routerLink = commands\n }\n }\n\n set queryParams(value: { [k: string]: any }) {\n if (this._rLink) {\n this._rLink.queryParams = value\n } else if (this._rLinkWithHref) {\n this._rLinkWithHref.queryParams = value\n }\n }\n\n set fragment(value: string) {\n if (this._rLink) {\n this._rLink.fragment = value\n } else if (this._rLinkWithHref) {\n this._rLinkWithHref.fragment = value\n }\n }\n\n set queryParamsHandling(value: QueryParamsHandling) {\n if (this._rLink) {\n this._rLink.queryParamsHandling = value\n } else if (this._rLinkWithHref) {\n this._rLinkWithHref.queryParamsHandling = value\n }\n }\n\n set preserveFragment(value: boolean) {\n if (this._rLink) {\n this._rLink.preserveFragment = value\n } else if (this._rLinkWithHref) {\n this._rLinkWithHref.preserveFragment = value\n }\n }\n\n set skipLocationChange(value: boolean) {\n if (this._rLink) {\n this._rLink.skipLocationChange = value\n } else if (this._rLinkWithHref) {\n this._rLinkWithHref.skipLocationChange = value\n }\n }\n\n set replaceUrl(value: boolean) {\n if (this._rLink) {\n this._rLink.replaceUrl = value\n } else if (this._rLinkWithHref) {\n this._rLinkWithHref.replaceUrl = value\n }\n }\n\n set state(value: { [k: string]: any }) {\n if (this._rLink) {\n this._rLink.state = value\n } else if (this._rLinkWithHref) {\n this._rLinkWithHref.state = value\n }\n }\n\n set target(value: string | undefined) {\n if (this._rLinkWithHref) {\n this._rLinkWithHref.target = value as string\n\n if (value) {\n this.renderer.setAttribute(this.el.nativeElement, 'target', value)\n } else {\n toggleAttribute(this.el.nativeElement, 'target', false)\n }\n }\n }\n\n public destroy() {\n // if (this._clickSubscription && !this._clickSubscription.closed) {\n // this._clickSubscription.unsubscribe()\n // }\n if (this._rLinkClickEventListener) {\n this.el.nativeElement.removeEventListener('click', this._rLinkClickEventListener)\n this._rLinkClickEventListener = null\n }\n\n if (this._rLinkWithHref && this._rLinkWithHref.ngOnDestroy) {\n this._rLinkWithHref.ngOnDestroy()\n }\n }\n\n}\n\n// TODO: Refactor this directive. It got way more complex instead of more\n// simplified like it was supposed to be.\n@Directive({\n selector: '[seamDatatableDynamicActionMenuItem]',\n exportAs: 'seamDatatableDynamicActionMenuItem'\n})\nexport class DatatableDynamicActionMenuItemDirective implements OnInit, OnDestroy, OnChanges {\n\n @Input()\n // get seamDatatableDynamicActionMenuItem(): DynamicDatatableActionMenuRecord { return this._record }\n set seamDatatableDynamicActionMenuItem(value: DynamicDatatableActionMenuRecord) {\n this._record.next(value)\n }\n private _record = new ReplaySubject<DynamicDatatableActionMenuRecord>(1)\n\n private _clickSubscription?: Subscription\n private _menuRouterLink?: DatatableDynamicActionMenuItemRouterLink\n\n private _recordSubscription = Subscription.EMPTY\n\n constructor(\n private _elementRef: ElementRef<HTMLElement>,\n private _renderer: Renderer2,\n private _valueHelper: DynamicValueHelperService,\n private _actionHelper: DynamicActionHelperService,\n private _assetReaderHelper: AssetReaderHelperService,\n private _router: Router,\n private _route: ActivatedRoute,\n private _locationStrategy: LocationStrategy\n ) {\n this._recordSubscription = this._record.pipe(\n // tap(v => console.log('record', v)),\n switchMap(record => this._update(record)),\n tap(() => { this._setInvalidActionState(false) }),\n catchError(error => {\n if (isDevMode()) { console.error(error) }\n this._setInvalidActionState(true)\n return of(undefined)\n }),\n // tap(v => console.log('record DONE', v))\n ).subscribe()\n }\n\n ngOnInit() { }\n\n ngOnDestroy() {\n this._recordSubscription.unsubscribe()\n this._unsubClick()\n if (this._menuRouterLink && this._menuRouterLink.routerLinkWithHref) {\n this._menuRouterLink.routerLinkWithHref.ngOnDestroy()\n }\n }\n\n ngOnChanges(changes: {}) {\n // console.log('ngOnChanges', changes, this, this._menuRouterLink)\n if (this._menuRouterLink && this._menuRouterLink.routerLinkWithHref) {\n this._menuRouterLink.routerLinkWithHref.ngOnChanges({})\n if (this._menuRouterLink.routerLinkWithHref.href) {\n if (getAttribute(this._elementRef.nativeElement, 'href') !== this._menuRouterLink.routerLinkWithHref.href) {\n this._renderer.setAttribute(this._elementRef.nativeElement, 'href', this._menuRouterLink.routerLinkWithHref.href)\n }\n } else {\n toggleAttribute(this._elementRef.nativeElement, 'href', false)\n }\n }\n }\n\n public _update(record: DynamicDatatableActionMenuRecord): Observable<void> {\n this._unsubClick()\n\n return from(this._getUiProps(record)).pipe(\n switchMap(uiProps => this._isAnchor()\n ? this._updateAnchorElement(record, uiProps as DynamicActionUiAnchorDef)\n : this._updateButtonElement(record, uiProps as DynamicActionUiButtonDef)\n )\n )\n }\n\n private _updateAnchorElement(\n record: DynamicDatatableActionMenuRecord,\n uiProps: DynamicActionUiAnchorDef\n ): Observable<void> {\n const _stream: Observable<any> = of(undefined)\n\n switch (uiProps.triggerType) {\n case 'link': {\n // console.log('Handle \"link\" triggerType.', uiProps)\n // this._tryInitTabIndex()\n this._tryInitBlockClick(record, uiProps)\n this._initMenuItemRouterLink(record, uiProps)\n\n break\n }\n case 'link-external': {\n // console.log('Handle \"link-external\" triggerType.', uiProps)\n // this._tryInitTabIndex()\n this._tryInitBlockClick(record, uiProps)\n if (hasProperty(uiProps, 'linkUrl')) {\n this._setAttr('href', uiProps.linkUrl)\n }\n if (hasProperty(uiProps, 'linkExtras')) {\n if (hasProperty(uiProps.linkExtras, 'target')) {\n this._setAttr('target', uiProps.linkExtras.target)\n }\n }\n // TODO: Consider making the ItemRouterLink work with external urls.\n // this._initMenuItemRouterLink(record, uiProps)\n\n break\n }\n // TODO: Unless we decide to add a route for openning assets, this would\n // be confusing to a user.\n // case 'link-asset': {\n // console.log('Handle \"link-asset\" triggerType.', uiProps)\n // // this._tryInitTabIndex()\n // this._tryInitBlockClick(record, uiProps)\n // break\n // }\n default: throw Error('[DatatableDynamicActionMenuItemDirective] ' +\n `triggerType ${uiProps.triggerType} is not valid for _updateAnchorElement().`)\n }\n\n return _stream// .pipe(mapTo(undefined))\n }\n\n private _updateButtonElement(\n record: DynamicDatatableActionMenuRecord,\n uiProps: DynamicActionUiAnchorDef | DynamicActionUiButtonDef\n ): Observable<void> {\n let _stream: Observable<any> = of(undefined)\n // this._updateClickElement(record, uiProps as DynamicActionUiButtonDef)\n switch (uiProps.triggerType) {\n case 'link-asset': {\n // console.log('Handle \"link-asset\" triggerType.', uiProps)\n // this._tryInitTabIndex()\n this._tryInitBlockClick(record, uiProps)\n _stream = _stream.pipe(switchMap(() => this._updateAssetElement(record, uiProps)))\n break\n }\n case 'click': {\n // console.log('Handle \"click\" triggerType.', uiProps)\n this._tryInitBlockClick(record, uiProps)\n _stream = _stream.pipe(switchMap(() => this._updateClickElement(record, uiProps)))\n break\n }\n default: throw Error('[DatatableDynamicActionMenuItemDirective] ' +\n `triggerType ${uiProps.triggerType} is not valid for _updateAnchorElement().`)\n }\n\n return _stream// .pipe(mapTo(undefined))\n }\n\n private _updateAssetElement(\n record: DynamicDatatableActionMenuRecord,\n uiProps: DynamicActionUiAnchorDef | DynamicActionUiButtonDef\n ): Observable<void> {\n // console.log('_updateAssetElement')\n // return of(undefined)\n // console.log('this._elementRef.nativeElement', this._elementRef.nativeElement)\n const t = fromEvent(this._elementRef.nativeElement, 'click').pipe(\n tap(event => {\n // const _context = this._getContext(record._row, record.rowAction)\n // const context = { ..._context, event, uiProps }\n // const result = this._valueHelper.evalSync(uiProps.blockClickExpr, context)\n // console.log(record, uiProps)\n // console.log('_updateClickElement click', (<any>event).button, event)\n if (this._assetReaderHelper) {\n if (uiProps.triggerType === 'link-asset' && hasProperty(uiProps, 'linkUrl')) {\n const url = uiProps.linkUrl\n let target: string | undefined\n if (hasProperty(uiProps, 'linkExtras') && hasProperty(uiProps.linkExtras, 'target')) {\n target = uiProps.linkExtras.target\n }\n this._assetReaderHelper.openLink(url, true, true, target)\n }\n }\n // if (!result) {\n // event.preventDefault()\n // event.stopPropagation()\n // }\n }),\n mapTo(undefined)\n )\n\n return of(undefined).pipe(\n // tap(() => console.log('starting _updateButtonElement')),\n switchMap(() => t),\n )\n }\n\n private _updateClickElement(\n record: DynamicDatatableActionMenuRecord,\n uiProps: DynamicActionUiButtonDef\n ): Observable<void> {\n // console.log('_updateClickElement', record, uiProps)\n // return of(undefined)\n return fromEvent(this._elementRef.nativeElement, 'click').pipe(\n switchMap(event => {\n const _context = this._getContext(record._row, record.rowAction)\n const context = { ..._context, event, uiProps }\n // console.log('click', (<any>event).button, event)\n // if (!result) {\n // event.preventDefault()\n // event.stopPropagation()\n // }\n\n return this._actionHelper.exec(uiProps._actionDef, context)\n }),\n mapTo(undefined)\n )\n }\n\n private _unsubClick() {\n if (this._clickSubscription && !this._clickSubscription.closed) {\n this._clickSubscription.unsubscribe()\n }\n }\n\n private _setAttr(attr: string, value: string) {\n this._renderer.setAttribute(this._elementRef.nativeElement, attr, value)\n }\n\n private _tryInitTabIndex() {\n if (getAttribute(this._elementRef.nativeElement, 'tabindex') === null) {\n this._renderer.setAttribute(this._elementRef.nativeElement, 'tabindex', '0')\n }\n }\n\n private _tryInitBlockClick(\n record: DynamicDatatableActionMenuRecord,\n uiProps: DynamicActionUiDef\n ) {\n this._unsubClick()\n if (hasProperty(uiProps, 'blockClickExpr')) {\n this._clickSubscription = this._blockClickExprObservable(uiProps, record).subscribe()\n }\n }\n\n private _blockClickExprObservable(\n uiProps: DynamicActionUiDef,\n record: DynamicDatatableActionMenuRecord\n ) {\n return fromEvent(this._elementRef.nativeElement, 'click').pipe(\n tap(event => {\n const _context = this._getContext(record._row, record.rowAction)\n const context = { ..._context, event, uiProps }\n const result = this._valueHelper.evalSync(uiProps.blockClickExpr, context)\n // console.log('click', result, (<any>event).button, event)\n if (!result) {\n event.preventDefault()\n event.stopPropagation()\n }\n }),\n mapTo(undefined)\n )\n }\n\n private _initMenuItemRouterLink(\n record: DynamicDatatableActionMenuRecord,\n uiProps: DynamicActionUiAnchorDef\n ) {\n this._menuRouterLink = new DatatableDynamicActionMenuItemRouterLink(\n this._router,\n this._route,\n getAttribute(this._elementRef.nativeElement, 'tabindex'),\n this._renderer,\n this._elementRef,\n this._locationStrategy\n )\n // console.log(this._menuRouterLink)\n\n this._menuRouterLink.routerLinkInput = uiProps.linkUrl as string\n\n if (hasProperty(uiProps, 'linkExtras')) {\n if (hasProperty(uiProps.linkExtras, 'target')) {\n this._menuRouterLink.target = uiProps.linkExtras.target\n }\n if (hasProperty(uiProps.linkExtras, 'queryParams')) {\n this._menuRouterLink.queryParams = uiProps.linkExtras.queryParams\n }\n if (hasProperty(uiProps.linkExtras, 'fragment')) {\n this._menuRouterLink.fragment = uiProps.linkExtras.fragment\n }\n if (hasProperty(uiProps.linkExtras, 'queryParamsHandling')) {\n this._menuRouterLink.queryParamsHandling = uiProps.linkExtras.queryParamsHandling\n }\n if (hasProperty(uiProps.linkExtras, 'preserveFragment')) {\n this._menuRouterLink.preserveFragment = uiProps.linkExtras.preserveFragment\n }\n if (hasProperty(uiProps.linkExtras, 'skipLocationChange')) {\n this._menuRouterLink.skipLocationChange = uiProps.linkExtras.skipLocationChange\n }\n if (hasProperty(uiProps.linkExtras, 'replaceUrl')) {\n this._menuRouterLink.replaceUrl = uiProps.linkExtras.replaceUrl\n }\n if (hasProperty(uiProps.linkExtras, 'state')) {\n this._menuRouterLink.state = uiProps.linkExtras.state\n }\n }\n\n this.ngOnChanges({})\n }\n\n private _isAnchor(): boolean {\n return this._elementRef.nativeElement.nodeName.toLowerCase() === 'a'\n }\n\n private _getUiProps(record: DynamicDatatableActionMenuRecord): Promise<DynamicActionUiDef> {\n const context = this._getContext(record._row, record.rowAction)\n return this._actionHelper.getUiProps(record.rowAction.action, context)\n }\n\n /** @ignore */\n private _getContext(row: DynamicDatatableRow, rowActionDef: DynamicDatatableRowAction): DynamicDatatableRowActionContext {\n return {\n row\n }\n }\n\n private _setInvalidActionState(invalid: boolean = false) {\n const element = this._elementRef.nativeElement\n toggleAttribute(element, 'disabled', invalid)\n }\n\n}\n","import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core'\nimport { Observable } from 'rxjs'\nimport { map } from 'rxjs/operators'\n\nimport { IDataExporter } from '@theseam/ui-common/data-exporter'\n\nimport {\n DatatableDynamicDef,\n DynamicDatatableOptions\n} from './datatable-dynamic-def'\nimport { DynamicDatatableDefService } from './dynamic-datatable-def.service'\nimport { DynamicDatatableRowActionsService } from './dynamic-datatable-row-actions.service'\nimport { DynamicDatatableFilterMenuItem } from './models/dynamic-datatable-filter-menu-item'\nimport { DynamicDatatableMenuBar } from './models/dynamic-datatable-menu-bar'\n\n/**\n * # EXPERIMENTAL\n *\n * NOTE: This component is still experimental. When stable all standard\n * datatables must use this component, unless there is a good reason not to, in\n * our apps.\n *\n * ----------------------------------------------------------------------------\n *\n * Datatable that is built from a json definition.\n *\n * All standard datatables in our apps must use this component, unless there is\n * a good reason not to. If a standard datatable does not use this component\n * then an explaination comment needs to be clearly provided in the code to\n * avoid getting migrated to this component.\n *\n * A few reasons this component should to be used:\n * - We can, more easily, control what a datatable in our app does by requiring\n * the definition follow a json schema, instead of having full scripting\n * access available to the developer.\n * + By using json we can maintain the tables from any external app/language\n * that can produce a json string.\n * + More scripting access often leads to different hacks across the tables\n * that should have just been supported by this component if it is a feature\n * a datatable should be able to do in an app of ours.\n * - We can allow any of our tables to be configured by the server.\n * + By supporting configuration on the server we can change the tables\n * without a new build and do things like allowing non-developers/clients to\n * maintain the tables functionality.\n */\n@Component({\n selector: 'seam-datatable-dynamic',\n templateUrl: './datatable-dynamic.component.html',\n styleUrls: ['./datatable-dynamic.component.scss'],\n providers: [\n DynamicDatatableDefService,\n DynamicDatatableRowActionsService\n ],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DatatableDynamicComponent implements OnInit {\n\n /** The `DatatableDynamicDef` that defines the datatable. */\n @Input() set def(value: DatatableDynamicDef | undefined | null) {\n this._dynamicDef.setDef(value || undefined)\n }\n\n /**\n * Observes whether the datatable has a def.\n * @ignore\n */\n _hasDef$: Observable<boolean>\n\n /**\n * Observes whether the datatable has a menu bar.\n */\n menuBar$: Observable<DynamicDatatableMenuBar | undefined>\n\n /**\n * The available exporters.\n * @ignore\n */\n _exporters$: Observable<IDataExporter[]>\n\n /**\n * The 'common' type filter menu items.\n * @ignore\n */\n _commonFilterMenuItems$: Observable<DynamicDatatableFilterMenuItem[]>\n\n /**\n * Observes whether the datatable has a 'full-search' menu item.\n * @ignore\n */\n _hasFullSearch$: Observable<boolean>\n\n /**\n * Observes whether the datatable has a filter menu.\n * @ignore\n */\n _hasFilterMenu$: Observable<boolean>\n\n /**\n * Observes datatable options.\n * @ignore\n */\n _options$: Observable<DynamicDatatableOptions | undefined>\n\n /**\n * TODO: Implement def columns parser.\n * @ignore\n */\n _tmp_columns$: Observable<any>\n\n /**\n * TODO: Implement def rows parser.\n * @ignore\n */\n _tmp_rows$: Observable<any>\n\n constructor(\n private readonly _dynamicDef: DynamicDatatableDefService\n ) {\n this._hasDef$ = this._dynamicDef.def$.pipe(map(def => !!def))\n\n this.menuBar$ = this._dynamicDef.menuBar$\n\n this._exporters$ = this._dynamicDef.exporters$\n\n this._commonFilterMenuItems$ = this._dynamicDef.filterMenuItems$\n .pipe(map(f => f.filter(_f => _f.type === 'common')))\n\n this._hasFullSearch$ = this._dynamicDef.filterMenuItems$\n .pipe(map(f => !!f.find(_f => _f.type === 'full-search')))\n\n this._hasFilterMenu$ = this._dynamicDef.hasFilterMenu$\n\n this._options$ = this._dynamicDef.options$\n\n this._tmp_columns$ = this._dynamicDef.def$.pipe(\n map(def => def ? def.columns : [])\n )\n\n this._tmp_rows$ = this._dynamicDef.def$.pipe(\n map(def => def ? def.rows : []),\n // tap(v => console.log('_tmp_rows$', v))\n )\n }\n\n /** @ignore */\n ngOnInit() { }\n\n}\n","import { PortalModule } from '@angular/cdk/portal'\nimport { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\nimport { RouterModule } from '@angular/router'\n\nimport { TheSeamButtonsModule } from '@theseam/ui-common/buttons'\nimport { TheSeamDataExporterModule } from '@theseam/ui-common/data-exporter'\nimport { TheSeamDataFiltersModule } from '@theseam/ui-common/data-filters'\nimport { TheSeamDatatableModule } from '@theseam/ui-common/datatable'\nimport { TheSeamIconModule } from '@theseam/ui-common/icon'\nimport { TheSeamMenuModule } from '@theseam/ui-common/menu'\nimport { TheSeamSharedModule } from '@theseam/ui-common/shared'\nimport { TheSeamTableCellTypesModule } from '@theseam/ui-common/table-cell-types'\n\nimport { DatatableDynamicActionMenuComponent } from './datatable-dynamic-action-menu/datatable-dynamic-action-menu.component'\nimport { DatatableDynamicFilterContainerComponent } from './datatable-dynamic-filter-container/datatable-dynamic-filter-container.component'\nimport { DatatableDynamicMenuBarContentComponent } from './datatable-dynamic-menu-bar-content/datatable-dynamic-menu-bar-content.component'\nimport { DatatableDynamicComponent } from './datatable-dynamic.component'\nimport { DatatableDynamicActionMenuItemDirective } from './directives/datatable-dynamic-action-menu-item.directive'\n\n@NgModule({\n declarations: [\n DatatableDynamicComponent,\n DatatableDynamicFilterContainerComponent,\n DatatableDynamicActionMenuComponent,\n DatatableDynamicActionMenuItemDirective,\n DatatableDynamicMenuBarContentComponent,\n ],\n imports: [\n CommonModule,\n TheSeamSharedModule,\n TheSeamDatatableModule,\n TheSeamTableCellTypesModule,\n TheSeamDataExporterModule,\n TheSeamDataFiltersModule,\n TheSeamIconModule,\n PortalModule,\n RouterModule,\n TheSeamMenuModule,\n TheSeamButtonsModule\n ],\n exports: [\n DatatableDynamicComponent,\n TheSeamDatatableModule,\n DatatableDynamicActionMenuItemDirective\n ]\n})\nexport class TheSeamDatatableDynamicModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/theseam-ui-common-datatable.js ADDED Viewed

@@ -0,0 +1,1714 @@
+import { __decorate } from 'tslib';
+import { trigger, transition, style, animate } from '@angular/animations';
+import { coerceArray } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, ContentChildren, Directive, TemplateRef, Injectable, ContentChild, Self, Inject, forwardRef, InjectionToken, isDevMode, Optional, KeyValueDiffers, ViewChild, ElementRef, HostBinding, ViewContainerRef, HostListener, NgZone, NgModule } from '@angular/core';
+import { BehaviorSubject, of, Subject, Subscription, isObservable, combineLatest } from 'rxjs';
+import { switchMap, map, startWith, shareReplay, take, tap, concatMap, takeUntil, catchError } from 'rxjs/operators';
+import { DataSource, isDataSource } from '@angular/cdk/collections';
+import { faEllipsisH, faChevronDown, faChevronRight, faSpinner, faColumns, faFileDownload } from '@fortawesome/free-solid-svg-icons';
+import { setColumnDefaults, ColumnMode, SortType, translateTemplates, DatatableComponent as DatatableComponent$1, DatatableRowDetailDirective, NgxDatatableModule, ScrollbarHelper } from '@marklb/ngx-datatable';
+import { InputBoolean, InputNumber } from '@theseam/ui-common/core';
+import { THESEAM_DATA_FILTER, THESEAM_DATA_FILTER_CONTAINER, composeDataFilterStates, composeDataFilters } from '@theseam/ui-common/data-filters';
+import { notNullOrUndefined, hasProperty, observeControlValue } from '@theseam/ui-common/utils';
+import { Router, RouterModule } from '@angular/router';
+import { SeamConfirmDialogService, TheSeamConfirmDialogModule } from '@theseam/ui-common/confirm-dialog';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import { ToastrService, ToastrModule } from 'ngx-toastr';
+import { DynamicValueHelperService, THESEAM_DYNAMIC_DATA } from '@theseam/ui-common/dynamic';
+import { TheSeamLoadingOverlayService, TheSeamLoadingModule } from '@theseam/ui-common/loading';
+import { HttpClient } from '@angular/common/http';
+import { TheSeamDynamicComponentLoader } from '@theseam/ui-common/dynamic-component-loader';
+import { Modal } from '@theseam/ui-common/modal';
+import { ESCAPE } from '@angular/cdk/keycodes';
+import { Overlay, OverlayModule } from '@angular/cdk/overlay';
+import { TemplatePortal, PortalModule } from '@angular/cdk/portal';
+import { OverlayScrollbarsService } from '@theseam/ui-common/scrollbar';
+import { A11yModule } from '@angular/cdk/a11y';
+import { CommonModule } from '@angular/common';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { TheSeamButtonsModule } from '@theseam/ui-common/buttons';
+import { TheSeamCheckboxModule } from '@theseam/ui-common/checkbox';
+import { TheSeamFormFieldModule } from '@theseam/ui-common/form-field';
+import { TheSeamIconModule } from '@theseam/ui-common/icon';
+import { TheSeamMenuModule } from '@theseam/ui-common/menu';
+import { TheSeamPopoverModule } from '@theseam/ui-common/popover';
+import { TheSeamSharedModule } from '@theseam/ui-common/shared';
+import { TheSeamTableCellTypeModule } from '@theseam/ui-common/table-cell-type';
+class DatatableDataSource extends DataSource {
+    constructor() {
+        super();
+        this._datatableSubject = new BehaviorSubject(undefined);
+        this.sorts$ = this._datatableSubject.pipe(switchMap(_datatable => {
+            if (!_datatable) {
+                return of([]);
+            }
+            return _datatable.sort.pipe(map(v => v.sorts), startWith(_datatable.sorts));
+        }));
+        this.filterStates$ = this._datatableSubject.pipe(switchMap(_datatable => {
+            if (!_datatable) {
+                return of([]);
+            }
+            return _datatable.filterStates;
+        }));
+        this.page$ = this._datatableSubject.pipe(switchMap(_datatable => {
+            if (!_datatable) {
+                return of({
+                    offset: 0,
+                    pageSize: 0,
+                    limit: undefined,
+                    count: 0
+                });
+            }
+            return _datatable.page.pipe(startWith(_datatable.pageInfo));
+        }));
+    }
+    // connect(): Observable<readonly TRow[]> {
+    //   return this.
+    // }
+    // disconnect(): void {
+    //   throw new Error('Method not implemented.')
+    // }
+    setDatatableAccessor(accessor) {
+        this._datatableSubject.next(accessor);
+    }
+}
+class DatatableActionMenuItemComponent {
+    constructor() {
+        this.click = new EventEmitter();
+    }
+}
+DatatableActionMenuItemComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-datatable-action-menu-item',
+                template: ``,
+                changeDetection: ChangeDetectionStrategy.OnPush
+            },] }
+];
+DatatableActionMenuItemComponent.propDecorators = {
+    label: [{ type: Input }],
+    href: [{ type: Input, args: ['attr.href',] }],
+    target: [{ type: Input }],
+    queryParams: [{ type: Input }],
+    fragment: [{ type: Input }],
+    queryParamsHandling: [{ type: Input }],
+    preserveFragment: [{ type: Input }],
+    skipLocationChange: [{ type: Input }],
+    replaceUrl: [{ type: Input }],
+    state: [{ type: Input }],
+    routerLink: [{ type: Input }],
+    confirmDialog: [{ type: Input }],
+    disabled: [{ type: Input }],
+    click: [{ type: Output }]
+};
+class DatatableActionMenuComponent {
+    constructor(_confirmDialog, _router) {
+        this._confirmDialog = _confirmDialog;
+        this._router = _router;
+        this.faEllipsisH = faEllipsisH;
+        /** @ignore */
+        this._actionMenuPositions = [
+            {
+                originX: 'start',
+                originY: 'bottom',
+                overlayX: 'end',
+                overlayY: 'top',
+            },
+            {
+                originX: 'start',
+                originY: 'top',
+                overlayX: 'end',
+                overlayY: 'bottom',
+            },
+            {
+                originX: 'end',
+                originY: 'bottom',
+                overlayX: 'start',
+                overlayY: 'top',
+            },
+            {
+                originX: 'end',
+                originY: 'top',
+                overlayX: 'start',
+                overlayY: 'bottom',
+            },
+        ];
+    }
+    activateItem(event, item) {
+        if (item.confirmDialog) {
+            this._confirmDialog.open(item.confirmDialog.message, item.confirmDialog.alert)
+                .afterClosed()
+                .subscribe(v => {
+                if (v === 'confirm') {
+                    item.click.emit(event);
+                    if (item.href) {
+                        const win = window.open(item.href, item.target || undefined);
+                        // TODO: Consider if always setting opener to null is to restrictive
+                        // if (win && item.target && item.target.toLowerCase() === '_blank') {
+                        //   win.opener = null
+                        // }
+                    }
+                    else {
+                        const extras = {};
+                        if (item.queryParams) {
+                            extras.queryParams = item.queryParams;
+                        }
+                        if (item.fragment) {
+                            extras.fragment = item.fragment;
+                        }
+                        if (item.queryParamsHandling) {
+                            extras.queryParamsHandling = item.queryParamsHandling;
+                        }
+                        if (item.preserveFragment) {
+                            extras.preserveFragment = item.preserveFragment;
+                        }
+                        if (item.skipLocationChange) {
+                            extras.skipLocationChange = item.skipLocationChange;
+                        }
+                        if (item.replaceUrl) {
+                            extras.replaceUrl = item.replaceUrl;
+                        }
+                        if (item.state) {
+                            extras.state = item.state;
+                        }
+                        const commands = Array.isArray(item.routerLink) ? item.routerLink : [item.routerLink];
+                        this._router.navigate(commands, extras);
+                    }
+                }
+            });
+        }
+        else {
+            item.click.emit(event);
+        }
+    }
+}
+DatatableActionMenuComponent.decorators = [
+    { type: Component, args: [{
+                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}"]
+            },] }
+];
+DatatableActionMenuComponent.ctorParameters = () => [
+    { type: SeamConfirmDialogService },
+    { type: Router }
+];
+DatatableActionMenuComponent.propDecorators = {
+    items: [{ type: ContentChildren, args: [DatatableActionMenuItemComponent,] }]
+};
+class DatatableCellTplDirective {
+    constructor(template) {
+        this.template = template;
+    }
+}
+DatatableCellTplDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamDatatableCellTpl]'
+            },] }
+];
+DatatableCellTplDirective.ctorParameters = () => [
+    { type: TemplateRef }
+];
+class DatatableColumnChangesService {
+    constructor() {
+        this.columnInputChanges = new Subject();
+    }
+    get columnInputChanges$() {
+        return this.columnInputChanges.asObservable();
+    }
+    onInputChange() {
+        this.columnInputChanges.next(undefined);
+    }
+}
+DatatableColumnChangesService.decorators = [
+    { type: Injectable }
+];
+// TODO: The column component should implement `ITheSeamDatatableColumn`, since
+// providing some properties by input and some by template could be confusing.
+class DatatableColumnComponent {
+    // @Input('headerTemplate')
+    // _headerTemplateInput: TemplateRef<any>;
+    // @ContentChild(DataTableColumnHeaderDirective, { read: TemplateRef, static: true })
+    // _headerTemplateQuery: TemplateRef<any>;
+    // get headerTemplate(): TemplateRef<any> {
+    //   return this._headerTemplateInput || this._headerTemplateQuery;
+    // }
+    // @Input('treeToggleTemplate')
+    // _treeToggleTemplateInput: TemplateRef<any>;
+    // @ContentChild(DataTableColumnCellTreeToggle, { read: TemplateRef, static: true })
+    // _treeToggleTemplateQuery: TemplateRef<any>;
+    // get treeToggleTemplate(): TemplateRef<any> {
+    //   return this._treeToggleTemplateInput || this._treeToggleTemplateQuery;
+    // }
+    constructor(_columnChangesService) {
+        this._columnChangesService = _columnChangesService;
+        this._isFirstChange = true;
+    }
+    get cellTemplate() {
+        return this._cellTemplateInput || this._cellTemplateQuery;
+    }
+    ngOnInit() { }
+    ngOnChanges(changes) {
+        if (this._isFirstChange) {
+            this._isFirstChange = false;
+        }
+        else {
+            this._columnChangesService.onInputChange();
+        }
+    }
+    getCellDirective() {
+        if (this.cellTplDirective) {
+            return this.cellTplDirective;
+        }
+        return null;
+    }
+}
+DatatableColumnComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-datatable-column',
+                template: "<p>\n  datatable-column works!\n</p>\n",
+                styles: [""]
+            },] }
+];
+DatatableColumnComponent.ctorParameters = () => [
+    { type: DatatableColumnChangesService }
+];
+DatatableColumnComponent.propDecorators = {
+    name: [{ type: Input }],
+    prop: [{ type: Input }],
+    flexGrow: [{ type: Input }],
+    minWidth: [{ type: Input }],
+    maxWidth: [{ type: Input }],
+    width: [{ type: Input }],
+    resizeable: [{ type: Input }],
+    sortable: [{ type: Input }],
+    draggable: [{ type: Input }],
+    canAutoResize: [{ type: Input }],
+    comparator: [{ type: Input }],
+    headerTemplate: [{ type: Input }],
+    checkboxable: [{ type: Input }],
+    headerCheckboxable: [{ type: Input }],
+    headerClass: [{ type: Input }],
+    cellClass: [{ type: Input }],
+    frozenLeft: [{ type: Input }],
+    frozenRight: [{ type: Input }],
+    pipe: [{ type: Input }],
+    isTreeColumn: [{ type: Input }],
+    treeLevelIndent: [{ type: Input }],
+    summaryFunc: [{ type: Input }],
+    summaryTemplate: [{ type: Input }],
+    hidden: [{ type: Input }],
+    cellTplDirective: [{ type: ContentChild, args: [DatatableCellTplDirective, { static: true },] }],
+    _cellTemplateInput: [{ type: Input, args: ['cellTemplate',] }],
+    _cellTemplateQuery: [{ type: ContentChild, args: [DatatableCellTplDirective, { read: TemplateRef, static: true },] }]
+};
+class DatatableFilterDirective {
+    constructor(dataFilters) {
+        if (dataFilters && dataFilters.length > 0) {
+            this._filter = dataFilters[0];
+        }
+    }
+    get filter() {
+        return this._filter;
+    }
+}
+DatatableFilterDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamDatatableFilter]'
+            },] }
+];
+DatatableFilterDirective.ctorParameters = () => [
+    { type: Array, decorators: [{ type: Self }, { type: Inject, args: [THESEAM_DATA_FILTER,] }] }
+];
+const _THESEAM_DATA_FILTER_CONTAINER = {
+    provide: THESEAM_DATA_FILTER_CONTAINER,
+    // tslint:disable-next-line:no-use-before-declare
+    useExisting: forwardRef(() => DatatableMenuBarComponent)
+};
+class DatatableMenuBarComponent {
+    constructor() {
+        this._filtersArr = [];
+        this.filtersChanged = new EventEmitter();
+    }
+    get filterDirectives() {
+        return this._filterDirectives;
+    }
+    set filterDirectives(value) {
+        this._filterDirectives = value;
+        this.filtersChanged.emit(this.filters());
+    }
+    ngOnInit() { }
+    ngAfterViewInit() {
+        // console.log('_filterDirectives', this._filterDirectives, this.filters())
+    }
+    filters() {
+        const fDirectives = this._filterDirectives
+            ? this._filterDirectives.map(f => f.filter).filter(notNullOrUndefined)
+            : [];
+        const fArr = this._filtersArr
+            .filter(f => fDirectives.findIndex(fd => fd.uid === f.uid) === -1);
+        return [...fArr, ...fDirectives];
+    }
+    addFilter(dataFilter) {
+        this._filtersArr.push(dataFilter);
+        this.filtersChanged.emit(this.filters());
+    }
+    removeFilter(dataFilter) {
+        this._filtersArr = this._filtersArr.filter(f => f !== dataFilter);
+        this.filtersChanged.emit(this.filters());
+    }
+}
+DatatableMenuBarComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-datatable-menu-bar',
+                template: "<div class=\"bg-light border rounded p-2\">\n  <ng-content></ng-content>\n</div>\n",
+                providers: [_THESEAM_DATA_FILTER_CONTAINER],
+                styles: [":host{display:block}"]
+            },] }
+];
+DatatableMenuBarComponent.ctorParameters = () => [];
+DatatableMenuBarComponent.propDecorators = {
+    filterDirectives: [{ type: ContentChildren, args: [DatatableFilterDirective,] }]
+};
+class DatatableRowDetailTplDirective {
+    constructor(template) {
+        this.template = template;
+    }
+}
+DatatableRowDetailTplDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamDatatableRowDetailTpl]'
+            },] }
+];
+DatatableRowDetailTplDirective.ctorParameters = () => [
+    { type: TemplateRef }
+];
+class TheSeamDatatableRowDetailDirective {
+    constructor() {
+        /**
+         * The detail row height is required especially
+         * when virtual scroll is enabled.
+         */
+        this.rowHeight = 0;
+        /**
+         * Row detail row visbility was toggled.
+         */
+        // NOTE: This will trigger from the internal ngx-datatable toggle event.
+        this.toggle = new EventEmitter();
+        /**
+         * Internal use for wrapper only.
+         *
+         * To avoid confusion with this directives output and the ngx-datatable
+         * directive being wrapped, this directive emits `_toggle` stream to the
+         * `ngx-datatable-row-detail` directive and emits it's `toggle` stream out to
+         * this directives `toggle` stream.
+         * @ignore
+         */
+        this._toggle = new EventEmitter();
+    }
+    get template() {
+        return this._templateInput || this._templateQuery;
+    }
+    /**
+     * Toggle the expansion of the row
+     */
+    toggleExpandRow(row) {
+        this._toggle.emit({
+            type: 'row',
+            value: row
+        });
+    }
+    /**
+     * API method to expand all the rows.
+     */
+    expandAllRows() {
+        this._toggle.emit({
+            type: 'all',
+            value: true
+        });
+    }
+    /**
+     * API method to collapse all the rows.
+     */
+    collapseAllRows() {
+        this._toggle.emit({
+            type: 'all',
+            value: false
+        });
+    }
+}
+TheSeamDatatableRowDetailDirective.decorators = [
+    { type: Directive, args: [{
+                // tslint:disable-next-line: directive-selector
+                selector: 'seam-datatable-row-detail'
+            },] }
+];
+TheSeamDatatableRowDetailDirective.propDecorators = {
+    rowHeight: [{ type: Input }],
+    _templateInput: [{ type: Input, args: ['template',] }],
+    _templateQuery: [{ type: ContentChild, args: [DatatableRowDetailTplDirective, { read: TemplateRef, static: true },] }],
+    toggle: [{ type: Output }]
+};
+class DatatableRowActionItemDirective {
+    constructor(template) {
+        this.template = template;
+    }
+}
+DatatableRowActionItemDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamDatatableRowActionItem]'
+            },] }
+];
+DatatableRowActionItemDirective.ctorParameters = () => [
+    { type: TemplateRef }
+];
+const THESEAM_DATATABLE_PREFERENCES_ACCESSOR = new InjectionToken('ITheSeamDatatablePreferencesAccessor');
+function withStoredColumnInfo(columns, preferenceColumns) {
+    const _columns = [];
+    for (const col of columns) {
+        const storedCol = preferenceColumns.find(v => v.prop === col.prop);
+        if (storedCol) {
+            const _col = Object.assign({}, col);
+            if (hasProperty(storedCol, 'width')) {
+                _col.width = Math.max(storedCol.width, 0);
+            }
+            _col.canAutoResize = storedCol.canAutoResize;
+            _columns.push(_col);
+        }
+        else {
+            _columns.push(col);
+        }
+    }
+    return _columns;
+}
+class DatatablePreferencesService {
+    constructor(_prefsAccessor) {
+        this._prefsAccessor = _prefsAccessor;
+        this._tablePrefsMap = new Map();
+        this._pending = false;
+    }
+    get pending() { return this._pending; }
+    preferences(preferenceKey) {
+        let prefs = this._tablePrefsMap.get(preferenceKey);
+        if (!prefs) {
+            const refreshSubject = new Subject();
+            prefs = {
+                observable: this._createObservable(refreshSubject, preferenceKey),
+                refresh: refreshSubject
+            };
+            this._tablePrefsMap.set(preferenceKey, prefs);
+        }
+        return prefs.observable;
+    }
+    _createObservable(refreshSubject, prefKey) {
+        if (!this._prefsAccessor) {
+            return of({});
+        }
+        const accessor = (key) => this._prefsAccessor ? this._prefsAccessor.get(key) : of('{}');
+        return refreshSubject.pipe(startWith({}), switchMap(() => accessor(prefKey).pipe(map(v => {
+            if (!v) {
+                return null;
+            }
+            // TODO: Add a schema validator and migration tool to avoid parsing issues.
+            try {
+                return JSON.parse(v);
+            }
+            catch (error) {
+                if (isDevMode()) {
+                    console.error(error);
+                }
+                return null;
+            }
+        }), map(v => !!v ? v : {}))), shareReplay(1));
+    }
+    refresh(preferenceKey) {
+        const prefs = this._tablePrefsMap.get(preferenceKey);
+        if (prefs) {
+            this._pending = true;
+            prefs.refresh.next();
+        }
+    }
+    // TODO: Improve this updating to be more generic, so we can quickly add
+    // edits for different preference schema's.
+    //
+    // TODO: Decide if a send queue/merging of pending queue is needed to avoid
+    // out of order updates. This shouldn't be an issue, with how fast preferences
+    // will most likely be changing, but it could happen in situations, such as
+    // network issues.
+    setColumnPreference(preferenceKey, column) {
+        if (!this._prefsAccessor) {
+            return;
+        }
+        this._pending = true;
+        this.preferences(preferenceKey).pipe(map(prefs => {
+            // Making the preferences immutable may not be necessary, but for now
+            // this obj->str->obj will work as a naive clone.
+            const columns = JSON.parse(JSON.stringify(prefs.columns || []));
+            const _colPref = columns.find((c) => c.prop === column.prop);
+            // console.log('has', _colPref)
+            if (_colPref) {
+                // console.log('hasProperty(column, "width"))', hasProperty(column, 'width'))
+                if (hasProperty(column, 'width')) {
+                    _colPref.width = column.width;
+                }
+                if (hasProperty(column, 'canAutoResize')) {
+                    _colPref.canAutoResize = column.canAutoResize;
+                }
+                if (hasProperty(column, 'hidden')) {
+                    _colPref.hidden = column.hidden;
+                }
+            }
+            else {
+                columns.push(Object.assign({}, column));
+            }
+            const newPrefs = Object.assign(Object.assign({}, prefs), { columns });
+            return newPrefs;
+        }),
+        // tap(v => console.log('newPrefs', v)),
+        take(1), switchMap(newPrefs => this._prefsAccessor
+            ? this._prefsAccessor.update(preferenceKey, JSON.stringify(newPrefs))
+            : of(newPrefs)), tap(() => this.refresh(preferenceKey)))
+            .subscribe();
+    }
+    withColumnPreferences(preferenceKey, columns) {
+        return this.preferences(preferenceKey).pipe(startWith({}), map(preferences => preferences && preferences.columns
+            ? withStoredColumnInfo(columns, preferences.columns)
+            : columns));
+    }
+}
+DatatablePreferencesService.ɵprov = i0.ɵɵdefineInjectable({ factory: function DatatablePreferencesService_Factory() { return new DatatablePreferencesService(i0.ɵɵinject(THESEAM_DATATABLE_PREFERENCES_ACCESSOR, 8)); }, token: DatatablePreferencesService, providedIn: "root" });
+DatatablePreferencesService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+DatatablePreferencesService.ctorParameters = () => [
+    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [THESEAM_DATATABLE_PREFERENCES_ACCESSOR,] }] }
+];
+const THESEAM_DATATABLE_ACCESSOR = new InjectionToken('TheSeamDatatableAccessor');
+function _setColumnDefaults(columns) {
+    for (const column of columns) {
+        if (!column.hasOwnProperty('hidden')) {
+            column.hidden = false;
+        }
+    }
+    setColumnDefaults(columns);
+}
+/**
+ * Intended for internal classes declared by the `TheSeamDatatableModule`.
+ */
+const THESEAM_DATATABLE = new InjectionToken('LibDatatable');
+const _THESEAM_DATATABLE = {
+    provide: THESEAM_DATATABLE,
+    // tslint:disable-next-line:no-use-before-declare
+    useExisting: forwardRef(() => DatatableComponent)
+};
+const _THESEAM_DATATABLE_ACCESSOR = {
+    provide: THESEAM_DATATABLE_ACCESSOR,
+    // tslint:disable-next-line:no-use-before-declare
+    useExisting: forwardRef(() => DatatableComponent)
+};
+// TODO: Reduce reliance on BehaviorSubject based observables, because it should
+// be easier to avoit over emitting observables.
+class DatatableComponent {
+    constructor(_columnChangesService, _differs, _preferences) {
+        // this.displayColumns$ = this.hiddenColumns$.pipe(
+        //   switchMap(hiddenColumns => this.columns$.pipe(map(cols => cols.filter(c => hiddenColumns.findIndex(hc => hc === c.prop) === -1))))
+        // )
+        this._columnChangesService = _columnChangesService;
+        this._differs = _differs;
+        this._preferences = _preferences;
+        this.faChevronDown = faChevronDown;
+        this.faChevronRight = faChevronRight;
+        this.faSpinner = faSpinner;
+        this._ngUnsubscribe = new Subject();
+        this._filtersSubject = new BehaviorSubject([]);
+        this._columnsObservable = new BehaviorSubject(undefined);
+        this._dataSourceSubject = new BehaviorSubject(undefined);
+        this._preferencesKey = new BehaviorSubject(undefined);
+        this._columns = new BehaviorSubject([]);
+        this._rows = new BehaviorSubject([]);
+        this.columnMode = ColumnMode.force;
+        this.selected = [];
+        this.externalPaging = false;
+        this.externalSorting = false;
+        this.externalFiltering = false;
+        this.count = 0;
+        this.offset = 0;
+        this.loadingIndicator = false;
+        this.reorderable = true;
+        this.swapColumns = false;
+        this.sortType = SortType.single;
+        this._sorts = [];
+        this.cssClasses = {
+            sortAscending: 'datatable-icon-up',
+            sortDescending: 'datatable-icon-down',
+            pagerLeftArrow: 'datatable-icon-left',
+            pagerRightArrow: 'datatable-icon-right',
+            pagerPrevious: 'datatable-icon-prev',
+            pagerNext: 'datatable-icon-skip'
+        };
+        this.messages = {
+            // Message to show when array is presented
+            // but contains no values
+            emptyMessage: 'No records found',
+            // Footer total message
+            totalMessage: 'total',
+            // Footer selected message
+            selectedMessage: 'selected'
+        };
+        this.rowIdentity = ((x) => x);
+        this.groupExpansionDefault = false;
+        this.selectAllRowsOnPage = false;
+        this.summaryRow = false;
+        this.summaryHeight = 30;
+        this.summaryPosition = 'top';
+        this.virtualization = true;
+        this.headerHeight = 50;
+        this.rowHeight = 50;
+        this.footerHeight = 40;
+        this.scrollbarV = true;
+        this.scrollbarH = true;
+        this.scroll = new EventEmitter();
+        this.activate = new EventEmitter();
+        this.select = new EventEmitter();
+        this.sort = new EventEmitter();
+        this.page = new EventEmitter();
+        this.reorder = new EventEmitter();
+        this.resize = new EventEmitter();
+        this.tableContextmenu = new EventEmitter(false);
+        this.treeAction = new EventEmitter();
+        this.actionRefreshRequest = new EventEmitter();
+        this.hiddenColumnsChange = new EventEmitter();
+        this._colDiffersInp = {};
+        this._colDiffersTpl = {};
+        this._rowDetailToggleSubscription = Subscription.EMPTY;
+        const applyPrefs = (cols) => this._preferencesKey.pipe(switchMap(name => !!name
+            // NOTE: This pending check is temporary to avoid table using previously
+            // retrieved preference while the new one is being updated on the
+            // server.
+            ? !this._preferences.pending
+                ? this._preferences.withColumnPreferences(name, cols)
+                : of(cols)
+            : of(cols)));
+        this.columns$ = this._columnsObservable.pipe(switchMap(colsObs => colsObs !== null && colsObs !== void 0 ? colsObs : of([])));
+        this.displayColumns$ = this.columns$.pipe(map(cols => cols.filter(c => !c.hidden)), tap(v => this._removeUnusedDiffs(v)), switchMap(cols => applyPrefs(cols)));
+        this.filters$ = this._filtersSubject.asObservable();
+        this.filterStates = this._filtersSubject.asObservable().pipe(switchMap(filters => composeDataFilterStates(filters)));
+        // this.rows$ = this._filtersSubject.asObservable()
+        //   .pipe(
+        //     switchMap(filters => {
+        //       if (this.externalFiltering) {
+        //         return this._rows.asObservable()
+        //       }
+        //       return this._rows.asObservable().pipe(composeDataFilters(filters))
+        //     })
+        //   )
+        this.rows$ = this._dataSourceSubject.pipe(switchMap(dataSource => {
+            // console.log('dataSource', dataSource)
+            let dataStream;
+            if (isDataSource(dataSource)) {
+                // console.log('~datasource')
+                dataStream = dataSource.connect(this);
+            }
+            else if (isObservable(dataSource)) {
+                // console.log('~observable')
+                dataStream = dataSource;
+            }
+            else if (Array.isArray(dataSource)) {
+                // console.log('~array')
+                dataStream = of(dataSource);
+            }
+            else {
+                // console.log('~rows fallback')
+                dataStream = this._rows.asObservable();
+                // .pipe(tap(v => console.log('rows~', v)))
+            }
+            if (!this.externalFiltering) {
+                // console.log('not using externalFiltering')
+                dataStream = dataStream.pipe(switchMap(rows => this._filtersSubject.pipe(
+                // tap(v => console.log('filters', v)),
+                concatMap(filters => of(rows).pipe(composeDataFilters(filters))))));
+                // dataStream = this._filtersSubject.pipe(
+                //   tap(v => console.log('filters', v)),
+                //   concatMap(filters => dataStream.pipe(composeDataFilters(filters))),
+                //   tap(v => console.log('composed filters', v)),
+                // )
+            }
+            return dataStream.pipe(
+            // tap(v => console.log('stream', v)),
+            takeUntil(this._ngUnsubscribe));
+        }));
+        // this.hiddenColumns$ = this._hiddenColumns.asObservable()
+        // this._hiddenColumns.pipe(
+        //   skip(1),
+        //   distinctUntilChanged((a, b) => {
+        //     const _a = Array.isArray(a) ? a : []
+        //     const _b = Array.isArray(b) ? b : []
+        //     if (_a.length !== _b.length) { return false }
+        //     const _as = _a.sort()
+        //     const _bs = _b.sort()
+        //     return !_as.sort().every((value: string, index: number) => _bs[index] === value)
+        //   }),
+        //   tap(v => this.hiddenColumnsChange.emit(v)),
+        //   untilDestroyed(this)
+        // ).subscribe(v => console.log('hiddenColumnsChange', v))
+        // TODO: Implement viewChange for CollectionViewer.
+        this.viewChange = this.page.pipe(map(p => ({ start: 0, end: p.count })));
+    }
+    get filters() { return this._filtersSubject.value; }
+    get preferencesKey() { return this._preferencesKey.value; }
+    set preferencesKey(value) { this._preferencesKey.next(value || undefined); }
+    get columns() { return this._columns.value; }
+    set columns(value) {
+        // console.log('columns input', value)
+        this._columns.next(Array.isArray(value) ? value : []);
+    }
+    get rows() { return this._rows.value; }
+    set rows(value) { this._rows.next(value || []); }
+    get sorts() { return this.ngxDatatable ? this.ngxDatatable.sorts : this._sorts; }
+    set sorts(value) {
+        this._sorts = notNullOrUndefined(value) ? coerceArray(value) : [];
+    }
+    set dataSource(value) {
+        if (value instanceof DatatableDataSource) {
+            value.setDatatableAccessor(this);
+        }
+        this._dataSourceSubject.next(value || undefined);
+    }
+    get menuBarComponent() { return this._menuBarComponent; }
+    set menuBarComponent(value) {
+        var _a;
+        this._menuBarComponent = value;
+        if (this._menuBarSub) {
+            this._menuBarSub.unsubscribe();
+        }
+        if (value) {
+            this._setMenuBarFilters(value.filters());
+            this._menuBarSub = (_a = this._menuBarComponent) === null || _a === void 0 ? void 0 : _a.filtersChanged.subscribe(v => { this._setMenuBarFilters(value.filters()); });
+        }
+    }
+    ngOnInit() {
+        if (this.rowDetail) {
+            this._rowDetailToggleSubscription = this.rowDetail._toggle.subscribe(event => {
+                if (this.ngxRowDetail) {
+                    this.ngxRowDetail.toggle.emit(event);
+                }
+            });
+        }
+    }
+    ngOnDestroy() {
+        this._rowDetailToggleSubscription.unsubscribe();
+    }
+    ngAfterContentInit() {
+        var _a, _b;
+        this.columnComponents$ = this._columnChangesService.columnInputChanges$.pipe(map(() => { var _a, _b; return (_b = (_a = this.columnComponents) === null || _a === void 0 ? void 0 : _a.toArray()) !== null && _b !== void 0 ? _b : []; }), startWith((_b = (_a = this.columnComponents) === null || _a === void 0 ? void 0 : _a.toArray()) !== null && _b !== void 0 ? _b : []), shareReplay({ bufferSize: 1, refCount: true }));
+        const _columns = combineLatest([
+            this.columnComponents$,
+            this._columns
+        ]).pipe(map(v => { var _a; return this._getMergedTplAndInpColumns(v[0], (_a = v[1]) !== null && _a !== void 0 ? _a : []); }),
+        // tap(v => console.log('cols', v)),
+        shareReplay({ bufferSize: 1, refCount: true }));
+        this._columnsObservable.next(_columns);
+    }
+    _getMergedTplAndInpColumns(tplCols, inpCols) {
+        const cols = [];
+        if (this.selectionType === 'checkbox') {
+            const checkBoxCol = {
+                prop: '$$__checkbox__',
+                name: '',
+                width: 40,
+                sortable: false,
+                canAutoResize: false,
+                draggable: false,
+                resizeable: false,
+                headerCheckboxable: true,
+                checkboxable: true
+            };
+            cols.push(checkBoxCol);
+        }
+        const _tplCols = translateTemplates((tplCols || []));
+        for (const col of inpCols) {
+            const tplCol = _tplCols.find(t => t.prop === col.prop);
+            // console.log({ col: { ...(col || {}) }, tplCol: { ...(tplCol || {}) } })
+            const dtColumns = (this.ngxDatatable && this.ngxDatatable._internalColumns) || [];
+            const prev = dtColumns.find(c => c.prop === col.prop);
+            const inpColDiff = this._getColDiff(col);
+            const _inpCol = inpColDiff ? {} : this._hasPrevColDiff(col) ? {} : col;
+            if (inpColDiff) {
+                inpColDiff.forEachRemovedItem(r => {
+                    if (prev && prev.hasOwnProperty(r.key)) {
+                        const k = r.key;
+                        delete prev[k];
+                    }
+                });
+                inpColDiff.forEachAddedItem(r => _inpCol[r.key] = r.currentValue);
+                inpColDiff.forEachChangedItem(r => _inpCol[r.key] = r.currentValue);
+            }
+            let _tplCol = {};
+            if (tplCol) {
+                const tplColDiff = tplCol ? this._getColDiff(tplCol, true) : undefined;
+                _tplCol = tplColDiff ? {} : this._hasPrevColDiff(col, true) ? {} : tplCol;
+                if (tplColDiff) {
+                    tplColDiff.forEachRemovedItem(r => {
+                        if (prev && prev.hasOwnProperty(r.key)) {
+                            const k = r.key;
+                            delete prev[k];
+                        }
+                    });
+                    tplColDiff.forEachAddedItem(r => _tplCol[r.key] = r.currentValue);
+                    tplColDiff.forEachChangedItem(r => _tplCol[r.key] = r.currentValue);
+                }
+            }
+            const _col = Object.assign(Object.assign(Object.assign({}, (prev || {})), _inpCol), _tplCol);
+            cols.push(_col);
+        }
+        if (this.rowActionItem) {
+            const actionMenuColumn = {
+                prop: '$$__actionMenu__',
+                name: '',
+                width: 50,
+                minWidth: 50,
+                maxWidth: 50,
+                resizeable: false,
+                sortable: false,
+                draggable: false,
+                // TODO: Fix column auto sizing with fixed column and cell overlay before enabling.
+                // frozenRight: true,
+                cellTemplate: this.actionMenuCellTpl,
+                headerTemplate: this.blankHeaderTpl
+            };
+            cols.push(actionMenuColumn);
+        }
+        for (const col of cols) {
+            if (col.isTreeColumn && hasProperty(col, 'treeToggleTemplate')) {
+                col.treeToggleTemplate = this.treeToggleTpl;
+            }
+            if (!hasProperty(col, 'headerTemplate')) {
+                col.headerTemplate = this.headerTpl;
+            }
+            if (hasProperty(col, 'cellType')) {
+                col.cellTemplate = this.cellTypeSelectorTpl;
+            }
+        }
+        // setColumnDefaults(cols)
+        _setColumnDefaults(cols);
+        // console.log(cols.map(c => ({ prop: c.prop, canAutoResize: c.canAutoResize })))
+        return cols;
+    }
+    _hasPrevColDiff(col, isTpl = false) {
+        if (!col || !col.prop) {
+            return false;
+        }
+        const differsMap = isTpl ? this._colDiffersTpl : this._colDiffersInp;
+        return !!differsMap;
+    }
+    _getColDiff(col, isTpl = false) {
+        if (!col || !col.prop) {
+            return;
+        }
+        const differsMap = isTpl ? this._colDiffersTpl : this._colDiffersInp;
+        if (!differsMap[col.prop]) {
+            differsMap[col.prop] = this._differs.find({}).create();
+        }
+        const differ = differsMap[col.prop];
+        const diff = differ.diff(col);
+        return diff;
+    }
+    _removeUnusedDiffs(cols) {
+        const inpKeys = Object.keys(this._colDiffersInp);
+        inpKeys.filter(k => cols.findIndex(c => c.prop === k) === -1)
+            .forEach(k => { delete this._colDiffersInp[k]; });
+        const tplKeys = Object.keys(this._colDiffersTpl);
+        tplKeys.filter(k => cols.findIndex(c => c.prop === k) === -1)
+            .forEach(k => { delete this._colDiffersTpl[k]; });
+    }
+    _setMenuBarFilters(filters) {
+        // console.log('_setMenuBarFilters', filters)
+        this._filtersSubject.next(filters || []);
+    }
+    getColumnComponent(propName) {
+        if (!this.columnComponents || this.columnComponents.length === 0) {
+            return null;
+        }
+        const tpl = this.columnComponents.find(t => t.prop === propName);
+        if (tpl) {
+            return tpl;
+        }
+        return null;
+    }
+    _columnData(col) {
+        const comp = this.getColumnComponent(col.prop);
+        return { col, comp };
+    }
+    _getRowExpanded(row) {
+        if (this.ngxDatatable && this.ngxDatatable.bodyComponent) {
+            return this.ngxDatatable.bodyComponent.getRowExpanded(row);
+        }
+        return false;
+    }
+    trackByFnColumn(index, item) {
+        return item.prop;
+    }
+    onDatatableResize(event) {
+        if (this.ngxDatatable && this.ngxDatatableElement && this.ngxDatatableElement.nativeElement) {
+            // TODO: Consider integrating this into the ngx-datatable library to avoid
+            // multiple resize calls when the table resizes itself.
+            this.ngxDatatable.recalculate();
+        }
+    }
+    _onResize(event) {
+        // console.log('resize', event, event.column.prop)
+        this.resize.emit(event);
+        if (event.isDone && this.columns) {
+            const columns = this.columns;
+            const col = columns.find(c => c.prop === event.column.prop);
+            if (col) {
+                col.canAutoResize = false;
+            }
+            if (this.preferencesKey) {
+                const pref = { prop: event.column.prop, width: event.column.width, canAutoResize: false };
+                this._preferences.setColumnPreference(this.preferencesKey, pref);
+            }
+            this.columns = [...this.columns];
+        }
+    }
+    _onTreeAction(event) {
+        const index = event.rowIndex;
+        const row = event.row;
+        if (row.treeStatus === 'collapsed') {
+            row.treeStatus = 'expanded';
+        }
+        else {
+            row.treeStatus = 'collapsed';
+        }
+        this.rows = [...this.rows];
+    }
+    triggerActionRefreshRequest() {
+        this.actionRefreshRequest.emit(undefined);
+    }
+    get pageInfo() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        return {
+            offset: (_b = (_a = this.ngxDatatable) === null || _a === void 0 ? void 0 : _a.offset) !== null && _b !== void 0 ? _b : 0,
+            pageSize: (_d = (_c = this.ngxDatatable) === null || _c === void 0 ? void 0 : _c.pageSize) !== null && _d !== void 0 ? _d : 0,
+            limit: (_e = this.ngxDatatable) === null || _e === void 0 ? void 0 : _e.limit,
+            count: (_g = (_f = this.ngxDatatable) === null || _f === void 0 ? void 0 : _f.count) !== null && _g !== void 0 ? _g : 0
+        };
+    }
+}
+DatatableComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-datatable',
+                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",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                animations: [
+                    trigger('slideDown', [
+                        transition(':enter', [
+                            style({ transform: 'translateY(-20%)', opacity: '0' }),
+                            animate('250ms', style({ transform: 'translateY(0)', opacity: '1' })),
+                        ]),
+                        transition(':leave', [
+                            style({ transform: 'translateY(0)', opacity: '1' }),
+                            animate('250ms', style({ transform: 'translateY(-20%)', opacity: '0' })),
+                        ])
+                    ])
+                ],
+                providers: [_THESEAM_DATATABLE, DatatableColumnChangesService, _THESEAM_DATATABLE_ACCESSOR],
+                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}"]
+            },] }
+];
+DatatableComponent.ctorParameters = () => [
+    { type: DatatableColumnChangesService },
+    { type: KeyValueDiffers },
+    { type: DatatablePreferencesService }
+];
+DatatableComponent.propDecorators = {
+    preferencesKey: [{ type: Input }],
+    targetMarkerTemplate: [{ type: Input }],
+    columns: [{ type: Input }],
+    rows: [{ type: Input }],
+    columnMode: [{ type: Input }],
+    groupRowsBy: [{ type: Input }],
+    groupedRows: [{ type: Input }],
+    selected: [{ type: Input }],
+    externalPaging: [{ type: Input }],
+    externalSorting: [{ type: Input }],
+    externalFiltering: [{ type: Input }],
+    limit: [{ type: Input }],
+    count: [{ type: Input }],
+    offset: [{ type: Input }],
+    loadingIndicator: [{ type: Input }],
+    selectionType: [{ type: Input }],
+    reorderable: [{ type: Input }],
+    swapColumns: [{ type: Input }],
+    sortType: [{ type: Input }],
+    sorts: [{ type: Input }],
+    cssClasses: [{ type: Input }],
+    messages: [{ type: Input }],
+    rowIdentity: [{ type: Input }],
+    rowClass: [{ type: Input }],
+    selectCheck: [{ type: Input }],
+    displayCheck: [{ type: Input }],
+    groupExpansionDefault: [{ type: Input }],
+    trackByProp: [{ type: Input }],
+    selectAllRowsOnPage: [{ type: Input }],
+    treeFromRelation: [{ type: Input }],
+    treeToRelation: [{ type: Input }],
+    summaryRow: [{ type: Input }],
+    summaryHeight: [{ type: Input }],
+    summaryPosition: [{ type: Input }],
+    virtualization: [{ type: Input }],
+    headerHeight: [{ type: Input }],
+    rowHeight: [{ type: Input }],
+    footerHeight: [{ type: Input }],
+    scrollbarV: [{ type: Input }],
+    scrollbarH: [{ type: Input }],
+    dataSource: [{ type: Input }],
+    scroll: [{ type: Output }],
+    activate: [{ type: Output }],
+    select: [{ type: Output }],
+    sort: [{ type: Output }],
+    page: [{ type: Output }],
+    reorder: [{ type: Output }],
+    resize: [{ type: Output }],
+    tableContextmenu: [{ type: Output }],
+    treeAction: [{ type: Output }],
+    actionRefreshRequest: [{ type: Output }],
+    hiddenColumnsChange: [{ type: Output }],
+    columnComponents: [{ type: ContentChildren, args: [DatatableColumnComponent,] }],
+    actionMenu: [{ type: ContentChild, args: [DatatableActionMenuComponent, { static: true },] }],
+    rowActionItem: [{ type: ContentChild, args: [DatatableRowActionItemDirective, { static: true },] }],
+    rowDetail: [{ type: ContentChild, args: [TheSeamDatatableRowDetailDirective, { static: true },] }],
+    menuBarComponent: [{ type: ContentChild, args: [DatatableMenuBarComponent,] }],
+    ngxDatatable: [{ type: ViewChild, args: [DatatableComponent$1,] }],
+    ngxDatatableElement: [{ type: ViewChild, args: [DatatableComponent$1, { read: ElementRef },] }],
+    ngxRowDetail: [{ type: ViewChild, args: [DatatableRowDetailDirective,] }],
+    actionMenuCellTpl: [{ type: ViewChild, args: ['actionMenuCellTpl', { static: true },] }],
+    treeToggleTpl: [{ type: ViewChild, args: ['treeToggleTpl', { static: true },] }],
+    headerTpl: [{ type: ViewChild, args: ['headerTpl', { static: true },] }],
+    blankHeaderTpl: [{ type: ViewChild, args: ['blankHeaderTpl', { static: true },] }],
+    cellTypeSelectorTpl: [{ type: ViewChild, args: ['cellTypeSelectorTpl', { static: true },] }]
+};
+__decorate([
+    InputBoolean()
+], DatatableComponent.prototype, "externalPaging", void 0);
+__decorate([
+    InputBoolean()
+], DatatableComponent.prototype, "externalSorting", void 0);
+__decorate([
+    InputBoolean()
+], DatatableComponent.prototype, "externalFiltering", void 0);
+__decorate([
+    InputNumber()
+], DatatableComponent.prototype, "limit", void 0);
+__decorate([
+    InputNumber(0)
+], DatatableComponent.prototype, "count", void 0);
+__decorate([
+    InputNumber(0)
+], DatatableComponent.prototype, "offset", void 0);
+__decorate([
+    InputBoolean()
+], DatatableComponent.prototype, "loadingIndicator", void 0);
+__decorate([
+    InputBoolean()
+], DatatableComponent.prototype, "reorderable", void 0);
+__decorate([
+    InputBoolean()
+], DatatableComponent.prototype, "swapColumns", void 0);
+__decorate([
+    InputBoolean()
+], DatatableComponent.prototype, "groupExpansionDefault", void 0);
+__decorate([
+    InputBoolean()
+], DatatableComponent.prototype, "selectAllRowsOnPage", void 0);
+__decorate([
+    InputBoolean()
+], DatatableComponent.prototype, "summaryRow", void 0);
+__decorate([
+    InputNumber()
+], DatatableComponent.prototype, "summaryHeight", void 0);
+__decorate([
+    InputBoolean()
+], DatatableComponent.prototype, "virtualization", void 0);
+__decorate([
+    InputNumber()
+], DatatableComponent.prototype, "headerHeight", void 0);
+__decorate([
+    InputNumber()
+], DatatableComponent.prototype, "rowHeight", void 0);
+__decorate([
+    InputNumber()
+], DatatableComponent.prototype, "footerHeight", void 0);
+__decorate([
+    InputBoolean()
+], DatatableComponent.prototype, "scrollbarV", void 0);
+__decorate([
+    InputBoolean()
+], DatatableComponent.prototype, "scrollbarH", void 0);
+class DatatableColumnPreferencesComponent {
+    constructor(_datatable) {
+        var _a;
+        this._datatable = _datatable;
+        this._filterControl = new FormControl();
+        this._columns$ = combineLatest([
+            (_a = this._datatable.columns$) !== null && _a !== void 0 ? _a : of([]),
+            observeControlValue(this._filterControl)
+        ]).pipe(map(([columns, filter]) => {
+            const _filter = (filter || '').trim().toLowerCase();
+            return columns.filter(c => `${(c.name || c.prop || '')}`.toLowerCase().indexOf(_filter) !== -1);
+        }), map(cols => cols.sort((a, b) => a.prop === b.prop ? 0 : a.prop > b.prop ? 1 : -1)));
+    }
+    ngOnInit() { }
+    _onChange(event, col) {
+        // TODO: Figure out the right way to update this value. If it is set by
+        // column component input this may not work right.
+        const columns = this._datatable.columns || [];
+        const column = columns.find(c => c.prop === col.prop);
+        if (column) {
+            column.hidden = !event.checked;
+            this._datatable.columns = [...columns];
+        }
+    }
+    _onCloseClick() {
+        // TODO: Implement when PopoverRef is implemented.
+    }
+}
+DatatableColumnPreferencesComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-datatable-column-preferences',
+                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",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [":host{display:flex;flex-direction:column}"]
+            },] }
+];
+DatatableColumnPreferencesComponent.ctorParameters = () => [
+    { type: DatatableComponent, decorators: [{ type: Inject, args: [THESEAM_DATATABLE,] }] }
+];
+class DatatableColumnPreferencesButtonComponent {
+    constructor() {
+        this.icon = faColumns;
+    }
+    ngOnInit() { }
+}
+DatatableColumnPreferencesButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-datatable-column-preferences-button',
+                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",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [""]
+            },] }
+];
+DatatableColumnPreferencesButtonComponent.ctorParameters = () => [];
+class DatatableExportButtonComponent {
+    constructor(_datatable, _toastr, _loading, _valueHelper, _data) {
+        this._datatable = _datatable;
+        this._toastr = _toastr;
+        this._loading = _loading;
+        this._valueHelper = _valueHelper;
+        this._data = _data;
+        this.icon = faFileDownload;
+        if (this._data && this._data.exporters) {
+            this.exporters = this._data.exporters;
+        }
+    }
+    get disabled() {
+        return !(this.exporters && this.exporters.length > 0);
+    }
+    ngOnInit() { }
+    _onExporterClicked(exporter) {
+        if (!exporter.export) {
+            const msg = isDevMode()
+                ? `Exporter '${exporter.name}' is missing an export method.`
+                : `${exporter.label} export is not available.`;
+            this._toastr.error(msg, 'Data Export');
+        }
+        const export$ = this._datatable.rows$
+            .pipe(take(1), map(rows => {
+            if (exporter.skipDataMapping) {
+                return rows;
+            }
+            return this._mapExportData(this._datatable.columns || [], rows);
+        }), concatMap(data => exporter.export(data)), catchError(err => {
+            console.error(err);
+            return of(false);
+        }), tap(success => {
+            if (success) {
+                this._toastr.success(`${exporter.label} export complete.`, 'Data Export');
+            }
+            else {
+                this._toastr.error(`${exporter.label} export failed.`, 'Data Export');
+            }
+        }));
+        this._loading.while(export$).subscribe();
+    }
+    _mapExportData(columns, rows) {
+        const data = [];
+        for (const row of rows) {
+            const newRow = {};
+            for (const col of columns) {
+                if (!col.exportIgnore) {
+                    const colName = col.exportHeader || col.name || col.prop;
+                    if (colName) {
+                        newRow[colName] = this._rowValue(col, row);
+                    }
+                }
+            }
+            data.push(newRow);
+        }
+        return data;
+    }
+    _rowValue(column, row) {
+        if (hasProperty(column, 'exportValue')) {
+            const context = { value: column.prop ? row[column.prop] : undefined, row };
+            return this._valueHelper.evalSync(column.exportValue, context);
+        }
+        const colProp = column.prop;
+        if (colProp) {
+            return row[colProp];
+        }
+        return undefined;
+    }
+}
+DatatableExportButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-datatable-export-button',
+                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",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [":host{display:inline-block}"]
+            },] }
+];
+DatatableExportButtonComponent.ctorParameters = () => [
+    { type: DatatableComponent, decorators: [{ type: Inject, args: [THESEAM_DATATABLE,] }] },
+    { type: ToastrService },
+    { type: TheSeamLoadingOverlayService },
+    { type: DynamicValueHelperService },
+    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [THESEAM_DYNAMIC_DATA,] }] }
+];
+DatatableExportButtonComponent.propDecorators = {
+    exporters: [{ type: Input }]
+};
+class DatatableMenuBarColumnCenterComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+DatatableMenuBarColumnCenterComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-datatable-menu-bar-column-center',
+                template: "<ng-content></ng-content>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [":host{display:flex;flex-direction:row;flex:1 1 auto;justify-content:center}"]
+            },] }
+];
+DatatableMenuBarColumnCenterComponent.ctorParameters = () => [];
+class DatatableMenuBarColumnLeftComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+DatatableMenuBarColumnLeftComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-datatable-menu-bar-column-left',
+                template: "<ng-content></ng-content>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [":host{display:flex;flex-direction:row;flex:1 1 0%;justify-content:flex-start}"]
+            },] }
+];
+DatatableMenuBarColumnLeftComponent.ctorParameters = () => [];
+class DatatableMenuBarColumnRightComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+DatatableMenuBarColumnRightComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-datatable-menu-bar-column-right',
+                template: "<ng-content></ng-content>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [":host{display:flex;flex-direction:row;flex:1 1 0%;justify-content:flex-end}"]
+            },] }
+];
+DatatableMenuBarColumnRightComponent.ctorParameters = () => [];
+class DatatableMenuBarRowComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+DatatableMenuBarRowComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-datatable-menu-bar-row',
+                template: "<ng-content></ng-content>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [":host{display:flex;flex-direction:row;flex-wrap:wrap}"]
+            },] }
+];
+DatatableMenuBarRowComponent.ctorParameters = () => [];
+const THESEAM_MENUBAR_ITEM_DATA = new InjectionToken('MenubarItemData');
+class DatatableMenuBarTextComponent {
+    constructor(_menuBar, _data) {
+        this._menuBar = _menuBar;
+        this._data = _data;
+        if (notNullOrUndefined(this._data)) {
+            if (hasProperty(this._data, 'value')) {
+                this.value = this._data.value;
+            }
+        }
+    }
+    ngOnInit() { }
+}
+DatatableMenuBarTextComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-datatable-menu-bar-text',
+                template: "{{ value }}\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [""]
+            },] }
+];
+DatatableMenuBarTextComponent.ctorParameters = () => [
+    { type: DatatableMenuBarComponent },
+    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [THESEAM_MENUBAR_ITEM_DATA,] }] }
+];
+DatatableMenuBarTextComponent.propDecorators = {
+    value: [{ type: Input }]
+};
+class DatatableActionMenuItemDirective {
+    constructor(_modal, _dynamicComponentLoader, _http) {
+        this._modal = _modal;
+        this._dynamicComponentLoader = _dynamicComponentLoader;
+        this._http = _http;
+        this._listGroupItem = true;
+        this._listGroupItemAction = true;
+        this.click = new EventEmitter();
+    }
+    ngOnInit() { }
+    ngOnDestroy() { }
+}
+DatatableActionMenuItemDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamDatatableActionMenuItem]'
+            },] }
+];
+DatatableActionMenuItemDirective.ctorParameters = () => [
+    { type: Modal },
+    { type: TheSeamDynamicComponentLoader },
+    { type: HttpClient, decorators: [{ type: Optional }] }
+];
+DatatableActionMenuItemDirective.propDecorators = {
+    _listGroupItem: [{ type: HostBinding, args: ['class.list-group-item',] }],
+    _listGroupItemAction: [{ type: HostBinding, args: ['class.list-group-item-action',] }],
+    label: [{ type: Input }],
+    href: [{ type: Input, args: ['attr.href',] }],
+    target: [{ type: Input }],
+    queryParams: [{ type: Input }],
+    fragment: [{ type: Input }],
+    queryParamsHandling: [{ type: Input }],
+    preserveFragment: [{ type: Input }],
+    skipLocationChange: [{ type: Input }],
+    replaceUrl: [{ type: Input }],
+    state: [{ type: Input }],
+    routerLink: [{ type: Input }],
+    confirmDialog: [{ type: Input }],
+    row: [{ type: Input }],
+    click: [{ type: Output }]
+};
+class DatatableActionMenuToggleDirective {
+    constructor(_elementRef, _viewContainerRef, _overlay) {
+        this._elementRef = _elementRef;
+        this._viewContainerRef = _viewContainerRef;
+        this._overlay = _overlay;
+        this._active = false;
+        this._actionDown = false;
+    }
+    _onKeydown(event) {
+        if (event.keyCode === ESCAPE) {
+            this.disable();
+        }
+    }
+    _onClick(event) {
+        this.toggle();
+    }
+    _mouseDown(event) { this.onInputDown(event); }
+    _pointerDown(event) { this.onInputDown(event); }
+    _mouseUp(event) { this.onInputUp(event); }
+    _pointerUp(event) { this.onInputUp(event); }
+    get active() { return this._active; }
+    toggle() {
+        if (this._active) {
+            this.disable();
+        }
+        else {
+            this.enable();
+        }
+    }
+    enable() {
+        if (this.active) {
+            return;
+        }
+        if (!this.seamDatatableActionMenuToggle) {
+            return;
+        }
+        this._overlayRef = this._overlay.create({
+            hasBackdrop: false,
+            positionStrategy: this.getOverlayPosition(this._elementRef.nativeElement),
+        });
+        this._overlayRef.attach(new TemplatePortal(this.seamDatatableActionMenuToggle, this._viewContainerRef));
+        this._active = true;
+    }
+    disable() {
+        var _a;
+        if (!this.active) {
+            return;
+        }
+        if ((_a = this._overlayRef) === null || _a === void 0 ? void 0 : _a.hasAttached()) {
+            this._overlayRef.detach();
+        }
+        this._active = false;
+    }
+    getOverlayPosition(origin) {
+        const positionStrategy = this._overlay.position()
+            .flexibleConnectedTo(origin)
+            .withPositions(this.getPositions())
+            .withFlexibleDimensions(false)
+            .withPush(false);
+        return positionStrategy;
+    }
+    getPositions() {
+        return [
+            {
+                originX: 'start',
+                originY: 'bottom',
+                overlayX: 'end',
+                overlayY: 'top',
+            },
+            {
+                originX: 'start',
+                originY: 'top',
+                overlayX: 'end',
+                overlayY: 'bottom',
+            },
+            {
+                originX: 'end',
+                originY: 'bottom',
+                overlayX: 'start',
+                overlayY: 'top',
+            },
+            {
+                originX: 'end',
+                originY: 'top',
+                overlayX: 'start',
+                overlayY: 'bottom',
+            },
+        ];
+    }
+    onFocusChangeOverlay(event) {
+        if (event === null) {
+            if (!this._actionDown) {
+                // this.disable()
+            }
+        }
+    }
+    onInputDown(event) {
+        this._actionDown = true;
+    }
+    onInputUp(event) {
+        this._actionDown = false;
+    }
+}
+DatatableActionMenuToggleDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamDatatableActionMenuToggle]',
+                exportAs: 'seamDatatableActionMenuToggle'
+            },] }
+];
+DatatableActionMenuToggleDirective.ctorParameters = () => [
+    { type: ElementRef },
+    { type: ViewContainerRef },
+    { type: Overlay }
+];
+DatatableActionMenuToggleDirective.propDecorators = {
+    seamDatatableActionMenuToggle: [{ type: Input }],
+    _onKeydown: [{ type: HostListener, args: ['document:keydown', ['$event'],] }],
+    _onClick: [{ type: HostListener, args: ['click', ['$event'],] }],
+    _mouseDown: [{ type: HostListener, args: ['mousedown', ['$event'],] }],
+    _pointerDown: [{ type: HostListener, args: ['pointerdown', ['$event'],] }],
+    _mouseUp: [{ type: HostListener, args: ['mouseup', ['$event'],] }],
+    _pointerUp: [{ type: HostListener, args: ['pointerup', ['$event'],] }]
+};
+class DatatableGqlDataSource extends DatatableDataSource {
+    connect(collectionViewer) {
+        throw new Error('Method not implemented.');
+        // return combineLatest([
+        //   this.sorts$,
+        //   this.filterStates$,
+        //   this.page$
+        // ]).pipe()
+    }
+    disconnect(collectionViewer) {
+        throw new Error('Method not implemented.');
+    }
+}
+class TheSeamDatatableScrollbarHelperService {
+    constructor(_ngZone, _scrollbars) {
+        this._ngZone = _ngZone;
+        this._scrollbars = _scrollbars;
+        this.width = 0;
+        /**
+         * 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.
+         */
+        this.animatedScrolling = false;
+        this.animatedScrollingTime = 250;
+    }
+    onInitScroller(scroller) {
+        this._scrollbars.initializeInstance(scroller.parentElement, {
+            callbacks: {
+                onScroll: (e) => {
+                    this._ngZone.run(() => {
+                        scroller.onScrolled(e);
+                    });
+                }
+            }
+        });
+    }
+    onDestroyScroller(scroller) {
+        this._scrollbars.destroyInstance(scroller.parentElement);
+    }
+    setOffset(scroller, offsetY) {
+        this._ngZone.runOutsideAngular(() => {
+            if (this.animatedScrolling) {
+                this._scrollbars.getInstance(scroller.parentElement)
+                    .scroll({ y: offsetY }, this.animatedScrollingTime);
+            }
+            else {
+                this._scrollbars.getInstance(scroller.parentElement)
+                    .scroll({ y: offsetY });
+            }
+        });
+    }
+}
+TheSeamDatatableScrollbarHelperService.decorators = [
+    { type: Injectable }
+];
+TheSeamDatatableScrollbarHelperService.ctorParameters = () => [
+    { type: NgZone },
+    { type: OverlayScrollbarsService }
+];
+class TheSeamDatatableModule {
+}
+TheSeamDatatableModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    DatatableComponent,
+                    DatatableCellTplDirective,
+                    DatatableColumnComponent,
+                    DatatableActionMenuComponent,
+                    DatatableActionMenuToggleDirective,
+                    DatatableActionMenuItemComponent,
+                    DatatableMenuBarComponent,
+                    DatatableFilterDirective,
+                    DatatableRowActionItemDirective,
+                    DatatableExportButtonComponent,
+                    TheSeamDatatableRowDetailDirective,
+                    DatatableRowDetailTplDirective,
+                    DatatableColumnPreferencesComponent,
+                    DatatableColumnPreferencesButtonComponent,
+                    DatatableActionMenuItemDirective,
+                    DatatableMenuBarRowComponent,
+                    DatatableMenuBarColumnLeftComponent,
+                    DatatableMenuBarColumnCenterComponent,
+                    DatatableMenuBarColumnRightComponent,
+                    DatatableMenuBarTextComponent,
+                ],
+                imports: [
+                    CommonModule,
+                    NgxDatatableModule,
+                    FontAwesomeModule,
+                    OverlayModule,
+                    A11yModule,
+                    TheSeamSharedModule,
+                    RouterModule,
+                    TheSeamMenuModule,
+                    TheSeamButtonsModule,
+                    TheSeamIconModule,
+                    ToastrModule,
+                    TheSeamLoadingModule,
+                    PortalModule,
+                    TheSeamConfirmDialogModule,
+                    TheSeamPopoverModule,
+                    TheSeamCheckboxModule,
+                    TheSeamFormFieldModule,
+                    ReactiveFormsModule,
+                    TheSeamTableCellTypeModule
+                ],
+                exports: [
+                    DatatableComponent,
+                    DatatableCellTplDirective,
+                    DatatableColumnComponent,
+                    DatatableActionMenuComponent,
+                    DatatableActionMenuItemComponent,
+                    DatatableMenuBarComponent,
+                    DatatableFilterDirective,
+                    DatatableRowActionItemDirective,
+                    DatatableExportButtonComponent,
+                    TheSeamDatatableRowDetailDirective,
+                    DatatableRowDetailTplDirective,
+                    DatatableColumnPreferencesComponent,
+                    DatatableColumnPreferencesButtonComponent,
+                    DatatableActionMenuItemDirective,
+                    DatatableMenuBarRowComponent,
+                    DatatableMenuBarColumnLeftComponent,
+                    DatatableMenuBarColumnCenterComponent,
+                    DatatableMenuBarColumnRightComponent,
+                    DatatableMenuBarTextComponent
+                ],
+                providers: [
+                    { provide: ScrollbarHelper, useClass: TheSeamDatatableScrollbarHelperService }
+                ],
+                entryComponents: [
+                    DatatableColumnPreferencesComponent,
+                    DatatableExportButtonComponent,
+                    DatatableMenuBarTextComponent
+                ]
+            },] }
+];
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { DatatableActionMenuComponent, DatatableActionMenuItemComponent, DatatableActionMenuItemDirective, DatatableActionMenuToggleDirective, DatatableCellTplDirective, DatatableColumnChangesService, DatatableColumnComponent, DatatableColumnPreferencesButtonComponent, DatatableColumnPreferencesComponent, DatatableComponent, DatatableDataSource, DatatableExportButtonComponent, DatatableFilterDirective, DatatableGqlDataSource, DatatableMenuBarColumnCenterComponent, DatatableMenuBarColumnLeftComponent, DatatableMenuBarColumnRightComponent, DatatableMenuBarComponent, DatatableMenuBarRowComponent, DatatableMenuBarTextComponent, DatatablePreferencesService, DatatableRowActionItemDirective, DatatableRowDetailTplDirective, THESEAM_DATATABLE, THESEAM_DATATABLE_PREFERENCES_ACCESSOR, THESEAM_MENUBAR_ITEM_DATA, TheSeamDatatableModule, TheSeamDatatableRowDetailDirective, TheSeamDatatableScrollbarHelperService, _THESEAM_DATATABLE, _THESEAM_DATATABLE_ACCESSOR, _THESEAM_DATA_FILTER_CONTAINER, _setColumnDefaults, withStoredColumnInfo, THESEAM_DATATABLE_ACCESSOR as ɵa };
+//# sourceMappingURL=theseam-ui-common-datatable.js.map