/*!
 * Built by ShiftSoftware
 * Copyright (c)
 */
import { h } from "@stencil/core";
import Loader from "~assets/loader.svg";
import cn from "../../global/lib/cn";
export class LoadingSpinner {
    render() {
        return (h("div", { key: 'b2e7bddca902301c51167f8c423eaf735e6726ba', class: cn('size-full z-50 flex items-center justify-center pointer-events-none absolute ', { 'opacity-0': !this.isLoading }) }, h("img", { key: '89b2a2cb592775512cd601bd77dfbf050c0c12e0', class: "spin-slow size-[40px]", src: Loader })));
    }
    static get is() { return "loading-spinner"; }
    static get originalStyleUrls() {
        return {
            "$": ["loading-spinner.css"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["loading-spinner.css"]
        };
    }
    static get properties() {
        return {
            "isLoading": {
                "type": "boolean",
                "attribute": "is-loading",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false
            }
        };
    }
}
