@one-paragon/angular-utilities 0.1.1 → 0.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@one-paragon/angular-utilities",
-  "version": "0.1.1",
+  "version": "0.1.4",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0",

package/table-builder/components/column-builder/column-builder.component.d.ts

@@ -1,4 +1,4 @@
-import { TemplateRef, OnInit } from '@angular/core';
+import { TemplateRef, OnInit, Predicate } from '@angular/core';
 import { FieldType, MetaData } from '../../interfaces/report-def';
 import { MatColumnDef, MatTable } from '@angular/material/table';
 import { Observable } from 'rxjs';
@@ -7,6 +7,7 @@ import { FilterInfo } from '../../classes/filter-info';
 import { TransformCreator } from '../../services/transform-creator';
 import { TableStore } from '../../classes/table-store';
 import { TableTemplateService } from '../../services/table-template-service';
+import { Dictionary } from '@ngrx/entity';
 import * as i0 from "@angular/core";
 interface widthStyle {
     flex?: string;
@@ -36,6 +37,7 @@ export declare class ColumnBuilderComponent implements OnInit {
     getInnerTemplate(): TemplateRef<any>;
     showfilters$: Observable<boolean>;
     getOuterTemplate(): TemplateRef<any>;
+    classes?: Dictionary<Predicate<any>>;
     ngOnInit(): void;
     ngAfterViewInit(): void;
     cellClicked(element: any, key: string): void;

package/table-builder/components/initialization-component/initialization-component.d.ts

@@ -2,16 +2,12 @@ import { TemplateRef } from "@angular/core";
 import { MetaData } from "../../interfaces/report-def";
 import * as i0 from "@angular/core";
 export declare class InitializationComponent {
-    booleanTemplate: TemplateRef<any>;
     linkTemplate: TemplateRef<any>;
     imageUrlTemplate: TemplateRef<any>;
     currencyTemplate: TemplateRef<any>;
     arrayTemplate: TemplateRef<any>;
-    expressionTemplate: TemplateRef<any>;
     defaultTemplate: TemplateRef<any>;
-    enumTemplate: TemplateRef<any>;
-    forTrueIcon: (metaData: MetaData) => string;
-    forFalseIcon: (metaData: MetaData) => string | null;
+    defaultWithIcon: TemplateRef<any>;
     useRouterLink: (metaData: MetaData) => boolean | undefined;
     target: (metaData: MetaData) => import("../../interfaces/report-def").Target | "_blank";
     private key;

package/table-builder/directives/index.d.ts

@@ -1,5 +1,5 @@
 export * from './custom-cell-directive';
 export * from './multi-sort.directive';
 export * from './resize-column.directive';
-export * from './tb-filter.directive';
 export * from './table-wrapper.directive';
+export * from './tb-filter.directive';

package/table-builder/directives/table-wrapper.directive.d.ts

@@ -4,6 +4,8 @@ import * as i0 from "@angular/core";
 export declare class TableWrapperDirective {
     customFilters: QueryList<TableCustomFilterDirective>;
     filters: QueryList<TableFilterDirective>;
+    registerations: (TableCustomFilterDirective | TableFilterDirective)[];
+    register(filter: TableCustomFilterDirective | TableFilterDirective): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableWrapperDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TableWrapperDirective, "[tbWrapper]", never, {}, {}, ["customFilters", "filters"]>;
 }

package/table-builder/directives/tb-filter.directive.d.ts

@@ -10,6 +10,7 @@ import { MatCheckbox } from "@angular/material/checkbox";
 import { FieldType } from "../interfaces/report-def";
 import { NgControl } from "@angular/forms";
 import { ComponentStore } from "@ngrx/component-store";
+import { TableWrapperDirective } from "./table-wrapper.directive";
 import * as i0 from "@angular/core";
 export declare abstract class TableCustomFilterDirective<T = any> {
     abstract filter$: Observable<CustomFilter>;
@@ -23,7 +24,7 @@ export declare abstract class TableCustomFilterDirective<T = any> {
 }
 export declare class TableFilterDirective extends ComponentStore<FilterInfo> {
     protected model: NgControl;
-    constructor(model: NgControl);
+    constructor(model: NgControl, wrapper: TableWrapperDirective);
     reset(): void;
     filter$: Observable<FilterInfo<any>>;
     filterType: FilterType;
@@ -41,15 +42,15 @@ export declare class TableFilterDirective extends ComponentStore<FilterInfo> {
     ngOnInit(): void;
     protected setFilter(filter: FilterInfo): void;
     update(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TableFilterDirective, [{ optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableFilterDirective, [{ optional: true; }, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TableFilterDirective, "[tbFilter]", never, { "filterType": "filterType"; "key": "key"; "fieldType": "fieldType"; "filterId": "filterId"; "active": "active"; "filterValue": "filterValue"; }, {}, never>;
 }
 export declare class TableFilterStringContainsDirective extends TableFilterDirective {
-    constructor(model: NgControl);
+    constructor(model: NgControl, wrapper: TableWrapperDirective);
     reset(): void;
     setFilter(filter: FilterInfo): void;
     ngOnChanges(changes: SimpleChanges): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TableFilterStringContainsDirective, [{ optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableFilterStringContainsDirective, [{ optional: true; }, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TableFilterStringContainsDirective, "[tbFilterStringContains]", never, { "key": "tbFilterStringContains"; "filterValue": "filterValue"; "filterId": "filterId"; "active": "active"; }, {}, never>;
 }
 export declare abstract class TableCustomFilterDirectiveBase<T = any> extends TableCustomFilterDirective<T> {
@@ -70,7 +71,7 @@ export declare abstract class TableCustomFilterDirectiveBase<T = any> extends Ta
 export declare abstract class TbSelectedFilterDirective<T = any> extends TableCustomFilterDirectiveBase<T> {
     private change;
     private isActive;
-    protected constructor(change: Observable<any>, isActive: () => boolean);
+    protected constructor(change: Observable<any>, isActive: () => boolean, wrapper: TableWrapperDirective);
     reset(): void;
     destroySubject$: ReplaySubject<void>;
     ngOnDestroy(): void;
@@ -81,39 +82,39 @@ export declare abstract class TbSelectedFilterDirective<T = any> extends TableCu
 export declare class MatCheckboxTbFilterDirective extends TbSelectedFilterDirective {
     private matCheckbox;
     set active(val: boolean);
-    constructor(matCheckbox: MatCheckbox);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatCheckboxTbFilterDirective, never>;
+    constructor(matCheckbox: MatCheckbox, wrapper: TableWrapperDirective);
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatCheckboxTbFilterDirective, [null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatCheckboxTbFilterDirective, "mat-checkbox[tbCustomFilter]", never, { "predicate": "tbCustomFilter"; "filterId": "filterId"; }, {}, never>;
 }
 export declare class MatSlideToggleTbFilterDirective<T = any> extends TbSelectedFilterDirective<T> {
     private matSlideToggle;
     set active(val: boolean);
-    constructor(matSlideToggle: MatSlideToggle);
+    constructor(matSlideToggle: MatSlideToggle, wrapper: TableWrapperDirective);
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatSlideToggleTbFilterDirective<any>, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatSlideToggleTbFilterDirective<any>, [null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatSlideToggleTbFilterDirective<any>, "mat-slide-toggle[tbCustomFilter]", never, { "predicate": "tbCustomFilter"; "filterId": "filterId"; }, {}, never>;
 }
 export declare class MatRadioButtonTbFilterDirective extends TbSelectedFilterDirective {
     private matRadioButton;
     set active(val: boolean);
-    constructor(matRadioButton: MatRadioButton);
+    constructor(matRadioButton: MatRadioButton, wrapper: TableWrapperDirective);
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatRadioButtonTbFilterDirective, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatRadioButtonTbFilterDirective, [null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatRadioButtonTbFilterDirective, "mat-radio-button[tbCustomFilter]", never, { "predicate": "tbCustomFilter"; }, {}, never>;
 }
 export declare class MatOptionTbFilterDirective extends TbSelectedFilterDirective {
     private matOption;
     set active(val: boolean);
-    constructor(matOption: MatOption);
+    constructor(matOption: MatOption, wrapper: TableWrapperDirective);
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatOptionTbFilterDirective, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatOptionTbFilterDirective, [null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatOptionTbFilterDirective, "mat-option[tbCustomFilter]", never, { "predicate": "tbCustomFilter"; "filterId": "filterId"; }, {}, never>;
 }
 export declare class MatButtonToggleFilterDirective extends TbSelectedFilterDirective {
     private matButtonToggle;
     set active(val: boolean);
-    constructor(matButtonToggle: MatButtonToggle);
+    constructor(matButtonToggle: MatButtonToggle, wrapper: TableWrapperDirective);
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatButtonToggleFilterDirective, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatButtonToggleFilterDirective, [null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatButtonToggleFilterDirective, "mat-button-toggle[tbCustomFilter]", never, { "predicate": "tbCustomFilter"; "filterId": "filterId"; }, {}, never>;
 }

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

@@ -1,5 +1,5 @@
 import { Dictionary } from './dictionary';
-import { PipeTransform, TemplateRef } from '@angular/core';
+import { PipeTransform, Predicate, TemplateRef } from '@angular/core';
 import { TableBuilderExport } from '../classes/TableBuilderConfig';
 export declare enum FieldType {
     Unknown = 0,
@@ -41,6 +41,9 @@ export interface MetaData<T = any, AdditionalFields extends string[] = []> {
     transform?: ((o: T, ...args: any[]) => any) | ((o: string, ...args: any[]) => any) | PipeTransform;
     click?: (element: T, key: string) => void;
     template?: TemplateRef<any>;
+    classes?: Dictionary<Predicate<any>>;
+    toolTip?: string;
+    useIcon?: boolean;
 }
 export interface ReportDef<DataType = any> {
     data: DataType[];

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

@@ -1,13 +1,13 @@
 import { ComponentFactoryResolver, Injector } from "@angular/core";
 import { TemplateRef } from "@angular/core";
 import { InitializationComponent } from "../components/initialization-component/initialization-component";
-import { FieldType } from "../interfaces/report-def";
+import { MetaData } from "../interfaces/report-def";
 import * as i0 from "@angular/core";
 export declare class TableTemplateService {
     instance: InitializationComponent;
     templates: any;
     initTemplates(): void;
-    getTemplate(fieldType: FieldType): TemplateRef<any>;
+    getTemplate(metaData: MetaData): TemplateRef<any>;
     constructor(resolver: ComponentFactoryResolver, i: Injector);
     static ɵfac: i0.ɵɵFactoryDeclaration<TableTemplateService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TableTemplateService>;

package/table-builder/services/transform-creator.d.ts

@@ -3,14 +3,16 @@ import { MetaData } from '../interfaces/report-def';
 import { DatePipe, CurrencyPipe } from '@angular/common';
 import { PhoneNumberPipe } from '../../utilities/pipes/phone.pipe';
 import { TableBuilderConfig } from '../classes/TableBuilderConfig';
+import { SpaceCasePipe } from '../../utilities';
 import * as i0 from "@angular/core";
 export declare function isPipe(o: any): o is PipeTransform;
 export declare class TransformCreator {
     private datePipe;
     private currencyPipe;
     private phonePipe;
+    private casePipe;
     private config;
-    constructor(datePipe: DatePipe, currencyPipe: CurrencyPipe, phonePipe: PhoneNumberPipe, config: TableBuilderConfig);
+    constructor(datePipe: DatePipe, currencyPipe: CurrencyPipe, phonePipe: PhoneNumberPipe, casePipe: SpaceCasePipe, config: TableBuilderConfig);
     createTransformer(metaData: MetaData): ((value: any, ...args: any[]) => any);
     static ɵfac: i0.ɵɵFactoryDeclaration<TransformCreator, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TransformCreator>;

package/utilities/directives/conditional-classes.directive.d.ts

@@ -0,0 +1,14 @@
+import { ElementRef, Renderer2, SimpleChanges } from '@angular/core';
+import { Dictionary, Predicate } from '@ngrx/entity';
+import * as i0 from "@angular/core";
+export declare class ConditionalClassesDirective {
+    private el;
+    private renderer;
+    constructor(el: ElementRef, renderer: Renderer2);
+    element?: any;
+    classes?: Dictionary<Predicate<any>>;
+    classesApplied: string[];
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConditionalClassesDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ConditionalClassesDirective, "[conditionalClasses]", never, { "element": "element"; "classes": "conditionalClasses"; }, {}, never>;
+}

package/utilities/index.d.ts

@@ -10,4 +10,5 @@ export * from './pipes/function.pipe';
 export * from './pipes/phone.pipe';
 export * from './pipes/space-case.pipes';
 export * from './directives/dialog-service';
+export * from './directives/conditional-classes.directive';
 export * from './module';

package/utilities/module.d.ts

@@ -10,8 +10,9 @@ import * as i8 from "./directives/clickSubject";
 import * as i9 from "./directives/clickEmitterDirective";
 import * as i10 from "./directives/dialog";
 import * as i11 from "./directives/mat-toggle-group-directive";
+import * as i12 from "./directives/conditional-classes.directive";
 export declare class UtilitiesModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<UtilitiesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<UtilitiesModule, [typeof i1.SpaceCasePipe, typeof i2.PhoneNumberPipe, typeof i3.FunctionPipe, typeof i4.StopPropagationDirective, typeof i5.StylerDirective, typeof i6.PreventEnterDirective, typeof i7.AutoFocusDirective, typeof i8.ClickSubjectDirective, typeof i9.ClickEmitterDirective, typeof i10.DialogDirective, typeof i11.MatSlideToggleGroupDirective], never, [typeof i4.StopPropagationDirective, typeof i6.PreventEnterDirective, typeof i1.SpaceCasePipe, typeof i2.PhoneNumberPipe, typeof i3.FunctionPipe, typeof i4.StopPropagationDirective, typeof i5.StylerDirective, typeof i6.PreventEnterDirective, typeof i7.AutoFocusDirective, typeof i8.ClickSubjectDirective, typeof i9.ClickEmitterDirective, typeof i10.DialogDirective, typeof i11.MatSlideToggleGroupDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UtilitiesModule, [typeof i1.SpaceCasePipe, typeof i2.PhoneNumberPipe, typeof i3.FunctionPipe, typeof i4.StopPropagationDirective, typeof i5.StylerDirective, typeof i6.PreventEnterDirective, typeof i7.AutoFocusDirective, typeof i8.ClickSubjectDirective, typeof i9.ClickEmitterDirective, typeof i10.DialogDirective, typeof i11.MatSlideToggleGroupDirective, typeof i12.ConditionalClassesDirective], never, [typeof i4.StopPropagationDirective, typeof i6.PreventEnterDirective, typeof i1.SpaceCasePipe, typeof i2.PhoneNumberPipe, typeof i3.FunctionPipe, typeof i4.StopPropagationDirective, typeof i5.StylerDirective, typeof i6.PreventEnterDirective, typeof i7.AutoFocusDirective, typeof i8.ClickSubjectDirective, typeof i9.ClickEmitterDirective, typeof i10.DialogDirective, typeof i11.MatSlideToggleGroupDirective, typeof i12.ConditionalClassesDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<UtilitiesModule>;
 }