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

ts_web/elements/dees-dashboardgrid/dees-dashboardgrid.ts

@@ -71,49 +71,49 @@ export class DeesDashboardgrid extends DeesElement {
   public static styles = dashboardGridStyles;
 
   @property({ type: Array })
-  public widgets: DashboardWidget[] = [];
+  accessor widgets: DashboardWidget[] = [];
 
   @property({ type: Number })
-  public cellHeight: number = 80;
+  accessor cellHeight: number = 80;
 
   @property({ type: Object })
-  public margin: DashboardMargin = 10;
+  accessor margin: DashboardMargin = 10;
 
   @property({ type: Number })
-  public columns: number = 12;
+  accessor columns: number = 12;
 
   @property({ type: Boolean })
-  public editable: boolean = true;
+  accessor editable: boolean = true;
 
   @property({ type: Boolean, reflect: true })
-  public enableAnimation: boolean = true;
+  accessor enableAnimation: boolean = true;
 
   @property({ type: String })
-  public cellHeightUnit: CellHeightUnit = 'px';
+  accessor cellHeightUnit: CellHeightUnit = 'px';
 
   @property({ type: Boolean })
-  public rtl: boolean = false;
+  accessor rtl: boolean = false;
 
   @property({ type: Boolean })
-  public showGridLines: boolean = false;
+  accessor showGridLines: boolean = false;
 
   @property({ attribute: false })
-  public layouts?: Record<string, DashboardLayoutItem[]>;
+  accessor layouts: Record<string, DashboardLayoutItem[]> | undefined = undefined;
 
   @property({ type: String })
-  public activeBreakpoint: string = 'base';
+  accessor activeBreakpoint: string = 'base';
 
   @state()
-  private placeholderPosition: DashboardLayoutItem | null = null;
+  accessor placeholderPosition: DashboardLayoutItem | null = null;
 
   @state()
-  private metrics: GridCellMetrics | null = null;
+  accessor metrics: GridCellMetrics | null = null;
 
   @state()
-  private resolvedMargins: DashboardResolvedMargins | null = null;
+  accessor resolvedMargins: DashboardResolvedMargins | null = null;
 
   @state()
-  private previewWidgets: DashboardWidget[] | null = null;
+  accessor previewWidgets: DashboardWidget[] | null = null;
 
   private containerBounds: DOMRect | null = null;
   private dragState: DragState | null = null;