'use strict';

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

const index = require('./index-305226cb.js');

const bsLoaderCss = ".bs-loader{--loader-dot-bg:var(--bs-blue-500);--loader-dot-size:.75rem;--loader-dot-top:calc(50% - var(--loader-dot-size)/2);--loader-dot-translate:1.75rem;--loader-height:3rem;--loader-width:4rem;display:block;height:var(--loader-height);margin-inline-start:auto;margin-inline-end:auto;position:relative;width:var(--loader-width)}.bs-loader:where([data-size=\"xs\"]){--loader-dot-size:.3rem;--loader-dot-translate:.75rem;--loader-height:.3rem;--loader-width:1.8rem}.bs-loader:where([data-size=\"sm\"]){--loader-dot-size:.5rem;--loader-dot-translate:1.125rem;--loader-height:.5rem;--loader-width:3rem}.bs-loader:where([data-size=\"lg\"]){--loader-dot-size:1rem;--loader-dot-translate:2.375rem;--loader-height:4rem;--loader-width:6rem}.bs-loader>:where(div){background-color:var(--loader-dot-bg);border-radius:50%;height:var(--loader-dot-size);position:absolute;top:var(--loader-dot-top);width:var(--loader-dot-size)}.bs-loader>:where(div){animation-timing-function:cubic-bezier(0, 1, 1, 0)}.bs-loader>:where(div:nth-child(1)){animation:loading-1 0.6s infinite;left:0%}.bs-loader>:where(div:nth-child(2)){animation:loading-2 0.6s infinite;left:0%}.bs-loader>:where(div:nth-child(3)){animation:loading-2 0.6s infinite;left:40%}.bs-loader>:where(div:nth-child(4)){animation:loading-3 0.6s infinite;left:80%}.bs-loader:where([data-variant=\"black\"]){--loader-dot-bg:var(--bs-black)}.bs-loader:where([data-variant=\"gray\"]){--loader-dot-bg:var(--bs-gray-400)}.bs-loader:where([data-variant=\"white\"]){--loader-dot-bg:var(--bs-white)}@keyframes loading-1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes loading-2{0%{transform:translate(0, 0)}100%{transform:translate(var(--loader-dot-translate), 0)}}@keyframes loading-3{0%{transform:scale(1)}100%{transform:scale(0)}}";

const BsLoader = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.size = undefined;
    this.variant = undefined;
  }
  render() {
    return (index.h(index.Host, { class: "bs-loader", "data-size": this.size || undefined, "data-variant": this.variant || undefined, role: "status" }, index.h("div", null), index.h("div", null), index.h("div", null), index.h("span", { class: "visually-hidden" }, "Loading")));
  }
};
BsLoader.style = bsLoaderCss;

exports.bs_loader = BsLoader;

//# sourceMappingURL=bs-loader.cjs.entry.js.map