Invoice list - Calendar
Component: <pcp-invoices-list>
Description
This component encapsule a list of pcp-carousel-item components, each representing a invoice for a specific month. It allows users to select a invoice and view the cards associated with it.
Usage
import { PcpInvoicesListComponent } from '@celerofinancas/pcp-client-ui';
<pcp-invoices-list
(selected)="selected($event)"
(loading)="loading($event)"
/>
Component Inputs and Outputs
Inputs
No specific inputs are required for this component as it is designed to manage its own state and interactions internally.
Outputs
| Name | Type | Description |
|---|---|---|
selected | EventEmitter<{card: 1, yearMonth: 202501}> | Emits the ID of the currently selected card along with the selected invoice month |
loading | EventEmitter<boolean> | Emits a boolean indicating whether the component is currently loading data |
Dependencies
- @celerofinancas/class-utils
- @celerofinancas/design-system
- @celerofinancas/ui-loaders