@onjmin/dtm 0.1.63 → 0.1.64

package/dist/index.js

@@ -6641,7 +6641,7 @@ var isDecayInstrument = (fontName) => {
   if (!match) return false;
   const program = Math.floor(Number(match[1]) / 10);
   if (0 <= program && program <= 15) return true;
-  if (24 <= program && program <= 39) return true;
+  if (24 <= program && program <= 37) return true;
   if (program === 46) return true;
   if (104 <= program && program <= 119) return true;
   return false;
@@ -6750,7 +6750,7 @@ var adjustZone = async (ctx, fontName, zone) => {
             }
           }
           zone.buffer = newBuf;
-          zone.loopEnd = zone.loopStart + (zone.loopEnd - zone.loopStart) * repeatCount;
+          zone.loopEnd = zone.loopStart + loopLengthFrame / rateRatio * repeatCount;
         } catch (e) {
           console.warn(
             "[SoundFont.loopExtension] Failed to extend loop buffer:",
@@ -8136,6 +8136,11 @@ var buildUI = (target, options) => {
         <button class="dtm-btn dtm-btn--primary" data-dtm="midi-search-open">MML\u691C\u7D22</button>
       </div>
       <p class="dtm-load-note dtm-hidden" data-dtm="mml-load-note"></p>
+      <div class="dtm-row" style="margin-top:8px;">
+        <label class="dtm-checkbox-label" title="\u6709\u52B9\u306B\u3059\u308B\u3068\u3001\u73FE\u5728\u9078\u629E\u4E2D\u306E\u30C8\u30E9\u30C3\u30AF\u306E\u307F\u5909\u66F4\u3057\u307E\u3059">
+          <input type="checkbox" class="dtm-checkbox" data-dtm="apply-active-only"> \u73FE\u5728\u306E\u30C8\u30E9\u30C3\u30AF\u306E\u307F\u5BFE\u8C61\u3068\u3059\u308B
+        </label>
+      </div>
     </div>
   </details>
 
@@ -8272,6 +8277,7 @@ var buildUI = (target, options) => {
     mmlInput: sel("mml-input"),
     mmlLoadBtn: sel("mml-load"),
     mmlLoadNote: sel("mml-load-note"),
+    applyActiveOnly: sel("apply-active-only"),
     shiftSelect: sel("shift-select"),
     shiftApplyBtn: sel("shift-apply"),
     macroClear: sel("macro-clear"),
@@ -11642,10 +11648,22 @@ var mountDAW = (target, options = {}) => {
   const loadMML = (mml) => {
     if (!mml) return;
     stop();
-    clearAll();
-    for (const t of trackStates) t.core.setLoadMode(true);
-    resetCustomVocals();
-    for (const def of parseCustomVocals(mml)) registerCustomVocal(def);
+    const applyActiveOnly = refs.applyActiveOnly?.checked ?? false;
+    const activeTrackIndex = trackStates.findIndex(
+      (t) => t.config.id === activeTrackId
+    );
+    if (applyActiveOnly) {
+      const active = getActive();
+      active.core.clearNotesWithoutHistory();
+      active.core.setLoadMode(true);
+    } else {
+      clearAll();
+      for (const t of trackStates) t.core.setLoadMode(true);
+    }
+    if (!applyActiveOnly) {
+      resetCustomVocals();
+      for (const def of parseCustomVocals(mml)) registerCustomVocal(def);
+    }
     const {
       placements,
       bpm: parsedBpm,
@@ -11659,26 +11677,29 @@ var mountDAW = (target, options = {}) => {
       // このDAWのトラック数を超えるチャンネルはベースへ畳み込む（従来挙動）
       clampTrackCount: trackStates.length
     });
-    if (meta.instrument && INSTRUMENT_PRESETS[meta.instrument]) {
-      currentInstrument = meta.instrument;
-      options.onInstrumentChange?.(meta.instrument);
-    }
-    if (meta.drum && drumPatterns[meta.drum]) {
-      currentDrumPattern = meta.drum;
-      refs.drumSelect.value = meta.drum;
-      options.onDrumChange?.(meta.drum);
-    }
-    if (meta.volume !== void 0) {
-      masterVolume = meta.volume;
-      refs.masterVolume.value = String(meta.volume);
-      refs.masterVolumeLabel.textContent = `${meta.volume}%`;
-    }
-    if (meta.drumVolume !== void 0) {
-      drumVolume = meta.drumVolume;
-      refs.drumVolume.value = String(meta.drumVolume);
-      refs.drumVolumeLabel.textContent = `${meta.drumVolume}%`;
+    if (!applyActiveOnly) {
+      if (meta.instrument && INSTRUMENT_PRESETS[meta.instrument]) {
+        currentInstrument = meta.instrument;
+        options.onInstrumentChange?.(meta.instrument);
+      }
+      if (meta.drum && drumPatterns[meta.drum]) {
+        currentDrumPattern = meta.drum;
+        refs.drumSelect.value = meta.drum;
+        options.onDrumChange?.(meta.drum);
+      }
+      if (meta.volume !== void 0) {
+        masterVolume = meta.volume;
+        refs.masterVolume.value = String(meta.volume);
+        refs.masterVolumeLabel.textContent = `${meta.volume}%`;
+      }
+      if (meta.drumVolume !== void 0) {
+        drumVolume = meta.drumVolume;
+        refs.drumVolume.value = String(meta.drumVolume);
+        refs.drumVolumeLabel.textContent = `${meta.drumVolume}%`;
+      }
     }
     trackStates.forEach((t, i) => {
+      if (applyActiveOnly && i !== activeTrackIndex) return;
       const name = normalizeInstrumentName(meta.trackInstruments?.[i] ?? "");
       if (t.trackInstrument !== name) {
         t.trackInstrument = name;
@@ -11686,21 +11707,33 @@ var mountDAW = (target, options = {}) => {
       }
     });
     trackStates.forEach((t, i) => {
+      if (applyActiveOnly && i !== activeTrackIndex) return;
       const v = trackVelocity.get(i);
       if (v !== void 0 && v !== t.volume) {
         t.volume = v;
         t.core.setVolume(v);
       }
     });
-    for (const t of trackStates) {
-      t.lyrics = "";
-      t.lyricModel = "";
-      t.vocalVolume = DEFAULT_VOCAL_VOLUME;
-      t.vocalGate = 100;
-      t.vocalPan = 64;
-      t.vocalOctave = 0;
+    if (applyActiveOnly) {
+      const active = getActive();
+      active.lyrics = "";
+      active.lyricModel = "";
+      active.vocalVolume = DEFAULT_VOCAL_VOLUME;
+      active.vocalGate = 100;
+      active.vocalPan = 64;
+      active.vocalOctave = 0;
+    } else {
+      for (const t of trackStates) {
+        t.lyrics = "";
+        t.lyricModel = "";
+        t.vocalVolume = DEFAULT_VOCAL_VOLUME;
+        t.vocalGate = 100;
+        t.vocalPan = 64;
+        t.vocalOctave = 0;
+      }
     }
     lyrics?.forEach((lt) => {
+      if (applyActiveOnly && lt.trackId !== activeTrackIndex) return;
       const t = trackStates[lt.trackId];
       if (!t) return;
       t.lyrics = lt.syllables.map((s) => s.kana).join("");
@@ -11711,6 +11744,7 @@ var mountDAW = (target, options = {}) => {
       t.vocalOctave = lt.octave ?? 0;
     });
     for (const p of placements) {
+      if (applyActiveOnly && p.trackIndex !== activeTrackIndex) continue;
       const t = trackStates[p.trackIndex];
       if (!t) continue;
       t.core.addNote(p.startStep, p.pitch, {
@@ -11718,8 +11752,9 @@ var mountDAW = (target, options = {}) => {
         velocity: DEFAULT_VELOCITY
       });
     }
-    if (parsedBpm) setBpm(parsedBpm);
-    for (const t of trackStates) {
+    if (!applyActiveOnly && parsedBpm) setBpm(parsedBpm);
+    const targets = applyActiveOnly ? [getActive()] : trackStates;
+    for (const t of targets) {
       t.core.setLoadMode(false);
       t.core.addHistoryOnce();
     }
@@ -11774,15 +11809,28 @@ var mountDAW = (target, options = {}) => {
   };
   const applyMidiSelection = (midi, selectedIndices) => {
     stop();
-    clearAll();
-    for (const t of trackStates) t.core.setLoadMode(true);
-    for (const t of trackStates) {
-      t.lyrics = "";
-      t.lyricModel = "";
-      t.vocalVolume = DEFAULT_VOCAL_VOLUME;
-      t.vocalGate = 100;
-      t.vocalPan = 64;
-      t.vocalOctave = 0;
+    const applyActiveOnly = refs.applyActiveOnly?.checked ?? false;
+    if (applyActiveOnly) {
+      const active = getActive();
+      active.core.clearNotesWithoutHistory();
+      active.core.setLoadMode(true);
+      active.lyrics = "";
+      active.lyricModel = "";
+      active.vocalVolume = DEFAULT_VOCAL_VOLUME;
+      active.vocalGate = 100;
+      active.vocalPan = 64;
+      active.vocalOctave = 0;
+    } else {
+      clearAll();
+      for (const t of trackStates) t.core.setLoadMode(true);
+      for (const t of trackStates) {
+        t.lyrics = "";
+        t.lyricModel = "";
+        t.vocalVolume = DEFAULT_VOCAL_VOLUME;
+        t.vocalGate = 100;
+        t.vocalPan = 64;
+        t.vocalOctave = 0;
+      }
     }
     const { placements, bpm: parsedBpm } = isAdvanced ? extractMidiPlacementsByTrack(
       midi,
@@ -11790,6 +11838,7 @@ var mountDAW = (target, options = {}) => {
       trackStates.map((t) => t.config.id)
     ) : extractMidiPlacements(midi, selectedIndices);
     for (const p of placements) {
+      if (applyActiveOnly && p.trackId !== activeTrackId) continue;
       const t = trackStates.find((ts) => ts.config.id === p.trackId);
       if (!t) continue;
       t.core.addNote(p.startStep, p.pitch, {
@@ -11797,8 +11846,9 @@ var mountDAW = (target, options = {}) => {
         velocity: p.velocity
       });
     }
-    setBpm(Math.round(parsedBpm));
-    for (const t of trackStates) {
+    if (!applyActiveOnly) setBpm(Math.round(parsedBpm));
+    const targets = applyActiveOnly ? [getActive()] : trackStates;
+    for (const t of targets) {
       t.core.setLoadMode(false);
       t.core.addHistoryOnce();
     }
@@ -11846,10 +11896,29 @@ var mountDAW = (target, options = {}) => {
   const overlayDuring = (fn) => {
     refs.overlay.hidden = false;
     setLoading(true);
+    const globalOverlay = document.createElement("div");
+    globalOverlay.className = "dtm-overlay";
+    globalOverlay.style.position = "fixed";
+    globalOverlay.style.zIndex = "99999";
+    const spinner = document.createElement("div");
+    spinner.className = "dtm-spinner";
+    const fill = document.createElement("i");
+    fill.className = "dtm-spinner-fill";
+    spinner.appendChild(fill);
+    globalOverlay.appendChild(spinner);
+    const label = document.createElement("div");
+    label.className = "dtm-loading-label";
+    label.textContent = "\u51E6\u7406\u4E2D...";
+    globalOverlay.appendChild(label);
+    document.body.appendChild(globalOverlay);
     setTimeout(() => {
-      fn();
-      refs.overlay.hidden = true;
-      setLoading(false);
+      try {
+        fn();
+      } finally {
+        refs.overlay.hidden = true;
+        setLoading(false);
+        globalOverlay.remove();
+      }
     }, 30);
   };
   const showConfirmModal = (message) => new Promise((resolve) => {
@@ -11979,36 +12048,44 @@ var mountDAW = (target, options = {}) => {
       refs.drumVolumeLabel.textContent = `${drumVolume}%`;
     });
     refs.macroClear.addEventListener("click", () => {
-      const active = getActive();
-      active.core.beginBatch();
-      active.core.clearNotesWithoutHistory();
-      active.core.endBatch();
-      active.core.saveHistory();
-      redrawAll();
+      overlayDuring(() => {
+        const active = getActive();
+        active.core.beginBatch();
+        active.core.clearNotesWithoutHistory();
+        active.core.endBatch();
+        active.core.saveHistory();
+        redrawAll();
+      });
     });
     refs.macroRandom.addEventListener("click", () => {
-      generateRandomPattern(getActive().core, {
-        stepsPerBar: renderConfig.stepsPerBar,
-        startStep: playStartStep,
-        pitchRangeStart: renderConfig.pitchRangeStart
+      overlayDuring(() => {
+        generateRandomPattern(getActive().core, {
+          stepsPerBar: renderConfig.stepsPerBar,
+          startStep: playStartStep,
+          pitchRangeStart: renderConfig.pitchRangeStart
+        });
+        redrawAll();
       });
-      redrawAll();
     });
     refs.macroHarmonic.addEventListener("click", () => {
-      const chord = trackStates.find((t) => t.config.id === "chord");
-      if (!chord || activeTrackId === "chord") return;
-      applyHarmonicFilter(getActive().core, chord.core, {
-        stepsPerBar: renderConfig.stepsPerBar
+      overlayDuring(() => {
+        const chord = trackStates.find((t) => t.config.id === "chord");
+        if (!chord || activeTrackId === "chord") return;
+        applyHarmonicFilter(getActive().core, chord.core, {
+          stepsPerBar: renderConfig.stepsPerBar
+        });
+        redrawAll();
       });
-      redrawAll();
     });
     refs.macroMono.addEventListener("click", () => {
-      const chord = trackStates.find((t) => t.config.id === "chord");
-      if (!chord || activeTrackId === "chord") return;
-      applyMonophonic(getActive().core, chord.core, {
-        stepsPerBar: renderConfig.stepsPerBar
+      overlayDuring(() => {
+        const chord = trackStates.find((t) => t.config.id === "chord");
+        if (!chord || activeTrackId === "chord") return;
+        applyMonophonic(getActive().core, chord.core, {
+          stepsPerBar: renderConfig.stepsPerBar
+        });
+        redrawAll();
       });
-      redrawAll();
     });
     refs.generateMmlBtn.addEventListener("click", showMML);
     refs.exportMidiBtn.addEventListener("click", () => {

package/dist/index.mjs

@@ -6519,7 +6519,7 @@ var isDecayInstrument = (fontName) => {
   if (!match) return false;
   const program = Math.floor(Number(match[1]) / 10);
   if (0 <= program && program <= 15) return true;
-  if (24 <= program && program <= 39) return true;
+  if (24 <= program && program <= 37) return true;
   if (program === 46) return true;
   if (104 <= program && program <= 119) return true;
   return false;
@@ -6628,7 +6628,7 @@ var adjustZone = async (ctx, fontName, zone) => {
             }
           }
           zone.buffer = newBuf;
-          zone.loopEnd = zone.loopStart + (zone.loopEnd - zone.loopStart) * repeatCount;
+          zone.loopEnd = zone.loopStart + loopLengthFrame / rateRatio * repeatCount;
         } catch (e) {
           console.warn(
             "[SoundFont.loopExtension] Failed to extend loop buffer:",
@@ -8014,6 +8014,11 @@ var buildUI = (target, options) => {
         <button class="dtm-btn dtm-btn--primary" data-dtm="midi-search-open">MML\u691C\u7D22</button>
       </div>
       <p class="dtm-load-note dtm-hidden" data-dtm="mml-load-note"></p>
+      <div class="dtm-row" style="margin-top:8px;">
+        <label class="dtm-checkbox-label" title="\u6709\u52B9\u306B\u3059\u308B\u3068\u3001\u73FE\u5728\u9078\u629E\u4E2D\u306E\u30C8\u30E9\u30C3\u30AF\u306E\u307F\u5909\u66F4\u3057\u307E\u3059">
+          <input type="checkbox" class="dtm-checkbox" data-dtm="apply-active-only"> \u73FE\u5728\u306E\u30C8\u30E9\u30C3\u30AF\u306E\u307F\u5BFE\u8C61\u3068\u3059\u308B
+        </label>
+      </div>
     </div>
   </details>
 
@@ -8150,6 +8155,7 @@ var buildUI = (target, options) => {
     mmlInput: sel("mml-input"),
     mmlLoadBtn: sel("mml-load"),
     mmlLoadNote: sel("mml-load-note"),
+    applyActiveOnly: sel("apply-active-only"),
     shiftSelect: sel("shift-select"),
     shiftApplyBtn: sel("shift-apply"),
     macroClear: sel("macro-clear"),
@@ -11520,10 +11526,22 @@ var mountDAW = (target, options = {}) => {
   const loadMML = (mml) => {
     if (!mml) return;
     stop();
-    clearAll();
-    for (const t of trackStates) t.core.setLoadMode(true);
-    resetCustomVocals();
-    for (const def of parseCustomVocals(mml)) registerCustomVocal(def);
+    const applyActiveOnly = refs.applyActiveOnly?.checked ?? false;
+    const activeTrackIndex = trackStates.findIndex(
+      (t) => t.config.id === activeTrackId
+    );
+    if (applyActiveOnly) {
+      const active = getActive();
+      active.core.clearNotesWithoutHistory();
+      active.core.setLoadMode(true);
+    } else {
+      clearAll();
+      for (const t of trackStates) t.core.setLoadMode(true);
+    }
+    if (!applyActiveOnly) {
+      resetCustomVocals();
+      for (const def of parseCustomVocals(mml)) registerCustomVocal(def);
+    }
     const {
       placements,
       bpm: parsedBpm,
@@ -11537,26 +11555,29 @@ var mountDAW = (target, options = {}) => {
       // このDAWのトラック数を超えるチャンネルはベースへ畳み込む（従来挙動）
       clampTrackCount: trackStates.length
     });
-    if (meta.instrument && INSTRUMENT_PRESETS[meta.instrument]) {
-      currentInstrument = meta.instrument;
-      options.onInstrumentChange?.(meta.instrument);
-    }
-    if (meta.drum && drumPatterns[meta.drum]) {
-      currentDrumPattern = meta.drum;
-      refs.drumSelect.value = meta.drum;
-      options.onDrumChange?.(meta.drum);
-    }
-    if (meta.volume !== void 0) {
-      masterVolume = meta.volume;
-      refs.masterVolume.value = String(meta.volume);
-      refs.masterVolumeLabel.textContent = `${meta.volume}%`;
-    }
-    if (meta.drumVolume !== void 0) {
-      drumVolume = meta.drumVolume;
-      refs.drumVolume.value = String(meta.drumVolume);
-      refs.drumVolumeLabel.textContent = `${meta.drumVolume}%`;
+    if (!applyActiveOnly) {
+      if (meta.instrument && INSTRUMENT_PRESETS[meta.instrument]) {
+        currentInstrument = meta.instrument;
+        options.onInstrumentChange?.(meta.instrument);
+      }
+      if (meta.drum && drumPatterns[meta.drum]) {
+        currentDrumPattern = meta.drum;
+        refs.drumSelect.value = meta.drum;
+        options.onDrumChange?.(meta.drum);
+      }
+      if (meta.volume !== void 0) {
+        masterVolume = meta.volume;
+        refs.masterVolume.value = String(meta.volume);
+        refs.masterVolumeLabel.textContent = `${meta.volume}%`;
+      }
+      if (meta.drumVolume !== void 0) {
+        drumVolume = meta.drumVolume;
+        refs.drumVolume.value = String(meta.drumVolume);
+        refs.drumVolumeLabel.textContent = `${meta.drumVolume}%`;
+      }
     }
     trackStates.forEach((t, i) => {
+      if (applyActiveOnly && i !== activeTrackIndex) return;
       const name = normalizeInstrumentName(meta.trackInstruments?.[i] ?? "");
       if (t.trackInstrument !== name) {
         t.trackInstrument = name;
@@ -11564,21 +11585,33 @@ var mountDAW = (target, options = {}) => {
       }
     });
     trackStates.forEach((t, i) => {
+      if (applyActiveOnly && i !== activeTrackIndex) return;
       const v = trackVelocity.get(i);
       if (v !== void 0 && v !== t.volume) {
         t.volume = v;
         t.core.setVolume(v);
       }
     });
-    for (const t of trackStates) {
-      t.lyrics = "";
-      t.lyricModel = "";
-      t.vocalVolume = DEFAULT_VOCAL_VOLUME;
-      t.vocalGate = 100;
-      t.vocalPan = 64;
-      t.vocalOctave = 0;
+    if (applyActiveOnly) {
+      const active = getActive();
+      active.lyrics = "";
+      active.lyricModel = "";
+      active.vocalVolume = DEFAULT_VOCAL_VOLUME;
+      active.vocalGate = 100;
+      active.vocalPan = 64;
+      active.vocalOctave = 0;
+    } else {
+      for (const t of trackStates) {
+        t.lyrics = "";
+        t.lyricModel = "";
+        t.vocalVolume = DEFAULT_VOCAL_VOLUME;
+        t.vocalGate = 100;
+        t.vocalPan = 64;
+        t.vocalOctave = 0;
+      }
     }
     lyrics?.forEach((lt) => {
+      if (applyActiveOnly && lt.trackId !== activeTrackIndex) return;
       const t = trackStates[lt.trackId];
       if (!t) return;
       t.lyrics = lt.syllables.map((s) => s.kana).join("");
@@ -11589,6 +11622,7 @@ var mountDAW = (target, options = {}) => {
       t.vocalOctave = lt.octave ?? 0;
     });
     for (const p of placements) {
+      if (applyActiveOnly && p.trackIndex !== activeTrackIndex) continue;
       const t = trackStates[p.trackIndex];
       if (!t) continue;
       t.core.addNote(p.startStep, p.pitch, {
@@ -11596,8 +11630,9 @@ var mountDAW = (target, options = {}) => {
         velocity: DEFAULT_VELOCITY
       });
     }
-    if (parsedBpm) setBpm(parsedBpm);
-    for (const t of trackStates) {
+    if (!applyActiveOnly && parsedBpm) setBpm(parsedBpm);
+    const targets = applyActiveOnly ? [getActive()] : trackStates;
+    for (const t of targets) {
       t.core.setLoadMode(false);
       t.core.addHistoryOnce();
     }
@@ -11652,15 +11687,28 @@ var mountDAW = (target, options = {}) => {
   };
   const applyMidiSelection = (midi, selectedIndices) => {
     stop();
-    clearAll();
-    for (const t of trackStates) t.core.setLoadMode(true);
-    for (const t of trackStates) {
-      t.lyrics = "";
-      t.lyricModel = "";
-      t.vocalVolume = DEFAULT_VOCAL_VOLUME;
-      t.vocalGate = 100;
-      t.vocalPan = 64;
-      t.vocalOctave = 0;
+    const applyActiveOnly = refs.applyActiveOnly?.checked ?? false;
+    if (applyActiveOnly) {
+      const active = getActive();
+      active.core.clearNotesWithoutHistory();
+      active.core.setLoadMode(true);
+      active.lyrics = "";
+      active.lyricModel = "";
+      active.vocalVolume = DEFAULT_VOCAL_VOLUME;
+      active.vocalGate = 100;
+      active.vocalPan = 64;
+      active.vocalOctave = 0;
+    } else {
+      clearAll();
+      for (const t of trackStates) t.core.setLoadMode(true);
+      for (const t of trackStates) {
+        t.lyrics = "";
+        t.lyricModel = "";
+        t.vocalVolume = DEFAULT_VOCAL_VOLUME;
+        t.vocalGate = 100;
+        t.vocalPan = 64;
+        t.vocalOctave = 0;
+      }
     }
     const { placements, bpm: parsedBpm } = isAdvanced ? extractMidiPlacementsByTrack(
       midi,
@@ -11668,6 +11716,7 @@ var mountDAW = (target, options = {}) => {
       trackStates.map((t) => t.config.id)
     ) : extractMidiPlacements(midi, selectedIndices);
     for (const p of placements) {
+      if (applyActiveOnly && p.trackId !== activeTrackId) continue;
       const t = trackStates.find((ts) => ts.config.id === p.trackId);
       if (!t) continue;
       t.core.addNote(p.startStep, p.pitch, {
@@ -11675,8 +11724,9 @@ var mountDAW = (target, options = {}) => {
         velocity: p.velocity
       });
     }
-    setBpm(Math.round(parsedBpm));
-    for (const t of trackStates) {
+    if (!applyActiveOnly) setBpm(Math.round(parsedBpm));
+    const targets = applyActiveOnly ? [getActive()] : trackStates;
+    for (const t of targets) {
       t.core.setLoadMode(false);
       t.core.addHistoryOnce();
     }
@@ -11724,10 +11774,29 @@ var mountDAW = (target, options = {}) => {
   const overlayDuring = (fn) => {
     refs.overlay.hidden = false;
     setLoading(true);
+    const globalOverlay = document.createElement("div");
+    globalOverlay.className = "dtm-overlay";
+    globalOverlay.style.position = "fixed";
+    globalOverlay.style.zIndex = "99999";
+    const spinner = document.createElement("div");
+    spinner.className = "dtm-spinner";
+    const fill = document.createElement("i");
+    fill.className = "dtm-spinner-fill";
+    spinner.appendChild(fill);
+    globalOverlay.appendChild(spinner);
+    const label = document.createElement("div");
+    label.className = "dtm-loading-label";
+    label.textContent = "\u51E6\u7406\u4E2D...";
+    globalOverlay.appendChild(label);
+    document.body.appendChild(globalOverlay);
     setTimeout(() => {
-      fn();
-      refs.overlay.hidden = true;
-      setLoading(false);
+      try {
+        fn();
+      } finally {
+        refs.overlay.hidden = true;
+        setLoading(false);
+        globalOverlay.remove();
+      }
     }, 30);
   };
   const showConfirmModal = (message) => new Promise((resolve) => {
@@ -11857,36 +11926,44 @@ var mountDAW = (target, options = {}) => {
       refs.drumVolumeLabel.textContent = `${drumVolume}%`;
     });
     refs.macroClear.addEventListener("click", () => {
-      const active = getActive();
-      active.core.beginBatch();
-      active.core.clearNotesWithoutHistory();
-      active.core.endBatch();
-      active.core.saveHistory();
-      redrawAll();
+      overlayDuring(() => {
+        const active = getActive();
+        active.core.beginBatch();
+        active.core.clearNotesWithoutHistory();
+        active.core.endBatch();
+        active.core.saveHistory();
+        redrawAll();
+      });
     });
     refs.macroRandom.addEventListener("click", () => {
-      generateRandomPattern(getActive().core, {
-        stepsPerBar: renderConfig.stepsPerBar,
-        startStep: playStartStep,
-        pitchRangeStart: renderConfig.pitchRangeStart
+      overlayDuring(() => {
+        generateRandomPattern(getActive().core, {
+          stepsPerBar: renderConfig.stepsPerBar,
+          startStep: playStartStep,
+          pitchRangeStart: renderConfig.pitchRangeStart
+        });
+        redrawAll();
       });
-      redrawAll();
     });
     refs.macroHarmonic.addEventListener("click", () => {
-      const chord = trackStates.find((t) => t.config.id === "chord");
-      if (!chord || activeTrackId === "chord") return;
-      applyHarmonicFilter(getActive().core, chord.core, {
-        stepsPerBar: renderConfig.stepsPerBar
+      overlayDuring(() => {
+        const chord = trackStates.find((t) => t.config.id === "chord");
+        if (!chord || activeTrackId === "chord") return;
+        applyHarmonicFilter(getActive().core, chord.core, {
+          stepsPerBar: renderConfig.stepsPerBar
+        });
+        redrawAll();
       });
-      redrawAll();
     });
     refs.macroMono.addEventListener("click", () => {
-      const chord = trackStates.find((t) => t.config.id === "chord");
-      if (!chord || activeTrackId === "chord") return;
-      applyMonophonic(getActive().core, chord.core, {
-        stepsPerBar: renderConfig.stepsPerBar
+      overlayDuring(() => {
+        const chord = trackStates.find((t) => t.config.id === "chord");
+        if (!chord || activeTrackId === "chord") return;
+        applyMonophonic(getActive().core, chord.core, {
+          stepsPerBar: renderConfig.stepsPerBar
+        });
+        redrawAll();
       });
-      redrawAll();
     });
     refs.generateMmlBtn.addEventListener("click", showMML);
     refs.exportMidiBtn.addEventListener("click", () => {

package/package.json

@@ -2,7 +2,7 @@
   "author": "onjmin",
   "license": "MIT",
   "name": "@onjmin/dtm",
-  "version": "0.1.63",
+  "version": "0.1.64",
   "description": "MMLを中間言語に用いた、モバイルファーストなDAW / ピアノロール打ち込みコンポーネント",
   "homepage": "https://onjmin.github.io/dtm",
   "repository": {