Documents - Bill

This section describes the BfmDocumentsBillComponent component.

Composition

The BfmDocumentsBillComponent has no any composition components.

Usage

You need to import it in your module and use it in your template.

documents-bill.component.ts

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

@Component({
  standalone: true,
  selector: 'documents-bill',
  imports: [BfmDocumentsBillComponent],
  templateUrl: './documents-bill.component.html',
})
export class DocumentsBillComponent {}

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

documents-bill.component.html

<bfm-document-bill-form
  [isEmittedChargeBill]="false"
  [latePaymentFieldsOptions]="latePaymentFieldsOptions"
  (emitAtChanged)="handleEmitAtChanged($event)"
/>

Inputs

The BfmDocumentsBillComponent component has the following inputs:

isEmittedChargeBill

Whether charge is emitted

Type	Default
boolean	false

latePaymentFieldsOptions

Late payment fields options

Type
DocumentsFieldsOption[]

Default value:

[
  {
    label: 'Dias de atraso max',
    formControlName: 'maximum_delay',
    mask: '0*',
    suffix: ' dias',
  },
  {
    label: 'Multa',
    formControlName: 'bill_fine',
    mask: 'percent.2',
    suffix: ' %',
  },
  {
    label: 'Juros',
    formControlName: 'interest',
    mask: 'percent.2',
    suffix: ' %',
  },
  {
    label: 'Número do documento',
    formControlName: 'platform_bill_code',
    mask: '9999999999',
    suffix: '',
  },
]

Events

The BfmDocumentsBillComponent component has the following Events:

emitAtChanged

Emit at changed

Type
EventEmitter