furo-de-bounce

furo-de-bounce #

@furo/util v2.1.19
import '@furo/util/src/furo-de-bounce.js';
exports FuroDeBounce js
exports <furo-de-bounce> custom-element-definition
superclass LitElement
mixes FBP
summary event de bouncer

The Debounce technique allow us to “group” multiple sequential calls in a single one.

Read more about debouncing here

1
2
3

<furo-de-bounce
    fn-trigger="--searchStringEntered" at-debounced="--debouncedSrch"
    ></furo-de-bounce>

Attributes and Properties #

immediate #

immediate Boolean

If true, input-wire is triggered immediatley (leading edge instead of trailing) Default value: false

wait #

wait Number

Debounce time in milliseconds Default value: 250

Events #

out #

at-out → *

deprecated, use debounced instead. // TODO: remove @out and fn-input-wire in q2 2022

debounced #

at-debounced → *

Fired after N milliseconds. If immediateis set to TRUE, it fires on the leading edge.

Methods #

trigger #

trigger(data * ) ⟹ void

* → fn-trigger

Trigger the debounce

  • data Any data, will be dispatched on the debounced event.