xui/esm2022/status/status.component.mjs

xUI Components for Angular

import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class StatusComponent {
    get styles() {
        const ret = {
            'x-status': true
        };
        ret[`x-status-${this.type}`] = true;
        return ret;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: StatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: StatusComponent, selector: "xui-status", inputs: { type: "type" }, 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"></path>
      </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"
        ></path>
      </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"
        ></path>
      </clipPath>
    </svg>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: StatusComponent, decorators: [{
            type: Component,
            args: [{
                    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"></path>
      </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"
        ></path>
      </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"
        ></path>
      </clipPath>
    </svg>`
                }]
        }], propDecorators: { type: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMveHVpL3NyYy9zdGF0dXMvc3RhdHVzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBMkIxRSxNQUFNLE9BQU8sZUFBZTtJQUcxQixJQUFJLE1BQU07UUFDUixNQUFNLEdBQUcsR0FBaUM7WUFDeEMsVUFBVSxFQUFFLElBQUk7U0FDakIsQ0FBQztRQUVGLEdBQUcsQ0FBQyxZQUFZLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQztRQUNwQyxPQUFPLEdBQUcsQ0FBQztJQUNiLENBQUM7OEdBVlUsZUFBZTtrR0FBZixlQUFlLDRFQXJCaEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7V0FtQkQ7OzJGQUVFLGVBQWU7a0JBeEIzQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxZQUFZO29CQUN0QixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O1dBbUJEO2lCQUNWOzhCQUVVLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdGF0dXNUeXBlIH0gZnJvbSAnLi9zdGF0dXMudHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd4dWktc3RhdHVzJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHRlbXBsYXRlOiBgPGRpdiBbbmdDbGFzc109XCJzdHlsZXNcIj48L2Rpdj5cbiAgICA8c3ZnPlxuICAgICAgPGNsaXBQYXRoIGlkPVwieC1zdGF0dXMtaWRsZS1jbGlwLXBhdGhcIiBjbGlwUGF0aFVuaXRzPVwib2JqZWN0Qm91bmRpbmdCb3hcIj5cbiAgICAgICAgPHBhdGggZD1cIk0wLjU2NCwwIEEwLjM5OSwwLjM5OSwwLDEsMSwwLDAuNTY0IEEwLjUwMiwwLjUwMiwwLDEsMCwwLjU2NCwwXCI+PC9wYXRoPlxuICAgICAgPC9jbGlwUGF0aD5cbiAgICA8L3N2Zz5cbiAgICA8c3ZnPlxuICAgICAgPGNsaXBQYXRoIGlkPVwieC1zdGF0dXMtZG5kLWNsaXAtcGF0aFwiIGNsaXBQYXRoVW5pdHM9XCJvYmplY3RCb3VuZGluZ0JveFwiPlxuICAgICAgICA8cGF0aFxuICAgICAgICAgIGQ9XCJNMC41LDAgYTAuNSwwLjUsMCwxLDAsMC41LDAuNSBBMC41LDAuNSwwLDAsMCwwLjUsMCBNMC43OCwwLjYwMyBIMC4yMiBhMC4xMDMsMC4xMDMsMCwwLDEsMCwtMC4yMDUgSDAuNzggYTAuMTAzLDAuMTAzLDAsMSwxLDAsMC4yMDVcIlxuICAgICAgICA+PC9wYXRoPlxuICAgICAgPC9jbGlwUGF0aD5cbiAgICA8L3N2Zz5cbiAgICA8c3ZnPlxuICAgICAgPGNsaXBQYXRoIGlkPVwieC1zdGF0dXMtb2ZmbGluZS1jbGlwLXBhdGhcIiBjbGlwUGF0aFVuaXRzPVwib2JqZWN0Qm91bmRpbmdCb3hcIj5cbiAgICAgICAgPHBhdGhcbiAgICAgICAgICBkPVwiTTAuNSwwIGEwLjUsMC41LDAsMSwwLDAuNSwwLjUgQTAuNSwwLjUsMCwwLDAsMC41LDAgbTAsMC43NiBBMC4yNiwwLjI2LDAsMSwxLDAuNzYsMC41IEEwLjI2LDAuMjYsMCwwLDEsMC41LDAuNzZcIlxuICAgICAgICA+PC9wYXRoPlxuICAgICAgPC9jbGlwUGF0aD5cbiAgICA8L3N2Zz5gXG59KVxuZXhwb3J0IGNsYXNzIFN0YXR1c0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHR5cGU/OiBTdGF0dXNUeXBlO1xuXG4gIGdldCBzdHlsZXMoKSB7XG4gICAgY29uc3QgcmV0OiB7IFtrbGFzczogc3RyaW5nXTogYm9vbGVhbiB9ID0ge1xuICAgICAgJ3gtc3RhdHVzJzogdHJ1ZVxuICAgIH07XG5cbiAgICByZXRbYHgtc3RhdHVzLSR7dGhpcy50eXBlfWBdID0gdHJ1ZTtcbiAgICByZXR1cm4gcmV0O1xuICB9XG59XG4iXX0=