Strolch
/
strolch-wc-debounced-input
mirror of https://github.com/strolch-li/strolch-wc-debounced-input.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[New] clear search term without delay

This commit is contained in:
Robert von Burg 2022-04-20 09:37:52 +02:00
parent faabdbc2a0
commit b2d0366b29
2 changed files with 17 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
bower.json
View File

@ -1,7 +1,7 @@
{
"name": "strolch-wc-debounced-input",
"description": "Strolch WebComponent Debounced Input",
"version": "0.1.1",
"version": "0.1.2",
"authors": [
"Robert von Burg"
],

33
strolch-wc-debounced-input.html
View File

@ -106,14 +106,7 @@
<!-- Observers -->
observeInput: function (newValue, oldValue) {
this.debounce("inputDebounce", function () {
// save the previous value so it may be reset
this.set("prevDebouncedInput", this.debouncedInput);
// set the debounced input after delay
this.set("debouncedInput", newValue);
this.fire('strolch-wc-debounced-input-changed', {
input: newValue,
enterPressed: false
});
this._setInput(newValue, false);
}, 500);
},
@ -124,21 +117,27 @@
// if enter was pressed
if (event.keyCode === 13) {
this.debounce("inputDebounce", function () {
// save the previous value so it may be reset
this.set("prevDebouncedInput", this.debouncedInput);
// set the debounced input after delay
this.set("debouncedInput", this.input);
this.fire('strolch-wc-debounced-input-changed', {
input: this.input,
enterPressed: true
});
this._setInput(this.input, true);
}, 200);
}
},
_setInput: function (newValue, enterPressed) {
// save the previous value so it may be reset
this.set("prevDebouncedInput", this.debouncedInput);
// set the debounced input after delay
this.set("debouncedInput", newValue);
this.fire('strolch-wc-debounced-input-changed', {
input: newValue,
enterPressed: enterPressed
});
},
<!-- Functions -->
onClearTapped: function (event) {
onClearTapped: function () {
this.setInputTerm("");
this.cancelDebouncer("inputDebounce");
this._setInput("", false);
},
undoLastInput: function () {
// apply the last debounced input