1.0.87

.gitea/workflows/default_tags.yaml

@@ -119,6 +119,6 @@ jobs:
         run: |
           npmci node install stable
           npmci npm install
-          pnpm install -g @gitzone/tsdoc
+          pnpm install -g @git.zone/tsdoc
           npmci command tsdoc
         continue-on-error: true

html/index.ts

@@ -1,10 +1,10 @@
 // dees tools
-import * as deesWccTools from '@designestate/dees-wcctools';
-import * as deesDomTools from '@designestate/dees-domtools';
+import * as deesWccTools from '../ts_web/index.js';
+import * as deesDomTools from '@design.estate/dees-domtools';
 
 // elements and pages
-import * as elements from '../ts_web/elements/index.js';
-import * as pages from '../ts_web/pages/index.js';
+import * as elements from '../test/elements/index.js';
+import * as pages from '../test/pages/index.js';
 
 deesWccTools.setupWccTools(elements as any, pages);
 deesDomTools.elementBasic.setup();

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-wcctools",
-  "version": "1.0.79",
+  "version": "1.0.87",
   "private": false,
   "description": "wcc tools for creating element catalogues",
   "main": "dist_ts_web/index.js",
@@ -15,18 +15,18 @@
   "author": "Lossless GmbH",
   "license": "UNLICENSED",
   "dependencies": {
-    "@design.estate/dees-domtools": "^2.0.6",
-    "@design.estate/dees-element": "^2.0.6",
-    "@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.1"
   },
   "devDependencies": {
-    "@api.global/typedserver": "^3.0.4",
-    "@gitzone/tsbuild": "^2.1.66",
-    "@gitzone/tsbundle": "^2.0.8",
-    "@gitzone/tswatch": "^2.0.7",
-    "@push.rocks/projectinfo": "^5.0.1"
+    "@api.global/typedserver": "^3.0.19",
+    "@git.zone/tsbuild": "^2.1.72",
+    "@git.zone/tsbundle": "^2.0.15",
+    "@git.zone/tsrun": "^1.2.44",
+    "@git.zone/tswatch": "^2.0.21",
+    "@push.rocks/projectinfo": "^5.0.2"
   },
   "files": [
     "ts/**/*",

test/elements/test-demoelement.ts

@@ -1,14 +1,14 @@
 import {
   DeesElement,
   customElement,
-  TemplateResult,
+  type TemplateResult,
   html,
   property,
   css,
   cssManager,
-} from '@designestate/dees-element';
+} from '@design.estate/dees-element';
 
-import * as domtools from '@designestate/dees-domtools';
+import * as domtools from '@design.estate/dees-domtools';
 
 enum ETestEnum {
   'first' = 'first',

ts_web/00_commitinfo_data.ts

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

ts_web/elements/wcc-frame.ts

@@ -25,6 +25,7 @@ export class WccFrame extends DeesElement {
         bottom: 100px;
         overflow-y: auto;
         overflow-x: auto;
+        overscroll-behavior: contain;
       }
 
       .viewport {

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;
         }

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>
     `;
   }
 

tsconfig.json

@@ -3,9 +3,12 @@
     "experimentalDecorators": true,
     "useDefineForClassFields": false,
     "target": "ES2022",
-    "module": "ES2022",
-    "moduleResolution": "nodenext",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
     "esModuleInterop": true,
-    "verbatimModuleSyntax": true,
-  }
+    "verbatimModuleSyntax": true
+  },
+  "exclude": [
+    "dist_*/**/*.d.ts"
+  ]
 }