From 38c7a639cadddebb25b35ebe4e525c29b10ce0da Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Sun, 8 Jan 2023 13:02:07 +0400
Subject: [PATCH] TS Preview

---
 src/commands/view/CommandAbstract.ts         |  2 +-
 src/commands/view/{Preview.js => Preview.ts} | 16 +++++++++-------
 2 files changed, 10 insertions(+), 8 deletions(-)
 rename src/commands/view/{Preview.js => Preview.ts} (85%)

diff --git a/src/commands/view/CommandAbstract.ts b/src/commands/view/CommandAbstract.ts
index 1a42e1281..b380f0f0e 100644
--- a/src/commands/view/CommandAbstract.ts
+++ b/src/commands/view/CommandAbstract.ts
@@ -137,7 +137,7 @@ export default class CommandAbstract<O extends AnyObject = any> extends Model {
   /**
    * Stop current command
    */
-  stopCommand(opts: any) {
+  stopCommand(opts?: any) {
     this.em.get('Commands').stop(this.id, opts);
   }
 
diff --git a/src/commands/view/Preview.js b/src/commands/view/Preview.ts
similarity index 85%
rename from src/commands/view/Preview.js
rename to src/commands/view/Preview.ts
index 2790d66ff..f055e5cee 100644
--- a/src/commands/view/Preview.js
+++ b/src/commands/view/Preview.ts
@@ -1,9 +1,11 @@
 import { each } from 'underscore';
+import Editor from '../../editor';
+import { CustomCommand } from './CommandAbstract';
 
 const cmdOutline = 'core:component-outline';
 
 export default {
-  getPanels(editor) {
+  getPanels(editor: Editor) {
     if (!this.panels) {
       this.panels = editor.Panels.getPanels();
     }
@@ -11,11 +13,11 @@ export default {
     return this.panels;
   },
 
-  preventDrag(opts) {
+  preventDrag(opts: any) {
     opts.abort = 1;
   },
 
-  tglEffects(on) {
+  tglEffects(on: boolean) {
     const { em } = this;
     const mthEv = on ? 'on' : 'off';
     if (em) {
@@ -43,7 +45,7 @@ export default {
 
     const panels = this.getPanels(editor);
     const canvas = editor.Canvas.getElement();
-    const editorEl = editor.getEl();
+    const editorEl = editor.getEl()!;
     const pfx = editor.Config.stylePrefix;
 
     if (!this.helper) {
@@ -56,7 +58,7 @@ export default {
 
     this.helper.style.display = 'inline-block';
 
-    panels.forEach(panel => panel.set('visible', false));
+    panels.forEach((panel: any) => panel.set('visible', false));
 
     const canvasS = canvas.style;
     canvasS.width = '100%';
@@ -80,7 +82,7 @@ export default {
     }
 
     editor.getModel().runDefault();
-    panels.forEach(panel => panel.set('visible', true));
+    panels.forEach((panel: any) => panel.set('visible', true));
 
     const canvas = editor.Canvas.getElement();
     canvas.setAttribute('style', '');
@@ -94,4 +96,4 @@ export default {
     editor.refresh();
     this.tglEffects();
   },
-};
+} as CustomCommand<{}, { [k: string]: any }>;