2.0.23

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-domtools",
-  "version": "2.0.16",
+  "version": "2.0.23",
   "private": false,
   "description": "tools to simplify complex css structures",
   "main": "dist_ts/index.js",
@@ -10,31 +10,29 @@
   "license": "MIT",
   "scripts": {
     "test": "(tstest test/ --web)",
-    "build": "(tsbuild --web --allowimplicitany --skiplibcheck && tsbundle npm)",
+    "build": "(tsbuild --web --allowimplicitany && tsbundle npm)",
     "format": "(gitzone format)"
   },
   "devDependencies": {
-    "@gitzone/tsbuild": "^2.1.61",
-    "@gitzone/tsbundle": "^1.0.102",
-    "@gitzone/tstest": "^1.0.70",
-    "@pushrocks/tapbundle": "^5.0.3",
-    "@types/node": "^17.0.23",
-    "tslint": "^6.1.3",
-    "tslint-config-prettier": "^1.15.0"
+    "@gitzone/tsbuild": "^2.1.63",
+    "@gitzone/tsbundle": "^2.0.6",
+    "@gitzone/tstest": "^1.0.72",
+    "@pushrocks/tapbundle": "^5.0.4",
+    "@types/node": "^18.6.3"
   },
   "dependencies": {
-    "@apiglobal/typedrequest": "^2.0.3",
+    "@apiglobal/typedrequest": "^2.0.8",
     "@designestate/dees-comms": "^1.0.22",
-    "@pushrocks/lik": "^5.0.4",
+    "@pushrocks/lik": "^6.0.0",
     "@pushrocks/smartdelay": "^2.0.13",
     "@pushrocks/smartpromise": "^3.1.7",
     "@pushrocks/smartrouter": "^1.0.12",
     "@pushrocks/smartrx": "^2.0.25",
     "@pushrocks/smartstate": "^2.0.0",
-    "@pushrocks/webrequest": "^3.0.3",
+    "@pushrocks/webrequest": "^3.0.9",
     "@pushrocks/websetup": "^3.0.16",
-    "@pushrocks/webstore": "^1.0.18",
-    "lit": "^2.2.2",
+    "@pushrocks/webstore": "^2.0.5",
+    "lit": "^2.2.8",
     "sweet-scroll": "^4.0.0"
   },
   "files": [

ts/00_commitinfo_data.ts

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

ts/domtools.classes.domtools.ts

@@ -146,6 +146,23 @@ export class DomTools {
     this.elements.headElement.appendChild(styleElement);
   }
 
+  /**
+   * allows to set global styles
+   * @param stylesText the css text you want to set
+   */
+   public async setExternalScript(scriptLinkArg: string) {
+    await this.domReady.promise;
+    const done = plugins.smartpromise.defer();
+    const script = document.createElement('script')
+    script.src = scriptLinkArg;
+    script.addEventListener('load', function() {
+      done.resolve();
+    });
+    const parentNode = document.head || document.body;
+    parentNode.append(script);
+    await done.promise;
+  }
+
   /**
    * allows setting external css files
    * @param cssLinkArg a url to an external stylesheet

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,22 +172,25 @@ 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);
   };
 
-  private areAllKeysPressed(combo: number[]) {
+  private areAllKeysPressed(keysArg: Key[]) {
     let result = true;
 
-    combo.forEach((key) => {
+    keysArg.forEach((key) => {
       if (!this.pressedKeys.has(key)) {
         result = false;
       }

ts/domtools.css.basestyles.ts

@@ -6,30 +6,16 @@ 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;
-          }
-
-          /* Track */
-          ::-webkit-scrollbar-track {
-            background: #111;
-          }
-
-          /* Handle */
-          ::-webkit-scrollbar-thumb {
-            background: #666;
-          }
-
-          /* Handle on hover */
-          ::-webkit-scrollbar-thumb:hover {
-            background: #777;
-          }
-        `.cssText
-      : ``;
+  const returnStylesOld = navigator.userAgent.indexOf('Mac OS X') === -1 ? css``.cssText : ``;
+  const returnStyles = css`
+    /* width */
+    ::-webkit-scrollbar {
+      width: 0px;
+    }
+    body {
+      scrollbar-width: none;
+    }
+  `.cssText;
   return returnStyles;
 })();
 

tsconfig.json

@@ -1,6 +1,10 @@
 {
   "compilerOptions": {
-    "target": "ES2020",
-    "module": "Node12"
+    "experimentalDecorators": true,
+    "useDefineForClassFields": false,
+    "target": "ES2022",
+    "module": "ES2022",
+    "moduleResolution": "nodenext",
+    "esModuleInterop": true
   }
-}
+}

tslint.json

@@ -1,17 +0,0 @@
-{
-  "extends": ["tslint:latest", "tslint-config-prettier"],
-  "rules": {
-    "semicolon": [true, "always"],
-    "no-console": false,
-    "ordered-imports": false,
-    "object-literal-sort-keys": false,
-    "member-ordering": {
-      "options":{
-        "order": [
-          "static-method"
-        ]
-      }
-    }
-  },
-  "defaultSeverity": "warning"
-}