cfc-ds
Version:
Design System do Conselho Federal de Contabilidade baseado no govbr-ds
28 lines • 7.22 kB
JavaScript
import { Component, } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/flex-layout/flex";
import * as i2 from "./components-list/components-list.component";
import * as i3 from "./test-component/test-component.component";
import * as i4 from "../../components/breadcrumb/breadcrumb.component";
export class TestPageComponent {
cdr;
selectedComponent = {
id: 0,
name: '',
clickEventName: 'setComponent',
isAlready: false
};
constructor(cdr) {
this.cdr = cdr;
}
onSelectComponent(component) {
this.selectedComponent = component;
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TestPageComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TestPageComponent, selector: "cfc-test-page", ngImport: i0, template: "<div fxLayout=\"row\">\r\n <aside class=\"test-page__aside-menu\">\r\n <cfc-components-list\r\n (selectedComponent)=\"onSelectComponent($event)\"\r\n ></cfc-components-list>\r\n </aside>\r\n\r\n <main\r\n class=\"test-page__component-section\"\r\n fxLayout=\"column\"\r\n fxLayoutAlign=\"stretch center\">\r\n <div fxLayoutAlign=\"start start\" style=\"width: 100%; margin-bottom: 1rem;\">\r\n <cfc-breadcrumb></cfc-breadcrumb>\r\n </div>\r\n <cfc-test-component\r\n [selectedComponent]='selectedComponent'\r\n ></cfc-test-component>\r\n </main>\r\n</div>\r\n", styles: [".test-page__aside-menu{max-height:80vh;overflow-y:scroll;scrollbar-width:thin;padding:0 4rem 2rem 0;border-right:1px solid rgb(201,201,201)}.test-page__component-section{padding:0 0 2rem 1rem;width:100%}\n"], 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"] }, { kind: "component", type: i2.ComponentsListComponent, selector: "cfc-components-list", outputs: ["selectedComponent"] }, { kind: "component", type: i3.TestComponentComponent, selector: "cfc-test-component", inputs: ["selectedComponent"] }, { kind: "component", type: i4.BreadcrumbComponent, selector: "cfc-breadcrumb" }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TestPageComponent, decorators: [{
type: Component,
args: [{ selector: 'cfc-test-page', template: "<div fxLayout=\"row\">\r\n <aside class=\"test-page__aside-menu\">\r\n <cfc-components-list\r\n (selectedComponent)=\"onSelectComponent($event)\"\r\n ></cfc-components-list>\r\n </aside>\r\n\r\n <main\r\n class=\"test-page__component-section\"\r\n fxLayout=\"column\"\r\n fxLayoutAlign=\"stretch center\">\r\n <div fxLayoutAlign=\"start start\" style=\"width: 100%; margin-bottom: 1rem;\">\r\n <cfc-breadcrumb></cfc-breadcrumb>\r\n </div>\r\n <cfc-test-component\r\n [selectedComponent]='selectedComponent'\r\n ></cfc-test-component>\r\n </main>\r\n</div>\r\n", styles: [".test-page__aside-menu{max-height:80vh;overflow-y:scroll;scrollbar-width:thin;padding:0 4rem 2rem 0;border-right:1px solid rgb(201,201,201)}.test-page__component-section{padding:0 0 2rem 1rem;width:100%}\n"] }]
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVzdC1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NmYy1kcy9zcmMvbGliL3BhZ2VzL2NmYy10ZXN0LXBhZ2UvdGVzdC1wYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NmYy1kcy9zcmMvbGliL3BhZ2VzL2NmYy10ZXN0LXBhZ2UvdGVzdC1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVF2QixNQUFNLE9BQU8saUJBQWlCO0lBVWxCO0lBUlYsaUJBQWlCLEdBQWtCO1FBQ2pDLEVBQUUsRUFBRSxDQUFDO1FBQ0wsSUFBSSxFQUFFLEVBQUU7UUFDUixjQUFjLEVBQUUsY0FBYztRQUM5QixTQUFTLEVBQUUsS0FBSztLQUNqQixDQUFDO0lBRUYsWUFDVSxHQUFzQjtRQUF0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtJQUM3QixDQUFDO0lBRUosaUJBQWlCLENBQUMsU0FBd0I7UUFDeEMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLFNBQVMsQ0FBQztJQUNyQyxDQUFDO3dHQWZVLGlCQUFpQjs0RkFBakIsaUJBQWlCLHFEQ1g5QiwrbEJBbUJBOzs0RkRSYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21wb25lbnRUeXBlIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2NvbXBvbmVudHMubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjZmMtdGVzdC1wYWdlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdGVzdC1wYWdlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi90ZXN0LXBhZ2UuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRlc3RQYWdlQ29tcG9uZW50IHtcclxuXHJcbiAgc2VsZWN0ZWRDb21wb25lbnQ6IENvbXBvbmVudFR5cGUgPSB7XHJcbiAgICBpZDogMCxcclxuICAgIG5hbWU6ICcnLFxyXG4gICAgY2xpY2tFdmVudE5hbWU6ICdzZXRDb21wb25lbnQnLFxyXG4gICAgaXNBbHJlYWR5OiBmYWxzZVxyXG4gIH07XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmXHJcbiAgKSB7fVxyXG5cclxuICBvblNlbGVjdENvbXBvbmVudChjb21wb25lbnQ6IENvbXBvbmVudFR5cGUpOiB2b2lkIHtcclxuICAgIHRoaXMuc2VsZWN0ZWRDb21wb25lbnQgPSBjb21wb25lbnQ7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGZ4TGF5b3V0PVwicm93XCI+XHJcbiAgPGFzaWRlIGNsYXNzPVwidGVzdC1wYWdlX19hc2lkZS1tZW51XCI+XHJcbiAgICA8Y2ZjLWNvbXBvbmVudHMtbGlzdFxyXG4gICAgICAoc2VsZWN0ZWRDb21wb25lbnQpPVwib25TZWxlY3RDb21wb25lbnQoJGV2ZW50KVwiXHJcbiAgICA+PC9jZmMtY29tcG9uZW50cy1saXN0PlxyXG4gIDwvYXNpZGU+XHJcblxyXG4gIDxtYWluXHJcbiAgICBjbGFzcz1cInRlc3QtcGFnZV9fY29tcG9uZW50LXNlY3Rpb25cIlxyXG4gICAgZnhMYXlvdXQ9XCJjb2x1bW5cIlxyXG4gICAgZnhMYXlvdXRBbGlnbj1cInN0cmV0Y2ggY2VudGVyXCI+XHJcbiAgICA8ZGl2IGZ4TGF5b3V0QWxpZ249XCJzdGFydCBzdGFydFwiIHN0eWxlPVwid2lkdGg6IDEwMCU7IG1hcmdpbi1ib3R0b206IDFyZW07XCI+XHJcbiAgICAgIDxjZmMtYnJlYWRjcnVtYj48L2NmYy1icmVhZGNydW1iPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8Y2ZjLXRlc3QtY29tcG9uZW50XHJcbiAgICAgIFtzZWxlY3RlZENvbXBvbmVudF09J3NlbGVjdGVkQ29tcG9uZW50J1xyXG4gICAgPjwvY2ZjLXRlc3QtY29tcG9uZW50PlxyXG4gIDwvbWFpbj5cclxuPC9kaXY+XHJcbiJdfQ==