dothtml 5.2.10 → 5.2.12

package/lib/styling/css-types.ts/css-complex.d.ts

@@ -1,7 +1,7 @@
-import CssDataType from "./css-data-type";
-export default class CssComplex extends CssDataType {
-    parts: string[];
-    numbers: string;
-    constructor(value: any);
-    toString(): string;
-}
+import CssDataType from "./css-data-type";
+export default class CssComplex extends CssDataType {
+    parts: string[];
+    numbers: string;
+    constructor(value: any);
+    toString(): string;
+}

package/lib/styling/css-types.ts/css-complex.js

@@ -1,23 +1,23 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const dot_util_1 = require("../../dot-util");
-const css_data_type_1 = __importDefault(require("./css-data-type"));
-class CssComplex extends css_data_type_1.default {
-    constructor(value) {
-        super("complex");
-        this.parts = (" " + value + " ").split(dot_util_1.floatRegex);
-        this.numbers = value.match(dot_util_1.floatRegex);
-    }
-    toString() {
-        var ret = this.parts[0];
-        for (var i = 0; i < this.numbers.length; i++) {
-            ret += this.numbers[i] + this.parts[i + 1];
-        }
-        return ret;
-    }
-}
-exports.default = CssComplex;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const dot_util_1 = require("../../dot-util");
+const css_data_type_1 = __importDefault(require("./css-data-type"));
+class CssComplex extends css_data_type_1.default {
+    constructor(value) {
+        super("complex");
+        this.parts = (" " + value + " ").split(dot_util_1.floatRegex);
+        this.numbers = value.match(dot_util_1.floatRegex);
+    }
+    toString() {
+        var ret = this.parts[0];
+        for (var i = 0; i < this.numbers.length; i++) {
+            ret += this.numbers[i] + this.parts[i + 1];
+        }
+        return ret;
+    }
+}
+exports.default = CssComplex;
 //# sourceMappingURL=css-complex.js.map

package/lib/styling/css-types.ts/css-data-type.d.ts

@@ -1,5 +1,5 @@
-export declare type CssDataTypeToken = "url" | "number" | "length" | "angle" | "color" | "transformation" | "filter" | "complex" | "unknown";
-export default abstract class CssDataType {
-    type: CssDataTypeToken;
-    constructor(type: CssDataTypeToken);
-}
+export declare type CssDataTypeToken = "url" | "number" | "length" | "angle" | "color" | "transformation" | "filter" | "complex" | "unknown";
+export default abstract class CssDataType {
+    type: CssDataTypeToken;
+    constructor(type: CssDataTypeToken);
+}

package/lib/styling/css-types.ts/css-data-type.js

@@ -1,9 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-class CssDataType {
-    constructor(type) {
-        this.type = type;
-    }
-}
-exports.default = CssDataType;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+class CssDataType {
+    constructor(type) {
+        this.type = type;
+    }
+}
+exports.default = CssDataType;
 //# sourceMappingURL=css-data-type.js.map

package/lib/styling/css-types.ts/css-filter.d.ts

@@ -1,22 +1,22 @@
-import { AngleUnits, ColorFormat, NumericLength, Percentage } from "../i-dotcss";
-import CssDataType from "./css-data-type";
-export default class CssFilter extends CssDataType {
-    simpleValue: string;
-    filters: Array<{
-        filter: string;
-        args: Array<any>;
-    }>;
-    constructor(value: any);
-    toString(): string;
-    private appendFilterString;
-    blur(v: NumericLength): this;
-    brightness(v: Percentage): this;
-    contrast(v: Percentage): this;
-    dropShadow(x: NumericLength, y: NumericLength, blur: NumericLength, color: ColorFormat): this;
-    grayscale(v: Percentage): this;
-    hueRotate(v: AngleUnits): this;
-    invert(v: Percentage): this;
-    opacity(v: Percentage): this;
-    sepia(v: Percentage): this;
-    saturate(v: Percentage): this;
-}
+import { AngleUnits, ColorFormat, NumericLength, Percentage } from "../i-dotcss";
+import CssDataType from "./css-data-type";
+export default class CssFilter extends CssDataType {
+    simpleValue: string;
+    filters: Array<{
+        filter: string;
+        args: Array<any>;
+    }>;
+    constructor(value: any);
+    toString(): string;
+    private appendFilterString;
+    blur(v: NumericLength): this;
+    brightness(v: Percentage): this;
+    contrast(v: Percentage): this;
+    dropShadow(x: NumericLength, y: NumericLength, blur: NumericLength, color: ColorFormat): this;
+    grayscale(v: Percentage): this;
+    hueRotate(v: AngleUnits): this;
+    invert(v: Percentage): this;
+    opacity(v: Percentage): this;
+    sepia(v: Percentage): this;
+    saturate(v: Percentage): this;
+}

package/lib/styling/css-types.ts/css-filter.js

@@ -1,121 +1,121 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const dot_util_1 = require("../../dot-util");
-const css_data_type_1 = __importDefault(require("./css-data-type"));
-const css_length_1 = __importDefault(require("./css-length"));
-const css_percentage_1 = __importDefault(require("./css-percentage"));
-const css_color_1 = __importDefault(require("./css-color"));
-class CssFilter extends css_data_type_1.default {
-    constructor(value) {
-        super("filter");
-        this.filters = [];
-        if (typeof value == "string") {
-            this.simpleValue = value;
-            return; //?? Need a better way to handle this.
-        }
-        else if ((0, dot_util_1.isF)(value)) {
-            value(this);
-            // console.log(this.toString());
-        }
-        //var ret = {value: value, type: cssDataType};
-        // The old way of doing transformations was that it was set up to accept a big string. The added complexity was to support animations.
-        // The new way is to use the builder. But I might want to come back and revisit the idea of accepting a string.
-        // For instance, a use case of accepting a string for a transformation is if we're trying to animate transforms generated by another framework.
-        // Not sure if that's realistic.
-        // var transformations = value.split(/\)\s*/); transformations.pop(); for(var i = 0; i < transformations.length; i++) transformations[i] += ")";
-        // // var cos = Math.cos; var sin = Math.sin; var tan = Math.tan;
-        // for(var t = 0; t < transformations.length; t++){
-        // 	var trans = transformations[t].trim();
-        // 	var parts = trans.split(/[\(\)]/);
-        // 	var func = parts[0]
-        // 	var p = parts[1].split(/\s*,\s*/)
-        // 	if(this[func]){
-        // 		this[func].apply(this, p);
-        // 	}
-        // }
-    }
-    toString() {
-        if (this.simpleValue) {
-            return this.simpleValue;
-        }
-        var ret = "";
-        for (var i = 0; i < this.filters.length; i++) {
-            var t = this.filters[i];
-            ret += t.filter + "(";
-            for (var k = 0; k < t.args.length; k++) {
-                ret += t.args[k].toString() + " ";
-            }
-            ret = ret.trim() + ") ";
-        }
-        return ret.trim();
-    }
-    appendFilterString(filter, args) {
-        //this.finalMatrix = dotcss.matrixMultiply3D(m, this.finalMatrix);
-        this.filters.push({ filter: filter, args: args });
-        /*if(this.value.length > 0) this.value += " ";
-        this.value += transformation + "(";
-        for(var i = 0; i < args.length; i++){
-            this.value += args[i] + (i == args.length -1 ? "" : ",")
-        }*/
-        return this;
-    }
-    blur(v) {
-        return this.appendFilterString("blur", [new css_length_1.default(v)]);
-    }
-    brightness(v) {
-        return this.appendFilterString("brightness", [new css_percentage_1.default(v)]);
-    }
-    contrast(v) {
-        return this.appendFilterString("contrast", [new css_percentage_1.default(v)]);
-    }
-    dropShadow(x, y, blur, color) {
-        return this.appendFilterString("drop-shadow", [new css_length_1.default(x), new css_length_1.default(y), new css_length_1.default(blur), new css_color_1.default(color)]);
-    }
-    grayscale(v) {
-        return this.appendFilterString("grayscale", [new css_percentage_1.default(v)]);
-    }
-    hueRotate(v) {
-        return this.appendFilterString("hue-rotate", [new css_percentage_1.default(v)]);
-    }
-    invert(v) {
-        return this.appendFilterString("invert", [new css_percentage_1.default(v)]);
-    }
-    opacity(v) {
-        return this.appendFilterString("opacity", [new css_percentage_1.default(v)]);
-    }
-    sepia(v) {
-        return this.appendFilterString("sepia", [new css_percentage_1.default(v)]);
-    }
-    saturate(v) {
-        return this.appendFilterString("saturate", [new css_percentage_1.default(v)]);
-    }
-}
-exports.default = CssFilter;
-// Extend the above with special length and degree functions.
-// TODO: when I have some time it would be nice to do the unit functions the same way we do for transforms.
-// const lengthFuncs = "translate|translate3d|translateX|translateY|translateZ|perspective".split("|");
-// const angleFuncs = "rotate|rotateX|rotateY|rotateZ|skew|skewX|skewY".split("|");
-// for(let i = 0; i < lengthFuncs.length; i++){
-// 	let F = lengthFuncs[i];
-// 	for(let u = 0; u < AllLengthUnits.length; u++){
-// 		let uu = AllLengthUnits[u];
-// 		CssTransform.prototype[F + (uu.jsName || uu.unit)] = function(){
-// 			for(var i = 0; i < arguments.length; i++) arguments[i] = arguments[i] + uu.unit.toLowerCase();
-// 			return CssTransform.prototype[F].apply(this, arguments);
-// 		}
-// 	}
-// }
-// for(let i = 0; i < angleFuncs.length; i++){
-// 	let F = angleFuncs[i];
-// 	for(let u = 0; u < AllAngleUnits.length; u++){
-// 		let uu = AllAngleUnits[u];
-// 		CssTransform.prototype[F + (uu.unit)] = function(){
-// 			for(var i = 0; i < arguments.length; i++) arguments[i] = arguments[i] + uu.unit.toLowerCase();
-// 			return CssTransform.prototype[F].apply(this, arguments);
-// 		}
-// 	}
-// }
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const dot_util_1 = require("../../dot-util");
+const css_data_type_1 = __importDefault(require("./css-data-type"));
+const css_length_1 = __importDefault(require("./css-length"));
+const css_percentage_1 = __importDefault(require("./css-percentage"));
+const css_color_1 = __importDefault(require("./css-color"));
+class CssFilter extends css_data_type_1.default {
+    constructor(value) {
+        super("filter");
+        this.filters = [];
+        if (typeof value == "string") {
+            this.simpleValue = value;
+            return; //?? Need a better way to handle this.
+        }
+        else if ((0, dot_util_1.isF)(value)) {
+            value(this);
+            // console.log(this.toString());
+        }
+        //var ret = {value: value, type: cssDataType};
+        // The old way of doing transformations was that it was set up to accept a big string. The added complexity was to support animations.
+        // The new way is to use the builder. But I might want to come back and revisit the idea of accepting a string.
+        // For instance, a use case of accepting a string for a transformation is if we're trying to animate transforms generated by another framework.
+        // Not sure if that's realistic.
+        // var transformations = value.split(/\)\s*/); transformations.pop(); for(var i = 0; i < transformations.length; i++) transformations[i] += ")";
+        // // var cos = Math.cos; var sin = Math.sin; var tan = Math.tan;
+        // for(var t = 0; t < transformations.length; t++){
+        // 	var trans = transformations[t].trim();
+        // 	var parts = trans.split(/[\(\)]/);
+        // 	var func = parts[0]
+        // 	var p = parts[1].split(/\s*,\s*/)
+        // 	if(this[func]){
+        // 		this[func].apply(this, p);
+        // 	}
+        // }
+    }
+    toString() {
+        if (this.simpleValue) {
+            return this.simpleValue;
+        }
+        var ret = "";
+        for (var i = 0; i < this.filters.length; i++) {
+            var t = this.filters[i];
+            ret += t.filter + "(";
+            for (var k = 0; k < t.args.length; k++) {
+                ret += t.args[k].toString() + " ";
+            }
+            ret = ret.trim() + ") ";
+        }
+        return ret.trim();
+    }
+    appendFilterString(filter, args) {
+        //this.finalMatrix = dotcss.matrixMultiply3D(m, this.finalMatrix);
+        this.filters.push({ filter: filter, args: args });
+        /*if(this.value.length > 0) this.value += " ";
+        this.value += transformation + "(";
+        for(var i = 0; i < args.length; i++){
+            this.value += args[i] + (i == args.length -1 ? "" : ",")
+        }*/
+        return this;
+    }
+    blur(v) {
+        return this.appendFilterString("blur", [new css_length_1.default(v)]);
+    }
+    brightness(v) {
+        return this.appendFilterString("brightness", [new css_percentage_1.default(v)]);
+    }
+    contrast(v) {
+        return this.appendFilterString("contrast", [new css_percentage_1.default(v)]);
+    }
+    dropShadow(x, y, blur, color) {
+        return this.appendFilterString("drop-shadow", [new css_length_1.default(x), new css_length_1.default(y), new css_length_1.default(blur), new css_color_1.default(color)]);
+    }
+    grayscale(v) {
+        return this.appendFilterString("grayscale", [new css_percentage_1.default(v)]);
+    }
+    hueRotate(v) {
+        return this.appendFilterString("hue-rotate", [new css_percentage_1.default(v)]);
+    }
+    invert(v) {
+        return this.appendFilterString("invert", [new css_percentage_1.default(v)]);
+    }
+    opacity(v) {
+        return this.appendFilterString("opacity", [new css_percentage_1.default(v)]);
+    }
+    sepia(v) {
+        return this.appendFilterString("sepia", [new css_percentage_1.default(v)]);
+    }
+    saturate(v) {
+        return this.appendFilterString("saturate", [new css_percentage_1.default(v)]);
+    }
+}
+exports.default = CssFilter;
+// Extend the above with special length and degree functions.
+// TODO: when I have some time it would be nice to do the unit functions the same way we do for transforms.
+// const lengthFuncs = "translate|translate3d|translateX|translateY|translateZ|perspective".split("|");
+// const angleFuncs = "rotate|rotateX|rotateY|rotateZ|skew|skewX|skewY".split("|");
+// for(let i = 0; i < lengthFuncs.length; i++){
+// 	let F = lengthFuncs[i];
+// 	for(let u = 0; u < AllLengthUnits.length; u++){
+// 		let uu = AllLengthUnits[u];
+// 		CssTransform.prototype[F + (uu.jsName || uu.unit)] = function(){
+// 			for(var i = 0; i < arguments.length; i++) arguments[i] = arguments[i] + uu.unit.toLowerCase();
+// 			return CssTransform.prototype[F].apply(this, arguments);
+// 		}
+// 	}
+// }
+// for(let i = 0; i < angleFuncs.length; i++){
+// 	let F = angleFuncs[i];
+// 	for(let u = 0; u < AllAngleUnits.length; u++){
+// 		let uu = AllAngleUnits[u];
+// 		CssTransform.prototype[F + (uu.unit)] = function(){
+// 			for(var i = 0; i < arguments.length; i++) arguments[i] = arguments[i] + uu.unit.toLowerCase();
+// 			return CssTransform.prototype[F].apply(this, arguments);
+// 		}
+// 	}
+// }
 //# sourceMappingURL=css-filter.js.map

package/lib/styling/css-types.ts/css-length.d.ts

@@ -1,7 +1,7 @@
-import CssDataType from "./css-data-type";
-export default class CssLength extends CssDataType {
-    length: number;
-    units: string;
-    constructor(value: string | number);
-    toString(): string;
-}
+import CssDataType from "./css-data-type";
+export default class CssLength extends CssDataType {
+    length: number;
+    units: string;
+    constructor(value: string | number);
+    toString(): string;
+}

package/lib/styling/css-types.ts/css-length.js

@@ -1,24 +1,24 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const dot_util_1 = require("../../dot-util");
-const css_data_type_1 = __importDefault(require("./css-data-type"));
-//TODO: this should support multiple lengths.
-// TODO: add some test cases to test these.
-class CssLength extends css_data_type_1.default {
-    constructor(value) {
-        super("length");
-        value = value || "0px";
-        if (!isNaN(value))
-            value = Math.round(value) + "px";
-        this.length = Number(value.match(dot_util_1.floatRegex)[0]);
-        this.units = value.split(dot_util_1.floatRegex)[1] || "px";
-    }
-    toString() {
-        return `${this.length}${this.units}`;
-    }
-}
-exports.default = CssLength;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const dot_util_1 = require("../../dot-util");
+const css_data_type_1 = __importDefault(require("./css-data-type"));
+//TODO: this should support multiple lengths.
+// TODO: add some test cases to test these.
+class CssLength extends css_data_type_1.default {
+    constructor(value) {
+        super("length");
+        value = value || "0px";
+        if (!isNaN(value))
+            value = Math.round(value) + "px";
+        this.length = Number(value.match(dot_util_1.floatRegex)[0]);
+        this.units = value.split(dot_util_1.floatRegex)[1] || "px";
+    }
+    toString() {
+        return `${this.length}${this.units}`;
+    }
+}
+exports.default = CssLength;
 //# sourceMappingURL=css-length.js.map

package/lib/styling/css-types.ts/css-number.d.ts

@@ -1,6 +1,6 @@
-import CssDataType from "./css-data-type";
-export default class CssNumber extends CssDataType {
-    value: number;
-    constructor(value: any);
-    toString(): number;
-}
+import CssDataType from "./css-data-type";
+export default class CssNumber extends CssDataType {
+    value: number;
+    constructor(value: any);
+    toString(): number;
+}

package/lib/styling/css-types.ts/css-number.js

@@ -1,17 +1,17 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const css_data_type_1 = __importDefault(require("./css-data-type"));
-class CssNumber extends css_data_type_1.default {
-    constructor(value) {
-        super("number");
-        this.value = Number(value);
-    }
-    toString() {
-        return this.value;
-    }
-}
-exports.default = CssNumber;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const css_data_type_1 = __importDefault(require("./css-data-type"));
+class CssNumber extends css_data_type_1.default {
+    constructor(value) {
+        super("number");
+        this.value = Number(value);
+    }
+    toString() {
+        return this.value;
+    }
+}
+exports.default = CssNumber;
 //# sourceMappingURL=css-number.js.map

package/lib/styling/css-types.ts/css-percentage.d.ts

@@ -1,5 +1,5 @@
-import CssLength from "./css-length";
-export default class CssPercentage extends CssLength {
-    length: number;
-    constructor(value: string | number);
-}
+import CssLength from "./css-length";
+export default class CssPercentage extends CssLength {
+    length: number;
+    constructor(value: string | number);
+}

package/lib/styling/css-types.ts/css-percentage.js

@@ -1,13 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const css_length_1 = __importDefault(require("./css-length"));
-class CssPercentage extends css_length_1.default {
-    constructor(value) {
-        super(isNaN(value) ? value : `${value}%`);
-    }
-}
-exports.default = CssPercentage;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const css_length_1 = __importDefault(require("./css-length"));
+class CssPercentage extends css_length_1.default {
+    constructor(value) {
+        super(isNaN(value) ? value : `${value}%`);
+    }
+}
+exports.default = CssPercentage;
 //# sourceMappingURL=css-percentage.js.map

package/lib/styling/css-types.ts/css-transform.d.ts

@@ -1,38 +1,38 @@
-import { NumericAngle, NumericLength } from "../i-dotcss";
-import CssDataType from "./css-data-type";
-export default class CssTransform extends CssDataType {
-    transformations: Array<{
-        transformation: string;
-        args: Array<any>;
-    }>;
-    finalMatrix: number[];
-    simpleValue: string;
-    constructor(value: any);
-    toString(): string;
-    private appendTransformString;
-    matrix3d(a1: number, b1: number, c1: number, d1: number, a2: number, b2: number, c2: number, d2: number, a3: number, b3: number, c3: number, d3: number, a4: number, b4: number, c4: number, d4: number): this;
-    matrix(a: number, b: number, c: number, d: number, tx: number, ty: number): this;
-    translate(x: NumericLength, y?: NumericLength): this;
-    translate3d(x: NumericLength, y: NumericLength, z: NumericLength): this;
-    translateX(x: NumericLength): this;
-    translateY(y: NumericLength): this;
-    translateZ(z: NumericLength): this;
-    scale(x: number, y?: number): this;
-    scale3d(x: number, y: number, z: number): this;
-    scaleX(x: number): this;
-    scaleY(y: number): this;
-    scaleZ(z: number): this;
-    rotate(x: NumericAngle): this;
-    rotate3d(x: number, y: number, z: number, a: NumericAngle): this;
-    rotate3dDeg(x: number, y: number, z: number, a: number): this;
-    rotate3dRad(x: number, y: number, z: number, a: number): this;
-    rotate3dGrad(x: number, y: number, z: number, a: number): this;
-    rotate3dTurn(x: number, y: number, z: number, a: number): this;
-    rotateX(x: NumericAngle): this;
-    rotateY(y: NumericAngle): this;
-    rotateZ(z: NumericAngle): this;
-    skew(x: NumericAngle, y?: NumericAngle): this;
-    skewX(x: NumericAngle): this;
-    skewY(y: NumericAngle): this;
-    perspective(d: NumericLength): this;
-}
+import { NumericAngle, NumericLength } from "../i-dotcss";
+import CssDataType from "./css-data-type";
+export default class CssTransform extends CssDataType {
+    transformations: Array<{
+        transformation: string;
+        args: Array<any>;
+    }>;
+    finalMatrix: number[];
+    simpleValue: string;
+    constructor(value: any);
+    toString(): string;
+    private appendTransformString;
+    matrix3d(a1: number, b1: number, c1: number, d1: number, a2: number, b2: number, c2: number, d2: number, a3: number, b3: number, c3: number, d3: number, a4: number, b4: number, c4: number, d4: number): this;
+    matrix(a: number, b: number, c: number, d: number, tx: number, ty: number): this;
+    translate(x: NumericLength, y?: NumericLength): this;
+    translate3d(x: NumericLength, y: NumericLength, z: NumericLength): this;
+    translateX(x: NumericLength): this;
+    translateY(y: NumericLength): this;
+    translateZ(z: NumericLength): this;
+    scale(x: number, y?: number): this;
+    scale3d(x: number, y: number, z: number): this;
+    scaleX(x: number): this;
+    scaleY(y: number): this;
+    scaleZ(z: number): this;
+    rotate(x: NumericAngle): this;
+    rotate3d(x: number, y: number, z: number, a: NumericAngle): this;
+    rotate3dDeg(x: number, y: number, z: number, a: number): this;
+    rotate3dRad(x: number, y: number, z: number, a: number): this;
+    rotate3dGrad(x: number, y: number, z: number, a: number): this;
+    rotate3dTurn(x: number, y: number, z: number, a: number): this;
+    rotateX(x: NumericAngle): this;
+    rotateY(y: NumericAngle): this;
+    rotateZ(z: NumericAngle): this;
+    skew(x: NumericAngle, y?: NumericAngle): this;
+    skewX(x: NumericAngle): this;
+    skewY(y: NumericAngle): this;
+    perspective(d: NumericLength): this;
+}