@theseam/ui-common 0.2.9

package/fesm2015/theseam-ui-common-data-filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-data-filters.js","sources":["../../../projects/ui-common/data-filters/data-filter.ts","../../../projects/ui-common/data-filters/data-filter-def.ts","../../../projects/ui-common/data-filters/data-filter-container.ts","../../../projects/ui-common/data-filters/filters/data-filter-text/data-filter-text.component.ts","../../../projects/ui-common/data-filters/filters/data-filter-search/data-filter-search.component.ts","../../../projects/ui-common/data-filters/filters/data-filter-toggle-buttons/data-filter-toggle-buttons.component.ts","../../../projects/ui-common/data-filters/data-filters.module.ts","../../../projects/ui-common/data-filters/theseam-ui-common-data-filters.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core'\nimport { combineLatest, Observable } from 'rxjs'\nimport { map, startWith, switchMap } from 'rxjs/operators'\n\nexport type IDataFilterFunction = <T>(data: T[]) => Observable<T[]>\n\n/**\n * State of the filter that would allow an external operation to apply the\n * filtering.\n *\n * This is primarily for server-side filtering.\n */\nexport interface DataFilterState {\n  /**\n   * DataFilter's name.\n   */\n  name: string\n\n  /**\n   * Anything necessary for an external implementation to apply this filter.\n   */\n  state: { [key: string]: any }\n}\n\n// TODO: Consider adding something, such as a priority or order, to allow the\n// order the filter functions are called in to be declared/influenced\n// externally. This would allow the filters that will most likely filter out\n// many records quickly to be run before the heavy processing filters.\nexport interface IDataFilter {\n  /**\n   * Name used when referencing filter by string.\n   */\n  name: string\n\n  /**\n   * Unique value to prevent a filter being used more than once if it ends up\n   * being registered more than once.\n   */\n  uid: string\n\n  /**\n   *\n   */\n  filterStateChanges: Observable<DataFilterState>\n\n  /**\n   * Filters the data based on the conditions of the filter.\n   */\n  filter<T>(data: T[]): Observable<T[]>\n\n  /**\n   *\n   */\n  filterState(): DataFilterState\n}\n\nexport const THESEAM_DATA_FILTER = new InjectionToken<IDataFilter>('TheSeamDataFilter')\nexport const THESEAM_DATA_FILTER_OPTIONS = new InjectionToken<{}>('TheSeamDataFilterOptions')\n\nexport function filterOperator<T>(filterFn: IDataFilterFunction) {\n  return (source$: Observable<T[]>) =>\n    source$.pipe(switchMap(filterFn))\n}\n\nexport function composeDataFilters(filters: IDataFilter[]) {\n  const filterFunctions = filters.map(f => filterOperator(f.filter.bind(f)))\n  return (source$: Observable<any>) => {\n    let src$ = source$\n    for (const f of filterFunctions) {\n      src$ = src$.pipe(f)\n    }\n    return src$\n  }\n}\n\nexport function composeDataFilterStates(filters: IDataFilter[]): Observable<DataFilterState[]> {\n  return combineLatest(filters.map(f => f.filterStateChanges.pipe(\n    startWith(undefined),\n    map(() => f.filterState())\n  )))\n}\n","import { InjectionToken } from '@angular/core'\n\nimport { IDataFilter } from './data-filter'\n\nexport interface IDataFilterDef<T = any> {\n  name: string\n\n  /**\n   * Component that controls the filter.\n   */\n  component: IDataFilter\n\n}\n\nexport const THESEAM_DATA_FILTER_DEF = new InjectionToken<IDataFilterDef[]>('TheSeamDataFilter')\n","import { InjectionToken } from '@angular/core'\nimport { IDataFilter } from './data-filter'\n\nexport interface DataFilterContainer {\n  filters(): IDataFilter[]\n\n  addFilter(dataFilter: IDataFilter): void\n\n  removeFilter(dataFilter: IDataFilter): void\n}\n\nexport const THESEAM_DATA_FILTER_CONTAINER = new InjectionToken<DataFilterContainer>(\n  'DataFilterContainer'\n)\n","import { BooleanInput } from '@angular/cdk/coercion'\nimport { Component, forwardRef, Inject, Input, OnDestroy, OnInit, Optional, TemplateRef } from '@angular/core'\nimport { FormControl } from '@angular/forms'\nimport { Observable, of } from 'rxjs'\nimport { map, shareReplay, startWith, switchMap } from 'rxjs/operators'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\nimport { isNullOrUndefined } from '@theseam/ui-common/utils'\n\nimport { DataFilterState, IDataFilter, THESEAM_DATA_FILTER, THESEAM_DATA_FILTER_OPTIONS } from '../../data-filter'\nimport { THESEAM_DATA_FILTER_CONTAINER } from '../../data-filter-container'\nimport type { DataFilterContainer } from '../../data-filter-container'\nimport { ITextFilterOptions } from './text-filter-options'\n\nexport const DATA_FILTER_TEXT: any = {\n  provide: THESEAM_DATA_FILTER,\n  // tslint:disable-next-line:no-use-before-declare\n  useExisting: forwardRef(() => DataFilterTextComponent),\n  multi: true,\n}\n\nexport const DefaultTextFilterOptions: ITextFilterOptions = {\n  properties: undefined,\n  omitProperties: undefined,\n  exact: false,\n  caseSensitive: false,\n}\n\nexport function textDataFilter(data: any[], text: string, options = DefaultTextFilterOptions) {\n  if (!data || !text) {\n    return data\n  }\n\n  if (data.length <= 0) {\n    return data\n  }\n\n  let props = options ? options.properties : undefined\n  if (!props) {\n    props = []\n    let keys = Object.keys(data[0])\n    if (options && options.omitProperties) {\n      keys = keys.filter(key => !(options.omitProperties || []).find(p => p === key))\n    }\n    for (const key of keys) {\n      if (data[0].hasOwnProperty(key)) {\n        props.push(key)\n      }\n    }\n  }\n\n  const filtered: any[] = []\n\n  for (const item of data) {\n    for (const p of props) {\n      let value1 = `${item[p]}`\n      let value2 = text\n\n      if (!options.caseSensitive) {\n        value1 = value1.toLowerCase()\n        value2 = value2.toLowerCase()\n      }\n\n      if (item[p] && value1.indexOf(value2) !== (options.exact ? 0 : -1)) {\n        filtered.push(item)\n        break\n      }\n    }\n  }\n\n  return filtered\n}\n\nlet _uid = 0\n\n@Component({\n  selector: 'seam-data-filter-text',\n  templateUrl: './data-filter-text.component.html',\n  styleUrls: ['./data-filter-text.component.scss'],\n  providers: [ DATA_FILTER_TEXT ]\n})\nexport class DataFilterTextComponent implements OnInit, OnDestroy, IDataFilter {\n  static ngAcceptInputType_exact: BooleanInput\n  static ngAcceptInputType_caseSensitive: BooleanInput\n\n  public readonly name = 'text'\n  public readonly uid = `text__${_uid++}`\n\n  _control = new FormControl()\n\n  @Input() properties: string[] | undefined | null = this._optDefault('properties')\n  @Input() omitProperties: string[] | undefined | null = this._optDefault('omitProperties')\n  @Input() @InputBoolean() exact: boolean = this._optDefault('exact')\n  @Input() @InputBoolean() caseSensitive: boolean = this._optDefault('caseSensitive')\n\n  @Input() placeholder: string | undefined | null\n  @Input() iconTpl: TemplateRef<HTMLElement> | undefined | null\n\n  @Input()\n  set value(value: string | string[]) {\n    const _value = !isNullOrUndefined(value) ? `${value}` : ''\n    if (this._control.value !== _value) {\n      this._control.setValue(_value)\n    }\n  }\n\n  public readonly filterStateChanges: Observable<DataFilterState>\n\n  constructor(\n    @Inject(THESEAM_DATA_FILTER_CONTAINER) private _filterContainer: DataFilterContainer,\n    @Optional() @Inject(THESEAM_DATA_FILTER_OPTIONS) private _filterOptions: ITextFilterOptions | null\n  ) {\n    this.filterStateChanges = this._control.valueChanges.pipe(\n      switchMap(() => of(this.filterState())),\n      shareReplay({ bufferSize: 1, refCount: true })\n    )\n  }\n\n  ngOnInit() { this._filterContainer.addFilter(this) }\n\n  ngOnDestroy() { this._filterContainer.removeFilter(this) }\n\n  private _optDefault<K extends keyof ITextFilterOptions>(prop: K) {\n    if (this._filterOptions && this._filterOptions.hasOwnProperty(prop)) {\n      return this._filterOptions[prop]\n    }\n    return DefaultTextFilterOptions[prop]\n  }\n\n  get options(): ITextFilterOptions {\n    return {\n      properties: this.properties ?? undefined,\n      omitProperties: this.omitProperties ?? undefined,\n      exact: this.exact,\n      caseSensitive: this.caseSensitive\n    }\n  }\n\n  public filter<T>(data: T[]): Observable<T[]> {\n    return this._control.valueChanges\n      .pipe(\n        map(v => textDataFilter(data, v, this.options)),\n        startWith(textDataFilter(data, this._control.value, this.options)),\n      )\n  }\n\n  public filterState(): DataFilterState {\n    return {\n      // id:\n      name: this.name,\n      state: {\n        value: this._control.value,\n        options: this.options\n      }\n    }\n  }\n\n}\n","import { BooleanInput } from '@angular/cdk/coercion'\nimport { ChangeDetectionStrategy, Component, forwardRef, Inject, Input, OnDestroy, OnInit, Optional, TemplateRef } from '@angular/core'\nimport { FormControl } from '@angular/forms'\nimport { Observable, of } from 'rxjs'\nimport { map, shareReplay, startWith, switchMap } from 'rxjs/operators'\n\nimport { faSearch } from '@fortawesome/free-solid-svg-icons'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\nimport type { SeamIcon } from '@theseam/ui-common/icon'\nimport { isNullOrUndefined } from '@theseam/ui-common/utils'\n\nimport { DataFilterState, IDataFilter, THESEAM_DATA_FILTER, THESEAM_DATA_FILTER_OPTIONS } from '../../data-filter'\nimport { THESEAM_DATA_FILTER_CONTAINER } from '../../data-filter-container'\nimport type { DataFilterContainer } from '../../data-filter-container'\nimport { textDataFilter } from '../data-filter-text/data-filter-text.component'\n\nimport { ISearchFilterOptions } from './search-filter-options'\n\n\nexport const DATA_FILTER_SEARCH: any = {\n  provide: THESEAM_DATA_FILTER,\n  // tslint:disable-next-line:no-use-before-declare\n  useExisting: forwardRef(() => DataFilterSearchComponent),\n  multi: true,\n}\n\nexport const DefaultSearchFilterOptions: ISearchFilterOptions = {\n  properties: undefined,\n  omitProperties: undefined,\n  exact: false,\n  caseSensitive: false\n}\n\nexport function searchDataFilter(data: any[], values: string, options = DefaultSearchFilterOptions) {\n  return textDataFilter(data, values, options)\n}\n\nlet _uid = 0\n\n@Component({\n  selector: 'seam-data-filter-search',\n  templateUrl: './data-filter-search.component.html',\n  styleUrls: ['./data-filter-search.component.scss'],\n  providers: [ DATA_FILTER_SEARCH ],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DataFilterSearchComponent implements OnInit, OnDestroy, IDataFilter {\n  static ngAcceptInputType_exact: BooleanInput\n  static ngAcceptInputType_caseSensitive: BooleanInput\n\n  public readonly name = 'search'\n  public readonly uid = `search__${_uid++}`\n\n  _control = new FormControl()\n\n  @Input() properties: string[] | undefined | null = this._optDefault('properties')\n  @Input() omitProperties: string[] | undefined | null = this._optDefault('omitProperties')\n  @Input() @InputBoolean() exact: boolean = this._optDefault('exact')\n  @Input() @InputBoolean() caseSensitive: boolean = this._optDefault('caseSensitive')\n\n  @Input() placeholder: string | undefined | null = 'Search...'\n  @Input() icon: SeamIcon | undefined | null = faSearch\n  @Input() iconTpl?: TemplateRef<HTMLElement>\n\n  @Input()\n  set value(value: string | string[]) {\n    const _value = !isNullOrUndefined(value) ? `${value}` : ''\n    if (this._control.value !== _value) {\n      this._control.setValue(_value)\n    }\n  }\n\n  public readonly filterStateChanges: Observable<DataFilterState>\n\n  constructor(\n    @Inject(THESEAM_DATA_FILTER_CONTAINER) private _filterContainer: DataFilterContainer,\n    @Optional() @Inject(THESEAM_DATA_FILTER_OPTIONS) private _filterOptions: ISearchFilterOptions | null\n  ) {\n    this.filterStateChanges = this._control.valueChanges.pipe(\n      switchMap(() => of(this.filterState())),\n      shareReplay({ bufferSize: 1, refCount: true })\n    )\n  }\n\n  ngOnInit() { this._filterContainer.addFilter(this) }\n\n  ngOnDestroy() { this._filterContainer.removeFilter(this) }\n\n  private _optDefault<K extends keyof ISearchFilterOptions>(prop: K) {\n    if (this._filterOptions && this._filterOptions.hasOwnProperty(prop)) {\n      return this._filterOptions[prop]\n    }\n    return DefaultSearchFilterOptions[prop]\n  }\n\n  get options(): ISearchFilterOptions {\n    return {\n      properties: this.properties ?? undefined,\n      omitProperties: this.omitProperties ?? undefined,\n      exact: this.exact,\n      caseSensitive: this.caseSensitive\n    }\n  }\n\n  public filter<T>(data: T[]): Observable<T[]> {\n    return this._control.valueChanges\n      .pipe(\n        map(v => searchDataFilter(data, v, this.options)),\n        startWith(searchDataFilter(data, this._control.value, this.options)),\n      )\n  }\n\n  public filterState(): DataFilterState {\n    return {\n      // id:\n      name: this.name,\n      state: {\n        value: this._control.value,\n        options: this.options\n      }\n    }\n  }\n\n}\n","import { coerceArray } from '@angular/cdk/coercion'\nimport { Component, forwardRef, Inject, Input, OnDestroy, OnInit, Optional } from '@angular/core'\nimport { FormControl } from '@angular/forms'\nimport { Observable, of } from 'rxjs'\nimport { map, shareReplay, startWith, switchMap, tap } from 'rxjs/operators'\n\nimport { hasProperty, isNullOrUndefined } from '@theseam/ui-common/utils'\n\nimport { DataFilterState, IDataFilter, THESEAM_DATA_FILTER, THESEAM_DATA_FILTER_OPTIONS } from '../../data-filter'\nimport { THESEAM_DATA_FILTER_CONTAINER } from '../../data-filter-container'\nimport type { DataFilterContainer } from '../../data-filter-container'\nimport { textDataFilter } from '../data-filter-text/data-filter-text.component'\nimport { ITextFilterOptions } from '../data-filter-text/text-filter-options'\n\n\nexport const DATA_FILTER_TOGGLE_BUTTON: any = {\n  provide: THESEAM_DATA_FILTER,\n  // tslint:disable-next-line:no-use-before-declare\n  useExisting: forwardRef(() => DataFilterToggleButtonsComponent),\n  multi: true,\n}\n\nexport interface IToggleButton {\n  name: string\n  value: string\n  comparator?: (value: any, row: any, index: number) => -1 | 0 | 1\n}\n\nexport interface IToggleButtonsFilterOptions extends ITextFilterOptions {\n  selectionToggleable: boolean\n  multiple: boolean\n  buttons: IToggleButton[]\n  initialValue?: any\n}\n\nexport const DefaultToggleButtonsFilterOptions: IToggleButtonsFilterOptions = {\n  properties: undefined,\n  omitProperties: undefined,\n  multiple: false,\n  selectionToggleable: false,\n  buttons: [],\n  exact: false,\n  caseSensitive: false\n}\n\nexport function toggleButtonsFilter(data: any[], values: string[], options = DefaultToggleButtonsFilterOptions) {\n  if (!data || !values) {\n    return data\n  }\n\n  const customComparatorBtns: IToggleButton[] = []\n  for (const btn of options.buttons) {\n    if (btn.comparator) {\n      customComparatorBtns.push(btn)\n    }\n  }\n\n  let _data = data\n  for (const val of values) {\n    if (val === '') { continue }\n\n    let cmp\n    for (const btn of customComparatorBtns) {\n      if (btn.value === val) {\n        cmp = btn.comparator\n      }\n    }\n    if (cmp) {\n      const filtered: any[] = []\n      for (let i = 0; i < _data.length; i++) {\n        if (cmp(val, _data[i], i) !== -1) {\n          filtered.push(_data[i])\n        }\n      }\n      _data = filtered\n    } else {\n      _data = textDataFilter(_data, val, {\n        properties: options.properties,\n        omitProperties: options.omitProperties,\n        exact: options.exact,\n        caseSensitive: options.caseSensitive\n      })\n    }\n  }\n  return _data\n}\n\nlet _uid = 0\n\n@Component({\n  selector: 'seam-data-filter-toggle-buttons',\n  templateUrl: './data-filter-toggle-buttons.component.html',\n  styleUrls: ['./data-filter-toggle-buttons.component.scss'],\n  providers: [ DATA_FILTER_TOGGLE_BUTTON ]\n})\nexport class DataFilterToggleButtonsComponent implements OnInit, OnDestroy, IDataFilter {\n\n  public readonly name = 'toggle-buttons'\n  public readonly uid = `toggle-buttons__${_uid++}`\n\n  _control = new FormControl()\n\n  @Input() properties = this._optDefault('properties')\n  @Input() omitProperties = this._optDefault('omitProperties')\n  @Input() multiple = this._optDefault('multiple')\n  @Input() selectionToggleable = this._optDefault('selectionToggleable')\n  @Input() buttons = this._optDefault('buttons')\n  @Input() exact = this._optDefault('exact')\n  @Input() caseSensitive = this._optDefault('caseSensitive')\n\n  @Input()\n  set value(value: string | string[]) {\n    const _value = !isNullOrUndefined(value) ? coerceArray(value) : undefined\n    // console.log('_value', _value, this._control.value)\n    if (this._control.value !== _value) {\n      this._control.setValue(_value)\n    }\n  }\n\n  public readonly filterStateChanges: Observable<DataFilterState>\n\n  constructor(\n    @Inject(THESEAM_DATA_FILTER_CONTAINER) private _filterContainer: DataFilterContainer,\n    @Optional() @Inject(THESEAM_DATA_FILTER_OPTIONS) private _filterOptions: IToggleButtonsFilterOptions | null\n  ) {\n    this.filterStateChanges = this._control.valueChanges.pipe(\n      tap(v => console.log('v', v)),\n      switchMap(() => of(this.filterState())),\n      tap(v => console.log('v2', v)),\n      shareReplay({ bufferSize: 1, refCount: true })\n    )\n  }\n\n  ngOnInit() {\n    this._filterContainer.addFilter(this)\n    if (this._filterOptions && hasProperty(this._filterOptions, 'initialValue')) {\n      this.value = this._optDefault('initialValue')\n    }\n  }\n\n  ngOnDestroy() { this._filterContainer.removeFilter(this) }\n\n  private _optDefault<K extends keyof IToggleButtonsFilterOptions>(prop: K) {\n    if (this._filterOptions && this._filterOptions.hasOwnProperty(prop)) {\n      return this._filterOptions[prop]\n    }\n    return DefaultToggleButtonsFilterOptions[prop]\n  }\n\n  get options(): IToggleButtonsFilterOptions {\n    return {\n      properties: this.properties,\n      omitProperties: this.omitProperties,\n      multiple: this.multiple,\n      selectionToggleable: this.selectionToggleable,\n      buttons: this.buttons,\n      exact: this.exact,\n      caseSensitive: this.caseSensitive\n    }\n  }\n\n  public filter<T>(data: T[]): Observable<T[]> {\n    return this._control.valueChanges\n      .pipe(\n        map(v => toggleButtonsFilter(data, coerceArray(v), this.options)),\n        startWith(toggleButtonsFilter(data, coerceArray(this._control.value), this.options)),\n      )\n  }\n\n  public filterState(): DataFilterState {\n    return {\n      // id:\n      name: this.name,\n      state: {\n        value: this._control.value,\n        options: this.options\n      }\n    }\n  }\n\n}\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\nimport { ReactiveFormsModule } from '@angular/forms'\n\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome'\n\nimport { TheSeamFormFieldModule } from '@theseam/ui-common/form-field'\nimport { TheSeamIconModule } from '@theseam/ui-common/icon'\nimport { TheSeamToggleGroupModule } from '@theseam/ui-common/toggle-group'\n\nimport { THESEAM_DATA_FILTER_DEF } from './data-filter-def'\nimport { DataFilterSearchComponent } from './filters/data-filter-search/data-filter-search.component'\nimport { DataFilterTextComponent } from './filters/data-filter-text/data-filter-text.component'\nimport { DataFilterToggleButtonsComponent } from './filters/data-filter-toggle-buttons/data-filter-toggle-buttons.component'\n\nconst filterComponents = [\n  DataFilterSearchComponent,\n  DataFilterTextComponent,\n  DataFilterToggleButtonsComponent\n]\n\nconst filterDefProviders = [\n  { provide: THESEAM_DATA_FILTER_DEF, useValue: { name: 'search', component: DataFilterSearchComponent }, multi: true },\n  { provide: THESEAM_DATA_FILTER_DEF, useValue: { name: 'text', component: DataFilterTextComponent }, multi: true },\n  { provide: THESEAM_DATA_FILTER_DEF, useValue: { name: 'toggle-buttons', component: DataFilterToggleButtonsComponent }, multi: true },\n]\n\n@NgModule({\n  declarations: [\n    ...filterComponents\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    TheSeamFormFieldModule,\n    FontAwesomeModule,\n    TheSeamToggleGroupModule,\n    TheSeamIconModule\n  ],\n  providers: [\n    ...filterDefProviders\n  ],\n  exports: [\n    ...filterComponents\n  ],\n  entryComponents: [\n    ...filterComponents\n  ]\n})\nexport class TheSeamDataFiltersModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["_uid"],"mappings":"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"}

package/fesm2015/theseam-ui-common-datatable-dynamic.js

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