design-angular-kit
Version:
Un toolkit Angular conforme alle linee guida di design per i servizi web della PA
39 lines • 4.09 kB
JavaScript
import { Directive, HostBinding, Input } from '@angular/core';
import { inputToBoolean } from '../../../utils/coercion';
import * as i0 from "@angular/core";
/**
* Badge
* @description Useful for small counters and labels
*/
export class ItBadgeDirective {
get badgeClass() {
let badgeClass = 'badge';
if (this.rounded) {
badgeClass += ` rounded-pill`;
}
if (this.color) {
badgeClass += ` bg-${this.color}`;
}
return badgeClass;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: ItBadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.6", type: ItBadgeDirective, isStandalone: true, selector: "[itBadge]", inputs: { color: ["itBadge", "color"], rounded: ["rounded", "rounded", inputToBoolean] }, host: { properties: { "class": "this.badgeClass" } }, exportAs: ["itBadge"], ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: ItBadgeDirective, decorators: [{
type: Directive,
args: [{
standalone: true,
selector: '[itBadge]',
exportAs: 'itBadge',
}]
}], propDecorators: { color: [{
type: Input,
args: ['itBadge']
}], rounded: [{
type: Input,
args: [{ transform: inputToBoolean }]
}], badgeClass: [{
type: HostBinding,
args: ['class']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWFuZ3VsYXIta2l0L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2JhZGdlL2JhZGdlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFOUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQUV6RDs7O0dBR0c7QUFNSCxNQUFNLE9BQU8sZ0JBQWdCO0lBYTNCLElBQ2MsVUFBVTtRQUN0QixJQUFJLFVBQVUsR0FBRyxPQUFPLENBQUM7UUFDekIsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDakIsVUFBVSxJQUFJLGVBQWUsQ0FBQztRQUNoQyxDQUFDO1FBQ0QsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDZixVQUFVLElBQUksT0FBTyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDcEMsQ0FBQztRQUVELE9BQU8sVUFBVSxDQUFDO0lBQ3BCLENBQUM7OEdBeEJVLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLG9IQVdQLGNBQWM7OzJGQVh2QixnQkFBZ0I7a0JBTDVCLFNBQVM7bUJBQUM7b0JBQ1QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFFBQVEsRUFBRSxXQUFXO29CQUNyQixRQUFRLEVBQUUsU0FBUztpQkFDcEI7OEJBTW1CLEtBQUs7c0JBQXRCLEtBQUs7dUJBQUMsU0FBUztnQkFNc0IsT0FBTztzQkFBNUMsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUU7Z0JBR3RCLFVBQVU7c0JBRHZCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCYWRnZUNvbG9yIH0gZnJvbSAnLi4vLi4vLi4vaW50ZXJmYWNlcy9jb3JlJztcbmltcG9ydCB7IGlucHV0VG9Cb29sZWFuIH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMvY29lcmNpb24nO1xuXG4vKipcbiAqIEJhZGdlXG4gKiBAZGVzY3JpcHRpb24gVXNlZnVsIGZvciBzbWFsbCBjb3VudGVycyBhbmQgbGFiZWxzXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ1tpdEJhZGdlXScsXG4gIGV4cG9ydEFzOiAnaXRCYWRnZScsXG59KVxuZXhwb3J0IGNsYXNzIEl0QmFkZ2VEaXJlY3RpdmUge1xuICAvKipcbiAgICogRGVmaW5lIHRoZSBiYWRnZSBjb2xvclxuICAgKiBAZGVmYXVsdCB1bmRlZmluZWRcbiAgICovXG4gIEBJbnB1dCgnaXRCYWRnZScpIGNvbG9yOiBCYWRnZUNvbG9yIHwgdW5kZWZpbmVkO1xuXG4gIC8qKlxuICAgKiBTaG93IHJvdW5kZWQgYmFkZ2VcbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogaW5wdXRUb0Jvb2xlYW4gfSkgcm91bmRlZD86IGJvb2xlYW47XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHByb3RlY3RlZCBnZXQgYmFkZ2VDbGFzcygpOiBzdHJpbmcge1xuICAgIGxldCBiYWRnZUNsYXNzID0gJ2JhZGdlJztcbiAgICBpZiAodGhpcy5yb3VuZGVkKSB7XG4gICAgICBiYWRnZUNsYXNzICs9IGAgcm91bmRlZC1waWxsYDtcbiAgICB9XG4gICAgaWYgKHRoaXMuY29sb3IpIHtcbiAgICAgIGJhZGdlQ2xhc3MgKz0gYCBiZy0ke3RoaXMuY29sb3J9YDtcbiAgICB9XG5cbiAgICByZXR1cm4gYmFkZ2VDbGFzcztcbiAgfVxufVxuIl19