@xui/components
Version:
xUI Components for Angular
67 lines • 6.26 kB
JavaScript
import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
import { CommonModule } from '@angular/common';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class XuiStatus {
constructor() {
this.type = input.required();
this._styles = computed(() => {
const ret = {
'x-status': true
};
ret[`x-status-${this.type()}`] = true;
return ret;
});
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XuiStatus, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.1", type: XuiStatus, isStandalone: true, selector: "xui-status", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `<div [ngClass]="_styles()"></div>
<svg>
<clipPath id="x-status-idle-clip-path" clipPathUnits="objectBoundingBox">
<path d="M0.564,0 A0.399,0.399,0,1,1,0,0.564 A0.502,0.502,0,1,0,0.564,0" />
</clipPath>
</svg>
<svg>
<clipPath id="x-status-dnd-clip-path" clipPathUnits="objectBoundingBox">
<path
d="M0.5,0 a0.5,0.5,0,1,0,0.5,0.5 A0.5,0.5,0,0,0,0.5,0 M0.78,0.603 H0.22 a0.103,0.103,0,0,1,0,-0.205 H0.78 a0.103,0.103,0,1,1,0,0.205"
/>
</clipPath>
</svg>
<svg>
<clipPath id="x-status-offline-clip-path" clipPathUnits="objectBoundingBox">
<path
d="M0.5,0 a0.5,0.5,0,1,0,0.5,0.5 A0.5,0.5,0,0,0,0.5,0 m0,0.76 A0.26,0.26,0,1,1,0.76,0.5 A0.26,0.26,0,0,1,0.5,0.76"
/>
</clipPath>
</svg>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XuiStatus, decorators: [{
type: Component,
args: [{
standalone: true,
imports: [CommonModule],
selector: 'xui-status',
changeDetection: ChangeDetectionStrategy.OnPush,
template: `<div [ngClass]="_styles()"></div>
<svg>
<clipPath id="x-status-idle-clip-path" clipPathUnits="objectBoundingBox">
<path d="M0.564,0 A0.399,0.399,0,1,1,0,0.564 A0.502,0.502,0,1,0,0.564,0" />
</clipPath>
</svg>
<svg>
<clipPath id="x-status-dnd-clip-path" clipPathUnits="objectBoundingBox">
<path
d="M0.5,0 a0.5,0.5,0,1,0,0.5,0.5 A0.5,0.5,0,0,0,0.5,0 M0.78,0.603 H0.22 a0.103,0.103,0,0,1,0,-0.205 H0.78 a0.103,0.103,0,1,1,0,0.205"
/>
</clipPath>
</svg>
<svg>
<clipPath id="x-status-offline-clip-path" clipPathUnits="objectBoundingBox">
<path
d="M0.5,0 a0.5,0.5,0,1,0,0.5,0.5 A0.5,0.5,0,0,0,0.5,0 m0,0.76 A0.26,0.26,0,1,1,0.76,0.5 A0.26,0.26,0,0,1,0.5,0.76"
/>
</clipPath>
</svg>`
}]
}] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy94dWkvc3JjL3N0YXR1cy9zdGF0dXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXBGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBNEIvQyxNQUFNLE9BQU8sU0FBUztJQTFCdEI7UUEyQkUsU0FBSSxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQWMsQ0FBQztRQUVwQyxZQUFPLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUN0QixNQUFNLEdBQUcsR0FBaUM7Z0JBQ3hDLFVBQVUsRUFBRSxJQUFJO2FBQ2pCLENBQUM7WUFFRixHQUFHLENBQUMsWUFBWSxJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQztZQUN0QyxPQUFPLEdBQUcsQ0FBQztRQUNiLENBQUMsQ0FBQyxDQUFDO0tBQ0o7OEdBWFksU0FBUztrR0FBVCxTQUFTLHNNQXJCVjs7Ozs7Ozs7Ozs7Ozs7Ozs7OztXQW1CRCwyREF0QkMsWUFBWTs7MkZBd0JYLFNBQVM7a0JBMUJyQixTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNoQixPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLFFBQVEsRUFBRSxZQUFZO29CQUN0QixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O1dBbUJEO2lCQUNWIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdGF0dXNUeXBlIH0gZnJvbSAnLi9zdGF0dXMudHlwZXMnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBzZWxlY3RvcjogJ3h1aS1zdGF0dXMnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgdGVtcGxhdGU6IGA8ZGl2IFtuZ0NsYXNzXT1cIl9zdHlsZXMoKVwiPjwvZGl2PlxuICAgIDxzdmc+XG4gICAgICA8Y2xpcFBhdGggaWQ9XCJ4LXN0YXR1cy1pZGxlLWNsaXAtcGF0aFwiIGNsaXBQYXRoVW5pdHM9XCJvYmplY3RCb3VuZGluZ0JveFwiPlxuICAgICAgICA8cGF0aCBkPVwiTTAuNTY0LDAgQTAuMzk5LDAuMzk5LDAsMSwxLDAsMC41NjQgQTAuNTAyLDAuNTAyLDAsMSwwLDAuNTY0LDBcIiAvPlxuICAgICAgPC9jbGlwUGF0aD5cbiAgICA8L3N2Zz5cbiAgICA8c3ZnPlxuICAgICAgPGNsaXBQYXRoIGlkPVwieC1zdGF0dXMtZG5kLWNsaXAtcGF0aFwiIGNsaXBQYXRoVW5pdHM9XCJvYmplY3RCb3VuZGluZ0JveFwiPlxuICAgICAgICA8cGF0aFxuICAgICAgICAgIGQ9XCJNMC41LDAgYTAuNSwwLjUsMCwxLDAsMC41LDAuNSBBMC41LDAuNSwwLDAsMCwwLjUsMCBNMC43OCwwLjYwMyBIMC4yMiBhMC4xMDMsMC4xMDMsMCwwLDEsMCwtMC4yMDUgSDAuNzggYTAuMTAzLDAuMTAzLDAsMSwxLDAsMC4yMDVcIlxuICAgICAgICAvPlxuICAgICAgPC9jbGlwUGF0aD5cbiAgICA8L3N2Zz5cbiAgICA8c3ZnPlxuICAgICAgPGNsaXBQYXRoIGlkPVwieC1zdGF0dXMtb2ZmbGluZS1jbGlwLXBhdGhcIiBjbGlwUGF0aFVuaXRzPVwib2JqZWN0Qm91bmRpbmdCb3hcIj5cbiAgICAgICAgPHBhdGhcbiAgICAgICAgICBkPVwiTTAuNSwwIGEwLjUsMC41LDAsMSwwLDAuNSwwLjUgQTAuNSwwLjUsMCwwLDAsMC41LDAgbTAsMC43NiBBMC4yNiwwLjI2LDAsMSwxLDAuNzYsMC41IEEwLjI2LDAuMjYsMCwwLDEsMC41LDAuNzZcIlxuICAgICAgICAvPlxuICAgICAgPC9jbGlwUGF0aD5cbiAgICA8L3N2Zz5gXG59KVxuZXhwb3J0IGNsYXNzIFh1aVN0YXR1cyB7XG4gIHR5cGUgPSBpbnB1dC5yZXF1aXJlZDxTdGF0dXNUeXBlPigpO1xuXG4gIF9zdHlsZXMgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgY29uc3QgcmV0OiB7IFtrbGFzczogc3RyaW5nXTogYm9vbGVhbiB9ID0ge1xuICAgICAgJ3gtc3RhdHVzJzogdHJ1ZVxuICAgIH07XG5cbiAgICByZXRbYHgtc3RhdHVzLSR7dGhpcy50eXBlKCl9YF0gPSB0cnVlO1xuICAgIHJldHVybiByZXQ7XG4gIH0pO1xufVxuIl19