import { P as f, x as c, n as l } from "./plus-base-10eea8a6.mjs";
import { e as b } from "./custom-element-eaccb8d2.mjs";
import { s as h } from "./index-975d3293.mjs";
const m = h({
  slots: {
    base: ["plus-container fixed w-fit flex flex-col gap-2"]
  },
  variants: {
    position: {
      "top-left": {
        base: ["top-5 left-5 z-10"]
      },
      "top-right": {
        base: ["top-5 right-5 z-10"]
      },
      "bottom-left": {
        base: ["bottom-5 left-5 z-10"]
      },
      "bottom-right": {
        base: ["bottom-5 right-5 z-10"]
      }
    }
  },
  compoundVariants: [],
  defaultVariants: {
    position: "top-right"
  }
});
var u = Object.defineProperty, d = Object.getOwnPropertyDescriptor, a = (t, s, r, e) => {
  for (var o = e > 1 ? void 0 : e ? d(s, r) : s, n = t.length - 1, p; n >= 0; n--)
    (p = t[n]) && (o = (e ? p(s, r, o) : p(o)) || o);
  return e && o && u(s, r, o), o;
};
let i = class extends f {
  constructor() {
    super(...arguments), this.position = "top-right", this.id = "plus-toast-container-" + this.position;
  }
  showToast(t) {
    t.style.display = "block";
  }
  hideToast(t) {
    t.style.display = "none";
  }
  render() {
    const { position: t } = this, { base: s } = m({ position: t });
    return c`<div class=${s()}>
      <slot></slot>
    </div> `;
  }
};
a([
  l({ type: String })
], i.prototype, "position", 2);
a([
  l({ type: String, reflect: !0 })
], i.prototype, "id", 2);
i = a([
  b("plus-toast-container")
], i);
export {
  i as ToastContainerComponent
};
