haori 0.51.0 → 0.52.0

package/dist/haori.es.js

@@ -197,7 +197,8 @@ const bt = /^[A-Za-z_$][A-Za-z0-9_$]*(\.[A-Za-z_$][A-Za-z0-9_$]*)*$/, je = "new:
   /**
    * 対象要素とその子孫へ、まだ適用していない連携を適用します。
    *
-   * 初期スキャン・新規ノードの追加・`data-each` の新規行から呼び出します。
+   * 初期スキャン・新規ノードの追加・`data-each` の新規行・`data-if` の表示から
+   * 呼び出します。非表示の分岐の中の要素には適用しません（`applyElement()`）。
    *
    * @param root 走査の起点となる要素
    * @returns 戻り値はありません。
@@ -220,8 +221,9 @@ const bt = /^[A-Za-z_$][A-Za-z0-9_$]*(\.[A-Za-z_$][A-Za-z0-9_$]*)*$/, je = "new:
    * 対象要素とその子孫の連携を再同期します。
    *
    * 適用済みの要素では `refresh` を呼びます。未適用の要素では、`applyPending` が
-   * true なら `init` を呼びます。`data-each` の描画確定、`data-if` の再表示、
-   * フォームのリセット、Haori が値を書いた入力欄の通知から呼び出します。
+   * true なら `init` を呼びます（非表示の分岐の中は除きます）。`data-each` の描画
+   * 確定、`data-if` の再表示、フォームのリセット、Haori が値を書いた入力欄の通知から
+   * 呼び出します。
    *
    * @param root 走査の起点となる要素
    * @param applyPending 未適用の要素へ `init` を呼ぶかどうか
@@ -267,6 +269,8 @@ const bt = /^[A-Za-z_$][A-Za-z0-9_$]*(\.[A-Za-z_$][A-Za-z0-9_$]*)*$/, je = "new:
    * @returns 戻り値はありません。
    */
   static applyElement(e) {
+    if (e.closest(`[${l.prefix}if-false]`))
+      return;
     const t = k.instances.get(e) ?? null;
     k.names(e, `${l.prefix}enhance`).forEach((r) => {
       if (t?.has(r))
@@ -417,7 +421,7 @@ const bt = /^[A-Za-z_$][A-Za-z0-9_$]*(\.[A-Za-z_$][A-Za-z0-9_$]*)*$/, je = "new:
   }
 };
 k.enhancers = /* @__PURE__ */ new Map(), k.instances = /* @__PURE__ */ new WeakMap(), k.warnedUnknownNames = /* @__PURE__ */ new Set(), k.warnedMissingGlobals = /* @__PURE__ */ new Set(), k.visited = /* @__PURE__ */ new WeakSet(), k.mutationCapture = null;
-let re = k;
+let te = k;
 const Qe = "yyyy/MM/dd HH:mm", Et = "en-US", Ke = 1e4;
 function de(b) {
   return String(b).padStart(2, "0");
@@ -3168,7 +3172,7 @@ const S = class S extends I {
    */
   remove(e = !0) {
     const t = [];
-    return e && re.destroySubtree(this.getTarget()), this.getTarget().hasAttribute(`${l.prefix}external`) ? this.detachPreservingSubtree(e) : (this.children.slice().forEach((r) => {
+    return e && te.destroySubtree(this.getTarget()), this.getTarget().hasAttribute(`${l.prefix}external`) ? this.detachPreservingSubtree(e) : (this.children.slice().forEach((r) => {
       t.push(r.remove(!1));
     }), this.children.length = 0, this.attributeMap.clear(), this.bindingData = null, this.bindingDataCache = null, this.derivedBindingData = null, this.descendantBindingDataCache = null, this.template && (t.push(this.template.remove(!1)), this.template = null), this.eachInputSignature = null, this.deriveSubtreeSignature = null, this.deriveInputSignature = null, this.clearUnappliedValueWrite(), t.push(super.remove(e)), Promise.all(t).then(() => {
     }));
@@ -3791,7 +3795,7 @@ const S = class S extends I {
    * @returns 戻り値はありません。
    */
   static notifyValueToEnhancers(e) {
-    re.isApplied(e) && re.refreshSubtree(e);
+    te.isApplied(e) && te.refreshSubtree(e);
   }
   /**
    * 「載らなかった書き込み」の記録を解除します。
@@ -5215,7 +5219,7 @@ const Me = class Me {
 };
 Me.PLACEHOLDER_REGEX = /\{\{\{([\s\S]+?)\}\}\}|\{\{([\s\S]+?)\}\}/g;
 let he = Me;
-const te = class te extends he {
+const re = class re extends he {
   /**
    * コンストラクタ。
    *
@@ -5223,7 +5227,7 @@ const te = class te extends he {
    * @param text 属性値
    */
   constructor(e, t) {
-    super(t), this.forceEvaluation = te.needsForceEvaluation(e);
+    super(t), this.forceEvaluation = re.needsForceEvaluation(e);
   }
   /**
    * 属性名が強制評価の対象かどうかを判定します。
@@ -5236,17 +5240,17 @@ const te = class te extends he {
    * @returns 強制評価の対象なら true
    */
   static needsForceEvaluation(e) {
-    if (te.forceEvaluationNames === null || te.forceEvaluationPrefix !== l.prefix) {
+    if (re.forceEvaluationNames === null || re.forceEvaluationPrefix !== l.prefix) {
       const t = /* @__PURE__ */ new Set();
       for (const r of [
         l.prefix,
-        ...te.FORCE_EVALUATION_PREFIXES
+        ...re.FORCE_EVALUATION_PREFIXES
       ])
-        for (const i of te.FORCE_EVALUATION_SUFFIXES)
+        for (const i of re.FORCE_EVALUATION_SUFFIXES)
           t.add(`${r}${i}`);
-      te.forceEvaluationNames = t, te.forceEvaluationPrefix = l.prefix;
+      re.forceEvaluationNames = t, re.forceEvaluationPrefix = l.prefix;
     }
-    return te.forceEvaluationNames.has(e);
+    return re.forceEvaluationNames.has(e);
   }
   /**
    * 強制評価フラグを取得します。
@@ -5293,8 +5297,8 @@ const te = class te extends he {
     }) : r;
   }
 };
-te.FORCE_EVALUATION_SUFFIXES = ["if", "each", "derive"], te.FORCE_EVALUATION_PREFIXES = ["data-", "hor-"], te.forceEvaluationNames = null, te.forceEvaluationPrefix = null;
-let Ce = te;
+re.FORCE_EVALUATION_SUFFIXES = ["if", "each", "derive"], re.FORCE_EVALUATION_PREFIXES = ["data-", "hor-"], re.forceEvaluationNames = null, re.forceEvaluationPrefix = null;
+let Ce = re;
 const Se = class Se {
   /**
    * 実行モードを取得します。
@@ -5606,7 +5610,7 @@ Se.enhancers = {
    * @return 戻り値はありません。
    */
   register(e, t) {
-    re.register(e, t);
+    te.register(e, t);
   },
   /**
    * 登録済みの連携かどうかを返します。
@@ -5615,7 +5619,7 @@ Se.enhancers = {
    * @return 登録済みなら true
    */
   has(e) {
-    return re.has(e);
+    return te.has(e);
   }
 };
 let Re = Se;
@@ -7502,7 +7506,7 @@ const f = class f {
         sequence: t
       });
     }
-    re.refreshSubtree(e.getTarget());
+    te.refreshSubtree(e.getTarget());
   }
   /**
    * 祖先が所有するキーを、リセットの書き込み対象から落とします。
@@ -11817,16 +11821,52 @@ const h = class h {
    * @returns Promise (スキャンが完了したときに解決される)
    */
   static scan(e) {
-    const t = I.get(e);
-    if (!t)
+    return h.scanElement(e, !0);
+  }
+  /**
+   * 指定された要素と、その子要素をスキャンします。
+   *
+   * `applyEnhancers` が false のときは、走査の最後に外部ライブラリ連携を適用しません。
+   * `data-if` の分岐の子を走査するときに使います。適用は、分岐の外の初期値の反映
+   * （外側の走査の最後）や、揃った選択肢への値の載せ直しの後に行います（課題 55）。
+   *
+   * @param element スキャン対象の要素
+   * @param applyEnhancers 走査の最後に外部ライブラリ連携を適用するかどうか
+   * @returns Promise (スキャンが完了したときに解決される)
+   */
+  static scanElement(e, t) {
+    const r = I.get(e);
+    if (!r)
       return Promise.resolve();
-    const r = h.initializeElementFragment(t, !1).then(
+    const i = h.initializeElementFragment(r, !1).then(
       () => x.restoreInitialValues(e)
-    ), i = h.initialValueRestore;
-    return h.initialValueRestore = r, r.then(() => {
-      h.initialValueRestore = i, re.applySubtree(e);
+    ), n = h.initialValueRestore;
+    return h.initialValueRestore = i, i.then(() => {
+      h.initialValueRestore = n, t && te.applySubtree(e);
     });
   }
+  /**
+   * 非表示から表示へ切り替わった分岐へ、外部ライブラリ連携を適用します。
+   *
+   * 表示と同じ更新で与えた値は、`data-each` の行が揃った後に載せ直されます
+   * （`Core.setBindingData()` の載せ直しの段）。その前に `init` を呼ぶと、`<option>` を
+   * 引き取る連携が値を受け取れないため、分岐の中の載せ直しを先に行います（仕様
+   * 「`data-enhance`」の「表示と同じ更新で与えた値も、`data-each` が描いた選択肢へ
+   * 載ってから呼びます」、課題 55）。
+   *
+   * @param fragment 表示へ切り替わった `data-if` のフラグメント
+   * @param sequence 表示の評価を始めた時点の初期化の通番。これより後に初期化された
+   *     入力欄へは載せ直しません
+   * @returns 適用の完了 Promise
+   */
+  static applyEnhancersOnShow(e, t) {
+    const r = e.getTarget();
+    return w.retryUnappliedValueWrites(r, t).then(
+      () => {
+        te.applySubtree(r);
+      }
+    );
+  }
   /**
    * 新規 each 行を局所初期化します。
    * 既存 scan の属性順序を保ちつつ、Fragment 木を直接たどります。
@@ -11836,7 +11876,7 @@ const h = class h {
    */
   static initializeFreshEachRow(e) {
     return h.initializeElementFragment(e, !0).then(() => {
-      h.needsScheduledEvaluateAll(e) && h.scheduleEvaluateAll(e), re.applySubtree(e.getTarget());
+      h.needsScheduledEvaluateAll(e) && h.scheduleEvaluateAll(e), te.applySubtree(e.getTarget());
     });
   }
   /**
@@ -12544,25 +12584,34 @@ const h = class h {
     const i = e.hasAttribute(`${l.prefix}derive`), n = e.hasAttribute(`${l.prefix}if`), s = e.hasAttribute(`${l.prefix}each`), a = e.getRawAttribute(`${l.prefix}derive`), o = e.getRawAttribute(`${l.prefix}derive-name`);
     let c = !1, u = !1, d = null;
     if (!i && e.getDeriveSubtreeSignature() !== null && e.setDeriveSubtreeSignature(null), !i && e.getDeriveInputSignature() !== null && e.setDeriveInputSignature(null), i) {
-      const p = h.createDeriveInputSignature(
+      const E = h.createDeriveInputSignature(
         e,
         a,
         o
       );
-      p === null ? (e.getDeriveInputSignature() !== null && e.setDeriveInputSignature(null), r = r.then(
+      E === null ? (e.getDeriveInputSignature() !== null && e.setDeriveInputSignature(null), r = r.then(
         () => h.evaluateDerive(e, a, o).then(
           () => {
           }
         )
-      )) : e.getDeriveInputSignature() !== p && (r = r.then(() => h.evaluateDerive(
+      )) : e.getDeriveInputSignature() !== E && (r = r.then(() => h.evaluateDerive(
         e,
         a,
         o
       ).then(() => {
-        e.setDeriveInputSignature(p);
+        e.setDeriveInputSignature(E);
       })));
     }
-    return n && (r = r.then(() => h.evaluateIf(e))), s ? (e.getDeriveSubtreeSignature() !== null && e.setDeriveSubtreeSignature(null), r.then(() => h.evaluateEachFixedChildren(e)).then(() => h.evaluateEach(e))) : n ? (e.getDeriveSubtreeSignature() !== null && e.setDeriveSubtreeSignature(null), r.then(() => {
+    let p = !1, y = 0;
+    return n && (r = r.then(() => {
+      const E = e.isVisible();
+      return y = w.currentSequence(), h.evaluateIf(e).then(() => {
+        p = !E && e.isVisible();
+      });
+    })), s ? (e.getDeriveSubtreeSignature() !== null && e.setDeriveSubtreeSignature(null), r.then(() => h.evaluateEachFixedChildren(e)).then(() => h.evaluateEach(e)).then(() => {
+      if (p)
+        return h.applyEnhancersOnShow(e, y);
+    })) : n ? (e.getDeriveSubtreeSignature() !== null && e.setDeriveSubtreeSignature(null), r.then(() => {
     })) : (i && (r = r.then(() => {
       if (!h.canSkipStableDerivedSubtree(e)) {
         e.setDeriveSubtreeSignature(null), h.logDerivedSubtreeProfileSnapshot(e, "skip-ineligible");
@@ -12578,14 +12627,14 @@ const h = class h {
     })), r.then(() => {
       if (c)
         return;
-      const p = [];
-      return e.getChildren().forEach((y) => {
-        if (y instanceof w) {
-          if (h.canSkipUnchangedNestedEach(y))
+      const E = [];
+      return e.getChildren().forEach((A) => {
+        if (A instanceof w) {
+          if (h.canSkipUnchangedNestedEach(A))
             return;
-          p.push(h.evaluateAll(y, t));
-        } else y instanceof se && p.push(h.evaluateText(y));
-      }), Promise.all(p).then(() => {
+          E.push(h.evaluateAll(A, t));
+        } else A instanceof se && E.push(h.evaluateText(A));
+      }), Promise.all(E).then(() => {
       });
     }).then(() => {
       u && d !== null && e.setDeriveSubtreeSignature(d);
@@ -12752,21 +12801,25 @@ const h = class h {
       );
     else {
       e.restoreFormControlsDisabledByIf();
-      const i = e.isVisible(), n = [], s = e.hasAttribute(`${l.prefix}each`);
-      e.getChildren().forEach((a) => {
-        if (a instanceof w) {
-          if (s && !h.isEachFixedChild(a))
+      const i = e.isVisible(), n = w.currentSequence(), s = [], a = e.hasAttribute(`${l.prefix}each`);
+      e.getChildren().forEach((o) => {
+        if (o instanceof w) {
+          if (a && !h.isEachFixedChild(o))
             return;
-          n.push(
-            a.isMounted() ? h.evaluateAll(a) : h.scan(a.getTarget())
+          s.push(
+            o.isMounted() ? h.evaluateAll(o) : h.scanElement(o.getTarget(), !1)
           );
-        } else a instanceof se && n.push(h.evaluateText(a));
+        } else o instanceof se && s.push(h.evaluateText(o));
       }), t.push(
         e.show().then(() => {
-          B.show(e.getTarget()), i || (h.triggerLoadOnShow(e), re.refreshSubtree(e.getTarget()));
+          B.show(e.getTarget()), i || (h.triggerLoadOnShow(e), te.refreshSubtree(e.getTarget(), !1));
+        })
+      ), t.push(
+        Promise.all(s).then(() => {
+          if (!(i || a))
+            return h.applyEnhancersOnShow(e, n);
         })
-      ), t.push(Promise.all(n).then(() => {
-      }));
+      );
     }
     return Promise.all(t).then(() => {
     });
@@ -12860,7 +12913,7 @@ const h = class h {
           t.rerunRequested = !1, await h.performEachUpdate(e);
         while (t.rerunRequested);
         const i = e.getTarget();
-        i.setAttribute(`${l.prefix}each-done`, ""), re.refreshSubtree(i, !1), h.runEachRenderedScript(i);
+        i.setAttribute(`${l.prefix}each-done`, ""), te.refreshSubtree(i, !1), h.runEachRenderedScript(i);
       } finally {
         t.running = !1, t.settled = null;
       }
@@ -13865,7 +13918,7 @@ const we = class we {
       if (t.defaultPrevented || x.isResettingInternally())
         return;
       const r = t.target;
-      r instanceof HTMLElement && setTimeout(() => re.refreshSubtree(r), 0);
+      r instanceof HTMLElement && setTimeout(() => te.refreshSubtree(r), 0);
     }, this.onChange = (t) => this.delegate(t, "change"), this.onInput = (t) => this.delegate(t, "input"), this.onLoadCapture = (t) => this.delegate(t, "load"), this.onWindowLoad = () => {
       if (this.deferred) {
         this.deferredProcedures.push(() => this.runWindowLoadProcedure());
@@ -14867,7 +14920,7 @@ v.CONFIG_KEYS = /* @__PURE__ */ new Set([
   "state"
 ]), v.DEFAULT_INTERVAL_MS = 5e3, v.MIN_INTERVAL_MS = 100, v.registrations = /* @__PURE__ */ new Map(), v.visibilityListener = null;
 let ve = v;
-const qt = "0.51.0";
+const qt = "0.52.0";
 function Wt(b) {
   typeof requestAnimationFrame == "function" ? requestAnimationFrame(() => b()) : Promise.resolve().then(b);
 }
@@ -15448,12 +15501,12 @@ const U = class U {
 };
 U._initialized = !1, U._mutationObservers = [], U._dispatcher = null, U._initialIntakes = null;
 let xe = U;
-re.setMutationCapture((b) => xe.captureMutations(b));
+te.setMutationCapture((b) => xe.captureMutations(b));
 document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", xe.init) : xe.init();
 const jt = () => Re.waitForRenders(), Kt = Re.enhancers;
 export {
   M as Core,
-  re as Enhance,
+  te as Enhance,
   l as Env,
   x as Form,
   I as Fragment,