1

demo/src/kute-base.js

@@ -1,5 +1,5 @@
 /*!
-* KUTE.js Base v2.2.0alpha2 (http://thednp.github.io/kute.js)
+* KUTE.js Base v2.2.0alpha3 (http://thednp.github.io/kute.js)
 * Copyright 2015-2021 © thednp
 * Licensed under MIT (https://github.com/thednp/kute.js/blob/master/LICENSE)
 */
@@ -876,7 +876,7 @@
     return new TweenConstructor(selector(element), startObject, endObject, options);
   }
 
-  var version = "2.2.0alpha2";
+  var version = "2.2.0alpha3";
 
   // @ts-ignore
 

demo/src/kute-extra.js

@@ -1,5 +1,5 @@
 /*!
-* KUTE.js Extra v2.2.0alpha2 (http://thednp.github.io/kute.js)
+* KUTE.js Extra v2.2.0alpha3 (http://thednp.github.io/kute.js)
 * Copyright 2015-2021 © thednp
 * Licensed under MIT (https://github.com/thednp/kute.js/blob/master/LICENSE)
 */
@@ -5637,7 +5637,7 @@
     Components[component] = new AnimationDevelopment(compOps);
   });
 
-  var version = "2.2.0alpha2";
+  var version = "2.2.0alpha3";
 
   // @ts-ignore
 

dist/kute.esm.js

@@ -1,5 +1,5 @@
 /*!
-* KUTE.js Standard v2.2.0alpha2 (http://thednp.github.io/kute.js)
+* KUTE.js Standard v2.2.0alpha3 (http://thednp.github.io/kute.js)
 * Copyright 2015-2021 © thednp
 * Licensed under MIT (https://github.com/thednp/kute.js/blob/master/LICENSE)
 */
@@ -4008,9 +4008,9 @@ function polygonLength(polygon) {
 /**
  * Returns an existing polygin and its length or false if not polygon.
  * @param {SVGPathCommander.pathArray} pathArray target polygon
- * @returns {KUTE.exactRing} length
+ * @returns {KUTE.exactPolygon} length
  */
-function exactRing(pathArray) {
+function exactPolygon(pathArray) {
   const polygon = [];
   const pathlen = pathArray.length;
   let segment = [];
@@ -4040,7 +4040,7 @@ function exactRing(pathArray) {
  * Returns polygon length.
  * @param {SVGPathCommander.pathArray} parsed target polygon
  * @param {number} maxLength the maximum segment length
- * @returns {KUTE.exactRing} length
+ * @returns {KUTE.exactPolygon} length
  */
 function approximatePolygon(parsed, maxLength) {
   const ringPath = splitPath(pathToString(parsed))[0];
@@ -4074,11 +4074,11 @@ function approximatePolygon(parsed, maxLength) {
  * Parses a path string and returns a polygon array.
  * @param {string} str path string
  * @param {number} maxLength maximum amount of points
- * @returns {KUTE.exactRing} the polygon array we need
+ * @returns {KUTE.exactPolygon} the polygon array we need
  */
 function pathStringToPolygon(str, maxLength) {
   const parsed = normalizePath(str);
-  return exactRing(parsed) || approximatePolygon(parsed, maxLength);
+  return exactPolygon(parsed) || approximatePolygon(parsed, maxLength);
 }
 
 /**
@@ -4366,7 +4366,7 @@ Object.keys(Components).forEach((component) => {
   Components[component] = new Animation(compOps);
 });
 
-var version = "2.2.0alpha2";
+var version = "2.2.0alpha3";
 
 // @ts-ignore
 

dist/kute.js

@@ -1,5 +1,5 @@
 /*!
-* KUTE.js Standard v2.2.0alpha2 (http://thednp.github.io/kute.js)
+* KUTE.js Standard v2.2.0alpha3 (http://thednp.github.io/kute.js)
 * Copyright 2015-2021 © thednp
 * Licensed under MIT (https://github.com/thednp/kute.js/blob/master/LICENSE)
 */
@@ -4042,9 +4042,9 @@
   /**
    * Returns an existing polygin and its length or false if not polygon.
    * @param {SVGPathCommander.pathArray} pathArray target polygon
-   * @returns {KUTE.exactRing} length
+   * @returns {KUTE.exactPolygon} length
    */
-  function exactRing(pathArray) {
+  function exactPolygon(pathArray) {
     var assign;
 
     var polygon = [];
@@ -4076,7 +4076,7 @@
    * Returns polygon length.
    * @param {SVGPathCommander.pathArray} parsed target polygon
    * @param {number} maxLength the maximum segment length
-   * @returns {KUTE.exactRing} length
+   * @returns {KUTE.exactPolygon} length
    */
   function approximatePolygon(parsed, maxLength) {
     var ringPath = splitPath(pathToString(parsed))[0];
@@ -4110,11 +4110,11 @@
    * Parses a path string and returns a polygon array.
    * @param {string} str path string
    * @param {number} maxLength maximum amount of points
-   * @returns {KUTE.exactRing} the polygon array we need
+   * @returns {KUTE.exactPolygon} the polygon array we need
    */
   function pathStringToPolygon(str, maxLength) {
     var parsed = normalizePath(str);
-    return exactRing(parsed) || approximatePolygon(parsed, maxLength);
+    return exactPolygon(parsed) || approximatePolygon(parsed, maxLength);
   }
 
   /**
@@ -4408,7 +4408,7 @@
     Components[component] = new Animation(compOps);
   });
 
-  var version = "2.2.0alpha2";
+  var version = "2.2.0alpha3";
 
   // @ts-ignore
 

package.json

@@ -1,17 +1,15 @@
 {
   "name": "kute.js",
-  "version": "2.2.0alpha2",
+  "version": "2.2.0alpha3",
   "description": "JavaScript animation engine",
   "main": "dist/kute.min.js",
   "module": "dist/kute.esm.js",
   "jsnext": "src/index.js",
   "types": "types/index.d.ts",
   "files": [
-    "dist/*.{js,map}",
-    "types/*.{ts,map}",
-    "types/**/*.{ts,map}",
-    "src/**/*.{js,map}",
-    "src/*.{js,map}"
+    "dist",
+    "types",
+    "src"
   ],
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -61,10 +59,10 @@
   },
   "homepage": "http://thednp.github.io/kute.js",
   "dependencies": {
-    "cubic-bezier-easing": "^1.0.14",
+    "cubic-bezier-easing": "^1.0.16",
     "minifill": "^0.0.16",
     "shorter-js": "^0.2.6",
-    "svg-path-commander": "0.1.17"
+    "svg-path-commander": "0.1.20"
   },
   "devDependencies": {
     "@rollup/plugin-buble": "^0.21.3",

src/components/svgMorph.js

@@ -33,9 +33,9 @@ function polygonLength(polygon) {
 /**
  * Returns an existing polygin and its length or false if not polygon.
  * @param {SVGPathCommander.pathArray} pathArray target polygon
- * @returns {KUTE.exactRing} length
+ * @returns {KUTE.exactPolygon} length
  */
-function exactRing(pathArray) {
+function exactPolygon(pathArray) {
   const polygon = [];
   const pathlen = pathArray.length;
   let segment = [];
@@ -65,7 +65,7 @@ function exactRing(pathArray) {
  * Returns polygon length.
  * @param {SVGPathCommander.pathArray} parsed target polygon
  * @param {number} maxLength the maximum segment length
- * @returns {KUTE.exactRing} length
+ * @returns {KUTE.exactPolygon} length
  */
 function approximatePolygon(parsed, maxLength) {
   const ringPath = splitPath(pathToString(parsed))[0];
@@ -99,11 +99,11 @@ function approximatePolygon(parsed, maxLength) {
  * Parses a path string and returns a polygon array.
  * @param {string} str path string
  * @param {number} maxLength maximum amount of points
- * @returns {KUTE.exactRing} the polygon array we need
+ * @returns {KUTE.exactPolygon} the polygon array we need
  */
 function pathStringToPolygon(str, maxLength) {
   const parsed = normalizePath(str);
-  return exactRing(parsed) || approximatePolygon(parsed, maxLength);
+  return exactPolygon(parsed) || approximatePolygon(parsed, maxLength);
 }
 
 /**

tsconfig.json

@@ -16,7 +16,7 @@
   "files": [
     "types/index.d.ts",
     "types/kute.d.ts", // comment to re-generate, delete file
-    "types/more/kute.ts",
+    // "types/more/kute.ts",
     "types/more/types.d.ts",
   ],
 }

types/index.d.ts

@@ -1,9 +1,8 @@
 export as namespace KUTE;
 
 // dependencies
-// export * as SVGPathCommander from "svg-path-commander";
+export * as SVGPathCommander from "svg-path-commander";
 
-import './kute'
 export { default as Animation } from "kute.js/src/animation/animation";
 export { default as AnimationBase } from "kute.js/src/animation/animationBase";
 export { default as AnimationDevelopment } from "kute.js/src/animation/animationDevelopment";
@@ -144,7 +143,7 @@ export {
     transformMObject,
     transformFObject,
     transformSVGObject,
-    exactRing,
+    exactPolygon,
     drawObject,
     curveSpecs,
     colorObject,

types/kute.d.ts

@@ -1189,13 +1189,13 @@ declare module "kute.js/src/components/svgCubicMorph" {
      * @param {SVGPathCommander.curveArray} b the reference `curveArray`
      * @returns {SVGPathCommander.curveArray} the best `a` rotation
      */
-    function getRotatedCurve(a: import("svg-path-commander").curveArray, b: import("svg-path-commander").curveArray): import("svg-path-commander").curveArray;
+    function getRotatedCurve(a: SVGPathCommander.curveArray, b: SVGPathCommander.curveArray): SVGPathCommander.curveArray;
     /**
      * Returns all possible path rotations for `curveArray`.
      * @param {SVGPathCommander.curveArray} a the source `curveArray`
      * @returns {SVGPathCommander.curveArray[]} all rotations for source
      */
-    function getRotations(a: import("svg-path-commander").curveArray): import("svg-path-commander").curveArray[];
+    function getRotations(a: SVGPathCommander.curveArray): SVGPathCommander.curveArray[];
     /**
      * Returns two `curveArray` with same amount of segments.
      * @param {SVGPathCommander.curveArray} path1 the first `curveArray`
@@ -1203,7 +1203,7 @@ declare module "kute.js/src/components/svgCubicMorph" {
      * @param {number} TL the maximum `curveArray` length
      * @returns {SVGPathCommander.curveArray[]} equalized segments
      */
-    function equalizeSegments(path1: import("svg-path-commander").curveArray, path2: import("svg-path-commander").curveArray, TL: number): import("svg-path-commander").curveArray[];
+    function equalizeSegments(path1: SVGPathCommander.curveArray, path2: SVGPathCommander.curveArray, TL: number): SVGPathCommander.curveArray[];
     import reverseCurve from "svg-path-commander/src/process/reverseCurve";
     import clonePath from "svg-path-commander/src/process/clonePath";
     import getDrawDirection from "svg-path-commander/src/util/getDrawDirection";
@@ -1215,7 +1215,7 @@ declare module "kute.js/src/components/svgCubicMorph" {
      * @param {SVGPathCommander.pathArray | string} source the source `pathArray` or string
      * @returns {KUTE.curveSpecs[]} an `Array` with a custom tuple for `equalizeSegments`
      */
-    function getCurveArray(source: import("svg-path-commander").pathArray | string): KUTE.curveSpecs[];
+    function getCurveArray(source: SVGPathCommander.pathArray | string): KUTE.curveSpecs[];
     /**
      * Returns the current `d` attribute value.
      * @returns {string}
@@ -1404,7 +1404,7 @@ declare module "kute.js/src/components/svgMorph" {
             export { pathStringToPolygon };
             export { distanceSquareRoot };
             export { midPoint };
-            export { approximateRing };
+            export { approximatePolygon };
             export { rotatePolygon };
             export { pathToString };
             export { pathToCurve };
@@ -1459,18 +1459,18 @@ declare module "kute.js/src/components/svgMorph" {
      * Parses a path string and returns a polygon array.
      * @param {string} str path string
      * @param {number} maxLength maximum amount of points
-     * @returns {KUTE.exactRing} the polygon array we need
+     * @returns {KUTE.exactPolygon} the polygon array we need
      */
-    function pathStringToPolygon(str: string, maxLength: number): KUTE.exactRing;
+    function pathStringToPolygon(str: string, maxLength: number): KUTE.exactPolygon;
     import distanceSquareRoot from "svg-path-commander/src/math/distanceSquareRoot";
     import midPoint from "svg-path-commander/src/math/midPoint";
     /**
      * Returns polygon length.
      * @param {SVGPathCommander.pathArray} parsed target polygon
      * @param {number} maxLength the maximum segment length
-     * @returns {KUTE.exactRing} length
+     * @returns {KUTE.exactPolygon} length
      */
-    function approximateRing(parsed: import("svg-path-commander").pathArray, maxLength: number): KUTE.exactRing;
+    function approximatePolygon(parsed: SVGPathCommander.pathArray, maxLength: number): KUTE.exactPolygon;
     /**
      * Rotates a polygon to better match its pair.
      * @param {KUTE.polygonMorph} polygon the target polygon
@@ -1504,9 +1504,9 @@ declare module "kute.js/src/components/svgMorph" {
     /**
      * Returns an existing polygin and its length or false if not polygon.
      * @param {SVGPathCommander.pathArray} pathArray target polygon
-     * @returns {KUTE.exactRing} length
+     * @returns {KUTE.exactPolygon} length
      */
-    function exactRing(pathArray: import("svg-path-commander").pathArray): KUTE.exactRing;
+    function exactPolygon(pathArray: SVGPathCommander.pathArray): KUTE.exactPolygon;
 }
 declare module "kute.js/src/components/svgTransformBase" {
     /**

types/more/types.d.ts

@@ -82,7 +82,7 @@ export interface curveObject {
 
 export type polygonMorph = [number, number][];
 
-export type exactRing = { ring: polygonMorph, skipBisect?: boolean } | false;
+export type exactPolygon = { polygon: polygonMorph, skipBisect?: boolean } | false;
 
 export interface polygonObject {
     polygon: polygonMorph,