'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const core = require('./core-906e2cc9.js');

const SmoothlySpinner = class {
    constructor(hostRef) {
        core.registerInstance(this, hostRef);
    }
    render() {
        return core.h("div", null, "Loading...");
    }
    static get style() { return ".sc-smoothly-spinner-h{display:block;position:relative}.sc-smoothly-spinner-h:not([active]), [hidden].sc-smoothly-spinner-h{display:none}.sc-smoothly-spinner-h{left:0;top:0;width:100%;height:100%;background:rgba(var(--smoothly-default-color),var(--smoothly-semitransparent))}.sc-smoothly-spinner-h, .sc-smoothly-spinner-h > div.sc-smoothly-spinner{position:absolute}.sc-smoothly-spinner-h > div.sc-smoothly-spinner{opacity:1;left:calc(50% - 5em + 1.1em);top:calc(50% - 5em + 1.1em)}.sc-smoothly-spinner-h > div.sc-smoothly-spinner, .sc-smoothly-spinner-h > div.sc-smoothly-spinner:after{border-radius:50%;width:5em;height:5em}.sc-smoothly-spinner-h > div.sc-smoothly-spinner{content:\"\";color:transparent;position:relative;border-top:1.1em solid rgb(var(--smoothly-primary-tint));border-right:1.1em solid rgb(var(--smoothly-primary-tint));border-bottom:1.1em solid rgb(var(--smoothly-primary-tint));border-left:1.1em solid rgb(var(--smoothly-primary-color));-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s linear infinite;animation:load8 1.1s linear infinite}\@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}\@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}"; }
};

exports.smoothly_spinner = SmoothlySpinner;
