haori 0.5.0 → 0.6.0

package/dist/haori.es.js

@@ -1,23 +1,23 @@
-const B = class B {
+const H = class H {
   /**
    * 開発モードの状態を取得します。
    *
    * @returns 開発モードならtrue、そうでなければfalse
    */
   static isEnabled() {
-    return B.devMode;
+    return H.devMode;
   }
   /**
    * 開発モードを有効化します。
    */
   static enable() {
-    B.devMode = !0;
+    H.devMode = !0;
   }
   /**
    * 開発モードを無効化します。
    */
   static disable() {
-    B.devMode = !1;
+    H.devMode = !1;
   }
   /**
    * 開発モードを切り替えます。
@@ -25,17 +25,17 @@ const B = class B {
    * @param enabled trueで有効化、falseで無効化
    */
   static set(t) {
-    B.devMode = t;
+    H.devMode = t;
   }
 };
-B.devMode = !1;
-let U = B;
-const Z = "embedded";
-function it(E) {
+H.devMode = !1;
+let L = H;
+const _ = "embedded";
+function st(E) {
   return E === "embedded" || E === "demo";
 }
-function nt(E) {
-  return E === null ? null : it(E) ? E : Z;
+function at(E) {
+  return E === null ? null : st(E) ? E : _;
 }
 const k = class k {
   /**
@@ -53,7 +53,7 @@ const k = class k {
    * @return 戻り値はありません。
    */
   static setRuntime(t) {
-    k._runtime = it(t) ? t : Z;
+    k._runtime = st(t) ? t : _;
   }
   /**
    * 実行環境からプレフィックスと開発モードかどうかを自動検出します。
@@ -67,21 +67,21 @@ const k = class k {
       if (t instanceof HTMLScriptElement) {
         const r = t.getAttribute("data-prefix") || k._prefix;
         k._prefix = r.endsWith("-") ? r : r + "-";
-        const s = nt(
+        const s = at(
           t.getAttribute("data-runtime")
         );
         s !== null && (k._runtime = s);
       }
       if (t instanceof HTMLScriptElement && t.hasAttribute(`${k._prefix}dev`)) {
-        U.set(!0);
+        L.set(!0);
         return;
       }
       const e = window.location.hostname;
       if (e === "localhost" || e.endsWith(".localhost") || e === "127.0.0.1" || e === "::1" || e.endsWith(".local")) {
-        U.set(!0);
+        L.set(!0);
         return;
       }
-      U.set(!1);
+      L.set(!1);
     } catch {
     }
   }
@@ -94,9 +94,9 @@ const k = class k {
     return k._prefix;
   }
 };
-k._prefix = "data-", k._runtime = Z;
-let c = k;
-document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", c.detect) : c.detect();
+k._prefix = "data-", k._runtime = _;
+let u = k;
+document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", u.detect) : u.detect();
 class m {
   /**
    * 開発モードでのみコンソールに情報を出力します。
@@ -105,7 +105,7 @@ class m {
    * @param args 追加の引数
    */
   static info(t, ...e) {
-    U.isEnabled() && console.log && console.log(t, ...e);
+    L.isEnabled() && console.log && console.log(t, ...e);
   }
   /**
    * 開発モードでのみコンソールに警告を出力します。
@@ -114,7 +114,7 @@ class m {
    * @param args 追加の引数
    */
   static warn(t, ...e) {
-    U.isEnabled() && console.warn && console.warn(t, ...e);
+    L.isEnabled() && console.warn && console.warn(t, ...e);
   }
   /**
    * モードに関係なくコンソールにエラーを出力します。
@@ -126,1165 +126,1165 @@ class m {
     console.error(t, ...e);
   }
 }
-class at {
-  constructor() {
-    this.MAX_BUDGET = 8, this.queue = [], this.processing = !1;
-  }
-  /**
-   * 処理をキューに追加します
-   *
-   * @param task 実行する処理
-   * @param prepend trueの場合はキューの先頭に追加、falseの場合は末尾に追加
-   * @returns 処理完了Promise
-   */
-  enqueue(t, e = !1) {
-    let r, s;
-    const i = new Promise((a, o) => {
-      r = a, s = o;
-    }), n = {
-      task: t,
-      timestamp: performance.now(),
-      promise: i,
-      resolve: r,
-      reject: s
-    };
-    return e ? this.queue.unshift(n) : this.queue.push(n), this.scheduleProcessing(), i;
-  }
-  /**
-   * キューを処理します。
-   *
-   * @returns 処理完了Promise
-   */
-  async processQueue() {
-    if (!(this.processing || this.queue.length === 0)) {
-      this.processing = !0;
-      try {
-        const t = performance.now();
-        for (; this.queue.length > 0; ) {
-          const e = this.queue.shift();
-          if (!e)
-            return;
-          try {
-            const r = await e.task();
-            e.resolve(r);
-          } catch (r) {
-            e.reject(r), m.error("[Haori]", `Task ${e.timestamp} failed:`, r);
-          }
-          if (performance.now() - t > this.MAX_BUDGET)
-            break;
-        }
-      } catch (t) {
-        m.error("[Haori]", "Error processing queue:", t);
-      } finally {
-        this.processing = !1, this.queue.length > 0 && this.scheduleProcessing();
-      }
-    }
-  }
-  /**
-   * 処理をスケジュールします。
-   */
-  scheduleProcessing() {
-    this.processing || (typeof requestAnimationFrame < "u" ? requestAnimationFrame(() => {
-      this.processQueue();
-    }) : setTimeout(() => {
-      this.processQueue();
-    }, 16));
-  }
+const x = class x {
   /**
-   * キューが空になるまで待機します。
+   * 明示バインド内に持ち込まれてはならない危険値を返します。
    *
-   * @returns キューが空になったら解決されるPromise
+   * @returns 危険値の配列
    */
-  async wait() {
-    if (this.queue.length === 0 && !this.processing)
-      return;
-    const t = this.queue.map((e) => e.promise);
-    t.length > 0 && await Promise.allSettled(t);
+  static getForbiddenBindingValues() {
+    const t = globalThis, e = [
+      t,
+      t.window,
+      t.document,
+      t.navigator,
+      t.history,
+      t.localStorage,
+      t.sessionStorage,
+      t.fetch,
+      t.Function,
+      t.setTimeout,
+      t.setInterval,
+      t.requestAnimationFrame,
+      t.alert,
+      t.confirm,
+      t.prompt
+    ];
+    return t.window?.location && e.push(t.window.location), e.filter((r) => r != null);
   }
-}
-const et = class et {
   /**
-   * タスクをキューに追加します。
+   * 現在のバインド識別子に含まれない禁止グローバルを遮断するコードを生成します。
    *
-   * @param task 実行する処理
-   * @param prepend trueの場合はキューの先頭に追加、falseの場合は末尾に追加
-   * @returns 処理完了Promise
-   */
-  static enqueue(t, e = !1) {
-    return this.ASYNC_QUEUE.enqueue(t, e);
-  }
-  /**
-   * 全てのキュー処理が完了するまで待機します。
+   * @param bindKeys 現在の式で利用するバインド識別子一覧
+   * @returns 評価前に挿入する初期化コード
    */
-  static wait() {
-    return this.ASYNC_QUEUE.wait();
+  static buildAssignments(t) {
+    const e = new Set(t);
+    return this.FORBIDDEN_NAMES.filter((r) => !e.has(r)).map((r) => `const ${r} = undefined`).join(`;
+`);
   }
-};
-et.ASYNC_QUEUE = new at();
-let N = et;
-class Y {
   /**
-   * 実行モードを取得します。
+   * 式を評価します。
    *
-   * @return 実行モード。
+   * @param expression 評価する式文字列
+   * @param bindedValue バインドされた値のオブジェクト
    */
-  static get runtime() {
-    return c.runtime;
+  static evaluate(t, e = {}) {
+    return this.evaluateDetailed(t, e).value;
   }
   /**
-   * 実行モードを設定します。
+   * 式を評価し、未解決参照の有無を含む詳細結果を返します。
    *
-   * @param runtime 設定する実行モード。
-   * @return 戻り値はありません。
+   * @param expression 評価する式文字列
+   * @param bindedValues バインドされた値のオブジェクト
+   * @returns 評価結果と未解決参照の有無
    */
-  static setRuntime(t) {
-    c.setRuntime(t);
+  static evaluateDetailed(t, e = {}) {
+    if (t.trim() === "")
+      return m.warn("[Haori]", t, "Expression is empty"), { value: null, unresolvedReference: !1 };
+    if (this.containsDangerousPatterns(t))
+      return m.warn("[Haori]", t, "Expression contains dangerous patterns"), { value: null, unresolvedReference: !1 };
+    if (this.containsForbiddenKeys(e))
+      return m.warn("[Haori]", e, "Binded values contain forbidden keys"), { value: null, unresolvedReference: !1 };
+    if (this.containsForbiddenBindingValues(e))
+      return m.warn(
+        "[Haori]",
+        e,
+        "Binded values contain forbidden values"
+      ), { value: null, unresolvedReference: !1 };
+    const r = Object.keys(e).filter((n) => !this.FORBIDDEN_BINDING_NAMES.has(n)).sort(), s = `${t}:${r.join(",")}`;
+    let i = this.EXPRESSION_CACHE.get(s);
+    if (!i) {
+      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(s, i);
+      } catch (o) {
+        return m.error(
+          "[Haori]",
+          "Failed to compile expression:",
+          t,
+          o
+        ), { value: null, unresolvedReference: !1 };
+      }
+    }
+    try {
+      const n = [], a = this.wrapBoundValues(e);
+      return r.forEach((o) => {
+        n.push(a[o]);
+      }), {
+        value: this.withBlockedPropertyAccess(() => i(...n)),
+        unresolvedReference: !1
+      };
+    } catch (n) {
+      return m.error("[Haori]", "Expression evaluation error:", t, n), n instanceof ReferenceError ? { value: void 0, unresolvedReference: !0 } : { value: null, unresolvedReference: !1 };
+    }
   }
   /**
-   * 通知ダイアログを表示します。
+   * 式にevalや危険な構文が含まれているかチェックします。
    *
-   * @param message 表示メッセージ
-   * @returns 通知が閉じられると解決されるPromise
+   * @param expression チェック対象の式文字列
+   * @return 危険なパターンが含まれている場合はtrue
    */
-  static dialog(t) {
-    return N.enqueue(() => {
-      window.alert(t);
-    }, !0);
+  static containsDangerousPatterns(t) {
+    return this.hasAllowedSyntax(t) ? [
+      /\beval\s*\(/,
+      // eval(...)
+      /\barguments\s*\[/,
+      // arguments[...]
+      /\barguments\s*\./
+      // arguments.xxx
+    ].some((r) => r.test(t)) : !0;
   }
   /**
-   * 通知トーストを表示します。
+   * 許可する式構文かどうかを検証します。
    *
-   * @param message 表示メッセージ
-   * @param level メッセージのレベル（省略時は 'info'）
-   * @return 通知が表示されると解決されるPromise
+   * @param expression 検証対象の式
+   * @returns 許可する構文であればtrue
    */
-  static async toast(t, e = "info") {
-    const r = document.createElement("div");
-    r.className = `haori-toast haori-toast-${e}`, r.textContent = t, r.setAttribute("popover", "manual"), r.setAttribute("role", "status"), r.setAttribute("aria-live", e === "error" ? "assertive" : "polite"), document.body.appendChild(r), r.showPopover(), setTimeout(() => {
-      try {
-        r.hidePopover();
-      } finally {
-        r.remove();
+  static hasAllowedSyntax(t) {
+    const e = this.tokenizeExpression(t);
+    if (e === null || e.length === 0)
+      return !1;
+    const r = [];
+    let s = null;
+    for (let i = 0; i < e.length; i++) {
+      const n = e[i], a = e[i + 1] || null, o = r[r.length - 1] || null, d = e[i - 2] || null, p = e[i - 3] || null;
+      if (this.startsObjectKey(
+        o,
+        s,
+        d,
+        p
+      ) && (n.value === "[" || n.type === "identifier" && this.FORBIDDEN_PROPERTY_NAMES.has(n.value) || n.type === "string" && this.FORBIDDEN_PROPERTY_NAMES.has(
+        this.decodeStringLiteral(n.value)
+      )) || n.type === "identifier" && (this.DISALLOWED_KEYWORDS.has(n.value) || this.STRICT_FORBIDDEN_NAMES.includes(n.value) || (s?.value === "." || s?.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 (n.value) {
+        case "(":
+          r.push("paren");
+          break;
+        case ")": {
+          if (r.pop() !== "paren")
+            return !1;
+          break;
+        }
+        case "[": {
+          const g = this.startsMemberAccess(s) ? "member" : "array";
+          r.push(g);
+          break;
+        }
+        case "{":
+          r.push("object");
+          break;
+        case "]": {
+          if (r.pop() === void 0)
+            return !1;
+          break;
+        }
+        case "}": {
+          if (r.pop() !== "object")
+            return !1;
+          break;
+        }
       }
-    }, 3e3);
+      s = n;
+    }
+    return r.length === 0;
   }
   /**
-   * 確認ダイアログを表示します。
+   * 式をトークン列に分解します。
    *
-   * @param message 確認メッセージ
-   * @returns ユーザーがOKをクリックした場合はtrue、キャンセルした場合はfalseが解決されるPromise
+   * @param expression 評価前に検証する式
+   * @returns 分解結果。未対応構文を含む場合はnull
    */
-  static confirm(t) {
-    return N.enqueue(() => window.confirm(t), !0);
+  static tokenizeExpression(t) {
+    const e = [], r = [
+      "===",
+      "!==",
+      "...",
+      "?.",
+      "&&",
+      "||",
+      ">=",
+      "<=",
+      "==",
+      "!=",
+      "=>"
+    ], s = /* @__PURE__ */ new Set([
+      "(",
+      ")",
+      "{",
+      "}",
+      "[",
+      "]",
+      ".",
+      ",",
+      "?",
+      ":",
+      "+",
+      "-",
+      "*",
+      "/",
+      "%",
+      "!",
+      ">",
+      "<"
+    ]);
+    let i = 0;
+    for (; i < t.length; ) {
+      const n = t[i];
+      if (/\s/.test(n)) {
+        i += 1;
+        continue;
+      }
+      if (n === "/" && (t[i + 1] === "/" || t[i + 1] === "*"))
+        return null;
+      if (n === '"' || n === "'") {
+        const o = this.readStringToken(t, i);
+        if (o === null)
+          return null;
+        e.push(o.token), i = o.nextIndex;
+        continue;
+      }
+      const a = r.find(
+        (o) => t.startsWith(o, i)
+      );
+      if (a) {
+        e.push({ type: "operator", value: a, position: i }), i += a.length;
+        continue;
+      }
+      if (/[0-9]/.test(n)) {
+        const o = this.readNumberToken(t, i);
+        e.push(o.token), i = o.nextIndex;
+        continue;
+      }
+      if (/[A-Za-z_$]/.test(n)) {
+        const o = this.readIdentifierToken(t, i);
+        e.push(o.token), i = o.nextIndex;
+        continue;
+      }
+      if (s.has(n)) {
+        e.push({ type: "operator", value: n, position: i }), i += 1;
+        continue;
+      }
+      return null;
+    }
+    return e;
   }
   /**
-   * ダイアログを開きます。
+   * 文字列リテラルを読み取ります。
    *
-   * @param element 開くダイアログのHTML要素
+   * @param expression 式全体
+   * @param start 開始位置
+   * @returns トークンと次の位置
    */
-  static openDialog(t) {
-    return N.enqueue(() => {
-      t instanceof HTMLDialogElement ? t.showModal() : m.error("[Haori]", "Element is not a dialog: ", t);
-    }, !0);
+  static readStringToken(t, e) {
+    const r = t[e];
+    let s = e + 1;
+    for (; s < t.length; ) {
+      const i = t[s];
+      if (i === "\\") {
+        s += 2;
+        continue;
+      }
+      if (i === r)
+        return {
+          token: {
+            type: "string",
+            value: t.slice(e, s + 1),
+            position: e
+          },
+          nextIndex: s + 1
+        };
+      s += 1;
+    }
+    return null;
   }
   /**
-   * ダイアログを閉じます。
+   * 数値リテラルを読み取ります。
    *
-   * @param element 閉じるダイアログのHTML要素
+   * @param expression 式全体
+   * @param start 開始位置
+   * @returns トークンと次の位置
    */
-  static closeDialog(t) {
-    return N.enqueue(() => {
-      t instanceof HTMLDialogElement ? t.close() : m.error("[Haori]", "Element is not a dialog: ", t);
-    }, !0);
+  static readNumberToken(t, e) {
+    let r = e;
+    for (; r < t.length && /[0-9_]/.test(t[r]); )
+      r += 1;
+    if (t[r] === ".")
+      for (r += 1; r < t.length && /[0-9_]/.test(t[r]); )
+        r += 1;
+    return {
+      token: {
+        type: "number",
+        value: t.slice(e, r),
+        position: e
+      },
+      nextIndex: r
+    };
   }
   /**
-   * エラーメッセージを追加します。
+   * 識別子を読み取ります。
    *
-   * @param target メッセージを表示する要素
-   * @param message エラーメッセージ
+   * @param expression 式全体
+   * @param start 開始位置
+   * @returns トークンと次の位置
    */
-  static addErrorMessage(t, e) {
-    return Y.addMessage(t, e, "error");
+  static readIdentifierToken(t, e) {
+    let r = e;
+    for (; r < t.length && /[A-Za-z0-9_$]/.test(t[r]); )
+      r += 1;
+    return {
+      token: {
+        type: "identifier",
+        value: t.slice(e, r),
+        position: e
+      },
+      nextIndex: r
+    };
   }
   /**
-   * メッセージをレベル付きで追加します。
+   * 角括弧がメンバーアクセスかどうかを判定します。
    *
-   * @param target メッセージを表示する要素
-   * @param message メッセージ
-   * @param level メッセージのレベル（省略可能）
+   * @param previous 直前のトークン
+   * @returns メンバーアクセスであればtrue
    */
-  static addMessage(t, e, r) {
-    return N.enqueue(() => {
-      const s = t instanceof HTMLFormElement ? t : t.parentElement ?? t;
-      s.setAttribute("data-message", e), r !== void 0 ? s.setAttribute("data-message-level", r) : s.removeAttribute("data-message-level");
-    }, !0);
+  static startsMemberAccess(t) {
+    return t === null ? !1 : t.type === "identifier" || t.type === "number" ? !0 : t.value === ")" || t.value === "]" || t.value === "?.";
   }
   /**
-   * 対象のエレメントおよびその子要素のメッセージをクリアします。
+   * object literal 内で次のトークンがキー位置かどうかを判定します。
    *
-   * @param parent メッセージをクリアする親要素
+   * @param activeGroup 現在のグループ種別
+   * @param previous 直前のトークン
+   * @returns object literal のキー位置であれば true
    */
-  static clearMessages(t) {
-    return N.enqueue(() => {
-      t.removeAttribute("data-message"), t.removeAttribute("data-message-level"), t.querySelectorAll("[data-message]").forEach((e) => {
-        e.removeAttribute("data-message"), e.removeAttribute("data-message-level");
-      });
-    }, !0);
+  static startsObjectKey(t, e, r, s) {
+    return t !== "object" ? !1 : e?.value === "{" || e?.value === "," || e?.type === "identifier" && this.OBJECT_PROPERTY_MODIFIERS.has(e.value) && (r?.value === "{" || r?.value === ",") ? !0 : e?.value !== "*" ? !1 : r?.value === "{" || r?.value === "," ? !0 : r?.type === "identifier" && r.value === "async" && (s?.value === "{" || s?.value === ",");
   }
-}
-const ot = ["addErrorMessage", "clearMessages"];
-function st() {
-  const t = globalThis.window?.Haori;
-  return ot.every(
-    (r) => typeof t?.[r] == "function"
-  ) ? t : Y;
-}
-class v {
   /**
-   * フォーム内にある入力エレメントの値をオブジェクトとして取得します。
-   * data-form-object属性があると、そのエレメント内の値はオブジェクトとして処理されます。
-   * 入力エレメントにdata-form-list属性があると、そのエレメントの値はリストとして処理されます。
-   * 入力エレメント以外にdata-form-list属性があると、そのエレメントの値はオブジェクトのリストとして処理されます。
+   * 文字列リテラルをプレーン文字列へ変換します。
    *
-   * @param form フォームのElementFragment
+   * @param literal 文字列リテラル
+   * @returns デコード後の文字列
    */
-  static getValues(t) {
-    const e = {};
-    return v.getPartValues(t, e);
+  static decodeStringLiteral(t) {
+    return t.slice(1, -1).replace(
+      /\\u\{([0-9a-fA-F]+)\}/g,
+      (e, r) => String.fromCodePoint(parseInt(r, 16))
+    ).replace(
+      /\\u([0-9a-fA-F]{4})/g,
+      (e, r) => String.fromCharCode(parseInt(r, 16))
+    ).replace(
+      /\\x([0-9a-fA-F]{2})/g,
+      (e, r) => String.fromCharCode(parseInt(r, 16))
+    ).replace(/\\(["'\\bfnrtv0])/g, (e, r) => {
+      switch (r) {
+        case "b":
+          return "\b";
+        case "f":
+          return "\f";
+        case "n":
+          return `
+`;
+        case "r":
+          return "\r";
+        case "t":
+          return "	";
+        case "v":
+          return "\v";
+        case "0":
+          return "\0";
+        default:
+          return r;
+      }
+    });
   }
   /**
-   * フォーム内の各入力エレメントから値を取得し、オブジェクトとして返します。
-   * 入力エレメントのname属性、data-form-object属性、data-form-list属性に基づいて値を整理します。
+   * バインド値を安全なProxyでラップします。
    *
-   * @param fragment 対象のElementFragment
-   * @param values オブジェクトに追加する値のオブジェクト
-   * @returns values と同じオブジェクト
+   * @param bindedValues バインド値
+   * @returns ラップ済みのバインド値
    */
-  static getPartValues(t, e) {
-    const r = t.getAttribute("name"), s = t.getAttribute(`${c.prefix}form-object`), i = t.getAttribute(`${c.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(), s && m.warn(
-        "Haori",
-        `Element cannot have both ${c.prefix}form-object and name attributes.`
-      );
-      for (const n of t.getChildElementFragments())
-        v.getPartValues(n, e);
-    } else if (s) {
-      const n = {};
-      for (const a of t.getChildElementFragments())
-        v.getPartValues(a, n);
-      Object.keys(n).length > 0 && (e[String(s)] = n), i && m.warn(
-        "Haori",
-        `Element cannot have both ${c.prefix}form-list and ${c.prefix}form-object attributes.`
-      );
-    } else if (i) {
-      const n = [];
-      for (const a of t.getChildElementFragments()) {
-        const o = {};
-        v.getPartValues(a, o), Object.keys(o).length > 0 && n.push(o);
-      }
-      n.length > 0 && (e[String(i)] = n);
-    } else
-      for (const n of t.getChildElementFragments())
-        v.getPartValues(n, e);
-    return e;
-  }
-  /**
-   * フォーム内にある入力エレメントに値を設定します。
-   * フォームのdata-bind属性に値が反映されます。
-   *
-   * @param form フォームのElementFragment
-   * @param values フォームに設定する値のオブジェクト
-   * @param force data-form-detach属性があるエレメントにも値を反映するかどうか
-   * @returns Promise（DOMの更新が完了したら解決される）
-   */
-  static setValues(t, e, r = !1) {
-    return v.setPartValues(t, e, null, r, !0);
-  }
-  /**
-   * フォーム内にある入力エレメントに値をイベントなしで設定します。
-   * フォーム bindingData からの内部同期に利用します。
-   *
-   * @param form フォームのElementFragment
-   * @param values フォームに設定する値のオブジェクト
-   * @param force data-form-detach属性があるエレメントにも値を反映するかどうか
-   * @returns Promise（DOMの更新が完了したら解決される）
-   */
-  static syncValues(t, e, r = !1) {
-    return v.setPartValues(t, e, null, r, !1);
-  }
-  /**
-   * 単一フラグメントへ値を設定します。
-   *
-   * @param fragment 対象フラグメント
-   * @param value 設定する値
-   * @param emitEvents input/change イベントを発火するかどうか
-   * @returns Promise（DOMの更新が完了したら解決される）
-   */
-  static applyFragmentValue(t, e, r) {
-    return r ? t.setValue(e) : t.syncBindingValue(e);
+  static wrapBoundValues(t) {
+    const e = /* @__PURE__ */ new WeakMap(), r = {};
+    return Object.entries(t).forEach(([s, i]) => {
+      r[s] = this.wrapBoundValue(i, e);
+    }), r;
   }
   /**
-   * フラグメント内にある各入力エレメントに値を設定します。
+   * 危険なプロパティアクセスを防ぐために値を再帰的にラップします。
    *
-   * @param fragment 対象フラグメント
-   * @param values フラグメントに設定する値のオブジェクト
-   * @param index 配列の場合のインデックス
-   * @param force data-form-detach属性があるエレメントにも値を反映するかどうか
-   * @returns Promise（DOMの更新が完了したら解決される）
+   * @param value ラップ対象の値
+   * @param cache 既存Proxyのキャッシュ
+   * @returns ラップ済みの値
    */
-  static setPartValues(t, e, r = null, s = !1, i = !0) {
-    const n = [], a = t.getAttribute("name"), o = t.getAttribute(`${c.prefix}form-object`), f = t.getAttribute(`${c.prefix}form-list`), p = t.getAttribute(`${c.prefix}form-detach`);
-    if (a) {
-      if (!p || s) {
-        const g = e[String(a)];
-        f && Array.isArray(g) && r !== null ? n.push(
-          v.applyFragmentValue(t, g[r] ?? null, i)
-        ) : typeof g > "u" || (typeof g == "string" || typeof g == "number" || typeof g == "boolean" || g === null ? n.push(v.applyFragmentValue(t, g, i)) : n.push(
-          v.applyFragmentValue(t, String(g), i)
-        ));
-      }
-    } else if (o) {
-      const g = e[String(o)];
-      if (g && typeof g == "object")
-        for (const y of t.getChildElementFragments())
-          n.push(
-            v.setPartValues(
-              y,
-              g,
-              null,
-              s,
-              i
-            )
-          );
-    } else if (f) {
-      const g = e[String(f)];
-      if (Array.isArray(g)) {
-        const y = t.getChildElementFragments();
-        for (let b = 0; b < y.length; b++) {
-          const l = y[b];
-          g.length > b ? n.push(
-            v.setPartValues(
-              l,
-              g[b],
-              b,
-              s,
-              i
-            )
-          ) : n.push(v.setPartValues(l, {}, b, s, i));
-        }
-      }
-    } else
-      for (const g of t.getChildElementFragments())
-        n.push(
-          v.setPartValues(g, e, null, s, i)
+  static wrapBoundValue(t, e) {
+    if (!this.shouldWrapValue(t))
+      return t;
+    const r = t, s = e.get(r);
+    if (s !== void 0)
+      return s;
+    const i = new Proxy(r, {
+      get: (n, a, o) => {
+        if (typeof a == "string" && this.FORBIDDEN_PROPERTY_NAMES.has(a))
+          return;
+        const d = Reflect.get(n, a, o);
+        return typeof a == "symbol" ? d : this.wrapBoundValue(
+          d,
+          e
         );
-    return Promise.all(n).then(() => {
+      },
+      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(n, a);
+      },
+      apply: (n, a, o) => {
+        const d = Reflect.apply(
+          n,
+          a,
+          o
+        );
+        return this.isIteratorLike(d) ? d : this.wrapBoundValue(d, e);
+      },
+      construct: (n, a, o) => this.wrapBoundValue(
+        Reflect.construct(
+          n,
+          a,
+          o
+        ),
+        e
+      )
     });
+    return e.set(r, i), i;
   }
   /**
-   * 対象フラグメントとその子孫要素の値を初期化します。
-   * 値の初期化とメッセージのクリアを行います。
+   * Proxy ラップ対象の値かどうかを判定します。
    *
-   * @param fragment 対象フラグメント
-   * @returns すべての初期化処理が完了するPromise
+   * @param value 判定対象
+   * @returns ラップ対象であればtrue
    */
-  static async reset(t) {
-    v.clearValues(t), await Promise.all([
-      v.clearMessages(t),
-      v.clearEachClones(t)
-    ]), await N.enqueue(() => {
-      const e = t.getTarget();
-      if (e instanceof HTMLFormElement)
-        e.reset();
-      else {
-        const r = e.parentElement;
-        if (r) {
-          const s = e.nextElementSibling, i = document.createElement("form");
-          i.appendChild(e), i.reset(), r.insertBefore(e, s);
-        }
-      }
-    }), await P.evaluateAll(t);
+  static shouldWrapValue(t) {
+    if (typeof t == "function")
+      return !0;
+    if (t === null || typeof t != "object")
+      return !1;
+    if (Array.isArray(t))
+      return !0;
+    const e = Object.getPrototypeOf(t);
+    return e === Object.prototype || e === null;
   }
   /**
-   * data-each によって生成された複製（テンプレート以外）を削除します。
-   * 既存のテンプレートは保持し、その後の再評価で必要に応じて再生成されます。
-   * 対象エレメント自体がdata-eachを持つ場合はその子の複製を削除しますが、
-   * 対象エレメント自体は削除しません。
+   * 評価中のみ prototype 系プロパティへの生アクセスを抑止します。
+   *
+   * @param callback 実行する処理
+   * @returns 処理結果
    */
-  static clearEachClones(t) {
-    const e = [], r = (i) => {
-      if (i.hasAttribute(`${c.prefix}each`))
-        for (const n of i.getChildElementFragments()) {
-          const a = n.hasAttribute(`${c.prefix}each-before`), o = n.hasAttribute(`${c.prefix}each-after`);
-          !a && !o && e.push(n.remove());
+  static withBlockedPropertyAccess(t) {
+    const r = [
+      { target: Object.prototype, property: "constructor" },
+      { target: Function.prototype, property: "constructor" },
+      { target: Object.prototype, property: "__proto__" }
+    ].map((s) => ({
+      ...s,
+      descriptor: Object.getOwnPropertyDescriptor(s.target, s.property)
+    })).filter((s) => s.descriptor?.configurable === !0);
+    r.forEach(({ target: s, property: i }) => {
+      Object.defineProperty(s, i, {
+        configurable: !0,
+        enumerable: !1,
+        get: () => {
+        },
+        set: () => {
         }
-    }, s = (i) => {
-      r(i);
-      for (const n of i.getChildElementFragments())
-        s(n);
-    };
-    r(t);
-    for (const i of t.getChildElementFragments())
-      s(i);
-    return Promise.all(e).then(() => {
+      });
     });
+    try {
+      return t();
+    } finally {
+      r.forEach(({ target: s, property: i, descriptor: n }) => {
+        n !== void 0 && Object.defineProperty(s, i, n);
+      });
+    }
   }
   /**
-   * 再帰的に値を初期化します。
-   *
-   * @param fragment 対象フラグメント
-   */
-  static clearValues(t) {
-    t.clearValue();
-    for (const e of t.getChildElementFragments())
-      v.clearValues(e);
-  }
-  /**
-   * フラグメントとその子要素のメッセージをクリアします。
+   * イテレータ互換オブジェクトかどうかを判定します。
    *
-   * @param fragment 対象フラグメント
-   * @returns Promise（メッセージのクリアが完了したら解決される）
+   * @param value 判定対象
+   * @returns イテレータ互換であればtrue
    */
-  static clearMessages(t) {
-    return st().clearMessages(
-      t.getTarget()
-    );
+  static isIteratorLike(t) {
+    return t === null || typeof t != "object" ? !1 : typeof t.next == "function";
   }
   /**
-   * キーに一致するフラグメントにエラーメッセージを追加します。
-   * キーに一致するフラグメントが見つからない場合は、指定されたフラグメントにメッセージを追加します。
+  * トップレベルのバインド識別子に拒否対象名が含まれていないかを判定します。
+  * ネストしたオブジェクトのプロパティ名は識別子として評価されないため、ここでは拒否しません。
    *
-   * @param fragment 対象フラグメント
-   * @param key キー（ドット区切りの文字列）
-   * @param message 追加するエラーメッセージ
-   * @return Promise（メッセージの追加が完了したら解決される）
+   * @param obj チェック対象のオブジェクト
+   * @return 禁止識別子が含まれていればtrue
    */
-  static addErrorMessage(t, e, r) {
-    return v.addMessage(t, e, r, "error");
+  static containsForbiddenKeys(t) {
+    if (!t || typeof t != "object")
+      return !1;
+    for (const e of Object.keys(t))
+      if (this.FORBIDDEN_BINDING_NAMES.has(e))
+        return !0;
+    return !1;
   }
   /**
-   * キーに一致するフラグメントにレベル付きメッセージを追加します。
-   * キーに一致するフラグメントが見つからない場合は、指定されたフラグメントにメッセージを追加します。
+   * バインド値に危険なホストオブジェクトやグローバル関数が含まれていないかを再帰的に判定します。
    *
-   * @param fragment 対象フラグメント
-   * @param key キー（ドット区切りの文字列）
-   * @param message 追加するメッセージ
-   * @param level メッセージのレベル（省略可能）
-   * @return Promise（メッセージの追加が完了したら解決される）
+   * @param obj チェック対象の値
+   * @param seen 循環参照検出用の訪問済み集合
+   * @return 危険値が含まれていればtrue
    */
-  static addMessage(t, e, r, s) {
-    const i = [], n = st(), a = n.addMessage, o = (p) => typeof a == "function" ? a.call(n, p, r, s) : n.addErrorMessage(p, r), f = v.findFragmentsByKey(t, e);
-    return f.forEach((p) => {
-      i.push(o(p.getTarget()));
-    }), f.length === 0 && i.push(o(t.getTarget())), Promise.all(i).then(() => {
-    });
+  static containsForbiddenBindingValues(t, e = /* @__PURE__ */ new WeakSet()) {
+    if (!t || typeof t != "object" || e.has(t))
+      return !1;
+    if (e.add(t), this.getForbiddenBindingValues().some((r) => r === t))
+      return !0;
+    for (const r of Object.values(t)) {
+      if (typeof r == "function") {
+        if (this.getForbiddenBindingValues().some(
+          (s) => s === r
+        ))
+          return !0;
+        continue;
+      }
+      if (this.containsForbiddenBindingValues(r, e))
+        return !0;
+    }
+    return !1;
   }
-  /**
-   * 指定されたキーに一致するフラグメントを検索します。
-   *
-   * @param fragment 対象フラグメント
-   * @param key キー（ドット区切りの文字列）
-   * @returns 一致するフラグメントの配列
+};
+x.FORBIDDEN_NAMES = [
+  // グローバルオブジェクト
+  "window",
+  "self",
+  "globalThis",
+  "frames",
+  "parent",
+  "top",
+  // 危険な関数/オブジェクト
+  "Function",
+  "setTimeout",
+  "setInterval",
+  "requestAnimationFrame",
+  "alert",
+  "confirm",
+  "prompt",
+  "fetch",
+  "XMLHttpRequest",
+  "Reflect",
+  // 脱出経路・プロトタイプ
+  "constructor",
+  "__proto__",
+  "prototype",
+  "Object",
+  // その他
+  "document",
+  "location",
+  "navigator",
+  "localStorage",
+  "sessionStorage",
+  "IndexedDB",
+  "history"
+], x.STRICT_FORBIDDEN_NAMES = ["eval", "arguments"], x.REBINDABLE_FORBIDDEN_NAMES = /* @__PURE__ */ new Set(["location"]), x.FORBIDDEN_BINDING_NAMES = /* @__PURE__ */ new Set([
+  ...x.FORBIDDEN_NAMES.filter(
+    (t) => !x.REBINDABLE_FORBIDDEN_NAMES.has(t)
+  ),
+  "constructor",
+  "__proto__",
+  "prototype",
+  ...x.STRICT_FORBIDDEN_NAMES
+]), x.FORBIDDEN_PROPERTY_NAMES = /* @__PURE__ */ new Set([
+  "constructor",
+  "__proto__",
+  "prototype"
+]), x.OBJECT_PROPERTY_MODIFIERS = /* @__PURE__ */ new Set([
+  "get",
+  "set",
+  "async"
+]), x.DISALLOWED_KEYWORDS = /* @__PURE__ */ new Set([
+  "await",
+  "break",
+  "case",
+  "catch",
+  "class",
+  "const",
+  "continue",
+  "debugger",
+  "default",
+  "delete",
+  "do",
+  "else",
+  "export",
+  "finally",
+  "for",
+  "function",
+  "if",
+  "import",
+  "in",
+  "instanceof",
+  "let",
+  "new",
+  "return",
+  "switch",
+  "this",
+  "throw",
+  "try",
+  "typeof",
+  "var",
+  "void",
+  "while",
+  "with",
+  "yield"
+]), x.EXPRESSION_CACHE = /* @__PURE__ */ new Map();
+let U = x;
+class ot {
+  constructor() {
+    this.MAX_BUDGET = 8, this.queue = [], this.processing = !1;
+  }
+  /**
+   * 処理をキューに追加します
+   *
+   * @param task 実行する処理
+   * @param prepend trueの場合はキューの先頭に追加、falseの場合は末尾に追加
+   * @returns 処理完了Promise
    */
-  static findFragmentsByKey(t, e) {
-    return v.findFragmentByKeyParts(t, e.split("."));
+  enqueue(t, e = !1) {
+    let r, s;
+    const i = new Promise((a, o) => {
+      r = a, s = o;
+    }), n = {
+      task: t,
+      timestamp: performance.now(),
+      promise: i,
+      resolve: r,
+      reject: s
+    };
+    return e ? this.queue.unshift(n) : this.queue.push(n), this.scheduleProcessing(), i;
   }
   /**
-   * 指定されたキーに一致するフラグメントを検索します。
-   * data-form-list属性で指定された場合はdata-row属性を持つ子要素の位置と添字が一致するものを対象とします。
+   * キューを処理します。
    *
-   * @param fragment 対象フラグメント
-   * @param parts キーのパーツ
-   * @returns 一致するフラグメントの配列
+   * @returns 処理完了Promise
    */
-  static findFragmentByKeyParts(t, e) {
-    const r = [], s = e[0];
-    if (e.length == 1 && t.getAttribute("name") === s && r.push(t), t.hasAttribute(`${c.prefix}form-object`))
-      e.length > 1 && t.getAttribute(`${c.prefix}form-object`) === s && t.getChildElementFragments().forEach((n) => {
-        r.push(...v.findFragmentByKeyParts(n, e.slice(1)));
-      });
-    else if (t.hasAttribute(`${c.prefix}form-list`)) {
-      if (e.length > 1) {
-        const i = t.getAttribute(`${c.prefix}form-list`), n = s.lastIndexOf("["), a = s.lastIndexOf("]");
-        if (n !== -1 && a !== -1 && n < a) {
-          const o = s.substring(0, n);
-          if (i === o) {
-            const f = s.substring(n + 1, a), p = Number(f);
-            if (isNaN(p))
-              m.error("Haori", `Invalid index: ${s}`);
-            else {
-              const g = t.getChildElementFragments().filter((y) => y.hasAttribute(`${c.prefix}row`));
-              p < g.length && r.push(
-                ...v.findFragmentByKeyParts(g[p], e.slice(1))
-              );
-            }
+  async processQueue() {
+    if (!(this.processing || this.queue.length === 0)) {
+      this.processing = !0;
+      try {
+        const t = performance.now();
+        for (; this.queue.length > 0; ) {
+          const e = this.queue.shift();
+          if (!e)
+            return;
+          try {
+            const r = await e.task();
+            e.resolve(r);
+          } catch (r) {
+            e.reject(r), m.error("[Haori]", `Task ${e.timestamp} failed:`, r);
           }
+          if (performance.now() - t > this.MAX_BUDGET)
+            break;
         }
+      } catch (t) {
+        m.error("[Haori]", "Error processing queue:", t);
+      } finally {
+        this.processing = !1, this.queue.length > 0 && this.scheduleProcessing();
       }
-    } else
-      t.getChildElementFragments().forEach((i) => {
-        r.push(...v.findFragmentByKeyParts(i, e));
-      });
-    return r;
+    }
   }
   /**
-   * 対象のフラグメントがフォームフラグメントであればそれを返し、
-   * そうでなければ先祖要素をたどってフォームフラグメントを探します。
+   * 処理をスケジュールします。
+   */
+  scheduleProcessing() {
+    this.processing || (typeof requestAnimationFrame < "u" ? requestAnimationFrame(() => {
+      this.processQueue();
+    }) : setTimeout(() => {
+      this.processQueue();
+    }, 16));
+  }
+  /**
+   * キューが空になるまで待機します。
    *
-   * @param fragment
+   * @returns キューが空になったら解決されるPromise
    */
-  static getFormFragment(t) {
-    if (t.getTarget() instanceof HTMLFormElement)
-      return t;
-    const r = t.getParent();
-    return r ? this.getFormFragment(r) : null;
+  async wait() {
+    if (this.queue.length === 0 && !this.processing)
+      return;
+    const t = this.queue.map((e) => e.promise);
+    t.length > 0 && await Promise.allSettled(t);
   }
 }
-const x = class x {
+const rt = class rt {
   /**
-   * 明示バインド内に持ち込まれてはならない危険値を返します。
+   * タスクをキューに追加します。
    *
-   * @returns 危険値の配列
+   * @param task 実行する処理
+   * @param prepend trueの場合はキューの先頭に追加、falseの場合は末尾に追加
+   * @returns 処理完了Promise
    */
-  static getForbiddenBindingValues() {
-    const t = globalThis, e = [
-      t,
-      t.window,
-      t.document,
-      t.navigator,
-      t.history,
-      t.localStorage,
-      t.sessionStorage,
-      t.fetch,
-      t.Function,
-      t.setTimeout,
-      t.setInterval,
-      t.requestAnimationFrame,
-      t.alert,
-      t.confirm,
-      t.prompt
-    ];
-    return t.window?.location && e.push(t.window.location), e.filter((r) => r != null);
+  static enqueue(t, e = !1) {
+    return this.ASYNC_QUEUE.enqueue(t, e);
   }
   /**
-   * 現在のバインド識別子に含まれない禁止グローバルを遮断するコードを生成します。
+   * 全てのキュー処理が完了するまで待機します。
+   */
+  static wait() {
+    return this.ASYNC_QUEUE.wait();
+  }
+};
+rt.ASYNC_QUEUE = new ot();
+let N = rt;
+class X {
+  /**
+   * 実行モードを取得します。
    *
-   * @param bindKeys 現在の式で利用するバインド識別子一覧
-   * @returns 評価前に挿入する初期化コード
+   * @return 実行モード。
    */
-  static buildAssignments(t) {
-    const e = new Set(t);
-    return this.FORBIDDEN_NAMES.filter((r) => !e.has(r)).map((r) => `const ${r} = undefined`).join(`;
-`);
+  static get runtime() {
+    return u.runtime;
   }
   /**
-   * 式を評価します。
+   * 実行モードを設定します。
    *
-   * @param expression 評価する式文字列
-   * @param bindedValue バインドされた値のオブジェクト
+   * @param runtime 設定する実行モード。
+   * @return 戻り値はありません。
    */
-  static evaluate(t, e = {}) {
-    return this.evaluateDetailed(t, e).value;
+  static setRuntime(t) {
+    u.setRuntime(t);
   }
   /**
-   * 式を評価し、未解決参照の有無を含む詳細結果を返します。
+   * 通知ダイアログを表示します。
    *
-   * @param expression 評価する式文字列
-   * @param bindedValues バインドされた値のオブジェクト
-   * @returns 評価結果と未解決参照の有無
+   * @param message 表示メッセージ
+   * @returns 通知が閉じられると解決されるPromise
    */
-  static evaluateDetailed(t, e = {}) {
-    if (t.trim() === "")
-      return m.warn("[Haori]", t, "Expression is empty"), { value: null, unresolvedReference: !1 };
-    if (this.containsDangerousPatterns(t))
-      return m.warn("[Haori]", t, "Expression contains dangerous patterns"), { value: null, unresolvedReference: !1 };
-    if (this.containsForbiddenKeys(e))
-      return m.warn("[Haori]", e, "Binded values contain forbidden keys"), { value: null, unresolvedReference: !1 };
-    if (this.containsForbiddenBindingValues(e))
-      return m.warn(
-        "[Haori]",
-        e,
-        "Binded values contain forbidden values"
-      ), { value: null, unresolvedReference: !1 };
-    const r = Object.keys(e).filter((n) => !this.FORBIDDEN_BINDING_NAMES.has(n)).sort(), s = `${t}:${r.join(",")}`;
-    let i = this.EXPRESSION_CACHE.get(s);
-    if (!i) {
-      const n = this.buildAssignments(r), a = n ? `"use strict";
-${n};
-return (${t});` : `"use strict";
-return (${t});`;
+  static dialog(t) {
+    return N.enqueue(() => {
+      window.alert(t);
+    }, !0);
+  }
+  /**
+   * 通知トーストを表示します。
+   *
+   * @param message 表示メッセージ
+   * @param level メッセージのレベル（省略時は 'info'）
+   * @return 通知が表示されると解決されるPromise
+   */
+  static async toast(t, e = "info") {
+    const r = document.createElement("div");
+    r.className = `haori-toast haori-toast-${e}`, r.textContent = t, r.setAttribute("popover", "manual"), r.setAttribute("role", "status"), r.setAttribute("aria-live", e === "error" ? "assertive" : "polite"), document.body.appendChild(r), r.showPopover(), setTimeout(() => {
       try {
-        i = new Function(...r, a), this.EXPRESSION_CACHE.set(s, i);
-      } catch (o) {
-        return m.error(
-          "[Haori]",
-          "Failed to compile expression:",
-          t,
-          o
-        ), { value: null, unresolvedReference: !1 };
+        r.hidePopover();
+      } finally {
+        r.remove();
       }
-    }
-    try {
-      const n = [], a = this.wrapBoundValues(e);
-      return r.forEach((o) => {
-        n.push(a[o]);
-      }), {
-        value: this.withBlockedPropertyAccess(() => i(...n)),
-        unresolvedReference: !1
-      };
-    } catch (n) {
-      return m.error("[Haori]", "Expression evaluation error:", t, n), n instanceof ReferenceError ? { value: void 0, unresolvedReference: !0 } : { value: null, unresolvedReference: !1 };
-    }
+    }, 3e3);
   }
   /**
-   * 式にevalや危険な構文が含まれているかチェックします。
+   * 確認ダイアログを表示します。
    *
-   * @param expression チェック対象の式文字列
-   * @return 危険なパターンが含まれている場合はtrue
+   * @param message 確認メッセージ
+   * @returns ユーザーがOKをクリックした場合はtrue、キャンセルした場合はfalseが解決されるPromise
    */
-  static containsDangerousPatterns(t) {
-    return this.hasAllowedSyntax(t) ? [
-      /\beval\s*\(/,
-      // eval(...)
-      /\barguments\s*\[/,
-      // arguments[...]
-      /\barguments\s*\./
-      // arguments.xxx
-    ].some((r) => r.test(t)) : !0;
+  static confirm(t) {
+    return N.enqueue(() => window.confirm(t), !0);
   }
   /**
-   * 許可する式構文かどうかを検証します。
+   * ダイアログを開きます。
    *
-   * @param expression 検証対象の式
-   * @returns 許可する構文であればtrue
+   * @param element 開くダイアログのHTML要素
    */
-  static hasAllowedSyntax(t) {
-    const e = this.tokenizeExpression(t);
-    if (e === null || e.length === 0)
-      return !1;
-    const r = [];
-    let s = null;
-    for (let i = 0; i < e.length; i++) {
-      const n = e[i], a = e[i + 1] || null, o = r[r.length - 1] || null, f = e[i - 2] || null, p = e[i - 3] || null;
-      if (this.startsObjectKey(
-        o,
-        s,
-        f,
-        p
-      ) && (n.value === "[" || n.type === "identifier" && this.FORBIDDEN_PROPERTY_NAMES.has(n.value) || n.type === "string" && this.FORBIDDEN_PROPERTY_NAMES.has(
-        this.decodeStringLiteral(n.value)
-      )) || n.type === "identifier" && (this.DISALLOWED_KEYWORDS.has(n.value) || this.STRICT_FORBIDDEN_NAMES.includes(n.value) || (s?.value === "." || s?.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 (n.value) {
-        case "(":
-          r.push("paren");
-          break;
-        case ")": {
-          if (r.pop() !== "paren")
-            return !1;
-          break;
-        }
-        case "[": {
-          const g = this.startsMemberAccess(s) ? "member" : "array";
-          r.push(g);
-          break;
-        }
-        case "{":
-          r.push("object");
-          break;
-        case "]": {
-          if (r.pop() === void 0)
-            return !1;
-          break;
-        }
-        case "}": {
-          if (r.pop() !== "object")
-            return !1;
-          break;
-        }
-      }
-      s = n;
-    }
-    return r.length === 0;
+  static openDialog(t) {
+    return N.enqueue(() => {
+      t instanceof HTMLDialogElement ? t.showModal() : m.error("[Haori]", "Element is not a dialog: ", t);
+    }, !0);
   }
   /**
-   * 式をトークン列に分解します。
+   * ダイアログを閉じます。
    *
-   * @param expression 評価前に検証する式
-   * @returns 分解結果。未対応構文を含む場合はnull
+   * @param element 閉じるダイアログのHTML要素
    */
-  static tokenizeExpression(t) {
-    const e = [], r = [
-      "===",
-      "!==",
-      "...",
-      "?.",
-      "&&",
-      "||",
-      ">=",
-      "<=",
-      "==",
-      "!=",
-      "=>"
-    ], s = /* @__PURE__ */ new Set([
-      "(",
-      ")",
-      "{",
-      "}",
-      "[",
-      "]",
-      ".",
-      ",",
-      "?",
-      ":",
-      "+",
-      "-",
-      "*",
-      "/",
-      "%",
-      "!",
-      ">",
-      "<"
-    ]);
-    let i = 0;
-    for (; i < t.length; ) {
-      const n = t[i];
-      if (/\s/.test(n)) {
-        i += 1;
-        continue;
-      }
-      if (n === "/" && (t[i + 1] === "/" || t[i + 1] === "*"))
-        return null;
-      if (n === '"' || n === "'") {
-        const o = this.readStringToken(t, i);
-        if (o === null)
-          return null;
-        e.push(o.token), i = o.nextIndex;
-        continue;
-      }
-      const a = r.find(
-        (o) => t.startsWith(o, i)
-      );
-      if (a) {
-        e.push({ type: "operator", value: a, position: i }), i += a.length;
-        continue;
-      }
-      if (/[0-9]/.test(n)) {
-        const o = this.readNumberToken(t, i);
-        e.push(o.token), i = o.nextIndex;
-        continue;
-      }
-      if (/[A-Za-z_$]/.test(n)) {
-        const o = this.readIdentifierToken(t, i);
-        e.push(o.token), i = o.nextIndex;
-        continue;
-      }
-      if (s.has(n)) {
-        e.push({ type: "operator", value: n, position: i }), i += 1;
-        continue;
-      }
-      return null;
-    }
-    return e;
+  static closeDialog(t) {
+    return N.enqueue(() => {
+      t instanceof HTMLDialogElement ? t.close() : m.error("[Haori]", "Element is not a dialog: ", t);
+    }, !0);
   }
   /**
-   * 文字列リテラルを読み取ります。
+   * エラーメッセージを追加します。
    *
-   * @param expression 式全体
-   * @param start 開始位置
-   * @returns トークンと次の位置
+   * @param target メッセージを表示する要素
+   * @param message エラーメッセージ
    */
-  static readStringToken(t, e) {
-    const r = t[e];
-    let s = e + 1;
-    for (; s < t.length; ) {
-      const i = t[s];
-      if (i === "\\") {
-        s += 2;
-        continue;
+  static addErrorMessage(t, e) {
+    return X.addMessage(t, e, "error");
+  }
+  /**
+   * メッセージをレベル付きで追加します。
+   *
+   * @param target メッセージを表示する要素
+   * @param message メッセージ
+   * @param level メッセージのレベル（省略可能）
+   */
+  static addMessage(t, e, r) {
+    return N.enqueue(() => {
+      const s = t instanceof HTMLFormElement ? t : t.parentElement ?? t;
+      s.setAttribute("data-message", e), r !== void 0 ? s.setAttribute("data-message-level", r) : s.removeAttribute("data-message-level");
+    }, !0);
+  }
+  /**
+   * 対象のエレメントおよびその子要素のメッセージをクリアします。
+   *
+   * @param parent メッセージをクリアする親要素
+   */
+  static clearMessages(t) {
+    return N.enqueue(() => {
+      t.removeAttribute("data-message"), t.removeAttribute("data-message-level"), t.querySelectorAll("[data-message]").forEach((e) => {
+        e.removeAttribute("data-message"), e.removeAttribute("data-message-level");
+      });
+    }, !0);
+  }
+}
+const lt = ["addErrorMessage", "clearMessages"];
+function it() {
+  const t = globalThis.window?.Haori;
+  return lt.every(
+    (r) => typeof t?.[r] == "function"
+  ) ? t : X;
+}
+class y {
+  /**
+   * フォーム内にある入力エレメントの値をオブジェクトとして取得します。
+   * data-form-object属性があると、そのエレメント内の値はオブジェクトとして処理されます。
+   * 入力エレメントにdata-form-list属性があると、そのエレメントの値はリストとして処理されます。
+   * 入力エレメント以外にdata-form-list属性があると、そのエレメントの値はオブジェクトのリストとして処理されます。
+   *
+   * @param form フォームのElementFragment
+   */
+  static getValues(t) {
+    const e = {};
+    return y.getPartValues(t, e);
+  }
+  /**
+   * フォーム内の各入力エレメントから値を取得し、オブジェクトとして返します。
+   * 入力エレメントのname属性、data-form-object属性、data-form-list属性に基づいて値を整理します。
+   *
+   * @param fragment 対象のElementFragment
+   * @param values オブジェクトに追加する値のオブジェクト
+   * @returns values と同じオブジェクト
+   */
+  static getPartValues(t, e) {
+    const r = t.getAttribute("name"), s = t.getAttribute(`${u.prefix}form-object`), i = t.getAttribute(`${u.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(), s && m.warn(
+        "Haori",
+        `Element cannot have both ${u.prefix}form-object and name attributes.`
+      );
+      for (const n of t.getChildElementFragments())
+        y.getPartValues(n, e);
+    } else if (s) {
+      const n = {};
+      for (const a of t.getChildElementFragments())
+        y.getPartValues(a, n);
+      Object.keys(n).length > 0 && (e[String(s)] = n), i && m.warn(
+        "Haori",
+        `Element cannot have both ${u.prefix}form-list and ${u.prefix}form-object attributes.`
+      );
+    } else if (i) {
+      const n = [];
+      for (const a of t.getChildElementFragments()) {
+        const o = {};
+        y.getPartValues(a, o), Object.keys(o).length > 0 && n.push(o);
       }
-      if (i === r)
-        return {
-          token: {
-            type: "string",
-            value: t.slice(e, s + 1),
-            position: e
-          },
-          nextIndex: s + 1
-        };
-      s += 1;
-    }
-    return null;
+      n.length > 0 && (e[String(i)] = n);
+    } else
+      for (const n of t.getChildElementFragments())
+        y.getPartValues(n, e);
+    return e;
   }
   /**
-   * 数値リテラルを読み取ります。
+   * フォーム内にある入力エレメントに値を設定します。
+   * フォームのdata-bind属性に値が反映されます。
    *
-   * @param expression 式全体
-   * @param start 開始位置
-   * @returns トークンと次の位置
+   * @param form フォームのElementFragment
+   * @param values フォームに設定する値のオブジェクト
+   * @param force data-form-detach属性があるエレメントにも値を反映するかどうか
+   * @returns Promise（DOMの更新が完了したら解決される）
    */
-  static readNumberToken(t, e) {
-    let r = e;
-    for (; r < t.length && /[0-9_]/.test(t[r]); )
-      r += 1;
-    if (t[r] === ".")
-      for (r += 1; r < t.length && /[0-9_]/.test(t[r]); )
-        r += 1;
-    return {
-      token: {
-        type: "number",
-        value: t.slice(e, r),
-        position: e
-      },
-      nextIndex: r
-    };
+  static setValues(t, e, r = !1) {
+    return y.setPartValues(t, e, null, r, !0);
   }
   /**
-   * 識別子を読み取ります。
+   * フォーム内にある入力エレメントに値をイベントなしで設定します。
+   * フォーム bindingData からの内部同期に利用します。
    *
-   * @param expression 式全体
-   * @param start 開始位置
-   * @returns トークンと次の位置
+   * @param form フォームのElementFragment
+   * @param values フォームに設定する値のオブジェクト
+   * @param force data-form-detach属性があるエレメントにも値を反映するかどうか
+   * @returns Promise（DOMの更新が完了したら解決される）
    */
-  static readIdentifierToken(t, e) {
-    let r = e;
-    for (; r < t.length && /[A-Za-z0-9_$]/.test(t[r]); )
-      r += 1;
-    return {
-      token: {
-        type: "identifier",
-        value: t.slice(e, r),
-        position: e
-      },
-      nextIndex: r
-    };
+  static syncValues(t, e, r = !1) {
+    return y.setPartValues(t, e, null, r, !1);
   }
   /**
-   * 角括弧がメンバーアクセスかどうかを判定します。
+   * 単一フラグメントへ値を設定します。
    *
-   * @param previous 直前のトークン
-   * @returns メンバーアクセスであればtrue
+   * @param fragment 対象フラグメント
+   * @param value 設定する値
+   * @param emitEvents input/change イベントを発火するかどうか
+   * @returns Promise（DOMの更新が完了したら解決される）
    */
-  static startsMemberAccess(t) {
-    return t === null ? !1 : t.type === "identifier" || t.type === "number" ? !0 : t.value === ")" || t.value === "]" || t.value === "?.";
+  static applyFragmentValue(t, e, r) {
+    return r ? t.setValue(e) : t.syncBindingValue(e);
   }
   /**
-   * object literal 内で次のトークンがキー位置かどうかを判定します。
+   * フラグメント内にある各入力エレメントに値を設定します。
    *
-   * @param activeGroup 現在のグループ種別
-   * @param previous 直前のトークン
-   * @returns object literal のキー位置であれば true
+   * @param fragment 対象フラグメント
+   * @param values フラグメントに設定する値のオブジェクト
+   * @param index 配列の場合のインデックス
+   * @param force data-form-detach属性があるエレメントにも値を反映するかどうか
+   * @returns Promise（DOMの更新が完了したら解決される）
    */
-  static startsObjectKey(t, e, r, s) {
-    return t !== "object" ? !1 : e?.value === "{" || e?.value === "," || e?.type === "identifier" && this.OBJECT_PROPERTY_MODIFIERS.has(e.value) && (r?.value === "{" || r?.value === ",") ? !0 : e?.value !== "*" ? !1 : r?.value === "{" || r?.value === "," ? !0 : r?.type === "identifier" && r.value === "async" && (s?.value === "{" || s?.value === ",");
+  static setPartValues(t, e, r = null, s = !1, i = !0) {
+    const n = [], a = t.getAttribute("name"), o = t.getAttribute(`${u.prefix}form-object`), d = t.getAttribute(`${u.prefix}form-list`), p = t.getAttribute(`${u.prefix}form-detach`);
+    if (a) {
+      if (!p || s) {
+        const g = e[String(a)];
+        d && Array.isArray(g) && r !== null ? n.push(
+          y.applyFragmentValue(t, g[r] ?? null, i)
+        ) : typeof g > "u" || (typeof g == "string" || typeof g == "number" || typeof g == "boolean" || g === null ? n.push(y.applyFragmentValue(t, g, i)) : n.push(
+          y.applyFragmentValue(t, String(g), i)
+        ));
+      }
+    } else if (o) {
+      const g = e[String(o)];
+      if (g && typeof g == "object")
+        for (const v of t.getChildElementFragments())
+          n.push(
+            y.setPartValues(
+              v,
+              g,
+              null,
+              s,
+              i
+            )
+          );
+    } else if (d) {
+      const g = e[String(d)];
+      if (Array.isArray(g)) {
+        const v = t.getChildElementFragments();
+        for (let b = 0; b < v.length; b++) {
+          const l = v[b];
+          g.length > b ? n.push(
+            y.setPartValues(
+              l,
+              g[b],
+              b,
+              s,
+              i
+            )
+          ) : n.push(y.setPartValues(l, {}, b, s, i));
+        }
+      }
+    } else
+      for (const g of t.getChildElementFragments())
+        n.push(
+          y.setPartValues(g, e, null, s, i)
+        );
+    return Promise.all(n).then(() => {
+    });
   }
   /**
-   * 文字列リテラルをプレーン文字列へ変換します。
+   * 対象フラグメントとその子孫要素の値を初期化します。
+   * 値の初期化とメッセージのクリアを行います。
    *
-   * @param literal 文字列リテラル
-   * @returns デコード後の文字列
+   * @param fragment 対象フラグメント
+   * @returns すべての初期化処理が完了するPromise
    */
-  static decodeStringLiteral(t) {
-    return t.slice(1, -1).replace(
-      /\\u\{([0-9a-fA-F]+)\}/g,
-      (e, r) => String.fromCodePoint(parseInt(r, 16))
-    ).replace(
-      /\\u([0-9a-fA-F]{4})/g,
-      (e, r) => String.fromCharCode(parseInt(r, 16))
-    ).replace(
-      /\\x([0-9a-fA-F]{2})/g,
-      (e, r) => String.fromCharCode(parseInt(r, 16))
-    ).replace(/\\(["'\\bfnrtv0])/g, (e, r) => {
-      switch (r) {
-        case "b":
-          return "\b";
-        case "f":
-          return "\f";
-        case "n":
-          return `
-`;
-        case "r":
-          return "\r";
-        case "t":
-          return "	";
-        case "v":
-          return "\v";
-        case "0":
-          return "\0";
-        default:
-          return r;
+  static async reset(t) {
+    y.clearValues(t), await Promise.all([
+      y.clearMessages(t),
+      y.clearEachClones(t)
+    ]), await N.enqueue(() => {
+      const e = t.getTarget();
+      if (e instanceof HTMLFormElement)
+        e.reset();
+      else {
+        const r = e.parentElement;
+        if (r) {
+          const s = e.nextElementSibling, i = document.createElement("form");
+          i.appendChild(e), i.reset(), r.insertBefore(e, s);
+        }
       }
+    }), await D.evaluateAll(t);
+  }
+  /**
+   * data-each によって生成された複製（テンプレート以外）を削除します。
+   * 既存のテンプレートは保持し、その後の再評価で必要に応じて再生成されます。
+   * 対象エレメント自体がdata-eachを持つ場合はその子の複製を削除しますが、
+   * 対象エレメント自体は削除しません。
+   */
+  static clearEachClones(t) {
+    const e = [], r = (i) => {
+      if (i.hasAttribute(`${u.prefix}each`))
+        for (const n of i.getChildElementFragments()) {
+          const a = n.hasAttribute(`${u.prefix}each-before`), o = n.hasAttribute(`${u.prefix}each-after`);
+          !a && !o && e.push(n.remove());
+        }
+    }, s = (i) => {
+      r(i);
+      for (const n of i.getChildElementFragments())
+        s(n);
+    };
+    r(t);
+    for (const i of t.getChildElementFragments())
+      s(i);
+    return Promise.all(e).then(() => {
     });
   }
   /**
-   * バインド値を安全なProxyでラップします。
+   * 再帰的に値を初期化します。
    *
-   * @param bindedValues バインド値
-   * @returns ラップ済みのバインド値
+   * @param fragment 対象フラグメント
    */
-  static wrapBoundValues(t) {
-    const e = /* @__PURE__ */ new WeakMap(), r = {};
-    return Object.entries(t).forEach(([s, i]) => {
-      r[s] = this.wrapBoundValue(i, e);
-    }), r;
+  static clearValues(t) {
+    t.clearValue();
+    for (const e of t.getChildElementFragments())
+      y.clearValues(e);
   }
   /**
-   * 危険なプロパティアクセスを防ぐために値を再帰的にラップします。
+   * フラグメントとその子要素のメッセージをクリアします。
    *
-   * @param value ラップ対象の値
-   * @param cache 既存Proxyのキャッシュ
-   * @returns ラップ済みの値
+   * @param fragment 対象フラグメント
+   * @returns Promise（メッセージのクリアが完了したら解決される）
    */
-  static wrapBoundValue(t, e) {
-    if (!this.shouldWrapValue(t))
-      return t;
-    const r = t, s = e.get(r);
-    if (s !== void 0)
-      return s;
-    const i = new Proxy(r, {
-      get: (n, a, o) => {
-        if (typeof a == "string" && this.FORBIDDEN_PROPERTY_NAMES.has(a))
-          return;
-        const f = Reflect.get(n, a, o);
-        return typeof a == "symbol" ? f : this.wrapBoundValue(
-          f,
-          e
-        );
-      },
-      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(n, a);
-      },
-      apply: (n, a, o) => {
-        const f = Reflect.apply(
-          n,
-          a,
-          o
-        );
-        return this.isIteratorLike(f) ? f : this.wrapBoundValue(f, e);
-      },
-      construct: (n, a, o) => this.wrapBoundValue(
-        Reflect.construct(
-          n,
-          a,
-          o
-        ),
-        e
-      )
-    });
-    return e.set(r, i), i;
+  static clearMessages(t) {
+    return it().clearMessages(
+      t.getTarget()
+    );
   }
   /**
-   * Proxy ラップ対象の値かどうかを判定します。
+   * キーに一致するフラグメントにエラーメッセージを追加します。
+   * キーに一致するフラグメントが見つからない場合は、指定されたフラグメントにメッセージを追加します。
    *
-   * @param value 判定対象
-   * @returns ラップ対象であればtrue
+   * @param fragment 対象フラグメント
+   * @param key キー（ドット区切りの文字列）
+   * @param message 追加するエラーメッセージ
+   * @return Promise（メッセージの追加が完了したら解決される）
    */
-  static shouldWrapValue(t) {
-    if (typeof t == "function")
-      return !0;
-    if (t === null || typeof t != "object")
-      return !1;
-    if (Array.isArray(t))
-      return !0;
-    const e = Object.getPrototypeOf(t);
-    return e === Object.prototype || e === null;
+  static addErrorMessage(t, e, r) {
+    return y.addMessage(t, e, r, "error");
   }
   /**
-   * 評価中のみ prototype 系プロパティへの生アクセスを抑止します。
+   * キーに一致するフラグメントにレベル付きメッセージを追加します。
+   * キーに一致するフラグメントが見つからない場合は、指定されたフラグメントにメッセージを追加します。
    *
-   * @param callback 実行する処理
-   * @returns 処理結果
+   * @param fragment 対象フラグメント
+   * @param key キー（ドット区切りの文字列）
+   * @param message 追加するメッセージ
+   * @param level メッセージのレベル（省略可能）
+   * @return Promise（メッセージの追加が完了したら解決される）
    */
-  static withBlockedPropertyAccess(t) {
-    const r = [
-      { target: Object.prototype, property: "constructor" },
-      { target: Function.prototype, property: "constructor" },
-      { target: Object.prototype, property: "__proto__" }
-    ].map((s) => ({
-      ...s,
-      descriptor: Object.getOwnPropertyDescriptor(s.target, s.property)
-    })).filter((s) => s.descriptor?.configurable === !0);
-    r.forEach(({ target: s, property: i }) => {
-      Object.defineProperty(s, i, {
-        configurable: !0,
-        enumerable: !1,
-        get: () => {
-        },
-        set: () => {
-        }
-      });
+  static addMessage(t, e, r, s) {
+    const i = [], n = it(), a = n.addMessage, o = (p) => typeof a == "function" ? a.call(n, p, r, s) : n.addErrorMessage(p, r), d = y.findFragmentsByKey(t, e);
+    return d.forEach((p) => {
+      i.push(o(p.getTarget()));
+    }), d.length === 0 && i.push(o(t.getTarget())), Promise.all(i).then(() => {
     });
-    try {
-      return t();
-    } finally {
-      r.forEach(({ target: s, property: i, descriptor: n }) => {
-        n !== void 0 && Object.defineProperty(s, i, n);
-      });
-    }
   }
   /**
-   * イテレータ互換オブジェクトかどうかを判定します。
+   * 指定されたキーに一致するフラグメントを検索します。
    *
-   * @param value 判定対象
-   * @returns イテレータ互換であればtrue
+   * @param fragment 対象フラグメント
+   * @param key キー（ドット区切りの文字列）
+   * @returns 一致するフラグメントの配列
    */
-  static isIteratorLike(t) {
-    return t === null || typeof t != "object" ? !1 : typeof t.next == "function";
+  static findFragmentsByKey(t, e) {
+    return y.findFragmentByKeyParts(t, e.split("."));
   }
   /**
-  * トップレベルのバインド識別子に拒否対象名が含まれていないかを判定します。
-  * ネストしたオブジェクトのプロパティ名は識別子として評価されないため、ここでは拒否しません。
+   * 指定されたキーに一致するフラグメントを検索します。
+   * data-form-list属性で指定された場合はdata-row属性を持つ子要素の位置と添字が一致するものを対象とします。
    *
-   * @param obj チェック対象のオブジェクト
-   * @return 禁止識別子が含まれていればtrue
+   * @param fragment 対象フラグメント
+   * @param parts キーのパーツ
+   * @returns 一致するフラグメントの配列
    */
-  static containsForbiddenKeys(t) {
-    if (!t || typeof t != "object")
-      return !1;
-    for (const e of Object.keys(t))
-      if (this.FORBIDDEN_BINDING_NAMES.has(e))
-        return !0;
-    return !1;
+  static findFragmentByKeyParts(t, e) {
+    const r = [], s = e[0];
+    if (e.length == 1 && t.getAttribute("name") === s && r.push(t), t.hasAttribute(`${u.prefix}form-object`))
+      e.length > 1 && t.getAttribute(`${u.prefix}form-object`) === s && t.getChildElementFragments().forEach((n) => {
+        r.push(...y.findFragmentByKeyParts(n, e.slice(1)));
+      });
+    else if (t.hasAttribute(`${u.prefix}form-list`)) {
+      if (e.length > 1) {
+        const i = t.getAttribute(`${u.prefix}form-list`), n = s.lastIndexOf("["), a = s.lastIndexOf("]");
+        if (n !== -1 && a !== -1 && n < a) {
+          const o = s.substring(0, n);
+          if (i === o) {
+            const d = s.substring(n + 1, a), p = Number(d);
+            if (isNaN(p))
+              m.error("Haori", `Invalid index: ${s}`);
+            else {
+              const g = t.getChildElementFragments().filter((v) => v.hasAttribute(`${u.prefix}row`));
+              p < g.length && r.push(
+                ...y.findFragmentByKeyParts(g[p], e.slice(1))
+              );
+            }
+          }
+        }
+      }
+    } else
+      t.getChildElementFragments().forEach((i) => {
+        r.push(...y.findFragmentByKeyParts(i, e));
+      });
+    return r;
   }
   /**
-   * バインド値に危険なホストオブジェクトやグローバル関数が含まれていないかを再帰的に判定します。
+   * 対象のフラグメントがフォームフラグメントであればそれを返し、
+   * そうでなければ先祖要素をたどってフォームフラグメントを探します。
    *
-   * @param obj チェック対象の値
-   * @param seen 循環参照検出用の訪問済み集合
-   * @return 危険値が含まれていればtrue
+   * @param fragment
    */
-  static containsForbiddenBindingValues(t, e = /* @__PURE__ */ new WeakSet()) {
-    if (!t || typeof t != "object" || e.has(t))
-      return !1;
-    if (e.add(t), this.getForbiddenBindingValues().some((r) => r === t))
-      return !0;
-    for (const r of Object.values(t)) {
-      if (typeof r == "function") {
-        if (this.getForbiddenBindingValues().some(
-          (s) => s === r
-        ))
-          return !0;
-        continue;
-      }
-      if (this.containsForbiddenBindingValues(r, e))
-        return !0;
-    }
-    return !1;
+  static getFormFragment(t) {
+    if (t.getTarget() instanceof HTMLFormElement)
+      return t;
+    const r = t.getParent();
+    return r ? this.getFormFragment(r) : null;
   }
-};
-x.FORBIDDEN_NAMES = [
-  // グローバルオブジェクト
-  "window",
-  "self",
-  "globalThis",
-  "frames",
-  "parent",
-  "top",
-  // 危険な関数/オブジェクト
-  "Function",
-  "setTimeout",
-  "setInterval",
-  "requestAnimationFrame",
-  "alert",
-  "confirm",
-  "prompt",
-  "fetch",
-  "XMLHttpRequest",
-  "Reflect",
-  // 脱出経路・プロトタイプ
-  "constructor",
-  "__proto__",
-  "prototype",
-  "Object",
-  // その他
-  "document",
-  "location",
-  "navigator",
-  "localStorage",
-  "sessionStorage",
-  "IndexedDB",
-  "history"
-], x.STRICT_FORBIDDEN_NAMES = ["eval", "arguments"], x.REBINDABLE_FORBIDDEN_NAMES = /* @__PURE__ */ new Set(["location"]), x.FORBIDDEN_BINDING_NAMES = /* @__PURE__ */ new Set([
-  ...x.FORBIDDEN_NAMES.filter(
-    (t) => !x.REBINDABLE_FORBIDDEN_NAMES.has(t)
-  ),
-  "constructor",
-  "__proto__",
-  "prototype",
-  ...x.STRICT_FORBIDDEN_NAMES
-]), x.FORBIDDEN_PROPERTY_NAMES = /* @__PURE__ */ new Set([
-  "constructor",
-  "__proto__",
-  "prototype"
-]), x.OBJECT_PROPERTY_MODIFIERS = /* @__PURE__ */ new Set([
-  "get",
-  "set",
-  "async"
-]), x.DISALLOWED_KEYWORDS = /* @__PURE__ */ new Set([
-  "await",
-  "break",
-  "case",
-  "catch",
-  "class",
-  "const",
-  "continue",
-  "debugger",
-  "default",
-  "delete",
-  "do",
-  "else",
-  "export",
-  "finally",
-  "for",
-  "function",
-  "if",
-  "import",
-  "in",
-  "instanceof",
-  "let",
-  "new",
-  "return",
-  "switch",
-  "this",
-  "throw",
-  "try",
-  "typeof",
-  "var",
-  "void",
-  "while",
-  "with",
-  "yield"
-]), x.EXPRESSION_CACHE = /* @__PURE__ */ new Map();
-let V = x;
-const L = class L {
+}
+const $ = class $ {
   /**
    * フラグメントのコンストラクタ。
    *
    * @param target 対象ノード
    */
   constructor(t) {
-    this.parent = null, this.mounted = !1, this.skipMutationNodes = !1, this.target = t, L.FRAGMENT_CACHE.set(t, this);
+    this.parent = null, this.mounted = !1, this.skipMutationNodes = !1, this.target = t, $.FRAGMENT_CACHE.set(t, this);
   }
   static get(t) {
     if (t == null)
       return null;
-    if (L.FRAGMENT_CACHE.has(t))
-      return L.FRAGMENT_CACHE.get(t);
+    if ($.FRAGMENT_CACHE.has(t))
+      return $.FRAGMENT_CACHE.get(t);
     let e;
     switch (t.nodeType) {
       case Node.ELEMENT_NODE:
-        e = new D(t);
+        e = new P(t);
         break;
       case Node.TEXT_NODE:
-        e = new I(t);
+        e = new O(t);
         break;
       case Node.COMMENT_NODE:
-        e = new tt(t);
+        e = new et(t);
         break;
       default:
         return m.warn("[Haori]", "Unsupported node type:", t.nodeType), null;
@@ -1365,7 +1365,7 @@ const L = class L {
    * @return 除去のPromise
    */
   remove(t = !0) {
-    return this.parent && this.parent.removeChild(this), L.FRAGMENT_CACHE.delete(this.target), t ? this.unmount() : Promise.resolve();
+    return this.parent && this.parent.removeChild(this), $.FRAGMENT_CACHE.delete(this.target), t ? this.unmount() : Promise.resolve();
   }
   /**
    * 対象ノードを取得します。
@@ -1392,9 +1392,9 @@ const L = class L {
     this.parent = t;
   }
 };
-L.FRAGMENT_CACHE = /* @__PURE__ */ new WeakMap();
-let R = L;
-const C = class C extends R {
+$.FRAGMENT_CACHE = /* @__PURE__ */ new WeakMap();
+let R = $;
+const I = class I extends R {
   /**
    * エレメントフラグメントのコンストラクタ。
    * アトリビュートや子フラグメントの作成も行います。
@@ -1417,10 +1417,10 @@ const C = class C extends R {
       "month",
       "time",
       "week"
-    ], this.children = [], this.attributeMap = /* @__PURE__ */ new Map(), this.bindingData = null, this.bindingDataCache = null, this.visible = !0, this.display = null, this.displayPriority = null, this.template = null, this.listKey = null, this.value = null, this.skipMutationAttributes = !1, this.skipChangeValue = !1, this.syncValue(), t.getAttributeNames().forEach((e) => {
+    ], this.children = [], this.attributeMap = /* @__PURE__ */ new Map(), this.bindingData = null, this.derivedBindingData = null, this.bindingDataCache = null, this.descendantBindingDataCache = null, this.visible = !0, this.display = null, this.displayPriority = 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 s = new q(e, r);
+        const s = new K(e, r);
         this.attributeMap.set(e, s);
       }
     }), t.childNodes.forEach((e) => {
@@ -1443,7 +1443,7 @@ const C = class C extends R {
    */
   getChildElementFragments() {
     return this.children.filter(
-      (t) => t instanceof C
+      (t) => t instanceof I
     );
   }
   /**
@@ -1475,7 +1475,7 @@ const C = class C extends R {
    * @returns クローンされたフラグメント
    */
   clone() {
-    const t = new C(
+    const t = new I(
       this.target.cloneNode(!1)
     );
     return this.attributeMap.forEach((e, r) => {
@@ -1483,14 +1483,14 @@ const C = class C extends R {
     }), this.children.forEach((e) => {
       const r = e.clone();
       t.getTarget().appendChild(r.getTarget()), t.pushChild(r);
-    }), t.mounted = !1, t.bindingData = this.bindingData, t.clearBindingDataCache(), t.visible = !0, t.display = this.display, t.displayPriority = this.displayPriority, t.template = this.template, t.normalizeClonedVisibilityState(), t;
+    }), t.mounted = !1, t.bindingData = this.bindingData, t.derivedBindingData = this.derivedBindingData, t.clearBindingDataCache(), t.visible = !0, t.display = this.display, t.displayPriority = this.displayPriority, t.template = this.template, t.normalizeClonedVisibilityState(), t;
   }
   /**
    * clone 時に runtime の hidden 状態だけを落とします。
    */
   normalizeClonedVisibilityState() {
-    (this.visible === !1 || this.getTarget().style.display === "none" || this.getTarget().hasAttribute(`${c.prefix}if-false`)) && (this.visible = !0, this.display = null, this.displayPriority = null, this.getTarget().style.removeProperty("display"), this.getTarget().removeAttribute(`${c.prefix}if-false`)), this.children.forEach((t) => {
-      t instanceof C && t.normalizeClonedVisibilityState();
+    (this.visible === !1 || this.getTarget().style.display === "none" || this.getTarget().hasAttribute(`${u.prefix}if-false`)) && (this.visible = !0, this.display = null, this.displayPriority = null, this.getTarget().style.removeProperty("display"), this.getTarget().removeAttribute(`${u.prefix}if-false`)), this.children.forEach((t) => {
+      t instanceof I && t.normalizeClonedVisibilityState();
     });
   }
   /**
@@ -1503,7 +1503,7 @@ const C = class C extends R {
     const e = [];
     return this.children.forEach((r) => {
       e.push(r.remove(!1));
-    }), this.children.length = 0, this.attributeMap.clear(), this.bindingData = null, this.bindingDataCache = null, this.template && (e.push(this.template.remove(!1)), this.template = null), e.push(super.remove(t)), Promise.all(e).then(() => {
+    }), this.children.length = 0, this.attributeMap.clear(), this.bindingData = null, this.bindingDataCache = null, this.derivedBindingData = null, this.descendantBindingDataCache = null, this.template && (e.push(this.template.remove(!1)), this.template = null), e.push(super.remove(t)), Promise.all(e).then(() => {
     });
   }
   /**
@@ -1520,7 +1520,18 @@ const C = class C extends R {
    * @returns バインドデータのオブジェクト
    */
   getBindingData() {
-    return this.bindingDataCache ? this.bindingDataCache : (this.bindingDataCache = {}, this.parent && Object.assign(this.bindingDataCache, this.parent.getBindingData()), this.bindingData && Object.assign(this.bindingDataCache, this.bindingData), this.bindingDataCache);
+    return this.bindingDataCache ? this.bindingDataCache : (this.bindingDataCache = {}, this.parent && Object.assign(
+      this.bindingDataCache,
+      this.parent.getDescendantBindingData()
+    ), this.bindingData && Object.assign(this.bindingDataCache, this.bindingData), this.bindingDataCache);
+  }
+  /**
+   * 子孫要素向けのバインドデータを取得します。
+   *
+   * @returns 子孫要素向けのバインドデータ
+   */
+  getDescendantBindingData() {
+    return this.descendantBindingDataCache ? this.descendantBindingDataCache : (this.descendantBindingDataCache = { ...this.getBindingData() }, this.derivedBindingData && Object.assign(this.descendantBindingDataCache, this.derivedBindingData), this.descendantBindingDataCache);
   }
   /**
    * 生のバインドデータを取得します。
@@ -1538,6 +1549,14 @@ const C = class C extends R {
   setBindingData(t) {
     this.bindingData = t, this.clearBindingDataCache();
   }
+  /**
+   * 子孫要素向けの派生バインドデータを設定します。
+   *
+   * @param data 派生バインドデータ。解除する場合は null
+   */
+  setDerivedBindingData(t) {
+    this.derivedBindingData = t, this.clearBindingDataCache();
+  }
   /**
    * 親フラグメントを設定します。バインドデータキャッシュをクリアします。
    *
@@ -1550,8 +1569,8 @@ const C = class C extends R {
    * バインドデータのキャッシュをクリアします。
    */
   clearBindingDataCache() {
-    this.bindingDataCache = null, this.children.forEach((t) => {
-      t instanceof C && t.clearBindingDataCache();
+    this.bindingDataCache = null, this.descendantBindingDataCache = null, this.children.forEach((t) => {
+      t instanceof I && t.clearBindingDataCache();
     });
   }
   /**
@@ -1732,7 +1751,7 @@ const C = class C extends R {
       return Promise.resolve();
     if (r === null)
       return t === e ? this.removeAttribute(t) : this.removeAliasedAttribute(t, e);
-    const n = new q(t, r);
+    const n = new K(t, r);
     if (i) {
       const A = this.attributeMap.get(t);
       if (A && (A.isEvaluate || A.isForceEvaluation()) && !n.isEvaluate && !n.isForceEvaluation())
@@ -1742,12 +1761,12 @@ const C = class C extends R {
         });
     }
     this.attributeMap.set(t, n), this.skipMutationAttributes = !0;
-    const a = this.getTarget(), o = n.evaluateDetailed(this.getBindingData()), f = n.isEvaluate || n.isRawEvaluate, p = t === e && C.BOOLEAN_ATTRIBUTES.has(e.toLowerCase()), g = n.isSingleExpression(), y = H.joinEvaluateResults(o.results), b = o.results.length === 1 ? o.results[0] : y, l = !n.isForceEvaluation() && (e !== t || p || g ? o.hasUnresolvedReference || b === null || b === void 0 || b === !1 : f && y === ""), h = n.isForceEvaluation() ? r : g ? b : y;
+    const a = this.getTarget(), o = n.evaluateDetailed(this.getBindingData()), d = n.isEvaluate || n.isRawEvaluate, p = t === e && I.BOOLEAN_ATTRIBUTES.has(e.toLowerCase()), g = n.isSingleExpression(), v = B.joinEvaluateResults(o.results), b = o.results.length === 1 ? o.results[0] : v, l = !n.isForceEvaluation() && (e !== t || p || g ? o.hasUnresolvedReference || b === null || b === void 0 || b === !1 : d && v === ""), f = n.isForceEvaluation() ? r : g ? b : v;
     return N.enqueue(() => {
-      if (a.getAttribute(t) !== r && a.setAttribute(t, r), l || h === null || h === !1)
+      if (a.getAttribute(t) !== r && a.setAttribute(t, r), l || f === null || f === !1)
         a.removeAttribute(e);
       else {
-        const A = String(h);
+        const A = String(f);
         a.getAttribute(e) !== A && a.setAttribute(e, A), s && n.isEvaluate && e === "value" && (a instanceof HTMLInputElement && this.INPUT_EVENT_TYPES.includes(a.type) || a instanceof HTMLTextAreaElement || a instanceof HTMLSelectElement) && (this.value = A, a.value !== A && (a.value = A));
       }
     }).finally(() => {
@@ -1798,7 +1817,7 @@ const C = class C extends R {
       value: r.results[0],
       hasUnresolvedReference: r.hasUnresolvedReference
     } : {
-      value: H.joinEvaluateResults(r.results),
+      value: B.joinEvaluateResults(r.results),
       hasUnresolvedReference: r.hasUnresolvedReference
     };
   }
@@ -1875,14 +1894,14 @@ const C = class C extends R {
     const n = t.getParent() === this;
     let a = -1, o = -1;
     n && (a = this.children.indexOf(t), e !== null && (o = this.children.indexOf(e)));
-    const f = t.getParent();
-    f !== null && f.removeChild(t);
+    const d = t.getParent();
+    d !== null && d.removeChild(t);
     let p = r === void 0 ? e?.getTarget() || null : r;
     if (e === null)
       this.children.push(t);
     else {
-      let y;
-      if (n ? a !== -1 && a < o ? y = o - 1 : y = o : y = this.children.indexOf(e), y === -1) {
+      let v;
+      if (n ? a !== -1 && a < o ? v = o - 1 : v = o : v = this.children.indexOf(e), v === -1) {
         const b = this.resolveInsertionPointFromDom(
           e,
           !1
@@ -1893,7 +1912,7 @@ const C = class C extends R {
           e
         ), this.children.push(t)) : (this.children.splice(b.index, 0, t), p = b.referenceNode);
       } else
-        this.children.splice(y, 0, t);
+        this.children.splice(v, 0, t);
     }
     t.setParent(this), t.setMounted(this.mounted);
     const g = this.skipMutationNodes;
@@ -1975,7 +1994,7 @@ const C = class C extends R {
       return Promise.resolve();
     this.visible = !1;
     const t = this.getTarget();
-    return this.display = t.style.getPropertyValue("display"), this.displayPriority = t.style.getPropertyPriority("display"), t.style.setProperty("display", "none", "important"), t.setAttribute(`${c.prefix}if-false`, ""), Promise.resolve();
+    return this.display = t.style.getPropertyValue("display"), this.displayPriority = t.style.getPropertyPriority("display"), t.style.setProperty("display", "none", "important"), t.setAttribute(`${u.prefix}if-false`, ""), Promise.resolve();
   }
   /**
    * エレメントを表示します。
@@ -1990,7 +2009,7 @@ const C = class C extends R {
       "display",
       this.display,
       this.displayPriority ?? ""
-    ), this.display = null, this.displayPriority = null, t.removeAttribute(`${c.prefix}if-false`), this.visible = !0, Promise.resolve();
+    ), this.display = null, this.displayPriority = null, t.removeAttribute(`${u.prefix}if-false`), this.visible = !0, Promise.resolve();
   }
   /**
    * 指定した属性名を持つ最も近い親要素を返します。
@@ -2006,7 +2025,7 @@ const C = class C extends R {
     return e === null ? null : e.closestByAttribute(t);
   }
 };
-C.BOOLEAN_ATTRIBUTES = /* @__PURE__ */ new Set([
+I.BOOLEAN_ATTRIBUTES = /* @__PURE__ */ new Set([
   "allowfullscreen",
   "async",
   "autofocus",
@@ -2031,8 +2050,8 @@ C.BOOLEAN_ATTRIBUTES = /* @__PURE__ */ new Set([
   "reversed",
   "selected"
 ]);
-let D = C;
-class I extends R {
+let P = I;
+class O extends R {
   /**
    * テキストフラグメントのコンストラクタ。
    * 対象テキストノードの内容を初期化します。
@@ -2040,7 +2059,7 @@ class I extends R {
    * @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 B(this.text);
   }
   /**
    * フラグメントをクローンします。
@@ -2048,7 +2067,7 @@ class I extends R {
    * @returns クローンされたフラグメント
    */
   clone() {
-    const t = new I(this.target.cloneNode(!0));
+    const t = new O(this.target.cloneNode(!0));
     return t.mounted = !1, t.text = this.text, t.contents = this.contents, t;
   }
   /**
@@ -2066,7 +2085,7 @@ class I extends R {
    * @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 B(t), this.evaluate());
   }
   /**
    * フラグメントを評価します。
@@ -2079,7 +2098,7 @@ class I extends R {
     ) : N.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 = B.joinEvaluateResults(
         this.contents.evaluate(this.parent.getBindingData())
       ) : this.target.textContent = this.text;
     }).finally(() => {
@@ -2087,7 +2106,7 @@ class I extends R {
     });
   }
 }
-class tt extends R {
+class et extends R {
   /**
    * コメントフラグメントのコンストラクタ。
    * 対象コメントノードの内容を初期化します。
@@ -2103,7 +2122,7 @@ class tt extends R {
    * @returns クローンされたフラグメント
    */
   clone() {
-    const t = new tt(this.target.cloneNode(!0));
+    const t = new et(this.target.cloneNode(!0));
     return t.mounted = !1, t.text = this.text, t;
   }
   /**
@@ -2128,7 +2147,7 @@ class tt extends R {
     }));
   }
 }
-const G = class G {
+const W = class W {
   /**
    * コンストラクタ。
    *
@@ -2136,7 +2155,7 @@ const G = class G {
    */
   constructor(t) {
     this.contents = [], this.isEvaluate = !1, this.isRawEvaluate = !1, this.value = t;
-    const e = [...t.matchAll(G.PLACEHOLDER_REGEX)];
+    const e = [...t.matchAll(W.PLACEHOLDER_REGEX)];
     let r = 0, s = !1, i = !1;
     for (const n of e) {
       n.index > r && this.contents.push({
@@ -2218,7 +2237,7 @@ const G = class G {
     return this.contents.forEach((s) => {
       try {
         if (s.type === 1 || s.type === 2) {
-          const i = V.evaluateDetailed(s.text, t);
+          const i = U.evaluateDetailed(s.text, t);
           r = r || i.unresolvedReference, e.push(i.value);
         } else
           e.push(s.text);
@@ -2232,9 +2251,9 @@ const G = class G {
     }), { results: e, hasUnresolvedReference: r };
   }
 };
-G.PLACEHOLDER_REGEX = /\{\{\{([\s\S]+?)\}\}\}|\{\{([\s\S]+?)\}\}/g;
-let H = G;
-const W = class W extends H {
+W.PLACEHOLDER_REGEX = /\{\{\{([\s\S]+?)\}\}\}|\{\{([\s\S]+?)\}\}/g;
+let B = W;
+const J = class J extends B {
   /**
    * コンストラクタ。
    *
@@ -2242,7 +2261,7 @@ const W = class W extends H {
    * @param text 属性値
    */
   constructor(t, e) {
-    super(e), this.forceEvaluation = W.FORCE_EVALUATION_ATTRIBUTES.includes(t);
+    super(e), this.forceEvaluation = J.FORCE_EVALUATION_ATTRIBUTES.includes(t);
   }
   /**
    * 強制評価フラグを取得します。
@@ -2278,7 +2297,7 @@ const W = class W extends H {
     return this.contents.forEach((s) => {
       try {
         if (this.forceEvaluation && s.type === 0 || s.type === 1 || s.type === 2) {
-          const i = V.evaluateDetailed(s.text, t);
+          const i = U.evaluateDetailed(s.text, t);
           r = r || i.unresolvedReference, e.push(i.value);
         } else
           e.push(s.text);
@@ -2299,13 +2318,15 @@ const W = class W extends H {
     }) : { results: e, hasUnresolvedReference: r };
   }
 };
-W.FORCE_EVALUATION_ATTRIBUTES = [
+J.FORCE_EVALUATION_ATTRIBUTES = [
   "data-if",
   "hor-if",
   "data-each",
-  "hor-each"
+  "hor-each",
+  "data-derive",
+  "hor-derive"
 ];
-let q = W;
+let K = J;
 class S {
   /**
    * カスタムイベントを発火します。
@@ -2387,9 +2408,9 @@ class S {
    */
   static bindChange(t, e, r, s = "other") {
     const i = [], n = new Set(Object.keys(e || {})), a = new Set(Object.keys(r)), o = /* @__PURE__ */ new Set([...n, ...a]);
-    for (const f of o) {
-      const p = e?.[f], g = r[f];
-      p !== g && i.push(f);
+    for (const d of o) {
+      const p = e?.[d], g = r[d];
+      p !== g && i.push(d);
     }
     S.dispatch(t, "bindchange", {
       previous: e || {},
@@ -2514,35 +2535,35 @@ class S {
     });
   }
 }
-const lt = [
+const ut = [
   "addErrorMessage",
   "closeDialog",
   "confirm",
   "dialog",
   "openDialog",
   "toast"
-], ut = "__haoriHistoryState__", z = "data-haori-click-lock";
-function Q() {
+], ct = "__haoriHistoryState__", Q = "data-haori-click-lock";
+function Z() {
   const t = globalThis.window?.Haori;
-  return lt.every(
+  return ut.every(
     (r) => typeof t?.[r] == "function"
-  ) ? t : Y;
+  ) ? t : X;
 }
-const ct = /* @__PURE__ */ new Set(["GET", "HEAD", "OPTIONS"]);
-function ht(E) {
-  return ct.has(E.toUpperCase());
+const ht = /* @__PURE__ */ new Set(["GET", "HEAD", "OPTIONS"]);
+function ft(E) {
+  return ht.has(E.toUpperCase());
 }
-function ft(E, t) {
+function dt(E, t) {
   for (const [e, r] of Object.entries(t))
     r !== void 0 && (r === null ? E.append(e, "") : Array.isArray(r) ? r.forEach((s) => {
       E.append(e, String(s));
     }) : typeof r == "object" || typeof r == "function" ? E.append(e, JSON.stringify(r)) : E.append(e, String(r)));
 }
-function dt(E, t) {
+function pt(E, t) {
   const e = new URL(E, window.location.href), r = new URLSearchParams(e.search);
-  return ft(r, t), e.search = r.toString(), e.toString();
+  return dt(r, t), e.search = r.toString(), e.toString();
 }
-function pt(E) {
+function gt(E) {
   return E == null ? null : typeof E == "string" ? E : E instanceof URLSearchParams ? E.toString() : E instanceof FormData ? Array.from(E.entries()).map(([t, e]) => e instanceof File ? [
     t,
     {
@@ -2553,7 +2574,7 @@ function pt(E) {
     }
   ] : [t, String(e)]) : String(E);
 }
-function gt(E, t) {
+function mt(E, t) {
   const e = new Headers(
     t.headers || void 0
   ), r = Array.from(e.entries()).sort(
@@ -2563,10 +2584,10 @@ function gt(E, t) {
     url: E,
     method: String(t.method || "GET").toUpperCase(),
     headers: r,
-    body: pt(t.body || null)
+    body: gt(t.body || null)
   });
 }
-const u = class u {
+const c = class c {
   /**
    * イベント属性名を正しく生成します。
    * 例: ("click", "fetch") => "data-click-fetch"
@@ -2575,7 +2596,7 @@ const u = class u {
    * 非イベント変種が "data-fetch-xxx" として存在するものについては、event が null の場合にそちらを返します。
    */
   static attrName(t, e, r = !1) {
-    return t ? `${c.prefix}${t}-${e}` : r ? `${c.prefix}fetch-${e}` : `${c.prefix}${e}`;
+    return t ? `${u.prefix}${t}-${e}` : r ? `${u.prefix}fetch-${e}` : `${u.prefix}${e}`;
   }
   /**
    * data 属性のテンプレート式評価結果を URLSearchParams 向けに組み立てます。
@@ -2585,7 +2606,7 @@ const u = class u {
    * @returns パラメータ形式として扱える文字列
    */
   static resolveDataParamString(t, e) {
-    return u.resolveDataParamStringDetailed(t, e).value;
+    return c.resolveDataParamStringDetailed(t, e).value;
   }
   /**
    * data 属性のテンプレート式評価結果を URLSearchParams 向けに組み立てます。
@@ -2597,9 +2618,9 @@ const u = class u {
   static resolveDataParamStringDetailed(t, e) {
     let r = !1;
     return { value: t.replace(
-      u.DATA_PLACEHOLDER_REGEX,
+      c.DATA_PLACEHOLDER_REGEX,
       (i, n, a) => {
-        const o = V.evaluateDetailed(
+        const o = U.evaluateDetailed(
           n ?? a ?? "",
           e
         );
@@ -2654,7 +2675,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);
   }
   /**
@@ -2665,7 +2686,7 @@ const u = class u {
    * @returns JSON として解釈可能な文字列
    */
   static resolveDataJsonString(t, e) {
-    return u.resolveDataJsonStringDetailed(t, e).value;
+    return c.resolveDataJsonStringDetailed(t, e).value;
   }
   /**
    * JSON 形式 data 属性内のテンプレート式を安全に解決します。
@@ -2677,13 +2698,13 @@ const u = class u {
   static resolveDataJsonStringDetailed(t, e) {
     let r = !1;
     return { value: t.replace(
-      u.DATA_PLACEHOLDER_REGEX,
+      c.DATA_PLACEHOLDER_REGEX,
       (i, n, a, o) => {
-        const f = V.evaluateDetailed(
+        const d = U.evaluateDetailed(
           n ?? a ?? "",
           e
         );
-        return r = r || f.unresolvedReference, u.isJsonStringContext(t, o) ? u.stringifyJsonTemplateStringContent(f.value) : u.stringifyJsonTemplateValue(f.value);
+        return r = r || d.unresolvedReference, c.isJsonStringContext(t, o) ? c.stringifyJsonTemplateStringContent(d.value) : c.stringifyJsonTemplateValue(d.value);
       }
     ), hasUnresolvedReference: r };
   }
@@ -2695,7 +2716,7 @@ const u = class u {
    * @returns 送信データ
    */
   static resolveDataAttribute(t, e) {
-    return u.resolveDataAttributeDetailed(t, e).value;
+    return c.resolveDataAttributeDetailed(t, e).value;
   }
   /**
    * data 属性を評価済みの値として取得し、未解決参照の有無を返します。
@@ -2714,27 +2735,27 @@ const u = class u {
     if (typeof i != "string" || r === null)
       return { value: null, hasUnresolvedReference: n };
     const a = r.trim();
-    if (u.SINGLE_PLACEHOLDER_REGEX.test(a))
+    if (c.SINGLE_PLACEHOLDER_REGEX.test(a))
       return {
-        value: P.parseDataBind(i),
+        value: D.parseDataBind(i),
         hasUnresolvedReference: n
       };
     if (a.startsWith("{") || a.startsWith("[")) {
-      const f = u.resolveDataJsonStringDetailed(
+      const d = c.resolveDataJsonStringDetailed(
         r,
         t.getBindingData()
       );
       return {
-        value: P.parseDataBind(f.value),
-        hasUnresolvedReference: n || f.hasUnresolvedReference
+        value: D.parseDataBind(d.value),
+        hasUnresolvedReference: n || d.hasUnresolvedReference
       };
     }
-    const o = u.resolveDataParamStringDetailed(
+    const o = c.resolveDataParamStringDetailed(
       r,
       t.getBindingData()
     );
     return {
-      value: P.parseDataBind(o.value),
+      value: D.parseDataBind(o.value),
       hasUnresolvedReference: n || o.hasUnresolvedReference
     };
   }
@@ -2750,27 +2771,27 @@ 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")
+      if (t.hasAttribute(c.attrName(e, "validate")) && (r.valid = !0), t.hasAttribute(c.attrName(e, "confirm")) && (r.confirmMessage = t.getAttribute(
+        c.attrName(e, "confirm")
       ).replace(/\\n/g, `
-`)), t.hasAttribute(u.attrName(e, "data")) && (r.dataAttrName = u.attrName(e, "data")), t.hasAttribute(u.attrName(e, "form"))) {
+`)), t.hasAttribute(c.attrName(e, "data")) && (r.dataAttrName = c.attrName(e, "data")), t.hasAttribute(c.attrName(e, "form"))) {
         const l = t.getRawAttribute(
-          u.attrName(e, "form")
+          c.attrName(e, "form")
         );
         if (l) {
-          const h = document.body.querySelector(l);
-          h !== null ? r.formFragment = v.getFormFragment(
-            R.get(h)
+          const f = document.body.querySelector(l);
+          f !== null ? r.formFragment = y.getFormFragment(
+            R.get(f)
           ) : m.error(
             "Haori",
-            `Form element not found: ${l} (${u.attrName(e, "form")})`
+            `Form element not found: ${l} (${c.attrName(e, "form")})`
           );
         } else
-          r.formFragment = v.getFormFragment(t);
-      } else e === "change" && (r.formFragment = v.getFormFragment(t));
-      if (t.hasAttribute(`${c.prefix}${e}-before-run`)) {
+          r.formFragment = y.getFormFragment(t);
+      } else e === "change" && (r.formFragment = y.getFormFragment(t));
+      if (t.hasAttribute(`${u.prefix}${e}-before-run`)) {
         const l = t.getRawAttribute(
-          `${c.prefix}${e}-before-run`
+          `${u.prefix}${e}-before-run`
         );
         try {
           r.beforeCallback = new Function(
@@ -2781,79 +2802,79 @@ const u = class u {
 ${l}
 `
           );
-        } catch (h) {
-          m.error("Haori", `Invalid before script: ${h}`);
+        } catch (f) {
+          m.error("Haori", `Invalid before script: ${f}`);
         }
       }
     }
-    const s = u.attrName(e, "fetch"), i = t.hasAttribute(s);
+    const s = c.attrName(e, "fetch"), i = t.hasAttribute(s);
     if (i) {
       const l = t.getAttributeEvaluation(s);
       l && (r.fetchHasUnresolvedReference = l.hasUnresolvedReference, r.fetchUrl = l.hasUnresolvedReference ? null : l.value);
     }
     const n = {};
     if (e) {
-      const l = u.attrName(e, "fetch-method");
+      const l = c.attrName(e, "fetch-method");
       if (t.hasAttribute(l)) {
-        const h = t.getAttributeEvaluation(
+        const f = t.getAttributeEvaluation(
           l
         );
-        h?.hasUnresolvedReference ? r.fetchHasUnresolvedReference = !0 : n.method = h?.value;
+        f?.hasUnresolvedReference ? r.fetchHasUnresolvedReference = !0 : n.method = f?.value;
       }
     } else {
-      const l = u.attrName(null, "method", !0);
+      const l = c.attrName(null, "method", !0);
       if (t.hasAttribute(l)) {
-        const h = t.getAttributeEvaluation(
+        const f = t.getAttributeEvaluation(
           l
         );
-        h?.hasUnresolvedReference ? r.fetchHasUnresolvedReference = !0 : n.method = h?.value;
+        f?.hasUnresolvedReference ? r.fetchHasUnresolvedReference = !0 : n.method = f?.value;
       }
     }
     if (e) {
-      const l = u.attrName(e, "fetch-headers");
+      const l = c.attrName(e, "fetch-headers");
       if (t.hasAttribute(l)) {
-        const h = t.getRawAttribute(
+        const f = t.getRawAttribute(
           l
         );
         try {
-          n.headers = P.parseDataBind(h);
+          n.headers = D.parseDataBind(f);
         } catch (A) {
           m.error("Haori", `Invalid fetch headers: ${A}`);
         }
       }
     } else {
-      const l = u.attrName(
+      const l = c.attrName(
         null,
         "headers",
         !0
       );
       if (t.hasAttribute(l)) {
-        const h = t.getRawAttribute(
+        const f = t.getRawAttribute(
           l
         );
         try {
-          n.headers = P.parseDataBind(h);
+          n.headers = D.parseDataBind(f);
         } catch (A) {
           m.error("Haori", `Invalid fetch headers: ${A}`);
         }
       }
     }
     if (e) {
-      const l = u.attrName(
+      const l = c.attrName(
         e,
         "fetch-content-type"
       );
       if (t.hasAttribute(l)) {
-        const h = t.getAttributeEvaluation(
+        const f = t.getAttributeEvaluation(
           l
         );
-        h?.hasUnresolvedReference && (r.fetchHasUnresolvedReference = !0), n.headers = {
+        f?.hasUnresolvedReference && (r.fetchHasUnresolvedReference = !0), n.headers = {
           ...n.headers,
-          "Content-Type": h?.value
+          "Content-Type": f?.value
         };
       } else if (n.method && n.method !== "GET" && n.method !== "HEAD" && n.method !== "OPTIONS") {
-        let h = !1;
-        n.headers && typeof n.headers == "object" && (h = "Content-Type" in n.headers), h || (n.headers = {
+        let f = !1;
+        n.headers && typeof n.headers == "object" && (f = "Content-Type" in n.headers), f || (n.headers = {
           ...n.headers,
           "Content-Type": "application/json"
         });
@@ -2862,22 +2883,22 @@ ${l}
         "Content-Type": "application/x-www-form-urlencoded"
       });
     } else {
-      const l = u.attrName(
+      const l = c.attrName(
         null,
         "content-type",
         !0
       );
       if (t.hasAttribute(l)) {
-        const h = t.getAttributeEvaluation(
+        const f = t.getAttributeEvaluation(
           l
         );
-        h?.hasUnresolvedReference && (r.fetchHasUnresolvedReference = !0), n.headers = {
+        f?.hasUnresolvedReference && (r.fetchHasUnresolvedReference = !0), n.headers = {
           ...n.headers,
-          "Content-Type": h?.value
+          "Content-Type": f?.value
         };
       } else if (n.method && n.method !== "GET" && n.method !== "HEAD" && n.method !== "OPTIONS") {
-        let h = !1;
-        n.headers && typeof n.headers == "object" && (h = "Content-Type" in n.headers), h || (n.headers = {
+        let f = !1;
+        n.headers && typeof n.headers == "object" && (f = "Content-Type" in n.headers), f || (n.headers = {
           ...n.headers,
           "Content-Type": "application/json"
         });
@@ -2887,12 +2908,12 @@ ${l}
       });
     }
     Object.keys(n).length > 0 && (r.fetchOptions = n);
-    const a = e ? u.attrName(e, "bind") : u.attrName(null, "bind", !0);
+    const a = e ? c.attrName(e, "bind") : c.attrName(null, "bind", !0);
     if (t.hasAttribute(a)) {
       const l = t.getRawAttribute(a);
       if (l) {
-        const h = document.body.querySelectorAll(l);
-        h.length > 0 ? (r.bindFragments = [], h.forEach((A) => {
+        const f = document.body.querySelectorAll(l);
+        f.length > 0 ? (r.bindFragments = [], f.forEach((A) => {
           const F = R.get(A);
           F && r.bindFragments.push(F);
         })) : m.error(
@@ -2901,105 +2922,105 @@ ${l}
         );
       }
     }
-    const o = u.attrName(e, "bind-arg"), f = u.attrName(
+    const o = c.attrName(e, "bind-arg"), d = c.attrName(
       null,
       "arg",
       !0
-    ), p = u.attrName(
+    ), p = c.attrName(
       null,
       "bind-arg",
       !0
     );
-    e ? t.hasAttribute(o) && (r.bindArg = t.getRawAttribute(o)) : t.hasAttribute(f) ? r.bindArg = t.getRawAttribute(
-      f
+    e ? t.hasAttribute(o) && (r.bindArg = t.getRawAttribute(o)) : t.hasAttribute(d) ? r.bindArg = t.getRawAttribute(
+      d
     ) : t.hasAttribute(p) && (r.bindArg = t.getRawAttribute(p));
-    const g = e ? u.attrName(e, "bind-params") : u.attrName(null, "bind-params", !0);
+    const g = e ? c.attrName(e, "bind-params") : c.attrName(null, "bind-params", !0);
     if (t.hasAttribute(g)) {
       const l = t.getRawAttribute(g);
-      r.bindParams = l.split("&").map((h) => h.trim());
+      r.bindParams = l.split("&").map((f) => f.trim());
     }
-    const y = e ? u.attrName(e, "bind-append") : u.attrName(null, "bind-append", !0);
-    if (t.hasAttribute(y)) {
-      const l = t.getRawAttribute(y);
-      r.bindAppendParams = l.split("&").map((h) => h.trim()).filter(Boolean);
+    const v = e ? c.attrName(e, "bind-append") : c.attrName(null, "bind-append", !0);
+    if (t.hasAttribute(v)) {
+      const l = t.getRawAttribute(v);
+      r.bindAppendParams = l.split("&").map((f) => f.trim()).filter(Boolean);
     }
-    const b = e ? u.attrName(e, "copy-params") : null;
+    const b = e ? c.attrName(e, "copy-params") : null;
     if (b && t.hasAttribute(b)) {
       const l = t.getRawAttribute(
         b
       );
-      r.copyParams = l.split("&").map((h) => h.trim()).filter(Boolean);
+      r.copyParams = l.split("&").map((f) => f.trim()).filter(Boolean);
     }
     if (e) {
-      if (t.hasAttribute(u.attrName(e, "adjust"))) {
-        const h = t.getRawAttribute(
-          u.attrName(e, "adjust")
+      if (t.hasAttribute(c.attrName(e, "adjust"))) {
+        const f = t.getRawAttribute(
+          c.attrName(e, "adjust")
         );
-        if (h) {
-          const A = document.body.querySelectorAll(h);
+        if (f) {
+          const A = document.body.querySelectorAll(f);
           A.length > 0 ? (r.adjustFragments = [], A.forEach((F) => {
             const w = R.get(F);
             w && r.adjustFragments.push(w);
           })) : m.error(
             "Haori",
-            `Adjust element not found: ${h} (${u.attrName(e, "adjust")})`
+            `Adjust element not found: ${f} (${c.attrName(e, "adjust")})`
           );
         }
-        if (t.hasAttribute(u.attrName(e, "adjust-value"))) {
+        if (t.hasAttribute(c.attrName(e, "adjust-value"))) {
           const A = t.getRawAttribute(
-            u.attrName(e, "adjust-value")
+            c.attrName(e, "adjust-value")
           ), F = Number(A);
           isNaN(F) || (r.adjustValue = F);
         }
       }
-      if (t.hasAttribute(u.attrName(e, "row-add")) && (r.rowAdd = !0), t.hasAttribute(u.attrName(e, "row-remove")) && (r.rowRemove = !0), t.hasAttribute(u.attrName(e, "row-prev")) && (r.rowMovePrev = !0), t.hasAttribute(u.attrName(e, "row-next")) && (r.rowMoveNext = !0), t.hasAttribute(`${c.prefix}${e}-after-run`)) {
-        const h = t.getRawAttribute(
-          `${c.prefix}${e}-after-run`
+      if (t.hasAttribute(c.attrName(e, "row-add")) && (r.rowAdd = !0), t.hasAttribute(c.attrName(e, "row-remove")) && (r.rowRemove = !0), t.hasAttribute(c.attrName(e, "row-prev")) && (r.rowMovePrev = !0), t.hasAttribute(c.attrName(e, "row-next")) && (r.rowMoveNext = !0), t.hasAttribute(`${u.prefix}${e}-after-run`)) {
+        const f = t.getRawAttribute(
+          `${u.prefix}${e}-after-run`
         );
         try {
           r.afterCallback = new Function(
             "response",
             `
 "use strict";
-${h}
+${f}
 `
           );
         } catch (A) {
           m.error("Haori", `Invalid after script: ${A}`);
         }
       }
-      if (t.hasAttribute(u.attrName(e, "dialog")) && (r.dialogMessage = t.getAttribute(
-        u.attrName(e, "dialog")
+      if (t.hasAttribute(c.attrName(e, "dialog")) && (r.dialogMessage = t.getAttribute(
+        c.attrName(e, "dialog")
       ).replace(/\\n/g, `
-`)), t.hasAttribute(u.attrName(e, "toast"))) {
+`)), t.hasAttribute(c.attrName(e, "toast"))) {
         r.toastMessage = t.getAttribute(
-          u.attrName(e, "toast")
+          c.attrName(e, "toast")
         );
-        const h = t.getRawAttribute(
-          u.attrName(e, "toast-level")
-        ), F = ["info", "warning", "error", "success"].includes(h);
-        r.toastLevel = F ? h : null;
+        const f = t.getRawAttribute(
+          c.attrName(e, "toast-level")
+        ), F = ["info", "warning", "error", "success"].includes(f);
+        r.toastLevel = F ? f : null;
       }
-      if (t.hasAttribute(u.attrName(e, "redirect")) && (r.redirectUrl = t.getAttribute(
-        u.attrName(e, "redirect")
-      )), t.hasAttribute(u.attrName(e, "scroll-error")) && (r.scrollOnError = !0), t.hasAttribute(u.attrName(e, "scroll")) && (r.scrollTarget = t.getAttribute(
-        u.attrName(e, "scroll")
-      )), t.hasAttribute(u.attrName(e, "history")) && (r.historyUrl = t.getAttribute(
-        u.attrName(e, "history")
-      )), t.hasAttribute(u.attrName(e, "history-data")) && (r.historyDataAttrName = u.attrName(e, "history-data")), t.hasAttribute(u.attrName(e, "history-form"))) {
-        const h = t.getRawAttribute(
-          u.attrName(e, "history-form")
+      if (t.hasAttribute(c.attrName(e, "redirect")) && (r.redirectUrl = t.getAttribute(
+        c.attrName(e, "redirect")
+      )), t.hasAttribute(c.attrName(e, "scroll-error")) && (r.scrollOnError = !0), t.hasAttribute(c.attrName(e, "scroll")) && (r.scrollTarget = t.getAttribute(
+        c.attrName(e, "scroll")
+      )), t.hasAttribute(c.attrName(e, "history")) && (r.historyUrl = t.getAttribute(
+        c.attrName(e, "history")
+      )), t.hasAttribute(c.attrName(e, "history-data")) && (r.historyDataAttrName = c.attrName(e, "history-data")), t.hasAttribute(c.attrName(e, "history-form"))) {
+        const f = t.getRawAttribute(
+          c.attrName(e, "history-form")
         );
-        if (h) {
-          const A = document.body.querySelector(h);
-          A !== null ? r.historyFormFragment = v.getFormFragment(
+        if (f) {
+          const A = document.body.querySelector(f);
+          A !== null ? r.historyFormFragment = y.getFormFragment(
             R.get(A)
           ) : m.error(
             "Haori",
-            `Form element not found: ${h} (${u.attrName(e, "history-form")})`
+            `Form element not found: ${f} (${c.attrName(e, "history-form")})`
           );
         } else
-          r.historyFormFragment = v.getFormFragment(t);
+          r.historyFormFragment = y.getFormFragment(t);
       }
       [
         "reset-before",
@@ -3009,16 +3030,16 @@ ${h}
         "copy",
         "open",
         "close"
-      ].forEach((h) => {
-        const A = u.attrName(e, h);
+      ].forEach((f) => {
+        const A = c.attrName(e, f);
         if (!t.hasAttribute(A))
           return;
         const F = t.getRawAttribute(A), w = [];
-        if (F ? (document.body.querySelectorAll(F).forEach((X) => {
-          const rt = R.get(X);
-          rt && w.push(rt);
+        if (F ? (document.body.querySelectorAll(F).forEach((z) => {
+          const q = R.get(z);
+          q && w.push(q);
         }), w.length === 0 && m.error("Haori", `Element not found: ${F} (${A})`)) : w.push(t), w.length > 0)
-          switch (h) {
+          switch (f) {
             case "reset-before":
               r.resetBeforeFragments = w;
               break;
@@ -3043,20 +3064,20 @@ ${h}
           }
       });
     }
-    if (!e && (t.hasAttribute(u.attrName(null, "data", !0)) && (r.dataAttrName = u.attrName(null, "data", !0)), t.hasAttribute(u.attrName(null, "form", !0)))) {
+    if (!e && (t.hasAttribute(c.attrName(null, "data", !0)) && (r.dataAttrName = c.attrName(null, "data", !0)), t.hasAttribute(c.attrName(null, "form", !0)))) {
       const l = t.getRawAttribute(
-        u.attrName(null, "form", !0)
+        c.attrName(null, "form", !0)
       );
       if (l) {
-        const h = document.body.querySelector(l);
-        h !== null ? r.formFragment = v.getFormFragment(
-          R.get(h)
+        const f = document.body.querySelector(l);
+        f !== null ? r.formFragment = y.getFormFragment(
+          R.get(f)
         ) : m.error(
           "Haori",
-          `Form element not found: ${l} (${u.attrName(null, "fetch-form", !0)})`
+          `Form element not found: ${l} (${c.attrName(null, "fetch-form", !0)})`
         );
       } else
-        r.formFragment = v.getFormFragment(t);
+        r.formFragment = y.getFormFragment(t);
     }
     return i && (!r.bindFragments || r.bindFragments.length === 0) && (r.bindFragments = [t]), r;
   }
@@ -3079,7 +3100,7 @@ ${h}
    * @param arg2 イベント名
    */
   constructor(t, e = null) {
-    u.isElementFragment(t) ? (this.options = u.buildOptions(t, e), this.eventType = e) : (this.options = t, this.eventType = null);
+    c.isElementFragment(t) ? (this.options = c.buildOptions(t, e), this.eventType = e) : (this.options = t, this.eventType = null);
   }
   /**
    * 非イベント data-fetch の自動再評価用シグネチャを解決します。
@@ -3088,7 +3109,7 @@ ${h}
    * @returns フェッチシグネチャと未解決参照の有無
    */
   static resolveAutoFetchSignature(t) {
-    return new u(t, null).resolveFetchSignature();
+    return new c(t, null).resolveFetchSignature();
   }
   /**
    * 一連の処理を実行します。オプションが空の場合は即座にresolveされます。
@@ -3121,7 +3142,7 @@ ${h}
         return !1;
       this.options.resetBeforeFragments && this.options.resetBeforeFragments.length > 0 && (await Promise.all(
         this.options.resetBeforeFragments.map(
-          (p) => v.reset(p)
+          (p) => y.reset(p)
         )
       ), this.captureHistorySnapshots());
       const r = this.prepareFetchRequest(), s = r.payload;
@@ -3139,20 +3160,20 @@ ${h}
       }
       const a = Object.keys(s).length > 0;
       if (i) {
-        const p = { ...n || {} }, g = r.requestedMethod, y = r.effectiveMethod, b = r.transportMode === "query-get", l = r.queryString;
+        const p = { ...n || {} }, g = r.requestedMethod, v = r.effectiveMethod, b = r.transportMode === "query-get", l = r.queryString;
         if (b && m.info("Haori demo fetch normalization", {
-          runtime: c.runtime,
+          runtime: u.runtime,
           requestedMethod: g,
-          effectiveMethod: y,
+          effectiveMethod: v,
           transportMode: "query-get",
           url: i,
           payload: a ? s : void 0,
           queryString: l
         }), this.options.targetFragment && i) {
-          const h = performance.now(), A = {
-            runtime: c.runtime,
+          const f = performance.now(), A = {
+            runtime: u.runtime,
             requestedMethod: g,
-            effectiveMethod: y,
+            effectiveMethod: v,
             transportMode: b ? "query-get" : "http",
             ...b ? { queryString: l } : {}
           };
@@ -3165,7 +3186,7 @@ ${h}
           ), fetch(i, p).then((F) => this.handleFetchResult(
             F,
             i || void 0,
-            h
+            f
           )).catch((F) => {
             throw i && S.fetchError(
               this.options.targetFragment.getTarget(),
@@ -3174,21 +3195,21 @@ ${h}
             ), F;
           });
         }
-        return fetch(i, p).then((h) => this.handleFetchResult(h, i || void 0));
+        return fetch(i, p).then((f) => this.handleFetchResult(f, i || void 0));
       }
       if ((!this.options.bindFragments || this.options.bindFragments.length === 0) && this.options.formFragment && a) {
-        const p = this.options.formFragment, g = p.getTarget(), y = /* @__PURE__ */ new Set();
-        t && t.appliedDisabledAttribute && this.options.targetFragment && y.add(this.options.targetFragment), g.setAttribute(
-          `${c.prefix}bind`,
+        const p = this.options.formFragment, g = p.getTarget(), v = /* @__PURE__ */ new Set();
+        t && t.appliedDisabledAttribute && this.options.targetFragment && v.add(this.options.targetFragment), g.setAttribute(
+          `${u.prefix}bind`,
           JSON.stringify(s)
         );
         const b = p.getBindingData();
-        Object.assign(b, s), await P.setBindingData(g, b, y);
+        Object.assign(b, s), await D.setBindingData(g, b, v);
       }
-      const o = a ? s : {}, f = new Response(JSON.stringify(o), {
+      const o = a ? s : {}, d = new Response(JSON.stringify(o), {
         headers: { "Content-Type": "application/json" }
       });
-      return this.handleFetchResult(f);
+      return this.handleFetchResult(d);
     } finally {
       this.releaseExecutionLock(t);
     }
@@ -3202,7 +3223,7 @@ ${h}
     if (this.eventType !== "click" || !this.options.targetFragment)
       return null;
     const e = this.options.targetFragment.getTarget();
-    return u.RUNNING_CLICK_TARGETS.has(e) || e.matches(":disabled") || e.hasAttribute("disabled") || e.hasAttribute(z) ? !1 : (u.RUNNING_CLICK_TARGETS.add(e), e.setAttribute(z, ""), e.setAttribute("disabled", ""), {
+    return c.RUNNING_CLICK_TARGETS.has(e) || e.matches(":disabled") || e.hasAttribute("disabled") || e.hasAttribute(Q) ? !1 : (c.RUNNING_CLICK_TARGETS.add(e), e.setAttribute(Q, ""), e.setAttribute("disabled", ""), {
       target: e,
       appliedDisabledAttribute: !0
     });
@@ -3214,13 +3235,13 @@ ${h}
    * @returns 戻り値はありません。
    */
   releaseExecutionLock(t) {
-    t && (u.RUNNING_CLICK_TARGETS.delete(t.target), t.appliedDisabledAttribute && (t.target.removeAttribute("disabled"), t.target.removeAttribute(z)));
+    t && (c.RUNNING_CLICK_TARGETS.delete(t.target), t.appliedDisabledAttribute && (t.target.removeAttribute("disabled"), t.target.removeAttribute(Q)));
   }
   /**
    * フェッチ後の処理を実行します。
    */
   async handleFetchResult(t, e, r) {
-    const s = Q();
+    const s = Z();
     if (!t.ok)
       return this.options.targetFragment && e && S.fetchError(
         this.options.targetFragment.getTarget(),
@@ -3244,11 +3265,11 @@ ${h}
     }
     const i = [];
     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()), await Promise.all(i), this.options.resetFragments && this.options.resetFragments.length > 0 && await Promise.all(
-      this.options.resetFragments.map((a) => v.reset(a))
+      this.options.resetFragments.map((a) => y.reset(a))
     ), await this.copy();
     const n = [];
     return this.options.refetchFragments && this.options.refetchFragments.length > 0 && this.options.refetchFragments.forEach((a) => {
-      n.push(new u(a, null).run());
+      n.push(new c(a, null).run());
     }), this.options.clickFragments && this.options.clickFragments.length > 0 && this.options.clickFragments.forEach((a) => {
       const o = a.getTarget();
       typeof o.click == "function" ? o.click() : o.dispatchEvent(
@@ -3278,19 +3299,19 @@ ${h}
       try {
         const n = t ? this.options.historyUrl : window.location.pathname, a = new URL(n, window.location.href);
         if (a.origin !== window.location.origin) {
-          const f = "history.pushState: cross-origin URL is not allowed: " + a.toString();
+          const d = "history.pushState: cross-origin URL is not allowed: " + a.toString();
           m.error(
             "Haori",
-            f
+            d
           );
           return;
         }
-        const o = (f) => {
-          for (const [p, g] of Object.entries(f))
-            g != null && (Array.isArray(g) ? g.forEach((y) => a.searchParams.append(p, String(y))) : typeof g == "object" ? a.searchParams.set(p, JSON.stringify(g)) : a.searchParams.set(p, String(g)));
+        const o = (d) => {
+          for (const [p, g] of Object.entries(d))
+            g != null && (Array.isArray(g) ? g.forEach((v) => a.searchParams.append(p, String(v))) : typeof g == "object" ? a.searchParams.set(p, JSON.stringify(g)) : a.searchParams.set(p, String(g)));
         };
         s && o(e), i && o(r), history.pushState(
-          { [ut]: !0 },
+          { [ct]: !0 },
           "",
           a.toString()
         );
@@ -3303,10 +3324,10 @@ ${h}
    */
   async handleFetchError(t) {
     let e = null;
-    this.options.formFragment ? e = this.options.formFragment : this.options.targetFragment && (e = v.getFormFragment(this.options.targetFragment) || this.options.targetFragment);
+    this.options.formFragment ? e = this.options.formFragment : this.options.targetFragment && (e = y.getFormFragment(this.options.targetFragment) || this.options.targetFragment);
     const r = async (n) => {
       const a = e ? e.getTarget() : document.body;
-      await Q().addErrorMessage(a, n);
+      await Z().addErrorMessage(a, n);
     }, s = () => {
       if (!this.options.scrollOnError)
         return;
@@ -3321,18 +3342,18 @@ ${h}
             for (const o of n.messages)
               typeof o == "string" && a.push({ message: o });
           if (n.errors && typeof n.errors == "object")
-            for (const [o, f] of Object.entries(n.errors))
-              Array.isArray(f) ? a.push({ key: o, message: f.join(`
-`) }) : typeof f == "string" ? a.push({ key: o, message: f }) : f != null && a.push({ key: o, message: String(f) });
+            for (const [o, d] of Object.entries(n.errors))
+              Array.isArray(d) ? a.push({ key: o, message: d.join(`
+`) }) : typeof d == "string" ? a.push({ key: o, message: d }) : d != null && a.push({ key: o, message: String(d) });
           if (a.length === 0)
-            for (const [o, f] of Object.entries(n))
-              o === "message" || o === "messages" || o === "errors" || (Array.isArray(f) ? a.push({ key: o, message: f.join(`
-`) }) : typeof f == "string" && a.push({ key: o, message: f }));
+            for (const [o, d] of Object.entries(n))
+              o === "message" || o === "messages" || o === "errors" || (Array.isArray(d) ? a.push({ key: o, message: d.join(`
+`) }) : typeof d == "string" && a.push({ key: o, message: d }));
         }
         if (a.length === 0)
           return await r(`${t.status} ${t.statusText}`), s(), !1;
         for (const o of a)
-          o.key && e ? await v.addErrorMessage(e, o.key, o.message) : await r(o.message);
+          o.key && e ? await y.addErrorMessage(e, o.key, o.message) : await r(o.message);
         return s(), !1;
       } catch {
       }
@@ -3391,7 +3412,7 @@ ${h}
    */
   confirm() {
     const t = this.options.confirmMessage;
-    return t == null ? Promise.resolve(!0) : Q().confirm(t);
+    return t == null ? Promise.resolve(!0) : Z().confirm(t);
   }
   /**
    * 結果データを対象のフラグメントにバインドします。
@@ -3411,15 +3432,15 @@ ${h}
         this.options.bindFragments.forEach((i) => {
           const n = i.getBindingData(), a = this.options.bindArg;
           if (r && typeof r == "object" && !Array.isArray(r)) {
-            const o = n[a], f = o && typeof o == "object" && !Array.isArray(o) ? o : {};
+            const o = n[a], d = o && typeof o == "object" && !Array.isArray(o) ? o : {};
             n[a] = this.mergeAppendBindingData(
               i,
               r,
-              f
+              d
             );
           } else
             n[a] = r;
-          s.push(P.setBindingData(i.getTarget(), n));
+          s.push(D.setBindingData(i.getTarget(), n));
         });
       else {
         if (typeof r == "string")
@@ -3432,7 +3453,7 @@ ${h}
             r
           );
           s.push(
-            P.setBindingData(
+            D.setBindingData(
               i.getTarget(),
               n
             )
@@ -3467,7 +3488,7 @@ ${h}
         ...s.getBindingData(),
         ...e
       };
-      return P.setBindingData(s.getTarget(), i);
+      return D.setBindingData(s.getTarget(), i);
     });
     return Promise.all(r).then(() => {
     });
@@ -3476,7 +3497,7 @@ ${h}
    * copy のコピー元データを取得します。
    */
   resolveCopySourceData() {
-    return this.options.formFragment ? v.getValues(this.options.formFragment) : this.options.targetFragment ? { ...this.options.targetFragment.getBindingData() } : {};
+    return this.options.formFragment ? y.getValues(this.options.formFragment) : this.options.targetFragment ? { ...this.options.targetFragment.getBindingData() } : {};
   }
   /**
    * data 属性とフォーム値を統合した送信データを作成します。
@@ -3494,8 +3515,8 @@ ${h}
   buildPayloadResolution() {
     const t = {};
     let e = !1;
-    if (this.options.formFragment && Object.assign(t, v.getValues(this.options.formFragment)), this.options.data && typeof this.options.data == "object" && Object.assign(t, this.options.data), this.options.targetFragment && this.options.dataAttrName) {
-      const r = u.resolveDataAttributeDetailed(
+    if (this.options.formFragment && Object.assign(t, y.getValues(this.options.formFragment)), this.options.data && typeof this.options.data == "object" && Object.assign(t, this.options.data), this.options.targetFragment && this.options.dataAttrName) {
+      const r = c.resolveDataAttributeDetailed(
         this.options.targetFragment,
         this.options.dataAttrName
       );
@@ -3536,22 +3557,22 @@ ${h}
     let s = this.options.fetchUrl;
     const i = { ...this.options.fetchOptions || {} }, n = new Headers(
       i.headers || void 0
-    ), a = (i.method || "GET").toUpperCase(), o = c.runtime === "demo" && !ht(a), f = o ? "GET" : a;
-    if (i.method = f, f === "GET" || f === "HEAD" || f === "OPTIONS")
-      Object.keys(e).length > 0 && (s = dt(s, e));
+    ), a = (i.method || "GET").toUpperCase(), o = u.runtime === "demo" && !ft(a), d = o ? "GET" : a;
+    if (i.method = d, d === "GET" || d === "HEAD" || d === "OPTIONS")
+      Object.keys(e).length > 0 && (s = pt(s, e));
     else if (Object.keys(e).length > 0) {
       const g = n.get("Content-Type") || "";
       if (/multipart\/form-data/i.test(g)) {
         n.delete("Content-Type");
-        const y = new FormData();
+        const v = new FormData();
         for (const [b, l] of Object.entries(e))
-          l == null ? y.append(b, "") : l instanceof Blob ? y.append(b, l) : Array.isArray(l) ? l.forEach((h) => y.append(b, String(h))) : typeof l == "object" ? y.append(b, JSON.stringify(l)) : y.append(b, String(l));
-        i.body = y;
+          l == null ? v.append(b, "") : l instanceof Blob ? v.append(b, l) : Array.isArray(l) ? l.forEach((f) => v.append(b, String(f))) : typeof l == "object" ? v.append(b, JSON.stringify(l)) : v.append(b, String(l));
+        i.body = v;
       } else if (/application\/x-www-form-urlencoded/i.test(g)) {
-        const y = new URLSearchParams();
+        const v = new URLSearchParams();
         for (const [b, l] of Object.entries(e))
-          l !== void 0 && (l === null ? y.append(b, "") : Array.isArray(l) ? l.forEach((h) => y.append(b, String(h))) : typeof l == "object" ? y.append(b, JSON.stringify(l)) : y.append(b, String(l)));
-        i.body = y;
+          l !== void 0 && (l === null ? v.append(b, "") : Array.isArray(l) ? l.forEach((f) => v.append(b, String(f))) : typeof l == "object" ? v.append(b, JSON.stringify(l)) : v.append(b, String(l)));
+        i.body = v;
       } else
         n.set("Content-Type", "application/json"), i.body = JSON.stringify(e);
     }
@@ -3563,20 +3584,20 @@ ${h}
       payload: e,
       hasUnresolvedReference: !1,
       requestedMethod: a,
-      effectiveMethod: f,
+      effectiveMethod: d,
       queryString: p,
       transportMode: o ? "query-get" : "http",
-      signature: gt(s, i)
+      signature: mt(s, i)
     };
   }
   /**
    * reset-before 後の history 用スナップショットを保存します。
    */
   captureHistorySnapshots() {
-    this.options.targetFragment && this.options.historyDataAttrName ? this.historyDataSnapshot = u.resolveDataAttribute(
+    this.options.targetFragment && this.options.historyDataAttrName ? this.historyDataSnapshot = c.resolveDataAttribute(
       this.options.targetFragment,
       this.options.historyDataAttrName
-    ) : this.historyDataSnapshot = void 0, this.historyFormSnapshot = this.options.historyFormFragment ? v.getValues(this.options.historyFormFragment) : void 0;
+    ) : this.historyDataSnapshot = void 0, this.historyFormSnapshot = this.options.historyFormFragment ? y.getValues(this.options.historyFormFragment) : void 0;
   }
   /**
    * history-data の評価値を取得します。
@@ -3584,7 +3605,7 @@ ${h}
    * @returns history-data の評価値。
    */
   resolveHistoryDataValues() {
-    return this.historyDataSnapshot !== void 0 ? this.historyDataSnapshot : this.options.targetFragment && this.options.historyDataAttrName ? u.resolveDataAttribute(
+    return this.historyDataSnapshot !== void 0 ? this.historyDataSnapshot : this.options.targetFragment && this.options.historyDataAttrName ? c.resolveDataAttribute(
       this.options.targetFragment,
       this.options.historyDataAttrName
     ) : this.options.historyData;
@@ -3598,7 +3619,7 @@ ${h}
     if (this.historyFormSnapshot !== void 0)
       return this.historyFormSnapshot;
     if (this.options.historyFormFragment)
-      return v.getValues(this.options.historyFormFragment);
+      return y.getValues(this.options.historyFormFragment);
   }
   /**
    * copy-params が指定されている場合は include / exclude を考慮して抽出します。
@@ -3648,7 +3669,7 @@ ${h}
     if (!this.options.targetFragment)
       return m.error("Haori", "Target fragment is not specified for row operation."), null;
     const t = this.options.targetFragment.closestByAttribute(
-      `${c.prefix}row`
+      `${u.prefix}row`
     );
     return t || (m.error("Haori", "Row fragment not found."), null);
   }
@@ -3666,7 +3687,7 @@ ${h}
     const e = [], r = t.clone();
     return e.push(
       t.getParent().insertAfter(r, t)
-    ), e.push(P.evaluateAll(r)), e.push(v.reset(r)), Promise.all(e).then(() => {
+    ), e.push(D.evaluateAll(r)), e.push(y.reset(r)), Promise.all(e).then(() => {
     });
   }
   /**
@@ -3681,7 +3702,7 @@ ${h}
     if (!t)
       return Promise.reject(new Error("Row fragment not found."));
     const e = t.getParent();
-    return e && e.getChildElementFragments().filter((s) => !s.hasAttribute(`${c.prefix}each-before`) && !s.hasAttribute(`${c.prefix}each-after`)).length <= 1 ? Promise.resolve() : t.remove();
+    return e && e.getChildElementFragments().filter((s) => !s.hasAttribute(`${u.prefix}each-before`) && !s.hasAttribute(`${u.prefix}each-after`)).length <= 1 ? Promise.resolve() : t.remove();
   }
   /**
    * 前の行へ移動します。
@@ -3718,9 +3739,9 @@ ${h}
     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]+?\}\})$/, u.RUNNING_CLICK_TARGETS = /* @__PURE__ */ new WeakSet();
-let $ = u;
-class mt {
+c.DATA_PLACEHOLDER_REGEX = /\{\{\{([\s\S]+?)\}\}\}|\{\{([\s\S]+?)\}\}/g, c.SINGLE_PLACEHOLDER_REGEX = /^(\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\})$/, c.RUNNING_CLICK_TARGETS = /* @__PURE__ */ new WeakSet();
+let j = c;
+class bt {
   /**
    * URLのクエリパラメータを取得します。
    *
@@ -3733,7 +3754,7 @@ class mt {
     }), t;
   }
 }
-class bt {
+class vt {
   /**
    * 指定URLから HTML を取得し、body 内の HTML 文字列を返します。
    *
@@ -3771,7 +3792,7 @@ class bt {
     }
   }
 }
-const d = class d {
+const h = class h {
   /**
    * 遅延属性かどうか（完全名で判定）を判定します。
    *
@@ -3779,8 +3800,8 @@ const d = class d {
    * @returns 遅延属性かどうか
    */
   static isDeferredAttributeName(t) {
-    return d.DEFERRED_ATTRIBUTE_SUFFIXES.some(
-      (e) => t === `${c.prefix}${e}`
+    return h.DEFERRED_ATTRIBUTE_SUFFIXES.some(
+      (e) => t === `${u.prefix}${e}`
     );
   }
   /**
@@ -3790,8 +3811,8 @@ const d = class d {
    * @returns 除外対象かどうか
    */
   static isEvaluateAllExcludedAttributeName(t) {
-    return d.EVALUATE_ALL_EXCLUDED_ATTRIBUTE_SUFFIXES.some(
-      (e) => t === `${c.prefix}${e}`
+    return h.EVALUATE_ALL_EXCLUDED_ATTRIBUTE_SUFFIXES.some(
+      (e) => t === `${u.prefix}${e}`
     );
   }
   /**
@@ -3802,7 +3823,7 @@ const d = class d {
    * @returns 再評価する場合は true
    */
   static shouldReevaluateAttribute(t, e) {
-    return e !== null && !d.isEvaluateAllExcludedAttributeName(t) && d.ATTRIBUTE_PLACEHOLDER_REGEX.test(e);
+    return e !== null && !h.isEvaluateAllExcludedAttributeName(t) && h.ATTRIBUTE_PLACEHOLDER_REGEX.test(e);
   }
   /**
    * data-attr-* 形式の属性名から実際に更新する属性名を取得します。
@@ -3811,7 +3832,7 @@ const d = class d {
    * @returns 実際の属性名。data-attr-* でない場合は null
    */
   static getAliasedAttributeName(t) {
-    const e = `${c.prefix}${d.ATTRIBUTE_ALIAS_SUFFIX}`;
+    const e = `${u.prefix}${h.ATTRIBUTE_ALIAS_SUFFIX}`;
     return !t.startsWith(e) || t.length <= e.length ? null : t.slice(e.length);
   }
   /**
@@ -3823,8 +3844,8 @@ const d = class d {
    */
   static isAliasedAttributeReflection(t, e) {
     const r = R.get(t);
-    return r instanceof D ? r.hasAttribute(
-      `${c.prefix}${d.ATTRIBUTE_ALIAS_SUFFIX}${e}`
+    return r instanceof P ? r.hasAttribute(
+      `${u.prefix}${h.ATTRIBUTE_ALIAS_SUFFIX}${e}`
     ) : !1;
   }
   /**
@@ -3838,13 +3859,26 @@ const d = class d {
     let e = Promise.resolve();
     for (const r of t.getAttributeNames()) {
       const s = t.getRawAttribute(r);
-      d.shouldReevaluateAttribute(r, s) && (e = e.then(
-        () => d.setAttribute(t.getTarget(), r, s)
+      h.shouldReevaluateAttribute(r, s) && (e = e.then(
+        () => h.setAttribute(t.getTarget(), r, s)
       ));
     }
     return e.then(() => {
     });
   }
+  /**
+   * 指定フラグメントの直下の子孫評価を再実行します。
+   *
+   * @param fragment 対象フラグメント
+   * @returns 再評価完了の Promise
+   */
+  static reevaluateChildren(t) {
+    const e = [];
+    return t.getChildren().forEach((r) => {
+      r instanceof P ? e.push(h.evaluateAll(r)) : r instanceof O && e.push(h.evaluateText(r));
+    }), Promise.all(e).then(() => {
+    });
+  }
   /**
    * data-fetch の再評価状態を取得します。
    *
@@ -3852,7 +3886,7 @@ const d = class d {
    * @returns 再評価状態
    */
   static getReactiveFetchState(t) {
-    const e = d.REACTIVE_FETCH_STATES.get(t);
+    const e = h.REACTIVE_FETCH_STATES.get(t);
     if (e)
       return e;
     const r = {
@@ -3860,7 +3894,7 @@ const d = class d {
       running: !1,
       rerunRequested: !1
     };
-    return d.REACTIVE_FETCH_STATES.set(t, r), r;
+    return h.REACTIVE_FETCH_STATES.set(t, r), r;
   }
   /**
    * data-import の再評価状態を取得します。
@@ -3869,7 +3903,7 @@ const d = class d {
    * @returns 再評価状態
    */
   static getReactiveImportState(t) {
-    const e = d.REACTIVE_IMPORT_STATES.get(t);
+    const e = h.REACTIVE_IMPORT_STATES.get(t);
     if (e)
       return e;
     const r = {
@@ -3877,7 +3911,7 @@ const d = class d {
       running: !1,
       rerunRequested: !1
     };
-    return d.REACTIVE_IMPORT_STATES.set(t, r), r;
+    return h.REACTIVE_IMPORT_STATES.set(t, r), r;
   }
   /**
    * bind 更新時に data-fetch / data-import を専用ルートで再評価します。
@@ -3890,9 +3924,9 @@ const d = class d {
     if (e.has(t))
       return Promise.resolve();
     const r = [];
-    return t.hasAttribute(`${c.prefix}fetch`) && r.push(d.executeManagedFetch(t)), t.hasAttribute(`${c.prefix}import`) && r.push(d.executeManagedImport(t)), t.getChildren().forEach((s) => {
-      s instanceof D && r.push(
-        d.reevaluateReactiveSpecialAttributes(s, e)
+    return t.hasAttribute(`${u.prefix}fetch`) && r.push(h.executeManagedFetch(t)), t.hasAttribute(`${u.prefix}import`) && r.push(h.executeManagedImport(t)), t.getChildren().forEach((s) => {
+      s instanceof P && r.push(
+        h.reevaluateReactiveSpecialAttributes(s, e)
       );
     }), Promise.all(r).then(() => {
     });
@@ -3904,11 +3938,11 @@ const d = class d {
    * @returns 実行完了の Promise
    */
   static executeManagedFetch(t) {
-    const e = t.getTarget(), r = d.getReactiveFetchState(e), s = $.resolveAutoFetchSignature(t);
-    return r.running ? ((s.hasUnresolvedReference || s.signature !== r.lastSignature) && (r.rerunRequested = !0), Promise.resolve()) : s.hasUnresolvedReference || s.signature === null ? (r.lastSignature = null, Promise.resolve()) : r.lastSignature === s.signature ? Promise.resolve() : (r.lastSignature = s.signature, r.running = !0, new $(t, null).runWithResult().then(() => {
+    const e = t.getTarget(), r = h.getReactiveFetchState(e), s = j.resolveAutoFetchSignature(t);
+    return r.running ? ((s.hasUnresolvedReference || s.signature !== r.lastSignature) && (r.rerunRequested = !0), Promise.resolve()) : s.hasUnresolvedReference || s.signature === null ? (r.lastSignature = null, Promise.resolve()) : r.lastSignature === s.signature ? Promise.resolve() : (r.lastSignature = s.signature, r.running = !0, new j(t, null).runWithResult().then(() => {
     }).finally(() => {
       if (r.running = !1, r.rerunRequested)
-        return r.rerunRequested = !1, d.executeManagedFetch(t);
+        return r.rerunRequested = !1, h.executeManagedFetch(t);
     }));
   }
   /**
@@ -3918,8 +3952,8 @@ const d = class d {
    * @returns 実行完了の Promise
    */
   static executeManagedImport(t) {
-    const e = t.getTarget(), r = d.getReactiveImportState(e), s = t.getAttributeEvaluation(
-      `${c.prefix}import`
+    const e = t.getTarget(), r = h.getReactiveImportState(e), s = t.getAttributeEvaluation(
+      `${u.prefix}import`
     ), i = s && !s.hasUnresolvedReference && typeof s.value == "string" && s.value !== "" ? s.value : null;
     if (r.running)
       return i !== r.lastUrl && (r.rerunRequested = !0), Promise.resolve();
@@ -3929,25 +3963,25 @@ const d = class d {
       return Promise.resolve();
     r.lastUrl = i, r.running = !0;
     const n = performance.now();
-    return e.setAttribute(`${c.prefix}importing`, ""), S.importStart(e, i), bt.load(i).then((a) => {
+    return e.setAttribute(`${u.prefix}importing`, ""), S.importStart(e, i), vt.load(i).then((a) => {
       const o = new TextEncoder().encode(a).length;
       return N.enqueue(() => {
         e.innerHTML = a;
       }).then(() => {
-        if (e.removeAttribute(`${c.prefix}importing`), S.importEnd(e, i, o, n), !document.body.hasAttribute("data-haori-ready")) {
-          const f = [];
+        if (e.removeAttribute(`${u.prefix}importing`), S.importEnd(e, i, o, n), !document.body.hasAttribute("data-haori-ready")) {
+          const d = [];
           return e.childNodes.forEach((p) => {
             const g = R.get(p);
-            g instanceof D ? f.push(d.scan(g.getTarget())) : g instanceof I && f.push(d.evaluateText(g));
-          }), Promise.all(f).then(() => {
+            g instanceof P ? d.push(h.scan(g.getTarget())) : g instanceof O && d.push(h.evaluateText(g));
+          }), Promise.all(d).then(() => {
           });
         }
       });
     }).catch((a) => {
-      e.removeAttribute(`${c.prefix}importing`), S.importError(e, i, a), m.error("[Haori]", "Failed to import HTML:", i, a);
+      e.removeAttribute(`${u.prefix}importing`), S.importError(e, i, a), m.error("[Haori]", "Failed to import HTML:", i, a);
     }).finally(() => {
       if (r.running = !1, r.rerunRequested)
-        return r.rerunRequested = !1, d.executeManagedImport(t);
+        return r.rerunRequested = !1, h.executeManagedImport(t);
     });
   }
   /**
@@ -3963,10 +3997,10 @@ const d = class d {
     t.parentNode && (R.get(t.parentNode)?.isMounted() || document.body.contains(t) ? e.setMounted(!0) : e.setMounted(!1));
     let r = Promise.resolve();
     const s = /* @__PURE__ */ new Set();
-    for (const i of d.PRIORITY_ATTRIBUTE_SUFFIXES) {
-      const n = c.prefix + i;
+    for (const i of h.PRIORITY_ATTRIBUTE_SUFFIXES) {
+      const n = u.prefix + i;
       e.hasAttribute(n) && (r = r.then(
-        () => d.setAttribute(
+        () => h.setAttribute(
           e.getTarget(),
           n,
           e.getRawAttribute(n)
@@ -3974,17 +4008,17 @@ const d = class d {
       ), s.add(n));
     }
     for (const i of e.getAttributeNames()) {
-      if (s.has(i) || d.isDeferredAttributeName(i))
+      if (s.has(i) || h.isDeferredAttributeName(i))
         continue;
       const n = e.getRawAttribute(i);
       n !== null && (r = r.then(
-        () => d.setAttribute(e.getTarget(), i, n)
+        () => h.setAttribute(e.getTarget(), i, n)
       ));
     }
-    for (const i of d.DEFERRED_ATTRIBUTE_SUFFIXES) {
-      const n = c.prefix + i;
+    for (const i of h.DEFERRED_ATTRIBUTE_SUFFIXES) {
+      const n = u.prefix + i;
       e.hasAttribute(n) && (r = r.then(
-        () => d.setAttribute(
+        () => h.setAttribute(
           e.getTarget(),
           n,
           e.getRawAttribute(n)
@@ -3992,10 +4026,13 @@ const d = class d {
       ), s.add(n));
     }
     return r.then(() => {
-      const i = [];
-      return e.getChildren().forEach((n) => {
-        n instanceof D ? i.push(d.scan(n.getTarget())) : n instanceof I && i.push(d.evaluateText(n));
-      }), Promise.all(i).then(() => {
+      const i = e.getAttribute(`${u.prefix}if`);
+      if (e.hasAttribute(`${u.prefix}if`) && (i === !1 || i === void 0 || i === null || Number.isNaN(i)))
+        return;
+      const n = [];
+      return e.getChildren().forEach((a) => {
+        a instanceof P ? n.push(h.scan(a.getTarget())) : a instanceof O && n.push(h.evaluateText(a));
+      }), Promise.all(n).then(() => {
       });
     }).then(() => {
     });
@@ -4010,7 +4047,7 @@ const d = class d {
    * @returns Promise (DOM操作が完了したときに解決される)
    */
   static setAttribute(t, e, r, s = !1) {
-    const i = R.get(t), n = d.getAliasedAttributeName(e);
+    const i = R.get(t), n = h.getAliasedAttributeName(e);
     if (n !== null)
       return r === null ? i.removeAliasedAttribute(e, n) : i.setAliasedAttribute(
         e,
@@ -4020,34 +4057,55 @@ const d = class d {
       );
     const a = [];
     switch (e) {
-      case `${c.prefix}bind`: {
-        r === null ? (i.clearBindingDataCache(), i.setBindingData({})) : i.setBindingData(d.parseDataBind(r));
+      case `${u.prefix}bind`: {
+        r === null ? (i.clearBindingDataCache(), i.setBindingData({})) : i.setBindingData(h.parseDataBind(r));
         break;
       }
-      case `${c.prefix}if`:
-        a.push(d.evaluateIf(i));
+      case `${u.prefix}derive`:
+        a.push(
+          h.evaluateDerive(
+            i,
+            r,
+            i.getRawAttribute(`${u.prefix}derive-name`)
+          )
+        );
+        break;
+      case `${u.prefix}derive-name`:
+        a.push(
+          h.evaluateDerive(
+            i,
+            i.getRawAttribute(`${u.prefix}derive`),
+            r
+          )
+        );
         break;
-      case `${c.prefix}each`:
-        a.push(d.evaluateEach(i));
+      case `${u.prefix}if`:
+        a.push(h.evaluateIf(i));
         break;
-      case `${c.prefix}fetch`:
-        a.push(d.executeManagedFetch(i));
+      case `${u.prefix}each`:
+        a.push(h.evaluateEach(i));
         break;
-      case `${c.prefix}import`:
-        typeof r == "string" && a.push(d.executeManagedImport(i));
+      case `${u.prefix}fetch`:
+        a.push(h.executeManagedFetch(i));
         break;
-      case `${c.prefix}url-param`: {
-        const o = i.getAttribute(`${c.prefix}url-arg`), f = mt.readParams();
+      case `${u.prefix}import`:
+        typeof r == "string" && a.push(h.executeManagedImport(i));
+        break;
+      case `${u.prefix}url-param`: {
+        const o = i.getAttribute(`${u.prefix}url-arg`), d = bt.readParams();
         if (o === null)
-          a.push(d.setBindingData(t, f));
+          a.push(h.setBindingData(t, d));
         else {
           const p = i.getRawBindingData() || {};
-          p[String(o)] = f, a.push(d.setBindingData(t, p));
+          p[String(o)] = d, a.push(h.setBindingData(t, p));
         }
         break;
       }
     }
     return r === null ? a.push(i.removeAttribute(e)) : a.push(i.setAttribute(e, r, s)), Promise.all(a).then(() => {
+      if (e === `${u.prefix}derive` || e === `${u.prefix}derive-name`)
+        return h.reevaluateChildren(i);
+    }).then(() => {
     });
   }
   /**
@@ -4062,15 +4120,15 @@ const d = class d {
     const s = R.get(t), i = s.getRawBindingData();
     s.setBindingData(e);
     let n = s.setAttribute(
-      `${c.prefix}bind`,
+      `${u.prefix}bind`,
       JSON.stringify(e)
     );
     if (t.tagName === "FORM") {
-      const a = s.getAttribute(`${c.prefix}form-arg`), o = a && e[String(a)] && typeof e[String(a)] == "object" && !Array.isArray(e[String(a)]) ? e[String(a)] : a ? {} : e;
-      n = n.then(() => v.syncValues(s, o));
+      const a = s.getAttribute(`${u.prefix}form-arg`), o = a && e[String(a)] && typeof e[String(a)] == "object" && !Array.isArray(e[String(a)]) ? e[String(a)] : a ? {} : e;
+      n = n.then(() => y.syncValues(s, o));
     }
-    return n = n.then(() => d.evaluateAll(s, r)), n = n.then(
-      () => d.reevaluateReactiveSpecialAttributes(s, r)
+    return n = n.then(() => h.evaluateAll(s, r)), n = n.then(
+      () => h.reevaluateReactiveSpecialAttributes(s, r)
     ), S.bindChange(t, i, e, "manual"), n.then(() => {
     });
   }
@@ -4105,7 +4163,7 @@ const d = class d {
     if (r.isSkipMutationNodes())
       return;
     const s = R.get(e.nextSibling), i = R.get(e);
-    i && (r.insertBefore(i, s), i instanceof D ? d.scan(i.getTarget()) : i instanceof I && d.evaluateText(i));
+    i && (r.insertBefore(i, s), i instanceof P ? h.scan(i.getTarget()) : i instanceof O && h.evaluateText(i));
   }
   /**
    * ノードを親要素から削除します。
@@ -4145,11 +4203,11 @@ const d = class d {
       return Promise.resolve();
     const s = [];
     s.push(r.setValue(e));
-    const i = d.getFormFragment(r);
+    const i = h.getFormFragment(r);
     if (i) {
-      const n = v.getValues(i), a = i.getAttribute(`${c.prefix}form-arg`);
+      const n = y.getValues(i), a = i.getAttribute(`${u.prefix}form-arg`);
       let o;
-      a ? (o = i.getRawBindingData(), o || (o = {}), o[String(a)] = n) : o = n, s.push(d.setBindingData(i.getTarget(), o));
+      a ? (o = i.getRawBindingData(), o || (o = {}), o[String(a)] = n) : o = n, s.push(h.setBindingData(i.getTarget(), o));
     }
     return Promise.all(s).then(() => {
     });
@@ -4164,7 +4222,7 @@ const d = class d {
     if (t.getTarget() instanceof HTMLFormElement)
       return t;
     const e = t.getParent();
-    return e ? d.getFormFragment(e) : null;
+    return e ? h.getFormFragment(e) : null;
   }
   /**
    * フラグメントとその子要素を評価します。
@@ -4175,11 +4233,42 @@ const d = class d {
   static evaluateAll(t, e = /* @__PURE__ */ new Set()) {
     if (e.has(t))
       return Promise.resolve();
-    const r = [];
-    return r.push(d.reevaluateInterpolatedAttributes(t)), t.hasAttribute(`${c.prefix}if`) && r.push(d.evaluateIf(t)), t.hasAttribute(`${c.prefix}each`) ? Promise.all(r).then(() => d.evaluateEach(t)) : (t.getChildren().forEach((s) => {
-      s instanceof D ? r.push(d.evaluateAll(s, e)) : s instanceof I && r.push(d.evaluateText(s));
-    }), Promise.all(r).then(() => {
-    }));
+    let r = h.reevaluateInterpolatedAttributes(t);
+    const s = t.hasAttribute(`${u.prefix}derive`), i = t.hasAttribute(`${u.prefix}if`), n = t.hasAttribute(`${u.prefix}each`);
+    if (s && (r = r.then(() => h.evaluateDerive(t))), i && (r = r.then(() => h.evaluateIf(t))), n)
+      return r.then(() => h.evaluateEach(t));
+    if (i)
+      return r.then(() => {
+      });
+    const a = [];
+    return t.getChildren().forEach((o) => {
+      o instanceof P ? a.push(h.evaluateAll(o, e)) : o instanceof O && a.push(h.evaluateText(o));
+    }), r.then(() => Promise.all(a)).then(() => {
+    });
+  }
+  /**
+   * data-derive / data-derive-name を評価し、子孫要素向けの派生値を更新します。
+   *
+   * @param fragment 対象フラグメント
+   * @param deriveExpression 上書きする導出式
+   * @param deriveName 上書きする導出名
+   * @returns Promise (評価完了時に解決)
+   */
+  static evaluateDerive(t, e = t.getRawAttribute(
+    `${u.prefix}derive`
+  ), r = t.getRawAttribute(
+    `${u.prefix}derive-name`
+  )) {
+    const s = typeof r == "string" ? r.trim() : "";
+    if (!e || s === "")
+      return t.setDerivedBindingData(null), Promise.resolve();
+    const i = U.evaluateDetailed(
+      e,
+      t.getBindingData()
+    );
+    return i.unresolvedReference ? (t.setDerivedBindingData(null), Promise.resolve()) : (t.setDerivedBindingData({
+      [s]: i.value
+    }), Promise.resolve());
   }
   /**
    * テキストフラグメントを評価します。
@@ -4198,7 +4287,7 @@ const d = class d {
    * @return Promise (DOM操作が完了したときに解決される)
    */
   static evaluateIf(t) {
-    const e = [], r = t.getAttribute(`${c.prefix}if`);
+    const e = [], r = t.getAttribute(`${u.prefix}if`);
     if (r === !1 || r === void 0 || r === null || Number.isNaN(r))
       e.push(
         t.hide().then(() => {
@@ -4208,7 +4297,9 @@ const d = class d {
     else {
       const s = [];
       t.getChildren().forEach((i) => {
-        i instanceof D ? s.push(d.evaluateAll(i)) : i instanceof I && s.push(d.evaluateText(i));
+        i instanceof P ? s.push(
+          i.isMounted() ? h.evaluateAll(i) : h.scan(i.getTarget())
+        ) : i instanceof O && s.push(h.evaluateText(i));
       }), e.push(
         t.show().then(() => {
           S.show(t.getTarget());
@@ -4228,15 +4319,15 @@ const d = class d {
   static evaluateEach(t) {
     if (!t.isVisible() || !t.isMounted())
       return Promise.resolve();
-    const e = d.resolveEachItems(t);
+    const e = h.resolveEachItems(t);
     if (e === null)
       return Promise.reject(new Error("Invalid each attribute."));
     let r = t.getTemplate();
     if (r === null) {
       let s = !1;
       return t.getChildren().forEach((i) => {
-        if (!s && i instanceof D) {
-          if (i.hasAttribute(`${c.prefix}each-before`) || i.hasAttribute(`${c.prefix}each-after`))
+        if (!s && i instanceof P) {
+          if (i.hasAttribute(`${u.prefix}each-before`) || i.hasAttribute(`${u.prefix}each-after`))
             return;
           r = i.clone(), t.setTemplate(r), s = !0, t.removeChild(i);
           const n = i.getTarget();
@@ -4253,7 +4344,7 @@ const d = class d {
    * @returns 配列。無効な場合は null
    */
   static resolveEachItems(t) {
-    const e = t.getAttributeEvaluation(`${c.prefix}each`), r = e?.value;
+    const e = t.getAttributeEvaluation(`${u.prefix}each`), r = e?.value;
     return e?.hasUnresolvedReference || r === !1 || r === null || r === void 0 ? [] : Array.isArray(r) ? r : (m.error("[Haori]", "Invalid each attribute:", r), null);
   }
   /**
@@ -4266,65 +4357,68 @@ const d = class d {
     const r = t.getTemplate();
     if (r === null)
       return m.error("[Haori]", "Template is not set for each element."), Promise.resolve();
-    let s = t.getAttribute(`${c.prefix}each-index`);
+    let s = t.getAttribute(`${u.prefix}each-index`);
     s && (s = String(s));
-    const i = t.getAttribute(`${c.prefix}each-key`), n = t.getAttribute(`${c.prefix}each-arg`), a = /* @__PURE__ */ new Map(), o = [];
-    e.forEach((l, h) => {
-      const A = d.createListKey(
+    const i = t.getAttribute(`${u.prefix}each-key`), n = t.getAttribute(`${u.prefix}each-arg`), a = /* @__PURE__ */ new Map(), o = [];
+    e.forEach((l, f) => {
+      const A = h.createListKey(
         l,
         i ? String(i) : null,
-        h
+        f
       );
-      o.push(A), a.set(A, { item: l, itemIndex: h });
+      o.push(A), a.set(A, { item: l, itemIndex: f });
     });
-    const f = [];
-    let p = t.getChildren().filter((l) => l instanceof D).filter(
-      (l) => !l.hasAttribute(`${c.prefix}each-before`) && !l.hasAttribute(`${c.prefix}each-after`)
+    const d = [];
+    let p = t.getChildren().filter((l) => l instanceof P).filter(
+      (l) => !l.hasAttribute(`${u.prefix}each-before`) && !l.hasAttribute(`${u.prefix}each-after`)
     );
-    p = p.filter((l) => o.indexOf(String(l.getListKey())) === -1 ? (f.push(l.remove()), !1) : !0);
-    const g = p.map((l) => l.getListKey()), y = t.getChildren().filter((l) => l instanceof D).filter((l) => l.hasAttribute(`${c.prefix}each-before`)).length;
+    p = p.filter((l) => o.indexOf(String(l.getListKey())) === -1 ? (d.push(l.remove()), !1) : !0);
+    const g = p.map((l) => l.getListKey()), v = t.getChildren().filter((l) => l instanceof P).filter((l) => l.hasAttribute(`${u.prefix}each-before`)).length;
     let b = Promise.resolve();
-    return o.forEach((l, h) => {
+    return o.forEach((l, f) => {
       const A = g.indexOf(l), { item: F, itemIndex: w } = a.get(l);
-      let O;
+      let C;
       if (A !== -1)
-        O = p[A], b = b.then(
-          () => d.updateRowFragment(
-            O,
+        C = p[A], b = b.then(
+          () => h.updateRowFragment(
+            C,
             F,
             s,
             w,
             n ? String(n) : null,
             l
-          ).then(() => d.evaluateAll(O)).then(() => d.scheduleEvaluateAll(O))
+          ).then(() => h.evaluateAll(C)).then(() => h.scheduleEvaluateAll(C))
         );
       else {
-        O = r.clone();
-        const X = y + h;
+        C = r.clone();
+        const z = v + f;
         b = b.then(
-          () => d.updateRowFragment(
-            O,
+          () => h.updateRowFragment(
+            C,
             F,
             s,
             w,
             n ? String(n) : null,
             l
-          ).then(
-            () => t.insertBefore(
-              O,
-              t.getChildren()[X] || null
-            ).then(() => d.evaluateAll(O)).then(() => d.scheduleEvaluateAll(O))
-          )
+          ).then(() => {
+            const q = t.getChildren().filter(
+              (nt) => nt instanceof P
+            )[z] || null;
+            return t.insertBefore(
+              C,
+              q
+            ).then(() => h.evaluateAll(C)).then(() => h.scheduleEvaluateAll(C));
+          })
         );
       }
-    }), Promise.all(f).then(() => b).then(() => {
+    }), Promise.all(d).then(() => b).then(() => {
       const l = o.filter(
         (w) => w !== null
-      ), h = g.filter(
+      ), f = g.filter(
         (w) => w !== null
       ), A = l.filter(
-        (w) => !h.includes(w)
-      ), F = h.filter(
+        (w) => !f.includes(w)
+      ), F = f.filter(
         (w) => !l.includes(w)
       );
       S.eachUpdate(
@@ -4379,9 +4473,9 @@ const d = class d {
     else
       return m.error(
         "[Haori]",
-        `Primitive value requires '${c.prefix}each-arg' attribute: ${e}`
+        `Primitive value requires '${u.prefix}each-arg' attribute: ${e}`
       ), Promise.resolve();
-    return t.setListKey(n), t.setBindingData(a), t.setAttribute(`${c.prefix}row`, n);
+    return t.setListKey(n), t.setBindingData(a), t.setAttribute(`${u.prefix}row`, n);
   }
   /**
    * フラグメントの再評価を次のイベントループで実行します。
@@ -4390,25 +4484,29 @@ const d = class d {
    */
   static scheduleEvaluateAll(t) {
     setTimeout(() => {
-      d.evaluateAll(t);
+      h.evaluateAll(t);
     }, 100);
   }
 };
-d.ATTRIBUTE_ALIAS_SUFFIX = "attr-", d.PRIORITY_ATTRIBUTE_SUFFIXES = [
+h.ATTRIBUTE_ALIAS_SUFFIX = "attr-", h.PRIORITY_ATTRIBUTE_SUFFIXES = [
   "bind",
   "url-param",
+  "derive-name",
+  "derive",
   "if",
   "each"
-], d.DEFERRED_ATTRIBUTE_SUFFIXES = ["fetch"], d.EVALUATE_ALL_EXCLUDED_ATTRIBUTE_SUFFIXES = [
+], h.DEFERRED_ATTRIBUTE_SUFFIXES = ["fetch"], h.EVALUATE_ALL_EXCLUDED_ATTRIBUTE_SUFFIXES = [
   "bind",
+  "derive",
+  "derive-name",
   "if",
   "each",
   "fetch",
   "import",
   "url-param"
-], d.ATTRIBUTE_PLACEHOLDER_REGEX = /\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/, d.REACTIVE_FETCH_STATES = /* @__PURE__ */ new WeakMap(), d.REACTIVE_IMPORT_STATES = /* @__PURE__ */ new WeakMap();
-let P = d;
-const J = class J {
+], h.ATTRIBUTE_PLACEHOLDER_REGEX = /\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/, h.REACTIVE_FETCH_STATES = /* @__PURE__ */ new WeakMap(), h.REACTIVE_IMPORT_STATES = /* @__PURE__ */ new WeakMap();
+let D = h;
+const Y = class Y {
   /**
    * コンストラクタ。
    *
@@ -4417,10 +4515,10 @@ const J = class J {
   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 = R.get(e);
-      r && new $(r, "load").run();
+      r && new j(r, "load").run();
     }, this.onPopstate = (e) => {
       const r = e.state;
-      !r || r[J.HISTORY_STATE_KEY] !== !0 || location.reload();
+      !r || r[Y.HISTORY_STATE_KEY] !== !0 || location.reload();
     }, this.root = t;
   }
   /**
@@ -4447,7 +4545,7 @@ const J = class J {
     if (!r)
       return;
     const s = R.get(r);
-    s && (e === "change" && s instanceof D && s.syncValue(), new $(s, e).run().catch((i) => {
+    s && (e === "change" && s instanceof P && s.syncValue(), new j(s, e).run().catch((i) => {
       m.error("[Haori]", "Procedure execution error:", i);
     }));
   }
@@ -4487,8 +4585,8 @@ const J = class J {
     return null;
   }
 };
-J.HISTORY_STATE_KEY = "__haoriHistoryState__";
-let _ = J;
+Y.HISTORY_STATE_KEY = "__haoriHistoryState__";
+let tt = Y;
 const T = class T {
   /**
    * ノードが現在の Window に属する HTMLElement かどうかを判定します。
@@ -4515,7 +4613,7 @@ const T = class T {
     }
     if (typeof IntersectionObserver > "u")
       return;
-    const s = T.resolveRoot(r), i = T.resolveRootMargin(r), n = T.resolveThreshold(r), a = r.hasAttribute(`${c.prefix}intersect-once`);
+    const s = T.resolveRoot(r), i = T.resolveRootMargin(r), n = T.resolveThreshold(r), a = r.hasAttribute(`${u.prefix}intersect-once`);
     if (e && e.observer.root === s && e.observer.rootMargin === i && T.sameThreshold(
       e.observer.thresholds,
       n
@@ -4525,20 +4623,20 @@ const T = class T {
     }
     e && (e.observer.disconnect(), T.registrations.delete(t));
     const o = new IntersectionObserver(
-      (f) => {
+      (d) => {
         const p = T.registrations.get(t);
-        p && f.forEach((g) => {
-          !g.isIntersecting || p.running || T.isDisabled(p.fragment) || (p.running = !0, new $(p.fragment, "intersect").runWithResult().then((y) => {
-            y && p.once && (p.observer.disconnect(), T.registrations.delete(t));
-          }).catch((y) => {
+        p && d.forEach((g) => {
+          !g.isIntersecting || p.running || T.isDisabled(p.fragment) || (p.running = !0, new j(p.fragment, "intersect").runWithResult().then((v) => {
+            v && p.once && (p.observer.disconnect(), T.registrations.delete(t));
+          }).catch((v) => {
             m.error(
               "[Haori]",
               "Intersect procedure execution error:",
-              y
+              v
             );
           }).finally(() => {
-            const y = T.registrations.get(t);
-            y && (y.running = !1);
+            const v = T.registrations.get(t);
+            v && (v.running = !1);
           }));
         });
       },
@@ -4572,14 +4670,14 @@ const T = class T {
   }
   static shouldObserve(t) {
     return t.getAttributeNames().some((e) => {
-      if (!e.startsWith(`${c.prefix}intersect-`))
+      if (!e.startsWith(`${u.prefix}intersect-`))
         return !1;
-      const r = e.slice(`${c.prefix}intersect-`.length);
+      const r = e.slice(`${u.prefix}intersect-`.length);
       return !T.CONFIG_KEYS.has(r);
     });
   }
   static resolveRoot(t) {
-    const e = `${c.prefix}intersect-root`;
+    const e = `${u.prefix}intersect-root`;
     if (!t.hasAttribute(e))
       return null;
     const r = t.getAttribute(e);
@@ -4589,15 +4687,15 @@ const T = class T {
     return T.isHtmlElement(s) ? s : (m.error("[Haori]", `Intersect root element not found: ${r}`), null);
   }
   static resolveRootMargin(t) {
-    const e = `${c.prefix}intersect-root-margin`, r = t.getAttribute(e);
+    const e = `${u.prefix}intersect-root-margin`, r = t.getAttribute(e);
     return r === null || r === !1 || r === "" ? "0px" : String(r);
   }
   static resolveThreshold(t) {
-    const e = `${c.prefix}intersect-threshold`, r = t.getAttribute(e), s = typeof r == "number" ? r : Number.parseFloat(String(r ?? 0));
+    const e = `${u.prefix}intersect-threshold`, r = t.getAttribute(e), s = typeof r == "number" ? r : Number.parseFloat(String(r ?? 0));
     return Number.isNaN(s) ? 0 : Math.min(1, Math.max(0, s));
   }
   static isDisabled(t) {
-    const e = `${c.prefix}intersect-disabled`, r = t.getAttribute(e);
+    const e = `${u.prefix}intersect-disabled`, r = t.getAttribute(e);
     if (r === null || r === !1)
       return !1;
     if (typeof r == "boolean")
@@ -4616,7 +4714,7 @@ T.CONFIG_KEYS = /* @__PURE__ */ new Set([
   "disabled",
   "once"
 ]), T.registrations = /* @__PURE__ */ new Map();
-let j = T;
+let V = T;
 const M = class M {
   /**
    * 既存の MutationObserver をすべて停止します。
@@ -4635,10 +4733,10 @@ const M = class M {
       return;
     M._initialized = !0, M.disconnectMutationObservers();
     const t = await Promise.allSettled([
-      P.scan(document.head),
-      P.scan(document.body)
+      D.scan(document.head),
+      D.scan(document.body)
     ]), [e, r] = t;
-    e.status !== "fulfilled" && m.error("[Haori]", "Failed to build head fragment:", e.reason), r.status !== "fulfilled" && m.error("[Haori]", "Failed to build body fragment:", r.reason), await N.wait(), document.body.setAttribute("data-haori-ready", ""), M.observe(document.head), M.observe(document.body), new _().start(), j.syncTree(document.body);
+    e.status !== "fulfilled" && m.error("[Haori]", "Failed to build head fragment:", e.reason), r.status !== "fulfilled" && m.error("[Haori]", "Failed to build body fragment:", r.reason), await N.wait(), document.body.setAttribute("data-haori-ready", ""), M.observe(document.head), M.observe(document.body), new tt().start(), V.syncTree(document.body);
   }
   /**
    * 指定された要素を監視します。
@@ -4658,17 +4756,17 @@ const M = class M {
                 s.attributeName
               );
               const i = s.target;
-              if (s.attributeName && i.hasAttribute("data-haori-click-lock") && (s.attributeName === "disabled" || s.attributeName === "data-haori-click-lock") || s.attributeName && P.isAliasedAttributeReflection(
+              if (s.attributeName && i.hasAttribute("data-haori-click-lock") && (s.attributeName === "disabled" || s.attributeName === "data-haori-click-lock") || s.attributeName && D.isAliasedAttributeReflection(
                 i,
                 s.attributeName
               ))
                 break;
-              P.setAttribute(
+              D.setAttribute(
                 i,
                 s.attributeName,
                 i.getAttribute(s.attributeName),
                 !0
-              ), j.syncElement(i);
+              ), V.syncElement(i);
               break;
             }
             case "childList": {
@@ -4678,9 +4776,9 @@ const M = class M {
                 Array.from(s.removedNodes).map((i) => i.nodeName),
                 Array.from(s.addedNodes).map((i) => i.nodeName)
               ), Array.from(s.removedNodes).forEach((i) => {
-                j.cleanupTree(i), P.removeNode(i);
+                V.cleanupTree(i), D.removeNode(i);
               }), Array.from(s.addedNodes).forEach((i) => {
-                i.parentElement instanceof Element && (P.addNode(i.parentElement, i), j.syncTree(i));
+                i.parentElement instanceof Element && (D.addNode(i.parentElement, i), V.syncTree(i));
               });
               break;
             }
@@ -4690,7 +4788,7 @@ const M = class M {
                 "Character data changed:",
                 s.target,
                 s.target.textContent
-              ), s.target instanceof Text || s.target instanceof Comment ? P.changeText(s.target, s.target.textContent) : m.warn(
+              ), s.target instanceof Text || s.target instanceof Comment ? D.changeText(s.target, s.target.textContent) : m.warn(
                 "[Haori]",
                 "Unsupported character data type:",
                 s.target
@@ -4714,18 +4812,18 @@ const M = class M {
   }
 };
 M._initialized = !1, M._mutationObservers = [];
-let K = M;
-document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", K.init) : K.init();
+let G = M;
+document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", G.init) : G.init();
 const yt = "0.4.13";
 export {
-  P as Core,
-  c as Env,
-  v as Form,
+  D as Core,
+  u as Env,
+  y as Form,
   R as Fragment,
-  Y as Haori,
+  X as Haori,
   m as Log,
   N as Queue,
-  Y as default,
+  X as default,
   yt as version
 };
 //# sourceMappingURL=haori.es.js.map