haori 0.4.7 → 0.4.8

package/dist/haori.es.js

@@ -31,11 +31,11 @@ const C = class C {
 C.devMode = !1;
 let B = C;
 const z = "embedded";
-function rt(F) {
-  return F === "embedded" || F === "demo";
+function rt(P) {
+  return P === "embedded" || P === "demo";
 }
-function it(F) {
-  return F === null ? null : rt(F) ? F : z;
+function it(P) {
+  return P === null ? null : rt(P) ? P : z;
 }
 const D = class D {
   /**
@@ -221,7 +221,7 @@ const _ = class _ {
   }
 };
 _.ASYNC_QUEUE = new st();
-let P = _;
+let F = _;
 class X {
   /**
    * 実行モードを取得します。
@@ -247,7 +247,7 @@ class X {
    * @returns 通知が閉じられると解決されるPromise
    */
   static dialog(t) {
-    return P.enqueue(() => {
+    return F.enqueue(() => {
       window.alert(t);
     }, !0);
   }
@@ -275,7 +275,7 @@ class X {
    * @returns ユーザーがOKをクリックした場合はtrue、キャンセルした場合はfalseが解決されるPromise
    */
   static confirm(t) {
-    return P.enqueue(() => window.confirm(t), !0);
+    return F.enqueue(() => window.confirm(t), !0);
   }
   /**
    * ダイアログを開きます。
@@ -283,7 +283,7 @@ class X {
    * @param element 開くダイアログのHTML要素
    */
   static openDialog(t) {
-    return P.enqueue(() => {
+    return F.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 P.enqueue(() => {
+    return F.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 P.enqueue(() => {
+    return F.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 P.enqueue(() => {
+    return F.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");
       });
@@ -434,50 +434,50 @@ class y {
    * @returns Promise（DOMの更新が完了したら解決される）
    */
   static setPartValues(t, e, r = null, i = !1, n = !0) {
-    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`);
+    const s = [], a = t.getAttribute("name"), o = t.getAttribute(`${l.prefix}form-object`), h = t.getAttribute(`${l.prefix}form-list`), b = t.getAttribute(`${l.prefix}form-detach`);
     if (a) {
-      if (!m || i) {
-        const b = e[String(a)];
-        h && Array.isArray(b) && r !== null ? s.push(
-          y.applyFragmentValue(t, b[r] ?? null, n)
-        ) : typeof b > "u" || (typeof b == "string" || typeof b == "number" || typeof b == "boolean" || b === null ? s.push(y.applyFragmentValue(t, b, n)) : s.push(
-          y.applyFragmentValue(t, String(b), n)
+      if (!b || i) {
+        const g = e[String(a)];
+        h && Array.isArray(g) && r !== null ? s.push(
+          y.applyFragmentValue(t, g[r] ?? null, n)
+        ) : typeof g > "u" || (typeof g == "string" || typeof g == "number" || typeof g == "boolean" || g === null ? s.push(y.applyFragmentValue(t, g, n)) : s.push(
+          y.applyFragmentValue(t, String(g), n)
         ));
       }
     } else if (o) {
-      const b = e[String(o)];
-      if (b && typeof b == "object")
+      const g = e[String(o)];
+      if (g && typeof g == "object")
         for (const E of t.getChildElementFragments())
           s.push(
             y.setPartValues(
               E,
-              b,
+              g,
               null,
               i,
               n
             )
           );
     } else if (h) {
-      const b = e[String(h)];
-      if (Array.isArray(b)) {
+      const g = e[String(h)];
+      if (Array.isArray(g)) {
         const E = t.getChildElementFragments();
-        for (let S = 0; S < E.length; S++) {
-          const c = E[S];
-          b.length > S ? s.push(
+        for (let v = 0; v < E.length; v++) {
+          const c = E[v];
+          g.length > v ? s.push(
             y.setPartValues(
               c,
-              b[S],
-              S,
+              g[v],
+              v,
               i,
               n
             )
-          ) : s.push(y.setPartValues(c, {}, S, i, n));
+          ) : s.push(y.setPartValues(c, {}, v, i, n));
         }
       }
     } else
-      for (const b of t.getChildElementFragments())
+      for (const g of t.getChildElementFragments())
         s.push(
-          y.setPartValues(b, e, null, i, n)
+          y.setPartValues(g, e, null, i, n)
         );
     return Promise.all(s).then(() => {
     });
@@ -493,7 +493,7 @@ class y {
     y.clearValues(t), await Promise.all([
       y.clearMessages(t),
       y.clearEachClones(t)
-    ]), await P.enqueue(() => {
+    ]), await F.enqueue(() => {
       const e = t.getTarget();
       if (e instanceof HTMLFormElement)
         e.reset();
@@ -574,9 +574,9 @@ class y {
    * @return Promise（メッセージの追加が完了したら解決される）
    */
   static addMessage(t, e, r, i) {
-    const n = [], s = et(), a = s.addMessage, o = (m) => typeof a == "function" ? a.call(s, m, r, i) : s.addErrorMessage(m, r), h = y.findFragmentsByKey(t, e);
-    return h.forEach((m) => {
-      n.push(o(m.getTarget()));
+    const n = [], s = et(), a = s.addMessage, o = (b) => typeof a == "function" ? a.call(s, b, r, i) : s.addErrorMessage(b, r), h = y.findFragmentsByKey(t, e);
+    return h.forEach((b) => {
+      n.push(o(b.getTarget()));
     }), h.length === 0 && n.push(o(t.getTarget())), Promise.all(n).then(() => {
     });
   }
@@ -610,13 +610,13 @@ class y {
         if (s !== -1 && a !== -1 && s < a) {
           const o = i.substring(0, s);
           if (n === o) {
-            const h = i.substring(s + 1, a), m = Number(h);
-            if (isNaN(m))
+            const h = i.substring(s + 1, a), b = Number(h);
+            if (isNaN(b))
               d.error("Haori", `Invalid index: ${i}`);
             else {
-              const b = t.getChildElementFragments().filter((E) => E.hasAttribute(`${l.prefix}row`));
-              m < b.length && r.push(
-                ...y.findFragmentByKeyParts(b[m], e.slice(1))
+              const g = t.getChildElementFragments().filter((E) => E.hasAttribute(`${l.prefix}row`));
+              b < g.length && r.push(
+                ...y.findFragmentByKeyParts(g[b], e.slice(1))
               );
             }
           }
@@ -753,12 +753,12 @@ return (${t});`;
     const r = [];
     let i = null;
     for (let n = 0; n < e.length; n++) {
-      const s = e[n], a = e[n + 1] || null, o = r[r.length - 1] || null, h = e[n - 2] || null, m = e[n - 3] || null;
+      const s = e[n], a = e[n + 1] || null, o = r[r.length - 1] || null, h = e[n - 2] || null, b = e[n - 3] || null;
       if (this.startsObjectKey(
         o,
         i,
         h,
-        m
+        b
       ) && (s.value === "[" || s.type === "identifier" && this.FORBIDDEN_PROPERTY_NAMES.has(s.value) || s.type === "string" && this.FORBIDDEN_PROPERTY_NAMES.has(
         this.decodeStringLiteral(s.value)
       )) || s.type === "identifier" && (this.DISALLOWED_KEYWORDS.has(s.value) || this.STRICT_FORBIDDEN_NAMES.includes(s.value) || (i?.value === "." || i?.value === "?.") && this.FORBIDDEN_PROPERTY_NAMES.has(s.value)) || o === "member" && s.value !== "]" && s.type === "string" && this.FORBIDDEN_PROPERTY_NAMES.has(
@@ -775,8 +775,8 @@ return (${t});`;
           break;
         }
         case "[": {
-          const b = this.startsMemberAccess(i) ? "member" : "array";
-          r.push(b);
+          const g = this.startsMemberAccess(i) ? "member" : "array";
+          r.push(g);
           break;
         }
         case "{":
@@ -1296,7 +1296,7 @@ const I = class I {
       return Promise.resolve();
     if (this.parent) {
       const t = this.parent, e = t.skipMutationNodes;
-      return P.enqueue(() => {
+      return F.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 P.enqueue(() => {
+        return F.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 P.enqueue(() => {
+      return F.enqueue(() => {
         t.skipMutationNodes = !0, this.target.parentNode !== t.getTarget() && t.getTarget().appendChild(this.target), this.mounted = !0;
       }).finally(() => {
         t.skipMutationNodes = e;
@@ -1608,12 +1608,12 @@ class x extends w {
     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, P.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, F.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, P.enqueue(() => {
+    } else return r instanceof HTMLInputElement || r instanceof HTMLTextAreaElement || r instanceof HTMLSelectElement ? (this.value = t, this.skipChangeValue = !0, F.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;
@@ -1693,7 +1693,7 @@ class x extends w {
       return Promise.resolve();
     this.attributeMap.delete(t), this.skipMutationAttributes = !0;
     const r = this.getTarget();
-    return P.enqueue(() => {
+    return F.enqueue(() => {
       r.removeAttribute(t), e !== t && r.removeAttribute(e);
     }).finally(() => {
       this.skipMutationAttributes = !1;
@@ -1716,7 +1716,7 @@ class x extends w {
     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 P.enqueue(() => {
+    return F.enqueue(() => {
       if (s.getAttribute(t) !== r && s.setAttribute(t, r), a === null || a === !1)
         s.removeAttribute(e);
       else {
@@ -1738,7 +1738,7 @@ class x extends w {
       return Promise.resolve();
     this.attributeMap.delete(t), this.skipMutationAttributes = !0;
     const e = this.getTarget();
-    return P.enqueue(() => {
+    return F.enqueue(() => {
       e.removeAttribute(t);
     }).finally(() => {
       this.skipMutationAttributes = !1;
@@ -1833,30 +1833,30 @@ class x extends w {
     s && (a = this.children.indexOf(t), e !== null && (o = this.children.indexOf(e)));
     const h = t.getParent();
     h !== null && h.removeChild(t);
-    let m = r === void 0 ? e?.getTarget() || null : r;
+    let b = r === void 0 ? e?.getTarget() || null : r;
     if (e === null)
       this.children.push(t);
     else {
       let E;
       if (s ? a !== -1 && a < o ? E = o - 1 : E = o : E = this.children.indexOf(e), E === -1) {
-        const S = this.resolveInsertionPointFromDom(
+        const v = this.resolveInsertionPointFromDom(
           e,
           !1
         );
-        S === null ? (d.warn(
+        v === null ? (d.warn(
           "[Haori]",
           "Reference child not found in children.",
           e
-        ), this.children.push(t)) : (this.children.splice(S.index, 0, t), m = S.referenceNode);
+        ), this.children.push(t)) : (this.children.splice(v.index, 0, t), b = v.referenceNode);
       } else
         this.children.splice(E, 0, t);
     }
     t.setParent(this), t.setMounted(this.mounted);
-    const b = this.skipMutationNodes;
-    return this.skipMutationNodes = !0, P.enqueue(() => {
-      this.target.insertBefore(t.getTarget(), m);
+    const g = this.skipMutationNodes;
+    return this.skipMutationNodes = !0, F.enqueue(() => {
+      this.target.insertBefore(t.getTarget(), b);
     }).finally(() => {
-      this.skipMutationNodes = b;
+      this.skipMutationNodes = g;
     });
   }
   /**
@@ -1995,7 +1995,7 @@ class O extends w {
   evaluate() {
     return this.contents.isRawEvaluate && this.parent === null ? Promise.reject(
       new Error("Parent fragment is required for raw evaluation")
-    ) : P.enqueue(() => {
+    ) : F.enqueue(() => {
       this.skipMutation = !0, this.contents.isRawEvaluate ? this.parent.getTarget().innerHTML = this.contents.evaluate(
         this.parent.getBindingData()
       )[0] : this.contents.isEvaluate ? this.target.textContent = $.joinEvaluateResults(
@@ -2040,7 +2040,7 @@ class Z extends w {
    * @return 更新のPromise
    */
   setContent(t) {
-    return this.skipMutation || this.text === t ? Promise.resolve() : (this.text = t, P.enqueue(() => {
+    return this.skipMutation || this.text === t ? Promise.resolve() : (this.text = t, F.enqueue(() => {
       this.skipMutation = !0, this.target.textContent = this.text;
     }).finally(() => {
       this.skipMutation = !1;
@@ -2188,7 +2188,7 @@ G.FORCE_EVALUATION_ATTRIBUTES = [
   "hor-each"
 ];
 let U = G;
-class T {
+class N {
   /**
    * カスタムイベントを発火します。
    *
@@ -2212,7 +2212,7 @@ class T {
    * @param version ライブラリバージョン
    */
   static ready(t) {
-    T.dispatch(document, "ready", { version: t });
+    N.dispatch(document, "ready", { version: t });
   }
   /**
    * renderイベントを発火します。
@@ -2220,7 +2220,7 @@ class T {
    * @param target 評価対象要素
    */
   static render(t) {
-    T.dispatch(t, "render", { target: t });
+    N.dispatch(t, "render", { target: t });
   }
   /**
    * importstartイベントを発火します。
@@ -2229,7 +2229,7 @@ class T {
    * @param url インポート対象URL
    */
   static importStart(t, e) {
-    T.dispatch(t, "importstart", {
+    N.dispatch(t, "importstart", {
       url: e,
       startedAt: performance.now()
     });
@@ -2243,7 +2243,7 @@ class T {
    * @param startedAt 開始時刻
    */
   static importEnd(t, e, r, i) {
-    T.dispatch(t, "importend", {
+    N.dispatch(t, "importend", {
       url: e,
       bytes: r,
       durationMs: performance.now() - i
@@ -2257,7 +2257,7 @@ class T {
    * @param error エラー内容
    */
   static importError(t, e, r) {
-    T.dispatch(t, "importerror", { url: e, error: r });
+    N.dispatch(t, "importerror", { url: e, error: r });
   }
   /**
    * bindchangeイベントを発火します。
@@ -2270,10 +2270,10 @@ class T {
   static bindChange(t, e, r, i = "other") {
     const n = [], s = new Set(Object.keys(e || {})), a = new Set(Object.keys(r)), o = /* @__PURE__ */ new Set([...s, ...a]);
     for (const h of o) {
-      const m = e?.[h], b = r[h];
-      m !== b && n.push(h);
+      const b = e?.[h], g = r[h];
+      b !== g && n.push(h);
     }
-    T.dispatch(t, "bindchange", {
+    N.dispatch(t, "bindchange", {
       previous: e || {},
       next: r,
       changedKeys: n,
@@ -2289,7 +2289,7 @@ class T {
    * @param order 現在の順序
    */
   static eachUpdate(t, e, r, i) {
-    T.dispatch(t, "eachupdate", {
+    N.dispatch(t, "eachupdate", {
       added: e,
       removed: r,
       order: i,
@@ -2305,7 +2305,7 @@ class T {
    * @param item 行データ
    */
   static rowAdd(t, e, r, i) {
-    T.dispatch(t, "rowadd", { key: e, index: r, item: i });
+    N.dispatch(t, "rowadd", { key: e, index: r, item: i });
   }
   /**
    * rowremoveイベントを発火します。
@@ -2315,7 +2315,7 @@ class T {
    * @param index インデックス
    */
   static rowRemove(t, e, r) {
-    T.dispatch(t, "rowremove", { key: e, index: r });
+    N.dispatch(t, "rowremove", { key: e, index: r });
   }
   /**
    * rowmoveイベントを発火します。
@@ -2326,7 +2326,7 @@ class T {
    * @param to 移動後インデックス
    */
   static rowMove(t, e, r, i) {
-    T.dispatch(t, "rowmove", { key: e, from: r, to: i });
+    N.dispatch(t, "rowmove", { key: e, from: r, to: i });
   }
   /**
    * showイベントを発火します。
@@ -2334,7 +2334,7 @@ class T {
    * @param target data-if要素
    */
   static show(t) {
-    T.dispatch(t, "show", { visible: !0 });
+    N.dispatch(t, "show", { visible: !0 });
   }
   /**
    * hideイベントを発火します。
@@ -2342,7 +2342,7 @@ class T {
    * @param target data-if要素
    */
   static hide(t) {
-    T.dispatch(t, "hide", { visible: !1 });
+    N.dispatch(t, "hide", { visible: !1 });
   }
   /**
    * fetchstartイベントを発火します。
@@ -2355,7 +2355,7 @@ class T {
     * @return 戻り値はありません。
    */
   static fetchStart(t, e, r, i, n) {
-    T.dispatch(t, "fetchstart", {
+    N.dispatch(t, "fetchstart", {
       url: e,
       options: r || {},
       payload: i,
@@ -2372,7 +2372,7 @@ class T {
    * @param startedAt 開始時刻
    */
   static fetchEnd(t, e, r, i) {
-    T.dispatch(t, "fetchend", {
+    N.dispatch(t, "fetchend", {
       url: e,
       status: r,
       durationMs: performance.now() - i
@@ -2388,7 +2388,7 @@ class T {
    * @param startedAt 開始時刻（存在する場合）
    */
   static fetchError(t, e, r, i, n) {
-    T.dispatch(t, "fetcherror", {
+    N.dispatch(t, "fetcherror", {
       url: e,
       status: i,
       error: r,
@@ -2411,17 +2411,17 @@ function W() {
   ) ? t : X;
 }
 const lt = /* @__PURE__ */ new Set(["GET", "HEAD", "OPTIONS"]);
-function ut(F) {
-  return lt.has(F.toUpperCase());
+function ut(P) {
+  return lt.has(P.toUpperCase());
 }
-function ct(F, t) {
+function ct(P, t) {
   for (const [e, r] of Object.entries(t))
-    r !== void 0 && (r === null ? F.append(e, "") : Array.isArray(r) ? r.forEach((i) => {
-      F.append(e, String(i));
-    }) : typeof r == "object" || typeof r == "function" ? F.append(e, JSON.stringify(r)) : F.append(e, String(r)));
+    r !== void 0 && (r === null ? P.append(e, "") : Array.isArray(r) ? r.forEach((i) => {
+      P.append(e, String(i));
+    }) : typeof r == "object" || typeof r == "function" ? P.append(e, JSON.stringify(r)) : P.append(e, String(r)));
 }
-function ht(F, t) {
-  const e = new URL(F, window.location.href), r = new URLSearchParams(e.search);
+function ht(P, t) {
+  const e = new URL(P, window.location.href), r = new URLSearchParams(e.search);
   return ct(r, t), e.search = r.toString(), e.toString();
 }
 const u = class u {
@@ -2619,8 +2619,8 @@ ${c}
         );
         try {
           s.headers = R.parseDataBind(f);
-        } catch (g) {
-          d.error("Haori", `Invalid fetch headers: ${g}`);
+        } catch (m) {
+          d.error("Haori", `Invalid fetch headers: ${m}`);
         }
       }
     } else {
@@ -2635,8 +2635,8 @@ ${c}
         );
         try {
           s.headers = R.parseDataBind(f);
-        } catch (g) {
-          d.error("Haori", `Invalid fetch headers: ${g}`);
+        } catch (m) {
+          d.error("Haori", `Invalid fetch headers: ${m}`);
         }
       }
     }
@@ -2688,8 +2688,8 @@ ${c}
       const c = t.getRawAttribute(a);
       if (c) {
         const f = document.body.querySelectorAll(c);
-        f.length > 0 ? (r.bindFragments = [], f.forEach((g) => {
-          const A = w.get(g);
+        f.length > 0 ? (r.bindFragments = [], f.forEach((m) => {
+          const A = w.get(m);
           A && r.bindFragments.push(A);
         })) : d.error(
           "Haori",
@@ -2701,17 +2701,17 @@ ${c}
       null,
       "arg",
       !0
-    ), m = u.attrName(
+    ), b = u.attrName(
       null,
       "bind-arg",
       !0
     );
     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 ? u.attrName(e, "bind-params") : u.attrName(null, "bind-params", !0);
-    if (t.hasAttribute(b)) {
-      const c = t.getRawAttribute(b);
+    ) : t.hasAttribute(b) && (r.bindArg = t.getRawAttribute(b));
+    const g = e ? u.attrName(e, "bind-params") : u.attrName(null, "bind-params", !0);
+    if (t.hasAttribute(g)) {
+      const c = t.getRawAttribute(g);
       r.bindParams = c.split("&").map((f) => f.trim());
     }
     const E = e ? u.attrName(e, "bind-append") : u.attrName(null, "bind-append", !0);
@@ -2719,10 +2719,10 @@ ${c}
       const c = t.getRawAttribute(E);
       r.bindAppendParams = c.split("&").map((f) => f.trim()).filter(Boolean);
     }
-    const S = e ? u.attrName(e, "copy-params") : null;
-    if (S && t.hasAttribute(S)) {
+    const v = e ? u.attrName(e, "copy-params") : null;
+    if (v && t.hasAttribute(v)) {
       const c = t.getRawAttribute(
-        S
+        v
       );
       r.copyParams = c.split("&").map((f) => f.trim()).filter(Boolean);
     }
@@ -2732,19 +2732,19 @@ ${c}
           u.attrName(e, "adjust")
         );
         if (f) {
-          const g = document.body.querySelectorAll(f);
-          g.length > 0 ? (r.adjustFragments = [], g.forEach((A) => {
-            const v = w.get(A);
-            v && r.adjustFragments.push(v);
+          const m = document.body.querySelectorAll(f);
+          m.length > 0 ? (r.adjustFragments = [], m.forEach((A) => {
+            const T = w.get(A);
+            T && r.adjustFragments.push(T);
           })) : d.error(
             "Haori",
             `Adjust element not found: ${f} (${u.attrName(e, "adjust")})`
           );
         }
         if (t.hasAttribute(u.attrName(e, "adjust-value"))) {
-          const g = t.getRawAttribute(
+          const m = t.getRawAttribute(
             u.attrName(e, "adjust-value")
-          ), A = Number(g);
+          ), A = Number(m);
           isNaN(A) || (r.adjustValue = A);
         }
       }
@@ -2760,8 +2760,8 @@ ${c}
 ${f}
 `
           );
-        } catch (g) {
-          d.error("Haori", `Invalid after script: ${g}`);
+        } catch (m) {
+          d.error("Haori", `Invalid after script: ${m}`);
         }
       }
       if (t.hasAttribute(u.attrName(e, "dialog")) && (r.dialogMessage = t.getAttribute(
@@ -2790,9 +2790,9 @@ ${f}
           u.attrName(e, "history-form")
         );
         if (f) {
-          const g = document.body.querySelector(f);
-          g !== null ? r.historyFormFragment = y.getFormFragment(
-            w.get(g)
+          const m = document.body.querySelector(f);
+          m !== null ? r.historyFormFragment = y.getFormFragment(
+            w.get(m)
           ) : d.error(
             "Haori",
             `Form element not found: ${f} (${u.attrName(e, "history-form")})`
@@ -2808,32 +2808,32 @@ ${f}
         "open",
         "close"
       ].forEach((f) => {
-        const g = u.attrName(e, f);
-        if (!t.hasAttribute(g))
+        const m = u.attrName(e, f);
+        if (!t.hasAttribute(m))
           return;
-        const A = t.getRawAttribute(g), v = [];
+        const A = t.getRawAttribute(m), T = [];
         if (A ? (document.body.querySelectorAll(A).forEach((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)
+          tt && T.push(tt);
+        }), T.length === 0 && d.error("Haori", `Element not found: ${A} (${m})`)) : T.push(t), T.length > 0)
           switch (f) {
             case "reset":
-              r.resetFragments = v;
+              r.resetFragments = T;
               break;
             case "refetch":
-              r.refetchFragments = v;
+              r.refetchFragments = T;
               break;
             case "click":
-              r.clickFragments = v;
+              r.clickFragments = T;
               break;
             case "copy":
-              r.copyFragments = v;
+              r.copyFragments = T;
               break;
             case "open":
-              r.openFragments = v;
+              r.openFragments = T;
               break;
             case "close":
-              r.closeFragments = v;
+              r.closeFragments = T;
               break;
           }
       });
@@ -2926,7 +2926,7 @@ ${f}
     if (e) {
       const o = { ...r || {} }, h = new Headers(
         o.headers || void 0
-      ), m = (o.method || "GET").toUpperCase(), b = l.runtime === "demo" && !ut(m), E = b ? "GET" : m;
+      ), b = (o.method || "GET").toUpperCase(), g = l.runtime === "demo" && !ut(b), E = g ? "GET" : b;
       if (o.method = E, E === "GET" || E === "HEAD" || E === "OPTIONS")
         n && (e = ht(e, i));
       else if (n) {
@@ -2934,51 +2934,51 @@ ${f}
         if (/multipart\/form-data/i.test(c)) {
           h.delete("Content-Type");
           const f = new FormData();
-          for (const [g, A] of Object.entries(i))
-            A == null ? f.append(g, "") : A instanceof Blob ? f.append(g, A) : Array.isArray(A) ? A.forEach((v) => f.append(g, String(v))) : typeof A == "object" ? f.append(g, JSON.stringify(A)) : f.append(g, String(A));
+          for (const [m, A] of Object.entries(i))
+            A == null ? f.append(m, "") : A instanceof Blob ? f.append(m, A) : Array.isArray(A) ? A.forEach((T) => f.append(m, String(T))) : typeof A == "object" ? f.append(m, JSON.stringify(A)) : f.append(m, String(A));
           o.body = f;
         } else if (/application\/x-www-form-urlencoded/i.test(c)) {
           const f = new URLSearchParams();
-          for (const [g, A] of Object.entries(i))
-            A !== void 0 && (A === null ? f.append(g, "") : Array.isArray(A) ? A.forEach((v) => f.append(g, String(v))) : typeof A == "object" ? f.append(g, JSON.stringify(A)) : f.append(g, String(A)));
+          for (const [m, A] of Object.entries(i))
+            A !== void 0 && (A === null ? f.append(m, "") : Array.isArray(A) ? A.forEach((T) => f.append(m, String(T))) : typeof A == "object" ? f.append(m, JSON.stringify(A)) : f.append(m, String(A)));
           o.body = f;
         } else
           h.set("Content-Type", "application/json"), o.body = JSON.stringify(i);
       }
       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", {
+      let v;
+      if (g && (v = e && new URL(e, window.location.href).search || void 0, h.delete("Content-Type"), d.info("Haori demo fetch normalization", {
         runtime: l.runtime,
-        requestedMethod: m,
+        requestedMethod: b,
         effectiveMethod: E,
         transportMode: "query-get",
         url: e,
         payload: n ? i : void 0,
-        queryString: S
+        queryString: v
       })), this.options.targetFragment && e) {
         const c = performance.now(), f = {
           runtime: l.runtime,
-          requestedMethod: m,
+          requestedMethod: b,
           effectiveMethod: E,
-          transportMode: b ? "query-get" : "http",
-          ...b ? { queryString: S } : {}
+          transportMode: g ? "query-get" : "http",
+          ...g ? { queryString: v } : {}
         };
-        return T.fetchStart(
+        return N.fetchStart(
           this.options.targetFragment.getTarget(),
           e,
           o,
           n ? i : void 0,
           f
-        ), fetch(e, o).then((g) => this.handleFetchResult(
-          g,
+        ), fetch(e, o).then((m) => this.handleFetchResult(
+          m,
           e || void 0,
           c
-        )).catch((g) => {
-          throw e && T.fetchError(
+        )).catch((m) => {
+          throw e && N.fetchError(
             this.options.targetFragment.getTarget(),
             e,
-            g
-          ), g;
+            m
+          ), m;
         });
       }
       return fetch(e, o).then((c) => this.handleFetchResult(c, e || void 0));
@@ -2989,8 +2989,8 @@ ${f}
         `${l.prefix}bind`,
         JSON.stringify(i)
       );
-      const m = o.getBindingData();
-      Object.assign(m, i), await R.setBindingData(h, m);
+      const b = o.getBindingData();
+      Object.assign(b, i), await R.setBindingData(h, b);
     }
     const s = n ? i : {}, a = new Response(JSON.stringify(s), {
       headers: { "Content-Type": "application/json" }
@@ -3003,14 +3003,14 @@ ${f}
   async handleFetchResult(t, e, r) {
     const i = W();
     if (!t.ok)
-      return this.options.targetFragment && e && T.fetchError(
+      return this.options.targetFragment && e && N.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 && T.fetchEnd(
+    if (this.options.targetFragment && e && r && N.fetchEnd(
       this.options.targetFragment.getTarget(),
       e,
       t.status,
@@ -3068,7 +3068,7 @@ ${f}
         }
         const s = (a) => {
           for (const [o, h] of Object.entries(a))
-            h != null && (Array.isArray(h) ? h.forEach((m) => n.searchParams.append(o, String(m))) : typeof h == "object" ? n.searchParams.set(o, JSON.stringify(h)) : n.searchParams.set(o, String(h)));
+            h != null && (Array.isArray(h) ? h.forEach((b) => n.searchParams.append(o, String(b))) : typeof h == "object" ? n.searchParams.set(o, JSON.stringify(h)) : n.searchParams.set(o, String(h)));
         };
         e && s(this.options.historyData), r && s(
           y.getValues(
@@ -3580,16 +3580,23 @@ const p = class p {
       case `${l.prefix}import`: {
         if (typeof r == "string") {
           const a = i.getTarget(), o = performance.now();
-          a.setAttribute(`${l.prefix}importing`, ""), T.importStart(a, r), s.push(
+          a.setAttribute(`${l.prefix}importing`, ""), N.importStart(a, r), s.push(
             dt.load(r).then((h) => {
-              const m = new TextEncoder().encode(h).length;
-              return P.enqueue(() => {
+              const b = new TextEncoder().encode(h).length;
+              return F.enqueue(() => {
                 a.innerHTML = h;
               }).then(() => {
-                a.removeAttribute(`${l.prefix}importing`), T.importEnd(a, r, m, o);
+                if (a.removeAttribute(`${l.prefix}importing`), N.importEnd(a, r, b, o), !document.body.hasAttribute("data-haori-ready")) {
+                  const g = [];
+                  return a.childNodes.forEach((E) => {
+                    const v = w.get(E);
+                    v instanceof x ? g.push(p.scan(v.getTarget())) : v instanceof O && g.push(p.evaluateText(v));
+                  }), Promise.all(g).then(() => {
+                  });
+                }
               });
             }).catch((h) => {
-              a.removeAttribute(`${l.prefix}importing`), T.importError(a, r, h), d.error("[Haori]", "Failed to import HTML:", r, h);
+              a.removeAttribute(`${l.prefix}importing`), N.importError(a, r, h), d.error("[Haori]", "Failed to import HTML:", r, h);
             })
           );
         }
@@ -3628,7 +3635,7 @@ const p = class p {
       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)), T.bindChange(t, i, e, "manual"), n.then(() => {
+    return n = n.then(() => p.evaluateAll(r)), N.bindChange(t, i, e, "manual"), n.then(() => {
     });
   }
   /**
@@ -3763,7 +3770,7 @@ const p = class p {
     if (r === !1 || r === void 0 || r === null || Number.isNaN(r))
       e.push(
         t.hide().then(() => {
-          T.hide(t.getTarget());
+          N.hide(t.getTarget());
         })
       );
     else {
@@ -3772,7 +3779,7 @@ const p = class p {
         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());
+          N.show(t.getTarget());
         })
       ), e.push(Promise.all(i).then(() => {
       }));
@@ -3821,30 +3828,30 @@ const p = class p {
     i && (i = String(i));
     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(
+      const m = p.createListKey(
         c,
         n ? String(n) : null,
         f
       );
-      o.push(g), a.set(g, { item: c, itemIndex: f });
+      o.push(m), a.set(m, { item: c, itemIndex: f });
     });
     const h = [];
-    let m = t.getChildren().filter((c) => c instanceof x).filter(
+    let b = t.getChildren().filter((c) => c instanceof x).filter(
       (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(`${l.prefix}each-before`)).length;
-    let S = Promise.resolve();
+    b = b.filter((c) => o.indexOf(String(c.getListKey())) === -1 ? (h.push(c.remove()), !1) : !0);
+    const g = b.map((c) => c.getListKey()), E = t.getChildren().filter((c) => c instanceof x).filter((c) => c.hasAttribute(`${l.prefix}each-before`)).length;
+    let v = Promise.resolve();
     return o.forEach((c, f) => {
-      const g = b.indexOf(c), { item: A, itemIndex: v } = a.get(c);
+      const m = g.indexOf(c), { item: A, itemIndex: T } = a.get(c);
       let k;
-      if (g !== -1)
-        k = m[g], S = S.then(
+      if (m !== -1)
+        k = b[m], v = v.then(
           () => p.updateRowFragment(
             k,
             A,
             i,
-            v,
+            T,
             s ? String(s) : null,
             c
           ).then(() => p.evaluateAll(k)).then(() => p.scheduleEvaluateAll(k))
@@ -3852,12 +3859,12 @@ const p = class p {
       else {
         k = r.clone();
         const J = E + f;
-        S = S.then(
+        v = v.then(
           () => p.updateRowFragment(
             k,
             A,
             i,
-            v,
+            T,
             s ? String(s) : null,
             c
           ).then(
@@ -3868,19 +3875,19 @@ const p = class p {
           )
         );
       }
-    }), Promise.all(h).then(() => S).then(() => {
+    }), Promise.all(h).then(() => v).then(() => {
       const c = o.filter(
-        (v) => v !== null
-      ), f = b.filter(
-        (v) => v !== null
-      ), g = c.filter(
-        (v) => !f.includes(v)
+        (T) => T !== null
+      ), f = g.filter(
+        (T) => T !== null
+      ), m = c.filter(
+        (T) => !f.includes(T)
       ), A = f.filter(
-        (v) => !c.includes(v)
+        (T) => !c.includes(T)
       );
-      T.eachUpdate(
+      N.eachUpdate(
         t.getTarget(),
-        g,
+        m,
         A,
         c
       );
@@ -4009,35 +4016,35 @@ const Y = class Y {
 };
 Y.HISTORY_STATE_KEY = "__haoriHistoryState__";
 let Q = Y;
-const N = class N {
+const S = class S {
   static syncTree(t) {
-    (t instanceof Element || t instanceof DocumentFragment) && (t instanceof HTMLElement && N.syncElement(t), t.querySelectorAll("*").forEach((e) => {
-      N.syncElement(e);
+    (t instanceof Element || t instanceof DocumentFragment) && (t instanceof HTMLElement && S.syncElement(t), t.querySelectorAll("*").forEach((e) => {
+      S.syncElement(e);
     }));
   }
   static syncElement(t) {
-    const e = N.registrations.get(t), r = w.get(t);
-    if (!r || !N.shouldObserve(r)) {
-      e && (e.observer.disconnect(), N.registrations.delete(t));
+    const e = S.registrations.get(t), r = w.get(t);
+    if (!r || !S.shouldObserve(r)) {
+      e && (e.observer.disconnect(), S.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(`${l.prefix}intersect-once`);
-    if (e && e.observer.root === i && e.observer.rootMargin === n && N.sameThreshold(
+    const i = S.resolveRoot(r), n = S.resolveRootMargin(r), s = S.resolveThreshold(r), a = r.hasAttribute(`${l.prefix}intersect-once`);
+    if (e && e.observer.root === i && e.observer.rootMargin === n && S.sameThreshold(
       e.observer.thresholds,
       s
     ) && e.once === a) {
       e.fragment = r;
       return;
     }
-    e && (e.observer.disconnect(), N.registrations.delete(t));
+    e && (e.observer.disconnect(), S.registrations.delete(t));
     const o = new IntersectionObserver(
       (h) => {
-        const m = N.registrations.get(t);
-        m && h.forEach((b) => {
-          !b.isIntersecting || m.running || N.isDisabled(m.fragment) || (m.running = !0, new V(m.fragment, "intersect").runWithResult().then((E) => {
-            E && m.once && (m.observer.disconnect(), N.registrations.delete(t));
+        const b = S.registrations.get(t);
+        b && h.forEach((g) => {
+          !g.isIntersecting || b.running || S.isDisabled(b.fragment) || (b.running = !0, new V(b.fragment, "intersect").runWithResult().then((E) => {
+            E && b.once && (b.observer.disconnect(), S.registrations.delete(t));
           }).catch((E) => {
             d.error(
               "[Haori]",
@@ -4045,7 +4052,7 @@ const N = class N {
               E
             );
           }).finally(() => {
-            const E = N.registrations.get(t);
+            const E = S.registrations.get(t);
             E && (E.running = !1);
           }));
         });
@@ -4056,7 +4063,7 @@ const N = class N {
         threshold: s
       }
     );
-    o.observe(t), N.registrations.set(t, {
+    o.observe(t), S.registrations.set(t, {
       fragment: r,
       observer: o,
       once: a,
@@ -4065,25 +4072,25 @@ const N = class N {
   }
   static cleanupTree(t) {
     if (t instanceof HTMLElement) {
-      const e = N.registrations.get(t);
-      e && (e.observer.disconnect(), N.registrations.delete(t));
+      const e = S.registrations.get(t);
+      e && (e.observer.disconnect(), S.registrations.delete(t));
     }
     (t instanceof Element || t instanceof DocumentFragment) && t.querySelectorAll("*").forEach((e) => {
-      const r = N.registrations.get(e);
-      r && (r.observer.disconnect(), N.registrations.delete(e));
+      const r = S.registrations.get(e);
+      r && (r.observer.disconnect(), S.registrations.delete(e));
     });
   }
   static disconnectAll() {
-    N.registrations.forEach((t) => {
+    S.registrations.forEach((t) => {
       t.observer.disconnect();
-    }), N.registrations.clear();
+    }), S.registrations.clear();
   }
   static shouldObserve(t) {
     return t.getAttributeNames().some((e) => {
       if (!e.startsWith(`${l.prefix}intersect-`))
         return !1;
       const r = e.slice(`${l.prefix}intersect-`.length);
-      return !N.CONFIG_KEYS.has(r);
+      return !S.CONFIG_KEYS.has(r);
     });
   }
   static resolveRoot(t) {
@@ -4117,14 +4124,14 @@ const N = class N {
     return t.length === 1 && t[0] === e;
   }
 };
-N.CONFIG_KEYS = /* @__PURE__ */ new Set([
+S.CONFIG_KEYS = /* @__PURE__ */ new Set([
   "root",
   "root-margin",
   "threshold",
   "disabled",
   "once"
-]), N.registrations = /* @__PURE__ */ new Map();
-let L = N;
+]), S.registrations = /* @__PURE__ */ new Map();
+let L = S;
 const H = class H {
   /**
    * 初期化メソッド。
@@ -4138,7 +4145,7 @@ const H = class H {
       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), H.observe(document.head), H.observe(document.body), new Q().start(), L.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), await F.wait(), document.body.setAttribute("data-haori-ready", ""), H.observe(document.head), H.observe(document.body), new Q().start(), L.syncTree(document.body);
   }
   /**
    * 指定された要素を監視します。
@@ -4214,7 +4221,7 @@ const H = class H {
 H._initialized = !1;
 let q = H;
 document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", q.init) : q.init();
-const pt = "0.4.7";
+const pt = "0.4.8";
 export {
   R as Core,
   l as Env,
@@ -4222,7 +4229,7 @@ export {
   w as Fragment,
   X as Haori,
   d as Log,
-  P as Queue,
+  F as Queue,
   X as default,
   pt as version
 };