Company Related Accordion Item

This section describes the BfmCompanyRelatedAccordionItemComponent component.

Usage

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

company-related-accordion-item.component.ts

import { BfmCompanyRelatedAccordionItemComponent } from '@celerofinancas/ui-company-kit';

@Component({
  selector: 'company-related-accordion-item',
  imports: [BfmCompanyRelatedAccordionItemComponent],
  templateUrl: './company-related-accordion-item.component.html',
  standalone: true,
})
export class CompanyRelatedAccordionItemComponent {}

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

company-related-accordion-item.component.html

 <bfm-company-related-accordion-item
  [cardData]="cardData"
  [companyPk]="'companyPkValue'"
  [companyRelated]="companyRelated"
  [enableDelete]="true"
  [enableEdit]="true"
  (deleteCompanyRelated)="handleDelete($event)"
  (editCompanyRelated)="handleEdit($event)"
  (expansionChange)="handleExpansionChange($event)"
/>

Inputs

The BfmCompanyRelatedAccordionItemComponent component has the following inputs:

cardData

Company related card data containing the company name and the company related name.

Type	Default
{ company: {}; banking: {}; pixs: {}; }	[company: {}, banking: {}, pixs: {}]

companyPk

Company primary key.

Type	Default
string	''

companyRelated

Company related data.

Type	Default
object	{}

enableDelete

Enable delete button.

Type	Default
boolean	false

enableEdit

Enable edit button.

Type	Default
boolean	false

Events

The BfmCompanyRelatedAccordionItemComponent component has the following events:

deleteCompanyRelated

Event triggered when the delete button is clicked.

Type
EventEmitter

editCompanyRelated

Event triggered when the edit button is clicked.

Type
EventEmitter

expansionChange

Event triggered when the expansion panel is opened or closed.

Type
EventEmitter