zimjs 16.2.8 → 16.3.0

package/package.json

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

package/src/zim.js

@@ -32,7 +32,7 @@ Node module - also see ES6 modules at https://zimjs.com/cdn
 // Thanks to Karel Rosseel for proof-reading the site
 // Thanks Ami Hanya and team for such prolific work with ZIM and all the suggestions
 // Of course, thanks to all the ZIM users - it is always nice to hear from you 
-// at https://zimjs.com/slack and https://zimjs.com/discord
+// at https://forum.zimjs.com and https://zimjs.com/discord
 // There are several dozen thanks through out the code as well - cheers!
 
 // This is used for the build but in a browser would be
@@ -25696,6 +25696,7 @@ content - (default " ") optional content to be centered in one of three formats:
 		color - the color of the message
 		spacingH - horizontal space between the buttons 
 		spacingV - vertical space between the content areas		
+		align - default CENTER, or use LEFT or RIGHT
 backgroundColor - (default white) a css color for the background of the Pane
 color - (default black) a css color for the text color of the Pane
 width - (default AUTO) width of pane - AUTO will matches content width - see also autoPadding and autoPaddingH
@@ -26303,8 +26304,9 @@ content - (default null) optional content to be centered in one of three formats
 		color - the color of the message
 		spacingH - (default 20*buttonScale) horizontal space between the buttons 
 		spacingV - (default 20) vertical space between the content areas	
+		align - default CENTER, or use LEFT or RIGHT
 titleBar - |ZIM VEE| (default "PANEL") a String or ZIM Label title for the panel that will be presented on a titleBar across the top
-    Pannel must have a titleBar - use a Pane or a Rectangle if a titleBar is not desired.
+	Panel must have a titleBar - use a Pane or a Rectangle if a titleBar is not desired.
 titleBarColor - |ZIM VEE| (default black) the text color of the titleBar
 titleBarBackgroundColor - |ZIM VEE| (default "rgba(0,0,0,.2)") the background color of the titleBar
 titleBarHeight - (default fit label) the height of the titleBar
@@ -36177,6 +36179,11 @@ NOTE: as of ZIM 5.5.0 the zim namespace is no longer required (unless zns is set
 
 EXAMPLE
 const label = new Label("").pos(0,100,CENTER);
+
+// The NumPad is built in to the Keyboard
+// To set the parameters, such as titleBar, use STYLE before making the Keyboard
+STYLE = {titleBar:"CALCULATE", align:CENTER};
+
 const keyboard = new Keyboard({
 	labels:label, 
 	numPadScale:.75,
@@ -36193,7 +36200,7 @@ PARAMETERS
 ** supports OCT - parameter defaults can be set with STYLE control (like CSS)
 advanced - (default false) set to true to add one more row of round brackets, exponential and percent or modulus
 	or set to "simple" to show only numbers, backspace and return
-titleBar - |ZIM VEE| (default "PANEL") a String or ZIM Label title for the panel that will be presented on a titleBar across the top
+titleBar - |ZIM VEE| (default "NUMPAD") a String or ZIM Label title that will be presented on a titleBar across the top
 titleBarColor - |ZIM VEE| (default black) the text color of the titleBar if a titleBar is requested
 titleBarBackgroundColor - |ZIM VEE| (default "rgba(0,0,0,.2)") the background color of the titleBar if a titleBar is requested
 titleBarHeight - (default fit label) the height of the titleBar if a titleBar is requested
@@ -36291,7 +36298,6 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
         this.type = "NumPad";	
 
 		var that = this;
-
 				
 		function ms(letter, color) {
 			if (zot(color)) color = mist;
@@ -68781,7 +68787,11 @@ dispatches a "moving" event if target is moving and "startmoving" and "stopmovin
 		if (container && container.backing) this.mousedownIncludes.push(container.backing);
 		// this.mousedownExcludes = mousedownExcludes;
 		if (zot(dampKeyup)) dampKeyup = .3;
-		
+
+		if (boundary && boundary.type!="Blob") {	
+			target.x = zim.constrain(target.x, boundary.x, boundary.x+boundary.width);
+			target.y = zim.constrain(target.y, boundary.y, boundary.y+boundary.height);				
+		}		
 
 		that.dampKeyup = dampKeyup;
 		this.dirX = 0;
@@ -83735,6 +83745,10 @@ var sound = Aud("sound.mp3").play(); // sound is an AbstractSoundInstance
 
 METHODS (of AbstractSoundInstance)
 ** full docs here: https://www.createjs.com/docs/soundjs/classes/AbstractSoundInstance.html
+** these methods are on the results of a new Aud().play() not on the new Aud()
+	const sound = new Aud();
+	const soundInstance = sound.play();
+	timeout(2, ()=>{soundInstance.stop()});
 stop() - stops the sound and sets the time to 0
 play() - plays the sound again - usually, the sound is already playing from the sound.play()
  	but if it is stopped - this will start it again
@@ -83751,6 +83765,10 @@ item - the CreateJS data item used for preload - available on complete event
 
 PROPERTIES (of AbstractSoundInstance)
 ** full docs here: https://www.createjs.com/docs/soundjs/classes/AbstractSoundInstance.html
+** these properties are on the results of a new Aud().play() not on the new Aud()
+	const sound = new Aud();
+	const soundInstance = sound.play();
+	timeout(2, ()=>{soundInstance.volume = .5});
 paused - set to true to pause and false to unpause
 muted - set to true to mute - but sound keeps playing or false to unmute
 volume - the volume with 1 being the default
@@ -85594,6 +85612,7 @@ F.loadAssets(zimAudioSpriteData, "assets/");
 F.on("complete", ()=>{
 	// will show tabs at top of stage - press to play audio
 	previewAudioSprite(zimAudioSpriteData, 2);
+	S.update();
 });
 END EXAMPLE
 
@@ -85781,6 +85800,7 @@ content - the content to make - using one of three formats:
 		spacingH - horizontal space between the buttons (default 20xbuttonScale) 
 		spacingV - vertical space between the content areas	(default 20)
 		scrollBar - set to true if a default scrollBar is present in Window or a number if custom	
+		align - default CENTER, or use LEFT or RIGHT
 maxWidth - (default null) pass in a maximum width to keep scale the content to
 color - message color - also see color as property of content config object {}
 
@@ -85815,7 +85835,7 @@ RETURNS - a Label if a string or number is passed as content, a Container if a c
 			obj = new zim.Container();
 			var spacer = new Container(10,spacingV).addTo(obj);
 			if (data.header) data.header.pos(0,spacingV,"left","top",obj);
-			if (data.message) var label = new zim.Label(data.message, null, null, zot(data.color)?color:data.color).loc(0,obj.height+(data.header?spacingV:0),obj);
+			if (data.message) var label = new zim.Label({text:data.message, color:zot(data.color)?color:data.color, align:data.align}).reg(LEFT,TOP).loc(0,obj.height+(data.header?spacingV:0),obj);
 			if (data.display) data.display.pos(0,-data.display.height-(data.header||data.message?spacingV:0),"left","bottom",obj);
 			if (data.buttons) {
 				if (!Array.isArray(data.buttons)) data.buttons = [data.buttons]; 	
@@ -85836,6 +85856,8 @@ RETURNS - a Label if a string or number is passed as content, a Container if a c
 					bd.button.sca(data.buttonScale).loc((bb==0?0:buts.width+spacingH),0,buts).tap(function(e){e.target.call(e.target)});					
 				}					
 			}
+			var bb = obj.getBounds();
+			obj.setBounds(bb.x, bb.y, bb.width, bb.height);
 			for (i=0; i<obj.numChildren; i++) {
 				var o = obj.getChildAt(i);
 				o.lastY = o.y;
@@ -85847,6 +85869,9 @@ RETURNS - a Label if a string or number is passed as content, a Container if a c
 			}	
 			if (maxWidth && typeof maxWidth == "number") obj.width = Math.min(obj.width, maxWidth-spacingH*2-(data.scrollBar===true?12:data.scrollBar>0?data.scrollBar:0));	
 			new zim.Container(10,spacingV).pos(0,-spacer.height,"center","bottom",obj).bot();
+
+			obj.setBounds(null); // make spacer in bottom adjust bounds
+			
 			spacer.top();
 			obj.config = data;
 			obj.header = data.header;
@@ -91133,4 +91158,4 @@ export let Ticker = zim.Ticker;
 export let Style = zim.Style;
 export let assets = zim.assets;
 export let assetIDs = zim.assetIDs;
-export let ZIMON = zim.ZIMON;
+export let ZIMON = zim.ZIMON;