1.0.63

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@designestate/dees-wcctools",
-  "version": "1.0.60",
+  "version": "1.0.63",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@designestate/dees-wcctools",
-      "version": "1.0.60",
+      "version": "1.0.63",
       "license": "UNLICENSED",
       "dependencies": {
         "@designestate/dees-domtools": "^1.0.102",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-wcctools",
-  "version": "1.0.60",
+  "version": "1.0.63",
   "private": false,
   "description": "wcc tools for creating element catalogues",
   "main": "dist_ts_web/index.js",

test/elements/test-demoelement.ts

@@ -20,6 +20,17 @@ enum ETestEnum {
 export class TestDemoelement extends DeesElement {
   public static demo = () => html`<test-demoelement>This is a slot text</test-demoelement>`;
 
+  @property()
+  public notTyped = 'hello';
+
+  @property({
+    type: String,
+  })
+  public typedAndNotInitizalized: string;
+
+  @property()
+  public notTypedAndNotInitizalized: string;
+
   @property({
     type: Boolean,
   })

ts_web/elements/wcc-dashboard.ts

@@ -8,7 +8,7 @@ import './wcc-sidebar';
 import './wcc-properties';
 import { TTheme } from './wcc-properties';
 import { TElementType } from './wcc-sidebar';
-import { TViewport } from '@designestate/dees-domtools/dist_ts/domtools.breakpoints';
+import { breakpoints } from '@designestate/dees-domtools';
 import { WccFrame } from './wcc-frame';
 
 @customElement('wcc-dashboard')
@@ -145,7 +145,7 @@ export class WccDashboard extends LitElement {
       async (routeInfo) => {
         this.selectedType = routeInfo.params.itemType as TElementType;
         this.selectedItemName = routeInfo.params.itemName;
-        this.selectedViewport = routeInfo.params.viewport as TViewport;
+        this.selectedViewport = routeInfo.params.viewport as breakpoints.TViewport;
         this.selectedTheme = routeInfo.params.theme as TTheme;
         if (routeInfo.params.itemType === 'element') {
           this.selectedItem = this.elements[routeInfo.params.itemName];
@@ -153,7 +153,6 @@ export class WccDashboard extends LitElement {
           this.selectedItem = this.pages[routeInfo.params.itemName];
         }
         const domtoolsInstance = await plugins.deesDomtools.elementBasic.setup();
-        domtoolsInstance.setVirtualViewport(routeInfo.params.viewport as TViewport);
         this.selectedTheme === 'bright'
           ? domtoolsInstance.themeManager.goBright()
           : domtoolsInstance.themeManager.goDark();

ts_web/elements/wcc-properties.ts

@@ -255,6 +255,9 @@ export class WccProperties extends LitElement {
     if (this.selectedItem && (this.selectedItem as any).demo) {
       console.log(`Got Dees-Element for property evaluation.`);
       const anonItem: any = this.selectedItem;
+      if (!anonItem) {
+        return;
+      }
       console.log(anonItem.elementProperties);
       const wccFrame = await this.dashboardRef.wccFrame;
       let selectedElement: HTMLElement;
@@ -265,6 +268,9 @@ export class WccProperties extends LitElement {
         }
       }
       const classProperties: Map<string, any> = anonItem.elementProperties;
+      if (!classProperties) {
+        return;
+      }
       const propertyArray: TemplateResult[] = [];
       for (const key of classProperties.keys()) {
         if (key === 'goBright' || key === 'domtools') {