tin-spa 2.3.4 → 2.3.6

package/lib/classes/Classes.d.ts

@@ -28,7 +28,7 @@ export declare class DetailsDialogConfig {
     details?: any;
     heroField?: any;
     heroValue?: any;
-    mode?: string;
+    mode?: 'create' | 'edit' | 'view';
     detailsSource?: DetailsSource;
 }
 export declare class Action {
@@ -48,7 +48,7 @@ export interface SearchField extends Field {
 export declare class FormConfig {
     title?: string;
     fields: Field[];
-    mode?: string;
+    mode?: 'create' | 'edit' | 'view';
     button?: Button;
     multiColumn?: boolean;
     reset?: boolean;
@@ -80,7 +80,7 @@ export interface Condition {
 }
 export interface Field {
     name: string;
-    type: 'text' | 'date' | 'datetime' | 'checkbox' | 'select' | 'multi-select' | 'money' | 'number' | 'section' | 'blank' | 'chip' | 'file' | 'file-view' | 'icon' | 'spinner' | 'button';
+    type: 'text' | 'date' | 'datetime' | 'checkbox' | 'select' | 'multi-select' | 'money' | 'number' | 'section' | 'blank' | 'chip' | 'file' | 'file-view' | 'icon' | 'spinner' | 'button' | 'label';
     alias?: string;
     options?: any[];
     optionDisplay?: string;
@@ -106,6 +106,14 @@ export interface Field {
     hideOnExists?: boolean;
     hiddenCondition?: (value: any) => boolean;
     readonlyCondition?: (value: any) => boolean;
+    peekConfig?: PeekDialogConfig;
+    infoMessage?: string;
+    suffix?: string;
+}
+export interface PeekDialogConfig {
+    detailsConfig: DetailsDialogConfig;
+    create?: boolean;
+    view?: boolean;
 }
 export interface ChildField {
     childField?: string;
@@ -145,6 +153,7 @@ export interface Column {
     optionDisplay?: string;
     optionValue?: string;
     detailsConfig?: DetailsDialogConfig;
+    hiddenCondition?: (parentData: any) => boolean;
 }
 export interface Icon {
     name: string;
@@ -202,6 +211,7 @@ export declare class AppConfig {
     capItems: CapItem[];
     multitenant: boolean;
     navigation: 'top' | 'side';
+    progressLine: boolean;
 }
 export declare class CapItem {
     constructor();

package/lib/components/date/date.component.d.ts

@@ -12,6 +12,9 @@ export declare class DateComponent implements OnInit, OnChanges {
     placeholder: string;
     width: string;
     valueChange: EventEmitter<string>;
+    infoMessage: string;
+    infoClick: EventEmitter<void>;
+    onInfoClick(event: MouseEvent): void;
     minDate: FormControl;
     maxDate: FormControl;
     control: FormControl;
@@ -22,5 +25,5 @@ export declare class DateComponent implements OnInit, OnChanges {
     onChangeEvent(): void;
     validate(control: FormControl): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateComponent, "spa-date", never, { "required": "required"; "min": "min"; "max": "max"; "readonly": "readonly"; "hint": "hint"; "value": "value"; "display": "display"; "placeholder": "placeholder"; "width": "width"; }, { "valueChange": "valueChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateComponent, "spa-date", never, { "required": "required"; "min": "min"; "max": "max"; "readonly": "readonly"; "hint": "hint"; "value": "value"; "display": "display"; "placeholder": "placeholder"; "width": "width"; "infoMessage": "infoMessage"; }, { "valueChange": "valueChange"; "infoClick": "infoClick"; }, never, never, false>;
 }

package/lib/components/datetime/datetime.component.d.ts

@@ -10,6 +10,9 @@ export declare class DatetimeComponent implements OnInit {
     min: string;
     max: string;
     changed(): void;
+    infoMessage: string;
+    infoClick: EventEmitter<void>;
+    onInfoClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatetimeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatetimeComponent, "spa-datetime", never, { "display": "display"; "value": "value"; "readonly": "readonly"; "min": "min"; "max": "max"; }, { "valueChange": "valueChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatetimeComponent, "spa-datetime", never, { "display": "display"; "value": "value"; "readonly": "readonly"; "min": "min"; "max": "max"; "infoMessage": "infoMessage"; }, { "valueChange": "valueChange"; "infoClick": "infoClick"; }, never, never, false>;
 }

package/lib/components/form/form.component.d.ts

@@ -27,6 +27,7 @@ export declare class FormComponent implements OnInit {
     inputChange: EventEmitter<any>;
     inputChanged(field: Field, value: any): void;
     updateChildOptions(masterField: Field): void;
+    handleInfoClick(field: Field): void;
     buttonClicked(): void;
     processCall(button: Button): void;
     processForm(): void;

package/lib/components/money/money.component.d.ts

@@ -20,11 +20,14 @@ export declare class MoneyComponent implements OnInit {
     required: boolean;
     min: number;
     max: number;
+    infoMessage: string;
+    infoClick: EventEmitter<void>;
+    onInfoClick(event: MouseEvent): void;
     changed(x: any): void;
     leaved(): void;
     enterPressed(): void;
     control: FormControl<string>;
     validate(control: FormControl): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<MoneyComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MoneyComponent, "spa-money", never, { "readonly": "readonly"; "hint": "hint"; "display": "display"; "placeholder": "placeholder"; "value": "value"; "width": "width"; "currency": "currency"; "required": "required"; "min": "min"; "max": "max"; }, { "valueChange": "valueChange"; "leave": "leave"; "enterPress": "enterPress"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MoneyComponent, "spa-money", never, { "readonly": "readonly"; "hint": "hint"; "display": "display"; "placeholder": "placeholder"; "value": "value"; "width": "width"; "currency": "currency"; "required": "required"; "min": "min"; "max": "max"; "infoMessage": "infoMessage"; }, { "valueChange": "valueChange"; "leave": "leave"; "enterPress": "enterPress"; "infoClick": "infoClick"; }, never, never, false>;
 }

package/lib/components/number/number.component.d.ts

@@ -21,11 +21,15 @@ export declare class NumberComponent implements OnInit {
     min: number;
     max: number;
     step: number;
+    suffix: string;
+    infoMessage: string;
+    infoClick: EventEmitter<void>;
+    onInfoClick(event: MouseEvent): void;
     changed(): void;
     leaved(): void;
     enterPressed(): void;
     control: FormControl<number>;
     validate(control: FormControl): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumberComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NumberComponent, "spa-number", never, { "readonly": "readonly"; "hint": "hint"; "display": "display"; "placeholder": "placeholder"; "value": "value"; "width": "width"; "required": "required"; "min": "min"; "max": "max"; "step": "step"; }, { "valueChange": "valueChange"; "leave": "leave"; "enterPress": "enterPress"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NumberComponent, "spa-number", never, { "readonly": "readonly"; "hint": "hint"; "display": "display"; "placeholder": "placeholder"; "value": "value"; "width": "width"; "required": "required"; "min": "min"; "max": "max"; "step": "step"; "suffix": "suffix"; "infoMessage": "infoMessage"; }, { "valueChange": "valueChange"; "leave": "leave"; "enterPress": "enterPress"; "infoClick": "infoClick"; }, never, never, false>;
 }

package/lib/components/select/select.component.d.ts

@@ -1,10 +1,16 @@
 import { EventEmitter, OnInit } from '@angular/core';
+import { PeekDialogConfig } from '../../classes/Classes';
+import { MessageService } from '../../services/message.service';
+import { DialogService } from '../../services/dialog.service';
 import * as i0 from "@angular/core";
 export declare class SelectComponent implements OnInit {
-    constructor();
+    private messageService;
+    private dialogService;
+    constructor(messageService: MessageService, dialogService: DialogService);
     ngOnInit(): void;
     ngOnChanges(): void;
     displayValue: any;
+    isHovered: boolean;
     width: string;
     readonly: boolean;
     required: boolean;
@@ -21,8 +27,16 @@ export declare class SelectComponent implements OnInit {
     optionDisplay: string;
     optionDisplayExtra: string;
     nullable: boolean;
+    peekConfig: PeekDialogConfig;
+    infoMessage: string;
     valueChange: EventEmitter<any>;
+    infoClick: EventEmitter<void>;
     changed(): void;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onAddClick(event: MouseEvent): void;
+    onViewClick(event: MouseEvent): void;
+    onInfoClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "spa-select", never, { "width": "width"; "readonly": "readonly"; "required": "required"; "defaultFirstValue": "defaultFirstValue"; "readonlyMode": "readonlyMode"; "hint": "hint"; "placeholder": "placeholder"; "multiple": "multiple"; "display": "display"; "value": "value"; "options": "options"; "masterOptions": "masterOptions"; "optionValue": "optionValue"; "optionDisplay": "optionDisplay"; "optionDisplayExtra": "optionDisplayExtra"; "nullable": "nullable"; }, { "valueChange": "valueChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "spa-select", never, { "width": "width"; "readonly": "readonly"; "required": "required"; "defaultFirstValue": "defaultFirstValue"; "readonlyMode": "readonlyMode"; "hint": "hint"; "placeholder": "placeholder"; "multiple": "multiple"; "display": "display"; "value": "value"; "options": "options"; "masterOptions": "masterOptions"; "optionValue": "optionValue"; "optionDisplay": "optionDisplay"; "optionDisplayExtra": "optionDisplayExtra"; "nullable": "nullable"; "peekConfig": "peekConfig"; "infoMessage": "infoMessage"; }, { "valueChange": "valueChange"; "infoClick": "infoClick"; }, never, never, false>;
 }

package/lib/components/table/detailsDialog.component.d.ts

@@ -12,7 +12,7 @@ import * as i0 from "@angular/core";
 export declare class DetailsDialog implements OnInit {
     private breakpointObserver;
     private loaderService;
-    private dataService;
+    dataService: DataServiceLib;
     private messageService;
     private dialogRef;
     detailsConfig: DetailsDialogConfig;
@@ -40,7 +40,7 @@ export declare class DetailsDialog implements OnInit {
     inputChange: EventEmitter<any>;
     loadData(action: Action, reload: any): void;
     inputChanged(event: any): void;
-    setMode(newMode: string): void;
+    setMode(newMode: any): void;
     setTitleAction(): void;
     getButton(name: string): Button;
     testDisabled(row: any, buttonName: string): boolean;
@@ -52,6 +52,8 @@ export declare class DetailsDialog implements OnInit {
     edit(): void;
     delete(): void;
     custom(button: Button): void;
+    private openNestedDetailsDialog;
+    private refreshData;
     handleButtonAction(buttonName: string): void;
     private validateForm;
     private prepareActionData;

package/lib/components/table/table.component.d.ts

@@ -72,6 +72,7 @@ export declare class TableComponent implements OnInit {
     viewModel(row: any): void;
     newModel(): void;
     editModel(row: any): void;
+    private open;
     private openDetailsDialog;
     deleteModel(row: any): void;
     doAction(buttonName: string, row: any): void;

package/lib/components/table-internal/detailsDialog-internal.component.d.ts

@@ -12,7 +12,7 @@ import * as i0 from "@angular/core";
 export declare class DetailsDialogInternal implements OnInit {
     private breakpointObserver;
     private loaderService;
-    private dataService;
+    dataService: DataServiceLib;
     private messageService;
     private dialogRef;
     detailsConfig: DetailsDialogConfig;
@@ -40,7 +40,7 @@ export declare class DetailsDialogInternal implements OnInit {
     inputChange: EventEmitter<any>;
     loadData(action: Action, reload: any): void;
     inputChanged(event: any): void;
-    setMode(newMode: string): void;
+    setMode(newMode: any): void;
     setTitleAction(): void;
     getButton(name: string): Button;
     testDisabled(row: any, buttonName: string): boolean;
@@ -52,6 +52,8 @@ export declare class DetailsDialogInternal implements OnInit {
     edit(): void;
     delete(): void;
     custom(button: Button): void;
+    private openNestedDetailsDialog;
+    private refreshData;
     handleButtonAction(buttonName: string): void;
     private validateForm;
     private prepareActionData;

package/lib/components/table-internal/table-internal.component.d.ts

@@ -72,6 +72,7 @@ export declare class TableInternalComponent implements OnInit {
     viewModel(row: any): void;
     newModel(): void;
     editModel(row: any): void;
+    private open;
     private openDetailsDialog;
     deleteModel(row: any): void;
     doAction(buttonName: string, row: any): void;

package/lib/components/text/text.component.d.ts

@@ -28,6 +28,10 @@ export declare class TextComponent implements OnInit {
     min: number;
     max: number;
     regex: string;
+    suffix: string;
+    infoMessage: string;
+    infoClick: EventEmitter<void>;
+    onInfoClick(event: MouseEvent): void;
     private initFilter;
     private _filter;
     initControl(control: FormControl): void;
@@ -38,5 +42,5 @@ export declare class TextComponent implements OnInit {
     control: FormControl<string>;
     validate(control: FormControl): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextComponent, "spa-text", never, { "readonly": "readonly"; "hint": "hint"; "display": "display"; "placeholder": "placeholder"; "value": "value"; "format": "format"; "type": "type"; "rows": "rows"; "width": "width"; "options": "options"; "optionValue": "optionValue"; "required": "required"; "min": "min"; "max": "max"; "regex": "regex"; }, { "valueChange": "valueChange"; "leave": "leave"; "enterPress": "enterPress"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextComponent, "spa-text", never, { "readonly": "readonly"; "hint": "hint"; "display": "display"; "placeholder": "placeholder"; "value": "value"; "format": "format"; "type": "type"; "rows": "rows"; "width": "width"; "options": "options"; "optionValue": "optionValue"; "required": "required"; "min": "min"; "max": "max"; "regex": "regex"; "suffix": "suffix"; "infoMessage": "infoMessage"; }, { "valueChange": "valueChange"; "leave": "leave"; "enterPress": "enterPress"; "infoClick": "infoClick"; }, never, never, false>;
 }

package/lib/services/dialog.service.d.ts

@@ -1,6 +1,6 @@
 import { MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { Observable } from 'rxjs';
-import { DetailsDialogConfig } from '../classes/Classes';
+import { Column, DetailsDialogConfig, TableConfig } from '../classes/Classes';
 import { BreakpointObserver } from '@angular/cdk/layout';
 import * as i0 from "@angular/core";
 export declare class DialogService {
@@ -13,6 +13,7 @@ export declare class DialogService {
         inputChange: Observable<any>;
         dialogRef: MatDialogRef<T>;
     };
+    openConfiguredDetailsDialog<T>(buttonName: string, row: any, config: TableConfig | DetailsDialogConfig, dialogComponent: new (...args: any[]) => T, column?: Column): Observable<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DialogService>;
 }

package/lib/services/table-config.service.d.ts

@@ -1,7 +1,8 @@
-import { Button, TableConfig } from '../classes/Classes';
+import { Button, Column, TableConfig } from '../classes/Classes';
 import * as i0 from "@angular/core";
 export declare class TableConfigService {
     setColumns(config: TableConfig, smallScreen: boolean): string[];
+    getVisibleColumns(config: TableConfig): Column[];
     getActionsWidth(buttons: Button[]): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableConfigService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TableConfigService>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tin-spa",
-  "version": "2.3.4",
+  "version": "2.3.6",
   "peerDependencies": {
     "@angular/common": "^14.2.0",
     "@angular/core": "^14.2.0"