import{proxyCustomElement,HTMLElement,h}from"@stencil/core/internal/client";const scSpinnerCss=":host{--track-color:#0d131e20;--indicator-color:var(--sc-color-primary-500);--stroke-width:2px;--spinner-size:1em;display:inline-block}.spinner{display:inline-block;width:var(--spinner-size);height:var(--spinner-size);border-radius:50%;border:solid var(--stroke-width) var(--track-color);border-top-color:var(--indicator-color);border-right-color:var(--indicator-color);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}",ScSpinnerStyle0=scSpinnerCss,ScSpinner=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow()}render(){return h("span",{key:"58ca56a8a372f2b504d38c9401fb3f7d27d215b0",part:"base",class:"spinner","aria-busy":"true","aria-live":"polite"})}static get style(){return ScSpinnerStyle0}},[1,"sc-spinner"]);function defineCustomElement(){"undefined"!=typeof customElements&&["sc-spinner"].forEach((e=>{"sc-spinner"===e&&(customElements.get(e)||customElements.define(e,ScSpinner))}))}export{ScSpinner as S,defineCustomElement as d};