Compare commits
4 Commits
Author | SHA1 | Date | |
---|---|---|---|
989d4d35d2 | |||
c5e75419b3 | |||
ca52d06c60 | |||
d33366c487 |
4
package-lock.json
generated
4
package-lock.json
generated
@ -1,12 +1,12 @@
|
|||||||
{
|
{
|
||||||
"name": "@designestate/dees-domtools",
|
"name": "@designestate/dees-domtools",
|
||||||
"version": "2.0.17",
|
"version": "2.0.19",
|
||||||
"lockfileVersion": 2,
|
"lockfileVersion": 2,
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"packages": {
|
"packages": {
|
||||||
"": {
|
"": {
|
||||||
"name": "@designestate/dees-domtools",
|
"name": "@designestate/dees-domtools",
|
||||||
"version": "2.0.17",
|
"version": "2.0.19",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@apiglobal/typedrequest": "^2.0.3",
|
"@apiglobal/typedrequest": "^2.0.3",
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@designestate/dees-domtools",
|
"name": "@designestate/dees-domtools",
|
||||||
"version": "2.0.17",
|
"version": "2.0.19",
|
||||||
"private": false,
|
"private": false,
|
||||||
"description": "tools to simplify complex css structures",
|
"description": "tools to simplify complex css structures",
|
||||||
"main": "dist_ts/index.js",
|
"main": "dist_ts/index.js",
|
||||||
|
@ -158,6 +158,8 @@ export class DomTools {
|
|||||||
script.addEventListener('load', function() {
|
script.addEventListener('load', function() {
|
||||||
done.resolve();
|
done.resolve();
|
||||||
});
|
});
|
||||||
|
const parentNode = document.head || document.body;
|
||||||
|
parentNode.append(script);
|
||||||
await done.promise;
|
await done.promise;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -144,6 +144,16 @@ export class Keyboard {
|
|||||||
return subject;
|
return subject;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
public triggerKeyPress(keysArg: Key[]) {
|
||||||
|
for (const key of keysArg) {
|
||||||
|
this.pressedKeys.add(key);
|
||||||
|
}
|
||||||
|
this.checkMatchingKeyboardSubjects();
|
||||||
|
for (const key of keysArg) {
|
||||||
|
this.pressedKeys.delete(key);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
public startListening() {
|
public startListening() {
|
||||||
this.domNode.addEventListener('keydown', this.handleKeyDown);
|
this.domNode.addEventListener('keydown', this.handleKeyDown);
|
||||||
this.domNode.addEventListener('keyup', this.handleKeyUp);
|
this.domNode.addEventListener('keyup', this.handleKeyUp);
|
||||||
@ -162,13 +172,16 @@ export class Keyboard {
|
|||||||
|
|
||||||
private handleKeyDown = (event: KeyboardEvent) => {
|
private handleKeyDown = (event: KeyboardEvent) => {
|
||||||
this.pressedKeys.add(event.keyCode);
|
this.pressedKeys.add(event.keyCode);
|
||||||
|
this.checkMatchingKeyboardSubjects(event);
|
||||||
|
};
|
||||||
|
|
||||||
|
private checkMatchingKeyboardSubjects(payloadArg?) {
|
||||||
this.mapCombosToHandlers.forEach((subjectArg, keysArg) => {
|
this.mapCombosToHandlers.forEach((subjectArg, keysArg) => {
|
||||||
if (this.areAllKeysPressed(keysArg)) {
|
if (this.areAllKeysPressed(keysArg)) {
|
||||||
subjectArg.next(event);
|
subjectArg.next(payloadArg);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
};
|
}
|
||||||
|
|
||||||
private handleKeyUp = (event: KeyboardEvent) => {
|
private handleKeyUp = (event: KeyboardEvent) => {
|
||||||
this.pressedKeys.delete(event.keyCode);
|
this.pressedKeys.delete(event.keyCode);
|
||||||
|
Reference in New Issue
Block a user