1.0.58

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-wcctools",
-  "version": "1.0.55",
+  "version": "1.0.58",
   "private": false,
   "description": "wcc tools for creating element catalogues",
   "main": "dist_ts_web/index.js",
@@ -13,19 +13,19 @@
   "author": "Lossless GmbH",
   "license": "UNLICENSED",
   "dependencies": {
-    "@designestate/dees-domtools": "^1.0.87",
-    "@designestate/dees-element": "^1.0.19",
-    "@gitzone/tsrun": "^1.2.12",
-    "@pushrocks/smartdelay": "^2.0.10",
-    "@pushrocks/smartexpress": "^3.0.100",
-    "lit-element": "^2.4.0",
-    "lit-html": "^1.3.0",
-    "typescript": "^4.2.3"
+    "@designestate/dees-domtools": "^1.0.96",
+    "@designestate/dees-element": "^1.0.26",
+    "@gitzone/tsrun": "^1.2.17",
+    "@pushrocks/smartdelay": "^2.0.13",
+    "@pushrocks/smartexpress": "^3.0.106",
+    "lit-element": "^3.0.0",
+    "lit-html": "^2.0.0",
+    "typescript": "^4.4.3"
   },
   "devDependencies": {
-    "@gitzone/tsbuild": "^2.1.25",
-    "@gitzone/tsbundle": "^1.0.80",
-    "@gitzone/tswatch": "^1.0.52",
+    "@gitzone/tsbuild": "^2.1.27",
+    "@gitzone/tsbundle": "^1.0.87",
+    "@gitzone/tswatch": "^1.0.56",
     "@pushrocks/projectinfo": "^4.0.5",
     "tslint": "^6.1.3",
     "tslint-config-prettier": "^1.17.0"

test/elements/test-demoelement.ts

@@ -16,7 +16,7 @@ enum ETestEnum {
 
 @customElement('test-demoelement')
 export class TestDemoelement extends DeesElement {
-  public static demo = () => html`<test-demoelement></test-demoelement>`;
+  public static demo = () => html`<test-demoelement>This is a slot text</test-demoelement>`;
 
   @property({
     type: Boolean,
@@ -68,9 +68,9 @@ export class TestDemoelement extends DeesElement {
       <div class="themeindicator">
         You have selected the ${this.goBright ? 'bright' : 'dark'} theme.
         <pre>
-          demoBoolean is <b>"${this.demoBoolean}"</b>
+          demoBoolean is <b>${this.demoBoolean}</b>
           demoString is <b>"${this.demoString}"</b>
-          demoNumber is <b>"${this.demoNumber}"</b>
+          demoNumber is <b>${this.demoNumber}</b>
           demoEnum is <b>"${this.demoENum}"</b>
         </pre>
       </div>

ts_web/elements/wcc-dashboard.ts

@@ -2,8 +2,6 @@ import { LitElement, property, html, customElement, TemplateResult, queryAsync }
 
 import * as plugins from '../wcctools.plugins';
 
-import { WccDefaultElement } from './wcc-defaultelement';
-
 // wcc tools
 import './wcc-frame';
 import './wcc-sidebar';

ts_web/elements/wcc-properties.ts

@@ -4,7 +4,7 @@ import {
   html,
   customElement,
   TemplateResult,
-  internalProperty,
+  state,
 } from 'lit-element';
 import { WccDashboard } from './wcc-dashboard';
 
@@ -36,7 +36,7 @@ export class WccProperties extends LitElement {
   @property()
   public warning: string = null;
 
-  @internalProperty()
+  @state()
   propertyContent: TemplateResult[] = [];
 
   public render(): TemplateResult {
@@ -258,7 +258,7 @@ export class WccProperties extends LitElement {
           : 'Object';
       }
     };
-    if (this.selectedItem && !(this.selectedItem instanceof TemplateResult)) {
+    if (this.selectedItem && !((this.selectedItem as any)._classProperties)) {
       const anonItem: any = this.selectedItem;
       if (!anonItem._classProperties) {
         return html`You have selected a page!`;