1.0.49

package-lock.json

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

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-wcctools",
-  "version": "1.0.44",
+  "version": "1.0.49",
   "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/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}"

ts_web/elements/wcc-sidebar.ts

@@ -44,6 +44,12 @@ export class WccSidebar extends LitElement {
           text-align: center;        
           margin: 20px 5px 5px 5px;
         }
+
+        .heading a {
+          text-decoration: none;
+          color: #fff;
+        }
+
         .subheading {
           text-align: center;
         }
@@ -92,9 +98,10 @@ export class WccSidebar extends LitElement {
         
       </style>
       <div class="heading">
-        wcc-tools
+        <a href="https://gitlab.com/designestate/dees-wcctools" target="_blank">wcctools</a>
       </div>
       <div class="subheading">
+        by Lossless GmbH
       </div>
       <div class="menu">
         <h3>Live Websites</h3>

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) {