1.0.73

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-catalog",
-  "version": "1.0.70",
+  "version": "1.0.73",
   "private": false,
   "description": "website for lossless.com",
   "main": "dist_ts_web/index.js",
@@ -13,22 +13,22 @@
   "author": "Lossless GmbH",
   "license": "MIT",
   "dependencies": {
-    "@designestate/dees-domtools": "^1.0.96",
-    "@designestate/dees-element": "^1.0.26",
-    "@designestate/dees-wcctools": "^1.0.59",
+    "@designestate/dees-domtools": "^1.0.102",
+    "@designestate/dees-element": "^1.0.28",
+    "@designestate/dees-wcctools": "^1.0.66",
     "@fortawesome/fontawesome-svg-core": "^1.2.36",
     "@fortawesome/free-brands-svg-icons": "^5.15.4",
     "@fortawesome/free-regular-svg-icons": "^5.15.4",
     "@fortawesome/free-solid-svg-icons": "^5.15.4",
-    "typescript": "^4.4.3"
+    "typescript": "^4.5.3"
   },
   "devDependencies": {
     "@gitzone/tsbuild": "^2.1.28",
     "@gitzone/tsbundle": "^1.0.88",
-    "@gitzone/tstest": "^1.0.59",
+    "@gitzone/tstest": "^1.0.60",
     "@gitzone/tswatch": "^1.0.56",
     "@pushrocks/projectinfo": "^4.0.5",
-    "@pushrocks/tapbundle": "^3.2.14",
+    "@pushrocks/tapbundle": "^3.2.15",
     "tslint": "^6.1.3",
     "tslint-config-prettier": "^1.17.0"
   },

ts_web/elements/dees-icon.ts

@@ -1,4 +1,4 @@
-import { LitElement, html, property, customElement } from 'lit-element';
+import { DeesElement, html, property, customElement } from '@designestate/dees-element';
 
 import * as domtools from '@designestate/dees-domtools';
 
@@ -48,8 +48,9 @@ declare global {
 }
 
 @customElement('dees-icon')
-export class DeesIcon extends LitElement {
+export class DeesIcon extends DeesElement {
   public static demo = () => html`
+    <dees-icon iconName="visibility"></dees-icon>
     <div style="background: #fff; padding: 10px;">
       <dees-icon iconName="visibility"></dees-icon>
       <dees-icon brandName="facebook"></dees-icon>

ts_web/elements/dees-table.ts

@@ -66,18 +66,24 @@ export class DeesTable<T> extends DeesElement {
     </div>
   `;
 
-  @property()
-  public heading1: string;
+  @property({
+    type: String,
+  })
+  public heading1: string = 'heading 1';
 
-  @property()
-  public heading2: string;
+  @property({
+    type: String,
+  })
+  public heading2: string = 'heading 2';
 
   @property({
     type: Array,
   })
   public data: T[] = [];
 
-  @property()
+  @property({
+    type: Object,
+  })
   public selectedDataRow: T;
 
   @property({

ts_web/elements/dees-updater.ts

@@ -14,12 +14,16 @@ declare global {
 
 @customElement('dees-updater')
 export class DeesUpdater extends LitElement {
-  public static demo = () => html`<dees-updater ></dees-updater>`;
+  public static demo = () => html`<dees-updater></dees-updater>`;
 
-  @property()
+  @property({
+    type: String,
+  })
   currentVersion: string;
 
-  @property()
+  @property({
+    type: String,
+  })
   updatedVersion: string;
 
   constructor() {