cfc-ds
Version:
Design System do Conselho Federal de Contabilidade baseado no govbr-ds
68 lines • 10.6 kB
JavaScript
import { Component, forwardRef, Input, } from '@angular/core';
import { NG_VALUE_ACCESSOR } from '@angular/forms';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class CheckboxComponent {
name;
id;
label;
value;
formControlName = null;
disabled = false;
inline = false;
options;
constructor() { }
ngOnInit() { }
onChange = () => { };
onTouched = () => { };
writeValue(value) {
this.value = value;
}
registerOnChange(fn) {
this.onChange = fn;
}
registerOnTouched(fn) {
this.onTouched = fn;
}
setDisabledState(isDisabled) {
this.disabled = isDisabled;
}
onChecked(event) {
const checked = event.target.checked;
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CheckboxComponent, selector: "cfc-checkbox", inputs: { name: "name", id: "id", label: "label", value: "value", formControlName: "formControlName", disabled: "disabled", inline: "inline", options: "options" }, providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => CheckboxComponent),
multi: true,
},
], ngImport: i0, template: "<ng-container *ngIf=\"options.length > 0\"\r\n ><div\r\n [class.d-inline-block]=\"inline\"\r\n [class.mr-5]=\"inline\"\r\n [class.mb-2]=\"!inline\"\r\n *ngFor=\"let option of options; index as i\"\r\n >\r\n <div class=\"br-checkbox\">\r\n <input\r\n [attr.id]=\"i\"\r\n [name]=\"name\"\r\n type=\"checkbox\"\r\n [attr.aria-label]=\"option.label\"\r\n [value]=\"option.value\"\r\n (change)=\"onChecked($event)\"\r\n />\r\n <label [attr.for]=\"i\">{{ option.label }}</label>\r\n </div>\r\n </div>\r\n</ng-container>\r\n<ng-container *ngIf=\"options.length === 0\">\r\n <div\r\n [class.d-inline-block]=\"inline\"\r\n [class.mr-5]=\"inline\"\r\n [class.mb-2]=\"!inline\"\r\n >\r\n <div class=\"br-checkbox\">\r\n <input\r\n [attr.id]=\"id\"\r\n [name]=\"name\"\r\n type=\"checkbox\"\r\n [attr.aria-label]=\"label\"\r\n [value]=\"value\"\r\n (change)=\"onChecked($event)\"\r\n />\r\n <label [attr.for]=\"id\">{{ label }}</label>\r\n </div>\r\n </div>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckboxComponent, decorators: [{
type: Component,
args: [{ selector: 'cfc-checkbox', providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => CheckboxComponent),
multi: true,
},
], template: "<ng-container *ngIf=\"options.length > 0\"\r\n ><div\r\n [class.d-inline-block]=\"inline\"\r\n [class.mr-5]=\"inline\"\r\n [class.mb-2]=\"!inline\"\r\n *ngFor=\"let option of options; index as i\"\r\n >\r\n <div class=\"br-checkbox\">\r\n <input\r\n [attr.id]=\"i\"\r\n [name]=\"name\"\r\n type=\"checkbox\"\r\n [attr.aria-label]=\"option.label\"\r\n [value]=\"option.value\"\r\n (change)=\"onChecked($event)\"\r\n />\r\n <label [attr.for]=\"i\">{{ option.label }}</label>\r\n </div>\r\n </div>\r\n</ng-container>\r\n<ng-container *ngIf=\"options.length === 0\">\r\n <div\r\n [class.d-inline-block]=\"inline\"\r\n [class.mr-5]=\"inline\"\r\n [class.mb-2]=\"!inline\"\r\n >\r\n <div class=\"br-checkbox\">\r\n <input\r\n [attr.id]=\"id\"\r\n [name]=\"name\"\r\n type=\"checkbox\"\r\n [attr.aria-label]=\"label\"\r\n [value]=\"value\"\r\n (change)=\"onChecked($event)\"\r\n />\r\n <label [attr.for]=\"id\">{{ label }}</label>\r\n </div>\r\n </div>\r\n</ng-container>\r\n" }]
}], ctorParameters: () => [], propDecorators: { name: [{
type: Input
}], id: [{
type: Input
}], label: [{
type: Input
}], value: [{
type: Input
}], formControlName: [{
type: Input
}], disabled: [{
type: Input
}], inline: [{
type: Input
}], options: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2ZjLWRzL3NyYy9saWIvY29tcG9uZW50cy9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jZmMtZHMvc3JjL2xpYi9jb21wb25lbnRzL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsVUFBVSxFQUNWLEtBQUssR0FHTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQWlCekUsTUFBTSxPQUFPLGlCQUFpQjtJQUNuQixJQUFJLENBQVU7SUFDZCxFQUFFLENBQVU7SUFDWixLQUFLLENBQVU7SUFDZixLQUFLLENBQU87SUFDWixlQUFlLEdBQTJCLElBQUksQ0FBQztJQUMvQyxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ2pCLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDZixPQUFPLENBQW9CO0lBR3BDLGdCQUFlLENBQUM7SUFFaEIsUUFBUSxLQUFJLENBQUM7SUFFYixRQUFRLEdBQXlCLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztJQUMxQyxTQUFTLEdBQWUsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO0lBRWpDLFVBQVUsQ0FBQyxLQUFVO1FBQ25CLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO0lBQ3JCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3RCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFPO1FBQ3ZCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBRSxVQUFtQjtRQUNuQyxJQUFJLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztJQUM3QixDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQVk7UUFDcEIsTUFBTSxPQUFPLEdBQUksS0FBSyxDQUFDLE1BQTJCLENBQUMsT0FBTyxDQUFDO0lBQzdELENBQUM7d0dBcENVLGlCQUFpQjs0RkFBakIsaUJBQWlCLDJNQVJqQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsaUJBQWlCLENBQUM7Z0JBQ2hELEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRiwwQkN2QkgsbW1DQXVDQTs7NEZEZGEsaUJBQWlCO2tCQVo3QixTQUFTOytCQUNFLGNBQWMsYUFHYjt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxrQkFBa0IsQ0FBQzs0QkFDaEQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7d0RBR1EsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIGZvcndhcmRSZWYsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG4gIE91dHB1dCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBDaGVja2JveE9wdGlvbiB9IGZyb20gJy4uLy4uL21vZGVscy9jaGVja2JveC5tb2RlbCc7XHJcblxyXG5cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY2ZjLWNoZWNrYm94JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2hlY2tib3guY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NoZWNrYm94LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7XHJcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBDaGVja2JveENvbXBvbmVudCksXHJcbiAgICAgIG11bHRpOiB0cnVlLFxyXG4gICAgfSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2hlY2tib3hDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XHJcbiAgQElucHV0KCkgbmFtZT86IHN0cmluZztcclxuICBASW5wdXQoKSBpZD86IHN0cmluZztcclxuICBASW5wdXQoKSBsYWJlbD86IHN0cmluZztcclxuICBASW5wdXQoKSB2YWx1ZSE6IGFueTtcclxuICBASW5wdXQoKSBmb3JtQ29udHJvbE5hbWU6IHN0cmluZyB8IG51bWJlciB8IG51bGwgPSBudWxsO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaW5saW5lID0gZmFsc2U7XHJcbiAgQElucHV0KCkgb3B0aW9ucyE6IENoZWNrYm94T3B0aW9uW107XHJcblxyXG5cclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG5nT25Jbml0KCkge31cclxuXHJcbiAgb25DaGFuZ2U6ICh2YWx1ZTogYW55KSA9PiB2b2lkID0gKCkgPT4ge307XHJcbiAgb25Ub3VjaGVkOiAoKSA9PiB2b2lkID0gKCkgPT4ge307XHJcblxyXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XHJcbiAgfVxyXG5cclxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xyXG4gIH1cclxuXHJcbiAgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XHJcbiAgfVxyXG5cclxuICBvbkNoZWNrZWQoZXZlbnQ6IEV2ZW50KSB7XHJcbiAgICBjb25zdCBjaGVja2VkID0gKGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50KS5jaGVja2VkO1xyXG4gIH1cclxufVxyXG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwib3B0aW9ucy5sZW5ndGggPiAwXCJcclxuICA+PGRpdlxyXG4gICAgW2NsYXNzLmQtaW5saW5lLWJsb2NrXT1cImlubGluZVwiXHJcbiAgICBbY2xhc3MubXItNV09XCJpbmxpbmVcIlxyXG4gICAgW2NsYXNzLm1iLTJdPVwiIWlubGluZVwiXHJcbiAgICAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIG9wdGlvbnM7IGluZGV4IGFzIGlcIlxyXG4gID5cclxuICAgIDxkaXYgY2xhc3M9XCJici1jaGVja2JveFwiPlxyXG4gICAgICA8aW5wdXRcclxuICAgICAgICBbYXR0ci5pZF09XCJpXCJcclxuICAgICAgICBbbmFtZV09XCJuYW1lXCJcclxuICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxyXG4gICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwib3B0aW9uLmxhYmVsXCJcclxuICAgICAgICBbdmFsdWVdPVwib3B0aW9uLnZhbHVlXCJcclxuICAgICAgICAoY2hhbmdlKT1cIm9uQ2hlY2tlZCgkZXZlbnQpXCJcclxuICAgICAgLz5cclxuICAgICAgPGxhYmVsIFthdHRyLmZvcl09XCJpXCI+e3sgb3B0aW9uLmxhYmVsIH19PC9sYWJlbD5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L25nLWNvbnRhaW5lcj5cclxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIm9wdGlvbnMubGVuZ3RoID09PSAwXCI+XHJcbiAgPGRpdlxyXG4gICAgW2NsYXNzLmQtaW5saW5lLWJsb2NrXT1cImlubGluZVwiXHJcbiAgICBbY2xhc3MubXItNV09XCJpbmxpbmVcIlxyXG4gICAgW2NsYXNzLm1iLTJdPVwiIWlubGluZVwiXHJcbiAgPlxyXG4gICAgPGRpdiBjbGFzcz1cImJyLWNoZWNrYm94XCI+XHJcbiAgICAgIDxpbnB1dFxyXG4gICAgICAgIFthdHRyLmlkXT1cImlkXCJcclxuICAgICAgICBbbmFtZV09XCJuYW1lXCJcclxuICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxyXG4gICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwibGFiZWxcIlxyXG4gICAgICAgIFt2YWx1ZV09XCJ2YWx1ZVwiXHJcbiAgICAgICAgKGNoYW5nZSk9XCJvbkNoZWNrZWQoJGV2ZW50KVwiXHJcbiAgICAgIC8+XHJcbiAgICAgIDxsYWJlbCBbYXR0ci5mb3JdPVwiaWRcIj57eyBsYWJlbCB9fTwvbGFiZWw+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9uZy1jb250YWluZXI+XHJcbiJdfQ==