@design.estate/dees-wcctools 1.0.80 → 1.0.82

package/dist_watch/index.html

@@ -10,11 +10,9 @@
     />
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
-    <link rel="preconnect" href="https://rsms.me/">
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link rel="stylesheet" href="https://rsms.me/inter/inter.css">
-    <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
+    <!--Lets load standard fonts-->
+    <link rel="preconnect" href="https://assetbroker.lossless.one/" crossorigin>
+    <link rel="stylesheet" href="https://assetbroker.lossless.one/fonts/fonts.css">
 
     <style>
       body {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-wcctools",
-  "version": "1.0.80",
+  "version": "1.0.82",
   "private": false,
   "description": "wcc tools for creating element catalogues",
   "main": "dist_ts_web/index.js",
@@ -15,17 +15,17 @@
   "author": "Lossless GmbH",
   "license": "UNLICENSED",
   "dependencies": {
-    "@design.estate/dees-domtools": "^2.0.50",
-    "@design.estate/dees-element": "^2.0.29",
-    "@gitzone/tsrun": "^1.2.44",
+    "@design.estate/dees-domtools": "^2.0.55",
+    "@design.estate/dees-element": "^2.0.33",
     "@push.rocks/smartdelay": "^3.0.5",
-    "lit": "^2.8.0"
+    "lit": "^3.1.0"
   },
   "devDependencies": {
-    "@api.global/typedserver": "^3.0.5",
-    "@gitzone/tsbuild": "^2.1.66",
-    "@gitzone/tsbundle": "^2.0.8",
-    "@gitzone/tswatch": "^2.0.7",
+    "@api.global/typedserver": "^3.0.9",
+    "@git.zone/tsbuild": "^2.1.66",
+    "@git.zone/tsbundle": "^2.0.8",
+    "@git.zone/tsrun": "^1.2.44",
+    "@git.zone/tswatch": "^2.0.7",
     "@push.rocks/projectinfo": "^5.0.2"
   },
   "files": [

package/ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-wcctools',
-  version: '1.0.80',
+  version: '1.0.82',
   description: 'wcc tools for creating element catalogues'
 }

package/ts_web/elements/wcc-properties.ts

@@ -111,7 +111,6 @@ export class WccProperties extends DeesElement {
           transition: all 0.2s;
         }
         .button:hover {
-          cursor: pointer;
           color: #333;
           background: #fff;
         }
@@ -121,7 +120,6 @@ export class WccProperties extends DeesElement {
         }
 
         .button.selected:hover {
-          cursor: pointer;
           color: #ffffff;
           background: #455a64;
         }
@@ -139,7 +137,6 @@ export class WccProperties extends DeesElement {
         }
 
         .docs:hover {
-          cursor: pointer;
           color: #333;
           background: #fff;
         }

package/ts_web/elements/wcc-sidebar.ts

@@ -6,9 +6,6 @@ export type TElementType = 'element' | 'page';
 
 @customElement('wcc-sidebar')
 export class WccSidebar extends DeesElement {
-  @property({type: Array})
-  public websites: string[] = [];
-
   @property({ attribute: false })
   public selectedItem: DeesElement | (() => TemplateResult);
 
@@ -26,6 +23,7 @@ export class WccSidebar extends DeesElement {
           display: block;
           border-right: 1px solid #999;
           font-family: 'Roboto', 'Inter', sans-serif;
+          font-size: 12px;
           box-sizing: border-box;
           position: absolute;
           left: 0px;
@@ -54,21 +52,8 @@ export class WccSidebar extends DeesElement {
           font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;
         }
 
-        .heading {
-          font-size: 24px;
-          text-align: center;        
-          margin: 20px 5px 5px 5px;
-        }
-
-        .heading a {
-          text-decoration: none;
-          color: #fff;
-        }
-
-        .subheading {
-          text-align: center;
-        }
         .selectOption {
+          user-select: none;
           position: relative;
           line-height: 24px;
           padding: 5px;
@@ -77,7 +62,6 @@ export class WccSidebar extends DeesElement {
           grid-template-columns: 28px auto;
         }
         .selectOption:hover {
-          cursor: pointer;
           padding: 5px;
           color: #333;
           background: #fff;
@@ -88,7 +72,6 @@ export class WccSidebar extends DeesElement {
         }
 
         .selectOption.selected:hover {
-          cursor: pointer;
           color: #ffffff;
           background: #455A64;
         }
@@ -112,17 +95,7 @@ export class WccSidebar extends DeesElement {
 
         
       </style>
-      <div class="heading">
-        <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>
-        ${this.websites.map(website => {
-          return html`<div class="selectOption"><i class="material-symbols-outlined">ondemand_video</i><div class="text">${website}</div></div>`;
-        })}
         <h3>Pages</h3>
         ${(() => {
           const pages = Object.keys(this.dashboardRef.pages);
@@ -161,7 +134,7 @@ export class WccSidebar extends DeesElement {
             `;
           });
         })()}
-      </menu>
+      </div>
     `;
   }