update

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`