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

ts_web/elements/dees-pdf-viewer/component.ts

@@ -20,40 +20,40 @@ export class DeesPdfViewer extends DeesElement {
   public static styles = viewerStyles;
 
   @property({ type: String })
-  public pdfUrl: string = '';
+  accessor pdfUrl: string = '';
 
   @property({ type: Number })
-  public initialPage: number = 1;
+  accessor initialPage: number = 1;
 
   @property({ type: String })
-  public initialZoom: 'auto' | 'page-fit' | 'page-width' | number = 'auto';
+  accessor initialZoom: 'auto' | 'page-fit' | 'page-width' | number = 'auto';
 
   @property({ type: Boolean })
-  public showToolbar: boolean = true;
+  accessor showToolbar: boolean = true;
 
   @property({ type: Boolean })
-  public showSidebar: boolean = false;
+  accessor showSidebar: boolean = false;
 
   @property({ type: Number })
-  private currentPage: number = 1;
+  accessor currentPage: number = 1;
 
   @property({ type: Number })
-  private totalPages: number = 1;
+  accessor totalPages: number = 1;
 
   @property({ type: Number })
-  private currentZoom: number = 1;
+  accessor currentZoom: number = 1;
 
   @property({ type: Boolean })
-  private loading: boolean = false;
+  accessor loading: boolean = false;
 
   @property({ type: String })
-  private documentId: string = '';
+  accessor documentId: string = '';
 
   @property({ type: Array })
-  private thumbnailData: Array<{page: number, rendered: boolean}> = [];
+  accessor thumbnailData: Array<{page: number, rendered: boolean}> = [];
 
   @property({ type: Array })
-  private pageData: Array<{page: number, rendered: boolean, rendering: boolean}> = [];
+  accessor pageData: Array<{page: number, rendered: boolean, rendering: boolean}> = [];
 
   private pdfDocument: any;
   private renderState: RenderState = 'idle';