ng-devui
Version:
DevUI components based on Angular
27 lines • 5.23 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class StatusComponent {
constructor() {
this.classMap = {};
}
get type() {
return this._type;
}
set type(value) {
this._type = value;
this.setClassMap();
}
setClassMap() {
this.classMap = 'devui-status-bg-' + this.type;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: StatusComponent, selector: "d-status", inputs: { type: "type" }, ngImport: i0, template: "<span class=\"devui-status\" [ngClass]=\"classMap\">\n <ng-content></ng-content>\n</span>\n", styles: [":host{display:block}.devui-status{line-height:20px;height:20px;display:flex;align-items:center}.devui-status:before{display:inline-block;content:\"\";width:10px;height:10px;margin-right:5px;border-radius:100%}.devui-status.devui-status-bg-success:before{background:var(--devui-success, #058358)}.devui-status.devui-status-bg-error:before{background:var(--devui-danger, #e02128)}.devui-status.devui-status-bg-warning:before{background:var(--devui-warning, #fcc800)}.devui-status.devui-status-bg-waiting:before{background:var(--devui-waiting, #9dbdfc)}.devui-status.devui-status-bg-running:before{background:var(--devui-info, #0a59f7)}.devui-status.devui-status-bg-invalid:before{background:var(--devui-dividing-line, #f0f0f0)}.devui-status.devui-status-bg-initial:before{background:var(--devui-initial, #cedefd)}.devui-status.devui-status-bg-skipped:before{background:var(--devui-feedback-overlay-text, #f0f0f0)}.devui-status.devui-status-bg-canceled:before{background:var(--devui-icon-fill-weak, #808080)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StatusComponent, decorators: [{
type: Component,
args: [{ selector: 'd-status', preserveWhitespaces: false, template: "<span class=\"devui-status\" [ngClass]=\"classMap\">\n <ng-content></ng-content>\n</span>\n", styles: [":host{display:block}.devui-status{line-height:20px;height:20px;display:flex;align-items:center}.devui-status:before{display:inline-block;content:\"\";width:10px;height:10px;margin-right:5px;border-radius:100%}.devui-status.devui-status-bg-success:before{background:var(--devui-success, #058358)}.devui-status.devui-status-bg-error:before{background:var(--devui-danger, #e02128)}.devui-status.devui-status-bg-warning:before{background:var(--devui-warning, #fcc800)}.devui-status.devui-status-bg-waiting:before{background:var(--devui-waiting, #9dbdfc)}.devui-status.devui-status-bg-running:before{background:var(--devui-info, #0a59f7)}.devui-status.devui-status-bg-invalid:before{background:var(--devui-dividing-line, #f0f0f0)}.devui-status.devui-status-bg-initial:before{background:var(--devui-initial, #cedefd)}.devui-status.devui-status-bg-skipped:before{background:var(--devui-feedback-overlay-text, #f0f0f0)}.devui-status.devui-status-bg-canceled:before{background:var(--devui-icon-fill-weak, #808080)}\n"] }]
}], propDecorators: { type: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2RldnVpL3N0YXR1cy9zdGF0dXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZGV2dWkvc3RhdHVzL3N0YXR1cy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBU2pELE1BQU0sT0FBTyxlQUFlO0lBUDVCO1FBU0UsYUFBUSxHQUFHLEVBQUUsQ0FBQztLQWVmO0lBYkMsSUFDSSxJQUFJO1FBQ04sT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BCLENBQUM7SUFFRCxJQUFJLElBQUksQ0FBQyxLQUFhO1FBQ3BCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ25CLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxRQUFRLEdBQUcsa0JBQWtCLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQztJQUNqRCxDQUFDOytHQWhCVSxlQUFlO21HQUFmLGVBQWUsMEVDVDVCLDhGQUdBOzs0RkRNYSxlQUFlO2tCQVAzQixTQUFTOytCQUNFLFVBQVUsdUJBR0MsS0FBSzs4QkFRdEIsSUFBSTtzQkFEUCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkLXN0YXR1cycsXG4gIHRlbXBsYXRlVXJsOiAnLi9zdGF0dXMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdGF0dXMuY29tcG9uZW50LnNjc3MnXSxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG59KVxuXG5leHBvcnQgY2xhc3MgU3RhdHVzQ29tcG9uZW50IHtcbiAgcHJpdmF0ZSBfdHlwZTogc3RyaW5nO1xuICBjbGFzc01hcCA9IHt9O1xuXG4gIEBJbnB1dCgpXG4gIGdldCB0eXBlKCkge1xuICAgIHJldHVybiB0aGlzLl90eXBlO1xuICB9XG5cbiAgc2V0IHR5cGUodmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuX3R5cGUgPSB2YWx1ZTtcbiAgICB0aGlzLnNldENsYXNzTWFwKCk7XG4gIH1cblxuICBzZXRDbGFzc01hcCgpIHtcbiAgICB0aGlzLmNsYXNzTWFwID0gJ2RldnVpLXN0YXR1cy1iZy0nICsgdGhpcy50eXBlO1xuICB9XG59XG4iLCI8c3BhbiBjbGFzcz1cImRldnVpLXN0YXR1c1wiIFtuZ0NsYXNzXT1cImNsYXNzTWFwXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvc3Bhbj5cbiJdfQ==