haori 0.2.0 → 0.4.0

package/dist/haori.es.js

@@ -1,23 +1,23 @@
-const D = class D {
+const O = class O {
   /**
    * 開発モードの状態を取得します。
    *
    * @returns 開発モードならtrue、そうでなければfalse
    */
   static isEnabled() {
-    return D.devMode;
+    return O.devMode;
   }
   /**
    * 開発モードを有効化します。
    */
   static enable() {
-    D.devMode = !0;
+    O.devMode = !0;
   }
   /**
    * 開発モードを無効化します。
    */
   static disable() {
-    D.devMode = !1;
+    O.devMode = !1;
   }
   /**
    * 開発モードを切り替えます。
@@ -25,12 +25,36 @@ const D = class D {
    * @param enabled trueで有効化、falseで無効化
    */
   static set(t) {
-    D.devMode = t;
+    O.devMode = t;
   }
 };
-D.devMode = !1;
-let C = D;
+O.devMode = !1;
+let I = O;
+const W = "embedded";
+function Z(S) {
+  return S === "embedded" || S === "demo";
+}
+function tt(S) {
+  return S === null ? null : Z(S) ? S : W;
+}
 const M = class M {
+  /**
+   * 実行モードを取得します。
+   *
+   * @returns 実行モード。
+   */
+  static get runtime() {
+    return M._runtime;
+  }
+  /**
+   * 実行モードを設定します。
+   *
+   * @param runtime 設定する実行モード。
+   * @return 戻り値はありません。
+   */
+  static setRuntime(t) {
+    M._runtime = Z(t) ? t : W;
+  }
   /**
    * 実行環境からプレフィックスと開発モードかどうかを自動検出します。
    * scriptタグにdata-prefixがある場合は、その値+"-"をプレフィックスとして使用します。
@@ -43,17 +67,21 @@ const M = class M {
       if (t instanceof HTMLScriptElement) {
         const r = t.getAttribute("data-prefix") || M._prefix;
         M._prefix = r.endsWith("-") ? r : r + "-";
+        const i = tt(
+          t.getAttribute("data-runtime")
+        );
+        i !== null && (M._runtime = i);
       }
       if (t instanceof HTMLScriptElement && t.hasAttribute(`${M._prefix}dev`)) {
-        C.set(!0);
+        I.set(!0);
         return;
       }
       const e = window.location.hostname;
       if (e === "localhost" || e.endsWith(".localhost") || e === "127.0.0.1" || e === "::1" || e.endsWith(".local")) {
-        C.set(!0);
+        I.set(!0);
         return;
       }
-      C.set(!1);
+      I.set(!1);
     } catch {
     }
   }
@@ -66,9 +94,9 @@ const M = class M {
     return M._prefix;
   }
 };
-M._prefix = "data-";
-let f = M;
-document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", f.detect) : f.detect();
+M._prefix = "data-", M._runtime = W;
+let l = M;
+document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", l.detect) : l.detect();
 class h {
   /**
    * 開発モードでのみコンソールに情報を出力します。
@@ -77,7 +105,7 @@ class h {
    * @param args 追加の引数
    */
   static info(t, ...e) {
-    C.isEnabled() && console.log && console.log(t, ...e);
+    I.isEnabled() && console.log && console.log(t, ...e);
   }
   /**
    * 開発モードでのみコンソールに警告を出力します。
@@ -86,7 +114,7 @@ class h {
    * @param args 追加の引数
    */
   static warn(t, ...e) {
-    C.isEnabled() && console.warn && console.warn(t, ...e);
+    I.isEnabled() && console.warn && console.warn(t, ...e);
   }
   /**
    * モードに関係なくコンソールにエラーを出力します。
@@ -98,7 +126,7 @@ class h {
     console.error(t, ...e);
   }
 }
-class z {
+class et {
   constructor() {
     this.MAX_BUDGET = 8, this.queue = [], this.processing = !1;
   }
@@ -110,17 +138,17 @@ class z {
    * @returns 処理完了Promise
    */
   enqueue(t, e = !1) {
-    let r, n;
-    const i = new Promise((a, o) => {
-      r = a, n = o;
-    }), s = {
+    let r, i;
+    const s = new Promise((a, o) => {
+      r = a, i = o;
+    }), n = {
       task: t,
       timestamp: performance.now(),
-      promise: i,
+      promise: s,
       resolve: r,
-      reject: n
+      reject: i
     };
-    return e ? this.queue.unshift(s) : this.queue.push(s), this.scheduleProcessing(), i;
+    return e ? this.queue.unshift(n) : this.queue.push(n), this.scheduleProcessing(), s;
   }
   /**
    * キューを処理します。
@@ -174,7 +202,7 @@ class z {
     t.length > 0 && await Promise.allSettled(t);
   }
 }
-const J = class J {
+const z = class z {
   /**
    * タスクをキューに追加します。
    *
@@ -192,9 +220,26 @@ const J = class J {
     return this.ASYNC_QUEUE.wait();
   }
 };
-J.ASYNC_QUEUE = new z();
-let N = J;
-class W {
+z.ASYNC_QUEUE = new et();
+let F = z;
+class _ {
+  /**
+   * 実行モードを取得します。
+   *
+   * @return 実行モード。
+   */
+  static get runtime() {
+    return l.runtime;
+  }
+  /**
+   * 実行モードを設定します。
+   *
+   * @param runtime 設定する実行モード。
+   * @return 戻り値はありません。
+   */
+  static setRuntime(t) {
+    l.setRuntime(t);
+  }
   /**
    * 通知ダイアログを表示します。
    *
@@ -202,7 +247,7 @@ class W {
    * @returns 通知が閉じられると解決されるPromise
    */
   static dialog(t) {
-    return N.enqueue(() => {
+    return F.enqueue(() => {
       window.alert(t);
     }, !0);
   }
@@ -230,7 +275,7 @@ class W {
    * @returns ユーザーがOKをクリックした場合はtrue、キャンセルした場合はfalseが解決されるPromise
    */
   static confirm(t) {
-    return N.enqueue(() => window.confirm(t), !0);
+    return F.enqueue(() => window.confirm(t), !0);
   }
   /**
    * ダイアログを開きます。
@@ -238,7 +283,7 @@ class W {
    * @param element 開くダイアログのHTML要素
    */
   static openDialog(t) {
-    return N.enqueue(() => {
+    return F.enqueue(() => {
       t instanceof HTMLDialogElement ? t.showModal() : h.error("[Haori]", "Element is not a dialog: ", t);
     }, !0);
   }
@@ -248,7 +293,7 @@ class W {
    * @param element 閉じるダイアログのHTML要素
    */
   static closeDialog(t) {
-    return N.enqueue(() => {
+    return F.enqueue(() => {
       t instanceof HTMLDialogElement ? t.close() : h.error("[Haori]", "Element is not a dialog: ", t);
     }, !0);
   }
@@ -259,7 +304,7 @@ class W {
    * @param message エラーメッセージ
    */
   static addErrorMessage(t, e) {
-    return N.enqueue(() => {
+    return F.enqueue(() => {
       if (t instanceof HTMLFormElement) {
         t.setAttribute("data-message", e);
         return;
@@ -277,21 +322,21 @@ class W {
    * @param parent メッセージをクリアする親要素
    */
   static clearMessages(t) {
-    return N.enqueue(() => {
+    return F.enqueue(() => {
       t.removeAttribute("data-message"), t.querySelectorAll("[data-message]").forEach((e) => {
         e.removeAttribute("data-message");
       });
     }, !0);
   }
 }
-const Q = ["addErrorMessage", "clearMessages"];
-function X() {
+const rt = ["addErrorMessage", "clearMessages"];
+function Q() {
   const t = globalThis.window?.Haori;
-  return Q.every(
+  return rt.every(
     (r) => typeof t?.[r] == "function"
-  ) ? t : W;
+  ) ? t : _;
 }
-class b {
+class A {
   /**
    * フォーム内にある入力エレメントの値をオブジェクトとして取得します。
    * data-form-object属性があると、そのエレメント内の値はオブジェクトとして処理されます。
@@ -302,7 +347,7 @@ class b {
    */
   static getValues(t) {
     const e = {};
-    return b.getPartValues(t, e);
+    return A.getPartValues(t, e);
   }
   /**
    * フォーム内の各入力エレメントから値を取得し、オブジェクトとして返します。
@@ -313,32 +358,32 @@ class b {
    * @returns values と同じオブジェクト
    */
   static getPartValues(t, e) {
-    const r = t.getAttribute("name"), n = t.getAttribute(`${f.prefix}form-object`), i = t.getAttribute(`${f.prefix}form-list`);
+    const r = t.getAttribute("name"), i = t.getAttribute(`${l.prefix}form-object`), s = t.getAttribute(`${l.prefix}form-list`);
     if (r) {
-      i ? Array.isArray(e[String(r)]) ? e[String(r)].push(t.getValue()) : e[String(r)] = [t.getValue()] : e[String(r)] = t.getValue(), n && 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 && h.warn(
         "Haori",
-        `Element cannot have both ${f.prefix}form-object and name attributes.`
+        `Element cannot have both ${l.prefix}form-object and name attributes.`
       );
-      for (const s of t.getChildElementFragments())
-        b.getPartValues(s, e);
-    } else if (n) {
-      const s = {};
+      for (const n of t.getChildElementFragments())
+        A.getPartValues(n, e);
+    } else if (i) {
+      const n = {};
       for (const a of t.getChildElementFragments())
-        b.getPartValues(a, s);
-      Object.keys(s).length > 0 && (e[String(n)] = s), i && h.warn(
+        A.getPartValues(a, n);
+      Object.keys(n).length > 0 && (e[String(i)] = n), s && h.warn(
         "Haori",
-        `Element cannot have both ${f.prefix}form-list and ${f.prefix}form-object attributes.`
+        `Element cannot have both ${l.prefix}form-list and ${l.prefix}form-object attributes.`
       );
-    } else if (i) {
-      const s = [];
+    } else if (s) {
+      const n = [];
       for (const a of t.getChildElementFragments()) {
         const o = {};
-        b.getPartValues(a, o), Object.keys(o).length > 0 && s.push(o);
+        A.getPartValues(a, o), Object.keys(o).length > 0 && n.push(o);
       }
-      s.length > 0 && (e[String(i)] = s);
+      n.length > 0 && (e[String(s)] = n);
     } else
-      for (const s of t.getChildElementFragments())
-        b.getPartValues(s, e);
+      for (const n of t.getChildElementFragments())
+        A.getPartValues(n, e);
     return e;
   }
   /**
@@ -351,7 +396,7 @@ class b {
    * @returns Promise（DOMの更新が完了したら解決される）
    */
   static setValues(t, e, r = !1) {
-    return b.setPartValues(t, e, null, r);
+    return A.setPartValues(t, e, null, r);
   }
   /**
    * フラグメント内にある各入力エレメントに値を設定します。
@@ -362,45 +407,45 @@ class b {
    * @param force data-form-detach属性があるエレメントにも値を反映するかどうか
    * @returns Promise（DOMの更新が完了したら解決される）
    */
-  static setPartValues(t, e, r = null, n = !1) {
-    const i = [], s = t.getAttribute("name"), a = t.getAttribute(`${f.prefix}form-object`), o = t.getAttribute(`${f.prefix}form-list`), p = t.getAttribute(`${f.prefix}form-detach`);
-    if (s) {
-      if (!p || n) {
-        const c = e[String(s)];
-        o && Array.isArray(c) && r !== null ? i.push(t.setValue(c[r])) : typeof c == "string" || typeof c == "number" || typeof c == "boolean" || c === null ? i.push(t.setValue(c)) : i.push(t.setValue(String(c)));
+  static setPartValues(t, e, r = null, i = !1) {
+    const s = [], n = t.getAttribute("name"), a = t.getAttribute(`${l.prefix}form-object`), o = t.getAttribute(`${l.prefix}form-list`), p = t.getAttribute(`${l.prefix}form-detach`);
+    if (n) {
+      if (!p || i) {
+        const f = e[String(n)];
+        o && Array.isArray(f) && r !== null ? s.push(t.setValue(f[r])) : typeof f == "string" || typeof f == "number" || typeof f == "boolean" || f === null ? s.push(t.setValue(f)) : s.push(t.setValue(String(f)));
       }
     } else if (a) {
-      const c = e[String(a)];
-      if (c && typeof c == "object")
-        for (const y of t.getChildElementFragments())
-          i.push(
-            b.setPartValues(
-              y,
-              c,
+      const f = e[String(a)];
+      if (f && typeof f == "object")
+        for (const T of t.getChildElementFragments())
+          s.push(
+            A.setPartValues(
+              T,
+              f,
               null,
-              n
+              i
             )
           );
     } else if (o) {
-      const c = e[String(o)];
-      if (Array.isArray(c)) {
-        const y = t.getChildElementFragments();
-        for (let l = 0; l < y.length; l++) {
-          const d = y[l];
-          c.length > l ? i.push(
-            b.setPartValues(
+      const f = e[String(o)];
+      if (Array.isArray(f)) {
+        const T = t.getChildElementFragments();
+        for (let E = 0; E < T.length; E++) {
+          const d = T[E];
+          f.length > E ? s.push(
+            A.setPartValues(
               d,
-              c[l],
-              l,
-              n
+              f[E],
+              E,
+              i
             )
-          ) : i.push(b.setPartValues(d, {}, l, n));
+          ) : s.push(A.setPartValues(d, {}, E, i));
         }
       }
     } else
-      for (const c of t.getChildElementFragments())
-        i.push(b.setPartValues(c, e, null, n));
-    return Promise.all(i).then(() => {
+      for (const f of t.getChildElementFragments())
+        s.push(A.setPartValues(f, e, null, i));
+    return Promise.all(s).then(() => {
     });
   }
   /**
@@ -411,21 +456,21 @@ class b {
    * @returns すべての初期化処理が完了するPromise
    */
   static async reset(t) {
-    b.clearValues(t), await Promise.all([
-      b.clearMessages(t),
-      b.clearEachClones(t)
-    ]), await N.enqueue(() => {
+    A.clearValues(t), await Promise.all([
+      A.clearMessages(t),
+      A.clearEachClones(t)
+    ]), await F.enqueue(() => {
       const e = t.getTarget();
       if (e instanceof HTMLFormElement)
         e.reset();
       else {
         const r = e.parentElement;
         if (r) {
-          const n = e.nextElementSibling, i = document.createElement("form");
-          i.appendChild(e), i.reset(), r.insertBefore(e, n);
+          const i = e.nextElementSibling, s = document.createElement("form");
+          s.appendChild(e), s.reset(), r.insertBefore(e, i);
         }
       }
-    }), await T.evaluateAll(t);
+    }), await R.evaluateAll(t);
   }
   /**
    * data-each によって生成された複製（テンプレート以外）を削除します。
@@ -434,20 +479,20 @@ class b {
    * 対象エレメント自体は削除しません。
    */
   static clearEachClones(t) {
-    const e = [], r = (i) => {
-      if (i.hasAttribute(`${f.prefix}each`))
-        for (const s of i.getChildElementFragments()) {
-          const a = s.hasAttribute(`${f.prefix}each-before`), o = s.hasAttribute(`${f.prefix}each-after`);
-          !a && !o && e.push(s.remove());
+    const e = [], r = (s) => {
+      if (s.hasAttribute(`${l.prefix}each`))
+        for (const n of s.getChildElementFragments()) {
+          const a = n.hasAttribute(`${l.prefix}each-before`), o = n.hasAttribute(`${l.prefix}each-after`);
+          !a && !o && e.push(n.remove());
         }
-    }, n = (i) => {
-      r(i);
-      for (const s of i.getChildElementFragments())
-        n(s);
+    }, i = (s) => {
+      r(s);
+      for (const n of s.getChildElementFragments())
+        i(n);
     };
     r(t);
-    for (const i of t.getChildElementFragments())
-      n(i);
+    for (const s of t.getChildElementFragments())
+      i(s);
     return Promise.all(e).then(() => {
     });
   }
@@ -459,7 +504,7 @@ class b {
   static clearValues(t) {
     t.clearValue();
     for (const e of t.getChildElementFragments())
-      b.clearValues(e);
+      A.clearValues(e);
   }
   /**
    * フラグメントとその子要素のメッセージをクリアします。
@@ -468,7 +513,7 @@ class b {
    * @returns Promise（メッセージのクリアが完了したら解決される）
    */
   static clearMessages(t) {
-    return X().clearMessages(
+    return Q().clearMessages(
       t.getTarget()
     );
   }
@@ -482,14 +527,14 @@ class b {
    * @return Promise（メッセージの追加が完了したら解決される）
    */
   static addErrorMessage(t, e, r) {
-    const n = [], i = X(), s = b.findFragmentsByKey(t, e);
-    return s.forEach((a) => {
-      n.push(
-        i.addErrorMessage(a.getTarget(), r)
+    const i = [], s = Q(), n = A.findFragmentsByKey(t, e);
+    return n.forEach((a) => {
+      i.push(
+        s.addErrorMessage(a.getTarget(), r)
       );
-    }), s.length === 0 && n.push(
-      i.addErrorMessage(t.getTarget(), r)
-    ), Promise.all(n).then(() => {
+    }), n.length === 0 && i.push(
+      s.addErrorMessage(t.getTarget(), r)
+    ), Promise.all(i).then(() => {
     });
   }
   /**
@@ -500,7 +545,7 @@ class b {
    * @returns 一致するフラグメントの配列
    */
   static findFragmentsByKey(t, e) {
-    return b.findFragmentByKeyParts(t, e.split("."));
+    return A.findFragmentByKeyParts(t, e.split("."));
   }
   /**
    * 指定されたキーに一致するフラグメントを検索します。
@@ -511,32 +556,32 @@ class b {
    * @returns 一致するフラグメントの配列
    */
   static findFragmentByKeyParts(t, e) {
-    const r = [], n = e[0];
-    if (e.length == 1 && t.getAttribute("name") === n && r.push(t), t.hasAttribute(`${f.prefix}form-object`))
-      e.length > 1 && t.getAttribute(`${f.prefix}form-object`) === n && t.getChildElementFragments().forEach((s) => {
-        r.push(...b.findFragmentByKeyParts(s, e.slice(1)));
+    const r = [], i = e[0];
+    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(...A.findFragmentByKeyParts(n, e.slice(1)));
       });
-    else if (t.hasAttribute(`${f.prefix}form-list`)) {
+    else if (t.hasAttribute(`${l.prefix}form-list`)) {
       if (e.length > 1) {
-        const i = t.getAttribute(`${f.prefix}form-list`), s = n.lastIndexOf("["), a = n.lastIndexOf("]");
-        if (s !== -1 && a !== -1 && s < a) {
-          const o = n.substring(0, s);
-          if (i === o) {
-            const p = n.substring(s + 1, a), c = Number(p);
-            if (isNaN(c))
-              h.error("Haori", `Invalid index: ${n}`);
+        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 p = i.substring(n + 1, a), f = Number(p);
+            if (isNaN(f))
+              h.error("Haori", `Invalid index: ${i}`);
             else {
-              const y = t.getChildElementFragments().filter((l) => l.hasAttribute(`${f.prefix}row`));
-              c < y.length && r.push(
-                ...b.findFragmentByKeyParts(y[c], e.slice(1))
+              const T = t.getChildElementFragments().filter((E) => E.hasAttribute(`${l.prefix}row`));
+              f < T.length && r.push(
+                ...A.findFragmentByKeyParts(T[f], e.slice(1))
               );
             }
           }
         }
       }
     } else
-      t.getChildElementFragments().forEach((i) => {
-        r.push(...b.findFragmentByKeyParts(i, e));
+      t.getChildElementFragments().forEach((s) => {
+        r.push(...A.findFragmentByKeyParts(s, e));
       });
     return r;
   }
@@ -553,7 +598,7 @@ class b {
     return r ? this.getFormFragment(r) : null;
   }
 }
-const S = class S {
+const P = class P {
   /**
    * 明示バインド内に持ち込まれてはならない危険値を返します。
    *
@@ -609,15 +654,15 @@ const S = class S {
         e,
         "Binded values contain forbidden values"
       ), null;
-    const r = Object.keys(e).filter((s) => !this.FORBIDDEN_BINDING_NAMES.has(s)).sort(), n = `${t}:${r.join(",")}`;
-    let i = this.EXPRESSION_CACHE.get(n);
-    if (!i) {
-      const s = this.buildAssignments(r), a = s ? `"use strict";
-${s};
+    const r = Object.keys(e).filter((n) => !this.FORBIDDEN_BINDING_NAMES.has(n)).sort(), i = `${t}:${r.join(",")}`;
+    let s = this.EXPRESSION_CACHE.get(i);
+    if (!s) {
+      const n = this.buildAssignments(r), a = n ? `"use strict";
+${n};
 return (${t});` : `"use strict";
 return (${t});`;
       try {
-        i = new Function(...r, a), this.EXPRESSION_CACHE.set(n, i);
+        s = new Function(...r, a), this.EXPRESSION_CACHE.set(i, s);
       } catch (o) {
         return h.error(
           "[Haori]",
@@ -628,12 +673,12 @@ return (${t});`;
       }
     }
     try {
-      const s = [], a = this.wrapBoundValues(e);
+      const n = [], a = this.wrapBoundValues(e);
       return r.forEach((o) => {
-        s.push(a[o]);
-      }), this.withBlockedPropertyAccess(() => i(...s));
-    } catch (s) {
-      return h.error("[Haori]", "Expression evaluation error:", t, s), s instanceof ReferenceError ? void 0 : null;
+        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;
     }
   }
   /**
@@ -663,14 +708,14 @@ return (${t});`;
     if (e === null || e.length === 0)
       return !1;
     const r = [];
-    let n = null;
-    for (let i = 0; i < e.length; i++) {
-      const s = e[i], a = e[i + 1] || null, o = r[r.length - 1] || null;
-      if (s.type === "identifier" && (this.DISALLOWED_KEYWORDS.has(s.value) || this.STRICT_FORBIDDEN_NAMES.includes(s.value) || (n?.value === "." || n?.value === "?.") && this.FORBIDDEN_PROPERTY_NAMES.has(s.value)) || o === "member" && s.value !== "]" && s.type === "string" && this.FORBIDDEN_PROPERTY_NAMES.has(
-        this.decodeStringLiteral(s.value)
-      ) || s.value === "." && a?.type !== "identifier" || s.value === "?." && a?.type !== "identifier" && a?.value !== "[" && a?.value !== "(")
+    let i = null;
+    for (let s = 0; s < e.length; s++) {
+      const n = e[s], a = e[s + 1] || null, o = r[r.length - 1] || null;
+      if (n.type === "identifier" && (this.DISALLOWED_KEYWORDS.has(n.value) || this.STRICT_FORBIDDEN_NAMES.includes(n.value) || (i?.value === "." || i?.value === "?.") && this.FORBIDDEN_PROPERTY_NAMES.has(n.value)) || o === "member" && n.value !== "]" && n.type === "string" && this.FORBIDDEN_PROPERTY_NAMES.has(
+        this.decodeStringLiteral(n.value)
+      ) || n.value === "." && a?.type !== "identifier" || n.value === "?." && a?.type !== "identifier" && a?.value !== "[" && a?.value !== "(")
         return !1;
-      switch (s.value) {
+      switch (n.value) {
         case "(":
           r.push("paren");
           break;
@@ -680,7 +725,7 @@ return (${t});`;
           break;
         }
         case "[": {
-          const p = this.startsMemberAccess(n) ? "member" : "array";
+          const p = this.startsMemberAccess(i) ? "member" : "array";
           r.push(p);
           break;
         }
@@ -690,7 +735,7 @@ return (${t});`;
           break;
         }
       }
-      n = s;
+      i = n;
     }
     return r.length === 0;
   }
@@ -713,7 +758,7 @@ return (${t});`;
       "==",
       "!=",
       "=>"
-    ], n = /* @__PURE__ */ new Set([
+    ], i = /* @__PURE__ */ new Set([
       "(",
       ")",
       "[",
@@ -731,41 +776,41 @@ return (${t});`;
       ">",
       "<"
     ]);
-    let i = 0;
-    for (; i < t.length; ) {
-      const s = t[i];
-      if (/\s/.test(s)) {
-        i += 1;
+    let s = 0;
+    for (; s < t.length; ) {
+      const n = t[s];
+      if (/\s/.test(n)) {
+        s += 1;
         continue;
       }
-      if (s === "/" && (t[i + 1] === "/" || t[i + 1] === "*"))
+      if (n === "/" && (t[s + 1] === "/" || t[s + 1] === "*"))
         return null;
-      if (s === '"' || s === "'") {
-        const o = this.readStringToken(t, i);
+      if (n === '"' || n === "'") {
+        const o = this.readStringToken(t, s);
         if (o === null)
           return null;
-        e.push(o.token), i = o.nextIndex;
+        e.push(o.token), s = o.nextIndex;
         continue;
       }
       const a = r.find(
-        (o) => t.startsWith(o, i)
+        (o) => t.startsWith(o, s)
       );
       if (a) {
-        e.push({ type: "operator", value: a, position: i }), i += a.length;
+        e.push({ type: "operator", value: a, position: s }), s += a.length;
         continue;
       }
-      if (/[0-9]/.test(s)) {
-        const o = this.readNumberToken(t, i);
-        e.push(o.token), i = o.nextIndex;
+      if (/[0-9]/.test(n)) {
+        const o = this.readNumberToken(t, s);
+        e.push(o.token), s = o.nextIndex;
         continue;
       }
-      if (/[A-Za-z_$]/.test(s)) {
-        const o = this.readIdentifierToken(t, i);
-        e.push(o.token), i = o.nextIndex;
+      if (/[A-Za-z_$]/.test(n)) {
+        const o = this.readIdentifierToken(t, s);
+        e.push(o.token), s = o.nextIndex;
         continue;
       }
-      if (n.has(s)) {
-        e.push({ type: "operator", value: s, position: i }), i += 1;
+      if (i.has(n)) {
+        e.push({ type: "operator", value: n, position: s }), s += 1;
         continue;
       }
       return null;
@@ -781,23 +826,23 @@ return (${t});`;
    */
   static readStringToken(t, e) {
     const r = t[e];
-    let n = e + 1;
-    for (; n < t.length; ) {
-      const i = t[n];
-      if (i === "\\") {
-        n += 2;
+    let i = e + 1;
+    for (; i < t.length; ) {
+      const s = t[i];
+      if (s === "\\") {
+        i += 2;
         continue;
       }
-      if (i === r)
+      if (s === r)
         return {
           token: {
             type: "string",
-            value: t.slice(e, n + 1),
+            value: t.slice(e, i + 1),
             position: e
           },
-          nextIndex: n + 1
+          nextIndex: i + 1
         };
-      n += 1;
+      i += 1;
     }
     return null;
   }
@@ -896,8 +941,8 @@ return (${t});`;
    */
   static wrapBoundValues(t) {
     const e = /* @__PURE__ */ new WeakMap(), r = {};
-    return Object.entries(t).forEach(([n, i]) => {
-      r[n] = this.wrapBoundValue(i, e);
+    return Object.entries(t).forEach(([i, s]) => {
+      r[i] = this.wrapBoundValue(s, e);
     }), r;
   }
   /**
@@ -910,42 +955,42 @@ return (${t});`;
   static wrapBoundValue(t, e) {
     if (!this.shouldWrapValue(t))
       return t;
-    const r = t, n = e.get(r);
-    if (n !== void 0)
-      return n;
-    const i = new Proxy(r, {
-      get: (s, a, o) => {
+    const r = t, i = e.get(r);
+    if (i !== void 0)
+      return i;
+    const s = new Proxy(r, {
+      get: (n, a, o) => {
         if (typeof a == "string" && this.FORBIDDEN_PROPERTY_NAMES.has(a))
           return;
-        const p = Reflect.get(s, a, o);
+        const p = Reflect.get(n, a, o);
         return typeof a == "symbol" ? p : this.wrapBoundValue(
           p,
           e
         );
       },
-      has: (s, a) => typeof a == "string" && this.FORBIDDEN_PROPERTY_NAMES.has(a) ? !1 : Reflect.has(s, a),
-      getOwnPropertyDescriptor: (s, a) => {
+      has: (n, a) => typeof a == "string" && this.FORBIDDEN_PROPERTY_NAMES.has(a) ? !1 : Reflect.has(n, a),
+      getOwnPropertyDescriptor: (n, a) => {
         if (!(typeof a == "string" && this.FORBIDDEN_PROPERTY_NAMES.has(a)))
-          return Reflect.getOwnPropertyDescriptor(s, a);
+          return Reflect.getOwnPropertyDescriptor(n, a);
       },
-      apply: (s, a, o) => {
+      apply: (n, a, o) => {
         const p = Reflect.apply(
-          s,
+          n,
           a,
           o
         );
         return this.isIteratorLike(p) ? p : this.wrapBoundValue(p, e);
       },
-      construct: (s, a, o) => this.wrapBoundValue(
+      construct: (n, a, o) => this.wrapBoundValue(
         Reflect.construct(
-          s,
+          n,
           a,
           o
         ),
         e
       )
     });
-    return e.set(r, i), i;
+    return e.set(r, s), s;
   }
   /**
    * Proxy ラップ対象の値かどうかを判定します。
@@ -974,12 +1019,12 @@ return (${t});`;
       { target: Object.prototype, property: "constructor" },
       { target: Function.prototype, property: "constructor" },
       { target: Object.prototype, property: "__proto__" }
-    ].map((n) => ({
-      ...n,
-      descriptor: Object.getOwnPropertyDescriptor(n.target, n.property)
-    })).filter((n) => n.descriptor?.configurable === !0);
-    r.forEach(({ target: n, property: i }) => {
-      Object.defineProperty(n, i, {
+    ].map((i) => ({
+      ...i,
+      descriptor: Object.getOwnPropertyDescriptor(i.target, i.property)
+    })).filter((i) => i.descriptor?.configurable === !0);
+    r.forEach(({ target: i, property: s }) => {
+      Object.defineProperty(i, s, {
         configurable: !0,
         enumerable: !1,
         get: () => {
@@ -991,8 +1036,8 @@ return (${t});`;
     try {
       return t();
     } finally {
-      r.forEach(({ target: n, property: i, descriptor: s }) => {
-        s !== void 0 && Object.defineProperty(n, i, s);
+      r.forEach(({ target: i, property: s, descriptor: n }) => {
+        n !== void 0 && Object.defineProperty(i, s, n);
       });
     }
   }
@@ -1035,7 +1080,7 @@ return (${t});`;
     for (const r of Object.values(t)) {
       if (typeof r == "function") {
         if (this.getForbiddenBindingValues().some(
-          (n) => n === r
+          (i) => i === r
         ))
           return !0;
         continue;
@@ -1046,7 +1091,7 @@ return (${t});`;
     return !1;
   }
 };
-S.FORBIDDEN_NAMES = [
+P.FORBIDDEN_NAMES = [
   // グローバルオブジェクト
   "window",
   "self",
@@ -1078,19 +1123,19 @@ S.FORBIDDEN_NAMES = [
   "sessionStorage",
   "IndexedDB",
   "history"
-], S.STRICT_FORBIDDEN_NAMES = ["eval", "arguments"], S.REBINDABLE_FORBIDDEN_NAMES = /* @__PURE__ */ new Set(["location"]), S.FORBIDDEN_BINDING_NAMES = /* @__PURE__ */ new Set([
-  ...S.FORBIDDEN_NAMES.filter(
-    (t) => !S.REBINDABLE_FORBIDDEN_NAMES.has(t)
+], P.STRICT_FORBIDDEN_NAMES = ["eval", "arguments"], P.REBINDABLE_FORBIDDEN_NAMES = /* @__PURE__ */ new Set(["location"]), P.FORBIDDEN_BINDING_NAMES = /* @__PURE__ */ new Set([
+  ...P.FORBIDDEN_NAMES.filter(
+    (t) => !P.REBINDABLE_FORBIDDEN_NAMES.has(t)
   ),
   "constructor",
   "__proto__",
   "prototype",
-  ...S.STRICT_FORBIDDEN_NAMES
-]), S.FORBIDDEN_PROPERTY_NAMES = /* @__PURE__ */ new Set([
+  ...P.STRICT_FORBIDDEN_NAMES
+]), P.FORBIDDEN_PROPERTY_NAMES = /* @__PURE__ */ new Set([
   "constructor",
   "__proto__",
   "prototype"
-]), S.DISALLOWED_KEYWORDS = /* @__PURE__ */ new Set([
+]), P.DISALLOWED_KEYWORDS = /* @__PURE__ */ new Set([
   "await",
   "break",
   "case",
@@ -1124,32 +1169,32 @@ S.FORBIDDEN_NAMES = [
   "while",
   "with",
   "yield"
-]), S.EXPRESSION_CACHE = /* @__PURE__ */ new Map();
-let $ = S;
-const k = class k {
+]), P.EXPRESSION_CACHE = /* @__PURE__ */ new Map();
+let j = P;
+const C = class C {
   /**
    * フラグメントのコンストラクタ。
    *
    * @param target 対象ノード
    */
   constructor(t) {
-    this.parent = null, this.mounted = !1, this.skipMutationNodes = !1, this.target = t, k.FRAGMENT_CACHE.set(t, this);
+    this.parent = null, this.mounted = !1, this.skipMutationNodes = !1, this.target = t, C.FRAGMENT_CACHE.set(t, this);
   }
   static get(t) {
     if (t == null)
       return null;
-    if (k.FRAGMENT_CACHE.has(t))
-      return k.FRAGMENT_CACHE.get(t);
+    if (C.FRAGMENT_CACHE.has(t))
+      return C.FRAGMENT_CACHE.get(t);
     let e;
     switch (t.nodeType) {
       case Node.ELEMENT_NODE:
-        e = new P(t);
+        e = new D(t);
         break;
       case Node.TEXT_NODE:
-        e = new I(t);
+        e = new L(t);
         break;
       case Node.COMMENT_NODE:
-        e = new G(t);
+        e = new Y(t);
         break;
       default:
         return h.warn("[Haori]", "Unsupported node type:", t.nodeType), null;
@@ -1174,7 +1219,7 @@ const k = class k {
       return Promise.resolve();
     if (this.parent) {
       const t = this.parent, e = t.skipMutationNodes;
-      return N.enqueue(() => {
+      return F.enqueue(() => {
         t.skipMutationNodes = !0, this.target.parentNode === t.getTarget() && t.getTarget().removeChild(this.target), this.mounted = !1;
       }).finally(() => {
         t.skipMutationNodes = e;
@@ -1182,7 +1227,7 @@ const k = class k {
     } else {
       const t = this.target.parentNode;
       if (t)
-        return N.enqueue(() => {
+        return F.enqueue(() => {
           this.target.parentNode === t && t.removeChild(this.target), this.mounted = !1;
         });
       this.mounted = !1;
@@ -1199,7 +1244,7 @@ const k = class k {
       return Promise.resolve();
     if (this.parent) {
       const t = this.parent, e = t.skipMutationNodes;
-      return N.enqueue(() => {
+      return F.enqueue(() => {
         t.skipMutationNodes = !0, this.target.parentNode !== t.getTarget() && t.getTarget().appendChild(this.target), this.mounted = !0;
       }).finally(() => {
         t.skipMutationNodes = e;
@@ -1230,7 +1275,7 @@ const k = class k {
    * @return 除去のPromise
    */
   remove(t = !0) {
-    return this.parent && this.parent.removeChild(this), k.FRAGMENT_CACHE.delete(this.target), t ? this.unmount() : Promise.resolve();
+    return this.parent && this.parent.removeChild(this), C.FRAGMENT_CACHE.delete(this.target), t ? this.unmount() : Promise.resolve();
   }
   /**
    * 対象ノードを取得します。
@@ -1257,9 +1302,9 @@ const k = class k {
     this.parent = t;
   }
 };
-k.FRAGMENT_CACHE = /* @__PURE__ */ new WeakMap();
-let A = k;
-class P extends A {
+C.FRAGMENT_CACHE = /* @__PURE__ */ new WeakMap();
+let N = C;
+class D extends N {
   /**
    * エレメントフラグメントのコンストラクタ。
    * アトリビュートや子フラグメントの作成も行います。
@@ -1285,11 +1330,11 @@ class P extends A {
     ], this.children = [], this.attributeMap = /* @__PURE__ */ new Map(), this.bindingData = null, this.bindingDataCache = null, this.visible = !0, this.display = null, this.template = null, this.listKey = null, this.value = null, this.skipMutationAttributes = !1, this.skipChangeValue = !1, this.syncValue(), t.getAttributeNames().forEach((e) => {
       const r = t.getAttribute(e);
       if (r !== null && !this.attributeMap.has(e)) {
-        const n = new j(e, r);
-        this.attributeMap.set(e, n);
+        const i = new q(e, r);
+        this.attributeMap.set(e, i);
       }
     }), t.childNodes.forEach((e) => {
-      const r = A.get(e);
+      const r = N.get(e);
       r.setParent(this), this.children.push(r);
     });
   }
@@ -1308,7 +1353,7 @@ class P extends A {
    */
   getChildElementFragments() {
     return this.children.filter(
-      (t) => t instanceof P
+      (t) => t instanceof D
     );
   }
   /**
@@ -1340,7 +1385,7 @@ class P extends A {
    * @returns クローンされたフラグメント
    */
   clone() {
-    const t = new P(
+    const t = new D(
       this.target.cloneNode(!1)
     );
     return this.attributeMap.forEach((e, r) => {
@@ -1408,7 +1453,7 @@ class P extends A {
    */
   clearBindingDataCache() {
     this.bindingDataCache = null, this.children.forEach((t) => {
-      t instanceof P && t.clearBindingDataCache();
+      t instanceof D && t.clearBindingDataCache();
     });
   }
   /**
@@ -1456,13 +1501,13 @@ class P extends A {
     const e = this.getTarget();
     if (e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio")) {
       const r = this.getAttribute("value");
-      let n;
-      return r === "true" ? n = t === !0 : r === "false" ? n = t === !1 : n = r === String(t), this.value = n ? t : null, e.checked === n ? Promise.resolve() : (this.skipChangeValue = !0, N.enqueue(() => {
-        e.checked = n, e.dispatchEvent(new Event("change", { bubbles: !0 }));
+      let i;
+      return r === "true" ? i = t === !0 : r === "false" ? i = t === !1 : i = r === String(t), this.value = i ? t : null, e.checked === i ? Promise.resolve() : (this.skipChangeValue = !0, F.enqueue(() => {
+        e.checked = i, e.dispatchEvent(new Event("change", { bubbles: !0 }));
       }).finally(() => {
         this.skipChangeValue = !1;
       }));
-    } else return e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement ? (this.value = t, this.skipChangeValue = !0, N.enqueue(() => {
+    } else return e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement ? (this.value = t, this.skipChangeValue = !0, F.enqueue(() => {
       e.value = t === null ? "" : String(t), (e instanceof HTMLInputElement && this.INPUT_EVENT_TYPES.includes(e.type) || e instanceof HTMLTextAreaElement) && e.dispatchEvent(new Event("input", { bubbles: !0 })), e.dispatchEvent(new Event("change", { bubbles: !0 }));
     }).finally(() => {
       this.skipChangeValue = !1;
@@ -1520,15 +1565,15 @@ class P extends A {
       return Promise.resolve();
     if (e === null)
       return this.removeAttribute(t);
-    const r = new j(t, e);
+    const r = new q(t, e);
     this.attributeMap.set(t, r), this.skipMutationAttributes = !0;
-    const n = this.getTarget(), i = r.isForceEvaluation() ? e : this.getAttribute(t);
-    return N.enqueue(() => {
-      if (i === null || i === !1)
-        n.removeAttribute(t);
+    const i = this.getTarget(), s = r.isForceEvaluation() ? e : this.getAttribute(t);
+    return F.enqueue(() => {
+      if (s === null || s === !1)
+        i.removeAttribute(t);
       else {
-        const s = String(i);
-        n.getAttribute(t) !== s && n.setAttribute(t, s);
+        const n = String(s);
+        i.getAttribute(t) !== n && i.setAttribute(t, n);
       }
     }).finally(() => {
       this.skipMutationAttributes = !1;
@@ -1545,7 +1590,7 @@ class P extends A {
       return Promise.resolve();
     this.attributeMap.delete(t), this.skipMutationAttributes = !0;
     const e = this.getTarget();
-    return N.enqueue(() => {
+    return F.enqueue(() => {
       e.removeAttribute(t);
     }).finally(() => {
       this.skipMutationAttributes = !1;
@@ -1563,7 +1608,7 @@ class P extends A {
     if (e === void 0)
       return null;
     const r = e.evaluate(this.getBindingData());
-    return r.length === 1 ? r[0] : H.joinEvaluateResults(r);
+    return r.length === 1 ? r[0] : $.joinEvaluateResults(r);
   }
   /**
    * 属性の生の値を取得します。
@@ -1603,18 +1648,18 @@ class P extends A {
     const r = t.getTarget();
     if (r.parentNode !== this.target)
       return null;
-    const n = e ? r.nextSibling : r;
-    let i = e ? r.nextSibling : r;
-    for (; i !== null; ) {
-      const s = A.get(i);
-      if (s !== null) {
-        const a = this.children.indexOf(s);
+    const i = e ? r.nextSibling : r;
+    let s = e ? r.nextSibling : r;
+    for (; s !== null; ) {
+      const n = N.get(s);
+      if (n !== null) {
+        const a = this.children.indexOf(n);
         if (a !== -1)
-          return { index: a, referenceNode: n };
+          return { index: a, referenceNode: i };
       }
-      i = i.nextSibling;
+      s = s.nextSibling;
     }
-    return { index: this.children.length, referenceNode: n };
+    return { index: this.children.length, referenceNode: i };
   }
   /**
    * 子ノードを参照ノードの前に挿入します。
@@ -1629,23 +1674,23 @@ class P extends A {
       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"));
-    const n = /* @__PURE__ */ new Set();
-    let i = this.parent;
-    for (; i; )
-      n.add(i), i = i.getParent();
-    if (n.has(t))
+    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"));
-    const s = t.getParent() === this;
+    const n = t.getParent() === this;
     let a = -1, o = -1;
-    s && (a = this.children.indexOf(t), e !== null && (o = this.children.indexOf(e)));
+    n && (a = this.children.indexOf(t), e !== null && (o = this.children.indexOf(e)));
     const p = t.getParent();
     p !== null && p.removeChild(t);
-    let c = r === void 0 ? e?.getTarget() || null : r;
+    let f = r === void 0 ? e?.getTarget() || null : r;
     if (e === null)
       this.children.push(t);
     else {
-      let l;
-      if (s ? a !== -1 && a < o ? l = o - 1 : l = o : l = this.children.indexOf(e), l === -1) {
+      let E;
+      if (n ? a !== -1 && a < o ? E = o - 1 : E = o : E = this.children.indexOf(e), E === -1) {
         const d = this.resolveInsertionPointFromDom(
           e,
           !1
@@ -1654,16 +1699,16 @@ class P extends A {
           "[Haori]",
           "Reference child not found in children.",
           e
-        ), this.children.push(t)) : (this.children.splice(d.index, 0, t), c = d.referenceNode);
+        ), this.children.push(t)) : (this.children.splice(d.index, 0, t), f = d.referenceNode);
       } else
-        this.children.splice(l, 0, t);
+        this.children.splice(E, 0, t);
     }
     t.setParent(this), t.setMounted(this.mounted);
-    const y = this.skipMutationNodes;
-    return this.skipMutationNodes = !0, N.enqueue(() => {
-      this.target.insertBefore(t.getTarget(), c);
+    const T = this.skipMutationNodes;
+    return this.skipMutationNodes = !0, F.enqueue(() => {
+      this.target.insertBefore(t.getTarget(), f);
     }).finally(() => {
-      this.skipMutationNodes = y;
+      this.skipMutationNodes = T;
     });
   }
   /**
@@ -1678,18 +1723,18 @@ class P extends A {
       return this.insertBefore(t, null);
     const r = this.children.indexOf(e);
     if (r === -1) {
-      const n = this.resolveInsertionPointFromDom(
+      const i = this.resolveInsertionPointFromDom(
         e,
         !0
       );
-      return n === null ? (h.warn(
+      return i === null ? (h.warn(
         "[Haori]",
         "Reference child not found in children.",
         e
       ), this.insertBefore(t, null)) : this.insertBefore(
         t,
-        this.children[n.index] || null,
-        n.referenceNode
+        this.children[i.index] || null,
+        i.referenceNode
       );
     }
     return this.insertBefore(t, this.children[r + 1] || null);
@@ -1734,7 +1779,7 @@ class P extends A {
    * @returns エレメントの非表示のPromise
    */
   hide() {
-    return this.visible = !1, this.display = this.getTarget().style.display, this.getTarget().style.display = "none", this.getTarget().setAttribute(`${f.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();
   }
   /**
    * エレメントを表示します。
@@ -1742,7 +1787,7 @@ class P extends A {
    * @return エレメントの表示のPromise
    */
   show() {
-    return this.getTarget().style.display = this.display ?? "", this.getTarget().removeAttribute(`${f.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();
   }
   /**
    * 指定した属性名を持つ最も近い親要素を返します。
@@ -1758,7 +1803,7 @@ class P extends A {
     return e === null ? null : e.closestByAttribute(t);
   }
 }
-class I extends A {
+class L extends N {
   /**
    * テキストフラグメントのコンストラクタ。
    * 対象テキストノードの内容を初期化します。
@@ -1766,7 +1811,7 @@ class I extends A {
    * @param target 対象テキストノード
    */
   constructor(t) {
-    super(t), this.skipMutation = !1, this.text = t.textContent || "", this.contents = new H(this.text);
+    super(t), this.skipMutation = !1, this.text = t.textContent || "", this.contents = new $(this.text);
   }
   /**
    * フラグメントをクローンします。
@@ -1774,7 +1819,7 @@ class I extends A {
    * @returns クローンされたフラグメント
    */
   clone() {
-    const t = new I(this.target.cloneNode(!0));
+    const t = new L(this.target.cloneNode(!0));
     return t.mounted = !1, t.text = this.text, t.contents = this.contents, t;
   }
   /**
@@ -1792,7 +1837,7 @@ class I extends A {
    * @returns 更新のPromise
    */
   setContent(t) {
-    return this.skipMutation || this.text === t ? Promise.resolve() : (this.text = t, this.contents = new H(t), this.evaluate());
+    return this.skipMutation || this.text === t ? Promise.resolve() : (this.text = t, this.contents = new $(t), this.evaluate());
   }
   /**
    * フラグメントを評価します。
@@ -1802,10 +1847,10 @@ class I extends A {
   evaluate() {
     return this.contents.isRawEvaluate && this.parent === null ? Promise.reject(
       new Error("Parent fragment is required for raw evaluation")
-    ) : N.enqueue(() => {
+    ) : F.enqueue(() => {
       this.skipMutation = !0, this.contents.isRawEvaluate ? this.parent.getTarget().innerHTML = this.contents.evaluate(
         this.parent.getBindingData()
-      )[0] : this.contents.isEvaluate ? this.target.textContent = H.joinEvaluateResults(
+      )[0] : this.contents.isEvaluate ? this.target.textContent = $.joinEvaluateResults(
         this.contents.evaluate(this.parent.getBindingData())
       ) : this.target.textContent = this.text;
     }).finally(() => {
@@ -1813,7 +1858,7 @@ class I extends A {
     });
   }
 }
-class G extends A {
+class Y extends N {
   /**
    * コメントフラグメントのコンストラクタ。
    * 対象コメントノードの内容を初期化します。
@@ -1829,7 +1874,7 @@ class G extends A {
    * @returns クローンされたフラグメント
    */
   clone() {
-    const t = new G(this.target.cloneNode(!0));
+    const t = new Y(this.target.cloneNode(!0));
     return t.mounted = !1, t.text = this.text, t;
   }
   /**
@@ -1847,14 +1892,14 @@ class G extends A {
    * @return 更新のPromise
    */
   setContent(t) {
-    return this.skipMutation || this.text === t ? Promise.resolve() : (this.text = t, N.enqueue(() => {
+    return this.skipMutation || this.text === t ? Promise.resolve() : (this.text = t, F.enqueue(() => {
       this.skipMutation = !0, this.target.textContent = this.text;
     }).finally(() => {
       this.skipMutation = !1;
     }));
   }
 }
-const U = class U {
+const K = class K {
   /**
    * コンストラクタ。
    *
@@ -1862,26 +1907,26 @@ const U = class U {
    */
   constructor(t) {
     this.contents = [], this.isEvaluate = !1, this.isRawEvaluate = !1, this.value = t;
-    const e = [...t.matchAll(U.PLACEHOLDER_REGEX)];
-    let r = 0, n = !1, i = !1;
-    for (const s of e) {
-      s.index > r && this.contents.push({
-        text: t.slice(r, s.index),
+    const e = [...t.matchAll(K.PLACEHOLDER_REGEX)];
+    let r = 0, i = !1, s = !1;
+    for (const n of e) {
+      n.index > r && this.contents.push({
+        text: t.slice(r, n.index),
         type: 0
         /* TEXT */
       });
       const a = {
-        text: s[1] ?? s[2],
-        type: s[1] ? 2 : 1
+        text: n[1] ?? n[2],
+        type: n[1] ? 2 : 1
         /* EXPRESSION */
       };
-      n = !0, i = i || a.type === 2, this.contents.push(a), r = s.index + s[0].length;
+      i = !0, s = s || a.type === 2, this.contents.push(a), r = n.index + n[0].length;
     }
     r < t.length && this.contents.push({
       text: t.slice(r),
       type: 0
       /* TEXT */
-    }), this.isEvaluate = n, this.isRawEvaluate = i, this.checkRawExpressions();
+    }), this.isEvaluate = i, this.isRawEvaluate = s, this.checkRawExpressions();
   }
   /**
    * 評価結果を結合して文字列にします。
@@ -1923,23 +1968,23 @@ const U = class U {
     return this.contents.forEach((r) => {
       try {
         if (r.type === 1 || r.type === 2) {
-          const n = $.evaluate(r.text, t);
-          e.push(n);
+          const i = j.evaluate(r.text, t);
+          e.push(i);
         } else
           e.push(r.text);
-      } catch (n) {
+      } catch (i) {
         h.error(
           "[Haori]",
           `Error evaluating text expression: ${r.text}`,
-          n
+          i
         ), e.push("");
       }
     }), e;
   }
 };
-U.PLACEHOLDER_REGEX = /\{\{\{([\s\S]+?)\}\}\}|\{\{([\s\S]+?)\}\}/g;
-let H = U;
-const q = class q extends H {
+K.PLACEHOLDER_REGEX = /\{\{\{([\s\S]+?)\}\}\}|\{\{([\s\S]+?)\}\}/g;
+let $ = K;
+const J = class J extends $ {
   /**
    * コンストラクタ。
    *
@@ -1947,7 +1992,7 @@ const q = class q extends H {
    * @param text 属性値
    */
   constructor(t, e) {
-    super(e), this.forceEvaluation = q.FORCE_EVALUATION_ATTRIBUTES.includes(t);
+    super(e), this.forceEvaluation = J.FORCE_EVALUATION_ATTRIBUTES.includes(t);
   }
   /**
    * 強制評価フラグを取得します。
@@ -1970,15 +2015,15 @@ const q = class q extends H {
     return this.contents.forEach((r) => {
       try {
         if (this.forceEvaluation && r.type === 0 || r.type === 1 || r.type === 2) {
-          const n = $.evaluate(r.text, t);
-          e.push(n);
+          const i = j.evaluate(r.text, t);
+          e.push(i);
         } else
           e.push(r.text);
-      } catch (n) {
+      } catch (i) {
         h.error(
           "[Haori]",
           `Error evaluating attribute expression: ${r.text}`,
-          n
+          i
         ), e.push("");
       }
     }), this.forceEvaluation && e.length > 1 ? (h.error(
@@ -1988,14 +2033,14 @@ const q = class q extends H {
     ), [e[0]]) : e;
   }
 };
-q.FORCE_EVALUATION_ATTRIBUTES = [
+J.FORCE_EVALUATION_ATTRIBUTES = [
   "data-if",
   "hor-if",
   "data-each",
   "hor-each"
 ];
-let j = q;
-class E {
+let q = J;
+class v {
   /**
    * カスタムイベントを発火します。
    *
@@ -2004,14 +2049,14 @@ class E {
    * @param detail イベントの詳細データ
    * @param options イベントオプション
    */
-  static dispatch(t, e, r, n) {
-    const i = new CustomEvent(`haori:${e}`, {
-      bubbles: n?.bubbles ?? !0,
-      cancelable: n?.cancelable ?? !1,
-      composed: n?.composed ?? !0,
+  static dispatch(t, e, r, i) {
+    const s = new CustomEvent(`haori:${e}`, {
+      bubbles: i?.bubbles ?? !0,
+      cancelable: i?.cancelable ?? !1,
+      composed: i?.composed ?? !0,
       detail: r
     });
-    return t.dispatchEvent(i);
+    return t.dispatchEvent(s);
   }
   /**
    * readyイベントを発火します。
@@ -2019,7 +2064,7 @@ class E {
    * @param version ライブラリバージョン
    */
   static ready(t) {
-    E.dispatch(document, "ready", { version: t });
+    v.dispatch(document, "ready", { version: t });
   }
   /**
    * renderイベントを発火します。
@@ -2027,7 +2072,7 @@ class E {
    * @param target 評価対象要素
    */
   static render(t) {
-    E.dispatch(t, "render", { target: t });
+    v.dispatch(t, "render", { target: t });
   }
   /**
    * importstartイベントを発火します。
@@ -2036,7 +2081,7 @@ class E {
    * @param url インポート対象URL
    */
   static importStart(t, e) {
-    E.dispatch(t, "importstart", {
+    v.dispatch(t, "importstart", {
       url: e,
       startedAt: performance.now()
     });
@@ -2049,11 +2094,11 @@ class E {
    * @param bytes 取得バイト数
    * @param startedAt 開始時刻
    */
-  static importEnd(t, e, r, n) {
-    E.dispatch(t, "importend", {
+  static importEnd(t, e, r, i) {
+    v.dispatch(t, "importend", {
       url: e,
       bytes: r,
-      durationMs: performance.now() - n
+      durationMs: performance.now() - i
     });
   }
   /**
@@ -2064,7 +2109,7 @@ class E {
    * @param error エラー内容
    */
   static importError(t, e, r) {
-    E.dispatch(t, "importerror", { url: e, error: r });
+    v.dispatch(t, "importerror", { url: e, error: r });
   }
   /**
    * bindchangeイベントを発火します。
@@ -2074,17 +2119,17 @@ class E {
    * @param next 変更後のデータ
    * @param reason 変更理由
    */
-  static bindChange(t, e, r, n = "other") {
-    const i = [], s = new Set(Object.keys(e || {})), a = new Set(Object.keys(r)), o = /* @__PURE__ */ new Set([...s, ...a]);
+  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 p of o) {
-      const c = e?.[p], y = r[p];
-      c !== y && i.push(p);
+      const f = e?.[p], T = r[p];
+      f !== T && s.push(p);
     }
-    E.dispatch(t, "bindchange", {
+    v.dispatch(t, "bindchange", {
       previous: e || {},
       next: r,
-      changedKeys: i,
-      reason: n
+      changedKeys: s,
+      reason: i
     });
   }
   /**
@@ -2095,12 +2140,12 @@ class E {
    * @param removed 削除された行のキー
    * @param order 現在の順序
    */
-  static eachUpdate(t, e, r, n) {
-    E.dispatch(t, "eachupdate", {
+  static eachUpdate(t, e, r, i) {
+    v.dispatch(t, "eachupdate", {
       added: e,
       removed: r,
-      order: n,
-      total: n.length
+      order: i,
+      total: i.length
     });
   }
   /**
@@ -2111,8 +2156,8 @@ class E {
    * @param index インデックス
    * @param item 行データ
    */
-  static rowAdd(t, e, r, n) {
-    E.dispatch(t, "rowadd", { key: e, index: r, item: n });
+  static rowAdd(t, e, r, i) {
+    v.dispatch(t, "rowadd", { key: e, index: r, item: i });
   }
   /**
    * rowremoveイベントを発火します。
@@ -2122,7 +2167,7 @@ class E {
    * @param index インデックス
    */
   static rowRemove(t, e, r) {
-    E.dispatch(t, "rowremove", { key: e, index: r });
+    v.dispatch(t, "rowremove", { key: e, index: r });
   }
   /**
    * rowmoveイベントを発火します。
@@ -2132,8 +2177,8 @@ class E {
    * @param from 移動前インデックス
    * @param to 移動後インデックス
    */
-  static rowMove(t, e, r, n) {
-    E.dispatch(t, "rowmove", { key: e, from: r, to: n });
+  static rowMove(t, e, r, i) {
+    v.dispatch(t, "rowmove", { key: e, from: r, to: i });
   }
   /**
    * showイベントを発火します。
@@ -2141,7 +2186,7 @@ class E {
    * @param target data-if要素
    */
   static show(t) {
-    E.dispatch(t, "show", { visible: !0 });
+    v.dispatch(t, "show", { visible: !0 });
   }
   /**
    * hideイベントを発火します。
@@ -2149,7 +2194,7 @@ class E {
    * @param target data-if要素
    */
   static hide(t) {
-    E.dispatch(t, "hide", { visible: !1 });
+    v.dispatch(t, "hide", { visible: !1 });
   }
   /**
    * fetchstartイベントを発火します。
@@ -2158,13 +2203,16 @@ class E {
    * @param url フェッチURL
    * @param options フェッチオプション
    * @param payload 送信データ
+    * @param metadata runtime とメソッド変換情報。
+    * @return 戻り値はありません。
    */
-  static fetchStart(t, e, r, n) {
-    E.dispatch(t, "fetchstart", {
+  static fetchStart(t, e, r, i, s) {
+    v.dispatch(t, "fetchstart", {
       url: e,
       options: r || {},
-      payload: n,
-      startedAt: performance.now()
+      payload: i,
+      startedAt: performance.now(),
+      ...s
     });
   }
   /**
@@ -2175,11 +2223,11 @@ class E {
    * @param status HTTPステータス
    * @param startedAt 開始時刻
    */
-  static fetchEnd(t, e, r, n) {
-    E.dispatch(t, "fetchend", {
+  static fetchEnd(t, e, r, i) {
+    v.dispatch(t, "fetchend", {
       url: e,
       status: r,
-      durationMs: performance.now() - n
+      durationMs: performance.now() - i
     });
   }
   /**
@@ -2191,16 +2239,16 @@ class E {
    * @param status HTTPステータス（存在する場合）
    * @param startedAt 開始時刻（存在する場合）
    */
-  static fetchError(t, e, r, n, i) {
-    E.dispatch(t, "fetcherror", {
+  static fetchError(t, e, r, i, s) {
+    v.dispatch(t, "fetcherror", {
       url: e,
-      status: n,
+      status: i,
       error: r,
-      durationMs: i ? performance.now() - i : void 0
+      durationMs: s ? performance.now() - s : void 0
     });
   }
 }
-const Z = [
+const it = [
   "addErrorMessage",
   "closeDialog",
   "confirm",
@@ -2208,13 +2256,27 @@ const Z = [
   "openDialog",
   "toast"
 ];
-function K() {
+function X() {
   const t = globalThis.window?.Haori;
-  return Z.every(
+  return it.every(
     (r) => typeof t?.[r] == "function"
-  ) ? t : W;
+  ) ? t : _;
+}
+const st = /* @__PURE__ */ new Set(["GET", "HEAD", "OPTIONS"]);
+function nt(S) {
+  return st.has(S.toUpperCase());
+}
+function at(S, t) {
+  for (const [e, r] of Object.entries(t))
+    r !== void 0 && (r === null ? S.append(e, "") : Array.isArray(r) ? r.forEach((i) => {
+      S.append(e, String(i));
+    }) : typeof r == "object" || typeof r == "function" ? S.append(e, JSON.stringify(r)) : S.append(e, String(r)));
 }
-const u = class u {
+function ot(S, t) {
+  const e = new URL(S, window.location.href), r = new URLSearchParams(e.search);
+  return at(r, t), e.search = r.toString(), e.toString();
+}
+const c = class c {
   /**
    * イベント属性名を正しく生成します。
    * 例: ("click", "fetch") => "data-click-fetch"
@@ -2223,7 +2285,7 @@ const u = class u {
    * 非イベント変種が "data-fetch-xxx" として存在するものについては、event が null の場合にそちらを返します。
    */
   static attrName(t, e, r = !1) {
-    return t ? `${f.prefix}${t}-${e}` : r ? `${f.prefix}fetch-${e}` : `${f.prefix}${e}`;
+    return t ? `${l.prefix}${t}-${e}` : r ? `${l.prefix}fetch-${e}` : `${l.prefix}${e}`;
   }
   /**
    * data 属性のテンプレート式評価結果を URLSearchParams 向けに組み立てます。
@@ -2234,13 +2296,13 @@ const u = class u {
    */
   static resolveDataParamString(t, e) {
     return t.replace(
-      u.DATA_PLACEHOLDER_REGEX,
-      (r, n, i) => {
-        const s = $.evaluate(
-          n ?? i ?? "",
+      c.DATA_PLACEHOLDER_REGEX,
+      (r, i, s) => {
+        const n = j.evaluate(
+          i ?? s ?? "",
           e
         );
-        return s == null || Number.isNaN(s) ? "" : encodeURIComponent(typeof s == "object" ? JSON.stringify(s) : String(s));
+        return n == null || Number.isNaN(n) ? "" : encodeURIComponent(typeof n == "object" ? JSON.stringify(n) : String(n));
       }
     );
   }
@@ -2252,18 +2314,18 @@ const u = class u {
    * @returns JSON 文字列中なら true
    */
   static isJsonStringContext(t, e) {
-    let r = !1, n = !1;
-    for (let i = 0; i < e; i += 1) {
-      const s = t[i];
-      if (n) {
-        n = !1;
+    let r = !1, i = !1;
+    for (let s = 0; s < e; s += 1) {
+      const n = t[s];
+      if (i) {
+        i = !1;
         continue;
       }
-      if (s === "\\") {
-        n = !0;
+      if (n === "\\") {
+        i = !0;
         continue;
       }
-      s === '"' && (r = !r);
+      n === '"' && (r = !r);
     }
     return r;
   }
@@ -2291,7 +2353,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);
   }
   /**
@@ -2303,13 +2365,13 @@ const u = class u {
    */
   static resolveDataJsonString(t, e) {
     return t.replace(
-      u.DATA_PLACEHOLDER_REGEX,
-      (r, n, i, s) => {
-        const a = $.evaluate(
-          n ?? i ?? "",
+      c.DATA_PLACEHOLDER_REGEX,
+      (r, i, s, n) => {
+        const a = j.evaluate(
+          i ?? s ?? "",
           e
         );
-        return u.isJsonStringContext(t, s) ? u.stringifyJsonTemplateStringContent(a) : u.stringifyJsonTemplateValue(a);
+        return c.isJsonStringContext(t, n) ? c.stringifyJsonTemplateStringContent(a) : c.stringifyJsonTemplateValue(a);
       }
     );
   }
@@ -2321,19 +2383,19 @@ const u = class u {
    * @returns 送信データ
    */
   static resolveDataAttribute(t, e) {
-    const r = t.getRawAttribute(e), n = t.getAttribute(e);
-    if (n && typeof n == "object" && !Array.isArray(n))
-      return n;
-    if (typeof n != "string" || r === null)
+    const r = t.getRawAttribute(e), i = t.getAttribute(e);
+    if (i && typeof i == "object" && !Array.isArray(i))
+      return i;
+    if (typeof i != "string" || r === null)
       return null;
-    const i = r.trim();
-    return u.SINGLE_PLACEHOLDER_REGEX.test(i) ? T.parseDataBind(n) : i.startsWith("{") || i.startsWith("[") ? T.parseDataBind(
-      u.resolveDataJsonString(
+    const s = r.trim();
+    return c.SINGLE_PLACEHOLDER_REGEX.test(s) ? R.parseDataBind(i) : s.startsWith("{") || s.startsWith("[") ? R.parseDataBind(
+      c.resolveDataJsonString(
         r,
         t.getBindingData()
       )
-    ) : T.parseDataBind(
-      u.resolveDataParamString(r, t.getBindingData())
+    ) : R.parseDataBind(
+      c.resolveDataParamString(r, t.getBindingData())
     );
   }
   /**
@@ -2348,29 +2410,29 @@ 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")
+      )), 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 d = t.getRawAttribute(
+          c.attrName(e, "form")
         );
-        if (l) {
-          const d = document.body.querySelector(l);
-          d !== null ? r.formFragment = b.getFormFragment(
-            A.get(d)
+        if (d) {
+          const u = document.body.querySelector(d);
+          u !== null ? r.formFragment = A.getFormFragment(
+            N.get(u)
           ) : h.error(
             "Haori",
-            `Form element not found: ${l} (${u.attrName(e, "form")})`
+            `Form element not found: ${d} (${c.attrName(e, "form")})`
           );
         } else
-          r.formFragment = b.getFormFragment(t);
-      } else e === "change" && (r.formFragment = b.getFormFragment(t));
-      if (t.hasAttribute(`${f.prefix}${e}-before-run`)) {
-        const l = t.getRawAttribute(
-          `${f.prefix}${e}-before-run`
+          r.formFragment = A.getFormFragment(t);
+      } else e === "change" && (r.formFragment = A.getFormFragment(t));
+      if (t.hasAttribute(`${l.prefix}${e}-before-run`)) {
+        const d = t.getRawAttribute(
+          `${l.prefix}${e}-before-run`
         );
         try {
           r.beforeCallback = new Function(
@@ -2378,194 +2440,199 @@ const u = class u {
             "fetchOptions",
             `
 "use strict";
-${l}
+${d}
 `
           );
-        } catch (d) {
-          h.error("Haori", `Invalid before script: ${d}`);
+        } catch (u) {
+          h.error("Haori", `Invalid before script: ${u}`);
         }
       }
     }
-    const n = u.attrName(e, "fetch"), i = t.hasAttribute(n);
-    i && (r.fetchUrl = t.getAttribute(n));
-    const s = {};
+    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) && (s.method = t.getAttribute(
-        l
+      const d = c.attrName(e, "fetch-method");
+      t.hasAttribute(d) && (n.method = t.getAttribute(
+        d
       ));
     } else {
-      const l = u.attrName(null, "method", !0);
-      t.hasAttribute(l) && (s.method = t.getAttribute(
-        l
+      const d = c.attrName(null, "method", !0);
+      t.hasAttribute(d) && (n.method = t.getAttribute(
+        d
       ));
     }
     if (e) {
-      const l = u.attrName(e, "fetch-headers");
-      if (t.hasAttribute(l)) {
-        const d = t.getRawAttribute(
-          l
+      const d = c.attrName(e, "fetch-headers");
+      if (t.hasAttribute(d)) {
+        const u = t.getRawAttribute(
+          d
         );
         try {
-          s.headers = T.parseDataBind(d);
+          n.headers = R.parseDataBind(u);
         } catch (g) {
           h.error("Haori", `Invalid fetch headers: ${g}`);
         }
       }
     } else {
-      const l = u.attrName(
+      const d = c.attrName(
         null,
         "headers",
         !0
       );
-      if (t.hasAttribute(l)) {
-        const d = t.getRawAttribute(
-          l
+      if (t.hasAttribute(d)) {
+        const u = t.getRawAttribute(
+          d
         );
         try {
-          s.headers = T.parseDataBind(d);
+          n.headers = R.parseDataBind(u);
         } catch (g) {
           h.error("Haori", `Invalid fetch headers: ${g}`);
         }
       }
     }
     if (e) {
-      const l = u.attrName(
+      const d = c.attrName(
         e,
         "fetch-content-type"
       );
-      if (t.hasAttribute(l))
-        s.headers = {
-          ...s.headers,
-          "Content-Type": t.getAttribute(l)
+      if (t.hasAttribute(d))
+        n.headers = {
+          ...n.headers,
+          "Content-Type": t.getAttribute(d)
         };
-      else if (s.method && s.method !== "GET" && s.method !== "HEAD" && s.method !== "OPTIONS") {
-        let d = !1;
-        s.headers && typeof s.headers == "object" && (d = "Content-Type" in s.headers), d || (s.headers = {
-          ...s.headers,
+      else if (n.method && n.method !== "GET" && n.method !== "HEAD" && n.method !== "OPTIONS") {
+        let u = !1;
+        n.headers && typeof n.headers == "object" && (u = "Content-Type" in n.headers), u || (n.headers = {
+          ...n.headers,
           "Content-Type": "application/json"
         });
-      } else s.method && (s.method === "GET" || s.method === "HEAD" || s.method === "OPTIONS") && (s.headers = {
-        ...s.headers,
+      } else n.method && (n.method === "GET" || n.method === "HEAD" || n.method === "OPTIONS") && (n.headers = {
+        ...n.headers,
         "Content-Type": "application/x-www-form-urlencoded"
       });
     } else {
-      const l = u.attrName(
+      const d = c.attrName(
         null,
         "content-type",
         !0
       );
-      if (t.hasAttribute(l))
-        s.headers = {
-          ...s.headers,
-          "Content-Type": t.getAttribute(l)
+      if (t.hasAttribute(d))
+        n.headers = {
+          ...n.headers,
+          "Content-Type": t.getAttribute(d)
         };
-      else if (s.method && s.method !== "GET" && s.method !== "HEAD" && s.method !== "OPTIONS") {
-        let d = !1;
-        s.headers && typeof s.headers == "object" && (d = "Content-Type" in s.headers), d || (s.headers = {
-          ...s.headers,
+      else if (n.method && n.method !== "GET" && n.method !== "HEAD" && n.method !== "OPTIONS") {
+        let u = !1;
+        n.headers && typeof n.headers == "object" && (u = "Content-Type" in n.headers), u || (n.headers = {
+          ...n.headers,
           "Content-Type": "application/json"
         });
-      } else s.method && (s.method === "GET" || s.method === "HEAD" || s.method === "OPTIONS") && (s.headers = {
-        ...s.headers,
+      } else n.method && (n.method === "GET" || n.method === "HEAD" || n.method === "OPTIONS") && (n.headers = {
+        ...n.headers,
         "Content-Type": "application/x-www-form-urlencoded"
       });
     }
-    Object.keys(s).length > 0 && (r.fetchOptions = s);
-    const a = e ? u.attrName(e, "bind") : u.attrName(null, "bind", !0);
+    Object.keys(n).length > 0 && (r.fetchOptions = n);
+    const a = e ? c.attrName(e, "bind") : c.attrName(null, "bind", !0);
     if (t.hasAttribute(a)) {
-      const l = t.getRawAttribute(a);
-      if (l) {
-        const d = document.body.querySelectorAll(l);
-        d.length > 0 ? (r.bindFragments = [], d.forEach((g) => {
-          const v = A.get(g);
-          v && r.bindFragments.push(v);
+      const d = t.getRawAttribute(a);
+      if (d) {
+        const u = document.body.querySelectorAll(d);
+        u.length > 0 ? (r.bindFragments = [], u.forEach((g) => {
+          const b = N.get(g);
+          b && r.bindFragments.push(b);
         })) : h.error(
           "Haori",
-          `Bind element not found: ${l} (${a})`
+          `Bind element not found: ${d} (${a})`
         );
       }
     }
-    const o = u.attrName(e, "bind-arg"), p = u.attrName(
+    const o = c.attrName(e, "bind-arg"), p = c.attrName(
       null,
       "arg",
       !0
-    ), c = u.attrName(
+    ), f = c.attrName(
       null,
       "bind-arg",
       !0
     );
     e ? t.hasAttribute(o) && (r.bindArg = t.getRawAttribute(o)) : t.hasAttribute(p) ? r.bindArg = t.getRawAttribute(
       p
-    ) : t.hasAttribute(c) && (r.bindArg = t.getRawAttribute(c));
-    const y = e ? u.attrName(e, "bind-params") : u.attrName(null, "bind-params", !0);
-    if (t.hasAttribute(y)) {
-      const l = t.getRawAttribute(y);
-      r.bindParams = l.split("&").map((d) => d.trim());
+    ) : t.hasAttribute(f) && (r.bindArg = t.getRawAttribute(f));
+    const T = e ? c.attrName(e, "bind-params") : c.attrName(null, "bind-params", !0);
+    if (t.hasAttribute(T)) {
+      const d = t.getRawAttribute(T);
+      r.bindParams = d.split("&").map((u) => u.trim());
+    }
+    const E = e ? c.attrName(e, "bind-append") : c.attrName(null, "bind-append", !0);
+    if (t.hasAttribute(E)) {
+      const d = t.getRawAttribute(E);
+      r.bindAppendParams = d.split("&").map((u) => u.trim()).filter(Boolean);
     }
     if (e) {
-      if (t.hasAttribute(u.attrName(e, "adjust"))) {
-        const d = t.getRawAttribute(
-          u.attrName(e, "adjust")
+      if (t.hasAttribute(c.attrName(e, "adjust"))) {
+        const u = t.getRawAttribute(
+          c.attrName(e, "adjust")
         );
-        if (d) {
-          const g = document.body.querySelectorAll(d);
-          g.length > 0 ? (r.adjustFragments = [], g.forEach((v) => {
-            const w = A.get(v);
-            w && r.adjustFragments.push(w);
+        if (u) {
+          const g = document.body.querySelectorAll(u);
+          g.length > 0 ? (r.adjustFragments = [], g.forEach((b) => {
+            const y = N.get(b);
+            y && r.adjustFragments.push(y);
           })) : h.error(
             "Haori",
-            `Adjust element not found: ${d} (${u.attrName(e, "adjust")})`
+            `Adjust element not found: ${u} (${c.attrName(e, "adjust")})`
           );
         }
-        if (t.hasAttribute(u.attrName(e, "adjust-value"))) {
+        if (t.hasAttribute(c.attrName(e, "adjust-value"))) {
           const g = t.getRawAttribute(
-            u.attrName(e, "adjust-value")
-          ), v = Number(g);
-          isNaN(v) || (r.adjustValue = v);
+            c.attrName(e, "adjust-value")
+          ), b = Number(g);
+          isNaN(b) || (r.adjustValue = b);
         }
       }
-      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(`${f.prefix}${e}-after-run`)) {
-        const d = t.getRawAttribute(
-          `${f.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 u = t.getRawAttribute(
+          `${l.prefix}${e}-after-run`
         );
         try {
           r.afterCallback = new Function(
             "response",
             `
 "use strict";
-${d}
+${u}
 `
           );
         } catch (g) {
           h.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")
+      )), t.hasAttribute(c.attrName(e, "toast")) && (r.toastMessage = t.getAttribute(
+        c.attrName(e, "toast")
+      )), 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 d = t.getRawAttribute(
-          u.attrName(e, "history-form")
+        c.attrName(e, "history-data")
+      )), t.hasAttribute(c.attrName(e, "history-form"))) {
+        const u = t.getRawAttribute(
+          c.attrName(e, "history-form")
         );
-        if (d) {
-          const g = document.body.querySelector(d);
-          g !== null ? r.historyFormFragment = b.getFormFragment(
-            A.get(g)
+        if (u) {
+          const g = document.body.querySelector(u);
+          g !== null ? r.historyFormFragment = A.getFormFragment(
+            N.get(g)
           ) : h.error(
             "Haori",
-            `Form element not found: ${d} (${u.attrName(e, "history-form")})`
+            `Form element not found: ${u} (${c.attrName(e, "history-form")})`
           );
         } else
-          r.historyFormFragment = b.getFormFragment(t);
+          r.historyFormFragment = A.getFormFragment(t);
       }
       [
         "reset",
@@ -2573,53 +2640,53 @@ ${d}
         "click",
         "open",
         "close"
-      ].forEach((d) => {
-        const g = u.attrName(e, d);
+      ].forEach((u) => {
+        const g = c.attrName(e, u);
         if (!t.hasAttribute(g))
           return;
-        const v = t.getRawAttribute(g), w = [];
-        if (v ? (document.body.querySelectorAll(v).forEach((F) => {
-          const x = A.get(F);
-          x && w.push(x);
-        }), w.length === 0 && h.error("Haori", `Element not found: ${v} (${g})`)) : w.push(t), w.length > 0)
-          switch (d) {
+        const b = t.getRawAttribute(g), y = [];
+        if (b ? (document.body.querySelectorAll(b).forEach((k) => {
+          const U = N.get(k);
+          U && y.push(U);
+        }), y.length === 0 && h.error("Haori", `Element not found: ${b} (${g})`)) : y.push(t), y.length > 0)
+          switch (u) {
             case "reset":
-              r.resetFragments = w;
+              r.resetFragments = y;
               break;
             case "refetch":
-              r.refetchFragments = w;
+              r.refetchFragments = y;
               break;
             case "click":
-              r.clickFragments = w;
+              r.clickFragments = y;
               break;
             case "open":
-              r.openFragments = w;
+              r.openFragments = y;
               break;
             case "close":
-              r.closeFragments = w;
+              r.closeFragments = y;
               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 d = t.getRawAttribute(
+        c.attrName(null, "form", !0)
       );
-      if (l) {
-        const d = document.body.querySelector(l);
-        d !== null ? r.formFragment = b.getFormFragment(
-          A.get(d)
+      if (d) {
+        const u = document.body.querySelector(d);
+        u !== null ? r.formFragment = A.getFormFragment(
+          N.get(u)
         ) : h.error(
           "Haori",
-          `Form element not found: ${l} (${u.attrName(null, "fetch-form", !0)})`
+          `Form element not found: ${d} (${c.attrName(null, "fetch-form", !0)})`
         );
       } else
-        r.formFragment = b.getFormFragment(t);
+        r.formFragment = A.getFormFragment(t);
     }
-    return i && (!r.bindFragments || r.bindFragments.length === 0) && (r.bindFragments = [t]), r;
+    return s && (!r.bindFragments || r.bindFragments.length === 0) && (r.bindFragments = [t]), r;
   }
   /**
    * ElementFragment の構造的タイプガード。
@@ -2640,7 +2707,7 @@ ${d}
    * @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されます。
@@ -2648,136 +2715,161 @@ ${d}
    * @returns 実行結果のPromise
    */
   run() {
-    return Object.keys(this.options).length === 0 || this.options.formFragment && this.validate(this.options.formFragment) === !1 ? Promise.resolve() : this.confirm().then((t) => {
-      if (!t)
-        return Promise.resolve();
-      let e = this.options.fetchUrl, r = this.options.fetchOptions;
-      if (this.options.beforeCallback) {
-        const s = this.options.beforeCallback(
-          e || null,
-          r || null
-        );
-        if (s != null) {
-          if (s === !1 || typeof s == "object" && s.stop)
-            return Promise.resolve();
-          typeof s == "object" && (e = "fetchUrl" in s ? s.fetchUrl : e, r = "fetchOptions" in s ? s.fetchOptions : r);
-        }
+    return this.runWithResult().then(() => {
+    });
+  }
+  /**
+   * 一連の処理を実行し、成功したかどうかを返します。
+   *
+   * @returns 成功した場合は true、途中停止や失敗時は false
+   */
+  runWithResult() {
+    return this.execute();
+  }
+  /**
+   * 一連の処理を実行します。成功結果を内部で扱うための実体です。
+   *
+   * @returns 実行成功時は true、停止や失敗時は false
+   */
+  async execute() {
+    if (Object.keys(this.options).length === 0 || this.options.formFragment && this.validate(this.options.formFragment) === !1 || !await this.confirm())
+      return !1;
+    let e = this.options.fetchUrl, r = this.options.fetchOptions;
+    if (this.options.beforeCallback) {
+      const o = this.options.beforeCallback(
+        e || null,
+        r || null
+      );
+      if (o != null) {
+        if (o === !1 || typeof o == "object" && o.stop)
+          return !1;
+        typeof o == "object" && (e = "fetchUrl" in o ? o.fetchUrl : e, r = "fetchOptions" in o ? o.fetchOptions : r);
       }
-      const n = {};
-      if (this.options.formFragment) {
-        const s = b.getValues(this.options.formFragment);
-        Object.assign(n, s);
+    }
+    const i = {};
+    if (this.options.formFragment) {
+      const o = A.getValues(this.options.formFragment);
+      Object.assign(i, o);
+    }
+    this.options.data && typeof this.options.data == "object" && Object.assign(i, this.options.data);
+    const s = Object.keys(i).length > 0;
+    if (e) {
+      const o = { ...r || {} }, p = new Headers(
+        o.headers || void 0
+      ), f = (o.method || "GET").toUpperCase(), T = l.runtime === "demo" && !nt(f), E = T ? "GET" : f;
+      if (o.method = E, E === "GET" || E === "HEAD" || E === "OPTIONS")
+        s && (e = ot(e, i));
+      else if (s) {
+        const u = p.get("Content-Type") || "";
+        if (/multipart\/form-data/i.test(u)) {
+          p.delete("Content-Type");
+          const g = new FormData();
+          for (const [b, y] of Object.entries(i))
+            y == null ? g.append(b, "") : y instanceof Blob ? g.append(b, y) : Array.isArray(y) ? y.forEach((x) => g.append(b, String(x))) : typeof y == "object" ? g.append(b, JSON.stringify(y)) : g.append(b, String(y));
+          o.body = g;
+        } else if (/application\/x-www-form-urlencoded/i.test(u)) {
+          const g = new URLSearchParams();
+          for (const [b, y] of Object.entries(i))
+            y !== void 0 && (y === null ? g.append(b, "") : Array.isArray(y) ? y.forEach((x) => g.append(b, String(x))) : typeof y == "object" ? g.append(b, JSON.stringify(y)) : g.append(b, String(y)));
+          o.body = g;
+        } else
+          p.set("Content-Type", "application/json"), o.body = JSON.stringify(i);
       }
-      this.options.data && typeof this.options.data == "object" && Object.assign(n, this.options.data);
-      const i = Object.keys(n).length > 0;
-      if (e) {
-        const s = { ...r || {} }, a = new Headers(
-          s.headers || void 0
-        ), o = (s.method || "GET").toUpperCase();
-        if (o === "GET" || o === "HEAD" || o === "OPTIONS") {
-          if (i) {
-            const p = new URL(e, window.location.href), c = new URLSearchParams(p.search);
-            for (const [y, l] of Object.entries(n))
-              l !== void 0 && (l === null ? c.append(y, "") : Array.isArray(l) ? l.forEach((d) => {
-                c.append(y, String(d));
-              }) : typeof l == "object" || typeof l == "function" ? c.append(y, JSON.stringify(l)) : c.append(y, String(l)));
-            p.search = c.toString(), e = p.toString();
-          }
-        } else if (i) {
-          const p = a.get("Content-Type") || "";
-          if (/multipart\/form-data/i.test(p)) {
-            a.delete("Content-Type");
-            const c = new FormData();
-            for (const [y, l] of Object.entries(n))
-              l == null ? c.append(y, "") : l instanceof Blob ? c.append(y, l) : Array.isArray(l) ? l.forEach((d) => c.append(y, String(d))) : typeof l == "object" ? c.append(y, JSON.stringify(l)) : c.append(y, String(l));
-            s.body = c;
-          } else if (/application\/x-www-form-urlencoded/i.test(p)) {
-            const c = new URLSearchParams();
-            for (const [y, l] of Object.entries(n))
-              l !== void 0 && (l === null ? c.append(y, "") : Array.isArray(l) ? l.forEach((d) => c.append(y, String(d))) : typeof l == "object" ? c.append(y, JSON.stringify(l)) : c.append(y, String(l)));
-            s.body = c;
-          } else
-            a.set("Content-Type", "application/json"), s.body = JSON.stringify(n);
-        }
-        if (s.headers = a, this.options.targetFragment && e) {
-          const p = performance.now();
-          return E.fetchStart(
+      o.headers = p;
+      let d;
+      if (T && (d = e && new URL(e, window.location.href).search || void 0, p.delete("Content-Type"), h.info("Haori demo fetch normalization", {
+        runtime: l.runtime,
+        requestedMethod: f,
+        effectiveMethod: E,
+        transportMode: "query-get",
+        url: e,
+        payload: s ? i : void 0,
+        queryString: d
+      })), this.options.targetFragment && e) {
+        const u = performance.now(), g = {
+          runtime: l.runtime,
+          requestedMethod: f,
+          effectiveMethod: E,
+          transportMode: T ? "query-get" : "http",
+          ...T ? { queryString: d } : {}
+        };
+        return v.fetchStart(
+          this.options.targetFragment.getTarget(),
+          e,
+          o,
+          s ? i : void 0,
+          g
+        ), fetch(e, o).then((b) => this.handleFetchResult(
+          b,
+          e || void 0,
+          u
+        )).catch((b) => {
+          throw e && v.fetchError(
             this.options.targetFragment.getTarget(),
             e,
-            s,
-            i ? n : void 0
-          ), fetch(e, s).then((c) => this.handleFetchResult(
-            c,
-            e || void 0,
-            p
-          )).catch((c) => {
-            throw e && E.fetchError(
-              this.options.targetFragment.getTarget(),
-              e,
-              c
-            ), c;
-          });
-        } else return e ? fetch(e, s).then((p) => this.handleFetchResult(p, e || void 0)) : Promise.resolve();
-      } else {
-        if ((!this.options.bindFragments || this.options.bindFragments.length === 0) && this.options.formFragment && i) {
-          const o = this.options.formFragment, p = o.getTarget();
-          p.setAttribute(
-            `${f.prefix}bind`,
-            JSON.stringify(n)
-          );
-          const c = o.getBindingData();
-          return Object.assign(c, n), T.setBindingData(p, c);
-        }
-        const s = i ? n : {}, a = new Response(JSON.stringify(s), {
-          headers: { "Content-Type": "application/json" }
+            b
+          ), b;
         });
-        return this.handleFetchResult(a);
       }
+      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, p = o.getTarget();
+      p.setAttribute(
+        `${l.prefix}bind`,
+        JSON.stringify(i)
+      );
+      const f = o.getBindingData();
+      return Object.assign(f, i), await R.setBindingData(p, f), !0;
+    }
+    const n = s ? i : {}, a = new Response(JSON.stringify(n), {
+      headers: { "Content-Type": "application/json" }
     });
+    return this.handleFetchResult(a);
   }
   /**
    * フェッチ後の処理を実行します。
    */
-  handleFetchResult(t, e, r) {
-    const n = K();
+  async handleFetchResult(t, e, r) {
+    const i = X();
     if (!t.ok)
-      return this.options.targetFragment && e && E.fetchError(
+      return this.options.targetFragment && e && v.fetchError(
         this.options.targetFragment.getTarget(),
         e,
         new Error(`${t.status} ${t.statusText}`),
         t.status,
         r
-      ), this.handleFetchError(t);
-    if (this.options.targetFragment && e && r && E.fetchEnd(
+      ), await this.handleFetchError(t), !1;
+    if (this.options.targetFragment && e && r && v.fetchEnd(
       this.options.targetFragment.getTarget(),
       e,
       t.status,
       r
     ), this.options.afterCallback) {
-      const s = this.options.afterCallback(t);
-      if (s != null) {
-        if (s === !1 || typeof s == "object" && s.stop)
-          return Promise.resolve();
-        typeof s == "object" && "response" in s && (t = "response" in s ? s.response : t);
+      const n = this.options.afterCallback(t);
+      if (n != null) {
+        if (n === !1 || typeof n == "object" && n.stop)
+          return !1;
+        typeof n == "object" && "response" in n && (t = "response" in n ? n.response : t);
       }
     }
-    const i = [];
-    return i.push(this.bindResult(t)), i.push(this.adjust()), i.push(this.addRow()), i.push(this.removeRow()), i.push(this.movePrevRow()), i.push(this.moveNextRow()), this.options.resetFragments && this.options.resetFragments.length > 0 && this.options.resetFragments.forEach((s) => {
-      i.push(b.reset(s));
-    }), this.options.refetchFragments && this.options.refetchFragments.length > 0 && this.options.refetchFragments.forEach((s) => {
-      i.push(new u(s, null).run());
-    }), this.options.clickFragments && this.options.clickFragments.length > 0 && this.options.clickFragments.forEach((s) => {
-      const a = s.getTarget();
+    const s = [];
+    return 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()), this.options.resetFragments && this.options.resetFragments.length > 0 && this.options.resetFragments.forEach((n) => {
+      s.push(A.reset(n));
+    }), this.options.refetchFragments && this.options.refetchFragments.length > 0 && this.options.refetchFragments.forEach((n) => {
+      s.push(new c(n, null).run());
+    }), this.options.clickFragments && this.options.clickFragments.length > 0 && this.options.clickFragments.forEach((n) => {
+      const a = n.getTarget();
       typeof a.click == "function" ? a.click() : a.dispatchEvent(
         new MouseEvent("click", { bubbles: !0, cancelable: !0 })
       );
-    }), this.options.openFragments && this.options.openFragments.length > 0 && this.options.openFragments.forEach((s) => {
-      const a = s.getTarget();
-      a instanceof HTMLElement ? i.push(n.openDialog(a)) : h.error("Haori", "Element is not an HTML element: ", a);
-    }), this.options.closeFragments && this.options.closeFragments.length > 0 && this.options.closeFragments.forEach((s) => {
-      const a = s.getTarget();
-      a instanceof HTMLElement ? i.push(n.closeDialog(a)) : h.error("Haori", "Element is not an HTML element: ", a);
-    }), Promise.all(i).then(() => this.options.dialogMessage ? n.dialog(this.options.dialogMessage) : Promise.resolve()).then(() => this.options.toastMessage ? n.toast(this.options.toastMessage, "info") : Promise.resolve()).then(() => (this.pushHistory(), Promise.resolve())).then(() => (this.options.redirectUrl && (window.location.href = this.options.redirectUrl), Promise.resolve()));
+    }), this.options.openFragments && this.options.openFragments.length > 0 && this.options.openFragments.forEach((n) => {
+      const a = n.getTarget();
+      a instanceof HTMLElement ? s.push(i.openDialog(a)) : h.error("Haori", "Element is not an HTML element: ", a);
+    }), this.options.closeFragments && this.options.closeFragments.length > 0 && this.options.closeFragments.forEach((n) => {
+      const a = n.getTarget();
+      a instanceof HTMLElement ? s.push(i.closeDialog(a)) : h.error("Haori", "Element is not an HTML element: ", a);
+    }), await Promise.all(s), 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;
   }
   /**
    * history.pushState を実行します。
@@ -2790,26 +2882,26 @@ ${d}
     const t = this.options.historyUrl !== void 0 && this.options.historyUrl !== null, e = this.options.historyData !== void 0 && this.options.historyData !== null, r = this.options.historyFormFragment !== void 0 && this.options.historyFormFragment !== null;
     if (!(!t && !e && !r))
       try {
-        const n = t ? this.options.historyUrl : window.location.pathname, i = new URL(n, window.location.href);
-        if (i.origin !== window.location.origin) {
-          const a = "history.pushState: cross-origin URL is not allowed: " + i.toString();
+        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(
             "Haori",
             a
           );
           return;
         }
-        const s = (a) => {
+        const n = (a) => {
           for (const [o, p] of Object.entries(a))
-            p != null && (Array.isArray(p) ? p.forEach((c) => i.searchParams.append(o, String(c))) : typeof p == "object" ? i.searchParams.set(o, JSON.stringify(p)) : i.searchParams.set(o, String(p)));
+            p != null && (Array.isArray(p) ? p.forEach((f) => s.searchParams.append(o, String(f))) : typeof p == "object" ? s.searchParams.set(o, JSON.stringify(p)) : s.searchParams.set(o, String(p)));
         };
-        e && s(this.options.historyData), r && s(
-          b.getValues(
+        e && n(this.options.historyData), r && n(
+          A.getValues(
             this.options.historyFormFragment
           )
-        ), history.pushState({}, "", i.toString());
-      } catch (n) {
-        h.error("Haori", `history.pushState failed: ${n}`);
+        ), history.pushState({}, "", s.toString());
+      } catch (i) {
+        h.error("Haori", `history.pushState failed: ${i}`);
       }
   }
   /**
@@ -2817,42 +2909,41 @@ ${d}
    */
   async handleFetchError(t) {
     let e = null;
-    this.options.formFragment ? e = this.options.formFragment : this.options.targetFragment && (e = b.getFormFragment(this.options.targetFragment) || this.options.targetFragment);
-    const r = async (i) => {
-      const s = e ? e.getTarget() : document.body;
-      await K().addErrorMessage(s, i);
+    this.options.formFragment ? e = this.options.formFragment : this.options.targetFragment && (e = A.getFormFragment(this.options.targetFragment) || this.options.targetFragment);
+    const r = async (s) => {
+      const n = e ? e.getTarget() : document.body;
+      await X().addErrorMessage(n, s);
     };
     if ((t.headers.get("Content-Type") || "").includes("application/json"))
       try {
-        const i = await t.json(), s = [];
-        if (i && typeof i == "object") {
-          if (typeof i.message == "string" && s.push({ message: i.message }), Array.isArray(i.messages))
-            for (const a of i.messages)
-              typeof a == "string" && s.push({ message: a });
-          if (i.errors && typeof i.errors == "object")
-            for (const [a, o] of Object.entries(i.errors))
-              Array.isArray(o) ? s.push({ key: a, message: o.join(`
-`) }) : typeof o == "string" ? s.push({ key: a, message: o }) : o != null && s.push({ key: a, message: String(o) });
-          if (s.length === 0)
-            for (const [a, o] of Object.entries(i))
-              a === "message" || a === "messages" || a === "errors" || (Array.isArray(o) ? s.push({ key: a, message: o.join(`
-`) }) : typeof o == "string" && s.push({ key: a, message: o }));
+        const s = await t.json(), n = [];
+        if (s && typeof s == "object") {
+          if (typeof s.message == "string" && n.push({ message: s.message }), Array.isArray(s.messages))
+            for (const a of s.messages)
+              typeof a == "string" && n.push({ message: a });
+          if (s.errors && typeof s.errors == "object")
+            for (const [a, o] of Object.entries(s.errors))
+              Array.isArray(o) ? n.push({ key: a, message: o.join(`
+`) }) : typeof o == "string" ? n.push({ key: a, message: o }) : o != null && n.push({ key: a, message: String(o) });
+          if (n.length === 0)
+            for (const [a, o] of Object.entries(s))
+              a === "message" || a === "messages" || a === "errors" || (Array.isArray(o) ? n.push({ key: a, message: o.join(`
+`) }) : typeof o == "string" && n.push({ key: a, message: o }));
         }
-        if (s.length === 0) {
-          await r(`${t.status} ${t.statusText}`);
-          return;
-        }
-        for (const a of s)
-          a.key && e ? await b.addErrorMessage(e, a.key, a.message) : await r(a.message);
-        return;
+        if (n.length === 0)
+          return await r(`${t.status} ${t.statusText}`), !1;
+        for (const a of n)
+          a.key && e ? await A.addErrorMessage(e, a.key, a.message) : await r(a.message);
+        return !1;
       } catch {
       }
     try {
-      const i = await t.text();
-      i && i.trim().length > 0 ? await r(i.trim()) : await r(`${t.status} ${t.statusText}`);
+      const s = await t.text();
+      s && s.trim().length > 0 ? await r(s.trim()) : await r(`${t.status} ${t.statusText}`);
     } catch {
       await r(`${t.status} ${t.statusText}`);
     }
+    return !1;
   }
   /**
    * 対象のフラグメント以下の入力要素に対してバリデーションを実行します。
@@ -2866,8 +2957,8 @@ ${d}
       return !0;
     const e = t.getTarget();
     let r = this.validateOne(t);
-    return r || e.focus(), t.getChildElementFragments().reverse().forEach((n) => {
-      r &&= this.validate(n);
+    return r || e.focus(), t.getChildElementFragments().reverse().forEach((i) => {
+      r &&= this.validate(i);
     }), r;
   }
   /**
@@ -2888,7 +2979,7 @@ ${d}
    */
   confirm() {
     const t = this.options.confirmMessage;
-    return t == null ? Promise.resolve(!0) : K().confirm(t);
+    return t == null ? Promise.resolve(!0) : X().confirm(t);
   }
   /**
    * 結果データを対象のフラグメントにバインドします。
@@ -2898,35 +2989,61 @@ ${d}
   bindResult(t) {
     return !this.options.bindFragments || this.options.bindFragments.length === 0 ? Promise.resolve() : (t.headers.get("Content-Type")?.includes("application/json") ? t.json() : t.text()).then((r) => {
       if (this.options.bindParams) {
-        const i = {};
-        this.options.bindParams.forEach((s) => {
-          r && typeof r == "object" && s in r && (i[s] = r[s]);
-        }), r = i;
+        const s = {};
+        this.options.bindParams.forEach((n) => {
+          r && typeof r == "object" && n in r && (s[n] = r[n]);
+        }), r = s;
       }
-      const n = [];
+      const i = [];
       if (this.options.bindArg)
-        this.options.bindFragments.forEach((i) => {
-          const s = i.getBindingData();
-          s[this.options.bindArg] = r, n.push(T.setBindingData(i.getTarget(), s));
+        this.options.bindFragments.forEach((s) => {
+          const n = s.getBindingData(), a = this.options.bindArg;
+          if (r && typeof r == "object" && !Array.isArray(r)) {
+            const o = n[a], p = o && typeof o == "object" && !Array.isArray(o) ? o : {};
+            n[a] = this.mergeAppendBindingData(
+              s,
+              r,
+              p
+            );
+          } else
+            n[a] = r;
+          i.push(R.setBindingData(s.getTarget(), n));
         });
       else {
         if (typeof r == "string")
           return h.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((i) => {
-          n.push(
-            T.setBindingData(
-              i.getTarget(),
-              r
+        this.options.bindFragments.forEach((s) => {
+          const n = this.mergeAppendBindingData(
+            s,
+            r
+          );
+          i.push(
+            R.setBindingData(
+              s.getTarget(),
+              n
             )
           );
         });
       }
-      return Promise.all(n).then(() => {
+      return Promise.all(i).then(() => {
       });
     });
   }
+  /**
+   * bind-append 指定があるキーについて、既存配列と結合したデータを返します。
+   */
+  mergeAppendBindingData(t, e, r = t.getBindingData()) {
+    if (!this.options.bindAppendParams || this.options.bindAppendParams.length === 0)
+      return e;
+    const i = { ...e }, s = r;
+    for (const n of this.options.bindAppendParams) {
+      const a = i[n], o = s[n];
+      Array.isArray(o) && Array.isArray(a) && (i[n] = o.concat(a));
+    }
+    return i;
+  }
   /**
    * 値の増減を行います。
    */
@@ -2935,10 +3052,10 @@ ${d}
       return Promise.resolve();
     const t = this.options.adjustValue ?? 0, e = [];
     for (const r of this.options.adjustFragments) {
-      let n = r.getValue();
-      (n == null || n === "") && (n = "0");
-      let i = Number(n);
-      isNaN(i) && (i = 0), i += t, e.push(r.setValue(String(i)));
+      let i = r.getValue();
+      (i == null || i === "") && (i = "0");
+      let s = Number(i);
+      isNaN(s) && (s = 0), s += t, e.push(r.setValue(String(s)));
     }
     return Promise.all(e).then(() => {
     });
@@ -2952,7 +3069,7 @@ ${d}
     if (!this.options.targetFragment)
       return h.error("Haori", "Target fragment is not specified for row operation."), null;
     const t = this.options.targetFragment.closestByAttribute(
-      `${f.prefix}row`
+      `${l.prefix}row`
     );
     return t || (h.error("Haori", "Row fragment not found."), null);
   }
@@ -2970,7 +3087,7 @@ ${d}
     const e = [], r = t.clone();
     return e.push(
       t.getParent().insertAfter(r, t)
-    ), e.push(T.evaluateAll(r)), e.push(b.reset(r)), Promise.all(e).then(() => {
+    ), e.push(R.evaluateAll(r)), e.push(A.reset(r)), Promise.all(e).then(() => {
     });
   }
   /**
@@ -2985,7 +3102,7 @@ ${d}
     if (!t)
       return Promise.reject(new Error("Row fragment not found."));
     const e = t.getParent();
-    return e && e.getChildElementFragments().filter((n) => !n.hasAttribute(`${f.prefix}each-before`) && !n.hasAttribute(`${f.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();
   }
   /**
    * 前の行へ移動します。
@@ -3022,9 +3139,9 @@ ${d}
     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 L = u;
-class _ {
+c.DATA_PLACEHOLDER_REGEX = /\{\{\{([\s\S]+?)\}\}\}|\{\{([\s\S]+?)\}\}/g, c.SINGLE_PLACEHOLDER_REGEX = /^(\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\})$/;
+let V = c;
+class lt {
   /**
    * URLのクエリパラメータを取得します。
    *
@@ -3032,12 +3149,12 @@ class _ {
    */
   static readParams() {
     const t = {}, e = window.location.search;
-    return new URLSearchParams(e).forEach((n, i) => {
-      t[i] = n;
+    return new URLSearchParams(e).forEach((i, s) => {
+      t[s] = i;
     }), t;
   }
 }
-class tt {
+class ct {
   /**
    * 指定URLから HTML を取得し、body 内の HTML 文字列を返します。
    *
@@ -3054,24 +3171,24 @@ class tt {
     let r;
     try {
       r = await fetch(t, e);
-    } catch (i) {
-      throw h.error("[Haori]", "Failed to fetch import source:", t, i), new Error(`Failed to fetch: ${t}`);
+    } catch (s) {
+      throw h.error("[Haori]", "Failed to fetch import source:", t, s), new Error(`Failed to fetch: ${t}`);
     }
     if (!r.ok) {
-      const i = `${r.status} ${r.statusText}`;
-      throw h.error("[Haori]", "Import HTTP error:", t, i), new Error(`Failed to load ${t}: ${i}`);
+      const s = `${r.status} ${r.statusText}`;
+      throw h.error("[Haori]", "Import HTTP error:", t, s), new Error(`Failed to load ${t}: ${s}`);
     }
-    let n;
+    let i;
     try {
-      n = await r.text();
-    } catch (i) {
-      throw h.error("[Haori]", "Failed to read response text:", t, i), new Error(`Failed to read response from: ${t}`);
+      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}`);
     }
     try {
-      const s = new DOMParser().parseFromString(n, "text/html");
-      return s && s.body ? s.body.innerHTML : (h.warn("[Haori]", "No body found in imported document:", t), n);
-    } catch (i) {
-      return h.error("[Haori]", "Failed to parse imported HTML:", t, i), n;
+      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);
+    } catch (s) {
+      return h.error("[Haori]", "Failed to parse imported HTML:", t, s), i;
     }
   }
 }
@@ -3084,7 +3201,7 @@ const m = class m {
    */
   static isDeferredAttributeName(t) {
     return m.DEFERRED_ATTRIBUTE_SUFFIXES.some(
-      (e) => t === `${f.prefix}${e}`
+      (e) => t === `${l.prefix}${e}`
     );
   }
   /**
@@ -3095,7 +3212,7 @@ const m = class m {
    */
   static isEvaluateAllExcludedAttributeName(t) {
     return m.EVALUATE_ALL_EXCLUDED_ATTRIBUTE_SUFFIXES.some(
-      (e) => t === `${f.prefix}${e}`
+      (e) => t === `${l.prefix}${e}`
     );
   }
   /**
@@ -3118,8 +3235,8 @@ const m = class m {
   static reevaluateInterpolatedAttributes(t) {
     let e = Promise.resolve();
     for (const r of t.getAttributeNames()) {
-      const n = t.getRawAttribute(r);
-      m.shouldReevaluateAttribute(r, n) && (e = e.then(() => t.setAttribute(r, n)));
+      const i = t.getRawAttribute(r);
+      m.shouldReevaluateAttribute(r, i) && (e = e.then(() => t.setAttribute(r, i)));
     }
     return e.then(() => {
     });
@@ -3131,39 +3248,39 @@ const m = class m {
    * @returns Promise (スキャンが完了したときに解決される)
    */
   static scan(t) {
-    const e = A.get(t);
+    const e = N.get(t);
     if (!e)
       return Promise.resolve();
-    t.parentNode && (A.get(t.parentNode)?.isMounted() || document.body.contains(t) ? e.setMounted(!0) : e.setMounted(!1));
-    const r = [], n = /* @__PURE__ */ new Set();
-    for (const i of m.PRIORITY_ATTRIBUTE_SUFFIXES) {
-      const s = f.prefix + i;
-      e.hasAttribute(s) && (r.push(
+    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 m.PRIORITY_ATTRIBUTE_SUFFIXES) {
+      const n = l.prefix + s;
+      e.hasAttribute(n) && (r.push(
         m.setAttribute(
           e.getTarget(),
-          s,
-          e.getRawAttribute(s)
+          n,
+          e.getRawAttribute(n)
         )
-      ), n.add(s));
+      ), i.add(n));
     }
-    for (const i of e.getAttributeNames()) {
-      if (n.has(i) || m.isDeferredAttributeName(i))
+    for (const s of e.getAttributeNames()) {
+      if (i.has(s) || m.isDeferredAttributeName(s))
         continue;
-      const s = e.getRawAttribute(i);
-      s !== null && r.push(m.setAttribute(e.getTarget(), i, s));
+      const n = e.getRawAttribute(s);
+      n !== null && r.push(m.setAttribute(e.getTarget(), s, n));
     }
-    for (const i of m.DEFERRED_ATTRIBUTE_SUFFIXES) {
-      const s = f.prefix + i;
-      e.hasAttribute(s) && (r.push(
+    for (const s of m.DEFERRED_ATTRIBUTE_SUFFIXES) {
+      const n = l.prefix + s;
+      e.hasAttribute(n) && (r.push(
         m.setAttribute(
           e.getTarget(),
-          s,
-          e.getRawAttribute(s)
+          n,
+          e.getRawAttribute(n)
         )
-      ), n.add(s));
+      ), i.add(n));
     }
-    return e.getChildren().forEach((i) => {
-      i instanceof P ? r.push(m.scan(i.getTarget())) : i instanceof I && r.push(m.evaluateText(i));
+    return e.getChildren().forEach((s) => {
+      s instanceof D ? r.push(m.scan(s.getTarget())) : s instanceof L && r.push(m.evaluateText(s));
     }), Promise.all(r).then(() => {
     });
   }
@@ -3177,51 +3294,54 @@ const m = class m {
    * @returns Promise (DOM操作が完了したときに解決される)
    */
   static setAttribute(t, e, r) {
-    const n = A.get(t), i = [];
+    const i = N.get(t), s = [];
     switch (e) {
-      case `${f.prefix}bind`: {
-        r === null ? (n.clearBindingDataCache(), n.setBindingData({})) : n.setBindingData(m.parseDataBind(r));
+      case `${l.prefix}bind`: {
+        r === null ? (i.clearBindingDataCache(), i.setBindingData({})) : i.setBindingData(m.parseDataBind(r));
         break;
       }
-      case `${f.prefix}if`:
-        i.push(m.evaluateIf(n));
+      case `${l.prefix}if`:
+        s.push(m.evaluateIf(i));
         break;
-      case `${f.prefix}each`:
-        i.push(m.evaluateEach(n));
+      case `${l.prefix}each`:
+        s.push(m.evaluateEach(i));
         break;
-      case `${f.prefix}fetch`:
-        i.push(new L(n, null).run());
+      case `${l.prefix}fetch`:
+        s.push(
+          new V(i, null).run().then(() => {
+          })
+        );
         break;
-      case `${f.prefix}import`: {
+      case `${l.prefix}import`: {
         if (typeof r == "string") {
-          const s = n.getTarget(), a = performance.now();
-          E.importStart(s, r), i.push(
-            tt.load(r).then((o) => {
+          const n = i.getTarget(), a = performance.now();
+          v.importStart(n, r), s.push(
+            ct.load(r).then((o) => {
               const p = new TextEncoder().encode(o).length;
-              return N.enqueue(() => {
-                s.innerHTML = o;
+              return F.enqueue(() => {
+                n.innerHTML = o;
               }).then(() => {
-                E.importEnd(s, r, p, a);
+                v.importEnd(n, r, p, a);
               });
             }).catch((o) => {
-              E.importError(s, r, o), h.error("[Haori]", "Failed to import HTML:", r, o);
+              v.importError(n, r, o), h.error("[Haori]", "Failed to import HTML:", r, o);
             })
           );
         }
         break;
       }
-      case `${f.prefix}url-param`: {
-        const s = n.getAttribute(`${f.prefix}url-arg`), a = _.readParams();
-        if (s === null)
+      case `${l.prefix}url-param`: {
+        const n = i.getAttribute(`${l.prefix}url-arg`), a = lt.readParams();
+        if (n === null)
           m.setBindingData(t, a);
         else {
-          const o = n.getRawBindingData() || {};
-          o[String(s)] = a, m.setBindingData(t, o);
+          const o = i.getRawBindingData() || {};
+          o[String(n)] = a, m.setBindingData(t, o);
         }
         break;
       }
     }
-    return r === null ? i.push(n.removeAttribute(e)) : i.push(n.setAttribute(e, r)), Promise.all(i).then(() => {
+    return r === null ? s.push(i.removeAttribute(e)) : s.push(i.setAttribute(e, r)), Promise.all(s).then(() => {
     });
   }
   /**
@@ -3233,12 +3353,12 @@ const m = class m {
    * @returns Promise (DOM操作が完了したときに解決される)
    */
   static setBindingData(t, e) {
-    const r = A.get(t), n = r.getRawBindingData();
+    const r = N.get(t), i = r.getRawBindingData();
     r.setBindingData(e);
-    const i = [];
-    return i.push(
-      r.setAttribute(`${f.prefix}bind`, JSON.stringify(e))
-    ), i.push(m.evaluateAll(r)), E.bindChange(t, n, e, "manual"), Promise.all(i).then(() => {
+    const s = [];
+    return s.push(
+      r.setAttribute(`${l.prefix}bind`, JSON.stringify(e))
+    ), s.push(m.evaluateAll(r)), v.bindChange(t, i, e, "manual"), Promise.all(s).then(() => {
     });
   }
   /**
@@ -3256,8 +3376,8 @@ const m = class m {
       }
     else {
       const e = new URLSearchParams(t), r = {};
-      for (const [n, i] of e.entries())
-        r[n] !== void 0 ? Array.isArray(r[n]) ? r[n].push(i) : r[n] = [r[n], i] : r[n] = i;
+      for (const [i, s] of e.entries())
+        r[i] !== void 0 ? Array.isArray(r[i]) ? r[i].push(s) : r[i] = [r[i], s] : r[i] = s;
       return r;
     }
   }
@@ -3268,11 +3388,11 @@ const m = class m {
    * @param node 追加するノード
    */
   static addNode(t, e) {
-    const r = A.get(t);
+    const r = N.get(t);
     if (r.isSkipMutationNodes())
       return;
-    const n = A.get(e.nextSibling), i = A.get(e);
-    i && (r.insertBefore(i, n), i instanceof P ? m.scan(i.getTarget()) : i instanceof I && m.evaluateText(i));
+    const i = N.get(e.nextSibling), s = N.get(e);
+    s && (r.insertBefore(s, i), s instanceof D ? m.scan(s.getTarget()) : s instanceof L && m.evaluateText(s));
   }
   /**
    * ノードを親要素から削除します。
@@ -3280,7 +3400,7 @@ const m = class m {
    * @param node 削除するノード
    */
   static removeNode(t) {
-    const e = A.get(t);
+    const e = N.get(t);
     if (e) {
       const r = e.getParent();
       if (r && r.isSkipMutationNodes())
@@ -3295,7 +3415,7 @@ const m = class m {
    * @param text 新しいテキスト
    */
   static changeText(t, e) {
-    const r = A.get(t);
+    const r = N.get(t);
     r && r.setContent(e);
   }
   /**
@@ -3307,18 +3427,18 @@ const m = class m {
    * @returns Promise (DOM操作が完了したときに解決される)
    */
   static changeValue(t, e) {
-    const r = A.get(t);
+    const r = N.get(t);
     if (r.getValue() === e)
       return Promise.resolve();
-    const n = [];
-    n.push(r.setValue(e));
-    const i = m.getFormFragment(r);
-    if (i) {
-      const s = b.getValues(i), a = i.getAttribute(`${f.prefix}form-arg`);
+    const i = [];
+    i.push(r.setValue(e));
+    const s = m.getFormFragment(r);
+    if (s) {
+      const n = A.getValues(s), a = s.getAttribute(`${l.prefix}form-arg`);
       let o;
-      a ? (o = i.getRawBindingData(), o || (o = {}), o[String(a)] = s) : o = s, n.push(m.setBindingData(i.getTarget(), o));
+      a ? (o = s.getRawBindingData(), o || (o = {}), o[String(a)] = n) : o = n, i.push(m.setBindingData(s.getTarget(), o));
     }
-    return Promise.all(n).then(() => {
+    return Promise.all(i).then(() => {
     });
   }
   /**
@@ -3341,8 +3461,8 @@ const m = class m {
    */
   static evaluateAll(t) {
     const e = [];
-    return e.push(m.reevaluateInterpolatedAttributes(t)), t.hasAttribute(`${f.prefix}if`) && e.push(m.evaluateIf(t)), t.hasAttribute(`${f.prefix}each`) && e.push(m.evaluateEach(t)), t.getChildren().forEach((r) => {
-      r instanceof P ? e.push(m.evaluateAll(r)) : r instanceof I && e.push(m.evaluateText(r));
+    return e.push(m.reevaluateInterpolatedAttributes(t)), t.hasAttribute(`${l.prefix}if`) && e.push(m.evaluateIf(t)), t.hasAttribute(`${l.prefix}each`) && e.push(m.evaluateEach(t)), t.getChildren().forEach((r) => {
+      r instanceof D ? e.push(m.evaluateAll(r)) : r instanceof L && e.push(m.evaluateText(r));
     }), Promise.all(e).then(() => {
     });
   }
@@ -3363,14 +3483,14 @@ const m = class m {
    * @return Promise (DOM操作が完了したときに解決される)
    */
   static evaluateIf(t) {
-    const e = [], r = t.getAttribute(`${f.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(() => {
-        E.hide(t.getTarget());
+        v.hide(t.getTarget());
       })
     ) : t.isVisible() || (e.push(
       t.show().then(() => {
-        E.show(t.getTarget());
+        v.show(t.getTarget());
       })
     ), e.push(m.evaluateAll(t))), Promise.all(e).then(() => {
     });
@@ -3386,20 +3506,20 @@ const m = class m {
       return Promise.resolve();
     let e = t.getTemplate();
     if (e === null) {
-      let n = !1;
-      t.getChildren().forEach((s) => {
-        if (!n && s instanceof P) {
-          if (s.hasAttribute(`${f.prefix}each-before`) || s.hasAttribute(`${f.prefix}each-after`))
+      let i = !1;
+      t.getChildren().forEach((n) => {
+        if (!i && n instanceof D) {
+          if (n.hasAttribute(`${l.prefix}each-before`) || n.hasAttribute(`${l.prefix}each-after`))
             return;
-          e = s.clone(), t.setTemplate(e), n = !0, t.removeChild(s);
-          const a = s.getTarget();
-          a.parentNode && a.parentNode.removeChild(a), s.setMounted(!1);
+          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 i = t.getAttribute(`${f.prefix}each`);
-      return Array.isArray(i) ? this.updateDiff(t, i) : (h.error("[Haori]", "Invalid each attribute:", i), Promise.reject(new Error("Invalid each attribute.")));
+      const s = t.getAttribute(`${l.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 r = t.getAttribute(`${f.prefix}each`);
+    const r = t.getAttribute(`${l.prefix}each`);
     return Array.isArray(r) ? this.updateDiff(t, r) : (h.error("[Haori]", "Invalid each attribute:", r), Promise.reject(new Error("Invalid each attribute.")));
   }
   /**
@@ -3412,72 +3532,72 @@ const m = class m {
     const r = t.getTemplate();
     if (r === null)
       return h.error("[Haori]", "Template is not set for each element."), Promise.resolve();
-    let n = t.getAttribute(`${f.prefix}each-index`);
-    n && (n = String(n));
-    const i = t.getAttribute(`${f.prefix}each-key`), s = t.getAttribute(`${f.prefix}each-arg`), a = /* @__PURE__ */ new Map(), o = [];
-    e.forEach((g, v) => {
-      const w = m.createListKey(
-        g,
-        i ? String(i) : null,
-        v
+    let i = t.getAttribute(`${l.prefix}each-index`);
+    i && (i = String(i));
+    const s = t.getAttribute(`${l.prefix}each-key`), n = t.getAttribute(`${l.prefix}each-arg`), a = /* @__PURE__ */ new Map(), o = [];
+    e.forEach((u, g) => {
+      const b = m.createListKey(
+        u,
+        s ? String(s) : null,
+        g
       );
-      o.push(w), a.set(w, { item: g, itemIndex: v });
+      o.push(b), a.set(b, { item: u, itemIndex: g });
     });
     const p = [];
-    let c = t.getChildren().filter((g) => g instanceof P).filter(
-      (g) => !g.hasAttribute(`${f.prefix}each-before`) && !g.hasAttribute(`${f.prefix}each-after`)
+    let f = t.getChildren().filter((u) => u instanceof D).filter(
+      (u) => !u.hasAttribute(`${l.prefix}each-before`) && !u.hasAttribute(`${l.prefix}each-after`)
     );
-    c = c.filter((g) => o.indexOf(String(g.getListKey())) === -1 ? (p.push(g.remove()), !1) : !0);
-    const y = c.map((g) => g.getListKey()), l = t.getChildren().filter((g) => g instanceof P).filter((g) => g.hasAttribute(`${f.prefix}each-before`)).length;
+    f = f.filter((u) => o.indexOf(String(u.getListKey())) === -1 ? (p.push(u.remove()), !1) : !0);
+    const T = f.map((u) => u.getListKey()), E = t.getChildren().filter((u) => u instanceof D).filter((u) => u.hasAttribute(`${l.prefix}each-before`)).length;
     let d = Promise.resolve();
-    return o.forEach((g, v) => {
-      const w = y.indexOf(g), { item: B, itemIndex: F } = a.get(g);
-      let x;
-      if (w !== -1)
-        x = c[w], d = d.then(
+    return o.forEach((u, g) => {
+      const b = T.indexOf(u), { item: y, itemIndex: x } = a.get(u);
+      let k;
+      if (b !== -1)
+        k = f[b], d = d.then(
           () => m.updateRowFragment(
+            k,
+            y,
+            i,
             x,
-            B,
-            n,
-            F,
-            s ? String(s) : null,
-            g
-          ).then(() => m.evaluateAll(x))
+            n ? String(n) : null,
+            u
+          ).then(() => m.evaluateAll(k))
         );
       else {
-        x = r.clone();
-        const Y = l + v;
+        k = r.clone();
+        const U = E + g;
         d = d.then(
           () => m.updateRowFragment(
+            k,
+            y,
+            i,
             x,
-            B,
-            n,
-            F,
-            s ? String(s) : null,
-            g
+            n ? String(n) : null,
+            u
           ).then(
             () => t.insertBefore(
-              x,
-              t.getChildren()[Y] || null
-            ).then(() => m.evaluateAll(x))
+              k,
+              t.getChildren()[U] || null
+            ).then(() => m.evaluateAll(k))
           )
         );
       }
     }), Promise.all(p).then(() => d).then(() => {
-      const g = o.filter(
-        (F) => F !== null
-      ), v = y.filter(
-        (F) => F !== null
-      ), w = g.filter(
-        (F) => !v.includes(F)
-      ), B = v.filter(
-        (F) => !g.includes(F)
+      const u = o.filter(
+        (x) => x !== null
+      ), g = T.filter(
+        (x) => x !== null
+      ), b = u.filter(
+        (x) => !g.includes(x)
+      ), y = g.filter(
+        (x) => !u.includes(x)
       );
-      E.eachUpdate(
+      v.eachUpdate(
         t.getTarget(),
-        w,
-        B,
-        g
+        b,
+        y,
+        u
       );
     });
   }
@@ -3490,16 +3610,16 @@ const m = class m {
    * @returns リストキー
    */
   static createListKey(t, e, r) {
-    let n;
+    let i;
     if (typeof t == "object" && t !== null)
       if (e) {
-        const i = t[e];
-        i == null ? n = `__index_${r}` : typeof i == "object" ? n = JSON.stringify(i) : n = String(i);
+        const s = t[e];
+        s == null ? i = `__index_${r}` : typeof s == "object" ? i = JSON.stringify(s) : i = String(s);
       } else
-        n = `__index_${r}`;
+        i = `__index_${r}`;
     else
-      n = String(t);
-    return n;
+      i = String(t);
+    return i;
   }
   /**
    * 行フラグメントにデータを設定します。
@@ -3512,22 +3632,22 @@ const m = class m {
    * @param listKey リストキー
    * @returns 行メタデータの更新完了 Promise
    */
-  static updateRowFragment(t, e, r, n, i, s) {
+  static updateRowFragment(t, e, r, i, s, n) {
     let a = e;
     if (typeof e == "object" && e !== null)
-      a = { ...e }, r && (a[r] = n), i && (a = {
-        [i]: a
+      a = { ...e }, r && (a[r] = i), s && (a = {
+        [s]: a
       });
-    else if (i)
+    else if (s)
       a = {
-        [i]: e
-      }, r && (a[r] = n);
+        [s]: e
+      }, r && (a[r] = i);
     else
       return h.error(
         "[Haori]",
-        `Primitive value requires '${f.prefix}each-arg' attribute: ${e}`
+        `Primitive value requires '${l.prefix}each-arg' attribute: ${e}`
       ), Promise.resolve();
-    return t.setListKey(s), t.setBindingData(a), t.setAttribute(`${f.prefix}row`, s);
+    return t.setListKey(n), t.setBindingData(a), t.setAttribute(`${l.prefix}row`, n);
   }
 };
 m.PRIORITY_ATTRIBUTE_SUFFIXES = ["bind", "if", "each"], m.DEFERRED_ATTRIBUTE_SUFFIXES = ["fetch", "url-param"], m.EVALUATE_ALL_EXCLUDED_ATTRIBUTE_SUFFIXES = [
@@ -3538,8 +3658,8 @@ m.PRIORITY_ATTRIBUTE_SUFFIXES = ["bind", "if", "each"], m.DEFERRED_ATTRIBUTE_SUF
   "import",
   "url-param"
 ], m.ATTRIBUTE_PLACEHOLDER_REGEX = /\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/;
-let T = m;
-class et {
+let R = m;
+class ut {
   /**
    * コンストラクタ。
    *
@@ -3547,8 +3667,8 @@ class et {
    */
   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 = A.get(e);
-      r && new L(r, "load").run();
+      const e = document.documentElement, r = N.get(e);
+      r && new V(r, "load").run();
     }, this.root = t;
   }
   /**
@@ -3574,9 +3694,9 @@ class et {
     const r = this.getElementFromTarget(t.target);
     if (!r)
       return;
-    const n = A.get(r);
-    n && (e === "change" && n instanceof P && n.syncValue(), new L(n, e).run().catch((i) => {
-      h.error("[Haori]", "Procedure execution error:", i);
+    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);
     }));
   }
   /**
@@ -3589,20 +3709,136 @@ class et {
     return t ? t instanceof HTMLElement ? t : t instanceof Node ? t.parentElement : null : null;
   }
 }
-const O = class O {
+const w = class w {
+  static syncTree(t) {
+    (t instanceof Element || t instanceof DocumentFragment) && (t instanceof HTMLElement && w.syncElement(t), t.querySelectorAll("*").forEach((e) => {
+      w.syncElement(e);
+    }));
+  }
+  static syncElement(t) {
+    const e = w.registrations.get(t), r = N.get(t);
+    if (!r || !w.shouldObserve(r)) {
+      e && (e.observer.disconnect(), w.registrations.delete(t));
+      return;
+    }
+    if (typeof IntersectionObserver > "u")
+      return;
+    const i = w.resolveRoot(r), s = w.resolveRootMargin(r), n = w.resolveThreshold(r), a = r.hasAttribute(`${l.prefix}intersect-once`);
+    if (e && e.observer.root === i && e.observer.rootMargin === s && w.sameThreshold(
+      e.observer.thresholds,
+      n
+    ) && e.once === a) {
+      e.fragment = r;
+      return;
+    }
+    e && (e.observer.disconnect(), w.registrations.delete(t));
+    const o = new IntersectionObserver(
+      (p) => {
+        const f = w.registrations.get(t);
+        f && p.forEach((T) => {
+          !T.isIntersecting || f.running || w.isDisabled(f.fragment) || (f.running = !0, new V(f.fragment, "intersect").runWithResult().then((E) => {
+            E && f.once && (f.observer.disconnect(), w.registrations.delete(t));
+          }).catch((E) => {
+            h.error(
+              "[Haori]",
+              "Intersect procedure execution error:",
+              E
+            );
+          }).finally(() => {
+            const E = w.registrations.get(t);
+            E && (E.running = !1);
+          }));
+        });
+      },
+      {
+        root: i,
+        rootMargin: s,
+        threshold: n
+      }
+    );
+    o.observe(t), w.registrations.set(t, {
+      fragment: r,
+      observer: o,
+      once: a,
+      running: !1
+    });
+  }
+  static cleanupTree(t) {
+    if (t instanceof HTMLElement) {
+      const e = w.registrations.get(t);
+      e && (e.observer.disconnect(), w.registrations.delete(t));
+    }
+    (t instanceof Element || t instanceof DocumentFragment) && t.querySelectorAll("*").forEach((e) => {
+      const r = w.registrations.get(e);
+      r && (r.observer.disconnect(), w.registrations.delete(e));
+    });
+  }
+  static disconnectAll() {
+    w.registrations.forEach((t) => {
+      t.observer.disconnect();
+    }), w.registrations.clear();
+  }
+  static shouldObserve(t) {
+    return t.getAttributeNames().some((e) => {
+      if (!e.startsWith(`${l.prefix}intersect-`))
+        return !1;
+      const r = e.slice(`${l.prefix}intersect-`.length);
+      return !w.CONFIG_KEYS.has(r);
+    });
+  }
+  static resolveRoot(t) {
+    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);
+  }
+  static resolveRootMargin(t) {
+    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 = `${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 = `${l.prefix}intersect-disabled`, r = t.getAttribute(e);
+    if (r === null || r === !1)
+      return !1;
+    if (typeof r == "boolean")
+      return r;
+    const i = String(r).trim().toLowerCase();
+    return i !== "" && i !== "false" && i !== "0";
+  }
+  static sameThreshold(t, e) {
+    return t.length === 1 && t[0] === e;
+  }
+};
+w.CONFIG_KEYS = /* @__PURE__ */ new Set([
+  "root",
+  "root-margin",
+  "threshold",
+  "disabled",
+  "once"
+]), w.registrations = /* @__PURE__ */ new Map();
+let B = w;
+const H = class H {
   /**
    * 初期化メソッド。
    * ドキュメントのheadとbodyを監視対象として設定します。
    */
   static async init() {
-    if (O._initialized)
+    if (H._initialized)
       return;
-    O._initialized = !0;
+    H._initialized = !0;
     const t = await Promise.allSettled([
-      T.scan(document.head),
-      T.scan(document.body)
+      R.scan(document.head),
+      R.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), O.observe(document.head), O.observe(document.body), new et().start();
+    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 ut().start(), B.syncTree(document.body);
   }
   /**
    * 指定された要素を監視します。
@@ -3611,34 +3847,34 @@ const O = class O {
    */
   static observe(t) {
     new MutationObserver(async (r) => {
-      for (const n of r)
+      for (const i of r)
         try {
-          switch (n.type) {
+          switch (i.type) {
             case "attributes": {
               h.info(
                 "[Haori]",
                 "Attribute changed:",
-                n.target,
-                n.attributeName
-              );
-              const i = n.target;
-              T.setAttribute(
-                i,
-                n.attributeName,
-                i.getAttribute(n.attributeName)
+                i.target,
+                i.attributeName
               );
+              const s = i.target;
+              R.setAttribute(
+                s,
+                i.attributeName,
+                s.getAttribute(i.attributeName)
+              ), B.syncElement(s);
               break;
             }
             case "childList": {
               h.info(
                 "[Haori]",
                 "Child list changed:",
-                Array.from(n.removedNodes).map((i) => i.nodeName),
-                Array.from(n.addedNodes).map((i) => i.nodeName)
-              ), Array.from(n.removedNodes).forEach((i) => {
-                T.removeNode(i);
-              }), Array.from(n.addedNodes).forEach((i) => {
-                i.parentElement instanceof HTMLElement && T.addNode(i.parentElement, i);
+                Array.from(i.removedNodes).map((s) => s.nodeName),
+                Array.from(i.addedNodes).map((s) => s.nodeName)
+              ), Array.from(i.removedNodes).forEach((s) => {
+                B.cleanupTree(s), R.removeNode(s);
+              }), Array.from(i.addedNodes).forEach((s) => {
+                s.parentElement instanceof HTMLElement && (R.addNode(s.parentElement, s), B.syncTree(s));
               });
               break;
             }
@@ -3646,21 +3882,21 @@ const O = class O {
               h.info(
                 "[Haori]",
                 "Character data changed:",
-                n.target,
-                n.target.textContent
-              ), n.target instanceof Text || n.target instanceof Comment ? T.changeText(n.target, n.target.textContent) : h.warn(
+                i.target,
+                i.target.textContent
+              ), i.target instanceof Text || i.target instanceof Comment ? R.changeText(i.target, i.target.textContent) : h.warn(
                 "[Haori]",
                 "Unsupported character data type:",
-                n.target
+                i.target
               );
               break;
             }
             default:
-              h.warn("[Haori]", "Unknown mutation type:", n.type);
+              h.warn("[Haori]", "Unknown mutation type:", i.type);
               continue;
           }
-        } catch (i) {
-          h.error("[Haori]", "Error processing mutation:", i);
+        } catch (s) {
+          h.error("[Haori]", "Error processing mutation:", s);
         }
     }).observe(t, {
       childList: !0,
@@ -3670,19 +3906,19 @@ const O = class O {
     }), h.info("[Haori]", "Observer initialized for", t);
   }
 };
-O._initialized = !1;
-let V = O;
-document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", V.init) : V.init();
-const rt = "0.2.0";
+H._initialized = !1;
+let G = H;
+document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", G.init) : G.init();
+const ht = "0.4.0";
 export {
-  T as Core,
-  f as Env,
-  b as Form,
-  A as Fragment,
-  W as Haori,
+  R as Core,
+  l as Env,
+  A as Form,
+  N as Fragment,
+  _ as Haori,
   h as Log,
-  N as Queue,
-  W as default,
-  rt as version
+  F as Queue,
+  _ as default,
+  ht as version
 };
 //# sourceMappingURL=haori.es.js.map