haori 0.66.0 → 0.67.0

package/dist/haori.es.js

@@ -453,21 +453,21 @@ const rr = /^[A-Za-z_$][A-Za-z0-9_$]*(\.[A-Za-z_$][A-Za-z0-9_$]*)*$/, ht = "new:
 I.enhancers = /* @__PURE__ */ new Map(), I.instances = /* @__PURE__ */ new WeakMap(), I.warnedUnknownNames = /* @__PURE__ */ new Set(), I.warnedMissingGlobals = /* @__PURE__ */ new Set(), I.visited = /* @__PURE__ */ new WeakSet(), I.mutationCapture = null;
 let le = I;
 const Ft = "yyyy/MM/dd HH:mm", ir = "en-US", ft = 1e4;
-function ge(f) {
+function me(f) {
   return String(f).padStart(2, "0");
 }
 function Ct(f, e, t, r, i, s) {
   return {
     yyyy: String(f).padStart(4, "0"),
-    yy: ge(f % 100),
-    MM: ge(e),
+    yy: me(f % 100),
+    MM: me(e),
     M: String(e),
-    dd: ge(t),
+    dd: me(t),
     d: String(t),
-    HH: ge(r),
+    HH: me(r),
     H: String(r),
-    mm: ge(i),
-    ss: ge(s)
+    mm: me(i),
+    ss: me(s)
   };
 }
 function $t(f, e) {
@@ -623,13 +623,13 @@ function Qe(f, e) {
   if (i < 1 || i > 12)
     return "";
   const s = Number.isFinite(e) ? Math.trunc(e) : 0, n = r * 12 + (i - 1) + s, a = Math.floor(n / 12), o = n - a * 12 + 1;
-  return `${String(a).padStart(4, "0")}-${ge(o)}`;
+  return `${String(a).padStart(4, "0")}-${me(o)}`;
 }
 function or(f) {
   if (typeof f == "string" && f.trim() !== "")
     return Qe(f, 0);
   const e = /* @__PURE__ */ new Date();
-  return `${String(e.getFullYear()).padStart(4, "0")}-${ge(e.getMonth() + 1)}`;
+  return `${String(e.getFullYear()).padStart(4, "0")}-${me(e.getMonth() + 1)}`;
 }
 function Ut(f, e) {
   const t = Math.trunc(Number(f));
@@ -4964,20 +4964,20 @@ ${u.template}`,
 };
 P.GLOBAL_KEY = "__HAORI_EVALUATION_PROFILE__", P.ELEMENT_STORES = /* @__PURE__ */ new Map(), P.collecting = !1, P.DEFAULT_REPORT_LIMIT = 20;
 let Ye = P;
-const me = class me {
+const ye = class ye {
   /**
    * フラグメントのコンストラクタ。
    *
    * @param target 対象ノード
    */
   constructor(e) {
-    this.parent = null, this.mounted = !1, this.skipMutationNodes = !1, this.skipMutationNodeSet = /* @__PURE__ */ new Set(), this.target = e, me.FRAGMENT_CACHE.set(e, this);
+    this.parent = null, this.mounted = !1, this.skipMutationNodes = !1, this.skipMutationNodeSet = /* @__PURE__ */ new Set(), this.target = e, ye.FRAGMENT_CACHE.set(e, this);
   }
   static get(e) {
     if (e == null)
       return null;
-    if (me.FRAGMENT_CACHE.has(e))
-      return me.FRAGMENT_CACHE.get(e);
+    if (ye.FRAGMENT_CACHE.has(e))
+      return ye.FRAGMENT_CACHE.get(e);
     let t;
     switch (e.nodeType) {
       case Node.ELEMENT_NODE:
@@ -5005,7 +5005,7 @@ const me = class me {
    * @returns キャッシュ済みのフラグメント。無ければ `null`
    */
   static peek(e) {
-    return me.FRAGMENT_CACHE.get(e) ?? null;
+    return ye.FRAGMENT_CACHE.get(e) ?? null;
   }
   /**
    * 指定した子ノードを、エンジン自身が出し入れしている最中かどうかを返します。
@@ -5100,7 +5100,7 @@ const me = class me {
    * @return 除去のPromise
    */
   remove(e = !0) {
-    return this.parent && this.parent.removeChild(this), me.FRAGMENT_CACHE.delete(this.target), e ? this.unmount() : Promise.resolve();
+    return this.parent && this.parent.removeChild(this), ye.FRAGMENT_CACHE.delete(this.target), e ? this.unmount() : Promise.resolve();
   }
   /**
    * 対象ノードを取得します。
@@ -5127,8 +5127,8 @@ const me = class me {
     this.parent = e;
   }
 };
-me.FRAGMENT_CACHE = /* @__PURE__ */ new WeakMap();
-let D = me;
+ye.FRAGMENT_CACHE = /* @__PURE__ */ new WeakMap();
+let D = ye;
 const v = class v extends D {
   /**
    * エレメントフラグメントのコンストラクタ。
@@ -6719,11 +6719,11 @@ const v = class v extends D {
     if (s) {
       const fe = this.attributeMap.get(e);
       if (fe && (fe.isEvaluate || fe.isForceEvaluation()) && !o.isEvaluate && !o.isForceEvaluation()) {
-        const Ee = J.enqueue(() => {
+        const Ae = J.enqueue(() => {
         }).finally(() => {
           this.releaseSelfWritingAttributes(n);
         });
-        return this.holdSelfWritingAttributes(n, Ee), Ee;
+        return this.holdSelfWritingAttributes(n, Ae), Ae;
       }
     }
     this.attributeMap.set(e, o);
@@ -6732,21 +6732,21 @@ const v = class v extends D {
       element: l,
       rawName: e,
       template: r
-    }), d = v.isLateActionAttribute(e) ? re.withoutDiagnosis(u) : u(), y = o.isEvaluate || o.isRawEvaluate, b = e === t && v.BOOLEAN_ATTRIBUTES.has(t.toLowerCase()), E = o.isSingleExpression(), A = ye.joinEvaluateResults(d.results), w = d.results.length === 1 ? d.results[0] : A, $ = t === "value" && v.resolveDeclaredValueType(l) === "boolean", C = w === !1 && !$, se = !o.isForceEvaluation() && (t !== e ? d.hasUnresolvedReference || w === null || w === void 0 || C : b ? d.hasUnresolvedReference || w === null || w === void 0 || w === !1 : E ? d.hasUnresolvedReference || w === null || w === void 0 || C : y && A === "");
+    }), d = v.isLateActionAttribute(e) ? re.withoutDiagnosis(u) : u(), y = o.isEvaluate || o.isRawEvaluate, b = e === t && v.BOOLEAN_ATTRIBUTES.has(t.toLowerCase()), E = o.isSingleExpression(), A = be.joinEvaluateResults(d.results), w = d.results.length === 1 ? d.results[0] : A, $ = t === "value" && v.resolveDeclaredValueType(l) === "boolean", C = w === !1 && !$, se = !o.isForceEvaluation() && (t !== e ? d.hasUnresolvedReference || w === null || w === void 0 || C : b ? d.hasUnresolvedReference || w === null || w === void 0 || w === !1 : E ? d.hasUnresolvedReference || w === null || w === void 0 || C : y && A === "");
     if (se && d.hasUnresolvedReference && v.warnUnresolvedAttribute(
       e,
       t,
       r,
       l
     ), V.isEnabled() && w === !1 && E) {
-      const fe = o.getSingleExpression(), Ee = fe === null ? null : re.diagnoseStrictComparison(
+      const fe = o.getSingleExpression(), Ae = fe === null ? null : re.diagnoseStrictComparison(
         fe,
         this.getBindingData()
       );
-      Ee !== null && v.warnTypeMismatchedComparison(
+      Ae !== null && v.warnTypeMismatchedComparison(
         e,
         r,
-        Ee,
+        Ae,
         l
       );
     }
@@ -6756,25 +6756,25 @@ const v = class v extends D {
       `Attribute "${t}" was removed because the evaluated URL uses a script scheme: ${e}="${r}" -> ${ae}`,
       l
     );
-    const k = j ? null : ae, B = e !== t && l.getAttribute(e) !== r, ue = k === null ? l.hasAttribute(t) : l.getAttribute(t) !== k, U = k === null ? "" : k, Q = Z && !K && l.value !== U, pe = t === "checked" && l instanceof HTMLInputElement && (l.type === "checkbox" || l.type === "radio"), ce = t === "selected" && l instanceof HTMLOptionElement, W = ee.activeElement, G = W !== null && (pe && l === W || ce && l.closest("select") === W) || (pe || ce) && this.hasPendingCheckableUserEdit(ce), ie = this.getCheckableUserEditSequence(ce), be = k !== null, _e = pe && o.isEvaluate && !G && l.checked !== be, Ve = ce && o.isEvaluate && !G && l.selected !== be;
+    const k = j ? null : ae, B = e !== t && l.getAttribute(e) !== r, ue = k === null ? l.hasAttribute(t) : l.getAttribute(t) !== k, U = k === null ? "" : k, Q = Z && !K && l.value !== U, pe = t === "checked" && l instanceof HTMLInputElement && (l.type === "checkbox" || l.type === "radio"), ce = t === "selected" && l instanceof HTMLOptionElement, W = ee.activeElement, G = W !== null && (pe && l === W || ce && l.closest("select") === W) || (pe || ce) && this.hasPendingCheckableUserEdit(ce), ie = this.getCheckableUserEditSequence(ce), Ee = k !== null, _e = pe && o.isEvaluate && !G && l.checked !== Ee, Ve = ce && o.isEvaluate && !G && l.selected !== Ee;
     if (!B && !ue && !Q && !_e && !Ve)
       return Z && !K && (this.value = this.normalizeValueForElement(
         l,
         U
       ), this.clearUnappliedValueWrite()), (pe || ce) && !G && this.syncCheckableValueFromDom(ce), Promise.resolve();
     const ut = J.enqueue(() => {
-      const fe = this.getCheckableUserEditSequence(ce) !== ie, Ee = ce && (G || fe) ? v.captureSelection(
+      const fe = this.getCheckableUserEditSequence(ce) !== ie, Ae = ce && (G || fe) ? v.captureSelection(
         // 守るべき選択があるのは所属する `<select>` があるときだけ。
         l.closest(
           "select"
         )
       ) : null;
-      B && l.setAttribute(e, r), k === null ? l.removeAttribute(t) : ue && (l.setAttribute(t, k), t === `${c.prefix}bind` && this.recordSelfWrittenBind(k)), t === "style" && this.captureAndHideDisplay(), Ee?.(), Z && !K && !(v.isUserEditableValue(l) && this.isSupersededByUserEdit(ne)) && (this.value = this.normalizeValueForElement(
+      B && l.setAttribute(e, r), k === null ? l.removeAttribute(t) : ue && (l.setAttribute(t, k), t === `${c.prefix}bind` && this.recordSelfWrittenBind(k)), t === "style" && this.captureAndHideDisplay(), Ae?.(), Z && !K && !(v.isUserEditableValue(l) && this.isSupersededByUserEdit(ne)) && (this.value = this.normalizeValueForElement(
         l,
         U
       ), Q && (l.value = U), this.recordValueWriteResult(l.value === U));
       const _t = _e && !fe, er = Ve && !fe;
-      _t && (l.checked = be), er && (l.selected = be), (_e || Ve) && this.syncCheckableValueFromDom(Ve);
+      _t && (l.checked = Ee), er && (l.selected = Ee), (_e || Ve) && this.syncCheckableValueFromDom(Ve);
     }).finally(() => {
       this.releaseSelfWritingAttributes(n);
     });
@@ -6834,7 +6834,7 @@ const v = class v extends D {
       value: r.results[0],
       hasUnresolvedReference: r.hasUnresolvedReference
     } : {
-      value: ye.joinEvaluateResults(r.results),
+      value: be.joinEvaluateResults(r.results),
       hasUnresolvedReference: r.hasUnresolvedReference
     };
   }
@@ -7284,7 +7284,7 @@ class de extends D {
    * @param target 対象テキストノード
    */
   constructor(e) {
-    super(e), this.skipMutation = !1, this.renderedText = null, this.text = e.textContent || "", this.contents = new ye(this.text);
+    super(e), this.skipMutation = !1, this.renderedText = null, this.text = e.textContent || "", this.contents = new be(this.text);
   }
   /**
    * フラグメントをクローンします。
@@ -7329,7 +7329,7 @@ class de extends D {
    * @returns 更新のPromise
    */
   setContent(e) {
-    return this.skipMutation || this.text === e ? Promise.resolve() : (this.text = e, this.contents = new ye(e), this.evaluate());
+    return this.skipMutation || this.text === e ? Promise.resolve() : (this.text = e, this.contents = new be(e), this.evaluate());
   }
   /**
    * フラグメントを評価します。
@@ -7345,7 +7345,7 @@ class de extends D {
     return J.enqueue(() => {
       this.skipMutation = !0;
       let t = this.text;
-      this.contents.isEvaluate && (t = ye.joinEvaluateResults(
+      this.contents.isEvaluate && (t = be.joinEvaluateResults(
         this.contents.evaluate(this.parent.getBindingData(), {
           kind: "text",
           element: this.parent.getTarget(),
@@ -7549,8 +7549,8 @@ const Je = class Je {
   }
 };
 Je.PLACEHOLDER_REGEX = /\{\{\{([\s\S]+?)\}\}\}|\{\{([\s\S]+?)\}\}/g;
-let ye = Je;
-const _ = class _ extends ye {
+let be = Je;
+const _ = class _ extends be {
   /**
    * コンストラクタ。
    *
@@ -11269,7 +11269,7 @@ const wr = [
 ], Sr = "__haoriHistoryState__", tt = "data-haori-click-lock", Dt = "ファイルを保存できませんでした", Rr = 100;
 let Pe = null;
 const Tr = ["info", "warning", "error", "success"], xt = /^(\d{3})-(click|click-await|close|toast|toast-level|no-message|bind)$/;
-function Ae() {
+function ge() {
   const e = globalThis.window?.Haori;
   return wr.every(
     (r) => typeof e?.[r] == "function"
@@ -12087,7 +12087,17 @@ ${U}
         Q && (r.runScript = Q);
       }
       const ue = g.attrName(t, "clipboard");
-      e.hasAttribute(ue) && (r.clipboardAttrName = ue);
+      e.hasAttribute(ue) && (r.clipboardAttrName = ue, r.clipboardErrorToastMessage = g.readLateAttribute(
+        e,
+        r,
+        "clipboard-error-toast",
+        g.attrName(t, "clipboard-error-toast")
+      ), r.clipboardErrorToastLevel = g.readToastLevel(
+        e,
+        r,
+        "clipboard-error-toast-level",
+        g.attrName(t, "clipboard-error-toast-level")
+      ));
     }
     const s = g.attrName(t, "fetch"), n = e.hasAttribute(s);
     if (n) {
@@ -12192,8 +12202,8 @@ ${U}
             g.attrName(t, "adjust")
           );
           G.length > 0 ? (r.adjustFragments = [], G.forEach((ie) => {
-            const be = D.get(ie);
-            be && r.adjustFragments.push(be);
+            const Ee = D.get(ie);
+            Ee && r.adjustFragments.push(Ee);
           })) : m.error(
             "Haori",
             `Adjust element not found: ${W} (${g.attrName(t, "adjust")})`
@@ -12576,6 +12586,31 @@ ${W}
       return m.warn("Haori", `${e}: failed to write: ${n}`), Promise.resolve(!1);
     }
   }
+  /**
+   * クリップボードへ書けずに止まったことをトーストで知らせます。
+   *
+   * 仕様「`data-{event}-clipboard`」の「書けなかったことを知らせる」です。文言と
+   * レベルは表示直前に評価し直します。
+   *
+   * @returns 表示を終えたら解決する Promise
+   */
+  async showClipboardErrorToast() {
+    const e = g.normalizeAttributeText(
+      this.resolveLateAttribute(
+        "clipboard-error-toast",
+        this.options.clipboardErrorToastMessage
+      )
+    );
+    if (!e)
+      return;
+    const t = g.toToastLevel(
+      this.resolveLateAttribute(
+        "clipboard-error-toast-level",
+        this.options.clipboardErrorToastLevel
+      )
+    );
+    await ge().toast(e, t ?? "info");
+  }
   /**
    * 一連の処理を実行します。成功結果を内部で扱うための実体です。
    *
@@ -12612,7 +12647,7 @@ ${W}
           m.error("Haori", `Run script execution error: ${A}`);
         }
       if (r && !await r)
-        return await this.commitEditOnStop(), !1;
+        return await this.commitEditOnStop(), await this.showClipboardErrorToast(), !1;
       if (!await this.confirm())
         return await this.commitEditOnStop(), !1;
       if (this.options.downloadFolder && await this.prepareDownloadFolder() === "cancelled")
@@ -13008,7 +13043,7 @@ ${W}
           `保存先のフォルダを確かめられなかったため、今までどおり保存します: ${l}`
         ), "fallback";
     }
-    if (n && !await Ae().confirm(
+    if (n && !await ge().confirm(
       `${s} は既にあります。上書きしますか?`
     ))
       return "cancelled";
@@ -13094,7 +13129,7 @@ ${W}
    * @returns 表示の完了 Promise
    */
   async showDownloadFailure(e) {
-    const t = this.resolveMessageScope(), r = Ae();
+    const t = this.resolveMessageScope(), r = ge();
     await r.clearMessages(t), e && await r.addErrorMessage(t, Dt);
   }
   /**
@@ -13178,7 +13213,7 @@ ${W}
    * フェッチ後の処理を実行します。
    */
   async handleFetchResult(e, t, r) {
-    const i = Ae();
+    const i = ge();
     if (!e.ok) {
       if (Jt(e.status, {
         element: this.options.targetFragment.getTarget(),
@@ -13377,7 +13412,7 @@ ${W}
       `${t.key}-click-await`
     ))
       return;
-    const i = Ae(), s = [];
+    const i = ge(), s = [];
     t.closeFragments?.forEach((a) => {
       const o = a.getTarget();
       o instanceof HTMLElement ? s.push(i.closeDialog(o)) : m.error("Haori", "Element is not an HTML element: ", o);
@@ -13509,10 +13544,10 @@ ${W}
     let r = null;
     this.options.formFragment ? r = this.options.formFragment : this.options.targetFragment && (r = x.getFormFragment(this.options.targetFragment) || this.options.targetFragment);
     const i = r ? r.getTarget() : document.body;
-    await Ae().clearMessages(i);
+    await ge().clearMessages(i);
     const s = async (u) => {
       const d = r ? r.getTarget() : document.body;
-      await Ae().addErrorMessage(d, u);
+      await ge().addErrorMessage(d, u);
     }, n = () => {
       if (!this.options.scrollOnError)
         return;
@@ -13726,7 +13761,7 @@ ${W}
    */
   confirm() {
     const e = this.options.confirmMessage;
-    return e == null ? Promise.resolve(!0) : Ae().confirm(e);
+    return e == null ? Promise.resolve(!0) : ge().confirm(e);
   }
   /**
    * 結果データを対象のフラグメントにバインドします。
@@ -18555,7 +18590,7 @@ S.CONFIG_KEYS = /* @__PURE__ */ new Set([
   "state"
 ]), S.DEFAULT_INTERVAL_MS = 5e3, S.MIN_INTERVAL_MS = 100, S.registrations = /* @__PURE__ */ new Map(), S.visibilityListener = null;
 let $e = S;
-const Pr = "0.66.0";
+const Pr = "0.67.0";
 function Lr(f) {
   typeof requestAnimationFrame == "function" ? requestAnimationFrame(() => f()) : Promise.resolve().then(f);
 }