zimjs 19.0.5 → 19.0.7

package/package.json

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

package/src/zim.js

@@ -14874,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;
         }
@@ -15003,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;
         }
@@ -15261,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();
     }           
@@ -15743,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
@@ -30619,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);						
@@ -30691,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);
@@ -30715,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) {
@@ -30723,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) {
@@ -41597,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;
@@ -45397,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
@@ -49050,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;
@@ -53821,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);
@@ -53833,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;
@@ -54017,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") {
@@ -59301,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;
@@ -61037,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;
@@ -61057,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;
@@ -61117,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
@@ -72838,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;
@@ -72902,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) {
@@ -75573,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() {
@@ -76779,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") {
@@ -76801,7 +76804,7 @@ dispatches a "moving" event if target is moving and "startmoving" and "stopmovin
 				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();
@@ -77730,7 +77733,6 @@ b2ContactListener = Box2D.Dynamics.b2ContactListener;
 			return obj;
 		};
 		obj.noContact = function() {
-			f.obj = obj;
 			zimContactBeginList.remove(obj.body);
 			return obj;
 		};
@@ -77763,7 +77765,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")) {
@@ -78202,7 +78204,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;		
@@ -81281,7 +81283,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;
 		};
 
@@ -81298,7 +81300,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
@@ -81340,7 +81342,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;
@@ -82044,7 +82046,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);                                                                                   
 					}
@@ -82075,7 +82077,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();
@@ -82135,7 +82137,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); 
@@ -82179,7 +82181,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); 
@@ -83829,7 +83831,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;
@@ -85271,9 +85273,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();
 		});			
@@ -86481,7 +86481,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);
 			}
 		}
 
@@ -87738,7 +87738,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
@@ -89050,7 +89050,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;
@@ -89421,7 +89421,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) {
@@ -90700,7 +90700,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)
@@ -91237,7 +91239,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);
 						}
@@ -91327,7 +91329,7 @@ zim.Frame = function(scaling, width, height, color, outerColor, ready, assets, p
 		});	
 		
 	}
-
+	
 	function setMousemove() {				
 		if (captureMouse) { // patched in 10.7.1
 			that.mouseX = 0;
@@ -92938,10 +92940,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) {
@@ -93019,6 +93021,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 = [
@@ -98864,7 +98867,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);					
@@ -98894,7 +98897,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); 	
 		};
 		
@@ -103159,4 +103162,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;