update

package.json

@@ -23,14 +23,14 @@
     "lit": "^3.3.1"
   },
   "devDependencies": {
-    "@api.global/typedserver": "^3.0.79",
-    "@git.zone/tsbuild": "^2.7.1",
-    "@git.zone/tsbundle": "^2.5.1",
-    "@git.zone/tsrun": "^1.6.2",
-    "@git.zone/tstest": "^2.7.0",
-    "@git.zone/tswatch": "^2.2.1",
+    "@api.global/typedserver": "^7.11.1",
+    "@git.zone/tsbuild": "^3.1.2",
+    "@git.zone/tsbundle": "^2.6.3",
+    "@git.zone/tsrun": "^2.0.0",
+    "@git.zone/tstest": "^3.1.3",
+    "@git.zone/tswatch": "^2.3.9",
     "@push.rocks/projectinfo": "^5.0.2",
-    "@types/node": "^22.18.6"
+    "@types/node": "^25.0.0"
   },
   "files": [
     "ts/**/*",

pnpm-workspace.yaml

@@ -1,4 +0,0 @@
-onlyBuiltDependencies:
-  - esbuild
-  - mongodb-memory-server
-  - puppeteer

readme.md

@@ -10,6 +10,10 @@ Web Component Development Tools - A powerful framework for building, testing, an
 - 🧪 Advanced demo tools for component testing
 - 🚀 Zero-config setup with TypeScript and Lit support
 
+## Issue Reporting and Security
+
+For reporting bugs, issues, or security vulnerabilities, please visit [community.foss.global/](https://community.foss.global/). This is the central community hub for all issue reporting. Developers who sign and comply with our contribution agreement and go through identification can also get a [code.foss.global/](https://code.foss.global/) account to submit Pull Requests directly.
+
 ## Installation
 
 ```bash

ts_demotools/demotools.ts

@@ -3,7 +3,7 @@ import { DeesElement, customElement, html, css, property, type TemplateResult }
 @customElement('dees-demowrapper')
 export class DeesDemoWrapper extends DeesElement {
   @property({ attribute: false })
-  public runAfterRender: (wrapperElement: DeesDemoWrapper) => void | Promise<void>;
+  accessor runAfterRender: (wrapperElement: DeesDemoWrapper) => void | Promise<void>;
 
   public static styles = [
     css`

ts_web/elements/wcc-dashboard.ts

@@ -17,38 +17,38 @@ import { WccFrame } from './wcc-frame.js';
 export class WccDashboard extends DeesElement {
 
   @property()
-  public selectedType: TElementType;
+  accessor selectedType: TElementType;
 
   @property()
-  public selectedItemName: string;
+  accessor selectedItemName: string;
 
   @property()
-  public selectedItem: TTemplateFactory | DeesElement;
+  accessor selectedItem: TTemplateFactory | DeesElement;
 
   @property()
-  public selectedViewport: plugins.deesDomtools.breakpoints.TViewport = 'desktop';
+  accessor selectedViewport: plugins.deesDomtools.breakpoints.TViewport = 'desktop';
 
   @property()
-  public selectedTheme: TTheme = 'dark';
+  accessor selectedTheme: TTheme = 'dark';
 
   @property()
-  public isFullscreen: boolean = false;
+  accessor isFullscreen: boolean = false;
 
   @property()
-  public pages: Record<string, TTemplateFactory> = {};
+  accessor pages: Record<string, TTemplateFactory> = {};
 
   @property()
-  public elements: { [key: string]: DeesElement } = {};
+  accessor elements: { [key: string]: DeesElement } = {};
 
   @property()
-  public warning: string = null;
+  accessor warning: string = null;
   
   private frameScrollY: number = 0;
   private sidebarScrollY: number = 0;
   private scrollPositionsApplied: boolean = false;
   
   @queryAsync('wcc-frame')
-  public wccFrame: Promise<WccFrame>;
+  accessor wccFrame: Promise<WccFrame>;
 
   constructor(
     elementsArg?: { [key: string]: DeesElement },

ts_web/elements/wcc-frame.ts

@@ -11,13 +11,13 @@ declare global {
 @customElement('wcc-frame')
 export class WccFrame extends DeesElement {
   @property()
-  public viewport: string;
+  accessor viewport: string;
 
   @property({ type: Boolean })
-  public advancedEditorOpen: boolean = false;
+  accessor advancedEditorOpen: boolean = false;
 
   @property({ type: Boolean })
-  public isFullscreen: boolean = false;
+  accessor isFullscreen: boolean = false;
 
   public static styles = [
     css`

ts_web/elements/wcc-properties.ts

@@ -18,28 +18,28 @@ export class WccProperties extends DeesElement {
   @property({
     type: WccDashboard
   })
-  public dashboardRef: WccDashboard;
+  accessor dashboardRef: WccDashboard;
 
   @property()
-  public selectedItem: TTemplateFactory | DeesElement;
+  accessor selectedItem: TTemplateFactory | DeesElement;
 
   @property()
-  public selectedViewport: TEnvironment = 'native';
+  accessor selectedViewport: TEnvironment = 'native';
 
   @property()
-  public selectedTheme: TTheme = 'dark';
+  accessor selectedTheme: TTheme = 'dark';
 
   @property()
-  public warning: string = null;
+  accessor warning: string = null;
 
   @property()
-  public isFullscreen: boolean = false;
+  accessor isFullscreen: boolean = false;
 
   @state()
-  propertyContent: TemplateResult[] = [];
+  accessor propertyContent: TemplateResult[] = [];
 
   @state()
-  editingProperties: Array<{
+  accessor editingProperties: Array<{
     id: string;
     name: string;
     value: any;

ts_web/elements/wcc-sidebar.ts

@@ -8,16 +8,16 @@ export type TElementType = 'element' | 'page';
 @customElement('wcc-sidebar')
 export class WccSidebar extends DeesElement {
   @property({ attribute: false })
-  public selectedItem: DeesElement | TTemplateFactory;
+  accessor selectedItem: DeesElement | TTemplateFactory;
 
   @property({ attribute: false })
-  public selectedType: TElementType;
+  accessor selectedType: TElementType;
 
   @property()
-  public dashboardRef: WccDashboard;
+  accessor dashboardRef: WccDashboard;
 
   @property()
-  public isFullscreen: boolean = false;
+  accessor isFullscreen: boolean = false;
 
   public render(): TemplateResult {
     return html`

tsconfig.json

@@ -1,7 +1,5 @@
 {
   "compilerOptions": {
-    "experimentalDecorators": true,
-    "useDefineForClassFields": false,
     "target": "ES2022",
     "module": "NodeNext",
     "moduleResolution": "NodeNext",