haori 0.4.3 → 0.4.4

package/dist/haori.es.js

@@ -30,21 +30,21 @@ const O = class O {
 };
 O.devMode = !1;
 let B = O;
-const W = "embedded";
-function _(F) {
+const Y = "embedded";
+function tt(F) {
   return F === "embedded" || F === "demo";
 }
 function et(F) {
-  return F === null ? null : _(F) ? F : W;
+  return F === null ? null : tt(F) ? F : Y;
 }
-const M = class M {
+const D = class D {
   /**
    * 実行モードを取得します。
    *
    * @returns 実行モード。
    */
   static get runtime() {
-    return M._runtime;
+    return D._runtime;
   }
   /**
    * 実行モードを設定します。
@@ -53,7 +53,7 @@ const M = class M {
    * @return 戻り値はありません。
    */
   static setRuntime(t) {
-    M._runtime = _(t) ? t : W;
+    D._runtime = tt(t) ? t : Y;
   }
   /**
    * 実行環境からプレフィックスと開発モードかどうかを自動検出します。
@@ -65,14 +65,14 @@ const M = class M {
     try {
       const t = document.currentScript || document.querySelector('script[src*="haori"]');
       if (t instanceof HTMLScriptElement) {
-        const r = t.getAttribute("data-prefix") || M._prefix;
-        M._prefix = r.endsWith("-") ? r : r + "-";
+        const r = t.getAttribute("data-prefix") || D._prefix;
+        D._prefix = r.endsWith("-") ? r : r + "-";
         const i = et(
           t.getAttribute("data-runtime")
         );
-        i !== null && (M._runtime = i);
+        i !== null && (D._runtime = i);
       }
-      if (t instanceof HTMLScriptElement && t.hasAttribute(`${M._prefix}dev`)) {
+      if (t instanceof HTMLScriptElement && t.hasAttribute(`${D._prefix}dev`)) {
         B.set(!0);
         return;
       }
@@ -91,13 +91,13 @@ const M = class M {
    * @returns プレフィックス
    */
   static get prefix() {
-    return M._prefix;
+    return D._prefix;
   }
 };
-M._prefix = "data-", M._runtime = W;
-let c = M;
-document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", c.detect) : c.detect();
-class h {
+D._prefix = "data-", D._runtime = Y;
+let l = D;
+document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", l.detect) : l.detect();
+class f {
   /**
    * 開発モードでのみコンソールに情報を出力します。
    *
@@ -168,13 +168,13 @@ class rt {
             const r = await e.task();
             e.resolve(r);
           } catch (r) {
-            e.reject(r), h.error("[Haori]", `Task ${e.timestamp} failed:`, r);
+            e.reject(r), f.error("[Haori]", `Task ${e.timestamp} failed:`, r);
           }
           if (performance.now() - t > this.MAX_BUDGET)
             break;
         }
       } catch (t) {
-        h.error("[Haori]", "Error processing queue:", t);
+        f.error("[Haori]", "Error processing queue:", t);
       } finally {
         this.processing = !1, this.queue.length > 0 && this.scheduleProcessing();
       }
@@ -202,7 +202,7 @@ class rt {
     t.length > 0 && await Promise.allSettled(t);
   }
 }
-const z = class z {
+const Q = class Q {
   /**
    * タスクをキューに追加します。
    *
@@ -220,16 +220,16 @@ const z = class z {
     return this.ASYNC_QUEUE.wait();
   }
 };
-z.ASYNC_QUEUE = new rt();
-let P = z;
-class tt {
+Q.ASYNC_QUEUE = new rt();
+let P = Q;
+class X {
   /**
    * 実行モードを取得します。
    *
    * @return 実行モード。
    */
   static get runtime() {
-    return c.runtime;
+    return l.runtime;
   }
   /**
    * 実行モードを設定します。
@@ -238,7 +238,7 @@ class tt {
    * @return 戻り値はありません。
    */
   static setRuntime(t) {
-    c.setRuntime(t);
+    l.setRuntime(t);
   }
   /**
    * 通知ダイアログを表示します。
@@ -255,12 +255,12 @@ class tt {
    * 通知トーストを表示します。
    *
    * @param message 表示メッセージ
-   * @param level メッセージのレベル（'info' | 'warning' | 'error'）
+   * @param level メッセージのレベル（省略時は 'info'）
    * @return 通知が表示されると解決されるPromise
    */
-  static async toast(t, e) {
+  static async toast(t, e = "info") {
     const r = document.createElement("div");
-    r.className = `haori-toast haori-toast-${e}`, r.textContent = t, r.setAttribute("popover", "manual"), r.setAttribute("role", "status"), r.setAttribute("aria-live", "polite"), document.body.appendChild(r), r.showPopover(), setTimeout(() => {
+    r.className = `haori-toast haori-toast-${e}`, r.textContent = t, r.setAttribute("popover", "manual"), r.setAttribute("role", "status"), r.setAttribute("aria-live", e === "error" ? "assertive" : "polite"), document.body.appendChild(r), r.showPopover(), setTimeout(() => {
       try {
         r.hidePopover();
       } finally {
@@ -284,7 +284,7 @@ class tt {
    */
   static openDialog(t) {
     return P.enqueue(() => {
-      t instanceof HTMLDialogElement ? t.showModal() : h.error("[Haori]", "Element is not a dialog: ", t);
+      t instanceof HTMLDialogElement ? t.showModal() : f.error("[Haori]", "Element is not a dialog: ", t);
     }, !0);
   }
   /**
@@ -294,7 +294,7 @@ class tt {
    */
   static closeDialog(t) {
     return P.enqueue(() => {
-      t instanceof HTMLDialogElement ? t.close() : h.error("[Haori]", "Element is not a dialog: ", t);
+      t instanceof HTMLDialogElement ? t.close() : f.error("[Haori]", "Element is not a dialog: ", t);
     }, !0);
   }
   /**
@@ -304,16 +304,19 @@ class tt {
    * @param message エラーメッセージ
    */
   static addErrorMessage(t, e) {
+    return X.addMessage(t, e, "error");
+  }
+  /**
+   * メッセージをレベル付きで追加します。
+   *
+   * @param target メッセージを表示する要素
+   * @param message メッセージ
+   * @param level メッセージのレベル（省略可能）
+   */
+  static addMessage(t, e, r) {
     return P.enqueue(() => {
-      if (t instanceof HTMLFormElement) {
-        t.setAttribute("data-message", e);
-        return;
-      }
-      if (t.parentElement) {
-        t.parentElement.setAttribute("data-message", e);
-        return;
-      }
-      t.setAttribute("data-message", e);
+      const i = t instanceof HTMLFormElement ? t : t.parentElement ?? t;
+      i.setAttribute("data-message", e), r !== void 0 ? i.setAttribute("data-message-level", r) : i.removeAttribute("data-message-level");
     }, !0);
   }
   /**
@@ -323,20 +326,20 @@ class tt {
    */
   static clearMessages(t) {
     return P.enqueue(() => {
-      t.removeAttribute("data-message"), t.querySelectorAll("[data-message]").forEach((e) => {
-        e.removeAttribute("data-message");
+      t.removeAttribute("data-message"), t.removeAttribute("data-message-level"), t.querySelectorAll("[data-message]").forEach((e) => {
+        e.removeAttribute("data-message"), e.removeAttribute("data-message-level");
       });
     }, !0);
   }
 }
 const it = ["addErrorMessage", "clearMessages"];
-function Z() {
+function _() {
   const t = globalThis.window?.Haori;
   return it.every(
     (r) => typeof t?.[r] == "function"
-  ) ? t : tt;
+  ) ? t : X;
 }
-class m {
+class b {
   /**
    * フォーム内にある入力エレメントの値をオブジェクトとして取得します。
    * data-form-object属性があると、そのエレメント内の値はオブジェクトとして処理されます。
@@ -347,7 +350,7 @@ class m {
    */
   static getValues(t) {
     const e = {};
-    return m.getPartValues(t, e);
+    return b.getPartValues(t, e);
   }
   /**
    * フォーム内の各入力エレメントから値を取得し、オブジェクトとして返します。
@@ -358,32 +361,32 @@ class m {
    * @returns values と同じオブジェクト
    */
   static getPartValues(t, e) {
-    const r = t.getAttribute("name"), i = t.getAttribute(`${c.prefix}form-object`), s = t.getAttribute(`${c.prefix}form-list`);
+    const r = t.getAttribute("name"), i = t.getAttribute(`${l.prefix}form-object`), s = t.getAttribute(`${l.prefix}form-list`);
     if (r) {
-      s ? Array.isArray(e[String(r)]) ? e[String(r)].push(t.getValue()) : e[String(r)] = [t.getValue()] : e[String(r)] = t.getValue(), i && h.warn(
+      s ? Array.isArray(e[String(r)]) ? e[String(r)].push(t.getValue()) : e[String(r)] = [t.getValue()] : e[String(r)] = t.getValue(), i && f.warn(
         "Haori",
-        `Element cannot have both ${c.prefix}form-object and name attributes.`
+        `Element cannot have both ${l.prefix}form-object and name attributes.`
       );
       for (const n of t.getChildElementFragments())
-        m.getPartValues(n, e);
+        b.getPartValues(n, e);
     } else if (i) {
       const n = {};
       for (const a of t.getChildElementFragments())
-        m.getPartValues(a, n);
-      Object.keys(n).length > 0 && (e[String(i)] = n), s && h.warn(
+        b.getPartValues(a, n);
+      Object.keys(n).length > 0 && (e[String(i)] = n), s && f.warn(
         "Haori",
-        `Element cannot have both ${c.prefix}form-list and ${c.prefix}form-object attributes.`
+        `Element cannot have both ${l.prefix}form-list and ${l.prefix}form-object attributes.`
       );
     } else if (s) {
       const n = [];
       for (const a of t.getChildElementFragments()) {
         const o = {};
-        m.getPartValues(a, o), Object.keys(o).length > 0 && n.push(o);
+        b.getPartValues(a, o), Object.keys(o).length > 0 && n.push(o);
       }
       n.length > 0 && (e[String(s)] = n);
     } else
       for (const n of t.getChildElementFragments())
-        m.getPartValues(n, e);
+        b.getPartValues(n, e);
     return e;
   }
   /**
@@ -396,7 +399,7 @@ class m {
    * @returns Promise（DOMの更新が完了したら解決される）
    */
   static setValues(t, e, r = !1) {
-    return m.setPartValues(t, e, null, r, !0);
+    return b.setPartValues(t, e, null, r, !0);
   }
   /**
    * フォーム内にある入力エレメントに値をイベントなしで設定します。
@@ -408,7 +411,7 @@ class m {
    * @returns Promise（DOMの更新が完了したら解決される）
    */
   static syncValues(t, e, r = !1) {
-    return m.setPartValues(t, e, null, r, !1);
+    return b.setPartValues(t, e, null, r, !1);
   }
   /**
    * 単一フラグメントへ値を設定します。
@@ -431,50 +434,50 @@ class m {
    * @returns Promise（DOMの更新が完了したら解決される）
    */
   static setPartValues(t, e, r = null, i = !1, s = !0) {
-    const n = [], a = t.getAttribute("name"), o = t.getAttribute(`${c.prefix}form-object`), d = t.getAttribute(`${c.prefix}form-list`), y = t.getAttribute(`${c.prefix}form-detach`);
+    const n = [], a = t.getAttribute("name"), o = t.getAttribute(`${l.prefix}form-object`), d = t.getAttribute(`${l.prefix}form-list`), m = t.getAttribute(`${l.prefix}form-detach`);
     if (a) {
-      if (!y || i) {
-        const b = e[String(a)];
-        d && Array.isArray(b) && r !== null ? n.push(
-          m.applyFragmentValue(t, b[r] ?? null, s)
-        ) : typeof b > "u" || (typeof b == "string" || typeof b == "number" || typeof b == "boolean" || b === null ? n.push(m.applyFragmentValue(t, b, s)) : n.push(
-          m.applyFragmentValue(t, String(b), s)
+      if (!m || i) {
+        const y = e[String(a)];
+        d && Array.isArray(y) && r !== null ? n.push(
+          b.applyFragmentValue(t, y[r] ?? null, s)
+        ) : typeof y > "u" || (typeof y == "string" || typeof y == "number" || typeof y == "boolean" || y === null ? n.push(b.applyFragmentValue(t, y, s)) : n.push(
+          b.applyFragmentValue(t, String(y), s)
         ));
       }
     } else if (o) {
-      const b = e[String(o)];
-      if (b && typeof b == "object")
-        for (const A of t.getChildElementFragments())
+      const y = e[String(o)];
+      if (y && typeof y == "object")
+        for (const E of t.getChildElementFragments())
           n.push(
-            m.setPartValues(
-              A,
-              b,
+            b.setPartValues(
+              E,
+              y,
               null,
               i,
               s
             )
           );
     } else if (d) {
-      const b = e[String(d)];
-      if (Array.isArray(b)) {
-        const A = t.getChildElementFragments();
-        for (let S = 0; S < A.length; S++) {
-          const l = A[S];
-          b.length > S ? n.push(
-            m.setPartValues(
-              l,
-              b[S],
+      const y = e[String(d)];
+      if (Array.isArray(y)) {
+        const E = t.getChildElementFragments();
+        for (let S = 0; S < E.length; S++) {
+          const u = E[S];
+          y.length > S ? n.push(
+            b.setPartValues(
+              u,
+              y[S],
               S,
               i,
               s
             )
-          ) : n.push(m.setPartValues(l, {}, S, i, s));
+          ) : n.push(b.setPartValues(u, {}, S, i, s));
         }
       }
     } else
-      for (const b of t.getChildElementFragments())
+      for (const y of t.getChildElementFragments())
         n.push(
-          m.setPartValues(b, e, null, i, s)
+          b.setPartValues(y, e, null, i, s)
         );
     return Promise.all(n).then(() => {
     });
@@ -487,9 +490,9 @@ class m {
    * @returns すべての初期化処理が完了するPromise
    */
   static async reset(t) {
-    m.clearValues(t), await Promise.all([
-      m.clearMessages(t),
-      m.clearEachClones(t)
+    b.clearValues(t), await Promise.all([
+      b.clearMessages(t),
+      b.clearEachClones(t)
     ]), await P.enqueue(() => {
       const e = t.getTarget();
       if (e instanceof HTMLFormElement)
@@ -511,9 +514,9 @@ class m {
    */
   static clearEachClones(t) {
     const e = [], r = (s) => {
-      if (s.hasAttribute(`${c.prefix}each`))
+      if (s.hasAttribute(`${l.prefix}each`))
         for (const n of s.getChildElementFragments()) {
-          const a = n.hasAttribute(`${c.prefix}each-before`), o = n.hasAttribute(`${c.prefix}each-after`);
+          const a = n.hasAttribute(`${l.prefix}each-before`), o = n.hasAttribute(`${l.prefix}each-after`);
           !a && !o && e.push(n.remove());
         }
     }, i = (s) => {
@@ -535,7 +538,7 @@ class m {
   static clearValues(t) {
     t.clearValue();
     for (const e of t.getChildElementFragments())
-      m.clearValues(e);
+      b.clearValues(e);
   }
   /**
    * フラグメントとその子要素のメッセージをクリアします。
@@ -544,7 +547,7 @@ class m {
    * @returns Promise（メッセージのクリアが完了したら解決される）
    */
   static clearMessages(t) {
-    return Z().clearMessages(
+    return _().clearMessages(
       t.getTarget()
     );
   }
@@ -554,18 +557,27 @@ class m {
    *
    * @param fragment 対象フラグメント
    * @param key キー（ドット区切りの文字列）
-   * @param message 追加するエラーメッセージ]
+   * @param message 追加するエラーメッセージ
    * @return Promise（メッセージの追加が完了したら解決される）
    */
   static addErrorMessage(t, e, r) {
-    const i = [], s = Z(), n = m.findFragmentsByKey(t, e);
-    return n.forEach((a) => {
-      i.push(
-        s.addErrorMessage(a.getTarget(), r)
-      );
-    }), n.length === 0 && i.push(
-      s.addErrorMessage(t.getTarget(), r)
-    ), Promise.all(i).then(() => {
+    return b.addMessage(t, e, r, "error");
+  }
+  /**
+   * キーに一致するフラグメントにレベル付きメッセージを追加します。
+   * キーに一致するフラグメントが見つからない場合は、指定されたフラグメントにメッセージを追加します。
+   *
+   * @param fragment 対象フラグメント
+   * @param key キー（ドット区切りの文字列）
+   * @param message 追加するメッセージ
+   * @param level メッセージのレベル（省略可能）
+   * @return Promise（メッセージの追加が完了したら解決される）
+   */
+  static addMessage(t, e, r, i) {
+    const s = [], n = _(), a = n.addMessage, o = (m) => typeof a == "function" ? a.call(n, m, r, i) : n.addErrorMessage(m, r), d = b.findFragmentsByKey(t, e);
+    return d.forEach((m) => {
+      s.push(o(m.getTarget()));
+    }), d.length === 0 && s.push(o(t.getTarget())), Promise.all(s).then(() => {
     });
   }
   /**
@@ -576,7 +588,7 @@ class m {
    * @returns 一致するフラグメントの配列
    */
   static findFragmentsByKey(t, e) {
-    return m.findFragmentByKeyParts(t, e.split("."));
+    return b.findFragmentByKeyParts(t, e.split("."));
   }
   /**
    * 指定されたキーに一致するフラグメントを検索します。
@@ -588,23 +600,23 @@ class m {
    */
   static findFragmentByKeyParts(t, e) {
     const r = [], i = e[0];
-    if (e.length == 1 && t.getAttribute("name") === i && r.push(t), t.hasAttribute(`${c.prefix}form-object`))
-      e.length > 1 && t.getAttribute(`${c.prefix}form-object`) === i && t.getChildElementFragments().forEach((n) => {
-        r.push(...m.findFragmentByKeyParts(n, e.slice(1)));
+    if (e.length == 1 && t.getAttribute("name") === i && r.push(t), t.hasAttribute(`${l.prefix}form-object`))
+      e.length > 1 && t.getAttribute(`${l.prefix}form-object`) === i && t.getChildElementFragments().forEach((n) => {
+        r.push(...b.findFragmentByKeyParts(n, e.slice(1)));
       });
-    else if (t.hasAttribute(`${c.prefix}form-list`)) {
+    else if (t.hasAttribute(`${l.prefix}form-list`)) {
       if (e.length > 1) {
-        const s = t.getAttribute(`${c.prefix}form-list`), n = i.lastIndexOf("["), a = i.lastIndexOf("]");
+        const s = t.getAttribute(`${l.prefix}form-list`), n = i.lastIndexOf("["), a = i.lastIndexOf("]");
         if (n !== -1 && a !== -1 && n < a) {
           const o = i.substring(0, n);
           if (s === o) {
-            const d = i.substring(n + 1, a), y = Number(d);
-            if (isNaN(y))
-              h.error("Haori", `Invalid index: ${i}`);
+            const d = i.substring(n + 1, a), m = Number(d);
+            if (isNaN(m))
+              f.error("Haori", `Invalid index: ${i}`);
             else {
-              const b = t.getChildElementFragments().filter((A) => A.hasAttribute(`${c.prefix}row`));
-              y < b.length && r.push(
-                ...m.findFragmentByKeyParts(b[y], e.slice(1))
+              const y = t.getChildElementFragments().filter((E) => E.hasAttribute(`${l.prefix}row`));
+              m < y.length && r.push(
+                ...b.findFragmentByKeyParts(y[m], e.slice(1))
               );
             }
           }
@@ -612,7 +624,7 @@ class m {
       }
     } else
       t.getChildElementFragments().forEach((s) => {
-        r.push(...m.findFragmentByKeyParts(s, e));
+        r.push(...b.findFragmentByKeyParts(s, e));
       });
     return r;
   }
@@ -629,7 +641,7 @@ class m {
     return r ? this.getFormFragment(r) : null;
   }
 }
-const R = class R {
+const M = class M {
   /**
    * 明示バインド内に持ち込まれてはならない危険値を返します。
    *
@@ -674,13 +686,13 @@ const R = class R {
    */
   static evaluate(t, e = {}) {
     if (t.trim() === "")
-      return h.warn("[Haori]", t, "Expression is empty"), null;
+      return f.warn("[Haori]", t, "Expression is empty"), null;
     if (this.containsDangerousPatterns(t))
-      return h.warn("[Haori]", t, "Expression contains dangerous patterns"), null;
+      return f.warn("[Haori]", t, "Expression contains dangerous patterns"), null;
     if (this.containsForbiddenKeys(e))
-      return h.warn("[Haori]", e, "Binded values contain forbidden keys"), null;
+      return f.warn("[Haori]", e, "Binded values contain forbidden keys"), null;
     if (this.containsForbiddenBindingValues(e))
-      return h.warn(
+      return f.warn(
         "[Haori]",
         e,
         "Binded values contain forbidden values"
@@ -695,7 +707,7 @@ return (${t});`;
       try {
         s = new Function(...r, a), this.EXPRESSION_CACHE.set(i, s);
       } catch (o) {
-        return h.error(
+        return f.error(
           "[Haori]",
           "Failed to compile expression:",
           t,
@@ -709,7 +721,7 @@ return (${t});`;
         n.push(a[o]);
       }), this.withBlockedPropertyAccess(() => s(...n));
     } catch (n) {
-      return h.error("[Haori]", "Expression evaluation error:", t, n), n instanceof ReferenceError ? void 0 : null;
+      return f.error("[Haori]", "Expression evaluation error:", t, n), n instanceof ReferenceError ? void 0 : null;
     }
   }
   /**
@@ -1122,7 +1134,7 @@ return (${t});`;
     return !1;
   }
 };
-R.FORBIDDEN_NAMES = [
+M.FORBIDDEN_NAMES = [
   // グローバルオブジェクト
   "window",
   "self",
@@ -1154,19 +1166,19 @@ R.FORBIDDEN_NAMES = [
   "sessionStorage",
   "IndexedDB",
   "history"
-], R.STRICT_FORBIDDEN_NAMES = ["eval", "arguments"], R.REBINDABLE_FORBIDDEN_NAMES = /* @__PURE__ */ new Set(["location"]), R.FORBIDDEN_BINDING_NAMES = /* @__PURE__ */ new Set([
-  ...R.FORBIDDEN_NAMES.filter(
-    (t) => !R.REBINDABLE_FORBIDDEN_NAMES.has(t)
+], M.STRICT_FORBIDDEN_NAMES = ["eval", "arguments"], M.REBINDABLE_FORBIDDEN_NAMES = /* @__PURE__ */ new Set(["location"]), M.FORBIDDEN_BINDING_NAMES = /* @__PURE__ */ new Set([
+  ...M.FORBIDDEN_NAMES.filter(
+    (t) => !M.REBINDABLE_FORBIDDEN_NAMES.has(t)
   ),
   "constructor",
   "__proto__",
   "prototype",
-  ...R.STRICT_FORBIDDEN_NAMES
-]), R.FORBIDDEN_PROPERTY_NAMES = /* @__PURE__ */ new Set([
+  ...M.STRICT_FORBIDDEN_NAMES
+]), M.FORBIDDEN_PROPERTY_NAMES = /* @__PURE__ */ new Set([
   "constructor",
   "__proto__",
   "prototype"
-]), R.DISALLOWED_KEYWORDS = /* @__PURE__ */ new Set([
+]), M.DISALLOWED_KEYWORDS = /* @__PURE__ */ new Set([
   "await",
   "break",
   "case",
@@ -1200,8 +1212,8 @@ R.FORBIDDEN_NAMES = [
   "while",
   "with",
   "yield"
-]), R.EXPRESSION_CACHE = /* @__PURE__ */ new Map();
-let j = R;
+]), M.EXPRESSION_CACHE = /* @__PURE__ */ new Map();
+let j = M;
 const C = class C {
   /**
    * フラグメントのコンストラクタ。
@@ -1219,16 +1231,16 @@ const C = class C {
     let e;
     switch (t.nodeType) {
       case Node.ELEMENT_NODE:
-        e = new D(t);
+        e = new R(t);
         break;
       case Node.TEXT_NODE:
-        e = new L(t);
+        e = new H(t);
         break;
       case Node.COMMENT_NODE:
-        e = new Y(t);
+        e = new z(t);
         break;
       default:
-        return h.warn("[Haori]", "Unsupported node type:", t.nodeType), null;
+        return f.warn("[Haori]", "Unsupported node type:", t.nodeType), null;
     }
     return e;
   }
@@ -1334,8 +1346,8 @@ const C = class C {
   }
 };
 C.FRAGMENT_CACHE = /* @__PURE__ */ new WeakMap();
-let N = C;
-class D extends N {
+let T = C;
+class R extends T {
   /**
    * エレメントフラグメントのコンストラクタ。
    * アトリビュートや子フラグメントの作成も行います。
@@ -1365,7 +1377,7 @@ class D extends N {
         this.attributeMap.set(e, i);
       }
     }), t.childNodes.forEach((e) => {
-      const r = N.get(e);
+      const r = T.get(e);
       r.setParent(this), this.children.push(r);
     });
   }
@@ -1384,7 +1396,7 @@ class D extends N {
    */
   getChildElementFragments() {
     return this.children.filter(
-      (t) => t instanceof D
+      (t) => t instanceof R
     );
   }
   /**
@@ -1405,7 +1417,7 @@ class D extends N {
   removeChild(t) {
     const e = this.children.indexOf(t);
     if (e < 0) {
-      h.warn("[Haori]", "Child fragment not found.", t);
+      f.warn("[Haori]", "Child fragment not found.", t);
       return;
     }
     this.children.splice(e, 1), t.setParent(null);
@@ -1416,7 +1428,7 @@ class D extends N {
    * @returns クローンされたフラグメント
    */
   clone() {
-    const t = new D(
+    const t = new R(
       this.target.cloneNode(!1)
     );
     return this.attributeMap.forEach((e, r) => {
@@ -1484,7 +1496,7 @@ class D extends N {
    */
   clearBindingDataCache() {
     this.bindingDataCache = null, this.children.forEach((t) => {
-      t instanceof D && t.clearBindingDataCache();
+      t instanceof R && t.clearBindingDataCache();
     });
   }
   /**
@@ -1563,7 +1575,7 @@ class D extends N {
       r.value = t === null ? "" : String(t), e && ((r instanceof HTMLInputElement && this.INPUT_EVENT_TYPES.includes(r.type) || r instanceof HTMLTextAreaElement) && r.dispatchEvent(new Event("input", { bubbles: !0 })), r.dispatchEvent(new Event("change", { bubbles: !0 })));
     }).finally(() => {
       this.skipChangeValue = !1;
-    })) : (h.warn(
+    })) : (f.warn(
       "[Haori]",
       "setValue is not supported for this element type.",
       r
@@ -1614,19 +1626,60 @@ class D extends N {
    * @returns 属性の更新のPromise
    */
   setAttribute(t, e) {
+    return this.setAttributeInternal(t, t, e, !0);
+  }
+  /**
+   * data-attr-* の生値を保持しつつ、別名の属性へ評価結果を反映します。
+   *
+   * @param rawName 生の属性名
+   * @param targetName 反映先の属性名
+   * @param value 生の属性値
+   * @returns 属性更新の Promise
+   */
+  setAliasedAttribute(t, e, r) {
+    return this.setAttributeInternal(t, e, r, !1);
+  }
+  /**
+   * data-attr-* の生属性と反映先属性を同時に削除します。
+   *
+   * @param rawName 生の属性名
+   * @param targetName 反映先の属性名
+   * @returns 属性削除の Promise
+   */
+  removeAliasedAttribute(t, e) {
     if (this.skipMutationAttributes)
       return Promise.resolve();
-    if (e === null)
-      return this.removeAttribute(t);
-    const r = new U(t, e);
-    this.attributeMap.set(t, r), this.skipMutationAttributes = !0;
-    const i = this.getTarget(), s = r.isForceEvaluation() ? e : this.getAttribute(t);
+    this.attributeMap.delete(t), this.skipMutationAttributes = !0;
+    const r = this.getTarget();
+    return P.enqueue(() => {
+      r.removeAttribute(t), e !== t && r.removeAttribute(e);
+    }).finally(() => {
+      this.skipMutationAttributes = !1;
+    });
+  }
+  /**
+   * 生の属性値を保持しつつ、必要に応じて別名属性へ評価結果を反映します。
+   *
+   * @param rawName 生の属性名
+   * @param targetName 反映先の属性名
+   * @param value 生の属性値
+   * @param syncValueProperty value 属性更新時に DOM property も同期するかどうか
+   * @returns 属性更新の Promise
+   */
+  setAttributeInternal(t, e, r, i) {
+    if (this.skipMutationAttributes)
+      return Promise.resolve();
+    if (r === null)
+      return t === e ? this.removeAttribute(t) : this.removeAliasedAttribute(t, e);
+    const s = new U(t, r);
+    this.attributeMap.set(t, s), this.skipMutationAttributes = !0;
+    const n = this.getTarget(), a = s.isForceEvaluation() ? r : this.getAttribute(t);
     return P.enqueue(() => {
-      if (s === null || s === !1)
-        i.removeAttribute(t);
+      if (n.getAttribute(t) !== r && n.setAttribute(t, r), a === null || a === !1)
+        n.removeAttribute(e);
       else {
-        const n = String(s);
-        i.getAttribute(t) !== n && i.setAttribute(t, n), t === "value" && (i instanceof HTMLInputElement && this.INPUT_EVENT_TYPES.includes(i.type) || i instanceof HTMLTextAreaElement || i instanceof HTMLSelectElement) && (this.value = n, i.value !== n && (i.value = n));
+        const o = String(a);
+        n.getAttribute(e) !== o && n.setAttribute(e, o), i && s.isEvaluate && e === "value" && (n instanceof HTMLInputElement && this.INPUT_EVENT_TYPES.includes(n.type) || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement) && (this.value = o, n.value !== o && (n.value = o));
       }
     }).finally(() => {
       this.skipMutationAttributes = !1;
@@ -1661,7 +1714,7 @@ class D extends N {
     if (e === void 0)
       return null;
     const r = e.evaluate(this.getBindingData());
-    return r.length === 1 ? r[0] : I.joinEvaluateResults(r);
+    return r.length === 1 ? r[0] : $.joinEvaluateResults(r);
   }
   /**
    * 属性の生の値を取得します。
@@ -1704,7 +1757,7 @@ class D extends N {
     const i = e ? r.nextSibling : r;
     let s = e ? r.nextSibling : r;
     for (; s !== null; ) {
-      const n = N.get(s);
+      const n = T.get(s);
       if (n !== null) {
         const a = this.children.indexOf(n);
         if (a !== -1)
@@ -1726,42 +1779,42 @@ class D extends N {
     if (this.skipMutationNodes)
       return Promise.resolve();
     if (t === this)
-      return h.error("[Haori]", "Cannot insert element as child of itself"), Promise.reject(new Error("Self-insertion not allowed"));
+      return f.error("[Haori]", "Cannot insert element as child of itself"), Promise.reject(new Error("Self-insertion not allowed"));
     const i = /* @__PURE__ */ new Set();
     let s = this.parent;
     for (; s; )
       i.add(s), s = s.getParent();
     if (i.has(t))
-      return h.error("[Haori]", "Cannot create circular reference"), Promise.reject(new Error("Circular reference detected"));
+      return f.error("[Haori]", "Cannot create circular reference"), Promise.reject(new Error("Circular reference detected"));
     const n = t.getParent() === this;
     let a = -1, o = -1;
     n && (a = this.children.indexOf(t), e !== null && (o = this.children.indexOf(e)));
     const d = t.getParent();
     d !== null && d.removeChild(t);
-    let y = r === void 0 ? e?.getTarget() || null : r;
+    let m = r === void 0 ? e?.getTarget() || null : r;
     if (e === null)
       this.children.push(t);
     else {
-      let A;
-      if (n ? a !== -1 && a < o ? A = o - 1 : A = o : A = this.children.indexOf(e), A === -1) {
+      let E;
+      if (n ? a !== -1 && a < o ? E = o - 1 : E = o : E = this.children.indexOf(e), E === -1) {
         const S = this.resolveInsertionPointFromDom(
           e,
           !1
         );
-        S === null ? (h.warn(
+        S === null ? (f.warn(
           "[Haori]",
           "Reference child not found in children.",
           e
-        ), this.children.push(t)) : (this.children.splice(S.index, 0, t), y = S.referenceNode);
+        ), this.children.push(t)) : (this.children.splice(S.index, 0, t), m = S.referenceNode);
       } else
-        this.children.splice(A, 0, t);
+        this.children.splice(E, 0, t);
     }
     t.setParent(this), t.setMounted(this.mounted);
-    const b = this.skipMutationNodes;
+    const y = this.skipMutationNodes;
     return this.skipMutationNodes = !0, P.enqueue(() => {
-      this.target.insertBefore(t.getTarget(), y);
+      this.target.insertBefore(t.getTarget(), m);
     }).finally(() => {
-      this.skipMutationNodes = b;
+      this.skipMutationNodes = y;
     });
   }
   /**
@@ -1780,7 +1833,7 @@ class D extends N {
         e,
         !0
       );
-      return i === null ? (h.warn(
+      return i === null ? (f.warn(
         "[Haori]",
         "Reference child not found in children.",
         e
@@ -1832,7 +1885,7 @@ class D extends N {
    * @returns エレメントの非表示のPromise
    */
   hide() {
-    return this.visible = !1, this.display = this.getTarget().style.display, this.getTarget().style.display = "none", this.getTarget().setAttribute(`${c.prefix}if-false`, ""), Promise.resolve();
+    return this.visible = !1, this.display = this.getTarget().style.display, this.getTarget().style.display = "none", this.getTarget().setAttribute(`${l.prefix}if-false`, ""), Promise.resolve();
   }
   /**
    * エレメントを表示します。
@@ -1840,7 +1893,7 @@ class D extends N {
    * @return エレメントの表示のPromise
    */
   show() {
-    return this.getTarget().style.display = this.display ?? "", this.getTarget().removeAttribute(`${c.prefix}if-false`), this.visible = !0, Promise.resolve();
+    return this.getTarget().style.display = this.display ?? "", this.getTarget().removeAttribute(`${l.prefix}if-false`), this.visible = !0, Promise.resolve();
   }
   /**
    * 指定した属性名を持つ最も近い親要素を返します。
@@ -1856,7 +1909,7 @@ class D extends N {
     return e === null ? null : e.closestByAttribute(t);
   }
 }
-class L extends N {
+class H extends T {
   /**
    * テキストフラグメントのコンストラクタ。
    * 対象テキストノードの内容を初期化します。
@@ -1864,7 +1917,7 @@ class L extends N {
    * @param target 対象テキストノード
    */
   constructor(t) {
-    super(t), this.skipMutation = !1, this.text = t.textContent || "", this.contents = new I(this.text);
+    super(t), this.skipMutation = !1, this.text = t.textContent || "", this.contents = new $(this.text);
   }
   /**
    * フラグメントをクローンします。
@@ -1872,7 +1925,7 @@ class L extends N {
    * @returns クローンされたフラグメント
    */
   clone() {
-    const t = new L(this.target.cloneNode(!0));
+    const t = new H(this.target.cloneNode(!0));
     return t.mounted = !1, t.text = this.text, t.contents = this.contents, t;
   }
   /**
@@ -1890,7 +1943,7 @@ class L extends N {
    * @returns 更新のPromise
    */
   setContent(t) {
-    return this.skipMutation || this.text === t ? Promise.resolve() : (this.text = t, this.contents = new I(t), this.evaluate());
+    return this.skipMutation || this.text === t ? Promise.resolve() : (this.text = t, this.contents = new $(t), this.evaluate());
   }
   /**
    * フラグメントを評価します。
@@ -1903,7 +1956,7 @@ class L extends N {
     ) : P.enqueue(() => {
       this.skipMutation = !0, this.contents.isRawEvaluate ? this.parent.getTarget().innerHTML = this.contents.evaluate(
         this.parent.getBindingData()
-      )[0] : this.contents.isEvaluate ? this.target.textContent = I.joinEvaluateResults(
+      )[0] : this.contents.isEvaluate ? this.target.textContent = $.joinEvaluateResults(
         this.contents.evaluate(this.parent.getBindingData())
       ) : this.target.textContent = this.text;
     }).finally(() => {
@@ -1911,7 +1964,7 @@ class L extends N {
     });
   }
 }
-class Y extends N {
+class z extends T {
   /**
    * コメントフラグメントのコンストラクタ。
    * 対象コメントノードの内容を初期化します。
@@ -1927,7 +1980,7 @@ class Y extends N {
    * @returns クローンされたフラグメント
    */
   clone() {
-    const t = new Y(this.target.cloneNode(!0));
+    const t = new z(this.target.cloneNode(!0));
     return t.mounted = !1, t.text = this.text, t;
   }
   /**
@@ -2003,7 +2056,7 @@ const G = class G {
    */
   checkRawExpressions() {
     for (let t = 0; t < this.contents.length; t++)
-      this.contents[t].type === 2 && this.contents.length > 1 && (h.error(
+      this.contents[t].type === 2 && this.contents.length > 1 && (f.error(
         "[Haori]",
         "Raw expressions are not allowed in multi-content expressions."
       ), this.contents[t].type = 1);
@@ -2026,7 +2079,7 @@ const G = class G {
         } else
           e.push(r.text);
       } catch (i) {
-        h.error(
+        f.error(
           "[Haori]",
           `Error evaluating text expression: ${r.text}`,
           i
@@ -2036,8 +2089,8 @@ const G = class G {
   }
 };
 G.PLACEHOLDER_REGEX = /\{\{\{([\s\S]+?)\}\}\}|\{\{([\s\S]+?)\}\}/g;
-let I = G;
-const K = class K extends I {
+let $ = G;
+const K = class K extends $ {
   /**
    * コンストラクタ。
    *
@@ -2073,13 +2126,13 @@ const K = class K extends I {
         } else
           e.push(r.text);
       } catch (i) {
-        h.error(
+        f.error(
           "[Haori]",
           `Error evaluating attribute expression: ${r.text}`,
           i
         ), e.push("");
       }
-    }), this.forceEvaluation && e.length > 1 ? (h.error(
+    }), this.forceEvaluation && e.length > 1 ? (f.error(
       "[Haori]",
       "each or if expressions must have a single content.",
       e
@@ -2093,7 +2146,7 @@ K.FORCE_EVALUATION_ATTRIBUTES = [
   "hor-each"
 ];
 let U = K;
-class v {
+class w {
   /**
    * カスタムイベントを発火します。
    *
@@ -2117,7 +2170,7 @@ class v {
    * @param version ライブラリバージョン
    */
   static ready(t) {
-    v.dispatch(document, "ready", { version: t });
+    w.dispatch(document, "ready", { version: t });
   }
   /**
    * renderイベントを発火します。
@@ -2125,7 +2178,7 @@ class v {
    * @param target 評価対象要素
    */
   static render(t) {
-    v.dispatch(t, "render", { target: t });
+    w.dispatch(t, "render", { target: t });
   }
   /**
    * importstartイベントを発火します。
@@ -2134,7 +2187,7 @@ class v {
    * @param url インポート対象URL
    */
   static importStart(t, e) {
-    v.dispatch(t, "importstart", {
+    w.dispatch(t, "importstart", {
       url: e,
       startedAt: performance.now()
     });
@@ -2148,7 +2201,7 @@ class v {
    * @param startedAt 開始時刻
    */
   static importEnd(t, e, r, i) {
-    v.dispatch(t, "importend", {
+    w.dispatch(t, "importend", {
       url: e,
       bytes: r,
       durationMs: performance.now() - i
@@ -2162,7 +2215,7 @@ class v {
    * @param error エラー内容
    */
   static importError(t, e, r) {
-    v.dispatch(t, "importerror", { url: e, error: r });
+    w.dispatch(t, "importerror", { url: e, error: r });
   }
   /**
    * bindchangeイベントを発火します。
@@ -2175,10 +2228,10 @@ class v {
   static bindChange(t, e, r, i = "other") {
     const s = [], n = new Set(Object.keys(e || {})), a = new Set(Object.keys(r)), o = /* @__PURE__ */ new Set([...n, ...a]);
     for (const d of o) {
-      const y = e?.[d], b = r[d];
-      y !== b && s.push(d);
+      const m = e?.[d], y = r[d];
+      m !== y && s.push(d);
     }
-    v.dispatch(t, "bindchange", {
+    w.dispatch(t, "bindchange", {
       previous: e || {},
       next: r,
       changedKeys: s,
@@ -2194,7 +2247,7 @@ class v {
    * @param order 現在の順序
    */
   static eachUpdate(t, e, r, i) {
-    v.dispatch(t, "eachupdate", {
+    w.dispatch(t, "eachupdate", {
       added: e,
       removed: r,
       order: i,
@@ -2210,7 +2263,7 @@ class v {
    * @param item 行データ
    */
   static rowAdd(t, e, r, i) {
-    v.dispatch(t, "rowadd", { key: e, index: r, item: i });
+    w.dispatch(t, "rowadd", { key: e, index: r, item: i });
   }
   /**
    * rowremoveイベントを発火します。
@@ -2220,7 +2273,7 @@ class v {
    * @param index インデックス
    */
   static rowRemove(t, e, r) {
-    v.dispatch(t, "rowremove", { key: e, index: r });
+    w.dispatch(t, "rowremove", { key: e, index: r });
   }
   /**
    * rowmoveイベントを発火します。
@@ -2231,7 +2284,7 @@ class v {
    * @param to 移動後インデックス
    */
   static rowMove(t, e, r, i) {
-    v.dispatch(t, "rowmove", { key: e, from: r, to: i });
+    w.dispatch(t, "rowmove", { key: e, from: r, to: i });
   }
   /**
    * showイベントを発火します。
@@ -2239,7 +2292,7 @@ class v {
    * @param target data-if要素
    */
   static show(t) {
-    v.dispatch(t, "show", { visible: !0 });
+    w.dispatch(t, "show", { visible: !0 });
   }
   /**
    * hideイベントを発火します。
@@ -2247,7 +2300,7 @@ class v {
    * @param target data-if要素
    */
   static hide(t) {
-    v.dispatch(t, "hide", { visible: !1 });
+    w.dispatch(t, "hide", { visible: !1 });
   }
   /**
    * fetchstartイベントを発火します。
@@ -2260,7 +2313,7 @@ class v {
     * @return 戻り値はありません。
    */
   static fetchStart(t, e, r, i, s) {
-    v.dispatch(t, "fetchstart", {
+    w.dispatch(t, "fetchstart", {
       url: e,
       options: r || {},
       payload: i,
@@ -2277,7 +2330,7 @@ class v {
    * @param startedAt 開始時刻
    */
   static fetchEnd(t, e, r, i) {
-    v.dispatch(t, "fetchend", {
+    w.dispatch(t, "fetchend", {
       url: e,
       status: r,
       durationMs: performance.now() - i
@@ -2293,7 +2346,7 @@ class v {
    * @param startedAt 開始時刻（存在する場合）
    */
   static fetchError(t, e, r, i, s) {
-    v.dispatch(t, "fetcherror", {
+    w.dispatch(t, "fetcherror", {
       url: e,
       status: i,
       error: r,
@@ -2309,11 +2362,11 @@ const st = [
   "openDialog",
   "toast"
 ];
-function X() {
+function W() {
   const t = globalThis.window?.Haori;
   return st.every(
     (r) => typeof t?.[r] == "function"
-  ) ? t : tt;
+  ) ? t : X;
 }
 const nt = /* @__PURE__ */ new Set(["GET", "HEAD", "OPTIONS"]);
 function at(F) {
@@ -2329,7 +2382,7 @@ function lt(F, t) {
   const e = new URL(F, window.location.href), r = new URLSearchParams(e.search);
   return ot(r, t), e.search = r.toString(), e.toString();
 }
-const u = class u {
+const c = class c {
   /**
    * イベント属性名を正しく生成します。
    * 例: ("click", "fetch") => "data-click-fetch"
@@ -2338,7 +2391,7 @@ const u = class u {
    * 非イベント変種が "data-fetch-xxx" として存在するものについては、event が null の場合にそちらを返します。
    */
   static attrName(t, e, r = !1) {
-    return t ? `${c.prefix}${t}-${e}` : r ? `${c.prefix}fetch-${e}` : `${c.prefix}${e}`;
+    return t ? `${l.prefix}${t}-${e}` : r ? `${l.prefix}fetch-${e}` : `${l.prefix}${e}`;
   }
   /**
    * data 属性のテンプレート式評価結果を URLSearchParams 向けに組み立てます。
@@ -2349,7 +2402,7 @@ const u = class u {
    */
   static resolveDataParamString(t, e) {
     return t.replace(
-      u.DATA_PLACEHOLDER_REGEX,
+      c.DATA_PLACEHOLDER_REGEX,
       (r, i, s) => {
         const n = j.evaluate(
           i ?? s ?? "",
@@ -2406,7 +2459,7 @@ const u = class u {
   static stringifyJsonTemplateStringContent(t) {
     if (t == null || Number.isNaN(t))
       return "";
-    const e = typeof t == "object" ? u.stringifyJsonTemplateValue(t) : String(t);
+    const e = typeof t == "object" ? c.stringifyJsonTemplateValue(t) : String(t);
     return JSON.stringify(e).slice(1, -1);
   }
   /**
@@ -2418,13 +2471,13 @@ const u = class u {
    */
   static resolveDataJsonString(t, e) {
     return t.replace(
-      u.DATA_PLACEHOLDER_REGEX,
+      c.DATA_PLACEHOLDER_REGEX,
       (r, i, s, n) => {
         const a = j.evaluate(
           i ?? s ?? "",
           e
         );
-        return u.isJsonStringContext(t, n) ? u.stringifyJsonTemplateStringContent(a) : u.stringifyJsonTemplateValue(a);
+        return c.isJsonStringContext(t, n) ? c.stringifyJsonTemplateStringContent(a) : c.stringifyJsonTemplateValue(a);
       }
     );
   }
@@ -2442,13 +2495,13 @@ const u = class u {
     if (typeof i != "string" || r === null)
       return null;
     const s = r.trim();
-    return u.SINGLE_PLACEHOLDER_REGEX.test(s) ? x.parseDataBind(i) : s.startsWith("{") || s.startsWith("[") ? x.parseDataBind(
-      u.resolveDataJsonString(
+    return c.SINGLE_PLACEHOLDER_REGEX.test(s) ? x.parseDataBind(i) : s.startsWith("{") || s.startsWith("[") ? x.parseDataBind(
+      c.resolveDataJsonString(
         r,
         t.getBindingData()
       )
     ) : x.parseDataBind(
-      u.resolveDataParamString(r, t.getBindingData())
+      c.resolveDataParamString(r, t.getBindingData())
     );
   }
   /**
@@ -2463,29 +2516,30 @@ const u = class u {
       targetFragment: t
     };
     if (e) {
-      if (t.hasAttribute(u.attrName(e, "validate")) && (r.valid = !0), t.hasAttribute(u.attrName(e, "confirm")) && (r.confirmMessage = t.getAttribute(
-        u.attrName(e, "confirm")
-      )), t.hasAttribute(u.attrName(e, "data")) && (r.data = u.resolveDataAttribute(
+      if (t.hasAttribute(c.attrName(e, "validate")) && (r.valid = !0), t.hasAttribute(c.attrName(e, "confirm")) && (r.confirmMessage = t.getAttribute(
+        c.attrName(e, "confirm")
+      ).replace(/\\n/g, `
+`)), t.hasAttribute(c.attrName(e, "data")) && (r.data = c.resolveDataAttribute(
         t,
-        u.attrName(e, "data")
-      )), t.hasAttribute(u.attrName(e, "form"))) {
-        const l = t.getRawAttribute(
-          u.attrName(e, "form")
+        c.attrName(e, "data")
+      )), t.hasAttribute(c.attrName(e, "form"))) {
+        const u = t.getRawAttribute(
+          c.attrName(e, "form")
         );
-        if (l) {
-          const f = document.body.querySelector(l);
-          f !== null ? r.formFragment = m.getFormFragment(
-            N.get(f)
-          ) : h.error(
+        if (u) {
+          const h = document.body.querySelector(u);
+          h !== null ? r.formFragment = b.getFormFragment(
+            T.get(h)
+          ) : f.error(
             "Haori",
-            `Form element not found: ${l} (${u.attrName(e, "form")})`
+            `Form element not found: ${u} (${c.attrName(e, "form")})`
           );
         } else
-          r.formFragment = m.getFormFragment(t);
-      } else e === "change" && (r.formFragment = m.getFormFragment(t));
-      if (t.hasAttribute(`${c.prefix}${e}-before-run`)) {
-        const l = t.getRawAttribute(
-          `${c.prefix}${e}-before-run`
+          r.formFragment = b.getFormFragment(t);
+      } else e === "change" && (r.formFragment = b.getFormFragment(t));
+      if (t.hasAttribute(`${l.prefix}${e}-before-run`)) {
+        const u = t.getRawAttribute(
+          `${l.prefix}${e}-before-run`
         );
         try {
           r.beforeCallback = new Function(
@@ -2493,70 +2547,70 @@ const u = class u {
             "fetchOptions",
             `
 "use strict";
-${l}
+${u}
 `
           );
-        } catch (f) {
-          h.error("Haori", `Invalid before script: ${f}`);
+        } catch (h) {
+          f.error("Haori", `Invalid before script: ${h}`);
         }
       }
     }
-    const i = u.attrName(e, "fetch"), s = t.hasAttribute(i);
+    const i = c.attrName(e, "fetch"), s = t.hasAttribute(i);
     s && (r.fetchUrl = t.getAttribute(i));
     const n = {};
     if (e) {
-      const l = u.attrName(e, "fetch-method");
-      t.hasAttribute(l) && (n.method = t.getAttribute(
-        l
+      const u = c.attrName(e, "fetch-method");
+      t.hasAttribute(u) && (n.method = t.getAttribute(
+        u
       ));
     } else {
-      const l = u.attrName(null, "method", !0);
-      t.hasAttribute(l) && (n.method = t.getAttribute(
-        l
+      const u = c.attrName(null, "method", !0);
+      t.hasAttribute(u) && (n.method = t.getAttribute(
+        u
       ));
     }
     if (e) {
-      const l = u.attrName(e, "fetch-headers");
-      if (t.hasAttribute(l)) {
-        const f = t.getRawAttribute(
-          l
+      const u = c.attrName(e, "fetch-headers");
+      if (t.hasAttribute(u)) {
+        const h = t.getRawAttribute(
+          u
         );
         try {
-          n.headers = x.parseDataBind(f);
-        } catch (p) {
-          h.error("Haori", `Invalid fetch headers: ${p}`);
+          n.headers = x.parseDataBind(h);
+        } catch (g) {
+          f.error("Haori", `Invalid fetch headers: ${g}`);
         }
       }
     } else {
-      const l = u.attrName(
+      const u = c.attrName(
         null,
         "headers",
         !0
       );
-      if (t.hasAttribute(l)) {
-        const f = t.getRawAttribute(
-          l
+      if (t.hasAttribute(u)) {
+        const h = t.getRawAttribute(
+          u
         );
         try {
-          n.headers = x.parseDataBind(f);
-        } catch (p) {
-          h.error("Haori", `Invalid fetch headers: ${p}`);
+          n.headers = x.parseDataBind(h);
+        } catch (g) {
+          f.error("Haori", `Invalid fetch headers: ${g}`);
         }
       }
     }
     if (e) {
-      const l = u.attrName(
+      const u = c.attrName(
         e,
         "fetch-content-type"
       );
-      if (t.hasAttribute(l))
+      if (t.hasAttribute(u))
         n.headers = {
           ...n.headers,
-          "Content-Type": t.getAttribute(l)
+          "Content-Type": t.getAttribute(u)
         };
       else if (n.method && n.method !== "GET" && n.method !== "HEAD" && n.method !== "OPTIONS") {
-        let f = !1;
-        n.headers && typeof n.headers == "object" && (f = "Content-Type" in n.headers), f || (n.headers = {
+        let h = !1;
+        n.headers && typeof n.headers == "object" && (h = "Content-Type" in n.headers), h || (n.headers = {
           ...n.headers,
           "Content-Type": "application/json"
         });
@@ -2565,19 +2619,19 @@ ${l}
         "Content-Type": "application/x-www-form-urlencoded"
       });
     } else {
-      const l = u.attrName(
+      const u = c.attrName(
         null,
         "content-type",
         !0
       );
-      if (t.hasAttribute(l))
+      if (t.hasAttribute(u))
         n.headers = {
           ...n.headers,
-          "Content-Type": t.getAttribute(l)
+          "Content-Type": t.getAttribute(u)
         };
       else if (n.method && n.method !== "GET" && n.method !== "HEAD" && n.method !== "OPTIONS") {
-        let f = !1;
-        n.headers && typeof n.headers == "object" && (f = "Content-Type" in n.headers), f || (n.headers = {
+        let h = !1;
+        n.headers && typeof n.headers == "object" && (h = "Content-Type" in n.headers), h || (n.headers = {
           ...n.headers,
           "Content-Type": "application/json"
         });
@@ -2587,112 +2641,120 @@ ${l}
       });
     }
     Object.keys(n).length > 0 && (r.fetchOptions = n);
-    const a = e ? u.attrName(e, "bind") : u.attrName(null, "bind", !0);
+    const a = e ? c.attrName(e, "bind") : c.attrName(null, "bind", !0);
     if (t.hasAttribute(a)) {
-      const l = t.getRawAttribute(a);
-      if (l) {
-        const f = document.body.querySelectorAll(l);
-        f.length > 0 ? (r.bindFragments = [], f.forEach((p) => {
-          const E = N.get(p);
-          E && r.bindFragments.push(E);
-        })) : h.error(
+      const u = t.getRawAttribute(a);
+      if (u) {
+        const h = document.body.querySelectorAll(u);
+        h.length > 0 ? (r.bindFragments = [], h.forEach((g) => {
+          const A = T.get(g);
+          A && r.bindFragments.push(A);
+        })) : f.error(
           "Haori",
-          `Bind element not found: ${l} (${a})`
+          `Bind element not found: ${u} (${a})`
         );
       }
     }
-    const o = u.attrName(e, "bind-arg"), d = u.attrName(
+    const o = c.attrName(e, "bind-arg"), d = c.attrName(
       null,
       "arg",
       !0
-    ), y = u.attrName(
+    ), m = c.attrName(
       null,
       "bind-arg",
       !0
     );
     e ? t.hasAttribute(o) && (r.bindArg = t.getRawAttribute(o)) : t.hasAttribute(d) ? r.bindArg = t.getRawAttribute(
       d
-    ) : t.hasAttribute(y) && (r.bindArg = t.getRawAttribute(y));
-    const b = e ? u.attrName(e, "bind-params") : u.attrName(null, "bind-params", !0);
-    if (t.hasAttribute(b)) {
-      const l = t.getRawAttribute(b);
-      r.bindParams = l.split("&").map((f) => f.trim());
+    ) : t.hasAttribute(m) && (r.bindArg = t.getRawAttribute(m));
+    const y = e ? c.attrName(e, "bind-params") : c.attrName(null, "bind-params", !0);
+    if (t.hasAttribute(y)) {
+      const u = t.getRawAttribute(y);
+      r.bindParams = u.split("&").map((h) => h.trim());
     }
-    const A = e ? u.attrName(e, "bind-append") : u.attrName(null, "bind-append", !0);
-    if (t.hasAttribute(A)) {
-      const l = t.getRawAttribute(A);
-      r.bindAppendParams = l.split("&").map((f) => f.trim()).filter(Boolean);
+    const E = e ? c.attrName(e, "bind-append") : c.attrName(null, "bind-append", !0);
+    if (t.hasAttribute(E)) {
+      const u = t.getRawAttribute(E);
+      r.bindAppendParams = u.split("&").map((h) => h.trim()).filter(Boolean);
     }
-    const S = e ? u.attrName(e, "copy-params") : null;
+    const S = e ? c.attrName(e, "copy-params") : null;
     if (S && t.hasAttribute(S)) {
-      const l = t.getRawAttribute(
+      const u = t.getRawAttribute(
         S
       );
-      r.copyParams = l.split("&").map((f) => f.trim()).filter(Boolean);
+      r.copyParams = u.split("&").map((h) => h.trim()).filter(Boolean);
     }
     if (e) {
-      if (t.hasAttribute(u.attrName(e, "adjust"))) {
-        const f = t.getRawAttribute(
-          u.attrName(e, "adjust")
+      if (t.hasAttribute(c.attrName(e, "adjust"))) {
+        const h = t.getRawAttribute(
+          c.attrName(e, "adjust")
         );
-        if (f) {
-          const p = document.body.querySelectorAll(f);
-          p.length > 0 ? (r.adjustFragments = [], p.forEach((E) => {
-            const w = N.get(E);
-            w && r.adjustFragments.push(w);
-          })) : h.error(
+        if (h) {
+          const g = document.body.querySelectorAll(h);
+          g.length > 0 ? (r.adjustFragments = [], g.forEach((A) => {
+            const v = T.get(A);
+            v && r.adjustFragments.push(v);
+          })) : f.error(
             "Haori",
-            `Adjust element not found: ${f} (${u.attrName(e, "adjust")})`
+            `Adjust element not found: ${h} (${c.attrName(e, "adjust")})`
           );
         }
-        if (t.hasAttribute(u.attrName(e, "adjust-value"))) {
-          const p = t.getRawAttribute(
-            u.attrName(e, "adjust-value")
-          ), E = Number(p);
-          isNaN(E) || (r.adjustValue = E);
+        if (t.hasAttribute(c.attrName(e, "adjust-value"))) {
+          const g = t.getRawAttribute(
+            c.attrName(e, "adjust-value")
+          ), A = Number(g);
+          isNaN(A) || (r.adjustValue = A);
         }
       }
-      if (t.hasAttribute(u.attrName(e, "row-add")) && (r.rowAdd = !0), t.hasAttribute(u.attrName(e, "row-remove")) && (r.rowRemove = !0), t.hasAttribute(u.attrName(e, "row-prev")) && (r.rowMovePrev = !0), t.hasAttribute(u.attrName(e, "row-next")) && (r.rowMoveNext = !0), t.hasAttribute(`${c.prefix}${e}-after-run`)) {
-        const f = t.getRawAttribute(
-          `${c.prefix}${e}-after-run`
+      if (t.hasAttribute(c.attrName(e, "row-add")) && (r.rowAdd = !0), t.hasAttribute(c.attrName(e, "row-remove")) && (r.rowRemove = !0), t.hasAttribute(c.attrName(e, "row-prev")) && (r.rowMovePrev = !0), t.hasAttribute(c.attrName(e, "row-next")) && (r.rowMoveNext = !0), t.hasAttribute(`${l.prefix}${e}-after-run`)) {
+        const h = t.getRawAttribute(
+          `${l.prefix}${e}-after-run`
         );
         try {
           r.afterCallback = new Function(
             "response",
             `
 "use strict";
-${f}
+${h}
 `
           );
-        } catch (p) {
-          h.error("Haori", `Invalid after script: ${p}`);
+        } catch (g) {
+          f.error("Haori", `Invalid after script: ${g}`);
         }
       }
-      if (t.hasAttribute(u.attrName(e, "dialog")) && (r.dialogMessage = t.getAttribute(
-        u.attrName(e, "dialog")
-      )), t.hasAttribute(u.attrName(e, "toast")) && (r.toastMessage = t.getAttribute(
-        u.attrName(e, "toast")
-      )), t.hasAttribute(u.attrName(e, "redirect")) && (r.redirectUrl = t.getAttribute(
-        u.attrName(e, "redirect")
-      )), t.hasAttribute(u.attrName(e, "history")) && (r.historyUrl = t.getAttribute(
-        u.attrName(e, "history")
-      )), t.hasAttribute(u.attrName(e, "history-data")) && (r.historyData = u.resolveDataAttribute(
+      if (t.hasAttribute(c.attrName(e, "dialog")) && (r.dialogMessage = t.getAttribute(
+        c.attrName(e, "dialog")
+      ).replace(/\\n/g, `
+`)), t.hasAttribute(c.attrName(e, "toast"))) {
+        r.toastMessage = t.getAttribute(
+          c.attrName(e, "toast")
+        );
+        const h = t.getRawAttribute(
+          c.attrName(e, "toast-level")
+        ), A = ["info", "warning", "error", "success"].includes(h);
+        r.toastLevel = A ? h : null;
+      }
+      if (t.hasAttribute(c.attrName(e, "redirect")) && (r.redirectUrl = t.getAttribute(
+        c.attrName(e, "redirect")
+      )), t.hasAttribute(c.attrName(e, "history")) && (r.historyUrl = t.getAttribute(
+        c.attrName(e, "history")
+      )), t.hasAttribute(c.attrName(e, "history-data")) && (r.historyData = c.resolveDataAttribute(
         t,
-        u.attrName(e, "history-data")
-      )), t.hasAttribute(u.attrName(e, "history-form"))) {
-        const f = t.getRawAttribute(
-          u.attrName(e, "history-form")
+        c.attrName(e, "history-data")
+      )), t.hasAttribute(c.attrName(e, "history-form"))) {
+        const h = t.getRawAttribute(
+          c.attrName(e, "history-form")
         );
-        if (f) {
-          const p = document.body.querySelector(f);
-          p !== null ? r.historyFormFragment = m.getFormFragment(
-            N.get(p)
-          ) : h.error(
+        if (h) {
+          const g = document.body.querySelector(h);
+          g !== null ? r.historyFormFragment = b.getFormFragment(
+            T.get(g)
+          ) : f.error(
             "Haori",
-            `Form element not found: ${f} (${u.attrName(e, "history-form")})`
+            `Form element not found: ${h} (${c.attrName(e, "history-form")})`
           );
         } else
-          r.historyFormFragment = m.getFormFragment(t);
+          r.historyFormFragment = b.getFormFragment(t);
       }
       [
         "reset",
@@ -2701,54 +2763,54 @@ ${f}
         "copy",
         "open",
         "close"
-      ].forEach((f) => {
-        const p = u.attrName(e, f);
-        if (!t.hasAttribute(p))
+      ].forEach((h) => {
+        const g = c.attrName(e, h);
+        if (!t.hasAttribute(g))
           return;
-        const E = t.getRawAttribute(p), w = [];
-        if (E ? (document.body.querySelectorAll(E).forEach((J) => {
-          const Q = N.get(J);
-          Q && w.push(Q);
-        }), w.length === 0 && h.error("Haori", `Element not found: ${E} (${p})`)) : w.push(t), w.length > 0)
-          switch (f) {
+        const A = t.getRawAttribute(g), v = [];
+        if (A ? (document.body.querySelectorAll(A).forEach((J) => {
+          const Z = T.get(J);
+          Z && v.push(Z);
+        }), v.length === 0 && f.error("Haori", `Element not found: ${A} (${g})`)) : v.push(t), v.length > 0)
+          switch (h) {
             case "reset":
-              r.resetFragments = w;
+              r.resetFragments = v;
               break;
             case "refetch":
-              r.refetchFragments = w;
+              r.refetchFragments = v;
               break;
             case "click":
-              r.clickFragments = w;
+              r.clickFragments = v;
               break;
             case "copy":
-              r.copyFragments = w;
+              r.copyFragments = v;
               break;
             case "open":
-              r.openFragments = w;
+              r.openFragments = v;
               break;
             case "close":
-              r.closeFragments = w;
+              r.closeFragments = v;
               break;
           }
       });
     }
-    if (!e && (t.hasAttribute(u.attrName(null, "data", !0)) && (r.data = u.resolveDataAttribute(
+    if (!e && (t.hasAttribute(c.attrName(null, "data", !0)) && (r.data = c.resolveDataAttribute(
       t,
-      u.attrName(null, "data", !0)
-    )), t.hasAttribute(u.attrName(null, "form", !0)))) {
-      const l = t.getRawAttribute(
-        u.attrName(null, "form", !0)
+      c.attrName(null, "data", !0)
+    )), t.hasAttribute(c.attrName(null, "form", !0)))) {
+      const u = t.getRawAttribute(
+        c.attrName(null, "form", !0)
       );
-      if (l) {
-        const f = document.body.querySelector(l);
-        f !== null ? r.formFragment = m.getFormFragment(
-          N.get(f)
-        ) : h.error(
+      if (u) {
+        const h = document.body.querySelector(u);
+        h !== null ? r.formFragment = b.getFormFragment(
+          T.get(h)
+        ) : f.error(
           "Haori",
-          `Form element not found: ${l} (${u.attrName(null, "fetch-form", !0)})`
+          `Form element not found: ${u} (${c.attrName(null, "fetch-form", !0)})`
         );
       } else
-        r.formFragment = m.getFormFragment(t);
+        r.formFragment = b.getFormFragment(t);
     }
     return s && (!r.bindFragments || r.bindFragments.length === 0) && (r.bindFragments = [t]), r;
   }
@@ -2771,7 +2833,7 @@ ${f}
    * @param arg2 イベント名
    */
   constructor(t, e = null) {
-    u.isElementFragment(t) ? this.options = u.buildOptions(t, e) : this.options = t;
+    c.isElementFragment(t) ? this.options = c.buildOptions(t, e) : this.options = t;
   }
   /**
    * 一連の処理を実行します。オプションが空の場合は即座にresolveされます。
@@ -2812,7 +2874,7 @@ ${f}
     }
     const i = {};
     if (this.options.formFragment) {
-      const o = m.getValues(this.options.formFragment);
+      const o = b.getValues(this.options.formFragment);
       Object.assign(i, o);
     }
     this.options.data && typeof this.options.data == "object" && Object.assign(i, this.options.data);
@@ -2820,71 +2882,71 @@ ${f}
     if (e) {
       const o = { ...r || {} }, d = new Headers(
         o.headers || void 0
-      ), y = (o.method || "GET").toUpperCase(), b = c.runtime === "demo" && !at(y), A = b ? "GET" : y;
-      if (o.method = A, A === "GET" || A === "HEAD" || A === "OPTIONS")
+      ), m = (o.method || "GET").toUpperCase(), y = l.runtime === "demo" && !at(m), E = y ? "GET" : m;
+      if (o.method = E, E === "GET" || E === "HEAD" || E === "OPTIONS")
         s && (e = lt(e, i));
       else if (s) {
-        const l = d.get("Content-Type") || "";
-        if (/multipart\/form-data/i.test(l)) {
+        const u = d.get("Content-Type") || "";
+        if (/multipart\/form-data/i.test(u)) {
           d.delete("Content-Type");
-          const f = new FormData();
-          for (const [p, E] of Object.entries(i))
-            E == null ? f.append(p, "") : E instanceof Blob ? f.append(p, E) : Array.isArray(E) ? E.forEach((w) => f.append(p, String(w))) : typeof E == "object" ? f.append(p, JSON.stringify(E)) : f.append(p, String(E));
-          o.body = f;
-        } else if (/application\/x-www-form-urlencoded/i.test(l)) {
-          const f = new URLSearchParams();
-          for (const [p, E] of Object.entries(i))
-            E !== void 0 && (E === null ? f.append(p, "") : Array.isArray(E) ? E.forEach((w) => f.append(p, String(w))) : typeof E == "object" ? f.append(p, JSON.stringify(E)) : f.append(p, String(E)));
-          o.body = f;
+          const h = new FormData();
+          for (const [g, A] of Object.entries(i))
+            A == null ? h.append(g, "") : A instanceof Blob ? h.append(g, A) : Array.isArray(A) ? A.forEach((v) => h.append(g, String(v))) : typeof A == "object" ? h.append(g, JSON.stringify(A)) : h.append(g, String(A));
+          o.body = h;
+        } else if (/application\/x-www-form-urlencoded/i.test(u)) {
+          const h = new URLSearchParams();
+          for (const [g, A] of Object.entries(i))
+            A !== void 0 && (A === null ? h.append(g, "") : Array.isArray(A) ? A.forEach((v) => h.append(g, String(v))) : typeof A == "object" ? h.append(g, JSON.stringify(A)) : h.append(g, String(A)));
+          o.body = h;
         } else
           d.set("Content-Type", "application/json"), o.body = JSON.stringify(i);
       }
       o.headers = d;
       let S;
-      if (b && (S = e && new URL(e, window.location.href).search || void 0, d.delete("Content-Type"), h.info("Haori demo fetch normalization", {
-        runtime: c.runtime,
-        requestedMethod: y,
-        effectiveMethod: A,
+      if (y && (S = e && new URL(e, window.location.href).search || void 0, d.delete("Content-Type"), f.info("Haori demo fetch normalization", {
+        runtime: l.runtime,
+        requestedMethod: m,
+        effectiveMethod: E,
         transportMode: "query-get",
         url: e,
         payload: s ? i : void 0,
         queryString: S
       })), this.options.targetFragment && e) {
-        const l = performance.now(), f = {
-          runtime: c.runtime,
-          requestedMethod: y,
-          effectiveMethod: A,
-          transportMode: b ? "query-get" : "http",
-          ...b ? { queryString: S } : {}
+        const u = performance.now(), h = {
+          runtime: l.runtime,
+          requestedMethod: m,
+          effectiveMethod: E,
+          transportMode: y ? "query-get" : "http",
+          ...y ? { queryString: S } : {}
         };
-        return v.fetchStart(
+        return w.fetchStart(
           this.options.targetFragment.getTarget(),
           e,
           o,
           s ? i : void 0,
-          f
-        ), fetch(e, o).then((p) => this.handleFetchResult(
-          p,
+          h
+        ), fetch(e, o).then((g) => this.handleFetchResult(
+          g,
           e || void 0,
-          l
-        )).catch((p) => {
-          throw e && v.fetchError(
+          u
+        )).catch((g) => {
+          throw e && w.fetchError(
             this.options.targetFragment.getTarget(),
             e,
-            p
-          ), p;
+            g
+          ), g;
         });
       }
-      return fetch(e, o).then((l) => this.handleFetchResult(l, e || void 0));
+      return fetch(e, o).then((u) => this.handleFetchResult(u, e || void 0));
     }
     if ((!this.options.bindFragments || this.options.bindFragments.length === 0) && this.options.formFragment && s) {
       const o = this.options.formFragment, d = o.getTarget();
       d.setAttribute(
-        `${c.prefix}bind`,
+        `${l.prefix}bind`,
         JSON.stringify(i)
       );
-      const y = o.getBindingData();
-      Object.assign(y, i), await x.setBindingData(d, y);
+      const m = o.getBindingData();
+      Object.assign(m, i), await x.setBindingData(d, m);
     }
     const n = s ? i : {}, a = new Response(JSON.stringify(n), {
       headers: { "Content-Type": "application/json" }
@@ -2895,16 +2957,16 @@ ${f}
    * フェッチ後の処理を実行します。
    */
   async handleFetchResult(t, e, r) {
-    const i = X();
+    const i = W();
     if (!t.ok)
-      return this.options.targetFragment && e && v.fetchError(
+      return this.options.targetFragment && e && w.fetchError(
         this.options.targetFragment.getTarget(),
         e,
         new Error(`${t.status} ${t.statusText}`),
         t.status,
         r
       ), await this.handleFetchError(t), !1;
-    if (this.options.targetFragment && e && r && v.fetchEnd(
+    if (this.options.targetFragment && e && r && w.fetchEnd(
       this.options.targetFragment.getTarget(),
       e,
       t.status,
@@ -2919,11 +2981,11 @@ ${f}
     }
     const s = [];
     s.push(this.bindResult(t)), s.push(this.adjust()), s.push(this.addRow()), s.push(this.removeRow()), s.push(this.movePrevRow()), s.push(this.moveNextRow()), await Promise.all(s), this.options.resetFragments && this.options.resetFragments.length > 0 && await Promise.all(
-      this.options.resetFragments.map((a) => m.reset(a))
+      this.options.resetFragments.map((a) => b.reset(a))
     ), await this.copy();
     const n = [];
     return this.options.refetchFragments && this.options.refetchFragments.length > 0 && this.options.refetchFragments.forEach((a) => {
-      n.push(new u(a, null).run());
+      n.push(new c(a, null).run());
     }), this.options.clickFragments && this.options.clickFragments.length > 0 && this.options.clickFragments.forEach((a) => {
       const o = a.getTarget();
       typeof o.click == "function" ? o.click() : o.dispatchEvent(
@@ -2931,11 +2993,14 @@ ${f}
       );
     }), this.options.openFragments && this.options.openFragments.length > 0 && this.options.openFragments.forEach((a) => {
       const o = a.getTarget();
-      o instanceof HTMLElement ? n.push(i.openDialog(o)) : h.error("Haori", "Element is not an HTML element: ", o);
+      o instanceof HTMLElement ? n.push(i.openDialog(o)) : f.error("Haori", "Element is not an HTML element: ", o);
     }), this.options.closeFragments && this.options.closeFragments.length > 0 && this.options.closeFragments.forEach((a) => {
       const o = a.getTarget();
-      o instanceof HTMLElement ? n.push(i.closeDialog(o)) : h.error("Haori", "Element is not an HTML element: ", o);
-    }), await Promise.all(n), this.options.dialogMessage && await i.dialog(this.options.dialogMessage), this.options.toastMessage && await i.toast(this.options.toastMessage, "info"), this.pushHistory(), this.options.redirectUrl && (window.location.href = this.options.redirectUrl), !0;
+      o instanceof HTMLElement ? n.push(i.closeDialog(o)) : f.error("Haori", "Element is not an HTML element: ", o);
+    }), await Promise.all(n), this.options.dialogMessage && await i.dialog(this.options.dialogMessage), this.options.toastMessage && await i.toast(
+      this.options.toastMessage,
+      this.options.toastLevel ?? "info"
+    ), this.pushHistory(), this.options.redirectUrl && (window.location.href = this.options.redirectUrl), !0;
   }
   /**
    * history.pushState を実行します。
@@ -2951,7 +3016,7 @@ ${f}
         const i = t ? this.options.historyUrl : window.location.pathname, s = new URL(i, window.location.href);
         if (s.origin !== window.location.origin) {
           const a = "history.pushState: cross-origin URL is not allowed: " + s.toString();
-          h.error(
+          f.error(
             "Haori",
             a
           );
@@ -2959,15 +3024,15 @@ ${f}
         }
         const n = (a) => {
           for (const [o, d] of Object.entries(a))
-            d != null && (Array.isArray(d) ? d.forEach((y) => s.searchParams.append(o, String(y))) : typeof d == "object" ? s.searchParams.set(o, JSON.stringify(d)) : s.searchParams.set(o, String(d)));
+            d != null && (Array.isArray(d) ? d.forEach((m) => s.searchParams.append(o, String(m))) : typeof d == "object" ? s.searchParams.set(o, JSON.stringify(d)) : s.searchParams.set(o, String(d)));
         };
         e && n(this.options.historyData), r && n(
-          m.getValues(
+          b.getValues(
             this.options.historyFormFragment
           )
         ), history.pushState({}, "", s.toString());
       } catch (i) {
-        h.error("Haori", `history.pushState failed: ${i}`);
+        f.error("Haori", `history.pushState failed: ${i}`);
       }
   }
   /**
@@ -2975,10 +3040,10 @@ ${f}
    */
   async handleFetchError(t) {
     let e = null;
-    this.options.formFragment ? e = this.options.formFragment : this.options.targetFragment && (e = m.getFormFragment(this.options.targetFragment) || this.options.targetFragment);
+    this.options.formFragment ? e = this.options.formFragment : this.options.targetFragment && (e = b.getFormFragment(this.options.targetFragment) || this.options.targetFragment);
     const r = async (s) => {
       const n = e ? e.getTarget() : document.body;
-      await X().addErrorMessage(n, s);
+      await W().addErrorMessage(n, s);
     };
     if ((t.headers.get("Content-Type") || "").includes("application/json"))
       try {
@@ -2999,7 +3064,7 @@ ${f}
         if (n.length === 0)
           return await r(`${t.status} ${t.statusText}`), !1;
         for (const a of n)
-          a.key && e ? await m.addErrorMessage(e, a.key, a.message) : await r(a.message);
+          a.key && e ? await b.addErrorMessage(e, a.key, a.message) : await r(a.message);
         return !1;
       } catch {
       }
@@ -3045,7 +3110,7 @@ ${f}
    */
   confirm() {
     const t = this.options.confirmMessage;
-    return t == null ? Promise.resolve(!0) : X().confirm(t);
+    return t == null ? Promise.resolve(!0) : W().confirm(t);
   }
   /**
    * 結果データを対象のフラグメントにバインドします。
@@ -3077,7 +3142,7 @@ ${f}
         });
       else {
         if (typeof r == "string")
-          return h.error("Haori", "string data cannot be bound without a bindArg."), Promise.reject(
+          return f.error("Haori", "string data cannot be bound without a bindArg."), Promise.reject(
             new Error("string data cannot be bound without a bindArg.")
           );
         this.options.bindFragments.forEach((s) => {
@@ -3130,7 +3195,7 @@ ${f}
    * copy のコピー元データを取得します。
    */
   resolveCopySourceData() {
-    return this.options.formFragment ? m.getValues(this.options.formFragment) : this.options.targetFragment ? { ...this.options.targetFragment.getBindingData() } : {};
+    return this.options.formFragment ? b.getValues(this.options.formFragment) : this.options.targetFragment ? { ...this.options.targetFragment.getBindingData() } : {};
   }
   /**
    * copy-params が指定されている場合は対象キーだけ抽出します。
@@ -3166,11 +3231,11 @@ ${f}
    */
   getRowFragment() {
     if (!this.options.targetFragment)
-      return h.error("Haori", "Target fragment is not specified for row operation."), null;
+      return f.error("Haori", "Target fragment is not specified for row operation."), null;
     const t = this.options.targetFragment.closestByAttribute(
-      `${c.prefix}row`
+      `${l.prefix}row`
     );
-    return t || (h.error("Haori", "Row fragment not found."), null);
+    return t || (f.error("Haori", "Row fragment not found."), null);
   }
   /**
    * 行を追加します。
@@ -3186,7 +3251,7 @@ ${f}
     const e = [], r = t.clone();
     return e.push(
       t.getParent().insertAfter(r, t)
-    ), e.push(x.evaluateAll(r)), e.push(m.reset(r)), Promise.all(e).then(() => {
+    ), e.push(x.evaluateAll(r)), e.push(b.reset(r)), Promise.all(e).then(() => {
     });
   }
   /**
@@ -3201,7 +3266,7 @@ ${f}
     if (!t)
       return Promise.reject(new Error("Row fragment not found."));
     const e = t.getParent();
-    return e && e.getChildElementFragments().filter((i) => !i.hasAttribute(`${c.prefix}each-before`) && !i.hasAttribute(`${c.prefix}each-after`)).length <= 1 ? Promise.resolve() : t.remove();
+    return e && e.getChildElementFragments().filter((i) => !i.hasAttribute(`${l.prefix}each-before`) && !i.hasAttribute(`${l.prefix}each-after`)).length <= 1 ? Promise.resolve() : t.remove();
   }
   /**
    * 前の行へ移動します。
@@ -3238,9 +3303,9 @@ ${f}
     return r ? r.insertAfter(t, e) : Promise.resolve();
   }
 };
-u.DATA_PLACEHOLDER_REGEX = /\{\{\{([\s\S]+?)\}\}\}|\{\{([\s\S]+?)\}\}/g, u.SINGLE_PLACEHOLDER_REGEX = /^(\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\})$/;
-let V = u;
-class ct {
+c.DATA_PLACEHOLDER_REGEX = /\{\{\{([\s\S]+?)\}\}\}|\{\{([\s\S]+?)\}\}/g, c.SINGLE_PLACEHOLDER_REGEX = /^(\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\})$/;
+let V = c;
+class ut {
   /**
    * URLのクエリパラメータを取得します。
    *
@@ -3253,7 +3318,7 @@ class ct {
     }), t;
   }
 }
-class ut {
+class ct {
   /**
    * 指定URLから HTML を取得し、body 内の HTML 文字列を返します。
    *
@@ -3271,27 +3336,27 @@ class ut {
     try {
       r = await fetch(t, e);
     } catch (s) {
-      throw h.error("[Haori]", "Failed to fetch import source:", t, s), new Error(`Failed to fetch: ${t}`);
+      throw f.error("[Haori]", "Failed to fetch import source:", t, s), new Error(`Failed to fetch: ${t}`);
     }
     if (!r.ok) {
       const s = `${r.status} ${r.statusText}`;
-      throw h.error("[Haori]", "Import HTTP error:", t, s), new Error(`Failed to load ${t}: ${s}`);
+      throw f.error("[Haori]", "Import HTTP error:", t, s), new Error(`Failed to load ${t}: ${s}`);
     }
     let i;
     try {
       i = await r.text();
     } catch (s) {
-      throw h.error("[Haori]", "Failed to read response text:", t, s), new Error(`Failed to read response from: ${t}`);
+      throw f.error("[Haori]", "Failed to read response text:", t, s), new Error(`Failed to read response from: ${t}`);
     }
     try {
       const n = new DOMParser().parseFromString(i, "text/html");
-      return n && n.body ? n.body.innerHTML : (h.warn("[Haori]", "No body found in imported document:", t), i);
+      return n && n.body ? n.body.innerHTML : (f.warn("[Haori]", "No body found in imported document:", t), i);
     } catch (s) {
-      return h.error("[Haori]", "Failed to parse imported HTML:", t, s), i;
+      return f.error("[Haori]", "Failed to parse imported HTML:", t, s), i;
     }
   }
 }
-const g = class g {
+const p = class p {
   /**
    * 遅延属性かどうか（完全名で判定）を判定します。
    *
@@ -3299,8 +3364,8 @@ const g = class g {
    * @returns 遅延属性かどうか
    */
   static isDeferredAttributeName(t) {
-    return g.DEFERRED_ATTRIBUTE_SUFFIXES.some(
-      (e) => t === `${c.prefix}${e}`
+    return p.DEFERRED_ATTRIBUTE_SUFFIXES.some(
+      (e) => t === `${l.prefix}${e}`
     );
   }
   /**
@@ -3310,8 +3375,8 @@ const g = class g {
    * @returns 除外対象かどうか
    */
   static isEvaluateAllExcludedAttributeName(t) {
-    return g.EVALUATE_ALL_EXCLUDED_ATTRIBUTE_SUFFIXES.some(
-      (e) => t === `${c.prefix}${e}`
+    return p.EVALUATE_ALL_EXCLUDED_ATTRIBUTE_SUFFIXES.some(
+      (e) => t === `${l.prefix}${e}`
     );
   }
   /**
@@ -3322,7 +3387,30 @@ const g = class g {
    * @returns 再評価する場合は true
    */
   static shouldReevaluateAttribute(t, e) {
-    return e !== null && !g.isEvaluateAllExcludedAttributeName(t) && g.ATTRIBUTE_PLACEHOLDER_REGEX.test(e);
+    return e !== null && !p.isEvaluateAllExcludedAttributeName(t) && p.ATTRIBUTE_PLACEHOLDER_REGEX.test(e);
+  }
+  /**
+   * data-attr-* 形式の属性名から実際に更新する属性名を取得します。
+   *
+   * @param name 属性名
+   * @returns 実際の属性名。data-attr-* でない場合は null
+   */
+  static getAliasedAttributeName(t) {
+    const e = `${l.prefix}${p.ATTRIBUTE_ALIAS_SUFFIX}`;
+    return !t.startsWith(e) || t.length <= e.length ? null : t.slice(e.length);
+  }
+  /**
+   * 実属性の変更が data-attr-* の内部反映かどうかを判定します。
+   *
+   * @param element 対象要素
+   * @param name 変更された属性名
+   * @returns data-attr-* の内部反映なら true
+   */
+  static isAliasedAttributeReflection(t, e) {
+    const r = T.get(t);
+    return r instanceof R ? r.hasAttribute(
+      `${l.prefix}${p.ATTRIBUTE_ALIAS_SUFFIX}${e}`
+    ) : !1;
   }
   /**
    * プレースホルダを含む通常属性を再評価します。
@@ -3335,7 +3423,9 @@ const g = class g {
     let e = Promise.resolve();
     for (const r of t.getAttributeNames()) {
       const i = t.getRawAttribute(r);
-      g.shouldReevaluateAttribute(r, i) && (e = e.then(() => t.setAttribute(r, i)));
+      p.shouldReevaluateAttribute(r, i) && (e = e.then(
+        () => p.setAttribute(t.getTarget(), r, i)
+      ));
     }
     return e.then(() => {
     });
@@ -3347,15 +3437,16 @@ const g = class g {
    * @returns Promise (スキャンが完了したときに解決される)
    */
   static scan(t) {
-    const e = N.get(t);
+    const e = T.get(t);
     if (!e)
       return Promise.resolve();
-    t.parentNode && (N.get(t.parentNode)?.isMounted() || document.body.contains(t) ? e.setMounted(!0) : e.setMounted(!1));
-    const r = [], i = /* @__PURE__ */ new Set();
-    for (const s of g.PRIORITY_ATTRIBUTE_SUFFIXES) {
-      const n = c.prefix + s;
-      e.hasAttribute(n) && (r.push(
-        g.setAttribute(
+    t.parentNode && (T.get(t.parentNode)?.isMounted() || document.body.contains(t) ? e.setMounted(!0) : e.setMounted(!1));
+    let r = Promise.resolve();
+    const i = /* @__PURE__ */ new Set();
+    for (const s of p.PRIORITY_ATTRIBUTE_SUFFIXES) {
+      const n = l.prefix + s;
+      e.hasAttribute(n) && (r = r.then(
+        () => p.setAttribute(
           e.getTarget(),
           n,
           e.getRawAttribute(n)
@@ -3363,24 +3454,30 @@ const g = class g {
       ), i.add(n));
     }
     for (const s of e.getAttributeNames()) {
-      if (i.has(s) || g.isDeferredAttributeName(s))
+      if (i.has(s) || p.isDeferredAttributeName(s))
         continue;
       const n = e.getRawAttribute(s);
-      n !== null && r.push(g.setAttribute(e.getTarget(), s, n));
+      n !== null && (r = r.then(
+        () => p.setAttribute(e.getTarget(), s, n)
+      ));
     }
-    for (const s of g.DEFERRED_ATTRIBUTE_SUFFIXES) {
-      const n = c.prefix + s;
-      e.hasAttribute(n) && (r.push(
-        g.setAttribute(
+    for (const s of p.DEFERRED_ATTRIBUTE_SUFFIXES) {
+      const n = l.prefix + s;
+      e.hasAttribute(n) && (r = r.then(
+        () => p.setAttribute(
           e.getTarget(),
           n,
           e.getRawAttribute(n)
         )
       ), i.add(n));
     }
-    return e.getChildren().forEach((s) => {
-      s instanceof D ? r.push(g.scan(s.getTarget())) : s instanceof L && r.push(g.evaluateText(s));
-    }), Promise.all(r).then(() => {
+    return r.then(() => {
+      const s = [];
+      return e.getChildren().forEach((n) => {
+        n instanceof R ? s.push(p.scan(n.getTarget())) : n instanceof H && s.push(p.evaluateText(n));
+      }), Promise.all(s).then(() => {
+      });
+    }).then(() => {
     });
   }
   /**
@@ -3393,54 +3490,57 @@ const g = class g {
    * @returns Promise (DOM操作が完了したときに解決される)
    */
   static setAttribute(t, e, r) {
-    const i = N.get(t), s = [];
+    const i = T.get(t), s = p.getAliasedAttributeName(e);
+    if (s !== null)
+      return r === null ? i.removeAliasedAttribute(e, s) : i.setAliasedAttribute(e, s, r);
+    const n = [];
     switch (e) {
-      case `${c.prefix}bind`: {
-        r === null ? (i.clearBindingDataCache(), i.setBindingData({})) : i.setBindingData(g.parseDataBind(r));
+      case `${l.prefix}bind`: {
+        r === null ? (i.clearBindingDataCache(), i.setBindingData({})) : i.setBindingData(p.parseDataBind(r));
         break;
       }
-      case `${c.prefix}if`:
-        s.push(g.evaluateIf(i));
+      case `${l.prefix}if`:
+        n.push(p.evaluateIf(i));
         break;
-      case `${c.prefix}each`:
-        s.push(g.evaluateEach(i));
+      case `${l.prefix}each`:
+        n.push(p.evaluateEach(i));
         break;
-      case `${c.prefix}fetch`:
-        s.push(
+      case `${l.prefix}fetch`:
+        n.push(
           new V(i, null).run().then(() => {
           })
         );
         break;
-      case `${c.prefix}import`: {
+      case `${l.prefix}import`: {
         if (typeof r == "string") {
-          const n = i.getTarget(), a = performance.now();
-          v.importStart(n, r), s.push(
-            ut.load(r).then((o) => {
-              const d = new TextEncoder().encode(o).length;
+          const a = i.getTarget(), o = performance.now();
+          w.importStart(a, r), n.push(
+            ct.load(r).then((d) => {
+              const m = new TextEncoder().encode(d).length;
               return P.enqueue(() => {
-                n.innerHTML = o;
+                a.innerHTML = d;
               }).then(() => {
-                v.importEnd(n, r, d, a);
+                w.importEnd(a, r, m, o);
               });
-            }).catch((o) => {
-              v.importError(n, r, o), h.error("[Haori]", "Failed to import HTML:", r, o);
+            }).catch((d) => {
+              w.importError(a, r, d), f.error("[Haori]", "Failed to import HTML:", r, d);
             })
           );
         }
         break;
       }
-      case `${c.prefix}url-param`: {
-        const n = i.getAttribute(`${c.prefix}url-arg`), a = ct.readParams();
-        if (n === null)
-          g.setBindingData(t, a);
+      case `${l.prefix}url-param`: {
+        const a = i.getAttribute(`${l.prefix}url-arg`), o = ut.readParams();
+        if (a === null)
+          n.push(p.setBindingData(t, o));
         else {
-          const o = i.getRawBindingData() || {};
-          o[String(n)] = a, g.setBindingData(t, o);
+          const d = i.getRawBindingData() || {};
+          d[String(a)] = o, n.push(p.setBindingData(t, d));
         }
         break;
       }
     }
-    return r === null ? s.push(i.removeAttribute(e)) : s.push(i.setAttribute(e, r)), Promise.all(s).then(() => {
+    return r === null ? n.push(i.removeAttribute(e)) : n.push(i.setAttribute(e, r)), Promise.all(n).then(() => {
     });
   }
   /**
@@ -3452,16 +3552,17 @@ const g = class g {
    * @returns Promise (DOM操作が完了したときに解決される)
    */
   static setBindingData(t, e) {
-    const r = N.get(t), i = r.getRawBindingData();
+    const r = T.get(t), i = r.getRawBindingData();
     r.setBindingData(e);
-    const s = [];
-    if (s.push(
-      r.setAttribute(`${c.prefix}bind`, JSON.stringify(e))
-    ), t.tagName === "FORM") {
-      const n = r.getAttribute(`${c.prefix}form-arg`), a = n && e[String(n)] && typeof e[String(n)] == "object" && !Array.isArray(e[String(n)]) ? e[String(n)] : n ? {} : e;
-      s.push(m.syncValues(r, a));
+    let s = r.setAttribute(
+      `${l.prefix}bind`,
+      JSON.stringify(e)
+    );
+    if (t.tagName === "FORM") {
+      const n = r.getAttribute(`${l.prefix}form-arg`), a = n && e[String(n)] && typeof e[String(n)] == "object" && !Array.isArray(e[String(n)]) ? e[String(n)] : n ? {} : e;
+      s = s.then(() => b.syncValues(r, a));
     }
-    return s.push(g.evaluateAll(r)), v.bindChange(t, i, e, "manual"), Promise.all(s).then(() => {
+    return s = s.then(() => p.evaluateAll(r)), w.bindChange(t, i, e, "manual"), s.then(() => {
     });
   }
   /**
@@ -3475,7 +3576,7 @@ const g = class g {
       try {
         return JSON.parse(t);
       } catch (e) {
-        return h.error("[Haori]", "Invalid JSON in data-bind:", e), {};
+        return f.error("[Haori]", "Invalid JSON in data-bind:", e), {};
       }
     else {
       const e = new URLSearchParams(t), r = {};
@@ -3491,11 +3592,11 @@ const g = class g {
    * @param node 追加するノード
    */
   static addNode(t, e) {
-    const r = N.get(t);
+    const r = T.get(t);
     if (r.isSkipMutationNodes())
       return;
-    const i = N.get(e.nextSibling), s = N.get(e);
-    s && (r.insertBefore(s, i), s instanceof D ? g.scan(s.getTarget()) : s instanceof L && g.evaluateText(s));
+    const i = T.get(e.nextSibling), s = T.get(e);
+    s && (r.insertBefore(s, i), s instanceof R ? p.scan(s.getTarget()) : s instanceof H && p.evaluateText(s));
   }
   /**
    * ノードを親要素から削除します。
@@ -3503,7 +3604,7 @@ const g = class g {
    * @param node 削除するノード
    */
   static removeNode(t) {
-    const e = N.get(t);
+    const e = T.get(t);
     if (e) {
       const r = e.getParent();
       if (r && r.isSkipMutationNodes())
@@ -3518,7 +3619,7 @@ const g = class g {
    * @param text 新しいテキスト
    */
   static changeText(t, e) {
-    const r = N.get(t);
+    const r = T.get(t);
     r && r.setContent(e);
   }
   /**
@@ -3530,16 +3631,16 @@ const g = class g {
    * @returns Promise (DOM操作が完了したときに解決される)
    */
   static changeValue(t, e) {
-    const r = N.get(t);
+    const r = T.get(t);
     if (r.getValue() === e)
       return Promise.resolve();
     const i = [];
     i.push(r.setValue(e));
-    const s = g.getFormFragment(r);
+    const s = p.getFormFragment(r);
     if (s) {
-      const n = m.getValues(s), a = s.getAttribute(`${c.prefix}form-arg`);
+      const n = b.getValues(s), a = s.getAttribute(`${l.prefix}form-arg`);
       let o;
-      a ? (o = s.getRawBindingData(), o || (o = {}), o[String(a)] = n) : o = n, i.push(g.setBindingData(s.getTarget(), o));
+      a ? (o = s.getRawBindingData(), o || (o = {}), o[String(a)] = n) : o = n, i.push(p.setBindingData(s.getTarget(), o));
     }
     return Promise.all(i).then(() => {
     });
@@ -3554,7 +3655,7 @@ const g = class g {
     if (t.getTarget() instanceof HTMLFormElement)
       return t;
     const e = t.getParent();
-    return e ? g.getFormFragment(e) : null;
+    return e ? p.getFormFragment(e) : null;
   }
   /**
    * フラグメントとその子要素を評価します。
@@ -3564,10 +3665,16 @@ const g = class g {
    */
   static evaluateAll(t) {
     const e = [];
-    return e.push(g.reevaluateInterpolatedAttributes(t)), t.hasAttribute(`${c.prefix}if`) && e.push(g.evaluateIf(t)), t.hasAttribute(`${c.prefix}each`) && e.push(g.evaluateEach(t)), t.getChildren().forEach((r) => {
-      r instanceof D ? e.push(g.evaluateAll(r)) : r instanceof L && e.push(g.evaluateText(r));
+    return e.push(p.reevaluateInterpolatedAttributes(t)), t.hasAttribute(`${l.prefix}if`) && e.push(p.evaluateIf(t)), t.hasAttribute(`${l.prefix}each`) ? Promise.all(e).then(() => p.evaluateEach(t)).then(() => {
+      const r = [];
+      return t.getChildren().forEach((i) => {
+        i instanceof R ? r.push(p.evaluateAll(i)) : i instanceof H && r.push(p.evaluateText(i));
+      }), Promise.all(r).then(() => {
+      });
+    }) : (t.getChildren().forEach((r) => {
+      r instanceof R ? e.push(p.evaluateAll(r)) : r instanceof H && e.push(p.evaluateText(r));
     }), Promise.all(e).then(() => {
-    });
+    }));
   }
   /**
    * テキストフラグメントを評価します。
@@ -3586,16 +3693,16 @@ const g = class g {
    * @return Promise (DOM操作が完了したときに解決される)
    */
   static evaluateIf(t) {
-    const e = [], r = t.getAttribute(`${c.prefix}if`);
+    const e = [], r = t.getAttribute(`${l.prefix}if`);
     return r === !1 || r === void 0 || r === null || Number.isNaN(r) ? t.isVisible() && e.push(
       t.hide().then(() => {
-        v.hide(t.getTarget());
+        w.hide(t.getTarget());
       })
     ) : t.isVisible() || (e.push(
       t.show().then(() => {
-        v.show(t.getTarget());
+        w.show(t.getTarget());
       })
-    ), e.push(g.evaluateAll(t))), Promise.all(e).then(() => {
+    ), e.push(p.evaluateAll(t))), Promise.all(e).then(() => {
     });
   }
   /**
@@ -3611,19 +3718,19 @@ const g = class g {
     if (e === null) {
       let i = !1;
       t.getChildren().forEach((n) => {
-        if (!i && n instanceof D) {
-          if (n.hasAttribute(`${c.prefix}each-before`) || n.hasAttribute(`${c.prefix}each-after`))
+        if (!i && n instanceof R) {
+          if (n.hasAttribute(`${l.prefix}each-before`) || n.hasAttribute(`${l.prefix}each-after`))
             return;
           e = n.clone(), t.setTemplate(e), i = !0, t.removeChild(n);
           const a = n.getTarget();
           a.parentNode && a.parentNode.removeChild(a), n.setMounted(!1);
         }
       });
-      const s = t.getAttribute(`${c.prefix}each`);
-      return Array.isArray(s) ? this.updateDiff(t, s) : (h.error("[Haori]", "Invalid each attribute:", s), Promise.reject(new Error("Invalid each attribute.")));
+      const s = t.getAttribute(`${l.prefix}each`);
+      return Array.isArray(s) ? this.updateDiff(t, s) : (f.error("[Haori]", "Invalid each attribute:", s), Promise.reject(new Error("Invalid each attribute.")));
     }
-    const r = t.getAttribute(`${c.prefix}each`);
-    return Array.isArray(r) ? this.updateDiff(t, r) : (h.error("[Haori]", "Invalid each attribute:", r), Promise.reject(new Error("Invalid each attribute.")));
+    const r = t.getAttribute(`${l.prefix}each`);
+    return Array.isArray(r) ? this.updateDiff(t, r) : (f.error("[Haori]", "Invalid each attribute:", r), Promise.reject(new Error("Invalid each attribute.")));
   }
   /**
    * 差分を更新します。
@@ -3634,73 +3741,73 @@ const g = class g {
   static updateDiff(t, e) {
     const r = t.getTemplate();
     if (r === null)
-      return h.error("[Haori]", "Template is not set for each element."), Promise.resolve();
-    let i = t.getAttribute(`${c.prefix}each-index`);
+      return f.error("[Haori]", "Template is not set for each element."), Promise.resolve();
+    let i = t.getAttribute(`${l.prefix}each-index`);
     i && (i = String(i));
-    const s = t.getAttribute(`${c.prefix}each-key`), n = t.getAttribute(`${c.prefix}each-arg`), a = /* @__PURE__ */ new Map(), o = [];
-    e.forEach((l, f) => {
-      const p = g.createListKey(
-        l,
+    const s = t.getAttribute(`${l.prefix}each-key`), n = t.getAttribute(`${l.prefix}each-arg`), a = /* @__PURE__ */ new Map(), o = [];
+    e.forEach((u, h) => {
+      const g = p.createListKey(
+        u,
         s ? String(s) : null,
-        f
+        h
       );
-      o.push(p), a.set(p, { item: l, itemIndex: f });
+      o.push(g), a.set(g, { item: u, itemIndex: h });
     });
     const d = [];
-    let y = t.getChildren().filter((l) => l instanceof D).filter(
-      (l) => !l.hasAttribute(`${c.prefix}each-before`) && !l.hasAttribute(`${c.prefix}each-after`)
+    let m = t.getChildren().filter((u) => u instanceof R).filter(
+      (u) => !u.hasAttribute(`${l.prefix}each-before`) && !u.hasAttribute(`${l.prefix}each-after`)
     );
-    y = y.filter((l) => o.indexOf(String(l.getListKey())) === -1 ? (d.push(l.remove()), !1) : !0);
-    const b = y.map((l) => l.getListKey()), A = t.getChildren().filter((l) => l instanceof D).filter((l) => l.hasAttribute(`${c.prefix}each-before`)).length;
+    m = m.filter((u) => o.indexOf(String(u.getListKey())) === -1 ? (d.push(u.remove()), !1) : !0);
+    const y = m.map((u) => u.getListKey()), E = t.getChildren().filter((u) => u instanceof R).filter((u) => u.hasAttribute(`${l.prefix}each-before`)).length;
     let S = Promise.resolve();
-    return o.forEach((l, f) => {
-      const p = b.indexOf(l), { item: E, itemIndex: w } = a.get(l);
+    return o.forEach((u, h) => {
+      const g = y.indexOf(u), { item: A, itemIndex: v } = a.get(u);
       let k;
-      if (p !== -1)
-        k = y[p], S = S.then(
-          () => g.updateRowFragment(
+      if (g !== -1)
+        k = m[g], S = S.then(
+          () => p.updateRowFragment(
             k,
-            E,
+            A,
             i,
-            w,
+            v,
             n ? String(n) : null,
-            l
-          ).then(() => g.evaluateAll(k))
+            u
+          ).then(() => p.evaluateAll(k))
         );
       else {
         k = r.clone();
-        const J = A + f;
+        const J = E + h;
         S = S.then(
-          () => g.updateRowFragment(
+          () => p.updateRowFragment(
             k,
-            E,
+            A,
             i,
-            w,
+            v,
             n ? String(n) : null,
-            l
+            u
           ).then(
             () => t.insertBefore(
               k,
               t.getChildren()[J] || null
-            ).then(() => g.evaluateAll(k))
+            ).then(() => p.evaluateAll(k))
           )
         );
       }
     }), Promise.all(d).then(() => S).then(() => {
-      const l = o.filter(
-        (w) => w !== null
-      ), f = b.filter(
-        (w) => w !== null
-      ), p = l.filter(
-        (w) => !f.includes(w)
-      ), E = f.filter(
-        (w) => !l.includes(w)
+      const u = o.filter(
+        (v) => v !== null
+      ), h = y.filter(
+        (v) => v !== null
+      ), g = u.filter(
+        (v) => !h.includes(v)
+      ), A = h.filter(
+        (v) => !u.includes(v)
       );
-      v.eachUpdate(
+      w.eachUpdate(
         t.getTarget(),
-        p,
-        E,
-        l
+        g,
+        A,
+        u
       );
     });
   }
@@ -3746,22 +3853,22 @@ const g = class g {
         [s]: e
       }, r && (a[r] = i);
     else
-      return h.error(
+      return f.error(
         "[Haori]",
-        `Primitive value requires '${c.prefix}each-arg' attribute: ${e}`
+        `Primitive value requires '${l.prefix}each-arg' attribute: ${e}`
       ), Promise.resolve();
-    return t.setListKey(n), t.setBindingData(a), t.setAttribute(`${c.prefix}row`, n);
+    return t.setListKey(n), t.setBindingData(a), t.setAttribute(`${l.prefix}row`, n);
   }
 };
-g.PRIORITY_ATTRIBUTE_SUFFIXES = ["bind", "if", "each"], g.DEFERRED_ATTRIBUTE_SUFFIXES = ["fetch", "url-param"], g.EVALUATE_ALL_EXCLUDED_ATTRIBUTE_SUFFIXES = [
+p.ATTRIBUTE_ALIAS_SUFFIX = "attr-", p.PRIORITY_ATTRIBUTE_SUFFIXES = ["bind", "if", "each"], p.DEFERRED_ATTRIBUTE_SUFFIXES = ["fetch", "url-param"], p.EVALUATE_ALL_EXCLUDED_ATTRIBUTE_SUFFIXES = [
   "bind",
   "if",
   "each",
   "fetch",
   "import",
   "url-param"
-], g.ATTRIBUTE_PLACEHOLDER_REGEX = /\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/;
-let x = g;
+], p.ATTRIBUTE_PLACEHOLDER_REGEX = /\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/;
+let x = p;
 class ht {
   /**
    * コンストラクタ。
@@ -3770,7 +3877,7 @@ class ht {
    */
   constructor(t = document) {
     this.onClick = (e) => this.delegate(e, "click"), this.onChange = (e) => this.delegate(e, "change"), this.onLoadCapture = (e) => this.delegate(e, "load"), this.onWindowLoad = () => {
-      const e = document.documentElement, r = N.get(e);
+      const e = document.documentElement, r = T.get(e);
       r && new V(r, "load").run();
     }, this.root = t;
   }
@@ -3797,9 +3904,9 @@ class ht {
     const r = this.getElementFromTarget(t.target);
     if (!r)
       return;
-    const i = N.get(r);
-    i && (e === "change" && i instanceof D && i.syncValue(), new V(i, e).run().catch((s) => {
-      h.error("[Haori]", "Procedure execution error:", s);
+    const i = T.get(r);
+    i && (e === "change" && i instanceof R && i.syncValue(), new V(i, e).run().catch((s) => {
+      f.error("[Haori]", "Procedure execution error:", s);
     }));
   }
   /**
@@ -3812,44 +3919,44 @@ class ht {
     return t ? t instanceof HTMLElement ? t : t instanceof Node ? t.parentElement : null : null;
   }
 }
-const T = class T {
+const N = class N {
   static syncTree(t) {
-    (t instanceof Element || t instanceof DocumentFragment) && (t instanceof HTMLElement && T.syncElement(t), t.querySelectorAll("*").forEach((e) => {
-      T.syncElement(e);
+    (t instanceof Element || t instanceof DocumentFragment) && (t instanceof HTMLElement && N.syncElement(t), t.querySelectorAll("*").forEach((e) => {
+      N.syncElement(e);
     }));
   }
   static syncElement(t) {
-    const e = T.registrations.get(t), r = N.get(t);
-    if (!r || !T.shouldObserve(r)) {
-      e && (e.observer.disconnect(), T.registrations.delete(t));
+    const e = N.registrations.get(t), r = T.get(t);
+    if (!r || !N.shouldObserve(r)) {
+      e && (e.observer.disconnect(), N.registrations.delete(t));
       return;
     }
     if (typeof IntersectionObserver > "u")
       return;
-    const i = T.resolveRoot(r), s = T.resolveRootMargin(r), n = T.resolveThreshold(r), a = r.hasAttribute(`${c.prefix}intersect-once`);
-    if (e && e.observer.root === i && e.observer.rootMargin === s && T.sameThreshold(
+    const i = N.resolveRoot(r), s = N.resolveRootMargin(r), n = N.resolveThreshold(r), a = r.hasAttribute(`${l.prefix}intersect-once`);
+    if (e && e.observer.root === i && e.observer.rootMargin === s && N.sameThreshold(
       e.observer.thresholds,
       n
     ) && e.once === a) {
       e.fragment = r;
       return;
     }
-    e && (e.observer.disconnect(), T.registrations.delete(t));
+    e && (e.observer.disconnect(), N.registrations.delete(t));
     const o = new IntersectionObserver(
       (d) => {
-        const y = T.registrations.get(t);
-        y && d.forEach((b) => {
-          !b.isIntersecting || y.running || T.isDisabled(y.fragment) || (y.running = !0, new V(y.fragment, "intersect").runWithResult().then((A) => {
-            A && y.once && (y.observer.disconnect(), T.registrations.delete(t));
-          }).catch((A) => {
-            h.error(
+        const m = N.registrations.get(t);
+        m && d.forEach((y) => {
+          !y.isIntersecting || m.running || N.isDisabled(m.fragment) || (m.running = !0, new V(m.fragment, "intersect").runWithResult().then((E) => {
+            E && m.once && (m.observer.disconnect(), N.registrations.delete(t));
+          }).catch((E) => {
+            f.error(
               "[Haori]",
               "Intersect procedure execution error:",
-              A
+              E
             );
           }).finally(() => {
-            const A = T.registrations.get(t);
-            A && (A.running = !1);
+            const E = N.registrations.get(t);
+            E && (E.running = !1);
           }));
         });
       },
@@ -3859,7 +3966,7 @@ const T = class T {
         threshold: n
       }
     );
-    o.observe(t), T.registrations.set(t, {
+    o.observe(t), N.registrations.set(t, {
       fragment: r,
       observer: o,
       once: a,
@@ -3868,47 +3975,47 @@ const T = class T {
   }
   static cleanupTree(t) {
     if (t instanceof HTMLElement) {
-      const e = T.registrations.get(t);
-      e && (e.observer.disconnect(), T.registrations.delete(t));
+      const e = N.registrations.get(t);
+      e && (e.observer.disconnect(), N.registrations.delete(t));
     }
     (t instanceof Element || t instanceof DocumentFragment) && t.querySelectorAll("*").forEach((e) => {
-      const r = T.registrations.get(e);
-      r && (r.observer.disconnect(), T.registrations.delete(e));
+      const r = N.registrations.get(e);
+      r && (r.observer.disconnect(), N.registrations.delete(e));
     });
   }
   static disconnectAll() {
-    T.registrations.forEach((t) => {
+    N.registrations.forEach((t) => {
       t.observer.disconnect();
-    }), T.registrations.clear();
+    }), N.registrations.clear();
   }
   static shouldObserve(t) {
     return t.getAttributeNames().some((e) => {
-      if (!e.startsWith(`${c.prefix}intersect-`))
+      if (!e.startsWith(`${l.prefix}intersect-`))
         return !1;
-      const r = e.slice(`${c.prefix}intersect-`.length);
-      return !T.CONFIG_KEYS.has(r);
+      const r = e.slice(`${l.prefix}intersect-`.length);
+      return !N.CONFIG_KEYS.has(r);
     });
   }
   static resolveRoot(t) {
-    const e = `${c.prefix}intersect-root`;
+    const e = `${l.prefix}intersect-root`;
     if (!t.hasAttribute(e))
       return null;
     const r = t.getAttribute(e);
     if (typeof r != "string" || r.trim() === "")
       return null;
     const i = document.querySelector(r);
-    return i instanceof HTMLElement ? i : (h.error("[Haori]", `Intersect root element not found: ${r}`), null);
+    return i instanceof HTMLElement ? i : (f.error("[Haori]", `Intersect root element not found: ${r}`), null);
   }
   static resolveRootMargin(t) {
-    const e = `${c.prefix}intersect-root-margin`, r = t.getAttribute(e);
+    const e = `${l.prefix}intersect-root-margin`, r = t.getAttribute(e);
     return r === null || r === !1 || r === "" ? "0px" : String(r);
   }
   static resolveThreshold(t) {
-    const e = `${c.prefix}intersect-threshold`, r = t.getAttribute(e), i = typeof r == "number" ? r : Number.parseFloat(String(r ?? 0));
+    const e = `${l.prefix}intersect-threshold`, r = t.getAttribute(e), i = typeof r == "number" ? r : Number.parseFloat(String(r ?? 0));
     return Number.isNaN(i) ? 0 : Math.min(1, Math.max(0, i));
   }
   static isDisabled(t) {
-    const e = `${c.prefix}intersect-disabled`, r = t.getAttribute(e);
+    const e = `${l.prefix}intersect-disabled`, r = t.getAttribute(e);
     if (r === null || r === !1)
       return !1;
     if (typeof r == "boolean")
@@ -3920,28 +4027,28 @@ const T = class T {
     return t.length === 1 && t[0] === e;
   }
 };
-T.CONFIG_KEYS = /* @__PURE__ */ new Set([
+N.CONFIG_KEYS = /* @__PURE__ */ new Set([
   "root",
   "root-margin",
   "threshold",
   "disabled",
   "once"
-]), T.registrations = /* @__PURE__ */ new Map();
-let $ = T;
-const H = class H {
+]), N.registrations = /* @__PURE__ */ new Map();
+let L = N;
+const I = class I {
   /**
    * 初期化メソッド。
    * ドキュメントのheadとbodyを監視対象として設定します。
    */
   static async init() {
-    if (H._initialized)
+    if (I._initialized)
       return;
-    H._initialized = !0;
+    I._initialized = !0;
     const t = await Promise.allSettled([
       x.scan(document.head),
       x.scan(document.body)
     ]), [e, r] = t;
-    e.status !== "fulfilled" && h.error("[Haori]", "Failed to build head fragment:", e.reason), r.status !== "fulfilled" && h.error("[Haori]", "Failed to build body fragment:", r.reason), H.observe(document.head), H.observe(document.body), new ht().start(), $.syncTree(document.body);
+    e.status !== "fulfilled" && f.error("[Haori]", "Failed to build head fragment:", e.reason), r.status !== "fulfilled" && f.error("[Haori]", "Failed to build body fragment:", r.reason), I.observe(document.head), I.observe(document.body), new ht().start(), L.syncTree(document.body);
   }
   /**
    * 指定された要素を監視します。
@@ -3954,40 +4061,45 @@ const H = class H {
         try {
           switch (i.type) {
             case "attributes": {
-              h.info(
+              f.info(
                 "[Haori]",
                 "Attribute changed:",
                 i.target,
                 i.attributeName
               );
               const s = i.target;
+              if (i.attributeName && x.isAliasedAttributeReflection(
+                s,
+                i.attributeName
+              ))
+                break;
               x.setAttribute(
                 s,
                 i.attributeName,
                 s.getAttribute(i.attributeName)
-              ), $.syncElement(s);
+              ), L.syncElement(s);
               break;
             }
             case "childList": {
-              h.info(
+              f.info(
                 "[Haori]",
                 "Child list changed:",
                 Array.from(i.removedNodes).map((s) => s.nodeName),
                 Array.from(i.addedNodes).map((s) => s.nodeName)
               ), Array.from(i.removedNodes).forEach((s) => {
-                $.cleanupTree(s), x.removeNode(s);
+                L.cleanupTree(s), x.removeNode(s);
               }), Array.from(i.addedNodes).forEach((s) => {
-                s.parentElement instanceof HTMLElement && (x.addNode(s.parentElement, s), $.syncTree(s));
+                s.parentElement instanceof HTMLElement && (x.addNode(s.parentElement, s), L.syncTree(s));
               });
               break;
             }
             case "characterData": {
-              h.info(
+              f.info(
                 "[Haori]",
                 "Character data changed:",
                 i.target,
                 i.target.textContent
-              ), i.target instanceof Text || i.target instanceof Comment ? x.changeText(i.target, i.target.textContent) : h.warn(
+              ), i.target instanceof Text || i.target instanceof Comment ? x.changeText(i.target, i.target.textContent) : f.warn(
                 "[Haori]",
                 "Unsupported character data type:",
                 i.target
@@ -3995,33 +4107,33 @@ const H = class H {
               break;
             }
             default:
-              h.warn("[Haori]", "Unknown mutation type:", i.type);
+              f.warn("[Haori]", "Unknown mutation type:", i.type);
               continue;
           }
         } catch (s) {
-          h.error("[Haori]", "Error processing mutation:", s);
+          f.error("[Haori]", "Error processing mutation:", s);
         }
     }).observe(t, {
       childList: !0,
       subtree: !0,
       attributes: !0,
       characterData: !0
-    }), h.info("[Haori]", "Observer initialized for", t);
+    }), f.info("[Haori]", "Observer initialized for", t);
   }
 };
-H._initialized = !1;
-let q = H;
+I._initialized = !1;
+let q = I;
 document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", q.init) : q.init();
 const ft = "0.4.3";
 export {
   x as Core,
-  c as Env,
-  m as Form,
-  N as Fragment,
-  tt as Haori,
-  h as Log,
+  l as Env,
+  b as Form,
+  T as Fragment,
+  X as Haori,
+  f as Log,
   P as Queue,
-  tt as default,
+  X as default,
   ft as version
 };
 //# sourceMappingURL=haori.es.js.map