/*!
 * Copyright (c) 2026 Vertex Software LLC. All rights reserved.
 */
'use strict';

var index = require('./index-C_J7n4Dv.js');
var index$1 = require('./index-CRUoPh1y.js');
require('./_commonjsHelpers-CBbBosIU.js');

const viewerSpinnerCss = () => `.spinner{position:relative;height:16px;width:16px}.spinner div{position:absolute;display:block;animation:spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-radius:50%;border-style:solid;box-sizing:border-box;border-color:var(--neutral-800) transparent transparent transparent;border-width:1px;margin:0}.spinner div:nth-child(1){animation-delay:-0.45s}.spinner div:nth-child(2){animation-delay:-0.3s}.spinner div:nth-child(3){animation-delay:-0.15s}.spinner.xs{height:16px;width:16px}.spinner.xs div{border-width:1px;height:16px;width:16px;margin:0}.spinner.sm{height:24px;width:24px}.spinner.sm div{border-width:3px;height:18px;width:18px;margin:2px}.spinner.md{height:32px;width:32px}.spinner.md div{border-width:3px;height:32px;width:32px;margin:2px}.spinner.lg{height:64px;width:64px}.spinner.lg div{border-width:6px;height:52px;width:52px;margin:6px}@keyframes spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}`;

const ViewerSpinner = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        /**
         * The size of the spinner. Can be `'xs' | 'sm' | 'md' | 'lg' | undefined`. Predefined
         * sizes are set to:
         *
         *  * `xm`: 16px
         *  * `sm`: 24px
         *  * `md`: 32px
         *  * `lg`: 64px
         */
        this.size = 'md';
    }
    render() {
        return (index.h("div", { key: '0a8f486a9d35133a73a4b65450bf17d5a71b6c2e', class: index$1.classname('spinner', {
                ['xs']: this.size === 'xs',
                ['sm']: this.size === 'sm',
                ['md']: this.size === 'md',
                ['lg']: this.size === 'lg',
            }) }, index.h("div", { key: 'd5a6c060a227d612dd6a230cbc0d632a96591c42' }), index.h("div", { key: 'd6a5fc7defc46b63c618f5428011619e63866526' }), index.h("div", { key: '51681c906629d13e57085b5a246a4ddf64d073e3' }), index.h("div", { key: 'c52d2cf21a38ff9389d90a9dd4083215ce956ba8' })));
    }
};
ViewerSpinner.style = viewerSpinnerCss();

exports.vertex_viewer_spinner = ViewerSpinner;
//# sourceMappingURL=vertex-viewer-spinner.entry.cjs.js.map

//# sourceMappingURL=vertex-viewer-spinner.cjs.entry.js.map