zimjs 16.0.4 → 16.1.0

package/README.md

@@ -145,7 +145,7 @@ function ready() {
         
 } // end ready
 ```
-- In the index.html file, replace the Vite icon with:
+- In the index.html file, optionally replace the Vite icon with:
 ```html
 <link rel="apple-touch-icon-precomposed" sizes="57x57" href="https://zimjs.com/icons/apple-touch-icon-57x57.png" />
 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://zimjs.com/icons/apple-touch-icon-114x114.png" />
@@ -168,7 +168,7 @@ C. DEVELOPMENT
 - This opens up a browser to see the file with the purple circle
 - Make edits to your ZIM app
   - See https://zimjs.com/learn for how to use ZIM 
-  - See https://zimjs.co/docs for reference to commands
+  - See https://zimjs.com/docs for reference to commands
 - When done developing use CTRL C to exit the dev terminal
 
 D. DEPLOYMENT
@@ -249,7 +249,7 @@ Follow the SETUP instructions above and then adjust the code as follows:<br>
       color:light,
       ready: () => {
           // put code here
-          new zim.Circle(50, red).center().drag();
+          new Circle(50, red).center().drag();
       }
     });
   });
@@ -319,7 +319,7 @@ Follow the SETUP instructions above and then adjust the code as follows:<br>
       color:light,
       ready: () => {
           // put code here
-          new zim.Circle(50, red).center().drag();
+          new Circle(50, red).center().drag();
       }
     });
   });
@@ -473,7 +473,7 @@ https://zimjs.com/updates.html
 ## Dependencies
 ZIM is powered by the robust CreateJS Library and adds many conveniences, components and controls.<br>
 Cheers to Grant, Lanny and the CreateJS Team!<br>
-https://createjs.com
+https://createjs.com - here is the <a href=https://github.com/danzen/createjs>ZIM version of CreateJS</a> 
  
 ## Authors
 * **Dr Abstract (Inventor Dan Zen)**<br>

package/package.json

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

package/src/zim.js

@@ -37,7 +37,7 @@ Node module - also see ES6 modules at https://zimjs.com/cdn
 
 // This is used for the build but in a browser would be
 // import createjs from "https://zimjs.org/cdn/1.4.0/createjs";
-import "@danzen/createjs";
+import "@zimjs/createjs";
 
 var WW = window||{}; // minify does not shorten window so this saves 1.5k
 var createjs = WW.createjs; // the expected CreateJS namespace - import CreateJS first
@@ -82771,6 +82771,8 @@ zim.Frame = function(scaling, width, height, color, outerColor, ready, assets, p
 		}
 		if (canvas) canvas.removeAllEventListeners();
 		if (that.frameTime) clearInterval(that.frameTime);
+
+        if (WW.zimDefaultPhysics && WW.zimDefaultPhysics.dispose) WW.zimDefaultPhysics.dispose(); 
 		
 		// remove frame events
 		// var realWindow = window.parent || window;
@@ -84510,10 +84512,9 @@ END EXAMPLE
 
 EXAMPLE 
 // with loadAssets, the previous example would be:
-loadAssets("gf_Dancing+Script");
-F.complete(()=>{
+F.loadAssets("gf_Dancing+Script");
+F.on("complete", ()=>{
 	new Label("Custom Google Font", 50, "Dancing Script").center();
-	S.update();
 });
 END EXAMPLE
 --*///+83.85
@@ -87717,7 +87718,7 @@ grid - reference to the zim.Container used for the grid
 			var score = row.getChildAt(4);
 		});
 titleText - reference to the zim.Label used for the title if the title parameter is provided
-dataSource - get the of data used as a string: database (using an ID), localStorage or manual (custom)
+dataSource - get the data used as a string: database (using an ID), localStorage or manual (custom)
 	NOTE: if there is a problem with your data ID then this will revert from database to localStorage
 	You can tell when you save a score / name the save button says LOCAL if localStorage and SENT if database or manual
 key - the ID (from https://zimjs.com/leaderboard/) if provided
@@ -87780,7 +87781,7 @@ Plus all the methods and properties of a Label
 	//-105
 
 /*--
-zim.Board = function(size, cols, rows, backgroundColor, rollBackgroundColor, borderColor, borderWidth, isometric, indicatorColor, indicatorBorderColor, indicatorBorderWidth, indicatorSize, indicatorType, arrows, arrowColor, arrowRollColor, info, labels, color, scaleMin, scaleMax, swipe, buffer)
+zim.Board = function(size, cols, rows, backgroundColor, rollBackgroundColor, borderColor, borderWidth, isometric, indicatorColor, indicatorBorderColor, indicatorBorderWidth, indicatorSize, indicatorType, arrows, arrowColor, arrowRollColor, swipe, info, labels, color, scaleMin, scaleMax, buffer)
 
 Board
 zim class - extends a zim.Container which extends a createjs.Container
@@ -87849,6 +87850,7 @@ arrows - (default true) show (auto) arrows if info is larger than board view
 	so pressing right will move the board to the left, etc.
 arrowColor - (default "rgba(0,0,0,.4)") the arrow color
 arrowRollColor - (default white) the arrow roll color
+swipe - (default true) set to false to not swipe on the board to move the board (like arrows)
 info - (default null) set to an array of rows and cols in the following format:
 	Rows are the outer array and cols are the inner arrays with {} being the info
 	[[{data:"x", color:blue, items:[new Person()]},{},{},,,,,], [,,],,,,,,,,,,,,,,,]
@@ -87865,7 +87867,6 @@ labels - (default false) set to true to display the data from info in tiles - fo
 color - (default granite) color of the labels
 scaleMin - (default 1.2) the minimum items will be scaled when farther (top) from user
 scaleMax - (default 1.8) the maximum items will be scaled when closer (bottom) to user
-swipe - (default true) set to false to not swipe on the board to move the board (like arrows)
 buffer - (default 3) nudge camera when moving item is this many tiles from the edge
 	applies when info is larger than board and keys or path is used to move item
 	set to 0 to not nudge camera
@@ -88541,7 +88542,8 @@ const dial = new Dial({min:0, max:360, step:0, continuous:true}).pos(70,0,LEFT,C
 });
 END EXAMPLE
 
-PARAMETERS supports DUO - parameters or single object with properties below
+PARAMETERS
+** supports DUO - parameters or single object with properties below
 width - (default ZIM Frame width) the width to make the three.js canvas
 height - (default ZIM Frame height) the height to make the three.js canvas
 color - (default null - transparent) a CSS color (no transparency on color - just leave off to set transparent)
@@ -89163,6 +89165,7 @@ socket.on("data", d => {
 END EXAMPLE
 
 PARAMETERS
+** supports DUO - parameters or single object with properties below
 server - (default https://localhost:3000) the server that is running node and the zimsocket.js : portNumber
 appName - (required) a string id (one word or joined words) and unique for your app
 roomName - (default "default") optional room name otherwise just uses a default room (can represent many rooms if maxPeople is set)
@@ -90121,8 +90124,11 @@ makeShape("drip", blue, 250).center();
 END EXAMPLE
 
 PARAMETERS
-type (default "cloud") the shape name - see list below
-color (default black) a color for the shape - ZIM color, HTML string or HEX
+** 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
+type - |ZIM VEE| (default "cloud") the shape name - see list below
+color - |ZIM VEE| (default black) a color for the shape - ZIM color, HTML string or HEX
 width (default as drawn) the width of the shape
 height (default as drawn) the height of the shape
 
@@ -90201,9 +90207,12 @@ info.on("click", function(){zgo("https://zimjs.com/bits/view/icons.html")});
 END EXAMPLE
 
 PARAMETERS
-type (default "play") 0 the shape name - see list below
-color (default black) a color for the icon - ZIM color, HTML string or HEX
-scale (default 1) the scale of the icon
+** 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
+type - |ZIM VEE| (default "play") 0 the shape name - see list below
+color - |ZIM VEE| (default black) a color for the icon - ZIM color, HTML string or HEX
+scale - |ZIM VEE| (default 1) the scale of the icon
 multi (default 1) how many icons to show
 multiAlpha (default .5) alpha for other icons
 multiScale (default .3) scale for each subsequent icons
@@ -90275,11 +90284,11 @@ 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
-type (default "pixels") the pattern name - see list below:
+type - |ZIM VEE| (default "pixels") the pattern name - see list below:
 	// pixels, noise, dots, stripes, slants, hatch, plaid, bling, check
 colors - |ZIM VEE| (default black) CSS colors for the pattern
 	// this uses ZIM VEE to apply multiple, random, or a series of colors, etc.
-size (default 10) the size of the shape used for the pattern
+size - |ZIM VEE| (default 10) the size of the shape used for the pattern
 cols - (default 30) the columns to tile
 rows - (default 10) the rows to tile
 spacingH - (default 0) a spacing between columns
@@ -90418,61 +90427,62 @@ for (z_i = 0; z_i < globalFunctions.length; z_i++) {
   WW[pair[0]] = zim[pair[0]] = pair[1];
 }
 
-// these are global regardless
-var globalsConstants = [
-    ["FIT", zim.FIT],
-    ["FILL", zim.FILL],
-    ["FULL", zim.FULL],
-    ["LEFT", zim.LEFT],
-    ["RIGHT", zim.RIGHT],
-    ["CENTER", zim.CENTER],
-    ["MIDDLE", zim.MIDDLE],
-    ["START", zim.START],
-    ["END", zim.END],
-    ["TOP", zim.TOP],
-    ["BOTTOM", zim.BOTTOM],
-    ["OVER", zim.OVER],
-    ["UNDER", zim.UNDER],
-    ["HORIZONTAL", zim.HORIZONTAL],
-    ["VERTICAL", zim.VERTICAL],
-    ["BOTH", zim.BOTH],
-    ["RADIAL", zim.RADIAL],
-    ["UP", zim.UP],
-    ["DOWN", zim.DOWN],
-    ["NEXT", zim.NEXT],
-    ["PREV", zim.PREV],
-    ["AUTO", zim.AUTO],
-    ["AVE", zim.AVE],
-    ["DEFAULT", zim.DEFAULT],
-    ["ALL", zim.ALL],
-    ["NONE", zim.NONE],
-    ["GET", zim.GET],
-    ["POST", zim.POST],
-    ["LOCALSTORAGE", zim.LOCALSTORAGE],
-    ["SOCKET", zim.SOCKET],
-    ["TO", zim.TO],
-    ["FROM", zim.FROM],		
-    ["SINE", zim.SINE],
-    ["SQUARE", zim.SQUARE],
-    ["TRIANGLE", zim.TRIANGLE],
-    ["SAW", zim.SAW],
-    ["SAWTOOTH", zim.SAWTOOTH],
-    ["ZAP", zim.ZAP],
-    ["TAU", zim.TAU],
-    ["DEG", zim.DEG],
-    ["RAD", zim.RAD],
-    ["PHI", zim.PHI],
-    ];
-    
-    for (z_i = 0; z_i < globalsConstants.length; z_i++) {
-    var pair = globalsConstants[z_i];  
-    WW[pair[0]] = pair[1];
-    }
-    
-    for (z_i = 0; z_i < zim.colors.length; z_i++) {
-    WW[zim.colors[z_i]] = zim.colorsHex[z_i];
-    }
-
+if (zns) {
+	// these are global regardless
+	var globalsConstants = [
+		["FIT", zim.FIT],
+		["FILL", zim.FILL],
+		["FULL", zim.FULL],
+		["LEFT", zim.LEFT],
+		["RIGHT", zim.RIGHT],
+		["CENTER", zim.CENTER],
+		["MIDDLE", zim.MIDDLE],
+		["START", zim.START],
+		["END", zim.END],
+		["TOP", zim.TOP],
+		["BOTTOM", zim.BOTTOM],
+		["OVER", zim.OVER],
+		["UNDER", zim.UNDER],
+		["HORIZONTAL", zim.HORIZONTAL],
+		["VERTICAL", zim.VERTICAL],
+		["BOTH", zim.BOTH],
+		["RADIAL", zim.RADIAL],
+		["UP", zim.UP],
+		["DOWN", zim.DOWN],
+		["NEXT", zim.NEXT],
+		["PREV", zim.PREV],
+		["AUTO", zim.AUTO],
+		["AVE", zim.AVE],
+		["DEFAULT", zim.DEFAULT],
+		["ALL", zim.ALL],
+		["NONE", zim.NONE],
+		["GET", zim.GET],
+		["POST", zim.POST],
+		["LOCALSTORAGE", zim.LOCALSTORAGE],
+		["SOCKET", zim.SOCKET],
+		["TO", zim.TO],
+		["FROM", zim.FROM],		
+		["SINE", zim.SINE],
+		["SQUARE", zim.SQUARE],
+		["TRIANGLE", zim.TRIANGLE],
+		["SAW", zim.SAW],
+		["SAWTOOTH", zim.SAWTOOTH],
+		["ZAP", zim.ZAP],
+		["TAU", zim.TAU],
+		["DEG", zim.DEG],
+		["RAD", zim.RAD],
+		["PHI", zim.PHI],
+	  ];
+	  
+	  for (z_i = 0; z_i < globalsConstants.length; z_i++) {
+		var pair = globalsConstants[z_i];  
+		WW[pair[0]] = pair[1];
+	  }
+	  
+	  for (z_i = 0; z_i < zim.colors.length; z_i++) {
+		WW[zim.colors[z_i]] = zim.colorsHex[z_i];
+	  }
+} else zimplify();
 
 WW.zim = zim;
 export default zim;
@@ -90786,4 +90796,10 @@ export let getLatestVersions = zim.getLatestVersions;
 export let PWA = zim.PWA;
 export let QR = zim.QR;
 export let GIF = zim.GIF;
-export let THEME = zim.THEME;
+export let THEME = zim.THEME;
+export let Theme = zim.Theme;
+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;

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

@@ -1804,7 +1804,6 @@ declare namespace zim {
 		radialGradient(colors: [any], ratios: [any], x0: number, y0: number, radius0: number, x1: number, y1: number, radius1: number): this
 		readonly veeObj: zimVee
 		// END ZIM Shape Interface
-		clone(exact?: boolean): this
 		corner: number
 	}