BREAKING CHANGE(decorators): Migrate to TC39 standard decorators (accessor) across components, update tsconfig and bump dependencies

ts_web/elements/dees-modal.ts

@@ -78,37 +78,37 @@ export class DeesModal extends DeesElement {
   @property({
     type: String,
   })
-  public heading = '';
+  accessor heading = '';
 
   @state({})
-  public content: TemplateResult;
+  accessor content: TemplateResult;
 
   @state({})
-  public menuOptions: plugins.tsclass.website.IMenuItem<DeesModal>[] = [];
+  accessor menuOptions: plugins.tsclass.website.IMenuItem<DeesModal>[] = [];
 
   @property({ type: String })
-  public width: 'small' | 'medium' | 'large' | 'fullscreen' | number = 'medium';
+  accessor width: 'small' | 'medium' | 'large' | 'fullscreen' | number = 'medium';
 
   @property({ type: Number })
-  public maxWidth: number;
+  accessor maxWidth: number;
 
   @property({ type: Number })
-  public minWidth: number;
+  accessor minWidth: number;
 
   @property({ type: Boolean })
-  public showCloseButton: boolean = true;
+  accessor showCloseButton: boolean = true;
 
   @property({ type: Boolean })
-  public showHelpButton: boolean = false;
+  accessor showHelpButton: boolean = false;
 
   @property({ attribute: false })
-  public onHelp: () => void | Promise<void>;
-  
+  accessor onHelp: () => void | Promise<void>;
+
   @property({ type: Boolean })
-  public mobileFullscreen: boolean = false;
-  
+  accessor mobileFullscreen: boolean = false;
+
   @state()
-  private modalZIndex: number = 1000;
+  accessor modalZIndex: number = 1000;
 
   constructor() {
     super();