zimjs 19.1.1 → 19.1.3

package/package.json

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

package/src/zim.js

@@ -10166,8 +10166,8 @@ added, click, dblclick, mousedown, mouseout, mouseover, pressdown (ZIM), pressmo
 		this.sortBy = function(prop, inverse) {
 			if (zot(prop)) return this;
 			var sortFunction = function(obj1, obj2, options) {
-				if (obj1[prop] > obj2[prop]) { return inverse?-1:1; }
-				if (obj1[prop] < obj2[prop]) { return inverse?1:-1; }
+				if (Number(obj1[prop]) > Number(obj2[prop])) { return inverse?-1:1; }
+				if (Number(obj1[prop]) < Number(obj2[prop])) { return inverse?1:-1; }
 				return 0;
 			}
 			this.sortChildren(sortFunction);
@@ -49098,7 +49098,7 @@ zim.extend(zim.Carousel3D, zim.Container, ["clone", "dispose"], "zimContainer",
 //-67.47
 
 /*--
-zim.Loader = function(width, height, label, type, backgroundColor, rollBackgroundColor, color, rollColor, borderColor, borderWidth, corner, shadowColor, shadowBlur, hitPadding, gradient, gloss, dashed, backing, rollBacking, rollPersist, icon, rollIcon, toggle, toggleBacking, rollToggleBacking, toggleIcon, rollToggleIcon, toggleEvent, frame, multiple, accept, style, group, inherit)
+zim.Loader = function(width, height, label, type, backgroundColor, rollBackgroundColor, color, rollColor, borderColor, rollBorderColor, borderWidth, corner, shadowColor, shadowBlur, hitPadding, gradient, gloss, dashed, backing, rollBacking, rollPersist, icon, rollIcon, toggle, toggleBacking, rollToggleBacking, toggleIcon, rollToggleIcon, toggleEvent, frame, multiple, accept, style, group, inherit)
 
 Loader
 zim class - extends a zim.Button which extends a zim.Container
@@ -80733,10 +80733,10 @@ obj - (default ZIM makeIcon({box:black})) the object to glitch.
 	this will be put in a holder Container inside the object in the Glitch and then passed as channel0 to a Shader.
 	the Shader will be placed on top of the holder and can have its alpha and blendmode set with parameters.
 	if dragging the object, make sure to set glitch.drag({all:true}) to drag all of the Glitch rather than just its parts.
-glitchType - (default "tv") the type of glitch 
+glitchType - (default "chunk") the type of glitch 
+	"chunk" - jitters and slides chunks out the side adds interlace
 	"tv" - jitters the object and applies green lines
 	"scan" - jitters and makes scan glitch
-	"chunk" - jitters and slides chunks out the side adds interlace
 	"halftone" - adds dots - looks better on animated or video objects
 	NOTE: these are just a few examples of shader effects.  See Shader to apply any shader (fragment / vertex) to any objects (through channels)
 alpha - (default 1) set the alpha of the Shader which sits above the original - this will lessen the glitch effect
@@ -85340,6 +85340,7 @@ zim.Emitter = function(obj, width, height, interval, num, life, fade, shrink, wa
 		poolList = [];
 	};
 	
+
 	if (!that.startEmitterPaused) this.emitterPaused = false; // do not set to false - as it will be done below if needed
 	this.pauseEmitter = function(state, restart, freeze, immediate) {
 		
@@ -85348,12 +85349,12 @@ zim.Emitter = function(obj, width, height, interval, num, life, fade, shrink, wa
 		if (zot(restart)) restart = false;
 		if (zot(freeze)) freeze = false;
 		if (state) { // pausing
-		if (that.emitterPaused) return that;
-		if (freeze) {
-			if (emitterTicker) zim.Ticker.remove(emitterTicker, mID, that);
-			zim.loop(that.particles, function(particle) {
-				particle.pauseAnimate();
-				if (particle.trace) particle.getChildAt(0).pauseAnimate();
+			if (that.emitterPaused) return that;
+			if (freeze) {
+				if (emitterTicker) zim.Ticker.remove(emitterTicker, mID, that);
+				zim.loop(that.particles, function(particle) {
+					particle.pauseAnimate();
+					if (particle.trace) particle.getChildAt(0).pauseAnimate();
 					if (particle.timeOut) {
 						particle.timeOut.pause();
 					}
@@ -85384,6 +85385,8 @@ zim.Emitter = function(obj, width, height, interval, num, life, fade, shrink, wa
 			that.emitterPaused = false;
 			if (cache) stage.snapToPixelEnabled = true;
 		}
+
+		if (that.zimInterval) that.zimInterval.pauseOnBlurPaused = state; // ZIM 019 Patch - in case being paused when tab not active
 		return that;
 	};
 
@@ -98006,6 +98009,7 @@ zim.setBlurDetect = function() {
 					obj = zim.pauseOnBlur[i];
 					obj.pauseOnBlurPaused = obj.paused;
 					obj.pause(true);
+					zogr(obj.type, obj.special, obj.pauseOnBlurPaused)
 				}
 			}
 			if (zim.pauseAnimateOnBlur && zim.animatedObjects) {
@@ -100744,6 +100748,10 @@ NOTE if zns=true is used to force the namespace then various three.js controls w
 import {OrbitControls} from "https://zimjs.org/cdn/019/zim_three";
 Similarily for: FirstPersonControls, PointerLockControls, GLTFLoader, ObjectControls, VRButton
 
+NOTE if using a glb (the binary version of gltf) then set Blob = document.Blob 
+so the ZIM Blob does not conflict with the JS Blob - then use zim.Blob() for the ZIM blob.
+Or see zimplify() for other alternatives.
+
 EXAMPLE
 // up top after import zim from "https://zimjs.org/cdn/019/zim_three"; // or the latest
 

package/ts-src/typings/zim/index.d.ts

@@ -2996,8 +2996,8 @@ declare namespace zim {
         readonly holder: Container
 	}
 	export class Loader extends Button implements zimComponent {
-		constructor(config_or_width?: number | string, height?: number | string, label?: string | Label, type?: string, backgroundColor?: color, rollBackgroundColor?: color, color?: color, rollColor?: color, borderColor?: color, borderWidth?: number, corner?: number | any[], shadowColor?: color, shadowBlur?: number, hitPadding?: number, gradient?: number, gloss?: number, dashed?: boolean | [number], backing?: DisplayObject, rollBacking?: DisplayObject, rollPersist?: boolean, icon?: DisplayObject, rollIcon?: DisplayObject, toggle?: string, rollToggle?: DisplayObject, toggleEvent?: string, frame?: Frame, multiple?: boolean, accept?: [any], style?: boolean, group?: string, inherit?: {})
-		constructor(config: { width?: number | string, height?: number | string, label?: string | Label, type?: string, backgroundColor?: color, rollBackgroundColor?: color, color?: color, rollColor?: color, borderColor?: color, borderWidth?: number, corner?: number | any[], shadowColor?: color, shadowBlur?: number, hitPadding?: number, gradient?: number, gloss?: number, dashed?: boolean | [number], backing?: DisplayObject, rollBacking?: DisplayObject, rollPersist?: boolean, icon?: DisplayObject, rollIcon?: DisplayObject, toggle?: string, rollToggle?: DisplayObject, toggleEvent?: string, frame?: Frame, multiple?: boolean, accept?: [any], style?: boolean, group?: string, inherit?: {} })
+		constructor(config_or_width?: number | string, height?: number | string, label?: string | Label, type?: string, backgroundColor?: color, rollBackgroundColor?: color, color?: color, rollColor?: color, borderColor?: color, rollBorderColor?: color, borderWidth?: number, corner?: number | any[], shadowColor?: color, shadowBlur?: number, hitPadding?: number, gradient?: number, gloss?: number, dashed?: boolean | [number], backing?: DisplayObject, rollBacking?: DisplayObject, rollPersist?: boolean, icon?: DisplayObject, rollIcon?: DisplayObject, toggle?: string, rollToggle?: DisplayObject, toggleEvent?: string, frame?: Frame, multiple?: boolean, accept?: [any], style?: boolean, group?: string, inherit?: {})
+		constructor(config: { width?: number | string, height?: number | string, label?: string | Label, type?: string, backgroundColor?: color, rollBackgroundColor?: color, color?: color, rollColor?: color, borderColor?: color, rollBorderColor?: color, borderWidth?: number, corner?: number | any[], shadowColor?: color, shadowBlur?: number, hitPadding?: number, gradient?: number, gloss?: number, dashed?: boolean | [number], backing?: DisplayObject, rollBacking?: DisplayObject, rollPersist?: boolean, icon?: DisplayObject, rollIcon?: DisplayObject, toggle?: string, rollToggle?: DisplayObject, toggleEvent?: string, frame?: Frame, multiple?: boolean, accept?: [any], style?: boolean, group?: string, inherit?: {} })
 		// ZIM Component Interface
 		// dispose():boolean // now added to Container, etc.
 		enabled: boolean