@engie-group/fluid-design-system-angular
Version:
Fluid Design System Angular
49 lines • 6 kB
JavaScript
import { CommonModule } from '@angular/common';
import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
import { Utils } from '../../utils/utils.util';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class BulletComponent {
constructor() {
this.bulletClassName = 'nj-bullet';
/**
* Bullet variant
*/
this.variant = 'brand';
/**
* Bullet size
*/
this.size = 'md';
}
/**
* @ignore
*/
getBulletVariantClass() {
if (!this.variant || !Utils.isUndefinedOrNull(this.customColor)) {
return '';
}
return `${this.bulletClassName}--${this.variant}`;
}
/**
* @ignore
*/
getButtonSizeClass() {
if (!this.size) {
return '';
}
return `${this.bulletClassName}--${this.size}`;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BulletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BulletComponent, isStandalone: true, selector: "nj-bullet", inputs: { variant: "variant", customColor: "customColor", size: "size" }, ngImport: i0, template: "<div class=\"nj-bullet\" [ngClass]=\"[getBulletVariantClass(), getButtonSizeClass()]\"\n [style.background-color]=\"customColor\">\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BulletComponent, decorators: [{
type: Component,
args: [{ selector: 'nj-bullet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule], template: "<div class=\"nj-bullet\" [ngClass]=\"[getBulletVariantClass(), getButtonSizeClass()]\"\n [style.background-color]=\"customColor\">\n</div>\n" }]
}], ctorParameters: function () { return []; }, propDecorators: { variant: [{
type: Input
}], customColor: [{
type: Input
}], size: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnVsbGV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2J1bGxldC9idWxsZXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYnVsbGV0L2J1bGxldC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFN0YsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7QUFXL0MsTUFBTSxPQUFPLGVBQWU7SUFrQjFCO1FBakJRLG9CQUFlLEdBQUcsV0FBVyxDQUFDO1FBRXRDOztXQUVHO1FBQ00sWUFBTyxHQUE0QixPQUFPLENBQUM7UUFPcEQ7O1dBRUc7UUFDTSxTQUFJLEdBQWUsSUFBSSxDQUFDO0lBRWxCLENBQUM7SUFFaEI7O09BRUc7SUFDSCxxQkFBcUI7UUFDbkIsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxFQUFFO1lBQy9ELE9BQU8sRUFBRSxDQUFDO1NBQ1g7UUFDRCxPQUFPLEdBQUcsSUFBSSxDQUFDLGVBQWUsS0FBSyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDcEQsQ0FBQztJQUVEOztPQUVHO0lBQ0gsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2QsT0FBTyxFQUFFLENBQUM7U0FDWDtRQUNELE9BQU8sR0FBRyxJQUFJLENBQUMsZUFBZSxLQUFLLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNqRCxDQUFDOytHQXRDVSxlQUFlO21HQUFmLGVBQWUsK0lDZDVCLGtKQUdBLDJDRFNZLFlBQVk7OzRGQUVYLGVBQWU7a0JBUjNCLFNBQVM7K0JBQ0UsV0FBVyxtQkFFSix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLGNBQ3pCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQzswRUFRZCxPQUFPO3NCQUFmLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFLRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUaGVtZUNvbXBvbmVudHNWYXJpYW50cyB9IGZyb20gJy4uLy4uL21vZGVscy90aGVtZS12YXJpYW50Lm1vZGVsJztcbmltcG9ydCB7IFV0aWxzIH0gZnJvbSAnLi4vLi4vdXRpbHMvdXRpbHMudXRpbCc7XG5pbXBvcnQgeyBCdWxsZXRTaXplIH0gZnJvbSAnLi9idWxsZXQubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduai1idWxsZXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vYnVsbGV0LmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdXG59KVxuZXhwb3J0IGNsYXNzIEJ1bGxldENvbXBvbmVudCB7XG4gIHByaXZhdGUgYnVsbGV0Q2xhc3NOYW1lID0gJ25qLWJ1bGxldCc7XG5cbiAgLyoqXG4gICAqIEJ1bGxldCB2YXJpYW50XG4gICAqL1xuICBASW5wdXQoKSB2YXJpYW50OiBUaGVtZUNvbXBvbmVudHNWYXJpYW50cyA9ICdicmFuZCc7XG5cbiAgLyoqXG4gICAqIEJ1bGxldCBjdXN0b20gY29sb3IsIG92ZXJyaWRlcyB2YXJpYW50XG4gICAqL1xuICBASW5wdXQoKSBjdXN0b21Db2xvcjogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBCdWxsZXQgc2l6ZVxuICAgKi9cbiAgQElucHV0KCkgc2l6ZTogQnVsbGV0U2l6ZSA9ICdtZCc7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBnZXRCdWxsZXRWYXJpYW50Q2xhc3MoKTogc3RyaW5nIHtcbiAgICBpZiAoIXRoaXMudmFyaWFudCB8fCAhVXRpbHMuaXNVbmRlZmluZWRPck51bGwodGhpcy5jdXN0b21Db2xvcikpIHtcbiAgICAgIHJldHVybiAnJztcbiAgICB9XG4gICAgcmV0dXJuIGAke3RoaXMuYnVsbGV0Q2xhc3NOYW1lfS0tJHt0aGlzLnZhcmlhbnR9YDtcbiAgfVxuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBnZXRCdXR0b25TaXplQ2xhc3MoKTogc3RyaW5nIHtcbiAgICBpZiAoIXRoaXMuc2l6ZSkge1xuICAgICAgcmV0dXJuICcnO1xuICAgIH1cbiAgICByZXR1cm4gYCR7dGhpcy5idWxsZXRDbGFzc05hbWV9LS0ke3RoaXMuc2l6ZX1gO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwibmotYnVsbGV0XCIgW25nQ2xhc3NdPVwiW2dldEJ1bGxldFZhcmlhbnRDbGFzcygpLCBnZXRCdXR0b25TaXplQ2xhc3MoKV1cIlxuICAgICBbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJjdXN0b21Db2xvclwiPlxuPC9kaXY+XG4iXX0=