mapa-library-ui 1.2.0 → 1.4.0

package/index.d.ts

@@ -1,4 +1,4 @@
-import { FormControl, NgModel, AbstractControl, FormGroup } from '@angular/forms';
+import { FormControl, NgModel, AbstractControl, FormGroup, ControlValueAccessor } from '@angular/forms';
 import * as i0 from '@angular/core';
 import { EventEmitter, AfterViewInit, ElementRef, OnChanges, OnDestroy, Renderer2, SimpleChanges, InjectionToken, Provider, PipeTransform, OnInit, ChangeDetectorRef, Injector, TemplateRef, ApplicationRef } from '@angular/core';
 import { ApexAxisChartSeries, ApexChart, ApexTitleSubtitle, ApexXAxis, ApexStroke, ApexFill, ApexMarkers, ApexYAxis, ApexLegend, ApexResponsive } from 'ng-apexcharts';
@@ -464,6 +464,43 @@ declare class CPFPipe implements PipeTransform {
     static ɵpipe: i0.ɵɵPipeDeclaration<CPFPipe, "cpf", true>;
 }
 
+type DateInput = Date | string | number | null | undefined;
+declare function formatDateAsDayMonthYear(date: Date): string;
+declare function parseDateValue(value: unknown): Date | null;
+declare function isDateValue(value: unknown): boolean;
+declare function parseBrazilianDate(value: string): Date | null;
+declare function normalizeDateInput(value: DateInput): Date | null;
+declare function formatBrazilianDate(value: DateInput): string;
+declare function addDays(date: Date, days: number): Date;
+type LocaleDateStyle = "short" | "medium" | "long" | "full";
+declare function formatLocaleDate(value: DateInput, dateStyle?: LocaleDateStyle): string;
+declare function formatLocaleDateTime(value: DateInput, options?: {
+    dateStyle?: LocaleDateStyle;
+    timeStyle?: LocaleDateStyle;
+}): string;
+declare function getDefaultDateRange(days?: number): {
+    startDate: string;
+    endDate: string;
+};
+declare function getRelativeDateRange(daysBack: number): {
+    startDate: Date;
+    endDate: Date;
+};
+declare function toUtcRangeStartIso(value: DateInput): string | undefined;
+declare function toUtcRangeEndIso(value: DateInput): string | undefined;
+declare function toUtcDayExclusiveEndIso(value: DateInput): string | undefined;
+
+declare class LocaleDatePipe implements PipeTransform {
+    transform(value: DateInput, dateStyle?: LocaleDateStyle): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LocaleDatePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<LocaleDatePipe, "localeDate", true>;
+}
+declare class LocaleDateTimePipe implements PipeTransform {
+    transform(value: DateInput, dateStyle?: LocaleDateStyle, timeStyle?: LocaleDateStyle): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LocaleDateTimePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<LocaleDateTimePipe, "localeDateTime", true>;
+}
+
 interface BigObject<T> {
     [index: string]: T;
 }
@@ -1332,7 +1369,7 @@ declare class MapaDialogComponent {
 }
 declare function openDialog(dialog: MatDialog, dialogData: DialogData, config?: MatDialogConfig): rxjs.Observable<any>;
 
-declare class MapaDropdownComponent implements OnInit, OnChanges, AfterViewInit {
+declare class MapaDropdownComponent implements ControlValueAccessor, OnInit, OnChanges, AfterViewInit {
     private readonly i18n;
     private readonly cdr;
     formControl: FormControl;
@@ -1350,6 +1387,10 @@ declare class MapaDropdownComponent implements OnInit, OnChanges, AfterViewInit
     isChecked: boolean;
     isOptionsGroup: boolean;
     constructor(i18n: MapaI18nService, cdr: ChangeDetectorRef);
+    writeValue(_value: unknown): void;
+    registerOnChange(_fn: (value: unknown) => void): void;
+    registerOnTouched(_fn: () => void): void;
+    setDisabledState(_isDisabled: boolean): void;
     get texts(): mapa_frontend_i18n.MapaUiTextGroups;
     get selectAllLabel(): string;
     get selectedOptions(): ElementOption[];
@@ -1508,11 +1549,15 @@ declare class IconComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "mapa-icon", never, { "svg": { "alias": "svg"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
-declare class MapaInputComponent {
+declare class MapaInputComponent implements ControlValueAccessor {
     formControl: FormControl<unknown>;
     element: InputText;
     type: string;
     suffix: EventEmitter<void>;
+    writeValue(_value: unknown): void;
+    registerOnChange(_fn: (value: unknown) => void): void;
+    registerOnTouched(_fn: () => void): void;
+    setDisabledState(_isDisabled: boolean): void;
     hasValue(): boolean;
     clearValue(): void;
     suffixEmit(): void;
@@ -1543,15 +1588,19 @@ declare class MapaNavListComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<MapaNavListComponent, "mapa-nav-list", never, { "options": { "alias": "options"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
 }
 
-declare class RadioButtonComponent implements OnInit, OnChanges {
+declare class RadioButtonComponent implements ControlValueAccessor, OnInit, OnChanges {
     formControl: FormControl;
     element: ElementBase;
     optionSelected: EventEmitter<ElementOption>;
     selectedOption: ElementOption;
     options: ElementOption[];
+    writeValue(_value: unknown): void;
+    registerOnChange(_fn: (value: unknown) => void): void;
+    registerOnTouched(_fn: () => void): void;
+    setDisabledState(_isDisabled: boolean): void;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    onChange(optionValue: ElementOption): void;
+    onSelectionChange(optionValue: ElementOption): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "mapa-radio-button", never, { "formControl": { "alias": "formControl"; "required": false; }; "element": { "alias": "element"; "required": false; }; }, { "optionSelected": "optionSelected"; }, never, never, true, never>;
 }
@@ -1640,15 +1689,19 @@ declare class MapaDetailsComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<MapaDetailsComponent, "mapa-details", never, {}, {}, never, never, true, never>;
 }
 
-declare class SlideToggleComponent implements OnInit, OnChanges {
+declare class SlideToggleComponent implements ControlValueAccessor, OnInit, OnChanges {
     formControl: FormControl;
     element: ElementBase;
     optionSelected: EventEmitter<ElementOption>;
     selectedOption: ElementOption;
     options: ElementOption[];
+    writeValue(_value: unknown): void;
+    registerOnChange(_fn: (value: unknown) => void): void;
+    registerOnTouched(_fn: () => void): void;
+    setDisabledState(_isDisabled: boolean): void;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    onChange(optionValue: ElementOption): void;
+    onSelectionChange(optionValue: ElementOption): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SlideToggleComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SlideToggleComponent, "mapa-slide-toggle", never, { "formControl": { "alias": "formControl"; "required": false; }; "element": { "alias": "element"; "required": false; }; }, { "optionSelected": "optionSelected"; }, never, never, true, never>;
 }
@@ -1782,9 +1835,13 @@ declare class TagComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<TagComponent, "mapa-tag", never, { "tag": { "alias": "tag"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
-declare class MapaTextareaComponent {
+declare class MapaTextareaComponent implements ControlValueAccessor {
     formControl: FormControl;
     element: Textarea;
+    writeValue(_value: unknown): void;
+    registerOnChange(_fn: (value: unknown) => void): void;
+    registerOnTouched(_fn: () => void): void;
+    setDisabledState(_isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MapaTextareaComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MapaTextareaComponent, "mapa-textarea", never, { "formControl": { "alias": "formControl"; "required": false; }; "element": { "alias": "element"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -1921,5 +1978,5 @@ declare class MapaScaleParameterizationComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<MapaScaleParameterizationComponent, "mapa-scale-parameterization", never, { "data": { "alias": "data"; "required": false; }; "showProgressbar": { "alias": "showProgressbar"; "required": false; }; "showInterval": { "alias": "showInterval"; "required": false; }; "showDots": { "alias": "showDots"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-export { AIH_ESTADOS, AIH_TIPOS, BubblePaginationDirective, ButtonComponent, ButtonIconComponent, CEPRange, CID_NAME, CID_REGEX, CORES, CPFPipe, CapabilityClassificationService, CheckboxComponent, Datepicker, DatepickerRange, Dropdown, DropdownTree, ESTADOS, ESTADOS_SIGLA, ElementBase, FiltersComponent, HtmlSanitizerService, IPTUCREATE, IPTUMASKS, IPTUVALIDATE, IconComponent, InputText, LOCALIZACAO_BAIRROS, LOCALIZACAO_CIDADES, LOCALIZACAO_COMPLEMENTOS, LOCALIZACAO_ESTADOS, LOCALIZACAO_LOGRADOUROS, LOCALIZACAO_RUAS, MAPA_DATEPICKER_FORMATS, MAPA_DATEPICKER_RANGE_FORMATS, MAPA_UI_TEXTS, MASKSIE, MapaBenchmarkChartComponent, MapaBenchmarkIndicatorComponent, MapaBreadcrumbComponent, MapaCapabilityComparativeChartComponent, MapaCapabilityComparativeComponent, MapaCapabilityComparativeHeaderComponent, MapaCapabilityDetailComponent, MapaCapabilityDotComponent, MapaCapabilityExpandComponent, MapaCapabilityIndicatorChartComponent, MapaCapabilityIndicatorComponent, MapaCapabilityIndicatorListComponent, MapaCapabilityIntervalBarComponent, MapaCapabilityIntervalComponent, MapaChartComponent, MapaDatepicker, MapaDatepickerRange, MapaDetailsComponent, MapaDialogComponent, MapaDropdownComponent, MapaDropdownTreeComponent, MapaEmptyStateComponent, MapaFormComponent, MapaFormErrorsComponent, MapaGroupReportComponent, MapaI18nService, MapaInputComponent, MapaMenuComponent, MapaNavListComponent, MapaProgressbarComponent, MapaScaleComponent, MapaScaleParameterizationComponent, MapaSvgIconComponent, MapaTableComponent, MapaTextareaComponent, MapaTooltipComponent, MapaTooltipDirective, MapaWarningComponent, MatInputAutosizeDirective, PLACAS_INVALID, PLACAS_RANGE, RadioButton, RadioButtonComponent, ReportItemComponent, SafeHtmlPipe, SlideToggle, SlideToggleComponent, TagComponent, Textarea, ValidationMessageResolverService, allNumbersAreSame, buildDetailedIndicatorSections, buildIndicatorCollections, cep_ranges, create_aih, create_cartaocredito, create_certidao, create_cnh, create_cnhespelho, create_cnpj, create_cns, create_cpf, create_ect, create_iptu, create_iptu_ctba, create_iptu_sp, create_pispasep, create_processo, create_renachestadual, create_renachseguranca, create_renavam, create_titulo, create_titulo_atual, creditCardValidator, currencyToNumber, customPaginatorFactory, faker_iptu, fillString, generateInscricaoEstadual, getAllDigits, getAllWords, getSpecialProperty, isArray, isNil, isNumber, isPresent, isString, makeGenericFaker, maskBr, mask_iptu, mergeMapaUiTexts, modulo11, modulo11Custom, modulo11a, normalizeLookup, normalizeText, numberToCurrency, openDialog, processCaretTraps, provideMapaUiTexts, rand, randArray, randomEstadoSigla, randomLetter, randomLetterOrNumber, randomNumber, rg_rj, rg_sp, sanitizeHtmlContent, slugify, utilsBr, validateBr, validate_aih, validate_cartaocredito, validate_celular, validate_cep, validate_certidao, validate_chassi, validate_cnh, validate_cnhespelho, validate_cnpj, validate_cns, validate_cpf, validate_currency, validate_datahora, validate_datetime, validate_ect, validate_inscricaoestadual, validate_iptu, validate_iptu_contagem, validate_iptu_ctba, validate_iptu_sp, validate_number, validate_pispasep, validate_placa, validate_porcentagem, validate_processo, validate_renachestadual, validate_renachseguranca, validate_renavam, validate_rg, validate_sped, validate_telefone, validate_time, validate_titulo };
-export type { ActionButton, Benchmark, BenchmarkMark, BenchmarkingChart, Classification as BenchmarkingClassification, BigObject, Breadpiece, ButtonIcon, Candidate, Capability, CapabilityClassification, CapabilityComparative, CapabilityItem, ChartOptions, Classification$1 as Classification, Competence$1 as Competence, DataNode, DetailedIndicatorItem, DetailedIndicatorSection, DialogData, Dimension$1 as Dimension, ElementOption, ElementSearch, ElementTreeNode, Errors, EstadosType, EvaluationBenchmarkResult, Dimension$2 as GroupReportDimension, GroupReportItem, IndicatorCollectionOptions, IndicatorCollections, Indicators, LowReliabilityReport, MapaDatepickerRangeComponent, MapaDatepickerRangeControlValue, MapaDatepickerRangeFormGroup, MapaUiTexts, MaskType, Masks, MasksIE, MenuActionEvent, MenuActionItem, MenuItem, ProgressBar$1 as ProgressBar, ReportItem, ReportItemMenuItem, RowClickEvent, Scale$1 as Scale, Competence as ScaleParameterizationCompetence, Dimension as ScaleParameterizationDimension, ProgressBar as ScaleParameterizationProgressBar, Scale as ScaleParameterizationScale, SelectedTableRow, Status, TableCellStyleClass, TableColumn, TableColumnStatus, TableEmptyState, TableRowData, TableStatus, Tag, ValidationMessageContext };
+export { AIH_ESTADOS, AIH_TIPOS, BubblePaginationDirective, ButtonComponent, ButtonIconComponent, CEPRange, CID_NAME, CID_REGEX, CORES, CPFPipe, CapabilityClassificationService, CheckboxComponent, Datepicker, DatepickerRange, Dropdown, DropdownTree, ESTADOS, ESTADOS_SIGLA, ElementBase, FiltersComponent, HtmlSanitizerService, IPTUCREATE, IPTUMASKS, IPTUVALIDATE, IconComponent, InputText, LOCALIZACAO_BAIRROS, LOCALIZACAO_CIDADES, LOCALIZACAO_COMPLEMENTOS, LOCALIZACAO_ESTADOS, LOCALIZACAO_LOGRADOUROS, LOCALIZACAO_RUAS, LocaleDatePipe, LocaleDateTimePipe, MAPA_DATEPICKER_FORMATS, MAPA_DATEPICKER_RANGE_FORMATS, MAPA_UI_TEXTS, MASKSIE, MapaBenchmarkChartComponent, MapaBenchmarkIndicatorComponent, MapaBreadcrumbComponent, MapaCapabilityComparativeChartComponent, MapaCapabilityComparativeComponent, MapaCapabilityComparativeHeaderComponent, MapaCapabilityDetailComponent, MapaCapabilityDotComponent, MapaCapabilityExpandComponent, MapaCapabilityIndicatorChartComponent, MapaCapabilityIndicatorComponent, MapaCapabilityIndicatorListComponent, MapaCapabilityIntervalBarComponent, MapaCapabilityIntervalComponent, MapaChartComponent, MapaDatepicker, MapaDatepickerRange, MapaDetailsComponent, MapaDialogComponent, MapaDropdownComponent, MapaDropdownTreeComponent, MapaEmptyStateComponent, MapaFormComponent, MapaFormErrorsComponent, MapaGroupReportComponent, MapaI18nService, MapaInputComponent, MapaMenuComponent, MapaNavListComponent, MapaProgressbarComponent, MapaScaleComponent, MapaScaleParameterizationComponent, MapaSvgIconComponent, MapaTableComponent, MapaTextareaComponent, MapaTooltipComponent, MapaTooltipDirective, MapaWarningComponent, MatInputAutosizeDirective, PLACAS_INVALID, PLACAS_RANGE, RadioButton, RadioButtonComponent, ReportItemComponent, SafeHtmlPipe, SlideToggle, SlideToggleComponent, TagComponent, Textarea, ValidationMessageResolverService, addDays, allNumbersAreSame, buildDetailedIndicatorSections, buildIndicatorCollections, cep_ranges, create_aih, create_cartaocredito, create_certidao, create_cnh, create_cnhespelho, create_cnpj, create_cns, create_cpf, create_ect, create_iptu, create_iptu_ctba, create_iptu_sp, create_pispasep, create_processo, create_renachestadual, create_renachseguranca, create_renavam, create_titulo, create_titulo_atual, creditCardValidator, currencyToNumber, customPaginatorFactory, faker_iptu, fillString, formatBrazilianDate, formatDateAsDayMonthYear, formatLocaleDate, formatLocaleDateTime, generateInscricaoEstadual, getAllDigits, getAllWords, getDefaultDateRange, getRelativeDateRange, getSpecialProperty, isArray, isDateValue, isNil, isNumber, isPresent, isString, makeGenericFaker, maskBr, mask_iptu, mergeMapaUiTexts, modulo11, modulo11Custom, modulo11a, normalizeDateInput, normalizeLookup, normalizeText, numberToCurrency, openDialog, parseBrazilianDate, parseDateValue, processCaretTraps, provideMapaUiTexts, rand, randArray, randomEstadoSigla, randomLetter, randomLetterOrNumber, randomNumber, rg_rj, rg_sp, sanitizeHtmlContent, slugify, toUtcDayExclusiveEndIso, toUtcRangeEndIso, toUtcRangeStartIso, utilsBr, validateBr, validate_aih, validate_cartaocredito, validate_celular, validate_cep, validate_certidao, validate_chassi, validate_cnh, validate_cnhespelho, validate_cnpj, validate_cns, validate_cpf, validate_currency, validate_datahora, validate_datetime, validate_ect, validate_inscricaoestadual, validate_iptu, validate_iptu_contagem, validate_iptu_ctba, validate_iptu_sp, validate_number, validate_pispasep, validate_placa, validate_porcentagem, validate_processo, validate_renachestadual, validate_renachseguranca, validate_renavam, validate_rg, validate_sped, validate_telefone, validate_time, validate_titulo };
+export type { ActionButton, Benchmark, BenchmarkMark, BenchmarkingChart, Classification as BenchmarkingClassification, BigObject, Breadpiece, ButtonIcon, Candidate, Capability, CapabilityClassification, CapabilityComparative, CapabilityItem, ChartOptions, Classification$1 as Classification, Competence$1 as Competence, DataNode, DateInput, DetailedIndicatorItem, DetailedIndicatorSection, DialogData, Dimension$1 as Dimension, ElementOption, ElementSearch, ElementTreeNode, Errors, EstadosType, EvaluationBenchmarkResult, Dimension$2 as GroupReportDimension, GroupReportItem, IndicatorCollectionOptions, IndicatorCollections, Indicators, LocaleDateStyle, LowReliabilityReport, MapaDatepickerRangeComponent, MapaDatepickerRangeControlValue, MapaDatepickerRangeFormGroup, MapaUiTexts, MaskType, Masks, MasksIE, MenuActionEvent, MenuActionItem, MenuItem, ProgressBar$1 as ProgressBar, ReportItem, ReportItemMenuItem, RowClickEvent, Scale$1 as Scale, Competence as ScaleParameterizationCompetence, Dimension as ScaleParameterizationDimension, ProgressBar as ScaleParameterizationProgressBar, Scale as ScaleParameterizationScale, SelectedTableRow, Status, TableCellStyleClass, TableColumn, TableColumnStatus, TableEmptyState, TableRowData, TableStatus, Tag, ValidationMessageContext };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mapa-library-ui",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "peerDependencies": {
     "@angular/animations": "^20.3.0",
     "@angular/cdk": "^20.2.0",
@@ -11,7 +11,7 @@
     "@angular/material": "^20.2.0",
     "@angular/router": "^20.3.0",
     "apexcharts": "^5.10.3",
-    "mapa-frontend-i18n": "^1.3.0",
+    "mapa-frontend-i18n": "1.3.3",
     "ng-apexcharts": "^2.3.0",
     "ngx-mask": "^20.0.3",
     "ngx-mat-select-search": "^8.0.4",

package/src/lib/components/capability/index.d.ts

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { EventEmitter, OnInit, OnChanges, AfterViewInit, ChangeDetectorRef, SimpleChanges, TemplateRef, ElementRef, ApplicationRef } from '@angular/core';
 import * as mapa_frontend_i18n from 'mapa-frontend-i18n';
 import { MapaUiTextGroups, ValidationContext, PartialMapaUiTexts } from 'mapa-frontend-i18n';
-import { FormControl } from '@angular/forms';
+import { FormControl, ControlValueAccessor } from '@angular/forms';
 import { MatCheckboxChange } from '@angular/material/checkbox';
 import { MatSelect } from '@angular/material/select';
 import * as rxjs from 'rxjs';
@@ -157,7 +157,7 @@ declare class MapaI18nService {
     static ɵprov: i0.ɵɵInjectableDeclaration<MapaI18nService>;
 }
 
-declare class MapaDropdownComponent implements OnInit, OnChanges, AfterViewInit {
+declare class MapaDropdownComponent implements ControlValueAccessor, OnInit, OnChanges, AfterViewInit {
     private readonly i18n;
     private readonly cdr;
     formControl: FormControl;
@@ -175,6 +175,10 @@ declare class MapaDropdownComponent implements OnInit, OnChanges, AfterViewInit
     isChecked: boolean;
     isOptionsGroup: boolean;
     constructor(i18n: MapaI18nService, cdr: ChangeDetectorRef);
+    writeValue(_value: unknown): void;
+    registerOnChange(_fn: (value: unknown) => void): void;
+    registerOnTouched(_fn: () => void): void;
+    setDisabledState(_isDisabled: boolean): void;
     get texts(): mapa_frontend_i18n.MapaUiTextGroups;
     get selectAllLabel(): string;
     get selectedOptions(): ElementOption[];

package/src/lib/components/dropdown/index.d.ts

@@ -1,4 +1,4 @@
-import { FormControl } from '@angular/forms';
+import { FormControl, ControlValueAccessor } from '@angular/forms';
 import * as i0 from '@angular/core';
 import { EventEmitter, OnInit, OnChanges, AfterViewInit, ChangeDetectorRef, SimpleChanges } from '@angular/core';
 import * as mapa_frontend_i18n from 'mapa-frontend-i18n';
@@ -145,7 +145,7 @@ declare class MapaI18nService {
     static ɵprov: i0.ɵɵInjectableDeclaration<MapaI18nService>;
 }
 
-declare class MapaDropdownComponent implements OnInit, OnChanges, AfterViewInit {
+declare class MapaDropdownComponent implements ControlValueAccessor, OnInit, OnChanges, AfterViewInit {
     private readonly i18n;
     private readonly cdr;
     formControl: FormControl;
@@ -163,6 +163,10 @@ declare class MapaDropdownComponent implements OnInit, OnChanges, AfterViewInit
     isChecked: boolean;
     isOptionsGroup: boolean;
     constructor(i18n: MapaI18nService, cdr: ChangeDetectorRef);
+    writeValue(_value: unknown): void;
+    registerOnChange(_fn: (value: unknown) => void): void;
+    registerOnTouched(_fn: () => void): void;
+    setDisabledState(_isDisabled: boolean): void;
     get texts(): mapa_frontend_i18n.MapaUiTextGroups;
     get selectAllLabel(): string;
     get selectedOptions(): ElementOption[];

package/src/lib/components/form/index.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, OnInit, OnChanges, SimpleChanges } from '@angular/core';
-import { FormControl, FormGroup } from '@angular/forms';
+import { FormControl, ControlValueAccessor, FormGroup } from '@angular/forms';
 
 declare class ButtonComponent {
     color: 'primary' | 'accent' | 'basic' | null | undefined;
@@ -131,11 +131,15 @@ declare class InputText extends ElementBase {
     controlType: string;
 }
 
-declare class MapaInputComponent {
+declare class MapaInputComponent implements ControlValueAccessor {
     formControl: FormControl<unknown>;
     element: InputText;
     type: string;
     suffix: EventEmitter<void>;
+    writeValue(_value: unknown): void;
+    registerOnChange(_fn: (value: unknown) => void): void;
+    registerOnTouched(_fn: () => void): void;
+    setDisabledState(_isDisabled: boolean): void;
     hasValue(): boolean;
     clearValue(): void;
     suffixEmit(): void;
@@ -143,28 +147,36 @@ declare class MapaInputComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<MapaInputComponent, "mapa-input", never, { "formControl": { "alias": "formControl"; "required": false; }; "element": { "alias": "element"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "suffix": "suffix"; }, never, never, true, never>;
 }
 
-declare class RadioButtonComponent implements OnInit, OnChanges {
+declare class RadioButtonComponent implements ControlValueAccessor, OnInit, OnChanges {
     formControl: FormControl;
     element: ElementBase;
     optionSelected: EventEmitter<ElementOption>;
     selectedOption: ElementOption;
     options: ElementOption[];
+    writeValue(_value: unknown): void;
+    registerOnChange(_fn: (value: unknown) => void): void;
+    registerOnTouched(_fn: () => void): void;
+    setDisabledState(_isDisabled: boolean): void;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    onChange(optionValue: ElementOption): void;
+    onSelectionChange(optionValue: ElementOption): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "mapa-radio-button", never, { "formControl": { "alias": "formControl"; "required": false; }; "element": { "alias": "element"; "required": false; }; }, { "optionSelected": "optionSelected"; }, never, never, true, never>;
 }
 
-declare class SlideToggleComponent implements OnInit, OnChanges {
+declare class SlideToggleComponent implements ControlValueAccessor, OnInit, OnChanges {
     formControl: FormControl;
     element: ElementBase;
     optionSelected: EventEmitter<ElementOption>;
     selectedOption: ElementOption;
     options: ElementOption[];
+    writeValue(_value: unknown): void;
+    registerOnChange(_fn: (value: unknown) => void): void;
+    registerOnTouched(_fn: () => void): void;
+    setDisabledState(_isDisabled: boolean): void;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    onChange(optionValue: ElementOption): void;
+    onSelectionChange(optionValue: ElementOption): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SlideToggleComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SlideToggleComponent, "mapa-slide-toggle", never, { "formControl": { "alias": "formControl"; "required": false; }; "element": { "alias": "element"; "required": false; }; }, { "optionSelected": "optionSelected"; }, never, never, true, never>;
 }
@@ -173,9 +185,13 @@ declare class Textarea extends ElementBase {
     controlType: string;
 }
 
-declare class MapaTextareaComponent {
+declare class MapaTextareaComponent implements ControlValueAccessor {
     formControl: FormControl;
     element: Textarea;
+    writeValue(_value: unknown): void;
+    registerOnChange(_fn: (value: unknown) => void): void;
+    registerOnTouched(_fn: () => void): void;
+    setDisabledState(_isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MapaTextareaComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MapaTextareaComponent, "mapa-textarea", never, { "formControl": { "alias": "formControl"; "required": false; }; "element": { "alias": "element"; "required": false; }; }, {}, never, never, true, never>;
 }

package/src/lib/components/input/index.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { EventEmitter } from '@angular/core';
-import { FormControl } from '@angular/forms';
+import { FormControl, ControlValueAccessor } from '@angular/forms';
 
 interface ElementTreeNode {
     key: string;
@@ -122,11 +122,15 @@ declare class InputText extends ElementBase {
     controlType: string;
 }
 
-declare class MapaInputComponent {
+declare class MapaInputComponent implements ControlValueAccessor {
     formControl: FormControl<unknown>;
     element: InputText;
     type: string;
     suffix: EventEmitter<void>;
+    writeValue(_value: unknown): void;
+    registerOnChange(_fn: (value: unknown) => void): void;
+    registerOnTouched(_fn: () => void): void;
+    setDisabledState(_isDisabled: boolean): void;
     hasValue(): boolean;
     clearValue(): void;
     suffixEmit(): void;

package/src/lib/components/radio-button/index.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, OnInit, OnChanges, SimpleChanges } from '@angular/core';
-import { FormControl } from '@angular/forms';
+import { FormControl, ControlValueAccessor } from '@angular/forms';
 
 interface ElementTreeNode {
     key: string;
@@ -118,15 +118,19 @@ declare class ElementBase {
     });
 }
 
-declare class RadioButtonComponent implements OnInit, OnChanges {
+declare class RadioButtonComponent implements ControlValueAccessor, OnInit, OnChanges {
     formControl: FormControl;
     element: ElementBase;
     optionSelected: EventEmitter<ElementOption>;
     selectedOption: ElementOption;
     options: ElementOption[];
+    writeValue(_value: unknown): void;
+    registerOnChange(_fn: (value: unknown) => void): void;
+    registerOnTouched(_fn: () => void): void;
+    setDisabledState(_isDisabled: boolean): void;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    onChange(optionValue: ElementOption): void;
+    onSelectionChange(optionValue: ElementOption): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "mapa-radio-button", never, { "formControl": { "alias": "formControl"; "required": false; }; "element": { "alias": "element"; "required": false; }; }, { "optionSelected": "optionSelected"; }, never, never, true, never>;
 }

package/src/lib/components/slide-toggle/index.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, OnInit, OnChanges, SimpleChanges } from '@angular/core';
-import { FormControl } from '@angular/forms';
+import { FormControl, ControlValueAccessor } from '@angular/forms';
 
 interface ElementTreeNode {
     key: string;
@@ -118,15 +118,19 @@ declare class ElementBase {
     });
 }
 
-declare class SlideToggleComponent implements OnInit, OnChanges {
+declare class SlideToggleComponent implements ControlValueAccessor, OnInit, OnChanges {
     formControl: FormControl;
     element: ElementBase;
     optionSelected: EventEmitter<ElementOption>;
     selectedOption: ElementOption;
     options: ElementOption[];
+    writeValue(_value: unknown): void;
+    registerOnChange(_fn: (value: unknown) => void): void;
+    registerOnTouched(_fn: () => void): void;
+    setDisabledState(_isDisabled: boolean): void;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    onChange(optionValue: ElementOption): void;
+    onSelectionChange(optionValue: ElementOption): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SlideToggleComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SlideToggleComponent, "mapa-slide-toggle", never, { "formControl": { "alias": "formControl"; "required": false; }; "element": { "alias": "element"; "required": false; }; }, { "optionSelected": "optionSelected"; }, never, never, true, never>;
 }

package/src/lib/components/textarea/index.d.ts

@@ -1,4 +1,4 @@
-import { FormControl } from '@angular/forms';
+import { FormControl, ControlValueAccessor } from '@angular/forms';
 import * as i0 from '@angular/core';
 import { EventEmitter } from '@angular/core';
 
@@ -122,9 +122,13 @@ declare class Textarea extends ElementBase {
     controlType: string;
 }
 
-declare class MapaTextareaComponent {
+declare class MapaTextareaComponent implements ControlValueAccessor {
     formControl: FormControl;
     element: Textarea;
+    writeValue(_value: unknown): void;
+    registerOnChange(_fn: (value: unknown) => void): void;
+    registerOnTouched(_fn: () => void): void;
+    setDisabledState(_isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MapaTextareaComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MapaTextareaComponent, "mapa-textarea", never, { "formControl": { "alias": "formControl"; "required": false; }; "element": { "alias": "element"; "required": false; }; }, {}, never, never, true, never>;
 }