zimjs 18.2.4 → 18.2.6

package/package.json

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

package/src/zim.js

@@ -9317,6 +9317,7 @@ Used internally by ZIM to globally dispose common connections
 	        if (c.getContext) c.getContext("2d").clearRect(0,0,1,1);
 			delete obj.z_bc;
 		}
+		if (obj.cacheCanvas) obj.uncache();
 		if (zim.KEYFOCUS == obj) zim.KEYFOCUS = null;
 		if (WW.KEYFOCUS == obj) WW.KEYFOCUS = null;		
 		if (obj.veeObj) obj.veeObj = null;
@@ -29251,8 +29252,10 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 							hitArea.y = -content.y;
 						}
 						content.x = hscrollBar.proportion.convert(hscrollBar.x);
-						if (!damp) desiredX = that.scrollX;
-						testContent();
+						if (!damp) {
+							desiredX = that.scrollX;
+							testContent();
+						}
 					});
 				}
 			}
@@ -29283,12 +29286,14 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 							hitArea.x = -content.x;
 							hitArea.y = -content.y;
 						}
-						if (damp) desiredY = vscrollBar.proportion.convert(vscrollBar.y);
-						else {
+						if (damp) {
+							desiredY = vscrollBar.proportion.convert(vscrollBar.y);
+							testContent();
+						} else {
 							content.y = vscrollBar.proportion.convert(vscrollBar.y);
 							desiredY = that.scrollY;
 						}
-						testContent();
+						
 					});
 				}
 			}
@@ -29312,7 +29317,7 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 			clearTimeout(that.dTimeout);
 			that.dTimeout = setTimeout(function(){setdragBoundary();}, 300);
 			setdragBoundary();
-			testContent();
+			if (!damp) testContent();
 		};
 
 		this.doResize = function(w, h) {
@@ -29682,7 +29687,7 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 		}
 
 		function testContent() {
-			if (!that.optimize) return;
+			if (!that.optimize) return;			
 			stage = that.stage;
 			content.loop(function(item) {
 				// ADJUSTED ZIM 016 - look into how we can optimize a wrapper and keep scrollbars the right size
@@ -29698,8 +29703,8 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 			});
 		}
 
-		function movescrollBars() {
-			testContent();			
+		function movescrollBars(noTest) {			
+			if (!noTest) testContent();	
 			that.dispatchEvent("scrolling");
 			if (hitArea) {
 				// move hitarea to display box
@@ -29920,7 +29925,7 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 					}		
 				}		
 			}	
-			if (optimize) {
+			if (optimize && !damp) {
 				testContent();
 			}		
 		}
@@ -29930,13 +29935,14 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 			WW.addEventListener("DOMMouseScroll", that.scrollWindow);
 		}
 		var dampCheck = false;
-		var dampY;		
+		var dampY;	
+		if (damp) {scrollBarDown = true; desiredY = .01;} // Patched ZIM 018
 		function makeDamp(obj) {	
 			if (damp && !dampCheck && obj.stage) {
 				dampCheck = true;
 				dampY = new zim.Damp(that.scrollY, damp);
 				that.dampTicker = zim.Ticker.add(function() {	
-					if (swipeCheck) return;
+					if (swipeCheck) return;					
 					if ( // need to kickstart damping but still stop updating when damping ends
 						that.scrollY!=null && desiredY!=null 
 						&& that.scrollY != desiredY // let the damping start
@@ -29945,10 +29951,9 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 						scrollBarDown = false;
 						return;
 					}
-					// if (!zot(desiredY)) that.scrollY = dampY.convert(desiredY);	
 					if (!zot(desiredY)) content.y = dampY.convert(desiredY);	
-					if (!scrollBarDown) movescrollBars();
-									
+					if (!scrollBarDown) movescrollBars(true);
+					testContent();		
 				}, obj.stage);
 			}
 		}
@@ -29967,6 +29972,7 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 					clearTimeout(that.dTimeout);
 					zim.noDrag(content);
 				} else {
+					swipeCheck = false;
 					setDrag();
 				}
 				if (that.blinker) {
@@ -52042,7 +52048,7 @@ END EXAMPLE
 
 PARAMETERS supports DUO - parameters or single object with properties below
 boundary - (default null) a ZIM Boundary object for the drag boundary
- 	or a ZIM DisplayObject including stage
+	or a ZIM DisplayObject including stage
 		If the boundary is a display object then ZIM will keep the shape of the dragged object inside the bounds.
 		If the boundary object is a Blob then the dragged object will stay within the Blob (experimental).
 		If the boundary object is a Circle then the registration point of the dragged object will stay within the circle
@@ -52088,7 +52094,7 @@ rect - (depreciated) same as boundary - kept for backwards compatibility when us
 currentTarget - (default false) same as the all parameter - kept for backwards compatibility when using config object
 offStage - (default false) set to true to be able to drag object off stage (thanks Shammi!)
 immediateBoundary - (default false) set to true to add bounds immediately when drag() is set on a Container.
- 	this is normally set to false for a .05 second delay to allow objects to be added to Container before setting bounds.
+	this is normally set to false for a .05 second delay to allow objects to be added to Container before setting bounds.
 singleTouch - (default false) set to true to let only one touch operate the drag 
 	also see Frame() singleTouch setting - but setting on drag will only affect that object's drag
 dropTargets - an object or an array of objects that can receive a drop
@@ -52672,7 +52678,7 @@ RETURNS obj for chaining
 				// if (dampY) dampY.immediate(0);
 
 			} else {
-                obj.downCheck = false; // added ZIM NFT 01
+				obj.downCheck = false; // added ZIM NFT 01
 				var pointerCount = 0;
 				for (var o in obj.pointers) {
 					pointerCount++;
@@ -56881,7 +56887,12 @@ PARAMETERS
 ** supports DUO - parameters or single object with properties below
 ** supports VEE - parameters marked with ZIM VEE mean a zim Pick() object or Pick Literal can be passed
    Pick Literal formats: [1,3,2] - random; {min:10, max:20} - range; series(1,2,3) - order, function(){return result;} - function
-
+** supports OCT - parameter defaults can be set with STYLE control (like CSS) 
+	NOTE: can target parameters in general like 
+		STYLE = {loop:true};
+	to target animate specifically use 
+		STYLE = {Animate:{loop:true}};
+	NOT STYLE = {animate:{loop:true}} as lowercase animate conflicts with setting a animate convenience style
 props - the object literal holding properties and values to animate
 	Basic examples: {x:200} or {rotation:360, alpha:0} or {scale:4} or {x:300, y:300, scale:"2"} (relative scale)
 	There are custom options below including Convenience, ZIM VEE, Relative, and Series properties.
@@ -57253,6 +57264,7 @@ RETURNS the target for chaining (or null if no target is provided and run on zim
 		if (target && target.type && target.type=="AC" && WW.zdf) {WW.zdf.ac("animate", arguments); return target;}
 		if (!zim.animateCheck) {z_d("45"); zim.animateCheck=true;}
 
+
 		if (!target) target = {}; // ZIM 018 replacing: return; from 10.9.0 
 		var AN = zim.ANIMATE;
 		if (WW.ANIMATE != null) AN = WW.ANIMATE;
@@ -57512,7 +57524,7 @@ RETURNS the target for chaining (or null if no target is provided and run on zim
 		// ANIMATION SERIES HANDLING
 		// if an array is passed in to animate() as the obj
 		// then animate treats this as an animation series
-		// [{target:circle, obj:{alpha:0}, time:1}, {target:rect, obj:{alpha:0}, time:1},]
+		// [{target:circle, obj:{alpha:0}, time:1}, {target:rect, obj:{alpha:0}, time:1}]
 
 		if (obj instanceof Array) {
 			currentCount = 1;
@@ -61710,9 +61722,9 @@ zim constant and static Class
 Also GLOBALSTYLE zim constant
 
 DESCRIPTION
-STYLE can be used to set any parameter on a DisplayObject and many of the Controls.
-For instance: Circle, Blob, Button, Pane, Bitmap, Sprite, Tile, Pen, Emitter, Scroller, etc.
-These are applied at the time the objects are made.
+STYLE can be used to set any parameter on a DisplayObject, many of the Controls, and some methods.
+For instance: Circle, Blob, Button, Pane, Bitmap, Sprite, Tile, Pen, Emitter, Scroller, drag, animate, etc.
+These are applied at the time the objects are made or method called.
 They are cascading with each level overriding the previous level:
 
 1. GENERAL: any style can be specified in general
@@ -61749,6 +61761,9 @@ STYLE = {big:{width:500}} // will be automatically converted to STYLE = {group:{
 NOTE: As of ZIM 016, group styles for an object will be used even if style for the object is set to false
 this will ignore all styles except those made by a group
 
+NOTE: As of ZIM 019, animate() and drag() can be styled.  
+If the object type is used to target these, use Animate and Drag to avoid conflicting with convenience styles of animate and drag 
+
 EXAMPLE
 STYLE = {
 	corner:20,