haori 0.4.6 → 0.4.7

package/dist/haori.es.js

@@ -1,23 +1,23 @@
-const O = class O {
+const C = class C {
   /**
    * 開発モードの状態を取得します。
    *
    * @returns 開発モードならtrue、そうでなければfalse
    */
   static isEnabled() {
-    return O.devMode;
+    return C.devMode;
   }
   /**
    * 開発モードを有効化します。
    */
   static enable() {
-    O.devMode = !0;
+    C.devMode = !0;
   }
   /**
    * 開発モードを無効化します。
    */
   static disable() {
-    O.devMode = !1;
+    C.devMode = !1;
   }
   /**
    * 開発モードを切り替えます。
@@ -25,11 +25,11 @@ const O = class O {
    * @param enabled trueで有効化、falseで無効化
    */
   static set(t) {
-    O.devMode = t;
+    C.devMode = t;
   }
 };
-O.devMode = !1;
-let B = O;
+C.devMode = !1;
+let B = C;
 const z = "embedded";
 function rt(F) {
   return F === "embedded" || F === "demo";
@@ -95,8 +95,8 @@ const D = class D {
   }
 };
 D._prefix = "data-", D._runtime = z;
-let u = D;
-document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", u.detect) : u.detect();
+let l = D;
+document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", l.detect) : l.detect();
 class d {
   /**
    * 開発モードでのみコンソールに情報を出力します。
@@ -221,7 +221,7 @@ const _ = class _ {
   }
 };
 _.ASYNC_QUEUE = new st();
-let R = _;
+let P = _;
 class X {
   /**
    * 実行モードを取得します。
@@ -229,7 +229,7 @@ class X {
    * @return 実行モード。
    */
   static get runtime() {
-    return u.runtime;
+    return l.runtime;
   }
   /**
    * 実行モードを設定します。
@@ -238,7 +238,7 @@ class X {
    * @return 戻り値はありません。
    */
   static setRuntime(t) {
-    u.setRuntime(t);
+    l.setRuntime(t);
   }
   /**
    * 通知ダイアログを表示します。
@@ -247,7 +247,7 @@ class X {
    * @returns 通知が閉じられると解決されるPromise
    */
   static dialog(t) {
-    return R.enqueue(() => {
+    return P.enqueue(() => {
       window.alert(t);
     }, !0);
   }
@@ -275,7 +275,7 @@ class X {
    * @returns ユーザーがOKをクリックした場合はtrue、キャンセルした場合はfalseが解決されるPromise
    */
   static confirm(t) {
-    return R.enqueue(() => window.confirm(t), !0);
+    return P.enqueue(() => window.confirm(t), !0);
   }
   /**
    * ダイアログを開きます。
@@ -283,7 +283,7 @@ class X {
    * @param element 開くダイアログのHTML要素
    */
   static openDialog(t) {
-    return R.enqueue(() => {
+    return P.enqueue(() => {
       t instanceof HTMLDialogElement ? t.showModal() : d.error("[Haori]", "Element is not a dialog: ", t);
     }, !0);
   }
@@ -293,7 +293,7 @@ class X {
    * @param element 閉じるダイアログのHTML要素
    */
   static closeDialog(t) {
-    return R.enqueue(() => {
+    return P.enqueue(() => {
       t instanceof HTMLDialogElement ? t.close() : d.error("[Haori]", "Element is not a dialog: ", t);
     }, !0);
   }
@@ -314,7 +314,7 @@ class X {
    * @param level メッセージのレベル（省略可能）
    */
   static addMessage(t, e, r) {
-    return R.enqueue(() => {
+    return P.enqueue(() => {
       const i = t instanceof HTMLFormElement ? t : t.parentElement ?? t;
       i.setAttribute("data-message", e), r !== void 0 ? i.setAttribute("data-message-level", r) : i.removeAttribute("data-message-level");
     }, !0);
@@ -325,7 +325,7 @@ class X {
    * @param parent メッセージをクリアする親要素
    */
   static clearMessages(t) {
-    return R.enqueue(() => {
+    return P.enqueue(() => {
       t.removeAttribute("data-message"), t.removeAttribute("data-message-level"), t.querySelectorAll("[data-message]").forEach((e) => {
         e.removeAttribute("data-message"), e.removeAttribute("data-message-level");
       });
@@ -361,11 +361,11 @@ class y {
    * @returns values と同じオブジェクト
    */
   static getPartValues(t, e) {
-    const r = t.getAttribute("name"), i = t.getAttribute(`${u.prefix}form-object`), n = t.getAttribute(`${u.prefix}form-list`);
+    const r = t.getAttribute("name"), i = t.getAttribute(`${l.prefix}form-object`), n = t.getAttribute(`${l.prefix}form-list`);
     if (r) {
       n ? Array.isArray(e[String(r)]) ? e[String(r)].push(t.getValue()) : e[String(r)] = [t.getValue()] : e[String(r)] = t.getValue(), i && d.warn(
         "Haori",
-        `Element cannot have both ${u.prefix}form-object and name attributes.`
+        `Element cannot have both ${l.prefix}form-object and name attributes.`
       );
       for (const s of t.getChildElementFragments())
         y.getPartValues(s, e);
@@ -375,7 +375,7 @@ class y {
         y.getPartValues(a, s);
       Object.keys(s).length > 0 && (e[String(i)] = s), n && d.warn(
         "Haori",
-        `Element cannot have both ${u.prefix}form-list and ${u.prefix}form-object attributes.`
+        `Element cannot have both ${l.prefix}form-list and ${l.prefix}form-object attributes.`
       );
     } else if (n) {
       const s = [];
@@ -434,7 +434,7 @@ class y {
    * @returns Promise（DOMの更新が完了したら解決される）
    */
   static setPartValues(t, e, r = null, i = !1, n = !0) {
-    const s = [], a = t.getAttribute("name"), o = t.getAttribute(`${u.prefix}form-object`), h = t.getAttribute(`${u.prefix}form-list`), m = t.getAttribute(`${u.prefix}form-detach`);
+    const s = [], a = t.getAttribute("name"), o = t.getAttribute(`${l.prefix}form-object`), h = t.getAttribute(`${l.prefix}form-list`), m = t.getAttribute(`${l.prefix}form-detach`);
     if (a) {
       if (!m || i) {
         const b = e[String(a)];
@@ -493,7 +493,7 @@ class y {
     y.clearValues(t), await Promise.all([
       y.clearMessages(t),
       y.clearEachClones(t)
-    ]), await R.enqueue(() => {
+    ]), await P.enqueue(() => {
       const e = t.getTarget();
       if (e instanceof HTMLFormElement)
         e.reset();
@@ -504,7 +504,7 @@ class y {
           n.appendChild(e), n.reset(), r.insertBefore(e, i);
         }
       }
-    }), await P.evaluateAll(t);
+    }), await R.evaluateAll(t);
   }
   /**
    * data-each によって生成された複製（テンプレート以外）を削除します。
@@ -514,9 +514,9 @@ class y {
    */
   static clearEachClones(t) {
     const e = [], r = (n) => {
-      if (n.hasAttribute(`${u.prefix}each`))
+      if (n.hasAttribute(`${l.prefix}each`))
         for (const s of n.getChildElementFragments()) {
-          const a = s.hasAttribute(`${u.prefix}each-before`), o = s.hasAttribute(`${u.prefix}each-after`);
+          const a = s.hasAttribute(`${l.prefix}each-before`), o = s.hasAttribute(`${l.prefix}each-after`);
           !a && !o && e.push(s.remove());
         }
     }, i = (n) => {
@@ -600,13 +600,13 @@ class y {
    */
   static findFragmentByKeyParts(t, e) {
     const r = [], i = e[0];
-    if (e.length == 1 && t.getAttribute("name") === i && r.push(t), t.hasAttribute(`${u.prefix}form-object`))
-      e.length > 1 && t.getAttribute(`${u.prefix}form-object`) === i && t.getChildElementFragments().forEach((s) => {
+    if (e.length == 1 && t.getAttribute("name") === i && r.push(t), t.hasAttribute(`${l.prefix}form-object`))
+      e.length > 1 && t.getAttribute(`${l.prefix}form-object`) === i && t.getChildElementFragments().forEach((s) => {
         r.push(...y.findFragmentByKeyParts(s, e.slice(1)));
       });
-    else if (t.hasAttribute(`${u.prefix}form-list`)) {
+    else if (t.hasAttribute(`${l.prefix}form-list`)) {
       if (e.length > 1) {
-        const n = t.getAttribute(`${u.prefix}form-list`), s = i.lastIndexOf("["), a = i.lastIndexOf("]");
+        const n = t.getAttribute(`${l.prefix}form-list`), s = i.lastIndexOf("["), a = i.lastIndexOf("]");
         if (s !== -1 && a !== -1 && s < a) {
           const o = i.substring(0, s);
           if (n === o) {
@@ -614,7 +614,7 @@ class y {
             if (isNaN(m))
               d.error("Haori", `Invalid index: ${i}`);
             else {
-              const b = t.getChildElementFragments().filter((E) => E.hasAttribute(`${u.prefix}row`));
+              const b = t.getChildElementFragments().filter((E) => E.hasAttribute(`${l.prefix}row`));
               m < b.length && r.push(
                 ...y.findFragmentByKeyParts(b[m], e.slice(1))
               );
@@ -1268,7 +1268,7 @@ const I = class I {
         e = new x(t);
         break;
       case Node.TEXT_NODE:
-        e = new H(t);
+        e = new O(t);
         break;
       case Node.COMMENT_NODE:
         e = new Z(t);
@@ -1296,7 +1296,7 @@ const I = class I {
       return Promise.resolve();
     if (this.parent) {
       const t = this.parent, e = t.skipMutationNodes;
-      return R.enqueue(() => {
+      return P.enqueue(() => {
         t.skipMutationNodes = !0, this.target.parentNode === t.getTarget() && t.getTarget().removeChild(this.target), this.mounted = !1;
       }).finally(() => {
         t.skipMutationNodes = e;
@@ -1304,7 +1304,7 @@ const I = class I {
     } else {
       const t = this.target.parentNode;
       if (t)
-        return R.enqueue(() => {
+        return P.enqueue(() => {
           this.target.parentNode === t && t.removeChild(this.target), this.mounted = !1;
         });
       this.mounted = !1;
@@ -1321,7 +1321,7 @@ const I = class I {
       return Promise.resolve();
     if (this.parent) {
       const t = this.parent, e = t.skipMutationNodes;
-      return R.enqueue(() => {
+      return P.enqueue(() => {
         t.skipMutationNodes = !0, this.target.parentNode !== t.getTarget() && t.getTarget().appendChild(this.target), this.mounted = !0;
       }).finally(() => {
         t.skipMutationNodes = e;
@@ -1380,8 +1380,8 @@ const I = class I {
   }
 };
 I.FRAGMENT_CACHE = /* @__PURE__ */ new WeakMap();
-let T = I;
-class x extends T {
+let w = I;
+class x extends w {
   /**
    * エレメントフラグメントのコンストラクタ。
    * アトリビュートや子フラグメントの作成も行います。
@@ -1411,7 +1411,7 @@ class x extends T {
         this.attributeMap.set(e, i);
       }
     }), t.childNodes.forEach((e) => {
-      const r = T.get(e);
+      const r = w.get(e);
       r.setParent(this), this.children.push(r);
     });
   }
@@ -1470,7 +1470,15 @@ class x extends T {
     }), this.children.forEach((e) => {
       const r = e.clone();
       t.getTarget().appendChild(r.getTarget()), t.pushChild(r);
-    }), t.mounted = !1, t.bindingData = this.bindingData, t.clearBindingDataCache(), t.visible = this.visible, t.display = this.display, t.template = this.template, t;
+    }), t.mounted = !1, t.bindingData = this.bindingData, t.clearBindingDataCache(), t.visible = !0, t.display = this.display, t.template = this.template, t.normalizeClonedVisibilityState(), t;
+  }
+  /**
+   * clone 時に runtime の hidden 状態だけを落とします。
+   */
+  normalizeClonedVisibilityState() {
+    (this.visible === !1 || this.getTarget().style.display === "none" || this.getTarget().hasAttribute(`${l.prefix}if-false`)) && (this.visible = !0, this.display = "", this.getTarget().style.display = "", this.getTarget().removeAttribute(`${l.prefix}if-false`)), this.children.forEach((t) => {
+      t instanceof x && t.normalizeClonedVisibilityState();
+    });
   }
   /**
    * フラグメントとノードを削除します。
@@ -1600,12 +1608,12 @@ class x 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 = t === !0 || t === "true" : i === "false" ? s = t === !1 : s = i === String(t), this.value = n ? s : s ? t : null, r.checked === s ? Promise.resolve() : (this.skipChangeValue = !0, R.enqueue(() => {
+      return n ? s = t === !0 || t === "true" : i === "false" ? s = t === !1 : s = i === String(t), this.value = n ? s : s ? t : null, r.checked === s ? Promise.resolve() : (this.skipChangeValue = !0, P.enqueue(() => {
         r.checked = s, e && r.dispatchEvent(new Event("change", { bubbles: !0 }));
       }).finally(() => {
         this.skipChangeValue = !1;
       }));
-    } else return r instanceof HTMLInputElement || r instanceof HTMLTextAreaElement || r instanceof HTMLSelectElement ? (this.value = t, this.skipChangeValue = !0, R.enqueue(() => {
+    } else return r instanceof HTMLInputElement || r instanceof HTMLTextAreaElement || r instanceof HTMLSelectElement ? (this.value = t, this.skipChangeValue = !0, P.enqueue(() => {
       r.value = t === null ? "" : String(t), e && ((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;
@@ -1685,7 +1693,7 @@ class x extends T {
       return Promise.resolve();
     this.attributeMap.delete(t), this.skipMutationAttributes = !0;
     const r = this.getTarget();
-    return R.enqueue(() => {
+    return P.enqueue(() => {
       r.removeAttribute(t), e !== t && r.removeAttribute(e);
     }).finally(() => {
       this.skipMutationAttributes = !1;
@@ -1708,7 +1716,7 @@ class x extends T {
     const n = new U(t, r);
     this.attributeMap.set(t, n), this.skipMutationAttributes = !0;
     const s = this.getTarget(), a = n.isForceEvaluation() ? r : this.getAttribute(t);
-    return R.enqueue(() => {
+    return P.enqueue(() => {
       if (s.getAttribute(t) !== r && s.setAttribute(t, r), a === null || a === !1)
         s.removeAttribute(e);
       else {
@@ -1730,7 +1738,7 @@ class x extends T {
       return Promise.resolve();
     this.attributeMap.delete(t), this.skipMutationAttributes = !0;
     const e = this.getTarget();
-    return R.enqueue(() => {
+    return P.enqueue(() => {
       e.removeAttribute(t);
     }).finally(() => {
       this.skipMutationAttributes = !1;
@@ -1748,7 +1756,7 @@ class x extends T {
     if (e === void 0)
       return null;
     const r = e.evaluate(this.getBindingData());
-    return r.length === 1 ? r[0] : L.joinEvaluateResults(r);
+    return r.length === 1 ? r[0] : $.joinEvaluateResults(r);
   }
   /**
    * 属性の生の値を取得します。
@@ -1791,7 +1799,7 @@ class x extends T {
     const i = e ? r.nextSibling : r;
     let n = e ? r.nextSibling : r;
     for (; n !== null; ) {
-      const s = T.get(n);
+      const s = w.get(n);
       if (s !== null) {
         const a = this.children.indexOf(s);
         if (a !== -1)
@@ -1845,7 +1853,7 @@ class x extends T {
     }
     t.setParent(this), t.setMounted(this.mounted);
     const b = this.skipMutationNodes;
-    return this.skipMutationNodes = !0, R.enqueue(() => {
+    return this.skipMutationNodes = !0, P.enqueue(() => {
       this.target.insertBefore(t.getTarget(), m);
     }).finally(() => {
       this.skipMutationNodes = b;
@@ -1919,7 +1927,7 @@ class x extends T {
    * @returns エレメントの非表示のPromise
    */
   hide() {
-    return this.visible = !1, this.display = this.getTarget().style.display, this.getTarget().style.display = "none", this.getTarget().setAttribute(`${u.prefix}if-false`, ""), Promise.resolve();
+    return this.visible = !1, this.display = this.getTarget().style.display, this.getTarget().style.display = "none", this.getTarget().setAttribute(`${l.prefix}if-false`, ""), Promise.resolve();
   }
   /**
    * エレメントを表示します。
@@ -1927,7 +1935,7 @@ class x extends T {
    * @return エレメントの表示のPromise
    */
   show() {
-    return this.getTarget().style.display = this.display ?? "", this.getTarget().removeAttribute(`${u.prefix}if-false`), this.visible = !0, Promise.resolve();
+    return this.getTarget().style.display = this.display ?? "", this.getTarget().removeAttribute(`${l.prefix}if-false`), this.visible = !0, Promise.resolve();
   }
   /**
    * 指定した属性名を持つ最も近い親要素を返します。
@@ -1943,7 +1951,7 @@ class x extends T {
     return e === null ? null : e.closestByAttribute(t);
   }
 }
-class H extends T {
+class O extends w {
   /**
    * テキストフラグメントのコンストラクタ。
    * 対象テキストノードの内容を初期化します。
@@ -1951,7 +1959,7 @@ class H extends T {
    * @param target 対象テキストノード
    */
   constructor(t) {
-    super(t), this.skipMutation = !1, this.text = t.textContent || "", this.contents = new L(this.text);
+    super(t), this.skipMutation = !1, this.text = t.textContent || "", this.contents = new $(this.text);
   }
   /**
    * フラグメントをクローンします。
@@ -1959,7 +1967,7 @@ class H extends T {
    * @returns クローンされたフラグメント
    */
   clone() {
-    const t = new H(this.target.cloneNode(!0));
+    const t = new O(this.target.cloneNode(!0));
     return t.mounted = !1, t.text = this.text, t.contents = this.contents, t;
   }
   /**
@@ -1977,7 +1985,7 @@ class H extends T {
    * @returns 更新のPromise
    */
   setContent(t) {
-    return this.skipMutation || this.text === t ? Promise.resolve() : (this.text = t, this.contents = new L(t), this.evaluate());
+    return this.skipMutation || this.text === t ? Promise.resolve() : (this.text = t, this.contents = new $(t), this.evaluate());
   }
   /**
    * フラグメントを評価します。
@@ -1987,10 +1995,10 @@ class H extends T {
   evaluate() {
     return this.contents.isRawEvaluate && this.parent === null ? Promise.reject(
       new Error("Parent fragment is required for raw evaluation")
-    ) : R.enqueue(() => {
+    ) : P.enqueue(() => {
       this.skipMutation = !0, this.contents.isRawEvaluate ? this.parent.getTarget().innerHTML = this.contents.evaluate(
         this.parent.getBindingData()
-      )[0] : this.contents.isEvaluate ? this.target.textContent = L.joinEvaluateResults(
+      )[0] : this.contents.isEvaluate ? this.target.textContent = $.joinEvaluateResults(
         this.contents.evaluate(this.parent.getBindingData())
       ) : this.target.textContent = this.text;
     }).finally(() => {
@@ -1998,7 +2006,7 @@ class H extends T {
     });
   }
 }
-class Z extends T {
+class Z extends w {
   /**
    * コメントフラグメントのコンストラクタ。
    * 対象コメントノードの内容を初期化します。
@@ -2032,7 +2040,7 @@ class Z extends T {
    * @return 更新のPromise
    */
   setContent(t) {
-    return this.skipMutation || this.text === t ? Promise.resolve() : (this.text = t, R.enqueue(() => {
+    return this.skipMutation || this.text === t ? Promise.resolve() : (this.text = t, P.enqueue(() => {
       this.skipMutation = !0, this.target.textContent = this.text;
     }).finally(() => {
       this.skipMutation = !1;
@@ -2123,8 +2131,8 @@ const K = class K {
   }
 };
 K.PLACEHOLDER_REGEX = /\{\{\{([\s\S]+?)\}\}\}|\{\{([\s\S]+?)\}\}/g;
-let L = K;
-const G = class G extends L {
+let $ = K;
+const G = class G extends $ {
   /**
    * コンストラクタ。
    *
@@ -2180,7 +2188,7 @@ G.FORCE_EVALUATION_ATTRIBUTES = [
   "hor-each"
 ];
 let U = G;
-class w {
+class T {
   /**
    * カスタムイベントを発火します。
    *
@@ -2204,7 +2212,7 @@ class w {
    * @param version ライブラリバージョン
    */
   static ready(t) {
-    w.dispatch(document, "ready", { version: t });
+    T.dispatch(document, "ready", { version: t });
   }
   /**
    * renderイベントを発火します。
@@ -2212,7 +2220,7 @@ class w {
    * @param target 評価対象要素
    */
   static render(t) {
-    w.dispatch(t, "render", { target: t });
+    T.dispatch(t, "render", { target: t });
   }
   /**
    * importstartイベントを発火します。
@@ -2221,7 +2229,7 @@ class w {
    * @param url インポート対象URL
    */
   static importStart(t, e) {
-    w.dispatch(t, "importstart", {
+    T.dispatch(t, "importstart", {
       url: e,
       startedAt: performance.now()
     });
@@ -2235,7 +2243,7 @@ class w {
    * @param startedAt 開始時刻
    */
   static importEnd(t, e, r, i) {
-    w.dispatch(t, "importend", {
+    T.dispatch(t, "importend", {
       url: e,
       bytes: r,
       durationMs: performance.now() - i
@@ -2249,7 +2257,7 @@ class w {
    * @param error エラー内容
    */
   static importError(t, e, r) {
-    w.dispatch(t, "importerror", { url: e, error: r });
+    T.dispatch(t, "importerror", { url: e, error: r });
   }
   /**
    * bindchangeイベントを発火します。
@@ -2265,7 +2273,7 @@ class w {
       const m = e?.[h], b = r[h];
       m !== b && n.push(h);
     }
-    w.dispatch(t, "bindchange", {
+    T.dispatch(t, "bindchange", {
       previous: e || {},
       next: r,
       changedKeys: n,
@@ -2281,7 +2289,7 @@ class w {
    * @param order 現在の順序
    */
   static eachUpdate(t, e, r, i) {
-    w.dispatch(t, "eachupdate", {
+    T.dispatch(t, "eachupdate", {
       added: e,
       removed: r,
       order: i,
@@ -2297,7 +2305,7 @@ class w {
    * @param item 行データ
    */
   static rowAdd(t, e, r, i) {
-    w.dispatch(t, "rowadd", { key: e, index: r, item: i });
+    T.dispatch(t, "rowadd", { key: e, index: r, item: i });
   }
   /**
    * rowremoveイベントを発火します。
@@ -2307,7 +2315,7 @@ class w {
    * @param index インデックス
    */
   static rowRemove(t, e, r) {
-    w.dispatch(t, "rowremove", { key: e, index: r });
+    T.dispatch(t, "rowremove", { key: e, index: r });
   }
   /**
    * rowmoveイベントを発火します。
@@ -2318,7 +2326,7 @@ class w {
    * @param to 移動後インデックス
    */
   static rowMove(t, e, r, i) {
-    w.dispatch(t, "rowmove", { key: e, from: r, to: i });
+    T.dispatch(t, "rowmove", { key: e, from: r, to: i });
   }
   /**
    * showイベントを発火します。
@@ -2326,7 +2334,7 @@ class w {
    * @param target data-if要素
    */
   static show(t) {
-    w.dispatch(t, "show", { visible: !0 });
+    T.dispatch(t, "show", { visible: !0 });
   }
   /**
    * hideイベントを発火します。
@@ -2334,7 +2342,7 @@ class w {
    * @param target data-if要素
    */
   static hide(t) {
-    w.dispatch(t, "hide", { visible: !1 });
+    T.dispatch(t, "hide", { visible: !1 });
   }
   /**
    * fetchstartイベントを発火します。
@@ -2347,7 +2355,7 @@ class w {
     * @return 戻り値はありません。
    */
   static fetchStart(t, e, r, i, n) {
-    w.dispatch(t, "fetchstart", {
+    T.dispatch(t, "fetchstart", {
       url: e,
       options: r || {},
       payload: i,
@@ -2364,7 +2372,7 @@ class w {
    * @param startedAt 開始時刻
    */
   static fetchEnd(t, e, r, i) {
-    w.dispatch(t, "fetchend", {
+    T.dispatch(t, "fetchend", {
       url: e,
       status: r,
       durationMs: performance.now() - i
@@ -2380,7 +2388,7 @@ class w {
    * @param startedAt 開始時刻（存在する場合）
    */
   static fetchError(t, e, r, i, n) {
-    w.dispatch(t, "fetcherror", {
+    T.dispatch(t, "fetcherror", {
       url: e,
       status: i,
       error: r,
@@ -2416,7 +2424,7 @@ function ht(F, t) {
   const e = new URL(F, window.location.href), r = new URLSearchParams(e.search);
   return ct(r, t), e.search = r.toString(), e.toString();
 }
-const l = class l {
+const u = class u {
   /**
    * イベント属性名を正しく生成します。
    * 例: ("click", "fetch") => "data-click-fetch"
@@ -2425,7 +2433,7 @@ const l = class l {
    * 非イベント変種が "data-fetch-xxx" として存在するものについては、event が null の場合にそちらを返します。
    */
   static attrName(t, e, r = !1) {
-    return t ? `${u.prefix}${t}-${e}` : r ? `${u.prefix}fetch-${e}` : `${u.prefix}${e}`;
+    return t ? `${l.prefix}${t}-${e}` : r ? `${l.prefix}fetch-${e}` : `${l.prefix}${e}`;
   }
   /**
    * data 属性のテンプレート式評価結果を URLSearchParams 向けに組み立てます。
@@ -2436,7 +2444,7 @@ const l = class l {
    */
   static resolveDataParamString(t, e) {
     return t.replace(
-      l.DATA_PLACEHOLDER_REGEX,
+      u.DATA_PLACEHOLDER_REGEX,
       (r, i, n) => {
         const s = j.evaluate(
           i ?? n ?? "",
@@ -2493,7 +2501,7 @@ const l = class l {
   static stringifyJsonTemplateStringContent(t) {
     if (t == null || Number.isNaN(t))
       return "";
-    const e = typeof t == "object" ? l.stringifyJsonTemplateValue(t) : String(t);
+    const e = typeof t == "object" ? u.stringifyJsonTemplateValue(t) : String(t);
     return JSON.stringify(e).slice(1, -1);
   }
   /**
@@ -2505,13 +2513,13 @@ const l = class l {
    */
   static resolveDataJsonString(t, e) {
     return t.replace(
-      l.DATA_PLACEHOLDER_REGEX,
+      u.DATA_PLACEHOLDER_REGEX,
       (r, i, n, s) => {
         const a = j.evaluate(
           i ?? n ?? "",
           e
         );
-        return l.isJsonStringContext(t, s) ? l.stringifyJsonTemplateStringContent(a) : l.stringifyJsonTemplateValue(a);
+        return u.isJsonStringContext(t, s) ? u.stringifyJsonTemplateStringContent(a) : u.stringifyJsonTemplateValue(a);
       }
     );
   }
@@ -2529,13 +2537,13 @@ const l = class l {
     if (typeof i != "string" || r === null)
       return null;
     const n = r.trim();
-    return l.SINGLE_PLACEHOLDER_REGEX.test(n) ? P.parseDataBind(i) : n.startsWith("{") || n.startsWith("[") ? P.parseDataBind(
-      l.resolveDataJsonString(
+    return u.SINGLE_PLACEHOLDER_REGEX.test(n) ? R.parseDataBind(i) : n.startsWith("{") || n.startsWith("[") ? R.parseDataBind(
+      u.resolveDataJsonString(
         r,
         t.getBindingData()
       )
-    ) : P.parseDataBind(
-      l.resolveDataParamString(r, t.getBindingData())
+    ) : R.parseDataBind(
+      u.resolveDataParamString(r, t.getBindingData())
     );
   }
   /**
@@ -2550,30 +2558,30 @@ const l = class l {
       targetFragment: t
     };
     if (e) {
-      if (t.hasAttribute(l.attrName(e, "validate")) && (r.valid = !0), t.hasAttribute(l.attrName(e, "confirm")) && (r.confirmMessage = t.getAttribute(
-        l.attrName(e, "confirm")
+      if (t.hasAttribute(u.attrName(e, "validate")) && (r.valid = !0), t.hasAttribute(u.attrName(e, "confirm")) && (r.confirmMessage = t.getAttribute(
+        u.attrName(e, "confirm")
       ).replace(/\\n/g, `
-`)), t.hasAttribute(l.attrName(e, "data")) && (r.data = l.resolveDataAttribute(
+`)), t.hasAttribute(u.attrName(e, "data")) && (r.data = u.resolveDataAttribute(
         t,
-        l.attrName(e, "data")
-      )), t.hasAttribute(l.attrName(e, "form"))) {
+        u.attrName(e, "data")
+      )), t.hasAttribute(u.attrName(e, "form"))) {
         const c = t.getRawAttribute(
-          l.attrName(e, "form")
+          u.attrName(e, "form")
         );
         if (c) {
           const f = document.body.querySelector(c);
           f !== null ? r.formFragment = y.getFormFragment(
-            T.get(f)
+            w.get(f)
           ) : d.error(
             "Haori",
-            `Form element not found: ${c} (${l.attrName(e, "form")})`
+            `Form element not found: ${c} (${u.attrName(e, "form")})`
           );
         } else
           r.formFragment = y.getFormFragment(t);
       } else e === "change" && (r.formFragment = y.getFormFragment(t));
-      if (t.hasAttribute(`${u.prefix}${e}-before-run`)) {
+      if (t.hasAttribute(`${l.prefix}${e}-before-run`)) {
         const c = t.getRawAttribute(
-          `${u.prefix}${e}-before-run`
+          `${l.prefix}${e}-before-run`
         );
         try {
           r.beforeCallback = new Function(
@@ -2589,34 +2597,34 @@ ${c}
         }
       }
     }
-    const i = l.attrName(e, "fetch"), n = t.hasAttribute(i);
+    const i = u.attrName(e, "fetch"), n = t.hasAttribute(i);
     n && (r.fetchUrl = t.getAttribute(i));
     const s = {};
     if (e) {
-      const c = l.attrName(e, "fetch-method");
+      const c = u.attrName(e, "fetch-method");
       t.hasAttribute(c) && (s.method = t.getAttribute(
         c
       ));
     } else {
-      const c = l.attrName(null, "method", !0);
+      const c = u.attrName(null, "method", !0);
       t.hasAttribute(c) && (s.method = t.getAttribute(
         c
       ));
     }
     if (e) {
-      const c = l.attrName(e, "fetch-headers");
+      const c = u.attrName(e, "fetch-headers");
       if (t.hasAttribute(c)) {
         const f = t.getRawAttribute(
           c
         );
         try {
-          s.headers = P.parseDataBind(f);
+          s.headers = R.parseDataBind(f);
         } catch (g) {
           d.error("Haori", `Invalid fetch headers: ${g}`);
         }
       }
     } else {
-      const c = l.attrName(
+      const c = u.attrName(
         null,
         "headers",
         !0
@@ -2626,14 +2634,14 @@ ${c}
           c
         );
         try {
-          s.headers = P.parseDataBind(f);
+          s.headers = R.parseDataBind(f);
         } catch (g) {
           d.error("Haori", `Invalid fetch headers: ${g}`);
         }
       }
     }
     if (e) {
-      const c = l.attrName(
+      const c = u.attrName(
         e,
         "fetch-content-type"
       );
@@ -2653,7 +2661,7 @@ ${c}
         "Content-Type": "application/x-www-form-urlencoded"
       });
     } else {
-      const c = l.attrName(
+      const c = u.attrName(
         null,
         "content-type",
         !0
@@ -2675,13 +2683,13 @@ ${c}
       });
     }
     Object.keys(s).length > 0 && (r.fetchOptions = s);
-    const a = e ? l.attrName(e, "bind") : l.attrName(null, "bind", !0);
+    const a = e ? u.attrName(e, "bind") : u.attrName(null, "bind", !0);
     if (t.hasAttribute(a)) {
       const c = t.getRawAttribute(a);
       if (c) {
         const f = document.body.querySelectorAll(c);
         f.length > 0 ? (r.bindFragments = [], f.forEach((g) => {
-          const A = T.get(g);
+          const A = w.get(g);
           A && r.bindFragments.push(A);
         })) : d.error(
           "Haori",
@@ -2689,11 +2697,11 @@ ${c}
         );
       }
     }
-    const o = l.attrName(e, "bind-arg"), h = l.attrName(
+    const o = u.attrName(e, "bind-arg"), h = u.attrName(
       null,
       "arg",
       !0
-    ), m = l.attrName(
+    ), m = u.attrName(
       null,
       "bind-arg",
       !0
@@ -2701,17 +2709,17 @@ ${c}
     e ? t.hasAttribute(o) && (r.bindArg = t.getRawAttribute(o)) : t.hasAttribute(h) ? r.bindArg = t.getRawAttribute(
       h
     ) : t.hasAttribute(m) && (r.bindArg = t.getRawAttribute(m));
-    const b = e ? l.attrName(e, "bind-params") : l.attrName(null, "bind-params", !0);
+    const b = e ? u.attrName(e, "bind-params") : u.attrName(null, "bind-params", !0);
     if (t.hasAttribute(b)) {
       const c = t.getRawAttribute(b);
       r.bindParams = c.split("&").map((f) => f.trim());
     }
-    const E = e ? l.attrName(e, "bind-append") : l.attrName(null, "bind-append", !0);
+    const E = e ? u.attrName(e, "bind-append") : u.attrName(null, "bind-append", !0);
     if (t.hasAttribute(E)) {
       const c = t.getRawAttribute(E);
       r.bindAppendParams = c.split("&").map((f) => f.trim()).filter(Boolean);
     }
-    const S = e ? l.attrName(e, "copy-params") : null;
+    const S = e ? u.attrName(e, "copy-params") : null;
     if (S && t.hasAttribute(S)) {
       const c = t.getRawAttribute(
         S
@@ -2719,30 +2727,30 @@ ${c}
       r.copyParams = c.split("&").map((f) => f.trim()).filter(Boolean);
     }
     if (e) {
-      if (t.hasAttribute(l.attrName(e, "adjust"))) {
+      if (t.hasAttribute(u.attrName(e, "adjust"))) {
         const f = t.getRawAttribute(
-          l.attrName(e, "adjust")
+          u.attrName(e, "adjust")
         );
         if (f) {
           const g = document.body.querySelectorAll(f);
           g.length > 0 ? (r.adjustFragments = [], g.forEach((A) => {
-            const v = T.get(A);
+            const v = w.get(A);
             v && r.adjustFragments.push(v);
           })) : d.error(
             "Haori",
-            `Adjust element not found: ${f} (${l.attrName(e, "adjust")})`
+            `Adjust element not found: ${f} (${u.attrName(e, "adjust")})`
           );
         }
-        if (t.hasAttribute(l.attrName(e, "adjust-value"))) {
+        if (t.hasAttribute(u.attrName(e, "adjust-value"))) {
           const g = t.getRawAttribute(
-            l.attrName(e, "adjust-value")
+            u.attrName(e, "adjust-value")
           ), A = Number(g);
           isNaN(A) || (r.adjustValue = A);
         }
       }
-      if (t.hasAttribute(l.attrName(e, "row-add")) && (r.rowAdd = !0), t.hasAttribute(l.attrName(e, "row-remove")) && (r.rowRemove = !0), t.hasAttribute(l.attrName(e, "row-prev")) && (r.rowMovePrev = !0), t.hasAttribute(l.attrName(e, "row-next")) && (r.rowMoveNext = !0), t.hasAttribute(`${u.prefix}${e}-after-run`)) {
+      if (t.hasAttribute(u.attrName(e, "row-add")) && (r.rowAdd = !0), t.hasAttribute(u.attrName(e, "row-remove")) && (r.rowRemove = !0), t.hasAttribute(u.attrName(e, "row-prev")) && (r.rowMovePrev = !0), t.hasAttribute(u.attrName(e, "row-next")) && (r.rowMoveNext = !0), t.hasAttribute(`${l.prefix}${e}-after-run`)) {
         const f = t.getRawAttribute(
-          `${u.prefix}${e}-after-run`
+          `${l.prefix}${e}-after-run`
         );
         try {
           r.afterCallback = new Function(
@@ -2756,38 +2764,38 @@ ${f}
           d.error("Haori", `Invalid after script: ${g}`);
         }
       }
-      if (t.hasAttribute(l.attrName(e, "dialog")) && (r.dialogMessage = t.getAttribute(
-        l.attrName(e, "dialog")
+      if (t.hasAttribute(u.attrName(e, "dialog")) && (r.dialogMessage = t.getAttribute(
+        u.attrName(e, "dialog")
       ).replace(/\\n/g, `
-`)), t.hasAttribute(l.attrName(e, "toast"))) {
+`)), t.hasAttribute(u.attrName(e, "toast"))) {
         r.toastMessage = t.getAttribute(
-          l.attrName(e, "toast")
+          u.attrName(e, "toast")
         );
         const f = t.getRawAttribute(
-          l.attrName(e, "toast-level")
+          u.attrName(e, "toast-level")
         ), A = ["info", "warning", "error", "success"].includes(f);
         r.toastLevel = A ? f : null;
       }
-      if (t.hasAttribute(l.attrName(e, "redirect")) && (r.redirectUrl = t.getAttribute(
-        l.attrName(e, "redirect")
-      )), t.hasAttribute(l.attrName(e, "scroll-error")) && (r.scrollOnError = !0), t.hasAttribute(l.attrName(e, "scroll")) && (r.scrollTarget = t.getAttribute(
-        l.attrName(e, "scroll")
-      )), t.hasAttribute(l.attrName(e, "history")) && (r.historyUrl = t.getAttribute(
-        l.attrName(e, "history")
-      )), t.hasAttribute(l.attrName(e, "history-data")) && (r.historyData = l.resolveDataAttribute(
+      if (t.hasAttribute(u.attrName(e, "redirect")) && (r.redirectUrl = t.getAttribute(
+        u.attrName(e, "redirect")
+      )), t.hasAttribute(u.attrName(e, "scroll-error")) && (r.scrollOnError = !0), t.hasAttribute(u.attrName(e, "scroll")) && (r.scrollTarget = t.getAttribute(
+        u.attrName(e, "scroll")
+      )), t.hasAttribute(u.attrName(e, "history")) && (r.historyUrl = t.getAttribute(
+        u.attrName(e, "history")
+      )), t.hasAttribute(u.attrName(e, "history-data")) && (r.historyData = u.resolveDataAttribute(
         t,
-        l.attrName(e, "history-data")
-      )), t.hasAttribute(l.attrName(e, "history-form"))) {
+        u.attrName(e, "history-data")
+      )), t.hasAttribute(u.attrName(e, "history-form"))) {
         const f = t.getRawAttribute(
-          l.attrName(e, "history-form")
+          u.attrName(e, "history-form")
         );
         if (f) {
           const g = document.body.querySelector(f);
           g !== null ? r.historyFormFragment = y.getFormFragment(
-            T.get(g)
+            w.get(g)
           ) : d.error(
             "Haori",
-            `Form element not found: ${f} (${l.attrName(e, "history-form")})`
+            `Form element not found: ${f} (${u.attrName(e, "history-form")})`
           );
         } else
           r.historyFormFragment = y.getFormFragment(t);
@@ -2800,12 +2808,12 @@ ${f}
         "open",
         "close"
       ].forEach((f) => {
-        const g = l.attrName(e, f);
+        const g = u.attrName(e, f);
         if (!t.hasAttribute(g))
           return;
         const A = t.getRawAttribute(g), v = [];
         if (A ? (document.body.querySelectorAll(A).forEach((J) => {
-          const tt = T.get(J);
+          const tt = w.get(J);
           tt && v.push(tt);
         }), v.length === 0 && d.error("Haori", `Element not found: ${A} (${g})`)) : v.push(t), v.length > 0)
           switch (f) {
@@ -2830,20 +2838,20 @@ ${f}
           }
       });
     }
-    if (!e && (t.hasAttribute(l.attrName(null, "data", !0)) && (r.data = l.resolveDataAttribute(
+    if (!e && (t.hasAttribute(u.attrName(null, "data", !0)) && (r.data = u.resolveDataAttribute(
       t,
-      l.attrName(null, "data", !0)
-    )), t.hasAttribute(l.attrName(null, "form", !0)))) {
+      u.attrName(null, "data", !0)
+    )), t.hasAttribute(u.attrName(null, "form", !0)))) {
       const c = t.getRawAttribute(
-        l.attrName(null, "form", !0)
+        u.attrName(null, "form", !0)
       );
       if (c) {
         const f = document.body.querySelector(c);
         f !== null ? r.formFragment = y.getFormFragment(
-          T.get(f)
+          w.get(f)
         ) : d.error(
           "Haori",
-          `Form element not found: ${c} (${l.attrName(null, "fetch-form", !0)})`
+          `Form element not found: ${c} (${u.attrName(null, "fetch-form", !0)})`
         );
       } else
         r.formFragment = y.getFormFragment(t);
@@ -2869,7 +2877,7 @@ ${f}
    * @param arg2 イベント名
    */
   constructor(t, e = null) {
-    l.isElementFragment(t) ? this.options = l.buildOptions(t, e) : this.options = t;
+    u.isElementFragment(t) ? this.options = u.buildOptions(t, e) : this.options = t;
   }
   /**
    * 一連の処理を実行します。オプションが空の場合は即座にresolveされます。
@@ -2918,7 +2926,7 @@ ${f}
     if (e) {
       const o = { ...r || {} }, h = new Headers(
         o.headers || void 0
-      ), m = (o.method || "GET").toUpperCase(), b = u.runtime === "demo" && !ut(m), E = b ? "GET" : m;
+      ), m = (o.method || "GET").toUpperCase(), b = l.runtime === "demo" && !ut(m), E = b ? "GET" : m;
       if (o.method = E, E === "GET" || E === "HEAD" || E === "OPTIONS")
         n && (e = ht(e, i));
       else if (n) {
@@ -2940,7 +2948,7 @@ ${f}
       o.headers = h;
       let S;
       if (b && (S = e && new URL(e, window.location.href).search || void 0, h.delete("Content-Type"), d.info("Haori demo fetch normalization", {
-        runtime: u.runtime,
+        runtime: l.runtime,
         requestedMethod: m,
         effectiveMethod: E,
         transportMode: "query-get",
@@ -2949,13 +2957,13 @@ ${f}
         queryString: S
       })), this.options.targetFragment && e) {
         const c = performance.now(), f = {
-          runtime: u.runtime,
+          runtime: l.runtime,
           requestedMethod: m,
           effectiveMethod: E,
           transportMode: b ? "query-get" : "http",
           ...b ? { queryString: S } : {}
         };
-        return w.fetchStart(
+        return T.fetchStart(
           this.options.targetFragment.getTarget(),
           e,
           o,
@@ -2966,7 +2974,7 @@ ${f}
           e || void 0,
           c
         )).catch((g) => {
-          throw e && w.fetchError(
+          throw e && T.fetchError(
             this.options.targetFragment.getTarget(),
             e,
             g
@@ -2978,11 +2986,11 @@ ${f}
     if ((!this.options.bindFragments || this.options.bindFragments.length === 0) && this.options.formFragment && n) {
       const o = this.options.formFragment, h = o.getTarget();
       h.setAttribute(
-        `${u.prefix}bind`,
+        `${l.prefix}bind`,
         JSON.stringify(i)
       );
       const m = o.getBindingData();
-      Object.assign(m, i), await P.setBindingData(h, m);
+      Object.assign(m, i), await R.setBindingData(h, m);
     }
     const s = n ? i : {}, a = new Response(JSON.stringify(s), {
       headers: { "Content-Type": "application/json" }
@@ -2995,14 +3003,14 @@ ${f}
   async handleFetchResult(t, e, r) {
     const i = W();
     if (!t.ok)
-      return this.options.targetFragment && e && w.fetchError(
+      return this.options.targetFragment && e && T.fetchError(
         this.options.targetFragment.getTarget(),
         e,
         new Error(`${t.status} ${t.statusText}`),
         t.status,
         r
       ), await this.handleFetchError(t), !1;
-    if (this.options.targetFragment && e && r && w.fetchEnd(
+    if (this.options.targetFragment && e && r && T.fetchEnd(
       this.options.targetFragment.getTarget(),
       e,
       t.status,
@@ -3021,7 +3029,7 @@ ${f}
     ), await this.copy();
     const s = [];
     return this.options.refetchFragments && this.options.refetchFragments.length > 0 && this.options.refetchFragments.forEach((a) => {
-      s.push(new l(a, null).run());
+      s.push(new u(a, null).run());
     }), this.options.clickFragments && this.options.clickFragments.length > 0 && this.options.clickFragments.forEach((a) => {
       const o = a.getTarget();
       typeof o.click == "function" ? o.click() : o.dispatchEvent(
@@ -3196,7 +3204,7 @@ ${f}
             );
           } else
             s[a] = r;
-          i.push(P.setBindingData(n.getTarget(), s));
+          i.push(R.setBindingData(n.getTarget(), s));
         });
       else {
         if (typeof r == "string")
@@ -3209,7 +3217,7 @@ ${f}
             r
           );
           i.push(
-            P.setBindingData(
+            R.setBindingData(
               n.getTarget(),
               s
             )
@@ -3244,7 +3252,7 @@ ${f}
         ...i.getBindingData(),
         ...e
       };
-      return P.setBindingData(i.getTarget(), n);
+      return R.setBindingData(i.getTarget(), n);
     });
     return Promise.all(r).then(() => {
     });
@@ -3291,7 +3299,7 @@ ${f}
     if (!this.options.targetFragment)
       return d.error("Haori", "Target fragment is not specified for row operation."), null;
     const t = this.options.targetFragment.closestByAttribute(
-      `${u.prefix}row`
+      `${l.prefix}row`
     );
     return t || (d.error("Haori", "Row fragment not found."), null);
   }
@@ -3309,7 +3317,7 @@ ${f}
     const e = [], r = t.clone();
     return e.push(
       t.getParent().insertAfter(r, t)
-    ), e.push(P.evaluateAll(r)), e.push(y.reset(r)), Promise.all(e).then(() => {
+    ), e.push(R.evaluateAll(r)), e.push(y.reset(r)), Promise.all(e).then(() => {
     });
   }
   /**
@@ -3324,7 +3332,7 @@ ${f}
     if (!t)
       return Promise.reject(new Error("Row fragment not found."));
     const e = t.getParent();
-    return e && e.getChildElementFragments().filter((i) => !i.hasAttribute(`${u.prefix}each-before`) && !i.hasAttribute(`${u.prefix}each-after`)).length <= 1 ? Promise.resolve() : t.remove();
+    return e && e.getChildElementFragments().filter((i) => !i.hasAttribute(`${l.prefix}each-before`) && !i.hasAttribute(`${l.prefix}each-after`)).length <= 1 ? Promise.resolve() : t.remove();
   }
   /**
    * 前の行へ移動します。
@@ -3361,8 +3369,8 @@ ${f}
     return r ? r.insertAfter(t, e) : Promise.resolve();
   }
 };
-l.DATA_PLACEHOLDER_REGEX = /\{\{\{([\s\S]+?)\}\}\}|\{\{([\s\S]+?)\}\}/g, l.SINGLE_PLACEHOLDER_REGEX = /^(\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\})$/;
-let V = l;
+u.DATA_PLACEHOLDER_REGEX = /\{\{\{([\s\S]+?)\}\}\}|\{\{([\s\S]+?)\}\}/g, u.SINGLE_PLACEHOLDER_REGEX = /^(\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\})$/;
+let V = u;
 class ft {
   /**
    * URLのクエリパラメータを取得します。
@@ -3423,7 +3431,7 @@ const p = class p {
    */
   static isDeferredAttributeName(t) {
     return p.DEFERRED_ATTRIBUTE_SUFFIXES.some(
-      (e) => t === `${u.prefix}${e}`
+      (e) => t === `${l.prefix}${e}`
     );
   }
   /**
@@ -3434,7 +3442,7 @@ const p = class p {
    */
   static isEvaluateAllExcludedAttributeName(t) {
     return p.EVALUATE_ALL_EXCLUDED_ATTRIBUTE_SUFFIXES.some(
-      (e) => t === `${u.prefix}${e}`
+      (e) => t === `${l.prefix}${e}`
     );
   }
   /**
@@ -3454,7 +3462,7 @@ const p = class p {
    * @returns 実際の属性名。data-attr-* でない場合は null
    */
   static getAliasedAttributeName(t) {
-    const e = `${u.prefix}${p.ATTRIBUTE_ALIAS_SUFFIX}`;
+    const e = `${l.prefix}${p.ATTRIBUTE_ALIAS_SUFFIX}`;
     return !t.startsWith(e) || t.length <= e.length ? null : t.slice(e.length);
   }
   /**
@@ -3465,9 +3473,9 @@ const p = class p {
    * @returns data-attr-* の内部反映なら true
    */
   static isAliasedAttributeReflection(t, e) {
-    const r = T.get(t);
+    const r = w.get(t);
     return r instanceof x ? r.hasAttribute(
-      `${u.prefix}${p.ATTRIBUTE_ALIAS_SUFFIX}${e}`
+      `${l.prefix}${p.ATTRIBUTE_ALIAS_SUFFIX}${e}`
     ) : !1;
   }
   /**
@@ -3495,14 +3503,14 @@ const p = class p {
    * @returns Promise (スキャンが完了したときに解決される)
    */
   static scan(t) {
-    const e = T.get(t);
+    const e = w.get(t);
     if (!e)
       return Promise.resolve();
-    t.parentNode && (T.get(t.parentNode)?.isMounted() || document.body.contains(t) ? e.setMounted(!0) : e.setMounted(!1));
+    t.parentNode && (w.get(t.parentNode)?.isMounted() || document.body.contains(t) ? e.setMounted(!0) : e.setMounted(!1));
     let r = Promise.resolve();
     const i = /* @__PURE__ */ new Set();
     for (const n of p.PRIORITY_ATTRIBUTE_SUFFIXES) {
-      const s = u.prefix + n;
+      const s = l.prefix + n;
       e.hasAttribute(s) && (r = r.then(
         () => p.setAttribute(
           e.getTarget(),
@@ -3520,7 +3528,7 @@ const p = class p {
       ));
     }
     for (const n of p.DEFERRED_ATTRIBUTE_SUFFIXES) {
-      const s = u.prefix + n;
+      const s = l.prefix + n;
       e.hasAttribute(s) && (r = r.then(
         () => p.setAttribute(
           e.getTarget(),
@@ -3532,7 +3540,7 @@ const p = class p {
     return r.then(() => {
       const n = [];
       return e.getChildren().forEach((s) => {
-        s instanceof x ? n.push(p.scan(s.getTarget())) : s instanceof H && n.push(p.evaluateText(s));
+        s instanceof x ? n.push(p.scan(s.getTarget())) : s instanceof O && n.push(p.evaluateText(s));
       }), Promise.all(n).then(() => {
       });
     }).then(() => {
@@ -3548,47 +3556,47 @@ const p = class p {
    * @returns Promise (DOM操作が完了したときに解決される)
    */
   static setAttribute(t, e, r) {
-    const i = T.get(t), n = p.getAliasedAttributeName(e);
+    const i = w.get(t), n = p.getAliasedAttributeName(e);
     if (n !== null)
       return r === null ? i.removeAliasedAttribute(e, n) : i.setAliasedAttribute(e, n, r);
     const s = [];
     switch (e) {
-      case `${u.prefix}bind`: {
+      case `${l.prefix}bind`: {
         r === null ? (i.clearBindingDataCache(), i.setBindingData({})) : i.setBindingData(p.parseDataBind(r));
         break;
       }
-      case `${u.prefix}if`:
+      case `${l.prefix}if`:
         s.push(p.evaluateIf(i));
         break;
-      case `${u.prefix}each`:
+      case `${l.prefix}each`:
         s.push(p.evaluateEach(i));
         break;
-      case `${u.prefix}fetch`:
+      case `${l.prefix}fetch`:
         s.push(
           new V(i, null).run().then(() => {
           })
         );
         break;
-      case `${u.prefix}import`: {
+      case `${l.prefix}import`: {
         if (typeof r == "string") {
           const a = i.getTarget(), o = performance.now();
-          w.importStart(a, r), s.push(
+          a.setAttribute(`${l.prefix}importing`, ""), T.importStart(a, r), s.push(
             dt.load(r).then((h) => {
               const m = new TextEncoder().encode(h).length;
-              return R.enqueue(() => {
+              return P.enqueue(() => {
                 a.innerHTML = h;
               }).then(() => {
-                w.importEnd(a, r, m, o);
+                a.removeAttribute(`${l.prefix}importing`), T.importEnd(a, r, m, o);
               });
             }).catch((h) => {
-              w.importError(a, r, h), d.error("[Haori]", "Failed to import HTML:", r, h);
+              a.removeAttribute(`${l.prefix}importing`), T.importError(a, r, h), d.error("[Haori]", "Failed to import HTML:", r, h);
             })
           );
         }
         break;
       }
-      case `${u.prefix}url-param`: {
-        const a = i.getAttribute(`${u.prefix}url-arg`), o = ft.readParams();
+      case `${l.prefix}url-param`: {
+        const a = i.getAttribute(`${l.prefix}url-arg`), o = ft.readParams();
         if (a === null)
           s.push(p.setBindingData(t, o));
         else {
@@ -3610,17 +3618,17 @@ const p = class p {
    * @returns Promise (DOM操作が完了したときに解決される)
    */
   static setBindingData(t, e) {
-    const r = T.get(t), i = r.getRawBindingData();
+    const r = w.get(t), i = r.getRawBindingData();
     r.setBindingData(e);
     let n = r.setAttribute(
-      `${u.prefix}bind`,
+      `${l.prefix}bind`,
       JSON.stringify(e)
     );
     if (t.tagName === "FORM") {
-      const s = r.getAttribute(`${u.prefix}form-arg`), a = s && e[String(s)] && typeof e[String(s)] == "object" && !Array.isArray(e[String(s)]) ? e[String(s)] : s ? {} : e;
+      const s = r.getAttribute(`${l.prefix}form-arg`), a = s && e[String(s)] && typeof e[String(s)] == "object" && !Array.isArray(e[String(s)]) ? e[String(s)] : s ? {} : e;
       n = n.then(() => y.syncValues(r, a));
     }
-    return n = n.then(() => p.evaluateAll(r)), w.bindChange(t, i, e, "manual"), n.then(() => {
+    return n = n.then(() => p.evaluateAll(r)), T.bindChange(t, i, e, "manual"), n.then(() => {
     });
   }
   /**
@@ -3650,11 +3658,11 @@ const p = class p {
    * @param node 追加するノード
    */
   static addNode(t, e) {
-    const r = T.get(t);
+    const r = w.get(t);
     if (r.isSkipMutationNodes())
       return;
-    const i = T.get(e.nextSibling), n = T.get(e);
-    n && (r.insertBefore(n, i), n instanceof x ? p.scan(n.getTarget()) : n instanceof H && p.evaluateText(n));
+    const i = w.get(e.nextSibling), n = w.get(e);
+    n && (r.insertBefore(n, i), n instanceof x ? p.scan(n.getTarget()) : n instanceof O && p.evaluateText(n));
   }
   /**
    * ノードを親要素から削除します。
@@ -3662,7 +3670,7 @@ const p = class p {
    * @param node 削除するノード
    */
   static removeNode(t) {
-    const e = T.get(t);
+    const e = w.get(t);
     if (e) {
       const r = e.getParent();
       if (r && r.isSkipMutationNodes())
@@ -3677,7 +3685,7 @@ const p = class p {
    * @param text 新しいテキスト
    */
   static changeText(t, e) {
-    const r = T.get(t);
+    const r = w.get(t);
     r && r.setContent(e);
   }
   /**
@@ -3689,14 +3697,14 @@ const p = class p {
    * @returns Promise (DOM操作が完了したときに解決される)
    */
   static changeValue(t, e) {
-    const r = T.get(t);
+    const r = w.get(t);
     if (r.getValue() === e)
       return Promise.resolve();
     const i = [];
     i.push(r.setValue(e));
     const n = p.getFormFragment(r);
     if (n) {
-      const s = y.getValues(n), a = n.getAttribute(`${u.prefix}form-arg`);
+      const s = y.getValues(n), a = n.getAttribute(`${l.prefix}form-arg`);
       let o;
       a ? (o = n.getRawBindingData(), o || (o = {}), o[String(a)] = s) : o = s, i.push(p.setBindingData(n.getTarget(), o));
     }
@@ -3723,14 +3731,14 @@ const p = class p {
    */
   static evaluateAll(t) {
     const e = [];
-    return e.push(p.reevaluateInterpolatedAttributes(t)), t.hasAttribute(`${u.prefix}if`) && e.push(p.evaluateIf(t)), t.hasAttribute(`${u.prefix}each`) ? Promise.all(e).then(() => p.evaluateEach(t)).then(() => {
+    return e.push(p.reevaluateInterpolatedAttributes(t)), t.hasAttribute(`${l.prefix}if`) && e.push(p.evaluateIf(t)), t.hasAttribute(`${l.prefix}each`) ? Promise.all(e).then(() => p.evaluateEach(t)).then(() => {
       const r = [];
       return t.getChildren().forEach((i) => {
-        i instanceof x ? r.push(p.evaluateAll(i)) : i instanceof H && r.push(p.evaluateText(i));
+        i instanceof x ? r.push(p.evaluateAll(i)) : i instanceof O && r.push(p.evaluateText(i));
       }), Promise.all(r).then(() => {
       });
     }) : (t.getChildren().forEach((r) => {
-      r instanceof x ? e.push(p.evaluateAll(r)) : r instanceof H && e.push(p.evaluateText(r));
+      r instanceof x ? e.push(p.evaluateAll(r)) : r instanceof O && e.push(p.evaluateText(r));
     }), Promise.all(e).then(() => {
     }));
   }
@@ -3751,16 +3759,25 @@ const p = class p {
    * @return Promise (DOM操作が完了したときに解決される)
    */
   static evaluateIf(t) {
-    const e = [], r = t.getAttribute(`${u.prefix}if`);
-    return r === !1 || r === void 0 || r === null || Number.isNaN(r) ? t.isVisible() && e.push(
-      t.hide().then(() => {
-        w.hide(t.getTarget());
-      })
-    ) : t.isVisible() || (e.push(
-      t.show().then(() => {
-        w.show(t.getTarget());
-      })
-    ), e.push(p.evaluateAll(t))), Promise.all(e).then(() => {
+    const e = [], r = t.getAttribute(`${l.prefix}if`);
+    if (r === !1 || r === void 0 || r === null || Number.isNaN(r))
+      e.push(
+        t.hide().then(() => {
+          T.hide(t.getTarget());
+        })
+      );
+    else {
+      const i = [];
+      t.getChildren().forEach((n) => {
+        n instanceof x ? i.push(p.evaluateAll(n)) : n instanceof O && i.push(p.evaluateText(n));
+      }), e.push(
+        t.show().then(() => {
+          T.show(t.getTarget());
+        })
+      ), e.push(Promise.all(i).then(() => {
+      }));
+    }
+    return Promise.all(e).then(() => {
     });
   }
   /**
@@ -3777,17 +3794,17 @@ const p = class p {
       let i = !1;
       t.getChildren().forEach((s) => {
         if (!i && s instanceof x) {
-          if (s.hasAttribute(`${u.prefix}each-before`) || s.hasAttribute(`${u.prefix}each-after`))
+          if (s.hasAttribute(`${l.prefix}each-before`) || s.hasAttribute(`${l.prefix}each-after`))
             return;
           e = s.clone(), t.setTemplate(e), i = !0, t.removeChild(s);
           const a = s.getTarget();
           a.parentNode && a.parentNode.removeChild(a), s.setMounted(!1);
         }
       });
-      const n = t.getAttribute(`${u.prefix}each`);
+      const n = t.getAttribute(`${l.prefix}each`);
       return Array.isArray(n) ? this.updateDiff(t, n) : (d.error("[Haori]", "Invalid each attribute:", n), Promise.reject(new Error("Invalid each attribute.")));
     }
-    const r = t.getAttribute(`${u.prefix}each`);
+    const r = t.getAttribute(`${l.prefix}each`);
     return Array.isArray(r) ? this.updateDiff(t, r) : (d.error("[Haori]", "Invalid each attribute:", r), Promise.reject(new Error("Invalid each attribute.")));
   }
   /**
@@ -3800,9 +3817,9 @@ const p = class p {
     const r = t.getTemplate();
     if (r === null)
       return d.error("[Haori]", "Template is not set for each element."), Promise.resolve();
-    let i = t.getAttribute(`${u.prefix}each-index`);
+    let i = t.getAttribute(`${l.prefix}each-index`);
     i && (i = String(i));
-    const n = t.getAttribute(`${u.prefix}each-key`), s = t.getAttribute(`${u.prefix}each-arg`), a = /* @__PURE__ */ new Map(), o = [];
+    const n = t.getAttribute(`${l.prefix}each-key`), s = t.getAttribute(`${l.prefix}each-arg`), a = /* @__PURE__ */ new Map(), o = [];
     e.forEach((c, f) => {
       const g = p.createListKey(
         c,
@@ -3813,10 +3830,10 @@ const p = class p {
     });
     const h = [];
     let m = t.getChildren().filter((c) => c instanceof x).filter(
-      (c) => !c.hasAttribute(`${u.prefix}each-before`) && !c.hasAttribute(`${u.prefix}each-after`)
+      (c) => !c.hasAttribute(`${l.prefix}each-before`) && !c.hasAttribute(`${l.prefix}each-after`)
     );
     m = m.filter((c) => o.indexOf(String(c.getListKey())) === -1 ? (h.push(c.remove()), !1) : !0);
-    const b = m.map((c) => c.getListKey()), E = t.getChildren().filter((c) => c instanceof x).filter((c) => c.hasAttribute(`${u.prefix}each-before`)).length;
+    const b = m.map((c) => c.getListKey()), E = t.getChildren().filter((c) => c instanceof x).filter((c) => c.hasAttribute(`${l.prefix}each-before`)).length;
     let S = Promise.resolve();
     return o.forEach((c, f) => {
       const g = b.indexOf(c), { item: A, itemIndex: v } = a.get(c);
@@ -3830,7 +3847,7 @@ const p = class p {
             v,
             s ? String(s) : null,
             c
-          ).then(() => p.evaluateAll(k))
+          ).then(() => p.evaluateAll(k)).then(() => p.scheduleEvaluateAll(k))
         );
       else {
         k = r.clone();
@@ -3847,7 +3864,7 @@ const p = class p {
             () => t.insertBefore(
               k,
               t.getChildren()[J] || null
-            ).then(() => p.evaluateAll(k))
+            ).then(() => p.evaluateAll(k)).then(() => p.scheduleEvaluateAll(k))
           )
         );
       }
@@ -3861,7 +3878,7 @@ const p = class p {
       ), A = f.filter(
         (v) => !c.includes(v)
       );
-      w.eachUpdate(
+      T.eachUpdate(
         t.getTarget(),
         g,
         A,
@@ -3913,9 +3930,19 @@ const p = class p {
     else
       return d.error(
         "[Haori]",
-        `Primitive value requires '${u.prefix}each-arg' attribute: ${e}`
+        `Primitive value requires '${l.prefix}each-arg' attribute: ${e}`
       ), Promise.resolve();
-    return t.setListKey(s), t.setBindingData(a), t.setAttribute(`${u.prefix}row`, s);
+    return t.setListKey(s), t.setBindingData(a), t.setAttribute(`${l.prefix}row`, s);
+  }
+  /**
+   * フラグメントの再評価を次のイベントループで実行します。
+   *
+   * @param fragment 再評価対象のフラグメント
+   */
+  static scheduleEvaluateAll(t) {
+    setTimeout(() => {
+      p.evaluateAll(t);
+    }, 100);
   }
 };
 p.ATTRIBUTE_ALIAS_SUFFIX = "attr-", p.PRIORITY_ATTRIBUTE_SUFFIXES = ["bind", "if", "each"], p.DEFERRED_ATTRIBUTE_SUFFIXES = ["fetch", "url-param"], p.EVALUATE_ALL_EXCLUDED_ATTRIBUTE_SUFFIXES = [
@@ -3926,7 +3953,7 @@ p.ATTRIBUTE_ALIAS_SUFFIX = "attr-", p.PRIORITY_ATTRIBUTE_SUFFIXES = ["bind", "if
   "import",
   "url-param"
 ], p.ATTRIBUTE_PLACEHOLDER_REGEX = /\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/;
-let P = p;
+let R = p;
 const Y = class Y {
   /**
    * コンストラクタ。
@@ -3935,7 +3962,7 @@ const Y = class Y {
    */
   constructor(t = document) {
     this.onClick = (e) => this.delegate(e, "click"), this.onChange = (e) => this.delegate(e, "change"), this.onLoadCapture = (e) => this.delegate(e, "load"), this.onWindowLoad = () => {
-      const e = document.documentElement, r = T.get(e);
+      const e = document.documentElement, r = w.get(e);
       r && new V(r, "load").run();
     }, this.onPopstate = (e) => {
       const r = e.state;
@@ -3965,7 +3992,7 @@ const Y = class Y {
     const r = this.getElementFromTarget(t.target);
     if (!r)
       return;
-    const i = T.get(r);
+    const i = w.get(r);
     i && (e === "change" && i instanceof x && i.syncValue(), new V(i, e).run().catch((n) => {
       d.error("[Haori]", "Procedure execution error:", n);
     }));
@@ -3989,14 +4016,14 @@ const N = class N {
     }));
   }
   static syncElement(t) {
-    const e = N.registrations.get(t), r = T.get(t);
+    const e = N.registrations.get(t), r = w.get(t);
     if (!r || !N.shouldObserve(r)) {
       e && (e.observer.disconnect(), N.registrations.delete(t));
       return;
     }
     if (typeof IntersectionObserver > "u")
       return;
-    const i = N.resolveRoot(r), n = N.resolveRootMargin(r), s = N.resolveThreshold(r), a = r.hasAttribute(`${u.prefix}intersect-once`);
+    const i = N.resolveRoot(r), n = N.resolveRootMargin(r), s = N.resolveThreshold(r), a = r.hasAttribute(`${l.prefix}intersect-once`);
     if (e && e.observer.root === i && e.observer.rootMargin === n && N.sameThreshold(
       e.observer.thresholds,
       s
@@ -4053,14 +4080,14 @@ const N = class N {
   }
   static shouldObserve(t) {
     return t.getAttributeNames().some((e) => {
-      if (!e.startsWith(`${u.prefix}intersect-`))
+      if (!e.startsWith(`${l.prefix}intersect-`))
         return !1;
-      const r = e.slice(`${u.prefix}intersect-`.length);
+      const r = e.slice(`${l.prefix}intersect-`.length);
       return !N.CONFIG_KEYS.has(r);
     });
   }
   static resolveRoot(t) {
-    const e = `${u.prefix}intersect-root`;
+    const e = `${l.prefix}intersect-root`;
     if (!t.hasAttribute(e))
       return null;
     const r = t.getAttribute(e);
@@ -4070,15 +4097,15 @@ const N = class N {
     return i instanceof HTMLElement ? i : (d.error("[Haori]", `Intersect root element not found: ${r}`), null);
   }
   static resolveRootMargin(t) {
-    const e = `${u.prefix}intersect-root-margin`, r = t.getAttribute(e);
+    const e = `${l.prefix}intersect-root-margin`, r = t.getAttribute(e);
     return r === null || r === !1 || r === "" ? "0px" : String(r);
   }
   static resolveThreshold(t) {
-    const e = `${u.prefix}intersect-threshold`, r = t.getAttribute(e), i = typeof r == "number" ? r : Number.parseFloat(String(r ?? 0));
+    const e = `${l.prefix}intersect-threshold`, r = t.getAttribute(e), i = typeof r == "number" ? r : Number.parseFloat(String(r ?? 0));
     return Number.isNaN(i) ? 0 : Math.min(1, Math.max(0, i));
   }
   static isDisabled(t) {
-    const e = `${u.prefix}intersect-disabled`, r = t.getAttribute(e);
+    const e = `${l.prefix}intersect-disabled`, r = t.getAttribute(e);
     if (r === null || r === !1)
       return !1;
     if (typeof r == "boolean")
@@ -4097,21 +4124,21 @@ N.CONFIG_KEYS = /* @__PURE__ */ new Set([
   "disabled",
   "once"
 ]), N.registrations = /* @__PURE__ */ new Map();
-let $ = N;
-const C = class C {
+let L = N;
+const H = class H {
   /**
    * 初期化メソッド。
    * ドキュメントのheadとbodyを監視対象として設定します。
    */
   static async init() {
-    if (C._initialized)
+    if (H._initialized)
       return;
-    C._initialized = !0;
+    H._initialized = !0;
     const t = await Promise.allSettled([
-      P.scan(document.head),
-      P.scan(document.body)
+      R.scan(document.head),
+      R.scan(document.body)
     ]), [e, r] = t;
-    e.status !== "fulfilled" && d.error("[Haori]", "Failed to build head fragment:", e.reason), r.status !== "fulfilled" && d.error("[Haori]", "Failed to build body fragment:", r.reason), C.observe(document.head), C.observe(document.body), new Q().start(), $.syncTree(document.body);
+    e.status !== "fulfilled" && d.error("[Haori]", "Failed to build head fragment:", e.reason), r.status !== "fulfilled" && d.error("[Haori]", "Failed to build body fragment:", r.reason), H.observe(document.head), H.observe(document.body), new Q().start(), L.syncTree(document.body);
   }
   /**
    * 指定された要素を監視します。
@@ -4131,16 +4158,16 @@ const C = class C {
                 i.attributeName
               );
               const n = i.target;
-              if (i.attributeName && P.isAliasedAttributeReflection(
+              if (i.attributeName && R.isAliasedAttributeReflection(
                 n,
                 i.attributeName
               ))
                 break;
-              P.setAttribute(
+              R.setAttribute(
                 n,
                 i.attributeName,
                 n.getAttribute(i.attributeName)
-              ), $.syncElement(n);
+              ), L.syncElement(n);
               break;
             }
             case "childList": {
@@ -4150,9 +4177,9 @@ const C = class C {
                 Array.from(i.removedNodes).map((n) => n.nodeName),
                 Array.from(i.addedNodes).map((n) => n.nodeName)
               ), Array.from(i.removedNodes).forEach((n) => {
-                $.cleanupTree(n), P.removeNode(n);
+                L.cleanupTree(n), R.removeNode(n);
               }), Array.from(i.addedNodes).forEach((n) => {
-                n.parentElement instanceof HTMLElement && (P.addNode(n.parentElement, n), $.syncTree(n));
+                n.parentElement instanceof HTMLElement && (R.addNode(n.parentElement, n), L.syncTree(n));
               });
               break;
             }
@@ -4162,7 +4189,7 @@ const C = class C {
                 "Character data changed:",
                 i.target,
                 i.target.textContent
-              ), i.target instanceof Text || i.target instanceof Comment ? P.changeText(i.target, i.target.textContent) : d.warn(
+              ), i.target instanceof Text || i.target instanceof Comment ? R.changeText(i.target, i.target.textContent) : d.warn(
                 "[Haori]",
                 "Unsupported character data type:",
                 i.target
@@ -4184,18 +4211,18 @@ const C = class C {
     }), d.info("[Haori]", "Observer initialized for", t);
   }
 };
-C._initialized = !1;
-let q = C;
+H._initialized = !1;
+let q = H;
 document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", q.init) : q.init();
-const pt = "0.4.6";
+const pt = "0.4.7";
 export {
-  P as Core,
-  u as Env,
+  R as Core,
+  l as Env,
   y as Form,
-  T as Fragment,
+  w as Fragment,
   X as Haori,
   d as Log,
-  R as Queue,
+  P as Queue,
   X as default,
   pt as version
 };