dommatrix - npm Package Compare versions

Comparing version 0.0.16-alpha4 to 0.0.17

dist/dommatrix.esm.js

 /*!
-* DOMMatrix v0.0.16alpha4 (https://thednp.github.io/DOMMatrix/)
+* DOMMatrix v0.0.17 (https://thednp.github.io/DOMMatrix/)
 * Copyright 2021 © thednp
 * Licensed under MIT (https://github.com/thednp/DOMMatrix/blob/master/LICENSE)
 */
-var version = "0.0.16alpha4";
-
-// @ts-ignore
-
-/**
- * A global namespace for library version.
- * @type {string}
- */
-const DMVersion = version;
-
 // DOMMatrix Static methods
@@ -77,21 +67,21 @@ // * `fromFloat64Array` and `fromFloat32Array` methods are not supported;
   } else if (a.length === 6) {
-    const [m11, m12, m21, m22, m41, m42] = a;
+    const [M11, M12, M21, M22, M41, M42] = a;
 
-    m.m11 = m11;
-    m.a = m11;
+    m.m11 = M11;
+    m.a = M11;
 
-    m.m12 = m12;
-    m.b = m12;
+    m.m12 = M12;
+    m.b = M12;
 
-    m.m21 = m21;
-    m.c = m21;
+    m.m21 = M21;
+    m.c = M21;
 
-    m.m22 = m22;
-    m.d = m22;
+    m.m22 = M22;
+    m.d = M22;
 
-    m.m41 = m41;
-    m.e = m41;
+    m.m41 = M41;
+    m.e = M41;
 
-    m.m42 = m42;
-    m.f = m42;
+    m.m42 = M42;
+    m.f = M42;
   } else {
@@ -107,3 +97,3 @@ throw new TypeError('CSSMatrix: expecting an Array of 6/16 values.');
  *
- * @param {CSSMatrix | DOMMatrix | DMNS.jsonMatrix} m the source matrix to feed values from.
+ * @param {CSSMatrix | DOMMatrix | CSSMatrixNS.JSONMatrix} m the source matrix to feed values from.
  * @return {CSSMatrix} the resulted matrix.
@@ -147,5 +137,16 @@ */
   let m = new CSSMatrix();
+  const invalidStringError = `CSSMatrix: invalid transform string ${source}`;
   let is2D = true;
+  // const transformFunctions = [
+  //   'matrix', 'matrix3d', 'perspective', 'translate3d',
+  //   'translate', 'translateX', 'translateY', 'translateZ',
+  //   'rotate', 'rotate3d', 'rotateX', 'rotateY', 'rotateZ',
+  //   'scale', 'scale3d', 'skewX', 'skewY'];
   const tramsformObject = str.split(')').filter((f) => f).map((fn) => {
     const [prop, value] = fn.split('(');
+    if (!value) {
+      // invalidate
+      throw TypeError(invalidStringError);
+    }
+
     const components = value.split(',')
@@ -210,2 +211,4 @@ .map((n) => (n.includes('rad') ? parseFloat(n) * (180 / Math.PI) : parseFloat(n)));
       }
+    } else {
+      throw TypeError(invalidStringError);
     }
@@ -501,3 +504,3 @@ });
    *
-   * @param {Boolean} value sets a new flag for this property
+   * @param {boolean} value sets a new flag for this property
    */
@@ -513,3 +516,3 @@ set isIdentity(value) {
    *
-   * @return {Boolean} the current property value
+   * @return {boolean} the current property value
    */
@@ -528,3 +531,3 @@ get isIdentity() {
    *
-   * @return {Boolean} the current property value
+   * @return {boolean} the current property value
    */
@@ -539,3 +542,3 @@ get is2D() {
    *
-   * @param {Boolean} value sets a new flag for this property
+   * @param {boolean} value sets a new flag for this property
    */
@@ -627,3 +630,3 @@ set is2D(value) {
    *
-   * @return {DMNS.jsonMatrix} an *Object* with all matrix values.
+   * @return {CSSMatrixNS.JSONMatrix} an *Object* with all matrix values.
    */
@@ -639,3 +642,3 @@ toJSON() {
    *
-   * @param {CSSMatrix | DOMMatrix | DMNS.jsonMatrix} m2 CSSMatrix
+   * @param {CSSMatrix | DOMMatrix | CSSMatrixNS.JSONMatrix} m2 CSSMatrix
    * @return {CSSMatrix} The resulted matrix.
@@ -761,4 +764,4 @@ */
    *
-   * @param {DMNS.PointTuple | DOMPoint} v Tuple or DOMPoint
-   * @return {DMNS.PointTuple} the resulting Tuple
+   * @param {CSSMatrixNS.PointTuple | DOMPoint} v Tuple or DOMPoint
+   * @return {CSSMatrixNS.PointTuple} the resulting Tuple
    */
@@ -785,4 +788,4 @@ transformPoint(v) {
    *
-   * @param {DMNS.PointTuple} t Tuple with `{x,y,z,w}` components
-   * @return {DMNS.PointTuple} the resulting Tuple
+   * @param {CSSMatrixNS.PointTuple} t Tuple with `{x,y,z,w}` components
+   * @return {CSSMatrixNS.PointTuple} the resulting Tuple
    */
@@ -816,4 +819,3 @@ transform(t) {
 CSSMatrix.fromString = fromString;
-CSSMatrix.Version = DMVersion;
 
 export { CSSMatrix as default };

dist/dommatrix.esm.min.js

@@ -1,2 +0,2 @@
-// DOMMatrix v0.0.16alpha4 | thednp © 2021 | MIT-License
-function m(m){if(!m.every(m=>!Number.isNaN(m)))throw TypeError(`CSSMatrix: "${m}" must only have numbers.`);const t=new c,e=Array.from(m);if(16===e.length){const[m,r,n,s,i,a,o,l,c,u,f,h,y,p,M,x]=e;t.m11=m,t.a=m,t.m21=i,t.c=i,t.m31=c,t.m41=y,t.e=y,t.m12=r,t.b=r,t.m22=a,t.d=a,t.m32=u,t.m42=p,t.f=p,t.m13=n,t.m23=o,t.m33=f,t.m43=M,t.m14=s,t.m24=l,t.m34=h,t.m44=x}else{if(6!==e.length)throw new TypeError("CSSMatrix: expecting an Array of 6/16 values.");{const[m,r,n,s,i,a]=e;t.m11=m,t.a=m,t.m12=r,t.b=r,t.m21=n,t.c=n,t.m22=s,t.d=s,t.m41=i,t.e=i,t.m42=a,t.f=a}}return t}function t(t){if([c,DOMMatrix].some(m=>t instanceof m)||"object"==typeof t&&["m11","m12","m13","m14","m21","m22","m23","m24","m31","m32","m33","m34","m41","m42","m43","m44"].every(m=>m in t))return m([t.m11,t.m12,t.m13,t.m14,t.m21,t.m22,t.m23,t.m24,t.m31,t.m32,t.m33,t.m34,t.m41,t.m42,t.m43,t.m44]);throw TypeError(`CSSMatrix: "${t}" is not a DOMMatrix / CSSMatrix compatible object.`)}function e(t){if("string"!=typeof t)throw TypeError(`CSSMatrix: "${t}" is not a string.`);const e=String(t).replace(/\s/g,"");let r=new c,n=!0;return e.split(")").filter(m=>m).map(m=>{const[t,e]=m.split("("),r=e.split(",").map(m=>m.includes("rad")?parseFloat(m)*(180/Math.PI):parseFloat(m)),[s,i,a,o]=r;return n&&("matrix3d"===t||"rotate3d"===t&&[s,i].every(m=>!Number.isNaN(+m)&&0!==m)&&o||["rotateX","rotateY"].includes(t)&&s||"translate3d"===t&&[s,i,a].every(m=>!Number.isNaN(+m))&&a||"scale3d"===t&&[s,i,a].every(m=>!Number.isNaN(+m)&&m!==s))&&(n=!1),{prop:t,components:r}}).forEach(t=>{const{prop:e,components:s}=t,[i,a,o,l]=s,c=[i,a,o],u=[i,a,o,l];if("perspective"!==e||n)if(e.includes("matrix")){const t=s.map(m=>Math.abs(m)<1e-6?0:m);[6,16].includes(t.length)&&(r=r.multiply(m(t)))}else if(["translate","translate3d"].some(m=>e===m)&&i)r=r.translate(i,a||0,o||0);else if("rotate3d"===e&&u.every(m=>!Number.isNaN(+m))&&l)r=r.rotateAxisAngle(i,a,o,l);else if("scale3d"===e&&c.every(m=>!Number.isNaN(+m))&&c.some(m=>1!==m))r=r.scale(i,a,o);else if("rotate"===e&&i)r=r.rotate(0,0,i);else if("scale"!==e||Number.isNaN(i)||1===i){if("skew"===e&&(i||a))r=i?r.skewX(i):r,r=a?r.skewY(a):r;else if(/[XYZ]/.test(e)&&i)if(e.includes("skew"))r=r[e](i);else{const m=e.replace(/[XYZ]/,""),t=e.replace(m,""),n=["X","Y","Z"].indexOf(t),s=[0===n?i:0,1===n?i:0,2===n?i:0];r=r[m](...s)}}else{const m=Number.isNaN(+a)?i:a;r=r.scale(i,m,1)}else r.m34=-1/i}),r}function r(m,t,e){const r=new c;return r.m41=m,r.e=m,r.m42=t,r.f=t,r.m43=e,r}function n(m,t,e){const r=new c,n=Math.PI/180,s=m*n,i=t*n,a=e*n,o=Math.cos(s),l=-Math.sin(s),u=Math.cos(i),f=-Math.sin(i),h=Math.cos(a),y=-Math.sin(a),p=u*h,M=-u*y;r.m11=p,r.a=p,r.m12=M,r.b=M,r.m13=f;const x=l*f*h+o*y;r.m21=x,r.c=x;const w=o*h-l*f*y;return r.m22=w,r.d=w,r.m23=-l*u,r.m31=l*y-o*f*h,r.m32=l*h+o*f*y,r.m33=o*u,r}function s(m,t,e,r){const n=new c,s=r*(Math.PI/360),i=Math.sin(s),a=Math.cos(s),o=i*i,l=Math.sqrt(m*m+t*t+e*e);let u=m,f=t,h=e;0===l?(u=0,f=0,h=1):(u/=l,f/=l,h/=l);const y=u*u,p=f*f,M=h*h,x=1-2*(p+M)*o;n.m11=x,n.a=x;const w=2*(u*f*o+h*i*a);n.m12=w,n.b=w,n.m13=2*(u*h*o-f*i*a);const N=2*(f*u*o-h*i*a);n.m21=N,n.c=N;const d=1-2*(M+y)*o;return n.m22=d,n.d=d,n.m23=2*(f*h*o+u*i*a),n.m31=2*(h*u*o+f*i*a),n.m32=2*(h*f*o-u*i*a),n.m33=1-2*(y+p)*o,n}function i(m,t,e){const r=new c;return r.m11=m,r.a=m,r.m22=t,r.d=t,r.m33=e,r}function a(m){const t=new c,e=m*Math.PI/180,r=Math.tan(e);return t.m21=r,t.c=r,t}function o(m){const t=new c,e=m*Math.PI/180,r=Math.tan(e);return t.m12=r,t.b=r,t}function l(t,e){return m([e.m11*t.m11+e.m12*t.m21+e.m13*t.m31+e.m14*t.m41,e.m11*t.m12+e.m12*t.m22+e.m13*t.m32+e.m14*t.m42,e.m11*t.m13+e.m12*t.m23+e.m13*t.m33+e.m14*t.m43,e.m11*t.m14+e.m12*t.m24+e.m13*t.m34+e.m14*t.m44,e.m21*t.m11+e.m22*t.m21+e.m23*t.m31+e.m24*t.m41,e.m21*t.m12+e.m22*t.m22+e.m23*t.m32+e.m24*t.m42,e.m21*t.m13+e.m22*t.m23+e.m23*t.m33+e.m24*t.m43,e.m21*t.m14+e.m22*t.m24+e.m23*t.m34+e.m24*t.m44,e.m31*t.m11+e.m32*t.m21+e.m33*t.m31+e.m34*t.m41,e.m31*t.m12+e.m32*t.m22+e.m33*t.m32+e.m34*t.m42,e.m31*t.m13+e.m32*t.m23+e.m33*t.m33+e.m34*t.m43,e.m31*t.m14+e.m32*t.m24+e.m33*t.m34+e.m34*t.m44,e.m41*t.m11+e.m42*t.m21+e.m43*t.m31+e.m44*t.m41,e.m41*t.m12+e.m42*t.m22+e.m43*t.m32+e.m44*t.m42,e.m41*t.m13+e.m42*t.m23+e.m43*t.m33+e.m44*t.m43,e.m41*t.m14+e.m42*t.m24+e.m43*t.m34+e.m44*t.m44])}class c{constructor(...m){const t=this;if(t.a=1,t.b=0,t.c=0,t.d=1,t.e=0,t.f=0,t.m11=1,t.m12=0,t.m13=0,t.m14=0,t.m21=0,t.m22=1,t.m23=0,t.m24=0,t.m31=0,t.m32=0,t.m33=1,t.m34=0,t.m41=0,t.m42=0,t.m43=0,t.m44=1,m&&m.length){let e=m;return m instanceof Array&&(m[0]instanceof Array&&[16,6].includes(m[0].length)||"string"==typeof m[0]||[c,DOMMatrix].some(t=>m[0]instanceof t))&&([e]=m),t.setMatrixValue(e)}return t}set isIdentity(m){this.isIdentity=m}get isIdentity(){const m=this;return 1===m.m11&&0===m.m12&&0===m.m13&&0===m.m14&&0===m.m21&&1===m.m22&&0===m.m23&&0===m.m24&&0===m.m31&&0===m.m32&&1===m.m33&&0===m.m34&&0===m.m41&&0===m.m42&&0===m.m43&&1===m.m44}get is2D(){const m=this;return 0===m.m31&&0===m.m32&&1===m.m33&&0===m.m34&&0===m.m43&&1===m.m44}set is2D(m){this.is2D=m}setMatrixValue(r){return[DOMMatrix,c].some(m=>r instanceof m)?t(r):"string"==typeof r&&r.length&&"none"!==r?e(r):Array.isArray(r)?m(r):this}toString(){const m=this.toArray().join(",");return`${this.is2D?"matrix":"matrix3d"}(${m})`}toArray(){const m=this;let t;return t=m.is2D?[m.a,m.b,m.c,m.d,m.e,m.f]:[m.m11,m.m12,m.m13,m.m14,m.m21,m.m22,m.m23,m.m24,m.m31,m.m32,m.m33,m.m34,m.m41,m.m42,m.m43,m.m44],t.map(m=>Math.abs(m)<1e-6?0:(m*10**6>>0)/10**6)}toJSON(){return JSON.parse(JSON.stringify(this))}multiply(m){return l(this,m)}translate(m,t,e){let n=t,s=e;return null==s&&(s=0),null==n&&(n=0),l(this,r(m,n,s))}scale(m,t,e){let r=t,n=e;return null==r&&(r=m),null==n&&(n=m),l(this,i(m,r,n))}rotate(m,t,e){let r=m,s=t,i=e;return null==s&&(s=0),null==i&&(i=r,r=0),l(this,n(r,s,i))}rotateAxisAngle(m,t,e,r){if([m,t,e,r].some(m=>Number.isNaN(m)))throw new TypeError("CSSMatrix: expecting 4 values");return l(this,s(m,t,e,r))}skewX(m){return l(this,a(m))}skewY(m){return l(this,o(m))}transformPoint(m){let t=r(m.x,m.y,m.z);return t.m44=m.w||1,t=this.multiply(t),{x:t.m41,y:t.m42,z:t.m43,w:t.m44}}transform(m){const t=this,e=t.m11*m.x+t.m12*m.y+t.m13*m.z+t.m14*m.w,r=t.m21*m.x+t.m22*m.y+t.m23*m.z+t.m24*m.w,n=t.m31*m.x+t.m32*m.y+t.m33*m.z+t.m34*m.w,s=t.m41*m.x+t.m42*m.y+t.m43*m.z+t.m44*m.w;return{x:e/s,y:r/s,z:n/s,w:s}}}c.Translate=r,c.Rotate=n,c.RotateAxisAngle=s,c.Scale=i,c.SkewX=a,c.SkewY=o,c.Multiply=l,c.fromArray=m,c.fromMatrix=t,c.fromString=e,c.Version="0.0.16alpha4";export{c as default};
+// DOMMatrix v0.0.17 | thednp © 2021 | MIT-License
+function m(m){if(!m.every(m=>!Number.isNaN(m)))throw TypeError(`CSSMatrix: "${m}" must only have numbers.`);const t=new c,e=Array.from(m);if(16===e.length){const[m,r,n,s,i,a,o,l,c,u,f,h,y,p,M,w]=e;t.m11=m,t.a=m,t.m21=i,t.c=i,t.m31=c,t.m41=y,t.e=y,t.m12=r,t.b=r,t.m22=a,t.d=a,t.m32=u,t.m42=p,t.f=p,t.m13=n,t.m23=o,t.m33=f,t.m43=M,t.m14=s,t.m24=l,t.m34=h,t.m44=w}else{if(6!==e.length)throw new TypeError("CSSMatrix: expecting an Array of 6/16 values.");{const[m,r,n,s,i,a]=e;t.m11=m,t.a=m,t.m12=r,t.b=r,t.m21=n,t.c=n,t.m22=s,t.d=s,t.m41=i,t.e=i,t.m42=a,t.f=a}}return t}function t(t){if([c,DOMMatrix].some(m=>t instanceof m)||"object"==typeof t&&["m11","m12","m13","m14","m21","m22","m23","m24","m31","m32","m33","m34","m41","m42","m43","m44"].every(m=>m in t))return m([t.m11,t.m12,t.m13,t.m14,t.m21,t.m22,t.m23,t.m24,t.m31,t.m32,t.m33,t.m34,t.m41,t.m42,t.m43,t.m44]);throw TypeError(`CSSMatrix: "${t}" is not a DOMMatrix / CSSMatrix compatible object.`)}function e(t){if("string"!=typeof t)throw TypeError(`CSSMatrix: "${t}" is not a string.`);const e=String(t).replace(/\s/g,"");let r=new c;const n="CSSMatrix: invalid transform string "+t;let s=!0;return e.split(")").filter(m=>m).map(m=>{const[t,e]=m.split("(");if(!e)throw TypeError(n);const r=e.split(",").map(m=>m.includes("rad")?parseFloat(m)*(180/Math.PI):parseFloat(m)),[i,a,o,l]=r;return s&&("matrix3d"===t||"rotate3d"===t&&[i,a].every(m=>!Number.isNaN(+m)&&0!==m)&&l||["rotateX","rotateY"].includes(t)&&i||"translate3d"===t&&[i,a,o].every(m=>!Number.isNaN(+m))&&o||"scale3d"===t&&[i,a,o].every(m=>!Number.isNaN(+m)&&m!==i))&&(s=!1),{prop:t,components:r}}).forEach(t=>{const{prop:e,components:i}=t,[a,o,l,c]=i,u=[a,o,l],f=[a,o,l,c];if("perspective"!==e||s)if(e.includes("matrix")){const t=i.map(m=>Math.abs(m)<1e-6?0:m);[6,16].includes(t.length)&&(r=r.multiply(m(t)))}else if(["translate","translate3d"].some(m=>e===m)&&a)r=r.translate(a,o||0,l||0);else if("rotate3d"===e&&f.every(m=>!Number.isNaN(+m))&&c)r=r.rotateAxisAngle(a,o,l,c);else if("scale3d"===e&&u.every(m=>!Number.isNaN(+m))&&u.some(m=>1!==m))r=r.scale(a,o,l);else if("rotate"===e&&a)r=r.rotate(0,0,a);else if("scale"!==e||Number.isNaN(a)||1===a)if("skew"===e&&(a||o))r=a?r.skewX(a):r,r=o?r.skewY(o):r;else{if(!/[XYZ]/.test(e)||!a)throw TypeError(n);if(e.includes("skew"))r=r[e](a);else{const m=e.replace(/[XYZ]/,""),t=e.replace(m,""),n=["X","Y","Z"].indexOf(t),s=[0===n?a:0,1===n?a:0,2===n?a:0];r=r[m](...s)}}else{const m=Number.isNaN(+o)?a:o;r=r.scale(a,m,1)}else r.m34=-1/a}),r}function r(m,t,e){const r=new c;return r.m41=m,r.e=m,r.m42=t,r.f=t,r.m43=e,r}function n(m,t,e){const r=new c,n=Math.PI/180,s=m*n,i=t*n,a=e*n,o=Math.cos(s),l=-Math.sin(s),u=Math.cos(i),f=-Math.sin(i),h=Math.cos(a),y=-Math.sin(a),p=u*h,M=-u*y;r.m11=p,r.a=p,r.m12=M,r.b=M,r.m13=f;const w=l*f*h+o*y;r.m21=w,r.c=w;const x=o*h-l*f*y;return r.m22=x,r.d=x,r.m23=-l*u,r.m31=l*y-o*f*h,r.m32=l*h+o*f*y,r.m33=o*u,r}function s(m,t,e,r){const n=new c,s=r*(Math.PI/360),i=Math.sin(s),a=Math.cos(s),o=i*i,l=Math.sqrt(m*m+t*t+e*e);let u=m,f=t,h=e;0===l?(u=0,f=0,h=1):(u/=l,f/=l,h/=l);const y=u*u,p=f*f,M=h*h,w=1-2*(p+M)*o;n.m11=w,n.a=w;const x=2*(u*f*o+h*i*a);n.m12=x,n.b=x,n.m13=2*(u*h*o-f*i*a);const N=2*(f*u*o-h*i*a);n.m21=N,n.c=N;const d=1-2*(M+y)*o;return n.m22=d,n.d=d,n.m23=2*(f*h*o+u*i*a),n.m31=2*(h*u*o+f*i*a),n.m32=2*(h*f*o-u*i*a),n.m33=1-2*(y+p)*o,n}function i(m,t,e){const r=new c;return r.m11=m,r.a=m,r.m22=t,r.d=t,r.m33=e,r}function a(m){const t=new c,e=m*Math.PI/180,r=Math.tan(e);return t.m21=r,t.c=r,t}function o(m){const t=new c,e=m*Math.PI/180,r=Math.tan(e);return t.m12=r,t.b=r,t}function l(t,e){return m([e.m11*t.m11+e.m12*t.m21+e.m13*t.m31+e.m14*t.m41,e.m11*t.m12+e.m12*t.m22+e.m13*t.m32+e.m14*t.m42,e.m11*t.m13+e.m12*t.m23+e.m13*t.m33+e.m14*t.m43,e.m11*t.m14+e.m12*t.m24+e.m13*t.m34+e.m14*t.m44,e.m21*t.m11+e.m22*t.m21+e.m23*t.m31+e.m24*t.m41,e.m21*t.m12+e.m22*t.m22+e.m23*t.m32+e.m24*t.m42,e.m21*t.m13+e.m22*t.m23+e.m23*t.m33+e.m24*t.m43,e.m21*t.m14+e.m22*t.m24+e.m23*t.m34+e.m24*t.m44,e.m31*t.m11+e.m32*t.m21+e.m33*t.m31+e.m34*t.m41,e.m31*t.m12+e.m32*t.m22+e.m33*t.m32+e.m34*t.m42,e.m31*t.m13+e.m32*t.m23+e.m33*t.m33+e.m34*t.m43,e.m31*t.m14+e.m32*t.m24+e.m33*t.m34+e.m34*t.m44,e.m41*t.m11+e.m42*t.m21+e.m43*t.m31+e.m44*t.m41,e.m41*t.m12+e.m42*t.m22+e.m43*t.m32+e.m44*t.m42,e.m41*t.m13+e.m42*t.m23+e.m43*t.m33+e.m44*t.m43,e.m41*t.m14+e.m42*t.m24+e.m43*t.m34+e.m44*t.m44])}class c{constructor(...m){const t=this;if(t.a=1,t.b=0,t.c=0,t.d=1,t.e=0,t.f=0,t.m11=1,t.m12=0,t.m13=0,t.m14=0,t.m21=0,t.m22=1,t.m23=0,t.m24=0,t.m31=0,t.m32=0,t.m33=1,t.m34=0,t.m41=0,t.m42=0,t.m43=0,t.m44=1,m&&m.length){let e=m;return m instanceof Array&&(m[0]instanceof Array&&[16,6].includes(m[0].length)||"string"==typeof m[0]||[c,DOMMatrix].some(t=>m[0]instanceof t))&&([e]=m),t.setMatrixValue(e)}return t}set isIdentity(m){this.isIdentity=m}get isIdentity(){const m=this;return 1===m.m11&&0===m.m12&&0===m.m13&&0===m.m14&&0===m.m21&&1===m.m22&&0===m.m23&&0===m.m24&&0===m.m31&&0===m.m32&&1===m.m33&&0===m.m34&&0===m.m41&&0===m.m42&&0===m.m43&&1===m.m44}get is2D(){const m=this;return 0===m.m31&&0===m.m32&&1===m.m33&&0===m.m34&&0===m.m43&&1===m.m44}set is2D(m){this.is2D=m}setMatrixValue(r){return[DOMMatrix,c].some(m=>r instanceof m)?t(r):"string"==typeof r&&r.length&&"none"!==r?e(r):Array.isArray(r)?m(r):this}toString(){const m=this.toArray().join(",");return`${this.is2D?"matrix":"matrix3d"}(${m})`}toArray(){const m=this;let t;return t=m.is2D?[m.a,m.b,m.c,m.d,m.e,m.f]:[m.m11,m.m12,m.m13,m.m14,m.m21,m.m22,m.m23,m.m24,m.m31,m.m32,m.m33,m.m34,m.m41,m.m42,m.m43,m.m44],t.map(m=>Math.abs(m)<1e-6?0:(m*10**6>>0)/10**6)}toJSON(){return JSON.parse(JSON.stringify(this))}multiply(m){return l(this,m)}translate(m,t,e){let n=t,s=e;return null==s&&(s=0),null==n&&(n=0),l(this,r(m,n,s))}scale(m,t,e){let r=t,n=e;return null==r&&(r=m),null==n&&(n=m),l(this,i(m,r,n))}rotate(m,t,e){let r=m,s=t,i=e;return null==s&&(s=0),null==i&&(i=r,r=0),l(this,n(r,s,i))}rotateAxisAngle(m,t,e,r){if([m,t,e,r].some(m=>Number.isNaN(m)))throw new TypeError("CSSMatrix: expecting 4 values");return l(this,s(m,t,e,r))}skewX(m){return l(this,a(m))}skewY(m){return l(this,o(m))}transformPoint(m){let t=r(m.x,m.y,m.z);return t.m44=m.w||1,t=this.multiply(t),{x:t.m41,y:t.m42,z:t.m43,w:t.m44}}transform(m){const t=this,e=t.m11*m.x+t.m12*m.y+t.m13*m.z+t.m14*m.w,r=t.m21*m.x+t.m22*m.y+t.m23*m.z+t.m24*m.w,n=t.m31*m.x+t.m32*m.y+t.m33*m.z+t.m34*m.w,s=t.m41*m.x+t.m42*m.y+t.m43*m.z+t.m44*m.w;return{x:e/s,y:r/s,z:n/s,w:s}}}c.Translate=r,c.Rotate=n,c.RotateAxisAngle=s,c.Scale=i,c.SkewX=a,c.SkewY=o,c.Multiply=l,c.fromArray=m,c.fromMatrix=t,c.fromString=e;export{c as default};

dist/dommatrix.js

 /*!
-* DOMMatrix v0.0.16alpha4 (https://thednp.github.io/DOMMatrix/)
+* DOMMatrix v0.0.17 (https://thednp.github.io/DOMMatrix/)
 * Copyright 2021 © thednp
@@ -12,12 +12,2 @@ * Licensed under MIT (https://github.com/thednp/DOMMatrix/blob/master/LICENSE)
 
-  var version = "0.0.16alpha4";
-
-  // @ts-ignore
-
-  /**
-   * A global namespace for library version.
-   * @type {string}
-   */
-  var DMVersion = version;
-
   // DOMMatrix Static methods
@@ -96,26 +86,26 @@ // * `fromFloat64Array` and `fromFloat32Array` methods are not supported;
     } else if (a.length === 6) {
-      var m11$1 = a[0];
-      var m12$1 = a[1];
-      var m21$1 = a[2];
-      var m22$1 = a[3];
-      var m41$1 = a[4];
-      var m42$1 = a[5];
+      var M11 = a[0];
+      var M12 = a[1];
+      var M21 = a[2];
+      var M22 = a[3];
+      var M41 = a[4];
+      var M42 = a[5];
 
-      m.m11 = m11$1;
-      m.a = m11$1;
+      m.m11 = M11;
+      m.a = M11;
 
-      m.m12 = m12$1;
-      m.b = m12$1;
+      m.m12 = M12;
+      m.b = M12;
 
-      m.m21 = m21$1;
-      m.c = m21$1;
+      m.m21 = M21;
+      m.c = M21;
 
-      m.m22 = m22$1;
-      m.d = m22$1;
+      m.m22 = M22;
+      m.d = M22;
 
-      m.m41 = m41$1;
-      m.e = m41$1;
+      m.m41 = M41;
+      m.e = M41;
 
-      m.m42 = m42$1;
-      m.f = m42$1;
+      m.m42 = M42;
+      m.f = M42;
     } else {
@@ -131,3 +121,3 @@ throw new TypeError('CSSMatrix: expecting an Array of 6/16 values.');
    *
-   * @param {CSSMatrix | DOMMatrix | DMNS.jsonMatrix} m the source matrix to feed values from.
+   * @param {CSSMatrix | DOMMatrix | CSSMatrixNS.JSONMatrix} m the source matrix to feed values from.
    * @return {CSSMatrix} the resulted matrix.
@@ -171,3 +161,9 @@ */
     var m = new CSSMatrix();
+    var invalidStringError = "CSSMatrix: invalid transform string " + source;
     var is2D = true;
+    // const transformFunctions = [
+    //   'matrix', 'matrix3d', 'perspective', 'translate3d',
+    //   'translate', 'translateX', 'translateY', 'translateZ',
+    //   'rotate', 'rotate3d', 'rotateX', 'rotateY', 'rotateZ',
+    //   'scale', 'scale3d', 'skewX', 'skewY'];
     var tramsformObject = str.split(')').filter(function (f) { return f; }).map(function (fn) {
@@ -177,2 +173,7 @@ var ref = fn.split('(');
       var value = ref[1];
+      if (!value) {
+        // invalidate
+        throw TypeError(invalidStringError);
+      }
+
       var components = value.split(',')
@@ -244,2 +245,4 @@ .map(function (n) { return (n.includes('rad') ? parseFloat(n) * (180 / Math.PI) : parseFloat(n)); });
         }
+      } else {
+        throw TypeError(invalidStringError);
       }
@@ -532,3 +535,3 @@ });
    *
-   * @param {Boolean} value sets a new flag for this property
+   * @param {boolean} value sets a new flag for this property
    */
@@ -544,3 +547,3 @@ prototypeAccessors.isIdentity.set = function (value) {
    *
-   * @return {Boolean} the current property value
+   * @return {boolean} the current property value
    */
@@ -559,3 +562,3 @@ prototypeAccessors.isIdentity.get = function () {
    *
-   * @return {Boolean} the current property value
+   * @return {boolean} the current property value
    */
@@ -570,3 +573,3 @@ prototypeAccessors.is2D.get = function () {
    *
-   * @param {Boolean} value sets a new flag for this property
+   * @param {boolean} value sets a new flag for this property
    */
@@ -658,3 +661,3 @@ prototypeAccessors.is2D.set = function (value) {
    *
-   * @return {DMNS.jsonMatrix} an *Object* with all matrix values.
+   * @return {CSSMatrixNS.JSONMatrix} an *Object* with all matrix values.
    */
@@ -670,3 +673,3 @@ CSSMatrix.prototype.toJSON = function toJSON () {
    *
-   * @param {CSSMatrix | DOMMatrix | DMNS.jsonMatrix} m2 CSSMatrix
+   * @param {CSSMatrix | DOMMatrix | CSSMatrixNS.JSONMatrix} m2 CSSMatrix
    * @return {CSSMatrix} The resulted matrix.
@@ -792,4 +795,4 @@ */
    *
-   * @param {DMNS.PointTuple | DOMPoint} v Tuple or DOMPoint
-   * @return {DMNS.PointTuple} the resulting Tuple
+   * @param {CSSMatrixNS.PointTuple | DOMPoint} v Tuple or DOMPoint
+   * @return {CSSMatrixNS.PointTuple} the resulting Tuple
    */
@@ -816,4 +819,4 @@ CSSMatrix.prototype.transformPoint = function transformPoint (v) {
    *
-   * @param {DMNS.PointTuple} t Tuple with `{x,y,z,w}` components
-   * @return {DMNS.PointTuple} the resulting Tuple
+   * @param {CSSMatrixNS.PointTuple} t Tuple with `{x,y,z,w}` components
+   * @return {CSSMatrixNS.PointTuple} the resulting Tuple
    */
@@ -848,3 +851,2 @@ CSSMatrix.prototype.transform = function transform (t) {
   CSSMatrix.fromString = fromString;
-  CSSMatrix.Version = DMVersion;
 
@@ -851,0 +853,0 @@ return CSSMatrix;

dist/dommatrix.min.js

@@ -1,2 +0,2 @@
-// DOMMatrix v0.0.16alpha4 | thednp © 2021 | MIT-License
-!function(m,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(m="undefined"!=typeof globalThis?globalThis:m||self).CSSMatrix=t()}(this,(function(){"use strict";function m(m){if(!m.every((function(m){return!Number.isNaN(m)})))throw TypeError('CSSMatrix: "'+m+'" must only have numbers.');var t=new f,r=Array.from(m);if(16===r.length){var e=r[0],n=r[1],i=r[2],a=r[3],o=r[4],s=r[5],u=r[6],c=r[7],l=r[8],p=r[9],y=r[10],h=r[11],v=r[12],d=r[13],M=r[14],x=r[15];t.m11=e,t.a=e,t.m21=o,t.c=o,t.m31=l,t.m41=v,t.e=v,t.m12=n,t.b=n,t.m22=s,t.d=s,t.m32=p,t.m42=d,t.f=d,t.m13=i,t.m23=u,t.m33=y,t.m43=M,t.m14=a,t.m24=c,t.m34=h,t.m44=x}else{if(6!==r.length)throw new TypeError("CSSMatrix: expecting an Array of 6/16 values.");var w=r[0],N=r[1],b=r[2],g=r[3],S=r[4],A=r[5];t.m11=w,t.a=w,t.m12=N,t.b=N,t.m21=b,t.c=b,t.m22=g,t.d=g,t.m41=S,t.e=S,t.m42=A,t.f=A}return t}function t(t){if([f,DOMMatrix].some((function(m){return t instanceof m}))||"object"==typeof t&&["m11","m12","m13","m14","m21","m22","m23","m24","m31","m32","m33","m34","m41","m42","m43","m44"].every((function(m){return m in t})))return m([t.m11,t.m12,t.m13,t.m14,t.m21,t.m22,t.m23,t.m24,t.m31,t.m32,t.m33,t.m34,t.m41,t.m42,t.m43,t.m44]);throw TypeError('CSSMatrix: "'+t+'" is not a DOMMatrix / CSSMatrix compatible object.')}function r(t){if("string"!=typeof t)throw TypeError('CSSMatrix: "'+t+'" is not a string.');var r=String(t).replace(/\s/g,""),e=new f,n=!0;return r.split(")").filter((function(m){return m})).map((function(m){var t=m.split("("),r=t[0],e=t[1].split(",").map((function(m){return m.includes("rad")?parseFloat(m)*(180/Math.PI):parseFloat(m)})),i=e[0],a=e[1],o=e[2],s=e[3];return n&&("matrix3d"===r||"rotate3d"===r&&[i,a].every((function(m){return!Number.isNaN(+m)&&0!==m}))&&s||["rotateX","rotateY"].includes(r)&&i||"translate3d"===r&&[i,a,o].every((function(m){return!Number.isNaN(+m)}))&&o||"scale3d"===r&&[i,a,o].every((function(m){return!Number.isNaN(+m)&&m!==i})))&&(n=!1),{prop:r,components:e}})).forEach((function(t){var r=t.prop,i=t.components,a=i[0],o=i[1],s=i[2],u=i[3],f=[a,o,s],c=[a,o,s,u];if("perspective"!==r||n)if(r.includes("matrix")){var l=i.map((function(m){return Math.abs(m)<1e-6?0:m}));[6,16].includes(l.length)&&(e=e.multiply(m(l)))}else if(["translate","translate3d"].some((function(m){return r===m}))&&a)e=e.translate(a,o||0,s||0);else if("rotate3d"===r&&c.every((function(m){return!Number.isNaN(+m)}))&&u)e=e.rotateAxisAngle(a,o,s,u);else if("scale3d"===r&&f.every((function(m){return!Number.isNaN(+m)}))&&f.some((function(m){return 1!==m})))e=e.scale(a,o,s);else if("rotate"===r&&a)e=e.rotate(0,0,a);else if("scale"!==r||Number.isNaN(a)||1===a){if("skew"===r&&(a||o))e=a?e.skewX(a):e,e=o?e.skewY(o):e;else if(/[XYZ]/.test(r)&&a)if(r.includes("skew"))e=e[r](a);else{var p=r.replace(/[XYZ]/,""),y=r.replace(p,""),h=["X","Y","Z"].indexOf(y),v=[0===h?a:0,1===h?a:0,2===h?a:0];e=e[p].apply(e,v)}}else{var d=Number.isNaN(+o)?a:o;e=e.scale(a,d,1)}else e.m34=-1/a})),e}function e(m,t,r){var e=new f;return e.m41=m,e.e=m,e.m42=t,e.f=t,e.m43=r,e}function n(m,t,r){var e=new f,n=Math.PI/180,i=m*n,a=t*n,o=r*n,s=Math.cos(i),u=-Math.sin(i),c=Math.cos(a),l=-Math.sin(a),p=Math.cos(o),y=-Math.sin(o),h=c*p,v=-c*y;e.m11=h,e.a=h,e.m12=v,e.b=v,e.m13=l;var d=u*l*p+s*y;e.m21=d,e.c=d;var M=s*p-u*l*y;return e.m22=M,e.d=M,e.m23=-u*c,e.m31=u*y-s*l*p,e.m32=u*p+s*l*y,e.m33=s*c,e}function i(m,t,r,e){var n=new f,i=e*(Math.PI/360),a=Math.sin(i),o=Math.cos(i),s=a*a,u=Math.sqrt(m*m+t*t+r*r),c=m,l=t,p=r;0===u?(c=0,l=0,p=1):(c/=u,l/=u,p/=u);var y=c*c,h=l*l,v=p*p,d=1-2*(h+v)*s;n.m11=d,n.a=d;var M=2*(c*l*s+p*a*o);n.m12=M,n.b=M,n.m13=2*(c*p*s-l*a*o);var x=2*(l*c*s-p*a*o);n.m21=x,n.c=x;var w=1-2*(v+y)*s;return n.m22=w,n.d=w,n.m23=2*(l*p*s+c*a*o),n.m31=2*(p*c*s+l*a*o),n.m32=2*(p*l*s-c*a*o),n.m33=1-2*(y+h)*s,n}function a(m,t,r){var e=new f;return e.m11=m,e.a=m,e.m22=t,e.d=t,e.m33=r,e}function o(m){var t=new f,r=m*Math.PI/180,e=Math.tan(r);return t.m21=e,t.c=e,t}function s(m){var t=new f,r=m*Math.PI/180,e=Math.tan(r);return t.m12=e,t.b=e,t}function u(t,r){return m([r.m11*t.m11+r.m12*t.m21+r.m13*t.m31+r.m14*t.m41,r.m11*t.m12+r.m12*t.m22+r.m13*t.m32+r.m14*t.m42,r.m11*t.m13+r.m12*t.m23+r.m13*t.m33+r.m14*t.m43,r.m11*t.m14+r.m12*t.m24+r.m13*t.m34+r.m14*t.m44,r.m21*t.m11+r.m22*t.m21+r.m23*t.m31+r.m24*t.m41,r.m21*t.m12+r.m22*t.m22+r.m23*t.m32+r.m24*t.m42,r.m21*t.m13+r.m22*t.m23+r.m23*t.m33+r.m24*t.m43,r.m21*t.m14+r.m22*t.m24+r.m23*t.m34+r.m24*t.m44,r.m31*t.m11+r.m32*t.m21+r.m33*t.m31+r.m34*t.m41,r.m31*t.m12+r.m32*t.m22+r.m33*t.m32+r.m34*t.m42,r.m31*t.m13+r.m32*t.m23+r.m33*t.m33+r.m34*t.m43,r.m31*t.m14+r.m32*t.m24+r.m33*t.m34+r.m34*t.m44,r.m41*t.m11+r.m42*t.m21+r.m43*t.m31+r.m44*t.m41,r.m41*t.m12+r.m42*t.m22+r.m43*t.m32+r.m44*t.m42,r.m41*t.m13+r.m42*t.m23+r.m43*t.m33+r.m44*t.m43,r.m41*t.m14+r.m42*t.m24+r.m43*t.m34+r.m44*t.m44])}var f=function m(){for(var t=[],r=arguments.length;r--;)t[r]=arguments[r];var e=this;if(e.a=1,e.b=0,e.c=0,e.d=1,e.e=0,e.f=0,e.m11=1,e.m12=0,e.m13=0,e.m14=0,e.m21=0,e.m22=1,e.m23=0,e.m24=0,e.m31=0,e.m32=0,e.m33=1,e.m34=0,e.m41=0,e.m42=0,e.m43=0,e.m44=1,t&&t.length){var n=t;return t instanceof Array&&(t[0]instanceof Array&&[16,6].includes(t[0].length)||"string"==typeof t[0]||[m,DOMMatrix].some((function(m){return t[0]instanceof m})))&&(n=t[0]),e.setMatrixValue(n)}return e},c={isIdentity:{configurable:!0},is2D:{configurable:!0}};return c.isIdentity.set=function(m){this.isIdentity=m},c.isIdentity.get=function(){var m=this;return 1===m.m11&&0===m.m12&&0===m.m13&&0===m.m14&&0===m.m21&&1===m.m22&&0===m.m23&&0===m.m24&&0===m.m31&&0===m.m32&&1===m.m33&&0===m.m34&&0===m.m41&&0===m.m42&&0===m.m43&&1===m.m44},c.is2D.get=function(){var m=this;return 0===m.m31&&0===m.m32&&1===m.m33&&0===m.m34&&0===m.m43&&1===m.m44},c.is2D.set=function(m){this.is2D=m},f.prototype.setMatrixValue=function(e){return[DOMMatrix,f].some((function(m){return e instanceof m}))?t(e):"string"==typeof e&&e.length&&"none"!==e?r(e):Array.isArray(e)?m(e):this},f.prototype.toString=function(){var m=this.toArray().join(",");return(this.is2D?"matrix":"matrix3d")+"("+m+")"},f.prototype.toArray=function(){var m=this,t=Math.pow(10,6);return(m.is2D?[m.a,m.b,m.c,m.d,m.e,m.f]:[m.m11,m.m12,m.m13,m.m14,m.m21,m.m22,m.m23,m.m24,m.m31,m.m32,m.m33,m.m34,m.m41,m.m42,m.m43,m.m44]).map((function(m){return Math.abs(m)<1e-6?0:(m*t>>0)/t}))},f.prototype.toJSON=function(){return JSON.parse(JSON.stringify(this))},f.prototype.multiply=function(m){return u(this,m)},f.prototype.translate=function(m,t,r){var n=t,i=r;return null==i&&(i=0),null==n&&(n=0),u(this,e(m,n,i))},f.prototype.scale=function(m,t,r){var e=t,n=r;return null==e&&(e=m),null==n&&(n=m),u(this,a(m,e,n))},f.prototype.rotate=function(m,t,r){var e=m,i=t,a=r;return null==i&&(i=0),null==a&&(a=e,e=0),u(this,n(e,i,a))},f.prototype.rotateAxisAngle=function(m,t,r,e){if([m,t,r,e].some((function(m){return Number.isNaN(m)})))throw new TypeError("CSSMatrix: expecting 4 values");return u(this,i(m,t,r,e))},f.prototype.skewX=function(m){return u(this,o(m))},f.prototype.skewY=function(m){return u(this,s(m))},f.prototype.transformPoint=function(m){var t=e(m.x,m.y,m.z);return t.m44=m.w||1,{x:(t=this.multiply(t)).m41,y:t.m42,z:t.m43,w:t.m44}},f.prototype.transform=function(m){var t=this,r=t.m11*m.x+t.m12*m.y+t.m13*m.z+t.m14*m.w,e=t.m21*m.x+t.m22*m.y+t.m23*m.z+t.m24*m.w,n=t.m31*m.x+t.m32*m.y+t.m33*m.z+t.m34*m.w,i=t.m41*m.x+t.m42*m.y+t.m43*m.z+t.m44*m.w;return{x:r/i,y:e/i,z:n/i,w:i}},Object.defineProperties(f.prototype,c),f.Translate=e,f.Rotate=n,f.RotateAxisAngle=i,f.Scale=a,f.SkewX=o,f.SkewY=s,f.Multiply=u,f.fromArray=m,f.fromMatrix=t,f.fromString=r,f.Version="0.0.16alpha4",f}));
+// DOMMatrix v0.0.17 | thednp © 2021 | MIT-License
+!function(m,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(m="undefined"!=typeof globalThis?globalThis:m||self).CSSMatrix=t()}(this,(function(){"use strict";function m(m){if(!m.every((function(m){return!Number.isNaN(m)})))throw TypeError('CSSMatrix: "'+m+'" must only have numbers.');var t=new f,r=Array.from(m);if(16===r.length){var e=r[0],n=r[1],i=r[2],a=r[3],o=r[4],s=r[5],u=r[6],c=r[7],l=r[8],p=r[9],y=r[10],h=r[11],v=r[12],d=r[13],M=r[14],x=r[15];t.m11=e,t.a=e,t.m21=o,t.c=o,t.m31=l,t.m41=v,t.e=v,t.m12=n,t.b=n,t.m22=s,t.d=s,t.m32=p,t.m42=d,t.f=d,t.m13=i,t.m23=u,t.m33=y,t.m43=M,t.m14=a,t.m24=c,t.m34=h,t.m44=x}else{if(6!==r.length)throw new TypeError("CSSMatrix: expecting an Array of 6/16 values.");var w=r[0],N=r[1],b=r[2],g=r[3],S=r[4],A=r[5];t.m11=w,t.a=w,t.m12=N,t.b=N,t.m21=b,t.c=b,t.m22=g,t.d=g,t.m41=S,t.e=S,t.m42=A,t.f=A}return t}function t(t){if([f,DOMMatrix].some((function(m){return t instanceof m}))||"object"==typeof t&&["m11","m12","m13","m14","m21","m22","m23","m24","m31","m32","m33","m34","m41","m42","m43","m44"].every((function(m){return m in t})))return m([t.m11,t.m12,t.m13,t.m14,t.m21,t.m22,t.m23,t.m24,t.m31,t.m32,t.m33,t.m34,t.m41,t.m42,t.m43,t.m44]);throw TypeError('CSSMatrix: "'+t+'" is not a DOMMatrix / CSSMatrix compatible object.')}function r(t){if("string"!=typeof t)throw TypeError('CSSMatrix: "'+t+'" is not a string.');var r=String(t).replace(/\s/g,""),e=new f,n="CSSMatrix: invalid transform string "+t,i=!0;return r.split(")").filter((function(m){return m})).map((function(m){var t=m.split("("),r=t[0],e=t[1];if(!e)throw TypeError(n);var a=e.split(",").map((function(m){return m.includes("rad")?parseFloat(m)*(180/Math.PI):parseFloat(m)})),o=a[0],s=a[1],u=a[2],f=a[3];return i&&("matrix3d"===r||"rotate3d"===r&&[o,s].every((function(m){return!Number.isNaN(+m)&&0!==m}))&&f||["rotateX","rotateY"].includes(r)&&o||"translate3d"===r&&[o,s,u].every((function(m){return!Number.isNaN(+m)}))&&u||"scale3d"===r&&[o,s,u].every((function(m){return!Number.isNaN(+m)&&m!==o})))&&(i=!1),{prop:r,components:a}})).forEach((function(t){var r=t.prop,a=t.components,o=a[0],s=a[1],u=a[2],f=a[3],c=[o,s,u],l=[o,s,u,f];if("perspective"!==r||i)if(r.includes("matrix")){var p=a.map((function(m){return Math.abs(m)<1e-6?0:m}));[6,16].includes(p.length)&&(e=e.multiply(m(p)))}else if(["translate","translate3d"].some((function(m){return r===m}))&&o)e=e.translate(o,s||0,u||0);else if("rotate3d"===r&&l.every((function(m){return!Number.isNaN(+m)}))&&f)e=e.rotateAxisAngle(o,s,u,f);else if("scale3d"===r&&c.every((function(m){return!Number.isNaN(+m)}))&&c.some((function(m){return 1!==m})))e=e.scale(o,s,u);else if("rotate"===r&&o)e=e.rotate(0,0,o);else if("scale"!==r||Number.isNaN(o)||1===o)if("skew"===r&&(o||s))e=o?e.skewX(o):e,e=s?e.skewY(s):e;else{if(!/[XYZ]/.test(r)||!o)throw TypeError(n);if(r.includes("skew"))e=e[r](o);else{var y=r.replace(/[XYZ]/,""),h=r.replace(y,""),v=["X","Y","Z"].indexOf(h),d=[0===v?o:0,1===v?o:0,2===v?o:0];e=e[y].apply(e,d)}}else{var M=Number.isNaN(+s)?o:s;e=e.scale(o,M,1)}else e.m34=-1/o})),e}function e(m,t,r){var e=new f;return e.m41=m,e.e=m,e.m42=t,e.f=t,e.m43=r,e}function n(m,t,r){var e=new f,n=Math.PI/180,i=m*n,a=t*n,o=r*n,s=Math.cos(i),u=-Math.sin(i),c=Math.cos(a),l=-Math.sin(a),p=Math.cos(o),y=-Math.sin(o),h=c*p,v=-c*y;e.m11=h,e.a=h,e.m12=v,e.b=v,e.m13=l;var d=u*l*p+s*y;e.m21=d,e.c=d;var M=s*p-u*l*y;return e.m22=M,e.d=M,e.m23=-u*c,e.m31=u*y-s*l*p,e.m32=u*p+s*l*y,e.m33=s*c,e}function i(m,t,r,e){var n=new f,i=e*(Math.PI/360),a=Math.sin(i),o=Math.cos(i),s=a*a,u=Math.sqrt(m*m+t*t+r*r),c=m,l=t,p=r;0===u?(c=0,l=0,p=1):(c/=u,l/=u,p/=u);var y=c*c,h=l*l,v=p*p,d=1-2*(h+v)*s;n.m11=d,n.a=d;var M=2*(c*l*s+p*a*o);n.m12=M,n.b=M,n.m13=2*(c*p*s-l*a*o);var x=2*(l*c*s-p*a*o);n.m21=x,n.c=x;var w=1-2*(v+y)*s;return n.m22=w,n.d=w,n.m23=2*(l*p*s+c*a*o),n.m31=2*(p*c*s+l*a*o),n.m32=2*(p*l*s-c*a*o),n.m33=1-2*(y+h)*s,n}function a(m,t,r){var e=new f;return e.m11=m,e.a=m,e.m22=t,e.d=t,e.m33=r,e}function o(m){var t=new f,r=m*Math.PI/180,e=Math.tan(r);return t.m21=e,t.c=e,t}function s(m){var t=new f,r=m*Math.PI/180,e=Math.tan(r);return t.m12=e,t.b=e,t}function u(t,r){return m([r.m11*t.m11+r.m12*t.m21+r.m13*t.m31+r.m14*t.m41,r.m11*t.m12+r.m12*t.m22+r.m13*t.m32+r.m14*t.m42,r.m11*t.m13+r.m12*t.m23+r.m13*t.m33+r.m14*t.m43,r.m11*t.m14+r.m12*t.m24+r.m13*t.m34+r.m14*t.m44,r.m21*t.m11+r.m22*t.m21+r.m23*t.m31+r.m24*t.m41,r.m21*t.m12+r.m22*t.m22+r.m23*t.m32+r.m24*t.m42,r.m21*t.m13+r.m22*t.m23+r.m23*t.m33+r.m24*t.m43,r.m21*t.m14+r.m22*t.m24+r.m23*t.m34+r.m24*t.m44,r.m31*t.m11+r.m32*t.m21+r.m33*t.m31+r.m34*t.m41,r.m31*t.m12+r.m32*t.m22+r.m33*t.m32+r.m34*t.m42,r.m31*t.m13+r.m32*t.m23+r.m33*t.m33+r.m34*t.m43,r.m31*t.m14+r.m32*t.m24+r.m33*t.m34+r.m34*t.m44,r.m41*t.m11+r.m42*t.m21+r.m43*t.m31+r.m44*t.m41,r.m41*t.m12+r.m42*t.m22+r.m43*t.m32+r.m44*t.m42,r.m41*t.m13+r.m42*t.m23+r.m43*t.m33+r.m44*t.m43,r.m41*t.m14+r.m42*t.m24+r.m43*t.m34+r.m44*t.m44])}var f=function m(){for(var t=[],r=arguments.length;r--;)t[r]=arguments[r];var e=this;if(e.a=1,e.b=0,e.c=0,e.d=1,e.e=0,e.f=0,e.m11=1,e.m12=0,e.m13=0,e.m14=0,e.m21=0,e.m22=1,e.m23=0,e.m24=0,e.m31=0,e.m32=0,e.m33=1,e.m34=0,e.m41=0,e.m42=0,e.m43=0,e.m44=1,t&&t.length){var n=t;return t instanceof Array&&(t[0]instanceof Array&&[16,6].includes(t[0].length)||"string"==typeof t[0]||[m,DOMMatrix].some((function(m){return t[0]instanceof m})))&&(n=t[0]),e.setMatrixValue(n)}return e},c={isIdentity:{configurable:!0},is2D:{configurable:!0}};return c.isIdentity.set=function(m){this.isIdentity=m},c.isIdentity.get=function(){var m=this;return 1===m.m11&&0===m.m12&&0===m.m13&&0===m.m14&&0===m.m21&&1===m.m22&&0===m.m23&&0===m.m24&&0===m.m31&&0===m.m32&&1===m.m33&&0===m.m34&&0===m.m41&&0===m.m42&&0===m.m43&&1===m.m44},c.is2D.get=function(){var m=this;return 0===m.m31&&0===m.m32&&1===m.m33&&0===m.m34&&0===m.m43&&1===m.m44},c.is2D.set=function(m){this.is2D=m},f.prototype.setMatrixValue=function(e){return[DOMMatrix,f].some((function(m){return e instanceof m}))?t(e):"string"==typeof e&&e.length&&"none"!==e?r(e):Array.isArray(e)?m(e):this},f.prototype.toString=function(){var m=this.toArray().join(",");return(this.is2D?"matrix":"matrix3d")+"("+m+")"},f.prototype.toArray=function(){var m=this,t=Math.pow(10,6);return(m.is2D?[m.a,m.b,m.c,m.d,m.e,m.f]:[m.m11,m.m12,m.m13,m.m14,m.m21,m.m22,m.m23,m.m24,m.m31,m.m32,m.m33,m.m34,m.m41,m.m42,m.m43,m.m44]).map((function(m){return Math.abs(m)<1e-6?0:(m*t>>0)/t}))},f.prototype.toJSON=function(){return JSON.parse(JSON.stringify(this))},f.prototype.multiply=function(m){return u(this,m)},f.prototype.translate=function(m,t,r){var n=t,i=r;return null==i&&(i=0),null==n&&(n=0),u(this,e(m,n,i))},f.prototype.scale=function(m,t,r){var e=t,n=r;return null==e&&(e=m),null==n&&(n=m),u(this,a(m,e,n))},f.prototype.rotate=function(m,t,r){var e=m,i=t,a=r;return null==i&&(i=0),null==a&&(a=e,e=0),u(this,n(e,i,a))},f.prototype.rotateAxisAngle=function(m,t,r,e){if([m,t,r,e].some((function(m){return Number.isNaN(m)})))throw new TypeError("CSSMatrix: expecting 4 values");return u(this,i(m,t,r,e))},f.prototype.skewX=function(m){return u(this,o(m))},f.prototype.skewY=function(m){return u(this,s(m))},f.prototype.transformPoint=function(m){var t=e(m.x,m.y,m.z);return t.m44=m.w||1,{x:(t=this.multiply(t)).m41,y:t.m42,z:t.m43,w:t.m44}},f.prototype.transform=function(m){var t=this,r=t.m11*m.x+t.m12*m.y+t.m13*m.z+t.m14*m.w,e=t.m21*m.x+t.m22*m.y+t.m23*m.z+t.m24*m.w,n=t.m31*m.x+t.m32*m.y+t.m33*m.z+t.m34*m.w,i=t.m41*m.x+t.m42*m.y+t.m43*m.z+t.m44*m.w;return{x:r/i,y:e/i,z:n/i,w:i}},Object.defineProperties(f.prototype,c),f.Translate=e,f.Rotate=n,f.RotateAxisAngle=i,f.Scale=a,f.SkewX=o,f.SkewY=s,f.Multiply=u,f.fromArray=m,f.fromMatrix=t,f.fromString=r,f}));

package.json

 {
   "name": "dommatrix",
-  "version": "0.0.16alpha4",
+  "version": "0.0.17",
   "description": "ES6+ shim for DOMMatrix",
@@ -8,3 +8,3 @@ "main": "dist/dommatrix.js",
   "types": "types/index.d.ts",
-  "jsnext": "src/index.js",
+  "jsnext": "src/dommatrix.js",
   "files": [
@@ -21,5 +21,5 @@ "dist/*.{js,map}",
     "lint:js": "eslint src/*.js --config .eslintrc",
-    "build-ts": "tsc -d",
+    "build:ts": "tsc -d",
     "build-js": "rollup --environment FORMAT:umd,MIN:false -c",
-    "build-test": "rollup --environment FORMAT:iife,MIN:true,OUTPUTFILE:test/dommatrix.min.js -c",
+    "build-test": "rollup --environment FORMAT:iife,MIN:false,OUTPUTFILE:test/dommatrix.js -c",
     "build-js-min": "rollup --environment FORMAT:umd,MIN:true -c",
@@ -26,0 +26,0 @@ "build-esm": "rollup --environment FORMAT:esm,MIN:false -c",

src/dommatrix.js

@@ -1,3 +0,1 @@
-import DMVersion from './version';
-
 // DOMMatrix Static methods
@@ -64,21 +62,21 @@ // * `fromFloat64Array` and `fromFloat32Array` methods are not supported;
   } else if (a.length === 6) {
-    const [m11, m12, m21, m22, m41, m42] = a;
+    const [M11, M12, M21, M22, M41, M42] = a;
 
-    m.m11 = m11;
-    m.a = m11;
+    m.m11 = M11;
+    m.a = M11;
 
-    m.m12 = m12;
-    m.b = m12;
+    m.m12 = M12;
+    m.b = M12;
 
-    m.m21 = m21;
-    m.c = m21;
+    m.m21 = M21;
+    m.c = M21;
 
-    m.m22 = m22;
-    m.d = m22;
+    m.m22 = M22;
+    m.d = M22;
 
-    m.m41 = m41;
-    m.e = m41;
+    m.m41 = M41;
+    m.e = M41;
 
-    m.m42 = m42;
-    m.f = m42;
+    m.m42 = M42;
+    m.f = M42;
   } else {
@@ -94,3 +92,3 @@ throw new TypeError('CSSMatrix: expecting an Array of 6/16 values.');
  *
- * @param {CSSMatrix | DOMMatrix | DMNS.jsonMatrix} m the source matrix to feed values from.
+ * @param {CSSMatrix | DOMMatrix | CSSMatrixNS.JSONMatrix} m the source matrix to feed values from.
  * @return {CSSMatrix} the resulted matrix.
@@ -134,5 +132,16 @@ */
   let m = new CSSMatrix();
+  const invalidStringError = `CSSMatrix: invalid transform string ${source}`;
   let is2D = true;
+  // const transformFunctions = [
+  //   'matrix', 'matrix3d', 'perspective', 'translate3d',
+  //   'translate', 'translateX', 'translateY', 'translateZ',
+  //   'rotate', 'rotate3d', 'rotateX', 'rotateY', 'rotateZ',
+  //   'scale', 'scale3d', 'skewX', 'skewY'];
   const tramsformObject = str.split(')').filter((f) => f).map((fn) => {
     const [prop, value] = fn.split('(');
+    if (!value) {
+      // invalidate
+      throw TypeError(invalidStringError);
+    }
+
     const components = value.split(',')
@@ -197,2 +206,4 @@ .map((n) => (n.includes('rad') ? parseFloat(n) * (180 / Math.PI) : parseFloat(n)));
       }
+    } else {
+      throw TypeError(invalidStringError);
     }
@@ -488,3 +499,3 @@ });
    *
-   * @param {Boolean} value sets a new flag for this property
+   * @param {boolean} value sets a new flag for this property
    */
@@ -500,3 +511,3 @@ set isIdentity(value) {
    *
-   * @return {Boolean} the current property value
+   * @return {boolean} the current property value
    */
@@ -515,3 +526,3 @@ get isIdentity() {
    *
-   * @return {Boolean} the current property value
+   * @return {boolean} the current property value
    */
@@ -526,3 +537,3 @@ get is2D() {
    *
-   * @param {Boolean} value sets a new flag for this property
+   * @param {boolean} value sets a new flag for this property
    */
@@ -614,3 +625,3 @@ set is2D(value) {
    *
-   * @return {DMNS.jsonMatrix} an *Object* with all matrix values.
+   * @return {CSSMatrixNS.JSONMatrix} an *Object* with all matrix values.
    */
@@ -626,3 +637,3 @@ toJSON() {
    *
-   * @param {CSSMatrix | DOMMatrix | DMNS.jsonMatrix} m2 CSSMatrix
+   * @param {CSSMatrix | DOMMatrix | CSSMatrixNS.JSONMatrix} m2 CSSMatrix
    * @return {CSSMatrix} The resulted matrix.
@@ -748,4 +759,4 @@ */
    *
-   * @param {DMNS.PointTuple | DOMPoint} v Tuple or DOMPoint
-   * @return {DMNS.PointTuple} the resulting Tuple
+   * @param {CSSMatrixNS.PointTuple | DOMPoint} v Tuple or DOMPoint
+   * @return {CSSMatrixNS.PointTuple} the resulting Tuple
    */
@@ -772,4 +783,4 @@ transformPoint(v) {
    *
-   * @param {DMNS.PointTuple} t Tuple with `{x,y,z,w}` components
-   * @return {DMNS.PointTuple} the resulting Tuple
+   * @param {CSSMatrixNS.PointTuple} t Tuple with `{x,y,z,w}` components
+   * @return {CSSMatrixNS.PointTuple} the resulting Tuple
    */
@@ -803,4 +814,3 @@ transform(t) {
 CSSMatrix.fromString = fromString;
-CSSMatrix.Version = DMVersion;
 
 export default CSSMatrix;

types/index.d.ts

@@ -1,349 +0,37 @@
-declare module "version" {
-    export default DMVersion;
-    /**
-     * A global namespace for library version.
-     * @type {string}
-     */
-    const DMVersion: string;
-}
-declare module "dommatrix" {
-    export default CSSMatrix;
-    /**
-     * Creates and returns a new `DOMMatrix` compatible *Object*
-     * with equivalent instance methods.
-     *
-     * https://developer.mozilla.org/en-US/docs/Web/API/DOMMatrix
-     * https://github.com/thednp/DOMMatrix/
-     */
-    class CSSMatrix {
-        /**
-         * @constructor
-         * @param {any} args accepts all parameter configurations:
-         *
-         * * valid CSS transform string,
-         * * CSSMatrix/DOMMatrix instance,
-         * * a 6/16 elements *Array*.
-         */
-        constructor(...args: any);
-        a: number;
-        b: number;
-        c: number;
-        d: number;
-        e: number;
-        f: number;
-        m11: number;
-        m12: number;
-        m13: number;
-        m14: number;
-        m21: number;
-        m22: number;
-        m23: number;
-        m24: number;
-        m31: number;
-        m32: number;
-        m33: number;
-        m34: number;
-        m41: number;
-        m42: number;
-        m43: number;
-        m44: number;
-        /**
-         * Sets a new `Boolean` flag value for `this.isIdentity` matrix property.
-         *
-         * @param {Boolean} value sets a new flag for this property
-         */
-        set isIdentity(arg: boolean);
-        /**
-         * A `Boolean` whose value is `true` if the matrix is the identity matrix. The identity
-         * matrix is one in which every value is 0 except those on the main diagonal from top-left
-         * to bottom-right corner (in other words, where the offsets in each direction are equal).
-         *
-         * @return {Boolean} the current property value
-         */
-        get isIdentity(): boolean;
-        /**
-         * Sets a new `Boolean` flag value for `this.is2D` matrix property.
-         *
-         * @param {Boolean} value sets a new flag for this property
-         */
-        set is2D(arg: boolean);
-        /**
-         * A `Boolean` flag whose value is `true` if the matrix was initialized as a 2D matrix
-         * and `false` if the matrix is 3D.
-         *
-         * @return {Boolean} the current property value
-         */
-        get is2D(): boolean;
-        /**
-         * The `setMatrixValue` method replaces the existing matrix with one computed
-         * in the browser. EG: `matrix(1,0.25,-0.25,1,0,0)`
-         *
-         * The method accepts any *Array* values, the result of
-         * `DOMMatrix` instance method `toFloat64Array()` / `toFloat32Array()` calls
-         *  or `CSSMatrix` instance method `toArray()`.
-         *
-         * This method expects valid *matrix()* / *matrix3d()* string values, as well
-         * as other transform functions like *translateX(10px)*.
-         *
-         * @param {string | number[] | CSSMatrix | DOMMatrix} source
-         * @return {CSSMatrix} the matrix instance
-         */
-        setMatrixValue(source: string | number[] | CSSMatrix | DOMMatrix): CSSMatrix;
-        /**
-         * Creates and returns a string representation of the matrix in `CSS` matrix syntax,
-         * using the appropriate `CSS` matrix notation.
-         *
-         * matrix3d *matrix3d(m11, m12, m13, m14, m21, ...)*
-         * matrix *matrix(a, b, c, d, e, f)*
-         *
-         * @return {string} a string representation of the matrix
-         */
-        toString(): string;
-        /**
-         * Returns an *Array* containing all 16 elements which comprise the matrix.
-         * The method can return either the elements.
-         *
-         * Other methods make use of this method to feed their output values from this matrix.
-         *
-         * @return {number[]} an *Array* representation of the matrix
-         */
-        toArray(): number[];
-        /**
-         * Returns a JSON representation of the `CSSMatrix` instance, a standard *Object*
-         * that includes `{a,b,c,d,e,f}` and `{m11,m12,m13,..m44}` properties and
-         * excludes `is2D` & `isIdentity` properties.
-         *
-         * The result can also be used as a second parameter for the `fromMatrix` static method
-         * to load values into a matrix instance.
-         *
-         * @return {DMNS.jsonMatrix} an *Object* with all matrix values.
-         */
-        toJSON(): DMNS.jsonMatrix;
-        /**
-         * The Multiply method returns a new CSSMatrix which is the result of this
-         * matrix multiplied by the passed matrix, with the passed matrix to the right.
-         * This matrix is not modified.
-         *
-         * @param {CSSMatrix | DOMMatrix | DMNS.jsonMatrix} m2 CSSMatrix
-         * @return {CSSMatrix} The resulted matrix.
-         */
-        multiply(m2: CSSMatrix | DOMMatrix | DMNS.jsonMatrix): CSSMatrix;
-        /**
-         * The translate method returns a new matrix which is this matrix post
-         * multiplied by a translation matrix containing the passed values. If the z
-         * component is undefined, a 0 value is used in its place. This matrix is not
-         * modified.
-         *
-         * @param {number} x X component of the translation value.
-         * @param {number | null} y Y component of the translation value.
-         * @param {number | null} z Z component of the translation value.
-         * @return {CSSMatrix} The resulted matrix
-         */
-        translate(x: number, y: number | null, z: number | null): CSSMatrix;
-        /**
-         * The scale method returns a new matrix which is this matrix post multiplied by
-         * a scale matrix containing the passed values. If the z component is undefined,
-         * a 1 value is used in its place. If the y component is undefined, the x
-         * component value is used in its place. This matrix is not modified.
-         *
-         * @param {number} x The X component of the scale value.
-         * @param {number | null} y The Y component of the scale value.
-         * @param {number | null} z The Z component of the scale value.
-         * @return {CSSMatrix} The resulted matrix
-         */
-        scale(x: number, y: number | null, z: number | null): CSSMatrix;
-        /**
-         * The rotate method returns a new matrix which is this matrix post multiplied
-         * by each of 3 rotation matrices about the major axes, first X, then Y, then Z.
-         * If the y and z components are undefined, the x value is used to rotate the
-         * object about the z axis, as though the vector (0,0,x) were passed. All
-         * rotation values are in degrees. This matrix is not modified.
-         *
-         * @param {number} rx The X component of the rotation, or Z if Y and Z are null.
-         * @param {number | null} ry The (optional) Y component of the rotation value.
-         * @param {number | null} rz The (optional) Z component of the rotation value.
-         * @return {CSSMatrix} The resulted matrix
-         */
-        rotate(rx: number, ry: number | null, rz: number | null): CSSMatrix;
-        /**
-         * The rotateAxisAngle method returns a new matrix which is this matrix post
-         * multiplied by a rotation matrix with the given axis and `angle`. The right-hand
-         * rule is used to determine the direction of rotation. All rotation values are
-         * in degrees. This matrix is not modified.
-         *
-         * @param {number} x The X component of the axis vector.
-         * @param {number} y The Y component of the axis vector.
-         * @param {number} z The Z component of the axis vector.
-         * @param {number} angle The angle of rotation about the axis vector, in degrees.
-         * @return {CSSMatrix} The resulted matrix
-         */
-        rotateAxisAngle(x: number, y: number, z: number, angle: number): CSSMatrix;
-        /**
-         * Specifies a skew transformation along the `x-axis` by the given angle.
-         * This matrix is not modified.
-         *
-         * @param {number} angle The angle amount in degrees to skew.
-         * @return {CSSMatrix} The resulted matrix
-         */
-        skewX(angle: number): CSSMatrix;
-        /**
-         * Specifies a skew transformation along the `y-axis` by the given angle.
-         * This matrix is not modified.
-         *
-         * @param {number} angle The angle amount in degrees to skew.
-         * @return {CSSMatrix} The resulted matrix
-         */
-        skewY(angle: number): CSSMatrix;
-        /**
-         * Transforms a specified point using the matrix, returning a new
-         * Tuple *Object* comprising of the transformed point.
-         * Neither the matrix nor the original point are altered.
-         *
-         * The method is equivalent with `transformPoint()` method
-         * of the `DOMMatrix` constructor.
-         *
-         * @copyright thednp © 2021
-         *
-         * @param {DMNS.PointTuple | DOMPoint} v Tuple or DOMPoint
-         * @return {DMNS.PointTuple} the resulting Tuple
-         */
-        transformPoint(v: DMNS.PointTuple | DOMPoint): DMNS.PointTuple;
-        /**
-         * Transforms a specified vector using the matrix, returning a new
-         * {x,y,z,w} Tuple *Object* comprising the transformed vector.
-         * Neither the matrix nor the original vector are altered.
-         *
-         * @param {DMNS.PointTuple} t Tuple with `{x,y,z,w}` components
-         * @return {DMNS.PointTuple} the resulting Tuple
-         */
-        transform(t: DMNS.PointTuple): DMNS.PointTuple;
-    }
-    namespace CSSMatrix {
-        export { Translate };
-        export { Rotate };
-        export { RotateAxisAngle };
-        export { Scale };
-        export { SkewX };
-        export { SkewY };
-        export { Multiply };
-        export { fromArray };
-        export { fromMatrix };
-        export { fromString };
-        export { DMVersion as Version };
-    }
-    /**
-     * Creates a new `CSSMatrix` for the translation matrix and returns it.
-     * This method is equivalent to the CSS `translate3d()` function.
-     *
-     * https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translate3d
-     *
-     * @param {number} x the `x-axis` position.
-     * @param {number} y the `y-axis` position.
-     * @param {number} z the `z-axis` position.
-     * @return {CSSMatrix} the resulted matrix.
-     */
-    function Translate(x: number, y: number, z: number): CSSMatrix;
-    /**
-     * Creates a new `CSSMatrix` for the rotation matrix and returns it.
-     *
-     * http://en.wikipedia.org/wiki/Rotation_matrix
-     *
-     * @param {number} rx the `x-axis` rotation.
-     * @param {number} ry the `y-axis` rotation.
-     * @param {number} rz the `z-axis` rotation.
-     * @return {CSSMatrix} the resulted matrix.
-     */
-    function Rotate(rx: number, ry: number, rz: number): CSSMatrix;
-    /**
-     * Creates a new `CSSMatrix` for the rotation matrix and returns it.
-     * This method is equivalent to the CSS `rotate3d()` function.
-     *
-     * https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/rotate3d
-     *
-     * @param {number} x the `x-axis` vector length.
-     * @param {number} y the `y-axis` vector length.
-     * @param {number} z the `z-axis` vector length.
-     * @param {number} alpha the value in degrees of the rotation.
-     * @return {CSSMatrix} the resulted matrix.
-     */
-    function RotateAxisAngle(x: number, y: number, z: number, alpha: number): CSSMatrix;
-    /**
-     * Creates a new `CSSMatrix` for the scale matrix and returns it.
-     * This method is equivalent to the CSS `scale3d()` function.
-     *
-     * https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scale3d
-     *
-     * @param {number} x the `x-axis` scale.
-     * @param {number} y the `y-axis` scale.
-     * @param {number} z the `z-axis` scale.
-     * @return {CSSMatrix} the resulted matrix.
-     */
-    function Scale(x: number, y: number, z: number): CSSMatrix;
-    /**
-     * Creates a new `CSSMatrix` for the shear of the `x-axis` rotation matrix and
-     * returns it. This method is equivalent to the CSS `skewX()` function.
-     *
-     * https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/skewX
-     *
-     * @param {number} angle the angle in degrees.
-     * @return {CSSMatrix} the resulted matrix.
-     */
-    function SkewX(angle: number): CSSMatrix;
-    /**
-     * Creates a new `CSSMatrix` for the shear of the `y-axis` rotation matrix and
-     * returns it. This method is equivalent to the CSS `skewY()` function.
-     *
-     * https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/skewY
-     *
-     * @param {number} angle the angle in degrees.
-     * @return {CSSMatrix} the resulted matrix.
-     */
-    function SkewY(angle: number): CSSMatrix;
-    /**
-     * Creates a new `CSSMatrix` resulted from the multiplication of two matrixes
-     * and returns it. Both matrixes are not changed.
-     *
-     * @param {CSSMatrix} m1 the first matrix.
-     * @param {CSSMatrix} m2 the second matrix.
-     * @return {CSSMatrix} the resulted matrix.
-     */
-    function Multiply(m1: CSSMatrix, m2: CSSMatrix): CSSMatrix;
-    /**
-     * Creates a new mutable `CSSMatrix` object given an array of floating point values.
-     *
-     * This static method invalidates arrays that contain non-number elements.
-     *
-     * If the array has six values, the result is a 2D matrix; if the array has 16 values,
-     * the result is a 3D matrix. Otherwise, a TypeError exception is thrown.
-     *
-     * @param {number[]} array an `Array` to feed values from.
-     * @return {CSSMatrix} the resulted matrix.
-     */
-    function fromArray(array: number[]): CSSMatrix;
-    /**
-     * Creates a new mutable `CSSMatrix` instance given an existing matrix or a
-     * `DOMMatrix` instance which provides the values for its properties.
-     *
-     * @param {CSSMatrix | DOMMatrix | DMNS.jsonMatrix} m the source matrix to feed values from.
-     * @return {CSSMatrix} the resulted matrix.
-     */
-    function fromMatrix(m: CSSMatrix | DOMMatrix | DMNS.jsonMatrix): CSSMatrix;
-    /**
-     * Creates a new mutable `CSSMatrix` instance given any valid CSS transform string.
-     *
-     * * `matrix(a, b, c, d, e, f)` - valid matrix() transform function
-     * * `matrix3d(m11, m12, m13, ...m44)` - valid matrix3d() transform function
-     * * `translate(tx, ty) rotateX(alpha)` - any valid transform function(s)
-     *
-     * @copyright thednp © 2021
-     *
-     * @param {string} source valid CSS transform string syntax.
-     * @return {CSSMatrix} the resulted matrix.
-     */
-    function fromString(source: string): CSSMatrix;
-    import DMVersion from "version";
-}
-declare module "index" {
-    export default CSSMatrix;
-    import CSSMatrix from "dommatrix";
-}
+export as namespace CSSMatrixNS;
+
+export {default as CSSMatrix} from './dommatrix';
+
+export declare type PointTuple = {
+  x: number;
+  y: number;
+  z: number;
+  w: number;
+};
+
+export declare type JSONMatrix = {
+    m11: number;
+    m12: number;
+    m13: number;
+    m14: number;
+    m21: number;
+    m22: number;
+    m23: number;
+    m24: number;
+    m31: number;
+    m32: number;
+    m33: number;
+    m34: number;
+    m41: number;
+    m42: number;
+    m43: number;
+    m44: number;
+    a: number;
+    b: number;
+    c: number;
+    d: number;
+    e: number;
+    f: number;
+};
+
+

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

113323

decreased by-0.32%

Number of package files

10

decreased by-16.67%

Lines of code

2611

decreased by-0.23%

No dependency changes