fix(polyfill): device rotation size

Author: triniwiz

packages/canvas-polyfill/resize.ts

@@ -1,54 +1,34 @@
-import {Screen} from "@nativescript/core";
-import {Application} from "@nativescript/core";
+import { Screen } from '@nativescript/core';
+import { Application } from '@nativescript/core';
 /*
  Window Resize Stub
 */
 
 const scale = Screen.mainScreen.scale;
 
 (global as any).window.devicePixelRatio = (global as any).devicePixelRatio = 1;
-(global as any).window.innerWidth = (global as any).innerWidth =
-    Screen.mainScreen.widthPixels;
-(global as any).window.clientWidth = (global as any).clientWidth =
-    Screen.mainScreen.widthPixels;
-(global as any).window.innerHeight = (global as any).innerHeight =
-    Screen.mainScreen.heightPixels;
-(global as any).window.clientHeight = (global as any).clientHeight =
-    Screen.mainScreen.heightPixels;
-(global as any).window.screen = (global as any).screen =
-    (global as any).screen || {};
-(global as any).window.screen.orientation = (global as any).screen.orientation =
-    (global as any).screen.orientation ||
-    (global as any).clientWidth < (global as any).clientHeight
-        ? 0
-        : 90;
+(global as any).window.innerWidth = (global as any).innerWidth = Screen.mainScreen.widthPixels;
+(global as any).window.clientWidth = (global as any).clientWidth = Screen.mainScreen.widthPixels;
+(global as any).window.innerHeight = (global as any).innerHeight = Screen.mainScreen.heightPixels;
+(global as any).window.clientHeight = (global as any).clientHeight = Screen.mainScreen.heightPixels;
+(global as any).window.screen = (global as any).screen = (global as any).screen || {};
+(global as any).window.screen.orientation = (global as any).screen.orientation = (global as any).screen.orientation || (global as any).clientWidth < (global as any).clientHeight ? 0 : 90;
 
 if (!(global as any).__TNS_BROWSER_POLYFILL_RESIZE) {
-    (global as any).__TNS_BROWSER_POLYFILL_RESIZE = true;
-    Application.on("orientationChanged", (args) => {
-        let width = 0;
-        let height = 0;
-        switch (args.newValue) {
-            case "portrait":
-                width = Screen.mainScreen.widthPixels;
-                height = Screen.mainScreen.heightPixels;
-                break;
-            default:
-                width = Screen.mainScreen.heightPixels;
-                height = Screen.mainScreen.widthPixels;
-                break;
-        }
+	(global as any).__TNS_BROWSER_POLYFILL_RESIZE = true;
+	Application.on(Application.orientationChangedEvent, (args) => {
+		let width = Screen.mainScreen.widthPixels;
+		let height = Screen.mainScreen.heightPixels;
 
-        (global as any).window.devicePixelRatio = (global as any).devicePixelRatio = scale;
-        (global as any).window.innerWidth = (global as any).innerWidth = width;
-        (global as any).window.clientWidth = (global as any).clientWidth = width;
-        (global as any).window.innerHeight = (global as any).innerHeight = height;
-        (global as any).window.clientHeight = (global as any).clientHeight = height;
-        (global as any).window.orientation = (global as any).orientation =
-            args.newValue === "portrait" ? 0 : 90;
-        (global as any).window.screen.orientation = (global as any).screen.orientation = (global as any).orientation;
-        if ((global as any).emitter && (global as any).emitter.emit) {
-            (global as any).emitter.emit("resize");
-        }
-    });
+		(global as any).window.devicePixelRatio = (global as any).devicePixelRatio = scale;
+		(global as any).window.innerWidth = (global as any).innerWidth = width;
+		(global as any).window.clientWidth = (global as any).clientWidth = width;
+		(global as any).window.innerHeight = (global as any).innerHeight = height;
+		(global as any).window.clientHeight = (global as any).clientHeight = height;
+		(global as any).window.orientation = (global as any).orientation = args.newValue === 'portrait' ? 0 : 90;
+		(global as any).window.screen.orientation = (global as any).screen.orientation = (global as any).orientation;
+		if ((global as any).emitter && (global as any).emitter.emit) {
+			(global as any).emitter.emit('resize');
+		}
+	});
 }