zimjs 18.1.2 → 18.1.4

package/package.json

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

package/src/zim.js

@@ -26688,7 +26688,7 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 	//-56
 
 /*--
-zim.RadioButtons = function(size, buttons, vertical, color, backgroundColor, spacing, margin, always, indicatorColor, index, rtl, selectedIndex, style, group, inherit)
+zim.RadioButtons = function(size, buttons, vertical, color, backgroundColor, borderColor, borderWidth, spacing, margin, always, indicatorColor, index, rtl, selectedIndex, style, group, inherit)
 
 RadioButtons
 zim class - extends a zim.Container which extends a createjs.Container
@@ -27659,7 +27659,7 @@ content - (default " ") optional content to be centered in one of three formats:
 		header - a ZIM DisplayObject for the top of the content
 		message - text that will put into a ZIM Label - default darker - see color property
 		display - a ZIM DisplayObject for beneath the message
-	 	buttons - an array of ZIM Button objects or configuration objects {} as follows:
+		buttons - an array of ZIM Button objects or configuration objects {} as follows:
 			{label, color, rollColor, backgroundColor, rollBackgroundColor, call}
 			with call being a callback function for when the button is pressed 
 		buttonScale - the scale for the buttons 
@@ -28270,7 +28270,7 @@ content - (default null) optional content to be centered in one of three formats
 		header - a ZIM DisplayObject for the top of the content
 		message - text that will put into a ZIM Label - default color white - see color property
 		display - a ZIM DisplayObject for beneath the message
-	 	buttons - an array of ZIM Button objects or configuration objects {} as follows:
+		buttons - an array of ZIM Button objects or configuration objects {} as follows:
 			{label, color, rollColor, backgroundColor, rollBackgroundColor, call}
 			with call being a callback function for when the button is pressed 
 		buttonScale - the scale for the buttons 
@@ -28799,7 +28799,7 @@ content - (default null) optional content to be centered in one of three formats
 		header - a ZIM DisplayObject for the top of the content
 		message - text that will put into a ZIM Label - default color white - see color property
 		display - a ZIM DisplayObject for beneath the message
-	 	buttons - an array of ZIM Button objects or configuration objects {} as follows:
+		buttons - an array of ZIM Button objects or configuration objects {} as follows:
 			{label, color, rollColor, backgroundColor, rollBackgroundColor, call}
 			with call being a callback function for when the button is pressed 
 		buttonScale - the scale for the buttons 
@@ -51581,6 +51581,7 @@ To give a more responsive single tap it reduces the default dblTime value
 
 NOTE: tap() ignores List titleBar and organizer as to not conflict with tapping on actual list
 NOTE: set an object's noTap property to true to avoid activating a hold on an object
+NOTE: use mobileUp:true for tapping to use Speech talk() as Apple currently does not talk on mousedown - sigh.
 
 SEE: noTap() as well
 
@@ -57280,7 +57281,7 @@ RETURNS the target for chaining (or null if no target is provided and run on zim
 			loopWait = zim.Pick.choose(loopWait);
 			rewind = zim.Pick.choose(rewind);
 			rewindWait = zim.Pick.choose(rewindWait);
-			if (zot(rewindTime)) rewindTime = time;
+			if (rewind && zot(rewindTime)) rewindTime = time;
 			else rewindTime = zim.Pick.choose(rewindTime);
 			sequenceReverse = zim.Pick.choose(sequenceReverse);
 			from = zim.Pick.choose(from);
@@ -57400,6 +57401,7 @@ RETURNS the target for chaining (or null if no target is provided and run on zim
 		var extraTypes = ["extra", "zoom", "speed", "layer", "fade"];
 		var extraLookup = {zoom:target.type=="Pen"?"size":"scale", speed:"percentSpeed", layer:"layer", fade:"alpha"};
 
+		
 		if (target instanceof Array) {
 			if (sequenceReverse) target.reverse();
 			
@@ -57439,7 +57441,7 @@ RETURNS the target for chaining (or null if no target is provided and run on zim
 				var seqTime = i*sequence;
 				if (i==0 && sequence!=0) seqTime = timeType=="s"?.02:20; // patched in 10.7.0 and 10.7.1
 								
-				// zim.animate(tar, tar.zimObj, time, ease, (i==target.length-1?call:null), (i==target.length-1?params:null)
+				// zim.animate(tar, tar.zimObj, time, ease, (i==target.length-1?call:null), (i==target.length-1?params:null)			
 				zim.animate(tar, tar.zimObj, time, ease, (i==target.length-1?sequenceDone:null), null, wait, waitedCall, waitedParams, null, null, null, null, null, null, null, loopPick, null, null, null, null, null, null, rewindTime, rewindEase, startCall, startParams, animateCall, animateParams, null, sequenceCall, sequenceParams, null, null, ticker, zim.copy(cjsProps), css, protect, override, null, set, id, events, sequenceTarget, dynamic, drag, clamp, startPaused, clean, obj, seriesWait, seqTime, rrr, pauseOnBlur, easeAmount, easeFrequency, timeUnit, timeCheck, noAnimateCall, pathDamp, rewindPick); // do not send from!
 	
 			}
@@ -66604,9 +66606,10 @@ note: the item is not the event object target - as that is the tile
 		that.rows = rows = Math.round(rows);
 		that.squeezeH = squeezeH;
 		that.squeezeV = squeezeV;
-		var VEEAlign = (typeof align=="function");
-		var VEEVAlign = (typeof valign=="function");
-		// these two are used only for not ZIM VEE - as there are VEE with Squeeze is not supported
+		var VEEAlign = zim.isPick(align)
+		var VEEVAlign = zim.isPick(valign);
+	
+		// these two are used only for not ZIM VEE - as VEE with Squeeze is not supported
 		that.align = VEEAlign?"left":align;
 		that.valign = VEEVAlign?"top":valign;
 		that.mirrorH = mirrorH;
@@ -66728,6 +66731,7 @@ note: the item is not the event object target - as that is the tile
 					scalesX[j].push(tile.scaleX);
 					scalesY[j].push(tile.scaleY);
 					if (colSize&&zot(width)) w = zim.Pick.choose(colSize);
+					
 					if (j==0) finalAlign.push(zim.Pick.choose(align));
 
 					// needs projected width and height on the tile 
@@ -66907,7 +66911,7 @@ note: the item is not the event object target - as that is the tile
 					}
 					tile.pos(colTotal, null);			
 
-					if (!that.squeezeH && VEEAlign) {
+					if (!that.squeezeH && VEEAlign) {	
 						if (zot(width) && (align=="center" || align=="middle")) {
 							tile.x += (widthMax[i]-tile.fW)/2;
 						} else if (zot(width) && align=="right") {
@@ -89553,7 +89557,6 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 			if (inner.type == "Bitmap") that.bitmap = inner.clone().addTo(that);
 			else that.bitmap = inner.getChildAt(0).clone().addTo(that);
 			that.id = that.bitmap.id = file;
-			zogb(that.id)
 			that.image = that.bitmap.image;
 			that.src = that.bitmap.src;
 			that.item = that.bitmap.item;
@@ -90859,14 +90862,18 @@ SEE: https://zimjs.com/016/speech.html
 
 NOTE: The listen() method is currently not supported by Apple iOS Web - only Native apps (grr)
 But the talk() method works on iOS and Android Web - however, there seems to be one voice.
+NOTE: The talk() method on iOS currently does not work on mousedown - so use mobileUp:true on tap() or a pressup event
 
 NOTE: as of ZIM 5.5.0 the zim namespace is no longer required (unless zns is set to true before running zim)
 
 EXAMPLE
 const speech = new Speech();
 // interact at least once before talking
-new Button({label:"TALK"}).center().tap(()=>{
-	speech.talk("Hello World");
+new Button({label:"TALK"}).center().tap({
+	call:()=>{
+		speech.talk("Hello World");
+	},
+	mobileUp:true // talk() on iOS does not seem to work on mousedown - or use pressup event on Button
 });
 END EXAMPLE 
 
@@ -90874,8 +90881,11 @@ EXAMPLE
 // let user pick a voice
 const speech = new Speech();
 // interact at least once before talking
-new Button({label:"TALK"}).center().mov(0,-120).tap(()=>{    
-	speech.talk("Hello World!", list?list.text:null);
+new Button({label:"TALK"}).center().mov(0,-120).tap({
+	call:()=>{    
+		speech.talk("Hello World!", list?list.text:null);
+	},
+	mobileUp:true // talk() on iOS does not seem to work on mousedown - or use pressup event on Button
 });
 let list;
 speech.on("voiceschanged", ()=>{ // must wait for voices to be loaded
@@ -90901,6 +90911,7 @@ END EXAMPLE
 METHODS
 talk(text, voice, volume, lang, rate, pitch) - the computer will say the words
 	returns an utterance object on which all these parameter can be dynamically set including the words
+	note: currently, talk() does not work on mousedown on iOS so use pressup events or set tap to mobileUp:true
 	text - the text to say (or see Web Speech API for special formats)
 	voice (default "Microsoft David - English (United States)") - the voice 
 		also see "voiceschanged" event at which point speech.voices will be a list 
@@ -90939,7 +90950,8 @@ dispatches "result" when either as each word is spoken if listen() is used (inte
 	and a confidence property that is a ratio (0-1) for confidence in the result
 	Note: iOS (at this time) does not support the listen() and result event
 dispatches "speechend" events when listen() has detected an end to the talking 
-dispatches "start", "end" events 
+dispatches "start" event when reading 
+dispatches "end" event when reading 
 dispatches a "boundary" event between words
 dispatches an "error" event if no words are spoken, etc. the event object has an error property with the error message
 Note: there are more features to the Web Speech API - see the HTML docs
@@ -92251,15 +92263,19 @@ RETURNS - a Label if a string or number is passed as content, a Container if a c
 				var buts = new zim.Container().loc(0,obj.height+(data.header||data.message||data.display?spacingV:0),obj);	
 				for (var bb=0; bb<data.buttons.length; bb++) {
 					var bd = data.buttons[bb];
-					var call = bd.call||function(){};
-					if (!bd.button) bd.button = new zim.Button({
-						width:bd.width,
-						label:bd.label,
-						backgroundColor:bd.backgroundColor||bd.bgColor,
-						color:bd.color,
-						rollBackgroundColor:bd.rollBackgroundColor||bd.rollBgColor,
-						rollColor:bd.rollColor
-					});
+					var call = bd.call||function(){};					
+					if (bd.type != "Button") {
+						bd.button = new zim.Button({
+							width:bd.width,
+							label:bd.label,
+							backgroundColor:bd.backgroundColor||bd.bgColor,
+							color:bd.color,
+							rollBackgroundColor:bd.rollBackgroundColor||bd.rollBgColor,
+							rollColor:bd.rollColor
+						});
+					} else {
+						bd.button = bd;
+					}
 					bd.button.call = call;					
 					bd.button.sca(data.buttonScale).loc((bb==0?0:buts.width+spacingH),0,buts).tap(function(e){e.target.call(e.target)});					
 				}