dothtml 4.8.4 → 5.0.0

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.
Files changed (80) hide show
  1. package/{jest.config.js → jest.config.ts} +19 -16
  2. package/lib/arg-callback-obj.d.ts +29 -0
  3. package/lib/built-in-components/nav-link.d.ts +8 -0
  4. package/lib/built-in-components/router.d.ts +57 -0
  5. package/lib/component.d.ts +73 -0
  6. package/lib/dot-component-legacy.d.ts +0 -0
  7. package/lib/dot-document.d.ts +0 -0
  8. package/lib/dot-util.d.ts +13 -0
  9. package/lib/dot.d.ts +5 -0
  10. package/lib/dothtml.d.ts +21 -0
  11. package/lib/dothtml.js +2 -0
  12. package/lib/dothtml.js.LICENSE.txt +1 -0
  13. package/lib/err.d.ts +2 -0
  14. package/lib/event-bus.d.ts +10 -0
  15. package/lib/i-dot.d.ts +674 -0
  16. package/lib/i-dotcss.d.ts +821 -0
  17. package/lib/node-polyfill.d.ts +2 -0
  18. package/lib/observable-array.d.ts +49 -0
  19. package/lib/style-builder.d.ts +3 -0
  20. package/package.json +11 -5
  21. package/readme.md +3 -2
  22. package/src/{arg-callback-obj.js → arg-callback-obj.ts} +18 -6
  23. package/src/built-in-components/nav-link.ts +21 -0
  24. package/src/built-in-components/router.ts +315 -0
  25. package/src/component.ts +369 -0
  26. package/src/dot-component-legacy.ts +79 -0
  27. package/src/dot-document.ts +0 -0
  28. package/src/dot-util.ts +33 -0
  29. package/src/dot.ts +1147 -0
  30. package/src/dothtml.ts +33 -0
  31. package/src/err.ts +22 -0
  32. package/src/event-bus.ts +39 -0
  33. package/src/i-dot.ts +787 -0
  34. package/src/i-dotcss.ts +911 -0
  35. package/src/node-polyfill.ts +11 -0
  36. package/src/{observable-array.js → observable-array.ts} +10 -5
  37. package/src/{style-builder.js → style-builder.ts} +219 -183
  38. package/tsconfig.json +99 -0
  39. package/unittests/advanced-bindings.test.ts +421 -0
  40. package/unittests/{array-evaluation.test.js → array-evaluation.test.ts} +1 -1
  41. package/unittests/{basic-functionality.test.js → basic-functionality.test.ts} +14 -10
  42. package/unittests/class-binding.test.ts +227 -0
  43. package/unittests/component-decorator.-.ts +14 -0
  44. package/unittests/components-data.test.ts +153 -0
  45. package/unittests/components.test.ts +257 -0
  46. package/unittests/computed.test.ts +35 -0
  47. package/unittests/{core.js → core.ts} +5 -2
  48. package/unittests/element-and-attribute-coverage.test.ts +472 -0
  49. package/unittests/hooks.test.ts +67 -0
  50. package/unittests/immutable-if.test.ts +19 -0
  51. package/unittests/input-bindings.test.ts +166 -0
  52. package/unittests/integration.test.ts +5 -0
  53. package/unittests/{iterations.test.js → iterations.test.ts} +5 -5
  54. package/unittests/logic.test.ts +18 -0
  55. package/unittests/refs.test.ts +36 -0
  56. package/unittests/routing.-.ts +56 -0
  57. package/unittests/{scopes.test.js → scopes.test.ts} +5 -5
  58. package/unittests/special-tags.test.ts +39 -0
  59. package/unittests/styles.test.ts +9 -0
  60. package/unittests/{testpage.js → testpage.ts} +2 -0
  61. package/unittests/{wait.test.js → wait.test.ts} +8 -5
  62. package/webpack.config.js +13 -1
  63. package/lib/dothtml.min.js +0 -1
  64. package/src/component.js +0 -305
  65. package/src/err.js +0 -20
  66. package/src/event-bus.js +0 -40
  67. package/src/index.js +0 -1453
  68. package/src/util.js +0 -13
  69. package/unittests/advanced-bindings.test.js +0 -386
  70. package/unittests/class-binding.test.js +0 -53
  71. package/unittests/components-data.test.js +0 -97
  72. package/unittests/components.test.js +0 -151
  73. package/unittests/computed.test.js +0 -36
  74. package/unittests/hooks.test.js +0 -57
  75. package/unittests/immutable-if.test.js +0 -15
  76. package/unittests/input-bindings.test.js +0 -155
  77. package/unittests/integration.test.js +0 -6
  78. package/unittests/logic.test.js +0 -18
  79. package/unittests/routing.-.js +0 -56
  80. package/unittests/special-tags.test.js +0 -32
@@ -0,0 +1,821 @@
1
+ export declare type BasicCommonValues = "inherit" | "initial" | "unset";
2
+ export declare type AbsoluteUnits = "cm" | "mm" | "in" | "px" | "pt" | "pc";
3
+ export declare type RelativeUnits = "em" | "ex" | "ch" | "rem" | "vw" | "vh" | "vmin" | "vmax" | "%";
4
+ export declare type AllUnits = AbsoluteUnits | RelativeUnits;
5
+ export declare type OptionalWhitespace = "" | " ";
6
+ export declare type UrlType = `url('${string}')`;
7
+ export declare type BackgroundAttachmentValues = BasicCommonValues | "scroll" | "fixed" | "local";
8
+ export declare type BackgroundRepeatValues = BasicCommonValues | "no-repeat" | "repeat" | "space" | "round";
9
+ export declare type BackgroundOriginValues = BasicCommonValues | "padding-box" | "border-box" | "content-box";
10
+ export declare type BackgroundSizeValues = BasicCommonValues | "auto" | number | `${number}${AllUnits}` | "cover" | "contain";
11
+ export declare type BackfaceVisibilityValues = BasicCommonValues | "visible" | "hidden";
12
+ export declare type BorderStyles = BasicCommonValues | "dotted" | "dashed" | "solid" | "double" | "groove" | "ridge" | "inset" | "outset" | "none" | "hidden";
13
+ export declare 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";
14
+ export declare type LengthProp = BasicCommonValues | "maxHeight" | "minHeight" | "top" | "bottom" | "height" | "maxHidth" | "minWidth" | "right" | "left" | "width" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "lineHeight" | "fontSize";
15
+ export declare type PositionNames = BasicCommonValues | "static" | "relative" | "fixed" | "absolute" | "sticky";
16
+ export declare 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})`;
17
+ export declare type BackgroundRepeatValues2d = BackgroundRepeatValues | "repeat-x" | "repeat-y" | `${BackgroundRepeatValues} ${BackgroundRepeatValues}`;
18
+ export declare type BorderShorthand = BasicCommonValues | `${number}${AllUnits} ${BorderStyles} ${ColorFormat}`;
19
+ export declare type BackgroundImageFormat = BasicCommonValues | UrlType | `${UrlType}, ${UrlType}`;
20
+ export declare type BackgroundPositionShorthand2D = BasicCommonValues | `${number} ${number}` | `${number}% ${number}%` | `${"left" | "right" | "center"} ${"top" | "center" | "bottom"}`;
21
+ export declare type BackgroundShorthand = BasicCommonValues | `${ColorFormat} ${UrlType} ${BackgroundRepeatValues} ${BackgroundPositionShorthand2D}`;
22
+ export interface IDotcssProp {
23
+ angleToDeg(a: number | string): any;
24
+ matrixMultiply3D(a: Array<number>, b: Array<number>): Array<number>;
25
+ lengthToPx(l: string | number, prop?: LengthProp, element?: Element): any;
26
+ angleSubtract(a: any, b: any): any;
27
+ url(url: string): any;
28
+ rgb(r: number, g: number, b: number): any;
29
+ rgba(r: number, g: number, b: number, a: number): any;
30
+ buildTransform(): any;
31
+ scopeToEl(el: HTMLElement): any;
32
+ cacheScopedStaticStyles(el: HTMLElement): any;
33
+ clearDynamicStyles(el: HTMLElement): any;
34
+ unscope(): any;
35
+ formatNumberValue(value: number, unit?: string): any;
36
+ color: IDotcssAnimatableColor;
37
+ backgroundColor: IDotcssAnimatableColor;
38
+ borderBottomColor: IDotcssAnimatableColor;
39
+ borderColor: IDotcssAnimatableColor;
40
+ borderLeftColor: IDotcssAnimatableColor;
41
+ borderRightColor: IDotcssAnimatableColor;
42
+ borderTopColor: IDotcssAnimatableColor;
43
+ textDecorationColor: IDotcssAnimatableColor;
44
+ outlineColor: IDotcssAnimatableColor;
45
+ columnRuleColor: IDotcssAnimatableColor;
46
+ backgroundSize: IDotcssAnimatable<BackgroundSizeValues>;
47
+ backgroundSizeCm: IDotcssAnimatable<number>;
48
+ backgroundSizeCh: IDotcssAnimatable<number>;
49
+ backgroundSizeEm: IDotcssAnimatable<number>;
50
+ backgroundSizeEx: IDotcssAnimatable<number>;
51
+ backgroundSizeIn: IDotcssAnimatable<number>;
52
+ backgroundSizeMm: IDotcssAnimatable<number>;
53
+ backgroundSizeP: IDotcssAnimatable<number>;
54
+ backgroundSizePc: IDotcssAnimatable<number>;
55
+ backgroundSizePt: IDotcssAnimatable<number>;
56
+ backgroundSizePx: IDotcssAnimatable<number>;
57
+ backgroundSizeRem: IDotcssAnimatable<number>;
58
+ backgroundSizeVh: IDotcssAnimatable<number>;
59
+ backgroundSizeVw: IDotcssAnimatable<number>;
60
+ backgroundSizeVMax: IDotcssAnimatable<number>;
61
+ backgroundSizeVMin: IDotcssAnimatable<number>;
62
+ borderBottomLeftRadius: IDotcssAnimatable<number | string>;
63
+ borderBottomLeftRadiusCm: IDotcssAnimatable<number>;
64
+ borderBottomLeftRadiusCh: IDotcssAnimatable<number>;
65
+ borderBottomLeftRadiusEm: IDotcssAnimatable<number>;
66
+ borderBottomLeftRadiusEx: IDotcssAnimatable<number>;
67
+ borderBottomLeftRadiusIn: IDotcssAnimatable<number>;
68
+ borderBottomLeftRadiusMm: IDotcssAnimatable<number>;
69
+ borderBottomLeftRadiusP: IDotcssAnimatable<number>;
70
+ borderBottomLeftRadiusPc: IDotcssAnimatable<number>;
71
+ borderBottomLeftRadiusPt: IDotcssAnimatable<number>;
72
+ borderBottomLeftRadiusPx: IDotcssAnimatable<number>;
73
+ borderBottomLeftRadiusRem: IDotcssAnimatable<number>;
74
+ borderBottomLeftRadiusVh: IDotcssAnimatable<number>;
75
+ borderBottomLeftRadiusVw: IDotcssAnimatable<number>;
76
+ borderBottomLeftRadiusVMax: IDotcssAnimatable<number>;
77
+ borderBottomLeftRadiusVMin: IDotcssAnimatable<number>;
78
+ borderBottomRightRadius: IDotcssAnimatable<number | string>;
79
+ borderBottomRightRadiusCm: IDotcssAnimatable<number>;
80
+ borderBottomRightRadiusCh: IDotcssAnimatable<number>;
81
+ borderBottomRightRadiusEm: IDotcssAnimatable<number>;
82
+ borderBottomRightRadiusEx: IDotcssAnimatable<number>;
83
+ borderBottomRightRadiusIn: IDotcssAnimatable<number>;
84
+ borderBottomRightRadiusMm: IDotcssAnimatable<number>;
85
+ borderBottomRightRadiusP: IDotcssAnimatable<number>;
86
+ borderBottomRightRadiusPc: IDotcssAnimatable<number>;
87
+ borderBottomRightRadiusPt: IDotcssAnimatable<number>;
88
+ borderBottomRightRadiusPx: IDotcssAnimatable<number>;
89
+ borderBottomRightRadiusRem: IDotcssAnimatable<number>;
90
+ borderBottomRightRadiusVh: IDotcssAnimatable<number>;
91
+ borderBottomRightRadiusVw: IDotcssAnimatable<number>;
92
+ borderBottomRightRadiusVMax: IDotcssAnimatable<number>;
93
+ borderBottomRightRadiusVMin: IDotcssAnimatable<number>;
94
+ borderBottomWidth: IDotcssAnimatable<number | string>;
95
+ borderBottomWidthCm: IDotcssAnimatable<number>;
96
+ borderBottomWidthCh: IDotcssAnimatable<number>;
97
+ borderBottomWidthEm: IDotcssAnimatable<number>;
98
+ borderBottomWidthEx: IDotcssAnimatable<number>;
99
+ borderBottomWidthIn: IDotcssAnimatable<number>;
100
+ borderBottomWidthMm: IDotcssAnimatable<number>;
101
+ borderBottomWidthP: IDotcssAnimatable<number>;
102
+ borderBottomWidthPc: IDotcssAnimatable<number>;
103
+ borderBottomWidthPt: IDotcssAnimatable<number>;
104
+ borderBottomWidthPx: IDotcssAnimatable<number>;
105
+ borderBottomWidthRem: IDotcssAnimatable<number>;
106
+ borderBottomWidthVh: IDotcssAnimatable<number>;
107
+ borderBottomWidthVw: IDotcssAnimatable<number>;
108
+ borderBottomWidthVMax: IDotcssAnimatable<number>;
109
+ borderBottomWidthVMin: IDotcssAnimatable<number>;
110
+ borderImageWidth: IDotcssAnimatable<number | string>;
111
+ borderImageWidthCm: IDotcssAnimatable<number>;
112
+ borderImageWidthCh: IDotcssAnimatable<number>;
113
+ borderImageWidthEm: IDotcssAnimatable<number>;
114
+ borderImageWidthEx: IDotcssAnimatable<number>;
115
+ borderImageWidthIn: IDotcssAnimatable<number>;
116
+ borderImageWidthMm: IDotcssAnimatable<number>;
117
+ borderImageWidthP: IDotcssAnimatable<number>;
118
+ borderImageWidthPc: IDotcssAnimatable<number>;
119
+ borderImageWidthPt: IDotcssAnimatable<number>;
120
+ borderImageWidthPx: IDotcssAnimatable<number>;
121
+ borderImageWidthRem: IDotcssAnimatable<number>;
122
+ borderImageWidthVh: IDotcssAnimatable<number>;
123
+ borderImageWidthVw: IDotcssAnimatable<number>;
124
+ borderImageWidthVMax: IDotcssAnimatable<number>;
125
+ borderImageWidthVMin: IDotcssAnimatable<number>;
126
+ borderLeftWidth: IDotcssAnimatable<number | string>;
127
+ borderLeftWidthCm: IDotcssAnimatable<number>;
128
+ borderLeftWidthCh: IDotcssAnimatable<number>;
129
+ borderLeftWidthEm: IDotcssAnimatable<number>;
130
+ borderLeftWidthEx: IDotcssAnimatable<number>;
131
+ borderLeftWidthIn: IDotcssAnimatable<number>;
132
+ borderLeftWidthMm: IDotcssAnimatable<number>;
133
+ borderLeftWidthP: IDotcssAnimatable<number>;
134
+ borderLeftWidthPc: IDotcssAnimatable<number>;
135
+ borderLeftWidthPt: IDotcssAnimatable<number>;
136
+ borderLeftWidthPx: IDotcssAnimatable<number>;
137
+ borderLeftWidthRem: IDotcssAnimatable<number>;
138
+ borderLeftWidthVh: IDotcssAnimatable<number>;
139
+ borderLeftWidthVw: IDotcssAnimatable<number>;
140
+ borderLeftWidthVMax: IDotcssAnimatable<number>;
141
+ borderLeftWidthVMin: IDotcssAnimatable<number>;
142
+ borderRadius: IDotcssAnimatable<number | string>;
143
+ borderRadiusCm: IDotcssAnimatable<number>;
144
+ borderRadiusCh: IDotcssAnimatable<number>;
145
+ borderRadiusEm: IDotcssAnimatable<number>;
146
+ borderRadiusEx: IDotcssAnimatable<number>;
147
+ borderRadiusIn: IDotcssAnimatable<number>;
148
+ borderRadiusMm: IDotcssAnimatable<number>;
149
+ borderRadiusP: IDotcssAnimatable<number>;
150
+ borderRadiusPc: IDotcssAnimatable<number>;
151
+ borderRadiusPt: IDotcssAnimatable<number>;
152
+ borderRadiusPx: IDotcssAnimatable<number>;
153
+ borderRadiusRem: IDotcssAnimatable<number>;
154
+ borderRadiusVh: IDotcssAnimatable<number>;
155
+ borderRadiusVw: IDotcssAnimatable<number>;
156
+ borderRadiusVMax: IDotcssAnimatable<number>;
157
+ borderRadiusVMin: IDotcssAnimatable<number>;
158
+ borderRightWidth: IDotcssAnimatable<number | string>;
159
+ borderRightWidthCm: IDotcssAnimatable<number>;
160
+ borderRightWidthCh: IDotcssAnimatable<number>;
161
+ borderRightWidthEm: IDotcssAnimatable<number>;
162
+ borderRightWidthEx: IDotcssAnimatable<number>;
163
+ borderRightWidthIn: IDotcssAnimatable<number>;
164
+ borderRightWidthMm: IDotcssAnimatable<number>;
165
+ borderRightWidthP: IDotcssAnimatable<number>;
166
+ borderRightWidthPc: IDotcssAnimatable<number>;
167
+ borderRightWidthPt: IDotcssAnimatable<number>;
168
+ borderRightWidthPx: IDotcssAnimatable<number>;
169
+ borderRightWidthRem: IDotcssAnimatable<number>;
170
+ borderRightWidthVh: IDotcssAnimatable<number>;
171
+ borderRightWidthVw: IDotcssAnimatable<number>;
172
+ borderRightWidthVMax: IDotcssAnimatable<number>;
173
+ borderRightWidthVMin: IDotcssAnimatable<number>;
174
+ borderTopLeftRadius: IDotcssAnimatable<number | string>;
175
+ borderTopLeftRadiusCm: IDotcssAnimatable<number>;
176
+ borderTopLeftRadiusCh: IDotcssAnimatable<number>;
177
+ borderTopLeftRadiusEm: IDotcssAnimatable<number>;
178
+ borderTopLeftRadiusEx: IDotcssAnimatable<number>;
179
+ borderTopLeftRadiusIn: IDotcssAnimatable<number>;
180
+ borderTopLeftRadiusMm: IDotcssAnimatable<number>;
181
+ borderTopLeftRadiusP: IDotcssAnimatable<number>;
182
+ borderTopLeftRadiusPc: IDotcssAnimatable<number>;
183
+ borderTopLeftRadiusPt: IDotcssAnimatable<number>;
184
+ borderTopLeftRadiusPx: IDotcssAnimatable<number>;
185
+ borderTopLeftRadiusRem: IDotcssAnimatable<number>;
186
+ borderTopLeftRadiusVh: IDotcssAnimatable<number>;
187
+ borderTopLeftRadiusVw: IDotcssAnimatable<number>;
188
+ borderTopLeftRadiusVMax: IDotcssAnimatable<number>;
189
+ borderTopLeftRadiusVMin: IDotcssAnimatable<number>;
190
+ borderTopRightRadius: IDotcssAnimatable<number | string>;
191
+ borderTopRightRadiusCm: IDotcssAnimatable<number>;
192
+ borderTopRightRadiusCh: IDotcssAnimatable<number>;
193
+ borderTopRightRadiusEm: IDotcssAnimatable<number>;
194
+ borderTopRightRadiusEx: IDotcssAnimatable<number>;
195
+ borderTopRightRadiusIn: IDotcssAnimatable<number>;
196
+ borderTopRightRadiusMm: IDotcssAnimatable<number>;
197
+ borderTopRightRadiusP: IDotcssAnimatable<number>;
198
+ borderTopRightRadiusPc: IDotcssAnimatable<number>;
199
+ borderTopRightRadiusPt: IDotcssAnimatable<number>;
200
+ borderTopRightRadiusPx: IDotcssAnimatable<number>;
201
+ borderTopRightRadiusRem: IDotcssAnimatable<number>;
202
+ borderTopRightRadiusVh: IDotcssAnimatable<number>;
203
+ borderTopRightRadiusVw: IDotcssAnimatable<number>;
204
+ borderTopRightRadiusVMax: IDotcssAnimatable<number>;
205
+ borderTopRightRadiusVMin: IDotcssAnimatable<number>;
206
+ borderTopWidth: IDotcssAnimatable<number | string>;
207
+ borderTopWidthCm: IDotcssAnimatable<number>;
208
+ borderTopWidthCh: IDotcssAnimatable<number>;
209
+ borderTopWidthEm: IDotcssAnimatable<number>;
210
+ borderTopWidthEx: IDotcssAnimatable<number>;
211
+ borderTopWidthIn: IDotcssAnimatable<number>;
212
+ borderTopWidthMm: IDotcssAnimatable<number>;
213
+ borderTopWidthP: IDotcssAnimatable<number>;
214
+ borderTopWidthPc: IDotcssAnimatable<number>;
215
+ borderTopWidthPt: IDotcssAnimatable<number>;
216
+ borderTopWidthPx: IDotcssAnimatable<number>;
217
+ borderTopWidthRem: IDotcssAnimatable<number>;
218
+ borderTopWidthVh: IDotcssAnimatable<number>;
219
+ borderTopWidthVw: IDotcssAnimatable<number>;
220
+ borderTopWidthVMax: IDotcssAnimatable<number>;
221
+ borderTopWidthVMin: IDotcssAnimatable<number>;
222
+ borderWidth: IDotcssAnimatable<number | string>;
223
+ borderWidthCm: IDotcssAnimatable<number>;
224
+ borderWidthCh: IDotcssAnimatable<number>;
225
+ borderWidthEm: IDotcssAnimatable<number>;
226
+ borderWidthEx: IDotcssAnimatable<number>;
227
+ borderWidthIn: IDotcssAnimatable<number>;
228
+ borderWidthMm: IDotcssAnimatable<number>;
229
+ borderWidthP: IDotcssAnimatable<number>;
230
+ borderWidthPc: IDotcssAnimatable<number>;
231
+ borderWidthPt: IDotcssAnimatable<number>;
232
+ borderWidthPx: IDotcssAnimatable<number>;
233
+ borderWidthRem: IDotcssAnimatable<number>;
234
+ borderWidthVh: IDotcssAnimatable<number>;
235
+ borderWidthVw: IDotcssAnimatable<number>;
236
+ borderWidthVMax: IDotcssAnimatable<number>;
237
+ borderWidthVMin: IDotcssAnimatable<number>;
238
+ bottom: IDotcssAnimatable<number | string>;
239
+ bottomCm: IDotcssAnimatable<number>;
240
+ bottomCh: IDotcssAnimatable<number>;
241
+ bottomEm: IDotcssAnimatable<number>;
242
+ bottomEx: IDotcssAnimatable<number>;
243
+ bottomIn: IDotcssAnimatable<number>;
244
+ bottomMm: IDotcssAnimatable<number>;
245
+ bottomP: IDotcssAnimatable<number>;
246
+ bottomPc: IDotcssAnimatable<number>;
247
+ bottomPt: IDotcssAnimatable<number>;
248
+ bottomPx: IDotcssAnimatable<number>;
249
+ bottomRem: IDotcssAnimatable<number>;
250
+ bottomVh: IDotcssAnimatable<number>;
251
+ bottomVw: IDotcssAnimatable<number>;
252
+ bottomVMax: IDotcssAnimatable<number>;
253
+ bottomVMin: IDotcssAnimatable<number>;
254
+ height: IDotcssAnimatable<number | string>;
255
+ heightCm: IDotcssAnimatable<number>;
256
+ heightCh: IDotcssAnimatable<number>;
257
+ heightEm: IDotcssAnimatable<number>;
258
+ heightEx: IDotcssAnimatable<number>;
259
+ heightIn: IDotcssAnimatable<number>;
260
+ heightMm: IDotcssAnimatable<number>;
261
+ heightP: IDotcssAnimatable<number>;
262
+ heightPc: IDotcssAnimatable<number>;
263
+ heightPt: IDotcssAnimatable<number>;
264
+ heightPx: IDotcssAnimatable<number>;
265
+ heightRem: IDotcssAnimatable<number>;
266
+ heightVh: IDotcssAnimatable<number>;
267
+ heightVw: IDotcssAnimatable<number>;
268
+ heightVMax: IDotcssAnimatable<number>;
269
+ heightVMin: IDotcssAnimatable<number>;
270
+ left: IDotcssAnimatable<number | string>;
271
+ leftCm: IDotcssAnimatable<number>;
272
+ leftCh: IDotcssAnimatable<number>;
273
+ leftEm: IDotcssAnimatable<number>;
274
+ leftEx: IDotcssAnimatable<number>;
275
+ leftIn: IDotcssAnimatable<number>;
276
+ leftMm: IDotcssAnimatable<number>;
277
+ leftP: IDotcssAnimatable<number>;
278
+ leftPc: IDotcssAnimatable<number>;
279
+ leftPt: IDotcssAnimatable<number>;
280
+ leftPx: IDotcssAnimatable<number>;
281
+ leftRem: IDotcssAnimatable<number>;
282
+ leftVh: IDotcssAnimatable<number>;
283
+ leftVw: IDotcssAnimatable<number>;
284
+ leftVMax: IDotcssAnimatable<number>;
285
+ leftVMin: IDotcssAnimatable<number>;
286
+ margin: IDotcssAnimatable<number | string>;
287
+ marginCm: IDotcssAnimatable<number>;
288
+ marginCh: IDotcssAnimatable<number>;
289
+ marginEm: IDotcssAnimatable<number>;
290
+ marginEx: IDotcssAnimatable<number>;
291
+ marginIn: IDotcssAnimatable<number>;
292
+ marginMm: IDotcssAnimatable<number>;
293
+ marginP: IDotcssAnimatable<number>;
294
+ marginPc: IDotcssAnimatable<number>;
295
+ marginPt: IDotcssAnimatable<number>;
296
+ marginPx: IDotcssAnimatable<number>;
297
+ marginRem: IDotcssAnimatable<number>;
298
+ marginVh: IDotcssAnimatable<number>;
299
+ marginVw: IDotcssAnimatable<number>;
300
+ marginVMax: IDotcssAnimatable<number>;
301
+ marginVMin: IDotcssAnimatable<number>;
302
+ marginBottom: IDotcssAnimatable<number | string>;
303
+ marginBottomCm: IDotcssAnimatable<number>;
304
+ marginBottomCh: IDotcssAnimatable<number>;
305
+ marginBottomEm: IDotcssAnimatable<number>;
306
+ marginBottomEx: IDotcssAnimatable<number>;
307
+ marginBottomIn: IDotcssAnimatable<number>;
308
+ marginBottomMm: IDotcssAnimatable<number>;
309
+ marginBottomP: IDotcssAnimatable<number>;
310
+ marginBottomPc: IDotcssAnimatable<number>;
311
+ marginBottomPt: IDotcssAnimatable<number>;
312
+ marginBottomPx: IDotcssAnimatable<number>;
313
+ marginBottomRem: IDotcssAnimatable<number>;
314
+ marginBottomVh: IDotcssAnimatable<number>;
315
+ marginBottomVw: IDotcssAnimatable<number>;
316
+ marginBottomVMax: IDotcssAnimatable<number>;
317
+ marginBottomVMin: IDotcssAnimatable<number>;
318
+ marginLeft: IDotcssAnimatable<number | string>;
319
+ marginLeftCm: IDotcssAnimatable<number>;
320
+ marginLeftCh: IDotcssAnimatable<number>;
321
+ marginLeftEm: IDotcssAnimatable<number>;
322
+ marginLeftEx: IDotcssAnimatable<number>;
323
+ marginLeftIn: IDotcssAnimatable<number>;
324
+ marginLeftMm: IDotcssAnimatable<number>;
325
+ marginLeftP: IDotcssAnimatable<number>;
326
+ marginLeftPc: IDotcssAnimatable<number>;
327
+ marginLeftPt: IDotcssAnimatable<number>;
328
+ marginLeftPx: IDotcssAnimatable<number>;
329
+ marginLeftRem: IDotcssAnimatable<number>;
330
+ marginLeftVh: IDotcssAnimatable<number>;
331
+ marginLeftVw: IDotcssAnimatable<number>;
332
+ marginLeftVMax: IDotcssAnimatable<number>;
333
+ marginLeftVMin: IDotcssAnimatable<number>;
334
+ marginRight: IDotcssAnimatable<number | string>;
335
+ marginRightCm: IDotcssAnimatable<number>;
336
+ marginRightCh: IDotcssAnimatable<number>;
337
+ marginRightEm: IDotcssAnimatable<number>;
338
+ marginRightEx: IDotcssAnimatable<number>;
339
+ marginRightIn: IDotcssAnimatable<number>;
340
+ marginRightMm: IDotcssAnimatable<number>;
341
+ marginRightP: IDotcssAnimatable<number>;
342
+ marginRightPc: IDotcssAnimatable<number>;
343
+ marginRightPt: IDotcssAnimatable<number>;
344
+ marginRightPx: IDotcssAnimatable<number>;
345
+ marginRightRem: IDotcssAnimatable<number>;
346
+ marginRightVh: IDotcssAnimatable<number>;
347
+ marginRightVw: IDotcssAnimatable<number>;
348
+ marginRightVMax: IDotcssAnimatable<number>;
349
+ marginRightVMin: IDotcssAnimatable<number>;
350
+ marginTop: IDotcssAnimatable<number | string>;
351
+ marginTopCm: IDotcssAnimatable<number>;
352
+ marginTopCh: IDotcssAnimatable<number>;
353
+ marginTopEm: IDotcssAnimatable<number>;
354
+ marginTopEx: IDotcssAnimatable<number>;
355
+ marginTopIn: IDotcssAnimatable<number>;
356
+ marginTopMm: IDotcssAnimatable<number>;
357
+ marginTopP: IDotcssAnimatable<number>;
358
+ marginTopPc: IDotcssAnimatable<number>;
359
+ marginTopPt: IDotcssAnimatable<number>;
360
+ marginTopPx: IDotcssAnimatable<number>;
361
+ marginTopRem: IDotcssAnimatable<number>;
362
+ marginTopVh: IDotcssAnimatable<number>;
363
+ marginTopVw: IDotcssAnimatable<number>;
364
+ marginTopVMax: IDotcssAnimatable<number>;
365
+ marginTopVMin: IDotcssAnimatable<number>;
366
+ maxHeight: IDotcssAnimatable<number | string>;
367
+ maxHeightCm: IDotcssAnimatable<number>;
368
+ maxHeightCh: IDotcssAnimatable<number>;
369
+ maxHeightEm: IDotcssAnimatable<number>;
370
+ maxHeightEx: IDotcssAnimatable<number>;
371
+ maxHeightIn: IDotcssAnimatable<number>;
372
+ maxHeightMm: IDotcssAnimatable<number>;
373
+ maxHeightP: IDotcssAnimatable<number>;
374
+ maxHeightPc: IDotcssAnimatable<number>;
375
+ maxHeightPt: IDotcssAnimatable<number>;
376
+ maxHeightPx: IDotcssAnimatable<number>;
377
+ maxHeightRem: IDotcssAnimatable<number>;
378
+ maxHeightVh: IDotcssAnimatable<number>;
379
+ maxHeightVw: IDotcssAnimatable<number>;
380
+ maxHeightVMax: IDotcssAnimatable<number>;
381
+ maxHeightVMin: IDotcssAnimatable<number>;
382
+ maxWidth: IDotcssAnimatable<number | string>;
383
+ maxWidthCm: IDotcssAnimatable<number>;
384
+ maxWidthCh: IDotcssAnimatable<number>;
385
+ maxWidthEm: IDotcssAnimatable<number>;
386
+ maxWidthEx: IDotcssAnimatable<number>;
387
+ maxWidthIn: IDotcssAnimatable<number>;
388
+ maxWidthMm: IDotcssAnimatable<number>;
389
+ maxWidthP: IDotcssAnimatable<number>;
390
+ maxWidthPc: IDotcssAnimatable<number>;
391
+ maxWidthPt: IDotcssAnimatable<number>;
392
+ maxWidthPx: IDotcssAnimatable<number>;
393
+ maxWidthRem: IDotcssAnimatable<number>;
394
+ maxWidthVh: IDotcssAnimatable<number>;
395
+ maxWidthVw: IDotcssAnimatable<number>;
396
+ maxWidthVMax: IDotcssAnimatable<number>;
397
+ maxWidthVMin: IDotcssAnimatable<number>;
398
+ minHeight: IDotcssAnimatable<number | string>;
399
+ minHeightCm: IDotcssAnimatable<number>;
400
+ minHeightCh: IDotcssAnimatable<number>;
401
+ minHeightEm: IDotcssAnimatable<number>;
402
+ minHeightEx: IDotcssAnimatable<number>;
403
+ minHeightIn: IDotcssAnimatable<number>;
404
+ minHeightMm: IDotcssAnimatable<number>;
405
+ minHeightP: IDotcssAnimatable<number>;
406
+ minHeightPc: IDotcssAnimatable<number>;
407
+ minHeightPt: IDotcssAnimatable<number>;
408
+ minHeightPx: IDotcssAnimatable<number>;
409
+ minHeightRem: IDotcssAnimatable<number>;
410
+ minHeightVh: IDotcssAnimatable<number>;
411
+ minHeightVw: IDotcssAnimatable<number>;
412
+ minHeightVMax: IDotcssAnimatable<number>;
413
+ minHeightVMin: IDotcssAnimatable<number>;
414
+ minWidth: IDotcssAnimatable<number | string>;
415
+ minWidthCm: IDotcssAnimatable<number>;
416
+ minWidthCh: IDotcssAnimatable<number>;
417
+ minWidthEm: IDotcssAnimatable<number>;
418
+ minWidthEx: IDotcssAnimatable<number>;
419
+ minWidthIn: IDotcssAnimatable<number>;
420
+ minWidthMm: IDotcssAnimatable<number>;
421
+ minWidthP: IDotcssAnimatable<number>;
422
+ minWidthPc: IDotcssAnimatable<number>;
423
+ minWidthPt: IDotcssAnimatable<number>;
424
+ minWidthPx: IDotcssAnimatable<number>;
425
+ minWidthRem: IDotcssAnimatable<number>;
426
+ minWidthVh: IDotcssAnimatable<number>;
427
+ minWidthVw: IDotcssAnimatable<number>;
428
+ minWidthVMax: IDotcssAnimatable<number>;
429
+ minWidthVMin: IDotcssAnimatable<number>;
430
+ padding: IDotcssAnimatable<number | string>;
431
+ paddingCm: IDotcssAnimatable<number>;
432
+ paddingCh: IDotcssAnimatable<number>;
433
+ paddingEm: IDotcssAnimatable<number>;
434
+ paddingEx: IDotcssAnimatable<number>;
435
+ paddingIn: IDotcssAnimatable<number>;
436
+ paddingMm: IDotcssAnimatable<number>;
437
+ paddingP: IDotcssAnimatable<number>;
438
+ paddingPc: IDotcssAnimatable<number>;
439
+ paddingPt: IDotcssAnimatable<number>;
440
+ paddingPx: IDotcssAnimatable<number>;
441
+ paddingRem: IDotcssAnimatable<number>;
442
+ paddingVh: IDotcssAnimatable<number>;
443
+ paddingVw: IDotcssAnimatable<number>;
444
+ paddingVMax: IDotcssAnimatable<number>;
445
+ paddingVMin: IDotcssAnimatable<number>;
446
+ paddingBottom: IDotcssAnimatable<number | string>;
447
+ paddingBottomCm: IDotcssAnimatable<number>;
448
+ paddingBottomCh: IDotcssAnimatable<number>;
449
+ paddingBottomEm: IDotcssAnimatable<number>;
450
+ paddingBottomEx: IDotcssAnimatable<number>;
451
+ paddingBottomIn: IDotcssAnimatable<number>;
452
+ paddingBottomMm: IDotcssAnimatable<number>;
453
+ paddingBottomP: IDotcssAnimatable<number>;
454
+ paddingBottomPc: IDotcssAnimatable<number>;
455
+ paddingBottomPt: IDotcssAnimatable<number>;
456
+ paddingBottomPx: IDotcssAnimatable<number>;
457
+ paddingBottomRem: IDotcssAnimatable<number>;
458
+ paddingBottomVh: IDotcssAnimatable<number>;
459
+ paddingBottomVw: IDotcssAnimatable<number>;
460
+ paddingBottomVMax: IDotcssAnimatable<number>;
461
+ paddingBottomVMin: IDotcssAnimatable<number>;
462
+ paddingLeft: IDotcssAnimatable<number | string>;
463
+ paddingLeftCm: IDotcssAnimatable<number>;
464
+ paddingLeftCh: IDotcssAnimatable<number>;
465
+ paddingLeftEm: IDotcssAnimatable<number>;
466
+ paddingLeftEx: IDotcssAnimatable<number>;
467
+ paddingLeftIn: IDotcssAnimatable<number>;
468
+ paddingLeftMm: IDotcssAnimatable<number>;
469
+ paddingLeftP: IDotcssAnimatable<number>;
470
+ paddingLeftPc: IDotcssAnimatable<number>;
471
+ paddingLeftPt: IDotcssAnimatable<number>;
472
+ paddingLeftPx: IDotcssAnimatable<number>;
473
+ paddingLeftRem: IDotcssAnimatable<number>;
474
+ paddingLeftVh: IDotcssAnimatable<number>;
475
+ paddingLeftVw: IDotcssAnimatable<number>;
476
+ paddingLeftVMax: IDotcssAnimatable<number>;
477
+ paddingLeftVMin: IDotcssAnimatable<number>;
478
+ paddingRight: IDotcssAnimatable<number | string>;
479
+ paddingRightCm: IDotcssAnimatable<number>;
480
+ paddingRightCh: IDotcssAnimatable<number>;
481
+ paddingRightEm: IDotcssAnimatable<number>;
482
+ paddingRightEx: IDotcssAnimatable<number>;
483
+ paddingRightIn: IDotcssAnimatable<number>;
484
+ paddingRightMm: IDotcssAnimatable<number>;
485
+ paddingRightP: IDotcssAnimatable<number>;
486
+ paddingRightPc: IDotcssAnimatable<number>;
487
+ paddingRightPt: IDotcssAnimatable<number>;
488
+ paddingRightPx: IDotcssAnimatable<number>;
489
+ paddingRightRem: IDotcssAnimatable<number>;
490
+ paddingRightVh: IDotcssAnimatable<number>;
491
+ paddingRightVw: IDotcssAnimatable<number>;
492
+ paddingRightVMax: IDotcssAnimatable<number>;
493
+ paddingRightVMin: IDotcssAnimatable<number>;
494
+ paddingTop: IDotcssAnimatable<number | string>;
495
+ paddingTopCm: IDotcssAnimatable<number>;
496
+ paddingTopCh: IDotcssAnimatable<number>;
497
+ paddingTopEm: IDotcssAnimatable<number>;
498
+ paddingTopEx: IDotcssAnimatable<number>;
499
+ paddingTopIn: IDotcssAnimatable<number>;
500
+ paddingTopMm: IDotcssAnimatable<number>;
501
+ paddingTopP: IDotcssAnimatable<number>;
502
+ paddingTopPc: IDotcssAnimatable<number>;
503
+ paddingTopPt: IDotcssAnimatable<number>;
504
+ paddingTopPx: IDotcssAnimatable<number>;
505
+ paddingTopRem: IDotcssAnimatable<number>;
506
+ paddingTopVh: IDotcssAnimatable<number>;
507
+ paddingTopVw: IDotcssAnimatable<number>;
508
+ paddingTopVMax: IDotcssAnimatable<number>;
509
+ paddingTopVMin: IDotcssAnimatable<number>;
510
+ right: IDotcssAnimatable<number | string>;
511
+ rightCm: IDotcssAnimatable<number>;
512
+ rightCh: IDotcssAnimatable<number>;
513
+ rightEm: IDotcssAnimatable<number>;
514
+ rightEx: IDotcssAnimatable<number>;
515
+ rightIn: IDotcssAnimatable<number>;
516
+ rightMm: IDotcssAnimatable<number>;
517
+ rightP: IDotcssAnimatable<number>;
518
+ rightPc: IDotcssAnimatable<number>;
519
+ rightPt: IDotcssAnimatable<number>;
520
+ rightPx: IDotcssAnimatable<number>;
521
+ rightRem: IDotcssAnimatable<number>;
522
+ rightVh: IDotcssAnimatable<number>;
523
+ rightVw: IDotcssAnimatable<number>;
524
+ rightVMax: IDotcssAnimatable<number>;
525
+ rightVMin: IDotcssAnimatable<number>;
526
+ top: IDotcssAnimatable<number | string>;
527
+ topCm: IDotcssAnimatable<number>;
528
+ topCh: IDotcssAnimatable<number>;
529
+ topEm: IDotcssAnimatable<number>;
530
+ topEx: IDotcssAnimatable<number>;
531
+ topIn: IDotcssAnimatable<number>;
532
+ topMm: IDotcssAnimatable<number>;
533
+ topP: IDotcssAnimatable<number>;
534
+ topPc: IDotcssAnimatable<number>;
535
+ topPt: IDotcssAnimatable<number>;
536
+ topPx: IDotcssAnimatable<number>;
537
+ topRem: IDotcssAnimatable<number>;
538
+ topVh: IDotcssAnimatable<number>;
539
+ topVw: IDotcssAnimatable<number>;
540
+ topVMax: IDotcssAnimatable<number>;
541
+ topVMin: IDotcssAnimatable<number>;
542
+ width: IDotcssAnimatable<number | string>;
543
+ widthCm: IDotcssAnimatable<number>;
544
+ widthCh: IDotcssAnimatable<number>;
545
+ widthEm: IDotcssAnimatable<number>;
546
+ widthEx: IDotcssAnimatable<number>;
547
+ widthIn: IDotcssAnimatable<number>;
548
+ widthMm: IDotcssAnimatable<number>;
549
+ widthP: IDotcssAnimatable<number>;
550
+ widthPc: IDotcssAnimatable<number>;
551
+ widthPt: IDotcssAnimatable<number>;
552
+ widthPx: IDotcssAnimatable<number>;
553
+ widthRem: IDotcssAnimatable<number>;
554
+ widthVh: IDotcssAnimatable<number>;
555
+ widthVw: IDotcssAnimatable<number>;
556
+ widthVMax: IDotcssAnimatable<number>;
557
+ widthVMin: IDotcssAnimatable<number>;
558
+ lineHeight: IDotcssAnimatable<number | string>;
559
+ lineHeightCm: IDotcssAnimatable<number>;
560
+ lineHeightCh: IDotcssAnimatable<number>;
561
+ lineHeightEm: IDotcssAnimatable<number>;
562
+ lineHeightEx: IDotcssAnimatable<number>;
563
+ lineHeightIn: IDotcssAnimatable<number>;
564
+ lineHeightMm: IDotcssAnimatable<number>;
565
+ lineHeightP: IDotcssAnimatable<number>;
566
+ lineHeightPc: IDotcssAnimatable<number>;
567
+ lineHeightPt: IDotcssAnimatable<number>;
568
+ lineHeightPx: IDotcssAnimatable<number>;
569
+ lineHeightRem: IDotcssAnimatable<number>;
570
+ lineHeightVh: IDotcssAnimatable<number>;
571
+ lineHeightVw: IDotcssAnimatable<number>;
572
+ lineHeightVMax: IDotcssAnimatable<number>;
573
+ lineHeightVMin: IDotcssAnimatable<number>;
574
+ fontSize: IDotcssAnimatable<number | string>;
575
+ fontSizeCm: IDotcssAnimatable<number>;
576
+ fontSizeCh: IDotcssAnimatable<number>;
577
+ fontSizeEm: IDotcssAnimatable<number>;
578
+ fontSizeEx: IDotcssAnimatable<number>;
579
+ fontSizeIn: IDotcssAnimatable<number>;
580
+ fontSizeMm: IDotcssAnimatable<number>;
581
+ fontSizeP: IDotcssAnimatable<number>;
582
+ fontSizePc: IDotcssAnimatable<number>;
583
+ fontSizePt: IDotcssAnimatable<number>;
584
+ fontSizePx: IDotcssAnimatable<number>;
585
+ fontSizeRem: IDotcssAnimatable<number>;
586
+ fontSizeVh: IDotcssAnimatable<number>;
587
+ fontSizeVw: IDotcssAnimatable<number>;
588
+ fontSizeVMax: IDotcssAnimatable<number>;
589
+ fontSizeVMin: IDotcssAnimatable<number>;
590
+ backgroundImage: (value: BackgroundImageFormat) => IDotcssProp;
591
+ borderImage: (value: BackgroundImageFormat) => IDotcssProp;
592
+ listStyleImage: (value: BackgroundImageFormat) => IDotcssProp;
593
+ content: (value: BasicCommonValues | UrlType) => IDotcssProp;
594
+ transformation: any;
595
+ opacity: IDotcssAnimatable<number | string>;
596
+ background: (value: string) => IDotcssProp;
597
+ backgroundAttachment: (value: BackgroundAttachmentValues) => IDotcssProp;
598
+ backgroundBlendMode: (value: string) => IDotcssProp;
599
+ backgroundPosition: (value: BackgroundPositionShorthand2D) => IDotcssProp;
600
+ backgroundRepeat: (value: BackgroundRepeatValues2d) => IDotcssProp;
601
+ backgroundClip: (value: string) => IDotcssProp;
602
+ backgroundOrigin: (value: BackgroundOriginValues) => IDotcssProp;
603
+ borderImageOutset: (value: string) => IDotcssProp;
604
+ borderImageRepeat: (value: BackgroundRepeatValues2d) => IDotcssProp;
605
+ borderImageSlice: (value: string) => IDotcssProp;
606
+ borderImageSource: (value: string) => IDotcssProp;
607
+ border: (value: BorderShorthand) => IDotcssProp;
608
+ borderBottom: (value: BorderShorthand) => IDotcssProp;
609
+ borderLeft: (value: BorderShorthand) => IDotcssProp;
610
+ borderRight: (value: BorderShorthand) => IDotcssProp;
611
+ borderTop: (value: BorderShorthand) => IDotcssProp;
612
+ borderBottomStyle: (value: BorderStyles) => IDotcssProp;
613
+ borderLeftStyle: (value: BorderStyles) => IDotcssProp;
614
+ borderRightStyle: (value: BorderStyles) => IDotcssProp;
615
+ borderStyle: (value: BorderStyles) => IDotcssProp;
616
+ borderTopStyle: (value: BorderStyles) => IDotcssProp;
617
+ boxDecorationBreak: (value: string) => IDotcssProp;
618
+ boxShadow: (value: string) => IDotcssProp;
619
+ clear: (value: string) => IDotcssProp;
620
+ clip: (value: string) => IDotcssProp;
621
+ display: (value: string) => IDotcssProp;
622
+ float: (value: string) => IDotcssProp;
623
+ overflow: (value: string) => IDotcssProp;
624
+ box: (value: string) => IDotcssProp;
625
+ overflowX: (value: string) => IDotcssProp;
626
+ overflowY: (value: string) => IDotcssProp;
627
+ position: (value: PositionNames) => IDotcssProp;
628
+ visibility: (value: string) => IDotcssProp;
629
+ verticalAlign: (value: string) => IDotcssProp;
630
+ zIndex: (value: string) => IDotcssProp;
631
+ alignContent: (value: string) => IDotcssProp;
632
+ alignItems: (value: string) => IDotcssProp;
633
+ alignSelf: (value: string) => IDotcssProp;
634
+ flex: (value: string) => IDotcssProp;
635
+ flexBasis: (value: string) => IDotcssProp;
636
+ flexDirection: (value: string) => IDotcssProp;
637
+ flexFlow: (value: string) => IDotcssProp;
638
+ flexGrow: (value: string) => IDotcssProp;
639
+ flexShrink: (value: string) => IDotcssProp;
640
+ flexWrap: (value: string) => IDotcssProp;
641
+ grid: (value: string) => IDotcssProp;
642
+ gridArea: (value: string) => IDotcssProp;
643
+ gridAutoColumns: (value: string) => IDotcssProp;
644
+ gridautoRows: (value: string) => IDotcssProp;
645
+ gridColumn: (value: string) => IDotcssProp;
646
+ gridColumnEnd: (value: string) => IDotcssProp;
647
+ gridColumnGap: (value: string) => IDotcssProp;
648
+ gridColumnStart: (value: string) => IDotcssProp;
649
+ gridGap: (value: string) => IDotcssProp;
650
+ gridRow: (value: string) => IDotcssProp;
651
+ gridRowEnd: (value: string) => IDotcssProp;
652
+ gridRowGap: (value: string) => IDotcssProp;
653
+ gridRowStart: (value: string) => IDotcssProp;
654
+ gridTemplate: (value: string) => IDotcssProp;
655
+ gridTemplateAreas: (value: string) => IDotcssProp;
656
+ gridTemplateColumns: (value: string) => IDotcssProp;
657
+ gridTemplateRows: (value: string) => IDotcssProp;
658
+ imageOrientation: (value: string) => IDotcssProp;
659
+ justifyContent: (value: string) => IDotcssProp;
660
+ order: (value: string) => IDotcssProp;
661
+ hangingPunctuation: (value: string) => IDotcssProp;
662
+ hyphens: (value: string) => IDotcssProp;
663
+ letterSpacing: (value: string) => IDotcssProp;
664
+ lineBreak: (value: string) => IDotcssProp;
665
+ overflowWrap: (value: string) => IDotcssProp;
666
+ tabSize: (value: string) => IDotcssProp;
667
+ textAlign: (value: string) => IDotcssProp;
668
+ textAlignLast: (value: string) => IDotcssProp;
669
+ textCombineUpright: (value: string) => IDotcssProp;
670
+ textIndent: (value: string) => IDotcssProp;
671
+ textJustify: (value: string) => IDotcssProp;
672
+ textTransform: (value: string) => IDotcssProp;
673
+ whiteSpace: (value: string) => IDotcssProp;
674
+ wordBreak: (value: string) => IDotcssProp;
675
+ wordSpacing: (value: string) => IDotcssProp;
676
+ wordWrap: (value: string) => IDotcssProp;
677
+ textDecoration: (value: string) => IDotcssProp;
678
+ textDecorationLine: (value: string) => IDotcssProp;
679
+ textDecorationStyle: (value: string) => IDotcssProp;
680
+ textShadow: (value: string) => IDotcssProp;
681
+ textUnderlinePosition: (value: string) => IDotcssProp;
682
+ font: (value: string) => IDotcssProp;
683
+ fontFamily: (value: string) => IDotcssProp;
684
+ fontFeatureSettings: (value: string) => IDotcssProp;
685
+ fontKerning: (value: string) => IDotcssProp;
686
+ fontLanguageOverride: (value: string) => IDotcssProp;
687
+ fontSizeAdjust: (value: string) => IDotcssProp;
688
+ fontStretch: (value: string) => IDotcssProp;
689
+ fontStyle: (value: string) => IDotcssProp;
690
+ fontSynthesis: (value: string) => IDotcssProp;
691
+ fontVariant: (value: string) => IDotcssProp;
692
+ fontVariantAlternates: (value: string) => IDotcssProp;
693
+ fontVariantCaps: (value: string) => IDotcssProp;
694
+ fontVariantEastAsian: (value: string) => IDotcssProp;
695
+ fontVariantLigatures: (value: string) => IDotcssProp;
696
+ fontVariantNumeric: (value: string) => IDotcssProp;
697
+ fontVariantPosition: (value: string) => IDotcssProp;
698
+ fontWeight: (value: string) => IDotcssProp;
699
+ direction: (value: string) => IDotcssProp;
700
+ textOrientation: (value: string) => IDotcssProp;
701
+ unicodeBidi: (value: string) => IDotcssProp;
702
+ userSelect: (value: string) => IDotcssProp;
703
+ writingMode: (value: string) => IDotcssProp;
704
+ borderCollapse: (value: string) => IDotcssProp;
705
+ borderSpacing: (value: string) => IDotcssProp;
706
+ captionSide: (value: string) => IDotcssProp;
707
+ emptyCells: (value: string) => IDotcssProp;
708
+ tableLayout: (value: string) => IDotcssProp;
709
+ counterIncrement: (value: string) => IDotcssProp;
710
+ counterReset: (value: string) => IDotcssProp;
711
+ listStyle: (value: string) => IDotcssProp;
712
+ listStylePosition: (value: string) => IDotcssProp;
713
+ listStyleType: (value: string) => IDotcssProp;
714
+ animation: (value: string) => IDotcssProp;
715
+ animationDelay: (value: string) => IDotcssProp;
716
+ animationDirection: (value: string) => IDotcssProp;
717
+ animationDuration: (value: string) => IDotcssProp;
718
+ animationFillMode: (value: string) => IDotcssProp;
719
+ animationIterationCount: (value: string) => IDotcssProp;
720
+ animationName: (value: string) => IDotcssProp;
721
+ animationPlayState: (value: string) => IDotcssProp;
722
+ animationTimingFunction: (value: string) => IDotcssProp;
723
+ backfaceVisibility: (value: BackfaceVisibilityValues) => IDotcssProp;
724
+ perspective2d: (value: string) => IDotcssProp;
725
+ perspectiveOrigin: (value: string) => IDotcssProp;
726
+ transformOrigin: (value: string) => IDotcssProp;
727
+ transformStyle: (value: string) => IDotcssProp;
728
+ transition: (value: string) => IDotcssProp;
729
+ transitionProperty: (value: string) => IDotcssProp;
730
+ transitionDuration: (value: string) => IDotcssProp;
731
+ transitionTimingFunction: (value: string) => IDotcssProp;
732
+ transitionDelay: (value: string) => IDotcssProp;
733
+ boxSizing: (value: string) => IDotcssProp;
734
+ cursor: (value: string) => IDotcssProp;
735
+ imeMode: (value: string) => IDotcssProp;
736
+ navDown: (value: string) => IDotcssProp;
737
+ navIndex: (value: string) => IDotcssProp;
738
+ navLeft: (value: string) => IDotcssProp;
739
+ navRight: (value: string) => IDotcssProp;
740
+ navUp: (value: string) => IDotcssProp;
741
+ outline: (value: string) => IDotcssProp;
742
+ outlineOffset: (value: string) => IDotcssProp;
743
+ outlineStyle: (value: string) => IDotcssProp;
744
+ outlineWidth: (value: string) => IDotcssProp;
745
+ resize: (value: string) => IDotcssProp;
746
+ textOverflow: (value: string) => IDotcssProp;
747
+ breakAfter: (value: string) => IDotcssProp;
748
+ breakBefore: (value: string) => IDotcssProp;
749
+ breakInside: (value: string) => IDotcssProp;
750
+ columnCount: (value: string) => IDotcssProp;
751
+ columnFill: (value: string) => IDotcssProp;
752
+ columnGap: (value: string) => IDotcssProp;
753
+ columnRule: (value: string) => IDotcssProp;
754
+ columnRuleStyle: (value: string) => IDotcssProp;
755
+ columnRuleWidth: (value: string) => IDotcssProp;
756
+ columnSpan: (value: string) => IDotcssProp;
757
+ columnWidth: (value: string) => IDotcssProp;
758
+ columns: (value: string) => IDotcssProp;
759
+ widows: (value: string) => IDotcssProp;
760
+ orphans: (value: string) => IDotcssProp;
761
+ pageBreakAfter: (value: string) => IDotcssProp;
762
+ pageBreakBefore: (value: string) => IDotcssProp;
763
+ pageBreakInside: (value: string) => IDotcssProp;
764
+ marks: (value: string) => IDotcssProp;
765
+ quotes: (value: string) => IDotcssProp;
766
+ filter: (value: string) => IDotcssProp;
767
+ imageRendering: (value: string) => IDotcssProp;
768
+ imageResolution: (value: string) => IDotcssProp;
769
+ objectFit: (value: string) => IDotcssProp;
770
+ objectPosition: (value: string) => IDotcssProp;
771
+ mask: (value: string) => IDotcssProp;
772
+ maskType: (value: string) => IDotcssProp;
773
+ mark: (value: string) => IDotcssProp;
774
+ markAfter: (value: string) => IDotcssProp;
775
+ markBefore: (value: string) => IDotcssProp;
776
+ phonemes: (value: string) => IDotcssProp;
777
+ rest: (value: string) => IDotcssProp;
778
+ restAfter: (value: string) => IDotcssProp;
779
+ restBefore: (value: string) => IDotcssProp;
780
+ voiceBalance: (value: string) => IDotcssProp;
781
+ voiceDuration: (value: string) => IDotcssProp;
782
+ voicePitch: (value: string) => IDotcssProp;
783
+ voicePitchRange: (value: string) => IDotcssProp;
784
+ voiceRate: (value: string) => IDotcssProp;
785
+ voiceStress: (value: string) => IDotcssProp;
786
+ voiceVolume: (value: string) => IDotcssProp;
787
+ marqueeDirection: (value: string) => IDotcssProp;
788
+ marqueePlayCount: (value: string) => IDotcssProp;
789
+ marqueeSpeed: (value: string) => IDotcssProp;
790
+ marqueeStyle: (value: string) => IDotcssProp;
791
+ pointerEvents: (value: string) => IDotcssProp;
792
+ }
793
+ export default interface IDotCss extends IDotcssProp {
794
+ (document?: Element | string): IDotcssProp;
795
+ version: string;
796
+ }
797
+ export interface IDotcssAnimatable<T> extends IDotcssProp {
798
+ (value: T): IDotcssProp;
799
+ animate(value: number, duration: number, style: "ease", complete: Function): IDotcssProp;
800
+ }
801
+ export interface IDotcssAnimatableColor extends IDotcssProp {
802
+ (value: ColorFormat | Array<number>): IDotcssProp;
803
+ (r: number, g: number, b: number, a?: number): IDotcssProp;
804
+ animate(value: ColorFormat | Array<number>, duration: number, style: "ease", complete: Function): IDotcssProp;
805
+ }
806
+ export interface HideParams {
807
+ duration?: number;
808
+ complete?: Function;
809
+ hideStyle?: "normal" | "fade" | "shrink";
810
+ animationStyle?: "ease";
811
+ }
812
+ export interface ShowParams {
813
+ duration?: number;
814
+ display?: string;
815
+ complete?: Function;
816
+ opacity?: number;
817
+ width?: number;
818
+ height?: number;
819
+ showStyle?: "normal" | "fade" | "grow";
820
+ animationStyle?: "ease";
821
+ }