1.0.10

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-element",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-element",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "private": false,
   "description": "a custom element class extending lit element class",
   "main": "dist_ts/index.js",

ts/index.ts

@@ -7,20 +7,32 @@ export {
   TemplateResult,
   internalProperty,
   css,
-  unsafeCSS
+  unsafeCSS,
 } from 'lit-element';
 
 export class DeesElement extends plugins.litElement.LitElement {
-  @plugins.litElement.property({type: Boolean})
+  @plugins.litElement.property({ type: Boolean })
   public goBright: boolean = false;
+
+  // domtools
   public domtoolsPromise = plugins.domtools.elementBasic.setup(this);
 
+  @plugins.litElement.property()
+  domtools?: plugins.domtools.DomTools;
+
   private themeSubscription: plugins.smartrx.rxjs.Subscription;
 
+  constructor() {
+    super();
+    this.domtoolsPromise.then((domtoolsArg) => {
+      this.domtools = domtoolsArg;
+    });
+  }
+
   public connectedCallback() {
     super.connectedCallback();
     this.domtoolsPromise.then(async (domtools) => {
-      this.themeSubscription = domtools.themeManager.themeObservable.subscribe(goBrightArg => {
+      this.themeSubscription = domtools.themeManager.themeObservable.subscribe((goBrightArg) => {
         this.goBright = goBrightArg;
       });
     });
@@ -32,4 +44,4 @@ export class DeesElement extends plugins.litElement.LitElement {
     this.themeSubscription.unsubscribe();
     this.dispatchEvent(new CustomEvent('deesElementDisconnected'));
   }
-}
+}