1.0.40

.vscode/settings.json

@@ -15,7 +15,7 @@
             "properties": {
               "projectType": {
                 "type": "string",
-                "enum": ["website", "element", "service", "npm"]
+                "enum": ["website", "element", "service", "npm", "wcc"]
               }
             }
           }

package.json

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

test/elements/test-demoelement.ts

@@ -20,8 +20,8 @@ export class TestDemoelement extends LitElement {
             background: #000;
           }
         `)}
-      </style>  
+      </style>
       <div class="maincontainer">This is a demo element</div>
     `;
   }
-}
+}

ts_web/elements/wcc-dashboard.ts

@@ -81,6 +81,8 @@ export class WccDashboard extends LitElement {
         .dashboardRef=${this}
         .warning="${this.warning}"
         .selectedItem=${this.selectedItem}
+        .selectedViewport=${this.selectedViewport}
+        .selectedTheme=${this.selectedTheme}
         @selectedViewport=${(eventArg) => {
           this.selectedViewport = eventArg.detail;
           this.performUpdate();
@@ -138,6 +140,7 @@ export class WccDashboard extends LitElement {
       domtoolsInstance.setVirtualViewport(routeInfo.params.viewport as TViewport);
       this.selectedViewport = routeInfo.params.viewport as TViewport;
       this.selectedTheme = routeInfo.params.theme as TTheme;
+      domtoolsInstance.themeManager.goBrightBoolean = this.selectedTheme === 'bright';
     });
   }
 
@@ -150,10 +153,8 @@ export class WccDashboard extends LitElement {
     await this.domtools.router._handleRouteState();
     this.updating = true;
     const storeElement = this.selectedItem;
-
     setTimeout(async () => {
       this.selectedItem = null;
-
       setTimeout(async () => {
         this.selectedItem = storeElement;
         setTimeout(() => {