@theseam/ui-common 0.2.12 → 0.2.13

package/bundles/theseam-ui-common-table-cell-type.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"theseam-ui-common-table-cell-type.umd.js","sources":["../../../projects/ui-common/table-cell-type/table-cell-type-tokens.ts","../../../projects/ui-common/table-cell-type/table-cell-type-selector.component.ts","../../../projects/ui-common/table-cell-type/services/table-cell-types-helpers.service.ts","../../../projects/ui-common/table-cell-type/table-cell-type.module.ts","../../../projects/ui-common/table-cell-type/theseam-ui-common-table-cell-type.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core'\n\nimport { ITableCellTypeManifest, TableCellData } from './table-cell-type-models'\n\nexport const TABLE_CELL_TYPE_MANIFEST = new InjectionToken<ITableCellTypeManifest>('TABLE_CELL_TYPE_MANIFEST')\n\nexport const TABLE_CELL_DATA = new InjectionToken<TableCellData<any, any>>('TABLE_CELL_DATA')\n","import { ComponentPortal, PortalInjector } from '@angular/cdk/portal'\nimport { ComponentType } from '@angular/cdk/portal'\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  Inject,\n  Injector,\n  Input,\n  isDevMode,\n  OnChanges,\n  OnInit,\n  Optional,\n  SimpleChanges\n} from '@angular/core'\nimport { Subject } from 'rxjs'\n\nimport { TableCellTypeConfig } from './table-cell-type-config'\nimport type { TheSeamTableColumn } from './table-cell-type-models'\nimport { ITableCellTypeManifest, TableCellData, TableCellDataChange } from './table-cell-type-models'\nimport { TABLE_CELL_DATA, TABLE_CELL_TYPE_MANIFEST } from './table-cell-type-tokens'\n\n@Component({\n  selector: 'seam-table-cell-type-selector',\n  template: `\n    <ng-template *ngIf=\"componentPortal; else noPortal\" [cdkPortalOutlet]=\"componentPortal\"></ng-template>\n    <ng-template #noPortal>{{ value }}</ng-template>\n  `,\n  styles: [],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TableCellTypeSelectorComponent<T extends string = any, D = any, V = any> implements OnInit, AfterViewInit, OnChanges {\n\n  @Input() type: T | undefined | null\n  @Input() value: V | undefined | null\n  @Input() rowIndex: number | undefined | null\n  @Input() row: D | undefined | null\n  @Input() colData: TheSeamTableColumn<T, TableCellTypeConfig<T>> | undefined | null\n\n  public componentPortal?: ComponentPortal<{}>\n\n  private _data: TableCellData<T, TableCellTypeConfig<T>> | undefined\n  private _dataChangeSubject?: Subject<TableCellDataChange<T, TableCellTypeConfig<T>>>\n  private _manifests: ITableCellTypeManifest[]\n\n  constructor(\n    private _injector: Injector,\n    private _ref: ChangeDetectorRef,\n    @Optional() @Inject(TABLE_CELL_TYPE_MANIFEST) manifests?: ITableCellTypeManifest[]\n  ) { this._manifests = manifests || [] }\n\n  ngOnInit() { }\n\n  ngAfterViewInit() {\n    if (!this.type) {\n      return\n    }\n\n    const comp = this._getComponent(this.type)\n    if (comp) {\n      this._dataChangeSubject = new Subject<TableCellDataChange<T, TableCellTypeConfig<T>>>()\n\n      this._data = {\n        row: this.row,\n        rowIndex: this.rowIndex ?? -1,\n        colData: this.colData ?? {},\n        value: this.value,\n        changed: this._dataChangeSubject.asObservable()\n      }\n\n      this.componentPortal = new ComponentPortal(comp, null, this._createInjector(this._data))\n      this._ref.detectChanges()\n    } else {\n      if (isDevMode()) {\n        throw new Error(`CellType '${this.type}' not found.`)\n      } else {\n        // TODO: Implement fallback\n      }\n    }\n  }\n\n  private _getComponent(name: string): ComponentType<{}> | undefined {\n    const manifest = this._manifests.find(m => m.name === name)\n    return manifest ? manifest.component : undefined\n  }\n\n  private _createInjector(cellData: TableCellData<T, TableCellTypeConfig<T>>): PortalInjector {\n    const injectorTokens = new WeakMap()\n    injectorTokens.set(TABLE_CELL_DATA, cellData)\n    return new PortalInjector(this._injector, injectorTokens)\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (this._data) {\n      const dataChanged = [\n        this._tryUpdateDataProp(changes, 'row'),\n        this._tryUpdateDataProp(changes, 'rowIndex'),\n        this._tryUpdateDataProp(changes, 'colData'),\n        this._tryUpdateDataProp(changes, 'value')\n      ].findIndex(b => b === true) !== -1\n\n      if (dataChanged && this._dataChangeSubject) {\n        this._dataChangeSubject.next({\n          data: this._data,\n          changes\n        })\n      }\n    }\n  }\n\n  private _tryUpdateDataProp(changes: SimpleChanges, prop: keyof Omit<TableCellData<T, TableCellTypeConfig<T>>, 'changed'>): boolean {\n    if (this._data && changes.hasOwnProperty(prop)) {\n      this._data[prop] = changes[prop].currentValue\n      return true\n    }\n    return false\n  }\n\n}\n","import { Injectable } from '@angular/core'\nimport { from, Observable, Subject, Subscriber } from 'rxjs'\nimport { takeUntil } from 'rxjs/operators'\n\nimport { DynamicActionHelperService, DynamicActionModalDef, DynamicValueHelperService } from '@theseam/ui-common/dynamic'\n\nimport { TableCellTypeConfig } from '../table-cell-type-config'\nimport { CaluclatedValueContextType, ICalucatedValueContext, TableCellData } from '../table-cell-type-models'\nimport { TableCellTypeName } from '../table-cell-type-name'\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class TableCellTypesHelpersService {\n\n  constructor(\n    private _dynamicActionHelper: DynamicActionHelperService,\n    private _valueHelper: DynamicValueHelperService\n  ) { }\n\n  public parseValueProp(value: any, contextOrContextFn: CaluclatedValueContextType) {\n    const context = this._resolveValueContext(contextOrContextFn)\n    return this._valueHelper.evalSync(value, context)\n  }\n\n  public getValueContext<T extends TableCellTypeName>(value: any, data?: TableCellData<T, TableCellTypeConfig<T>>): ICalucatedValueContext {\n    return {\n      row: data && data.row,\n      rowIndex: data && data.rowIndex,\n      colData: data && data.colData,\n      value: value\n    }\n  }\n\n  private _resolveValueContext(contextOrContextFn: CaluclatedValueContextType) {\n    let context = contextOrContextFn\n    if (typeof context === 'function') {\n      context = context()\n    }\n    return context\n  }\n\n  public handleModalAction<R = any>(\n    action: DynamicActionModalDef,\n    contextOrContextFn: CaluclatedValueContextType\n  ) {\n    // TODO: Try to simplify this observable. It seems fairly easy to read like\n    // this, but seems like it is doing more than it needs to with the multiple\n    // subjects.\n    return new Observable((subscriber: Subscriber<R>) => {\n      // Passed to helper function to emit results to subscriber.\n      const resultSubject = new Subject<any>()\n      // Used to stop observing.\n      const stopSubject = new Subject<any>()\n\n      // Observe results to emit to subscriber.\n      resultSubject\n        .pipe(takeUntil(stopSubject))\n        .subscribe(\n          result => subscriber.next(result),\n          err => subscriber.error(err),\n          () => stopSubject.complete()\n        )\n\n      // Handle the potentially deep chain of actions.\n      this._handleModalAction(action, contextOrContextFn, resultSubject)\n        .pipe(takeUntil(stopSubject))\n        .subscribe(\n          () => {},\n          err => subscriber.error(err),\n          () => subscriber.complete()\n        )\n\n      // Clean up on unsubscribe.\n      return () => {\n        stopSubject.next(undefined)\n        stopSubject.complete()\n      }\n    })\n  }\n\n  private _handleModalAction(\n    action: DynamicActionModalDef,\n    contextOrContextFn: CaluclatedValueContextType,\n    resultSubject: Subject<any>\n  ) {\n    const context = this._resolveValueContext(contextOrContextFn)\n    return from(this._dynamicActionHelper.exec(action, context))\n  }\n}\n","import { PortalModule } from '@angular/cdk/portal'\nimport { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\n\nimport { TableCellTypeSelectorComponent } from './table-cell-type-selector.component'\n\n@NgModule({\n  declarations: [\n    TableCellTypeSelectorComponent\n  ],\n  imports: [\n    CommonModule,\n    PortalModule\n  ],\n  providers: [ ],\n  exports: [\n    TableCellTypeSelectorComponent\n  ],\n  entryComponents: [ ]\n})\nexport class TheSeamTableCellTypeModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["InjectionToken","Subject","ComponentPortal","isDevMode","PortalInjector","Component","ChangeDetectionStrategy","Injector","ChangeDetectorRef","Optional","Inject","Input","Observable","takeUntil","from","Injectable","DynamicActionHelperService","DynamicValueHelperService","NgModule","CommonModule","PortalModule"],"mappings":"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"}
+{"version":3,"file":"theseam-ui-common-table-cell-type.umd.js","sources":["../../../projects/ui-common/table-cell-type/table-cell-type-tokens.ts","../../../projects/ui-common/table-cell-type/table-cell-type-selector.component.ts","../../../projects/ui-common/table-cell-type/services/table-cell-types-helpers.service.ts","../../../projects/ui-common/table-cell-type/table-cell-type.module.ts","../../../projects/ui-common/table-cell-type/theseam-ui-common-table-cell-type.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core'\n\nimport { ITableCellTypeManifest, TableCellData } from './table-cell-type-models'\n\nexport const TABLE_CELL_TYPE_MANIFEST = new InjectionToken<ITableCellTypeManifest>('TABLE_CELL_TYPE_MANIFEST')\n\nexport const TABLE_CELL_DATA = new InjectionToken<TableCellData<any, any>>('TABLE_CELL_DATA')\n","import { ComponentPortal, PortalInjector } from '@angular/cdk/portal'\nimport { ComponentType } from '@angular/cdk/portal'\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  Inject,\n  Injector,\n  Input,\n  isDevMode,\n  OnChanges,\n  OnInit,\n  Optional,\n  SimpleChanges\n} from '@angular/core'\nimport { Subject } from 'rxjs'\n\nimport { TableCellTypeConfig } from './table-cell-type-config'\nimport type { TheSeamTableColumn } from './table-cell-type-models'\nimport { ITableCellTypeManifest, TableCellData, TableCellDataChange } from './table-cell-type-models'\nimport { TABLE_CELL_DATA, TABLE_CELL_TYPE_MANIFEST } from './table-cell-type-tokens'\n\n@Component({\n  selector: 'seam-table-cell-type-selector',\n  template: `\n    <ng-template *ngIf=\"componentPortal; else noPortal\" [cdkPortalOutlet]=\"componentPortal\"></ng-template>\n    <ng-template #noPortal>{{ value }}</ng-template>\n  `,\n  styles: [],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TableCellTypeSelectorComponent<T extends string = any, D = any, V = any> implements OnInit, AfterViewInit, OnChanges {\n\n  @Input() type: T | undefined | null\n  @Input() value: V | undefined | null\n  @Input() rowIndex: number | undefined | null\n  @Input() row: D | undefined | null\n  @Input() colData: TheSeamTableColumn<T, TableCellTypeConfig<T>> | undefined | null\n\n  public componentPortal?: ComponentPortal<{}>\n\n  private _data: TableCellData<T, TableCellTypeConfig<T>> | undefined\n  private _dataChangeSubject?: Subject<TableCellDataChange<T, TableCellTypeConfig<T>>>\n  private _manifests: ITableCellTypeManifest[]\n\n  constructor(\n    private _injector: Injector,\n    private _ref: ChangeDetectorRef,\n    @Optional() @Inject(TABLE_CELL_TYPE_MANIFEST) manifests?: ITableCellTypeManifest[]\n  ) { this._manifests = manifests || [] }\n\n  ngOnInit() { }\n\n  ngAfterViewInit() {\n    if (!this.type) {\n      return\n    }\n\n    const comp = this._getComponent(this.type)\n    if (comp) {\n      this._dataChangeSubject = new Subject<TableCellDataChange<T, TableCellTypeConfig<T>>>()\n\n      this._data = {\n        row: this.row,\n        rowIndex: this.rowIndex ?? -1,\n        colData: this.colData ?? {},\n        value: this.value,\n        changed: this._dataChangeSubject.asObservable()\n      }\n\n      this.componentPortal = new ComponentPortal(comp, null, this._createInjector(this._data))\n      this._ref.detectChanges()\n    } else {\n      if (isDevMode()) {\n        throw new Error(`CellType '${this.type}' not found.`)\n      } else {\n        // TODO: Implement fallback\n      }\n    }\n  }\n\n  private _getComponent(name: string): ComponentType<{}> | undefined {\n    const manifest = this._manifests.find(m => m.name === name)\n    return manifest ? manifest.component : undefined\n  }\n\n  private _createInjector(cellData: TableCellData<T, TableCellTypeConfig<T>>): PortalInjector {\n    const injectorTokens = new WeakMap()\n    injectorTokens.set(TABLE_CELL_DATA, cellData)\n    return new PortalInjector(this._injector, injectorTokens)\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (this._data) {\n      const dataChanged = [\n        this._tryUpdateDataProp(changes, 'row'),\n        this._tryUpdateDataProp(changes, 'rowIndex'),\n        this._tryUpdateDataProp(changes, 'colData'),\n        this._tryUpdateDataProp(changes, 'value')\n      ].findIndex(b => b === true) !== -1\n\n      if (dataChanged && this._dataChangeSubject) {\n        this._dataChangeSubject.next({\n          data: this._data,\n          changes\n        })\n      }\n    }\n  }\n\n  private _tryUpdateDataProp(changes: SimpleChanges, prop: keyof Omit<TableCellData<T, TableCellTypeConfig<T>>, 'changed'>): boolean {\n    if (this._data && changes.hasOwnProperty(prop)) {\n      this._data[prop] = changes[prop].currentValue\n      return true\n    }\n    return false\n  }\n\n}\n","import { Injectable } from '@angular/core'\nimport { from, Observable, Subject, Subscriber } from 'rxjs'\nimport { takeUntil } from 'rxjs/operators'\n\nimport { DynamicActionHelperService, DynamicActionModalDef, DynamicValueHelperService } from '@theseam/ui-common/dynamic'\n\nimport { TableCellTypeConfig } from '../table-cell-type-config'\nimport { CaluclatedValueContextType, ICalucatedValueContext, TableCellData } from '../table-cell-type-models'\nimport { TableCellTypeName } from '../table-cell-type-name'\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class TableCellTypesHelpersService {\n\n  constructor(\n    private _dynamicActionHelper: DynamicActionHelperService,\n    private _valueHelper: DynamicValueHelperService\n  ) { }\n\n  public parseValueProp(value: any, contextOrContextFn: CaluclatedValueContextType) {\n    const context = this._resolveValueContext(contextOrContextFn)\n    return this._valueHelper.evalSync(value, context)\n  }\n\n  public getValueContext<T extends TableCellTypeName>(value: any, data?: TableCellData<T, TableCellTypeConfig<T>>): ICalucatedValueContext {\n    return {\n      row: data && data.row,\n      rowIndex: data && data.rowIndex,\n      colData: data && data.colData,\n      value: value\n    }\n  }\n\n  private _resolveValueContext(contextOrContextFn: CaluclatedValueContextType) {\n    let context = contextOrContextFn\n    if (typeof context === 'function') {\n      context = context()\n    }\n    return context\n  }\n\n  public handleModalAction<R = any>(\n    action: DynamicActionModalDef,\n    contextOrContextFn: CaluclatedValueContextType\n  ) {\n    // TODO: Try to simplify this observable. It seems fairly easy to read like\n    // this, but seems like it is doing more than it needs to with the multiple\n    // subjects.\n    return new Observable((subscriber: Subscriber<R>) => {\n      // Passed to helper function to emit results to subscriber.\n      const resultSubject = new Subject<any>()\n      // Used to stop observing.\n      const stopSubject = new Subject<any>()\n\n      // Observe results to emit to subscriber.\n      resultSubject\n        .pipe(takeUntil(stopSubject))\n        .subscribe(\n          result => subscriber.next(result),\n          err => subscriber.error(err),\n          () => stopSubject.complete()\n        )\n\n      // Handle the potentially deep chain of actions.\n      this._handleModalAction(action, contextOrContextFn, resultSubject)\n        .pipe(takeUntil(stopSubject))\n        .subscribe(\n          () => {},\n          err => subscriber.error(err),\n          () => subscriber.complete()\n        )\n\n      // Clean up on unsubscribe.\n      return () => {\n        stopSubject.next(undefined)\n        stopSubject.complete()\n      }\n    })\n  }\n\n  private _handleModalAction(\n    action: DynamicActionModalDef,\n    contextOrContextFn: CaluclatedValueContextType,\n    resultSubject: Subject<any>\n  ) {\n    const context = this._resolveValueContext(contextOrContextFn)\n    return from(this._dynamicActionHelper.exec(action, context))\n  }\n}\n","import { PortalModule } from '@angular/cdk/portal'\nimport { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\n\nimport { TableCellTypeSelectorComponent } from './table-cell-type-selector.component'\n\n@NgModule({\n  declarations: [\n    TableCellTypeSelectorComponent\n  ],\n  imports: [\n    CommonModule,\n    PortalModule\n  ],\n  providers: [ ],\n  exports: [\n    TableCellTypeSelectorComponent\n  ],\n  entryComponents: [ ]\n})\nexport class TheSeamTableCellTypeModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["InjectionToken","Subject","ComponentPortal","isDevMode","PortalInjector","Component","ChangeDetectionStrategy","Injector","ChangeDetectorRef","Optional","Inject","Input","Observable","takeUntil","from","Injectable","DynamicActionHelperService","DynamicValueHelperService","NgModule","CommonModule","PortalModule"],"mappings":"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"}

package/bundles/theseam-ui-common-table-cell-types.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@theseam/ui-common/table-cell-type'), require('@angular/common'), require('@angular/core'), require('rxjs'), require('rxjs/operators'), require('@theseam/ui-common/utils'), require('@angular/cdk/coercion'), require('@theseam/ui-common/datatable'), require('@theseam/ui-common/icon'), require('@theseam/ui-common/table'), require('@theseam/ui-common/tel-input'), require('@angular/cdk/portal'), require('@angular/router'), require('@ng-bootstrap/ng-bootstrap'), require('@theseam/ui-common/asset-reader'), require('@theseam/ui-common/popover'), require('@theseam/ui-common/progress'), require('@theseam/ui-common/shared')) :
     typeof define === 'function' && define.amd ? define('@theseam/ui-common/table-cell-types', ['exports', '@theseam/ui-common/table-cell-type', '@angular/common', '@angular/core', 'rxjs', 'rxjs/operators', '@theseam/ui-common/utils', '@angular/cdk/coercion', '@theseam/ui-common/datatable', '@theseam/ui-common/icon', '@theseam/ui-common/table', '@theseam/ui-common/tel-input', '@angular/cdk/portal', '@angular/router', '@ng-bootstrap/ng-bootstrap', '@theseam/ui-common/asset-reader', '@theseam/ui-common/popover', '@theseam/ui-common/progress', '@theseam/ui-common/shared'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.theseam = global.theseam || {}, global.theseam['ui-common'] = global.theseam['ui-common'] || {}, global.theseam['ui-common']['table-cell-types'] = {}), global.theseam['ui-common']['table-cell-type'], global.ng.common, global.ng.core, global.rxjs, global.rxjs.operators, global.theseam['ui-common'].utils, global.ng.cdk.coercion, global.theseam['ui-common'].datatable, global.theseam['ui-common'].icon, global.theseam['ui-common'].table, global.theseam['ui-common']['tel-input'], global.ng.cdk.portal, global.ng.router, global.ngBootstrap, global.theseam['ui-common']['asset-reader'], global.theseam['ui-common'].popover, global.theseam['ui-common'].progress, global.theseam['ui-common'].shared));
-}(this, (function (exports, tableCellType, common, core, rxjs, operators, utils, coercion, datatable, icon, table, telInput, portal, router, ngBootstrap, assetReader, popover, progress, shared) { 'use strict';
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.theseam = global.theseam || {}, global.theseam["ui-common"] = global.theseam["ui-common"] || {}, global.theseam["ui-common"]["table-cell-types"] = {}), global.theseam["ui-common"]["table-cell-type"], global.ng.common, global.ng.core, global.rxjs, global.rxjs.operators, global.theseam["ui-common"].utils, global.ng.cdk.coercion, global.theseam["ui-common"].datatable, global.theseam["ui-common"].icon, global.theseam["ui-common"].table, global.theseam["ui-common"]["tel-input"], global.ng.cdk.portal, global.ng.router, global.ngBootstrap, global.theseam["ui-common"]["asset-reader"], global.theseam["ui-common"].popover, global.theseam["ui-common"].progress, global.theseam["ui-common"].shared));
+})(this, (function (exports, tableCellType, common, core, rxjs, operators, utils, coercion, datatable, icon, table, telInput, portal, router, ngBootstrap, assetReader, popover, progress, shared) { 'use strict';
 
     var TableCellTypeCurrencyComponent = /** @class */ (function () {
         // TODO: implement
@@ -353,7 +353,7 @@
                     selector: 'seam-table-cell-type-icon',
                     template: "<ng-container *ngIf=\"_icon\">\n  <div *ngIf=\"!_tplType || _tplType === 'default'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\">\n    <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [attr.target]=\"_target\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass || ''\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </a>\n  </div>\n\n  <div *ngIf=\"_tplType === 'link'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\">\n    <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      [routerLink]=\"_link\"\n      [queryParams]=\"_queryParams\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [attr.target]=\"_target\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon *ngIf=\"_icon\" [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </a>\n  </div>\n\n  <div *ngIf=\"_tplType === 'link-external'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\">\n    <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      [attr.href]=\"_link\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [attr.target]=\"_target\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon *ngIf=\"_icon\" [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </a>\n  </div>\n\n  <div *ngIf=\"_tplType === 'link-encrypted'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\">\n    <button\n      class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      type=\"button\"\n      [seamEncryptedAssetLink]=\"_link\"\n      [seamDetectMimeFromContent]=\"_detectMimeContent\"\n      [seamDownloadAsset]=\"_download\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon *ngIf=\"_icon\" iconType=\"styled-square\" [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </button>\n  </div>\n\n  <div *ngIf=\"_tplType === 'button'\"\n    class=\"d-flex align-items-center justify-center\"\n    [class.datatable-icon-fix]=\"_isDatatable\"\n    (click)=\"_doButtonAction()\">\n    <button\n      class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n      type=\"button\"\n      [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n      [ngbTooltip]=\"_tooltip\"\n      [tooltipClass]=\"$any(_tooltipClass)\"\n      [placement]=\"$any(_tooltipPlacement)\"\n      [container]=\"$any(_tooltipContainer)\"\n      [disableTooltip]=\"_tooltipDisabled\">\n      <seam-icon *ngIf=\"_icon\" iconType=\"styled-square\" [icon]=\"_icon\" size=\"lg\" [iconType]=\"_iconType\" [iconClass]=\"_iconClass\"></seam-icon>\n      <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n    </button>\n  </div>\n</ng-container>\n",
                     changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: [":host.datatable-cell-type ::ng-deep .seam-icon--img{max-height:40px}:host.datatable-cell-type a{max-height:40px}:host.datatable-cell-type button{max-height:40px}:host:not(.datatable-cell-type) ::ng-deep .seam-icon--img{max-height:20px}:host:not(.datatable-cell-type) a{max-height:20px}:host:not(.datatable-cell-type) button{max-height:20px}.datatable-icon-fix{margin-top:calc(-1px - .75rem);height:calc(50px)}"]
+                    styles: [":host.datatable-cell-type ::ng-deep .seam-icon--img{max-height:40px}:host.datatable-cell-type a{max-height:40px}:host.datatable-cell-type button{max-height:40px}:host:not(.datatable-cell-type) ::ng-deep .seam-icon--img{max-height:20px}:host:not(.datatable-cell-type) a{max-height:20px}:host:not(.datatable-cell-type) button{max-height:20px}.datatable-icon-fix{margin-top:calc(-1px - .75rem);height:calc(50px)}\n"]
                 },] }
     ];
     TableCellTypeIconComponent.ctorParameters = function () { return [
@@ -721,7 +721,7 @@
                     selector: 'seam-table-cell-type-progress-circle',
                     template: "<ng-container *ngIf=\"!_tplType || _tplType === 'default'\">\n  <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link'\">\n  <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    [routerLink]=\"_link\"\n    [queryParams]=\"_queryParams\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n    [attr.target]=\"_target\">\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n\n  </a>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link-external'\"\n  class=\"d-flex align-items-center justify-center\"\n  [class.datatable-icon-fix]=\"_isDatatable\">\n  <a class=\"d-block m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    [attr.href]=\"_link\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\"\n    [attr.target]=\"_target\">\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n  </a>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'link-encrypted'\"\n  class=\"d-flex align-items-center justify-center\"\n  [class.datatable-icon-fix]=\"_isDatatable\">\n  <button\n    class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    type=\"button\"\n    [seamEncryptedAssetLink]=\"_link\"\n    [seamDetectMimeFromContent]=\"_detectMimeContent\"\n    [seamDownloadAsset]=\"_download\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\">\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n  </button>\n</ng-container>\n\n<ng-container *ngIf=\"_tplType === 'button'\"\n  class=\"d-flex align-items-center justify-center\"\n  [class.datatable-icon-fix]=\"_isDatatable\"\n  (click)=\"_doButtonAction()\">\n  <button\n    class=\"btn btn-link p-0 m-auto{{ _linkClass ? ' ' + _linkClass : '' }}\"\n    type=\"button\"\n    [attr.title]=\"_tooltipDisabled ? _title : undefined\">\n    <ng-template [ngTemplateOutlet]=\"progressCircleTpl\"></ng-template>\n  </button>\n</ng-container>\n\n<ng-template #progressCircleTpl>\n  <div class=\"progress-circle-wrapper\">\n    <seam-progress-circle\n      class=\"progress-circle\"\n      [fillBackground]=\"fillBackground\"\n      [showText]=\"showText\"\n      [hiddenOnEmpty]=\"hiddenOnEmpty\"\n      [percentage]=\"$any(value)\"\n      [pending]=\"pending\"\n      [ngbTooltip]=\"tooltip\"\n      [tooltipClass]=\"$any(tooltipClass)\"\n      [placement]=\"$any(tooltipPlacement)\"\n      [container]=\"$any(tooltipContainer)\">\n    </seam-progress-circle>\n    <span *ngIf=\"_srOnly\" class=\"sr-only\">{{ _srOnly }}</span>\n  </div>\n</ng-template>\n",
                     changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: [":host.datatable-cell-type .progress-circle-wrapper{max-height:25px}:host.datatable-cell-type .progress-circle{position:relative;width:25px;height:25px;margin:0 auto}:host.datatable-cell-type .progress-circle ::ng-deep .seam-progress-circle{padding:0}:host:not(.datatable-cell-type) .progress-circle-wrapper{height:22px;max-height:22px}:host:not(.datatable-cell-type) .progress-circle{position:relative;width:25px;height:25px;margin:calc(-.03rem) auto 0}:host:not(.datatable-cell-type) .progress-circle ::ng-deep .seam-progress-circle{padding:0}"]
+                    styles: [":host.datatable-cell-type .progress-circle-wrapper{max-height:25px}:host.datatable-cell-type .progress-circle{position:relative;width:25px;height:25px;margin:0 auto}:host.datatable-cell-type .progress-circle ::ng-deep .seam-progress-circle{padding:0}:host:not(.datatable-cell-type) .progress-circle-wrapper{height:22px;max-height:22px}:host:not(.datatable-cell-type) .progress-circle{position:relative;width:25px;height:25px;margin:0 auto;margin-top:calc(-.03rem)}:host:not(.datatable-cell-type) .progress-circle ::ng-deep .seam-progress-circle{padding:0}\n"]
                 },] }
     ];
     TableCellTypeProgressCircleComponent.ctorParameters = function () { return [
@@ -1226,7 +1226,7 @@
                     ar[i] = from[i];
                 }
             }
-        return to.concat(ar || from);
+        return to.concat(ar || Array.prototype.slice.call(from));
     }
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
@@ -1383,18 +1383,18 @@
     exports.TableCellTypeProgressCircleIconComponent = TableCellTypeProgressCircleIconComponent;
     exports.TableCellTypeStringComponent = TableCellTypeStringComponent;
     exports.TheSeamTableCellTypesModule = TheSeamTableCellTypesModule;
-    exports.ɵ0 = ɵ0;
-    exports.ɵ1 = ɵ1;
-    exports.ɵ2 = ɵ2;
-    exports.ɵ3 = ɵ3;
-    exports.ɵ4 = ɵ4;
-    exports.ɵ5 = ɵ5;
-    exports.ɵ6 = ɵ6;
-    exports.ɵ7 = ɵ7;
-    exports.ɵ8 = ɵ8;
-    exports.ɵ9 = ɵ9;
+    exports["ɵ0"] = ɵ0;
+    exports["ɵ1"] = ɵ1;
+    exports["ɵ2"] = ɵ2;
+    exports["ɵ3"] = ɵ3;
+    exports["ɵ4"] = ɵ4;
+    exports["ɵ5"] = ɵ5;
+    exports["ɵ6"] = ɵ6;
+    exports["ɵ7"] = ɵ7;
+    exports["ɵ8"] = ɵ8;
+    exports["ɵ9"] = ɵ9;
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=theseam-ui-common-table-cell-types.umd.js.map