Conciliation Group

This section describes the BfmConciliationGroupComponent component.

Composition

The BfmConciliationGroupComponent is composed of the following components:

BfmListConciliationGroupComponent - List of conciliation group records.
BfmHistoryListConciliationGroupComponent - Historical list of conciliation group records.

Usage

You can import the BfmConciliationGroupComponent directly in your route configuration.

import { BfmConciliationGroupComponent } from '@celerofinancas/ui-cash-flow';

const routes = [
  {
    path: 'conciliation-group',
    component: BfmConciliationGroupComponent,
  },
];

But if you need more customization, you need to import it in your module and use it in your template.

conciliation-group.component.ts
import { BfmConciliationGroupComponent } from '@celerofinancas/ui-cash-flow';

@Component({
  standalone: true,
  selector: 'conciliation-group',
  imports: [BfmConciliationGroupComponent],
  templateUrl: './conciliation-group.component.html',
})
export class ConciliationGroupComponent {}

Then, in your template, you can use the component like this:

conciliation-group.component.html
<bfm-conciliation-group 
  [inputName]="'inputValue'"
  (cardSelect)="handleCardSelect($event)"
  (conciliationGroupAction)="handleConciliationGroupAction($event)"
  (filtersChanged)="handleFiltersChanged($event)"
  (track)="handleTrack($event)"
  (updateStatusCounter)="handleUpdateStatusCounter($event)"
/>

Inputs

The BfmConciliationGroupComponent component has the following inputs:

`checkingAccounts`

Loading controller

Type	Default
`any[]`	`[]`

`headerColumnsProperties`

Customizable values for header table (List Conciliation Group) and properties order.

Type
ListConciliationGroupTable[]

`loading`

Loading controller

Type	Default
`boolean`	`false`

`records`

Conciliation group records list data

Type	Default
`any[]`	`[]`

`summaryCards`

Summary cards data

Type	Default
HistorySummaryCard	`undefined`

Events

The BfmConciliationGroupComponent component has the following Events:

`cardSelect`

Card select event emitter

Type
`EventEmitter`