Company Checking Account

This section describes the BfmCompanyCheckingAccountComponent component.

Usage

You can import the BfmCompanyCheckingAccountComponent directly in your route configuration.

company-checking-account.component.ts

import { BfmCompanyCheckingAccountComponent } from '@celerofinancas/ui-user-kit';

@Component({
  standalone: true,
  selector: 'company-checking-account',
  imports: [BfmCompanyCheckingAccountComponent],
  templateUrl: './company-checking-account.component.html',
})
export class CompanyCheckingAccountComponent {}

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

company-checking-account.component.html

<bfm-company-checking-account 
  [accountsLoading$]="accountsLoading$"
  [checkingAccounts$]="checkingAccounts$"
  [company]="company"
  [economicGroup$]="economicGroup$"
  [hasChargeModule]="hasChargeModule"
  (checkingAccountIsActiveValueChanged)="handleCheckingAccountIsActiveValueChanged($event)"
  (openCheckingAccountModal)="handleOpenCheckingAccountModal($event)"
/>

Inputs

The BfmCompanyCheckingAccountComponent component has the following inputs:

accountsLoading$

Accounts loading

Type	Default
any	BehaviorSubject(false)

checkingAccounts$

Checking accounts

Type	Default
Observable of CheckingAccount[]	null

company

Company

Type	Default
Company	null

economicGroup$

Economic group

Type	Default
Observable of EconomicGroup	null

hasChargeModule

Has charge module

Type	Default
boolean	false

Events

The BfmCompanyCheckingAccountComponent component has the following events:

checkingAccountIsActiveValueChanged

Checking account is active value changed event

Type
EventEmitter

openCheckingAccountModal

Open checking account modal event

Type
EventEmitter