@coreui/angular
Version:
CoreUI Components Library for Angular
36 lines • 5.79 kB
JavaScript
import { Component, computed, input } from '@angular/core';
import { NgClass } from '@angular/common';
import { CardBodyComponent, CardComponent } from '../../card';
import * as i0 from "@angular/core";
export class WidgetStatEComponent extends CardComponent {
constructor() {
super();
/**
* Title of the widget to display
* @type string
*/
this.title = input();
/**
* Value for your widget to display
* @type string | number
*/
this.value = input();
this.titleClasses = computed(() => {
const textColor = this.textColor();
return {
'text-body-secondary': !textColor,
small: true,
'text-uppercase': true,
'fw-semibold': true,
[`text-${textColor}`]: !!textColor
};
});
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: WidgetStatEComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", type: WidgetStatEComponent, isStandalone: true, selector: "c-widget-stat-e", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["cWidgetStatE"], usesInheritance: true, ngImport: i0, template: "<c-card-body class=\"text-center\">\n @if (!!title()) {\n <div [ngClass]=\"titleClasses()\">{{ title() }}</div>\n }\n @if (!!value()) {\n <div class=\"fs-6 fw-semibold py-3\">{{ value() }}</div>\n }\n <ng-content />\n</c-card-body>\n", dependencies: [{ kind: "component", type: CardBodyComponent, selector: "c-card-body, [c-card-body]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: WidgetStatEComponent, decorators: [{
type: Component,
args: [{ selector: 'c-widget-stat-e', exportAs: 'cWidgetStatE', standalone: true, imports: [CardBodyComponent, NgClass], template: "<c-card-body class=\"text-center\">\n @if (!!title()) {\n <div [ngClass]=\"titleClasses()\">{{ title() }}</div>\n }\n @if (!!value()) {\n <div class=\"fs-6 fw-semibold py-3\">{{ value() }}</div>\n }\n <ng-content />\n</c-card-body>\n" }]
}], ctorParameters: () => [] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2lkZ2V0LXN0YXQtZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JldWktYW5ndWxhci9zcmMvbGliL3dpZGdldC93aWRnZXQtc3RhdC1lL3dpZGdldC1zdGF0LWUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZXVpLWFuZ3VsYXIvc3JjL2xpYi93aWRnZXQvd2lkZ2V0LXN0YXQtZS93aWRnZXQtc3RhdC1lLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLGFBQWEsRUFBRSxNQUFNLFlBQVksQ0FBQzs7QUFTOUQsTUFBTSxPQUFPLG9CQUFxQixTQUFRLGFBQWE7SUFDckQ7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQUdWOzs7V0FHRztRQUNNLFVBQUssR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUVqQzs7O1dBR0c7UUFDTSxVQUFLLEdBQUcsS0FBSyxFQUFtQixDQUFDO1FBRWpDLGlCQUFZLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUNwQyxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDbkMsT0FBTztnQkFDTCxxQkFBcUIsRUFBRSxDQUFDLFNBQVM7Z0JBQ2pDLEtBQUssRUFBRSxJQUFJO2dCQUNYLGdCQUFnQixFQUFFLElBQUk7Z0JBQ3RCLGFBQWEsRUFBRSxJQUFJO2dCQUNuQixDQUFDLFFBQVEsU0FBUyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsU0FBUzthQUNSLENBQUM7UUFDL0IsQ0FBQyxDQUFDLENBQUM7SUF2QkgsQ0FBQzsrR0FIVSxvQkFBb0I7bUdBQXBCLG9CQUFvQiwwWENYakMsc1BBU0EsNENEQVksaUJBQWlCLHVFQUFFLE9BQU87OzRGQUV6QixvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0UsaUJBQWlCLFlBRWpCLGNBQWMsY0FDWixJQUFJLFdBQ1AsQ0FBQyxpQkFBaUIsRUFBRSxPQUFPLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGNvbXB1dGVkLCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdDbGFzcyB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDYXJkQm9keUNvbXBvbmVudCwgQ2FyZENvbXBvbmVudCB9IGZyb20gJy4uLy4uL2NhcmQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjLXdpZGdldC1zdGF0LWUnLFxuICB0ZW1wbGF0ZVVybDogJy4vd2lkZ2V0LXN0YXQtZS5jb21wb25lbnQuaHRtbCcsXG4gIGV4cG9ydEFzOiAnY1dpZGdldFN0YXRFJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NhcmRCb2R5Q29tcG9uZW50LCBOZ0NsYXNzXVxufSlcbmV4cG9ydCBjbGFzcyBXaWRnZXRTdGF0RUNvbXBvbmVudCBleHRlbmRzIENhcmRDb21wb25lbnQge1xuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgLyoqXG4gICAqIFRpdGxlIG9mIHRoZSB3aWRnZXQgdG8gZGlzcGxheVxuICAgKiBAdHlwZSBzdHJpbmdcbiAgICovXG4gIHJlYWRvbmx5IHRpdGxlID0gaW5wdXQ8c3RyaW5nPigpO1xuXG4gIC8qKlxuICAgKiBWYWx1ZSBmb3IgeW91ciB3aWRnZXQgdG8gZGlzcGxheVxuICAgKiBAdHlwZSBzdHJpbmcgfCBudW1iZXJcbiAgICovXG4gIHJlYWRvbmx5IHZhbHVlID0gaW5wdXQ8c3RyaW5nIHwgbnVtYmVyPigpO1xuXG4gIHJlYWRvbmx5IHRpdGxlQ2xhc3NlcyA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBjb25zdCB0ZXh0Q29sb3IgPSB0aGlzLnRleHRDb2xvcigpO1xuICAgIHJldHVybiB7XG4gICAgICAndGV4dC1ib2R5LXNlY29uZGFyeSc6ICF0ZXh0Q29sb3IsXG4gICAgICBzbWFsbDogdHJ1ZSxcbiAgICAgICd0ZXh0LXVwcGVyY2FzZSc6IHRydWUsXG4gICAgICAnZnctc2VtaWJvbGQnOiB0cnVlLFxuICAgICAgW2B0ZXh0LSR7dGV4dENvbG9yfWBdOiAhIXRleHRDb2xvclxuICAgIH0gYXMgUmVjb3JkPHN0cmluZywgYm9vbGVhbj47XG4gIH0pO1xufVxuIiwiPGMtY2FyZC1ib2R5IGNsYXNzPVwidGV4dC1jZW50ZXJcIj5cbiAgQGlmICghIXRpdGxlKCkpIHtcbiAgICA8ZGl2IFtuZ0NsYXNzXT1cInRpdGxlQ2xhc3NlcygpXCI+e3sgdGl0bGUoKSB9fTwvZGl2PlxuICB9XG4gIEBpZiAoISF2YWx1ZSgpKSB7XG4gICAgPGRpdiBjbGFzcz1cImZzLTYgZnctc2VtaWJvbGQgcHktM1wiPnt7IHZhbHVlKCkgfX08L2Rpdj5cbiAgfVxuICA8bmctY29udGVudCAvPlxuPC9jLWNhcmQtYm9keT5cbiJdfQ==