cfc-ui-test
Version:
Design System do Conselho Federal de Contabilidade baseado no govbr-ds
25 lines • 5.5 kB
JavaScript
import { Component, EventEmitter, Output } from '@angular/core';
import { components } from '../../../constants/components.model';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class ComponentsListComponent {
cdr;
selectedComponent = new EventEmitter();
componentList = components;
constructor(cdr) {
this.cdr = cdr;
}
onSelectComponent(componentName) {
this.selectedComponent.emit(componentName);
this.cdr.detectChanges();
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ComponentsListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ComponentsListComponent, selector: "cfc-components-list", outputs: { selectedComponent: "selectedComponent" }, ngImport: i0, template: "<!-- eslint-disable @angular-eslint/template/interactive-supports-focus -->\r\n<!-- eslint-disable @angular-eslint/template/click-events-have-key-events -->\r\n<div\r\n fxLayout=\"column\">\r\n <p\r\n *ngFor=\"let componentName of componentList\"\r\n class=\"components-list__component-name\"\r\n (click)=\"onSelectComponent(componentName)\">\r\n <span>\r\n {{ componentName }}\r\n </span>\r\n </p>\r\n</div>\r\n", styles: [".components-list__component-name{width:max-content;text-wrap:nowrap;cursor:pointer;transition:all ease-in .25s;border-bottom:1px solid transparent}.components-list__component-name:hover{border-color:#000}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ComponentsListComponent, decorators: [{
type: Component,
args: [{ selector: 'cfc-components-list', template: "<!-- eslint-disable @angular-eslint/template/interactive-supports-focus -->\r\n<!-- eslint-disable @angular-eslint/template/click-events-have-key-events -->\r\n<div\r\n fxLayout=\"column\">\r\n <p\r\n *ngFor=\"let componentName of componentList\"\r\n class=\"components-list__component-name\"\r\n (click)=\"onSelectComponent(componentName)\">\r\n <span>\r\n {{ componentName }}\r\n </span>\r\n </p>\r\n</div>\r\n", styles: [".components-list__component-name{width:max-content;text-wrap:nowrap;cursor:pointer;transition:all ease-in .25s;border-bottom:1px solid transparent}.components-list__component-name:hover{border-color:#000}\n"] }]
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { selectedComponent: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NmYy11aS9zcmMvbGliL3BhZ2VzL2NmYy10ZXN0LXBhZ2UvY29tcG9uZW50cy1saXN0L2NvbXBvbmVudHMtbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jZmMtdWkvc3JjL2xpYi9wYWdlcy9jZmMtdGVzdC1wYWdlL2NvbXBvbmVudHMtbGlzdC9jb21wb25lbnRzLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFxQixTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7OztBQU9qRSxNQUFNLE9BQU8sdUJBQXVCO0lBTXhCO0lBTEEsaUJBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUV6RCxhQUFhLEdBQWEsVUFBVSxDQUFDO0lBRXJDLFlBQ1UsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7SUFDNUIsQ0FBQztJQUVMLGlCQUFpQixDQUFDLGFBQXFCO1FBQ3JDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDM0MsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMzQixDQUFDO3dHQVpVLHVCQUF1Qjs0RkFBdkIsdUJBQXVCLGdIQ1JwQyxxYkFhQTs7NEZETGEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLHFCQUFxQjtzRkFLckIsaUJBQWlCO3NCQUExQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgY29tcG9uZW50cyB9IGZyb20gJy4uLy4uLy4uL2NvbnN0YW50cy9jb21wb25lbnRzLm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY2ZjLWNvbXBvbmVudHMtbGlzdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbXBvbmVudHMtbGlzdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2NvbXBvbmVudHMtbGlzdC5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIENvbXBvbmVudHNMaXN0Q29tcG9uZW50IHtcclxuICBAT3V0cHV0KCkgc2VsZWN0ZWRDb21wb25lbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuXHJcbiAgY29tcG9uZW50TGlzdDogc3RyaW5nW10gPSBjb21wb25lbnRzO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZlxyXG4gICkgeyB9XHJcblxyXG4gIG9uU2VsZWN0Q29tcG9uZW50KGNvbXBvbmVudE5hbWU6IHN0cmluZyk6IHZvaWQge1xyXG4gICAgdGhpcy5zZWxlY3RlZENvbXBvbmVudC5lbWl0KGNvbXBvbmVudE5hbWUpO1xyXG4gICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPCEtLSBlc2xpbnQtZGlzYWJsZSBAYW5ndWxhci1lc2xpbnQvdGVtcGxhdGUvaW50ZXJhY3RpdmUtc3VwcG9ydHMtZm9jdXMgLS0+XHJcbjwhLS0gZXNsaW50LWRpc2FibGUgQGFuZ3VsYXItZXNsaW50L3RlbXBsYXRlL2NsaWNrLWV2ZW50cy1oYXZlLWtleS1ldmVudHMgLS0+XHJcbjxkaXZcclxuICBmeExheW91dD1cImNvbHVtblwiPlxyXG4gIDxwXHJcbiAgICAqbmdGb3I9XCJsZXQgY29tcG9uZW50TmFtZSBvZiBjb21wb25lbnRMaXN0XCJcclxuICAgIGNsYXNzPVwiY29tcG9uZW50cy1saXN0X19jb21wb25lbnQtbmFtZVwiXHJcbiAgICAoY2xpY2spPVwib25TZWxlY3RDb21wb25lbnQoY29tcG9uZW50TmFtZSlcIj5cclxuICAgIDxzcGFuPlxyXG4gICAgICB7eyBjb21wb25lbnROYW1lIH19XHJcbiAgICA8L3NwYW4+XHJcbiAgPC9wPlxyXG48L2Rpdj5cclxuIl19