dommatrix - npm Package Compare versions

Comparing version 0.0.19 to 0.0.20

dist/dommatrix.esm.js

 /*!
-* DOMMatrix v0.0.19 (https://thednp.github.io/DOMMatrix/)
+* DOMMatrix v0.0.20 (https://thednp.github.io/DOMMatrix/)
 * Copyright 2021 © thednp
@@ -96,3 +96,3 @@ * Licensed under MIT (https://github.com/thednp/DOMMatrix/blob/master/LICENSE)
  *
- * @param {CSSMatrix | DOMMatrix | CSSMatrixNS.JSONMatrix} m the source matrix to feed values from.
+ * @param {CSSMatrix | DOMMatrix | CSSMatrix.JSONMatrix} m the source matrix to feed values from.
  * @return {CSSMatrix} the resulted matrix.
@@ -194,3 +194,3 @@ */
       m = y ? m.skewY(y) : m;
-    } else if (/[XYZ]/.test(prop) && x) {
+    } else if (/[XYZ]/.test(prop) && ['translate', 'rotate', 'scale', 'skew'].some((p) => prop.includes(p)) && x) {
       if (prop.includes('skew')) {
@@ -461,2 +461,3 @@ // @ts-ignore unfortunately
  * https://github.com/thednp/DOMMatrix/
+ * @class
  */
@@ -468,3 +469,2 @@
    * @param {any} args accepts all parameter configurations:
-   *
    * * valid CSS transform string,
@@ -626,3 +626,3 @@ * * CSSMatrix/DOMMatrix instance,
    *
-   * @return {CSSMatrixNS.JSONMatrix} an *Object* with all matrix values.
+   * @return {CSSMatrix.JSONMatrix} an *Object* with all matrix values.
    */
@@ -638,7 +638,6 @@ toJSON() {
    *
-   * @param {CSSMatrix | DOMMatrix | CSSMatrixNS.JSONMatrix} m2 CSSMatrix
+   * @param {CSSMatrix | DOMMatrix | CSSMatrix.JSONMatrix} m2 CSSMatrix
    * @return {CSSMatrix} The resulted matrix.
    */
   multiply(m2) {
-    // @ts-ignore - we only access [m11, m12, ... m44] values
     return Multiply(this, m2);
@@ -760,4 +759,4 @@ }
    *
-   * @param {CSSMatrixNS.PointTuple | DOMPoint} v Tuple or DOMPoint
-   * @return {CSSMatrixNS.PointTuple} the resulting Tuple
+   * @param {CSSMatrix.PointTuple | DOMPoint} v Tuple or DOMPoint
+   * @return {CSSMatrix.PointTuple} the resulting Tuple
    */
@@ -784,4 +783,4 @@ transformPoint(v) {
    *
-   * @param {CSSMatrixNS.PointTuple} t Tuple with `{x,y,z,w}` components
-   * @return {CSSMatrixNS.PointTuple} the resulting Tuple
+   * @param {CSSMatrix.PointTuple} t Tuple with `{x,y,z,w}` components
+   * @return {CSSMatrix.PointTuple} the resulting Tuple
    */
@@ -805,13 +804,16 @@ transform(t) {
 // Add Transform Functions to CSSMatrix object
-CSSMatrix.Translate = Translate;
-CSSMatrix.Rotate = Rotate;
-CSSMatrix.RotateAxisAngle = RotateAxisAngle;
-CSSMatrix.Scale = Scale;
-CSSMatrix.SkewX = SkewX;
-CSSMatrix.SkewY = SkewY;
-CSSMatrix.Multiply = Multiply;
-CSSMatrix.fromArray = fromArray;
-CSSMatrix.fromMatrix = fromMatrix;
-CSSMatrix.fromString = fromString;
+// Don't create a TS namespace here
+Object.assign(CSSMatrix, {
+  Translate,
+  Rotate,
+  RotateAxisAngle,
+  Scale,
+  SkewX,
+  SkewY,
+  Multiply,
+  fromArray,
+  fromMatrix,
+  fromString,
+});
 
 export { CSSMatrix as default };

dist/dommatrix.esm.min.js

@@ -1,2 +0,2 @@
-// DOMMatrix v0.0.19 | 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};
+// DOMMatrix v0.0.20 | 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)&&["translate","rotate","scale","skew"].some(m=>e.includes(m))&&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}}}Object.assign(c,{Translate:r,Rotate:n,RotateAxisAngle:s,Scale:i,SkewX:a,SkewY:o,Multiply:l,fromArray:m,fromMatrix:t,fromString:e});export{c as default};

dist/dommatrix.js

 /*!
-* DOMMatrix v0.0.19 (https://thednp.github.io/DOMMatrix/)
+* DOMMatrix v0.0.20 (https://thednp.github.io/DOMMatrix/)
 * Copyright 2021 © thednp
@@ -119,3 +119,3 @@ * Licensed under MIT (https://github.com/thednp/DOMMatrix/blob/master/LICENSE)
    *
-   * @param {CSSMatrix | DOMMatrix | CSSMatrixNS.JSONMatrix} m the source matrix to feed values from.
+   * @param {CSSMatrix | DOMMatrix | CSSMatrix.JSONMatrix} m the source matrix to feed values from.
    * @return {CSSMatrix} the resulted matrix.
@@ -226,3 +226,3 @@ */
         m = y ? m.skewY(y) : m;
-      } else if (/[XYZ]/.test(prop) && x) {
+      } else if (/[XYZ]/.test(prop) && ['translate', 'rotate', 'scale', 'skew'].some(function (p) { return prop.includes(p); }) && x) {
         if (prop.includes('skew')) {
@@ -493,2 +493,3 @@ // @ts-ignore unfortunately
    * https://github.com/thednp/DOMMatrix/
+   * @class
    */
@@ -654,3 +655,3 @@
    *
-   * @return {CSSMatrixNS.JSONMatrix} an *Object* with all matrix values.
+   * @return {CSSMatrix.JSONMatrix} an *Object* with all matrix values.
    */
@@ -666,7 +667,6 @@ CSSMatrix.prototype.toJSON = function toJSON () {
    *
-   * @param {CSSMatrix | DOMMatrix | CSSMatrixNS.JSONMatrix} m2 CSSMatrix
+   * @param {CSSMatrix | DOMMatrix | CSSMatrix.JSONMatrix} m2 CSSMatrix
    * @return {CSSMatrix} The resulted matrix.
    */
   CSSMatrix.prototype.multiply = function multiply (m2) {
-    // @ts-ignore - we only access [m11, m12, ... m44] values
     return Multiply(this, m2);
@@ -788,4 +788,4 @@ };
    *
-   * @param {CSSMatrixNS.PointTuple | DOMPoint} v Tuple or DOMPoint
-   * @return {CSSMatrixNS.PointTuple} the resulting Tuple
+   * @param {CSSMatrix.PointTuple | DOMPoint} v Tuple or DOMPoint
+   * @return {CSSMatrix.PointTuple} the resulting Tuple
    */
@@ -812,4 +812,4 @@ CSSMatrix.prototype.transformPoint = function transformPoint (v) {
    *
-   * @param {CSSMatrixNS.PointTuple} t Tuple with `{x,y,z,w}` components
-   * @return {CSSMatrixNS.PointTuple} the resulting Tuple
+   * @param {CSSMatrix.PointTuple} t Tuple with `{x,y,z,w}` components
+   * @return {CSSMatrix.PointTuple} the resulting Tuple
    */
@@ -834,12 +834,15 @@ CSSMatrix.prototype.transform = function transform (t) {
   // Add Transform Functions to CSSMatrix object
-  CSSMatrix.Translate = Translate;
-  CSSMatrix.Rotate = Rotate;
-  CSSMatrix.RotateAxisAngle = RotateAxisAngle;
-  CSSMatrix.Scale = Scale;
-  CSSMatrix.SkewX = SkewX;
-  CSSMatrix.SkewY = SkewY;
-  CSSMatrix.Multiply = Multiply;
-  CSSMatrix.fromArray = fromArray;
-  CSSMatrix.fromMatrix = fromMatrix;
-  CSSMatrix.fromString = fromString;
+  // Don't create a TS namespace here
+  Object.assign(CSSMatrix, {
+    Translate: Translate,
+    Rotate: Rotate,
+    RotateAxisAngle: RotateAxisAngle,
+    Scale: Scale,
+    SkewX: SkewX,
+    SkewY: SkewY,
+    Multiply: Multiply,
+    fromArray: fromArray,
+    fromMatrix: fromMatrix,
+    fromString: fromString,
+  });
 
@@ -846,0 +849,0 @@ return CSSMatrix;

dist/dommatrix.min.js

@@ -1,2 +0,2 @@
-// DOMMatrix v0.0.19 | 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}));
+// DOMMatrix v0.0.20 | 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],w=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=w}else{if(6!==r.length)throw new TypeError("CSSMatrix: expecting an Array of 6/16 values.");var x=r[0],N=r[1],b=r[2],g=r[3],S=r[4],A=r[5];t.m11=x,t.a=x,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)&&["translate","rotate","scale","skew"].some((function(m){return r.includes(m)}))&&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 w=2*(l*c*s-p*a*o);n.m21=w,n.c=w;var x=1-2*(v+y)*s;return n.m22=x,n.d=x,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),Object.assign(f,{Translate:e,Rotate:n,RotateAxisAngle:i,Scale:a,SkewX:o,SkewY:s,Multiply:u,fromArray:m,fromMatrix:t,fromString:r}),f}));

package.json

 {
   "name": "dommatrix",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "description": "ES6+ shim for DOMMatrix",
@@ -56,4 +56,4 @@ "main": "dist/dommatrix.js",
     "rollup": "^2.28.1",
-    "typescript": "^4.4.4"
+    "typescript": "^4.5.2"
   }
 }

README.md

@@ -9,4 +9,10 @@ # DOMMatrix shim
 
-The constructor is almost equivalent with the **DOMMatrix** in many respects, but tries to keep a sense of simplicity. In that note, we haven't implemented [DOMMatrixReadOnly](https://developer.mozilla.org/en-US/docs/Web/API/DOMMatrixReadOnly) methods like `flipX()` or `inverse()` or aliases for the main methods like `translateSelf` or the old `rotate3d`.
+The constructor is close to the **DOMMatrix Interface** in many respects, but tries to keep a sense of simplicity. In that note, we haven't implemented [DOMMatrixReadOnly](https://developer.mozilla.org/en-US/docs/Web/API/DOMMatrixReadOnly) methods like `flipX()` or `inverse()` or aliases for the main methods like `translateSelf` or the old `rotate3d`.
 
+DOMMatrix shim is meant to be a light pocket tool for [many things](http://thednp.github.io/svg-path-commander), for a complete polyfill you might want to also consider more  [geometry-interfaces](https://github.com/trusktr/geometry-interfaces)
+and [geometry-polyfill](https://github.com/jarek-foksa/geometry-polyfill).
+
+This library implements a full transform string parsing via the static method `.fromString()`, which produce results inline with the DOMMatrix Interface as well as a very [elegant method](https://github.com/jsidea/jsidea/blob/2b4486c131d5cca2334293936fa13454b34fcdef/ts/jsidea/geom/Matrix3D.ts#L788) to determine `is2D`. Before moving to the [technical details](#More-info) of this script, have a look at the demo.
+
+
 # Demo
@@ -74,9 +80,11 @@ See DOMMatrix shim in action, [click me](https://thednp.github.io/DOMMatrix) and start transforming.
 * *not supported* `translateSelf()` or `rotateSelf()` instance methods of the *DOMMatrix* prototype are not supported, instead we only implemented the most used *DOMMatrixReadOnly* instance methods.
+* *not supported* `scaleNonUniformSelf()` or `rotate3d()` with `{x, y, z}` transform origin parameters are not implemented.
 
 
 # Thanks
+* Joe Pea for his [geometry-interfaces](https://github.com/trusktr/geometry-interfaces)
+* Jarek Foksa for his [geometry-polyfill](https://github.com/jarek-foksa/geometry-polyfill)
 * Arian Stolwijk for his [CSSMatrix](https://github.com/arian/CSSMatrix/)
 
-
 # License
 DOMMatrix shim is [MIT Licensed](https://github.com/thednp/DOMMatrix/blob/master/LICENSE).

src/dommatrix.js

@@ -18,3 +18,3 @@ // DOMMatrix Static methods
  */
-function fromArray(array) {
+export function fromArray(array) {
   if (!array.every((n) => !Number.isNaN(n))) {
@@ -92,6 +92,6 @@ throw TypeError(`CSSMatrix: "${array}" must only have numbers.`);
  *
- * @param {CSSMatrix | DOMMatrix | CSSMatrixNS.JSONMatrix} m the source matrix to feed values from.
+ * @param {CSSMatrix | DOMMatrix | CSSMatrix.JSONMatrix} m the source matrix to feed values from.
  * @return {CSSMatrix} the resulted matrix.
  */
-function fromMatrix(m) {
+export function fromMatrix(m) {
   const keys = [
@@ -126,3 +126,3 @@ 'm11', 'm12', 'm13', 'm14',
  */
-function fromString(source) {
+export function fromString(source) {
   if (typeof source !== 'string') {
@@ -191,3 +191,3 @@ throw TypeError(`CSSMatrix: "${source}" is not a string.`);
       m = y ? m.skewY(y) : m;
-    } else if (/[XYZ]/.test(prop) && x) {
+    } else if (/[XYZ]/.test(prop) && ['translate', 'rotate', 'scale', 'skew'].some((p) => prop.includes(p)) && x) {
       if (prop.includes('skew')) {
@@ -229,3 +229,3 @@ // @ts-ignore unfortunately
  */
-function Translate(x, y, z) {
+export function Translate(x, y, z) {
   const m = new CSSMatrix();
@@ -250,3 +250,3 @@ m.m41 = x;
  */
-function Rotate(rx, ry, rz) {
+export function Rotate(rx, ry, rz) {
   const m = new CSSMatrix();
@@ -306,3 +306,3 @@ const degToRad = Math.PI / 180;
  */
-function RotateAxisAngle(x, y, z, alpha) {
+export function RotateAxisAngle(x, y, z, alpha) {
   const m = new CSSMatrix();
@@ -370,3 +370,3 @@ const angle = alpha * (Math.PI / 360);
  */
-function Scale(x, y, z) {
+export function Scale(x, y, z) {
   const m = new CSSMatrix();
@@ -392,3 +392,3 @@ m.m11 = x;
  */
-function SkewX(angle) {
+export function SkewX(angle) {
   const m = new CSSMatrix();
@@ -411,3 +411,3 @@ const radA = (angle * Math.PI) / 180;
  */
-function SkewY(angle) {
+export function SkewY(angle) {
   const m = new CSSMatrix();
@@ -429,3 +429,3 @@ const radA = (angle * Math.PI) / 180;
  */
-function Multiply(m1, m2) {
+export function Multiply(m1, m2) {
   const m11 = m2.m11 * m1.m11 + m2.m12 * m1.m21 + m2.m13 * m1.m31 + m2.m14 * m1.m41;
@@ -465,2 +465,3 @@ const m12 = m2.m11 * m1.m12 + m2.m12 * m1.m22 + m2.m13 * m1.m32 + m2.m14 * m1.m42;
  * https://github.com/thednp/DOMMatrix/
+ * @class
  */
@@ -472,3 +473,2 @@
    * @param {any} args accepts all parameter configurations:
-   *
    * * valid CSS transform string,
@@ -630,3 +630,3 @@ * * CSSMatrix/DOMMatrix instance,
    *
-   * @return {CSSMatrixNS.JSONMatrix} an *Object* with all matrix values.
+   * @return {CSSMatrix.JSONMatrix} an *Object* with all matrix values.
    */
@@ -642,7 +642,6 @@ toJSON() {
    *
-   * @param {CSSMatrix | DOMMatrix | CSSMatrixNS.JSONMatrix} m2 CSSMatrix
+   * @param {CSSMatrix | DOMMatrix | CSSMatrix.JSONMatrix} m2 CSSMatrix
    * @return {CSSMatrix} The resulted matrix.
    */
   multiply(m2) {
-    // @ts-ignore - we only access [m11, m12, ... m44] values
     return Multiply(this, m2);
@@ -764,4 +763,4 @@ }
    *
-   * @param {CSSMatrixNS.PointTuple | DOMPoint} v Tuple or DOMPoint
-   * @return {CSSMatrixNS.PointTuple} the resulting Tuple
+   * @param {CSSMatrix.PointTuple | DOMPoint} v Tuple or DOMPoint
+   * @return {CSSMatrix.PointTuple} the resulting Tuple
    */
@@ -788,4 +787,4 @@ transformPoint(v) {
    *
-   * @param {CSSMatrixNS.PointTuple} t Tuple with `{x,y,z,w}` components
-   * @return {CSSMatrixNS.PointTuple} the resulting Tuple
+   * @param {CSSMatrix.PointTuple} t Tuple with `{x,y,z,w}` components
+   * @return {CSSMatrix.PointTuple} the resulting Tuple
    */
@@ -809,13 +808,16 @@ transform(t) {
 // Add Transform Functions to CSSMatrix object
-CSSMatrix.Translate = Translate;
-CSSMatrix.Rotate = Rotate;
-CSSMatrix.RotateAxisAngle = RotateAxisAngle;
-CSSMatrix.Scale = Scale;
-CSSMatrix.SkewX = SkewX;
-CSSMatrix.SkewY = SkewY;
-CSSMatrix.Multiply = Multiply;
-CSSMatrix.fromArray = fromArray;
-CSSMatrix.fromMatrix = fromMatrix;
-CSSMatrix.fromString = fromString;
+// Don't create a TS namespace here
+Object.assign(CSSMatrix, {
+  Translate,
+  Rotate,
+  RotateAxisAngle,
+  Scale,
+  SkewX,
+  SkewY,
+  Multiply,
+  fromArray,
+  fromMatrix,
+  fromString,
+});
 
 export default CSSMatrix;

types/dommatrix.d.ts

@@ -0,18 +1,13 @@
+export function fromArray(array: number[]): CSSMatrix;
+export function fromMatrix(m: CSSMatrix | DOMMatrix | CSSMatrix.JSONMatrix): CSSMatrix;
+export function fromString(source: string): CSSMatrix;
+export function Translate(x: number, y: number, z: number): CSSMatrix;
+export function Rotate(rx: number, ry: number, rz: number): CSSMatrix;
+export function RotateAxisAngle(x: number, y: number, z: number, alpha: number): CSSMatrix;
+export function Scale(x: number, y: number, z: number): CSSMatrix;
+export function SkewX(angle: number): CSSMatrix;
+export function SkewY(angle: number): CSSMatrix;
+export function Multiply(m1: CSSMatrix, m2: CSSMatrix): CSSMatrix;
 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/
- */
 declare 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);
@@ -41,294 +36,19 @@ a: 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 {CSSMatrixNS.JSONMatrix} an *Object* with all matrix values.
-     */
-    toJSON(): CSSMatrixNS.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 | CSSMatrixNS.JSONMatrix} m2 CSSMatrix
-     * @return {CSSMatrix} The resulted matrix.
-     */
-    multiply(m2: CSSMatrix | DOMMatrix | CSSMatrixNS.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
-     */
+    toJSON(): CSSMatrix.JSONMatrix;
+    multiply(m2: CSSMatrix | DOMMatrix | CSSMatrix.JSONMatrix): CSSMatrix;
     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 {CSSMatrixNS.PointTuple | DOMPoint} v Tuple or DOMPoint
-     * @return {CSSMatrixNS.PointTuple} the resulting Tuple
-     */
-    transformPoint(v: CSSMatrixNS.PointTuple | DOMPoint): CSSMatrixNS.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 {CSSMatrixNS.PointTuple} t Tuple with `{x,y,z,w}` components
-     * @return {CSSMatrixNS.PointTuple} the resulting Tuple
-     */
-    transform(t: CSSMatrixNS.PointTuple): CSSMatrixNS.PointTuple;
+    transformPoint(v: CSSMatrix.PointTuple | DOMPoint): CSSMatrix.PointTuple;
+    transform(t: CSSMatrix.PointTuple): CSSMatrix.PointTuple;
 }
-declare namespace CSSMatrix {
-    export { Translate };
-    export { Rotate };
-    export { RotateAxisAngle };
-    export { Scale };
-    export { SkewX };
-    export { SkewY };
-    export { Multiply };
-    export { fromArray };
-    export { fromMatrix };
-    export { fromString };
-}
-/**
- * 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.
- */
-declare 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.
- */
-declare 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.
- */
-declare 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.
- */
-declare 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.
- */
-declare 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.
- */
-declare 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.
- */
-declare 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.
- */
-declare 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 | CSSMatrixNS.JSONMatrix} m the source matrix to feed values from.
- * @return {CSSMatrix} the resulted matrix.
- */
-declare function fromMatrix(m: CSSMatrix | DOMMatrix | CSSMatrixNS.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.
- */
-declare function fromString(source: string): CSSMatrix;

types/index.d.ts

@@ -1,7 +0,5 @@
-export as namespace CSSMatrixNS;
+export as namespace CSSMatrix;
 export default CSSMatrix;
 
-import {default as CSSMatrix} from './dommatrix';
-
-export declare type PointTuple = {
+export type PointTuple = {
   x: number;
@@ -12,4 +10,3 @@ y: number;
 };
-
-export declare type JSONMatrix = {
+export type JSONMatrix = {
     m11: number;
@@ -39,2 +36,2 @@ m12: number;
 
-
+import * as CSSMatrix from './dommatrix';

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

Improved metrics

Number of lines in readme file

89

increased by9.88%

Worsened metrics

Total package byte prevSize

104288

decreased by-9.17%

Lines of code

2385

decreased by-10.24%

No dependency changes