zimjs 19.1.4 → 19.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zimjs",
-  "version": "19.1.4",
+  "version": "19.1.5",
   "type": "module",
   "main": "./src/zim.js",
   "types": "./ts-src/typings/zim",

package/src/zim.js

@@ -13370,16 +13370,16 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 				if (p.indexOf(",") != -1) {
 					zim.loop(p.split(" "), function (point) {
 						var pp = point.split(",");
-						points.push([Number(pp[0].trim()), Number(pp[1].trim())]);
+						points.push([Number(pp[0].trim()), Number(pp[1].trim()),0,0,0,0,0,0,"none"]);
 					});
 				} else {
 					var lastP;
 					zim.loop(p.split(" "), function (point, i) {
-						if ((i+1)%2==0) points.push([lastP, point.trim()]);
+						if ((i+1)%2==0) points.push([Number(lastP), Number(point.trim()),0,0,0,0,0,0,"none"]);
 						lastP = point.trim();
 					});
 				}
-				if (type=="polygon") shape = new Blob(f, s, ss, points);
+				if (type=="polygon") shape = new Blob(f, s, ss, points, null, null, null, null, showControls, null, null, null, null, null, null, null, null, null, null, null, null, null, interactive);
 				else shape = new zim.Squiggle(s, ss, points, null, null, null, null, showControls, null, null, null, null, null, null, null, null, null, null, null, null, null, interactive);
 			} else if (type == "ellipse") {
 				shape = new zim.Blob(f, s, ss, ellipse(0, 0, Number(tag.getAttribute("rx")), Number(tag.getAttribute("ry"))), null, null, null, null, showControls, null, null, null, null, null, null, null, null, null, null, null, null, null, interactive);
@@ -94731,7 +94731,7 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 		if (zot(bitmap)) bitmap = DS.bitmap!=null?DS.bitmap:true;
 		if (zot(splitTypes)) splitTypes = DS.splitTypes!=null?DS.splitTypes:false;
 		if (zot(geometric)) geometric = DS.geometric!=null?DS.geometric:true;
-		if (zot(showControls)) showControls = DS.showControls!=null?DS.showControls:false;
+		if (zot(showControls)) showControls = DS.showControls!=null?DS.showControls:null;
 		if (zot(interactive)) interactive = DS.interactive!=null?DS.interactive:true;
 
 		this.zimContainer_constructor(width, height);            	    	
@@ -95264,67 +95264,69 @@ DESCRIPTION
 The Frame has a "devicemotion" event to capture device tilt 
 and a "deviceorientation" to capture device rotation (like a compass)
 
-Also see the PermissionAsk() class which will handle asking for permission on iOS devices.
-
-NOTE:
-For either event the Frame sensors parameter MUST be set to true
+SEE: the PermissionAsk() class which will handle asking for permissions on devices.
 
 EXAMPLE
+// TILT
 // for capturing tilt on device (rotation about an axis)
-// also SEE the PermissionAsk example below
-// also set Frame sensors parameter to true
-// and be on a mobile device
-const label = new Label().center();
-F.on("deviceorientation", e=>{
-	label.text = e.rotation.x +","+ e.rotation.y +","+ e.rotation.z;
-	S.update();
+// be on a mobile device
+new PermissionAsk(yes=>{
+	if (yes) {
+		// all code goes in here
+		const label = new Label().loc(20,20);
+		F.on("deviceorientation", e=>{
+			label.text = "x: " + Math.round(e.rotation.x) 
+			    +"\ny: " + Math.round(e.rotation.y) 
+			    +"\nz: " + Math.round(e.rotation.z);
+			S.update();
+		});
+	} else {
+		new Pane("SENSOR not available",yellow).show();	
+	}
 });
 END EXAMPLE
 
 EXAMPLE
-// on iOS, the sensors must be allowed first - this example works for all devices
-const label = new Label().center();
-const permissionType = "deviceorientation"; // or "devicemotion"
-const ask = new PermissionAsk(init, permissionType);
-function init(yes) {
-	// if the user answers yes to the PermissionAsk
-	const errorPane = new Pane("SENSOR not available",yellow);
-	if (yes) {		
-		// use the sensors 		
-		F.on("deviceorientation", e=>{
-			label.text = e.rotation.x +","+ e.rotation.y +","+ e.rotation.z;
-			S.update();
+// SHAKE
+// for capturing shaking motion on device (acceleration about an access)
+// be on a mobile device
+new PermissionAsk(init, "devicemotion");
+function init(yes) {	
+	if (yes) { // the user answers yes to the PermissionAsk	
+		let id;
+		F.on("devicemotion", e=>{
+		    if (
+		        Math.abs(e.acceleration.x) > 5 ||
+		        Math.abs(e.acceleration.y) > 5 ||
+		        Math.abs(e.acceleration.z) > 5
+		    ) {
+		        if (F.color != red) {
+		            F.color = red;
+		            S.update();
+		        }
+		        if (id) id.clear();
+		        id = timeout(.2, ()=>{
+		            F.color = light;
+		            S.update();
+		        });
+		    } 
 		});
-		S.update();
-	} else { // answered no to PermissionAsk dialog		
-		errorPane.show();
+	} else { // the user answered no to PermissionAsk dialog		
+		new Pane("SENSOR not available",yellow).show()
 	}	
 }
 END EXAMPLE
 
-EXAMPLE
-// for shaking motion - ALSO see the PermissionAsk example above
-// and replace "deviceorientation" with "devicemotion" 
-// and replace e.rotation.x, etc. with e.acceleration.x etc.
-// also set Frame sensors parameter to true
-// and be on a mobile device
-const label = new Label().center();
-F.on("devicemotion", e=>{
-	label.text = e.acceleration.x +","+ e.acceleration.y +","+ e.acceleration.z;
-	S.update();
-});
-END EXAMPLE
-
 EVENTS 
-"devicemotion" - for tilt (also set Frame sensors parameter to true)
-	fired on moving mobile device - like a tilt or shake - eventObject.acceleration holds x, y and z properties of motion   
-"deviceorientation" - for rotation (also set Frame sensors parameter to true)
+"deviceorientation" - for tilt 
 	fired as device orientation changes:
 		eventObject.rotation.x (beta in HTML specs) holds rotation about the x axis between -180 and 180 (tipped forward or backward)
 		eventObject.rotation.y (gamma in HTML specs) holds rotation about the y axis between -90 and 90 (tipped left or right)
 		eventObject.rotation.z (alpha in HTML specs) holds rotation about the z axis 0-360 clockwise (relative to orientation when app loads)
 			note rotation.z is 360-alpha compared to the HTML 5 specs
 			note also that beta, gamma and alpha from the HTML 5 specs are also provided
+"devicemotion" - for shake
+	fired on moving mobile device - like a shake - eventObject.acceleration holds x, y and z properties of motion   
 --*///+83.86
 // Device motion and orientation events are available as Frame events
 //-83.86
@@ -95336,9 +95338,8 @@ PermissionAsk
 zim class - extends a zim.Pane which extends a zim.Container
 
 DESCRIPTION
-A circular confirmation widget to ask the user if they want a permission for iOS.
+A circular confirmation widget to ask the user if they want a permission on mobile.
 For some iOS permissions, the app needs to be interactive with first before permission can be asked!
-This is for iOS only - if not in iOS then will just pass through the test.
 
 Also adds Frame deviceorientation and devicemotion events for a matching permissionType.
 Pre ZIM 018, this was done with a sensors parameter on the Frame.
@@ -95351,44 +95352,49 @@ NOTE: as of ZIM 5.5.0 the zim namespace is no longer required (unless zns is set
 EXAMPLE
 // DEVICE ORIENTATION - gives angle of device in all 3 dimensions
 // Note: this is NOT an orientation event to see if phone is portrait or landscape (see Frame orientation event)
-// new Frame({scaling:FIT, width:1024, height:768, color:white, outerColor:dark, ready:ready, sensors:true});
 
-const permissionType = "deviceorientation"; 
-const ask = new PermissionAsk(init, permissionType);
-function init(yes) {	
-	const errorPane = new Pane("SENSOR not available",yellow);	
-	if (yes) { // the user answers yes to the PermissionAsk
-		// use the sensors 
-		const label = new Label("on mobile").centerReg();
+new PermissionAsk(yes=>{
+	if (yes) {
+		// all code goes in here
+		const label = new Label().loc(20,20);
 		F.on("deviceorientation", e=>{
-			// use the sensors 		
-			label.text = label.text = "x: "+decimals(e.rotation.x) +"\ny: "+ decimals(e.rotation.y) +"\nz: "+ decimals(e.rotation.z);
+			label.text = "x: " + Math.round(e.rotation.x) 
+			    +"\ny: " + Math.round(e.rotation.y) 
+			    +"\nz: " + Math.round(e.rotation.z);
 			S.update();
 		});
-	} else { // the user answered no to PermissionAsk dialog		
-		errorPane.show();
-	}	
-}
+	} else {
+		new Pane("SENSOR not available",yellow).show();	
+	}
+});
 END EXAMPLE
 
 EXAMPLE
 // DEVICE MOTION - gives accelerometer values in all 3 dimensions
-// new Frame({scaling:FIT, width:1024, height:768, color:white, outerColor:dark, ready:ready, sensors:true});
 
-const permissionType = "devicemotion"; 
-const ask = new PermissionAsk(init, permissionType);
+new PermissionAsk(init, "devicemotion");
 function init(yes) {	
-	const errorPane = new Pane("SENSOR not available",yellow);	
-	if (yes) { // the user answers yes to the PermissionAsk
-		// use the sensors 
-		const label = new Label("on mobile").centerReg();
+	if (yes) { // the user answers yes to the PermissionAsk	
+		let id;
 		F.on("devicemotion", e=>{
-			// use the sensors 		
-			label.text = "x: "+decimals(e.acceleration.x, 3) +"\ny: "+ decimals(e.acceleration.y, 3) +"\nz: "+ decimals(e.acceleration.z, 3);
-			S.update();
+		    if (
+		        Math.abs(e.acceleration.x) > 5 ||
+		        Math.abs(e.acceleration.y) > 5 ||
+		        Math.abs(e.acceleration.z) > 5
+		    ) {
+		        if (F.color != red) {
+		            F.color = red;
+		            S.update();
+		        }
+		        if (id) id.clear();
+		        id = timeout(.2, ()=>{
+		            F.color = light;
+		            S.update();
+		        });
+		    } 
 		});
 	} else { // the user answered no to PermissionAsk dialog		
-		errorPane.show();
+		new Pane("SENSOR not available",yellow).show()
 	}	
 }
 END EXAMPLE
@@ -95489,7 +95495,8 @@ alpha, cursor, shadow, name, mouseChildren, mouseEnabled, parent, numChildren, e
 			backgroundColor:zim.faint,
 			rollBackgroundColor:color,
 			borderColor:color,
-			borderWidth:2         
+			borderWidth:2,
+			align:CENTER     
 		});
         var pt = permissionType;
 		var okay = false;
@@ -103366,3 +103373,4 @@ export let Style = zim.Style;
 export let assets = zim.assets;
 export let assetIDs = zim.assetIDs;
 export let ZIMON = zim.ZIMON;
+