import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';

const bsToasterCss = ".bs-toaster{align-items:center;bottom:1.5rem;display:flex;flex-direction:column-reverse;gap:0.5rem;left:0;position:fixed;right:0;z-index:999}@media (min-width: 440px){.bs-toaster{left:auto;right:1.5rem}}bs-toaster{display:block}";

const BsToaster$1 = /*@__PURE__*/ proxyCustomElement(class BsToaster extends HTMLElement {
  constructor() {
    super();
    this.__registerHost();
  }
  render() {
    return (h(Host, null, h("div", { class: "bs-toaster" }, h("slot", null))));
  }
  static get style() { return bsToasterCss; }
}, [4, "bs-toaster"]);
function defineCustomElement$1() {
  if (typeof customElements === "undefined") {
    return;
  }
  const components = ["bs-toaster"];
  components.forEach(tagName => { switch (tagName) {
    case "bs-toaster":
      if (!customElements.get(tagName)) {
        customElements.define(tagName, BsToaster$1);
      }
      break;
  } });
}

const BsToaster = BsToaster$1;
const defineCustomElement = defineCustomElement$1;

export { BsToaster, defineCustomElement };

//# sourceMappingURL=bs-toaster.js.map