1.0.35

package-lock.json

@@ -1,15 +1,15 @@
 {
   "name": "@designestate/dees-element",
-  "version": "1.0.29",
+  "version": "1.0.35",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@designestate/dees-element",
-      "version": "1.0.29",
+      "version": "1.0.35",
       "license": "MIT",
       "dependencies": {
-        "@designestate/dees-domtools": "^1.0.102",
+        "@designestate/dees-domtools": "^1.0.103",
         "@pushrocks/isounique": "^1.0.4",
         "@pushrocks/smartrx": "^2.0.19",
         "lit": "^2.0.2"
@@ -18,7 +18,7 @@
         "@gitzone/tsbuild": "^2.1.28",
         "@gitzone/tsbundle": "^1.0.88",
         "@gitzone/tstest": "^1.0.60",
-        "@pushrocks/tapbundle": "^3.2.14",
+        "@pushrocks/tapbundle": "^3.2.15",
         "@types/node": "^16.11.12",
         "tslint": "^6.1.3",
         "tslint-config-prettier": "^1.18.0"
@@ -1860,9 +1860,9 @@
       }
     },
     "node_modules/@designestate/dees-domtools": {
-      "version": "1.0.102",
-      "resolved": "https://verdaccio.lossless.one/@designestate%2fdees-domtools/-/dees-domtools-1.0.102.tgz",
-      "integrity": "sha512-NzKrOp4cnCSvce2wPxp/VFHmHefEdBRm/eiWOj3Sy7g6vt+3YtY+BVjnCvDzX6RJgIRIlXR3m4Ga9MFD1L5+rw==",
+      "version": "1.0.103",
+      "resolved": "https://verdaccio.lossless.one/@designestate%2fdees-domtools/-/dees-domtools-1.0.103.tgz",
+      "integrity": "sha512-tXgBlKT76dgjgyfUeJRTHsuXtyHayX15dciCzxSFuk9FO+5BzGqu40JQ1/F67617Db2XkhlS4zEgD06N+7zQCQ==",
       "license": "MIT",
       "dependencies": {
         "@apiglobal/typedrequest": "^1.0.65",
@@ -2028,24 +2028,24 @@
       "license": "MIT"
     },
     "node_modules/@open-wc/scoped-elements": {
-      "version": "1.3.4",
-      "resolved": "https://verdaccio.lossless.one/@open-wc%2fscoped-elements/-/scoped-elements-1.3.4.tgz",
-      "integrity": "sha512-WD+ObocdzcFCpBxnc8bQa7NoATeA+tJrK0/c/yV1Nx4leV+1PmJNNu+WCcuckBEGd0Op6FP8w1TidoqmVVba6g==",
+      "version": "2.0.1",
+      "resolved": "https://verdaccio.lossless.one/@open-wc%2fscoped-elements/-/scoped-elements-2.0.1.tgz",
+      "integrity": "sha512-JS6ozxUFwFX3+Er91v9yQzNIaFn7OnE0iESKTbFvkkKdNwvAPtp1fpckBKIvWk8Ae9ZcoI9DYZuT2DDbMPcadA==",
       "license": "MIT",
       "dependencies": {
+        "@lit/reactive-element": "^1.0.0",
         "@open-wc/dedupe-mixin": "^1.3.0",
-        "lit-html": "^1.0.0"
+        "@webcomponents/scoped-custom-element-registry": "^0.0.3"
       }
     },
     "node_modules/@open-wc/testing-helpers": {
-      "version": "1.8.12",
-      "resolved": "https://verdaccio.lossless.one/@open-wc%2ftesting-helpers/-/testing-helpers-1.8.12.tgz",
-      "integrity": "sha512-+4exEHYvnFqI1RGDDIKFHPZ7Ws5NK1epvEku3zLaOYN3zc+huX19SndNc5+X++v8A+quN/iXbHlh80ROyNaYDA==",
+      "version": "2.0.2",
+      "resolved": "https://verdaccio.lossless.one/@open-wc%2ftesting-helpers/-/testing-helpers-2.0.2.tgz",
+      "integrity": "sha512-wJlvDmWo+fIbgykRP21YSP9I9Pf/fo2+dZGaWG77Hw0sIuyB+7sNUDJDkL6kMkyyRecPV6dVRmbLt6HuOwvZ1w==",
       "license": "MIT",
       "dependencies": {
-        "@open-wc/scoped-elements": "^1.2.4",
-        "lit-element": "^2.2.1",
-        "lit-html": "^1.0.0"
+        "@open-wc/scoped-elements": "^2.0.1",
+        "lit": "^2.0.0"
       }
     },
     "node_modules/@parcel/fs": {
@@ -2822,16 +2822,16 @@
       }
     },
     "node_modules/@pushrocks/tapbundle": {
-      "version": "3.2.14",
-      "resolved": "https://verdaccio.lossless.one/@pushrocks%2ftapbundle/-/tapbundle-3.2.14.tgz",
-      "integrity": "sha512-Hu7SHFww6i17mZ3F8orvzXV7B8nPBRY6PB2Lw2sRfq9+ZbrvUvz7qmbc7d7mXkTGcLx7/7wbH3NHo1V5mplMCQ==",
+      "version": "3.2.15",
+      "resolved": "https://verdaccio.lossless.one/@pushrocks%2ftapbundle/-/tapbundle-3.2.15.tgz",
+      "integrity": "sha512-LE1VEU5qL0E7t1PZCxbHcuHa0Jp6PghLBM1Mj7gFKq2H1QwFcxkuaYmT8SPU0FH2iMxd72fDhG+qXA0WmTnGCA==",
       "license": "MIT",
       "dependencies": {
-        "@open-wc/testing-helpers": "^1.8.12",
-        "@pushrocks/smartdelay": "^2.0.10",
+        "@open-wc/testing-helpers": "^2.0.2",
+        "@pushrocks/smartdelay": "^2.0.13",
         "@pushrocks/smartenv": "^4.0.16",
-        "@pushrocks/smartpromise": "^3.1.3",
-        "@pushrocks/smarttime": "^3.0.38",
+        "@pushrocks/smartpromise": "^3.1.6",
+        "@pushrocks/smarttime": "^3.0.43",
         "smartchai": "^2.0.1"
       }
     },
@@ -3507,6 +3507,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@webcomponents/scoped-custom-element-registry": {
+      "version": "0.0.3",
+      "resolved": "https://verdaccio.lossless.one/@webcomponents%2fscoped-custom-element-registry/-/scoped-custom-element-registry-0.0.3.tgz",
+      "integrity": "sha512-lpSzgDCGbM99dytb3+J3Suo4+Bk1E13MPnWB42JK8GwxSAxFz+tC7TTv2hhDSIE2IirGNKNKCf3m08ecu6eAsQ==",
+      "license": "BSD-3-Clause"
+    },
     "node_modules/abab": {
       "version": "2.0.5",
       "resolved": "https://verdaccio.lossless.one/abab/-/abab-2.0.5.tgz",
@@ -9343,21 +9349,6 @@
         "lit-html": "^2.0.0"
       }
     },
-    "node_modules/lit-element": {
-      "version": "2.5.1",
-      "resolved": "https://verdaccio.lossless.one/lit-element/-/lit-element-2.5.1.tgz",
-      "integrity": "sha512-ogu7PiJTA33bEK0xGu1dmaX5vhcRjBXCFexPja0e7P7jqLhTpNKYRPmE+GmiCaRVAbiQKGkUgkh/i6+bh++dPQ==",
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "lit-html": "^1.1.1"
-      }
-    },
-    "node_modules/lit-html": {
-      "version": "1.4.1",
-      "resolved": "https://verdaccio.lossless.one/lit-html/-/lit-html-1.4.1.tgz",
-      "integrity": "sha512-B9btcSgPYb1q4oSOb/PrOT6Z/H+r6xuNzfH4lFli/AWhYwdtrgQkQWBbIc6mdnf6E2IL3gDXdkkqNktpU0OZQA==",
-      "license": "BSD-3-Clause"
-    },
     "node_modules/lit/node_modules/lit-element": {
       "version": "3.0.2",
       "resolved": "https://verdaccio.lossless.one/lit-element/-/lit-element-3.0.2.tgz",
@@ -16986,9 +16977,9 @@
       }
     },
     "@designestate/dees-domtools": {
-      "version": "1.0.102",
-      "resolved": "https://verdaccio.lossless.one/@designestate%2fdees-domtools/-/dees-domtools-1.0.102.tgz",
-      "integrity": "sha512-NzKrOp4cnCSvce2wPxp/VFHmHefEdBRm/eiWOj3Sy7g6vt+3YtY+BVjnCvDzX6RJgIRIlXR3m4Ga9MFD1L5+rw==",
+      "version": "1.0.103",
+      "resolved": "https://verdaccio.lossless.one/@designestate%2fdees-domtools/-/dees-domtools-1.0.103.tgz",
+      "integrity": "sha512-tXgBlKT76dgjgyfUeJRTHsuXtyHayX15dciCzxSFuk9FO+5BzGqu40JQ1/F67617Db2XkhlS4zEgD06N+7zQCQ==",
       "requires": {
         "@apiglobal/typedrequest": "^1.0.65",
         "@designestate/dees-comms": "^1.0.11",
@@ -17125,22 +17116,22 @@
       "integrity": "sha512-UfdK1MPnR6T7f3svzzYBfu3qBkkZ/KsPhcpc3JYhsUY4hbpwNF9wEQtD4Z+/mRqMTJrKg++YSxIxE0FBhY3RIw=="
     },
     "@open-wc/scoped-elements": {
-      "version": "1.3.4",
-      "resolved": "https://verdaccio.lossless.one/@open-wc%2fscoped-elements/-/scoped-elements-1.3.4.tgz",
-      "integrity": "sha512-WD+ObocdzcFCpBxnc8bQa7NoATeA+tJrK0/c/yV1Nx4leV+1PmJNNu+WCcuckBEGd0Op6FP8w1TidoqmVVba6g==",
+      "version": "2.0.1",
+      "resolved": "https://verdaccio.lossless.one/@open-wc%2fscoped-elements/-/scoped-elements-2.0.1.tgz",
+      "integrity": "sha512-JS6ozxUFwFX3+Er91v9yQzNIaFn7OnE0iESKTbFvkkKdNwvAPtp1fpckBKIvWk8Ae9ZcoI9DYZuT2DDbMPcadA==",
       "requires": {
+        "@lit/reactive-element": "^1.0.0",
         "@open-wc/dedupe-mixin": "^1.3.0",
-        "lit-html": "^1.0.0"
+        "@webcomponents/scoped-custom-element-registry": "^0.0.3"
       }
     },
     "@open-wc/testing-helpers": {
-      "version": "1.8.12",
-      "resolved": "https://verdaccio.lossless.one/@open-wc%2ftesting-helpers/-/testing-helpers-1.8.12.tgz",
-      "integrity": "sha512-+4exEHYvnFqI1RGDDIKFHPZ7Ws5NK1epvEku3zLaOYN3zc+huX19SndNc5+X++v8A+quN/iXbHlh80ROyNaYDA==",
+      "version": "2.0.2",
+      "resolved": "https://verdaccio.lossless.one/@open-wc%2ftesting-helpers/-/testing-helpers-2.0.2.tgz",
+      "integrity": "sha512-wJlvDmWo+fIbgykRP21YSP9I9Pf/fo2+dZGaWG77Hw0sIuyB+7sNUDJDkL6kMkyyRecPV6dVRmbLt6HuOwvZ1w==",
       "requires": {
-        "@open-wc/scoped-elements": "^1.2.4",
-        "lit-element": "^2.2.1",
-        "lit-html": "^1.0.0"
+        "@open-wc/scoped-elements": "^2.0.1",
+        "lit": "^2.0.0"
       }
     },
     "@parcel/fs": {
@@ -17847,15 +17838,15 @@
       }
     },
     "@pushrocks/tapbundle": {
-      "version": "3.2.14",
-      "resolved": "https://verdaccio.lossless.one/@pushrocks%2ftapbundle/-/tapbundle-3.2.14.tgz",
-      "integrity": "sha512-Hu7SHFww6i17mZ3F8orvzXV7B8nPBRY6PB2Lw2sRfq9+ZbrvUvz7qmbc7d7mXkTGcLx7/7wbH3NHo1V5mplMCQ==",
+      "version": "3.2.15",
+      "resolved": "https://verdaccio.lossless.one/@pushrocks%2ftapbundle/-/tapbundle-3.2.15.tgz",
+      "integrity": "sha512-LE1VEU5qL0E7t1PZCxbHcuHa0Jp6PghLBM1Mj7gFKq2H1QwFcxkuaYmT8SPU0FH2iMxd72fDhG+qXA0WmTnGCA==",
       "requires": {
-        "@open-wc/testing-helpers": "^1.8.12",
-        "@pushrocks/smartdelay": "^2.0.10",
+        "@open-wc/testing-helpers": "^2.0.2",
+        "@pushrocks/smartdelay": "^2.0.13",
         "@pushrocks/smartenv": "^4.0.16",
-        "@pushrocks/smartpromise": "^3.1.3",
-        "@pushrocks/smarttime": "^3.0.38",
+        "@pushrocks/smartpromise": "^3.1.6",
+        "@pushrocks/smarttime": "^3.0.43",
         "smartchai": "^2.0.1"
       }
     },
@@ -18425,6 +18416,11 @@
       "integrity": "sha512-fbF6oTd4sGGy0xjHPKAt+eS2CrxJ3+6gQ3FGcBoIJR2TLAyCkCyI8JqZNy+FeON0AhVgNJoUumVoZQjBFUqHkw==",
       "dev": true
     },
+    "@webcomponents/scoped-custom-element-registry": {
+      "version": "0.0.3",
+      "resolved": "https://verdaccio.lossless.one/@webcomponents%2fscoped-custom-element-registry/-/scoped-custom-element-registry-0.0.3.tgz",
+      "integrity": "sha512-lpSzgDCGbM99dytb3+J3Suo4+Bk1E13MPnWB42JK8GwxSAxFz+tC7TTv2hhDSIE2IirGNKNKCf3m08ecu6eAsQ=="
+    },
     "abab": {
       "version": "2.0.5",
       "resolved": "https://verdaccio.lossless.one/abab/-/abab-2.0.5.tgz",
@@ -22746,19 +22742,6 @@
         }
       }
     },
-    "lit-element": {
-      "version": "2.5.1",
-      "resolved": "https://verdaccio.lossless.one/lit-element/-/lit-element-2.5.1.tgz",
-      "integrity": "sha512-ogu7PiJTA33bEK0xGu1dmaX5vhcRjBXCFexPja0e7P7jqLhTpNKYRPmE+GmiCaRVAbiQKGkUgkh/i6+bh++dPQ==",
-      "requires": {
-        "lit-html": "^1.1.1"
-      }
-    },
-    "lit-html": {
-      "version": "1.4.1",
-      "resolved": "https://verdaccio.lossless.one/lit-html/-/lit-html-1.4.1.tgz",
-      "integrity": "sha512-B9btcSgPYb1q4oSOb/PrOT6Z/H+r6xuNzfH4lFli/AWhYwdtrgQkQWBbIc6mdnf6E2IL3gDXdkkqNktpU0OZQA=="
-    },
     "locate-path": {
       "version": "5.0.0",
       "resolved": "https://verdaccio.lossless.one/locate-path/-/locate-path-5.0.0.tgz",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-element",
-  "version": "1.0.29",
+  "version": "1.0.35",
   "private": false,
   "description": "a custom element class extending lit element class",
   "main": "dist_ts/index.js",
@@ -9,19 +9,19 @@
   "license": "MIT",
   "scripts": {
     "test": "(tstest test/ --web)",
-    "build": "(tsbuild --web)"
+    "build": "(tsbuild --web && tsbundle npm)"
   },
   "devDependencies": {
     "@gitzone/tsbuild": "^2.1.28",
     "@gitzone/tsbundle": "^1.0.88",
     "@gitzone/tstest": "^1.0.60",
-    "@pushrocks/tapbundle": "^3.2.14",
+    "@pushrocks/tapbundle": "^3.2.15",
     "@types/node": "^16.11.12",
     "tslint": "^6.1.3",
     "tslint-config-prettier": "^1.18.0"
   },
   "dependencies": {
-    "@designestate/dees-domtools": "^1.0.102",
+    "@designestate/dees-domtools": "^1.0.103",
     "@pushrocks/isounique": "^1.0.4",
     "@pushrocks/smartrx": "^2.0.19",
     "lit": "^2.0.2"

ts/dees-element.classes.cssmanager.ts

@@ -1,4 +1,4 @@
-import { CSSResult, unsafeCSS } from 'lit-element';
+import { CSSResult, unsafeCSS } from 'lit';
 import * as plugins from './dees-element.plugins';
 import * as domtools from '@designestate/dees-domtools';
 

ts/dees-element.classes.dees-element.ts

@@ -13,6 +13,9 @@ export class DeesElement extends plugins.lit.LitElement {
 
   private themeSubscription: plugins.smartrx.rxjs.Subscription;
 
+  private elementDomReadyDeferred = plugins.domtools.plugins.smartpromise.defer();
+  public elementDomReady = this.elementDomReadyDeferred.promise;
+
   constructor() {
     super();
     this.domtoolsPromise.then((domtoolsArg) => {
@@ -20,17 +23,22 @@ export class DeesElement extends plugins.lit.LitElement {
     });
   }
 
-  public connectedCallback() {
+  public async connectedCallback() {
     super.connectedCallback();
-    this.domtoolsPromise.then(async (domtools) => {
+    const domtools = await this.domtoolsPromise;
     this.themeSubscription = domtools.themeManager.themeObservable.subscribe((goBrightArg) => {
       this.goBright = goBrightArg;
     });  
-    });
     this.dispatchEvent(new CustomEvent('deesElementConnected'));
   }
 
-  public disconnectedCallback() {
+  public firstUpdated(_changedProperties: Map<string | number | symbol, unknown>): void {
+    super.firstUpdated(_changedProperties);
+    this.elementDomReadyDeferred.resolve();
+  }
+
+  public async disconnectedCallback() {
+    await this.domtoolsPromise;
     super.disconnectedCallback();
     this.themeSubscription.unsubscribe();
     this.dispatchEvent(new CustomEvent('deesElementDisconnected'));

ts/dees-element.plugins.ts

@@ -9,12 +9,12 @@ export {
 
 // third party scope
 import { css, unsafeCSS, LitElement } from 'lit';
-import { property } from 'lit/decorators';
+import { property } from 'lit/decorators/property.js';
 const lit = {
   css,
   unsafeCSS,
   LitElement,
-  property
+  property,
 };
 
 import * as domtools from '@designestate/dees-domtools';

ts/index.ts

@@ -1,24 +1,17 @@
 import { CssManager } from './dees-element.classes.cssmanager';
 
 // lit exports
-export {
-  html,
-  TemplateResult,
-  css,
-  unsafeCSS,
-} from 'lit';
+export { html, TemplateResult, css, unsafeCSS, render } from 'lit';
 
-export {
-  customElement,
-  property,
-  state
-} from 'lit/decorators'
+export { customElement } from 'lit/decorators/custom-element.js';
+
+export { property } from 'lit/decorators/property.js';
+
+export { state } from 'lit/decorators/state.js';
 
 // domtools exports
 import * as domtools from '@designestate/dees-domtools';
-export {
-  domtools
-}
+export { domtools };
 
 // DeesElements exports
 export { DeesElement } from './dees-element.classes.dees-element';