import { r as registerInstance, h, H as Host } from './core-5b8f6a07.js';

const CcLoader = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.size = 24;
    }
    render() {
        return (h(Host, { "data-testid": "cc-loader", class: "loader" }, h("svg", { viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg", width: this.size, height: this.size, class: "loader__svg" }, h("circle", { class: "loader__circle", cx: "50", cy: "50", r: "45" }))));
    }
    static get style() { return ":host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.loader__svg{-webkit-animation:svg-animation 2s linear infinite;animation:svg-animation 2s linear infinite}.loader__circle{-webkit-animation:circle-animation 4s ease-in-out infinite both;animation:circle-animation 4s ease-in-out infinite both;display:block;fill:transparent;stroke:currentColor;stroke-linecap:round;stroke-dasharray:321;stroke-dashoffset:320;stroke-width:10px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}\@-webkit-keyframes svg-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}\@keyframes svg-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}\@-webkit-keyframes circle-animation{0%{stroke-dashoffset:320;-webkit-transform:rotate(0);transform:rotate(0)}50%{stroke-dashoffset:75;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{stroke-dashoffset:320;-webkit-transform:rotate(1turn);transform:rotate(1turn)}}\@keyframes circle-animation{0%{stroke-dashoffset:320;-webkit-transform:rotate(0);transform:rotate(0)}50%{stroke-dashoffset:75;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{stroke-dashoffset:320;-webkit-transform:rotate(1turn);transform:rotate(1turn)}}"; }
};

export { CcLoader as cc_loader };
