cfc-ds
Version:
Design System do Conselho Federal de Contabilidade baseado no govbr-ds
28 lines • 9.51 kB
JavaScript
import { Component, Input } from '@angular/core';
import { IllustrationType } from '../../enums/illustration-type.enum';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/flex-layout/flex";
export class IllustrationStateComponent {
// @Input() illustration!: IllustrationType;
illustrationUrl = '';
primaryText;
secondaryText;
suportText;
illustrations = IllustrationType;
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IllustrationStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: IllustrationStateComponent, selector: "cfc-illustration-state", inputs: { illustrationUrl: "illustrationUrl", primaryText: "primaryText", secondaryText: "secondaryText", suportText: "suportText" }, ngImport: i0, template: "<div\r\n fxFlex=\"grow\"\r\n fxFlex.gt-sm=\"grow\"\r\n fxLayout=\"row\"\r\n fxLayout.lt-sm=\"column\"\r\n fxLayoutAlign=\"center center\"\r\n class=\"mx-2 gap-3\">\r\n <div\r\n class=\"m-3\"\r\n fxFlex=\"40%\">\r\n <img\r\n [src]=\"illustrationUrl\"\r\n alt=\"imagem de erro\"\r\n style=\"object-fit: cover;\"\r\n />\r\n </div>\r\n\r\n <div\r\n fxFlex.gt-sm=\"60%\"\r\n fxLayout=\"column\"\r\n fxLayoutAlign=\"start start\"\r\n fxLayoutAlign.lt-sm=\"center center\">\r\n <section\r\n class=\"text-support-03\">\r\n <p\r\n class=\"text-up-06 text-semi-bold my-3 text-blue-warm-60 text-left\">\r\n {{ primaryText }}\r\n </p>\r\n </section>\r\n <section\r\n *ngIf=\"secondaryText\"\r\n class=\"text-secondary-06\">\r\n <p\r\n class=\"text-up-03 text-medium text-left my-3\">\r\n {{ secondaryText }}\r\n </p>\r\n </section>\r\n <section\r\n *ngIf=\"suportText\">\r\n <p\r\n class=\"my-3 text-left text-sm-justify\">\r\n {{ suportText }}\r\n </p>\r\n </section>\r\n </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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: i2.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"] }, { kind: "directive", type: i2.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IllustrationStateComponent, decorators: [{
type: Component,
args: [{ selector: 'cfc-illustration-state', template: "<div\r\n fxFlex=\"grow\"\r\n fxFlex.gt-sm=\"grow\"\r\n fxLayout=\"row\"\r\n fxLayout.lt-sm=\"column\"\r\n fxLayoutAlign=\"center center\"\r\n class=\"mx-2 gap-3\">\r\n <div\r\n class=\"m-3\"\r\n fxFlex=\"40%\">\r\n <img\r\n [src]=\"illustrationUrl\"\r\n alt=\"imagem de erro\"\r\n style=\"object-fit: cover;\"\r\n />\r\n </div>\r\n\r\n <div\r\n fxFlex.gt-sm=\"60%\"\r\n fxLayout=\"column\"\r\n fxLayoutAlign=\"start start\"\r\n fxLayoutAlign.lt-sm=\"center center\">\r\n <section\r\n class=\"text-support-03\">\r\n <p\r\n class=\"text-up-06 text-semi-bold my-3 text-blue-warm-60 text-left\">\r\n {{ primaryText }}\r\n </p>\r\n </section>\r\n <section\r\n *ngIf=\"secondaryText\"\r\n class=\"text-secondary-06\">\r\n <p\r\n class=\"text-up-03 text-medium text-left my-3\">\r\n {{ secondaryText }}\r\n </p>\r\n </section>\r\n <section\r\n *ngIf=\"suportText\">\r\n <p\r\n class=\"my-3 text-left text-sm-justify\">\r\n {{ suportText }}\r\n </p>\r\n </section>\r\n </div>\r\n</div>\r\n" }]
}], propDecorators: { illustrationUrl: [{
type: Input
}], primaryText: [{
type: Input
}], secondaryText: [{
type: Input
}], suportText: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWxsdXN0cmF0aW9uLXN0YXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NmYy1kcy9zcmMvbGliL2NvbXBvbmVudHMvaWxsdXN0cmF0aW9uLXN0YXRlL2lsbHVzdHJhdGlvbi1zdGF0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jZmMtZHMvc3JjL2xpYi9jb21wb25lbnRzL2lsbHVzdHJhdGlvbi1zdGF0ZS9pbGx1c3RyYXRpb24tc3RhdGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7Ozs7QUFPdEUsTUFBTSxPQUFPLDBCQUEwQjtJQUNyQyw0Q0FBNEM7SUFDbkMsZUFBZSxHQUFXLEVBQUUsQ0FBQztJQUM3QixXQUFXLENBQVU7SUFDckIsYUFBYSxDQUFVO0lBQ3ZCLFVBQVUsQ0FBVTtJQUU3QixhQUFhLEdBQUcsZ0JBQWdCLENBQUM7d0dBUHRCLDBCQUEwQjs0RkFBMUIsMEJBQTBCLG9NQ1J2Qyx3bkNBOENBOzs0RkR0Q2EsMEJBQTBCO2tCQUx0QyxTQUFTOytCQUNFLHdCQUF3Qjs4QkFNekIsZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSWxsdXN0cmF0aW9uVHlwZSB9IGZyb20gJy4uLy4uL2VudW1zL2lsbHVzdHJhdGlvbi10eXBlLmVudW0nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjZmMtaWxsdXN0cmF0aW9uLXN0YXRlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vaWxsdXN0cmF0aW9uLXN0YXRlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vaWxsdXN0cmF0aW9uLXN0YXRlLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgSWxsdXN0cmF0aW9uU3RhdGVDb21wb25lbnQge1xyXG4gIC8vIEBJbnB1dCgpIGlsbHVzdHJhdGlvbiE6IElsbHVzdHJhdGlvblR5cGU7XHJcbiAgQElucHV0KCkgaWxsdXN0cmF0aW9uVXJsOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBwcmltYXJ5VGV4dCE6IHN0cmluZztcclxuICBASW5wdXQoKSBzZWNvbmRhcnlUZXh0Pzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHN1cG9ydFRleHQ/OiBzdHJpbmc7XHJcblxyXG4gIGlsbHVzdHJhdGlvbnMgPSBJbGx1c3RyYXRpb25UeXBlO1xyXG5cclxuICAvLyBnZXQgaWxsdXN0cmF0aW9uVXJsKCk6IHN0cmluZyB7XHJcbiAgLy8gICBzd2l0Y2ggKHRoaXMuaWxsdXN0cmF0aW9uKSB7XHJcbiAgLy8gICAgIGNhc2UgSWxsdXN0cmF0aW9uVHlwZS5yZXF1aXJlbWVudE5vdEZvdW5kOlxyXG4gIC8vICAgICAgIHJldHVybiAnbm9kZV9tb2R1bGVzL2NmYy1kcy9hc3NldHMvaWxsdXN0cmF0aW9ucy9lcnJvcjE5LnBuZyc7XHJcbiAgLy8gICAgIGNhc2UgSWxsdXN0cmF0aW9uVHlwZS5leHRlcm5hbFVybDpcclxuICAvLyAgICAgICByZXR1cm4gdGhpcy5pbGx1c3RyYXRpb25Vcmw7XHJcbiAgLy8gICAgIGRlZmF1bHQ6XHJcbiAgLy8gICAgICAgcmV0dXJuICcnO1xyXG4gIC8vICAgfVxyXG4gIC8vIH1cclxuXHJcbn1cclxuIiwiPGRpdlxyXG4gIGZ4RmxleD1cImdyb3dcIlxyXG4gIGZ4RmxleC5ndC1zbT1cImdyb3dcIlxyXG4gIGZ4TGF5b3V0PVwicm93XCJcclxuICBmeExheW91dC5sdC1zbT1cImNvbHVtblwiXHJcbiAgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIlxyXG4gIGNsYXNzPVwibXgtMiBnYXAtM1wiPlxyXG4gIDxkaXZcclxuICAgIGNsYXNzPVwibS0zXCJcclxuICAgIGZ4RmxleD1cIjQwJVwiPlxyXG4gICAgPGltZ1xyXG4gICAgICBbc3JjXT1cImlsbHVzdHJhdGlvblVybFwiXHJcbiAgICAgIGFsdD1cImltYWdlbSBkZSBlcnJvXCJcclxuICAgICAgc3R5bGU9XCJvYmplY3QtZml0OiBjb3ZlcjtcIlxyXG4gICAgICAvPlxyXG4gIDwvZGl2PlxyXG5cclxuICA8ZGl2XHJcbiAgICBmeEZsZXguZ3Qtc209XCI2MCVcIlxyXG4gICAgZnhMYXlvdXQ9XCJjb2x1bW5cIlxyXG4gICAgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IHN0YXJ0XCJcclxuICAgIGZ4TGF5b3V0QWxpZ24ubHQtc209XCJjZW50ZXIgY2VudGVyXCI+XHJcbiAgICA8c2VjdGlvblxyXG4gICAgICBjbGFzcz1cInRleHQtc3VwcG9ydC0wM1wiPlxyXG4gICAgICA8cFxyXG4gICAgICAgIGNsYXNzPVwidGV4dC11cC0wNiB0ZXh0LXNlbWktYm9sZCBteS0zIHRleHQtYmx1ZS13YXJtLTYwIHRleHQtbGVmdFwiPlxyXG4gICAgICAgIHt7IHByaW1hcnlUZXh0IH19XHJcbiAgICAgIDwvcD5cclxuICAgIDwvc2VjdGlvbj5cclxuICAgIDxzZWN0aW9uXHJcbiAgICAgICpuZ0lmPVwic2Vjb25kYXJ5VGV4dFwiXHJcbiAgICAgIGNsYXNzPVwidGV4dC1zZWNvbmRhcnktMDZcIj5cclxuICAgICAgPHBcclxuICAgICAgICBjbGFzcz1cInRleHQtdXAtMDMgdGV4dC1tZWRpdW0gdGV4dC1sZWZ0IG15LTNcIj5cclxuICAgICAgICB7eyBzZWNvbmRhcnlUZXh0IH19XHJcbiAgICAgIDwvcD5cclxuICAgIDwvc2VjdGlvbj5cclxuICAgIDxzZWN0aW9uXHJcbiAgICAgICpuZ0lmPVwic3Vwb3J0VGV4dFwiPlxyXG4gICAgICA8cFxyXG4gICAgICAgIGNsYXNzPVwibXktMyB0ZXh0LWxlZnQgdGV4dC1zbS1qdXN0aWZ5XCI+XHJcbiAgICAgICAge3sgc3Vwb3J0VGV4dCB9fVxyXG4gICAgICA8L3A+XHJcbiAgICA8L3NlY3Rpb24+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=