dothtml-interfaces 0.1.2 → 0.1.4

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.
@@ -0,0 +1,1198 @@
1
+ // Building blocks.
2
+ export type BasicCommonValues = "inherit"|"initial"|"unset"|"revert"|"revert-layer";
3
+ export type AbsoluteUnits = "cm"|"mm"|"in"|"px"|"pt"|"pc";
4
+ export type RelativeUnits = "em"|"ex"|"ch"|"rem"|"vw"|"vh"|"vmin"|"vmax"|"%";
5
+ export type AllUnits = AbsoluteUnits|RelativeUnits;
6
+ export type OptionalWhitespace = ""|" ";
7
+ export type UrlType = `url('${string}')`;
8
+ export type NumericLength = number|`${number}${AllUnits}`;
9
+ export type NumericLengthOrAuto = NumericLength|"auto";
10
+ export type AngleUnits = "deg"|"turn"|"rad"|"grad";
11
+ export type NumericAngle = number|`${number}${AngleUnits}`;
12
+ export type Percentage = number|`${number}%`; // Used for filters.
13
+
14
+ // ts starts complaining about the complexity of the type :(
15
+ //export declare type DigitStr = "0"|"1"|"2"|"3"|"4"|"5"|"6"|"7"|"8"|"9";
16
+ // export declare type HexStr = DigitStr|"A"|"B"|"C"|"D"|"E"|"F"|"a"|"b"|"c"|"d"|"e"|"f";
17
+
18
+ // Types
19
+ export type AppearanceValues = BasicCommonValues|"none"|"menulist-button"|"textfield"|"button"|"searchfield"|"textarea"|"push-button"|"slider-horizontal"|"checkbox"|"radio"|"square-button"|"menulist"|"listbox"|"meter"|"progress-bar"|"scrollbarbutton-up"|"button-bevel"|"media-mute-button"|"caret";
20
+ export type BackgroundAttachmentValues = BasicCommonValues|"scroll"|"fixed"|"local";
21
+ export type BackgroundRepeatValues = BasicCommonValues|"no-repeat"|"repeat"|"space"|"round";
22
+ export type BackgroundOriginValues = BasicCommonValues|"padding-box"|"border-box"|"content-box";
23
+ export type BackgroundSizeValues = BasicCommonValues|"auto"|NumericLength|"cover"|"contain";
24
+ export type BackfaceVisibilityValues = BasicCommonValues|"visible"|"hidden";
25
+ export type BorderStyles = BasicCommonValues|"dotted"|"dashed"|"solid"|"double"|"groove"|"ridge"|"inset"|"outset"|"none"|"hidden";
26
+ export type ColorName = BasicCommonValues|"aliceblue"|"antiquewhite"|"aqua"|"aquamarine"|"azure"|"beige"|"bisque"|"black"|"blanchedalmond"|"blue"|"blueviolet"|"brown"|"burlywood"|"cadetblue"|"chartreuse"|"chocolate"|"coral"|"cornflowerblue"|"cornsilk"|"crimson"|"cyan"|"darkblue"|"darkcyan"|"darkgoldenrod"|"darkgray"|"darkgrey"|"darkgreen"|"darkkhaki"|"darkmagenta"|"darkolivegreen"|"darkorange"|"darkorchid"|"darkred"|"darksalmon"|"darkseagreen"|"darkslateblue"|"darkslategray"|"darkslategrey"|"darkturquoise"|"darkviolet"|"deeppink"|"deepskyblue"|"dimgray"|"dimgrey"|"dodgerblue"|"firebrick"|"floralwhite"|"forestgreen"|"fuchsia"|"gainsboro"|"ghostwhite"|"gold"|"goldenrod"|"gray"|"grey"|"green"|"greenyellow"|"honeydew"|"hotpink"|"indianred"|"indigo"|"ivory"|"khaki"|"lavender"|"lavenderblush"|"lawngreen"|"lemonchiffon"|"lightblue"|"lightcoral"|"lightcyan"|"lightgoldenrodyellow"|"lightgray"|"lightgrey"|"lightgreen"|"lightpink"|"lightsalmon"|"lightseagreen"|"lightskyblue"|"lightslategray"|"lightslategrey"|"lightsteelblue"|"lightyellow"|"lime"|"limegreen"|"linen"|"magenta"|"maroon"|"mediumaquamarine"|"mediumblue"|"mediumorchid"|"mediumpurple"|"mediumseagreen"|"mediumslateblue"|"mediumspringgreen"|"mediumturquoise"|"mediumvioletred"|"midnightblue"|"mintcream"|"mistyrose"|"moccasin"|"navajowhite"|"navy"|"oldlace"|"olive"|"olivedrab"|"orange"|"orangered"|"orchid"|"palegoldenrod"|"palegreen"|"paleturquoise"|"palevioletred"|"papayawhip"|"peachpuff"|"peru"|"pink"|"plum"|"powderblue"|"purple"|"rebeccapurple"|"red"|"rosybrown"|"royalblue"|"saddlebrown"|"salmon"|"sandybrown"|"seagreen"|"seashell"|"sienna"|"silver"|"skyblue"|"slateblue"|"slategray"|"slategrey"|"snow"|"springgreen"|"steelblue"|"tan"|"teal"|"thistle"|"tomato"|"turquoise"|"violet"|"wheat"|"white"|"whitesmoke"|"yellow"|"yellowgreen";
27
+ export type DisplayValues = BasicCommonValues|"inline"|"block"|"contents"|"flex"|"grid"|"inline-block"|"inline-flex"|"inline-grid"|"inline-table"|"list-item"|"run-in"|"table"|"table-caption"|"table-column-group"|"table-header-group"|"table-footer-group"|"table-row-group"|"table-cell"|"table-column"|"table-row"|"none";
28
+ export type DirectionValues = BasicCommonValues|"ltr"|"rtl";
29
+ export type FontStyleValues = BasicCommonValues|"normal"|"italic"|"oblique";
30
+ export type FontVariantValues = BasicCommonValues|"normal"|"small-caps";
31
+ export type FontVariantCapsValues = FontVariantValues|"all-small-caps"|"petite-caps"|"all-petite-caps"|"unicase"|"titling-caps";
32
+ export type FontWeightValues = BasicCommonValues|number|"normal"|"bold"|"bolder"|"lighter";
33
+ export type LengthProp = BasicCommonValues|"maxHeight"|"minHeight"|"top"|"bottom"|"height"|"maxHidth"|"minWidth"|"right"|"left"|"width"|"margin"|"marginTop"|"marginBottom"|"marginLeft"|"marginRight"|"outlineOffset"|"padding"|"paddingTop"|"paddingBottom"|"paddingLeft"|"paddingRight"|"lineHeight"|"flexBasis"|"fontSize";
34
+ export type OutlineWidthValues = BasicCommonValues|"medium"|"thin"|"thick"|NumericLength;
35
+ export type PositionNames = BasicCommonValues|"static"|"relative"|"fixed"|"absolute"|"sticky";
36
+
37
+ export type FlexDirectionNames = BasicCommonValues|"row"|"row-reverse"|"column"|"column-reverse";
38
+ export type FlexWrapNames = BasicCommonValues|"nowrap"|"wrap"|"wrap-reverse";
39
+
40
+
41
+ // Advanced formatted types.
42
+ export type ColorFormat = BasicCommonValues|ColorName|number|`#${string}`|`rgb(${number},${OptionalWhitespace}${number},${OptionalWhitespace}${number})`|`rgba(${number},${OptionalWhitespace}${number},${OptionalWhitespace}${number},${OptionalWhitespace}${number})`|`hsl(${number},${OptionalWhitespace}${number}%,${OptionalWhitespace}${number}%)`|`hsla(${number},${OptionalWhitespace}${number}%,${OptionalWhitespace}${number}%,${OptionalWhitespace}${number})`;
43
+
44
+ export type BackgroundRepeatValues2d = BackgroundRepeatValues|"repeat-x"|"repeat-y"|`${BackgroundRepeatValues} ${BackgroundRepeatValues}`;
45
+ export type BorderShorthand = BasicCommonValues|`${BorderStyles}`|`${BorderStyles} ${ColorFormat}`|`${number}${AllUnits} ${BorderStyles} ${ColorFormat}`;
46
+ export type BackgroundImageFormat = BasicCommonValues|UrlType|`${UrlType}, ${UrlType}`;
47
+ export type BackgroundPositionShorthand2D = BasicCommonValues|`${BasicCommonValues|number} ${BasicCommonValues|number}`|`${number}% ${number}%`|`${"left"|"right"|"center"} ${"top"|"center"|"bottom"}`;
48
+ export type BackgroundShorthand = BasicCommonValues|`${ColorFormat} ${UrlType} ${BackgroundRepeatValues} ${BackgroundPositionShorthand2D}`;
49
+ export type FlexFlowShorthand = BasicCommonValues|`${FlexDirectionNames} ${FlexWrapNames}`;
50
+ export type FlexShorthand = BasicCommonValues|`${BasicCommonValues|number} ${BasicCommonValues|number} ${BasicCommonValues|`${number}${AllUnits}`}`;
51
+
52
+
53
+ interface IDotcssProp{
54
+ angleToDeg(a: number|string);
55
+ matrixMultiply3D(a: Array<number>, b: Array<number>): Array<number>;
56
+ lengthToPx(l: string|number, prop?: LengthProp, element?: Element);
57
+ angleSubtract(a, b);
58
+ url(url: string);
59
+ rgb(r: number, g: number, b: number);
60
+ rgba(r: number, g: number, b: number, a: number);
61
+ buildTransform();
62
+ scopeToEl(el: HTMLElement);
63
+ cacheScopedStaticStyles(el: HTMLElement);
64
+ clearDynamicStyles(el: HTMLElement);
65
+ unscope();
66
+ formatNumberValue(value: number, unit?: string);
67
+
68
+ hide(params?: HideParams);
69
+ show(params?: ShowParams);
70
+ fadeOut(duration: number, complete: Function);
71
+ fadeIn(duration: number, complete: Function);
72
+
73
+ // Private.
74
+ //cacheScopedStaticStyles(el: HTMLElement);
75
+ //clearCachedStyles(el: HTMLElement);
76
+
77
+
78
+ // CSS PROPS!
79
+ // backgroundColor(values: string|Array<number>): IDotcssProp;
80
+ // backgroundColor(r: number, g: number, b: number, a?: number): IDotcssProp;
81
+ // color(values: string|Array<number>): IDotcssProp;
82
+ // color(r: number, g: number, b: number, a?: number): IDotcssProp;
83
+
84
+ // display(value: string): IDotcssProp;
85
+ // height: IDotcssAnimatable<string|number>;
86
+ // opacity: IDotcssAnimatable<string|number>;
87
+ // overflow(value: string): IDotcssProp;
88
+ // width: IDotcssAnimatable<string|number>;
89
+
90
+
91
+
92
+
93
+
94
+ //color:
95
+ color: IDotcssAnimatableColor;
96
+ backgroundColor: IDotcssAnimatableColor;
97
+ borderBottomColor: IDotcssAnimatableColor;
98
+ borderColor: IDotcssAnimatableColor;
99
+ borderLeftColor: IDotcssAnimatableColor;
100
+ borderRightColor: IDotcssAnimatableColor;
101
+ borderTopColor: IDotcssAnimatableColor;
102
+ textDecorationColor: IDotcssAnimatableColor;
103
+ outlineColor: IDotcssAnimatableColor;
104
+ columnRuleColor: IDotcssAnimatableColor;
105
+
106
+ //length:
107
+ backgroundSize: IDotcssAnimatable<BackgroundSizeValues>;
108
+ backgroundSizeCm: IDotcssAnimatable<number>;
109
+ backgroundSizeCh: IDotcssAnimatable<number>;
110
+ backgroundSizeEm: IDotcssAnimatable<number>;
111
+ backgroundSizeEx: IDotcssAnimatable<number>;
112
+ backgroundSizeIn: IDotcssAnimatable<number>;
113
+ backgroundSizeMm: IDotcssAnimatable<number>;
114
+ backgroundSizeP: IDotcssAnimatable<number>;
115
+ backgroundSizePc: IDotcssAnimatable<number>;
116
+ backgroundSizePt: IDotcssAnimatable<number>;
117
+ backgroundSizePx: IDotcssAnimatable<number>;
118
+ backgroundSizeRem: IDotcssAnimatable<number>;
119
+ backgroundSizeVh: IDotcssAnimatable<number>;
120
+ backgroundSizeVw: IDotcssAnimatable<number>;
121
+ backgroundSizeVMax: IDotcssAnimatable<number>;
122
+ backgroundSizeVMin: IDotcssAnimatable<number>;
123
+
124
+ blockSize: IDotcssAnimatable<NumericLength>;
125
+ blockSizeCm: IDotcssAnimatable<number>;
126
+ blockSizeCh: IDotcssAnimatable<number>;
127
+ blockSizeEm: IDotcssAnimatable<number>;
128
+ blockSizeEx: IDotcssAnimatable<number>;
129
+ blockSizeIn: IDotcssAnimatable<number>;
130
+ blockSizeMm: IDotcssAnimatable<number>;
131
+ blockSizeP: IDotcssAnimatable<number>;
132
+ blockSizePc: IDotcssAnimatable<number>;
133
+ blockSizePt: IDotcssAnimatable<number>;
134
+ blockSizePx: IDotcssAnimatable<number>;
135
+ blockSizeRem: IDotcssAnimatable<number>;
136
+ blockSizeVh: IDotcssAnimatable<number>;
137
+ blockSizeVw: IDotcssAnimatable<number>;
138
+ blockSizeVMax: IDotcssAnimatable<number>;
139
+ blockSizeVMin: IDotcssAnimatable<number>;
140
+
141
+ borderBottomLeftRadius: IDotcssAnimatable<NumericLength>;
142
+ borderBottomLeftRadiusCm: IDotcssAnimatable<number>;
143
+ borderBottomLeftRadiusCh: IDotcssAnimatable<number>;
144
+ borderBottomLeftRadiusEm: IDotcssAnimatable<number>;
145
+ borderBottomLeftRadiusEx: IDotcssAnimatable<number>;
146
+ borderBottomLeftRadiusIn: IDotcssAnimatable<number>;
147
+ borderBottomLeftRadiusMm: IDotcssAnimatable<number>;
148
+ borderBottomLeftRadiusP: IDotcssAnimatable<number>;
149
+ borderBottomLeftRadiusPc: IDotcssAnimatable<number>;
150
+ borderBottomLeftRadiusPt: IDotcssAnimatable<number>;
151
+ borderBottomLeftRadiusPx: IDotcssAnimatable<number>;
152
+ borderBottomLeftRadiusRem: IDotcssAnimatable<number>;
153
+ borderBottomLeftRadiusVh: IDotcssAnimatable<number>;
154
+ borderBottomLeftRadiusVw: IDotcssAnimatable<number>;
155
+ borderBottomLeftRadiusVMax: IDotcssAnimatable<number>;
156
+ borderBottomLeftRadiusVMin: IDotcssAnimatable<number>;
157
+
158
+ borderBottomRightRadius: IDotcssAnimatable<NumericLength>;
159
+ borderBottomRightRadiusCm: IDotcssAnimatable<number>;
160
+ borderBottomRightRadiusCh: IDotcssAnimatable<number>;
161
+ borderBottomRightRadiusEm: IDotcssAnimatable<number>;
162
+ borderBottomRightRadiusEx: IDotcssAnimatable<number>;
163
+ borderBottomRightRadiusIn: IDotcssAnimatable<number>;
164
+ borderBottomRightRadiusMm: IDotcssAnimatable<number>;
165
+ borderBottomRightRadiusP: IDotcssAnimatable<number>;
166
+ borderBottomRightRadiusPc: IDotcssAnimatable<number>;
167
+ borderBottomRightRadiusPt: IDotcssAnimatable<number>;
168
+ borderBottomRightRadiusPx: IDotcssAnimatable<number>;
169
+ borderBottomRightRadiusRem: IDotcssAnimatable<number>;
170
+ borderBottomRightRadiusVh: IDotcssAnimatable<number>;
171
+ borderBottomRightRadiusVw: IDotcssAnimatable<number>;
172
+ borderBottomRightRadiusVMax: IDotcssAnimatable<number>;
173
+ borderBottomRightRadiusVMin: IDotcssAnimatable<number>;
174
+
175
+ borderBottomWidth: IDotcssAnimatable<NumericLength>;
176
+ borderBottomWidthCm: IDotcssAnimatable<number>;
177
+ borderBottomWidthCh: IDotcssAnimatable<number>;
178
+ borderBottomWidthEm: IDotcssAnimatable<number>;
179
+ borderBottomWidthEx: IDotcssAnimatable<number>;
180
+ borderBottomWidthIn: IDotcssAnimatable<number>;
181
+ borderBottomWidthMm: IDotcssAnimatable<number>;
182
+ borderBottomWidthP: IDotcssAnimatable<number>;
183
+ borderBottomWidthPc: IDotcssAnimatable<number>;
184
+ borderBottomWidthPt: IDotcssAnimatable<number>;
185
+ borderBottomWidthPx: IDotcssAnimatable<number>;
186
+ borderBottomWidthRem: IDotcssAnimatable<number>;
187
+ borderBottomWidthVh: IDotcssAnimatable<number>;
188
+ borderBottomWidthVw: IDotcssAnimatable<number>;
189
+ borderBottomWidthVMax: IDotcssAnimatable<number>;
190
+ borderBottomWidthVMin: IDotcssAnimatable<number>;
191
+
192
+ borderImageWidth: IDotcssAnimatable<NumericLength>;
193
+ borderImageWidthCm: IDotcssAnimatable<number>;
194
+ borderImageWidthCh: IDotcssAnimatable<number>;
195
+ borderImageWidthEm: IDotcssAnimatable<number>;
196
+ borderImageWidthEx: IDotcssAnimatable<number>;
197
+ borderImageWidthIn: IDotcssAnimatable<number>;
198
+ borderImageWidthMm: IDotcssAnimatable<number>;
199
+ borderImageWidthP: IDotcssAnimatable<number>;
200
+ borderImageWidthPc: IDotcssAnimatable<number>;
201
+ borderImageWidthPt: IDotcssAnimatable<number>;
202
+ borderImageWidthPx: IDotcssAnimatable<number>;
203
+ borderImageWidthRem: IDotcssAnimatable<number>;
204
+ borderImageWidthVh: IDotcssAnimatable<number>;
205
+ borderImageWidthVw: IDotcssAnimatable<number>;
206
+ borderImageWidthVMax: IDotcssAnimatable<number>;
207
+ borderImageWidthVMin: IDotcssAnimatable<number>;
208
+
209
+ borderLeftWidth: IDotcssAnimatable<NumericLength>;
210
+ borderLeftWidthCm: IDotcssAnimatable<number>;
211
+ borderLeftWidthCh: IDotcssAnimatable<number>;
212
+ borderLeftWidthEm: IDotcssAnimatable<number>;
213
+ borderLeftWidthEx: IDotcssAnimatable<number>;
214
+ borderLeftWidthIn: IDotcssAnimatable<number>;
215
+ borderLeftWidthMm: IDotcssAnimatable<number>;
216
+ borderLeftWidthP: IDotcssAnimatable<number>;
217
+ borderLeftWidthPc: IDotcssAnimatable<number>;
218
+ borderLeftWidthPt: IDotcssAnimatable<number>;
219
+ borderLeftWidthPx: IDotcssAnimatable<number>;
220
+ borderLeftWidthRem: IDotcssAnimatable<number>;
221
+ borderLeftWidthVh: IDotcssAnimatable<number>;
222
+ borderLeftWidthVw: IDotcssAnimatable<number>;
223
+ borderLeftWidthVMax: IDotcssAnimatable<number>;
224
+ borderLeftWidthVMin: IDotcssAnimatable<number>;
225
+
226
+ borderRadius: IDotcssAnimatable<NumericLength>;
227
+ borderRadiusCm: IDotcssAnimatable<number>;
228
+ borderRadiusCh: IDotcssAnimatable<number>;
229
+ borderRadiusEm: IDotcssAnimatable<number>;
230
+ borderRadiusEx: IDotcssAnimatable<number>;
231
+ borderRadiusIn: IDotcssAnimatable<number>;
232
+ borderRadiusMm: IDotcssAnimatable<number>;
233
+ borderRadiusP: IDotcssAnimatable<number>;
234
+ borderRadiusPc: IDotcssAnimatable<number>;
235
+ borderRadiusPt: IDotcssAnimatable<number>;
236
+ borderRadiusPx: IDotcssAnimatable<number>;
237
+ borderRadiusRem: IDotcssAnimatable<number>;
238
+ borderRadiusVh: IDotcssAnimatable<number>;
239
+ borderRadiusVw: IDotcssAnimatable<number>;
240
+ borderRadiusVMax: IDotcssAnimatable<number>;
241
+ borderRadiusVMin: IDotcssAnimatable<number>;
242
+
243
+ borderRightWidth: IDotcssAnimatable<NumericLength>;
244
+ borderRightWidthCm: IDotcssAnimatable<number>;
245
+ borderRightWidthCh: IDotcssAnimatable<number>;
246
+ borderRightWidthEm: IDotcssAnimatable<number>;
247
+ borderRightWidthEx: IDotcssAnimatable<number>;
248
+ borderRightWidthIn: IDotcssAnimatable<number>;
249
+ borderRightWidthMm: IDotcssAnimatable<number>;
250
+ borderRightWidthP: IDotcssAnimatable<number>;
251
+ borderRightWidthPc: IDotcssAnimatable<number>;
252
+ borderRightWidthPt: IDotcssAnimatable<number>;
253
+ borderRightWidthPx: IDotcssAnimatable<number>;
254
+ borderRightWidthRem: IDotcssAnimatable<number>;
255
+ borderRightWidthVh: IDotcssAnimatable<number>;
256
+ borderRightWidthVw: IDotcssAnimatable<number>;
257
+ borderRightWidthVMax: IDotcssAnimatable<number>;
258
+ borderRightWidthVMin: IDotcssAnimatable<number>;
259
+
260
+ borderTopLeftRadius: IDotcssAnimatable<NumericLength>;
261
+ borderTopLeftRadiusCm: IDotcssAnimatable<number>;
262
+ borderTopLeftRadiusCh: IDotcssAnimatable<number>;
263
+ borderTopLeftRadiusEm: IDotcssAnimatable<number>;
264
+ borderTopLeftRadiusEx: IDotcssAnimatable<number>;
265
+ borderTopLeftRadiusIn: IDotcssAnimatable<number>;
266
+ borderTopLeftRadiusMm: IDotcssAnimatable<number>;
267
+ borderTopLeftRadiusP: IDotcssAnimatable<number>;
268
+ borderTopLeftRadiusPc: IDotcssAnimatable<number>;
269
+ borderTopLeftRadiusPt: IDotcssAnimatable<number>;
270
+ borderTopLeftRadiusPx: IDotcssAnimatable<number>;
271
+ borderTopLeftRadiusRem: IDotcssAnimatable<number>;
272
+ borderTopLeftRadiusVh: IDotcssAnimatable<number>;
273
+ borderTopLeftRadiusVw: IDotcssAnimatable<number>;
274
+ borderTopLeftRadiusVMax: IDotcssAnimatable<number>;
275
+ borderTopLeftRadiusVMin: IDotcssAnimatable<number>;
276
+
277
+ borderTopRightRadius: IDotcssAnimatable<NumericLength>;
278
+ borderTopRightRadiusCm: IDotcssAnimatable<number>;
279
+ borderTopRightRadiusCh: IDotcssAnimatable<number>;
280
+ borderTopRightRadiusEm: IDotcssAnimatable<number>;
281
+ borderTopRightRadiusEx: IDotcssAnimatable<number>;
282
+ borderTopRightRadiusIn: IDotcssAnimatable<number>;
283
+ borderTopRightRadiusMm: IDotcssAnimatable<number>;
284
+ borderTopRightRadiusP: IDotcssAnimatable<number>;
285
+ borderTopRightRadiusPc: IDotcssAnimatable<number>;
286
+ borderTopRightRadiusPt: IDotcssAnimatable<number>;
287
+ borderTopRightRadiusPx: IDotcssAnimatable<number>;
288
+ borderTopRightRadiusRem: IDotcssAnimatable<number>;
289
+ borderTopRightRadiusVh: IDotcssAnimatable<number>;
290
+ borderTopRightRadiusVw: IDotcssAnimatable<number>;
291
+ borderTopRightRadiusVMax: IDotcssAnimatable<number>;
292
+ borderTopRightRadiusVMin: IDotcssAnimatable<number>;
293
+
294
+ borderTopWidth: IDotcssAnimatable<NumericLength>;
295
+ borderTopWidthCm: IDotcssAnimatable<number>;
296
+ borderTopWidthCh: IDotcssAnimatable<number>;
297
+ borderTopWidthEm: IDotcssAnimatable<number>;
298
+ borderTopWidthEx: IDotcssAnimatable<number>;
299
+ borderTopWidthIn: IDotcssAnimatable<number>;
300
+ borderTopWidthMm: IDotcssAnimatable<number>;
301
+ borderTopWidthP: IDotcssAnimatable<number>;
302
+ borderTopWidthPc: IDotcssAnimatable<number>;
303
+ borderTopWidthPt: IDotcssAnimatable<number>;
304
+ borderTopWidthPx: IDotcssAnimatable<number>;
305
+ borderTopWidthRem: IDotcssAnimatable<number>;
306
+ borderTopWidthVh: IDotcssAnimatable<number>;
307
+ borderTopWidthVw: IDotcssAnimatable<number>;
308
+ borderTopWidthVMax: IDotcssAnimatable<number>;
309
+ borderTopWidthVMin: IDotcssAnimatable<number>;
310
+
311
+ borderWidth: IDotcssAnimatable<NumericLength>;
312
+ borderWidthCm: IDotcssAnimatable<number>;
313
+ borderWidthCh: IDotcssAnimatable<number>;
314
+ borderWidthEm: IDotcssAnimatable<number>;
315
+ borderWidthEx: IDotcssAnimatable<number>;
316
+ borderWidthIn: IDotcssAnimatable<number>;
317
+ borderWidthMm: IDotcssAnimatable<number>;
318
+ borderWidthP: IDotcssAnimatable<number>;
319
+ borderWidthPc: IDotcssAnimatable<number>;
320
+ borderWidthPt: IDotcssAnimatable<number>;
321
+ borderWidthPx: IDotcssAnimatable<number>;
322
+ borderWidthRem: IDotcssAnimatable<number>;
323
+ borderWidthVh: IDotcssAnimatable<number>;
324
+ borderWidthVw: IDotcssAnimatable<number>;
325
+ borderWidthVMax: IDotcssAnimatable<number>;
326
+ borderWidthVMin: IDotcssAnimatable<number>;
327
+
328
+ bottom: IDotcssAnimatable<NumericLengthOrAuto>;
329
+ bottomCm: IDotcssAnimatable<number>;
330
+ bottomCh: IDotcssAnimatable<number>;
331
+ bottomEm: IDotcssAnimatable<number>;
332
+ bottomEx: IDotcssAnimatable<number>;
333
+ bottomIn: IDotcssAnimatable<number>;
334
+ bottomMm: IDotcssAnimatable<number>;
335
+ bottomP: IDotcssAnimatable<number>;
336
+ bottomPc: IDotcssAnimatable<number>;
337
+ bottomPt: IDotcssAnimatable<number>;
338
+ bottomPx: IDotcssAnimatable<number>;
339
+ bottomRem: IDotcssAnimatable<number>;
340
+ bottomVh: IDotcssAnimatable<number>;
341
+ bottomVw: IDotcssAnimatable<number>;
342
+ bottomVMax: IDotcssAnimatable<number>;
343
+ bottomVMin: IDotcssAnimatable<number>;
344
+
345
+ gap: IDotcssAnimatable<NumericLength>;
346
+ gapCm: IDotcssAnimatable<number>;
347
+ gapCh: IDotcssAnimatable<number>;
348
+ gapEm: IDotcssAnimatable<number>;
349
+ gapEx: IDotcssAnimatable<number>;
350
+ gapIn: IDotcssAnimatable<number>;
351
+ gapMm: IDotcssAnimatable<number>;
352
+ gapP: IDotcssAnimatable<number>;
353
+ gapPc: IDotcssAnimatable<number>;
354
+ gapPt: IDotcssAnimatable<number>;
355
+ gapPx: IDotcssAnimatable<number>;
356
+ gapRem: IDotcssAnimatable<number>;
357
+ gapVh: IDotcssAnimatable<number>;
358
+ gapVw: IDotcssAnimatable<number>;
359
+ gapVMax: IDotcssAnimatable<number>;
360
+ gapVMin: IDotcssAnimatable<number>;
361
+
362
+ height: IDotcssAnimatable<NumericLengthOrAuto>;
363
+ heightCm: IDotcssAnimatable<number>;
364
+ heightCh: IDotcssAnimatable<number>;
365
+ heightEm: IDotcssAnimatable<number>;
366
+ heightEx: IDotcssAnimatable<number>;
367
+ heightIn: IDotcssAnimatable<number>;
368
+ heightMm: IDotcssAnimatable<number>;
369
+ heightP: IDotcssAnimatable<number>;
370
+ heightPc: IDotcssAnimatable<number>;
371
+ heightPt: IDotcssAnimatable<number>;
372
+ heightPx: IDotcssAnimatable<number>;
373
+ heightRem: IDotcssAnimatable<number>;
374
+ heightVh: IDotcssAnimatable<number>;
375
+ heightVw: IDotcssAnimatable<number>;
376
+ heightVMax: IDotcssAnimatable<number>;
377
+ heightVMin: IDotcssAnimatable<number>;
378
+
379
+ left: IDotcssAnimatable<NumericLengthOrAuto>;
380
+ leftCm: IDotcssAnimatable<number>;
381
+ leftCh: IDotcssAnimatable<number>;
382
+ leftEm: IDotcssAnimatable<number>;
383
+ leftEx: IDotcssAnimatable<number>;
384
+ leftIn: IDotcssAnimatable<number>;
385
+ leftMm: IDotcssAnimatable<number>;
386
+ leftP: IDotcssAnimatable<number>;
387
+ leftPc: IDotcssAnimatable<number>;
388
+ leftPt: IDotcssAnimatable<number>;
389
+ leftPx: IDotcssAnimatable<number>;
390
+ leftRem: IDotcssAnimatable<number>;
391
+ leftVh: IDotcssAnimatable<number>;
392
+ leftVw: IDotcssAnimatable<number>;
393
+ leftVMax: IDotcssAnimatable<number>;
394
+ leftVMin: IDotcssAnimatable<number>;
395
+
396
+ margin: IDotcssAnimatable<NumericLengthOrAuto>;
397
+ marginCm: IDotcssAnimatable<number>;
398
+ marginCh: IDotcssAnimatable<number>;
399
+ marginEm: IDotcssAnimatable<number>;
400
+ marginEx: IDotcssAnimatable<number>;
401
+ marginIn: IDotcssAnimatable<number>;
402
+ marginMm: IDotcssAnimatable<number>;
403
+ marginP: IDotcssAnimatable<number>;
404
+ marginPc: IDotcssAnimatable<number>;
405
+ marginPt: IDotcssAnimatable<number>;
406
+ marginPx: IDotcssAnimatable<number>;
407
+ marginRem: IDotcssAnimatable<number>;
408
+ marginVh: IDotcssAnimatable<number>;
409
+ marginVw: IDotcssAnimatable<number>;
410
+ marginVMax: IDotcssAnimatable<number>;
411
+ marginVMin: IDotcssAnimatable<number>;
412
+
413
+ marginBottom: IDotcssAnimatable<NumericLengthOrAuto>;
414
+ marginBottomCm: IDotcssAnimatable<number>;
415
+ marginBottomCh: IDotcssAnimatable<number>;
416
+ marginBottomEm: IDotcssAnimatable<number>;
417
+ marginBottomEx: IDotcssAnimatable<number>;
418
+ marginBottomIn: IDotcssAnimatable<number>;
419
+ marginBottomMm: IDotcssAnimatable<number>;
420
+ marginBottomP: IDotcssAnimatable<number>;
421
+ marginBottomPc: IDotcssAnimatable<number>;
422
+ marginBottomPt: IDotcssAnimatable<number>;
423
+ marginBottomPx: IDotcssAnimatable<number>;
424
+ marginBottomRem: IDotcssAnimatable<number>;
425
+ marginBottomVh: IDotcssAnimatable<number>;
426
+ marginBottomVw: IDotcssAnimatable<number>;
427
+ marginBottomVMax: IDotcssAnimatable<number>;
428
+ marginBottomVMin: IDotcssAnimatable<number>;
429
+
430
+ marginLeft: IDotcssAnimatable<NumericLengthOrAuto>;
431
+ marginLeftCm: IDotcssAnimatable<number>;
432
+ marginLeftCh: IDotcssAnimatable<number>;
433
+ marginLeftEm: IDotcssAnimatable<number>;
434
+ marginLeftEx: IDotcssAnimatable<number>;
435
+ marginLeftIn: IDotcssAnimatable<number>;
436
+ marginLeftMm: IDotcssAnimatable<number>;
437
+ marginLeftP: IDotcssAnimatable<number>;
438
+ marginLeftPc: IDotcssAnimatable<number>;
439
+ marginLeftPt: IDotcssAnimatable<number>;
440
+ marginLeftPx: IDotcssAnimatable<number>;
441
+ marginLeftRem: IDotcssAnimatable<number>;
442
+ marginLeftVh: IDotcssAnimatable<number>;
443
+ marginLeftVw: IDotcssAnimatable<number>;
444
+ marginLeftVMax: IDotcssAnimatable<number>;
445
+ marginLeftVMin: IDotcssAnimatable<number>;
446
+
447
+ marginRight: IDotcssAnimatable<NumericLengthOrAuto>;
448
+ marginRightCm: IDotcssAnimatable<number>;
449
+ marginRightCh: IDotcssAnimatable<number>;
450
+ marginRightEm: IDotcssAnimatable<number>;
451
+ marginRightEx: IDotcssAnimatable<number>;
452
+ marginRightIn: IDotcssAnimatable<number>;
453
+ marginRightMm: IDotcssAnimatable<number>;
454
+ marginRightP: IDotcssAnimatable<number>;
455
+ marginRightPc: IDotcssAnimatable<number>;
456
+ marginRightPt: IDotcssAnimatable<number>;
457
+ marginRightPx: IDotcssAnimatable<number>;
458
+ marginRightRem: IDotcssAnimatable<number>;
459
+ marginRightVh: IDotcssAnimatable<number>;
460
+ marginRightVw: IDotcssAnimatable<number>;
461
+ marginRightVMax: IDotcssAnimatable<number>;
462
+ marginRightVMin: IDotcssAnimatable<number>;
463
+
464
+ marginTop: IDotcssAnimatable<NumericLengthOrAuto>;
465
+ marginTopCm: IDotcssAnimatable<number>;
466
+ marginTopCh: IDotcssAnimatable<number>;
467
+ marginTopEm: IDotcssAnimatable<number>;
468
+ marginTopEx: IDotcssAnimatable<number>;
469
+ marginTopIn: IDotcssAnimatable<number>;
470
+ marginTopMm: IDotcssAnimatable<number>;
471
+ marginTopP: IDotcssAnimatable<number>;
472
+ marginTopPc: IDotcssAnimatable<number>;
473
+ marginTopPt: IDotcssAnimatable<number>;
474
+ marginTopPx: IDotcssAnimatable<number>;
475
+ marginTopRem: IDotcssAnimatable<number>;
476
+ marginTopVh: IDotcssAnimatable<number>;
477
+ marginTopVw: IDotcssAnimatable<number>;
478
+ marginTopVMax: IDotcssAnimatable<number>;
479
+ marginTopVMin: IDotcssAnimatable<number>;
480
+
481
+ maxHeight: IDotcssAnimatable<NumericLengthOrAuto>;
482
+ maxHeightCm: IDotcssAnimatable<number>;
483
+ maxHeightCh: IDotcssAnimatable<number>;
484
+ maxHeightEm: IDotcssAnimatable<number>;
485
+ maxHeightEx: IDotcssAnimatable<number>;
486
+ maxHeightIn: IDotcssAnimatable<number>;
487
+ maxHeightMm: IDotcssAnimatable<number>;
488
+ maxHeightP: IDotcssAnimatable<number>;
489
+ maxHeightPc: IDotcssAnimatable<number>;
490
+ maxHeightPt: IDotcssAnimatable<number>;
491
+ maxHeightPx: IDotcssAnimatable<number>;
492
+ maxHeightRem: IDotcssAnimatable<number>;
493
+ maxHeightVh: IDotcssAnimatable<number>;
494
+ maxHeightVw: IDotcssAnimatable<number>;
495
+ maxHeightVMax: IDotcssAnimatable<number>;
496
+ maxHeightVMin: IDotcssAnimatable<number>;
497
+
498
+ maxWidth: IDotcssAnimatable<NumericLengthOrAuto>;
499
+ maxWidthCm: IDotcssAnimatable<number>;
500
+ maxWidthCh: IDotcssAnimatable<number>;
501
+ maxWidthEm: IDotcssAnimatable<number>;
502
+ maxWidthEx: IDotcssAnimatable<number>;
503
+ maxWidthIn: IDotcssAnimatable<number>;
504
+ maxWidthMm: IDotcssAnimatable<number>;
505
+ maxWidthP: IDotcssAnimatable<number>;
506
+ maxWidthPc: IDotcssAnimatable<number>;
507
+ maxWidthPt: IDotcssAnimatable<number>;
508
+ maxWidthPx: IDotcssAnimatable<number>;
509
+ maxWidthRem: IDotcssAnimatable<number>;
510
+ maxWidthVh: IDotcssAnimatable<number>;
511
+ maxWidthVw: IDotcssAnimatable<number>;
512
+ maxWidthVMax: IDotcssAnimatable<number>;
513
+ maxWidthVMin: IDotcssAnimatable<number>;
514
+
515
+ minHeight: IDotcssAnimatable<NumericLengthOrAuto>;
516
+ minHeightCm: IDotcssAnimatable<number>;
517
+ minHeightCh: IDotcssAnimatable<number>;
518
+ minHeightEm: IDotcssAnimatable<number>;
519
+ minHeightEx: IDotcssAnimatable<number>;
520
+ minHeightIn: IDotcssAnimatable<number>;
521
+ minHeightMm: IDotcssAnimatable<number>;
522
+ minHeightP: IDotcssAnimatable<number>;
523
+ minHeightPc: IDotcssAnimatable<number>;
524
+ minHeightPt: IDotcssAnimatable<number>;
525
+ minHeightPx: IDotcssAnimatable<number>;
526
+ minHeightRem: IDotcssAnimatable<number>;
527
+ minHeightVh: IDotcssAnimatable<number>;
528
+ minHeightVw: IDotcssAnimatable<number>;
529
+ minHeightVMax: IDotcssAnimatable<number>;
530
+ minHeightVMin: IDotcssAnimatable<number>;
531
+
532
+ minWidth: IDotcssAnimatable<NumericLengthOrAuto>;
533
+ minWidthCm: IDotcssAnimatable<number>;
534
+ minWidthCh: IDotcssAnimatable<number>;
535
+ minWidthEm: IDotcssAnimatable<number>;
536
+ minWidthEx: IDotcssAnimatable<number>;
537
+ minWidthIn: IDotcssAnimatable<number>;
538
+ minWidthMm: IDotcssAnimatable<number>;
539
+ minWidthP: IDotcssAnimatable<number>;
540
+ minWidthPc: IDotcssAnimatable<number>;
541
+ minWidthPt: IDotcssAnimatable<number>;
542
+ minWidthPx: IDotcssAnimatable<number>;
543
+ minWidthRem: IDotcssAnimatable<number>;
544
+ minWidthVh: IDotcssAnimatable<number>;
545
+ minWidthVw: IDotcssAnimatable<number>;
546
+ minWidthVMax: IDotcssAnimatable<number>;
547
+ minWidthVMin: IDotcssAnimatable<number>;
548
+
549
+ outlineOffset: IDotcssAnimatable<NumericLength>;
550
+ outlineOffsetCm: IDotcssAnimatable<number>;
551
+ outlineOffsetCh: IDotcssAnimatable<number>;
552
+ outlineOffsetEm: IDotcssAnimatable<number>;
553
+ outlineOffsetEx: IDotcssAnimatable<number>;
554
+ outlineOffsetIn: IDotcssAnimatable<number>;
555
+ outlineOffsetMm: IDotcssAnimatable<number>;
556
+ outlineOffsetP: IDotcssAnimatable<number>;
557
+ outlineOffsetPc: IDotcssAnimatable<number>;
558
+ outlineOffsetPt: IDotcssAnimatable<number>;
559
+ outlineOffsetPx: IDotcssAnimatable<number>;
560
+ outlineOffsetRem: IDotcssAnimatable<number>;
561
+ outlineOffsetVh: IDotcssAnimatable<number>;
562
+ outlineOffsetVw: IDotcssAnimatable<number>;
563
+ outlineOffsetVMax: IDotcssAnimatable<number>;
564
+ outlineOffsetVMin: IDotcssAnimatable<number>;
565
+
566
+ padding: IDotcssAnimatable<NumericLengthOrAuto>;
567
+ paddingCm: IDotcssAnimatable<number>;
568
+ paddingCh: IDotcssAnimatable<number>;
569
+ paddingEm: IDotcssAnimatable<number>;
570
+ paddingEx: IDotcssAnimatable<number>;
571
+ paddingIn: IDotcssAnimatable<number>;
572
+ paddingMm: IDotcssAnimatable<number>;
573
+ paddingP: IDotcssAnimatable<number>;
574
+ paddingPc: IDotcssAnimatable<number>;
575
+ paddingPt: IDotcssAnimatable<number>;
576
+ paddingPx: IDotcssAnimatable<number>;
577
+ paddingRem: IDotcssAnimatable<number>;
578
+ paddingVh: IDotcssAnimatable<number>;
579
+ paddingVw: IDotcssAnimatable<number>;
580
+ paddingVMax: IDotcssAnimatable<number>;
581
+ paddingVMin: IDotcssAnimatable<number>;
582
+
583
+ paddingBottom: IDotcssAnimatable<NumericLengthOrAuto>;
584
+ paddingBottomCm: IDotcssAnimatable<number>;
585
+ paddingBottomCh: IDotcssAnimatable<number>;
586
+ paddingBottomEm: IDotcssAnimatable<number>;
587
+ paddingBottomEx: IDotcssAnimatable<number>;
588
+ paddingBottomIn: IDotcssAnimatable<number>;
589
+ paddingBottomMm: IDotcssAnimatable<number>;
590
+ paddingBottomP: IDotcssAnimatable<number>;
591
+ paddingBottomPc: IDotcssAnimatable<number>;
592
+ paddingBottomPt: IDotcssAnimatable<number>;
593
+ paddingBottomPx: IDotcssAnimatable<number>;
594
+ paddingBottomRem: IDotcssAnimatable<number>;
595
+ paddingBottomVh: IDotcssAnimatable<number>;
596
+ paddingBottomVw: IDotcssAnimatable<number>;
597
+ paddingBottomVMax: IDotcssAnimatable<number>;
598
+ paddingBottomVMin: IDotcssAnimatable<number>;
599
+
600
+ paddingLeft: IDotcssAnimatable<NumericLengthOrAuto>;
601
+ paddingLeftCm: IDotcssAnimatable<number>;
602
+ paddingLeftCh: IDotcssAnimatable<number>;
603
+ paddingLeftEm: IDotcssAnimatable<number>;
604
+ paddingLeftEx: IDotcssAnimatable<number>;
605
+ paddingLeftIn: IDotcssAnimatable<number>;
606
+ paddingLeftMm: IDotcssAnimatable<number>;
607
+ paddingLeftP: IDotcssAnimatable<number>;
608
+ paddingLeftPc: IDotcssAnimatable<number>;
609
+ paddingLeftPt: IDotcssAnimatable<number>;
610
+ paddingLeftPx: IDotcssAnimatable<number>;
611
+ paddingLeftRem: IDotcssAnimatable<number>;
612
+ paddingLeftVh: IDotcssAnimatable<number>;
613
+ paddingLeftVw: IDotcssAnimatable<number>;
614
+ paddingLeftVMax: IDotcssAnimatable<number>;
615
+ paddingLeftVMin: IDotcssAnimatable<number>;
616
+
617
+ paddingRight: IDotcssAnimatable<NumericLengthOrAuto>;
618
+ paddingRightCm: IDotcssAnimatable<number>;
619
+ paddingRightCh: IDotcssAnimatable<number>;
620
+ paddingRightEm: IDotcssAnimatable<number>;
621
+ paddingRightEx: IDotcssAnimatable<number>;
622
+ paddingRightIn: IDotcssAnimatable<number>;
623
+ paddingRightMm: IDotcssAnimatable<number>;
624
+ paddingRightP: IDotcssAnimatable<number>;
625
+ paddingRightPc: IDotcssAnimatable<number>;
626
+ paddingRightPt: IDotcssAnimatable<number>;
627
+ paddingRightPx: IDotcssAnimatable<number>;
628
+ paddingRightRem: IDotcssAnimatable<number>;
629
+ paddingRightVh: IDotcssAnimatable<number>;
630
+ paddingRightVw: IDotcssAnimatable<number>;
631
+ paddingRightVMax: IDotcssAnimatable<number>;
632
+ paddingRightVMin: IDotcssAnimatable<number>;
633
+
634
+ paddingTop: IDotcssAnimatable<NumericLengthOrAuto>;
635
+ paddingTopCm: IDotcssAnimatable<number>;
636
+ paddingTopCh: IDotcssAnimatable<number>;
637
+ paddingTopEm: IDotcssAnimatable<number>;
638
+ paddingTopEx: IDotcssAnimatable<number>;
639
+ paddingTopIn: IDotcssAnimatable<number>;
640
+ paddingTopMm: IDotcssAnimatable<number>;
641
+ paddingTopP: IDotcssAnimatable<number>;
642
+ paddingTopPc: IDotcssAnimatable<number>;
643
+ paddingTopPt: IDotcssAnimatable<number>;
644
+ paddingTopPx: IDotcssAnimatable<number>;
645
+ paddingTopRem: IDotcssAnimatable<number>;
646
+ paddingTopVh: IDotcssAnimatable<number>;
647
+ paddingTopVw: IDotcssAnimatable<number>;
648
+ paddingTopVMax: IDotcssAnimatable<number>;
649
+ paddingTopVMin: IDotcssAnimatable<number>;
650
+
651
+ right: IDotcssAnimatable<NumericLengthOrAuto>;
652
+ rightCm: IDotcssAnimatable<number>;
653
+ rightCh: IDotcssAnimatable<number>;
654
+ rightEm: IDotcssAnimatable<number>;
655
+ rightEx: IDotcssAnimatable<number>;
656
+ rightIn: IDotcssAnimatable<number>;
657
+ rightMm: IDotcssAnimatable<number>;
658
+ rightP: IDotcssAnimatable<number>;
659
+ rightPc: IDotcssAnimatable<number>;
660
+ rightPt: IDotcssAnimatable<number>;
661
+ rightPx: IDotcssAnimatable<number>;
662
+ rightRem: IDotcssAnimatable<number>;
663
+ rightVh: IDotcssAnimatable<number>;
664
+ rightVw: IDotcssAnimatable<number>;
665
+ rightVMax: IDotcssAnimatable<number>;
666
+ rightVMin: IDotcssAnimatable<number>;
667
+
668
+ textIndent: IDotcssAnimatable<NumericLengthOrAuto>;
669
+ textIndentCm: IDotcssAnimatable<number>;
670
+ textIndentCh: IDotcssAnimatable<number>;
671
+ textIndentEm: IDotcssAnimatable<number>;
672
+ textIndentEx: IDotcssAnimatable<number>;
673
+ textIndentIn: IDotcssAnimatable<number>;
674
+ textIndentMm: IDotcssAnimatable<number>;
675
+ textIndentP: IDotcssAnimatable<number>;
676
+ textIndentPc: IDotcssAnimatable<number>;
677
+ textIndentPt: IDotcssAnimatable<number>;
678
+ textIndentPx: IDotcssAnimatable<number>;
679
+ textIndentRem: IDotcssAnimatable<number>;
680
+ textIndentVh: IDotcssAnimatable<number>;
681
+ textIndentVw: IDotcssAnimatable<number>;
682
+ textIndentVMax: IDotcssAnimatable<number>;
683
+ textIndentVMin: IDotcssAnimatable<number>;
684
+
685
+ top: IDotcssAnimatable<NumericLengthOrAuto>;
686
+ topCm: IDotcssAnimatable<number>;
687
+ topCh: IDotcssAnimatable<number>;
688
+ topEm: IDotcssAnimatable<number>;
689
+ topEx: IDotcssAnimatable<number>;
690
+ topIn: IDotcssAnimatable<number>;
691
+ topMm: IDotcssAnimatable<number>;
692
+ topP: IDotcssAnimatable<number>;
693
+ topPc: IDotcssAnimatable<number>;
694
+ topPt: IDotcssAnimatable<number>;
695
+ topPx: IDotcssAnimatable<number>;
696
+ topRem: IDotcssAnimatable<number>;
697
+ topVh: IDotcssAnimatable<number>;
698
+ topVw: IDotcssAnimatable<number>;
699
+ topVMax: IDotcssAnimatable<number>;
700
+ topVMin: IDotcssAnimatable<number>;
701
+
702
+ width: IDotcssAnimatable<NumericLengthOrAuto>;
703
+ widthCm: IDotcssAnimatable<number>;
704
+ widthCh: IDotcssAnimatable<number>;
705
+ widthEm: IDotcssAnimatable<number>;
706
+ widthEx: IDotcssAnimatable<number>;
707
+ widthIn: IDotcssAnimatable<number>;
708
+ widthMm: IDotcssAnimatable<number>;
709
+ widthP: IDotcssAnimatable<number>;
710
+ widthPc: IDotcssAnimatable<number>;
711
+ widthPt: IDotcssAnimatable<number>;
712
+ widthPx: IDotcssAnimatable<number>;
713
+ widthRem: IDotcssAnimatable<number>;
714
+ widthVh: IDotcssAnimatable<number>;
715
+ widthVw: IDotcssAnimatable<number>;
716
+ widthVMax: IDotcssAnimatable<number>;
717
+ widthVMin: IDotcssAnimatable<number>;
718
+
719
+ lineHeight: IDotcssAnimatable<NumericLength>;
720
+ lineHeightCm: IDotcssAnimatable<number>;
721
+ lineHeightCh: IDotcssAnimatable<number>;
722
+ lineHeightEm: IDotcssAnimatable<number>;
723
+ lineHeightEx: IDotcssAnimatable<number>;
724
+ lineHeightIn: IDotcssAnimatable<number>;
725
+ lineHeightMm: IDotcssAnimatable<number>;
726
+ lineHeightP: IDotcssAnimatable<number>;
727
+ lineHeightPc: IDotcssAnimatable<number>;
728
+ lineHeightPt: IDotcssAnimatable<number>;
729
+ lineHeightPx: IDotcssAnimatable<number>;
730
+ lineHeightRem: IDotcssAnimatable<number>;
731
+ lineHeightVh: IDotcssAnimatable<number>;
732
+ lineHeightVw: IDotcssAnimatable<number>;
733
+ lineHeightVMax: IDotcssAnimatable<number>;
734
+ lineHeightVMin: IDotcssAnimatable<number>;
735
+
736
+ fontSize: IDotcssAnimatable<NumericLength>;
737
+ fontSizeCm: IDotcssAnimatable<number>;
738
+ fontSizeCh: IDotcssAnimatable<number>;
739
+ fontSizeEm: IDotcssAnimatable<number>;
740
+ fontSizeEx: IDotcssAnimatable<number>;
741
+ fontSizeIn: IDotcssAnimatable<number>;
742
+ fontSizeMm: IDotcssAnimatable<number>;
743
+ fontSizeP: IDotcssAnimatable<number>;
744
+ fontSizePc: IDotcssAnimatable<number>;
745
+ fontSizePt: IDotcssAnimatable<number>;
746
+ fontSizePx: IDotcssAnimatable<number>;
747
+ fontSizeRem: IDotcssAnimatable<number>;
748
+ fontSizeVh: IDotcssAnimatable<number>;
749
+ fontSizeVw: IDotcssAnimatable<number>;
750
+ fontSizeVMax: IDotcssAnimatable<number>;
751
+ fontSizeVMin: IDotcssAnimatable<number>;
752
+
753
+ flexBasis: IDotcssAnimatable<NumericLengthOrAuto>;
754
+ flexBasisCm: IDotcssAnimatable<number>;
755
+ flexBasisCh: IDotcssAnimatable<number>;
756
+ flexBasisEm: IDotcssAnimatable<number>;
757
+ flexBasisEx: IDotcssAnimatable<number>;
758
+ flexBasisIn: IDotcssAnimatable<number>;
759
+ flexBasisMm: IDotcssAnimatable<number>;
760
+ flexBasisP: IDotcssAnimatable<number>;
761
+ flexBasisPc: IDotcssAnimatable<number>;
762
+ flexBasisPt: IDotcssAnimatable<number>;
763
+ flexBasisPx: IDotcssAnimatable<number>;
764
+ flexBasisRem: IDotcssAnimatable<number>;
765
+ flexBasisVh: IDotcssAnimatable<number>;
766
+ flexBasisVw: IDotcssAnimatable<number>;
767
+ flexBasisVMax: IDotcssAnimatable<number>;
768
+ flexBasisVMin: IDotcssAnimatable<number>;
769
+
770
+ //url:
771
+ backgroundImage: (value: BackgroundImageFormat)=>IDotcssProp;
772
+ borderImage: (value: BackgroundImageFormat)=>IDotcssProp;
773
+ listStyleImage: (value: BackgroundImageFormat)=>IDotcssProp;
774
+ content: (value: BasicCommonValues|UrlType)=>IDotcssProp;
775
+
776
+ //complex:
777
+ transform: (transformOrTransformBuilder: BasicCommonValues|TransformationBuilder)=>IDotcssProp;
778
+ filter: (filterBuilder: FilterBuilder)=>IDotcssProp;
779
+ backdropFilter: (filterBuilder: FilterBuilder)=>IDotcssProp;
780
+
781
+ //misc numeric:
782
+ opacity: IDotcssAnimatable<number|string>;
783
+
784
+ //misc:
785
+ appearance: (value: AppearanceValues)=>IDotcssProp;
786
+ aspectRatio: (value: string)=>IDotcssProp; // TODO: better typing on this. Low priority.
787
+
788
+ background: (value: BasicCommonValues|string)=>IDotcssProp
789
+ backgroundAttachment: (value: BackgroundAttachmentValues)=>IDotcssProp
790
+ backgroundBlendMode: (value: BasicCommonValues|string)=>IDotcssProp
791
+ backgroundPosition: (value: BackgroundPositionShorthand2D)=>IDotcssProp
792
+ backgroundRepeat: (value: BackgroundRepeatValues2d)=>IDotcssProp
793
+ backgroundClip: (value: BasicCommonValues|string)=>IDotcssProp
794
+ backgroundOrigin: (value: BackgroundOriginValues)=>IDotcssProp
795
+
796
+ borderImageOutset: (value: BasicCommonValues|string)=>IDotcssProp
797
+ borderImageRepeat: (value: BackgroundRepeatValues2d)=>IDotcssProp
798
+ borderImageSlice: (value: BasicCommonValues|string)=>IDotcssProp
799
+ borderImageSource: (value: BasicCommonValues|string)=>IDotcssProp
800
+
801
+ border: (value: BorderShorthand)=>IDotcssProp
802
+ borderBottom: (value: BorderShorthand)=>IDotcssProp
803
+ borderLeft: (value: BorderShorthand)=>IDotcssProp
804
+ borderRight: (value: BorderShorthand)=>IDotcssProp
805
+ borderTop: (value: BorderShorthand)=>IDotcssProp
806
+
807
+ borderBottomStyle: (value: BorderStyles)=>IDotcssProp
808
+ borderLeftStyle: (value: BorderStyles)=>IDotcssProp
809
+ borderRightStyle: (value: BorderStyles)=>IDotcssProp
810
+ borderStyle: (value: BorderStyles)=>IDotcssProp
811
+ borderTopStyle: (value: BorderStyles)=>IDotcssProp
812
+
813
+ boxDecorationBreak: (value: BasicCommonValues|string)=>IDotcssProp
814
+ boxShadow: (value: BasicCommonValues|string)=>IDotcssProp
815
+ clear: (value: BasicCommonValues|string)=>IDotcssProp
816
+ clip: (value: BasicCommonValues|string)=>IDotcssProp
817
+ display: (value: DisplayValues)=>IDotcssProp
818
+ float: (value: BasicCommonValues|string)=>IDotcssProp
819
+ overflow: (value: BasicCommonValues|string)=>IDotcssProp
820
+ box: (value: BasicCommonValues|string)=>IDotcssProp
821
+ overflowX: (value: BasicCommonValues|string)=>IDotcssProp
822
+ overflowY: (value: BasicCommonValues|string)=>IDotcssProp
823
+ position: (value: PositionNames)=>IDotcssProp
824
+ visibility: (value: BasicCommonValues|string)=>IDotcssProp
825
+ verticalAlign: (value: BasicCommonValues|string)=>IDotcssProp
826
+ zIndex: (value: string|number)=>IDotcssProp
827
+ alignContent: (value: BasicCommonValues|string)=>IDotcssProp
828
+ alignItems: (value: BasicCommonValues|string)=>IDotcssProp
829
+ alignSelf: (value: BasicCommonValues|string)=>IDotcssProp
830
+ flex: (value: FlexShorthand)=>IDotcssProp
831
+ // flexBasis: (value: FlexBasisNames)=>IDotcssProp
832
+ flexDirection: (value: FlexDirectionNames)=>IDotcssProp
833
+ flexFlow: (value: FlexFlowShorthand)=>IDotcssProp
834
+ flexGrow: (value: BasicCommonValues|number)=>IDotcssProp
835
+ flexShrink: (value: BasicCommonValues|number)=>IDotcssProp
836
+ flexWrap: (value: FlexWrapNames)=>IDotcssProp
837
+ grid: (value: BasicCommonValues|string)=>IDotcssProp
838
+ gridArea: (value: BasicCommonValues|string)=>IDotcssProp
839
+ gridAutoColumns: (value: BasicCommonValues|string)=>IDotcssProp
840
+ gridautoRows: (value: BasicCommonValues|string)=>IDotcssProp
841
+ gridColumn: (value: BasicCommonValues|string)=>IDotcssProp
842
+ gridColumnEnd: (value: BasicCommonValues|string)=>IDotcssProp
843
+ gridColumnGap: (value: BasicCommonValues|string)=>IDotcssProp
844
+ gridColumnStart: (value: BasicCommonValues|string)=>IDotcssProp
845
+ gridGap: (value: BasicCommonValues|string)=>IDotcssProp
846
+ gridRow: (value: BasicCommonValues|string)=>IDotcssProp
847
+ gridRowEnd: (value: BasicCommonValues|string)=>IDotcssProp
848
+ gridRowGap: (value: BasicCommonValues|string)=>IDotcssProp
849
+ gridRowStart: (value: BasicCommonValues|string)=>IDotcssProp
850
+ gridTemplate: (value: BasicCommonValues|string)=>IDotcssProp
851
+ gridTemplateAreas: (value: BasicCommonValues|string)=>IDotcssProp
852
+ gridTemplateColumns: (value: BasicCommonValues|string)=>IDotcssProp
853
+ gridTemplateRows: (value: BasicCommonValues|string)=>IDotcssProp
854
+ imageOrientation: (value: BasicCommonValues|string)=>IDotcssProp
855
+ justifyContent: (value: BasicCommonValues|string)=>IDotcssProp
856
+ order: (value: BasicCommonValues|number)=>IDotcssProp
857
+ hangingPunctuation: (value: BasicCommonValues|string)=>IDotcssProp
858
+ hyphens: (value: BasicCommonValues|string)=>IDotcssProp
859
+ letterSpacing: (value: BasicCommonValues|string)=>IDotcssProp
860
+ lineBreak: (value: BasicCommonValues|string)=>IDotcssProp
861
+ overflowWrap: (value: BasicCommonValues|string)=>IDotcssProp
862
+ tabSize: (value: BasicCommonValues|string)=>IDotcssProp
863
+ textAlign: (value: BasicCommonValues|string)=>IDotcssProp
864
+ textAlignLast: (value: BasicCommonValues|string)=>IDotcssProp
865
+ textCombineUpright: (value: BasicCommonValues|string)=>IDotcssProp
866
+ textJustify: (value: BasicCommonValues|string)=>IDotcssProp
867
+ textTransform: (value: BasicCommonValues|string)=>IDotcssProp
868
+ whiteSpace: (value: BasicCommonValues|string)=>IDotcssProp
869
+ wordBreak: (value: BasicCommonValues|string)=>IDotcssProp
870
+ wordSpacing: (value: BasicCommonValues|string)=>IDotcssProp
871
+ wordWrap: (value: BasicCommonValues|string)=>IDotcssProp
872
+ textDecoration: (value: BasicCommonValues|string)=>IDotcssProp
873
+ textDecorationLine: (value: BasicCommonValues|string)=>IDotcssProp
874
+ textDecorationStyle: (value: BasicCommonValues|string)=>IDotcssProp
875
+ textShadow: (value: BasicCommonValues|string)=>IDotcssProp
876
+ textUnderlinePosition: (value: BasicCommonValues|string)=>IDotcssProp
877
+ font: (value: BasicCommonValues|string)=>IDotcssProp
878
+ fontFamily: (value: BasicCommonValues|string)=>IDotcssProp
879
+ fontFeatureSettings: (value: BasicCommonValues|string)=>IDotcssProp
880
+ fontKerning: (value: BasicCommonValues|string)=>IDotcssProp
881
+ fontLanguageOverride: (value: BasicCommonValues|string)=>IDotcssProp
882
+ fontSizeAdjust: (value: BasicCommonValues|string)=>IDotcssProp
883
+ fontStretch: (value: BasicCommonValues|string)=>IDotcssProp
884
+ fontStyle: (value: FontStyleValues)=>IDotcssProp
885
+ fontSynthesis: (value: BasicCommonValues|string)=>IDotcssProp
886
+ fontVariant: (value: FontVariantValues)=>IDotcssProp
887
+ fontVariantAlternates: (value: BasicCommonValues|string)=>IDotcssProp
888
+ fontVariantCaps: (value: FontVariantCapsValues)=>IDotcssProp
889
+ fontVariantEastAsian: (value: BasicCommonValues|string)=>IDotcssProp
890
+ fontVariantLigatures: (value: BasicCommonValues|string)=>IDotcssProp
891
+ fontVariantNumeric: (value: BasicCommonValues|string)=>IDotcssProp
892
+ fontVariantPosition: (value: BasicCommonValues|string)=>IDotcssProp
893
+ fontWeight: (value: BasicCommonValues|string)=>IDotcssProp
894
+ direction: (value: DirectionValues)=>IDotcssProp
895
+ textOrientation: (value: BasicCommonValues|string)=>IDotcssProp
896
+ unicodeBidi: (value: BasicCommonValues|string)=>IDotcssProp
897
+ userSelect: (value: BasicCommonValues|string)=>IDotcssProp
898
+ writingMode: (value: BasicCommonValues|string)=>IDotcssProp
899
+ borderCollapse: (value: BasicCommonValues|string)=>IDotcssProp
900
+ borderSpacing: (value: BasicCommonValues|string)=>IDotcssProp
901
+ captionSide: (value: BasicCommonValues|string)=>IDotcssProp
902
+ emptyCells: (value: BasicCommonValues|string)=>IDotcssProp
903
+ tableLayout: (value: BasicCommonValues|string)=>IDotcssProp
904
+ counterIncrement: (value: BasicCommonValues|string)=>IDotcssProp
905
+ counterReset: (value: BasicCommonValues|string)=>IDotcssProp
906
+ listStyle: (value: BasicCommonValues|string)=>IDotcssProp
907
+ listStylePosition: (value: BasicCommonValues|string)=>IDotcssProp
908
+ listStyleType: (value: BasicCommonValues|string)=>IDotcssProp
909
+ animation: (value: BasicCommonValues|string)=>IDotcssProp
910
+ animationDelay: (value: BasicCommonValues|string)=>IDotcssProp
911
+ animationDirection: (value: BasicCommonValues|string)=>IDotcssProp
912
+ animationDuration: (value: BasicCommonValues|string)=>IDotcssProp
913
+ animationFillMode: (value: BasicCommonValues|string)=>IDotcssProp
914
+ animationIterationCount: (value: BasicCommonValues|string)=>IDotcssProp
915
+ animationName: (value: BasicCommonValues|string)=>IDotcssProp
916
+ animationPlayState: (value: BasicCommonValues|string)=>IDotcssProp
917
+ animationTimingFunction: (value: BasicCommonValues|string)=>IDotcssProp
918
+ backfaceVisibility: (value: BackfaceVisibilityValues)=>IDotcssProp
919
+ perspective2d: (value: BasicCommonValues|string)=>IDotcssProp
920
+ perspectiveOrigin: (value: BasicCommonValues|string)=>IDotcssProp
921
+ transformOrigin: (value: BasicCommonValues|string)=>IDotcssProp
922
+ transformStyle: (value: BasicCommonValues|string)=>IDotcssProp
923
+ transition: (value: BasicCommonValues|string)=>IDotcssProp
924
+ transitionProperty: (value: BasicCommonValues|string)=>IDotcssProp
925
+ transitionDuration: (value: BasicCommonValues|string)=>IDotcssProp
926
+ transitionTimingFunction: (value: BasicCommonValues|string)=>IDotcssProp
927
+ transitionDelay: (value: BasicCommonValues|string)=>IDotcssProp
928
+ boxSizing: (value: BasicCommonValues|string)=>IDotcssProp
929
+ cursor: (value: BasicCommonValues|string)=>IDotcssProp
930
+ imeMode: (value: BasicCommonValues|string)=>IDotcssProp
931
+ navDown: (value: BasicCommonValues|string)=>IDotcssProp
932
+ navIndex: (value: BasicCommonValues|string)=>IDotcssProp
933
+ navLeft: (value: BasicCommonValues|string)=>IDotcssProp
934
+ navRight: (value: BasicCommonValues|string)=>IDotcssProp
935
+ navUp: (value: BasicCommonValues|string)=>IDotcssProp
936
+ outline: (value: BorderShorthand)=>IDotcssProp
937
+ //outlineOffset: (value: BasicCommonValues|string)=>IDotcssProp // Now animated.
938
+ outlineStyle: (value: BorderStyles)=>IDotcssProp
939
+ outlineWidth: (value: OutlineWidthValues)=>IDotcssProp
940
+ resize: (value: BasicCommonValues|string)=>IDotcssProp
941
+ textOverflow: (value: BasicCommonValues|string)=>IDotcssProp
942
+ breakAfter: (value: BasicCommonValues|string)=>IDotcssProp
943
+ breakBefore: (value: BasicCommonValues|string)=>IDotcssProp
944
+ breakInside: (value: BasicCommonValues|string)=>IDotcssProp
945
+ columnCount: (value: BasicCommonValues|string)=>IDotcssProp
946
+ columnFill: (value: BasicCommonValues|string)=>IDotcssProp
947
+ columnGap: (value: BasicCommonValues|string)=>IDotcssProp
948
+ columnRule: (value: BasicCommonValues|string)=>IDotcssProp
949
+ columnRuleStyle: (value: BasicCommonValues|string)=>IDotcssProp
950
+ columnRuleWidth: (value: BasicCommonValues|string)=>IDotcssProp
951
+ columnSpan: (value: BasicCommonValues|string)=>IDotcssProp
952
+ columnWidth: (value: BasicCommonValues|string)=>IDotcssProp
953
+ columns: (value: BasicCommonValues|string)=>IDotcssProp
954
+ widows: (value: BasicCommonValues|string)=>IDotcssProp
955
+ orphans: (value: BasicCommonValues|string)=>IDotcssProp
956
+ pageBreakAfter: (value: BasicCommonValues|string)=>IDotcssProp
957
+ pageBreakBefore: (value: BasicCommonValues|string)=>IDotcssProp
958
+ pageBreakInside: (value: BasicCommonValues|string)=>IDotcssProp
959
+ marks: (value: BasicCommonValues|string)=>IDotcssProp
960
+ quotes: (value: BasicCommonValues|string)=>IDotcssProp
961
+ imageRendering: (value: BasicCommonValues|string)=>IDotcssProp
962
+ imageResolution: (value: BasicCommonValues|string)=>IDotcssProp
963
+ objectFit: (value: BasicCommonValues|string)=>IDotcssProp
964
+ objectPosition: (value: BasicCommonValues|string)=>IDotcssProp
965
+ mask: (value: BasicCommonValues|string)=>IDotcssProp
966
+ maskType: (value: BasicCommonValues|string)=>IDotcssProp
967
+ mark: (value: BasicCommonValues|string)=>IDotcssProp
968
+ markAfter: (value: BasicCommonValues|string)=>IDotcssProp
969
+ markBefore: (value: BasicCommonValues|string)=>IDotcssProp
970
+ phonemes: (value: BasicCommonValues|string)=>IDotcssProp
971
+ rest: (value: BasicCommonValues|string)=>IDotcssProp
972
+ restAfter: (value: BasicCommonValues|string)=>IDotcssProp
973
+ restBefore: (value: BasicCommonValues|string)=>IDotcssProp
974
+ voiceBalance: (value: BasicCommonValues|string)=>IDotcssProp
975
+ voiceDuration: (value: BasicCommonValues|string)=>IDotcssProp
976
+ voicePitch: (value: BasicCommonValues|string)=>IDotcssProp
977
+ voicePitchRange: (value: BasicCommonValues|string)=>IDotcssProp
978
+ voiceRate: (value: BasicCommonValues|string)=>IDotcssProp
979
+ voiceStress: (value: BasicCommonValues|string)=>IDotcssProp
980
+ voiceVolume: (value: BasicCommonValues|string)=>IDotcssProp
981
+ marqueeDirection: (value: BasicCommonValues|string)=>IDotcssProp
982
+ marqueePlayCount: (value: BasicCommonValues|string)=>IDotcssProp
983
+ marqueeSpeed: (value: BasicCommonValues|string)=>IDotcssProp
984
+ marqueeStyle: (value: BasicCommonValues|string)=>IDotcssProp
985
+ pointerEvents: (value: BasicCommonValues|string)=>IDotcssProp
986
+ }
987
+
988
+ export default interface IDotCss extends IDotcssProp{
989
+ (document?: Array<HTMLElement>|HTMLElement|string): IDotcssProp;
990
+
991
+ version: string;
992
+ }
993
+
994
+ export interface IDotcssAnimatable<T> extends IDotcssProp{
995
+ (value: T): IDotcssProp;
996
+
997
+ animate(value: number|string, duration: number, style: "ease", complete: Function): IDotcssProp;
998
+ }
999
+
1000
+ export interface IDotcssAnimatableColor extends IDotcssProp{
1001
+ (value: ColorFormat|Array<number>): IDotcssProp;
1002
+ (r: number, g: number, b: number, a?: number): IDotcssProp;
1003
+
1004
+ animate(value: ColorFormat|Array<number>, duration: number, style: "ease", complete: Function): IDotcssProp;
1005
+ }
1006
+
1007
+ export interface HideParams{
1008
+ duration?: number,
1009
+ complete?: Function,
1010
+ hideStyle?: "normal"|"fade"|"shrink",
1011
+ animationStyle?: "ease",
1012
+ }
1013
+
1014
+ export interface ShowParams{
1015
+ duration?: number,
1016
+ display?: DisplayValues, // TODO: potential to expand this.
1017
+ complete?: Function,
1018
+ opacity?: number,
1019
+ width?: number,
1020
+ height?: number,
1021
+ showStyle?: "normal"|"fade"|"grow",
1022
+ animationStyle?: "ease",
1023
+ }
1024
+
1025
+ export interface TransformationBuilder {
1026
+ // TODO: it would be cool if this didn't have to return anything, and the trns parameter that's passed in would just retain a memory of the transformations.
1027
+ (trns: ITransformationContext): ITransformationContext|string;
1028
+ }
1029
+
1030
+ export type ITransformationContext = {
1031
+ matrix: (a: number, b: number, c: number, d: number, tx: number, ty: number)=>ITransformationContext;
1032
+ 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)=>ITransformationContext;
1033
+
1034
+ translate: (x: NumericLength, y?:NumericLength)=>ITransformationContext;
1035
+ translateCm: (x: number, y?:number)=>ITransformationContext;
1036
+ translateCh: (x: number, y?:number)=>ITransformationContext;
1037
+ translateEm: (x: number, y?:number)=>ITransformationContext;
1038
+ translateEx: (x: number, y?:number)=>ITransformationContext;
1039
+ translateIn: (x: number, y?:number)=>ITransformationContext;
1040
+ translateMm: (x: number, y?:number)=>ITransformationContext;
1041
+ translateP: (x: number, y?:number)=>ITransformationContext;
1042
+ translatePc: (x: number, y?:number)=>ITransformationContext;
1043
+ translatePt: (x: number, y?:number)=>ITransformationContext;
1044
+ translatePx: (x: number, y?:number)=>ITransformationContext;
1045
+ translateRem: (x: number, y?:number)=>ITransformationContext;
1046
+ translateVh: (x: number, y?:number)=>ITransformationContext;
1047
+ translateVw: (x: number, y?:number)=>ITransformationContext;
1048
+ translateVMax: (x: number, y?:number)=>ITransformationContext;
1049
+ translateVMin: (x: number, y?:number)=>ITransformationContext;
1050
+ translate3d: (x: NumericLength, y: NumericLength, z: NumericLength)=>ITransformationContext;
1051
+ translate3dCm: (x: number, y: number, z: number)=>ITransformationContext;
1052
+ translate3dCh: (x: number, y: number, z: number)=>ITransformationContext;
1053
+ translate3dEm: (x: number, y: number, z: number)=>ITransformationContext;
1054
+ translate3dEx: (x: number, y: number, z: number)=>ITransformationContext;
1055
+ translate3dIn: (x: number, y: number, z: number)=>ITransformationContext;
1056
+ translate3dMm: (x: number, y: number, z: number)=>ITransformationContext;
1057
+ translate3dP: (x: number, y: number, z: number)=>ITransformationContext;
1058
+ translate3dPc: (x: number, y: number, z: number)=>ITransformationContext;
1059
+ translate3dPt: (x: number, y: number, z: number)=>ITransformationContext;
1060
+ translate3dPx: (x: number, y: number, z: number)=>ITransformationContext;
1061
+ translate3dRem: (x: number, y: number, z: number)=>ITransformationContext;
1062
+ translate3dVh: (x: number, y: number, z: number)=>ITransformationContext;
1063
+ translate3dVw: (x: number, y: number, z: number)=>ITransformationContext;
1064
+ translate3dVMax: (x: number, y: number, z: number)=>ITransformationContext;
1065
+ translate3dVMin: (x: number, y: number, z: number)=>ITransformationContext;
1066
+ translateX: (v: NumericLength)=>ITransformationContext;
1067
+ translateXCm: (v: number)=>ITransformationContext;
1068
+ translateXCh: (v: number)=>ITransformationContext;
1069
+ translateXEm: (v: number)=>ITransformationContext;
1070
+ translateXEx: (v: number)=>ITransformationContext;
1071
+ translateXIn: (v: number)=>ITransformationContext;
1072
+ translateXMm: (v: number)=>ITransformationContext;
1073
+ translateXP: (v: number)=>ITransformationContext;
1074
+ translateXPc: (v: number)=>ITransformationContext;
1075
+ translateXPt: (v: number)=>ITransformationContext;
1076
+ translateXPx: (v: number)=>ITransformationContext;
1077
+ translateXRem: (v: number)=>ITransformationContext;
1078
+ translateXVh: (v: number)=>ITransformationContext;
1079
+ translateXVw: (v: number)=>ITransformationContext;
1080
+ translateXVMax: (v: number)=>ITransformationContext;
1081
+ translateXVMin: (v: number)=>ITransformationContext;
1082
+ translateY: (v: NumericLength)=>ITransformationContext;
1083
+ translateYCm: (v: number)=>ITransformationContext;
1084
+ translateYCh: (v: number)=>ITransformationContext;
1085
+ translateYEm: (v: number)=>ITransformationContext;
1086
+ translateYEx: (v: number)=>ITransformationContext;
1087
+ translateYIn: (v: number)=>ITransformationContext;
1088
+ translateYMm: (v: number)=>ITransformationContext;
1089
+ translateYP: (v: number)=>ITransformationContext;
1090
+ translateYPc: (v: number)=>ITransformationContext;
1091
+ translateYPt: (v: number)=>ITransformationContext;
1092
+ translateYPx: (v: number)=>ITransformationContext;
1093
+ translateYRem: (v: number)=>ITransformationContext;
1094
+ translateYVh: (v: number)=>ITransformationContext;
1095
+ translateYVw: (v: number)=>ITransformationContext;
1096
+ translateYVMax: (v: number)=>ITransformationContext;
1097
+ translateYVMin: (v: number)=>ITransformationContext;
1098
+ translateZ: (v: NumericLength)=>ITransformationContext;
1099
+ translateZCm: (v: number)=>ITransformationContext;
1100
+ translateZCh: (v: number)=>ITransformationContext;
1101
+ translateZEm: (v: number)=>ITransformationContext;
1102
+ translateZEx: (v: number)=>ITransformationContext;
1103
+ translateZIn: (v: number)=>ITransformationContext;
1104
+ translateZMm: (v: number)=>ITransformationContext;
1105
+ translateZP: (v: number)=>ITransformationContext;
1106
+ translateZPc: (v: number)=>ITransformationContext;
1107
+ translateZPt: (v: number)=>ITransformationContext;
1108
+ translateZPx: (v: number)=>ITransformationContext;
1109
+ translateZRem: (v: number)=>ITransformationContext;
1110
+ translateZVh: (v: number)=>ITransformationContext;
1111
+ translateZVw: (v: number)=>ITransformationContext;
1112
+ translateZVMax: (v: number)=>ITransformationContext;
1113
+ translateZVMin: (v: number)=>ITransformationContext;
1114
+
1115
+ scale: (x: number, y?: number)=>ITransformationContext;
1116
+ scale3d: (x: number, y: number, z: number)=>ITransformationContext;
1117
+ scaleX: (v: number)=>ITransformationContext;
1118
+ scaleY: (v: number)=>ITransformationContext;
1119
+ scaleZ: (v: number)=>ITransformationContext;
1120
+
1121
+ rotate: (v: NumericAngle)=>ITransformationContext;
1122
+ rotateDeg: (v: number)=>ITransformationContext;
1123
+ rotateTurn: (v: number)=>ITransformationContext;
1124
+ rotateRad: (v: number)=>ITransformationContext;
1125
+ rotateGrad: (v: number)=>ITransformationContext;
1126
+ rotate3d: (x: number, y: number, z: number, a: NumericAngle)=>ITransformationContext;
1127
+ rotate3dDeg: (x: number, y: number, z: number, a: number)=>ITransformationContext;
1128
+ rotate3dTurn: (x: number, y: number, z: number, a: number)=>ITransformationContext;
1129
+ rotate3dRad: (x: number, y: number, z: number, a: number)=>ITransformationContext;
1130
+ rotate3dGrad: (x: number, y: number, z: number, a: number)=>ITransformationContext;
1131
+ rotateX: (v: NumericAngle)=>ITransformationContext;
1132
+ rotateXDeg: (v: number)=>ITransformationContext;
1133
+ rotateXTurn: (v: number)=>ITransformationContext;
1134
+ rotateXRad: (v: number)=>ITransformationContext;
1135
+ rotateXGrad: (v: number)=>ITransformationContext;
1136
+ rotateY: (v: NumericAngle)=>ITransformationContext;
1137
+ rotateYDeg: (v: number)=>ITransformationContext;
1138
+ rotateYTurn: (v: number)=>ITransformationContext;
1139
+ rotateYRad: (v: number)=>ITransformationContext;
1140
+ rotateYGrad: (v: number)=>ITransformationContext;
1141
+ rotateZ: (v: NumericAngle)=>ITransformationContext;
1142
+ rotateZDeg: (v: number)=>ITransformationContext;
1143
+ rotateZTurn: (v: number)=>ITransformationContext;
1144
+ rotateZRad: (v: number)=>ITransformationContext;
1145
+ rotateZGrad: (v: number)=>ITransformationContext;
1146
+
1147
+ skew: (x: NumericAngle, y?: NumericAngle)=>ITransformationContext;
1148
+ skewDeg: (x: number, y?: number)=>ITransformationContext;
1149
+ skewTurn: (x: number, y?: number)=>ITransformationContext;
1150
+ skewRad: (x: number, y?: number)=>ITransformationContext;
1151
+ skewGrad: (x: number, y?: number)=>ITransformationContext;
1152
+ skewX: (v: NumericAngle)=>ITransformationContext;
1153
+ skewXDeg: (v: number)=>ITransformationContext;
1154
+ skewXTurn: (v: number)=>ITransformationContext;
1155
+ skewXRad: (v: number)=>ITransformationContext;
1156
+ skewXGrad: (v: number)=>ITransformationContext;
1157
+ skewY: (v: NumericAngle)=>ITransformationContext;
1158
+ skewYDeg: (v: number)=>ITransformationContext;
1159
+ skewYTurn: (v: number)=>ITransformationContext;
1160
+ skewYRad: (v: number)=>ITransformationContext;
1161
+ skewYGrad: (v: number)=>ITransformationContext;
1162
+
1163
+ perspective: (v: NumericLength)=>ITransformationContext;
1164
+ perspectiveCm: (v: number)=>ITransformationContext;
1165
+ perspectiveCh: (v: number)=>ITransformationContext;
1166
+ perspectiveEm: (v: number)=>ITransformationContext;
1167
+ perspectiveEx: (v: number)=>ITransformationContext;
1168
+ perspectiveIn: (v: number)=>ITransformationContext;
1169
+ perspectiveMm: (v: number)=>ITransformationContext;
1170
+ perspectiveP: (v: number)=>ITransformationContext;
1171
+ perspectivePc: (v: number)=>ITransformationContext;
1172
+ perspectivePt: (v: number)=>ITransformationContext;
1173
+ perspectivePx: (v: number)=>ITransformationContext;
1174
+ perspectiveRem: (v: number)=>ITransformationContext;
1175
+ perspectiveVh: (v: number)=>ITransformationContext;
1176
+ perspectiveVw: (v: number)=>ITransformationContext;
1177
+ perspectiveVMax: (v: number)=>ITransformationContext;
1178
+ perspectiveVMin: (v: number)=>ITransformationContext;
1179
+ }
1180
+
1181
+ export interface FilterBuilder{
1182
+ (filtCtx: IFilterContext): IFilterContext|string;
1183
+ }
1184
+
1185
+ type IFilterContext = {
1186
+ // url(commonfilters.svg#filter); // Don't know how this works yet.
1187
+ blur(v: NumericLength): IFilterContext;
1188
+ brightness(v: Percentage): IFilterContext;
1189
+ contrast(v: Percentage): IFilterContext;
1190
+ dropShadow(x: NumericLength, y: NumericLength, blur: NumericLength, color: ColorFormat): IFilterContext;
1191
+ grayscale(v: Percentage): IFilterContext;
1192
+ hueRotate(v: AngleUnits): IFilterContext;
1193
+ invert(v: Percentage): IFilterContext;
1194
+ opacity(v: Percentage): IFilterContext;
1195
+ sepia(v: Percentage): IFilterContext;
1196
+ saturate(v: Percentage): IFilterContext;
1197
+ // url(filters.svg#filter) blur(4px) saturate(150%); // example.
1198
+ }