cfc-ds
Version:
Design System do Conselho Federal de Contabilidade baseado no govbr-ds
39 lines • 8.13 kB
JavaScript
import { Component, Input } from '@angular/core';
import { DividerMode } from '../../enums/divider-mode.enum';
import { DividerType } from '../../enums/divider-type.enum';
import { DividerAxis } from '../../enums/divider-axis.enum';
import { DividerDensity } from '../../enums/divider-density.enum';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/flex-layout/extended";
export class DividerComponent {
height;
width;
mode = DividerMode.line;
type = DividerType.primary;
axis = DividerAxis.horizontal;
density = DividerDensity.small;
dividerModes = DividerMode;
dividerTypes = DividerType;
dividerAxis = DividerAxis;
dividerDensities = DividerDensity;
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", inputs: { height: "height", width: "width", mode: "mode", type: "type", axis: "axis", density: "density" }, ngImport: i0, template: "<span\r\n class=\"br-divider my-3\"\r\n [ngStyle]=\"{\r\n height: axis === dividerAxis.vertical ? (height ? height : '100%') : 'max-content',\r\n width: axis === dividerAxis.horizontal ? (width ? width : '100%') : 'max-content'\r\n }\"\r\n [class.dashed]=\"mode === dividerModes.dashed\"\r\n [class.vertical]=\"axis === dividerAxis.vertical\"\r\n [ngClass]=\"{\r\n 'mx-3': axis === dividerAxis.vertical,\r\n 'my-3': axis === dividerAxis.horizontal,\r\n 'sm': density === dividerDensities.small,\r\n 'md': density === dividerDensities.medium,\r\n 'lg': density === dividerDensities.large,\r\n 'dark-mode': type === dividerTypes.secondary\r\n }\"\r\n></span>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i2.DefaultStyleDirective, selector: " [ngStyle], [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl], [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl], [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DividerComponent, decorators: [{
type: Component,
args: [{ selector: 'cfc-divider', template: "<span\r\n class=\"br-divider my-3\"\r\n [ngStyle]=\"{\r\n height: axis === dividerAxis.vertical ? (height ? height : '100%') : 'max-content',\r\n width: axis === dividerAxis.horizontal ? (width ? width : '100%') : 'max-content'\r\n }\"\r\n [class.dashed]=\"mode === dividerModes.dashed\"\r\n [class.vertical]=\"axis === dividerAxis.vertical\"\r\n [ngClass]=\"{\r\n 'mx-3': axis === dividerAxis.vertical,\r\n 'my-3': axis === dividerAxis.horizontal,\r\n 'sm': density === dividerDensities.small,\r\n 'md': density === dividerDensities.medium,\r\n 'lg': density === dividerDensities.large,\r\n 'dark-mode': type === dividerTypes.secondary\r\n }\"\r\n></span>\r\n" }]
}], propDecorators: { height: [{
type: Input
}], width: [{
type: Input
}], mode: [{
type: Input
}], type: [{
type: Input
}], axis: [{
type: Input
}], density: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGl2aWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jZmMtZHMvc3JjL2xpYi9jb21wb25lbnRzL2RpdmlkZXIvZGl2aWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jZmMtZHMvc3JjL2xpYi9jb21wb25lbnRzL2RpdmlkZXIvZGl2aWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDNUQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzVELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0NBQWtDLENBQUM7Ozs7QUFPbEUsTUFBTSxPQUFPLGdCQUFnQjtJQUVsQixNQUFNLENBQVU7SUFDaEIsS0FBSyxDQUFVO0lBQ2YsSUFBSSxHQUFnQixXQUFXLENBQUMsSUFBSSxDQUFDO0lBQ3JDLElBQUksR0FBZ0IsV0FBVyxDQUFDLE9BQU8sQ0FBQztJQUN4QyxJQUFJLEdBQWdCLFdBQVcsQ0FBQyxVQUFVLENBQUM7SUFDM0MsT0FBTyxHQUFtQixjQUFjLENBQUMsS0FBSyxDQUFDO0lBRXhELFlBQVksR0FBdUIsV0FBVyxDQUFDO0lBQy9DLFlBQVksR0FBdUIsV0FBVyxDQUFDO0lBQy9DLFdBQVcsR0FBdUIsV0FBVyxDQUFDO0lBQzlDLGdCQUFnQixHQUEwQixjQUFjLENBQUM7d0dBWjlDLGdCQUFnQjs0RkFBaEIsZ0JBQWdCLCtKQ1g3QixzckJBaUJBOzs0RkROYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsYUFBYTs4QkFNZCxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRGl2aWRlck1vZGUgfSBmcm9tICcuLi8uLi9lbnVtcy9kaXZpZGVyLW1vZGUuZW51bSc7XHJcbmltcG9ydCB7IERpdmlkZXJUeXBlIH0gZnJvbSAnLi4vLi4vZW51bXMvZGl2aWRlci10eXBlLmVudW0nO1xyXG5pbXBvcnQgeyBEaXZpZGVyQXhpcyB9IGZyb20gJy4uLy4uL2VudW1zL2RpdmlkZXItYXhpcy5lbnVtJztcclxuaW1wb3J0IHsgRGl2aWRlckRlbnNpdHkgfSBmcm9tICcuLi8uLi9lbnVtcy9kaXZpZGVyLWRlbnNpdHkuZW51bSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NmYy1kaXZpZGVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZGl2aWRlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2RpdmlkZXIuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEaXZpZGVyQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgaGVpZ2h0Pzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHdpZHRoPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIG1vZGU6IERpdmlkZXJNb2RlID0gRGl2aWRlck1vZGUubGluZTtcclxuICBASW5wdXQoKSB0eXBlOiBEaXZpZGVyVHlwZSA9IERpdmlkZXJUeXBlLnByaW1hcnk7XHJcbiAgQElucHV0KCkgYXhpczogRGl2aWRlckF4aXMgPSBEaXZpZGVyQXhpcy5ob3Jpem9udGFsO1xyXG4gIEBJbnB1dCgpIGRlbnNpdHk6IERpdmlkZXJEZW5zaXR5ID0gRGl2aWRlckRlbnNpdHkuc21hbGw7XHJcblxyXG4gIGRpdmlkZXJNb2RlczogdHlwZW9mIERpdmlkZXJNb2RlID0gRGl2aWRlck1vZGU7XHJcbiAgZGl2aWRlclR5cGVzOiB0eXBlb2YgRGl2aWRlclR5cGUgPSBEaXZpZGVyVHlwZTtcclxuICBkaXZpZGVyQXhpczogdHlwZW9mIERpdmlkZXJBeGlzID0gRGl2aWRlckF4aXM7XHJcbiAgZGl2aWRlckRlbnNpdGllczogdHlwZW9mIERpdmlkZXJEZW5zaXR5ID0gRGl2aWRlckRlbnNpdHk7XHJcblxyXG59XHJcbiIsIjxzcGFuXHJcbiAgY2xhc3M9XCJici1kaXZpZGVyIG15LTNcIlxyXG4gIFtuZ1N0eWxlXT1cIntcclxuICAgIGhlaWdodDogYXhpcyA9PT0gZGl2aWRlckF4aXMudmVydGljYWwgPyAoaGVpZ2h0ID8gaGVpZ2h0IDogJzEwMCUnKSA6ICdtYXgtY29udGVudCcsXHJcbiAgICB3aWR0aDogYXhpcyA9PT0gZGl2aWRlckF4aXMuaG9yaXpvbnRhbCA/ICh3aWR0aCA/IHdpZHRoIDogJzEwMCUnKSA6ICdtYXgtY29udGVudCdcclxuICB9XCJcclxuICBbY2xhc3MuZGFzaGVkXT1cIm1vZGUgPT09IGRpdmlkZXJNb2Rlcy5kYXNoZWRcIlxyXG4gIFtjbGFzcy52ZXJ0aWNhbF09XCJheGlzID09PSAgZGl2aWRlckF4aXMudmVydGljYWxcIlxyXG4gIFtuZ0NsYXNzXT1cIntcclxuICAgICdteC0zJzogYXhpcyA9PT0gZGl2aWRlckF4aXMudmVydGljYWwsXHJcbiAgICAnbXktMyc6IGF4aXMgPT09IGRpdmlkZXJBeGlzLmhvcml6b250YWwsXHJcbiAgICAnc20nOiBkZW5zaXR5ID09PSBkaXZpZGVyRGVuc2l0aWVzLnNtYWxsLFxyXG4gICAgJ21kJzogZGVuc2l0eSA9PT0gZGl2aWRlckRlbnNpdGllcy5tZWRpdW0sXHJcbiAgICAnbGcnOiBkZW5zaXR5ID09PSBkaXZpZGVyRGVuc2l0aWVzLmxhcmdlLFxyXG4gICAgJ2RhcmstbW9kZSc6IHR5cGUgPT09IGRpdmlkZXJUeXBlcy5zZWNvbmRhcnlcclxuICB9XCJcclxuPjwvc3Bhbj5cclxuIl19