cfc-ds
Version:
Design System do Conselho Federal de Contabilidade baseado no govbr-ds
24 lines • 5.74 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/flex-layout/flex";
export class CheckboxesComponent {
label;
description;
options;
mode = 'column';
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckboxesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CheckboxesComponent, selector: "cfc-checkboxes", inputs: { label: "label", description: "description", options: "options", mode: "mode" }, ngImport: i0, template: "<p\r\n class=\"label mb-0\">\r\n {{ label }}\r\n</p>\r\n<p\r\n class=\"text-down-01\">\r\n {{ description }}\r\n</p>\r\n<div\r\n [fxLayout]=\"mode\"\r\n fxLayoutAlign=\"start start\">\r\n <ng-content\r\n select=\"[cfc-checkbox-option]\">\r\n </ng-content>\r\n</div>\r\n<div\r\n class=\"mt-3\">\r\n <span\r\n class=\"feedback warning\"\r\n role=\"alert\">\r\n <i\r\n class=\"fas fa-exclamation-triangle\"\r\n aria-hidden=\"true\">\r\n </i>\r\n Texto de mensagem\r\n </span>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckboxesComponent, decorators: [{
type: Component,
args: [{ selector: 'cfc-checkboxes', template: "<p\r\n class=\"label mb-0\">\r\n {{ label }}\r\n</p>\r\n<p\r\n class=\"text-down-01\">\r\n {{ description }}\r\n</p>\r\n<div\r\n [fxLayout]=\"mode\"\r\n fxLayoutAlign=\"start start\">\r\n <ng-content\r\n select=\"[cfc-checkbox-option]\">\r\n </ng-content>\r\n</div>\r\n<div\r\n class=\"mt-3\">\r\n <span\r\n class=\"feedback warning\"\r\n role=\"alert\">\r\n <i\r\n class=\"fas fa-exclamation-triangle\"\r\n aria-hidden=\"true\">\r\n </i>\r\n Texto de mensagem\r\n </span>\r\n</div>\r\n" }]
}], propDecorators: { label: [{
type: Input
}], description: [{
type: Input
}], options: [{
type: Input
}], mode: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3hlcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jZmMtZHMvc3JjL2xpYi9jb21wb25lbnRzL2NoZWNrYm94ZXMvY2hlY2tib3hlcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jZmMtZHMvc3JjL2xpYi9jb21wb25lbnRzL2NoZWNrYm94ZXMvY2hlY2tib3hlcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUWpELE1BQU0sT0FBTyxtQkFBbUI7SUFFckIsS0FBSyxDQUFVO0lBQ2YsV0FBVyxDQUFVO0lBQ3JCLE9BQU8sQ0FBb0I7SUFDM0IsSUFBSSxHQUFzQixRQUFRLENBQUM7d0dBTGpDLG1CQUFtQjs0RkFBbkIsbUJBQW1CLGdKQ1JoQywrZ0JBMkJBOzs0RkRuQmEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGdCQUFnQjs4QkFNakIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ2hlY2tib3hEaXJlY3Rpb24sIENoZWNrYm94T3B0aW9uIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2NoZWNrYm94Lm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY2ZjLWNoZWNrYm94ZXMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGVja2JveGVzLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vY2hlY2tib3hlcy5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIENoZWNrYm94ZXNDb21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSBsYWJlbCE6IHN0cmluZztcclxuICBASW5wdXQoKSBkZXNjcmlwdGlvbj86IHN0cmluZztcclxuICBASW5wdXQoKSBvcHRpb25zITogQ2hlY2tib3hPcHRpb25bXTtcclxuICBASW5wdXQoKSBtb2RlOiBDaGVja2JveERpcmVjdGlvbiA9ICdjb2x1bW4nO1xyXG5cclxufVxyXG5cclxuIiwiPHBcclxuICBjbGFzcz1cImxhYmVsIG1iLTBcIj5cclxuICB7eyBsYWJlbCB9fVxyXG48L3A+XHJcbjxwXHJcbiAgY2xhc3M9XCJ0ZXh0LWRvd24tMDFcIj5cclxuICB7eyBkZXNjcmlwdGlvbiB9fVxyXG48L3A+XHJcbjxkaXZcclxuICBbZnhMYXlvdXRdPVwibW9kZVwiXHJcbiAgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IHN0YXJ0XCI+XHJcbiAgPG5nLWNvbnRlbnRcclxuICAgIHNlbGVjdD1cIltjZmMtY2hlY2tib3gtb3B0aW9uXVwiPlxyXG4gIDwvbmctY29udGVudD5cclxuPC9kaXY+XHJcbjxkaXZcclxuICBjbGFzcz1cIm10LTNcIj5cclxuICA8c3BhblxyXG4gICAgY2xhc3M9XCJmZWVkYmFjayB3YXJuaW5nXCJcclxuICAgIHJvbGU9XCJhbGVydFwiPlxyXG4gICAgPGlcclxuICAgICAgY2xhc3M9XCJmYXMgZmEtZXhjbGFtYXRpb24tdHJpYW5nbGVcIlxyXG4gICAgICBhcmlhLWhpZGRlbj1cInRydWVcIj5cclxuICAgIDwvaT5cclxuICAgIFRleHRvIGRlIG1lbnNhZ2VtXHJcbiAgPC9zcGFuPlxyXG48L2Rpdj5cclxuIl19