chrv-components 1.11.98 → 1.12.1

package/index.d.ts

@@ -8,6 +8,7 @@ import { AbstractControl, ValidationErrors, ValidatorFn, AsyncValidatorFn, FormC
 import { MatAutocomplete } from '@angular/material/autocomplete';
 import { SafeHtml, DomSanitizer } from '@angular/platform-browser';
 import { HttpClient, HttpInterceptorFn, HttpEvent, HttpFeature } from '@angular/common/http';
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 export * from 'ngx-pagination';
 export * from 'chrv-pipes';
 
@@ -914,7 +915,6 @@ declare class ChrSearchSelectComponent extends ChrBaseInputComponent implements
     filteredModelOptions?: Observable<any>;
     readonly _inputText: _angular_core.WritableSignal<string | null>;
     readonly values: BehaviorSubject<string>;
-    readonly autocomplete: _angular_core.Signal<MatAutocomplete>;
     readonly placeholder: _angular_core.InputSignal<string | undefined>;
     readonly data: _angular_core.InputSignal<any[] | null>;
     readonly data$: BehaviorSubject<any[]>;
@@ -952,23 +952,14 @@ declare class ChrSearchSelectComponent extends ChrBaseInputComponent implements
      * @param model the data's entry for which we want the textual value
      * */
     protected getModelDisplay: (model: any) => any;
-    /**
-     * Start filtering the autocomplete's list based on the input's textual value
-     */
-    protected registerFilters: () => void;
     /**
      * Increments the filter and focus the filtered input. It also sets the value to null as to force the user to choose a filtered value.
      * @param input the input in which the user should type
      */
     protected increment: (input: any) => void;
-    protected voidd: () => void;
     protected enableShowPanel: (input: any) => void;
     protected disableShowPanel: () => void;
     protected addFromText: (event: any) => void;
-    private _filterModel;
-    private _doFilterModelInt;
-    private _doFilterModelString;
-    private _filterValues;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChrSearchSelectComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChrSearchSelectComponent, "app-chr-search-select, [app-chr-search-select], chr-search-select, [chr-search-select]", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "addCallback": { "alias": "addCallback"; "required": false; "isSignal": true; }; "acceptText": { "alias": "acceptText"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -1020,17 +1011,12 @@ declare class ChrTagSelectComponent extends ChrBaseInputComponent implements Con
     protected add: (event: any) => void;
     protected edit: (entry: any) => void;
     protected remove(value: any): void;
-    protected registerFilters: () => void;
     protected increment: (input: any) => void;
     protected void: () => void;
     protected enableShowPanel: (input: any) => void;
     protected disableShowPanel: () => void;
     protected getTooltip: () => "" | "Appuyez sur 'Enter' pour ajouter la valeur du champs à la liste" | "Entrez un espace pour voir les choix disponibles";
     protected contextMenuItems: (entry: any) => IContextMenuItem[];
-    private _filterModel;
-    private _doFilterModelInt;
-    private _doFilterModelString;
-    private _filterValues;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChrTagSelectComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChrTagSelectComponent, "app-chr-tag-select, [app-chr-tag-select], chr-tag-select, [chr-tag-select]", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "editCallback": { "alias": "editCallback"; "required": false; "isSignal": true; }; "addCallback": { "alias": "addCallback"; "required": false; "isSignal": true; }; "removeCallback": { "alias": "removeCallback"; "required": false; "isSignal": true; }; "acceptText": { "alias": "acceptText"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -1531,7 +1517,7 @@ interface IMinimumColumnMetadata {
     columnName: string;
     columnDefault?: string | null;
     ordinalPosition: number;
-    dataType: string;
+    dataType: string | null;
     length: number;
     scale?: number | null;
     isNullable: boolean;
@@ -1572,7 +1558,7 @@ declare class ColumnMetadata implements IDB2ColumnMetadata {
     ordinalPosition: number;
     columnDefault?: string | null;
     isNullable: boolean;
-    dataType: string;
+    dataType: string | null;
     maxLength?: number | null;
     minLength?: number | null;
     length: number;
@@ -1598,7 +1584,7 @@ declare class ColumnMetadata implements IDB2ColumnMetadata {
     get tooltip(): string;
 }
 
-interface ITableConstraintReference {
+interface ITableConstraintReference extends IMinimumTableConstraintReference {
     constraintSchema: string;
     systemConstraintSchema: string;
     constraintName: string;
@@ -1625,7 +1611,16 @@ declare class TableConstraintReference implements ITableConstraintReference {
 interface IMinimumTableConstraintColumn {
     constraintName: string;
     tableName: string;
+    tableSchema?: string;
     columnName: string;
+    reference?: IMinimumTableConstraintReference | null;
+}
+interface IMinimumTableConstraintReference {
+    constraintSchema: string;
+    constraintName: string;
+    columnCount: number;
+    thisKey: IMinimumTableConstraintColumn;
+    otherKey: IMinimumTableConstraintColumn;
 }
 interface ITableConstraintColumn extends IMinimumTableConstraintColumn {
     systemConstraintSchema: string;
@@ -1685,6 +1680,9 @@ interface IAnonymousTable {
     catalog: string;
     schema: string;
     name: string;
+    description?: string;
+    isReadOnly?: boolean;
+    rowNumberIdentity: string;
     columnMetadatas: ColumnMetadata[];
     tableConstraints: TableConstraint[];
     hasPrimaryKey: boolean;
@@ -1695,12 +1693,15 @@ interface IAnonymousTable {
 interface IDataTable {
     name: string;
     schema: string;
+    description?: string;
+    rowNumberIdentity: string;
     rows: any[];
     count: number;
     addRow(row: any): any;
     updateRow(row: any): boolean;
     removeRow(row: any): boolean;
     getRowIdentifier(row: any): string;
+    getRowNumber(row: any): number;
     compareRows(row1: any, row2: any): boolean;
     primaryKeyColumns(): IMinimumColumnMetadata[];
     getColumnByName(columnName: string): IMinimumColumnMetadata | undefined;
@@ -1709,12 +1710,16 @@ interface IDataTable {
 declare abstract class BaseTable implements IDataTable {
     abstract name: string;
     abstract schema: string;
+    abstract description?: string;
     abstract columnMetadatas: IMinimumColumnMetadata[];
     abstract tableConstraints: IMinimumTableConstraint[];
+    abstract isReadOnly?: boolean;
     abstract hasPrimaryKey: boolean;
     abstract rows: any[];
     abstract count: number;
+    abstract rowNumberIdentity: string;
     abstract getRowIdentifier(row: any): string;
+    abstract getRowNumber(row: any): number;
     abstract primaryKeyColumns(): IMinimumColumnMetadata[];
     addRow(row: any): any;
     updateRow(row: any): boolean;
@@ -1727,6 +1732,9 @@ declare class AnonymousTable extends BaseTable implements IAnonymousTable, IData
     catalog: string;
     schema: string;
     name: string;
+    description?: string;
+    isReadOnly?: boolean;
+    rowNumberIdentity: string;
     columnMetadatas: ColumnMetadata[];
     tableConstraints: TableConstraint[];
     hasPrimaryKey: boolean;
@@ -1737,13 +1745,32 @@ declare class AnonymousTable extends BaseTable implements IAnonymousTable, IData
     fullName(): string;
     primaryKeyColumns(): ColumnMetadata[];
     getRowIdentifier(row: any): string;
+    getRowNumber(row: any): any;
     compareRows(row1: any, row2: any): boolean;
     addRow(row: any): any;
     generateTempRowIdentifier(): any;
 }
 
+declare enum DGFilterMode {
+    EQUALS = 0,
+    NOT_EQUALS = 1,
+    CONTAINS = 2,
+    LOWER_OR_EQUAL = 3,
+    GREATER_OR_EQUAL = 4,
+    STARTS_WITH = 5,
+    ENDS_WITH = 6
+}
+
+declare enum DGGroupAggregationEnum {
+    COUNT = 0,
+    SUM = 1,
+    AVERAGE = 2,
+    MIN = 3,
+    MAX = 4
+}
+
 interface IFormatter {
-    canFormat(value: any, dataType?: string): boolean;
+    canFormat(value: any, metadata?: IMinimumColumnMetadata | null): boolean;
     format(value: any, metadatas?: IMinimumColumnMetadata, ...args: any[]): string | null;
     canEdit?(value: any, columnMetadata: IMinimumColumnMetadata): boolean;
     getEditInputType?(metadata: IMinimumColumnMetadata): string;
@@ -1766,15 +1793,6 @@ declare class DataFormatterService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<DataFormatterService>;
 }
 
-declare enum DGFilterMode {
-    EQUALS = 0,
-    CONTAINS = 1,
-    LOWER_OR_EQUAL = 2,
-    GREATER_OR_EQUAL = 3,
-    STARTS_WITH = 4,
-    ENDS_WITH = 5
-}
-
 interface IDGAddedEntry {
     index: number;
     row: any;
@@ -1797,11 +1815,25 @@ interface IDGFilter {
     mode: DGFilterMode;
     value: string;
 }
+interface IDGGroup {
+    column: string;
+    included: string[];
+    mode: DGGroupAggregationEnum;
+}
+interface IDGRow {
+    id: string;
+    data: any;
+    flag: 'added' | 'modified' | 'deleted' | 'unchanged';
+    valid: boolean;
+}
+type IDGTrackByMode = 'primaryKey' | 'index';
 declare class DataGrid {
     readonly formatterService: DataFormatterService;
     id: _angular_core.WritableSignal<`${string}-${string}-${string}-${string}-${string}`>;
     title: _angular_core.InputSignal<string | null>;
     table: _angular_core.InputSignal<BaseTable | undefined>;
+    viewport: _angular_core.Signal<CdkVirtualScrollViewport | undefined>;
+    headerScroll: _angular_core.Signal<ElementRef<any> | undefined>;
     currentPage: _angular_core.InputSignal<number>;
     pageSize: _angular_core.InputSignal<number>;
     pageChange: _angular_core.OutputEmitterRef<number>;
@@ -1810,7 +1842,7 @@ declare class DataGrid {
     filter: _angular_core.ModelSignal<{
         [key: string]: IDGFilter;
     }>;
-    actions: _angular_core.InputSignal<IAction[]>;
+    groupBy: _angular_core.ModelSignal<IDGGroup | null>;
     cellChange: _angular_core.OutputEmitterRef<{
         index: number;
         row: any;
@@ -1822,13 +1854,17 @@ declare class DataGrid {
         row: any;
         event: Event;
     }>;
+    enableVirtualization: _angular_core.InputSignal<boolean>;
     allowInsert: _angular_core.InputSignal<boolean>;
     allowUpdate: _angular_core.InputSignal<boolean>;
     allowDelete: _angular_core.InputSignal<boolean>;
     allowSync: _angular_core.InputSignal<boolean>;
     allowRefresh: _angular_core.InputSignal<boolean>;
     allowNavigation: _angular_core.InputSignal<boolean>;
+    allowExport: _angular_core.InputSignal<boolean>;
+    allowManageTrackingPersistence: _angular_core.InputSignal<boolean>;
     maxHeight: _angular_core.InputSignal<string>;
+    onExport: _angular_core.OutputEmitterRef<void>;
     onSync: _angular_core.OutputEmitterRef<void>;
     onRefresh: _angular_core.OutputEmitterRef<void>;
     onAddRow: _angular_core.OutputEmitterRef<void>;
@@ -1839,13 +1875,14 @@ declare class DataGrid {
     /**
      * Only supported for DB2 tables. For other types, use the onNavigate event.
      */
-    onDB2Navigate: _angular_core.OutputEmitterRef<{
+    onForeignTableNavigate: _angular_core.OutputEmitterRef<{
         targetTable: string;
         targetSchema: string;
     }>;
     onNavigate: _angular_core.OutputEmitterRef<{
-        fromMetadata: IMinimumColumnMetadata;
+        targetColumnMetadata: IMinimumColumnMetadata;
     }>;
+    crossRequestTrackingPersistence: _angular_core.ModelSignal<boolean>;
     modifiedCells: _angular_core.ModelSignal<{
         rowIndex: number;
         columnName: string;
@@ -1855,10 +1892,16 @@ declare class DataGrid {
     modifiedRows: _angular_core.ModelSignal<IDGChangedEntry[]>;
     addedRows: _angular_core.ModelSignal<IDGAddedEntry[]>;
     deletedRows: _angular_core.ModelSignal<IDGDeletedEntry[]>;
-    protected _addedRows: _angular_core.Signal<any[]>;
+    columnSuggestions: _angular_core.Signal<{
+        [key: string]: any[];
+    }>;
+    trackByMode: _angular_core.ModelSignal<IDGTrackByMode>;
     hasChanges: _angular_core.Signal<boolean>;
+    groupByMap: _angular_core.Signal<{
+        [key: string]: boolean;
+    }>;
     columns: _angular_core.Signal<IMinimumColumnMetadata[]>;
-    rows: _angular_core.Signal<any[]>;
+    rows: _angular_core.Signal<IDGRow[]>;
     totalItems: _angular_core.Signal<number>;
     currentItems: _angular_core.Signal<number>;
     constructor();
@@ -1869,11 +1912,13 @@ declare class DataGrid {
         mode: DGFilterMode;
         value: string;
     }): void;
+    onGroupBy(group: IDGGroup): void;
+    onGroupByIncludedChange: (columnName: string, included: boolean) => void;
     onPageChange(page: number): void;
     onPageSizeChange(pageSize: number): void;
     refresh(): void;
     getCellValue(row: any, columnName: string): any;
-    onCellChange(index: number, row: any, column: IMinimumColumnMetadata, value: any): void;
+    onCellChange: (index: number, row: IDGRow, column: IMinimumColumnMetadata, value: any) => void;
     isRowAdded(row: any, index: number): boolean;
     isRowChanged(row: any, index: number): boolean;
     isCellChanged(rowIndex: number, columnName: string): boolean;
@@ -1888,14 +1933,19 @@ declare class DataGrid {
         deleted: any[];
         hasChanges: boolean;
     };
-    getRowTrackBy: (row: any, index: number) => string;
+    getRowTrackBy: (row: any, index: number) => number;
     hasInvalidRows: () => boolean;
     validateRow: (row: any) => boolean;
     canEdit: (column: IMinimumColumnMetadata) => boolean;
+    isPrimaryKeyColumn: (column: IMinimumColumnMetadata) => boolean;
+    isUniqueKeyColumn: (column: IMinimumColumnMetadata) => boolean;
+    isEditSafe: (column: IMinimumColumnMetadata) => boolean;
     isForeignKeyColumn: (column: IMinimumColumnMetadata) => boolean;
-    getContextMenuItems: (row: any, rowIndex: number) => IContextMenuItem[];
+    getContextMenuItems: (row: IDGRow, rowIndex: number) => IContextMenuItem[];
+    toggleCrossRequestTrackingPersistence(): void;
+    onViewportScroll(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataGrid, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataGrid, "chr-data-grid", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "table": { "alias": "table"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "allowInsert": { "alias": "allowInsert"; "required": false; "isSignal": true; }; "allowUpdate": { "alias": "allowUpdate"; "required": false; "isSignal": true; }; "allowDelete": { "alias": "allowDelete"; "required": false; "isSignal": true; }; "allowSync": { "alias": "allowSync"; "required": false; "isSignal": true; }; "allowRefresh": { "alias": "allowRefresh"; "required": false; "isSignal": true; }; "allowNavigation": { "alias": "allowNavigation"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "modifiedCells": { "alias": "modifiedCells"; "required": false; "isSignal": true; }; "modifiedRows": { "alias": "modifiedRows"; "required": false; "isSignal": true; }; "addedRows": { "alias": "addedRows"; "required": false; "isSignal": true; }; "deletedRows": { "alias": "deletedRows"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "sort": "sortChange"; "filter": "filterChange"; "cellChange": "cellChange"; "rowClick": "rowClick"; "onSync": "onSync"; "onRefresh": "onRefresh"; "onAddRow": "onAddRow"; "onDeleteRow": "onDeleteRow"; "onDB2Navigate": "onDB2Navigate"; "onNavigate": "onNavigate"; "modifiedCells": "modifiedCellsChange"; "modifiedRows": "modifiedRowsChange"; "addedRows": "addedRowsChange"; "deletedRows": "deletedRowsChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataGrid, "app-data-grid, chr-data-grid", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "table": { "alias": "table"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; "enableVirtualization": { "alias": "enableVirtualization"; "required": false; "isSignal": true; }; "allowInsert": { "alias": "allowInsert"; "required": false; "isSignal": true; }; "allowUpdate": { "alias": "allowUpdate"; "required": false; "isSignal": true; }; "allowDelete": { "alias": "allowDelete"; "required": false; "isSignal": true; }; "allowSync": { "alias": "allowSync"; "required": false; "isSignal": true; }; "allowRefresh": { "alias": "allowRefresh"; "required": false; "isSignal": true; }; "allowNavigation": { "alias": "allowNavigation"; "required": false; "isSignal": true; }; "allowExport": { "alias": "allowExport"; "required": false; "isSignal": true; }; "allowManageTrackingPersistence": { "alias": "allowManageTrackingPersistence"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "crossRequestTrackingPersistence": { "alias": "crossRequestTrackingPersistence"; "required": false; "isSignal": true; }; "modifiedCells": { "alias": "modifiedCells"; "required": false; "isSignal": true; }; "modifiedRows": { "alias": "modifiedRows"; "required": false; "isSignal": true; }; "addedRows": { "alias": "addedRows"; "required": false; "isSignal": true; }; "deletedRows": { "alias": "deletedRows"; "required": false; "isSignal": true; }; "trackByMode": { "alias": "trackByMode"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "sort": "sortChange"; "filter": "filterChange"; "groupBy": "groupByChange"; "cellChange": "cellChange"; "rowClick": "rowClick"; "onExport": "onExport"; "onSync": "onSync"; "onRefresh": "onRefresh"; "onAddRow": "onAddRow"; "onDeleteRow": "onDeleteRow"; "onForeignTableNavigate": "onForeignTableNavigate"; "onNavigate": "onNavigate"; "crossRequestTrackingPersistence": "crossRequestTrackingPersistenceChange"; "modifiedCells": "modifiedCellsChange"; "modifiedRows": "modifiedRowsChange"; "addedRows": "addedRowsChange"; "deletedRows": "deletedRowsChange"; "trackByMode": "trackByModeChange"; }, never, never, true, never>;
 }
 
 declare class ColumnFilter {
@@ -1903,6 +1953,7 @@ declare class ColumnFilter {
     readonly FilterMode: typeof DGFilterMode;
     isOpen: _angular_core.ModelSignal<boolean>;
     by: _angular_core.InputSignal<string>;
+    suggestions: _angular_core.InputSignal<any[]>;
     mode: _angular_core.ModelSignal<DGFilterMode>;
     formatter: _angular_core.WritableSignal<IFormatter | null>;
     private inputRef;
@@ -1920,19 +1971,20 @@ declare class ColumnFilter {
     apply: () => void;
     onInputChange: (inputValue: string) => void;
     getModeLabel: (mode: DGFilterMode) => string;
+    filterModes: _angular_core.Signal<string[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColumnFilter, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColumnFilter, "chr-column-filter", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "by": { "alias": "by"; "required": true; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "columnMetadata": { "alias": "columnMetadata"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "mode": "modeChange"; "value": "valueChange"; "filterChange": "filterChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColumnFilter, "app-column-filter, chr-column-filter", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "by": { "alias": "by"; "required": true; "isSignal": true; }; "suggestions": { "alias": "suggestions"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "columnMetadata": { "alias": "columnMetadata"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "mode": "modeChange"; "value": "valueChange"; "filterChange": "filterChange"; }, never, never, true, never>;
 }
 
 declare class EditableCell implements OnInit, OnDestroy {
     readonly formatterService: DataFormatterService;
-    private initialValue;
     allowUpdate: _angular_core.InputSignal<boolean>;
     isTouched: _angular_core.WritableSignal<boolean>;
     hasChanged: _angular_core.WritableSignal<boolean>;
     formatter: _angular_core.WritableSignal<IFormatter | null>;
     private inputRef;
     input: _angular_core.Signal<HTMLInputElement | null>;
+    inputType: _angular_core.Signal<string | null>;
     private spanRef;
     spanElement: _angular_core.Signal<HTMLSpanElement | null>;
     value: _angular_core.InputSignal<any>;
@@ -1940,6 +1992,7 @@ declare class EditableCell implements OnInit, OnDestroy {
     formattedValue: _angular_core.Signal<any>;
     columnMetadata: _angular_core.InputSignal<IMinimumColumnMetadata>;
     isEditing: _angular_core.WritableSignal<boolean>;
+    isEditingChange: _angular_core.OutputEmitterRef<boolean>;
     error: _angular_core.WritableSignal<string | null>;
     private valueSubjet;
     debounce: rxjs.Observable<any>;
@@ -1951,7 +2004,7 @@ declare class EditableCell implements OnInit, OnDestroy {
     validate: () => void;
     cancel: () => void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditableCell, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditableCell, "chr-editable-cell", never, { "allowUpdate": { "alias": "allowUpdate"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "columnMetadata": { "alias": "columnMetadata"; "required": true; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditableCell, "app-editable-cell, chr-editable-cell", never, { "allowUpdate": { "alias": "allowUpdate"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "columnMetadata": { "alias": "columnMetadata"; "required": true; "isSignal": true; }; }, { "valueChange": "valueChange"; "isEditingChange": "isEditingChange"; }, never, never, true, never>;
 }
 
 declare class MessageBanner {
@@ -2049,6 +2102,16 @@ declare class ScrollIntoViewDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScrollIntoViewDirective, "[scrollIntoView]", never, { "scrollIntoView": { "alias": "scrollIntoView"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class OutsideClickAwareDirective {
+    private elementRef;
+    outsideClick: _angular_core.OutputEmitterRef<MouseEvent>;
+    OutsideClickAware: _angular_core.InputSignal<boolean>;
+    constructor();
+    onClickOutside(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OutsideClickAwareDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OutsideClickAwareDirective, "[OutsideClickAware]", never, { "OutsideClickAware": { "alias": "OutsideClickAware"; "required": false; "isSignal": true; }; }, { "outsideClick": "outsideClick"; }, never, never, true, never>;
+}
+
 declare class ModalService {
     private activeModals;
     private appRef;
@@ -2060,6 +2123,31 @@ declare class ModalService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ModalService>;
 }
 
+interface IExporter {
+    /**
+     * Exports the given data to a file
+     * @param data data to export
+     * @param columns columns' name
+     * @returns an url to download the exported file
+     */
+    export(data: any[], columns: string[], ...params: any[]): string;
+    /**
+     * Checks if the exporter can handle the given file type
+     * @param filetype Type of the file (ex: .csv, .pdf, ...)
+     */
+    canExport(filetype: string): boolean;
+}
+
+declare class DataExporterService {
+    private exporter;
+    constructor();
+    setExporters(exporters: IExporter[]): void;
+    registerExporter(exporter: IExporter): void;
+    export(data: any[], columns: string[], filetype: string, filename?: string, autodownload?: boolean): string | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataExporterService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DataExporterService>;
+}
+
 declare const CHR_MODAL_DATA: InjectionToken<any>;
 declare const CHR_MODAL_REF: InjectionToken<ModalRef<any> | null>;
 
@@ -2207,5 +2295,5 @@ declare const XSRFHEADERNAME: InjectionToken<string>;
 declare const XSRFCOOKIENAME: InjectionToken<string>;
 declare const HUBURL: InjectionToken<string>;
 
-export { Aligments, AnonymousTable, AutofocusDirective, BaseErrorDisplays, BaseTable, BreadcrumbComponent, ButtonComponent, CHR_MODAL_DATA, CHR_MODAL_REF, CarouselComponent, ChrBaseInputComponent, ChrButtonComponent, ChrCheckboxComponent, ChrColorInputComponent, ChrContextMenuComponent, ChrDataTable, ChrDateInputComponent, ChrDatetimeInputComponent, ChrDefaultModalComponent, ChrDeleteModalComponent, ChrDropdownComponent, ChrFile, ChrFileInputComponent, ChrFormComponent, ChrModalComponent, ChrNiceFileInputComponent, ChrPaginatorComponent, ChrSearchSelectComponent, ChrSearchbarComponent, ChrSeparatorComponent, ChrSpinnerComponent, ChrTableComponent, ChrTableHeaderCellComponent, ChrTagSelectComponent, ChrTextareaInputComponent, ChrToastComponent, ChrToggleInputComponent, Colors, ColorsVariables, ColumnFilter, ColumnMetadata, ContextMenuDirective, ControlClickDirective, CookiesService, CrossCellNavigationDirective, DEFAULTLIVEUPDATEMESSAGE, DGFilterMode, DataFormatterService, DataGrid, DataService, DecimalValidatorDirective, DefaultLiveUpdateMessage, EditableCell, FileService, HUBURL, InlineSvgComponent, LiveUpdateService, LiveUpdateStatus, LoaderService, MaxDateValidatorDirective, MaxFileSizeValidator, MaxLengthValidatorDirective, MessageBanner, MinFileSizeValidator, MinLengthValidatorDirective, ModalRef, ModalService, RequiredValidatorDirective, ScrollIntoViewDirective, SpinnerInterceptor, SyncValidatorToAsync, TabComponent, TabGroupComponent, TabToEnterHandlerDirective, TabToInputHandlerDirective, TableConstraint, TableConstraintColumn, TableConstraintReference, ToastService, TypeValidatorDirective, WaitAndStoreXsrfToken, XSRFCOOKIENAME, XSRFHEADERNAME, XsrfInterceptor, decimal, getAsyncValidators, getBackgroundColor, getBorderColor, getContrastBackgroundColor, getContrastBorderColor, getContrastTextColor, getSyncValidators, getTextColor, getValidators, getVariableColor, getVariableContrastColor, maxDate, maxFileSize, maxLength, minFileSize, minLength, provideXsrfHttpClient, required, type };
-export type { Alignment, Breadcrumb, Color, IAction, IAnonymousTable, IChip, IChips, IColumn, IComputedColumn, IComputedRow, IContextMenuItem, IControl, IControlValidation, IDB2ColumnMetadata, IDGAddedEntry, IDGChangedEntry, IDGDeletedEntry, IDGFilter, IDGSort, IDataTable, IFile, IFormSection, IFormatter, IInputSearchFilter, ILiveUpdateMessage, IMinimumColumnMetadata, IMinimumTableConstraint, IMinimumTableConstraintColumn, IModalRef, ISearchFilter, ITableConstraint, ITableConstraintColumn, ITableConstraintReference, IXsrfProviderParams, InputType, ModalData, ModalOptions, TColumn, TColumnType, Toast, ValidationResult };
+export { Aligments, AnonymousTable, AutofocusDirective, BaseErrorDisplays, BaseTable, BreadcrumbComponent, ButtonComponent, CHR_MODAL_DATA, CHR_MODAL_REF, CarouselComponent, ChrBaseInputComponent, ChrButtonComponent, ChrCheckboxComponent, ChrColorInputComponent, ChrContextMenuComponent, ChrDataTable, ChrDateInputComponent, ChrDatetimeInputComponent, ChrDefaultModalComponent, ChrDeleteModalComponent, ChrDropdownComponent, ChrFile, ChrFileInputComponent, ChrFormComponent, ChrModalComponent, ChrNiceFileInputComponent, ChrPaginatorComponent, ChrSearchSelectComponent, ChrSearchbarComponent, ChrSeparatorComponent, ChrSpinnerComponent, ChrTableComponent, ChrTableHeaderCellComponent, ChrTagSelectComponent, ChrTextareaInputComponent, ChrToastComponent, ChrToggleInputComponent, Colors, ColorsVariables, ColumnFilter, ColumnMetadata, ContextMenuDirective, ControlClickDirective, CookiesService, CrossCellNavigationDirective, DEFAULTLIVEUPDATEMESSAGE, DGFilterMode, DataExporterService, DataFormatterService, DataGrid, DataService, DecimalValidatorDirective, DefaultLiveUpdateMessage, EditableCell, FileService, HUBURL, InlineSvgComponent, LiveUpdateService, LiveUpdateStatus, LoaderService, MaxDateValidatorDirective, MaxFileSizeValidator, MaxLengthValidatorDirective, MessageBanner, MinFileSizeValidator, MinLengthValidatorDirective, ModalRef, ModalService, OutsideClickAwareDirective, RequiredValidatorDirective, ScrollIntoViewDirective, SpinnerInterceptor, SyncValidatorToAsync, TabComponent, TabGroupComponent, TabToEnterHandlerDirective, TabToInputHandlerDirective, TableConstraint, TableConstraintColumn, TableConstraintReference, ToastService, TypeValidatorDirective, WaitAndStoreXsrfToken, XSRFCOOKIENAME, XSRFHEADERNAME, XsrfInterceptor, decimal, getAsyncValidators, getBackgroundColor, getBorderColor, getContrastBackgroundColor, getContrastBorderColor, getContrastTextColor, getSyncValidators, getTextColor, getValidators, getVariableColor, getVariableContrastColor, maxDate, maxFileSize, maxLength, minFileSize, minLength, provideXsrfHttpClient, required, type };
+export type { Alignment, Breadcrumb, Color, IAction, IAnonymousTable, IChip, IChips, IColumn, IComputedColumn, IComputedRow, IContextMenuItem, IControl, IControlValidation, IDB2ColumnMetadata, IDGAddedEntry, IDGChangedEntry, IDGDeletedEntry, IDGFilter, IDGGroup, IDGRow, IDGSort, IDGTrackByMode, IDataTable, IFile, IFormSection, IFormatter, IInputSearchFilter, ILiveUpdateMessage, IMinimumColumnMetadata, IMinimumTableConstraint, IMinimumTableConstraintColumn, IMinimumTableConstraintReference, IModalRef, ISearchFilter, ITableConstraint, ITableConstraintColumn, ITableConstraintReference, IXsrfProviderParams, InputType, ModalData, ModalOptions, TColumn, TColumnType, Toast, ValidationResult };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chrv-components",
-  "version": "1.11.98",
+  "version": "1.12.1",
   "peerDependencies": {
     "@angular/common": ">=17.0.0",
     "@angular/core": ">=17.0.0",

package/src/lib/styles/forms.css

@@ -0,0 +1,72 @@
+.form {
+    grid-column: 1 / 13;
+    display: grid;
+    grid-template-columns: repeat(12, 1fr);
+    gap: 1rem;
+
+    button {
+        color: var(--text-color);
+        cursor: pointer;
+        border-radius: 0.25rem;
+
+        &:hover {
+            background-color: var(--neutral-color);
+        }
+    }
+}
+
+.form-inline-buttons {
+    grid-column: span 6;
+    display: flex;
+    justify-items: center;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.form-control {
+    grid-column: span 6;
+    display: flex;
+    flex-direction: column;
+
+    &::placeholder {
+        color: color-mix(in srgb, var(--text-color) 40%, transparent 60%);
+        font-weight: 550;
+    }
+
+    &.with-inline-button {
+        display: flex;
+        flex-direction: row;
+        gap: 0.5rem;
+        align-items: center;
+    }
+
+    &.with-inline-button> :nth-child(-n + 1) {
+        display: flex;
+        flex-direction: column;
+        width: 100%;
+    }
+
+    &.with-inline-button> :nth-child(2) {
+        display: flex;
+        justify-content: center;
+    }
+
+    &.full-width {
+        grid-column: span 12;
+    }
+}
+
+.advanced-search-dropdown {
+    grid-column: span 12;
+
+    .form-control:first-child {
+        margin-top: 0.25rem;
+    }
+}
+
+.form-actions {
+    grid-column: span 12;
+    display: flex;
+    gap: 1rem;
+    justify-content: space-between;
+}