zimjs 16.4.2 → 16.4.4

package/package.json

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

package/src/zim.js

@@ -30540,6 +30540,8 @@ zim.TextInput.LabelInput = function(text, size, maxLength, password, selectionCo
 	this.hiddenInput.style.width = "1px";
 	this.hiddenInput.style.height = "1px";
 	this.hiddenInput.style.fontSize = "1px";	
+
+	// this.hiddenInput.style.direction = rtl?"rtl":"ltr";
 			
 	this.onFocus = function() {
 		if (this.stage) frame = this.stage.frame;
@@ -32591,6 +32593,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
@@ -32941,16 +32950,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();
+					}
 				}
 			}
 		}
@@ -42296,7 +42319,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);
@@ -52019,6 +52042,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
@@ -52134,6 +52158,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 
@@ -53262,6 +53287,7 @@ RETURNS the target for chaining (or null if no target is provided and run on zim
 			if (target.handlePath) target.handlePath();
 		}
 
+
 		// PATH ANIMATION SETUP
 		var pathObject,newPoint,locPoint,segments;
 		if (!zot(obj.path) && obj.path.segmentPoints) {
@@ -53270,8 +53296,10 @@ RETURNS the target for chaining (or null if no target is provided and run on zim
 			if (target.type == "Pen") target.infinite = true;
 			target.zimOnPath = true;
 			if (zot(target.pathRatio)) target.pathRatio = 0;
-			if (obj.orient) {
+			if (obj.orient===true) {
 				obj.orient = obj.path;
+			}
+			if (obj.orient) {
 				obj.startOrient = obj.rotation; // ?
 			}
 			pathObject = obj.path;
@@ -55011,6 +55039,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
@@ -55098,6 +55128,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
@@ -67828,7 +67860,7 @@ fromIDs - an object of from() properties in the form {prop1:[id1, id2], prop2:[i
                 if (objs.length>0) {
                     zim.loop(objs, function (obj) {
                         ids = that.objIDs.at(obj);
-                        if (ids.length>0) {
+                        if (ids && ids.length>0) {
                             zim.loop(ids, function (id) {
                                 clearID(id, false);
                             });
@@ -68212,7 +68244,7 @@ fromIDs - an object of from() properties in the form {prop1:[id1, id2], prop2:[i
         };
 
         this.clear = function() {
-            if (that.bindType == zim.LOCALSTORAGE) localStorage[that.connection] = null;
+            if (that.bindType == zim.LOCALSTORAGE) localStorage.removeItem(that.connection);
 			return that;
         };
 
@@ -72931,7 +72963,7 @@ EXAMPLE
 STYLE = {borderColor:dark, borderWidth:2};
 const front = F.makeIcon().sca(2.5);
 const back = new Page(front.width, front.height, blue, green, 1);
-const Label("ZIM Flipper").center(back);
+const label = new Label("ZIM Flipper").center(back);
 const card = new Flipper(front, back).center();
 END EXAMPLE
 
@@ -73024,6 +73056,10 @@ ALSO: see the CreateJS Easel Docs for Container properties, such as:
 x, y, rotation, scaleX, scaleY, regX, regY, skewX, skewY,
 alpha, cursor, shadow, name, mouseChildren, mouseEnabled, parent, numChildren, etc.
 
+ACTIONEVENT
+This component is affected by the general ACTIONEVENT setting
+The default is "mousedown" - if set to something else the component will act on click (press)
+
 EVENTS
 dispatches a "flip" event when the fipper starts the flip
 dispatches a "flipped" event when the fipper ends the flip
@@ -73073,12 +73109,12 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 		var obj;
 		if ((frontPress && !flipped) || (backPress && flipped)) {
 			obj = (interactive && front.backing)?front.backing:front;
-			obj.on("mousedown", function() {spin(front,back);});
+			obj.on((!zns?WW.ACTIONEVENT=="mousedown":zim.ACTIONEVENT=="mousedown")?"mousedown":"click", function() {spin(front,back);});
 			obj.cur();
 		}
 		if ((backPress && !flipped) || (frontPress && flipped)) {
 			obj = (interactive && back.backing)?back.backing:back;
-			obj.on("mousedown", function() {spin(back,front,-1);});
+			obj.on((!zns?WW.ACTIONEVENT=="mousedown":zim.ACTIONEVENT=="mousedown")?"mousedown":"click", function() {spin(back,front,-1);});
 			obj.cur();
 		}
 		front.oScale = front.scale;