Function initializeAdvancedSettings

assets/main.js:355–662

({ neuralScene, digitCanvas, onConnectionsSettingsChange } = {})

}

function initializeAdvancedSettings({ neuralScene, digitCanvas, onConnectionsSettingsChange } = {}) {
  const button = document.getElementById("advancedSettingsButton");
  const modal = document.getElementById("advancedSettingsModal");
  const closeButton = document.getElementById("closeAdvancedSettings");
  if (!button || !modal) return;

  const connectionSlider = document.getElementById("connectionLimitSlider");
  const connectionValue = document.getElementById("connectionLimitValue");
  const connectionThresholdSlider = document.getElementById("connectionThresholdSlider");
  const connectionThresholdValue = document.getElementById("connectionThresholdValue");
  const connectionThicknessSlider = document.getElementById("connectionThicknessSlider");
  const connectionThicknessValue = document.getElementById("connectionThicknessValue");
  const thicknessSlider = document.getElementById("brushThicknessSlider");
  const thicknessValue = document.getElementById("brushThicknessValue");
  const strengthSlider = document.getElementById("brushStrengthSlider");
  const strengthValue = document.getElementById("brushStrengthValue");
  let refreshConnectionThresholdBounds = null;

  const focusTarget =
    connectionSlider ||
    connectionThresholdSlider ||
    connectionThicknessSlider ||
    thicknessSlider ||
    strengthSlider;

  const showModal = () => {
    modal.classList.add("visible");
    if (typeof refreshConnectionThresholdBounds === "function") {
      refreshConnectionThresholdBounds();
    }
    window.requestAnimationFrame(() => {
      if (focusTarget && typeof focusTarget.focus === "function") {
        try {
          focusTarget.focus({ preventScroll: true });
        } catch (_error) {
          focusTarget.focus();
        }
      }
    });
  };

  const hideModal = () => {
    modal.classList.remove("visible");
    if (typeof button.focus === "function") {
      try {
        button.focus({ preventScroll: true });
      } catch (_error) {
        button.focus();
      }
    }
  };

  button.addEventListener("click", showModal);
  closeButton?.addEventListener("click", hideModal);
  modal.addEventListener("click", (event) => {
    if (event.target === modal) {
      hideModal();
    }