haori 0.6.2 → 0.8.0

package/dist/haori.es.js

@@ -1,23 +1,23 @@
-const q = class q {
+const z = class z {
   /**
    * 開発モードの状態を取得します。
    *
    * @returns 開発モードならtrue、そうでなければfalse
    */
   static isEnabled() {
-    return q.devMode;
+    return z.devMode;
   }
   /**
    * 開発モードを有効化します。
    */
   static enable() {
-    q.devMode = !0;
+    z.devMode = !0;
   }
   /**
    * 開発モードを無効化します。
    */
   static disable() {
-    q.devMode = !1;
+    z.devMode = !1;
   }
   /**
    * 開発モードを切り替えます。
@@ -25,11 +25,11 @@ const q = class q {
    * @param enabled trueで有効化、falseで無効化
    */
   static set(e) {
-    q.devMode = e;
+    z.devMode = e;
   }
 };
-q.devMode = !1;
-let H = q;
+z.devMode = !1;
+let L = z;
 const se = "embedded";
 function ue(S) {
   return S === "embedded" || S === "demo";
@@ -73,15 +73,15 @@ const $ = class $ {
         i !== null && ($._runtime = i);
       }
       if (e instanceof HTMLScriptElement && e.hasAttribute(`${$._prefix}dev`)) {
-        H.set(!0);
+        L.set(!0);
         return;
       }
       const t = window.location.hostname;
       if (t === "localhost" || t.endsWith(".localhost") || t === "127.0.0.1" || t === "::1" || t.endsWith(".local")) {
-        H.set(!0);
+        L.set(!0);
         return;
       }
-      H.set(!1);
+      L.set(!1);
     } catch {
     }
   }
@@ -95,9 +95,9 @@ const $ = class $ {
   }
 };
 $._prefix = "data-", $._runtime = se;
-let l = $;
-document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", l.detect) : l.detect();
-class m {
+let u = $;
+document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", u.detect) : u.detect();
+class p {
   /**
    * 開発モードでのみコンソールに情報を出力します。
    *
@@ -105,7 +105,7 @@ class m {
    * @param args 追加の引数
    */
   static info(e, ...t) {
-    H.isEnabled() && console.log && console.log(e, ...t);
+    L.isEnabled() && console.log && console.log(e, ...t);
   }
   /**
    * 開発モードでのみコンソールに警告を出力します。
@@ -114,7 +114,7 @@ class m {
    * @param args 追加の引数
    */
   static warn(e, ...t) {
-    H.isEnabled() && console.warn && console.warn(e, ...t);
+    L.isEnabled() && console.warn && console.warn(e, ...t);
   }
   /**
    * モードに関係なくコンソールにエラーを出力します。
@@ -126,7 +126,7 @@ class m {
     console.error(e, ...t);
   }
 }
-const P = class P {
+const I = class I {
   /**
    * 明示バインド内に持ち込まれてはならない危険値を返します。
    *
@@ -197,18 +197,18 @@ const P = class P {
    */
   static evaluateDetailed(e, t = {}) {
     if (this.scheduleForbiddenBindingValueCacheReset(), e.trim() === "")
-      return m.warn("[Haori]", e, "Expression is empty"), { value: null, unresolvedReference: !1 };
+      return p.warn("[Haori]", e, "Expression is empty"), { value: null, unresolvedReference: !1 };
     if (this.containsDangerousPatterns(e))
-      return m.warn("[Haori]", e, "Expression contains dangerous patterns"), { value: null, unresolvedReference: !1 };
+      return p.warn("[Haori]", e, "Expression contains dangerous patterns"), { value: null, unresolvedReference: !1 };
     if (this.containsForbiddenKeys(t))
-      return m.warn("[Haori]", t, "Binded values contain forbidden keys"), { value: null, unresolvedReference: !1 };
+      return p.warn("[Haori]", t, "Binded values contain forbidden keys"), { value: null, unresolvedReference: !1 };
     const r = this.getForbiddenBindingValueSet();
     if (this.containsForbiddenBindingValues(
       t,
       /* @__PURE__ */ new WeakSet(),
       r
     ))
-      return m.warn(
+      return p.warn(
         "[Haori]",
         t,
         "Binded values contain forbidden values"
@@ -236,10 +236,10 @@ const P = class P {
             continue;
           }
         }
-        return m.error("[Haori]", "Expression evaluation error:", e, o), o instanceof ReferenceError ? { value: void 0, unresolvedReference: !0 } : { value: null, unresolvedReference: !1 };
+        return p.error("[Haori]", "Expression evaluation error:", e, o), o instanceof ReferenceError ? { value: void 0, unresolvedReference: !0 } : { value: null, unresolvedReference: !1 };
       }
     }
-    return m.error(
+    return p.error(
       "[Haori]",
       "Failed to recover missing identifiers:",
       e,
@@ -273,7 +273,7 @@ return (${e});`;
         compileFailed: !1
       };
     } catch (o) {
-      return m.error(
+      return p.error(
         "[Haori]",
         "Failed to compile expression:",
         e,
@@ -755,7 +755,7 @@ return (${e});`;
     return this.forbiddenBindingValueCache.set(e, !1), !1;
   }
 };
-P.MAX_IDENTIFIER_RECOVERY_COUNT = 8, P.forbiddenBindingValueCache = /* @__PURE__ */ new WeakMap(), P.forbiddenBindingValueCacheResetScheduled = !1, P.FORBIDDEN_NAMES = [
+I.MAX_IDENTIFIER_RECOVERY_COUNT = 8, I.forbiddenBindingValueCache = /* @__PURE__ */ new WeakMap(), I.forbiddenBindingValueCacheResetScheduled = !1, I.FORBIDDEN_NAMES = [
   // グローバルオブジェクト
   "window",
   "self",
@@ -787,23 +787,23 @@ P.MAX_IDENTIFIER_RECOVERY_COUNT = 8, P.forbiddenBindingValueCache = /* @__PURE__
   "sessionStorage",
   "IndexedDB",
   "history"
-], P.STRICT_FORBIDDEN_NAMES = ["eval", "arguments"], P.REBINDABLE_FORBIDDEN_NAMES = /* @__PURE__ */ new Set(["location"]), P.FORBIDDEN_BINDING_NAMES = /* @__PURE__ */ new Set([
-  ...P.FORBIDDEN_NAMES.filter(
-    (e) => !P.REBINDABLE_FORBIDDEN_NAMES.has(e)
+], I.STRICT_FORBIDDEN_NAMES = ["eval", "arguments"], I.REBINDABLE_FORBIDDEN_NAMES = /* @__PURE__ */ new Set(["location"]), I.FORBIDDEN_BINDING_NAMES = /* @__PURE__ */ new Set([
+  ...I.FORBIDDEN_NAMES.filter(
+    (e) => !I.REBINDABLE_FORBIDDEN_NAMES.has(e)
   ),
   "constructor",
   "__proto__",
   "prototype",
-  ...P.STRICT_FORBIDDEN_NAMES
-]), P.FORBIDDEN_PROPERTY_NAMES = /* @__PURE__ */ new Set([
+  ...I.STRICT_FORBIDDEN_NAMES
+]), I.FORBIDDEN_PROPERTY_NAMES = /* @__PURE__ */ new Set([
   "constructor",
   "__proto__",
   "prototype"
-]), P.OBJECT_PROPERTY_MODIFIERS = /* @__PURE__ */ new Set([
+]), I.OBJECT_PROPERTY_MODIFIERS = /* @__PURE__ */ new Set([
   "get",
   "set",
   "async"
-]), P.DISALLOWED_KEYWORDS = /* @__PURE__ */ new Set([
+]), I.DISALLOWED_KEYWORDS = /* @__PURE__ */ new Set([
   "await",
   "break",
   "case",
@@ -837,8 +837,8 @@ P.MAX_IDENTIFIER_RECOVERY_COUNT = 8, P.forbiddenBindingValueCache = /* @__PURE__
   "while",
   "with",
   "yield"
-]), P.EXPRESSION_CACHE = /* @__PURE__ */ new Map();
-let W = P;
+]), I.EXPRESSION_CACHE = /* @__PURE__ */ new Map();
+let Y = I;
 class de {
   constructor() {
     this.MAX_BUDGET = 8, this.queue = [], this.processing = !1;
@@ -881,13 +881,13 @@ class de {
             const r = await t.task();
             t.resolve(r);
           } catch (r) {
-            t.reject(r), m.error("[Haori]", `Task ${t.timestamp} failed:`, r);
+            t.reject(r), p.error("[Haori]", `Task ${t.timestamp} failed:`, r);
           }
           if (performance.now() - e > this.MAX_BUDGET)
             break;
         }
       } catch (e) {
-        m.error("[Haori]", "Error processing queue:", e);
+        p.error("[Haori]", "Error processing queue:", e);
       } finally {
         this.processing = !1, this.queue.length > 0 && this.scheduleProcessing();
       }
@@ -934,7 +934,7 @@ const oe = class oe {
   }
 };
 oe.ASYNC_QUEUE = new de();
-let N = oe;
+let M = oe;
 class te {
   /**
    * 実行モードを取得します。
@@ -942,7 +942,7 @@ class te {
    * @return 実行モード。
    */
   static get runtime() {
-    return l.runtime;
+    return u.runtime;
   }
   /**
    * 実行モードを設定します。
@@ -951,7 +951,7 @@ class te {
    * @return 戻り値はありません。
    */
   static setRuntime(e) {
-    l.setRuntime(e);
+    u.setRuntime(e);
   }
   /**
    * 通知ダイアログを表示します。
@@ -960,7 +960,7 @@ class te {
    * @returns 通知が閉じられると解決されるPromise
    */
   static dialog(e) {
-    return N.enqueue(() => {
+    return M.enqueue(() => {
       window.alert(e);
     }, !0);
   }
@@ -988,7 +988,7 @@ class te {
    * @returns ユーザーがOKをクリックした場合はtrue、キャンセルした場合はfalseが解決されるPromise
    */
   static confirm(e) {
-    return N.enqueue(() => window.confirm(e), !0);
+    return M.enqueue(() => window.confirm(e), !0);
   }
   /**
    * ダイアログを開きます。
@@ -996,8 +996,8 @@ class te {
    * @param element 開くダイアログのHTML要素
    */
   static openDialog(e) {
-    return N.enqueue(() => {
-      e instanceof HTMLDialogElement ? e.showModal() : m.error("[Haori]", "Element is not a dialog: ", e);
+    return M.enqueue(() => {
+      e instanceof HTMLDialogElement ? e.showModal() : p.error("[Haori]", "Element is not a dialog: ", e);
     }, !0);
   }
   /**
@@ -1006,8 +1006,8 @@ class te {
    * @param element 閉じるダイアログのHTML要素
    */
   static closeDialog(e) {
-    return N.enqueue(() => {
-      e instanceof HTMLDialogElement ? e.close() : m.error("[Haori]", "Element is not a dialog: ", e);
+    return M.enqueue(() => {
+      e instanceof HTMLDialogElement ? e.close() : p.error("[Haori]", "Element is not a dialog: ", e);
     }, !0);
   }
   /**
@@ -1027,7 +1027,7 @@ class te {
    * @param level メッセージのレベル（省略可能）
    */
   static addMessage(e, t, r) {
-    return N.enqueue(() => {
+    return M.enqueue(() => {
       const i = e instanceof HTMLFormElement ? e : e.parentElement ?? e;
       i.setAttribute("data-message", t), r !== void 0 ? i.setAttribute("data-message-level", r) : i.removeAttribute("data-message-level");
     }, !0);
@@ -1038,7 +1038,7 @@ class te {
    * @param parent メッセージをクリアする親要素
    */
   static clearMessages(e) {
-    return N.enqueue(() => {
+    return M.enqueue(() => {
       e.removeAttribute("data-message"), e.removeAttribute("data-message-level"), e.querySelectorAll("[data-message]").forEach((t) => {
         t.removeAttribute("data-message"), t.removeAttribute("data-message-level");
       });
@@ -1052,7 +1052,7 @@ function le() {
     (r) => typeof e?.[r] == "function"
   ) ? e : te;
 }
-class E {
+class A {
   /**
    * フォーム内にある入力エレメントの値をオブジェクトとして取得します。
    * data-form-object属性があると、そのエレメント内の値はオブジェクトとして処理されます。
@@ -1063,7 +1063,7 @@ class E {
    */
   static getValues(e) {
     const t = {};
-    return E.getPartValues(e, t);
+    return A.getPartValues(e, t);
   }
   /**
    * フォーム内の各入力エレメントから値を取得し、オブジェクトとして返します。
@@ -1074,32 +1074,32 @@ class E {
    * @returns values と同じオブジェクト
    */
   static getPartValues(e, t) {
-    const r = e.getAttribute("name"), i = e.getAttribute(`${l.prefix}form-object`), s = e.getAttribute(`${l.prefix}form-list`);
+    const r = e.getAttribute("name"), i = e.getAttribute(`${u.prefix}form-object`), s = e.getAttribute(`${u.prefix}form-list`);
     if (r) {
-      s ? Array.isArray(t[String(r)]) ? t[String(r)].push(e.getValue()) : t[String(r)] = [e.getValue()] : t[String(r)] = e.getValue(), i && m.warn(
+      s ? Array.isArray(t[String(r)]) ? t[String(r)].push(e.getValue()) : t[String(r)] = [e.getValue()] : t[String(r)] = e.getValue(), i && p.warn(
         "Haori",
-        `Element cannot have both ${l.prefix}form-object and name attributes.`
+        `Element cannot have both ${u.prefix}form-object and name attributes.`
       );
       for (const n of e.getChildElementFragments())
-        E.getPartValues(n, t);
+        A.getPartValues(n, t);
     } else if (i) {
       const n = {};
       for (const a of e.getChildElementFragments())
-        E.getPartValues(a, n);
-      Object.keys(n).length > 0 && (t[String(i)] = n), s && m.warn(
+        A.getPartValues(a, n);
+      Object.keys(n).length > 0 && (t[String(i)] = n), s && p.warn(
         "Haori",
-        `Element cannot have both ${l.prefix}form-list and ${l.prefix}form-object attributes.`
+        `Element cannot have both ${u.prefix}form-list and ${u.prefix}form-object attributes.`
       );
     } else if (s) {
       const n = [];
       for (const a of e.getChildElementFragments()) {
         const o = {};
-        E.getPartValues(a, o), Object.keys(o).length > 0 && n.push(o);
+        A.getPartValues(a, o), Object.keys(o).length > 0 && n.push(o);
       }
       n.length > 0 && (t[String(s)] = n);
     } else
       for (const n of e.getChildElementFragments())
-        E.getPartValues(n, t);
+        A.getPartValues(n, t);
     return t;
   }
   /**
@@ -1112,7 +1112,7 @@ class E {
    * @returns Promise（DOMの更新が完了したら解決される）
    */
   static setValues(e, t, r = !1) {
-    return E.setPartValues(e, t, null, r, !0);
+    return A.setPartValues(e, t, null, r, !0);
   }
   /**
    * フォーム内にある入力エレメントに値をイベントなしで設定します。
@@ -1124,7 +1124,7 @@ class E {
    * @returns Promise（DOMの更新が完了したら解決される）
    */
   static syncValues(e, t, r = !1) {
-    return E.setPartValues(e, t, null, r, !1);
+    return A.setPartValues(e, t, null, r, !1);
   }
   /**
    * 単一フラグメントへ値を設定します。
@@ -1147,23 +1147,23 @@ class E {
    * @returns Promise（DOMの更新が完了したら解決される）
    */
   static setPartValues(e, t, r = null, i = !1, s = !0) {
-    const n = [], a = e.getAttribute("name"), o = e.getAttribute(`${l.prefix}form-object`), c = e.getAttribute(`${l.prefix}form-list`), d = e.getAttribute(`${l.prefix}form-detach`);
+    const n = [], a = e.getAttribute("name"), o = e.getAttribute(`${u.prefix}form-object`), c = e.getAttribute(`${u.prefix}form-list`), d = e.getAttribute(`${u.prefix}form-detach`);
     if (a) {
       if (!d || i) {
         const f = t[String(a)];
         c && Array.isArray(f) && r !== null ? n.push(
-          E.applyFragmentValue(e, f[r] ?? null, s)
-        ) : typeof f > "u" || (typeof f == "string" || typeof f == "number" || typeof f == "boolean" || f === null ? n.push(E.applyFragmentValue(e, f, s)) : n.push(
-          E.applyFragmentValue(e, String(f), s)
+          A.applyFragmentValue(e, f[r] ?? null, s)
+        ) : typeof f > "u" || (typeof f == "string" || typeof f == "number" || typeof f == "boolean" || f === null ? n.push(A.applyFragmentValue(e, f, s)) : n.push(
+          A.applyFragmentValue(e, String(f), s)
         ));
       }
     } else if (o) {
       const f = t[String(o)];
       if (f && typeof f == "object")
-        for (const b of e.getChildElementFragments())
+        for (const g of e.getChildElementFragments())
           n.push(
-            E.setPartValues(
-              b,
+            A.setPartValues(
+              g,
               f,
               null,
               i,
@@ -1173,24 +1173,24 @@ class E {
     } else if (c) {
       const f = t[String(c)];
       if (Array.isArray(f)) {
-        const b = e.getChildElementFragments();
-        for (let v = 0; v < b.length; v++) {
-          const p = b[v];
-          f.length > v ? n.push(
-            E.setPartValues(
-              p,
-              f[v],
-              v,
+        const g = e.getChildElementFragments();
+        for (let y = 0; y < g.length; y++) {
+          const T = g[y];
+          f.length > y ? n.push(
+            A.setPartValues(
+              T,
+              f[y],
+              y,
               i,
               s
             )
-          ) : n.push(E.setPartValues(p, {}, v, i, s));
+          ) : n.push(A.setPartValues(T, {}, y, i, s));
         }
       }
     } else
       for (const f of e.getChildElementFragments())
         n.push(
-          E.setPartValues(f, t, null, i, s)
+          A.setPartValues(f, t, null, i, s)
         );
     return Promise.all(n).then(() => {
     });
@@ -1203,10 +1203,10 @@ class E {
    * @returns すべての初期化処理が完了するPromise
    */
   static async reset(e) {
-    E.clearValues(e), await Promise.all([
-      E.clearMessages(e),
-      E.clearEachClones(e)
-    ]), await N.enqueue(() => {
+    A.clearValues(e), await Promise.all([
+      A.clearMessages(e),
+      A.clearEachClones(e)
+    ]), await M.enqueue(() => {
       const t = e.getTarget();
       if (t instanceof HTMLFormElement)
         t.reset();
@@ -1217,7 +1217,7 @@ class E {
           s.appendChild(t), s.reset(), r.insertBefore(t, i);
         }
       }
-    }), await x.evaluateAll(e);
+    }), await P.evaluateAll(e);
   }
   /**
    * data-each によって生成された複製（テンプレート以外）を削除します。
@@ -1227,9 +1227,9 @@ class E {
    */
   static clearEachClones(e) {
     const t = [], r = (s) => {
-      if (s.hasAttribute(`${l.prefix}each`))
+      if (s.hasAttribute(`${u.prefix}each`))
         for (const n of s.getChildElementFragments()) {
-          const a = n.hasAttribute(`${l.prefix}each-before`), o = n.hasAttribute(`${l.prefix}each-after`);
+          const a = n.hasAttribute(`${u.prefix}each-before`), o = n.hasAttribute(`${u.prefix}each-after`);
           !a && !o && t.push(n.remove());
         }
     }, i = (s) => {
@@ -1251,7 +1251,7 @@ class E {
   static clearValues(e) {
     e.clearValue();
     for (const t of e.getChildElementFragments())
-      E.clearValues(t);
+      A.clearValues(t);
   }
   /**
    * フラグメントとその子要素のメッセージをクリアします。
@@ -1274,7 +1274,7 @@ class E {
    * @return Promise（メッセージの追加が完了したら解決される）
    */
   static addErrorMessage(e, t, r) {
-    return E.addMessage(e, t, r, "error");
+    return A.addMessage(e, t, r, "error");
   }
   /**
    * キーに一致するフラグメントにレベル付きメッセージを追加します。
@@ -1287,7 +1287,7 @@ class E {
    * @return Promise（メッセージの追加が完了したら解決される）
    */
   static addMessage(e, t, r, i) {
-    const s = [], n = le(), a = n.addMessage, o = (d) => typeof a == "function" ? a.call(n, d, r, i) : n.addErrorMessage(d, r), c = E.findFragmentsByKey(e, t);
+    const s = [], n = le(), a = n.addMessage, o = (d) => typeof a == "function" ? a.call(n, d, r, i) : n.addErrorMessage(d, r), c = A.findFragmentsByKey(e, t);
     return c.forEach((d) => {
       s.push(o(d.getTarget()));
     }), c.length === 0 && s.push(o(e.getTarget())), Promise.all(s).then(() => {
@@ -1301,7 +1301,7 @@ class E {
    * @returns 一致するフラグメントの配列
    */
   static findFragmentsByKey(e, t) {
-    return E.findFragmentByKeyParts(e, t.split("."));
+    return A.findFragmentByKeyParts(e, t.split("."));
   }
   /**
    * 指定されたキーに一致するフラグメントを検索します。
@@ -1313,23 +1313,23 @@ class E {
    */
   static findFragmentByKeyParts(e, t) {
     const r = [], i = t[0];
-    if (t.length == 1 && e.getAttribute("name") === i && r.push(e), e.hasAttribute(`${l.prefix}form-object`))
-      t.length > 1 && e.getAttribute(`${l.prefix}form-object`) === i && e.getChildElementFragments().forEach((n) => {
-        r.push(...E.findFragmentByKeyParts(n, t.slice(1)));
+    if (t.length == 1 && e.getAttribute("name") === i && r.push(e), e.hasAttribute(`${u.prefix}form-object`))
+      t.length > 1 && e.getAttribute(`${u.prefix}form-object`) === i && e.getChildElementFragments().forEach((n) => {
+        r.push(...A.findFragmentByKeyParts(n, t.slice(1)));
       });
-    else if (e.hasAttribute(`${l.prefix}form-list`)) {
+    else if (e.hasAttribute(`${u.prefix}form-list`)) {
       if (t.length > 1) {
-        const s = e.getAttribute(`${l.prefix}form-list`), n = i.lastIndexOf("["), a = i.lastIndexOf("]");
+        const s = e.getAttribute(`${u.prefix}form-list`), n = i.lastIndexOf("["), a = i.lastIndexOf("]");
         if (n !== -1 && a !== -1 && n < a) {
           const o = i.substring(0, n);
           if (s === o) {
             const c = i.substring(n + 1, a), d = Number(c);
             if (isNaN(d))
-              m.error("Haori", `Invalid index: ${i}`);
+              p.error("Haori", `Invalid index: ${i}`);
             else {
-              const f = e.getChildElementFragments().filter((b) => b.hasAttribute(`${l.prefix}row`));
+              const f = e.getChildElementFragments().filter((g) => g.hasAttribute(`${u.prefix}row`));
               d < f.length && r.push(
-                ...E.findFragmentByKeyParts(f[d], t.slice(1))
+                ...A.findFragmentByKeyParts(f[d], t.slice(1))
               );
             }
           }
@@ -1337,7 +1337,7 @@ class E {
       }
     } else
       e.getChildElementFragments().forEach((s) => {
-        r.push(...E.findFragmentByKeyParts(s, t));
+        r.push(...A.findFragmentByKeyParts(s, t));
       });
     return r;
   }
@@ -1354,12 +1354,12 @@ class E {
     return r ? this.getFormFragment(r) : null;
   }
 }
-const F = class F {
+const N = class N {
   /**
    * 集計状態を初期化します。
    */
   static reset() {
-    F.ELEMENT_STORES.clear(), F.ensureGlobalAccess();
+    N.ELEMENT_STORES.clear(), N.ensureGlobalAccess();
   }
   /**
    * 現在の集計結果スナップショットを返します。
@@ -1367,7 +1367,7 @@ const F = class F {
    * @returns エレメントごとの集計結果
    */
   static snapshot() {
-    return F.ensureGlobalAccess(), [...F.ELEMENT_STORES.entries()].map(([e, t]) => ({
+    return N.ensureGlobalAccess(), [...N.ELEMENT_STORES.entries()].map(([e, t]) => ({
       elementId: e,
       tagName: t.tagName,
       attributes: [...t.attributes.entries()].map(([r, i]) => ({
@@ -1376,7 +1376,7 @@ const F = class F {
         calls: i.calls,
         totalDurationMs: i.totalDurationMs,
         maxDurationMs: i.maxDurationMs,
-        placeholders: F.sortPlaceholders(
+        placeholders: N.sortPlaceholders(
           i.placeholders
         )
       })).sort((r, i) => i.calls - r.calls),
@@ -1386,7 +1386,7 @@ const F = class F {
         calls: i.calls,
         totalDurationMs: i.totalDurationMs,
         maxDurationMs: i.maxDurationMs,
-        placeholders: F.sortPlaceholders(
+        placeholders: N.sortPlaceholders(
           i.placeholders
         )
       })).sort((r, i) => i.calls - r.calls)
@@ -1402,31 +1402,31 @@ const F = class F {
    * @param expressions 今回評価した式一覧
    */
   static record(e, t, r) {
-    if (!H.isEnabled() || !e || t.length === 0)
+    if (!L.isEnabled() || !e || t.length === 0)
       return;
-    F.ensureGlobalAccess();
-    const i = F.getOrCreateElementStore(
+    N.ensureGlobalAccess();
+    const i = N.getOrCreateElementStore(
       e.element
     );
     if (e.kind === "attribute") {
-      const n = F.getOrCreateCounter(
+      const n = N.getOrCreateCounter(
         i.attributes,
         e.rawName,
         e.template
       );
-      F.updateCounter(
+      N.updateCounter(
         n,
         t,
         r
       );
       return;
     }
-    const s = F.getOrCreateCounter(
+    const s = N.getOrCreateCounter(
       i.texts,
       String(e.childIndex),
       e.template
     );
-    F.updateCounter(
+    N.updateCounter(
       s,
       t,
       r
@@ -1436,12 +1436,12 @@ const F = class F {
    * globalThis から dev-only の取得窓口を参照できるようにします。
    */
   static ensureGlobalAccess() {
-    if (!H.isEnabled())
+    if (!L.isEnabled())
       return;
     const e = globalThis;
-    e[F.GLOBAL_KEY] === void 0 && (e[F.GLOBAL_KEY] = {
-      reset: () => F.reset(),
-      snapshot: () => F.snapshot()
+    e[N.GLOBAL_KEY] === void 0 && (e[N.GLOBAL_KEY] = {
+      reset: () => N.reset(),
+      snapshot: () => N.snapshot()
     });
   }
   /**
@@ -1451,7 +1451,7 @@ const F = class F {
    * @returns 集計ストア
    */
   static getOrCreateElementStore(e) {
-    const t = F.createElementId(e), r = F.ELEMENT_STORES.get(t);
+    const t = N.createElementId(e), r = N.ELEMENT_STORES.get(t);
     if (r)
       return r;
     const i = {
@@ -1459,7 +1459,7 @@ const F = class F {
       attributes: /* @__PURE__ */ new Map(),
       texts: /* @__PURE__ */ new Map()
     };
-    return F.ELEMENT_STORES.set(t, i), i;
+    return N.ELEMENT_STORES.set(t, i), i;
   }
   /**
    * カウンタを取得または初期化します。
@@ -1509,7 +1509,7 @@ const F = class F {
    */
   static updateCounter(e, t, r) {
     e.calls += 1, e.totalDurationMs += r, e.maxDurationMs = Math.max(e.maxDurationMs, r), t.forEach((i) => {
-      const s = F.getOrCreatePlaceholder(
+      const s = N.getOrCreatePlaceholder(
         e.placeholders,
         i.expression
       );
@@ -1548,10 +1548,10 @@ const F = class F {
    * @returns 結果と所要時間
    */
   static measure(e) {
-    const t = F.now();
+    const t = N.now();
     return {
       value: e(),
-      durationMs: F.now() - t
+      durationMs: N.now() - t
     };
   }
   /**
@@ -1570,43 +1570,43 @@ const F = class F {
         i += `#${s.trim()}`, t.unshift(i);
         break;
       }
-      const n = r.getAttribute(`${l.prefix}derive-name`);
-      n && n.trim() !== "" && (i += `[${l.prefix}derive-name="${n.trim()}"]`);
+      const n = r.getAttribute(`${u.prefix}derive-name`);
+      n && n.trim() !== "" && (i += `[${u.prefix}derive-name="${n.trim()}"]`);
       const a = r.parentElement;
       a && (i += `:nth-child(${[...a.children].indexOf(r) + 1})`), t.unshift(i), r = a;
     }
     return t.join(" > ");
   }
 };
-F.GLOBAL_KEY = "__HAORI_EVALUATION_PROFILE__", F.ELEMENT_STORES = /* @__PURE__ */ new Map();
-let J = F;
-const K = class K {
+N.GLOBAL_KEY = "__HAORI_EVALUATION_PROFILE__", N.ELEMENT_STORES = /* @__PURE__ */ new Map();
+let J = N;
+const G = class G {
   /**
    * フラグメントのコンストラクタ。
    *
    * @param target 対象ノード
    */
   constructor(e) {
-    this.parent = null, this.mounted = !1, this.skipMutationNodes = !1, this.target = e, K.FRAGMENT_CACHE.set(e, this);
+    this.parent = null, this.mounted = !1, this.skipMutationNodes = !1, this.target = e, G.FRAGMENT_CACHE.set(e, this);
   }
   static get(e) {
     if (e == null)
       return null;
-    if (K.FRAGMENT_CACHE.has(e))
-      return K.FRAGMENT_CACHE.get(e);
+    if (G.FRAGMENT_CACHE.has(e))
+      return G.FRAGMENT_CACHE.get(e);
     let t;
     switch (e.nodeType) {
       case Node.ELEMENT_NODE:
-        t = new M(e);
+        t = new C(e);
         break;
       case Node.TEXT_NODE:
-        t = new L(e);
+        t = new H(e);
         break;
       case Node.COMMENT_NODE:
         t = new ae(e);
         break;
       default:
-        return m.warn("[Haori]", "Unsupported node type:", e.nodeType), null;
+        return p.warn("[Haori]", "Unsupported node type:", e.nodeType), null;
     }
     return t;
   }
@@ -1628,7 +1628,7 @@ const K = class K {
       return Promise.resolve();
     if (this.parent) {
       const e = this.parent, t = e.skipMutationNodes;
-      return N.enqueue(() => {
+      return M.enqueue(() => {
         e.skipMutationNodes = !0, this.target.parentNode === e.getTarget() && e.getTarget().removeChild(this.target), this.mounted = !1;
       }).finally(() => {
         e.skipMutationNodes = t;
@@ -1636,7 +1636,7 @@ const K = class K {
     } else {
       const e = this.target.parentNode;
       if (e)
-        return N.enqueue(() => {
+        return M.enqueue(() => {
           this.target.parentNode === e && e.removeChild(this.target), this.mounted = !1;
         });
       this.mounted = !1;
@@ -1653,7 +1653,7 @@ const K = class K {
       return Promise.resolve();
     if (this.parent) {
       const e = this.parent, t = e.skipMutationNodes;
-      return N.enqueue(() => {
+      return M.enqueue(() => {
         e.skipMutationNodes = !0, this.target.parentNode !== e.getTarget() && e.getTarget().appendChild(this.target), this.mounted = !0;
       }).finally(() => {
         e.skipMutationNodes = t;
@@ -1684,7 +1684,7 @@ const K = class K {
    * @return 除去のPromise
    */
   remove(e = !0) {
-    return this.parent && this.parent.removeChild(this), K.FRAGMENT_CACHE.delete(this.target), e ? this.unmount() : Promise.resolve();
+    return this.parent && this.parent.removeChild(this), G.FRAGMENT_CACHE.delete(this.target), e ? this.unmount() : Promise.resolve();
   }
   /**
    * 対象ノードを取得します。
@@ -1711,8 +1711,8 @@ const K = class K {
     this.parent = e;
   }
 };
-K.FRAGMENT_CACHE = /* @__PURE__ */ new WeakMap();
-let w = K;
+G.FRAGMENT_CACHE = /* @__PURE__ */ new WeakMap();
+let w = G;
 const V = class V extends w {
   /**
    * エレメントフラグメントのコンストラクタ。
@@ -1783,7 +1783,7 @@ const V = class V extends w {
   removeChild(e) {
     const t = this.children.indexOf(e);
     if (t < 0) {
-      m.warn("[Haori]", "Child fragment not found.", e);
+      p.warn("[Haori]", "Child fragment not found.", e);
       return;
     }
     this.children.splice(t, 1), e.setParent(null);
@@ -1808,7 +1808,7 @@ const V = class V extends w {
    * clone 時に runtime の hidden 状態だけを落とします。
    */
   normalizeClonedVisibilityState() {
-    (this.visible === !1 || this.getTarget().style.display === "none" || this.getTarget().hasAttribute(`${l.prefix}if-false`)) && (this.visible = !0, this.display = null, this.displayPriority = null, this.getTarget().style.removeProperty("display"), this.getTarget().removeAttribute(`${l.prefix}if-false`)), this.children.forEach((e) => {
+    (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((e) => {
       e instanceof V && e.normalizeClonedVisibilityState();
     });
   }
@@ -2047,16 +2047,16 @@ const V = class V extends w {
     if (r instanceof HTMLInputElement && (r.type === "checkbox" || r.type === "radio")) {
       const i = this.getAttribute("value"), s = r.type === "checkbox" && i === "true";
       let n;
-      return s ? n = e === !0 || e === "true" : i === "false" ? n = e === !1 : n = i === String(e), this.value = s ? n : n ? e : null, r.checked === n ? Promise.resolve() : (this.skipChangeValue = !0, N.enqueue(() => {
+      return s ? n = e === !0 || e === "true" : i === "false" ? n = e === !1 : n = i === String(e), this.value = s ? n : n ? e : null, r.checked === n ? Promise.resolve() : (this.skipChangeValue = !0, M.enqueue(() => {
         r.checked = n, t && r.dispatchEvent(new Event("change", { bubbles: !0 }));
       }).finally(() => {
         this.skipChangeValue = !1;
       }));
-    } else return r instanceof HTMLInputElement || r instanceof HTMLTextAreaElement || r instanceof HTMLSelectElement ? (this.value = e, this.skipChangeValue = !0, N.enqueue(() => {
+    } else return r instanceof HTMLInputElement || r instanceof HTMLTextAreaElement || r instanceof HTMLSelectElement ? (this.value = e, this.skipChangeValue = !0, M.enqueue(() => {
       r.value = e === null ? "" : String(e), t && ((r instanceof HTMLInputElement && this.INPUT_EVENT_TYPES.includes(r.type) || r instanceof HTMLTextAreaElement) && r.dispatchEvent(new Event("input", { bubbles: !0 })), r.dispatchEvent(new Event("change", { bubbles: !0 })));
     }).finally(() => {
       this.skipChangeValue = !1;
-    })) : (m.warn(
+    })) : (p.warn(
       "[Haori]",
       "setValue is not supported for this element type.",
       r
@@ -2138,7 +2138,7 @@ const V = class V extends w {
       return Promise.resolve();
     this.attributeMap.delete(e), this.skipMutationAttributes = !0;
     const r = this.getTarget();
-    return N.enqueue(() => {
+    return M.enqueue(() => {
       r.removeAttribute(e), t !== e && r.removeAttribute(t);
     }).finally(() => {
       this.skipMutationAttributes = !1;
@@ -2160,9 +2160,9 @@ const V = class V extends w {
       return e === t ? this.removeAttribute(e) : this.removeAliasedAttribute(e, t);
     const n = new X(e, r);
     if (s) {
-      const B = this.attributeMap.get(e);
-      if (B && (B.isEvaluate || B.isForceEvaluation()) && !n.isEvaluate && !n.isForceEvaluation())
-        return this.skipMutationAttributes = !0, N.enqueue(() => {
+      const U = this.attributeMap.get(e);
+      if (U && (U.isEvaluate || U.isForceEvaluation()) && !n.isEvaluate && !n.isForceEvaluation())
+        return this.skipMutationAttributes = !0, M.enqueue(() => {
         }).finally(() => {
           this.skipMutationAttributes = !1;
         });
@@ -2173,9 +2173,9 @@ const V = class V extends w {
       element: a,
       rawName: e,
       template: r
-    }), c = n.isEvaluate || n.isRawEvaluate, d = e === t && V.BOOLEAN_ATTRIBUTES.has(t.toLowerCase()), f = n.isSingleExpression(), b = j.joinEvaluateResults(o.results), v = o.results.length === 1 ? o.results[0] : b, p = !n.isForceEvaluation() && (t !== e || d || f ? o.hasUnresolvedReference || v === null || v === void 0 || v === !1 : c && b === ""), g = n.isForceEvaluation() ? r : f ? v : b, D = i && n.isEvaluate && t === "value" && (a instanceof HTMLInputElement && this.INPUT_EVENT_TYPES.includes(a.type) || a instanceof HTMLTextAreaElement || a instanceof HTMLSelectElement), A = p || g === null || g === !1 ? null : String(g), y = e !== t && a.getAttribute(e) !== r, C = A === null ? a.hasAttribute(t) : a.getAttribute(t) !== A, k = D && A !== null && a.value !== A;
-    return !y && !C && !k ? (D && A !== null && (this.value = A), Promise.resolve()) : (this.skipMutationAttributes = !0, N.enqueue(() => {
-      y && a.setAttribute(e, r), A === null ? a.removeAttribute(t) : (C && a.setAttribute(t, A), D && (this.value = A, k && (a.value = A)));
+    }), c = n.isEvaluate || n.isRawEvaluate, d = e === t && V.BOOLEAN_ATTRIBUTES.has(t.toLowerCase()), f = n.isSingleExpression(), g = j.joinEvaluateResults(o.results), y = o.results.length === 1 ? o.results[0] : g, T = !n.isForceEvaluation() && (t !== e || d || f ? o.hasUnresolvedReference || y === null || y === void 0 || y === !1 : c && g === ""), m = n.isForceEvaluation() ? r : f ? y : g, b = i && n.isEvaluate && t === "value" && (a instanceof HTMLInputElement && this.INPUT_EVENT_TYPES.includes(a.type) || a instanceof HTMLTextAreaElement || a instanceof HTMLSelectElement), E = T || m === null || m === !1 ? null : String(m), v = e !== t && a.getAttribute(e) !== r, F = E === null ? a.hasAttribute(t) : a.getAttribute(t) !== E, x = b && E !== null && a.value !== E;
+    return !v && !F && !x ? (b && E !== null && (this.value = E), Promise.resolve()) : (this.skipMutationAttributes = !0, M.enqueue(() => {
+      v && a.setAttribute(e, r), E === null ? a.removeAttribute(t) : (F && a.setAttribute(t, E), b && (this.value = E, x && (a.value = E)));
     }).finally(() => {
       this.skipMutationAttributes = !1;
     }));
@@ -2191,7 +2191,7 @@ const V = class V extends w {
       return Promise.resolve();
     this.attributeMap.delete(e), this.skipMutationAttributes = !0;
     const t = this.getTarget();
-    return N.enqueue(() => {
+    return M.enqueue(() => {
       t.removeAttribute(e);
     }).finally(() => {
       this.skipMutationAttributes = !1;
@@ -2294,13 +2294,13 @@ const V = class V extends w {
     if (this.skipMutationNodes)
       return Promise.resolve();
     if (e === this)
-      return m.error("[Haori]", "Cannot insert element as child of itself"), Promise.reject(new Error("Self-insertion not allowed"));
+      return p.error("[Haori]", "Cannot insert element as child of itself"), Promise.reject(new Error("Self-insertion not allowed"));
     const i = /* @__PURE__ */ new Set();
     let s = this.parent;
     for (; s; )
       i.add(s), s = s.getParent();
     if (i.has(e))
-      return m.error("[Haori]", "Cannot create circular reference"), Promise.reject(new Error("Circular reference detected"));
+      return p.error("[Haori]", "Cannot create circular reference"), Promise.reject(new Error("Circular reference detected"));
     const n = e.getParent() === this;
     let a = -1, o = -1;
     n && (a = this.children.indexOf(e), t !== null && (o = this.children.indexOf(t)));
@@ -2310,23 +2310,23 @@ const V = class V extends w {
     if (t === null)
       this.children.push(e);
     else {
-      let b;
-      if (n ? a !== -1 && a < o ? b = o - 1 : b = o : b = this.children.indexOf(t), b === -1) {
-        const v = this.resolveInsertionPointFromDom(
+      let g;
+      if (n ? a !== -1 && a < o ? g = o - 1 : g = o : g = this.children.indexOf(t), g === -1) {
+        const y = this.resolveInsertionPointFromDom(
           t,
           !1
         );
-        v === null ? (m.warn(
+        y === null ? (p.warn(
           "[Haori]",
           "Reference child not found in children.",
           t
-        ), this.children.push(e)) : (this.children.splice(v.index, 0, e), d = v.referenceNode);
+        ), this.children.push(e)) : (this.children.splice(y.index, 0, e), d = y.referenceNode);
       } else
-        this.children.splice(b, 0, e);
+        this.children.splice(g, 0, e);
     }
     e.setParent(this), e.setMounted(this.mounted);
     const f = this.skipMutationNodes;
-    return this.skipMutationNodes = !0, N.enqueue(() => {
+    return this.skipMutationNodes = !0, M.enqueue(() => {
       this.target.insertBefore(e.getTarget(), d);
     }).finally(() => {
       this.skipMutationNodes = f;
@@ -2348,7 +2348,7 @@ const V = class V extends w {
         t,
         !0
       );
-      return i === null ? (m.warn(
+      return i === null ? (p.warn(
         "[Haori]",
         "Reference child not found in children.",
         t
@@ -2404,7 +2404,7 @@ const V = class V extends w {
       return Promise.resolve();
     this.visible = !1;
     const e = this.getTarget();
-    return this.display = e.style.getPropertyValue("display"), this.displayPriority = e.style.getPropertyPriority("display"), e.style.setProperty("display", "none", "important"), e.setAttribute(`${l.prefix}if-false`, ""), Promise.resolve();
+    return this.display = e.style.getPropertyValue("display"), this.displayPriority = e.style.getPropertyPriority("display"), e.style.setProperty("display", "none", "important"), e.setAttribute(`${u.prefix}if-false`, ""), Promise.resolve();
   }
   /**
    * エレメントを表示します。
@@ -2419,7 +2419,7 @@ const V = class V extends w {
       "display",
       this.display,
       this.displayPriority ?? ""
-    ), this.display = null, this.displayPriority = null, e.removeAttribute(`${l.prefix}if-false`), this.visible = !0, Promise.resolve();
+    ), this.display = null, this.displayPriority = null, e.removeAttribute(`${u.prefix}if-false`), this.visible = !0, Promise.resolve();
   }
   /**
    * 指定した属性名を持つ最も近い親要素を返します。
@@ -2460,8 +2460,8 @@ V.BOOLEAN_ATTRIBUTES = /* @__PURE__ */ new Set([
   "reversed",
   "selected"
 ]);
-let M = V;
-class L extends w {
+let C = V;
+class H extends w {
   /**
    * テキストフラグメントのコンストラクタ。
    * 対象テキストノードの内容を初期化します。
@@ -2477,7 +2477,7 @@ class L extends w {
    * @returns クローンされたフラグメント
    */
   clone() {
-    const e = new L(this.target.cloneNode(!0));
+    const e = new H(this.target.cloneNode(!0));
     return e.mounted = !1, e.text = this.text, e.contents = this.contents, e.renderedText = this.renderedText, e;
   }
   /**
@@ -2513,7 +2513,7 @@ class L extends w {
   evaluate() {
     return this.contents.isRawEvaluate && this.parent === null ? Promise.reject(
       new Error("Parent fragment is required for raw evaluation")
-    ) : N.enqueue(() => {
+    ) : M.enqueue(() => {
       this.skipMutation = !0;
       let e = this.text;
       this.contents.isRawEvaluate ? e = this.contents.evaluate(
@@ -2573,7 +2573,7 @@ class ae extends w {
    * @return 更新のPromise
    */
   setContent(e) {
-    return this.skipMutation || this.text === e ? Promise.resolve() : (this.text = e, N.enqueue(() => {
+    return this.skipMutation || this.text === e ? Promise.resolve() : (this.text = e, M.enqueue(() => {
       this.skipMutation = !0, this.target.textContent = this.text;
     }).finally(() => {
       this.skipMutation = !1;
@@ -2639,7 +2639,7 @@ const Z = class Z {
    */
   checkRawExpressions() {
     for (let e = 0; e < this.contents.length; e++)
-      this.contents[e].type === 2 && this.contents.length > 1 && (m.error(
+      this.contents[e].type === 2 && this.contents.length > 1 && (p.error(
         "[Haori]",
         "Raw expressions are not allowed in multi-content expressions."
       ), this.contents[e].type = 1);
@@ -2686,7 +2686,7 @@ const Z = class Z {
       try {
         if (r(c)) {
           const d = J.measure(
-            () => W.evaluateDetailed(c.text, e)
+            () => Y.evaluateDetailed(c.text, e)
           ), f = d.value;
           a += d.durationMs, n.push({
             expression: c.text,
@@ -2695,7 +2695,7 @@ const Z = class Z {
         } else
           s.push(c.text);
       } catch (d) {
-        m.error(
+        p.error(
           "[Haori]",
           `Error evaluating ${i} expression: ${c.text}`,
           d
@@ -2758,7 +2758,7 @@ const _ = class _ extends j {
       (i) => this.forceEvaluation && i.type === 0 || i.type === 1 || i.type === 2,
       "attribute"
     );
-    return this.forceEvaluation && r.results.length > 1 ? (m.error(
+    return this.forceEvaluation && r.results.length > 1 ? (p.error(
       "[Haori]",
       "each or if expressions must have a single content.",
       r.results
@@ -2869,6 +2869,20 @@ class R {
       reason: i
     });
   }
+  /**
+   * bindcompleteイベントを発火します。
+   *
+   * Procedure（data-*-bind / data-*-bind-arg など）によるバインドと、それに伴う
+   * 対象要素配下の再評価（data-if / data-each 等）が完了したタイミングで発火します。
+   * 外部スクリプトがバインド完了を契機に同期処理を行うために利用できます。
+   *
+   * @param target バインド対象要素
+   * @param bindArg バインド時に使用したネストキー（指定がない場合は null）
+   * @param reason 変更理由
+   */
+  static bindComplete(e, t = null, r = "other") {
+    R.dispatch(e, "bindcomplete", { bindArg: t, reason: r });
+  }
   /**
    * eachupdateイベントを発火します。
    *
@@ -3046,7 +3060,7 @@ const h = class h {
    * 非イベント変種が "data-fetch-xxx" として存在するものについては、event が null の場合にそちらを返します。
    */
   static attrName(e, t, r = !1) {
-    return e ? `${l.prefix}${e}-${t}` : r ? `${l.prefix}fetch-${t}` : `${l.prefix}${t}`;
+    return e ? `${u.prefix}${e}-${t}` : r ? `${u.prefix}fetch-${t}` : `${u.prefix}${t}`;
   }
   /**
    * data 属性のテンプレート式評価結果を URLSearchParams 向けに組み立てます。
@@ -3070,7 +3084,7 @@ const h = class h {
     return { value: e.replace(
       h.DATA_PLACEHOLDER_REGEX,
       (s, n, a) => {
-        const o = W.evaluateDetailed(
+        const o = Y.evaluateDetailed(
           n ?? a ?? "",
           t
         );
@@ -3150,7 +3164,7 @@ const h = class h {
     return { value: e.replace(
       h.DATA_PLACEHOLDER_REGEX,
       (s, n, a, o) => {
-        const c = W.evaluateDetailed(
+        const c = Y.evaluateDetailed(
           n ?? a ?? "",
           t
         );
@@ -3187,7 +3201,7 @@ const h = class h {
     const a = r.trim();
     if (h.SINGLE_PLACEHOLDER_REGEX.test(a))
       return {
-        value: x.parseDataBind(s),
+        value: P.parseDataBind(s),
         hasUnresolvedReference: n
       };
     if (a.startsWith("{") || a.startsWith("[")) {
@@ -3196,7 +3210,7 @@ const h = class h {
         e.getBindingData()
       );
       return {
-        value: x.parseDataBind(c.value),
+        value: P.parseDataBind(c.value),
         hasUnresolvedReference: n || c.hasUnresolvedReference
       };
     }
@@ -3205,7 +3219,7 @@ const h = class h {
       e.getBindingData()
     );
     return {
-      value: x.parseDataBind(o.value),
+      value: P.parseDataBind(o.value),
       hasUnresolvedReference: n || o.hasUnresolvedReference
     };
   }
@@ -3223,23 +3237,23 @@ const h = class h {
     if (t) {
       if (e.hasAttribute(h.attrName(t, "validate")) && (r.valid = !0), e.hasAttribute(h.attrName(t, "confirm")) && (r.confirmMessage = e.getAttribute(h.attrName(t, "confirm")).replace(/\\n/g, `
 `)), e.hasAttribute(h.attrName(t, "data")) && (r.dataAttrName = h.attrName(t, "data")), e.hasAttribute(h.attrName(t, "form"))) {
-        const p = e.getRawAttribute(
+        const m = e.getRawAttribute(
           h.attrName(t, "form")
         );
-        if (p) {
-          const g = document.body.querySelector(p);
-          g !== null ? r.formFragment = E.getFormFragment(
-            w.get(g)
-          ) : m.error(
+        if (m) {
+          const b = document.body.querySelector(m);
+          b !== null ? r.formFragment = A.getFormFragment(
+            w.get(b)
+          ) : p.error(
             "Haori",
-            `Form element not found: ${p} (${h.attrName(t, "form")})`
+            `Form element not found: ${m} (${h.attrName(t, "form")})`
           );
         } else
-          r.formFragment = E.getFormFragment(e);
-      } else t === "change" && (r.formFragment = E.getFormFragment(e));
-      if (e.hasAttribute(`${l.prefix}${t}-before-run`)) {
-        const p = e.getRawAttribute(
-          `${l.prefix}${t}-before-run`
+          r.formFragment = A.getFormFragment(e);
+      } else t === "change" && (r.formFragment = A.getFormFragment(e));
+      if (e.hasAttribute(`${u.prefix}${t}-before-run`)) {
+        const m = e.getRawAttribute(
+          `${u.prefix}${t}-before-run`
         );
         try {
           r.beforeCallback = new Function(
@@ -3247,75 +3261,75 @@ const h = class h {
             "fetchOptions",
             `
 "use strict";
-${p}
+${m}
 `
           );
-        } catch (g) {
-          m.error("Haori", `Invalid before script: ${g}`);
+        } catch (b) {
+          p.error("Haori", `Invalid before script: ${b}`);
         }
       }
     }
     const i = h.attrName(t, "fetch"), s = e.hasAttribute(i);
     if (s) {
-      const p = e.getAttributeEvaluation(i);
-      p && (r.fetchHasUnresolvedReference = p.hasUnresolvedReference, r.fetchUrl = p.hasUnresolvedReference ? null : p.value);
+      const m = e.getAttributeEvaluation(i);
+      m && (r.fetchHasUnresolvedReference = m.hasUnresolvedReference, r.fetchUrl = m.hasUnresolvedReference ? null : m.value);
     }
     const n = {};
     if (t) {
-      const p = h.attrName(t, "fetch-method");
-      if (e.hasAttribute(p)) {
-        const g = e.getAttributeEvaluation(p);
-        g?.hasUnresolvedReference ? r.fetchHasUnresolvedReference = !0 : n.method = g?.value;
+      const m = h.attrName(t, "fetch-method");
+      if (e.hasAttribute(m)) {
+        const b = e.getAttributeEvaluation(m);
+        b?.hasUnresolvedReference ? r.fetchHasUnresolvedReference = !0 : n.method = b?.value;
       }
     } else {
-      const p = h.attrName(null, "method", !0);
-      if (e.hasAttribute(p)) {
-        const g = e.getAttributeEvaluation(
-          p
+      const m = h.attrName(null, "method", !0);
+      if (e.hasAttribute(m)) {
+        const b = e.getAttributeEvaluation(
+          m
         );
-        g?.hasUnresolvedReference ? r.fetchHasUnresolvedReference = !0 : n.method = g?.value;
+        b?.hasUnresolvedReference ? r.fetchHasUnresolvedReference = !0 : n.method = b?.value;
       }
     }
     if (t) {
-      const p = h.attrName(t, "fetch-headers");
-      if (e.hasAttribute(p)) {
-        const g = e.getRawAttribute(
-          p
+      const m = h.attrName(t, "fetch-headers");
+      if (e.hasAttribute(m)) {
+        const b = e.getRawAttribute(
+          m
         );
         try {
-          n.headers = x.parseDataBind(g);
-        } catch (D) {
-          m.error("Haori", `Invalid fetch headers: ${D}`);
+          n.headers = P.parseDataBind(b);
+        } catch (E) {
+          p.error("Haori", `Invalid fetch headers: ${E}`);
         }
       }
     } else {
-      const p = h.attrName(
+      const m = h.attrName(
         null,
         "headers",
         !0
       );
-      if (e.hasAttribute(p)) {
-        const g = e.getRawAttribute(
-          p
+      if (e.hasAttribute(m)) {
+        const b = e.getRawAttribute(
+          m
         );
         try {
-          n.headers = x.parseDataBind(g);
-        } catch (D) {
-          m.error("Haori", `Invalid fetch headers: ${D}`);
+          n.headers = P.parseDataBind(b);
+        } catch (E) {
+          p.error("Haori", `Invalid fetch headers: ${E}`);
         }
       }
     }
     if (t) {
-      const p = h.attrName(t, "fetch-content-type");
-      if (e.hasAttribute(p)) {
-        const g = e.getAttributeEvaluation(p);
-        g?.hasUnresolvedReference && (r.fetchHasUnresolvedReference = !0), n.headers = {
+      const m = h.attrName(t, "fetch-content-type");
+      if (e.hasAttribute(m)) {
+        const b = e.getAttributeEvaluation(m);
+        b?.hasUnresolvedReference && (r.fetchHasUnresolvedReference = !0), n.headers = {
           ...n.headers,
-          "Content-Type": g?.value
+          "Content-Type": b?.value
         };
       } else if (n.method && n.method !== "GET" && n.method !== "HEAD" && n.method !== "OPTIONS") {
-        let g = !1;
-        n.headers && typeof n.headers == "object" && (g = "Content-Type" in n.headers), g || (n.headers = {
+        let b = !1;
+        n.headers && typeof n.headers == "object" && (b = "Content-Type" in n.headers), b || (n.headers = {
           ...n.headers,
           "Content-Type": "application/json"
         });
@@ -3324,20 +3338,20 @@ ${p}
         "Content-Type": "application/x-www-form-urlencoded"
       });
     } else {
-      const p = h.attrName(
+      const m = h.attrName(
         null,
         "content-type",
         !0
       );
-      if (e.hasAttribute(p)) {
-        const g = e.getAttributeEvaluation(p);
-        g?.hasUnresolvedReference && (r.fetchHasUnresolvedReference = !0), n.headers = {
+      if (e.hasAttribute(m)) {
+        const b = e.getAttributeEvaluation(m);
+        b?.hasUnresolvedReference && (r.fetchHasUnresolvedReference = !0), n.headers = {
           ...n.headers,
-          "Content-Type": g?.value
+          "Content-Type": b?.value
         };
       } else if (n.method && n.method !== "GET" && n.method !== "HEAD" && n.method !== "OPTIONS") {
-        let g = !1;
-        n.headers && typeof n.headers == "object" && (g = "Content-Type" in n.headers), g || (n.headers = {
+        let b = !1;
+        n.headers && typeof n.headers == "object" && (b = "Content-Type" in n.headers), b || (n.headers = {
           ...n.headers,
           "Content-Type": "application/json"
         });
@@ -3349,15 +3363,15 @@ ${p}
     Object.keys(n).length > 0 && (r.fetchOptions = n);
     const a = t ? h.attrName(t, "bind") : h.attrName(null, "bind", !0);
     if (e.hasAttribute(a)) {
-      const p = e.getRawAttribute(a);
-      if (p) {
-        const g = document.body.querySelectorAll(p);
-        g.length > 0 ? (r.bindFragments = [], g.forEach((D) => {
-          const A = w.get(D);
-          A && r.bindFragments.push(A);
-        })) : m.error(
+      const m = e.getRawAttribute(a);
+      if (m) {
+        const b = document.body.querySelectorAll(m);
+        b.length > 0 ? (r.bindFragments = [], b.forEach((E) => {
+          const v = w.get(E);
+          v && r.bindFragments.push(v);
+        })) : p.error(
           "Haori",
-          `Bind element not found: ${p} (${a})`
+          `Bind element not found: ${m} (${a})`
         );
       }
     }
@@ -3375,55 +3389,57 @@ ${p}
     ) : e.hasAttribute(d) && (r.bindArg = e.getRawAttribute(d));
     const f = t ? h.attrName(t, "bind-params") : h.attrName(null, "bind-params", !0);
     if (e.hasAttribute(f)) {
-      const p = e.getRawAttribute(f);
-      r.bindParams = p.split("&").map((g) => g.trim());
+      const m = e.getRawAttribute(f);
+      r.bindParams = m.split("&").map((b) => b.trim());
     }
-    const b = t ? h.attrName(t, "bind-append") : h.attrName(null, "bind-append", !0);
-    if (e.hasAttribute(b)) {
-      const p = e.getRawAttribute(b);
-      r.bindAppendParams = p.split("&").map((g) => g.trim()).filter(Boolean);
+    const g = t ? h.attrName(t, "bind-append") : h.attrName(null, "bind-append", !0);
+    if (e.hasAttribute(g)) {
+      const m = e.getRawAttribute(g);
+      r.bindAppendParams = m.split("&").map((b) => b.trim()).filter(Boolean);
     }
-    const v = t ? h.attrName(t, "copy-params") : null;
-    if (v && e.hasAttribute(v)) {
-      const p = e.getRawAttribute(v);
-      r.copyParams = p.split("&").map((g) => g.trim()).filter(Boolean);
+    const y = t ? h.attrName(t, "bind-merge") : h.attrName(null, "bind-merge", !0);
+    e.hasAttribute(y) && (r.bindMerge = !0);
+    const T = t ? h.attrName(t, "copy-params") : null;
+    if (T && e.hasAttribute(T)) {
+      const m = e.getRawAttribute(T);
+      r.copyParams = m.split("&").map((b) => b.trim()).filter(Boolean);
     }
     if (t) {
       if (e.hasAttribute(h.attrName(t, "adjust"))) {
-        const g = e.getRawAttribute(
+        const E = e.getRawAttribute(
           h.attrName(t, "adjust")
         );
-        if (g) {
-          const D = document.body.querySelectorAll(g);
-          D.length > 0 ? (r.adjustFragments = [], D.forEach((A) => {
-            const y = w.get(A);
-            y && r.adjustFragments.push(y);
-          })) : m.error(
+        if (E) {
+          const v = document.body.querySelectorAll(E);
+          v.length > 0 ? (r.adjustFragments = [], v.forEach((F) => {
+            const x = w.get(F);
+            x && r.adjustFragments.push(x);
+          })) : p.error(
             "Haori",
-            `Adjust element not found: ${g} (${h.attrName(t, "adjust")})`
+            `Adjust element not found: ${E} (${h.attrName(t, "adjust")})`
           );
         }
         if (e.hasAttribute(h.attrName(t, "adjust-value"))) {
-          const D = e.getRawAttribute(
+          const v = e.getRawAttribute(
             h.attrName(t, "adjust-value")
-          ), A = Number(D);
-          isNaN(A) || (r.adjustValue = A);
+          ), F = Number(v);
+          isNaN(F) || (r.adjustValue = F);
         }
       }
-      if (e.hasAttribute(h.attrName(t, "row-add")) && (r.rowAdd = !0), e.hasAttribute(h.attrName(t, "row-remove")) && (r.rowRemove = !0), e.hasAttribute(h.attrName(t, "row-prev")) && (r.rowMovePrev = !0), e.hasAttribute(h.attrName(t, "row-next")) && (r.rowMoveNext = !0), e.hasAttribute(`${l.prefix}${t}-after-run`)) {
-        const g = e.getRawAttribute(
-          `${l.prefix}${t}-after-run`
+      if (e.hasAttribute(h.attrName(t, "row-add")) && (r.rowAdd = !0), e.hasAttribute(h.attrName(t, "row-remove")) && (r.rowRemove = !0), e.hasAttribute(h.attrName(t, "row-prev")) && (r.rowMovePrev = !0), e.hasAttribute(h.attrName(t, "row-next")) && (r.rowMoveNext = !0), e.hasAttribute(`${u.prefix}${t}-after-run`)) {
+        const E = e.getRawAttribute(
+          `${u.prefix}${t}-after-run`
         );
         try {
           r.afterCallback = new Function(
             "response",
             `
 "use strict";
-${g}
+${E}
 `
           );
-        } catch (D) {
-          m.error("Haori", `Invalid after script: ${D}`);
+        } catch (v) {
+          p.error("Haori", `Invalid after script: ${v}`);
         }
       }
       if (e.hasAttribute(h.attrName(t, "dialog")) && (r.dialogMessage = e.getAttribute(h.attrName(t, "dialog")).replace(/\\n/g, `
@@ -3431,10 +3447,10 @@ ${g}
         r.toastMessage = e.getAttribute(
           h.attrName(t, "toast")
         );
-        const g = e.getRawAttribute(
+        const E = e.getRawAttribute(
           h.attrName(t, "toast-level")
-        ), A = ["info", "warning", "error", "success"].includes(g);
-        r.toastLevel = A ? g : null;
+        ), F = ["info", "warning", "error", "success"].includes(E);
+        r.toastLevel = F ? E : null;
       }
       if (e.hasAttribute(h.attrName(t, "redirect")) && (r.redirectUrl = e.getAttribute(
         h.attrName(t, "redirect")
@@ -3443,19 +3459,19 @@ ${g}
       )), e.hasAttribute(h.attrName(t, "history")) && (r.historyUrl = e.getAttribute(
         h.attrName(t, "history")
       )), e.hasAttribute(h.attrName(t, "history-data")) && (r.historyDataAttrName = h.attrName(t, "history-data")), e.hasAttribute(h.attrName(t, "history-form"))) {
-        const g = e.getRawAttribute(
+        const E = e.getRawAttribute(
           h.attrName(t, "history-form")
         );
-        if (g) {
-          const D = document.body.querySelector(g);
-          D !== null ? r.historyFormFragment = E.getFormFragment(
-            w.get(D)
-          ) : m.error(
+        if (E) {
+          const v = document.body.querySelector(E);
+          v !== null ? r.historyFormFragment = A.getFormFragment(
+            w.get(v)
+          ) : p.error(
             "Haori",
-            `Form element not found: ${g} (${h.attrName(t, "history-form")})`
+            `Form element not found: ${E} (${h.attrName(t, "history-form")})`
           );
         } else
-          r.historyFormFragment = E.getFormFragment(e);
+          r.historyFormFragment = A.getFormFragment(e);
       }
       [
         "reset-before",
@@ -3465,54 +3481,75 @@ ${g}
         "copy",
         "open",
         "close"
-      ].forEach((g) => {
-        const D = h.attrName(t, g);
-        if (!e.hasAttribute(D))
+      ].forEach((E) => {
+        const v = h.attrName(t, E);
+        if (!e.hasAttribute(v))
           return;
-        const A = e.getRawAttribute(D), y = [];
-        if (A ? (document.body.querySelectorAll(A).forEach((k) => {
-          const B = w.get(k);
-          B && y.push(B);
-        }), y.length === 0 && m.error("Haori", `Element not found: ${A} (${D})`)) : y.push(e), y.length > 0)
-          switch (g) {
+        const F = e.getRawAttribute(v), x = [];
+        if (F ? (document.body.querySelectorAll(F).forEach((B) => {
+          const K = w.get(B);
+          K && x.push(K);
+        }), x.length === 0 && p.error("Haori", `Element not found: ${F} (${v})`)) : x.push(e), x.length > 0)
+          switch (E) {
             case "reset-before":
-              r.resetBeforeFragments = y;
+              r.resetBeforeFragments = x;
               break;
             case "reset":
-              r.resetFragments = y;
+              r.resetFragments = x;
               break;
             case "refetch":
-              r.refetchFragments = y;
+              r.refetchFragments = x;
               break;
             case "click":
-              r.clickFragments = y;
+              r.clickFragments = x;
               break;
             case "copy":
-              r.copyFragments = y;
+              r.copyFragments = x;
               break;
             case "open":
-              r.openFragments = y;
+              r.openFragments = x;
               break;
             case "close":
-              r.closeFragments = y;
+              r.closeFragments = x;
               break;
           }
       });
+      const b = h.attrName(t, "copy-source");
+      if (e.hasAttribute(b)) {
+        const E = e.getRawAttribute(
+          b
+        );
+        if (E) {
+          const v = document.body.querySelector(E);
+          if (v !== null) {
+            const F = w.get(v);
+            F ? r.copySourceFragment = F : p.error(
+              "Haori",
+              `Element is not managed by Haori: ${E} (${b})`
+            );
+          } else
+            p.error(
+              "Haori",
+              `Element not found: ${E} (${b})`
+            );
+        } else
+          r.copySourceFragment = e;
+      }
     }
     if (!t && (e.hasAttribute(h.attrName(null, "data", !0)) && (r.dataAttrName = h.attrName(null, "data", !0)), e.hasAttribute(h.attrName(null, "form", !0)))) {
-      const p = e.getRawAttribute(
+      const m = e.getRawAttribute(
         h.attrName(null, "form", !0)
       );
-      if (p) {
-        const g = document.body.querySelector(p);
-        g !== null ? r.formFragment = E.getFormFragment(
-          w.get(g)
-        ) : m.error(
+      if (m) {
+        const b = document.body.querySelector(m);
+        b !== null ? r.formFragment = A.getFormFragment(
+          w.get(b)
+        ) : p.error(
           "Haori",
-          `Form element not found: ${p} (${h.attrName(null, "fetch-form", !0)})`
+          `Form element not found: ${m} (${h.attrName(null, "fetch-form", !0)})`
         );
       } else
-        r.formFragment = E.getFormFragment(e);
+        r.formFragment = A.getFormFragment(e);
     }
     return s && (!r.bindFragments || r.bindFragments.length === 0) && (r.bindFragments = [e]), r;
   }
@@ -3577,7 +3614,7 @@ ${g}
         return !1;
       this.options.resetBeforeFragments && this.options.resetBeforeFragments.length > 0 && (await Promise.all(
         this.options.resetBeforeFragments.map(
-          (d) => E.reset(d)
+          (d) => A.reset(d)
         )
       ), this.captureHistorySnapshots());
       const r = this.prepareFetchRequest(), i = r.payload;
@@ -3595,48 +3632,48 @@ ${g}
       }
       const a = Object.keys(i).length > 0;
       if (s) {
-        const d = { ...n || {} }, f = r.requestedMethod, b = r.effectiveMethod, v = r.transportMode === "query-get", p = r.queryString;
-        if (v && m.info("Haori demo fetch normalization", {
-          runtime: l.runtime,
+        const d = { ...n || {} }, f = r.requestedMethod, g = r.effectiveMethod, y = r.transportMode === "query-get", T = r.queryString;
+        if (y && p.info("Haori demo fetch normalization", {
+          runtime: u.runtime,
           requestedMethod: f,
-          effectiveMethod: b,
+          effectiveMethod: g,
           transportMode: "query-get",
           url: s,
           payload: a ? i : void 0,
-          queryString: p
+          queryString: T
         }), this.options.targetFragment && s) {
-          const g = performance.now(), D = {
-            runtime: l.runtime,
+          const m = performance.now(), b = {
+            runtime: u.runtime,
             requestedMethod: f,
-            effectiveMethod: b,
-            transportMode: v ? "query-get" : "http",
-            ...v ? { queryString: p } : {}
+            effectiveMethod: g,
+            transportMode: y ? "query-get" : "http",
+            ...y ? { queryString: T } : {}
           };
           return R.fetchStart(
             this.options.targetFragment.getTarget(),
             s,
             d,
             a ? i : void 0,
-            D
-          ), fetch(s, d).then((A) => this.handleFetchResult(
-            A,
+            b
+          ), fetch(s, d).then((E) => this.handleFetchResult(
+            E,
             s || void 0,
-            g
-          )).catch((A) => {
+            m
+          )).catch((E) => {
             throw s && R.fetchError(
               this.options.targetFragment.getTarget(),
               s,
-              A
-            ), A;
+              E
+            ), E;
           });
         }
-        return fetch(s, d).then((g) => this.handleFetchResult(g, s || void 0));
+        return fetch(s, d).then((m) => this.handleFetchResult(m, s || void 0));
       }
       if ((!this.options.bindFragments || this.options.bindFragments.length === 0) && this.options.formFragment && a) {
-        const d = this.options.formFragment, f = d.getTarget(), b = /* @__PURE__ */ new Set();
-        e && e.appliedDisabledAttribute && this.options.targetFragment && b.add(this.options.targetFragment), f.setAttribute(`${l.prefix}bind`, JSON.stringify(i));
-        const v = d.getBindingData();
-        Object.assign(v, i), await x.setBindingData(f, v, b);
+        const d = this.options.formFragment, f = d.getTarget(), g = /* @__PURE__ */ new Set();
+        e && e.appliedDisabledAttribute && this.options.targetFragment && g.add(this.options.targetFragment), f.setAttribute(`${u.prefix}bind`, JSON.stringify(i));
+        const y = d.getBindingData();
+        Object.assign(y, i), await P.setBindingData(f, y, g);
       }
       const o = a ? i : {}, c = new Response(JSON.stringify(o), {
         headers: { "Content-Type": "application/json" }
@@ -3697,22 +3734,25 @@ ${g}
     }
     const s = [];
     s.push(this.bindResult(e)), s.push(this.adjust()), s.push(this.addRow()), s.push(this.removeRow()), s.push(this.movePrevRow()), s.push(this.moveNextRow()), await Promise.all(s), this.options.resetFragments && this.options.resetFragments.length > 0 && await Promise.all(
-      this.options.resetFragments.map((a) => E.reset(a))
+      this.options.resetFragments.map((a) => A.reset(a))
     ), await this.copy();
     const n = [];
-    return this.options.refetchFragments && this.options.refetchFragments.length > 0 && this.options.refetchFragments.forEach((a) => {
+    if (this.options.refetchFragments && this.options.refetchFragments.length > 0 && this.options.refetchFragments.forEach((a) => {
       n.push(new h(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(
-        new MouseEvent("click", { bubbles: !0, cancelable: !0 })
-      );
-    }), this.options.openFragments && this.options.openFragments.length > 0 && this.options.openFragments.forEach((a) => {
+    }), this.options.clickFragments && this.options.clickFragments.length > 0)
+      for (const a of this.options.clickFragments) {
+        await P.evaluateAll(a);
+        const o = a.getTarget();
+        typeof o.click == "function" ? o.click() : o.dispatchEvent(
+          new MouseEvent("click", { bubbles: !0, cancelable: !0 })
+        );
+      }
+    return this.options.openFragments && this.options.openFragments.length > 0 && this.options.openFragments.forEach((a) => {
       const o = a.getTarget();
-      o instanceof HTMLElement ? n.push(i.openDialog(o)) : m.error("Haori", "Element is not an HTML element: ", o);
+      o instanceof HTMLElement ? n.push(i.openDialog(o)) : p.error("Haori", "Element is not an HTML element: ", o);
     }), this.options.closeFragments && this.options.closeFragments.length > 0 && this.options.closeFragments.forEach((a) => {
       const o = a.getTarget();
-      o instanceof HTMLElement ? n.push(i.closeDialog(o)) : m.error("Haori", "Element is not an HTML element: ", o);
+      o instanceof HTMLElement ? n.push(i.closeDialog(o)) : p.error("Haori", "Element is not an HTML element: ", o);
     }), await Promise.all(n), this.options.dialogMessage && await i.dialog(this.options.dialogMessage), this.options.toastMessage && await i.toast(
       this.options.toastMessage,
       this.options.toastLevel ?? "info"
@@ -3732,12 +3772,12 @@ ${g}
         const n = e ? this.options.historyUrl : window.location.pathname, a = new URL(n, window.location.href);
         if (a.origin !== window.location.origin) {
           const c = "history.pushState: cross-origin URL is not allowed: " + a.toString();
-          m.error("Haori", c);
+          p.error("Haori", c);
           return;
         }
         const o = (c) => {
           for (const [d, f] of Object.entries(c))
-            f != null && (Array.isArray(f) ? f.forEach((b) => a.searchParams.append(d, String(b))) : typeof f == "object" ? a.searchParams.set(d, JSON.stringify(f)) : a.searchParams.set(d, String(f)));
+            f != null && (Array.isArray(f) ? f.forEach((g) => a.searchParams.append(d, String(g))) : typeof f == "object" ? a.searchParams.set(d, JSON.stringify(f)) : a.searchParams.set(d, String(f)));
         };
         i && o(t), s && o(r), history.pushState(
           { [ge]: !0 },
@@ -3745,7 +3785,7 @@ ${g}
           a.toString()
         );
       } catch (n) {
-        m.error("Haori", `history.pushState failed: ${n}`);
+        p.error("Haori", `history.pushState failed: ${n}`);
       }
   }
   /**
@@ -3753,7 +3793,7 @@ ${g}
    */
   async handleFetchError(e) {
     let t = null;
-    this.options.formFragment ? t = this.options.formFragment : this.options.targetFragment && (t = E.getFormFragment(this.options.targetFragment) || this.options.targetFragment);
+    this.options.formFragment ? t = this.options.formFragment : this.options.targetFragment && (t = A.getFormFragment(this.options.targetFragment) || this.options.targetFragment);
     const r = async (n) => {
       const a = t ? t.getTarget() : document.body;
       await ie().addErrorMessage(a, n);
@@ -3782,7 +3822,7 @@ ${g}
         if (a.length === 0)
           return await r(`${e.status} ${e.statusText}`), i(), !1;
         for (const o of a)
-          o.key && t ? await E.addErrorMessage(t, o.key, o.message) : await r(o.message);
+          o.key && t ? await A.addErrorMessage(t, o.key, o.message) : await r(o.message);
         return i(), !1;
       } catch {
       }
@@ -3869,24 +3909,26 @@ ${g}
             );
           } else
             n[a] = r;
-          i.push(x.setBindingData(s.getTarget(), n));
+          i.push(P.setBindingData(s.getTarget(), n));
         });
       else {
         if (typeof r == "string")
-          return m.error("Haori", "string data cannot be bound without a bindArg."), Promise.reject(
+          return p.error("Haori", "string data cannot be bound without a bindArg."), Promise.reject(
             new Error("string data cannot be bound without a bindArg.")
           );
         this.options.bindFragments.forEach((s) => {
           const n = this.mergeAppendBindingData(
             s,
             r
-          );
-          i.push(
-            x.setBindingData(s.getTarget(), n)
-          );
+          ), a = this.options.bindMerge ? { ...s.getRawBindingData() ?? {}, ...n } : n;
+          i.push(P.setBindingData(s.getTarget(), a));
         });
       }
       return Promise.all(i).then(() => {
+        const s = this.options.bindArg ?? null;
+        this.options.bindFragments.forEach((n) => {
+          R.bindComplete(n.getTarget(), s);
+        });
       });
     });
   }
@@ -3914,7 +3956,7 @@ ${g}
         ...i.getBindingData(),
         ...t
       };
-      return x.setBindingData(i.getTarget(), s);
+      return P.setBindingData(i.getTarget(), s);
     });
     return Promise.all(r).then(() => {
     });
@@ -3923,7 +3965,7 @@ ${g}
    * copy のコピー元データを取得します。
    */
   resolveCopySourceData() {
-    return this.options.formFragment ? E.getValues(this.options.formFragment) : this.options.targetFragment ? { ...this.options.targetFragment.getBindingData() } : {};
+    return this.options.copySourceFragment ? this.options.copySourceFragment.getTarget().tagName === "FORM" ? A.getValues(this.options.copySourceFragment) : { ...this.options.copySourceFragment.getBindingData() } : this.options.formFragment ? A.getValues(this.options.formFragment) : this.options.targetFragment ? { ...this.options.targetFragment.getBindingData() } : {};
   }
   /**
    * data 属性とフォーム値を統合した送信データを作成します。
@@ -3941,7 +3983,7 @@ ${g}
   buildPayloadResolution() {
     const e = {};
     let t = !1;
-    if (this.options.formFragment && Object.assign(e, E.getValues(this.options.formFragment)), this.options.data && typeof this.options.data == "object" && Object.assign(e, this.options.data), this.options.targetFragment && this.options.dataAttrName) {
+    if (this.options.formFragment && Object.assign(e, A.getValues(this.options.formFragment)), this.options.data && typeof this.options.data == "object" && Object.assign(e, this.options.data), this.options.targetFragment && this.options.dataAttrName) {
       const r = h.resolveDataAttributeDetailed(
         this.options.targetFragment,
         this.options.dataAttrName
@@ -3983,22 +4025,22 @@ ${g}
     let i = this.options.fetchUrl;
     const s = { ...this.options.fetchOptions || {} }, n = new Headers(
       s.headers || void 0
-    ), a = (s.method || "GET").toUpperCase(), o = l.runtime === "demo" && !be(a), c = o ? "GET" : a;
+    ), a = (s.method || "GET").toUpperCase(), o = u.runtime === "demo" && !be(a), c = o ? "GET" : a;
     if (s.method = c, c === "GET" || c === "HEAD" || c === "OPTIONS")
       Object.keys(t).length > 0 && (i = ye(i, t));
     else if (Object.keys(t).length > 0) {
       const f = n.get("Content-Type") || "";
       if (/multipart\/form-data/i.test(f)) {
         n.delete("Content-Type");
-        const b = new FormData();
-        for (const [v, p] of Object.entries(t))
-          p == null ? b.append(v, "") : p instanceof Blob ? b.append(v, p) : Array.isArray(p) ? p.forEach((g) => b.append(v, String(g))) : typeof p == "object" ? b.append(v, JSON.stringify(p)) : b.append(v, String(p));
-        s.body = b;
+        const g = new FormData();
+        for (const [y, T] of Object.entries(t))
+          T == null ? g.append(y, "") : T instanceof Blob ? g.append(y, T) : Array.isArray(T) ? T.forEach((m) => g.append(y, String(m))) : typeof T == "object" ? g.append(y, JSON.stringify(T)) : g.append(y, String(T));
+        s.body = g;
       } else if (/application\/x-www-form-urlencoded/i.test(f)) {
-        const b = new URLSearchParams();
-        for (const [v, p] of Object.entries(t))
-          p !== void 0 && (p === null ? b.append(v, "") : Array.isArray(p) ? p.forEach((g) => b.append(v, String(g))) : typeof p == "object" ? b.append(v, JSON.stringify(p)) : b.append(v, String(p)));
-        s.body = b;
+        const g = new URLSearchParams();
+        for (const [y, T] of Object.entries(t))
+          T !== void 0 && (T === null ? g.append(y, "") : Array.isArray(T) ? T.forEach((m) => g.append(y, String(m))) : typeof T == "object" ? g.append(y, JSON.stringify(T)) : g.append(y, String(T)));
+        s.body = g;
       } else
         n.set("Content-Type", "application/json"), s.body = JSON.stringify(t);
     }
@@ -4023,7 +4065,7 @@ ${g}
     this.options.targetFragment && this.options.historyDataAttrName ? this.historyDataSnapshot = h.resolveDataAttribute(
       this.options.targetFragment,
       this.options.historyDataAttrName
-    ) : this.historyDataSnapshot = void 0, this.historyFormSnapshot = this.options.historyFormFragment ? E.getValues(this.options.historyFormFragment) : void 0;
+    ) : this.historyDataSnapshot = void 0, this.historyFormSnapshot = this.options.historyFormFragment ? A.getValues(this.options.historyFormFragment) : void 0;
   }
   /**
    * history-data の評価値を取得します。
@@ -4045,7 +4087,7 @@ ${g}
     if (this.historyFormSnapshot !== void 0)
       return this.historyFormSnapshot;
     if (this.options.historyFormFragment)
-      return E.getValues(this.options.historyFormFragment);
+      return A.getValues(this.options.historyFormFragment);
   }
   /**
    * copy-params が指定されている場合は include / exclude を考慮して抽出します。
@@ -4093,11 +4135,11 @@ ${g}
    */
   getRowFragment() {
     if (!this.options.targetFragment)
-      return m.error("Haori", "Target fragment is not specified for row operation."), null;
+      return p.error("Haori", "Target fragment is not specified for row operation."), null;
     const e = this.options.targetFragment.closestByAttribute(
-      `${l.prefix}row`
+      `${u.prefix}row`
     );
-    return e || (m.error("Haori", "Row fragment not found."), null);
+    return e || (p.error("Haori", "Row fragment not found."), null);
   }
   /**
    * 行を追加します。
@@ -4113,7 +4155,7 @@ ${g}
     const t = [], r = e.clone();
     return t.push(
       e.getParent().insertAfter(r, e)
-    ), t.push(x.evaluateAll(r)), t.push(E.reset(r)), Promise.all(t).then(() => {
+    ), t.push(P.evaluateAll(r)), t.push(A.reset(r)), Promise.all(t).then(() => {
     });
   }
   /**
@@ -4128,7 +4170,7 @@ ${g}
     if (!e)
       return Promise.reject(new Error("Row fragment not found."));
     const t = e.getParent();
-    return t && t.getChildElementFragments().filter((i) => !i.hasAttribute(`${l.prefix}each-before`) && !i.hasAttribute(`${l.prefix}each-after`)).length <= 1 ? Promise.resolve() : e.remove();
+    return t && t.getChildElementFragments().filter((i) => !i.hasAttribute(`${u.prefix}each-before`) && !i.hasAttribute(`${u.prefix}each-after`)).length <= 1 ? Promise.resolve() : e.remove();
   }
   /**
    * 前の行へ移動します。
@@ -4166,7 +4208,7 @@ ${g}
   }
 };
 h.DATA_PLACEHOLDER_REGEX = /\{\{\{([\s\S]+?)\}\}\}|\{\{([\s\S]+?)\}\}/g, h.SINGLE_PLACEHOLDER_REGEX = /^(\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\})$/, h.RUNNING_CLICK_TARGETS = /* @__PURE__ */ new WeakSet();
-let z = h;
+let q = h;
 class Se {
   /**
    * URLのクエリパラメータを取得します。
@@ -4180,7 +4222,7 @@ class Se {
     }), e;
   }
 }
-class De {
+class Te {
   /**
    * 指定URLから HTML を取得し、body 内の HTML 文字列を返します。
    *
@@ -4198,27 +4240,27 @@ class De {
     try {
       r = await fetch(e, t);
     } catch (s) {
-      throw m.error("[Haori]", "Failed to fetch import source:", e, s), new Error(`Failed to fetch: ${e}`);
+      throw p.error("[Haori]", "Failed to fetch import source:", e, s), new Error(`Failed to fetch: ${e}`);
     }
     if (!r.ok) {
       const s = `${r.status} ${r.statusText}`;
-      throw m.error("[Haori]", "Import HTTP error:", e, s), new Error(`Failed to load ${e}: ${s}`);
+      throw p.error("[Haori]", "Import HTTP error:", e, s), new Error(`Failed to load ${e}: ${s}`);
     }
     let i;
     try {
       i = await r.text();
     } catch (s) {
-      throw m.error("[Haori]", "Failed to read response text:", e, s), new Error(`Failed to read response from: ${e}`);
+      throw p.error("[Haori]", "Failed to read response text:", e, s), new Error(`Failed to read response from: ${e}`);
     }
     try {
       const n = new DOMParser().parseFromString(i, "text/html");
-      return n && n.body ? n.body.innerHTML : (m.warn("[Haori]", "No body found in imported document:", e), i);
+      return n && n.body ? n.body.innerHTML : (p.warn("[Haori]", "No body found in imported document:", e), i);
     } catch (s) {
-      return m.error("[Haori]", "Failed to parse imported HTML:", e, s), i;
+      return p.error("[Haori]", "Failed to parse imported HTML:", e, s), i;
     }
   }
 }
-const u = class u {
+const l = class l {
   /**
    * 遅延属性かどうか（完全名で判定）を判定します。
    *
@@ -4226,8 +4268,8 @@ const u = class u {
    * @returns 遅延属性かどうか
    */
   static isDeferredAttributeName(e) {
-    return u.DEFERRED_ATTRIBUTE_SUFFIXES.some(
-      (t) => e === `${l.prefix}${t}`
+    return l.DEFERRED_ATTRIBUTE_SUFFIXES.some(
+      (t) => e === `${u.prefix}${t}`
     );
   }
   /**
@@ -4237,8 +4279,8 @@ const u = class u {
    * @returns 除外対象かどうか
    */
   static isEvaluateAllExcludedAttributeName(e) {
-    return u.EVALUATE_ALL_EXCLUDED_ATTRIBUTE_SUFFIXES.some(
-      (t) => e === `${l.prefix}${t}`
+    return l.EVALUATE_ALL_EXCLUDED_ATTRIBUTE_SUFFIXES.some(
+      (t) => e === `${u.prefix}${t}`
     );
   }
   /**
@@ -4249,7 +4291,7 @@ const u = class u {
    * @returns 再評価する場合は true
    */
   static shouldReevaluateAttribute(e, t) {
-    return t !== null && !u.isEvaluateAllExcludedAttributeName(e) && u.ATTRIBUTE_PLACEHOLDER_REGEX.test(t);
+    return t !== null && !l.isEvaluateAllExcludedAttributeName(e) && l.ATTRIBUTE_PLACEHOLDER_REGEX.test(t);
   }
   /**
    * data-attr-* 形式の属性名から実際に更新する属性名を取得します。
@@ -4258,7 +4300,7 @@ const u = class u {
    * @returns 実際の属性名。data-attr-* でない場合は null
    */
   static getAliasedAttributeName(e) {
-    const t = `${l.prefix}${u.ATTRIBUTE_ALIAS_SUFFIX}`;
+    const t = `${u.prefix}${l.ATTRIBUTE_ALIAS_SUFFIX}`;
     return !e.startsWith(t) || e.length <= t.length ? null : e.slice(t.length);
   }
   /**
@@ -4270,8 +4312,8 @@ const u = class u {
    */
   static isAliasedAttributeReflection(e, t) {
     const r = w.get(e);
-    return r instanceof M ? r.hasAttribute(
-      `${l.prefix}${u.ATTRIBUTE_ALIAS_SUFFIX}${t}`
+    return r instanceof C ? r.hasAttribute(
+      `${u.prefix}${l.ATTRIBUTE_ALIAS_SUFFIX}${t}`
     ) : !1;
   }
   /**
@@ -4285,8 +4327,8 @@ const u = class u {
     let t = Promise.resolve();
     for (const r of e.getAttributeNames()) {
       const i = e.getRawAttribute(r);
-      u.shouldReevaluateAttribute(r, i) && (t = t.then(
-        () => u.setAttribute(e.getTarget(), r, i)
+      l.shouldReevaluateAttribute(r, i) && (t = t.then(
+        () => l.setAttribute(e.getTarget(), r, i)
       ));
     }
     return t.then(() => {
@@ -4301,7 +4343,7 @@ const u = class u {
   static reevaluateChildren(e) {
     const t = [];
     return e.getChildren().forEach((r) => {
-      r instanceof M ? t.push(u.evaluateAll(r)) : r instanceof L && t.push(u.evaluateText(r));
+      r instanceof C ? t.push(l.evaluateAll(r)) : r instanceof H && t.push(l.evaluateText(r));
     }), Promise.all(t).then(() => {
     });
   }
@@ -4312,7 +4354,7 @@ const u = class u {
    * @returns 再評価状態
    */
   static getReactiveFetchState(e) {
-    const t = u.REACTIVE_FETCH_STATES.get(e);
+    const t = l.REACTIVE_FETCH_STATES.get(e);
     if (t)
       return t;
     const r = {
@@ -4320,7 +4362,7 @@ const u = class u {
       running: !1,
       rerunRequested: !1
     };
-    return u.REACTIVE_FETCH_STATES.set(e, r), r;
+    return l.REACTIVE_FETCH_STATES.set(e, r), r;
   }
   /**
    * data-import の再評価状態を取得します。
@@ -4329,7 +4371,7 @@ const u = class u {
    * @returns 再評価状態
    */
   static getReactiveImportState(e) {
-    const t = u.REACTIVE_IMPORT_STATES.get(e);
+    const t = l.REACTIVE_IMPORT_STATES.get(e);
     if (t)
       return t;
     const r = {
@@ -4337,7 +4379,7 @@ const u = class u {
       running: !1,
       rerunRequested: !1
     };
-    return u.REACTIVE_IMPORT_STATES.set(e, r), r;
+    return l.REACTIVE_IMPORT_STATES.set(e, r), r;
   }
   /**
    * bind 更新時に data-fetch / data-import を専用ルートで再評価します。
@@ -4350,9 +4392,9 @@ const u = class u {
     if (t.has(e))
       return Promise.resolve();
     const r = [];
-    return e.hasAttribute(`${l.prefix}fetch`) && r.push(u.executeManagedFetch(e)), e.hasAttribute(`${l.prefix}import`) && r.push(u.executeManagedImport(e)), e.getChildren().forEach((i) => {
-      i instanceof M && r.push(
-        u.reevaluateReactiveSpecialAttributes(i, t)
+    return e.hasAttribute(`${u.prefix}fetch`) && r.push(l.executeManagedFetch(e)), e.hasAttribute(`${u.prefix}import`) && r.push(l.executeManagedImport(e)), e.getChildren().forEach((i) => {
+      i instanceof C && r.push(
+        l.reevaluateReactiveSpecialAttributes(i, t)
       );
     }), Promise.all(r).then(() => {
     });
@@ -4364,11 +4406,11 @@ const u = class u {
    * @returns 実行完了の Promise
    */
   static executeManagedFetch(e) {
-    const t = e.getTarget(), r = u.getReactiveFetchState(t), i = z.resolveAutoFetchSignature(e);
-    return r.running ? ((i.hasUnresolvedReference || i.signature !== r.lastSignature) && (r.rerunRequested = !0), Promise.resolve()) : i.hasUnresolvedReference || i.signature === null ? (r.lastSignature = null, Promise.resolve()) : r.lastSignature === i.signature ? Promise.resolve() : (r.lastSignature = i.signature, r.running = !0, new z(e, null).runWithResult().then(() => {
+    const t = e.getTarget(), r = l.getReactiveFetchState(t), i = q.resolveAutoFetchSignature(e);
+    return r.running ? ((i.hasUnresolvedReference || i.signature !== r.lastSignature) && (r.rerunRequested = !0), Promise.resolve()) : i.hasUnresolvedReference || i.signature === null ? (r.lastSignature = null, Promise.resolve()) : r.lastSignature === i.signature ? Promise.resolve() : (r.lastSignature = i.signature, r.running = !0, new q(e, null).runWithResult().then(() => {
     }).finally(() => {
       if (r.running = !1, r.rerunRequested)
-        return r.rerunRequested = !1, u.executeManagedFetch(e);
+        return r.rerunRequested = !1, l.executeManagedFetch(e);
     }));
   }
   /**
@@ -4378,8 +4420,8 @@ const u = class u {
    * @returns 実行完了の Promise
    */
   static executeManagedImport(e) {
-    const t = e.getTarget(), r = u.getReactiveImportState(t), i = e.getAttributeEvaluation(
-      `${l.prefix}import`
+    const t = e.getTarget(), r = l.getReactiveImportState(t), i = e.getAttributeEvaluation(
+      `${u.prefix}import`
     ), s = i && !i.hasUnresolvedReference && typeof i.value == "string" && i.value !== "" ? i.value : null;
     if (r.running)
       return s !== r.lastUrl && (r.rerunRequested = !0), Promise.resolve();
@@ -4389,25 +4431,25 @@ const u = class u {
       return Promise.resolve();
     r.lastUrl = s, r.running = !0;
     const n = performance.now();
-    return t.setAttribute(`${l.prefix}importing`, ""), R.importStart(t, s), De.load(s).then((a) => {
+    return t.setAttribute(`${u.prefix}importing`, ""), R.importStart(t, s), Te.load(s).then((a) => {
       const o = new TextEncoder().encode(a).length;
-      return N.enqueue(() => {
+      return M.enqueue(() => {
         t.innerHTML = a;
       }).then(() => {
-        if (t.removeAttribute(`${l.prefix}importing`), R.importEnd(t, s, o, n), !document.body.hasAttribute("data-haori-ready")) {
+        if (t.removeAttribute(`${u.prefix}importing`), R.importEnd(t, s, o, n), !document.body.hasAttribute("data-haori-ready")) {
           const c = [];
           return t.childNodes.forEach((d) => {
             const f = w.get(d);
-            f instanceof M ? c.push(u.scan(f.getTarget())) : f instanceof L && c.push(u.evaluateText(f));
+            f instanceof C ? c.push(l.scan(f.getTarget())) : f instanceof H && c.push(l.evaluateText(f));
           }), Promise.all(c).then(() => {
           });
         }
       });
     }).catch((a) => {
-      t.removeAttribute(`${l.prefix}importing`), R.importError(t, s, a), m.error("[Haori]", "Failed to import HTML:", s, a);
+      t.removeAttribute(`${u.prefix}importing`), R.importError(t, s, a), p.error("[Haori]", "Failed to import HTML:", s, a);
     }).finally(() => {
       if (r.running = !1, r.rerunRequested)
-        return r.rerunRequested = !1, u.executeManagedImport(e);
+        return r.rerunRequested = !1, l.executeManagedImport(e);
     });
   }
   /**
@@ -4418,7 +4460,7 @@ const u = class u {
    */
   static scan(e) {
     const t = w.get(e);
-    return t ? u.initializeElementFragment(t, !1) : Promise.resolve();
+    return t ? l.initializeElementFragment(t, !1) : Promise.resolve();
   }
   /**
    * 新規 each 行を局所初期化します。
@@ -4428,8 +4470,8 @@ const u = class u {
    * @returns 初期化完了の Promise
    */
   static initializeFreshEachRow(e) {
-    return u.initializeElementFragment(e, !0).then(() => {
-      u.needsScheduledEvaluateAll(e) && u.scheduleEvaluateAll(e);
+    return l.initializeElementFragment(e, !0).then(() => {
+      l.needsScheduledEvaluateAll(e) && l.scheduleEvaluateAll(e);
     });
   }
   /**
@@ -4440,16 +4482,16 @@ const u = class u {
    * @returns 初期化完了の Promise
    */
   static initializeElementFragment(e, t) {
-    return u.syncMountedState(e), t && e.isFreshInitializationSkippable() ? Promise.resolve() : u.initializeElementAttributes(e).then(() => {
-      if (u.shouldSkipChildInitialization(e, t)) {
-        u.refreshDerivedSubtreeSignature(e);
+    return l.syncMountedState(e), t && e.isFreshInitializationSkippable() ? Promise.resolve() : l.initializeElementAttributes(e).then(() => {
+      if (l.shouldSkipChildInitialization(e, t)) {
+        l.refreshDerivedSubtreeSignature(e);
         return;
       }
       const r = [];
       return e.getChildren().forEach((i) => {
-        i instanceof M ? r.push(u.initializeElementFragment(i, t)) : i instanceof L && r.push(u.evaluateText(i));
+        i instanceof C ? r.push(l.initializeElementFragment(i, t)) : i instanceof H && r.push(l.evaluateText(i));
       }), Promise.all(r).then(() => {
-        u.refreshDerivedSubtreeSignature(e);
+        l.refreshDerivedSubtreeSignature(e);
       });
     });
   }
@@ -4479,10 +4521,10 @@ const u = class u {
   static initializeElementAttributes(e) {
     let t = Promise.resolve();
     const r = /* @__PURE__ */ new Set();
-    for (const i of u.PRIORITY_ATTRIBUTE_SUFFIXES) {
-      const s = l.prefix + i;
+    for (const i of l.PRIORITY_ATTRIBUTE_SUFFIXES) {
+      const s = u.prefix + i;
       e.hasAttribute(s) && (t = t.then(
-        () => u.setAttribute(
+        () => l.setAttribute(
           e.getTarget(),
           s,
           e.getRawAttribute(s)
@@ -4490,17 +4532,17 @@ const u = class u {
       ), r.add(s));
     }
     for (const i of e.getAttributeNames()) {
-      if (r.has(i) || u.isDeferredAttributeName(i))
+      if (r.has(i) || l.isDeferredAttributeName(i))
         continue;
       const s = e.getRawAttribute(i);
       s !== null && (t = t.then(
-        () => u.setAttribute(e.getTarget(), i, s)
+        () => l.setAttribute(e.getTarget(), i, s)
       ));
     }
-    for (const i of u.DEFERRED_ATTRIBUTE_SUFFIXES) {
-      const s = l.prefix + i;
+    for (const i of l.DEFERRED_ATTRIBUTE_SUFFIXES) {
+      const s = u.prefix + i;
       e.hasAttribute(s) && (t = t.then(
-        () => u.setAttribute(
+        () => l.setAttribute(
           e.getTarget(),
           s,
           e.getRawAttribute(s)
@@ -4518,8 +4560,8 @@ const u = class u {
    * @returns 子孫初期化をスキップするなら true
    */
   static shouldSkipChildInitialization(e, t) {
-    const r = e.getAttribute(`${l.prefix}if`);
-    return e.hasAttribute(`${l.prefix}if`) && (r === !1 || r === void 0 || r === null || Number.isNaN(r)) ? !0 : t && e.hasAttribute(`${l.prefix}each`);
+    const r = e.getAttribute(`${u.prefix}if`);
+    return e.hasAttribute(`${u.prefix}if`) && l.isHiddenIfCondition(r) ? !0 : t && e.hasAttribute(`${u.prefix}each`);
   }
   /**
    * エレメントに属性を設定します。
@@ -4531,7 +4573,7 @@ const u = class u {
    * @returns Promise (DOM操作が完了したときに解決される)
    */
   static setAttribute(e, t, r, i = !1) {
-    const s = w.get(e), n = u.getAliasedAttributeName(t);
+    const s = w.get(e), n = l.getAliasedAttributeName(t);
     if (n !== null)
       return r === null ? s.removeAliasedAttribute(t, n) : s.setAliasedAttribute(
         t,
@@ -4542,53 +4584,53 @@ const u = class u {
     const a = [];
     let o = null, c = null;
     switch (t) {
-      case `${l.prefix}bind`: {
-        r === null ? (s.clearBindingDataCache(), s.setBindingData({})) : s.setBindingData(u.parseDataBind(r));
+      case `${u.prefix}bind`: {
+        r === null ? (s.clearBindingDataCache(), s.setBindingData({})) : s.setBindingData(l.parseDataBind(r));
         break;
       }
-      case `${l.prefix}derive`:
-        c = u.createDeriveInputSignature(
+      case `${u.prefix}derive`:
+        c = l.createDeriveInputSignature(
           s,
           r,
-          s.getRawAttribute(`${l.prefix}derive-name`)
-        ), o = u.evaluateDerive(
+          s.getRawAttribute(`${u.prefix}derive-name`)
+        ), o = l.evaluateDerive(
           s,
           r,
-          s.getRawAttribute(`${l.prefix}derive-name`)
+          s.getRawAttribute(`${u.prefix}derive-name`)
         ), a.push(o.then(() => {
         }));
         break;
-      case `${l.prefix}derive-name`:
-        c = u.createDeriveInputSignature(
+      case `${u.prefix}derive-name`:
+        c = l.createDeriveInputSignature(
           s,
-          s.getRawAttribute(`${l.prefix}derive`),
+          s.getRawAttribute(`${u.prefix}derive`),
           r
-        ), o = u.evaluateDerive(
+        ), o = l.evaluateDerive(
           s,
-          s.getRawAttribute(`${l.prefix}derive`),
+          s.getRawAttribute(`${u.prefix}derive`),
           r
         ), a.push(o.then(() => {
         }));
         break;
-      case `${l.prefix}if`:
-        a.push(u.evaluateIf(s));
+      case `${u.prefix}if`:
+        a.push(l.evaluateIf(s));
         break;
-      case `${l.prefix}each`:
-        a.push(u.evaluateEach(s));
+      case `${u.prefix}each`:
+        a.push(l.evaluateEach(s));
         break;
-      case `${l.prefix}fetch`:
-        a.push(u.executeManagedFetch(s));
+      case `${u.prefix}fetch`:
+        a.push(l.executeManagedFetch(s));
         break;
-      case `${l.prefix}import`:
-        typeof r == "string" && a.push(u.executeManagedImport(s));
+      case `${u.prefix}import`:
+        typeof r == "string" && a.push(l.executeManagedImport(s));
         break;
-      case `${l.prefix}url-param`: {
-        const d = s.getAttribute(`${l.prefix}url-arg`), f = Se.readParams();
+      case `${u.prefix}url-param`: {
+        const d = s.getAttribute(`${u.prefix}url-arg`), f = Se.readParams();
         if (d === null)
-          a.push(u.setBindingData(e, f));
+          a.push(l.setBindingData(e, f));
         else {
-          const b = s.getRawBindingData() || {};
-          b[String(d)] = f, a.push(u.setBindingData(e, b));
+          const g = s.getRawBindingData() || {};
+          g[String(d)] = f, a.push(l.setBindingData(e, g));
         }
         break;
       }
@@ -4597,7 +4639,7 @@ const u = class u {
       if (o !== null)
         return s.setDeriveInputSignature(c), o.then((d) => {
           if (d)
-            return u.reevaluateChildren(s);
+            return l.reevaluateChildren(s);
         });
     }).then(() => {
     });
@@ -4614,15 +4656,15 @@ const u = class u {
     const i = w.get(e), s = i.getRawBindingData();
     i.setBindingData(t);
     let n = i.setAttribute(
-      `${l.prefix}bind`,
+      `${u.prefix}bind`,
       JSON.stringify(t)
     );
     if (e.tagName === "FORM") {
-      const a = i.getAttribute(`${l.prefix}form-arg`), o = a && t[String(a)] && typeof t[String(a)] == "object" && !Array.isArray(t[String(a)]) ? t[String(a)] : a ? {} : t;
-      n = n.then(() => E.syncValues(i, o));
+      const a = i.getAttribute(`${u.prefix}form-arg`), o = a && t[String(a)] && typeof t[String(a)] == "object" && !Array.isArray(t[String(a)]) ? t[String(a)] : a ? {} : t;
+      n = n.then(() => A.syncValues(i, o));
     }
-    return n = n.then(() => u.evaluateAll(i, r)), n = n.then(
-      () => u.reevaluateReactiveSpecialAttributes(i, r)
+    return n = n.then(() => l.evaluateAll(i, r)), n = n.then(
+      () => l.reevaluateReactiveSpecialAttributes(i, r)
     ), R.bindChange(e, s, t, "manual"), n.then(() => {
     });
   }
@@ -4637,7 +4679,7 @@ const u = class u {
       try {
         return JSON.parse(e);
       } catch (t) {
-        return m.error("[Haori]", "Invalid JSON in data-bind:", t), {};
+        return p.error("[Haori]", "Invalid JSON in data-bind:", t), {};
       }
     else {
       const t = new URLSearchParams(e), r = {};
@@ -4657,7 +4699,7 @@ const u = class u {
     if (r.isSkipMutationNodes())
       return;
     const i = w.get(t.nextSibling), s = w.get(t);
-    s && (r.insertBefore(s, i), s instanceof M ? u.scan(s.getTarget()) : s instanceof L && u.evaluateText(s));
+    s && (r.insertBefore(s, i), s instanceof C ? l.scan(s.getTarget()) : s instanceof H && l.evaluateText(s));
   }
   /**
    * ノードを親要素から削除します。
@@ -4697,11 +4739,11 @@ const u = class u {
       return Promise.resolve();
     const i = [];
     i.push(r.setValue(t));
-    const s = u.getFormFragment(r);
+    const s = l.getFormFragment(r);
     if (s) {
-      const n = E.getValues(s), a = s.getAttribute(`${l.prefix}form-arg`);
+      const n = A.getValues(s), a = s.getAttribute(`${u.prefix}form-arg`);
       let o;
-      a ? (o = s.getRawBindingData(), o || (o = {}), o[String(a)] = n) : o = n, i.push(u.setBindingData(s.getTarget(), o));
+      a ? (o = s.getRawBindingData(), o || (o = {}), o[String(a)] = n) : o = n, i.push(l.setBindingData(s.getTarget(), o));
     }
     return Promise.all(i).then(() => {
     });
@@ -4716,7 +4758,7 @@ const u = class u {
     if (e.getTarget() instanceof HTMLFormElement)
       return e;
     const t = e.getParent();
-    return t ? u.getFormFragment(t) : null;
+    return t ? l.getFormFragment(t) : null;
   }
   /**
    * フラグメントとその子要素を評価します。
@@ -4727,52 +4769,52 @@ const u = class u {
   static evaluateAll(e, t = /* @__PURE__ */ new Set()) {
     if (t.has(e))
       return Promise.resolve();
-    let r = u.reevaluateInterpolatedAttributes(e);
-    const i = e.hasAttribute(`${l.prefix}derive`), s = e.hasAttribute(`${l.prefix}if`), n = e.hasAttribute(`${l.prefix}each`), a = e.getRawAttribute(`${l.prefix}derive`), o = e.getRawAttribute(`${l.prefix}derive-name`);
+    let r = l.reevaluateInterpolatedAttributes(e);
+    const i = e.hasAttribute(`${u.prefix}derive`), s = e.hasAttribute(`${u.prefix}if`), n = e.hasAttribute(`${u.prefix}each`), a = e.getRawAttribute(`${u.prefix}derive`), o = e.getRawAttribute(`${u.prefix}derive-name`);
     let c = !1, d = !1, f = null;
     if (!i && e.getDeriveSubtreeSignature() !== null && e.setDeriveSubtreeSignature(null), !i && e.getDeriveInputSignature() !== null && e.setDeriveInputSignature(null), i) {
-      const b = u.createDeriveInputSignature(
+      const g = l.createDeriveInputSignature(
         e,
         a,
         o
       );
-      b === null ? (e.getDeriveInputSignature() !== null && e.setDeriveInputSignature(null), r = r.then(
-        () => u.evaluateDerive(e, a, o).then(
+      g === null ? (e.getDeriveInputSignature() !== null && e.setDeriveInputSignature(null), r = r.then(
+        () => l.evaluateDerive(e, a, o).then(
           () => {
           }
         )
-      )) : e.getDeriveInputSignature() !== b && (r = r.then(() => u.evaluateDerive(
+      )) : e.getDeriveInputSignature() !== g && (r = r.then(() => l.evaluateDerive(
         e,
         a,
         o
       ).then(() => {
-        e.setDeriveInputSignature(b);
+        e.setDeriveInputSignature(g);
       })));
     }
-    return s && (r = r.then(() => u.evaluateIf(e))), n ? (e.getDeriveSubtreeSignature() !== null && e.setDeriveSubtreeSignature(null), r.then(() => u.evaluateEach(e))) : s ? (e.getDeriveSubtreeSignature() !== null && e.setDeriveSubtreeSignature(null), r.then(() => {
+    return s && (r = r.then(() => l.evaluateIf(e))), n ? (e.getDeriveSubtreeSignature() !== null && e.setDeriveSubtreeSignature(null), r.then(() => l.evaluateEach(e))) : s ? (e.getDeriveSubtreeSignature() !== null && e.setDeriveSubtreeSignature(null), r.then(() => {
     })) : (i && (r = r.then(() => {
-      if (!u.canSkipStableDerivedSubtree(e)) {
-        e.setDeriveSubtreeSignature(null), u.logDerivedSubtreeProfileSnapshot(e, "skip-ineligible");
+      if (!l.canSkipStableDerivedSubtree(e)) {
+        e.setDeriveSubtreeSignature(null), l.logDerivedSubtreeProfileSnapshot(e, "skip-ineligible");
         return;
       }
-      f = u.createDescendantBindingSignature(
+      f = l.createDescendantBindingSignature(
         e,
         "evaluateAll"
-      ), d = !0, c = e.getDeriveSubtreeSignature() !== null && e.getDeriveSubtreeSignature() === f, u.logDerivedSubtreeProfileSnapshot(
+      ), d = !0, c = e.getDeriveSubtreeSignature() !== null && e.getDeriveSubtreeSignature() === f, l.logDerivedSubtreeProfileSnapshot(
         e,
         c ? "skip-hit" : "skip-miss"
       );
     })), r.then(() => {
       if (c)
         return;
-      const b = [];
-      return e.getChildren().forEach((v) => {
-        if (v instanceof M) {
-          if (u.canSkipUnchangedNestedEach(v))
+      const g = [];
+      return e.getChildren().forEach((y) => {
+        if (y instanceof C) {
+          if (l.canSkipUnchangedNestedEach(y))
             return;
-          b.push(u.evaluateAll(v, t));
-        } else v instanceof L && b.push(u.evaluateText(v));
-      }), Promise.all(b).then(() => {
+          g.push(l.evaluateAll(y, t));
+        } else y instanceof H && g.push(l.evaluateText(y));
+      }), Promise.all(g).then(() => {
       });
     }).then(() => {
       d && f !== null && e.setDeriveSubtreeSignature(f);
@@ -4787,14 +4829,14 @@ const u = class u {
    * @returns Promise (評価完了時に解決)
    */
   static evaluateDerive(e, t = e.getRawAttribute(
-    `${l.prefix}derive`
+    `${u.prefix}derive`
   ), r = e.getRawAttribute(
-    `${l.prefix}derive-name`
+    `${u.prefix}derive-name`
   )) {
     const i = e.getRawDerivedBindingData(), s = typeof r == "string" ? r.trim() : "";
     if (!t || s === "")
       return i === null ? Promise.resolve(!1) : (e.setDerivedBindingData(null), Promise.resolve(!0));
-    const n = W.evaluateDetailed(
+    const n = Y.evaluateDetailed(
       t,
       e.getBindingData()
     );
@@ -4803,7 +4845,7 @@ const u = class u {
     const a = {
       [s]: n.value
     };
-    return u.createBindingSignature(i) === u.createBindingSignature(a) ? Promise.resolve(!1) : (e.setDerivedBindingData(a), Promise.resolve(!0));
+    return l.createBindingSignature(i) === l.createBindingSignature(a) ? Promise.resolve(!1) : (e.setDerivedBindingData(a), Promise.resolve(!0));
   }
   /**
    * テキストフラグメントを評価します。
@@ -4814,61 +4856,120 @@ const u = class u {
   static evaluateText(e) {
     return e.evaluate();
   }
+  /**
+   * data-if の評価値が「非表示」とみなされるかどうかを判定します。
+   *
+   * JavaScript の falsy 判定に準拠し、`false`・`null`・`undefined`・`NaN` に加えて
+   * `0`・空文字列 `''` も非表示とします（例: `data-if="items.length"` は要素数 0 で
+   * 非表示）。空配列 `[]` や空オブジェクト `{}` は JavaScript 同様 truthy なので表示されます。
+   *
+   * @param condition data-if の評価結果
+   * @return 非表示とみなす場合は true
+   */
+  static isHiddenIfCondition(e) {
+    return !e;
+  }
   /**
    * if要素を評価します。
-   * 値がfalse、null、undefined、NaNの場合は非表示にし、それ以外の場合は表示します。
+   * 値が falsy（false・null・undefined・NaN・0・空文字列）の場合は非表示にし、
+   * それ以外の場合は表示します。
    *
    * @param fragment 対象フラグメント
    * @return Promise (DOM操作が完了したときに解決される)
    */
   static evaluateIf(e) {
-    const t = [], r = e.getAttribute(`${l.prefix}if`);
-    if (r === !1 || r === void 0 || r === null || Number.isNaN(r))
+    const t = [], r = e.getAttribute(`${u.prefix}if`);
+    if (l.isHiddenIfCondition(r))
       t.push(
         e.hide().then(() => {
           R.hide(e.getTarget());
         })
       );
     else {
-      const i = [];
-      e.getChildren().forEach((s) => {
-        s instanceof M ? i.push(
-          s.isMounted() ? u.evaluateAll(s) : u.scan(s.getTarget())
-        ) : s instanceof L && i.push(u.evaluateText(s));
+      const i = e.isVisible(), s = [];
+      e.getChildren().forEach((n) => {
+        n instanceof C ? s.push(
+          n.isMounted() ? l.evaluateAll(n) : l.scan(n.getTarget())
+        ) : n instanceof H && s.push(l.evaluateText(n));
       }), t.push(
         e.show().then(() => {
-          R.show(e.getTarget());
+          R.show(e.getTarget()), i || l.triggerLoadOnShow(e);
         })
-      ), t.push(Promise.all(i).then(() => {
+      ), t.push(Promise.all(s).then(() => {
       }));
     }
     return Promise.all(t).then(() => {
     });
   }
+  /**
+   * data-if 表示時に data-load-* 手続きを発火します。
+   *
+   * 対象要素が data-load-* 属性を持つ場合のみ、load 種別の Procedure を1回実行します。
+   * 結果は待機せず（fire-and-forget）、表示処理の完了をブロックしません。
+   *
+   * @param fragment 対象フラグメント
+   * @return 戻り値はありません。
+   */
+  static triggerLoadOnShow(e) {
+    const t = `${u.prefix}load-`;
+    e.getTarget().getAttributeNames().some((i) => i.startsWith(t)) && new q(e, "load").run().catch((i) => {
+      p.error("[Haori]", "data-load procedure error (on show):", i);
+    });
+  }
+  /**
+   * data-each フラグメントの差分更新の再入制御状態を取得します。
+   *
+   * @param fragment 対象フラグメント
+   * @return 再入制御状態
+   */
+  static getEachUpdateState(e) {
+    let t = l.EACH_UPDATE_STATES.get(e);
+    return t || (t = { running: !1, rerunRequested: !1 }, l.EACH_UPDATE_STATES.set(e, t)), t;
+  }
   /**
    * each要素を評価します。
    * 非表示または未マウントの場合は処理をスキップします。
    *
+   * 同一フラグメントに対する差分更新が並行・再入しないように直列化します。
+   * 実行中に再度呼び出された場合は再評価要求だけを記録し、現在の更新完了後に
+   * 最新データで一度だけ再実行します。これにより、bind 直後のリアクティブ再評価が
+   * 重なっても data-each の描画が破壊されないようにします。
+   *
    * @param fragment 対象フラグメント
+   * @return 差分更新完了の Promise
    */
   static evaluateEach(e) {
     if (!e.isVisible() || !e.isMounted())
       return Promise.resolve();
-    const t = u.resolveEachItems(e);
+    const t = l.getEachUpdateState(e);
+    return t.running ? (t.rerunRequested = !0, Promise.resolve()) : (t.running = !0, l.performEachUpdate(e).catch((r) => {
+      throw r;
+    }).finally(() => {
+      t.running = !1, t.rerunRequested && (t.rerunRequested = !1, l.evaluateEach(e));
+    }));
+  }
+  /**
+   * data-each の差分更新本体を実行します（再入制御は呼び出し側で行います）。
+   *
+   * @param fragment 対象フラグメント
+   * @return 差分更新完了の Promise
+   */
+  static performEachUpdate(e) {
+    const t = l.resolveEachItems(e);
     if (t === null)
       return Promise.reject(new Error("Invalid each attribute."));
     let r = e.getTemplate();
-    const i = e.getAttribute(`${l.prefix}each-key`), s = u.createBindingSignature({
+    const i = e.getAttribute(`${u.prefix}each-key`), s = l.createBindingSignature({
       key: i ? String(i) : null,
       items: t
     });
     if (r === null) {
       let n = !1;
       return e.getChildren().forEach((a) => {
-        if (!n && a instanceof M) {
-          if (a.hasAttribute(`${l.prefix}each-before`) || a.hasAttribute(`${l.prefix}each-after`))
+        if (!n && a instanceof C) {
+          if (a.hasAttribute(`${u.prefix}each-before`) || a.hasAttribute(`${u.prefix}each-after`))
             return;
-          r = a.clone(), u.markFreshInitializationSkippable(r), e.setTemplate(r), n = !0, e.removeChild(a);
+          r = a.clone(), l.markFreshInitializationSkippable(r), e.setTemplate(r), n = !0, e.removeChild(a);
           const o = a.getTarget();
           o.parentNode && o.parentNode.removeChild(o), a.setMounted(!1);
         }
@@ -4887,8 +4988,8 @@ const u = class u {
    * @returns 配列。無効な場合は null
    */
   static resolveEachItems(e) {
-    const t = e.getAttributeEvaluation(`${l.prefix}each`), r = t?.value;
-    return t?.hasUnresolvedReference || r === !1 || r === null || r === void 0 ? [] : Array.isArray(r) ? r : (m.error("[Haori]", "Invalid each attribute:", r), null);
+    const t = e.getAttributeEvaluation(`${u.prefix}each`), r = t?.value;
+    return t?.hasUnresolvedReference || r === !1 || r === null || r === void 0 ? [] : Array.isArray(r) ? r : (p.error("[Haori]", "Invalid each attribute:", r), null);
   }
   /**
    * nested data-each の入力が同値で、要素自身に他の動的要素が無い場合は
@@ -4898,15 +4999,15 @@ const u = class u {
    * @returns 省略可能なら true
    */
   static canSkipUnchangedNestedEach(e) {
-    if (!e.hasAttribute(`${l.prefix}each`) || e.getEachInputSignature() === null)
+    if (!e.hasAttribute(`${u.prefix}each`) || e.getEachInputSignature() === null)
       return !1;
     const t = e.getParent();
-    if (t?.closestByAttribute(`${l.prefix}derive`) || t?.closestByAttribute(`${l.prefix}derive-name`) || t?.closestByAttribute(`${l.prefix}if`) || t?.closestByAttribute(`${l.prefix}fetch`) || t?.closestByAttribute(`${l.prefix}import`) || u.hasNonEachDynamicElementState(e))
+    if (t?.closestByAttribute(`${u.prefix}derive`) || t?.closestByAttribute(`${u.prefix}derive-name`) || t?.closestByAttribute(`${u.prefix}if`) || t?.closestByAttribute(`${u.prefix}fetch`) || t?.closestByAttribute(`${u.prefix}import`) || l.hasNonEachDynamicElementState(e))
       return !1;
-    const r = u.resolveEachItems(e);
+    const r = l.resolveEachItems(e);
     if (r === null)
       return !1;
-    const i = e.getAttribute(`${l.prefix}each-key`), s = u.createBindingSignature({
+    const i = e.getAttribute(`${u.prefix}each-key`), s = l.createBindingSignature({
       key: i ? String(i) : null,
       items: r
     });
@@ -4920,7 +5021,7 @@ const u = class u {
    * @returns 省略可能なら true
    */
   static canSkipStableDerivedSubtree(e) {
-    return !e.hasAttribute(`${l.prefix}derive`) || e.hasAttribute(`${l.prefix}if`) || e.hasAttribute(`${l.prefix}each`) || e.hasAttribute(`${l.prefix}fetch`) || e.hasAttribute(`${l.prefix}import`) ? !1 : !u.hasDisallowedDerivedSubtreeDescendant(e);
+    return !e.hasAttribute(`${u.prefix}derive`) || e.hasAttribute(`${u.prefix}if`) || e.hasAttribute(`${u.prefix}each`) || e.hasAttribute(`${u.prefix}fetch`) || e.hasAttribute(`${u.prefix}import`) ? !1 : !l.hasDisallowedDerivedSubtreeDescendant(e);
   }
   /**
    * data-derive subtree skip の初期 PoC で扱わない子孫要素を含むかを返します。
@@ -4929,7 +5030,7 @@ const u = class u {
    * @returns 含むなら true
    */
   static hasDisallowedDerivedSubtreeDescendant(e) {
-    return e.getChildren().some((t) => t instanceof M ? t.hasAttribute(`${l.prefix}derive`) || t.hasAttribute(`${l.prefix}derive-name`) || t.hasAttribute(`${l.prefix}fetch`) || t.hasAttribute(`${l.prefix}import`) ? !0 : u.hasDisallowedDerivedSubtreeDescendant(t) : !1);
+    return e.getChildren().some((t) => t instanceof C ? t.hasAttribute(`${u.prefix}derive`) || t.hasAttribute(`${u.prefix}derive-name`) || t.hasAttribute(`${u.prefix}fetch`) || t.hasAttribute(`${u.prefix}import`) ? !0 : l.hasDisallowedDerivedSubtreeDescendant(t) : !1);
   }
   /**
    * data-derive host が子孫要素へ公開している binding の署名を返します。
@@ -4938,7 +5039,7 @@ const u = class u {
    * @returns binding 署名
    */
   static createDescendantBindingSignature(e, t) {
-    return u.recordDerivedSubtreeSignatureComputation(e, t), u.createBindingSignature(e.getDescendantBindingData());
+    return l.recordDerivedSubtreeSignatureComputation(e, t), l.createBindingSignature(e.getDescendantBindingData());
   }
   /**
    * data-derive 実行前の入力署名を返します。
@@ -4950,7 +5051,7 @@ const u = class u {
    */
   static createDeriveInputSignature(e, t, r) {
     const i = typeof r == "string" ? r.trim() : "";
-    return !t || i === "" ? null : u.createBindingSignature({
+    return !t || i === "" ? null : l.createBindingSignature({
       expression: t,
       name: i,
       scope: e.getBindingData()
@@ -4962,13 +5063,13 @@ const u = class u {
    * @param fragment 対象フラグメント
    */
   static refreshDerivedSubtreeSignature(e) {
-    if (!u.canSkipStableDerivedSubtree(e)) {
-      e.setDeriveSubtreeSignature(null), u.logDerivedSubtreeProfileSnapshot(e, "skip-ineligible");
+    if (!l.canSkipStableDerivedSubtree(e)) {
+      e.setDeriveSubtreeSignature(null), l.logDerivedSubtreeProfileSnapshot(e, "skip-ineligible");
       return;
     }
     e.setDeriveSubtreeSignature(
-      u.createDescendantBindingSignature(e, "refresh")
-    ), u.logDerivedSubtreeProfileSnapshot(e, "refresh");
+      l.createDescendantBindingSignature(e, "refresh")
+    ), l.logDerivedSubtreeProfileSnapshot(e, "refresh");
   }
   /**
    * data-derive subtree skip のプロファイルを取得または初期化します。
@@ -4977,13 +5078,13 @@ const u = class u {
    * @returns プロファイル
    */
   static getOrCreateDerivedSubtreeProfile(e) {
-    if (!H.isEnabled() || !e.hasAttribute(`${l.prefix}derive`))
+    if (!L.isEnabled() || !e.hasAttribute(`${u.prefix}derive`))
       return null;
-    const t = u.DERIVE_SUBTREE_PROFILES.get(e);
+    const t = l.DERIVE_SUBTREE_PROFILES.get(e);
     if (t)
       return t;
     const r = {
-      hostId: u.createDerivedSubtreeHostId(e),
+      hostId: l.createDerivedSubtreeHostId(e),
       signatureComputeTotal: 0,
       signatureComputeFromEvaluateAll: 0,
       signatureComputeFromRefresh: 0,
@@ -4991,7 +5092,7 @@ const u = class u {
       skipMissCount: 0,
       skipIneligibleCount: 0
     };
-    return u.DERIVE_SUBTREE_PROFILES.set(e, r), r;
+    return l.DERIVE_SUBTREE_PROFILES.set(e, r), r;
   }
   /**
    * data-derive subtree host の識別子を作成します。
@@ -5011,11 +5112,11 @@ const u = class u {
         s += `#${i.id.trim()}`, t.unshift(s);
         break;
       }
-      const n = r.getRawAttribute(`${l.prefix}derive-name`);
-      typeof n == "string" && n.trim() !== "" && (s += `[${l.prefix}derive-name="${n.trim()}"]`);
+      const n = r.getRawAttribute(`${u.prefix}derive-name`);
+      typeof n == "string" && n.trim() !== "" && (s += `[${u.prefix}derive-name="${n.trim()}"]`);
       const a = r.getParent();
       if (a) {
-        const o = a.getChildren().filter((c) => c instanceof M).findIndex((c) => c === r);
+        const o = a.getChildren().filter((c) => c instanceof C).findIndex((c) => c === r);
         s += `:nth-child(${o + 1})`;
       }
       t.unshift(s), r = a;
@@ -5029,7 +5130,7 @@ const u = class u {
    * @param source 計算元
    */
   static recordDerivedSubtreeSignatureComputation(e, t) {
-    const r = u.getOrCreateDerivedSubtreeProfile(e);
+    const r = l.getOrCreateDerivedSubtreeProfile(e);
     if (r !== null) {
       if (r.signatureComputeTotal += 1, t === "refresh") {
         r.signatureComputeFromRefresh += 1;
@@ -5045,8 +5146,8 @@ const u = class u {
    * @param reason ログ理由
    */
   static logDerivedSubtreeProfileSnapshot(e, t) {
-    const r = u.getOrCreateDerivedSubtreeProfile(e);
-    r !== null && (t === "skip-hit" ? r.skipHitCount += 1 : t === "skip-miss" ? r.skipMissCount += 1 : t === "skip-ineligible" && (r.skipIneligibleCount += 1), m.info("[Haori][derive-profile]", {
+    const r = l.getOrCreateDerivedSubtreeProfile(e);
+    r !== null && (t === "skip-hit" ? r.skipHitCount += 1 : t === "skip-miss" ? r.skipMissCount += 1 : t === "skip-ineligible" && (r.skipIneligibleCount += 1), p.info("[Haori][derive-profile]", {
       reason: t,
       hostId: r.hostId,
       signatureComputeTotal: r.signatureComputeTotal,
@@ -5065,20 +5166,20 @@ const u = class u {
    */
   static hasNonEachDynamicElementState(e) {
     const t = /* @__PURE__ */ new Set([
-      `${l.prefix}each`,
-      `${l.prefix}each-key`,
-      `${l.prefix}each-arg`,
-      `${l.prefix}each-index`
+      `${u.prefix}each`,
+      `${u.prefix}each-key`,
+      `${u.prefix}each-arg`,
+      `${u.prefix}each-index`
     ]);
     return e.getAttributeNames().some((i) => {
       if (t.has(i))
         return !1;
-      if (i.startsWith(`${l.prefix}attr-`) || i.startsWith(l.prefix))
+      if (i.startsWith(`${u.prefix}attr-`) || i.startsWith(u.prefix))
         return !0;
       const s = e.getRawAttribute(i);
       return typeof s == "string" && s.includes("{{");
     }) ? !0 : e.getChildren().some(
-      (i) => i instanceof L && i.hasDynamicContent()
+      (i) => i instanceof H && i.hasDynamicContent()
     );
   }
   /**
@@ -5088,7 +5189,7 @@ const u = class u {
    * @returns subtree 全体を省略可能なら true
    */
   static markFreshInitializationSkippable(e) {
-    const t = e.getAttributeNames().some((s) => u.isFreshInitializationDynamicAttribute(e, s)), r = e.getChildren().some((s) => s instanceof M ? !u.markFreshInitializationSkippable(s) : s instanceof L ? s.hasDynamicContent() : !1), i = !t && !r;
+    const t = e.getAttributeNames().some((s) => l.isFreshInitializationDynamicAttribute(e, s)), r = e.getChildren().some((s) => s instanceof C ? !l.markFreshInitializationSkippable(s) : s instanceof H ? s.hasDynamicContent() : !1), i = !t && !r;
     return e.setFreshInitializationSkippable(i), i;
   }
   /**
@@ -5099,7 +5200,7 @@ const u = class u {
    * @returns 再評価が必要なら true
    */
   static isFreshInitializationDynamicAttribute(e, t) {
-    if (t.startsWith(`${l.prefix}attr-`) || t.startsWith(l.prefix))
+    if (t.startsWith(`${u.prefix}attr-`) || t.startsWith(u.prefix))
       return !0;
     const r = e.getRawAttribute(t);
     return typeof r == "string" && r.includes("{{");
@@ -5113,85 +5214,85 @@ const u = class u {
   static updateDiff(e, t) {
     const r = e.getTemplate();
     if (r === null)
-      return m.error("[Haori]", "Template is not set for each element."), Promise.resolve();
-    let i = e.getAttribute(`${l.prefix}each-index`);
+      return p.error("[Haori]", "Template is not set for each element."), Promise.resolve();
+    let i = e.getAttribute(`${u.prefix}each-index`);
     i && (i = String(i));
-    const s = e.getAttribute(`${l.prefix}each-key`), n = e.getAttribute(`${l.prefix}each-arg`), a = /* @__PURE__ */ new Map(), o = [];
-    t.forEach((y, C) => {
-      const k = u.createListKey(
-        y,
+    const s = e.getAttribute(`${u.prefix}each-key`), n = e.getAttribute(`${u.prefix}each-arg`), a = /* @__PURE__ */ new Map(), o = [];
+    t.forEach((v, F) => {
+      const x = l.createListKey(
+        v,
         s ? String(s) : null,
-        C
+        F
       );
-      o.push(k), a.set(k, { item: y, itemIndex: C });
+      o.push(x), a.set(x, { item: v, itemIndex: F });
     });
     const c = new Set(o), d = [];
-    let f = e.getChildren().filter((y) => y instanceof M).filter(
-      (y) => !y.hasAttribute(`${l.prefix}each-before`) && !y.hasAttribute(`${l.prefix}each-after`)
+    let f = e.getChildren().filter((v) => v instanceof C).filter(
+      (v) => !v.hasAttribute(`${u.prefix}each-before`) && !v.hasAttribute(`${u.prefix}each-after`)
     );
-    const b = f.map((y) => y.getListKey());
-    f = f.filter((y) => c.has(String(y.getListKey())) ? !0 : (d.push(y.remove()), !1));
-    const v = f.map((y) => y.getListKey()), p = /* @__PURE__ */ new Map();
-    f.forEach((y) => {
-      const C = y.getListKey();
-      C !== null && !p.has(C) && p.set(C, y);
+    const g = f.map((v) => v.getListKey());
+    f = f.filter((v) => c.has(String(v.getListKey())) ? !0 : (d.push(v.remove()), !1));
+    const y = f.map((v) => v.getListKey()), T = /* @__PURE__ */ new Map();
+    f.forEach((v) => {
+      const F = v.getListKey();
+      F !== null && !T.has(F) && T.set(F, v);
     });
-    const g = e.getChildElementFragments().slice(), D = g.filter(
-      (y) => y.hasAttribute(`${l.prefix}each-before`)
+    const m = e.getChildElementFragments().slice(), b = m.filter(
+      (v) => v.hasAttribute(`${u.prefix}each-before`)
     ).length;
-    let A = Promise.resolve();
-    return o.forEach((y, C) => {
-      const { item: k, itemIndex: B } = a.get(y);
-      let U;
-      const Y = p.get(y);
-      if (Y)
-        U = Y, A = A.then(
-          () => u.updateRowFragment(
-            U,
-            k,
-            i,
+    let E = Promise.resolve();
+    return o.forEach((v, F) => {
+      const { item: x, itemIndex: U } = a.get(v);
+      let B;
+      const K = T.get(v);
+      if (K)
+        B = K, E = E.then(
+          () => l.updateRowFragment(
             B,
+            x,
+            i,
+            U,
             n ? String(n) : null,
-            y
-          ).then((I) => {
-            if (I)
-              return u.evaluateAll(U);
+            v
+          ).then((k) => {
+            if (k)
+              return l.evaluateAll(B);
           })
         );
       else {
-        U = r.clone();
-        const I = D + C;
-        A = A.then(
-          () => u.updateRowFragment(
-            U,
-            k,
-            i,
+        B = r.clone();
+        const k = b + F;
+        E = E.then(
+          () => l.updateRowFragment(
             B,
+            x,
+            i,
+            U,
             n ? String(n) : null,
-            y
+            v
           ).then(() => {
-            const ce = g[I] ?? null;
-            return e.insertBefore(U, ce).then(() => {
-              g.splice(I, 0, U);
-            }).then(() => u.initializeFreshEachRow(U));
+            const ce = m[k] ?? null;
+            return e.insertBefore(B, ce).then(() => {
+              m.splice(k, 0, B);
+            }).then(() => l.initializeFreshEachRow(B));
           })
         );
       }
-    }), Promise.all(d).then(() => A).then(() => {
-      const y = o.filter(
-        (I) => I !== null
-      ), C = v.filter(
-        (I) => I !== null
-      ), k = new Set(C), B = y.filter((I) => !k.has(I)), Y = b.filter(
-        (I) => I !== null
+    }), Promise.all(d).then(() => E).then(() => {
+      const v = o.filter(
+        (k) => k !== null
+      ), F = y.filter(
+        (k) => k !== null
+      ), x = new Set(F), U = v.filter((k) => !x.has(k)), K = g.filter(
+        (k) => k !== null
       ).filter(
-        (I) => !c.has(I)
+        (k) => !c.has(k)
       );
       R.eachUpdate(
         e.getTarget(),
-        B,
-        Y,
-        y
+        U,
+        K,
+        v
       );
     });
   }
@@ -5237,15 +5338,15 @@ const u = class u {
         [s]: t
       }, r && (a[r] = i);
     else
-      return m.error(
+      return p.error(
         "[Haori]",
-        `Primitive value requires '${l.prefix}each-arg' attribute: ${t}`
+        `Primitive value requires '${u.prefix}each-arg' attribute: ${t}`
       ), Promise.resolve(!1);
-    const o = a, c = u.createBindingSignature({
+    const o = a, c = l.createBindingSignature({
       listKey: n,
       bindingData: o
     });
-    return e.getListKey() === n && e.getRenderSignature() === c ? Promise.resolve(!1) : (e.setListKey(n), e.setRenderSignature(c), e.setBindingData(o), e.setAttribute(`${l.prefix}row`, n).then(() => !0));
+    return e.getListKey() === n && e.getRenderSignature() === c ? Promise.resolve(!1) : (e.setListKey(n), e.setRenderSignature(c), e.setBindingData(o), e.setAttribute(`${u.prefix}row`, n).then(() => !0));
   }
   /**
    * 新規挿入行に遅延再評価が必要かどうかを判定します。
@@ -5259,7 +5360,7 @@ const u = class u {
       const r = t.pop();
       if (r.getChildElementFragments().forEach((i) => {
         t.push(i);
-      }), r !== e && !r.isMounted() && u.hasMountSensitiveAttribute(r))
+      }), r !== e && !r.isMounted() && l.hasMountSensitiveAttribute(r))
         return !0;
     }
     return !1;
@@ -5272,7 +5373,7 @@ const u = class u {
    */
   static hasMountSensitiveAttribute(e) {
     return ["fetch", "import"].some(
-      (t) => e.hasAttribute(`${l.prefix}${t}`)
+      (t) => e.hasAttribute(`${u.prefix}${t}`)
     );
   }
   /**
@@ -5302,7 +5403,7 @@ const u = class u {
       if (t.has(e))
         return `[Circular:${t.get(e)}]`;
       const i = `array-${r.value}`;
-      return r.value += 1, t.set(e, i), `[${e.map((s) => u.createBindingSignature(s, t, r)).join(",")}]`;
+      return r.value += 1, t.set(e, i), `[${e.map((s) => l.createBindingSignature(s, t, r)).join(",")}]`;
     }
     if (typeof e == "object") {
       if (t.has(e))
@@ -5311,7 +5412,7 @@ const u = class u {
       r.value += 1, t.set(e, i);
       const s = e;
       return `{${Object.keys(s).sort().map(
-        (n) => `${JSON.stringify(n)}:${u.createBindingSignature(
+        (n) => `${JSON.stringify(n)}:${l.createBindingSignature(
           s[n],
           t,
           r
@@ -5327,18 +5428,18 @@ const u = class u {
    */
   static scheduleEvaluateAll(e) {
     setTimeout(() => {
-      u.evaluateAll(e);
+      l.evaluateAll(e);
     }, 100);
   }
 };
-u.ATTRIBUTE_ALIAS_SUFFIX = "attr-", u.PRIORITY_ATTRIBUTE_SUFFIXES = [
+l.ATTRIBUTE_ALIAS_SUFFIX = "attr-", l.PRIORITY_ATTRIBUTE_SUFFIXES = [
   "bind",
   "url-param",
   "derive-name",
   "derive",
   "if",
   "each"
-], u.DEFERRED_ATTRIBUTE_SUFFIXES = ["fetch"], u.EVALUATE_ALL_EXCLUDED_ATTRIBUTE_SUFFIXES = [
+], l.DEFERRED_ATTRIBUTE_SUFFIXES = ["fetch"], l.EVALUATE_ALL_EXCLUDED_ATTRIBUTE_SUFFIXES = [
   "bind",
   "derive",
   "derive-name",
@@ -5347,8 +5448,8 @@ u.ATTRIBUTE_ALIAS_SUFFIX = "attr-", u.PRIORITY_ATTRIBUTE_SUFFIXES = [
   "fetch",
   "import",
   "url-param"
-], u.ATTRIBUTE_PLACEHOLDER_REGEX = /\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/, u.REACTIVE_FETCH_STATES = /* @__PURE__ */ new WeakMap(), u.REACTIVE_IMPORT_STATES = /* @__PURE__ */ new WeakMap(), u.DERIVE_SUBTREE_PROFILES = /* @__PURE__ */ new WeakMap();
-let x = u;
+], l.ATTRIBUTE_PLACEHOLDER_REGEX = /\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/, l.REACTIVE_FETCH_STATES = /* @__PURE__ */ new WeakMap(), l.REACTIVE_IMPORT_STATES = /* @__PURE__ */ new WeakMap(), l.DERIVE_SUBTREE_PROFILES = /* @__PURE__ */ new WeakMap(), l.EACH_UPDATE_STATES = /* @__PURE__ */ new WeakMap();
+let P = l;
 const ee = class ee {
   /**
    * コンストラクタ。
@@ -5358,7 +5459,7 @@ const ee = class ee {
   constructor(e = document) {
     this.onClick = (t) => this.delegate(t, "click"), this.onChange = (t) => this.delegate(t, "change"), this.onLoadCapture = (t) => this.delegate(t, "load"), this.onWindowLoad = () => {
       const t = document.documentElement, r = w.get(t);
-      r && new z(r, "load").run();
+      r && new q(r, "load").run();
     }, this.onPopstate = (t) => {
       const r = t.state;
       !r || r[ee.HISTORY_STATE_KEY] !== !0 || location.reload();
@@ -5388,8 +5489,8 @@ const ee = class ee {
     if (!r)
       return;
     const i = w.get(r);
-    i && (t === "change" && i instanceof M && i.syncValue(), new z(i, t).run().catch((s) => {
-      m.error("[Haori]", "Procedure execution error:", s);
+    i && (t === "change" && i instanceof C && i.syncValue(), new q(i, t).run().catch((s) => {
+      p.error("[Haori]", "Procedure execution error:", s);
     }));
   }
   /**
@@ -5428,7 +5529,7 @@ const ee = class ee {
 };
 ee.HISTORY_STATE_KEY = "__haoriHistoryState__";
 let ne = ee;
-const T = class T {
+const D = class D {
   /**
    * ノードが現在の Window に属する HTMLElement かどうかを判定します。
    *
@@ -5442,42 +5543,42 @@ const T = class T {
     return typeof t < "u" && e instanceof t;
   }
   static syncTree(e) {
-    (e instanceof Element || e instanceof DocumentFragment) && (T.isHtmlElement(e) && T.syncElement(e), e.querySelectorAll("*").forEach((t) => {
-      T.syncElement(t);
+    (e instanceof Element || e instanceof DocumentFragment) && (D.isHtmlElement(e) && D.syncElement(e), e.querySelectorAll("*").forEach((t) => {
+      D.syncElement(t);
     }));
   }
   static syncElement(e) {
-    const t = T.registrations.get(e), r = w.get(e);
-    if (!r || !T.shouldObserve(r)) {
-      t && (t.observer.disconnect(), T.registrations.delete(e));
+    const t = D.registrations.get(e), r = w.get(e);
+    if (!r || !D.shouldObserve(r)) {
+      t && (t.observer.disconnect(), D.registrations.delete(e));
       return;
     }
     if (typeof IntersectionObserver > "u")
       return;
-    const i = T.resolveRoot(r), s = T.resolveRootMargin(r), n = T.resolveThreshold(r), a = r.hasAttribute(`${l.prefix}intersect-once`);
-    if (t && t.observer.root === i && t.observer.rootMargin === s && T.sameThreshold(
+    const i = D.resolveRoot(r), s = D.resolveRootMargin(r), n = D.resolveThreshold(r), a = r.hasAttribute(`${u.prefix}intersect-once`);
+    if (t && t.observer.root === i && t.observer.rootMargin === s && D.sameThreshold(
       t.observer.thresholds,
       n
     ) && t.once === a) {
       t.fragment = r;
       return;
     }
-    t && (t.observer.disconnect(), T.registrations.delete(e));
+    t && (t.observer.disconnect(), D.registrations.delete(e));
     const o = new IntersectionObserver(
       (c) => {
-        const d = T.registrations.get(e);
+        const d = D.registrations.get(e);
         d && c.forEach((f) => {
-          !f.isIntersecting || d.running || T.isDisabled(d.fragment) || (d.running = !0, new z(d.fragment, "intersect").runWithResult().then((b) => {
-            b && d.once && (d.observer.disconnect(), T.registrations.delete(e));
-          }).catch((b) => {
-            m.error(
+          !f.isIntersecting || d.running || D.isDisabled(d.fragment) || (d.running = !0, new q(d.fragment, "intersect").runWithResult().then((g) => {
+            g && d.once && (d.observer.disconnect(), D.registrations.delete(e));
+          }).catch((g) => {
+            p.error(
               "[Haori]",
               "Intersect procedure execution error:",
-              b
+              g
             );
           }).finally(() => {
-            const b = T.registrations.get(e);
-            b && (b.running = !1);
+            const g = D.registrations.get(e);
+            g && (g.running = !1);
           }));
         });
       },
@@ -5487,7 +5588,7 @@ const T = class T {
         threshold: n
       }
     );
-    o.observe(e), T.registrations.set(e, {
+    o.observe(e), D.registrations.set(e, {
       fragment: r,
       observer: o,
       once: a,
@@ -5495,48 +5596,48 @@ const T = class T {
     });
   }
   static cleanupTree(e) {
-    if (T.isHtmlElement(e)) {
-      const t = T.registrations.get(e);
-      t && (t.observer.disconnect(), T.registrations.delete(e));
+    if (D.isHtmlElement(e)) {
+      const t = D.registrations.get(e);
+      t && (t.observer.disconnect(), D.registrations.delete(e));
     }
     (e instanceof Element || e instanceof DocumentFragment) && e.querySelectorAll("*").forEach((t) => {
-      const r = T.registrations.get(t);
-      r && (r.observer.disconnect(), T.registrations.delete(t));
+      const r = D.registrations.get(t);
+      r && (r.observer.disconnect(), D.registrations.delete(t));
     });
   }
   static disconnectAll() {
-    T.registrations.forEach((e) => {
+    D.registrations.forEach((e) => {
       e.observer.disconnect();
-    }), T.registrations.clear();
+    }), D.registrations.clear();
   }
   static shouldObserve(e) {
     return e.getAttributeNames().some((t) => {
-      if (!t.startsWith(`${l.prefix}intersect-`))
+      if (!t.startsWith(`${u.prefix}intersect-`))
         return !1;
-      const r = t.slice(`${l.prefix}intersect-`.length);
-      return !T.CONFIG_KEYS.has(r);
+      const r = t.slice(`${u.prefix}intersect-`.length);
+      return !D.CONFIG_KEYS.has(r);
     });
   }
   static resolveRoot(e) {
-    const t = `${l.prefix}intersect-root`;
+    const t = `${u.prefix}intersect-root`;
     if (!e.hasAttribute(t))
       return null;
     const r = e.getAttribute(t);
     if (typeof r != "string" || r.trim() === "")
       return null;
     const i = document.querySelector(r);
-    return T.isHtmlElement(i) ? i : (m.error("[Haori]", `Intersect root element not found: ${r}`), null);
+    return D.isHtmlElement(i) ? i : (p.error("[Haori]", `Intersect root element not found: ${r}`), null);
   }
   static resolveRootMargin(e) {
-    const t = `${l.prefix}intersect-root-margin`, r = e.getAttribute(t);
+    const t = `${u.prefix}intersect-root-margin`, r = e.getAttribute(t);
     return r === null || r === !1 || r === "" ? "0px" : String(r);
   }
   static resolveThreshold(e) {
-    const t = `${l.prefix}intersect-threshold`, r = e.getAttribute(t), i = typeof r == "number" ? r : Number.parseFloat(String(r ?? 0));
+    const t = `${u.prefix}intersect-threshold`, r = e.getAttribute(t), i = typeof r == "number" ? r : Number.parseFloat(String(r ?? 0));
     return Number.isNaN(i) ? 0 : Math.min(1, Math.max(0, i));
   }
   static isDisabled(e) {
-    const t = `${l.prefix}intersect-disabled`, r = e.getAttribute(t);
+    const t = `${u.prefix}intersect-disabled`, r = e.getAttribute(t);
     if (r === null || r === !1)
       return !1;
     if (typeof r == "boolean")
@@ -5548,14 +5649,14 @@ const T = class T {
     return e.length === 1 && e[0] === t;
   }
 };
-T.CONFIG_KEYS = /* @__PURE__ */ new Set([
+D.CONFIG_KEYS = /* @__PURE__ */ new Set([
   "root",
   "root-margin",
   "threshold",
   "disabled",
   "once"
-]), T.registrations = /* @__PURE__ */ new Map();
-let G = T;
+]), D.registrations = /* @__PURE__ */ new Map();
+let W = D;
 const O = class O {
   /**
    * 既存の MutationObserver をすべて停止します。
@@ -5574,10 +5675,10 @@ const O = class O {
       return;
     O._initialized = !0, O.disconnectMutationObservers();
     const e = await Promise.allSettled([
-      x.scan(document.head),
-      x.scan(document.body)
+      P.scan(document.head),
+      P.scan(document.body)
     ]), [t, r] = e;
-    t.status !== "fulfilled" && m.error("[Haori]", "Failed to build head fragment:", t.reason), r.status !== "fulfilled" && m.error("[Haori]", "Failed to build body fragment:", r.reason), await N.wait(), document.body.setAttribute("data-haori-ready", ""), O.observe(document.head), O.observe(document.body), new ne().start(), G.syncTree(document.body);
+    t.status !== "fulfilled" && p.error("[Haori]", "Failed to build head fragment:", t.reason), r.status !== "fulfilled" && p.error("[Haori]", "Failed to build body fragment:", r.reason), await M.wait(), document.body.setAttribute("data-haori-ready", ""), O.observe(document.head), O.observe(document.body), new ne().start(), W.syncTree(document.body);
   }
   /**
    * 指定された要素を監視します。
@@ -5591,29 +5692,29 @@ const O = class O {
           switch (i.type) {
             case "attributes": {
               const s = i.target;
-              if (i.attributeName && s.hasAttribute("data-haori-click-lock") && (i.attributeName === "disabled" || i.attributeName === "data-haori-click-lock") || i.attributeName && x.isAliasedAttributeReflection(
+              if (i.attributeName && s.hasAttribute("data-haori-click-lock") && (i.attributeName === "disabled" || i.attributeName === "data-haori-click-lock") || i.attributeName && P.isAliasedAttributeReflection(
                 s,
                 i.attributeName
               ))
                 break;
-              x.setAttribute(
+              P.setAttribute(
                 s,
                 i.attributeName,
                 s.getAttribute(i.attributeName),
                 !0
-              ), G.syncElement(s);
+              ), W.syncElement(s);
               break;
             }
             case "childList": {
               Array.from(i.removedNodes).forEach((s) => {
-                G.cleanupTree(s), x.removeNode(s);
+                W.cleanupTree(s), P.removeNode(s);
               }), Array.from(i.addedNodes).forEach((s) => {
-                s.parentElement instanceof Element && (x.addNode(s.parentElement, s), G.syncTree(s));
+                s.parentElement instanceof Element && (P.addNode(s.parentElement, s), W.syncTree(s));
               });
               break;
             }
             case "characterData": {
-              i.target instanceof Text || i.target instanceof Comment ? x.changeText(i.target, i.target.textContent) : m.warn(
+              i.target instanceof Text || i.target instanceof Comment ? P.changeText(i.target, i.target.textContent) : p.warn(
                 "[Haori]",
                 "Unsupported character data type:",
                 i.target
@@ -5621,11 +5722,11 @@ const O = class O {
               break;
             }
             default:
-              m.warn("[Haori]", "Unknown mutation type:", i.type);
+              p.warn("[Haori]", "Unknown mutation type:", i.type);
               continue;
           }
         } catch (s) {
-          m.error("[Haori]", "Error processing mutation:", s);
+          p.error("[Haori]", "Error processing mutation:", s);
         }
     });
     t.observe(e, {
@@ -5639,16 +5740,16 @@ const O = class O {
 O._initialized = !1, O._mutationObservers = [];
 let Q = O;
 document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", Q.init) : Q.init();
-const Te = "0.4.13";
+const De = "0.8.0";
 export {
-  x as Core,
-  l as Env,
-  E as Form,
+  P as Core,
+  u as Env,
+  A as Form,
   w as Fragment,
   te as Haori,
-  m as Log,
-  N as Queue,
+  p as Log,
+  M as Queue,
   te as default,
-  Te as version
+  De as version
 };
 //# sourceMappingURL=haori.es.js.map