haori-bootstrap 0.3.0 → 0.3.2

package/dist/haori-bootstrap.js

@@ -1,35 +1,37 @@
-function _(e) {
+function j(e) {
   return typeof e == "function";
 }
-function D(e) {
-  return _(e?.Modal) ? e?.Modal : void 0;
+function K(e) {
+  return j(e?.Modal) ? e?.Modal : void 0;
 }
-function $(e) {
-  return _(e?.Toast) ? e?.Toast : void 0;
+function J(e) {
+  return j(e?.Toast) ? e?.Toast : void 0;
 }
-function v(e) {
-  return !!D(e);
+function y(e) {
+  return !!K(e);
 }
-function Q(e) {
-  return !!$(e);
+function ae(e) {
+  return !!J(e);
 }
-function C(e, t, o) {
-  const n = D(o);
+function H(e, t, o) {
+  const n = K(o);
   if (n)
     return typeof n.getOrCreateInstance == "function" ? n.getOrCreateInstance(e, t) : new n(e, t);
 }
-function X(e, t) {
-  const o = $(t);
-  if (o)
-    return typeof o.getOrCreateInstance == "function" ? o.getOrCreateInstance(e) : new o(e);
+function ce(e, t, o) {
+  const n = J(o);
+  if (n)
+    return typeof n.getOrCreateInstance == "function" ? n.getOrCreateInstance(e, t) : new n(e, t);
 }
-const Y = "data-haori-bootstrap-dialog", b = "data-haori-bootstrap-action";
-function q() {
+const le = "data-haori-bootstrap-dialog", w = "data-haori-bootstrap-action", ue = "data-haori-bootstrap-dialog-title";
+let de = 0;
+function Q() {
   return {
-    backdrop: "static"
+    backdrop: "static",
+    keyboard: !1
   };
 }
-function U(e, t) {
+function X(e, t) {
   if (t.dialogContainerSelector) {
     const o = e.querySelector(
       t.dialogContainerSelector
@@ -39,113 +41,118 @@ function U(e, t) {
   }
   return e.body;
 }
-function z(e, t, o) {
-  const n = e.createElement("div");
-  n.className = "modal fade", n.tabIndex = -1, n.setAttribute(Y, "true"), n.setAttribute("aria-hidden", "true");
+function Y(e, t, o, n) {
   const r = e.createElement("div");
-  r.className = "modal-dialog modal-dialog-centered";
+  r.className = "modal fade", r.tabIndex = -1, r.setAttribute(le, "true"), r.setAttribute("aria-hidden", "true");
   const i = e.createElement("div");
-  i.className = "modal-content";
-  const d = e.createElement("div");
-  d.className = "modal-body";
-  const a = e.createElement("p");
-  a.className = "mb-0", a.style.whiteSpace = "pre-line", a.textContent = t, d.appendChild(a);
-  const s = e.createElement("div");
-  if (s.className = "modal-footer", o) {
-    const f = e.createElement("button");
-    f.type = "button", f.className = "btn btn-secondary", f.setAttribute(b, "cancel"), f.textContent = "Cancel", s.appendChild(f);
+  i.className = "modal-dialog modal-dialog-centered";
+  const c = e.createElement("div");
+  if (c.className = "modal-content", n) {
+    const u = `haori-dialog-title-${++de}`, p = e.createElement("div");
+    p.className = "modal-header";
+    const g = e.createElement("h5");
+    g.className = "modal-title", g.id = u, g.setAttribute(ue, "true"), g.textContent = n, p.appendChild(g), c.appendChild(p), r.setAttribute("aria-labelledby", u);
   }
-  const c = e.createElement("button");
-  return c.type = "button", c.className = "btn btn-primary", c.setAttribute(b, "ok"), c.textContent = "OK", s.appendChild(c), i.append(d, s), r.appendChild(i), n.appendChild(r), n;
+  const a = e.createElement("div");
+  a.className = "modal-body";
+  const d = e.createElement("p");
+  d.className = "mb-0", d.style.whiteSpace = "pre-line", d.textContent = t, a.appendChild(d);
+  const l = e.createElement("div");
+  if (l.className = "modal-footer", o) {
+    const u = e.createElement("button");
+    u.type = "button", u.className = "btn btn-secondary", u.setAttribute(w, "cancel"), u.textContent = "Cancel", l.appendChild(u);
+  }
+  const m = e.createElement("button");
+  return m.type = "button", m.className = "btn btn-primary", m.setAttribute(w, "ok"), m.textContent = "OK", l.appendChild(m), c.append(a, l), i.appendChild(c), r.appendChild(i), r;
 }
-function Z(e, t) {
-  const o = globalThis.document, n = z(o, e, !1);
-  U(o, t).appendChild(n);
-  const r = C(
+function fe(e, t) {
+  const o = globalThis.document, n = Y(o, e, !1, t.dialogTitle);
+  X(o, t).appendChild(n);
+  const r = H(
     n,
-    q(),
+    Q(),
     t.bootstrap
   );
-  return r ? new Promise((i, d) => {
+  return r ? new Promise((i, c) => {
     const a = () => {
-      n.removeEventListener("hidden.bs.modal", s), n.remove(), r.dispose?.(), i();
-    }, s = () => {
+      n.removeEventListener("hidden.bs.modal", d), n.remove(), r.dispose?.(), i();
+    }, d = () => {
       a();
     };
-    n.querySelector(`[${b}="ok"]`)?.addEventListener(
+    n.querySelector(`[${w}="ok"]`)?.addEventListener(
       "click",
       () => {
         r.hide();
       },
       { once: !0 }
-    ), n.addEventListener("hidden.bs.modal", s, { once: !0 });
+    ), n.addEventListener("hidden.bs.modal", d, { once: !0 });
     try {
       r.show();
-    } catch (f) {
-      n.removeEventListener("hidden.bs.modal", s), n.remove(), r.dispose?.(), d(f);
+    } catch (m) {
+      n.removeEventListener("hidden.bs.modal", d), n.remove(), r.dispose?.(), c(m);
     }
   }) : (n.remove(), Promise.reject(new Error("Bootstrap Modal is unavailable.")));
 }
-function ee(e, t) {
-  const o = globalThis.document, n = z(o, e, !0);
-  U(o, t).appendChild(n);
-  const r = C(
+function me(e, t) {
+  const o = globalThis.document, n = Y(o, e, !0, t.dialogTitle);
+  X(o, t).appendChild(n);
+  const r = H(
     n,
-    q(),
+    Q(),
     t.bootstrap
   );
-  return r ? new Promise((i, d) => {
+  return r ? new Promise((i, c) => {
     let a = !1;
-    const s = () => {
-      n.removeEventListener("hidden.bs.modal", c), n.remove(), r.dispose?.(), i(a);
-    }, c = () => {
-      s();
-    }, f = n.querySelector(`[${b}="ok"]`), j = n.querySelector(
-      `[${b}="cancel"]`
+    const d = () => {
+      n.removeEventListener("hidden.bs.modal", l), n.remove(), r.dispose?.(), i(a);
+    }, l = () => {
+      d();
+    }, m = n.querySelector(`[${w}="ok"]`), u = n.querySelector(
+      `[${w}="cancel"]`
     );
-    f?.addEventListener(
+    m?.addEventListener(
       "click",
       () => {
         a = !0, r.hide();
       },
       { once: !0 }
-    ), j?.addEventListener(
+    ), u?.addEventListener(
       "click",
       () => {
         a = !1, r.hide();
       },
       { once: !0 }
-    ), n.addEventListener("hidden.bs.modal", c, { once: !0 });
+    ), n.addEventListener("hidden.bs.modal", l, { once: !0 });
     try {
       r.show();
-    } catch (J) {
-      n.removeEventListener("hidden.bs.modal", c), n.remove(), r.dispose?.(), d(J);
+    } catch (p) {
+      n.removeEventListener("hidden.bs.modal", l), n.remove(), r.dispose?.(), c(p);
     }
   }) : (n.remove(), Promise.reject(new Error("Bootstrap Modal is unavailable.")));
 }
-const T = "data-haori-bootstrap-owned", m = "data-haori-bootstrap-message-container", h = "data-haori-bootstrap-invalid-target";
-function y(e) {
+const T = "data-haori-bootstrap-owned", b = "data-haori-bootstrap-message-container", C = "data-haori-bootstrap-invalid-target", M = "data-haori-bootstrap-valid-target";
+function S(e) {
   return e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio");
 }
-function g(e) {
+function v(e) {
   return e instanceof HTMLInputElement && e.type === "radio";
 }
-function M(e) {
+function I(e) {
   return e instanceof HTMLInputElement || e instanceof HTMLSelectElement || e instanceof HTMLTextAreaElement;
 }
-function N(e) {
+function B(e) {
   return Array.from(e.children).find(
-    (t) => t instanceof HTMLElement && t.getAttribute(m) === "true"
+    (t) => t instanceof HTMLElement && t.getAttribute(b) === "true"
   );
 }
-function te(e, t) {
+function Z(e, t) {
   const o = e.createElement("div");
   return o.setAttribute(T, "true"), o.textContent = t, o;
 }
-function oe(e) {
-  return N(e);
+function ee(e) {
+  return B(e);
 }
-function S(e) {
+function N(e) {
   if (e.name) {
     const t = e.form ?? e.ownerDocument, o = typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e.name) : e.name.replace(/(["\\])/g, "\\$1"), n = Array.from(
       t.querySelectorAll(`input[type="radio"][name="${o}"]`)
@@ -155,7 +162,7 @@ function S(e) {
   }
   return [e];
 }
-function ne(e) {
+function be(e) {
   const [t, ...o] = e;
   if (!t)
     return;
@@ -166,93 +173,159 @@ function ne(e) {
     n = n.parentElement;
   }
 }
-function W(e) {
-  const o = S(e).map((n) => n.closest(".form-check")).filter((n) => n instanceof HTMLElement);
+function P(e) {
+  const o = N(e).map((n) => n.closest(".form-check")).filter((n) => n instanceof HTMLElement);
   if (o.length > 1) {
-    const n = ne(o);
+    const n = be(o);
     if (n && !o.includes(n))
       return n;
   }
-  return k(e);
+  return x(e);
 }
-function k(e) {
+function x(e) {
   const t = e.closest(".form-check");
   return t instanceof HTMLElement ? t : void 0;
 }
-function O(e) {
+function te(e) {
   const t = e.nextElementSibling;
-  if (t instanceof HTMLElement && t.getAttribute(m) === "true")
+  if (t instanceof HTMLElement && t.getAttribute(b) === "true")
     return t;
   const o = document.createElement("div");
-  return o.className = "invalid-feedback d-block", o.setAttribute(T, "true"), o.setAttribute(m, "true"), e.insertAdjacentElement("afterend", o), o;
+  return o.className = "invalid-feedback d-block", o.setAttribute(T, "true"), o.setAttribute(b, "true"), e.insertAdjacentElement("afterend", o), o;
 }
-function re(e) {
-  const t = g(e) ? W(e) : k(e);
+function pe(e) {
+  const t = v(e) ? P(e) : x(e);
   if (!t)
-    return O(e);
-  const o = N(t);
+    return te(e);
+  const o = B(t);
   if (o)
     return o;
   const n = document.createElement("div");
-  return n.className = "invalid-feedback d-block", n.setAttribute(T, "true"), n.setAttribute(m, "true"), t.appendChild(n), n;
+  return n.className = "invalid-feedback d-block", n.setAttribute(T, "true"), n.setAttribute(b, "true"), t.appendChild(n), n;
 }
-function ie(e) {
-  const t = oe(e);
+function he(e) {
+  const t = ee(e);
   if (t)
     return t;
   const o = document.createElement("div");
-  return o.className = "alert alert-danger", o.setAttribute("role", "alert"), o.setAttribute(T, "true"), o.setAttribute(m, "true"), e.insertAdjacentElement("afterbegin", o), o;
+  return o.className = "alert alert-danger", o.setAttribute("role", "alert"), o.setAttribute(T, "true"), o.setAttribute(b, "true"), e.insertAdjacentElement("afterbegin", o), o;
 }
-function I(e) {
-  e.getAttribute(h) === "true" && (e.classList.remove("is-invalid"), e.removeAttribute(h));
+function h(e) {
+  e.getAttribute(C) === "true" && (e.classList.remove("is-invalid"), e.removeAttribute(C));
 }
-function ae(e) {
-  (g(e) ? S(e) : [e]).forEach((o) => {
-    o.classList.add("is-invalid"), o.setAttribute(h, "true");
+function E(e) {
+  e.getAttribute(M) === "true" && (e.classList.remove("is-valid"), e.removeAttribute(M));
+}
+function q(e) {
+  switch (e) {
+    case "success":
+      return "alert alert-success";
+    case "warning":
+      return "alert alert-warning";
+    case "info":
+      return "alert alert-info";
+    default:
+      return "alert alert-danger";
+  }
+}
+function L(e) {
+  return e === "success" ? "valid-feedback d-block" : "invalid-feedback d-block";
+}
+function oe(e) {
+  (v(e) ? N(e) : [e]).forEach((o) => {
+    o.classList.add("is-invalid"), o.setAttribute(C, "true");
   });
 }
-function se(e) {
-  (g(e) ? S(e) : [e]).forEach((o) => {
-    I(o);
+function Ee(e) {
+  (v(e) ? N(e) : [e]).forEach((o) => {
+    h(o);
   });
 }
-function ce(e, t) {
-  return (y(e) ? re(e) : M(e) ? O(e) : ie(e)).appendChild(te(document, t)), y(e) ? ae(e) : M(e) && (e.classList.add("is-invalid"), e.setAttribute(h, "true")), Promise.resolve();
+function ne(e, t) {
+  const o = e.nextElementSibling;
+  if (o instanceof HTMLElement && o.getAttribute(b) === "true")
+    return o.className = L(t), o;
+  const n = document.createElement("div");
+  return n.className = L(t), n.setAttribute(T, "true"), n.setAttribute(b, "true"), e.insertAdjacentElement("afterend", n), n;
 }
-function le(e) {
-  if (y(e)) {
-    const n = g(e) ? W(e) : k(e);
-    (n ? N(n) : void 0)?.remove(), se(e);
-  } else if (M(e)) {
-    const n = e.nextElementSibling;
-    n instanceof HTMLElement && n.getAttribute(m) === "true" && n.remove(), I(e);
+function ve(e, t) {
+  const o = v(e) ? P(e) : x(e);
+  if (!o)
+    return ne(e, t);
+  const n = B(o);
+  if (n)
+    return n.className = L(t), n;
+  const r = document.createElement("div");
+  return r.className = L(t), r.setAttribute(T, "true"), r.setAttribute(b, "true"), o.appendChild(r), r;
+}
+function Te(e, t) {
+  const o = ee(e);
+  if (o)
+    return o.className = q(t), o;
+  const n = document.createElement("div");
+  return n.className = q(t), n.setAttribute("role", "alert"), n.setAttribute(T, "true"), n.setAttribute(b, "true"), e.insertAdjacentElement("afterbegin", n), n;
+}
+function Ae(e, t) {
+  return (S(e) ? pe(e) : I(e) ? te(e) : he(e)).appendChild(Z(document, t)), S(e) ? oe(e) : I(e) && (e.classList.add("is-invalid"), e.setAttribute(C, "true")), Promise.resolve();
+}
+function Ce(e, t, o) {
+  if ((S(e) ? ve(e, o) : I(e) ? ne(e, o) : Te(e, o)).appendChild(Z(document, t)), S(e)) {
+    const r = v(e) ? N(e) : [e];
+    o === "success" ? r.forEach((i) => {
+      h(i), i.classList.add("is-valid"), i.setAttribute(M, "true");
+    }) : !o || o === "error" ? (r.forEach((i) => E(i)), oe(e)) : r.forEach((i) => {
+      E(i), h(i);
+    });
+  } else I(e) && (o === "success" ? (h(e), e.classList.add("is-valid"), e.setAttribute(M, "true")) : !o || o === "error" ? (E(e), e.classList.add("is-invalid"), e.setAttribute(C, "true")) : (E(e), h(e)));
+  return Promise.resolve();
+}
+function ge(e) {
+  if (S(e)) {
+    const r = v(e) ? P(e) : x(e);
+    (r ? B(r) : void 0)?.remove(), Ee(e), (v(e) ? N(e) : [e]).forEach((a) => E(a));
+  } else if (I(e)) {
+    const r = e.nextElementSibling;
+    r instanceof HTMLElement && r.getAttribute(b) === "true" && r.remove(), h(e), E(e);
   }
   return e.querySelectorAll(
-    `[${m}="true"]`
-  ).forEach((n) => {
-    n.remove();
+    `[${b}="true"]`
+  ).forEach((r) => {
+    r.remove();
+  }), e.querySelectorAll(
+    `[${C}="true"]`
+  ).forEach((r) => {
+    h(r);
   }), e.querySelectorAll(
-    `[${h}="true"]`
-  ).forEach((n) => {
-    I(n);
+    `[${M}="true"]`
+  ).forEach((r) => {
+    E(r);
   }), Promise.resolve();
 }
-function F(e) {
+function re(e) {
   e.classList.contains("modal") || e.classList.add("modal"), e.tabIndex < 0 && (e.tabIndex = -1), e.hasAttribute("aria-hidden") || e.setAttribute("aria-hidden", "true");
 }
-function ue(e, t) {
-  F(e);
-  const o = C(e, void 0, t.bootstrap);
+function we(e, t) {
+  re(e);
+  const o = H(e, void 0, t.bootstrap);
   return o ? (o.show(), Promise.resolve()) : Promise.reject(new Error("Bootstrap Modal is unavailable."));
 }
-function de(e, t) {
-  F(e);
-  const o = C(e, void 0, t.bootstrap);
+function Me(e, t) {
+  re(e);
+  const o = H(e, void 0, t.bootstrap);
   return o ? (o.hide(), Promise.resolve()) : Promise.reject(new Error("Bootstrap Modal is unavailable."));
 }
-const L = "data-haori-bootstrap-toast-container", fe = "data-haori-bootstrap-toast", me = "data-haori-bootstrap-toast-accent";
-function pe(e) {
+const F = "data-haori-bootstrap-toast-container", Se = "data-haori-bootstrap-toast", Ie = "data-haori-bootstrap-toast-accent", Ne = "data-haori-bootstrap-toast-dismiss", z = {
+  "top-start": "top-0 start-0",
+  "top-center": "top-0 start-50 translate-middle-x",
+  "top-end": "top-0 end-0",
+  "bottom-start": "bottom-0 start-0",
+  "bottom-center": "bottom-0 start-50 translate-middle-x",
+  "bottom-end": "bottom-0 end-0"
+};
+function ye(e) {
   switch (e) {
+    case "success":
+      return { accentClassName: "bg-success" };
     case "warning":
       return { accentClassName: "bg-warning" };
     case "error":
@@ -261,7 +334,7 @@ function pe(e) {
       return { accentClassName: "bg-info" };
   }
 }
-function be(e, t) {
+function ke(e, t) {
   if (t.toastContainerSelector) {
     const o = e.querySelector(t.toastContainerSelector);
     if (o)
@@ -269,92 +342,98 @@ function be(e, t) {
   }
   return e.body;
 }
-function he(e, t) {
-  const o = be(e, t), n = o.querySelector(
-    `[${L}="true"]`
+function Le(e, t) {
+  const o = ke(e, t), n = z[t.toastPosition ?? "bottom-end"], r = o.querySelector(
+    `[${F}="true"]`
   );
-  if (n)
-    return n;
-  const r = e.createElement("div");
-  return r.className = "toast-container position-fixed bottom-0 end-0 p-3", r.setAttribute(L, "true"), o.appendChild(r), r;
+  if (r) {
+    const c = Object.values(z).flatMap((a) => a.split(" "));
+    return r.classList.remove(...c), r.classList.add(...n.split(" ")), r;
+  }
+  const i = e.createElement("div");
+  return i.className = `toast-container position-fixed ${n} p-3`, i.setAttribute(F, "true"), o.appendChild(i), i;
 }
-function ve(e, t, o) {
-  const n = globalThis.document, r = pe(t), i = n.createElement("div");
-  i.className = "toast border bg-body text-body shadow-sm", i.setAttribute("role", "status"), i.setAttribute("aria-live", "polite"), i.setAttribute("aria-atomic", "true"), i.setAttribute(fe, "true");
-  const d = n.createElement("div");
-  d.className = "d-flex align-items-stretch";
+function He(e, t, o) {
+  const n = globalThis.document, r = ye(t), i = n.createElement("div");
+  i.className = "toast border bg-body text-body shadow-sm", i.setAttribute("role", "status"), i.setAttribute("aria-live", "polite"), i.setAttribute("aria-atomic", "true"), i.setAttribute(Se, "true");
+  const c = n.createElement("div");
+  c.className = "d-flex align-items-stretch";
   const a = n.createElement("div");
-  a.className = `flex-shrink-0 rounded-start ${r.accentClassName}`, a.style.width = "0.375rem", a.setAttribute(me, "true");
-  const s = n.createElement("div");
-  s.className = "toast-body", s.style.whiteSpace = "pre-line", s.textContent = e, d.appendChild(a), d.appendChild(s), i.appendChild(d), he(n, o).appendChild(i);
-  const c = X(i, o.bootstrap);
-  if (!c)
+  a.className = `flex-shrink-0 rounded-start ${r.accentClassName}`, a.style.width = "0.375rem", a.setAttribute(Ie, "true");
+  const d = n.createElement("div");
+  d.className = "toast-body", d.style.whiteSpace = "pre-line", d.textContent = e;
+  const l = n.createElement("button");
+  l.type = "button", l.className = "btn-close me-2 m-auto flex-shrink-0", l.setAttribute("aria-label", "Close"), l.setAttribute(Ne, "true"), c.appendChild(a), c.appendChild(d), c.appendChild(l), i.appendChild(c), Le(n, o).appendChild(i);
+  const m = o.toastDelay !== void 0 ? { delay: o.toastDelay } : void 0, u = ce(i, m, o.bootstrap);
+  if (!u)
     return i.remove(), Promise.reject(new Error("Bootstrap Toast is unavailable."));
-  i.addEventListener(
+  l.addEventListener("click", () => {
+    u.hide?.();
+  }), i.addEventListener(
     "hidden.bs.toast",
     () => {
-      i.remove(), c.dispose?.();
+      i.remove(), u.dispose?.();
     },
     { once: !0 }
   );
   try {
-    return c.show(), Promise.resolve();
-  } catch (f) {
-    return i.remove(), c.dispose?.(), Promise.reject(f);
+    return u.show(), Promise.resolve();
+  } catch (p) {
+    return i.remove(), u.dispose?.(), Promise.reject(p);
   }
 }
-const Ee = {
+const Be = {
   options: {
     fallbackToNative: !0
   }
 };
-let l = Ee;
-function p(e) {
+let f = Be;
+function A(e) {
   return e.replace(/\\n/g, `
 `);
 }
-function G() {
+function ie() {
   return globalThis.window;
 }
-function H(e) {
+function _(e) {
   return Promise.resolve(e).then(() => {
   });
 }
-function A(e) {
-  const t = l.originalHaori?.[e];
+function R(e) {
+  const t = f.originalHaori?.[e];
   return typeof t == "function" ? t : void 0;
 }
-function w(e) {
+function D(e) {
   console.warn(`[haori-bootstrap] ${e} skipped because Bootstrap support is unavailable.`);
 }
-function x(e) {
-  const t = p(e), o = A("dialog");
+function O(e) {
+  const t = A(e), o = R("dialog");
   if (o)
-    return H(o(t));
-  const n = G();
-  return l.options.fallbackToNative && typeof n?.alert == "function" ? (n.alert(t), Promise.resolve()) : (w("dialog"), Promise.resolve());
+    return _(o(t));
+  const n = ie();
+  return f.options.fallbackToNative && typeof n?.alert == "function" ? (n.alert(t), Promise.resolve()) : (D("dialog"), Promise.resolve());
 }
-function P(e) {
-  const t = p(e), o = A("confirm");
+function W(e) {
+  const t = A(e), o = R("confirm");
   if (o)
     return Promise.resolve(o(t)).then(
       (r) => !!r
     );
-  const n = G();
-  return l.options.fallbackToNative && typeof n?.confirm == "function" ? Promise.resolve(n.confirm(t)) : (w("confirm"), Promise.resolve(!1));
+  const n = ie();
+  return f.options.fallbackToNative && typeof n?.confirm == "function" ? Promise.resolve(n.confirm(t)) : (D("confirm"), Promise.resolve(!1));
 }
-function R(e, t) {
-  const o = p(e), n = A("toast");
-  return n ? H(n(o, t)) : (w("toast"), Promise.resolve());
+function G(e, t) {
+  const o = A(e), n = R("toast");
+  return n ? _(n(o, t)) : (D("toast"), Promise.resolve());
 }
-function E(e, t) {
-  const o = A(e);
-  return o ? H(o(t)) : (w(e), Promise.resolve());
+function k(e, t) {
+  const o = R(e);
+  return o ? _(o(t)) : (D(e), Promise.resolve());
 }
-function Ce(e) {
-  l = e;
+function xe(e) {
+  f = e;
 }
-class Te {
+class Re {
   /**
    * 情報表示ダイアログを表示する。
    *
@@ -362,8 +441,8 @@ class Te {
    * @return 完了時に解決される Promise。
    */
   static dialog(t) {
-    const o = p(t);
-    return v(l.options.bootstrap) ? Z(o, l.options).catch(() => x(o)) : x(o);
+    const o = A(t);
+    return y(f.options.bootstrap) ? fe(o, f.options).catch(() => O(o)) : O(o);
   }
   /**
    * 確認ダイアログを表示する。
@@ -372,8 +451,8 @@ class Te {
    * @return OK のみ true を返す Promise。
    */
   static confirm(t) {
-    const o = p(t);
-    return v(l.options.bootstrap) ? ee(o, l.options).catch(() => P(o)) : P(o);
+    const o = A(t);
+    return y(f.options.bootstrap) ? me(o, f.options).catch(() => W(o)) : W(o);
   }
   /**
    * トースト通知を表示する。
@@ -383,10 +462,10 @@ class Te {
    * @return 完了時に解決される Promise。
    */
   static toast(t, o) {
-    const n = p(t);
-    return Q(l.options.bootstrap) ? ve(n, o, l.options).catch(
-      () => R(n, o)
-    ) : R(n, o);
+    const n = A(t);
+    return ae(f.options.bootstrap) ? He(n, o, f.options).catch(
+      () => G(n, o)
+    ) : G(n, o);
   }
   /**
    * 任意のダイアログ要素を開く。
@@ -395,9 +474,9 @@ class Te {
    * @return 完了時に解決される Promise。
    */
   static openDialog(t) {
-    return v(l.options.bootstrap) ? ue(t, l.options).catch(
-      () => E("openDialog", t)
-    ) : E("openDialog", t);
+    return y(f.options.bootstrap) ? we(t, f.options).catch(
+      () => k("openDialog", t)
+    ) : k("openDialog", t);
   }
   /**
    * 任意のダイアログ要素を閉じる。
@@ -406,9 +485,9 @@ class Te {
    * @return 完了時に解決される Promise。
    */
   static closeDialog(t) {
-    return v(l.options.bootstrap) ? de(t, l.options).catch(
-      () => E("closeDialog", t)
-    ) : E("closeDialog", t);
+    return y(f.options.bootstrap) ? Me(t, f.options).catch(
+      () => k("closeDialog", t)
+    ) : k("closeDialog", t);
   }
   /**
    * 管理対象のエラーメッセージを追加する。
@@ -418,7 +497,18 @@ class Te {
    * @return 完了時に解決される Promise。
    */
   static addErrorMessage(t, o) {
-    return ce(t, o);
+    return Ae(t, o);
+  }
+  /**
+   * 管理対象のメッセージをレベル付きで追加する。
+   *
+   * @param target 追加先の要素。
+   * @param message 表示するメッセージ。
+   * @param level メッセージレベル (error / success / warning / info)。省略時は error。
+   * @return 完了時に解決される Promise。
+   */
+  static addMessage(t, o, n) {
+    return Ce(t, o, n);
   }
   /**
    * 管理対象のメッセージを削除する。
@@ -427,80 +517,113 @@ class Te {
    * @return 完了時に解決される Promise。
    */
   static clearMessages(t) {
-    return le(t);
+    return ge(t);
   }
 }
-const K = {
+const $ = {
   fallbackToNative: !0
-}, u = {
+}, V = /* @__PURE__ */ new Set([
+  "dialog",
+  "confirm",
+  "toast",
+  "openDialog",
+  "closeDialog",
+  "addErrorMessage",
+  "addMessage",
+  "clearMessages"
+]);
+function De(e) {
+  const t = Re;
+  return new Proxy(e, {
+    get(o, n, r) {
+      return typeof n == "string" && V.has(n) ? t[n] : Reflect.get(o, n, r);
+    },
+    has(o, n) {
+      return typeof n == "string" && V.has(n) ? !0 : Reflect.has(o, n);
+    }
+  });
+}
+const s = {
   installed: !1,
-  options: K
+  options: $
 };
-function B() {
+function U() {
   return globalThis.window;
 }
-function ge(e, t) {
+function Pe(e, t) {
   return {
     bootstrap: e.bootstrap ?? t?.bootstrap,
-    fallbackToNative: e.fallbackToNative ?? K.fallbackToNative,
-    runtime: e.runtime ?? u.options.runtime ?? t?.Haori?.runtime,
-    toastContainerSelector: e.toastContainerSelector,
-    dialogContainerSelector: e.dialogContainerSelector
+    fallbackToNative: e.fallbackToNative ?? $.fallbackToNative,
+    runtime: e.runtime ?? s.options.runtime ?? t?.Haori?.runtime,
+    toastContainerSelector: e.toastContainerSelector ?? s.options.toastContainerSelector,
+    dialogContainerSelector: e.dialogContainerSelector ?? s.options.dialogContainerSelector,
+    dialogTitle: e.dialogTitle ?? s.options.dialogTitle,
+    toastPosition: e.toastPosition ?? s.options.toastPosition,
+    toastDelay: e.toastDelay ?? s.options.toastDelay
   };
 }
-function Ae(e = B()) {
+function _e(e = U()) {
   return !!(e?.Haori && e.bootstrap);
 }
-function we(e = {}) {
-  const t = B();
+function $e(e = {}) {
+  const t = U();
   if (!t?.Haori)
     throw new Error("window.Haori is required before calling install().");
-  u.originalHaori || (u.originalHaori = t.Haori), u.options = ge(e, t), u.options.runtime && typeof t.Haori.setRuntime == "function" && t.Haori.setRuntime(u.options.runtime), Ce({
-    originalHaori: u.originalHaori,
-    options: u.options
-  }), t.Haori = Te, u.installed = !0;
-}
-function Se() {
-  const e = B();
-  !e || !u.originalHaori || (e.Haori = u.originalHaori, u.installed = !1, u.originalHaori = void 0);
+  if (s.originalHaori || (s.originalHaori = t.Haori, s.originalRuntime = t.Haori.runtime), s.options = Pe(e, t), s.options.runtime) {
+    const o = s.originalHaori ?? t.Haori;
+    typeof o.setRuntime == "function" ? o.setRuntime(s.options.runtime) : console.warn(
+      "[haori-bootstrap] Haori.setRuntime が利用できません。runtime 設定は無視されます。"
+    );
+  }
+  xe({
+    originalHaori: s.originalHaori,
+    options: s.options
+  }), t.Haori = De(s.originalHaori), s.installed = !0;
+}
+function Oe() {
+  const e = U();
+  if (!e || !s.originalHaori)
+    return;
+  const t = s.originalHaori;
+  typeof t.setRuntime == "function" ? t.setRuntime(s.originalRuntime) : t.runtime = s.originalRuntime, e.Haori = s.originalHaori, s.installed = !1, s.originalHaori = void 0, s.originalRuntime = void 0, s.options = $;
 }
-function ke() {
-  return u.installed;
+function We() {
+  return s.installed;
 }
-const V = "__haoriJsBootstrapAutoEnabled__";
-function ye() {
+const se = "__haoriJsBootstrapAutoEnabled__";
+function Ue() {
   return globalThis.window;
 }
-function Me(e) {
-  return !!e[V];
+function qe(e) {
+  return !!e[se];
 }
-function Ie(e) {
-  e[V] = !0;
+function Fe(e) {
+  e[se] = !0;
 }
-function Ne() {
-  const e = ye();
-  if (!(!e || Me(e))) {
-    if (!Ae(e)) {
+function ze() {
+  const e = Ue();
+  if (!(!e || qe(e))) {
+    if (!_e(e)) {
       console.warn(
         "[haori-bootstrap] Auto-enable skipped because window.Haori or window.bootstrap is missing."
       );
       return;
     }
     try {
-      we({ bootstrap: e.bootstrap }), Ie(e);
+      $e({ bootstrap: e.bootstrap }), Fe(e);
     } catch (t) {
       console.warn("[haori-bootstrap] Auto-enable failed.", t);
     }
   }
 }
-Ne();
-const He = "0.3.0";
+ze();
+const Ge = "0.3.2";
 export {
-  Te as BootstrapHaori,
-  Ae as hasAutoEnablePrerequisites,
-  we as install,
-  ke as isInstalled,
-  Se as uninstall,
-  He as version
+  Re as BootstrapHaori,
+  _e as hasAutoEnablePrerequisites,
+  $e as install,
+  We as isInstalled,
+  Oe as uninstall,
+  Ge as version
 };
 //# sourceMappingURL=haori-bootstrap.js.map