haori 0.22.3 → 0.24.0

package/dist/haori.es.js

@@ -1,23 +1,23 @@
-const J = class J {
+const X = class X {
   /**
    * 開発モードの状態を取得します。
    *
    * @returns 開発モードならtrue、そうでなければfalse
    */
   static isEnabled() {
-    return J.devMode;
+    return X.devMode;
   }
   /**
    * 開発モードを有効化します。
    */
   static enable() {
-    J.devMode = !0;
+    X.devMode = !0;
   }
   /**
    * 開発モードを無効化します。
    */
   static disable() {
-    J.devMode = !1;
+    X.devMode = !1;
   }
   /**
    * 開発モードを切り替えます。
@@ -25,11 +25,11 @@ const J = class J {
    * @param enabled trueで有効化、falseで無効化
    */
   static set(e) {
-    J.devMode = e;
+    X.devMode = e;
   }
 };
-J.devMode = !1;
-let L = J;
+X.devMode = !1;
+let L = X;
 const de = "embedded";
 function Se(f) {
   return f === "embedded" || f === "demo";
@@ -37,14 +37,14 @@ function Se(f) {
 function Oe(f) {
   return f === null ? null : Se(f) ? f : de;
 }
-const U = class U {
+const V = class V {
   /**
    * 実行モードを取得します。
    *
    * @returns 実行モード。
    */
   static get runtime() {
-    return U._runtime;
+    return V._runtime;
   }
   /**
    * 実行モードを設定します。
@@ -53,7 +53,7 @@ const U = class U {
    * @return 戻り値はありません。
    */
   static setRuntime(e) {
-    U._runtime = Se(e) ? e : de;
+    V._runtime = Se(e) ? e : de;
   }
   /**
    * 実行環境からプレフィックスと開発モードかどうかを自動検出します。
@@ -65,14 +65,14 @@ const U = class U {
     try {
       const e = document.currentScript || document.querySelector('script[src*="haori"]');
       if (e instanceof HTMLScriptElement) {
-        const r = e.getAttribute("data-prefix") || U._prefix;
-        U._prefix = r.endsWith("-") ? r : r + "-";
+        const r = e.getAttribute("data-prefix") || V._prefix;
+        V._prefix = r.endsWith("-") ? r : r + "-";
         const i = Oe(
           e.getAttribute("data-runtime")
         );
-        i !== null && (U._runtime = i);
+        i !== null && (V._runtime = i);
       }
-      if (e instanceof HTMLScriptElement && e.hasAttribute(`${U._prefix}dev`)) {
+      if (e instanceof HTMLScriptElement && e.hasAttribute(`${V._prefix}dev`)) {
         L.set(!0);
         return;
       }
@@ -91,13 +91,13 @@ const U = class U {
    * @returns プレフィックス
    */
   static get prefix() {
-    return U._prefix;
+    return V._prefix;
   }
 };
-U._prefix = "data-", U._runtime = de;
-let c = U;
+V._prefix = "data-", V._runtime = de;
+let c = V;
 document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", c.detect) : c.detect();
-class m {
+class b {
   /**
    * 開発モードでのみコンソールに情報を出力します。
    *
@@ -127,21 +127,21 @@ class m {
   }
 }
 const He = "yyyy/MM/dd HH:mm", Le = "en-US", Ee = 1e4;
-function W(f) {
+function K(f) {
   return String(f).padStart(2, "0");
 }
 function we(f, e, t, r, i, n) {
   return {
     yyyy: String(f).padStart(4, "0"),
-    yy: W(f % 100),
-    MM: W(e),
+    yy: K(f % 100),
+    MM: K(e),
     M: String(e),
-    dd: W(t),
+    dd: K(t),
     d: String(t),
-    HH: W(r),
+    HH: K(r),
     H: String(r),
-    mm: W(i),
-    ss: W(n)
+    mm: K(i),
+    ss: K(n)
   };
 }
 function Ue(f, e) {
@@ -226,7 +226,7 @@ function De(f, e, t) {
       s.push(a);
   return s;
 }
-function Ne(f, e, t = {}) {
+function Fe(f, e, t = {}) {
   const r = Math.trunc(Number(f));
   if (!Number.isFinite(r) || r <= 0)
     return [];
@@ -240,16 +240,16 @@ function Ne(f, e, t = {}) {
     a.add(u);
   for (let u = Math.max(0, i - n); u <= Math.min(r - 1, i + n); u += 1)
     a.add(u);
-  const o = Array.from(a).sort((u, p) => u - p), l = [];
+  const o = Array.from(a).sort((u, m) => u - m), l = [];
   let h = null;
   for (const u of o) {
     if (h !== null && u - h > 1)
       if (u - h === 2) {
-        const p = h + 1;
+        const m = h + 1;
         l.push({
-          page: p,
-          label: p + 1,
-          active: p === i,
+          page: m,
+          label: m + 1,
+          active: m === i,
           ellipsis: !1
         });
       } else
@@ -278,15 +278,15 @@ function ue(f, e) {
   if (i < 1 || i > 12)
     return "";
   const n = Number.isFinite(e) ? Math.trunc(e) : 0, s = r * 12 + (i - 1) + n, a = Math.floor(s / 12), o = s - a * 12 + 1;
-  return `${String(a).padStart(4, "0")}-${W(o)}`;
+  return `${String(a).padStart(4, "0")}-${K(o)}`;
 }
 function qe(f) {
   if (typeof f == "string" && f.trim() !== "")
     return ue(f, 0);
   const e = /* @__PURE__ */ new Date();
-  return `${String(e.getFullYear()).padStart(4, "0")}-${W(e.getMonth() + 1)}`;
+  return `${String(e.getFullYear()).padStart(4, "0")}-${K(e.getMonth() + 1)}`;
 }
-function Fe(f, e) {
+function Ne(f, e) {
   const t = Math.trunc(Number(f));
   if (!Number.isFinite(t) || t < 0)
     return [];
@@ -342,15 +342,15 @@ function ke(f, e) {
   }
   return t;
 }
-function Pe(f, e) {
+function Ie(f, e) {
   return e == null || f == null ? String(f) : String(f[e]);
 }
-function Ie(f, e) {
+function Pe(f, e) {
   if (!Array.isArray(f))
     return [];
   const t = /* @__PURE__ */ new Set(), r = [];
   for (const i of f) {
-    const n = Pe(i, e);
+    const n = Ie(i, e);
     t.has(n) || (t.add(n), r.push(i));
   }
   return r;
@@ -360,7 +360,7 @@ function Ce(f, e) {
     return [];
   const t = /* @__PURE__ */ new Map(), r = [];
   for (const i of f) {
-    const n = Pe(i, e), s = t.get(n);
+    const n = Ie(i, e), s = t.get(n);
     if (s === void 0) {
       const a = i == null ? i : i[e];
       t.set(n, r.length), r.push({ key: a, items: [i] });
@@ -372,14 +372,14 @@ function Ce(f, e) {
 const We = Object.freeze({
   date: Te,
   number: Re,
-  pages: Ne,
+  pages: Fe,
   range: De,
   monthAdd: ue,
-  monthRange: Fe,
+  monthRange: Ne,
   pageSummary: Me,
   findBy: xe,
   sum: ke,
-  distinct: Ie,
+  distinct: Pe,
   groupBy: Ce
 }), B = class B {
   /**
@@ -475,18 +475,18 @@ const We = Object.freeze({
    */
   static evaluateDetailed(e, t = {}) {
     if (this.scheduleForbiddenBindingValueCacheReset(), e.trim() === "")
-      return m.warn("[Haori]", e, "Expression is empty"), { value: null, unresolvedReference: !1 };
+      return b.warn("[Haori]", e, "Expression is empty"), { value: null, unresolvedReference: !1 };
     if (this.containsDangerousPatterns(e)) {
       const l = this.detectDisallowedKeywords(e);
       if (l.length > 0) {
         const h = l.some((u) => u === "function" || u === "return") ? " Statement keywords are not allowed in expressions; use an arrow function such as `x => ({key: value})` instead of `function(x){ return {key: value}; }`." : " These are statement keywords and cannot be used in expressions.";
-        m.warn(
+        b.warn(
           "[Haori]",
           e,
           "Expression uses disallowed keyword(s): " + l.join(", ") + "." + h
         );
       } else
-        m.warn(
+        b.warn(
           "[Haori]",
           e,
           "Expression contains dangerous patterns"
@@ -496,7 +496,7 @@ const We = Object.freeze({
     const r = this.collectForbiddenKeys(t);
     if (r.length > 0) {
       const l = r.join(",");
-      this.loggedForbiddenKeySignatures.has(l) || (this.loggedForbiddenKeySignatures.add(l), this.scheduleForbiddenKeyLogReset(), m.error(
+      this.loggedForbiddenKeySignatures.has(l) || (this.loggedForbiddenKeySignatures.add(l), this.scheduleForbiddenKeyLogReset(), b.error(
         "[Haori]",
         "Binding keys are reserved and ignored: " + r.join(", ") + ". These collide with blocked global/prototype names and cannot be used as top-level binding keys; the remaining keys are still evaluated."
       ));
@@ -507,7 +507,7 @@ const We = Object.freeze({
       /* @__PURE__ */ new WeakSet(),
       i
     ))
-      return m.warn(
+      return b.warn(
         "[Haori]",
         t,
         "Binded values contain forbidden values"
@@ -518,7 +518,7 @@ const We = Object.freeze({
     ), s = this.BUILTIN_REFERENCE_PATTERN.test(
       n
     );
-    s && this.BUILTIN_NAMESPACE in t && m.warn(
+    s && this.BUILTIN_NAMESPACE in t && b.warn(
       "[Haori]",
       `Binding key "${this.BUILTIN_NAMESPACE}" is reserved for built-in helpers; the bound value is ignored in expressions.`
     );
@@ -532,9 +532,9 @@ const We = Object.freeze({
       if (h.compileFailed || h.evaluator === null)
         return { value: null, unresolvedReference: !1 };
       try {
-        const u = [], p = this.wrapBoundValues(a);
+        const u = [], m = this.wrapBoundValues(a);
         return h.bindKeys.forEach((v) => {
-          u.push(p[v]);
+          u.push(m[v]);
         }), {
           value: this.withBlockedPropertyAccess(
             () => h.evaluator(...u)
@@ -549,15 +549,15 @@ const We = Object.freeze({
             continue;
           }
         }
-        const p = this.detectForbiddenIdentifiers(e);
-        return p.length > 0 && m.warn(
+        const m = this.detectForbiddenIdentifiers(e);
+        return m.length > 0 && b.warn(
           "[Haori]",
-          "Expression references blocked identifier(s): " + p.join(", ") + ". These are blocked in expressions and evaluate to undefined (often the cause of this error). Use spread {...a, ...b} instead of Object.assign.",
+          "Expression references blocked identifier(s): " + m.join(", ") + ". These are blocked in expressions and evaluate to undefined (often the cause of this error). Use spread {...a, ...b} instead of Object.assign.",
           e
-        ), m.error("[Haori]", "Expression evaluation error:", e, u), u instanceof ReferenceError ? { value: void 0, unresolvedReference: !0 } : { value: null, unresolvedReference: !1 };
+        ), b.error("[Haori]", "Expression evaluation error:", e, u), u instanceof ReferenceError ? { value: void 0, unresolvedReference: !0 } : { value: null, unresolvedReference: !1 };
       }
     }
-    return m.error(
+    return b.error(
       "[Haori]",
       "Failed to recover missing identifiers:",
       e,
@@ -591,7 +591,7 @@ return (${e});`;
         compileFailed: !1
       };
     } catch (o) {
-      return m.error(
+      return b.error(
         "[Haori]",
         "Failed to compile expression:",
         e,
@@ -1188,7 +1188,7 @@ B.MAX_IDENTIFIER_RECOVERY_COUNT = 8, B.BUILTIN_NAMESPACE = "haori", B.BUILTIN_HE
   "with",
   "yield"
 ]), B.EXPRESSION_CACHE = /* @__PURE__ */ new Map();
-let z = B;
+let G = B;
 class ge {
   constructor() {
     this.MAX_BUDGET = 8, this.queue = [], this.processing = !1;
@@ -1231,13 +1231,13 @@ class ge {
             const r = await t.task();
             t.resolve(r);
           } catch (r) {
-            t.reject(r), m.error("[Haori]", `Task ${t.timestamp} failed:`, r);
+            t.reject(r), b.error("[Haori]", `Task ${t.timestamp} failed:`, r);
           }
           if (performance.now() - e > this.MAX_BUDGET)
             break;
         }
       } catch (e) {
-        m.error("[Haori]", "Error processing queue:", e);
+        b.error("[Haori]", "Error processing queue:", e);
       } finally {
         this.processing = !1, this.queue.length > 0 && this.scheduleProcessing();
       }
@@ -1320,13 +1320,13 @@ const me = class me {
   }
 };
 me.ASYNC_QUEUE = new ge();
-let P = me;
-const F = class F {
+let I = me;
+const x = class x {
   /**
    * 集計状態を初期化します。
    */
   static reset() {
-    F.ELEMENT_STORES.clear(), F.ensureGlobalAccess();
+    x.ELEMENT_STORES.clear(), x.ensureGlobalAccess();
   }
   /**
    * 現在の集計結果スナップショットを返します。
@@ -1334,7 +1334,7 @@ const F = class F {
    * @returns エレメントごとの集計結果
    */
   static snapshot() {
-    return F.ensureGlobalAccess(), [...F.ELEMENT_STORES.entries()].map(([e, t]) => ({
+    return x.ensureGlobalAccess(), [...x.ELEMENT_STORES.entries()].map(([e, t]) => ({
       elementId: e,
       tagName: t.tagName,
       attributes: [...t.attributes.entries()].map(([r, i]) => ({
@@ -1343,7 +1343,7 @@ const F = class F {
         calls: i.calls,
         totalDurationMs: i.totalDurationMs,
         maxDurationMs: i.maxDurationMs,
-        placeholders: F.sortPlaceholders(
+        placeholders: x.sortPlaceholders(
           i.placeholders
         )
       })).sort((r, i) => i.calls - r.calls),
@@ -1353,7 +1353,7 @@ const F = class F {
         calls: i.calls,
         totalDurationMs: i.totalDurationMs,
         maxDurationMs: i.maxDurationMs,
-        placeholders: F.sortPlaceholders(
+        placeholders: x.sortPlaceholders(
           i.placeholders
         )
       })).sort((r, i) => i.calls - r.calls)
@@ -1371,29 +1371,29 @@ const F = class F {
   static record(e, t, r) {
     if (!L.isEnabled() || !e || t.length === 0)
       return;
-    F.ensureGlobalAccess();
-    const i = F.getOrCreateElementStore(
+    x.ensureGlobalAccess();
+    const i = x.getOrCreateElementStore(
       e.element
     );
     if (e.kind === "attribute") {
-      const s = F.getOrCreateCounter(
+      const s = x.getOrCreateCounter(
         i.attributes,
         e.rawName,
         e.template
       );
-      F.updateCounter(
+      x.updateCounter(
         s,
         t,
         r
       );
       return;
     }
-    const n = F.getOrCreateCounter(
+    const n = x.getOrCreateCounter(
       i.texts,
       String(e.childIndex),
       e.template
     );
-    F.updateCounter(
+    x.updateCounter(
       n,
       t,
       r
@@ -1406,9 +1406,9 @@ const F = class F {
     if (!L.isEnabled())
       return;
     const e = globalThis;
-    e[F.GLOBAL_KEY] === void 0 && (e[F.GLOBAL_KEY] = {
-      reset: () => F.reset(),
-      snapshot: () => F.snapshot()
+    e[x.GLOBAL_KEY] === void 0 && (e[x.GLOBAL_KEY] = {
+      reset: () => x.reset(),
+      snapshot: () => x.snapshot()
     });
   }
   /**
@@ -1418,7 +1418,7 @@ const F = class F {
    * @returns 集計ストア
    */
   static getOrCreateElementStore(e) {
-    const t = F.createElementId(e), r = F.ELEMENT_STORES.get(t);
+    const t = x.createElementId(e), r = x.ELEMENT_STORES.get(t);
     if (r)
       return r;
     const i = {
@@ -1426,7 +1426,7 @@ const F = class F {
       attributes: /* @__PURE__ */ new Map(),
       texts: /* @__PURE__ */ new Map()
     };
-    return F.ELEMENT_STORES.set(t, i), i;
+    return x.ELEMENT_STORES.set(t, i), i;
   }
   /**
    * カウンタを取得または初期化します。
@@ -1476,7 +1476,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 n = F.getOrCreatePlaceholder(
+      const n = x.getOrCreatePlaceholder(
         e.placeholders,
         i.expression
       );
@@ -1515,10 +1515,10 @@ const F = class F {
    * @returns 結果と所要時間
    */
   static measure(e) {
-    const t = F.now();
+    const t = x.now();
     return {
       value: e(),
-      durationMs: F.now() - t
+      durationMs: x.now() - t
     };
   }
   /**
@@ -1545,35 +1545,35 @@ const F = class F {
     return t.join(" > ");
   }
 };
-F.GLOBAL_KEY = "__HAORI_EVALUATION_PROFILE__", F.ELEMENT_STORES = /* @__PURE__ */ new Map();
-let ne = F;
-const X = class X {
+x.GLOBAL_KEY = "__HAORI_EVALUATION_PROFILE__", x.ELEMENT_STORES = /* @__PURE__ */ new Map();
+let ne = x;
+const Q = class Q {
   /**
    * フラグメントのコンストラクタ。
    *
    * @param target 対象ノード
    */
   constructor(e) {
-    this.parent = null, this.mounted = !1, this.skipMutationNodes = !1, this.target = e, X.FRAGMENT_CACHE.set(e, this);
+    this.parent = null, this.mounted = !1, this.skipMutationNodes = !1, this.target = e, Q.FRAGMENT_CACHE.set(e, this);
   }
   static get(e) {
     if (e == null)
       return null;
-    if (X.FRAGMENT_CACHE.has(e))
-      return X.FRAGMENT_CACHE.get(e);
+    if (Q.FRAGMENT_CACHE.has(e))
+      return Q.FRAGMENT_CACHE.get(e);
     let t;
     switch (e.nodeType) {
       case Node.ELEMENT_NODE:
         t = new M(e);
         break;
       case Node.TEXT_NODE:
-        t = new V(e);
+        t = new j(e);
         break;
       case Node.COMMENT_NODE:
         t = new pe(e);
         break;
       default:
-        return m.warn("[Haori]", "Unsupported node type:", e.nodeType), null;
+        return b.warn("[Haori]", "Unsupported node type:", e.nodeType), null;
     }
     return t;
   }
@@ -1595,7 +1595,7 @@ const X = class X {
       return Promise.resolve();
     if (this.parent) {
       const e = this.parent, t = e.skipMutationNodes;
-      return P.enqueue(() => {
+      return I.enqueue(() => {
         e.skipMutationNodes = !0, this.target.parentNode === e.getTarget() && e.getTarget().removeChild(this.target), this.mounted = !1;
       }).finally(() => {
         e.skipMutationNodes = t;
@@ -1603,7 +1603,7 @@ const X = class X {
     } else {
       const e = this.target.parentNode;
       if (e)
-        return P.enqueue(() => {
+        return I.enqueue(() => {
           this.target.parentNode === e && e.removeChild(this.target), this.mounted = !1;
         });
       this.mounted = !1;
@@ -1620,7 +1620,7 @@ const X = class X {
       return Promise.resolve();
     if (this.parent) {
       const e = this.parent, t = e.skipMutationNodes;
-      return P.enqueue(() => {
+      return I.enqueue(() => {
         e.skipMutationNodes = !0, this.target.parentNode !== e.getTarget() && e.getTarget().appendChild(this.target), this.mounted = !0;
       }).finally(() => {
         e.skipMutationNodes = t;
@@ -1651,7 +1651,7 @@ const X = class X {
    * @return 除去のPromise
    */
   remove(e = !0) {
-    return this.parent && this.parent.removeChild(this), X.FRAGMENT_CACHE.delete(this.target), e ? this.unmount() : Promise.resolve();
+    return this.parent && this.parent.removeChild(this), Q.FRAGMENT_CACHE.delete(this.target), e ? this.unmount() : Promise.resolve();
   }
   /**
    * 対象ノードを取得します。
@@ -1678,9 +1678,9 @@ const X = class X {
     this.parent = e;
   }
 };
-X.FRAGMENT_CACHE = /* @__PURE__ */ new WeakMap();
-let T = X;
-const K = class K extends T {
+Q.FRAGMENT_CACHE = /* @__PURE__ */ new WeakMap();
+let S = Q;
+const z = class z extends S {
   /**
    * エレメントフラグメントのコンストラクタ。
    * アトリビュートや子フラグメントの作成も行います。
@@ -1710,7 +1710,7 @@ const K = class K extends T {
         this.attributeMap.set(t, i);
       }
     }), e.childNodes.forEach((t) => {
-      const r = T.get(t);
+      const r = S.get(t);
       r.setParent(this), this.children.push(r);
     });
   }
@@ -1729,7 +1729,7 @@ const K = class K extends T {
    */
   getChildElementFragments() {
     return this.children.filter(
-      (e) => e instanceof K
+      (e) => e instanceof z
     );
   }
   /**
@@ -1750,7 +1750,7 @@ const K = class K extends T {
   removeChild(e) {
     const t = this.children.indexOf(e);
     if (t < 0) {
-      m.warn("[Haori]", "Child fragment not found.", e);
+      b.warn("[Haori]", "Child fragment not found.", e);
       return;
     }
     this.children.splice(t, 1), e.setParent(null);
@@ -1761,7 +1761,7 @@ const K = class K extends T {
    * @returns クローンされたフラグメント
    */
   clone() {
-    const e = new K(
+    const e = new z(
       this.target.cloneNode(!1)
     );
     return this.attributeMap.forEach((t, r) => {
@@ -1776,7 +1776,7 @@ const K = class K extends T {
    */
   normalizeClonedVisibilityState() {
     (this.visible === !1 || this.getTarget().style.display === "none" || this.getTarget().hasAttribute(`${c.prefix}if-false`)) && (this.visible = !0, this.display = null, this.displayPriority = null, this.getTarget().style.removeProperty("display"), this.getTarget().removeAttribute(`${c.prefix}if-false`)), this.children.forEach((e) => {
-      e instanceof K && e.normalizeClonedVisibilityState();
+      e instanceof z && e.normalizeClonedVisibilityState();
     });
   }
   /**
@@ -1940,7 +1940,7 @@ const K = class K extends T {
    */
   clearBindingDataCache() {
     this.bindingDataCache = null, this.descendantBindingDataCache = null, this.children.forEach((e) => {
-      e instanceof K && e.clearBindingDataCache();
+      e instanceof z && e.clearBindingDataCache();
     });
   }
   /**
@@ -2092,20 +2092,31 @@ const K = class K extends T {
     if (r instanceof HTMLInputElement && (r.type === "checkbox" || r.type === "radio")) {
       const i = this.getAttribute("value"), n = r.type === "checkbox" && i === "true";
       let s;
-      return n ? s = e === !0 || e === "true" : i === "false" ? s = e === !1 : Array.isArray(e) ? s = e.map(String).includes(String(i)) : s = i === String(e), n ? this.value = s : s ? Array.isArray(e) ? this.value = String(i) : this.value = e : this.value = null, r.checked === s ? Promise.resolve() : (this.skipChangeValue = !0, P.enqueue(() => {
+      return n ? s = e === !0 || e === "true" : i === "false" ? s = e === !1 : Array.isArray(e) ? s = e.map(String).includes(String(i)) : s = i === String(e), n ? this.value = s : s ? Array.isArray(e) ? this.value = String(i) : this.value = e : this.value = null, r.checked === s ? Promise.resolve() : (this.skipChangeValue = !0, I.enqueue(() => {
         r.checked = s, t && r.dispatchEvent(new Event("change", { bubbles: !0 }));
       }).finally(() => {
         this.skipChangeValue = !1;
       }));
+    } else if (r instanceof HTMLSelectElement && r.multiple) {
+      const i = (Array.isArray(e) ? e : e === null ? [] : [e]).map(String);
+      return this.value = i.slice(), this.skipChangeValue = !0, I.enqueue(() => {
+        let n = !1;
+        Array.from(r.options).forEach((s) => {
+          const a = i.includes(s.value);
+          s.selected !== a && (s.selected = a, n = !0);
+        }), n && t && r.dispatchEvent(new Event("change", { bubbles: !0 }));
+      }).finally(() => {
+        this.skipChangeValue = !1;
+      });
     } else if (r instanceof HTMLInputElement || r instanceof HTMLTextAreaElement || r instanceof HTMLSelectElement) {
       const i = Array.isArray(e) ? e.join(",") : e;
-      return this.value = this.normalizeValueForElement(r, i), this.skipChangeValue = !0, P.enqueue(() => {
+      return this.value = this.normalizeValueForElement(r, i), this.skipChangeValue = !0, I.enqueue(() => {
         r.value = i === null ? "" : String(i), 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;
       });
     } else
-      return m.warn(
+      return b.warn(
         "[Haori]",
         "setValue is not supported for this element type.",
         r
@@ -2164,7 +2175,9 @@ const K = class K extends T {
         }
       } else
         this.value = this.normalizeValueForElement(e, e.value);
-    else e instanceof HTMLTextAreaElement ? this.value = e.value : e instanceof HTMLSelectElement && (this.value = e.value);
+    else e instanceof HTMLTextAreaElement ? this.value = e.value : e instanceof HTMLSelectElement && (e.multiple ? this.value = Array.from(e.selectedOptions).map(
+      (t) => t.value
+    ) : this.value = e.value);
   }
   /**
    * 属性の値を評価して設定します。
@@ -2207,7 +2220,7 @@ const K = class K extends T {
       return Promise.resolve();
     this.attributeMap.delete(e), this.skipMutationAttributes = !0;
     const r = this.getTarget();
-    return P.enqueue(() => {
+    return I.enqueue(() => {
       r.removeAttribute(e), t !== e && r.removeAttribute(t);
     }).finally(() => {
       this.skipMutationAttributes = !1;
@@ -2231,7 +2244,7 @@ const K = class K extends T {
     if (n) {
       const ce = this.attributeMap.get(e);
       if (ce && (ce.isEvaluate || ce.isForceEvaluation()) && !s.isEvaluate && !s.isForceEvaluation())
-        return this.skipMutationAttributes = !0, P.enqueue(() => {
+        return this.skipMutationAttributes = !0, I.enqueue(() => {
         }).finally(() => {
           this.skipMutationAttributes = !1;
         });
@@ -2242,9 +2255,9 @@ const K = class K extends T {
       element: a,
       rawName: e,
       template: r
-    }), l = s.isEvaluate || s.isRawEvaluate, h = e === t && K.BOOLEAN_ATTRIBUTES.has(t.toLowerCase()), u = s.isSingleExpression(), p = G.joinEvaluateResults(o.results), v = o.results.length === 1 ? o.results[0] : p, R = !s.isForceEvaluation() && (t !== e || h || u ? o.hasUnresolvedReference || v === null || v === void 0 || v === !1 : l && p === ""), I = s.isForceEvaluation() ? r : u ? v : p, A = i && s.isEvaluate && t === "value" && (a instanceof HTMLInputElement && this.INPUT_EVENT_TYPES.includes(a.type) || a instanceof HTMLTextAreaElement || a instanceof HTMLSelectElement), y = a.getRootNode(), b = A && a === y.activeElement, S = R || I === null || I === !1 ? null : String(I), k = e !== t && a.getAttribute(e) !== r, C = S === null ? a.hasAttribute(t) : a.getAttribute(t) !== S, O = A && !b && S !== null && a.value !== S, j = t === "checked" && a instanceof HTMLInputElement && (a.type === "checkbox" || a.type === "radio"), $ = t === "selected" && a instanceof HTMLOptionElement, ee = y.activeElement, be = ee !== null && (j && a === ee || $ && a.closest("select") === ee), te = S !== null, ve = j && !be && a.checked !== te, ye = $ && !be && a.selected !== te;
-    return !k && !C && !O && !ve && !ye ? (A && !b && S !== null && (this.value = this.normalizeValueForElement(a, S)), Promise.resolve()) : (this.skipMutationAttributes = !0, P.enqueue(() => {
-      k && a.setAttribute(e, r), S === null ? a.removeAttribute(t) : (C && (a.setAttribute(t, S), t === `${c.prefix}bind` && this.recordSelfWrittenBind(S)), A && !b && (this.value = this.normalizeValueForElement(a, S), O && (a.value = S))), ve && (a.checked = te), ye && (a.selected = te);
+    }), l = s.isEvaluate || s.isRawEvaluate, h = e === t && z.BOOLEAN_ATTRIBUTES.has(t.toLowerCase()), u = s.isSingleExpression(), m = Y.joinEvaluateResults(o.results), v = o.results.length === 1 ? o.results[0] : m, T = !s.isForceEvaluation() && (t !== e || h || u ? o.hasUnresolvedReference || v === null || v === void 0 || v === !1 : l && m === ""), C = s.isForceEvaluation() ? r : u ? v : m, O = i && s.isEvaluate && t === "value" && (a instanceof HTMLInputElement && this.INPUT_EVENT_TYPES.includes(a.type) || a instanceof HTMLTextAreaElement || a instanceof HTMLSelectElement), E = a.getRootNode(), p = O && a === E.activeElement, y = T || C === null || C === !1 ? null : String(C), R = e !== t && a.getAttribute(e) !== r, P = y === null ? a.hasAttribute(t) : a.getAttribute(t) !== y, F = O && !p && y !== null && a.value !== y, U = t === "checked" && a instanceof HTMLInputElement && (a.type === "checkbox" || a.type === "radio"), $ = t === "selected" && a instanceof HTMLOptionElement, W = E.activeElement, be = W !== null && (U && a === W || $ && a.closest("select") === W), te = y !== null, ve = U && !be && a.checked !== te, ye = $ && !be && a.selected !== te;
+    return !R && !P && !F && !ve && !ye ? (O && !p && y !== null && (this.value = this.normalizeValueForElement(a, y)), Promise.resolve()) : (this.skipMutationAttributes = !0, I.enqueue(() => {
+      R && a.setAttribute(e, r), y === null ? a.removeAttribute(t) : (P && (a.setAttribute(t, y), t === `${c.prefix}bind` && this.recordSelfWrittenBind(y)), O && !p && (this.value = this.normalizeValueForElement(a, y), F && (a.value = y))), ve && (a.checked = te), ye && (a.selected = te);
     }).finally(() => {
       this.skipMutationAttributes = !1;
     }));
@@ -2260,7 +2273,7 @@ const K = class K extends T {
       return Promise.resolve();
     this.attributeMap.delete(e), this.skipMutationAttributes = !0;
     const t = this.getTarget();
-    return P.enqueue(() => {
+    return I.enqueue(() => {
       t.removeAttribute(e);
     }).finally(() => {
       this.skipMutationAttributes = !1;
@@ -2296,7 +2309,7 @@ const K = class K extends T {
       value: r.results[0],
       hasUnresolvedReference: r.hasUnresolvedReference
     } : {
-      value: G.joinEvaluateResults(r.results),
+      value: Y.joinEvaluateResults(r.results),
       hasUnresolvedReference: r.hasUnresolvedReference
     };
   }
@@ -2341,7 +2354,7 @@ const K = class K extends T {
     const i = t ? r.nextSibling : r;
     let n = t ? r.nextSibling : r;
     for (; n !== null; ) {
-      const s = T.get(n);
+      const s = S.get(n);
       if (s !== null) {
         const a = this.children.indexOf(s);
         if (a !== -1)
@@ -2363,13 +2376,13 @@ const K = class K extends T {
     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 b.error("[Haori]", "Cannot insert element as child of itself"), Promise.reject(new Error("Self-insertion not allowed"));
     const i = /* @__PURE__ */ new Set();
     let n = this.parent;
     for (; n; )
       i.add(n), n = n.getParent();
     if (i.has(e))
-      return m.error("[Haori]", "Cannot create circular reference"), Promise.reject(new Error("Circular reference detected"));
+      return b.error("[Haori]", "Cannot create circular reference"), Promise.reject(new Error("Circular reference detected"));
     const s = e.getParent() === this;
     let a = -1, o = -1;
     s && (a = this.children.indexOf(e), t !== null && (o = this.children.indexOf(t)));
@@ -2379,23 +2392,23 @@ const K = class K extends T {
     if (t === null)
       this.children.push(e);
     else {
-      let p;
-      if (s ? a !== -1 && a < o ? p = o - 1 : p = o : p = this.children.indexOf(t), p === -1) {
+      let m;
+      if (s ? a !== -1 && a < o ? m = o - 1 : m = o : m = this.children.indexOf(t), m === -1) {
         const v = this.resolveInsertionPointFromDom(
           t,
           !1
         );
-        v === null ? (m.warn(
+        v === null ? (b.warn(
           "[Haori]",
           "Reference child not found in children.",
           t
         ), this.children.push(e)) : (this.children.splice(v.index, 0, e), h = v.referenceNode);
       } else
-        this.children.splice(p, 0, e);
+        this.children.splice(m, 0, e);
     }
     e.setParent(this), e.setMounted(this.mounted);
     const u = this.skipMutationNodes;
-    return this.skipMutationNodes = !0, P.enqueue(() => {
+    return this.skipMutationNodes = !0, I.enqueue(() => {
       this.target.insertBefore(e.getTarget(), h);
     }).finally(() => {
       this.skipMutationNodes = u;
@@ -2417,7 +2430,7 @@ const K = class K extends T {
         t,
         !0
       );
-      return i === null ? (m.warn(
+      return i === null ? (b.warn(
         "[Haori]",
         "Reference child not found in children.",
         t
@@ -2504,7 +2517,7 @@ const K = class K extends T {
     return t === null ? null : t.closestByAttribute(e);
   }
 };
-K.BOOLEAN_ATTRIBUTES = /* @__PURE__ */ new Set([
+z.BOOLEAN_ATTRIBUTES = /* @__PURE__ */ new Set([
   "allowfullscreen",
   "async",
   "autofocus",
@@ -2529,8 +2542,8 @@ K.BOOLEAN_ATTRIBUTES = /* @__PURE__ */ new Set([
   "reversed",
   "selected"
 ]);
-let M = K;
-class V extends T {
+let M = z;
+class j extends S {
   /**
    * テキストフラグメントのコンストラクタ。
    * 対象テキストノードの内容を初期化します。
@@ -2538,7 +2551,7 @@ class V extends T {
    * @param target 対象テキストノード
    */
   constructor(e) {
-    super(e), this.skipMutation = !1, this.renderedText = null, this.text = e.textContent || "", this.contents = new G(this.text);
+    super(e), this.skipMutation = !1, this.renderedText = null, this.text = e.textContent || "", this.contents = new Y(this.text);
   }
   /**
    * フラグメントをクローンします。
@@ -2546,7 +2559,7 @@ class V extends T {
    * @returns クローンされたフラグメント
    */
   clone() {
-    const e = new V(this.target.cloneNode(!0));
+    const e = new j(this.target.cloneNode(!0));
     return e.mounted = !1, e.text = this.text, e.contents = this.contents, e.renderedText = this.renderedText, e;
   }
   /**
@@ -2572,7 +2585,7 @@ class V extends T {
    * @returns 更新のPromise
    */
   setContent(e) {
-    return this.skipMutation || this.text === e ? Promise.resolve() : (this.text = e, this.contents = new G(e), this.evaluate());
+    return this.skipMutation || this.text === e ? Promise.resolve() : (this.text = e, this.contents = new Y(e), this.evaluate());
   }
   /**
    * フラグメントを評価します。
@@ -2582,7 +2595,7 @@ class V extends T {
   evaluate() {
     return this.contents.isRawEvaluate && this.parent === null ? Promise.reject(
       new Error("Parent fragment is required for raw evaluation")
-    ) : P.enqueue(() => {
+    ) : I.enqueue(() => {
       this.skipMutation = !0;
       let e = this.text;
       this.contents.isRawEvaluate ? e = this.contents.evaluate(
@@ -2593,7 +2606,7 @@ class V extends T {
           childIndex: this.parent.getChildren().indexOf(this),
           template: this.text
         }
-      )[0] : this.contents.isEvaluate && (e = G.joinEvaluateResults(
+      )[0] : this.contents.isEvaluate && (e = Y.joinEvaluateResults(
         this.contents.evaluate(this.parent.getBindingData(), {
           kind: "text",
           element: this.parent.getTarget(),
@@ -2608,7 +2621,7 @@ class V extends T {
     });
   }
 }
-class pe extends T {
+class pe extends S {
   /**
    * コメントフラグメントのコンストラクタ。
    * 対象コメントノードの内容を初期化します。
@@ -2642,7 +2655,7 @@ class pe extends T {
    * @return 更新のPromise
    */
   setContent(e) {
-    return this.skipMutation || this.text === e ? Promise.resolve() : (this.text = e, P.enqueue(() => {
+    return this.skipMutation || this.text === e ? Promise.resolve() : (this.text = e, I.enqueue(() => {
       this.skipMutation = !0, this.target.textContent = this.text;
     }).finally(() => {
       this.skipMutation = !1;
@@ -2708,7 +2721,7 @@ const oe = class oe {
    */
   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 && (b.error(
         "[Haori]",
         "Raw expressions are not allowed in multi-content expressions."
       ), this.contents[e].type = 1);
@@ -2755,7 +2768,7 @@ const oe = class oe {
       try {
         if (r(l)) {
           const h = ne.measure(
-            () => z.evaluateDetailed(l.text, e)
+            () => G.evaluateDetailed(l.text, e)
           ), u = h.value;
           a += h.durationMs, s.push({
             expression: l.text,
@@ -2764,7 +2777,7 @@ const oe = class oe {
         } else
           n.push(l.text);
       } catch (h) {
-        m.error(
+        b.error(
           "[Haori]",
           `Error evaluating ${i} expression: ${l.text}`,
           h
@@ -2781,8 +2794,8 @@ const oe = class oe {
   }
 };
 oe.PLACEHOLDER_REGEX = /\{\{\{([\s\S]+?)\}\}\}|\{\{([\s\S]+?)\}\}/g;
-let G = oe;
-const le = class le extends G {
+let Y = oe;
+const le = class le extends Y {
   /**
    * コンストラクタ。
    *
@@ -2827,7 +2840,7 @@ const le = class le extends G {
       (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 ? (b.error(
       "[Haori]",
       "each or if expressions must have a single content.",
       r.results
@@ -2846,7 +2859,7 @@ le.FORCE_EVALUATION_ATTRIBUTES = [
   "hor-derive"
 ];
 let se = le;
-class Q {
+class Z {
   /**
    * 実行モードを取得します。
    *
@@ -2876,7 +2889,7 @@ class Q {
    * @return すべてのレンダリングが完了したら解決される Promise
    */
   static waitForRenders() {
-    return P.waitForIdle();
+    return I.waitForIdle();
   }
   /**
    * 通知ダイアログを表示します。
@@ -2885,7 +2898,7 @@ class Q {
    * @returns 通知が閉じられると解決されるPromise
    */
   static dialog(e) {
-    return P.enqueue(() => {
+    return I.enqueue(() => {
       window.alert(e);
     }, !0);
   }
@@ -2913,7 +2926,7 @@ class Q {
    * @returns ユーザーがOKをクリックした場合はtrue、キャンセルした場合はfalseが解決されるPromise
    */
   static confirm(e) {
-    return P.enqueue(() => window.confirm(e), !0);
+    return I.enqueue(() => window.confirm(e), !0);
   }
   /**
    * ダイアログを開きます。
@@ -2921,8 +2934,8 @@ class Q {
    * @param element 開くダイアログのHTML要素
    */
   static openDialog(e) {
-    return P.enqueue(() => {
-      e instanceof HTMLDialogElement ? (Q.clearMessagesSync(e), e.showModal()) : m.error("[Haori]", "Element is not a dialog: ", e);
+    return I.enqueue(() => {
+      e instanceof HTMLDialogElement ? (Z.clearMessagesSync(e), e.showModal()) : b.error("[Haori]", "Element is not a dialog: ", e);
     }, !0);
   }
   /**
@@ -2931,8 +2944,8 @@ class Q {
    * @param element 閉じるダイアログのHTML要素
    */
   static closeDialog(e) {
-    return P.enqueue(() => {
-      e instanceof HTMLDialogElement ? e.close() : m.error("[Haori]", "Element is not a dialog: ", e);
+    return I.enqueue(() => {
+      e instanceof HTMLDialogElement ? e.close() : b.error("[Haori]", "Element is not a dialog: ", e);
     }, !0);
   }
   /**
@@ -2942,7 +2955,7 @@ class Q {
    * @param message エラーメッセージ
    */
   static addErrorMessage(e, t) {
-    return Q.addMessage(e, t, "error");
+    return Z.addMessage(e, t, "error");
   }
   /**
    * メッセージをレベル付きで追加します。
@@ -2952,7 +2965,7 @@ class Q {
    * @param level メッセージのレベル（省略可能）
    */
   static addMessage(e, t, r) {
-    return P.enqueue(() => {
+    return I.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);
@@ -2963,8 +2976,8 @@ class Q {
    * @param parent メッセージをクリアする親要素
    */
   static clearMessages(e) {
-    return P.enqueue(() => {
-      Q.clearMessagesSync(e);
+    return I.enqueue(() => {
+      Z.clearMessagesSync(e);
     }, !0);
   }
   /**
@@ -3029,7 +3042,7 @@ class Q {
    * @returns 表示要素の配列
    */
   static pages(e, t, r) {
-    return Ne(e, t, r);
+    return Fe(e, t, r);
   }
   /**
    * `YYYY-MM` 形式の年月文字列に月数を加算します。
@@ -3053,7 +3066,7 @@ class Q {
    * @returns 年月情報の降順配列。不正な入力は空配列
    */
   static monthRange(e, t) {
-    return Fe(e, t);
+    return Ne(e, t);
   }
   /**
    * ページレスポンスから表示用サマリーを作ります。
@@ -3105,7 +3118,7 @@ class Q {
    * @returns 重複排除後の新しい配列。非配列は空配列
    */
   static distinct(e, t) {
-    return Ie(e, t);
+    return Pe(e, t);
   }
   /**
    * 配列を `item[key]` ごとのグループへ分けて返します。
@@ -3126,9 +3139,9 @@ function Ae() {
   const e = globalThis.window?.Haori;
   return Ke.every(
     (r) => typeof e?.[r] == "function"
-  ) ? e : Q;
+  ) ? e : Z;
 }
-class E {
+class A {
   /**
    * フォーム内にある入力エレメントの値をオブジェクトとして取得します。
    * data-form-object属性があると、そのエレメント内の値はオブジェクトとして処理されます。
@@ -3139,7 +3152,7 @@ class E {
    */
   static getValues(e) {
     const t = {};
-    return E.getPartValues(e, t);
+    return A.getPartValues(e, t);
   }
   /**
    * フォーム内の各入力エレメントから値を取得し、オブジェクトとして返します。
@@ -3150,26 +3163,28 @@ class E {
    * @returns values と同じオブジェクト
    */
   static getPartValues(e, t) {
+    if (e.getTarget().hasAttribute(`${c.prefix}if-false`))
+      return t;
     const r = e.getAttribute("name"), i = e.getAttribute(`${c.prefix}form-object`), n = e.getAttribute(`${c.prefix}form-list`);
     if (r) {
       if (n)
         Array.isArray(t[String(r)]) ? t[String(r)].push(e.getValue()) : t[String(r)] = [e.getValue()];
-      else if (E.isGroupedCheckable(e)) {
-        const s = e.getValue(), a = String(r);
-        s === null ? a in t || (t[a] = null) : t[a] === null || t[a] === void 0 ? t[a] = s : Array.isArray(t[a]) ? t[a].push(s) : t[a] = [t[a], s];
+      else if (A.isGroupedCheckable(e)) {
+        const s = e.getTarget(), o = (s instanceof HTMLInputElement ? s.checked : !0) ? e.getValue() : null, l = String(r);
+        o === null ? l in t || (t[l] = null) : t[l] === null || t[l] === void 0 ? t[l] = o : Array.isArray(t[l]) ? t[l].push(o) : t[l] = [t[l], o];
       } else
         t[String(r)] = e.getValue();
-      i && m.warn(
+      i && b.warn(
         "Haori",
         `Element cannot have both ${c.prefix}form-object and name attributes.`
       );
       for (const s of e.getChildElementFragments())
-        E.getPartValues(s, t);
+        A.getPartValues(s, t);
     } else if (i) {
       const s = {};
       for (const a of e.getChildElementFragments())
-        E.getPartValues(a, s);
-      Object.keys(s).length > 0 && (t[String(i)] = s), n && m.warn(
+        A.getPartValues(a, s);
+      Object.keys(s).length > 0 && (t[String(i)] = s), n && b.warn(
         "Haori",
         `Element cannot have both ${c.prefix}form-list and ${c.prefix}form-object attributes.`
       );
@@ -3177,12 +3192,12 @@ class E {
       const s = [];
       for (const a of e.getChildElementFragments()) {
         const o = {};
-        E.getPartValues(a, o), Object.keys(o).length > 0 && s.push(o);
+        A.getPartValues(a, o), Object.keys(o).length > 0 && s.push(o);
       }
       s.length > 0 && (t[String(n)] = s);
     } else
       for (const s of e.getChildElementFragments())
-        E.getPartValues(s, t);
+        A.getPartValues(s, t);
     return t;
   }
   /**
@@ -3195,7 +3210,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);
   }
   /**
    * フォーム内にある入力エレメントに値をイベントなしで設定します。
@@ -3207,7 +3222,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);
   }
   /**
    * 値による上書きをグループ単位で扱うべき入力要素（boolean 型でない
@@ -3220,6 +3235,16 @@ class E {
     const t = e.getTarget();
     return t instanceof HTMLInputElement ? t.type === "radio" ? !0 : t.type !== "checkbox" ? !1 : t.value !== "true" && t.value !== "false" : !1;
   }
+  /**
+   * 複数選択の select 要素かどうかを判定します。
+   *
+   * @param fragment 対象フラグメント
+   * @returns `<select multiple>` の場合 true
+   */
+  static isMultipleSelect(e) {
+    const t = e.getTarget();
+    return t instanceof HTMLSelectElement && t.multiple;
+  }
   /**
    * 単一フラグメントへ値を設定します。
    *
@@ -3246,24 +3271,24 @@ class E {
       if (!h || i) {
         const u = t[String(a)];
         l && Array.isArray(u) && r !== null ? s.push(
-          E.applyFragmentValue(e, u[r] ?? null, n)
-        ) : typeof u > "u" || (Array.isArray(u) && E.isGroupedCheckable(e) || typeof u == "string" || typeof u == "number" || typeof u == "boolean" || u === null ? s.push(
-          E.applyFragmentValue(
+          A.applyFragmentValue(e, u[r] ?? null, n)
+        ) : typeof u > "u" || (Array.isArray(u) && A.isGroupedCheckable(e) || Array.isArray(u) && A.isMultipleSelect(e) || typeof u == "string" || typeof u == "number" || typeof u == "boolean" || u === null ? s.push(
+          A.applyFragmentValue(
             e,
             u,
             n
           )
         ) : s.push(
-          E.applyFragmentValue(e, String(u), n)
+          A.applyFragmentValue(e, String(u), n)
         ));
       }
     } else if (o) {
       const u = t[String(o)];
       if (u && typeof u == "object")
-        for (const p of e.getChildElementFragments())
+        for (const m of e.getChildElementFragments())
           s.push(
-            E.setPartValues(
-              p,
+            A.setPartValues(
+              m,
               u,
               null,
               i,
@@ -3273,24 +3298,24 @@ class E {
     } else if (l) {
       const u = t[String(l)];
       if (Array.isArray(u)) {
-        const p = e.getChildElementFragments();
-        for (let v = 0; v < p.length; v++) {
-          const R = p[v];
+        const m = e.getChildElementFragments();
+        for (let v = 0; v < m.length; v++) {
+          const T = m[v];
           u.length > v ? s.push(
-            E.setPartValues(
-              R,
+            A.setPartValues(
+              T,
               u[v],
               v,
               i,
               n
             )
-          ) : s.push(E.setPartValues(R, {}, v, i, n));
+          ) : s.push(A.setPartValues(T, {}, v, i, n));
         }
       }
     } else
       for (const u of e.getChildElementFragments())
         s.push(
-          E.setPartValues(u, t, null, i, n)
+          A.setPartValues(u, t, null, i, n)
         );
     return Promise.all(s).then(() => {
     });
@@ -3303,10 +3328,10 @@ class E {
    * @returns すべての初期化処理が完了するPromise
    */
   static async reset(e) {
-    E.clearValues(e), await Promise.all([
-      E.clearMessages(e),
-      E.clearEachClones(e)
-    ]), await P.enqueue(() => {
+    A.clearValues(e), await Promise.all([
+      A.clearMessages(e),
+      A.clearEachClones(e)
+    ]), await I.enqueue(() => {
       const r = e.getTarget();
       if (r instanceof HTMLFormElement)
         r.reset();
@@ -3319,20 +3344,20 @@ class E {
         }
       }
     });
-    const t = E.collectBindingTargetForms(e);
+    const t = A.collectBindingTargetForms(e);
     for (const r of t) {
-      const i = E.getInitialBindingData(r);
-      i && await x.setBindingData(r.getTarget(), i);
+      const i = A.getInitialBindingData(r);
+      i && await k.setBindingData(r.getTarget(), i);
     }
-    E.syncValuesFromDom(e);
+    A.syncValuesFromDom(e);
     for (const r of t) {
-      const i = E.getInitialBindingData(r);
+      const i = A.getInitialBindingData(r);
       if (r.getRawBindingData() === null && i === null)
         continue;
-      const n = E.getValues(r), s = r.getAttribute(`${c.prefix}form-arg`), a = { ...i || {} };
-      s ? a[String(s)] = n : Object.assign(a, n), await x.setBindingData(r.getTarget(), a);
+      const n = A.getValues(r), s = r.getAttribute(`${c.prefix}form-arg`), a = { ...i || {} };
+      s ? a[String(s)] = n : Object.assign(a, n), await k.setBindingData(r.getTarget(), a);
     }
-    await x.evaluateAll(e);
+    await k.evaluateAll(e);
   }
   /**
    * data-bind 属性で宣言された初期バインドデータを取得します。
@@ -3342,7 +3367,7 @@ class E {
    */
   static getInitialBindingData(e) {
     const t = e.getInitialBindAttribute();
-    return t === null ? null : x.parseDataBind(t);
+    return t === null ? null : k.parseDataBind(t);
   }
   /**
    * フラグメント配下の入力要素について、内部値を現在の DOM 値と再同期します。
@@ -3353,7 +3378,7 @@ class E {
     const t = e.getTarget();
     (t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement || t instanceof HTMLSelectElement) && e.syncValue();
     for (const r of e.getChildElementFragments())
-      E.syncValuesFromDom(r);
+      A.syncValuesFromDom(r);
   }
   /**
    * リセット後にバインドデータを更新すべきフォームフラグメントを収集します。
@@ -3369,7 +3394,7 @@ class E {
     t instanceof HTMLFormElement ? r.push(t) : r.push(...Array.from(t.querySelectorAll("form")));
     const i = [];
     for (const n of r) {
-      const s = T.get(n);
+      const s = S.get(n);
       s instanceof M && i.push(s);
     }
     return i;
@@ -3406,7 +3431,7 @@ class E {
   static clearValues(e) {
     e.clearValue();
     for (const t of e.getChildElementFragments())
-      E.clearValues(t);
+      A.clearValues(t);
   }
   /**
    * フラグメントとその子要素のメッセージをクリアします。
@@ -3429,7 +3454,7 @@ class E {
    * @return Promise（メッセージの追加が完了したら解決される）
    */
   static addErrorMessage(e, t, r) {
-    return E.addMessage(e, t, r, "error");
+    return A.addMessage(e, t, r, "error");
   }
   /**
    * キーに一致するフラグメントにレベル付きメッセージを追加します。
@@ -3442,7 +3467,7 @@ class E {
    * @return Promise（メッセージの追加が完了したら解決される）
    */
   static addMessage(e, t, r, i) {
-    const n = [], s = Ae(), a = s.addMessage, o = (h) => typeof a == "function" ? a.call(s, h, r, i) : s.addErrorMessage(h, r), l = E.findFragmentsByKey(e, t);
+    const n = [], s = Ae(), a = s.addMessage, o = (h) => typeof a == "function" ? a.call(s, h, r, i) : s.addErrorMessage(h, r), l = A.findFragmentsByKey(e, t);
     return l.forEach((h) => {
       n.push(o(h.getTarget()));
     }), l.length === 0 && n.push(o(e.getTarget())), Promise.all(n).then(() => {
@@ -3456,7 +3481,7 @@ class E {
    * @returns 一致するフラグメントの配列
    */
   static findFragmentsByKey(e, t) {
-    return E.findFragmentByKeyParts(e, t.split("."));
+    return A.findFragmentByKeyParts(e, t.split("."));
   }
   /**
    * 指定されたキーに一致するフラグメントを検索します。
@@ -3470,7 +3495,7 @@ class E {
     const r = [], i = t[0];
     if (t.length == 1 && e.getAttribute("name") === i && r.push(e), e.hasAttribute(`${c.prefix}form-object`))
       t.length > 1 && e.getAttribute(`${c.prefix}form-object`) === i && e.getChildElementFragments().forEach((s) => {
-        r.push(...E.findFragmentByKeyParts(s, t.slice(1)));
+        r.push(...A.findFragmentByKeyParts(s, t.slice(1)));
       });
     else if (e.hasAttribute(`${c.prefix}form-list`)) {
       if (t.length > 1) {
@@ -3480,11 +3505,11 @@ class E {
           if (n === o) {
             const l = i.substring(s + 1, a), h = Number(l);
             if (isNaN(h))
-              m.error("Haori", `Invalid index: ${i}`);
+              b.error("Haori", `Invalid index: ${i}`);
             else {
-              const u = e.getChildElementFragments().filter((p) => p.hasAttribute(`${c.prefix}row`));
+              const u = e.getChildElementFragments().filter((m) => m.hasAttribute(`${c.prefix}row`));
               h < u.length && r.push(
-                ...E.findFragmentByKeyParts(u[h], t.slice(1))
+                ...A.findFragmentByKeyParts(u[h], t.slice(1))
               );
             }
           }
@@ -3492,7 +3517,7 @@ class E {
       }
     } else
       e.getChildElementFragments().forEach((n) => {
-        r.push(...E.findFragmentByKeyParts(n, t));
+        r.push(...A.findFragmentByKeyParts(n, t));
       });
     return r;
   }
@@ -3541,14 +3566,6 @@ class N {
   static ready(e) {
     N.dispatch(document, "ready", { version: e });
   }
-  /**
-   * renderイベントを発火します。
-   *
-   * @param target 評価対象要素
-   */
-  static render(e) {
-    N.dispatch(e, "render", { target: e });
-  }
   /**
    * importstartイベントを発火します。
    *
@@ -3744,7 +3761,7 @@ const ze = {
 function Ge(f, e) {
   return f.replace(/\{\{([\s\S]+?)\}\}/g, (t, r) => {
     try {
-      const i = z.evaluate(String(r).trim(), e);
+      const i = G.evaluate(String(r).trim(), e);
       return i == null ? "" : String(i);
     } catch {
       return "";
@@ -3757,7 +3774,7 @@ function Ye(f, e) {
     return null;
   if (!t.includes("{{"))
     return t;
-  const r = T.get(f), i = r instanceof M ? r.getBindingData() : {}, n = Ge(t, i);
+  const r = S.get(f), i = r instanceof M ? r.getBindingData() : {}, n = Ge(t, i);
   return n === "" ? null : n;
 }
 function Je(f, e, t) {
@@ -3844,7 +3861,7 @@ function ie() {
   const e = globalThis.window?.Haori;
   return Xe.every(
     (r) => typeof e?.[r] == "function"
-  ) ? e : Q;
+  ) ? e : Z;
 }
 const Ze = /* @__PURE__ */ new Set(["GET", "HEAD", "OPTIONS"]);
 function _e(f) {
@@ -3927,7 +3944,7 @@ const g = class g {
     return { value: e.replace(
       g.DATA_PLACEHOLDER_REGEX,
       (n, s, a) => {
-        const o = z.evaluateDetailed(
+        const o = G.evaluateDetailed(
           s ?? a ?? "",
           t
         );
@@ -4007,7 +4024,7 @@ const g = class g {
     return { value: e.replace(
       g.DATA_PLACEHOLDER_REGEX,
       (n, s, a, o) => {
-        const l = z.evaluateDetailed(
+        const l = G.evaluateDetailed(
           s ?? a ?? "",
           t
         );
@@ -4044,7 +4061,7 @@ const g = class g {
     const a = r.trim();
     if (g.SINGLE_PLACEHOLDER_REGEX.test(a))
       return {
-        value: x.parseDataBind(n),
+        value: k.parseDataBind(n),
         hasUnresolvedReference: s
       };
     if (a.startsWith("{") || a.startsWith("[")) {
@@ -4053,7 +4070,7 @@ const g = class g {
         e.getBindingData()
       );
       return {
-        value: x.parseDataBind(l.value),
+        value: k.parseDataBind(l.value),
         hasUnresolvedReference: s || l.hasUnresolvedReference
       };
     }
@@ -4062,7 +4079,7 @@ const g = class g {
       e.getBindingData()
     );
     return {
-      value: x.parseDataBind(o.value),
+      value: k.parseDataBind(o.value),
       hasUnresolvedReference: s || o.hasUnresolvedReference
     };
   }
@@ -4080,22 +4097,22 @@ const g = class g {
     if (t) {
       if (e.hasAttribute(g.attrName(t, "validate")) && (r.valid = !0), e.hasAttribute(g.attrName(t, "confirm")) && (r.confirmMessage = e.getAttribute(g.attrName(t, "confirm")).replace(/\\n/g, `
 `)), e.hasAttribute(g.attrName(t, "data")) && (r.dataAttrName = g.attrName(t, "data")), e.hasAttribute(g.attrName(t, "form"))) {
-        const y = e.getRawAttribute(
+        const p = e.getRawAttribute(
           g.attrName(t, "form")
         );
-        if (y) {
-          const b = document.body.querySelector(y);
-          b !== null ? r.formFragment = E.getFormFragment(
-            T.get(b)
-          ) : m.error(
+        if (p) {
+          const y = document.body.querySelector(p);
+          y !== null ? r.formFragment = A.getFormFragment(
+            S.get(y)
+          ) : b.error(
             "Haori",
-            `Form element not found: ${y} (${g.attrName(t, "form")})`
+            `Form element not found: ${p} (${g.attrName(t, "form")})`
           );
         } else
-          r.formFragment = E.getFormFragment(e);
-      } else (t === "change" || t === "input") && (r.formFragment = E.getFormFragment(e));
+          r.formFragment = A.getFormFragment(e);
+      } else (t === "change" || t === "input") && (r.formFragment = A.getFormFragment(e));
       if (e.hasAttribute(`${c.prefix}${t}-before-run`)) {
-        const y = e.getRawAttribute(
+        const p = e.getRawAttribute(
           `${c.prefix}${t}-before-run`
         );
         try {
@@ -4104,100 +4121,100 @@ const g = class g {
             "fetchOptions",
             `
 "use strict";
-${y}
+${p}
 `
           );
-        } catch (b) {
-          m.error("Haori", `Invalid before script: ${b}`);
+        } catch (y) {
+          b.error("Haori", `Invalid before script: ${y}`);
         }
       }
-      const A = g.attrName(t, "run");
-      if (e.hasAttribute(A)) {
-        const y = String(e.getAttribute(A) ?? "");
-        let b = null;
+      const E = g.attrName(t, "run");
+      if (e.hasAttribute(E)) {
+        const p = String(e.getAttribute(E) ?? "");
+        let y = null;
         try {
-          b = new Function(
+          y = new Function(
             "event",
             `"use strict"; return (
-${y}
+${p}
 );`
           );
         } catch {
           try {
-            b = new Function(
+            y = new Function(
               "event",
               `"use strict";
-${y}
+${p}
 `
             );
-          } catch (S) {
-            m.error("Haori", `Invalid run script: ${S}`);
+          } catch (R) {
+            b.error("Haori", `Invalid run script: ${R}`);
           }
         }
-        b && (r.runScript = b);
+        y && (r.runScript = y);
       }
     }
     const i = g.attrName(t, "fetch"), n = e.hasAttribute(i);
     if (n) {
-      const A = e.getAttributeEvaluation(i);
-      A && (r.fetchHasUnresolvedReference = A.hasUnresolvedReference, r.fetchUrl = A.hasUnresolvedReference ? null : A.value);
+      const E = e.getAttributeEvaluation(i);
+      E && (r.fetchHasUnresolvedReference = E.hasUnresolvedReference, r.fetchUrl = E.hasUnresolvedReference ? null : E.value);
     }
     const s = {};
     if (t) {
-      const A = g.attrName(t, "fetch-method");
-      if (e.hasAttribute(A)) {
-        const y = e.getAttributeEvaluation(A);
-        y?.hasUnresolvedReference ? r.fetchHasUnresolvedReference = !0 : s.method = y?.value;
+      const E = g.attrName(t, "fetch-method");
+      if (e.hasAttribute(E)) {
+        const p = e.getAttributeEvaluation(E);
+        p?.hasUnresolvedReference ? r.fetchHasUnresolvedReference = !0 : s.method = p?.value;
       }
     } else {
-      const A = g.attrName(null, "method", !0);
-      if (e.hasAttribute(A)) {
-        const y = e.getAttributeEvaluation(
-          A
+      const E = g.attrName(null, "method", !0);
+      if (e.hasAttribute(E)) {
+        const p = e.getAttributeEvaluation(
+          E
         );
-        y?.hasUnresolvedReference ? r.fetchHasUnresolvedReference = !0 : s.method = y?.value;
+        p?.hasUnresolvedReference ? r.fetchHasUnresolvedReference = !0 : s.method = p?.value;
       }
     }
     if (t) {
-      const A = g.attrName(t, "fetch-headers");
-      if (e.hasAttribute(A)) {
-        const y = e.getRawAttribute(
-          A
+      const E = g.attrName(t, "fetch-headers");
+      if (e.hasAttribute(E)) {
+        const p = e.getRawAttribute(
+          E
         );
         try {
-          s.headers = x.parseDataBind(y);
-        } catch (b) {
-          m.error("Haori", `Invalid fetch headers: ${b}`);
+          s.headers = k.parseDataBind(p);
+        } catch (y) {
+          b.error("Haori", `Invalid fetch headers: ${y}`);
         }
       }
     } else {
-      const A = g.attrName(
+      const E = g.attrName(
         null,
         "headers",
         !0
       );
-      if (e.hasAttribute(A)) {
-        const y = e.getRawAttribute(
-          A
+      if (e.hasAttribute(E)) {
+        const p = e.getRawAttribute(
+          E
         );
         try {
-          s.headers = x.parseDataBind(y);
-        } catch (b) {
-          m.error("Haori", `Invalid fetch headers: ${b}`);
+          s.headers = k.parseDataBind(p);
+        } catch (y) {
+          b.error("Haori", `Invalid fetch headers: ${y}`);
         }
       }
     }
     if (t) {
-      const A = g.attrName(t, "fetch-content-type");
-      if (e.hasAttribute(A)) {
-        const y = e.getAttributeEvaluation(A);
-        y?.hasUnresolvedReference && (r.fetchHasUnresolvedReference = !0), s.headers = {
+      const E = g.attrName(t, "fetch-content-type");
+      if (e.hasAttribute(E)) {
+        const p = e.getAttributeEvaluation(E);
+        p?.hasUnresolvedReference && (r.fetchHasUnresolvedReference = !0), s.headers = {
           ...s.headers,
-          "Content-Type": y?.value
+          "Content-Type": p?.value
         };
       } else if (s.method && s.method !== "GET" && s.method !== "HEAD" && s.method !== "OPTIONS") {
-        let y = !1;
-        s.headers && typeof s.headers == "object" && (y = "Content-Type" in s.headers), y || (s.headers = {
+        let p = !1;
+        s.headers && typeof s.headers == "object" && (p = "Content-Type" in s.headers), p || (s.headers = {
           ...s.headers,
           "Content-Type": "application/json"
         });
@@ -4206,20 +4223,20 @@ ${y}
         "Content-Type": "application/x-www-form-urlencoded"
       });
     } else {
-      const A = g.attrName(
+      const E = g.attrName(
         null,
         "content-type",
         !0
       );
-      if (e.hasAttribute(A)) {
-        const y = e.getAttributeEvaluation(A);
-        y?.hasUnresolvedReference && (r.fetchHasUnresolvedReference = !0), s.headers = {
+      if (e.hasAttribute(E)) {
+        const p = e.getAttributeEvaluation(E);
+        p?.hasUnresolvedReference && (r.fetchHasUnresolvedReference = !0), s.headers = {
           ...s.headers,
-          "Content-Type": y?.value
+          "Content-Type": p?.value
         };
       } else if (s.method && s.method !== "GET" && s.method !== "HEAD" && s.method !== "OPTIONS") {
-        let y = !1;
-        s.headers && typeof s.headers == "object" && (y = "Content-Type" in s.headers), y || (s.headers = {
+        let p = !1;
+        s.headers && typeof s.headers == "object" && (p = "Content-Type" in s.headers), p || (s.headers = {
           ...s.headers,
           "Content-Type": "application/json"
         });
@@ -4231,15 +4248,15 @@ ${y}
     Object.keys(s).length > 0 && (r.fetchOptions = s);
     const a = t ? g.attrName(t, "bind") : g.attrName(null, "bind", !0);
     if (e.hasAttribute(a)) {
-      const A = e.getRawAttribute(a);
-      if (A) {
-        const y = document.body.querySelectorAll(A);
-        y.length > 0 ? (r.bindFragments = [], y.forEach((b) => {
-          const S = T.get(b);
-          S && r.bindFragments.push(S);
-        })) : m.error(
+      const E = e.getRawAttribute(a);
+      if (E) {
+        const p = document.body.querySelectorAll(E);
+        p.length > 0 ? (r.bindFragments = [], p.forEach((y) => {
+          const R = S.get(y);
+          R && r.bindFragments.push(R);
+        })) : b.error(
           "Haori",
-          `Bind element not found: ${A} (${a})`
+          `Bind element not found: ${E} (${a})`
         );
       }
     }
@@ -4257,47 +4274,47 @@ ${y}
     ) : e.hasAttribute(h) && (r.bindArg = e.getRawAttribute(h));
     const u = t ? g.attrName(t, "bind-params") : g.attrName(null, "bind-params", !0);
     if (e.hasAttribute(u)) {
-      const A = e.getRawAttribute(u);
-      r.bindParams = A.split("&").map((y) => y.trim());
+      const E = e.getRawAttribute(u);
+      r.bindParams = E.split("&").map((p) => p.trim());
     }
-    const p = t ? g.attrName(t, "bind-append") : g.attrName(null, "bind-append", !0);
-    if (e.hasAttribute(p)) {
-      const A = e.getRawAttribute(p);
-      r.bindAppendParams = A.split("&").map((y) => y.trim()).filter(Boolean);
+    const m = t ? g.attrName(t, "bind-append") : g.attrName(null, "bind-append", !0);
+    if (e.hasAttribute(m)) {
+      const E = e.getRawAttribute(m);
+      r.bindAppendParams = E.split("&").map((p) => p.trim()).filter(Boolean);
     }
     const v = t ? g.attrName(t, "bind-merge") : g.attrName(null, "bind-merge", !0);
     e.hasAttribute(v) && (r.bindMerge = !0);
-    const R = t ? g.attrName(t, "bind-transform") : g.attrName(null, "bind-transform", !0);
-    e.hasAttribute(R) && (r.bindTransform = e.getRawAttribute(R));
-    const I = t ? g.attrName(t, "copy-params") : null;
-    if (I && e.hasAttribute(I)) {
-      const A = e.getRawAttribute(I);
-      r.copyParams = A.split("&").map((y) => y.trim()).filter(Boolean);
+    const T = t ? g.attrName(t, "bind-transform") : g.attrName(null, "bind-transform", !0);
+    e.hasAttribute(T) && (r.bindTransform = e.getRawAttribute(T));
+    const C = t ? g.attrName(t, "copy-params") : null;
+    if (C && e.hasAttribute(C)) {
+      const E = e.getRawAttribute(C);
+      r.copyParams = E.split("&").map((p) => p.trim()).filter(Boolean);
     }
     if (t) {
       if (e.hasAttribute(g.attrName(t, "adjust"))) {
-        const b = e.getRawAttribute(
+        const y = e.getRawAttribute(
           g.attrName(t, "adjust")
         );
-        if (b) {
-          const S = document.body.querySelectorAll(b);
-          S.length > 0 ? (r.adjustFragments = [], S.forEach((k) => {
-            const C = T.get(k);
-            C && r.adjustFragments.push(C);
-          })) : m.error(
+        if (y) {
+          const R = document.body.querySelectorAll(y);
+          R.length > 0 ? (r.adjustFragments = [], R.forEach((P) => {
+            const F = S.get(P);
+            F && r.adjustFragments.push(F);
+          })) : b.error(
             "Haori",
-            `Adjust element not found: ${b} (${g.attrName(t, "adjust")})`
+            `Adjust element not found: ${y} (${g.attrName(t, "adjust")})`
           );
         }
         if (e.hasAttribute(g.attrName(t, "adjust-value"))) {
-          const S = e.getRawAttribute(
+          const R = e.getRawAttribute(
             g.attrName(t, "adjust-value")
-          ), k = Number(S);
-          isNaN(k) || (r.adjustValue = k);
+          ), P = Number(R);
+          isNaN(P) || (r.adjustValue = P);
         }
       }
       if (e.hasAttribute(g.attrName(t, "row-add")) && (r.rowAdd = !0), e.hasAttribute(g.attrName(t, "row-remove")) && (r.rowRemove = !0), e.hasAttribute(g.attrName(t, "row-prev")) && (r.rowMovePrev = !0), e.hasAttribute(g.attrName(t, "row-next")) && (r.rowMoveNext = !0), e.hasAttribute(`${c.prefix}${t}-after-run`)) {
-        const b = e.getRawAttribute(
+        const y = e.getRawAttribute(
           `${c.prefix}${t}-after-run`
         );
         try {
@@ -4305,11 +4322,11 @@ ${y}
             "response",
             `
 "use strict";
-${b}
+${y}
 `
           );
-        } catch (S) {
-          m.error("Haori", `Invalid after script: ${S}`);
+        } catch (R) {
+          b.error("Haori", `Invalid after script: ${R}`);
         }
       }
       if (e.hasAttribute(g.attrName(t, "dialog")) && (r.dialogMessage = e.getAttribute(g.attrName(t, "dialog")).replace(/\\n/g, `
@@ -4317,21 +4334,21 @@ ${b}
         r.toastMessage = e.getAttribute(
           g.attrName(t, "toast")
         );
-        const b = e.getRawAttribute(
+        const y = e.getRawAttribute(
           g.attrName(t, "toast-level")
-        ), k = ["info", "warning", "error", "success"].includes(b);
-        r.toastLevel = k ? b : null;
+        ), P = ["info", "warning", "error", "success"].includes(y);
+        r.toastLevel = P ? y : null;
       }
       if (e.hasAttribute(g.attrName(t, "redirect"))) {
         r.redirectUrl = e.getAttribute(
           g.attrName(t, "redirect")
         );
-        const b = g.attrName(
+        const y = g.attrName(
           t,
           "redirect-return-param"
         );
-        e.hasAttribute(b) && (r.redirectReturnParam = e.getAttribute(
-          b
+        e.hasAttribute(y) && (r.redirectReturnParam = e.getAttribute(
+          y
         ));
       }
       if (e.hasAttribute(g.attrName(t, "scroll-error")) && (r.scrollOnError = !0), e.hasAttribute(g.attrName(t, "scroll")) && (r.scrollTarget = e.getAttribute(
@@ -4339,19 +4356,19 @@ ${b}
       )), e.hasAttribute(g.attrName(t, "history")) && (r.historyUrl = e.getAttribute(
         g.attrName(t, "history")
       )), e.hasAttribute(g.attrName(t, "history-data")) && (r.historyDataAttrName = g.attrName(t, "history-data")), e.hasAttribute(g.attrName(t, "history-form"))) {
-        const b = e.getRawAttribute(
+        const y = e.getRawAttribute(
           g.attrName(t, "history-form")
         );
-        if (b) {
-          const S = document.body.querySelector(b);
-          S !== null ? r.historyFormFragment = E.getFormFragment(
-            T.get(S)
-          ) : m.error(
+        if (y) {
+          const R = document.body.querySelector(y);
+          R !== null ? r.historyFormFragment = A.getFormFragment(
+            S.get(R)
+          ) : b.error(
             "Haori",
-            `Form element not found: ${b} (${g.attrName(t, "history-form")})`
+            `Form element not found: ${y} (${g.attrName(t, "history-form")})`
           );
         } else
-          r.historyFormFragment = E.getFormFragment(e);
+          r.historyFormFragment = A.getFormFragment(e);
       }
       [
         "reset-before",
@@ -4361,82 +4378,93 @@ ${b}
         "copy",
         "open",
         "close"
-      ].forEach((b) => {
-        const S = g.attrName(t, b);
-        if (!e.hasAttribute(S))
+      ].forEach((y) => {
+        const R = g.attrName(t, y);
+        if (!e.hasAttribute(R))
           return;
-        const k = e.getRawAttribute(S), C = [];
-        if (k)
-          document.body.querySelectorAll(k).forEach((j) => {
-            const $ = T.get(j);
-            $ && C.push($);
-          }), C.length === 0 && m.error("Haori", `Element not found: ${k} (${S})`);
-        else if (b === "open" || b === "close") {
-          const O = e.getTarget().closest("dialog");
-          O ? C.push(T.get(O)) : m.error("Haori", `Ancestor <dialog> not found (${S})`);
+        const P = e.getRawAttribute(R), F = [];
+        if (P)
+          document.body.querySelectorAll(P).forEach(($) => {
+            const W = S.get($);
+            W && F.push(W);
+          }), F.length === 0 && b.error("Haori", `Element not found: ${P} (${R})`);
+        else if (y === "open" || y === "close") {
+          const U = e.getTarget().closest("dialog");
+          U ? F.push(S.get(U)) : b.error("Haori", `Ancestor <dialog> not found (${R})`);
         } else
-          C.push(e);
-        if (C.length > 0)
-          switch (b) {
+          F.push(e);
+        if (F.length > 0)
+          switch (y) {
             case "reset-before":
-              r.resetBeforeFragments = C;
+              r.resetBeforeFragments = F;
               break;
             case "reset":
-              r.resetFragments = C;
+              r.resetFragments = F;
               break;
             case "refetch":
-              r.refetchFragments = C;
+              r.refetchFragments = F;
               break;
             case "click":
-              r.clickFragments = C;
+              r.clickFragments = F;
               break;
             case "copy":
-              r.copyFragments = C;
+              r.copyFragments = F;
               break;
             case "open":
-              r.openFragments = C;
+              r.openFragments = F;
               break;
             case "close":
-              r.closeFragments = C;
+              r.closeFragments = F;
               break;
           }
       });
-      const y = g.attrName(t, "copy-source");
-      if (e.hasAttribute(y)) {
-        const b = e.getRawAttribute(
-          y
+      const p = g.attrName(t, "copy-source");
+      if (e.hasAttribute(p)) {
+        const y = e.getRawAttribute(
+          p
         );
-        if (b) {
-          const S = document.body.querySelector(b);
-          if (S !== null) {
-            const k = T.get(S);
-            k ? r.copySourceFragment = k : m.error(
+        if (y) {
+          const R = document.body.querySelector(y);
+          if (R !== null) {
+            const P = S.get(R);
+            P ? r.copySourceFragment = P : b.error(
               "Haori",
-              `Element is not managed by Haori: ${b} (${y})`
+              `Element is not managed by Haori: ${y} (${p})`
             );
           } else
-            m.error(
+            b.error(
               "Haori",
-              `Element not found: ${b} (${y})`
+              `Element not found: ${y} (${p})`
             );
         } else
           r.copySourceFragment = e;
       }
     }
     if (!t && (e.hasAttribute(g.attrName(null, "data", !0)) && (r.dataAttrName = g.attrName(null, "data", !0)), e.hasAttribute(g.attrName(null, "form", !0)))) {
-      const A = e.getRawAttribute(
+      const E = e.getRawAttribute(
         g.attrName(null, "form", !0)
       );
-      if (A) {
-        const y = document.body.querySelector(A);
-        y !== null ? r.formFragment = E.getFormFragment(
-          T.get(y)
-        ) : m.error(
+      if (E) {
+        const p = document.body.querySelector(E);
+        p !== null ? r.formFragment = A.getFormFragment(
+          S.get(p)
+        ) : b.error(
           "Haori",
-          `Form element not found: ${A} (${g.attrName(null, "fetch-form", !0)})`
+          `Form element not found: ${E} (${g.attrName(null, "fetch-form", !0)})`
         );
       } else
-        r.formFragment = E.getFormFragment(e);
+        r.formFragment = A.getFormFragment(e);
+    }
+    const O = t ? g.attrName(t, "fetch-state") : g.attrName(null, "state", !0);
+    if (e.hasAttribute(O)) {
+      const E = e.getRawAttribute(O), p = [];
+      E ? (document.body.querySelectorAll(E).forEach((R) => {
+        const P = S.get(R);
+        P && p.push(P);
+      }), p.length === 0 && b.error(
+        "Haori",
+        `Element not found: ${E} (${O})`
+      )) : p.push(e), p.length > 0 && (r.fetchStateFragments = p);
     }
     return n && (!r.bindFragments || r.bindFragments.length === 0) && (r.bindFragments = [e], r.defaultSelfBind = !0), r;
   }
@@ -4506,14 +4534,14 @@ ${b}
           );
           u === !1 && this.domEvent && this.domEvent.preventDefault(), u != null && typeof u.then == "function" && await u;
         } catch (u) {
-          m.error("Haori", `Run script execution error: ${u}`);
+          b.error("Haori", `Run script execution error: ${u}`);
         }
       }
       if (!await this.confirm())
         return !1;
       this.options.resetBeforeFragments && this.options.resetBeforeFragments.length > 0 && (await Promise.all(
         this.options.resetBeforeFragments.map(
-          (h) => E.reset(h)
+          (h) => A.reset(h)
         )
       ), this.captureHistorySnapshots());
       const r = this.prepareFetchRequest(), i = r.payload;
@@ -4531,48 +4559,52 @@ ${b}
       }
       const a = Object.keys(i).length > 0;
       if (n) {
-        const h = { ...s || {} }, u = r.requestedMethod, p = r.effectiveMethod, v = r.transportMode === "query-get", R = r.queryString;
-        if (v && m.info("Haori demo fetch normalization", {
+        const h = { ...s || {} }, u = r.requestedMethod, m = r.effectiveMethod, v = r.transportMode === "query-get", T = r.queryString;
+        if (v && b.info("Haori demo fetch normalization", {
           runtime: c.runtime,
           requestedMethod: u,
-          effectiveMethod: p,
+          effectiveMethod: m,
           transportMode: "query-get",
           url: n,
           payload: a ? i : void 0,
-          queryString: R
+          queryString: T
         }), this.options.targetFragment && n) {
-          const I = performance.now(), A = {
+          const C = performance.now(), O = {
             runtime: c.runtime,
             requestedMethod: u,
-            effectiveMethod: p,
+            effectiveMethod: m,
             transportMode: v ? "query-get" : "http",
-            ...v ? { queryString: R } : {}
+            ...v ? { queryString: T } : {}
           };
           return N.fetchStart(
             this.options.targetFragment.getTarget(),
             n,
             h,
             a ? i : void 0,
-            A
-          ), fetch(n, h).then((y) => this.handleFetchResult(
-            y,
+            O
+          ), await this.injectFetchState("loading"), fetch(n, h).then((E) => this.handleFetchResult(
+            E,
             n || void 0,
-            I
-          )).catch((y) => {
+            C
+          )).catch(async (E) => {
             throw n && N.fetchError(
               this.options.targetFragment.getTarget(),
               n,
-              y
-            ), y;
+              E
+            ), await this.injectFetchState(
+              "error",
+              null,
+              E instanceof Error ? E.message : String(E)
+            ), E;
           });
         }
-        return fetch(n, h).then((I) => this.handleFetchResult(I, n || void 0));
+        return fetch(n, h).then((C) => this.handleFetchResult(C, n || void 0));
       }
       if ((!this.options.bindFragments || this.options.bindFragments.length === 0) && this.options.formFragment && a) {
-        const h = this.options.formFragment, u = h.getTarget(), p = /* @__PURE__ */ new Set();
-        e && e.appliedDisabledAttribute && this.options.targetFragment && p.add(this.options.targetFragment);
+        const h = this.options.formFragment, u = h.getTarget(), m = /* @__PURE__ */ new Set();
+        e && e.appliedDisabledAttribute && this.options.targetFragment && m.add(this.options.targetFragment);
         const v = h.getBindingData();
-        Object.assign(v, i), await x.setBindingData(u, v, p);
+        Object.assign(v, i), await k.setBindingData(u, v, m);
       }
       const o = a ? i : {}, l = new Response(JSON.stringify(o), {
         headers: { "Content-Type": "application/json" }
@@ -4622,7 +4654,11 @@ ${b}
         new Error(`${e.status} ${e.statusText}`),
         e.status,
         r
-      ), await this.handleFetchError(e)), !1;
+      ), await this.handleFetchError(e), await this.injectFetchState(
+        "error",
+        e.status,
+        e.statusText || null
+      )), !1;
     if (this.options.targetFragment && t && r && N.fetchEnd(
       this.options.targetFragment.getTarget(),
       t,
@@ -4637,15 +4673,15 @@ ${b}
       }
     }
     const n = [];
-    n.push(this.bindResult(e)), n.push(this.adjust()), n.push(this.addRow()), n.push(this.removeRow()), n.push(this.movePrevRow()), n.push(this.moveNextRow()), await Promise.all(n), this.options.resetFragments && this.options.resetFragments.length > 0 && await Promise.all(
-      this.options.resetFragments.map((a) => E.reset(a))
+    n.push(this.bindResult(e)), n.push(this.adjust()), n.push(this.addRow()), n.push(this.removeRow()), n.push(this.movePrevRow()), n.push(this.moveNextRow()), await Promise.all(n), await this.injectFetchState("success", e.status, null), this.options.resetFragments && this.options.resetFragments.length > 0 && await Promise.all(
+      this.options.resetFragments.map((a) => A.reset(a))
     ), await this.copy();
     const s = [];
     if (this.options.refetchFragments && this.options.refetchFragments.length > 0 && this.options.refetchFragments.forEach((a) => {
       s.push(new g(a, null).run());
     }), this.options.clickFragments && this.options.clickFragments.length > 0)
       for (const a of this.options.clickFragments) {
-        await x.evaluateAll(a);
+        await k.evaluateAll(a);
         const o = a.getTarget();
         typeof o.click == "function" ? o.click() : o.dispatchEvent(
           new MouseEvent("click", { bubbles: !0, cancelable: !0 })
@@ -4653,10 +4689,10 @@ ${b}
       }
     if (this.options.openFragments && this.options.openFragments.length > 0 && this.options.openFragments.forEach((a) => {
       const o = a.getTarget();
-      o instanceof HTMLElement ? s.push(i.openDialog(o)) : m.error("Haori", "Element is not an HTML element: ", o);
+      o instanceof HTMLElement ? s.push(i.openDialog(o)) : b.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 ? s.push(i.closeDialog(o)) : m.error("Haori", "Element is not an HTML element: ", o);
+      o instanceof HTMLElement ? s.push(i.closeDialog(o)) : b.error("Haori", "Element is not an HTML element: ", o);
     }), await Promise.all(s), this.options.dialogMessage && await i.dialog(this.options.dialogMessage), this.options.toastMessage && await i.toast(
       this.options.toastMessage,
       this.options.toastLevel ?? "info"
@@ -4667,7 +4703,7 @@ ${b}
         const h = new URLSearchParams(window.location.search).get(o);
         if (h !== null) {
           const u = h.trim();
-          $e.isSafeLocalPath(u) ? a = u : m.warn(
+          $e.isSafeLocalPath(u) ? a = u : b.warn(
             "Haori",
             `戻り先パスが安全なローカルパスではないため、既定の遷移先へフォールバックします: ${h}`
           );
@@ -4691,12 +4727,12 @@ ${b}
         const s = e ? this.options.historyUrl : window.location.pathname, a = new URL(s, window.location.href);
         if (a.origin !== window.location.origin) {
           const l = "history.pushState: cross-origin URL is not allowed: " + a.toString();
-          m.error("Haori", l);
+          b.error("Haori", l);
           return;
         }
         const o = (l) => {
           for (const [h, u] of Object.entries(l))
-            u != null && (Array.isArray(u) ? u.forEach((p) => a.searchParams.append(h, String(p))) : typeof u == "object" ? a.searchParams.set(h, JSON.stringify(u)) : a.searchParams.set(h, String(u)));
+            u != null && (Array.isArray(u) ? u.forEach((m) => a.searchParams.append(h, String(m))) : typeof u == "object" ? a.searchParams.set(h, JSON.stringify(u)) : a.searchParams.set(h, String(u)));
         };
         i && o(t), n && o(r), history.pushState(
           { [Qe]: !0 },
@@ -4704,7 +4740,7 @@ ${b}
           a.toString()
         );
       } catch (s) {
-        m.error("Haori", `history.pushState failed: ${s}`);
+        b.error("Haori", `history.pushState failed: ${s}`);
       }
   }
   /**
@@ -4712,7 +4748,7 @@ ${b}
    */
   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 = t ? t.getTarget() : document.body;
     await ie().clearMessages(r);
     const i = async (a) => {
@@ -4731,17 +4767,17 @@ ${b}
           const l = /* @__PURE__ */ new Map(), h = [];
           for (const u of a)
             if (u && typeof u == "object" && !Array.isArray(u)) {
-              const p = u.key, v = u.message, R = typeof p == "string" && p.length > 0 ? p : null, I = typeof v == "string" ? v : v != null ? String(v) : "";
-              if (I.length === 0)
+              const m = u.key, v = u.message, T = typeof m == "string" && m.length > 0 ? m : null, C = typeof v == "string" ? v : v != null ? String(v) : "";
+              if (C.length === 0)
                 continue;
-              if (R !== null) {
-                const A = l.get(R) ?? [];
-                A.push(I), l.set(R, A);
+              if (T !== null) {
+                const O = l.get(T) ?? [];
+                O.push(C), l.set(T, O);
               } else
-                h.push(I);
+                h.push(C);
             } else typeof u == "string" && u.length > 0 && h.push(u);
-          for (const [u, p] of l)
-            o.push({ key: u, message: p.join(`
+          for (const [u, m] of l)
+            o.push({ key: u, message: m.join(`
 `) });
           for (const u of h)
             o.push({ message: u });
@@ -4761,7 +4797,7 @@ ${b}
         if (o.length === 0)
           return await i(`${e.status} ${e.statusText}`), n(), !1;
         for (const l of o)
-          l.key && t ? await E.addErrorMessage(t, l.key, l.message) : await i(l.message);
+          l.key && t ? await A.addErrorMessage(t, l.key, l.message) : await i(l.message);
         return n(), !1;
       } catch {
       }
@@ -4837,11 +4873,11 @@ ${b}
       let i = t ? JSON.parse(r) : r;
       if (this.options.bindTransform)
         try {
-          i = z.evaluate(this.options.bindTransform, {
+          i = G.evaluate(this.options.bindTransform, {
             response: i
           });
         } catch (s) {
-          m.error("Haori", `Invalid bind-transform: ${s}`);
+          b.error("Haori", `Invalid bind-transform: ${s}`);
         }
       if (this.options.bindParams) {
         const s = {};
@@ -4863,7 +4899,7 @@ ${b}
           } else
             a[o] = i;
           n.push(
-            x.setBindingData(
+            k.setBindingData(
               s.getTarget(),
               a,
               /* @__PURE__ */ new Set(),
@@ -4877,13 +4913,13 @@ ${b}
         });
       else if (typeof i == "string") {
         if (this.options.defaultSelfBind) {
-          m.warn(
+          b.warn(
             "Haori",
             "string data is not bound because no bind target was specified."
           );
           return;
         }
-        return m.error("Haori", "string data cannot be bound without a bindArg."), Promise.reject(
+        return b.error("Haori", "string data cannot be bound without a bindArg."), Promise.reject(
           new Error("string data cannot be bound without a bindArg.")
         );
       } else
@@ -4893,7 +4929,7 @@ ${b}
             i
           ), o = this.options.bindMerge ? { ...s.getRawBindingData() ?? {}, ...a } : a;
           n.push(
-            x.setBindingData(
+            k.setBindingData(
               s.getTarget(),
               o,
               /* @__PURE__ */ new Set(),
@@ -4934,7 +4970,7 @@ ${b}
         ...i.getBindingData(),
         ...t
       };
-      return x.setBindingData(i.getTarget(), n);
+      return k.setBindingData(i.getTarget(), n);
     });
     return Promise.all(r).then(() => {
     });
@@ -4943,7 +4979,7 @@ ${b}
    * copy のコピー元データを取得します。
    */
   resolveCopySourceData() {
-    return this.options.copySourceFragment ? this.options.copySourceFragment.getTarget().tagName === "FORM" ? E.getValues(this.options.copySourceFragment) : { ...this.options.copySourceFragment.getBindingData() } : 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 属性とフォーム値を統合した送信データを作成します。
@@ -4961,7 +4997,7 @@ ${b}
   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 = g.resolveDataAttributeDetailed(
         this.options.targetFragment,
         this.options.dataAttrName
@@ -5010,15 +5046,15 @@ ${b}
       const u = s.get("Content-Type") || "";
       if (/multipart\/form-data/i.test(u)) {
         s.delete("Content-Type");
-        const p = new FormData();
-        for (const [v, R] of Object.entries(t))
-          R == null ? p.append(v, "") : R instanceof Blob ? p.append(v, R) : Array.isArray(R) ? R.forEach((I) => p.append(v, String(I))) : typeof R == "object" ? p.append(v, JSON.stringify(R)) : p.append(v, String(R));
-        n.body = p;
+        const m = new FormData();
+        for (const [v, T] of Object.entries(t))
+          T == null ? m.append(v, "") : T instanceof Blob ? m.append(v, T) : Array.isArray(T) ? T.forEach((C) => m.append(v, String(C))) : typeof T == "object" ? m.append(v, JSON.stringify(T)) : m.append(v, String(T));
+        n.body = m;
       } else if (/application\/x-www-form-urlencoded/i.test(u)) {
-        const p = new URLSearchParams();
-        for (const [v, R] of Object.entries(t))
-          R !== void 0 && (R === null ? p.append(v, "") : Array.isArray(R) ? R.forEach((I) => p.append(v, String(I))) : typeof R == "object" ? p.append(v, JSON.stringify(R)) : p.append(v, String(R)));
-        n.body = p;
+        const m = new URLSearchParams();
+        for (const [v, T] of Object.entries(t))
+          T !== void 0 && (T === null ? m.append(v, "") : Array.isArray(T) ? T.forEach((C) => m.append(v, String(C))) : typeof T == "object" ? m.append(v, JSON.stringify(T)) : m.append(v, String(T)));
+        n.body = m;
       } else
         s.set("Content-Type", "application/json"), n.body = JSON.stringify(t);
     }
@@ -5043,7 +5079,7 @@ ${b}
     this.options.targetFragment && this.options.historyDataAttrName ? this.historyDataSnapshot = g.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 の評価値を取得します。
@@ -5065,7 +5101,7 @@ ${b}
     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 を考慮して抽出します。
@@ -5113,11 +5149,11 @@ ${b}
    */
   getRowFragment() {
     if (!this.options.targetFragment)
-      return m.error("Haori", "Target fragment is not specified for row operation."), null;
+      return b.error("Haori", "Target fragment is not specified for row operation."), null;
     const e = this.options.targetFragment.closestByAttribute(
       `${c.prefix}row`
     );
-    return e || (m.error("Haori", "Row fragment not found."), null);
+    return e || (b.error("Haori", "Row fragment not found."), null);
   }
   /**
    * 行を追加します。
@@ -5133,7 +5169,7 @@ ${b}
     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(k.evaluateAll(r)), t.push(A.reset(r)), Promise.all(t).then(() => {
     });
   }
   /**
@@ -5184,6 +5220,42 @@ ${b}
     const r = e.getParent();
     return r ? r.insertAfter(e, t) : Promise.resolve();
   }
+  /**
+   * フェッチ状態を `_fetch` として対象要素群のバインディングデータへ注入します。
+   *
+   * `data-fetch-state` / `data-{event}-fetch-state` で指定された要素に対し、
+   * `loading` / `success` / `error` の各状態を `_fetch` キーで設定します。
+   * `reflectToAttribute=false` で呼ぶため data-bind 属性は汚さず、bindchange
+   * イベントも発火しませんが、対象要素の再評価（data-if 等）は実行されます。
+   * 指定要素が無い場合は何もしません。
+   *
+   * @param status フェッチ状態（'loading' | 'success' | 'error'）
+   * @param statusCode HTTP ステータスコード（無い場合は null）
+   * @param message エラーメッセージ等（無い場合は null）
+   * @returns 注入完了の Promise
+   */
+  async injectFetchState(e, t = null, r = null) {
+    const i = this.options.fetchStateFragments;
+    if (!i || i.length === 0)
+      return;
+    const n = {
+      status: e,
+      loading: e === "loading",
+      success: e === "success",
+      error: e === "error",
+      statusCode: t,
+      message: r
+    };
+    await Promise.all(
+      i.map((s) => {
+        const a = s.getTarget(), o = {
+          ...s.getRawBindingData() ?? {},
+          _fetch: n
+        };
+        return k.setBindingData(a, o, /* @__PURE__ */ new Set(), !1, !1);
+      })
+    );
+  }
 };
 g.DATA_PLACEHOLDER_REGEX = /\{\{\{([\s\S]+?)\}\}\}|\{\{([\s\S]+?)\}\}/g, g.SINGLE_PLACEHOLDER_REGEX = /^(\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\})$/, g.RUNNING_CLICK_TARGETS = /* @__PURE__ */ new WeakSet();
 let q = g;
@@ -5205,24 +5277,24 @@ class nt {
     try {
       r = await fetch(e, t);
     } catch (n) {
-      throw m.error("[Haori]", "Failed to fetch import source:", e, n), new Error(`Failed to fetch: ${e}`);
+      throw b.error("[Haori]", "Failed to fetch import source:", e, n), new Error(`Failed to fetch: ${e}`);
     }
     if (!r.ok) {
       Be(r.status);
       const n = `${r.status} ${r.statusText}`;
-      throw m.error("[Haori]", "Import HTTP error:", e, n), new Error(`Failed to load ${e}: ${n}`);
+      throw b.error("[Haori]", "Import HTTP error:", e, n), new Error(`Failed to load ${e}: ${n}`);
     }
     let i;
     try {
       i = await r.text();
     } catch (n) {
-      throw m.error("[Haori]", "Failed to read response text:", e, n), new Error(`Failed to read response from: ${e}`);
+      throw b.error("[Haori]", "Failed to read response text:", e, n), new Error(`Failed to read response from: ${e}`);
     }
     try {
       const s = new DOMParser().parseFromString(i, "text/html");
-      return s && s.body ? s.body.innerHTML : (m.warn("[Haori]", "No body found in imported document:", e), i);
+      return s && s.body ? s.body.innerHTML : (b.warn("[Haori]", "No body found in imported document:", e), i);
     } catch (n) {
-      return m.error("[Haori]", "Failed to parse imported HTML:", e, n), i;
+      return b.error("[Haori]", "Failed to parse imported HTML:", e, n), i;
     }
   }
 }
@@ -5277,7 +5349,7 @@ const d = class d {
    * @returns data-attr-* の内部反映なら true
    */
   static isAliasedAttributeReflection(e, t) {
-    const r = T.get(e);
+    const r = S.get(e);
     return r instanceof M ? r.hasAttribute(
       `${c.prefix}${d.ATTRIBUTE_ALIAS_SUFFIX}${t}`
     ) : !1;
@@ -5309,7 +5381,7 @@ const d = class d {
   static reevaluateChildren(e) {
     const t = [];
     return e.getChildren().forEach((r) => {
-      r instanceof M ? t.push(d.evaluateAll(r)) : r instanceof V && t.push(d.evaluateText(r));
+      r instanceof M ? t.push(d.evaluateAll(r)) : r instanceof j && t.push(d.evaluateText(r));
     }), Promise.all(t).then(() => {
     });
   }
@@ -5407,20 +5479,20 @@ const d = class d {
     const s = performance.now();
     return t.setAttribute(`${c.prefix}importing`, ""), N.importStart(t, n), nt.load(n).then((a) => {
       const o = new TextEncoder().encode(a).length;
-      return P.enqueue(() => {
+      return I.enqueue(() => {
         t.innerHTML = a;
       }).then(() => {
         if (t.removeAttribute(`${c.prefix}importing`), N.importEnd(t, n, o, s), !document.body.hasAttribute("data-haori-ready")) {
           const l = [];
           return t.childNodes.forEach((h) => {
-            const u = T.get(h);
-            u instanceof M ? l.push(d.scan(u.getTarget())) : u instanceof V && l.push(d.evaluateText(u));
+            const u = S.get(h);
+            u instanceof M ? l.push(d.scan(u.getTarget())) : u instanceof j && l.push(d.evaluateText(u));
           }), Promise.all(l).then(() => {
           });
         }
       });
     }).catch((a) => {
-      t.removeAttribute(`${c.prefix}importing`), N.importError(t, n, a), m.error("[Haori]", "Failed to import HTML:", n, a);
+      t.removeAttribute(`${c.prefix}importing`), N.importError(t, n, a), b.error("[Haori]", "Failed to import HTML:", n, a);
     }).finally(() => {
       if (r.running = !1, r.rerunRequested)
         return r.rerunRequested = !1, d.executeManagedImport(e);
@@ -5433,7 +5505,7 @@ const d = class d {
    * @returns Promise (スキャンが完了したときに解決される)
    */
   static scan(e) {
-    const t = T.get(e);
+    const t = S.get(e);
     return t ? d.initializeElementFragment(t, !1) : Promise.resolve();
   }
   /**
@@ -5463,7 +5535,7 @@ const d = class d {
       }
       const r = [];
       return e.getChildren().forEach((i) => {
-        i instanceof M ? r.push(d.initializeElementFragment(i, t)) : i instanceof V && r.push(d.evaluateText(i));
+        i instanceof M ? r.push(d.initializeElementFragment(i, t)) : i instanceof j && r.push(d.evaluateText(i));
       }), Promise.all(r).then(() => {
         d.refreshDerivedSubtreeSignature(e);
       });
@@ -5547,7 +5619,7 @@ const d = class d {
    * @returns Promise (DOM操作が完了したときに解決される)
    */
   static setAttribute(e, t, r, i = !1) {
-    const n = T.get(e), s = d.getAliasedAttributeName(t);
+    const n = S.get(e), s = d.getAliasedAttributeName(t);
     if (s !== null)
       return r === null ? n.removeAliasedAttribute(t, s) : n.setAliasedAttribute(
         t,
@@ -5609,8 +5681,8 @@ const d = class d {
         if (h === null)
           a.push(d.setBindingData(e, u, /* @__PURE__ */ new Set(), !0));
         else {
-          const p = n.getRawBindingData() || {};
-          p[String(h)] = u, a.push(d.setBindingData(e, p, /* @__PURE__ */ new Set(), !0));
+          const m = n.getRawBindingData() || {};
+          m[String(h)] = u, a.push(d.setBindingData(e, m, /* @__PURE__ */ new Set(), !0));
         }
         break;
       }
@@ -5643,15 +5715,15 @@ const d = class d {
    * @returns Promise (DOM操作が完了したときに解決される)
    */
   static setBindingData(e, t, r = /* @__PURE__ */ new Set(), i = !1, n = !0) {
-    const s = T.get(e), a = s.getRawBindingData();
+    const s = S.get(e), a = s.getRawBindingData();
     s.setBindingData(t), n && N.bindChange(e, a, t, "manual");
     const o = () => {
       s.markBindingWorkStart();
       const l = s.getRawBindingData() ?? t;
       let h = n ? s.setAttribute(`${c.prefix}bind`, JSON.stringify(l)) : Promise.resolve();
       if (e.tagName === "FORM") {
-        const u = s.getAttribute(`${c.prefix}form-arg`), p = u && l[String(u)] && typeof l[String(u)] == "object" && !Array.isArray(l[String(u)]) ? l[String(u)] : u ? {} : l;
-        h = h.then(() => E.syncValues(s, p));
+        const u = s.getAttribute(`${c.prefix}form-arg`), m = u && l[String(u)] && typeof l[String(u)] == "object" && !Array.isArray(l[String(u)]) ? l[String(u)] : u ? {} : l;
+        h = h.then(() => A.syncValues(s, m));
       }
       return h = h.then(() => d.evaluateAll(s, r)), h = h.then(
         () => d.reevaluateReactiveSpecialAttributes(s, r)
@@ -5682,7 +5754,7 @@ const d = class d {
    *     `resolved: true` のときは解決済みスコープ（常にオブジェクト）。
    */
   static getBindingData(e, t = {}) {
-    const r = T.get(e);
+    const r = S.get(e);
     return r instanceof M ? t.resolved ? r.getBindingData() : r.getRawBindingData() : null;
   }
   /**
@@ -5701,26 +5773,26 @@ const d = class d {
    * @return 解決済みスコープと各キーの由来情報
    */
   static dumpScope(e) {
-    const t = T.get(e);
+    const t = S.get(e);
     if (!t)
       return { resolved: {}, sources: {} };
     const r = t.getBindingData(), i = {}, n = (l) => {
       const h = l.getTarget();
       return h.id ? `#${h.id}` : h.tagName.toLowerCase();
-    }, s = (l, h, u, p) => {
+    }, s = (l, h, u, m) => {
       if (l)
         for (const v of Object.keys(l))
           v in i || (i[v] = {
             value: l[v],
             source: n(h),
             kind: u,
-            depth: p
+            depth: m
           });
     };
     let a = t, o = 0;
     for (; a; )
       a !== t && s(a.getRawDerivedBindingData(), a, "derive", o), s(a.getRawBindingData(), a, "bind", o), a = a.getParent(), o += 1;
-    return L.isEnabled() && m.info("[Haori]", "scope dump for", e, { resolved: r, sources: i }), { resolved: r, sources: i };
+    return L.isEnabled() && b.info("[Haori]", "scope dump for", e, { resolved: r, sources: i }), { resolved: r, sources: i };
   }
   /**
    * data-bind 属性の値をパースします。
@@ -5733,7 +5805,7 @@ const d = class d {
       try {
         return JSON.parse(e);
       } catch (t) {
-        return m.error("[Haori]", "Invalid JSON in data-bind:", t), {};
+        return b.error("[Haori]", "Invalid JSON in data-bind:", t), {};
       }
     else {
       const t = new URLSearchParams(e), r = {};
@@ -5749,11 +5821,11 @@ const d = class d {
    * @param node 追加するノード
    */
   static addNode(e, t) {
-    const r = T.get(e);
+    const r = S.get(e);
     if (r.isSkipMutationNodes())
       return;
-    const i = T.get(t.nextSibling), n = T.get(t);
-    n && (r.insertBefore(n, i), n instanceof M ? d.scan(n.getTarget()) : n instanceof V && d.evaluateText(n));
+    const i = S.get(t.nextSibling), n = S.get(t);
+    n && (r.insertBefore(n, i), n instanceof M ? d.scan(n.getTarget()) : n instanceof j && d.evaluateText(n));
   }
   /**
    * ノードを親要素から削除します。
@@ -5761,7 +5833,7 @@ const d = class d {
    * @param node 削除するノード
    */
   static removeNode(e) {
-    const t = T.get(e);
+    const t = S.get(e);
     if (t) {
       const r = t.getParent();
       if (r && r.isSkipMutationNodes())
@@ -5776,7 +5848,7 @@ const d = class d {
    * @param text 新しいテキスト
    */
   static changeText(e, t) {
-    const r = T.get(e);
+    const r = S.get(e);
     r && r.setContent(t);
   }
   /**
@@ -5788,14 +5860,14 @@ const d = class d {
    * @returns Promise (DOM操作が完了したときに解決される)
    */
   static changeValue(e, t) {
-    const r = T.get(e);
+    const r = S.get(e);
     if (r.getValue() === t)
       return Promise.resolve();
     const i = [];
     i.push(r.setValue(t));
     const n = d.getFormFragment(r);
     if (n) {
-      const s = E.getValues(n), a = n.getAttribute(`${c.prefix}form-arg`);
+      const s = A.getValues(n), a = n.getAttribute(`${c.prefix}form-arg`);
       let o;
       a ? (o = n.getRawBindingData(), o || (o = {}), o[String(a)] = s) : o = s, i.push(d.setBindingData(n.getTarget(), o));
     }
@@ -5827,22 +5899,22 @@ const d = class d {
     const i = e.hasAttribute(`${c.prefix}derive`), n = e.hasAttribute(`${c.prefix}if`), s = e.hasAttribute(`${c.prefix}each`), a = e.getRawAttribute(`${c.prefix}derive`), o = e.getRawAttribute(`${c.prefix}derive-name`);
     let l = !1, h = !1, u = null;
     if (!i && e.getDeriveSubtreeSignature() !== null && e.setDeriveSubtreeSignature(null), !i && e.getDeriveInputSignature() !== null && e.setDeriveInputSignature(null), i) {
-      const p = d.createDeriveInputSignature(
+      const m = d.createDeriveInputSignature(
         e,
         a,
         o
       );
-      p === null ? (e.getDeriveInputSignature() !== null && e.setDeriveInputSignature(null), r = r.then(
+      m === null ? (e.getDeriveInputSignature() !== null && e.setDeriveInputSignature(null), r = r.then(
         () => d.evaluateDerive(e, a, o).then(
           () => {
           }
         )
-      )) : e.getDeriveInputSignature() !== p && (r = r.then(() => d.evaluateDerive(
+      )) : e.getDeriveInputSignature() !== m && (r = r.then(() => d.evaluateDerive(
         e,
         a,
         o
       ).then(() => {
-        e.setDeriveInputSignature(p);
+        e.setDeriveInputSignature(m);
       })));
     }
     return n && (r = r.then(() => d.evaluateIf(e))), s ? (e.getDeriveSubtreeSignature() !== null && e.setDeriveSubtreeSignature(null), r.then(() => d.evaluateEach(e))) : n ? (e.getDeriveSubtreeSignature() !== null && e.setDeriveSubtreeSignature(null), r.then(() => {
@@ -5861,14 +5933,14 @@ const d = class d {
     })), r.then(() => {
       if (l)
         return;
-      const p = [];
+      const m = [];
       return e.getChildren().forEach((v) => {
         if (v instanceof M) {
           if (d.canSkipUnchangedNestedEach(v))
             return;
-          p.push(d.evaluateAll(v, t));
-        } else v instanceof V && p.push(d.evaluateText(v));
-      }), Promise.all(p).then(() => {
+          m.push(d.evaluateAll(v, t));
+        } else v instanceof j && m.push(d.evaluateText(v));
+      }), Promise.all(m).then(() => {
       });
     }).then(() => {
       h && u !== null && e.setDeriveSubtreeSignature(u);
@@ -5890,7 +5962,7 @@ const d = class d {
     const i = e.getRawDerivedBindingData(), n = typeof r == "string" ? r.trim() : "";
     if (!t || n === "")
       return i === null ? Promise.resolve(!1) : (e.setDerivedBindingData(null), Promise.resolve(!0));
-    const s = z.evaluateDetailed(
+    const s = G.evaluateDetailed(
       t,
       e.getBindingData()
     );
@@ -5946,7 +6018,7 @@ const d = class d {
     const a = {};
     i.forEach((o) => {
       o in r && (a[o] = r[o]);
-    }), m.info(
+    }), b.info(
       "[Haori]",
       "data-if is falsy (hidden):",
       t,
@@ -5975,7 +6047,7 @@ const d = class d {
       e.getChildren().forEach((s) => {
         s instanceof M ? n.push(
           s.isMounted() ? d.evaluateAll(s) : d.scan(s.getTarget())
-        ) : s instanceof V && n.push(d.evaluateText(s));
+        ) : s instanceof j && n.push(d.evaluateText(s));
       }), t.push(
         e.show().then(() => {
           N.show(e.getTarget()), i || d.triggerLoadOnShow(e);
@@ -5998,7 +6070,7 @@ const d = class d {
   static triggerLoadOnShow(e) {
     const t = `${c.prefix}load-`;
     e.getTarget().getAttributeNames().some((i) => i.startsWith(t)) && new q(e, "load").run().catch((i) => {
-      m.error("[Haori]", "data-load procedure error (on show):", i);
+      b.error("[Haori]", "data-load procedure error (on show):", i);
     });
   }
   /**
@@ -6046,13 +6118,52 @@ const d = class d {
         do
           t.rerunRequested = !1, await d.performEachUpdate(e);
         while (t.rerunRequested);
-        e.getTarget().setAttribute(`${c.prefix}each-done`, "");
+        const i = e.getTarget();
+        i.setAttribute(`${c.prefix}each-done`, ""), d.runEachRenderedScript(i);
       } finally {
         t.running = !1, t.settled = null;
       }
     })();
     return t.settled = r, r;
   }
+  /**
+   * data-each-rendered-run 属性に指定された JS を、描画確定後に一度実行します。
+   *
+   * data-each の再描画が安定し `data-each-done` が付与されるたびに呼び出され、
+   * 再 fetch・再バインドのたびに確実な再同期契機を提供します。本体内の `this`
+   * は対象コンテナ要素に束縛され、外部の select 拡張ライブラリ（Choices.js 等）
+   * の再同期フック（例: `window.__choicesRefresh(this)`）として利用できます。
+   *
+   * @param target data-each コンテナ要素
+   */
+  static runEachRenderedScript(e) {
+    const t = `${c.prefix}each-rendered-run`;
+    if (!e.hasAttribute(t))
+      return;
+    const r = String(e.getAttribute(t) ?? "");
+    let i = null;
+    try {
+      i = new Function(
+        `"use strict"; return (
+${r}
+);`
+      );
+    } catch {
+      try {
+        i = new Function(`"use strict";
+${r}
+`);
+      } catch (n) {
+        b.error("Haori", `Invalid each-rendered-run script: ${n}`);
+      }
+    }
+    if (i)
+      try {
+        i.call(e);
+      } catch (n) {
+        b.error("Haori", `each-rendered-run execution error: ${n}`);
+      }
+  }
   /**
    * data-each の差分更新本体を実行します（再入制御は呼び出し側で行います）。
    *
@@ -6084,10 +6195,10 @@ const d = class d {
           (l) => !l.hasAttribute(`${c.prefix}each-before`) && !l.hasAttribute(`${c.prefix}each-after`)
         ).forEach((l) => {
           if (!s) {
-            const u = T.get(l);
+            const u = S.get(l);
             u instanceof M && (r = u.clone(), d.markFreshInitializationSkippable(r), e.setTemplate(r), s = !0);
           }
-          const h = T.get(l);
+          const h = S.get(l);
           h instanceof M && e.getChildren().includes(h) && (e.removeChild(h), h.setMounted(!1)), l.parentNode && l.parentNode.removeChild(l);
         });
       }
@@ -6107,7 +6218,7 @@ const d = class d {
    */
   static resolveEachItems(e) {
     const t = e.getAttributeEvaluation(`${c.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);
+    return t?.hasUnresolvedReference || r === !1 || r === null || r === void 0 ? [] : Array.isArray(r) ? r : (b.error("[Haori]", "Invalid each attribute:", r), null);
   }
   /**
    * nested data-each の入力が同値で、要素自身に他の動的要素が無い場合は
@@ -6265,7 +6376,7 @@ const d = class d {
    */
   static logDerivedSubtreeProfileSnapshot(e, t) {
     const r = d.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]", {
+    r !== null && (t === "skip-hit" ? r.skipHitCount += 1 : t === "skip-miss" ? r.skipMissCount += 1 : t === "skip-ineligible" && (r.skipIneligibleCount += 1), b.info("[Haori][derive-profile]", {
       reason: t,
       hostId: r.hostId,
       signatureComputeTotal: r.signatureComputeTotal,
@@ -6297,7 +6408,7 @@ const d = class d {
       const n = e.getRawAttribute(i);
       return typeof n == "string" && n.includes("{{");
     }) ? !0 : e.getChildren().some(
-      (i) => i instanceof V && i.hasDynamicContent()
+      (i) => i instanceof j && i.hasDynamicContent()
     );
   }
   /**
@@ -6307,7 +6418,7 @@ const d = class d {
    * @returns subtree 全体を省略可能なら true
    */
   static markFreshInitializationSkippable(e) {
-    const t = e.getAttributeNames().some((n) => d.isFreshInitializationDynamicAttribute(e, n)), r = e.getChildren().some((n) => n instanceof M ? !d.markFreshInitializationSkippable(n) : n instanceof V ? n.hasDynamicContent() : !1), i = !t && !r;
+    const t = e.getAttributeNames().some((n) => d.isFreshInitializationDynamicAttribute(e, n)), r = e.getChildren().some((n) => n instanceof M ? !d.markFreshInitializationSkippable(n) : n instanceof j ? n.hasDynamicContent() : !1), i = !t && !r;
     return e.setFreshInitializationSkippable(i), i;
   }
   /**
@@ -6332,85 +6443,85 @@ const d = class d {
   static updateDiff(e, t) {
     const r = e.getTemplate();
     if (r === null)
-      return m.error("[Haori]", "Template is not set for each element."), Promise.resolve();
+      return b.error("[Haori]", "Template is not set for each element."), Promise.resolve();
     let i = e.getAttribute(`${c.prefix}each-index`);
     i && (i = String(i));
     const n = e.getAttribute(`${c.prefix}each-key`), s = e.getAttribute(`${c.prefix}each-arg`), a = /* @__PURE__ */ new Map(), o = [];
-    t.forEach((b, S) => {
-      const k = d.createListKey(
-        b,
+    t.forEach((p, y) => {
+      const R = d.createListKey(
+        p,
         n ? String(n) : null,
-        S
+        y
       );
-      o.push(k), a.set(k, { item: b, itemIndex: S });
+      o.push(R), a.set(R, { item: p, itemIndex: y });
     });
     const l = new Set(o), h = [];
-    let u = e.getChildren().filter((b) => b instanceof M).filter(
-      (b) => !b.hasAttribute(`${c.prefix}each-before`) && !b.hasAttribute(`${c.prefix}each-after`)
+    let u = e.getChildren().filter((p) => p instanceof M).filter(
+      (p) => !p.hasAttribute(`${c.prefix}each-before`) && !p.hasAttribute(`${c.prefix}each-after`)
     );
-    const p = u.map((b) => b.getListKey());
-    u = u.filter((b) => l.has(String(b.getListKey())) ? !0 : (h.push(b.remove()), !1));
-    const v = u.map((b) => b.getListKey()), R = /* @__PURE__ */ new Map();
-    u.forEach((b) => {
-      const S = b.getListKey();
-      S !== null && !R.has(S) && R.set(S, b);
+    const m = u.map((p) => p.getListKey());
+    u = u.filter((p) => l.has(String(p.getListKey())) ? !0 : (h.push(p.remove()), !1));
+    const v = u.map((p) => p.getListKey()), T = /* @__PURE__ */ new Map();
+    u.forEach((p) => {
+      const y = p.getListKey();
+      y !== null && !T.has(y) && T.set(y, p);
     });
-    const I = e.getChildElementFragments().slice(), A = I.filter(
-      (b) => b.hasAttribute(`${c.prefix}each-before`)
+    const C = e.getChildElementFragments().slice(), O = C.filter(
+      (p) => p.hasAttribute(`${c.prefix}each-before`)
     ).length;
-    let y = Promise.resolve();
-    return o.forEach((b, S) => {
-      const { item: k, itemIndex: C } = a.get(b);
-      let O;
-      const j = R.get(b);
-      if (j)
-        O = j, y = y.then(
+    let E = Promise.resolve();
+    return o.forEach((p, y) => {
+      const { item: R, itemIndex: P } = a.get(p);
+      let F;
+      const U = T.get(p);
+      if (U)
+        F = U, E = E.then(
           () => d.updateRowFragment(
-            O,
-            k,
+            F,
+            R,
             i,
-            C,
+            P,
             s ? String(s) : null,
-            b
+            p
           ).then(($) => {
             if ($)
-              return d.evaluateAll(O);
+              return d.evaluateAll(F);
           })
         );
       else {
-        O = r.clone();
-        const $ = A + S;
-        y = y.then(
+        F = r.clone();
+        const $ = O + y;
+        E = E.then(
           () => d.updateRowFragment(
-            O,
-            k,
+            F,
+            R,
             i,
-            C,
+            P,
             s ? String(s) : null,
-            b
+            p
           ).then(() => {
-            const ee = I[$] ?? null;
-            return e.insertBefore(O, ee).then(() => {
-              I.splice($, 0, O);
-            }).then(() => d.initializeFreshEachRow(O));
+            const W = C[$] ?? null;
+            return e.insertBefore(F, W).then(() => {
+              C.splice($, 0, F);
+            }).then(() => d.initializeFreshEachRow(F));
           })
         );
       }
-    }), Promise.all(h).then(() => y).then(() => {
-      const b = o.filter(
+    }), Promise.all(h).then(() => E).then(() => {
+      const p = o.filter(
         ($) => $ !== null
-      ), S = v.filter(
+      ), y = v.filter(
         ($) => $ !== null
-      ), k = new Set(S), C = b.filter(($) => !k.has($)), j = p.filter(
+      ), R = new Set(y), P = p.filter(($) => !R.has($)), U = m.filter(
         ($) => $ !== null
       ).filter(
         ($) => !l.has($)
       );
       N.eachUpdate(
         e.getTarget(),
-        C,
-        j,
-        b
+        P,
+        U,
+        p
       );
     });
   }
@@ -6456,7 +6567,7 @@ const d = class d {
         [n]: t
       }, r && (a[r] = i);
     else
-      return m.error(
+      return b.error(
         "[Haori]",
         `Primitive value requires '${c.prefix}each-arg' attribute: ${t}`
       ), Promise.resolve(!1);
@@ -6567,8 +6678,8 @@ d.ATTRIBUTE_ALIAS_SUFFIX = "attr-", d.PRIORITY_ATTRIBUTE_SUFFIXES = [
   "import",
   "url-param"
 ], d.ATTRIBUTE_PLACEHOLDER_REGEX = /\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/, d.REACTIVE_FETCH_STATES = /* @__PURE__ */ new WeakMap(), d.REACTIVE_IMPORT_STATES = /* @__PURE__ */ new WeakMap(), d.DERIVE_SUBTREE_PROFILES = /* @__PURE__ */ new WeakMap(), d.EACH_UPDATE_STATES = /* @__PURE__ */ new WeakMap();
-let x = d;
-const _ = class _ {
+let k = d;
+const ee = class ee {
   /**
    * コンストラクタ。
    *
@@ -6576,11 +6687,11 @@ const _ = class _ {
    */
   constructor(e = document) {
     this.customEventHandlers = /* @__PURE__ */ new Map(), this.onClick = (t) => this.delegate(t, "click"), this.onChange = (t) => this.delegate(t, "change"), this.onInput = (t) => this.delegate(t, "input"), this.onLoadCapture = (t) => this.delegate(t, "load"), this.onWindowLoad = () => {
-      const t = document.documentElement, r = T.get(t);
+      const t = document.documentElement, r = S.get(t);
       r && new q(r, "load").run();
     }, this.onPopstate = (t) => {
       const r = t.state;
-      !r || r[_.HISTORY_STATE_KEY] !== !0 || location.reload();
+      !r || r[ee.HISTORY_STATE_KEY] !== !0 || location.reload();
     }, this.root = e;
   }
   /**
@@ -6632,8 +6743,8 @@ const _ = class _ {
   subscribeCustomEvent(e) {
     if (e === null || e === "")
       return;
-    if (_.BUILTIN_EVENT_NAMES.has(e)) {
-      m.warn(
+    if (ee.BUILTIN_EVENT_NAMES.has(e)) {
+      b.warn(
         "[Haori]",
         `data-on="${e}" は組み込みイベントです。data-${e}-* を使用してください（data-on はカスタムイベント専用）。`
       );
@@ -6655,9 +6766,9 @@ const _ = class _ {
     this.root.querySelectorAll(`[${this.onAttributeName}]`).forEach((i) => {
       if (i.getAttribute(this.onAttributeName) !== e)
         return;
-      const n = T.get(i);
+      const n = S.get(i);
       n instanceof M && new q(n, "on", t).run().catch((s) => {
-        m.error("[Haori]", "Procedure execution error:", s);
+        b.error("[Haori]", "Procedure execution error:", s);
       });
     });
   }
@@ -6701,13 +6812,21 @@ const _ = class _ {
         return;
     }
     r.hasAttribute(`${c.prefix}${t}-prevent`) && e.preventDefault();
-    const i = T.get(r);
+    const i = S.get(r);
     if (!i)
       return;
-    (t === "change" || t === "input") && i instanceof M && i.syncValue();
+    if ((t === "change" || t === "input") && i instanceof M && (i.syncValue(), r instanceof HTMLInputElement && r.type === "radio" && r.name)) {
+      const s = document.getElementsByName(r.name);
+      for (const a of Array.from(s)) {
+        if (a === r || !(a instanceof HTMLInputElement) || a.type !== "radio" || a.form !== r.form)
+          continue;
+        const o = S.get(a);
+        o instanceof M && o.syncValue();
+      }
+    }
     const n = () => {
       new q(i, t, e).run().catch((s) => {
-        m.error("[Haori]", "Procedure execution error:", s);
+        b.error("[Haori]", "Procedure execution error:", s);
       });
     };
     if (t === "click" && r.hasAttribute(`${c.prefix}click-defer`)) {
@@ -6759,13 +6878,13 @@ const _ = class _ {
     return null;
   }
 };
-_.HISTORY_STATE_KEY = "__haoriHistoryState__", _.BUILTIN_EVENT_NAMES = /* @__PURE__ */ new Set([
+ee.HISTORY_STATE_KEY = "__haoriHistoryState__", ee.BUILTIN_EVENT_NAMES = /* @__PURE__ */ new Set([
   "click",
   "change",
   "input",
   "load"
 ]);
-let fe = _;
+let fe = ee;
 const D = class D {
   /**
    * ノードが現在の Window に属する HTMLElement かどうかを判定します。
@@ -6785,7 +6904,7 @@ const D = class D {
     }));
   }
   static syncElement(e) {
-    const t = D.registrations.get(e), r = T.get(e);
+    const t = D.registrations.get(e), r = S.get(e);
     if (!r || !D.shouldObserve(r)) {
       t && (t.observer.disconnect(), D.registrations.delete(e));
       return;
@@ -6805,17 +6924,17 @@ const D = class D {
       (l) => {
         const h = D.registrations.get(e);
         h && l.forEach((u) => {
-          !u.isIntersecting || h.running || D.isDisabled(h.fragment) || (h.running = !0, new q(h.fragment, "intersect").runWithResult().then((p) => {
-            p && h.once && (h.observer.disconnect(), D.registrations.delete(e));
-          }).catch((p) => {
-            m.error(
+          !u.isIntersecting || h.running || D.isDisabled(h.fragment) || (h.running = !0, new q(h.fragment, "intersect").runWithResult().then((m) => {
+            m && h.once && (h.observer.disconnect(), D.registrations.delete(e));
+          }).catch((m) => {
+            b.error(
               "[Haori]",
               "Intersect procedure execution error:",
-              p
+              m
             );
           }).finally(() => {
-            const p = D.registrations.get(e);
-            p && (p.running = !1);
+            const m = D.registrations.get(e);
+            m && (m.running = !1);
           }));
         });
       },
@@ -6863,7 +6982,7 @@ const D = class D {
     if (typeof r != "string" || r.trim() === "")
       return null;
     const i = document.querySelector(r);
-    return D.isHtmlElement(i) ? i : (m.error("[Haori]", `Intersect root element not found: ${r}`), null);
+    return D.isHtmlElement(i) ? i : (b.error("[Haori]", `Intersect root element not found: ${r}`), null);
   }
   static resolveRootMargin(e) {
     const t = `${c.prefix}intersect-root-margin`, r = e.getAttribute(t);
@@ -6893,7 +7012,7 @@ D.CONFIG_KEYS = /* @__PURE__ */ new Set([
   "disabled",
   "once"
 ]), D.registrations = /* @__PURE__ */ new Map();
-let Z = D;
+let _ = D;
 function st(f) {
   typeof requestAnimationFrame == "function" ? requestAnimationFrame(() => f()) : Promise.resolve().then(f);
 }
@@ -6927,7 +7046,7 @@ const w = class w {
    * @param element 対象要素
    */
   static syncElement(e) {
-    const t = w.registrations.get(e), r = T.get(e);
+    const t = w.registrations.get(e), r = S.get(e);
     if (!(r instanceof M) || !w.shouldObserve(r)) {
       t && (t.observer.disconnect(), w.registrations.delete(e));
       return;
@@ -6936,7 +7055,7 @@ const w = class w {
       return;
     const i = w.resolveVarName(r);
     if (i === "") {
-      t && (t.observer.disconnect(), w.registrations.delete(e)), m.warn(
+      t && (t.observer.disconnect(), w.registrations.delete(e)), b.warn(
         "[Haori]",
         'data-each-visible requires a variable name (e.g. data-each-visible="visibleRange").'
       );
@@ -6954,9 +7073,9 @@ const w = class w {
         if (!h)
           return;
         let u = !1;
-        l.forEach((p) => {
-          const v = p.target;
-          h.observedRows.has(v) && (p.isIntersecting ? h.visibleRows.has(v) || (h.visibleRows.add(v), u = !0) : h.visibleRows.delete(v) && (u = !0));
+        l.forEach((m) => {
+          const v = m.target;
+          h.observedRows.has(v) && (m.isIntersecting ? h.visibleRows.has(v) || (h.visibleRows.add(v), u = !0) : h.visibleRows.delete(v) && (u = !0));
         }), u && w.scheduleCompute(h);
       },
       {
@@ -7033,7 +7152,7 @@ const w = class w {
     if (typeof r != "string" || r.trim() === "")
       return null;
     const i = document.querySelector(r);
-    return w.isHtmlElement(i) ? i : (m.error("[Haori]", `Visible range root element not found: ${r}`), null);
+    return w.isHtmlElement(i) ? i : (b.error("[Haori]", `Visible range root element not found: ${r}`), null);
   }
   /**
    * rootMargin を解決します。
@@ -7132,7 +7251,7 @@ const w = class w {
   static publish(e, t) {
     const r = w.resolveBindOwner(e.fragment);
     if (!r) {
-      m.warn(
+      b.warn(
         "[Haori]",
         "data-each-visible found no ancestor data-bind scope to publish into."
       );
@@ -7143,14 +7262,14 @@ const w = class w {
     };
     n[e.varName] = { ...t };
     const s = e.fragment.getTarget(), a = i === s ? /* @__PURE__ */ new Set() : /* @__PURE__ */ new Set([e.fragment]);
-    x.setBindingData(
+    k.setBindingData(
       i,
       n,
       a,
       !1,
       !1
     ).catch((o) => {
-      m.error("[Haori]", "Failed to publish visible range:", o);
+      b.error("[Haori]", "Failed to publish visible range:", o);
     });
   }
   /**
@@ -7172,7 +7291,7 @@ const w = class w {
   }
 };
 w.THRESHOLD = 0, w.DEFAULT_ROOT_MARGIN = "0px", w.registrations = /* @__PURE__ */ new Map();
-let Y = w;
+let J = w;
 const H = class H {
   /**
    * 既存の MutationObserver をすべて停止します。
@@ -7191,10 +7310,26 @@ const H = class H {
       return;
     H._initialized = !0, H.disconnectMutationObservers();
     const e = await Promise.allSettled([
-      x.scan(document.head),
-      x.scan(document.body)
+      k.scan(document.head),
+      k.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 P.wait(), document.body.setAttribute("data-haori-ready", ""), H.observe(document.head), H.observe(document.body), new fe().start(), Z.syncTree(document.body), Y.syncTree(document.body);
+    t.status !== "fulfilled" && b.error("[Haori]", "Failed to build head fragment:", t.reason), r.status !== "fulfilled" && b.error("[Haori]", "Failed to build body fragment:", r.reason), await I.wait(), document.body.setAttribute("data-haori-ready", ""), H.observe(document.head), H.observe(document.body), new fe().start(), _.syncTree(document.body), J.syncTree(document.body);
+  }
+  /**
+   * 指定ノードが「外部管理」サブツリーに属するかどうかを判定します。
+   *
+   * `data-external` 属性を持つ要素とその子孫で発生した DOM 変更は、外部の
+   * select 拡張ライブラリ（Choices.js など）が生成・更新する DOM とみなし、
+   * Haori の監視・自動更新の対象から除外します。これにより、外部生成 DOM が
+   * Haori に破壊・干渉されることを防ぎます。`data-each` による `<option>` の
+   * 配列バインドは Haori のバインド評価パイプラインが駆動するため、監視除外
+   * 下でも維持されます。
+   *
+   * @param node 判定対象のノード（要素・テキスト・コメントいずれも可）
+   * @returns 外部管理サブツリーに属する場合 true
+   */
+  static isExternallyManaged(e) {
+    return (e instanceof Element ? e : e?.parentElement ?? null)?.closest(`[${c.prefix}external]`) != null;
   }
   /**
    * 指定された要素を監視します。
@@ -7205,34 +7340,36 @@ const H = class H {
     const t = new MutationObserver(async (r) => {
       for (const i of r)
         try {
+          if (H.isExternallyManaged(i.target))
+            continue;
           switch (i.type) {
             case "attributes": {
               const n = i.target;
-              if (i.attributeName && n.hasAttribute("data-haori-click-lock") && (i.attributeName === "disabled" || i.attributeName === "data-haori-click-lock") || i.attributeName && x.isAliasedAttributeReflection(
+              if (i.attributeName && n.hasAttribute("data-haori-click-lock") && (i.attributeName === "disabled" || i.attributeName === "data-haori-click-lock") || i.attributeName && k.isAliasedAttributeReflection(
                 n,
                 i.attributeName
               ))
                 break;
-              x.setAttribute(
+              k.setAttribute(
                 n,
                 i.attributeName,
                 n.getAttribute(i.attributeName),
                 !0
-              ), Z.syncElement(n), Y.syncElement(n);
+              ), _.syncElement(n), J.syncElement(n);
               break;
             }
             case "childList": {
               Array.from(i.removedNodes).forEach((n) => {
-                Z.cleanupTree(n), Y.cleanupTree(n), x.removeNode(n);
+                _.cleanupTree(n), J.cleanupTree(n), k.removeNode(n);
               }), Array.from(i.addedNodes).forEach((n) => {
-                n.parentElement instanceof Element && (x.addNode(n.parentElement, n), Z.syncTree(n), Y.syncTree(n));
-              }), i.target instanceof Element && Y.syncElement(
+                n.parentElement instanceof Element && (k.addNode(n.parentElement, n), _.syncTree(n), J.syncTree(n));
+              }), i.target instanceof Element && J.syncElement(
                 i.target
               );
               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 ? k.changeText(i.target, i.target.textContent) : b.warn(
                 "[Haori]",
                 "Unsupported character data type:",
                 i.target
@@ -7240,11 +7377,11 @@ const H = class H {
               break;
             }
             default:
-              m.warn("[Haori]", "Unknown mutation type:", i.type);
+              b.warn("[Haori]", "Unknown mutation type:", i.type);
               continue;
           }
         } catch (n) {
-          m.error("[Haori]", "Error processing mutation:", n);
+          b.error("[Haori]", "Error processing mutation:", n);
         }
     });
     t.observe(e, {
@@ -7258,16 +7395,16 @@ const H = class H {
 H._initialized = !1, H._mutationObservers = [];
 let ae = H;
 document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", ae.init) : ae.init();
-const at = () => Q.waitForRenders(), ot = "0.20.0";
+const at = () => Z.waitForRenders(), ot = "0.24.0";
 export {
-  x as Core,
+  k as Core,
   c as Env,
-  E as Form,
-  T as Fragment,
-  Q as Haori,
-  m as Log,
-  P as Queue,
-  Q as default,
+  A as Form,
+  S as Fragment,
+  Z as Haori,
+  b as Log,
+  I as Queue,
+  Z as default,
   ot as version,
   at as waitForRenders
 };