import { p as proxyCustomElement, H, h, d as Host } from './p-AiOs8RvA.js';

const verdocsSpinnerCss = "verdocs-spinner{display:inline-block;border-radius:50%;-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";

const LIGHT_STYLE = { border: '3px solid rgba(255, 255, 255, 0.3)', borderTopColor: '#fff' };
const DARK_STYLE = { border: '3px solid rgba(0, 0, 0, 0.3)', borderTopColor: '#333' };
const VerdocsQuickFilter = /*@__PURE__*/ proxyCustomElement(class VerdocsQuickFilter extends H {
    constructor() {
        super();
        this.__registerHost();
        this.size = 32;
        this.mode = 'light';
    }
    render() {
        return (h(Host, { key: '3e3b086572b13db42ff06eeae44e525bd7228c7e', style: {
                width: `${this.size}px`, //
                height: `${this.size}px`,
                flex: `0 0 ${this.size}px`,
                ...(this.mode === 'light' ? LIGHT_STYLE : DARK_STYLE),
            } }));
    }
    static get style() { return verdocsSpinnerCss; }
}, [0, "verdocs-spinner", {
        "size": [2],
        "mode": [1]
    }]);
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["verdocs-spinner"];
    components.forEach(tagName => { switch (tagName) {
        case "verdocs-spinner":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, VerdocsQuickFilter);
            }
            break;
    } });
}

export { VerdocsQuickFilter as V, defineCustomElement as d };
//# sourceMappingURL=p-FuEnKEp1.js.map

//# sourceMappingURL=p-FuEnKEp1.js.map