1.0.48

package-lock.json

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

package.json

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

ts_web/elements/wcc-dashboard.ts

@@ -138,18 +138,18 @@ 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.domtools.router.on('/wcctools-route/: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';
     });
   }
@@ -176,7 +176,7 @@ export class WccDashboard extends LitElement {
 
   public buildUrl() {
     this.domtools.router.pushUrl(
-      `/${this.selectedType}/${this.selectedItemName}/${this.selectedViewport}/${
+      `/wcctools-route/${this.selectedType}/${this.selectedItemName}/${this.selectedViewport}/${
         this.selectedTheme
       }`
     );

ts_web/index.ts

@@ -1,7 +1,7 @@
 import { WccDashboard } from './elements/wcc-dashboard';
 import { LitElement, TemplateResult } from 'lit-element';
 
-const setupWccTools = (elementsArg?: { [key: string]: LitElement }, pagesArg?: { [key: string]: TemplateResult }) => {
+const setupWccTools = (elementsArg?: { [key: string]: LitElement }, pagesArg?: { [key: string]: () => TemplateResult }) => {
   let hasRun = false;
   const runWccToolsSetup = async () => {
     if (document.readyState === 'complete' && !hasRun) {