1.0.46

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-wcctools",
-  "version": "1.0.44",
+  "version": "1.0.46",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

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

ts_web/elements/wcc-dashboard.ts

@@ -139,17 +139,17 @@ export class WccDashboard extends LitElement {
   public async firstUpdated() {
     this.domtools = await plugins.deesDomtools.DomTools.setupDomTools();
     this.domtools.router.on('/:itemType/:itemName/:viewport/:theme', async (routeInfo) => {
+      this.selectedType = routeInfo.params.itemType as TElementType;
+      this.selectedItemName = routeInfo.params.itemName;
+      this.selectedViewport = routeInfo.params.viewport as TViewport;
+      this.selectedTheme = routeInfo.params.theme as TTheme;
       if (routeInfo.params.itemType === 'element') {
-        this.selectedType = 'element';
         this.selectedItem = this.elements[routeInfo.params.itemName];
       } else if (routeInfo.params.itemType === 'page') {
-        this.selectedType = 'page';
         this.selectedItem = this.pages[routeInfo.params.itemName];
       }
       const domtoolsInstance = await plugins.deesDomtools.elementBasic.setup();
       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';
     });
   }

ts_web/elements/wcc-properties.ts

@@ -153,7 +153,7 @@ export class WccProperties extends LitElement {
                 this.selectTheme('dark');
               }}
             >
-              Dark<br /><i class="material-icons">nights_stay</i>
+              Dark<br /><i class="material-icons">brightness_3</i>
             </div>
             <div
               class="button ${this.selectedTheme === 'bright' ? 'selected' : null}"