cfc-ui-test/fesm2022/cfc-ui-test.mjs

Design System do Conselho Federal de Contabilidade baseado no govbr-ds

import * as i0 from '@angular/core';
import { Directive, Input, Component, EventEmitter, Output, ChangeDetectionStrategy, ViewChild, NgModule, CUSTOM_ELEMENTS_SCHEMA, Injectable, Optional, Inject } from '@angular/core';
import { DateAdapter, MAT_DATE_LOCALE } from '@angular/material/core';
import * as i2 from '@angular/forms';
import { ReactiveFormsModule, FormsModule } from '@angular/forms';
import * as i1 from '@angular/router';
import { RouterModule } from '@angular/router';
import * as i1$1 from '@angular/common';
import { CommonModule } from '@angular/common';
import dayjs from 'dayjs';
import 'dayjs/locale/pt-br';
import localeData from 'dayjs/plugin/localeData';
import { provideHttpClient } from '@angular/common/http';

var AvatarDensity;
(function (AvatarDensity) {
    AvatarDensity["large"] = "large";
    AvatarDensity["medium"] = "medium";
    AvatarDensity["small"] = "small";
})(AvatarDensity || (AvatarDensity = {}));

var TooltipPlace;
(function (TooltipPlace) {
    TooltipPlace["top"] = "top";
    TooltipPlace["right"] = "right";
    TooltipPlace["bottom"] = "bottom";
    TooltipPlace["left"] = "left";
})(TooltipPlace || (TooltipPlace = {}));

class ControllerDirective {
    el;
    directiveName;
    directiveNames;
    applyDirective;
    applyDirectives;
    constructor(el) {
        this.el = el;
    }
    ngOnChanges() {
        this.controlDirectives();
    }
    controlDirectives() {
        if (this.applyDirective && this.directiveName) {
            this.updateDirective(this.applyDirective, this.directiveName);
        }
        else {
            this.updateDirectives();
        }
    }
    updateDirective(directiveFlag, directiveName) {
        if ((typeof directiveFlag === 'boolean' && directiveFlag) || (typeof directiveFlag === 'string' && directiveFlag === 'true')) {
            this.el.nativeElement.setAttribute(directiveName, '');
        }
        else {
            this.el.nativeElement.removeAttribute(directiveName);
        }
    }
    updateDirectives() {
        if (!this.directiveNames)
            return;
        if (Array.isArray(this.directiveNames)) {
            this.directiveNames.forEach((directiveName, index) => {
                if (this.applyDirectives && Array.isArray(this.applyDirectives)) {
                    this.updateDirective(this.applyDirectives[index], directiveName);
                }
            });
        }
    }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ControllerDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ControllerDirective, selector: "[cfcDirectiveController]", inputs: { directiveName: "directiveName", directiveNames: "directiveNames", applyDirective: "applyDirective", applyDirectives: "applyDirectives" }, usesOnChanges: true, ngImport: i0 });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ControllerDirective, decorators: [{
            type: Directive,
            args: [{
                    selector: '[cfcDirectiveController]'
                }]
        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { directiveName: [{
                type: Input
            }], directiveNames: [{
                type: Input
            }], applyDirective: [{
                type: Input
            }], applyDirectives: [{
                type: Input
            }] } });

class AvatarComponent {
    name;
    density = AvatarDensity.medium;
    tooltipText = 'tooltip CFC';
    tooltipPlace = TooltipPlace.bottom;
    iconic = false;
    imageUrl = '';
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AvatarComponent, selector: "cfc-avatar", inputs: { name: "name", density: "density", tooltipText: "tooltipText", tooltipPlace: "tooltipPlace", iconic: "iconic", imageUrl: "imageUrl" }, ngImport: i0, template: "<br-avatar\r\n  cfcDirectiveController\r\n  directiveName=\"iconic\"\r\n  [applyDirective]=\"iconic\"\r\n  [name]=\"name\"\r\n  [density]=\"density\"\r\n  tooltip\r\n  [tooltip-text]=\"tooltipText\"\r\n  [tooltip-place]=\"tooltipPlace\"\r\n  [image]=\"imageUrl\"\r\n></br-avatar>\r\n", styles: [""], dependencies: [{ kind: "directive", type: ControllerDirective, selector: "[cfcDirectiveController]", inputs: ["directiveName", "directiveNames", "applyDirective", "applyDirectives"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AvatarComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-avatar', template: "<br-avatar\r\n  cfcDirectiveController\r\n  directiveName=\"iconic\"\r\n  [applyDirective]=\"iconic\"\r\n  [name]=\"name\"\r\n  [density]=\"density\"\r\n  tooltip\r\n  [tooltip-text]=\"tooltipText\"\r\n  [tooltip-place]=\"tooltipPlace\"\r\n  [image]=\"imageUrl\"\r\n></br-avatar>\r\n" }]
        }], propDecorators: { name: [{
                type: Input
            }], density: [{
                type: Input
            }], tooltipText: [{
                type: Input
            }], tooltipPlace: [{
                type: Input
            }], iconic: [{
                type: Input
            }], imageUrl: [{
                type: Input
            }] } });

class BreadcrumbComponent {
    label;
    links;
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: BreadcrumbComponent, selector: "cfc-breadcrumb", inputs: { label: "label", links: "links" }, ngImport: i0, template: "<br-breadcrumb\r\n  [label]=\"label\"\r\n  [links]=\"links\"\r\n></br-breadcrumb>\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BreadcrumbComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-breadcrumb', template: "<br-breadcrumb\r\n  [label]=\"label\"\r\n  [links]=\"links\"\r\n></br-breadcrumb>\r\n" }]
        }], propDecorators: { label: [{
                type: Input
            }], links: [{
                type: Input
            }] } });

var ButtonType;
(function (ButtonType) {
    ButtonType["primary"] = "primary";
    ButtonType["secondary"] = "secondary";
})(ButtonType || (ButtonType = {}));

var ButtonDensity;
(function (ButtonDensity) {
    ButtonDensity["large"] = "large";
    ButtonDensity["middle"] = "middle";
    ButtonDensity["small"] = "small";
    ButtonDensity["xsmall"] = "xsmall";
})(ButtonDensity || (ButtonDensity = {}));

class ButtonComponent {
    label = 'button';
    type = ButtonType.primary;
    submit = false;
    circle = false;
    density = ButtonDensity.middle;
    disabled = false;
    block = false;
    icon = '';
    active = true;
    inverted = false;
    loading = false;
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ButtonComponent, selector: "cfc-button", inputs: { label: "label", type: "type", submit: "submit", circle: "circle", density: "density", disabled: "disabled", block: "block", icon: "icon", active: "active", inverted: "inverted", loading: "loading" }, ngImport: i0, template: "<br-button\r\n  cfcDirectiveController\r\n  [directiveNames]=\"[\r\n    'circle',\r\n    'submit',\r\n    'disabled',\r\n    'block',\r\n    'active',\r\n    'inverted',\r\n    'loading'\r\n  ]\"\r\n  [applyDirectives]=\"[\r\n    circle,\r\n    submit,\r\n    disabled,\r\n    block,\r\n    active,\r\n    inverted,\r\n    loading\r\n  ]\"\r\n  [label]=\"label\"\r\n  [type]=\"type\"\r\n  [icon]=\"icon\"\r\n  [density]=\"density\"\r\n></br-button>\r\n", styles: [""], dependencies: [{ kind: "directive", type: ControllerDirective, selector: "[cfcDirectiveController]", inputs: ["directiveName", "directiveNames", "applyDirective", "applyDirectives"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-button', template: "<br-button\r\n  cfcDirectiveController\r\n  [directiveNames]=\"[\r\n    'circle',\r\n    'submit',\r\n    'disabled',\r\n    'block',\r\n    'active',\r\n    'inverted',\r\n    'loading'\r\n  ]\"\r\n  [applyDirectives]=\"[\r\n    circle,\r\n    submit,\r\n    disabled,\r\n    block,\r\n    active,\r\n    inverted,\r\n    loading\r\n  ]\"\r\n  [label]=\"label\"\r\n  [type]=\"type\"\r\n  [icon]=\"icon\"\r\n  [density]=\"density\"\r\n></br-button>\r\n" }]
        }], propDecorators: { label: [{
                type: Input
            }], type: [{
                type: Input
            }], submit: [{
                type: Input
            }], circle: [{
                type: Input
            }], density: [{
                type: Input
            }], disabled: [{
                type: Input
            }], block: [{
                type: Input
            }], icon: [{
                type: Input
            }], active: [{
                type: Input
            }], inverted: [{
                type: Input
            }], loading: [{
                type: Input
            }] } });

class CardComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CardComponent, selector: "cfc-card", ngImport: i0, template: "<br-card>\r\n\r\n</br-card>\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CardComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-card', template: "<br-card>\r\n\r\n</br-card>\r\n" }]
        }] });

class CarouselComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CarouselComponent, selector: "cfc-carousel", ngImport: i0, template: "<br-carousel></br-carousel>\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CarouselComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-carousel', template: "<br-carousel></br-carousel>\r\n" }]
        }] });

class CfcUiRootComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CfcUiRootComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CfcUiRootComponent, selector: "cfc-ui-root", ngImport: i0, template: `
    <router-outlet></router-outlet>
  `, isInline: true, styles: [""], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CfcUiRootComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-ui-root', template: `
    <router-outlet></router-outlet>
  ` }]
        }] });

class StorybookComponent {
    constructor() { }
    ngOnInit() {
    }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorybookComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: StorybookComponent, selector: "cfc-storybook", ngImport: i0, template: "<p>\n  storybook works!\n</p>\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorybookComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-storybook', template: "<p>\n  storybook works!\n</p>\n" }]
        }], ctorParameters: () => [] });

const components = [
    'alert',
    'avatar',
    'breadcrumb',
    'button',
    'card',
    'carousel',
    'checkbox',
    'collapse',
    'cookie-bar',
    'datetimer-picker',
    'divider',
    'footer',
    'header',
    'icon',
    'input',
    'list',
    'logo',
    'magic-button',
    'menu',
    'message',
    'modal',
    'notification',
    'notification-panel',
    'page-content',
    'pagination',
    'radio',
    'scrim',
    'select',
    'sign-in',
    'skiplink',
    'slider',
    'switch',
    'tab',
    'table',
    'tag',
    'textarea',
    'timer',
    'tooltip',
    'upload',
    'wizard'
].sort();

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$1.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
            }] } });

var LogoViewMode;
(function (LogoViewMode) {
    LogoViewMode["default"] = "default";
    LogoViewMode["neutral"] = "neutral";
    LogoViewMode["voluntary"] = "voluntary";
})(LogoViewMode || (LogoViewMode = {}));

var SignInType;
(function (SignInType) {
    SignInType["primary"] = "primary";
    SignInType["secondary"] = "secondary";
})(SignInType || (SignInType = {}));

var SignInDensity;
(function (SignInDensity) {
    SignInDensity["large"] = "large";
    SignInDensity["middle"] = "middle";
    SignInDensity["small"] = "small";
})(SignInDensity || (SignInDensity = {}));

var HeaderViewMode;
(function (HeaderViewMode) {
    HeaderViewMode["default"] = "default";
    HeaderViewMode["constrast"] = "contrast";
})(HeaderViewMode || (HeaderViewMode = {}));

class CheckboxComponent {
    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", ngImport: i0, template: "<br-checkbox></br-checkbox>\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CheckboxComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-checkbox', template: "<br-checkbox></br-checkbox>\r\n" }]
        }] });

class CookieBarComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CookieBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CookieBarComponent, selector: "cfc-cookie-bar", ngImport: i0, template: "<br-cookiebar></br-cookiebar>\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CookieBarComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-cookie-bar', template: "<br-cookiebar></br-cookiebar>\r\n" }]
        }] });

class DatetimerPickerComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DatetimerPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DatetimerPickerComponent, selector: "cfc-datetimer-picker", ngImport: i0, template: "<br-datetimer-picker/>\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DatetimerPickerComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-datetimer-picker', template: "<br-datetimer-picker/>\r\n" }]
        }] });

class DividerComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DividerComponent, selector: "cfc-divider", ngImport: i0, template: "<br-divider />\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DividerComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-divider', template: "<br-divider />\r\n" }]
        }] });

class FooterComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FooterComponent, selector: "cfc-footer", ngImport: i0, template: "<p>footer works!</p>\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FooterComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-footer', template: "<p>footer works!</p>\r\n" }]
        }] });

class LogoComponent {
    cdr;
    viewMode = LogoViewMode.default;
    isClickable = false;
    width;
    clickEvent = new EventEmitter();
    logoViewMode = LogoViewMode;
    get svgPath() {
        switch (this.viewMode) {
            case LogoViewMode.default:
                return './assets/logo-default.svg';
            case LogoViewMode.neutral:
                return './assets/logo-neutral.svg';
            case LogoViewMode.voluntary:
                return './assets/logo-voluntary.svg';
            default:
                throw new Error(`ViewMode inválido: ${this.viewMode}`);
        }
    }
    get svgWidth() {
        return this.width ? `${this.width}px` : '100%';
    }
    constructor(cdr) {
        this.cdr = cdr;
    }
    ngOnChanges(changes) {
        if (changes['isClickable']) {
            this.cdr.markForCheck();
        }
    }
    onClick() {
        if (this.clickEvent)
            this.clickEvent.emit();
    }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LogoComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LogoComponent, selector: "cfc-logo", inputs: { viewMode: "viewMode", isClickable: "isClickable", width: "width" }, outputs: { clickEvent: "clickEvent" }, usesOnChanges: true, 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<img\r\n  alt=\"logo do conselho federal de contabilidade\"\r\n  [src]=\"svgPath\"\r\n  [style.cursor]=\"isClickable ? 'pointer' : 'default'\"\r\n  [style.width]=\"svgWidth\"\r\n  (click)=\"isClickable ? onClick(): undefined\"\r\n>\r\n", styles: ["svg{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.Default });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LogoComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-logo', changeDetection: ChangeDetectionStrategy.Default, template: "<!-- eslint-disable @angular-eslint/template/interactive-supports-focus -->\r\n<!-- eslint-disable @angular-eslint/template/click-events-have-key-events -->\r\n<img\r\n  alt=\"logo do conselho federal de contabilidade\"\r\n  [src]=\"svgPath\"\r\n  [style.cursor]=\"isClickable ? 'pointer' : 'default'\"\r\n  [style.width]=\"svgWidth\"\r\n  (click)=\"isClickable ? onClick(): undefined\"\r\n>\r\n", styles: ["svg{display:block}\n"] }]
        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { viewMode: [{
                type: Input
            }], isClickable: [{
                type: Input
            }], width: [{
                type: Input
            }], clickEvent: [{
                type: Output
            }] } });

class SignInComponent {
    label = '';
    type = SignInType.primary;
    density = SignInDensity.middle;
    icon = 'user';
    // @Input() image = '';
    entity = '';
    disabled = false;
    block = false;
    inverted = false;
    isLink = false;
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SignInComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SignInComponent, selector: "cfc-sign-in", inputs: { label: "label", type: "type", density: "density", icon: "icon", entity: "entity", disabled: "disabled", block: "block", inverted: "inverted", isLink: "isLink" }, ngImport: i0, template: "<br-sign-in\r\n  cfcDirectiveController\r\n  [directiveNames]=\"[\r\n    'disabled',\r\n    'block',\r\n    'inverted',\r\n    'isLink'\r\n  ]\"\r\n  [applyDirectives]=\"[\r\n    disabled,\r\n    block,\r\n    inverted,\r\n    isLink\r\n  ]\"\r\n  [label]=\"label\"\r\n  [type]=\"type\"\r\n  [density]=\"density\"\r\n  [icon]=\"icon\"\r\n  [entity]=\"entity\"\r\n  active\r\n></br-sign-in>\r\n", styles: [""], dependencies: [{ kind: "directive", type: ControllerDirective, selector: "[cfcDirectiveController]", inputs: ["directiveName", "directiveNames", "applyDirective", "applyDirectives"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SignInComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-sign-in', template: "<br-sign-in\r\n  cfcDirectiveController\r\n  [directiveNames]=\"[\r\n    'disabled',\r\n    'block',\r\n    'inverted',\r\n    'isLink'\r\n  ]\"\r\n  [applyDirectives]=\"[\r\n    disabled,\r\n    block,\r\n    inverted,\r\n    isLink\r\n  ]\"\r\n  [label]=\"label\"\r\n  [type]=\"type\"\r\n  [density]=\"density\"\r\n  [icon]=\"icon\"\r\n  [entity]=\"entity\"\r\n  active\r\n></br-sign-in>\r\n" }]
        }], propDecorators: { label: [{
                type: Input
            }], type: [{
                type: Input
            }], density: [{
                type: Input
            }], icon: [{
                type: Input
            }], entity: [{
                type: Input
            }], disabled: [{
                type: Input
            }], block: [{
                type: Input
            }], inverted: [{
                type: Input
            }], isLink: [{
                type: Input
            }] } });

class TimerComponent {
    initialTime = 20;
    timeUnit = '';
    timeOutEvent = new EventEmitter();
    timeEvent = new EventEmitter();
    displayTime = '00:00';
    intervalId;
    ngOnInit() {
        console.log(this.initialTime);
        this.startTimer();
    }
    ngOnDestroy() {
        this.stopTimer();
    }
    startTimer() {
        let remainingTime = this.initialTime;
        this.updateDisplayTime(remainingTime);
        this.intervalId = setInterval(() => {
            remainingTime--;
            if (remainingTime < 0) {
                this.stopTimer();
                return;
            }
            this.updateDisplayTime(remainingTime);
        }, 1000);
    }
    stopTimer() {
        clearInterval(this.intervalId);
        this.timeOutEvent.emit();
    }
    updateDisplayTime(seconds) {
        const minutes = Math.floor(seconds / 60);
        const remainingSeconds = seconds % 60;
        this.displayTime = `${this.padZero(minutes)}:${this.padZero(remainingSeconds)}`;
        this.timeEvent.emit();
    }
    padZero(number) {
        return number < 10 ? `0${number.toString()}` : `${number.toString()}`;
    }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TimerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TimerComponent, selector: "cfc-timer", inputs: { initialTime: "initialTime", timeUnit: "timeUnit" }, outputs: { timeOutEvent: "timeOutEvent", timeEvent: "timeEvent" }, ngImport: i0, template: "<br-button\r\n  style=\"color: black; pointer-events: none;\"\r\n  [label]=\"displayTime\"\r\n  icon=\"clock\"\r\n  type=\"primary\"\r\n  inverted\r\n  active\r\n></br-button>\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TimerComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-timer', template: "<br-button\r\n  style=\"color: black; pointer-events: none;\"\r\n  [label]=\"displayTime\"\r\n  icon=\"clock\"\r\n  type=\"primary\"\r\n  inverted\r\n  active\r\n></br-button>\r\n" }]
        }], propDecorators: { initialTime: [{
                type: Input
            }], timeUnit: [{
                type: Input
            }], timeOutEvent: [{
                type: Output
            }], timeEvent: [{
                type: Output
            }] } });

class HeaderComponent {
    title = 'CFC Design System';
    description = 'Página de testes';
    timeLogOut = 1800;
    hasTimer = true;
    logoMode = LogoViewMode.default;
    viewMode = HeaderViewMode.default;
    headerViewModes = HeaderViewMode;
    logoViewModes = LogoViewMode;
    signinTypes = SignInType;
    buttonTypes = ButtonType;
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: HeaderComponent, selector: "cfc-header", inputs: { title: "title", description: "description", timeLogOut: "timeLogOut", hasTimer: "hasTimer", logoMode: "logoMode", viewMode: "viewMode" }, ngImport: i0, template: "<header\r\n  class=\"cfc-header\"\r\n  [ngStyle]=\"{ 'background-color': viewMode === headerViewModes.default ? 'white' : '#0C326F'}\"\r\n  fxLayout=\"row\"\r\n  fxLayoutAlign=\"space-between center\">\r\n  <div\r\n    fxLayout=\"row\"\r\n    fxLayoutAlign=\"center center\"\r\n    fxLayoutGap=\"1rem\">\r\n    <cfc-button\r\n      [icon]=\"'bars'\"\r\n      [circle]=\"true\"\r\n      [inverted]=\"viewMode === headerViewModes.default\"\r\n    ></cfc-button>\r\n\r\n    <cfc-logo\r\n      [viewMode]=\"viewMode === headerViewModes.default ? logoViewModes.default : logoViewModes.neutral\"\r\n    ></cfc-logo>\r\n\r\n    <div>\r\n      <h4\r\n        class=\"cfc-header__title\"\r\n        [ngStyle]=\"{ 'color': viewMode === headerViewModes.default ? 'black' : 'white' }\">\r\n        {{ title }}\r\n      </h4>\r\n      <p\r\n        class=\"cfc-header__description\"\r\n        [ngStyle]=\"{ 'color': viewMode === headerViewModes.default ? '#555555' : 'white' }\">\r\n        {{ description }}\r\n      </p>\r\n    </div>\r\n  </div>\r\n\r\n  <div\r\n    fxLayout=\"row\"\r\n    fxLayoutAlign=\"center center\"\r\n    fxLayoutGap=\"1.5rem\">\r\n    <cfc-timer\r\n      [initialTime]=\"timeLogOut\"\r\n    ></cfc-timer>\r\n\r\n    <cfc-button\r\n      *ngIf=\"viewMode === headerViewModes.default\"\r\n      [icon]=\"'book'\"\r\n      [circle]=\"true\"\r\n      [inverted]=\"true\"\r\n    ></cfc-button>\r\n\r\n    <cfc-sign-in\r\n      [label]=\"'User name'\"\r\n      [type]=\"signinTypes.primary\"\r\n      [inverted]=\"viewMode === headerViewModes.default\"\r\n    ></cfc-sign-in>\r\n  </div>\r\n</header>\r\n\r\n<div class=\"cfc-header__spacer\"></div>\r\n", styles: [":root{--header-height: 140px}*{margin:0;padding:0;box-sizing:border-box}.cfc-header{height:120px;position:fixed;top:0;left:0;background-color:#fff;box-shadow:0 0 10px 1px #c1c1c1;padding:1rem 2rem;width:100%;height:var(--header-height);z-index:999}.cfc-header__title{font-weight:700;font-size:1rem}.cfc-header__description{font-weight:400;font-size:.9rem;padding-top:.2rem;color:#555;opacity:60%}.cfc-header__spacer{height:75px;width:100%}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ButtonComponent, selector: "cfc-button", inputs: ["label", "type", "submit", "circle", "density", "disabled", "block", "icon", "active", "inverted", "loading"] }, { kind: "component", type: LogoComponent, selector: "cfc-logo", inputs: ["viewMode", "isClickable", "width"], outputs: ["clickEvent"] }, { kind: "component", type: SignInComponent, selector: "cfc-sign-in", inputs: ["label", "type", "density", "icon", "entity", "disabled", "block", "inverted", "isLink"] }, { kind: "component", type: TimerComponent, selector: "cfc-timer", inputs: ["initialTime", "timeUnit"], outputs: ["timeOutEvent", "timeEvent"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HeaderComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-header', template: "<header\r\n  class=\"cfc-header\"\r\n  [ngStyle]=\"{ 'background-color': viewMode === headerViewModes.default ? 'white' : '#0C326F'}\"\r\n  fxLayout=\"row\"\r\n  fxLayoutAlign=\"space-between center\">\r\n  <div\r\n    fxLayout=\"row\"\r\n    fxLayoutAlign=\"center center\"\r\n    fxLayoutGap=\"1rem\">\r\n    <cfc-button\r\n      [icon]=\"'bars'\"\r\n      [circle]=\"true\"\r\n      [inverted]=\"viewMode === headerViewModes.default\"\r\n    ></cfc-button>\r\n\r\n    <cfc-logo\r\n      [viewMode]=\"viewMode === headerViewModes.default ? logoViewModes.default : logoViewModes.neutral\"\r\n    ></cfc-logo>\r\n\r\n    <div>\r\n      <h4\r\n        class=\"cfc-header__title\"\r\n        [ngStyle]=\"{ 'color': viewMode === headerViewModes.default ? 'black' : 'white' }\">\r\n        {{ title }}\r\n      </h4>\r\n      <p\r\n        class=\"cfc-header__description\"\r\n        [ngStyle]=\"{ 'color': viewMode === headerViewModes.default ? '#555555' : 'white' }\">\r\n        {{ description }}\r\n      </p>\r\n    </div>\r\n  </div>\r\n\r\n  <div\r\n    fxLayout=\"row\"\r\n    fxLayoutAlign=\"center center\"\r\n    fxLayoutGap=\"1.5rem\">\r\n    <cfc-timer\r\n      [initialTime]=\"timeLogOut\"\r\n    ></cfc-timer>\r\n\r\n    <cfc-button\r\n      *ngIf=\"viewMode === headerViewModes.default\"\r\n      [icon]=\"'book'\"\r\n      [circle]=\"true\"\r\n      [inverted]=\"true\"\r\n    ></cfc-button>\r\n\r\n    <cfc-sign-in\r\n      [label]=\"'User name'\"\r\n      [type]=\"signinTypes.primary\"\r\n      [inverted]=\"viewMode === headerViewModes.default\"\r\n    ></cfc-sign-in>\r\n  </div>\r\n</header>\r\n\r\n<div class=\"cfc-header__spacer\"></div>\r\n", styles: [":root{--header-height: 140px}*{margin:0;padding:0;box-sizing:border-box}.cfc-header{height:120px;position:fixed;top:0;left:0;background-color:#fff;box-shadow:0 0 10px 1px #c1c1c1;padding:1rem 2rem;width:100%;height:var(--header-height);z-index:999}.cfc-header__title{font-weight:700;font-size:1rem}.cfc-header__description{font-weight:400;font-size:.9rem;padding-top:.2rem;color:#555;opacity:60%}.cfc-header__spacer{height:75px;width:100%}\n"] }]
        }], propDecorators: { title: [{
                type: Input
            }], description: [{
                type: Input
            }], timeLogOut: [{
                type: Input
            }], hasTimer: [{
                type: Input
            }], logoMode: [{
                type: Input
            }], viewMode: [{
                type: Input
            }] } });

class InputComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: InputComponent, selector: "cfc-input", ngImport: i0, template: "<br-input></br-input>\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InputComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-input', template: "<br-input></br-input>\r\n" }]
        }] });

class ListComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ListComponent, selector: "cfc-list", ngImport: i0, template: "<br-list>\r\n  <br-item>item 1</br-item>\r\n  <br-item>item 2</br-item>\r\n  <br-item>item 3</br-item>\r\n</br-list>\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ListComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-list', template: "<br-list>\r\n  <br-item>item 1</br-item>\r\n  <br-item>item 2</br-item>\r\n  <br-item>item 3</br-item>\r\n</br-list>\r\n" }]
        }] });

class MagicButtonComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MagicButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MagicButtonComponent, selector: "cfc-magic-button", ngImport: i0, template: "<br-magic-button label=\"bot\u00E3o m\u00E1gico\"/>\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MagicButtonComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-magic-button', template: "<br-magic-button label=\"bot\u00E3o m\u00E1gico\"/>\r\n" }]
        }] });

class MenuComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MenuComponent, selector: "cfc-menu", ngImport: i0, template: "<br-menu>\r\n  <br-menu-item>item 1</br-menu-item>\r\n  <br-menu-item>item 2</br-menu-item>\r\n  <br-menu-item>item 3</br-menu-item>\r\n</br-menu>\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MenuComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-menu', template: "<br-menu>\r\n  <br-menu-item>item 1</br-menu-item>\r\n  <br-menu-item>item 2</br-menu-item>\r\n  <br-menu-item>item 3</br-menu-item>\r\n</br-menu>\r\n" }]
        }] });

class MessageComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MessageComponent, selector: "cfc-message", ngImport: i0, template: "<br-message>mensagem</br-message>\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MessageComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-message', template: "<br-message>mensagem</br-message>\r\n" }]
        }] });

class ModalComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ModalComponent, selector: "cfc-modal", ngImport: i0, template: "<br-modal>modal</br-modal>\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-modal', template: "<br-modal>modal</br-modal>\r\n" }]
        }] });

class NotificationComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NotificationComponent, selector: "cfc-notification", ngImport: i0, template: "<br-notification>notifica\u00E7\u00E3o</br-notification>\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-notification', template: "<br-notification>notifica\u00E7\u00E3o</br-notification>\r\n" }]
        }] });

class NotificationPanelComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NotificationPanelComponent, selector: "cfc-notification-panel", ngImport: i0, template: "<br-notification-panel>\r\n  <br-notification>notifica\u00E7\u00E3o 1</br-notification>\r\n  <br-notification>notifica\u00E7\u00E3o 2</br-notification>\r\n  <br-notification>notifica\u00E7\u00E3o 3</br-notification>\r\n</br-notification-panel>\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationPanelComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-notification-panel', template: "<br-notification-panel>\r\n  <br-notification>notifica\u00E7\u00E3o 1</br-notification>\r\n  <br-notification>notifica\u00E7\u00E3o 2</br-notification>\r\n  <br-notification>notifica\u00E7\u00E3o 3</br-notification>\r\n</br-notification-panel>\r\n" }]
        }] });

class PageContentComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PageContentComponent, selector: "cfc-page-content", ngImport: i0, template: "<div class=\"container-out\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".container-out{margin:0;padding:2rem 5%;box-sizing:border-box;background-color:#f0f0f0;min-height:100%}\n"] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageContentComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-page-content', template: "<div class=\"container-out\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".container-out{margin:0;padding:2rem 5%;box-sizing:border-box;background-color:#f0f0f0;min-height:100%}\n"] }]
        }] });

class PaginationComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PaginationComponent, selector: "cfc-pagination", ngImport: i0, template: "<br-pagination></br-pagination>\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PaginationComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-pagination', template: "<br-pagination></br-pagination>\r\n" }]
        }] });

class RadioComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RadioComponent, selector: "cfc-radio", ngImport: i0, template: "<br-radio label=\"raio\"/>\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RadioComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-radio', template: "<br-radio label=\"raio\"/>\r\n" }]
        }] });

class ScrimComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScrimComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ScrimComponent, selector: "cfc-scrim", ngImport: i0, template: "<br-scrim />\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScrimComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-scrim', template: "<br-scrim />\r\n" }]
        }] });

class SelectComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SelectComponent, selector: "cfc-select", ngImport: i0, template: "<br-select />\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SelectComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-select', template: "<br-select />\r\n" }]
        }] });

class SkiplinkComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkiplinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SkiplinkComponent, selector: "cfc-skiplink", ngImport: i0, template: "<br-skiplink>skiplink</br-skiplink>\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkiplinkComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-skiplink', template: "<br-skiplink>skiplink</br-skiplink>\r\n" }]
        }] });

class SliderComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SliderComponent, selector: "cfc-slider", ngImport: i0, template: "<br-slider label=\"slider\" min=\"0\" max=\"100\"> </br-slider>\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SliderComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-slider', template: "<br-slider label=\"slider\" min=\"0\" max=\"100\"> </br-slider>\r\n" }]
        }] });

class SwitchComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SwitchComponent, selector: "cfc-switch", ngImport: i0, template: "<br-switch label=\"switch\" />\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SwitchComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-switch', template: "<br-switch label=\"switch\" />\r\n" }]
        }] });

class TabComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TabComponent, selector: "cfc-tab", ngImport: i0, template: "<br-tab>\r\n  <br-tab-item>op\u00E7\u00E3o 1</br-tab-item>\r\n  <br-tab-item>op\u00E7\u00E3o 2</br-tab-item>\r\n  <br-tab-item>op\u00E7\u00E3o 3</br-tab-item>\r\n</br-tab>\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TabComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-tab', template: "<br-tab>\r\n  <br-tab-item>op\u00E7\u00E3o 1</br-tab-item>\r\n  <br-tab-item>op\u00E7\u00E3o 2</br-tab-item>\r\n  <br-tab-item>op\u00E7\u00E3o 3</br-tab-item>\r\n</br-tab>\r\n" }]
        }] });

class TableComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TableComponent, selector: "cfc-table", ngImport: i0, template: "<br-table>\r\n  <br-table-header>tabela</br-table-header>\r\n</br-table>\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-table', template: "<br-table>\r\n  <br-table-header>tabela</br-table-header>\r\n</br-table>\r\n" }]
        }] });

class TagComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TagComponent, selector: "cfc-tag", ngImport: i0, template: "<br-tag>tag</br-tag>\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TagComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-tag', template: "<br-tag>tag</br-tag>\r\n" }]
        }] });

class TextareaComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TextareaComponent, selector: "cfc-textarea", ngImport: i0, template: "<br-textarea>\u00E1rea de texto</br-textarea>\r\n", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TextareaComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cfc-textarea', template: "<br-textarea>\u00E1rea de texto</br-textarea>\r\n" }]
        }] });

class TooltipComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: