dothtml 5.2.3 → 5.2.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/arg-callback-obj.d.ts +29 -0
- package/lib/built-in-components/nav-link.d.ts +8 -0
- package/lib/built-in-components/router.d.ts +57 -0
- package/lib/component.d.ts +82 -0
- package/lib/dot-util.d.ts +26 -0
- package/lib/dot.d.ts +5 -0
- package/lib/dothtml.d.ts +27 -0
- package/lib/dothtml.js +2 -1
- package/lib/dothtml.js.LICENSE.txt +1 -0
- package/lib/dothtml.js.map +1 -0
- package/lib/err.d.ts +2 -0
- package/lib/event-bus.d.ts +10 -0
- package/lib/i-dot.d.ts +674 -0
- package/lib/node-polyfill.d.ts +2 -0
- package/lib/observable-array.d.ts +49 -0
- package/lib/styling/css-types.ts/css-angle.d.ts +7 -0
- package/lib/styling/css-types.ts/css-color.d.ts +9 -0
- package/lib/styling/css-types.ts/css-complex.d.ts +7 -0
- package/lib/styling/css-types.ts/css-data-type.d.ts +5 -0
- package/lib/styling/css-types.ts/css-filter.d.ts +22 -0
- package/lib/styling/css-types.ts/css-length.d.ts +7 -0
- package/lib/styling/css-types.ts/css-number.d.ts +6 -0
- package/lib/styling/css-types.ts/css-percentage.d.ts +5 -0
- package/lib/styling/css-types.ts/css-transform.d.ts +38 -0
- package/lib/styling/css-types.ts/css-unknown.d.ts +6 -0
- package/lib/styling/css-types.ts/css-url.d.ts +6 -0
- package/lib/styling/i-dotcss.d.ts +1085 -0
- package/lib/styling/style-builder.d.ts +24 -0
- package/lib/styling/unit-function-tables.d.ts +10 -0
- package/package.json +9 -8
- package/readme.md +11 -1
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
export default function ObservableArray(items: any): void;
|
|
2
|
+
/**
|
|
3
|
+
|
|
4
|
+
(function testing() {
|
|
5
|
+
|
|
6
|
+
var x = new ObservableArray(["a", "b", "c", "d"]);
|
|
7
|
+
|
|
8
|
+
console.log("original array: %o", x.slice());
|
|
9
|
+
|
|
10
|
+
x.addEventListener("itemadded", function(e) {
|
|
11
|
+
console.log("Added %o at index %d.", e.item, e.index);
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
x.addEventListener("itemset", function(e) {
|
|
15
|
+
console.log("Set index %d to %o.", e.index, e.item);
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
x.addEventListener("itemremoved", function(e) {
|
|
19
|
+
console.log("Removed %o at index %d.", e.item, e.index);
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
console.log("popping and unshifting...");
|
|
23
|
+
x.unshift(x.pop());
|
|
24
|
+
|
|
25
|
+
console.log("updated array: %o", x.slice());
|
|
26
|
+
|
|
27
|
+
console.log("reversing array...");
|
|
28
|
+
console.log("updated array: %o", x.reverse().slice());
|
|
29
|
+
|
|
30
|
+
console.log("splicing...");
|
|
31
|
+
x.splice(1, 2, "x");
|
|
32
|
+
console.log("setting index 2...");
|
|
33
|
+
x[2] = "foo";
|
|
34
|
+
|
|
35
|
+
console.log("setting length to 10...");
|
|
36
|
+
x.length = 10;
|
|
37
|
+
console.log("updated array: %o", x.slice());
|
|
38
|
+
|
|
39
|
+
console.log("setting length to 2...");
|
|
40
|
+
x.length = 2;
|
|
41
|
+
|
|
42
|
+
console.log("extracting first element via shift()");
|
|
43
|
+
x.shift();
|
|
44
|
+
|
|
45
|
+
console.log("updated array: %o", x.slice());
|
|
46
|
+
|
|
47
|
+
})();
|
|
48
|
+
|
|
49
|
+
*/
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { AngleUnits, ColorFormat, NumericLength, Percentage } from "../i-dotcss";
|
|
2
|
+
import CssDataType from "./css-data-type";
|
|
3
|
+
export default class CssFilter extends CssDataType {
|
|
4
|
+
simpleValue: string;
|
|
5
|
+
filters: Array<{
|
|
6
|
+
filter: string;
|
|
7
|
+
args: Array<any>;
|
|
8
|
+
}>;
|
|
9
|
+
constructor(value: any);
|
|
10
|
+
toString(): string;
|
|
11
|
+
private appendFilterString;
|
|
12
|
+
blur(v: NumericLength): this;
|
|
13
|
+
brightness(v: Percentage): this;
|
|
14
|
+
contrast(v: Percentage): this;
|
|
15
|
+
dropShadow(x: NumericLength, y: NumericLength, blur: NumericLength, color: ColorFormat): this;
|
|
16
|
+
grayscale(v: Percentage): this;
|
|
17
|
+
hueRotate(v: AngleUnits): this;
|
|
18
|
+
invert(v: Percentage): this;
|
|
19
|
+
opacity(v: Percentage): this;
|
|
20
|
+
sepia(v: Percentage): this;
|
|
21
|
+
saturate(v: Percentage): this;
|
|
22
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { NumericAngle, NumericLength } from "../i-dotcss";
|
|
2
|
+
import CssDataType from "./css-data-type";
|
|
3
|
+
export default class CssTransform extends CssDataType {
|
|
4
|
+
transformations: Array<{
|
|
5
|
+
transformation: string;
|
|
6
|
+
args: Array<any>;
|
|
7
|
+
}>;
|
|
8
|
+
finalMatrix: number[];
|
|
9
|
+
simpleValue: string;
|
|
10
|
+
constructor(value: any);
|
|
11
|
+
toString(): string;
|
|
12
|
+
private appendTransformString;
|
|
13
|
+
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;
|
|
14
|
+
matrix(a: number, b: number, c: number, d: number, tx: number, ty: number): this;
|
|
15
|
+
translate(x: NumericLength, y?: NumericLength): this;
|
|
16
|
+
translate3d(x: NumericLength, y: NumericLength, z: NumericLength): this;
|
|
17
|
+
translateX(x: NumericLength): this;
|
|
18
|
+
translateY(y: NumericLength): this;
|
|
19
|
+
translateZ(z: NumericLength): this;
|
|
20
|
+
scale(x: number, y?: number): this;
|
|
21
|
+
scale3d(x: number, y: number, z: number): this;
|
|
22
|
+
scaleX(x: number): this;
|
|
23
|
+
scaleY(y: number): this;
|
|
24
|
+
scaleZ(z: number): this;
|
|
25
|
+
rotate(x: NumericAngle): this;
|
|
26
|
+
rotate3d(x: number, y: number, z: number, a: NumericAngle): this;
|
|
27
|
+
rotate3dDeg(x: number, y: number, z: number, a: number): this;
|
|
28
|
+
rotate3dRad(x: number, y: number, z: number, a: number): this;
|
|
29
|
+
rotate3dGrad(x: number, y: number, z: number, a: number): this;
|
|
30
|
+
rotate3dTurn(x: number, y: number, z: number, a: number): this;
|
|
31
|
+
rotateX(x: NumericAngle): this;
|
|
32
|
+
rotateY(y: NumericAngle): this;
|
|
33
|
+
rotateZ(z: NumericAngle): this;
|
|
34
|
+
skew(x: NumericAngle, y?: NumericAngle): this;
|
|
35
|
+
skewX(x: NumericAngle): this;
|
|
36
|
+
skewY(y: NumericAngle): this;
|
|
37
|
+
perspective(d: NumericLength): this;
|
|
38
|
+
}
|