Ember Debounced Input Helpers

Installation

ember install ember-debounced-input-helpers

Looking for help?

If it is a bug please open an issue on GitHub.

Usage

Common Options

• val: The bound value to be debounced
• wait: Number of milliseconds to wait. Defaults to 500
• immediate: Trigger the setting val on the leading instead of the trailing edge of the wait interval. Defaults to false.
• sync:Usually debounced properties are one way, if you plan to manually update val, this will keep val and value in sync. Defaults to false.

debounced-input

Extended from Ember.TextField which allows it to take any of the attributes listed here

{{debounced-input val=val wait=500 immediate=false sync=true}}

debounced-textarea

Extended from Ember.TextArea which allows it to take any of the attributes listed here

{{debounced-textarea val=val wait=500 immediate=false sync=true}}

debounced-value

There are many times where you might have your own input component or you're using a 3rd party addon that needs to be debounced.

{{#debounced-value val=date wait=500 immediate=false sync=true as |value|}}
  {{date-picker startDate=value}}
{{/debounced-value}}

The debounced-value component yields the raw value which you can place anywhere in the block.