haori 0.41.0 → 0.41.2

package/dist/haori.es.js

@@ -662,7 +662,7 @@ const vt = Object.freeze({
   distinct: lt,
   groupBy: ut
 });
-class Le {
+class Be {
   constructor() {
     this.MAX_BUDGET = 8, this.queue = [], this.processing = !1;
   }
@@ -752,7 +752,7 @@ class Le {
   async waitForIdle(e = 1e3) {
     let t = 0, r = 0;
     for (; t < 2 && r < e; )
-      this.processing || this.queue.length > 0 ? (await this.wait(), t = 0) : t += 1, await Le.nextTick(), r += 1;
+      this.processing || this.queue.length > 0 ? (await this.wait(), t = 0) : t += 1, await Be.nextTick(), r += 1;
   }
   /**
    * 次のフレーム（または 1 マクロタスク）まで待機します。
@@ -792,7 +792,7 @@ const He = class He {
     return this.ASYNC_QUEUE.waitForIdle(e);
   }
 };
-He.ASYNC_QUEUE = new Le();
+He.ASYNC_QUEUE = new Be();
 let W = He;
 const C = class C {
   /**
@@ -3349,8 +3349,10 @@ const M = class M extends N {
   /**
    * この入力欄がユーザーに編集されたことを記録します。
    *
-   * `change` / `input` の委譲で内部値を DOM から同期した直後に呼び出します。
-   * プログラムからの値反映（バインド由来の書き戻しなど）では呼び出しません。
+   * DOM で `change` / `input` が発火した時点（内部値を DOM から同期した直後）に
+   * 呼び出します。イベントを伴って値を反映した場合（`Form.setValues()` など）も、
+   * その発火を通じて呼ばれます。イベントを伴わない反映（`syncBindingValue()` や
+   * `Core.setBindingData()` 由来の書き戻し）では呼び出しません。
    *
    * @returns 発番した編集の通番
    */
@@ -3715,14 +3717,14 @@ const M = class M extends N {
       r,
       l
     );
-    const D = o.isForceEvaluation() ? r : y ? S : A, B = i && o.isEvaluate && t === "value" && M.isValuePropertyTarget(l), E = l.getRootNode(), v = B && (l === E.activeElement || this.hasPendingUserEdit()), R = P || D === null || D === !1 ? null : String(D), k = e !== t && l.getAttribute(e) !== r, x = R === null ? l.hasAttribute(t) : l.getAttribute(t) !== R, V = R === null ? "" : R, G = B && !v && l.value !== V, _ = t === "checked" && l instanceof HTMLInputElement && (l.type === "checkbox" || l.type === "radio"), Z = t === "selected" && l instanceof HTMLOptionElement, Ne = E.activeElement, Fe = Ne !== null && (_ && l === Ne || Z && l.closest("select") === Ne) || (_ || Z) && this.hasPendingCheckableUserEdit(Z), be = R !== null, xe = _ && !Fe && l.checked !== be, ye = Z && !Fe && l.selected !== be;
+    const D = o.isForceEvaluation() ? r : y ? S : A, L = i && o.isEvaluate && t === "value" && M.isValuePropertyTarget(l), E = l.getRootNode(), v = L && (l === E.activeElement || this.hasPendingUserEdit()), R = P || D === null || D === !1 ? null : String(D), k = e !== t && l.getAttribute(e) !== r, x = R === null ? l.hasAttribute(t) : l.getAttribute(t) !== R, V = R === null ? "" : R, G = L && !v && l.value !== V, _ = t === "checked" && l instanceof HTMLInputElement && (l.type === "checkbox" || l.type === "radio"), Z = t === "selected" && l instanceof HTMLOptionElement, Ne = E.activeElement, Fe = Ne !== null && (_ && l === Ne || Z && l.closest("select") === Ne) || (_ || Z) && this.hasPendingCheckableUserEdit(Z), be = R !== null, xe = _ && !Fe && l.checked !== be, ye = Z && !Fe && l.selected !== be;
     if (!k && !x && !G && !xe && !ye)
-      return B && !v && (this.value = this.normalizeValueForElement(
+      return L && !v && (this.value = this.normalizeValueForElement(
         l,
         V
       ), this.clearUnappliedValueWrite()), (_ || Z) && !Fe && this.syncCheckableValueFromDom(Z), Promise.resolve();
     const Ue = W.enqueue(() => {
-      k && l.setAttribute(e, r), R === null ? l.removeAttribute(t) : x && (l.setAttribute(t, R), t === `${u.prefix}bind` && this.recordSelfWrittenBind(R)), B && !v && (this.value = this.normalizeValueForElement(
+      k && l.setAttribute(e, r), R === null ? l.removeAttribute(t) : x && (l.setAttribute(t, R), t === `${u.prefix}bind` && this.recordSelfWrittenBind(R)), L && !v && (this.value = this.normalizeValueForElement(
         l,
         V
       ), G && (l.value = V), this.recordValueWriteResult(l.value === V)), xe && (l.checked = be), ye && (l.selected = be), (xe || ye) && this.syncCheckableValueFromDom(ye);
@@ -5995,8 +5997,8 @@ const p = class p {
         // 解釈する（後続の分岐）。位置で配ると選択状態を決められないため、
         // `data-form-list` を併記していても従来どおりそちらへ渡す。
         !p.isGroupedCheckable(e) && !p.isMultipleSelect(e)) {
-          const B = String(l), E = s.get(B) ?? 0;
-          s.set(B, E + 1), o.push(
+          const L = String(l), E = s.get(L) ?? 0;
+          s.set(L, E + 1), o.push(
             p.applyFragmentValue(
               e,
               D[E] ?? null,
@@ -6045,8 +6047,8 @@ const p = class p {
           A,
           P == null ? null : String(P)
         ) : null;
-        for (let B = 0; B < S.length; B++) {
-          const E = S[B], v = D ? D[B] : A.length > B ? A[B] : null;
+        for (let L = 0; L < S.length; L++) {
+          const E = S[L], v = D ? D[L] : A.length > L ? A[L] : null;
           o.push(
             // 行ごとに values が切り替わるので出現位置も行単位で数える。
             p.setPartValues(
@@ -7338,7 +7340,7 @@ function me(g) {
     me
   ) : !1;
 }
-function Bt(g) {
+function Lt(g) {
   return Object.values(g).some((e) => e instanceof Blob ? !1 : Array.isArray(e) ? e.some(
     (t) => !(t instanceof Blob) && me(t)
   ) : me(e));
@@ -7370,7 +7372,7 @@ function $e(g) {
     t[r] = e(i);
   return F.carryCollectedRowIdentity(g, t), t;
 }
-function Lt(g, e) {
+function Bt(g, e) {
   const t = new Headers(
     e.headers || void 0
   ), r = Array.from(t.entries()).sort(
@@ -7988,22 +7990,22 @@ ${R}
         `Element not found: ${E} (${D})`
       )) : v.push(e), v.length > 0 && (r.fetchStateFragments = v);
     }
-    const B = t ? b.attrName(t, "store-clear") : b.attrName(null, "store-clear", !0);
-    if (e.hasAttribute(B)) {
-      const E = e.getRawAttribute(B), v = E === null ? "" : E.trim();
+    const L = t ? b.attrName(t, "store-clear") : b.attrName(null, "store-clear", !0);
+    if (e.hasAttribute(L)) {
+      const E = e.getRawAttribute(L), v = E === null ? "" : E.trim();
       if (v === "")
         m.error(
           "Haori",
-          `ストレージキーが指定されていません (${B})`
+          `ストレージキーが指定されていません (${L})`
         );
       else {
         r.storeClearKey = v;
         const R = e.getRawAttribute(
-          `${B}-type`
+          `${L}-type`
         ), k = R === null ? "session" : R.trim();
         k === "local" || k === "session" ? r.storeClearKind = k : (m.warn(
           "Haori",
-          `${B}-type は session または local を指定してください（session として扱います）: ${k}`
+          `${L}-type は session または local を指定してください（session として扱います）: ${k}`
         ), r.storeClearKind = "session");
       }
     }
@@ -8149,11 +8151,11 @@ ${R}
           s
         );
         n = S.url;
-        const P = { ...S.options }, D = S.normalized ? S.requestedMethod : r.requestedMethod, B = S.effectiveMethod, E = r.transportMode === "query-get" || S.normalized, v = S.queryString ?? r.queryString;
+        const P = { ...S.options }, D = S.normalized ? S.requestedMethod : r.requestedMethod, L = S.effectiveMethod, E = r.transportMode === "query-get" || S.normalized, v = S.queryString ?? r.queryString;
         if (E && m.info("Haori demo fetch normalization", {
           runtime: u.runtime,
           requestedMethod: D,
-          effectiveMethod: B,
+          effectiveMethod: L,
           transportMode: "query-get",
           url: n,
           payload: l ? i : void 0,
@@ -8162,7 +8164,7 @@ ${R}
           const R = performance.now(), k = {
             runtime: u.runtime,
             requestedMethod: D,
-            effectiveMethod: B,
+            effectiveMethod: L,
             transportMode: E ? "query-get" : "http",
             ...E ? { queryString: v } : {}
           };
@@ -8194,17 +8196,17 @@ ${R}
         const h = this.options.formFragment, y = h.getTarget(), A = /* @__PURE__ */ new Set();
         e && e.appliedDisabledAttribute && this.options.targetFragment && A.add(this.options.targetFragment);
         const S = h.getRawBindingData(), P = $e(i), D = h.getAttribute(`${u.prefix}form-arg`);
-        let B;
+        let L;
         if (D) {
-          B = { ...S ?? {} };
+          L = { ...S ?? {} };
           const E = String(D), v = F.resolveAncestorArgOwner(h, E);
-          B[E] = F.mergeCollectedValues(
-            (v ? v.value : B[E]) ?? null,
+          L[E] = F.mergeCollectedValues(
+            (v ? v.value : L[E]) ?? null,
             P
           );
         } else
-          B = F.mergeCollectedValues(S, P);
-        await O.setBindingData(y, B, {
+          L = F.mergeCollectedValues(S, P);
+        await O.setBindingData(y, L, {
           skipFragments: A,
           kind: "nonSupply",
           sequence: this.operationSequence,
@@ -8492,7 +8494,74 @@ ${R}
       ), !0;
     F.applyCustomValidity(e);
     const t = this.findFirstInvalid(e);
-    return t === null ? !0 : (t.reportValidity(), t.focus(), this.options.scrollOnError && t.scrollIntoView({ behavior: "smooth", block: "nearest" }), !1);
+    if (t === null)
+      return !0;
+    const r = t;
+    return b.isRectFullyVisible(t.getBoundingClientRect()) ? (r.reportValidity(), t.focus(), this.options.scrollOnError && t.scrollIntoView({ behavior: "smooth", block: "nearest" }), !1) : (t.focus({ preventScroll: !0 }), t.scrollIntoView({ behavior: "smooth", block: "nearest" }), b.reportValidityAfterScroll(r), !1);
+  }
+  /**
+   * スクロールが止まってから、対象の入力要素の検証 UI（バブル）を表示します。
+   *
+   * `requestAnimationFrame` ごとに対象要素の位置を測り、位置が変わらないフレームが
+   * 続き、かつ画面内に入ったら表示します。スムーズスクロールの所要時間はブラウザに
+   * よって変わるため、上限（`VALIDATION_SCROLL_TIMEOUT_MS`）を過ぎたら静止を待たずに
+   * 表示します。待機中に別の検証が始まった場合と、対象が DOM から外れた場合は
+   * 表示しません。
+   *
+   * @param target 検証エラーの入力要素
+   */
+  static reportValidityAfterScroll(e) {
+    const t = ++b.validationReportGeneration, r = performance.now();
+    let i = null, n = 0;
+    const s = () => {
+      if (t !== b.validationReportGeneration || !e.isConnected)
+        return;
+      const a = e.getBoundingClientRect(), o = `${Math.round(a.top)}:${Math.round(a.left)}`;
+      if (n = o === i ? n + 1 : 0, i = o, n >= b.VALIDATION_SCROLL_STABLE_FRAMES && b.isRectPartlyVisible(a) || performance.now() - r >= b.VALIDATION_SCROLL_TIMEOUT_MS) {
+        e.reportValidity();
+        return;
+      }
+      requestAnimationFrame(s);
+    };
+    requestAnimationFrame(s);
+  }
+  /**
+   * ビューポートの大きさを返します。
+   *
+   * @returns ビューポートの幅と高さ
+   */
+  static getViewportSize() {
+    return {
+      width: window.innerWidth || document.documentElement.clientWidth,
+      height: window.innerHeight || document.documentElement.clientHeight
+    };
+  }
+  /**
+   * 矩形がビューポートに収まっているかを判定します。
+   *
+   * 検証 UI を今すぐ出してよいかの判定に使います。一部でも外に出ていれば、
+   * `reportValidity()` がバブルを見せるためにスクロールする余地が残っているため、
+   * 「収まっている」とは扱いません。
+   *
+   * @param rect 判定する矩形
+   * @returns 全体が画面内にあれば true
+   */
+  static isRectFullyVisible(e) {
+    const { width: t, height: r } = b.getViewportSize();
+    return e.top >= 0 && e.left >= 0 && e.bottom <= r && e.right <= t;
+  }
+  /**
+   * 矩形がビューポートと重なっているかを判定します。
+   *
+   * スクロールの静止判定に使います。位置が変わらないだけでは、スクロールが始まる
+   * 前の 1 フレームを「静止」と誤認するため、画面内に入ったことも条件にします。
+   *
+   * @param rect 判定する矩形
+   * @returns 一部でも画面内にあれば true
+   */
+  static isRectPartlyVisible(e) {
+    const { width: t, height: r } = b.getViewportSize();
+    return e.top < r && e.bottom > 0 && e.left < t && e.right > 0;
   }
   /**
    * `data-{event}-if` の実行条件を評価します。
@@ -8992,7 +9061,7 @@ ${R}
     ), a = (n.method || "GET").toUpperCase(), o = u.runtime === "demo" && !Pe(a), l = o ? "GET" : a;
     if (n.method = l, Object.keys(t).length > 0 && me(t)) {
       const d = s.get("Content-Type") || "";
-      l !== "GET" && l !== "HEAD" && l !== "OPTIONS" && /multipart\/form-data/i.test(d) ? Bt(t) && m.warn(
+      l !== "GET" && l !== "HEAD" && l !== "OPTIONS" && /multipart\/form-data/i.test(d) ? Lt(t) && m.warn(
         "Haori",
         `A File value nested under ${u.prefix}form-object / ${u.prefix}form-list cannot be sent. Place file inputs at the top level of the collected form values.`
       ) : m.warn(
@@ -9032,7 +9101,7 @@ ${R}
       effectiveMethod: l,
       queryString: c,
       transportMode: o ? "query-get" : "http",
-      signature: Lt(i, n)
+      signature: Bt(i, n)
     };
   }
   /**
@@ -9543,7 +9612,7 @@ ${R}
     );
   }
 };
-b.DATA_PLACEHOLDER_REGEX = /\{\{\{([\s\S]+?)\}\}\}|\{\{([\s\S]+?)\}\}/g, b.SINGLE_PLACEHOLDER_REGEX = /^(\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\})$/, b.RUNNING_CLICK_TARGETS = /* @__PURE__ */ new WeakSet();
+b.DATA_PLACEHOLDER_REGEX = /\{\{\{([\s\S]+?)\}\}\}|\{\{([\s\S]+?)\}\}/g, b.SINGLE_PLACEHOLDER_REGEX = /^(\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\})$/, b.RUNNING_CLICK_TARGETS = /* @__PURE__ */ new WeakSet(), b.validationReportGeneration = 0, b.VALIDATION_SCROLL_TIMEOUT_MS = 1e3, b.VALIDATION_SCROLL_STABLE_FRAMES = 2;
 let ee = b;
 class Ot {
   /**
@@ -10101,10 +10170,10 @@ const f = class f {
       return e.tagName === "FORM" && (D = D.then(() => {
         if (i.wasResetAfter(h))
           return;
-        const B = i.getRawBindingData() ?? A;
+        const L = i.getRawBindingData() ?? A;
         return F.syncValues(
           i,
-          F.resolveSyncValues(i, B),
+          F.resolveSyncValues(i, L),
           !1,
           c
         );
@@ -10116,8 +10185,8 @@ const f = class f {
         () => f.reevaluateReactiveSpecialAttributes(i, n)
       ), D.then(
         () => i.markBindingWorkEnd(),
-        (B) => {
-          throw i.markBindingWorkEnd(), B;
+        (L) => {
+          throw i.markBindingWorkEnd(), L;
         }
       );
     };
@@ -11336,7 +11405,7 @@ ${r}
     const P = e.getChildElementFragments().filter((E) => !y.has(E)), D = P.filter(
       (E) => E.hasAttribute(`${u.prefix}each-before`)
     ).length;
-    let B = Promise.resolve();
+    let L = Promise.resolve();
     return a.forEach((E, v) => {
       const R = t[v], k = v;
       let x;
@@ -11344,7 +11413,7 @@ ${r}
       if (V) {
         x = V;
         const G = D + v;
-        B = B.then(
+        L = L.then(
           () => f.updateRowFragment(
             x,
             R,
@@ -11379,7 +11448,7 @@ ${r}
       } else {
         x = r.clone();
         const G = D + v;
-        B = B.then(
+        L = L.then(
           () => f.updateRowFragment(
             x,
             R,
@@ -11397,7 +11466,7 @@ ${r}
           })
         );
       }
-    }), Promise.all(c).then(() => B).then(() => {
+    }), Promise.all(c).then(() => L).then(() => {
       const E = a.filter(
         (G) => G !== null
       ), v = A.filter(
@@ -11856,8 +11925,10 @@ const fe = class fe {
     if (r) {
       if (t === "input") {
         const i = `${u.prefix}input-`;
-        if (!r.getAttributeNames().some((s) => s.startsWith(i)))
+        if (!r.getAttributeNames().some((s) => s.startsWith(i))) {
+          this.recordUserEdit(r);
           return;
+        }
       }
       if (r.hasAttribute(`${u.prefix}${t}-prevent`) && e.preventDefault(), this.deferred) {
         this.deferredProcedures.push(() => {
@@ -11880,15 +11951,7 @@ const fe = class fe {
     const i = N.get(e);
     if (!i)
       return;
-    if ((t === "change" || t === "input") && i instanceof T && (i.syncValue(), i.markUserEdit(), e instanceof HTMLInputElement && e.type === "radio" && e.name)) {
-      const s = document.getElementsByName(e.name);
-      for (const a of Array.from(s)) {
-        if (a === e || !(a instanceof HTMLInputElement) || a.type !== "radio" || a.form !== e.form)
-          continue;
-        const o = N.get(a);
-        o instanceof T && (o.syncValue(), o.markUserEdit());
-      }
-    }
+    (t === "change" || t === "input") && this.syncUserEdit(e);
     const n = () => {
       new ee(i, t, r).run().catch((s) => {
         m.error("[Haori]", "Procedure execution error:", s);
@@ -11900,6 +11963,49 @@ const fe = class fe {
     }
     n();
   }
+  /**
+   * 手続きを起動しない `input` について、ユーザー編集だけを記録します。
+   *
+   * `data-input-*` を宣言していない入力欄でも、打鍵は編集として記録しなければ
+   * なりません（記録しないと、反映待ちの書き込みが打鍵の後に着弾して打った文字を
+   * 消します）。初期化中は手続きと同じく保留し、フラグメントが確定した後に記録
+   * します。
+   *
+   * 対象は値を持つ入力要素だけです。`contenteditable` など値収集の対象でない要素で
+   * `input` が発火しても、記録すべき編集はありません。
+   *
+   * @param element 編集された要素
+   * @returns 戻り値はない。
+   */
+  recordUserEdit(e) {
+    if (!(!(e instanceof HTMLInputElement) && !(e instanceof HTMLSelectElement) && !(e instanceof HTMLTextAreaElement))) {
+      if (this.deferred) {
+        this.deferredProcedures.push(() => {
+          e.isConnected && this.syncUserEdit(e);
+        });
+        return;
+      }
+      this.syncUserEdit(e);
+    }
+  }
+  /**
+   * `change` / `input` の対象要素について、内部値の同期とユーザー編集の記録を行います。
+   *
+   * @param element 編集された要素
+   * @returns 戻り値はない。
+   */
+  syncUserEdit(e) {
+    const t = N.get(e);
+    if (t instanceof T && (t.syncValue(), t.markUserEdit(), e instanceof HTMLInputElement && e.type === "radio" && e.name)) {
+      const r = document.getElementsByName(e.name);
+      for (const i of Array.from(r)) {
+        if (i === e || !(i instanceof HTMLInputElement) || i.type !== "radio" || i.form !== e.form)
+          continue;
+        const n = N.get(i);
+        n instanceof T && (n.syncValue(), n.markUserEdit());
+      }
+    }
+  }
   /**
    * イベントのターゲットから HTMLElement を取得します。
    *
@@ -11949,7 +12055,7 @@ fe.HISTORY_STATE_KEY = "__haoriHistoryState__", fe.BUILTIN_EVENT_NAMES = /* @__P
   "input",
   "load"
 ]);
-let Be = fe;
+let Le = fe;
 const U = class U {
   /**
    * ノードが現在の Window に属する HTMLElement かどうかを判定します。
@@ -12622,11 +12728,11 @@ w.CONFIG_KEYS = /* @__PURE__ */ new Set([
   "state"
 ]), w.DEFAULT_INTERVAL_MS = 5e3, w.MIN_INTERVAL_MS = 100, w.registrations = /* @__PURE__ */ new Map(), w.visibilityListener = null;
 let ce = w;
-const Ht = "0.41.0";
+const Ht = "0.41.2";
 function Ut(g) {
   typeof requestAnimationFrame == "function" ? requestAnimationFrame(() => g()) : Promise.resolve().then(g);
 }
-const L = class L {
+const B = class B {
   /**
    * ノードが現在の Window に属する HTMLElement かどうかを判定します。
    *
@@ -12645,8 +12751,8 @@ const L = class L {
    * @param root 走査の起点ノード
    */
   static syncTree(e) {
-    (e instanceof Element || e instanceof DocumentFragment) && (L.isHtmlElement(e) && L.syncElement(e), e.querySelectorAll("*").forEach((t) => {
-      L.syncElement(t);
+    (e instanceof Element || e instanceof DocumentFragment) && (B.isHtmlElement(e) && B.syncElement(e), e.querySelectorAll("*").forEach((t) => {
+      B.syncElement(t);
     }));
   }
   /**
@@ -12656,42 +12762,42 @@ const L = class L {
    * @param element 対象要素
    */
   static syncElement(e) {
-    const t = L.registrations.get(e), r = N.get(e);
-    if (!(r instanceof T) || !L.shouldObserve(r)) {
-      t && (t.observer.disconnect(), L.registrations.delete(e));
+    const t = B.registrations.get(e), r = N.get(e);
+    if (!(r instanceof T) || !B.shouldObserve(r)) {
+      t && (t.observer.disconnect(), B.registrations.delete(e));
       return;
     }
     if (typeof IntersectionObserver > "u")
       return;
-    const i = L.resolveVarName(r);
+    const i = B.resolveVarName(r);
     if (i === "") {
-      t && (t.observer.disconnect(), L.registrations.delete(e)), m.warn(
+      t && (t.observer.disconnect(), B.registrations.delete(e)), m.warn(
         "[Haori]",
         'data-each-visible requires a variable name (e.g. data-each-visible="visibleRange").'
       );
       return;
     }
-    const n = L.resolveRoot(r), s = L.resolveRootMargin(r);
+    const n = B.resolveRoot(r), s = B.resolveRootMargin(r);
     if (t && t.observer.root === n && t.observer.rootMargin === s && t.varName === i) {
-      t.fragment = r, L.refreshRows(t);
+      t.fragment = r, B.refreshRows(t);
       return;
     }
-    t && (t.observer.disconnect(), L.registrations.delete(e));
+    t && (t.observer.disconnect(), B.registrations.delete(e));
     const a = new IntersectionObserver(
       (l) => {
-        const c = L.registrations.get(e);
+        const c = B.registrations.get(e);
         if (!c)
           return;
         let d = !1;
         l.forEach((h) => {
           const y = h.target;
           c.observedRows.has(y) && (h.isIntersecting ? c.visibleRows.has(y) || (c.visibleRows.add(y), d = !0) : c.visibleRows.delete(y) && (d = !0));
-        }), d && L.scheduleCompute(c);
+        }), d && B.scheduleCompute(c);
       },
       {
         root: n,
         rootMargin: s,
-        threshold: L.THRESHOLD
+        threshold: B.THRESHOLD
       }
     ), o = {
       fragment: r,
@@ -12704,7 +12810,7 @@ const L = class L {
       scheduled: !1,
       lastSnapshot: null
     };
-    L.registrations.set(e, o), L.refreshRows(o);
+    B.registrations.set(e, o), B.refreshRows(o);
   }
   /**
    * 指定ノード配下の監視登録を解放します。
@@ -12712,22 +12818,22 @@ const L = class L {
    * @param root 走査の起点ノード
    */
   static cleanupTree(e) {
-    if (L.isHtmlElement(e)) {
-      const t = L.registrations.get(e);
-      t && (t.observer.disconnect(), L.registrations.delete(e));
+    if (B.isHtmlElement(e)) {
+      const t = B.registrations.get(e);
+      t && (t.observer.disconnect(), B.registrations.delete(e));
     }
     (e instanceof Element || e instanceof DocumentFragment) && e.querySelectorAll("*").forEach((t) => {
-      const r = L.registrations.get(t);
-      r && (r.observer.disconnect(), L.registrations.delete(t));
+      const r = B.registrations.get(t);
+      r && (r.observer.disconnect(), B.registrations.delete(t));
     });
   }
   /**
    * すべての監視登録を解放します。
    */
   static disconnectAll() {
-    L.registrations.forEach((e) => {
+    B.registrations.forEach((e) => {
       e.observer.disconnect();
-    }), L.registrations.clear();
+    }), B.registrations.clear();
   }
   /**
    * 監視対象（`data-each` かつ `data-each-visible`）かどうかを判定します。
@@ -12762,7 +12868,7 @@ const L = class L {
     if (typeof r != "string" || r.trim() === "")
       return null;
     const i = z.query(r, t, document);
-    return L.isHtmlElement(i) ? i : (m.error("[Haori]", `Visible range root element not found: ${r}`), null);
+    return B.isHtmlElement(i) ? i : (m.error("[Haori]", `Visible range root element not found: ${r}`), null);
   }
   /**
    * rootMargin を解決します。
@@ -12772,7 +12878,7 @@ const L = class L {
    */
   static resolveRootMargin(e) {
     const t = `${u.prefix}each-visible-margin`, r = e.getAttribute(t);
-    return r === null || r === !1 || r === "" ? L.DEFAULT_ROOT_MARGIN : String(r);
+    return r === null || r === !1 || r === "" ? B.DEFAULT_ROOT_MARGIN : String(r);
   }
   /**
    * コンテナ直下の実際の行要素（`each-before`/`each-after` を除く）を描画順で返します。
@@ -12792,12 +12898,12 @@ const L = class L {
    * @param registration 対象の登録
    */
   static refreshRows(e) {
-    const t = L.realRowElements(e.fragment), r = new Set(t);
+    const t = B.realRowElements(e.fragment), r = new Set(t);
     for (const i of [...e.observedRows])
       r.has(i) || (e.observer.unobserve(i), e.observedRows.delete(i), e.visibleRows.delete(i));
     for (const i of t)
       e.observedRows.has(i) || (e.observer.observe(i), e.observedRows.add(i));
-    L.scheduleCompute(e);
+    B.scheduleCompute(e);
   }
   /**
    * 次フレームでの集計・公開を予約します（多発する交差イベントを 1 回にまとめる）。
@@ -12808,7 +12914,7 @@ const L = class L {
     e.scheduled || (e.scheduled = !0, Ut(() => {
       e.scheduled = !1;
       const t = e.fragment.getTarget();
-      L.registrations.get(t) === e && L.computeAndPublish(e);
+      B.registrations.get(t) === e && B.computeAndPublish(e);
     }));
   }
   /**
@@ -12817,7 +12923,7 @@ const L = class L {
    * @param registration 対象の登録
    */
   static computeAndPublish(e) {
-    const t = L.realRowElements(e.fragment), r = /* @__PURE__ */ new Map();
+    const t = B.realRowElements(e.fragment), r = /* @__PURE__ */ new Map();
     t.forEach((a, o) => r.set(a, o));
     const i = [];
     for (const a of e.visibleRows) {
@@ -12850,7 +12956,7 @@ const L = class L {
       };
     }
     const s = JSON.stringify(n);
-    s !== e.lastSnapshot && (e.lastSnapshot = s, L.publish(e, n));
+    s !== e.lastSnapshot && (e.lastSnapshot = s, B.publish(e, n));
   }
   /**
    * 可視範囲スナップショットを最近接の上位 `data-bind` スコープへ公開します。
@@ -12859,7 +12965,7 @@ const L = class L {
    * @param snapshot 公開するスナップショット
    */
   static publish(e, t) {
-    const r = L.resolveBindOwner(e.fragment);
+    const r = B.resolveBindOwner(e.fragment);
     if (!r) {
       m.warn(
         "[Haori]",
@@ -12901,8 +13007,8 @@ const L = class L {
     return e.hasAttribute(t) ? e : null;
   }
 };
-L.THRESHOLD = 0, L.DEFAULT_ROOT_MARGIN = "0px", L.registrations = /* @__PURE__ */ new Map();
-let se = L;
+B.THRESHOLD = 0, B.DEFAULT_ROOT_MARGIN = "0px", B.registrations = /* @__PURE__ */ new Map();
+let se = B;
 const K = class K {
   /**
    * 既存の MutationObserver をすべて停止します。
@@ -12922,7 +13028,7 @@ const K = class K {
     K._initialized = !0, K.disconnectMutationObservers(), T.setPendingMutationFlusher(() => {
       K.flushPendingMutations();
     });
-    const e = new Be();
+    const e = new Le();
     K._dispatcher = e, e.startDeferred();
     try {
       const t = await Promise.allSettled([