@jspsych/plugin-audio-slider-response 1.1.3 → 2.0.0

package/dist/index.browser.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.browser.js","sources":["../src/index.ts"],"sourcesContent":["import { JsPsych, JsPsychPlugin, ParameterType, TrialType } from \"jspsych\";\n\nconst info = <const>{\n  name: \"audio-slider-response\",\n  parameters: {\n    /** The audio file to be played. */\n    stimulus: {\n      type: ParameterType.AUDIO,\n      pretty_name: \"Stimulus\",\n      default: undefined,\n    },\n    /** Sets the minimum value of the slider. */\n    min: {\n      type: ParameterType.INT,\n      pretty_name: \"Min slider\",\n      default: 0,\n    },\n    /** Sets the maximum value of the slider */\n    max: {\n      type: ParameterType.INT,\n      pretty_name: \"Max slider\",\n      default: 100,\n    },\n    /** Sets the starting value of the slider */\n    slider_start: {\n      type: ParameterType.INT,\n      pretty_name: \"Slider starting value\",\n      default: 50,\n    },\n    /** Sets the step of the slider */\n    step: {\n      type: ParameterType.INT,\n      pretty_name: \"Step\",\n      default: 1,\n    },\n    /** Array containing the labels for the slider. Labels will be displayed at equidistant locations along the slider. */\n    labels: {\n      type: ParameterType.HTML_STRING,\n      pretty_name: \"Labels\",\n      default: [],\n      array: true,\n    },\n    /** Width of the slider in pixels. */\n    slider_width: {\n      type: ParameterType.INT,\n      pretty_name: \"Slider width\",\n      default: null,\n    },\n    /** Label of the button to advance. */\n    button_label: {\n      type: ParameterType.STRING,\n      pretty_name: \"Button label\",\n      default: \"Continue\",\n      array: false,\n    },\n    /** If true, the participant will have to move the slider before continuing. */\n    require_movement: {\n      type: ParameterType.BOOL,\n      pretty_name: \"Require movement\",\n      default: false,\n    },\n    /** Any content here will be displayed below the slider. */\n    prompt: {\n      type: ParameterType.HTML_STRING,\n      pretty_name: \"Prompt\",\n      default: null,\n    },\n    /** How long to show the trial. */\n    trial_duration: {\n      type: ParameterType.INT,\n      pretty_name: \"Trial duration\",\n      default: null,\n    },\n    /** If true, trial will end when user makes a response. */\n    response_ends_trial: {\n      type: ParameterType.BOOL,\n      pretty_name: \"Response ends trial\",\n      default: true,\n    },\n    /** If true, then the trial will end as soon as the audio file finishes playing. */\n    trial_ends_after_audio: {\n      type: ParameterType.BOOL,\n      pretty_name: \"Trial ends after audio\",\n      default: false,\n    },\n    /** If true, then responses are allowed while the audio is playing. If false, then the audio must finish playing before a response is accepted. */\n    response_allowed_while_playing: {\n      type: ParameterType.BOOL,\n      pretty_name: \"Response allowed while playing\",\n      default: true,\n    },\n  },\n};\n\ntype Info = typeof info;\n\n/**\n * **audio-slider-response**\n *\n * jsPsych plugin for playing audio and getting a slider response\n *\n * @author Josh de Leeuw\n * @see {@link https://www.jspsych.org/plugins/jspsych-audio-slider-response/ audio-slider-response plugin documentation on jspsych.org}\n */\nclass AudioSliderResponsePlugin implements JsPsychPlugin<Info> {\n  static info = info;\n  private audio;\n\n  constructor(private jsPsych: JsPsych) {}\n\n  trial(display_element: HTMLElement, trial: TrialType<Info>, on_load: () => void) {\n    // hold the .resolve() function from the Promise that ends the trial\n    let trial_complete;\n\n    // half of the thumb width value from jspsych.css, used to adjust the label positions\n    var half_thumb_width = 7.5;\n\n    // setup stimulus\n    var context = this.jsPsych.pluginAPI.audioContext();\n\n    // record webaudio context start time\n    var startTime;\n\n    // for storing data related to response\n    var response;\n\n    // load audio file\n    this.jsPsych.pluginAPI\n      .getAudioBuffer(trial.stimulus)\n      .then((buffer) => {\n        if (context !== null) {\n          this.audio = context.createBufferSource();\n          this.audio.buffer = buffer;\n          this.audio.connect(context.destination);\n        } else {\n          this.audio = buffer;\n          this.audio.currentTime = 0;\n        }\n        setupTrial();\n      })\n      .catch((err) => {\n        console.error(\n          `Failed to load audio file \"${trial.stimulus}\". Try checking the file path. We recommend using the preload plugin to load audio files.`\n        );\n        console.error(err);\n      });\n\n    const setupTrial = () => {\n      // set up end event if trial needs it\n      if (trial.trial_ends_after_audio) {\n        this.audio.addEventListener(\"ended\", end_trial);\n      }\n\n      // enable slider after audio ends if necessary\n      if (!trial.response_allowed_while_playing && !trial.trial_ends_after_audio) {\n        this.audio.addEventListener(\"ended\", enable_slider);\n      }\n\n      var html = '<div id=\"jspsych-audio-slider-response-wrapper\" style=\"margin: 100px 0px;\">';\n      html +=\n        '<div class=\"jspsych-audio-slider-response-container\" style=\"position:relative; margin: 0 auto 3em auto; width:';\n      if (trial.slider_width !== null) {\n        html += trial.slider_width + \"px;\";\n      } else {\n        html += \"auto;\";\n      }\n      html += '\">';\n      html +=\n        '<input type=\"range\" class=\"jspsych-slider\" value=\"' +\n        trial.slider_start +\n        '\" min=\"' +\n        trial.min +\n        '\" max=\"' +\n        trial.max +\n        '\" step=\"' +\n        trial.step +\n        '\" id=\"jspsych-audio-slider-response-response\"';\n      if (!trial.response_allowed_while_playing) {\n        html += \" disabled\";\n      }\n      html += \"></input><div>\";\n      for (var j = 0; j < trial.labels.length; j++) {\n        var label_width_perc = 100 / (trial.labels.length - 1);\n        var percent_of_range = j * (100 / (trial.labels.length - 1));\n        var percent_dist_from_center = ((percent_of_range - 50) / 50) * 100;\n        var offset = (percent_dist_from_center * half_thumb_width) / 100;\n        html +=\n          '<div style=\"border: 1px solid transparent; display: inline-block; position: absolute; ' +\n          \"left:calc(\" +\n          percent_of_range +\n          \"% - (\" +\n          label_width_perc +\n          \"% / 2) - \" +\n          offset +\n          \"px); text-align: center; width: \" +\n          label_width_perc +\n          '%;\">';\n        html += '<span style=\"text-align: center; font-size: 80%;\">' + trial.labels[j] + \"</span>\";\n        html += \"</div>\";\n      }\n      html += \"</div>\";\n      html += \"</div>\";\n      html += \"</div>\";\n\n      if (trial.prompt !== null) {\n        html += trial.prompt;\n      }\n\n      // add submit button\n      var next_disabled_attribute = \"\";\n      if (trial.require_movement || !trial.response_allowed_while_playing) {\n        next_disabled_attribute = \"disabled\";\n      }\n      html +=\n        '<button id=\"jspsych-audio-slider-response-next\" class=\"jspsych-btn\" ' +\n        next_disabled_attribute +\n        \">\" +\n        trial.button_label +\n        \"</button>\";\n\n      display_element.innerHTML = html;\n\n      response = {\n        rt: null,\n        response: null,\n      };\n\n      if (!trial.response_allowed_while_playing) {\n        display_element.querySelector<HTMLInputElement>(\n          \"#jspsych-audio-slider-response-response\"\n        ).disabled = true;\n        display_element.querySelector<HTMLInputElement>(\n          \"#jspsych-audio-slider-response-next\"\n        ).disabled = true;\n      }\n\n      if (trial.require_movement) {\n        const enable_button = () => {\n          display_element.querySelector<HTMLInputElement>(\n            \"#jspsych-audio-slider-response-next\"\n          ).disabled = false;\n        };\n\n        display_element\n          .querySelector(\"#jspsych-audio-slider-response-response\")\n          .addEventListener(\"mousedown\", enable_button);\n\n        display_element\n          .querySelector(\"#jspsych-audio-slider-response-response\")\n          .addEventListener(\"touchstart\", enable_button);\n\n        display_element\n          .querySelector(\"#jspsych-audio-slider-response-response\")\n          .addEventListener(\"change\", enable_button);\n      }\n\n      display_element\n        .querySelector(\"#jspsych-audio-slider-response-next\")\n        .addEventListener(\"click\", () => {\n          // measure response time\n          var endTime = performance.now();\n          var rt = Math.round(endTime - startTime);\n          if (context !== null) {\n            endTime = context.currentTime;\n            rt = Math.round((endTime - startTime) * 1000);\n          }\n          response.rt = rt;\n          response.response = display_element.querySelector<HTMLInputElement>(\n            \"#jspsych-audio-slider-response-response\"\n          ).valueAsNumber;\n\n          if (trial.response_ends_trial) {\n            end_trial();\n          } else {\n            display_element.querySelector<HTMLInputElement>(\n              \"#jspsych-audio-slider-response-next\"\n            ).disabled = true;\n          }\n        });\n\n      startTime = performance.now();\n      // start audio\n      if (context !== null) {\n        startTime = context.currentTime;\n        this.audio.start(startTime);\n      } else {\n        this.audio.play();\n      }\n\n      // end trial if trial_duration is set\n      if (trial.trial_duration !== null) {\n        this.jsPsych.pluginAPI.setTimeout(() => {\n          end_trial();\n        }, trial.trial_duration);\n      }\n\n      on_load();\n    };\n\n    // function to enable slider after audio ends\n    function enable_slider() {\n      document.querySelector<HTMLInputElement>(\"#jspsych-audio-slider-response-response\").disabled =\n        false;\n      if (!trial.require_movement) {\n        document.querySelector<HTMLButtonElement>(\"#jspsych-audio-slider-response-next\").disabled =\n          false;\n      }\n    }\n\n    const end_trial = () => {\n      // kill any remaining setTimeout handlers\n      this.jsPsych.pluginAPI.clearAllTimeouts();\n\n      // stop the audio file if it is playing\n      // remove end event listeners if they exist\n      if (context !== null) {\n        this.audio.stop();\n      } else {\n        this.audio.pause();\n      }\n\n      this.audio.removeEventListener(\"ended\", end_trial);\n      this.audio.removeEventListener(\"ended\", enable_slider);\n\n      // save data\n      var trialdata = {\n        rt: response.rt,\n        stimulus: trial.stimulus,\n        slider_start: trial.slider_start,\n        response: response.response,\n      };\n\n      display_element.innerHTML = \"\";\n\n      // next trial\n      this.jsPsych.finishTrial(trialdata);\n\n      trial_complete();\n    };\n\n    return new Promise((resolve) => {\n      trial_complete = resolve;\n    });\n  }\n\n  simulate(\n    trial: TrialType<Info>,\n    simulation_mode,\n    simulation_options: any,\n    load_callback: () => void\n  ) {\n    if (simulation_mode == \"data-only\") {\n      load_callback();\n      this.simulate_data_only(trial, simulation_options);\n    }\n    if (simulation_mode == \"visual\") {\n      this.simulate_visual(trial, simulation_options, load_callback);\n    }\n  }\n\n  private create_simulation_data(trial: TrialType<Info>, simulation_options) {\n    const default_data = {\n      stimulus: trial.stimulus,\n      slider_start: trial.slider_start,\n      response: this.jsPsych.randomization.randomInt(trial.min, trial.max),\n      rt: this.jsPsych.randomization.sampleExGaussian(500, 50, 1 / 150, true),\n    };\n\n    const data = this.jsPsych.pluginAPI.mergeSimulationData(default_data, simulation_options);\n\n    this.jsPsych.pluginAPI.ensureSimulationDataConsistency(trial, data);\n\n    return data;\n  }\n\n  private simulate_data_only(trial: TrialType<Info>, simulation_options) {\n    const data = this.create_simulation_data(trial, simulation_options);\n\n    this.jsPsych.finishTrial(data);\n  }\n\n  private simulate_visual(trial: TrialType<Info>, simulation_options, load_callback: () => void) {\n    const data = this.create_simulation_data(trial, simulation_options);\n\n    const display_element = this.jsPsych.getDisplayElement();\n\n    const respond = () => {\n      if (data.rt !== null) {\n        const el = display_element.querySelector<HTMLInputElement>(\"input[type='range']\");\n\n        setTimeout(() => {\n          this.jsPsych.pluginAPI.clickTarget(el);\n          el.valueAsNumber = data.response;\n        }, data.rt / 2);\n\n        this.jsPsych.pluginAPI.clickTarget(display_element.querySelector(\"button\"), data.rt);\n      }\n    };\n\n    this.trial(display_element, trial, () => {\n      load_callback();\n\n      if (!trial.response_allowed_while_playing) {\n        this.audio.addEventListener(\"ended\", respond);\n      } else {\n        respond();\n      }\n    });\n  }\n}\n\nexport default AudioSliderResponsePlugin;\n"],"names":["ParameterType"],"mappings":"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"}
+{"version":3,"file":"index.browser.js","sources":["../../../node_modules/auto-bind/index.js","../src/index.ts"],"sourcesContent":["'use strict';\n\n// Gets all non-builtin properties up the prototype chain\nconst getAllProperties = object => {\n\tconst properties = new Set();\n\n\tdo {\n\t\tfor (const key of Reflect.ownKeys(object)) {\n\t\t\tproperties.add([object, key]);\n\t\t}\n\t} while ((object = Reflect.getPrototypeOf(object)) && object !== Object.prototype);\n\n\treturn properties;\n};\n\nmodule.exports = (self, {include, exclude} = {}) => {\n\tconst filter = key => {\n\t\tconst match = pattern => typeof pattern === 'string' ? key === pattern : pattern.test(key);\n\n\t\tif (include) {\n\t\t\treturn include.some(match);\n\t\t}\n\n\t\tif (exclude) {\n\t\t\treturn !exclude.some(match);\n\t\t}\n\n\t\treturn true;\n\t};\n\n\tfor (const [object, key] of getAllProperties(self.constructor.prototype)) {\n\t\tif (key === 'constructor' || !filter(key)) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tconst descriptor = Reflect.getOwnPropertyDescriptor(object, key);\n\t\tif (descriptor && typeof descriptor.value === 'function') {\n\t\t\tself[key] = self[key].bind(self);\n\t\t}\n\t}\n\n\treturn self;\n};\n","import autoBind from \"auto-bind\";\nimport { JsPsych, JsPsychPlugin, ParameterType, TrialType } from \"jspsych\";\n\nimport { AudioPlayerInterface } from \"../../jspsych/src/modules/plugin-api/AudioPlayer\";\nimport { version } from \"../package.json\";\n\nconst info = <const>{\n  name: \"audio-slider-response\",\n  version: version,\n  parameters: {\n    /** Audio file to be played. */\n    stimulus: {\n      type: ParameterType.AUDIO,\n      default: undefined,\n    },\n    /** Sets the minimum value of the slider. */\n    min: {\n      type: ParameterType.INT,\n      default: 0,\n    },\n    /** Sets the maximum value of the slider */\n    max: {\n      type: ParameterType.INT,\n      default: 100,\n    },\n    /** Sets the starting value of the slider */\n    slider_start: {\n      type: ParameterType.INT,\n      default: 50,\n    },\n    /** Sets the step of the slider. This is the smallest amount by which the slider can change. */\n    step: {\n      type: ParameterType.INT,\n      default: 1,\n    },\n    /** Labels displayed at equidistant locations on the slider. For example, two labels will be placed at the ends of the\n     * slider. Three labels would place two at the ends and one in the middle. Four will place two at the ends, and the\n     * other two will be at 33% and 67% of the slider width.\n     */\n    labels: {\n      type: ParameterType.HTML_STRING,\n      default: [],\n      array: true,\n    },\n    /** Set the width of the slider in pixels. If left null, then the width will be equal to the widest element in the display. */\n    slider_width: {\n      type: ParameterType.INT,\n      default: null,\n    },\n    /** Label of the button to end the trial. */\n    button_label: {\n      type: ParameterType.STRING,\n      default: \"Continue\",\n      array: false,\n    },\n    /** If true, the participant must move the slider before clicking the continue button. */\n    require_movement: {\n      type: ParameterType.BOOL,\n      default: false,\n    },\n    /** This string can contain HTML markup. Any content here will be displayed below the stimulus. The intention is\n     * that it can be used to provide a reminder about the action the participant is supposed to take (e.g., which key to press).\n     */\n    prompt: {\n      type: ParameterType.HTML_STRING,\n      default: null,\n    },\n    /** How long to wait for the participant to make a response before ending the trial in milliseconds. If\n     * the participant fails to make a response before this timer is reached, the participant's response will be\n     * recorded as null for the trial and the trial will end. If the value of this parameter is null, then the trial\n     * will wait for a response indefinitely.\n     */\n    trial_duration: {\n      type: ParameterType.INT,\n      default: null,\n    },\n    /** If true, then the trial will end whenever the participant makes a response (assuming they make their response\n     * before the cutoff specified by the `trial_duration` parameter). If false, then the trial will continue until the\n     * value for `trial_duration` is reached. You can set this parameter to `false` to force the participant to listen to\n     * the stimulus for a fixed amount of time, even if they respond before the time is complete.\n     */\n    response_ends_trial: {\n      type: ParameterType.BOOL,\n      default: true,\n    },\n    /** If true, then the trial will end as soon as the audio file finishes playing. */\n    trial_ends_after_audio: {\n      type: ParameterType.BOOL,\n      default: false,\n    },\n    /** If true, then responses are allowed while the audio is playing. If false, then the audio must finish playing before\n     * the slider is enabled and the trial can end via the next button click. Once the audio has played all the way through,\n     * the slider is enabled and a response is allowed (including while the audio is being re-played via on-screen playback controls).\n     */\n    response_allowed_while_playing: {\n      type: ParameterType.BOOL,\n      default: true,\n    },\n  },\n  data: {\n    /** The numeric value of the slider. */\n    response: {\n      type: ParameterType.INT,\n    },\n    /** The time in milliseconds for the participant to make a response. The time is measured from when the stimulus first\n     * began playing until the participant's response.\n     */\n    rt: {\n      type: ParameterType.INT,\n    },\n    /** The path of the audio file that was played. */\n    stimulus: {\n      type: ParameterType.STRING,\n    },\n    /** The starting value of the slider. */\n    slider_start: {\n      type: ParameterType.INT,\n    },\n  },\n};\n\ntype Info = typeof info;\n\n/**\n * This plugin plays an audio file and allows the participant to respond by dragging a slider.\n *\n * If the browser supports it, audio files are played using the WebAudio API. This allows for reasonably precise timing of the\n * playback. The timing of responses generated is measured against the WebAudio specific clock, improving the measurement of\n * response times. If the browser does not support the WebAudio API, then the audio file is played with HTML5 audio.\n *\n * Audio files can be automatically preloaded by jsPsych using the [`preload` plugin](preload.md). However, if you are using\n * timeline variables or another dynamic method to specify the audio stimulus, then you will need\n * to [manually preload](../overview/media-preloading.md#manual-preloading) the audio.\n *\n * The trial can end when the participant responds, or if the participant has failed to respond within a fixed length of time. You can also prevent the slider response from being made before the audio has finished playing.\n * @author Josh de Leeuw\n * @see {@link https://www.jspsych.org/latest/plugins/audio-slider-response/ audio-slider-response plugin documentation on jspsych.org}\n */\nclass AudioSliderResponsePlugin implements JsPsychPlugin<Info> {\n  static info = info;\n  private audio: AudioPlayerInterface;\n  private context: AudioContext;\n  private params: TrialType<Info>;\n  private display: HTMLElement;\n  private response: { rt: number; response: number } = { rt: null, response: null };\n  private startTime: number;\n  private half_thumb_width: number;\n  private trial_complete: (trial_data: {\n    rt: number;\n    slider_start: number;\n    response: number;\n  }) => void;\n\n  constructor(private jsPsych: JsPsych) {\n    autoBind(this);\n  }\n\n  async trial(display_element: HTMLElement, trial: TrialType<Info>, on_load: () => void) {\n    // record webaudio context start time\n    this.startTime;\n    this.params = trial;\n    this.display = display_element;\n    // for storing data related to response\n    this.response;\n    // half of the thumb width value from jspsych.css, used to adjust the label positions\n    this.half_thumb_width = 7.5;\n    // hold the .resolve() function from the Promise that ends the trial\n    this.trial_complete;\n\n    // setup stimulus\n    this.context = this.jsPsych.pluginAPI.audioContext();\n\n    // load audio file\n    this.audio = await this.jsPsych.pluginAPI.getAudioPlayer(trial.stimulus);\n\n    this.setupTrial();\n\n    on_load();\n\n    return new Promise((resolve) => {\n      this.trial_complete = resolve;\n    });\n  }\n\n  // to enable slider after audio ends\n  private enable_slider() {\n    document.querySelector<HTMLInputElement>(\"#jspsych-audio-slider-response-response\").disabled =\n      false;\n    if (!this.params.require_movement) {\n      document.querySelector<HTMLButtonElement>(\"#jspsych-audio-slider-response-next\").disabled =\n        false;\n    }\n  }\n\n  private setupTrial = () => {\n    // set up end event if trial needs it\n    if (this.params.trial_ends_after_audio) {\n      this.audio.addEventListener(\"ended\", this.end_trial);\n    }\n\n    // enable slider after audio ends if necessary\n    if (!this.params.response_allowed_while_playing && !this.params.trial_ends_after_audio) {\n      this.audio.addEventListener(\"ended\", this.enable_slider);\n    }\n\n    var html = '<div id=\"jspsych-audio-slider-response-wrapper\" style=\"margin: 100px 0px;\">';\n    html +=\n      '<div class=\"jspsych-audio-slider-response-container\" style=\"position:relative; margin: 0 auto 3em auto; width:';\n    if (this.params.slider_width !== null) {\n      html += this.params.slider_width + \"px;\";\n    } else {\n      html += \"auto;\";\n    }\n    html += '\">';\n    html +=\n      '<input type=\"range\" class=\"jspsych-slider\" value=\"' +\n      this.params.slider_start +\n      '\" min=\"' +\n      this.params.min +\n      '\" max=\"' +\n      this.params.max +\n      '\" step=\"' +\n      this.params.step +\n      '\" id=\"jspsych-audio-slider-response-response\"';\n    if (!this.params.response_allowed_while_playing) {\n      html += \" disabled\";\n    }\n    html += \"></input><div>\";\n    for (var j = 0; j < this.params.labels.length; j++) {\n      var label_width_perc = 100 / (this.params.labels.length - 1);\n      var percent_of_range = j * (100 / (this.params.labels.length - 1));\n      var percent_dist_from_center = ((percent_of_range - 50) / 50) * 100;\n      var offset = (percent_dist_from_center * this.half_thumb_width) / 100;\n      html +=\n        '<div style=\"border: 1px solid transparent; display: inline-block; position: absolute; ' +\n        \"left:calc(\" +\n        percent_of_range +\n        \"% - (\" +\n        label_width_perc +\n        \"% / 2) - \" +\n        offset +\n        \"px); text-align: center; width: \" +\n        label_width_perc +\n        '%;\">';\n      html +=\n        '<span style=\"text-align: center; font-size: 80%;\">' + this.params.labels[j] + \"</span>\";\n      html += \"</div>\";\n    }\n    html += \"</div>\";\n    html += \"</div>\";\n    html += \"</div>\";\n\n    if (this.params.prompt !== null) {\n      html += this.params.prompt;\n    }\n\n    // add submit button\n    var next_disabled_attribute = \"\";\n    if (this.params.require_movement || !this.params.response_allowed_while_playing) {\n      next_disabled_attribute = \"disabled\";\n    }\n    html +=\n      '<button id=\"jspsych-audio-slider-response-next\" class=\"jspsych-btn\" ' +\n      next_disabled_attribute +\n      \">\" +\n      this.params.button_label +\n      \"</button>\";\n\n    this.display.innerHTML = html;\n\n    this.response = {\n      rt: null,\n      response: null,\n    };\n\n    if (!this.params.response_allowed_while_playing) {\n      this.display.querySelector<HTMLInputElement>(\n        \"#jspsych-audio-slider-response-response\"\n      ).disabled = true;\n      this.display.querySelector<HTMLInputElement>(\"#jspsych-audio-slider-response-next\").disabled =\n        true;\n    }\n\n    if (this.params.require_movement) {\n      const enable_button = () => {\n        this.display.querySelector<HTMLInputElement>(\n          \"#jspsych-audio-slider-response-next\"\n        ).disabled = false;\n      };\n\n      this.display\n        .querySelector(\"#jspsych-audio-slider-response-response\")\n        .addEventListener(\"mousedown\", enable_button);\n\n      this.display\n        .querySelector(\"#jspsych-audio-slider-response-response\")\n        .addEventListener(\"touchstart\", enable_button);\n\n      this.display\n        .querySelector(\"#jspsych-audio-slider-response-response\")\n        .addEventListener(\"change\", enable_button);\n    }\n\n    this.display\n      .querySelector(\"#jspsych-audio-slider-response-next\")\n      .addEventListener(\"click\", () => {\n        // measure response time\n        var endTime = performance.now();\n        var rt = Math.round(endTime - this.startTime);\n        if (this.context !== null) {\n          endTime = this.context.currentTime;\n          rt = Math.round((endTime - this.startTime) * 1000);\n        }\n        this.response.rt = rt;\n        this.response.response = this.display.querySelector<HTMLInputElement>(\n          \"#jspsych-audio-slider-response-response\"\n        ).valueAsNumber;\n\n        if (this.params.response_ends_trial) {\n          this.end_trial();\n        } else {\n          this.display.querySelector<HTMLInputElement>(\n            \"#jspsych-audio-slider-response-next\"\n          ).disabled = true;\n        }\n      });\n\n    this.startTime = performance.now();\n\n    // start audio\n    this.audio.play();\n\n    // end trial if trial_duration is set\n    if (this.params.trial_duration !== null) {\n      this.jsPsych.pluginAPI.setTimeout(() => {\n        this.end_trial();\n      }, this.params.trial_duration);\n    }\n  };\n\n  private end_trial = () => {\n    // kill any remaining setTimeout handlers\n    this.jsPsych.pluginAPI.clearAllTimeouts();\n\n    // stop the audio file if it is playing\n    this.audio.stop();\n\n    // remove end event listeners if they exist\n    this.audio.removeEventListener(\"ended\", this.end_trial);\n    this.audio.removeEventListener(\"ended\", this.enable_slider);\n\n    // save data\n    var trialdata = {\n      rt: this.response.rt,\n      stimulus: this.params.stimulus,\n      slider_start: this.params.slider_start,\n      response: this.response.response,\n    };\n\n    this.display.innerHTML = \"\";\n\n    // next trial\n    this.trial_complete(trialdata);\n  };\n\n  simulate(\n    trial: TrialType<Info>,\n    simulation_mode,\n    simulation_options: any,\n    load_callback: () => void\n  ) {\n    if (simulation_mode == \"data-only\") {\n      load_callback();\n      this.simulate_data_only(trial, simulation_options);\n    }\n    if (simulation_mode == \"visual\") {\n      this.simulate_visual(trial, simulation_options, load_callback);\n    }\n  }\n\n  private create_simulation_data(trial: TrialType<Info>, simulation_options) {\n    const default_data = {\n      stimulus: trial.stimulus,\n      slider_start: trial.slider_start,\n      response: this.jsPsych.randomization.randomInt(trial.min, trial.max),\n      rt: this.jsPsych.randomization.sampleExGaussian(500, 50, 1 / 150, true),\n    };\n\n    const data = this.jsPsych.pluginAPI.mergeSimulationData(default_data, simulation_options);\n\n    this.jsPsych.pluginAPI.ensureSimulationDataConsistency(trial, data);\n\n    return data;\n  }\n\n  private simulate_data_only(trial: TrialType<Info>, simulation_options) {\n    const data = this.create_simulation_data(trial, simulation_options);\n\n    this.jsPsych.finishTrial(data);\n  }\n\n  private simulate_visual(trial: TrialType<Info>, simulation_options, load_callback: () => void) {\n    const data = this.create_simulation_data(trial, simulation_options);\n\n    const display_element = this.jsPsych.getDisplayElement();\n\n    const respond = () => {\n      if (data.rt !== null) {\n        const el = display_element.querySelector<HTMLInputElement>(\"input[type='range']\");\n\n        setTimeout(() => {\n          this.jsPsych.pluginAPI.clickTarget(el);\n          el.valueAsNumber = data.response;\n        }, data.rt / 2);\n\n        this.jsPsych.pluginAPI.clickTarget(display_element.querySelector(\"button\"), data.rt);\n      }\n    };\n\n    this.trial(display_element, trial, () => {\n      load_callback();\n\n      if (!trial.response_allowed_while_playing) {\n        this.audio.addEventListener(\"ended\", respond);\n      } else {\n        respond();\n      }\n    });\n  }\n}\n\nexport default AudioSliderResponsePlugin;\n"],"names":["version","ParameterType","autoBind"],"mappings":";;;;;;;CAEA;CACA,MAAM,gBAAgB,GAAG,MAAM,IAAI;CACnC,CAAC,MAAM,UAAU,GAAG,IAAI,GAAG,EAAE,CAAC;AAC9B;CACA,CAAC,GAAG;CACJ,EAAE,KAAK,MAAM,GAAG,IAAI,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;CAC7C,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;CACjC,GAAG;CACH,EAAE,QAAQ,CAAC,MAAM,GAAG,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,MAAM,KAAK,MAAM,CAAC,SAAS,EAAE;AACpF;CACA,CAAC,OAAO,UAAU,CAAC;CACnB,CAAC,CAAC;AACF;KACA,QAAc,GAAG,CAAC,IAAI,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,EAAE,KAAK;CACpD,CAAC,MAAM,MAAM,GAAG,GAAG,IAAI;CACvB,EAAE,MAAM,KAAK,GAAG,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,GAAG,GAAG,KAAK,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC7F;CACA,EAAE,IAAI,OAAO,EAAE;CACf,GAAG,OAAO,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;CAC9B,GAAG;AACH;CACA,EAAE,IAAI,OAAO,EAAE;CACf,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;CAC/B,GAAG;AACH;CACA,EAAE,OAAO,IAAI,CAAC;CACd,EAAE,CAAC;AACH;CACA,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE;CAC3E,EAAE,IAAI,GAAG,KAAK,aAAa,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE;CAC7C,GAAG,SAAS;CACZ,GAAG;AACH;CACA,EAAE,MAAM,UAAU,GAAG,OAAO,CAAC,wBAAwB,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACnE,EAAE,IAAI,UAAU,IAAI,OAAO,UAAU,CAAC,KAAK,KAAK,UAAU,EAAE;CAC5D,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;CACpC,GAAG;CACH,EAAE;AACF;CACA,CAAC,OAAO,IAAI,CAAC;CACb,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CCpCD,MAAM,IAAc,GAAA;CAAA,EAClB,IAAM,EAAA,uBAAA;CAAA,WACNA,gBAAA;CAAA,EACA,UAAY,EAAA;CAAA,IAEV,QAAU,EAAA;CAAA,MACR,MAAMC,qBAAc,CAAA,KAAA;CAAA,MACpB,OAAS,EAAA,KAAA,CAAA;CAAA,KACX;CAAA,IAEA,GAAK,EAAA;CAAA,MACH,MAAMA,qBAAc,CAAA,GAAA;CAAA,MACpB,OAAS,EAAA,CAAA;CAAA,KACX;CAAA,IAEA,GAAK,EAAA;CAAA,MACH,MAAMA,qBAAc,CAAA,GAAA;CAAA,MACpB,OAAS,EAAA,GAAA;CAAA,KACX;CAAA,IAEA,YAAc,EAAA;CAAA,MACZ,MAAMA,qBAAc,CAAA,GAAA;CAAA,MACpB,OAAS,EAAA,EAAA;CAAA,KACX;CAAA,IAEA,IAAM,EAAA;CAAA,MACJ,MAAMA,qBAAc,CAAA,GAAA;CAAA,MACpB,OAAS,EAAA,CAAA;CAAA,KACX;CAAA,IAKA,MAAQ,EAAA;CAAA,MACN,MAAMA,qBAAc,CAAA,WAAA;CAAA,MACpB,SAAS,EAAC;CAAA,MACV,KAAO,EAAA,IAAA;CAAA,KACT;CAAA,IAEA,YAAc,EAAA;CAAA,MACZ,MAAMA,qBAAc,CAAA,GAAA;CAAA,MACpB,OAAS,EAAA,IAAA;CAAA,KACX;CAAA,IAEA,YAAc,EAAA;CAAA,MACZ,MAAMA,qBAAc,CAAA,MAAA;CAAA,MACpB,OAAS,EAAA,UAAA;CAAA,MACT,KAAO,EAAA,KAAA;CAAA,KACT;CAAA,IAEA,gBAAkB,EAAA;CAAA,MAChB,MAAMA,qBAAc,CAAA,IAAA;CAAA,MACpB,OAAS,EAAA,KAAA;CAAA,KACX;CAAA,IAIA,MAAQ,EAAA;CAAA,MACN,MAAMA,qBAAc,CAAA,WAAA;CAAA,MACpB,OAAS,EAAA,IAAA;CAAA,KACX;CAAA,IAMA,cAAgB,EAAA;CAAA,MACd,MAAMA,qBAAc,CAAA,GAAA;CAAA,MACpB,OAAS,EAAA,IAAA;CAAA,KACX;CAAA,IAMA,mBAAqB,EAAA;CAAA,MACnB,MAAMA,qBAAc,CAAA,IAAA;CAAA,MACpB,OAAS,EAAA,IAAA;CAAA,KACX;CAAA,IAEA,sBAAwB,EAAA;CAAA,MACtB,MAAMA,qBAAc,CAAA,IAAA;CAAA,MACpB,OAAS,EAAA,KAAA;CAAA,KACX;CAAA,IAKA,8BAAgC,EAAA;CAAA,MAC9B,MAAMA,qBAAc,CAAA,IAAA;CAAA,MACpB,OAAS,EAAA,IAAA;CAAA,KACX;CAAA,GACF;CAAA,EACA,IAAM,EAAA;CAAA,IAEJ,QAAU,EAAA;CAAA,MACR,MAAMA,qBAAc,CAAA,GAAA;CAAA,KACtB;CAAA,IAIA,EAAI,EAAA;CAAA,MACF,MAAMA,qBAAc,CAAA,GAAA;CAAA,KACtB;CAAA,IAEA,QAAU,EAAA;CAAA,MACR,MAAMA,qBAAc,CAAA,MAAA;CAAA,KACtB;CAAA,IAEA,YAAc,EAAA;CAAA,MACZ,MAAMA,qBAAc,CAAA,GAAA;CAAA,KACtB;CAAA,GACF;CACF,CAAA,CAAA;CAmBA,MAAM,yBAAyD,CAAA;CAAA,EAe7D,YAAoB,OAAkB,EAAA;CAAlB,IAAA,IAAA,CAAA,OAAA,GAAA,OAAA,CAAA;CAClB,IAAAC,UAAA,CAAS,IAAI,CAAA,CAAA;CAAA,GACf;CAAA,EAhBA,OAAO,IAAO,GAAA,IAAA,CAAA;CAAA,EACN,KAAA,CAAA;CAAA,EACA,OAAA,CAAA;CAAA,EACA,MAAA,CAAA;CAAA,EACA,OAAA,CAAA;CAAA,EACA,QAA6C,GAAA,EAAE,EAAI,EAAA,IAAA,EAAM,UAAU,IAAK,EAAA,CAAA;CAAA,EACxE,SAAA,CAAA;CAAA,EACA,gBAAA,CAAA;CAAA,EACA,cAAA,CAAA;CAAA,EAUR,MAAM,KAAA,CAAM,eAA8B,EAAA,KAAA,EAAwB,OAAqB,EAAA;CAErF,IAAK,IAAA,CAAA,SAAA,CAAA;CACL,IAAA,IAAA,CAAK,MAAS,GAAA,KAAA,CAAA;CACd,IAAA,IAAA,CAAK,OAAU,GAAA,eAAA,CAAA;CAEf,IAAK,IAAA,CAAA,QAAA,CAAA;CAEL,IAAA,IAAA,CAAK,gBAAmB,GAAA,GAAA,CAAA;CAExB,IAAK,IAAA,CAAA,cAAA,CAAA;CAGL,IAAA,IAAA,CAAK,OAAU,GAAA,IAAA,CAAK,OAAQ,CAAA,SAAA,CAAU,YAAa,EAAA,CAAA;CAGnD,IAAA,IAAA,CAAK,QAAQ,MAAM,IAAA,CAAK,QAAQ,SAAU,CAAA,cAAA,CAAe,MAAM,QAAQ,CAAA,CAAA;CAEvE,IAAA,IAAA,CAAK,UAAW,EAAA,CAAA;CAEhB,IAAQ,OAAA,EAAA,CAAA;CAER,IAAO,OAAA,IAAI,OAAQ,CAAA,CAAC,OAAY,KAAA;CAC9B,MAAA,IAAA,CAAK,cAAiB,GAAA,OAAA,CAAA;CAAA,KACvB,CAAA,CAAA;CAAA,GACH;CAAA,EAGQ,aAAgB,GAAA;CACtB,IAAS,QAAA,CAAA,aAAA,CAAgC,yCAAyC,CAAA,CAAE,QAClF,GAAA,KAAA,CAAA;CACF,IAAI,IAAA,CAAC,IAAK,CAAA,MAAA,CAAO,gBAAkB,EAAA;CACjC,MAAS,QAAA,CAAA,aAAA,CAAiC,qCAAqC,CAAA,CAAE,QAC/E,GAAA,KAAA,CAAA;CAAA,KACJ;CAAA,GACF;CAAA,EAEQ,aAAa,MAAM;CAEzB,IAAI,IAAA,IAAA,CAAK,OAAO,sBAAwB,EAAA;CACtC,MAAA,IAAA,CAAK,KAAM,CAAA,gBAAA,CAAiB,OAAS,EAAA,IAAA,CAAK,SAAS,CAAA,CAAA;CAAA,KACrD;CAGA,IAAA,IAAI,CAAC,IAAK,CAAA,MAAA,CAAO,kCAAkC,CAAC,IAAA,CAAK,OAAO,sBAAwB,EAAA;CACtF,MAAA,IAAA,CAAK,KAAM,CAAA,gBAAA,CAAiB,OAAS,EAAA,IAAA,CAAK,aAAa,CAAA,CAAA;CAAA,KACzD;CAEA,IAAA,IAAI,IAAO,GAAA,6EAAA,CAAA;CACX,IACE,IAAA,IAAA,gHAAA,CAAA;CACF,IAAI,IAAA,IAAA,CAAK,MAAO,CAAA,YAAA,KAAiB,IAAM,EAAA;CACrC,MAAQ,IAAA,IAAA,IAAA,CAAK,OAAO,YAAe,GAAA,KAAA,CAAA;CAAA,KAC9B,MAAA;CACL,MAAQ,IAAA,IAAA,OAAA,CAAA;CAAA,KACV;CACA,IAAQ,IAAA,IAAA,IAAA,CAAA;CACR,IAAA,IAAA,IACE,oDACA,GAAA,IAAA,CAAK,MAAO,CAAA,YAAA,GACZ,YACA,IAAK,CAAA,MAAA,CAAO,GACZ,GAAA,SAAA,GACA,KAAK,MAAO,CAAA,GAAA,GACZ,UACA,GAAA,IAAA,CAAK,OAAO,IACZ,GAAA,+CAAA,CAAA;CACF,IAAI,IAAA,CAAC,IAAK,CAAA,MAAA,CAAO,8BAAgC,EAAA;CAC/C,MAAQ,IAAA,IAAA,WAAA,CAAA;CAAA,KACV;CACA,IAAQ,IAAA,IAAA,gBAAA,CAAA;CACR,IAAA,KAAA,IAAS,IAAI,CAAG,EAAA,CAAA,GAAI,KAAK,MAAO,CAAA,MAAA,CAAO,QAAQ,CAAK,EAAA,EAAA;CAClD,MAAA,IAAI,gBAAmB,GAAA,GAAA,IAAO,IAAK,CAAA,MAAA,CAAO,OAAO,MAAS,GAAA,CAAA,CAAA,CAAA;CAC1D,MAAA,IAAI,mBAAmB,CAAK,IAAA,GAAA,IAAO,IAAK,CAAA,MAAA,CAAO,OAAO,MAAS,GAAA,CAAA,CAAA,CAAA,CAAA;CAC/D,MAAI,IAAA,wBAAA,GAAA,CAA6B,gBAAmB,GAAA,EAAA,IAAM,EAAM,GAAA,GAAA,CAAA;CAChE,MAAI,IAAA,MAAA,GAAU,wBAA2B,GAAA,IAAA,CAAK,gBAAoB,GAAA,GAAA,CAAA;CAClE,MAAA,IAAA,IACE,qGAEA,gBACA,GAAA,OAAA,GACA,mBACA,WACA,GAAA,MAAA,GACA,qCACA,gBACA,GAAA,MAAA,CAAA;CACF,MAAA,IAAA,IACE,oDAAuD,GAAA,IAAA,CAAK,MAAO,CAAA,MAAA,CAAO,CAAK,CAAA,GAAA,SAAA,CAAA;CACjF,MAAQ,IAAA,IAAA,QAAA,CAAA;CAAA,KACV;CACA,IAAQ,IAAA,IAAA,QAAA,CAAA;CACR,IAAQ,IAAA,IAAA,QAAA,CAAA;CACR,IAAQ,IAAA,IAAA,QAAA,CAAA;CAER,IAAI,IAAA,IAAA,CAAK,MAAO,CAAA,MAAA,KAAW,IAAM,EAAA;CAC/B,MAAA,IAAA,IAAQ,KAAK,MAAO,CAAA,MAAA,CAAA;CAAA,KACtB;CAGA,IAAA,IAAI,uBAA0B,GAAA,EAAA,CAAA;CAC9B,IAAA,IAAI,KAAK,MAAO,CAAA,gBAAA,IAAoB,CAAC,IAAA,CAAK,OAAO,8BAAgC,EAAA;CAC/E,MAA0B,uBAAA,GAAA,UAAA,CAAA;CAAA,KAC5B;CACA,IAAA,IAAA,IACE,sEACA,GAAA,uBAAA,GACA,GACA,GAAA,IAAA,CAAK,OAAO,YACZ,GAAA,WAAA,CAAA;CAEF,IAAA,IAAA,CAAK,QAAQ,SAAY,GAAA,IAAA,CAAA;CAEzB,IAAA,IAAA,CAAK,QAAW,GAAA;CAAA,MACd,EAAI,EAAA,IAAA;CAAA,MACJ,QAAU,EAAA,IAAA;CAAA,KACZ,CAAA;CAEA,IAAI,IAAA,CAAC,IAAK,CAAA,MAAA,CAAO,8BAAgC,EAAA;CAC/C,MAAA,IAAA,CAAK,OAAQ,CAAA,aAAA;CAAA,QACX,yCAAA;CAAA,QACA,QAAW,GAAA,IAAA,CAAA;CACb,MAAA,IAAA,CAAK,OAAQ,CAAA,aAAA,CAAgC,qCAAqC,CAAA,CAAE,QAClF,GAAA,IAAA,CAAA;CAAA,KACJ;CAEA,IAAI,IAAA,IAAA,CAAK,OAAO,gBAAkB,EAAA;CAChC,MAAA,MAAM,gBAAgB,MAAM;CAC1B,QAAA,IAAA,CAAK,OAAQ,CAAA,aAAA;CAAA,UACX,qCAAA;CAAA,UACA,QAAW,GAAA,KAAA,CAAA;CAAA,OACf,CAAA;CAEA,MAAA,IAAA,CAAK,QACF,aAAc,CAAA,yCAAyC,CACvD,CAAA,gBAAA,CAAiB,aAAa,aAAa,CAAA,CAAA;CAE9C,MAAA,IAAA,CAAK,QACF,aAAc,CAAA,yCAAyC,CACvD,CAAA,gBAAA,CAAiB,cAAc,aAAa,CAAA,CAAA;CAE/C,MAAA,IAAA,CAAK,QACF,aAAc,CAAA,yCAAyC,CACvD,CAAA,gBAAA,CAAiB,UAAU,aAAa,CAAA,CAAA;CAAA,KAC7C;CAEA,IAAA,IAAA,CAAK,QACF,aAAc,CAAA,qCAAqC,CACnD,CAAA,gBAAA,CAAiB,SAAS,MAAM;CAE/B,MAAI,IAAA,OAAA,GAAU,YAAY,GAAI,EAAA,CAAA;CAC9B,MAAA,IAAI,EAAK,GAAA,IAAA,CAAK,KAAM,CAAA,OAAA,GAAU,KAAK,SAAS,CAAA,CAAA;CAC5C,MAAI,IAAA,IAAA,CAAK,YAAY,IAAM,EAAA;CACzB,QAAA,OAAA,GAAU,KAAK,OAAQ,CAAA,WAAA,CAAA;CACvB,QAAA,EAAA,GAAK,IAAK,CAAA,KAAA,CAAA,CAAO,OAAU,GAAA,IAAA,CAAK,aAAa,GAAI,CAAA,CAAA;CAAA,OACnD;CACA,MAAA,IAAA,CAAK,SAAS,EAAK,GAAA,EAAA,CAAA;CACnB,MAAK,IAAA,CAAA,QAAA,CAAS,QAAW,GAAA,IAAA,CAAK,OAAQ,CAAA,aAAA;CAAA,QACpC,yCAAA;CAAA,OACA,CAAA,aAAA,CAAA;CAEF,MAAI,IAAA,IAAA,CAAK,OAAO,mBAAqB,EAAA;CACnC,QAAA,IAAA,CAAK,SAAU,EAAA,CAAA;CAAA,OACV,MAAA;CACL,QAAA,IAAA,CAAK,OAAQ,CAAA,aAAA;CAAA,UACX,qCAAA;CAAA,UACA,QAAW,GAAA,IAAA,CAAA;CAAA,OACf;CAAA,KACD,CAAA,CAAA;CAEH,IAAK,IAAA,CAAA,SAAA,GAAY,YAAY,GAAI,EAAA,CAAA;CAGjC,IAAA,IAAA,CAAK,MAAM,IAAK,EAAA,CAAA;CAGhB,IAAI,IAAA,IAAA,CAAK,MAAO,CAAA,cAAA,KAAmB,IAAM,EAAA;CACvC,MAAK,IAAA,CAAA,OAAA,CAAQ,SAAU,CAAA,UAAA,CAAW,MAAM;CACtC,QAAA,IAAA,CAAK,SAAU,EAAA,CAAA;CAAA,OACjB,EAAG,IAAK,CAAA,MAAA,CAAO,cAAc,CAAA,CAAA;CAAA,KAC/B;CAAA,GACF,CAAA;CAAA,EAEQ,YAAY,MAAM;CAExB,IAAK,IAAA,CAAA,OAAA,CAAQ,UAAU,gBAAiB,EAAA,CAAA;CAGxC,IAAA,IAAA,CAAK,MAAM,IAAK,EAAA,CAAA;CAGhB,IAAA,IAAA,CAAK,KAAM,CAAA,mBAAA,CAAoB,OAAS,EAAA,IAAA,CAAK,SAAS,CAAA,CAAA;CACtD,IAAA,IAAA,CAAK,KAAM,CAAA,mBAAA,CAAoB,OAAS,EAAA,IAAA,CAAK,aAAa,CAAA,CAAA;CAG1D,IAAA,IAAI,SAAY,GAAA;CAAA,MACd,EAAA,EAAI,KAAK,QAAS,CAAA,EAAA;CAAA,MAClB,QAAA,EAAU,KAAK,MAAO,CAAA,QAAA;CAAA,MACtB,YAAA,EAAc,KAAK,MAAO,CAAA,YAAA;CAAA,MAC1B,QAAA,EAAU,KAAK,QAAS,CAAA,QAAA;CAAA,KAC1B,CAAA;CAEA,IAAA,IAAA,CAAK,QAAQ,SAAY,GAAA,EAAA,CAAA;CAGzB,IAAA,IAAA,CAAK,eAAe,SAAS,CAAA,CAAA;CAAA,GAC/B,CAAA;CAAA,EAEA,QACE,CAAA,KAAA,EACA,eACA,EAAA,kBAAA,EACA,aACA,EAAA;CACA,IAAA,IAAI,mBAAmB,WAAa,EAAA;CAClC,MAAc,aAAA,EAAA,CAAA;CACd,MAAK,IAAA,CAAA,kBAAA,CAAmB,OAAO,kBAAkB,CAAA,CAAA;CAAA,KACnD;CACA,IAAA,IAAI,mBAAmB,QAAU,EAAA;CAC/B,MAAK,IAAA,CAAA,eAAA,CAAgB,KAAO,EAAA,kBAAA,EAAoB,aAAa,CAAA,CAAA;CAAA,KAC/D;CAAA,GACF;CAAA,EAEQ,sBAAA,CAAuB,OAAwB,kBAAoB,EAAA;CACzE,IAAA,MAAM,YAAe,GAAA;CAAA,MACnB,UAAU,KAAM,CAAA,QAAA;CAAA,MAChB,cAAc,KAAM,CAAA,YAAA;CAAA,MACpB,QAAA,EAAU,KAAK,OAAQ,CAAA,aAAA,CAAc,UAAU,KAAM,CAAA,GAAA,EAAK,MAAM,GAAG,CAAA;CAAA,MACnE,EAAA,EAAI,KAAK,OAAQ,CAAA,aAAA,CAAc,iBAAiB,GAAK,EAAA,EAAA,EAAI,CAAI,GAAA,GAAA,EAAK,IAAI,CAAA;CAAA,KACxE,CAAA;CAEA,IAAA,MAAM,OAAO,IAAK,CAAA,OAAA,CAAQ,SAAU,CAAA,mBAAA,CAAoB,cAAc,kBAAkB,CAAA,CAAA;CAExF,IAAA,IAAA,CAAK,OAAQ,CAAA,SAAA,CAAU,+BAAgC,CAAA,KAAA,EAAO,IAAI,CAAA,CAAA;CAElE,IAAO,OAAA,IAAA,CAAA;CAAA,GACT;CAAA,EAEQ,kBAAA,CAAmB,OAAwB,kBAAoB,EAAA;CACrE,IAAA,MAAM,IAAO,GAAA,IAAA,CAAK,sBAAuB,CAAA,KAAA,EAAO,kBAAkB,CAAA,CAAA;CAElE,IAAK,IAAA,CAAA,OAAA,CAAQ,YAAY,IAAI,CAAA,CAAA;CAAA,GAC/B;CAAA,EAEQ,eAAA,CAAgB,KAAwB,EAAA,kBAAA,EAAoB,aAA2B,EAAA;CAC7F,IAAA,MAAM,IAAO,GAAA,IAAA,CAAK,sBAAuB,CAAA,KAAA,EAAO,kBAAkB,CAAA,CAAA;CAElE,IAAM,MAAA,eAAA,GAAkB,IAAK,CAAA,OAAA,CAAQ,iBAAkB,EAAA,CAAA;CAEvD,IAAA,MAAM,UAAU,MAAM;CACpB,MAAI,IAAA,IAAA,CAAK,OAAO,IAAM,EAAA;CACpB,QAAM,MAAA,EAAA,GAAK,eAAgB,CAAA,aAAA,CAAgC,qBAAqB,CAAA,CAAA;CAEhF,QAAA,UAAA,CAAW,MAAM;CACf,UAAK,IAAA,CAAA,OAAA,CAAQ,SAAU,CAAA,WAAA,CAAY,EAAE,CAAA,CAAA;CACrC,UAAA,EAAA,CAAG,gBAAgB,IAAK,CAAA,QAAA,CAAA;CAAA,SAC1B,EAAG,IAAK,CAAA,EAAA,GAAK,CAAC,CAAA,CAAA;CAEd,QAAK,IAAA,CAAA,OAAA,CAAQ,UAAU,WAAY,CAAA,eAAA,CAAgB,cAAc,QAAQ,CAAA,EAAG,KAAK,EAAE,CAAA,CAAA;CAAA,OACrF;CAAA,KACF,CAAA;CAEA,IAAK,IAAA,CAAA,KAAA,CAAM,eAAiB,EAAA,KAAA,EAAO,MAAM;CACvC,MAAc,aAAA,EAAA,CAAA;CAEd,MAAI,IAAA,CAAC,MAAM,8BAAgC,EAAA;CACzC,QAAK,IAAA,CAAA,KAAA,CAAM,gBAAiB,CAAA,OAAA,EAAS,OAAO,CAAA,CAAA;CAAA,OACvC,MAAA;CACL,QAAQ,OAAA,EAAA,CAAA;CAAA,OACV;CAAA,KACD,CAAA,CAAA;CAAA,GACH;CACF;;;;;;;;"}

package/dist/index.browser.min.js

@@ -1,2 +1,2 @@
-var jsPsychAudioSliderResponse=function(e){"use strict";function t(e,t){for(var r=0;r<t.length;r++){var s=t[r];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(e,(a=s.key,i=void 0,"symbol"==typeof(i=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var s=r.call(e,t||"default");if("object"!=typeof s)return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(a,"string"))?i:String(i)),s)}var a,i}var r={name:"audio-slider-response",parameters:{stimulus:{type:e.ParameterType.AUDIO,pretty_name:"Stimulus",default:void 0},min:{type:e.ParameterType.INT,pretty_name:"Min slider",default:0},max:{type:e.ParameterType.INT,pretty_name:"Max slider",default:100},slider_start:{type:e.ParameterType.INT,pretty_name:"Slider starting value",default:50},step:{type:e.ParameterType.INT,pretty_name:"Step",default:1},labels:{type:e.ParameterType.HTML_STRING,pretty_name:"Labels",default:[],array:!0},slider_width:{type:e.ParameterType.INT,pretty_name:"Slider width",default:null},button_label:{type:e.ParameterType.STRING,pretty_name:"Button label",default:"Continue",array:!1},require_movement:{type:e.ParameterType.BOOL,pretty_name:"Require movement",default:!1},prompt:{type:e.ParameterType.HTML_STRING,pretty_name:"Prompt",default:null},trial_duration:{type:e.ParameterType.INT,pretty_name:"Trial duration",default:null},response_ends_trial:{type:e.ParameterType.BOOL,pretty_name:"Response ends trial",default:!0},trial_ends_after_audio:{type:e.ParameterType.BOOL,pretty_name:"Trial ends after audio",default:!1},response_allowed_while_playing:{type:e.ParameterType.BOOL,pretty_name:"Response allowed while playing",default:!0}}},s=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.jsPsych=t}var r,s,a;return r=e,(s=[{key:"trial",value:function(e,t,r){var s,a,i,n=this,l=this.jsPsych.pluginAPI.audioContext();this.jsPsych.pluginAPI.getAudioBuffer(t.stimulus).then((function(e){null!==l?(n.audio=l.createBufferSource(),n.audio.buffer=e,n.audio.connect(l.destination)):(n.audio=e,n.audio.currentTime=0),o()})).catch((function(e){console.error('Failed to load audio file "'.concat(t.stimulus,'". Try checking the file path. We recommend using the preload plugin to load audio files.')),console.error(e)}));var o=function(){t.trial_ends_after_audio&&n.audio.addEventListener("ended",d),t.response_allowed_while_playing||t.trial_ends_after_audio||n.audio.addEventListener("ended",u);var s='<div id="jspsych-audio-slider-response-wrapper" style="margin: 100px 0px;">';s+='<div class="jspsych-audio-slider-response-container" style="position:relative; margin: 0 auto 3em auto; width:',null!==t.slider_width?s+=t.slider_width+"px;":s+="auto;",s+='">',s+='<input type="range" class="jspsych-slider" value="'+t.slider_start+'" min="'+t.min+'" max="'+t.max+'" step="'+t.step+'" id="jspsych-audio-slider-response-response"',t.response_allowed_while_playing||(s+=" disabled"),s+="></input><div>";for(var o=0;o<t.labels.length;o++){var p=100/(t.labels.length-1),y=o*(100/(t.labels.length-1));s+='<div style="border: 1px solid transparent; display: inline-block; position: absolute; left:calc('+y+"% - ("+p+"% / 2) - "+(y-50)/50*100*7.5/100+"px); text-align: center; width: "+p+'%;">',s+='<span style="text-align: center; font-size: 80%;">'+t.labels[o]+"</span>",s+="</div>"}s+="</div>",s+="</div>",s+="</div>",null!==t.prompt&&(s+=t.prompt);var c="";if(!t.require_movement&&t.response_allowed_while_playing||(c="disabled"),s+='<button id="jspsych-audio-slider-response-next" class="jspsych-btn" '+c+">"+t.button_label+"</button>",e.innerHTML=s,i={rt:null,response:null},t.response_allowed_while_playing||(e.querySelector("#jspsych-audio-slider-response-response").disabled=!0,e.querySelector("#jspsych-audio-slider-response-next").disabled=!0),t.require_movement){var m=function(){e.querySelector("#jspsych-audio-slider-response-next").disabled=!1};e.querySelector("#jspsych-audio-slider-response-response").addEventListener("mousedown",m),e.querySelector("#jspsych-audio-slider-response-response").addEventListener("touchstart",m),e.querySelector("#jspsych-audio-slider-response-response").addEventListener("change",m)}e.querySelector("#jspsych-audio-slider-response-next").addEventListener("click",(function(){var r=performance.now(),s=Math.round(r-a);null!==l&&(r=l.currentTime,s=Math.round(1e3*(r-a))),i.rt=s,i.response=e.querySelector("#jspsych-audio-slider-response-response").valueAsNumber,t.response_ends_trial?d():e.querySelector("#jspsych-audio-slider-response-next").disabled=!0})),a=performance.now(),null!==l?(a=l.currentTime,n.audio.start(a)):n.audio.play(),null!==t.trial_duration&&n.jsPsych.pluginAPI.setTimeout((function(){d()}),t.trial_duration),r()};function u(){document.querySelector("#jspsych-audio-slider-response-response").disabled=!1,t.require_movement||(document.querySelector("#jspsych-audio-slider-response-next").disabled=!1)}var d=function r(){n.jsPsych.pluginAPI.clearAllTimeouts(),null!==l?n.audio.stop():n.audio.pause(),n.audio.removeEventListener("ended",r),n.audio.removeEventListener("ended",u);var a={rt:i.rt,stimulus:t.stimulus,slider_start:t.slider_start,response:i.response};e.innerHTML="",n.jsPsych.finishTrial(a),s()};return new Promise((function(e){s=e}))}},{key:"simulate",value:function(e,t,r,s){"data-only"==t&&(s(),this.simulate_data_only(e,r)),"visual"==t&&this.simulate_visual(e,r,s)}},{key:"create_simulation_data",value:function(e,t){var r={stimulus:e.stimulus,slider_start:e.slider_start,response:this.jsPsych.randomization.randomInt(e.min,e.max),rt:this.jsPsych.randomization.sampleExGaussian(500,50,1/150,!0)},s=this.jsPsych.pluginAPI.mergeSimulationData(r,t);return this.jsPsych.pluginAPI.ensureSimulationDataConsistency(e,s),s}},{key:"simulate_data_only",value:function(e,t){var r=this.create_simulation_data(e,t);this.jsPsych.finishTrial(r)}},{key:"simulate_visual",value:function(e,t,r){var s=this,a=this.create_simulation_data(e,t),i=this.jsPsych.getDisplayElement(),n=function(){if(null!==a.rt){var e=i.querySelector("input[type='range']");setTimeout((function(){s.jsPsych.pluginAPI.clickTarget(e),e.valueAsNumber=a.response}),a.rt/2),s.jsPsych.pluginAPI.clickTarget(i.querySelector("button"),a.rt)}};this.trial(i,e,(function(){r(),e.response_allowed_while_playing?n():s.audio.addEventListener("ended",n)}))}}])&&t(r.prototype,s),a&&t(r,a),Object.defineProperty(r,"prototype",{writable:!1}),e}();return s.info=r,s}(jsPsychModule);
-//# sourceMappingURL=https://unpkg.com/@jspsych/plugin-audio-slider-response@1.1.3/dist/index.browser.min.js.map
+var jsPsychAudioSliderResponse=function(a){"use strict";function m(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}const c=i=>{const s=new Set;do for(const e of Reflect.ownKeys(i))s.add([i,e]);while((i=Reflect.getPrototypeOf(i))&&i!==Object.prototype);return s};var y=(i,{include:s,exclude:e}={})=>{const r=t=>{const n=l=>typeof l=="string"?t===l:l.test(t);return s?s.some(n):e?!e.some(n):!0};for(const[t,n]of c(i.constructor.prototype)){if(n==="constructor"||!r(n))continue;const l=Reflect.getOwnPropertyDescriptor(t,n);l&&typeof l.value=="function"&&(i[n]=i[n].bind(i))}return i},_=m(y),g={name:"@jspsych/plugin-audio-slider-response",version:"2.0.0",description:"",type:"module",main:"dist/index.cjs",exports:{import:"./dist/index.js",require:"./dist/index.cjs"},typings:"dist/index.d.ts",unpkg:"dist/index.browser.min.js",files:["src","dist"],source:"src/index.ts",scripts:{test:"jest  --passWithNoTests","test:watch":"npm test -- --watch",tsc:"tsc",build:"rollup --config","build:watch":"npm run build -- --watch"},repository:{type:"git",url:"git+https://github.com/jspsych/jsPsych.git",directory:"packages/plugin-audio-slider-response"},author:"Josh de Leeuw",license:"MIT",bugs:{url:"https://github.com/jspsych/jsPsych/issues"},homepage:"https://www.jspsych.org/latest/plugins/audio-slider-response",peerDependencies:{jspsych:">=7.1.0"},devDependencies:{"@jspsych/config":"^3.0.0","@jspsych/test-utils":"^1.2.0"}},v=(i,s,e)=>new Promise((r,t)=>{var n=p=>{try{d(e.next(p))}catch(o){t(o)}},l=p=>{try{d(e.throw(p))}catch(o){t(o)}},d=p=>p.done?r(p.value):Promise.resolve(p.value).then(n,l);d((e=e.apply(i,s)).next())});const P={name:"audio-slider-response",version:g.version,parameters:{stimulus:{type:a.ParameterType.AUDIO,default:void 0},min:{type:a.ParameterType.INT,default:0},max:{type:a.ParameterType.INT,default:100},slider_start:{type:a.ParameterType.INT,default:50},step:{type:a.ParameterType.INT,default:1},labels:{type:a.ParameterType.HTML_STRING,default:[],array:!0},slider_width:{type:a.ParameterType.INT,default:null},button_label:{type:a.ParameterType.STRING,default:"Continue",array:!1},require_movement:{type:a.ParameterType.BOOL,default:!1},prompt:{type:a.ParameterType.HTML_STRING,default:null},trial_duration:{type:a.ParameterType.INT,default:null},response_ends_trial:{type:a.ParameterType.BOOL,default:!0},trial_ends_after_audio:{type:a.ParameterType.BOOL,default:!1},response_allowed_while_playing:{type:a.ParameterType.BOOL,default:!0}},data:{response:{type:a.ParameterType.INT},rt:{type:a.ParameterType.INT},stimulus:{type:a.ParameterType.STRING},slider_start:{type:a.ParameterType.INT}}};class u{constructor(s){this.jsPsych=s,this.response={rt:null,response:null},this.setupTrial=()=>{this.params.trial_ends_after_audio&&this.audio.addEventListener("ended",this.end_trial),!this.params.response_allowed_while_playing&&!this.params.trial_ends_after_audio&&this.audio.addEventListener("ended",this.enable_slider);var e='<div id="jspsych-audio-slider-response-wrapper" style="margin: 100px 0px;">';e+='<div class="jspsych-audio-slider-response-container" style="position:relative; margin: 0 auto 3em auto; width:',this.params.slider_width!==null?e+=this.params.slider_width+"px;":e+="auto;",e+='">',e+='<input type="range" class="jspsych-slider" value="'+this.params.slider_start+'" min="'+this.params.min+'" max="'+this.params.max+'" step="'+this.params.step+'" id="jspsych-audio-slider-response-response"',this.params.response_allowed_while_playing||(e+=" disabled"),e+="></input><div>";for(var r=0;r<this.params.labels.length;r++){var t=100/(this.params.labels.length-1),n=r*(100/(this.params.labels.length-1)),l=(n-50)/50*100,d=l*this.half_thumb_width/100;e+='<div style="border: 1px solid transparent; display: inline-block; position: absolute; left:calc('+n+"% - ("+t+"% / 2) - "+d+"px); text-align: center; width: "+t+'%;">',e+='<span style="text-align: center; font-size: 80%;">'+this.params.labels[r]+"</span>",e+="</div>"}e+="</div>",e+="</div>",e+="</div>",this.params.prompt!==null&&(e+=this.params.prompt);var p="";if((this.params.require_movement||!this.params.response_allowed_while_playing)&&(p="disabled"),e+='<button id="jspsych-audio-slider-response-next" class="jspsych-btn" '+p+">"+this.params.button_label+"</button>",this.display.innerHTML=e,this.response={rt:null,response:null},this.params.response_allowed_while_playing||(this.display.querySelector("#jspsych-audio-slider-response-response").disabled=!0,this.display.querySelector("#jspsych-audio-slider-response-next").disabled=!0),this.params.require_movement){const o=()=>{this.display.querySelector("#jspsych-audio-slider-response-next").disabled=!1};this.display.querySelector("#jspsych-audio-slider-response-response").addEventListener("mousedown",o),this.display.querySelector("#jspsych-audio-slider-response-response").addEventListener("touchstart",o),this.display.querySelector("#jspsych-audio-slider-response-response").addEventListener("change",o)}this.display.querySelector("#jspsych-audio-slider-response-next").addEventListener("click",()=>{var o=performance.now(),h=Math.round(o-this.startTime);this.context!==null&&(o=this.context.currentTime,h=Math.round((o-this.startTime)*1e3)),this.response.rt=h,this.response.response=this.display.querySelector("#jspsych-audio-slider-response-response").valueAsNumber,this.params.response_ends_trial?this.end_trial():this.display.querySelector("#jspsych-audio-slider-response-next").disabled=!0}),this.startTime=performance.now(),this.audio.play(),this.params.trial_duration!==null&&this.jsPsych.pluginAPI.setTimeout(()=>{this.end_trial()},this.params.trial_duration)},this.end_trial=()=>{this.jsPsych.pluginAPI.clearAllTimeouts(),this.audio.stop(),this.audio.removeEventListener("ended",this.end_trial),this.audio.removeEventListener("ended",this.enable_slider);var e={rt:this.response.rt,stimulus:this.params.stimulus,slider_start:this.params.slider_start,response:this.response.response};this.display.innerHTML="",this.trial_complete(e)},_(this)}trial(s,e,r){return v(this,null,function*(){return this.startTime,this.params=e,this.display=s,this.response,this.half_thumb_width=7.5,this.trial_complete,this.context=this.jsPsych.pluginAPI.audioContext(),this.audio=yield this.jsPsych.pluginAPI.getAudioPlayer(e.stimulus),this.setupTrial(),r(),new Promise(t=>{this.trial_complete=t})})}enable_slider(){document.querySelector("#jspsych-audio-slider-response-response").disabled=!1,this.params.require_movement||(document.querySelector("#jspsych-audio-slider-response-next").disabled=!1)}simulate(s,e,r,t){e=="data-only"&&(t(),this.simulate_data_only(s,r)),e=="visual"&&this.simulate_visual(s,r,t)}create_simulation_data(s,e){const r={stimulus:s.stimulus,slider_start:s.slider_start,response:this.jsPsych.randomization.randomInt(s.min,s.max),rt:this.jsPsych.randomization.sampleExGaussian(500,50,.006666666666666667,!0)},t=this.jsPsych.pluginAPI.mergeSimulationData(r,e);return this.jsPsych.pluginAPI.ensureSimulationDataConsistency(s,t),t}simulate_data_only(s,e){const r=this.create_simulation_data(s,e);this.jsPsych.finishTrial(r)}simulate_visual(s,e,r){const t=this.create_simulation_data(s,e),n=this.jsPsych.getDisplayElement(),l=()=>{if(t.rt!==null){const d=n.querySelector("input[type='range']");setTimeout(()=>{this.jsPsych.pluginAPI.clickTarget(d),d.valueAsNumber=t.response},t.rt/2),this.jsPsych.pluginAPI.clickTarget(n.querySelector("button"),t.rt)}};this.trial(n,s,()=>{r(),s.response_allowed_while_playing?l():this.audio.addEventListener("ended",l)})}}return u.info=P,u}(jsPsychModule);
+//# sourceMappingURL=https://unpkg.com/@jspsych/plugin-audio-slider-response@2.0.0/dist/index.browser.min.js.map

package/dist/index.browser.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.browser.min.js","sources":["../src/index.ts"],"sourcesContent":["import { JsPsych, JsPsychPlugin, ParameterType, TrialType } from \"jspsych\";\n\nconst info = <const>{\n  name: \"audio-slider-response\",\n  parameters: {\n    /** The audio file to be played. */\n    stimulus: {\n      type: ParameterType.AUDIO,\n      pretty_name: \"Stimulus\",\n      default: undefined,\n    },\n    /** Sets the minimum value of the slider. */\n    min: {\n      type: ParameterType.INT,\n      pretty_name: \"Min slider\",\n      default: 0,\n    },\n    /** Sets the maximum value of the slider */\n    max: {\n      type: ParameterType.INT,\n      pretty_name: \"Max slider\",\n      default: 100,\n    },\n    /** Sets the starting value of the slider */\n    slider_start: {\n      type: ParameterType.INT,\n      pretty_name: \"Slider starting value\",\n      default: 50,\n    },\n    /** Sets the step of the slider */\n    step: {\n      type: ParameterType.INT,\n      pretty_name: \"Step\",\n      default: 1,\n    },\n    /** Array containing the labels for the slider. Labels will be displayed at equidistant locations along the slider. */\n    labels: {\n      type: ParameterType.HTML_STRING,\n      pretty_name: \"Labels\",\n      default: [],\n      array: true,\n    },\n    /** Width of the slider in pixels. */\n    slider_width: {\n      type: ParameterType.INT,\n      pretty_name: \"Slider width\",\n      default: null,\n    },\n    /** Label of the button to advance. */\n    button_label: {\n      type: ParameterType.STRING,\n      pretty_name: \"Button label\",\n      default: \"Continue\",\n      array: false,\n    },\n    /** If true, the participant will have to move the slider before continuing. */\n    require_movement: {\n      type: ParameterType.BOOL,\n      pretty_name: \"Require movement\",\n      default: false,\n    },\n    /** Any content here will be displayed below the slider. */\n    prompt: {\n      type: ParameterType.HTML_STRING,\n      pretty_name: \"Prompt\",\n      default: null,\n    },\n    /** How long to show the trial. */\n    trial_duration: {\n      type: ParameterType.INT,\n      pretty_name: \"Trial duration\",\n      default: null,\n    },\n    /** If true, trial will end when user makes a response. */\n    response_ends_trial: {\n      type: ParameterType.BOOL,\n      pretty_name: \"Response ends trial\",\n      default: true,\n    },\n    /** If true, then the trial will end as soon as the audio file finishes playing. */\n    trial_ends_after_audio: {\n      type: ParameterType.BOOL,\n      pretty_name: \"Trial ends after audio\",\n      default: false,\n    },\n    /** If true, then responses are allowed while the audio is playing. If false, then the audio must finish playing before a response is accepted. */\n    response_allowed_while_playing: {\n      type: ParameterType.BOOL,\n      pretty_name: \"Response allowed while playing\",\n      default: true,\n    },\n  },\n};\n\ntype Info = typeof info;\n\n/**\n * **audio-slider-response**\n *\n * jsPsych plugin for playing audio and getting a slider response\n *\n * @author Josh de Leeuw\n * @see {@link https://www.jspsych.org/plugins/jspsych-audio-slider-response/ audio-slider-response plugin documentation on jspsych.org}\n */\nclass AudioSliderResponsePlugin implements JsPsychPlugin<Info> {\n  static info = info;\n  private audio;\n\n  constructor(private jsPsych: JsPsych) {}\n\n  trial(display_element: HTMLElement, trial: TrialType<Info>, on_load: () => void) {\n    // hold the .resolve() function from the Promise that ends the trial\n    let trial_complete;\n\n    // half of the thumb width value from jspsych.css, used to adjust the label positions\n    var half_thumb_width = 7.5;\n\n    // setup stimulus\n    var context = this.jsPsych.pluginAPI.audioContext();\n\n    // record webaudio context start time\n    var startTime;\n\n    // for storing data related to response\n    var response;\n\n    // load audio file\n    this.jsPsych.pluginAPI\n      .getAudioBuffer(trial.stimulus)\n      .then((buffer) => {\n        if (context !== null) {\n          this.audio = context.createBufferSource();\n          this.audio.buffer = buffer;\n          this.audio.connect(context.destination);\n        } else {\n          this.audio = buffer;\n          this.audio.currentTime = 0;\n        }\n        setupTrial();\n      })\n      .catch((err) => {\n        console.error(\n          `Failed to load audio file \"${trial.stimulus}\". Try checking the file path. We recommend using the preload plugin to load audio files.`\n        );\n        console.error(err);\n      });\n\n    const setupTrial = () => {\n      // set up end event if trial needs it\n      if (trial.trial_ends_after_audio) {\n        this.audio.addEventListener(\"ended\", end_trial);\n      }\n\n      // enable slider after audio ends if necessary\n      if (!trial.response_allowed_while_playing && !trial.trial_ends_after_audio) {\n        this.audio.addEventListener(\"ended\", enable_slider);\n      }\n\n      var html = '<div id=\"jspsych-audio-slider-response-wrapper\" style=\"margin: 100px 0px;\">';\n      html +=\n        '<div class=\"jspsych-audio-slider-response-container\" style=\"position:relative; margin: 0 auto 3em auto; width:';\n      if (trial.slider_width !== null) {\n        html += trial.slider_width + \"px;\";\n      } else {\n        html += \"auto;\";\n      }\n      html += '\">';\n      html +=\n        '<input type=\"range\" class=\"jspsych-slider\" value=\"' +\n        trial.slider_start +\n        '\" min=\"' +\n        trial.min +\n        '\" max=\"' +\n        trial.max +\n        '\" step=\"' +\n        trial.step +\n        '\" id=\"jspsych-audio-slider-response-response\"';\n      if (!trial.response_allowed_while_playing) {\n        html += \" disabled\";\n      }\n      html += \"></input><div>\";\n      for (var j = 0; j < trial.labels.length; j++) {\n        var label_width_perc = 100 / (trial.labels.length - 1);\n        var percent_of_range = j * (100 / (trial.labels.length - 1));\n        var percent_dist_from_center = ((percent_of_range - 50) / 50) * 100;\n        var offset = (percent_dist_from_center * half_thumb_width) / 100;\n        html +=\n          '<div style=\"border: 1px solid transparent; display: inline-block; position: absolute; ' +\n          \"left:calc(\" +\n          percent_of_range +\n          \"% - (\" +\n          label_width_perc +\n          \"% / 2) - \" +\n          offset +\n          \"px); text-align: center; width: \" +\n          label_width_perc +\n          '%;\">';\n        html += '<span style=\"text-align: center; font-size: 80%;\">' + trial.labels[j] + \"</span>\";\n        html += \"</div>\";\n      }\n      html += \"</div>\";\n      html += \"</div>\";\n      html += \"</div>\";\n\n      if (trial.prompt !== null) {\n        html += trial.prompt;\n      }\n\n      // add submit button\n      var next_disabled_attribute = \"\";\n      if (trial.require_movement || !trial.response_allowed_while_playing) {\n        next_disabled_attribute = \"disabled\";\n      }\n      html +=\n        '<button id=\"jspsych-audio-slider-response-next\" class=\"jspsych-btn\" ' +\n        next_disabled_attribute +\n        \">\" +\n        trial.button_label +\n        \"</button>\";\n\n      display_element.innerHTML = html;\n\n      response = {\n        rt: null,\n        response: null,\n      };\n\n      if (!trial.response_allowed_while_playing) {\n        display_element.querySelector<HTMLInputElement>(\n          \"#jspsych-audio-slider-response-response\"\n        ).disabled = true;\n        display_element.querySelector<HTMLInputElement>(\n          \"#jspsych-audio-slider-response-next\"\n        ).disabled = true;\n      }\n\n      if (trial.require_movement) {\n        const enable_button = () => {\n          display_element.querySelector<HTMLInputElement>(\n            \"#jspsych-audio-slider-response-next\"\n          ).disabled = false;\n        };\n\n        display_element\n          .querySelector(\"#jspsych-audio-slider-response-response\")\n          .addEventListener(\"mousedown\", enable_button);\n\n        display_element\n          .querySelector(\"#jspsych-audio-slider-response-response\")\n          .addEventListener(\"touchstart\", enable_button);\n\n        display_element\n          .querySelector(\"#jspsych-audio-slider-response-response\")\n          .addEventListener(\"change\", enable_button);\n      }\n\n      display_element\n        .querySelector(\"#jspsych-audio-slider-response-next\")\n        .addEventListener(\"click\", () => {\n          // measure response time\n          var endTime = performance.now();\n          var rt = Math.round(endTime - startTime);\n          if (context !== null) {\n            endTime = context.currentTime;\n            rt = Math.round((endTime - startTime) * 1000);\n          }\n          response.rt = rt;\n          response.response = display_element.querySelector<HTMLInputElement>(\n            \"#jspsych-audio-slider-response-response\"\n          ).valueAsNumber;\n\n          if (trial.response_ends_trial) {\n            end_trial();\n          } else {\n            display_element.querySelector<HTMLInputElement>(\n              \"#jspsych-audio-slider-response-next\"\n            ).disabled = true;\n          }\n        });\n\n      startTime = performance.now();\n      // start audio\n      if (context !== null) {\n        startTime = context.currentTime;\n        this.audio.start(startTime);\n      } else {\n        this.audio.play();\n      }\n\n      // end trial if trial_duration is set\n      if (trial.trial_duration !== null) {\n        this.jsPsych.pluginAPI.setTimeout(() => {\n          end_trial();\n        }, trial.trial_duration);\n      }\n\n      on_load();\n    };\n\n    // function to enable slider after audio ends\n    function enable_slider() {\n      document.querySelector<HTMLInputElement>(\"#jspsych-audio-slider-response-response\").disabled =\n        false;\n      if (!trial.require_movement) {\n        document.querySelector<HTMLButtonElement>(\"#jspsych-audio-slider-response-next\").disabled =\n          false;\n      }\n    }\n\n    const end_trial = () => {\n      // kill any remaining setTimeout handlers\n      this.jsPsych.pluginAPI.clearAllTimeouts();\n\n      // stop the audio file if it is playing\n      // remove end event listeners if they exist\n      if (context !== null) {\n        this.audio.stop();\n      } else {\n        this.audio.pause();\n      }\n\n      this.audio.removeEventListener(\"ended\", end_trial);\n      this.audio.removeEventListener(\"ended\", enable_slider);\n\n      // save data\n      var trialdata = {\n        rt: response.rt,\n        stimulus: trial.stimulus,\n        slider_start: trial.slider_start,\n        response: response.response,\n      };\n\n      display_element.innerHTML = \"\";\n\n      // next trial\n      this.jsPsych.finishTrial(trialdata);\n\n      trial_complete();\n    };\n\n    return new Promise((resolve) => {\n      trial_complete = resolve;\n    });\n  }\n\n  simulate(\n    trial: TrialType<Info>,\n    simulation_mode,\n    simulation_options: any,\n    load_callback: () => void\n  ) {\n    if (simulation_mode == \"data-only\") {\n      load_callback();\n      this.simulate_data_only(trial, simulation_options);\n    }\n    if (simulation_mode == \"visual\") {\n      this.simulate_visual(trial, simulation_options, load_callback);\n    }\n  }\n\n  private create_simulation_data(trial: TrialType<Info>, simulation_options) {\n    const default_data = {\n      stimulus: trial.stimulus,\n      slider_start: trial.slider_start,\n      response: this.jsPsych.randomization.randomInt(trial.min, trial.max),\n      rt: this.jsPsych.randomization.sampleExGaussian(500, 50, 1 / 150, true),\n    };\n\n    const data = this.jsPsych.pluginAPI.mergeSimulationData(default_data, simulation_options);\n\n    this.jsPsych.pluginAPI.ensureSimulationDataConsistency(trial, data);\n\n    return data;\n  }\n\n  private simulate_data_only(trial: TrialType<Info>, simulation_options) {\n    const data = this.create_simulation_data(trial, simulation_options);\n\n    this.jsPsych.finishTrial(data);\n  }\n\n  private simulate_visual(trial: TrialType<Info>, simulation_options, load_callback: () => void) {\n    const data = this.create_simulation_data(trial, simulation_options);\n\n    const display_element = this.jsPsych.getDisplayElement();\n\n    const respond = () => {\n      if (data.rt !== null) {\n        const el = display_element.querySelector<HTMLInputElement>(\"input[type='range']\");\n\n        setTimeout(() => {\n          this.jsPsych.pluginAPI.clickTarget(el);\n          el.valueAsNumber = data.response;\n        }, data.rt / 2);\n\n        this.jsPsych.pluginAPI.clickTarget(display_element.querySelector(\"button\"), data.rt);\n      }\n    };\n\n    this.trial(display_element, trial, () => {\n      load_callback();\n\n      if (!trial.response_allowed_while_playing) {\n        this.audio.addEventListener(\"ended\", respond);\n      } else {\n        respond();\n      }\n    });\n  }\n}\n\nexport default AudioSliderResponsePlugin;\n"],"names":["info","name","parameters","stimulus","type","ParameterType","AUDIO","pretty_name","default","undefined","min","INT","max","slider_start","step","labels","HTML_STRING","array","slider_width","button_label","STRING","require_movement","BOOL","prompt","trial_duration","response_ends_trial","trial_ends_after_audio","response_allowed_while_playing","AudioSliderResponsePlugin","jsPsych","_classCallCheck","this","key","value","display_element","trial","on_load","trial_complete","startTime","response","_this","context","pluginAPI","audioContext","getAudioBuffer","then","buffer","audio","createBufferSource","connect","destination","currentTime","setupTrial","err","console","error","concat","addEventListener","end_trial","enable_slider","html","j","length","label_width_perc","percent_of_range","next_disabled_attribute","innerHTML","rt","querySelector","disabled","enable_button","endTime","performance","now","Math","round","valueAsNumber","start","play","setTimeout","document","clearAllTimeouts","stop","pause","removeEventListener","trialdata","finishTrial","Promise","resolve","simulation_mode","simulation_options","load_callback","simulate_data_only","simulate_visual","default_data","randomization","randomInt","sampleExGaussian","data","mergeSimulationData","ensureSimulationDataConsistency","create_simulation_data","_this2","getDisplayElement","respond","el","clickTarget"],"mappings":"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"}
+{"version":3,"file":"index.browser.min.js","sources":["../../../node_modules/auto-bind/index.js","../src/index.ts"],"sourcesContent":["'use strict';\n\n// Gets all non-builtin properties up the prototype chain\nconst getAllProperties = object => {\n\tconst properties = new Set();\n\n\tdo {\n\t\tfor (const key of Reflect.ownKeys(object)) {\n\t\t\tproperties.add([object, key]);\n\t\t}\n\t} while ((object = Reflect.getPrototypeOf(object)) && object !== Object.prototype);\n\n\treturn properties;\n};\n\nmodule.exports = (self, {include, exclude} = {}) => {\n\tconst filter = key => {\n\t\tconst match = pattern => typeof pattern === 'string' ? key === pattern : pattern.test(key);\n\n\t\tif (include) {\n\t\t\treturn include.some(match);\n\t\t}\n\n\t\tif (exclude) {\n\t\t\treturn !exclude.some(match);\n\t\t}\n\n\t\treturn true;\n\t};\n\n\tfor (const [object, key] of getAllProperties(self.constructor.prototype)) {\n\t\tif (key === 'constructor' || !filter(key)) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tconst descriptor = Reflect.getOwnPropertyDescriptor(object, key);\n\t\tif (descriptor && typeof descriptor.value === 'function') {\n\t\t\tself[key] = self[key].bind(self);\n\t\t}\n\t}\n\n\treturn self;\n};\n","import autoBind from \"auto-bind\";\nimport { JsPsych, JsPsychPlugin, ParameterType, TrialType } from \"jspsych\";\n\nimport { AudioPlayerInterface } from \"../../jspsych/src/modules/plugin-api/AudioPlayer\";\nimport { version } from \"../package.json\";\n\nconst info = <const>{\n  name: \"audio-slider-response\",\n  version: version,\n  parameters: {\n    /** Audio file to be played. */\n    stimulus: {\n      type: ParameterType.AUDIO,\n      default: undefined,\n    },\n    /** Sets the minimum value of the slider. */\n    min: {\n      type: ParameterType.INT,\n      default: 0,\n    },\n    /** Sets the maximum value of the slider */\n    max: {\n      type: ParameterType.INT,\n      default: 100,\n    },\n    /** Sets the starting value of the slider */\n    slider_start: {\n      type: ParameterType.INT,\n      default: 50,\n    },\n    /** Sets the step of the slider. This is the smallest amount by which the slider can change. */\n    step: {\n      type: ParameterType.INT,\n      default: 1,\n    },\n    /** Labels displayed at equidistant locations on the slider. For example, two labels will be placed at the ends of the\n     * slider. Three labels would place two at the ends and one in the middle. Four will place two at the ends, and the\n     * other two will be at 33% and 67% of the slider width.\n     */\n    labels: {\n      type: ParameterType.HTML_STRING,\n      default: [],\n      array: true,\n    },\n    /** Set the width of the slider in pixels. If left null, then the width will be equal to the widest element in the display. */\n    slider_width: {\n      type: ParameterType.INT,\n      default: null,\n    },\n    /** Label of the button to end the trial. */\n    button_label: {\n      type: ParameterType.STRING,\n      default: \"Continue\",\n      array: false,\n    },\n    /** If true, the participant must move the slider before clicking the continue button. */\n    require_movement: {\n      type: ParameterType.BOOL,\n      default: false,\n    },\n    /** This string can contain HTML markup. Any content here will be displayed below the stimulus. The intention is\n     * that it can be used to provide a reminder about the action the participant is supposed to take (e.g., which key to press).\n     */\n    prompt: {\n      type: ParameterType.HTML_STRING,\n      default: null,\n    },\n    /** How long to wait for the participant to make a response before ending the trial in milliseconds. If\n     * the participant fails to make a response before this timer is reached, the participant's response will be\n     * recorded as null for the trial and the trial will end. If the value of this parameter is null, then the trial\n     * will wait for a response indefinitely.\n     */\n    trial_duration: {\n      type: ParameterType.INT,\n      default: null,\n    },\n    /** If true, then the trial will end whenever the participant makes a response (assuming they make their response\n     * before the cutoff specified by the `trial_duration` parameter). If false, then the trial will continue until the\n     * value for `trial_duration` is reached. You can set this parameter to `false` to force the participant to listen to\n     * the stimulus for a fixed amount of time, even if they respond before the time is complete.\n     */\n    response_ends_trial: {\n      type: ParameterType.BOOL,\n      default: true,\n    },\n    /** If true, then the trial will end as soon as the audio file finishes playing. */\n    trial_ends_after_audio: {\n      type: ParameterType.BOOL,\n      default: false,\n    },\n    /** If true, then responses are allowed while the audio is playing. If false, then the audio must finish playing before\n     * the slider is enabled and the trial can end via the next button click. Once the audio has played all the way through,\n     * the slider is enabled and a response is allowed (including while the audio is being re-played via on-screen playback controls).\n     */\n    response_allowed_while_playing: {\n      type: ParameterType.BOOL,\n      default: true,\n    },\n  },\n  data: {\n    /** The numeric value of the slider. */\n    response: {\n      type: ParameterType.INT,\n    },\n    /** The time in milliseconds for the participant to make a response. The time is measured from when the stimulus first\n     * began playing until the participant's response.\n     */\n    rt: {\n      type: ParameterType.INT,\n    },\n    /** The path of the audio file that was played. */\n    stimulus: {\n      type: ParameterType.STRING,\n    },\n    /** The starting value of the slider. */\n    slider_start: {\n      type: ParameterType.INT,\n    },\n  },\n};\n\ntype Info = typeof info;\n\n/**\n * This plugin plays an audio file and allows the participant to respond by dragging a slider.\n *\n * If the browser supports it, audio files are played using the WebAudio API. This allows for reasonably precise timing of the\n * playback. The timing of responses generated is measured against the WebAudio specific clock, improving the measurement of\n * response times. If the browser does not support the WebAudio API, then the audio file is played with HTML5 audio.\n *\n * Audio files can be automatically preloaded by jsPsych using the [`preload` plugin](preload.md). However, if you are using\n * timeline variables or another dynamic method to specify the audio stimulus, then you will need\n * to [manually preload](../overview/media-preloading.md#manual-preloading) the audio.\n *\n * The trial can end when the participant responds, or if the participant has failed to respond within a fixed length of time. You can also prevent the slider response from being made before the audio has finished playing.\n * @author Josh de Leeuw\n * @see {@link https://www.jspsych.org/latest/plugins/audio-slider-response/ audio-slider-response plugin documentation on jspsych.org}\n */\nclass AudioSliderResponsePlugin implements JsPsychPlugin<Info> {\n  static info = info;\n  private audio: AudioPlayerInterface;\n  private context: AudioContext;\n  private params: TrialType<Info>;\n  private display: HTMLElement;\n  private response: { rt: number; response: number } = { rt: null, response: null };\n  private startTime: number;\n  private half_thumb_width: number;\n  private trial_complete: (trial_data: {\n    rt: number;\n    slider_start: number;\n    response: number;\n  }) => void;\n\n  constructor(private jsPsych: JsPsych) {\n    autoBind(this);\n  }\n\n  async trial(display_element: HTMLElement, trial: TrialType<Info>, on_load: () => void) {\n    // record webaudio context start time\n    this.startTime;\n    this.params = trial;\n    this.display = display_element;\n    // for storing data related to response\n    this.response;\n    // half of the thumb width value from jspsych.css, used to adjust the label positions\n    this.half_thumb_width = 7.5;\n    // hold the .resolve() function from the Promise that ends the trial\n    this.trial_complete;\n\n    // setup stimulus\n    this.context = this.jsPsych.pluginAPI.audioContext();\n\n    // load audio file\n    this.audio = await this.jsPsych.pluginAPI.getAudioPlayer(trial.stimulus);\n\n    this.setupTrial();\n\n    on_load();\n\n    return new Promise((resolve) => {\n      this.trial_complete = resolve;\n    });\n  }\n\n  // to enable slider after audio ends\n  private enable_slider() {\n    document.querySelector<HTMLInputElement>(\"#jspsych-audio-slider-response-response\").disabled =\n      false;\n    if (!this.params.require_movement) {\n      document.querySelector<HTMLButtonElement>(\"#jspsych-audio-slider-response-next\").disabled =\n        false;\n    }\n  }\n\n  private setupTrial = () => {\n    // set up end event if trial needs it\n    if (this.params.trial_ends_after_audio) {\n      this.audio.addEventListener(\"ended\", this.end_trial);\n    }\n\n    // enable slider after audio ends if necessary\n    if (!this.params.response_allowed_while_playing && !this.params.trial_ends_after_audio) {\n      this.audio.addEventListener(\"ended\", this.enable_slider);\n    }\n\n    var html = '<div id=\"jspsych-audio-slider-response-wrapper\" style=\"margin: 100px 0px;\">';\n    html +=\n      '<div class=\"jspsych-audio-slider-response-container\" style=\"position:relative; margin: 0 auto 3em auto; width:';\n    if (this.params.slider_width !== null) {\n      html += this.params.slider_width + \"px;\";\n    } else {\n      html += \"auto;\";\n    }\n    html += '\">';\n    html +=\n      '<input type=\"range\" class=\"jspsych-slider\" value=\"' +\n      this.params.slider_start +\n      '\" min=\"' +\n      this.params.min +\n      '\" max=\"' +\n      this.params.max +\n      '\" step=\"' +\n      this.params.step +\n      '\" id=\"jspsych-audio-slider-response-response\"';\n    if (!this.params.response_allowed_while_playing) {\n      html += \" disabled\";\n    }\n    html += \"></input><div>\";\n    for (var j = 0; j < this.params.labels.length; j++) {\n      var label_width_perc = 100 / (this.params.labels.length - 1);\n      var percent_of_range = j * (100 / (this.params.labels.length - 1));\n      var percent_dist_from_center = ((percent_of_range - 50) / 50) * 100;\n      var offset = (percent_dist_from_center * this.half_thumb_width) / 100;\n      html +=\n        '<div style=\"border: 1px solid transparent; display: inline-block; position: absolute; ' +\n        \"left:calc(\" +\n        percent_of_range +\n        \"% - (\" +\n        label_width_perc +\n        \"% / 2) - \" +\n        offset +\n        \"px); text-align: center; width: \" +\n        label_width_perc +\n        '%;\">';\n      html +=\n        '<span style=\"text-align: center; font-size: 80%;\">' + this.params.labels[j] + \"</span>\";\n      html += \"</div>\";\n    }\n    html += \"</div>\";\n    html += \"</div>\";\n    html += \"</div>\";\n\n    if (this.params.prompt !== null) {\n      html += this.params.prompt;\n    }\n\n    // add submit button\n    var next_disabled_attribute = \"\";\n    if (this.params.require_movement || !this.params.response_allowed_while_playing) {\n      next_disabled_attribute = \"disabled\";\n    }\n    html +=\n      '<button id=\"jspsych-audio-slider-response-next\" class=\"jspsych-btn\" ' +\n      next_disabled_attribute +\n      \">\" +\n      this.params.button_label +\n      \"</button>\";\n\n    this.display.innerHTML = html;\n\n    this.response = {\n      rt: null,\n      response: null,\n    };\n\n    if (!this.params.response_allowed_while_playing) {\n      this.display.querySelector<HTMLInputElement>(\n        \"#jspsych-audio-slider-response-response\"\n      ).disabled = true;\n      this.display.querySelector<HTMLInputElement>(\"#jspsych-audio-slider-response-next\").disabled =\n        true;\n    }\n\n    if (this.params.require_movement) {\n      const enable_button = () => {\n        this.display.querySelector<HTMLInputElement>(\n          \"#jspsych-audio-slider-response-next\"\n        ).disabled = false;\n      };\n\n      this.display\n        .querySelector(\"#jspsych-audio-slider-response-response\")\n        .addEventListener(\"mousedown\", enable_button);\n\n      this.display\n        .querySelector(\"#jspsych-audio-slider-response-response\")\n        .addEventListener(\"touchstart\", enable_button);\n\n      this.display\n        .querySelector(\"#jspsych-audio-slider-response-response\")\n        .addEventListener(\"change\", enable_button);\n    }\n\n    this.display\n      .querySelector(\"#jspsych-audio-slider-response-next\")\n      .addEventListener(\"click\", () => {\n        // measure response time\n        var endTime = performance.now();\n        var rt = Math.round(endTime - this.startTime);\n        if (this.context !== null) {\n          endTime = this.context.currentTime;\n          rt = Math.round((endTime - this.startTime) * 1000);\n        }\n        this.response.rt = rt;\n        this.response.response = this.display.querySelector<HTMLInputElement>(\n          \"#jspsych-audio-slider-response-response\"\n        ).valueAsNumber;\n\n        if (this.params.response_ends_trial) {\n          this.end_trial();\n        } else {\n          this.display.querySelector<HTMLInputElement>(\n            \"#jspsych-audio-slider-response-next\"\n          ).disabled = true;\n        }\n      });\n\n    this.startTime = performance.now();\n\n    // start audio\n    this.audio.play();\n\n    // end trial if trial_duration is set\n    if (this.params.trial_duration !== null) {\n      this.jsPsych.pluginAPI.setTimeout(() => {\n        this.end_trial();\n      }, this.params.trial_duration);\n    }\n  };\n\n  private end_trial = () => {\n    // kill any remaining setTimeout handlers\n    this.jsPsych.pluginAPI.clearAllTimeouts();\n\n    // stop the audio file if it is playing\n    this.audio.stop();\n\n    // remove end event listeners if they exist\n    this.audio.removeEventListener(\"ended\", this.end_trial);\n    this.audio.removeEventListener(\"ended\", this.enable_slider);\n\n    // save data\n    var trialdata = {\n      rt: this.response.rt,\n      stimulus: this.params.stimulus,\n      slider_start: this.params.slider_start,\n      response: this.response.response,\n    };\n\n    this.display.innerHTML = \"\";\n\n    // next trial\n    this.trial_complete(trialdata);\n  };\n\n  simulate(\n    trial: TrialType<Info>,\n    simulation_mode,\n    simulation_options: any,\n    load_callback: () => void\n  ) {\n    if (simulation_mode == \"data-only\") {\n      load_callback();\n      this.simulate_data_only(trial, simulation_options);\n    }\n    if (simulation_mode == \"visual\") {\n      this.simulate_visual(trial, simulation_options, load_callback);\n    }\n  }\n\n  private create_simulation_data(trial: TrialType<Info>, simulation_options) {\n    const default_data = {\n      stimulus: trial.stimulus,\n      slider_start: trial.slider_start,\n      response: this.jsPsych.randomization.randomInt(trial.min, trial.max),\n      rt: this.jsPsych.randomization.sampleExGaussian(500, 50, 1 / 150, true),\n    };\n\n    const data = this.jsPsych.pluginAPI.mergeSimulationData(default_data, simulation_options);\n\n    this.jsPsych.pluginAPI.ensureSimulationDataConsistency(trial, data);\n\n    return data;\n  }\n\n  private simulate_data_only(trial: TrialType<Info>, simulation_options) {\n    const data = this.create_simulation_data(trial, simulation_options);\n\n    this.jsPsych.finishTrial(data);\n  }\n\n  private simulate_visual(trial: TrialType<Info>, simulation_options, load_callback: () => void) {\n    const data = this.create_simulation_data(trial, simulation_options);\n\n    const display_element = this.jsPsych.getDisplayElement();\n\n    const respond = () => {\n      if (data.rt !== null) {\n        const el = display_element.querySelector<HTMLInputElement>(\"input[type='range']\");\n\n        setTimeout(() => {\n          this.jsPsych.pluginAPI.clickTarget(el);\n          el.valueAsNumber = data.response;\n        }, data.rt / 2);\n\n        this.jsPsych.pluginAPI.clickTarget(display_element.querySelector(\"button\"), data.rt);\n      }\n    };\n\n    this.trial(display_element, trial, () => {\n      load_callback();\n\n      if (!trial.response_allowed_while_playing) {\n        this.audio.addEventListener(\"ended\", respond);\n      } else {\n        respond();\n      }\n    });\n  }\n}\n\nexport default AudioSliderResponsePlugin;\n"],"names":["getAllProperties","object","properties","key","autoBind","self","include","exclude","filter","match","pattern","descriptor","info","version","ParameterType","AudioSliderResponsePlugin","jsPsych","html","j","label_width_perc","percent_of_range","percent_dist_from_center","offset","next_disabled_attribute","enable_button","endTime","rt","trialdata","display_element","trial","on_load","__async","resolve","simulation_mode","simulation_options","load_callback","default_data","data","respond","el"],"mappings":"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"}