zimjs 19.0.4 → 19.0.6

package/package.json

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

package/src/zim.js

@@ -2114,7 +2114,7 @@ pauseTimeLeft - if paused, get how much time is left once unpaused
 		if (zot(immediate)) immediate = false;
 		if (!zot(total) && (isNaN(total) || total<=0)) return;
 		if (zot(total)) total = -1;
-		var obj = {count:(immediate && (isPick(time) || time > (timeType=="s"?5/1000:5))) ? -1:0, total:total, paused:false, time:time, active:true, timeUnit:timeUnit};
+		var obj = {count:(immediate && (!isPick(time) && time <= (timeType=="s"?5/1000:5))) ? -1:0, total:total, paused:false, time:time, active:true, timeUnit:timeUnit};
 
 		if (pauseOnBlur) {
 			if (zot(zim.blurCheck)) zim.setBlurDetect();
@@ -8708,9 +8708,9 @@ See the parameters - which are all properties
 // SUBSECTION HTML FUNCTIONS
 
 /*--
-zim.scrollX = function(num, time)
+zim.browserScrollX = function(num, time)
 
-scrollX
+browserScrollX
 zim function
 
 DESCRIPTION
@@ -8718,11 +8718,13 @@ This function gets or sets how many pixels from the left the browser window has
 If num is provided then the function scrolls the window to this x position.
 If num and time are provided it animates the window to the x position in time milliseconds.
 
+NOTE: this was changed from scrollX() to getScrollX() in ZIM 019 to avoid conflict with window.scrollX
+
 NOTE: as of ZIM 5.5.0 the zim namespace is no longer required (unless zns is set to true before running zim)
 
 EXAMPLE
 // hide the logo if the page is scrolled left more than 200 pixels
-if (scrollX < -200) zss("logo").display = "none";
+if (browserScrollX() < -200) zss("logo").display = "none";
 END EXAMPLE
 
 PARAMETERS
@@ -8730,17 +8732,17 @@ num - (default null) optional scroll position to go to (probably negative)
 time - (default 0) time in seconds to take to go to the num position (also see ZIM TIME constant)
 
 RETURNS a Number
---*///+18
-	zim.scrollX = function(num, time) {
-		z_d("18");
+--*///+18.1
+	zim.browserScrollX = function(num, time) {
+		z_d("18.1");
 		return zim.abstractScroll("X", "Left", num, time);
-	};//-18
+	};//-18.1
 
 
 /*--
-zim.scrollY = function(num, time)
+zim.browserScrollY = function(num, time)
 
-scrollY
+browserScrollY
 zim function
 
 DESCRIPTION
@@ -8748,11 +8750,13 @@ This function gets or sets how many pixels from the top the browser window has b
 If num is provided then the function scrolls the window to this y position.
 If num and time are provided it animates the window to the y position in time milliseconds.
 
+NOTE: this was changed from scrollY() to getScrollY() in ZIM 019 to avoid conflict with window.scrollY
+
 NOTE: as of ZIM 5.5.0 the zim namespace is no longer required (unless zns is set to true before running zim)
 
 EXAMPLE
 // animate the scroll position down 100 pixels in half a second
-scrollY(scrollY()-100, .5);
+browserScrollY(browserScrollY()-100, .5);
 END EXAMPLE
 
 PARAMETERS
@@ -8760,11 +8764,11 @@ num - (default null) optional scroll position to go to (probably negative)
 time - (default 0) time in seconds to take to go to the num position (also see ZIM TIME constant)
 
 RETURNS a Number
---*///+19
-	zim.scrollY = function(num, time) {
-		z_d("19");
+--*///+19.1
+	zim.browserScrollY = function(num, time) {
+		z_d("19.1");
 		return zim.abstractScroll("Y", "Top", num, time);
-	};//-19
+	};//-19.1
 
 	//+20
 	zim.abstractScroll = function(dir, side, num, time) {
@@ -8774,22 +8778,22 @@ RETURNS a Number
 		if (zot(num)) {			
 			return (document.documentElement && document.documentElement["scroll"+side]) || document.body["scroll"+side];
 		} else if (zot(time)) {
-			WW.scrollTo(zim["scroll"+perpend](), num);
+			WW.scrollTo(zim["browserScroll"+perpend](), num);
 		} else {
 			var interval = 50;
 			var t = time*(timeType=="s"?1000:1);
 			if (t < interval) t = interval;
 			var steps = t/interval;
-			var current = zim["scroll"+dir]();
+			var current = zim["browserScroll"+dir]();
 			var amount = num - current;
 			var diff = amount/steps;
 			var count = 0;
 			var scrollInterval = setInterval(function() {
 				count++;
 				current+=diff;
-				WW.scrollTo(zim["scroll"+perpend](), current);
+				WW.scrollTo(zim["browserScroll"+perpend](), current);
 				if (count >= steps) {
-					WW.scrollTo(zim["scroll"+perpend](), num);
+					WW.scrollTo(zim["browserScroll"+perpend](), num);
 					clearInterval(scrollInterval);
 				}
 			}, interval);
@@ -10203,13 +10207,13 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 
             this.normalized = true;
             that.saveOriginalReg = function() {
-                that.loop(c=>{
+                that.loop(function(c) {
                     c._orX = c.regX;
                     c._orY = c.regY;
                 });
             }    
             that.resetOriginalReg = function() {
-                that.loop(c=>{
+                that.loop(function(c) {
                     c.reg(c._orX, c._orY, true);	
                 });
             }   
@@ -10222,7 +10226,7 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 				var maxX = -10000000;
 				var maxY = -10000000;
 
-				that.loop(c=>{		
+				that.loop(function(c) {		
 					c._dx = c._dy = null;			
 					if (from == "center") c._dx = that.width/2-c.x;
 					else if (from == "end") c._dx = that.width-c.x;
@@ -10234,7 +10238,7 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 					maxX = Math.max(maxX, Math.abs(c._orX-c._dx));
 					maxY = Math.max(maxY, Math.abs(c._orY-c._dy));
 				});
-				that.loop(c=>{
+				that.loop(function(c) {
 					c.ratio = 1 - (Math.sqrt(Math.pow((c._orX-c._dx),2) + Math.pow((c._orY-c._dy),2)) / Math.sqrt(Math.pow(maxX,2) + Math.pow(maxY,2)));
 					if (factor==-1) c.ratio = 1-c.ratio;
 					if (clamp) c.ratio = zim.constrain(c.ratio, 0, 1);				
@@ -10256,7 +10260,7 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 			function setMM() {
 				var minC = 1000000000;
 				var maxC = -1000000000;
-				that.loop(c=>{	
+				that.loop(function(c) {	
 					if (zot(min) && c[prop] < minC) minC = c[prop];
 					if (zot(max) && c[prop] > maxC) maxC = c[prop];
 				});
@@ -14870,7 +14874,7 @@ zim.Shader = function(width, height, fragment, uniforms, vertex, dynamic, preCal
             if (value) {
                 zim.Ticker.add(this.ticker, null, mID, that);
             } else {
-                zim.Ticker.remove(this.ticker, mID, that);
+                if (this.ticker) zim.Ticker.remove(this.ticker, mID, that);
             }
             _dynamic = value?true:false;
         }
@@ -14999,7 +15003,7 @@ zim.ShaderOverlay = function(width, height, fragment, uniforms, vertex, dynamic,
             if (value) {
                 zim.Ticker.add(this.ticker, null, mID, that);
             } else {
-                zim.Ticker.remove(this.ticker, mID, that, that);
+                if (this.ticker) zim.Ticker.remove(this.ticker, mID, that, that);
             }
             _dynamic = value?true:false;
         }
@@ -15257,7 +15261,7 @@ function makeShader(DS, width, height, fragment, uniforms, vertex, dynamic, preC
     update();
     var ticker = zim.Ticker.add(update, null, mID, tether);
     if (!dynamic) {
-        zim.Ticker.remove(ticker, mID, tether);
+        if (ticker) zim.Ticker.remove(ticker, mID, tether);
         setTimeout(update, 50);
         if (tether.stage) tether.stage.update();
     }           
@@ -15739,7 +15743,7 @@ borderWidth - |ZIM VEE| (default 1 if stroke is set) the size of the stroke in p
 dashed - (default false) set to true for dashed border (if borderWidth or borderColor set)
 	or set to an array of line size then space size, etc.
 	eg. [20, 10] is 20 line and 10 space repeated and [20,100,50,10] is 20 line, 100 space, 50 line, 10 space, etc.
-percent - (default 100) set to a percentage of a circle (arc) - registration stays at radius center, bounds shrink to arc
+percent - |ZIM VEE| - (default 100) set to a percentage of a circle (arc) - registration stays at radius center, bounds shrink to arc
 percentClose - (default true) set to false to not close the border of a circle with percent set
 percentArc - (default false) set to a percent to make moon shapes - must have percent turned on
 	the value is the distance the arc-making circle is placed from the original circle's edge
@@ -16283,6 +16287,7 @@ Pick Literal formats: [1,3,2] - random; {min:10, max:20} - range; series(1,2,3)
 a, b and c - |ZIM VEE| (default 100) the lengths of the sides
 	a will run horizontally along the bottom
 	b is upwards and c is back to the origin
+	if there is b and c is left empty then it will be set equal to b and make an isosceles triangle
 	if b or c is set to -1 will assume a 90 angle
 color - |ZIM VEE| (default black) the fill color as any CSS color including "rgba()" for alpha fill (set a to 0 for tranparent fill)
 borderColor - |ZIM VEE| (default null) the stroke color
@@ -16386,7 +16391,7 @@ zim.Triangle = function(a, b, c, color, borderColor, borderWidth, corner, center
 
     if (zot(a)) a = DS.a!=null?DS.a:100;
     if (zot(b)) b = DS.b!=null?DS.b:a;
-    if (zot(c)) c = DS.c!=null?DS.c:a;
+    if (zot(c)) c = DS.c!=null?DS.c:b;
     if (b==-1) b = Math.sqrt(Math.pow(a,2)+Math.pow(c,2));
     if (c==-1) c = Math.sqrt(Math.pow(a,2)+Math.pow(b,2));
     if (zot(corner)) corner = DS.corner!=null?DS.corner:0;
@@ -20943,7 +20948,7 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 				// we need to find the new index of the second point
 				// we will store this as i3
 				var num = that.points.length;
-				let i3 = (i1 > i2) ? num-i1+i2 : i2-i1;
+				var i3 = (i1 > i2) ? num-i1+i2 : i2-i1;
 				
 				// split the squiggle into two at the adjusted second point
 				var s2 = s1.splitPoints(i3).loc(that); // returns second Squiggle
@@ -26349,17 +26354,21 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 		if (zot(width)) width=DS.width!=null?DS.width:200;
 		if (zot(height)) height=DS.height!=null?DS.height:60;
 		
-		if (zot(WW.M)) WW.M = zim.mobile();
+		if (zot(WW.M)) WW.M = zim.mobile();		
 		
+		// used if custom label to determine which color to use
+		var colorStart = color!=null?color:color=DS.color!=null?DS.color:null
+		var rollColorStart = rollColor!=null?rollColor:rollColor=DS.rollColor!=null?DS.rollColor:null
 		
+		if (zot(colorStart)) color=zim.white;
+		else color = colorStart;
+		if (zot(rollColorStart)) rollColor=zim.white;	
+		else rollColor = rollColorStart;	
 		
-		var oRollColor = rollColor;
-		var oDownColor = downColor;
-		if (zot(color)) color=DS.color!=null?DS.color:zim.white;
-
+		// used to return the label to start colors after roll colors
 		var oColor = color;
+		var oRollColor = rollColor;
 
-		if (zot(rollColor)) rollColor=DS.rollColor!=null?DS.rollColor:zim.white;		
 		if (zot(autoPadding)) autoPadding=DS.autoPadding!=null?DS.autoPadding:20;
 		if (zot(autoPaddingH)) autoPaddingH=DS.autoPaddingH!=null?DS.autoPaddingH:autoPadding;
 		if (zot(autoPaddingV)) autoPaddingV=DS.autoPaddingV!=null?DS.autoPaddingV:autoPadding;
@@ -26375,10 +26384,25 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 				style:false, group:this.group
 			});		
 		} else {
-			if (!zot(oColor)) label.color = oColor;
-			color = label.color;
-			if (zot(label.rollColor) || !zot(oRollColor)) label.rollColor = rollColor;
-			rollColor = label.rollColor;
+			if (zot(colorStart)) {
+				color = label.color;
+				oColor = color;
+			} else {
+				label.color = color;				
+			}
+			
+			if (zot(rollColorStart)) {				
+				if (zot(label.rollColor)) {
+					rollColor = color;
+					oRollColor = color;
+					label.rollColor = rollColor;
+				} else {
+					rollColor = label.rollColor;
+					oRollColor = rollColor;
+				}	
+			} else {
+				label.rollColor = rollColor;				
+			}
 		}
 		if (zot(downColor)) downColor=DS.downColor!=null?DS.downColor:rollColor;
 		
@@ -30595,7 +30619,7 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 					if (!scrollBarActive && optimize) {
 						if (that.zDE) content.off("mousedown", that.zDE, null, mID);
 						that.zDE = content.on("mousedown", function() {
-							if (that.zTI) zim.Ticker.remove(testContent, mID, that);
+							if (that.zTI && testContent) zim.Ticker.remove(testContent, mID, that);
 						}, null, null, null, null, mID);						
 						if (that.zME) content.off("pressmove", that.zME, null, mID);
 						that.zME = content.on("pressmove", testContent, null, null, null, null, mID);						
@@ -30667,7 +30691,7 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 		}
 
 		function stageUp() {		
-			zim.Ticker.remove(swipeMovescrollBars, mID, that);
+			if (swipeMovescrollBars) zim.Ticker.remove(swipeMovescrollBars, mID, that);
 			swipeCheck = false;
 			if (hCheck) if (scrollBarFade && scrollBarActive) zim.animate(hscrollBar, {alpha:0}, scrollBar.fadeTime);
 			if (vCheck) if (scrollBarFade && scrollBarActive) zim.animate(vscrollBar, {alpha:0}, scrollBar.fadeTime);
@@ -30691,7 +30715,7 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 				that.dispatchEvent("hoverout");
 				hoverOutCalled = true;
 			}
-			zim.Ticker.remove(timeMouse, mID, that);
+			if (timeMouse) zim.Ticker.remove(timeMouse, mID, that);
 		}
 		function timeMouse() {
 			if (!content.stage) {
@@ -30699,7 +30723,7 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 					that.dispatchEvent("hoverout");
 					hoverOutCalled = true;
 				}
-				zim.Ticker.remove(timeMouse, mID, that);
+				if (timeMouse) zim.Ticker.remove(timeMouse, mID, that);
 				return;
 			}
 			if (Math.abs(lastMouseX-that.windowMouseX) > thresh || Math.abs(lastMouseY-that.windowMouseY) > thresh) {
@@ -32488,8 +32512,10 @@ index - (default 0) - set the index 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
 selectedIndex - same as index, kept in for backwards compatibility in ZIM DUO
 toggleFirst - (default true) set to false to not toggle first light if indicator is set to interactive
-delayLight - (default false) set to true to not activate the light when interactive is true 
+delayLights - (default false) set to true to not activate the light when interactive is true 
 	sometimes something else will set the lights so just dispatch a change event without updating the light
+indicatorList - (default null) an array of custom objects for the non-selected items
+selectedIndicatorList - (default null) an array of custom objects for the selected items
 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
@@ -32512,8 +32538,8 @@ type - holds the class name as a String
 index - gets or sets the current index of the indicator
 num - the assigned num value (how many light objects) (read only)
 backdrop - gives access to the backdrop if there is one Rectangle
-lights - an array of the light objects (zim Circle or Rectangle objects)
-lightsContainer - gives access to the lights createjs.Container with its Circle or Rectangle children
+lights - an array of the light objects - each is a Container that holds the Circle, Rectangle, or custom object
+lightsContainer - gives access to the lights Container that holds light objects - see lights above
 enabled - set to false to disable component
 
 ALSO: see ZIM Container for properties such as:
@@ -41571,7 +41597,7 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 			currentEvent = e;
 		}, null, null, null, null, mID);
 		this.on("pressup", function () {
-			zim.Ticker.remove(that.ticker, mID, that);
+			if (that.ticker) zim.Ticker.remove(that.ticker, mID, that);
 			that.dirX = that.dirY = 0;
 			arrows.loop(function (arrow) {
 				arrow.color = indicatorColor;
@@ -41878,9 +41904,9 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 
 				button.zimOverEvent = button.on("mouseover", function(e) {
 					var button = e.target;
-					button.colorCommand.style = (button==that.selected&&currentSelected)?button.selectedRollBackgroundColor:button.rollBackgroundColor;
+					button.colorCommand.style = (button==that.selected && currentSelected)?button.selectedRollBackgroundColor:button.rollBackgroundColor;
 
-					if (button.label) button.label.color = (button==that.selected&&currentSelected)?button.selectedRollColor:button.rollColor;
+					if (button.label) button.label.color = (button==that.selected && currentSelected)?button.selectedRollColor:button.rollColor;
 					if (rollIcons) {
 						button.holder.removeAllChildren();
 						rollIcons[button.num].loc(1,0,button.holder);
@@ -41889,8 +41915,8 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 				}, null, null, null, null, mID);
 				button.zimOutEvent = button.on("mouseout", function(e) {
 					var button = e.target;
-					button.colorCommand.style = (button==that.selected&&currentSelected)?button.selectedBackgroundColor:button.backgroundColor;
-					if (button.label) button.label.color = (button==that.selected&&currentSelected)?button.selectedColor:button.color;
+					button.colorCommand.style = (button==that.selected && currentSelected)?button.selectedBackgroundColor:button.backgroundColor;
+					if (button.label) button.label.color = (button==that.selected && currentSelected)?button.selectedColor:button.color;
 					if (rollIcons) {
 						button.holder.removeAllChildren();
 						if (icons) icons[button.num].loc(1,0,button.holder);
@@ -45371,7 +45397,7 @@ zim.Keyboard = function(labels, backgroundColor, color, shiftBackgroundColor, sh
 
 	function stopDragging() {
 		currentStage.off("pressmousemove", that.tickerMouseEvent, null, mID);
-		zim.Ticker.remove(startDragging, mID, that);
+		if (startDragging) zim.Ticker.remove(startDragging, mID, that);
 	}
 	
 	that.setBounds(1000,400-(numH-10)*26); // Dan Zen for any size keyboard
@@ -45386,7 +45412,7 @@ zim.Keyboard = function(labels, backgroundColor, color, shiftBackgroundColor, sh
 			positionXBlinker += currentLabel.widthArray[i]?currentLabel.widthArray[i]:0;
 		}
 		// Dan Zen added 9.5.0 padding for three types of Label (backing, backgroundColor and neither)
-		textBlinker.heightOnly = currentLabel.getBounds().height*(currentLabel.backing&&zot(currentLabel.padding)?.9:1)-((currentLabel.paddingV&&currentLabel.background)?currentLabel.paddingV*2:0);
+		textBlinker.heightOnly = currentLabel.getBounds().height*(currentLabel.backing && zot(currentLabel.padding)?.9:1)-((currentLabel.paddingV && currentLabel.background)?currentLabel.paddingV*2:0);
 		textBlinker.center(currentLabel);
 		textBlinker.x = positionXBlinker;
 	}
@@ -45690,7 +45716,7 @@ zim.Keyboard = function(labels, backgroundColor, color, shiftBackgroundColor, sh
 			var obj = {target:labels[index]};
 			activateLabel(obj);
 		}
-		setTimeout(()=>{if (textBlinker) textBlinker.visible = true;}, 200);
+		setTimeout(function() {if (textBlinker) textBlinker.visible = true;}, 200);
 		that.toggled = true;	
 		if (numPadOnly) showNumPad();	
 		else if (!numPadOnly || override) {
@@ -47760,7 +47786,7 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 		if (zot(mix)) mix = DS.mix!=null?DS.mix:true;
 		this.zimContainer_constructor(width+marginLeft+marginRight,height,null,null,false);
 		this.type = "Marquee";
-
+		
 		// MONITOR		
 		var mID = this.mID = "z~"+(DS.monitor===false?"-":this.type);
 
@@ -48829,7 +48855,7 @@ zim.Carousel3D = function(width, height, items, widthFactor, heightFactor, curve
 	that.stillTO;
 	that.added(function(){
 		that.makeCarousel();
-		that.tick = Ticker.add(()=>{
+		that.tick = Ticker.add(function() {
 			if (vertical) {
 				that.holder.loop(function(item, i) {					
 					item.y = item.start - r + (that.amount+r+r*2*1000000 + item.shift) % (r*2);
@@ -49024,6 +49050,7 @@ zim.Carousel3D = function(width, height, items, widthFactor, heightFactor, curve
 	});
 
 	this.dispose = function(a,b,disposing) {
+		if (that.tick) zim.Ticker.remove(that.tick);
 		if (that.swiper) that.swiper.dispose();
 		if (!disposing) {this.zimContainer_dispose();}
 		return true;
@@ -53795,7 +53822,7 @@ RETURNS obj for chaining
 				if (Math.abs(dragObject.x-dragObject.dragStartX) < 1 && Math.abs(dragObject.y-dragObject.dragStartY) < 1) {
 					hasMoved = false;
 					dragObject.dispatchEvent("slidestop");
-					zim.Ticker.remove(obj.zimDragTicker, mID, obj);
+					if (obj.zimDragTicker) zim.Ticker.remove(obj.zimDragTicker, mID, obj);
 				}
 
 				// if (dampX) dampX.immediate(50);
@@ -53807,7 +53834,7 @@ RETURNS obj for chaining
 				for (var o in obj.pointers) {
 					pointerCount++;
 				}
-				if (pointerCount == 0) zim.Ticker.remove(obj.zimDragTicker, mID, obj);
+				if (pointerCount == 0 && obj.zimDragTicker) zim.Ticker.remove(obj.zimDragTicker, mID, obj);
 				// extra pen drag
 				if (obj.type == "Pen") {
 					obj.zimDragCheck = false;
@@ -53991,7 +54018,7 @@ RETURNS obj for chaining
 				o.slideStartY = null;
 				if (hasMoved) {					
 					o.dispatchEvent("slidestop");
-					zim.Ticker.remove(obj.zimDragTicker, mID, obj);
+					if (obj.zimDragTicker) zim.Ticker.remove(obj.zimDragTicker, mID, obj);
 				}
 				// extra pen drag
 				if (obj.type == "Pen") {
@@ -59275,7 +59302,7 @@ RETURNS the target for chaining (or null if no target is provided and run on zim
 					return target;
 				}
 				var coTarget = target;
-				if (coTarget.cT) {zim.Ticker.remove(coTarget.cT, mID, target);}
+				if (coTarget.cT) zim.Ticker.remove(coTarget.cT, mID, target);
 				target = {val:0, zimTweens:{}, ticker:coTarget.cT};
 				var startColor = coTarget.material.color.getHexString();
 				var endColor = obj.color;
@@ -61011,7 +61038,7 @@ RETURNS the target for chaining (or null if no target is provided and run on zim
 				var ticker = target.zimTweens[id].zimTicker;
 				if (target.zimTweens[id].extraTickers) {
 					for (var k=0; k<target.zimTweens[id].extraTickers.length; k++) {
-						zim.Ticker.remove(target.zimTweens[id].extraTickers[k]);
+						if (target.zimTweens[id].extraTickers[k]) zim.Ticker.remove(target.zimTweens[id].extraTickers[k]);
 					}
 				}
 				// if (ticker) zim.Ticker.remove(ticker); ticker = null;
@@ -61031,7 +61058,9 @@ RETURNS the target for chaining (or null if no target is provided and run on zim
 			tween.zimPaused = paused;
 
 			if (paused) {					
-				if (tween.zimTicker) tween.zimAnimateTimeout = setTimeout(function(){zim.Ticker.remove(tween.zimTicker, mID, target);},200);
+				if (tween.zimTicker) tween.zimAnimateTimeout = setTimeout(function(){
+					if (tween.zimTicker) zim.Ticker.remove(tween.zimTicker, mID, target);
+				},200);
 				// if (target.zimZoomTicker) zim.Ticker.remove(target.zimZoomTicker);
 			} else {		
 				tween.startPaused = false;
@@ -61091,7 +61120,7 @@ RETURNS the target for chaining (or null if no target is provided and run on zim
 					target.off("pressmove", target.zimAnimateDragPress, null, mID);
 					target.off("pressup", target.zimAnimateDragUp, null, mID);
 					if (target.amu) stage.frame.off("mouseupplus", target.amu, null, mID);	
-					zim.Ticker.remove(target.zimDragAnimateTicker, mID, target);
+					if (target.zimDragAnimateTicker) zim.Ticker.remove(target.zimDragAnimateTicker, mID, target);
 				}
 				if (zot(ids)) {
 					if (!include) return target; // would be exclude all ids
@@ -68561,10 +68590,12 @@ note: the item is not the event object target - as that is the tile
 				zim.loop(that.items, function (t) {
 					// get index of middle of bounding box of item
 					var b = t.getBounds();
-					var x = t.x - t.regX + b.x + b.width / 2;
-					var y = t.y - t.regY + b.y + b.height / 2;
-					var index = that.hitTestGrid(that.width, that.height, that.cols, that.rows, x, y, null, null, spacingHList[0], spacingVList[0], true, "open");
-					if (index != null) items[index[0]] = t;
+					if (b) {
+						var x = t.x - t.regX + b.x + b.width / 2;
+						var y = t.y - t.regY + b.y + b.height / 2;
+						var index = that.hitTestGrid(that.width, that.height, that.cols, that.rows, x, y, null, null, spacingHList[0], spacingVList[0], true, "open");
+						if (index != null) items[index[0]] = t;
+					}
 				});
 				// // slow with hundreds
 				// for (var j=0; j<that.rows; j++) {
@@ -68718,7 +68749,7 @@ note: the item is not the event object target - as that is the tile
 						item.mov(colSize?-spacingHOList[i]/2:0, rowSize?-spacingVOList[Math.floor(i/that.cols)]/2:0);					
 					});
 					var bb = that.getBounds();
-					that.setBounds(bb.x, bb.y, bb.width-(colSize?spacingHOTotal:0), bb.height-(rowSize?spacingVOTotal:0))
+					if (bb) that.setBounds(bb.x, bb.y, bb.width-(colSize?spacingHOTotal:0), bb.height-(rowSize?spacingVOTotal:0))
 					bb = that.getBounds();
 				}
 				if (backing) that.backings = backings;
@@ -68730,7 +68761,7 @@ note: the item is not the event object target - as that is the tile
 
 			that.setBounds(null)
 			var bounds = that.getBounds();
-			that.setBounds(bounds.x, bounds.y, bounds.width, bounds.height);
+			if (bounds) that.setBounds(bounds.x, bounds.y, bounds.width, bounds.height);
 
 			// add backdrop
 
@@ -68742,18 +68773,20 @@ note: the item is not the event object target - as that is the tile
 			// add backdropColor 
 			if (backdropColor) {
 				var bb = that.getBounds();
-				backdrop = that.backdrop = new zim.Rectangle({
-					width:bb.width+backdropPaddingH*2, 
-					height:bb.height+backdropPaddingV*2, 
-					color:backdropColor,
-					style:false,
-					group:"backdrop"
-				});
-				backdrop.center(that,0);
-				that.loop(function(item) {
-					item.mov(Math.max(0,backdropPaddingH), Math.max(backdropPaddingV,0));					
-				});	
-				that.setBounds(0,0,bb.width+Math.max(0,backdropPaddingH)*2,bb.height+Math.max(backdropPaddingV,0)*2);
+				if (bb) {
+					backdrop = that.backdrop = new zim.Rectangle({
+						width:bb.width+backdropPaddingH*2, 
+						height:bb.height+backdropPaddingV*2, 
+						color:backdropColor,
+						style:false,
+						group:"backdrop"
+					});
+					backdrop.center(that,0);
+					that.loop(function(item) {
+						item.mov(Math.max(0,backdropPaddingH), Math.max(backdropPaddingV,0));					
+					});	
+					that.setBounds(0,0,bb.width+Math.max(0,backdropPaddingH)*2,bb.height+Math.max(backdropPaddingV,0)*2);
+				}
 			}
 
 		}
@@ -72808,7 +72841,7 @@ zim.TextureActivesManager = function(stage, toggleKey, damp) {
 	}, null, mID, that);
 	nav.add(slider,0,true);
 	nav.removeFrom();
-	zim.Ticker.remove(that.ticker, mID, that);
+	if (that.ticker) zim.Ticker.remove(that.ticker, mID, that);
 
 	function protectOn() {			
 		if (moveCheck) return;
@@ -72872,7 +72905,7 @@ zim.TextureActivesManager = function(stage, toggleKey, damp) {
 		frame.color = lastColor==undefined?null:lastColor==null?null:lastColor;
 		frame.outerColor = lastOuter==undefined?null:lastOuter==null?null:lastOuter; 
 		that.toggled = false;
-		zim.Ticker.remove(that.ticker, mID, that);
+		if (that.ticker) zim.Ticker.remove(that.ticker, mID, that);
 		nav.removeFrom();
 		var doms = [];
 		zim.loop(objs, function(obj) {
@@ -75543,7 +75576,7 @@ dispatches a "swipestop" event when swipeup has happened and value has stopped c
 		function disable() {
 			if (container.canvas) offStageEvents();
 			else offMouseEvents();
-			zim.Ticker.remove(that.swiperTicker, mID, that);
+			if (that.swiperTicker) zim.Ticker.remove(that.swiperTicker, mID, that);
 		}
 
 		function enable() {
@@ -75985,6 +76018,7 @@ dispatches a "moving" event if target is moving and "startmoving" and "stopmovin
 		var mouseEvent3;
 		var mouseEvent4;
 		var offTimeEvent;
+		var stageupEvent;
 		var pressing = false;
 		var moveCheck = false;
 		var under, i, a, gamepad, first;
@@ -76076,7 +76110,9 @@ dispatches a "moving" event if target is moving and "startmoving" and "stopmovin
 				that.x = p.x; that.y = p.y;				
 				calculate();
 			}, null, null, null, null, mID);
+
 			if (!zot(offTime)) offTimeEvent = stage.on("stagemouseup", doOffTime, null, null, null, null, mID);
+			stageupEvent = stage.on("stagemouseup", doStageUp, null, null, null, null, mID);
 		} else if (type == "pressmove" || type == "pressdrag" || type == "follow") {
 			if (that.offSpeed) {
 				that.stopAnimate("off");
@@ -76171,7 +76207,7 @@ dispatches a "moving" event if target is moving and "startmoving" and "stopmovin
 				pressing = false;
 			}, null, null, null, null, mID);			
 			if (!zot(offTime)) offTimeEvent = stage.on("stagemouseup", doOffTime, null, null, null, null, mID);
-
+			stageupEvent = stage.on("stagemouseup", doStageUp, null, null, null, null, mID);
 		} else if (type == "gamestick") {
 			gamepad = this.gamepad = new zim.GamePad();
 			for (i=0; i<4; i++) { // make map hold arrays
@@ -76290,6 +76326,10 @@ dispatches a "moving" event if target is moving and "startmoving" and "stopmovin
 				}
 			}
 		}
+
+		function doStageUp() {
+			that.dispatchEvent("pressup");
+		}
 		
 		function moveMe() {
 			var p = container.globalToLocal(that.moveX, that.moveY);
@@ -76728,11 +76768,13 @@ dispatches a "moving" event if target is moving and "startmoving" and "stopmovin
 			} else if (type == "mousedown" || type == "mousemove") {
 				mouseEvent = stage.on("stage" + type, mouseEvent, null, null, null, null, mID);
 				if (offTimeEvent) offTimeEvent = stage.on("stagemouseup", offTimeEvent, null, null, null, null, mID);
+				if (stageupEvent) stageupEvent = stage.on("stagemouseup", stageupEvent, null, null, null, null, mID);
 			} else if (type == "pressmove") {
 				mouseEvent = stage.on("stagemousedown", mouseEvent, null, null, null, null, mID);
 				if (mouseEvent2) mouseEvent2 = stage.on("stagemousemove", mouseEvent2, null, null, null, null, mID);
 				if (mouseEvent3) mouseEvent3 = stage.on("stagemouseup", mouseEvent3, null, null, null, null, mID);
 				if (offTimeEvent) offTimeEvent = stage.on("stagemouseup", offTimeEvent, null, null, null, null, mID);
+				if (stageupEvent) stageupEvent = stage.on("stagemouseup", stageupEvent, null, null, null, null, mID);
 			}
 			mainTicker = zim.Ticker.add(mainTicker, stage, mID, that);
 		}
@@ -76740,11 +76782,11 @@ dispatches a "moving" event if target is moving and "startmoving" and "stopmovin
 			if (type == "keydown") {
 				frame.off("keydown", keydownEvent, null, mID);
 				frame.off("keyup", keyupEvent, null, mID);
-				zim.Ticker.remove(keyTicker, mID, that);
+				if (keyTicker) zim.Ticker.remove(keyTicker, mID, that);
 			} else if (type == "gamebutton") {
 				gamepad.off("buttondown", buttondownEvent, null, mID);
 				gamepad.off("buttonup", buttonupEvent, null, mID);
-				zim.Ticker.remove(keyTicker, mID, that);
+				if (keyTicker) zim.Ticker.remove(keyTicker, mID, that);
 			} else if (type == "gamestick") {
 				gamepad.off("data", stickEvent, null, mID);
 			} else if (type == "swipe") {
@@ -76753,14 +76795,16 @@ dispatches a "moving" event if target is moving and "startmoving" and "stopmovin
 				swiperX.off("swipemove", swiperEvent, null, mID);
 			} else if (type == "mousedown" || type == "mousemove") {
 				stage.off("stage" + type, mouseEvent, null, mID);
-				stage.off("stagemouseup", offTimeEvent, null, mID);				
+				stage.off("stagemouseup", offTimeEvent, null, mID);		
+				stage.off("stagemouseup", stageupEvent, null, mID);		
 			} else if (type == "pressmove") {
 				stage.off("stagemousedown", mouseEvent, null, mID);
 				stage.off("stagemousemove", mouseEvent2, null, mID);
 				stage.off("stagemouseup", mouseEvent3, null, mID);
 				stage.off("stagemouseup", offTimeEvent, null, mID);
+				stage.off("stagemouseup", stageupEvent, null, mID);
 			}
-			zim.Ticker.remove(mainTicker, mID, that);
+			if (mainTicker) zim.Ticker.remove(mainTicker, mID, that);
 		}
 		this.dispose = function() {
 			disable();
@@ -76819,7 +76863,7 @@ gamepad.on("data", e=>{
 	zog(e.axes[0]); // left stick x or horizontal data from -1 to 1 (lots of decimal noise)
 	zog(e.axes[GamePad.LTX]); // another way of accessing left stick x
 	zog(e.buttons[9]); // true or false depending on if the START button is pressed
-	zog(e.buttons[GamePad.START]); another way to find if the START button is pressed
+	zog(e.buttons[GamePad.START]); // another way to find if the START button is pressed
 });
 END EXAMPLE
 
@@ -77722,7 +77766,7 @@ b2ContactListener = Box2D.Dynamics.b2ContactListener;
 			var physics = obj.physics;
 			physics.world.DestroyJoint(obj.puppetJoint);
             obj.puppetJoint = null;            
-            zim.Ticker.remove(obj.zimPuppetTicker, mID, obj);
+            if (obj.zimPuppetTicker) zim.Ticker.remove(obj.zimPuppetTicker, mID, obj);
 			return obj;
 		};
 		if (!obj.hasOwnProperty("dynamic")) {
@@ -78161,7 +78205,7 @@ var DS = style===false?group!=null?zim.getStyle(null,null,inherit,this.group):{}
 	if (themeColor != zim.purple) doColor(themeColor);
 
 	this.dispose = function(a,b,disposing) {
-		zim.Ticker.remove(that.tickerID, mID, that);
+		if (that.tickerID) zim.Ticker.remove(that.tickerID, mID, that);
 		F.off("keydown", that.keyEvent, null, mID);
 		if (!disposing) this.zimContainer_dispose(true);		
 		return true;		
@@ -81240,7 +81284,7 @@ paused - read-only boolean whether the parallax is paused - see pause() and star
 		this.dispose = function() {
 			stage.off("stagemousemove", that.stageEvent, null, mID);
 			myLayers = null;
-			if (auto) zim.Ticker.remove(zimTicker, mID, that);
+			if (auto && zimTicker) zim.Ticker.remove(zimTicker, mID, that);
 			return true;
 		};
 
@@ -81257,7 +81301,7 @@ paused - read-only boolean whether the parallax is paused - see pause() and star
 
 		if (auto) {
 			var zimTicker = zim.Ticker.add(animate, stage, mID, that);
-			if (startPaused) zim.Ticker.remove(zimTicker, mID, that);
+			if (startPaused && zimTicker) zim.Ticker.remove(zimTicker, mID, that);
 		}
 
 		// loop though our layers and apply the converted proportion damping
@@ -81272,8 +81316,8 @@ paused - read-only boolean whether the parallax is paused - see pause() and star
 				if (zot(custom)) {
 					if (o.input == "mouseX") input = that.mouseX;
 					else if (o.input == "mouseY") input = that.mouseY;
-					else if (o.input == "scrollX") input = zim.scrollX();
-					else if (o.input == "scrollY") input = zim.scrollY();
+					else if (o.input == "scrollX") input = zim.browserScrollX();
+					else if (o.input == "scrollY") input = zim.browserScrollY();
 				} else {
 					input = custom;
 				}
@@ -81299,7 +81343,7 @@ paused - read-only boolean whether the parallax is paused - see pause() and star
 				that.paused = state;
 				if (zimTicker) {
 					if (!state) zimTicker = zim.Ticker.add(zimTicker, null, mID, that);
-					else zim.Ticker.remove(zimTicker, mID, that);
+					else if (zimTicker) zim.Ticker.remove(zimTicker, mID, that);
 				}
 			}
 			return that;
@@ -82003,7 +82047,7 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 					time:time,
 					ease:ease,
 					call:function () {                            
-						zim.Ticker.remove(ticker, mID, that);
+						if (ticker) zim.Ticker.remove(ticker, mID, that);
 						that.moving = false;
 						setPeel(w, h, side);                                                                                   
 					}
@@ -82034,7 +82078,7 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 					props:{currentW:0, currentH:0},
 					time:time,
 					call:function () {
-						zim.Ticker.remove(ticker, mID, that);                            
+						if (ticker) zim.Ticker.remove(ticker, mID, that);                            
 						setPeel(0, 0, side);
 						that.moving = false;
 						onHTML();
@@ -82094,7 +82138,7 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 					time:.3,
 					timeUnit:"s",
 					call:function () {
-						zim.Ticker.remove(ticker, mID, that);   
+						if (ticker) zim.Ticker.remove(ticker, mID, that);   
 						pageBack.reg(0,0);   
 						pageNext.setMask(null); 	
 						toPage(that._currentPage+2); 
@@ -82138,7 +82182,7 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 					time:.3,
 					timeUnit:"s",
 					call:function () {
-						zim.Ticker.remove(ticker, mID, that);   
+						if (ticker) zim.Ticker.remove(ticker, mID, that);   
 						pageFore.reg(0,0);   
 						pagePrev.setMask(null); 
 						toPage(that._currentPage-2); 
@@ -83788,7 +83832,7 @@ Dispatches a "pause" event when paused is complete (sometimes a delay to slow to
 		if (style!==false) zim.styleTransforms(this, DS);
 
 		this.dispose = function() {
-			zim.Ticker.remove(zimTicker, mID, that);
+			if (zimTicker) zim.Ticker.remove(zimTicker, mID, that);
 			// if (that.backing1) that.backing1.dispose(); // leaving them around...
 			// if (that.backing2) that.backing2.dispose();
 			return true;
@@ -85230,9 +85274,7 @@ zim.Emitter = function(obj, width, height, interval, num, life, fade, shrink, wa
 	this.dispose = function() {
 		if (cache) stage.snapToPixelEnabled = true;
 		if (that.zimInterval) that.zimInterval.clear();
-		if (emitterTicker) {
-			zim.Ticker.remove(emitterTicker, mID, that);
-		}
+		if (emitterTicker) zim.Ticker.remove(emitterTicker, mID, that);
 		zim.loop(poolList, function(particle) {
 			if (particle) particle.dispose();
 		});			
@@ -86440,7 +86482,7 @@ and drawpause or drawSpacebarPause parameters are true
 			}
 			if (that.maxCount && that.count >= that.maxCount) {
 				that.dispatchEvent("complete");
-				zim.Ticker.remove(that.ticker, mID, that);
+				if (that.ticker) zim.Ticker.remove(that.ticker, mID, that);
 			}
 		}
 
@@ -87632,6 +87674,16 @@ dispatches an "undo" and a "redo" whenever undo and redo happens
 		};
 		
 		that.immediate = function(x, y) {
+			if (typeof x != "number" && x.x != null && x.y != null) {
+				if (x.localToGlobal) {
+					var p = x.localToGlobal(0,0);
+					x = p.x;
+					y = p.y;
+				} else {
+					y = x.y;
+					x = x.x;
+				}
+			}
 			if (!zot(x)) {
 				that.x = x;
 				that.dampX.immediate(that.x);
@@ -87687,7 +87739,7 @@ dispatches an "undo" and a "redo" whenever undo and redo happens
 			if (stage && that.stageDown) stage.off("stagemousedown", that.stageDown, null, mID);
 			if (stage && that.stageUp) stage.off("stagemouseup", that.stageUp, null, mID);
 			if (stage && that.upEvent) stage.off("stagemouseup", that.upEvent, null, mID);
-			zim.Ticker.remove(that.ticker, mID, that);
+			if (that.ticker) zim.Ticker.remove(that.ticker, mID, that);
 			that.removeAllEventListeners(null, mID);
 			if (nib) nib.removeFrom();
 			if (all) { // remove paper too
@@ -88999,7 +89051,7 @@ the result of the play() or tone() method will dispatch a "complete" event when
 			}
 			if (wahAmount || wahRate || !zot(wahShape) || !zot(wahThroat)) makeWah();
 			that2.removeWah = function() {
-				zim.Ticker.remove(wah.ticker, mID, that2);
+				if (wah.ticker) zim.Ticker.remove(wah.ticker, mID, that2);
 				wah.dispose();
 				wah = that2.wah = null;
 				that2.filter.Q.value = 0;
@@ -89370,7 +89422,7 @@ the result of the play() or tone() method will dispatch a "complete" event when
 				that2.paused = state;
 			};
 			this.dispose = function () {
-				zim.Ticker.remove(this.ticker, mID, that2);
+				if (this.ticker) zim.Ticker.remove(this.ticker, mID, that2);
 			};
 		};
 		this.oscillator = function(frequency, gain, shape, offset) {
@@ -90412,6 +90464,7 @@ singleTouch - set to true for single touch rather than the default multitouch (o
 ZAPP DIRECTIVES
 These were created for the ZIM Editor (and Slate) where the Frame is already made.
 When these are placed inside the Editor, the Editor will parse them and run them as Frame parameters.
+WARNING: These are only parsed at the start - do not use them once your code has loaded.
 In ZIM 019 the system was made to work with regular code to make for easy transfer of Editor code.
 When these are placed in normal code above the Frame() they will override the matching Frame parameters.
 Examples: 
@@ -90648,7 +90701,9 @@ makeCat(height) - returns a ZIM Cat icon - provide height rather than scaling fo
 makeIcon(edges, box, slats, borderColor, borderWidth) |ZIM DUO| - returns a ZIM Z icon
 	edges defaults to zim.light and is the top and bottom line in the Z
 	box defaults to zim.dark and is the background box color
-	slats defaults to the ZIM colors but can be set to any array of five colors (setting true will set to zim.silver)
+	slats defaults to the ZIM colors but can be set to any array of five colors 
+		setting true will set to zim.silver
+		setting to a single color will make each slat that color
 	borderColor and borderWidth default to null - or borderWidth 1 if color set and borderColor black if borderWidth set
 madeWith(color, text, edges, box, slats, borderColor, borderWidth) |ZIM DUO| - returns a ZIM Z icon with Made With message
 	color - (default zim.dark) change color of text (pass in clear to hide text)
@@ -90920,7 +90975,7 @@ zim.Frame = function(scaling, width, height, color, outerColor, ready, assets, p
 	var oldLeft = false;
 	var old2Left = false;
 	this.leftMouseDown = false;
-	function leftEvent(e) {
+	function leftEvent(e) {		
 		// e = e.nativeEvent;	
 		that.leftMouseDown = e.buttons === undefined?e.which === 1:e.buttons === 1;
 		if (oldLeft && !that.leftMouseDown) {
@@ -90974,8 +91029,8 @@ zim.Frame = function(scaling, width, height, color, outerColor, ready, assets, p
 	function setFrameShim() {
 		that.scale = shim.stage.scaleX;
 		var bRect = canvas.getBoundingClientRect();
-		that.x = bRect.x + zim.scrollX();
-		that.y = bRect.y + zim.scrollY();
+		that.x = bRect.x + zim.browserScrollX();
+		that.y = bRect.y + zim.browserScrollY();
 		zim.scaX = createjs.stageTransformable ? 1 : shim.stage.scaleX;
 		zim.scaY = createjs.stageTransformable ? 1 : shim.stage.scaleY;
 	}
@@ -91185,7 +91240,7 @@ zim.Frame = function(scaling, width, height, color, outerColor, ready, assets, p
 					that.pauseTicker = function(state) {
 						if (zot(state)) state = true;
 						if (state) {
-							zim.Ticker.remove(that.updateID, mID, that);
+							if (that.updateID) zim.Ticker.remove(that.updateID, mID, that);
 						} else {
 							zim.Ticker.add(that.updateID, null, mID, that);
 						}
@@ -91275,8 +91330,8 @@ zim.Frame = function(scaling, width, height, color, outerColor, ready, assets, p
 		});	
 		
 	}
-
-	function setMousemove() {
+	
+	function setMousemove() {				
 		if (captureMouse) { // patched in 10.7.1
 			that.mouseX = 0;
 			that.mouseY = 0;
@@ -91289,12 +91344,13 @@ zim.Frame = function(scaling, width, height, color, outerColor, ready, assets, p
 				that.mouseY = e.stageY/zim.scaY;
 			}, null, null, null, null, mID);
 		}
-		WW.removeEventListener("mousedown", leftEvent, true);
-		WW.removeEventListener("mousemove", leftEvent, true);
-		WW.removeEventListener("mouseup", leftEvent);			
-		WW.addEventListener("mousedown", leftEvent, true);
-		WW.addEventListener("mousemove", leftEvent, true); // tell actual mousemove there was a mouseup
-		WW.addEventListener("mouseup", leftEvent); // give actual mouseup a chance to act
+		// changed to pointer in ZIM 019 patch mousedown, etc. was not activating after CreateJS 1.5 switch
+		WW.removeEventListener("pointerdown", leftEvent, true);
+		WW.removeEventListener("pointermove", leftEvent, true);
+		WW.removeEventListener("pointerup", leftEvent);			
+		WW.addEventListener("pointerdown", leftEvent, true);
+		WW.addEventListener("pointermove", leftEvent, true); // tell actual mousemove there was a mouseup
+		WW.addEventListener("pointerup", leftEvent); // give actual mouseup a chance to act
 	}		
 
 	function makeStage() {
@@ -91371,8 +91427,8 @@ zim.Frame = function(scaling, width, height, color, outerColor, ready, assets, p
 				zim.scaY = createjs.stageTransformable ? 1 : stage.scaleY;
 			}
 			if (!allowDefault) {
-				zim.scrollX(0);
-				zim.scrollY(0);
+				zim.browserScrollX(0);
+				zim.browserScrollY(0);
 			}
 			setVisible();
 			return;
@@ -91409,8 +91465,8 @@ zim.Frame = function(scaling, width, height, color, outerColor, ready, assets, p
 			can.style.left = can.style.top = "0px";
 
 			bRect = can.getBoundingClientRect();
-			that.x = bRect.x + zim.scrollX();
-			that.y = bRect.y + zim.scrollY();
+			that.x = bRect.x + zim.browserScrollX();
+			that.y = bRect.y + zim.browserScrollY();
 			setVisible();
 			return;
 		} else if (scaling == "inline") {
@@ -91470,8 +91526,8 @@ zim.Frame = function(scaling, width, height, color, outerColor, ready, assets, p
 			}
 			can.style.left = can.style.top = "0px";
 			bRect = can.getBoundingClientRect();
-			that.x = bRect.x + zim.scrollX();
-			that.y = bRect.y + zim.scrollY();
+			that.x = bRect.x + zim.browserScrollX();
+			that.y = bRect.y + zim.browserScrollY();
 			setVisible();
 			return;
 		}
@@ -91508,8 +91564,8 @@ zim.Frame = function(scaling, width, height, color, outerColor, ready, assets, p
 		can.style.left = that.x + "px";
 		can.style.top = that.y + "px";
 		if (!allowDefault) {
-			zim.scrollX(0);
-			zim.scrollY(0);
+			zim.browserScrollX(0);
+			zim.browserScrollY(0);
 		}
 		setVisible();
 
@@ -92466,7 +92522,7 @@ zim.Frame = function(scaling, width, height, color, outerColor, ready, assets, p
 			}
 		});
 		
-	 	if (obj.default) document.body.style.cursor = "none";		
+	 	if (obj["default"]) document.body.style.cursor = "none";		
 
 		that.pme = that.on("pointermove", function(e) {			
 			// move the cursor object and update stage if not already a Ticker
@@ -92481,10 +92537,10 @@ zim.Frame = function(scaling, width, height, color, outerColor, ready, assets, p
 			}
 			if (co && (co._cursor || co.cursor)) {
 				setCustom(co);
-			} else if (obj.default) {
+			} else if (obj["default"]) {
 				setCursor("none");
-				that.cursorObj = obj.default;
-				obj.default.addTo(that.stage);
+				that.cursorObj = obj["default"];
+				obj["default"].addTo(that.stage);
 			} else {
 				setCursor();
 			}
@@ -92502,14 +92558,14 @@ zim.Frame = function(scaling, width, height, color, outerColor, ready, assets, p
 			var co = that.stage.getObjectUnderPoint(that.mouseX, that.mouseY, 1);
 			if (co && (co._cursor || co.cursor)) {
 				setCustom(co);
-			} else if (obj.default) {
+			} else if (obj["default"]) {
 				setCursor("none");
-				obj.default.x = that.mouseX;
-				obj.default.y = that.mouseY;
-				that.cursorObj = obj.default;
+				obj["default"].x = that.mouseX;
+				obj["default"].y = that.mouseY;
+				that.cursorObj = obj["default"];
 				that.cursorObj.mouseChildren = false;
 				that.cursorObj.mouseEnabled = false;
-				obj.default.addTo(that.stage);
+				obj["default"].addTo(that.stage);
 			} else {
 				setCursor();
 			}
@@ -92538,8 +92594,8 @@ zim.Frame = function(scaling, width, height, color, outerColor, ready, assets, p
 					co = co.parent;
 				}
 				if (co && (co._cursor || co.cursor)) return;
-				if (obj.default) {
-					doCursor(obj.default);
+				if (obj["default"]) {
+					doCursor(obj["default"]);
 				} else {
 					setCursor();
 				}
@@ -92563,10 +92619,10 @@ zim.Frame = function(scaling, width, height, color, outerColor, ready, assets, p
 				if (obj[target._cursor] == that.cursorObj) return;	// only set if it is different		
 				if (that.cursorObj) that.cursorObj.removeFrom();
 				doCursor(obj[target._cursor]);
-			} else if (obj.default && (!target.cursor || !that.cursorTypes.includes(target.cursor))) {
-				if (obj.default == that.cursorObj) return;	// only set if it is different				
+			} else if (obj["default"] && (!target.cursor || !that.cursorTypes.includes(target.cursor))) {
+				if (obj["default"] == that.cursorObj) return;	// only set if it is different				
 				if (that.cursorObj) that.cursorObj.removeFrom();
-				doCursor(obj.default);
+				doCursor(obj["default"]);
 			} else {
 				if (!that.cursorTypes.includes(target.cursor)) target.cursor = "default";
 				if (that.cursorObj) that.cursorObj.removeFrom();
@@ -92591,8 +92647,8 @@ zim.Frame = function(scaling, width, height, color, outerColor, ready, assets, p
 		
 		that.smu = that.stage.on("mouseout", function(e) {
 			if (that.cursorObj) that.cursorObj.removeFrom();
-			if (obj.default) {
-				doCursor(obj.default);
+			if (obj["default"]) {
+				doCursor(obj["default"]);
 			} else {
 				setCursor();
 			}
@@ -92885,10 +92941,10 @@ zim.Frame = function(scaling, width, height, color, outerColor, ready, assets, p
 		if (that.zimDevicemotionEvent) WW.removeEventListener("devicemotion", that.zimDevicemotionEvent);
 		if (that.zimDeviceorientationEvent) WW.removeEventListener("deviceorientation", that.zimDeviceorientationEvent);
 		
-		WW.removeEventListener("mousedown", leftEvent, true);
-		WW.removeEventListener("mousemove", leftEvent, true); 
-		WW.removeEventListener("mouseup", leftEvent);
-					
+		WW.removeEventListener("pointerdown", leftEvent, true);
+		WW.removeEventListener("pointermove", leftEvent, true); 
+		WW.removeEventListener("pointerup", leftEvent);	
+						
 		if (!allowDefault) document.body.style.overflow = "athatuto";
 		recursiveDispose(stage);
 		function recursiveDispose(obj) {
@@ -92966,6 +93022,7 @@ zim.Frame = function(scaling, width, height, color, outerColor, ready, assets, p
 		if (zot(edges)) edges = zim.light;			
 		if (zot(box)) box = zim.dark;
 		if (slats === true) slats = [zim.silver, zim.silver, zim.silver, zim.silver, zim.silver];
+		else if (!zot(slats) && !Array.isArray(slats)) slats = [slats, slats, slats, slats, slats, slats];
 		new zim.Rectangle(icon.width, icon.height, box, borderColor, borderWidth).loc(-20,-13,icon);
 
 		var data = [
@@ -95850,6 +95907,8 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 	zim.Monitor.reports = []; // {o:obj, s:"report string"}
 	zim.Monitor.report = function() {		
 
+		if (!zim.monitorCheck) {z_d("84"); zim.monitorCheck=true;}
+
 		var objects = zim.Monitor.levels();
 		var objTypes = [];
 		zim.loop(objects, function(o) {
@@ -96176,7 +96235,7 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
     })
         .scaleTo(content, 100)
         .pos(0,bar2.y+bar2.height+28,CENTER,TOP,content)
-        .change(e=>{
+        .change(function(e) {
             var item = e.item;
             settings[item.label.text.toLowerCase()] = item.checked;
             updateSettings();
@@ -96493,9 +96552,7 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 		var s = pre + ": [" + (crumbs&&crumbs.length>0?crumbs.join(" > "):"loose") + "] " +  "interval " + id + " " + state + " " + time + "" + timeType + " " + "total: " + (total?total:"infinite") + " " + suf;
 		monitor.reports.push({o:obj?obj:"loose", t:state, w:"i", s:s});
 		obj = crumbs = null;
-	}	
-	
-	//-84
+	}//-84
 
 /*--
 zim.DISTILL
@@ -98811,7 +98868,7 @@ animator - the Gifler animator
 				if (to) clearTimeout(to);
 				if (state && that.animator.running()) {
 					that.animator.stop();
-					zim.Ticker.remove(that.ticker, mID, that);
+					if (that.ticker) zim.Ticker.remove(that.ticker, mID, that);
 				} else if (!state && !that.animator.running()) {
 					that.animator.start();
 					zim.Ticker.add(that.ticker, null, mID, that);					
@@ -98841,7 +98898,7 @@ animator - the Gifler animator
 		this.dispose = function() {
 			that.animator.stop();
 			if (that.parent) that.removeFrom();
-			zim.Ticker.remove(that.ticker, mID, that);
+			if (that.ticker) zim.Ticker.remove(that.ticker, mID, that);
 			zim.gD(this); 	
 		};
 		
@@ -102854,8 +102911,8 @@ export let ProportionDamp = zim.ProportionDamp;
 export let Dictionary = zim.Dictionary;
 export let Hierarchy = zim.Hierarchy;
 export let Pick = zim.Pick;
-export let scrollX = zim.scrollX;
-export let scrollY = zim.scrollY;
+export let browserScrollX = zim.browserScrollX;
+export let browserScrollY = zim.browserScrollY;
 export let windowWidth = zim.windowWidth;
 export let windowHeight = zim.windowHeight;
 export let browserZoom = zim.browserZoom;
@@ -103106,4 +103163,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;