@one-paragon/angular-utilities 1.2.12 → 1.2.13

package/src/table-builder/interfaces/report-def.ts

@@ -1,155 +0,0 @@
-import { Dictionary } from './dictionary';
-import { PipeTransform, Predicate, TemplateRef } from '@angular/core';
-import { TableBuilderExport } from '../classes/TableBuilderConfig';
-import { QueryParamsHandling } from '@angular/router';
-
-
-export enum FieldType {
-    Unknown = 0,
-    Date = 1,
-    Link = 2,
-    ImageUrl = 3,
-    Currency = 4,
-    Array = 5,
-    Hidden = 6,
-    Number = 7,
-    String = 8,
-    Boolean = 9,
-    PhoneNumber = 10,
-    /**
-     * @deprecated For mapped properties use proper type (for sorting and filtering) with `map`.
-     * For unmapped properties use `FieldType.NotMapped` with map.
-     */
-    Expression = 11,
-    Enum = 12,
-    DateTime = 13,
-    NotMapped = 14,
-}
-
-export enum SortDirection {
-    asc= 'asc',
-    desc= 'desc'
-}
-
-export enum Target {
-  Blank = '_blank',
-  Self = '_self',
-  Parent = '_parent',
-  Top = '_top'
-}
-
-interface BaseMeta <T = any> {
-  displayName?: string;
-  additional?: Additional<T>;
-  order?: number;
-  preSort?: SortDef;
-  width?: string;
-  noExport?: boolean;
-  noFilter?: boolean;
-  noSort?: boolean;
-  customCell?: boolean;
-  /**
-   * @deprecated Please use map instead
-   */
-  transform?: ((o: T, ...args: any[])=> any) | ((o: string, ...args: any[])=> any) | PipeTransform;
-  click?: (element: T, key: string ) => void;
-  template?: TemplateRef<any>;
-  classes?: Dictionary<Predicate<T>>;
-  toolTip?: string | ((t:T) => string);
-  useIcon?: boolean;
-  map? : (t:T) => any;
-}
-
-interface MappedMetaData<T = any, AdditionalFields extends string[] = []> extends BaseMeta<T> {
-  key: (keyof T | AdditionalFields[number]) & string;
-  fieldType: Exclude<typeof FieldType[keyof typeof FieldType], FieldType.NotMapped | FieldType.Expression>;
-}
-
-export type MetaData<T = any, AdditionalFields extends string[] = []> = MappedMetaData<T, AdditionalFields> | NotMappedMetaData<T>;
-
-export interface NotMappedMetaData<T = any> extends BaseMeta<T> {
-  key: string;
-  fieldType: FieldType.NotMapped | FieldType.Expression;
-}
-export interface  ReportDef<DataType = any> {
-    data: DataType[];
-    metaData: MetaData [];
-    totalRecords?: number;
-    count: number;
-}
-
-export interface SortDef {
-    direction: SortDirection;
-    precedence?: number;
-}
-
-export interface FilterOptions {
-  filterableValues : string[]
-}
-export interface DateTimeOptions {
-  format?: string;
-  includeSeconds?: boolean;
-  includeMilliseconds: boolean;
-}
-type interpolatedRoute = string;
-export interface Additional<T = any> {
-  link? : {
-    base?: string;
-    urlKey?: string;
-    target?: Target;
-    useRouterLink?: boolean;
-    /**
-     * If you want to use a route with interpolated params, you can use this. Wrap the property name in curly braces.
-     * For example, if interpolatedRoute = /users/{id}/edit, {id} will be replaced with the value of the element's id property.
-     */
-    interpolatedRoute?: interpolatedRoute;
-    routerLinkOptions?:{
-      queryParams?: [string, interpolatedRoute][];
-      fragment?: string;
-      preserveFragment?: boolean;
-      queryParamsHandling?: QueryParamsHandling;
-    }
-  }
-  footer?: { type: 'sum' };
-  export?: TableBuilderExport;
-  dateFormat?: string;
-  dateTimeOptions?:  DateTimeOptions;
-  filterOptions?: FilterOptions;
-  styles?: Dictionary<string | {condition: (t:T) => boolean | true, value: (t:T) => string | string}>;
-  columnPartStyles?: {
-    header?: Dictionary<string>,
-    body?: Dictionary<string | {condition: (t: T) => boolean | true, value: (t: T) => string | string}>,
-    footer?: Dictionary<string>,
-  }
-  columnPartClasses?: {
-    header?: Dictionary<Predicate<T>>,
-    footer?: Dictionary<Predicate<T>>,
-  }
-  enumMap?: {[key:number]:string};
-  boolean? : {
-    showForFalse? : true | { icon : string },
-    forTrue? : { icon : string }
-  }
-}
-
-export enum ArrayStyle {
-  CommaDelimited,
-  NewLine
-}
-
-export interface ArrayAdditional extends Additional {
-    limit?: number;
-    arrayStyle?: ArrayStyle;
-}
-
-
-
-export function metaDataArrToDict<T = MetaData>(arr: MetaData[], transform?: (m : MetaData) => T): Dictionary<T>{
-  const dict = {};
-  if(transform){
-    arr.forEach(e => dict[e.key] = transform(e));
-  } else {
-    arr.forEach(e => dict[e.key] = e);
-  }
-  return dict;
-}

package/src/table-builder/ngrx/tableBuilderStateStore.ts

@@ -1,199 +0,0 @@
-import { ComponentStore } from "@ngrx/component-store";
-import { Injectable, Signal } from "@angular/core";
-import { Observable, filter, tap } from "rxjs";
-import { concatLatestFrom } from '@ngrx/operators';
-import { Dictionary } from "../interfaces/dictionary";
-import { PersistedTableState, TableState } from "../classes/TableState";
-
-@Injectable({ providedIn: 'root'})
-export class TableBuilderStateStore extends ComponentStore<GlobalStorageState> {
-  constructor(){
-    super(loadGlobalStorageState() || defaultStorageState)
-  }
-
-  //selectors
-  $selectLocalTableProfile = (profileKey:string): Signal<Profile | undefined> => this.selectSignal(state => 
-    state.localProfiles[profileKey]);
-
-  $selectLocalTableStateForView = (tableId: string) => this.selectSignal(
-    this.$selectLocalTableProfile(tableId),
-    (profile) => {
-      if(profile?.current) {
-        return  profile.states[profile.current];
-      }
-      if(profile?.localSavedState) return profile.localSavedState;
-      return null;
-    }
-  )
-
-  $selectLocalProfileCurrentKey = (key:string) => this.selectSignal(
-    this.$selectLocalTableProfile(key),
-    (profile) => profile?.current);
-
-  $selectLocalProfileDefaultKey = (key:string) => this.selectSignal(
-    this.$selectLocalTableProfile(key),
-    (profile) => profile?.default);
-
-  $selectLocalProfileKeys = (tableId:string) => this.selectSignal(
-    this.$selectLocalTableProfile(tableId),
-    (profile) => Object.keys(profile?.states || {})
-  );
-
-
-  // reducers
-  
-
-  saveTableSettingsToLocalAndStorage = (tableId: string, stateName: string, tableState: PersistedTableState, asDefault?: boolean) => {
-    this.saveTableStateToStorage(tableId, stateName, tableState, asDefault);
-    this.saveTableStateToLocal({ tableId, tableState, stateName, asDefault });
-  }
-  
-  saveTableStateToLocal = this.updater((state, props: { tableId: string, tableState: PersistedTableState, stateName?: string, asDefault?: boolean }) => {
-    let profile = state.localProfiles[props.tableId];
-    if(!profile?.states) {
-      profile = {states:{}};
-    }
-    if(!props.stateName){
-      profile = {...profile, localSavedState: props.tableState };
-    } else {
-      profile = {...profile, states: {...profile.states, [props.stateName] : props.tableState} };
-    }
-    if(props.asDefault){
-      profile.default = props.stateName;
-    }
-    return {...state, localProfiles: {...state.localProfiles, [props.tableId]: profile} }
-  });
-
-  saveTableStateToStorage = (tableId: string, stateName: string, tableState: PersistedTableState, asDefault = false) => {
-    const globalSavedState: PersistedGlobalStorageSate = JSON.parse(localStorage.getItem('global-state-storage') ?? JSON.stringify(defaultStorageState) );
-    globalSavedState.localProfiles[tableId] ??= { states : {}}
-    globalSavedState.localProfiles[tableId].states[stateName] = tableState;
-    if(asDefault){
-      globalSavedState.localProfiles[tableId].default = stateName;
-    }
-    localStorage.setItem('global-state-storage', JSON.stringify( globalSavedState));
-  }
-
-  addNewStateToLocalAndStorage = (tableId: string, newStateName: string, tableState: PersistedTableState, asDefault?: boolean) => {
-    this.saveTableSettingsToLocalAndStorage(tableId, newStateName, tableState, asDefault);
-    this.setLocalCurrentState({ tableId: tableId, currentStateKey: newStateName});
-  }
-
-  setLocalCurrentState = this.updater((state, props: { tableId: string, currentStateKey: string }) => {
-    const profile = state.localProfiles[props.tableId] || { states: {}};
-    profile.current = props.currentStateKey;
-    return {...state, localProfiles: {...state.localProfiles, [props.tableId]: {...profile}}};
-  });
-
-  setDefaultInLocalAndStorage = (tableId: string, newDefault: string) => {
-    this.setDefaultInLocal({ default: newDefault, key: tableId });
-    this.setDefaultInStorage(tableId, newDefault);
-  }
-
-  setDefaultInLocal = this.updater((state, props: { key: string, default: string }) => {
-    if(state.localProfiles[props.key]?.states[props.default]) {
-      return ({...state, localProfiles: {...state.localProfiles, [props.key]: {...state.localProfiles[props.key], default: props.default} } });
-    }
-    return state;
-  });
-  
-  unsetDefaultFromLocalAndStorage = (tableId: string) => {
-    this.unsetDefaultFromLocal(tableId);
-    this.unsetDefaultFromStorage(tableId);
-  }
-
-  unsetDefaultFromLocal = (tableId: string) => {
-    this.patchState(tables => {
-      const profile = { ...tables.localProfiles[tableId] };
-      if(profile) {
-        delete profile.default;
-      }
-      return { ...tables, localProfiles: { ...tables.localProfiles, [tableId]: profile } };
-    });
-  }
-
-  unsetDefaultFromStorage = (tableId: string) => {
-    const globalSavedState: GlobalStorageState = JSON.parse(localStorage.getItem('global-state-storage') ?? JSON.stringify(defaultStorageState) );
-    if(globalSavedState.localProfiles[tableId]) {
-      delete globalSavedState.localProfiles[tableId].default;
-      localStorage.setItem('global-state-storage', JSON.stringify( globalSavedState));
-    }
-  }
-
-  setDefaultInStorage = (tableId: string, stateName: string) => {
-    const tableProfile = this.$selectLocalTableProfile(tableId)();
-    const globalSavedState: GlobalStorageState = JSON.parse(localStorage.getItem('global-state-storage') ?? JSON.stringify(defaultStorageState) );
-    let savedProfile = globalSavedState.localProfiles[stateName];
-    if(!savedProfile?.states) {
-      savedProfile =  { default: stateName, states : tableProfile!.states };
-    } else {
-      savedProfile.default = stateName;
-    }
-    globalSavedState.localProfiles[tableId] = savedProfile;
-    localStorage.setItem('global-state-storage', JSON.stringify( globalSavedState));
-  }
-
-  deleteLocalProfilesState = this.updater((state, props: { key: string, stateKey: string }) => {
-    let profile = state.localProfiles[props.key];
-    if(profile) {
-      const current = profile.current === props.stateKey ? profile.default : profile.current;
-      profile = {...profile,current, states: { ...profile.states}};
-      delete profile.states[props.stateKey];
-      if(current === props.stateKey) {
-        profile.current = undefined;
-      }
-      return {...state, localProfiles: {...state.localProfiles, [props.key]: profile} };
-    } else {
-      return state;
-    }
-  });
-
-  deleteProfileFromLocalAndStorage = (key: string, stateKey: string) => {
-    const globalSavedState: GlobalStorageState = JSON.parse(localStorage.getItem('global-state-storage') ?? JSON.stringify(defaultStorageState) );
-    if(!globalSavedState.localProfiles[key]) {
-      return;
-    } else {
-      delete (globalSavedState.localProfiles[key].states ?? {})[stateKey];
-    }
-    if(globalSavedState.localProfiles[key].default === stateKey) {
-      globalSavedState.localProfiles[key].default = undefined;
-    }
-    localStorage.setItem('global-state-storage', JSON.stringify( globalSavedState));
-    this.deleteLocalProfilesState({ key, stateKey })
-  }
-}
-
-function loadGlobalStorageState() : GlobalStorageState | void {
-  const storage = localStorage.getItem('global-state-storage');
-  
-  if(storage) {
-    const s: GlobalStorageState = (JSON.parse(storage) as PersistedGlobalStorageSate);
-    s.localProfiles ??= {};
-    for(const key in s.localProfiles){
-      const profile = s.localProfiles[key];
-      s.localProfiles[key] = { ...profile, current: profile.default } as Profile
-    }
-    return {...defaultStorageState, ...s};
-  }
-}
-
-interface PersistedProfile {
-  states: Dictionary<PersistedTableState>;
-  default?: string;
-}
-export interface Profile extends PersistedProfile {
-  current?: string;
-  localSavedState?: PersistedTableState;
-}
-
-export interface GlobalStorageState {
-  localProfiles: Dictionary<Profile>;
-}
-
-interface PersistedGlobalStorageSate {
-  localProfiles: Dictionary<PersistedProfile>;
-}
-
-export const defaultStorageState: GlobalStorageState = {
-  localProfiles: {}
-}

package/src/table-builder/pipes/column-total.pipe.ts

@@ -1,17 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-import { MetaData } from '../interfaces/report-def';
-import {sumBy} from 'lodash';
-
-@Pipe({
-  name: 'columnTotal',
-    standalone: true
-  })
-export class ColumnTotalPipe implements PipeTransform {
-  transform(data: any[], metaData: MetaData) {
-    const dataToCalculate = data.filter(d => !d.isGroupHeader)
-    switch (metaData.additional!.footer!.type) {
-      case 'sum':
-      return sumBy(dataToCalculate, metaData.key);
-    }
-  }
-}

package/src/table-builder/pipes/format-filter-type.pipe.ts

@@ -1,12 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-import { FilterType, FilterTypes } from '../enums/filterTypes';
-
-@Pipe({name: 'formatFilterType', standalone: true})
-export class FormatFilterTypePipe implements PipeTransform {
-  transform(filterType: FilterType, value: any){
-    if(filterType === FilterTypes.IsNull){
-      return value ? filterType : 'Is Not Blank'
-    }
-    return filterType;
-  }
-}

package/src/table-builder/pipes/format-filter-value.pipe.ts

@@ -1,42 +0,0 @@
-import { Pipe, PipeTransform, inject } from '@angular/core';
-import { TableStore } from '../classes/table-store';
-import { Observable } from 'rxjs';
-import { map } from 'rxjs/operators';
-import { FieldType } from '../interfaces/report-def';
-import { DatePipe } from '@angular/common';
-import { FilterType, FilterTypes } from '../enums/filterTypes';
-import { spaceCase } from '../../utilities/pipes/space-case.pipes';
-import { DateTimeFilterFuncs } from '../functions/date-filter-function';
-
-
-@Pipe({name: 'formatFilterValue', standalone: true})
-export class FormatFilterValuePipe implements PipeTransform {
-  tableState = inject(TableStore);
-  private datePipe = inject(DatePipe);
-
-  transform(value: any, key: string, filterType: FilterType): Observable<string> {
-    return this.tableState.getMetaData$(key).pipe(
-      map( md => {
-        if(filterType === FilterTypes.IsNull) {
-          return '';
-        }
-        if(value && (filterType === FilterTypes.In )){
-          if(md.fieldType === FieldType.Enum) {
-            return value.map( (v: any) => spaceCase(md.additional!.enumMap![v])).join(', ') ?? value;
-          }
-          return value.join(', ') ?? value;
-        }
-        if(filterType === FilterTypes.NumberBetween){
-          return value.Start + ' - ' + value.End;
-        }
-        if(md.fieldType === FieldType.Date){
-          return this.datePipe.transform(value, 'MM/dd/yy');
-        }
-        if(md.fieldType === FieldType.DateTime){
-          return !!DateTimeFilterFuncs[filterType] ? this.datePipe.transform(value, 'short') : this.datePipe.transform(value, 'MM/dd/yy');
-        }
-        return value
-      })
-    );
-  }
-}

package/src/table-builder/pipes/key-display.ts

@@ -1,16 +0,0 @@
-import { Pipe, PipeTransform, inject } from '@angular/core';
-import { TableStore } from '../classes/table-store';
-import { spaceCase } from '../../utilities/pipes/space-case.pipes';
-import { Observable } from 'rxjs';
-import { map } from 'rxjs/operators';
-
-@Pipe({name: 'keyDisplay', standalone: true})
-export class KeyDisplayPipe implements PipeTransform {
-  tableState = inject(TableStore);
-
-  transform(key: string): Observable<string> {
-    return this.tableState.getMetaData$(key).pipe(
-      map( metaData => metaData.displayName || spaceCase(key))
-    );
-  }
-}

package/src/table-builder/services/export-to-csv.service.ts

@@ -1,97 +0,0 @@
-import { DatePipe } from '@angular/common';
-import { Injectable, inject } from '@angular/core';
-import { Observable } from 'rxjs';
-import { first, map  } from 'rxjs/operators';
-import { combineLatest} from 'rxjs';
-import { orderStateMetaData, TableStore } from '../classes/table-store';
-import { TableBuilderConfigToken } from '../classes/TableBuilderConfig';
-import { downloadData } from '../functions/download-data';
-import { ArrayAdditional, ArrayStyle, FieldType, MetaData } from '../interfaces/report-def';
-import { TableState } from '../classes/TableState';
-import { isPipe } from './transform-creator';
-import { get } from 'lodash';
-
-@Injectable()
-export class ExportToCsvService<T> {
-  state = inject(TableStore);
-  private config = inject(TableBuilderConfigToken);
-  private datePipe = inject(DatePipe);
-
-
-  exportToCsv = (data: Observable<T[]>) => {
-    const exportableFields$ = this.state.state$.pipe(
-      map(mapExportableFields)
-    );
-
-    combineLatest([data,exportableFields$]).pipe(
-      first(),
-      map(([data,fields]) => this.csvData(data,fields)),
-    ).subscribe(csv => downloadData(csv,'export.csv','text/csv') );
-  }
-
-  csvData = (data:Array<T>, metaData: MetaData<T>[]) => {
-    const res = data.map(row => metaData.map(meta => this.metaToField(meta, row)).join(','));
-    res.unshift(metaData.map(meta => meta.displayName || meta.key).join(','));
-    return res.join('\n');
-  }
-
-  metaToField = (meta: MetaData<T>, row: T) => {
-    let val: any = get( row,meta.key);
-    if (val == null && !meta.transform) return val
-    if(meta.transform && meta.fieldType !== FieldType.Expression){
-      const transform = meta.transform as any;
-      return  isPipe(transform) ? transform.transform(val) : transform(val);
-    }
-    if(meta.map){
-      return meta.map(row);
-    }
-    switch (meta.fieldType) {
-      case FieldType.Date:
-        const dateFormat = meta.additional?.export?.dateFormat || this.config?.export?.dateFormat || meta.additional?.dateFormat;
-        val = this.transform(val, dateFormat);
-        break;
-      case FieldType.DateTime:
-        const dateTimeFormat = meta.additional?.export?.dateTimeFormat || this.config?.export?.dateTimeFormat || meta.additional?.dateTimeOptions?.format;
-        val = this.transform(val, dateTimeFormat);
-        break;
-      case FieldType.String:
-        const prepend: string = meta.additional?.export?.prepend || this.config?.export?.prepend || '';
-        val = prepend + val;
-        break;
-      case FieldType.Array:
-        const additional = meta.additional as ArrayAdditional;
-        val = (val as Array<string>).slice(0,additional.limit).join(additional.arrayStyle === ArrayStyle.NewLine ? '\n' : ', ');
-        break;
-      case FieldType.Expression:
-        val = (meta.transform as any)(row);
-        break;
-    }
-    if (typeof val === 'string' && (val.includes(',') || val.includes('"') || val.includes('\n'))) {
-      val = val.replaceAll('"', '""');
-      val = '"' + val + '"';
-    }
-    return val;
-  }
-
-  private transform(val: any, dateFormat: any) {
-    if (this.config.transformers && this.config.transformers[FieldType.Date]) {
-      return this.config.transformers[FieldType.Date]!(val);
-    }
-    return this.datePipe.transform(val, dateFormat);
-  }
-}
-
-export const removeFromMetaData = (state: TableState, keysToRemove: string[]) =>
-    orderStateMetaData(state)
-  .filter( meta => !keysToRemove.includes(meta.key));
-
-
-export const nonExportableFields = (state: TableState) => Object.values( state.metaData)
-  .filter(md => md.noExport )
-  .map( md => md.key );
-
-export const mapExportableFields = (state: TableState) => {
-  const fieldsToRemove = nonExportableFields(state)
-    .concat(state.hiddenKeys);
-   return removeFromMetaData(state, fieldsToRemove);
-}

package/src/table-builder/services/link-creator.service.ts

@@ -1,67 +0,0 @@
-import { get } from "lodash";
-import { FieldType, MetaData } from "../interfaces/report-def";
-import { Dictionary } from "@ngrx/entity";
-import { QueryParamsHandling } from "@angular/router";
-
-export function createLinkCreatorDict<T>(metaDatas: MetaData<T>[]){
-  return metaDatas.reduce((acc, md) => {
-    if(md.fieldType === FieldType.Link){ acc[md.key]= createLinkCreator(md)}
-    return acc;
-  },{} as Dictionary<LinkInfo>)
-}
-
-export function createLinkCreator<T>(metaData: MetaData<T>): LinkInfo{
-  const target = metaData.additional?.link?.target || '_blank';
-  const useRouterLink = metaData.additional?.link?.useRouterLink || false;
-  const hasRoute = !!metaData.additional?.link?.interpolatedRoute;
-  const routerLinkOptions = useRouterLink ? {
-    queryParams: (element) => metaData.additional!.link!.routerLinkOptions?.queryParams?.reduce((map, [key, value]) => {
-      map[key] = parseInterpolated(value, element);
-      return map;
-    }, {}) ?? null,
-    fragment: metaData.additional!.link?.routerLinkOptions?.fragment,
-    preserveFragment: metaData.additional!.link!.routerLinkOptions?.preserveFragment ?? false,
-    queryParamsHandling: metaData.additional!.link!.routerLinkOptions?.queryParamsHandling ?? '',
-  }
-  : undefined;
-
-
-  if (hasRoute) {
-    return ({
-      link: (element: T) => parseInterpolated(metaData.additional!.link!.interpolatedRoute!, element),
-      target,
-      useRouterLink,
-      routerLinkOptions,
-    });
-  } else {
-    const slashIfNeeded = !metaData.additional?.link?.base?.endsWith('/') ? '/' : '';
-    const base = metaData.additional!.link?.base;
-    const getKey = key(metaData);
-    return ({
-      link: (element: T) => `${base}${slashIfNeeded}${getKey(element)}`,
-      target,
-      useRouterLink,
-      routerLinkOptions,
-    });
-  }
-}
-
-const key = (metaData : MetaData) => metaData.additional!.link?.urlKey ? 
-  (element:any) => get(element, (metaData.additional!.link!.urlKey as string))
-  :
-  (element:any) => get(element, metaData.key);
-
-const parseInterpolated = ( interpolatedString: string, element: any ) =>
-  interpolatedString.replace(/{([^}]+)}/g, (_, key) => get(element ,key));
-
-export interface LinkInfo {
-  link: (element: any) => string;
-  target: string;
-  useRouterLink: boolean;
-  routerLinkOptions?: {
-    queryParams: (element: any) => any;
-    fragment?: string;
-    preserveFragment?: boolean;
-    queryParamsHandling?: QueryParamsHandling;
-  }
-}

package/src/table-builder/services/table-template-service.ts

@@ -1,59 +0,0 @@
-import { EnvironmentInjector, Injector, createComponent, inject } from "@angular/core";
-import { Injectable, TemplateRef } from "@angular/core";
-import { ArrayAdditional, ArrayStyle, FieldType, MetaData } from "../interfaces/report-def";
-import { InitializationComponent } from "../components/initialization-component/initialization-component";
-import { TableBuilderConfigToken } from "../classes/TableBuilderConfig";
-
-@Injectable({providedIn: 'root'})
-export class TableTemplateService {
-  instance!: InitializationComponent;
-  templates;
-
-  initTemplates() {
-    this.templates = { };
-    this.templates[FieldType.Array] = this.instance.arrayNewLineTemplate;
-    this.templates[FieldType.Array + .5] = this.instance.arrayCommaTemplate;
-    this.templates[FieldType.Boolean] = this.instance.defaultWithIcon;
-    this.templates[FieldType.Currency] = this.instance.defaultTemplate;
-    this.templates[FieldType.Date] = this.instance.defaultTemplate;
-    this.templates[FieldType.DateTime] = this.instance.defaultTemplate;
-    this.templates[FieldType.Expression] = this.instance.defaultTemplate;
-    this.templates[FieldType.NotMapped] = this.instance.defaultTemplate;
-    this.templates[FieldType.ImageUrl] = this.instance.imageUrlTemplate;
-    this.templates[FieldType.Link] = this.instance.linkTemplate;
-    this.templates[FieldType.Link + .5] = this.instance.routerLinkTemplate;
-    this.templates[FieldType.Number] = this.instance.defaultTemplate;
-    this.templates[FieldType.PhoneNumber] = this.instance.defaultTemplate;
-    this.templates[FieldType.String] = this.instance.defaultTemplate;
-    this.templates[FieldType.Unknown] = this.instance.defaultTemplate;
-    this.templates[FieldType.Enum] = this.instance.defaultTemplate;
-  }
-  getTemplate(metaData: MetaData) : TemplateRef<any> {
-
-    let tmp = metaData.fieldType === FieldType.Link && metaData.additional?.link?.useRouterLink
-      ? this.templates[FieldType.Link + .5] 
-      : 
-      metaData.fieldType === FieldType.Array && ((metaData.additional as ArrayAdditional)?.arrayStyle === ArrayStyle.CommaDelimited || this.tableConfig?.arrayInfo?.arrayStyle === ArrayStyle.CommaDelimited)
-      ? this.templates[FieldType.Array + .5] 
-      :
-      this.templates[metaData.fieldType];
-    if(metaData.useIcon) {
-      if(tmp === this.instance.defaultTemplate) {
-        tmp = this.instance.defaultWithIcon;
-      }
-    }
-    return tmp;
-  }
-
-  constructor() {
-    const ei = inject(EnvironmentInjector);
-
-    const c = createComponent(InitializationComponent, {
-      environmentInjector: ei,
-    });
-    this.instance = c.instance;
-    this.initTemplates();
-  }
-
-  tableConfig = inject(TableBuilderConfigToken);
-}