@taiga-ui/kit
Version:
Taiga UI Angular main components kit
40 lines (36 loc) • 3.6 kB
JavaScript
import * as i0 from '@angular/core';
import { ChangeDetectionStrategy, ViewEncapsulation, Component, input, Directive } from '@angular/core';
import { TUI_VERSION } from '@taiga-ui/cdk/constants';
import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
class Styles {
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-status-5.7.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiStatus]:where(*[data-tui-version=\"5.7.0\"]){display:inline-flex;align-items:center;gap:.5rem}[tuiStatus]:where(*[data-tui-version=\"5.7.0\"]):before{content:\"\";display:var(--t-status, none);inline-size:.5rem;block-size:.5rem;border-radius:100%;background:var(--t-status)}[tuiStatus]:where(*[data-tui-version=\"5.7.0\"])[data-size=s],[tuiStatus]:where(*[data-tui-version=\"5.7.0\"])[data-size=m],[tuiStatus]:where(*[data-tui-version=\"5.7.0\"])[data-size=l]{gap:.25rem}[tuiStatus]:where(*[data-tui-version=\"5.7.0\"])[data-size=xl]{gap:.375rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: Styles, decorators: [{
type: Component,
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-status-${TUI_VERSION}`, styles: ["[tuiStatus]:where(*[data-tui-version=\"5.7.0\"]){display:inline-flex;align-items:center;gap:.5rem}[tuiStatus]:where(*[data-tui-version=\"5.7.0\"]):before{content:\"\";display:var(--t-status, none);inline-size:.5rem;block-size:.5rem;border-radius:100%;background:var(--t-status)}[tuiStatus]:where(*[data-tui-version=\"5.7.0\"])[data-size=s],[tuiStatus]:where(*[data-tui-version=\"5.7.0\"])[data-size=m],[tuiStatus]:where(*[data-tui-version=\"5.7.0\"])[data-size=l]{gap:.25rem}[tuiStatus]:where(*[data-tui-version=\"5.7.0\"])[data-size=xl]{gap:.375rem}\n"] }]
}] });
class TuiStatus {
constructor() {
this.nothing = tuiWithStyles(Styles);
this.tuiStatus = input('');
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiStatus, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.21", type: TuiStatus, isStandalone: true, selector: "[tuiStatus]", inputs: { tuiStatus: { classPropertyName: "tuiStatus", publicName: "tuiStatus", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.7.0", "tuiStatus": "" }, properties: { "style.--t-status": "tuiStatus() || null" } }, ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiStatus, decorators: [{
type: Directive,
args: [{
selector: '[tuiStatus]',
host: {
'data-tui-version': TUI_VERSION,
tuiStatus: '',
'[style.--t-status]': 'tuiStatus() || null',
},
}]
}] });
/**
* Generated bundle index. Do not edit.
*/
export { TuiStatus };
//# sourceMappingURL=taiga-ui-kit-components-status.mjs.map