zimjs 16.4.3 → 16.4.5

package/package.json

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

package/src/zim.js

@@ -908,7 +908,7 @@ END EXAMPLE
 
 EXAMPLE 
 // Remember the seed for a user with localStorage (like a cookie)
-const seed = rand(100000000);
+let seed = rand(100000000);
 if (localStorage) {
 	if (localStorage.seed) seed = localStorage.seed;
 	else localStorage.seed = seed;
@@ -925,7 +925,7 @@ new Circle(100, [red, green, blue]).center().mov(0,300);
 
 seedRandom(); // clears the seed
 // below will be a random color each time
-new Circle(100, [red, green, blue]).center().mov(0,300);
+new Circle(100, [red, green, blue]).center().mov(200,300);
 END EXAMPLE
 
 PARAMETERS 
@@ -10020,12 +10020,14 @@ zim.Bitmap = function(image, width, height, left, top, scale, style, group, inhe
 			displayCheck = true;
 			var cached = image.cacheCanvas;
 			var original = image;
+			var bOriginal = original.getBounds();
 			image.cache(left,top,width,height,scale); // do not chain on end as might be createjs image
 			this.z_bc = image = image.cacheCanvas; // what we will pass to bitmap
 		}		
 	}	
 	this.cjsBitmap_constructor(image);
 	if (original && !cached) original.uncache();
+	if (bOriginal) original.setBounds(bOriginal.x, bOriginal.y, bOriginal.width, bOriginal.height);
 	
 	var that = this;
 	this.type = "Bitmap";	
@@ -29648,7 +29650,7 @@ corner - (default 0) the corner radius if there is a backdropColor provided
 	can also be an array of [topLeft, topRight, bottomRight, bottomLeft]
 indicatorType - (default "dot" or "circle") can also be "box" or "square", "heart", "star"
 	or pass in a ZIM Emoji and Indicator will fade alpha to backgroundAlpha parameter setting for unselected emojis
-    or pass any display object and the this will be used 
+	or pass any display object and the this will be used 
 fill - (default false) set to true to fill in lights to the left of the selectedIndex
 scale - (default 1) for all the lights including spacing
 lightScale - (default 1) scale for each light - keeping the spacing unchanged
@@ -29656,8 +29658,8 @@ interactive - (default false) set to true to make lights clickable
 	clicking on first light when first light is only light on, will toggle light
 shadowColor - (default rgba(0,0,0,.3)) set to -1 for no shadow
 shadowBlur - (default 5) the shadow blur if shadow is set
-selectedIndex - (default 0) - set the selectedIndex at start
-backgroundAlpha - (default 1 or .2 if indicatorType is Emoji) - affects only Emoji indicatorType
+selectedIndex - (default 0) - set the selectedIndex at start.  Use -1 for no indicator at start.
+backgroundAlpha - (default 1 or .2 if indicatorType is Emoji) - affects only Emoji and custom DisplayObject indicatorType
 style - (default true) set to false to ignore styles set with the STYLE - will receive original parameter defaults
 group - (default null) set to String (or comma delimited String) so STYLE can set default styles to the group(s) (like a CSS class)
 inherit - (default null) used internally but can receive an {} of styles directly
@@ -32593,6 +32595,13 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 				}
 				next.y = height/2;
 			}
+
+		}
+
+		if (arrows && rightForward===false) {
+			// zim.swapProperties("x", next, prev);
+			// zim.swapProperties("y", next, prev);
+			// zim.swapProperties("rotation", next, prev);
 		}
 
 		// pressdown and move mouse changes speed and direction of stepper
@@ -32943,16 +32952,30 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 			arrowNext.color = arrowColor;
 			next.cur("pointer");
 			if (!continuous) {
-				if (stepperType == "number") {
-					if (index == that.min) {
-						if (numDir > 0) {greyPrev();} else {greyNext();}
-					}
-					if (index == that.max) {
-						if (numDir > 0) {greyNext();} else {greyPrev();}
+				if (rightForward!==false) {
+					if (stepperType == "number") {
+						if (index == that.min) {
+							if (numDir > 0) {greyPrev();} else {greyNext();}
+						}
+						if (index == that.max) {
+							if (numDir > 0) {greyNext();} else {greyPrev();}
+						}
+					} else {
+						if (index == 0) vertical?greyNext():greyPrev();
+						if (index == list.length-1) vertical?greyPrev():greyNext();
 					}
 				} else {
-					if (index == 0) vertical?greyNext():greyPrev();
-					if (index == list.length-1) vertical?greyPrev():greyNext();
+					if (stepperType == "number") {
+						if (index == that.min) {
+							if (numDir > 0) {greyNext();} else {greyPrev();}
+						}
+						if (index == that.max) {
+							if (numDir > 0) {greyPrev();} else {greyNext();}
+						}
+					} else {
+						if (index == 0) vertical?greyPrev():greyNext();
+						if (index == list.length-1) vertical?greyNext():greyPrev();
+					}
 				}
 			}
 		}
@@ -42298,7 +42321,7 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 						draggable:true,
 					});
 					that.textArea = new zim.TextArea(Math.min(400, that.stage.width-70), Math.min(400, that.stage.height-70))
-						.centerReg(that.pane);
+					that.pane.add(that.textArea);
 				} 
 				that.pane.show();		
 				that.textArea.text = JSON.stringify(_steps);
@@ -46725,6 +46748,8 @@ Chainable function that sets the object's cursor to the type provided - same as
 
 NOTE: if using drag(), it will set its own cursor, so use the dragCursor parameter in that case.
 
+NOTE: there are also custom cursors as the cursors property of Frame.
+
 EXAMPLE
 const circle = new Circle(10, red).center().cur(); // "pointer"
 circle.on("click", ()=>{zog("yes");});
@@ -52021,6 +52046,7 @@ sequence - (default 0) the delay time in seconds to run on children of a contain
 	If the loop prop is true then sequenceCall below would activate for each loop
 	For an array, you must use the zim function with a target parameter - otherwise you can use the ZIM 4TH method
 	Note: a sequence cannot be seriesed and a series cannot be sequenced
+	Note: for a sequence animate() give the animate() an id and pauseAnimate() or stopAnimate() that id.
 sequenceCall - (default null) the function that will be called for each sequence animation 
 	Note: the value of the sequenceCall parameter will be the object that just ended animation unless there is a sequenceParams value
 sequenceParams - (default null) a parameter sent to the sequenceCall function
@@ -52136,6 +52162,7 @@ PROPERTIES - zim.animate() adds the following properties to any object it animat
 		even if other animations are still running.
 		Pausing multiple objects should work fine.
 		See the tweenState property to test which ids are animating or paused
+		For a sequence animate() give the animate() an id and pauseAnimate() or stopAnimate() that id.
 	waiting - read-only - true when animation is waiting in wait, rewindWait, loopWait
 	tweenState - an object with tween ids as properties along with an all property (unless no tweens anymore)
 		these properties are true if animating and false if paused 
@@ -55016,6 +55043,8 @@ To stop a Shape tween, set an id in the animate call and use that id to stop the
 this is because the shape tween animation is not on the shape but on its many control points
 See also pauseAnimate()
 
+NOTE: for a sequence animate() give the animate() an id and pauseAnimate() or stopAnimate() that id.
+
 NOTE: formerly stopZimAnimate - which still works but is depreciated
 
 NOTE: calling stopAnimate(id) stops tweens with this id on all objects
@@ -55103,6 +55132,8 @@ To pause a Shape tween, set an id in the animate call and use that id to pause t
 this is because the shape tween animation is not on the shape but on its many control points
 See also stopAnimate
 
+NOTE: for a sequence animate() give the animate() an id and pauseAnimate() or stopAnimate() that id.
+
 NOTE: formerly pauseZimAnimate - which still works but is depreciated
 
 NOTE: calling pauseAnimate(true, id) pauses tweens with this id on all objects
@@ -57291,7 +57322,7 @@ EXAMPLE
 // setting TIMECHECK to true will test for any time over 10 as that may be ms 
 
 TIMECHECK = true;
-new Circle().center().wiggle("x", 100,200, 2000, 4000); // will give warning in console about time not being in MS
+new Circle().center().wiggle("x", 100,200, 2000, 4000); // will give warning in console about time not being in ms
 END EXAMPLE
 --*///+29.45
 zim.TIMECHECK = false;
@@ -58364,6 +58395,7 @@ you can define multiple pages objects add and remove pages objects as needed
 
 		var swipeEvent = this.swipe.on("swipe", function(e) {
 			if (!that.active) return;
+			if (!that.parent) return;
 			var direction = e.currentTarget.direction;
 			if (direction == "none") return;
 			// swap direction (swipe up means move down)
@@ -90106,8 +90138,8 @@ const ask = new CamAsk().show(yes=>{
 		const camMotion = new CamMotion({
 			visualizerColor:[green,orange,yellow,red,blue,purple,pink], 
 			visualizerBaseColor:clear, 
-			visualizerScale:60, 
-			visualizerBaseScale:10
+			visualizerScale:6, 
+			visualizerBaseScale:1
 		}).center();
 
 		// Optionally adjust the circles