2.0.20

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@designestate/dees-domtools",
-  "version": "2.0.17",
+  "version": "2.0.20",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@designestate/dees-domtools",
-      "version": "2.0.17",
+      "version": "2.0.20",
       "license": "MIT",
       "dependencies": {
         "@apiglobal/typedrequest": "^2.0.3",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-domtools",
-  "version": "2.0.17",
+  "version": "2.0.20",
   "private": false,
   "description": "tools to simplify complex css structures",
   "main": "dist_ts/index.js",

ts/00_commitinfo_data.ts

@@ -0,0 +1,8 @@
+/**
+ * autocreated commitinfo by @pushrocks/commitinfo
+ */
+export const commitinfo = {
+  name: '@designestate/dees-domtools',
+  version: '2.0.20',
+  description: 'tools to simplify complex css structures'
+}

ts/domtools.classes.domtools.ts

@@ -158,6 +158,8 @@ export class DomTools {
     script.addEventListener('load', function() {
       done.resolve();
     });
+    const parentNode = document.head || document.body;
+    parentNode.append(script);
     await done.promise;
   }
 

ts/domtools.classes.keyboard.ts

@@ -144,6 +144,16 @@ export class Keyboard {
     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() {
     this.domNode.addEventListener('keydown', this.handleKeyDown);
     this.domNode.addEventListener('keyup', this.handleKeyUp);
@@ -162,13 +172,16 @@ export class Keyboard {
 
   private handleKeyDown = (event: KeyboardEvent) => {
     this.pressedKeys.add(event.keyCode);
+    this.checkMatchingKeyboardSubjects(event);
+  };
 
+  private checkMatchingKeyboardSubjects(payloadArg?) {
     this.mapCombosToHandlers.forEach((subjectArg, keysArg) => {
       if (this.areAllKeysPressed(keysArg)) {
-        subjectArg.next(event);
+        subjectArg.next(payloadArg);
       }
     });
-  };
+  }
 
   private handleKeyUp = (event: KeyboardEvent) => {
     this.pressedKeys.delete(event.keyCode);

ts/domtools.css.basestyles.ts

@@ -6,30 +6,28 @@ import { css, unsafeCSS } from 'lit';
  * changes scrollbar styles to be consistent across OS borders
  */
 export const scrollBarStyles: string = (() => {
-  const returnStyles =
-    navigator.userAgent.indexOf('Mac OS X') === -1
-      ? css`
-          /* width */
-          ::-webkit-scrollbar {
-            width: 6px;
-          }
+  const returnStylesOld = navigator.userAgent.indexOf('Mac OS X') === -1 ? css``.cssText : ``;
+  const returnStyles = css`
+    /* width */
+    ::-webkit-scrollbar {
+      width: 0px;
+    }
 
-          /* Track */
-          ::-webkit-scrollbar-track {
-            background: #111;
-          }
+    /* Track */
+    ::-webkit-scrollbar-track {
+      background: #111;
+    }
 
-          /* Handle */
-          ::-webkit-scrollbar-thumb {
-            background: #666;
-          }
+    /* Handle */
+    ::-webkit-scrollbar-thumb {
+      background: #666;
+    }
 
-          /* Handle on hover */
-          ::-webkit-scrollbar-thumb:hover {
-            background: #777;
-          }
-        `.cssText
-      : ``;
+    /* Handle on hover */
+    ::-webkit-scrollbar-thumb:hover {
+      background: #777;
+    }
+  `.cssText;
   return returnStyles;
 })();